html{font-size:clamp(12px,1.2vw,16px)}.product-sub .swiper-slide-thumb-active{border:2px solid #318ef9}.benefit-swiper-container .swiper-slide.swiper-slide-active>div>div.MuiCardContent-root>div>div,.swiper-button-next:after,.swiper-button-prev:after{color:#318ef9}.benefit-swiper-container .swiper-slide:not(.swiper-slide-active)>div{color:#afb6c0!important;border-color:#afb6c0!important;background-color:#f4f6fa!important}.benefit-swiper-container .swiper-slide:not(.swiper-slide-active)>div>:first-child{color:#ffffff!important;background-color:#afb6c0!important}.benefit-swiper-container .swiper-slide:not(.swiper-slide-active)>div>:not(:first-child){color:#afb6c0!important;background-color:#f4f6fa!important}.benefit-swiper-container .swiper-slide:not(.swiper-slide-active)>div>:not(:first-child) *{color:#afb6c0!important}@media (min-width:768px){.benefit-swiper-container .swiper-slide>div{transform:translateY(-20%);transition:all 1s ease-in-out}.benefit-swiper-container .swiper-slide.swiper-slide-next>div,.benefit-swiper-container .swiper-slide.swiper-slide-prev>div{transform:translateY(20%);transition:all 1s ease-in-out}}