.elementor-657 .elementor-element.elementor-element-ee3caf8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-1ebe773 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Roboto:wght@400;500;600;700&display=swap');


:root{
    --zs-blue:#17384f;
    --zs-orange:#ff571c;

    --zs-light:#fbfaf7;
    --zs-beige:#f4eee6;

    --zs-text:#647c8a;

    --zs-line:rgba(23,56,79,.11);
}


/* =========================================================
   RESET
========================================================= */

.zs-page,
.zs-page *,
.zs-page *::before,
.zs-page *::after{
    box-sizing:border-box;
}


.zs-page{
    width:100%;

    overflow:hidden;

    background:var(--zs-light);

    color:var(--zs-blue);

    font-family:"Roboto",sans-serif;
}


.zs-page a{
    text-decoration:none;
}


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

.zs-container{
    position:relative;

    z-index:2;

    width:min(
        1040px,
        calc(100% - 90px)
    );

    margin:0 auto;
}


/* =========================================================
   SUCCESS SECTION
========================================================= */

.zs-success{
    position:relative;

    min-height:
        clamp(620px,72vh,760px);

    display:flex;

    align-items:center;

    overflow:hidden;

    padding:
        clamp(65px,6vw,90px)
        0
        clamp(75px,7vw,100px);

    background:
        radial-gradient(
            circle at 90% 8%,
            rgba(255,87,28,.065),
            transparent 30%
        ),
        linear-gradient(
            115deg,
            var(--zs-light),
            var(--zs-beige)
        );
}


/* =========================================================
   GRID BACKGROUND
========================================================= */

.zs-success__grid{
    position:absolute;

    inset:0;

    pointer-events:none;

    background-image:
        linear-gradient(
            rgba(23,56,79,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(23,56,79,.025) 1px,
            transparent 1px
        );

    background-size:
        92px
        92px;
}


/* =========================================================
   CHECK
========================================================= */

.zs-check{
    position:absolute;

    top:0;
    right:0;

    width:132px;
    height:132px;
}


.zs-check__main{
    position:relative;

    z-index:2;

    width:102px;
    height:102px;

    display:flex;

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

    border-radius:20px;

    background:var(--zs-blue);

    color:#fff;

    transform:
        rotate(-4deg);

    box-shadow:
        0 18px 38px
        rgba(23,56,79,.13);
}


.zs-check__main svg{
    width:60px;
    height:60px;

    transform:
        rotate(4deg);
}


.zs-check__accent{
    position:absolute;

    right:3px;
    bottom:5px;

    z-index:1;

    width:84px;
    height:84px;

    border-radius:17px;

    background:var(--zs-orange);

    transform:
        rotate(8deg);
}


/* =========================================================
   LABEL
========================================================= */

.zs-label{
    display:flex;

    align-items:center;

    gap:16px;

    margin-bottom:
        clamp(30px,3vw,42px);
}


.zs-label > span{
    width:42px;
    height:2px;

    flex:0 0 42px;

    background:var(--zs-orange);
}


.zs-label small{
    color:#748a97;

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

    font-size:14px;

    font-weight:800;

    line-height:1;

    letter-spacing:.17em;

    text-transform:uppercase;
}


/* =========================================================
   TITLE
========================================================= */

.zs-title{
    width:fit-content;

    max-width:100%;

    margin:0;

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

    font-size:
        clamp(58px,5.7vw,90px);

    font-weight:800;

    line-height:.88;

    letter-spacing:-.06em;
}


.zs-title > span{
    display:block;

    color:var(--zs-blue);
}


.zs-title > strong{
    position:relative;

    display:block;

    width:fit-content;

    margin-top:8px;

    margin-left:
        clamp(38px,4vw,64px);

    color:var(--zs-orange);

    font-weight:800;
}


/* =========================================================
   TITLE DOT
========================================================= */

.zs-title__dot{
    position:absolute;

    left:
        calc(100% + .11em);

    bottom:.08em;

    width:.14em;
    height:.14em;

    background:var(--zs-blue);
}


/* =========================================================
   MESSAGE
========================================================= */

.zs-message{
    position:relative;

    max-width:780px;

    margin-top:
        clamp(34px,3.5vw,48px);

    padding-left:22px;
}


.zs-message::before{
    content:"";

    position:absolute;

    left:0;
    top:3px;
    bottom:3px;

    width:2px;

    background:var(--zs-orange);
}


.zs-message p{
    margin:
        0
        0
        13px;

    color:var(--zs-text);

    font-size:
        clamp(15px,1vw,17px);

    line-height:1.72;
}


.zs-message p:last-child{
    margin-bottom:0;
}


.zs-message__lead{
    color:var(--zs-blue) !important;

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

    font-size:
        clamp(18px,1.4vw,21px) !important;

    font-weight:700;

    line-height:1.5 !important;
}


.zs-message strong{
    color:var(--zs-blue);

    font-weight:700;
}


/* =========================================================
   EMAIL LINK
========================================================= */

.zs-message a{
    position:relative;

    display:inline-block;

    color:var(--zs-blue);

    font-weight:700;

    transition:
        color .25s ease;
}


.zs-message a::after{
    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:-2px;

    height:1px;

    background:var(--zs-orange);

    transform-origin:left;

    transform:
        scaleX(.35);

    transition:
        transform .25s ease;
}


.zs-message a:hover{
    color:var(--zs-orange);
}


.zs-message a:hover::after{
    transform:
        scaleX(1);
}


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

@media(max-width:850px){

    .zs-container{
        width:
            calc(100% - 50px);
    }


    .zs-check{
        width:105px;
        height:105px;
    }


    .zs-check__main{
        width:80px;
        height:80px;

        border-radius:17px;
    }


    .zs-check__main svg{
        width:48px;
        height:48px;
    }


    .zs-check__accent{
        width:67px;
        height:67px;
    }

}


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

@media(max-width:600px){

    .zs-success{
        min-height:auto;

        align-items:flex-start;

        padding:
            48px
            0
            70px;
    }


    .zs-success__grid{
        background-size:
            58px
            58px;
    }


    .zs-container{
        width:
            calc(100% - 32px);
    }


    /* CHECK */

    .zs-check{
        position:relative;

        top:auto;
        right:auto;

        width:84px;
        height:84px;

        margin:
            0
            0
            36px
            auto;
    }


    .zs-check__main{
        width:66px;
        height:66px;

        border-radius:14px;
    }


    .zs-check__main svg{
        width:40px;
        height:40px;
    }


    .zs-check__accent{
        width:55px;
        height:55px;

        border-radius:12px;
    }


    /* LABEL */

    .zs-label{
        gap:11px;

        margin-bottom:24px;
    }


    .zs-label > span{
        width:28px;

        flex-basis:28px;
    }


    .zs-label small{
        font-size:10px;
    }


    /* TITLE */

    .zs-title{
        font-size:
            clamp(40px,11vw,54px);
    }


    .zs-title > strong{
        margin-left:
            clamp(23px,7vw,34px);
    }


    /* MESSAGE */

    .zs-message{
        margin-top:28px;

        padding-left:16px;
    }


    .zs-message p{
        font-size:14px;

        line-height:1.68;
    }


    .zs-message__lead{
        font-size:17px !important;
    }

}


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

@media(max-width:390px){

    .zs-container{
        width:
            calc(100% - 28px);
    }


    .zs-title{
        font-size:38px;
    }

}/* End custom CSS */