@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-slider-scroll {
  padding-block: 0;
}

.slider-scroll {
  position: relative;
}
.slider-scroll .slider-scroll__pagination {
  z-index: 10;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .slider-scroll .slider-scroll__pagination {
    left: 75%;
    bottom: 30px;
  }
}
.slider-scroll .swiper-pagination-bullet-active {
  background-color: #fefefe;
}

.card-scroll {
  position: relative;
  text-align: center;
}
.card-scroll::before {
  content: "";
  z-index: 1;
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.card-scroll__text-item {
  z-index: 2;
  position: relative;
}
.card-scroll__bg-item {
  z-index: 0;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.card-scroll__bg-item img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.card-scroll__text-inner-wrap {
  min-height: 100vh;
  max-width: 370px;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 50px;
  padding: 105px 25px 125px;
}
@media only screen and (min-width: 576px) {
  .card-scroll__text-inner-wrap {
    max-width: 500px;
  }
}
.card-scroll .section-title {
  font-size: calc(72rem / 16);
  line-height: 1;
  color: #FEFEFE;
  padding-bottom: 11px;
}
@media (max-width: 1728px) {
  .card-scroll .section-title {
    font-size: calc(54rem / 16 + 18 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-scroll .section-description {
  color: #fff;
  margin-inline: auto;
}
.card-scroll .btn {
  max-width: 300px;
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .card-scroll {
    display: flex;
    justify-content: space-between;
    text-align: left;
  }
  .card-scroll::before {
    display: none;
  }
  .card-scroll__text-item, .card-scroll__bg-item {
    position: relative;
    height: 100vh;
    width: 50vw;
  }
  .card-scroll__text-item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px 30px;
  }
  .card-scroll__text-inner-wrap {
    max-width: 615px;
    justify-content: center;
    gap: 35px;
    padding: 50px 0 150px 20px;
  }
  .card-scroll .section-title {
    color: #0E0F11;
    padding-bottom: 37px;
  }
  .card-scroll .section-description {
    color: rgba(0, 0, 0, 0.6);
  }
  .card-scroll .btn {
    max-width: 240px;
    margin-left: 0;
  }
}
@media screen and (max-width: 992px) and (orientation: landscape) {
  .card-scroll__text-item, .card-scroll__bg-item {
    height: auto;
  }
}
/*# sourceMappingURL=section-slider-scroll.min.css.map */