/* ── RESET & BASE ─────────────────────── */
    *,
    *::before,
    *::after {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    html {
      scroll-behavior: smooth;
      background: #fff;
    }

    body {
      font-family: "Inter", sans-serif;
      font-size: 16px;
      color: #314264;
      line-height: 28px;
      font-weight: 400;
      background: #fff;
      overflow-x: hidden;
    }

    a {
      display: inline-block;
      text-decoration: none;
      color: inherit;
      transition: all 0.2s ease-in-out;
    }

    a:hover {
      color: #473cff;
      text-decoration: underline;
    }

    ul {
      margin: 0;
      padding: 0;
      list-style: none;
    }

    img {
      border: none;
      vertical-align: middle;
      max-width: 100%;
    }

    /* ── GLOBAL TYPOGRAPHY (mirrors style.css exactly) ─ */
    h1 {
      font-size: 38px;
      font-weight: 700;
      line-height: 52px;
      letter-spacing: 0.2px;
      color: #020617;
      margin-bottom: 30px;
    }

    h2 {
      font-size: 34px;
      font-weight: 700;
      line-height: 48px;
      letter-spacing: 0.19px;
      color: #020617;
      margin-top: 20px;
      margin-bottom: 30px;
    }

    h5 {
      font-size: 22px;
      line-height: 30px;
      color: #020617;
      font-weight: 700;
      letter-spacing: 0.11px;
      margin-bottom: 22px;
    }

    h6 {
      font-size: 15px;
      font-weight: 500;
      line-height: 24px;
      color: #473cff;
      text-transform: uppercase;
      letter-spacing: 1.13px;
      margin-bottom: 20px;
    }

    .p-18 {
      font-size: 18px;
      line-height: 34px;
      margin-bottom: 38px;
    }

    .p-16 {
      font-size: 16px;
      line-height: 28px;
      margin-bottom: 38px;
      color: #314264;
    }

    .p-15 {
      font-size: 15px;
      line-height: 27px;
    }

    .p-14 {
      font-size: 14px;
      line-height: 28px;
    }

    .lg-title h4 {
      font-size: 24px;
      font-weight: 600;
    }

    /* ── LAYOUT HELPERS ───────────────────── */
    .container {
      max-width: 1218px;
      padding: 0 24px;
      margin: 0 auto;
      position: relative;
    }

    .py-120 {
      padding-top: 120px;
      padding-bottom: 120px;
    }

    .img-fluid {
      width: 100%;
      height: auto;
    }

    .hero-img {
      border-radius: 20px;
    }

    /* ── BUTTONS ──────────────────────────── */
    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      font-weight: 600;
      height: 50px;
      padding: 0 30px;
      background: #473cff;
      border-radius: 10px;
      border: none;
      cursor: pointer;
      color: #fff !important;
      transition: all 0.2s ease-in-out;
      text-decoration: none !important;
    }

    .btn:hover {
      background: #261ce9;
    }

    .rounded-12 {
      border-radius: 12px !important;
    }

    .free-quote {
      background: #ffffff;
      border: 2px solid #ffffff;
      border-radius: 10px;
      height: 50px;
      padding: 0 30px;
      font-size: 16px;
      color: #473cff !important;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-weight: 700;
      text-decoration: none !important;
      transition: all 0.2s;
    }

    .free-quote:hover {
      background: #473cff;
      color: #fff !important;
    }

    /* =============================================
   PAGE TOP HERO
============================================= */
    .page-hero {
      background: #F8FBFF;
      text-align: center;
    }

    .page-hero h1 {
      font-size: 52px;
      line-height: 62px;
      max-width: 900px;
      margin-left: auto;
      margin-right: auto;
		font-weight: 600;
    }
	  	  .hero-badge .p-14{
		  font-weight: 600;
	  }
	  
    .page-hero .p-18 {
      max-width: 880px;
      margin-left: auto;
      margin-right: auto;
    }

    .page-hero-label {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      color: #473cff;
      text-transform: uppercase;
      letter-spacing: 1.2px;
      font-weight: 600;
      margin-bottom: 20px;
    }

    .page-hero-label::before,
    .primary-area-label::before {
      content: "";
      width: 28px;
      height: 7px;
      background: url('data:image/svg+xml;utf8,<svg width="28" height="7" viewBox="0 0 28 7" xmlns="http://www.w3.org/2000/svg"><path d="M27.2 3.79922C27.5313 3.79922 27.8 3.53059 27.8 3.19922C27.8 2.86785 27.5313 2.59922 27.2 2.59922V3.19922V3.79922ZM6.39995 3.19922C6.39995 1.43191 4.96726 -0.000781298 3.19995 -0.000781298C1.43264 -0.000781298 -4.95911e-05 1.43191 -4.95911e-05 3.19922C-4.95911e-05 4.96653 1.43264 6.39922 3.19995 6.39922C4.96726 6.39922 6.39995 4.96653 6.39995 3.19922ZM27.2 3.19922V2.59922L3.19995 2.59922V3.19922V3.79922L27.2 3.79922V3.19922Z" fill="%23473CFF"/></svg>') no-repeat center;
      background-size: contain;
      flex-shrink: 0;
    }

    .page-hero-label::after {
      content: "";
      width: 28px;
      height: 7px;
      background: url('data:image/svg+xml;utf8,<svg width="28" height="7" viewBox="0 0 28 7" xmlns="http://www.w3.org/2000/svg"><path d="M27.8 3.19922C27.8 1.43191 26.3673 -0.000781298 24.6 -0.000781298C22.8327 -0.000781298 21.4 1.43191 21.4 3.19922C21.4 4.96653 22.8327 6.39922 24.6 6.39922C26.3673 6.39922 27.8 4.96653 27.8 3.19922ZM0.599976 2.59922C0.268604 2.59922 -2.47955e-05 2.86785 -2.47955e-05 3.19922C-2.47955e-05 3.53059 0.268604 3.79922 0.599976 3.79922V3.19922V2.59922ZM24.6 3.19922V2.59922L0.599976 2.59922V3.19922V3.79922L24.6 3.79922V3.19922Z" fill="%23473CFF"/></svg>') no-repeat center;
      background-size: contain;
      flex-shrink: 0;
    }

    .page-hero-badges {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 16px;
      margin-bottom: 50px;
      flex-wrap: wrap;
    }

    .hero-badge {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 15px;
      font-weight: 500;
      color: #020617;
      background: #ffffff;
      box-shadow: 0px 10px 40px #c9c9c940;
      border: 1px solid #f2f2f2;
      border-radius: 12px;
      padding: 14px 24px;
    }

    .hero-badge svg {
      width: 18px;
      height: 18px;
      color: #473cff;
      flex-shrink: 0;
    }

    .page-hero-actions {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 15px;
      flex-wrap: wrap;
    }
	  
	  

    .btn-phone {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      height: 50px;
      padding: 0 28px;
      background: #fff;
      border: 1px solid #a1a1a1;
      border-radius: 10px;
      font-size: 16px;
      font-weight: 600;
      color: #020617;
      transition: all 0.2s;
      text-decoration: none !important;
    }

    .btn-phone:hover {
      border-color: #473cff;
      color: #473cff;
    }

    .btn-phone svg {
      width: 18px;
      height: 18px;
      flex-shrink: 0;
    }

    /* black bottom bar */
    .page-hero-bar {
      background: #0f0f0f;
      padding: 16px 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 20px;
      flex-wrap: wrap;
    }

    .page-hero-bar .bh-left {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 15px;
      font-weight: 700;
      color: #fff;
      border-right: 1px solid #fff;
      padding-right: 20px;
    }

    .page-hero-bar .bh-left svg {
      width: 18px;
      height: 18px;
      flex-shrink: 0;
    }

    .page-hero-bar .bh-center {
      color: #fff;
    }

    .page-hero-bar .bh-right a {
      font-weight: 700;
      color: #fff;
      text-decoration: underline !important;
    }

    .page-hero-bar .bh-right a:hover {
      color: #b1adf7;
    }

    /* =============================================
   SECTION 1 — TWO COL HERO INTRO
============================================= */
    .location-hero {
      padding: 80px 0;
    }

    .location-hero-row {
      display: flex;
      align-items: flex-start;
      gap: 80px;
      flex-wrap: wrap;
    }

    .location-hero-left {
      width: calc(40% - 40px);
      min-width: 260px;
    }

    .location-hero-right {
      width: calc(60% - 40px);
      min-width: 260px;
      padding-top: 8px;
    }

    .section-label {
      display: flex;
      align-items: center;
      gap: 10px;
      color: #473cff;
      text-transform: uppercase;
      letter-spacing: 1.2px;
      font-weight: 600;
      margin-bottom: 25px;
    }

    .section-label::before {
      content: "";
      width: 28px;
      height: 7px;
      background: url('data:image/svg+xml;utf8,<svg width="28" height="7" viewBox="0 0 28 7" xmlns="http://www.w3.org/2000/svg"><path d="M27.2 3.79922C27.5313 3.79922 27.8 3.53059 27.8 3.19922C27.8 2.86785 27.5313 2.59922 27.2 2.59922V3.19922V3.79922ZM6.39995 3.19922C6.39995 1.43191 4.96726 -0.000781298 3.19995 -0.000781298C1.43264 -0.000781298 -4.95911e-05 1.43191 -4.95911e-05 3.19922C-4.95911e-05 4.96653 1.43264 6.39922 3.19995 6.39922C4.96726 6.39922 6.39995 4.96653 6.39995 3.19922ZM27.2 3.19922V2.59922L3.19995 2.59922V3.19922V3.79922L27.2 3.79922V3.19922Z" fill="%23473CFF"/></svg>') no-repeat center;
      background-size: contain;
      flex-shrink: 0;
    }

    .scroll-arrow {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 42px;
      height: 42px;
      margin-top: 10px;
    }

    /* =============================================
   SECTION 2 — TABS
============================================= */
    .location-tabs-section {
      padding-bottom: 120px;
    }

    .loc-tabs-nav {
      display: flex;
      gap: 15px;
      position: relative;
      z-index: 1;
      bottom: -1px;
    }

    .loc-tabs-nav .tab-btn {
			font-family: 'Inter', sans-serif;      
      background: #ffffff;
      box-shadow: 10px 10px 20px #00000005;
      border: 1px solid #eaebef;
      border-radius: 10px 10px 0 0;
      border-bottom: none;
      font-size: 18px;
      font-weight: 700;
      color: #020617;
      padding: 0 40px;
      height: 65px;
      cursor: pointer;
      transition: all 0.2s;
      min-width: 220px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .loc-tabs-nav .tab-btn.active,
    .loc-tabs-nav .tab-btn:hover {
      background: #020617;
      color: #fff;
      border-color: #020617;
    }

    .loc-tab-panel {
      display: none;
    }

    .loc-tab-panel.active {
      display: block;
    }

    .loc-tab-content-box {
      background: transparent linear-gradient(180deg, #f3f4ff 0%, #fbfdff 40%, #f5f6ff 100%);
      box-shadow: 10px 10px 20px #00000005;
      border: 1px solid #f0f0f0;
      border-radius: 0 20px 20px 20px;
      overflow: hidden;
    }
	  
	  .local-family-left a.btn.rounded-12 {
    width: 50%;
  }

    /* primary area block */
    .primary-area-block {
      padding: 80px 70px;
    }

    .primary-area-label {
      display: flex;
      align-items: center;
      gap: 10px;
      color: #473cff;
      text-transform: uppercase;
      letter-spacing: 1.2px;
      font-weight: 600;
      margin-bottom: 25px;
    }

    .primary-area-label::before {
      content: "";
      width: 28px;
      height: 7px;
      background: url('data:image/svg+xml;utf8,<svg width="28" height="7" viewBox="0 0 28 7" xmlns="http://www.w3.org/2000/svg"><path d="M27.2 3.79922C27.5313 3.79922 27.8 3.53059 27.8 3.19922C27.8 2.86785 27.5313 2.59922 27.2 2.59922V3.19922V3.79922ZM6.39995 3.19922C6.39995 1.43191 4.96726 -0.000781298 3.19995 -0.000781298C1.43264 -0.000781298 -4.95911e-05 1.43191 -4.95911e-05 3.19922C-4.95911e-05 4.96653 1.43264 6.39922 3.19995 6.39922C4.96726 6.39922 6.39995 4.96653 6.39995 3.19922ZM27.2 3.19922V2.59922L3.19995 2.59922V3.19922V3.79922L27.2 3.79922V3.19922Z" fill="%23473CFF"/></svg>') no-repeat center;
      background-size: contain;
      flex-shrink: 0;
    }

    .primary-area-row {
      display: flex;
      align-items: flex-start;
      gap: 100px;
      flex-wrap: wrap;
    }

    .primary-area-left {
      flex: 1;
      min-width: 300px;
    }

    .primary-area-right {
      width: 520px;
      flex-shrink: 0;
    }

    .map-embed {
      border-radius: 16px;
      overflow: hidden;
      border: 1px solid #eaebef;
      height: 317px;
    }

    .map-embed iframe {
      width: 100%;
      height: 100%;
      border: none;
      display: block;
    }

    /* suburb list */
    .suburb-list-block {
      padding: 50px 70px;
    }

    .suburb-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 8px 60px;
      margin-top: 25px;
    }

    .suburb-item {
      display: flex;
      align-items: center;
      gap: 8px;
      cursor: pointer;
      padding: 6px 10px;
      border-radius: 8px;
      transition: all 0.2s ease;
      color: #020617;
    }

    .suburb-item::before {
      content: "";
      width: 12px;
      height: 14px;
      min-width: 12px;
      background: url('data:image/svg+xml;utf8,<svg width="12" height="14" viewBox="0 0 12 14" xmlns="http://www.w3.org/2000/svg"><path d="M10.2427 1.75737C11.3443 2.85879 11.9743 4.34545 11.9995 5.90298C12.0248 7.46051 11.4433 8.96681 10.378 10.1034L10.2427 10.2434L7.41404 13.0714C7.05512 13.4301 6.57329 13.6389 6.06614 13.6556C5.55899 13.6723 5.06445 13.4957 4.6827 13.1614L4.5867 13.0714L1.75737 10.2427C0.632145 9.11748 0 7.59135 0 6.00004C0 4.40873 0.632145 2.8826 1.75737 1.75737C2.8826 0.632145 4.40873 0 6.00004 0C7.59135 0 9.11748 0.632145 10.2427 1.75737ZM6.00004 4.00004C5.73739 4.00004 5.47732 4.05177 5.23467 4.15228C4.99202 4.25279 4.77154 4.40011 4.58582 4.58582C4.40011 4.77154 4.25279 4.99202 4.15228 5.23467C4.05177 5.47732 4.00004 5.73739 4.00004 6.00004C4.00004 6.26268 4.05177 6.52275 4.15228 6.7654C4.25279 7.00806 4.40011 7.22853 4.58582 7.41425C4.77154 7.59997 4.99202 7.74729 5.23467 7.8478C5.47732 7.94831 5.73739 8.00004 6.00004 8.00004C6.53047 8.00004 7.03918 7.78932 7.41425 7.41425C7.78933 7.03918 8.00004 6.53047 8.00004 6.00004C8.00004 5.4696 7.78933 4.9609 7.41425 4.58582C7.03918 4.21075 6.53047 4.00004 6.00004 4.00004Z" fill="%23473CFF"/></svg>') no-repeat center;
      background-size: contain;
      flex-shrink: 0;
    }

    .suburb-item:hover,
    .suburb-item.highlight {
      background: #EFEEF9;
      color: #473cff;
      font-weight: 600;
    }

    .suburb-item:hover::before,
    .suburb-item.highlight::before {
      opacity: 1;
    }

    /* drive time block */
    .drive-time-block {
      padding: 90px 70px;
    }

    .drive-time-label {
      display: flex;
      align-items: center;
      gap: 10px;
      color: #473cff;
      text-transform: uppercase;
      letter-spacing: 1.2px;
      font-weight: 600;
      margin-bottom: 26px;
    }

    .drive-time-label::before {
      content: "";
      width: 28px;
      height: 7px;
      background: url('data:image/svg+xml;utf8,<svg width="28" height="7" viewBox="0 0 28 7" xmlns="http://www.w3.org/2000/svg"><path d="M27.2 3.79922C27.5313 3.79922 27.8 3.53059 27.8 3.19922C27.8 2.86785 27.5313 2.59922 27.2 2.59922V3.19922V3.79922ZM6.39995 3.19922C6.39995 1.43191 4.96726 -0.000781298 3.19995 -0.000781298C1.43264 -0.000781298 -4.95911e-05 1.43191 -4.95911e-05 3.19922C-4.95911e-05 4.96653 1.43264 6.39922 3.19995 6.39922C4.96726 6.39922 6.39995 4.96653 6.39995 3.19922ZM27.2 3.19922V2.59922L3.19995 2.59922V3.19922V3.79922L27.2 3.79922V3.19922Z" fill="%23473CFF"/></svg>') no-repeat center;
      background-size: contain;
      flex-shrink: 0;
    }

    .suburb-time-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 20px 40px;
      margin-top: 70px;
    }

    .suburb-time-card {
      background: #ffffff;
      box-shadow: 0px 5px 20px #c9c9c940;
      border: 1px solid #f2f2f2;
      border-radius: 10px;
      padding: 15px 20px;
      text-align: center;
    }

    .suburb-time-card .suburb-name {
      font-size: 15px;
      font-weight: 700;
      color: #020617;
      display: block;
      margin-bottom: 4px;
    }

    .suburb-time-card .drive-time {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      font-size: 14px;
      font-weight: 500;
      color: #546078;
    }

    .suburb-time-card .drive-time svg {
      width: 14px;
      height: 14px;
    }

    /* =============================================
   SECTION 3 — BADGE LOGOS
============================================= */
    .badges-section {
      padding: 0px 0 0;
    }
	  
	      .badges-row {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 50px;
      flex-wrap: wrap;
    }

    .badges-slider-wrap {
      position: relative;
    }

    .badges-slider {
      margin: 0 -12px;
    }

    .badges-slider .slick-slide {
      padding: 0 12px;
    }

    .badges-slider .slick-list {
      margin: 0;
    }

    .badge-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 10px;
      text-align: center;
      min-height: 110px;
    }

    .badge-item img {
      height: 55px;
      width: auto;
      object-fit: contain;
    }

    .badge-item span {
      font-size: 12px;
      font-weight: 500;
      color: #020617;
      text-align: center;
    }

    /* =============================================
   SECTION 4 — LOCAL FAMILY ELECTRICIANS
============================================= */
    .local-family-section {
      padding: 100px 0;
    }

    .local-family-row {
      display: flex;
      gap: 130px;
      flex-wrap: wrap;
      border-top: 1px solid #f2f2f2;
      padding-top: 100px;
    }

    .local-family-left {
      flex: 1;
      min-width: 300px;
    }

    .local-family-right {
      width: 480px;
      flex-shrink: 0;
    }

    .local-family-right img {
      border-radius: 20px;
      width: 100%;
      height: auto;
      object-fit: cover;
    }
	  
	  .local-family-left h2{
		  margin-top: 0;
	  }

    /* =============================================
   SECTION 5 — WHY CHOOSE LOCATION (FIXED)
============================================= */
    .why-choose-location {
      background: #ffffff;
    }

    .why-choose-inner {
background: linear-gradient(
  180deg,
  #FFFFFF -162.49%,
  #7288FF -50.22%,
  rgba(255, 255, 255, 0.14902) 22.31%
);      /* softer grey like figma */
      border-radius: 30px;
      padding: 80px 70px;
    }

    /* TOP CONTENT */
    .why-top-row {
      display: flex;
      justify-content: space-between;
      gap: 60px;
      margin-bottom: 60px;
      flex-wrap: wrap;
    }

    .why-top-left {
      width: 45%;
    }

    .why-top-right {
      width: 45%;
      color: #5b6b88;
    }

    /* GRID */
    .why-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 25px;
    }

    /* CARD */
    .why-card {
      background: #ffffff;
      border-radius: 16px;
      padding: 28px 24px;
      border: none;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);
      transition: all 0.25s ease;
    }

    .why-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
    }

    /* ICON BOX */
    .why-card-icon {
		box-shadow:
  2px 2px 5px 0px #00000014,
  6px 6px 9px 0px #00000012,
  14px 14px 12px 0px #0000000A,
  24px 24px 14px 0px #00000003,
  38px 38px 15px 0px #00000000;
      width: 46px;
      height: 46px;
      border-radius: 10px;
      background: #eef0ff;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 16px;
    }

    .why-card-icon svg,
    .why-card-icon img {
      width: 20px;
      height: 20px;
      object-fit: contain;
    }

    /* TEXT */
    .why-card h5 {
      font-size: 20px;
      margin-bottom: 10px;
    }

    .why-card p {
      font-size: 14px;
      line-height: 24px;
      color: #6b7a99;
    }

    /* =============================================
   RESPONSIVE
============================================= */
    @media (max-width: 1024px) {
      .suburb-grid {
        grid-template-columns: repeat(3, 1fr);
      }

      .suburb-time-grid {
        grid-template-columns: repeat(3, 1fr);
      }

      .why-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      .why-top-row {
        gap: 40px;
      }
		
		.local-family-left a.btn.rounded-12 {
    width: 100%;
  }
    }
	  

    @media (max-width: 768px) {
		
		.local-family-left a.btn.rounded-12 {
    width: 100%;
  }
		
		.location-hero, .location-tabs-section{
			padding: 60px 0;
		}
		.local-family-row, .local-family-section{
			padding: 60px 0;
		}

      .location-hero-row,
      .primary-area-row,
      .local-family-row,
      .why-top-row {
        flex-direction: column;
        gap: 30px;
      }

      .location-hero-left,
      .location-hero-right,
      .primary-area-right,
      .local-family-right,
      .why-top-left,
      .why-top-right {
        width: 100%;
        min-width: unset;
      }

      .primary-area-block,
      .suburb-list-block,
      .drive-time-block {
        padding: 40px 24px;
      }

      .why-choose-inner {
        padding: 40px 24px;
      }

      .suburb-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      .suburb-time-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      .why-grid {
        grid-template-columns: 1fr;
      }

      .loc-tabs-nav .tab-btn {
        min-width: 140px;
        padding: 0 20px;
        font-size: 16px;
      }

      .page-hero h1 {
        font-size: 36px;
        line-height: 48px;
      }

      .help-box {
        padding: 50px 30px;
        border-radius: 30px;
      }

/*       .help-img {
        display: none;
      } */
    }
	  
	  @media (max-width: 767px){
		  .suburb-grid{
			  grid-template-columns: repeat(1, 1fr);
		  }
		  
		  .suburb-time-card {
    min-height: 108px; /* adjust if needed */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
  }

  .suburb-name {
    min-height: 48px; /* keeps all titles aligned */
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .drive-time {
    display: flex;
    align-items: center;
    gap: 4px;
  }
		  
		  .page-hero-actions {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .page-hero-actions .btn,
  .page-hero-actions .btn-phone {
    flex: 1;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
  }
		  .location-hero {
			  padding: 60px 0 0;
		  }
		  
		  .local-family-left a.btn.rounded-12 {
    width: 100%;
  }
		  
		  .page-hero-badges {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .page-hero-badges .hero-badge {
    width: 100%;
    max-width: 100%;
    justify-content: center;
    padding: 16px 20px;
    box-sizing: border-box;
  }
	  }