/* ==========================================
   CONTACT PAGE
========================================== */

.page-hero{
    padding-bottom:30px;
}

.contact-section{
    padding-top:30px;
}
.hp-field{
    position:absolute;
    left:-9999px;
    top:-9999px;
}
.form-alert{
    padding:14px 18px;
    border-radius:8px;
    margin-bottom:25px;
    font-weight:600;
}
.form-alert.success{
    background:#d9f5df;
    color:#187a2f;
}
.form-alert.error{
    background:#fde2e2;
    color:#a12626;
}
.contact-grid{

    display:grid;

    grid-template-columns:400px 1fr;

    gap:50px;

}
.contact-title {
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  color: #ffffff;
  margin-bottom: 30px;
}
.contact-info{

    background:#102A43;

    color:#fff;

    padding:40px;

    border-radius:10px;

}

.contact-info h2{

    margin-bottom:20px;

}

.contact-item{

    margin-top:25px;

}

.contact-item strong{

    display:block;

    margin-bottom:8px;

    color:#C9A227;

}

.contact-info a{

    color:#fff;

}

.contact-form{

    background:#fff;

    padding:40px;

    border-radius:10px;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.contact-form h2{

    color:var(--navy);

    margin-bottom:25px;

}

.contact-form input,
.contact-form textarea{

    width:100%;

    padding:15px;

    margin-bottom:20px;

    border:1px solid #ddd;

    border-radius:6px;

    font-family:inherit;

}

.contact-form textarea{

    resize:vertical;

    min-height:180px;

}

.contact-form button{

    border:none;

    cursor:pointer;

}

@media(max-width:900px){

    .contact-grid{

        grid-template-columns:1fr;

    }

}