/* Logo Styles */

.header-logo-area {
    display: flex;
    align-items: center;
}

.header-logo-area a {
    display: inline-block;
    text-decoration: none;
    line-height: 0;
}

.header-logo-area img,
.logo-image {
    max-height: 60px;
    max-width: 300px;
    width: auto;
    height: auto;
    object-fit: contain;
    transition: opacity 0.2s ease;
    display: block;
}

.header-logo-area img:hover,
.logo-image:hover {
    opacity: 0.9;
}

.footer-logo img {
    max-height: 50px;
    width: auto;
    height: auto;
    object-fit: contain;
    opacity: 0.8;
    transition: opacity 0.2s ease;
}

.footer-logo img:hover {
    opacity: 1;
}

@media (max-width: 768px) {
    .header-logo-area img,
    .logo-image {
        max-height: 50px;
    }
}