@charset "UTF-8";
/* Контейнер слайдера */
.my-promo-slider {
  position: relative;
  width: 100%;
  min-height: 520px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .my-promo-slider {
    min-height: 480px;
  }
}
/* Статичный фон */
.bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
/* Слайдер с текстом */
.promo-swiper {
  position: static;
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  /* Ограничь ширину контента */
  padding: 40px;
  padding-right: 80px;
}
@media (max-width: 768px) {
  .promo-swiper {
    padding: 40px;
  }
}
.swiper-slide {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 360px;
}
@media (max-width: 1024px) {
  .swiper-slide {
    padding: 0;
  }
}
.slide-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  color: #fff;
  /* Цвет текста под фон */
  max-width: 600px;
  padding-top: 60px;
}
@media (max-width: 768px) {
  .slide-content {
    align-items: center;
  }
}
@media (max-width: 480px) {
  .slide-content {
    gap: 20px;
  }
}
/* Анимация заголовка и описания */
.slider-title {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s ease-out;
  font-weight: 600;
  margin-bottom: 5px;
  display: -webkit-flex;
  display: flex;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  pointer-events: auto;
  font-family: Montserrat Alternates, sans-serif;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  color: #ffffff;
  text-decoration: none;
  font-size: 35px;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  line-height: normal;
}
@media (max-width: 1024px) {
  .slider-title {
    font-size: 25px;
  }
}
@media (max-width: 768px) {
  .slider-title {
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}
@media (max-width: 480px) {
  .slider-title {
    font-size: 16px;
  }
}
.swiper-slide-active .slider-title {
  opacity: 1;
  transform: translateY(0);
}
.slider-subtitle {
  opacity: 0;
  transition: all 0.6s ease-out 0.2s;
  /* Задержка появления */
  margin-bottom: 5px;
  display: -webkit-flex;
  display: flex;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  pointer-events: auto;
  font-family: Montserrat, sans-serif;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  color: rgba(255, 255, 255, 0.73);
  text-decoration: none;
  font-size: 14px;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .slider-subtitle {
    text-align: center;
    align-items: center;
    justify-content: center;
  }
}
.swiper-slide-active .slider-subtitle {
  opacity: 1;
}
/* Кнопка */
.slider-btn a {
  padding: 12px 30px;
  border: none;
  display: -webkit-inline-flex;
  display: inline-flex;
  box-sizing: border-box;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  font-family: Montserrat Alternates, sans-serif;
  color: #521b31;
  text-decoration: none;
  font-size: 16px;
  min-height: 50px;
  -webkit-box-shadow: 0px 0px 40px #eb73b7;
  -moz-box-shadow: 0px 0px 40px #eb73b7;
  box-shadow: 0px 0px 40px #eb73b7;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjE4NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDE4NCA2NCIgaWQ9InN2Zy0xIj4KICA8ZGVmcyBpZD0iZGVmcy0yIj4KICAgIAogIDwvZGVmcz4KICA8cGF0aCBkPSJNMTY2LjAxMSwzMS4wMDkgQzE2OC4zODAsMzkuMTE0IDE2Mi4wMDgsNDcuNDI1IDE1My41MzQsNDYuOTAyIEMxNTEuMjg0LDQ2Ljc2MyAxNDkuMDI1LDQ1Ljk1MiAxNDYuOTkxLDQ0LjMyMyBDMTQ0Ljg5OCw0Mi42NDUgMTQyLjU3MiwzOS44NTEgMTQyLjg3OCwzNy4wODMgQzE0My4wMzgsMzUuNjMyIDE0My43ODEsMzMuODM2IDE0NS45NjIsMzIuOTY4IEMxNDguNTQ3LDMxLjk0MiAxNTEuNDgwLDMzLjIwMyAxNTIuNTA4LDM1Ljc4NSBDMTUzLjUzOCwzOC4zNjcgMTUyLjI3NSw0MS4yOTUgMTQ5LjY4OCw0Mi4zMjIgQzE0OS41OTMsNDIuMzYwIDE0OS41MDAsNDIuMzk0IDE0OS40MDUsNDIuNDI0IEMxNTcuMjMyLDQ0LjU5OCAxNjQuMDY1LDM2Ljk4MyAxNjEuOTgxLDMwLjEzNCBDMTYxLjkzMSwyOS45NzAgMTYxLjg1NiwyOS44MjAgMTYxLjgwMSwyOS42NTkgQzE1Ni4wNjgsMjguMDI0IDE1MC4zNzEsMjcuMjU4IDE0NC41NzMsMjcuMjMzIEMxNDEuNzUzLDI3LjIyMSAxMzkuMDE3LDI3LjQ4MiAxMzYuMzQ2LDI3LjkzOSBDMTM5Ljg2NywzMy4zMzIgMTQxLjcwNCwzOS45NTQgMTQwLjgwMiw0Ny4zMzYgQzEzOS4xNjcsNjAuNzIyIDEyOC4wMjgsNjcuNzcwIDExNi44ODUsNjIuMjcyIEMxMDguNTA2LDU4LjEzOSAxMDUuMzE4LDQ0LjQ5OSAxMTcuNDEyLDQwLjkzOSBDMTEzLjg4Nyw0NC43OTUgMTE0LjE1Nyw1My41ODQgMTIxLjUwMyw1OC4yODQgQzEyOC41NzMsNjIuODA2IDEzNi4yNDYsNTcuMDE5IDEzNy41MzcsNDYuODY1IEMxMzguMzc3LDQwLjI2MSAxMzYuMzc0LDMzLjkxMiAxMzIuNjg3LDI4LjcwMCBDMTEwLjYwNywzNC4wODEgOTIuODYyLDUyLjQzMSA3MC44NzIsNTAuNTU1IEM2NS4zMjUsNTAuMDgyIDU5Ljg2NCw0OC4wNTYgNTUuMjEyLDQ0LjgyNCBDNDcuNjIxLDQ4LjM1MyAzOS41ODEsNDkuODk0IDMwLjMwNSw0Ni41ODMgQzI0Ljk2OCw0NC42NzggMjAuNzM1LDQxLjAwNiAxOC4yMzEsMzUuOTA4IEMxMS44MjksMzMuNDkyIDUuNjMwLDI5Ljc4NSAwLjAxMiwyNC4zNzQgQzUuODU4LDI4LjI0NCAxMS41MTgsMzEuMTE4IDE3LjExMywzMy4xMzIgQzE0Ljc0NSwyNS4wMjcgMjEuMTE2LDE2LjcxNSAyOS41OTEsMTcuMjQwIEMzMS44NDEsMTcuMzc5IDM0LjEwMCwxOC4xOTAgMzYuMTM0LDE5LjgxOSBDMzguMjI3LDIxLjQ5NyA0MC41NTMsMjQuMjkwIDQwLjI0NywyNy4wNTkgQzQwLjA4NywyOC41MTAgMzkuMzQ0LDMwLjMwNiAzNy4xNjMsMzEuMTcyIEMzNC41NzgsMzIuMTk5IDMxLjY0NSwzMC45MzkgMzAuNjE3LDI4LjM1NiBDMjkuNTg3LDI1Ljc3NSAzMC44NTAsMjIuODQ3IDMzLjQzNywyMS44MjAgQzMzLjUzMSwyMS43ODIgMzMuNjI1LDIxLjc0OCAzMy43MjEsMjEuNzE3IEMyNS44OTMsMTkuNTQzIDE5LjA1OSwyNy4xNTkgMjEuMTQ0LDM0LjAwNyBDMjEuMTk0LDM0LjE3MiAyMS4yNjksMzQuMzIxIDIxLjMyNSwzNC40ODMgQzI3LjA1NywzNi4xMTcgMzIuNzU1LDM2Ljg4NCAzOC41NTIsMzYuOTA4IEM0MS4zNzQsMzYuOTIwIDQ0LjExMSwzNi42NTkgNDYuNzgzLDM2LjIwMiBDNDMuMjYwLDMwLjgxMCA0MS40MjEsMjQuMTg4IDQyLjMyNCwxNi44MDUgQzQzLjk1OSwzLjQyMCA1NS4wOTcsLTMuNjI4IDY2LjI0MCwxLjg3MCBDNzQuNjIwLDYuMDAzIDc3LjgwNywxOS42NDIgNjUuNzEzLDIzLjIwMyBDNjkuMjM4LDE5LjM0NyA2OC45NjcsMTAuNTU3IDYxLjYyMiw1Ljg1NyBDNTQuNTUyLDEuMzM1IDQ2Ljg3OSw3LjEyMyA0NS41ODgsMTcuMjc3IEM0NC43NDgsMjMuODgxIDQ2Ljc1MywzMC4yMjkgNTAuNDQxLDM1LjQ0MSBDNzIuNTIwLDMwLjA1OCA5MC4yNjQsMTEuNzEwIDExMi4yNTIsMTMuNTg2IEMxMTcuODAwLDE0LjA1OSAxMjMuMjYxLDE2LjA4NiAxMjcuOTEzLDE5LjMxOCBDMTM1LjUwNCwxNS43ODkgMTQzLjU0NCwxNC4yNDggMTUyLjgyMCwxNy41NTkgQzE1OC4xNTYsMTkuNDY0IDE2Mi4zOTAsMjMuMTM2IDE2NC44OTQsMjguMjMzIEMxNzEuMjk2LDMwLjY0OSAxNzcuNDk1LDM0LjM1NiAxODMuMTE0LDM5Ljc2NyBDMTc3LjI2NywzNS44OTggMTcxLjYwNywzMy4wMjMgMTY2LjAxMSwzMS4wMDkgWk03MS4yNTUsNDguMDkxIEM5Mi41MzIsNTAuMzMzIDEwOS41NzgsMzIuMjM4IDEzMC44MTEsMjYuMzAzIEMxMjkuNjQzLDI0Ljk1OSAxMjguMzU3LDIzLjcxNyAxMjYuOTgxLDIyLjU5MSBDMTE3Ljk1NCwyNy4wMTkgMTA5LjE1MiwzNC4wMDYgOTkuNjUyLDM4LjgwMCBDOTYuMjIwLDQwLjUzMCA5MS4wNDgsNDEuODY2IDg3LjI0Nyw0MC40ODAgQzgwLjQ4NCwzOC4wMTMgNzkuODY0LDI4Ljg2MiA4Ny42MzMsMjUuODk1IEM4Ni4zNjIsMjYuMjk0IDg1LjE5NSwyNi43ODAgODQuMjY3LDI3LjI0MyBDNzUuMjgzLDMxLjczNSA2Ny4wNjQsMzguNTQ5IDU4LjM4Nyw0My4yMjYgQzYyLjI3Niw0NS44NzAgNjYuNzE4LDQ3LjYxNCA3MS4yNTUsNDguMDkxIFpNOTQuNzMzLDM4LjQ3MCBDMTAwLjIyNCwzNS42MDMgMTAxLjM5OCwyNy45MTIgOTUuODEwLDI1LjU3OCBDOTMuNjgwLDI0LjY4OSA5MC44OTMsMjQuOTgxIDg4LjM5MSwyNS42NzEgQzgyLjkwMSwyOC41MzggODEuNzI3LDM2LjIyOSA4Ny4zMTYsMzguNTYzIEM4OS40NDUsMzkuNDUzIDkyLjIzMSwzOS4xNjEgOTQuNzMzLDM4LjQ3MCBaTTM4LjU5MywzOS42ODYgQzMzLjM0MiwzOS41ODIgMjcuOTcwLDM4Ljg3MiAyMi42NzYsMzcuMzY5IEMyNC42NzgsNDAuNTg2IDI3LjkyMyw0Mi45NDkgMzEuODg1LDQ0LjMwNCBDMzkuMzA2LDQ2Ljg0MiA0Ni4xNzYsNDUuNzgyIDUyLjg2NCw0My4wMzIgQzUxLjMyNiw0MS43NDMgNDkuOTE1LDQwLjMwMiA0OC42NDQsMzguNzM5IEM0NS40MDYsMzkuNDAxIDQyLjA2NiwzOS43NTQgMzguNTkzLDM5LjY4NiBaTTExMS44NzEsMTYuMDUwIEM5MC41OTYsMTMuODA4IDczLjU1MSwzMS44OTkgNTIuMzIyLDM3LjgzNyBDNTMuNDg5LDM5LjE3OSA1NC43NjksNDAuNDI1IDU2LjE0NCw0MS41NTEgQzY1LjE3MSwzNy4xMjIgNzMuOTczLDMwLjEzNSA4My40NzQsMjUuMzQxIEM4Ni45MDUsMjMuNjExIDkyLjA3NywyMi4yNzYgOTUuODc4LDIzLjY2MSBDMTAyLjY0MSwyNi4xMjggMTAzLjI2MiwzNS4yODAgOTUuNDkxLDM4LjI0NyBDOTYuNzYyLDM3Ljg0NyA5Ny45MzAsMzcuMzYxIDk4Ljg1OCwzNi44OTcgQzEwNy44NDIsMzIuNDA2IDExNi4wNjIsMjUuNTkzIDEyNC43MzksMjAuOTE1IEMxMjAuODQ5LDE4LjI3MSAxMTYuNDA3LDE2LjUyOCAxMTEuODcxLDE2LjA1MCBaTTE1MS4yNDAsMTkuODM3IEMxNDMuODE5LDE3LjI5OSAxMzYuOTQ5LDE4LjM2MCAxMzAuMjYxLDIxLjExMCBDMTMxLjgwMSwyMi40MDEgMTMzLjIyMiwyMy44MzUgMTM0LjQ5NCwyNS40MDAgQzEzNy43MjcsMjQuNzQwIDE0MS4wNjQsMjQuMzg4IDE0NC41MzIsMjQuNDU2IEMxNDkuNzgzLDI0LjU1OSAxNTUuMTU1LDI1LjI2OSAxNjAuNDQ5LDI2Ljc3MiBDMTU4LjQ0NiwyMy41NTUgMTU1LjIwMiwyMS4xOTIgMTUxLjI0MCwxOS44MzcgWiIgaWQ9InBhdGgtMSIgY2xhc3M9ImNscy0yIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMC4yIiB0eXBlPSJzb2xpZENvbG9yIj48L3BhdGg+Cjwvc3ZnPg==)  left -105px bottom -13px / auto auto no-repeat #ffcfd5;
  -webkit-border-radius: 250px;
  -moz-border-radius: 250px;
  border-radius: 250px;
}
@media (max-width: 480px) {
  .slider-btn a {
    padding: 5px 20px;
  }
}
.slider-btn a:hover {
  webkit-box-shadow: 0px 0px 29px rgba(255, 207, 213, 0.38);
  -moz-box-shadow: 0px 0px 29px rgba(255, 207, 213, 0.38);
  box-shadow: 0px 0px 29px rgba(255, 207, 213, 0.38);
}
.slider-top {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}
@media (max-width: 768px) {
  .slider-top {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
/* Настройка цвета и размера кнопок */
.swiper-button-next, .swiper-button-prev {
  color: #ffffff;
  /* Цвет стрелок */
  background: rgba(0, 0, 0, 0.3);
  /* Полупрозрачный фон для видимости */
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: background 0.3s ease;
}
/* Уменьшение размера иконки стрелки */
.swiper-button-next::after, .swiper-button-prev::after {
  font-size: 20px;
  font-weight: bold;
}
.slider-flag {
  display: block;
  position: absolute;
  top: -110px;
  left: -10px;
  font-size: 110px;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  font-family: Montserrat, sans-serif;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  color: rgba(255, 255, 255, 0.05);
  text-decoration: none;
  font-weight: 900;
  line-height: normal;
}
@media (max-width: 1024px) {
  .slider-flag {
    font-size: 90px;
    top: -110px;
    left: 25%;
    color: rgba(255, 255, 255, 0.2);
  }
}
@media (max-width: 768px) {
  .slider-flag {
    left: auto;
    font-size: 75px;
  }
}
@media (max-width: 480px) {
  .slider-flag {
    font-size: 40px;
    top: -70px;
  }
}
.slider-icon {
  display: block;
  width: 50px;
  height: 50px;
  position: relative;
}
.slider-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.slider-text__wrap {
  width: 100%;
  max-width: 500px;
}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  top: auto;
  bottom: 70px;
}
@media (max-width: 1024px) {
  .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 20px;
  }
}
/* Контейнер пагинации */
.swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  /* Расстояние между буллетами */
}
/* Базовый стиль для всех точек */
.swiper-pagination-bullet {
  width: 5px !important;
  height: 5px !important;
  background: #fff !important;
  /* Цвет точки */
  opacity: 1 !important;
  margin: 0 !important;
  position: relative;
  transition: all 0.3s ease !important;
  border-radius: 50% !important;
}
/* Стиль активного буллета */
.swiper-pagination-bullet-active {
  background: #fff !important;
  position: relative;
}
/* Создаем контур (кольцо) вокруг активной точки */
.swiper-pagination-bullet-active::after {
  content: "";
  position: absolute;
  top: -5px;
  /* Размер отступа до кольца */
  left: -5px;
  right: -5px;
  bottom: -5px;
  border: 1px solid #fff;
  /* Цвет и толщина контура */
  border-radius: 50%;
  /* Делаем его круглым */
  box-sizing: border-box;
}
.slider-btn__wrap {
  display: flex;
  width: 80px;
  height: 40px;
  position: absolute;
  left: auto;
  top: 50%;
  bottom: 50%;
  right: 50px;
}
@media (max-width: 768px) {
  .slider-btn__wrap {
    left: 0;
    right: 0;
    width: 100%;
  }
}
.swiper-button-next, .swiper-button-prev {
  width: 40px;
  height: 40px;
  border-radius: initial;
  background: transparent;
}
.swiper-button-prev {
  left: 0;
  margin: 0;
  top: 0;
}
.swiper-button-next {
  right: 0;
  margin: 0;
  top: 0;
}
/* На мобильных можно скрыть, если они мешают */
