.swiper {
      width: 100%;
    }

    .swiper-slide {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img,
    .swiper-slide iframe {
      width: 100%;
      height: auto;
      max-width: 100%;
      display: block;
      border-radius: 6px;
    }

    /* Optional: set iframe height to keep 16:9 ratio */
    .swiper-slide iframe {
      aspect-ratio: 16 / 9;
    }

    .swiper-caption {
      text-align: left;
      font-size: .9rem;
      color: #ffffff;
      margin: -3px 0 20px 0;
      min-height: 1.5em;
      background: #313131;
      padding: 15px 20px;
    }

    .thumbs-swiper {
      margin-bottom: 80px;
    }


    .thumbs-swiper .swiper-slide {
      opacity: 0.5;
      cursor: pointer;
      justify-content: start;
    }

    .thumbs-swiper .swiper-slide-thumb-active {
      opacity: 1;
    }

    .thumbs-swiper img {
      height: 60px;
      width: 100px;
      object-fit: cover;
      border-radius: 4px;
    }

    /* Navigation arrows */
    .swiper-button-next,
    .swiper-button-prev {
      color: #fff;
    }

   .main-swiper {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  overflow: hidden;
}

.main-swiper .swiper-wrapper {
  max-width: 100% !important;
  box-sizing: border-box;
}

.main-swiper .swiper-slide {
  width: 100% !important;
  max-width: 100% !important;
  /*flex-shrink: 1;*/
  box-sizing: border-box;
}