text-transform: uppercase;
font-family: var(--font-head);
fon
; padding: 12px 30px(--white);
background: var(--black);
color: vaom: 15px;
}
.btn-dark-catchment {
display: inline-block;
ttweight: 900;
text-transform: uppercase;
margin-bo2rem;
fontize:-family: var(--font-head);
font-
fon: var(--black);
}
.cta-banner-catchment h2 nd: var(--orange);
padding: 40px 20px;
text-align: center;
colo-head);
font-size: 1.1rem;
font-weight: 800;
text-transform: uppercase;
margin: 0;
}
.map-container-catchment {
margin-top: 40px;
border: 2px solid var(--orange);
border-radius: 6px;
overflow: hidden;
}
.cta-banner-catchment {
backgrou{
display: grid;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
gap: 15px;
margin-top: 30px;
}
.area-card-catchment {
background: var(--dark);
border-left: 4px solid var(--orange);
padding: 15px;
border-radius: 4px;
}
.area-card-catchment h3 {
font-family: var(--fontfamily: var(--font-head);
font-size: clamp(1.8rem, 4vw, 2.8rem);
font-weight: 900;
text-transform: uppercase;
color: var(--white);
margin-bottom: 20px;
}
.section-title-catchment span { color: var(--orange); }
.areas-grid-catchment--white);
margin: 0;
}
.hero-catchment h1 span { color: var(--orange); }
.section-catchment { padding: 60px 20px; max-width: 1100px; margin: 0 auto; }
.section-title-catchment {
fontr(lor: vage-Kq7DaNteqsk.jpg') center/cover no-repeat;
padding: 40px 20px;
}
.hero-catchment h1 {
font-family: var(--font-head);
font-size: clamp(2.5rem, 6vw, 4.5rem);
font-weight: 900;
text-transform: uppercase;
c
Unleash calm. Conquer chaos