.social-container {
    display: flex;
    flex-direction: column; /* Stack text and icons */
    align-items: flex-start; /* Align to start (left) by default */
}

.social-container p {
    margin: 0 0 10px 0; /* Space below text */
    font-size: 16px;
    color: white; /* Adjust text color */
}

.social-icons {
    padding-left: 20px;
    display: flex;
padding-top: 5px;
    gap: 10px; /* Space between icons */
}

.social-icons-header {
    display: flex;
    gap: 10px; /* Space between icons */
}

.social-icons-header a {
    padding: 10px!important;
}

.social-icons a {
    color: white; /* Icon color */
    text-decoration: none;
    transition: color 0.3s ease;
    padding: 10px;
    width: 50px;
    aspect-ratio: 1/1;
    border: 1px solid white;
    display: flex;
    justify-content: center;
    align-items: center;
}
.social-icons-header a:hover {
    color: orangered; /* Hover effect */
}
.social-icons a:hover {
    color: orangered; /* Hover effect */
}

/* Responsive Design */
@media (max-width: 768px) {
    .social-container {
        align-items: flex-start; /* Center everything on small screens */
        text-align: center;
    }
    .social-icons {
        justify-content: center; /* Center icons properly */
        padding-left: 0px;
    }
}