.bannerAltHero{position:relative;padding:20px 20px 0px; min-height: 240px; display: flex;flex-direction: column; justify-content: space-around;}

.bannerAltBackground{position:absolute;inset:20px 20px 0px;border-radius:30px;overflow:hidden;}
.bannerAltBackground picture{display:block;width:100%;height:100%;}
.bannerAltBackground img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}

.bannerAltBackground .overlay { position: absolute; inset: 0; }
.bannerAltBackground .overlay:before {content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,0.0) 0%, rgba(0,0,0,1.0) 100%);}

.bannerAltBody{position:relative; }

.bannerAltContent{max-width:800px;margin:0 auto;text-align:center;padding:80px 20px 80px;}
.bannerAltContent h2{color:var(--light-font-color);font-weight:600; font-size: 32px;}
.bannerAltContent h2:not(:last-child) { padding-bottom:20px; }
.bannerAltContent p{color:var(--light-font-color);text-align:center;opacity:.9; font-size: 16px;}
.bannerAltContent p:last-child{ padding-bottom:0;}

.bannerAltButtons{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:35px;}

.bannerAltBtn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:100px;font-size:var(--fs-16);font-family:var(--accent-font);font-weight:400;border:1px solid var(--light-font-color);transition:0.3s;}
.bannerAltBtn i{font-size:16px;transition:0.3s;}

.bannerAltBtn-outline{background:transparent;color:var(--light-font-color);}
.bannerAltBtn-outline:hover{background:var(--light-font-color);color:var(--head-font-color);}

.bannerAltBtn-primary{background:var(--light-font-color);color:var(--head-font-color);}
.bannerAltBtn-primary:hover{background:transparent;color:var(--light-font-color);}

.bannerAltExtras{position:relative;z-index:2;padding:0 0 50px;}
.bannerAltExtras ul{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:40px;list-style:none;margin:0;padding:0;}
.bannerAltExtras li{display:flex;align-items:center;gap:12px;color:var(--light-font-color);font-size:var(--fs-14);font-weight:600;text-transform:uppercase;letter-spacing:0.05em;}
.bannerAltExtraIcon{width:22px;height:22px;flex-shrink:0;object-fit:contain;}
svg.bannerAltExtraIcon,
svg.bannerAltExtraIcon *{fill:var(--light-font-color);}

@media(max-width:767.98px){
	.bannerAltContent{padding:120px 15px 60px;}
	.bannerAltContent br { display: none; }
	.bannerAltExtras ul{gap:20px 30px;}
	.bannerAltButtons{gap:12px;}
}
@media(min-width:414px){ .bannerAltHero{min-height: 360px;} }
@media(min-width:568px){ .bannerAltHero{min-height: 480px;} .bannerAltContent h2 { font-size: 42px; }.bannerAltContent p { font-size: 16px; } }
@media(min-width:768px){ .bannerAltHero{min-height: 600px;}  }
@media(min-width:992px){ .bannerAltHero{min-height: 720px;} .bannerAltContent h2 { font-size: 52px; } .bannerAltContent p { font-size: 21px; } }
@media(min-width:1200px){ .bannerAltHero{min-height: 840px; padding-top:0;} .bannerAltBackground{top:0;} .bannerAltBody { padding-top: var(--headerHeight); } }
@media(min-width:1600px){ .bannerAltHero{min-height: 960px;} .bannerAltContent h2 { font-size: 72px; } .bannerAltContent p { font-size: 24px; } }
@media(min-width:2200px){ .bannerAltHero{min-height: 1080px;} }
