.hhs-nav-grid {
padding-left: 50px;
padding-right: 30px;
}
#takebackcontrol {
  scroll-margin-top: 120px;
}

#duxredelivers {
  scroll-margin-top: 110px;
}

#dealflow {
  scroll-margin-top: 100px;
}

#storybehind {
  scroll-margin-top: 100px;
}
/* Mobile — fix hero headline sizing so it doesn't overflow */
@media (max-width: 480px) {

  /* Hero wrapper */
  .c-content-con.c-dblock.c-in-1 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .c-content-con.c-dblock.c-in-1 h1 {
    font-size: 32px !important;
    line-height: 1.15 !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }

  .c-content-con.c-dblock.c-in-1 p {
    font-size: 16px !important;
    line-height: 1.35 !important;
    word-wrap: break-word !important;
  }

  /* Force spans inside H1 to follow the mobile rule */
  .c-content-con.c-dblock.c-in-1 h1 span {
    font-size: inherit !important;
    line-height: inherit !important;
  }
}
@media (max-width: 480px) {
  h1, h2, h3 {
    max-width: 100% !important;
  }
}
/* Footer responsive fix */
@media (max-width: 480px) {

  /* Force footer containers to stay inside the viewport */
  footer, 
  footer .hs_cos_wrapper, 
  footer .container,
  footer .row-fluid,
  footer p {
    max-width: 100% !important;
    width: 100% !important;
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    overflow-x: hidden !important;
  }

  /* Reduce footer padding so it doesn't push past the screen */
  footer .row-fluid-wrapper,
  footer .row-fluid {
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Footer paragraph text — shrink font size for mobile */
  footer p {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }
}
@media (max-width: 480px) {
  footer p, 
  footer span, 
  footer div {
    max-width: 100% !important;
    width: 100% !important;
    display: block !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    text-align: left !important;
  }
}
@media (max-width: 480px) {
/* DESKTOP — restore original hero layout */
@media (min-width: 1025px) {

  /* Restore hero paragraph width & spacing */
  .c-content-con.c-dblock.c-in-1 p {
    max-width: 620px !important;
    font-size: 24px !important;
    line-height: 1.4 !important;
    margin-bottom: 18px !important;
  }

  /* Restore H1 spacing */
  .c-content-con.c-dblock.c-in-1 h1 {
    font-size: 60px !important;
    line-height: 1.15 !important;
    margin-bottom: 25px !important;
  }
}
@media (max-width: 480px) {
  .hero-button-wrapper,
  .cta-button-wrapper {
    margin-top: 8px !important;
  }
}
/* Desktop only line-break handler */
.desktop-break::after {
  content: "";
  display: block;
}

@media (max-width: 480px) {
  .desktop-break::after {
    display: inline;
  }
}
/* Desktop – restore normal line wrapping for hero paragraph */
@media (min-width: 1025px) {
  .dux-hero-body {
    white-space: normal !important;
  }
}
/* DESKTOP — force hero text into a readable column */
@media (min-width: 1025px) {
  .dux-hero-title,
  .dux-hero-subtitle,
  .dux-hero-body {
    max-width: 680px !important;   /* adjust smaller if needed: 600–680 */
    display: block !important;
    white-space: normal !important;
  }
}
@media (min-width: 1025px) {
  .c-content-con.c-dblock.c-in-1 {
    max-width: 900px !important; /* ensures the hero text column stays left aligned */
  }
}
/* DESKTOP – lock hero text to a readable column */
@media (min-width: 1025px) {
  .dux-hero-inner {
    max-width: 640px !important;
    width: 100% !important;
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
  }
}
/* MOBILE — ultra-tight spacing between paragraph and buttons */
@media (max-width: 480px) {
  .dux-hero-body {
    margin-bottom: 4px !important;   /* was 8px */
  }

  .hero-button-wrapper,
  .cta-button-wrapper {
    margin-top: 4px !important;      /* was 8px */
  }
}
/* tighten spacing on large mobile screens (like iPhone Max) */
@media (min-width: 400px) and (max-width: 480px) {
  .dux-hero-body {
    margin-bottom: 4px !important;
  }

  .hero-button-wrapper,
  .cta-button-wrapper {
    margin-top: 4px !important;
  }
}
/* MOBILE — fix padding and readability for high-performing brokers text */
@media (max-width: 480px) {

  /* Target the block text directly above the logos */
  .hs_cos_wrapper_type_rich_text p {
    padding-left: 18px !important;
    padding-right: 18px !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
    text-align: left !important;
  }
}
/* MOBILE — center-align the "High-performing brokers" text */
@media (max-width: 480px) {
  .hs_cos_wrapper_type_rich_text p {
    text-align: center !important;
  }
}
/* MOBILE – tighten spacing above CTA button */
@media (max-width: 480px) {
  .hs_cos_wrapper_type_rich_text p {
    margin-bottom: 12px !important;   /* reduces the big top gap */
  }
}
/* MOBILE – tighten space directly above the "Start Your 60 Day Pilot" button */
@media (max-width: 480px) {
  .hs-button,
  .hs-button-container,
  .cta_button,
  .button, 
  .cta_wrapper {
    margin-top: 8px !important;       /* previously around 24px+ */
  }
}
/* MOBILE – reduce bottom padding of this section */
@media (max-width: 480px) {
  section,
  .row-fluid-wrapper,
  .row-fluid {
    padding-bottom: 12px !important;
  }
}
/* MOBILE – fix CTA spacing (actual Clean Pro wrappers) */
@media (max-width: 480px) {

  /* Tighten spacing ABOVE the button */
  .hs_cos_wrapper_type_cta,
  .widget-type-cta,
  .button-container,
  .button-wrapper,
  .cta_button_group {
    margin-top: 8px !important;
    padding-top: 0 !important;
  }

  /* Tighten spacing BELOW the button */
  .hs_cos_wrapper_type_cta,
  .widget-type-cta,
  .button-container,
  .button-wrapper,
  .cta_button_group {
    margin-bottom: 12px !important;
    padding-bottom: 0 !important;
  }
}
/* MOBILE – widen text so it doesn't feel squeezed (Story Behind Duxre) */
@media (max-width: 480px) {

  /* All rich text in the Story Behind section */
  .hs_cos_wrapper_type_rich_text {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .hs_cos_wrapper_type_rich_text h2 {
    line-height: 1.25 !important;   /* sharper, less boxy */
  }

  .hs_cos_wrapper_type_rich_text p {
    line-height: 1.45 !important;   /* comfortable width/height ratio */
    max-width: 100% !important;     /* prevents narrow squeezing */
  }
}
/* Force-hide on mobile */
.hide-on-mobile {
  display: none !important;
}

@media screen and (min-width: 768px) {
  .hide-on-mobile {
    display: block !important;
  }
}

/* Force-hide on desktop */
.hide-on-desktop {
  display: block !important;
}

@media screen and (min-width: 768px) {
  .hide-on-desktop {
    display: none !important;
  }
}
/* Duxre - Match Cookie Banner to Marketplace Card Style */

/* Force compact card layout */
#hs-eu-cookie-confirmation {
  position: fixed !important;
  bottom: 24px !important;
  right: 24px !important;
  width: 360px !important;
  max-width: 90% !important;

  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 16px !important;
  padding: 20px !important;

  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.12) !important;
  z-index: 999999 !important;
  font-family: "DM Sans", sans-serif !important;

  display: block !important; /* Override HubSpot banner mode */
  text-align: left !important;
}

/* Hide the large full-width layout HubSpot adds */
#hs-eu-cookie-confirmation-inner {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Remove the top close button (marketplace version doesn’t have it) */
#hs-eu-cookie-confirmation .close {
  display: none !important;
}

