.elementor-141 .elementor-element.elementor-element-90aa8a7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-f24633a *//* Update these specific classes in your header CSS */
.header-logo {
    display: flex;
    align-items: center;
    text-decoration: none;
    height: 100%;
    max-width: 220px; /* Prevents giant logos from spilling over the nav links */
}

.logo-image {
    height: 38px;      /* Explicit display height constraint */
    width: 100%;       /* Makes the image fully responsive to max-width limits */
    max-width: 200px;  /* Keeps the horizontal width beautifully proportioned */
    object-fit: contain;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Smooth scaling adaptation when the navbar shrinks on scroll */
.site-header.scrolled .logo-image {
    height: 32px;
    max-width: 170px;
}

@media (max-width: 992px) {
    .logo-image {
        height: 28px;
        max-width: 150px;
    }
    .site-header.scrolled .logo-image {
        height: 28px;
        max-width: 150px;
    }
}/* End custom CSS */