h1.h1-hero-heading{text-transform:capitalize;}
.hero-content{max-width:950px;}
.h1-hero-heading span{font-size:smaller;}
.h1-hero-heading small{text-transform:uppercase;}
.h1-hero-heading strong{font-weight:800;}

/* PAGE Hero Section */
.hero {
position:relative; 
/* background:url("/imageserver/UserMedia/specialty/Hero_bg.jpeg") no-repeat center center/cover; */ width:100%; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; /* overflow:hidden; */ padding-top:0px; background: #021B33;}

/* Only desktop gets 100vh */
@media(min-width:1201px){
.hero {
padding-top:30px;}
.hero-bottom {
margin-top:0}
}

/* Overlay */
.hero::before {
content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:1;}

/* Hero Text */
.hero-text {
z-index:2; text-align:center; margin-bottom:40px; max-width:1400px;}

/* Hero Bottom */
.hero-bottom {
position:relative; z-index:2; display:flex; justify-content:center; width:1400px; /* min-height:calc(100vh - 150px); */ /* desktop height */
box-sizing:border-box;margin-top: -80px;}

/* Left Column */
.hero-left {
flex:0 0 50%; display:flex; flex-direction:column; justify-content:center;}

.hero-left h2 {
text-transform:uppercase; font-variant:all-small-caps; font-size:80px; color:#f15a25; /* About Steve heading #f15a25 */
margin:0 0 10px 0;}

.hero-left p {
font-size:60px; color:white; margin:0; line-height:1.1;}

/* Right Column */
.hero-right {
margin-top: -200px; flex:0 0 45%; display:flex; flex-direction:column; justify-content:flex-end; /* pinned to bottom */
align-items:flex-end; height:100%; /* ensure full container height */
}

.hero-right img {
max-width:100%; height:100%; /* scale naturally */
display:block; object-fit:none; /* or remove object-fit */
}

/* About Section */
.section-about {
background-color:#fff; color:#000; padding:80px 20px 40px 20px; text-align:center; max-width:1400px; margin:0 auto; box-sizing:border-box;}

.section-about p {
font-size:22px; line-height:1.6; margin-bottom:20px;}

.section-about strong {
font-weight:bold;}

/* Normal Image Section */
.section-image-normal {
width:100%; margin-top:40px; text-align:center;}

.section-image-normal img {
width:100%; height:auto; display:block; max-height:30vh; object-fit:cover;}

/* Responsive */
@media(max-width:1200px){
.hero-bottom {
width:90%; flex-direction:column; /* stack vertically */
justify-content:center; align-items:center; margin-top: 0; /* min-height:calc(100vh - 300px); */ height:auto; /* grow naturally */}
.hero-left, .hero-right {
flex:0 0 100%; text-align:center; margin:10px 0 0;}
.hero-right {
justify-content:center; /* image below text */
align-items:center;}
.hero-left h2 {
font-size:60px; padding: 10px;}
.hero-left p {
font-size:40px;}
.hero-text h1 {
font-size:48px;}
.hero-right img{
object-fit:inherit;}
.section-about p {
font-size:20px;}
.section-image-normal img {
max-height:25vh;}
}

@media(max-width:768px){
.hero-text h1 {
font-size:36px;}
.hero-left h2 {
font-size:40px;}
.hero-left p {
font-size:32px;}
.section-about p {
font-size:18px;}
.section-image-normal img {
max-height:40vh;}
body {
overflow-y:auto;}
}

/* FAQ Section */
.section-faq {
background-color:#021B33; padding:80px 20px; color:#fff; text-align:center;}

.section-faq h2 {
color:#f15a25; font-size:48px; font-weight:800; margin-bottom:50px;}

/* FAQ Items */
.faq-container {
max-width:1000px; margin:0 auto; text-align:left;}

.faq-item {
margin-bottom:30px; border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:20px;}

.faq-question {
font-size:24px; color:#fff; cursor:pointer; font-weight:bold;}

.faq-answer {
font-size:20px; color:#086DCC; margin-top:10px; display:block; /* visible by default, can add accordion behavior */
}

/* Responsive */
@media(max-width:768px){
.section-faq h2 {
font-size:36px;}
.faq-question {
font-size:20px;}
.faq-answer {
font-size:18px;}
}

/* Storm Checklist Section */
.section-storm-checklist {
background-color:#fff; padding:80px 20px; max-width:1000px;/* same as FAQ container */
margin:0 auto; text-align:center;}

/* Top Section */
.storm-top {
margin-bottom:50px; text-align:left;}

.storm-top h2 {
color:#021B33; font-size:40px; font-weight:800; margin-bottom:20px;}

.storm-top p {
color:#000; font-size:20px; line-height:1.6;}

/* Bottom Section */
.storm-bottom {
display:flex; flex-wrap:wrap; /* gap:20px;  */justify-content:left;}

.storm-item {
/* flex:0 0 48%; */ /* two per row */ 
padding:20px; box-sizing:border-box; 
text-align:left; /* max-width:450px; */ /* optional to control width */
}

.storm-item img {
width:75px; height:auto; margin-bottom:5px;}

.storm-item h3 {
color:#021B33; font-size:20px; font-weight:600; margin-bottom:10px;}

.storm-item p {
color:#000; font-size:16px; line-height:1.5; margin:0;}

/* Responsive */
@media(max-width:992px){
.storm-item {
/* flex:0 0 100%; */ /* stack items */
}
.storm-top h2 {
font-size:36px;}
.storm-top p, .storm-item p {
font-size:16px;}
.storm-item h3 {
font-size:18px;}
}

/* Offers Section */
.offers-section {
background-color:#f15a25; padding:80px 20px;}

.offers-container {
max-width:1100px; margin:0 auto; display:flex; align-items:flex-start; gap:40px;}

.offers-left {
flex:0 0 30%;}

.offers-left img {
width:100%; border-radius:8px; display:block; height:auto;}

.offers-right {
flex:0 0 70%; color:#fff;}

.offers-right p {
margin-bottom:30px; line-height:1.6; color:#fff;}

.offers-right h2 {
color:#021B33; font-size:60px; margin-bottom:25px; font-weight:700;}

.offers-right ul {
list-style:disc; padding-left:20px; line-height:1.8;}

.offers-right ul li {
margin-bottom:12px; color:#fff;}

.offers-right ul li strong {
color:#021B33;}

/* Responsive */
@media (max-width:1200px) {
.offers-right {
flex:60%;}
}

@media (max-width:768px) {
.offers-container {
flex-direction:column; text-align:center;}

.offers-left, .offers-right {
flex:100%;}

.offers-left {
margin-bottom:20px;}

.offers-right h2 {
font-size:32px; margin-bottom:20px;}

.offers-right ul {
text-align:left; padding-left:30px;}
}

/* Why Choose Section */
.why-choose {
background:#ffffff; padding:50px 20px;}

.why-choose .container {
max-width:1100px; margin:0 auto; text-align:center;}

.why-choose h2 {
color:#021B33; font-size:40px; font-weight:800; margin-bottom:20px; font-weight:bold;}

.why-choose p {
color:#000000; font-size:18px; line-height:1.6; max-width:900px; margin:0 auto;}