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


/* =========================================================
   VARIABLES
========================================================= */

.zb-thanks{
    --blue:#17384f;
    --orange:#ff571c;
    --cream:#f4eee6;
    --white:#fbfaf7;
    --text:#647c8a;

    width:100%;

    overflow:hidden;

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

    background:#fbfaf7;
}


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

.zb-thanks,
.zb-thanks *,
.zb-thanks *::before,
.zb-thanks *::after{
    box-sizing:border-box;
}


/* =========================================================
   HERO
========================================================= */

.zb-thanks__hero{
    position:relative;

    min-height:650px;

    display:flex;

    align-items:center;

    overflow:hidden;

    padding:
        75px
        0
        90px;

    background:
        radial-gradient(
            circle at 88% 10%,
            rgba(255,87,28,.07),
            transparent 30%
        ),
        linear-gradient(
            115deg,
            #fbfaf7 0%,
            #f4eee6 100%
        );
}


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

.zb-thanks__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:
        90px
        90px;
}


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

.zb-thanks__container{
    position:relative;

    z-index:2;

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

    margin:0 auto;
}


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

.zb-thanks__symbol{
    position:absolute;

    top:0;
    right:0;

    width:125px;
    height:125px;
}


.zb-thanks__square{
    position:relative;

    z-index:2;

    width:98px;
    height:98px;

    display:flex;

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

    background:var(--blue);

    color:#fff;

    border-radius:20px;

    transform:
        rotate(-4deg);

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


.zb-thanks__square svg{
    width:59px;
    height:59px;

    transform:
        rotate(4deg);
}


/* ORANGE OFFSET SQUARE */

.zb-thanks__accent{
    position:absolute;

    z-index:1;

    width:82px;
    height:82px;

    right:3px;
    bottom:5px;

    background:var(--orange);

    border-radius:17px;

    transform:
        rotate(8deg);
}


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

.zb-thanks__label{
    display:flex;

    align-items:center;

    gap:15px;

    margin-bottom:31px;
}


.zb-thanks__label > span{
    width:40px;
    height:2px;

    flex:0 0 40px;

    background:var(--orange);
}


.zb-thanks__label small{
    color:#748a97;

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

    font-size:13px;

    font-weight:800;

    line-height:1;

    letter-spacing:.17em;
}


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

.zb-thanks__title{
    width:fit-content;

    margin:0;

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

    font-size:
        clamp(56px,5.8vw,88px);

    font-weight:800;

    line-height:.9;

    letter-spacing:-.06em;
}


.zb-thanks__title > span{
    display:block;

    color:var(--blue);
}


.zb-thanks__title > strong{
    position:relative;

    display:block;

    width:fit-content;

    margin-top:8px;
    margin-left:
        clamp(40px,4vw,62px);

    color:var(--orange);

    font-weight:800;
}


/* SQUARE DOT */

.zb-thanks__dot{
    position:absolute;

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

    bottom:.08em;

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

    background:var(--blue);
}


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

.zb-thanks__content{
    position:relative;

    max-width:650px;

    margin-top:38px;

    padding-left:22px;
}


.zb-thanks__content::before{
    content:"";

    position:absolute;

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

    width:2px;

    background:var(--orange);
}


.zb-thanks__content p{
    margin:
        0
        0
        7px;

    color:var(--text);

    font-size:17px;

    line-height:1.65;
}


.zb-thanks__content p:last-child{
    margin-bottom:0;
}


.zb-thanks__content .zb-thanks__lead{
    color:var(--blue);

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

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

    font-weight:700;
}


.zb-thanks__content strong{
    color:var(--blue);

    font-weight:700;
}


/* =========================================================
   CONTINUE VISIT
========================================================= */

.zb-thanks__continue{
    display:flex;

    align-items:flex-start;

    gap:18px;

    margin-top:42px;
}


.zb-thanks__continue-line{
    width:35px;
    height:2px;

    flex:0 0 35px;

    margin-top:12px;

    background:
        rgba(23,56,79,.22);
}


.zb-thanks__continue p{
    margin:
        0
        0
        7px;

    color:#748a97;

    font-size:14px;

    line-height:1.5;
}


/* =========================================================
   EDITORIAL LINK
========================================================= */

.zb-thanks__continue a{
    display:inline-flex;

    align-items:center;

    gap:11px;

    color:var(--blue);

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

    font-size:17px;

    font-weight:800;

    transition:
        color .25s ease;
}


.zb-thanks__continue a span{
    position:relative;
}


.zb-thanks__continue a span::after{
    content:"";

    position:absolute;

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

    height:2px;

    background:var(--orange);

    transform-origin:left;

    transform:
        scaleX(.35);

    transition:
        transform .3s ease;
}


.zb-thanks__continue a svg{
    width:32px;
    height:auto;

    overflow:visible;

    transition:
        transform .3s ease;
}


.zb-thanks__continue a path{
    fill:var(--orange);

    stroke:var(--orange);

    stroke-width:.5;

    stroke-linejoin:round;
}


.zb-thanks__continue a:hover{
    color:var(--orange);
}


.zb-thanks__continue a:hover span::after{
    transform:
        scaleX(1);
}


.zb-thanks__continue a:hover svg{
    transform:
        translate(5px,-2px)
        rotate(-4deg);
}


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

@media(max-width:850px){

    .zb-thanks__container{
        width:
            calc(100% - 50px);
    }


    .zb-thanks__symbol{
        width:100px;
        height:100px;
    }


    .zb-thanks__square{
        width:78px;
        height:78px;

        border-radius:17px;
    }


    .zb-thanks__square svg{
        width:47px;
        height:47px;
    }


    .zb-thanks__accent{
        width:66px;
        height:66px;
    }

}


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

@media(max-width:600px){

    .zb-thanks__hero{
        min-height:auto;

        align-items:flex-start;

        padding:
            50px
            0
            70px;
    }


    .zb-thanks__grid{
        background-size:
            58px
            58px;
    }


    .zb-thanks__container{
        width:
            calc(100% - 32px);
    }


    /* CHECK PAS EN ABSOLUTE SUR MOBILE */

    .zb-thanks__symbol{
        position:relative;

        top:auto;
        right:auto;

        width:84px;
        height:84px;

        margin:
            0
            0
            37px
            auto;
    }


    .zb-thanks__square{
        width:66px;
        height:66px;

        border-radius:14px;
    }


    .zb-thanks__square svg{
        width:40px;
        height:40px;
    }


    .zb-thanks__accent{
        width:55px;
        height:55px;

        border-radius:12px;
    }


    /* LABEL */

    .zb-thanks__label{
        gap:11px;

        margin-bottom:24px;
    }


    .zb-thanks__label > span{
        width:28px;

        flex-basis:28px;
    }


    .zb-thanks__label small{
        font-size:10px;
    }


    /* TITLE */

    .zb-thanks__title{
        font-size:
            clamp(42px,12vw,56px);
    }


    .zb-thanks__title > strong{
        margin-left:
            clamp(23px,7vw,35px);
    }


    /* CONTENT */

    .zb-thanks__content{
        margin-top:29px;

        padding-left:16px;
    }


    .zb-thanks__content p{
        font-size:15px;
    }


    .zb-thanks__content .zb-thanks__lead{
        font-size:17px;
    }


    /* CONTINUE */

    .zb-thanks__continue{
        margin-top:35px;

        gap:12px;
    }


    .zb-thanks__continue-line{
        width:24px;

        flex-basis:24px;
    }


    .zb-thanks__continue a{
        font-size:16px;
    }

}


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

@media(max-width:390px){

    .zb-thanks__container{
        width:
            calc(100% - 28px);
    }


    .zb-thanks__title{
        font-size:39px;
    }

}/* End custom CSS */