@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 -- всегда
*/
.section-benefits-slider {
  padding: 0;
  padding-top: calc(124rem / 16);
  padding-bottom: calc(124rem / 16);
  position: relative;
  background: linear-gradient(2deg, rgba(64, 30, 255, 0.2) -25.32%, rgba(64, 30, 255, 0) 19.03%), #F8F8F8;
  overflow: hidden;
}
@media (max-width: 1728px) {
  .section-benefits-slider {
    padding-top: calc(56rem / 16 + 68 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-benefits-slider {
    padding-bottom: calc(50rem / 16 + 74 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-benefits-slider .main-wrapper {
  max-width: 1440px;
}
@media only screen and (max-width: 1024px) {
  .section-benefits-slider .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    opacity: 0.2 !important;
  }
  .section-benefits-slider .swiper-slide:not(.swiper-slide-active) {
    opacity: 0 !important;
  }
}
.section-benefits-slider .section-benefits-slider__wrapper {
  position: relative;
  height: auto;
}
@media only screen and (min-width: 1025px) {
  .section-benefits-slider .section-benefits-slider__wrapper {
    height: 77vh;
  }
}
.section-benefits-slider .section-benefits-slider__wrapper .benefits-slide {
  display: flex;
  position: relative;
  column-gap: 123px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1025px) {
  .section-benefits-slider .section-benefits-slider__wrapper .benefits-slide {
    flex-wrap: nowrap;
  }
}
.section-benefits-slider .section-benefits-slider__wrapper .benefits-slider-text {
  max-width: 532px;
}
.section-benefits-slider .section-benefits-slider__wrapper .benefits-slider-text .section-description-top {
  color: #8771FF;
}
.section-benefits-slider .section-benefits-slider__wrapper .benefits-slider-text .section-title {
  padding-top: 15px;
  color: #0E0F11;
}
.section-benefits-slider .section-benefits-slider__wrapper .benefits-slider-text .section-title br {
  display: none;
}
@media only screen and (min-width: 1025px) {
  .section-benefits-slider .section-benefits-slider__wrapper .benefits-slider-text .section-title br {
    display: block;
  }
}
.section-benefits-slider .section-benefits-slider__wrapper .benefits-slider-text .section-description {
  padding-top: 5px;
  color: #0E0F11;
  opacity: 0.6;
}
@media only screen and (min-width: 1025px) {
  .section-benefits-slider .section-benefits-slider__wrapper .benefits-slider-text .section-description {
    padding-top: 30px;
  }
}
.section-benefits-slider .section-benefits-slider__wrapper .benefits-slider-text__inner:not(:first-child) {
  padding-top: 300px;
}
.section-benefits-slider .section-benefits-slider__wrapper .pin-spacer {
  flex-grow: 1;
  position: relative;
}
.section-benefits-slider .section-benefits-slider__wrapper .benefits-slider-image {
  padding-top: calc(0rem / 16);
}
@media (max-width: 1728px) {
  .section-benefits-slider .section-benefits-slider__wrapper .benefits-slider-image {
    padding-top: calc(90rem / 16 + -90 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 1025px) {
  .section-benefits-slider .section-benefits-slider__wrapper .benefits-slider-image {
    max-width: calc(807rem / 16);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1728px) {
  .section-benefits-slider .section-benefits-slider__wrapper .benefits-slider-image {
    max-width: calc(48rem / 16 + 759 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-benefits-slider .tabs {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px;
  margin-right: -20px;
}
@media only screen and (min-width: 768px) {
  .section-benefits-slider .tabs {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .section-benefits-slider .tabs {
    flex-wrap: nowrap;
    gap: 100px;
  }
}
.section-benefits-slider .tabs .tabs-content-wrap {
  max-width: 100%;
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .section-benefits-slider .tabs .tabs-content-wrap {
    margin-top: -120px;
    max-width: 650px;
  }
}
@media only screen and (min-width: 1350px) {
  .section-benefits-slider .tabs .tabs-content-wrap {
    max-width: 816px;
  }
}
.section-benefits-slider .tabs__caption {
  gap: calc(40rem / 16);
  padding-top: calc(20rem / 16);
  flex-direction: row;
  align-items: flex-start;
  padding-right: 20px;
}
@media (max-width: 1728px) {
  .section-benefits-slider .tabs__caption {
    gap: calc(16rem / 16 + 24 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-benefits-slider .tabs__caption {
    padding-top: calc(10rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-benefits-slider .tabs__caption {
    padding-right: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .section-benefits-slider .tabs__caption {
    flex-direction: column;
  }
}
.section-benefits-slider .tabs__caption li {
  --color-text: #646464;
  font-size: calc(72rem / 16);
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.02em;
  color: #646464;
  border: 1px solid #646464;
  border-radius: 5px;
  padding: 14px 15px;
  min-width: 95px;
  text-align: center;
}
@media (max-width: 1728px) {
  .section-benefits-slider .tabs__caption li {
    font-size: calc(18rem / 16 + 54 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-benefits-slider .tabs__caption li {
    border-radius: 10px;
    min-width: none;
  }
}
@media only screen and (min-width: 1025px) {
  .section-benefits-slider .tabs__caption li {
    padding: 5px 30px 15px;
  }
}
.section-benefits-slider .tabs__caption li:hover {
  color: #fff;
}
.section-benefits-slider .tabs__caption li.active {
  color: #0E0F11;
  border-color: #fff;
  background-color: #fff;
}
.section-benefits-slider .link-to-more {
  display: flex;
  margin-top: 35px;
}
@media only screen and (min-width: 1200px) {
  .section-benefits-slider .link-to-more {
    margin-left: 10px;
    margin-top: -25px;
  }
}
/*# sourceMappingURL=section-benefits-slider.min.css.map */