/* ================================================================
   MEDIA INITIATION — PROFESSIONAL LAYOUT FIX
   Version: PRO
   ================================================================

   FIXES:
   1. Vertical line hidden
   2. Text cutoff (inside-moving-hero 160vw, how_it_works overflow)
   3. Navbar overlap on inner pages (fixed navbar, insufficient hero top padding)
   4. All text/headings center aligned
   5. Desktop: 4-col grid | Tablet: 2-col | Mobile: 1-col
   6. Testimonials full-width large tiles
   7. Sub-texts centered & stretched
   ================================================================ */

/* ── GLOBAL RESETS ─────────────────────────────────────────── */
html, body {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}

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

img {
  max-width: 100% !important;
  height: auto !important;
}

/* ────────────────────────────────────────────────────────────
   FIX 1: HIDE VERTICAL LINE
   .vertical-line, .step-line, .step-line-bar, .process-line
   These create the visible blue/grey vertical lines on pages
   ──────────────────────────────────────────────────────────── */
.vertical-line,
.step-line,
.step-line-bar,
.process-line,
.vertical-line-tag {
  display: none !important;
}

/* ────────────────────────────────────────────────────────────
   FIX 2: TEXT CUTOFF
   inside-moving-hero-studio was 160vw → causes overflow
   how_it_works_card: position:sticky + overflow:hidden clips text
   ──────────────────────────────────────────────────────────── */
.inside-moving-hero-studio {
  width: 100% !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
}

.master-moving-studio-hero {
  width: 100% !important;
  overflow: hidden !important;
}

.moving-images-top-fill,
.moving-images-bottom-fill {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
}

.how_it_works_card {
  position: relative !important;
  top: auto !important;
  overflow: visible !important;
  height: auto !important;
  min-height: 20rem !important;
}

.how_it_works_card_content {
  overflow: visible !important;
}

.how_it_works_content-left {
  position: static !important;
  top: auto !important;
  margin-bottom: 2rem !important;
}

.tab_text-wrapper {
  overflow: visible !important;
}

/* ────────────────────────────────────────────────────────────
   FIX 3: NAVBAR OVERLAP ON INNER PAGES
   Navbar is fixed at ~90px tall.
   All page hero/header sections need min padding-top: 110px
   ──────────────────────────────────────────────────────────── */
.master-moving-studio-hero {
  margin-top: 90px !important;
}

.common-hero-section,
.common-hero-section-copy,
.common-hero-section-2,
.common-hero-section-3 {
  padding-top: 130px !important;
}

.hero-component,
.hero-home,
.hero-wrapper {
  padding-top: 100px !important;
}

.hero-ribbon-section {
  padding-top: 90px !important;
}

/* Section intro on home gets pushed by fixed nav */
.section_intro {
  margin-top: 0 !important;
  padding-top: 90px !important;
}

/* For pages that use page-wrap with a top section */
.page-wrap {
  padding-top: 0 !important;
  margin-top: 0 !important;
  overflow: visible !important;
}

/* ────────────────────────────────────────────────────────────
   FIX 4 + 7: CENTER ALL HEADINGS AND SUBTEXTS
   ──────────────────────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6 {
  text-align: center !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Sub-text paragraphs: centered, stretched edge-to-edge */
