#reading-guide, #reading-mask {
    pointer-events: none;
    display: none
}

#acc-keyboard, #acc-summary-panel {
    position: fixed;
    background: #fff;
    transition: transform .4s
}

:root {
    --primary: #2563eb;
    --primary-hover: #1d4ed8;
    --bg-panel: rgba(255, 255, 255, .92);
    --acc-turquoise: #273c66;
    --acc-shadow: 0 10px 40px rgba(2, 32, 71, .18);
    --acc-border: #e2e8f0;
    --acc-navy: #273c66
}

body.dark-mode #accessibility-panel {
    background: #181818 !important;
    color: #f5f5f5 !important
}

    body.dark-mode #accessibility-panel .acc-panel-header {
        background: #0b1b2b !important
    }

    body.dark-mode #accessibility-panel .acc-header {
        color: #f97316 !important
    }

    body.dark-mode #accessibility-panel .acc-section {
        color: #fff !important;
        border-bottom: 1px solid #333 !important
    }

    body.dark-mode #accessibility-panel .acc-btn {
        background: #242424 !important;
        color: #fff !important;
        border: 1px solid #3a3a3a !important;
        box-shadow: none !important
    }

        body.dark-mode #acc-summary-panel a:hover, body.dark-mode #acc-summary-panel h1, body.dark-mode #acc-summary-panel h2, body.dark-mode #acc-summary-panel h3, body.dark-mode #acc-summary-panel h4, body.dark-mode #acc-summary-panel h5, body.dark-mode #acc-summary-panel h6, body.dark-mode #accessibility-panel .acc-btn *, body.dark-mode #accessibility-panel .acc-btn-active *, body.dark-mode #accessibility-panel .acc-btn-active .acc-btn-text, body.dark-mode #accessibility-panel .acc-btn-text, body.dark-mode #accessibility-panel .acc-reset, body.dark-mode #accessibility-panel .acc-reset *, body.dark-mode #accessibility-panel .acc-slider span, body.dark-mode #accessibility-panel .acc-slider-head span, body.dark-mode #accessibility-panel .acc-val, body.dark-mode .topbar a, body.dark-mode .topbar i, body.dark-mode .topbar li, body.dark-mode.deuteranopia-filter .topbar a, body.dark-mode.protanopia-filter .topbar a, body.dark-mode.tritanopia-filter .topbar a, body.grayscale-mode .dropdown-menu h5, body.grayscale-mode .mega-content h5, body.tritanopia-filter #accessibility-panel .acc-btn.acc-btn-active *, body.tritanopia-filter #accessibility-panel .lang-btn.acc-btn-active *, body.tritanopia-filter #accessibility-panel button.acc-btn-active *, body.tritanopia-filter .dropdown-menu a, body.tritanopia-filter .mega-content a, body.tritanopia-filter .mm-spn a, body.tritanopia-filter .mm-spn span, body.tritanopia-filter .mmenu a, body.tritanopia-filter .mmenu span, body.tritanopia-filter .topbar a, body.tritanopia-filter footer a:hover {
            color: #fff !important
        }

        body.dark-mode #accessibility-panel .acc-btn:hover {
            background: #2f3f52 !important;
            border-color: #5aa9ff !important
        }

    body.dark-mode #accessibility-panel .acc-btn-active {
        background: #26436b !important;
        color: #fff !important;
        border-color: #6bb6ff !important
    }

    body.dark-mode #accessibility-panel .acc-ico {
        background: #303030 !important;
        color: #fff !important
    }

    body.dark-mode #accessibility-panel svg {
        stroke: currentColor !important
    }

    body.dark-mode #accessibility-panel .lang-btn {
        background: #eee !important;
        color: #1f3558 !important;
        border: 1px solid transparent !important
    }

    body.dark-mode #accessibility-panel .acc-close {
        background: #fff !important;
        color: #1f3558 !important;
        border: 1px solid #e5e7eb !important
    }

    body.dark-mode #accessibility-panel .acc-slider {
        background: #242424 !important;
        color: #fff !important;
        border: 1px solid #3a3a3a !important
    }

    body.dark-mode #accessibility-panel .acc-val {
        background: #243f68 !important;
        color: #fff !important
    }

    body.dark-mode #accessibility-panel input[type=range] {
        accent-color: #5aa9ff
    }

body.dark-mode #acc-summary-panel {
    background: #1f1f1f !important;
    color: #f5f5f5 !important;
    border: 1px solid #3a3a3a !important;
    box-shadow: 0 10px 40px rgba(0,0,0,.45) !important;
    scrollbar-color: #555 #1a1a1a;
    scrollbar-width: thin
}

    body.dark-mode #acc-summary-panel div, body.dark-mode #acc-summary-panel li, body.dark-mode #acc-summary-panel ol, body.dark-mode #acc-summary-panel p, body.dark-mode #acc-summary-panel small, body.dark-mode #acc-summary-panel span, body.dark-mode #acc-summary-panel ul {
        color: #d6d6d6 !important
    }

    body.dark-mode #acc-summary-panel a {
        color: #8fd0ff !important
    }

    body.dark-mode #acc-summary-panel .card, body.dark-mode #acc-summary-panel .summary-box, body.dark-mode #acc-summary-panel .summary-item {
        background: #242424 !important;
        border: 1px solid #333 !important;
        color: #f5f5f5 !important
    }

    body.dark-mode #acc-summary-panel::-webkit-scrollbar {
        width: 8px
    }

    body.dark-mode #acc-summary-panel::-webkit-scrollbar-track {
        background: #1a1a1a
    }

    body.dark-mode #acc-summary-panel::-webkit-scrollbar-thumb {
        background: #555;
        border-radius: 10px
    }

        body.dark-mode #acc-summary-panel::-webkit-scrollbar-thumb:hover {
            background: #777
        }

.dyslexic-font {
    font-family: Rubik,sans-serif
}

.dyslexic-font2 {
    font-family: OpenDyslexic,sans-serif
}

.high-contrast {
    background-color: #000 !important;
    color: #fff !important
}

    .high-contrast :not(.acc-fixed):not(#acc-toggle):not(#accessibility-panel) {
        background-color: #000 !important;
        color: #ff0 !important;
        border-color: #ff0 !important
    }

body.grayscale-mode .announcement-wrapper, body.grayscale-mode .content, body.grayscale-mode .events-wrapper, body.grayscale-mode .full-header, body.grayscale-mode .gray-bg, body.grayscale-mode .main-content, body.grayscale-mode .news-wrapper, body.grayscale-mode .partner-wrapper, body.grayscale-mode .white-bg, body.grayscale-mode footer, body.grayscale-mode main {
    filter: grayscale(100%) !important
}

.highlight-links a:not(.acc-btn) {
    outline: #facc15 solid 3px !important;
    background-color: #000 !important;
    color: #facc15 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
    padding: 2px 4px !important
}

.big-cursor {
    cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 24 24' fill='black' stroke='white' stroke-width='1'><path d='M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z'/></svg>"),auto !important
}

    .big-cursor a, .big-cursor button {
        cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 24 24' fill='black' stroke='white' stroke-width='1'><path d='M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z'/></svg>"),pointer !important
    }

.stop-animations * {
    animation: none !important;
    transition: none !important
}

.enhanced-focus :focus {
    outline: #facc15 solid 4px !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 6px rgba(0,0,0,.8) !important
}

#reading-guide {
    position: fixed;
    left: 0;
    width: 100%;
    height: 4px;
    background: red;
    z-index: 9999;
    box-shadow: 0 0 10px rgba(255,0,0,.5)
}

#reading-mask {
    position: fixed;
    inset: 0;
    z-index: 9998;
    background: rgba(0,0,0,.7);
    clip-path: polygon(0% 0%,0% 100%,100% 100%,100% 0%,0% 0%,0% 45%,100% 45%,100% 55%,0% 55%,0% 45%)
}

