:root {
    --pink: hsl(0, 78%, 80%);
    --uh: 0;
    --us: 78%;
    --ul: 80%;
}
.logo {
    justify-content: center;
}
.frame--blue {
    background-color: hsl(var(--ph),var(--ps),var(--pl));
}
.footer-one.is-blue {
    background-color: hsl(var(--ph),var(--ps),var(--pl));
    color: ;
}
.card-four__image-wrapper::after {
    background: unset;
}
.blog__card {
    --hsl: var(--bh), var(--bs), var(--bl);
}
.department__wrapper {
  display:grid;
  grid-template-columns:1fr;
  grid-gap:var(--gap);
  align-items:center
}
.department__image-wrapper {
  max-width:600px;
}
.department__image {
  display:block;
  width:100%;
  height:auto;
  font-size:0;
  border-radius:var(--border-radius-normal);
  object-fit:cover
}
@media (min-width:1200px) {
  .department__wrapper {
    grid-template-columns:38% 1fr;
    grid-gap:2rem
  }
}
.department__list {
  display:grid;
  grid-gap:1rem;
  max-width:650px;
}
@media (min-width:992px) {
  .department__list {
    grid-template-columns:1fr 1fr;
    max-width:unset;
  }
}
.department__links-wrapper {
    display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  gap: 1rem;
  box-sizing: border-box;
}

.department__feedback {
    display: flex;
  padding: 1.5rem;
  background: #fff;
  border-radius: var(--border-radius-normal);
  box-shadow: var(--shadow-moderate);
}
.department__feedback--text {
    display: block;
  font-size: var(--name-font-size);
  font-weight: 600;
  line-height: 1.45em;
}
#department .link-two .icon-arrow-top-right {
    bottom: 50%;
    transform: translateY(50%) rotate(45deg);
}

@media (min-width: 992px) {
  #step-grid-two .steps__list {
    grid-template-columns: repeat(2,1fr);
  }
}
@media (min-width: 1400px) {
  .showcase__list {
    grid-template-columns: repeat(3,1fr);
  }
}
.card-four {
    max-width: 445px;
}
/*** ID Doctor ***/
#doctor .photo-one__container {
    max-width: 100%;
}
#doctor .big-photo {
    padding-top: calc((500/500)*100%);
}