.hero-banner{position:relative;height:550px;overflow:hidden}.hero-slide{position:absolute;width:100%;height:800px;background-size:cover;background-position:center;opacity:0;transition:opacity 1.2s ease}.hero-slide.active{opacity:1;z-index:2}.hero-overlay{position:absolute;width:100%;height:100%;background:rgb(0 0 0 / .45)}.hero-content{position:relative;z-index:3;padding-top:180px;color:#fff}.hero-content h1{color:#fff;font-size:65px;line-height:75px;margin-bottom:20px}.hero-buttons{display:flex;gap:20px}.animate{opacity:0;transform:translateY(50px)}.hero-slide.active .animate-heading{animation:slideUp 1s forwards}.hero-slide.active .animate-text{animation:slideUp 1s forwards;animation-delay:0.4s}.hero-slide.active .animate-buttons{animation:slideUp 1s forwards;animation-delay:0.8s}.hero-slide{position:absolute;width:100%;height:650px;opacity:0;transition:opacity 1.2s ease;z-index:1}.hero-slide.active{opacity:1;z-index:2}.hero-bg{position:absolute;width:100%;height:100%;background-size:cover;background-position:center;transform:scale(1.15);transition:transform 6s ease}.hero-slide.active .hero-bg{transform:scale(1)}@keyframes slideUp{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@media (max-width:991px){.hero-banner,.hero-slide{height:520px}.hero-content{padding-top:120px;padding-left:30px;padding-right:30px}.hero-content h1{font-size:42px;line-height:50px}.hero-content p{font-size:16px}}@media (max-width:767px){.hero-banner,.hero-slide{height:480px}.hero-content{padding-top:100px;padding-left:20px;padding-right:20px}.hero-content h1{font-size:32px;line-height:40px}.hero-content p{font-size:15px}.hero-buttons{flex-direction:row;gap:15px}}@media (max-width:480px){.hero-banner,.hero-slide{height:450px}.hero-content{padding-top:90px}.hero-content h1{font-size:28px;line-height:34px}.hero-content p{font-size:14px}}@media (max-width:991px){.hero-banner{margin-top:1px}}@media (max-width:767px){.hero-banner{margin-top:1px}}