#egert-faq-page,
#egert-faq-page *,
#egert-faq-page *::before,
#egert-faq-page *::after {
    box-sizing:border-box !important;
}

#egert-faq-page {
    --eg-dark:#171b18;
    --eg-deep:#263229;
    --eg-green:#758964;
    --eg-green-dark:#596b4e;
    --eg-orange:#ed741b;
    --eg-cream:#f5f3ee;
    --eg-text:#626962;
    --eg-line:rgba(23,27,24,.12);

    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    background:
        var(--eg-cream) !important;

    color:
        var(--eg-dark) !important;

    font-family:
        "Inter",
        Arial,
        sans-serif !important;
}


#egert-faq-page
.egert-faq-inner {
    width:
        calc(100% - 60px) !important;

    max-width:1350px !important;

    margin:0 auto !important;

    padding:
        100px
        0
        110px !important;
}


/* TOP */

#egert-faq-page
.egert-faq-top {
    display:grid !important;

    grid-template-columns:
        minmax(0,1.15fr)
        minmax(300px,.85fr) !important;

    gap:80px !important;

    align-items:end !important;

    margin-bottom:
        60px !important;
}


#egert-faq-page
.egert-faq-kicker {
    display:flex !important;

    align-items:center !important;

    gap:12px !important;

    margin:
        0
        0
        18px !important;

    color:
        var(--eg-green) !important;

    font-size:11px !important;

    font-weight:700 !important;

    letter-spacing:2px !important;

    text-transform:uppercase !important;
}


#egert-faq-page
.egert-faq-kicker::before {
    content:"" !important;

    width:38px !important;
    height:2px !important;

    background:
        var(--eg-orange) !important;
}


#egert-faq-page
.egert-faq-title {
    max-width:850px !important;

    margin:0 !important;

    color:
        var(--eg-dark) !important;

    font-size:
        clamp(48px,5vw,68px) !important;

    line-height:.99 !important;

    letter-spacing:
        -2.8px !important;

    font-weight:650 !important;
}


#egert-faq-page
.egert-faq-title span {
    color:
        var(--eg-green) !important;
}


#egert-faq-page
.egert-faq-intro {
    max-width:470px !important;

    margin:0 !important;

    color:
        var(--eg-text) !important;

    font-size:15px !important;

    line-height:1.75 !important;
}


/* FAQ */

#egert-faq-page
.egert-faq-list {
    border-top:
        1px solid var(--eg-line) !important;
}


#egert-faq-page
.egert-faq-item {
    position:relative !important;

    border-bottom:
        1px solid var(--eg-line) !important;
}


#egert-faq-page
.egert-faq-item::before {
    content:"" !important;

    position:absolute !important;

    top:0 !important;
    left:0 !important;

    width:3px !important;
    height:0 !important;

    background:
        var(--eg-orange) !important;

    transition:
        height .4s ease !important;
}


#egert-faq-page
.egert-faq-item.is-open::before {
    height:100% !important;
}


/* QUESTION */

#egert-faq-page
.egert-faq-question {
    position:relative !important;

    width:100% !important;

    min-height:88px !important;

    margin:0 !important;

    padding:
        24px
        85px
        24px
        26px !important;

    display:flex !important;

    align-items:center !important;

    background:
        transparent !important;

    border:0 !important;

    border-radius:0 !important;

    box-shadow:none !important;

    color:
        var(--eg-dark) !important;

    font-family:
        "Inter",
        Arial,
        sans-serif !important;

    font-size:18px !important;

    line-height:1.45 !important;

    font-weight:600 !important;

    letter-spacing:
        -.3px !important;

    text-align:left !important;

    cursor:pointer !important;

    transition:
        background .25s ease,
        color .25s ease,
        padding-left .25s ease !important;
}


#egert-faq-page
.egert-faq-question:hover {
    padding-left:
        32px !important;

    background:
        rgba(117,137,100,.055) !important;

    color:
        var(--eg-green-dark) !important;
}


#egert-faq-page
.egert-faq-item.is-open
.egert-faq-question {
    padding-left:
        32px !important;

    background:
        rgba(117,137,100,.075) !important;
}


/* PLUS */

#egert-faq-page
.egert-faq-plus {
    position:absolute !important;

    top:50% !important;
    right:22px !important;

    width:40px !important;
    height:40px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    transform:
        translateY(-50%) !important;

    background:
        var(--eg-deep) !important;

    color:#fff !important;
}


#egert-faq-page
.egert-faq-plus::before,
#egert-faq-page
.egert-faq-plus::after {
    content:"" !important;

    position:absolute !important;

    background:
        currentColor !important;
}


