.elementor-3453 .elementor-element.elementor-element-08584e2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0rem 1rem;--row-gap:0rem;--column-gap:1rem;--background-transition:0s;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 80px -40px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-3453 .elementor-element.elementor-element-08584e2:not(.elementor-motion-effects-element-type-background), .elementor-3453 .elementor-element.elementor-element-08584e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3453 .elementor-element.elementor-element-08584e2.e-con{--align-self:flex-end;}.elementor-3453 .elementor-element.elementor-element-a81f4ee{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3453 .elementor-element.elementor-element-a81f4ee.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3453 .elementor-element.elementor-element-e0f7f36{background-color:var( --e-global-color-text );border-radius:100px 100px 100px 100px;}.elementor-3453 .elementor-element.elementor-element-e0f7f36 img{width:55px;}.elementor-3453 .elementor-element.elementor-element-605a397{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3453 .elementor-element.elementor-element-605a397.e-con{--align-self:flex-start;}.elementor-3453 .elementor-element.elementor-element-bbcb87c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3453 .elementor-element.elementor-element-479b3aa{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0rem;--margin-bottom:2rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3453 .elementor-element.elementor-element-f9023e4{width:100%;max-width:100%;top:10px;}body:not(.rtl) .elementor-3453 .elementor-element.elementor-element-f9023e4{left:0px;}body.rtl .elementor-3453 .elementor-element.elementor-element-f9023e4{right:0px;}@media(max-width:767px){.elementor-3453 .elementor-element.elementor-element-08584e2{--width:fit-content;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3453 .elementor-element.elementor-element-e0f7f36 img{width:55px;}}@media(min-width:768px){.elementor-3453 .elementor-element.elementor-element-08584e2{--width:fit-content;}.elementor-3453 .elementor-element.elementor-element-a81f4ee{--width:100%;}.elementor-3453 .elementor-element.elementor-element-605a397{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-a81f4ee */.elementor-3453 .elementor-element.elementor-element-a81f4ee {
    width: max-content;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-605a397 */.elementor-3453 .elementor-element.elementor-element-605a397 {
    width: max-content;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08584e2 *//* 1. Conteneur parent */
.elementor-3453 .elementor-element.elementor-element-08584e2 {
    position: relative;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    display: flex !important;
    align-items: center;
    border-radius: 15px;
}

/* 2. fond bleu */
.elementor-3453 .elementor-element.elementor-element-08584e2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; 
    height: 100%;
    background-color: #2041CE; 
    transition: width 0.4s ease-in-out;
    z-index: -2;
    border-radius: 0;
}

/* 3. arc-en-ciel */
.elementor-3453 .elementor-element.elementor-element-08584e2::after {
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    width: 25px;
    height: 100%;
    background: linear-gradient(to right, 
        #00E1A1 0% 16.6%, 
        #2041CE 16.6% 33.3%, 
        #FE1367 33.3% 50%, 
        #FAA733 50% 66.6%, 
        #FFFF00 66.6% 83.3%, 
        #008000 83.3% 100%
    );
    transition: left 0.4s ease-in-out;
    z-index: -1;
    border-radius: 0 15px 15px 0;
    filter: blur(2px);
}

/* 4. fleche */
.elementor-element-19d60b1 {
    position: absolute !important;
    left: 0;
    bottom: 10%;
    z-index: 2;
    transition: all 0.4s ease-in-out !important;
}
.elementor-3453 .elementor-element.elementor-element-08584e2 .elementor-element-f9023e4 path{
    fill!importan: #3D4FE0;
    stroke: #3D4FE0;
}

/* 5. ACTIONS AU HOVER */

/* Fond bleu */
.elementor-3453 .elementor-element.elementor-element-08584e2:hover::before {
    width: 100%;
}

/* Arc-en-ciel  */
.elementor-3453 .elementor-element.elementor-element-08584e2:hover::after {
    left: 100%;
}

/* Fleche se déplace */
.elementor-3453 .elementor-element.elementor-element-08584e2:hover .elementor-element-f9023e4 {
    transform: translateY(-0%) translateX(185px);
}

/* Fleche sdevient blanche*/
.elementor-3453 .elementor-element.elementor-element-08584e2:hover .elementor-element-f9023e4 path{
    fill!importan: #fff;
    stroke: #fff;
}

/* Texte devient blanc */
.elementor-3453 .elementor-element.elementor-element-08584e2:hover p {
    color: #FFFFFF !important;
    transition: color 0.3s ease;
}/* End custom CSS */