.hero-slider-wrapper{background-color:#f8fafc;width:100%;height:80vh;min-height:500px;max-height:800px;position:relative;overflow:hidden}.hero-slide{opacity:0;visibility:hidden;z-index:1;background-position:100%;background-repeat:no-repeat;background-size:cover;align-items:center;width:100%;height:100%;transition:opacity 1s ease-in-out,visibility 1s;display:flex;position:absolute;top:0;left:0}@media (min-width:1600px){.hero-slide{background-size:100%}}@media (max-width:991px){.hero-slide{background-position:80%}}.hero-slide.active{opacity:1;visibility:visible;z-index:2}.hero-slide.active .hero-title{opacity:0;animation:.8s ease-out forwards slideInLeft}.hero-slide.active .hero-subtitle{opacity:0;margin-top:-10px;font-size:1.1rem;animation:1s ease-out .2s forwards slideInLeft}.hero-slide.active .hero-btn{opacity:0;animation:1s ease-out .4s forwards slideInUp}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slider-controls{z-index:10;gap:12px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.slider-dot{border:2px solid var(--primary,#01054c);cursor:pointer;background:0 0;border-radius:50%;width:12px;height:12px;padding:0;transition:all .3s}.slider-dot.active{background:var(--primary,#01054c);transform:scale(1.3)}.theme-btn.ms-3{margin-left:1rem}@media (max-width:767px){.hero-slider-wrapper{height:70vh;min-height:480px}.hero-slide{background-position:70%!important}.hero-content{-webkit-backdrop-filter:blur(10px);text-align:center;background:#ffffffe6;border:1px solid #ffffff40;border-radius:16px;max-width:100%;margin:0 10px;padding:2.25rem 1.75rem;box-shadow:0 8px 32px #1f268714}.hero-title{font-size:1.85rem!important;line-height:1.3!important}.hero-slide.active .hero-subtitle{margin-top:10px!important;font-size:.95rem!important;line-height:1.5!important}.hero-btn{flex-direction:column;gap:12px;display:flex;margin-top:1.5rem!important}.hero-btn .theme-btn{text-align:center;width:100%;padding:10px 20px;margin:0!important}.slider-controls{bottom:20px}}@media (max-width:480px){.hero-slider-wrapper{height:auto;min-height:520px}.hero-content{padding:1.75rem 1.25rem}.hero-title{font-size:1.6rem!important}}
