.elementor-25 .elementor-element.elementor-element-57fcb2e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25 .elementor-element.elementor-element-ca68d8a{--display:flex;--margin-top:080px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25 .elementor-element.elementor-element-c9c3575{--display:flex;--margin-top:080px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25 .elementor-element.elementor-element-cf1aef9{--display:flex;--margin-top:080px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25 .elementor-element.elementor-element-f22f659{--display:flex;--margin-top:080px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25 .elementor-element.elementor-element-f23e4c4{--display:flex;--margin-top:080px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-477749c *//* =====================================================
   MOBILE-ONLY FIX — "Our Core Services" Carousel
   Sirf mobile (<=768px) ke liye. Desktop/Tablet untouched.
   ===================================================== */

@media (max-width: 768px) {

  /* 1) Outer viewport - overflow hide, adjacent cards clip ho jaayein */
  .elementor-widget-loop-carousel .swiper,
  .elementor-widget-loop-carousel .swiper-container,
  .elementor-loop-container .swiper,
  section .swiper {
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
  }

  /* 2) Track ko flex rakho, koi extra offset na ho */
  .elementor-widget-loop-carousel .swiper-wrapper,
  .elementor-loop-container .swiper-wrapper {
    display: flex !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
  }

  /* 3) Har slide/card poori width le - EXACTLY 1 card visible */
  .elementor-widget-loop-carousel .swiper-slide,
  .elementor-loop-container .swiper-slide {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    opacity: 1 !important; /* Swiper ka fade/prev-next opacity override */
  }

  /* 4) Slide ke andar wala actual card box bhi full width le */
  .elementor-widget-loop-carousel .swiper-slide > div,
  .elementor-loop-container .swiper-slide > div {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }

  /* 5) Prev/Next partial peek force-hide (agar Swiper slidesPerView "auto" pe set hai) */
  .elementor-widget-loop-carousel .swiper-slide:not(.swiper-slide-active) {
    visibility: visible !important; /* JS ko chalte rehne do, sirf width fix hai */
  }

  /* 6) Section me koi horizontal overflow na ho */
  .elementor-widget-loop-carousel,
  .elementor-loop-container {
    overflow-x: hidden !important;
  }

  /* 7) Pagination dots neat spacing */
  .elementor-widget-loop-carousel .swiper-pagination,
  .elementor-loop-container .swiper-pagination {
    position: relative !important;
    margin-top: 16px !important;
  }
}/* End custom CSS */