@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 -- всегда
*/
.content-scroll {
  overflow-y: auto;
}
.content-scroll.horizontal {
  --height-scrollbar: 2px;
  overflow-x: auto;
  overflow-y: inherit;
}
.content-scroll::-webkit-scrollbar {
  width: var(--width-scrollbar);
  height: var(--height-scrollbar);
  background-color: rgba(0, 0, 0, 0.1);
}
.content-scroll::-webkit-scrollbar-thumb {
  border-radius: 0.5rem;
  background-color: rgba(158, 162, 194, 0.5);
}
.content-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #9EA2C2;
}

.card-creative-hover {
  --pInline: calc(40rem / 16);
  padding-bottom: calc(50rem / 16);
  position: relative;
  border-radius: 16px;
  box-shadow: 0px -4px 20px 0px rgba(18, 17, 133, 0.06);
  background: #fff;
  overflow: hidden;
  min-height: 410px;
}
@media (max-width: 1728px) {
  .card-creative-hover {
    --pInline: calc(30rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-creative-hover {
    padding-bottom: calc(30rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-creative-hover__bg {
  padding-top: calc(50rem / 16);
  padding-inline: var(--pInline);
}
@media (max-width: 1728px) {
  .card-creative-hover__bg {
    padding-top: calc(30rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-creative-hover__content {
  padding-inline: var(--pInline);
  margin-top: 15px;
}
@media only screen and (min-width: 1025px) {
  .card-creative-hover__content {
    max-width: 98%;
  }
}
.card-creative-hover__title {
  font-size: calc(35rem / 16);
  margin-bottom: calc(18rem / 16);
  font-weight: 500;
  color: #121185;
  line-height: normal;
  letter-spacing: 0.02em;
}
@media (max-width: 1728px) {
  .card-creative-hover__title {
    font-size: calc(24rem / 16 + 11 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-creative-hover__title {
    margin-bottom: calc(15rem / 16 + 3 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-creative-hover__description {
  font-size: calc(20rem / 16);
  line-height: 1.34;
  letter-spacing: 0.02em;
  color: #353ab0;
  opacity: 0.8;
}
@media (max-width: 1728px) {
  .card-creative-hover__description {
    font-size: calc(16rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.section-list-creative-cards {
  padding-top: calc(124rem / 16);
  padding-bottom: calc(120rem / 16);
}
@media (max-width: 1728px) {
  .section-list-creative-cards {
    padding-top: calc(65rem / 16 + 59 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-list-creative-cards {
    padding-bottom: calc(25rem / 16 + 95 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-list-creative-cards .section-title {
  max-width: 800px;
}
.section-list-creative-cards .section-description {
  max-width: 565px;
}
.section-list-creative-cards__slider-wrapper {
  margin-top: calc(30rem / 16);
  max-width: 1334px;
}
@media (max-width: 1728px) {
  .section-list-creative-cards__slider-wrapper {
    margin-top: calc(15rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 1024px) {
  .section-list-creative-cards__slider-wrapper {
    padding-inline: 0px 0;
  }
}
.section-list-creative-cards .swiper-slide {
  padding-inline: 10px;
  padding-block: 25px;
}
@media only screen and (max-width: 768px) {
  .section-list-creative-cards .swiper-slide:nth-child(1) {
    padding-left: 20px;
  }
  .section-list-creative-cards .swiper-slide:last-child {
    padding-right: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .section-list-creative-cards .swiper-slide {
    padding-inline: 30px;
    padding-block: 10px;
    margin-block: 10px !important;
  }
}
@media only screen and (min-width: 1025px) {
  .section-list-creative-cards .swiper-slide {
    padding-inline: 20px;
    padding-block: 10px;
  }
}

.section-list-creative-cards__services-type {
  padding-top: calc(124rem / 16);
  padding-bottom: 22px;
}
@media (max-width: 1728px) {
  .section-list-creative-cards__services-type {
    padding-top: calc(65rem / 16 + 59 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-list-creative-cards__services-type_main-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  column-gap: 30px;
}
@media only screen and (max-width: 768px) {
  .section-list-creative-cards__services-type_main-wrapper {
    padding-inline: 0;
  }
}
@media only screen and (min-width: 1201px) {
  .section-list-creative-cards__services-type_main-wrapper {
    flex-direction: row;
  }
}
.section-list-creative-cards__services-type .section-list-creative-cards__text-wrapper {
  max-width: 580px;
  margin-inline: 0;
}
@media only screen and (min-width: 768px) {
  .section-list-creative-cards__services-type .section-list-creative-cards__text-wrapper {
    padding-inline: 0;
  }
}
.section-list-creative-cards__services-type .section-list-creative-cards__slider-wrapper {
  margin-top: 15px;
  padding-inline: 0;
  margin-inline: 0;
}
@media only screen and (max-width: 767px) {
  .section-list-creative-cards__services-type .section-list-creative-cards__slider-wrapper .swiper {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 1201px) {
  .section-list-creative-cards__services-type .section-list-creative-cards__slider-wrapper {
    max-width: 650px;
    margin-top: -20px;
  }
}
@media only screen and (min-width: 1250px) {
  .section-list-creative-cards__services-type .section-list-creative-cards__slider-wrapper {
    max-width: 750px;
  }
}
@media only screen and (min-width: 1400px) {
  .section-list-creative-cards__services-type .section-list-creative-cards__slider-wrapper {
    max-width: 804px;
  }
}
.section-list-creative-cards__services-type .swiper-slide {
  padding-inline: 0 !important;
}
@media only screen and (max-width: 767px) {
  .section-list-creative-cards__services-type .swiper-slide:first-child {
    padding-left: 20px !important;
    box-sizing: content-box;
  }
  .section-list-creative-cards__services-type .swiper-slide:last-child {
    padding-right: 20px !important;
    box-sizing: content-box;
  }
}
.section-list-creative-cards__services-type .card-creative-hover {
  --pInline: calc(39rem / 16);
  padding-bottom: calc(85rem / 16);
}
@media (max-width: 1728px) {
  .section-list-creative-cards__services-type .card-creative-hover {
    --pInline: calc(30rem / 16 + 9 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-list-creative-cards__services-type .card-creative-hover {
    padding-bottom: calc(30rem / 16 + 55 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-list-creative-cards__services-type .card-creative-hover__bg {
  padding-top: calc(40rem / 16);
}
@media (max-width: 1728px) {
  .section-list-creative-cards__services-type .card-creative-hover__bg {
    padding-top: calc(30rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-list-creative-cards__services-type .card-creative-hover__content {
  margin-top: 10px;
}
/*# sourceMappingURL=section-list-creative-cards.min.css.map */