/* Text styling */
#hs-eu-cookie-confirmation p {
  color: #1a1a1a !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  margin-bottom: 14px !important;
}

/* Link (Privacy Policy) */
#hs-eu-cookie-confirmation a {
  color: #EE3135 !important;
  font-weight: 500 !important;
  text-decoration: underline !important;
}

/* Button wrapper */
#hs-eu-cookie-confirmation .hs-cookie-button-wrapper {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}

/* Accept button */
#hs-eu-cookie-confirmation button,
#hs-eu-cookie-confirmation .hs-button {
  background-color: #EE3135 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  padding: 10px 18px !important;
  border-radius: 8px !important;
  border: none !important;
  cursor: pointer !important;
  font-weight: 600 !important;
}

/* Decline button */
#hs-eu-cookie-confirmation .hs-cookie-reject {
  background-color: #ffffff !important;
  border: 1px solid #1a1a1a !important;
  color: #1a1a1a !important;
  padding: 10px 18px !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
}
  
  /* Founder mobile text sizing */
@media screen and (max-width: 767px) {
  .founder-mobile h2 {
    font-size: 28px !important;
    line-height: 1.2 !important;
  }

  .founder-mobile h3 {
    font-size: 20px !important;
    line-height: 1.25 !important;
    margin-bottom: 16px !important;
  }

  .founder-mobile p {
    font-size: 16px !important;
    line-height: 1.45 !important;
  }
}
/* Founder MOBILE Override - stronger specificity */
@media screen and (max-width: 767px) {

  .founder-mobile h2,
  .founder-mobile h2 span {
    font-size: 28px !important;
    line-height: 1.2 !important;
  }

  .founder-mobile h3,
  .founder-mobile h3 span {
    font-size: 20px !important;
    line-height: 1.25 !important;
  }

  .founder-mobile p,
  .founder-mobile p span {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }

  .founder-mobile span {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }

}
.header-logo img {
  width: 180px;
  height: auto;
}
  .hero-section {
  min-height: 85vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
img:not(.hs-logo):not(.hero-img) {
  loading: lazy;
}
#hs-eu-cookie-confirmation {
  background-color: #ffffff !important;
  color: #282828 !important;
}

