.text-page-primary {
  color: var(--color-primary);
}
.banner-wrap {
  border-radius: 12px;
}
.medical-item {
  --icon-primary: #5d9fd1;
  --icon-light: #c1e0ee;
  transition: all 0.3s ease;
}
.medical-item:hover {
  --icon-primary: #ef936b;
  --icon-light: #eed1c1;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.medical-item svg {
  max-width: 90%;
  max-height: 100%;
}
@media screen and (min-width: 1024px) {
  .banner-wrap {
    border-radius: 40px;
  }
  .medical-item:hover {
    text-underline-offset: 6px;
  }
}