.glass {
  backdrop-filter: blur(6px) saturate(102%);
  -webkit-backdrop-filter: blur(6px) saturate(102%);
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 20px;
  border: 1px solid rgba(209, 213, 219, 0.3);
}
.teledentistry-hero-media {
  position: relative;
}
.teledentistry-hero-img {
  display: block;
  width: 100%;
  height: auto;
}
.teledentistry-hero-mobile-copy + .teledentistry-hero-media .teledentistry-hero-img {
  border-radius: 0.5rem;
}
@media (min-width: 992px) {
  .teledentistry-hero-media {
    min-height: 28rem;
    max-height: 70vh;
  }
  .teledentistry-hero-img {
    height: 100%;
    min-height: 28rem;
    max-height: 70vh;
    object-fit: cover;
    /* Below ~1378px the 4000x1300 image is taller than it is wide enough to fill
       28rem, so cover crops it. Anchor right so that edge is never cut off. */
    object-position: 100% center;
  }
  .teledentistry-hero-overlay {
    inset: 0;
    position: absolute;
  }
}
@media (max-width: 768px) {
  h1,
  h2.card-title {
    font-size: 1.3rem;
  }
}
.teledentistry-conditions {
  aspect-ratio: 300 / 646;
  height: auto;
}
@media (min-width: 768px) {
  .teledentistry-conditions {
    aspect-ratio: 1200 / 340;
  }
}
.teledentistry-feature-icon {
  display: block;
  margin-inline: auto;
}
@media (max-width: 991.98px) {
  .teledentistry-feature-icon {
    max-width: 5rem;
  }
}
@media (max-width: 575.98px) {
  .teledentistry-feature-icon {
    max-width: 3.5rem;
  }
}
.div-color-p {
  color: #000000 !important;
  background-color: #dc5856;
}
.div-color-p1 {
  color: #000000 !important;
  background-color: #75a5cc;
}
.div-color-p2 {
  color: #000000 !important;
  background-color: #e0b84e;
}