.elementor-4084 .elementor-element.elementor-element-ddda001{--display:flex;}.elementor-4084 .elementor-element.elementor-element-ddda001:not(.elementor-motion-effects-element-type-background), .elementor-4084 .elementor-element.elementor-element-ddda001 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-f7d99f7 *//* =========================================================
   About the Founder HTML Widget Width Fix
   Wider Version
   Paste inside the HTML widget Custom CSS
   ========================================================= */

/* Make this HTML widget use the full available row */
.elementor-4084 .elementor-element.elementor-element-f7d99f7 {
  width: 100% !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Force the founder section to expand */
.elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder {
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
}

/* Main shell wider */
.elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder .tthf-shell {
  width: 100% !important;
  max-width: 1580px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(14px, 2.4vw, 36px) !important;
  padding-right: clamp(14px, 2.4vw, 36px) !important;
}

/* Make hero and all major sections fill the wider shell */
.elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder .tthf-hero,
.elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder .tthf-authority,
.elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder .tthf-card,
.elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder .tthf-cta {
  width: 100% !important;
  max-width: 100% !important;
}

/* Better desktop hero balance */
@media (min-width: 1025px) {
  .elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder .tthf-hero-grid {
    grid-template-columns: 410px minmax(0, 1fr) !important;
    gap: 46px !important;
  }

  .elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder .tthf-lead {
    max-width: 1080px !important;
  }

  .elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder .tthf-highlight-row {
    max-width: 1120px !important;
  }
}

/* Wider cards and cleaner desktop layout */
@media (min-width: 1025px) {
  .elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder .tthf-two-col {
    grid-template-columns: minmax(0, 1.55fr) minmax(340px, 0.72fr) !important;
    gap: 38px !important;
  }

  .elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder .tthf-story-layout {
    grid-template-columns: minmax(0, 1.65fr) minmax(340px, 0.68fr) !important;
    gap: 38px !important;
  }

  .elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder .tthf-expertise-grid,
  .elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder .tthf-project-grid,
  .elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder .tthf-principles-grid {
    gap: 20px !important;
  }

  .elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder .tthf-card {
    padding: 36px !important;
  }
}

/* CTA should also breathe more on desktop */
@media (min-width: 1025px) {
  .elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder .tthf-cta {
    padding: 38px 42px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  .elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder .tthf-cta-copy {
    max-width: 940px !important;
  }
}

/* Break wider than Elementor boxed container on large desktop */
@media (min-width: 1200px) {
  .elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder {
    width: min(100vw - 12px, 1760px) !important;
    margin-left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

/* Very large screens */
@media (min-width: 1600px) {
  .elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder {
    width: min(100vw - 36px, 1720px) !important;
  }

  .elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder .tthf-shell {
    max-width: 1640px !important;
  }
}

/* Mobile remains controlled */
@media (max-width: 767px) {
  .elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder {
    width: 100% !important;
    margin-left: auto !important;
    transform: none !important;
  }

  .elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder .tthf-shell {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder .tthf-hero,
  .elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder .tthf-card,
  .elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder .tthf-cta {
    border-radius: 22px !important;
  }
}

/* =========================================================
   About Founder Mobile Width Expansion
   Add at the bottom of the HTML widget Custom CSS
   Keeps desktop unchanged
   ========================================================= */

@media (max-width: 767px) {
  .elementor-4084 .elementor-element.elementor-element-f7d99f7 {
    width: 100% !important;
    max-width: none !important;
  }

  .elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: 50% !important;
    transform: translateX(-50%) !important;
  }

  .elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder .tthf-shell {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder .tthf-hero,
  .elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder .tthf-card,
  .elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder .tthf-cta {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 20px !important;
  }

  .elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder .tthf-hero {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder .tthf-card,
  .elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder .tthf-cta {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder .tthf-photo-wrap {
    border-radius: 18px !important;
  }

  .elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder .tthf-photo-wrap img {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Extra small phones */
@media (max-width: 420px) {
  .elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder .tthf-shell {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .elementor-4084 .elementor-element.elementor-element-f7d99f7 #tth-founder .tthf-hero {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}/* End custom CSS */