.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-48413 .elementor-element.elementor-element-6d8a108.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-48413 .elementor-element.elementor-element-6d8a108 .elementor-main-swiper{height:300px;}.elementor-48413 .elementor-element.elementor-element-6d8a108 .elementor-main-swiper .swiper-slide{border-radius:8px;}.elementor-48413 .elementor-element.elementor-element-6d8a108 .elementor-swiper-button{font-size:20px;}.elementor-48413 .elementor-element.elementor-element-37de5fb.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-48413 .elementor-element.elementor-element-37de5fb .elementor-main-swiper .swiper-slide{border-radius:8px;}.elementor-48413 .elementor-element.elementor-element-37de5fb .elementor-swiper-button{font-size:20px;}.elementor-48413 .elementor-element.elementor-element-6860742 .bdt-prime-slider-tango .bdt-image-wrap::before{background-color:transparent;background-image:linear-gradient(360deg, #000 0%, #00000000 100%);}.elementor-48413 .elementor-element.elementor-element-6860742 .bdt-prime-slider-tango .bdt-item{height:250px;}.elementor-48413 .elementor-element.elementor-element-6860742 .bdt-prime-slider-tango .bdt-content-wrap{text-align:center;}.elementor-48413 .elementor-element.elementor-element-6860742 .bdt-prime-slider-tango .bdt-subtitle{margin-bottom:0px;}.elementor-48413 .elementor-element.elementor-element-bcb6a4a{--display:flex;}@media(max-width:1024px){.elementor-48413 .elementor-element.elementor-element-6d8a108.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-48413 .elementor-element.elementor-element-6d8a108 .elementor-main-swiper{height:200px;width:650px;}.elementor-48413 .elementor-element.elementor-element-37de5fb.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}@media(max-width:767px){.elementor-48413 .elementor-element.elementor-element-6d8a108.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:5px;}.elementor-48413 .elementor-element.elementor-element-6d8a108 .elementor-main-swiper{height:250px;}.elementor-48413 .elementor-element.elementor-element-37de5fb.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:5px;}.elementor-48413 .elementor-element.elementor-element-37de5fb .elementor-main-swiper{height:250px;}.elementor-48413 .elementor-element.elementor-element-6860742 .bdt-prime-slider-tango .bdt-item{height:250px;}.elementor-48413 .elementor-element.elementor-element-bcb6a4a{--justify-content:center;--flex-wrap:wrap;}}/* Start custom CSS for html, class: .elementor-element-dbf4097 */.swipe-indicator span {
    background: #f5f0eb !important;
    padding: 6px 16px !important;
    border-radius: 20px !important;
    display: inline-block !important;
    font-size: 12px !important;
}

@keyframes swipe-bounce {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(8px); }
}

/* Show only on mobile */
@media (max-width: 768px) {
    .swipe-indicator {
        display: block !important;
    }
}


.elementor-48413 .elementor-element.elementor-element-dbf4097 .slider-container {
  display: flex;
  gap: 30px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding-bottom: 20px;
  

  scroll-snap-type: x mandatory; 
  -webkit-overflow-scrolling: touch;
}

.elementor-48413 .elementor-element.elementor-element-dbf4097 .slider-container::-webkit-scrollbar {
  height: 5px;
}
.elementor-48413 .elementor-element.elementor-element-dbf4097 .slider-container::-webkit-scrollbar-thumb {
  background-color: #cbd5e1;
  border-radius: 10px;
}


.elementor-48413 .elementor-element.elementor-element-dbf4097 .slider-item {
  flex: 0 0 140px; /* Blocks container shrinking to maintain widths */
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  scroll-snap-align: start;
}

/* Style settings for the round frame profile boxes */
.elementor-48413 .elementor-element.elementor-element-dbf4097 .image-wrapper {
  width: 200px;
  height: 200px;
  background-color: #f6f3ee; /* Soft beige canvas color */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  overflow: hidden;
}

/* Controls behavior framework of inner icons */
.elementor-48413 .elementor-element.elementor-element-dbf4097 .image-wrapper img {
  width:100%;
  height: 100%;
  object-fit: contain;
}

/* Text properties for names underneath categories */
.elementor-48413 .elementor-element.elementor-element-dbf4097 .item-label {
  font-family: inherit;
  color: #0b4d46;
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.4;
  margin: 0;
}

@media only screen and (max-width: 768px) {
    
 .slider-section { 
    padding: 20px 10px;
    }
    
 .slider-title {
    font-size: 1.6rem ;
    margin-bottom: 20px;
    }

 .slider-container {
    gap: 15px;
    padding-bottom: 15px;
    }

 .slider-item {
    flex: 0 0 100px !important;
    }

 .image-wrapper {
    width: 90px !important;
    height:90px !important;
    }

 .item-label {
    font-size: 0.8rem;
    }
}

.slider-container {
    display: flex;
    gap: 30px;
    overflow-x: scroll; /* Changed from 'auto' to 'scroll' for iOS */
    overflow-y: hidden; /* Explicitly set to 'hidden' to avoid vertical conflicts */
    -webkit-overflow-scrolling: touch; /* For smooth scrolling on iOS */
    scroll-behavior: smooth;
    padding-bottom: 20px;

    /* scroll-snap rules */
    scroll-snap-type: x mandatory;
    -webkit-scroll-snap-type: x mandatory; /* Old WebKit syntax */
    scroll-snap-stop: always; /* Optional but safe for iOS 15.4+ */
    touch-action: pan-x; /* Required for iOS to handle horizontal touch gestures correctly */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be8ee79 */.elementor-48413 .elementor-element.elementor-element-be8ee79 .slider-container {
  display: flex;
  gap: 30px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding-bottom: 20px;
  

  scroll-snap-type: x mandatory; 
  -webkit-overflow-scrolling: touch;
}

.elementor-48413 .elementor-element.elementor-element-be8ee79 .slider-container::-webkit-scrollbar {
  height: 5px;
}
.elementor-48413 .elementor-element.elementor-element-be8ee79 .slider-container::-webkit-scrollbar-thumb {
  background-color: #cbd5e1;
  border-radius: 10px;
}


.elementor-48413 .elementor-element.elementor-element-be8ee79 .slider-item {
  flex: 0 0 140px; /* Blocks container shrinking to maintain widths */
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  scroll-snap-align: start;
}

/* Style settings for the round frame profile boxes */
.elementor-48413 .elementor-element.elementor-element-be8ee79 .image-wrapper {
  width: 200px;
  height: 200px;
  background-color: #f6f3ee; /* Soft beige canvas color */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  overflow: hidden;
}

/* Controls behavior framework of inner icons */
.elementor-48413 .elementor-element.elementor-element-be8ee79 .image-wrapper img {
  width:100%;
  height: 100%;
  object-fit: contain;
}

/* Text properties for names underneath categories */
.elementor-48413 .elementor-element.elementor-element-be8ee79 .item-label {
  font-family: inherit;
  color: #0b4d46;
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.4;
  margin: 0;
}

@media only screen and (max-width: 768px) {
    
 .slider-section { 
    padding: 20px 10px;
    }
    
 .slider-title {
    font-size: 1.6rem ;
    margin-bottom: 20px;
    }

 .slider-container {
    gap: 15px;
    padding-bottom: 15px;
    }

 .slider-item {
    flex: 0 0 100px !important;
    }

 .image-wrapper {
    width: 90px !important;
    height:90px !important;
    }


 .item-label {
    font-size: 0.8rem;
    }
}/* End custom CSS */