.w-980px {
      width: 980px !important;
    }

    .w-640px {
      width: 640px;
    }

    .section-description {
      justify-content: center;
      display: flex;
    }
    .p_100px{
      padding-top: 100px !important;
    }

    .section-row {
      width: 978px;
    }

    .w-300px {
      width: 300px;
    }

     .gap-40px{
      gap: 40px;
    }

    .inspiring_img {
      width: 46px;
      height: 46px;
    }

    .w-1240px {
      width: 1240px !important;
    }
    .w-810px{
        width:810px !important
      }

       .m-wh{
      width: 132px;
    }
         .navbar a.nav:hover,
    .navbar li:hover>a.nav {
      color: #803358 !important;
    }

    .navbar .active,
    .navbar .active:focus {
      color: #803358 !important;
    }
    .profile-img{
    padding-right: 0px;
    width: 300px;
    }

    /* Our HOW CTA: desktop keeps 225px; mobile uses .btn-mw-335px (inline width would override that) */
    @media (min-width: 768px) {
      #happiermeTryForFree .btn-mw-335px {
        width: 314px !important;
        max-width: 314px !important;
      }
      .section-header {
        padding-bottom: 60px;
      }
    }
    /* About us CTA hover gradient override */
    #happiermeTryForFree .btn_tff:hover,
    #happiermeTryForFree .btn_tff:focus:hover {
      background: linear-gradient(180deg, #da7d71 0%, #bf5061 100%) !important;
    }

    @media (max-width: 767px) {

      .au-hero-banner {
        margin-top: -4px   !important;
      }
      .mb-80px{
        margin-bottom: -80px !important;
      }

      .w-335px_m {
        width: 335px;
      }

      /* Force White Plus/Minus Icons on Mobile Accordion */
      #accordion_footer .panel-title>a::after {
        content: "+" !important;
        color: #ffffff !important;
        font-family: inherit !important;
        font-size: 24px !important;
        line-height: 24px !important;
        background: none !important;
        width: 24px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
      }

      #accordion_footer .panel-title>a[aria-expanded="true"]::after {
        content: "-" !important;
      }

      /* New override for Bootstrap 5 .accordion-button if present */
      .accordion-button::after {
        background-image: none !important;
        content: "+" !important;
        color: #ffffff !important;
        font-size: 16px !important;
        font-weight: 300 !important;
        width: auto !important;
        height: auto !important;
        transform: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
      }

      .accordion-button:not(.collapsed)::after {
        background-image: none !important;
        content: "-" !important;
        transform: none !important;
      }

      .accordion {
        padding: 10px;
      }

      .m-wh {
        width: 90px;
        height: 90px;
      }

      .m-black {
        font-size: 18px;
        color: background: rgba(0, 0, 0, 1);
      }

      .btn-mw-335px {
        width: 335px !important;
      }

      .inspiring_img {
        width: 30px;
        height: 30px;
      }

      .m-txt {
        font-size: 21px !important;
        font-weight: 600;
      }

      .pl_pr10px{
        padding-left: 10px !important;
        padding-right: 10px !important;
      }
      .mt-15px{
        margin-top: 15px !important;
      }
      .mt-45px{
        margin-top: 45px !important;    
      } 
      .mt-0px{
        margin-top: 0px !important; 
      }
}
      

      /* Beat responsive.css .section-header h1 15px rule (higher specificity via .m-txt); do not change global stylesheet */
      @media (max-width: 768px) {

        section.hpt120px~main#main section .section-header h1.fs_36px.m-txt,
        section.hpt120px~main#main section .section-header h1.m-txt,
        section.hpt120px~main#main>section:not(.div_inspire):not(.div_subscription) .section-header h1.fs_36px.m-txt,
        section.hpt120px~main#main>section:not(.div_inspire):not(.div_subscription) .section-header h1.m-txt {
          font-size: 21px !important;
        }

        /* "The Founder" — override global 15px h1 rule */
        section.hpt120px~main#main section .section-header h1.fs_36px.au-founder-heading,
        section.hpt120px~main#main section .section-header h1.au-founder-heading,
        section.hpt120px~main#main>section:not(.div_inspire):not(.div_subscription) .section-header h1.fs_36px.au-founder-heading,
        section.hpt120px~main#main>section:not(.div_inspire):not(.div_subscription) .section-header h1.au-founder-heading {
          font-size: 27px !important;
          font-weight: 600 !important;
        }

      }

      /* About Us mobile video: keep true 16:9 to avoid black bars while playing */
      section.hpt120px~main#main #youtubeIntro.cvideo_b.yt-embed {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        display: block !important;
        margin: 0 auto !important;
      }
    }

    /* About Us only: link hover colour like index page */
    .navbar a.nav:hover,
    .navbar li:hover > a.nav {
      color: #803358 !important;
    }
    .navbar .active,
    .navbar .active:focus {
      color: #803358 !important;
    }

    /* Founder book links: keep hover in the same purple */
    #main a[href*="amazon"]:hover .fc_cb6171,
    #main a:hover .fc_cb6171,
    #main .fc_cb6171:hover {
      color: #803358 !important;
    }

    /* Do not change colour on hover for the 3 descriptive lines */
    #main section.section-description h5.fc_000000,
    #main section.section-description h5.fc_000000:hover {
      color: #000000 !important;
    }

    /* Inspiring content grid: do not change text colour on hover */
    .div_inspire h3,
    .div_inspire h3:hover,
    .div_inspire h5,
    .div_inspire h5:hover,
    .div_inspire a:hover h3,
    .div_inspire a:hover h5 {
      color: #120f40 !important;
      text-decoration: none !important;
    }

    /* Hero banner: clear fixed/dual nav so image top matches Figma */
    .au-hero-banner {
      margin-top: 50px;
    }

    /*
      index.css + responsive.css (max-width: 768px) set .td_underline and .fc_cb6171 to
      display:flex !important for “center links” — that stacks each book title on its own row.
      Reset only inside the founder bio (must load after those stylesheets; 768px matches index.css).
    */
    @media (max-width: 768px) {
      section.au-founder-section {
        padding-top: 72px !important;
      }

      h4.au-founder-bio .au-founder-bio-line {
        display: block;
      }
      .div_inspire>[class^="col-"] {
  padding: 0 20px;
  margin-bottom: 30px;
}

      section.au-founder-section h4.au-founder-bio a,
      section.au-founder-section h4.au-founder-bio a .td_underline,
      section.au-founder-section h4.au-founder-bio a .fc_cb6171,
      section.au-founder-section h4.au-founder-bio .td_underline,
      section.au-founder-section h4.au-founder-bio .fc_cb6171 {
        display: inline !important;
        text-align: inherit !important;
        justify-content: unset !important;
        align-items: unset !important;
        margin: 0 !important;
        width: auto !important;
        max-width: none !important;
      }    
      /* Inspiring grid card titles (PATHWAY, Daily practice, …): tighter gap under icon on mobile */
      section.hpt120px~main#main .div_inspire h3.mt20px.mb10px.fs_21px.fw_500.lh_140p.fc_120f40 {
        margin-top: 9px !important;
      }

      /* "Inspiring content to live your best life" — mobile only (override responsive.css heading size) */
      section.hpt120px~main#main section .section-header h2.fs_24px.au-inspire-subtitle,
      section.hpt120px~main#main section .section-header h2.au-inspire-subtitle,
      section.hpt120px~main#main>section:not(.div_inspire):not(.div_subscription) .section-header h2.fs_24px.au-inspire-subtitle,
      section.hpt120px~main#main>section:not(.div_inspire):not(.div_subscription) .section-header h2.au-inspire-subtitle {
        font-size: 15px !important;
      }
      .mt0px{
        margin-top: 0px !important;
      }
    }