/*Custom Css*/

/*
...
...
*/
.social-icons {
position: fixed;
top: 50%;
right: 10px;
transform: translateY(-50%);
display: flex;
flex-direction: column;
gap: 10px;
z-index: 1000;
}

.social-icons a img {
width: 40px;
height: 40px;
transition: transform 0.3s ease;
}

.social-icons a:hover img {
transform: scale(1.15);
}

/* Responsive adjustments (if needed) */
@media (max-width: 480px) {
.social-icons {
    right: 5px;
}

.social-icons a img {
    width: 35px;
    height: 35px;
}
}