/* =========================================================
   ISTOREA FAQ — v1.7.2
   Reference-matched luxury FAQ section
   Created and Designed by Kshitiz Jain
   ========================================================= */

.ixfaq-section,
.ixfaq-section *,
.ixfaq-section *::before,
.ixfaq-section *::after{
    box-sizing:border-box;
}

.ixfaq-section{
    --ixfaq-bg:#030303;
    --ixfaq-panel:#0F0F0F;
    --ixfaq-gold:#E1B94D;
    --ixfaq-white:#F3EFE8;
    --ixfaq-muted:#88827B;
    --ixfaq-line:rgba(255,255,255,.13);

    position:relative;

    width:100% !important;
    max-width:100% !important;

    margin:0 !important;

    padding:50px 0 38px !important;

    overflow:hidden !important;

    background:#000 !important;
    color:var(--ixfaq-white);

    isolation:isolate;
}

.ixfaq-shell{
    width:min(1500px,calc(100% - 48px));
    margin:0 auto;
}


/* =========================================================
   HEADING
   ========================================================= */

.ixfaq-head{
    width:min(1180px,100%);

    margin:
        0
        auto
        54px;

    text-align:center;

    opacity:0;
    transform:translateY(14px);

    transition:
        opacity .58s ease,
        transform .68s cubic-bezier(.2,.75,.2,1);
}

.ixfaq-section.is-visible .ixfaq-head{
    opacity:1;
    transform:none;
}

.ixfaq-head h2{
    margin:0 !important;

    color:var(--ixfaq-white) !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:
        clamp(
            48px,
            4.25vw,
            76px
        ) !important;

    font-weight:700 !important;

    line-height:.98 !important;

    letter-spacing:-.047em !important;

    text-transform:uppercase !important;
}

.ixfaq-head h2 span,
.ixfaq-head h2 em{
    display:inline;

    font-style:normal !important;
}

.ixfaq-head h2 span{
    color:var(--ixfaq-white) !important;
}

.ixfaq-head h2 em{
    margin-left:.12em;

    color:var(--ixfaq-gold) !important;
}

.ixfaq-subtitle{
    max-width:700px;

    margin:
        18px
        auto
        0
        !important;

    color:#504D49 !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:16px !important;

    font-weight:400 !important;

    line-height:1.45 !important;
}


/* =========================================================
   TWO COLUMN BODY
   ========================================================= */

.ixfaq-layout{
    width:100%;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        432px;

    gap:28px;

    align-items:start;
}


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

.ixfaq-list{
    width:100%;
    min-width:0;

    opacity:0;
    transform:translateY(10px);

    transition:
        opacity .62s ease .05s,
        transform .72s cubic-bezier(.2,.75,.2,1) .05s;
}

.ixfaq-section.is-visible .ixfaq-list{
    opacity:1;
    transform:none;
}

.ixfaq-item{
    width:100%;
    min-width:0;

    margin:
        0
        0
        14px
        !important;

    padding:0 !important;

    overflow:hidden !important;

    border:
        1px
        solid
        var(--ixfaq-line)
        !important;

    border-radius:20px !important;

    background:#101010 !important;

    box-shadow:none !important;

    transition:
        border-color .25s ease,
        background .25s ease;
}

.ixfaq-item:last-child{
    margin-bottom:0 !important;
}


/* HARD RESET AGAINST ELEMENTOR/OCEANWP BUTTON STYLES */

.ixfaq-section .ixfaq-question,
.ixfaq-section button.ixfaq-question,
.ixfaq-section .ixfaq-question:hover,
.ixfaq-section .ixfaq-question:focus,
.ixfaq-section .ixfaq-question:active{
    appearance:none !important;
    -webkit-appearance:none !important;

    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    min-height:64px !important;

    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        24px
        !important;

    align-items:center !important;

    gap:20px !important;

    margin:0 !important;

    padding:
        0
        25px
        !important;

    border:0 !important;

    border-radius:0 !important;

    outline:0 !important;

    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;

    box-shadow:none !important;

    color:var(--ixfaq-white) !important;

    text-align:left !important;

    text-decoration:none !important;

    text-transform:none !important;

    cursor:pointer !important;
}

.ixfaq-question-text{
    min-width:0;

    display:block;

    color:var(--ixfaq-white) !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:18px !important;

    font-weight:700 !important;

    line-height:1.28 !important;

    letter-spacing:-.012em !important;

    overflow-wrap:anywhere;
}


/* + / × ICON */

.ixfaq-icon{
    position:relative;

    width:20px !important;
    height:20px !important;

    display:block !important;

    margin:0 !important;

    padding:0 !important;

    border:0 !important;
    border-radius:0 !important;

    background:transparent !important;

    box-shadow:none !important;

    transform:none;

    transition:
        transform .25s ease;
}

