:root{--accent-color: #06ffff}.base-template__text{padding-bottom:24px;text-align:center;display:flex;justify-content:center}section.base-template{padding:80px 0;margin:0}.base-template__content{display:flex;justify-content:center;padding:0 1.25rem}h1.base-template__title{font-size:40px;margin:0;text-align:center;justify-content:center;display:flex;padding:0 0 12px}.slider-wrapper{position:relative;width:100%;max-width:980px;height:580px;background-color:#000}.slider{position:relative;width:100%;max-width:100%;height:100%;font-family:Oswald,sans-serif}.heading{position:absolute;z-index:1;top:13%;left:5%;display:flex;max-width:135px;margin:0;font-weight:400;font-size:18px;line-height:1.1;text-transform:uppercase;color:#fff}.background{position:absolute;top:0;left:0;z-index:0;overflow:hidden;width:100%;height:100%}.background-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;background-size:cover;background-position:center;transition:opacity .8s ease;filter:blur(5px);display:block!important}.background-item.active{opacity:1;z-index:1}.background-item.fade-in{opacity:1}.background-item.fade-out{opacity:0}.slider-container{position:relative;z-index:3;overflow:hidden;display:flex;justify-content:center;width:100%;height:100%;transform:none!important}.card{position:absolute;display:flex;flex-direction:column;justify-content:flex-end;opacity:0;max-width:600px;height:380px;margin-top:75px;text-align:center;background-size:cover;background-position:center;color:#fff;transition:transform 1s ease,opacity 1s ease;transform:translate(100%) scale(1)}.card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;box-shadow:0 10px 30px #0006}.card.swiper-slide-active{z-index:3;opacity:1;transform:translate(0) scale(1);clip-path:inset(0 0 0 0);transition:clip-path .8s ease,transform 1s ease,opacity 1s ease}.card.swiper-slide.enter{z-index:3;opacity:1;clip-path:inset(0 0 0 100%);transform:translate(0) scale(1)}.card.swiper-slide.enter-active{clip-path:inset(0 0 0 0);transition:clip-path 1.5s ease}.card.swiper-slide.exit{z-index:2;opacity:1;transform:translate(0) scale(1)}.card.swiper-slide.exit-active{opacity:0;transform:translate(60px) scale(.7);transition:transform 1s ease,opacity 1s ease}.data-title a.slide-data-link{color:#fff;text-decoration:none}.data-text a.slide-data-link{color:#ffffffb3;text-decoration:none}.controls{position:absolute;bottom:125px;right:100px;z-index:6;display:flex;align-items:center;justify-content:center;gap:1.125rem}.controls button{padding:0;font-family:Oswald,sans-serif;font-size:12px;font-weight:400;line-height:1.1;border:none;outline:none;background-color:transparent;color:#fff;cursor:pointer;transition:color .3s ease,opacity .35s ease}.controls button.disabled{opacity:.5;pointer-events:none}.controls button:hover{color:#fff}.pagination{position:absolute;top:13%;right:135px;z-index:10;overflow:hidden;display:flex;align-items:center;height:2.25rem;font-family:Oswald,sans-serif;font-size:15px;font-weight:400;line-height:1.1;text-transform:uppercase;color:#fff}.pagination-item{display:inline-block;transition:opacity .4s ease}.pagination-item.fade-out{opacity:0}.data{position:absolute;bottom:35px;left:21%;z-index:5;overflow:hidden;width:100%;height:70px;color:#fff}.data-item{position:absolute;width:100%;height:40px;opacity:0;transform:translateY(100%);transition:transform .6s ease,opacity .6s ease}.data-item.active{opacity:1;transform:translateY(0)}.data-title{margin:0;font-family:Oswald,sans-serif;font-size:1.5rem;font-weight:400;line-height:1;text-transform:uppercase;color:#fff}.data-text{margin:8px 0 0;font-family:Poppins,sans-serif;font-size:1.125rem;font-weight:400;line-height:1;color:#ffffffb3}@media screen and (max-width:960px){.card{max-width:300px;height:350px}.pagination{top:5%;right:120px}.heading{top:5%;left:17%;max-width:100%}.data{left:17%;bottom:11%;max-width:200px}.controls{right:120px;bottom:20%}.controls button{font-size:1rem}}@media screen and (max-width:575px){.slider-wrapper{height:530px}.pagination{right:20px}.heading{left:20px}.data{left:20px;bottom:2%}.controls{right:20px;bottom:12%}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/treatment-slider.css.map */