#hs-eu-cookie-confirmation a,
#hs-eu-cookie-confirmation p,
#hs-eu-cookie-confirmation span {
  color: #282828 !important;
}

#hs-eu-cookie-confirmation .hs-banner-accept-button {
  background-color: #EE3135 !important;
  color: #ffffff !important;
}
#storybehind h2,
#storybehind h3,
#storybehind p,
#storybehind span {
  color: #282828 !important;
}
a[href="#start"] {
  cursor: pointer;
}
/* ------------------------- */
/*   FOUNDER SECTION FIX     */
/* ------------------------- */

/* Hide mobile version on desktop */
.hide-on-desktop {
    display: none !important;
}

/* Show mobile version only on screens ≤ 768px */
@media (max-width: 768px) {
    .hide-on-desktop {
        display: block !important;
    }
}
/* HIDE MOBILE FOUNDER VERSION ON DESKTOP */

@media (min-width: 769px) {

  /* Target the mobile Founder block by its wrapper + unique inner module ID */
  #hs_cos_wrapper_widget_1763363738352_ {
      display: none !important;
  }

  /* Also hide the parent containers in case HubSpot renders them too */
  #hs_cos_wrapper_widget_1763363738352_ .c-content-con,
  #hs_cos_wrapper_widget_1763363738352_ .c-col-inner,
  #hs_cos_wrapper_widget_1763363738352_ {
      display: none !important;
  }

}
/* FORCE-HIDE THE MOBILE FOUNDER VERSION ON DESKTOP ONLY */
@media (min-width: 769px) {
    #hs_cos_wrapper_widget_1763363738352_ {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }
}
/* Hide the mobile founder section on desktop */
@media (min-width: 769px) {
  .hide-on-desktop {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
}
/* FINAL FIX — Hide mobile Founder block on desktop only */
@media (min-width: 769px) {
  #hs_cos_wrapper_widget_1763363738352_ {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
  }
}