/* === Layout Utilities === */
.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;
    max-width: 1312px;
  }
  
  .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  
  [class*="col-"] {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-grow: 1;
  }
  
  .col-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  
  @media (min-width: 768px) {
    .col-md-12 {
      flex: 0 0 100%;
      max-width: 100%;
    }
  }
  
  @media (min-width: 992px) {
    .col-lg-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
    .col-lg-6 { flex: 0 0 50%; max-width: 50%; }
    .col-lg-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
    .col-lg-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }
    .col-lg-12 { flex: 0 0 100%; max-width: 100%; }
  }
  
  @media (min-width: 1200px) {
    .col-xl-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
    .col-xl-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
  }
  
  /* === Utility Classes === */
  .ms-2 {
    margin-left: 0.5rem;
  }
  
  .gx-0 {
    --bs-gutter-x: 0;
    margin-right: 0;
    margin-left: 0;
  }
  
  .gx-0 > .col,
  .gx-0 > [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
  }
  
/* === Buttons === */
.button {
    display: inline-block;

    font-weight: 600;
    text-align: center;
    text-decoration: none;
    border-radius: 47px; /* smoother corners */
    transition: background-color 0.2s ease, color 0.2s ease;
    cursor: pointer;
    border: none;
  }
  

  
  .button-border {
    background-color: transparent;
  }
  

  /* === Typography === */
  h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.5rem;
    font-weight: 600;
  }
  
  p {
    margin-bottom: 1rem;
  }
  
  footer{
    background-color: #fff;
  }

  .block-cta{
    background-color: #fff;
  }

  #stateSelect {
    box-sizing: border-box;
    padding-right: 2.5rem; /* enough space for chevron */
    width: 100%;
    max-width: 100%;
  }

  .line-height-100,
  .line-height-100 * {
    line-height: 100% !important;
  }
  
  ul.list-with-dots {
    list-style-type: disc;

  }

  @media (min-width: 992px) {
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}
  }