.footer-services-wrapper {
  background-color: #d3d3d3;
  padding: 2rem;
  font-weight: 500;

  .footer-services-bg {
    background: url("../images/image_footer/footer-top-links-bg.png");
  }

  h2 {
    font-size: clamp(3.5rem, 6vw, 5rem);
  }
}

.services-item-container {
  padding-block: 3rem;
  display: grid;
  /* gap: 2rem; */
}

.services-item-group {
  --gap: 1.5rem;

  display: flex;
  align-items: center;
  gap: var(--gap);
  padding-bottom: 1.2rem;
  margin-bottom: 0.8rem;
  background-image: url("../images/image_footer/sep.png");
  background-repeat: repeat-x;
  background-position: bottom left;
}

.services-item {
  display: flex;
  align-items: center;
  gap: var(--gap);
}

.item-number {
  font-style: italic;
  font-size: 1.5rem;
  font-weight: 400;
  padding-left: var(--gap);
}

.services-item-title {
  font-size: clamp(2rem, 3.2vw, 4rem);
  font-weight: bold;
  letter-spacing: -1px;
}

@media only screen and (max-width: 767px) {
  .footer-services-wrapper {
    .footer-services-bg {
      background: #d3d3d3;
    }

    h2 {
      padding-top: 1.5rem;
    }
  }

  .services-item-container {
    /* gap: 1rem; */
    padding-bottom: 2rem;
  }

  .services-item-group {
    background: none;
    align-items: baseline;
    border-bottom: 1px solid #000;
    padding-bottom: 1rem;
  }

  .services-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }

  .item-number {
    font-size: 1.2rem;
    padding-left: 0;
  }
}