/*==================================
CONTACT PAGE
==================================*/
.page-hero{
    margin-top: 100px;
}
.contact-page{
    padding:40px 0;
}

.contact-grid{
    display:grid;
    grid-template-columns:1fr 1.3fr;
    gap:50px;
}

.contact-info{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.contact-card{
    background:#fff;
    border:1px solid #ececec;
    border-radius:16px;
    padding:30px;
}

.contact-card h3{
    margin-bottom:12px;
    color:var(--color-primary);
}

.contact-card a{
    color:var(--color-black);
}

.contact-form{
    background:#fff;
    border:1px solid #ececec;
    border-radius:16px;
    padding:35px;
}

.contact-map iframe{
    width:100%;
    height:450px;
    border:0;
    display:block;
}

@media (max-width:992px){

    .contact-grid{
        grid-template-columns:1fr;
    }

}

/*==================================
CONTACT FORM 7
==================================*/

.wpcf7{
    width:100%;
}

.contact-form-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:24px;

}

.form-group{

    display:flex;

    flex-direction:column;

}

.form-group.full-width{

    grid-column:1/-1;

}

.form-group label{

    margin-bottom:10px;

    font-size:15px;

    font-weight:600;

    color:#222;

}

.wpcf7-form-control:not(.wpcf7-submit){

    width:100%;

    padding:16px 18px;

    border:1px solid #d9d9d9;

    border-radius:10px;

    background:#fff;

    font-size:16px;

    transition:.3s ease;

    outline:none;

}

.wpcf7-form-control:not(.wpcf7-submit):focus{

    border-color:var(--color-primary);

    box-shadow:0 0 0 4px rgba(0,91,172,.08);

}

.wpcf7 textarea{

    min-height:160px;

    resize:vertical;

}

.wpcf7-submit{

    width:auto;

    min-width:220px;

    cursor:pointer;

    border:none;

}

.wpcf7-spinner{

    margin-left:15px;

}

.wpcf7-response-output{

    margin-top:25px !important;

    border-radius:10px;

    padding:14px 20px !important;

}

@media(max-width:768px){

.contact-form-grid{

    grid-template-columns:1fr;

}

}