.contact-hero{
background:linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.65)), url('/images/solar-panel.jpg');
background-size:cover;
background-position:center;
padding:80px 20px;
text-align:center;
color:white;
}

.contact-hero h1{
font-size:40px;
margin-bottom:10px;
}

.contact-container{
max-width:1200px;
margin:auto;
padding:60px 20px;
}

.contact-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:50px;
align-items:start;
}

.contact-info{
background:#f8f9fc;
padding:40px;
border-radius:10px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.contact-info h2{
color:#5D468A;
margin-bottom:20px;
}

.contact-info p{
margin-bottom:15px;
font-size:15px;
}

.steps{
margin-top:30px;
}

.steps li{
margin-bottom:15px;
}

.steps h4{
color:#FE7555;
margin-bottom:5px;
}

.contact-form-box{
background:white;
padding:40px;
border-radius:10px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.contact-form-box h2{
margin-bottom:20px;
color:#5D468A;
}

.contact-form input,
.contact-form textarea{
width:100%;
padding:12px;
margin-bottom:15px;
border-radius:6px;
border:1px solid #ccc;
font-size:14px;
}

.contact-form input:focus,
.contact-form textarea:focus{
border-color:#5D468A;
outline:none;
}

.submit-btn{
background:#FE7555;
color:white;
border:none;
padding:13px 30px;
border-radius:6px;
cursor:pointer;
font-size:15px;
transition:.3s;
}

.submit-btn:hover{
background:#e35f43;
}

.map-section{
margin-top:60px;
}

.map-section iframe{
width:100%;
height:350px;
border:0;
border-radius:10px;
}

/* Mobile */

@media(max-width:900px){

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

}