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

.contact-layout{

display:grid;

grid-template-columns:1fr 520px;

gap:60px;

align-items:start;

}

.contact-card{

background:white;

padding:45px;

border-radius:25px;

box-shadow:var(--shadow);

}

.contact-info{

margin-top:40px;

display:grid;

gap:30px;

}

.contact-info h4{

margin-bottom:8px;

color:var(--navy);

}

.form-group{

margin-bottom:25px;

}

.form-group label{

display:block;

font-weight:700;

margin-bottom:10px;

}

.form-group input,

.form-group textarea,

.form-group select{

width:100%;

padding:16px;

border-radius:12px;

border:1px solid var(--border);

font-size:1rem;

font-family:inherit;

transition:.3s;

background:white;

}

.form-group input:focus,

.form-group textarea:focus,

.form-group select:focus{

outline:none;

border-color:var(--gold);

box-shadow:0 0 0 3px rgba(212,166,66,.15);

}

textarea{

resize:vertical;

}

.contact-card button{

width:100%;

border:none;

cursor:pointer;

font-size:1rem;

}

.main-nav a[href="contact.html"]{

color:var(--gold);

}

@media(max-width:950px){

.contact-layout{

grid-template-columns:1fr;

}

.contact-card{

padding:35px;

}

}