.elementor-5527 .elementor-element.elementor-element-2faccb9{--display:flex;--min-height:60vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:0.5;}.elementor-5527 .elementor-element.elementor-element-2faccb9::before, .elementor-5527 .elementor-element.elementor-element-2faccb9 > .elementor-background-video-container::before, .elementor-5527 .elementor-element.elementor-element-2faccb9 > .e-con-inner > .elementor-background-video-container::before, .elementor-5527 .elementor-element.elementor-element-2faccb9 > .elementor-background-slideshow::before, .elementor-5527 .elementor-element.elementor-element-2faccb9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5527 .elementor-element.elementor-element-2faccb9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-5527 .elementor-element.elementor-element-a38bc1c{--e-image-carousel-slides-to-show:5;z-index:99;}.elementor-5527 .elementor-element.elementor-element-a38bc1c > .elementor-widget-container{padding:10vh 0 10vh 0;}.elementor-5527 .elementor-element.elementor-element-a38bc1c .swiper-wrapper{display:flex;align-items:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-5527 .elementor-element.elementor-element-b1286ee.elementor-element{--align-self:center;}.elementor-5527 .elementor-element.elementor-element-b1286ee{z-index:99;}.elementor-5527 .elementor-element.elementor-element-b1286ee img{max-width:200px;}@media(max-width:1024px){.elementor-5527 .elementor-element.elementor-element-a38bc1c{--e-image-carousel-slides-to-show:2;}}/* Start custom CSS for image-carousel, class: .elementor-element-a38bc1c *//* --- STEP 1: Override Swiper carousel layout --- */
.elementor-image-carousel-wrapper.swiper {
  position: relative !important;
  overflow: visible !important;
  height: 600px !important; /* or adjust based on your design */
  transform: none !important;
  transition: none !important;
}

/* Remove Swiper's auto transform and flex layout */
.elementor-image-carousel .swiper-wrapper {
  position: relative !important;
  display: block !important;
  transform: none !important;
  transition: none !important;
  height: 100% !important;
}
.elementor-image-carousel .swiper-slide[data-swiper-slide-index="0"] img{
  /* Example styles */
  border: 2px solid red!important;
  z-index: 1!important;
  max-width: 500px!important;
}

/* Target the second image */
.elementor-image-carousel .swiper-slide[data-swiper-slide-index="1"] img{
    position: absolute!important;
  top: 0!important;
  left: 0!important;
  z-index: 2;
  max-width: 250px!important;
transform: translate(-10%, 160%)!important;
border: 2px solid blue!important;
}

/* Target the third image */
.elementor-image-carousel .swiper-slide[data-swiper-slide-index="2"] img{
  border: 2px solid green!important;
  max-width: 200px!important; 
  position: absolute!important;
  top: 0!important;
  left: 0!important;
  z-index: 4!important;
  transform: translate(80%, 20%)!important;

}

/* Target the fourth image */
.elementor-image-carousel .swiper-slide[data-swiper-slide-index="3"] img{
  border: 2px solid orange!important;
  position: absolute!important;
    max-width: 380px!important; 
  top: 0!important;
  left: 0!important;
  z-index: 5;
  transform: translate(-20%, 140%)!important;

}

/* Target the fifth image */
.elementor-image-carousel .swiper-slide[data-swiper-slide-index="4"] img{
  border: 2px solid purple!important;
  position: absolute!important;
    max-width: 440px!important; 
  top: 0!important;
  left: 0!important;
  z-index:3;
   transform: translate(-60%, 20%)!important;
}/* End custom CSS */