/* Base font size change */
.elementskit-navbar-nav-default .elementskit-navbar-nav > li > a {
    font-size: 13px !important; 
}
.elementskit-navbar-nav > li > a {
    font-size:18px !important;
}
.nav_wrap {
    visibility: visible;
    
}

/*
 * Keep mobile text-entry controls readable without disabling browser zoom.
 * The specificity guard beats legacy component rules that use !important.
 */
@media (max-width: 1024px) {
    html:not(#cardinal-viewport-zoom-disabled) body input:not([type]),
    html:not(#cardinal-viewport-zoom-disabled) body input[type="date"],
    html:not(#cardinal-viewport-zoom-disabled) body input[type="datetime-local"],
    html:not(#cardinal-viewport-zoom-disabled) body input[type="email"],
    html:not(#cardinal-viewport-zoom-disabled) body input[type="month"],
    html:not(#cardinal-viewport-zoom-disabled) body input[type="number"],
    html:not(#cardinal-viewport-zoom-disabled) body input[type="password"],
    html:not(#cardinal-viewport-zoom-disabled) body input[type="search"],
    html:not(#cardinal-viewport-zoom-disabled) body input[type="tel"],
    html:not(#cardinal-viewport-zoom-disabled) body input[type="text"],
    html:not(#cardinal-viewport-zoom-disabled) body input[type="time"],
    html:not(#cardinal-viewport-zoom-disabled) body input[type="url"],
    html:not(#cardinal-viewport-zoom-disabled) body input[type="week"],
    html:not(#cardinal-viewport-zoom-disabled) body select,
    html:not(#cardinal-viewport-zoom-disabled) body textarea,
    html:not(#cardinal-viewport-zoom-disabled) body [contenteditable="true"] {
        font-size: 16px !important;
    }

    html:not(#cardinal-viewport-zoom-disabled) body :is(
        input:not([type]),
        input[type="date"],
        input[type="datetime-local"],
        input[type="email"],
        input[type="month"],
        input[type="number"],
        input[type="password"],
        input[type="search"],
        input[type="tel"],
        input[type="text"],
        input[type="time"],
        input[type="url"],
        input[type="week"],
        select,
        textarea,
        [contenteditable="true"]
    ):focus-visible {
        box-shadow: 0 0 0 5px #121212 !important;
        outline: 3px solid #fff !important;
        outline-offset: 2px !important;
    }
}

/*
 * Progressive-enhancement fallback for the mobile navigation.
 *
 * The controller adds .cardinal-menu-enhanced only after it has successfully
 * initialized a real menu overlay. If that script is unavailable or aborts,
 * keep the server-rendered top-level links visible in normal document order
 * instead of leaving an unusable off-canvas panel.
 */
@media (max-width: 1024px) {
    html.cardinal-menu-pending:not(.cardinal-menu-enhanced) .nav_wrap
    nav.ekit-wid-con > .elementskit-menu-container,
    html.cardinal-menu-pending:not(.cardinal-menu-enhanced) .nav_wrap
    nav.ekit-wid-con > .elementskit-menu-overlay {
        display: none !important;
    }

    html.cardinal-menu-pending:not(.cardinal-menu-enhanced) .nav_wrap
    nav.ekit-wid-con > .elementskit-menu-hamburger {
        display: block !important;
    }

    html:not(.cardinal-menu-enhanced):not(.cardinal-menu-pending) .nav_wrap
    nav.ekit-wid-con > .elementskit-menu-hamburger,
    html:not(.cardinal-menu-enhanced):not(.cardinal-menu-pending) .nav_wrap
    nav.ekit-wid-con > .elementskit-menu-overlay,
    html:not(.cardinal-menu-enhanced):not(.cardinal-menu-pending) .nav_wrap
    nav.ekit-wid-con > .elementskit-menu-container
    > .elementskit-nav-identity-panel {
        display: none !important;
    }

    html:not(.cardinal-menu-enhanced):not(.cardinal-menu-pending) .nav_wrap
    nav.ekit-wid-con > .elementskit-menu-container {
        display: block !important;
        height: auto !important;
        left: auto !important;
        max-height: none !important;
        opacity: 1 !important;
        overflow: visible !important;
        position: static !important;
        right: auto !important;
        transform: none !important;
        visibility: visible !important;
        width: 100% !important;
    }

    html:not(.cardinal-menu-enhanced):not(.cardinal-menu-pending) .nav_wrap
    #menu-header-mobile {
        display: flex !important;
        flex-direction: column !important;
        position: static !important;
        width: 100% !important;
    }

    html:not(.cardinal-menu-enhanced):not(.cardinal-menu-pending) .nav_wrap
    #menu-header-mobile > li {
        display: block !important;
        position: static !important;
        width: 100% !important;
    }

    html:not(.cardinal-menu-enhanced):not(.cardinal-menu-pending) .nav_wrap
    #menu-header-mobile > li > .ekit-menu-nav-link {
        display: flex !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    html:not(.cardinal-menu-enhanced):not(.cardinal-menu-pending) .nav_wrap
    #menu-header-mobile > li > .elementskit-megamenu-panel {
        display: none !important;
    }

    html:not(.cardinal-menu-enhanced):not(.cardinal-menu-pending) .nav_wrap
    #menu-header-mobile > .hide-text-menu {
        display: none !important;
    }

    html:not(.cardinal-menu-enhanced):not(.cardinal-menu-pending) .nav_search_box,
    html:not(.cardinal-menu-enhanced):not(.cardinal-menu-pending) .search-box-overlay {
        display: none !important;
    }
}

/* .home_hero_banner:before {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: #000 !important;
    content: "" !important;
    z-index: 2 !important;
} */

 @media(min-width:1460px) {
.nav_wrap .elementskit-navbar-nav-default .elementskit-navbar-nav.elementskit-menu-po-center {   
    justify-content:center !important;
}

}
/* Skeleton loading animation */
.skeleton-loading {
    background: #f0f0f0;
    border-radius: 4px;
    height: 120px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}

.skeleton-loading::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);
    animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

/* Spinner animation */
.spinner {
    border: 3px solid rgba(0,0,0,0.1);
    border-radius: 50%;
    border-top: 3px solid #333;
    width: 20px;
    height: 20px;
    animation: spin 1s linear infinite;
    margin: 0 auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*
 * Shared reduced-motion policy.
 *
 * Keep state indicators present, but remove their repeated movement. The
 * near-zero duration preserves plugin animation lifecycle events without
 * exposing a visible transition. Component-specific controllers continue to
 * own the home hero and LoĒ³-340+ frame sequence.
 */
@media (prefers-reduced-motion: reduce) {
    /*
     * The non-matching ID in :not() gives this accessibility policy enough
     * specificity to beat legacy component rules that also use !important.
     */
    html:not(#cardinal-reduced-motion-disabled):not(#cardinal-reduced-motion-legacy-a):not(#cardinal-reduced-motion-legacy-b) {
        scroll-behavior: auto !important;
    }

    html:not(#cardinal-reduced-motion-disabled):not(#cardinal-reduced-motion-legacy-a):not(#cardinal-reduced-motion-legacy-b) body *,
    html:not(#cardinal-reduced-motion-disabled):not(#cardinal-reduced-motion-legacy-a):not(#cardinal-reduced-motion-legacy-b) body *::before,
    html:not(#cardinal-reduced-motion-disabled):not(#cardinal-reduced-motion-legacy-a):not(#cardinal-reduced-motion-legacy-b) body *::after {
        animation-delay: 0s !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-delay: 0s !important;
        transition-duration: 0.01ms !important;
    }

    html:not(#cardinal-reduced-motion-disabled):not(#cardinal-reduced-motion-legacy-a):not(#cardinal-reduced-motion-legacy-b) body .skeleton-loading::after,
    html:not(#cardinal-reduced-motion-disabled):not(#cardinal-reduced-motion-legacy-a):not(#cardinal-reduced-motion-legacy-b) body .spinner,
    html:not(#cardinal-reduced-motion-disabled):not(#cardinal-reduced-motion-legacy-a):not(#cardinal-reduced-motion-legacy-b) body .dot {
        animation: none !important;
    }

    html:not(#cardinal-reduced-motion-disabled):not(#cardinal-reduced-motion-legacy-a):not(#cardinal-reduced-motion-legacy-b) body .skeleton-loading::after {
        background: rgba(255, 255, 255, 0.35) !important;
        transform: none !important;
    }

    html:not(#cardinal-reduced-motion-disabled):not(#cardinal-reduced-motion-legacy-a):not(#cardinal-reduced-motion-legacy-b) body .spinner {
        transform: none !important;
    }

    html:not(#cardinal-reduced-motion-disabled):not(#cardinal-reduced-motion-legacy-a):not(#cardinal-reduced-motion-legacy-b) body .dot {
        opacity: 1 !important;
        transform: none !important;
    }

    html:not(#cardinal-reduced-motion-disabled):not(#cardinal-reduced-motion-legacy-a):not(#cardinal-reduced-motion-legacy-b) body .elementor-invisible {
        visibility: visible !important;
    }

    html:not(#cardinal-reduced-motion-disabled):not(#cardinal-reduced-motion-legacy-a):not(#cardinal-reduced-motion-legacy-b) body [data-settings*="motion_fx_motion_fx_scrolling"],
    html:not(#cardinal-reduced-motion-disabled):not(#cardinal-reduced-motion-legacy-a):not(#cardinal-reduced-motion-legacy-b) body .elementor-motion-effects-element,
    html:not(#cardinal-reduced-motion-disabled):not(#cardinal-reduced-motion-legacy-a):not(#cardinal-reduced-motion-legacy-b) body .elementor-motion-effects-layer {
        transform: none !important;
    }
}