#accessibility-panel {
    top: 16px !important;
    left: 16px !important;
    bottom: 16px !important;
    width: 400px !important;
    max-width: calc(100vw - 16px) !important;
    background: var(--bg-panel) !important;
    border-left: 1px solid rgba(255,255,255,.35) !important;
    border-radius: 12px 0 0 12px !important;
    box-shadow: var(--acc-shadow) !important;
    display: flex !important;
    flex-direction: column !important;
    transform: translateX(-120%) !important;
    transition: transform .35s !important
}

    #accessibility-panel.open {
        transform: translateX(0) !important
    }

    #accessibility-panel .acc-panel-header {
        flex: 0 0 auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        padding: 14px !important;
        background: rgba(255,255,255,.86) !important;
        border-bottom: 1px solid rgba(15,23,42,.1) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important
    }

    #accessibility-panel .acc-panel-body {
        flex: 1 1 auto !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain
    }

        #accessibility-panel .acc-panel-body::-webkit-scrollbar {
            width: 8px
        }

        #accessibility-panel .acc-panel-body::-webkit-scrollbar-thumb {
            background: #273c66;
            border-radius: 10px
        }

            #accessibility-panel .acc-panel-body::-webkit-scrollbar-thumb:hover {
                background: #273c66
            }

    #accessibility-panel .acc-panel-actions {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important
    }

    #accessibility-panel .acc-lang {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        padding: 2px !important;
        border-radius: 999px !important;
        background: #f1f5f9 !important;
        border: 1px solid var(--acc-border) !important
    }

    #accessibility-panel .lang-btn {
        border: 0 !important;
        background: 0 0 !important;
        padding: 8px 12px !important;
        border-radius: 999px !important;
        font-weight: 800 !important;
        font-size: 12px !important;
        color: #273c66 !important;
        cursor: pointer !important;
        line-height: 1 !important
    }

        #accessibility-panel .lang-btn:hover {
            background: #ed8c42 !important;
            color: #0f172a !important
        }

    #accessibility-panel .acc-btn .acc-btn-text, #accessibility-panel .acc-btn span, #accessibility-panel .acc-slider-head {
        font-size: 12px !important;
        color: #334155 !important;
        font-weight: 800 !important
    }

    #accessibility-panel .lang-btn.acc-btn-active {
        box-shadow: 0 6px 16px rgba(19,192,215,.25) !important
    }

    #accessibility-panel #acc-close, #accessibility-panel .acc-close {
        width: 38px !important;
        height: 38px !important;
        border-radius: 12px !important;
        border: 1px solid var(--acc-border) !important;
        background: #fff !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important
    }

        #accessibility-panel #acc-close:hover, #accessibility-panel .acc-close:hover {
            background: #f8fafc !important;
            border-color: #cbd5e1 !important
        }

    #accessibility-panel .acc-btn {
        width: 100% !important;
        border: 1px solid var(--acc-border) !important;
        background: #fff !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        box-shadow: 0 2px 12px rgba(2,32,71,.06) !important;
        cursor: pointer !important
    }

    #accessibility-panel .acc-grid-2, #accessibility-panel .acc-sliders {
        gap: 12px !important;
        gap: 10px !important
    }

    #accessibility-panel .acc-btn:hover {
        border-color: #ed8c42 !important;
        background: #fcfdff !important;
        box-shadow: 0 10px 20px rgba(37,99,235,.08) !important
    }

    #accessibility-panel .acc-grid-2 {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 12px !important
    }

@media (max-width:480px) {
    #accessibility-panel {
        width: 320px !important
    }

        #accessibility-panel .acc-grid-2 {
            grid-template-columns: 1fr !important
        }
}

#accessibility-panel .acc-sliders {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 12px !important
}

@media (max-width:520px) {
    #accessibility-panel .acc-sliders {
        grid-template-columns: 1fr !important
    }
}

#accessibility-panel .acc-slider {
    background: #f8fafc !important;
    border: 1px solid var(--acc-border) !important;
    border-radius: 14px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important
}

#accessibility-panel .acc-slider-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important
}

#accessibility-panel .acc-val {
    font-size: 11px !important;
    font-weight: 900 !important;
    background: #273c66 !important;
    color: #fff !important;
    padding: 3px 8px !important;
    border-radius: 999px !important
}

#accessibility-panel input[type=range] {
    -webkit-appearance: none !important;
    appearance: none !important;
    height: 6px !important;
    background: #e2e8f0 !important;
    border-radius: 999px !important;
    outline: 0 !important
}

    #accessibility-panel input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none !important;
        appearance: none !important;
        width: 16px !important;
        height: 16px !important;
        border-radius: 50% !important;
        background: #273c66 !important;
        cursor: pointer !important;
        box-shadow: 0 4px 12px rgba(19,192,215,.35) !important;
        border: 2px solid #fff !important
    }

    #accessibility-panel input[type=range]::-moz-range-thumb {
        width: 16px !important;
        height: 16px !important;
        border-radius: 50% !important;
        background: var(--acc-turquoise) !important;
        cursor: pointer !important;
        border: none !important
    }

#accessibility-panel .acc-header {
    margin: 0 !important;
    text-align: center !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: .22em !important;
    text-transform: uppercase !important;
    color: #ed8c42 !important
}

#accessibility-panel .text-center, .kbd-key {
    text-align: center
}

#acc-toggle, #accessibility-panel *, .acc-fixed {
    pointer-events: auto !important
}

#acc-magnifier {
    position: fixed;
    width: 200px;
    height: 200px;
    border: 4px solid #3b82f6;
    border-radius: 50%;
    pointer-events: none;
    z-index: 10000;
    display: none;
    box-shadow: 0 0 30px rgba(0,0,0,.4);
    background: #fff;
    overflow: hidden
}

#acc-keyboard {
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%) translateY(120%);
    padding: 15px;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0,0,0,.2);
    z-index: 10001;
    display: grid;
    grid-template-columns: repeat(10,1fr);
    gap: 5px;
    border: 1px solid var(--acc-border);
    max-width: 90vw
}

    #acc-keyboard.active {
        transform: translateX(-50%) translateY(0)
    }

.kbd-key {
    background: #f8fafc;
    border: 1px solid var(--acc-border);
    border-radius: 6px;
    padding: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: .2s;
    user-select: none
}

    .kbd-key:hover {
        background: #eff6ff;
        border-color: #3b82f6;
        color: #2563eb
    }

    .kbd-key:active {
        transform: scale(.95)
    }

    .kbd-key.wide {
        grid-column: span 2
    }

    .kbd-key.space {
        grid-column: span 5
    }

#acc-summary-panel {
    right: 20px;
    top: 55%;
    transform: translateY(-50%) translateX(120%);
    width: 280px;
    max-height: 80vh;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0,0,0,.15);
    z-index: 9997;
    padding: 20px;
    overflow-y: auto;
    border: 1px solid var(--acc-border)
}

    #acc-summary-panel.active {
        transform: translateY(-50%) translateX(0)
    }

.summary-item {
    display: block;
    padding: 8px 12px;
    border-radius: 8px;
    text-decoration: none;
    color: #475569;
    font-size: 13px;
    margin-bottom: 4px;
    transition: .2s
}

    .summary-item:hover {
        background: #f1f5f9;
        color: #2563eb;
        padding-left: 16px
    }

.summary-h1 {
    font-weight: 800;
    font-size: 14px;
    margin-top: 10px
}

.summary-h2 {
    margin-left: 15px
}

.summary-h3 {
    margin-left: 25px;
    opacity: .8
}

#acc-toggle {
    position: fixed !important;
    left: 20px !important;
    bottom: 20px !important;
    width: 64px !important;
    height: 64px !important;
    border-radius: 9999px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--acc-navy) !important;
    color: #fff !important;
    box-shadow: 0 8px 30px rgba(37,99,235,.25) !important;
    border: 0 !important;
    cursor: pointer !important
}

#accessibility-panel .flex {
    display: flex
}

#accessibility-panel .grid {
    display: grid
}

#accessibility-panel .grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

#accessibility-panel .items-center {
    align-items: center
}

#accessibility-panel .justify-between {
    justify-content: space-between
}

#accessibility-panel .justify-center {
    justify-content: center
}

#accessibility-panel .flex-1 {
    flex: 1 1 0%
}

#accessibility-panel .w-full {
    width: 100%
}

#accessibility-panel .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

#accessibility-panel .acc-grid-2 {
    margin-bottom: 10px !important
}

#accessibility-panel .acc-sliders {
    margin-top: 6px !important
}

#accessibility-panel .acc-slider {
    padding: 10px !important
}

#accessibility-panel .acc-btn {
    padding: 10px 12px !important;
    border-radius: 14px !important
}

#accessibility-panel .acc-section-title, #accessibility-panel h3, #accessibility-panel h4 {
    margin: 10px 0 8px !important;
    padding-top: 0 !important
}

#accessibility-panel .acc-footer {
    margin-top: 0 !important;
    padding: 8px 0 6px !important;
    font-size: 9px !important
}

