.social-media-icons {
    display: flex;
    gap: 10px;
}

.social-icon {
    width: 40px; /* Reduced size */
    height: 40px; /* Reduced size */
    background-color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s, box-shadow 0.3s;
    text-decoration: none;
}

.social-icon i {
    font-size: 18px; /* Adjusted icon size to fit smaller circle */
    transition: color 0.3s;
}

.social-icon:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

/* Specific colors for each social media icon */
.facebook i {
    color: #1877f2;
}

.twitter i {
    color: #1da1f2;
}

.instagram i {
    color: #e1306c;
}

.youtube i {
    color: #ff0000;
}

.tiktok i {
    color: #482a2a; /* TikTok's primary logo color */
}

 

/* header title css */



/* slider */