.gph-accessibility,
.gph-accessibility *,
.gph-accessibility *::before,
.gph-accessibility *::after {
    box-sizing: border-box;
}

.gph-accessibility {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 2147483000;
    direction: ltr;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.4;
    color: #132238;
}

.ar-style .gph-accessibility {
    direction: rtl;
}

.gph-accessibility__trigger,
.gph-accessibility__close,
.gph-accessibility button {
    font-family: inherit;
}

.gph-accessibility__trigger {
    min-width: 168px;
    height: 56px;
    border: 0;
    border-radius: 30px;
    background: #0b6fbf;
    color: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-size: 17px;
    font-weight: 700;
    padding: 0 18px;
}

.gph-accessibility__trigger i {
    font-size: 24px;
}

.gph-accessibility__trigger:hover,
.gph-accessibility__trigger:focus {
    background: #084f89;
    outline: 3px solid #ffcc33;
    outline-offset: 3px;
}

.gph-accessibility__panel {
    position: absolute;
    left: 0;
    bottom: 70px;
    width: min(360px, calc(100vw - 32px));
    max-height: calc(100vh - 110px);
    overflow-y: auto;
    border: 1px solid #cfd8e3;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 48px rgba(12, 31, 54, .28);
    padding: 16px;
    transform: translateY(8px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

.gph-accessibility.is-open .gph-accessibility__panel {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.gph-accessibility__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #dde5ee;
}

.gph-accessibility__header h2,
.gph-accessibility__section h3 {
    margin: 0;
    color: #132238;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.25;
    letter-spacing: 0;
}

.gph-accessibility__header h2 {
    font-size: 20px;
    font-weight: 700;
}

.gph-accessibility__section {
    padding-top: 14px;
}

.gph-accessibility__section h3 {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 700;
}

.gph-accessibility__close {
    width: 36px;
    height: 36px;
    border: 1px solid #c8d4e2;
    border-radius: 6px;
    background: #fff;
    color: #132238;
    cursor: pointer;
}

.gph-accessibility__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.gph-accessibility__grid button,
.gph-accessibility__font-row button,
.gph-accessibility [data-a11y-reset] {
    min-height: 42px;
    border: 1px solid #b9c8d9;
    border-radius: 6px;
    background: #f7fafc;
    color: #132238;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    padding: 9px 10px;
    text-align: center;
}

.gph-accessibility__grid button:hover,
.gph-accessibility__grid button:focus,
.gph-accessibility__font-row button:hover,
.gph-accessibility__font-row button:focus,
.gph-accessibility__close:hover,
.gph-accessibility__close:focus {
    border-color: #0b6fbf;
    outline: 3px solid rgba(11, 111, 191, .22);
}

.gph-accessibility button.is-active,
.gph-accessibility button[aria-pressed="true"] {
    border-color: #084f89;
    background: #0b6fbf;
    color: #fff;
}

.gph-accessibility__font-row {
    display: grid;
    grid-template-columns: 48px 1fr 48px;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.gph-accessibility__font-row output {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d5dee8;
    border-radius: 6px;
    background: #fff;
    color: #132238;
    font-weight: 700;
}

html.gph-a11y-readable body,
html.gph-a11y-readable body *:not(i):not(.fa):not(.fas):not(.far):not(.fab):not(.glyphicon):not([class*="icon-"]) {
    font-family: Arial, Helvetica, sans-serif !important;
    letter-spacing: 0 !important;
}

html.gph-a11y-links a {
    text-decoration: underline !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 3px !important;
}

html.gph-a11y-motion *,
html.gph-a11y-motion *::before,
html.gph-a11y-motion *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
}

html.gph-a11y-grayscale body > *:not(.gph-accessibility) {
    filter: grayscale(1) !important;
}

html[data-gph-a11y-theme="contrast"] {
    --gph-a11y-bg: #000;
    --gph-a11y-surface: #000;
    --gph-a11y-soft-surface: #111;
    --gph-a11y-text: #fff;
    --gph-a11y-link: #ffff00;
    --gph-a11y-border: #fff;
    --gph-a11y-button-bg: #ffff00;
    --gph-a11y-button-text: #000;
    --gph-a11y-overlay: rgba(0, 0, 0, .76);
}

html[data-gph-a11y-theme="dark"] {
    --gph-a11y-bg: #111827;
    --gph-a11y-surface: #172033;
    --gph-a11y-soft-surface: #1f2937;
    --gph-a11y-text: #f9fafb;
    --gph-a11y-link: #7dd3fc;
    --gph-a11y-border: #9ca3af;
    --gph-a11y-button-bg: #38bdf8;
    --gph-a11y-button-text: #07111f;
    --gph-a11y-overlay: rgba(15, 23, 42, .72);
}

html[data-gph-a11y-theme="light"] {
    --gph-a11y-bg: #fffdf5;
    --gph-a11y-surface: #fffaf0;
    --gph-a11y-soft-surface: #fff4d8;
    --gph-a11y-text: #111827;
    --gph-a11y-link: #003d8f;
    --gph-a11y-border: #4b5563;
    --gph-a11y-button-bg: #003d8f;
    --gph-a11y-button-text: #fff;
    --gph-a11y-overlay: rgba(255, 253, 245, .74);
}

html[data-gph-a11y-theme="blue-yellow"] {
    --gph-a11y-bg: #001b44;
    --gph-a11y-surface: #04295f;
    --gph-a11y-soft-surface: #08326f;
    --gph-a11y-text: #fff7a8;
    --gph-a11y-link: #ffe45c;
    --gph-a11y-border: #ffe45c;
    --gph-a11y-button-bg: #ffe45c;
    --gph-a11y-button-text: #001b44;
    --gph-a11y-overlay: rgba(0, 27, 68, .72);
}

html[data-gph-a11y-theme] body {
    background-color: var(--gph-a11y-bg) !important;
    color: var(--gph-a11y-text) !important;
}

html[data-gph-a11y-theme] body,
html[data-gph-a11y-theme] p,
html[data-gph-a11y-theme] li,
html[data-gph-a11y-theme] label,
html[data-gph-a11y-theme] th,
html[data-gph-a11y-theme] td,
html[data-gph-a11y-theme] h1,
html[data-gph-a11y-theme] h2,
html[data-gph-a11y-theme] h3,
html[data-gph-a11y-theme] h4,
html[data-gph-a11y-theme] h5,
html[data-gph-a11y-theme] h6,
html[data-gph-a11y-theme] .title,
html[data-gph-a11y-theme] .font-2,
html[data-gph-a11y-theme] .section-title h2,
html[data-gph-a11y-theme] .department-body p,
html[data-gph-a11y-theme] .department-body h1,
html[data-gph-a11y-theme] .department-body h2,
html[data-gph-a11y-theme] .department-body h3,
html[data-gph-a11y-theme] .department-body h4,
html[data-gph-a11y-theme] .department-body h5,
html[data-gph-a11y-theme] .carousel-caption h2,
html[data-gph-a11y-theme] .carousel-caption p,
html[data-gph-a11y-theme] .carousel-caption-cstm h2,
html[data-gph-a11y-theme] .inner-header h2,
html[data-gph-a11y-theme] .inner-header p {
    color: var(--gph-a11y-text) !important;
    text-shadow: none !important;
}

html[data-gph-a11y-theme] a {
    color: var(--gph-a11y-link) !important;
}

html[data-gph-a11y-theme] img,
html[data-gph-a11y-theme] video,
html[data-gph-a11y-theme] iframe,
html[data-gph-a11y-theme] .slide-bg-image,
html[data-gph-a11y-theme] .inner-header,
html[data-gph-a11y-theme] .package-banner,
html[data-gph-a11y-theme] .about-section-4,
html[data-gph-a11y-theme] .virtual-section,
html[data-gph-a11y-theme] .our-doctors {
    background-color: transparent !important;
}

html[data-gph-a11y-theme] .slide-bg-image,
html[data-gph-a11y-theme] .inner-header,
html[data-gph-a11y-theme] .package-banner,
html[data-gph-a11y-theme] .about-section-4,
html[data-gph-a11y-theme] .virtual-section,
html[data-gph-a11y-theme] .our-doctors {
    background-size: cover !important;
}

html[data-gph-a11y-theme] #mainMenu,
html[data-gph-a11y-theme] .navbar,
html[data-gph-a11y-theme] .dropdown-menu,
html[data-gph-a11y-theme] footer,
html[data-gph-a11y-theme] .modal-content,
html[data-gph-a11y-theme] .booking-box,
html[data-gph-a11y-theme] .form-inbox form,
html[data-gph-a11y-theme] .about-text-box,
html[data-gph-a11y-theme] .about-section-2,
html[data-gph-a11y-theme] .about-section-3,
html[data-gph-a11y-theme] .about-section,
html[data-gph-a11y-theme] .department-body,
html[data-gph-a11y-theme] .doctors-body,
html[data-gph-a11y-theme] .doctors-banner,
html[data-gph-a11y-theme] .packages-body,
html[data-gph-a11y-theme] .blog-body,
html[data-gph-a11y-theme] .page-body,
html[data-gph-a11y-theme] .insurance-box,
html[data-gph-a11y-theme] .package-box,
html[data-gph-a11y-theme] .doctor-details,
html[data-gph-a11y-theme] .doctor_detail_table,
html[data-gph-a11y-theme] .testimonial-landing-page,
html[data-gph-a11y-theme] .gallery-title {
    background-color: var(--gph-a11y-surface) !important;
    color: var(--gph-a11y-text) !important;
    border-color: var(--gph-a11y-border) !important;
    box-shadow: none !important;
}

html[data-gph-a11y-theme] .doctor-box .title,
html[data-gph-a11y-theme] .blog-box .blog-title,
html[data-gph-a11y-theme] .department-box .overley,
html[data-gph-a11y-theme] .inner-header .overley {
    background: var(--gph-a11y-overlay) !important;
}

html[data-gph-a11y-theme] input,
html[data-gph-a11y-theme] select,
html[data-gph-a11y-theme] textarea,
html[data-gph-a11y-theme] .form-control,
html[data-gph-a11y-theme] .select2-selection {
    background-color: var(--gph-a11y-soft-surface) !important;
    color: var(--gph-a11y-text) !important;
    border-color: var(--gph-a11y-border) !important;
}

html[data-gph-a11y-theme] .btn,
html[data-gph-a11y-theme] button:not(.gph-accessibility__trigger):not(.gph-accessibility__close),
html[data-gph-a11y-theme] input[type="button"],
html[data-gph-a11y-theme] input[type="submit"],
html[data-gph-a11y-theme] .read-more-light,
html[data-gph-a11y-theme] .header-button {
    background-color: var(--gph-a11y-button-bg) !important;
    color: var(--gph-a11y-button-text) !important;
    border-color: var(--gph-a11y-button-bg) !important;
    background-image: none !important;
    text-shadow: none !important;
}

html[data-gph-a11y-theme] .gph-accessibility,
html[data-gph-a11y-theme] .gph-accessibility *,
html[data-gph-a11y-theme] .gph-accessibility *::before,
html[data-gph-a11y-theme] .gph-accessibility *::after {
    text-shadow: none !important;
}

html[data-gph-a11y-theme] .gph-accessibility {
    color: #132238 !important;
}

html[data-gph-a11y-theme] .gph-accessibility__trigger,
html[data-gph-a11y-theme] .gph-accessibility button.is-active,
html[data-gph-a11y-theme] .gph-accessibility button[aria-pressed="true"] {
    background: #0b6fbf !important;
    color: #fff !important;
    border-color: #0b6fbf !important;
}

html[data-gph-a11y-theme] .gph-accessibility__panel,
html[data-gph-a11y-theme] .gph-accessibility__font-row output {
    background: #fff !important;
    color: #132238 !important;
    border-color: #cfd8e3 !important;
}

html[data-gph-a11y-theme] .gph-accessibility__header h2,
html[data-gph-a11y-theme] .gph-accessibility__section h3,
html[data-gph-a11y-theme] .gph-accessibility__close {
    color: #132238 !important;
}

html[data-gph-a11y-theme] .gph-accessibility__grid button,
html[data-gph-a11y-theme] .gph-accessibility__font-row button,
html[data-gph-a11y-theme] .gph-accessibility [data-a11y-reset] {
    background: #f7fafc !important;
    color: #132238 !important;
    border-color: #b9c8d9 !important;
}

html[data-gph-a11y-theme] .gph-accessibility button.is-active,
html[data-gph-a11y-theme] .gph-accessibility button[aria-pressed="true"] {
    background: #0b6fbf !important;
    color: #fff !important;
    border-color: #0b6fbf !important;
}

@media (max-width: 575px) {
    .gph-accessibility {
        left: 10px;
        bottom: 10px;
    }

    .gph-accessibility__trigger {
        min-width: 148px;
        height: 48px;
        font-size: 15px;
    }

    .gph-accessibility__panel {
        bottom: 58px;
        width: calc(100vw - 20px);
        max-height: calc(100vh - 78px);
    }
}