/* ==========================================================================
   Growth Firstly — theme-wide responsive foundation
   Loads after header / footer / polish. Page kits can override.
   ========================================================================== */

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

img,
video,
svg {
  max-width: 100%;
}

iframe,
embed,
object {
  max-width: 100%;
}

iframe {
  width: 100%;
}

.content-area img,
.entry-content img,
.privacy-content img,
.single--service--page img,
.recognition__section--images img {
  height: auto;
}

pre,
code {
  max-width: 100%;
  overflow-x: auto;
}

.wp-block-table,
.entry-content table,
.content-area table,
.privacy-content table {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}

@media (max-width: 991px) {
  .section-two-halves,
  .section-two-halves.custom__img,
  .excellence-halves,
  .our__niche--halves,
  .gf-audit-content {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100%;
    max-width: 100%;
  }

  .gf-hero--appinventiv {
    min-height: 100svh;
  }

  .gf-hero--appinventiv .gf-hero__canvas,
  .gf-hero--appinventiv .homepage-banner-body,
  .gf-hero--appinventiv .homepage-banner-body .slick-slide,
  .gf-hero--appinventiv .homepage-banner-body .slick-slide > div {
    min-height: 100svh;
  }

  .internal--right--half img {
    width: 100% !important;
    max-width: 22rem;
    box-shadow: none !important;
  }
}

@media (max-width: 768px) {
  .home--page.container {
    gap: 2.5rem !important;
  }

  h1,
  h2,
  h3,
  .home__heading,
  .page-banner__title {
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .recognition__section--images,
  .recognition__section--body {
    width: 100%;
    max-width: 100%;
  }

  .excellence--cta_section--main,
  .contact-form-top__content {
    flex-direction: column;
    align-items: flex-start;
  }

  .framework-category-btns,
  .our__frameworks-main,
  .niche--right {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 575px) {
  input,
  textarea,
  select,
  button,
  .wpcf7-form-control,
  .wpcf7-submit {
    max-width: 100%;
  }
}