.elementor-14 .elementor-element.elementor-element-0a427d2{--display:flex;--min-height:80vh;--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:-7%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--z-index:2;}.elementor-14 .elementor-element.elementor-element-0a427d2:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-0a427d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://criscentive.fr/wp-content/uploads/2025/01/HERO-BANNER-1.png");background-position:bottom center;background-size:cover;}.elementor-14 .elementor-element.elementor-element-ac3c0b7{margin:15% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-14 .elementor-element.elementor-element-ac3c0b7.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-59db0ea{--display:flex;--min-height:80vh;--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.24;}.elementor-14 .elementor-element.elementor-element-59db0ea:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-59db0ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://criscentive.fr/wp-content/uploads/2025/01/6481667_925-scaled.jpg");}.elementor-14 .elementor-element.elementor-element-59db0ea::before, .elementor-14 .elementor-element.elementor-element-59db0ea > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-59db0ea > .e-con-inner > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-59db0ea > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-59db0ea > .e-con-inner > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-59db0ea > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at center center, var( --e-global-color-secondary ) 0%, #A3A3A3 100%);}.elementor-14 .elementor-element.elementor-element-1682428{--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;--margin-top:1%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-14 .elementor-element.elementor-element-eadf670{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-14 .elementor-element.elementor-element-eadf670.e-con{--align-self:center;}.elementor-14 .elementor-element.elementor-element-5063b73{margin:-6% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:14px 14px 14px 14px;}.elementor-14 .elementor-element.elementor-element-5063b73.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-6daa141{margin:-6% 0% calc(var(--kit-widget-spacing, 0px) + 0%) -74%;padding:14px 14px 14px 14px;}.elementor-14 .elementor-element.elementor-element-6daa141.elementor-element{--align-self:center;}@media(max-width:1024px){.elementor-14 .elementor-element.elementor-element-eadf670{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-14 .elementor-element.elementor-element-eadf670{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-ac3c0b7 */.custom-button { display: inline-flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, 0.1); /* Glassmorphism background */ border-radius: 20px; /* Rounded edges */ padding: 10px 20px; /* Space inside the button */ color: white; font-size: 14px; font-family: Arial, sans-serif; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); /* Light border */ transition: all 0.3s ease; /* Smooth transitions */ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .status-indicator { width: 10px; height: 10px; background-color: #2196F3; /* Blue color from previous code */ border-radius: 50%; /* Makes it a circle */ box-shadow: 0 0 5px rgba(33, 150, 243, 0.8), 0 0 10px rgba(33, 150, 243, 0.5); /* Neon glow effect */ } .custom-button strong { color: #2196F3; /* Highlight for numbers in blue */ } .custom-button:hover { box-shadow: 0 0 10px rgba(33, 150, 243, 0.6), 0 0 20px rgba(33, 150, 243, 0.4), 0 0 30px rgba(33, 150, 243, 0.2); /* Glow effect on hover */ border-color: rgba(33, 150, 243, 0.5); /* Stronger border on hover */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5063b73 */.custom-button { display: inline-flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, 0.1); /* Glassmorphism background */ border-radius: 30px; /* Rounded edges */ padding: 20px 20px; /* Space inside the button */ color: white; font-size: 14px; font-family: Arial, sans-serif; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); /* Light border */ transition: all 0.3s ease; /* Smooth transitions */ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .status-indicator { width: 10px; height: 10px; background-color: #2196F3; /* Blue color from previous code */ border-radius: 50%; /* Makes it a circle */ box-shadow: 0 0 5px rgba(33, 150, 243, 0.8), 0 0 10px rgba(33, 150, 243, 0.5); /* Neon glow effect */ } .custom-button strong { color: #2196F3; /* Highlight for numbers in blue */ } .custom-button:hover { box-shadow: 0 0 10px rgba(33, 150, 243, 0.6), 0 0 20px rgba(33, 150, 243, 0.4), 0 0 30px rgba(33, 150, 243, 0.2); /* Glow effect on hover */ border-color: rgba(33, 150, 243, 0.5); /* Stronger border on hover */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6daa141 */.custom-button { display: inline-flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, 0.1); /* Glassmorphism background */ border-radius: 30px; /* Rounded edges */ padding: 20px 20px; /* Space inside the button */ color: white; font-size: 14px; font-family: Arial, sans-serif; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); /* Light border */ transition: all 0.3s ease; /* Smooth transitions */ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .status-indicator { width: 10px; height: 10px; background-color: #2196F3; /* Blue color from previous code */ border-radius: 50%; /* Makes it a circle */ box-shadow: 0 0 5px rgba(33, 150, 243, 0.8), 0 0 10px rgba(33, 150, 243, 0.5); /* Neon glow effect */ } .custom-button strong { color: #2196F3; /* Highlight for numbers in blue */ } .custom-button:hover { box-shadow: 0 0 10px rgba(33, 150, 243, 0.6), 0 0 20px rgba(33, 150, 243, 0.4), 0 0 30px rgba(33, 150, 243, 0.2); /* Glow effect on hover */ border-color: rgba(33, 150, 243, 0.5); /* Stronger border on hover */ }/* End custom CSS */