.box{width:100%;max-width:1920px;position:relative}.box:before{content:"";-webkit-mask-composite:xor;background:linear-gradient(purple,#0000);border-radius:10px;padding:1px;display:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (min-width:768px){.box:before{display:block}}.content{padding-top:56.25%;position:relative}.inner-content{background-color:#8d8484;border:none;border-radius:9px;position:absolute;inset:0}.swiper-container{width:100%}.swiper-pagination{justify-content:space-evenly;align-items:center;gap:2%;padding-left:2%;padding-right:2%;display:flex}.swiper-pagination-bullet{background-color:#4a4a4a;border-radius:20px;width:22.5%;height:10px;position:relative;bottom:8px;overflow:hidden}@media (max-width:650px){.swiper-pagination-bullet{height:5px}}.swiper-pagination-bullet:before{content:"";display:block;position:absolute;inset:0}.swiper-pagination-bullet-active{background:#0006}.swiper-pagination-bullet-active:before{background-color:#fff;border-radius:20px;animation:2.5s cubic-bezier(.3,0,.3,1) forwards slide-progress}.swiper-paused .swiper-pagination-bullet-active:before{animation-play-state:paused}@keyframes slide-progress{0%{transform:translate(-100%)}to{transform:translate(0)}}