.contact-hero{

    padding:80px 10%;
    text-align:center;
    background:#f8fafc;
}

.contact-hero h1{

    font-size:3rem;
    margin-bottom:15px;
}

.contact-hero p{

    color:#64748b;
}

.contact-section{

    padding:70px 10%;
}

.contact-grid{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(250px,1fr));

    gap:25px;
}

.contact-card{

    background:white;

    padding:25px;

    border-radius:15px;

    box-shadow:
    0 5px 20px rgba(0,0,0,0.08);

    text-align:center;
}

.contact-card h3{

    margin-bottom:15px;
}

.contact-card a{

    text-decoration:none;

    color:#16a34a;

    font-weight:600;
}

.form-section{

    padding:70px 10%;

    background:#f8fafc;
}

.form-section h2{

    text-align:center;

    margin-bottom:30px;
}

#contactForm{

    max-width:700px;

    margin:auto;

    display:flex;

    flex-direction:column;

    gap:15px;
}

#contactForm input,
#contactForm textarea{

    padding:15px;

    border:1px solid #ddd;

    border-radius:10px;

    font-size:16px;
}

#contactForm button{

    background:#16a34a;

    color:white;

    border:none;

    padding:15px;

    border-radius:10px;

    cursor:pointer;

    font-size:16px;
}

.office-location{

    padding:70px 10%;
}

.office-location h2{

    text-align:center;

    margin-bottom:25px;
}

.office-location iframe{

    width:100%;

    height:450px;

    border:none;

    border-radius:15px;
}