/* =========================================
   Accessibility Toolbar
========================================= */

.ps-accessibility-toolbar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    font-size: 16px;
    gap: 8px;
    position: relative;
    z-index: 99999;
}


/* Bengali */

.ps-language {
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    background: transparent;
    border: transparent;
}

.ps-language:hover,
.ps-language:focus {
    color: #ffffff;
    text-decoration: none;
    background: transparent;
    border: transparent;
}


/* Separator */

.ps-separator {
    color: #ffffff;
    margin: 0 2px;
}


/* Screen reader button */

.ps-screen-reader {
    border: 0;
    background: transparent;

    color: #ffffff;

    font-size: 16px;
    font-family: inherit;

    cursor: pointer;

    padding: 4px 2px;
}

.ps-screen-reader:hover,
.ps-screen-reader:focus {
    text-decoration: underline;
}


/* Right controls */

.ps-accessibility-controls {
    display: flex;
    align-items: center;
    gap: 8px;
}


/* Accessibility buttons */

.ps-access-btn {
    width: 34px;
    height: 34px;
    padding: 0;
    border: transparent;
    background: #4A4A4A;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
}


/* Keyboard focus */

.ps-access-btn:focus,
.ps-screen-reader:focus,
.ps-language:focus {
    outline: 2px solid #000000;
    outline-offset: 2px;
}


/* Normal T */

.ps-theme-normal {
    background: #CACACA;
    color: #111111;
}


/* Contrast T */

.ps-theme-contrast {
    background: #000;
    color: #ffffff;
    border: 1px solid #666666;
}


/* Hover */

.ps-access-btn:hover {
    opacity: 0.85;
}


/* =========================================
   Screen Reader Active
========================================= */

.ps-screen-reader.active {
    font-weight: bold;
}


/* =========================================
   High Contrast Mode
========================================= */

body.ps-high-contrast {
    background: #000000 !important;
    color: #ffffff !important;
}


/* Text */

body.ps-high-contrast,
body.ps-high-contrast p,
body.ps-high-contrast span,
body.ps-high-contrast li,
body.ps-high-contrast h1,
body.ps-high-contrast h2,
body.ps-high-contrast h3,
body.ps-high-contrast h4,
body.ps-high-contrast h5,
body.ps-high-contrast h6,
body.ps-high-contrast label {
    color: #ffffff !important;
}


/* Links */

body.ps-high-contrast a {
    color: #ffff00 !important;
}


/* Main containers */

body.ps-high-contrast main,
body.ps-high-contrast section,
body.ps-high-contrast article,
body.ps-high-contrast .container,
body.ps-high-contrast .wrapper {
    background-color: #000000 !important;
}


/* Inputs */

body.ps-high-contrast input,
body.ps-high-contrast textarea,
body.ps-high-contrast select {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
}


/* Buttons */

body.ps-high-contrast button {
    border-color: #ffffff !important;
}


/* Tables */

body.ps-high-contrast table,
body.ps-high-contrast th,
body.ps-high-contrast td {
    border-color: #ffffff !important;
    color: #ffffff !important;
}


/* Header/footer */

body.ps-high-contrast header,
body.ps-high-contrast footer {
    background-color: #000000 !important;
    color: #ffffff !important;
}


/* Images */

body.ps-high-contrast img {
    filter: none !important;
}


/* Accessibility toolbar must remain original */

body.ps-high-contrast .ps-accessibility-toolbar {
    background: #fca365 !important;
}

body.ps-high-contrast .ps-accessibility-toolbar * {
    color: #ffffff !important;
}


/* =========================================
   Mobile
========================================= */

@media (max-width: 767px) {

    .ps-accessibility-toolbar {
        justify-content: center;
        flex-wrap: inherit;
        padding: 0;
        gap: 6px;
    }

    .top_hdr .container {
        justify-content: center;
    }

    .ps-screen-reader {
        font-size: 12px;
    }

    .ps-language {
        font-size: 12px;
    }

    .ps-accessibility-controls {
        gap: 5px;
    }

    .ps-access-btn {
        width: 28px;
        height: 28px;
        font-size: 12px;
    }
}

