.elementor-11532 .elementor-element.elementor-element-2de51e40{--display:flex;--min-height:260px;--justify-content:flex-end;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-11532 .elementor-element.elementor-element-2de51e40{--width:100%;--min-height:99px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-11532 .elementor-element.elementor-element-2de51e40.e-con{--align-self:center;}.elementor-11532 .elementor-element.elementor-element-7011c41{width:100%;max-width:100%;}.elementor-11532 .elementor-element.elementor-element-7011c41 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-7011c41 *//* ===========================
   Carousel Container
=========================== */
.carousel-container {
  width: 100%;
  height: 260px;               /* visible area */
  overflow: hidden;
  position: relative;
  padding: 0px 40px;
}

/* ===========================
   Overlay fade effect (#84CDD2)
=========================== */
.carousel-container::before,
.carousel-container::after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 40px;                /* height of fade */
  z-index: 2;
  pointer-events: none;
}



/* ===========================
   Carousel Track
=========================== */
.carousel-track {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  animation: scroll 15s linear infinite;
  animation-play-state: running;
}
/* ===========================
   Scroll Animation
=========================== */
@keyframes scroll {
  0%   { transform: translateY(0); }
  100% { transform: translateY(-50%); }
}
.carousel-container:hover .carousel-track {
  animation-play-state: paused;
}

/* ===========================
   Company Cards
=========================== */
.company {
  backdrop-filter: url(#liquidglass1);
  -webkit-backdrop-filter: url(#liquid-prism-intense);
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 90px;
  padding: 0 20px 0 15px;
  margin-bottom: 8px;
  border-radius: 50px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.2) 30%,
    rgba(255, 255, 255, 0.4) 80%
  );

  transition: 
    transform 0.35s cubic-bezier(0.23, 1, 0.32, 1),
    box-shadow 0.35s cubic-bezier(0.23, 1, 0.32, 1),
    background 0.35s ease;
}

.company:hover {
  transform: translateY(-6px) scale(1.03) rotateX(2deg);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25), 
              0 0 15px rgba(255, 255, 255, 0.4);
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.35) 20%,
    rgba(255, 255, 255, 0.55) 90%
  );
}


/* ===========================
   CTA Button
=========================== */
.cta-button {
  background: #FE114B;
  color: white;
  border: none;
  border-radius: 50px;
  padding: 10px 22px;
  font-family: poppins;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}

.cta-button:hover {
  background: #f9b52a;
  color: white;
  transform: scale(1.05);
}

/* ===========================
   Logo Box
=========================== */

/*logo-box1 lunique*/
.logo-box1 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 40px;           
  border-radius: 50px;         
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 1) 30%,
    rgba(255, 255, 255, 0.7) 80%
  );
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); 
}

.logo-box1 img {
  width: 110px;
  height: 60px;
  object-fit: contain;
}

/*logo-box2 promutuel*/
.logo-box2 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 40px;           
  border-radius: 50px;        
  background: radial-gradient(
  circle at center center,
  rgba(249, 218, 49, 1) 50%,
  rgba(249, 218, 49, 0.8) 80%
);

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); 
}

.logo-box2 img {
  width: 110px;
  height: 60px;
  object-fit: contain;
}

/*logo-box3 Intact*/
.logo-box3 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 40px;          
  border-radius: 50px;      
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 1) 30%,
    rgba(255, 255, 255, 0.7) 80%
  );
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); 
}

.logo-box3 img {
  width: 110px;
  height: 50px;
  object-fit: contain;
}

/*logo-box4 Pafco*/
.logo-box4 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 40px;            
  border-radius: 50px;         
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 1) 30%,
    rgba(255, 255, 255, 0.7) 80%
  );
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); /* soft premium shadow */
}

.logo-box4 img {
  width: 110px;
  height: 60px;
  object-fit: contain;
}

/*logo-box5 Echelon*/
.logo-box5 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 40px;            
  border-radius: 50px;         
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 1) 30%,
    rgba(255, 255, 255, 0.7) 80%
  );
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.logo-box5 img {
  width: 110px;
  height: 60px;
  object-fit: contain;
}

/*logo-box6 Echelon*/
.logo-box6 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 40px;            
  border-radius: 50px;         
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 1) 30%,
    rgba(255, 255, 255, 0.7) 80%
  );
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); 
}

.logo-box6 img {
  width: 110px;
  height: 60px;
  object-fit: contain;
}

/*logo-box7 Hagerty*/
.logo-box7 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 40px;            
  border-radius: 50px;         
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 1) 30%,
    rgba(255, 255, 255, 0.7) 80%
  );
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); 
}

.logo-box7 img {
  width: 110px;
  height: 60px;
  object-fit: contain;
}




@media (max-width: 767px) {
  .carousel-container {
    width: 100%;
    height: 260px;             
    overflow: hidden;
    position: relative;
    padding: 0px 3%;
  }
  .company {
    height: 60px; 
    padding: 0 20px 0 8px;
    border-radius: 100px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }
  
  .company:hover {
    transform: translateY(-3px) scale(1.02) rotateX(1deg);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18), 
                0 0 8px rgba(255, 255, 255, 0.25);
  }

  .company img {
    max-width: 90px;
    max-height: 50px;
  }

  .cta-button {
    padding: 8px 16px;
    font-size: 14px;
    border-radius: 50px;
  }
  
  /*logo-box1 Lunique*/
  .logo-box1 {
    border-radius: 50px;
    padding: 2px 26px;
  }

  .logo-box1 img {
    width: 80px;
    height: 45px;
  }
  
  /*logo-box2 Promutuel*/
  .logo-box2 {
    border-radius: 50px;
    padding: 2px 26px;
  }

  .logo-box2 img {
    width: 80px;
    height: 45px;
  }
  
    /*logo-box3 Intact*/
  .logo-box3 {
    border-radius: 50px;
    padding: 8px 26px;
  }

  .logo-box3 img {
    width: 80px;
    height: 35px;
  }
  
    /*logo-box4 Pafco*/
  .logo-box4 {
    border-radius: 50px;
    padding: 2px 26px;
  }

  .logo-box4 img {
    width: 80px;
    height: 45px;
  }
  
     /*logo-box5 Echelon*/
  .logo-box5 {
    border-radius: 50px;
    padding: 2px 26px;
  }

  .logo-box5 img {
    width: 80px;
    height: 45px;
  }
  
       /*logo-box6 Aviva*/
  .logo-box6 {
    border-radius: 50px;
    padding: 2px 26px;
  }

  .logo-box6 img {
    width: 80px;
    height: 45px;
  }
  
         /*logo-box6 Hagerty*/
  .logo-box7 {
    border-radius: 50px;
    padding: 2px 26px;
  }

  .logo-box7 img {
    width: 80px;
    height: 45px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2de51e40 */.elementor-11532 .elementor-element.elementor-element-2de51e40{
    ovoverflow: visible !important;
}/* End custom CSS */