22

✏️ Editing: ps-elysium.css

.bdt-prime-slider-elysium{position:relative;height:85vh;overflow:hidden;background-color:#141414;color:#fff}.bdt-prime-slider-elysium .bdt-slider-continer{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);height:auto}.bdt-prime-slider-elysium .swiper-wrapper{will-change:transform;margin:50px 0}.bdt-prime-slider-elysium .bdt-item{overflow:inherit}.bdt-prime-slider-elysium .bdt-item.swiper-slide-active .bdt-content{opacity:1}.bdt-prime-slider-elysium .bdt-item.swiper-slide-active .bdt-image-wrap::before{background:linear-gradient(0deg, rgba(0,0,0,0.749), transparent)}.bdt-prime-slider-elysium .bdt-item.swiper-slide-active .bdt-title-wrap .bdt-title{color:#fff;letter-spacing:3px;transition-delay:.5s}.bdt-prime-slider-elysium .bdt-image-wrap{width:100%;height:100%;position:relative;overflow:hidden;transition:transform .5s ease-out}.bdt-prime-slider-elysium .bdt-image-wrap::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:transparent;z-index:1}.bdt-prime-slider-elysium .bdt-image-wrap .bdt-img{width:100%;height:clamp(500px, 70vw, 650px);object-fit:cover;vertical-align:middle}.bdt-prime-slider-elysium .bdt-content{position:absolute;top:0;left:50%;transform:translateX(-50%);height:100%;display:inline-flex;flex-direction:column;justify-content:center;text-align:center;opacity:0;transition:opacity .8s cubic-bezier(.41, 1.03, .7, 1.07);z-index:1}.bdt-prime-slider-elysium .bdt-title-wrap{margin-bottom:20px}.bdt-prime-slider-elysium .bdt-title-wrap .bdt-title{margin:0;font-size:clamp(48px, 10vw, 140px);text-transform:capitalize;letter-spacing:3px;color:#fff;white-space:nowrap;font-weight:700;transition:all .8s cubic-bezier(.41, 1.03, .7, 1.07)}.bdt-prime-slider-elysium .bdt-text{margin:0;font-size:18px;font-weight:500;text-transform:capitalize;color:#d4d7eb}.bdt-prime-slider-elysium .bdt-navigation-wrap{display:inline-flex;flex-direction:row-reverse;width:100%;justify-content:space-between}.bdt-prime-slider-elysium .bdt-navigation-btn{cursor:pointer}.bdt-prime-slider-elysium .bdt-navigation-btn .bdt-link{color:#ccccd6;cursor:pointer;font-weight:500;text-transform:uppercase;font-size:13px;transition:all .3s ease;letter-spacing:1px}.bdt-prime-slider-elysium .bdt-navigation-btn .bdt-link:hover{color:#ff215a}.bdt-prime-slider-elysium .bdt-navigation-btn .bdt-link--arrowed{display:flex;align-items:center;grid-column-gap:5px}.bdt-prime-slider-elysium .bdt-navigation-btn .bdt-link--arrowed .bdt-arrow-icon{position:relative;top:0;transition:transform .3s ease;vertical-align:middle}.bdt-prime-slider-elysium .bdt-navigation-btn .bdt-link--arrowed .bdt-arrow-icon--circle{transition:stroke-dashoffset .3s ease;stroke-dasharray:95;stroke-dashoffset:95}.bdt-prime-slider-elysium .bdt-navigation-btn .bdt-link--arrowed g{stroke:currentColor;color:#ccccd6}.bdt-prime-slider-elysium .bdt-navigation-btn .bdt-link--arrowed:hover .bdt-arrow-icon--circle{stroke-dashoffset:0}.bdt-prime-slider-elysium .bdt-navigation-btn .bdt-link--arrowed:hover g{color:#ff215a}.bdt-prime-slider-elysium .bdt-navigation-btn.bdt-button-prev .bdt-link--arrowed{flex-direction:row-reverse}.bdt-prime-slider-elysium .bdt-navigation-btn.bdt-button-prev .bdt-link--arrowed .bdt-arrow-icon{transform:rotate(90deg)}.bdt-prime-slider-elysium .bdt-navigation-btn.bdt-button-prev .bdt-link--arrowed:hover .bdt-arrow-icon{transform:translate3d(-5px, 0, 0) rotate(-180deg)}.bdt-prime-slider-elysium .bdt-navigation-btn.bdt-button-next .bdt-link--arrowed .bdt-arrow-icon{transform:rotate(-90deg)}.bdt-prime-slider-elysium .bdt-navigation-btn.bdt-button-next .bdt-link--arrowed:hover .bdt-arrow-icon{transform:translate3d(5px, 0, 0) rotate(0)}.bdt-prime-slider-elysium .bdt-navigation-pagi-wrap{margin:clamp(30px, 5vw, 60px) clamp(30px, 6vw, 70px);position:absolute;bottom:0;left:0;right:0}.bdt-prime-slider-elysium .bdt-pagination{position:absolute;bottom:12px !important;left:50% !important;transform:translateX(-50%);width:auto !important;display:none;grid-column-gap:10px;align-items:center}.bdt-prime-slider-elysium .bdt-pagination .swiper-pagination-bullet{width:10px;height:5px;border-radius:5px;background:#363636;opacity:1;transition:all .3s ease-in-out}.bdt-prime-slider-elysium .bdt-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;width:20px}@media (min-width:768px){.bdt-prime-slider-elysium{height:100vh}.bdt-prime-slider-elysium .swiper-wrapper{margin:100px 0}.bdt-prime-slider-elysium .bdt-title-wrap .bdt-title{letter-spacing:15px}.bdt-prime-slider-elysium .bdt-pagination{display:flex}}

MR SKB