.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;
}