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

.akv-contact-page{

    position:relative;

    overflow:hidden;

    background:#f7f4ee;

    min-height:100vh;
}

/* =========================================================
CONTAINER
========================================================= */

.akv-contact-hero,
.akv-contact-content,
.akv-faq-section{

    position:relative;

    z-index:2;
}

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

.akv-contact-hero{

    padding:
        150px
        0
        70px;
}

.akv-contact-hero-content{

    max-width:680px;
}

.akv-contact-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:
        10px
        18px;

    border-radius:999px;

    background:
        rgba(181,145,87,0.08);

    color:#9f7a45;

    font-size:11px;
    font-weight:700;

    letter-spacing:1.4px;

    margin-bottom:22px;

    text-transform:uppercase;
}

.akv-contact-title{

    font-size:52px;

    line-height:1.05;

    letter-spacing:-2px;

    color:#111827;

    margin-bottom:24px;

    font-weight:700;
}

.akv-contact-description{

    color:#6b7280;

    font-size:15px;

    line-height:1.95;
}

/* =========================================================
WP CONTENT
========================================================= */

.akv-contact-description h1,
.akv-contact-description h2,
.akv-contact-description h3,
.akv-contact-description h4{

    color:#111827;

    line-height:1.2;

    margin-top:34px;
    margin-bottom:14px;

    font-weight:700;
}

.akv-contact-description h2{

    font-size:24px;

    letter-spacing:-0.5px;
}

.akv-contact-description p{

    margin-bottom:18px;
}

.akv-contact-description ul{

    padding-left:18px;

    margin-bottom:26px;
}

.akv-contact-description li{

    margin-bottom:10px;

    color:#4b5563;

    line-height:1.8;
}

/* =========================================================
CONTENT
========================================================= */

.akv-contact-content{

    padding-bottom:90px;
}

.akv-contact-grid{

    display:grid;

    grid-template-columns:
        320px
        1fr;

    gap:28px;

    align-items:start;
}

/* =========================================================
LEFT SIDE
========================================================= */

.akv-contact-left{

    display:flex;

    flex-direction:column;

    gap:18px;
}

.akv-contact-box{

    padding:26px;

    border-radius:24px;

    background:#ffffff;

    border:
        1px solid rgba(17,24,39,0.05);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.akv-contact-box:hover{

    transform:
        translateY(-4px);

    box-shadow:
        0 14px 30px rgba(0,0,0,0.04);
}

.akv-contact-icon{

    width:52px;
    height:52px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:18px;

    border-radius:16px;

    background:#111827;

    color:#ffffff;

    flex-shrink:0;
}

.akv-contact-icon svg{

    width:22px;
    height:22px;
}

.akv-contact-box h3{

    font-size:18px;

    line-height:1.2;

    color:#111827;

    margin-bottom:8px;
}

.akv-contact-box p{

    color:#6b7280;

    font-size:14px;

    line-height:1.8;
}

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

.akv-contact-form-card{

    padding:34px;

    border-radius:28px;

    background:#ffffff;

    border:
        1px solid rgba(17,24,39,0.05);
}

.akv-contact-form-card h2{

    font-size:28px;

    line-height:1.1;

    color:#111827;

    margin-bottom:10px;
}

.akv-contact-form-card p{

    color:#6b7280;

    font-size:14px;

    line-height:1.8;

    margin-bottom:28px;
}

.akv-contact-form{

    display:flex;

    flex-direction:column;

    gap:18px;
}

.akv-form-group{

    display:flex;

    flex-direction:column;

    gap:8px;
}

.akv-form-group label{

    color:#111827;

    font-size:13px;
    font-weight:600;
}

.akv-form-group input,
.akv-form-group textarea{

    width:100%;

    border:none;

    outline:none;

    border-radius:18px;

    background:#f5f5f4;

    padding:
        16px
        18px;

    color:#111827;

    font-size:14px;

    font-family:
        "Manrope",
        sans-serif;

    transition:
        background .2s ease,
        transform .2s ease;
}

.akv-form-group textarea{

    min-height:140px;

    resize:none;
}

.akv-form-group input:focus,
.akv-form-group textarea:focus{

    background:#efefee;

    transform:
        translateY(-1px);
}

/* =========================================================
BUTTON
========================================================= */

.akv-contact-button{

    height:56px;

    border:none;

    border-radius:999px;

    background:#111827;

    color:#ffffff;

    font-size:14px;
    font-weight:600;

    cursor:pointer;

    transition:
        transform .2s ease,
        opacity .2s ease;
}

.akv-contact-button:hover{

    transform:
        translateY(-2px);

    opacity:.94;
}

/* =========================================================
FAQ
========================================================= */

.akv-faq-section{

    padding-bottom:100px;
}

.akv-faq-heading{

    max-width:640px;

    margin-bottom:34px;
}

.akv-faq-heading span{

    display:inline-block;

    margin-bottom:14px;

    color:#9f7a45;

    font-size:11px;
    font-weight:700;

    letter-spacing:1.4px;

    text-transform:uppercase;
}

.akv-faq-heading h2{

    font-size:40px;

    line-height:1.08;

    color:#111827;

    letter-spacing:-1px;
}

.akv-faq-list{

    display:flex;

    flex-direction:column;

    gap:16px;
}

.akv-faq-item{

    overflow:hidden;

    border-radius:22px;

    background:#ffffff;

    border:
        1px solid rgba(17,24,39,0.05);
}

.akv-faq-question{

    width:100%;

    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:24px;

    border:none;

    background:none;

    cursor:pointer;

    color:#111827;

    font-size:16px;
    font-weight:600;

    text-align:left;
}

.akv-faq-answer{

    padding:
        0
        24px
        24px;

    color:#6b7280;

    font-size:14px;

    line-height:1.9;
}

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

@media(max-width:991px){

    .akv-contact-grid{

        grid-template-columns:1fr;
    }

    .akv-contact-title{

        font-size:42px;
    }

    .akv-faq-heading h2{

        font-size:32px;
    }

}

@media(max-width:768px){

    .akv-contact-hero{

        padding:
            130px
            0
            60px;
    }

    .akv-contact-title{

        font-size:34px;

        line-height:1.08;
    }

    .akv-contact-description{

        font-size:14px;
    }

    .akv-contact-box,
    .akv-contact-form-card{

        padding:22px;
    }

    .akv-contact-form-card h2{

        font-size:24px;
    }

    .akv-faq-heading h2{

        font-size:28px;
    }

}

/* =========================================================
FAQ DROPDOWN
========================================================= */

.akv-faq-question span{

    font-size:20px;

    transition:
        transform .3s ease;
}

.akv-faq-answer{

    max-height:0;

    overflow:hidden;

    padding:
        0
        26px;

    transition:
        max-height .4s ease,
        padding .4s ease;
}

.akv-faq-item.active .akv-faq-answer{

    max-height:400px;

    padding:
        0
        26px
        26px;
}

.akv-faq-item.active .akv-faq-question span{

    transform:
        rotate(45deg);
}

.akv-faq-link{

    display:inline-flex;

    margin-top:14px;

    color:#111827;

    font-size:14px;
    font-weight:700;

    text-decoration:none;
}

.akv-faq-link:hover{

    text-decoration:underline;
}