.elementor-74 .elementor-element.elementor-element-c786639{--display:flex;--min-height:8vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:1.4s;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}.elementor-74 .elementor-element.elementor-element-c786639:not(.elementor-motion-effects-element-type-background), .elementor-74 .elementor-element.elementor-element-c786639 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2B369200;}.elementor-74 .elementor-element.elementor-element-c786639:hover{background-color:#C20F0F;}.elementor-74 .elementor-element.elementor-element-c786639 > .elementor-shape-top .elementor-shape-fill, .elementor-74 .elementor-element.elementor-element-c786639 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#FFFFFF00;}.elementor-74 .elementor-element.elementor-element-c786639 > .elementor-shape-top svg, .elementor-74 .elementor-element.elementor-element-c786639 > .e-con-inner > .elementor-shape-top svg{height:0px;}.elementor-74 .elementor-element.elementor-element-c786639 > .elementor-shape-bottom svg, .elementor-74 .elementor-element.elementor-element-c786639 > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:35px;}.elementor-74 .elementor-element.elementor-element-4850e4b6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:63px;--margin-bottom:63px;--margin-left:63px;--margin-right:63px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:5%;}.elementor-74 .elementor-element.elementor-element-4850e4b6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-cd02ebc{background-color:#FFEDED45;border-radius:30px 30px 30px 30px;text-align:left;}.elementor-74 .elementor-element.elementor-element-cd02ebc .elementor-heading-title{font-family:"Geist", Sans-serif;font-size:21px;font-weight:900;line-height:24px;color:#FFFFFF;}.elementor-74 .elementor-element.elementor-element-33e656a9{width:var( --container-widget-width, 99.652% );max-width:99.652%;padding:0% 0% 0% 0%;--container-widget-width:99.652%;--container-widget-flex-grow:0;text-align:left;}.elementor-74 .elementor-element.elementor-element-33e656a9.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-74 .elementor-element.elementor-element-33e656a9 .elementor-heading-title{font-family:"Geist", Sans-serif;font-size:65px;font-weight:900;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0em;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-74 .elementor-element.elementor-element-33e656a9 .elementor-heading-title a:hover, .elementor-74 .elementor-element.elementor-element-33e656a9 .elementor-heading-title a:focus{color:#ADA2A2;}.elementor-74 .elementor-element.elementor-element-33e656a9 .elementor-heading-title a{transition-duration:0.3s;}.elementor-74 .elementor-element.elementor-element-c9edc30{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-5e0747bb{width:var( --container-widget-width, 112.18% );max-width:112.18%;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;--container-widget-width:112.18%;--container-widget-flex-grow:0;text-align:left;font-family:"Geist", Sans-serif;font-size:23px;font-weight:800;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;word-spacing:0em;color:#FFFFFF;}.elementor-74 .elementor-element.elementor-element-5e0747bb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-74 .elementor-element.elementor-element-5e0747bb p{margin-bottom:8px;}.elementor-74 .elementor-element.elementor-element-b74cf7a{--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:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-b74cf7a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-74 .elementor-element.elementor-element-633223a .elementor-button{background-color:#000000;font-family:"Geist", Sans-serif;font-weight:800;text-transform:uppercase;text-shadow:0px 0px 100px rgba(0,0,0,0.3);fill:#FFFFFF;color:#FFFFFF;box-shadow:-6px -2px 30px 2px rgba(0,0,0,0.5);border-style:solid;border-width:1px 1px 1px 1px;border-color:#9779EB;border-radius:16px 16px 16px 16px;padding:30px 55px 30px 55px;}.elementor-74 .elementor-element.elementor-element-633223a{width:initial;max-width:initial;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-74 .elementor-element.elementor-element-633223a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-74 .elementor-element.elementor-element-633223a .elementor-button:hover, .elementor-74 .elementor-element.elementor-element-633223a .elementor-button:focus{color:#FFFFFF;}.elementor-74 .elementor-element.elementor-element-633223a .elementor-button:hover svg, .elementor-74 .elementor-element.elementor-element-633223a .elementor-button:focus svg{fill:#FFFFFF;}.elementor-74 .elementor-element.elementor-element-5775f300 .elementor-button{background-color:#FFFFFF;font-family:"Geist", Sans-serif;font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:0px;text-shadow:-11px 0px 24px rgba(0,0,0,0.3);fill:#000000;color:#000000;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;border-radius:16px 16px 16px 16px;padding:30px 55px 30px 55px;}.elementor-74 .elementor-element.elementor-element-5775f300 .elementor-button:hover, .elementor-74 .elementor-element.elementor-element-5775f300 .elementor-button:focus{background-color:#EBEDF1;color:#000000;}.elementor-74 .elementor-element.elementor-element-5775f300{width:initial;max-width:initial;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-74 .elementor-element.elementor-element-5775f300.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-74 .elementor-element.elementor-element-5775f300 .elementor-button:hover svg, .elementor-74 .elementor-element.elementor-element-5775f300 .elementor-button:focus svg{fill:#000000;}.elementor-74 .elementor-element.elementor-element-9b58a2f{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;--background-transition:0.3s;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);--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-74 .elementor-element.elementor-element-9b58a2f.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-74 .elementor-element.elementor-element-41cecdc .elementor-counter-title{justify-content:center;color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:900;}.elementor-74 .elementor-element.elementor-element-41cecdc .elementor-counter-number-wrapper{color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:21px;font-weight:900;line-height:24px;}.elementor-74 .elementor-element.elementor-element-3221423 .elementor-counter-title{justify-content:center;color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:17px;font-weight:800;}.elementor-74 .elementor-element.elementor-element-3221423 .elementor-counter-number-wrapper{color:#FFFFFF;}.elementor-74 .elementor-element.elementor-element-9407f2d .elementor-counter-title{justify-content:center;color:#FFFFFF;font-family:"Inter", Sans-serif;font-weight:800;}.elementor-74 .elementor-element.elementor-element-9407f2d .elementor-counter-number-wrapper{color:#FFFFFF;}.elementor-74 .elementor-element.elementor-element-71326a2{--display:flex;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-74 .elementor-element.elementor-element-b83bcdf{--divider-border-style:solid;--divider-color:#00000000;--divider-border-width:1px;}.elementor-74 .elementor-element.elementor-element-b83bcdf .elementor-divider-separator{width:100%;}.elementor-74 .elementor-element.elementor-element-b83bcdf .elementor-divider{padding-block-start:42px;padding-block-end:42px;}.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-74 .elementor-element.elementor-element-b211546{background-color:#02010100;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);text-align:left;}.elementor-74 .elementor-element.elementor-element-b211546.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-74 .elementor-element.elementor-element-b211546 img{width:100%;max-width:100%;filter:brightness( 95% ) contrast( 88% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-74 .elementor-element.elementor-element-ee77e73{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-74 .elementor-element.elementor-element-b52e8ac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-74 .elementor-element.elementor-element-b52e8ac:not(.elementor-motion-effects-element-type-background), .elementor-74 .elementor-element.elementor-element-b52e8ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F6FF00;}.elementor-74 .elementor-element.elementor-element-b52e8ac:hover{background-color:#FEF2F200;}.elementor-74 .elementor-element.elementor-element-17ad0e8{margin:-83px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-74 .elementor-element.elementor-element-d0ab164{--display:flex;}.elementor-74 .elementor-element.elementor-element-b8d38ef{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-74 .elementor-element.elementor-element-b8d38ef.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-74 .elementor-element.elementor-element-ca24463{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-74 .elementor-element.elementor-element-ca24463 .elementor-heading-title{font-family:"Geist", Sans-serif;font-size:62px;font-weight:900;line-height:24px;color:#000000;}.elementor-74 .elementor-element.elementor-element-b8e031e{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-74 .elementor-element.elementor-element-b8e031e .elementor-heading-title{font-family:"Geist", Sans-serif;font-size:21px;font-weight:900;line-height:24px;color:#000000;}.elementor-74 .elementor-element.elementor-element-a1e26af{--display:flex;--min-height:225px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.22;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-74 .elementor-element.elementor-element-a1e26af:not(.elementor-motion-effects-element-type-background), .elementor-74 .elementor-element.elementor-element-a1e26af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FC030300;}.elementor-74 .elementor-element.elementor-element-a1e26af::before, .elementor-74 .elementor-element.elementor-element-a1e26af > .elementor-background-video-container::before, .elementor-74 .elementor-element.elementor-element-a1e26af > .e-con-inner > .elementor-background-video-container::before, .elementor-74 .elementor-element.elementor-element-a1e26af > .elementor-background-slideshow::before, .elementor-74 .elementor-element.elementor-element-a1e26af > .e-con-inner > .elementor-background-slideshow::before, .elementor-74 .elementor-element.elementor-element-a1e26af > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF47;--background-overlay:'';}.elementor-74 .elementor-element.elementor-element-a1e26af > .elementor-shape-top .elementor-shape-fill, .elementor-74 .elementor-element.elementor-element-a1e26af > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#02010100;}.elementor-74 .elementor-element.elementor-element-a1e26af > .elementor-shape-bottom svg, .elementor-74 .elementor-element.elementor-element-a1e26af > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:23px;}.elementor-74 .elementor-element.elementor-element-4cb9413{width:100%;max-width:100%;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-b1276a4{--display:flex;--min-height:1120px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-74 .elementor-element.elementor-element-b1276a4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-74 .elementor-element.elementor-element-6a1bd50{--display:flex;}.elementor-74 .elementor-element.elementor-element-80fdb92{--display:flex;}.elementor-74 .elementor-element.elementor-element-f4d3f19{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-74 .elementor-element.elementor-element-3ee55b5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-74 .elementor-element.elementor-element-79b3f30{--display:flex;}.elementor-74 .elementor-element.elementor-element-433cfa2{--display:flex;}.elementor-74 .elementor-element.elementor-element-cded079{width:100%;max-width:100%;}.elementor-74 .elementor-element.elementor-element-18c0832{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-74 .elementor-element.elementor-element-289a9b1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-74 .elementor-element.elementor-element-b45ba62{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-74 .elementor-element.elementor-element-c8231fd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-74 .elementor-element.elementor-element-ea0a9b8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-74 .elementor-element.elementor-element-15465a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-74 .elementor-element.elementor-element-7ee212a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-74:not(.elementor-motion-effects-element-type-background), body.elementor-page-74 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-74 .elementor-element.elementor-element-c786639{--min-height:500px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-74 .elementor-element.elementor-element-4850e4b6{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:35%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-74 .elementor-element.elementor-element-33e656a9 .elementor-heading-title{font-size:42px;}.elementor-74 .elementor-element.elementor-element-5e0747bb{font-size:16px;}.elementor-74 .elementor-element.elementor-element-b74cf7a{--margin-top:10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-74 .elementor-element.elementor-element-9b58a2f{--grid-auto-flow:row;}.elementor-widget-counter .elementor-counter-number-wrapper{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:767px){.elementor-74 .elementor-element.elementor-element-c786639{--min-height:0vh;--margin-top:8%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-74 .elementor-element.elementor-element-4850e4b6{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-74 .elementor-element.elementor-element-33e656a9{text-align:center;}.elementor-74 .elementor-element.elementor-element-33e656a9 .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-74 .elementor-element.elementor-element-5e0747bb{text-align:center;font-size:14px;}.elementor-74 .elementor-element.elementor-element-b74cf7a{--margin-top:15%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-74 .elementor-element.elementor-element-633223a .elementor-button{padding:15px 35px 15px 35px;}.elementor-74 .elementor-element.elementor-element-5775f300 .elementor-button{padding:15px 35px 15px 35px;}.elementor-74 .elementor-element.elementor-element-9b58a2f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-counter .elementor-counter-number-wrapper{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(min-width:768px){.elementor-74 .elementor-element.elementor-element-4850e4b6{--width:29.391%;}.elementor-74 .elementor-element.elementor-element-b74cf7a{--width:49.64%;}.elementor-74 .elementor-element.elementor-element-9b58a2f{--width:150%;}.elementor-74 .elementor-element.elementor-element-b52e8ac{--width:100%;}.elementor-74 .elementor-element.elementor-element-b1276a4{--width:98.827%;}.elementor-74 .elementor-element.elementor-element-f4d3f19{--width:110%;}}@media(max-width:1024px) and (min-width:768px){.elementor-74 .elementor-element.elementor-element-4850e4b6{--width:100%;}.elementor-74 .elementor-element.elementor-element-b74cf7a{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-c786639 */.elementor-74 .elementor-element.elementor-element-c786639{ overflow:hidden; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-bc00462 *//* ===== Défis PME ===== */ .sme-challenges, .sme-challenges *{ box-sizing:border-box; } .sme-challenges{ background:#fff; font-family:'Poppins',sans-serif; color:#0f172a; } .sme-challenges .wrap{ max-width:1180px; margin:0 auto; padding:70px 20px 90px; } /* ---- Titre ---- */ .sme-challenges .head{ text-align:center; margin-bottom:36px; } .sme-challenges h2{ font-size:clamp(28px,5vw,42px); font-weight:900; letter-spacing:-.02em; position:relative; display:inline-block; } .sme-challenges .hl{ background:linear-gradient(90deg,#3b82f6,#a855f7,#ef4444); background-size:300% 300%; -webkit-background-clip:text; -webkit-text-fill-color:transparent; animation:gradFlow 8s ease infinite; } @keyframes gradFlow{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}} .sme-challenges .head p{ color:#475569; margin-top:16px; font-size:clamp(15px,2vw,18px); } /* ---- Grille ---- */ .sme-challenges .grid{ display:grid; gap:24px; grid-template-columns:1fr; } @media(min-width:960px){ .sme-challenges .grid{ grid-template-columns:repeat(3,1fr); } } /* ---- Carte ---- */ .sme-challenges .ccard{ position:relative; border-radius:20px; padding:28px 20px; text-align:center; background:rgba(255,255,255,.95); border:1px solid rgba(0,0,0,.08); box-shadow:0 18px 40px rgba(2,6,23,.08); backdrop-filter:blur(6px); opacity:0; transform:translateY(20px) scale(.98); animation:fadeUp .7s forwards; } .sme-challenges .ccard:nth-child(1){ animation-delay:.1s; } .sme-challenges .ccard:nth-child(2){ animation-delay:.25s; } .sme-challenges .ccard:nth-child(3){ animation-delay:.4s; } @keyframes fadeUp{to{opacity:1;transform:translateY(0) scale(1);}} /* Halo dégradé au hover */ .sme-challenges .ccard::before{ content:""; position:absolute; inset:-2px; border-radius:inherit; z-index:-1; background:conic-gradient(from 0deg,#ef4444,#fb7185,#3b82f6,#6c7bff,#ef4444); filter:blur(20px); opacity:0; transition:opacity .3s ease; } .sme-challenges .ccard:hover::before{ opacity:.4; } /* ---- Icône ---- */ .sme-challenges .icon{ width:66px; height:66px; margin:0 auto 16px; border-radius:18px; display:flex; align-items:center; justify-content:center; font-size:30px; background:linear-gradient(145deg,#f3f6ff,#ffffff); border:1px solid rgba(0,0,0,.06); box-shadow:0 8px 20px rgba(2,6,23,.1); animation:iconPulse 3s ease-in-out infinite; } @keyframes iconPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}} /* ---- Titres ---- */ .sme-challenges h3{ margin:0 0 8px; font-size:20px; font-weight:800; } .sme-challenges .num{ font-size:28px; font-weight:900; background:linear-gradient(90deg,#3b82f6,#ef4444); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } .sme-challenges h3 small{ font-size:14px; font-weight:600; color:#64748b; } /* ---- Texte ---- */ .sme-challenges p{ font-size:14px; color:#475569; line-height:1.5; margin:0; } .sme-challenges p strong{ color:#0f172a; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-17ad0e8 */

Et si vous pouviez TOUT CHANGER ?

Imaginez récupérer ces 15 heures par semaine, automatiser vos processus et avoir enfin une vision claire de votre équipe… C’est exactement ce que fait LEMMPO !

Découvrir la solution
/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-b8d38ef *//* ====== FIX : rubans AVANT / APRÈS rognés ====== */ /* 1) Désactiver le clipping des conteneurs Elementor autour du bloc */ .lemmpo-compare, .lemmpo-compare .elementor-widget-container, .lemmpo-compare .elementor-widget-wrap, .lemmpo-compare .elementor-column, .lemmpo-compare .elementor-container { overflow: visible !important; } /* 2) La carte doit laisser dépasser le ruban et réserver l'espace en haut */ .lemmpo-compare .lc-card { overflow: visible !important; /* autorise le ruban à sortir de la carte */ position: relative; padding-top: 48px; /* espace pour le ruban (ajuste si besoin) */ z-index: 1; } /* 3) Position précise du ruban (sans valeurs négatives) */ .lemmpo-compare .lc-ribbon { top: 0; /* colle au bord haut de la carte */ left: 50%; transform: translate(-50%, -60%); /* 60% au-dessus / 40% en-dessous : bien lisible */ z-index: 3; } /* 4) Variante mobile : ruban un peu plus bas pour éviter tout recouvrement */ @media (max-width: 900px) { .lemmpo-compare .lc-card { padding-top: 42px; } .lemmpo-compare .lc-ribbon { transform: translate(-50%, -55%); } } /* 5) Petites améliorations visuelles du badge (optionnel) */ .lemmpo-compare .lc-ribbon span { box-shadow: 0 10px 24px rgba(0,0,0,.14), 0 0 0 6px rgba(37,117,252,.08); will-change: transform; } .lemmpo-compare .lc-ribbon span:hover { transform: translateY(-1px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-4cb9413 */.elementor-74 .elementor-element.elementor-element-4cb9413{ overflow:hidden; } .slider { overflow: hidden; width: 100%; margin: 0 auto; height:150px; } @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-250px * 9)); } } .slide-track { height:150px; animation: scroll 30s linear infinite; display: flex; width: calc(225px * 20); justify-content: center; animation-delay: 0s; } .slide { display:flex; align-items: center; width: 200px; margin-right: 40px; } @media (max-width: 768px) { .slider { height: 100px; } .slide { margin-top: -3rem; width: 200px; margin-right: 40px; } .slide-track { animation-duration: 50s; } } @media (max-width: 480px) { .slider { height: 85px; } .slide { margin-top: -3.5rem; } .slide-track { animation-duration: 50s; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a1e26af */.elementor-74 .elementor-element.elementor-element-a1e26af{ overflow: hidden; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-c2d8f2c *//* ===== Section WOW Blanc (Glow Rouge/Bleu) ===== */ .wow-aurora, .wow-aurora * { box-sizing: border-box; } .wow-aurora h1, .wow-aurora h2, .wow-aurora h3, .wow-aurora p { margin: 0; } /* Palette & base */ .wow-aurora { --bg1: #ffffff; --glass: rgba(255,255,255,0.85); --card: rgba(255,255,255,0.9); --text: #0f172a; --muted: #475569; --ok: #22c55e; --g1: #6366f1; --g2: #8b5cf6; --g3: #a855f7; --g4: #f43f5e; --g5: #22d3ee; --g6: #34d399; --border: rgba(0,0,0,.08); --radius: 20px; --gap: 28px; font-family: 'Poppins', system-ui, sans-serif; color: var(--text); position: relative; overflow: hidden; background: var(--bg1); } .wow-aurora .wrap { position: relative; z-index: 1; max-width: 1200px; margin: 0 auto; padding: 72px 22px 90px; } /* Eyebrow */ .wow-aurora .eyebrow { text-transform: uppercase; letter-spacing: .22em; font-weight: 700; font-size: 12px; color: var(--muted); text-align: center; margin-bottom: 10px; } /* Titre avec gradient animé */ .wow-aurora h2 { text-align: center; font-weight: 900; letter-spacing: -.02em; font-size: clamp(32px, 5.5vw, 54px); margin-bottom: 12px; } .wow-aurora .hl { background: linear-gradient(90deg, var(--g1), var(--g5), var(--g3), var(--g4), var(--g1)); background-size: 300% 300%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: titleFlow 8s ease infinite; } @keyframes titleFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .wow-aurora .sub { text-align: center; color: var(--muted); max-width: 820px; margin: 0 auto 46px; font-size: clamp(14px, 2.2vw, 18px); } /* Grille */ .wow-aurora .grid { display: grid; grid-template-columns: 1fr; gap: var(--gap); } @media (min-width:740px) { .wow-aurora .grid { grid-template-columns: repeat(2, 1fr); } } @media (min-width:1040px) { .wow-aurora .grid { grid-template-columns: repeat(3, 1fr); } } /* Cartes glass + bordure + reveal séquentiel */ .wow-aurora .card { position: relative; background: var(--glass); border: 1.5px solid var(--border); border-radius: var(--radius); padding: 24px; box-shadow: 0 10px 30px rgba(0,0,0,.08); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); isolation: isolate; opacity: 0; transform: translateY(24px) scale(.98); animation: reveal .9s ease forwards; } .wow-aurora .card:nth-child(1) { animation-delay: .0s; } .wow-aurora .card:nth-child(2) { animation-delay: .12s; } .wow-aurora .card:nth-child(3) { animation-delay: .24s; } .wow-aurora .card:nth-child(4) { animation-delay: .36s; } .wow-aurora .card:nth-child(5) { animation-delay: .48s; } .wow-aurora .card:nth-child(6) { animation-delay: .60s; } @keyframes reveal { to { opacity: 1; transform: translateY(0) scale(1); } } /* Glow rouge/bleu au survol */ .wow-aurora .card::after { content: ""; position: absolute; inset: -2px; border-radius: inherit; z-index: -1; background: linear-gradient(135deg, rgba(239,68,68,0.6), rgba(59,130,246,0.6)); opacity: 0; transition: opacity .25s ease; filter: blur(18px); } .wow-aurora .card:hover::after { opacity: .45; } /* Badge emoji – pulse doux + anneau */ .wow-aurora .badge { font-size: 24px; width: 56px; height: 56px; border-radius: 999px; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.04); border: 1px solid rgba(0,0,0,.08); margin-bottom: 12px; position: relative; animation: pulse 2.8s ease-in-out infinite; } .wow-aurora .badge::after { content: ""; position: absolute; inset: -6px; border-radius: inherit; background: conic-gradient(from 0deg, rgba(239,68,68,0.4), rgba(59,130,246,0.4)); filter: blur(14px); opacity: .25; z-index: -1; } @keyframes pulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.06); } } /* Titres/texte */ .wow-aurora h3 { font-size: 20px; margin-bottom: 8px; } .wow-aurora .desc { font-size: 15px; line-height: 1.6; color: var(--muted); margin-bottom: 14px; } /* Liste */ .wow-aurora .list { list-style: none; padding: 0; margin: 0 0 16px; display: grid; gap: 10px; } .wow-aurora .item { position: relative; padding-left: 28px; font-size: 15px; } .wow-aurora .item::before { content: ""; position: absolute; left: 0; top: 2px; width: 18px; height: 18px; border-radius: 6px; background: linear-gradient(135deg, #22c55e, #86efac); box-shadow: 0 0 0 3px rgba(34,197,94,.15); } /* CTA pill */ .wow-aurora .cta { display: inline-flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 999px; text-decoration: none; color: white; font-weight: 700; background: linear-gradient(90deg, var(--g6), var(--g5), var(--g1)); box-shadow: 0 6px 18px rgba(59,130,246,.35); transition: transform .18s ease, box-shadow .18s ease; } .wow-aurora .cta:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(59,130,246,.45); } .wow-aurora .arr { display: inline-block; transition: transform .18s ease; } .wow-aurora .cta:hover .arr { transform: translateX(6px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-69ba12b *//* ===== Hero LEMMPO – Blanc premium (rouge/bleu) ===== */ .revo-hero2, .revo-hero2 * { box-sizing: border-box; } .revo-hero2 h1, .revo-hero2 h2, .revo-hero2 h3, .revo-hero2 p { margin: 0; } .revo-hero2{ --text:#0f172a; --muted:#475569; --border:#e7ecf2; --red:#ef4444; --blue:#3b82f6; --green:#22c55e; --yellow:#f59e0b; --radius:22px; --shadow:0 20px 60px rgba(2,6,23,.10); font-family:'Poppins',system-ui,sans-serif; color:var(--text); background:#fff; } .revo-hero2 .wrap{ max-width:1200px; margin:0 auto; padding:80px 20px 96px; display:grid; grid-template-columns:1fr; gap:40px; } @media (min-width:980px){ .revo-hero2 .wrap{ grid-template-columns:1.04fr .96fr; align-items:center; } } /* ===== VISUEL ===== */ .revo-hero2 .hero-visual{ position:relative; } .revo-hero2 .hero-visual::before, .revo-hero2 .hero-visual::after{ content:""; position:absolute; z-index:0; filter:blur(34px); opacity:.35; pointer-events:none; transition:transform .5s ease, opacity .5s ease; } .revo-hero2 .hero-visual::before{ width:42%; height:42%; left:-6%; top:-6%; background:radial-gradient(400px 260px at 50% 50%, rgba(59,130,246,.35), transparent 60%); animation: float1 9s ease-in-out infinite; } .revo-hero2 .hero-visual::after{ width:36%; height:36%; right:-5%; bottom:-6%; background:radial-gradient(360px 260px at 50% 50%, rgba(239,68,68,.28), transparent 60%); animation: float2 10s ease-in-out infinite; } @keyframes float1{ 0%,100%{transform:translateY(0)}50%{transform:translateY(10px)} } @keyframes float2{ 0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)} } .revo-hero2 .frame{ position:relative; z-index:1; background:#fff; border:1px solid var(--border); border-radius:26px; box-shadow:var(--shadow); padding:14px; overflow:hidden; } .revo-hero2 .frame::after{ /* halo rouge/bleu doux au hover */ content:""; position:absolute; inset:-2px; border-radius:inherit; z-index:-1; background:linear-gradient(135deg, rgba(239,68,68,.45), rgba(59,130,246,.45)); opacity:0; filter:blur(18px); transition:opacity .25s ease; } .revo-hero2 .frame:hover::after{ opacity:.45; } .revo-hero2 .tilt{ transition:transform .4s ease; will-change:transform; } .revo-hero2 .tilt:hover{ transform:rotate(-.3deg) scale(1.01); } .revo-hero2 .hero-ill{ width:100%; height:auto; display:block; border-radius:18px; box-shadow:0 10px 30px rgba(2,6,23,.08); } /* Badges flottants */ .revo-hero2 .chip{ position:absolute; left:24px; top:24px; padding:10px 14px; border-radius:999px; font-weight:700; font-size:13px; color:#0b172a; background:#fff; border:1px solid var(--border); box-shadow:0 8px 20px rgba(0,0,0,.06); animation: chipFloat 3.2s ease-in-out infinite; } .revo-hero2 .chip-g{ background:#e9f9ee; border-color:#bbf7d0; color:#166534; } .revo-hero2 .chip-y{ left:auto; right:24px; top:auto; bottom:24px; background:#fff7d6; border-color:#fde68a; color:#7a5e00; animation-delay: .8s; } @keyframes chipFloat{ 0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)} } /* ===== CONTENU ===== */ .revo-hero2 .content h1{ font-size: clamp(34px, 5.4vw, 58px); line-height:1.05; font-weight:900; letter-spacing:-.02em; margin-bottom:12px; } .revo-hero2 .content .hl{ background:linear-gradient(90deg, var(--blue), #6c7bff, #a855f7, var(--red)); background-size:300% 300%; -webkit-background-clip:text; -webkit-text-fill-color:transparent; animation: titleFlow 8s ease infinite; } @keyframes titleFlow{ 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } .revo-hero2 .lead{ color:var(--muted); font-size:clamp(14px,2.2vw,18px); margin-bottom:24px; } /* Liste points avec timeline */ .revo-hero2 .points{ position:relative; display:grid; gap:18px; margin:18px 0 26px; } .revo-hero2 .points::before{ content:""; position:absolute; left:20px; top:4px; bottom:10px; width:3px; border-radius:3px; background:linear-gradient(180deg, rgba(59,130,246,.4), rgba(239,68,68,.4)); } .revo-hero2 .point{ display:flex; gap:14px; align-items:flex-start; opacity:0; transform:translateY(16px); animation: fadeUp .7s ease forwards; } .revo-hero2 .point:nth-child(1){ animation-delay:.05s; } .revo-hero2 .point:nth-child(2){ animation-delay:.18s; } .revo-hero2 .point:nth-child(3){ animation-delay:.31s; } @keyframes fadeUp{ to{ opacity:1; transform:translateY(0); } } .revo-hero2 .num{ --s:44px; width:var(--s); height:var(--s); border-radius:14px; display:inline-flex; align-items:center; justify-content:center; flex:0 0 var(--s); font-weight:800; color:#fff; background:linear-gradient(135deg, var(--red), var(--blue)); box-shadow:0 8px 20px rgba(59,130,246,.25); transform:translateZ(0); transition: transform .18s ease; } .revo-hero2 .point:hover .num{ transform: scale(1.06); } .revo-hero2 .txt h3{ font-size:18px; margin-bottom:4px; position:relative; display:inline-block; } .revo-hero2 .txt h3::after{ content:""; position:absolute; left:0; right:0; bottom:-2px; height:2px; border-radius:2px; background:linear-gradient(90deg, rgba(59,130,246,.5), rgba(239,68,68,.5)); transform:scaleX(0); transform-origin:left; transition:transform .25s ease; } .revo-hero2 .point:hover .txt h3::after{ transform:scaleX(1); } .revo-hero2 .txt p{ color:var(--muted); font-size:15px; } /* CTA principal + lien fantôme */ .revo-hero2 .cta{ display:inline-flex; align-items:center; gap:10px; margin-right:14px; padding:12px 18px; border-radius:999px; text-decoration:none; color:#fff; font-weight:800; background:linear-gradient(90deg, var(--red), #fb7185 35%, var(--blue)); box-shadow:0 12px 26px rgba(59,130,246,.30); position:relative; overflow:hidden; transition: transform .18s ease, box-shadow .18s ease; } .revo-hero2 .cta::after{ /* shine */ content:""; position:absolute; inset:0; background:linear-gradient(110deg, transparent 0%, rgba(255,255,255,.6) 18%, transparent 36%); transform:translateX(-120%); transition:transform .6s ease; } .revo-hero2 .cta:hover{ transform:translateY(-2px); box-shadow:0 16px 32px rgba(59,130,246,.38); } .revo-hero2 .cta:hover::after{ transform:translateX(120%); } .revo-hero2 .arr{ display:inline-block; transition: transform .18s ease; } .revo-hero2 .cta:hover .arr{ transform: translateX(6px); } .revo-hero2 .link-ghost{ display:inline-block; color:var(--blue); font-weight:700; text-decoration:none; position:relative; padding-bottom:2px; } .revo-hero2 .link-ghost::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:currentColor; transform:scaleX(.2); opacity:.5; transition:transform .25s ease, opacity .25s ease; } .revo-hero2 .link-ghost:hover::after{ transform:scaleX(1); opacity:1; } /* Responsive tweaks */ @media (max-width:979px){ .revo-hero2 .content{ order:-1; } .revo-hero2 .points::before{ left:18px; } } /* Accessibilité : réduire animations si demandé */ @media (prefers-reduced-motion: reduce){ .revo-hero2 *{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-fbc63f1 *//* ===== Vidéos LEMMPO – section premium blanc + rouge/bleu ===== */ .videos-wow, .videos-wow * { box-sizing: border-box; } .videos-wow { background:#fff; color:#0f172a; font-family:'Poppins',system-ui,sans-serif; } .videos-wow .wrap { max-width:1200px; margin:0 auto; padding:64px 20px 84px; } /* Header */ .videos-wow .head { text-align:center; margin-bottom:28px; } .videos-wow h2 { font-size:clamp(28px,5vw,44px); font-weight:900; letter-spacing:-.02em; margin:0; } .videos-wow .hl{ background:linear-gradient(90deg,#3b82f6,#6c7bff,#a855f7,#ef4444); background-size:300% 300%; -webkit-background-clip:text; -webkit-text-fill-color:transparent; animation: headFlow 8s ease infinite; } @keyframes headFlow{ 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } .videos-wow .sub { color:#475569; margin-top:8px; font-size:clamp(14px,2.2vw,18px); } /* Grid */ .videos-wow .grid { display:grid; gap:24px; grid-template-columns:1fr; } @media(min-width:860px){ .videos-wow .grid{ grid-template-columns:repeat(3,1fr); } } /* Cards */ .videos-wow .vcard{ background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:22px; overflow:hidden; box-shadow:0 16px 40px rgba(2,6,23,.08); transition:transform .2s ease, box-shadow .2s ease; opacity:0; transform:translateY(18px); animation: vcFade .7s ease forwards; } .videos-wow .vcard:nth-child(1){ animation-delay:.05s; } .videos-wow .vcard:nth-child(2){ animation-delay:.18s; } .videos-wow .vcard:nth-child(3){ animation-delay:.31s; } @keyframes vcFade{ to{opacity:1; transform:translateY(0);} } .videos-wow .vcard:hover{ transform:translateY(-4px); box-shadow:0 22px 50px rgba(2,6,23,.12); } /* Video cover */ .videos-wow .cover{ position:relative; display:block; height:220px; background:#e5e7eb; /* fallback */ } .videos-wow .v-blue .cover{ background:linear-gradient(180deg,#3b82f6 0%,#2243d6 100%); } .videos-wow .v-green .cover{ background:linear-gradient(180deg,#22c55e 0%,#0f8a42 100%); } .videos-wow .v-purple .cover{ background:linear-gradient(180deg,#8b5cf6 0%,#6d28d9 100%); } /* halo rouge/bleu léger au hover */ .videos-wow .cover::after{ content:""; position:absolute; inset:-2px; border-radius:22px 22px 0 0; z-index:0; background:linear-gradient(135deg, rgba(239,68,68,.35), rgba(59,130,246,.35)); filter:blur(18px); opacity:0; transition:opacity .25s ease; } .videos-wow .vcard:hover .cover::after{ opacity:.45; } /* Badge (titre court) */ .videos-wow .badge{ position:absolute; left:16px; right:16px; bottom:16px; display:inline-block; color:#0b172a; font-weight:700; font-size:13px; background:#ffffff; border:1px solid rgba(0,0,0,.06); border-radius:12px; padding:10px 12px; z-index:1; box-shadow:0 8px 18px rgba(0,0,0,.10); } /* Durée */ .videos-wow .duration{ position:absolute; right:14px; top:14px; background:rgba(255,255,255,.9); color:#0f172a; font-weight:700; font-size:12px; border-radius:999px; padding:6px 10px; z-index:1; border:1px solid rgba(0,0,0,.06); } /* Play button (pur CSS) */ .videos-wow .play{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:64px; height:64px; border-radius:999px; background:#ffffffcc; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); box-shadow:0 10px 22px rgba(0,0,0,.20); } .videos-wow .play::before{ content:""; position:absolute; left:50%; top:50%; transform:translate(-40%,-50%); width:0; height:0; border-left:16px solid #0f172a; border-top:10px solid transparent; border-bottom:10px solid transparent; } .videos-wow .play::after{ /* ripple */ content:""; position:absolute; inset:-8px; border-radius:999px; border:2px solid #fff; opacity:.6; animation:ripple 1.6s ease-out infinite; } @keyframes ripple{ 0%{ transform:scale(1); opacity:.6;} 70%{ transform:scale(1.3); opacity:.15;} 100%{ transform:scale(1.4); opacity:0;} } /* Meta (titre + desc) */ .videos-wow .meta{ padding:16px 18px 18px; background:#fff; } .videos-wow .meta h3{ font-size:16px; margin:0 0 6px; } .videos-wow .meta p{ color:#475569; font-size:14px; margin:0; } /* CTA principal */ .videos-wow .cta-row{ text-align:center; margin-top:26px; } .videos-wow .cta{ display:inline-flex; align-items:center; gap:10px; padding:12px 18px; border-radius:999px; color:#fff; font-weight:800; text-decoration:none; background:linear-gradient(90deg,#ef4444,#fb7185 35%,#3b82f6); box-shadow:0 12px 26px rgba(59,130,246,.30); position:relative; overflow:hidden; transition:transform .18s ease, box-shadow .18s ease; } .videos-wow .cta::after{ content:""; position:absolute; inset:0; background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.5) 18%,transparent 36%); transform:translateX(-120%); transition:transform .6s ease; } .videos-wow .cta:hover{ transform:translateY(-2px); box-shadow:0 16px 32px rgba(59,130,246,.38); } .videos-wow .cta:hover::after{ transform:translateX(120%); } .videos-wow .arr{ display:inline-block; transition:transform .18s ease; } .videos-wow .cta:hover .arr{ transform:translateX(6px); } /* Accessibilité : focus */ .videos-wow a.cover:focus-visible{ outline:3px solid #3b82f6; outline-offset:3px; border-radius:22px 22px 0 0; } /* Reduced motion */ @media (prefers-reduced-motion: reduce){ .videos-wow *{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3ee55b5 */Voici le CSS séparé correspondant exactement aux couleurs du visuel : ```css .lemmpo-roi { padding: 4rem 0; background: linear-gradient(to bottom, #fff, #f8fafc); font-family: inherit; } .lemmpo-roi h2 { text-align: center; font-size: 2rem; font-weight: 700; } .lemmpo-roi h2 .gradient { background: linear-gradient(to right, #10b981, #6366f1); -webkit-background-clip: text; background-clip: text; color: transparent; } .lemmpo-roi p.subtitle { margin-top: 0.5rem; text-align: center; color: #475569; } .lemmpo-roi .grid { margin-top: 2.5rem; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; } .lemmpo-roi .card { background: #fff; border-radius: 1rem; box-shadow: 0 2px 8px rgba(0,0,0,0.05); padding: 1.5rem; text-align: center; } .lemmpo-roi .avatar { height: 3.5rem; width: 3.5rem; border-radius: 9999px; margin: 0 auto; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; } .lemmpo-roi .amount { font-size: 1.5rem; font-weight: 700; margin-top: 1rem; padding: 0.5rem; border-radius: 0.5rem; } .lemmpo-roi .amount span { font-size: 1rem; font-weight: 500; } .lemmpo-roi .quote { margin-top: 1rem; font-size: 0.875rem; color: #475569; font-style: italic; } /* Couleurs spécifiques */ .lemmpo-roi .card.green .avatar { background: #10b981; } .lemmpo-roi .card.green .amount { background: #ecfdf5; color: #065f46; } .lemmpo-roi .card.blue .avatar { background: #6366f1; } .lemmpo-roi .card.blue .amount { background: #eef2ff; color: #3730a3; } .lemmpo-roi .card.pink .avatar { background: #ec4899; } .lemmpo-roi .card.pink .amount { background: #fdf2f8; color: #9d174d; } ``` Tu peux coller ce CSS dans l’éditeur de style de WordPress ou dans un fichier `.css` et appliquer les classes `lemmpo-roi`, `card green`, `card blue`, `card pink` sur ton HTML pour obtenir exactement le rendu que tu as montré./* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-cded079 *//* ===== Garanties – Ultra (fond blanc, rouge/bleu) ===== */ .guarantees-ultra, .guarantees-ultra *{ box-sizing:border-box; } .guarantees-ultra{ background:#fff; color:#0f172a; font-family:'Poppins',system-ui,sans-serif; } .guarantees-ultra .wrap{ max-width:1100px; margin:0 auto; padding:68px 20px 88px; } /* ---- Titre ---- */ .guarantees-ultra .head{ text-align:center; margin-bottom:26px; } .guarantees-ultra h2{ font-size:clamp(26px,4.8vw,40px); font-weight:900; letter-spacing:-.01em; margin:0; display:inline-block; position:relative; line-height:1.12; } .guarantees-ultra .hl{ background:linear-gradient(90deg,#3b82f6,#6c7bff,#a855f7,#ef4444); background-size:300% 300%; -webkit-background-clip:text; -webkit-text-fill-color:transparent; animation:gTitleFlow 8s ease infinite; } @keyframes gTitleFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}} /* soulignement animé */ .guarantees-ultra h2::after{ content:""; position:absolute; left:50%; bottom:-10px; width:0; height:3px; border-radius:3px; background:linear-gradient(90deg,#ef4444,#3b82f6); transform:translateX(-50%); animation: underlineGrow 1s ease .2s forwards; } @keyframes underlineGrow{ to{ width:72%; } } .guarantees-ultra .sub{ color:#475569; margin-top:18px; font-size:clamp(14px,2.2vw,17px); } /* ---- Grille ---- */ .guarantees-ultra .grid{ display:grid; gap:22px; grid-template-columns:1fr; margin-top:10px; } @media(min-width:860px){ .guarantees-ultra .grid{ grid-template-columns:repeat(3,1fr); } } /* ---- Carte ---- */ .guarantees-ultra .gcard{ position:relative; overflow:hidden; border-radius:22px; padding:24px 20px 22px; text-align:center; background:rgba(255,255,255,.92); border:1px solid rgba(0,0,0,.06); box-shadow:0 18px 46px rgba(2,6,23,.08); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); /* reveal */ opacity:0; transform:translateY(18px) scale(.98); animation:gReveal .7s ease forwards; } .guarantees-ultra .gcard:nth-child(1){ animation-delay:.05s; } .guarantees-ultra .gcard:nth-child(2){ animation-delay:.18s; } .guarantees-ultra .gcard:nth-child(3){ animation-delay:.31s; } @keyframes gReveal{ to{ opacity:1; transform:translateY(0) scale(1); } } /* bordure dégradée animée au hover */ .guarantees-ultra .gcard::before{ content:""; position:absolute; inset:-2px; border-radius:inherit; z-index:-1; background:conic-gradient(from 0deg,#ef4444,#fb7185,#3b82f6,#6c7bff,#ef4444); filter:blur(18px); opacity:0; transition:opacity .25s ease; } .guarantees-ultra .gcard:hover::before{ opacity:.45; } /* halo interne doux (dégradé très léger) */ .guarantees-ultra .halo{ pointer-events:none; position:absolute; inset:0; z-index:0; opacity:.55; background:linear-gradient(90deg,rgba(59,130,246,.06),rgba(239,68,68,.06)); } /* ---- Icône ---- */ .guarantees-ultra .icon{ position:relative; z-index:1; width:64px; height:64px; margin:0 auto 12px; border-radius:16px; display:flex; align-items:center; justify-content:center; font-size:28px; background:linear-gradient(145deg,#f3f6ff,#ffffff); border:1px solid rgba(0,0,0,.06); box-shadow:0 10px 22px rgba(2,6,23,.10); animation: iconPulse 2.8s ease-in-out infinite; } @keyframes iconPulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}} /* ---- Textes ---- */ .guarantees-ultra h3{ position:relative; z-index:1; font-size:18px; margin:0 0 6px; } .guarantees-ultra p{ position:relative; z-index:1; color:#475569; font-size:14px; margin:0; } .guarantees-ultra p strong{ color:#0f172a; } /* ---- Tag ---- */ .guarantees-ultra .tag{ display:inline-block; position:relative; z-index:1; margin-top:12px; padding:6px 10px; font-weight:800; font-size:12px; color:#0b172a; background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:999px; box-shadow:0 8px 18px rgba(2,6,23,.10); transition: transform .18s ease; } .guarantees-ultra .gcard:hover .tag{ transform: translateY(-2px); } /* Focus accessibilité */ .guarantees-ultra .gcard:focus-within{ outline:3px solid #3b82f6; outline-offset:3px; } /* Reduced motion */ @media (prefers-reduced-motion: reduce){ .guarantees-ultra *{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-9c2f3c8 *//* ===== Témoignages CLIENTS — Ultra premium (sobre, rouge/bleu) ===== */ .testimonials{ background:#fff; padding:88px 20px; font-family:'Poppins',system-ui,sans-serif; color:#0f172a; text-align:center; } /* ----- Titre + underline animé ----- */ .testimonials h2{ margin:0; font-size:clamp(30px,5.6vw,46px); font-weight:900; letter-spacing:-.01em; display:inline-block; position:relative; } .testimonials h2::after{ content:""; position:absolute; left:50%; bottom:-14px; transform:translateX(-50%); height:4px; width:0; border-radius:4px; background:linear-gradient(90deg,#3b82f6,#6c7bff,#a855f7,#ef4444); animation:ts-underline 1s ease .25s forwards; } @keyframes ts-underline{ to{ width:72%; } } .testimonials .highlight{ background:linear-gradient(90deg,#3b82f6,#6c7bff,#a855f7,#ef4444); background-size:300% 300%; -webkit-background-clip:text; -webkit-text-fill-color:transparent; animation:ts-titleflow 9s ease infinite; } @keyframes ts-titleflow{ 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } .testimonials .subtitle{ color:#64748b; font-size:clamp(14px,2.2vw,18px); margin:20px auto 56px; max-width:900px; } /* ----- Grille ----- */ .testimonials .grid{ display:grid; gap:34px; grid-template-columns:1fr; max-width:1200px; margin:0 auto; } @media(min-width:1000px){ .testimonials .grid{ grid-template-columns:repeat(3,1fr); } } /* ----- Cartes glass + halo + bordure dégradée au hover ----- */ .testimonials .card{ position:relative; overflow:hidden; border-radius:22px; background:rgba(255,255,255,.94); border:1px solid rgba(2,6,23,.06); box-shadow:0 18px 46px rgba(2,6,23,.08); padding:30px; text-align:left; transform:translateY(28px); opacity:0; animation:ts-fadeUp .85s ease forwards; } .testimonials .card:nth-child(1){ animation-delay:.15s; } .testimonials .card:nth-child(2){ animation-delay:.3s; } .testimonials .card:nth-child(3){ animation-delay:.45s; } /* halo interne doux */ .testimonials .card::before{ content:""; position:absolute; inset:-30% -30% auto auto; z-index:0; background: radial-gradient(52% 52% at 12% 18%, rgba(59,130,246,.12), transparent 60%), radial-gradient(48% 48% at 86% 12%, rgba(239,68,68,.10), transparent 65%); pointer-events:none; } /* bordure conique au hover */ .testimonials .card::after{ content:""; position:absolute; inset:-2px; border-radius:inherit; z-index:-1; background:conic-gradient(from 0deg,#ef4444,#fb7185,#3b82f6,#6c7bff,#ef4444); filter:blur(18px); opacity:0; transition:opacity .25s ease; } .testimonials .card:hover::after{ opacity:.45; } .testimonials .card:hover{ transform:translateY(-6px); box-shadow:0 26px 64px rgba(2,6,23,.12); transition:transform .22s ease, box-shadow .22s ease; } /* ----- Badge KPI : statique + shine au survol ----- */ .testimonials .badge{ display:inline-block; align-self:flex-start; padding:8px 14px; border-radius:999px; font-size:.9rem; font-weight:800; color:#fff; position:relative; z-index:1; margin-bottom:16px; overflow:hidden; transition:transform .22s ease, filter .22s ease; } .badge.green{ background:#22c55e; } .badge.blue{ background:#3b82f6; } .badge.purple{ background:#8b5cf6; } .testimonials .badge::after{ /* shine */ content:""; position:absolute; inset:0; background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.6) 18%,transparent 36%); transform:translateX(-120%); transition:transform .6s ease; } .testimonials .badge:hover{ transform:translateY(-1px); filter:saturate(1.05); } .testimonials .badge:hover::after{ transform:translateX(120%); } /* ----- Citation avec guillemets décoratifs ----- */ .testimonials .quote{ position:relative; z-index:1; font-size:clamp(15px,2.1vw,17px); color:#0f172a; line-height:1.68; margin:6px 0 20px; } .testimonials .quote::before{ content:"“"; position:absolute; left:-8px; top:-14px; font-size:42px; line-height:1; color:rgba(2,6,23,.06); font-weight:900; } /* ----- Profil (avatar + infos) ----- */ .testimonials .profile{ position:relative; z-index:1; display:flex; align-items:center; gap:14px; } .testimonials .profile img{ width:58px; height:58px; border-radius:50%; object-fit:cover; background:#fff; /* anneau dégradé */ box-shadow: 0 0 0 3px #fff, 0 0 0 5px rgba(59,130,246,.25), 0 10px 24px rgba(2,6,23,.12); transition: transform .2s ease; } .testimonials .card:hover .profile img{ transform: rotate(-1deg) scale(1.02); } .testimonials h4{ margin:0; font-size:1.06rem; font-weight:800; color:#0f172a; } .testimonials p{ margin:0; font-size:.92rem; color:#475569; } .testimonials .verify{ display:block; margin-top:4px; font-size:.8rem; color:#16a34a; font-weight:800; } /* ----- Animations globales ----- */ @keyframes ts-fadeUp{ to{ transform:translateY(0); opacity:1; } } /* ----- Accessibilité : réduit les animations ----- */ @media (prefers-reduced-motion: reduce){ .testimonials *{ animation:none !important; transition:none !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-fd968c9 */.blog{ background:#fff; padding:90px 20px; font-family:'Poppins',system-ui,sans-serif; text-align:center; } .blog h2{ margin:0; font-size:clamp(30px,5.6vw,46px); font-weight:900; letter-spacing:-.01em; display:inline-block; position:relative; } .blog h2::after{ content:""; position:absolute; left:50%; bottom:-14px; transform:translateX(-50%); height:4px; width:0; border-radius:4px; background:linear-gradient(90deg,#3b82f6,#ef4444); animation:underlineBlog 1s ease .25s forwards; } @keyframes underlineBlog{ to{ width:72%; } } .blog .highlight{ background:linear-gradient(90deg,#3b82f6,#ef4444); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } .blog .subtitle{ color:#64748b; font-size:clamp(14px,2.2vw,18px); margin:20px auto 56px; max-width:850px; } /* Grille */ .blog-grid{ display:grid; gap:34px; grid-template-columns:1fr; max-width:1200px; margin:0 auto; } @media(min-width:1000px){ .blog-grid{ grid-template-columns:repeat(3,1fr); } } /* Carte blog */ .blog-card{ background:#fff; border-radius:20px; box-shadow:0 15px 40px rgba(2,6,23,.08); overflow:hidden; text-align:left; transform:translateY(28px); opacity:0; animation:fadeUpBlog .9s ease forwards; } .blog-card:nth-child(1){ animation-delay:.1s; } .blog-card:nth-child(2){ animation-delay:.3s; } .blog-card:nth-child(3){ animation-delay:.5s; } /* Image */ .blog-card .thumb{ overflow:hidden; border-bottom:1px solid #f1f5f9; } .blog-card .thumb img{ width:100%; height:200px; object-fit:cover; transition:transform .4s ease; } .blog-card:hover .thumb img{ transform:scale(1.08); } /* Contenu */ .blog-card .content{ padding:22px 24px 28px; } .blog-card .tag{ display:inline-block; font-size:.75rem; font-weight:700; color:#fff; background:linear-gradient(90deg,#3b82f6,#ef4444); padding:5px 12px; border-radius:30px; margin-bottom:14px; } .blog-card h3{ font-size:1.1rem; font-weight:700; margin:0 0 12px; } .blog-card h3 a{ color:#0f172a; text-decoration:none; transition:color .3s ease; } .blog-card h3 a:hover{ color:#ef4444; } .blog-card p{ color:#475569; font-size:.92rem; line-height:1.55; margin-bottom:18px; } .blog-card .readmore{ font-weight:700; font-size:.9rem; color:#3b82f6; text-decoration:none; transition:color .3s ease; } .blog-card .readmore:hover{ color:#ef4444; } /* Animations */ @keyframes fadeUpBlog{ to{ transform:translateY(0); opacity:1; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e1cb84a */.faq{ background:#fff; padding:90px 20px; font-family:'Poppins',system-ui,sans-serif; text-align:center; } .faq h2{ margin:0; font-size:clamp(30px,5.6vw,46px); font-weight:900; letter-spacing:-.01em; display:inline-block; position:relative; } .faq h2::after{ content:""; position:absolute; left:50%; bottom:-14px; transform:translateX(-50%); height:4px; width:0; border-radius:4px; background:linear-gradient(90deg,#3b82f6,#ef4444); animation:underlineFaq 1s ease .25s forwards; } @keyframes underlineFaq{ to{ width:82%; } } .faq .highlight{ background:linear-gradient(90deg,#3b82f6,#ef4444); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } .faq .subtitle{ color:#64748b; font-size:clamp(14px,2.2vw,18px); margin:20px auto 56px; max-width:850px; } /* FAQ list */ .faq-list{ max-width:800px; margin:0 auto; text-align:left; } .faq-item{ border:1px solid #e2e8f0; border-radius:14px; margin-bottom:18px; overflow:hidden; box-shadow:0 6px 20px rgba(2,6,23,.04); transition:box-shadow .3s ease; } .faq-item:hover{ box-shadow:0 10px 28px rgba(2,6,23,.08); } .faq-question{ width:100%; padding:18px 22px; background:#fff; border:none; font-size:1rem; font-weight:600; color:#0f172a; cursor:pointer; text-align:left; position:relative; transition:color .3s ease; } .faq-question::after{ content:"+"; position:absolute; right:20px; top:50%; transform:translateY(-50%); font-size:1.4rem; font-weight:700; color:#3b82f6; transition:transform .3s ease, color .3s ease; } .faq-item.active .faq-question{ color:#ef4444; } .faq-item.active .faq-question::after{ content:"–"; color:#ef4444; transform:translateY(-50%) rotate(180deg); } .faq-answer{ max-height:0; overflow:hidden; background:#f9fafb; padding:0 22px; transition:max-height .4s ease, padding .4s ease; } .faq-item.active .faq-answer{ max-height:400px; padding:18px 22px; } .faq-answer p{ margin:0; color:#475569; font-size:.95rem; line-height:1.55; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-56af9da *//* ===== LEMPPO Social Proof – Styles ===== */ #lemmpo-pop-root{ position: fixed; left: 16px; bottom: 16px; z-index: 99999; display: grid; gap: 10px; pointer-events: none; /* les toasts n’empêchent pas de cliquer derrière */ } .lemmpo-pop{ display: grid; grid-template-columns: 40px 1fr auto; gap: 10px; align-items: center; min-width: 280px; max-width: 340px; padding: 10px 12px; border-radius: 14px; background: linear-gradient( to bottom right, rgba(255,255,255,.9), rgba(255,255,255,.85) ); border: 1px solid rgba(0,0,0,.06); box-shadow: 0 18px 40px rgba(0,0,0,.18); color: #0b1220; font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; transform: translateY(12px); opacity: 0; pointer-events: auto; transition: transform .45s cubic-bezier(.22,.61,.36,1), opacity .45s ease, box-shadow .2s; } .lemmpo-pop.pop-in{ transform: translateY(0); opacity: 1; } .lemmpo-pop:hover{ box-shadow: 0 24px 64px rgba(0,0,0,.22); } .lemmpo-pop .avatar{ width: 40px; height: 40px; border-radius: 10px; display:grid; place-items:center; font-weight:900; color:#fff; background: linear-gradient(135deg, #2575fc, #ef4444); } .lemmpo-pop .meta{ line-height: 1.15; } .lemmpo-pop .line1{ font-weight: 800; font-size: 14px; } .lemmpo-pop .line2{ font-size: 12px; color: #64748b; margin-top: 2px; } .lemmpo-pop .pill{ display: inline-flex; align-items:center; gap:6px; margin-top: 6px; font-size: 11px; font-weight: 800; padding: 4px 8px; border-radius: 999px; color:#fff; background: linear-gradient(90deg, #2575fc, #ef4444); } .lemmpo-pop .close{ margin-left: 4px; color:#64748b; border: none; background: transparent; font-size: 18px; line-height: 1; cursor: pointer; padding: 6px; border-radius: 8px; } .lemmpo-pop .close:hover{ background: rgba(0,0,0,.06); } @media (max-width: 480px){ #lemmpo-pop-root{ left: 10px; right: 10px; } .lemmpo-pop{ max-width: 100%; } }/* End custom CSS */