/*
  Florida Property Seekers
  Apply page stylesheet
  Version: Admin Vetting V3, July 17, 2026
  Matches: apply_admin_vetting_v3.php
*/

:root{
      --navy:#0a192f;
      --navy2:#172a45;
      --deep-blue:#0a192f;
      --blue:#0068b7;
      --aqua:#00a3e0;
      --orange:#ff6b22;
      --yellow:#ffc72c;
      --green:#10b981;
      --bg:#f8fafc;
      --white:#ffffff;
      --line:rgba(15,23,42,.07);
      --line2:rgba(0,104,183,.14);
      --box-blue:rgba(0,104,183,.16);
      --text:#334155;
      --muted:#64748b;
      --soft:#f8fafc;
      --radius:18px;
      --radius-md:13px;
      --radius-sm:8px;
      --max:1180px;
      --shadow:0 10px 30px rgba(10,25,47,.07);
      --shadow-lg:0 28px 58px -18px rgba(10,25,47,.22);
      --transition:all .28s cubic-bezier(.16,1,.3,1);
    }

    *{
      box-sizing:border-box;
      margin:0;
      padding:0;
    }

    html{
      scroll-behavior:smooth;
    }

    body{
      font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
      background:
        radial-gradient(circle at 100% 0%,rgba(0,163,224,.08) 0%,transparent 34%),
        radial-gradient(circle at 0% 18%,rgba(255,199,44,.13) 0%,transparent 24%),
        radial-gradient(circle at 0% 100%,rgba(255,107,34,.06) 0%,transparent 38%),
        var(--bg);
      color:var(--text);
      font-size:15px;
      line-height:1.6;
      -webkit-font-smoothing:antialiased;
    }

    a{
      color:inherit;
      text-decoration:none;
      transition:var(--transition);
    }

    .site-header{
      position:sticky;
      top:0;
      z-index:50;
      background:rgba(255,255,255,.88);
      backdrop-filter:blur(16px);
      -webkit-backdrop-filter:blur(16px);
      border-bottom:1px solid var(--line);
      box-shadow:0 1px 2px rgba(0,0,0,.05);
    }

    .nav-wrap{
      max-width:var(--max);
      margin:0 auto;
      padding:14px 24px;
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:24px;
    }

    .brand{
      display:flex;
      align-items:center;
      gap:12px;
      color:var(--navy);
      font-size:20px;
      line-height:1;
      font-weight:850;
      letter-spacing:-.5px;
      white-space:nowrap;
    }

    .brand-mark{
      width:auto;
      height:auto;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:6px 12px;
      background:linear-gradient(135deg,var(--navy),var(--navy2));
      color:#fff;
      font-size:13px;
      font-weight:900;
      letter-spacing:1px;
      border-radius:var(--radius-sm);
      border-bottom:0;
      position:relative;
      box-shadow:0 4px 12px rgba(10,25,47,.15);
    }

    .brand-mark:before{
      content:none;
    }

    .brand .dotcom{
      color:var(--orange);
      font-size:16px;
      font-weight:900;
      margin-left:2px;
      letter-spacing:0;
    }

    .nav-links{
      display:flex;
      flex-wrap:wrap;
      justify-content:flex-end;
      align-items:center;
      gap:6px;
    }

    .nav-links a{
      padding:8px 13px;
      color:#0f172a;
      font-size:14px;
      font-weight:650;
      border-radius:999px;
    }

    .nav-links a:hover,
    .nav-links a[aria-current="page"]{
      background:rgba(15,23,42,.04);
      color:var(--blue);
    }

    .nav-links .group-btn{
      background:linear-gradient(135deg,var(--blue),#005699);
      color:#fff;
      border:0;
      padding:10px 18px;
      font-weight:750;
      box-shadow:0 4px 14px rgba(0,104,183,.25);
    }

    .nav-links .group-btn:hover{
      transform:translateY(-1px);
      background:var(--navy);
      border-color:var(--navy);
      color:#fff;
      box-shadow:0 6px 20px rgba(0,104,183,.35);
    }

    .page{
      max-width:var(--max);
      margin:34px auto 0;
      padding:0 24px;
    }

    .apply-hero{
      background:#fff;
      border:1px solid var(--line);
      border-radius:24px;
      box-shadow:var(--shadow-lg);
      overflow:hidden;
    }

    .apply-hero-head{
      background:linear-gradient(135deg,var(--navy),#123a68,var(--blue));
      color:#fff;
      padding:32px 34px 28px;
      border-bottom:1px solid rgba(255,255,255,.12);
    }

    .eyebrow{
      color:var(--yellow);
      font-size:11px;
      line-height:1.45;
      font-weight:850;
      letter-spacing:1.55px;
      text-transform:uppercase;
      margin-bottom:11px;
      max-width:980px;
    }

    .apply-hero-head h1{
      color:#fff;
      font-size:34px;
      line-height:1.05;
      font-weight:880;
      letter-spacing:-.8px;
      margin-bottom:9px;
    }

    .apply-hero-head p{
      color:#e8f2fb;
      font-size:15px;
      line-height:1.55;
      font-weight:650;
      max-width:880px;
    }

    .apply-hero-body{
      display:grid;
      grid-template-columns:minmax(0,1fr) auto;
      gap:18px;
      align-items:center;
      padding:20px 24px;
      background:#fff;
    }

    .apply-hero-body strong{
      display:block;
      color:var(--navy);
      font-size:16px;
      line-height:1.25;
      font-weight:850;
      margin-bottom:4px;
    }

    .apply-hero-body span{
      display:block;
      color:var(--muted);
      font-size:14px;
      line-height:1.45;
      font-weight:650;
    }

    .content-wrap{
      max-width:var(--max);
      margin:0 auto;
      padding:22px 24px 44px;
    }

    .apply-stack{
      display:flex;
      flex-direction:column;
      gap:22px;
    }

    .section{
      background:#fff;
      border:1px solid var(--line);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      overflow:hidden;
    }

    .section-head{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:12px;
      padding:18px 22px;
      border-bottom:1px solid var(--line);
      background:
        linear-gradient(90deg,rgba(0,104,183,.08),rgba(0,163,224,.04),rgba(255,107,34,.05));
    }

    .section-head.dark{
      background:linear-gradient(135deg,var(--navy),#123a68);
      border-bottom:1px solid rgba(255,255,255,.10);
    }

    .title-wrap{
      display:flex;
      align-items:center;
      gap:10px;
    }

    .title-icon{
      width:23px;
      height:23px;
      color:var(--blue);
      flex:0 0 auto;
    }

    .section-head.dark .title-icon,
    .section-head.dark h2{
      color:#fff;
    }

    .section h2{
      color:var(--navy);
      font-size:17px;
      line-height:1.15;
      font-weight:850;
      letter-spacing:.1px;
      text-transform:uppercase;
    }

    .section-head p{
      color:var(--muted);
      font-size:13px;
      font-weight:650;
      line-height:1.45;
      margin-top:4px;
    }

    .section-body{
      padding:22px;
    }

    .notice-box{
      border:1px solid rgba(255,107,34,.22);
      border-left:5px solid var(--orange);
      background:#fff9f5;
      border-radius:var(--radius-md);
      padding:16px 18px;
      box-shadow:0 2px 8px rgba(12,35,64,.04);
    }

    .notice-box strong{
      display:block;
      color:var(--navy);
      font-size:15px;
      font-weight:850;
      line-height:1.25;
      margin-bottom:5px;
    }

    .notice-box p{
      color:#334155;
      font-size:13.5px;
      line-height:1.55;
      font-weight:650;
      margin:0;
    }

    .notice-box p + p{
      margin-top:8px;
    }

    .program-box{
      border:1px solid var(--box-blue);
      border-top:4px solid var(--aqua);
      background:#fff;
      border-radius:var(--radius-md);
      padding:16px 18px;
      box-shadow:0 2px 8px rgba(12,35,64,.04);
    }

    .program-box p{
      color:#3f4c5d;
      font-size:13.5px;
      line-height:1.6;
      font-weight:650;
      margin-bottom:11px;
    }

    .program-box p:last-child{
      margin-bottom:0;
    }

    .program-box .boldline{
      color:var(--navy);
      font-weight:850;
    }

    .pricing-panel{
      margin:0 0 18px;
      background:#fff;
      border:1px solid var(--box-blue);
      border-top:6px solid var(--blue);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      overflow:hidden;
    }

    .pricing-panel-top{
      display:grid;
      grid-template-columns:minmax(0,1fr) 220px;
      gap:18px;
      align-items:stretch;
      padding:22px;
      background:
        linear-gradient(90deg,rgba(0,104,183,.06),rgba(255,255,255,.98));
    }

    .pricing-label{
      color:var(--blue);
      font-size:11px;
      line-height:1;
      font-weight:850;
      letter-spacing:.9px;
      text-transform:uppercase;
      margin-bottom:8px;
    }

    .pricing-panel h3{
      color:var(--navy);
      font-size:22px;
      line-height:1.15;
      font-weight:850;
      letter-spacing:-.35px;
      margin-bottom:7px;
    }

    .pricing-panel p{
      color:#3f4c5d;
      font-size:13.5px;
      line-height:1.55;
      font-weight:650;
      max-width:660px;
      margin:0;
    }

    .pricing-rate-card{
      display:flex;
      flex-direction:column;
      justify-content:center;
      align-items:center;
      text-align:center;
      background:
        linear-gradient(160deg,var(--navy) 0%,#063b78 58%,var(--blue) 100%);
      color:#fff;
      border-radius:var(--radius-md);
      padding:18px 14px 17px;
      border:1px solid rgba(255,255,255,.18);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        0 8px 18px rgba(1,36,87,.20);
      position:relative;
      overflow:hidden;
    }

    .pricing-rate-card:before{
      content:"";
      position:absolute;
      top:-40px;
      right:-45px;
      width:110px;
      height:110px;
      background:rgba(255,199,44,.16);
      border-radius:999px;
    }

    .pricing-rate-card:after{
      content:"";
      position:absolute;
      left:14px;
      right:14px;
      bottom:0;
      height:4px;
      background:linear-gradient(90deg,var(--orange),var(--yellow));
      border-radius:999px 999px 0 0;
    }

    .rate-badge{
      position:relative;
      z-index:1;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:6px 9px;
      margin-bottom:8px;
      color:var(--navy);
      background:var(--yellow);
      border-radius:999px;
      font-size:9.5px;
      line-height:1;
      font-weight:900;
      letter-spacing:.45px;
      text-transform:uppercase;
      white-space:nowrap;
    }

    .rate-price{
      position:relative;
      z-index:1;
      color:#fff;
      font-size:44px;
      line-height:.9;
      font-weight:900;
      letter-spacing:-1.4px;
      text-shadow:0 2px 4px rgba(0,0,0,.18);
    }

    .rate-term{
      position:relative;
      z-index:1;
      color:#ffc72c;
      font-size:15px;
      line-height:1.1;
      font-weight:900;
      margin-top:7px;
    }

    .rate-subline{
      position:relative;
      z-index:1;
      color:#dbeafe;
      font-size:11.2px;
      line-height:1.35;
      font-weight:800;
      margin-top:8px;
      max-width:165px;
    }

    .pricing-standard{
      padding:11px 22px;
      color:#334155;
      background:#f8fbff;
      border-top:1px solid rgba(0,104,183,.14);
      border-bottom:1px solid rgba(0,104,183,.14);
      font-size:13.5px;
      line-height:1.35;
      font-weight:750;
    }

    .pricing-standard strong{
      color:var(--navy);
      font-weight:850;
    }

    .pricing-benefits{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:12px;
      padding:16px 22px;
    }

    .pricing-benefit{
      border:1px solid var(--box-blue);
      background:#fff;
      padding:13px;
      border-radius:var(--radius-md);
      box-shadow:0 1px 2px rgba(0,0,0,.04);
    }

    .pricing-benefit strong{
      display:block;
      color:var(--navy);
      font-size:13px;
      line-height:1.2;
      font-weight:850;
      margin-bottom:4px;
    }

    .pricing-benefit span{
      display:block;
      color:#3f4c5d;
      font-size:12.5px;
      line-height:1.45;
      font-weight:650;
    }

    .pricing-note{
      padding:13px 22px 15px;
      color:var(--muted);
      font-size:12.8px;
      line-height:1.45;
      font-weight:700;
      border-top:1px solid rgba(0,104,183,.12);
      background:#fbfdff;
    }

    .program-steps{
      margin-top:14px;
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:12px;
    }

    .program-step-card{
      border:1px solid var(--box-blue);
      background:#f8fbff;
      border-radius:var(--radius-md);
      padding:15px;
      box-shadow:0 1px 2px rgba(0,0,0,.04);
    }

    .program-step-card strong{
      display:block;
      color:var(--navy);
      font-size:13.5px;
      line-height:1.2;
      font-weight:850;
      margin-bottom:5px;
    }

    .program-step-card span{
      display:block;
      color:#3f4c5d;
      font-size:12.8px;
      line-height:1.5;
      font-weight:650;
    }

    .accordion{
      display:flex;
      flex-direction:column;
      gap:11px;
    }

    .acc-item{
      border:1px solid var(--box-blue);
      background:#fff;
      border-radius:var(--radius-md);
      overflow:hidden;
      box-shadow:0 1px 2px rgba(0,0,0,.04);
    }

    .acc-btn{
      width:100%;
      border:0;
      background:#fff;
      padding:14px 16px;
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:10px;
      cursor:pointer;
      text-align:left;
      color:var(--navy);
      font-size:13.8px;
      line-height:1.35;
      font-weight:850;
    }

    .acc-btn:hover{
      background:#f8fbff;
    }

    .acc-meta{
      display:flex;
      align-items:center;
      gap:10px;
      color:var(--blue);
      font-weight:900;
      flex-shrink:0;
    }

    .chev{
      display:inline-flex;
      transition:transform 160ms ease;
    }

    .acc-panel{
      display:none;
      padding:0 16px 15px;
      color:#3f4c5d;
      font-size:13.2px;
      font-weight:650;
      line-height:1.58;
      border-top:1px solid rgba(0,104,183,.14);
      background:#fbfdff;
    }

    .acc-panel p{
      margin:10px 0 0;
    }

    .acc-panel p:first-child{
      margin-top:12px;
    }

    .acc-panel a{
      color:var(--navy);
      font-weight:850;
      text-decoration:underline;
      text-underline-offset:2px;
    }

    .acc-panel a:hover{
      color:var(--blue);
    }

    .acc-item[data-open="true"] .acc-panel{
      display:block;
    }

    .acc-item[data-open="true"] .chev{
      transform:rotate(180deg);
    }

    form{
      background:#fff;
      border:1px solid var(--box-blue);
      border-left:5px solid var(--aqua);
      border-radius:var(--radius);
      padding:20px;
      box-shadow:var(--shadow);
    }

    .grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:14px;
      margin-bottom:14px;
    }

    label{
      display:block;
      color:var(--navy);
      font-size:13px;
      font-weight:850;
      line-height:1.25;
      margin-bottom:6px;
    }

    .req{
      color:#b42318;
      font-weight:900;
    }

    input,
    textarea{
      width:100%;
      border:1px solid rgba(0,104,183,.22);
      border-radius:var(--radius-sm);
      padding:11px 12px;
      color:var(--text);
      background:#fff;
      font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
      font-size:14px;
      outline:none;
      transition:var(--transition);
    }

    input:focus,
    textarea:focus{
      border-color:rgba(0,104,183,.58);
      box-shadow:0 0 0 3px rgba(0,104,183,.10);
    }

    .hint{
      margin-top:6px;
      color:var(--muted);
      font-size:12.5px;
      line-height:1.38;
      font-weight:650;
    }

    .checkboxRow{
      display:flex;
      gap:10px;
      align-items:flex-start;
      margin-top:9px;
      padding:13px;
      border:1px solid var(--box-blue);
      background:#f8fbff;
      border-radius:var(--radius-md);
    }

    .checkboxRow input{
      width:auto;
      margin-top:2px;
      flex:0 0 auto;
    }

    .checkboxRow label{
      margin:0;
      color:#334155;
      font-size:13px;
      line-height:1.45;
      font-weight:750;
    }

    .checkboxRow a{
      color:var(--navy);
      font-weight:850;
      text-decoration:underline;
      text-underline-offset:2px;
    }

    .actions{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-top:14px;
    }

    .fineprint{
      margin-top:12px;
      color:var(--muted);
      font-size:12.8px;
      line-height:1.45;
      font-weight:650;
    }

    .button-row{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
    }

    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:40px;
      padding:0 18px;
      border:1px solid #d6e0ea;
      border-radius:999px;
      background:#fff;
      color:var(--navy);
      font-size:13px;
      font-weight:850;
      text-transform:uppercase;
      letter-spacing:.28px;
      white-space:nowrap;
      cursor:pointer;
      box-shadow:0 1px 2px rgba(0,0,0,.04);
    }

    .btn:hover{
      transform:translateY(-1px);
      color:var(--blue);
      border-color:var(--blue);
      background:#f7fbff;
      box-shadow:var(--shadow);
    }

    .btn.primary{
      background:linear-gradient(135deg,var(--orange),#e25c18);
      border-color:transparent;
      color:#fff;
    }

    .btn.primary:hover{
      background:var(--navy);
      border-color:var(--navy);
      color:#fff;
    }

    .btn.blue{
      background:linear-gradient(135deg,var(--blue),#005699);
      border-color:transparent;
      color:#fff;
    }

    .btn.blue:hover{
      background:var(--navy);
      border-color:var(--navy);
      color:#fff;
    }

    .form-error-notice{
      margin-bottom:14px;
      padding:14px 16px;
      border:1px solid rgba(180,35,24,.28);
      border-left:5px solid #b42318;
      border-radius:var(--radius-md);
      background:#fff1f0;
      color:#334155;
    }

    .form-error-notice strong{
      display:block;
      color:#b42318;
      font-size:14px;
      line-height:1.2;
      font-weight:850;
      margin-bottom:4px;
    }

    .form-error-notice p{
      color:#334155;
      font-size:13px;
      line-height:1.45;
      font-weight:700;
      margin:0;
    }

    footer{
      background:#090d16;
      color:#94a3b8;
      margin-top:54px;
      border-top:1px solid #111827;
    }

    .footer-inner{
      max-width:var(--max);
      margin:0 auto;
      padding:28px 24px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
      flex-wrap:wrap;
      font-size:13.5px;
      font-weight:650;
    }

    .footer-links{
      display:flex;
      align-items:center;
      gap:18px;
      flex-wrap:wrap;
    }

    .footer-links a{
      color:#cbd5e1;
      font-weight:650;
    }

    .footer-links a:hover{
      color:var(--yellow);
    }

    @media(max-width:820px){
      .nav-wrap{
        align-items:flex-start;
        flex-direction:column;
      }

      .nav-links{
        justify-content:flex-start;
      }

      .apply-hero-body{
        grid-template-columns:1fr;
      }

      .grid,
      .pricing-panel-top,
      .pricing-benefits{
        grid-template-columns:1fr;
      }

      .program-steps{
        grid-template-columns:1fr;
      }

      .pricing-rate-card{
        align-items:center;
        text-align:center;
      }

      .rate-price{
        font-size:34px;
      }

      .rate-subline{
        max-width:none;
      }

      .apply-hero-head h1{
        font-size:27px;
      }

      .apply-hero-head{
        padding:26px 24px 24px;
      }
    }

    @media(max-width:520px){
      .page,
      .content-wrap{
        padding-left:16px;
        padding-right:16px;
      }

      .page{
        margin-top:22px;
      }

      .brand{
        font-size:17px;
      }

      .button-row,
      .button-row .btn,
      .actions .btn,
      .apply-hero-body .btn{
        width:100%;
      }

      .section-body{
        padding:18px;
      }

      form{
        padding:18px;
      }
    }
  
/* Vendor plan and admin vetting additions */
.package-intro{
  margin-bottom:16px;
}

.application-intro{
  margin-bottom:18px;
  border-top-color:var(--green);
  background:linear-gradient(180deg,#f4fff9 0%,#ffffff 100%);
}

.application-intro .boldline{
  color:#087f5b;
}

.package-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:16px;
}

.package-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:100%;
  border:1px solid var(--box-blue);
  border-top:5px solid var(--blue);
  background:#fff;
  border-radius:var(--radius-md);
  padding:20px 16px 18px;
  box-shadow:0 5px 16px rgba(10,25,47,.07);
  overflow:hidden;
}

.package-card.featured{
  border-top-color:var(--orange);
  background:linear-gradient(180deg,#fffaf6 0%,#fff 48%);
}

.package-card.best-value{
  border-top-color:var(--green);
  background:linear-gradient(180deg,#f4fff9 0%,#fff 48%);
}

.package-badge{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 9px;
  margin-bottom:10px;
  border-radius:999px;
  background:var(--navy);
  color:#fff;
  font-size:9.5px;
  line-height:1;
  font-weight:900;
  letter-spacing:.55px;
  text-transform:uppercase;
}

.package-card.featured .package-badge{
  background:var(--orange);
}

.package-card.best-value .package-badge{
  background:var(--green);
}

.package-days{
  color:var(--navy);
  font-size:16px;
  line-height:1.2;
  font-weight:900;
}

.package-price{
  color:var(--blue);
  font-size:40px;
  line-height:1;
  font-weight:900;
  letter-spacing:-1.2px;
  margin:9px 0 8px;
}

.package-card.featured .package-price{
  color:var(--orange);
}

.package-card.best-value .package-price{
  color:#087f5b;
}

.package-posts{
  color:var(--navy);
  font-size:13px;
  line-height:1.35;
  font-weight:850;
  margin-bottom:9px;
}

.package-card p{
  color:#475569;
  font-size:12.7px;
  line-height:1.5;
  font-weight:650;
  margin:0;
}

.package-includes{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:16px;
}

.package-rules{
  margin-top:16px;
}


select{
  width:100%;
  border:1px solid rgba(0,104,183,.22);
  border-radius:var(--radius-sm);
  padding:11px 12px;
  color:var(--text);
  background:#fff;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:14px;
  outline:none;
  transition:var(--transition);
}

select:focus{
  border-color:rgba(0,104,183,.58);
  box-shadow:0 0 0 3px rgba(0,104,183,.10);
}

select:invalid{
  color:var(--muted);
}

select option{
  color:var(--text);
}

.single-last{
  grid-template-columns:1fr 1fr;
}

@media(max-width:980px){
  .package-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:820px){
  .package-includes,
  .single-last{
    grid-template-columns:1fr;
  }
}

@media(max-width:620px){
  .package-grid{
    grid-template-columns:1fr;
  }
}
/* Center the three Agent Network plan cards */
body.page-agent-network .package-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:960px;
  margin-left:auto;
  margin-right:auto;
}

@media(max-width:980px){
  body.page-agent-network .package-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-width:700px;
  }
}

@media(max-width:620px){
  body.page-agent-network .package-grid{
    grid-template-columns:1fr;
    max-width:480px;
  }
}
/* Center the three Agent Network plan cards */
body.page-agent-network .package-grid,
body.page-agent-apply .package-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:960px;
  margin-left:auto;
  margin-right:auto;
}

@media(max-width:980px){
  body.page-agent-network .package-grid,
  body.page-agent-apply .package-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-width:700px;
  }
}

@media(max-width:620px){
  body.page-agent-network .package-grid,
  body.page-agent-apply .package-grid{
    grid-template-columns:1fr;
    max-width:480px;
  }
}