/* General styling for the unordered list */
.icon-list {
    list-style-type: none; /* Remove default bullet points */
    padding-left: 0; /* Remove default padding */
  }

  /* Style for each list item */
  .icon-list li {
    display: flex; /* Use flexbox for horizontal alignment */
    align-items: center; /* Vertically center the text and icon */
    margin-bottom: 15px; /* Add space between list items */
  }

  /* Style for the icon */
  .icon-list i {
    margin-right: 25px; /* Space between icon and text */
    font-size: 20px; /* Icon size */
  }

  /* Style for the anchor link */
  .icon-list a {
    text-decoration: none; /* Remove underline */
    color: #007BFF; /* Link color */
    font-size: 16px; /* Font size */
    font-family: Arial, sans-serif; /* Font family */
    display: flex; /* Align the text and image */
    align-items: center; /* Vertically align text and image */
    gap: 8px; /* Space between text and image */
    transition: color 0.3s ease, transform 0.3s ease; /* Hover effects */
  }

  /* Hover effect for the link */
  .icon-list a:hover {
    color: #0056b3; /* Darker blue on hover */
    transform: translateY(-2px); /* Slight lift effect */
  }

  /* Style for the image */
  .icon-list a img {
    width: 30px; /* Fixed width for the image */
    height: auto; /* Maintain aspect ratio */
  }