.page-hero {
      position:relative; min-height: 36vh; display:grid; place-items:center; color:#fff; text-align:center;
      background: url('https://mceyeclinicforms.com/mceyeclinic/images/clinic-color-banner.png') center/cover no-repeat;
      box-shadow: inset 0 0 0 9999px rgba(0,0,0,.45);
    }
    .crumbs a { color:#6d3c5e; text-decoration:none; }
    .crumbs a:hover { text-decoration:underline; }
    .eyebox { border-left: 4px solid rgb(109,60,94); padding-left: 1rem; background: linear-gradient(90deg, rgba(109,60,94,0.06), rgba(109,60,94,0)); border-radius:.5rem; padding-top: 1rem; padding-bottom: 1rem;}
    .section-pad{ padding-top: 2.25rem;
                  padding-bottom: 1.5rem;
                  padding-left: 0;
                  padding-right: 0;
                }
    .btn-purple{ background:rgb(109,60,94); color:#fff; border-color:rgb(109,60,94); }
    .btn-purple:hover{ background:#4b2941; border-color:#4b2941; color:#fff; }
    .purple{ color:rgb(109,60,94); }
    .icon-bullet{ width:.6rem;height:.6rem;border-radius:50%;background:rgb(109,60,94);display:inline-block;margin-right:.5rem;transform:translateY(-1px); }
    body{font-family: 'Lato', sans-serif; /* Set the font to Lato */
         font-size: 1.10rem;
         line-height: 1.5;
         background-color: #f2eef5;
    }
    /* Hero */
    .hero{
      position:relative;
      min-height:36vh;
      display:grid;
      place-items:center;
      color:#fff;
      text-align:center
    }
    .hero::before{
      content:"";
      position:absolute;
      inset:0;
      /* Eye exam themed image */
      background:url('/mceyeclinic/images/clinic-color-banner.png') center/cover no-repeat;
      filter:brightness(.55)
    }
    .hero .inner{position:relative;z-index:1}

    .purple {
    color: rgb(109,60,94);
}

.btn-outline-purple {
  border-color: rgb(109,60,94);
  color: rgb(109,60,94);
}

.card-outline-purple {
  border-color: rgb(109,60,94);
}


.btn-outline-purple:hover,
.btn-outline-purple:focus {
  border-color: rgb(75, 41, 65);
  color: rgb(75, 41, 65);
}

/* Breadcrumbs (scoped) */
    .disclaimer-breadcrumbs {
      background: #fff;
      border: 1px solid #eee;
      border-left: 4px solid var(--clinic-purple);
      border-radius: .5rem;
      padding: .5rem .75rem;
      margin-bottom: 1rem;
    }
    .disclaimer-breadcrumbs .breadcrumb { margin: 0; }
    .disclaimer-breadcrumbs .breadcrumb-item + .breadcrumb-item::before { color: #888; }
    .disclaimer-breadcrumbs a { color: var(--clinic-purple); text-decoration: none; }
    .disclaimer-breadcrumbs a:hover { text-decoration: underline; }

    .purple {
      color: rgb(109,60,94);
    }

    .card-bg {
      background-color: white;
    }

    .container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
}