#egert-faq-page
.egert-faq-plus::before {
    width:14px !important;
    height:1.5px !important;
}


#egert-faq-page
.egert-faq-plus::after {
    width:1.5px !important;
    height:14px !important;

    transition:
        opacity .3s ease !important;
}


#egert-faq-page
.egert-faq-item.is-open
.egert-faq-plus {
    background:
        var(--eg-orange) !important;
}


#egert-faq-page
.egert-faq-item.is-open
.egert-faq-plus::after {
    opacity:0 !important;
}


/* ANSWER */

#egert-faq-page
.egert-faq-answer {
    display:grid !important;

    grid-template-rows:
        0fr !important;

    opacity:0 !important;

    visibility:hidden !important;

    transition:
        grid-template-rows .42s cubic-bezier(.2,.7,.2,1),
        opacity .30s ease,
        visibility .30s ease !important;
}


#egert-faq-page
.egert-faq-item.is-open
.egert-faq-answer {
    grid-template-rows:
        1fr !important;

    opacity:1 !important;

    visibility:visible !important;
}


#egert-faq-page
.egert-faq-answer-clip {
    min-height:0 !important;

    overflow:hidden !important;
}


#egert-faq-page
.egert-faq-answer-inner {
    max-width:1000px !important;

    padding:
        0
        80px
        30px
        32px !important;

    color:
        var(--eg-text) !important;

    font-size:14px !important;

    line-height:1.8 !important;
}


#egert-faq-page
.egert-faq-answer-inner p {
    margin:
        0
        0
        12px !important;

    color:inherit !important;
}


#egert-faq-page
.egert-faq-answer-inner p:last-child {
    margin-bottom:0 !important;
}


/* BOTTOM */

#egert-faq-page
.egert-faq-bottom {
    display:flex !important;

    align-items:center !important;
    justify-content:space-between !important;

    gap:30px !important;

    margin-top:
        46px !important;

    padding-top:
        27px !important;

    border-top:
        1px solid var(--eg-line) !important;
}


#egert-faq-page
.egert-faq-bottom-text {
    display:flex !important;

    align-items:center !important;

    gap:14px !important;

    margin:0 !important;

    color:
        var(--eg-text) !important;

    font-size:14px !important;
}


#egert-faq-page
.egert-faq-bottom-dot {
    width:10px !important;
    height:10px !important;

    flex-shrink:0 !important;

    border-radius:50% !important;

    background:
        var(--eg-orange) !important;
}


#egert-faq-page
.egert-faq-bottom-link {
    min-height:49px !important;

    padding:
        0
        21px !important;

    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

    background:
        var(--eg-green) !important;

    border:
        1px solid var(--eg-green) !important;

    color:#fff !important;

    font-size:12px !important;

    font-weight:700 !important;

    text-decoration:none !important;

    transition:
        .22s ease !important;
}


#egert-faq-page
.egert-faq-bottom-link:hover {
    background:
        var(--eg-orange) !important;

    border-color:
        var(--eg-orange) !important;

    transform:
        translateY(-2px) !important;
}


/* TABLET */

@media(max-width:1024px) {

    #egert-faq-page
    .egert-faq-inner {
        width:
            calc(100% - 50px) !important;

        padding:
            85px
            0
            90px !important;
    }


    #egert-faq-page
    .egert-faq-top {
        grid-template-columns:
            1fr !important;

        gap:
            24px !important;

        margin-bottom:
            48px !important;
    }

}


/* MOBILE */

@media(max-width:767px) {

    #egert-faq-page
    .egert-faq-inner {
        width:
            calc(100% - 34px) !important;

        padding:
            65px
            0
            70px !important;
    }


    #egert-faq-page
    .egert-faq-title {
        font-size:
            42px !important;

        line-height:
            1.02 !important;

        letter-spacing:
            -2px !important;
    }


    #egert-faq-page
    .egert-faq-question {
        min-height:
            76px !important;

        padding:
            20px
            62px
            20px
            17px !important;

        font-size:
            15px !important;
    }


    #egert-faq-page
    .egert-faq-plus {
        right:
            14px !important;

        width:
            34px !important;

        height:
            34px !important;
    }


    #egert-faq-page
    .egert-faq-answer-inner {
        padding:
            0
            18px
            24px
            20px !important;

        font-size:
            13px !important;
    }


    #egert-faq-page
    .egert-faq-bottom {
        display:block !important;
    }


    #egert-faq-page
    .egert-faq-bottom-link {
        width:100% !important;

        margin-top:
            20px !important;
    }

}


@media(prefers-reduced-motion:reduce) {

    #egert-faq-page *,
    #egert-faq-page *::before,
    #egert-faq-page *::after {
        transition:none !important;
    }

}