/* =========================================================
   HIGH CONTRAST / EYE THEME
   BLACK BACKGROUND + WHITE TEXT
========================================================= */

/* ---------------------------------------------------------
   1. ROOT + BODY
--------------------------------------------------------- */

html.ps-eye-contrast,
html.ps-eye-contrast body {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
}


/* ---------------------------------------------------------
   2. ALL ELEMENTS
--------------------------------------------------------- */

html.ps-eye-contrast body * {
    color: #ffffff !important;
    border-color: #ffffff !important;
}


/* ---------------------------------------------------------
   3. ALL MAIN PAGE CONTAINERS
--------------------------------------------------------- */

html.ps-eye-contrast body,
html.ps-eye-contrast main,
html.ps-eye-contrast header,
html.ps-eye-contrast footer,
html.ps-eye-contrast nav,
html.ps-eye-contrast section,
html.ps-eye-contrast article,
html.ps-eye-contrast aside,
html.ps-eye-contrast div,
html.ps-eye-contrast .container,
html.ps-eye-contrast .container-fluid,
html.ps-eye-contrast .row,
html.ps-eye-contrast [class*="section"],
html.ps-eye-contrast [class*="wrapper"],
html.ps-eye-contrast [class*="container"],
html.ps-eye-contrast [class*="content"],
html.ps-eye-contrast [class*="inner"],
html.ps-eye-contrast [class*="box"],
html.ps-eye-contrast [class*="card"],
html.ps-eye-contrast [class*="block"] {
    background-color: #000000 !important;
    background-image: none !important;
    color: #ffffff !important;
}


/* ---------------------------------------------------------
   4. TEXT
--------------------------------------------------------- */

html.ps-eye-contrast p,
html.ps-eye-contrast span,
html.ps-eye-contrast strong,
html.ps-eye-contrast b,
html.ps-eye-contrast em,
html.ps-eye-contrast i,
html.ps-eye-contrast small,
html.ps-eye-contrast label,
html.ps-eye-contrast li,
html.ps-eye-contrast dt,
html.ps-eye-contrast dd,
html.ps-eye-contrast td,
html.ps-eye-contrast th,
html.ps-eye-contrast h1,
html.ps-eye-contrast h2,
html.ps-eye-contrast h3,
html.ps-eye-contrast h4,
html.ps-eye-contrast h5,
html.ps-eye-contrast h6 {
    color: #ffffff !important;
}


/* ---------------------------------------------------------
   5. LINKS
--------------------------------------------------------- */

html.ps-eye-contrast a {
    color: #ffff00 !important;
    background-color: transparent !important;
}

html.ps-eye-contrast a:hover,
html.ps-eye-contrast a:focus {
    color: #00ffff !important;
}


/* ---------------------------------------------------------
   6. BUTTONS
--------------------------------------------------------- */

html.ps-eye-contrast button,
html.ps-eye-contrast .btn,
html.ps-eye-contrast input[type="button"],
html.ps-eye-contrast input[type="submit"],
html.ps-eye-contrast input[type="reset"],
html.ps-eye-contrast [role="button"] {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
}


/* ---------------------------------------------------------
   7. FORM ELEMENTS
--------------------------------------------------------- */

html.ps-eye-contrast input,
html.ps-eye-contrast textarea,
html.ps-eye-contrast select,
html.ps-eye-contrast option {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
}


/* ---------------------------------------------------------
   8. PLACEHOLDER
--------------------------------------------------------- */

html.ps-eye-contrast input::placeholder,
html.ps-eye-contrast textarea::placeholder {
    color: #ffffff !important;
    opacity: 1 !important;
}


/* ---------------------------------------------------------
   9. TABLES
--------------------------------------------------------- */

html.ps-eye-contrast table,
html.ps-eye-contrast thead,
html.ps-eye-contrast tbody,
html.ps-eye-contrast tfoot,
html.ps-eye-contrast tr,
html.ps-eye-contrast td,
html.ps-eye-contrast th {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
}