#accessibility-panel {
    position: fixed !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    font-size: 14px !important
}

    #accessibility-panel .acc-panel-body {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding: 12px 14px 86px !important
    }

    #accessibility-panel .acc-reset {
        position: absolute !important;
        left: 14px !important;
        right: 14px !important;
        bottom: 14px !important;
        width: auto !important;
        min-height: 52px !important;
        margin: 0 !important;
        z-index: 100 !important;
        border-radius: 14px !important;
        border: 1px solid rgba(239,68,68,.25) !important;
        background: rgba(239,68,68,.12) !important;
        color: #273c66 !important;
        font-weight: 900 !important;
        padding: 12px !important;
        cursor: pointer !important;
        backdrop-filter: blur(8px) !important;
        -webkit-backdrop-filter: blur(8px) !important
    }

        #accessibility-panel .acc-reset:focus, #accessibility-panel .acc-reset:hover {
            background: rgba(239,68,68,.18) !important;
            border-color: rgba(239,68,68,.45) !important;
            outline: rgba(39,60,102,.25) solid 3px !important;
            outline-offset: 2px !important
        }

body.dark-mode #accessibility-panel .acc-reset {
    background: #a86432 !important;
    color: #fff !important;
    border: 1px solid #c0763d !important
}

    body.dark-mode #accessibility-panel .acc-reset:focus, body.dark-mode #accessibility-panel .acc-reset:hover {
        background: #c0763d !important;
        color: #fff !important
    }

#acc-keyboard .kbd-key.acc-btn-active, #accessibility-panel .acc-btn.acc-btn-active, #accessibility-panel .lang-btn.acc-btn-active, #accessibility-panel button.acc-btn-active {
    background: #273c66 !important;
    color: #fff !important;
    border-color: #273c66 !important;
    box-shadow: 0 0 0 3px rgba(39,60,102,.18) !important;
    font-weight: 900 !important
}

    #accessibility-panel .acc-btn.acc-btn-active *, #accessibility-panel .acc-btn.acc-btn-active .acc-btn-text, #accessibility-panel .lang-btn.acc-btn-active *, #accessibility-panel button.acc-btn-active *, #accessibility-panel button.acc-btn-active .acc-btn-text {
        color: #fff !important;
        fill: currentColor !important;
        stroke: currentColor !important
    }

    #accessibility-panel .acc-btn.acc-btn-active .acc-ico, #accessibility-panel button.acc-btn-active .acc-ico {
        background: rgba(255,255,255,.18) !important;
        color: #fff !important
    }

    #accessibility-panel .acc-btn.acc-btn-active:hover, #accessibility-panel .lang-btn.acc-btn-active:hover, #accessibility-panel button.acc-btn-active:hover {
        background: #1f3158 !important;
        color: #fff !important;
        border-color: #1f3158 !important
    }

#acc-keyboard .kbd-key:focus, #acc-toggle:focus, #accessibility-panel .acc-btn:focus, #accessibility-panel .lang-btn:focus, #accessibility-panel button:focus {
    outline: rgba(39,60,102,.35) solid 3px !important;
    outline-offset: 2px !important
}

body.dark-mode #acc-keyboard .kbd-key.acc-btn-active, body.dark-mode #accessibility-panel .acc-btn.acc-btn-active, body.dark-mode #accessibility-panel .lang-btn.acc-btn-active, body.dark-mode #accessibility-panel button.acc-btn-active {
    background: #8fd0ff !important;
    color: #000 !important;
    border-color: #8fd0ff !important;
    box-shadow: 0 0 0 3px rgba(143,208,255,.25) !important;
    font-weight: 900 !important
}

    body.dark-mode #accessibility-panel .acc-btn.acc-btn-active *, body.dark-mode #accessibility-panel .acc-btn.acc-btn-active .acc-btn-text, body.dark-mode #accessibility-panel .lang-btn.acc-btn-active *, body.dark-mode #accessibility-panel button.acc-btn-active *, body.dark-mode #accessibility-panel button.acc-btn-active .acc-btn-text {
        color: #000 !important;
        fill: currentColor !important;
        stroke: currentColor !important
    }

    body.dark-mode #accessibility-panel .acc-btn.acc-btn-active .acc-ico, body.dark-mode #accessibility-panel button.acc-btn-active .acc-ico {
        background: rgba(0,0,0,.12) !important;
        color: #000 !important
    }

    body.dark-mode #accessibility-panel .acc-btn.acc-btn-active:hover, body.dark-mode #accessibility-panel .lang-btn.acc-btn-active:hover, body.dark-mode #accessibility-panel button.acc-btn-active:hover {
        background: #b9e3ff !important;
        color: #000 !important;
        border-color: #b9e3ff !important
    }

body.high-contrast #accessibility-panel .acc-btn.acc-btn-active, body.high-contrast #accessibility-panel .lang-btn.acc-btn-active, body.high-contrast #accessibility-panel button.acc-btn-active {
    background: #000 !important;
    color: #ff0 !important;
    border: 2px solid #ff0 !important;
    box-shadow: none !important
}

    body.high-contrast #accessibility-panel .acc-btn.acc-btn-active *, body.high-contrast #accessibility-panel .lang-btn.acc-btn-active *, body.high-contrast #accessibility-panel button.acc-btn-active * {
        color: #ff0 !important;
        fill: currentColor !important;
        stroke: currentColor !important
    }

body.deuteranopia-filter #acc-keyboard, body.deuteranopia-filter #acc-summary-panel, body.deuteranopia-filter #acc-toggle, body.deuteranopia-filter #accessibility-panel, body.deuteranopia-filter #reading-guide, body.deuteranopia-filter #reading-mask, body.deuteranopia-filter .dropdown, body.deuteranopia-filter .dropdown-menu, body.deuteranopia-filter .full-header, body.deuteranopia-filter .full-header2, body.deuteranopia-filter .header-wrapper, body.deuteranopia-filter .main-nav, body.deuteranopia-filter .mega-content, body.deuteranopia-filter .menu, body.deuteranopia-filter .mm-spn, body.deuteranopia-filter .mmenu, body.deuteranopia-filter .mobilemenu, body.deuteranopia-filter .navbar, body.deuteranopia-filter .navbar-collapse, body.deuteranopia-filter .topbar, body.grayscale-mode #acc-keyboard, body.grayscale-mode #acc-summary-panel, body.grayscale-mode #acc-toggle, body.grayscale-mode #accessibility-panel, body.grayscale-mode #reading-guide, body.grayscale-mode #reading-mask, body.grayscale-mode #search-bar, body.grayscale-mode .dropdown, body.grayscale-mode .dropdown-menu, body.grayscale-mode .full-header, body.grayscale-mode .full-header2, body.grayscale-mode .header-wrapper, body.grayscale-mode .main-nav, body.grayscale-mode .mega-content, body.grayscale-mode .menu, body.grayscale-mode .mm-spn, body.grayscale-mode .mmenu, body.grayscale-mode .mobilemenu, body.grayscale-mode .navbar, body.grayscale-mode .navbar-collapse, body.grayscale-mode .topbar, body.protanopia-filter #acc-keyboard, body.protanopia-filter #acc-summary-panel, body.protanopia-filter #acc-toggle, body.protanopia-filter #accessibility-panel, body.protanopia-filter #reading-guide, body.protanopia-filter #reading-mask, body.protanopia-filter .dropdown, body.protanopia-filter .dropdown-menu, body.protanopia-filter .full-header, body.protanopia-filter .full-header2, body.protanopia-filter .header-wrapper, body.protanopia-filter .main-nav, body.protanopia-filter .mega-content, body.protanopia-filter .menu, body.protanopia-filter .mm-spn, body.protanopia-filter .mmenu, body.protanopia-filter .mobilemenu, body.protanopia-filter .navbar, body.protanopia-filter .navbar-collapse, body.protanopia-filter .topbar, body.tritanopia-filter #acc-keyboard, body.tritanopia-filter #acc-summary-panel, body.tritanopia-filter #acc-toggle, body.tritanopia-filter #accessibility-panel, body.tritanopia-filter #reading-guide, body.tritanopia-filter #reading-mask, body.tritanopia-filter .dropdown, body.tritanopia-filter .dropdown-menu, body.tritanopia-filter .full-header, body.tritanopia-filter .full-header2, body.tritanopia-filter .header-wrapper, body.tritanopia-filter .main-nav, body.tritanopia-filter .mega-content, body.tritanopia-filter .menu, body.tritanopia-filter .mm-spn, body.tritanopia-filter .mmenu, body.tritanopia-filter .mobilemenu, body.tritanopia-filter .navbar, body.tritanopia-filter .navbar-collapse, body.tritanopia-filter .topbar {
    filter: none !important
}

