#calendly-close-btn{
        background:#003F8A;color:white;font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
      @font-face {
          font-family: 'Avenir LT Pro';
          src: url('../fonts/AvenirLTPro-Roman.eot');
          src: url('../fonts/AvenirLTPro-Roman.eot?#iefix') format('embedded-opentype'),
              url('../fonts/AvenirLTPro-Roman.woff2') format('woff2'),
              url('../fonts/AvenirLTPro-Roman.woff') format('woff'),
              url('../fonts/AvenirLTPro-Roman.ttf') format('truetype');
          font-weight: normal;
          font-style: normal;
          font-display: swap;
      }
      @font-face {
          font-family: 'Avenir LT Pro Medium';
          src: url('../fonts/AvenirLTPro-Medium.eot');
          src: url('../fonts/AvenirLTPro-Medium.eot?#iefix') format('embedded-opentype'),
              url('../fonts/AvenirLTPro-Medium.woff2') format('woff2'),
              url('../fonts/AvenirLTPro-Medium.woff') format('woff'),
              url('../fonts/AvenirLTPro-Medium.ttf') format('truetype');
          font-weight: 500;
          font-style: normal;
          font-display: swap;
      }
      @font-face {
        font-family: 'Avenir LT Pro 55 Roman';
        src: url('../fonts/AvenirLTPro-Heavy.eot');
        src: url('../fonts/AvenirLTPro-Heavy.eot?#iefix') format('embedded-opentype'),
            url('../fonts/AvenirLTPro-Heavy.woff2') format('woff2'),
            url('../fonts/AvenirLTPro-Heavy.woff') format('woff'),
            url('../fonts/AvenirLTPro-Heavy.ttf') format('truetype');
        font-weight: bold;
        font-style: normal;
        font-display: swap;
      }
      @font-face {
        font-family: 'Avenir LT Pro 65';
        src: url('../fonts/AvenirLTPro-Black.eot');
        src: url('../fonts/AvenirLTPro-Black.eot?#iefix') format('embedded-opentype'),
            url('../fonts/AvenirLTPro-Black.woff2') format('woff2'),
            url('../fonts/AvenirLTPro-Black.woff') format('woff'),
            url('../fonts/AvenirLTPro-Black.ttf') format('truetype');
        font-weight: 900;
        font-style: normal;
        font-display: swap;
    }
    *{
      font-family: 'Avenir LT Pro';
    }
    html, body, h1, h2, h3, h4, h5, h6, p, span, a, button, input, label, small, em, i{
      font-family: 'Avenir LT Pro';
    }
    .f-medium{font-family: 'Avenir LT Pro Medium';}.f-roman{font-family: 'Avenir LT Pro 55 Roman';}.f-black{font-family: 'Avenir LT Pro 65';}
    .fs-72{font-size:72px;}.fs-56{font-size:56px;}.fs-44{font-size:44px;}.fs-30{font-size:20px;}.fs-26{font-size:26px;}.fs-24{font-size:24px;}.fs-22{font-size:22px;}.fs-20{font-size:20px;}.fw-black{font-weight:800;}
    .top-banner{
      background: url(../images/home-banner.jpg) no-repeat center center;
      background-size: cover;
    }
    .coverage-selection{
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .coverage_description{
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    #pills-tabContent {
        margin-top: 1.5rem !important;
      }
      .coverage-selection .nav-pills {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
      }
      .coverage-selection .nav-item .rounded-pill {
        padding: 1.5rem !important;
      }
    .mt-n1{
      margin-top: -3px;
    }
    .btn-gradient{
      background: linear-gradient(to right,  rgba(169,112,25,1) 0%,rgba(247,191,0,1) 88%);
      border:1px solid rgba(247,191,0,1);
    }
    .btn-gradient:hover, .btn-gradient:active, .btn-gradient:focus{
      background: linear-gradient(to right,  rgba(247,191,0,1) 0%, rgba(169,112,25,1) 88%);
      border:1px solid rgba(247,191,0,1);
    }
    .tabs-ssec .nav-pills .nav-link{
      color:#003F8A;
    }
    .tabs-ssec .nav-pills .nav-link.active, .tabs-ssec .nav-pills .show>.nav-link{
      background: #003F8A;
      color:#FFF !important;
    }
    .t-crds:hover{
      transform: scale(1.03) !important;
      transition: all 0.4s !important;
    }
    .coverage-selection .container {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    /* Coverage card base styles */
    .coverage-card{
      border: 2px solid transparent;
      transition: border-color 0.3s ease, box-shadow 0.3s ease;
    }
    /* Hover state - desktop */
    .coverage-card:hover{
      border: 2px solid #f7bf00 !important;
      box-shadow: 0 0 15px rgba(247, 191, 0, 0.4) !important;
    }
    /* Focus state - keyboard accessibility */
    .coverage-card:focus-visible{
      border: 2px solid #f7bf00 !important;
      box-shadow: 0 0 15px rgba(247, 191, 0, 0.4) !important;
      outline: none;
    }
    /* Active state - mobile tap */
    .coverage-card:active{
      border: 2px solid #f7bf00 !important;
      box-shadow: 0 0 20px rgba(247, 191, 0, 0.5) !important;
    }
    /* Selected state - keep gold border */
    .coverage-card.selected{
      border: 2px solid #f7bf00 !important;
      box-shadow: 0 0 20px rgba(247, 191, 0, 0.5) !important;
    }
    .change-coverage-link{
      opacity: 0;
      transition: opacity 0.3s ease;
    }
    .change-coverage-link.show{
      opacity: 1;
      display: inline-block !important;
    }
    .calendly-section{
      background-color: #f8f9fa;
    }
    #calendlyModal .modal-dialog {
      max-width: 90%;
    }
    #calendlyModal .modal-header {
      padding: 1.5rem 1.5rem 0.5rem;
    }
    #calendlyModal .modal-body {
      padding: 1rem 1.5rem 1.5rem;
    }
    #calendlyModal .change-coverage-link {
      white-space: nowrap;
    }
    @media (max-width: 991.98px) {
    .fs-30 {
        font-size: 16px;
    }
}
    @media(max-width:767px){
      #calendlyModal .modal-dialog {
        max-width: 95%;
        margin: 0.5rem;
      }
      #calendlyModal .modal-header .change-coverage-link {
        position: static !important;
        transform: none !important;
        margin-bottom: 0.5rem;
      }
      #calendlyModal .modal-header {
        flex-direction: column;
        align-items: flex-start;
      }
      #calendlyModal .modal-header .btn-close {
        position: absolute;
        top: 1rem;
        right: 1rem;
      }
      #calendlyModal #calendly-heading {
        font-size: 32px;
        margin-top: 1rem;
      }
      .coverage-selection{
        padding-top: 0rem;
        padding-bottom: 0rem;
      }
      .coverage_description{
        padding-top: .3rem !important;
        padding-bottom: 0rem !important;
      }
      #pills-tabContent {
        margin-top: 0rem !important;
      }
      .coverage-selection .nav-pills {
        margin-top: 1rem !important;

      }
      .coverage-selection .nav-item .rounded-pill {
        padding: 1rem !important;
      }
      .banner-icons{
        justify-content: center !important;
      }
      .coverage-selection .container {
        padding-top: 0rem !important;

    }
    }
    html {
      scroll-behavior: smooth;
    }
    .expect{
      background: url(../images/expect-bg.jpg) no-repeat center center;
      background-size:cover;
    }
    .expect h3, .expect p, .expect ul li{
      color:#00224B;
    }
    @media(max-width:767px){
      .fs-72 {
          font-size: 26px;
      }
      .fs-24 {
          font-size: 18px;
      }
      .btn-gradient{
        font-size:16px;
      }
      .top-banner .btn-gradient, .expect .btn-gradient{
        width: 100%;
      }
      .container{
        padding:0 20px;
      }
      .fs-22 {
          font-size: 18px;
      }
      .top-banner span img{
        width: 18px;
      }
      .top-banner {
          background-position: 87%;
          /* Increase top padding so the man's face is fully visible above the text,
             while keeping the overall hero height reasonable on mobile */
          padding-top: calc(155px + env(safe-area-inset-top, 0px)) !important;
          padding-bottom: 0px !important;
          min-height: auto !important;
      }
      .top-banner:before{
        content:'';
        display: block;
        background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,25,55,0.65) 100%);
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
      }
      .top-banner .container{
        position: relative;
        z-index: 1;
        padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0px)) !important;
      }
      .banner-icons {
          padding-bottom: 0.2rem !important;
          margin-bottom: 0 !important;
          margin-top: 0.7rem !important;
      }
      .top-banner h1 {
          padding-top: 0.5rem !important;
          padding-bottom: 0.5rem !important;
      }
      .top-banner p {
          margin-bottom: 1rem !important;
      }
      .top-banner .btn-gradient {
          margin-bottom: 0.5rem !important;
      }
      .coverage-selection {
          padding-top: 1.5rem !important;
          padding-bottom: 1.5rem !important;
      }
      .btn-height{
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
      }
    .top-banner{
        background-position-y: -89px !important;
    }
      .fs-56 {
          font-size: 26px;
      }
      .fs-26 {
          font-size: 18px;
      }
      .tabs-ssec .nav-pills{
        width: 100% !important;
      }
      .tabs-ssec .nav-pills .nav-item{
        width: 50%;
      }
      .tabs-ssec .nav-pills .nav-link {
          width: 100%;
      }
      .fs-30 {
          font-size: 16px;
      }
      .t-crds .btn-gradient {
        font-size: 12px;
      }
      .fs-44 {
          font-size: 29px;
      }
      .expect ul li{
        font-size: 18px;
        align-items: start !important;
      }
      .top-banner{
        background: url(../images/mobile-banner-old.png) no-repeat center top #051426;
        background-size:cover;
      }

    }