.hero-carousel{background:#f5f5f5;border-radius:10px;width:calc(100% - 20px);height:90vh;margin:10px;position:relative;overflow:hidden}.hero-slide{opacity:0;background-position:50%;background-size:cover;transition:opacity 1s ease-in-out;position:absolute;inset:0}.hero-slide.active{opacity:1;z-index:1}.hero-slide:after{content:"";background:#f5f5f526;position:absolute;inset:0}.hero-overlay{color:#111;text-align:left;z-index:2;max-width:520px;position:absolute;top:42%;left:23%;transform:translate(-50%,-50%)}.hero-overlay h1,.hero-overlay h2{color:#111;margin:0;font-size:46px;font-weight:400;line-height:1.15}.hero-overlay h2{margin-top:10px}.hero-overlay button{color:#fff;cursor:pointer;text-transform:uppercase;background:#10233f;border:none;border-radius:25px;margin-top:28px;padding:12px 28px;font-size:12px}@media (max-width:1024px){.hero-carousel{width:calc(100% - 20px);height:80vh;margin:10px}.hero-overlay{max-width:90%;left:50%;transform:translate(-50%,-50%)}}@media (max-width:768px){.hero-carousel{width:calc(100% - 20px);height:65vh;margin:10px}.hero-overlay{max-width:100%;padding:0 16px;left:50%;transform:translate(-50%,-50%)}.hero-overlay h1,.hero-overlay h2{font-size:26px;line-height:1.2}.hero-overlay button{margin-top:22px;padding:10px 22px;font-size:12px}}@media (max-width:480px){.hero-carousel{width:calc(100% - 20px);height:55vh;margin:10px}.hero-overlay h1,.hero-overlay h2{font-size:22px}}