@media (max-width:768px) {
    #acc-toggle, #accessibility-panel, .acc-panel, .acc-toggle {
        position: fixed !important;
        opacity: 1 !important;
        visibility: visible !important
    }

    #acc-toggle, .acc-toggle {
        display: flex !important;
        left: 16px !important;
        bottom: 16px !important;
        top: auto !important;
        z-index: 1000001 !important;
        width: 56px !important;
        height: 56px !important;
        pointer-events: auto !important;
        transform: none !important
    }

    #accessibility-panel,
    .acc-panel {
        display: flex !important;
        flex-direction: column !important;
        top: 0 !important;
        right: 0 !important;
        left: auto !important;
        bottom: 0 !important;
        width: 92vw !important;
        max-width: 360px !important;
        height: 100vh !important;
        max-height: 100vh !important;
        z-index: 1000002 !important;
        overflow: hidden !important;
    }

        #accessibility-panel:not(.open), .acc-panel:not(.open) {
            transform: translateX(110%) !important;
            pointer-events: none !important
        }

        #accessibility-panel.open, .acc-panel.open {
            transform: translateX(0) !important;
            pointer-events: auto !important
        }

        #accessibility-panel .acc-reset,
        body.grayscale-mode #accessibility-panel .acc-reset {
            position: sticky !important;
            left: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            width: 100% !important;
            max-width: none !important;
            transform: none !important;
            filter: none !important;
            z-index: 5 !important;
            margin-top: auto !important;
        }

        #accessibility-panel .acc-panel-body {
            flex: 1 1 auto !important;
            min-height: 0 !important;
            overflow-y: auto !important;
            padding-bottom: 90px !important;
        }

    .acc-grid-2 {
        grid-template-columns: 1fr !important
    }

    .acc-btn {
        min-height: 48px !important;
        width: 100% !important
    }

    #accessibility-panel .acc-reset {
        min-height: 56px !important;
        margin: 0 !important;
        border-radius: 14px !important
    }

    #accessibility-panel .acc-btn.acc-btn-active, #accessibility-panel .lang-btn.acc-btn-active, #accessibility-panel button.acc-btn-active {
        min-height: 48px !important;
        background: #273c66 !important;
        color: #fff !important;
        border-color: #273c66 !important
    }

    body.dark-mode #accessibility-panel .acc-btn.acc-btn-active, body.dark-mode #accessibility-panel .lang-btn.acc-btn-active, body.dark-mode #accessibility-panel button.acc-btn-active {
        background: #8fd0ff !important;
        color: #000 !important;
        border-color: #8fd0ff !important
    }
}

#acc-keyboard, #acc-keyboard *, #acc-summary-panel, #acc-summary-panel *, #acc-toggle, #acc-toggle *, #accessibility-panel, #accessibility-panel * {
    letter-spacing: normal !important;
    line-height: normal !important
}

body.protanopia-filter .announcement-wrapper, body.protanopia-filter .content, body.protanopia-filter .events-wrapper, body.protanopia-filter .gray-bg, body.protanopia-filter .main-content, body.protanopia-filter .news-wrapper, body.protanopia-filter .partner-wrapper, body.protanopia-filter .white-bg, body.protanopia-filter footer, body.protanopia-filter main {
    filter: url("#protanopia-filter") !important
}

body.deuteranopia-filter .announcement-wrapper, body.deuteranopia-filter .content, body.deuteranopia-filter .events-wrapper, body.deuteranopia-filter .gray-bg, body.deuteranopia-filter .main-content, body.deuteranopia-filter .news-wrapper, body.deuteranopia-filter .partner-wrapper, body.deuteranopia-filter .white-bg, body.deuteranopia-filter footer, body.deuteranopia-filter main {
    filter: url("#deuteranopia-filter") !important
}

body.tritanopia-filter .announcement-wrapper, body.tritanopia-filter .content, body.tritanopia-filter .events-wrapper, body.tritanopia-filter .gray-bg, body.tritanopia-filter .main-content, body.tritanopia-filter .news-wrapper, body.tritanopia-filter .partner-wrapper, body.tritanopia-filter .white-bg, body.tritanopia-filter footer, body.tritanopia-filter main {
    filter: url("#tritanopia-filter") !important
}

body.deuteranopia-filter .full-header, body.deuteranopia-filter .header-wrapper, body.deuteranopia-filter .menu, body.protanopia-filter .full-header, body.protanopia-filter .header-wrapper, body.protanopia-filter .menu, body.tritanopia-filter .full-header, body.tritanopia-filter .header-wrapper, body.tritanopia-filter .menu {
    position: relative !important;
    z-index: 100500 !important;
    isolation: isolate !important;
    background-color: #fff !important
}

body.deuteranopia-filter .main-nav, body.deuteranopia-filter .navbar, body.deuteranopia-filter .navbar-collapse, body.deuteranopia-filter .navmain, body.grayscale-mode .main-nav, body.grayscale-mode .navbar, body.grayscale-mode .navbar-collapse, body.grayscale-mode .navmain, body.protanopia-filter .main-nav, body.protanopia-filter .navbar, body.protanopia-filter .navbar-collapse, body.protanopia-filter .navmain, body.tritanopia-filter .main-nav, body.tritanopia-filter .navbar, body.tritanopia-filter .navbar-collapse, body.tritanopia-filter .navmain {
    position: relative !important;
    z-index: 100600 !important
}

    body.deuteranopia-filter .navmain > .nav-item > .nav-link, body.protanopia-filter .navmain > .nav-item > .nav-link, body.tritanopia-filter .navmain > .nav-item > .nav-link {
        color: #273c66 !important;
        background-color: #fff !important;
        font-weight: 800 !important
    }

        body.deuteranopia-filter .navmain > .nav-item.show > .nav-link, body.deuteranopia-filter .navmain > .nav-item > .nav-link:hover, body.protanopia-filter .navmain > .nav-item.show > .nav-link, body.protanopia-filter .navmain > .nav-item > .nav-link:hover, body.tritanopia-filter .navmain > .nav-item.show > .nav-link, body.tritanopia-filter .navmain > .nav-item > .nav-link:hover {
            color: #fff !important;
            background-color: #273c66 !important
        }

body.deuteranopia-filter .dropdown-mega .dropdown-menu, body.deuteranopia-filter .dropdown-menu, body.protanopia-filter .dropdown-mega .dropdown-menu, body.protanopia-filter .dropdown-menu, body.tritanopia-filter .dropdown-mega .dropdown-menu, body.tritanopia-filter .dropdown-menu {
    position: absolute !important;
    z-index: 100700 !important;
    background-color: #101827 !important;
    background-image: none !important;
    opacity: 1 !important;
    border: 0 !important;
    box-shadow: 0 18px 50px rgba(0,0,0,.35) !important
}

body.deuteranopia-filter .mega-content, body.protanopia-filter .mega-content, body.tritanopia-filter .mega-content {
    background-color: #101827 !important;
    background-image: none !important;
    opacity: 1 !important
}

    body.protanopia-filter .dropdown-menu h5, body.protanopia-filter .mega-content h5 {
        color: #ffd166 !important
    }

    body.deuteranopia-filter .dropdown-menu h5, body.deuteranopia-filter .mega-content h5 {
        color: #f4c542 !important
    }

    body.tritanopia-filter .dropdown-menu h5, body.tritanopia-filter .mega-content h5 {
        color: #ffb86b !important;
        color: var(--tritanopia-corporate-accent) !important
    }

body.deuteranopia-filter .menu-list-group-item, body.protanopia-filter .menu-list-group-item, body.tritanopia-filter .menu-list-group-item {
    display: block !important;
    color: #fff !important;
    background-color: transparent !important;
    border-color: rgba(255,255,255,.18) !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.45) !important;
    font-weight: 700 !important
}

    body.dark-mode.deuteranopia-filter .dropdown-menu h5, body.dark-mode.deuteranopia-filter .mega-content h5, body.dark-mode.protanopia-filter .dropdown-menu h5, body.dark-mode.protanopia-filter .mega-content h5, body.deuteranopia-filter .menu-list-group-item::before, body.protanopia-filter .menu-list-group-item::before, body.tritanopia-filter .menu-list-group-item::before {
        color: #ed8c42 !important
    }

    body.deuteranopia-filter .menu-list-group-item:focus, body.deuteranopia-filter .menu-list-group-item:hover, body.protanopia-filter .menu-list-group-item:focus, body.protanopia-filter .menu-list-group-item:hover, body.tritanopia-filter .menu-list-group-item:focus, body.tritanopia-filter .menu-list-group-item:hover {
        color: #fff !important;
        background-color: #273c66 !important;
        outline: #ed8c42 solid 2px !important;
        outline-offset: 2px !important
    }

