@charset "UTF-8";
:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.block-info {
  margin-top: calc(80rem / 16);
  padding-block: calc(80rem / 16);
  padding-inline: calc(50rem / 16);
  border-radius: calc(36rem / 16);
  position: relative;
  background-image: url("../images/block-info/bg-circle.svg");
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media (max-width: 1728px) {
  .block-info {
    margin-top: calc(30rem / 16 + 50 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .block-info {
    padding-block: calc(50rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .block-info {
    padding-inline: calc(30rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .block-info {
    border-radius: calc(16rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.block-info__wrapper {
  max-width: 1728px;
}
.block-info__img-bg {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
  pointer-events: none;
}
.block-info.center {
  text-align: center;
}
.block-info.center > * {
  margin-inline: auto;
}
.block-info .section-title {
  font-size: calc(72rem / 16);
  padding-bottom: calc(13rem / 16);
  color: #FCF9FE;
  line-height: 1.05;
  letter-spacing: 0.02em;
  max-width: 890px;
}
@media (max-width: 1728px) {
  .block-info .section-title {
    font-size: calc(32rem / 16 + 40 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .block-info .section-title {
    padding-bottom: calc(5rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .block-info .section-title {
    line-height: normal;
  }
}
.block-info .section-description {
  color: #E5E7FF;
  max-width: 700px;
  padding-top: 10px;
}
.block-info .btn {
  margin-top: calc(30rem / 16);
  margin-bottom: 0;
}
@media (max-width: 1728px) {
  .block-info .btn {
    margin-top: calc(20rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.section-list-creative-cards + .section-block-info, .section-list-creative-cards + .section-block-info-with-photo {
  padding-top: calc(5rem / 16);
}
@media (max-width: 1728px) {
  .section-list-creative-cards + .section-block-info, .section-list-creative-cards + .section-block-info-with-photo {
    padding-top: calc(20rem / 16 + -15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.section-block-info, .section-block-info-with-photo {
  padding-block: 20px;
  background-color: #f6f5ff;
  margin-block: -1px;
}
.section-block-info .block-info, .section-block-info-with-photo .block-info {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .section-block-info .block-info__wrapper, .section-block-info-with-photo .block-info__wrapper {
    padding-inline: 10px;
  }
}

.section-block-info-with-photo {
  background: #f6f5ff;
}
.section-block-info-with-photo .block-info {
  padding-left: calc(112rem / 16);
  padding-right: calc(44rem / 16);
  padding-block: calc(62rem / 16);
  display: flex;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
  text-align: center;
}
@media (max-width: 1728px) {
  .section-block-info-with-photo .block-info {
    padding-left: calc(16rem / 16 + 96 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-block-info-with-photo .block-info {
    padding-right: calc(16rem / 16 + 28 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-block-info-with-photo .block-info {
    padding-block: calc(50rem / 16 + 12 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .section-block-info-with-photo .block-info {
    background-image: url("../images/block-info/bg-circle-mobile.svg");
  }
}
@media only screen and (min-width: 992px) {
  .section-block-info-with-photo .block-info {
    flex-direction: row;
    align-items: normal;
    text-align: left;
    padding: 0;
  }
}
.section-block-info-with-photo .section-description-top {
  font-size: calc(24rem / 16);
  margin-bottom: calc(10rem / 16);
  letter-spacing: 0.02em;
  color: #FCF9FE;
}
@media (max-width: 1728px) {
  .section-block-info-with-photo .section-description-top {
    font-size: calc(20rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-block-info-with-photo .section-description-top {
    margin-bottom: calc(20rem / 16 + -10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-block-info-with-photo .section-description {
  font-size: calc(22rem / 16);
  padding-top: calc(5rem / 16);
  line-height: 1.33;
  letter-spacing: 0.02em;
  color: #E5E7FF;
  padding-inline: 10px;
}
@media (max-width: 1728px) {
  .section-block-info-with-photo .section-description {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-block-info-with-photo .section-description {
    padding-top: calc(12rem / 16 + -7 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-block-info-with-photo .section-description {
    line-height: 1.4;
  }
}
@media only screen and (min-width: 992px) {
  .section-block-info-with-photo .section-description {
    padding-inline: 0;
  }
}
.section-block-info-with-photo__wrap-top-content, .section-block-info-with-photo__wrap-right-img {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .section-block-info-with-photo__wrap-top-content, .section-block-info-with-photo__wrap-right-img {
    width: 50%;
  }
}
.section-block-info-with-photo__wrap-top-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0;
  max-width: 550px;
  margin-bottom: 34px;
}
@media only screen and (min-width: 992px) {
  .section-block-info-with-photo__wrap-top-content {
    padding-left: calc(112rem / 16);
    padding-right: calc(44rem / 16);
    padding-block: calc(62rem / 16);
    text-align: left;
    align-items: flex-start;
    max-width: none;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1728px) {
  .section-block-info-with-photo__wrap-top-content {
    padding-left: calc(16rem / 16 + 96 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 992px) and (max-width: 1728px) {
  .section-block-info-with-photo__wrap-top-content {
    padding-right: calc(16rem / 16 + 28 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 992px) and (max-width: 1728px) {
  .section-block-info-with-photo__wrap-top-content {
    padding-block: calc(50rem / 16 + 12 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-block-info-with-photo__wrap-right-img {
  aspect-ratio: 1/0.5949519231;
  overflow: hidden;
}
.section-block-info-with-photo__wrap-right-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*# sourceMappingURL=section-block-info.min.css.map */