.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-32cac61 *//*==================================================
CTA BLEU
==================================================*/

.cta-section{

    padding:0 0 90px;

    background:#ffffff;

}

.cta-box{

    background:linear-gradient(90deg,#1677FF 0%,#1E88FF 50%,#0D63E8 100%);

    border-radius:20px;

    padding:32px 45px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:40px;

    position:relative;

    overflow:hidden;

    box-shadow:

    0 25px 60px rgba(22,119,255,.22);

}

/*==================================================
EFFET LUMIERE
==================================================*/

.cta-box::before{

    content:"";

    position:absolute;

    width:380px;

    height:380px;

    border-radius:50%;

    background:rgba(255,255,255,.08);

    left:-140px;

    top:-160px;

}

.cta-box::after{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    border-radius:50%;

    background:rgba(255,255,255,.05);

    right:-100px;

    bottom:-120px;

}

/*==================================================
GAUCHE
==================================================*/

.cta-left{

    display:flex;

    align-items:center;

    gap:22px;

    position:relative;

    z-index:2;

}

.cta-icon{

    width:72px;

    height:72px;

    min-width:72px;

    border-radius:18px;

    background:rgba(255,255,255,.14);

    display:flex;

    justify-content:center;

    align-items:center;

    backdrop-filter:blur(8px);

}

.cta-icon svg{

    stroke:#FFF;

}

.cta-left h3{

    color:#FFF;

    font-size:34px;

    font-weight:800;

    margin:0 0 8px;

    line-height:1.15;

}

.cta-left p{

    color:rgba(255,255,255,.88);

    font-size:18px;

    margin:0;

}

/*==================================================
BOUTON
==================================================*/

.cta-btn{

    position:relative;

    z-index:2;

    display:inline-flex;

    justify-content:center;

    align-items:center;

    min-width:270px;

    height:64px;

    padding:0 36px;

    background:#FFFFFF;

    color:#1677FF;

    border-radius:14px;

    text-decoration:none;

    font-size:15px;

    font-weight:800;

    letter-spacing:.6px;

    text-transform:uppercase;

    transition:.35s;

    box-shadow:

    0 12px 30px rgba(0,0,0,.12);

}

.cta-btn:hover{

    background:#F7F9FC;

    transform:translateY(-4px);

    box-shadow:

    0 20px 40px rgba(0,0,0,.18);

}

/*==================================================
ANIMATION
==================================================*/

.cta-box{

    transition:.35s;

}

.cta-box:hover{

    transform:translateY(-4px);

    box-shadow:

    0 35px 70px rgba(22,119,255,.28);

}

.cta-icon{

    transition:.35s;

}

.cta-box:hover .cta-icon{

    transform:rotate(-8deg) scale(1.08);

}

/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:1024px){

    .cta-box{

        flex-direction:column;

        align-items:flex-start;

        padding:35px;

    }

    .cta-btn{

        width:100%;

        min-width:100%;

    }

}

@media(max-width:768px){

    .cta-section{

        padding:0 0 70px;

    }

    .cta-box{

        padding:28px 22px;

        border-radius:18px;

    }

    .cta-left{

        gap:18px;

        align-items:flex-start;

    }

    .cta-icon{

        width:60px;

        height:60px;

        min-width:60px;

    }

    .cta-left h3{

        font-size:24px;

        line-height:1.25;

    }

    .cta-left p{

        font-size:15px;

        line-height:1.6;

    }

    .cta-btn{

        height:58px;

        font-size:14px;

    }

}/* End custom CSS */