body.dark-mode .header-social li, body.dark-mode .header-social li a, body.dark-mode.deuteranopia-filter .container-fluid, body.dark-mode.deuteranopia-filter .container-fluidss, body.dark-mode.protanopia-filter .container-fluid, body.dark-mode.protanopia-filter .container-fluidss, body.dark-mode.tritanopia-filter .container-fluid, body.dark-mode.tritanopia-filter .container-fluidss, body.deuteranopia-filter .dropdown-menu .col-md, body.deuteranopia-filter .dropdown-menu .row, body.protanopia-filter .dropdown-menu .col-md, body.protanopia-filter .dropdown-menu .row, body.tritanopia-filter .dropdown-menu .col-md, body.tritanopia-filter .dropdown-menu .row {
    background-color: transparent !important
}

body.deuteranopia-filter .mm-spn, body.deuteranopia-filter .mmenu, body.deuteranopia-filter .mobilemenu, body.protanopia-filter .mm-spn, body.protanopia-filter .mmenu, body.protanopia-filter .mobilemenu, body.tritanopia-filter .mm-spn, body.tritanopia-filter .mmenu, body.tritanopia-filter .mobilemenu {
    z-index: 100800 !important;
    background-color: #101827 !important;
    color: #fff !important
}

body.deuteranopia-filter .carousel, body.deuteranopia-filter .carousel-inner, body.deuteranopia-filter .owl-carousel, body.deuteranopia-filter .sb-slider, body.protanopia-filter .carousel, body.protanopia-filter .carousel-inner, body.protanopia-filter .owl-carousel, body.protanopia-filter .sb-slider, body.tritanopia-filter .carousel, body.tritanopia-filter .carousel-inner, body.tritanopia-filter .owl-carousel, body.tritanopia-filter .sb-slider {
    position: relative !important;
    z-index: 1 !important
}

#accessibility-panel, .acc-panel {
    z-index: 2147483646 !important
}

#acc-toggle, .acc-fixed, .acc-toggle {
    z-index: 2147483647 !important
}

body.deuteranopia-filter #accessibility-panel .acc-btn, body.deuteranopia-filter #accessibility-panel .acc-btn-text, body.deuteranopia-filter .dropdown-menu h5, body.deuteranopia-filter .mega-content h5, body.deuteranopia-filter .menu-list-group-item, body.deuteranopia-filter .navmain > .nav-item > .nav-link, body.protanopia-filter #accessibility-panel .acc-btn, body.protanopia-filter #accessibility-panel .acc-btn-text, body.protanopia-filter .dropdown-menu h5, body.protanopia-filter .mega-content h5, body.protanopia-filter .menu-list-group-item, body.protanopia-filter .navmain > .nav-item > .nav-link, body.tritanopia-filter #accessibility-panel .acc-btn, body.tritanopia-filter #accessibility-panel .acc-btn-text, body.tritanopia-filter .dropdown-menu h5, body.tritanopia-filter .mega-content h5, body.tritanopia-filter .menu-list-group-item, body.tritanopia-filter .navmain > .nav-item > .nav-link {
    /*font-weight: inherit !important*/
}

#accessibility-panel .acc-header, #accessibility-panel .acc-reset, #accessibility-panel .acc-section, #accessibility-panel .acc-val, #accessibility-panel .lang-btn {
    font-weight: inherit
}

body.tritanopia-filter {
    --tritanopia-corporate-bg: #7a3e12;
    --tritanopia-corporate-bg-dark: #5f300e;
    --tritanopia-corporate-accent: #ed8c42;
    --tritanopia-corporate-soft: #fff3e8;
    --tritanopia-corporate-text: #ffffff;
    --tritanopia-corporate-text-dark: #1f2937
}

    body.tritanopia-filter #acc-toggle, body.tritanopia-filter #accessibility-panel .acc-val, body.tritanopia-filter #accessibility-panel input[type=range]::-webkit-slider-thumb, body.tritanopia-filter #scrollUp, body.tritanopia-filter .angle-back, body.tritanopia-filter .badge-primary, body.tritanopia-filter .bg-primary, body.tritanopia-filter .btn-primary, body.tritanopia-filter .date-bg1, body.tritanopia-filter .navbar-wrapper, body.tritanopia-filter .topbar {
        background-color: var(--tritanopia-corporate-bg) !important;
        border-color: var(--tritanopia-corporate-bg) !important;
        color: var(--tritanopia-corporate-text) !important
    }

    body.tritanopia-filter #accessibility-panel input[type=range]::-moz-range-thumb {
        background-color: var(--tritanopia-corporate-bg) !important;
        border-color: var(--tritanopia-corporate-bg) !important
    }

    body.tritanopia-filter .header-wrapper, body.tritanopia-filter .main-nav, body.tritanopia-filter .menu, body.tritanopia-filter .navbar {
        background-color: #fff !important
    }

    body.tritanopia-filter .navmain > .nav-item > .nav-link {
        color: var(--tritanopia-corporate-text-dark) !important;
        background-color: #fff !important
    }

        body.tritanopia-filter .navmain > .nav-item.dropdown.show > .nav-link, body.tritanopia-filter .navmain > .nav-item.show > .nav-link, body.tritanopia-filter .navmain > .nav-item > .nav-link:focus, body.tritanopia-filter .navmain > .nav-item > .nav-link:hover {
            color: #fff !important;
            background-color: var(--tritanopia-corporate-bg) !important
        }

    body.tritanopia-filter .dropdown-mega .dropdown-menu, body.tritanopia-filter .dropdown-menu, body.tritanopia-filter .mega-content {
        background-color: var(--tritanopia-corporate-bg-dark) !important;
        background-image: none !important;
        color: #fff !important;
        opacity: 1 !important
    }

    body.tritanopia-filter .menu-list-group-item {
        color: #fff !important;
        background-color: transparent !important;
        border-color: rgba(255,255,255,.22) !important;
        text-shadow: none !important
    }

        body.tritanopia-filter .menu-list-group-item:focus, body.tritanopia-filter .menu-list-group-item:hover {
            color: var(--tritanopia-corporate-text-dark) !important;
            background-color: var(--tritanopia-corporate-accent) !important;
            outline: #ffffff solid 2px !important;
            outline-offset: 2px !important
        }

    body.tritanopia-filter #accessibility-panel .acc-btn.acc-btn-active, body.tritanopia-filter #accessibility-panel .lang-btn.acc-btn-active, body.tritanopia-filter #accessibility-panel button.acc-btn-active, body.tritanopia-filter .acc-btn-active, body.tritanopia-filter .act-type, body.tritanopia-filter .owl-nav button:hover, body.tritanopia-filter .owl-next:hover, body.tritanopia-filter .owl-prev:hover, body.tritanopia-filter .readon-arrow:hover, body.tritanopia-filter .slink:hover {
        background-color: var(--tritanopia-corporate-bg) !important;
        border-color: var(--tritanopia-corporate-bg) !important;
        color: #fff !important
    }

    body.tritanopia-filter .all-records a, body.tritanopia-filter .readon-arrow, body.tritanopia-filter a, body.tritanopia-filter footer a {
        color: var(--tritanopia-corporate-bg) !important
    }

    body.tritanopia-filter .acc-header, body.tritanopia-filter .date-bg2, body.tritanopia-filter .news-date, body.tritanopia-filter .news-date i, body.tritanopia-filter .news-date li {
        color: var(--tritanopia-corporate-accent) !important
    }

    body.tritanopia-filter .mm-spn, body.tritanopia-filter .mmenu, body.tritanopia-filter .mobilemenu {
        background-color: var(--tritanopia-corporate-bg-dark) !important;
        color: #fff !important
    }