.ixfaq-icon i,
.ixfaq-icon b{
    position:absolute;

    left:50%;
    top:50%;

    width:10px;
    height:1.5px;

    display:block;

    background:var(--ixfaq-gold);

    transform:
        translate(
            -50%,
            -50%
        );

    transition:
        opacity .18s ease,
        transform .22s ease;
}

.ixfaq-icon b{
    transform:
        translate(
            -50%,
            -50%
        )
        rotate(90deg);
}

.ixfaq-item.is-open .ixfaq-icon{
    transform:rotate(45deg);
}


/* OPEN STATE */

.ixfaq-item.is-open{
    border-color:
        rgba(255,255,255,.15)
        !important;

    background:#101010 !important;
}

.ixfaq-item.is-open .ixfaq-question{
    background:transparent !important;
}

.ixfaq-item.is-open .ixfaq-question-text{
    color:var(--ixfaq-white) !important;
}


/* ANSWER */

.ixfaq-answer-wrap{
    width:100%;
    min-width:0;

    overflow:hidden !important;
}

.ixfaq-answer-wrap[hidden]{
    display:none !important;
}

.ixfaq-answer{
    width:100%;

    padding:
        0
        65px
        24px
        25px
        !important;
}

.ixfaq-answer p{
    width:100%;
    max-width:880px;

    margin:0 !important;

    color:#8B8680 !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:16px !important;

    font-weight:400 !important;

    line-height:1.6 !important;

    overflow-wrap:anywhere;
}


/* =========================================================
   HELP PANEL
   ========================================================= */

.ixfaq-help{
    width:100%;

    margin:0 !important;

    padding:
        38px
        36px
        33px
        !important;

    border:
        1px
        solid
        var(--ixfaq-line)
        !important;

    border-radius:28px !important;

    background:#101010 !important;

    box-shadow:none !important;
}

.ixfaq-help-copy{
    display:block !important;
}

.ixfaq-help-copy h3{
    margin:0 !important;

    color:var(--ixfaq-white) !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:24px !important;

    font-weight:700 !important;

    line-height:1.12 !important;

    text-transform:uppercase !important;
}

.ixfaq-help-copy p{
    margin:
        18px
        0
        0
        !important;

    color:#7A756F !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:16px !important;

    font-weight:400 !important;

    line-height:1.55 !important;
}

.ixfaq-actions{
    width:100%;

    margin:
        32px
        0
        0
        !important;

    display:grid !important;

    grid-template-columns:1fr !important;

    gap:12px !important;
}

.ixfaq-section .ixfaq-btn{
    width:100% !important;

    min-height:48px !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    margin:0 !important;

    padding:
        0
        18px
        !important;

    border-radius:15px !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:13px !important;

    font-weight:700 !important;

    line-height:1 !important;

    letter-spacing:.16em !important;

    text-transform:uppercase !important;

    text-decoration:none !important;

    box-shadow:none !important;

    transition:
        transform .22s ease,
        background .22s ease,
        border-color .22s ease,
        color .22s ease;
}

.ixfaq-section .ixfaq-btn--gold{
    border:
        1px
        solid
        var(--ixfaq-gold)
        !important;

    background:var(--ixfaq-gold) !important;

    color:#070707 !important;
}

.ixfaq-section .ixfaq-btn--ghost{
    border:
        1px
        solid
        rgba(255,255,255,.16)
        !important;

    background:transparent !important;

    color:var(--ixfaq-white) !important;
}

.ixfaq-note{
    margin:
        22px
        0
        0
        !important;

    color:#5F5B56 !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:12px !important;

    font-weight:400 !important;

    line-height:1.45 !important;
}

.ixfaq-note span{
    color:#5F5B56 !important;

    font-weight:700 !important;
}


/* =========================================================
   HOVER
   ========================================================= */

