.slider-section{width:100%;height:100vh;position:relative;overflow:hidden}.slider-container{background:#f5f5f5;width:100%;height:100%;position:relative}.mobile-header{text-align:center;z-index:100;background:linear-gradient(#172314e6 0%,#0000 100%);padding:20px 20px 10px;display:none;position:absolute;top:0;left:0;right:0}.mobile-title{color:#fff;margin-top:24px;margin-bottom:8px;font-size:24px;font-weight:700}.mobile-subtitle{color:#fff;background-color:#727e1685;border:1px solid;margin:0;font-size:16px;font-weight:700}.mobile-dots{z-index:100;justify-content:center;gap:8px;display:none;position:absolute;bottom:80px;left:0;right:0}.dot{background:#fff6;border-radius:50%;width:8px;height:8px;transition:all .3s}.dot.active{background:#a5b249;transform:scale(1.2)}.slider-container .slide .item{background-position:50%;background-size:cover;border-radius:20px;width:200px;height:300px;transition:all .5s;display:inline-block;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 30px 50px #505050}.slider-container .slide .item:first-child,.slider-container .slide .item:nth-child(2){border-radius:0;width:100%;height:100%;top:0;left:0;transform:translate(0)}.slider-container .slide .item:nth-child(3){left:50%}.slider-container .slide .item:nth-child(4){left:calc(50% + 220px)}.slider-container .slide .item:nth-child(5){left:calc(50% + 440px)}.slider-container .slide .item:nth-child(n+6){opacity:0;left:calc(50% + 660px)}.slider-container .item .content{text-align:left;color:#eee;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#374133d9;border:1px solid #a5b2494d;border-radius:15px;width:300px;padding:20px;font-family:system-ui;display:none;position:absolute;top:50%;left:100px;transform:translateY(-50%)}.class-badge{color:#172314;background:#a5b249;border-radius:20px;width:fit-content;margin-bottom:10px;padding:4px 12px;font-size:12px;font-weight:700;display:none}.slider-container .slide .item:nth-child(2) .content{display:block}.slider-container .content .name{text-transform:uppercase;opacity:0;color:#fff;margin-bottom:8px;font-size:40px;font-weight:700;animation:1s ease-in-out forwards animate}.slider-container .content .vibe{color:#a5b249;opacity:0;margin-bottom:15px;font-size:16px;font-style:italic;animation:1s ease-in-out .2s forwards animate}.slider-container .content .des{opacity:0;color:#ffffffe6;margin-top:10px;margin-bottom:20px;font-size:14px;line-height:1.5;animation:1s ease-in-out .3s forwards animate}.brand-tagline{opacity:0;font-style:italic;animation:1s ease-in-out .4s forwards animate;color:#a5b249!important;margin:15px 0!important;font-size:12px!important}.details{opacity:0;gap:15px;margin:15px 0;animation:1s ease-in-out .5s forwards animate;display:flex}.duration,.intensity{color:#a5b249;background:#a5b24933;border:1px solid #a5b2494d;border-radius:12px;padding:4px 12px;font-size:12px}.slider-btn{cursor:pointer;opacity:0;color:#172314;background:#a5b249;border:none;border-radius:8px;width:100%;margin-top:10px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .3s;animation:1s ease-in-out .6s forwards animate}.slider-btn:hover{background:#b8c25c;transform:translateY(-2px)}@keyframes animate{0%{opacity:0;filter:blur(33px);transform:translateY(100px)}to{opacity:1;filter:blur();transform:translate(0)}}.slider-container .button{text-align:center;z-index:100;width:100%;position:absolute;bottom:20px}.slider-container .button button{cursor:pointer;color:#000;background:#fff;border:1px solid #000;border-radius:8px;justify-content:center;align-items:center;width:40px;height:35px;margin:0 5px;transition:all .3s;display:inline-flex}.slider-container .button button:hover{color:#fff;background:#ababab}@media (max-width:768px){.slider-section{height:70vh;min-height:500px}.mobile-header{display:block}.mobile-dots{display:flex}.slider-container .slide .item{border-radius:15px;width:120px;height:180px}.slider-container .slide .item:first-child,.slider-container .slide .item:nth-child(2){width:100%;height:100%}.slider-container .slide .item:nth-child(3){left:60%}.slider-container .slide .item:nth-child(4){left:calc(60% + 140px)}.slider-container .slide .item:nth-child(5){left:calc(60% + 280px)}.slider-container .slide .item:nth-child(n+6){left:calc(60% + 420px)}.slider-container .item .content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#172314f2;border-radius:12px;width:85%;max-width:320px;padding:15px;position:absolute;top:auto;bottom:80px;left:50%;transform:translate(-50%)}.class-badge{display:block}.slider-container .content .name{margin-bottom:5px;font-size:24px}.slider-container .content .vibe{margin-bottom:10px;font-size:14px}.slider-container .content .des{margin:8px 0;font-size:13px;line-height:1.4}.brand-tagline{margin:10px 0!important;font-size:11px!important}.details{flex-wrap:wrap;gap:8px;margin:10px 0}.duration,.intensity{padding:3px 8px;font-size:11px}.slider-btn{padding:10px 20px;font-size:13px}.slider-container .button{bottom:30px}.slider-container .button button{width:35px;height:30px}.slider-container .button button svg{width:18px;height:18px}}@media (max-width:480px){.slider-section{height:65vh;min-height:450px}.mobile-title{font-size:20px}.mobile-subtitle{font-size:12px}.slider-container .slide .item{width:100px;height:150px}.slider-container .item .content{width:90%;padding:12px;bottom:70px}.slider-container .content .name{font-size:20px}.slider-container .content .vibe,.slider-container .content .des{font-size:12px}}.slider-section *{box-sizing:border-box}