@media (min-width: 992px) {
    #header .header-nav-main nav.collapse { display: flex !important; }
    #header .mobile-drawer-toggle, #header .mobile-nav-drawer-header, #header .mobile-nav-drawer-backdrop { display: none !important; }
}

@media (max-width: 991px) {
    #header { position: relative; z-index: 1005 !important; }
    #header .header-body { background: #fff; border-bottom: 1px solid #edf0f4 !important; box-shadow: 0 4px 16px rgba(14,31,60,.06); }
    #header.header-effect-shrink .header-container { box-sizing: border-box; height: auto !important; min-height: 64px !important; padding: 8px 12px !important; }
    #header .header-container > .header-row { min-height: 48px; align-items: center; }
    #header .header-container > .header-row > .header-column:first-child { width: auto; flex: 1 1 auto; }
    #header .header-container > .header-row > .header-column.justify-content-end { display: flex !important; width: auto; flex: 0 0 auto; margin-left: auto; }
    #header .header-logo img { width: auto; max-width: 132px; max-height: 42px; }
    #header .header-container { position: relative; }
    #header .header-container > .header-row > .header-column.justify-content-end > .header-row > .header-nav { display: flex; align-items: center; }
    #header .header-nav-main { display: block !important; position: static !important; width: auto; margin: 0; }
    #header .header-nav-main nav.collapse, #header .header-nav-main nav.collapse:not(.show) {
        display: flex !important; position: fixed !important; z-index: 1007; inset: 0 0 0 auto !important;
        box-sizing: border-box; width: min(380px,88vw); height: 100vh; height: 100dvh; max-height: none !important;
        flex-direction: column; align-items: stretch; overflow-x: hidden; overflow-y: auto; padding: 18px 20px 24px;
        border: 0; border-radius: 22px 0 0 22px; background: linear-gradient(180deg,#fff 0%,#fbfcff 100%); box-shadow: -24px 0 64px rgba(14,31,60,.24);
        visibility: hidden; transform: translateX(100%); transition: transform 340ms cubic-bezier(.22,1,.36,1), visibility 0s linear 340ms;
    }
    #header .header-nav-main nav.collapse.mobile-drawer-open { visibility: visible; transform: translateX(0); transition: transform 340ms cubic-bezier(.22,1,.36,1), visibility 0s; }
    #header .mobile-nav-drawer-header { position: relative; display: flex; min-height: 76px; align-items: center; justify-content: space-between; gap: 14px; margin: -18px -20px 18px; padding: 17px 20px 15px; border-bottom: 1px solid #e9eef6; background: linear-gradient(115deg,#f4f7fd 0%,#fff 75%); }
    #header .mobile-nav-drawer-header::before { position: absolute; top: 0; right: 0; left: 0; height: 3px; background: linear-gradient(90deg,#2252bc 0%,#4777d2 64%,#f28330 100%); content: ""; }
    #header .mobile-nav-drawer-heading { display: flex; flex-direction: column; gap: 3px; }
    #header .mobile-nav-drawer-brand { color: #71809a; font-size: 9px; font-weight: 700; letter-spacing: .16em; }
    #header .mobile-nav-drawer-title { color: #142846; font-size: 21px; font-weight: 700; letter-spacing: -.02em; line-height: 1.15; }
    #header .mobile-nav-drawer-close { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; border: 1px solid #e4eaf3; border-radius: 13px; background: #fff; color: #244f9f; font-size: 25px; line-height: 1; box-shadow: 0 3px 12px rgba(21,46,86,.08); transition: color 160ms ease, background 160ms ease, transform 160ms ease; }
    #header .mobile-nav-drawer-close:hover { transform: rotate(90deg); background: #fff3e9; color: #e87520; }
    .mobile-nav-drawer-backdrop { position: fixed; z-index: 1006; inset: 0; display: block; border: 0; background: rgba(10,21,40,.48); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 340ms ease, visibility 340ms ease; }
    .mobile-nav-drawer-backdrop.is-visible { opacity: 1; visibility: visible; pointer-events: auto; }
    body.mobile-nav-drawer-open { overflow: hidden; }
    body.mobile-nav-drawer-open #header { z-index: 1008 !important; }
    #header .header-nav-main nav > ul { display: flex; flex-direction: column; align-items: stretch; gap: 5px; margin: 0; padding: 0; }
    #header .header-nav-main nav > ul > li, #header .header-nav-main nav > ul > li > a { display: block; width: 100%; }
    #header .header-nav-main nav > ul > li > a { min-height: 48px; padding: 13px 12px; border: 1px solid transparent; border-radius: 12px; color: #243651; font-size: 14px; font-weight: 600; transition: color 160ms ease, background 160ms ease, border-color 160ms ease, transform 160ms ease; }
    #header .header-nav-main nav > ul > li:not(.dropdown) > a:hover, #header .header-nav-main nav > ul > li:not(.dropdown) > a:focus-visible { transform: translateX(2px); border-color: #e7edf6; background: #f4f7fc; color: #2252bc; }
    #header .header-nav-main nav > ul > li.dropdown { display: flex; flex-wrap: wrap; align-items: center; }
    #header .header-nav-main nav > ul > li.dropdown > a { width: auto; flex: 1 1 auto; }
    #header .header-nav-main nav > ul > li.dropdown > a.dropdown-toggle::before, #header .header-nav-main nav > ul > li.dropdown > a.dropdown-toggle::after { display: none !important; content: none !important; }
    #header .header-nav-main nav > ul > li.dropdown > .mobile-nav-submenu-toggle { display: inline-flex; width: 42px; min-height: 42px; align-items: center; justify-content: center; border: 1px solid #e7edf6; border-radius: 12px; background: #f6f8fc; color: #2252bc; transition: transform 160ms ease, background 160ms ease, color 160ms ease; }
    #header .header-nav-main nav > ul > li.dropdown.mobile-submenu-open > .mobile-nav-submenu-toggle { transform: rotate(180deg); background: #fff3e9; color: #e87520; }
    #header .header-nav-main nav > ul > li.dropdown > .dropdown-menu { display: block !important; max-height: 0; overflow: hidden; visibility: hidden; opacity: 0 !important; transition: max-height 300ms cubic-bezier(.22,1,.36,1), opacity 220ms ease, margin 300ms ease, padding 300ms ease, visibility 0s linear 300ms !important; position: static !important; top: auto !important; float: none; min-width: 0; flex: 0 0 100%; margin: 0 0 0 8px; padding: 0 0 0 12px; border: 0; border-left: 2px solid #f28330; border-radius: 0; background: transparent; box-shadow: none; }
    #header .header-nav-main nav > ul > li.dropdown.mobile-submenu-open > .dropdown-menu { max-height: 340px; margin: 3px 0 8px 8px; padding: 5px 0 5px 12px; visibility: visible; opacity: 1 !important; transition: max-height 300ms cubic-bezier(.22,1,.36,1), opacity 220ms ease, margin 300ms ease, padding 300ms ease, visibility 0s !important; }
    #header .header-nav-main nav > ul > li.dropdown > .dropdown-menu a { display: block; min-height: 42px; padding: 11px 10px; border-radius: 9px; color: #5a6880; font-size: 13px; font-weight: 500; transition: color 160ms ease, background 160ms ease; }
    #header .header-nav-main nav > ul > li.dropdown > .dropdown-menu a:hover, #header .header-nav-main nav > ul > li.dropdown > .dropdown-menu a:focus-visible { background: #f2f6fc; color: #2252bc; }
    #header .mobile-drawer-toggle { position: absolute; top: 50%; right: 12px; z-index: 1010; display: inline-flex !important; visibility: visible !important; width: 44px; min-width: 44px; height: 44px; align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; border-radius: 11px; background: #2252bc; color: #fff; cursor: pointer; opacity: 1 !important; transform: translateY(-50%); }
    #header .mobile-drawer-toggle-icon { width: 22px; height: 22px; }
    #header .mobile-drawer-toggle-icon .line { fill: none; stroke: currentColor; stroke-width: 2.25; stroke-linecap: round; }
    #header .mobile-drawer-toggle.is-open .line-top { transform: translateY(5px) rotate(45deg); transform-origin: center; }
    #header .mobile-drawer-toggle.is-open .line-middle { opacity: 0; }
    #header .mobile-drawer-toggle.is-open .line-bottom { transform: translateY(-5px) rotate(-45deg); transform-origin: center; }
    #header .header-nav-main { transform: none !important; }
    #header .mobile-nav-submenu-toggle i { display: block; width: 9px; height: 9px; margin-top: -4px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); }
    #header .mobile-nav-submenu-toggle i::before { content: none !important; }
    #header .mobile-drawer-toggle { transition: opacity 180ms ease, background 160ms ease; }
    #header .mobile-drawer-toggle.is-open { opacity: 0 !important; pointer-events: none; }
    #header .header-nav-main nav > ul > li { opacity: 0; transform: translateX(14px); transition: opacity 240ms ease, transform 300ms cubic-bezier(.22,1,.36,1); }
    #header .header-nav-main nav.mobile-drawer-open > ul > li { opacity: 1; transform: none; }
    #header .header-nav-main nav.mobile-drawer-open > ul > li:nth-child(1) { transition-delay: 70ms; }
    #header .header-nav-main nav.mobile-drawer-open > ul > li:nth-child(2) { transition-delay: 110ms; }
    #header .header-nav-main nav.mobile-drawer-open > ul > li:nth-child(3) { transition-delay: 150ms; }
    #header .header-nav-main nav.mobile-drawer-open > ul > li:nth-child(4) { transition-delay: 190ms; }
    #header .header-nav-main nav.collapse.mobile-drawer-open { font-size: 14px; line-height: 21px; }
    #header .mobile-nav-drawer-brand, #header .mobile-nav-drawer-title { font-family: 'Poppins', sans-serif; }
    #header .mobile-nav-drawer-brand { line-height: 21px; }
    #header .mobile-nav-drawer-close, #header .header-nav-main nav > ul > li.dropdown > .mobile-nav-submenu-toggle { box-sizing: border-box; padding: 0 !important; font-size: 25px; font-weight: 400; cursor: pointer; }
    #header .header-nav-main nav > ul > li.dropdown > .mobile-nav-submenu-toggle { font-size: 14px; line-height: 1; }
    #header .header-nav-main nav > ul > li, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu > li { border-bottom: 0 !important; }
    #header .header-nav-main.header-nav-main-square nav > ul > li > a { margin: 0 !important; border-radius: 12px !important; color: #2252bc !important; line-height: 24px !important; text-transform: uppercase; }
    #header .header-nav-main nav > ul > li.dropdown > a > i { display: none !important; }
    #header .header-nav-main.header-nav-main-square nav > ul > li.dropdown .dropdown-menu > li > a { margin: 0 !important; border: 0 !important; border-radius: 9px !important; line-height: 21px !important; }
    #header .header-row > .d-sm-inline-flex { display: none !important; }
}

@media (max-width: 480px) {
    #header .header-container.container, #header .header-container.container-xl-custom { padding-right: 10px !important; padding-left: 10px !important; }
    #header .header-logo img { max-width: 120px; }
}

@media (max-width: 991px) and (prefers-reduced-motion: reduce) {
    #header .header-nav-main nav.collapse, #header .header-nav-main nav > ul > li, #header .mobile-drawer-toggle, .mobile-nav-drawer-backdrop { transition: none !important; }
    #header .header-nav-main nav > ul > li.dropdown > .dropdown-menu { transition: none !important; }
}