p,
.medium-text,
.text-block,
.text-block-2,
.text-block-4,
.text-block-5,
.text-block-6,
.text-block-7,
.text-block-21,
.services_desc,
.testimonial-quote,
.subtitle-home,
.opacity-85,
.section-short-deatils-text,
.section-short-deatils-text-2 {
  text-align: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ── HERO H1 (home page) ── */
.display-inline {
  display: block !important;
  font-size: clamp(2.2rem, 4vw, 4.5rem) !important;
  line-height: 1.15 !important;
  text-align: center !important;
  width: 100% !important;
  overflow-wrap: break-word !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ── All intro text containers ── */
.intro_texts,
.intro_component,
.intro_content,
.container-medium-2 {
  text-align: center !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ── Reset broken fixed widths & negative margins ── */
.heading-2.text-weight-bold,
.heading-2-copy.text-weight-bold,
.heading-2-copy-copy.text-weight-bold {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0 !important;
  text-align: center !important;
}

.heading-style-h3 {
  width: 100% !important;
  position: static !important;
  text-align: center !important;
}

.text-block { width: 100% !important; margin-left: 0 !important; }
.text-block-7 { width: 100% !important; margin-left: 0 !important; }
.subtitle-home { width: 100% !important; }
.heading-3 { width: 100% !important; }
.about-headline-block { margin-left: 0 !important; }
.spacer-large { width: 100% !important; }
.services_items { width: 100% !important; }
.services_content { width: 100% !important; position: static !important; }

/* ────────────────────────────────────────────────────────────
   ALL CONTAINERS: centered
   ──────────────────────────────────────────────────────────── */
.container,
.w-container,
.container-medium,
.container-medium-2,
.container-medium-3,
.container-medium-4,
.container-large,
.container-large-3,
.container-full,
.container-2,
.container-3,
.container-4,
.container-5,
.container-6,
.container-8 {
  max-width: 1360px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}

/* ────────────────────────────────────────────────────────────
   ALL SECTIONS: clean positioning
   ──────────────────────────────────────────────────────────── */
.section,
.section-copy,
.section-copy-copy {
  position: relative !important;
  top: 0 !important;
  bottom: auto !important;
  overflow: visible !important;
  margin-top: 80px !important;
  margin-bottom: 60px !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.section.sign-up-cta {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ────────────────────────────────────────────────────────────
   FIX 5 DESKTOP: 4-COLUMN GRID (992px+)
   ──────────────────────────────────────────────────────────── */
@media screen and (min-width: 992px) {

  /* ── Container max-width fix (was 100px at 1440px) ── */
  .container, .w-container {
    max-width: 1360px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  /* ── SERVICES: restore original side-by-side but with proper widths ── */
  .services_component {
    display: flex !important;
    flex-direction: row !important;
    gap: 4rem !important;
    width: 100% !important;
    max-width: 1360px !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
    align-items: flex-start !important;
  }

  .services_content {
    width: 35% !important;
    flex-shrink: 0 !important;
    position: sticky !important;
    top: 100px !important;
    text-align: left !important;
  }

  .services_content h2,
  .services_content p,
  .services_content .heading-style-h3 {
    text-align: left !important;
  }

  .services_items {
    flex: 1 !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1.5rem !important;
    width: auto !important;
    align-items: start !important;
  }

  .services_item {
    background: #111 !important;
    border-radius: 1rem !important;
    overflow: hidden !important;
    transition: transform 0.2s !important;
  }

  .services_item:hover { transform: translateY(-4px) !important; }

  .services_img-wrap {
    aspect-ratio: 16/9 !important;
    width: 100% !important;
    overflow: hidden !important;
    position: relative !important;
    display: block !important;
  }

  .services_img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    position: absolute !important;
    top: 0 !important; left: 0 !important;
    display: block !important;
  }

  .services_item-infos {
    padding: 1.25rem !important;
    text-align: left !important;
  }

  /* ── TESTIMONIALS: Full-width large tiles, 2 per row ── */
  .testimonial-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1.5rem !important;
    width: 100% !important;
  }

  .testimonial-card-2 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 2.5rem !important;
    border-radius: 1rem !important;
    min-height: 220px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
  }

  .testimonial-content {
    flex: 1 !important;
  }

  /* ── LOGOS: 4 per row, centered ── */
  .logos-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 1.5rem !important;
    width: 100% !important;
  }

  .trusted-by-hero-logos {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 2rem !important;
    width: 100% !important;
  }

  /* ── OTHER GRIDS: 4 columns ── */
  .three-column-grid,
  .how-we-work-grid,
  .phase-cards-grid,
  .our-ecosystem-grid,
  .working-process-content-wrapper {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 1.5rem !important;
    width: 100% !important;
  }

  /* ── SPLIT: 2-col ── */
  .split, .split-copy {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 3rem !important;
    align-items: start !important;
  }

  /* ── PRICING: 4-col ── */
  .pricing_layout {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 1.5rem !important;
  }

  /* ── HOW IT WORKS: 2-col with proper layout ── */
  .how_it_works_component {
    display: grid !important;
    grid-template-columns: 1fr 2fr !important;
    gap: 4rem !important;
    align-items: start !important;
  }

  /* ── HOME HERO: centered ── */
  .home-hero-images-wrapper {
    display: flex !important;
    justify-content: center !important;
    gap: 2rem !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
  }

  .home-hero-image-card-wrapper-01,
  .home-hero-image-card-wrapper-02 {
    flex: 1 !important;
    max-width: 45% !important;
    transform: none !important;
  }

  .home-hero-headline-wrapper {
    justify-content: center !important;
    text-align: center !important;
    margin: 0 auto 2rem !important;
  }

  /* ── FOOTER: 4-col ── */
  .footer-top-wrapper {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 2rem !important;
  }

  /* ── SECTION headings: center, full-width ── */
  .section-title-wrapper,
  .section-title-wrapper-copy,
  .section-headlne-content-wrapper,
  .section-headlne-content-wrapper-copy {
    text-align: center !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin-bottom: 3rem !important;
  }

  .section-title-text,
  .section-title-text-2,
  .section-headline-text,
  .section-headline-text-copy {
    text-align: center !important;
    max-width: 800px !important;
    width: 100% !important;
  }
}

/* ────────────────────────────────────────────────────────────
   TABLET: 2-COLUMN GRID (768px–991px)
   ──────────────────────────────────────────────────────────── */
@media screen and (min-width: 768px) and (max-width: 991px) {

  .section, .section-copy, .section-copy-copy {
    margin-top: 60px !important;
    padding: 0 24px !important;
    top: 0 !important; bottom: auto !important;
  }

  .container, .w-container {
    padding-left: 24px !important;
    padding-right: 24px !important;
    max-width: 100% !important;
  }

  /* Services: stacked on tablet */
  .services_component {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    padding: 0 !important;
    gap: 2rem !important;
  }

  .services_content {
    width: 100% !important;
    position: static !important;
    text-align: center !important;
  }

  .services_items {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1.25rem !important;
    width: 100% !important;
  }

  .services_img-wrap {
    aspect-ratio: 16/9 !important;
    width: 100% !important;
    overflow: hidden !important;
    position: relative !important;
  }

  .services_img {
    width: 100% !important; height: 100% !important;
    object-fit: cover !important; position: absolute !important;
    top: 0 !important; left: 0 !important;
  }

  /* Testimonials: 2 per row */
  .testimonial-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1.25rem !important;
    width: 100% !important;
  }

  .testimonial-card-2 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 2rem !important;
    min-height: 200px !important;
  }

  /* Other grids: 2 col */
  .three-column-grid,
  .logos-grid,
  .how-we-work-grid,
  .phase-cards-grid,
  .our-ecosystem-grid,
  .working-process-content-wrapper,
  .pricing_layout {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1.25rem !important;
    width: 100% !important;
  }

  .split, .split-copy {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }

  .trusted-by-hero-logos {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 1.5rem !important;
  }

  .home-hero-images-wrapper {
    flex-direction: column !important;
    align-items: center !important;
  }

  .home-hero-image-card-wrapper-01,
  .home-hero-image-card-wrapper-02 {
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
  }

  .how_it_works_component {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }
}

