.mySwiper {
      height: 100%;
      width: 100%;
    }
    .mySwiper2 {
      height: 100%;
      width: 100%;
    }
    .mySwiper3 {
      height: 100%;
      width: 100%;
    }
    .mySwiper .swiper-slide {
	  opacity: 1; 
    }
.mySwiper .swiper-slide-thumb-active { 
    width: 100%; 
    height: 100%; 
    position: relative; 
} 
.mySwiper .swiper-slide-thumb-active::after { 
    content: ""; 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    height: 28px;
    width: 28px; 
    background-color: #fff;
    transform: translate(-50%, -50%); 
	z-index: 2;
}  
.mySwiper .swiper-slide-thumb-active::before { 
    content: ""; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background-color: #1b2049cc;
    z-index: 1;
    opacity: 0.5;
} 
	.tass_pkg_header__button-4gQsw{
      color: var(--ds-ext-color-text-primary);
    }
.swiper-button-disabled{
      color: var(--ds-ext-color-text-primary-disabled);
    }

    .swiper5 {
      height: 340px;
      width: 976px;
    }
    .swiper4 {
      height: 408px;
      width: 976px;
    }
	.swiper3 {
      height: 408px;
      width: 976px;
    }
@media (min-width: 376px) and (max-width: 1031px) {
  .swiper4 {
    height: 318px;
    width: 376px;
  }
}
@media screen and (max-width:375px) {
  .swiper4 {
    height: 304px;
    width: 360px;
  }
}
@media (min-width: 808px) and (max-width: 1031px) {
  .swiper3 {
    height: 318px;
    width: 752px;
  }
    .swiper6 {
    height: 260px;
    width: 752px;
  }
}
@media (min-width: 376px) and (max-width: 1031px) {
  .swiper5 {
    height: 260px;
    width: 376px;
  }
}
@media screen and (max-width:375px) {
  .swiper5 {
    height: 249px;
    width: 360px;
  }
}
@media (min-width: 1032px) and (max-width: 1135px) {
  .swiper4 {
    height: 408px;
    width: 488px;
  }
}
@media (min-width: 1032px) and (max-width: 1135px) {
  .swiper3 {
    height: 408px;
    width: 976px;
  }
}
@media (min-width: 1032px) and (max-width: 1135px) {
  .swiper5 {
    height: 360px;
    width: 488px;
  }
  .swiper6 {
    height: 360px;
    width: 976px;
  }
}
@media (min-width: 1136px) and (max-width: 1359px) {
  .swiper4 {
    height: 318px;
    width: 376px;
  }
}
@media (min-width: 1136px) and (max-width: 1359px) {
  .swiper3 {
    height: 318px;
    width: 752px;
  }
}
@media (min-width: 1136px) and (max-width: 1359px) {
  .swiper5 {
    height: 270px;
    width: 376px;
  }
  .swiper6 {
    height: 270px;
    width: 752px;
  }
}
@media (min-width: 1360px) and (max-width: 1848px) {
  .swiper4 {
    height: 408px;
    width: 488px;
  }
}
@media (min-width: 1360px) and (max-width: 1848px) {
  .swiper5 {
    height: 360px;
    width: 488px;
  }
}
@media (min-width: 1360px) and (max-width: 1848px) {
  .swiper6 {
    height: 360px;
    width: 976px;
  }
}
@media (min-width: 1360px) and (max-width: 1848px) {
  .swiper3 {
    height: 408px;
    width: 976px;
  }
}