@media
(hover:hover)
and
(pointer:fine){

    .ixfaq-item:hover{
        border-color:
            rgba(221,185,77,.27)
            !important;
    }

    .ixfaq-section .ixfaq-btn:hover{
        transform:
            translateY(
                -2px
            );
    }

    .ixfaq-section .ixfaq-btn--gold:hover{
        background:#EBC65C !important;
    }

    .ixfaq-section .ixfaq-btn--ghost:hover{
        border-color:
            rgba(221,185,77,.40)
            !important;

        color:var(--ixfaq-gold) !important;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media
(max-width:1180px)
and
(min-width:768px){

    .ixfaq-section{
        padding:
            44px
            0
            34px
            !important;
    }

    .ixfaq-shell{
        width:
            min(
                1080px,
                calc(100% - 34px)
            );
    }

    .ixfaq-head{
        margin-bottom:42px;
    }

    .ixfaq-head h2{
        font-size:
            clamp(
                40px,
                5vw,
                56px
            )
            !important;
    }

    .ixfaq-layout{
        grid-template-columns:
            minmax(0,1fr)
            340px;

        gap:22px;
    }

    .ixfaq-item{
        margin-bottom:12px !important;

        border-radius:18px !important;
    }

    .ixfaq-section .ixfaq-question{
        min-height:59px !important;

        padding:
            0
            21px
            !important;
    }

    .ixfaq-question-text{
        font-size:16px !important;
    }

    .ixfaq-answer{
        padding:
            0
            55px
            20px
            21px
            !important;
    }

    .ixfaq-answer p{
        font-size:14px !important;
    }

    .ixfaq-help{
        padding:
            30px
            27px
            27px
            !important;

        border-radius:24px !important;
    }

    .ixfaq-help-copy h3{
        font-size:21px !important;
    }

    .ixfaq-help-copy p{
        font-size:14px !important;
    }

    .ixfaq-section .ixfaq-btn{
        min-height:45px !important;

        font-size:11px !important;
    }

    .ixfaq-note{
        font-size:11px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media
(max-width:767px){

    .ixfaq-section{
        padding:
            22px
            0
            28px
            !important;
    }

    .ixfaq-shell{
        width:
            calc(
                100% - 18px
            )
            !important;

        max-width:none !important;
    }

    .ixfaq-head{
        width:100%;

        margin:
            0
            0
            53px
            !important;

        padding:
            0
            15px
            !important;

        text-align:left !important;
    }

    .ixfaq-head h2{
        max-width:490px;

        margin:0 !important;

        font-size:
            clamp(
                39px,
                10.3vw,
                55px
            )
            !important;

        line-height:.94 !important;

        letter-spacing:-.045em !important;
    }

    .ixfaq-head h2 span,
    .ixfaq-head h2 em{
        display:block !important;

        margin:0 !important;
    }

    .ixfaq-head h2 em{
        padding-left:20% !important;
    }

    .ixfaq-subtitle{
        max-width:470px;

        margin:
            28px
            0
            0
            !important;

        color:#625E59 !important;

        font-size:16px !important;

        line-height:1.45 !important;
    }

    .ixfaq-layout{
        display:block !important;
    }

    .ixfaq-list{
        width:100% !important;

        max-width:100% !important;

        min-width:0 !important;
    }

    .ixfaq-item{
        width:100% !important;

        max-width:100% !important;

        margin:
            0
            0
            16px
            !important;

        border-radius:20px !important;
    }

    .ixfaq-section .ixfaq-question,
    .ixfaq-section button.ixfaq-question,
    .ixfaq-section .ixfaq-question:hover,
    .ixfaq-section .ixfaq-question:focus,
    .ixfaq-section .ixfaq-question:active{
        width:100% !important;

        max-width:100% !important;

        min-width:0 !important;

        min-height:66px !important;

        grid-template-columns:
            minmax(0,1fr)
            24px
            !important;

        gap:15px !important;

        padding:
            0
            26px
            !important;

        background:transparent !important;

        background-image:none !important;
    }

    .ixfaq-question-text{
        font-size:18px !important;

        line-height:1.28 !important;
    }

    .ixfaq-answer{
        padding:
            0
            26px
            24px
            !important;
    }

    .ixfaq-answer p{
        max-width:none !important;

        font-size:16px !important;

        line-height:1.62 !important;
    }

    .ixfaq-help{
        width:100% !important;

        margin:
            28px
            0
            0
            !important;

        padding:
            36px
            26px
            29px
            !important;

        border-radius:28px !important;
    }

    .ixfaq-help-copy h3{
        font-size:25px !important;
    }

    .ixfaq-help-copy p{
        margin-top:17px !important;

        font-size:16px !important;
    }

    .ixfaq-actions{
        margin-top:32px !important;

        gap:13px !important;
    }

    .ixfaq-section .ixfaq-btn{
        min-height:50px !important;

        border-radius:14px !important;

        font-size:13px !important;
    }

    .ixfaq-note{
        margin-top:20px !important;

        font-size:12px !important;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media
(max-width:430px){

    .ixfaq-shell{
        width:
            calc(
                100% - 12px
            )
            !important;
    }

    .ixfaq-head{
        margin-bottom:44px !important;

        padding:
            0
            17px
            !important;
    }

    .ixfaq-head h2{
        font-size:
            clamp(
                34px,
                10.5vw,
                43px
            )
            !important;
    }

    .ixfaq-subtitle{
        margin-top:24px !important;

        font-size:14px !important;
    }

    .ixfaq-item{
        margin-bottom:14px !important;
    }

    .ixfaq-section .ixfaq-question{
        min-height:63px !important;

        padding:
            0
            22px
            !important;
    }

    .ixfaq-question-text{
        font-size:16px !important;
    }

    .ixfaq-answer{
        padding:
            0
            22px
            22px
            !important;
    }

    .ixfaq-answer p{
        font-size:14px !important;
    }

    .ixfaq-help{
        padding:
            31px
            23px
            27px
            !important;
    }

    .ixfaq-help-copy h3{
        font-size:22px !important;
    }

    .ixfaq-help-copy p{
        font-size:14px !important;
    }

    .ixfaq-section .ixfaq-btn{
        min-height:48px !important;

        font-size:11px !important;
    }

    .ixfaq-note{
        font-size:11px !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .ixfaq-head,
    .ixfaq-list,
    .ixfaq-item,
    .ixfaq-icon,
    .ixfaq-btn{
        transition:none !important;
    }

    .ixfaq-head,
    .ixfaq-list{
        opacity:1 !important;

        transform:none !important;
    }
}


/* =========================================================
   v1.7.3 — MOBILE FAQ HEADING REFINEMENT
   Keeps the approved section intact; only fixes title wrapping.
   ========================================================= */

@media (max-width:767px){

    .ixfaq-head{
        overflow:visible !important;
    }

    .ixfaq-head h2{
        width:100% !important;
        max-width:100% !important;

        overflow:visible !important;

        word-break:normal !important;
        overflow-wrap:normal !important;
        hyphens:none !important;
    }

    .ixfaq-head h2 span{
        display:block !important;

        width:100% !important;
        max-width:100% !important;

        white-space:normal !important;

        color:var(--ixfaq-white) !important;
    }

    .ixfaq-head h2 em{
        display:block !important;

        width:max-content !important;
        max-width:86% !important;

        margin-top:4px !important;
        margin-left:14% !important;

        padding-left:0 !important;

        white-space:nowrap !important;

        font-size:.88em !important;
        line-height:.94 !important;
        letter-spacing:-.055em !important;

        color:var(--ixfaq-gold) !important;
    }
}

@media (max-width:430px){

    .ixfaq-head{
        padding-left:15px !important;
        padding-right:15px !important;
    }

    .ixfaq-head h2{
        font-size:clamp(33px,9.6vw,40px) !important;
        line-height:.96 !important;
    }

    .ixfaq-head h2 em{
        max-width:88% !important;

        margin-left:12% !important;

        font-size:.86em !important;

        letter-spacing:-.06em !important;
    }
}

@media (max-width:360px){

    .ixfaq-head h2{
        font-size:32px !important;
    }

    .ixfaq-head h2 em{
        margin-left:9% !important;
        font-size:.84em !important;
    }
}


/* =========================================================
   v1.7.4 — STRICT TWO-LINE MOBILE FAQ HEADING
   ========================================================= */

@media (max-width:767px){
    .ixfaq-head{
        text-align:center !important;
        padding-left:14px !important;
        padding-right:14px !important;
        margin-bottom:34px !important;
    }

    .ixfaq-head h2{
        width:100% !important;
        max-width:100% !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        gap:2px !important;
        font-size:clamp(26px,8.7vw,42px) !important;
        line-height:.94 !important;
        letter-spacing:-.045em !important;
    }

    .ixfaq-head h2 span{
        display:block !important;
        width:auto !important;
        max-width:100% !important;
        white-space:nowrap !important;
        text-align:center !important;
        line-height:.95 !important;
        letter-spacing:-.048em !important;
    }

    .ixfaq-head h2 em{
        display:block !important;
        width:auto !important;
        max-width:100% !important;
        margin:0 !important;
        padding:0 !important;
        white-space:nowrap !important;
        text-align:center !important;
        font-size:.92em !important;
        line-height:.9 !important;
        letter-spacing:-.05em !important;
    }

    .ixfaq-subtitle{
        max-width:100% !important;
        margin:18px auto 0 !important;
        text-align:center !important;
        font-size:13px !important;
        line-height:1.5 !important;
    }
}

@media (max-width:430px){
    .ixfaq-head h2{
        font-size:clamp(25px,8.5vw,36px) !important;
        gap:1px !important;
    }

    .ixfaq-head h2 span{
        letter-spacing:-.052em !important;
    }

    .ixfaq-head h2 em{
        font-size:.91em !important;
    }
}

@media (max-width:360px){
    .ixfaq-head{
        padding-left:10px !important;
        padding-right:10px !important;
    }

    .ixfaq-head h2{
        font-size:25px !important;
    }

    .ixfaq-subtitle{
        font-size:12px !important;
    }
}