/* ────────────────────────────────────────────────────────────
   MOBILE: 1-COLUMN, EVERYTHING CENTERED (767px and below)
   ──────────────────────────────────────────────────────────── */
@media screen and (max-width: 767px) {

  /* ── Sections ── */
  .section, .section-copy, .section-copy-copy {
    margin-top: 50px !important;
    margin-bottom: 30px !important;
    padding: 0 16px !important;
    top: 0 !important;
    bottom: auto !important;
    position: relative !important;
    overflow: visible !important;
  }

  .section.sign-up-cta {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .section_intro {
    padding-top: 100px !important;
    margin-top: 0 !important;
    margin-bottom: 1rem !important;
  }

  /* ── Containers ── */
  .container, .w-container,
  .container-medium, .container-medium-2, .container-medium-3,
  .container-medium-4, .container-large, .container-large-3,
  .container-2, .container-3, .container-4, .container-5,
  .container-6, .container-8 {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    overflow: visible !important;
  }

  /* ── CENTER ALL TEXT ── */
  h1, h2, h3, h4, h5, h6,
  p, li,
  .display-inline,
  .heading-2, .heading-2-copy,
  .heading-2.text-weight-bold,
  .heading-2-copy.text-weight-bold,
  .heading-style-h1, .heading-style-h2, .heading-style-h3,
  .heading-3, .home-hero-headline-text,
  .h1-heading, .h2-heading-2, .h3-heading-2,
  .title, .medium-text, .text-color-grey,
  .services_desc, .text-block, .text-block-7,
  .subtitle-home, .bold-text-6,
  .section-title-text, .section-headline-text,
  .testimonial-quote, .testimonial-content,
  .about-text, .about-details-text,
  .opacity-85, div.opacity-85 > div {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* ── Heading sizes ── */
  .display-inline {
    display: block !important;
    font-size: clamp(1.8rem, 7vw, 2.8rem) !important;
    line-height: 1.25 !important;
    overflow-wrap: break-word !important;
  }

  h1 { font-size: clamp(1.8rem, 7vw, 2.5rem) !important; line-height: 1.2 !important; }
  h2 { font-size: clamp(1.4rem, 5vw, 2rem) !important; line-height: 1.25 !important; }
  h3 { font-size: clamp(1.2rem, 4vw, 1.6rem) !important; }
  h4 { font-size: 1.15rem !important; }

  .heading-style-h1 { font-size: clamp(2rem, 7vw, 2.8rem) !important; }
  .heading-style-h3 { font-size: 1.5rem !important; position: static !important; }
  .home-hero-headline-text { font-size: clamp(2rem, 7vw, 2.8rem) !important; }
  .big-text { font-size: 16vw !important; }
  .hero-main-title { font-size: 16vw !important; }
  .text-big-number { font-size: 2.8rem !important; }

  /* ── Hide side hero images (clutter mobile) ── */
  .intro_image-1, .intro_image-2, .intro_image-3 { display: none !important; }

  /* ── SERVICES: 1 column ── */
  .services_component {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    padding: 0 !important;
    gap: 1.5rem !important;
  }

  .services_content {
    width: 100% !important;
    position: static !important;
    text-align: center !important;
    padding: 0 !important;
  }

  .services_items {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1.25rem !important;
    width: 100% !important;
  }

  .services_item {
    width: 100% !important;
    background: #111 !important;
    border-radius: 0.75rem !important;
    overflow: hidden !important;
  }

  .services_img-wrap {
    aspect-ratio: 16/9 !important;
    width: 100% !important;
    overflow: hidden !important;
    position: relative !important;
    display: block !important;
  }

  .services_img {
    width: 100% !important; height: 100% !important;
    object-fit: cover !important; position: absolute !important;
    top: 0 !important; left: 0 !important;
  }

  .services_item-infos {
    padding: 1rem !important;
    text-align: center !important;
  }

  /* ── TESTIMONIALS: 1 column, large tiles ── */
  .testimonial-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
    width: 100% !important;
  }

  .testimonial-card-2,
  .testimonial-card-2.hide-landscape {
    width: 100% !important;
    max-width: 100% !important;
    padding: 1.75rem !important;
    margin: 0 !important;
    border-radius: 0.75rem !important;
    min-height: 180px !important;
  }

  .testimonial-wrapper { margin-top: 2rem !important; }
  .testimonial-component { max-width: 100% !important; }

  /* ── ALL GRIDS: 1 column ── */
  .split, .split-copy,
  .three-column-grid,
  .logos-grid,
  .faq-split,
  .pricing_layout,
  .how-we-work-grid,
  .phase-cards-grid,
  .our-ecosystem-grid,
  .working-process-content-wrapper,
  .how_it_works_component,
  .footer-top-wrapper {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
    width: 100% !important;
  }

  /* ── LOGOS: 2 per row ── */
  .logos-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  .trusted-by-hero-logos {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 1rem !important;
    width: 100% !important;
  }

  /* ── HOME HERO CARDS ── */
  .home-hero-images-wrapper {
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    gap: 1rem !important;
  }

  .home-hero-image-card-wrapper-01,
  .home-hero-image-card-wrapper-02 {
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
  }

  .home-hero-headline-wrapper {
    flex-direction: column !important;
    text-align: center !important;
    max-width: 100% !important;
    margin-bottom: 2rem !important;
  }

  /* ── FORM ── */
  .split-fields { grid-template-columns: 1fr !important; }

  /* ── FOOTER ── */
  .footer-top,
  .footer-content,
  .footer-bottom,
  .footer-bottom-content,
  .footer-menu-wrapper {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 1.5rem !important;
  }

  .footer-link-list { justify-content: center !important; }

  /* ── NAV ── */
  .navbar-contents {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* ── MISC ── */
  .page-wrap { width: 100% !important; overflow: visible !important; }
  .hero-heading { max-width: 100% !important; }
  .padding-global,
  .padding-global-6,
  .padding-global-7,
  .padding-global-8 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  /* Section title wrappers centered */
  .section-title-wrapper,
  .section-title-wrapper-copy,
  .section-headlne-content-wrapper,
  .section-headlne-content-wrapper-copy {
    text-align: center !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
}

/* ────────────────────────────────────────────────────────────
   SMALL PHONES: 479px
   ──────────────────────────────────────────────────────────── */
@media screen and (max-width: 479px) {

  .section {
    margin-top: 40px !important;
    padding: 0 14px !important;
    top: 0 !important; bottom: auto !important;
  }

  h1 { font-size: clamp(1.6rem, 7vw, 2rem) !important; }
  h2 { font-size: clamp(1.3rem, 5vw, 1.7rem) !important; }
  .display-inline { font-size: clamp(1.6rem, 7vw, 2rem) !important; }

  .container, .w-container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .services_items { gap: 1rem !important; }
  .testimonial-card-2 { padding: 1.25rem !important; }
  .logos-grid { grid-template-columns: 1fr 1fr !important; }
  .section_intro { padding-top: 90px !important; }
}


/* ================================================================
   TARGETED FIXES — Round 2 (5 specific issues from screenshots)
   ================================================================ */

/* ── FIX 1: Hero bottom section (Image 1)
   flex-bottom-hero-home splits text into 2 cols with space-between.
   Center it and stretch text full width.
   ──────────────────────────────────────────────────────────── */
.flex-bottom-hero-home {
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
  max-width: 100% !important;
  gap: 2rem !important;
}

.flex-bottom-hero-home p,
.flex-bottom-hero-home h1,
.flex-bottom-hero-home h2,
.flex-bottom-hero-home div {
  text-align: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ── FIX 2: Case Studies heading + description (Image 2)
   .split-copy splits into 2 columns. Force it full-width centered.
   ──────────────────────────────────────────────────────────── */
.split-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
  gap: 1.5rem !important;
}

.split-copy > div,
.split-copy > div > h2,
.split-copy > div > p,
.split-copy .heading,
.split-copy .medium-text {
  text-align: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Description text: stretch edge to edge */
.split-copy .medium-text,
.split-copy p {
  font-size: 1.1rem !important;
  line-height: 1.7 !important;
  max-width: 100% !important;
  padding: 0 !important;
}

/* ── FIX 3: "Internet Marketing Service" section (Image 3)
   .header-2 and .text-block-7 are constrained to narrow width.
   Stretch description text from left to right.
   ──────────────────────────────────────────────────────────── */
.header-2 {
  text-align: center !important;
  width: 100% !important;
  max-width: 100% !important;
}

.header-2 .heading-6,
.header-2 .text-block-7,
.header-2 p,
.header-2 div {
  text-align: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Remove max-width constraint on description wrappers */
.max-width-40ch,
.max-width-50ch,
.max-width-60ch,
.max-width-70ch {
  max-width: 100% !important;
  width: 100% !important;
}

/* ── FIX 4: Reviews — all on single row (Image 4)
   3 testimonials should sit side by side in one row on desktop.
   Make each card large, stretching left to right.
   ──────────────────────────────────────────────────────────── */
@media screen and (min-width: 992px) {
  .testimonial-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1.5rem !important;
    width: 100% !important;
    align-items: stretch !important;
  }

  .testimonial-card-2,
  .testimonial-card-2.hide-landscape {
    width: 100% !important;
    max-width: 100% !important;
    padding: 2.5rem !important;
    min-height: 250px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    border-radius: 1rem !important;
  }

  .testimonial-content {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
  }

  .testimonial-quote {
    font-size: 1rem !important;
    line-height: 1.7 !important;
    text-align: left !important;
    flex: 1 !important;
  }

  .testimonial-person-info {
    margin-top: 1.5rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
  }
}

/* ── FIX 5: "The Media Initiation Agency Difference" (Image 5)
   .contact-content has margin-top:-130px pulling things together.
   .master-title-home needs more top spacing from the cards above.
   ──────────────────────────────────────────────────────────── */
.contact-content {
  margin-top: 0 !important;
  padding-bottom: 0 !important;
}

.master-title-home {
  margin-top: 80px !important;
  padding-top: 40px !important;
  width: 100% !important;
  max-width: 100% !important;
  justify-content: center !important;
}

.single-title-home {
  margin-top: 0 !important;
  overflow: visible !important;
  width: 100% !important;
}

.hide {
  width: 100% !important;
  overflow: visible !important;
}

.space-4rem {
  min-height: 2rem !important;
}
/* ── END ROUND 2 FIXES ── */