.hero-banner{display:flex;flex-direction:column;min-height:100vh}.hero-banner__wrapper{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex:1;flex-direction:column;justify-content:center;padding:2rem;position:relative;row-gap:12px}.hero-banner__content{max-width:900px;position:relative;text-align:center;z-index:2}.hero-banner__content h1{background-color:#00000080;margin:0 auto;padding:10px 20px;text-transform:capitalize;width:fit-content}.hero-banner__content h1.all-borders{border-radius:10px}.hero-banner__content h1.bottom-borders{border-bottom-left-radius:10px;border-bottom-right-radius:10px}@media (max-width:480px){.hero-banner__wrapper{padding:1.5rem}}.hero-banner__ctas{display:flex;gap:15px;margin-top:25px}@media (max-width:767px){.hero-banner__ctas{flex-direction:column;gap:30px}}.hero-banner__cta{align-items:center;border-radius:999px;color:#fff;display:inline-flex;font-weight:700;justify-content:center;position:relative;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;white-space:nowrap}.hero-banner__cta:focus-visible,.hero-banner__cta:hover{color:#fff;filter:brightness(1.05);text-decoration:none}.hero-banner__cta:active{transform:translateY(3px)}