@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;
  }
}

.card-link-list {
  gap: calc(56rem / 16);
  display: flex;
  flex-direction: column;
}
@media (max-width: 1728px) {
  .card-link-list {
    gap: calc(16rem / 16 + 40 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.card-link {
  font-size: calc(40rem / 16);
  --size-icon: calc(32rem / 16);
  padding-top: calc(60rem / 16);
  padding-bottom: calc(62rem / 16);
  padding-left: calc(67rem / 16);
  padding-right: calc(65rem / 16);
  line-height: normal;
  letter-spacing: 0.02em;
  border-radius: 8px;
  box-shadow: 2px -2px 13px 0 rgba(18, 17, 133, 0.06);
  background: #fff;
  font-weight: 500;
  color: #121185;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  transition: background-color 0.3s ease;
}
@media (max-width: 1728px) {
  .card-link {
    font-size: calc(20rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-link {
    --size-icon: calc(15rem / 16 + 17 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-link {
    padding-top: calc(23rem / 16 + 37 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-link {
    padding-bottom: calc(25rem / 16 + 37 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-link {
    padding-left: calc(25rem / 16 + 42 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-link {
    padding-right: calc(25rem / 16 + 40 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-link::after {
  content: "";
  display: block;
  width: var(--size-icon);
  min-width: var(--size-icon);
  height: var(--size-icon);
  background-image: url("../images/icon-link.svg");
  background-size: 100%;
}
.card-link:hover {
  background-color: rgba(164, 147, 255, 0.2);
}
@media only screen and (min-width: 768px) {
  .card-link {
    border-radius: 20px;
    box-shadow: 4px -4px 32px 0 rgba(18, 17, 133, 0.06);
  }
}
/*# sourceMappingURL=section-left-text-right-cards-link.min.css.map */