@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-integrations {
  padding-bottom: calc(124rem / 16);
}
@media (max-width: 1728px) {
  .section-integrations {
    padding-bottom: calc(30rem / 16 + 94 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-integrations__wrapper {
  max-width: 1550px;
}
.section-integrations .section-title {
  font-size: calc(72rem / 16);
  line-height: 1.05;
  letter-spacing: 0.02em;
}
@media (max-width: 1728px) {
  .section-integrations .section-title {
    font-size: calc(32rem / 16 + 40 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-integrations__wrap-select-change-tab {
  margin-block: 25px 0;
}
@media only screen and (min-width: 768px) {
  .section-integrations__wrap-select-change-tab {
    display: none;
  }
}
.section-integrations__tabs-caption {
  padding-top: 0;
}
@media only screen and (max-width: 767px) {
  .section-integrations__tabs-caption {
    display: none !important;
  }
}
.section-integrations .section-partners__filter, .section-integrations__tabs-caption {
  margin-top: calc(23rem / 16);
  gap: 17px;
}
@media (max-width: 1728px) {
  .section-integrations .section-partners__filter, .section-integrations__tabs-caption {
    margin-top: calc(32rem / 16 + -9 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-integrations .section-partners__filter .btn, .section-integrations__tabs-caption .btn {
  padding-block: 14px;
  padding-inline: 22px;
  border: 2px solid #6b34fd;
  margin: 0;
}
.section-integrations .section-partners__filter .btn.active, .section-integrations__tabs-caption .btn.active {
  color: #fff;
}
.section-integrations .section-partners__filter .btn:not(.active), .section-integrations__tabs-caption .btn:not(.active) {
  padding-block: 13px;
  padding-inline: 22px;
  background: none;
  color: #6b34fd;
}

.integration-view {
  border-radius: calc(16rem / 16);
  padding-top: calc(78rem / 16);
  padding-bottom: calc(80rem / 16);
  padding-left: calc(105rem / 16);
  padding-right: calc(83rem / 16);
  margin-top: calc(80rem / 16);
  font-size: calc(22rem / 16);
  background-color: #FCF9FE;
  color: #353AB0;
  line-height: 1.33;
  letter-spacing: 0.02em;
  row-gap: 56px;
}
@media (max-width: 1728px) {
  .integration-view {
    border-radius: calc(8rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .integration-view {
    padding-top: calc(40rem / 16 + 38 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .integration-view {
    padding-bottom: calc(40rem / 16 + 40 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .integration-view {
    padding-left: calc(24rem / 16 + 81 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .integration-view {
    padding-right: calc(24rem / 16 + 59 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .integration-view {
    margin-top: calc(24rem / 16 + 56 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .integration-view {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .integration-view {
    line-height: 1.4;
    border: 1.13px solid rgba(255, 255, 255, 0.09);
    box-shadow: 4px -4px 32px 0 rgba(18, 17, 133, 0.06);
  }
}
.integration-view__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 56px;
  column-gap: 35px;
}
@media only screen and (min-width: 768px) {
  .integration-view__wrapper {
    flex-direction: row;
  }
}
.integration-view__left {
  max-width: 547px;
  width: 100%;
}
.integration-view__right {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .integration-view__right {
    max-width: 50%;
  }
}
@media only screen and (min-width: 1025px) {
  .integration-view__right {
    max-width: 55%;
  }
}
@media only screen and (min-width: 1400px) {
  .integration-view__right {
    max-width: 679px;
  }
}
.integration-view__description-top {
  font-size: 1rem;
  margin-bottom: 12px;
  line-height: 1.34;
  letter-spacing: 0.02em;
  color: #6b34fd;
}
@media only screen and (min-width: 768px) {
  .integration-view__description-top {
    display: none;
  }
}
.integration-view__title {
  margin-bottom: calc(30rem / 16);
  font-size: calc(40rem / 16);
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #121185;
}
@media (max-width: 1728px) {
  .integration-view__title {
    margin-bottom: calc(16rem / 16 + 14 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .integration-view__title {
    font-size: calc(24rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.integration-view .btn {
  margin-top: calc(65rem / 16);
  margin-bottom: 0;
}
@media (max-width: 1728px) {
  .integration-view .btn {
    margin-top: calc(56rem / 16 + 9 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.slider-integration {
   --mBlock: calc(3rem / 16);
}
@media (max-width: 1728px) {
  .slider-integration {
     --mBlock: calc(12rem / 16 + -9 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.slider-integration__pagination {
  margin-top: 50px;
}
@media only screen and (min-width: 768px) {
  .slider-integration__pagination {
    margin-top: 27px;
  }
}

.card-integration {
  font-size: calc(20rem / 16);
  padding-top: calc(35rem / 16);
  padding-bottom: calc(11rem / 16);
  padding-inline: 8px;
  line-height: 1.34;
  letter-spacing: 0.02em;
  text-align: center;
  color: #353ab0;
}
@media (max-width: 1728px) {
  .card-integration {
    font-size: calc(16rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-integration {
    padding-top: calc(8rem / 16 + 27 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-integration {
    padding-bottom: calc(8rem / 16 + 3 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-integration__bg {
  margin-bottom: calc(30rem / 16);
  max-width: 125px;
  margin-inline: auto;
  aspect-ratio: 1/0.752;
  position: relative;
}
@media (max-width: 1728px) {
  .card-integration__bg {
    margin-bottom: calc(8rem / 16 + 22 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-integration__bg img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  object-fit: cover;
  object-position: center;
}
/*# sourceMappingURL=section-integrations.min.css.map */