.elementor-2 .elementor-element.elementor-element-86528e2{--display:flex;--min-height:90vh;--overlay-opacity:0.82;--overlay-mix-blend-mode:darken;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2 .elementor-element.elementor-element-86528e2:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-86528e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://clvgroupe.ma/wp-content/uploads/2026/02/Gemini_Generated_Image_e2uta8e2uta8e2ut.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2 .elementor-element.elementor-element-86528e2::before, .elementor-2 .elementor-element.elementor-element-86528e2 > .elementor-background-video-container::before, .elementor-2 .elementor-element.elementor-element-86528e2 > .e-con-inner > .elementor-background-video-container::before, .elementor-2 .elementor-element.elementor-element-86528e2 > .elementor-background-slideshow::before, .elementor-2 .elementor-element.elementor-element-86528e2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2 .elementor-element.elementor-element-86528e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(235deg, #1F2421 100%, #FFFFFF 61%);}.elementor-2 .elementor-element.elementor-element-86528e2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2 .elementor-element.elementor-element-86ebf90{--display:flex;}.elementor-2 .elementor-element.elementor-element-dfe0bde{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;}.elementor-2 .elementor-element.elementor-element-d48c876{--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;}.elementor-2 .elementor-element.elementor-element-ea0d029{--display:flex;}.elementor-2 .elementor-element.elementor-element-ea0d029.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-2 .elementor-element.elementor-element-1dd1799.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-2 .elementor-element.elementor-element-1dd1799 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2 .elementor-element.elementor-element-1dd1799 .elementor-button{font-family:"Cairo", Sans-serif;font-size:15px;font-weight:600;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-2 .elementor-element.elementor-element-1dd1799 .elementor-button:hover, .elementor-2 .elementor-element.elementor-element-1dd1799 .elementor-button:focus{color:#000000;}.elementor-2 .elementor-element.elementor-element-1dd1799 .elementor-button:hover svg, .elementor-2 .elementor-element.elementor-element-1dd1799 .elementor-button:focus svg{fill:#000000;}.elementor-2 .elementor-element.elementor-element-93034cc .elementor-button{background-color:#9BCB3C;font-family:"Cairo", Sans-serif;font-size:25px;font-weight:500;fill:#1B1F11;color:#1B1F11;border-style:solid;border-color:#272E2A;border-radius:17px 17px 17px 17px;}.elementor-2 .elementor-element.elementor-element-93034cc{width:var( --container-widget-width, 117.758% );max-width:117.758%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:117.758%;--container-widget-flex-grow:0;border-radius:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-93034cc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2 .elementor-element.elementor-element-93034cc .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2 .elementor-element.elementor-element-93034cc .elementor-button .elementor-button-content-wrapper{gap:13px;}.elementor-2 .elementor-element.elementor-element-93034cc .elementor-button:hover, .elementor-2 .elementor-element.elementor-element-93034cc .elementor-button:focus{color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-93034cc .elementor-button:hover svg, .elementor-2 .elementor-element.elementor-element-93034cc .elementor-button:focus svg{fill:#FFFFFF;}@media(min-width:768px){.elementor-2 .elementor-element.elementor-element-86528e2{--width:100%;}.elementor-2 .elementor-element.elementor-element-ea0d029{--width:27.289%;}}@media(min-width:1025px){.elementor-2 .elementor-element.elementor-element-86528e2:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-86528e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:767px){.elementor-2 .elementor-element.elementor-element-86528e2{--min-height:80vh;}.elementor-2 .elementor-element.elementor-element-86ebf90{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2 .elementor-element.elementor-element-dfe0bde{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2 .elementor-element.elementor-element-93034cc .elementor-button{font-size:18px;}}/* Start custom CSS for html, class: .elementor-element-dfe0bde *//* ===== Responsive Fix: Badges layout ===== */

/* 1) Base: allow wrapping + consistent sizing */
#clv-badges-cta{
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 12px !important;
}

/* Each badge: stable width behavior */
#clv-badges-cta .clv-badge{
  width: 100%;
  max-width: 520px;              /* prevents too wide on large screens */
  justify-content: space-between; /* keeps icon nicely aligned */
}