body.dark-mode.deuteranopia-filter .full-header, body.dark-mode.deuteranopia-filter .full-header2, body.dark-mode.deuteranopia-filter .header-wrapper, body.dark-mode.deuteranopia-filter .main-nav, body.dark-mode.deuteranopia-filter .menu, body.dark-mode.deuteranopia-filter .navbar, body.dark-mode.deuteranopia-filter .navbar-collapse, body.dark-mode.grayscale-mode .full-header, body.dark-mode.grayscale-mode .full-header2, body.dark-mode.grayscale-mode .header-wrapper, body.dark-mode.grayscale-mode .main-nav, body.dark-mode.grayscale-mode .menu, body.dark-mode.grayscale-mode .navbar, body.dark-mode.grayscale-mode .navbar-collapse, body.dark-mode.grayscale-mode .topbar, body.dark-mode.protanopia-filter .full-header, body.dark-mode.protanopia-filter .full-header2, body.dark-mode.protanopia-filter .header-wrapper, body.dark-mode.protanopia-filter .main-nav, body.dark-mode.protanopia-filter .menu, body.dark-mode.protanopia-filter .navbar, body.dark-mode.protanopia-filter .navbar-collapse, body.dark-mode.tritanopia-filter .full-header, body.dark-mode.tritanopia-filter .full-header2, body.dark-mode.tritanopia-filter .header-wrapper, body.dark-mode.tritanopia-filter .main-nav, body.dark-mode.tritanopia-filter .menu, body.dark-mode.tritanopia-filter .navbar, body.dark-mode.tritanopia-filter .navbar-collapse {
    background-color: #101827 !important;
    background-image: none !important;
    color: #fff !important;
    filter: none !important
}

body.dark-mode, body.dark-mode .full-header, body.dark-mode .full-header2, body.dark-mode .full-header::after, body.dark-mode .full-header::before, body.dark-mode .header-wrapper, body.dark-mode .header-wrapper::after, body.dark-mode .header-wrapper::before, body.dark-mode .topbar::after, body.dark-mode .topbar::before, body.dark-mode.deuteranopia-filter .col-logo, body.dark-mode.deuteranopia-filter .main-logo, body.dark-mode.protanopia-filter .col-logo, body.dark-mode.protanopia-filter .main-logo, body.dark-mode.tritanopia-filter .col-logo, body.dark-mode.tritanopia-filter .main-logo {
    background-color: #101827 !important
}

    body.dark-mode.deuteranopia-filter .navmain > .nav-item > .nav-link, body.dark-mode.grayscale-mode .navmain > .nav-item > .nav-link, body.dark-mode.protanopia-filter .navmain > .nav-item > .nav-link, body.dark-mode.tritanopia-filter .navmain > .nav-item > .nav-link {
        background-color: transparent !important;
        color: #fff !important
    }

        body.dark-mode.deuteranopia-filter .navmain > .nav-item.show > .nav-link, body.dark-mode.deuteranopia-filter .navmain > .nav-item > .nav-link:focus, body.dark-mode.deuteranopia-filter .navmain > .nav-item > .nav-link:hover, body.dark-mode.protanopia-filter .navmain > .nav-item.show > .nav-link, body.dark-mode.protanopia-filter .navmain > .nav-item > .nav-link:focus, body.dark-mode.protanopia-filter .navmain > .nav-item > .nav-link:hover, body.dark-mode.tritanopia-filter .navmain > .nav-item.show > .nav-link, body.dark-mode.tritanopia-filter .navmain > .nav-item > .nav-link:focus, body.dark-mode.tritanopia-filter .navmain > .nav-item > .nav-link:hover {
            background-color: #273c66 !important;
            color: #fff !important
        }

        body.dark-mode.tritanopia-filter .navmain > .nav-item.show > .nav-link, body.dark-mode.tritanopia-filter .navmain > .nav-item > .nav-link:focus, body.dark-mode.tritanopia-filter .navmain > .nav-item > .nav-link:hover {
            background-color: #7a3e12 !important;
            color: #fff !important
        }

    body.dark-mode.deuteranopia-filter .dropdown-mega .dropdown-menu, body.dark-mode.deuteranopia-filter .dropdown-menu, body.dark-mode.deuteranopia-filter .mega-content, body.dark-mode.protanopia-filter .dropdown-mega .dropdown-menu, body.dark-mode.protanopia-filter .dropdown-menu, body.dark-mode.protanopia-filter .mega-content, body.dark-mode.tritanopia-filter .dropdown-mega .dropdown-menu, body.dark-mode.tritanopia-filter .dropdown-menu, body.dark-mode.tritanopia-filter .mega-content {
        background-color: #101827 !important;
        background-image: none !important;
        color: #fff !important;
        opacity: 1 !important;
        border-color: rgba(255,255,255,.12) !important;
        box-shadow: 0 18px 50px rgba(0,0,0,.45) !important;
        filter: none !important
    }

        body.dark-mode.tritanopia-filter .dropdown-menu h5, body.dark-mode.tritanopia-filter .mega-content h5 {
            color: #ffb86b !important
        }

    body.dark-mode.deuteranopia-filter .menu-list-group-item, body.dark-mode.protanopia-filter .menu-list-group-item, body.dark-mode.tritanopia-filter .menu-list-group-item {
        background-color: transparent !important;
        color: #fff !important;
        border-color: rgba(255,255,255,.18) !important;
        text-shadow: none !important;
        font-weight: inherit !important
    }

        body.dark-mode.deuteranopia-filter .menu-list-group-item:focus, body.dark-mode.deuteranopia-filter .menu-list-group-item:hover, body.dark-mode.protanopia-filter .menu-list-group-item:focus, body.dark-mode.protanopia-filter .menu-list-group-item:hover {
            background-color: #273c66 !important;
            color: #fff !important;
            outline: #ed8c42 solid 2px !important;
            outline-offset: 2px !important
        }

        body.dark-mode.tritanopia-filter .menu-list-group-item:focus, body.dark-mode.tritanopia-filter .menu-list-group-item:hover {
            background-color: #ed8c42 !important;
            color: #111827 !important;
            outline: #ffffff solid 2px !important;
            outline-offset: 2px !important
        }

    body.dark-mode .header-social, body.dark-mode .topbar, body.dark-mode .topbar .container, body.dark-mode .topbar .row, body.dark-mode .topbar [class*=col-], body.dark-mode .topbar-right, body.dark-mode.deuteranopia-filter .header-social, body.dark-mode.deuteranopia-filter .topbar, body.dark-mode.deuteranopia-filter .topbar .container, body.dark-mode.deuteranopia-filter .topbar .row, body.dark-mode.deuteranopia-filter .topbar [class*=col-], body.dark-mode.deuteranopia-filter .topbar-right, body.dark-mode.protanopia-filter .header-social, body.dark-mode.protanopia-filter .topbar, body.dark-mode.protanopia-filter .topbar .container, body.dark-mode.protanopia-filter .topbar .row, body.dark-mode.protanopia-filter .topbar [class*=col-], body.dark-mode.protanopia-filter .topbar-right, body.dark-mode.tritanopia-filter .header-social, body.dark-mode.tritanopia-filter .topbar, body.dark-mode.tritanopia-filter .topbar .container, body.dark-mode.tritanopia-filter .topbar .row, body.dark-mode.tritanopia-filter .topbar [class*=col-], body.dark-mode.tritanopia-filter .topbar-right {
        background-color: #101827 !important;
        background-image: none !important
    }

    body.dark-mode.deuteranopia-filter .topbar, body.dark-mode.protanopia-filter .topbar, body.dark-mode.tritanopia-filter .topbar {
        color: #fff !important;
        border-bottom: 1px solid rgba(255,255,255,.12) !important
    }

    body.dark-mode.deuteranopia-filter .full-header, body.dark-mode.deuteranopia-filter .menu, body.dark-mode.protanopia-filter .full-header, body.dark-mode.protanopia-filter .menu, body.dark-mode.tritanopia-filter .full-header, body.dark-mode.tritanopia-filter .menu, body.grayscale-mode .full-header, body.grayscale-mode .header-wrapper, body.grayscale-mode .menu {
        position: relative !important;
        z-index: 100500 !important;
        isolation: isolate !important
    }

    body.dark-mode.deuteranopia-filter .dropdown-menu, body.dark-mode.protanopia-filter .dropdown-menu, body.dark-mode.tritanopia-filter .dropdown-menu {
        z-index: 100700 !important
    }

    body.dark-mode .topbar {
        border-bottom: 1px solid rgba(255,255,255,.1) !important
    }

/* =========================================================
   GRAYSCALE MODE
   Ana sayfadaki mevcut gri tonu korur.
   Sadece dropdown/mega menü opak hale gelir.
   ========================================================= */

/* Ana menü çubuğunun mevcut rengini bozma */
body.grayscale-mode .full-header,
body.grayscale-mode .header-wrapper,
body.grayscale-mode .menu,
body.grayscale-mode .main-nav,
body.grayscale-mode .navbar,
body.grayscale-mode .navbar-collapse,
body.grayscale-mode .topbar {
    filter: none !important;
}

