/* ==========================
   CONTACT PAGE
   Sindholt Group
========================== */



.contact-hero {

    min-height:70vh;

    display:flex;

    justify-content:center;

    align-items:center;

    text-align:center;

    padding:120px 40px 60px;


    background:

    linear-gradient(
        rgba(0,0,0,.7),
        rgba(0,0,0,.9)
    ),

    url("../images/residential/solutions-home.jpg");


    background-size:cover;

}



.contact-hero h1 {

    font-size:3.8rem;

    margin-bottom:20px;

}



.contact-hero p {

    color:#ddd;

    font-size:1.2rem;

}



.contact-section {

    padding:100px 60px;

    background:#0b0b0b;

}



.contact-grid {

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:50px;

    max-width:1200px;

    margin:auto;

}



.contact-card {

    padding:50px;

    border-radius:25px;

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.12);

}



.contact-card h2 {

    font-size:2.5rem;

    margin-bottom:25px;

}



.contact-card p {

    color:#ccc;

    line-height:1.7;

}



.contact-details h3 {

    color:#d4af37;

    margin-top:30px;

    margin-bottom:8px;

}



form label {

    display:block;

    color:white;

    margin:15px 0 8px;

}



input,
textarea {


    width:100%;

    padding:15px;

    background:#111;

    color:white;

    border:1px solid rgba(255,255,255,.15);

    border-radius:10px;

}



textarea {

    height:150px;

    resize:none;

}



button {

    border:none;

    cursor:pointer;

    margin-top:25px;

}





.contact-cta {

    padding:100px 40px;

    text-align:center;

    background:#111;

}



.contact-cta h2 {

    font-size:3rem;

    margin-bottom:20px;

}



.contact-cta p {

    color:#ccc;

    margin-bottom:35px;

}





@media(max-width:900px){


.contact-grid {

    grid-template-columns:1fr;

}



.contact-card {

    padding:35px;

}



.contact-hero h1 {

    font-size:2.5rem;

}


}