.contact-cards {
  position: absolute;
  z-index: 4;
  left: 50%;
  bottom: -30px;
  transform: translateX(-50%);
  display: grid;
  grid-template-columns:
    1fr 1.15fr 1fr;
  box-shadow: var(--shadow);
}

.contact-page-cards {
  display: grid;
  grid-template-columns:
    1fr 1.15fr 1fr;
  margin: 2.5rem auto;
}

.contact-card {
  min-height: 177px;

  padding: 19px 26px;

  color: var(--color-white);
}

.address-card {
  background: #4caeb0;
}

.hours-card {
  background: #4f8fa7;
}

.phone-card {
  background: #6c739f;
}

.card-heading {
  display: flex;
  align-items: center;

  gap: 11px;

  padding-bottom: 10px;

  border-bottom:
    1px solid rgba(255, 255, 255, 0.4);

  font-size: 15px;
}

.card-heading i {
  font-size: 19px;
}

.card-content {
  min-height: 90px;

  display: flex;
  align-items: center;
  justify-content: center;

  text-align: center;
}

.card-content p {
  margin: 0;

  font-size: 15px;
  line-height: 1.85;
}

.opening-hours {
  padding-top: 14px;
}

.opening-hours div {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 15px;

  padding: 5px 0;

  border-bottom:
    1px dashed rgba(255, 255, 255, 0.35);

  font-size: 14px;
}

.opening-hours div:last-child {
  border-bottom: 0;
}

.opening-hours strong {
  white-space: nowrap;
}