body.grayscale-mode .navbar-wrapper {
    background: #282828;
}
/* Ana menü linkleri beyaz */
body.grayscale-mode .navmain > .nav-item > .nav-link {
    color: #ffffff !important;
    background-color: transparent !important;
}

    /* Hover */
    body.grayscale-mode .navmain > .nav-item.show > .nav-link,
    body.grayscale-mode .navmain > .nav-item > .nav-link:hover,
    body.grayscale-mode .navmain > .nav-item > .nav-link:focus {
        color: #ffffff !important;
        background-color: rgba(255,255,255,.08) !important;
    }

/* Açılan dropdown arka planı:
   ana sayfadaki mevcut gri tona yakın opak ton */
body.grayscale-mode .dropdown-menu,
body.grayscale-mode .dropdown-mega .dropdown-menu,
body.grayscale-mode .mega-content {
    background: #3a3a3a !important;
    background-color: #3a3a3a !important;
    background-image: none !important;
    opacity: 1 !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.45) !important;
    z-index: 100700 !important;
}

    /* İç kolonlar transparan kalmasın */
    body.grayscale-mode .dropdown-menu .row,
    body.grayscale-mode .dropdown-menu .col-md,
    body.grayscale-mode .dropdown-menu .col-lg,
    body.grayscale-mode .mega-content .row,
    body.grayscale-mode .mega-content .col-md,
    body.grayscale-mode .mega-content .col-lg {
        background-color: transparent !important;
    }

/* Dropdown item */
body.grayscale-mode .dropdown-item,
body.grayscale-mode .menu-list-group-item {
    color: #ffffff !important;
    background-color: transparent !important;
}

    /* Hover */
    body.grayscale-mode .dropdown-item:hover,
    body.grayscale-mode .dropdown-item:focus,
    body.grayscale-mode .menu-list-group-item:hover,
    body.grayscale-mode .menu-list-group-item:focus {
        background-color: rgba(255,255,255,.10) !important;
        color: #ffffff !important;
    }

/* Başlıklar */
body.grayscale-mode .dropdown-menu h5,
body.grayscale-mode .mega-content h5 {
    color: #ffffff !important;
}

/* Katman problemi */
body.grayscale-mode .dropdown-menu,
body.grayscale-mode .mega-content {
    position: absolute !important;
    z-index: 100700 !important;
}


/* =========================================================
   FINAL COLOR BLIND MENU CLEAN FIX
   Bu bölüm dosyanın en sonunda kalmalıdır.
   Amaç:
   - Protanopi, döteranopi ve tritanopi modlarında eski beyaz menü kurallarını ezmek.
   - Ana menü ve dropdown alanlarını opak gri yapmak.
   - Menü yazılarını beyaz yapmak.
   - Font-weight değerlerini değiştirmemek.
   ========================================================= */

/* Renk körlüğü modlarında header/menu filtrelenmesin ve beyaz zemine dönmesin */
body.protanopia-filter .full-header,
body.protanopia-filter .full-header2,
body.protanopia-filter .header-wrapper,
body.protanopia-filter .menu,
body.protanopia-filter .main-nav,
body.protanopia-filter .navbar,
body.protanopia-filter .navbar-collapse,
body.protanopia-filter .navbar-wrapper,
body.deuteranopia-filter .full-header,
body.deuteranopia-filter .full-header2,
body.deuteranopia-filter .header-wrapper,
body.deuteranopia-filter .menu,
body.deuteranopia-filter .main-nav,
body.deuteranopia-filter .navbar,
body.deuteranopia-filter .navbar-collapse,
body.deuteranopia-filter .navbar-wrapper,
body.tritanopia-filter .full-header,
body.tritanopia-filter .full-header2,
body.tritanopia-filter .header-wrapper,
body.tritanopia-filter .menu,
body.tritanopia-filter .main-nav,
body.tritanopia-filter .navbar,
body.tritanopia-filter .navbar-collapse,
body.tritanopia-filter .navbar-wrapper {
    filter: none !important;
}

/* Ana menü çubuğu: beyaz yerine opak gri */
body.protanopia-filter .navbar-wrapper,
body.protanopia-filter .main-nav,
body.protanopia-filter .navbar,
body.protanopia-filter .navbar-collapse,
body.deuteranopia-filter .navbar-wrapper,
body.deuteranopia-filter .main-nav,
body.deuteranopia-filter .navbar,
body.deuteranopia-filter .navbar-collapse,
body.tritanopia-filter .navbar-wrapper,
body.tritanopia-filter .main-nav,
body.tritanopia-filter .navbar,
body.tritanopia-filter .navbar-collapse {
    background: #ed8c42 !important;
    background-color: #ed8c42 !important;
    background-image: none !important;
    color: #ffffff !important;
}

/* Ana header/logo bölgesi beyaza zorlanmasın */
body.protanopia-filter .full-header,
body.protanopia-filter .header-wrapper,
body.protanopia-filter .menu,
body.deuteranopia-filter .full-header,
body.deuteranopia-filter .header-wrapper,
body.deuteranopia-filter .menu,
body.tritanopia-filter .full-header,
body.tritanopia-filter .header-wrapper,
body.tritanopia-filter .menu {
    background-color: transparent !important;
    background-image: none !important;
    position: relative !important;
    z-index: 100500 !important;
    isolation: isolate !important;
}

/* Ana menü linkleri: beyaz yazı, şeffaf arka plan */
body.protanopia-filter .navmain > .nav-item > .nav-link,
body.deuteranopia-filter .navmain > .nav-item > .nav-link,
body.tritanopia-filter .navmain > .nav-item > .nav-link {
    color: #ffffff !important;
    background-color: transparent !important;
    /*font-weight: inherit !important;*/
    text-shadow: none !important;
}

    /* Ana menü hover / açık durum */
    body.protanopia-filter .navmain > .nav-item.show > .nav-link,
    body.protanopia-filter .navmain > .nav-item > .nav-link:hover,
    body.protanopia-filter .navmain > .nav-item > .nav-link:focus,
    body.deuteranopia-filter .navmain > .nav-item.show > .nav-link,
    body.deuteranopia-filter .navmain > .nav-item > .nav-link:hover,
    body.deuteranopia-filter .navmain > .nav-item > .nav-link:focus,
    body.tritanopia-filter .navmain > .nav-item.show > .nav-link,
    body.tritanopia-filter .navmain > .nav-item > .nav-link:hover,
    body.tritanopia-filter .navmain > .nav-item > .nav-link:focus {
        color: #ffffff !important;
        background-color: rgba(255,255,255,.10) !important;
    }

/* Dropdown / submenu / mega menu: opak gri */
body.protanopia-filter .dropdown-menu,
body.protanopia-filter .dropdown-submenu > .dropdown-menu,
body.protanopia-filter .dropdown-mega .dropdown-menu,
body.protanopia-filter .mega-content,
body.deuteranopia-filter .dropdown-menu,
body.deuteranopia-filter .dropdown-submenu > .dropdown-menu,
body.deuteranopia-filter .dropdown-mega .dropdown-menu,
body.deuteranopia-filter .mega-content,
body.tritanopia-filter .dropdown-menu,
body.tritanopia-filter .dropdown-submenu > .dropdown-menu,
body.tritanopia-filter .dropdown-mega .dropdown-menu,
body.tritanopia-filter .mega-content {
    background: #3a3a3a !important;
    background-color: #3a3a3a !important;
    background-image: none !important;
    opacity: 1 !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 18px 50px rgba(0,0,0,.35) !important;
    position: absolute !important;
    z-index: 100700 !important;
}

    /* Dropdown iç bağlantılar */
    body.protanopia-filter .dropdown-menu .dropdown-item,
    body.protanopia-filter .dropdown-menu a,
    body.protanopia-filter .dropdown-menu li > a,
    body.protanopia-filter .menu-list-group-item,
    body.deuteranopia-filter .dropdown-menu .dropdown-item,
    body.deuteranopia-filter .dropdown-menu a,
    body.deuteranopia-filter .dropdown-menu li > a,
    body.deuteranopia-filter .menu-list-group-item,
    body.tritanopia-filter .dropdown-menu .dropdown-item,
    body.tritanopia-filter .dropdown-menu a,
    body.tritanopia-filter .dropdown-menu li > a,
    body.tritanopia-filter .menu-list-group-item {
        color: #ffffff !important;
        background-color: transparent !important;
        border-color: rgba(255,255,255,.14) !important;
        text-shadow: none !important;
        font-weight: inherit !important;
    }

        /* Dropdown hover / focus */
        body.protanopia-filter .dropdown-menu .dropdown-item:hover,
        body.protanopia-filter .dropdown-menu .dropdown-item:focus,
        body.protanopia-filter .dropdown-menu li > a:hover,
        body.protanopia-filter .dropdown-menu li > a:focus,
        body.protanopia-filter .menu-list-group-item:hover,
        body.protanopia-filter .menu-list-group-item:focus,
        body.deuteranopia-filter .dropdown-menu .dropdown-item:hover,
        body.deuteranopia-filter .dropdown-menu .dropdown-item:focus,
        body.deuteranopia-filter .dropdown-menu li > a:hover,
        body.deuteranopia-filter .dropdown-menu li > a:focus,
        body.deuteranopia-filter .menu-list-group-item:hover,
        body.deuteranopia-filter .menu-list-group-item:focus,
        body.tritanopia-filter .dropdown-menu .dropdown-item:hover,
        body.tritanopia-filter .dropdown-menu .dropdown-item:focus,
        body.tritanopia-filter .dropdown-menu li > a:hover,
        body.tritanopia-filter .dropdown-menu li > a:focus,
        body.tritanopia-filter .menu-list-group-item:hover,
        body.tritanopia-filter .menu-list-group-item:focus {
            color: #ffffff !important;
            background-color: rgba(255,255,255,.12) !important;
            outline: 2px solid rgba(255,255,255,.45) !important;
            outline-offset: 2px !important;
        }

    /* Dropdown başlıkları */
    body.protanopia-filter .dropdown-menu h5,
    body.protanopia-filter .mega-content h5,
    body.deuteranopia-filter .dropdown-menu h5,
    body.deuteranopia-filter .mega-content h5,
    body.tritanopia-filter .dropdown-menu h5,
    body.tritanopia-filter .mega-content h5 {
        color: #ffffff !important;
        font-weight: inherit !important;
    }