/* ---------------------------------------------------------
   10. COMMON WORDPRESS / BOOTSTRAP ELEMENTS
--------------------------------------------------------- */

html.ps-eye-contrast .card,
html.ps-eye-contrast .card-body,
html.ps-eye-contrast .card-header,
html.ps-eye-contrast .card-footer,
html.ps-eye-contrast .box,
html.ps-eye-contrast .panel,
html.ps-eye-contrast .widget,
html.ps-eye-contrast .wp-block-group,
html.ps-eye-contrast .wp-block-column,
html.ps-eye-contrast .wp-block-cover,
html.ps-eye-contrast .wp-block-media-text,
html.ps-eye-contrast .wp-block-columns,
html.ps-eye-contrast .wp-block-image,
html.ps-eye-contrast .accordion,
html.ps-eye-contrast .accordion-item,
html.ps-eye-contrast .accordion-header,
html.ps-eye-contrast .accordion-body,
html.ps-eye-contrast .modal-content,
html.ps-eye-contrast .dropdown-menu {
    background: #000000 !important;
    background-color: #000000 !important;
    background-image: none !important;
    color: #ffffff !important;
}


/* ---------------------------------------------------------
   11. HEADER
--------------------------------------------------------- */

html.ps-eye-contrast header,
html.ps-eye-contrast .header,
html.ps-eye-contrast #header,
html.ps-eye-contrast .site-header,
html.ps-eye-contrast .main-header,
html.ps-eye-contrast .navbar {
    background: #000000 !important;
    background-color: #000000 !important;
    background-image: none !important;
    color: #ffffff !important;
}


/* Header links */

html.ps-eye-contrast header a,
html.ps-eye-contrast .header a,
html.ps-eye-contrast .site-header a,
html.ps-eye-contrast .navbar a {
    color: #ffff00 !important;
}


/* ---------------------------------------------------------
   12. FOOTER
--------------------------------------------------------- */

html.ps-eye-contrast footer,
html.ps-eye-contrast .footer,
html.ps-eye-contrast #footer,
html.ps-eye-contrast .site-footer {
    background: #000000 !important;
    background-color: #000000 !important;
    background-image: none !important;
    color: #ffffff !important;
}


/* ---------------------------------------------------------
   13. HERO / BANNER / SLIDER
--------------------------------------------------------- */

html.ps-eye-contrast .hero,
html.ps-eye-contrast .hero-section,
html.ps-eye-contrast .banner,
html.ps-eye-contrast .banner-section,
html.ps-eye-contrast .page-banner,
html.ps-eye-contrast .inner-banner,
html.ps-eye-contrast .slider,
html.ps-eye-contrast .swiper,
html.ps-eye-contrast .swiper-slide,
html.ps-eye-contrast .carousel,
html.ps-eye-contrast .carousel-item {
    background: #000000 !important;
    background-color: #000000 !important;
    background-image: none !important;
    color: #ffffff !important;
}


/* ---------------------------------------------------------
   14. OVERLAYS
--------------------------------------------------------- */

html.ps-eye-contrast .overlay,
html.ps-eye-contrast .overlay *,
html.ps-eye-contrast [class*="overlay"] {
    background-image: none !important;
}


/* ---------------------------------------------------------
   15. PSEUDO ELEMENTS
--------------------------------------------------------- */

html.ps-eye-contrast *::before,
html.ps-eye-contrast *::after {
    color: #ffffff !important;
    border-color: #ffffff !important;
}


/* ---------------------------------------------------------
   16. REMOVE BACKGROUND IMAGES / GRADIENTS
--------------------------------------------------------- */

html.ps-eye-contrast body *,
html.ps-eye-contrast body *::before,
html.ps-eye-contrast body *::after {
    background-image: none !important;
}


/* ---------------------------------------------------------
   17. IMAGES
   Keep images normal
--------------------------------------------------------- */

html.ps-eye-contrast img {
    filter: none !important;
    background-color: transparent !important;
}


/* ---------------------------------------------------------
   18. SVG
--------------------------------------------------------- */

html.ps-eye-contrast svg {
    color: #ffffff !important;
    fill: currentColor !important;
}


