/* Styling for social media icons */
.social-icon {
    display: inline-block;
    border-radius: 50%; /* Circular shape */
    padding: 10px; /* Padding inside the circle */
    transition: all 0.3s ease-in-out; /* Smooth transition on hover */
    font-size: 24px; /* Size of the icons */
    color: #fff; /* White color for the icons */
    background-color: #333; /* Dark background color for the icons */
}

.social-icon:hover {
    background-color: #25D366; /* Change background color on hover (green for WhatsApp example) */
    transform: scale(1.1); /* Slight zoom effect on hover */
}