.elementor-426 .elementor-element.elementor-element-7a16122{--display:flex;}/* Start custom CSS for html, class: .elementor-element-21ae530 *//*Open modal header*/
/* Ultimate fix - force modal always above header when open */
.cqhiw-modal.open,
.cqhiw-modal.open .cqhiw-backdrop,
.cqhiw-modal.open .cqhiw-modal-box {
    transform: translateZ(999999px);
    z-index: 999999999 !important;
}

.cqhiw-modal.open .cqhiw-backdrop {
    z-index: 999999998 !important;
}

/* Target sticky header specifically */
.elementor-location-header.custom-sticky {
    z-index: 100 !important;
}

/* When modal is open, override header's inline styles */
body:has(.cqhiw-modal.open) .elementor-location-header.custom-sticky,
body:has(.cqhiw-modal.open) .elementor-location-header[style*="position: fixed"] {
    z-index: 1 !important;
}
footer.aux-elementor-footer {
    z-index: 1!important;
}
/*close modal header*/

#confirmq-how-it-works *{
    box-sizing:border-box
}
#confirmq-how-it-works{
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    padding:80px 20px;
}
.cqhiw-wrap{
    margin:0 auto
}
.cqhiw-head{
    max-width:900px;
    margin:0 auto 28px;
    text-align:center
}
.cqhiw-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 18px;
    border-radius:999px;
    background:#ecfdf5;
    border:1px solid #c7f9dd;
    color:#047857;
    font-size:12px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
    margin-bottom:16px
}
.cqhiw-head h2{
    margin:0 0 16px;
    font-size:clamp(34px,4.8vw,62px);
    line-height:1.02;
    letter-spacing:-.045em;
    color:#2d2d33;
    font-weight:800
}
.cqhiw-head p{
    margin:0 auto;
    font-size:clamp(17px,1.7vw,21px);
    line-height:1.8;
    color:#64748b
}
.cqhiw-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    justify-content:center;
    margin-bottom:22px
}
.cqhiw-tab{
    border:1px solid #e4ece8;
    background:#fff;
    color:#475569;
    border-radius:16px;
    padding:14px 18px;
    min-height:54px;
    font-size:15px;
    font-weight:700;
    cursor:pointer;
    transition:all .2s ease;
    box-shadow:0 8px 18px rgba(15,23,42,.04)
}
.cqhiw-tab:hover{
    transform:translateY(-1px);
    color:#0f172a
}
.cqhiw-tab.active{
    color:#fff;
    border-color:transparent;
    background:linear-gradient(135deg,#111827 0%,#0f172a 60%,#0f766e 140%);
    box-shadow:0 16px 30px rgba(15,23,42,.18)
}
.cqhiw-card{
    background:rgba(255,255,255,.94);
    border:1px solid #e5efeb;
    border-radius:26px;
    box-shadow:0 24px 60px rgba(15,23,42,.08);
    padding:28px
}
.cqhiw-panel{
    display:none
}
.cqhiw-panel.active{
    display:block
}
.cqhiw-slide{
    display:none
}
.cqhiw-slide.active{
    display:block
}
.cqhiw-grid{
    display:grid;
    grid-template-columns:.95fr 1.1fr;
    gap:34px;
    align-items:center
}
.cqhiw-shot-frame{
    position:relative;
    width:100%;
    padding:0;
    border:1px solid #e5ece9;
    border-radius:22px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 16px 34px rgba(15,23,42,.07);
    cursor:zoom-in;
    transition:transform .2s ease,box-shadow .2s ease
}
.cqhiw-shot-frame:hover{
    transform:translateY(-2px);
    box-shadow:0 22px 38px rgba(15,23,42,.10)
}
.cqhiw-main-image{
    width:100%;
    display:block;
    height:auto
}
.cqhiw-enlarge-chip{
    position:absolute;
    top:16px;
    left:50%;
    transform:translateX(-50%);
    z-index:2;
    background:rgba(17,24,39,.92);
    color:#fff;
    font-size:13px;
    font-weight:700;
    padding:10px 14px;
    border-radius:12px;
    opacity:0;
    pointer-events:none;
    transition:opacity .2s ease,transform .2s ease;
    box-shadow:0 12px 26px rgba(15,23,42,.18);
    white-space:nowrap
}
.cqhiw-enlarge-chip:after{
    content:'';
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:-8px;
    width:0;
    height:0;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-top:8px solid rgba(17,24,39,.92)
}
.cqhiw-shot-frame:hover .cqhiw-enlarge-chip,.cqhiw-shot-frame:focus .cqhiw-enlarge-chip{
    opacity:1;
    transform:translateX(-50%) translateY(-2px)
}
.cqhiw-right h3{
    margin:0 0 12px;
    font-size:clamp(30px,3vw,42px);
    line-height:1.08;
    letter-spacing:-.04em;
    color:#0f766e;
    font-weight:800
}
.cqhiw-lead{
    margin:0 0 20px;
    color:#64748b;
    font-size:18px;
    line-height:1.85
}
.cqhiw-steps{
    display:grid;
    gap:14px;
    margin-bottom:20px
}
.cqhiw-step{
    display:grid;
    grid-template-columns:42px 1fr;
    gap:14px;
    align-items:start;
    padding:10px 0;
    border-bottom:1px dashed #deebe6
}
.cqhiw-step:last-child{
    border-bottom:0
}
.cqhiw-step span{
    width:42px;
    height:42px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#22c55e,#0d9488);
    color:#fff;
    font-size:15px;
    font-weight:800;
    box-shadow:0 12px 24px rgba(16,185,129,.22)
}
.cqhiw-step strong{
    display:block;
    margin-bottom:5px;
    font-size:17px;
    color:#111827
}
.cqhiw-step p{
    margin:0;
    color:#64748b;
    font-size:15px;
    line-height:1.75
}
.cqhiw-highlight{
    border:1px solid #c8f5db;
    background:linear-gradient(135deg,#ecfdf5,#f7fffb);
    border-radius:18px;
    padding:16px 18px
}
.cqhiw-highlight strong{
    display:block;
    margin-bottom:6px;
    font-size:15px;
    color:#065f46
}
.cqhiw-highlight p{
    margin:0;
    color:#166534;
    font-size:14px;
    line-height:1.75
}
.cqhiw-nav{
    margin-top:22px;
    display:flex;
    ex; */
    /* align-items:center; */
    justify-content: space-between;
    gap:16px;
    justify-content: end;
    align-items: center;
    width: 53%;
    margin-left: auto;
}
.cqhiw-arrow{
    border:1px solid #e2e8f0;
    background:#f8fafc;
    color:#334155;
    border-radius:14px;
    padding:12px 18px;
    font-size:15px;
    font-weight:700;
    cursor:pointer;
    transition:all .2s ease
}
.cqhiw-arrow:hover{
    background:#fff
}
.cqhiw-arrow:disabled{
    opacity:.45;
    cursor:not-allowed
}
.cqhiw-dots{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    flex:1;
}
.cqhiw-dot{
    width:10px;
    height:10px;
    border-radius:999px;
    background:#cbd5e1;
    transition:all .2s ease;
    border:0;
    cursor:pointer
}
.cqhiw-dot.active{
    width:12px;
    height:12px;
    background:#0d9488
}
.cqhiw-modal{
    position:fixed;
    inset:0;
    z-index:9999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:24px
}
.cqhiw-modal.open{
    display:flex
}
.cqhiw-backdrop{
    position:absolute;
    inset:0;
    background:rgba(15,23,42,.72);
    backdrop-filter:blur(4px)
}
.cqhiw-modal-box{
    position:relative;
    z-index:1;
    max-height:92vh;
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 30px 80px rgba(15,23,42,.35);
    border:1px solid rgba(255,255,255,.2)
}
.cqhiw-modal-topbar{
    padding:16px 20px;
    border-bottom:1px solid #e5ece9;
    background:linear-gradient(180deg,#ffffff,#f8fafc)
}
.cqhiw-modal-topbar strong{
    font-size:16px;
    color:#0f172a
}
.cqhiw-modal-close{
    position: absolute;
    top: 7px;
    right: 14px;
    z-index: 2;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    border: 0;
    background: #111827;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    box-shadow: 0 10px 20px rgba(15, 23, 42, .22);
    display: flex;
    justify-content: center;
    align-items: center;
}
.cqhiw-modal-image-wrap{
    max-height:calc(92vh - 70px);
    overflow:auto;
    background:#f8fafc
}
.cqhiw-modal-image-wrap img{
    display:block;
    width:100%;
    height:auto
}
@media (max-width:980px){
    .cqhiw-grid{
        grid-template-columns:1fr
    }
}
@media (max-width:720px){
    #confirmq-how-it-works{
        padding:64px 14px
    }
    .cqhiw-card{
        padding:18px
    }
    .cqhiw-tabs{
        flex-wrap:nowrap;
        overflow-x:auto;
        justify-content:flex-start;
        padding-bottom:6px
    }
    .cqhiw-tab{
        flex:0 0 auto;
        white-space:nowrap
    }
    .cqhiw-nav{
        flex-wrap:wrap
    }
    .cqhiw-arrow{
        flex:1
    }
    .cqhiw-modal{
        padding:12px
    }
    .cqhiw-enlarge-chip{
        font-size:12px;
        padding:8px 12px
    }
}/* End custom CSS */