*{margin:0;padding:0;box-sizing:border-box;font-family:Arial;}
body{background:#f5f5f5;}
header{background:#1b5e20;color:white;padding:15px;}
.container{display:flex;justify-content:space-between;align-items:center;}
nav ul{display:flex;list-style:none;}
nav ul li{margin-left:20px;}
nav ul li a{color:white;text-decoration:none;}
.apply a{background:orange;padding:8px 15px;border-radius:5px;}
.hero{height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#2e7d32;color:white;text-align:center;}
.btn{background:#2e7d32;padding:12px 25px;color:white;text-decoration:none;margin-top:15px;}
.cards{display:flex;justify-content:center;gap:30px;padding:40px;}
.card{background:white;padding:20px;border-radius:10px;width:250px;box-shadow:0 2px 8px rgba(0,0,0,0.2);}
footer{background:#222;color:white;text-align:center;padding:20px;margin-top:40px;}
.content{padding:40px;text-align:center;}
form{display:flex;flex-direction:column;gap:10px;width:300px;margin:auto;}
input,textarea,button{padding:10px;}
@media(max-width:768px){
.container{flex-direction:column;}
nav ul{flex-direction:column;}
.cards{flex-direction:column;align-items:center;}
.hero{height:300px;}
}

.logo{
font-size:24px;
font-weight:bold;
color:blue;
text-decoration:none;
}
.portal-content{
padding:30px;
width:100%;
}

/* TABS */

.contact-tabs{
display:flex;
gap:10px;
margin-bottom:20px;
}

.tab{
padding:10px 20px;
border:none;
background:#eee;
cursor:pointer;
}

.tab.active{
background:#1a5f4a;
color:white;
}

/* EMERGENCY */

.emergency{
background:#2f3742;
color:white;
padding:15px;
margin-bottom:20px;
}

/* GRID */

.contact-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
}

/* FORM */

.contact-form input,
.contact-form textarea{
width:100%;
padding:10px;
margin-bottom:10px;
border:1px solid #ddd;
}

.contact-form button{
background:#1a5f4a;
color:white;
padding:10px;
border:none;
}

/* QUICK CONTACT */

.quick-contact button{
display:block;
width:100%;
padding:12px;
margin-bottom:10px;
border:none;
cursor:pointer;
}

.call{background:#2ecc71;color:white;}
.chat{background:#3498db;color:white;}
.appointment{background:#6c5ce7;color:white;}

/* MAP */

.location iframe{
width:100%;
height:250px;
border:0;
}

.direction-btn{
display:inline-block;
margin-top:10px;
background:#1a5f4a;
color:white;
padding:10px 20px;
}

/* FAQ */

.faq-item{
margin-bottom:10px;
}

.faq-question{
width:100%;
text-align:left;
padding:12px;
border:none;
background:#eee;
cursor:pointer;
}

.faq-answer{
display:none;
padding:10px;
background:#fafafa;
}

/* INFO DOWNLOAD */

.info-download{
background:#2fd4a3;
padding:25px;
text-align:center;
margin-top:20px;
}

/* MOBILE */

@media(max-width:768px){

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

.portal-content{
padding:15px;
}

.contact-tabs{
flex-direction:column;
}

}