/* Alt menü oku ve dropdown oku */
body.protanopia-filter .dropdown-submenu > .dropdown-item::after,
body.protanopia-filter .dropdown-toggle::after,
body.deuteranopia-filter .dropdown-submenu > .dropdown-item::after,
body.deuteranopia-filter .dropdown-toggle::after,
body.tritanopia-filter .dropdown-submenu > .dropdown-item::after,
body.tritanopia-filter .dropdown-toggle::after {
    border-top-color: #ffffff !important;
    border-bottom-color: #ffffff !important;
}

/* İç kolonlar şeffaf kalabilir; ana zemin dropdown tarafından verilir */
body.protanopia-filter .dropdown-menu .row,
body.protanopia-filter .dropdown-menu .col-md,
body.protanopia-filter .dropdown-menu .col-lg,
body.deuteranopia-filter .dropdown-menu .row,
body.deuteranopia-filter .dropdown-menu .col-md,
body.deuteranopia-filter .dropdown-menu .col-lg,
body.tritanopia-filter .dropdown-menu .row,
body.tritanopia-filter .dropdown-menu .col-md,
body.tritanopia-filter .dropdown-menu .col-lg {
    background-color: transparent !important;
}

/* Menü katmanı */
body.protanopia-filter .navmain,
body.deuteranopia-filter .navmain,
body.tritanopia-filter .navmain {
    position: relative !important;
    z-index: 100600 !important;
}

/* Mobil menü de gri ve opak olsun */
body.protanopia-filter .mobilemenu,
body.protanopia-filter .mmenu,
body.protanopia-filter .mm-spn,
body.deuteranopia-filter .mobilemenu,
body.deuteranopia-filter .mmenu,
body.deuteranopia-filter .mm-spn,
body.tritanopia-filter .mobilemenu,
body.tritanopia-filter .mmenu,
body.tritanopia-filter .mm-spn {
    background: #3a3a3a !important;
    background-color: #3a3a3a !important;
    color: #ffffff !important;
    opacity: 1 !important;
    filter: none !important;
    z-index: 100800 !important;
}

/* Dark mode + renk körlüğü birlikteyse dark mode öncelikli */
body.dark-mode.protanopia-filter .navbar-wrapper,
body.dark-mode.protanopia-filter .main-nav,
body.dark-mode.protanopia-filter .navbar,
body.dark-mode.protanopia-filter .navbar-collapse,
body.dark-mode.protanopia-filter .dropdown-menu,
body.dark-mode.protanopia-filter .dropdown-submenu > .dropdown-menu,
body.dark-mode.protanopia-filter .dropdown-mega .dropdown-menu,
body.dark-mode.protanopia-filter .mega-content,
body.dark-mode.deuteranopia-filter .navbar-wrapper,
body.dark-mode.deuteranopia-filter .main-nav,
body.dark-mode.deuteranopia-filter .navbar,
body.dark-mode.deuteranopia-filter .navbar-collapse,
body.dark-mode.deuteranopia-filter .dropdown-menu,
body.dark-mode.deuteranopia-filter .dropdown-submenu > .dropdown-menu,
body.dark-mode.deuteranopia-filter .dropdown-mega .dropdown-menu,
body.dark-mode.deuteranopia-filter .mega-content,
body.dark-mode.tritanopia-filter .navbar-wrapper,
body.dark-mode.tritanopia-filter .main-nav,
body.dark-mode.tritanopia-filter .navbar,
body.dark-mode.tritanopia-filter .navbar-collapse,
body.dark-mode.tritanopia-filter .dropdown-menu,
body.dark-mode.tritanopia-filter .dropdown-submenu > .dropdown-menu,
body.dark-mode.tritanopia-filter .dropdown-mega .dropdown-menu,
body.dark-mode.tritanopia-filter .mega-content {
    background: #101827 !important;
    background-color: #101827 !important;
    background-image: none !important;
    color: #ffffff !important;
    filter: none !important;
    opacity: 1 !important;
}


/* =========================================================
   FINAL MENU COLOR OVERRIDES
   ========================================================= */


/* Protanopia ve Deuteranopia:
   kurumsal lacivert */
body.protanopia-filter .navbar-wrapper,
body.protanopia-filter .main-nav,
body.protanopia-filter .navbar,
body.protanopia-filter .navbar-collapse,
body.protanopia-filter .dropdown-menu,
body.protanopia-filter .dropdown-submenu > .dropdown-menu,
body.protanopia-filter .dropdown-mega .dropdown-menu,
body.protanopia-filter .mega-content,
body.protanopia-filter .mobilemenu,
body.protanopia-filter .mmenu,
body.protanopia-filter .mm-spn,
body.deuteranopia-filter .navbar-wrapper,
body.deuteranopia-filter .main-nav,
body.deuteranopia-filter .navbar,
body.deuteranopia-filter .navbar-collapse,
body.deuteranopia-filter .dropdown-menu,
body.deuteranopia-filter .dropdown-submenu > .dropdown-menu,
body.deuteranopia-filter .dropdown-mega .dropdown-menu,
body.deuteranopia-filter .mega-content,
body.deuteranopia-filter .mobilemenu,
body.deuteranopia-filter .mmenu,
body.deuteranopia-filter .mm-spn {
    background: #273c66 !important;
    background-color: #273c66 !important;
    background-image: none !important;
    color: #ffffff !important;
    opacity: 1 !important;
    filter: none !important;
}
/* Tritanopia:
   menü ve dropdown kurumsal turuncu */
body.tritanopia-filter .navbar-wrapper,
body.tritanopia-filter .main-nav,
body.tritanopia-filter .navbar,
body.tritanopia-filter .navbar-collapse,
body.tritanopia-filter .dropdown-menu,
body.tritanopia-filter .dropdown-submenu > .dropdown-menu,
body.tritanopia-filter .dropdown-mega .dropdown-menu,
body.tritanopia-filter .mega-content,
body.tritanopia-filter .mobilemenu,
body.tritanopia-filter .mmenu,
body.tritanopia-filter .mm-spn {
    background: #ed8c42 !important;
    background-color: #ed8c42 !important;
    background-image: none !important;
    color: #ffffff !important;
    opacity: 1 !important;
    filter: none !important;
}

/* Tritanopia hover */
body.tritanopia-filter .navmain > .nav-item.show > .nav-link,
body.tritanopia-filter .navmain > .nav-item > .nav-link:hover,
body.tritanopia-filter .navmain > .nav-item > .nav-link:focus,
body.tritanopia-filter .dropdown-item:hover,
body.tritanopia-filter .dropdown-item:focus,
body.tritanopia-filter .menu-list-group-item:hover,
body.tritanopia-filter .menu-list-group-item:focus {
    background-color: rgba(0,0,0,.15) !important;
    color: #ffffff !important;
}