22

✏️ Editing: ps-fiestar.css

.bdt-fiestar-slider{overflow:hidden}.bdt-fiestar-slider .bdt-center-slider{position:relative}.bdt-fiestar-slider .bdt-item{height:clamp(400px, 50vw, 550px);display:flex;align-items:center;justify-content:center;transform:scale(1);transition:transform .4s cubic-bezier(.645, .045, .355, 1);overflow:hidden}.bdt-fiestar-slider .bdt-item.swiper-slide-active{z-index:1}.bdt-fiestar-slider .bdt-item.swiper-slide-active .bdt-content{opacity:1;transform:translateY(0)}.bdt-fiestar-slider .bdt-img-wrap{width:100%;height:100%}.bdt-fiestar-slider .bdt-img-wrap .bdt-img{width:105%;height:105% !important;object-fit:cover;transition:all .3s ease}.bdt-fiestar-slider .bdt-content{position:absolute;text-align:center;padding:30px;bottom:0;left:0;right:0;background:linear-gradient(0deg, #2B2D42 0, rgba(0,0,0,0) 100%);transform:translateY(100px);opacity:0;transition:transform .5s cubic-bezier(.645, .045, .355, 1)}.bdt-fiestar-slider .bdt-title{width:100%;font-weight:700;text-transform:capitalize;margin:0;font-size:clamp(18px, 2vw, 24px)}.bdt-fiestar-slider .bdt-title a{color:#EDF2F4;text-decoration:none;transition:all .3s ease}.bdt-fiestar-slider .bdt-title a:hover{color:#D90429}.bdt-fiestar-slider .bdt-category{margin-bottom:15px;display:inline-flex}.bdt-fiestar-slider .bdt-category a{color:#EDF2F4;font-size:10px;text-transform:uppercase;transition:all .3s ease}.bdt-fiestar-slider .bdt-category a:hover{color:#D90429}.bdt-fiestar-slider .bdt-category a+a{margin-left:8px}.bdt-fiestar-slider .bdt-navigation-wrap .bdt-navigation-next,.bdt-fiestar-slider .bdt-navigation-wrap .bdt-navigation-prev{position:absolute;top:50%;transform:translateY(-50%);font-size:16px;color:#2B2D42;background:#EDF2F4;transition:all .3s ease;z-index:1;padding:16px;text-align:center;border-radius:100%;cursor:pointer;overflow:hidden;display:inline-flex}.bdt-fiestar-slider .bdt-navigation-wrap .bdt-navigation-next i,.bdt-fiestar-slider .bdt-navigation-wrap .bdt-navigation-prev i{transform:rotate(-360deg);transition:all 300ms ease}.bdt-fiestar-slider .bdt-navigation-wrap .bdt-navigation-next:hover,.bdt-fiestar-slider .bdt-navigation-wrap .bdt-navigation-prev:hover{color:#EDF2F4}.bdt-fiestar-slider .bdt-navigation-wrap .bdt-navigation-next:hover::before,.bdt-fiestar-slider .bdt-navigation-wrap .bdt-navigation-prev:hover::before{width:400%}.bdt-fiestar-slider .bdt-navigation-wrap .bdt-navigation-next:hover i,.bdt-fiestar-slider .bdt-navigation-wrap .bdt-navigation-prev:hover i{transform:rotate(0)}.bdt-fiestar-slider .bdt-navigation-wrap .bdt-navigation-next::before,.bdt-fiestar-slider .bdt-navigation-wrap .bdt-navigation-prev::before{content:'';position:absolute;background-color:#D90429;left:-60%;top:0;width:0;height:100%;transform:skewX(45deg);transition:all 300ms ease;z-index:-1}.bdt-fiestar-slider .bdt-navigation-wrap .bdt-navigation-prev{left:15%}.bdt-fiestar-slider .bdt-navigation-wrap .bdt-navigation-next{right:15%}@media (min-width:768px){.bdt-fiestar-slider{padding:clamp(62px, 8vw, 84px) 0}.bdt-fiestar-slider .bdt-item{border-radius:8px}.bdt-fiestar-slider .bdt-item.swiper-slide-active{transform:scale(1.3)}}

MR SKB