.elementor-kit-8{--e-global-color-primary:#F2EEE8;--e-global-color-secondary:#66796B;--e-global-color-text:#D7A184;--e-global-color-accent:#F5D2A8;--e-global-color-d37c3c3:#17311E;--e-global-color-8d3d219:#D4C2AD;--e-global-color-5a15440:#BA8E7A;--e-global-color-a196eee:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-secondary );font-family:"basic-sans", Sans-serif;font-size:22px;font-weight:normal;}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{background-color:var( --e-global-color-text );font-family:"basic-sans", Sans-serif;font-size:20px;font-weight:500;color:var( --e-global-color-a196eee );border-radius:30px 30px 30px 30px;}.elementor-kit-8 button:hover,.elementor-kit-8 button:focus,.elementor-kit-8 input[type="button"]:hover,.elementor-kit-8 input[type="button"]:focus,.elementor-kit-8 input[type="submit"]:hover,.elementor-kit-8 input[type="submit"]:focus,.elementor-kit-8 .elementor-button:hover,.elementor-kit-8 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-primary );}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 h1{color:var( --e-global-color-5a15440 );font-family:"basic-sans", Sans-serif;font-size:80px;font-weight:600;}.elementor-kit-8 h2{color:var( --e-global-color-5a15440 );font-family:"basic-sans", Sans-serif;font-size:75px;font-weight:600;}.elementor-kit-8 h3{color:var( --e-global-color-5a15440 );font-family:"basic-sans", Sans-serif;font-size:70px;font-weight:600;}.elementor-kit-8 h4{color:var( --e-global-color-5a15440 );font-family:"basic-sans", Sans-serif;font-size:65px;font-weight:600;}.elementor-kit-8 h5{color:var( --e-global-color-5a15440 );font-family:"basic-sans", Sans-serif;font-size:60px;font-weight:600;}.elementor-kit-8 h6{color:var( --e-global-color-5a15440 );font-family:"basic-sans", Sans-serif;font-size:55px;font-weight:600;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */#benefit-cards .swiper {
  position: relative;         
  overflow-x: hidden;         
  overflow-y: hidden ;        
  padding-block: 20px;        
  margin-left: 180px;
  margin-right: -80px;
}

/* Keep slide 3D effects visible inside the box 
#benefit-cards .swiper-wrapper,
#benefit-cards .swiper-slide {
  overflow: visible;
}*/


/* Elementor containers sometimes clip too — open them up */
#benefit-cards .benefit-card,
#benefit-cards .benefit-card_container,
#benefit-cards .e-con {
  overflow: hidden;
}

#benefit-cards .swiper-slide {
  opacity: .15;
  transform: scale(.8) translateY(-20px) rotateY(0);
  filter: blur(4px);
  /* Transition *only* the properties you animate for smoother timing */
  transition: transform .6s ease, opacity .6s ease, filter .6s ease;
  transform-origin: center center;
  will-change: transform, opacity, filter;
}

/* left & right (prev/next) slides */
#benefit-cards .swiper-slide-prev {
  opacity: .6;
  transform: scale(.8) translateY(180) rotateY(15deg);
  filter: blur(2px);
  z-index: 2;
}

#benefit-cards .swiper-slide-next {
  opacity: .6;
  transform: scale(.8) translateY(180) rotateY(-15deg);
  filter: blur(2px);
  z-index: 2;
}

/* active center slide */
#benefit-cards .swiper-slide-active {
  opacity: 1;
  transform: scale(1.1) translateY(0) rotateY(0);
  filter: blur(0);
  z-index: 3;
}


/* ---------- Tablet (768–1024px) ---------- */
@media (max-width: 1024px) and (min-width: 768px) {
  #benefit-cards .swiper {
    /* tighten outer spacing so the 4th slide doesn't peek */
    margin-left: 0px;
    margin-right: -90px;
    padding-block: 16px;
    perspective: 1000px;
  }

  /* soften transforms to avoid vertical clipping */
  #benefit-cards .swiper-slide {
    transform: scale(.85) translateY(-10px) rotateY(0);
  }
  #benefit-cards .swiper-slide-prev {
    transform: scale(.85) translateY(0) rotateY(10deg);
  }
  #benefit-cards .swiper-slide-next {
    transform: scale(.85) translateY(0) rotateY(-10deg);
  }
  #benefit-cards .swiper-slide-active {
    transform: scale(1.06) translateY(0) rotateY(0);
  }
}

/* ---------- Mobile (≤767px) ---------- */
@media (max-width: 767px) {
  #benefit-cards .swiper {
    /* full-bleed on phones; keep horizontal clipping */
    margin-left: 0;
    margin-right: 0;
    padding-block: 18px;
    perspective: 800px;
  }

  /* flatter depth & smaller scale to prevent any top cut */
  #benefit-cards .swiper-slide {
    transform: scale(.9) translateY(0) rotateY(0);
  }
  #benefit-cards .swiper-slide-prev,
  #benefit-cards .swiper-slide-next {
    transform: scale(.9) translateY(0) rotateY(0);
    opacity: .5;               /* subtle de-emphasis */
    filter: blur(3px);
  }
  #benefit-cards .swiper-slide-active {
    transform: scale(1.04) translateY(0) rotateY(0);
  }
}

/* accessibility */
@media (prefers-reduced-motion: reduce) {
  .e-n-carousel .swiper-wrapper,
  .e-n-carousel .swiper-slide {
    transition: none !important;
    animation: none !important;
    transform: none !important;
    opacity: 1 !important;
    filter: none !important;
  }
}/* End custom CSS */