@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 -- всегда
*/
@media only screen and (max-width: 1024px) {
  .page-plug-play .section-left-text-right-visual__wrapper {
    --wLeft: 80%;
    flex-direction: column;
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 1025px) {
  .page-plug-play .section-left-text-right-visual__wrapper {
    --wLeft: 45%;
  }
}
@media only screen and (max-width: 1024px) {
  .page-plug-play .section-left-text-right-visual__right {
    max-width: 739px;
    width: 100%;
  }
}

.section-left-text-right-visual {
  padding-bottom: calc(124rem / 16);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual {
    padding-bottom: calc(30rem / 16 + 94 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-left-text-right-visual.with-scroll-slider-lobby {
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    align-items: center;
  }
}
.section-left-text-right-visual__wrapper {
  --colGap: 30px;
  --wLeft: 340px;
  display: flex;
  flex-direction: column;
  row-gap: 55px;
  column-gap: var(--colGap);
}
@media only screen and (min-width: 768px) {
  .section-left-text-right-visual__wrapper {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1200px) {
  .section-left-text-right-visual__wrapper {
    --colGap: 50px;
    --wLeft: 565px;
  }
}
.section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post {
  padding-top: calc(124rem / 16);
  padding-bottom: calc(124rem / 16);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post {
    padding-top: calc(60rem / 16 + 64 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post {
    padding-bottom: calc(60rem / 16 + 64 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-title {
  font-size: calc(62rem / 16);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-title {
    font-size: calc(32rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 992px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-title {
    max-width: 420px;
  }
}
.section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-left-text-right-visual__wrapper {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1200px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-left-text-right-visual__wrapper {
    --wLeft: 250px;
  }
}
@media only screen and (max-width: 991px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-left-text-right-visual__wrapper {
    --wLeft: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-left-text-right-visual__wrapper {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 991px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-left-text-right-visual__right {
    max-width: 100%;
  }
}
.section-left-text-right-visual__left {
  max-width: var(--wLeft);
  width: 100%;
}
.section-left-text-right-visual__right {
  max-width: 827px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .section-left-text-right-visual__right {
    width: calc(100% - var(--wLeft) - var(--colGap));
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .section-left-text-right-visual__slider-wrapper {
    width: calc(100% + 20px);
    margin-right: -20px;
  }
}
.section-left-text-right-visual__list-card-post {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .section-left-text-right-visual__list-card-post {
    max-width: 818px;
  }
}
@media only screen and (min-width: 1201px) {
  .section-left-text-right-visual__list-card-post {
    min-width: 818px;
  }
}
.section-left-text-right-visual .list-card-post {
  --gap: calc(30rem / 16);
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .list-card-post {
    --gap: calc(24rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-left-text-right-visual .list-card-post .card-post {
  width: 100%;
  margin: 0;
}
@media only screen and (min-width: 600px) {
  .section-left-text-right-visual .list-card-post .card-post {
    width: calc(50% - var(--gap) / 2);
  }
}
.section-left-text-right-visual.light-theme {
  color: #121185;
}
.section-left-text-right-visual.light-theme .section-description {
  color: #353AB0;
}
.section-left-text-right-visual.light-theme .btn.border {
  border-color: #0E0F11;
  color: #0E0F11;
}
.section-left-text-right-visual .section-description-top {
  font-size: calc(24rem / 16);
  padding-bottom: calc(18rem / 16);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .section-description-top {
    font-size: calc(18rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .section-description-top {
    padding-bottom: calc(15rem / 16 + 3 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-left-text-right-visual .section-title {
  font-size: calc(62rem / 16);
  padding-bottom: calc(15rem / 16);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .section-title {
    font-size: calc(40rem / 16 + 22 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .section-title {
    padding-bottom: calc(0rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-left-text-right-visual .section-description {
  font-size: calc(22rem / 16);
  max-width: 400px;
  line-height: 1.33;
  letter-spacing: 0.02em;
  color: #353ab0;
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .section-description {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-left-text-right-visual .section-description {
    line-height: 1.4;
  }
}

.wrap-btns-hero {
  margin-top: calc(30rem / 16);
  display: inline-flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 15px;
  row-gap: 5px;
}
@media (max-width: 1728px) {
  .wrap-btns-hero {
    margin-top: calc(55rem / 16 + -25 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .wrap-btns-hero {
    flex-direction: row;
  }
}
.wrap-btns-hero .btn {
  justify-content: center;
  min-width: 240px;
}
@media only screen and (max-width: 767px) {
  .wrap-btns-hero .btn {
    min-width: 200px;
    padding-block: 20px;
  }
}
/*# sourceMappingURL=section-left-text-right-bg.min.css.map */