section.landing {
  margin-top: 16vw;
  width: 100%;
  height: 31vw;
  position: relative;
}

.landing-slider {
  width: 100%;
  height: 100%;
  position: relative;
}

.landing-slider .swiper-container {
  width: 100%;
  height: 100%;
  position: relative;
}

.landing-slider .swiper {
  width: 100%;
  height: 100% !important;
  position: relative;
}

.landing-slider .swiper-slide {
  height: 100%;
  transition: all 0.25s !important;
  position: relative;
}

.landing-slider .swiper-slide a {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.landing-slider figure {
  width: 100%;
  height: 100%;
  position: relative;
}

.landing-slider figure img {
  width: 100%;
  height: 100%;
  position: relative;
}

.landing-slider .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.1vw;
  margin-bottom: 0.5vw;
}

.landing-slider .swiper-pagination span {
  width: 2.5vw;
  height: 0.45vw;
  border-radius: 0.5vw;
  background-color: var(--light-bg);
  box-shadow: 0 0 0.5vw rgba(0, 0, 0, 0.5);
}

@media (max-width: 450px) {
  section.landing {
    margin-top: 36vw;
    height: 59vw;
  }
}