.event-swiper{width:100%;height:auto}.event-swiper .swiper-pagination{position:absolute;bottom:3rem;left:50%;transform:translateX(-50%);display:flex;z-index:10;gap:.5rem}.event-swiper .swiper-pagination-bullet{--tw-bg-opacity:1;--tw-shadow:0 0 5px rgba(30,34,40,.04);--tw-shadow-colored:0 0 5px var(--tw-shadow-color);background-color:#c1c4c9;background-color:rgb(193,196,201,var(--tw-bg-opacity));border-radius:.5rem;box-shadow:0 0 transparent,0 0 transparent,0 0 5px rgba(30,34,40,.04);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);cursor:pointer;height:1.2rem;margin:0 .8rem!important;opacity:1;transition-duration:.5s;width:1.2rem}.event-swiper .swiper-pagination-bullet-active{--tw-translate-x:9;--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255,255,255,var(--tw-bg-opacity));transform:translate(9,var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:3rem}@media(max-width:768px){.event-swiper .swiper-pagination{bottom:10px!important}}