/* ==========================
   RESIDENTIAL CONSULTATION PAGE
   Sindholt Group
========================== */


/* HERO */


.consultation-hero {

    min-height:75vh;

    display:flex;

    align-items:center;

    justify-content: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;

    background-position:center;

}



.consultation-intro {

    max-width:850px;

}



.consultation-intro h1 {

    font-size:3.8rem;

    margin-bottom:25px;

}



.consultation-intro p {

    color:#ddd;

    font-size:1.2rem;

    line-height:1.8;

}





/* FORM SECTION */


.form-section {

    padding:100px 40px;

    background:#0b0b0b;

}



.form-container {

    max-width:900px;

    margin:auto;

    padding:60px;


    background:

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


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

    border-radius:25px;

    backdrop-filter:blur(10px);

}



.form-container h2 {

    text-align:center;

    font-size:2.8rem;

    margin-bottom:15px;

}



.form-container > p {

    text-align:center;

    color:#bbb;

    margin-bottom:50px;

}



.form-grid {

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:25px;

}



form label {

    display:block;

    color:white;

    margin-bottom:10px;

}



input,
select,
textarea {


    width:100%;

    padding:15px;


    background:#111;


    color:white;


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


    border-radius:10px;


    font-size:1rem;


}



textarea {

    height:180px;

    resize:none;

    margin-bottom:25px;

}



input:focus,
select:focus,
textarea:focus {

    outline:none;

    border-color:#d4af37;

}





form .btn {

    border:none;

    cursor:pointer;

    margin-top:25px;

}





/* INFORMATION */


.consultation-info {

    padding:100px 60px;

    background:#111;

    text-align:center;

}



.consultation-info h2 {

    font-size:3rem;

    margin-bottom:50px;

}



.info-grid {

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:40px;

}



.info-grid div {

    padding:40px;

    border-radius:20px;

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

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

}



.info-grid h3 {

    color:#d4af37;

    margin-bottom:15px;

}



.info-grid p {

    color:#ccc;

    line-height:1.6;

}





/* MOBILE */


@media(max-width:900px){


.consultation-intro h1 {

    font-size:2.5rem;

}



.form-container {

    padding:35px 25px;

}



.form-grid {

    grid-template-columns:1fr;

}



.info-grid {

    grid-template-columns:1fr;

}


}