.contact-info {
    display: flex;
    flex-wrap: wrap; /* Ensures content can wrap if necessary */
    align-items: center;
    justify-content: flex-end; /* Floats items to the right */
    gap: 15px; /* Adds space between items */
    width: 100%;
    box-sizing: border-box;
  }

  .contact-item {
    display: inline-flex; /* Floats the items horizontally */
    align-items: center;
    margin-bottom: 1px; /* Adds space below each item */
    white-space: nowrap; /* Prevents the number or email from wrapping */
  }

  .contact-icon {
    margin-right: 8px; /* Space between icon and text */
  }

  /* Preventing overflow */
  .contact-info {
    overflow: hidden; /* Stops content from overflowing */
    max-width: 100%; /* Ensures the container doesn't exceed the screen width */
  }

  /* Mobile responsiveness - Stacking items vertically on very small screens */
  @media (max-width: 300px) {
    .contact-info {
      flex-direction: column; /* Stacks items vertically on very small screens */
      align-items: flex-start; /* Aligns items to the start of the container */
    }
    .contact-item {
      margin-bottom: 1px; /* Adds space between stacked items */
    }
  }