/* Text can wrap safely */
#clv-badges-cta .clv-badge__text{
  min-width: 0;
}
#clv-badges-cta .clv-badge__title,
#clv-badges-cta .clv-badge__sub{
  white-space: normal !important; /* allow wrapping */
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 2) Tablet: 2 columns grid style */
@media (min-width: 600px) and (max-width: 1024px){
  #clv-badges-cta .clv-badge{
    width: calc(50% - 6px);  /* two columns */
    max-width: none;
  }
}

/* 3) Mobile: 1 column full width (clean + aligned) */
@media (max-width: 599px){
  #clv-badges-cta{
    gap: 10px !important;
  }
  #clv-badges-cta .clv-badge{
    width: 100% !important;       /* single column */
    max-width: 100% !important;
    padding: 10px 12px !important;
  }
  #clv-badges-cta .clv-badge__icon{
    width: 30px !important;
    height: 30px !important;
  }
  #clv-badges-cta .clv-badge__title{ font-size: 12.5px !important; }
  #clv-badges-cta .clv-badge__sub{ font-size: 10.5px !important; }
}
/* ===== Light shine animation ===== */

#clv-badges-cta .clv-badge{
  position: relative;
  overflow: hidden;
}

/* light layer */
#clv-badges-cta .clv-badge::after{
  content:"";
  position:absolute;
  top:-50%;
  left:-120%;
  width:60%;
  height:200%;

  background:linear-gradient(
    120deg,
    transparent,
    rgba(155,203,60,0.35),
    rgba(255,255,255,0.45),
    rgba(155,203,60,0.35),
    transparent
  );

  transform: rotate(25deg);
  animation: badgeShine 4s infinite;
}

/* delay for each badge so they shine one after another */
#clv-badges-cta .clv-badge:nth-child(1)::after{ animation-delay:0s; }
#clv-badges-cta .clv-badge:nth-child(2)::after{ animation-delay:1s; }
#clv-badges-cta .clv-badge:nth-child(3)::after{ animation-delay:2s; }
#clv-badges-cta .clv-badge:nth-child(4)::after{ animation-delay:3s; }

@keyframes badgeShine{
  0%{
    left:-120%;
    opacity:0;
  }
  30%{
    opacity:1;
  }
  100%{
    left:160%;
    opacity:0;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d48c876 *//* =========================
   CTA AR + FR UX équilibré
========================= */

/* conteneurs */
#cta_2,
#cta_fr{
  display:flex;
  justify-content:center;
  align-items:center;
}

/* base commune */
#cta_2 a,
#cta_fr a,
#cta_2 .elementor-button,
#cta_fr .elementor-button{

  display:inline-flex;
  align-items:center;
  justify-content:center;

  width:320px;
  min-height:60px;

  /* même marge interne */
  padding:16px 28px;

  border-radius:14px;

  font-family:"Cairo", Arial, sans-serif;
  font-weight:700;
  line-height:1;
  text-align:center;
  text-decoration:none;

  transition:all .25s ease;
}

/* ===== CTA PRINCIPAL (ARABE) ===== */

#cta_2 a,
#cta_2 .elementor-button{

  background:#9BCB3C;
  color:#111;

  border:2px solid #9BCB3C;

  font-size:1.25rem;

  box-shadow:0 8px 20px rgba(155,203,60,.25);
}

/* hover inversé */

#cta_2 a:hover,
#cta_2 .elementor-button:hover{

  background:transparent;
  color:#fff;

  border:2px solid #9BCB3C;

  box-shadow:none;
}



/* ===== CTA SECONDAIRE (FR) ===== */

#cta_fr a,
#cta_fr .elementor-button{

  background:transparent;
  color:#fff;

  border:2px solid #9BCB3C;

  font-size:1.05rem;
}

/* hover inversé */

#cta_fr a:hover,
#cta_fr .elementor-button:hover{

  background:#9BCB3C;
  color:#111;

  border:2px solid #9BCB3C;

  box-shadow:0 8px 20px rgba(155,203,60,.25);
}



/* =========================
   Responsive
========================= */

@media (max-width:768px){

  #cta_2 a,
  #cta_fr a,
  #cta_2 .elementor-button,
  #cta_fr .elementor-button{

    width:100%;
    max-width:320px;

    min-height:56px;

    padding:14px 22px;
  }

}/* End custom CSS */