.elementor-kit-6{--e-global-color-primary:#049DD6;--e-global-color-secondary:#015A87;--e-global-color-accent:#1E8D24;--e-global-color-text:#7A7A7A;--e-global-color-8a9434f:#CA4236;--e-global-color-1e609e6:#E1C50B;--e-global-typography-primary-font-family:"Lato";--e-global-typography-primary-font-weight:600;--e-global-typography-accent-font-family:"Solway";--e-global-typography-accent-font-weight:500;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;}.elementor-kit-6 e-page-transition{background-color:transparent;background-image:linear-gradient(180deg, #FFBC7D 0%, #FFFFFF 100%);}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>First Responder Wellness Solutions — Services</title>
<style>
:root{
--navy:#0b3250;
--accent:#1e5fb4;
--muted:#6b7682;
--bg:#f7f9fb;
--white:#ffffff;
--container:1100px;
font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
}
body{margin:0;background:var(--bg);color:var(--navy);}
.hero{
background-image: url('images/hero.jpg');
background-size:cover;
background-position:center;
min-height:420px;
display:flex;
align-items:center;
color:var(--white);
}
.hero__overlay{background:linear-gradient(90deg, rgba(6,28,47,0.75), rgba(6,28,47,0.35));width:100%;padding:56px 20px;}
.container{max-width:var(--container);margin:0 auto;padding:0 20px;}
.hero h1{font-size:48px;margin:0 0 12px;letter-spacing:-1px}
.hero p{margin:0 0 22px;color:rgba(255,255,255,0.9);max-width:760px;font-size:18px}
.btn{background:var(--accent);color:var(--white);display:inline-block;padding:12px 20px;border-radius:8px;text-decoration:none;font-weight:600}


/* Services section */
.services{background:var(--white);margin-top:-48px;padding:48px 20px 80px;border-radius:12px;box-shadow:0 8px 30px rgba(6,28,47,0.08)}
.services__inner{max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.services__text{padding:12px 28px}
.section-label{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:1.6px;margin-bottom:8px}
.services__text h2{margin:0 0 12px;font-size:28px}
.services__text p{color:var(--muted);line-height:1.6}


.icons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:8px}
.icon-card{background:#fcfdff;border-radius:10px;padding:18px;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:160px;justify-content:center}
.icon-card img{width:72px;height:72px;object-fit:contain;margin-bottom:12px}
.icon-card h4{margin:0;font-size:15px;color:var(--navy)}
.icon-card p{margin:6px 0 0;color:var(--muted);font-size:13px}


@media (max-width:900px){
.services__inner{grid-template-columns:1fr;}
.icons-grid{grid-template-columns:repeat(2,1fr)}
.hero h1{font-size:36px}
}
@media (max-width:520px){
.icons-grid{grid-template-columns:1fr}
.hero{min-height:340px}
}
</style>
</head>
<body>
<header class="hero">
<div class="hero__overlay">
<div class="container">
<h1>First Responder Wellness Solutions</h1>
<p>We transform leadership and wellness within first responder agencies — because agencies cannot be healthy without healthy leaders. We equip leaders with tools, strategies, and resources to build resilient, healthy organizations.</p>
<a class="btn" href="#services">Learn more</a>
</div>
</div>
</header>


<section id="services" class="services">
<div class="services__inner container">
<div class="services__text">
<div class="section-label">Our Core Services</div>
<h2>Leadership-first programs that build resilience across your agency</h2>
</html>/* End custom CSS */