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

.contact-page{

    background:#F5F9FF;

}

/*==================================================
HERO
==================================================*/

.contact-hero{

    padding:90px 0;

    background:linear-gradient(
        180deg,
        #F7FAFF 0%,
        #EEF5FF 100%
    );

}

.contact-hero .container{

    max-width:1200px;

}

.contact-label{

    display:inline-block;

    padding:10px 18px;

    background:#EAF2FF;

    color:#2563EB;

    border-radius:40px;

    font-size:15px;

    font-weight:600;

    margin-bottom:25px;

}

.contact-hero h1{

    font-size:64px;

    line-height:1.1;

    font-weight:800;

    color:#0F172A;

    max-width:900px;

    margin-bottom:28px;

}

.contact-hero p{

    font-size:22px;

    line-height:1.8;

    color:#475569;

    max-width:900px;

    margin-bottom:50px;

}

.contact-features{

    display:grid;

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

    gap:22px;

    max-width:900px;

}

.feature-item{

    background:white;

    padding:24px 28px;

    border-radius:16px;

    font-size:18px;

    font-weight:600;

    color:#0F172A;

    box-shadow:0 12px 30px rgba(15,23,42,.05);

}

/*==================================================
FORM SECTION
==================================================*/

.contact-form-section{

    padding:100px 0;

    background:rgb(204, 211, 223);

}

.contact-form-card{

    max-width:900px;

    margin:auto;

    background:#fff;

    border-radius:24px;

    padding:60px;

    box-shadow:0 18px 50px rgba(15,23,42,.08);

}

.form-header{

    text-align:center;

    margin-bottom:50px;

}

.form-header h2{

    font-size:42px;

    color:#0F172A;

    margin-bottom:15px;

}

.form-header p{

    font-size:18px;

    color:#64748B;

}

/*==================================================
WPFORMS
==================================================*/

.wpforms-container{

    max-width:100% !important;

}

.wpforms-field input,
.wpforms-field textarea,
.wpforms-field select{

    border-radius:12px !important;

    border:1px solid #D6DEE8 !important;

    padding:16px !important;

    font-size:16px !important;

}

.wpforms-submit{

    background:#2563EB !important;

    color:white !important;

    border:none !important;

    padding:16px 40px !important;

    border-radius:12px !important;

    font-size:16px !important;

    font-weight:600 !important;

    transition:.3s;

}

.wpforms-submit:hover{

    background:#1D4ED8 !important;

}

/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:991px){

.contact-hero{

    padding:70px 0;

}

.contact-hero h1{

    font-size:44px;

}

.contact-hero p{

    font-size:18px;

}

.contact-features{

    grid-template-columns:1fr;

}

.contact-form-card{

    padding:35px;

}

}
/* ==========================
WPForms Styling
========================== */

.contact-form-card .wpforms-container{
    max-width:100% !important;
    width:100%;
    margin:0;
}

.contact-form-card .wpforms-form{
    width:100%;
}
.contact-form-card input,
.contact-form-card select,
.contact-form-card textarea{

    width:100% !important;

    border:1px solid #D7E3F3 !important;

    border-radius:12px !important;

    padding:14px 18px !important;

    font-size:16px !important;

    transition:.3s;

    background:#fff;

}

.contact-form-card input:focus,
.contact-form-card select:focus,
.contact-form-card textarea:focus{

    border-color:#2563EB !important;

    box-shadow:0 0 0 4px rgba(37,99,235,.12);

    outline:none;

}
.contact-form-card button[type="submit"],
.contact-form-card .wpforms-submit{

    background:#2563EB !important;

    color:#fff !important;

    border:none !important;

    border-radius:12px !important;

    padding:16px 34px !important;

    font-size:16px !important;

    font-weight:600 !important;

    transition:.3s;

}

.contact-form-card button[type="submit"]:hover,
.contact-form-card .wpforms-submit:hover{

    background:#1749C7 !important;

    transform:translateY(-2px);

}
.contact-form-card .wpforms-field{

    margin-bottom:24px !important;

}

.contact-form-card .wpforms-field-label{

    font-size:16px;

    font-weight:600;

    color:#0F172A;

    margin-bottom:8px !important;

}