/* Local static export fixes */
html, body { max-width: 100%; overflow-x: hidden; }
*, *::before, *::after { box-sizing: border-box; }
.elementor-section, .elementor-container, .elementor-widget-wrap, .elementor-widget-container { max-width: 100%; }
p, .elementor-widget-text-editor, .elementor-heading-title, .ui-e-testimonial-text, .ui-e-testimonial-text p, a, span {
  overflow-wrap: anywhere;
  word-break: normal;
  white-space: normal;
}
.elementor-widget-text-editor p { margin-left: auto; margin-right: auto; }
/* Keep section text readable and centered after SingleFile export */
#our-work .elementor-widget-text-editor,
.elementor-element-88a53ee .elementor-widget-text-editor,
.elementor-element-88a53ee p {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
/* Restore Swiper/carousel behavior without depending on WordPress JS */
.swiper { width: 100%; overflow: hidden; }
.swiper-wrapper { display: flex !important; align-items: stretch; will-change: transform; transition: transform .45s ease !important; }
.swiper-slide { flex: 0 0 auto; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: auto !important; }
.elementor-image-carousel-wrapper .swiper-slide { height: auto; }
.elementor-image-carousel-wrapper .swiper-slide-inner { margin: 0; display: block; height: 100%; }
.elementor-image-carousel-wrapper .swiper-slide-image { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 20px; }
.ui-e-carousel .swiper-slide { height: auto; }
.ui-e-carousel .ui-e-item, .ui-e-carousel .ui-e-content { height: 100%; }
.swiper-button-prev, .swiper-button-next, .elementor-swiper-button-prev, .elementor-swiper-button-next { cursor: pointer; z-index: 20; }
@media (max-width: 767px) {
  .elementor-image-carousel-wrapper .swiper-slide-image { aspect-ratio: 16 / 11; }
  .elementor-widget-text-editor p { padding-left: 16px; padding-right: 16px; }
}


/* Full-width testimonials/reviews fix */
.testimonials,
.testimonial,
.reviews,
.review-section,
section:has(.swiper),
section:has([class*="testimonial"]),
section:has([class*="review"]) {
  width: 100% !important;
  max-width: none !important;
  overflow: hidden !important;
}

.testimonials .container,
.testimonial .container,
.reviews .container,
.review-section .container,
section:has([class*="testimonial"]) .container,
section:has([class*="review"]) .container {
  width: min(1180px, calc(100% - 32px)) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.testimonials .swiper,
.reviews .swiper,
section:has([class*="testimonial"]) .swiper,
section:has([class*="review"]) .swiper {
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

.testimonials .swiper-wrapper,
.reviews .swiper-wrapper,
section:has([class*="testimonial"]) .swiper-wrapper,
section:has([class*="review"]) .swiper-wrapper {
  align-items: stretch !important;
}

.testimonials .swiper-slide,
.reviews .swiper-slide,
section:has([class*="testimonial"]) .swiper-slide,
section:has([class*="review"]) .swiper-slide {
  opacity: 1 !important;
  visibility: visible !important;
  height: auto !important;
}

.testimonials .elementor-widget-container,
.reviews .elementor-widget-container,
section:has([class*="testimonial"]) .elementor-widget-container,
section:has([class*="review"]) .elementor-widget-container {
  width: 100% !important;
  max-width: none !important;
  overflow: visible !important;
}

@media (max-width: 767px) {
  .testimonials .container,
  .reviews .container,
  section:has([class*="testimonial"]) .container,
  section:has([class*="review"]) .container {
    width: calc(100% - 24px) !important;
  }
}