/*  image equal height*/
@media (max-width: 767px) {
  .sf-native-tag-figure {
    position: relative !important;
    height: 200px !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
  }
	.mt-0{
	margin-top:0px!important;	
	}

  .sf-native-tag-figure .sf-atomic-image,
  .sf-native-tag-figure .sf-atomic-image .elementor-widget-container {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .sf-native-tag-figure img.sf-atomic-image-output {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center !important;
    background: none !important;
    display: block !important;
  }

  .sf-native-tag-figcaption {
    position: absolute !important;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
  }
}
@media (max-width: 680px) {
    body:where(.page-v2.sf-native-elementor-page)[data-page="services"] .services-hero-visual img, body:where(.page-v2.sf-native-elementor-page)[data-page="contact"] .contact-hero-visual img, body:where(.page-v2.sf-native-elementor-page).governance-page .line-art-governance-hero .governance-hero-art img {
        width: 100%;
        max-width: none;
        height: auto;
        margin-left: 0%;
        object-fit: initial;
    }
}
/*  home slider service page*/
/* Service carousel – mobile: one card per swipe, no skipping */
/* @media (max-width:767px){
  html body .service-carousel-viewport,
  html body .elementor-element-e9cc13c{
    scroll-snap-type:x mandatory !important;
    scroll-padding:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  html body .service-cards-grid{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:16px !important;
    width:100% !important;
    padding:0 !important;
  }

  html body .service-cards-grid > .service-info-card{
    flex:0 0 100% !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    scroll-snap-align:start !important;
    scroll-snap-stop:always !important;
    opacity:1 !important;
    filter:none !important;
  }
} */
.sfm-dots{display:none}
@media (max-width:767px){
  html body .service-carousel-pagination{display:none !important}
  .sfm-dots{display:flex;align-items:center;gap:8px}
  .sfm-dots button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:#d5dbe3;cursor:pointer;transition:width .25s,background .25s}
  .sfm-dots button.active{width:28px;background:#ed1c24}
}
.sfm-dots{display:none}

@media (max-width:767px){
  /* Footer: dots left, arrows right, one line */
  html body .service-carousel-footer.elementor-element-18ea133{
    --display:flex !important;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    grid-template-columns:none !important;
    width:100% !important;
  }

  /* Hide text + original theme dots */
  html body .service-carousel-footer.elementor-element-18ea133 > .elementor-element-75ab010,
  html body .service-carousel-footer.elementor-element-18ea133 > .service-carousel-pagination,
  html body .service-carousel-footer .service-carousel-pagination.elementor-element-07f2353{
    display:none !important;
  }

  /* New dots */
  html body .service-carousel-footer .sfm-dots{
    display:flex !important;
    align-items:center;
    gap:8px;
    order:1;
    margin:0 !important;
  }
  .sfm-dots button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:#d5dbe3;cursor:pointer;transition:width .25s,background .25s}
  .sfm-dots button.active{width:28px;background:#ed1c24}

  /* Arrows */
  html body .service-carousel-footer.elementor-element-18ea133 > .service-carousel-controls{
    --display:flex !important;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:10px !important;
    order:2;
    width:auto !important;
    margin:0 0 0 auto !important;
    flex:0 0 auto !important;
  }

	
/* 	sustainability */
	@media (max-width: 840px) {
  body .elementor-element.elementor-element-8e0c1a8.sustainability-detail-gallery {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    --width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body .elementor-element.elementor-element-8e0c1a8 > .elementor-element.elementor-element-187545c,
  body .elementor-element.elementor-element-8e0c1a8 > .elementor-element.elementor-element-8099da6 {
    --width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    flex: 1 1 100% !important;
    align-self: stretch !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body .elementor-element.elementor-element-8887c43,
  body .elementor-element.elementor-element-0088389,
  body .elementor-element.elementor-element-8887c43 > .elementor-widget-container,
  body .elementor-element.elementor-element-0088389 > .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
  }

  body .elementor-element.elementor-element-8887c43 img.sf-atomic-image-output,
  body .elementor-element.elementor-element-0088389 img.sf-atomic-image-output {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 10;
    object-fit: cover !important;
  }
}
	@media (max-width: 767px) {
  .services-overview-card a.e-button-base {
    display: flex !important;
    align-items: center;
    gap: 6px;
    width: max-content !important;
    max-width: none !important;
    white-space: nowrap !important;
    text-wrap: nowrap !important;
    margin-left: auto !important;
    align-self: flex-end !important;
  }
}