/* General Header Styling */
#header {
    background-color: #0274D4;
}


/* Logo */
#header .logo svg {
}

.header-link-icons {
    width: 30px;
}

.social-link img {
    transition: transform 0.3s ease-in-out;
}
.social-link:hover img {
    transform: scale(1.1);
}

/* Contact Info */
#header .contact-info {
    display: flex;
    align-items: center;
    gap: 20px;
}

#header .contact-info div {
    display: flex;
    align-items: center;
    gap: 8px;
    color: white;
    font-size: 14px;
    font-family: 'Inter', sans-serif;
}

#header .contact-info div svg {
    width: 16px;
    height: 16px;
}

.phone-link {
    color: white;
}

/* Responsive */
@media (max-width: 768px) {
    #header .container {
        flex-direction: column;
        text-align: center;
    }

    #header .contact-info {
        flex-direction: column;
        gap: 10px;
    }
}