.section.site-slider {
  position: relative;
}

.section-header.site-slider__header {
  position: absolute;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr;
  padding: 30px var(--page-margin) 0;
  gap: 50px 0;
  width: 100%;
  @media (min-width: 768px) {
    padding: 40px var(--page-margin) 0;
    grid-template-columns: 1fr 1fr;
  }
  @media (min-width: 768px) {
    padding: 50px var(--page-margin) 0;
  }
}

.swiper-pagination-horizontal.site-slider__progress {
  position: relative;
  top: auto;
  left: auto;
  height: 2px;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.46);
  grid-column: span 1;
}

.swiper-pagination-horizontal.site-slider__progress
  .swiper-pagination-progressbar-fill {
  background: white;
  height: 2px;
}

.site-slider .section-badge {
  color: white;
  grid-column: 1 / -1;
}

.site-slider .section-badge__text {
  color: white;
}

.site-slider__swiper {
  overflow: hidden;
  position: relative;
}

.swiper-slide.site-slide {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: var(--color-bg-sec-2);
  backdrop-filter: blur(3.6px);
  color: white;
  height: auto;
  @media (min-width: 768px) {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

.swiper-slide.site-slide img {
  position: relative;
  z-index: 2;
  height: 294px;
  width: 100%;
  object-fit: cover;
  @media (min-width: 768px) {
    min-height: 495px;
    height: 100%;
  }
  @media (min-width: 1900px) {
    min-height: 700px;
  }
  -o-object-fit: cover;
  object-fit: cover;
}

.swiper-slide.site-slide::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
  bottom: -140px;
  width: 250px;
  height: auto;
  aspect-ratio: 398 / 333;
  background-image: url("data:image/svg+xml,%3Csvg width='398' height='333' viewBox='0 0 398 333' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M199 -1.06846e-05C308.904 -4.78364e-06 398 92.4541 398 206.502L398 332.662L381.831 332.662L381.831 206.502C381.831 101.721 299.975 16.7783 199 16.7783C98.0245 16.7783 16.168 101.721 16.168 206.502L16.168 332.339L-0.000807984 332.339L-0.000802484 206.502C-0.000797498 92.4541 89.0947 -1.65855e-05 199 -1.06846e-05Z' fill='white'/%3E%3Cpath d='M199.932 41.9458C289.03 41.9458 361.308 116.631 361.309 208.825L361.309 332.662L345.14 332.662L345.14 208.825C345.14 125.955 280.156 58.7241 199.932 58.7241C119.708 58.7241 54.7238 125.955 54.7236 208.825L54.7236 332.339L38.5548 332.339L38.5548 208.825C38.555 116.631 110.834 41.9458 199.932 41.9458Z' fill='white'/%3E%3Cpath d='M199.932 84.5376C266.702 84.5376 320.887 140.487 320.887 209.576L320.887 332.663L304.718 332.663L304.718 209.576C304.718 149.818 257.835 101.316 199.932 101.316C142.029 101.316 95.1456 149.818 95.1456 209.576L95.1456 332.34L78.9768 332.34L78.9768 209.576C78.9768 140.487 133.161 84.5376 199.932 84.5376Z' fill='white'/%3E%3Cpath d='M199.932 126.481C240.948 126.481 274.246 160.871 274.246 203.355L274.246 332.477L258.077 332.477L258.077 203.355C258.077 170.193 232.071 143.259 199.932 143.259C167.792 143.259 141.786 170.193 141.786 203.355L141.786 332.338L125.618 332.338L125.618 203.355C125.618 160.871 158.916 126.481 199.932 126.481Z' fill='white'/%3E%3Cpath d='M199.934 168.43C221.9 168.43 238.801 188.013 238.801 210.971L238.801 332.087L222.632 332.087L222.632 210.971C222.632 196.205 211.969 185.208 199.934 185.208C187.898 185.208 177.235 196.205 177.235 210.971L177.235 332.018L161.066 332.018L161.066 210.971C161.066 188.013 177.967 168.43 199.934 168.43Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  opacity: 0.24;
  @media (min-width: 768px) {
    bottom: -110px;
    width: 398px;
  }
}

.site-slide__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.site-slide__bg::before {
  content: "";
  position: absolute;
  width: 31.66vw;
  height: auto;
  aspect-ratio: 600.98 / 182.31;
  left: 21.875vw;
  bottom: 8.33vw;
  background: radial-gradient(
    66.78% 226.51% at 54.2% 66.22%,
    #0781a3 0%,
    #0e1c2c 100%
  );
  filter: blur(89.75px);
  border-radius: 50%;
  transform: rotate(-30.13deg);
}

.site-slide__bg::after {
  content: "";
  position: absolute;
  width: 23.177vw;
  height: auto;
  aspect-ratio: 445.05 / 278.35;
  left: 27.43vw;
  bottom: 0;
  background: #31c4b4;
  filter: blur(66.6px);
  transform: rotate(-50.31deg);
  border-radius: 50%;
}

.site-slide__content {
  padding: 120px var(--page-margin) 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
  z-index: 2;
  @media (min-width: 768px) {
    padding: 180px 40px 40px;
    gap: 30px;
  }
  @media (min-width: 1900px) {
    padding: 250px 80px 80px 240px;
    gap: 40px;
  }
}

.site-slide__number {
  color: var(--color-accent);
  font-family: "Audiowide", sans-serif;
  font-size: 70px;
  font-weight: 400;
  line-height: 1;
  display: flex;
  align-items: flex-end;
  gap: 14px;
}

.site-slide__number span {
  color: white;
  transform: translateY(-7px);
}

.site-slide__text {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33333;
}

.site-slider__buttons {
  position: absolute;
  bottom: 20px;
  z-index: 10;
  left: var(--page-margin);
  @media (min-width: 768px) {
    bottom: 40px;
  }
  @media (min-width: 1900px) {
    bottom: 60px;
  }
}