.swiper-slide{background-position:50%;background-size:cover;width:300px}.swiper-slide img{display:block}.swiper-pagination,.swiper-pagination-bullets{justify-content:center!important;align-items:center!important;width:100%!important;display:flex!important}.mySwiper .swiper-pagination{padding:5px;bottom:-10px!important}.mySwiper .swiper-pagination-bullet{border-radius:50%;transition:all .3s;background:#000!important;width:12px!important;height:12px!important}.mySwiper .swiper-pagination-bullet-active{opacity:1;box-shadow:0 0 0 4px #54fc7866;background:#ff4500!important;width:12px!important;height:12px!important}@media (min-width:1200px){.mySwiper .swiper-pagination-bullet-active{width:16px!important;height:16px!important}}.mySwiper .swiper-pagination-bullet-active-prev,.mySwiper .swiper-pagination-bullet-active-next{opacity:.8;box-shadow:0 0 0 3px #2efd5ba8}
.mySwiperPackage .swiper-pagination{z-index:50;position:absolute;left:50%;transform:translate(-50%);bottom:8px!important;overflow:visible!important}.mySwiperPackage .swiper-pagination-bullet{opacity:1;width:10px;height:10px;transition:all .3s;margin:0 10px!important;padding:4px!important}.mySwiperPackage .swiper-pagination-bullet-active{background:#007aff;transform:scale(1.3);padding:4px!important}
:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;color:var(--swiper-navigation-color,var(--swiper-theme-color));justify-content:center;align-items:center;display:flex;position:absolute}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) svg{object-fit:contain;transform-origin:50%;fill:currentColor;pointer-events:none;width:100%;height:100%}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size)/2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size)/2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset,4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - (var(--swiper-navigation-size)/2));margin-top:0;right:auto}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset,4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}
.card{text-align:center;z-index:0;background:#fff;border-radius:12px;position:relative;overflow:hidden}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.card:before,.card:after{content:"";border-radius:inherit;background:conic-gradient(from var(--angle),#ff4545,#0f9,#006aff,#ff0095,#ff4545);z-index:-1;-webkit-mask-composite:xor;padding:2px;animation:4s linear infinite spin;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}.card:after{filter:blur(20px);opacity:.5}@keyframes spin{0%{--angle:0deg}to{--angle:360deg}}