

html, body {
  overflow-x: hidden;
  max-width: 100%;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

.create-a-horizontal-multi-item-wrapper,
.create-a-horizontal-multi-item-container1,
.create-a-horizontal-multi-item-container3,
.footer-wrapper,
.footer-container1,
.footer-container3,
.home-container3,
.home-container5,
.home-container7 {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

.create-a-horizontal-multi-item-image10,
.create-a-horizontal-multi-item-image12,
.create-a-horizontal-multi-item-image14,
.create-a-horizontal-multi-item-image16,
.create-a-horizontal-multi-item-image18,
.create-a-horizontal-multi-item-image20 {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

.horizontal-multi-item-track-wrapper {
  margin: 0 !important;
  padding: 0 var(--spacing-md) !important;
  overflow-x: auto !important;
  max-width: 100% !important;
}

.horizontal-multi-item-track {
  width: 100% !important;
  max-width: 100% !important;
}

.horizontal-multi-item-card {
  min-width: 0 !important;
}

@media (max-width: 767px) {
  .navigation-container,
  .hero-section,
  .trust-container,
  .about-container,
  .services-container,
  .results-container,
  .process-container,
  .pricing-container,
  .cta-container,
  .contact-container,
  .info-container,
  .horizontal-multi-item-container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .hero-section {
    min-height: auto !important;
  }

  .hero-content {
    max-width: 100% !important;
    width: 100% !important;
  }

  .home-hero-title,
  .hero-title {
    font-size: clamp(2.2rem, 10vw, 3.2rem) !important;
    line-height: 1.08 !important;
    word-break: break-word !important;
  }

  .home-hero-subtitle,
  .hero-subtitle {
    font-size: 1rem !important;
  }

  .horizontal-multi-item-track-wrapper,
  .component-examples-carousel-wrapper,
  .examples-carousel-wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .examples-carousel-item,
  .examples-item,
  .examples-slide {
    width: 85vw !important;
    flex: 0 0 85vw !important;
  }
}