/* Keep image SVGs from being destroyed */

html.ps-eye-contrast img[src$=".svg"] {
    background-color: transparent !important;
}


/* ---------------------------------------------------------
   19. HR
--------------------------------------------------------- */

html.ps-eye-contrast hr {
    border: 0 !important;
    border-top: 2px solid #ffffff !important;
}


/* ---------------------------------------------------------
   20. ACCESSIBILITY TOOLBAR
--------------------------------------------------------- */

html.ps-eye-contrast .ps-accessibility-toolbar {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
}


/* Toolbar elements */

html.ps-eye-contrast .ps-accessibility-toolbar,
html.ps-eye-contrast .ps-accessibility-toolbar * {
    background-color: #000000 !important;
    color: #ffffff !important;
}


/* Toolbar buttons */

html.ps-eye-contrast .ps-accessibility-toolbar button,
html.ps-eye-contrast .ps-accessibility-toolbar .ps-access-btn {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
}


/* Bengali button */

html.ps-eye-contrast .ps-language {
    color: #ffff00 !important;
}


/* ---------------------------------------------------------
   21. ACTIVE THEME BUTTON
--------------------------------------------------------- */

.ps-accessibility-toolbar button.active {
    /* outline: 3px solid #ffff00 !important; */
    /* outline-offset: 2px !important; */
    background: #b80924;
    color: #fff;
}


/* ---------------------------------------------------------
   22. SCREEN READER FOCUS
--------------------------------------------------------- */

.ps-reader-focus {
    outline: 4px solid #ffff00 !important;
    outline-offset: 4px !important;
    background-color: #222222 !important;
    color: #ffffff !important;
}


/* ---------------------------------------------------------
   23. KEYBOARD FOCUS
--------------------------------------------------------- */

html.ps-eye-contrast *:focus {
    outline: 3px solid #ffff00 !important;
    outline-offset: 3px !important;
}


/* ---------------------------------------------------------
   24. SELECTION
--------------------------------------------------------- */

html.ps-eye-contrast ::selection {
    background: #ffffff !important;
    color: #000000 !important;
}


/* ---------------------------------------------------------
   25. DISABLE WHITE SPACE / BACKGROUND FROM BODY WRAPPERS
--------------------------------------------------------- */

html.ps-eye-contrast #page,
html.ps-eye-contrast #content,
html.ps-eye-contrast .site,
html.ps-eye-contrast .site-content,
html.ps-eye-contrast .content-area,
html.ps-eye-contrast .main-content,
html.ps-eye-contrast .page-content {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
}


/* =========================================================
   HEADER LOGO
========================================================= */

/*
 * If logo is SVG
 */
html.ps-eye-contrast header .logo svg,
html.ps-eye-contrast header .site-logo svg,
html.ps-eye-contrast header .custom-logo-link svg,
html.ps-eye-contrast .site-header .logo svg,
html.ps-eye-contrast .site-header .site-logo svg {
    filter: brightness(0) invert(1) !important;
}


/*
 * If logo is an image
 */
html.ps-eye-contrast header .logo img,
html.ps-eye-contrast header .site-logo img,
html.ps-eye-contrast header .custom-logo,
html.ps-eye-contrast header .custom-logo-link img,
html.ps-eye-contrast .site-header .logo img,
html.ps-eye-contrast .site-header .site-logo img {
    filter: brightness(0) invert(1) !important;
}



/* =========================================================
   WHITE LOGO - IF LOGO IS DARK PNG/JPG
========================================================= */

/*
 * brightness(0) makes the image black.
 * invert(1) changes black to white.
 */
html.ps-eye-contrast .logo-white img,
html.ps-eye-contrast .white-logo img {
    filter: brightness(0) invert(1) !important;
}



/*Bengali*/

/* Hide Google Translate UI */
#google_translate_element {
    display: none !important;
}

.goog-te-banner-frame,
.goog-te-balloon-frame {
    display: none !important;
}

body {
    top: 0 !important;
}

.goog-logo-link,
.goog-te-gadget {
    display: none !important;
}