.contact-details-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;

  @media only screen and (max-width: 1023px) {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
  }

  @media only screen and (max-width: 767px) {
    grid-template-columns: repeat(1, 1fr);
  }
}