#CustomCarousel {
    width: 100%;
    overflow: visible !important;
    touch-action: pan-y !important;
  }

  #CustomCarousel .elementor-widget-container,
  #CustomCarousel .e-n-carousel,
  #CustomCarousel .swiper,
  #CustomCarousel .swiper-wrapper {
    overflow: visible !important;
  }

  #CustomCarousel .swiper {
    touch-action: pan-y !important;
  }

  #CustomCarousel .swiper-wrapper {
    align-items: center !important;
    will-change: transform;
  }

  #CustomCarousel .swiper-slide {
    margin: 0 !important;
    padding: 50px 0 !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: auto !important;
    position: relative !important;
    height: auto !important;
    touch-action: pan-y !important;
  }

  #CustomCarousel .swiper-slide > .e-con {
    width: 160% !important;
    max-width: none !important;
    flex-shrink: 0 !important;

    transform:
      translate3d(0, 0, 0)
      scale(var(--card-scale, 0.8));

    transform-origin: center center;

    opacity: var(--card-opacity, 0.8);
    z-index: var(--card-z, 10);

    transition:
      transform var(--collection-transition-duration, 0s) cubic-bezier(0.22, 1, 0.36, 1),
      opacity var(--collection-transition-duration, 0s) cubic-bezier(0.22, 1, 0.36, 1);

    will-change: transform, opacity;

    margin-left: auto !important;
    margin-right: auto !important;

    pointer-events: auto !important;
    user-select: none;
  }

  #CustomCarousel .swiper-slide > .e-con a,
  #CustomCarousel .swiper-slide > .e-con button {
    pointer-events: auto !important;
  }

  #CustomCarousel .swiper-button-prev,
  #CustomCarousel .swiper-button-next {
    z-index: 2000 !important;
  }

  /* Tablet */
  @media (min-width: 768px) and (max-width: 1199px) {
    #CustomCarousel .swiper-slide {
      padding: 40px 0 !important;
    }

    #CustomCarousel .swiper-slide > .e-con {
      width: 160% !important;
      padding: 40px !important;
    }
  }

  /* Mobile */
  @media (max-width: 767px) {
    #CustomCarousel,
    #CustomCarousel .swiper {
      width: 100% !important;
      touch-action: pan-y !important;
    }

    #CustomCarousel .swiper-wrapper {
      width: 100% !important;
    }

    #CustomCarousel .swiper-slide {
      padding: 30px 0 !important;
      touch-action: pan-y !important;
    }

    #CustomCarousel .swiper-slide > .e-con {
      width: 120% !important;
      padding: 30px !important;
    }
  }

  /* Small Mobile */
  @media (max-width: 480px) {
    #CustomCarousel .swiper-slide {
      padding: 0 !important;
    }

    #CustomCarousel .swiper-slide > .e-con {
      width: 120% !important;
      padding: 0 !important;
    }
  }

  /* Desktop */
  @media (min-width: 1200px) {
    #CustomCarousel .swiper {
      width: 100% !important;
    }
  }

  @media (min-width: 1500px) {
    #CustomCarousel .swiper {
      width: 100% !important;
    }
  }

  /* First paint uses the same responsive composition as the existing controller. */
  #CustomCarousel .e-n-carousel { padding-inline: var(--e-n-carousel-swiper-offset-size, 80px); }
  #CustomCarousel .swiper-slide { width: calc(100% / var(--collection-slides)); }
  #CustomCarousel .swiper-wrapper { transform: translate3d(calc(50% - 100% * (var(--collection-initial-index) + var(--collection-edge-slides, 0) + .5) / var(--collection-slides)), 0, 0); }
  #CustomCarousel { --collection-slides: 2; --collection-initial-index: 1; }
  #CustomCarousel .swiper-slide[data-slide="1"] { --card-scale: 0.94; --card-opacity: 0.98; --card-z: 80; z-index: 900 !important; }
  #CustomCarousel .swiper-slide[data-slide="2"] { --card-scale: 1.12; --card-opacity: 1; --card-z: 100; z-index: 1000 !important; }
  #CustomCarousel .swiper-slide[data-slide="3"] { --card-scale: 0.94; --card-opacity: 0.98; --card-z: 80; z-index: 900 !important; }
  #CustomCarousel .swiper-slide[data-slide="4"] { --card-scale: 0.87; --card-opacity: 0.94; --card-z: 60; z-index: 800 !important; }
  #CustomCarousel .swiper-slide[data-slide="5"] { --card-scale: 0.8; --card-opacity: 0.88; --card-z: 40; z-index: 700 !important; }
  #CustomCarousel .swiper-slide[data-slide="6"] { --card-scale: 0.74; --card-opacity: 0.8; --card-z: 20; z-index: 600 !important; }
  #CustomCarousel .swiper-slide[data-slide="7"] { --card-scale: 0.68; --card-opacity: 0.7; --card-z: 10; z-index: 500 !important; }
  #CustomCarousel .swiper-slide[data-slide="8"] { --card-scale: 0.68; --card-opacity: 0.7; --card-z: 10; z-index: 400 !important; }
  #CustomCarousel .swiper-slide[data-slide="9"] { --card-scale: 0.68; --card-opacity: 0.7; --card-z: 10; z-index: 500 !important; }
  #CustomCarousel .swiper-slide[data-slide="10"] { --card-scale: 0.74; --card-opacity: 0.8; --card-z: 20; z-index: 600 !important; }
  #CustomCarousel .swiper-slide[data-slide="11"] { --card-scale: 0.8; --card-opacity: 0.88; --card-z: 40; z-index: 700 !important; }
  #CustomCarousel .swiper-slide[data-slide="12"] { --card-scale: 0.87; --card-opacity: 0.94; --card-z: 60; z-index: 800 !important; }
  @media (min-width: 768px) {
  #CustomCarousel { --collection-slides: 4; --collection-initial-index: 2; }
  #CustomCarousel .swiper-slide[data-slide="1"] { --card-scale: 0.87; --card-opacity: 0.94; --card-z: 60; z-index: 800 !important; }
  #CustomCarousel .swiper-slide[data-slide="2"] { --card-scale: 0.94; --card-opacity: 0.98; --card-z: 80; z-index: 900 !important; }
  #CustomCarousel .swiper-slide[data-slide="3"] { --card-scale: 1.12; --card-opacity: 1; --card-z: 100; z-index: 1000 !important; }
  #CustomCarousel .swiper-slide[data-slide="4"] { --card-scale: 0.94; --card-opacity: 0.98; --card-z: 80; z-index: 900 !important; }
  #CustomCarousel .swiper-slide[data-slide="5"] { --card-scale: 0.87; --card-opacity: 0.94; --card-z: 60; z-index: 800 !important; }
  #CustomCarousel .swiper-slide[data-slide="6"] { --card-scale: 0.8; --card-opacity: 0.88; --card-z: 40; z-index: 700 !important; }
  #CustomCarousel .swiper-slide[data-slide="7"] { --card-scale: 0.74; --card-opacity: 0.8; --card-z: 20; z-index: 600 !important; }
  #CustomCarousel .swiper-slide[data-slide="8"] { --card-scale: 0.68; --card-opacity: 0.7; --card-z: 10; z-index: 500 !important; }
  #CustomCarousel .swiper-slide[data-slide="9"] { --card-scale: 0.68; --card-opacity: 0.7; --card-z: 10; z-index: 400 !important; }
  #CustomCarousel .swiper-slide[data-slide="10"] { --card-scale: 0.68; --card-opacity: 0.7; --card-z: 10; z-index: 500 !important; }
  #CustomCarousel .swiper-slide[data-slide="11"] { --card-scale: 0.74; --card-opacity: 0.8; --card-z: 20; z-index: 600 !important; }
  #CustomCarousel .swiper-slide[data-slide="12"] { --card-scale: 0.8; --card-opacity: 0.88; --card-z: 40; z-index: 700 !important; }
  }
  @media (min-width: 992px) {
  #CustomCarousel { --collection-slides: 5; --collection-initial-index: 2; }
  #CustomCarousel .swiper-slide[data-slide="1"] { --card-scale: 0.87; --card-opacity: 0.94; --card-z: 60; z-index: 800 !important; }
  #CustomCarousel .swiper-slide[data-slide="2"] { --card-scale: 0.94; --card-opacity: 0.98; --card-z: 80; z-index: 900 !important; }
  #CustomCarousel .swiper-slide[data-slide="3"] { --card-scale: 1.12; --card-opacity: 1; --card-z: 100; z-index: 1000 !important; }
  #CustomCarousel .swiper-slide[data-slide="4"] { --card-scale: 0.94; --card-opacity: 0.98; --card-z: 80; z-index: 900 !important; }
  #CustomCarousel .swiper-slide[data-slide="5"] { --card-scale: 0.87; --card-opacity: 0.94; --card-z: 60; z-index: 800 !important; }
  #CustomCarousel .swiper-slide[data-slide="6"] { --card-scale: 0.8; --card-opacity: 0.88; --card-z: 40; z-index: 700 !important; }
  #CustomCarousel .swiper-slide[data-slide="7"] { --card-scale: 0.74; --card-opacity: 0.8; --card-z: 20; z-index: 600 !important; }
  #CustomCarousel .swiper-slide[data-slide="8"] { --card-scale: 0.68; --card-opacity: 0.7; --card-z: 10; z-index: 500 !important; }
  #CustomCarousel .swiper-slide[data-slide="9"] { --card-scale: 0.68; --card-opacity: 0.7; --card-z: 10; z-index: 400 !important; }
  #CustomCarousel .swiper-slide[data-slide="10"] { --card-scale: 0.68; --card-opacity: 0.7; --card-z: 10; z-index: 500 !important; }
  #CustomCarousel .swiper-slide[data-slide="11"] { --card-scale: 0.74; --card-opacity: 0.8; --card-z: 20; z-index: 600 !important; }
  #CustomCarousel .swiper-slide[data-slide="12"] { --card-scale: 0.8; --card-opacity: 0.88; --card-z: 40; z-index: 700 !important; }
  }
  @media (min-width: 1500px) {
  #CustomCarousel { --collection-slides: 7; --collection-initial-index: 3; }
  #CustomCarousel .swiper-slide[data-slide="1"] { --card-scale: 0.8; --card-opacity: 0.88; --card-z: 40; z-index: 700 !important; }
  #CustomCarousel .swiper-slide[data-slide="2"] { --card-scale: 0.87; --card-opacity: 0.94; --card-z: 60; z-index: 800 !important; }
  #CustomCarousel .swiper-slide[data-slide="3"] { --card-scale: 0.94; --card-opacity: 0.98; --card-z: 80; z-index: 900 !important; }
  #CustomCarousel .swiper-slide[data-slide="4"] { --card-scale: 1.12; --card-opacity: 1; --card-z: 100; z-index: 1000 !important; }
  #CustomCarousel .swiper-slide[data-slide="5"] { --card-scale: 0.94; --card-opacity: 0.98; --card-z: 80; z-index: 900 !important; }
  #CustomCarousel .swiper-slide[data-slide="6"] { --card-scale: 0.87; --card-opacity: 0.94; --card-z: 60; z-index: 800 !important; }
  #CustomCarousel .swiper-slide[data-slide="7"] { --card-scale: 0.8; --card-opacity: 0.88; --card-z: 40; z-index: 700 !important; }
  #CustomCarousel .swiper-slide[data-slide="8"] { --card-scale: 0.74; --card-opacity: 0.8; --card-z: 20; z-index: 600 !important; }
  #CustomCarousel .swiper-slide[data-slide="9"] { --card-scale: 0.68; --card-opacity: 0.7; --card-z: 10; z-index: 500 !important; }
  #CustomCarousel .swiper-slide[data-slide="10"] { --card-scale: 0.68; --card-opacity: 0.7; --card-z: 10; z-index: 400 !important; }
  #CustomCarousel .swiper-slide[data-slide="11"] { --card-scale: 0.68; --card-opacity: 0.7; --card-z: 10; z-index: 500 !important; }
  #CustomCarousel .swiper-slide[data-slide="12"] { --card-scale: 0.74; --card-opacity: 0.8; --card-z: 20; z-index: 600 !important; }
  }
