html.cfw-modal-open{
    overflow:hidden;
}

.cfw-wa-float{
    position:fixed;
    right:22px;
    bottom:22px;
    z-index:99980;
    width:62px;
    height:62px;
    border:0;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#25D366;
    color:#fff;
    cursor:pointer;
    box-shadow:
        0 14px 35px
        rgba(0,0,0,.22);
    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.cfw-wa-float:hover{
    transform:
        translateY(-3px);
    box-shadow:
        0 18px 40px
        rgba(0,0,0,.26);
}

.cfw-wa-float svg{
    width:34px;
    height:34px;
    fill:currentColor;
}

.cfw-lead-modal[hidden]{
    display:none!important;
}

.cfw-lead-modal{
    position:fixed;
    inset:0;
    z-index:99999;
    display:grid;
    place-items:center;
    padding:20px;
}

.cfw-lead-backdrop{
    position:absolute;
    inset:0;
    background:
        rgba(
            9,
            18,
            28,
            .74
        );
    backdrop-filter:
        blur(5px);
}

.cfw-lead-dialog{
    position:relative;
    z-index:1;
    width:min(
        100%,
        570px
    );
    max-height:
        calc(
            100vh
            -
            40px
        );
    overflow:auto;
    padding:
        clamp(
            26px,
            5vw,
            42px
        );
    border-radius:24px;
    background:#fff;
    color:#101828;
    box-shadow:
        0 30px 90px
        rgba(
            0,
            0,
            0,
            .28
        );
}

.cfw-lead-close{
    position:absolute;
    top:16px;
    right:18px;
    width:38px;
    height:38px;
    border:0;
    border-radius:50%;
    background:#f1f4f6;
    color:#101828;
    font-size:25px;
    line-height:1;
    cursor:pointer;
}

.cfw-lead-kicker{
    display:block;
    margin-bottom:12px;
    color:#1f6678;
    font-size:11px;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.cfw-lead-dialog h2{
    margin:
        0
        38px
        12px
        0;
    font-size:
        clamp(
            28px,
            5vw,
            39px
        );
    line-height:1.07;
    letter-spacing:-.035em;
}

.cfw-lead-dialog > p{
    margin:
        0
        0
        24px;
    color:#607080;
}

.cfw-lead-form label{
    display:block;
    margin-top:15px;
}

.cfw-lead-form label > span{
    display:block;
    margin-bottom:6px;
    font-size:13px;
    font-weight:800;
}

.cfw-lead-form input,
.cfw-lead-form select{
    width:100%;
    min-height:46px;
    padding:11px 12px;
    border:
        1px solid
        #cbd5dc;
    border-radius:10px;
    background:#fff;
    color:#101828;
    font:inherit;
}

.cfw-lead-two{
    display:grid;
    grid-template-columns:
        repeat(
            2,
            minmax(
                0,
                1fr
            )
        );
    gap:12px;
}

.cfw-lead-submit,
.cfw-lead-wa{
    width:100%;
    min-height:50px;
    margin-top:20px;
    border:0;
    border-radius:11px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#101828;
    color:#fff!important;
    font:inherit;
    font-weight:800;
    text-decoration:none;
    cursor:pointer;
}

.cfw-lead-wa{
    background:#25D366;
}

.cfw-lead-form small{
    display:block;
    margin-top:10px;
    color:#748391;
    font-size:11px;
    line-height:1.5;
    text-align:center;
}

.cfw-lead-error{
    margin:
        12px
        0
        0;
    padding:10px 12px;
    border-radius:9px;
    background:#fff0f0;
    color:#b42318;
    font-size:13px;
}

.cfw-lead-success{
    padding-top:8px;
    text-align:center;
}

.cfw-lead-success h3{
    font-size:26px;
    margin-bottom:8px;
}

.cfw-lead-success p{
    color:#607080;
}

@media(max-width:600px){
    .cfw-lead-two{
        grid-template-columns:1fr;
        gap:0;
    }

    .cfw-wa-float{
        width:56px;
        height:56px;
        right:16px;
        bottom:16px;
    }

    .cfw-lead-dialog{
        padding:
            26px
            20px;
        border-radius:18px;
    }
}