@import url("https://fonts.googleapis.com/css2?family=Agdasima:wght@400;700&family=Poppins:wght@500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Agdasima:wght@400;700&family=Manrope:wght@200..800&family=Poppins:wght@500&display=swap");

.main-vertical-slide .mySwiper {
  width: 100%;
  position: relative;
  height: 600px;
}

.main-vertical-slide .swiper-slide {
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.5s ease;
  opacity: 0.5;
  transform: scale(0.5) !important;
  width: 100% !important;
  height: 180px !important;
}

.main-vertical-slide .swiper-slide .slide-content {
  width: 100%;
  display: flex;
  align-items: center;
}

.main-vertical-slide .swiper-slide .slide-content .slide-image-content {
  width: 50%;
  display: flex;
  align-items: center;
  gap: 40px;
}

.main-vertical-slide .swiper-slide .slide-content .slide-image-content img {
  width: 100%;
  max-width: 130px;
}

.main-vertical-slide .swiper-slide .slide-content .slide-image-content h3 {
  font-family: "Agdasima", Sans-serif;
  font-size: 80px;
  font-weight: bold;
  text-transform: uppercase;
  color: #0d0d0d;
}

.main-vertical-slide
  .swiper-slide[aria-label="1 / 6"].swiper-slide-active
  .slide-content
  .slide-image-content
  h3 {
  color: #ec2d58;
}

.main-vertical-slide
  .swiper-slide[aria-label="2 / 6"].swiper-slide-active
  .slide-content
  .slide-image-content
  h3 {
  color: #14559b;
}

.main-vertical-slide
  .swiper-slide[aria-label="3 / 6"].swiper-slide-active
  .slide-content
  .slide-image-content
  h3 {
  color: #6bb0d1;
}

.main-vertical-slide
  .swiper-slide[aria-label="4 / 6"].swiper-slide-active
  .slide-content
  .slide-image-content
  h3 {
  color: #f9a920;
}

.main-vertical-slide
  .swiper-slide[aria-label="5 / 6"].swiper-slide-active
  .slide-content
  .slide-image-content
  h3 {
  color: #ef5a2a;
}

.main-vertical-slide
  .swiper-slide[aria-label="6 / 6"].swiper-slide-active
  .slide-content
  .slide-image-content
  h3 {
  color: #a11c52;
}

.main-vertical-slide .swiper-slide .slide-content .slide-text {
  width: 50%;
  color: #0d0d0d;
  line-height: 26px;
  font-size: 22px;
  font-family: "Manrope", Sans-serif;
  padding-left: 50px;
  border-left: 3px solid #3c3c3b3f;
  max-width: 500px;
  text-transform: uppercase;
  min-height: 130px;
  display: flex;
  align-items: center;
}

.main-vertical-slide .swiper-slide .slide-content .slide-text p {
  padding: 0 !important;
}

.main-vertical-slide .swiper-slide .slide-content .slide-text .highlight_span {
  color: #ec2d58;
  font-weight: bold;
}

.main-vertical-slide .swiper-slide-active {
  opacity: 1;
  transform: scale(1) !important;
}

@media (max-width: 980px) {
  .main-vertical-slide .swiper-slide .slide-content .slide-image-content h3 {
    font-size: 60px;
  }

  .main-vertical-slide .swiper-slide .slide-content .slide-image-content img {
    max-width: 100px;
  }

  .main-vertical-slide .swiper-slide .slide-content .slide-image-content {
    gap: 20px;
  }

  .main-vertical-slide .swiper-slide .slide-content .slide-text {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .main-vertical-slide .swiper-slide .slide-content {
    flex-direction: column;
  }

  .main-vertical-slide .swiper-slide .slide-content .slide-image-content {
    width: 100%;
  }

  .main-vertical-slide .swiper-slide .slide-content .slide-text {
    font-size: 16px;
    width: 100%;
    border-top: 2px solid #3c3c3b3f;
    border-left: 0;
    padding-left: 0;
    margin-top: 20px;
    padding-top: 20px;
  }

  .main-vertical-slide .swiper-slide .slide-content .slide-image-content h3 {
    font-size: 40px;
  }

  .main-vertical-slide .swiper-slide .slide-content .slide-image-content img {
    max-width: 70px;
  }
}