/* =====================================================
CONTACT PAGE
===================================================== */

.page-header{
text-align:center;
padding:80px 20px 60px;
}

.page-header h1{
font-size:48px;
color:#16301E;
margin-bottom:15px;
}

.page-header p{
color:#666;
font-size:18px;
}

.contact-section{
padding:20px 20px 60px;
}

.contact-card{
max-width:800px;
margin:auto;
text-align:center;
background:white;
padding:50px;
border-radius:20px;
box-shadow:0 8px 20px rgba(0,0,0,.05);
}

.contact-card h2{
margin-bottom:20px;
color:#16301E;
}

.contact-card p{
line-height:1.8;
color:#555;
margin-bottom:25px;
}

.contact-email{
font-size:1.2rem;
font-weight:600;
color:#2F6A2D;
text-decoration:none;
}

/* =======================================
SOCIALS
======================================= */

.social-section{
text-align:center;
padding:80px 20px;
background:#16301E;
color:white;
}

.social-section h2{
margin-bottom:15px;
}

.social-section p{
margin-bottom:40px;
}

.social-icons{
display:flex;
justify-content:center;
gap:40px;
}

.social-icons img{
width:48px;
height:48px;
transition:all .2s ease;
}

.social-icons img:hover{
transform:translateY(-4px);
}

/* =======================================
FAQ
======================================= */

.faq-section{
padding:80px 20px;
}

.faq-section h2{
text-align:center;
margin-bottom:50px;
color:#16301E;
}

.faq-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:30px;
max-width:1100px;
margin:auto;
}

.faq-card{
background:white;
padding:35px;
border-radius:20px;
box-shadow:0 8px 20px rgba(0,0,0,.05);
}

.faq-card h3{
margin-bottom:15px;
color:#16301E;
}

.faq-card p{
color:#555;
line-height:1.7;
}

/* =======================================
CTA
======================================= */

.cta-section{
text-align:center;
padding:100px 20px;
background:#F7F7F7;
}

.cta-section h2{
color:#16301E;
margin-bottom:20px;
}

.cta-section p{
max-width:700px;
margin:auto auto 30px;
color:#555;
}

/* =======================================
MOBILE
======================================= */

@media(max-width:768px){

```
.page-header h1{
    font-size:36px;
}

.faq-grid{
    grid-template-columns:1fr;
}

.contact-card{
    padding:30px;
}

.social-icons{
    gap:25px;
}
```

}