.footer-menu {
    background-color: #f4f4f4;
}

.footer-menu-icons a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

/* Style for the active menu items */
.footer-menu-icons a.active {
    background-color: #dedddd; /* Darker background color for active items */
    border-top: 2px solid #fff; /* White border on top for active items */
    color: #fff; /* White text color for active items */
  }
  
  /* Optional: Hover effect for non-active menu items */
  .footer-menu-icons:not(.active):hover {
    background-color: #ddd; /* Lighter background color on hover for non-active items */
  }