.hero-banner{color:#fff;border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:300px;line-height:1.2;display:flex;position:relative;overflow:hidden}.hero-banner-image{object-fit:cover}.hero-banner-overlay{background:#00000073;position:absolute;inset:0}.hero-banner-content{z-index:2;text-align:center;max-width:700px;padding:24px;position:relative}.hero-banner-title{margin-bottom:16px;font-size:2.5rem;font-weight:700}.hero-banner-description{color:#f5f3f3;margin-bottom:24px;font-size:1rem}.hero-banner-buttons{justify-content:center;gap:16px;display:flex}.hero-btn{border-radius:8px;padding:12px 22px;font-weight:600;text-decoration:none;transition:all .25s}.hero-btn-primary{color:#fff;background:#f97316}.hero-btn-primary:hover{background:#ea580c}.hero-btn-outline{color:#fff;border:1px solid #fff}.hero-btn-outline:hover{color:#000;background:#fff}@media (max-width:768px){.hero-banner{min-height:200px}.hero-banner-content{padding:16px}.hero-banner-title{font-size:2rem}.hero-banner-description{font-size:.95rem}}@media (max-width:480px){.hero-banner-buttons{flex-direction:column;gap:12px}.hero-btn{width:100%;padding:10px 18px;font-size:.85rem}.hero-banner-title{font-size:1.5rem}.hero-banner-description{font-size:.8rem}.hero-banner{min-height:160px}.hero-banner-content{max-width:95%;padding:12px}}