/*
  Apex Global Xolutions — Business Setup responsive layer
  ------------------------------------------------------
  This file is intentionally separate from bussinessandsetup.css.
  It only applies below 1400px so the existing desktop layout above
  that breakpoint is left untouched.
*/

/* ================================================================
   LAPTOP / SMALL DESKTOP — 1024px to 1399px
   ================================================================ */
@media screen and (min-width: 1024px) and (max-width: 1399px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  .business-setup-company-forma {
    width: 100%;
    overflow-x: hidden;
  }

  /* Header */
  .header-container-wrapper {
    padding: 0 24px;
  }

  .header-container {
    width: 100%;
  }

  .navigation-wrapper {
    padding: 0;
  }

  .container {
    width: 100%;
    max-width: 1320px;
  }

  .container2 {
    width: 180px;
    padding: 0 10px;
  }

  .container4 {
    width: calc(100% - 180px);
    padding: 0 10px;
  }

  .container5 {
    width: 100%;
  }

  .list {
    width: 100%;
    gap: clamp(24px, 3.5vw, 52px);
    padding: 0 10px;
    font-size: 15px;
  }

  .container6 {
    width: 300px;
    padding: 0 10px;
  }

  .container7 {
    padding-left: 40px;
    gap: 14px;
  }

  /* Hero */
  .container-wrapper {
    width: 100%;
    padding: 90px 10vw;
    min-height: 620px;
    height: auto;
  }

  .container11 {
    width: min(636px, 100%);
  }

  .container12,
  .starting-a-business {
    width: 100%;
    max-width: 560px;
  }

  /* First content section */
  .section-parent {
    height: auto;
    min-height: 0;
  }

  .section,
  .section2 {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .section {
    padding: 80px 8vw;
  }

  .section2 {
    padding: 80px 8vw;
  }

  .container13,
  .container22 {
    width: 100%;
    height: auto;
    max-width: 1200px;
  }

  .container14,
  .container16 {
    width: 100%;
  }

  .container15 {
    width: 100%;
    flex: 0 0 100%;
    padding: 0;
  }

  .container15 .link-logo {
    width: 100%;
    height: auto;
    max-height: 430px;
    object-fit: cover;
  }

  .container16 {
    padding-top: 50px;
    gap: 45px;
    flex-wrap: nowrap;
  }

  .container17 {
    width: min(100%, 720px);
    max-width: 100%;
    transform: none;
    padding: 0;
  }

  .container18,
  .container19 {
    width: 100%;
    max-width: 100%;
  }

  .container20 {
    width: min(100%, 515px);
    max-width: 100%;
    transform: none;
    padding: 0;
  }

  .background {
    width: 100%;
    height: auto;
    min-height: 330px;
    box-sizing: border-box;
  }

  .audience-row {
    width: 100%;
    gap: 30px;
  }

  .audience-item-wrapper,
  .audience-row-second {
    flex: 1;
    min-width: 280px;
  }

  /* Services */
  .container23,
  .container24 {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .container24 {
    height: auto;
    overflow: visible;
  }

  .container25,
  .services-list-wrapper,
  .services-items-wrapper,
  .services-list-container {
    height: auto;
    width: 100%;
  }

  .services-list-container {
    gap: 8px;
  }

  .container41 {
    width: 100%;
  }

  .container42 {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin-top: 45px;
  }

  .container43 {
    width: 100%;
    height: auto;
    margin-left: 0;
  }

  .testi-thumbpng {
    width: 100%;
    height: auto;
    aspect-ratio: 816 / 662;
  }

  .container44 {
    width: auto;
    height: auto;
    top: auto;
    right: 24px;
    bottom: 24px;
    left: auto;
  }

  /* Notice section */
  .section-wrapper {
    width: 100%;
    padding: 0 8vw 8px;
  }

  .section3 {
    width: 100%;
    padding: 80px 8vw;
    box-sizing: border-box;
  }

  .container46,
  .container47,
  .container48,
  .container49 {
    width: 100%;
    max-width: 100%;
  }

  .container48 {
    overflow: visible;
  }

  .business-setup-notice,
  .notice-body-wrapper {
    width: 100%;
    max-width: 100%;
  }

  .notice-body-wrapper {
    height: auto;
  }

  .container52 {
    width: 100%;
    flex-wrap: wrap;
  }

  .link3,
  .link4 {
    transform: translateX(-7px);
  }

  /* Lower laptop image */
  .container53 {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin-top: 45px;
  }

  .container54 {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    transform: none;
  }

  .testi-thumbpng2 {
    width: 100%;
    height: auto;
    aspect-ratio: 816 / 580;
  }

  .container55 {
    width: auto;
    height: auto;
    top: auto;
    right: 24px;
    bottom: 24px;
    left: auto;
  }

  /* Contact form */
  .form-wrapper-wrapper {
    width: 100%;
    height: auto;
    padding: 0 8vw 90px;
    box-sizing: border-box;
  }

  .form-wrapper {
    width: 100%;
    min-height: 650px;
    height: auto;
    padding: 36px;
    gap: 36px;
    box-sizing: border-box;
  }

  .form-background {
    width: 42%;
    min-height: 520px;
    flex: 0 1 42%;
  }

  .form-container {
    width: 58%;
    flex: 1 1 58%;
    min-width: 0;
    padding: 40px 0 20px;
  }

  .form-header,
  .form-title-wrapper,
  .form-inputs,
  .input-row-secondary {
    width: 100%;
  }

  .lets-get-started,
  .schedule-an-appointment,
  .input-row-secondary-child,
  .input-row-secondary-inner,
  .input-row2,
  .input-row3 {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .input-row {
    width: 100%;
    min-width: 0;
  }

  /* Footer */
  .section-container {
    width: 100%;
    padding: 0 8vw;
  }

  .section4 {
    width: 100%;
    padding: 55px 7vw;
  }

  .container57 {
    width: 100%;
    max-width: 1200px;
  }

  .container57 > .container22 {
    display: grid;
    grid-template-columns: minmax(220px, 1.2fr) minmax(180px, 0.8fr) minmax(250px, 1fr);
    gap: 35px;
    width: 100%;
  }

  .container59,
  .container63,
  .container78 {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .container91 {
    width: 100%;
    padding-top: 25px;
  }

  .container92,
  .container94 {
    width: 50%;
    max-width: 100%;
  }

  .list5 {
    width: 100%;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 14px 20px;
  }
}

/* ================================================================
   TABLET — 768px to 1023px
   ================================================================ */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  .business-setup-company-forma {
    width: 100%;
    overflow-x: hidden;
  }

  /* Header */
  .header-container-wrapper {
    padding: 0 24px;
  }

  .header-container,
  .container,
  .navigation-wrapper {
    width: 100%;
    max-width: 100%;
  }

  .navigation-wrapper {
    padding: 0;
  }

  .container {
    flex-wrap: wrap;
  }

  .container2 {
    width: 180px;
    padding: 0 8px;
  }

  .container4 {
    width: calc(100% - 180px);
    padding: 0 8px;
  }

  .container5 {
    width: 100%;
  }

  .list {
    width: 100%;
    gap: 22px;
    padding: 0 6px;
    font-size: 14px;
  }

  .container6 {
    width: 100%;
    padding: 0 8px;
  }

  .container7 {
    display: flex;
    justify-content: flex-end;
    padding-left: 0;
    gap: 14px;
  }

  /* Hero */
  .container-wrapper {
    width: 100%;
    min-height: 560px;
    height: auto;
    padding: 75px 7vw;
    box-sizing: border-box;
  }

  .container11,
  .container12,
  .starting-a-business {
    width: 100%;
    max-width: 100%;
  }

  .build-your-business {
    font-size: 38px;
    line-height: 42px;
  }

  /* Main sections */
  .section-parent {
    height: auto;
    min-height: 0;
  }

  .section,
  .section2 {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    max-width: 100%;
    padding: 65px 6vw;
    box-sizing: border-box;
  }

  .container13,
  .container22 {
    width: 100%;
    height: auto;
    max-width: 100%;
  }

  .container14,
  .container16 {
    width: 100%;
  }

  .container15 {
    width: 100%;
    flex: 0 0 100%;
    padding: 0;
  }

  .container15 .link-logo {
    width: 100%;
    height: auto;
    max-height: 360px;
    object-fit: cover;
  }

  .container16 {
    padding-top: 45px;
    flex-direction: column;
    gap: 38px;
  }

  .container17,
  .container20 {
    width: 100%;
    max-width: 100%;
    transform: none;
    padding: 0;
  }

  .container18,
  .container19,
  .background {
    width: 100%;
    max-width: 100%;
  }

  .background {
    height: auto;
    min-height: 300px;
    padding: 42px 34px;
  }

  .audience-row {
    width: 100%;
    gap: 18px;
    flex-wrap: wrap;
  }

  .audience-item-wrapper,
  .audience-row-second {
    flex: 1 1 280px;
  }

  /* Services */
  .container23,
  .container24,
  .container25,
  .services-list-wrapper,
  .services-items-wrapper,
  .services-list-container {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-width: 0;
  }

  .container24 {
    overflow: visible;
  }

  .container41 {
    width: 100%;
  }

  .container42 {
    width: 100%;
    height: auto;
    margin-top: 38px;
  }

  .container43 {
    width: 100%;
    height: auto;
    margin-left: 0;
  }

  .testi-thumbpng {
    width: 100%;
    height: auto;
    aspect-ratio: 816 / 662;
  }

  .container44 {
    width: auto;
    height: auto;
    top: auto;
    right: 20px;
    bottom: 20px;
    left: auto;
  }

  /* Notice */
  .section-wrapper {
    width: 100%;
    padding: 0 6vw 8px;
    box-sizing: border-box;
  }

  .section3 {
    width: 100%;
    padding: 60px 6vw;
    box-sizing: border-box;
  }

  .container46,
  .container47,
  .container48,
  .container49,
  .business-setup-notice,
  .notice-body-wrapper {
    width: 100%;
    max-width: 100%;
  }

  .container48 {
    overflow: visible;
  }

  .notice-body-wrapper {
    height: auto;
  }

  .container52 {
    width: 100%;
    flex-wrap: wrap;
    gap: 12px;
  }

  .link3,
  .link4 {
    transform: translateX(-7px);
  }

  /* Lower image */
  .container53 {
    width: 100%;
    height: auto;
    margin-top: 38px;
  }

  .container54 {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    transform: none;
  }

  .testi-thumbpng2 {
    width: 100%;
    height: auto;
    aspect-ratio: 816 / 580;
  }

  .container55 {
    width: auto;
    height: auto;
    top: auto;
    right: 20px;
    bottom: 20px;
    left: auto;
  }

  /* Form */
  .form-wrapper-wrapper {
    width: 100%;
    height: auto;
    padding: 0 6vw 70px;
    box-sizing: border-box;
  }

  .form-wrapper {
    width: 100%;
    min-height: 0;
    height: auto;
    padding: 30px;
    flex-direction: column;
    gap: 25px;
    box-sizing: border-box;
  }

  .form-background {
    width: 100%;
    height: 250px;
    min-height: 0;
    flex: none;
  }

  .form-container {
    width: 100%;
    min-width: 0;
    padding: 20px 0 30px;
  }

  .form-header,
  .form-title-wrapper,
  .form-inputs,
  .input-row-secondary {
    width: 100%;
  }

  .lets-get-started,
  .schedule-an-appointment,
  .input-row-secondary-child,
  .input-row-secondary-inner,
  .input-row2,
  .input-row3,
  .input-row {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  /* Footer */
  .section-container {
    width: 100%;
    padding: 0 6vw;
  }

  .section4 {
    width: 100%;
    padding: 50px 6vw;
  }

  .container57 {
    width: 100%;
    gap: 45px;
  }

  .container57 > .container22 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 35px 28px;
    width: 100%;
  }

  .container59,
  .container63,
  .container78 {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .container78 {
    grid-column: 1 / -1;
  }

  .container91 {
    width: 100%;
    padding-top: 20px;
    gap: 15px;
  }

  .container92,
  .container94 {
    width: 100%;
    max-width: 100%;
    text-align: left;
  }

  .list5 {
    width: 100%;
    flex-wrap: wrap;
    gap: 12px 18px;
  }
}

/* ================================================================
   MOBILE — 0px to 767px
   ================================================================ */
@media screen and (max-width: 767px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .business-setup-company-forma {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  /* Header */
  .header-container-wrapper {
    width: 100%;
    padding: 0 16px;
  }

  .header-container {
    width: 100%;
    gap: 0;
  }

  .navigation-wrapper {
    width: 100%;
    padding: 0;
  }

  .container {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .container2 {
    width: 100%;
    max-width: 100%;
    padding: 12px 0 4px;
    align-items: center;
  }

  .container2 .link-logo {
    width: min(190px, 62vw);
    height: auto;
    max-height: none;
    object-fit: contain;
  }

  .container4 {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }

  .container5 {
    width: 100%;
  }

  .list {
    width: 100%;
    padding: 8px 0;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 13px;
    line-height: 20px;
  }

  .item-link,
  .item-link3 {
    padding: 7px 0;
  }

  .item-link2,
  .item-link4 {
    width: auto;
    line-height: 20px;
  }

  .agx-service-menu {
    width: min(230px, calc(100vw - 32px));
    max-width: calc(100vw - 32px);
  }

  .container6 {
    width: 100%;
    max-width: 100%;
    padding: 5px 0 12px;
  }

  .container7 {
    display: flex;
    width: 100%;
    height: auto;
    padding: 0;
    justify-content: center;
    gap: 0;
  }

  /* Keep the quote action usable; hide only the decorative mobile controls. */
  .container7 .icon-wrapper,
  .container7 .extra-wrapper {
    display: none;
  }

  .container7 .link {
    margin: 0 auto;
    padding: 12px 24px;
  }

  /* Hero */
  .container-wrapper {
    width: 100%;
    min-height: 0;
    height: auto;
    padding: 58px 20px 64px;
    border-radius: 0 0 20px 20px;
    box-sizing: border-box;
  }

  .container11,
  .container12,
  .starting-a-business {
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  .heading-1 {
    padding-top: 0;
  }

  .heading-4 {
    height: auto;
    min-height: 0;
  }

  .business-setup {
    font-size: 18px;
    line-height: 24px;
  }

  .build-your-business {
    width: 100%;
    font-size: clamp(30px, 8vw, 38px);
    line-height: 1.08;
  }

  .container12 {
    padding-top: 14px;
  }

  .starting-a-business {
    height: auto;
    line-height: 24px;
    display: block;
  }

  /* Main sections become normal document flow. */
  .section-parent {
    width: 100%;
    height: auto;
    min-height: 0;
  }

  .section,
  .section2 {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    max-width: 100%;
    padding: 52px 20px;
    box-sizing: border-box;
    border-radius: 0;
  }

  .container13,
  .container22 {
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  .container14,
  .container16 {
    width: 100%;
  }

  .container15 {
    width: 100%;
    flex: none;
    padding: 0;
  }

  .container15 .link-logo {
    width: 100%;
    height: auto;
    max-height: 300px;
    object-fit: cover;
    border-radius: 14px;
  }

  .container16 {
    padding-top: 38px;
    flex-direction: column;
    gap: 34px;
  }

  .container17,
  .container20 {
    width: 100%;
    max-width: 100%;
    transform: none;
    padding: 0;
  }

  .container18,
  .container19,
  .container20,
  .background {
    width: 100%;
    max-width: 100%;
  }

  .support-for-new {
    font-size: 30px;
    line-height: 35px;
  }

  .container19 {
    font-size: 15px;
  }

  .audience-row {
    width: 100%;
    flex-direction: column;
    gap: 0;
  }

  .audience-item-wrapper,
  .audience-row-second {
    width: 100%;
    max-width: 100%;
    flex: none;
  }

  .item,
  .item6,
  .item9 {
    width: 100%;
    max-width: 100%;
    gap: 12px;
  }

  .first-time-entrepreneurs,
  .existing-businesses-creating {
    font-size: 15px;
    line-height: 27px;
  }

  .existing-businesses-creating {
    width: auto;
    max-width: calc(100% - 27px);
  }

  .background {
    min-height: 0;
    height: auto;
    padding: 34px 24px;
    border-radius: 16px;
  }

  .a-more-organized {
    font-size: 24px;
    line-height: 30px;
  }

  .container21 {
    font-size: 15px;
  }

  .we-help-you {
    line-height: 24px;
  }

  /* Services */
  .container23,
  .container24,
  .container25,
  .services-list-wrapper,
  .services-items-wrapper,
  .services-list-container {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: auto;
  }

  .container24 {
    overflow: visible;
  }

  .container25 {
    gap: 25px;
  }

  .business-setup-services {
    font-size: 30px;
    line-height: 35px;
  }

  .depending-on-your {
    font-size: 16px;
    line-height: 25px;
  }

  .services-list-container {
    gap: 8px;
  }

  .list-item,
  .list-item4 {
    width: 100%;
    height: auto;
    min-height: 26px;
    gap: 9px;
  }

  .list-item .home,
  .list-item4 .home {
    font-size: 15px;
    line-height: 24px;
  }

  .container41 {
    width: 100%;
    padding-bottom: 0;
  }

  .link2 {
    max-width: 100%;
    padding: 14px 24px;
  }

  /* First image/card: keep the image, but make it fluid. */
  .container42 {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-top: 34px;
  }

  .container43 {
    width: 100%;
    height: auto;
    margin-left: 0;
  }

  .testi-thumbpng {
    width: 100%;
    height: auto;
    aspect-ratio: 816 / 662;
    border-radius: 16px;
  }

  /* Hide only the yellow-circle/Symbol2/#Brand Strategy overlay on mobile. */
  .container44,
  .container55 {
    display: none !important;
  }

  /* Notice section */
  .section-wrapper {
    width: 100%;
    padding: 0;
    box-sizing: border-box;
  }

  .section3 {
    width: 100%;
    max-width: 100%;
    padding: 52px 20px;
    border-radius: 0;
    box-sizing: border-box;
  }

  .container46,
  .container47,
  .container48,
  .container49,
  .business-setup-notice,
  .notice-body-wrapper {
    width: 100%;
    max-width: 100%;
  }

  .container48 {
    overflow: visible;
  }

  .business-setup-notice {
    font-size: 30px;
    line-height: 35px;
  }

  .notice-body-wrapper {
    height: auto;
    font-size: 16px;
  }

  .notice-body-wrapper .depending-on-your {
    line-height: 25px;
  }

  .container52 {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding-bottom: 0;
  }

  .link3,
  .link4 {
    width: 100%;
    max-width: 100%;
    min-height: 54px;
    box-sizing: border-box;
    transform: translateX(0);
    padding: 14px 20px;
  }

  /* Keep the approved underline length/visual, but center its start within
     the responsive full-width button instead of moving the button itself. */
  .link3 .horizontal-divider,
  .link4 .horizontal-divider3 {
    left: 20px;
    transform: translateX(0);
  }

  /* Lower image remains visible; only its Brand Strategy overlay is removed. */
  .container53 {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-top: 34px;
  }

  .container54 {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    transform: none;
  }

  .testi-thumbpng2 {
    width: 100%;
    height: auto;
    aspect-ratio: 816 / 580;
    border-radius: 16px;
  }

  /* Contact form */
  .form-wrapper-wrapper {
    width: 100%;
    height: auto;
    padding: 0 16px 55px;
    box-sizing: border-box;
  }

  .form-wrapper {
    width: 100%;
    min-height: 0;
    height: auto;
    padding: 26px 18px 24px;
    flex-direction: column;
    gap: 20px;
    border-radius: 16px;
    box-sizing: border-box;
  }

  .form-background {
    width: 100%;
    height: 170px;
    min-height: 0;
    flex: none;
    border-radius: 12px;
  }

  .form-container {
    width: 100%;
    min-width: 0;
    padding: 12px 0 10px;
    font-size: 42px;
  }

  .form-header,
  .form-title-wrapper,
  .form-inputs,
  .input-row-secondary {
    width: 100%;
    max-width: 100%;
  }

  .form-header,
  .form-title-wrapper {
    gap: 14px;
  }

  .lets-get-started {
    width: 100%;
    font-size: clamp(32px, 9vw, 44px);
    line-height: 1.05;
    justify-content: flex-start;
    text-align: left;
  }

  .schedule-an-appointment {
    width: 100%;
    font-size: 16px;
    line-height: 24px;
  }

  .input-row-secondary {
    align-items: stretch;
    gap: 10px;
  }

  .input-row-secondary-child,
  .input-row-secondary-inner,
  .input-row,
  .input-row2,
  .input-row3 {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .input-row-secondary-child,
  .input-row-secondary-inner,
  .input-row {
    height: 54px;
    padding: 16px;
  }

  .input-row2 {
    height: 140px;
    padding: 16px;
  }

  .input-row3 {
    height: 54px;
    padding: 15px 18px;
  }

  /* Footer */
  .section-container {
    width: 100%;
    padding: 0;
  }

  .section4 {
    width: 100%;
    padding: 45px 20px 30px;
    border-radius: 0;
    box-sizing: border-box;
  }

  .container57 {
    width: 100%;
    max-width: 100%;
    gap: 35px;
  }

  .container57 > .container22 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
  }

  .container59,
  .container63,
  .container78 {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }

  .container59 {
    gap: 25px;
  }

  .link-logopng {
    width: min(250px, 80vw);
    height: auto;
    aspect-ratio: 288 / 66;
  }

  .container61,
  .apex-global-xolutions2 {
    width: 100%;
    max-width: 100%;
  }

  .container63 {
    padding-top: 0;
  }

  .list3 {
    width: 100%;
    max-width: 100%;
  }

  .container78 {
    padding-top: 0;
  }

  .container79 {
    width: 100%;
  }

  .footer-widget-address,
  .footer-widget-address2 {
    width: 100%;
    height: auto;
    min-height: 24px;
  }

  .container80,
  .container84,
  .container86 {
    width: 42px;
    flex: 0 0 42px;
  }

  .container82,
  .container85 {
    width: calc(100% - 42px);
    max-width: calc(100% - 42px);
    margin-left: 0;
    position: static;
  }

  .street-near-xyz {
    line-height: 23px;
    word-break: normal;
    overflow-wrap: anywhere;
  }

  .container91 {
    width: 100%;
    padding-top: 20px;
    gap: 12px;
  }

  .container92,
  .container94 {
    width: 100%;
    max-width: 100%;
    padding: 0;
    text-align: left;
  }

  .copyright-2026 {
    line-height: 22px;
  }

  .list5 {
    width: 100%;
    flex-wrap: wrap;
    gap: 10px 18px;
    justify-content: flex-start;
  }

  .horizontal-divider4 {
    width: 100%;
    left: 0;
    right: auto;
  }
}

/* Very small phones */
@media screen and (max-width: 420px) {
  .list {
    gap: 11px;
    font-size: 12px;
  }

  .build-your-business {
    font-size: 29px;
  }

  .support-for-new,
  .business-setup-services,
  .business-setup-notice {
    font-size: 27px;
    line-height: 32px;
  }

  .section,
  .section2,
  .section3 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .form-wrapper-wrapper {
    padding-left: 12px;
    padding-right: 12px;
  }

  .form-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  .container15 .link-logo {
    max-height: 250px;
  }
}

/* ================================================================
   MOBILE FINAL POLISH — requested fixes only
   ================================================================ */
@media screen and (max-width: 767px) {
  /* Keep the four primary navigation links evenly sized and aligned. */
  .container5 .list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
    gap: 0;
    padding: 6px 0;
    align-items: center;
    justify-items: stretch;
  }

  .container5 .list > .item-link,
  .container5 .list > .item-link2,
  .container5 .list > .agx-service-dropdown,
  .container5 .list > .item-link4 {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 7px 2px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .container5 .list > .item-link a,
  .container5 .list > .item-link2,
  .container5 .list > .item-link4,
  .container5 .agx-service-button {
    width: 100%;
    justify-content: center;
    text-align: center;
  }

  .container5 .agx-service-button {
    gap: 3px;
  }

  .container5 .agx-dropdown-icon {
    width: 16px;
    flex: 0 0 16px;
  }

  /* Smaller Get A Quote action on phones. */
  .container7 .link {
    width: auto;
    min-width: 0;
    padding: 8px 16px;
    gap: 4px;
    border-radius: 24px;
  }

  .container7 .get-a-quote {
    font-size: 13px;
    line-height: 20px;
  }

  .container7 .container8,
  .container7 .icon {
    width: 13px;
    height: 13px;
  }

  /* The microphone artwork is intentionally removed only on mobile. */
  .form-background {
    display: none;
  }

  /* Put the button underlines back at the same visual inset as the text.
     The button itself stays exactly where the responsive layout placed it. */
  .link3 .horizontal-divider,
  .link4 .horizontal-divider3 {
    left: 20px;
    right: auto;
    width: 12%;
    bottom: 17px;
    transform: none;
  }

  /* Footer: keep every text block inside its column and vertically aligned
     with its icon instead of allowing fixed desktop widths to push text out. */
  .container79,
  .footer-widget-address,
  .footer-widget-address2 {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .footer-widget-address,
  .footer-widget-address2 {
    display: flex;
    align-items: flex-start;
  }

  .container80,
  .container84,
  .container86 {
    width: 28px;
    min-width: 28px;
    flex: 0 0 28px;
    box-sizing: border-box;
  }

  .container82,
  .container85 {
    width: auto;
    max-width: none;
    min-width: 0;
    flex: 1 1 auto;
    margin: 0;
    position: static;
    box-sizing: border-box;
    text-align: left;
  }

  .street-near-xyz,
  .container82 *,
  .container85 * {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  .container91,
  .container92,
  .container94 {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .container92,
  .container94 {
    text-align: left;
  }

  .list5 {
    width: 100%;
    max-width: 100%;
    gap: 8px 14px;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .item21 {
    max-width: 100%;
    justify-content: flex-start;
  }
}


/* ================================================================
   MOBILE CORRECTIONS — exact fixes from mobile preview
   ================================================================ */
@media screen and (max-width: 767px) {
  /* Header: keep navigation and quote action on one clean row. */
  .container4 {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 100%;
  }

  .container5 {
    width: calc(100% - 112px);
    max-width: calc(100% - 112px);
    min-width: 0;
    flex: 1 1 auto;
  }

  .container5 .list {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
    min-width: 0;
    gap: 0 !important;
    padding: 6px 0;
    margin: 0;
    align-items: center;
    justify-items: stretch;
    font-size: 11px;
    line-height: 16px;
  }

  .container5 .list > .item-link,
  .container5 .list > .item-link2,
  .container5 .list > .agx-service-dropdown,
  .container5 .list > .item-link4 {
    width: 100% !important;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    padding: 5px 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  .container5 .list > .item-link a,
  .container5 .list > .item-link2,
  .container5 .list > .item-link4,
  .container5 .agx-service-dropdown,
  .container5 .agx-service-button {
    min-width: 0;
    max-width: 100%;
    text-align: center;
    white-space: nowrap;
  }

  .container5 .agx-service-button {
    width: 100%;
    justify-content: center;
    gap: 2px;
    font-size: 11px;
    line-height: 16px;
  }

  .container5 .agx-dropdown-icon {
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
  }

  .container6 {
    width: 112px;
    max-width: 112px;
    min-width: 112px;
    flex: 0 0 112px;
    padding: 4px 0 8px 8px;
    box-sizing: border-box;
  }

  .container7 {
    width: 100%;
    justify-content: flex-end;
    padding: 0;
  }

  .container7 .link {
    width: 104px;
    min-width: 104px;
    max-width: 104px;
    height: 38px;
    min-height: 38px;
    padding: 7px 9px;
    gap: 3px;
    border-radius: 20px;
    box-sizing: border-box;
  }

  .container7 .get-a-quote {
    font-size: 12px;
    line-height: 16px;
    white-space: nowrap;
  }

  .container7 .container8,
  .container7 .icon {
    width: 11px;
    height: 11px;
    flex: 0 0 11px;
  }

  /* The microphone/background artwork stays removed on mobile. */
  .form-background {
    display: none !important;
  }

  /* Business setup CTAs: shorter, less pill-like buttons. */
  .container52 {
    align-items: center;
    gap: 12px;
  }

  .link3,
  .link4 {
    width: min(100%, 320px);
    max-width: 320px;
    min-height: 54px;
    height: 54px;
    padding: 10px 22px 10px 52px;
    border-radius: 27px;
    box-sizing: border-box;
    transform: none;
  }

  /* Divider belongs beside the text, vertically centered — not down near
     the bottom edge of the button. */
  .link3 .horizontal-divider,
  .link4 .horizontal-divider3 {
    left: 20px;
    right: auto;
    bottom: auto;
    top: 50%;
    width: 38px;
    height: 2px;
    transform: translateY(-50%);
  }

  /* Footer legal row: make the text visible against the existing blue footer
     without introducing a new visual style. */
  .container91 {
    align-items: flex-start;
  }

  .container92,
  .container94 {
    color: #dce8e8 !important;
  }

  .container94 .list5,
  .container94 .list5 .item21,
  .container94 .list5 .item21 .home {
    color: #dce8e8 !important;
    opacity: 1 !important;
  }

  .container94 .list5 {
    display: flex;
    width: 100%;
    max-width: 100%;
    gap: 8px 14px;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .container94 .item21 {
    width: auto;
    max-width: 100%;
    justify-content: flex-start;
    white-space: normal;
  }

  .copyright-2026 {
    color: #ffffff !important;
    width: 100%;
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}

@media screen and (max-width: 420px) {
  .container5 {
    width: calc(100% - 106px);
    max-width: calc(100% - 106px);
  }

  .container5 .list {
    font-size: 10px;
  }

  .container5 .agx-service-button {
    font-size: 10px;
  }

  .container6 {
    width: 106px;
    max-width: 106px;
    min-width: 106px;
    flex-basis: 106px;
    padding-left: 5px;
  }

  .container7 .link {
    width: 99px;
    min-width: 99px;
    max-width: 99px;
    height: 36px;
    min-height: 36px;
    padding-left: 7px;
    padding-right: 7px;
  }

  .container7 .get-a-quote {
    font-size: 11px;
  }

  .link3,
  .link4 {
    width: min(100%, 300px);
    max-width: 300px;
  }
}

/* ================================================================
   FINAL MOBILE POLISH — navigation, CTA buttons, footer containment
   ================================================================ */
@media screen and (max-width: 767px) {
  /* Keep the header row clean: four equal nav slots + compact quote action. */
  .container4 {
    width: 100%;
    max-width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
  }

  .container5 {
    width: auto;
    max-width: none;
    min-width: 0;
    flex: 1 1 auto;
  }

  .container5 .list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
    gap: 0 !important;
    padding: 0;
    margin: 0;
    align-items: center;
  }

  .container5 .list > .item-link,
  .container5 .list > .item-link2,
  .container5 .list > .agx-service-dropdown,
  .container5 .list > .item-link4 {
    width: 100% !important;
    min-width: 0;
    max-width: none;
    padding: 4px 0;
    justify-content: center;
    box-sizing: border-box;
  }

  .container5 .list > .item-link a,
  .container5 .list > .item-link2,
  .container5 .list > .item-link4,
  .container5 .agx-service-button {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    overflow: visible;
  }

  .container5 .list > .item-link a,
  .container5 .list > .item-link2,
  .container5 .list > .item-link4,
  .container5 .agx-service-button {
    font-size: 10px;
    line-height: 14px;
  }

  .container5 .agx-service-button {
    gap: 1px;
  }

  .container5 .agx-dropdown-icon {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
  }

  .container6 {
    width: 104px;
    max-width: 104px;
    min-width: 104px;
    flex: 0 0 104px;
    padding: 0 0 0 8px;
    box-sizing: border-box;
  }

  .container7 {
    width: 100%;
    max-width: 100%;
    justify-content: flex-end;
    padding: 0;
  }

  .container7 .link {
    width: 96px;
    min-width: 96px;
    max-width: 96px;
    height: 36px;
    min-height: 36px;
    padding: 6px 7px;
    gap: 3px;
    border-radius: 18px;
    box-sizing: border-box;
  }

  .container7 .get-a-quote {
    font-size: 11px;
    line-height: 15px;
    white-space: nowrap;
  }

  .container7 .container8,
  .container7 .icon {
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
  }

  /* Mobile CTA: no underline/divider, and keep each label on one line. */
  .link3,
  .link4 {
    width: calc(100% - 32px);
    max-width: 320px;
    min-height: 54px;
    height: 54px;
    padding: 10px 18px;
    border-radius: 27px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    transform: none;
  }

  .link3 .horizontal-divider,
  .link4 .horizontal-divider3 {
    display: none !important;
  }

  .link3 .schedule-a-free,
  .link4 .schedule-a-free {
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
  }

  /* Let the footer grow with its content instead of clipping the lower rows. */
  .section-container {
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .section4 {
    width: 100%;
    height: auto !important;
    min-height: 720px;
    padding: 45px 20px 90px;
    box-sizing: border-box;
    overflow: visible !important;
  }

  .container57,
  .container57 > .container22 {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .container91 {
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    padding: 26px 0 0;
    gap: 14px;
    overflow: visible !important;
  }

  .container92,
  .container94 {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 0;
    box-sizing: border-box;
    text-align: left;
    overflow: visible;
  }

  .copyright-2026 {
    width: 100%;
    max-width: 100%;
    line-height: 22px;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
  }

  .container94 .list5 {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px 16px;
    overflow: visible;
  }

  .container94 .item21 {
    width: auto;
    max-width: 100%;
    min-width: 0;
    justify-content: flex-start;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
  }

  .container94 .item21 .home {
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
  }
}

@media screen and (max-width: 420px) {
  .container4 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .container5 .list > .item-link a,
  .container5 .list > .item-link2,
  .container5 .list > .item-link4,
  .container5 .agx-service-button {
    font-size: 9px;
    line-height: 13px;
  }

  .container5 .agx-dropdown-icon {
    width: 7px;
    height: 7px;
    flex-basis: 7px;
  }

  .container6 {
    width: 100px;
    max-width: 100px;
    min-width: 100px;
    flex-basis: 100px;
    padding-left: 6px;
  }

  .container7 .link {
    width: 92px;
    min-width: 92px;
    max-width: 92px;
    height: 35px;
    min-height: 35px;
    padding: 6px;
  }

  .container7 .get-a-quote {
    font-size: 10px;
    line-height: 14px;
  }

  .link3,
  .link4 {
    width: calc(100% - 24px);
    max-width: 304px;
    height: 54px;
    min-height: 54px;
    padding-left: 14px;
    padding-right: 14px;
  }

  .link3 .schedule-a-free,
  .link4 .schedule-a-free {
    font-size: 13px;
    line-height: 19px;
  }

  .section4 {
    min-height: 760px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 100px;
  }
}

/* ================================================================
   MOBILE HEADER + CTA FINAL ALIGNMENT
   ================================================================ */
@media screen and (max-width: 767px) {
  /* Give the navigation readable, evenly spaced slots. */
  .container5 {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    padding: 0;
  }

  .container5 .list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
    gap: 6px !important;
    padding: 0;
    margin: 0;
  }

  .container5 .list > .item-link,
  .container5 .list > .item-link2,
  .container5 .list > .agx-service-dropdown,
  .container5 .list > .item-link4 {
    width: 100% !important;
    min-width: 0;
    max-width: none;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }

  .container5 .list > .item-link a,
  .container5 .list > .item-link2,
  .container5 .list > .item-link4,
  .container5 .agx-service-button {
    width: 100%;
    min-width: 0;
    justify-content: center;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    white-space: nowrap;
  }

  .container5 .agx-service-button {
    gap: 2px;
  }

  .container5 .agx-dropdown-icon {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
  }

  /* Keep the quote button at the far right of the header row. */
  .container6 {
    width: 92px;
    min-width: 92px;
    max-width: 92px;
    flex: 0 0 92px;
    padding: 0;
    margin-left: auto;
  }

  .container7 {
    width: 100%;
    padding: 0;
    justify-content: flex-end;
    align-items: center;
  }

  .container7 .link {
    width: 88px;
    min-width: 88px;
    max-width: 88px;
    height: 36px;
    min-height: 36px;
    padding: 6px 5px;
    gap: 3px;
    border-radius: 18px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .container7 .get-a-quote {
    font-size: 11px;
    line-height: 15px;
    white-space: nowrap;
    text-align: center;
  }

  .container7 .container8,
  .container7 .icon {
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
  }

  /* CTA text: centered both horizontally and vertically, one line. */
  .link3,
  .link4 {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .link3 .schedule-a-free,
  .link4 .schedule-a-free {
    width: auto;
    max-width: none;
    flex: 0 0 auto;
    display: block;
    text-align: center;
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
    font-size: 13px;
    line-height: 18px;
  }
}

@media screen and (max-width: 420px) {
  .container5 .list {
    gap: 4px !important;
  }

  .container5 .list > .item-link a,
  .container5 .list > .item-link2,
  .container5 .list > .item-link4,
  .container5 .agx-service-button {
    font-size: 11px;
    line-height: 15px;
  }

  .container6 {
    width: 88px;
    min-width: 88px;
    max-width: 88px;
    flex-basis: 88px;
  }

  .container7 .link {
    width: 84px;
    min-width: 84px;
    max-width: 84px;
    height: 35px;
    min-height: 35px;
  }

  .container7 .get-a-quote {
    font-size: 10px;
    line-height: 14px;
  }

  .link3 .schedule-a-free,
  .link4 .schedule-a-free {
    font-size: 12px;
    line-height: 17px;
  }
}

/* ================================================================
   SERVICE DROPDOWN FIX — keep the menu clickable and visible
   ================================================================ */
@media screen and (max-width: 767px) {
  .container5 .list,
  .container5 .list > .agx-service-dropdown,
  .container5 .list > .agx-service-dropdown .item-link3 {
    overflow: visible !important;
  }

  .container5 .agx-service-dropdown {
    position: relative;
    z-index: 10000;
  }

  .container5 .agx-service-menu {
    z-index: 10001;
    pointer-events: none;
  }

  .container5 .agx-service-menu.agx-open {
    pointer-events: auto;
  }

  .container5 .agx-service-button {
    position: relative;
    z-index: 10002;
    cursor: pointer;
  }
}

/* Mobile service dropdown: compact sizing only. */
@media (max-width: 767px) {
  .container5 .agx-service-menu {
    width: 180px;
    max-width: 180px;
    padding: 7px;
    border-radius: 11px;
    top: calc(100% + 8px);
  }

  .container5 .agx-service-item {
    padding: 8px 10px;
    border-radius: 7px;
    font-size: 12px;
    line-height: 17px;
    white-space: nowrap;
  }
}

@media (max-width: 420px) {
  .container5 .agx-service-menu {
    width: 172px;
    max-width: 172px;
    padding: 6px;
  }

  .container5 .agx-service-item {
    padding: 7px 9px;
    font-size: 11.5px;
    line-height: 16px;
  }
}