@font-face {
    font-family: NeueHelveticaPro65Medium;
    src: url(../fonts/NeueHelveticaPro65Medium/font.woff2) format("woff2"),url(../fonts/NeueHelveticaPro65Medium/font.woff) format("woff");
    font-weight: 500
}

@font-face {
    font-family: NeueHelveticaPro65Medium;
    src: url(../fonts/NeueHelveticaPro75Bold/font.woff2) format("woff2"),url(../fonts/NeueHelveticaPro75Bold/font.woff) format("woff");
    font-weight: 700
}

@font-face {
    font-family: NeueHelveticaPro65Medium;
    src: url(../fonts/NeueHelveticaPro55Roman/font.woff2) format("woff2"),url(../fonts/NeueHelveticaPro55Roman/font.woff) format("woff");
    font-weight: 400
}

@font-face {
    font-family: NeueHelveticaPro65Medium;
    src: url(../fonts/NeueHelveticaPro45Light/font.woff2) format("woff2"),url(../fonts/NeueHelveticaPro45Light/font.woff) format("woff");
    font-weight: 100
}

.mobileText {
    display: none
}

@media screen and (min-width:500px) and (max-width:915px) and (orientation:landscape) {
    body {
        overflow: hidden !important
    }

        body .mobileText {
            margin: 0;
            padding: 0;
            text-align: center;
            font-size: 20px;
            position: fixed;
            right: 0;
            top: 0;
            width: 100%;
            z-index: 9999999999;
            height: 100vh;
            overflow: hidden;
            background: #000;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center
        }

            body .mobileText i {
                display: block;
                margin: 0 auto;
                bottom: 5%;
                height: 90px;
                width: 90px
            }

            body .mobileText p {
                margin: 0 auto;
                color: #fff
            }

            body .mobileText a.logo {
                text-align: center;
                margin: 0 auto;
                width: 8.75rem;
                height: 2.6875rem;
                display: block
            }

                body .mobileText a.logo img {
                    margin: 0 auto
                }
}

@media screen and (max-device-width:870px) and (orientation:landscape) {
    .safari.orientation_landscape .mobileText {
        margin: 0;
        padding: 0;
        text-align: center;
        font-size: 20px;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 9999999999;
        height: 100vh;
        overflow: hidden;
        background: #000;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

        .safari.orientation_landscape .mobileText i {
            display: block;
            margin: 0 auto;
            bottom: 5%;
            height: 90px;
            width: 90px
        }

        .safari.orientation_landscape .mobileText p {
            margin: 0 auto;
            color: #fff
        }

        .safari.orientation_landscape .mobileText a.logo {
            text-align: center;
            margin: 0 auto;
            width: 8.75rem;
            height: 2.6875rem;
            display: block
        }

            .safari.orientation_landscape .mobileText a.logo img {
                margin: 0 auto
            }
}

@media only screen and (device-height:896px) and (orientation:landscape) {
    body {
        overflow: hidden !important
    }

        body .mobileText {
            margin: 0;
            padding: 0;
            text-align: center;
            font-size: 20px;
            position: fixed;
            right: 0;
            top: 0;
            width: 100%;
            z-index: 9999999999;
            height: 100vh;
            overflow: hidden;
            background: #000;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center
        }

            body .mobileText i {
                display: block;
                margin: 0 auto;
                bottom: 5%;
                height: 90px;
                width: 90px
            }

            body .mobileText p {
                margin: 0 auto;
                color: #fff
            }

            body .mobileText a.logo {
                text-align: center;
                margin: 0 auto;
                width: 8.75rem;
                height: 2.6875rem;
                display: block
            }

                body .mobileText a.logo img {
                    margin: 0 auto
                }
}

.maxw_1024 .mobileText, .maxw_768 .mobileText {
    display: none !important
}
/*!
   * Bootstrap  v5.3.0 (https://getbootstrap.com/)
   * Copyright 2011-2023 The Bootstrap Authors
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
   */

:root, [data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-green-900: #00665C;
    --bs-green-800: #00998A;
    --bs-green-700: #00E5D1;
    --bs-green-600: #ADD1FF;
    --bs-green-500: #E5FCFD;
    --bs-red-900: #E51717;
    --bs-redOrange: #FD6868;
    --bs-pinkLite: #E8FF63;
    --bs-blue-900: #1A66FF;
    --bs-blue-600: #DAEAFF;
    --bs-blue-700: #2d4d75;
    --bs-blue-500: #F7FAFF;
    --bs-grey-900: #1A1A1A;
    --bs-grey-800: #666;
    --bs-grey-700: #C5C5C5;
    --bs-grey-600: #E8E8E8;
    --bs-grey-500: #F6F6F6;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-green-900-rgb: 0,102,92;
    --bs-green-800-rgb: 0,153,138;
    --bs-green-700-rgb: 0,229,209;
    --bs-green-600-rgb: 173,209,255;
    --bs-green-500-rgb: 229,252,253;
    --bs-red-900-rgb: 229,23,23;
    --bs-redOrange-rgb: 253,104,104;
    --bs-pinkLite-rgb: 232,255,99;
    --bs-blue-900-rgb: 26,102,255;
    --bs-blue-600-rgb: 218,234,255;
    --bs-blue-700-rgb: 45,77,117;
    --bs-blue-500-rgb: 247,250,255;
    --bs-grey-900-rgb: 26,26,26;
    --bs-grey-800-rgb: 102,102,102;
    --bs-grey-700-rgb: 197,197,197;
    --bs-grey-600-rgb: 232,232,232;
    --bs-grey-500-rgb: 246,246,246;
    --bs-black-rgb: 0,0,0;
    --bs-white-rgb: 255,255,255;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255,255,255,0.15), rgba(255,255,255,0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #000;
    --bs-body-color-rgb: 0,0,0;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255,255,255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0,0,0;
    --bs-secondary-color: rgba(0,0,0,0.75);
    --bs-secondary-color-rgb: 0,0,0;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233,236,239;
    --bs-tertiary-color: rgba(0,0,0,0.5);
    --bs-tertiary-color-rgb: 0,0,0;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248,249,250;
    --bs-heading-color: #000;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13,110,253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10,88,202;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0,0,0,0.175);
    --bs-border-radius: .375rem;
    --bs-border-radius-sm: .25rem;
    --bs-border-radius-lg: .5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0,0,0,0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0,0,0,0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0,0,0,0.075);
    --bs-focus-ring-width: .25rem;
    --bs-focus-ring-opacity: .25;
    --bs-focus-ring-color: rgba(13,110,253,0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #adb5bd;
    --bs-body-color-rgb: 173,181,189;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33,37,41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255,255,255;
    --bs-secondary-color: rgba(173,181,189,0.75);
    --bs-secondary-color-rgb: 173,181,189;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52,58,64;
    --bs-tertiary-color: rgba(173,181,189,0.5);
    --bs-tertiary-color-rgb: 173,181,189;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43,48,53;
    --bs-primary-text-emphasis: #6ea8fe;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #75b798;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #ffda6a;
    --bs-danger-text-emphasis: #ea868f;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #031633;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #084298;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #087990;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: #6ea8fe;
    --bs-link-hover-color: #8bb9fe;
    --bs-link-color-rgb: 110,168,254;
    --bs-link-hover-color-rgb: 139,185,254;
    --bs-code-color: #e685b5;
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255,255,255,0.15);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f
}

*, ::after, ::before {
    box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: .25
}

.h1, .h2, .h3, .h4, .h5, .h6, .title5, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 1.25rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--bs-heading-color)
}

.h1, h1 {
    font-size: 5rem
}

.h2, h2 {
    font-size: 3.5rem
}

.h3, h3 {
    font-size: 2.5rem
}

.h4, h4 {
    font-size: 1.875rem
}

.h5, .title5, h5 {
    font-size: 1.5rem
}

.h6, h6 {
    font-size: 1.375rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title] {
    text-decoration: underline dotted;
    cursor: help;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol, ul {
    padding-left: 2rem
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem
}

    ol ol, ol ul, ul ol, ul ul {
        margin-bottom: 0
    }

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b, strong {
    font-weight: bolder
}

.small, small {
    font-size: .875em
}

.mark, mark {
    padding: .1875em;
    background-color: var(--bs-highlight-bg)
}

sub, sup {
    position: relative;
    font-size: .75em;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
    text-decoration: underline
}

    a:hover {
        --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
    }

    a:not([href]):not([class]), a:not([href]):not([class]):hover {
        color: inherit;
        text-decoration: none
    }

code, kbd, pre, samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em
}

    pre code {
        font-size: inherit;
        color: inherit;
        word-break: normal
    }

code {
    font-size: .875em;
    color: var(--bs-code-color);
    word-wrap: break-word
}

a > code {
    color: inherit
}

kbd {
    padding: .1875rem .375rem;
    font-size: .875em;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: .25rem
}

    kbd kbd {
        padding: 0;
        font-size: 1em
    }

figure {
    margin: 0 0 1rem
}

img, svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-secondary-color);
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

    button:focus:not(:focus-visible) {
        outline: 0
    }

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button, select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

    select:disabled {
        opacity: 1
    }

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

    [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
        cursor: pointer
    }

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit
}

@media (min-width:1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend + * {
    clear: left
}

::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

.lead {
    font-size: 1.25rem;
    font-weight: 400
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-1 {
        font-size: 5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-2 {
        font-size: 4.5rem
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-3 {
        font-size: 4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-4 {
        font-size: 3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-5 {
        font-size: 3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-6 {
        font-size: 2.5rem
    }
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

    .list-inline-item:not(:last-child) {
        margin-right: .5rem
    }

.initialism {
    font-size: .875em;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

    .blockquote > :last-child {
        margin-bottom: 0
    }

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: .875em;
    color: #6c757d
}

    .blockquote-footer::before {
        content: "\2014\00A0"
    }

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: var(--bs-body-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: .875em;
    color: var(--bs-secondary-color)
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container, .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container, .container-md, .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px
    }
}

@media (min-width:1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px
    }
}

:root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px
}

.row {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

    .row > * {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-top: var(--bs-gutter-y)
    }

.col {
    flex: 1 0 0%
}

.row-cols-auto > * {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.33333%
}

.row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.66667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

.g-0, .gx-0 {
    --bs-gutter-x: 0
}

.g-0, .gy-0 {
    --bs-gutter-y: 0
}

.g-1, .gx-1 {
    --bs-gutter-x: .25rem
}

.g-1, .gy-1 {
    --bs-gutter-y: .25rem
}

.g-2, .gx-2 {
    --bs-gutter-x: .5rem
}

.g-2, .gy-2 {
    --bs-gutter-y: .5rem
}

.g-3, .gx-3 {
    --bs-gutter-x: 1rem
}

.g-3, .gy-3 {
    --bs-gutter-y: 1rem
}

.g-4, .gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4, .gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5, .gx-5 {
    --bs-gutter-x: 3rem
}

.g-5, .gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width:576px) {
    .col-sm {
        flex: 1 0 0%
    }

    .row-cols-sm-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }

    .g-sm-0, .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0, .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1, .gx-sm-1 {
        --bs-gutter-x: .25rem
    }

    .g-sm-1, .gy-sm-1 {
        --bs-gutter-y: .25rem
    }

    .g-sm-2, .gx-sm-2 {
        --bs-gutter-x: .5rem
    }

    .g-sm-2, .gy-sm-2 {
        --bs-gutter-y: .5rem
    }

    .g-sm-3, .gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3, .gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4, .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4, .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5, .gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5, .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:768px) {
    .col-md {
        flex: 1 0 0%
    }

    .row-cols-md-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3 > * {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6 > * {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }

    .g-md-0, .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0, .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1, .gx-md-1 {
        --bs-gutter-x: .25rem
    }

    .g-md-1, .gy-md-1 {
        --bs-gutter-y: .25rem
    }

    .g-md-2, .gx-md-2 {
        --bs-gutter-x: .5rem
    }

    .g-md-2, .gy-md-2 {
        --bs-gutter-y: .5rem
    }

    .g-md-3, .gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3, .gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4, .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4, .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5, .gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5, .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:992px) {
    .col-lg {
        flex: 1 0 0%
    }

    .row-cols-lg-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3 > * {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .row-cols-lg-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6 > * {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }

    .g-lg-0, .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0, .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1, .gx-lg-1 {
        --bs-gutter-x: .25rem
    }

    .g-lg-1, .gy-lg-1 {
        --bs-gutter-y: .25rem
    }

    .g-lg-2, .gx-lg-2 {
        --bs-gutter-x: .5rem
    }

    .g-lg-2, .gy-lg-2 {
        --bs-gutter-y: .5rem
    }

    .g-lg-3, .gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3, .gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4, .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4, .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5, .gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5, .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex: 1 0 0%
    }

    .row-cols-xl-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3 > * {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .row-cols-xl-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6 > * {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }

    .g-xl-0, .gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0, .gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1, .gx-xl-1 {
        --bs-gutter-x: .25rem
    }

    .g-xl-1, .gy-xl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xl-2, .gx-xl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xl-2, .gy-xl-2 {
        --bs-gutter-y: .5rem
    }

    .g-xl-3, .gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3, .gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4, .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4, .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5, .gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5, .gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1400px) {
    .col-xxl {
        flex: 1 0 0%
    }

    .row-cols-xxl-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3 > * {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .row-cols-xxl-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6 > * {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333%
    }

    .offset-xxl-2 {
        margin-left: 16.66667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333%
    }

    .offset-xxl-5 {
        margin-left: 41.66667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333%
    }

    .offset-xxl-8 {
        margin-left: 66.66667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333%
    }

    .offset-xxl-11 {
        margin-left: 91.66667%
    }

    .g-xxl-0, .gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0, .gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1, .gx-xxl-1 {
        --bs-gutter-x: .25rem
    }

    .g-xxl-1, .gy-xxl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xxl-2, .gx-xxl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xxl-2, .gy-xxl-2 {
        --bs-gutter-y: .5rem
    }

    .g-xxl-3, .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3, .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4, .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4, .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5, .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5, .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.table {
    --bs-table-color-type: initial;
    --bs-table-bg-type: initial;
    --bs-table-color-state: initial;
    --bs-table-bg-state: initial;
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: var(--bs-body-bg);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: rgba(0,0,0,0);
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: rgba(0,0,0,0.05);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0,0,0,0.1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(0,0,0,0.075);
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
    border-color: var(--bs-table-border-color)
}

    .table > :not(caption) > * > * {
        padding: .5rem .5rem;
        color: var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));
        background-color: var(--bs-table-bg);
        border-bottom-width: var(--bs-border-width);
        box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))
    }

    .table > tbody {
        vertical-align: inherit
    }

    .table > thead {
        vertical-align: bottom
    }

.table-group-divider {
    border-top: calc(var(--bs-border-width) * 2) solid currentcolor
}

.caption-top {
    caption-side: top
}

.table-sm > :not(caption) > * > * {
    padding: .25rem .25rem
}

.table-bordered > :not(caption) > * {
    border-width: var(--bs-border-width) 0
}

    .table-bordered > :not(caption) > * > * {
        border-width: 0 var(--bs-border-width)
    }

.table-borderless > :not(caption) > * > * {
    border-bottom-width: 0
}

.table-borderless > :not(:first-child) {
    border-top-width: 0
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg)
}

.table-striped-columns > :not(caption) > tr > :nth-child(even) {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg)
}

.table-active {
    --bs-table-color-state: var(--bs-table-active-color);
    --bs-table-bg-state: var(--bs-table-active-bg)
}

.table-hover > tbody > tr:hover > * {
    --bs-table-color-state: var(--bs-table-hover-color);
    --bs-table-bg-state: var(--bs-table-hover-bg)
}

.table-primary {
    --bs-table-color: #000;
    --bs-table-bg: #cfe2ff;
    --bs-table-border-color: #bacbe6;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-secondary {
    --bs-table-color: #000;
    --bs-table-bg: #e2e3e5;
    --bs-table-border-color: #cbccce;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-success {
    --bs-table-color: #000;
    --bs-table-bg: #d1e7dd;
    --bs-table-border-color: #bcd0c7;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-info {
    --bs-table-color: #000;
    --bs-table-bg: #cff4fc;
    --bs-table-border-color: #badce3;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-warning {
    --bs-table-color: #000;
    --bs-table-bg: #fff3cd;
    --bs-table-border-color: #e6dbb9;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-danger {
    --bs-table-color: #000;
    --bs-table-bg: #f8d7da;
    --bs-table-border-color: #dfc2c4;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-light {
    --bs-table-color: #000;
    --bs-table-bg: #f8f9fa;
    --bs-table-border-color: #dfe0e1;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-dark {
    --bs-table-color: #fff;
    --bs-table-bg: #212529;
    --bs-table-border-color: #373b3e;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:1399.98px) {
    .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

.form-label {
    margin-bottom: .5rem
}

.col-form-label {
    padding-top: calc(.375rem + var(--bs-border-width));
    padding-bottom: calc(.375rem + var(--bs-border-width));
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + var(--bs-border-width));
    padding-bottom: calc(.5rem + var(--bs-border-width));
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(.25rem + var(--bs-border-width));
    padding-bottom: calc(.25rem + var(--bs-border-width));
    font-size: .875rem
}

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: var(--bs-secondary-color)
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    appearance: none;
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

    .form-control[type=file]:not(:disabled):not([readonly]) {
        cursor: pointer
    }

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.form-control::-webkit-date-and-time-value {
    min-width: 85px;
    height: 1.5em;
    margin: 0
}

.form-control::-webkit-datetime-edit {
    display: block;
    padding: 0
}

.form-control::placeholder {
    color: var(--bs-secondary-color);
    opacity: 1
}

.form-control:disabled {
    background-color: var(--bs-secondary-bg);
    opacity: 1
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    margin-inline-end: .75rem;
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: var(--bs-border-width);
    border-radius: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: var(--bs-secondary-bg)
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: transparent;
    border: solid transparent;
    border-width: var(--bs-border-width) 0
}

    .form-control-plaintext:focus {
        outline: 0
    }

    .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
        padding-right: 0;
        padding-left: 0
    }

.form-control-sm {
    min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: var(--bs-border-radius-sm)
}

    .form-control-sm::file-selector-button {
        padding: .25rem .5rem;
        margin: -.25rem -.5rem;
        margin-inline-end: .5rem
    }

.form-control-lg {
    min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: var(--bs-border-radius-lg)
}

    .form-control-lg::file-selector-button {
        padding: .5rem 1rem;
        margin: -.5rem -1rem;
        margin-inline-end: 1rem
    }

textarea.form-control {
    min-height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))
}

textarea.form-control-sm {
    min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
}

.form-control-color {
    width: 3rem;
    height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));
    padding: .375rem
}

    .form-control-color:not(:disabled):not([readonly]) {
        cursor: pointer
    }

    .form-control-color::-moz-color-swatch {
        border: 0 !important;
        border-radius: var(--bs-border-radius)
    }

    .form-control-color::-webkit-color-swatch {
        border: 0 !important;
        border-radius: var(--bs-border-radius)
    }

    .form-control-color.form-control-sm {
        height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))
    }

    .form-control-color.form-control-lg {
        height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
    }

.form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
    padding-right: .75rem;
    background-image: none
}

.form-select:disabled {
    background-color: var(--bs-secondary-bg)
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 var(--bs-body-color)
}

.form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem;
    border-radius: var(--bs-border-radius-sm)
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
    border-radius: var(--bs-border-radius-lg)
}

[data-bs-theme=dark] .form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem
}

    .form-check .form-check-input {
        float: left;
        margin-left: -1.5em
    }

.form-check-reverse {
    padding-right: 1.5em;
    padding-left: 0;
    text-align: right
}

    .form-check-reverse .form-check-input {
        float: right;
        margin-right: -1.5em;
        margin-left: 0
    }

.form-check-input {
    --bs-form-check-bg: var(--bs-body-bg);
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color);
    appearance: none;
    print-color-adjust: exact
}

    .form-check-input[type=checkbox] {
        border-radius: .25em
    }

    .form-check-input[type=radio] {
        border-radius: 50%
    }

    .form-check-input:active {
        filter: brightness(90%)
    }

    .form-check-input:focus {
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
    }

    .form-check-input:checked {
        background-color: #0d6efd;
        border-color: #0d6efd
    }

        .form-check-input:checked[type=checkbox] {
            --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
        }

        .form-check-input:checked[type=radio] {
            --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
        }

    .form-check-input[type=checkbox]:indeterminate {
        background-color: #0d6efd;
        border-color: #0d6efd;
        --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
    }

    .form-check-input:disabled {
        pointer-events: none;
        filter: none;
        opacity: .5
    }

        .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
            cursor: default;
            opacity: .5
        }

.form-switch {
    padding-left: 2.5em
}

    .form-switch .form-check-input {
        --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280,0,0,0.25%29'/%3e%3c/svg%3e");
        width: 2em;
        margin-left: -2.5em;
        background-image: var(--bs-form-switch-bg);
        background-position: left center;
        border-radius: 2em;
        transition: background-position .15s ease-in-out
    }

@media (prefers-reduced-motion:reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: right center;
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-switch.form-check-reverse {
    padding-right: 2.5em;
    padding-left: 0
}

    .form-switch.form-check-reverse .form-check-input {
        margin-right: -2.5em;
        margin-left: 0
    }

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

    .btn-check:disabled + .btn, .btn-check[disabled] + .btn {
        pointer-events: none;
        filter: none;
        opacity: .65
    }

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255,255,255,0.25%29'/%3e%3c/svg%3e")
}

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    appearance: none
}

    .form-range:focus {
        outline: 0
    }

        .form-range:focus::-webkit-slider-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)
        }

        .form-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)
        }

    .form-range::-moz-focus-outer {
        border: 0
    }

    .form-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -.25rem;
        background-color: #0d6efd;
        border: 0;
        border-radius: 1rem;
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        appearance: none
    }

@media (prefers-reduced-motion:reduce) {
    .form-range::-webkit-slider-thumb {
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #b6d4fe
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: var(--bs-tertiary-bg);
    border-color: transparent;
    border-radius: 1rem
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-moz-range-thumb {
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #b6d4fe
}

.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: var(--bs-tertiary-bg);
    border-color: transparent;
    border-radius: 1rem
}

.form-range:disabled {
    pointer-events: none
}

    .form-range:disabled::-webkit-slider-thumb {
        background-color: var(--bs-secondary-color)
    }

    .form-range:disabled::-moz-range-thumb {
        background-color: var(--bs-secondary-color)
    }

.form-floating {
    position: relative
}

    .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select {
        height: calc(3.5rem + calc(var(--bs-border-width) * 2));
        min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
        line-height: 1.25
    }

    .form-floating > label {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        height: 100%;
        padding: 1rem .75rem;
        overflow: hidden;
        text-align: start;
        text-overflow: ellipsis;
        white-space: nowrap;
        pointer-events: none;
        border: var(--bs-border-width) solid transparent;
        transform-origin: 0 0;
        transition: opacity .1s ease-in-out,transform .1s ease-in-out
    }

@media (prefers-reduced-motion:reduce) {
    .form-floating > label {
        transition: none
    }
}

.form-floating > .form-control, .form-floating > .form-control-plaintext {
    padding: 1rem .75rem
}

    .form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
        color: transparent
    }

    .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
        padding-top: 1.625rem;
        padding-bottom: .625rem
    }

    .form-floating > .form-control-plaintext:-webkit-autofill, .form-floating > .form-control:-webkit-autofill {
        padding-top: 1.625rem;
        padding-bottom: .625rem
    }

.form-floating > .form-select {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

    .form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
        color: rgba(var(--bs-body-color-rgb),.65);
        transform: scale(.85) translateY(-.5rem) translateX(.15rem)
    }

        .form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-select ~ label::after {
            position: absolute;
            inset: 1rem .375rem;
            z-index: -1;
            height: 1.5em;
            content: "";
            background-color: var(--bs-body-bg);
            border-radius: var(--bs-border-radius)
        }

.form-floating > .form-control:-webkit-autofill ~ label {
    color: rgba(var(--bs-body-color-rgb),.65);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control-plaintext ~ label {
    border-width: var(--bs-border-width) 0
}

.form-floating > :disabled ~ label {
    color: #6c757d
}

    .form-floating > :disabled ~ label::after {
        background-color: var(--bs-secondary-bg)
    }

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

    .input-group > .form-control, .input-group > .form-floating, .input-group > .form-select {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0
    }

        .input-group > .form-control:focus, .input-group > .form-floating:focus-within, .input-group > .form-select:focus {
            z-index: 5
        }

    .input-group .btn {
        position: relative;
        z-index: 2
    }

        .input-group .btn:focus {
            z-index: 5
        }

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-tertiary-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius)
}

.input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: var(--bs-border-radius-lg)
}

.input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: var(--bs-border-radius-sm)
}

.input-group-lg > .form-select, .input-group-sm > .form-select {
    padding-right: 3rem
}

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select, .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: calc(var(--bs-border-width) * -1);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: var(--bs-form-valid-color)
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: var(--bs-success);
    border-radius: var(--bs-border-radius)
}

.is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip {
    display: block
}

.form-control.is-valid, .was-validated .form-control:valid {
    border-color: var(--bs-form-valid-border-color);
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

    .form-control.is-valid:focus, .was-validated .form-control:valid:focus {
        border-color: var(--bs-form-valid-border-color);
        box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25)
    }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-valid, .was-validated .form-select:valid {
    border-color: var(--bs-form-valid-border-color)
}

    .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
        --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
        padding-right: 4.125rem;
        background-position: right .75rem center,center right 2.25rem;
        background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
    }

    .form-select.is-valid:focus, .was-validated .form-select:valid:focus {
        border-color: var(--bs-form-valid-border-color);
        box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25)
    }

.form-control-color.is-valid, .was-validated .form-control-color:valid {
    width: calc(3rem + calc(1.5em + .75rem))
}

.form-check-input.is-valid, .was-validated .form-check-input:valid {
    border-color: var(--bs-form-valid-border-color)
}

    .form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
        background-color: var(--bs-form-valid-color)
    }

    .form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus {
        box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25)
    }

    .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
        color: var(--bs-form-valid-color)
    }

.form-check-inline .form-check-input ~ .valid-feedback {
    margin-left: .5em
}

.input-group > .form-control:not(:focus).is-valid, .input-group > .form-floating:not(:focus-within).is-valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-control:not(:focus):valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .was-validated .input-group > .form-select:not(:focus):valid {
    z-index: 3
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: var(--bs-form-invalid-color)
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: var(--bs-danger);
    border-radius: var(--bs-border-radius)
}

.is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip {
    display: block
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: var(--bs-form-invalid-border-color);
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

    .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
        border-color: var(--bs-form-invalid-border-color);
        box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)
    }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-invalid, .was-validated .form-select:invalid {
    border-color: var(--bs-form-invalid-border-color)
}

    .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] {
        --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
        padding-right: 4.125rem;
        background-position: right .75rem center,center right 2.25rem;
        background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
    }

    .form-select.is-invalid:focus, .was-validated .form-select:invalid:focus {
        border-color: var(--bs-form-invalid-border-color);
        box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)
    }

.form-control-color.is-invalid, .was-validated .form-control-color:invalid {
    width: calc(3rem + calc(1.5em + .75rem))
}

.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
    border-color: var(--bs-form-invalid-border-color)
}

    .form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked {
        background-color: var(--bs-form-invalid-color)
    }

    .form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus {
        box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)
    }

    .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
        color: var(--bs-form-invalid-color)
    }

.form-check-inline .form-check-input ~ .invalid-feedback {
    margin-left: .5em
}

.input-group > .form-control:not(:focus).is-invalid, .input-group > .form-floating:not(:focus-within).is-invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-control:not(:focus):invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .was-validated .input-group > .form-select:not(:focus):invalid {
    z-index: 4
}

.btn {
    --bs-btn-padding-x: 0;
    --bs-btn-padding-y: 0;
    --bs-btn-font-size: .875rem;
    --bs-btn-font-weight: 600;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 0;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 52px;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: none;
    --bs-btn-disabled-opacity: .65;
    --bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color)
}

.btn-check + .btn:hover {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color)
}

.btn:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:focus-visible + .btn {
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color)
}

    .btn-check:checked + .btn:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check) + .btn:active:focus-visible {
        box-shadow: var(--bs-btn-focus-box-shadow)
    }

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity)
}

.btn-green-900 {
    --bs-btn-color: #fff;
    --bs-btn-bg: #00665C;
    --bs-btn-border-color: #00665C;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00574e;
    --bs-btn-hover-border-color: #00524a;
    --bs-btn-focus-shadow-rgb: 38,125,116;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00524a;
    --bs-btn-active-border-color: #004d45;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #00665C;
    --bs-btn-disabled-border-color: #00665C
}

.btn-green-800 {
    --bs-btn-color: #000;
    --bs-btn-bg: #00998A;
    --bs-btn-border-color: #00998A;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #26a89c;
    --bs-btn-hover-border-color: #1aa396;
    --bs-btn-focus-shadow-rgb: 0,130,117;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #33ada1;
    --bs-btn-active-border-color: #1aa396;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #00998A;
    --bs-btn-disabled-border-color: #00998A
}

.btn-green-700 {
    --bs-btn-color: #000;
    --bs-btn-bg: #00E5D1;
    --bs-btn-border-color: #00E5D1;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #26e9d8;
    --bs-btn-hover-border-color: #1ae8d6;
    --bs-btn-focus-shadow-rgb: 0,195,178;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #33eada;
    --bs-btn-active-border-color: #1ae8d6;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #00E5D1;
    --bs-btn-disabled-border-color: #00E5D1
}

.btn-green-600 {
    --bs-btn-color: #000;
    --bs-btn-bg: #ADD1FF;
    --bs-btn-border-color: #ADD1FF;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #b9d8ff;
    --bs-btn-hover-border-color: #b5d6ff;
    --bs-btn-focus-shadow-rgb: 147,178,217;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #bddaff;
    --bs-btn-active-border-color: #b5d6ff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ADD1FF;
    --bs-btn-disabled-border-color: #ADD1FF
}

.btn-green-500 {
    --bs-btn-color: #000;
    --bs-btn-bg: #E5FCFD;
    --bs-btn-border-color: #E5FCFD;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #e9fcfd;
    --bs-btn-hover-border-color: #e8fcfd;
    --bs-btn-focus-shadow-rgb: 195,214,215;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #eafdfd;
    --bs-btn-active-border-color: #e8fcfd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #E5FCFD;
    --bs-btn-disabled-border-color: #E5FCFD
}

.btn-red-900 {
    --bs-btn-color: #fff;
    --bs-btn-bg: #E51717;
    --bs-btn-border-color: #E51717;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #c31414;
    --bs-btn-hover-border-color: #b71212;
    --bs-btn-focus-shadow-rgb: 233,58,58;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b71212;
    --bs-btn-active-border-color: #ac1111;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #E51717;
    --bs-btn-disabled-border-color: #E51717
}

.btn-redOrange {
    --bs-btn-color: #000;
    --bs-btn-bg: #FD6868;
    --bs-btn-border-color: #FD6868;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #fd7f7f;
    --bs-btn-hover-border-color: #fd7777;
    --bs-btn-focus-shadow-rgb: 215,88,88;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #fd8686;
    --bs-btn-active-border-color: #fd7777;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #FD6868;
    --bs-btn-disabled-border-color: #FD6868
}

.btn-pinkLite {
    --bs-btn-color: #000;
    --bs-btn-bg: #E8FF63;
    --bs-btn-border-color: #E8FF63;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ebff7a;
    --bs-btn-hover-border-color: #eaff73;
    --bs-btn-focus-shadow-rgb: 197,217,84;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #edff82;
    --bs-btn-active-border-color: #eaff73;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #E8FF63;
    --bs-btn-disabled-border-color: #E8FF63
}

.btn-blue-900 {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1A66FF;
    --bs-btn-border-color: #1A66FF;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1657d9;
    --bs-btn-hover-border-color: #1552cc;
    --bs-btn-focus-shadow-rgb: 60,125,255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1552cc;
    --bs-btn-active-border-color: #144dbf;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #1A66FF;
    --bs-btn-disabled-border-color: #1A66FF
}

.btn-blue-600 {
    --bs-btn-color: #000;
    --bs-btn-bg: #DAEAFF;
    --bs-btn-border-color: #DAEAFF;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #e0edff;
    --bs-btn-hover-border-color: #deecff;
    --bs-btn-focus-shadow-rgb: 185,199,217;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #e1eeff;
    --bs-btn-active-border-color: #deecff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #DAEAFF;
    --bs-btn-disabled-border-color: #DAEAFF
}

.btn-blue-700 {
    --bs-btn-color: #fff;
    --bs-btn-bg: #2d4d75;
    --bs-btn-border-color: #2d4d75;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #264163;
    --bs-btn-hover-border-color: #243e5e;
    --bs-btn-focus-shadow-rgb: 77,104,138;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #243e5e;
    --bs-btn-active-border-color: #223a58;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #2d4d75;
    --bs-btn-disabled-border-color: #2d4d75
}

.btn-blue-500 {
    --bs-btn-color: #000;
    --bs-btn-bg: #F7FAFF;
    --bs-btn-border-color: #F7FAFF;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f8fbff;
    --bs-btn-hover-border-color: #f8fbff;
    --bs-btn-focus-shadow-rgb: 210,213,217;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f9fbff;
    --bs-btn-active-border-color: #f8fbff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #F7FAFF;
    --bs-btn-disabled-border-color: #F7FAFF
}

.btn-grey-900 {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1A1A1A;
    --bs-btn-border-color: #1A1A1A;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #161616;
    --bs-btn-hover-border-color: #151515;
    --bs-btn-focus-shadow-rgb: 60,60,60;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #151515;
    --bs-btn-active-border-color: #141414;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #1A1A1A;
    --bs-btn-disabled-border-color: #1A1A1A
}

.btn-grey-800 {
    --bs-btn-color: #fff;
    --bs-btn-bg: #666;
    --bs-btn-border-color: #666;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #575757;
    --bs-btn-hover-border-color: #525252;
    --bs-btn-focus-shadow-rgb: 125,125,125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #525252;
    --bs-btn-active-border-color: #4d4d4d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #666;
    --bs-btn-disabled-border-color: #666
}

.btn-grey-700 {
    --bs-btn-color: #000;
    --bs-btn-bg: #C5C5C5;
    --bs-btn-border-color: #C5C5C5;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #cecece;
    --bs-btn-hover-border-color: #cbcbcb;
    --bs-btn-focus-shadow-rgb: 167,167,167;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #d1d1d1;
    --bs-btn-active-border-color: #cbcbcb;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #C5C5C5;
    --bs-btn-disabled-border-color: #C5C5C5
}

.btn-grey-600 {
    --bs-btn-color: #000;
    --bs-btn-bg: #E8E8E8;
    --bs-btn-border-color: #E8E8E8;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ebebeb;
    --bs-btn-hover-border-color: #eaeaea;
    --bs-btn-focus-shadow-rgb: 197,197,197;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ededed;
    --bs-btn-active-border-color: #eaeaea;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #E8E8E8;
    --bs-btn-disabled-border-color: #E8E8E8
}

.btn-grey-500 {
    --bs-btn-color: #000;
    --bs-btn-bg: #F6F6F6;
    --bs-btn-border-color: #F6F6F6;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f7f7f7;
    --bs-btn-hover-border-color: #f7f7f7;
    --bs-btn-focus-shadow-rgb: 209,209,209;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f8f8f8;
    --bs-btn-active-border-color: #f7f7f7;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #F6F6F6;
    --bs-btn-disabled-border-color: #F6F6F6
}

.btn-black {
    --bs-btn-color: #fff;
    --bs-btn-bg: #000;
    --bs-btn-border-color: #000;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #000;
    --bs-btn-hover-border-color: #000;
    --bs-btn-focus-shadow-rgb: 38,38,38;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #000;
    --bs-btn-active-border-color: #000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #000;
    --bs-btn-disabled-border-color: #000
}

.btn-white {
    --bs-btn-color: #000;
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #fff;
    --bs-btn-focus-shadow-rgb: 217,217,217;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: #fff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #fff;
    --bs-btn-disabled-border-color: #fff
}

.btn-outline-green-900 {
    --bs-btn-color: #00665C;
    --bs-btn-border-color: #00665C;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00665C;
    --bs-btn-hover-border-color: #00665C;
    --bs-btn-focus-shadow-rgb: 0,102,92;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00665C;
    --bs-btn-active-border-color: #00665C;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #00665C;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #00665C;
    --bs-gradient: none
}

.btn-outline-green-800 {
    --bs-btn-color: #00998A;
    --bs-btn-border-color: #00998A;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #00998A;
    --bs-btn-hover-border-color: #00998A;
    --bs-btn-focus-shadow-rgb: 0,153,138;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #00998A;
    --bs-btn-active-border-color: #00998A;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #00998A;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #00998A;
    --bs-gradient: none
}

.btn-outline-green-700 {
    --bs-btn-color: #00E5D1;
    --bs-btn-border-color: #00E5D1;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #00E5D1;
    --bs-btn-hover-border-color: #00E5D1;
    --bs-btn-focus-shadow-rgb: 0,229,209;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #00E5D1;
    --bs-btn-active-border-color: #00E5D1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #00E5D1;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #00E5D1;
    --bs-gradient: none
}

.btn-outline-green-600 {
    --bs-btn-color: #ADD1FF;
    --bs-btn-border-color: #ADD1FF;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ADD1FF;
    --bs-btn-hover-border-color: #ADD1FF;
    --bs-btn-focus-shadow-rgb: 173,209,255;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ADD1FF;
    --bs-btn-active-border-color: #ADD1FF;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #ADD1FF;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ADD1FF;
    --bs-gradient: none
}

.btn-outline-green-500 {
    --bs-btn-color: #E5FCFD;
    --bs-btn-border-color: #E5FCFD;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #E5FCFD;
    --bs-btn-hover-border-color: #E5FCFD;
    --bs-btn-focus-shadow-rgb: 229,252,253;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #E5FCFD;
    --bs-btn-active-border-color: #E5FCFD;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #E5FCFD;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #E5FCFD;
    --bs-gradient: none
}

.btn-outline-red-900 {
    --bs-btn-color: #E51717;
    --bs-btn-border-color: #E51717;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #E51717;
    --bs-btn-hover-border-color: #E51717;
    --bs-btn-focus-shadow-rgb: 229,23,23;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #E51717;
    --bs-btn-active-border-color: #E51717;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #E51717;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #E51717;
    --bs-gradient: none
}

.btn-outline-redOrange {
    --bs-btn-color: #FD6868;
    --bs-btn-border-color: #FD6868;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #FD6868;
    --bs-btn-hover-border-color: #FD6868;
    --bs-btn-focus-shadow-rgb: 253,104,104;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #FD6868;
    --bs-btn-active-border-color: #FD6868;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #FD6868;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #FD6868;
    --bs-gradient: none
}

.btn-outline-pinkLite {
    --bs-btn-color: #E8FF63;
    --bs-btn-border-color: #E8FF63;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #E8FF63;
    --bs-btn-hover-border-color: #E8FF63;
    --bs-btn-focus-shadow-rgb: 232,255,99;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #E8FF63;
    --bs-btn-active-border-color: #E8FF63;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #E8FF63;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #E8FF63;
    --bs-gradient: none
}

.btn-outline-blue-900 {
    --bs-btn-color: #1A66FF;
    --bs-btn-border-color: #1A66FF;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1A66FF;
    --bs-btn-hover-border-color: #1A66FF;
    --bs-btn-focus-shadow-rgb: 26,102,255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1A66FF;
    --bs-btn-active-border-color: #1A66FF;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #1A66FF;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #1A66FF;
    --bs-gradient: none
}

.btn-outline-blue-600 {
    --bs-btn-color: #DAEAFF;
    --bs-btn-border-color: #DAEAFF;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #DAEAFF;
    --bs-btn-hover-border-color: #DAEAFF;
    --bs-btn-focus-shadow-rgb: 218,234,255;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #DAEAFF;
    --bs-btn-active-border-color: #DAEAFF;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #DAEAFF;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #DAEAFF;
    --bs-gradient: none
}

.btn-outline-blue-700 {
    --bs-btn-color: #2d4d75;
    --bs-btn-border-color: #2d4d75;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2d4d75;
    --bs-btn-hover-border-color: #2d4d75;
    --bs-btn-focus-shadow-rgb: 45,77,117;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2d4d75;
    --bs-btn-active-border-color: #2d4d75;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #2d4d75;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #2d4d75;
    --bs-gradient: none
}

.btn-outline-blue-500 {
    --bs-btn-color: #F7FAFF;
    --bs-btn-border-color: #F7FAFF;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #F7FAFF;
    --bs-btn-hover-border-color: #F7FAFF;
    --bs-btn-focus-shadow-rgb: 247,250,255;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #F7FAFF;
    --bs-btn-active-border-color: #F7FAFF;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #F7FAFF;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #F7FAFF;
    --bs-gradient: none
}

.btn-outline-grey-900 {
    --bs-btn-color: #1A1A1A;
    --bs-btn-border-color: #1A1A1A;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1A1A1A;
    --bs-btn-hover-border-color: #1A1A1A;
    --bs-btn-focus-shadow-rgb: 26,26,26;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1A1A1A;
    --bs-btn-active-border-color: #1A1A1A;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #1A1A1A;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #1A1A1A;
    --bs-gradient: none
}

.btn-outline-grey-800 {
    --bs-btn-color: #666;
    --bs-btn-border-color: #666;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #666;
    --bs-btn-hover-border-color: #666;
    --bs-btn-focus-shadow-rgb: 102,102,102;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #666;
    --bs-btn-active-border-color: #666;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #666;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #666;
    --bs-gradient: none
}

.btn-outline-grey-700 {
    --bs-btn-color: #C5C5C5;
    --bs-btn-border-color: #C5C5C5;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #C5C5C5;
    --bs-btn-hover-border-color: #C5C5C5;
    --bs-btn-focus-shadow-rgb: 197,197,197;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #C5C5C5;
    --bs-btn-active-border-color: #C5C5C5;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #C5C5C5;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #C5C5C5;
    --bs-gradient: none
}

.btn-outline-grey-600 {
    --bs-btn-color: #E8E8E8;
    --bs-btn-border-color: #E8E8E8;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #E8E8E8;
    --bs-btn-hover-border-color: #E8E8E8;
    --bs-btn-focus-shadow-rgb: 232,232,232;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #E8E8E8;
    --bs-btn-active-border-color: #E8E8E8;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #E8E8E8;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #E8E8E8;
    --bs-gradient: none
}

.btn-outline-grey-500 {
    --bs-btn-color: #F6F6F6;
    --bs-btn-border-color: #F6F6F6;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #F6F6F6;
    --bs-btn-hover-border-color: #F6F6F6;
    --bs-btn-focus-shadow-rgb: 246,246,246;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #F6F6F6;
    --bs-btn-active-border-color: #F6F6F6;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #F6F6F6;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #F6F6F6;
    --bs-gradient: none
}

.btn-outline-black {
    --bs-btn-color: #000;
    --bs-btn-border-color: #000;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #000;
    --bs-btn-hover-border-color: #000;
    --bs-btn-focus-shadow-rgb: 0,0,0;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #000;
    --bs-btn-active-border-color: #000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #000;
    --bs-gradient: none
}

.btn-outline-white {
    --bs-btn-color: #fff;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #fff;
    --bs-btn-focus-shadow-rgb: 255,255,255;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: #fff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #fff;
    --bs-gradient: none
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    text-decoration: underline
}

    .btn-link:focus-visible {
        color: var(--bs-btn-color)
    }

    .btn-link:hover {
        color: var(--bs-btn-hover-color)
    }

.btn-group-lg > .btn, .btn-lg {
    --bs-btn-padding-y: .5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: var(--bs-border-radius-lg)
}

.btn-group-sm > .btn, .btn-sm {
    --bs-btn-padding-y: .25rem;
    --bs-btn-padding-x: .5rem;
    --bs-btn-font-size: .875rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm)
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

    .dropdown-toggle::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent
    }

    .dropdown-toggle:empty::after {
        margin-left: 0
    }

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: .5rem;
    --bs-dropdown-spacer: .125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: .5rem;
    --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: .25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: .5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius)
}

    .dropdown-menu[data-bs-popper] {
        top: 100%;
        left: 0;
        margin-top: var(--bs-dropdown-spacer)
    }

.dropdown-menu-start {
    --bs-position: start
}

    .dropdown-menu-start[data-bs-popper] {
        right: auto;
        left: 0
    }

.dropdown-menu-end {
    --bs-position: end
}

    .dropdown-menu-end[data-bs-popper] {
        right: 0;
        left: auto
    }

@media (min-width:576px) {
    .dropdown-menu-sm-start {
        --bs-position: start
    }

        .dropdown-menu-sm-start[data-bs-popper] {
            right: auto;
            left: 0
        }

    .dropdown-menu-sm-end {
        --bs-position: end
    }

        .dropdown-menu-sm-end[data-bs-popper] {
            right: 0;
            left: auto
        }
}

@media (min-width:768px) {
    .dropdown-menu-md-start {
        --bs-position: start
    }

        .dropdown-menu-md-start[data-bs-popper] {
            right: auto;
            left: 0
        }

    .dropdown-menu-md-end {
        --bs-position: end
    }

        .dropdown-menu-md-end[data-bs-popper] {
            right: 0;
            left: auto
        }
}

@media (min-width:992px) {
    .dropdown-menu-lg-start {
        --bs-position: start
    }

        .dropdown-menu-lg-start[data-bs-popper] {
            right: auto;
            left: 0
        }

    .dropdown-menu-lg-end {
        --bs-position: end
    }

        .dropdown-menu-lg-end[data-bs-popper] {
            right: 0;
            left: auto
        }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start
    }

        .dropdown-menu-xl-start[data-bs-popper] {
            right: auto;
            left: 0
        }

    .dropdown-menu-xl-end {
        --bs-position: end
    }

        .dropdown-menu-xl-end[data-bs-popper] {
            right: 0;
            left: auto
        }
}

@media (min-width:1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start
    }

        .dropdown-menu-xxl-start[data-bs-popper] {
            right: auto;
            left: 0
        }

    .dropdown-menu-xxl-end {
        --bs-position: end
    }

        .dropdown-menu-xxl-end[data-bs-popper] {
            right: 0;
            left: auto
        }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--bs-dropdown-spacer)
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: var(--bs-dropdown-spacer)
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropend .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-toggle::after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: var(--bs-dropdown-spacer)
}

.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropstart .dropdown-toggle::after {
    display: none
}

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropstart .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    opacity: 1
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: var(--bs-dropdown-item-border-radius,0)
}

    .dropdown-item:focus, .dropdown-item:hover {
        color: var(--bs-dropdown-link-hover-color);
        background-color: var(--bs-dropdown-link-hover-bg)
    }

    .dropdown-item.active, .dropdown-item:active {
        color: var(--bs-dropdown-link-active-color);
        text-decoration: none;
        background-color: var(--bs-dropdown-link-active-bg)
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: var(--bs-dropdown-link-disabled-color);
        pointer-events: none;
        background-color: transparent
    }

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: .875rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color: var(--bs-dropdown-link-color)
}

.dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #343a40;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: rgba(255,255,255,0.15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

    .btn-group-vertical > .btn, .btn-group > .btn {
        position: relative;
        flex: 1 1 auto
    }

        .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
            z-index: 1
        }

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

    .btn-toolbar .input-group {
        width: auto
    }

.btn-group {
    border-radius: 52px
}

    .btn-group > .btn-group:not(:first-child), .btn-group > :not(.btn-check:first-child) + .btn {
        margin-left: calc(0 * -1)
    }

    .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

.dropdown-toggle-split {
    padding-right: 0;
    padding-left: 0
}

    .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {
        margin-left: 0
    }

.dropstart .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

    .btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
        width: 100%
    }

        .btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) {
            margin-top: calc(0 * -1)
        }

        .btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn ~ .btn {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: .5rem;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    background: 0 0;
    border: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:focus, .nav-link:hover {
    color: var(--bs-nav-link-hover-color)
}

.nav-link:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.nav-link.disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    --bs-nav-tabs-border-width: var(--bs-border-width);
    --bs-nav-tabs-border-color: var(--bs-border-color);
    --bs-nav-tabs-border-radius: var(--bs-border-radius);
    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
    --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

    .nav-tabs .nav-link {
        margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
        border: var(--bs-nav-tabs-border-width) solid transparent;
        border-top-left-radius: var(--bs-nav-tabs-border-radius);
        border-top-right-radius: var(--bs-nav-tabs-border-radius)
    }

        .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
            isolation: isolate;
            border-color: var(--bs-nav-tabs-link-hover-border-color)
        }

        .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
            color: var(--bs-nav-link-disabled-color);
            background-color: transparent;
            border-color: transparent
        }

        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            color: var(--bs-nav-tabs-link-active-color);
            background-color: var(--bs-nav-tabs-link-active-bg);
            border-color: var(--bs-nav-tabs-link-active-border-color)
        }

    .nav-tabs .dropdown-menu {
        margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #0d6efd
}

    .nav-pills .nav-link {
        border-radius: var(--bs-nav-pills-border-radius)
    }

        .nav-pills .nav-link:disabled {
            color: var(--bs-nav-link-disabled-color);
            background-color: transparent;
            border-color: transparent
        }

        .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
            color: var(--bs-nav-pills-link-active-color);
            background-color: var(--bs-nav-pills-link-active-bg)
        }

.nav-underline {
    --bs-nav-underline-gap: 1rem;
    --bs-nav-underline-border-width: .125rem;
    --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
    gap: var(--bs-nav-underline-gap)
}

    .nav-underline .nav-link {
        padding-right: 0;
        padding-left: 0;
        border-bottom: var(--bs-nav-underline-border-width) solid transparent
    }

        .nav-underline .nav-link:focus, .nav-underline .nav-link:hover {
            border-bottom-color: currentcolor
        }

        .nav-underline .nav-link.active, .nav-underline .show > .nav-link {
            font-weight: 700;
            color: var(--bs-nav-underline-link-active-color);
            border-bottom-color: currentcolor
        }

.nav-fill .nav-item, .nav-fill > .nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item, .nav-justified > .nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

    .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
        width: 100%
    }

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: .5rem;
    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-padding-y: .3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-nav-link-padding-x: .5rem;
    --bs-navbar-toggler-padding-y: .25rem;
    --bs-navbar-toggler-padding-x: .75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: none;
    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
    --bs-navbar-toggler-border-radius: 52px;
    --bs-navbar-toggler-focus-width: .25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}

    .navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl {
        display: flex;
        flex-wrap: inherit;
        align-items: center;
        justify-content: space-between
    }

.navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    text-decoration: none;
    white-space: nowrap
}

    .navbar-brand:focus, .navbar-brand:hover {
        color: var(--bs-navbar-brand-hover-color)
    }

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: .5rem;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
        color: var(--bs-navbar-active-color)
    }

    .navbar-nav .dropdown-menu {
        position: static
    }

.navbar-text {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-navbar-color)
}

    .navbar-text a, .navbar-text a:focus, .navbar-text a:hover {
        color: var(--bs-navbar-active-color)
    }

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition)
}

@media (prefers-reduced-motion:reduce) {
    .navbar-toggler {
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height,75vh);
    overflow-y: auto
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

        .navbar-expand-sm .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-sm .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .navbar-expand-sm .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-sm .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-sm .navbar-toggler {
            display: none
        }

        .navbar-expand-sm .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none
        }

            .navbar-expand-sm .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-sm .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

        .navbar-expand-md .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-md .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .navbar-expand-md .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-md .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-md .navbar-toggler {
            display: none
        }

        .navbar-expand-md .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none
        }

            .navbar-expand-md .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-md .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

        .navbar-expand-lg .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .navbar-expand-lg .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-lg .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-lg .navbar-toggler {
            display: none
        }

        .navbar-expand-lg .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none
        }

            .navbar-expand-lg .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-lg .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

        .navbar-expand-xl .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .navbar-expand-xl .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-xl .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-xl .navbar-toggler {
            display: none
        }

        .navbar-expand-xl .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none
        }

            .navbar-expand-xl .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-xl .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
}

@media (min-width:1400px) {
    .navbar-expand-xxl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

        .navbar-expand-xxl .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-xxl .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-xxl .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .navbar-expand-xxl .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-xxl .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-xxl .navbar-toggler {
            display: none
        }

        .navbar-expand-xxl .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none
        }

            .navbar-expand-xxl .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-xxl .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start
}

    .navbar-expand .navbar-nav {
        flex-direction: row
    }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute
        }

        .navbar-expand .navbar-nav .nav-link {
            padding-right: var(--bs-navbar-nav-link-padding-x);
            padding-left: var(--bs-navbar-nav-link-padding-x)
        }

    .navbar-expand .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand .navbar-toggler {
        display: none
    }

    .navbar-expand .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

        .navbar-expand .offcanvas .offcanvas-header {
            display: none
        }

        .navbar-expand .offcanvas .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible
        }

.navbar-dark, .navbar[data-bs-theme=dark] {
    --bs-navbar-color: rgba(255,255,255,0.55);
    --bs-navbar-hover-color: rgba(255,255,255,0.75);
    --bs-navbar-disabled-color: rgba(255,255,255,0.25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: rgba(255,255,255,0.1);
    --bs-navbar-toggler-icon-bg: none
}

[data-bs-theme=dark] .navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: none
}

.card {
    --bs-card-spacer-y: 0;
    --bs-card-spacer-x: 0;
    --bs-card-title-spacer-y: .5rem;
    --bs-card-border-width: none;
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: 0;
    --bs-card-inner-border-radius: calc(0 - (none));
    --bs-card-cap-padding-y: 0;
    --bs-card-cap-padding-x: 0;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
    --bs-card-height: none;
    --bs-card-bg: none;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 1rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius)
}

    .card > hr {
        margin-right: 0;
        margin-left: 0
    }

    .card > .list-group {
        border-top: inherit;
        border-bottom: inherit
    }

        .card > .list-group:first-child {
            border-top-width: 0;
            border-top-left-radius: var(--bs-card-inner-border-radius);
            border-top-right-radius: var(--bs-card-inner-border-radius)
        }

        .card > .list-group:last-child {
            border-bottom-width: 0;
            border-bottom-right-radius: var(--bs-card-inner-border-radius);
            border-bottom-left-radius: var(--bs-card-inner-border-radius)
        }

        .card > .card-header + .list-group, .card > .list-group + .card-footer {
            border-top: 0
        }

.card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color)
}

.card-title {
    margin-bottom: var(--bs-card-title-spacer-y);
    color: var(--bs-card-title-color)
}

.card-subtitle {
    margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
    margin-bottom: 0;
    color: var(--bs-card-subtitle-color)
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link + .card-link {
    margin-left: var(--bs-card-spacer-x)
}

.card-header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

    .card-header:first-child {
        border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
    }

.card-footer {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

    .card-footer:last-child {
        border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
    }

.card-header-tabs {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
    border-bottom: 0
}

    .card-header-tabs .nav-link.active {
        background-color: var(--bs-card-bg);
        border-bottom-color: var(--bs-card-bg)
    }

.card-header-pills {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x))
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: var(--bs-card-img-overlay-padding);
    border-radius: var(--bs-card-inner-border-radius)
}

.card-img, .card-img-bottom, .card-img-top {
    width: 100%
}

.card-img, .card-img-top {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card-img, .card-img-bottom {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card-group > .card {
    margin-bottom: var(--bs-card-group-margin)
}

@media (min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }

        .card-group > .card {
            flex: 1 0 0%;
            margin-bottom: 0
        }

            .card-group > .card + .card {
                margin-left: 0;
                border-left: 0
            }

            .card-group > .card:not(:last-child) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }

                .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top {
                    border-top-right-radius: 0
                }

                .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom {
                    border-bottom-right-radius: 0
                }

            .card-group > .card:not(:first-child) {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0
            }

                .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top {
                    border-top-left-radius: 0
                }

                .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom {
                    border-bottom-left-radius: 0
                }
}

.accordion {
    --bs-accordion-color: #000;
    --bs-accordion-bg: rgba(0,0,0,0);
    --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: var(--bs-border-width);
    --bs-accordion-border-radius: 0;
    --bs-accordion-inner-border-radius: calc(0 - (var(--bs-border-width)));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: none;
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.5s ease-in-out;
    --bs-accordion-btn-active-icon: none;
    --bs-accordion-btn-focus-border-color: rgba(0,0,0,0);
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: #fff
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition)
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
}

    .accordion-button:not(.collapsed)::after {
        background-image: var(--bs-accordion-btn-active-icon);
        transform: var(--bs-accordion-btn-icon-transform)
    }

.accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition)
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button::after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    border-color: var(--bs-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}

    .accordion-item:first-of-type {
        border-top-left-radius: var(--bs-accordion-border-radius);
        border-top-right-radius: var(--bs-accordion-border-radius)
    }

        .accordion-item:first-of-type .accordion-button {
            border-top-left-radius: var(--bs-accordion-inner-border-radius);
            border-top-right-radius: var(--bs-accordion-inner-border-radius)
        }

    .accordion-item:not(:first-of-type) {
        border-top: 0
    }

    .accordion-item:last-of-type {
        border-bottom-right-radius: var(--bs-accordion-border-radius);
        border-bottom-left-radius: var(--bs-accordion-border-radius)
    }

        .accordion-item:last-of-type .accordion-button.collapsed {
            border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
            border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
        }

        .accordion-item:last-of-type .accordion-collapse {
            border-bottom-right-radius: var(--bs-accordion-border-radius);
            border-bottom-left-radius: var(--bs-accordion-border-radius)
        }

.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

.accordion-flush .accordion-collapse {
    border-width: 0
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

    .accordion-flush .accordion-item:first-child {
        border-top: 0
    }

    .accordion-flush .accordion-item:last-child {
        border-bottom: 0
    }

    .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
        border-radius: 0
    }

[data-bs-theme=dark] .accordion-button::after {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 0;
    --bs-breadcrumb-font-size: 1rem;
    --bs-breadcrumb-divider-color: var(--bs-secondary-color);
    --bs-breadcrumb-item-padding-x: 0;
    --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius)
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: var(--bs-breadcrumb-item-padding-x)
}

    .breadcrumb-item + .breadcrumb-item::before {
        float: left;
        padding-right: var(--bs-breadcrumb-item-padding-x);
        color: var(--bs-breadcrumb-divider-color);
        content: var(--bs-breadcrumb-divider,none)
    }

.breadcrumb-item.active {
    color: var(--bs-breadcrumb-item-active-color)
}

.pagination {
    --bs-pagination-padding-x: .75rem;
    --bs-pagination-padding-y: .375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(13,110,253,0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #0d6efd;
    --bs-pagination-active-border-color: #0d6efd;
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .page-link {
        transition: none
    }
}

.page-link:hover {
    z-index: 2;
    color: var(--bs-pagination-hover-color);
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color)
}

.page-link:focus {
    z-index: 3;
    color: var(--bs-pagination-focus-color);
    background-color: var(--bs-pagination-focus-bg);
    outline: 0;
    box-shadow: var(--bs-pagination-focus-box-shadow)
}

.active > .page-link, .page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color)
}

.disabled > .page-link, .page-link.disabled {
    color: var(--bs-pagination-disabled-color);
    pointer-events: none;
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color)
}

.page-item:not(:first-child) .page-link {
    margin-left: calc(var(--bs-border-width) * -1)
}

.page-item:first-child .page-link {
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius)
}

.page-item:last-child .page-link {
    border-top-right-radius: var(--bs-pagination-border-radius);
    border-bottom-right-radius: var(--bs-pagination-border-radius)
}

.pagination-lg {
    --bs-pagination-padding-x: 1.5rem;
    --bs-pagination-padding-y: .75rem;
    --bs-pagination-font-size: 1.25rem;
    --bs-pagination-border-radius: var(--bs-border-radius-lg)
}

.pagination-sm {
    --bs-pagination-padding-x: .5rem;
    --bs-pagination-padding-y: .25rem;
    --bs-pagination-font-size: .875rem;
    --bs-pagination-border-radius: var(--bs-border-radius-sm)
}

.badge {
    --bs-badge-padding-x: 0;
    --bs-badge-padding-y: 0;
    --bs-badge-font-size: .75rem;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #000;
    --bs-badge-border-radius: 24px;
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius)
}

    .badge:empty {
        display: none
    }

.btn .badge {
    position: relative;
    top: -1px
}

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
    --bs-alert-border-radius: var(--bs-border-radius);
    --bs-alert-link-color: inherit;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius)
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700;
    color: var(--bs-alert-link-color)
}

.alert-dismissible {
    padding-right: 3rem
}

    .alert-dismissible .btn-close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        padding: 1.25rem 1rem
    }

.alert-green-900 {
    --bs-alert-color: var(--bs-green-900-text-emphasis);
    --bs-alert-bg: var(--bs-green-900-bg-subtle);
    --bs-alert-border-color: var(--bs-green-900-border-subtle);
    --bs-alert-link-color: var(--bs-green-900-text-emphasis)
}

.alert-green-800 {
    --bs-alert-color: var(--bs-green-800-text-emphasis);
    --bs-alert-bg: var(--bs-green-800-bg-subtle);
    --bs-alert-border-color: var(--bs-green-800-border-subtle);
    --bs-alert-link-color: var(--bs-green-800-text-emphasis)
}

.alert-green-700 {
    --bs-alert-color: var(--bs-green-700-text-emphasis);
    --bs-alert-bg: var(--bs-green-700-bg-subtle);
    --bs-alert-border-color: var(--bs-green-700-border-subtle);
    --bs-alert-link-color: var(--bs-green-700-text-emphasis)
}

.alert-green-600 {
    --bs-alert-color: var(--bs-green-600-text-emphasis);
    --bs-alert-bg: var(--bs-green-600-bg-subtle);
    --bs-alert-border-color: var(--bs-green-600-border-subtle);
    --bs-alert-link-color: var(--bs-green-600-text-emphasis)
}

.alert-green-500 {
    --bs-alert-color: var(--bs-green-500-text-emphasis);
    --bs-alert-bg: var(--bs-green-500-bg-subtle);
    --bs-alert-border-color: var(--bs-green-500-border-subtle);
    --bs-alert-link-color: var(--bs-green-500-text-emphasis)
}

.alert-red-900 {
    --bs-alert-color: var(--bs-red-900-text-emphasis);
    --bs-alert-bg: var(--bs-red-900-bg-subtle);
    --bs-alert-border-color: var(--bs-red-900-border-subtle);
    --bs-alert-link-color: var(--bs-red-900-text-emphasis)
}

.alert-redOrange {
    --bs-alert-color: var(--bs-redOrange-text-emphasis);
    --bs-alert-bg: var(--bs-redOrange-bg-subtle);
    --bs-alert-border-color: var(--bs-redOrange-border-subtle);
    --bs-alert-link-color: var(--bs-redOrange-text-emphasis)
}

.alert-pinkLite {
    --bs-alert-color: var(--bs-pinkLite-text-emphasis);
    --bs-alert-bg: var(--bs-pinkLite-bg-subtle);
    --bs-alert-border-color: var(--bs-pinkLite-border-subtle);
    --bs-alert-link-color: var(--bs-pinkLite-text-emphasis)
}

.alert-blue-900 {
    --bs-alert-color: var(--bs-blue-900-text-emphasis);
    --bs-alert-bg: var(--bs-blue-900-bg-subtle);
    --bs-alert-border-color: var(--bs-blue-900-border-subtle);
    --bs-alert-link-color: var(--bs-blue-900-text-emphasis)
}

.alert-blue-600 {
    --bs-alert-color: var(--bs-blue-600-text-emphasis);
    --bs-alert-bg: var(--bs-blue-600-bg-subtle);
    --bs-alert-border-color: var(--bs-blue-600-border-subtle);
    --bs-alert-link-color: var(--bs-blue-600-text-emphasis)
}

.alert-blue-700 {
    --bs-alert-color: var(--bs-blue-700-text-emphasis);
    --bs-alert-bg: var(--bs-blue-700-bg-subtle);
    --bs-alert-border-color: var(--bs-blue-700-border-subtle);
    --bs-alert-link-color: var(--bs-blue-700-text-emphasis)
}

.alert-blue-500 {
    --bs-alert-color: var(--bs-blue-500-text-emphasis);
    --bs-alert-bg: var(--bs-blue-500-bg-subtle);
    --bs-alert-border-color: var(--bs-blue-500-border-subtle);
    --bs-alert-link-color: var(--bs-blue-500-text-emphasis)
}

.alert-grey-900 {
    --bs-alert-color: var(--bs-grey-900-text-emphasis);
    --bs-alert-bg: var(--bs-grey-900-bg-subtle);
    --bs-alert-border-color: var(--bs-grey-900-border-subtle);
    --bs-alert-link-color: var(--bs-grey-900-text-emphasis)
}

.alert-grey-800 {
    --bs-alert-color: var(--bs-grey-800-text-emphasis);
    --bs-alert-bg: var(--bs-grey-800-bg-subtle);
    --bs-alert-border-color: var(--bs-grey-800-border-subtle);
    --bs-alert-link-color: var(--bs-grey-800-text-emphasis)
}

.alert-grey-700 {
    --bs-alert-color: var(--bs-grey-700-text-emphasis);
    --bs-alert-bg: var(--bs-grey-700-bg-subtle);
    --bs-alert-border-color: var(--bs-grey-700-border-subtle);
    --bs-alert-link-color: var(--bs-grey-700-text-emphasis)
}

.alert-grey-600 {
    --bs-alert-color: var(--bs-grey-600-text-emphasis);
    --bs-alert-bg: var(--bs-grey-600-bg-subtle);
    --bs-alert-border-color: var(--bs-grey-600-border-subtle);
    --bs-alert-link-color: var(--bs-grey-600-text-emphasis)
}

.alert-grey-500 {
    --bs-alert-color: var(--bs-grey-500-text-emphasis);
    --bs-alert-bg: var(--bs-grey-500-bg-subtle);
    --bs-alert-border-color: var(--bs-grey-500-border-subtle);
    --bs-alert-link-color: var(--bs-grey-500-text-emphasis)
}

.alert-black {
    --bs-alert-color: var(--bs-black-text-emphasis);
    --bs-alert-bg: var(--bs-black-bg-subtle);
    --bs-alert-border-color: var(--bs-black-border-subtle);
    --bs-alert-link-color: var(--bs-black-text-emphasis)
}

.alert-white {
    --bs-alert-color: var(--bs-white-text-emphasis);
    --bs-alert-bg: var(--bs-white-bg-subtle);
    --bs-alert-border-color: var(--bs-white-border-subtle);
    --bs-alert-link-color: var(--bs-white-text-emphasis)
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

.progress, .progress-stacked {
    --bs-progress-height: 1rem;
    --bs-progress-font-size: .75rem;
    --bs-progress-bg: var(--bs-secondary-bg);
    --bs-progress-border-radius: var(--bs-border-radius);
    --bs-progress-box-shadow: var(--bs-box-shadow-inset);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: #0d6efd;
    --bs-progress-bar-transition: width 0.6s ease;
    display: flex;
    height: var(--bs-progress-height);
    overflow: hidden;
    font-size: var(--bs-progress-font-size);
    background-color: var(--bs-progress-bg);
    border-radius: var(--bs-progress-border-radius)
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: var(--bs-progress-bar-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-progress-bar-bg);
    transition: var(--bs-progress-bar-transition)
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: var(--bs-progress-height) var(--bs-progress-height)
}

.progress-stacked > .progress {
    overflow: visible
}

    .progress-stacked > .progress > .progress-bar {
        width: 100%
    }

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.list-group {
    --bs-list-group-color: var(--bs-body-color);
    --bs-list-group-bg: var(--bs-body-bg);
    --bs-list-group-border-color: var(--bs-border-color);
    --bs-list-group-border-width: var(--bs-border-width);
    --bs-list-group-border-radius: var(--bs-border-radius);
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: .5rem;
    --bs-list-group-action-color: var(--bs-secondary-color);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
    --bs-list-group-action-active-color: var(--bs-body-color);
    --bs-list-group-action-active-bg: var(--bs-secondary-bg);
    --bs-list-group-disabled-color: var(--bs-secondary-color);
    --bs-list-group-disabled-bg: var(--bs-body-bg);
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #0d6efd;
    --bs-list-group-active-border-color: #0d6efd;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--bs-list-group-border-radius)
}

.list-group-numbered {
    list-style-type: none;
    counter-reset: section
}

    .list-group-numbered > .list-group-item::before {
        content: counters(section, ".") ". ";
        counter-increment: section
    }

.list-group-item-action {
    width: 100%;
    color: var(--bs-list-group-action-color);
    text-align: inherit
}

    .list-group-item-action:focus, .list-group-item-action:hover {
        z-index: 1;
        color: var(--bs-list-group-action-hover-color);
        text-decoration: none;
        background-color: var(--bs-list-group-action-hover-bg)
    }

    .list-group-item-action:active {
        color: var(--bs-list-group-action-active-color);
        background-color: var(--bs-list-group-action-active-bg)
    }

.list-group-item {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
    text-decoration: none;
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
}

    .list-group-item:first-child {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit
    }

    .list-group-item:last-child {
        border-bottom-right-radius: inherit;
        border-bottom-left-radius: inherit
    }

    .list-group-item.disabled, .list-group-item:disabled {
        color: var(--bs-list-group-disabled-color);
        pointer-events: none;
        background-color: var(--bs-list-group-disabled-bg)
    }

    .list-group-item.active {
        z-index: 2;
        color: var(--bs-list-group-active-color);
        background-color: var(--bs-list-group-active-bg);
        border-color: var(--bs-list-group-active-border-color)
    }

    .list-group-item + .list-group-item {
        border-top-width: 0
    }

        .list-group-item + .list-group-item.active {
            margin-top: calc(-1 * var(--bs-list-group-border-width));
            border-top-width: var(--bs-list-group-border-width)
        }

.list-group-horizontal {
    flex-direction: row
}

    .list-group-horizontal > .list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal > .list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal > .list-group-item + .list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

        .list-group-horizontal > .list-group-item + .list-group-item.active {
            margin-left: calc(-1 * var(--bs-list-group-border-width));
            border-left-width: var(--bs-list-group-border-width)
        }

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }

        .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
            border-top-right-radius: var(--bs-list-group-border-radius);
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-sm > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-sm > .list-group-item + .list-group-item {
            border-top-width: var(--bs-list-group-border-width);
            border-left-width: 0
        }

            .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
                margin-left: calc(-1 * var(--bs-list-group-border-width));
                border-left-width: var(--bs-list-group-border-width)
            }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }

        .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
            border-top-right-radius: var(--bs-list-group-border-radius);
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-md > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-md > .list-group-item + .list-group-item {
            border-top-width: var(--bs-list-group-border-width);
            border-left-width: 0
        }

            .list-group-horizontal-md > .list-group-item + .list-group-item.active {
                margin-left: calc(-1 * var(--bs-list-group-border-width));
                border-left-width: var(--bs-list-group-border-width)
            }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }

        .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
            border-top-right-radius: var(--bs-list-group-border-radius);
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-lg > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-lg > .list-group-item + .list-group-item {
            border-top-width: var(--bs-list-group-border-width);
            border-left-width: 0
        }

            .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
                margin-left: calc(-1 * var(--bs-list-group-border-width));
                border-left-width: var(--bs-list-group-border-width)
            }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }

        .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
            border-top-right-radius: var(--bs-list-group-border-radius);
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-xl > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-xl > .list-group-item + .list-group-item {
            border-top-width: var(--bs-list-group-border-width);
            border-left-width: 0
        }

            .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
                margin-left: calc(-1 * var(--bs-list-group-border-width));
                border-left-width: var(--bs-list-group-border-width)
            }
}

@media (min-width:1400px) {
    .list-group-horizontal-xxl {
        flex-direction: row
    }

        .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
            border-top-right-radius: var(--bs-list-group-border-radius);
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-xxl > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-xxl > .list-group-item + .list-group-item {
            border-top-width: var(--bs-list-group-border-width);
            border-left-width: 0
        }

            .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
                margin-left: calc(-1 * var(--bs-list-group-border-width));
                border-left-width: var(--bs-list-group-border-width)
            }
}

.list-group-flush {
    border-radius: 0
}

    .list-group-flush > .list-group-item {
        border-width: 0 0 var(--bs-list-group-border-width)
    }

        .list-group-flush > .list-group-item:last-child {
            border-bottom-width: 0
        }

.list-group-item-green-900 {
    --bs-list-group-color: var(--bs-green-900-text-emphasis);
    --bs-list-group-bg: var(--bs-green-900-bg-subtle);
    --bs-list-group-border-color: var(--bs-green-900-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-green-900-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-green-900-border-subtle);
    --bs-list-group-active-color: var(--bs-green-900-bg-subtle);
    --bs-list-group-active-bg: var(--bs-green-900-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-green-900-text-emphasis)
}

.list-group-item-green-800 {
    --bs-list-group-color: var(--bs-green-800-text-emphasis);
    --bs-list-group-bg: var(--bs-green-800-bg-subtle);
    --bs-list-group-border-color: var(--bs-green-800-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-green-800-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-green-800-border-subtle);
    --bs-list-group-active-color: var(--bs-green-800-bg-subtle);
    --bs-list-group-active-bg: var(--bs-green-800-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-green-800-text-emphasis)
}

.list-group-item-green-700 {
    --bs-list-group-color: var(--bs-green-700-text-emphasis);
    --bs-list-group-bg: var(--bs-green-700-bg-subtle);
    --bs-list-group-border-color: var(--bs-green-700-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-green-700-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-green-700-border-subtle);
    --bs-list-group-active-color: var(--bs-green-700-bg-subtle);
    --bs-list-group-active-bg: var(--bs-green-700-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-green-700-text-emphasis)
}

.list-group-item-green-600 {
    --bs-list-group-color: var(--bs-green-600-text-emphasis);
    --bs-list-group-bg: var(--bs-green-600-bg-subtle);
    --bs-list-group-border-color: var(--bs-green-600-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-green-600-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-green-600-border-subtle);
    --bs-list-group-active-color: var(--bs-green-600-bg-subtle);
    --bs-list-group-active-bg: var(--bs-green-600-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-green-600-text-emphasis)
}

.list-group-item-green-500 {
    --bs-list-group-color: var(--bs-green-500-text-emphasis);
    --bs-list-group-bg: var(--bs-green-500-bg-subtle);
    --bs-list-group-border-color: var(--bs-green-500-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-green-500-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-green-500-border-subtle);
    --bs-list-group-active-color: var(--bs-green-500-bg-subtle);
    --bs-list-group-active-bg: var(--bs-green-500-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-green-500-text-emphasis)
}

.list-group-item-red-900 {
    --bs-list-group-color: var(--bs-red-900-text-emphasis);
    --bs-list-group-bg: var(--bs-red-900-bg-subtle);
    --bs-list-group-border-color: var(--bs-red-900-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-red-900-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-red-900-border-subtle);
    --bs-list-group-active-color: var(--bs-red-900-bg-subtle);
    --bs-list-group-active-bg: var(--bs-red-900-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-red-900-text-emphasis)
}

.list-group-item-redOrange {
    --bs-list-group-color: var(--bs-redOrange-text-emphasis);
    --bs-list-group-bg: var(--bs-redOrange-bg-subtle);
    --bs-list-group-border-color: var(--bs-redOrange-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-redOrange-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-redOrange-border-subtle);
    --bs-list-group-active-color: var(--bs-redOrange-bg-subtle);
    --bs-list-group-active-bg: var(--bs-redOrange-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-redOrange-text-emphasis)
}

.list-group-item-pinkLite {
    --bs-list-group-color: var(--bs-pinkLite-text-emphasis);
    --bs-list-group-bg: var(--bs-pinkLite-bg-subtle);
    --bs-list-group-border-color: var(--bs-pinkLite-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-pinkLite-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-pinkLite-border-subtle);
    --bs-list-group-active-color: var(--bs-pinkLite-bg-subtle);
    --bs-list-group-active-bg: var(--bs-pinkLite-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-pinkLite-text-emphasis)
}

.list-group-item-blue-900 {
    --bs-list-group-color: var(--bs-blue-900-text-emphasis);
    --bs-list-group-bg: var(--bs-blue-900-bg-subtle);
    --bs-list-group-border-color: var(--bs-blue-900-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-blue-900-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-blue-900-border-subtle);
    --bs-list-group-active-color: var(--bs-blue-900-bg-subtle);
    --bs-list-group-active-bg: var(--bs-blue-900-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-blue-900-text-emphasis)
}

.list-group-item-blue-600 {
    --bs-list-group-color: var(--bs-blue-600-text-emphasis);
    --bs-list-group-bg: var(--bs-blue-600-bg-subtle);
    --bs-list-group-border-color: var(--bs-blue-600-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-blue-600-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-blue-600-border-subtle);
    --bs-list-group-active-color: var(--bs-blue-600-bg-subtle);
    --bs-list-group-active-bg: var(--bs-blue-600-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-blue-600-text-emphasis)
}

.list-group-item-blue-700 {
    --bs-list-group-color: var(--bs-blue-700-text-emphasis);
    --bs-list-group-bg: var(--bs-blue-700-bg-subtle);
    --bs-list-group-border-color: var(--bs-blue-700-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-blue-700-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-blue-700-border-subtle);
    --bs-list-group-active-color: var(--bs-blue-700-bg-subtle);
    --bs-list-group-active-bg: var(--bs-blue-700-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-blue-700-text-emphasis)
}

.list-group-item-blue-500 {
    --bs-list-group-color: var(--bs-blue-500-text-emphasis);
    --bs-list-group-bg: var(--bs-blue-500-bg-subtle);
    --bs-list-group-border-color: var(--bs-blue-500-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-blue-500-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-blue-500-border-subtle);
    --bs-list-group-active-color: var(--bs-blue-500-bg-subtle);
    --bs-list-group-active-bg: var(--bs-blue-500-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-blue-500-text-emphasis)
}

.list-group-item-grey-900 {
    --bs-list-group-color: var(--bs-grey-900-text-emphasis);
    --bs-list-group-bg: var(--bs-grey-900-bg-subtle);
    --bs-list-group-border-color: var(--bs-grey-900-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-grey-900-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-grey-900-border-subtle);
    --bs-list-group-active-color: var(--bs-grey-900-bg-subtle);
    --bs-list-group-active-bg: var(--bs-grey-900-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-grey-900-text-emphasis)
}

.list-group-item-grey-800 {
    --bs-list-group-color: var(--bs-grey-800-text-emphasis);
    --bs-list-group-bg: var(--bs-grey-800-bg-subtle);
    --bs-list-group-border-color: var(--bs-grey-800-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-grey-800-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-grey-800-border-subtle);
    --bs-list-group-active-color: var(--bs-grey-800-bg-subtle);
    --bs-list-group-active-bg: var(--bs-grey-800-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-grey-800-text-emphasis)
}

.list-group-item-grey-700 {
    --bs-list-group-color: var(--bs-grey-700-text-emphasis);
    --bs-list-group-bg: var(--bs-grey-700-bg-subtle);
    --bs-list-group-border-color: var(--bs-grey-700-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-grey-700-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-grey-700-border-subtle);
    --bs-list-group-active-color: var(--bs-grey-700-bg-subtle);
    --bs-list-group-active-bg: var(--bs-grey-700-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-grey-700-text-emphasis)
}

.list-group-item-grey-600 {
    --bs-list-group-color: var(--bs-grey-600-text-emphasis);
    --bs-list-group-bg: var(--bs-grey-600-bg-subtle);
    --bs-list-group-border-color: var(--bs-grey-600-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-grey-600-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-grey-600-border-subtle);
    --bs-list-group-active-color: var(--bs-grey-600-bg-subtle);
    --bs-list-group-active-bg: var(--bs-grey-600-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-grey-600-text-emphasis)
}

.list-group-item-grey-500 {
    --bs-list-group-color: var(--bs-grey-500-text-emphasis);
    --bs-list-group-bg: var(--bs-grey-500-bg-subtle);
    --bs-list-group-border-color: var(--bs-grey-500-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-grey-500-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-grey-500-border-subtle);
    --bs-list-group-active-color: var(--bs-grey-500-bg-subtle);
    --bs-list-group-active-bg: var(--bs-grey-500-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-grey-500-text-emphasis)
}

.list-group-item-black {
    --bs-list-group-color: var(--bs-black-text-emphasis);
    --bs-list-group-bg: var(--bs-black-bg-subtle);
    --bs-list-group-border-color: var(--bs-black-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-black-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-black-border-subtle);
    --bs-list-group-active-color: var(--bs-black-bg-subtle);
    --bs-list-group-active-bg: var(--bs-black-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-black-text-emphasis)
}

.list-group-item-white {
    --bs-list-group-color: var(--bs-white-text-emphasis);
    --bs-list-group-bg: var(--bs-white-bg-subtle);
    --bs-list-group-border-color: var(--bs-white-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-white-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-white-border-subtle);
    --bs-list-group-active-color: var(--bs-white-bg-subtle);
    --bs-list-group-active-bg: var(--bs-white-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-white-text-emphasis)
}

.btn-close {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: none;
    --bs-btn-close-opacity: .5;
    --bs-btn-close-hover-opacity: .75;
    --bs-btn-close-focus-shadow: 0 0 0 .25rem rgba(13,110,253,0.25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: .25;
    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: var(--bs-btn-close-color);
    background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: var(--bs-btn-close-opacity)
}

    .btn-close:hover {
        color: var(--bs-btn-close-color);
        text-decoration: none;
        opacity: var(--bs-btn-close-hover-opacity)
    }

    .btn-close:focus {
        outline: 0;
        box-shadow: var(--bs-btn-close-focus-shadow);
        opacity: var(--bs-btn-close-focus-opacity)
    }

    .btn-close.disabled, .btn-close:disabled {
        pointer-events: none;
        user-select: none;
        opacity: var(--bs-btn-close-disabled-opacity)
    }

.btn-close-white {
    filter: var(--bs-btn-close-white-filter)
}

[data-bs-theme=dark] .btn-close {
    filter: var(--bs-btn-close-white-filter)
}

.toast {
    --bs-toast-zindex: 1090;
    --bs-toast-padding-x: .75rem;
    --bs-toast-padding-y: .5rem;
    --bs-toast-spacing: 2rem;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: .875rem;
    --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
    --bs-toast-border-width: var(--bs-border-width);
    --bs-toast-border-color: var(--bs-border-color-translucent);
    --bs-toast-border-radius: var(--bs-border-radius);
    --bs-toast-box-shadow: var(--bs-box-shadow);
    --bs-toast-header-color: var(--bs-secondary-color);
    --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
    --bs-toast-header-border-color: var(--bs-border-color-translucent);
    width: var(--bs-toast-max-width);
    max-width: 100%;
    font-size: var(--bs-toast-font-size);
    color: var(--bs-toast-color);
    pointer-events: auto;
    background-color: var(--bs-toast-bg);
    background-clip: padding-box;
    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    box-shadow: var(--bs-toast-box-shadow);
    border-radius: var(--bs-toast-border-radius)
}

    .toast.showing {
        opacity: 0
    }

    .toast:not(.show) {
        display: none
    }

.toast-container {
    --bs-toast-zindex: 1090;
    position: absolute;
    z-index: var(--bs-toast-zindex);
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

    .toast-container > :not(:last-child) {
        margin-bottom: var(--bs-toast-spacing)
    }

.toast-header {
    display: flex;
    align-items: center;
    padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
    color: var(--bs-toast-header-color);
    background-color: var(--bs-toast-header-bg);
    background-clip: padding-box;
    border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
    border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
}

    .toast-header .btn-close {
        margin-right: calc(-.5 * var(--bs-toast-padding-x));
        margin-left: var(--bs-toast-padding-x)
    }

.toast-body {
    padding: var(--bs-toast-padding-x);
    word-wrap: break-word
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: .5rem;
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: var(--bs-border-width);
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075);
    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: var(--bs-border-width);
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: .5rem;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: var(--bs-border-width);
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0,-50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin) * 2)
}

    .modal-dialog-scrollable .modal-content {
        max-height: 100%;
        overflow: hidden
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto
    }

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: .5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg)
}

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.show {
        opacity: var(--bs-backdrop-opacity)
    }

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius)
}

    .modal-header .btn-close {
        padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
        margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto
    }

.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height)
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding)
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

    .modal-footer > * {
        margin: calc(var(--bs-modal-footer-gap) * .5)
    }

@media (min-width:576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15)
    }

    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto
    }

    .modal-sm {
        --bs-modal-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg, .modal-xl {
        --bs-modal-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        --bs-modal-width: 1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

    .modal-fullscreen .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen .modal-footer, .modal-fullscreen .modal-header {
        border-radius: 0
    }

    .modal-fullscreen .modal-body {
        overflow-y: auto
    }

@media (max-width:575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-sm-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-sm-down .modal-footer, .modal-fullscreen-sm-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-sm-down .modal-body {
            overflow-y: auto
        }
}

@media (max-width:767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-md-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-md-down .modal-footer, .modal-fullscreen-md-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-md-down .modal-body {
            overflow-y: auto
        }
}

@media (max-width:991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-lg-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-lg-down .modal-footer, .modal-fullscreen-lg-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-lg-down .modal-body {
            overflow-y: auto
        }
}

@media (max-width:1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-xl-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-xl-down .modal-footer, .modal-fullscreen-xl-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-xl-down .modal-body {
            overflow-y: auto
        }
}

@media (max-width:1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-xxl-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-xxl-down .modal-footer, .modal-fullscreen-xxl-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-xxl-down .modal-body {
            overflow-y: auto
        }
}

.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: .5rem;
    --bs-tooltip-padding-y: .25rem;
    --bs-tooltip-font-size: .875rem;
    --bs-tooltip-color: var(--bs-body-bg);
    --bs-tooltip-bg: var(--bs-emphasis-color);
    --bs-tooltip-border-radius: var(--bs-border-radius);
    --bs-tooltip-opacity: .9;
    --bs-tooltip-arrow-width: .8rem;
    --bs-tooltip-arrow-height: .4rem;
    z-index: var(--bs-tooltip-zindex);
    display: block;
    margin: var(--bs-tooltip-margin);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-tooltip-font-size);
    word-wrap: break-word;
    opacity: 0
}

    .tooltip.show {
        opacity: var(--bs-tooltip-opacity)
    }

    .tooltip .tooltip-arrow {
        display: block;
        width: var(--bs-tooltip-arrow-width);
        height: var(--bs-tooltip-arrow-height)
    }

        .tooltip .tooltip-arrow::before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid
        }

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow {
    bottom: calc(-1 * var(--bs-tooltip-arrow-height))
}

    .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
        top: -1px;
        border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
        border-top-color: var(--bs-tooltip-bg)
    }

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow {
    left: calc(-1 * var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

    .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {
        right: -1px;
        border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
        border-right-color: var(--bs-tooltip-bg)
    }

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow {
    top: calc(-1 * var(--bs-tooltip-arrow-height))
}

    .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {
        bottom: -1px;
        border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
        border-bottom-color: var(--bs-tooltip-bg)
    }

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow {
    right: calc(-1 * var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

    .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
        left: -1px;
        border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
        border-left-color: var(--bs-tooltip-bg)
    }

.tooltip-inner {
    max-width: var(--bs-tooltip-max-width);
    padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
    color: var(--bs-tooltip-color);
    text-align: center;
    background-color: var(--bs-tooltip-bg);
    border-radius: var(--bs-tooltip-border-radius)
}

.popover {
    --bs-popover-zindex: 1070;
    --bs-popover-max-width: 276px;
    --bs-popover-font-size: .875rem;
    --bs-popover-bg: var(--bs-body-bg);
    --bs-popover-border-width: var(--bs-border-width);
    --bs-popover-border-color: var(--bs-border-color-translucent);
    --bs-popover-border-radius: var(--bs-border-radius-lg);
    --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
    --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
    --bs-popover-header-padding-x: 1rem;
    --bs-popover-header-padding-y: .5rem;
    --bs-popover-header-font-size: 1rem;
    --bs-popover-header-color: #000;
    --bs-popover-header-bg: var(--bs-secondary-bg);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 1rem;
    --bs-popover-body-color: var(--bs-body-color);
    --bs-popover-arrow-width: 1rem;
    --bs-popover-arrow-height: .5rem;
    --bs-popover-arrow-border: var(--bs-popover-border-color);
    z-index: var(--bs-popover-zindex);
    display: block;
    max-width: var(--bs-popover-max-width);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-popover-font-size);
    word-wrap: break-word;
    background-color: var(--bs-popover-bg);
    background-clip: padding-box;
    border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-radius: var(--bs-popover-border-radius)
}

    .popover .popover-arrow {
        display: block;
        width: var(--bs-popover-arrow-width);
        height: var(--bs-popover-arrow-height)
    }

        .popover .popover-arrow::after, .popover .popover-arrow::before {
            position: absolute;
            display: block;
            content: "";
            border-color: transparent;
            border-style: solid;
            border-width: 0
        }

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow, .bs-popover-top > .popover-arrow {
    bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

    .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-top > .popover-arrow::before {
        border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
    }

    .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before {
        bottom: 0;
        border-top-color: var(--bs-popover-arrow-border)
    }

    .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after {
        bottom: var(--bs-popover-border-width);
        border-top-color: var(--bs-popover-bg)
    }

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow, .bs-popover-end > .popover-arrow {
    left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

    .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-end > .popover-arrow::before {
        border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
    }

    .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::before {
        left: 0;
        border-right-color: var(--bs-popover-arrow-border)
    }

    .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-end > .popover-arrow::after {
        left: var(--bs-popover-border-width);
        border-right-color: var(--bs-popover-bg)
    }

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow, .bs-popover-bottom > .popover-arrow {
    top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

    .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::before {
        border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
    }

    .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::before {
        top: 0;
        border-bottom-color: var(--bs-popover-arrow-border)
    }

    .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after {
        top: var(--bs-popover-border-width);
        border-bottom-color: var(--bs-popover-bg)
    }

.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: var(--bs-popover-arrow-width);
    margin-left: calc(-.5 * var(--bs-popover-arrow-width));
    content: "";
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow, .bs-popover-start > .popover-arrow {
    right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

    .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-start > .popover-arrow::before {
        border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
    }

    .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::before {
        right: 0;
        border-left-color: var(--bs-popover-arrow-border)
    }

    .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-start > .popover-arrow::after {
        right: var(--bs-popover-border-width);
        border-left-color: var(--bs-popover-bg)
    }

.popover-header {
    padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
    margin-bottom: 0;
    font-size: var(--bs-popover-header-font-size);
    color: var(--bs-popover-header-color);
    background-color: var(--bs-popover-header-bg);
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-top-left-radius: var(--bs-popover-inner-border-radius);
    border-top-right-radius: var(--bs-popover-inner-border-radius)
}

    .popover-header:empty {
        display: none
    }

.popover-body {
    padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
    color: var(--bs-popover-body-color)
}

.carousel {
    position: relative
}

    .carousel.pointer-event {
        touch-action: pan-y
    }

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

    .carousel-inner::after {
        display: block;
        clear: both;
        content: ""
    }

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: block
}

    .active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) {
        transform: translateX(100%)
    }

    .active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-100%)
    }

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

    .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active {
        z-index: 1;
        opacity: 1
    }

.carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
        transition: none
    }
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next, .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: none
}

.carousel-control-next-icon {
    background-image: none
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%
}

    .carousel-indicators [data-bs-target] {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        padding: 0;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: .5;
        transition: opacity .6s ease
    }

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center
}

.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon {
    filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000
}

.carousel-dark .carousel-caption {
    color: #000
}

[data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark] .carousel .carousel-control-prev-icon, [data-bs-theme=dark].carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon {
    filter: invert(1) grayscale(100)
}

[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
    background-color: #000
}

[data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption {
    color: #000
}

.spinner-border, .spinner-grow {
    display: inline-block;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -.125em;
    --bs-spinner-border-width: .25em;
    --bs-spinner-animation-speed: .75s;
    --bs-spinner-animation-name: spinner-border;
    border: var(--bs-spinner-border-width) solid currentcolor;
    border-right-color: transparent
}

.spinner-border-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -.125em;
    --bs-spinner-animation-speed: .75s;
    --bs-spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0
}

.spinner-grow-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border, .spinner-grow {
        --bs-spinner-animation-speed: 1.5s
    }
}

.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;
    --bs-offcanvas-color: var(--bs-body-color);
    --bs-offcanvas-bg: var(--bs-body-bg);
    --bs-offcanvas-border-width: var(--bs-border-width);
    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
    --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075);
    --bs-offcanvas-transition: transform .3s ease-in-out;
    --bs-offcanvas-title-line-height: 1.5
}

@media (max-width:575.98px) {
    .offcanvas-sm {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width:575.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-sm {
        transition: none
    }
}

@media (max-width:575.98px) {
    .offcanvas-sm.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }

    .offcanvas-sm.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }

    .offcanvas-sm.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-sm.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-sm.show:not(.hiding), .offcanvas-sm.showing {
        transform: none
    }

    .offcanvas-sm.hiding, .offcanvas-sm.show, .offcanvas-sm.showing {
        visibility: visible
    }
}

@media (min-width:576px) {
    .offcanvas-sm {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

        .offcanvas-sm .offcanvas-header {
            display: none
        }

        .offcanvas-sm .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important
        }
}

@media (max-width:767.98px) {
    .offcanvas-md {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width:767.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-md {
        transition: none
    }
}

@media (max-width:767.98px) {
    .offcanvas-md.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }

    .offcanvas-md.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }

    .offcanvas-md.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-md.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-md.show:not(.hiding), .offcanvas-md.showing {
        transform: none
    }

    .offcanvas-md.hiding, .offcanvas-md.show, .offcanvas-md.showing {
        visibility: visible
    }
}

@media (min-width:768px) {
    .offcanvas-md {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

        .offcanvas-md .offcanvas-header {
            display: none
        }

        .offcanvas-md .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important
        }
}

@media (max-width:991.98px) {
    .offcanvas-lg {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-lg {
        transition: none
    }
}

@media (max-width:991.98px) {
    .offcanvas-lg.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }

    .offcanvas-lg.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }

    .offcanvas-lg.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-lg.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-lg.show:not(.hiding), .offcanvas-lg.showing {
        transform: none
    }

    .offcanvas-lg.hiding, .offcanvas-lg.show, .offcanvas-lg.showing {
        visibility: visible
    }
}

@media (min-width:992px) {
    .offcanvas-lg {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

        .offcanvas-lg .offcanvas-header {
            display: none
        }

        .offcanvas-lg .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important
        }
}

@media (max-width:1199.98px) {
    .offcanvas-xl {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xl {
        transition: none
    }
}

@media (max-width:1199.98px) {
    .offcanvas-xl.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }

    .offcanvas-xl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }

    .offcanvas-xl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-xl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-xl.show:not(.hiding), .offcanvas-xl.showing {
        transform: none
    }

    .offcanvas-xl.hiding, .offcanvas-xl.show, .offcanvas-xl.showing {
        visibility: visible
    }
}

@media (min-width:1200px) {
    .offcanvas-xl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

        .offcanvas-xl .offcanvas-header {
            display: none
        }

        .offcanvas-xl .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important
        }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width:1399.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xxl {
        transition: none
    }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }

    .offcanvas-xxl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }

    .offcanvas-xxl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-xxl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-xxl.show:not(.hiding), .offcanvas-xxl.showing {
        transform: none
    }

    .offcanvas-xxl.hiding, .offcanvas-xxl.show, .offcanvas-xxl.showing {
        visibility: visible
    }
}

@media (min-width:1400px) {
    .offcanvas-xxl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

        .offcanvas-xxl .offcanvas-header {
            display: none
        }

        .offcanvas-xxl .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent !important
        }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition)
}

@media (prefers-reduced-motion:reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
}

.offcanvas.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
}

.offcanvas.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
}

.offcanvas.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
}

.offcanvas.show:not(.hiding), .offcanvas.showing {
    transform: none
}

.offcanvas.hiding, .offcanvas.show, .offcanvas.showing {
    visibility: visible
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

    .offcanvas-backdrop.fade {
        opacity: 0
    }

    .offcanvas-backdrop.show {
        opacity: .5
    }

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

    .offcanvas-header .btn-close {
        padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
        margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));
        margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
        margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y))
    }

.offcanvas-title {
    margin-bottom: 0;
    line-height: var(--bs-offcanvas-title-line-height)
}

.offcanvas-body {
    flex-grow: 1;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    overflow-y: auto
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentcolor;
    opacity: .5
}

    .placeholder.btn::before {
        display: inline-block;
        content: ""
    }

.placeholder-xs {
    min-height: .6em
}

.placeholder-sm {
    min-height: .8em
}

.placeholder-lg {
    min-height: 1.2em
}

.placeholder-glow .placeholder {
    animation: placeholder-glow 2s ease-in-out infinite
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

.placeholder-wave {
    mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);
    mask-size: 200% 100%;
    animation: placeholder-wave 2s linear infinite
}

@keyframes placeholder-wave {
    100% {
        mask-position: -200% 0
    }
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.text-bg-green-900 {
    color: #fff !important;
    background-color: RGBA(0,102,92,var(--bs-bg-opacity,1)) !important
}

.text-bg-green-800 {
    color: #000 !important;
    background-color: RGBA(0,153,138,var(--bs-bg-opacity,1)) !important
}

.text-bg-green-700 {
    color: #000 !important;
    background-color: RGBA(0,229,209,var(--bs-bg-opacity,1)) !important
}

.text-bg-green-600 {
    color: #000 !important;
    background-color: RGBA(173,209,255,var(--bs-bg-opacity,1)) !important
}

.text-bg-green-500 {
    color: #000 !important;
    background-color: RGBA(229,252,253,var(--bs-bg-opacity,1)) !important
}

.text-bg-red-900 {
    color: #fff !important;
    background-color: RGBA(229,23,23,var(--bs-bg-opacity,1)) !important
}

.text-bg-redOrange {
    color: #000 !important;
    background-color: RGBA(253,104,104,var(--bs-bg-opacity,1)) !important
}

.text-bg-pinkLite {
    color: #000 !important;
    background-color: RGBA(232,255,99,var(--bs-bg-opacity,1)) !important
}

.text-bg-blue-900 {
    color: #fff !important;
    background-color: RGBA(26,102,255,var(--bs-bg-opacity,1)) !important
}

.text-bg-blue-600 {
    color: #000 !important;
    background-color: RGBA(218,234,255,var(--bs-bg-opacity,1)) !important
}

.text-bg-blue-700 {
    color: #fff !important;
    background-color: RGBA(45,77,117,var(--bs-bg-opacity,1)) !important
}

.text-bg-blue-500 {
    color: #000 !important;
    background-color: RGBA(247,250,255,var(--bs-bg-opacity,1)) !important
}

.text-bg-grey-900 {
    color: #fff !important;
    background-color: RGBA(26,26,26,var(--bs-bg-opacity,1)) !important
}

.text-bg-grey-800 {
    color: #fff !important;
    background-color: RGBA(102,102,102,var(--bs-bg-opacity,1)) !important
}

.text-bg-grey-700 {
    color: #000 !important;
    background-color: RGBA(197,197,197,var(--bs-bg-opacity,1)) !important
}

.text-bg-grey-600 {
    color: #000 !important;
    background-color: RGBA(232,232,232,var(--bs-bg-opacity,1)) !important
}

.text-bg-grey-500 {
    color: #000 !important;
    background-color: RGBA(246,246,246,var(--bs-bg-opacity,1)) !important
}

.text-bg-black {
    color: #fff !important;
    background-color: RGBA(0,0,0,var(--bs-bg-opacity,1)) !important
}

.text-bg-white {
    color: #000 !important;
    background-color: RGBA(255,255,255,var(--bs-bg-opacity,1)) !important
}

.link-green-900 {
    color: RGBA(var(--bs-green-900-rgb),var(--bs-link-opacity,1)) !important;
    text-decoration-color: RGBA(var(--bs-green-900-rgb),var(--bs-link-underline-opacity,1)) !important
}

    .link-green-900:focus, .link-green-900:hover {
        color: RGBA(0,82,74,var(--bs-link-opacity,1)) !important;
        text-decoration-color: RGBA(0,82,74,var(--bs-link-underline-opacity,1)) !important
    }

.link-green-800 {
    color: RGBA(var(--bs-green-800-rgb),var(--bs-link-opacity,1)) !important;
    text-decoration-color: RGBA(var(--bs-green-800-rgb),var(--bs-link-underline-opacity,1)) !important
}

    .link-green-800:focus, .link-green-800:hover {
        color: RGBA(51,173,161,var(--bs-link-opacity,1)) !important;
        text-decoration-color: RGBA(51,173,161,var(--bs-link-underline-opacity,1)) !important
    }

.link-green-700 {
    color: RGBA(var(--bs-green-700-rgb),var(--bs-link-opacity,1)) !important;
    text-decoration-color: RGBA(var(--bs-green-700-rgb),var(--bs-link-underline-opacity,1)) !important
}

    .link-green-700:focus, .link-green-700:hover {
        color: RGBA(51,234,218,var(--bs-link-opacity,1)) !important;
        text-decoration-color: RGBA(51,234,218,var(--bs-link-underline-opacity,1)) !important
    }

.link-green-600 {
    color: RGBA(var(--bs-green-600-rgb),var(--bs-link-opacity,1)) !important;
    text-decoration-color: RGBA(var(--bs-green-600-rgb),var(--bs-link-underline-opacity,1)) !important
}

    .link-green-600:focus, .link-green-600:hover {
        color: RGBA(189,218,255,var(--bs-link-opacity,1)) !important;
        text-decoration-color: RGBA(189,218,255,var(--bs-link-underline-opacity,1)) !important
    }

.link-green-500 {
    color: RGBA(var(--bs-green-500-rgb),var(--bs-link-opacity,1)) !important;
    text-decoration-color: RGBA(var(--bs-green-500-rgb),var(--bs-link-underline-opacity,1)) !important
}

    .link-green-500:focus, .link-green-500:hover {
        color: RGBA(234,253,253,var(--bs-link-opacity,1)) !important;
        text-decoration-color: RGBA(234,253,253,var(--bs-link-underline-opacity,1)) !important
    }

.link-red-900 {
    color: RGBA(var(--bs-red-900-rgb),var(--bs-link-opacity,1)) !important;
    text-decoration-color: RGBA(var(--bs-red-900-rgb),var(--bs-link-underline-opacity,1)) !important
}

    .link-red-900:focus, .link-red-900:hover {
        color: RGBA(183,18,18,var(--bs-link-opacity,1)) !important;
        text-decoration-color: RGBA(183,18,18,var(--bs-link-underline-opacity,1)) !important
    }

.link-redOrange {
    color: RGBA(var(--bs-redOrange-rgb),var(--bs-link-opacity,1)) !important;
    text-decoration-color: RGBA(var(--bs-redOrange-rgb),var(--bs-link-underline-opacity,1)) !important
}

    .link-redOrange:focus, .link-redOrange:hover {
        color: RGBA(253,134,134,var(--bs-link-opacity,1)) !important;
        text-decoration-color: RGBA(253,134,134,var(--bs-link-underline-opacity,1)) !important
    }

.link-pinkLite {
    color: RGBA(var(--bs-pinkLite-rgb),var(--bs-link-opacity,1)) !important;
    text-decoration-color: RGBA(var(--bs-pinkLite-rgb),var(--bs-link-underline-opacity,1)) !important
}

    .link-pinkLite:focus, .link-pinkLite:hover {
        color: RGBA(237,255,130,var(--bs-link-opacity,1)) !important;
        text-decoration-color: RGBA(237,255,130,var(--bs-link-underline-opacity,1)) !important
    }

.link-blue-900 {
    color: RGBA(var(--bs-blue-900-rgb),var(--bs-link-opacity,1)) !important;
    text-decoration-color: RGBA(var(--bs-blue-900-rgb),var(--bs-link-underline-opacity,1)) !important
}

    .link-blue-900:focus, .link-blue-900:hover {
        color: RGBA(21,82,204,var(--bs-link-opacity,1)) !important;
        text-decoration-color: RGBA(21,82,204,var(--bs-link-underline-opacity,1)) !important
    }

.link-blue-600 {
    color: RGBA(var(--bs-blue-600-rgb),var(--bs-link-opacity,1)) !important;
    text-decoration-color: RGBA(var(--bs-blue-600-rgb),var(--bs-link-underline-opacity,1)) !important
}

    .link-blue-600:focus, .link-blue-600:hover {
        color: RGBA(225,238,255,var(--bs-link-opacity,1)) !important;
        text-decoration-color: RGBA(225,238,255,var(--bs-link-underline-opacity,1)) !important
    }

.link-blue-700 {
    color: RGBA(var(--bs-blue-700-rgb),var(--bs-link-opacity,1)) !important;
    text-decoration-color: RGBA(var(--bs-blue-700-rgb),var(--bs-link-underline-opacity,1)) !important
}

    .link-blue-700:focus, .link-blue-700:hover {
        color: RGBA(36,62,94,var(--bs-link-opacity,1)) !important;
        text-decoration-color: RGBA(36,62,94,var(--bs-link-underline-opacity,1)) !important
    }

.link-blue-500 {
    color: RGBA(var(--bs-blue-500-rgb),var(--bs-link-opacity,1)) !important;
    text-decoration-color: RGBA(var(--bs-blue-500-rgb),var(--bs-link-underline-opacity,1)) !important
}

    .link-blue-500:focus, .link-blue-500:hover {
        color: RGBA(249,251,255,var(--bs-link-opacity,1)) !important;
        text-decoration-color: RGBA(249,251,255,var(--bs-link-underline-opacity,1)) !important
    }

.link-grey-900 {
    color: RGBA(var(--bs-grey-900-rgb),var(--bs-link-opacity,1)) !important;
    text-decoration-color: RGBA(var(--bs-grey-900-rgb),var(--bs-link-underline-opacity,1)) !important
}

    .link-grey-900:focus, .link-grey-900:hover {
        color: RGBA(21,21,21,var(--bs-link-opacity,1)) !important;
        text-decoration-color: RGBA(21,21,21,var(--bs-link-underline-opacity,1)) !important
    }

.link-grey-800 {
    color: RGBA(var(--bs-grey-800-rgb),var(--bs-link-opacity,1)) !important;
    text-decoration-color: RGBA(var(--bs-grey-800-rgb),var(--bs-link-underline-opacity,1)) !important
}

    .link-grey-800:focus, .link-grey-800:hover {
        color: RGBA(82,82,82,var(--bs-link-opacity,1)) !important;
        text-decoration-color: RGBA(82,82,82,var(--bs-link-underline-opacity,1)) !important
    }

.link-grey-700 {
    color: RGBA(var(--bs-grey-700-rgb),var(--bs-link-opacity,1)) !important;
    text-decoration-color: RGBA(var(--bs-grey-700-rgb),var(--bs-link-underline-opacity,1)) !important
}

    .link-grey-700:focus, .link-grey-700:hover {
        color: RGBA(209,209,209,var(--bs-link-opacity,1)) !important;
        text-decoration-color: RGBA(209,209,209,var(--bs-link-underline-opacity,1)) !important
    }

.link-grey-600 {
    color: RGBA(var(--bs-grey-600-rgb),var(--bs-link-opacity,1)) !important;
    text-decoration-color: RGBA(var(--bs-grey-600-rgb),var(--bs-link-underline-opacity,1)) !important
}

    .link-grey-600:focus, .link-grey-600:hover {
        color: RGBA(237,237,237,var(--bs-link-opacity,1)) !important;
        text-decoration-color: RGBA(237,237,237,var(--bs-link-underline-opacity,1)) !important
    }

.link-grey-500 {
    color: RGBA(var(--bs-grey-500-rgb),var(--bs-link-opacity,1)) !important;
    text-decoration-color: RGBA(var(--bs-grey-500-rgb),var(--bs-link-underline-opacity,1)) !important
}

    .link-grey-500:focus, .link-grey-500:hover {
        color: RGBA(248,248,248,var(--bs-link-opacity,1)) !important;
        text-decoration-color: RGBA(248,248,248,var(--bs-link-underline-opacity,1)) !important
    }

.link-black {
    color: RGBA(var(--bs-black-rgb),var(--bs-link-opacity,1)) !important;
    text-decoration-color: RGBA(var(--bs-black-rgb),var(--bs-link-underline-opacity,1)) !important
}

    .link-black:focus, .link-black:hover {
        color: RGBA(0,0,0,var(--bs-link-opacity,1)) !important;
        text-decoration-color: RGBA(0,0,0,var(--bs-link-underline-opacity,1)) !important
    }

.link-white {
    color: RGBA(var(--bs-white-rgb),var(--bs-link-opacity,1)) !important;
    text-decoration-color: RGBA(var(--bs-white-rgb),var(--bs-link-underline-opacity,1)) !important
}

    .link-white:focus, .link-white:hover {
        color: RGBA(255,255,255,var(--bs-link-opacity,1)) !important;
        text-decoration-color: RGBA(255,255,255,var(--bs-link-underline-opacity,1)) !important
    }

.link-body-emphasis {
    color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1)) !important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1)) !important
}

    .link-body-emphasis:focus, .link-body-emphasis:hover {
        color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75)) !important;
        text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,.75)) !important
    }

.focus-ring:focus {
    outline: 0;
    box-shadow: var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)
}

.icon-link {
    display: inline-flex;
    gap: .375rem;
    align-items: center;
    text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,.5));
    text-underline-offset: .25em;
    backface-visibility: hidden
}

    .icon-link > .bi {
        flex-shrink: 0;
        width: 1em;
        height: 1em;
        fill: currentcolor;
        transition: .2s ease-in-out transform
    }

@media (prefers-reduced-motion:reduce) {
    .icon-link > .bi {
        transition: none
    }
}

.icon-link-hover:focus-visible > .bi, .icon-link-hover:hover > .bi {
    transform: var(--bs-icon-link-transform,translate3d(.25em,0,0))
}

.ratio {
    position: relative;
    width: 100%
}

    .ratio::before {
        display: block;
        padding-top: var(--bs-aspect-ratio);
        content: ""
    }

    .ratio > * {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: calc(3 / 4 * 100%)
}

.ratio-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%)
}

.ratio-21x9 {
    --bs-aspect-ratio: calc(9 / 21 * 100%)
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
}

.sticky-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020
}

@media (min-width:576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-sm-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-md-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-lg-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:1400px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xxl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch
}

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

    .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) {
        position: absolute !important
    }

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentcolor;
    opacity: .25
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.object-fit-contain {
    object-fit: contain !important
}

.object-fit-cover {
    object-fit: cover !important
}

.object-fit-fill {
    object-fit: fill !important
}

.object-fit-scale {
    object-fit: scale-down !important
}

.object-fit-none {
    object-fit: none !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-25 {
    opacity: .25 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-75 {
    opacity: .75 !important
}

.opacity-100 {
    opacity: 1 !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.overflow-x-auto {
    overflow-x: auto !important
}

.overflow-x-hidden {
    overflow-x: hidden !important
}

.overflow-x-visible {
    overflow-x: visible !important
}

.overflow-x-scroll {
    overflow-x: scroll !important
}

.overflow-y-auto {
    overflow-y: auto !important
}

.overflow-y-hidden {
    overflow-y: hidden !important
}

.overflow-y-visible {
    overflow-y: visible !important
}

.overflow-y-scroll {
    overflow-y: scroll !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-inline-grid {
    display: inline-grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important
}

.shadow-none {
    box-shadow: none !important
}

.focus-ring-green-900 {
    --bs-focus-ring-color: rgba(var(--bs-green-900-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-green-800 {
    --bs-focus-ring-color: rgba(var(--bs-green-800-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-green-700 {
    --bs-focus-ring-color: rgba(var(--bs-green-700-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-green-600 {
    --bs-focus-ring-color: rgba(var(--bs-green-600-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-green-500 {
    --bs-focus-ring-color: rgba(var(--bs-green-500-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-red-900 {
    --bs-focus-ring-color: rgba(var(--bs-red-900-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-redOrange {
    --bs-focus-ring-color: rgba(var(--bs-redOrange-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-pinkLite {
    --bs-focus-ring-color: rgba(var(--bs-pinkLite-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-blue-900 {
    --bs-focus-ring-color: rgba(var(--bs-blue-900-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-blue-600 {
    --bs-focus-ring-color: rgba(var(--bs-blue-600-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-blue-700 {
    --bs-focus-ring-color: rgba(var(--bs-blue-700-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-blue-500 {
    --bs-focus-ring-color: rgba(var(--bs-blue-500-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-grey-900 {
    --bs-focus-ring-color: rgba(var(--bs-grey-900-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-grey-800 {
    --bs-focus-ring-color: rgba(var(--bs-grey-800-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-grey-700 {
    --bs-focus-ring-color: rgba(var(--bs-grey-700-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-grey-600 {
    --bs-focus-ring-color: rgba(var(--bs-grey-600-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-grey-500 {
    --bs-focus-ring-color: rgba(var(--bs-grey-500-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-black {
    --bs-focus-ring-color: rgba(var(--bs-black-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-white {
    --bs-focus-ring-color: rgba(var(--bs-white-rgb), var(--bs-focus-ring-opacity))
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.start-0 {
    left: 0 !important
}

.start-50 {
    left: 50% !important
}

.start-100 {
    left: 100% !important
}

.end-0 {
    right: 0 !important
}

.end-50 {
    right: 50% !important
}

.end-100 {
    right: 100% !important
}

.translate-middle {
    transform: translate(-50%,-50%) !important
}

.translate-middle-x {
    transform: translateX(-50%) !important
}

.translate-middle-y {
    transform: translateY(-50%) !important
}

.border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-green-900 {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-green-900-rgb),var(--bs-border-opacity)) !important
}

.border-green-800 {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-green-800-rgb),var(--bs-border-opacity)) !important
}

.border-green-700 {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-green-700-rgb),var(--bs-border-opacity)) !important
}

.border-green-600 {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-green-600-rgb),var(--bs-border-opacity)) !important
}

.border-green-500 {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-green-500-rgb),var(--bs-border-opacity)) !important
}

.border-red-900 {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-red-900-rgb),var(--bs-border-opacity)) !important
}

.border-redOrange {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-redOrange-rgb),var(--bs-border-opacity)) !important
}

.border-pinkLite {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-pinkLite-rgb),var(--bs-border-opacity)) !important
}

.border-blue-900 {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-blue-900-rgb),var(--bs-border-opacity)) !important
}

.border-blue-600 {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-blue-600-rgb),var(--bs-border-opacity)) !important
}

.border-blue-700 {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-blue-700-rgb),var(--bs-border-opacity)) !important
}

.border-blue-500 {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-blue-500-rgb),var(--bs-border-opacity)) !important
}

.border-grey-900 {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-grey-900-rgb),var(--bs-border-opacity)) !important
}

.border-grey-800 {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-grey-800-rgb),var(--bs-border-opacity)) !important
}

.border-grey-700 {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-grey-700-rgb),var(--bs-border-opacity)) !important
}

.border-grey-600 {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-grey-600-rgb),var(--bs-border-opacity)) !important
}

.border-grey-500 {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-grey-500-rgb),var(--bs-border-opacity)) !important
}

.border-black {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-black-rgb),var(--bs-border-opacity)) !important
}

.border-white {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-white-rgb),var(--bs-border-opacity)) !important
}

.border-primary-subtle {
    border-color: var(--bs-primary-border-subtle) !important
}

.border-secondary-subtle {
    border-color: var(--bs-secondary-border-subtle) !important
}

.border-success-subtle {
    border-color: var(--bs-success-border-subtle) !important
}

.border-info-subtle {
    border-color: var(--bs-info-border-subtle) !important
}

.border-warning-subtle {
    border-color: var(--bs-warning-border-subtle) !important
}

.border-danger-subtle {
    border-color: var(--bs-danger-border-subtle) !important
}

.border-light-subtle {
    border-color: var(--bs-light-border-subtle) !important
}

.border-dark-subtle {
    border-color: var(--bs-dark-border-subtle) !important
}

.border-1 {
    border-width: 1px !important
}

.border-2 {
    border-width: 2px !important
}

.border-3 {
    border-width: 3px !important
}

.border-4 {
    border-width: 4px !important
}

.border-5 {
    border-width: 5px !important
}

.border-opacity-10 {
    --bs-border-opacity: .1
}

.border-opacity-25 {
    --bs-border-opacity: .25
}

.border-opacity-50 {
    --bs-border-opacity: .5
}

.border-opacity-75 {
    --bs-border-opacity: .75
}

.border-opacity-100 {
    --bs-border-opacity: 1
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mh-100 {
    max-height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 3rem !important
}

.row-gap-0 {
    row-gap: 0 !important
}

.row-gap-1 {
    row-gap: .25rem !important
}

.row-gap-2 {
    row-gap: .5rem !important
}

.row-gap-3 {
    row-gap: 1rem !important
}

.row-gap-4 {
    row-gap: 1.5rem !important
}

.row-gap-5 {
    row-gap: 3rem !important
}

.column-gap-0 {
    column-gap: 0 !important
}

.column-gap-1 {
    column-gap: .25rem !important
}

.column-gap-2 {
    column-gap: .5rem !important
}

.column-gap-3 {
    column-gap: 1rem !important
}

.column-gap-4 {
    column-gap: 1.5rem !important
}

.column-gap-5 {
    column-gap: 3rem !important
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}

.fs-1 {
    font-size: 5rem !important
}

.fs-2 {
    font-size: 3.5rem !important
}

.fs-3 {
    font-size: 2.5rem !important
}

.fs-4 {
    font-size: 1.875rem !important
}

.fs-5 {
    font-size: 1.5rem !important
}

.fs-6 {
    font-size: 1.375rem !important
}

.fst-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-medium {
    font-weight: 500 !important
}

.fw-semibold {
    font-weight: 600 !important
}

.fw-bold {
    font-weight: 700 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.25 !important
}

.lh-base {
    line-height: 1.5 !important
}

.lh-lg {
    line-height: 2 !important
}

.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-green-900 {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-green-900-rgb),var(--bs-text-opacity)) !important
}

.text-green-800 {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-green-800-rgb),var(--bs-text-opacity)) !important
}

.text-green-700 {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-green-700-rgb),var(--bs-text-opacity)) !important
}

.text-green-600 {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-green-600-rgb),var(--bs-text-opacity)) !important
}

.text-green-500 {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-green-500-rgb),var(--bs-text-opacity)) !important
}

.text-red-900 {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-red-900-rgb),var(--bs-text-opacity)) !important
}

.text-redOrange {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-redOrange-rgb),var(--bs-text-opacity)) !important
}

.text-pinkLite {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-pinkLite-rgb),var(--bs-text-opacity)) !important
}

.text-blue-900 {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-blue-900-rgb),var(--bs-text-opacity)) !important
}

.text-blue-600 {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-blue-600-rgb),var(--bs-text-opacity)) !important
}

.text-blue-700 {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-blue-700-rgb),var(--bs-text-opacity)) !important
}

.text-blue-500 {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-blue-500-rgb),var(--bs-text-opacity)) !important
}

.text-grey-900 {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-grey-900-rgb),var(--bs-text-opacity)) !important
}

.text-grey-800 {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-grey-800-rgb),var(--bs-text-opacity)) !important
}

.text-grey-700 {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-grey-700-rgb),var(--bs-text-opacity)) !important
}

.text-grey-600 {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-grey-600-rgb),var(--bs-text-opacity)) !important
}

.text-grey-500 {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-grey-500-rgb),var(--bs-text-opacity)) !important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb),var(--bs-text-opacity)) !important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity)) !important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity)) !important
}

.text-muted {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color) !important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0,0,0,.5) !important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255,255,255,.5) !important
}

.text-body-secondary {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color) !important
}

.text-body-tertiary {
    --bs-text-opacity: 1;
    color: var(--bs-tertiary-color) !important
}

.text-body-emphasis {
    --bs-text-opacity: 1;
    color: var(--bs-emphasis-color) !important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important
}

.text-opacity-25 {
    --bs-text-opacity: .25
}

.text-opacity-50 {
    --bs-text-opacity: .5
}

.text-opacity-75 {
    --bs-text-opacity: .75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.text-primary-emphasis {
    color: var(--bs-primary-text-emphasis) !important
}

.text-secondary-emphasis {
    color: var(--bs-secondary-text-emphasis) !important
}

.text-success-emphasis {
    color: var(--bs-success-text-emphasis) !important
}

.text-info-emphasis {
    color: var(--bs-info-text-emphasis) !important
}

.text-warning-emphasis {
    color: var(--bs-warning-text-emphasis) !important
}

.text-danger-emphasis {
    color: var(--bs-danger-text-emphasis) !important
}

.text-light-emphasis {
    color: var(--bs-light-text-emphasis) !important
}

.text-dark-emphasis {
    color: var(--bs-dark-text-emphasis) !important
}

.link-opacity-10 {
    --bs-link-opacity: .1
}

.link-opacity-10-hover:hover {
    --bs-link-opacity: .1
}

.link-opacity-25 {
    --bs-link-opacity: .25
}

.link-opacity-25-hover:hover {
    --bs-link-opacity: .25
}

.link-opacity-50 {
    --bs-link-opacity: .5
}

.link-opacity-50-hover:hover {
    --bs-link-opacity: .5
}

.link-opacity-75 {
    --bs-link-opacity: .75
}

.link-opacity-75-hover:hover {
    --bs-link-opacity: .75
}

.link-opacity-100 {
    --bs-link-opacity: 1
}

.link-opacity-100-hover:hover {
    --bs-link-opacity: 1
}

.link-offset-1 {
    text-underline-offset: .125em !important
}

.link-offset-1-hover:hover {
    text-underline-offset: .125em !important
}

.link-offset-2 {
    text-underline-offset: .25em !important
}

.link-offset-2-hover:hover {
    text-underline-offset: .25em !important
}

.link-offset-3 {
    text-underline-offset: .375em !important
}

.link-offset-3-hover:hover {
    text-underline-offset: .375em !important
}

.link-underline-green-900 {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-green-900-rgb),var(--bs-link-underline-opacity)) !important
}

.link-underline-green-800 {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-green-800-rgb),var(--bs-link-underline-opacity)) !important
}

.link-underline-green-700 {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-green-700-rgb),var(--bs-link-underline-opacity)) !important
}

.link-underline-green-600 {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-green-600-rgb),var(--bs-link-underline-opacity)) !important
}

.link-underline-green-500 {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-green-500-rgb),var(--bs-link-underline-opacity)) !important
}

.link-underline-red-900 {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-red-900-rgb),var(--bs-link-underline-opacity)) !important
}

.link-underline-redOrange {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-redOrange-rgb),var(--bs-link-underline-opacity)) !important
}

.link-underline-pinkLite {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-pinkLite-rgb),var(--bs-link-underline-opacity)) !important
}

.link-underline-blue-900 {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-blue-900-rgb),var(--bs-link-underline-opacity)) !important
}

.link-underline-blue-600 {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-blue-600-rgb),var(--bs-link-underline-opacity)) !important
}

.link-underline-blue-700 {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-blue-700-rgb),var(--bs-link-underline-opacity)) !important
}

.link-underline-blue-500 {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-blue-500-rgb),var(--bs-link-underline-opacity)) !important
}

.link-underline-grey-900 {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-grey-900-rgb),var(--bs-link-underline-opacity)) !important
}

.link-underline-grey-800 {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-grey-800-rgb),var(--bs-link-underline-opacity)) !important
}

.link-underline-grey-700 {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-grey-700-rgb),var(--bs-link-underline-opacity)) !important
}

.link-underline-grey-600 {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-grey-600-rgb),var(--bs-link-underline-opacity)) !important
}

.link-underline-grey-500 {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-grey-500-rgb),var(--bs-link-underline-opacity)) !important
}

.link-underline-black {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-black-rgb),var(--bs-link-underline-opacity)) !important
}

.link-underline-white {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-white-rgb),var(--bs-link-underline-opacity)) !important
}

.link-underline {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1)) !important
}

.link-underline-opacity-0 {
    --bs-link-underline-opacity: 0
}

.link-underline-opacity-0-hover:hover {
    --bs-link-underline-opacity: 0
}

.link-underline-opacity-10 {
    --bs-link-underline-opacity: .1
}

.link-underline-opacity-10-hover:hover {
    --bs-link-underline-opacity: .1
}

.link-underline-opacity-25 {
    --bs-link-underline-opacity: .25
}

.link-underline-opacity-25-hover:hover {
    --bs-link-underline-opacity: .25
}

.link-underline-opacity-50 {
    --bs-link-underline-opacity: .5
}

.link-underline-opacity-50-hover:hover {
    --bs-link-underline-opacity: .5
}

.link-underline-opacity-75 {
    --bs-link-underline-opacity: .75
}

.link-underline-opacity-75-hover:hover {
    --bs-link-underline-opacity: .75
}

.link-underline-opacity-100 {
    --bs-link-underline-opacity: 1
}

.link-underline-opacity-100-hover:hover {
    --bs-link-underline-opacity: 1
}

.bg-green-900 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-green-900-rgb),var(--bs-bg-opacity)) !important
}

.bg-green-800 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-green-800-rgb),var(--bs-bg-opacity)) !important
}

.bg-green-700 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-green-700-rgb),var(--bs-bg-opacity)) !important
}

.bg-green-600 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-green-600-rgb),var(--bs-bg-opacity)) !important
}

.bg-green-500 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-green-500-rgb),var(--bs-bg-opacity)) !important
}

.bg-red-900 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-red-900-rgb),var(--bs-bg-opacity)) !important
}

.bg-redOrange {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-redOrange-rgb),var(--bs-bg-opacity)) !important
}

.bg-pinkLite {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-pinkLite-rgb),var(--bs-bg-opacity)) !important
}

.bg-blue-900 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-blue-900-rgb),var(--bs-bg-opacity)) !important
}

.bg-blue-600 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-blue-600-rgb),var(--bs-bg-opacity)) !important
}

.bg-blue-700 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-blue-700-rgb),var(--bs-bg-opacity)) !important
}

.bg-blue-500 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-blue-500-rgb),var(--bs-bg-opacity)) !important
}

.bg-grey-900 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-grey-900-rgb),var(--bs-bg-opacity)) !important
}

.bg-grey-800 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-grey-800-rgb),var(--bs-bg-opacity)) !important
}

.bg-grey-700 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-grey-700-rgb),var(--bs-bg-opacity)) !important
}

.bg-grey-600 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-grey-600-rgb),var(--bs-bg-opacity)) !important
}

.bg-grey-500 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-grey-500-rgb),var(--bs-bg-opacity)) !important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity)) !important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity)) !important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity)) !important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: rgba(0,0,0,0) !important
}

.bg-body-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity)) !important
}

.bg-body-tertiary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity)) !important
}

.bg-opacity-10 {
    --bs-bg-opacity: .1
}

.bg-opacity-25 {
    --bs-bg-opacity: .25
}

.bg-opacity-50 {
    --bs-bg-opacity: .5
}

.bg-opacity-75 {
    --bs-bg-opacity: .75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-primary-subtle {
    background-color: var(--bs-primary-bg-subtle) !important
}

.bg-secondary-subtle {
    background-color: var(--bs-secondary-bg-subtle) !important
}

.bg-success-subtle {
    background-color: var(--bs-success-bg-subtle) !important
}

.bg-info-subtle {
    background-color: var(--bs-info-bg-subtle) !important
}

.bg-warning-subtle {
    background-color: var(--bs-warning-bg-subtle) !important
}

.bg-danger-subtle {
    background-color: var(--bs-danger-bg-subtle) !important
}

.bg-light-subtle {
    background-color: var(--bs-light-bg-subtle) !important
}

.bg-dark-subtle {
    background-color: var(--bs-dark-bg-subtle) !important
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}

.user-select-all {
    user-select: all !important
}

.user-select-auto {
    user-select: auto !important
}

.user-select-none {
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    border-radius: var(--bs-border-radius) !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-1 {
    border-radius: var(--bs-border-radius-sm) !important
}

.rounded-2 {
    border-radius: var(--bs-border-radius) !important
}

.rounded-3 {
    border-radius: var(--bs-border-radius-lg) !important
}

.rounded-4 {
    border-radius: var(--bs-border-radius-xl) !important
}

.rounded-5 {
    border-radius: var(--bs-border-radius-xxl) !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: var(--bs-border-radius-pill) !important
}

.rounded-top {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.rounded-top-1 {
    border-top-left-radius: var(--bs-border-radius-sm) !important;
    border-top-right-radius: var(--bs-border-radius-sm) !important
}

.rounded-top-2 {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-top-3 {
    border-top-left-radius: var(--bs-border-radius-lg) !important;
    border-top-right-radius: var(--bs-border-radius-lg) !important
}

.rounded-top-4 {
    border-top-left-radius: var(--bs-border-radius-xl) !important;
    border-top-right-radius: var(--bs-border-radius-xl) !important
}

.rounded-top-5 {
    border-top-left-radius: var(--bs-border-radius-xxl) !important;
    border-top-right-radius: var(--bs-border-radius-xxl) !important
}

.rounded-top-circle {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important
}

.rounded-top-pill {
    border-top-left-radius: var(--bs-border-radius-pill) !important;
    border-top-right-radius: var(--bs-border-radius-pill) !important
}

.rounded-end {
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-end-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.rounded-end-1 {
    border-top-right-radius: var(--bs-border-radius-sm) !important;
    border-bottom-right-radius: var(--bs-border-radius-sm) !important
}

.rounded-end-2 {
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-end-3 {
    border-top-right-radius: var(--bs-border-radius-lg) !important;
    border-bottom-right-radius: var(--bs-border-radius-lg) !important
}

.rounded-end-4 {
    border-top-right-radius: var(--bs-border-radius-xl) !important;
    border-bottom-right-radius: var(--bs-border-radius-xl) !important
}

.rounded-end-5 {
    border-top-right-radius: var(--bs-border-radius-xxl) !important;
    border-bottom-right-radius: var(--bs-border-radius-xxl) !important
}

.rounded-end-circle {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important
}

.rounded-end-pill {
    border-top-right-radius: var(--bs-border-radius-pill) !important;
    border-bottom-right-radius: var(--bs-border-radius-pill) !important
}

.rounded-bottom {
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.rounded-bottom-1 {
    border-bottom-right-radius: var(--bs-border-radius-sm) !important;
    border-bottom-left-radius: var(--bs-border-radius-sm) !important
}

.rounded-bottom-2 {
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-bottom-3 {
    border-bottom-right-radius: var(--bs-border-radius-lg) !important;
    border-bottom-left-radius: var(--bs-border-radius-lg) !important
}

.rounded-bottom-4 {
    border-bottom-right-radius: var(--bs-border-radius-xl) !important;
    border-bottom-left-radius: var(--bs-border-radius-xl) !important
}

.rounded-bottom-5 {
    border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
    border-bottom-left-radius: var(--bs-border-radius-xxl) !important
}

.rounded-bottom-circle {
    border-bottom-right-radius: 50% !important;
    border-bottom-left-radius: 50% !important
}

.rounded-bottom-pill {
    border-bottom-right-radius: var(--bs-border-radius-pill) !important;
    border-bottom-left-radius: var(--bs-border-radius-pill) !important
}

.rounded-start {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-left-radius: var(--bs-border-radius) !important
}

.rounded-start-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.rounded-start-1 {
    border-bottom-left-radius: var(--bs-border-radius-sm) !important;
    border-top-left-radius: var(--bs-border-radius-sm) !important
}

.rounded-start-2 {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-left-radius: var(--bs-border-radius) !important
}

.rounded-start-3 {
    border-bottom-left-radius: var(--bs-border-radius-lg) !important;
    border-top-left-radius: var(--bs-border-radius-lg) !important
}

.rounded-start-4 {
    border-bottom-left-radius: var(--bs-border-radius-xl) !important;
    border-top-left-radius: var(--bs-border-radius-xl) !important
}

.rounded-start-5 {
    border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
    border-top-left-radius: var(--bs-border-radius-xxl) !important
}

.rounded-start-circle {
    border-bottom-left-radius: 50% !important;
    border-top-left-radius: 50% !important
}

.rounded-start-pill {
    border-bottom-left-radius: var(--bs-border-radius-pill) !important;
    border-top-left-radius: var(--bs-border-radius-pill) !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

.z-n1 {
    z-index: -1 !important
}

.z-0 {
    z-index: 0 !important
}

.z-1 {
    z-index: 1 !important
}

.z-2 {
    z-index: 2 !important
}

.z-3 {
    z-index: 3 !important
}

@media (min-width:576px) {
    .float-sm-start {
        float: left !important
    }

    .float-sm-end {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }

    .object-fit-sm-contain {
        object-fit: contain !important
    }

    .object-fit-sm-cover {
        object-fit: cover !important
    }

    .object-fit-sm-fill {
        object-fit: fill !important
    }

    .object-fit-sm-scale {
        object-fit: scale-down !important
    }

    .object-fit-sm-none {
        object-fit: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-inline-grid {
        display: inline-grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 3rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 3rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 3rem !important
    }

    .gap-sm-0 {
        gap: 0 !important
    }

    .gap-sm-1 {
        gap: .25rem !important
    }

    .gap-sm-2 {
        gap: .5rem !important
    }

    .gap-sm-3 {
        gap: 1rem !important
    }

    .gap-sm-4 {
        gap: 1.5rem !important
    }

    .gap-sm-5 {
        gap: 3rem !important
    }

    .row-gap-sm-0 {
        row-gap: 0 !important
    }

    .row-gap-sm-1 {
        row-gap: .25rem !important
    }

    .row-gap-sm-2 {
        row-gap: .5rem !important
    }

    .row-gap-sm-3 {
        row-gap: 1rem !important
    }

    .row-gap-sm-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-sm-5 {
        row-gap: 3rem !important
    }

    .column-gap-sm-0 {
        column-gap: 0 !important
    }

    .column-gap-sm-1 {
        column-gap: .25rem !important
    }

    .column-gap-sm-2 {
        column-gap: .5rem !important
    }

    .column-gap-sm-3 {
        column-gap: 1rem !important
    }

    .column-gap-sm-4 {
        column-gap: 1.5rem !important
    }

    .column-gap-sm-5 {
        column-gap: 3rem !important
    }

    .text-sm-start {
        text-align: left !important
    }

    .text-sm-end {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .float-md-start {
        float: left !important
    }

    .float-md-end {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }

    .object-fit-md-contain {
        object-fit: contain !important
    }

    .object-fit-md-cover {
        object-fit: cover !important
    }

    .object-fit-md-fill {
        object-fit: fill !important
    }

    .object-fit-md-scale {
        object-fit: scale-down !important
    }

    .object-fit-md-none {
        object-fit: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-inline-grid {
        display: inline-grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 3rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 3rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 3rem !important
    }

    .gap-md-0 {
        gap: 0 !important
    }

    .gap-md-1 {
        gap: .25rem !important
    }

    .gap-md-2 {
        gap: .5rem !important
    }

    .gap-md-3 {
        gap: 1rem !important
    }

    .gap-md-4 {
        gap: 1.5rem !important
    }

    .gap-md-5 {
        gap: 3rem !important
    }

    .row-gap-md-0 {
        row-gap: 0 !important
    }

    .row-gap-md-1 {
        row-gap: .25rem !important
    }

    .row-gap-md-2 {
        row-gap: .5rem !important
    }

    .row-gap-md-3 {
        row-gap: 1rem !important
    }

    .row-gap-md-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-md-5 {
        row-gap: 3rem !important
    }

    .column-gap-md-0 {
        column-gap: 0 !important
    }

    .column-gap-md-1 {
        column-gap: .25rem !important
    }

    .column-gap-md-2 {
        column-gap: .5rem !important
    }

    .column-gap-md-3 {
        column-gap: 1rem !important
    }

    .column-gap-md-4 {
        column-gap: 1.5rem !important
    }

    .column-gap-md-5 {
        column-gap: 3rem !important
    }

    .text-md-start {
        text-align: left !important
    }

    .text-md-end {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .float-lg-start {
        float: left !important
    }

    .float-lg-end {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }

    .object-fit-lg-contain {
        object-fit: contain !important
    }

    .object-fit-lg-cover {
        object-fit: cover !important
    }

    .object-fit-lg-fill {
        object-fit: fill !important
    }

    .object-fit-lg-scale {
        object-fit: scale-down !important
    }

    .object-fit-lg-none {
        object-fit: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-inline-grid {
        display: inline-grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 3rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 3rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 3rem !important
    }

    .gap-lg-0 {
        gap: 0 !important
    }

    .gap-lg-1 {
        gap: .25rem !important
    }

    .gap-lg-2 {
        gap: .5rem !important
    }

    .gap-lg-3 {
        gap: 1rem !important
    }

    .gap-lg-4 {
        gap: 1.5rem !important
    }

    .gap-lg-5 {
        gap: 3rem !important
    }

    .row-gap-lg-0 {
        row-gap: 0 !important
    }

    .row-gap-lg-1 {
        row-gap: .25rem !important
    }

    .row-gap-lg-2 {
        row-gap: .5rem !important
    }

    .row-gap-lg-3 {
        row-gap: 1rem !important
    }

    .row-gap-lg-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-lg-5 {
        row-gap: 3rem !important
    }

    .column-gap-lg-0 {
        column-gap: 0 !important
    }

    .column-gap-lg-1 {
        column-gap: .25rem !important
    }

    .column-gap-lg-2 {
        column-gap: .5rem !important
    }

    .column-gap-lg-3 {
        column-gap: 1rem !important
    }

    .column-gap-lg-4 {
        column-gap: 1.5rem !important
    }

    .column-gap-lg-5 {
        column-gap: 3rem !important
    }

    .text-lg-start {
        text-align: left !important
    }

    .text-lg-end {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .float-xl-start {
        float: left !important
    }

    .float-xl-end {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }

    .object-fit-xl-contain {
        object-fit: contain !important
    }

    .object-fit-xl-cover {
        object-fit: cover !important
    }

    .object-fit-xl-fill {
        object-fit: fill !important
    }

    .object-fit-xl-scale {
        object-fit: scale-down !important
    }

    .object-fit-xl-none {
        object-fit: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-inline-grid {
        display: inline-grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 3rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 3rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 3rem !important
    }

    .gap-xl-0 {
        gap: 0 !important
    }

    .gap-xl-1 {
        gap: .25rem !important
    }

    .gap-xl-2 {
        gap: .5rem !important
    }

    .gap-xl-3 {
        gap: 1rem !important
    }

    .gap-xl-4 {
        gap: 1.5rem !important
    }

    .gap-xl-5 {
        gap: 3rem !important
    }

    .row-gap-xl-0 {
        row-gap: 0 !important
    }

    .row-gap-xl-1 {
        row-gap: .25rem !important
    }

    .row-gap-xl-2 {
        row-gap: .5rem !important
    }

    .row-gap-xl-3 {
        row-gap: 1rem !important
    }

    .row-gap-xl-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-xl-5 {
        row-gap: 3rem !important
    }

    .column-gap-xl-0 {
        column-gap: 0 !important
    }

    .column-gap-xl-1 {
        column-gap: .25rem !important
    }

    .column-gap-xl-2 {
        column-gap: .5rem !important
    }

    .column-gap-xl-3 {
        column-gap: 1rem !important
    }

    .column-gap-xl-4 {
        column-gap: 1.5rem !important
    }

    .column-gap-xl-5 {
        column-gap: 3rem !important
    }

    .text-xl-start {
        text-align: left !important
    }

    .text-xl-end {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

@media (min-width:1400px) {
    .float-xxl-start {
        float: left !important
    }

    .float-xxl-end {
        float: right !important
    }

    .float-xxl-none {
        float: none !important
    }

    .object-fit-xxl-contain {
        object-fit: contain !important
    }

    .object-fit-xxl-cover {
        object-fit: cover !important
    }

    .object-fit-xxl-fill {
        object-fit: fill !important
    }

    .object-fit-xxl-scale {
        object-fit: scale-down !important
    }

    .object-fit-xxl-none {
        object-fit: none !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-inline-grid {
        display: inline-grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 3rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 3rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 3rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 3rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 3rem !important
    }

    .gap-xxl-0 {
        gap: 0 !important
    }

    .gap-xxl-1 {
        gap: .25rem !important
    }

    .gap-xxl-2 {
        gap: .5rem !important
    }

    .gap-xxl-3 {
        gap: 1rem !important
    }

    .gap-xxl-4 {
        gap: 1.5rem !important
    }

    .gap-xxl-5 {
        gap: 3rem !important
    }

    .row-gap-xxl-0 {
        row-gap: 0 !important
    }

    .row-gap-xxl-1 {
        row-gap: .25rem !important
    }

    .row-gap-xxl-2 {
        row-gap: .5rem !important
    }

    .row-gap-xxl-3 {
        row-gap: 1rem !important
    }

    .row-gap-xxl-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-xxl-5 {
        row-gap: 3rem !important
    }

    .column-gap-xxl-0 {
        column-gap: 0 !important
    }

    .column-gap-xxl-1 {
        column-gap: .25rem !important
    }

    .column-gap-xxl-2 {
        column-gap: .5rem !important
    }

    .column-gap-xxl-3 {
        column-gap: 1rem !important
    }

    .column-gap-xxl-4 {
        column-gap: 1.5rem !important
    }

    .column-gap-xxl-5 {
        column-gap: 3rem !important
    }

    .text-xxl-start {
        text-align: left !important
    }

    .text-xxl-end {
        text-align: right !important
    }

    .text-xxl-center {
        text-align: center !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-inline-grid {
        display: inline-grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

[dir=ltr] .gist, [dir=ltr] .tt-menu {
    text-align: left
}

[dir=rtl] .gist, [dir=rtl] .tt-menu {
    text-align: right
}

.tt-hint, .tt-query, .typeahead {
    width: 100%;
    height: 4.25rem;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1;
    border: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    outline: 0
}

[dir=ltr] .tt-hint, [dir=ltr] .tt-query, [dir=ltr] .typeahead {
    padding: 1.25rem 1.25rem 1.25rem 1.25rem
}

[dir=rtl] .tt-hint, [dir=rtl] .tt-query, [dir=rtl] .typeahead {
    padding: 1.25rem 1.25rem 1.25rem 1.25rem
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.tt-hint {
    color: #999
}

.tt-menu {
    width: 100%
}

[dir=ltr] .tt-menu {
    padding: 2.25rem 0rem 0rem 0rem
}

[dir=rtl] .tt-menu {
    padding: 2.25rem 0rem 0rem 0rem
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #0097cf
}

.tt-suggestion p {
    margin: 0
}

.gist {
    font-size: 14px
}

.tt-dataset.tt-dataset-searchData {
    position: relative;
    height: 31.25rem;
    overflow-y: scroll
}

    .tt-dataset.tt-dataset-searchData::-webkit-scrollbar {
        display: none
    }

    .tt-dataset.tt-dataset-searchData:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: radial-gradient(107.32% 141.42% at 0 0,rgba(0,0,0,.96) 0,rgba(58,58,58,.88) 100%);
        -webkit-backdrop-filter: blur(35px);
        backdrop-filter: blur(21px)
    }

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .tt-menu {
        padding: 1.25rem 0rem 0rem 0rem
    }

    [dir=rtl] .tt-menu {
        padding: 1.25rem 0rem 0rem 0rem
    }

    .tt-dataset-searchData {
        overflow-y: scroll;
        height: 15.625rem
    }
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    overflow: clip;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
    transform: translate3d(0,0,0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

    .swiper-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform,height
    }

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

    .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
        transform-style: preserve-3d
    }

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

    .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
        display: none
    }

    .swiper-css-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: start start
    }

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none
}

    .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: none
    }

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper-button-next, .swiper-button-prev {
    position: initial !important
}

    .swiper-button-next:after, .swiper-button-prev:after {
        display: none
    }

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    overflow: clip;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
    transform: translate3d(0,0,0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

    .swiper-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform,height
    }

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

    .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
        transform-style: preserve-3d
    }

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

    .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
        display: none
    }

    .swiper-css-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: start start
    }

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none
}

    .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: none
    }

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

    .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
        opacity: 0;
        cursor: auto;
        pointer-events: none
    }

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg, .swiper-button-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,10px);
    right: auto
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto
}

    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
        content: 'next'
    }

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

    .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
        display: none !important
    }

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom,8px);
    top: var(--swiper-pagination-top,auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transform: scale(.33);
        position: relative
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        transform: scale(.33)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        transform: scale(.33)
    }

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius,50%);
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity,.2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity,1);
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: var(--swiper-pagination-right,8px);
    left: var(--swiper-pagination-left,auto);
    top: 50%;
    transform: translate3d(0,-50%,0)
}

    .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
        display: block
    }

    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        transform: translateY(-50%);
        width: 8px
    }

        .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            transition: .2s transform,.2s top
        }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

    .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transition: .2s transform,.2s left
    }

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color,inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
    position: absolute
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: var(--swiper-pagination-color,var(--swiper-theme-color));
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transform: scale(0);
        transform-origin: left top
    }

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size,4px);
    left: 0;
    top: 0
}

    .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
        width: var(--swiper-pagination-progressbar-size,4px);
        height: 100%;
        left: 0;
        top: 0
    }

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    position: relative;
    -ms-touch-action: none;
    background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))
}

    .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
        display: none !important
    }

    .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
        position: absolute;
        left: var(--swiper-scrollbar-sides-offset,1%);
        bottom: var(--swiper-scrollbar-bottom,4px);
        top: var(--swiper-scrollbar-top,auto);
        z-index: 50;
        height: var(--swiper-scrollbar-size,4px);
        width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
    }

    .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
        position: absolute;
        left: var(--swiper-scrollbar-left,auto);
        right: var(--swiper-scrollbar-right,4px);
        top: var(--swiper-scrollbar-sides-offset,1%);
        z-index: 50;
        width: var(--swiper-scrollbar-size,4px);
        height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
    }

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

    .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain
    }

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

    .swiper-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

    .swiper-cube .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        transform-origin: 0 0;
        width: 100%;
        height: 100%
    }

        .swiper-cube .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-cube.swiper-rtl .swiper-slide {
        transform-origin: 100% 0
    }

    .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: .6;
        z-index: 0
    }

        .swiper-cube .swiper-cube-shadow:before {
            content: '';
            background: #000;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            filter: blur(50px)
        }

    .swiper-cube .swiper-slide-next + .swiper-slide {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

.swiper-flip {
    overflow: visible
}

    .swiper-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1
    }

        .swiper-flip .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform,opacity,height
}

.swiper-cards {
    overflow: visible
}

    .swiper-cards .swiper-slide {
        transform-origin: center bottom;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        overflow: hidden
    }

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

    .fancybox-container * {
        box-sizing: border-box
    }

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease,visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s,visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform,opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

[dir=ltr] .fancybox-slide {
    padding: 2.75rem 2.75rem 2.75rem 2.75rem
}

[dir=rtl] .fancybox-slide {
    padding: 2.75rem 2.75rem 2.75rem 2.75rem
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

    .fancybox-slide--image:before {
        display: none
    }

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility: hidden;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform,opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    background: 0 0;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe, .fancybox-video {
    background: 0 0;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

    .fancybox-error p {
        color: #444;
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        padding: 0
    }

.fancybox-button {
    background: rgba(30,30,30,.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

    .fancybox-button, .fancybox-button:link, .fancybox-button:visited {
        color: #ccc
    }

        .fancybox-button:hover {
            color: #fff
        }

        .fancybox-button:focus {
            outline: 0
        }

        .fancybox-button.fancybox-focus {
            outline: 1px dotted
        }

        .fancybox-button[disabled], .fancybox-button[disabled]:hover {
            color: #888;
            cursor: default;
            outline: 0
        }

        .fancybox-button div {
            height: 100%
        }

        .fancybox-button svg {
            display: block;
            height: 100%;
            overflow: visible;
            position: relative;
            width: 100%
        }

            .fancybox-button svg path {
                fill: currentColor;
                stroke-width: 0
            }

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

    .fancybox-close-small:hover {
        color: #fff;
        opacity: 1
    }

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

    .fancybox-navigation .fancybox-button div {
        padding: 7px
    }

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0
}

.fancybox-caption {
    background: linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding:0px) {
    .fancybox-caption {
        padding: 75px
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

    .fancybox-caption a:hover {
        color: #fff;
        text-decoration: underline
    }

.fancybox-loading {
    animation: a 1s linear infinite;
    background: 0 0;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

@media (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:0px) {
        .fancybox-caption {
            padding-left: 12px;
            padding-right: 12px
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

    .fancybox-share .h1, .fancybox-share h1 {
        color: #222;
        font-size: 35px;
        font-weight: 700;
        margin: 0 0 20px
    }

    .fancybox-share p {
        margin: 0;
        padding: 0
    }

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .fancybox-share__button:link, .fancybox-share__button:visited {
        color: #fff
    }

    .fancybox-share__button:hover {
        text-decoration: none
    }

.fancybox-share__button--fb {
    background: #3b5998
}

    .fancybox-share__button--fb:hover {
        background: #344e86
    }

.fancybox-share__button--pt {
    background: #bd081d
}

    .fancybox-share__button--pt:hover {
        background: #aa0719
    }

.fancybox-share__button--tw {
    background: #1da1f2
}

    .fancybox-share__button--tw:hover {
        background: #0d95e8
    }

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

    .fancybox-share__button svg path {
        fill: #fff
    }

.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0,0,0,.1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

    .fancybox-thumbs__list a:before {
        border: 6px solid #ff5268;
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: all .2s cubic-bezier(.25,.46,.45,.94);
        z-index: 99991
    }

    .fancybox-thumbs__list a:focus:before {
        opacity: .5
    }

    .fancybox-thumbs__list a.fancybox-thumbs-active:before {
        opacity: 1
    }

@media (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

@font-face {
    font-family: icomoon;
    src: url(/assets/DED/fonts/icomoon.eot?9awve2);
    src: url(/assets/DED/fonts/icomoon.eot?9awve2#iefix) format("embedded-opentype"),url(/assets/DED/fonts/icomoon.woff2?9awve2) format("woff2"),url(/assets/DED/fonts/icomoon.ttf?9awve2) format("truetype"),url(/assets/DED/fonts/icomoon.woff?9awve2) format("woff"),url(/assets/DED/fonts/icomoon.svg?9awve2#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" icon-"], [class^=icon-] {
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-angle-double-right:before {
    content: "\e934"
}

.icon-angle-double-left:before {
    content: "\e933"
}

.icon-minus:before {
    content: "\e92b"
}

.icon-plus:before {
    content: "\e917"
}

.icon-double-arrow-left:before {
    content: "\e933"
}

.icon-double-arrow-right:before {
    content: "\e934"
}

.icon-ded-down-arrow:before {
    content: "\e92f"
}

.icon-ded-left-arrow:before {
    content: "\e930"
}

.icon-ded-right-arrow:before {
    content: "\e931"
}

.icon-ded-up-arrow:before {
    content: "\e932"
}

.icon-globe:before {
    content: "\e92e"
}

.icon-reset-icon:before {
    content: "\e918"
}

.icon-trianlge-linesB:before {
    content: "\e92a"
}

.icon-linkedIn:before {
    content: "\e928"
}

.icon-whatsapp:before {
    content: "\e929"
}

.icon-direction:before {
    content: "\e920"
}

.icon-linkdine:before {
    content: "\e927"
}

.icon-targetLink:before {
    content: "\e926"
}

.icon-filtericon:before {
    content: "\e925"
}

.icon-fax:before {
    content: "\e921"
}

.icon-overview:before {
    content: "\e922"
}

.icon-calendar:before {
    content: "\e923"
}

.icon-location:before {
    content: "\e924"
}

.icon-add-to-calendar:before {
    content: "\e91f"
}

.icon-twitter-new:before {
    content: "\e91e"
}

.icon-play:before {
    content: "\e91d"
}

.icon-share:before {
    content: "\e916"
}

.icon-fb:before {
    content: "\e900"
}

.icon-in:before {
    content: "\e901"
}

.icon-tw:before {
    content: "\e902"
}

.icon-th:before {
    content: "\e903"
}

.icon-print:before {
    content: "\e91b"
}

.icon-sound:before {
    content: "\e91c"
}

.icon-quote:before {
    content: "\e91a"
}

.icon-download:before {
    content: "\e919"
}

.icon-tick:before {
    content: "\e912"
}

.icon-call:before {
    content: "\e913"
}

.icon-group:before {
    content: "\e914"
}

.icon-clock:before {
    content: "\e915"
}

.icon-close:before {
    content: "\e911"
}

.icon-pdf:before {
    content: "\e910"
}

.icon-yt:before {
    content: "\e90f"
}

.icon-email:before {
    content: "\e904"
}

.icon-right-angle-arrow:before {
    content: "\e930"
}

.icon-bottom-angle-arrow:before {
    content: "\e92f"
}

.icon-down-arrow:before {
    content: "\e92f"
}

.icon-left-angle-arrow:before {
    content: "\e931"
}

.icon-left-arrow:before {
    content: "\e931"
}

.icon-right-arrow:before {
    content: "\e930"
}

.icon-search-icon:before {
    content: "\e90b"
}

.icon-top-angle-arrow:before {
    content: "\e932"
}

.icon-up-arrow:before {
    content: "\e932"
}

.icon-accessibility-icon:before {
    content: "\e90e"
}

[dir=rtl] .icon-right-angle-arrow:before {
    content: "\e931"
}

[dir=rtl] .icon-left-angle-arrow:before {
    content: "\e930"
}

[dir=rtl] .icon-left-arrow:before {
    content: "\e930"
}

[dir=rtl] .icon-right-arrow:before {
    content: "\e931"
}

[dir=rtl] .icon-angle-double-right:before {
    content: "\e933"
}

[dir=rtl] .icon-angle-double-left:before {
    content: "\e934"
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

    .select2-container .select2-selection--single {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 28px;
        user-select: none;
        -webkit-user-select: none
    }

        .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            padding-left: 8px;
            padding-right: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .select2-container .select2-selection--single .select2-selection__clear {
            background-color: transparent;
            border: none;
            font-size: 1em
        }

    .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
        padding-right: 8px;
        padding-left: 20px
    }

    .select2-container .select2-selection--multiple {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        min-height: 32px;
        user-select: none;
        -webkit-user-select: none
    }

        .select2-container .select2-selection--multiple .select2-selection__rendered {
            display: inline;
            list-style: none;
            padding: 0
        }

        .select2-container .select2-selection--multiple .select2-selection__clear {
            background-color: transparent;
            border: none;
            font-size: 1em
        }

    .select2-container .select2-search--inline .select2-search__field {
        box-sizing: border-box;
        border: none;
        font-size: 100%;
        margin-top: 5px;
        margin-left: 5px;
        padding: 0;
        max-width: 100%;
        resize: none;
        height: 18px;
        vertical-align: bottom;
        font-family: sans-serif;
        overflow: hidden;
        word-break: keep-all
    }

        .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none
        }

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option--selectable {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

    .select2-search--dropdown .select2-search__field {
        padding: 4px;
        width: 100%;
        box-sizing: border-box
    }

        .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none
        }

    .select2-search--dropdown.select2-search--hide {
        display: none
    }

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px
    }

    .select2-container--default .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: 700;
        height: 26px;
        margin-right: 20px;
        padding-right: 0
    }

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #999
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0
        }

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

    .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
        display: none
    }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative
}

    .select2-container--default .select2-selection--multiple.select2-selection--clearable {
        padding-right: 25px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        cursor: pointer;
        font-weight: 700;
        height: 20px;
        margin-right: 10px;
        margin-top: 5px;
        position: absolute;
        right: 0;
        padding: 1px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        box-sizing: border-box;
        display: inline-block;
        margin-left: 5px;
        margin-top: 5px;
        padding: 0;
        padding-left: 20px;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: bottom;
        white-space: nowrap
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
        cursor: default;
        padding-left: 2px;
        padding-right: 5px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        background-color: transparent;
        border: none;
        border-right: 1px solid #aaa;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        color: #999;
        cursor: pointer;
        font-size: 1em;
        font-weight: 700;
        padding: 0 4px;
        position: absolute;
        left: 0;
        top: 0
    }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
            background-color: #f1f1f1;
            color: #333;
            outline: 0
        }

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-left: 1px solid #aaa;
    border-right: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
    float: left;
    margin-left: 10px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #000 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

    .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
        padding-left: 0
    }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -1em;
        padding-left: 2em
    }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -2em;
            padding-left: 3em
        }

            .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -3em;
                padding-left: 4em
            }

                .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -4em;
                    padding-left: 5em
                }

                    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -5em;
                        padding-left: 6em
                    }

.select2-container--default .select2-results__option--group {
    padding: 0
}

.select2-container--default .select2-results__option--disabled {
    color: #999
}

.select2-container--default .select2-results__option--selected {
    background-color: #ddd
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #dee2e6;
    border-radius: .375rem;
    outline: 0;
    background-image: -webkit-linear-gradient(top,#fff 50%,#eee 100%);
    background-image: -o-linear-gradient(top,#fff 50%,#eee 100%);
    background-image: linear-gradient(to bottom,#fff 50%,#eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

    .select2-container--classic .select2-selection--single:focus {
        border: 1px solid #5897fb
    }

    .select2-container--classic .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px
    }

    .select2-container--classic .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: 700;
        height: 26px;
        margin-right: 20px
    }

    .select2-container--classic .select2-selection--single .select2-selection__placeholder {
        color: #999
    }

    .select2-container--classic .select2-selection--single .select2-selection__arrow {
        background-color: #ddd;
        border: none;
        border-left: 1px solid #dee2e6;
        border-top-right-radius: .375rem;
        border-bottom-right-radius: .375rem;
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
        background-image: -webkit-linear-gradient(top,#eee 50%,#ccc 100%);
        background-image: -o-linear-gradient(top,#eee 50%,#ccc 100%);
        background-image: linear-gradient(to bottom,#eee 50%,#ccc 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
    }

        .select2-container--classic .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0
        }

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #dee2e6;
    border-radius: 0;
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
        background: 0 0;
        border: none
    }

        .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-color: transparent transparent #888 transparent;
            border-width: 0 4px 5px 4px
        }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top,#fff 0,#eee 50%);
    background-image: -o-linear-gradient(top,#fff 0,#eee 50%);
    background-image: linear-gradient(to bottom,#fff 0,#eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top,#eee 50%,#fff 100%);
    background-image: -o-linear-gradient(top,#eee 50%,#fff 100%);
    background-image: linear-gradient(to bottom,#eee 50%,#fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .375rem;
    cursor: text;
    outline: 0;
    padding-bottom: 5px;
    padding-right: 5px
}

    .select2-container--classic .select2-selection--multiple:focus {
        border: 1px solid #5897fb
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__clear {
        display: none
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #dee2e6;
        border-radius: .375rem;
        display: inline-block;
        margin-left: 5px;
        margin-top: 5px;
        padding: 0
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
        cursor: default;
        padding-left: 2px;
        padding-right: 5px
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
        background-color: transparent;
        border: none;
        border-top-left-radius: .375rem;
        border-bottom-left-radius: .375rem;
        color: #888;
        cursor: pointer;
        font-size: 1em;
        font-weight: 700;
        padding: 0 4px
    }

        .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #555;
            outline: 0
        }

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #dee2e6;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option--group {
    padding: 0
}

.select2-container--classic .select2-results__option--disabled {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}
/*!
 * Select2 v4 Bootstrap 5 theme v1.3.0
 */

.select2-container--bootstrap-5 {
    display: block
}

select + .select2-container--bootstrap-5 {
    z-index: 1
}

.select2-container--bootstrap-5 :focus {
    outline: 0
}

.select2-container--bootstrap-5 .select2-selection {
    width: 100%;
    min-height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: var(--bs-white);
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .select2-container--bootstrap-5 .select2-selection {
        transition: none
    }
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection {
    border-color: var(--bs-green-700);
    box-shadow: none
}

.select2-container--bootstrap-5 .select2-search {
    width: 100%
}

.select2-container--bootstrap-5 .select2-search--inline .select2-search__field {
    vertical-align: top
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear, .select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear {
    position: absolute;
    top: 50%;
    right: 2.25rem;
    width: .75rem;
    height: .75rem;
    padding: .25em;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    transform: translateY(-50%)
}

    .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear > span, .select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear > span {
        display: none
    }

.select2-container--bootstrap-5 + .select2-container--bootstrap-5 {
    z-index: 1056
}

.select2-container--bootstrap-5 .select2-dropdown {
    z-index: 1056;
    overflow: hidden;
    color: #212529;
    background-color: #fff;
    border-color: var(--bs-green-700);
    border-radius: .25rem
}

    .select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--below {
        border-top: 0 solid transparent;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--above {
        border-bottom: 0 solid transparent;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .select2-container--bootstrap-5 .select2-dropdown .select2-search {
        padding: .375rem .75rem
    }

        .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
            display: block;
            width: 100%;
            padding: .375rem .75rem;
            font-family: inherit;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #212529;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ced4da;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border-radius: .25rem;
            transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
        }

@media (prefers-reduced-motion:reduce) {
    .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
        transition: none
    }
}

.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
    border-color: var(--bs-green-700);
    box-shadow: none
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options:not(.select2-results__options--nested) {
    max-height: 15rem;
    overflow-y: auto
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5
}

    .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__message {
        color: #6c757d
    }

    .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted {
        color: #000;
        background-color: #e9ecef
    }

    .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
        color: #fff;
        background-color: #0d6efd
    }

    .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--disabled, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-disabled=true] {
        color: #6c757d
    }

    .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] {
        padding: 0
    }

        .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
            padding: .375rem;
            font-weight: 500;
            line-height: 1.5;
            color: #6c757d
        }

        .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option {
            padding: .375rem .75rem
        }

.select2-container--bootstrap-5 .select2-selection--single {
    padding: .375rem 2.25rem .375rem .75rem;
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px
}

[dir=rtl] .select2-container--bootstrap-5 .select2-selection--single {
    background-position: left .75rem center
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    padding: 0;
    font-weight: 400;
    line-height: 1.5;
    color: #212529
}

    .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
        font-weight: 400;
        line-height: 1.5;
        color: #6c757d
    }

    .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__arrow {
        display: none
    }

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-left: 0;
    margin: 0;
    list-style: none
}

    .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: .35em .65em;
        margin-right: .375rem;
        margin-bottom: .375rem;
        font-size: 1rem;
        color: #212529;
        cursor: auto;
        border: 1px solid #ced4da;
        border-radius: .25rem
    }

        .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
            width: .75rem;
            height: .75rem;
            padding: .25em;
            margin-right: .25rem;
            overflow: hidden;
            text-indent: 100%;
            white-space: nowrap;
            background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.75rem auto no-repeat;
            border: 0
        }

            .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
                background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.75rem auto no-repeat
            }

            .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove > span {
                display: none
            }

.select2-container--bootstrap-5 .select2-selection--multiple .select2-search {
    display: block;
    width: 100%;
    height: 1.5rem
}

    .select2-container--bootstrap-5 .select2-selection--multiple .select2-search .select2-search__field {
        width: 100%;
        height: 1.5rem;
        margin-top: 0;
        margin-left: 0;
        font-family: inherit;
        line-height: 1.5;
        background-color: transparent
    }

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear {
    right: .75rem
}

.select2-container--bootstrap-5.select2-container--disabled .select2-selection, .select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection {
    color: #6c757d;
    cursor: not-allowed;
    background-color: #e9ecef;
    border-color: #ced4da;
    box-shadow: none
}

.select2-container--bootstrap-5.select2-container--disabled .select2-selection--multiple .select2-selection__clear, .select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--bootstrap-5.select2-container--disabled .select2-selection--multiple .select2-selection__choice, .select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__choice {
    cursor: not-allowed
}

    .select2-container--bootstrap-5.select2-container--disabled .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove, .select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
        display: none
    }

.select2-container--bootstrap-5.select2-container--disabled .select2-selection--multiple .select2-selection__rendered:not(:empty), .select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__rendered:not(:empty) {
    padding-bottom: 0
}

    .select2-container--bootstrap-5.select2-container--disabled .select2-selection--multiple .select2-selection__rendered:not(:empty) + .select2-search, .select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__rendered:not(:empty) + .select2-search {
        display: none
    }

.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu).select2-container--bootstrap-5 .select2-selection, .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu).select2-container--bootstrap-5 .select2-selection {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group > .btn ~ .select2-container--bootstrap-5 .select2-selection, .input-group > .dropdown-menu ~ .select2-container--bootstrap-5 .select2-selection, .input-group > .input-group-text ~ .select2-container--bootstrap-5 .select2-selection {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group .select2-container--bootstrap-5 {
    flex-grow: 1
}

    .input-group .select2-container--bootstrap-5 .select2-selection {
        height: 100%
    }

.is-valid + .select2-container--bootstrap-5 .select2-selection, .was-validated select:valid + .select2-container--bootstrap-5 .select2-selection {
    border-color: var(--bs-green-700)
}

.is-valid + .select2-container--bootstrap-5.select2-container--focus .select2-selection, .is-valid + .select2-container--bootstrap-5.select2-container--open .select2-selection, .was-validated select:valid + .select2-container--bootstrap-5.select2-container--focus .select2-selection, .was-validated select:valid + .select2-container--bootstrap-5.select2-container--open .select2-selection {
    border-color: var(--bs-green-700);
    box-shadow: none
}

.is-valid + .select2-container--bootstrap-5.select2-container--open.select2-container--below .select2-selection, .was-validated select:valid + .select2-container--bootstrap-5.select2-container--open.select2-container--below .select2-selection {
    border-bottom: 0 solid transparent
}

.is-valid + .select2-container--bootstrap-5.select2-container--open.select2-container--above .select2-selection, .was-validated select:valid + .select2-container--bootstrap-5.select2-container--open.select2-container--above .select2-selection {
    border-top: 0 solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.is-invalid + .select2-container--bootstrap-5 .select2-selection, .was-validated select:invalid + .select2-container--bootstrap-5 .select2-selection {
    border-color: #dc3545
}

.is-invalid + .select2-container--bootstrap-5.select2-container--focus .select2-selection, .is-invalid + .select2-container--bootstrap-5.select2-container--open .select2-selection, .was-validated select:invalid + .select2-container--bootstrap-5.select2-container--focus .select2-selection, .was-validated select:invalid + .select2-container--bootstrap-5.select2-container--open .select2-selection {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem rgba(220,53,69,.25)
}

.is-invalid + .select2-container--bootstrap-5.select2-container--open.select2-container--below .select2-selection, .was-validated select:invalid + .select2-container--bootstrap-5.select2-container--open.select2-container--below .select2-selection {
    border-bottom: 0 solid transparent
}

.is-invalid + .select2-container--bootstrap-5.select2-container--open.select2-container--above .select2-selection, .was-validated select:invalid + .select2-container--bootstrap-5.select2-container--open.select2-container--above .select2-selection {
    border-top: 0 solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--bootstrap-5 .select2--small.select2-selection {
    min-height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-selection__clear, .select2-container--bootstrap-5 .select2--small.select2-selection--single .select2-selection__clear {
    width: .5rem;
    height: .5rem;
    padding: .125rem;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.5rem auto no-repeat
}

    .select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-selection__clear:hover, .select2-container--bootstrap-5 .select2--small.select2-selection--single .select2-selection__clear:hover {
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.5rem auto no-repeat
    }

.select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-search, .select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-search .select2-search__field, .select2-container--bootstrap-5 .select2--small.select2-selection--single .select2-search, .select2-container--bootstrap-5 .select2--small.select2-selection--single .select2-search .select2-search__field {
    height: 1.5em
}

.select2-container--bootstrap-5 .select2--small.select2-dropdown {
    border-radius: .2rem
}

    .select2-container--bootstrap-5 .select2--small.select2-dropdown.select2-dropdown--below {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .select2-container--bootstrap-5 .select2--small.select2-dropdown.select2-dropdown--above {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-results__options .select2-results__option, .select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-search .select2-search__field {
        padding: .25rem .5rem;
        font-size: .875rem
    }

        .select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
            padding: .25rem
        }

        .select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option {
            padding: .25rem .5rem
        }

.select2-container--bootstrap-5 .select2--small.select2-selection--single {
    padding: .25rem 2.25rem .25rem .5rem
}

.select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    padding: .35em .65em;
    font-size: .875rem
}

    .select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
        width: .5rem;
        height: .5rem;
        padding: .125rem;
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.5rem auto no-repeat
    }

        .select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
            background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.5rem auto no-repeat
        }

.select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-selection__clear {
    right: .5rem
}

.select2-container--bootstrap-5 .select2--large.select2-selection {
    min-height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-selection__clear, .select2-container--bootstrap-5 .select2--large.select2-selection--single .select2-selection__clear {
    width: 1rem;
    height: 1rem;
    padding: .5rem;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/1rem auto no-repeat
}

    .select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-selection__clear:hover, .select2-container--bootstrap-5 .select2--large.select2-selection--single .select2-selection__clear:hover {
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/1rem auto no-repeat
    }

.select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-search, .select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-search .select2-search__field, .select2-container--bootstrap-5 .select2--large.select2-selection--single .select2-search, .select2-container--bootstrap-5 .select2--large.select2-selection--single .select2-search .select2-search__field {
    height: 1.5em
}

.select2-container--bootstrap-5 .select2--large.select2-dropdown {
    border-radius: .3rem
}

    .select2-container--bootstrap-5 .select2--large.select2-dropdown.select2-dropdown--below {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .select2-container--bootstrap-5 .select2--large.select2-dropdown.select2-dropdown--above {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .select2-container--bootstrap-5 .select2--large.select2-dropdown .select2-results__options .select2-results__option, .select2-container--bootstrap-5 .select2--large.select2-dropdown .select2-search .select2-search__field {
        padding: .5rem 1rem;
        font-size: 1.25rem
    }

        .select2-container--bootstrap-5 .select2--large.select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
            padding: .5rem
        }

        .select2-container--bootstrap-5 .select2--large.select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option {
            padding: .5rem 1rem
        }

.select2-container--bootstrap-5 .select2--large.select2-selection--single {
    padding: .5rem 2.25rem .5rem 1rem
}

.select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    padding: .35em .65em;
    font-size: 1.25rem
}

    .select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
        width: 1rem;
        height: 1rem;
        padding: .5rem
    }

.select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-selection__clear {
    right: 1rem
}

.form-select-sm ~ .select2-container--bootstrap-5 .select2-selection {
    min-height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear, .form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear {
    width: .5rem;
    height: .5rem;
    padding: .125rem
}

.form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-search, .form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-search .select2-search__field, .form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--single .select2-search, .form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--single .select2-search .select2-search__field {
    height: 1.5em
}

.form-select-sm ~ .select2-container--bootstrap-5 .select2-dropdown {
    border-radius: .2rem
}

    .form-select-sm ~ .select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--below {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .form-select-sm ~ .select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--above {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .form-select-sm ~ .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option, .form-select-sm ~ .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
        padding: .25rem .5rem;
        font-size: .875rem
    }

        .form-select-sm ~ .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
            padding: .25rem
        }

        .form-select-sm ~ .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option {
            padding: .25rem .5rem
        }

.form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--single {
    padding: .25rem 2.25rem .25rem .5rem
}

.form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    padding: .35em .65em;
    font-size: .875rem
}

    .form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
        width: .5rem;
        height: .5rem;
        padding: .125rem
    }

.form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear {
    right: .5rem
}

.form-select-lg ~ .select2-container--bootstrap-5 .select2-selection {
    min-height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear, .form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear {
    width: 1rem;
    height: 1rem;
    padding: .5rem
}

.form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-search, .form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-search .select2-search__field, .form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--single .select2-search, .form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--single .select2-search .select2-search__field {
    height: 1.5em
}

.form-select-lg ~ .select2-container--bootstrap-5 .select2-dropdown {
    border-radius: .3rem
}

    .form-select-lg ~ .select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--below {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .form-select-lg ~ .select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--above {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .form-select-lg ~ .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option, .form-select-lg ~ .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
        padding: .5rem 1rem;
        font-size: 1.25rem
    }

        .form-select-lg ~ .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
            padding: .5rem
        }

        .form-select-lg ~ .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option {
            padding: .5rem 1rem
        }

.form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--single {
    padding: .5rem 2.25rem .5rem 1rem
}

.form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    padding: .35em .65em;
    font-size: 1.25rem
}

    .form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
        width: 1rem;
        height: 1rem;
        padding: .5rem
    }

.form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear {
    right: 1rem
}

.slideInLeft {
    opacity: 1 !important
}

.ie8 .animate, .ie9 .animate {
    filter: alpha(opacity=100);
    opacity: 1;
    animation-name: none !important
}

.ie11 .animate, .ie8 .animate, .ie9 .animate {
    filter: alpha(opacity=100);
    opacity: 1;
    animation-name: none !important
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20%,0,0);
        transform: translate3d(-20%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20%,0,0);
        transform: translate3d(-20%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(20%,0,0);
        transform: translate3d(20%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(20%,0,0);
        transform: translate3d(20%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,20%,0);
        transform: translate3d(0,20%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,20%,0);
        transform: translate3d(0,20%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-20%,0);
        transform: translate3d(0,-20%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-20%,0);
        transform: translate3d(0,-20%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .win .animate {
        filter: alpha(opacity=1) !important;
        opacity: 1 !important
    }
}

@media (min-width:1200px) {
    .win .animate {
        filter: alpha(opacity=0);
        opacity: 0
    }

    .win .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    .mac .animate {
        filter: alpha(opacity=0);
        opacity: 0
    }

    .mac .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    .fadeInLeft {
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft
    }

    [dir=rtl] .fadeInLeft {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight
    }

    .fadeInRight {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight
    }

    [dir=rtl] .fadeInRight {
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft
    }

    .fadeInUp {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp
    }

    .fadeIn {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn
    }

    .fadeInDown {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown
    }

    .slideInRight {
        -webkit-animation-name: slideInRight;
        animation-name: slideInRight
    }

    .slideInLeft {
        -webkit-animation-name: slideInLeft;
        animation-name: slideInLeft
    }

    .slideInUp {
        -webkit-animation-name: slideInUp;
        animation-name: slideInUp
    }

        .slideInUp.animated {
            opacity: 1 !important
        }

    .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    .animate {
        filter: alpha(opacity=0);
        opacity: 0
    }

    .ie8 .animate, .ie9 .animate {
        filter: alpha(opacity=100);
        opacity: 1
    }

    .ie11 .animate, .ie8 .animate, .ie9 .animate {
        filter: alpha(opacity=100);
        opacity: 1
    }
}

.ie8 .animate, .ie9 .animate {
    filter: alpha(opacity=100);
    opacity: 1
}

.fv-has-feedback {
    position: relative
}

.fv-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center
}

.fv-help-block {
    display: block
}

.fv-form-bootstrap .help-block {
    margin-bottom: 0
}

.fv-form-bootstrap .tooltip-inner {
    text-align: left
}

.fv-form-bootstrap .fv-icon-no-label {
    top: 0
}

.fv-form-bootstrap .fv-bootstrap-icon-input-group {
    z-index: 100
}

.form-inline.fv-form-bootstrap .form-group {
    vertical-align: top
}

.fv-form-foundation .fv-control-feedback {
    top: 21px;
    right: 15px;
    width: 37px;
    height: 37px;
    line-height: 37px
}

.fv-form-foundation .collapse .fv-control-feedback {
    top: 0;
    right: 0
}

.fv-form-horizontal.fv-form-foundation .fv-control-feedback {
    top: 0
}

.fv-form-foundation .fv-icon-no-label {
    top: 0
}

.fv-form-foundation .error .fv-control-feedback {
    color: #f04124
}

.error.fv-has-tooltip select, .error.fv-has-tooltip textarea, .fv-form-foundation .error.fv-has-tooltip input {
    margin-bottom: 1rem
}

.fv-form-pure .fv-control-feedback {
    top: 22px;
    width: 36px;
    height: 36px;
    line-height: 36px
}

.pure-form-stacked.fv-form-pure .fv-control-feedback {
    top: 4px
}

.pure-form-aligned .pure-control-group .fv-help-block {
    margin-top: 5px;
    margin-left: 180px
}

.fv-form-pure .fv-icon-no-label, .pure-form-aligned.fv-form-pure .fv-control-feedback {
    top: 0
}

.fv-form-pure .fv-has-error .fv-control-feedback, .fv-form-pure .fv-has-error .fv-help-block, .fv-form-pure .fv-has-error label {
    color: #ca3c3c
}

.fv-form-semantic .fv-control-feedback.icon {
    right: 7px
}

.fv-form-semantic .error .icon {
    color: #d95c5c
}

.fv-form-horizontal.fv-form-semantic .row {
    padding-bottom: 0
}

.fv-form-uikit .fv-control-feedback {
    top: 25px;
    width: 30px;
    height: 30px;
    line-height: 30px
}

.fv-form-uikit .uk-text-danger {
    display: block
}

.uk-form-horizontal.fv-form-uikit .fv-control-feedback {
    top: 0
}

.fv-form-uikit .fv-has-error .fv-control-feedback, .fv-form-uikit .fv-has-error .uk-form-label, .fv-form-uikit .fv-has-error label {
    color: #d85030
}

.fv-form-uikit .fv-icon-no-label {
    top: 0
}
/*!
 * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */

.datepicker {
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr
}

.datepicker-inline {
    width: 220px
}

.datepicker-rtl {
    direction: rtl
}

    .datepicker-rtl.dropdown-menu {
        left: auto
    }

    .datepicker-rtl table tr td span {
        float: right
    }

.datepicker-dropdown {
    top: 0;
    left: 0
}

    .datepicker-dropdown:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #999;
        border-top: 0;
        border-bottom-color: rgba(0,0,0,.2);
        position: absolute
    }

    .datepicker-dropdown:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-top: 0;
        position: absolute
    }

    .datepicker-dropdown.datepicker-orient-left:before {
        left: 6px
    }

    .datepicker-dropdown.datepicker-orient-left:after {
        left: 7px
    }

    .datepicker-dropdown.datepicker-orient-right:before {
        right: 6px
    }

    .datepicker-dropdown.datepicker-orient-right:after {
        right: 7px
    }

    .datepicker-dropdown.datepicker-orient-bottom:before {
        top: -7px
    }

    .datepicker-dropdown.datepicker-orient-bottom:after {
        top: -6px
    }

    .datepicker-dropdown.datepicker-orient-top:before {
        bottom: -7px;
        border-bottom: 0;
        border-top: 7px solid #999
    }

    .datepicker-dropdown.datepicker-orient-top:after {
        bottom: -6px;
        border-bottom: 0;
        border-top: 6px solid #fff
    }

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.datepicker td, .datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none
}

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr td.day.focused, .datepicker table tr td.day:hover {
    background: #eee;
    cursor: pointer
}

.datepicker table tr td.new, .datepicker table tr td.old {
    color: #999
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: 0 0;
    color: #999;
    cursor: default
}

.datepicker table tr td.highlighted {
    background: #d9edf7;
    border-radius: 0
}

.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
    background-color: #fde19a;
    background-image: -moz-linear-gradient(to bottom,#fdd49a,#fdf59a);
    background-image: -ms-linear-gradient(to bottom,#fdd49a,#fdf59a);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));
    background-image: -webkit-linear-gradient(to bottom,#fdd49a,#fdf59a);
    background-image: -o-linear-gradient(to bottom,#fdd49a,#fdf59a);
    background-image: linear-gradient(to bottom,#fdd49a,#fdf59a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #000
}

    .datepicker table tr td.today.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today:active, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today[disabled] {
        background-color: #fdf59a
    }

        .datepicker table tr td.today.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today:active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover:active {
            background-color: #fbf069\9
        }

        .datepicker table tr td.today:hover:hover {
            color: #000
        }

        .datepicker table tr td.today.active:hover {
            color: #fff
        }

.datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover {
    background: #eee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

    .datepicker table tr td.range.today, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover {
        background-color: #f3d17a;
        background-image: -moz-linear-gradient(to bottom,#f3c17a,#f3e97a);
        background-image: -ms-linear-gradient(to bottom,#f3c17a,#f3e97a);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#f3c17a),to(#f3e97a));
        background-image: -webkit-linear-gradient(to bottom,#f3c17a,#f3e97a);
        background-image: -o-linear-gradient(to bottom,#f3c17a,#f3e97a);
        background-image: linear-gradient(to bottom,#f3c17a,#f3e97a);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
        border-color: #f3e97a #f3e97a #edde34;
        border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

        .datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today.disabled:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today[disabled] {
            background-color: #f3e97a
        }

            .datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover:active {
                background-color: #efe24b\9
            }

.datepicker table tr td.selected, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover {
    background-color: #9e9e9e;
    background-image: -moz-linear-gradient(to bottom,#b3b3b3,grey);
    background-image: -ms-linear-gradient(to bottom,#b3b3b3,grey);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#b3b3b3),to(grey));
    background-image: -webkit-linear-gradient(to bottom,#b3b3b3,grey);
    background-image: -o-linear-gradient(to bottom,#b3b3b3,grey);
    background-image: linear-gradient(to bottom,#b3b3b3,grey);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='grey', GradientType=0);
    border-color: grey grey #595959;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}

    .datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected[disabled] {
        background-color: grey
    }

        .datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover:active {
            background-color: #666\9
        }

.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(to bottom,#08c,#04c);
    background-image: -ms-linear-gradient(to bottom,#08c,#04c);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
    background-image: -webkit-linear-gradient(to bottom,#08c,#04c);
    background-image: -o-linear-gradient(to bottom,#08c,#04c);
    background-image: linear-gradient(to bottom,#08c,#04c);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
    border-color: #04c #04c #002a80;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}

    .datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
        background-color: #04c
    }

        .datepicker table tr td.active.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active:active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover:active {
            background-color: #039\9
        }

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

    .datepicker table tr td span.focused, .datepicker table tr td span:hover {
        background: #eee
    }

    .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
        background: 0 0;
        color: #999;
        cursor: default
    }

    .datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover {
        background-color: #006dcc;
        background-image: -moz-linear-gradient(to bottom,#08c,#04c);
        background-image: -ms-linear-gradient(to bottom,#08c,#04c);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
        background-image: -webkit-linear-gradient(to bottom,#08c,#04c);
        background-image: -o-linear-gradient(to bottom,#08c,#04c);
        background-image: linear-gradient(to bottom,#08c,#04c);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
        border-color: #04c #04c #002a80;
        border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0,0,0,.25)
    }

        .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled] {
            background-color: #04c
        }

            .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active {
                background-color: #039\9
            }

    .datepicker table tr td span.new, .datepicker table tr td span.old {
        color: #999
    }

.datepicker .datepicker-switch {
    width: 145px
}

.datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th {
    cursor: pointer
}

    .datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
        background: #eee
    }

    .datepicker .next.disabled, .datepicker .prev.disabled {
        visibility: hidden
    }

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle
}

.input-append.date .add-on, .input-prepend.date .add-on {
    cursor: pointer
}

    .input-append.date .add-on i, .input-prepend.date .add-on i {
        margin-top: 3px
    }

.input-daterange input {
    text-align: center
}

    .input-daterange input:first-child {
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px
    }

    .input-daterange input:last-child {
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0
    }

.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 18px;
    padding: 4px 5px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    background-color: #eee;
    border: 1px solid #ccc;
    margin-left: -5px;
    margin-right: -5px
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

    .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
        -ms-touch-action: auto;
        touch-action: auto
    }

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside > .mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-left: 0
    }

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        position: relative;
        width: 4px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        text-align: center
    }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 4px;
        margin: 6px auto
    }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

    .mCSB_container_wrapper > .mCSB_container {
        padding-right: 30px;
        padding-bottom: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

    .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
        opacity: .75;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)"
    }

    .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
        opacity: .9;
        filter: "alpha(opacity=90)";
        -ms-filter: "alpha(opacity=90)"
    }

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0,0,0,.85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0,0,0,.9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255,255,255,.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,.1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,.15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

    .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 14px;
        margin: 0 1px
    }

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

    .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 14px;
        margin: 1px 0
    }

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px
    }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
        width: 8px;
        background-color: #000;
        background-color: rgba(0,0,0,.2);
        box-shadow: inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)
    }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #555
    }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 8px
    }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1);
    box-shadow: inset 1px 0 1px rgba(0,0,0,.1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

    .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px
    }

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: inset 1px 0 0 rgba(255,255,255,.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0,0,0,.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,.1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0,0,0,.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,.1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0,0,0,.2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0,0,0,.2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255,255,255,.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0,0,0,.2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,.6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9)
}

.h1, h1 {
    line-height: 6rem;
    letter-spacing: -.125rem
}

[dir=rtl] .h1, [dir=rtl] h1 {
    letter-spacing: initial
}

.h2, h2 {
    letter-spacing: -.125rem;
    font-weight: 300;
    line-height: 4.5rem
}

[dir=ltr] .h2, [dir=ltr] h2 {
    margin: 0rem 0rem 6rem 0rem
}

[dir=rtl] .h2, [dir=rtl] h2 {
    margin: 0rem 0rem 6rem 0rem
}

[dir=rtl] .h2, [dir=rtl] h2 {
    letter-spacing: initial
}

.h3, h3 {
    letter-spacing: -.125rem;
    line-height: 3rem;
    font-weight: 400
}

[dir=rtl] .h3, [dir=rtl] h3 {
    letter-spacing: initial
}

.h3 a, h3 a {
    color: var(--bs-black);
    text-decoration: none
}

.h4, h4 {
    letter-spacing: 0;
    line-height: 2.25rem;
    font-weight: 400
}

[dir=rtl] .h4, [dir=rtl] h4 {
    letter-spacing: initial
}

.h4 a, h4 a {
    color: var(--bs-black);
    text-decoration: none
}

.h5, .title5, h5 {
    letter-spacing: -.075rem;
    line-height: 2rem;
    font-weight: 400
}

[dir=rtl] .h5, [dir=rtl] .title5, [dir=rtl] h5 {
    letter-spacing: initial
}

.h5 a, .title5 a, h5 a {
    color: var(--bs-black);
    text-decoration: none
}

.h6, h6 {
    letter-spacing: -.0625rem;
    line-height: 1.625rem
}

[dir=rtl] .h6, [dir=rtl] h6 {
    letter-spacing: initial
}

p {
    line-height: 1.75rem;
    letter-spacing: -.03125rem;
    font-size: 1rem;
    color: var(--bs-black)
}

    p.lead {
        line-height: 1.625rem;
        font-weight: 300
    }

[dir=ltr] p.lead {
    margin: 0rem 0rem 1.5rem 0rem
}

[dir=rtl] p.lead {
    margin: 0rem 0rem 1.5rem 0rem
}

[dir=rtl] p {
    letter-spacing: initial
}

.title5 {
    display: block
}

.subHeading {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25rem;
    text-transform: uppercase;
    letter-spacing: .16rem;
    color: var(--bs-black);
    display: block;
    text-decoration: none
}

[dir=rtl] .subHeading {
    letter-spacing: initial
}

[dir=ltr] .subHeading {
    margin: 0rem 0rem 2.9375rem 0rem
}

[dir=rtl] .subHeading {
    margin: 0rem 0rem 2.9375rem 0rem
}

.h2 strong, h2 strong {
    font-weight: 700
}

@media (min-width:992px) and (max-width:1199.98px) {
    .h1, h1 {
        font-size: 2.625rem;
        letter-spacing: -.13125rem;
        line-height: 2.8875rem
    }

    [dir=rtl] .h1, [dir=rtl] h1 {
        letter-spacing: initial
    }

    .h2, h2 {
        font-size: 2rem;
        line-height: 2.5rem;
        letter-spacing: -.0625rem;
        font-weight: 300
    }

    [dir=ltr] .h2, [dir=ltr] h2 {
        margin: 0rem 0rem 3.5rem 0rem
    }

    [dir=rtl] .h2, [dir=rtl] h2 {
        margin: 0rem 0rem 3.5rem 0rem
    }

    [dir=rtl] .h2, [dir=rtl] h2 {
        letter-spacing: initial
    }

    .h3, h3 {
        font-size: 1.625rem;
        line-height: 2rem;
        letter-spacing: -.08125rem;
        font-weight: 400
    }

    [dir=rtl] .h3, [dir=rtl] h3 {
        letter-spacing: initial
    }

    .h4, h4 {
        font-size: 1.5rem;
        font-weight: 400;
        letter-spacing: -.08125rem;
        line-height: initial
    }

    [dir=rtl] .h4, [dir=rtl] h4 {
        letter-spacing: initial
    }

    .h5, .title5, h5 {
        letter-spacing: -.0625rem;
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    [dir=rtl] .h5, [dir=rtl] .title5, [dir=rtl] h5 {
        letter-spacing: initial
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .h1, h1 {
        font-size: 2.625rem;
        letter-spacing: -.13125rem;
        line-height: 2.8875rem
    }

    [dir=rtl] .h1, [dir=rtl] h1 {
        letter-spacing: initial
    }

    .h2, h2 {
        font-size: 2rem;
        line-height: 2.5rem;
        letter-spacing: -.0625rem;
        font-weight: 300
    }

    [dir=ltr] .h2, [dir=ltr] h2 {
        margin: 0rem 0rem 3.5rem 0rem
    }

    [dir=rtl] .h2, [dir=rtl] h2 {
        margin: 0rem 0rem 3.5rem 0rem
    }

    [dir=rtl] .h2, [dir=rtl] h2 {
        letter-spacing: initial
    }

    .h3, h3 {
        font-size: 1.625rem;
        line-height: 2rem;
        letter-spacing: -.08125rem;
        font-weight: 400
    }

    [dir=rtl] .h3, [dir=rtl] h3 {
        letter-spacing: initial
    }

    .h4, h4 {
        font-size: 1.5rem;
        font-weight: 400;
        letter-spacing: -.08125rem;
        line-height: initial
    }

    [dir=rtl] .h4, [dir=rtl] h4 {
        letter-spacing: initial
    }

    .h5, .title5, h5 {
        letter-spacing: -.0625rem;
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    [dir=rtl] .h5, [dir=rtl] .title5, [dir=rtl] h5 {
        letter-spacing: initial
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    .h1, h1 {
        font-size: 2.625rem;
        letter-spacing: -.13125rem;
        line-height: 2.8875rem
    }

    [dir=rtl] .h1, [dir=rtl] h1 {
        letter-spacing: initial
    }

    .h2, h2 {
        font-size: 2rem;
        line-height: 2.5rem;
        letter-spacing: -.0625rem;
        font-weight: 300
    }

    [dir=ltr] .h2, [dir=ltr] h2 {
        margin: 0rem 0rem 3.5rem 0rem
    }

    [dir=rtl] .h2, [dir=rtl] h2 {
        margin: 0rem 0rem 3.5rem 0rem
    }

    [dir=rtl] .h2, [dir=rtl] h2 {
        letter-spacing: initial
    }

    .h3, h3 {
        font-size: 1.625rem;
        line-height: 2rem;
        letter-spacing: -.08125rem;
        font-weight: 400
    }

    [dir=rtl] .h3, [dir=rtl] h3 {
        letter-spacing: initial
    }

    .h4, h4 {
        font-size: 1.5rem;
        font-weight: 400;
        letter-spacing: -.08125rem;
        line-height: initial
    }

    [dir=rtl] .h4, [dir=rtl] h4 {
        letter-spacing: initial
    }

    .h5, .title5, h5 {
        letter-spacing: -.0625rem;
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    [dir=rtl] .h5, [dir=rtl] .title5, [dir=rtl] h5 {
        letter-spacing: initial
    }
}

html {
    font-size: 1rem;
    overflow: hidden
}

    html.loaded {
        overflow-y: scroll
    }

@media print {
    .animate {
        opacity: 1 !important;
        filter: alpha(opacity=1) !important
    }

    img, tr {
        page-break-inside: avoid
    }

    .h1, .h2, .h3, .h4, .h5, .h6 p, .title5, h1, h2, h3, h4, h5, h6 p {
        orphans: 3;
        widows: 3
    }

    .h1, .h2, .h3, .h4, .h5, .h6, .title5, h1, h2, h3, h4, h5, h6 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    .heroSection, .innerHeroBanner, .video-bg {
        height: 100vh !important
    }

    .fixed-header, .innerHeroVideo, .video-bg {
        position: absolute !important
    }
}

.footerWrapper, main {
    position: relative;
    z-index: 8
}

body {
    background: var(--bs-grey-500);
    font-weight: 300;
    font-family: NeueHelveticaPro65Medium,sans-serif
}

[dir=ltr] body {
    text-align: left
}

[dir=rtl] body {
    text-align: right
}

[dir=rtl] body {
    font-family: Tajawal,sans-serif
}

.sepSection, .spacingSec {
    background: var(--bs-white);
    position: relative;
    z-index: 1
}

    .sepSection.bgGrey, .spacingSec.bgGrey {
        background: var(--bs-blue-500)
    }

.sepLine {
    background: var(--bs-grey-600);
    width: 100%;
    height: 2px;
    border: none;
    opacity: 1
}

[dir=ltr] .sepLine {
    margin: 6.25rem 0rem 6.25rem 0rem
}

[dir=rtl] .sepLine {
    margin: 6.25rem 0rem 6.25rem 0rem
}

[dir=ltr] .innerSection .sepLine {
    margin: 5rem 0rem 5rem 0rem
}

[dir=rtl] .innerSection .sepLine {
    margin: 5rem 0rem 5rem 0rem
}

div#st-cmp-v2 {
    display: none
}

.text-green {
    color: var(--bs-green-900)
}

[dir=ltr] .spaceVisible {
    padding: 9.375rem 0rem 0rem 0rem
}

[dir=rtl] .spaceVisible {
    padding: 9.375rem 0rem 0rem 0rem
}

.py-150 {
    padding: 9.375rem 0 !important
}

input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px var(#fff) inset !important;
    -webkit-text-fill-color: var(--bs-grey-900) !important
}

@media (min-width:1600px) and (max-width:1699.98px) {
    html {
        font-size: .8125rem
    }
}

@media (min-width:1400px) and (max-width:1599.98px) {
    html {
        font-size: .75rem
    }
}

@media (min-width:1281px) and (max-width:1399.98px) {
    html {
        font-size: .6875rem
    }
}

@media (min-width:1200px) and (max-width:1280.98px) {
    html {
        font-size: .625rem
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    html {
        font-size: .8125rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    html {
        font-size: .8125rem
    }

    [dir=ltr] .sepLine {
        margin: 5rem 0rem 5rem 0rem
    }

    [dir=rtl] .sepLine {
        margin: 5rem 0rem 5rem 0rem
    }

    [dir=ltr] .spaceVisible {
        padding: 5rem 0rem 0rem 0rem
    }

    [dir=rtl] .spaceVisible {
        padding: 5rem 0rem 0rem 0rem
    }

    .py-150 {
        padding: 5rem 0 !important
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    .mobile-none {
        display: none !important
    }

    [dir=ltr] .sepLine {
        margin: 5rem 0rem 5rem 0rem
    }

    [dir=rtl] .sepLine {
        margin: 5rem 0rem 5rem 0rem
    }

    [dir=ltr] .spaceVisible {
        padding: 5rem 0rem 0rem 0rem
    }

    [dir=rtl] .spaceVisible {
        padding: 5rem 0rem 0rem 0rem
    }

    .py-150 {
        padding: 3.75rem 0 !important
    }
}

.colorBlind {
    filter: grayscale(1);
    -webkit-filter: grayscale(100%)
}

.zoom-out-x1 {
    zoom: .9
}

.zoom-out-x2 {
    zoom: .8
}

.zoom-in-x1 {
    zoom: 1.1
}

.zoom-in-x2 {
    zoom: 1.2
}

@media (min-width:1921.99px) {
    .container {
        max-width: 102rem
    }
}

@media (max-width:1920.99px) {
    .container {
        max-width: 100rem
    }
}

@media (min-width:1200px) and (max-width:1280.98px) {
    .container {
        max-width: 88%
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .container {
        max-width: 96%
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .container {
        max-width: 96%
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    .container {
        max-width: 98%
    }

    [dir=ltr] .container {
        padding: 0rem .75rem 0rem .75rem
    }

    [dir=rtl] .container {
        padding: 0rem .75rem 0rem .75rem
    }

    [dir=ltr] .container .row {
        margin: 0rem -.75rem 0rem -.75rem
    }

    [dir=rtl] .container .row {
        margin: 0rem -.75rem 0rem -.75rem
    }

    [dir=ltr] .container .row [class^=col-] {
        padding: 0rem .75rem 0rem .75rem
    }

    [dir=rtl] .container .row [class^=col-] {
        padding: 0rem .75rem 0rem .75rem
    }
}

.form-wrapper {
    position: relative
}

    .form-wrapper .thanks {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99;
        background: #fff
    }

        .form-wrapper .thanks .thanksIcon {
            display: inline-block;
            width: auto;
            height: auto
        }

[dir=ltr] .form-wrapper .thanks .thanksIcon {
    margin: 0rem 0rem 1.5rem 0rem
}

[dir=rtl] .form-wrapper .thanks .thanksIcon {
    margin: 0rem 0rem 1.5rem 0rem
}

[dir=ltr] .form-wrapper .thanks .h5, [dir=ltr] .form-wrapper .thanks .title5, [dir=ltr] .form-wrapper .thanks h5 {
    margin: 0rem 0rem 2rem 0rem
}

[dir=rtl] .form-wrapper .thanks .h5, [dir=rtl] .form-wrapper .thanks .title5, [dir=rtl] .form-wrapper .thanks h5 {
    margin: 0rem 0rem 2rem 0rem
}

.form-wrapper .thanks .thanks-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%
}

[dir=ltr] .form-wrapper .thanks .thanks-inner {
    margin: auto 0rem auto 0rem
}

[dir=rtl] .form-wrapper .thanks .thanks-inner {
    margin: auto 0rem auto 0rem
}

.form-wrapper .loading:before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: #fff
}

[dir=ltr] .form-wrapper .loading:before {
    left: 0
}

[dir=rtl] .form-wrapper .loading:before {
    right: 0
}

.form-wrapper .loader {
    min-width: 100px;
    padding-top: 60px;
    color: #fff;
    width: auto !important;
    height: auto !important;
    text-align: center;
    font-style: normal;
    display: block;
    font-size: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    z-index: 1000;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

    .form-wrapper .loader:before {
        content: '';
        width: 50px;
        height: 50px;
        margin: 0 auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        border-radius: 50%;
        border: 2px solid rgba(0,0,0,.1)
    }

    .form-wrapper .loader:after {
        content: '';
        width: 50px;
        height: 50px;
        margin: 0 auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        -webkit-animation: loader .6s linear;
        animation: loader .6s linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        border-radius: 500rem;
        border-color: #000 transparent transparent;
        border-style: solid;
        border-width: .2em;
        box-shadow: 0 0 0 1px transparent
    }

.form-wrapper .form-control-feedback {
    right: 1px
}

textarea {
    resize: none;
    overflow: hidden
}

.grecaptcha-badge {
    z-index: 1000
}

@-webkit-keyframes loader {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loader {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.tow-colum {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

    .tow-colum .form-group {
        width: 48%;
        position: relative
    }

        .tow-colum .form-group.full-group {
            width: 100%
        }

.form-group {
    position: relative
}

[dir=ltr] .form-group {
    margin: 0rem 0rem 1.5rem 0rem
}

[dir=rtl] .form-group {
    margin: 0rem 0rem 1.5rem 0rem
}

.form-group .help-block {
    position: absolute;
    left: 1.5625rem;
    bottom: -1.875rem;
    font-size: 1rem;
    color: var(--bs-green-700);
    display: none !important
}

.form-group.has-error .form-control {
    -webkit-box-shadow: 0 0 0 0 #000;
    -moz-box-shadow: 0 0 0 0 #000;
    box-shadow: 0 0 0 0 #000;
    border-color: var(--bs-redOrange);
    color: var(--bs-redOrange)
}

.form-group.has-error .select2-container .select2-selection {
    border-color: var(--bs-redOrange) !important
}

.form-group.has-error .newsCheck label:before {
    border-color: var(--bs-redOrange);
    background: var(--bs-redOrange)
}

.form-group.has-success .form-control {
    border-color: var(--bs-green-900)
}

.form-group.has-success .select2-container .select2-selection {
    border-color: var(--bs-green-900)
}

.form-group.has-success .newsCheck label:before {
    border-color: var(--bs-green-900);
    background: var(--bs-green-900)
}

.form-group .select2-container {
    width: 100% !important
}

    .form-group .select2-container .select2-selection {
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        -o-border-radius: 16px;
        -ms-border-radius: 16px;
        border-radius: 16px;
        border-color: var(--bs-grey-700);
        box-shadow: none
    }

    .form-group .select2-container .select2-selection--single {
        height: auto;
        background-position: right 1.625rem center;
        background-size: 1.25rem .9375rem
    }

[dir=ltr] .form-group .select2-container .select2-selection--single {
    padding: 1.25rem 1.625rem 1.25rem 1.625rem
}

[dir=rtl] .form-group .select2-container .select2-selection--single {
    padding: 1.25rem 1.625rem 1.25rem 1.625rem
}

[dir=rtl] .form-group .select2-container .select2-selection--single {
    background-position: left 1.625rem center
}

[dir=ltr] .form-group:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .form-group:last-child {
    margin: 0rem 0rem 0rem 0rem
}

.hideLabel {
    overflow: hidden;
    height: 1px;
    opacity: 0;
    flex: 0;
    text-indent: -9999999px;
    width: 0;
    font-size: 0;
    display: block;
    margin: 0
}

.form-control {
    border: 1px solid var(--bs-grey-700);
    font-size: 1rem;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -o-border-radius: 16px;
    -ms-border-radius: 16px;
    border-radius: 16px
}

[dir=ltr] .form-control {
    padding: 1.25rem 1.625rem 1.25rem 1.625rem
}

[dir=rtl] .form-control {
    padding: 1.25rem 1.625rem 1.25rem 1.625rem
}

.form-control ::-webkit-input-placeholder {
    color: var(--bs-grey-800)
}

.form-control :-ms-input-placeholder {
    color: var(--bs-grey-800)
}

.form-control ::placeholder {
    color: var(--bs-grey-800)
}

.form-control.hasDatepicker {
    background: #fff
}

textarea.form-control {
    height: 9.25rem
}

.charCount {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.75rem;
    letter-spacing: -.04rem;
    color: var(--bs-grey-800);
    display: block
}

[dir=ltr] .charCount {
    margin: .625rem 0rem 0rem 0rem
}

[dir=rtl] .charCount {
    margin: .625rem 0rem 0rem 0rem
}

[dir=ltr] .charCount {
    text-align: right
}

[dir=rtl] .charCount {
    text-align: left
}

[dir=rtl] .charCount {
    letter-spacing: initial
}

.hide {
    display: none;
    width: 100%
}

[dir=ltr] .newsCheck {
    margin: 0rem 0rem 1.5rem 0rem
}

[dir=rtl] .newsCheck {
    margin: 0rem 0rem 1.5rem 0rem
}

.newsCheck label {
    position: relative;
    cursor: pointer
}

    .newsCheck label:before {
        content: '';
        -webkit-appearance: none;
        background-color: #000;
        border: 2px solid var(--bs-black);
        box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05);
        display: inline-block;
        position: absolute;
        top: .25rem;
        vertical-align: middle;
        cursor: pointer;
        border-radius: .3125rem
    }

[dir=ltr] .newsCheck label:before {
    padding: .625rem .625rem .625rem .625rem
}

[dir=rtl] .newsCheck label:before {
    padding: .625rem .625rem .625rem .625rem
}

[dir=ltr] .newsCheck label:before {
    margin: 0rem .3125rem 0rem 0rem
}

[dir=rtl] .newsCheck label:before {
    margin: 0rem 0rem 0rem .3125rem
}

.newsCheck label .checkLabel {
    display: inline-block;
    line-height: 1.75rem;
    font-size: 1rem
}

[dir=ltr] .newsCheck label .checkLabel {
    padding: 0rem 0rem 0rem 3.125rem
}

[dir=rtl] .newsCheck label .checkLabel {
    padding: 0rem 3.125rem 0rem 0rem
}

.newsCheck label a {
    font-size: 1rem;
    color: var(--bs-green-900);
    text-decoration: none
}

    .newsCheck label a span {
        display: inline;
        padding-bottom: 0;
        transition: all .5s linear;
        background: linear-gradient(to bottom,var(--bs-green-900) 0,var(--bs-green-900) 98%);
        background-size: 0 1px;
        background-repeat: no-repeat;
        background-position: left 100%
    }

[dir=rtl] .newsCheck label a span {
    background-position: right 100%
}

@media (min-width:1200px) {
    .newsCheck label a:hover span {
        background-size: 100% 1px
    }
}

.newsCheck .checkBoxCheck {
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer
}

[dir=ltr] .newsCheck .checkBoxCheck {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .newsCheck .checkBoxCheck {
    padding: 0rem 0rem 0rem 0rem
}

.newsCheck .checkBoxCheck:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: .375rem;
    width: .375rem;
    height: .875rem;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

[dir=ltr] .newsCheck .checkBoxCheck:checked + label:after {
    left: .5625rem
}

[dir=rtl] .newsCheck .checkBoxCheck:checked + label:after {
    right: .5625rem
}

.select2-container--bootstrap-5.select2-container--disabled .select2-selection, .select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection {
    border: solid 1px var(--bs-grey-700);
    background-color: var(--bs-grey-500);
    color: var(--bs-grey-800)
}

    .select2-container--bootstrap-5.select2-container--disabled .select2-selection span, .select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection span {
        color: var(--bs-grey-800)
    }

.darkMode .select2-container--bootstrap-5.select2-container--disabled .select2-selection, .darkMode .select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection {
    background-color: var(--bs-grey-900)
}

.select2-selection__arrow {
    position: absolute;
    top: 0rem;
    bottom: 0rem;
    margin: auto;
    display: table
}

[dir=ltr] .select2-selection__arrow {
    right: 1.25rem
}

[dir=rtl] .select2-selection__arrow {
    left: 1.25rem
}

.select2-selection__arrow b {
    vertical-align: top
}

    .select2-selection__arrow b:before {
        font-family: icomoon !important;
        content: "\e92f";
        font-size: .75rem;
        color: var(--bs-black)
    }

@media (min-width:319.98px) and (max-width:767.98px) {
    .tow-colum .form-group {
        width: 100%
    }

    [dir=ltr] .tow-colum .form-group {
        margin: 0rem 0rem .9375rem 0rem
    }

    [dir=rtl] .tow-colum .form-group {
        margin: 0rem 0rem .9375rem 0rem
    }
}

.btn {
    position: relative;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    display: inline-flex;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    min-width: 10.4375rem;
    letter-spacing: .14875rem;
    text-transform: uppercase;
    box-shadow: none;
    color: #fff;
    font-weight: 500
}

[dir=ltr] .btn {
    padding: 1.5rem 1.9375rem 1.5625rem 2rem
}

[dir=rtl] .btn {
    padding: 1.5rem 2rem 1.5625rem 1.9375rem
}

[dir=rtl] .btn {
    letter-spacing: initial
}

.btn span {
    display: block;
    position: relative;
    top: 3px
}

[dir=rtl] .btn span {
    top: 0
}

[dir=ltr] .btn span + i {
    margin: 0rem 0rem 0rem 3.125rem
}

[dir=rtl] .btn span + i {
    margin: 0rem 3.125rem 0rem 0rem
}

[dir=ltr] .btn i + span {
    margin: 0rem 0rem 0rem 3.125rem
}

[dir=rtl] .btn i + span {
    margin: 0rem 3.125rem 0rem 0rem
}

.btn i:before {
    font-size: 1.25rem
}

.btn i img {
    width: 100%;
    height: auto;
    vertical-align: top
}

.btn:hover {
    color: #fff
}

.btn:active, .btn:first-child:active, .btn:focus {
    color: #fff
}

.btn-black, .btn-grey {
    border: 1px solid #000
}

    .btn-black:hover, .btn-grey:hover {
        color: #000;
        background: var(--bs-green-700)
    }

    .btn-black:active, .btn-black:first-child:active, .btn-black:focus, .btn-grey:active, .btn-grey:first-child:active, .btn-grey:focus {
        color: #fff
    }

.btn-teel {
    color: var(--bs-green-900)
}

    .btn-teel:hover {
        color: #000
    }

    .btn-teel:active, .btn-teel:first-child:active, .btn-teel:focus {
        color: var(--bs-green-900)
    }

.btn-white {
    color: #000
}

    .btn-white:hover {
        color: #fff;
        background: #000
    }

    .btn-white:active, .btn-white:first-child:active, .btn-white:focus {
        color: #000
    }

.btn-teel-outline {
    border-radius: 2.875rem;
    border: 1px solid var(--bs-green-900);
    color: var(--bs-black)
}

[dir=ltr] .btn-teel-outline i + span {
    margin: 0rem 0rem 0rem 1rem
}

[dir=rtl] .btn-teel-outline i + span {
    margin: 0rem 1rem 0rem 0rem
}

.btn-teel-outline:hover {
    background: var(--bs-green-700)
}

    .btn-teel-outline:hover i, .btn-teel-outline:hover span {
        color: var(--bs-black)
    }

.btn-reset.disabled, .btn-reset:disabled {
    background: var(--bs-grey-600);
    color: var(--bs-grey-800)
}

.btn-inline {
    justify-content: flex-start;
    align-items: center
}

[dir=ltr] .btn-inline {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .btn-inline {
    padding: 0rem 0rem 0rem 0rem
}

.btn-inline span {
    font-size: 1rem
}

[dir=ltr] .btn-inline span + i {
    margin: 0rem 0rem 0rem 1rem
}

[dir=rtl] .btn-inline span + i {
    margin: 0rem 1rem 0rem 0rem
}

[dir=ltr] .btn-inline i + span {
    margin: 0rem 0rem 0rem 1rem
}

[dir=rtl] .btn-inline i + span {
    margin: 0rem 1rem 0rem 0rem
}

.btn-inline i:before {
    font-size: 1.25rem
}

.textLink {
    display: inline-flex;
    align-items: center;
    font-weight: 500
}

.textLink-black {
    font-size: 1.25rem;
    color: var(--bs-black);
    text-decoration: none
}

    .textLink-black span {
        display: inline;
        padding-bottom: 0;
        transition: all .5s linear;
        background: linear-gradient(to bottom,var(--bs-black) 0,var(--bs-black) 98%);
        background-size: 0 1px;
        background-repeat: no-repeat;
        background-position: left 100%
    }

[dir=rtl] .textLink-black span {
    background-position: right 100%
}

@media (min-width:1200px) {
    .textLink-black:hover span {
        background-size: 100% 1px
    }
}

.textLink-green-900 {
    font-size: 1.25rem;
    color: var(--bs-green-900);
    text-decoration: none
}

    .textLink-green-900 span {
        display: inline;
        padding-bottom: 0;
        transition: all .5s linear;
        background: linear-gradient(to bottom,var(--bs-green-900) 0,var(--bs-green-900) 98%);
        background-size: 0 1px;
        background-repeat: no-repeat;
        background-position: left 100%
    }

[dir=rtl] .textLink-green-900 span {
    background-position: right 100%
}

@media (min-width:1200px) {
    .textLink-green-900:hover span {
        background-size: 100% 1px
    }
}

.textLink-green-800 {
    font-size: 1.25rem;
    color: var(--bs-green-800);
    text-decoration: none
}

    .textLink-green-800 span {
        display: inline;
        padding-bottom: 0;
        transition: all .5s linear;
        background: linear-gradient(to bottom,var(--bs-green-800) 0,var(--bs-green-800) 98%);
        background-size: 0 1px;
        background-repeat: no-repeat;
        background-position: left 100%
    }

[dir=rtl] .textLink-green-800 span {
    background-position: right 100%
}

@media (min-width:1200px) {
    .textLink-green-800:hover span {
        background-size: 100% 1px
    }
}

.textLink-green-700 {
    font-size: 1.25rem;
    color: var(--bs-green-700);
    text-decoration: none
}

    .textLink-green-700 span {
        display: inline;
        padding-bottom: 0;
        transition: all .5s linear;
        background: linear-gradient(to bottom,var(--bs-green-700) 0,var(--bs-green-700) 98%);
        background-size: 0 1px;
        background-repeat: no-repeat;
        background-position: left 100%
    }

[dir=rtl] .textLink-green-700 span {
    background-position: right 100%
}

@media (min-width:1200px) {
    .textLink-green-700:hover span {
        background-size: 100% 1px
    }
}

.textLink-green-600 {
    font-size: 1.25rem;
    color: var(--bs-green-600);
    text-decoration: none
}

    .textLink-green-600 span {
        display: inline;
        padding-bottom: 0;
        transition: all .5s linear;
        background: linear-gradient(to bottom,var(--bs-green-600) 0,var(--bs-green-600) 98%);
        background-size: 0 1px;
        background-repeat: no-repeat;
        background-position: left 100%
    }

[dir=rtl] .textLink-green-600 span {
    background-position: right 100%
}

@media (min-width:1200px) {
    .textLink-green-600:hover span {
        background-size: 100% 1px
    }
}

.textLink-red-900 {
    font-size: 1.25rem;
    color: var(--bs-redOrange);
    text-decoration: none
}

    .textLink-red-900 span {
        display: inline;
        padding-bottom: 0;
        transition: all .5s linear;
        background: linear-gradient(to bottom,var(--bs-redOrange) 0,var(--bs-redOrange) 98%);
        background-size: 0 1px;
        background-repeat: no-repeat;
        background-position: left 100%
    }

[dir=rtl] .textLink-red-900 span {
    background-position: right 100%
}

@media (min-width:1200px) {
    .textLink-red-900:hover span {
        background-size: 100% 1px
    }
}

.textLink-redOrange {
    font-size: 1.25rem;
    color: var(--bs-red-900);
    text-decoration: none
}

    .textLink-redOrange span {
        display: inline;
        padding-bottom: 0;
        transition: all .5s linear;
        background: linear-gradient(to bottom,var(--bs-red-900) 0,var(--bs-red-900) 98%);
        background-size: 0 1px;
        background-repeat: no-repeat;
        background-position: left 100%
    }

[dir=rtl] .textLink-redOrange span {
    background-position: right 100%
}

@media (min-width:1200px) {
    .textLink-redOrange:hover span {
        background-size: 100% 1px
    }
}

.textLink-pinkLite {
    font-size: 1.25rem;
    color: var(--bs-pinkLite);
    text-decoration: none
}

    .textLink-pinkLite span {
        display: inline;
        padding-bottom: 0;
        transition: all .5s linear;
        background: linear-gradient(to bottom,var(--bs-pinkLite) 0,var(--bs-pinkLite) 98%);
        background-size: 0 1px;
        background-repeat: no-repeat;
        background-position: left 100%
    }

[dir=rtl] .textLink-pinkLite span {
    background-position: right 100%
}

@media (min-width:1200px) {
    .textLink-pinkLite:hover span {
        background-size: 100% 1px
    }
}

.textLink-white {
    font-size: 1.25rem;
    color: var(--bs-white);
    text-decoration: none
}

    .textLink-white span {
        display: inline;
        padding-bottom: 0;
        transition: all .5s linear;
        background: linear-gradient(to bottom,var(--bs-white) 0,var(--bs-white) 98%);
        background-size: 0 1px;
        background-repeat: no-repeat;
        background-position: left 100%
    }

[dir=rtl] .textLink-white span {
    background-position: right 100%
}

@media (min-width:1200px) {
    .textLink-white:hover span {
        background-size: 100% 1px
    }
}

[dir=ltr] .textLink span + i {
    margin: 0rem 0rem 0rem .9375rem
}

[dir=rtl] .textLink span + i {
    margin: 0rem .9375rem 0rem 0rem
}

.textLink i {
    position: relative;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    top: -1px
}

    .textLink i:before {
        font-size: 1rem
    }

[dir=ltr] .textLink i + span {
    margin: 0rem 0rem 0rem .9375rem
}

[dir=rtl] .textLink i + span {
    margin: 0rem .9375rem 0rem 0rem
}

.textLink i.icon-pdf {
    color: var(--bs-redOrange)
}

    .textLink i.icon-pdf:before {
        font-size: 1.875rem
    }

@media (min-width:1200px) {
    [dir=ltr] .textLink:hover span + i {
        margin: 0rem 0rem 0rem 1.25rem
    }

    [dir=rtl] .textLink:hover span + i {
        margin: 0rem 1.25rem 0rem 0rem
    }

    [dir=ltr] .textLink:hover i {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .textLink:hover i {
        margin: 0rem 0rem 0rem 0rem
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    .textLink {
        font-size: 1.125rem
    }

        .textLink i:before {
            font-size: .875rem
        }

        .textLink span {
            text-decoration: underline;
            background: 0 0
        }
}

.darkMode .textLink-green-900 {
    font-size: 1.25rem;
    color: var(--bs-green-700);
    text-decoration: none
}

    .darkMode .textLink-green-900 span {
        display: inline;
        padding-bottom: 0;
        transition: all .5s linear;
        background: linear-gradient(to bottom,var(--bs-green-700) 0,var(--bs-green-700) 98%);
        background-size: 0 1px;
        background-repeat: no-repeat;
        background-position: left 100%
    }

[dir=rtl] .darkMode .textLink-green-900 span {
    background-position: right 100%
}

@media (min-width:1200px) {
    .darkMode .textLink-green-900:hover span {
        background-size: 100% 1px
    }
}

.mac .textLink i {
    top: 3px
}

    .mac .textLink i.icon-pdf {
        top: 0
    }

.mac .featuredWrapper .textLink i {
    top: 3px
}

.giantBtn {
    border-radius: 2.5rem;
    background: var(--bs-green-500);
    position: relative;
    transition: .25s ease-in
}

[dir=ltr] .giantBtn {
    padding: 3rem 3.75rem 4.5rem 3.75rem
}

[dir=rtl] .giantBtn {
    padding: 3rem 3.75rem 4.5rem 3.75rem
}

.giantBtn a {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1
}

.giantBtn .iconWrap {
    width: auto;
    height: auto;
    transition: .25s ease-in
}

[dir=ltr] .giantBtn .iconWrap {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .giantBtn .iconWrap {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .giantBtn .iconWrap {
    text-align: right
}

[dir=rtl] .giantBtn .iconWrap {
    text-align: left
}

.giantBtn .iconWrap i {
    color: var(--bs-black);
    font-size: 1.5625rem
}

.giantBtn .title {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block;
    transition: .25s ease-in
}

[dir=ltr] .giantBtn .title {
    padding: 0rem 0rem 1.5rem 0rem
}

[dir=rtl] .giantBtn .title {
    padding: 0rem 0rem 1.5rem 0rem
}

.giantBtn .h4, .giantBtn h4 {
    transition: .25s ease-in;
    color: var(--bs-black)
}

[dir=ltr] .giantBtn .h4, [dir=ltr] .giantBtn h4 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .giantBtn .h4, [dir=rtl] .giantBtn h4 {
    margin: 0rem 0rem 0rem 0rem
}

.labelCal {
    position: relative;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    display: inline-flex;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    min-width: 10.4375rem;
    letter-spacing: .14875rem;
    text-transform: uppercase;
    box-shadow: none;
    color: #fff;
    font-weight: 500
}

[dir=ltr] .labelCal {
    padding: 1.5rem 1.9375rem 1.5625rem 2rem
}

[dir=rtl] .labelCal {
    padding: 1.5rem 2rem 1.5625rem 1.9375rem
}

[dir=rtl] .labelCal {
    letter-spacing: initial
}

[dir=ltr] .labelCal i + span {
    margin: 0rem 0rem 0rem 3.125rem
}

[dir=rtl] .labelCal i + span {
    margin: 0rem 3.125rem 0rem 0rem
}

.labelCal i:before {
    font-size: 1.25rem
}

.labelCal i img {
    width: 100%;
    height: auto;
    vertical-align: top
}

.labelCal.teel-outline {
    border-radius: 2.875rem;
    border: 1px solid var(--bs-green-900);
    color: var(--bs-black)
}

[dir=ltr] .labelCal.teel-outline i + span {
    margin: 0rem 0rem 0rem 1rem
}

[dir=rtl] .labelCal.teel-outline i + span {
    margin: 0rem 1rem 0rem 0rem
}

.darkMode .giantBtn {
    background: var(--bs-green-900)
}

.darkMode .btn {
    color: #000
}

.darkMode .btn-black {
    border: 1px solid #00e5d1;
    background: #00e5d1
}

    .darkMode .btn-black:hover {
        color: #00e5d1;
        background: #000
    }

.darkMode .btn-teel {
    color: var(--bs-green-700)
}

    .darkMode .btn-teel:hover {
        color: #fff
    }

.darkMode .bannerContent .btn {
    color: #fff
}

.darkMode .bannerContent .btn-black {
    border: 1px solid #000;
    background: #000
}

    .darkMode .bannerContent .btn-black:hover {
        color: #000;
        background: var(--bs-green-700)
    }

@media (min-width:1200px) {
    .btn-link:hover span {
        color: #000
    }

        .btn-link:hover span:before {
            width: 0%
        }

    [dir=ltr] .btn-link:hover i {
        right: .1875rem
    }

    [dir=rtl] .btn-link:hover i {
        left: .1875rem
    }

    .giantBtn:focus, .giantBtn:hover {
        background: var(--bs-green-800)
    }

        .giantBtn:focus .h4, .giantBtn:focus .iconWrap i, .giantBtn:focus .title, .giantBtn:focus h4, .giantBtn:hover .h4, .giantBtn:hover .iconWrap i, .giantBtn:hover .title, .giantBtn:hover h4 {
            color: var(--bs-white)
        }
}

@media (min-width:1281px) and (max-width:1399.98px) {
    [dir=ltr] .btn {
        padding: 1.625rem 1.9375rem 1.5rem 2rem
    }

    [dir=rtl] .btn {
        padding: 1.625rem 2rem 1.5rem 1.9375rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .btn-white:hover {
        background: #fff;
        color: #000
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    .btn {
        display: flex;
        justify-content: space-between;
        font-size: .75rem;
        font-weight: 600;
        letter-spacing: .1275rem
    }

    [dir=ltr] .btn {
        padding: 1.25rem 1.9375rem 1.25rem 2rem
    }

    [dir=rtl] .btn {
        padding: 1.25rem 2rem 1.25rem 1.9375rem
    }

    [dir=rtl] .btn {
        letter-spacing: initial
    }

    .btn span {
        display: block
    }

    [dir=ltr] .btn span + i {
        margin: 0rem 0rem 0rem 1.25rem
    }

    [dir=rtl] .btn span + i {
        margin: 0rem 1.25rem 0rem 0rem
    }

    [dir=ltr] .btn i + span {
        margin: 0rem 0rem 0rem 1.25rem
    }

    [dir=rtl] .btn i + span {
        margin: 0rem 1.25rem 0rem 0rem
    }

    .btn-black:hover, .btn-grey:hover {
        background: #000
    }

    .btn-white:hover {
        background: #fff;
        color: #000
    }

    .btn-inline {
        justify-content: flex-start
    }

    [dir=ltr] .btn-inline {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .btn-inline {
        padding: 0rem 0rem 0rem 0rem
    }

    .btn-inline span {
        font-size: 1rem
    }

    [dir=ltr] .btn-inline span + i {
        margin: 0rem 0rem 0rem 1rem
    }

    [dir=rtl] .btn-inline span + i {
        margin: 0rem 1rem 0rem 0rem
    }

    [dir=ltr] .btn-inline i + span {
        margin: 0rem 0rem 0rem 1rem
    }

    [dir=rtl] .btn-inline i + span {
        margin: 0rem 1rem 0rem 0rem
    }

    .btn-inline i:before {
        font-size: 1.25rem
    }

    .labelCal {
        display: flex;
        justify-content: center;
        font-size: .75rem;
        font-weight: 600;
        letter-spacing: .1275rem
    }

    [dir=ltr] .labelCal {
        padding: 1.25rem 1.9375rem 1.25rem 2rem
    }

    [dir=rtl] .labelCal {
        padding: 1.25rem 2rem 1.25rem 1.9375rem
    }

    [dir=ltr] .labelCal {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .labelCal {
        margin: 0rem 0rem 1.25rem 0rem
    }
}

.badge {
    text-transform: uppercase;
    letter-spacing: .15rem;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -o-border-radius: 24px;
    -ms-border-radius: 24px;
    border-radius: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--bs-black);
    text-align: left;
    line-height: 1.2;
    white-space: initial
}

[dir=ltr] .badge {
    padding: .75rem .875rem .6875rem 1rem
}

[dir=rtl] .badge {
    padding: .75rem 1rem .6875rem .875rem
}

[dir=ltr] .badge {
    margin: 0rem .25rem .9375rem 0rem
}

[dir=rtl] .badge {
    margin: 0rem 0rem .9375rem .25rem
}

[dir=ltr] .badge i {
    margin: 0rem 0rem 0rem .8125rem
}

[dir=rtl] .badge i {
    margin: 0rem .8125rem 0rem 0rem
}

.badge i:before {
    font-size: .625rem
}

[dir=rtl] .badge {
    letter-spacing: initial
}

.badge-black {
    background: #000;
    color: #fff
}

.badge-white {
    background: #fff;
    color: #000
}

.badge-green-700 {
    background: var(--bs-green-700);
    color: var(--bs-green-900)
}

.badge-grey-600 {
    background: var(--bs-grey-600)
}

.darkMode .badge-grey-600 {
    background: var(--bs-grey-900)
}

@media (min-width:992px) and (max-width:1199.98px) {
    .badge {
        max-width: 12.5rem;
        word-wrap: break-word;
        white-space: normal
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .badge {
        max-width: 12.5rem;
        word-wrap: break-word;
        white-space: normal
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    .badge {
        word-wrap: break-word;
        white-space: normal
    }
}

.all-cards-container {
    position: relative;
    background: #fff
}

[dir=ltr] .all-cards-container {
    padding: 6.25rem 0rem 6.25rem 0rem
}

[dir=rtl] .all-cards-container {
    padding: 6.25rem 0rem 6.25rem 0rem
}

.card-green-900 {
    background: #00665c;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

    .card-green-900 .card-bottom-content {
        background: #00665c
    }

    .card-green-900 .card-img-bx {
        background-color: #00665c
    }

.card-green-800 {
    background: #00998a;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

    .card-green-800 .card-bottom-content {
        background: #00998a
    }

    .card-green-800 .card-img-bx {
        background-color: #00998a
    }

.card-green-700 {
    background: #00e5d1;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

    .card-green-700 .card-bottom-content {
        background: #00e5d1
    }

    .card-green-700 .card-img-bx {
        background-color: #00e5d1
    }

.card-green-600 {
    background: #add1ff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

    .card-green-600 .card-bottom-content {
        background: #add1ff
    }

    .card-green-600 .card-img-bx {
        background-color: #add1ff
    }

.card-green-500 {
    background: #e5fcfd;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

    .card-green-500 .card-bottom-content {
        background: #e5fcfd
    }

    .card-green-500 .card-img-bx {
        background-color: #e5fcfd
    }

.card-red-900 {
    background: #e51717;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

    .card-red-900 .card-bottom-content {
        background: #e51717
    }

    .card-red-900 .card-img-bx {
        background-color: #e51717
    }

.card-redOrange {
    background: #fd6868;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

    .card-redOrange .card-bottom-content {
        background: #fd6868
    }

    .card-redOrange .card-img-bx {
        background-color: #fd6868
    }

.card-pinkLite {
    background: #e8ff63;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

    .card-pinkLite .card-bottom-content {
        background: #e8ff63
    }

    .card-pinkLite .card-img-bx {
        background-color: #e8ff63
    }

.card-blue-900 {
    background: #1a66ff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

    .card-blue-900 .card-bottom-content {
        background: #1a66ff
    }

    .card-blue-900 .card-img-bx {
        background-color: #1a66ff
    }

.card-blue-600 {
    background: #daeaff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

    .card-blue-600 .card-bottom-content {
        background: #daeaff
    }

    .card-blue-600 .card-img-bx {
        background-color: #daeaff
    }

.card-blue-700 {
    background: #2d4d75;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

    .card-blue-700 .card-bottom-content {
        background: #2d4d75
    }

    .card-blue-700 .card-img-bx {
        background-color: #2d4d75
    }

.card-blue-500 {
    background: #f7faff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

    .card-blue-500 .card-bottom-content {
        background: #f7faff
    }

    .card-blue-500 .card-img-bx {
        background-color: #f7faff
    }

.card-grey-900 {
    background: #1a1a1a;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

    .card-grey-900 .card-bottom-content {
        background: #1a1a1a
    }

    .card-grey-900 .card-img-bx {
        background-color: #1a1a1a
    }

.card-grey-800 {
    background: #666;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

    .card-grey-800 .card-bottom-content {
        background: #666
    }

    .card-grey-800 .card-img-bx {
        background-color: #666
    }

.card-grey-700 {
    background: #c5c5c5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

    .card-grey-700 .card-bottom-content {
        background: #c5c5c5
    }

    .card-grey-700 .card-img-bx {
        background-color: #c5c5c5
    }

.card-grey-600 {
    background: #e8e8e8;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

    .card-grey-600 .card-bottom-content {
        background: #e8e8e8
    }

    .card-grey-600 .card-img-bx {
        background-color: #e8e8e8
    }

.card-grey-500 {
    background: #f6f6f6;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

    .card-grey-500 .card-bottom-content {
        background: #f6f6f6
    }

    .card-grey-500 .card-img-bx {
        background-color: #f6f6f6
    }

.card-black {
    background: #000;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

    .card-black .card-bottom-content {
        background: #000
    }

    .card-black .card-img-bx {
        background-color: #000
    }

.card-white {
    background: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    border: solid 1px var(--bs-grey-700)
}

    .card-white .card-bottom-content {
        background: #fff
    }

    .card-white .card-img-bx {
        background-color: #fff
    }

[dir=ltr] .card-white .card-body {
    padding: 2.8125rem 2.5rem 1.75rem 2.4375rem
}

[dir=rtl] .card-white .card-body {
    padding: 2.8125rem 2.4375rem 1.75rem 2.5rem
}

.card-video-bx {
    overflow: hidden;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    position: relative
}

    .card-video-bx:after {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.2);
        opacity: 0;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        content: ""
    }

[dir=ltr] .card-video-bx:after {
    left: 0
}

[dir=rtl] .card-video-bx:after {
    right: 0
}

.card-video-bx:before {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0,#000 100%);
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,#000 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,#000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#000000', GradientType=0);
    z-index: 1;
    content: ""
}

[dir=ltr] .card-video-bx:before {
    left: 0
}

[dir=rtl] .card-video-bx:before {
    right: 0
}

.card-video-bx video {
    position: absolute;
    top: 0;
    width: 100%;
    object-fit: cover;
    height: 100%;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

[dir=ltr] .card-video-bx video {
    left: 0
}

[dir=rtl] .card-video-bx video {
    right: 0
}

.card {
    overflow: hidden;
    box-shadow: none;
    width: 100%;
    transform: translate3d(0,0,0)
}

[dir=ltr] .card {
    text-align: left
}

[dir=rtl] .card {
    text-align: right
}

.card .card-head {
    display: flex;
    align-items: center
}

[dir=ltr] .card .card-head {
    margin: 0rem 0rem 1.875rem 0rem
}

[dir=rtl] .card .card-head {
    margin: 0rem 0rem 1.875rem 0rem
}

.card .card-head .head-icon {
    background: var(--bs-green-900);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    color: var(--bs-green-700);
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

[dir=ltr] .card .card-head .head-icon {
    margin: 0rem .75rem 0rem 0rem
}

[dir=rtl] .card .card-head .head-icon {
    margin: 0rem 0rem 0rem .75rem
}

[dir=ltr] .card .card-head .head-txt .subHeading {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .card .card-head .head-txt .subHeading {
    margin: 0rem 0rem 0rem 0rem
}

.card .card-body {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

[dir=ltr] .card .card-body {
    padding: 2.8125rem 2.5rem 1.75rem 2.5rem
}

[dir=rtl] .card .card-body {
    padding: 2.8125rem 2.5rem 1.75rem 2.5rem
}

.card.eventCard {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

    .card.eventCard .card-body {
        display: flex;
        flex-wrap: nowrap;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0
    }

[dir=ltr] .card.eventCard .card-body {
    padding: 3.0625rem 0rem 0rem 0rem
}

[dir=rtl] .card.eventCard .card-body {
    padding: 3.0625rem 0rem 0rem 0rem
}

.card.eventCard .cardDateBox {
    width: 22%;
    text-align: center
}

[dir=ltr] .card.eventCard .cardDateBox {
    padding: 0rem .9375rem 0rem 0rem
}

[dir=rtl] .card.eventCard .cardDateBox {
    padding: 0rem 0rem 0rem .9375rem
}

.card.eventCard .cardContent {
    width: 78%
}

[dir=ltr] .card.eventCard .cardContent {
    padding: 0rem 0rem 0rem 1.3125rem
}

[dir=rtl] .card.eventCard .cardContent {
    padding: 0rem 1.3125rem 0rem 0rem
}

[dir=ltr] .card.eventCard .cardContent {
    border-left: 1px solid var(--bs-grey-600)
}

[dir=rtl] .card.eventCard .cardContent {
    border-right: 1px solid var(--bs-grey-600)
}

.card.eventCard .cardDate {
    letter-spacing: initial
}

.card.newsCard .card-body {
    background: 0 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

[dir=ltr] .card.newsCard .card-body {
    padding: 3.0625rem 0rem 0rem 0rem
}

[dir=rtl] .card.newsCard .card-body {
    padding: 3.0625rem 0rem 0rem 0rem
}

.card.knowledgeCard {
    height: 100%
}

[dir=ltr] .card.knowledgeCard {
    padding: 0rem 0rem 1.875rem 0rem
}

[dir=rtl] .card.knowledgeCard {
    padding: 0rem 0rem 1.875rem 0rem
}

.card.knowledgeCard.with-border {
    border-bottom: 2px solid var(--bs-green-800)
}

[dir=ltr] .card.knowledgeCard .card-body {
    padding: 1.875rem 0rem 0rem 0rem
}

[dir=rtl] .card.knowledgeCard .card-body {
    padding: 1.875rem 0rem 0rem 0rem
}

.card.knowledgeCard .mediaCard {
    height: 27.8125rem
}

.card .h3 a span, .card .h4 a span, .card .h5 a span, .card .title5 a span, .card h3 a span, .card h4 a span, .card h5 a span {
    display: inline;
    padding-bottom: 2px;
    transition: all .5s linear;
    background: linear-gradient(to bottom,#000 0,#000 98%);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left 100%
}

.card .subHeading span {
    display: inline;
    padding-bottom: 2px;
    transition: all .5s linear;
    background: linear-gradient(to bottom,#000 0,#000 98%);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left 100%
}

.card .card-footer {
    background: 0 0
}

[dir=ltr] .card .card-footer {
    padding: 0rem 2.5rem 0rem 2.5rem
}

[dir=rtl] .card .card-footer {
    padding: 0rem 2.5rem 0rem 2.5rem
}

.card .card-footer .card-footer-box {
    display: flex;
    justify-content: space-between;
    border-top: solid 1px var(--bs-grey-700);
    width: 100%
}

[dir=ltr] .card .card-footer .card-footer-box {
    padding: .75rem 0rem 1.25rem 0rem
}

[dir=rtl] .card .card-footer .card-footer-box {
    padding: .75rem 0rem 1.25rem 0rem
}

.cardDateBox .h2, .cardDateBox h2 {
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.175rem
}

[dir=ltr] .cardDateBox .h2, [dir=ltr] .cardDateBox h2 {
    margin: 0rem 0rem .3125rem 0rem
}

[dir=rtl] .cardDateBox .h2, [dir=rtl] .cardDateBox h2 {
    margin: 0rem 0rem .3125rem 0rem
}

[dir=rtl] .cardDateBox .h2, [dir=rtl] .cardDateBox h2 {
    letter-spacing: initial
}

.dateBox {
    position: relative
}

[dir=ltr] .dateBox {
    margin: -.3125rem 0rem 2.25rem 0rem
}

[dir=rtl] .dateBox {
    margin: -.3125rem 0rem 2.25rem 0rem
}

[dir=ltr] .dateBox {
    padding: 0rem 0rem 3.125rem 0rem
}

[dir=rtl] .dateBox {
    padding: 0rem 0rem 3.125rem 0rem
}

.dateBox:before {
    position: absolute;
    bottom: 0;
    width: .1875rem;
    height: 1.125rem;
    background: var(--bs-grey-800);
    content: ""
}

[dir=ltr] .dateBox:before {
    left: 0
}

[dir=rtl] .dateBox:before {
    right: 0
}

[dir=ltr] .dateBox:before {
    right: 0
}

[dir=rtl] .dateBox:before {
    left: 0
}

[dir=ltr] .dateBox:before {
    margin: auto auto auto auto
}

[dir=rtl] .dateBox:before {
    margin: auto auto auto auto
}

[dir=ltr] .dateBox:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .dateBox:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .dateBox:last-child {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .dateBox:last-child {
    padding: 0rem 0rem 0rem 0rem
}

.dateBox:last-child:before {
    display: none
}

.cardDate {
    color: var(--bs-green-900);
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .14875rem
}

[dir=ltr] .cardDate {
    padding: .375rem 0rem 0rem 0rem
}

[dir=rtl] .cardDate {
    padding: .375rem 0rem 0rem 0rem
}

[dir=rtl] .cardDate {
    letter-spacing: initial
}

.timeText {
    display: flex;
    align-items: center
}

[dir=ltr] .timeText {
    margin: 0rem 0rem 2rem 0rem
}

[dir=rtl] .timeText {
    margin: 0rem 0rem 2rem 0rem
}

.timeText i {
    color: var(--bs-black)
}

[dir=ltr] .timeText i {
    margin: 0rem 1rem 0rem 0rem
}

[dir=rtl] .timeText i {
    margin: 0rem 0rem 0rem 1rem
}

.timeText i:before {
    font-size: 1.625rem
}

.dateSpan {
    color: var(--bs-green-900);
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: .14875rem;
    text-transform: uppercase
}

[dir=rtl] .dateSpan {
    letter-spacing: initial
}

.darkMode .dateSpan {
    color: var(--bs-green-800)
}

[dir=ltr] .badge-container {
    padding: .6875rem 0rem 0rem 0rem
}

[dir=rtl] .badge-container {
    padding: .6875rem 0rem 0rem 0rem
}

.badge-container button {
    border: 0
}

.pdfSize {
    display: flex;
    align-items: center
}

.fileSize {
    font-size: .875rem;
    text-transform: uppercase;
    color: var(--bs-black)
}

[dir=ltr] .fileSize {
    margin: 0rem .75rem 0rem 0rem
}

[dir=rtl] .fileSize {
    margin: 0rem 0rem 0rem .75rem
}

.formatText {
    font-size: .75rem;
    text-transform: uppercase;
    color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    letter-spacing: .15rem
}

[dir=ltr] .formatText {
    padding: .3125rem .5rem .25rem .6875rem
}

[dir=rtl] .formatText {
    padding: .3125rem .6875rem .25rem .5rem
}

[dir=ltr] .formatText {
    margin: 0rem .625rem 0rem 0rem
}

[dir=rtl] .formatText {
    margin: 0rem 0rem 0rem .625rem
}

[dir=rtl] .formatText {
    letter-spacing: initial
}

.formatText.pdfColor {
    background: var(--bs-red-900)
}

.formatText.xlsColor {
    background: #60c87d
}

.formatText.wordColor {
    background: #4f8df5
}

.downloadLink .textLink {
    font-size: .875rem;
    color: var(--bs-black);
    text-decoration: none;
    text-transform: uppercase
}

    .downloadLink .textLink span {
        display: inline;
        padding-bottom: 0;
        transition: all .5s linear;
        background: linear-gradient(to bottom,var(--bs-black) 0,var(--bs-black) 98%);
        background-size: 0 1px;
        background-repeat: no-repeat;
        background-position: left 100%
    }

[dir=rtl] .downloadLink .textLink span {
    background-position: right 100%
}

@media (min-width:1200px) {
    .downloadLink .textLink:hover span {
        background-size: 100% 1px
    }
}

@media (min-width:1200px) {
    [dir=ltr] .downloadLink .textLink:hover span + i {
        margin: 0rem 0rem 0rem .9375rem
    }

    [dir=rtl] .downloadLink .textLink:hover span + i {
        margin: 0rem .9375rem 0rem 0rem
    }

    [dir=ltr] .downloadLink .textLink:hover i {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .downloadLink .textLink:hover i {
        margin: 0rem 0rem 0rem 0rem
    }
}

.growthRegularCard {
    border: 1px solid var(--bs-green-700);
    background: var(--bs-white);
    background: -moz-linear-gradient(top,#fff 0,var(--bs-green-500) 100%);
    background: -webkit-linear-gradient(top,#fff 0,var(--bs-green-500) 100%);
    background: linear-gradient(to bottom,#fff 0,var(--bs-green-500) 100%);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: var(--bs-black);
    min-height: 25rem;
    height: 100%
}

[dir=ltr] .growthRegularCard {
    padding: 2.5rem 2.5rem 4.1875rem 2.5rem
}

[dir=rtl] .growthRegularCard {
    padding: 2.5rem 2.5rem 4.1875rem 2.5rem
}

[dir=ltr] .growthRegularCard {
    margin: 0rem .0625rem 1.25rem 0rem
}

[dir=rtl] .growthRegularCard {
    margin: 0rem 0rem 1.25rem .0625rem
}

.growthRegularCard .image-wrap {
    display: block;
    width: 3.75rem;
    height: 3.75rem;
    position: relative
}

[dir=ltr] .growthRegularCard .image-wrap {
    margin: 0rem 0rem auto 0rem
}

[dir=rtl] .growthRegularCard .image-wrap {
    margin: 0rem 0rem auto 0rem
}

.growthRegularCard .image-wrap svg path {
    fill: #000
}

.growthRegularCard .image-wrap img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

[dir=ltr] .growthRegularCard .image-wrap img {
    left: 0
}

[dir=rtl] .growthRegularCard .image-wrap img {
    right: 0
}

.growthRegularCard .currencyName {
    display: block;
    font-size: 1.875rem;
    font-weight: 300;
    letter-spacing: -.09375rem;
    line-height: 1
}

[dir=ltr] .growthRegularCard .currencyName {
    margin: 0rem 0rem .3125rem 0rem
}

[dir=rtl] .growthRegularCard .currencyName {
    margin: 0rem 0rem .3125rem 0rem
}

.growthRegularCard .growthValue {
    font-size: 5rem;
    font-weight: 400;
    display: inline-block;
    line-height: 1;
    letter-spacing: -.25rem
}

[dir=rtl] .growthRegularCard .growthValue {
    letter-spacing: initial
}

[dir=ltr] .growthRegularCard .growthValue {
    margin: 0rem 0rem .3125rem 0rem
}

[dir=rtl] .growthRegularCard .growthValue {
    margin: 0rem 0rem .3125rem 0rem
}

.growthRegularCard .growthUnit {
    font-size: 1.875rem;
    display: inline-block;
    font-weight: 300
}

[dir=ltr] .growthRegularCard .growthUnit {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .growthRegularCard .growthUnit {
    margin: 0rem 0rem 0rem 0rem
}

.growthRegularCard .growthSubHeading {
    display: block;
    color: var(--bs-green-900);
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.75rem;
    text-transform: capitalize;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

[dir=ltr] .growthRegularCard .growthSubHeading {
    padding: 0rem 1.875rem 0rem .625rem
}

[dir=rtl] .growthRegularCard .growthSubHeading {
    padding: 0rem .625rem 0rem 1.875rem
}

[dir=ltr] .growthRegularCard .growthSubHeading {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .growthRegularCard .growthSubHeading {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .growthRegularCard .growthBox {
    margin: 1.875rem 0rem 0rem 0rem
}

[dir=rtl] .growthRegularCard .growthBox {
    margin: 1.875rem 0rem 0rem 0rem
}

.growthRegularCard .h2, .growthRegularCard .h3, .growthRegularCard .h4, .growthRegularCard h2, .growthRegularCard h3, .growthRegularCard h4 {
    display: inline-block
}

[dir=ltr] .growthRegularCard .h2, [dir=ltr] .growthRegularCard .h3, [dir=ltr] .growthRegularCard .h4, [dir=ltr] .growthRegularCard h2, [dir=ltr] .growthRegularCard h3, [dir=ltr] .growthRegularCard h4 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .growthRegularCard .h2, [dir=rtl] .growthRegularCard .h3, [dir=rtl] .growthRegularCard .h4, [dir=rtl] .growthRegularCard h2, [dir=rtl] .growthRegularCard h3, [dir=rtl] .growthRegularCard h4 {
    margin: 0rem 0rem 0rem 0rem
}

.growthRegularCard .h2 span, .growthRegularCard .h3 span, .growthRegularCard .h4 span, .growthRegularCard h2 span, .growthRegularCard h3 span, .growthRegularCard h4 span {
    display: inline;
    padding-bottom: 2px;
    transition: all .5s linear;
    background: linear-gradient(to bottom,#fff 0,#fff 98%);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left 100%
}

[dir=rtl] .growthRegularCard .h2 span, [dir=rtl] .growthRegularCard .h3 span, [dir=rtl] .growthRegularCard .h4 span, [dir=rtl] .growthRegularCard h2 span, [dir=rtl] .growthRegularCard h3 span, [dir=rtl] .growthRegularCard h4 span {
    background-position: right 100%
}

.darkMode .growthRegularCard {
    background: #000;
    border: 1px solid var(--bs-grey-700)
}

    .darkMode .growthRegularCard .growthSubHeading {
        color: #fff
    }

    .darkMode .growthRegularCard .image-wrap svg path {
        fill: #00e5d1
    }

.growthSemiCard {
    min-height: 20.625rem;
    border: 1px solid var(--bs-green-800);
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0,var(--bs-green-600) 100%);
    background: -webkit-linear-gradient(top,#fff 0,var(--bs-green-600) 100%);
    background: linear-gradient(to bottom,#fff 0,var(--bs-green-600) 100%);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    color: #000
}

[dir=ltr] .growthSemiCard {
    padding: 2.5rem 2.5rem 4.1875rem 2.5rem
}

[dir=rtl] .growthSemiCard {
    padding: 2.5rem 2.5rem 4.1875rem 2.5rem
}

[dir=ltr] .growthSemiCard {
    margin: 0rem .0625rem 1.25rem 0rem
}

[dir=rtl] .growthSemiCard {
    margin: 0rem 0rem 1.25rem .0625rem
}

.growthSemiCard .growthValue {
    font-size: 5rem;
    font-weight: 400;
    display: inline-block;
    line-height: 1;
    letter-spacing: -.25rem
}

[dir=rtl] .growthSemiCard .growthValue {
    letter-spacing: initial
}

[dir=ltr] .growthSemiCard .growthValue {
    margin: 0rem 0rem .625rem 0rem
}

[dir=rtl] .growthSemiCard .growthValue {
    margin: 0rem 0rem .625rem 0rem
}

.growthSemiCard .growthSubHeading {
    display: block;
    color: var(--bs-green-900);
    font-size: 1.375rem;
    line-height: 2rem;
    text-transform: capitalize;
    font-weight: 500;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

[dir=ltr] .growthSemiCard .growthSubHeading {
    padding: 0rem 1.875rem 0rem .625rem
}

[dir=rtl] .growthSemiCard .growthSubHeading {
    padding: 0rem .625rem 0rem 1.875rem
}

[dir=ltr] .growthSemiCard .growthSubHeading {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .growthSemiCard .growthSubHeading {
    margin: 0rem 0rem 0rem 0rem
}

.economyRegularCard {
    position: relative;
    min-height: 38.125rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: hidden;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    width: 100%
}

[dir=ltr] .economyRegularCard {
    padding: 2.5rem 2.5rem 2.5rem 2.5rem
}

[dir=rtl] .economyRegularCard {
    padding: 2.5rem 2.5rem 2.5rem 2.5rem
}

.economyRegularCard .imgWrap {
    position: absolute;
    width: 100%;
    height: 100% !important;
    top: 0;
    overflow: hidden;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px
}

[dir=ltr] .economyRegularCard .imgWrap {
    left: 0
}

[dir=rtl] .economyRegularCard .imgWrap {
    right: 0
}

.economyRegularCard .imgWrap video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    object-fit: cover;
    height: 100%;
    overflow: hidden;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px
}

.economyRegularCard .imgWrap .bgImage {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #000;
    width: 100%;
    height: 100%
}

.economyRegularCard:before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0,#000 100%);
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,#000 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,#000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#000000', GradientType=0);
    opacity: .8;
    z-index: 1;
    content: "";
    overflow: hidden;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px
}

[dir=ltr] .economyRegularCard:before {
    left: 0
}

[dir=rtl] .economyRegularCard:before {
    right: 0
}

.economyRegularCard .downloadLink a {
    font-size: .875rem;
    color: #fff;
    text-decoration: none
}

    .economyRegularCard .downloadLink a span {
        display: inline;
        padding-bottom: 0;
        transition: all .5s linear;
        background: linear-gradient(to bottom,#fff 0,#fff 98%);
        background-size: 0 1px;
        background-repeat: no-repeat;
        background-position: left 100%
    }

[dir=rtl] .economyRegularCard .downloadLink a span {
    background-position: right 100%
}

@media (min-width:1200px) {
    .economyRegularCard .downloadLink a:hover span {
        background-size: 100% 1px
    }
}

.economyRegularCard .badge-container {
    position: relative;
    z-index: 5;
    width: 100%;
    align-self: start
}

[dir=ltr] .economyRegularCard .badge-container {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .economyRegularCard .badge-container {
    padding: 0rem 0rem 0rem 0rem
}

.economyRegularCard .economy-detail {
    align-self: end;
    width: 100%;
    position: relative;
    z-index: 2
}

[dir=ltr] .economyRegularCard .economy-detail {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .economyRegularCard .economy-detail {
    padding: 0rem 0rem 0rem 0rem
}

[dir=ltr] .economyRegularCard .economy-detail {
    margin: auto 0rem 0rem 0rem
}

[dir=rtl] .economyRegularCard .economy-detail {
    margin: auto 0rem 0rem 0rem
}

.economyRegularCard .economy-detail .h3, .economyRegularCard .economy-detail h3 {
    color: #fff
}

    .economyRegularCard .economy-detail .h3 a, .economyRegularCard .economy-detail h3 a {
        color: #fff
    }

.economyRegularCard .economy-detail .card-footer-box {
    display: flex;
    justify-content: space-between
}

[dir=ltr] .economyRegularCard .economy-detail .card-footer-box {
    padding: 2.5rem 0rem 0rem 0rem
}

[dir=rtl] .economyRegularCard .economy-detail .card-footer-box {
    padding: 2.5rem 0rem 0rem 0rem
}

.economyRegularCard .economy-detail .card-footer-box .fileSize {
    color: #fff
}

.economyRegularCard .iconWrap {
    width: 5.5rem;
    height: 3.3125rem;
    display: block
}

[dir=ltr] .economyRegularCard .iconWrap {
    margin: 0rem 0rem 1.875rem 0rem
}

[dir=rtl] .economyRegularCard .iconWrap {
    margin: 0rem 0rem 1.875rem 0rem
}

.economyRegularCard .h2, .economyRegularCard .h3, .economyRegularCard .h4, .economyRegularCard h2, .economyRegularCard h3, .economyRegularCard h4 {
    display: inline-block
}

[dir=ltr] .economyRegularCard .h2, [dir=ltr] .economyRegularCard .h3, [dir=ltr] .economyRegularCard .h4, [dir=ltr] .economyRegularCard h2, [dir=ltr] .economyRegularCard h3, [dir=ltr] .economyRegularCard h4 {
    margin: 0rem 0rem .9375rem 0rem
}

[dir=rtl] .economyRegularCard .h2, [dir=rtl] .economyRegularCard .h3, [dir=rtl] .economyRegularCard .h4, [dir=rtl] .economyRegularCard h2, [dir=rtl] .economyRegularCard h3, [dir=rtl] .economyRegularCard h4 {
    margin: 0rem 0rem .9375rem 0rem
}

.economyRegularCard .h2 span, .economyRegularCard .h3 span, .economyRegularCard .h4 span, .economyRegularCard h2 span, .economyRegularCard h3 span, .economyRegularCard h4 span {
    display: inline;
    padding-bottom: 2px;
    transition: all .5s linear;
    background: linear-gradient(to bottom,#fff 0,#fff 98%);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left 100%
}

[dir=rtl] .economyRegularCard .h2 span, [dir=rtl] .economyRegularCard .h3 span, [dir=rtl] .economyRegularCard .h4 span, [dir=rtl] .economyRegularCard h2 span, [dir=rtl] .economyRegularCard h3 span, [dir=rtl] .economyRegularCard h4 span {
    background-position: right 100%
}

.economyRegularCard p {
    color: #fff
}

[dir=ltr] .economyRegularCard p {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .economyRegularCard p {
    margin: 0rem 0rem 0rem 0rem
}

.economyRegularCard p.lead {
    font-weight: 300
}

.economySemiBox {
    height: 31.25rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    position: relative
}

[dir=ltr] .economySemiBox {
    padding: 2.5rem 2.5rem 2.5rem 2.5rem
}

[dir=rtl] .economySemiBox {
    padding: 2.5rem 2.5rem 2.5rem 2.5rem
}

[dir=ltr] .economySemiBox {
    margin: 0rem 0rem 1.25rem 0rem
}

[dir=rtl] .economySemiBox {
    margin: 0rem 0rem 1.25rem 0rem
}

.economySemiBox .badge-container {
    width: 100%
}

.economySemiBox .economy-detail {
    align-self: end;
    width: 100%;
    position: relative;
    z-index: 2
}

[dir=ltr] .economySemiBox .economy-detail {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .economySemiBox .economy-detail {
    padding: 0rem 0rem 0rem 0rem
}

[dir=ltr] .economySemiBox .economy-detail {
    margin: auto 0rem 0rem 0rem
}

[dir=rtl] .economySemiBox .economy-detail {
    margin: auto 0rem 0rem 0rem
}

[dir=ltr] .economySemiBox .economy-detail .h2, [dir=ltr] .economySemiBox .economy-detail h2 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .economySemiBox .economy-detail .h2, [dir=rtl] .economySemiBox .economy-detail h2 {
    margin: 0rem 0rem 0rem 0rem
}

.economySemiBox .economy-detail .h2 a, .economySemiBox .economy-detail h2 a {
    color: var(--bs-white);
    text-decoration: none
}

.economySemiBox .economy-detail .h3, .economySemiBox .economy-detail h3 {
    color: #fff
}

    .economySemiBox .economy-detail .h3 a, .economySemiBox .economy-detail h3 a {
        color: #fff
    }

.economySemiBox .economy-detail .card-footer-box {
    display: flex;
    justify-content: space-between
}

[dir=ltr] .economySemiBox .economy-detail .card-footer-box {
    padding: 2.5rem 0rem 0rem 0rem
}

[dir=rtl] .economySemiBox .economy-detail .card-footer-box {
    padding: 2.5rem 0rem 0rem 0rem
}

.economySemiBox .economy-detail .card-footer-box .fileSize {
    color: #fff
}

.economySemiBox .iconWrap {
    width: 5.5rem;
    height: 3.3125rem;
    display: block
}

[dir=ltr] .economySemiBox .iconWrap {
    margin: 0rem 0rem 1.875rem 0rem
}

[dir=rtl] .economySemiBox .iconWrap {
    margin: 0rem 0rem 1.875rem 0rem
}

.economySemiBox.blackBox {
    background: #000
}

    .economySemiBox.blackBox .h2, .economySemiBox.blackBox .h3, .economySemiBox.blackBox h2, .economySemiBox.blackBox h3 {
        color: var(--bs-green-700)
    }

        .economySemiBox.blackBox .h2 span, .economySemiBox.blackBox .h3 span, .economySemiBox.blackBox h2 span, .economySemiBox.blackBox h3 span {
            background: linear-gradient(to bottom,var(--bs-green-700) 0,var(--bs-green-700) 98%);
            background-size: 0 1px;
            background-repeat: no-repeat;
            background-position: left 100%
        }

[dir=rtl] .economySemiBox.blackBox .h2 span, [dir=rtl] .economySemiBox.blackBox .h3 span, [dir=rtl] .economySemiBox.blackBox h2 span, [dir=rtl] .economySemiBox.blackBox h3 span {
    background-position: right 100%
}

.economySemiBox.geryBox {
    background: var(--bs-grey-500);
    border: solid 1px #000
}

    .economySemiBox.geryBox .imgWrap {
        position: initial
    }

        .economySemiBox.geryBox .imgWrap:before {
            display: none
        }

    .economySemiBox.geryBox .h4 span, .economySemiBox.geryBox h4 span {
        background: linear-gradient(to bottom,#000 0,#000 98%);
        background-size: 0 1px;
        background-repeat: no-repeat;
        background-position: left 100%
    }

[dir=rtl] .economySemiBox.geryBox .h4 span, [dir=rtl] .economySemiBox.geryBox h4 span {
    background-position: right 100%
}

.economySemiBox.blueBox {
    background: var(--bs-blue-900)
}

    .economySemiBox.blueBox .h2, .economySemiBox.blueBox .h3, .economySemiBox.blueBox h2, .economySemiBox.blueBox h3 {
        color: #fff
    }

        .economySemiBox.blueBox .h2 span, .economySemiBox.blueBox .h3 span, .economySemiBox.blueBox h2 span, .economySemiBox.blueBox h3 span {
            background: linear-gradient(to bottom,#fff 0,#fff 98%);
            background-size: 0 1px;
            background-repeat: no-repeat;
            background-position: left 100%
        }

[dir=rtl] .economySemiBox.blueBox .h2 span, [dir=rtl] .economySemiBox.blueBox .h3 span, [dir=rtl] .economySemiBox.blueBox h2 span, [dir=rtl] .economySemiBox.blueBox h3 span {
    background-position: right 100%
}

.economySemiBox .imgWrap {
    position: absolute;
    width: 100%;
    height: 100% !important;
    top: 0;
    overflow: hidden;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px
}

[dir=ltr] .economySemiBox .imgWrap {
    left: 0
}

[dir=rtl] .economySemiBox .imgWrap {
    right: 0
}

.economySemiBox .imgWrap video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    object-fit: cover;
    height: 100%;
    overflow: hidden;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px
}

.economySemiBox .imgWrap .bgImage {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #000;
    width: 100%;
    height: 100%
}

.economySemiBox .h2, .economySemiBox .h3, .economySemiBox .h4, .economySemiBox h2, .economySemiBox h3, .economySemiBox h4 {
    display: inline-block
}

[dir=ltr] .economySemiBox .h2, [dir=ltr] .economySemiBox .h3, [dir=ltr] .economySemiBox .h4, [dir=ltr] .economySemiBox h2, [dir=ltr] .economySemiBox h3, [dir=ltr] .economySemiBox h4 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .economySemiBox .h2, [dir=rtl] .economySemiBox .h3, [dir=rtl] .economySemiBox .h4, [dir=rtl] .economySemiBox h2, [dir=rtl] .economySemiBox h3, [dir=rtl] .economySemiBox h4 {
    margin: 0rem 0rem 0rem 0rem
}

.economySemiBox .h2 span, .economySemiBox .h3 span, .economySemiBox .h4 span, .economySemiBox h2 span, .economySemiBox h3 span, .economySemiBox h4 span {
    display: inline;
    padding-bottom: 2px;
    transition: all .5s linear;
    background: linear-gradient(to bottom,#fff 0,#fff 98%);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left 100%
}

[dir=rtl] .economySemiBox .h2 span, [dir=rtl] .economySemiBox .h3 span, [dir=rtl] .economySemiBox .h4 span, [dir=rtl] .economySemiBox h2 span, [dir=rtl] .economySemiBox h3 span, [dir=rtl] .economySemiBox h4 span {
    background-position: right 100%
}

.economyPremCard {
    height: 31.25rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    border: solid 1px #000
}

[dir=ltr] .economyPremCard {
    padding: 2.5rem 2.5rem 2.5rem 2.5rem
}

[dir=rtl] .economyPremCard {
    padding: 2.5rem 2.5rem 2.5rem 2.5rem
}

[dir=ltr] .economyPremCard {
    margin: 0rem 0rem 1.25rem 0rem
}

[dir=rtl] .economyPremCard {
    margin: 0rem 0rem 1.25rem 0rem
}

.economyPremCard .badge-container {
    width: 100%
}

.economyPremCard .economy-detail {
    align-self: end;
    width: 100%;
    position: relative;
    z-index: 2
}

[dir=ltr] .economyPremCard .economy-detail {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .economyPremCard .economy-detail {
    padding: 0rem 0rem 0rem 0rem
}

[dir=ltr] .economyPremCard .economy-detail .h2, [dir=ltr] .economyPremCard .economy-detail .h3, [dir=ltr] .economyPremCard .economy-detail h2, [dir=ltr] .economyPremCard .economy-detail h3 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .economyPremCard .economy-detail .h2, [dir=rtl] .economyPremCard .economy-detail .h3, [dir=rtl] .economyPremCard .economy-detail h2, [dir=rtl] .economyPremCard .economy-detail h3 {
    margin: 0rem 0rem 0rem 0rem
}

.economyPremCard .economy-detail .h3, .economyPremCard .economy-detail h3 {
    color: #fff
}

.economyPremCard .economy-detail .card-footer-box {
    display: flex;
    justify-content: space-between
}

[dir=ltr] .economyPremCard .economy-detail .card-footer-box {
    padding: 2.5rem 0rem 0rem 0rem
}

[dir=rtl] .economyPremCard .economy-detail .card-footer-box {
    padding: 2.5rem 0rem 0rem 0rem
}

.economyPremCard .economy-detail .card-footer-box .fileSize {
    color: #fff
}

.economyPremCard.blackBox {
    background: #000
}

    .economyPremCard.blackBox .h2, .economyPremCard.blackBox .h3, .economyPremCard.blackBox h2, .economyPremCard.blackBox h3 {
        color: var(--bs-green-700)
    }

        .economyPremCard.blackBox .h2 span, .economyPremCard.blackBox .h3 span, .economyPremCard.blackBox h2 span, .economyPremCard.blackBox h3 span {
            background: linear-gradient(to bottom,var(--bs-green-700) 0,var(--bs-green-700) 98%);
            background-size: 0 1px;
            background-repeat: no-repeat;
            background-position: left 100%
        }

[dir=rtl] .economyPremCard.blackBox .h2 span, [dir=rtl] .economyPremCard.blackBox .h3 span, [dir=rtl] .economyPremCard.blackBox h2 span, [dir=rtl] .economyPremCard.blackBox h3 span {
    background-position: right 100%
}

.economyPremCard .imgWrap {
    height: 100% !important
}

.economyPremCard.bgGrey {
    background: var(--bs-grey-500);
    border: solid 1px #000
}

    .economyPremCard.bgGrey .imgWrap {
        position: initial;
        height: 100%
    }

        .economyPremCard.bgGrey .imgWrap:before {
            display: none
        }

    .economyPremCard.bgGrey .h4 span, .economyPremCard.bgGrey h4 span {
        background: linear-gradient(to bottom,#000 0,#000 98%);
        background-size: 0 1px;
        background-repeat: no-repeat;
        background-position: left 100%
    }

[dir=rtl] .economyPremCard.bgGrey .h4 span, [dir=rtl] .economyPremCard.bgGrey h4 span {
    background-position: right 100%
}

.economyPremCard .h2, .economyPremCard .h3, .economyPremCard .h4, .economyPremCard h2, .economyPremCard h3, .economyPremCard h4 {
    display: inline-block
}

[dir=ltr] .economyPremCard .h2, [dir=ltr] .economyPremCard .h3, [dir=ltr] .economyPremCard .h4, [dir=ltr] .economyPremCard h2, [dir=ltr] .economyPremCard h3, [dir=ltr] .economyPremCard h4 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .economyPremCard .h2, [dir=rtl] .economyPremCard .h3, [dir=rtl] .economyPremCard .h4, [dir=rtl] .economyPremCard h2, [dir=rtl] .economyPremCard h3, [dir=rtl] .economyPremCard h4 {
    margin: 0rem 0rem 0rem 0rem
}

.economyPremCard .h2 span, .economyPremCard .h3 span, .economyPremCard .h4 span, .economyPremCard h2 span, .economyPremCard h3 span, .economyPremCard h4 span {
    display: inline;
    padding-bottom: 2px;
    transition: all .5s linear;
    background: linear-gradient(to bottom,#fff 0,#fff 98%);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left 100%
}

[dir=rtl] .economyPremCard .h2 span, [dir=rtl] .economyPremCard .h3 span, [dir=rtl] .economyPremCard .h4 span, [dir=rtl] .economyPremCard h2 span, [dir=rtl] .economyPremCard h3 span, [dir=rtl] .economyPremCard h4 span {
    background-position: right 100%
}

[dir=ltr] .newsRegularCard {
    margin: 0rem 0rem 1.25rem 0rem
}

[dir=rtl] .newsRegularCard {
    margin: 0rem 0rem 1.25rem 0rem
}

.newsRegularCard .mediaCard {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    position: relative;
    overflow: hidden
}

    .newsRegularCard .mediaCard:after {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.2);
        opacity: 0;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        content: ""
    }

[dir=ltr] .newsRegularCard .mediaCard:after {
    left: 0
}

[dir=rtl] .newsRegularCard .mediaCard:after {
    right: 0
}

.newsRegularCard .mediaCard > a {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 9
}

[dir=ltr] .newsRegularCard .mediaCard > a {
    left: 0
}

[dir=rtl] .newsRegularCard .mediaCard > a {
    right: 0
}

.newsRegularCard .card-img-bx {
    position: relative;
    height: 24.6875rem
}

    .newsRegularCard .card-img-bx.h-long {
        height: 35.9375rem
    }

    .newsRegularCard .card-img-bx .bgImage {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-color: #000;
        width: 100%;
        height: 100%;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -o-border-radius: 30px;
        -ms-border-radius: 30px;
        border-radius: 30px
    }

[dir=ltr] .newsRegularCard .card-body {
    padding: 3.125rem 0rem 0rem 0rem
}

[dir=rtl] .newsRegularCard .card-body {
    padding: 3.125rem 0rem 0rem 0rem
}

.newsRegularCard .h3 a span, .newsRegularCard .h4 a span, .newsRegularCard .h5 a span, .newsRegularCard .title5 a span, .newsRegularCard h3 a span, .newsRegularCard h4 a span, .newsRegularCard h5 a span {
    display: inline;
    padding-bottom: 2px;
    transition: all .5s linear;
    background: linear-gradient(to bottom,#000 0,#000 98%);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left 100%
}

[dir=ltr] .newsRegularCard p:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .newsRegularCard p:last-child {
    margin: 0rem 0rem 0rem 0rem
}

.newsRegularCard .share-item {
    display: flex;
    justify-content: space-between;
    align-items: center
}

[dir=ltr] .newsRegularCard .share-item {
    padding: 0rem 0rem 1.5625rem 0rem
}

[dir=rtl] .newsRegularCard .share-item {
    padding: 0rem 0rem 1.5625rem 0rem
}

.newsRegularCard .shareIcon {
    width: 2.5rem;
    height: 2.5rem;
    border: solid 1px #000;
    color: #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

    .newsRegularCard .shareIcon i:before {
        font-size: 1.1875rem
    }

[dir=ltr] .eventRegularCard {
    margin: 0rem 0rem 1.25rem 0rem
}

[dir=rtl] .eventRegularCard {
    margin: 0rem 0rem 1.25rem 0rem
}

.eventRegularCard .card-img-bx {
    overflow: hidden;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    position: relative;
    height: 24.6875rem
}

    .eventRegularCard .card-img-bx a {
        display: block;
        position: relative;
        background-color: #000;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        width: 100%;
        height: 100%;
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

        .eventRegularCard .card-img-bx a:after {
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,.2);
            opacity: 0;
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
            content: ""
        }

[dir=ltr] .eventRegularCard .card-img-bx a:after {
    left: 0
}

[dir=rtl] .eventRegularCard .card-img-bx a:after {
    right: 0
}

.eventRegularCard .card-body {
    display: flex;
    flex-wrap: nowrap;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

[dir=ltr] .eventRegularCard .card-body {
    padding: 3.0625rem 0rem 0rem 0rem
}

[dir=rtl] .eventRegularCard .card-body {
    padding: 3.0625rem 0rem 0rem 0rem
}

.eventRegularCard .cardDateBox {
    width: 22%;
    text-align: center
}

[dir=ltr] .eventRegularCard .cardDateBox {
    padding: 0rem .9375rem 0rem 0rem
}

[dir=rtl] .eventRegularCard .cardDateBox {
    padding: 0rem 0rem 0rem .9375rem
}

.eventRegularCard .cardContent {
    width: 78%
}

[dir=ltr] .eventRegularCard .cardContent {
    padding: 0rem 0rem 0rem 1.3125rem
}

[dir=rtl] .eventRegularCard .cardContent {
    padding: 0rem 1.3125rem 0rem 0rem
}

[dir=ltr] .eventRegularCard .cardContent {
    border-left: 1px solid var(--bs-grey-600)
}

[dir=rtl] .eventRegularCard .cardContent {
    border-right: 1px solid var(--bs-grey-600)
}

.eventRegularCard .cardDate {
    letter-spacing: initial
}

.eventRegularCard .h3 a span, .eventRegularCard .h4 a span, .eventRegularCard .h5 a span, .eventRegularCard .title5 a span, .eventRegularCard h3 a span, .eventRegularCard h4 a span, .eventRegularCard h5 a span {
    display: inline;
    padding-bottom: 2px;
    transition: all .5s linear;
    background: linear-gradient(to bottom,#000 0,#000 98%);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left 100%
}

.pubRegularCard {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border: solid 1px var(--bs-grey-700);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

[dir=ltr] .pubRegularCard .card-body {
    padding: 2.8125rem 2.5rem 1.75rem 2.5rem
}

[dir=rtl] .pubRegularCard .card-body {
    padding: 2.8125rem 2.5rem 1.75rem 2.5rem
}

.pubRegularCard .card-footer {
    background: 0 0
}

[dir=ltr] .pubRegularCard .card-footer {
    padding: 0rem 2.5rem 0rem 2.5rem
}

[dir=rtl] .pubRegularCard .card-footer {
    padding: 0rem 2.5rem 0rem 2.5rem
}

.pubRegularCard .card-footer .card-footer-box {
    display: flex;
    justify-content: space-between;
    border-top: solid 1px var(--bs-grey-700);
    width: 100%
}

[dir=ltr] .pubRegularCard .card-footer .card-footer-box {
    padding: .75rem 0rem 1.25rem 0rem
}

[dir=rtl] .pubRegularCard .card-footer .card-footer-box {
    padding: .75rem 0rem 1.25rem 0rem
}

.pubRegularCard .h3 a span, .pubRegularCard .h4 a span, .pubRegularCard .h5 a span, .pubRegularCard .title5 a span, .pubRegularCard h3 a span, .pubRegularCard h4 a span, .pubRegularCard h5 a span {
    display: inline;
    padding-bottom: 2px;
    transition: all .5s linear;
    background: linear-gradient(to bottom,#000 0,#000 98%);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left 100%
}

.flatCard {
    display: flex;
    flex-wrap: nowrap
}

[dir=ltr] .flatCard {
    margin: 0rem 0rem 1.25rem 0rem
}

[dir=rtl] .flatCard {
    margin: 0rem 0rem 1.25rem 0rem
}

[dir=ltr] .flatCard:last-child, [dir=ltr] .flatCard:nth-last-child(2) {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .flatCard:last-child, [dir=rtl] .flatCard:nth-last-child(2) {
    margin: 0rem 0rem 0rem 0rem
}

.flatCard .imgWrap {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    overflow: hidden;
    width: 18.25rem;
    height: 17.5rem;
    flex-shrink: 0
}

[dir=ltr] .flatCard .imgWrap {
    margin: 0rem 3rem 0rem 0rem
}

[dir=rtl] .flatCard .imgWrap {
    margin: 0rem 0rem 0rem 3rem
}

.flatCard .imgWrap a {
    display: block;
    position: relative;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 100%;
    height: 100%;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

    .flatCard .imgWrap a:after {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.2);
        opacity: 0;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        content: ""
    }

[dir=ltr] .flatCard .imgWrap a:after {
    left: 0
}

[dir=rtl] .flatCard .imgWrap a:after {
    right: 0
}

.flatCard .flatDetail {
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap
}

    .flatCard .flatDetail .textBox {
        width: 100%
    }

    .flatCard .flatDetail .h4 a, .flatCard .flatDetail .h5 a, .flatCard .flatDetail .title5 a, .flatCard .flatDetail h4 a, .flatCard .flatDetail h5 a {
        font-size: 1.875rem;
        color: #000;
        text-decoration: none
    }

        .flatCard .flatDetail .h4 a span, .flatCard .flatDetail .h5 a span, .flatCard .flatDetail .title5 a span, .flatCard .flatDetail h4 a span, .flatCard .flatDetail h5 a span {
            display: inline;
            padding-bottom: 0;
            transition: all .5s linear;
            background: linear-gradient(to bottom,#000 0,#000 98%);
            background-size: 0 1px;
            background-repeat: no-repeat;
            background-position: left 100%
        }

[dir=rtl] .flatCard .flatDetail .h4 a span, [dir=rtl] .flatCard .flatDetail .h5 a span, [dir=rtl] .flatCard .flatDetail .title5 a span, [dir=rtl] .flatCard .flatDetail h4 a span, [dir=rtl] .flatCard .flatDetail h5 a span {
    background-position: right 100%
}

@media (min-width:1200px) {
    .flatCard .flatDetail .h4 a:hover span, .flatCard .flatDetail .h5 a:hover span, .flatCard .flatDetail .title5 a:hover span, .flatCard .flatDetail h4 a:hover span, .flatCard .flatDetail h5 a:hover span {
        background-size: 100% 1px
    }
}

.flatCard .flatDetail p {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden
}

[dir=ltr] .flatCard .flatDetail p {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .flatCard .flatDetail p {
    margin: 0rem 0rem 0rem 0rem
}

.flatCard .flatDetail .textLink {
    font-size: 1rem;
    color: var(--bs-green-900);
    text-decoration: none
}

[dir=ltr] .flatCard .flatDetail .textLink {
    margin: auto 0 0 0
}

[dir=rtl] .flatCard .flatDetail .textLink {
    margin: auto 0 0 0
}

.flatCard .flatDetail .textLink span {
    display: inline;
    padding-bottom: 0;
    transition: all .5s linear;
    background: linear-gradient(to bottom,var(--bs-green-900) 0,var(--bs-green-900) 98%);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left 100%
}

[dir=rtl] .flatCard .flatDetail .textLink span {
    background-position: right 100%
}

@media (min-width:1200px) {
    .flatCard .flatDetail .textLink:hover span {
        background-size: 100% 1px
    }
}

.flatCard hr {
    opacity: 1;
    height: 1px;
    border: none;
    width: 100%;
    background: var(--bs-grey-700)
}

[dir=ltr] .flatCard hr {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .flatCard hr {
    margin: 0rem 0rem 0rem 0rem
}

.flatCard.transparent .imgWrap {
    border: 1px solid var(--bs-grey-600)
}

[dir=ltr] .flatCard.transparent .imgWrap {
    padding: 2rem 2rem 2rem 2rem
}

[dir=rtl] .flatCard.transparent .imgWrap {
    padding: 2rem 2rem 2rem 2rem
}

.flatCard.transparent .imgWrap a {
    background-color: transparent
}

    .flatCard.transparent .imgWrap a:after {
        display: none
    }

.flatCardPremium {
    display: flex;
    flex-wrap: nowrap
}

[dir=ltr] .flatCardPremium {
    margin: 0rem 0rem 1.25rem 0rem
}

[dir=rtl] .flatCardPremium {
    margin: 0rem 0rem 1.25rem 0rem
}

.flatCardPremium .time-cal {
    display: flex
}

[dir=ltr] .flatCardPremium .time-cal {
    margin: 0rem 0rem 2.0625rem 0rem
}

[dir=rtl] .flatCardPremium .time-cal {
    margin: 0rem 0rem 2.0625rem 0rem
}

[dir=ltr] .flatCardPremium .time-cal .timeText {
    margin: 0rem 1.875rem 0rem 0rem
}

[dir=rtl] .flatCardPremium .time-cal .timeText {
    margin: 0rem 0rem 0rem 1.875rem
}

.flatCardPremium .imgWrap {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    overflow: hidden;
    width: 25.5rem;
    height: 15.25rem;
    flex-shrink: 0
}

[dir=ltr] .flatCardPremium .imgWrap {
    margin: 0rem 3rem 0rem 0rem
}

[dir=rtl] .flatCardPremium .imgWrap {
    margin: 0rem 0rem 0rem 3rem
}

.flatCardPremium .imgWrap a {
    display: block;
    position: relative;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

    .flatCardPremium .imgWrap a:after {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.2);
        opacity: 0;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        content: ""
    }

[dir=ltr] .flatCardPremium .imgWrap a:after {
    left: 0
}

[dir=rtl] .flatCardPremium .imgWrap a:after {
    right: 0
}

.flatCardPremium .flatDetail {
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap
}

    .flatCardPremium .flatDetail .textBox {
        width: 100%
    }

    .flatCardPremium .flatDetail .h4 a, .flatCardPremium .flatDetail .h5 a, .flatCardPremium .flatDetail .title5 a, .flatCardPremium .flatDetail h4 a, .flatCardPremium .flatDetail h5 a {
        font-size: 1.875rem;
        color: var(--bs-black);
        text-decoration: none
    }

        .flatCardPremium .flatDetail .h4 a span, .flatCardPremium .flatDetail .h5 a span, .flatCardPremium .flatDetail .title5 a span, .flatCardPremium .flatDetail h4 a span, .flatCardPremium .flatDetail h5 a span {
            display: inline;
            padding-bottom: 0;
            transition: all .5s linear;
            background: linear-gradient(to bottom,var(--bs-black) 0,var(--bs-black) 98%);
            background-size: 0 1px;
            background-repeat: no-repeat;
            background-position: left 100%
        }

[dir=rtl] .flatCardPremium .flatDetail .h4 a span, [dir=rtl] .flatCardPremium .flatDetail .h5 a span, [dir=rtl] .flatCardPremium .flatDetail .title5 a span, [dir=rtl] .flatCardPremium .flatDetail h4 a span, [dir=rtl] .flatCardPremium .flatDetail h5 a span {
    background-position: right 100%
}

@media (min-width:1200px) {
    .flatCardPremium .flatDetail .h4 a:hover span, .flatCardPremium .flatDetail .h5 a:hover span, .flatCardPremium .flatDetail .title5 a:hover span, .flatCardPremium .flatDetail h4 a:hover span, .flatCardPremium .flatDetail h5 a:hover span {
        background-size: 100% 1px
    }
}

[dir=ltr] .flatCardPremium .flatDetail p {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .flatCardPremium .flatDetail p {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .flatCardPremium .flatDetail .badge-container {
    margin: auto 0 1.875rem 0
}

[dir=rtl] .flatCardPremium .flatDetail .badge-container {
    margin: auto 0 1.875rem 0
}

[dir=ltr] .flatCardPremium .flatDetail .badge-container {
    padding: 0
}

[dir=rtl] .flatCardPremium .flatDetail .badge-container {
    padding: 0
}

.flatCardPremium .flatDetail .textLink {
    font-size: 1rem;
    color: var(--bs-green-900);
    text-decoration: none
}

[dir=ltr] .flatCardPremium .flatDetail .textLink {
    margin: auto 0 0 0
}

[dir=rtl] .flatCardPremium .flatDetail .textLink {
    margin: auto 0 0 0
}

.flatCardPremium .flatDetail .textLink span {
    display: inline;
    padding-bottom: 0;
    transition: all .5s linear;
    background: linear-gradient(to bottom,var(--bs-green-900) 0,var(--bs-green-900) 98%);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left 100%
}

[dir=rtl] .flatCardPremium .flatDetail .textLink span {
    background-position: right 100%
}

@media (min-width:1200px) {
    .flatCardPremium .flatDetail .textLink:hover span {
        background-size: 100% 1px
    }
}

.flatCardPremium hr {
    opacity: 1;
    height: 1px;
    border: none;
    width: 100%;
    background: var(--bs-grey-700)
}

[dir=ltr] .flatCardPremium hr {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .flatCardPremium hr {
    margin: 0rem 0rem 0rem 0rem
}

.darkMode .datepicker td, .darkMode .datepicker th {
    color: #fff
}

.miniCard {
    overflow: hidden;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    position: relative;
    background: linear-gradient(to bottom,var(--bs-white) 0,var(--bs-white) 100%);
    border: solid 1px var(--bs-grey-700);
    transition: .5s;
    height: 100%
}

[dir=ltr] .miniCard {
    padding: 2.5rem 3.75rem 2.5rem 2.5rem
}

[dir=rtl] .miniCard {
    padding: 2.5rem 2.5rem 2.5rem 3.75rem
}

[dir=ltr] .miniCard {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .miniCard {
    margin: 0rem 0rem 0rem 0rem
}

@media (prefers-reduced-motion:reduce) {
    .miniCard {
        transition: none
    }
}

.miniCard:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: -moz-linear-gradient(top,var(--bs-white) 0,var(--bs-green-500) 100%);
    background: -webkit-linear-gradient(top,var(--bs-white) 0,var(--bs-green-500) 100%);
    background: linear-gradient(to bottom,var(--bs-white) 0,var(--bs-green-500) 100%);
    opacity: 1;
    transition: .4s
}

@media (prefers-reduced-motion:reduce) {
    .miniCard:before {
        transition: none
    }
}

.miniCard .h4, .miniCard h4 {
    color: var(--bs-green-900);
    font-weight: 400
}

.miniCard .lead {
    font-weight: 300;
    color: var(--bs-black)
}

[dir=ltr] .miniCard .lead {
    margin: 0rem 0rem 3.3125rem 0rem
}

[dir=rtl] .miniCard .lead {
    margin: 0rem 0rem 3.3125rem 0rem
}

.miniCard .titleBox {
    position: relative;
    transition: .4s;
    z-index: 1
}

@media (prefers-reduced-motion:reduce) {
    .miniCard .titleBox {
        transition: none
    }
}

[dir=ltr] .miniCard .titleBox {
    padding: 0rem 3.75rem 0rem 0rem
}

[dir=rtl] .miniCard .titleBox {
    padding: 0rem 0rem 0rem 3.75rem
}

.miniCard .detailBox {
    transition: .4s;
    position: relative;
    z-index: 1
}

@media (prefers-reduced-motion:reduce) {
    .miniCard .detailBox {
        transition: none
    }
}

.miniCard .detailBox.emptyDetail {
    height: 7.5rem
}

.miniCard .linkBox {
    position: absolute;
    bottom: 2.5rem;
    z-index: 1
}

    .miniCard .linkBox .textLink {
        font-weight: 500
    }

        .miniCard .linkBox .textLink span {
            transition: .4s;
            opacity: 0
        }

@media (prefers-reduced-motion:reduce) {
    .miniCard .linkBox .textLink span {
        transition: none
    }
}

.miniCard .linkBox .textLink i {
    position: absolute;
    margin: 0;
    transition: .4s;
    top: initial
}

[dir=ltr] .miniCard .linkBox .textLink i {
    left: 0
}

[dir=rtl] .miniCard .linkBox .textLink i {
    right: 0
}

@media (prefers-reduced-motion:reduce) {
    .miniCard .linkBox .textLink i {
        transition: none
    }
}

.miniCard .linkBox .textLink i:before {
    font-size: 1.125rem
}

.darkMode .miniCard .h4, .darkMode .miniCard h4 {
    color: var(--bs-green-700)
}

.darkMode .miniCard:before {
    background: linear-gradient(8deg,rgba(67,110,108,.44) 4.29%,rgba(30,47,46,.2) 93.37%);
    stroke-width: 1px;
    stroke: rgba(0,229,209,.3)
}

.hoverCard {
    overflow: hidden;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    position: relative;
    background: -moz-linear-gradient(top,var(--bs-white) 0,var(--bs-green-500) 100%);
    background: -webkit-linear-gradient(top,var(--bs-white) 0,var(--bs-green-500) 100%);
    background: linear-gradient(to bottom,var(--bs-white) 0,var(--bs-green-500) 100%);
    backdrop-filter: blur(21px);
    border: 1px solid var(--bs-green-700);
    transition: .5s;
    height: 23.5rem
}

[dir=ltr] .hoverCard {
    padding: 2.1875rem 0rem 5rem 2.1875rem
}

[dir=rtl] .hoverCard {
    padding: 2.1875rem 2.1875rem 5rem 0rem
}

@media (prefers-reduced-motion:reduce) {
    .hoverCard {
        transition: none
    }
}

.hoverCard:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--bs-black);
    backdrop-filter: blur(21px);
    opacity: 0;
    transition: .4s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px
}

@media (prefers-reduced-motion:reduce) {
    .hoverCard:before {
        transition: none
    }
}

.hoverCard.noHover {
    position: relative
}

    .hoverCard.noHover:before {
        display: none
    }

    .hoverCard.noHover a.wholelink {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0
    }

[dir=ltr] .hoverCard.noHover a.wholelink {
    left: 0
}

[dir=rtl] .hoverCard.noHover a.wholelink {
    right: 0
}

.hoverCard.noHover .headings .h6, .hoverCard.noHover .headings h6 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.hoverCard.noHover .headings p {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.hoverCard.noHover:hover .titleBox {
    opacity: 1
}

.hoverCard .h5, .hoverCard .title5, .hoverCard h5 {
    font-weight: 400
}

.hoverCard .titleBox {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    transition: .2s
}

[dir=ltr] .hoverCard .titleBox {
    padding: 0rem 7.8125rem 0rem 0rem
}

[dir=rtl] .hoverCard .titleBox {
    padding: 0rem 0rem 0rem 7.8125rem
}

@media (prefers-reduced-motion:reduce) {
    .hoverCard .titleBox {
        transition: none
    }
}

.hoverCard .detailBox {
    transition: .4s;
    position: absolute;
    top: 0;
    opacity: 0
}

[dir=ltr] .hoverCard .detailBox {
    padding: 2.1875rem 2.1875rem 0rem 0rem
}

[dir=rtl] .hoverCard .detailBox {
    padding: 2.1875rem 0rem 0rem 2.1875rem
}

@media (prefers-reduced-motion:reduce) {
    .hoverCard .detailBox {
        transition: none
    }
}

.hoverCard .detailBox .h5, .hoverCard .detailBox .title5, .hoverCard .detailBox h5 {
    color: var(--bs-white);
    margin: 0
}

.hoverCard .iconBox {
    width: 3.9375rem;
    height: 3.6875rem
}

    .hoverCard .iconBox img {
        height: 100%
    }

    .hoverCard .iconBox svg path {
        stroke: var(--bs-black)
    }

.hoverCard:hover:before {
    opacity: 1
}

.hoverCard:hover .titleBox {
    opacity: 0
}

.hoverCard:hover .detailBox {
    opacity: 1
}

.bigHoverCard {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -o-border-radius: 16px;
    -ms-border-radius: 16px;
    border-radius: 16px;
    width: 100%;
    height: 100%;
    transition: .5s;
    cursor: pointer
}

@media (prefers-reduced-motion:reduce) {
    .bigHoverCard {
        transition: none
    }
}

.bigHoverCard::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%);
    z-index: 2;
    transition: .5s ease
}

[dir=ltr] .bigHoverCard::before {
    left: 0
}

[dir=rtl] .bigHoverCard::before {
    right: 0
}

@media (prefers-reduced-motion:reduce) {
    .bigHoverCard::before {
        transition: none
    }
}

.bigHoverCard .imgWrap {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

[dir=ltr] .bigHoverCard .imgWrap {
    left: 0
}

[dir=rtl] .bigHoverCard .imgWrap {
    right: 0
}

.bigHoverCard .imgWrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s
}

@media (prefers-reduced-motion:reduce) {
    .bigHoverCard .imgWrap img {
        transition: none
    }
}

.bigHoverCard .infoContent {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: color-mix(in srgb,var(--bs-black) 80%,transparent);
    z-index: 2;
    opacity: 0;
    transition: .5s ease;
    overflow-y: auto;
    display: flex;
    align-items: stretch;
    flex-direction: column
}

[dir=ltr] .bigHoverCard .infoContent {
    left: 0
}

[dir=rtl] .bigHoverCard .infoContent {
    right: 0
}

@media (prefers-reduced-motion:reduce) {
    .bigHoverCard .infoContent {
        transition: none
    }
}

[dir=ltr] .bigHoverCard .infoContent {
    padding: 1.25rem 1.25rem 1.25rem 1.25rem
}

[dir=rtl] .bigHoverCard .infoContent {
    padding: 1.25rem 1.25rem 1.25rem 1.25rem
}

.bigHoverCard .infoContent .h6, .bigHoverCard .infoContent h6 {
    color: var(--bs-white);
    margin: 0;
    margin-top: auto;
    margin-bottom: .75rem;
    line-height: 1.4;
    overflow-wrap: break-word;
    word-break: break-word
}

    .bigHoverCard .infoContent .h6 span, .bigHoverCard .infoContent h6 span {
        display: block
    }

    .bigHoverCard .infoContent .h6 + span, .bigHoverCard .infoContent h6 + span {
        color: var(--bs-white);
        margin-top: auto;
        align-self: flex-start;
        font-size: 1.375rem;
        font-weight: 600
    }

.bigHoverCard .infoContent .textLink {
    margin-top: auto;
    align-self: flex-start
}

.bigHoverCard .h3, .bigHoverCard h3 {
    position: absolute;
    bottom: .625rem;
    left: 0;
    right: 0;
    padding: 0rem 1.25rem;
    z-index: 3;
    color: #fff;
    margin: 0;
    transition: .5s ease
}

@media (prefers-reduced-motion:reduce) {
    .bigHoverCard .h3, .bigHoverCard h3 {
        transition: none
    }
}

.bigHoverCard .h3 span, .bigHoverCard h3 span {
    display: block
}

.bigHoverCard:hover::before {
    opacity: 0
}

.bigHoverCard:hover .infoContent {
    opacity: 1
}

.bigHoverCard:hover .imgWrap img {
    transform: scale(1.05)
}

.bigHoverCard:hover .h3, .bigHoverCard:hover h3 {
    opacity: 0;
    visibility: hidden
}

[dir=ltr] .advanceCard {
    margin: 0rem 0rem 1.8125rem 0rem
}

[dir=rtl] .advanceCard {
    margin: 0rem 0rem 1.8125rem 0rem
}

.advanceCard .card-head {
    display: flex;
    align-items: center
}

[dir=ltr] .advanceCard .card-head {
    margin: 0rem 0rem 1.875rem 0rem
}

[dir=rtl] .advanceCard .card-head {
    margin: 0rem 0rem 1.875rem 0rem
}

.advanceCard .card-head .head-icon {
    background: var(--bs-green-900);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    color: var(--bs-green-700);
    width: 2.5rem;
    min-width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

[dir=ltr] .advanceCard .card-head .head-icon {
    margin: 0rem .75rem 0rem 0rem
}

[dir=rtl] .advanceCard .card-head .head-icon {
    margin: 0rem 0rem 0rem .75rem
}

[dir=ltr] .advanceCard .card-head .head-txt .subHeading {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .advanceCard .card-head .head-txt .subHeading {
    margin: 0rem 0rem 0rem 0rem
}

.advanceCard .badge-container {
    position: relative;
    z-index: 10
}

[dir=ltr] .advanceCard .badge-container {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .advanceCard .badge-container {
    padding: 0rem 0rem 0rem 0rem
}

.advanceCard .mediaCard {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    overflow: hidden;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    position: relative;
    height: 27.8125rem
}

[dir=ltr] .advanceCard .mediaCard {
    padding: 2.5rem 2.5rem 2.5rem 2.5rem
}

[dir=rtl] .advanceCard .mediaCard {
    padding: 2.5rem 2.5rem 2.5rem 2.5rem
}

[dir=ltr] .advanceCard .mediaCard {
    margin: 0rem 0rem 1.8125rem 0rem
}

[dir=rtl] .advanceCard .mediaCard {
    margin: 0rem 0rem 1.8125rem 0rem
}

.advanceCard .mediaCard > a {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 9
}

[dir=ltr] .advanceCard .mediaCard > a {
    left: 0
}

[dir=rtl] .advanceCard .mediaCard > a {
    right: 0
}

.advanceCard .mediaCard:before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0,#000 100%);
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,#000 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,#000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#000000', GradientType=0);
    opacity: .6;
    z-index: 1;
    content: "";
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px
}

[dir=ltr] .advanceCard .mediaCard:before {
    left: 0
}

[dir=rtl] .advanceCard .mediaCard:before {
    right: 0
}

.advanceCard .mediaCard:after {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    content: ""
}

[dir=ltr] .advanceCard .mediaCard:after {
    left: 0
}

[dir=rtl] .advanceCard .mediaCard:after {
    right: 0
}

.advanceCard .mediaCard .h3, .advanceCard .mediaCard h3 {
    color: var(--bs-white)
}

[dir=ltr] .advanceCard .mediaCard .h3, [dir=ltr] .advanceCard .mediaCard h3 {
    margin: 0rem 0rem .3125rem 0rem
}

[dir=rtl] .advanceCard .mediaCard .h3, [dir=rtl] .advanceCard .mediaCard h3 {
    margin: 0rem 0rem .3125rem 0rem
}

.advanceCard .mediaCard .lead {
    font-weight: 300;
    color: var(--bs-white)
}

[dir=ltr] .advanceCard .mediaCard .lead {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .advanceCard .mediaCard .lead {
    margin: 0rem 0rem 0rem 0rem
}

.advanceCard .imgWrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

[dir=ltr] .advanceCard .imgWrap {
    left: 0
}

[dir=rtl] .advanceCard .imgWrap {
    right: 0
}

.advanceCard .imgWrap img {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px
}

.advanceCard .imgWrap video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    object-fit: cover;
    height: 100%;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px
}

.advanceCard .imgWrap .bgImage {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #000;
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.advanceCard .economy-detail {
    position: relative;
    z-index: 10
}

[dir=ltr] .advanceCard .economy-detail {
    margin: auto 0rem 0rem 0rem
}

[dir=rtl] .advanceCard .economy-detail {
    margin: auto 0rem 0rem 0rem
}

.advanceCard .economy-detail.center {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.advanceCard .cardFooter {
    border-bottom: 2px solid var(--bs-green-800);
    min-height: 7rem
}

[dir=ltr] .advanceCard .cardFooter {
    padding: 0rem 2rem 2.5rem 0rem
}

[dir=rtl] .advanceCard .cardFooter {
    padding: 0rem 0rem 2.5rem 2rem
}

.advanceCard .cardFooter.b-0 {
    border-bottom: 0
}

[dir=ltr] .advanceCard .cardFooter .h4, [dir=ltr] .advanceCard .cardFooter h4 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .advanceCard .cardFooter .h4, [dir=rtl] .advanceCard .cardFooter h4 {
    margin: 0rem 0rem 0rem 0rem
}

.advanceCard .h3 a span, .advanceCard .h4 a span, .advanceCard .h5 a span, .advanceCard .title5 a span, .advanceCard h3 a span, .advanceCard h4 a span, .advanceCard h5 a span {
    display: inline;
    padding-bottom: 2px;
    transition: all .5s linear;
    background: linear-gradient(to bottom,#000 0,#000 98%);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left 100%
}

[dir=ltr] .advanceMidCard {
    margin: 0rem 0rem 1.8125rem 0rem
}

[dir=rtl] .advanceMidCard {
    margin: 0rem 0rem 1.8125rem 0rem
}

.advanceMidCard .card-head {
    display: flex;
    align-items: center
}

[dir=ltr] .advanceMidCard .card-head {
    margin: 0rem 0rem 1.875rem 0rem
}

[dir=rtl] .advanceMidCard .card-head {
    margin: 0rem 0rem 1.875rem 0rem
}

.advanceMidCard .card-head .head-icon {
    background: var(--bs-green-900);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    color: var(--bs-green-700);
    width: 2.5rem;
    min-width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

[dir=ltr] .advanceMidCard .card-head .head-icon {
    margin: 0rem .75rem 0rem 0rem
}

[dir=rtl] .advanceMidCard .card-head .head-icon {
    margin: 0rem 0rem 0rem .75rem
}

[dir=ltr] .advanceMidCard .card-head .head-txt .subHeading {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .advanceMidCard .card-head .head-txt .subHeading {
    margin: 0rem 0rem 0rem 0rem
}

.advanceMidCard .badge-container {
    position: relative;
    z-index: 10
}

[dir=ltr] .advanceMidCard .badge-container {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .advanceMidCard .badge-container {
    padding: 0rem 0rem 0rem 0rem
}

.advanceMidCard .mediaCard {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    overflow: hidden;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    position: relative;
    height: 27.8125rem
}

[dir=ltr] .advanceMidCard .mediaCard {
    padding: 2.5rem 2.5rem 2.5rem 2.5rem
}

[dir=rtl] .advanceMidCard .mediaCard {
    padding: 2.5rem 2.5rem 2.5rem 2.5rem
}

[dir=ltr] .advanceMidCard .mediaCard {
    margin: 0rem 0rem 1.8125rem 0rem
}

[dir=rtl] .advanceMidCard .mediaCard {
    margin: 0rem 0rem 1.8125rem 0rem
}

.advanceMidCard .mediaCard > a {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 9
}

[dir=ltr] .advanceMidCard .mediaCard > a {
    left: 0
}

[dir=rtl] .advanceMidCard .mediaCard > a {
    right: 0
}

.advanceMidCard .mediaCard:before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0,#000 100%);
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,#000 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,#000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#000000', GradientType=0);
    opacity: .6;
    z-index: 1;
    content: "";
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

[dir=ltr] .advanceMidCard .mediaCard:before {
    left: 0
}

[dir=rtl] .advanceMidCard .mediaCard:before {
    right: 0
}

.advanceMidCard .mediaCard:after {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    content: ""
}

[dir=ltr] .advanceMidCard .mediaCard:after {
    left: 0
}

[dir=rtl] .advanceMidCard .mediaCard:after {
    right: 0
}

.advanceMidCard .mediaCard .h3, .advanceMidCard .mediaCard h3 {
    color: var(--bs-white)
}

[dir=ltr] .advanceMidCard .mediaCard .h3, [dir=ltr] .advanceMidCard .mediaCard h3 {
    margin: 0rem 0rem .3125rem 0rem
}

[dir=rtl] .advanceMidCard .mediaCard .h3, [dir=rtl] .advanceMidCard .mediaCard h3 {
    margin: 0rem 0rem .3125rem 0rem
}

.advanceMidCard .mediaCard .lead {
    font-weight: 300;
    color: var(--bs-white)
}

[dir=ltr] .advanceMidCard .mediaCard .lead {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .advanceMidCard .mediaCard .lead {
    margin: 0rem 0rem 0rem 0rem
}

.advanceMidCard .imgWrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

[dir=ltr] .advanceMidCard .imgWrap {
    left: 0
}

[dir=rtl] .advanceMidCard .imgWrap {
    right: 0
}

.advanceMidCard .imgWrap video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    object-fit: cover;
    height: 100%
}

.advanceMidCard .imgWrap .bgImage {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #000;
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.advanceMidCard .economy-detail {
    position: relative;
    z-index: 10
}

.advanceMidCard .cardInBottom {
    display: flex;
    justify-content: space-between;
    width: 100%
}

    .advanceMidCard .cardInBottom i, .advanceMidCard .cardInBottom span {
        color: #fff
    }

    .advanceMidCard .cardInBottom .downloadLink .textLink {
        font-size: .875rem;
        color: #fff;
        text-decoration: none
    }

        .advanceMidCard .cardInBottom .downloadLink .textLink span {
            display: inline;
            padding-bottom: 0;
            transition: all .5s linear;
            background: linear-gradient(to bottom,#fff 0,#fff 98%);
            background-size: 0 1px;
            background-repeat: no-repeat;
            background-position: left 100%
        }

[dir=rtl] .advanceMidCard .cardInBottom .downloadLink .textLink span {
    background-position: right 100%
}

@media (min-width:1200px) {
    .advanceMidCard .cardInBottom .downloadLink .textLink:hover span {
        background-size: 100% 1px
    }
}

[dir=ltr] .advanceMidCard .cardFooter .h4, [dir=ltr] .advanceMidCard .cardFooter h4 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .advanceMidCard .cardFooter .h4, [dir=rtl] .advanceMidCard .cardFooter h4 {
    margin: 0rem 0rem 0rem 0rem
}

.advanceMidCard .h3 a span, .advanceMidCard .h4 a span, .advanceMidCard .h5 a span, .advanceMidCard .title5 a span, .advanceMidCard h3 a span, .advanceMidCard h4 a span, .advanceMidCard h5 a span {
    display: inline;
    padding-bottom: 2px;
    transition: all .5s linear;
    background: linear-gradient(to bottom,#000 0,#000 98%);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left 100%
}

.general-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

    .general-wrapper .customCol {
        width: 48%
    }

.simpleCard {
    border: 1px solid var(--bs-grey-700);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px
}

[dir=ltr] .simpleCard {
    padding: 2.5rem 3.125rem 2.5rem 2.5rem
}

[dir=rtl] .simpleCard {
    padding: 2.5rem 2.5rem 2.5rem 3.125rem
}

.squareCard {
    min-height: 27.6875rem;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #c5c5c54d;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

[dir=ltr] .squareCard {
    padding: 3.75rem 2.8125rem 3.75rem 2.8125rem
}

[dir=rtl] .squareCard {
    padding: 3.75rem 2.8125rem 3.75rem 2.8125rem
}

.squareCard .countHead {
    max-width: 18.4375rem;
    position: relative
}

.squareCard .countFoot {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: end;
    position: relative
}

    .squareCard .countFoot span {
        color: #fff;
        font-size: 1.375rem;
        font-weight: 300;
        line-height: 127%;
        letter-spacing: -1.1px;
        display: inline-block
    }

[dir=ltr] .squareCard .countFoot span {
    padding: 0rem 8.125rem 0rem 0rem
}

[dir=rtl] .squareCard .countFoot span {
    padding: 0rem 0rem 0rem 8.125rem
}

[dir=rtl] .squareCard .countFoot span {
    letter-spacing: initial
}

.squareCard .countFoot strong {
    color: var(--bs-green-800);
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 120%;
    letter-spacing: -2px
}

[dir=rtl] .squareCard .countFoot strong {
    letter-spacing: initial
}

.squareCard:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    background: radial-gradient(107.32% 141.42% at 0 0,rgba(0,0,0,.44) 0,rgba(50,50,50,.72) 100%);
    -webkit-backdrop-filter: blur(35px);
    backdrop-filter: blur(21px)
}

[dir=ltr] .squareCard:before {
    left: 0
}

[dir=rtl] .squareCard:before {
    right: 0
}

.txtCard {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -o-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px;
    background: var(--bs-green-600);
    max-width: 33.625rem
}

[dir=ltr] .txtCard {
    padding: 2.5rem 6.5625rem 2.5rem 2.3125rem
}

[dir=rtl] .txtCard {
    padding: 2.5rem 2.3125rem 2.5rem 6.5625rem
}

[dir=ltr] .txtCard .h5, [dir=ltr] .txtCard .title5, [dir=ltr] .txtCard h5 {
    margin: 0rem 0rem .625rem 0rem
}

[dir=rtl] .txtCard .h5, [dir=rtl] .txtCard .title5, [dir=rtl] .txtCard h5 {
    margin: 0rem 0rem .625rem 0rem
}

.txtCard .txtBox {
    position: relative
}

[dir=ltr] .txtCard .txtBox {
    padding: 0rem 0rem 0rem 2.125rem
}

[dir=rtl] .txtCard .txtBox {
    padding: 0rem 2.125rem 0rem 0rem
}

.txtCard .txtBox:before {
    content: "";
    position: absolute;
    top: 0;
    width: 2px;
    height: 100%;
    background: var(--bs-redOrange)
}

[dir=ltr] .txtCard .txtBox:before {
    left: 0
}

[dir=rtl] .txtCard .txtBox:before {
    right: 0
}

.contactCard {
    overflow: hidden;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    position: relative;
    background: -moz-linear-gradient(top,var(--bs-white) 0,var(--bs-green-500) 100%);
    background: -webkit-linear-gradient(top,var(--bs-white) 0,var(--bs-green-500) 100%);
    background: linear-gradient(to bottom,var(--bs-white) 0,var(--bs-green-500) 100%);
    backdrop-filter: blur(21px);
    border: 1px solid var(--bs-green-700);
    transition: .5s;
    min-height: 25.9375rem;
    max-height: 25.9375rem
}

[dir=ltr] .contactCard {
    padding: 2rem 2rem 2rem 2rem
}

[dir=rtl] .contactCard {
    padding: 2rem 2rem 2rem 2rem
}

@media (prefers-reduced-motion:reduce) {
    .contactCard {
        transition: none
    }
}

[dir=ltr] .contactCard .subHeading {
    margin: 0rem 0rem 3rem 0rem
}

[dir=rtl] .contactCard .subHeading {
    margin: 0rem 0rem 3rem 0rem
}

.contactCard ul {
    list-style: none
}

[dir=ltr] .contactCard ul {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .contactCard ul {
    padding: 0rem 0rem 0rem 0rem
}

.contactCard ul li {
    display: flex;
    align-items: flex-start
}

[dir=ltr] .contactCard ul li {
    margin: 0rem 0rem 2.5rem 0rem
}

[dir=rtl] .contactCard ul li {
    margin: 0rem 0rem 2.5rem 0rem
}

[dir=ltr] .contactCard ul li:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .contactCard ul li:last-child {
    margin: 0rem 0rem 0rem 0rem
}

.contactCard ul i {
    font-size: 1.5rem
}

[dir=ltr] .contactCard ul .ctDtl {
    margin: 0rem 0rem 0rem 1.5rem
}

[dir=rtl] .contactCard ul .ctDtl {
    margin: 0rem 1.5rem 0rem 0rem
}

.contactCard ul .ctDtl a {
    font-size: 1.375rem;
    font-weight: 400;
    color: var(--bs-black);
    text-decoration: none
}

    .contactCard ul .ctDtl a + span {
        font-size: 1.375rem;
        font-weight: 400;
        color: var(--bs-black)
    }

.contactCard ul .ctDtl .h6, .contactCard ul .ctDtl h6 {
    font-weight: 400
}

[dir=ltr] .contactCard ul .ctDtl .h6, [dir=ltr] .contactCard ul .ctDtl h6 {
    margin: 0rem 0rem .5rem 0rem
}

[dir=rtl] .contactCard ul .ctDtl .h6, [dir=rtl] .contactCard ul .ctDtl h6 {
    margin: 0rem 0rem .5rem 0rem
}

[dir=ltr] .contactCard ul .ctDtl .h6:last-child, [dir=ltr] .contactCard ul .ctDtl h6:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .contactCard ul .ctDtl .h6:last-child, [dir=rtl] .contactCard ul .ctDtl h6:last-child {
    margin: 0rem 0rem 0rem 0rem
}

@media (min-width:1200px) {
    .card .h3 a:hover span, .card .h4 a:hover span, .card .h5 a:hover span, .card .title5 a:hover span, .card h3 a:hover span, .card h4 a:hover span, .card h5 a:hover span {
        background-size: 100% 1px
    }

    .card .subHeading:hover span {
        background-size: 100% 1px
    }

    .advanceCard:hover .h2 span, .advanceCard:hover .h3 span, .advanceCard:hover .h4 span, .advanceCard:hover h2 span, .advanceCard:hover h3 span, .advanceCard:hover h4 span {
        background-size: 100% 1px
    }

    .mediaCard:hover .textLink span {
        background-size: 100% 1px
    }

    .mediaCard:hover .bgImage {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    .mediaCard:hover:after {
        opacity: 1
    }

    .growthRegularCard:hover {
        background: #000;
        color: #fff
    }

        .growthRegularCard:hover .growthSubHeading {
            color: #fff
        }

        .growthRegularCard:hover .image-wrap svg path {
            fill: var(--bs-green-700)
        }

    .darkMode .growthRegularCard:hover {
        border: 1px solid rgba(0,229,209,.3);
        background: linear-gradient(8deg,rgba(67,110,108,.44) 4.29%,rgba(30,47,46,.2) 93.37%)
    }

        .darkMode .growthRegularCard:hover .image-wrap svg path {
            fill: #fff
        }

    .economyRegularCard:hover .h2 span, .economyRegularCard:hover .h3 span, .economyRegularCard:hover .h4 span, .economyRegularCard:hover h2 span, .economyRegularCard:hover h3 span, .economyRegularCard:hover h4 span {
        background-size: 100% 1px
    }

    .economySemiBox:hover .h2 span, .economySemiBox:hover .h3 span, .economySemiBox:hover .h4 span, .economySemiBox:hover h2 span, .economySemiBox:hover h3 span, .economySemiBox:hover h4 span {
        background-size: 100% 1px
    }

    .economyPremCard:hover .h2 span, .economyPremCard:hover .h3 span, .economyPremCard:hover .h4 span, .economyPremCard:hover h2 span, .economyPremCard:hover h3 span, .economyPremCard:hover h4 span {
        background-size: 100% 1px
    }

    .newsRegularCard .card-img-bx:hover .bgImage {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    .newsRegularCard .card-img-bx:hover:after {
        opacity: 1
    }

    .newsRegularCard .h3 a:hover span, .newsRegularCard .h4 a:hover span, .newsRegularCard .h5 a:hover span, .newsRegularCard .title5 a:hover span, .newsRegularCard h3 a:hover span, .newsRegularCard h4 a:hover span, .newsRegularCard h5 a:hover span {
        background-size: 100% 1px
    }

    .newsRegularCard .shareIcon:hover {
        background: var(--bs-green-700);
        color: #000;
        border: solid 1px var(--bs-green-800)
    }

    .eventRegularCard .card-img-bx a:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

        .eventRegularCard .card-img-bx a:hover:after {
            opacity: 1
        }

    .eventRegularCard .h3 a:hover span, .eventRegularCard .h4 a:hover span, .eventRegularCard .h5 a:hover span, .eventRegularCard .title5 a:hover span, .eventRegularCard h3 a:hover span, .eventRegularCard h4 a:hover span, .eventRegularCard h5 a:hover span {
        background-size: 100% 1px
    }

    .pubRegularCard:hover {
        background: var(--bs-grey-500)
    }

    .pubRegularCard .h3 a:hover span, .pubRegularCard .h4 a:hover span, .pubRegularCard .h5 a:hover span, .pubRegularCard .title5 a:hover span, .pubRegularCard h3 a:hover span, .pubRegularCard h4 a:hover span, .pubRegularCard h5 a:hover span {
        background-size: 100% 1px
    }

    .darkMode .pubRegularCard:hover {
        background: var(--bs-grey-900)
    }

    .flatCard .imgWrap a:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

        .flatCard .imgWrap a:hover:after {
            opacity: 1
        }

    .flatCardPremium .imgWrap a:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

        .flatCardPremium .imgWrap a:hover:after {
            opacity: 1
        }

    [dir=ltr] .miniCard {
        padding: 10.625rem 3.75rem 2.5rem 2.5rem
    }

    [dir=rtl] .miniCard {
        padding: 10.625rem 2.5rem 2.5rem 3.75rem
    }

    .miniCard:before {
        opacity: 0
    }

    .miniCard .titleBox {
        position: absolute;
        top: 11.25rem
    }

    .miniCard .detailBox {
        opacity: 0
    }

    .miniCard .h4, .miniCard h4 {
        margin: 0
    }

    .miniCard:hover:before {
        opacity: 1
    }

    .miniCard:hover .titleBox {
        top: 3.4375rem
    }

    .miniCard:hover .detailBox {
        opacity: 1
    }

    .miniCard:hover .linkBox .textLink span {
        opacity: 1
    }

    [dir=ltr] .miniCard:hover .linkBox .textLink i {
        left: 115px
    }

    [dir=rtl] .miniCard:hover .linkBox .textLink i {
        right: 115px
    }

    .darkMode .miniCard:hover .h4, .darkMode .miniCard:hover h4 {
        color: #fff
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .card.knowledgeCard .mediaCard {
        height: 18.75rem
    }

    [dir=ltr] .advanceCard .mediaCard {
        padding: 1.875rem 2.1875rem 1.875rem 2.1875rem
    }

    [dir=rtl] .advanceCard .mediaCard {
        padding: 1.875rem 2.1875rem 1.875rem 2.1875rem
    }

    .advanceCard .cardFooter {
        min-height: 100%
    }

    [dir=ltr] .advanceCard .cardFooter {
        padding: 0rem 0rem 2.5rem 0rem
    }

    [dir=rtl] .advanceCard .cardFooter {
        padding: 0rem 0rem 2.5rem 0rem
    }

    .miniCard {
        width: 100%;
        height: auto
    }

    [dir=ltr] .miniCard {
        margin: 0rem 0rem .9375rem 0rem
    }

    [dir=rtl] .miniCard {
        margin: 0rem 0rem .9375rem 0rem
    }

    .miniCard .detailBox.emptyDetail {
        height: auto
    }

    .squareCard {
        min-height: 24.375rem
    }

    [dir=ltr] .squareCard .countFoot span {
        padding: 0rem 2rem 0rem 0rem
    }

    [dir=rtl] .squareCard .countFoot span {
        padding: 0rem 0rem 0rem 2rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .card.knowledgeCard .mediaCard {
        height: 21.25rem
    }

    .mediaCard.imageCard img {
        height: 100%
    }

    [dir=ltr] .advanceCard .mediaCard {
        padding: 1.875rem 2.1875rem 1.875rem 2.1875rem
    }

    [dir=rtl] .advanceCard .mediaCard {
        padding: 1.875rem 2.1875rem 1.875rem 2.1875rem
    }

    .advanceCard .cardFooter {
        min-height: 100%
    }

    [dir=ltr] .advanceCard .cardFooter {
        padding: 0rem 0rem 2.5rem 0rem
    }

    [dir=rtl] .advanceCard .cardFooter {
        padding: 0rem 0rem 2.5rem 0rem
    }

    .miniCard {
        width: 100%;
        height: auto
    }

    [dir=ltr] .miniCard {
        margin: 0rem 0rem .9375rem 0rem
    }

    [dir=rtl] .miniCard {
        margin: 0rem 0rem .9375rem 0rem
    }

    .miniCard .detailBox.emptyDetail {
        height: auto
    }

    .squareCard {
        min-height: 21.875rem
    }

    [dir=ltr] .squareCard .countFoot span {
        padding: 0rem .625rem 0rem 0rem
    }

    [dir=rtl] .squareCard .countFoot span {
        padding: 0rem 0rem 0rem .625rem
    }

    .pubRegularCard .card-footer .card-footer-box {
        flex-wrap: wrap
    }

    [dir=ltr] .pubRegularCard .card-footer .card-footer-box .pdfSize {
        margin: 0rem 0rem .3125rem 0rem
    }

    [dir=rtl] .pubRegularCard .card-footer .card-footer-box .pdfSize {
        margin: 0rem 0rem .3125rem 0rem
    }

    .newsRegularCard .card-img-bx {
        height: 18.75rem
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .card.eventCard .card-body {
        padding: 2rem 0rem 0rem 0rem
    }

    [dir=rtl] .card.eventCard .card-body {
        padding: 2rem 0rem 0rem 0rem
    }

    [dir=ltr] .card.newsCard .card-body {
        padding: 2rem 0rem 0rem 0rem
    }

    [dir=rtl] .card.newsCard .card-body {
        padding: 2rem 0rem 0rem 0rem
    }

    .card.knowledgeCard .mediaCard.imageCard {
        height: 13.75rem
    }

    .card.knowledgeCard .mediaCard.videoCard {
        height: 18.75rem
    }

    [dir=ltr] .mediaCard .mediaHead {
        padding: 1.5625rem 1.5625rem 1.5625rem 1.5625rem
    }

    [dir=rtl] .mediaCard .mediaHead {
        padding: 1.5625rem 1.5625rem 1.5625rem 1.5625rem
    }

    [dir=ltr] .mediaCard .mediaBody {
        padding: 1.5625rem 1.5625rem 1.5625rem 1.5625rem
    }

    [dir=rtl] .mediaCard .mediaBody {
        padding: 1.5625rem 1.5625rem 1.5625rem 1.5625rem
    }

    [dir=ltr] .advanceCard .mediaCard {
        padding: 1.875rem 2.1875rem 1.875rem 2.1875rem
    }

    [dir=rtl] .advanceCard .mediaCard {
        padding: 1.875rem 2.1875rem 1.875rem 2.1875rem
    }

    .advanceCard .cardFooter {
        min-height: 100%
    }

        .advanceCard .cardFooter.b-0 {
            border-bottom: 2px solid var(--bs-green-800)
        }

    [dir=ltr] .advanceCard .cardFooter {
        padding: 0rem 0rem 2.5rem 0rem
    }

    [dir=rtl] .advanceCard .cardFooter {
        padding: 0rem 0rem 2.5rem 0rem
    }

    .general-wrapper {
        flex-direction: column
    }

        .general-wrapper .customCol {
            width: 100%
        }

    [dir=ltr] .growthRegularCard {
        padding: 1.875rem 2.1875rem 1.875rem 2.1875rem
    }

    [dir=rtl] .growthRegularCard {
        padding: 1.875rem 2.1875rem 1.875rem 2.1875rem
    }

    .economyRegularCard {
        width: 100%;
        min-height: 26.25rem
    }

    [dir=ltr] .economyRegularCard {
        padding: 1.875rem 2.1875rem 1.875rem 2.1875rem
    }

    [dir=rtl] .economyRegularCard {
        padding: 1.875rem 2.1875rem 1.875rem 2.1875rem
    }

    .economySemiBox {
        width: 100%;
        min-height: 21.875rem
    }

    [dir=ltr] .economySemiBox {
        padding: 1.875rem 2.1875rem 1.875rem 2.1875rem
    }

    [dir=rtl] .economySemiBox {
        padding: 1.875rem 2.1875rem 1.875rem 2.1875rem
    }

    .economyPremCard {
        width: 100%;
        height: 25rem
    }

    [dir=ltr] .economyPremCard {
        padding: 1.875rem 2.1875rem 1.875rem 2.1875rem
    }

    [dir=rtl] .economyPremCard {
        padding: 1.875rem 2.1875rem 1.875rem 2.1875rem
    }

    .newsRegularCard {
        width: 100%
    }

        .newsRegularCard .card-img-bx {
            height: 18.75rem
        }

            .newsRegularCard .card-img-bx.h-long {
                height: 24.6875rem
            }

    [dir=ltr] .newsRegularCard .card-body {
        padding: 1.875rem 0rem 0rem 0rem
    }

    [dir=rtl] .newsRegularCard .card-body {
        padding: 1.875rem 0rem 0rem 0rem
    }

    .eventRegularCard {
        width: 100%
    }

        .eventRegularCard .dateSpan {
            letter-spacing: .0625rem
        }

    .pubRegularCard {
        width: 100%
    }

    .flatCard {
        display: block
    }

        .flatCard .imgWrap {
            width: 100%
        }

    [dir=ltr] .flatCard .imgWrap {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .flatCard .imgWrap {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=ltr] .flatCard .textBox {
        margin: 0rem 0rem .9375rem 0rem
    }

    [dir=rtl] .flatCard .textBox {
        margin: 0rem 0rem .9375rem 0rem
    }

    .flatCardPremium {
        display: block
    }

        .flatCardPremium .imgWrap {
            width: 100%
        }

    [dir=ltr] .flatCardPremium .imgWrap {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .flatCardPremium .imgWrap {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=ltr] .flatCardPremium .textBox {
        margin: 0rem 0rem .9375rem 0rem
    }

    [dir=rtl] .flatCardPremium .textBox {
        margin: 0rem 0rem .9375rem 0rem
    }

    .flatCardPremium .time-cal {
        display: block
    }

    [dir=ltr] .flatCardPremium .time-cal .timeText {
        margin: 0rem 0rem .9375rem 0rem
    }

    [dir=rtl] .flatCardPremium .time-cal .timeText {
        margin: 0rem 0rem .9375rem 0rem
    }

    [dir=ltr] .flatCardPremium .time-cal .timeText:last-child {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .flatCardPremium .time-cal .timeText:last-child {
        margin: 0rem 0rem 0rem 0rem
    }

    .miniCard {
        width: 100%;
        height: auto
    }

    [dir=ltr] .miniCard {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .miniCard {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=ltr] .miniCard {
        padding: 1.875rem 1.875rem 1.875rem 1.875rem
    }

    [dir=rtl] .miniCard {
        padding: 1.875rem 1.875rem 1.875rem 1.875rem
    }

    .miniCard .detailBox.emptyDetail {
        height: auto
    }

    .squareCard {
        min-height: 21.875rem
    }

    [dir=ltr] .squareCard .countFoot span {
        padding: 0rem .625rem 0rem 0rem
    }

    [dir=rtl] .squareCard .countFoot span {
        padding: 0rem 0rem 0rem .625rem
    }

    .contactCard {
        min-height: 26.5625rem;
        max-height: 29.0625rem
    }
}

.input-group ul {
    margin: 0;
    padding: 0
}

    .input-group ul li {
        list-style: none;
        margin: 0 0 .9375rem 0
    }

.input-group.big-checkbox .checkbox label {
    font-size: 1.375rem;
    color: #fff
}

.checkbox {
    margin-bottom: 1.25rem
}

    .checkbox label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        font-size: 1rem;
        color: var(--bs-black);
        cursor: pointer
    }

[dir=ltr] .checkbox label {
    padding: 0rem 0rem 0rem 2.5rem
}

[dir=rtl] .checkbox label {
    padding: 0rem 2.5rem 0rem 0rem
}

.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 1.5625rem;
    height: 1.5625rem;
    top: -.0625rem;
    margin-left: 0;
    border: solid 1px rgba(0,0,0,.2);
    border-radius: 4px;
    background-color: #fff;
    -webkit-transition: border .15s ease-in-out,color .15s ease-in-out;
    -o-transition: border .15s ease-in-out,color .15s ease-in-out;
    transition: border .15s ease-in-out,color .15s ease-in-out
}

[dir=ltr] .checkbox label::before {
    left: 0
}

[dir=rtl] .checkbox label::before {
    right: 0
}

.darkMode .checkbox label::before {
    background-color: var(--bs-grey-800);
    border-color: var(--bs-grey-800)
}

.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: .875rem;
    height: .875rem;
    top: .3125rem;
    margin-left: 0;
    font-size: .625rem;
    color: #000
}

[dir=ltr] .checkbox label::after {
    left: .375rem
}

[dir=rtl] .checkbox label::after {
    right: .375rem
}

.checkbox input[type=checkbox], .checkbox input[type=radio] {
    opacity: 0;
    z-index: 1;
    position: absolute
}

    .checkbox input[type=checkbox]:checked + label::after, .checkbox input[type=radio]:checked + label::after {
        font-family: icomoon !important;
        content: "\e912";
        color: #fff
    }

    .checkbox input[type=checkbox]:checked + label::before, .checkbox input[type=radio]:checked + label::before {
        background-color: #000
    }

    .checkbox input[type=checkbox]:disabled + label, .checkbox input[type=radio]:disabled + label {
        opacity: .65
    }

        .checkbox input[type=checkbox]:disabled + label::before, .checkbox input[type=radio]:disabled + label::before {
            background: var(--bs-grey-800);
            cursor: not-allowed
        }

.checkbox.checkbox-circle label::before {
    border-radius: 50%
}

.checkbox.checkbox-inline {
    margin-top: 0
}

.checkbox-primary input[type=checkbox]:checked + label::before, .checkbox-primary input[type=radio]:checked + label::before {
    background-color: #337ab7;
    border-color: #337ab7
}

.checkbox-primary input[type=checkbox]:checked + label::after, .checkbox-primary input[type=radio]:checked + label::after {
    color: #fff
}

.checkbox-danger input[type=checkbox]:checked + label::before, .checkbox-danger input[type=radio]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f
}

.checkbox-danger input[type=checkbox]:checked + label::after, .checkbox-danger input[type=radio]:checked + label::after {
    color: #fff
}

.checkbox-info input[type=checkbox]:checked + label::before, .checkbox-info input[type=radio]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de
}

.checkbox-info input[type=checkbox]:checked + label::after, .checkbox-info input[type=radio]:checked + label::after {
    color: #fff
}

.checkbox-warning input[type=checkbox]:checked + label::before, .checkbox-warning input[type=radio]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.checkbox-warning input[type=checkbox]:checked + label::after, .checkbox-warning input[type=radio]:checked + label::after {
    color: #fff
}

.checkbox-success input[type=checkbox]:checked + label::before, .checkbox-success input[type=radio]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c
}

.checkbox-success input[type=checkbox]:checked + label::after, .checkbox-success input[type=radio]:checked + label::after {
    color: #fff
}

.radio {
    line-height: 1
}

[dir=ltr] .radio {
    margin: 0rem 3.125rem 0rem 0rem
}

[dir=rtl] .radio {
    margin: 0rem 0rem 0rem 3.125rem
}

[dir=ltr] .radio:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .radio:last-child {
    margin: 0rem 0rem 0rem 0rem
}

.radio label {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    color: #fff;
    text-transform: uppercase
}

[dir=ltr] .radio label {
    padding: 0rem 0rem 0rem 3.125rem
}

[dir=rtl] .radio label {
    padding: 0rem 3.125rem 0rem 0rem
}

.radio label span {
    font-size: 1rem;
    letter-spacing: .16rem;
    font-weight: 500;
    display: block
}

[dir=rtl] .radio label span {
    letter-spacing: initial
}

.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: 0 0;
    -webkit-transition: border .15s ease-in-out;
    -o-transition: border .15s ease-in-out;
    transition: border .15s ease-in-out
}

[dir=ltr] .radio label::before {
    left: 0
}

[dir=rtl] .radio label::before {
    right: 0
}

.radio label::after {
    display: inline-block;
    position: absolute;
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    top: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: var(--bs-green-700);
    border: solid 1px #fff;
    transform: scale(0) translateY(-50%);
    -webkit-transition: -webkit-transform .1s cubic-bezier(.8,-.33,.2,1.33);
    -moz-transition: -moz-transform .1s cubic-bezier(.8,-.33,.2,1.33);
    -o-transition: -o-transform .1s cubic-bezier(.8,-.33,.2,1.33);
    transition: transform .1s cubic-bezier(.8,-.33,.2,1.33)
}

[dir=ltr] .radio label::after {
    left: .5rem
}

[dir=rtl] .radio label::after {
    right: .5rem
}

.radio input[type=radio] {
    opacity: 0;
    z-index: 1
}

    .radio input[type=radio]:checked + label::after {
        transform: scale(1) translateY(-50%)
    }

    .radio input[type=radio]:disabled + label {
        opacity: .65
    }

        .radio input[type=radio]:disabled + label::before {
            cursor: not-allowed
        }

.radio.radio-inline {
    margin-top: 0
}

.radio-primary input[type=radio] + label::after {
    background-color: #337ab7
}

.radio-primary input[type=radio]:checked + label::before {
    border-color: #337ab7
}

.radio-primary input[type=radio]:checked + label::after {
    background-color: #337ab7
}

.radio-danger input[type=radio] + label::after {
    background-color: #d9534f
}

.radio-danger input[type=radio]:checked + label::before {
    border-color: #d9534f
}

.radio-danger input[type=radio]:checked + label::after {
    background-color: #d9534f
}

.radio-info input[type=radio] + label::after {
    background-color: #5bc0de
}

.radio-info input[type=radio]:checked + label::before {
    border-color: #5bc0de
}

.radio-info input[type=radio]:checked + label::after {
    background-color: #5bc0de
}

.radio-warning input[type=radio] + label::after {
    background-color: #f0ad4e
}

.radio-warning input[type=radio]:checked + label::before {
    border-color: #f0ad4e
}

.radio-warning input[type=radio]:checked + label::after {
    background-color: #f0ad4e
}

.radio-success input[type=radio] + label::after {
    background-color: #5cb85c
}

.radio-success input[type=radio]:checked + label::before {
    border-color: #5cb85c
}

.radio-success input[type=radio]:checked + label::after {
    background-color: #5cb85c
}

input[type=checkbox].styled:checked + label:after, input[type=radio].styled:checked + label:after {
    font-family: FontAwesome;
    content: "\f00c"
}

input[type=checkbox] .styled:checked + label::before, input[type=radio] .styled:checked + label::before {
    color: #fff
}

input[type=checkbox] .styled:checked + label::after, input[type=radio] .styled:checked + label::after {
    color: #fff
}

@media (min-width:992px) and (max-width:1199.98px) {
    [dir=ltr] .radio {
        margin: 0rem 0rem .9375rem 0rem
    }

    [dir=rtl] .radio {
        margin: 0rem 0rem .9375rem 0rem
    }

    .radio label:before {
        width: 1.875rem;
        height: 1.875rem
    }

    .radio label:after {
        width: 1rem;
        height: 1rem
    }

    [dir=ltr] .radio label:after {
        left: .4375rem
    }

    [dir=rtl] .radio label:after {
        right: .4375rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    [dir=ltr] .radio {
        margin: 0rem 0rem .9375rem 0rem
    }

    [dir=rtl] .radio {
        margin: 0rem 0rem .9375rem 0rem
    }

    .radio label:before {
        width: 1.875rem;
        height: 1.875rem
    }

    .radio label:after {
        width: 1rem;
        height: 1rem
    }

    [dir=ltr] .radio label:after {
        left: .4375rem
    }

    [dir=rtl] .radio label:after {
        right: .4375rem
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .radio {
        margin: 0rem 0rem .9375rem 0rem
    }

    [dir=rtl] .radio {
        margin: 0rem 0rem .9375rem 0rem
    }

    .radio label:before {
        width: 1.875rem;
        height: 1.875rem
    }

    .radio label:after {
        width: 1rem;
        height: 1rem
    }

    [dir=ltr] .radio label:after {
        left: .4375rem
    }

    [dir=rtl] .radio label:after {
        right: .4375rem
    }
}

[dir=ltr] .innerPages {
    padding: 6.25rem 0rem 0rem 0rem
}

[dir=rtl] .innerPages {
    padding: 6.25rem 0rem 0rem 0rem
}

.innerSection {
    background: var(--bs-white)
}

[dir=ltr] .innerSection {
    padding: 3.125rem 0rem 8.75rem 0rem
}

[dir=rtl] .innerSection {
    padding: 3.125rem 0rem 8.75rem 0rem
}

[dir=ltr] .innerSection .paginationContainer {
    margin: 3.125rem 0rem 0rem 0rem
}

[dir=rtl] .innerSection .paginationContainer {
    margin: 3.125rem 0rem 0rem 0rem
}

[dir=ltr] .innerSection .contactDetail {
    margin: 0rem 0rem 1rem 0rem
}

[dir=rtl] .innerSection .contactDetail {
    margin: 0rem 0rem 1rem 0rem
}

.innerSection2 {
    background: var(--bs-white);
    position: relative
}

[dir=ltr] .innerSection2 {
    padding: 3.125rem 0rem 5rem 0rem
}

[dir=rtl] .innerSection2 {
    padding: 3.125rem 0rem 5rem 0rem
}

.innerSection2 .h4, .innerSection2 h4 {
    font-weight: 300
}

.innerContent2 {
    display: flex
}

[dir=ltr] .innerContent2 {
    padding: 3.125rem 0rem 0rem 0rem
}

[dir=rtl] .innerContent2 {
    padding: 3.125rem 0rem 0rem 0rem
}

.leftWrap {
    width: 60%
}

.rightWrap {
    width: 40%
}

.contactCardSec {
    background: var(--bs-white);
    position: relative
}

.contactMapSec {
    background: var(--bs-white);
    position: relative
}

[dir=ltr] .contactMapSec {
    padding: 0rem 0rem 7.5625rem 0rem
}

[dir=rtl] .contactMapSec {
    padding: 0rem 0rem 7.5625rem 0rem
}

.contactFormSec {
    background: var(--bs-white);
    position: relative
}

[dir=ltr] .contactFormSec {
    padding: 0rem 0rem 7.5625rem 0rem
}

[dir=rtl] .contactFormSec {
    padding: 0rem 0rem 7.5625rem 0rem
}

[dir=ltr] .contactGrid {
    margin: 0rem 0rem 5rem 0rem
}

[dir=rtl] .contactGrid {
    margin: 0rem 0rem 5rem 0rem
}

.contactGrid .contactList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    padding: 0;
    width: 100%
}

    .contactGrid .contactList > li {
        width: 33.33%
    }

[dir=ltr] .contactGrid .contactList > li {
    padding: 0rem 1rem 0rem 1rem
}

[dir=rtl] .contactGrid .contactList > li {
    padding: 0rem 1rem 0rem 1rem
}

[dir=ltr] .contactGrid .contactList > li:first-child {
    padding: 0rem 1rem 0rem 0rem
}

[dir=rtl] .contactGrid .contactList > li:first-child {
    padding: 0rem 0rem 0rem 1rem
}

[dir=ltr] .contactGrid .contactList > li:last-child {
    padding: 0rem 0rem 0rem 1rem
}

[dir=rtl] .contactGrid .contactList > li:last-child {
    padding: 0rem 1rem 0rem 0rem
}

.page-not-found {
    background: #fff
}

[dir=ltr] .page-not-found {
    padding: 2.5rem 0rem 9.375rem 0rem
}

[dir=rtl] .page-not-found {
    padding: 2.5rem 0rem 9.375rem 0rem
}

[dir=ltr] .page-not-found .accessTools {
    margin: 0rem 0rem 4.375rem 0rem
}

[dir=rtl] .page-not-found .accessTools {
    margin: 0rem 0rem 4.375rem 0rem
}

.errorImage {
    width: 100%;
    height: 44.0625rem;
    overflow: hidden
}

    .errorImage img {
        width: 100%;
        height: 100%
    }

[dir=ltr] .errorContent {
    padding: 0rem 0rem 0rem 6.25rem
}

[dir=rtl] .errorContent {
    padding: 0rem 6.25rem 0rem 0rem
}

.errorContent .h1, .errorContent h1 {
    color: var(--bs-black)
}

.errorContent .h4, .errorContent h4 {
    color: var(--bs-green-900)
}

[dir=ltr] .errorContent .btn {
    margin: 2.5rem 0rem 0rem 0rem
}

[dir=rtl] .errorContent .btn {
    margin: 2.5rem 0rem 0rem 0rem
}

.errorContent p.lead {
    margin: 0
}

@media (min-width:1200px) {
    .termsSection p a:hover span {
        background-size: 100% 1px
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    [dir=ltr] .innerPages {
        padding: 5rem 0rem 0rem 0rem
    }

    [dir=rtl] .innerPages {
        padding: 5rem 0rem 0rem 0rem
    }

    .errorImage {
        height: 31.25rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    [dir=ltr] .innerPages {
        padding: 5rem 0rem 0rem 0rem
    }

    [dir=rtl] .innerPages {
        padding: 5rem 0rem 0rem 0rem
    }

    [dir=ltr] .innerSection2 {
        padding: 3.125rem 0rem 5rem 0rem
    }

    [dir=rtl] .innerSection2 {
        padding: 3.125rem 0rem 5rem 0rem
    }

    .innerContent2 {
        display: block
    }

    .leftWrap {
        width: 100%
    }

    .rightWrap {
        width: 100%
    }

    .errorImage {
        height: 23.75rem
    }

    [dir=ltr] .errorContent {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .errorContent {
        padding: 0rem 0rem 0rem 0rem
    }

    .contactGrid .contactList {
        flex-direction: column
    }

        .contactGrid .contactList > li {
            width: 100%
        }

    [dir=ltr] .contactGrid .contactList > li {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .contactGrid .contactList > li {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .contactGrid .contactList > li {
        margin: 0rem 0rem 1.5rem 0rem
    }

    [dir=rtl] .contactGrid .contactList > li {
        margin: 0rem 0rem 1.5rem 0rem
    }

    [dir=ltr] .contactGrid .contactList > li:first-child {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .contactGrid .contactList > li:first-child {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .contactGrid .contactList > li:last-child {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .contactGrid .contactList > li:last-child {
        padding: 0rem 0rem 0rem 0rem
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .innerPages {
        padding: 5rem 0rem 0rem 0rem
    }

    [dir=rtl] .innerPages {
        padding: 5rem 0rem 0rem 0rem
    }

    .innerSection {
        overflow: hidden
    }

    [dir=ltr] .innerSection {
        padding: 3.125rem 0rem 5rem 0rem
    }

    [dir=rtl] .innerSection {
        padding: 3.125rem 0rem 5rem 0rem
    }

    [dir=ltr] .innerSection .abuDhabiList {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .innerSection .abuDhabiList {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=ltr] .innerSection2 {
        padding: 3.125rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .innerSection2 {
        padding: 3.125rem 0rem 3.125rem 0rem
    }

    .innerContent2 {
        display: block
    }

    .leftWrap {
        width: 100%
    }

    .rightWrap {
        width: 100%
    }

    [dir=ltr] .page-not-found {
        padding: 3.125rem 0rem 5rem 0rem
    }

    [dir=rtl] .page-not-found {
        padding: 3.125rem 0rem 5rem 0rem
    }

    .errorImage {
        display: none
    }

    [dir=ltr] .errorContent {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .errorContent {
        padding: 0rem 0rem 0rem 0rem
    }

    .contactGrid .contactList {
        flex-direction: column
    }

        .contactGrid .contactList > li {
            width: 100%
        }

    [dir=ltr] .contactGrid .contactList > li {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .contactGrid .contactList > li {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .contactGrid .contactList > li {
        margin: 0rem 0rem 1.5rem 0rem
    }

    [dir=rtl] .contactGrid .contactList > li {
        margin: 0rem 0rem 1.5rem 0rem
    }

    [dir=ltr] .contactGrid .contactList > li:first-child {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .contactGrid .contactList > li:first-child {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .contactGrid .contactList > li:last-child {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .contactGrid .contactList > li:last-child {
        padding: 0rem 0rem 0rem 0rem
    }
}

#loader-wrapper {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    overflow: hidden
}

[dir=ltr] #loader-wrapper {
    left: 0
}

[dir=rtl] #loader-wrapper {
    right: 0
}

.no-js #loader-wrapper {
    display: none
}

.loading-bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff
}

[dir=ltr] .loading-bg {
    left: 0
}

[dir=rtl] .loading-bg {
    right: 0
}

.loading-text {
    color: #000;
    position: absolute;
    bottom: 1.875rem;
    width: 100%;
    text-align: center;
    z-index: 10;
    letter-spacing: .625rem;
    text-transform: uppercase
}

[dir=rtl] .loading-text {
    letter-spacing: normal
}

#loader {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    top: 0;
    width: 21.875rem;
    height: 15.625rem;
    z-index: 11;
    overflow: hidden
}

[dir=ltr] #loader {
    left: 0
}

[dir=rtl] #loader {
    right: 0
}

[dir=ltr] #loader {
    right: 0
}

[dir=rtl] #loader {
    left: 0
}

[dir=ltr] #loader {
    margin: auto auto auto auto
}

[dir=rtl] #loader {
    margin: auto auto auto auto
}

#loader > div {
    width: 100%
}

.mobile #loader {
    width: 18.75rem
}

.loader-img {
    position: relative;
    height: 9.375rem;
    width: 9.375rem
}

[dir=ltr] .loader-img {
    margin: 0rem auto 1.875rem auto
}

[dir=rtl] .loader-img {
    margin: 0rem auto 1.875rem auto
}

.loading-bar {
    width: 90%;
    height: .3125rem;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background: var(--bs-grey-600);
    position: relative;
    overflow: hidden
}

[dir=ltr] .loading-bar {
    margin: auto auto auto auto
}

[dir=rtl] .loading-bar {
    margin: auto auto auto auto
}

.loading-bar span {
    position: absolute;
    top: 0;
    width: 0%;
    height: 100%;
    background: var(--bs-red-900);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    transition: transform 3s cubic-bezier(.68,-.6,.32,1.6)
}

[dir=ltr] .loading-bar span {
    left: 0
}

[dir=rtl] .loading-bar span {
    right: 0
}

.loading-percentage {
    text-align: center;
    font-weight: 700;
    color: #000;
    font-size: 1.375rem
}

[dir=ltr] .loading-percentage {
    margin: .9375rem 0rem 0rem 0rem
}

[dir=rtl] .loading-percentage {
    margin: .9375rem 0rem 0rem 0rem
}

@keyframes loadingBar {
    [dir=rtl] & {
        right: 125%
    }
}

.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

    .fixed-header header {
        border-bottom: solid 1px var(--bs-grey-600);
        position: relative
    }

    .fixed-header.sticky .mainMenu > li > a {
        color: var(--bs-black)
    }

    .fixed-header.sticky .headSetting > ul > li > a, .fixed-header.sticky .mobileHeadSetting > ul > li > a {
        color: var(--bs-black);
        border-color: rgba(0,0,0,.2)
    }

    .fixed-header.sticky .logoLine {
        background: rgba(0,0,0,.5)
    }

    .fixed-header.sticky .logo img.white-logo {
        opacity: 0;
        visibility: hidden
    }

    .fixed-header.sticky .logo img.black-logo {
        opacity: 1;
        visibility: visible
    }

    .fixed-header.sticky .menu-open {
        border: solid 1px rgba(0,0,0,.2)
    }

        .fixed-header.sticky .menu-open span {
            background: var(--bs-black)
        }

    .fixed-header.sticky header {
        border-bottom: solid 1px var(--bs-grey-600)
    }

    .fixed-header.sticky .header-back-bg {
        background: radial-gradient(107.32% 141.42% at 0 0,rgba(var(--bs-white),.44) 0,rgba(var(--bs-white),.72) 100%);
        -webkit-backdrop-filter: blur(35px);
        backdrop-filter: blur(21px)
    }

        .fixed-header.sticky .header-back-bg:before {
            opacity: .2
        }

    .fixed-header .headerWrap {
        position: relative;
        z-index: 99
    }

.header-back-bg {
    width: 100%;
    height: 100%;
    background: var(--bs-white);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

    .header-back-bg:before {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        background: linear-gradient(180deg,#000 0,rgba(0,0,0,0) 100%);
        content: ''
    }

[dir=ltr] .header-back-bg:before {
    left: 0
}

[dir=rtl] .header-back-bg:before {
    right: 0
}

.logoBox {
    display: flex;
    align-items: center
}

[dir=ltr] .logoBox {
    margin: 1rem 0rem 1rem 0rem
}

[dir=rtl] .logoBox {
    margin: 1rem 0rem 1rem 0rem
}

.logo {
    width: 17.125rem;
    height: 4.25rem;
    display: block;
    position: relative
}

    .logo .darkmodeLogo {
        opacity: 0;
        visibility: hidden
    }

    .logo .primaryColorLogo {
        opacity: 1;
        visibility: visible
    }

    .logo img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: contain
    }

[dir=ltr] .logo img {
    left: 0
}

[dir=rtl] .logo img {
    right: 0
}

.logoLine {
    width: 1px;
    height: 2rem;
    background: rgba(0,0,0,.5);
    display: block
}

[dir=ltr] .logoLine {
    margin: 0rem 0rem 0rem 1.875rem
}

[dir=rtl] .logoLine {
    margin: 0rem 1.875rem 0rem 0rem
}

.darkMode .logoLine {
    background: rgba(255,255,255,.5)
}

.headNav {
    display: flex;
    justify-content: space-between;
    height: 100%
}

.primaryNavigation {
    height: 100%
}

[dir=ltr] .primaryNavigation {
    padding: 0rem 0rem 0rem 1.5625rem
}

[dir=rtl] .primaryNavigation {
    padding: 0rem 1.5625rem 0rem 0rem
}

[dir=ltr] .primaryNavigation ul {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .primaryNavigation ul {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .primaryNavigation ul {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .primaryNavigation ul {
    padding: 0rem 0rem 0rem 0rem
}

.primaryNavigation ul li {
    list-style: none
}

    .primaryNavigation ul li a {
        text-decoration: none
    }

        .primaryNavigation ul li a:focus, .primaryNavigation ul li a:hover {
            text-decoration: none
        }

.mainMenu {
    display: flex;
    height: 100%
}

    .mainMenu > li {
        height: 100%;
        display: flex;
        align-items: center
    }

[dir=ltr] .mainMenu > li {
    margin: 0rem .625rem 0rem .625rem
}

[dir=rtl] .mainMenu > li {
    margin: 0rem .625rem 0rem .625rem
}

.mainMenu > li > a {
    color: var(--bs-heading-color);
    font-size: 1rem;
    display: flex;
    align-items: center;
    text-decoration: none;
    font-weight: 500;
    height: 100%;
    position: relative;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

[dir=ltr] .mainMenu > li > a {
    padding: 0rem .3125rem 0rem .3125rem
}

[dir=rtl] .mainMenu > li > a {
    padding: 0rem .3125rem 0rem .3125rem
}

.mainMenu > li > a i {
    display: none
}

.mainMenu > li > a span {
    position: relative;
    z-index: 2
}

.mainMenu > li > a:before {
    position: absolute;
    bottom: 0;
    height: .3125rem;
    width: 0%;
    background: var(--bs-green-700);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    z-index: 3;
    content: ''
}

[dir=ltr] .mainMenu > li > a:before {
    left: 0
}

[dir=rtl] .mainMenu > li > a:before {
    right: 0
}

[dir=ltr] .mainMenu > li > a:before {
    right: 0
}

[dir=rtl] .mainMenu > li > a:before {
    left: 0
}

[dir=ltr] .mainMenu > li > a:before {
    margin: 0rem auto 0rem auto
}

[dir=rtl] .mainMenu > li > a:before {
    margin: 0rem auto 0rem auto
}

.mainMenu > li.active > a:before {
    width: 100%
}

.mainMenu > li.active > a:after {
    height: 100%
}

.primaryDropdown {
    position: absolute;
    top: 100%;
    width: 100%;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    background: radial-gradient(107.32% 141.42% at 0 0,rgba(255,255,255,.7) 0,rgba(255,255,255,.95) 100%);
    -webkit-backdrop-filter: blur(35px);
    backdrop-filter: blur(21px);
    display: none
}

[dir=ltr] .primaryDropdown {
    left: 0
}

[dir=rtl] .primaryDropdown {
    right: 0
}

[dir=ltr] .primaryDropdown {
    padding: 5rem 0rem 0rem 0rem
}

[dir=rtl] .primaryDropdown {
    padding: 5rem 0rem 0rem 0rem
}

.primaryDropdown.click {
    display: block
}

.darkMode .primaryDropdown {
    border-radius: 0 0 30px 30px;
    background: radial-gradient(107.32% 141.42% at 0 0,rgba(0,0,0,.49) 0,rgba(0,0,0,.8) 100%);
    backdrop-filter: blur(21px)
}

[dir=ltr] .headBox {
    padding: 0rem 10% 0rem 0rem
}

[dir=rtl] .headBox {
    padding: 0rem 0rem 0rem 10%
}

.headBox .textLink {
    font-size: 1rem;
    color: var(--bs-black);
    text-decoration: none
}

    .headBox .textLink span {
        display: inline;
        padding-bottom: 0;
        transition: all .5s linear;
        background: linear-gradient(to bottom,var(--bs-black) 0,var(--bs-black) 98%);
        background-size: 0 1px;
        background-repeat: no-repeat;
        background-position: left 100%
    }

[dir=rtl] .headBox .textLink span {
    background-position: right 100%
}

@media (min-width:1200px) {
    .headBox .textLink:hover span {
        background-size: 100% 1px
    }
}

.linkTitle {
    color: var(--bs-black);
    font-size: 1.75rem;
    font-weight: 600;
    display: inline-block;
    line-height: 1
}

[dir=ltr] .linkTitle {
    margin: 0rem 0rem 2rem 0rem
}

[dir=rtl] .linkTitle {
    margin: 0rem 0rem 2rem 0rem
}

.linkTitle span {
    display: inline;
    padding-bottom: 0;
    transition: all .5s linear;
    background: linear-gradient(to bottom,#000 0,#000 98%);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left 100%
}

[dir=rtl] .linkTitle span {
    background-position: right 100%
}

.navSecondLevel {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch
}

    .navSecondLevel > li {
        width: 33.3%;
        min-height: 9.375rem
    }

[dir=ltr] .navSecondLevel > li {
    margin: 0rem 0rem 1.875rem 0rem
}

[dir=rtl] .navSecondLevel > li {
    margin: 0rem 0rem 1.875rem 0rem
}

[dir=ltr] .navSecondLevel > li {
    padding: 0rem 1.25rem 0rem 0rem
}

[dir=rtl] .navSecondLevel > li {
    padding: 0rem 0rem 0rem 1.25rem
}

.navSecondLevel > li > .menuItem2 > a {
    color: var(--bs-black);
    font-size: 1.5rem;
    font-weight: 700;
    display: inline-block;
    line-height: 1.3
}

[dir=ltr] .navSecondLevel > li > .menuItem2 > a {
    margin: 0rem 0rem 2rem 0rem
}

[dir=rtl] .navSecondLevel > li > .menuItem2 > a {
    margin: 0rem 0rem 2rem 0rem
}

.navSecondLevel > li > .menuItem2 > a span {
    display: inline;
    padding-bottom: 0;
    transition: all .5s linear;
    background: linear-gradient(to bottom,#000 0,#000 98%);
    background-size: 100% 2px;
    background-repeat: no-repeat;
    background-position: left 100%
}

html.darkMode .navSecondLevel > li > .menuItem2 > a span {
    background: linear-gradient(to bottom,#fff 0,#fff 98%);
    background-size: 100% 2px;
    background-repeat: no-repeat !important;
    background-position: left 100%
}

[dir=rtl] .navSecondLevel > li > .menuItem2 > a span {
    background-position: right 100% !important;
    padding-bottom: .375rem;
    line-height: 1.6
}

.navSecondLevel > li > .menuItem2 > a:focus, .navSecondLevel > li > .menuItem2 > a:hover {
    text-decoration: none
}

@media (min-width:1200px) {
    .navSecondLevel > li > .menuItem2 > a:hover span {
        background-size: 0 1px !important
    }
}

.navSecondLevel > li > .menuItem2 i {
    display: none
}

.navSecondLevel > li > .menuItem2 > .h4, .navSecondLevel > li > .menuItem2 > h4 {
    color: var(--bs-black);
    font-size: 1.75rem;
    font-weight: 600;
    display: inline-block;
    line-height: 1;
    letter-spacing: initial
}

[dir=ltr] .navSecondLevel > li > .menuItem2 > .h4, [dir=ltr] .navSecondLevel > li > .menuItem2 > h4 {
    margin: 0rem 0rem 2rem 0rem
}

[dir=rtl] .navSecondLevel > li > .menuItem2 > .h4, [dir=rtl] .navSecondLevel > li > .menuItem2 > h4 {
    margin: 0rem 0rem 2rem 0rem
}

[dir=ltr] .navThirdLevel {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .navThirdLevel {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .navThirdLevel {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .navThirdLevel {
    padding: 0rem 0rem 0rem 0rem
}

.navThirdLevel li {
    list-style: none;
    display: block
}

[dir=ltr] .navThirdLevel li {
    margin: 0rem 0rem 1.5rem 0rem
}

[dir=rtl] .navThirdLevel li {
    margin: 0rem 0rem 1.5rem 0rem
}

.navThirdLevel li a {
    color: var(--bs-black);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 19px;
    text-transform: capitalize;
    display: flex;
    align-items: center
}

    .navThirdLevel li a > i {
        font-size: .5625rem
    }

[dir=ltr] .navThirdLevel li a > i {
    padding: 0rem .4375rem .1875rem 0rem
}

[dir=rtl] .navThirdLevel li a > i {
    padding: 0rem 0rem .1875rem .4375rem
}

.navThirdLevel li a span {
    display: inline;
    padding-bottom: 0;
    transition: all .5s linear;
    background: linear-gradient(to bottom,#000 0,#000 98%);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left 100%
}

html.darkMode .navThirdLevel li a span {
    background: linear-gradient(to bottom,#fff 0,#fff 98%);
    background-size: 0 1px;
    background-repeat: no-repeat !important;
    background-position: left 100%
}

[dir=rtl] .navThirdLevel li a span {
    background-position: right 100% !important;
    line-height: 1.6
}

.navThirdLevel li a:focus, .navThirdLevel li a:hover {
    text-decoration: none
}

@media (min-width:1200px) {
    .navThirdLevel li a:hover span {
        background-size: 100% 1px !important
    }
}

.headSetting {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

[dir=ltr] .headSetting .logoLine {
    margin: 0rem 1.875rem 0rem 0rem
}

[dir=rtl] .headSetting .logoLine {
    margin: 0rem 0rem 0rem 1.875rem
}

.headSetting > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

[dir=ltr] .headSetting > ul {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .headSetting > ul {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .headSetting > ul {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .headSetting > ul {
    padding: 0rem 0rem 0rem 0rem
}

.headSetting > ul > li {
    list-style: none;
    position: static
}

[dir=ltr] .headSetting > ul > li {
    margin: 0rem 0rem 0rem .9375rem
}

[dir=rtl] .headSetting > ul > li {
    margin: 0rem .9375rem 0rem 0rem
}

.headSetting > ul > li > a {
    border: solid 1px var(--bs-black);
    text-decoration: none;
    color: var(--bs-black);
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 1
}

    .headSetting > ul > li > a:before {
        position: absolute;
        top: 0;
        bottom: 0;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        width: 100%;
        height: 100%;
        background: var(--bs-green-700);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        content: ''
    }

[dir=ltr] .headSetting > ul > li > a:before {
    left: 0
}

[dir=rtl] .headSetting > ul > li > a:before {
    right: 0
}

[dir=ltr] .headSetting > ul > li > a:before {
    right: 0
}

[dir=rtl] .headSetting > ul > li > a:before {
    left: 0
}

.headSetting > ul > li > a i {
    line-height: 1;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center
}

    .headSetting > ul > li > a i:before {
        font-size: 1.0625rem
    }

.headSetting > ul > li > a span {
    font-size: .875rem;
    text-transform: uppercase;
    letter-spacing: .14875rem;
    font-weight: 600;
    position: relative;
    z-index: 2;
    left: 1px
}

[dir=rtl] .headSetting > ul > li > a span {
    letter-spacing: initial
}

.headSetting > ul > li > a.active {
    color: var(--bs-green-900);
    border-color: var(--bs-green-700)
}

    .headSetting > ul > li > a.active:before {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

[dir=ltr] .headSetting > ul > li:first-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .headSetting > ul > li:first-child {
    margin: 0rem 0rem 0rem 0rem
}

.mobileSettingBtn {
    display: none
}

.darkMode .headSetting > ul > li > a, .darkMode .mobileHeadSetting > ul > li > a {
    border-color: rgba(255,255,255,.5)
}

.darkMode .fixed-header.sticky .headSetting > ul > li > a, .darkMode .fixed-header.sticky .mobileHeadSetting > ul > li > a {
    border-color: rgba(255,255,255,.5)
}

.darkMode .logo .darkmodeLogo {
    opacity: 1;
    visibility: visible
}

.darkMode .logo .primaryColorLogo {
    opacity: 0;
    visibility: hidden
}

.darkMode .homePage .logoLine {
    background: #fff
}

.homePage header {
    border-bottom: solid 1px var(--bs-grey-800)
}

.homePage .mainMenu > li > a {
    color: var(--bs-heading-color)
}

.homePage .mainMenu > li.active > a {
    color: var(--bs-black)
}

.homePage .logoLine {
    background: var(--bs-grey-800)
}

.homePage .headSetting > ul > li > a, .homePage .mobileHeadSetting > ul > li > a {
    border: solid 1px var(--bs-black);
    color: var(--bs-black)
}

    .homePage .headSetting > ul > li > a.active, .homePage .mobileHeadSetting > ul > li > a.active {
        color: var(--bs-green-900);
        border-color: var(--bs-green-700)
    }

        .homePage .headSetting > ul > li > a.active:before, .homePage .mobileHeadSetting > ul > li > a.active:before {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1)
        }

.homePage .menu-open {
    border: solid 1px var(--bs-black);
    color: var(--bs-black)
}

    .homePage .menu-open span {
        background: var(--bs-black)
    }

.homePage .header-back-bg {
    height: 0
}

    .homePage .header-back-bg:before {
        opacity: .2
    }

.homePage .fixed-header.sticky .header-back-bg {
    height: 100%
}

.mobileNavigation {
    display: none
}

.mobileHeadSetting {
    display: none
}

    .mobileHeadSetting > ul {
        display: flex;
        align-items: center;
        height: 100%
    }

[dir=ltr] .mobileHeadSetting > ul {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .mobileHeadSetting > ul {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .mobileHeadSetting > ul {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .mobileHeadSetting > ul {
    padding: 0rem 0rem 0rem 0rem
}

.mobileHeadSetting > ul > li {
    list-style: none;
    width: 2.5rem;
    height: 2.5rem
}

[dir=ltr] .mobileHeadSetting > ul > li {
    margin: 0rem .9375rem 0rem 0rem
}

[dir=rtl] .mobileHeadSetting > ul > li {
    margin: 0rem 0rem 0rem .9375rem
}

.mobileHeadSetting > ul > li > a {
    border: solid 1px rgba(0,0,0,.2);
    text-decoration: none;
    color: var(--bs-black);
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: relative;
    line-height: 1;
    width: 100%;
    height: 100%
}

    .mobileHeadSetting > ul > li > a:before {
        position: absolute;
        top: 0;
        bottom: 0;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        width: 100%;
        height: 100%;
        background: var(--bs-green-700);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        content: ''
    }

[dir=ltr] .mobileHeadSetting > ul > li > a:before {
    left: 0
}

[dir=rtl] .mobileHeadSetting > ul > li > a:before {
    right: 0
}

[dir=ltr] .mobileHeadSetting > ul > li > a:before {
    right: 0
}

[dir=rtl] .mobileHeadSetting > ul > li > a:before {
    left: 0
}

.mobileHeadSetting > ul > li > a i {
    line-height: 1;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center
}

    .mobileHeadSetting > ul > li > a i:before {
        font-size: 1.0625rem
    }

.mobileHeadSetting > ul > li > a.active {
    color: var(--bs-green-900);
    border-color: var(--bs-green-700)
}

    .mobileHeadSetting > ul > li > a.active:before {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

[dir=ltr] .mobileHeadSetting > ul > li:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .mobileHeadSetting > ul > li:last-child {
    margin: 0rem 0rem 0rem 0rem
}

.mac .textLink {
    align-items: flex-start
}

.mac .breadcrumb-item + .breadcrumb-item:before {
    position: relative;
    top: -2px
}

[dir=rtl].mac .headSetting > ul > li > a span {
    top: 3px
}

[dir=rtl].mac .pagination .page-link span {
    position: relative
}

@media (min-width:1200px) {
    .mainMenu > li > a:hover {
        color: var(--bs-black)
    }

        .mainMenu > li > a:hover:before {
            width: 100%
        }

    .linkTitle:hover {
        color: var(--bs-black)
    }

        .linkTitle:hover span {
            background-size: 100% 1px
        }

    .headSetting > ul > li > a:hover {
        color: var(--bs-green-900);
        border-color: var(--bs-green-700)
    }

        .headSetting > ul > li > a:hover:before {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1)
        }

    .primaryDropdown {
        min-height: 34.375rem
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .logo {
        width: 14.5625rem;
        height: 2.9375rem
    }

    .logoLine {
        display: none
    }

    .primaryDropdown {
        position: initial;
        display: none;
        border: none;
        background: 0 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        backdrop-filter: none;
        -webkit-backdrop-filter: none
    }

    [dir=ltr] .primaryDropdown {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .primaryDropdown {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .headBox {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .headBox {
        padding: 0rem 0rem 0rem 0rem
    }

    .headBox .lead, .headBox .textLink {
        display: none
    }

    .mainMenu {
        display: block;
        height: initial
    }

        .mainMenu > li {
            height: initial;
            display: block
        }

    [dir=ltr] .mainMenu > li {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .mainMenu > li {
        margin: 0rem 0rem 0rem 0rem
    }

    .mainMenu > li > a {
        color: #000;
        font-size: 1.25rem;
        font-weight: 700;
        border-bottom: solid 1px rgba(0,0,0,.2);
        position: relative
    }

    [dir=ltr] .mainMenu > li > a {
        padding: 1.25rem 1.5625rem 1.25rem 1.5625rem
    }

    [dir=rtl] .mainMenu > li > a {
        padding: 1.25rem 1.5625rem 1.25rem 1.5625rem
    }

    .mainMenu > li > a i {
        position: relative;
        z-index: 3;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        display: block;
        top: .125rem
    }

        .mainMenu > li > a i:before {
            font-size: 1rem
        }

    .mainMenu > li > a:after, .mainMenu > li > a:before {
        display: none
    }

    .mainMenu > li > a.active i {
        transform: rotate(180deg)
    }

    .headSetting {
        display: none
    }

    .headNav {
        justify-content: flex-end
    }

    .linkTitle {
        font-size: 1.125rem;
        font-weight: 600;
        border-bottom: solid 1px rgba(0,0,0,.2);
        display: block
    }

    [dir=ltr] .linkTitle {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .linkTitle {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .linkTitle {
        padding: 1.25rem 1.5625rem 1.25rem 2.1875rem
    }

    [dir=rtl] .linkTitle {
        padding: 1.25rem 2.1875rem 1.25rem 1.5625rem
    }

    .navSecondLevel {
        width: 100%;
        display: block
    }

        .navSecondLevel li {
            width: 100%
        }

    [dir=ltr] .navSecondLevel li {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .navSecondLevel li {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .navSecondLevel li {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .navSecondLevel li {
        padding: 0rem 0rem 0rem 0rem
    }

    .navSecondLevel li .menuItem2 {
        position: relative
    }

        .navSecondLevel li .menuItem2 a {
            font-size: 1.125rem;
            font-weight: 600;
            border-bottom: solid 1px rgba(0,0,0,.2);
            display: block
        }

    [dir=ltr] .navSecondLevel li .menuItem2 a {
        padding: 1.25rem 1.5625rem 1.25rem 2.1875rem
    }

    [dir=rtl] .navSecondLevel li .menuItem2 a {
        padding: 1.25rem 2.1875rem 1.25rem 1.5625rem
    }

    [dir=ltr] .navSecondLevel li .menuItem2 a {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .navSecondLevel li .menuItem2 a {
        margin: 0rem 0rem 0rem 0rem
    }

    .navSecondLevel li .menuItem2 > .h4, .navSecondLevel li .menuItem2 > h4 {
        font-size: 1.125rem;
        font-weight: 600
    }

    [dir=ltr] .navSecondLevel li .menuItem2 > .h4, [dir=ltr] .navSecondLevel li .menuItem2 > h4 {
        padding: 1.25rem 1.5625rem 1.25rem 2.1875rem
    }

    [dir=rtl] .navSecondLevel li .menuItem2 > .h4, [dir=rtl] .navSecondLevel li .menuItem2 > h4 {
        padding: 1.25rem 2.1875rem 1.25rem 1.5625rem
    }

    [dir=ltr] .navSecondLevel li .menuItem2 > .h4, [dir=ltr] .navSecondLevel li .menuItem2 > h4 {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .navSecondLevel li .menuItem2 > .h4, [dir=rtl] .navSecondLevel li .menuItem2 > h4 {
        margin: 0rem 0rem 0rem 0rem
    }

    .navSecondLevel li .menuItem2 .menuArrow {
        position: absolute;
        top: 0;
        width: 4.0625rem;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 2
    }

    [dir=ltr] .navSecondLevel li .menuItem2 .menuArrow {
        right: 0
    }

    [dir=rtl] .navSecondLevel li .menuItem2 .menuArrow {
        left: 0
    }

    .navSecondLevel li .menuItem2 .menuArrow i {
        position: relative;
        z-index: 3;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        display: block;
        color: #000
    }

        .navSecondLevel li .menuItem2 .menuArrow i:before {
            font-size: 1rem
        }

    .navSecondLevel li .menuItem2 .menuArrow.active i {
        transform: rotate(180deg)
    }

    .navThirdLevel {
        display: none
    }

    [dir=ltr] .navThirdLevel li {
        padding: 0rem 1.5625rem 0rem 2.8125rem
    }

    [dir=rtl] .navThirdLevel li {
        padding: 0rem 2.8125rem 0rem 1.5625rem
    }

    .navThirdLevel li a {
        font-size: 1rem;
        font-weight: 400;
        border-bottom: solid 1px rgba(0,0,0,.2);
        display: block
    }

    [dir=ltr] .navThirdLevel li a {
        padding: 1.25rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .navThirdLevel li a {
        padding: 1.25rem 0rem 1.25rem 0rem
    }

    .mobileSettingBtn {
        display: flex;
        justify-content: flex-start;
        align-items: center
    }

    [dir=ltr] .mobileSettingBtn {
        padding: 0rem 1.5625rem 0rem 1.5625rem
    }

    [dir=rtl] .mobileSettingBtn {
        padding: 0rem 1.5625rem 0rem 1.5625rem
    }

    [dir=ltr] .mobileSettingBtn {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .mobileSettingBtn {
        margin: 0rem 0rem 1.875rem 0rem
    }

    .mobileSettingBtn a {
        width: 3.125rem;
        height: 3.125rem;
        display: flex;
        justify-content: center;
        align-items: center;
        border: solid 1px rgba(0,0,0,.2);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        text-decoration: none;
        color: #000
    }

    [dir=ltr] .mobileSettingBtn a {
        margin: 0rem .9375rem 0rem 0rem
    }

    [dir=rtl] .mobileSettingBtn a {
        margin: 0rem 0rem 0rem .9375rem
    }

    [dir=ltr] .mobileSettingBtn a:last-child {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .mobileSettingBtn a:last-child {
        margin: 0rem 0rem 0rem 0rem
    }

    .mobileSettingBtn a span {
        font-size: 1.125rem;
        font-weight: 700
    }

    .mobileSettingBtn a i:before {
        font-size: 1.25rem
    }

    .mobileNavigation {
        position: fixed;
        top: 0;
        z-index: 999;
        background: var(--bs-white);
        -webkit-backdrop-filter: blur(35px);
        backdrop-filter: blur(21px);
        width: 40%;
        height: 100%;
        overflow-y: scroll;
        display: block;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        overflow-x: hidden
    }

    [dir=ltr] .mobileNavigation {
        right: -100%
    }

    [dir=rtl] .mobileNavigation {
        left: -100%
    }

    [dir=ltr] .mobileNavigation {
        padding: 1.5625rem 0rem 6.25rem 0rem
    }

    [dir=rtl] .mobileNavigation {
        padding: 1.5625rem 0rem 6.25rem 0rem
    }

    .mobileNavigation .menu-btn {
        position: absolute;
        top: 1.5625rem
    }

    [dir=ltr] .mobileNavigation .menu-btn {
        right: .75rem
    }

    [dir=rtl] .mobileNavigation .menu-btn {
        left: .75rem
    }

    .mobileNavigation .menu-btn .menu-open {
        border-color: rgba(0,0,0,.2)
    }

    .mobileNavigation .menu-btn span {
        background: #000
    }

    .mobileNavigation .primaryNavigation {
        display: block
    }

    [dir=ltr] .mobileNavigation .primaryNavigation {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .mobileNavigation .primaryNavigation {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .mobileNavigation .primaryNavigation .container {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .mobileNavigation .primaryNavigation .container {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .mobileNavigation .primaryNavigation .container .row {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .mobileNavigation .primaryNavigation .container .row {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .mobileNavigation .primaryNavigation .container .row [class^=col-] {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .mobileNavigation .primaryNavigation .container .row [class^=col-] {
        padding: 0rem 0rem 0rem 0rem
    }

    .mobileNavigation .primaryNavigation > ul > li > a {
        display: flex;
        justify-content: space-between
    }

    [dir=ltr] .mobileNavigation.active {
        right: 0
    }

    [dir=rtl] .mobileNavigation.active {
        left: 0
    }

    .mobileNavigation .headBox {
        display: none
    }

    .mobileHeadSetting {
        display: block
    }

    .primaryNavigation {
        display: none
    }

    .homePage .mainMenu > li > a {
        color: #000
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .logo {
        width: 14.5625rem;
        height: 2.9375rem
    }

    .logoLine {
        display: none
    }

    .primaryDropdown {
        position: initial;
        display: none;
        border: none;
        background: 0 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        backdrop-filter: none;
        -webkit-backdrop-filter: none
    }

    [dir=ltr] .primaryDropdown {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .primaryDropdown {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .headBox {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .headBox {
        padding: 0rem 0rem 0rem 0rem
    }

    .headBox .lead, .headBox .textLink {
        display: none
    }

    .mainMenu {
        display: block;
        height: initial
    }

        .mainMenu > li {
            height: initial;
            display: block
        }

    [dir=ltr] .mainMenu > li {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .mainMenu > li {
        margin: 0rem 0rem 0rem 0rem
    }

    .mainMenu > li > a {
        color: #000;
        font-size: 1.25rem;
        font-weight: 700;
        border-bottom: solid 1px rgba(0,0,0,.2);
        position: relative
    }

    [dir=ltr] .mainMenu > li > a {
        padding: 1.25rem 1.5625rem 1.25rem 1.5625rem
    }

    [dir=rtl] .mainMenu > li > a {
        padding: 1.25rem 1.5625rem 1.25rem 1.5625rem
    }

    .mainMenu > li > a i {
        position: relative;
        z-index: 3;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        display: block;
        top: .125rem
    }

        .mainMenu > li > a i:before {
            font-size: 1rem
        }

    .mainMenu > li > a:after, .mainMenu > li > a:before {
        display: none
    }

    .mainMenu > li > a.active i {
        transform: rotate(180deg)
    }

    .headSetting {
        display: none
    }

    .headNav {
        justify-content: flex-end
    }

    .linkTitle {
        font-size: 1.125rem;
        font-weight: 600;
        border-bottom: solid 1px rgba(0,0,0,.2);
        display: block
    }

    [dir=ltr] .linkTitle {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .linkTitle {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .linkTitle {
        padding: 1.25rem 1.5625rem 1.25rem 2.1875rem
    }

    [dir=rtl] .linkTitle {
        padding: 1.25rem 2.1875rem 1.25rem 1.5625rem
    }

    .navSecondLevel {
        width: 100%;
        display: block
    }

        .navSecondLevel li {
            width: 100%;
            min-height: .625rem
        }

    [dir=ltr] .navSecondLevel li {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .navSecondLevel li {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .navSecondLevel li {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .navSecondLevel li {
        padding: 0rem 0rem 0rem 0rem
    }

    .navSecondLevel li .menuItem2 {
        position: relative
    }

        .navSecondLevel li .menuItem2 a {
            font-size: 1.125rem;
            font-weight: 600;
            border-bottom: solid 1px rgba(0,0,0,.2);
            display: block
        }

    [dir=ltr] .navSecondLevel li .menuItem2 a {
        padding: 1.25rem 1.5625rem 1.25rem 2.1875rem
    }

    [dir=rtl] .navSecondLevel li .menuItem2 a {
        padding: 1.25rem 2.1875rem 1.25rem 1.5625rem
    }

    [dir=ltr] .navSecondLevel li .menuItem2 a {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .navSecondLevel li .menuItem2 a {
        margin: 0rem 0rem 0rem 0rem
    }

    .navSecondLevel li .menuItem2 > .h4, .navSecondLevel li .menuItem2 > h4 {
        font-size: 1.125rem;
        font-weight: 600
    }

    [dir=ltr] .navSecondLevel li .menuItem2 > .h4, [dir=ltr] .navSecondLevel li .menuItem2 > h4 {
        padding: 1.25rem 1.5625rem 1.25rem 2.1875rem
    }

    [dir=rtl] .navSecondLevel li .menuItem2 > .h4, [dir=rtl] .navSecondLevel li .menuItem2 > h4 {
        padding: 1.25rem 2.1875rem 1.25rem 1.5625rem
    }

    [dir=ltr] .navSecondLevel li .menuItem2 > .h4, [dir=ltr] .navSecondLevel li .menuItem2 > h4 {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .navSecondLevel li .menuItem2 > .h4, [dir=rtl] .navSecondLevel li .menuItem2 > h4 {
        margin: 0rem 0rem 0rem 0rem
    }

    .navSecondLevel li .menuItem2 .menuArrow {
        position: absolute;
        top: 0;
        width: 4.0625rem;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 2
    }

    [dir=ltr] .navSecondLevel li .menuItem2 .menuArrow {
        right: 0
    }

    [dir=rtl] .navSecondLevel li .menuItem2 .menuArrow {
        left: 0
    }

    .navSecondLevel li .menuItem2 .menuArrow i {
        position: relative;
        z-index: 3;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        display: block;
        color: #000
    }

        .navSecondLevel li .menuItem2 .menuArrow i:before {
            font-size: 1rem
        }

    .navSecondLevel li .menuItem2 .menuArrow.active i {
        transform: rotate(180deg)
    }

    .navThirdLevel {
        display: none
    }

    [dir=ltr] .navThirdLevel li {
        padding: 0rem 1.5625rem 0rem 2.8125rem
    }

    [dir=rtl] .navThirdLevel li {
        padding: 0rem 2.8125rem 0rem 1.5625rem
    }

    .navThirdLevel li a {
        font-size: 1rem;
        font-weight: 400;
        border-bottom: solid 1px rgba(0,0,0,.2);
        display: block
    }

    [dir=ltr] .navThirdLevel li a {
        padding: 1.25rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .navThirdLevel li a {
        padding: 1.25rem 0rem 1.25rem 0rem
    }

    .mobileSettingBtn {
        display: flex;
        justify-content: flex-start;
        align-items: center
    }

    [dir=ltr] .mobileSettingBtn {
        padding: 0rem 1.5625rem 0rem 1.5625rem
    }

    [dir=rtl] .mobileSettingBtn {
        padding: 0rem 1.5625rem 0rem 1.5625rem
    }

    [dir=ltr] .mobileSettingBtn {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .mobileSettingBtn {
        margin: 0rem 0rem 1.875rem 0rem
    }

    .mobileSettingBtn a {
        width: 3.125rem;
        height: 3.125rem;
        display: flex;
        justify-content: center;
        align-items: center;
        border: solid 1px rgba(0,0,0,.2);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        text-decoration: none;
        color: #000
    }

    [dir=ltr] .mobileSettingBtn a {
        margin: 0rem .9375rem 0rem 0rem
    }

    [dir=rtl] .mobileSettingBtn a {
        margin: 0rem 0rem 0rem .9375rem
    }

    [dir=ltr] .mobileSettingBtn a:last-child {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .mobileSettingBtn a:last-child {
        margin: 0rem 0rem 0rem 0rem
    }

    .mobileSettingBtn a span {
        font-size: 1.125rem;
        font-weight: 700
    }

    .mobileSettingBtn a i:before {
        font-size: 1.25rem
    }

    .mobileNavigation {
        position: fixed;
        top: 0;
        z-index: 999;
        background: var(--bs-white);
        -webkit-backdrop-filter: blur(35px);
        backdrop-filter: blur(21px);
        width: 50%;
        height: 100%;
        overflow-y: scroll;
        display: block;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        overflow-x: hidden
    }

    [dir=ltr] .mobileNavigation {
        right: -100%
    }

    [dir=rtl] .mobileNavigation {
        left: -100%
    }

    [dir=ltr] .mobileNavigation {
        padding: 1.5625rem 0rem 6.25rem 0rem
    }

    [dir=rtl] .mobileNavigation {
        padding: 1.5625rem 0rem 6.25rem 0rem
    }

    .mobileNavigation .menu-btn {
        position: absolute;
        top: 1.5625rem
    }

    [dir=ltr] .mobileNavigation .menu-btn {
        right: .75rem
    }

    [dir=rtl] .mobileNavigation .menu-btn {
        left: .75rem
    }

    .mobileNavigation .menu-btn .menu-open {
        border-color: rgba(0,0,0,.2)
    }

    .mobileNavigation .menu-btn span {
        background: var(--bs-black)
    }

    .mobileNavigation .primaryNavigation {
        display: block
    }

    [dir=ltr] .mobileNavigation .primaryNavigation {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .mobileNavigation .primaryNavigation {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .mobileNavigation .primaryNavigation .container {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .mobileNavigation .primaryNavigation .container {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .mobileNavigation .primaryNavigation .container .row {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .mobileNavigation .primaryNavigation .container .row {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .mobileNavigation .primaryNavigation .container .row [class^=col-] {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .mobileNavigation .primaryNavigation .container .row [class^=col-] {
        padding: 0rem 0rem 0rem 0rem
    }

    .mobileNavigation .primaryNavigation > ul > li > a {
        display: flex;
        justify-content: space-between
    }

    [dir=ltr] .mobileNavigation.active {
        right: 0
    }

    [dir=rtl] .mobileNavigation.active {
        left: 0
    }

    .mobileNavigation .headBox {
        display: none
    }

    .mobileHeadSetting {
        display: block
    }

    .primaryNavigation {
        display: none
    }

    .homePage .mainMenu > li > a {
        color: #000
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    .logo {
        width: 14.5625rem;
        height: 2.9375rem
    }

    .logoLine {
        display: none
    }

    .primaryDropdown {
        position: initial;
        display: none;
        border: none;
        background: 0 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        backdrop-filter: none;
        -webkit-backdrop-filter: none
    }

    [dir=ltr] .primaryDropdown {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .primaryDropdown {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .headBox {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .headBox {
        padding: 0rem 0rem 0rem 0rem
    }

    .headBox .lead, .headBox .textLink {
        display: none
    }

    .mainMenu {
        display: block;
        height: initial
    }

        .mainMenu > li {
            height: initial;
            display: block
        }

    [dir=ltr] .mainMenu > li {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .mainMenu > li {
        margin: 0rem 0rem 0rem 0rem
    }

    .mainMenu > li > a {
        color: var(--bs-black);
        font-size: 1.25rem;
        font-weight: 700;
        border-bottom: solid 1px rgba(0,0,0,.2);
        position: relative
    }

    [dir=ltr] .mainMenu > li > a {
        padding: 1.25rem 1.5625rem 1.25rem 1.5625rem
    }

    [dir=rtl] .mainMenu > li > a {
        padding: 1.25rem 1.5625rem 1.25rem 1.5625rem
    }

    .mainMenu > li > a i {
        position: relative;
        z-index: 3;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        display: block;
        top: .125rem
    }

        .mainMenu > li > a i:before {
            font-size: 1rem
        }

    .mainMenu > li > a:after, .mainMenu > li > a:before {
        display: none
    }

    .mainMenu > li > a.active i {
        transform: rotate(180deg)
    }

    .headSetting {
        display: none
    }

    .headNav {
        justify-content: flex-end
    }

    .linkTitle {
        font-size: 1.125rem;
        font-weight: 600;
        border-bottom: solid 1px rgba(0,0,0,.2);
        display: block
    }

    [dir=ltr] .linkTitle {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .linkTitle {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .linkTitle {
        padding: 1.25rem 1.5625rem 1.25rem 2.1875rem
    }

    [dir=rtl] .linkTitle {
        padding: 1.25rem 2.1875rem 1.25rem 1.5625rem
    }

    .navSecondLevel {
        width: 100%;
        display: block
    }

        .navSecondLevel li {
            width: 100%;
            min-height: .625rem
        }

    [dir=ltr] .navSecondLevel li {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .navSecondLevel li {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .navSecondLevel li {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .navSecondLevel li {
        padding: 0rem 0rem 0rem 0rem
    }

    .navSecondLevel li .menuItem2 {
        position: relative
    }

        .navSecondLevel li .menuItem2 a {
            font-size: 1.125rem;
            font-weight: 600;
            border-bottom: solid 1px rgba(0,0,0,.2);
            display: block
        }

    [dir=ltr] .navSecondLevel li .menuItem2 a {
        padding: 1.25rem 1.5625rem 1.25rem 2.1875rem
    }

    [dir=rtl] .navSecondLevel li .menuItem2 a {
        padding: 1.25rem 2.1875rem 1.25rem 1.5625rem
    }

    [dir=ltr] .navSecondLevel li .menuItem2 a {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .navSecondLevel li .menuItem2 a {
        margin: 0rem 0rem 0rem 0rem
    }

    .navSecondLevel li .menuItem2 > .h4, .navSecondLevel li .menuItem2 > h4 {
        font-size: 1.125rem;
        font-weight: 600
    }

    [dir=ltr] .navSecondLevel li .menuItem2 > .h4, [dir=ltr] .navSecondLevel li .menuItem2 > h4 {
        padding: 1.25rem 1.5625rem 1.25rem 2.1875rem
    }

    [dir=rtl] .navSecondLevel li .menuItem2 > .h4, [dir=rtl] .navSecondLevel li .menuItem2 > h4 {
        padding: 1.25rem 2.1875rem 1.25rem 1.5625rem
    }

    [dir=ltr] .navSecondLevel li .menuItem2 > .h4, [dir=ltr] .navSecondLevel li .menuItem2 > h4 {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .navSecondLevel li .menuItem2 > .h4, [dir=rtl] .navSecondLevel li .menuItem2 > h4 {
        margin: 0rem 0rem 0rem 0rem
    }

    .navSecondLevel li .menuItem2 .menuArrow {
        position: absolute;
        top: 0;
        width: 4.0625rem;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 2
    }

    [dir=ltr] .navSecondLevel li .menuItem2 .menuArrow {
        right: 0
    }

    [dir=rtl] .navSecondLevel li .menuItem2 .menuArrow {
        left: 0
    }

    .navSecondLevel li .menuItem2 .menuArrow i {
        position: relative;
        z-index: 3;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        display: block;
        color: #000
    }

        .navSecondLevel li .menuItem2 .menuArrow i:before {
            font-size: 1rem
        }

    .navSecondLevel li .menuItem2 .menuArrow.active i {
        transform: rotate(180deg)
    }

    .navThirdLevel {
        display: none
    }

    [dir=ltr] .navThirdLevel li {
        padding: 0rem 1.5625rem 0rem 2.8125rem
    }

    [dir=rtl] .navThirdLevel li {
        padding: 0rem 2.8125rem 0rem 1.5625rem
    }

    .navThirdLevel li a {
        font-size: 1rem;
        font-weight: 400;
        border-bottom: solid 1px rgba(0,0,0,.2);
        display: block
    }

    [dir=ltr] .navThirdLevel li a {
        padding: 1.25rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .navThirdLevel li a {
        padding: 1.25rem 0rem 1.25rem 0rem
    }

    .mobileSettingBtn {
        display: flex;
        justify-content: flex-start;
        align-items: center
    }

    [dir=ltr] .mobileSettingBtn {
        padding: 0rem 1.5625rem 0rem 1.5625rem
    }

    [dir=rtl] .mobileSettingBtn {
        padding: 0rem 1.5625rem 0rem 1.5625rem
    }

    [dir=ltr] .mobileSettingBtn {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .mobileSettingBtn {
        margin: 0rem 0rem 1.875rem 0rem
    }

    .mobileSettingBtn a {
        width: 3.125rem;
        height: 3.125rem;
        display: flex;
        justify-content: center;
        align-items: center;
        border: solid 1px rgba(0,0,0,.2);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        text-decoration: none;
        color: var(--bs-black)
    }

    [dir=ltr] .mobileSettingBtn a {
        margin: 0rem .9375rem 0rem 0rem
    }

    [dir=rtl] .mobileSettingBtn a {
        margin: 0rem 0rem 0rem .9375rem
    }

    [dir=ltr] .mobileSettingBtn a:last-child {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .mobileSettingBtn a:last-child {
        margin: 0rem 0rem 0rem 0rem
    }

    .mobileSettingBtn a span {
        font-size: 1.125rem;
        font-weight: 700
    }

    [dir=rtl] .mobileSettingBtn a span {
        position: relative;
        top: 3px
    }

    .mobileSettingBtn a i:before {
        font-size: 1.25rem
    }

    .darkMode .mainMenu > li > a {
        border-bottom: solid 1px rgba(255,255,255,.5)
    }

    .darkMode .navSecondLevel li .menuItem2 a {
        border-bottom: solid 1px rgba(255,255,255,.5)
    }

    .darkMode .mobileSettingBtn a {
        border: solid 1px rgba(255,255,255,.2)
    }

    .mobileNavigation {
        position: fixed;
        top: 0;
        z-index: 999;
        background: var(--bs-white);
        -webkit-backdrop-filter: blur(35px);
        backdrop-filter: blur(21px);
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        display: block;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        overflow-x: hidden
    }

    [dir=ltr] .mobileNavigation {
        right: -100%
    }

    [dir=rtl] .mobileNavigation {
        left: -100%
    }

    [dir=ltr] .mobileNavigation {
        padding: 1.5625rem 0rem 6.25rem 0rem
    }

    [dir=rtl] .mobileNavigation {
        padding: 1.5625rem 0rem 6.25rem 0rem
    }

    .mobileNavigation .menu-btn {
        position: absolute;
        top: 1.5625rem
    }

    [dir=ltr] .mobileNavigation .menu-btn {
        right: .75rem
    }

    [dir=rtl] .mobileNavigation .menu-btn {
        left: .75rem
    }

    .mobileNavigation .menu-btn .menu-open {
        border-color: rgba(0,0,0,.2)
    }

    .mobileNavigation .menu-btn span {
        background: var(--bs-black)
    }

    .mobileNavigation .primaryNavigation {
        display: block
    }

    [dir=ltr] .mobileNavigation .primaryNavigation {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .mobileNavigation .primaryNavigation {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .mobileNavigation .primaryNavigation .container {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .mobileNavigation .primaryNavigation .container {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .mobileNavigation .primaryNavigation .container .row {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .mobileNavigation .primaryNavigation .container .row {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .mobileNavigation .primaryNavigation .container .row [class^=col-] {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .mobileNavigation .primaryNavigation .container .row [class^=col-] {
        padding: 0rem 0rem 0rem 0rem
    }

    .mobileNavigation .primaryNavigation > ul > li > a {
        display: flex;
        justify-content: space-between
    }

    [dir=ltr] .mobileNavigation.active {
        right: 0
    }

    [dir=rtl] .mobileNavigation.active {
        left: 0
    }

    .mobileNavigation .headBox {
        display: none
    }

    .mobileHeadSetting {
        display: block
    }

    .primaryNavigation {
        display: none
    }

    .homePage .mainMenu > li > a {
        color: var(--bs-black)
    }

    .darkMode .mobileNavigation .menu-btn .menu-open {
        border-color: rgba(255,255,255,.2)
    }
}

.searchPopup {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    background: radial-gradient(107.32% 141.42% at 0 0,rgba(0,0,0,.96) 0,rgba(58,58,58,.88) 100%);
    -webkit-backdrop-filter: blur(35px);
    backdrop-filter: blur(21px);
    z-index: 7;
    display: none
}

[dir=ltr] .searchPopup {
    left: 0
}

[dir=rtl] .searchPopup {
    right: 0
}

[dir=ltr] .searchPopup {
    padding: 11.375rem 0rem 0rem 0rem
}

[dir=rtl] .searchPopup {
    padding: 11.375rem 0rem 0rem 0rem
}

.searchPopup.active {
    display: block
}

.searchHeading {
    display: flex;
    justify-content: space-between;
    align-items: center
}

[dir=ltr] .searchHeading {
    margin: 0rem 0rem 1.5625rem 0rem
}

[dir=rtl] .searchHeading {
    margin: 0rem 0rem 1.5625rem 0rem
}

[dir=ltr] .searchHeading {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .searchHeading {
    padding: 0rem 0rem 0rem 0rem
}

.searchHeading .h2, .searchHeading h2 {
    color: #fff
}

[dir=ltr] .searchHeading .h2, [dir=ltr] .searchHeading h2 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .searchHeading .h2, [dir=rtl] .searchHeading h2 {
    margin: 0rem 0rem 0rem 0rem
}

.closeSearch {
    display: flex;
    text-decoration: none;
    color: #fff
}

    .closeSearch span {
        font-size: 1.125rem;
        text-transform: uppercase;
        letter-spacing: .1125rem;
        display: inline;
        padding-bottom: 2px;
        transition: all .5s linear;
        background: linear-gradient(to bottom,#fff 0,#fff 98%);
        background-size: 0 1px;
        background-repeat: no-repeat;
        background-position: left 100%
    }

[dir=rtl] .closeSearch span {
    background-position: right 100%;
    letter-spacing: initial
}

.closeSearch i {
    position: relative;
    top: .125rem
}

[dir=ltr] .closeSearch i {
    margin: 0rem 0rem 0rem 1.125rem
}

[dir=rtl] .closeSearch i {
    margin: 0rem 1.125rem 0rem 0rem
}

.closeSearch i:before {
    font-size: 1.375rem
}

.closeSearch:focus, .closeSearch:hover {
    text-decoration: none
}

[dir=ltr] .mostPopularTags {
    padding: .4375rem 0rem 0rem 0rem
}

[dir=rtl] .mostPopularTags {
    padding: .4375rem 0rem 0rem 0rem
}

.mostPopularText {
    font-size: 1.125rem;
    letter-spacing: .1125rem;
    text-transform: uppercase;
    color: #fff;
    display: block
}

[dir=ltr] .mostPopularText {
    margin: 0rem 0rem .625rem 0rem
}

[dir=rtl] .mostPopularText {
    margin: 0rem 0rem .625rem 0rem
}

[dir=rtl] .mostPopularText {
    letter-spacing: initial
}

.searchTags {
    display: flex;
    flex-wrap: wrap
}

[dir=ltr] .searchTags {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .searchTags {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .searchTags {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .searchTags {
    padding: 0rem 0rem 0rem 0rem
}

.searchTags li {
    list-style: none
}

[dir=ltr] .searchTags li {
    margin: 0rem 0rem .9375rem .5rem
}

[dir=rtl] .searchTags li {
    margin: 0rem .5rem .9375rem 0rem
}

[dir=ltr] .searchTags li:first-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .searchTags li:first-child {
    margin: 0rem 0rem 0rem 0rem
}

.searchTags li a {
    display: block;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -o-border-radius: 24px;
    -ms-border-radius: 24px;
    border-radius: 24px;
    background: rgba(0,0,0,.2);
    border: solid 1px #fff;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: .6875rem;
    font-weight: 600;
    letter-spacing: .15rem;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

[dir=ltr] .searchTags li a {
    padding: .5625rem 1rem .5rem 1rem
}

[dir=rtl] .searchTags li a {
    padding: .5625rem 1rem .5rem 1rem
}

[dir=rtl] .searchTags li a {
    letter-spacing: initial
}

.searchTags li a span {
    display: block
}

[dir=ltr] .searchBox {
    margin: 0rem 0rem 1.5625rem 0rem
}

[dir=rtl] .searchBox {
    margin: 0rem 0rem 1.5625rem 0rem
}

[dir=ltr] .searchBox {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .searchBox {
    padding: 0rem 0rem 0rem 0rem
}

.searchBox .twitter-typeahead {
    display: block !important
}

.searchBox .form-group {
    position: relative
}

.searchBox .typewrite {
    position: absolute;
    top: 0;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1;
    color: var(--bs-grey-800);
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: auto
}

[dir=ltr] .searchBox .typewrite {
    left: 0
}

[dir=rtl] .searchBox .typewrite {
    right: 0
}

[dir=ltr] .searchBox .typewrite {
    padding: 1.5625rem 1.25rem 1.25rem 1.25rem
}

[dir=rtl] .searchBox .typewrite {
    padding: 1.5625rem 1.25rem 1.25rem 1.25rem
}

.searchBox .search-btn {
    position: absolute;
    top: 0;
    width: 3.125rem;
    height: 3.125rem;
    color: #000;
    border: none;
    background: 0 0;
    line-height: 1;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

[dir=ltr] .searchBox .search-btn {
    right: .9375rem
}

[dir=rtl] .searchBox .search-btn {
    left: .9375rem
}

[dir=ltr] .searchBox .search-btn {
    margin: auto auto auto auto
}

[dir=rtl] .searchBox .search-btn {
    margin: auto auto auto auto
}

.searchBox .search-btn:before {
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    width: 100%;
    height: 100%;
    background: var(--bs-green-700);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    content: ''
}

[dir=ltr] .searchBox .search-btn:before {
    left: 0
}

[dir=rtl] .searchBox .search-btn:before {
    right: 0
}

[dir=ltr] .searchBox .search-btn:before {
    right: 0
}

[dir=rtl] .searchBox .search-btn:before {
    left: 0
}

.searchBox .search-btn i {
    display: block;
    position: relative;
    z-index: 2
}

    .searchBox .search-btn i:before {
        font-size: 1.5rem
    }

.searchBox .tt-highlight {
    background: var(--bs-green-700);
    color: var(--bs-green-900)
}

[dir=ltr] .searchBox .tt-highlight {
    padding: .25rem .25rem .25rem .25rem
}

[dir=rtl] .searchBox .tt-highlight {
    padding: .25rem .25rem .25rem .25rem
}

.searchListKeyword {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    background: #fff;
    color: #000;
    position: relative;
    display: block;
    text-decoration: none
}

[dir=ltr] .searchListKeyword {
    margin: 0rem 0rem 1rem 0rem
}

[dir=rtl] .searchListKeyword {
    margin: 0rem 0rem 1rem 0rem
}

[dir=ltr] .searchListKeyword {
    padding: 1.25rem 12.5rem 1.25rem 1.25rem
}

[dir=rtl] .searchListKeyword {
    padding: 1.25rem 1.25rem 1.25rem 12.5rem
}

.searchListKeyword .searchData {
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: -.0375rem;
    display: inline;
    padding-bottom: 2px;
    transition: all .5s linear;
    background: linear-gradient(to bottom,#000 0,#000 98%);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left 100%
}

[dir=rtl] .searchListKeyword .searchData {
    letter-spacing: initial;
    background-position: right 100%
}

.searchListKeyword .searchBadge {
    position: absolute;
    top: 0;
    height: 2.125rem;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    color: #fff;
    background: #000;
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .15rem;
    bottom: 0
}

[dir=ltr] .searchListKeyword .searchBadge {
    right: 1.25rem
}

[dir=rtl] .searchListKeyword .searchBadge {
    left: 1.25rem
}

[dir=ltr] .searchListKeyword .searchBadge {
    padding: .5rem .8125rem .8125rem 1rem
}

[dir=rtl] .searchListKeyword .searchBadge {
    padding: .5rem 1rem .8125rem .8125rem
}

[dir=rtl] .searchListKeyword .searchBadge {
    letter-spacing: initial
}

[dir=ltr] .searchListKeyword .searchBadge {
    margin: auto auto auto auto
}

[dir=rtl] .searchListKeyword .searchBadge {
    margin: auto auto auto auto
}

.searchListKeyword .searchBadge .tt-highlight {
    background: 0 0 !important;
    color: inherit !important;
    font-weight: initial !important
}

[dir=ltr] .searchListKeyword .searchBadge .tt-highlight {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .searchListKeyword .searchBadge .tt-highlight {
    padding: 0rem 0rem 0rem 0rem
}

.empty-message {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    background: #fff;
    color: #000;
    position: relative;
    display: block;
    text-decoration: none
}

[dir=ltr] .empty-message {
    margin: 0rem 0rem 1rem 0rem
}

[dir=rtl] .empty-message {
    margin: 0rem 0rem 1rem 0rem
}

[dir=ltr] .empty-message {
    padding: 1.25rem 12.5rem 1.25rem 1.25rem
}

[dir=rtl] .empty-message {
    padding: 1.25rem 1.25rem 1.25rem 12.5rem
}

.showResult {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.viewResult {
    font-size: 1.25rem;
    color: #fff;
    font-weight: 500;
    text-decoration: none
}

    .viewResult span {
        display: inline;
        padding-bottom: 2px;
        transition: all .5s linear;
        background: linear-gradient(to bottom,#fff 0,#fff 98%);
        background-size: 0 1px;
        background-repeat: no-repeat;
        background-position: left 100%
    }

[dir=rtl] .viewResult span {
    background-position: right 100%
}

.showCount {
    font-size: 1rem;
    color: #fff
}

@media (min-width:1200px) {
    .searchBox .search-btn:hover {
        color: var(--bs-green-900);
        border-color: var(--bs-green-700)
    }

        .searchBox .search-btn:hover:before {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1)
        }

    .closeSearch:hover span {
        background-size: 100% 1px
    }

    .searchListKeyword:hover .searchData {
        background-size: 100% 1px
    }

    .searchTags li a:hover {
        background: var(--bs-green-700);
        color: var(--bs-green-900);
        border-color: var(--bs-green-700)
    }

    .viewResult:hover span {
        background-size: 100% 1px
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .searchHeading {
        flex-direction: column;
        justify-content: initial;
        align-items: flex-start;
        position: relative
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .searchHeading {
        flex-direction: column;
        justify-content: initial;
        align-items: flex-start;
        position: relative
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .searchPopup {
        padding: 11.25rem 0rem 0rem 0rem
    }

    [dir=rtl] .searchPopup {
        padding: 11.25rem 0rem 0rem 0rem
    }

    .searchBox .typewrite {
        font-size: .875rem
    }

    [dir=ltr] .searchBox .typewrite {
        padding: 1.6875rem 1.25rem 1.25rem 1.25rem
    }

    [dir=rtl] .searchBox .typewrite {
        padding: 1.6875rem 1.25rem 1.25rem 1.25rem
    }

    .searchTags li {
        list-style: none
    }

    [dir=ltr] .searchTags li {
        margin: 0rem .5rem .9375rem 0rem
    }

    [dir=rtl] .searchTags li {
        margin: 0rem 0rem .9375rem .5rem
    }

    [dir=ltr] .searchTags li:first-child {
        margin: 0rem .5rem .9375rem 0rem
    }

    [dir=rtl] .searchTags li:first-child {
        margin: 0rem 0rem .9375rem .5rem
    }

    [dir=ltr] .searchListKeyword {
        padding: .9375rem 7.5rem .9375rem .9375rem
    }

    [dir=rtl] .searchListKeyword {
        padding: .9375rem .9375rem .9375rem 7.5rem
    }

    .searchListKeyword .searchData {
        font-size: 1rem
    }

    .searchListKeyword .searchBadge {
        font-size: .625rem
    }

    [dir=ltr] .searchListKeyword .searchBadge {
        padding: .625rem .75rem .375rem .75rem
    }

    [dir=rtl] .searchListKeyword .searchBadge {
        padding: .625rem .75rem .375rem .75rem
    }

    .searchHeading {
        flex-direction: column;
        justify-content: initial;
        align-items: flex-start;
        position: relative
    }

    .closeSearch {
        position: absolute;
        top: -3.125rem
    }

    [dir=ltr] .closeSearch {
        right: 0
    }

    [dir=rtl] .closeSearch {
        left: 0
    }

    .closeSearch span {
        display: none
    }

    [dir=ltr] .showResult {
        padding: .9375rem 0rem 0rem 0rem
    }

    [dir=rtl] .showResult {
        padding: .9375rem 0rem 0rem 0rem
    }

    .viewResult {
        font-size: .875rem
    }

    .showCount {
        font-size: .875rem;
        color: #fff
    }
}

.accessibilityDropdown {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100vh;
    background: radial-gradient(107.32% 141.42% at 0 0,rgba(0,0,0,.96) 0,rgba(58,58,58,.88) 100%);
    -webkit-backdrop-filter: blur(35px);
    backdrop-filter: blur(21px);
    display: none;
    z-index: -1
}

[dir=ltr] .accessibilityDropdown {
    right: 0
}

[dir=rtl] .accessibilityDropdown {
    left: 0
}

[dir=ltr] .accessibilityDropdown {
    padding: 11.375rem 0rem 0rem 0rem
}

[dir=rtl] .accessibilityDropdown {
    padding: 11.375rem 0rem 0rem 0rem
}

.accessibilityDropdown.active {
    display: block
}

[dir=ltr] .accessibilityBox {
    margin: 3.625rem 0rem 0rem 0rem
}

[dir=rtl] .accessibilityBox {
    margin: 3.625rem 0rem 0rem 0rem
}

[dir=ltr] .accessibilityBox.colorWrap {
    margin: 5rem 0rem 0rem 0rem
}

[dir=rtl] .accessibilityBox.colorWrap {
    margin: 5rem 0rem 0rem 0rem
}

.accessibilityBox .h3, .accessibilityBox h3 {
    color: #fff
}

[dir=ltr] .accessibilityBox .h3, [dir=ltr] .accessibilityBox h3 {
    margin: 0rem 0rem 2rem 0rem
}

[dir=rtl] .accessibilityBox .h3, [dir=rtl] .accessibilityBox h3 {
    margin: 0rem 0rem 2rem 0rem
}

.accessibilityBox legend {
    color: #fff;
    font-size: 1.5rem;
    letter-spacing: -.075rem;
    font-weight: 400
}

[dir=ltr] .accessibilityBox legend {
    margin: 0rem 0rem 1.25rem 0rem
}

[dir=rtl] .accessibilityBox legend {
    margin: 0rem 0rem 1.25rem 0rem
}

[dir=rtl] .accessibilityBox legend {
    letter-spacing: initial
}

.accessibilityBox p {
    color: #fff
}

    .accessibilityBox p.lead {
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 400
    }

[dir=ltr] .accessibilityBox p.lead {
    margin: 0rem 0rem 2.9375rem 0rem
}

[dir=rtl] .accessibilityBox p.lead {
    margin: 0rem 0rem 2.9375rem 0rem
}

.accessibilityBox span.lead {
    display: block;
    color: #fff;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 400
}

[dir=ltr] .accessibilityBox span.lead {
    margin: 0rem 0rem 2.9375rem 0rem
}

[dir=rtl] .accessibilityBox span.lead {
    margin: 0rem 0rem 2.9375rem 0rem
}

.vision-toggle {
    display: flex;
    align-items: center;
    position: relative
}

[dir=ltr] .vision-toggle {
    margin: 3.875rem 0rem 0rem 0rem
}

[dir=rtl] .vision-toggle {
    margin: 3.875rem 0rem 0rem 0rem
}

.vision-toggle input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden
}

    .vision-toggle input[type=checkbox]:checked + label {
        border: solid 1px #fff
    }

        .vision-toggle input[type=checkbox]:checked + label:after {
            left: calc(100% - 10px);
            transform: translateX(-100%)
        }

        .vision-toggle input[type=checkbox]:checked + label ~ .visionText span:first-child {
            display: none
        }

        .vision-toggle input[type=checkbox]:checked + label ~ .visionText span:last-child {
            display: block
        }

.vision-toggle label {
    cursor: pointer;
    text-indent: -9999px;
    width: 4.5rem;
    height: 2.5rem;
    display: block;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    position: relative;
    border: solid 1px #fff
}

    .vision-toggle label::after {
        content: '';
        position: absolute;
        top: .4375rem;
        width: 1.5rem;
        height: 1.5rem;
        background: var(--bs-green-700);
        border: solid 1px #fff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        transition: .3s
    }

[dir=ltr] .vision-toggle label::after {
    left: .75rem
}

[dir=rtl] .vision-toggle label::after {
    right: .75rem
}

[dir=ltr] .vision-toggle .visionText {
    margin: 0rem 0rem 0rem .75rem
}

[dir=rtl] .vision-toggle .visionText {
    margin: 0rem .75rem 0rem 0rem
}

.vision-toggle .visionText span {
    text-transform: uppercase;
    color: #fff;
    font-size: 1rem;
    font-weight: 700
}

    .vision-toggle .visionText span:last-child {
        display: none
    }

.toggle-switcher {
    position: relative;
    width: 3.9375rem;
    height: 2.25rem;
    background: rgba(217,217,217,.48);
    border-radius: 6.25rem;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    cursor: pointer;
    overflow: hidden;
    transition: background-color 1s ease;
    margin: 0 auto
}

[dir=ltr] .toggle-switcher {
    margin: 0rem 2rem 0rem 0rem
}

[dir=rtl] .toggle-switcher {
    margin: 0rem 0rem 0rem 2rem
}

.toggle-switcher .switch {
    position: absolute;
    top: 50%;
    left: 1px;
    width: 1.8125rem;
    height: 1.8125rem;
    background-color: #141414;
    border-radius: 50%;
    transform: translateY(-50%);
    transition: left 1s cubic-bezier(.68,-.55,.17,1.55)
}

.toggle-switcher.day .switch {
    left: 2px
}

.toggle-switcher.night .switch {
    left: 50%;
    background-color: #000
}

.toggle-switcher .sun {
    position: absolute;
    top: 21%;
    left: 10%;
    width: 1.1875rem;
    height: 1.1875rem
}

    .toggle-switcher .sun img {
        width: 100%;
        height: 100%;
        display: block
    }

.toggle-switcher .moon {
    position: absolute;
    top: 21%;
    right: 11%;
    width: 1.1875rem;
    height: 1.1875rem
}

    .toggle-switcher .moon img {
        width: 100%;
        height: 100%;
        display: block
    }

.colorsBox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row
}

.fontSetting {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row
}

[dir=ltr] .fontSetting {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .fontSetting {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .fontSetting {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .fontSetting {
    padding: 0rem 0rem 0rem 0rem
}

.fontSetting li {
    list-style: none;
    width: 5.625rem;
    height: 4.375rem
}

[dir=ltr] .fontSetting li {
    margin: 0rem 1.125rem 0rem 0rem
}

[dir=rtl] .fontSetting li {
    margin: 0rem 0rem 0rem 1.125rem
}

[dir=ltr] .fontSetting li:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .fontSetting li:last-child {
    margin: 0rem 0rem 0rem 0rem
}

.fontSetting li a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    color: #000;
    text-decoration: none;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -o-border-radius: 16px;
    -ms-border-radius: 16px;
    border-radius: 16px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

    .fontSetting li a span {
        display: block;
        font-size: 1.25rem;
        font-weight: 500
    }

.backToMenu {
    display: none
}

.readSpeaker-player a {
    display: flex;
    align-items: center
}

    .readSpeaker-player a .icon-volume {
        width: 3rem;
        height: 3rem
    }

[dir=ltr] .readSpeaker-player a .icon-volume {
    margin: 0rem .75rem 0rem 0rem
}

[dir=rtl] .readSpeaker-player a .icon-volume {
    margin: 0rem 0rem 0rem .75rem
}

#xp1 {
    z-index: 999999
}

@media (min-width:1200px) {
    .fontSetting li a:hover {
        background: #000;
        color: var(--bs-green-700)
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .mobile-accessibility {
        display: block;
        position: fixed;
        top: 0;
        z-index: 99;
        width: 100%;
        height: 100vh;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        background: var(--bs-white)
    }

    [dir=ltr] .mobile-accessibility {
        right: -100%
    }

    [dir=rtl] .mobile-accessibility {
        left: -100%
    }

    [dir=ltr] .mobile-accessibility {
        padding: 3.125rem 0rem 0rem 0rem
    }

    [dir=rtl] .mobile-accessibility {
        padding: 3.125rem 0rem 0rem 0rem
    }

    .mobile-accessibility .searchHeading .h2, .mobile-accessibility .searchHeading h2 {
        color: var(--bs-black)
    }

    .mobile-accessibility .closeSearch {
        display: none
    }

    [dir=ltr] .mobile-accessibility.active {
        right: 0
    }

    [dir=rtl] .mobile-accessibility.active {
        left: 0
    }

    .fontSetting li {
        width: 3.75rem;
        height: 3.75rem
    }

        .fontSetting li a {
            background: var(--bs-black);
            color: var(--bs-white)
        }

    .accessibilityBox {
        border-top: solid 1px var(--bs-grey-700)
    }

    [dir=ltr] .accessibilityBox {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .accessibilityBox {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .accessibilityBox {
        padding: 1.25rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .accessibilityBox {
        padding: 1.25rem 0rem 1.25rem 0rem
    }

    .accessibilityBox .h3, .accessibilityBox h3, .accessibilityBox p {
        color: var(--bs-black)
    }

        .accessibilityBox .h3 br, .accessibilityBox h3 br, .accessibilityBox p br {
            display: none
        }

    .accessibilityBox span.lead {
        color: var(--bs-black);
        line-height: 1.75rem;
        letter-spacing: -.03125rem;
        font-size: 1rem
    }

    [dir=ltr] .accessibilityBox span.lead {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .accessibilityBox span.lead {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .accessibilityBox span.lead {
        letter-spacing: initial
    }

    .accessibilityBox span.lead br {
        display: none
    }

    [dir=ltr] .accessibilityBox .h3, [dir=ltr] .accessibilityBox h3 {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .accessibilityBox .h3, [dir=rtl] .accessibilityBox h3 {
        margin: 0rem 0rem 1.25rem 0rem
    }

    .accessibilityBox legend {
        line-height: 1.75rem;
        letter-spacing: -.03125rem;
        font-size: 1rem;
        color: var(--bs-black)
    }

    [dir=ltr] .accessibilityBox legend {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .accessibilityBox legend {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .accessibilityBox legend {
        letter-spacing: initial
    }

    .accessibilityBox p.lead {
        line-height: 1.75rem;
        letter-spacing: -.03125rem;
        font-size: 1rem
    }

    [dir=ltr] .accessibilityBox p.lead {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .accessibilityBox p.lead {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .accessibilityBox p.lead {
        letter-spacing: initial
    }

    [dir=ltr] .vision-toggle {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .vision-toggle {
        margin: 0rem 0rem 0rem 0rem
    }

    .vision-toggle input[type=checkbox]:checked + label {
        border-color: var(--bs-black)
    }

    .vision-toggle label {
        border-color: var(--bs-black)
    }

    .vision-toggle .visionText span {
        color: var(--bs-black)
    }

    .colorsBox {
        display: block
    }

    [dir=ltr] .colorsBox {
        padding: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .colorsBox {
        padding: 0rem 0rem 1.25rem 0rem
    }

    .colorsBox .radio label {
        color: var(--bs-black)
    }

        .colorsBox .radio label:before {
            border-color: var(--bs-black)
        }

    .backToMenu {
        display: flex;
        color: var(--bs-black);
        text-decoration: none
    }

    [dir=ltr] .backToMenu {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .backToMenu {
        margin: 0rem 0rem 1.875rem 0rem
    }

    .backToMenu span {
        font-size: .875rem;
        text-transform: uppercase;
        letter-spacing: .1125rem;
        text-decoration: underline
    }

    [dir=rtl] .backToMenu span {
        letter-spacing: initial
    }

    .backToMenu i {
        position: relative;
        top: .125rem
    }

    [dir=ltr] .backToMenu i {
        margin: 0rem 1.125rem 0rem 0rem
    }

    [dir=rtl] .backToMenu i {
        margin: 0rem 0rem 0rem 1.125rem
    }

    .backToMenu i:before {
        font-size: .875rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .mobile-accessibility {
        display: block;
        position: fixed;
        top: 0;
        z-index: 99;
        width: 100%;
        height: 100vh;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        background: var(--bs-white)
    }

    [dir=ltr] .mobile-accessibility {
        right: -100%
    }

    [dir=rtl] .mobile-accessibility {
        left: -100%
    }

    [dir=ltr] .mobile-accessibility {
        padding: 3.125rem 0rem 0rem 0rem
    }

    [dir=rtl] .mobile-accessibility {
        padding: 3.125rem 0rem 0rem 0rem
    }

    .mobile-accessibility .searchHeading .h2, .mobile-accessibility .searchHeading h2 {
        color: var(--bs-black)
    }

    .mobile-accessibility .closeSearch {
        display: none
    }

    [dir=ltr] .mobile-accessibility.active {
        right: 0
    }

    [dir=rtl] .mobile-accessibility.active {
        left: 0
    }

    .fontSetting li {
        width: 3.75rem;
        height: 3.75rem
    }

        .fontSetting li a {
            background: var(--bs-black);
            color: var(--bs-white)
        }

    .accessibilityBox {
        border-top: solid 1px var(--bs-grey-700)
    }

    [dir=ltr] .accessibilityBox {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .accessibilityBox {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .accessibilityBox {
        padding: 1.25rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .accessibilityBox {
        padding: 1.25rem 0rem 1.25rem 0rem
    }

    .accessibilityBox .h3, .accessibilityBox h3, .accessibilityBox p {
        color: var(--bs-black)
    }

        .accessibilityBox .h3 br, .accessibilityBox h3 br, .accessibilityBox p br {
            display: none
        }

    .accessibilityBox span.lead {
        color: var(--bs-black);
        line-height: 1.75rem;
        letter-spacing: -.03125rem;
        font-size: 1rem
    }

    [dir=ltr] .accessibilityBox span.lead {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .accessibilityBox span.lead {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .accessibilityBox span.lead {
        letter-spacing: initial
    }

    .accessibilityBox span.lead br {
        display: none
    }

    [dir=ltr] .accessibilityBox .h3, [dir=ltr] .accessibilityBox h3 {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .accessibilityBox .h3, [dir=rtl] .accessibilityBox h3 {
        margin: 0rem 0rem 1.25rem 0rem
    }

    .accessibilityBox legend {
        line-height: 1.75rem;
        letter-spacing: -.03125rem;
        font-size: 1rem;
        color: var(--bs-black)
    }

    [dir=ltr] .accessibilityBox legend {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .accessibilityBox legend {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .accessibilityBox legend {
        letter-spacing: initial
    }

    .accessibilityBox p.lead {
        line-height: 1.75rem;
        letter-spacing: -.03125rem;
        font-size: 1rem
    }

    [dir=ltr] .accessibilityBox p.lead {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .accessibilityBox p.lead {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .accessibilityBox p.lead {
        letter-spacing: initial
    }

    [dir=ltr] .vision-toggle {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .vision-toggle {
        margin: 0rem 0rem 0rem 0rem
    }

    .vision-toggle input[type=checkbox]:checked + label {
        border-color: var(--bs-black)
    }

    .vision-toggle label {
        border-color: var(--bs-black)
    }

    .vision-toggle .visionText span {
        color: var(--bs-black)
    }

    .colorsBox {
        display: block
    }

    [dir=ltr] .colorsBox {
        padding: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .colorsBox {
        padding: 0rem 0rem 1.25rem 0rem
    }

    .colorsBox .radio label {
        color: var(--bs-black)
    }

        .colorsBox .radio label:before {
            border-color: var(--bs-black)
        }

    .backToMenu {
        display: flex;
        color: var(--bs-black);
        text-decoration: none
    }

    [dir=ltr] .backToMenu {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .backToMenu {
        margin: 0rem 0rem 1.875rem 0rem
    }

    .backToMenu span {
        font-size: .875rem;
        text-transform: uppercase;
        letter-spacing: .1125rem;
        text-decoration: underline
    }

    [dir=rtl] .backToMenu span {
        letter-spacing: initial
    }

    .backToMenu i {
        position: relative;
        top: .125rem
    }

    [dir=ltr] .backToMenu i {
        margin: 0rem 1.125rem 0rem 0rem
    }

    [dir=rtl] .backToMenu i {
        margin: 0rem 0rem 0rem 1.125rem
    }

    .backToMenu i:before {
        font-size: .875rem
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    .mobile-accessibility {
        display: block;
        position: fixed;
        top: 0;
        z-index: 99;
        width: 100%;
        height: 100vh;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        background: var(--bs-white)
    }

    [dir=ltr] .mobile-accessibility {
        right: -100%
    }

    [dir=rtl] .mobile-accessibility {
        left: -100%
    }

    [dir=ltr] .mobile-accessibility {
        padding: 3.125rem 0rem 0rem 0rem
    }

    [dir=rtl] .mobile-accessibility {
        padding: 3.125rem 0rem 0rem 0rem
    }

    .mobile-accessibility .searchHeading .h2, .mobile-accessibility .searchHeading h2 {
        color: var(--bs-black)
    }

    .mobile-accessibility .closeSearch {
        display: none
    }

    [dir=ltr] .mobile-accessibility.active {
        right: 0
    }

    [dir=rtl] .mobile-accessibility.active {
        left: 0
    }

    .fontSetting li {
        width: 3.75rem;
        height: 3.75rem
    }

        .fontSetting li a {
            background: var(--bs-black);
            color: var(--bs-white)
        }

    .accessibilityBox {
        border-top: solid 1px var(--bs-grey-700)
    }

    [dir=ltr] .accessibilityBox {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .accessibilityBox {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .accessibilityBox {
        padding: 1.25rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .accessibilityBox {
        padding: 1.25rem 0rem 1.25rem 0rem
    }

    .accessibilityBox .h3, .accessibilityBox h3, .accessibilityBox p {
        color: var(--bs-black)
    }

        .accessibilityBox .h3 br, .accessibilityBox h3 br, .accessibilityBox p br {
            display: none
        }

    .accessibilityBox span.lead {
        color: var(--bs-black);
        line-height: 1.75rem;
        letter-spacing: -.03125rem;
        font-size: 1rem
    }

    [dir=ltr] .accessibilityBox span.lead {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .accessibilityBox span.lead {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .accessibilityBox span.lead {
        letter-spacing: initial
    }

    .accessibilityBox span.lead br {
        display: none
    }

    [dir=ltr] .accessibilityBox .h3, [dir=ltr] .accessibilityBox h3 {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .accessibilityBox .h3, [dir=rtl] .accessibilityBox h3 {
        margin: 0rem 0rem 1.25rem 0rem
    }

    .accessibilityBox legend {
        line-height: 1.75rem;
        letter-spacing: -.03125rem;
        font-size: 1rem;
        color: var(--bs-black)
    }

    [dir=ltr] .accessibilityBox legend {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .accessibilityBox legend {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .accessibilityBox legend {
        letter-spacing: initial
    }

    .accessibilityBox p.lead {
        line-height: 1.75rem;
        letter-spacing: -.03125rem;
        font-size: 1rem
    }

    [dir=ltr] .accessibilityBox p.lead {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .accessibilityBox p.lead {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .accessibilityBox p.lead {
        letter-spacing: initial
    }

    [dir=ltr] .vision-toggle {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .vision-toggle {
        margin: 0rem 0rem 0rem 0rem
    }

    .vision-toggle input[type=checkbox]:checked + label {
        border-color: var(--bs-black)
    }

    .vision-toggle label {
        border-color: var(--bs-black)
    }

    .vision-toggle .visionText span {
        color: var(--bs-black)
    }

    .colorsBox {
        display: block
    }

    [dir=ltr] .colorsBox {
        padding: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .colorsBox {
        padding: 0rem 0rem 1.25rem 0rem
    }

    .colorsBox .radio label {
        color: var(--bs-black)
    }

        .colorsBox .radio label:before {
            border-color: var(--bs-black)
        }

    .backToMenu {
        display: flex;
        color: var(--bs-black);
        text-decoration: none
    }

    [dir=ltr] .backToMenu {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .backToMenu {
        margin: 0rem 0rem 1.875rem 0rem
    }

    .backToMenu span {
        font-size: .875rem;
        text-transform: uppercase;
        letter-spacing: .1125rem;
        text-decoration: underline
    }

    [dir=rtl] .backToMenu span {
        letter-spacing: initial
    }

    .backToMenu i {
        position: relative;
        top: .125rem
    }

    [dir=ltr] .backToMenu i {
        margin: 0rem 1.125rem 0rem 0rem
    }

    [dir=rtl] .backToMenu i {
        margin: 0rem 0rem 0rem 1.125rem
    }

    .backToMenu i:before {
        font-size: .875rem
    }
}

.menu-btn {
    display: none;
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.menu-open {
    width: 100%;
    height: 100%;
    z-index: 9;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    border: solid 1px rgba(0,0,0,.2);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0
}

.darkMode .menu-open {
    border-color: rgba(255,255,255,.5)
}

.darkMode .fixed-header.sticky .menu-open {
    border-color: rgba(255,255,255,.5)
}

.menu-open span {
    display: block;
    position: absolute;
    width: 60%;
    height: 2px;
    background: var(--bs-black);
    opacity: 1;
    left: 20%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

    .menu-open span:nth-child(1) {
        top: .75rem
    }

    .menu-open span:nth-child(2), .menu-open span:nth-child(3) {
        top: 1.125rem
    }

    .menu-open span:nth-child(4) {
        top: 1.5rem
    }

.menu-open.click span:nth-child(1) {
    top: .875rem;
    width: 0%;
    left: 50%
}

.menu-open.click span:nth-child(2), .menu-open.click span:nth-child(3) {
    top: 1.125rem
}

.menu-open.click span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.menu-open.click span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.menu-open.click span:nth-child(4) {
    top: 1.5rem;
    width: 0%;
    left: 50%
}

@media (min-width:992px) and (max-width:1199.98px) {
    .menu-btn {
        display: block
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .menu-btn {
        display: block
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    .menu-btn {
        display: block
    }
}

.heroSection {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 67.5rem
}

    .heroSection:before {
        content: '';
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: var(--bs-black);
        background: linear-gradient(0deg,rgba(0,0,0,.3) 0,rgba(0,0,0,.3) 100%)
    }

[dir=ltr] .heroSection:before {
    left: 0
}

[dir=rtl] .heroSection:before {
    right: 0
}

.darkMode .heroSection:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: var(--bs-black);
    background: linear-gradient(0deg,rgba(0,0,0,.3) 0,rgba(0,0,0,.3) 100%)
}

[dir=ltr] .darkMode .heroSection:before {
    left: 0
}

[dir=rtl] .darkMode .heroSection:before {
    right: 0
}

.darkMode .bannerText .h1, .darkMode .bannerText h1 {
    color: var(--bs-black)
}

.video-bg {
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden
}

[dir=ltr] .video-bg {
    left: 0
}

[dir=rtl] .video-bg {
    right: 0
}

.video-bg video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    object-fit: cover;
    height: 100%
}

.video-bg img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

[dir=ltr] .video-bg img {
    left: 0
}

[dir=rtl] .video-bg img {
    right: 0
}

.bannerContent {
    position: absolute;
    top: 12.5rem;
    width: 100%;
    z-index: 2
}

[dir=ltr] .bannerContent {
    left: 0
}

[dir=rtl] .bannerContent {
    right: 0
}

[dir=ltr] .bannerContent .h1, [dir=ltr] .bannerContent h1 {
    margin: 0rem 0rem 2rem 0rem
}

[dir=rtl] .bannerContent .h1, [dir=rtl] .bannerContent h1 {
    margin: 0rem 0rem 2rem 0rem
}

.bannerText {
    overflow: hidden
}

    .bannerText .h1, .bannerText h1 {
        color: var(--bs-white)
    }

@media (min-width:1600px) and (max-width:1699.98px) {
    .bannerContent {
        top: 9.375rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .heroSection {
        height: 100vh
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    .heroSection {
        min-height: 55rem;
        height: initial;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        flex-direction: column
    }

    [dir=ltr] .heroSection {
        padding: 11.9375rem 0rem 2rem 0rem
    }

    [dir=rtl] .heroSection {
        padding: 11.9375rem 0rem 2rem 0rem
    }

    .bannerContent {
        position: initial
    }

    [dir=ltr] .bannerContent {
        margin: 0rem 0rem 2rem 0rem
    }

    [dir=rtl] .bannerContent {
        margin: 0rem 0rem 2rem 0rem
    }

    .bannerContent .btn {
        display: inline-flex
    }
}

.bannerSearchContainer {
    position: absolute;
    bottom: 5rem;
    z-index: 3
}

[dir=ltr] .bannerSearchContainer {
    left: 0
}

[dir=rtl] .bannerSearchContainer {
    right: 0
}

[dir=ltr] .bannerSearchContainer {
    right: 0
}

[dir=rtl] .bannerSearchContainer {
    left: 0
}

.bannerSearch {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    background: radial-gradient(107.32% 141.42% at 0 0,rgba(173,209,255,.23) 0,rgba(255,255,255,.8) 100%);
    -webkit-backdrop-filter: blur(21px);
    backdrop-filter: blur(21px);
    height: 18.125rem;
    width: 100%
}

[dir=ltr] .bannerSearch {
    padding: 2.6875rem 3.5rem 2.6875rem 3.5rem
}

[dir=rtl] .bannerSearch {
    padding: 2.6875rem 3.5rem 2.6875rem 3.5rem
}

.darkMode .bannerSearch {
    background: radial-gradient(107.32% 141.42% at 0 0,rgba(18,19,20,.23) 0,rgba(0,0,0,.8) 100%)
}

.darkMode .bannerHeader {
    border-bottom: 1px solid rgba(255,255,255,.1)
}

.bannerHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0,0,0,.1);
    position: relative
}

[dir=ltr] .bannerHeader {
    padding: 0rem 0rem 1.6875rem 0rem
}

[dir=rtl] .bannerHeader {
    padding: 0rem 0rem 1.6875rem 0rem
}

[dir=ltr] .bannerHeader {
    margin: 0rem 0rem 1.875rem 0rem
}

[dir=rtl] .bannerHeader {
    margin: 0rem 0rem 1.875rem 0rem
}

.bannerHeader:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 13.625rem;
    height: .3125rem;
    background-color: var(--bs-blue-900)
}

[dir=ltr] .bannerHeader .h5, [dir=ltr] .bannerHeader .title5, [dir=ltr] .bannerHeader h5 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .bannerHeader .h5, [dir=rtl] .bannerHeader .title5, [dir=rtl] .bannerHeader h5 {
    margin: 0rem 0rem 0rem 0rem
}

.bannerBody {
    display: flex;
    align-items: center;
    justify-content: space-between
}

    .bannerBody .select2-selection__arrow {
        top: 0rem;
        color: var(--bs-black)
    }

[dir=ltr] .bannerBody .select2-selection__arrow {
    right: 0rem
}

[dir=rtl] .bannerBody .select2-selection__arrow {
    left: 0rem
}

.selectForms {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

[dir=ltr] .selectForms {
    margin: 0rem -2.375rem 0rem -2.375rem
}

[dir=rtl] .selectForms {
    margin: 0rem -2.375rem 0rem -2.375rem
}

.selectForms .FormGroup:last-child {
    width: 35.625rem;
    position: relative
}

[dir=ltr] .selectForms .FormGroup:last-child {
    padding: 0rem 6.5rem 0rem 2.375rem
}

[dir=rtl] .selectForms .FormGroup:last-child {
    padding: 0rem 2.375rem 0rem 6.5rem
}

.selectForms .FormGroup:last-child:before {
    content: '';
    position: absolute;
    right: 0;
    top: 20%;
    height: 80%;
    width: 1px;
    background-color: rgba(0,0,0,.1)
}

.FormGroup {
    width: 40.625rem
}

[dir=ltr] .FormGroup {
    padding: 0rem 2.375rem 0rem 2.375rem
}

[dir=rtl] .FormGroup {
    padding: 0rem 2.375rem 0rem 2.375rem
}

.FormGroup label {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--bs-black)
}

[dir=ltr] .FormGroup label {
    margin: 0rem 0rem 1.375rem 0rem
}

[dir=rtl] .FormGroup label {
    margin: 0rem 0rem 1.375rem 0rem
}

[dir=rtl] .FormGroup label {
    letter-spacing: initial
}

.FormGroup .select2-container, .FormGroup select + .select2-container--bootstrap-5 {
    width: 100% !important
}

    .FormGroup .select2-container .select2-selection, .FormGroup select + .select2-container--bootstrap-5 .select2-selection {
        background-color: transparent;
        border-color: transparent;
        box-shadow: 0 0 0 .25rem transparent;
        border-bottom: 1px solid rgba(0,0,0,.1) !important;
        height: 2.5rem;
        border-radius: 0;
        font-size: 1.5rem;
        font-weight: 400
    }

[dir=ltr] .FormGroup .select2-container .select2-selection, [dir=ltr] .FormGroup select + .select2-container--bootstrap-5 .select2-selection {
    padding: 0rem 5rem .875rem 0rem
}

[dir=rtl] .FormGroup .select2-container .select2-selection, [dir=rtl] .FormGroup select + .select2-container--bootstrap-5 .select2-selection {
    padding: 0rem 0rem .875rem 5rem
}

.FormGroup .select2-container .select2-selection--multiple .select2-search, .FormGroup select + .select2-container--bootstrap-5 .select2-selection--multiple .select2-search {
    height: 100%;
    position: relative
}

    .FormGroup .select2-container .select2-selection--multiple .select2-search .select2-search__field, .FormGroup select + .select2-container--bootstrap-5 .select2-selection--multiple .select2-search .select2-search__field {
        height: auto;
        cursor: pointer
    }

        .FormGroup .select2-container .select2-selection--multiple .select2-search .select2-search__field::-webkit-input-placeholder, .FormGroup select + .select2-container--bootstrap-5 .select2-selection--multiple .select2-search .select2-search__field::-webkit-input-placeholder {
            color: var(--bs-black) !important
        }

        .FormGroup .select2-container .select2-selection--multiple .select2-search .select2-search__field:-ms-input-placeholder, .FormGroup select + .select2-container--bootstrap-5 .select2-selection--multiple .select2-search .select2-search__field:-ms-input-placeholder {
            color: var(--bs-black)
        }

        .FormGroup .select2-container .select2-selection--multiple .select2-search .select2-search__field::placeholder, .FormGroup select + .select2-container--bootstrap-5 .select2-selection--multiple .select2-search .select2-search__field::placeholder {
            color: var(--bs-black) !important
        }

.darkMode .FormGroup .select2-container .select2-selection, .darkMode .FormGroup select + .select2-container--bootstrap-5 .select2-selection {
    border-bottom: 1px solid rgba(255,255,255,.1) !important
}

textarea::placeholder {
    color: var(--bs-black);
    opacity: 1
}

.form-control {
    color: var(--bs-black)
}

    .form-control:focus {
        color: var(--bs-black)
    }

    .form-control::placeholder {
        color: var(--bs-black);
        opacity: 1
    }

textarea:-ms-input-placeholder {
    color: var(--bs-black);
    opacity: 1
}

textarea::-ms-input-placeholder {
    color: var(--bs-black);
    opacity: 1
}

.select2-container--default .select2-results__group {
    cursor: pointer;
    display: inline;
    position: absolute;
    left: 0;
    width: 100%;
    font-weight: 400;
    z-index: 99
}

[dir=ltr] .select2-container--default .select2-results__group {
    padding: 0rem 0rem 0rem 3.125rem
}

[dir=rtl] .select2-container--default .select2-results__group {
    padding: 0rem 3.125rem 0rem 0rem
}

.select2-dropdown {
    border: 1px solid #fff;
    border-radius: .25rem !important;
    box-shadow: 1px 0 4px 0 #00000057;
    background: var(--bs-white) !important
}

[dir=ltr] .select2-dropdown {
    margin: .3125rem 0rem 0rem 0rem
}

[dir=rtl] .select2-dropdown {
    margin: .3125rem 0rem 0rem 0rem
}

[dir=ltr] .select2-dropdown {
    padding: .9375rem 1.25rem .9375rem 1.25rem
}

[dir=rtl] .select2-dropdown {
    padding: .9375rem 1.25rem .9375rem 1.25rem
}

.select2-dropdown.select2-dropdown--below {
    border: 1px solid #fff;
    border-radius: .25rem !important;
    box-shadow: 1px 0 4px 0 #00000057
}

[dir=ltr] .select2-dropdown.select2-dropdown--below {
    margin: .3125rem 0rem 0rem 0rem
}

[dir=rtl] .select2-dropdown.select2-dropdown--below {
    margin: .3125rem 0rem 0rem 0rem
}

[dir=ltr] .select2-dropdown.select2-dropdown--below {
    padding: .9375rem 1.25rem .9375rem 1.25rem
}

[dir=rtl] .select2-dropdown.select2-dropdown--below {
    padding: .9375rem 1.25rem .9375rem 1.25rem
}

.select2-dropdown .select2-results__options .select2-results__option {
    position: relative
}

[dir=ltr] .select2-dropdown .select2-results__options .select2-results__option {
    padding: .5rem 0rem .5rem 0rem
}

[dir=rtl] .select2-dropdown .select2-results__options .select2-results__option {
    padding: .5rem 0rem .5rem 0rem
}

.select2-default {
    color: var(--bs-black) !important
}

.custom-checkbox {
    height: 100%;
    width: 100%;
    margin-bottom: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    opacity: 0;
    z-index: 9
}

.selectLabel {
    position: relative;
    cursor: pointer;
    border-radius: .125rem;
    display: flex;
    align-items: center
}

    .selectLabel:before {
        content: '';
        -webkit-appearance: none;
        background-color: #fff;
        border: 1px solid rgba(0,0,0,.2);
        border-radius: .3125rem;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        width: 1.5rem;
        height: 1.5rem
    }

[dir=ltr] .selectLabel:before {
    padding: .6875rem .6875rem .6875rem .6875rem
}

[dir=rtl] .selectLabel:before {
    padding: .6875rem .6875rem .6875rem .6875rem
}

[dir=ltr] .selectLabel:before {
    margin: 0rem .625rem 0rem 0rem
}

[dir=rtl] .selectLabel:before {
    margin: 0rem 0rem 0rem .625rem
}

.selectLabel i {
    position: absolute;
    top: 0;
    color: var(--bs-green-800);
    line-height: 1;
    font-size: .75rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

[dir=ltr] .selectLabel i {
    left: 0
}

[dir=rtl] .selectLabel i {
    right: 0
}

[dir=ltr] .selectLabel i {
    padding: .3125rem .25rem .3125rem .25rem
}

[dir=rtl] .selectLabel i {
    padding: .3125rem .25rem .3125rem .25rem
}

.select2-results__option--selected .selectLabel:before {
    background-color: var(--bs-black)
}

.select2-results__option--selected .selectLabel i {
    opacity: 1 !important
}

.select2-results__options i {
    position: absolute;
    opacity: 0
}

.select2-results__options li {
    background-color: transparent !important;
    color: var(--bs-black) !important;
    font-weight: 400;
    border-bottom: 1px solid rgba(0,0,0,.1);
    display: flex;
    align-items: center
}

    .select2-results__options li:last-child {
        border-bottom: 0
    }

    .select2-results__options li.select2-results__option--selected {
        font-weight: 700 !important
    }

.activeDropdown .select2-results__option i {
    display: none
}

.activeDropdown .select2-results__option--selected {
    position: relative
}

    .activeDropdown .select2-results__option--selected i {
        display: block;
        position: absolute;
        top: .75rem;
        opacity: 1;
        font-size: .75rem
    }

[dir=ltr] .activeDropdown .select2-results__option--selected i {
    right: 0
}

[dir=rtl] .activeDropdown .select2-results__option--selected i {
    left: 0
}

#contentType .select2-container, #contentType .select2-container--default {
    cursor: pointer
}

    #contentType .select2-container--default:before, #contentType .select2-container:before {
        position: absolute;
        top: .75rem;
        font-family: icomoon !important;
        content: "\e92f";
        font-size: .75rem;
        color: var(--bs-black)
    }

[dir=ltr] #contentType .select2-container--default:before, [dir=ltr] #contentType .select2-container:before {
    right: 0
}

[dir=rtl] #contentType .select2-container--default:before, [dir=rtl] #contentType .select2-container:before {
    left: 0
}

[dir=rtl] #contentType .select2-container, [dir=rtl] #contentType .select2-container--default {
    background-position: left .75rem center
}

#contentType .select2-selection__rendered {
    display: flex;
    flex-wrap: nowrap !important;
    overflow: hidden;
    color: var(--bs-black) !important
}

    #contentType .select2-selection__rendered.first-enable li {
        display: none !important
    }

        #contentType .select2-selection__rendered.first-enable li:first-child {
            display: block !important
        }

            #contentType .select2-selection__rendered.first-enable li:first-child:after {
                display: none
            }

    #contentType .select2-selection__rendered .select2-selection__choice {
        font-size: 1.5rem !important;
        border: 0;
        position: relative;
        background-color: transparent;
        color: var(--bs-black)
    }

[dir=ltr] #contentType .select2-selection__rendered .select2-selection__choice {
    padding: 0rem 1rem 0rem 0rem
}

[dir=rtl] #contentType .select2-selection__rendered .select2-selection__choice {
    padding: 0rem 0rem 0rem 1rem
}

#contentType .select2-selection__rendered .select2-selection__choice:after {
    content: ',';
    position: absolute;
    right: 0;
    bottom: 0
}

#contentType .select2-selection__rendered .select2-selection__choice.onlyChild:after {
    display: none
}

#contentType .select2-selection__rendered .select2-selection__choice span {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    white-space: pre-wrap
}

.select2-selection__choice__remove, .select2-selection__clear {
    display: none
}

.bannerSearchToggleBtn {
    position: absolute;
    top: .5rem;
    width: 2rem;
    height: 2rem;
    border: solid 1px var(--bs-black);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    display: none;
    color: var(--bs-black)
}

[dir=ltr] .bannerSearchToggleBtn {
    right: 0
}

[dir=rtl] .bannerSearchToggleBtn {
    left: 0
}

.bannerSearchToggleBtn i:before {
    font-size: 1.25rem
}

.bannerSearchToggleBtn.active i:before {
    content: "\e92b"
}

.select2-results__options {
    max-height: 18.75rem !important;
    overflow-y: auto !important
}

    .select2-results__options::-webkit-scrollbar {
        display: none
    }

@media (min-width:1200px) {
    .select2-results__options .select2-results__options--nested li {
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

        .select2-results__options .select2-results__options--nested li:hover {
            background: var(--bs-grey-600) !important
        }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .bannerSearch {
        height: 100%
    }

    [dir=ltr] .bannerSearch {
        padding: 1.25rem 1.625rem 1.875rem 1.625rem
    }

    [dir=rtl] .bannerSearch {
        padding: 1.25rem 1.625rem 1.875rem 1.625rem
    }

    [dir=ltr] .selectForms {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .selectForms {
        margin: 0rem 0rem 0rem 0rem
    }

    .FormGroup {
        width: 25rem
    }

    [dir=ltr] .FormGroup {
        padding: 0rem 2.375rem 0rem 0rem
    }

    [dir=rtl] .FormGroup {
        padding: 0rem 0rem 0rem 2.375rem
    }

    [dir=ltr] .FormGroup {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .FormGroup {
        margin: 0rem 0rem 1.25rem 0rem
    }

    .FormGroup select + .select2-container--bootstrap-5 {
        width: auto !important
    }

        .FormGroup select + .select2-container--bootstrap-5 .select2-selection {
            font-size: 1rem
        }

    .selectForms .FormGroup:last-child {
        width: 22.5rem
    }

    [dir=ltr] .selectForms .FormGroup:last-child {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .selectForms .FormGroup:last-child {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .selectForms .FormGroup:last-child {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .selectForms .FormGroup:last-child {
        margin: 0rem 0rem 1.25rem 0rem
    }

    .selectForms .FormGroup:last-child:before {
        display: none
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .bannerSearch {
        height: 100%
    }

    [dir=ltr] .bannerSearch {
        padding: 1.25rem 1.625rem 1.875rem 1.625rem
    }

    [dir=rtl] .bannerSearch {
        padding: 1.25rem 1.625rem 1.875rem 1.625rem
    }

    .bannerBody {
        flex-direction: column;
        align-items: flex-start
    }

    .selectForms {
        flex-direction: column;
        width: 100%
    }

    [dir=ltr] .selectForms {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .selectForms {
        margin: 0rem 0rem 0rem 0rem
    }

    .FormGroup {
        width: 100%
    }

    [dir=ltr] .FormGroup {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .FormGroup {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .FormGroup {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .FormGroup {
        margin: 0rem 0rem 1.25rem 0rem
    }

    .FormGroup select + .select2-container--bootstrap-5 {
        width: auto !important
    }

    .selectForms .FormGroup:last-child {
        width: 100%
    }

    [dir=ltr] .selectForms .FormGroup:last-child {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .selectForms .FormGroup:last-child {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .selectForms .FormGroup:last-child {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .selectForms .FormGroup:last-child {
        margin: 0rem 0rem 1.25rem 0rem
    }

    .selectForms .FormGroup:last-child:before {
        display: none
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    .bannerSearchContainer {
        position: initial;
        width: 100%
    }

    .bannerSearch {
        height: 100%
    }

    [dir=ltr] .bannerSearch {
        padding: 1.25rem 1.625rem 1.875rem 1.625rem
    }

    [dir=rtl] .bannerSearch {
        padding: 1.25rem 1.625rem 1.875rem 1.625rem
    }

    .bannerHeader {
        flex-direction: column;
        align-items: flex-start
    }

        .bannerHeader:before {
            width: 9.0625rem
        }

    [dir=ltr] .bannerHeader {
        padding: 0rem 2.5rem 1.25rem 0rem
    }

    [dir=rtl] .bannerHeader {
        padding: 0rem 0rem 1.25rem 2.5rem
    }

    [dir=ltr] .bannerHeader .title5 {
        margin: 0rem 0rem 1rem 0rem
    }

    [dir=rtl] .bannerHeader .title5 {
        margin: 0rem 0rem 1rem 0rem
    }

    .bannerBody {
        flex-direction: column
    }

        .bannerBody .buttonWrap {
            width: 100%
        }

            .bannerBody .buttonWrap .btn {
                cursor: not-allowed;
                pointer-events: none;
                background: var(--bs-grey-700)
            }

        .bannerBody.active .buttonWrap .btn {
            cursor: pointer;
            pointer-events: initial;
            background: #000
        }

    .selectForms {
        flex-direction: column;
        width: 100%
    }

    [dir=ltr] .selectForms {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .selectForms {
        margin: 0rem 0rem 0rem 0rem
    }

    .FormGroup {
        width: 100%
    }

    [dir=ltr] .FormGroup {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .FormGroup {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .FormGroup {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .FormGroup {
        margin: 0rem 0rem 1.25rem 0rem
    }

    .FormGroup select + .select2-container--bootstrap-5 {
        width: auto !important
    }

        .FormGroup select + .select2-container--bootstrap-5 .select2-selection {
            font-size: 1rem;
            color: var(--bs-black)
        }

    .selectForms .FormGroup:last-child {
        width: 100%
    }

    [dir=ltr] .selectForms .FormGroup:last-child {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .selectForms .FormGroup:last-child {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .selectForms .FormGroup:last-child {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .selectForms .FormGroup:last-child {
        margin: 0rem 0rem 1.25rem 0rem
    }

    .selectForms .FormGroup:last-child:before {
        display: none
    }

    .bannerSearchToggleBtn {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .advanceSearch {
        display: none
    }
}

.whyAbuDhabi {
    background: var(--bs-blue-500);
    position: relative;
    z-index: 99
}

[dir=ltr] .whyAbuDhabi {
    padding: 9.375rem 0rem 0rem 0rem
}

[dir=rtl] .whyAbuDhabi {
    padding: 9.375rem 0rem 0rem 0rem
}

[dir=ltr] .whyAbuDhabi .abuDhabiList {
    margin: 0rem 0rem 4.6875rem 0rem
}

[dir=rtl] .whyAbuDhabi .abuDhabiList {
    margin: 0rem 0rem 4.6875rem 0rem
}

[dir=ltr] .abuDhabiDetail {
    padding: 0rem 5.3125rem 0rem 0rem
}

[dir=rtl] .abuDhabiDetail {
    padding: 0rem 0rem 0rem 5.3125rem
}

[dir=ltr] .abuDhabiList > .h3, [dir=ltr] .abuDhabiList > h3 {
    margin: 0rem 0rem 2.5rem 0
}

[dir=rtl] .abuDhabiList > .h3, [dir=rtl] .abuDhabiList > h3 {
    margin: 0rem 0 2.5rem 0rem
}

.abuDhabiList .subHeading {
    display: none
}

[dir=ltr] .abuDhabiList ul {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .abuDhabiList ul {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .abuDhabiList ul {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .abuDhabiList ul {
    padding: 0rem 0rem 0rem 0rem
}

.abuDhabiList ul li {
    list-style: none;
    display: block
}

    .abuDhabiList ul li a {
        border-bottom: 1px solid var(--bs-grey-700);
        font-weight: 400;
        letter-spacing: -.0625rem;
        color: var(--bs-heading-color);
        text-decoration: none;
        display: block;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        position: relative
    }

[dir=ltr] .abuDhabiList ul li a {
    padding: 2.1875rem 4.375rem 2.1875rem 0rem
}

[dir=rtl] .abuDhabiList ul li a {
    padding: 2.1875rem 0rem 2.1875rem 4.375rem
}

[dir=rtl] .abuDhabiList ul li a {
    letter-spacing: initial
}

.abuDhabiList ul li a span {
    font-size: 1.875rem;
    line-height: 2.125rem
}

.abuDhabiList ul li a i {
    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

[dir=ltr] .abuDhabiList ul li a i {
    right: 0
}

[dir=rtl] .abuDhabiList ul li a i {
    left: 0
}

.abuDhabiList ul li a i:before {
    font-size: 1.375rem
}

.abuDhabiList ul li:first-child {
    border-top: 1px solid var(--bs-grey-700)
}

.abuDhabiList ul li:last-child a {
    border-bottom: 0
}

.abuDhabiLegancy {
    display: flex;
    flex-direction: row
}

    .abuDhabiLegancy .abuDhabiAssets {
        width: 21.25rem;
        height: 13.125rem
    }

[dir=ltr] .abuDhabiLegancy .abuDhabiAssets {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .abuDhabiLegancy .abuDhabiAssets {
    padding: 0rem 0rem 0rem 0rem
}

.abuDhabiLegancy .abuDhabiAssets a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    width: 100%;
    height: 100%;
    z-index: 0
}

    .abuDhabiLegancy .abuDhabiAssets a:before {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        content: '';
        background: var(--bs-green-600);
        opacity: .3;
        background-blend-mode: multiply;
        z-index: 2
    }

[dir=ltr] .abuDhabiLegancy .abuDhabiAssets a:before {
    left: 0
}

[dir=rtl] .abuDhabiLegancy .abuDhabiAssets a:before {
    right: 0
}

.abuDhabiLegancy .abuDhabiAssets a span {
    position: absolute;
    top: 0;
    bottom: 0;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    width: 6.5625rem;
    height: 3.5625rem;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    z-index: 2
}

[dir=ltr] .abuDhabiLegancy .abuDhabiAssets a span {
    left: 0
}

[dir=rtl] .abuDhabiLegancy .abuDhabiAssets a span {
    right: 0
}

[dir=ltr] .abuDhabiLegancy .abuDhabiAssets a span {
    right: 0
}

[dir=rtl] .abuDhabiLegancy .abuDhabiAssets a span {
    left: 0
}

[dir=ltr] .abuDhabiLegancy .abuDhabiAssets a span {
    margin: auto auto auto auto
}

[dir=rtl] .abuDhabiLegancy .abuDhabiAssets a span {
    margin: auto auto auto auto
}

.abuDhabiLegancy .abuDhabiAssets a span i:before {
    font-size: 1.25rem
}

.abuDhabiLegancy .abuDhabiAssets a video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    object-fit: cover;
    height: 100%
}

.abuDhabiLegancy .abuDhabiEconomic {
    display: flex;
    flex-direction: column;
    width: 45%
}

[dir=ltr] .abuDhabiLegancy .abuDhabiEconomic {
    padding: 0rem 0rem 0rem 2.5rem
}

[dir=rtl] .abuDhabiLegancy .abuDhabiEconomic {
    padding: 0rem 2.5rem 0rem 0rem
}

[dir=ltr] .abuDhabiLegancy .abuDhabiEconomic .abuDhabiAssetsEconomic {
    margin: 0rem 0rem 1.25rem 0rem
}

[dir=rtl] .abuDhabiLegancy .abuDhabiEconomic .abuDhabiAssetsEconomic {
    margin: 0rem 0rem 1.25rem 0rem
}

.abuDhabiLegancy .abuDhabiEconomic .h5, .abuDhabiLegancy .abuDhabiEconomic .title5, .abuDhabiLegancy .abuDhabiEconomic h5 {
    font-weight: 400;
    letter-spacing: -.08125rem
}

[dir=ltr] .abuDhabiLegancy .abuDhabiEconomic .h5, [dir=ltr] .abuDhabiLegancy .abuDhabiEconomic .title5, [dir=ltr] .abuDhabiLegancy .abuDhabiEconomic h5 {
    margin: 0rem 0rem 1.25rem 0rem
}

[dir=rtl] .abuDhabiLegancy .abuDhabiEconomic .h5, [dir=rtl] .abuDhabiLegancy .abuDhabiEconomic .title5, [dir=rtl] .abuDhabiLegancy .abuDhabiEconomic h5 {
    margin: 0rem 0rem 1.25rem 0rem
}

[dir=rtl] .abuDhabiLegancy .abuDhabiEconomic .h5, [dir=rtl] .abuDhabiLegancy .abuDhabiEconomic .title5, [dir=rtl] .abuDhabiLegancy .abuDhabiEconomic h5 {
    letter-spacing: initial
}

.abuDhabiLegancy .abuDhabiEconomic .textLink-black {
    font-size: 1.25rem;
    display: flex;
    align-items: baseline
}

    .abuDhabiLegancy .abuDhabiEconomic .textLink-black i:before {
        font-size: .875rem
    }

.abuDhabiLegancy .subHeading {
    display: none
}

@media (min-width:1200px) {
    .abuDhabiList ul li a:hover {
        background: var(--bs-grey-600)
    }

    [dir=ltr] .abuDhabiList ul li a:hover {
        padding: 2.1875rem 4.375rem 2.1875rem 1.25rem
    }

    [dir=rtl] .abuDhabiList ul li a:hover {
        padding: 2.1875rem 1.25rem 2.1875rem 4.375rem
    }

    .abuDhabiList ul li a:hover i {
        color: var(--bs-green-900)
    }

    [dir=ltr] .abuDhabiList ul li a:hover i {
        right: 1.25rem
    }

    [dir=rtl] .abuDhabiList ul li a:hover i {
        left: 1.25rem
    }

    .darkMode .abuDhabiList ul li a:hover {
        background: var(--bs-grey-900)
    }

        .darkMode .abuDhabiList ul li a:hover i {
            color: #00998a
        }

    .abuDhabiAssets a:hover span {
        background: var(--bs-redOrange);
        color: #fff
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    [dir=ltr] .whyAbuDhabi {
        padding: 6.25rem 0rem 0rem 0rem
    }

    [dir=rtl] .whyAbuDhabi {
        padding: 6.25rem 0rem 0rem 0rem
    }

    [dir=ltr] .abuDhabiLegancy .abuDhabiAssets {
        padding: 0rem 1.25rem 0rem 0rem
    }

    [dir=rtl] .abuDhabiLegancy .abuDhabiAssets {
        padding: 0rem 0rem 0rem 1.25rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    [dir=ltr] .whyAbuDhabi {
        padding: 6.25rem 0rem 0rem 0rem
    }

    [dir=rtl] .whyAbuDhabi {
        padding: 6.25rem 0rem 0rem 0rem
    }

    [dir=ltr] .abuDhabiDetail {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .abuDhabiDetail {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .abuDhabiDetail {
        margin: 0rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .abuDhabiDetail {
        margin: 0rem 0rem 3.125rem 0rem
    }

    [dir=ltr] .abuDhabiDetail .h2, [dir=ltr] .abuDhabiDetail h2 {
        margin: 0rem 0rem 3rem 0rem
    }

    [dir=rtl] .abuDhabiDetail .h2, [dir=rtl] .abuDhabiDetail h2 {
        margin: 0rem 0rem 3rem 0rem
    }

    [dir=ltr] .abuDhabiList {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .abuDhabiList {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=ltr] .abuDhabiList ul li a {
        padding: 1.5rem 2.5rem 1.5rem 0rem
    }

    [dir=rtl] .abuDhabiList ul li a {
        padding: 1.5rem 0rem 1.5rem 2.5rem
    }

    .abuDhabiList ul li a span {
        font-size: 1.375rem
    }

    .abuDhabiLegancy {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }

        .abuDhabiLegancy .abuDhabiAssets {
            width: 100%
        }

    [dir=ltr] .abuDhabiLegancy .abuDhabiAssets {
        padding: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .abuDhabiLegancy .abuDhabiAssets {
        padding: 0rem 0rem 1.875rem 0rem
    }

    .abuDhabiLegancy .abuDhabiEconomic {
        width: 100%
    }

    [dir=ltr] .abuDhabiLegancy .abuDhabiEconomic {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .abuDhabiLegancy .abuDhabiEconomic {
        padding: 0rem 0rem 0rem 0rem
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .whyAbuDhabi {
        padding: 3.125rem 0rem 0rem 0rem
    }

    [dir=rtl] .whyAbuDhabi {
        padding: 3.125rem 0rem 0rem 0rem
    }

    [dir=ltr] .whyAbuDhabi .knowMoreImg {
        margin: 0rem 0rem 2rem 0rem
    }

    [dir=rtl] .whyAbuDhabi .knowMoreImg {
        margin: 0rem 0rem 2rem 0rem
    }

    [dir=ltr] .abuDhabiDetail {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .abuDhabiDetail {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .abuDhabiDetail {
        margin: 0rem 0rem 5rem 0rem
    }

    [dir=rtl] .abuDhabiDetail {
        margin: 0rem 0rem 5rem 0rem
    }

    [dir=ltr] .abuDhabiList {
        margin: 0rem 0rem 2.875rem 0rem
    }

    [dir=rtl] .abuDhabiList {
        margin: 0rem 0rem 2.875rem 0rem
    }

    .abuDhabiList .subHeading {
        display: block
    }

    [dir=ltr] .abuDhabiList ul li a {
        padding: 1.5rem 2.5rem 1.5rem 0rem
    }

    [dir=rtl] .abuDhabiList ul li a {
        padding: 1.5rem 0rem 1.5rem 2.5rem
    }

    .abuDhabiList ul li a span {
        font-size: 1.375rem
    }

    [dir=ltr] .abuDhabiList ul li a i {
        right: 1rem
    }

    [dir=rtl] .abuDhabiList ul li a i {
        left: 1rem
    }

    .abuDhabiList ul li a i:before {
        font-size: 1rem
    }

    .abuDhabiLegancy {
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: wrap
    }

        .abuDhabiLegancy .abuDhabiAssets {
            width: 100%;
            height: 14.9375rem
        }

    [dir=ltr] .abuDhabiLegancy .abuDhabiAssets {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .abuDhabiLegancy .abuDhabiAssets {
        padding: 0rem 0rem 0rem 0rem
    }

    .abuDhabiLegancy .abuDhabiEconomic {
        width: 100%
    }

    [dir=ltr] .abuDhabiLegancy .abuDhabiEconomic {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .abuDhabiLegancy .abuDhabiEconomic {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .abuDhabiLegancy .abuDhabiEconomic {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .abuDhabiLegancy .abuDhabiEconomic {
        margin: 0rem 0rem 1.875rem 0rem
    }

    .abuDhabiLegancy .subHeading {
        display: none
    }

    [dir=ltr] .inThisSection {
        padding: 3.125rem 0rem 0rem 0rem
    }

    [dir=rtl] .inThisSection {
        padding: 3.125rem 0rem 0rem 0rem
    }
}

.abuDhabiGdpGrowth {
    position: relative;
    background: var(--bs-white)
}

[dir=ltr] .abuDhabiGdpGrowth {
    padding: 0rem 0rem 6.25rem 0rem
}

[dir=rtl] .abuDhabiGdpGrowth {
    padding: 0rem 0rem 6.25rem 0rem
}

.abuDhabiGdpGrowth.bgGrey {
    background: var(--bs-blue-500)
}

[dir=ltr] .abuDhabiGdpGrowth.bgGrey {
    padding: 6.25rem 0rem 0rem 0rem
}

[dir=rtl] .abuDhabiGdpGrowth.bgGrey {
    padding: 6.25rem 0rem 0rem 0rem
}

.bb-0 {
    border-bottom: 0 !important
}

.statsBox {
    display: flex;
    width: 100%;
    justify-content: space-between
}

[dir=ltr] .statsBox {
    margin: 2.5rem 0rem 0rem 0rem
}

[dir=rtl] .statsBox {
    margin: 2.5rem 0rem 0rem 0rem
}

.statsBox .statsLbl {
    color: var(--bs-grey-800);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.8125rem;
    letter-spacing: .02rem;
    font-style: italic
}

.statsBox .textLink-black i {
    color: var(--bs-redOrange)
}

.gdpNumberSlider .swiper-slide {
    height: auto
}

@media (min-width:768px) and (max-width:991.98px) {
    [dir=ltr] .abuDhabiGdpGrowth {
        padding: 0rem 0rem 5rem 0rem
    }

    [dir=rtl] .abuDhabiGdpGrowth {
        padding: 0rem 0rem 5rem 0rem
    }

    [dir=ltr] .abuDhabiGdpGrowth.bgGrey {
        padding: 5rem 0rem 5rem 0rem
    }

    [dir=rtl] .abuDhabiGdpGrowth.bgGrey {
        padding: 5rem 0rem 5rem 0rem
    }

    .statsBox {
        flex-direction: column-reverse
    }

    [dir=ltr] .statsBox .statsLbl {
        margin: 1.5625rem 0rem 0rem 0rem
    }

    [dir=rtl] .statsBox .statsLbl {
        margin: 1.5625rem 0rem 0rem 0rem
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .abuDhabiGdpGrowth {
        padding: 0rem 0rem 5rem 0rem
    }

    [dir=rtl] .abuDhabiGdpGrowth {
        padding: 0rem 0rem 5rem 0rem
    }

    [dir=ltr] .abuDhabiGdpGrowth.bgGrey {
        padding: 3.75rem 0rem 0rem 0rem
    }

    [dir=rtl] .abuDhabiGdpGrowth.bgGrey {
        padding: 3.75rem 0rem 0rem 0rem
    }

    .statsBox {
        flex-direction: column-reverse
    }

    [dir=ltr] .statsBox {
        margin: 1.25rem 0rem 0rem 0rem
    }

    [dir=rtl] .statsBox {
        margin: 1.25rem 0rem 0rem 0rem
    }

    [dir=ltr] .statsBox .statsLbl {
        margin: 1.5625rem 0rem 0rem 0rem
    }

    [dir=rtl] .statsBox .statsLbl {
        margin: 1.5625rem 0rem 0rem 0rem
    }
}

.highGrowthSectors {
    position: relative;
    height: 65.6875rem;
    overflow: hidden;
    background: var(--bs-grey-500)
}

[dir=ltr] .highGrowthSectors {
    padding: 5.75rem 0rem 5rem 0rem
}

[dir=rtl] .highGrowthSectors {
    padding: 5.75rem 0rem 5rem 0rem
}

.highGrowthSectors .container {
    position: relative;
    z-index: 2
}

.slideBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

    .slideBg .slideBigImg {
        width: 100%;
        height: 100%;
        position: relative;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover
    }

        .slideBg .slideBigImg:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #000;
            background: linear-gradient(90deg,#17173a 0,rgba(26,26,28,.49) 36.98%);
            z-index: 2
        }

[dir=ltr] .growthTopContent {
    padding: 0rem 0rem 3.9375rem 0rem
}

[dir=rtl] .growthTopContent {
    padding: 0rem 0rem 3.9375rem 0rem
}

.growthTopContent .subHeading {
    color: var(--bs-green-700)
}

.growthTopContent .h2, .growthTopContent h2 {
    color: #fff
}

[dir=ltr] .growthTopContent .h2, [dir=ltr] .growthTopContent h2 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .growthTopContent .h2, [dir=rtl] .growthTopContent h2 {
    margin: 0rem 0rem 0rem 0rem
}

.growthDetailWrapper {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    border-top: solid 1px rgba(201,201,201,.6)
}

[dir=ltr] .growthDetailWrapper {
    padding: 3rem 0rem 0rem 0rem
}

[dir=rtl] .growthDetailWrapper {
    padding: 3rem 0rem 0rem 0rem
}

.growthCardsList ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap
}

[dir=ltr] .growthCardsList ul {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .growthCardsList ul {
    padding: 0rem 0rem 0rem 0rem
}

[dir=ltr] .growthCardsList ul {
    margin: 0rem -.875rem 2rem -.875rem
}

[dir=rtl] .growthCardsList ul {
    margin: 0rem -.875rem 2rem -.875rem
}

.growthCardsList ul li {
    height: 9.5625rem;
    width: 15.25rem;
    flex-shrink: 0
}

[dir=ltr] .growthCardsList ul li {
    padding: 0rem .875rem 0rem .875rem
}

[dir=rtl] .growthCardsList ul li {
    padding: 0rem .875rem 0rem .875rem
}

[dir=ltr] .growthCardsList ul li {
    margin: 0rem 0rem 2rem 0rem
}

[dir=rtl] .growthCardsList ul li {
    margin: 0rem 0rem 2rem 0rem
}

.growthCardsList ul li a {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,.6);
    text-decoration: none;
    color: #fff;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

[dir=ltr] .growthCardsList ul li a {
    padding: 1rem 3.125rem 1.4375rem 1.375rem
}

[dir=rtl] .growthCardsList ul li a {
    padding: 1rem 1.375rem 1.4375rem 3.125rem
}

.growthCardsList ul li a i {
    position: relative;
    display: block;
    width: 3rem;
    height: 3rem
}

    .growthCardsList ul li a i img {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

[dir=ltr] .growthCardsList ul li a i img {
    left: 0
}

[dir=rtl] .growthCardsList ul li a i img {
    right: 0
}

.growthCardsList ul li a i img.normal-img {
    opacity: 1;
    visibility: visible
}

.growthCardsList ul li a i img.hover-img {
    opacity: 0;
    visibility: hidden
}

.growthCardsList ul li a span {
    font-size: 1.1875rem;
    font-weight: 600;
    line-height: 1.5rem;
    letter-spacing: -.0475rem
}

[dir=rtl] .growthCardsList ul li a span {
    letter-spacing: initial
}

.growthCardsList ul li a.active {
    background: var(--bs-blue-900);
    color: #fff;
    border: 1px solid var(--bs-green-800)
}

    .growthCardsList ul li a.active i img.normal-img {
        opacity: 0;
        visibility: hidden
    }

    .growthCardsList ul li a.active i img.hover-img {
        opacity: 1;
        visibility: visible
    }

.growthLeftContent {
    width: 50%
}

.growthRightContent {
    width: 36%
}

    .growthRightContent .h3, .growthRightContent .h5, .growthRightContent .title5, .growthRightContent h3, .growthRightContent h5 {
        color: #fff
    }

    .growthRightContent .h5, .growthRightContent .title5, .growthRightContent h5 {
        font-weight: 300
    }

[dir=ltr] .growthRightContent .h5, [dir=ltr] .growthRightContent .title5, [dir=ltr] .growthRightContent h5 {
    margin: 0rem 0rem 3.75rem 0rem
}

[dir=rtl] .growthRightContent .h5, [dir=rtl] .growthRightContent .title5, [dir=rtl] .growthRightContent h5 {
    margin: 0rem 0rem 3.75rem 0rem
}

.growDetail {
    position: relative;
    display: none
}

[dir=ltr] .growDetail {
    padding: 2.1875rem 0rem 0rem 10.75rem
}

[dir=rtl] .growDetail {
    padding: 2.1875rem 10.75rem 0rem 0rem
}

.growDetail.active {
    display: block
}

.growLine {
    position: absolute;
    top: 4.3125rem;
    width: 5.9375rem;
    height: 2px
}

[dir=ltr] .growLine {
    left: 2.0625rem
}

[dir=rtl] .growLine {
    right: 2.0625rem
}

.growLine:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: var(--bs-green-700);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    content: ''
}

[dir=ltr] .growLine:before {
    left: 0
}

[dir=rtl] .growLine:before {
    right: 0
}

@media (min-width:1200px) {
    .growthCardsList ul li a:hover {
        background: var(--bs-blue-900);
        color: #fff;
        border: 1px solid var(--bs-green-800)
    }

        .growthCardsList ul li a:hover i img.normal-img {
            opacity: 0;
            visibility: hidden
        }

        .growthCardsList ul li a:hover i img.hover-img {
            opacity: 1;
            visibility: visible
        }

    .growLine {
        opacity: 1 !important
    }

        .growLine:before {
            width: 0%
        }

        .growLine.lineDraw:before {
            width: 100%
        }
}

@media (min-width:768px) and (max-width:991.98px) {
    .highGrowthSectors {
        height: initial
    }

    .growthDetailWrapper {
        flex-direction: column
    }

    .growthLeftContent, .growthRightContent {
        width: 100%
    }

    .growthLeftContent {
        order: 2
    }

    .growthRightContent {
        order: 1
    }

    [dir=ltr] .growthRightContent {
        padding: 0rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .growthRightContent {
        padding: 0rem 0rem 3.125rem 0rem
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    .highGrowthSectors {
        height: initial
    }

    [dir=ltr] .highGrowthSectors {
        padding: 5rem 0rem 5rem 0rem
    }

    [dir=rtl] .highGrowthSectors {
        padding: 5rem 0rem 5rem 0rem
    }

    [dir=ltr] .growthTopContent {
        padding: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .growthTopContent {
        padding: 0rem 0rem 1.25rem 0rem
    }

    .growthDetailWrapper {
        flex-direction: column
    }

    .growthLeftContent, .growthRightContent {
        width: 100%
    }

    .growthLeftContent {
        order: 2
    }

    .growthRightContent {
        order: 1
    }

    [dir=ltr] .growthRightContent {
        padding: 0rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .growthRightContent {
        padding: 0rem 0rem 3.125rem 0rem
    }

    [dir=ltr] .growDetail {
        padding: 0rem 0rem 0rem 4.375rem
    }

    [dir=rtl] .growDetail {
        padding: 0rem 4.375rem 0rem 0rem
    }

    .growLine {
        top: .625rem;
        width: 2.5rem
    }

    [dir=ltr] .growLine {
        left: 0rem
    }

    [dir=rtl] .growLine {
        right: 0rem
    }

    .growthCardsList ul {
        display: flex;
        overflow-x: auto;
        flex-wrap: nowrap
    }

    [dir=ltr] .growthCardsList ul {
        margin: 0rem -.75rem 1.25rem -.75rem
    }

    [dir=rtl] .growthCardsList ul {
        margin: 0rem -.75rem 1.25rem -.75rem
    }

    .growthCardsList ul::-webkit-scrollbar {
        display: none
    }

    .growthCardsList ul li {
        height: 7.9375rem;
        width: 11.5rem
    }

    [dir=ltr] .growthCardsList ul li {
        padding: 0rem .75rem 0rem .75rem
    }

    [dir=rtl] .growthCardsList ul li {
        padding: 0rem .75rem 0rem .75rem
    }

    [dir=ltr] .growthCardsList ul li {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .growthCardsList ul li {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .growthCardsList ul li a {
        padding: .9375rem .9375rem .9375rem .9375rem
    }

    [dir=rtl] .growthCardsList ul li a {
        padding: .9375rem .9375rem .9375rem .9375rem
    }

    .growthCardsList ul li a i {
        width: 1.8125rem;
        height: 1.8125rem
    }

    .growthCardsList ul li a span {
        font-size: 1rem;
        line-height: 1.22388rem;
        letter-spacing: -.051rem
    }

    [dir=rtl] .growthCardsList ul li a span {
        letter-spacing: initial
    }
}

.importantTopics {
    background: var(--bs-white);
    position: relative
}

[dir=ltr] .importantTopics {
    padding: 9.375rem 0rem 9.375rem 0rem
}

[dir=rtl] .importantTopics {
    padding: 9.375rem 0rem 9.375rem 0rem
}

.importantAccordion {
    border-top: 1px solid rgba(0,0,0,.2);
    border-bottom: 1px solid rgba(0,0,0,.2)
}

[dir=ltr] .importantAccordion .accordion-header {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .importantAccordion .accordion-header {
    margin: 0rem 0rem 0rem 0rem
}

.importantAccordion .accordion-header i svg circle {
    stroke: var(--bs-green-900)
}

.importantAccordion .accordion-header i svg line {
    stroke: var(--bs-green-900)
}

.importantAccordion .accordion-header i svg rect {
    stroke: var(--bs-green-900)
}

.importantAccordion .accordion-header i svg path {
    stroke: var(--bs-green-900)
}

.importantAccordion .accordion-button {
    box-shadow: none;
    position: relative
}

[dir=ltr] .importantAccordion .accordion-button {
    padding: 2rem 4.25rem 2rem 4.25rem
}

[dir=rtl] .importantAccordion .accordion-button {
    padding: 2rem 4.25rem 2rem 4.25rem
}

.importantAccordion .accordion-button:after {
    display: none
}

.importantAccordion .accordion-button:before {
    font-family: icomoon !important;
    content: "\e917";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1.875rem;
    height: 1.875rem;
    color: var(--bs-green-900);
    font-size: 1.875rem;
    line-height: 1
}

[dir=ltr] .importantAccordion .accordion-button:before {
    right: 0
}

[dir=rtl] .importantAccordion .accordion-button:before {
    left: 0
}

[dir=ltr] .importantAccordion .accordion-button:before {
    margin: auto auto auto auto
}

[dir=rtl] .importantAccordion .accordion-button:before {
    margin: auto auto auto auto
}

.importantAccordion .accordion-button:not(.collapsed) {
    background-color: transparent
}

    .importantAccordion .accordion-button:not(.collapsed):before {
        content: "\e92b"
    }

.importantAccordion .accordion-button:focus {
    border: none;
    box-shadow: none
}

.importantAccordion .accordion-button span {
    color: var(--bs-black);
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 2.125rem;
    letter-spacing: -.0625rem
}

[dir=rtl] .importantAccordion .accordion-button span {
    letter-spacing: initial
}

.importantAccordion .accordion-button i {
    width: 2.8125rem;
    height: 2.1875rem;
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

[dir=ltr] .importantAccordion .accordion-button i {
    margin: 0rem 1.25rem 0rem 0rem
}

[dir=rtl] .importantAccordion .accordion-button i {
    margin: 0rem 0rem 0rem 1.25rem
}

[dir=ltr] .importantAccordion .accordion-button i {
    left: 0
}

[dir=rtl] .importantAccordion .accordion-button i {
    right: 0
}

[dir=ltr] .importantAccordion .accordion-button i {
    margin: auto auto auto auto
}

[dir=rtl] .importantAccordion .accordion-button i {
    margin: auto auto auto auto
}

.importantAccordion .accordion-button i img {
    vertical-align: top
}

.importantAccordion .accordion-item {
    border-bottom: 1px solid rgba(0,0,0,.2)
}

    .importantAccordion .accordion-item:last-child {
        border-bottom: 1px solid rgba(0,0,0,.2)
    }

[dir=ltr] .importantAccordion .accordion-body {
    padding: 0rem 0rem 1.875rem 4.375rem
}

[dir=rtl] .importantAccordion .accordion-body {
    padding: 0rem 4.375rem 1.875rem 0rem
}

.importantAccordion .accordion-link {
    box-shadow: none;
    position: relative;
    text-decoration: none;
    display: block;
    line-height: 0
}

[dir=ltr] .importantAccordion .accordion-link {
    padding: 2rem 4.25rem 2rem 4.25rem
}

[dir=rtl] .importantAccordion .accordion-link {
    padding: 2rem 4.25rem 2rem 4.25rem
}

.importantAccordion .accordion-link span {
    color: var(--bs-black);
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 2.125rem;
    letter-spacing: -.0625rem;
    font-weight: 400
}

[dir=rtl] .importantAccordion .accordion-link span {
    letter-spacing: initial
}

.importantAccordion .accordion-link i {
    width: 2.8125rem;
    height: 2.1875rem;
    position: absolute;
    top: 0;
    bottom: 0
}

[dir=ltr] .importantAccordion .accordion-link i {
    margin: 0rem 1.25rem 0rem 0rem
}

[dir=rtl] .importantAccordion .accordion-link i {
    margin: 0rem 0rem 0rem 1.25rem
}

[dir=ltr] .importantAccordion .accordion-link i {
    left: 0
}

[dir=rtl] .importantAccordion .accordion-link i {
    right: 0
}

[dir=ltr] .importantAccordion .accordion-link i {
    margin: auto auto auto auto
}

[dir=rtl] .importantAccordion .accordion-link i {
    margin: auto auto auto auto
}

.importantAccordion .accordion-link i img {
    vertical-align: top
}

.innerSection .importantAccordion {
    border-top: 0;
    border-bottom: 0
}

[dir=ltr] .innerSection .importantAccordion .h3, [dir=ltr] .innerSection .importantAccordion h3 {
    margin: 0rem 0rem 3rem 0rem
}

[dir=rtl] .innerSection .importantAccordion .h3, [dir=rtl] .innerSection .importantAccordion h3 {
    margin: 0rem 0rem 3rem 0rem
}

[dir=ltr] .innerSection .importantAccordion .accordion-item {
    padding: 2rem 0rem 2rem 0rem
}

[dir=rtl] .innerSection .importantAccordion .accordion-item {
    padding: 2rem 0rem 2rem 0rem
}

[dir=ltr] .innerSection .importantAccordion .accordion-button {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .innerSection .importantAccordion .accordion-button {
    padding: 0rem 0rem 0rem 0rem
}

.innerSection .importantAccordion .accordion-button span {
    font-size: inherit;
    font-weight: 700;
    letter-spacing: 2.56px;
    text-transform: uppercase
}

.innerSection .importantAccordion .accordion-button:before {
    color: var(--bs-black)
}

[dir=ltr] .innerSection .importantAccordion .accordion-body {
    padding: 2rem 0rem 0rem 0rem
}

[dir=rtl] .innerSection .importantAccordion .accordion-body {
    padding: 2rem 0rem 0rem 0rem
}

.innerSection .importantAccordion .accordion-body .h6, .innerSection .importantAccordion .accordion-body h6 {
    font-weight: 400
}

[dir=ltr] .innerSection .importantAccordion .accordion-body .h6, [dir=ltr] .innerSection .importantAccordion .accordion-body h6 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .innerSection .importantAccordion .accordion-body .h6, [dir=rtl] .innerSection .importantAccordion .accordion-body h6 {
    margin: 0rem 0rem 0rem 0rem
}

.darkMode .importantAccordion .accordion-header i svg circle {
    stroke: #fff
}

.darkMode .importantAccordion .accordion-header i svg line {
    stroke: #fff
}

.darkMode .importantAccordion .accordion-header i svg rect {
    stroke: #fff
}

.darkMode .importantAccordion .accordion-header i svg path {
    stroke: #fff
}

.darkMode .importantAccordion .accordion-button:before {
    color: var(--bs-grey-700)
}

.darkMode .importantAccordion .accordion-item {
    border-bottom: 1px solid rgba(255,255,255,.2)
}

[dir=ltr] .accListItems {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .accListItems {
    padding: 0rem 0rem 0rem 0rem
}

[dir=ltr] .accListItems {
    margin: 0rem 0rem 1.25rem 0rem
}

[dir=rtl] .accListItems {
    margin: 0rem 0rem 1.25rem 0rem
}

.accListItems li {
    list-style: none
}

    .accListItems li a {
        color: var(--bs-green-900);
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 2.25rem;
        text-decoration: none
    }

        .accListItems li a span {
            display: inline;
            padding-bottom: 2px;
            transition: all .5s linear;
            background: linear-gradient(to bottom,var(--bs-green-900) 0,var(--bs-green-900) 98%);
            background-size: 0 1px;
            background-repeat: no-repeat;
            background-position: left 100%
        }

[dir=rtl] .accListItems li a span {
    background-position: right 100%
}

.darkMode .accListItems li a {
    color: var(--bs-grey-700)
}

@media (min-width:1200px) {
    .accListItems li a:hover {
        color: var(--bs-green-900)
    }

        .accListItems li a:hover span {
            background-size: 100% 1px
        }
}

@media (min-width:992px) and (max-width:1199.98px) {
    [dir=ltr] .importantTopics {
        padding: 6.25rem 0rem 6.25rem 0rem
    }

    [dir=rtl] .importantTopics {
        padding: 6.25rem 0rem 6.25rem 0rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    [dir=ltr] .importantTopics {
        padding: 6.25rem 0rem 6.25rem 0rem
    }

    [dir=rtl] .importantTopics {
        padding: 6.25rem 0rem 6.25rem 0rem
    }

    .importantAccordion .accordion-button span {
        font-size: 1.875rem
    }

    .importantAccordion .accordion-link span {
        font-size: 1.875rem
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .importantTopics {
        padding: 5rem 0rem 5rem 0rem
    }

    [dir=rtl] .importantTopics {
        padding: 5rem 0rem 5rem 0rem
    }

    [dir=ltr] .importantAccordion {
        margin: 0rem 0rem 3.5rem 0rem
    }

    [dir=rtl] .importantAccordion {
        margin: 0rem 0rem 3.5rem 0rem
    }

    [dir=ltr] .importantAccordion .accordion-button {
        padding: 1.25rem 3.125rem 1.25rem 3.75rem
    }

    [dir=rtl] .importantAccordion .accordion-button {
        padding: 1.25rem 3.75rem 1.25rem 3.125rem
    }

    .importantAccordion .accordion-button span {
        font-size: 1.25rem
    }

    .importantAccordion .accordion-button i {
        width: 2.1875rem;
        height: 2.1875rem
    }

    [dir=ltr] .importantAccordion .accordion-body {
        padding: 0rem 1.25rem 1.875rem 3.75rem
    }

    [dir=rtl] .importantAccordion .accordion-body {
        padding: 0rem 3.75rem 1.875rem 1.25rem
    }

    [dir=ltr] .importantAccordion .accordion-link {
        padding: 1.25rem 3.125rem 1.25rem 3.75rem
    }

    [dir=rtl] .importantAccordion .accordion-link {
        padding: 1.25rem 3.75rem 1.25rem 3.125rem
    }

    .importantAccordion .accordion-link span {
        font-size: 1.25rem
    }

    .importantAccordion .accordion-link i {
        width: 2.1875rem;
        height: 2.1875rem
    }

    .accListItems li a span {
        font-size: 1rem
    }
}

.discover-latest-sec {
    background: var(--bs-white)
}

[dir=ltr] .discover-latest-sec {
    padding: 9.375rem 0rem 8.75rem 0rem
}

[dir=rtl] .discover-latest-sec {
    padding: 9.375rem 0rem 8.75rem 0rem
}

.tabsHead {
    display: flex;
    justify-content: space-between;
    align-items: center
}

[dir=ltr] .tabsHead {
    margin: 0rem 0rem 4.25rem 0rem
}

[dir=rtl] .tabsHead {
    margin: 0rem 0rem 4.25rem 0rem
}

[dir=ltr] .tabsHead .h2, [dir=ltr] .tabsHead h2 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .tabsHead .h2, [dir=rtl] .tabsHead h2 {
    margin: 0rem 0rem 0rem 0rem
}

.tabsHead .nav-tabs {
    border: 1px solid #000;
    border-radius: 5rem;
    flex-wrap: wrap
}

[dir=ltr] .tabsHead .nav-tabs {
    padding: .9375rem 1.375rem .9375rem 1.4375rem
}

[dir=rtl] .tabsHead .nav-tabs {
    padding: .9375rem 1.4375rem .9375rem 1.375rem
}

.tabsHead .nav-tabs .nav-link {
    border-radius: 5rem;
    background: var(--bs-grey-600);
    color: #000;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    font-weight: 500;
    white-space: nowrap
}

[dir=ltr] .tabsHead .nav-tabs .nav-link {
    padding: .75rem 2.1875rem .75rem 2.1875rem
}

[dir=rtl] .tabsHead .nav-tabs .nav-link {
    padding: .75rem 2.1875rem .75rem 2.1875rem
}

[dir=ltr] .tabsHead .nav-tabs .nav-link {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .tabsHead .nav-tabs .nav-link {
    margin: 0rem 0rem 0rem 0rem
}

.tabsHead .nav-tabs .nav-link.active {
    background-color: #000;
    color: #fff
}

.tabsHead .nav-tabs .nav-item {
    border: none
}

[dir=ltr] .tabsHead .nav-tabs .nav-item {
    margin: 0rem .9375rem 0rem 0rem
}

[dir=rtl] .tabsHead .nav-tabs .nav-item {
    margin: 0rem 0rem 0rem .9375rem
}

[dir=ltr] .tabsHead .nav-tabs .nav-item:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .tabsHead .nav-tabs .nav-item:last-child {
    margin: 0rem 0rem 0rem 0rem
}

.darkMode .tabsHead .nav-tabs {
    border: 1px solid var(--bs-white);
    background: var(--bs-grey-900);
    backdrop-filter: blur(21px)
}

    .darkMode .tabsHead .nav-tabs .nav-link {
        background: var(--bs-grey-800);
        color: #fff
    }

        .darkMode .tabsHead .nav-tabs .nav-link.active {
            background-color: var(--bs-green-700);
            color: #000
        }

.gallery-grid {
    display: flex;
    flex-wrap: wrap
}

[dir=ltr] .gallery-grid {
    margin: 0rem -1rem 0rem -1rem
}

[dir=rtl] .gallery-grid {
    margin: 0rem -1rem 0rem -1rem
}

.gallery-item {
    position: relative;
    width: 33.33%
}

[dir=ltr] .gallery-item {
    padding: 0rem 1rem 0rem 1rem
}

[dir=rtl] .gallery-item {
    padding: 0rem 1rem 0rem 1rem
}

[dir=ltr] .gallery-item {
    margin: 0rem 0rem 5rem 0rem
}

[dir=rtl] .gallery-item {
    margin: 0rem 0rem 5rem 0rem
}

.share-item {
    display: flex;
    justify-content: space-between;
    align-items: center
}

[dir=ltr] .share-item {
    padding: 0rem 0rem 1.5625rem 0rem
}

[dir=rtl] .share-item {
    padding: 0rem 0rem 1.5625rem 0rem
}

.shareWrap {
    position: relative
}

    .shareWrap .st-btn {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 2.5rem;
        height: 2.5rem !important;
        line-height: initial !important;
        border-radius: 50% !important;
        min-width: auto !important
    }

[dir=ltr] .shareWrap .st-btn {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .shareWrap .st-btn {
    margin: 0rem 0rem 0rem 0rem
}

.shareWrap .st-btn > img {
    vertical-align: middle !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
    top: 0 !important
}

.shareWrap .st-btn > span {
    display: none !important
}

.shareWrap .st-top {
    display: none
}

.share-icons {
    height: 2.5rem;
    position: absolute;
    top: 0;
    width: 0;
    overflow: hidden;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

[dir=ltr] .share-icons {
    right: 3.125rem
}

[dir=rtl] .share-icons {
    left: 3.125rem
}

.share-icons.active {
    width: 15.9375rem
}

    .share-icons.active .st-btn > img {
        width: .9375rem;
        position: relative;
        object-fit: contain
    }

    .share-icons.active .st-btn:hover {
        top: 0 !important
    }

.share-icons .sharethis-inline-share-buttons {
    display: flex !important;
    height: 2.5rem
}

.share-icons .st-btn {
    display: flex !important;
    align-items: center;
    justify-content: center
}

    .share-icons .st-btn .st-label {
        display: none !important
    }

[dir=ltr] .share-icons .st-custom-button {
    margin: 1.5rem 0rem 1.5rem 0rem
}

[dir=rtl] .share-icons .st-custom-button {
    margin: 1.5rem 0rem 1.5rem 0rem
}

.share-icons .count {
    display: block;
    text-align: center;
    padding: .875rem 0 0;
    font-size: .75rem;
    font-weight: 500;
    color: #000
}

.share-icons [data-network=twitter] .icon-bx {
    background: #00acee
}

.share-icons [data-network=reddit] .icon-bx {
    background: #ff4301
}

.share-icons [data-network=linkedin] .icon-bx {
    background: #0e76a8
}

.navigateWrapper {
    display: flex;
    justify-content: center;
    align-items: center
}

.shareIcon {
    width: 2.5rem;
    height: 2.5rem;
    border: solid 1px #000;
    color: #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

    .shareIcon i:before {
        font-size: 1.1875rem
    }

    .shareIcon.share-btn-open {
        background: var(--bs-green-800);
        color: #000;
        border-color: var(--bs-green-800)
    }

@media (min-width:1200px) {
    .tabsHead .nav-tabs .nav-link:hover {
        color: #fff;
        background: #000
    }

    .shareIcon:hover {
        background: var(--bs-green-700);
        color: #000;
        border-color: var(--bs-green-800)
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    [dir=ltr] .discover-latest-sec {
        padding: 5rem 0rem 5rem 0rem
    }

    [dir=rtl] .discover-latest-sec {
        padding: 5rem 0rem 5rem 0rem
    }

    .tabsHead .h2, .tabsHead h2 {
        width: 50%
    }

    .tabsHead .nav-tabs {
        width: 50%;
        flex-wrap: nowrap;
        overflow-x: auto;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0
    }

    [dir=ltr] .tabsHead .nav-tabs {
        padding: 0rem 0rem .9375rem .5625rem
    }

    [dir=rtl] .tabsHead .nav-tabs {
        padding: 0rem .5625rem .9375rem 0rem
    }

    [dir=ltr] .tabsHead .nav-tabs .nav-item {
        margin: 0rem .75rem 0rem 0rem
    }

    [dir=rtl] .tabsHead .nav-tabs .nav-item {
        margin: 0rem 0rem 0rem .75rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    [dir=ltr] .discover-latest-sec {
        padding: 5rem 0rem 5rem 0rem
    }

    [dir=rtl] .discover-latest-sec {
        padding: 5rem 0rem 5rem 0rem
    }

    .discover-latest-sec #news .gallery-grid {
        flex-wrap: nowrap
    }

    .tabsHead .nav-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        width: 90%;
        justify-content: space-around
    }

    .gallery-item {
        width: 50%
    }

    [dir=ltr] .gallery-item {
        margin: 0rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .gallery-item {
        margin: 0rem 0rem 3.125rem 0rem
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .discover-latest-sec {
        padding: 5rem 0rem 5rem 0rem
    }

    [dir=rtl] .discover-latest-sec {
        padding: 5rem 0rem 5rem 0rem
    }

    .tabsHead {
        flex-direction: row;
        flex-wrap: wrap
    }

    [dir=ltr] .tabsHead {
        margin: 0rem 0rem 3.5rem 0rem
    }

    [dir=rtl] .tabsHead {
        margin: 0rem 0rem 3.5rem 0rem
    }

    [dir=ltr] .tabsHead .h2, [dir=ltr] .tabsHead h2 {
        margin: 0rem 0rem 2rem 0rem
    }

    [dir=rtl] .tabsHead .h2, [dir=rtl] .tabsHead h2 {
        margin: 0rem 0rem 2rem 0rem
    }

    [dir=ltr] .tabsHead .h2, [dir=ltr] .tabsHead h2 {
        padding: 0rem 0rem 0rem .5625rem
    }

    [dir=rtl] .tabsHead .h2, [dir=rtl] .tabsHead h2 {
        padding: 0rem .5625rem 0rem 0rem
    }

    .tabsHead .nav-tabs {
        width: 100%;
        flex-wrap: nowrap;
        overflow-x: auto;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0
    }

    [dir=ltr] .tabsHead .nav-tabs {
        padding: 0rem 0rem .9375rem .5625rem
    }

    [dir=rtl] .tabsHead .nav-tabs {
        padding: 0rem .5625rem .9375rem 0rem
    }

    [dir=ltr] .tabsHead .nav-tabs .nav-item {
        margin: 0rem .75rem 0rem 0rem
    }

    [dir=rtl] .tabsHead .nav-tabs .nav-item {
        margin: 0rem 0rem 0rem .75rem
    }

    [dir=ltr] .gallery-grid {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .gallery-grid {
        margin: 0rem 0rem 0rem 0rem
    }

    .gallery-item {
        width: 100%
    }

    [dir=ltr] .gallery-item {
        margin: 0rem 0rem 3.5rem 0rem
    }

    [dir=rtl] .gallery-item {
        margin: 0rem 0rem 3.5rem 0rem
    }

    [dir=ltr] .gallery-item {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .gallery-item {
        padding: 0rem 0rem 0rem 0rem
    }

    .navigateWrapper .btn {
        width: 100%
    }

    [dir=ltr] .share-item {
        padding: 0rem 0rem 1rem 0rem
    }

    [dir=rtl] .share-item {
        padding: 0rem 0rem 1rem 0rem
    }

    [dir=ltr] .fullMobile.container {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .fullMobile.container {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .fullMobile.container .row {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .fullMobile.container .row {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .fullMobile.container .row [class^=col-] {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .fullMobile.container .row [class^=col-] {
        padding: 0rem 0rem 0rem 0rem
    }
}

.inside-economy-sec {
    background: var(--bs-blue-500);
    overflow: hidden;
    position: relative;
    z-index: 99
}

[dir=ltr] .inside-economy-sec {
    padding: 0rem 0rem 9.375rem 0rem
}

[dir=rtl] .inside-economy-sec {
    padding: 0rem 0rem 9.375rem 0rem
}

.inside-head {
    display: flex;
    justify-content: space-between;
    align-items: center
}

[dir=ltr] .inside-head .h2, [dir=ltr] .inside-head h2 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .inside-head .h2, [dir=rtl] .inside-head h2 {
    margin: 0rem 0rem 0rem 0rem
}

.economySlider {
    overflow: visible
}

[dir=ltr] .economySlider {
    padding: 3.625rem 0rem 0rem 0rem
}

[dir=rtl] .economySlider {
    padding: 3.625rem 0rem 0rem 0rem
}

.economySlider .swiper-wrapper {
    align-items: flex-end
}

.economySlider .swiper-slide {
    min-height: 38.125rem;
    width: 31.25rem;
    display: flex;
    align-items: flex-end
}

[dir=ltr] .economySlider .swiper-slide {
    margin: 0rem 1.5rem 0rem 0rem
}

[dir=rtl] .economySlider .swiper-slide {
    margin: 0rem 0rem 0rem 1.5rem
}

[dir=ltr] .economySlider .economyPremCard, [dir=ltr] .economySlider .economySemiBox {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .economySlider .economyPremCard, [dir=rtl] .economySlider .economySemiBox {
    margin: 0rem 0rem 0rem 0rem
}

.inside-navigation {
    display: flex;
    justify-content: center;
    align-items: center
}

.swiper-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

[dir=ltr] .swiper-nav {
    margin: 0rem 0rem 0rem 2.5rem
}

[dir=rtl] .swiper-nav {
    margin: 0rem 2.5rem 0rem 0rem
}

.swiper-nav .swiper-button-next, .swiper-nav .swiper-button-prev {
    width: 4rem;
    height: 4rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--bs-black);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    color: var(--bs-black);
    text-decoration: none;
    outline: 0
}

[dir=ltr] .swiper-nav .swiper-button-next, [dir=ltr] .swiper-nav .swiper-button-prev {
    margin: 0rem .5rem 0rem .5rem
}

[dir=rtl] .swiper-nav .swiper-button-next, [dir=rtl] .swiper-nav .swiper-button-prev {
    margin: 0rem .5rem 0rem .5rem
}

.swiper-nav .swiper-button-next i:before, .swiper-nav .swiper-button-prev i:before {
    font-size: 1.5rem
}

.swiper-nav .swiper-button-next.swiper-button-disabled, .swiper-nav .swiper-button-prev.swiper-button-disabled {
    background: var(--bs-blue-500);
    color: var(--bs-grey-800);
    border-color: var(--bs-grey-700);
    cursor: not-allowed
}

    .swiper-nav .swiper-button-next.swiper-button-disabled:hover, .swiper-nav .swiper-button-prev.swiper-button-disabled:hover {
        background: var(--bs-grey-700);
        color: var(--bs-grey-800);
        border-color: var(--bs-grey-700)
    }

.mob-btn {
    display: none
}

.videoPlyBtn {
    color: #000;
    width: 6.5625rem;
    height: 3.5625rem;
    display: flex;
    background: #fff;
    text-decoration: none;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: relative
}

[dir=ltr] .videoPlyBtn {
    padding: 1rem 2rem .9375rem 2.8125rem
}

[dir=rtl] .videoPlyBtn {
    padding: 1rem 2.8125rem .9375rem 2rem
}

[dir=ltr] .videoPlyBtn {
    margin: 0rem 0rem 1.25rem 0rem
}

[dir=rtl] .videoPlyBtn {
    margin: 0rem 0rem 1.25rem 0rem
}

.videoPlyBtn span {
    opacity: 0;
    visibility: hidden;
    position: relative;
    top: -.125rem;
    font-size: 1.125rem;
    font-weight: 700;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    transition-delay: 0s;
    color: #fff !important
}

[dir=ltr] .videoPlyBtn span {
    margin: 0rem 0rem 0rem 1.0625rem
}

[dir=rtl] .videoPlyBtn span {
    margin: 0rem 1.0625rem 0rem 0rem
}

.videoPlyBtn i:before {
    font-size: 1.375rem
}

.iconWrap {
    width: 5.5rem;
    height: 3.3125rem;
    display: block
}

[dir=ltr] .iconWrap {
    margin: 0rem 0rem 1.875rem 0rem
}

[dir=rtl] .iconWrap {
    margin: 0rem 0rem 1.875rem 0rem
}

button.expandclose {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: 0 0;
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .15rem;
    color: var(--bs-black);
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -o-border-radius: 24px;
    -ms-border-radius: 24px;
    border-radius: 24px
}

[dir=ltr] button.expandclose {
    padding: .75rem .875rem .6875rem 1rem
}

[dir=rtl] button.expandclose {
    padding: .75rem 1rem .6875rem .875rem
}

[dir=rtl] button.expandclose {
    letter-spacing: initial
}

@media (min-width:1200px) {
    .swiper-button-next:hover, .swiper-button-prev:hover {
        background: #000;
        color: var(--bs-green-700)
    }

    .videoPlyBtn:hover {
        width: 9.5rem;
        background: var(--bs-redOrange);
        color: #fff
    }

        .videoPlyBtn:hover span {
            opacity: 1;
            visibility: visible;
            transition-delay: .5s
        }
}

@media (min-width:992px) and (max-width:1199.98px) {
    [dir=ltr] .inside-economy-sec {
        padding: 0rem 0rem 6.25rem 0rem
    }

    [dir=rtl] .inside-economy-sec {
        padding: 0rem 0rem 6.25rem 0rem
    }

    [dir=ltr] .economySlider {
        margin: 0rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .economySlider {
        margin: 0rem 0rem 3.125rem 0rem
    }

    .economySlider .swiper-slide {
        min-height: 35rem;
        width: 28.125rem
    }

    [dir=ltr] .economySlider .swiper-slide {
        margin: 0rem 1rem 0rem 0rem
    }

    [dir=rtl] .economySlider .swiper-slide {
        margin: 0rem 0rem 0rem 1rem
    }

    .inside-navigation .btn {
        display: none
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    [dir=ltr] .inside-economy-sec {
        padding: 0rem 0rem 6.25rem 0rem
    }

    [dir=rtl] .inside-economy-sec {
        padding: 0rem 0rem 6.25rem 0rem
    }

    [dir=ltr] .economySlider {
        margin: 0rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .economySlider {
        margin: 0rem 0rem 3.125rem 0rem
    }

    .economySlider .swiper-slide {
        min-height: 30.9375rem;
        width: 25rem
    }

    [dir=ltr] .economySlider .swiper-slide {
        margin: 0rem 1rem 0rem 0rem
    }

    [dir=rtl] .economySlider .swiper-slide {
        margin: 0rem 0rem 0rem 1rem
    }

    .inside-navigation .btn {
        display: none
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .inside-economy-sec {
        padding: 0rem 0rem 3.75rem 0rem
    }

    [dir=rtl] .inside-economy-sec {
        padding: 0rem 0rem 3.75rem 0rem
    }

    .inside-head {
        display: block
    }

    [dir=ltr] .inside-head {
        margin: 0rem 0rem 3.5rem 0rem
    }

    [dir=rtl] .inside-head {
        margin: 0rem 0rem 3.5rem 0rem
    }

    .inside-head .btn {
        display: none
    }

    .inside-head .inside-navigation {
        display: none
    }

        .inside-head .inside-navigation .swiper-button-next, .inside-head .inside-navigation .swiper-button-prev {
            width: 2.5rem;
            height: 2.5rem
        }

            .inside-head .inside-navigation .swiper-button-next i:before, .inside-head .inside-navigation .swiper-button-prev i:before {
                font-size: 1.125rem
            }

    [dir=ltr] .economySlider {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .economySlider {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .economySlider {
        margin: 0rem 0rem 3.5rem 0rem
    }

    [dir=rtl] .economySlider {
        margin: 0rem 0rem 3.5rem 0rem
    }

    .economySlider .swiper-slide {
        min-height: 26.25rem;
        width: 21.125rem
    }

    [dir=ltr] .economySlider .swiper-slide {
        margin: 0rem 1rem 0rem 0rem
    }

    [dir=rtl] .economySlider .swiper-slide {
        margin: 0rem 0rem 0rem 1rem
    }
}

.visitorInfo {
    background-color: var(--bs-grey-900);
    border-bottom: solid 1px rgba(255,255,255,.2)
}

[dir=ltr] .visitorInfo {
    padding: 2.0625rem 0rem 2.0625rem 0rem
}

[dir=rtl] .visitorInfo {
    padding: 2.0625rem 0rem 2.0625rem 0rem
}

.visitorContent {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.vtInfo {
    display: flex;
    align-items: center
}

    .vtInfo i {
        color: var(--bs-green-800);
        position: relative;
        top: 1px
    }

[dir=ltr] .vtInfo i {
    margin: 0rem .5rem 0rem 0rem
}

[dir=rtl] .vtInfo i {
    margin: 0rem 0rem 0rem .5rem
}

.vtInfo i:before {
    font-size: 1.25rem
}

.vtInfo span {
    color: #fff;
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: -.04rem
}

[dir=rtl] .vtInfo span {
    letter-spacing: initial
}

@media (min-width:768px) and (max-width:991.98px) {
    [dir=ltr] .visitorInfo {
        padding: 1.5rem 0rem 1.4375rem 0rem
    }

    [dir=rtl] .visitorInfo {
        padding: 1.5rem 0rem 1.4375rem 0rem
    }

    [dir=ltr] .vtInfo {
        margin: 0rem 0rem 1rem 0rem
    }

    [dir=rtl] .vtInfo {
        margin: 0rem 0rem 1rem 0rem
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .visitorInfo {
        padding: 1.8125rem 0rem 1.8125rem 0rem
    }

    [dir=rtl] .visitorInfo {
        padding: 1.8125rem 0rem 1.8125rem 0rem
    }

    .visitorContent {
        display: block
    }

    .vtInfo {
        align-items: flex-start
    }

    [dir=ltr] .vtInfo {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .vtInfo {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=ltr] .vtInfo:last-child {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .vtInfo:last-child {
        margin: 0rem 0rem 0rem 0rem
    }

    .vtInfo i {
        width: 15%
    }

    [dir=ltr] .vtInfo i {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .vtInfo i {
        margin: 0rem 0rem 0rem 0rem
    }

    .vtInfo span {
        width: 85%;
        font-size: .875rem
    }
}

footer {
    background: #000
}

[dir=ltr] footer {
    padding: .875rem 0rem 0rem 0rem
}

[dir=rtl] footer {
    padding: .875rem 0rem 0rem 0rem
}

[dir=ltr] .ftLogoBox {
    padding: 1rem 0rem .9375rem 0rem
}

[dir=rtl] .ftLogoBox {
    padding: 1rem 0rem .9375rem 0rem
}

.ftLogo {
    width: 21.8125rem;
    height: 5.1875rem;
    display: block
}

    .ftLogo img {
        width: 100%
    }

.ftWrapper {
    display: flex
}

.ftLeftDetail {
    width: 44.5%
}

.ftRightDetail {
    width: 55.5%
}

[dir=ltr] .ftRightDetail {
    padding: 10rem 0rem 0rem 5.625rem
}

[dir=rtl] .ftRightDetail {
    padding: 10rem 5.625rem 0rem 0rem
}

.ftRightDetail nav ul {
    display: flex;
    flex-wrap: wrap
}

[dir=ltr] .ftRightDetail nav ul {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .ftRightDetail nav ul {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .ftRightDetail nav ul {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .ftRightDetail nav ul {
    padding: 0rem 0rem 0rem 0rem
}

.ftRightDetail nav ul > li {
    list-style: none;
    width: 42%;
    border-bottom: solid 1px rgba(255,255,255,.2)
}

[dir=ltr] .ftRightDetail nav ul > li {
    padding: 0rem 0rem 1.5rem 0rem
}

[dir=rtl] .ftRightDetail nav ul > li {
    padding: 0rem 0rem 1.5rem 0rem
}

[dir=ltr] .ftRightDetail nav ul > li {
    margin: 0rem 8% 1.5rem 0rem
}

[dir=rtl] .ftRightDetail nav ul > li {
    margin: 0rem 0rem 1.5rem 8%
}

.ftRightDetail nav ul > li a {
    color: #fff;
    font-size: 1rem;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: .15625rem;
    font-weight: 700
}

[dir=rtl] .ftRightDetail nav ul > li a {
    letter-spacing: initial
}

.ftRightDetail nav ul > li a span {
    display: inline;
    padding-bottom: 2px;
    transition: all .5s linear;
    background: linear-gradient(to bottom,#fff 0,#fff 98%);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left 100%
}

[dir=rtl] .ftRightDetail nav ul > li a span {
    background-position: right 100%
}

.ftRightDetail nav ul > li a:focus, .ftRightDetail nav ul > li a:hover {
    text-decoration: none
}

.ftRightDetail nav ul > li:last-child {
    border: none
}

.ftr-title .subHeading {
    color: var(--bs-grey-800);
    position: relative;
    display: block
}

[dir=ltr] .ftr-title .subHeading {
    padding: 0rem 0rem 1rem 0rem
}

[dir=rtl] .ftr-title .subHeading {
    padding: 0rem 0rem 1rem 0rem
}

.ftr-title .subHeading::before {
    position: absolute;
    content: '';
    bottom: 0rem;
    height: .125rem;
    width: 2.5rem;
    background-color: var(--bs-grey-800)
}

[dir=ltr] .ftr-title .subHeading::before {
    left: 0
}

[dir=rtl] .ftr-title .subHeading::before {
    right: 0
}

[dir=ltr] .callBox {
    padding: 1.875rem 0rem 0rem 0rem
}

[dir=rtl] .callBox {
    padding: 1.875rem 0rem 0rem 0rem
}

.callBox .subHeading {
    color: #fff
}

[dir=ltr] .callBox .subHeading {
    margin: 0rem 0rem 1.75rem 0rem
}

[dir=rtl] .callBox .subHeading {
    margin: 0rem 0rem 1.75rem 0rem
}

.callBtn {
    display: inline-flex
}

[dir=ltr] .callBtn {
    margin: 0rem 0rem 4.125rem 0rem
}

[dir=rtl] .callBtn {
    margin: 0rem 0rem 4.125rem 0rem
}

.callBtn a {
    display: flex;
    align-items: center;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -o-border-radius: 16px;
    -ms-border-radius: 16px;
    border-radius: 16px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border: solid 1px #fff
}

[dir=ltr] .callBtn a {
    padding: .8125rem 3.25rem .5625rem 2.3125rem
}

[dir=rtl] .callBtn a {
    padding: .8125rem 2.3125rem .5625rem 3.25rem
}

.callBtn a i {
    position: relative;
    top: -.125rem
}

[dir=ltr] .callBtn a i {
    margin: 0rem 1.875rem 0rem 0rem
}

[dir=rtl] .callBtn a i {
    margin: 0rem 0rem 0rem 1.875rem
}

[dir=ltr] .callBtn a i {
    padding: 0rem 1.75rem 0rem 0rem
}

[dir=rtl] .callBtn a i {
    padding: 0rem 0rem 0rem 1.75rem
}

.callBtn a i:before {
    font-size: 1.5rem
}

.callBtn a i:after {
    position: absolute;
    top: 0;
    width: 2px;
    height: 100%;
    background: #000;
    content: ''
}

[dir=ltr] .callBtn a i:after {
    right: 0
}

[dir=rtl] .callBtn a i:after {
    left: 0
}

.callBtn a span {
    display: inline;
    padding-bottom: 0;
    transition: all .5s linear;
    background: linear-gradient(to bottom,#000 0,#000 98%);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left 100%;
    font-weight: 300;
    font-size: 1.5rem
}

[dir=rtl] .callBtn a span {
    background-position: right 100%;
    direction: ltr
}

.callBtn a:focus, .callBtn a:hover {
    text-decoration: none
}

.subscribeNow {
    display: inline-flex
}

[dir=ltr] .subscribeNow {
    margin: 0rem 0rem 4.5rem 0rem
}

[dir=rtl] .subscribeNow {
    margin: 0rem 0rem 4.5rem 0rem
}

.subscribeNow a {
    display: flex;
    align-items: center;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -o-border-radius: 16px;
    -ms-border-radius: 16px;
    border-radius: 16px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border: solid 1px #fff
}

[dir=ltr] .subscribeNow a {
    padding: 1.4375rem 1.9375rem 1.3125rem 2rem
}

[dir=rtl] .subscribeNow a {
    padding: 1.4375rem 2rem 1.3125rem 1.9375rem
}

.subscribeNow a .leftIcon {
    position: relative;
    top: -.125rem
}

[dir=ltr] .subscribeNow a .leftIcon {
    margin: 0rem 1.3125rem 0rem 0rem
}

[dir=rtl] .subscribeNow a .leftIcon {
    margin: 0rem 0rem 0rem 1.3125rem
}

[dir=ltr] .subscribeNow a .leftIcon {
    padding: 0rem 2.1875rem 0rem 0rem
}

[dir=rtl] .subscribeNow a .leftIcon {
    padding: 0rem 0rem 0rem 2.1875rem
}

.subscribeNow a .leftIcon:before {
    font-size: 1.1875rem
}

.subscribeNow a .leftIcon:after {
    position: absolute;
    top: 0;
    width: 2px;
    height: 100%;
    background: #000;
    content: ''
}

[dir=ltr] .subscribeNow a .leftIcon:after {
    right: 0
}

[dir=rtl] .subscribeNow a .leftIcon:after {
    left: 0
}

[dir=ltr] .subscribeNow a .rightIcon {
    margin: 0rem 0rem 0rem 1.875rem
}

[dir=rtl] .subscribeNow a .rightIcon {
    margin: 0rem 1.875rem 0rem 0rem
}

.subscribeNow a .rightIcon:before {
    font-size: 1.5rem
}

.subscribeNow a span {
    display: inline;
    padding-bottom: 0;
    transition: all .5s linear;
    background: linear-gradient(to bottom,#000 0,#000 98%);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left 100%;
    font-weight: 600;
    font-size: .875rem;
    letter-spacing: .14875rem;
    text-transform: uppercase
}

[dir=rtl] .subscribeNow a span {
    background-position: right 100%;
    letter-spacing: initial
}

.subscribeNow a:focus, .subscribeNow a:hover {
    text-decoration: none
}

[dir=ltr] .timingDetail {
    margin: 0rem 0rem 3.5625rem 0rem
}

[dir=rtl] .timingDetail {
    margin: 0rem 0rem 3.5625rem 0rem
}

[dir=ltr] .timingDetail ul {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .timingDetail ul {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .timingDetail ul {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .timingDetail ul {
    padding: 0rem 0rem 0rem 0rem
}

.timingDetail ul li {
    list-style: none;
    display: block;
    position: relative
}

[dir=ltr] .timingDetail ul li {
    margin: 0rem 0rem 2.375rem 0rem
}

[dir=rtl] .timingDetail ul li {
    margin: 0rem 0rem 2.375rem 0rem
}

[dir=ltr] .timingDetail ul li {
    padding: 0rem 0rem 0rem 2.1875rem
}

[dir=rtl] .timingDetail ul li {
    padding: 0rem 2.1875rem 0rem 0rem
}

[dir=ltr] .timingDetail ul li:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .timingDetail ul li:last-child {
    margin: 0rem 0rem 0rem 0rem
}

.timingDetail ul li .openData {
    display: flex;
    align-items: center
}

[dir=ltr] .timingDetail ul li .openData:last-child {
    margin: .75rem 0rem 0rem 0rem
}

[dir=rtl] .timingDetail ul li .openData:last-child {
    margin: .75rem 0rem 0rem 0rem
}

.timingDetail ul li .openTitle {
    font-size: 1rem;
    color: var(--bs-white);
    font-weight: 500;
    letter-spacing: .16rem;
    text-transform: uppercase
}

[dir=rtl] .timingDetail ul li .openTitle {
    letter-spacing: initial
}

.timingDetail ul li i {
    color: var(--bs-green-800);
    position: absolute;
    top: 0rem
}

[dir=ltr] .timingDetail ul li i {
    margin: 0rem 1.875rem 0rem 0rem
}

[dir=rtl] .timingDetail ul li i {
    margin: 0rem 0rem 0rem 1.875rem
}

[dir=ltr] .timingDetail ul li i {
    left: 0
}

[dir=rtl] .timingDetail ul li i {
    right: 0
}

.timingDetail ul li i:before {
    font-size: 1.125rem
}

.timingDetail ul li i.icon-email:before {
    font-size: .875rem
}

.timingDetail ul li .timeDes {
    font-size: 1.5rem;
    color: #fff;
    font-weight: 300;
    letter-spacing: -.04rem
}

[dir=rtl] .timingDetail ul li .timeDes {
    letter-spacing: initial;
    direction: ltr
}

.timingDetail ul li .telLink {
    font-size: 1.5rem;
    color: #fff;
    font-weight: 300;
    letter-spacing: -.04rem;
    text-decoration: none
}

[dir=rtl] .timingDetail ul li .telLink {
    letter-spacing: initial
}

.timingDetail ul li .telLink span {
    display: inline;
    padding-bottom: 2px;
    transition: all .5s linear;
    background: linear-gradient(to bottom,#fff 0,#fff 98%);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left 100%
}

[dir=rtl] .timingDetail ul li .telLink span {
    background-position: right 100%
}

.timingDetail ul li .telLink:focus, .timingDetail ul li .telLink:hover {
    text-decoration: none
}

@media (min-width:1200px) {
    .ftRightDetail nav ul li a:hover {
        color: #fff
    }

        .ftRightDetail nav ul li a:hover span {
            background-size: 100% 1px
        }

    .callBtn a:hover, .subscribeNow a:hover {
        color: #000
    }

        .callBtn a:hover span, .subscribeNow a:hover span {
            background-size: 100% 1px
        }

    .timingDetail ul li .telLink:hover {
        color: #fff
    }

        .timingDetail ul li .telLink:hover span {
            background-size: 100% 1px
        }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .ftLogo {
        width: 14.5625rem;
        height: 2.9375rem
    }

    .ftLeftDetail {
        width: 35%
    }

    .ftRightDetail {
        width: 65%
    }

    [dir=ltr] .ftRightDetail {
        padding: 2.125rem 0rem 0rem 0rem
    }

    [dir=rtl] .ftRightDetail {
        padding: 2.125rem 0rem 0rem 0rem
    }

    .timingDetail ul li .openData {
        width: 60%
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .ftLogo {
        width: 14.5625rem;
        height: 2.9375rem
    }

    .ftLeftDetail {
        width: 45%
    }

    .ftRightDetail {
        width: 55%
    }

    [dir=ltr] .ftRightDetail {
        padding: 2.125rem 0rem 0rem 0rem
    }

    [dir=rtl] .ftRightDetail {
        padding: 2.125rem 0rem 0rem 0rem
    }

    .ftRightDetail nav ul > li {
        width: 48%
    }

    [dir=ltr] .ftRightDetail nav ul > li {
        margin: 0rem 2% 1.5rem 0rem
    }

    [dir=rtl] .ftRightDetail nav ul > li {
        margin: 0rem 0rem 1.5rem 2%
    }

    .followRight {
        flex-wrap: wrap
    }

    .timingDetail ul li .openData {
        width: 100%
    }

        .timingDetail ul li .openData:last-child {
            width: 100%
        }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] footer {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] footer {
        padding: 0rem 0rem 0rem 0rem
    }

    .ftWrapper {
        display: block
    }

    .ftLeftDetail, .ftRightDetail {
        width: 100%
    }

    [dir=ltr] .ftRightDetail {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .ftRightDetail {
        padding: 0rem 0rem 0rem 0rem
    }

    .ftRightDetail nav ul {
        display: block
    }

        .ftRightDetail nav ul > li {
            width: 100%;
            position: relative
        }

    [dir=ltr] .ftRightDetail nav ul > li {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .ftRightDetail nav ul > li {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .ftRightDetail nav ul > li {
        padding: 1.5625rem 0rem 1.3125rem 0rem
    }

    [dir=rtl] .ftRightDetail nav ul > li {
        padding: 1.5625rem 0rem 1.3125rem 0rem
    }

    .ftRightDetail nav ul > li a {
        display: block
    }

    [dir=ltr] .ftRightDetail nav ul > li a {
        padding: 0rem 0 0rem 0rem
    }

    [dir=rtl] .ftRightDetail nav ul > li a {
        padding: 0rem 0rem 0rem 0
    }

    .ftRightDetail nav ul > li a span {
        font-size: 1rem
    }

    [dir=ltr] .ftRightDetail nav ul > li:first-child {
        padding: 0rem 0rem 1.5625rem 0rem
    }

    [dir=rtl] .ftRightDetail nav ul > li:first-child {
        padding: 0rem 0rem 1.5625rem 0rem
    }

    .ftRightDetail nav ul > li:last-child {
        border: none !important
    }

    [dir=ltr] .ftr-title .subHeading {
        padding: 0rem 0rem 1rem 0rem
    }

    [dir=rtl] .ftr-title .subHeading {
        padding: 0rem 0rem 1rem 0rem
    }

    [dir=ltr] .ftr-title .subHeading {
        margin: 0rem 0rem 2.8125rem 0rem
    }

    [dir=rtl] .ftr-title .subHeading {
        margin: 0rem 0rem 2.8125rem 0rem
    }

    .ftLogo {
        width: 16.1875rem;
        height: 4rem
    }

    .callBtn {
        display: block
    }

    [dir=ltr] .callBtn {
        margin: 0rem 0rem 3.5rem 0rem
    }

    [dir=rtl] .callBtn {
        margin: 0rem 0rem 3.5rem 0rem
    }

    .callBtn a i:before {
        font-size: 1.125rem
    }

    .callBtn a span {
        font-size: 1.125rem;
        position: relative;
        top: -.125rem
    }

    .subscribeNow {
        display: block
    }

    [dir=ltr] .subscribeNow {
        margin: 0rem 0rem 3.5rem 0rem
    }

    [dir=rtl] .subscribeNow {
        margin: 0rem 0rem 3.5rem 0rem
    }

    [dir=ltr] .subscribeNow a {
        padding: .875rem 1.9375rem .875rem 2rem
    }

    [dir=rtl] .subscribeNow a {
        padding: .875rem 2rem .875rem 1.9375rem
    }

    [dir=ltr] .subscribeNow a .leftIcon {
        margin: 0rem .9375rem 0rem 0rem
    }

    [dir=rtl] .subscribeNow a .leftIcon {
        margin: 0rem 0rem 0rem .9375rem
    }

    [dir=ltr] .subscribeNow a .leftIcon {
        padding: 0rem .9375rem 0rem 0rem
    }

    [dir=rtl] .subscribeNow a .leftIcon {
        padding: 0rem 0rem 0rem .9375rem
    }

    .subscribeNow a .leftIcon:before {
        font-size: .875rem
    }

    .subscribeNow a .rightIcon:before {
        font-size: 1.125rem
    }

    .subscribeNow a span {
        font-size: .875rem
    }

    [dir=ltr] .timingDetail {
        margin: 0rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .timingDetail {
        margin: 0rem 0rem 3.125rem 0rem
    }

    [dir=ltr] .timingDetail ul li {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .timingDetail ul li {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=ltr] .timingDetail ul li:last-child {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .timingDetail ul li:last-child {
        margin: 0rem 0rem 0rem 0rem
    }

    .timingDetail ul li .openData {
        width: 100%;
        display: flex;
        align-items: center
    }

    [dir=ltr] .timingDetail ul li .openData:last-child {
        margin: .625rem 0rem 0rem 0rem
    }

    [dir=rtl] .timingDetail ul li .openData:last-child {
        margin: .625rem 0rem 0rem 0rem
    }

    .timingDetail ul li .openTitle {
        font-size: 1rem
    }

    [dir=ltr] .timingDetail ul li i {
        margin: 0rem 1.25rem 0rem 0rem
    }

    [dir=rtl] .timingDetail ul li i {
        margin: 0rem 0rem 0rem 1.25rem
    }
}

.followUsWrapper {
    border-top: solid 1px rgba(255,255,255,.2);
    display: flex
}

[dir=ltr] .followUsWrapper {
    padding: 1.4375rem 0rem 1.4375rem 0rem
}

[dir=rtl] .followUsWrapper {
    padding: 1.4375rem 0rem 1.4375rem 0rem
}

.followUsWrapper .subHeading {
    color: #fff
}

[dir=ltr] .followUsWrapper .subHeading {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .followUsWrapper .subHeading {
    margin: 0rem 0rem 0rem 0rem
}

.followLeft {
    width: 44.5%;
    display: flex;
    align-items: center
}

.followRight {
    width: 55.5%;
    display: flex;
    align-items: center
}

[dir=ltr] .socialLinks {
    margin: 0rem 0rem 0rem 1.5625rem
}

[dir=rtl] .socialLinks {
    margin: 0rem 1.5625rem 0rem 0rem
}

.socialLinks ul {
    display: flex
}

[dir=ltr] .socialLinks ul {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .socialLinks ul {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .socialLinks ul {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .socialLinks ul {
    padding: 0rem 0rem 0rem 0rem
}

.socialLinks ul li {
    list-style: none;
    width: 2.875rem;
    height: 2.875rem;
    display: block
}

[dir=ltr] .socialLinks ul li {
    margin: 0rem .9375rem 0rem 0rem
}

[dir=rtl] .socialLinks ul li {
    margin: 0rem 0rem 0rem .9375rem
}

.socialLinks ul li a {
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    text-decoration: none;
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

    .socialLinks ul li a i:before {
        font-size: 1.125rem
    }

.flRightTitle {
    font-size: 1.25rem;
    color: #fff;
    font-weight: 200
}

.tammLogo {
    width: 9.5625rem;
    height: 2.5rem;
    display: block
}

[dir=ltr] .tammLogo {
    margin: 0rem 0rem 0rem 2.5rem
}

[dir=rtl] .tammLogo {
    margin: 0rem 2.5rem 0rem 0rem
}

[dir=ltr] .appStoreList {
    margin: 0rem 0rem 0rem 3.125rem
}

[dir=rtl] .appStoreList {
    margin: 0rem 3.125rem 0rem 0rem
}

.appStoreList ul {
    display: flex
}

[dir=ltr] .appStoreList ul {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .appStoreList ul {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .appStoreList ul {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .appStoreList ul {
    padding: 0rem 0rem 0rem 0rem
}

.appStoreList ul li {
    list-style: none
}

[dir=ltr] .appStoreList ul li {
    margin: 0rem 1.625rem 0rem 0rem
}

[dir=rtl] .appStoreList ul li {
    margin: 0rem 0rem 0rem 1.625rem
}

[dir=ltr] .appStoreList ul li:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .appStoreList ul li:last-child {
    margin: 0rem 0rem 0rem 0rem
}

.appStoreList ul li a {
    display: block
}

    .appStoreList ul li a img {
        width: 100%
    }

@media (min-width:1200px) {
    .socialLinks ul li a:hover {
        background: var(--bs-green-900);
        color: #fff
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .socialLinks ul li {
        width: 1.875rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .followLeft {
        width: 50%;
        flex-wrap: wrap
    }

    .followRight {
        width: 50%
    }

    .flRightTitle {
        display: block;
        width: 100%
    }

    [dir=ltr] .flRightTitle {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .flRightTitle {
        margin: 0rem 0rem 1.875rem 0rem
    }

    .tammLogo {
        display: block;
        width: 100%
    }

    [dir=ltr] .tammLogo {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .tammLogo {
        margin: 0rem 0rem 1.875rem 0rem
    }

    .appStoreList {
        width: 90%
    }

    [dir=ltr] .appStoreList {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .appStoreList {
        margin: 0rem 0rem 0rem 0rem
    }

    .socialLinks ul li {
        width: 1.4375rem
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    .followUsWrapper {
        flex-direction: column
    }

    [dir=ltr] .followUsWrapper {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .followUsWrapper {
        padding: 0rem 0rem 0rem 0rem
    }

    .followLeft, .followRight {
        width: 100%
    }

    .followLeft {
        order: 2;
        justify-content: space-between;
        flex-wrap: wrap
    }

    [dir=ltr] .followLeft {
        padding: 1.25rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .followLeft {
        padding: 1.25rem 0rem 1.25rem 0rem
    }

    .followRight {
        order: 1;
        display: block;
        border-bottom: solid 1px rgba(255,255,255,.2)
    }

    [dir=ltr] .followRight {
        padding: 3.5rem 0rem 3.5rem 0rem
    }

    [dir=rtl] .followRight {
        padding: 3.5rem 0rem 3.5rem 0rem
    }

    .flRightTitle {
        display: block
    }

    [dir=ltr] .flRightTitle {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .flRightTitle {
        margin: 0rem 0rem 1.25rem 0rem
    }

    .tammLogo {
        width: 9.5625rem;
        height: 2.5rem
    }

    [dir=ltr] .tammLogo {
        margin: 0rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .tammLogo {
        margin: 0rem 0rem 3.125rem 0rem
    }

    .appStoreList {
        justify-content: space-between
    }

    [dir=ltr] .appStoreList {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .appStoreList {
        margin: 0rem 0rem 0rem 0rem
    }

    .appStoreList li {
        width: 48%
    }

        .appStoreList li a {
            height: 3.6875rem
        }

            .appStoreList li a img {
                height: 100%
            }

    [dir=ltr] .socialLinks {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .socialLinks {
        margin: 0rem 0rem 0rem 0rem
    }

    .socialLinks ul li {
        width: initial
    }

    [dir=ltr] .socialLinks ul li {
        margin: 0rem 1.25rem 0rem 0rem
    }

    [dir=rtl] .socialLinks ul li {
        margin: 0rem 0rem 0rem 1.25rem
    }
}

.copyrightPolicy {
    border-top: solid 1px rgba(255,255,255,.2);
    display: flex;
    justify-content: space-between;
    align-items: center
}

[dir=ltr] .copyrightPolicy {
    padding: 1.4375rem 0rem 1.4375rem 0rem
}

[dir=rtl] .copyrightPolicy {
    padding: 1.4375rem 0rem 1.4375rem 0rem
}

.copyrightPolicy nav ul {
    display: flex;
    align-items: center
}

[dir=ltr] .copyrightPolicy nav ul {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .copyrightPolicy nav ul {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .copyrightPolicy nav ul {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .copyrightPolicy nav ul {
    padding: 0rem 0rem 0rem 0rem
}

.copyrightPolicy nav ul li {
    list-style: none;
    position: relative;
    line-height: 1
}

[dir=ltr] .copyrightPolicy nav ul li {
    padding: 0rem 2.3125rem 0rem 2.9375rem
}

[dir=rtl] .copyrightPolicy nav ul li {
    padding: 0rem 2.9375rem 0rem 2.3125rem
}

.copyrightPolicy nav ul li:after {
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    background: rgba(255,255,255,.7);
    content: ''
}

[dir=ltr] .copyrightPolicy nav ul li:after {
    right: 0
}

[dir=rtl] .copyrightPolicy nav ul li:after {
    left: 0
}

[dir=ltr] .copyrightPolicy nav ul li:first-child {
    padding: 0rem 2.3125rem 0rem 0rem
}

[dir=rtl] .copyrightPolicy nav ul li:first-child {
    padding: 0rem 0rem 0rem 2.3125rem
}

[dir=ltr] .copyrightPolicy nav ul li:last-child {
    padding: 0rem 0rem 0rem 2.9375rem
}

[dir=rtl] .copyrightPolicy nav ul li:last-child {
    padding: 0rem 2.9375rem 0rem 0rem
}

.copyrightPolicy nav ul li:last-child:after {
    display: none
}

.copyrightPolicy nav ul li a {
    letter-spacing: -.0075rem;
    color: rgba(255,255,255,.7);
    text-transform: uppercase;
    font-weight: 300;
    text-decoration: none;
    font-size: .75rem
}

    .copyrightPolicy nav ul li a span {
        display: inline;
        padding-bottom: 2px;
        transition: all .5s linear;
        background: linear-gradient(to bottom,rgba(255,255,255,.7) 0,rgba(255,255,255,.7) 98%);
        background-size: 0 1px;
        background-repeat: no-repeat;
        background-position: left 100%
    }

[dir=rtl] .copyrightPolicy nav ul li a span {
    background-position: right 100%
}

[dir=rtl] .copyrightPolicy nav ul li a {
    letter-spacing: initial
}

.copyrightPolicy nav ul li a:focus, .copyrightPolicy nav ul li a:hover {
    text-decoration: none
}

.copyrightPolicy nav ul li.active a {
    color: rgba(255,255,255,.7)
}

    .copyrightPolicy nav ul li.active a span {
        background-size: 100% 1px
    }

.copyrightPolicy p {
    font-size: .75rem;
    letter-spacing: -.0075rem;
    color: rgba(255,255,255,.7);
    font-weight: 300
}

[dir=ltr] .copyrightPolicy p {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .copyrightPolicy p {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .copyrightPolicy p {
    letter-spacing: initial
}

@media (min-width:1200px) {
    .copyrightPolicy nav ul li a:hover {
        color: rgba(255,255,255,.7)
    }

        .copyrightPolicy nav ul li a:hover span {
            background-size: 100% 1px
        }
}

@media (min-width:768px) and (max-width:991.98px) {
    .copyrightPolicy {
        flex-wrap: wrap
    }

    [dir=ltr] .copyrightPolicy {
        padding: 1.875rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .copyrightPolicy {
        padding: 1.875rem 0rem 1.875rem 0rem
    }

    .copyrightPolicy nav {
        width: 100%
    }

    [dir=ltr] .copyrightPolicy nav {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .copyrightPolicy nav {
        margin: 0rem 0rem 1.875rem 0rem
    }

    .copyrightPolicy nav ul {
        flex-wrap: wrap;
        justify-content: center
    }

    [dir=ltr] .copyrightPolicy nav ul li {
        padding: 0rem .9375rem 0rem .9375rem
    }

    [dir=rtl] .copyrightPolicy nav ul li {
        padding: 0rem .9375rem 0rem .9375rem
    }

    [dir=ltr] .copyrightPolicy nav ul li {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .copyrightPolicy nav ul li {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .copyrightPolicy nav ul li:first-child {
        padding: 0rem .9375rem 0rem 0rem
    }

    [dir=rtl] .copyrightPolicy nav ul li:first-child {
        padding: 0rem 0rem 0rem .9375rem
    }

    [dir=ltr] .copyrightPolicy nav ul li:last-child {
        padding: 0rem 0rem 0rem .9375rem
    }

    [dir=rtl] .copyrightPolicy nav ul li:last-child {
        padding: 0rem .9375rem 0rem 0rem
    }

    .copyrightPolicy nav ul li a {
        font-size: 1rem
    }

    .copyrightPolicy p {
        font-size: 1rem;
        text-align: center;
        width: 100%
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    .copyrightPolicy {
        display: block
    }

    [dir=ltr] .copyrightPolicy {
        padding: 1.875rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .copyrightPolicy {
        padding: 1.875rem 0rem 1.875rem 0rem
    }

    [dir=ltr] .copyrightPolicy nav {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .copyrightPolicy nav {
        margin: 0rem 0rem 1.25rem 0rem
    }

    .copyrightPolicy nav ul {
        flex-wrap: wrap
    }

    [dir=ltr] .copyrightPolicy nav ul li {
        padding: 0rem .8125rem 0rem .8125rem
    }

    [dir=rtl] .copyrightPolicy nav ul li {
        padding: 0rem .8125rem 0rem .8125rem
    }

    [dir=ltr] .copyrightPolicy nav ul li {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .copyrightPolicy nav ul li {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=ltr] .copyrightPolicy nav ul li:first-child {
        padding: 0rem .8125rem 0rem 0rem
    }

    [dir=rtl] .copyrightPolicy nav ul li:first-child {
        padding: 0rem 0rem 0rem .8125rem
    }

    [dir=ltr] .copyrightPolicy nav ul li:last-child {
        padding: 0rem 0rem 0rem .8125rem
    }

    [dir=rtl] .copyrightPolicy nav ul li:last-child {
        padding: 0rem .8125rem 0rem 0rem
    }

    .copyrightPolicy nav ul li a {
        font-size: 1rem
    }

    .copyrightPolicy p {
        font-size: 1rem;
        line-height: 2rem;
        letter-spacing: -.01rem;
        text-align: center
    }

    [dir=rtl] .copyrightPolicy p {
        letter-spacing: initial
    }
}

.subscribeNowBanner {
    background: var(--bs-blue-600);
    overflow: hidden;
    position: relative;
    z-index: 1
}

[dir=ltr] .subscribeNowBanner {
    padding: 4.5625rem 0rem 4.0625rem 0rem
}

[dir=rtl] .subscribeNowBanner {
    padding: 4.5625rem 0rem 4.0625rem 0rem
}

.subscribeNowBanner .container {
    position: relative;
    z-index: 1
}

.circle {
    width: 30.75rem;
    height: 30.75rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: var(--bs-green-700);
    display: block;
    position: absolute;
    opacity: .3;
    top: 0;
    bottom: 0;
    opacity: .12
}

[dir=ltr] .circle {
    left: 5%
}

[dir=rtl] .circle {
    right: 5%
}

[dir=ltr] .circle {
    margin: auto auto auto auto
}

[dir=rtl] .circle {
    margin: auto auto auto auto
}

.subscribeWrap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column
}

[dir=ltr] .subscribeWrap {
    padding: 0rem 0rem 0rem 6.375rem
}

[dir=rtl] .subscribeWrap {
    padding: 0rem 6.375rem 0rem 0rem
}

.envelopeIcon {
    width: 4.125rem;
    height: 4.5rem;
    position: absolute;
    top: 0
}

[dir=ltr] .envelopeIcon {
    left: 0
}

[dir=rtl] .envelopeIcon {
    right: 0
}

.subscribeContent {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

[dir=ltr] .subscribeContent {
    margin: 0rem 0rem 2.3125rem 0rem
}

[dir=rtl] .subscribeContent {
    margin: 0rem 0rem 2.3125rem 0rem
}

.subscribeContent .h2, .subscribeContent h2 {
    width: 55%
}

[dir=ltr] .subscribeContent .h2, [dir=ltr] .subscribeContent h2 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .subscribeContent .h2, [dir=rtl] .subscribeContent h2 {
    margin: 0rem 0rem 0rem 0rem
}

.subscribeList {
    border-top: solid 1px var(--bs-grey-700)
}

[dir=ltr] .subscribeList {
    padding: 1.9375rem 0rem 0rem 0rem
}

[dir=rtl] .subscribeList {
    padding: 1.9375rem 0rem 0rem 0rem
}

.subscribeList .subHeading {
    font-size: .75rem
}

[dir=ltr] .subscribeList .subHeading {
    margin: 0rem 0rem .875rem 0rem
}

[dir=rtl] .subscribeList .subHeading {
    margin: 0rem 0rem .875rem 0rem
}

.subscribeList nav {
    display: flex;
    flex-wrap: wrap
}

    .subscribeList nav ul {
        display: flex;
        flex-wrap: wrap
    }

[dir=ltr] .subscribeList nav ul {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .subscribeList nav ul {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .subscribeList nav ul {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .subscribeList nav ul {
    padding: 0rem 0rem 0rem 0rem
}

.subscribeList nav ul li {
    display: flex;
    align-items: center;
    border: solid 1px var(--bs-black);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

[dir=ltr] .subscribeList nav ul li {
    padding: .625rem .625rem .5rem .75rem
}

[dir=rtl] .subscribeList nav ul li {
    padding: .625rem .75rem .5rem .625rem
}

[dir=ltr] .subscribeList nav ul li {
    margin: 0rem 1.25rem 0rem 0rem
}

[dir=rtl] .subscribeList nav ul li {
    margin: 0rem 0rem 0rem 1.25rem
}

.subscribeList nav ul li i {
    background: var(--bs-black);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    color: var(--bs-green-700);
    width: 1.5rem;
    height: 1.5rem;
    text-align: center;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

    .subscribeList nav ul li i:before {
        font-size: .5rem
    }

.subscribeList nav ul li span {
    color: var(--bs-black);
    font-size: .75rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .075rem;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

[dir=ltr] .subscribeList nav ul li span {
    padding: 0rem 0rem 0rem .3125rem
}

[dir=rtl] .subscribeList nav ul li span {
    padding: 0rem .3125rem 0rem 0rem
}

[dir=rtl] .subscribeList nav ul li span {
    letter-spacing: initial
}

.andMuchMoreText {
    color: #000;
    font-size: .75rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .075rem
}

[dir=ltr] .andMuchMoreText {
    padding: .9375rem .75rem .625rem .75rem
}

[dir=rtl] .andMuchMoreText {
    padding: .9375rem .75rem .625rem .75rem
}

[dir=rtl] .andMuchMoreText {
    letter-spacing: initial
}

.darkMode .subscribeNowBanner {
    background: #1a1a1a
}

.darkMode .circle {
    background-color: #666
}

.darkMode .subscribeList nav ul li i {
    background-color: #666;
    color: #fff
}

@media (min-width:992px) and (max-width:1199.98px) {
    [dir=ltr] .subscribeNowBanner {
        padding: 2.5rem 0rem 2.5rem 0rem
    }

    [dir=rtl] .subscribeNowBanner {
        padding: 2.5rem 0rem 2.5rem 0rem
    }

    .subscribeContent .h2, .subscribeContent h2 {
        width: 65%
    }

    [dir=ltr] .subscribeList nav ul li {
        margin: 0rem .9375rem .9375rem 0rem
    }

    [dir=rtl] .subscribeList nav ul li {
        margin: 0rem 0rem .9375rem .9375rem
    }

    .subscribeList {
        display: none
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    [dir=ltr] .subscribeNowBanner {
        padding: 2.5rem 0rem 2.5rem 0rem
    }

    [dir=rtl] .subscribeNowBanner {
        padding: 2.5rem 0rem 2.5rem 0rem
    }

    .subscribeContent {
        display: block
    }

        .subscribeContent .h2, .subscribeContent h2 {
            width: 100%
        }

    [dir=ltr] .subscribeContent .h2, [dir=ltr] .subscribeContent h2 {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .subscribeContent .h2, [dir=rtl] .subscribeContent h2 {
        margin: 0rem 0rem 1.25rem 0rem
    }

    .subscribeList {
        display: none
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .subscribeNowBanner {
        padding: 4rem 0rem 4rem 0rem
    }

    [dir=rtl] .subscribeNowBanner {
        padding: 4rem 0rem 4rem 0rem
    }

    .circle {
        width: 21.625rem;
        height: 21.625rem;
        top: -15%;
        bottom: initial
    }

    [dir=ltr] .circle {
        left: -25%
    }

    [dir=rtl] .circle {
        right: -25%
    }

    [dir=ltr] .subscribeWrap {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .subscribeWrap {
        padding: 0rem 0rem 0rem 0rem
    }

    .envelopeIcon {
        position: initial
    }

    [dir=ltr] .envelopeIcon {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .envelopeIcon {
        margin: 0rem 0rem 1.875rem 0rem
    }

    .subscribeContent {
        display: block
    }

    [dir=ltr] .subscribeContent {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .subscribeContent {
        margin: 0rem 0rem 0rem 0rem
    }

    .subscribeContent .h2, .subscribeContent h2 {
        width: 100%
    }

    [dir=ltr] .subscribeContent .h2, [dir=ltr] .subscribeContent h2 {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .subscribeContent .h2, [dir=rtl] .subscribeContent h2 {
        margin: 0rem 0rem 1.875rem 0rem
    }

    .subscribeList {
        display: none
    }
}

.defaultVideoModal, .detailModal, .eventModal, .subscriptionModal {
    padding: 0 !important
}

    .defaultVideoModal .modal-dialog, .detailModal .modal-dialog, .eventModal .modal-dialog, .subscriptionModal .modal-dialog {
        max-width: 82.9375rem;
        height: 52.625rem
    }

        .defaultVideoModal .modal-dialog .modal-content, .detailModal .modal-dialog .modal-content, .eventModal .modal-dialog .modal-content, .subscriptionModal .modal-dialog .modal-content {
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            -o-border-radius: 20px;
            -ms-border-radius: 20px;
            border-radius: 20px;
            overflow: hidden;
            border: none
        }

.modal-open {
    padding: 0 !important;
    overflow: hidden !important
}

.subscriptionRow {
    display: flex;
    height: 52.625rem
}

    .subscriptionRow .subsImgWrap {
        width: 38%;
        background-color: #fff;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center
    }

    .subscriptionRow .subscriptionWrapper {
        background: var(--bs-white);
        width: 62%;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

[dir=ltr] .subscriptionRow .subscriptionWrapper {
    padding: 7.5rem 4.0625rem 7.5rem 4.0625rem
}

[dir=rtl] .subscriptionRow .subscriptionWrapper {
    padding: 7.5rem 4.0625rem 7.5rem 4.0625rem
}

.subscriptionRow .subscriptionWrapper .imgWrapLogo {
    width: 21.4375rem
}

[dir=ltr] .subscriptionRow .subscriptionWrapper .imgWrapLogo {
    margin: 0rem 0rem 1.875rem 0rem
}

[dir=rtl] .subscriptionRow .subscriptionWrapper .imgWrapLogo {
    margin: 0rem 0rem 1.875rem 0rem
}

[dir=ltr] .subscriptionRow .subscriptionWrapper .detail-wrapper .h3, [dir=ltr] .subscriptionRow .subscriptionWrapper .detail-wrapper h3 {
    margin: 0rem 0rem 2.5rem 0rem
}

[dir=rtl] .subscriptionRow .subscriptionWrapper .detail-wrapper .h3, [dir=rtl] .subscriptionRow .subscriptionWrapper .detail-wrapper h3 {
    margin: 0rem 0rem 2.5rem 0rem
}

[dir=ltr] .subscriptionRow .subscriptionWrapper .detail-wrapper .img-logo {
    margin: 0rem 0rem 1.875rem 0rem
}

[dir=rtl] .subscriptionRow .subscriptionWrapper .detail-wrapper .img-logo {
    margin: 0rem 0rem 1.875rem 0rem
}

.modal-backdrop.show {
    background-color: #000;
    opacity: .7
}

.btn-close {
    position: absolute;
    top: 1.875rem;
    display: flex;
    align-items: center;
    width: initial;
    height: initial;
    color: var(--bs-black);
    background: 0 0;
    opacity: 1 !important;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    font-size: 1rem;
    color: var(--bs-black);
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .1125rem;
    z-index: 99
}

[dir=ltr] .btn-close {
    right: 1.875rem
}

[dir=rtl] .btn-close {
    left: 1.875rem
}

.btn-close span {
    display: inline;
    padding-bottom: 0;
    transition: all .5s linear;
    background: linear-gradient(to bottom,var(--bs-black) 0,var(--bs-black) 98%);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left 100%
}

[dir=rtl] .btn-close span {
    background-position: right 100%
}

@media (min-width:1200px) {
    .btn-close:hover span {
        background-size: 100% 1px
    }
}

[dir=rtl] .btn-close {
    letter-spacing: initial
}

.btn-close i {
    position: relative;
    top: -.0625rem
}

[dir=ltr] .btn-close i {
    margin: 0rem 0rem 0rem 1.125rem
}

[dir=rtl] .btn-close i {
    margin: 0rem 1.125rem 0rem 0rem
}

.btn-close i:before {
    font-size: .875rem
}

.btn-close:focus, .btn-close:hover {
    color: var(--bs-white)
}

.leaderShipPopup .modal-dialog {
    max-width: 99.9375rem;
    height: 52.625rem
}

    .leaderShipPopup .modal-dialog .modal-content {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -o-border-radius: 20px;
        -ms-border-radius: 20px;
        border-radius: 20px;
        overflow: hidden;
        border: none
    }

        .leaderShipPopup .modal-dialog .modal-content .modal-body {
            display: flex;
            justify-content: space-between
        }

[dir=ltr] .leaderShipPopup .modal-dialog .modal-content .modal-body {
    padding: 5.875rem 8.375rem 5.875rem 8.375rem
}

[dir=rtl] .leaderShipPopup .modal-dialog .modal-content .modal-body {
    padding: 5.875rem 8.375rem 5.875rem 8.375rem
}

.leaderShipPopup .sepLine {
    height: 2px
}

[dir=ltr] .leaderShipPopup .sepLine {
    margin: 0rem 0rem 2.125rem 0rem
}

[dir=rtl] .leaderShipPopup .sepLine {
    margin: 0rem 0rem 2.125rem 0rem
}

.leaderContent {
    width: 50%
}

[dir=ltr] .leaderContent p {
    margin: 0rem 0rem 2.5625rem 0rem
}

[dir=rtl] .leaderContent p {
    margin: 0rem 0rem 2.5625rem 0rem
}

.leaderImage {
    width: 39%;
    height: 38.25rem;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    overflow: hidden
}

    .leaderImage .leaderBgImage {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-color: #fff;
        background-position: center center;
        background-size: cover
    }

.leaderSocial {
    display: flex;
    flex-wrap: wrap
}

[dir=ltr] .leaderSocial {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .leaderSocial {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .leaderSocial {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .leaderSocial {
    padding: 0rem 0rem 0rem 0rem
}

.leaderSocial li {
    list-style: none;
    width: 3rem;
    height: 3rem
}

[dir=ltr] .leaderSocial li {
    margin: 0rem 1.25rem 0rem 0rem
}

[dir=rtl] .leaderSocial li {
    margin: 0rem 0rem 0rem 1.25rem
}

[dir=ltr] .leaderSocial li:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .leaderSocial li:last-child {
    margin: 0rem 0rem 0rem 0rem
}

.leaderSocial li a {
    width: 100%;
    height: 100%;
    background: #000;
    color: #fff;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.externalLinksPopup .modal-dialog {
    display: flex;
    align-items: center;
    max-width: 100%;
    height: 100%
}

[dir=ltr] .externalLinksPopup .modal-dialog {
    margin: 0
}

[dir=rtl] .externalLinksPopup .modal-dialog {
    margin: 0
}

.externalLinksPopup .modal-dialog .modal-content {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
    border: none;
    max-width: 42.875rem;
    height: 23.625rem
}

[dir=ltr] .externalLinksPopup .modal-dialog .modal-content {
    margin: auto auto auto auto
}

[dir=rtl] .externalLinksPopup .modal-dialog .modal-content {
    margin: auto auto auto auto
}

.externalLinksPopup .modal-dialog .modal-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

[dir=ltr] .externalLinksPopup .modal-dialog .modal-body {
    padding: 3.5rem 3.5rem 3.5rem 3.5rem
}

[dir=rtl] .externalLinksPopup .modal-dialog .modal-body {
    padding: 3.5rem 3.5rem 3.5rem 3.5rem
}

.btn-box {
    display: flex;
    justify-content: center
}

[dir=ltr] .btn-box .btn {
    margin: 0rem 1.875rem 0rem 1.875rem
}

[dir=rtl] .btn-box .btn {
    margin: 0rem 1.875rem 0rem 1.875rem
}

.defaultVideoModal {
    background-color: rgba(0,0,0,.7)
}

    .defaultVideoModal #playButton {
        height: 0;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 0
    }

    .defaultVideoModal iframe {
        height: 80vh
    }

    .defaultVideoModal .videoWrap {
        height: 80vh
    }

        .defaultVideoModal .videoWrap video {
            width: 100%;
            height: 100%;
            object-fit: cover
        }

    .defaultVideoModal .btn-close {
        color: var(--bs-white)
    }

@media (min-width:1200px) {
    .btn-close:hover {
        color: #000
    }

    .leaderSocial li a:hover {
        background: var(--bs-green-900);
        color: #fff
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .eventModal .modal-dialog, .subscriptionModal .modal-dialog {
        max-width: 90%;
        height: initial
    }

    .subscriptionRow .subsImgWrap img {
        height: 100%;
        object-fit: cover
    }

    .leaderShipPopup .modal-dialog {
        max-width: 90%
    }

    [dir=ltr] .leaderShipPopup .modal-dialog .modal-content .modal-body {
        padding: 5.625rem 3.125rem 3.125rem 3.125rem
    }

    [dir=rtl] .leaderShipPopup .modal-dialog .modal-content .modal-body {
        padding: 5.625rem 3.125rem 3.125rem 3.125rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .eventModal .modal-dialog, .subscriptionModal .modal-dialog {
        max-width: 90%;
        height: initial
    }

    .subscriptionRow .subsImgWrap {
        display: none
    }

    .subscriptionRow .subscriptionWrapper {
        width: 100%
    }

    [dir=ltr] .thanks {
        padding: 3.125rem 0rem 5rem 0rem
    }

    [dir=rtl] .thanks {
        padding: 3.125rem 0rem 5rem 0rem
    }

    .modal-open {
        overflow-y: hidden !important
    }

    .leaderShipPopup .modal-dialog {
        max-width: 90%
    }

    [dir=ltr] .leaderShipPopup .modal-dialog .modal-content .modal-body {
        padding: 5.625rem 1.875rem 3.125rem 3.125rem
    }

    [dir=rtl] .leaderShipPopup .modal-dialog .modal-content .modal-body {
        padding: 5.625rem 3.125rem 3.125rem 1.875rem
    }

    .leaderImage {
        height: 25rem
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    .eventModal .modal-dialog, .subscriptionModal .modal-dialog {
        height: initial
    }

    .subscriptionRow {
        display: block;
        height: initial
    }

        .subscriptionRow .subsImgWrap {
            display: none
        }

        .subscriptionRow .subscriptionWrapper {
            width: 100%
        }

    [dir=ltr] .subscriptionRow .subscriptionWrapper {
        padding: 5rem 1.875rem 1rem 1.875rem
    }

    [dir=rtl] .subscriptionRow .subscriptionWrapper {
        padding: 5rem 1.875rem 1rem 1.875rem
    }

    .subscriptionRow .subscriptionWrapper .imgWrapLogo {
        width: 80%
    }

    [dir=ltr] .subscriptionRow .subscriptionWrapper .imgWrapLogo {
        margin: 0rem 0rem .9375rem 0rem
    }

    [dir=rtl] .subscriptionRow .subscriptionWrapper .imgWrapLogo {
        margin: 0rem 0rem .9375rem 0rem
    }

    [dir=ltr] .thanks {
        padding: 3.125rem 0rem 3.75rem 0rem
    }

    [dir=rtl] .thanks {
        padding: 3.125rem 0rem 3.75rem 0rem
    }

    .modal-open {
        overflow-y: hidden !important
    }

    .btn-close {
        top: .9375rem
    }

    [dir=ltr] .btn-close {
        right: .9375rem
    }

    [dir=rtl] .btn-close {
        left: .9375rem
    }

    .leaderShipPopup .modal-dialog {
        height: initial
    }

        .leaderShipPopup .modal-dialog .modal-content .modal-body {
            display: flex;
            flex-direction: column
        }

    [dir=ltr] .leaderShipPopup .modal-dialog .modal-content .modal-body {
        padding: 4.375rem 1.875rem 1.875rem 1.875rem
    }

    [dir=rtl] .leaderShipPopup .modal-dialog .modal-content .modal-body {
        padding: 4.375rem 1.875rem 1.875rem 1.875rem
    }

    [dir=ltr] .leaderShipPopup .sepLine {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .leaderShipPopup .sepLine {
        margin: 0rem 0rem 1.25rem 0rem
    }

    .leaderContent {
        width: 100%;
        order: 2
    }

    .leaderImage {
        width: 100%;
        height: 21.875rem;
        order: 1
    }

    [dir=ltr] .leaderImage {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .leaderImage {
        margin: 0rem 0rem 1.875rem 0rem
    }

    .externalLinksPopup .modal-dialog .modal-content {
        max-width: 85%;
        height: auto
    }

    [dir=ltr] .externalLinksPopup .modal-dialog .modal-content {
        margin: auto auto auto auto
    }

    [dir=rtl] .externalLinksPopup .modal-dialog .modal-content {
        margin: auto auto auto auto
    }

    [dir=ltr] .externalLinksPopup .modal-dialog .modal-content .modal-body {
        padding: 1.875rem 1.875rem 1.875rem 1.875rem
    }

    [dir=rtl] .externalLinksPopup .modal-dialog .modal-content .modal-body {
        padding: 1.875rem 1.875rem 1.875rem 1.875rem
    }

    .btn-box {
        display: block;
        justify-content: center
    }

    [dir=ltr] .btn-box .btn {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .btn-box .btn {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=ltr] .btn-box .btn:last-child {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .btn-box .btn:last-child {
        margin: 0rem 0rem 0rem 0rem
    }
}

.whoWeAre {
    background: var(--bs-white);
    position: relative;
    z-index: 1
}

[dir=ltr] .whoWeAre {
    padding: 0rem 0rem 6.875rem 0rem
}

[dir=rtl] .whoWeAre {
    padding: 0rem 0rem 6.875rem 0rem
}

.whoWeAreCont {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%
}

.whoWeAreCol {
    width: 45%;
    display: flex;
    flex-wrap: nowrap
}

[dir=ltr] .whoWeAreCol {
    margin: 0rem 0rem 7.1875rem 0rem
}

[dir=rtl] .whoWeAreCol {
    margin: 0rem 0rem 7.1875rem 0rem
}

@media (min-width:992px) and (max-width:1199.98px) {
    [dir=ltr] .whoWeAre {
        padding: 5rem 0rem 5rem 0rem
    }

    [dir=rtl] .whoWeAre {
        padding: 5rem 0rem 5rem 0rem
    }

    .whoWeAreCol {
        width: 47%
    }

    [dir=ltr] .whoWeAreCol {
        margin: 0rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .whoWeAreCol {
        margin: 0rem 0rem 3.125rem 0rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    [dir=ltr] .whoWeAre {
        padding: 5rem 0rem 5rem 0rem
    }

    [dir=rtl] .whoWeAre {
        padding: 5rem 0rem 5rem 0rem
    }

    .whoWeAreCol {
        width: 100%
    }

    [dir=ltr] .whoWeAreCol {
        margin: 0rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .whoWeAreCol {
        margin: 0rem 0rem 3.125rem 0rem
    }

    [dir=ltr] .whoWeAreCol:nth-last-child(2) {
        margin: 0rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .whoWeAreCol:nth-last-child(2) {
        margin: 0rem 0rem 3.125rem 0rem
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .whoWeAre {
        padding: 5rem 0rem 5rem 0rem
    }

    [dir=rtl] .whoWeAre {
        padding: 5rem 0rem 5rem 0rem
    }

    .whoWeAreCont {
        display: block
    }

    .whoWeAreCol {
        width: 100%;
        display: block
    }

    [dir=ltr] .whoWeAreCol {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .whoWeAreCol {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .whoWeAreCol {
        margin: 0rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .whoWeAreCol {
        margin: 0rem 0rem 3.125rem 0rem
    }

    [dir=ltr] .whoWeAreCol:nth-last-child(2) {
        margin: 0rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .whoWeAreCol:nth-last-child(2) {
        margin: 0rem 0rem 3.125rem 0rem
    }

    .whoWeAreCol:last-child {
        border: none
    }

    [dir=ltr] .whoWeAreCol:last-child {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .whoWeAreCol:last-child {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .whoWeAreCol:last-child {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .whoWeAreCol:last-child {
        margin: 0rem 0rem 0rem 0rem
    }
}

.breadCrumbSection {
    background: var(--bs-white);
    position: relative;
    z-index: 1;
    border-bottom: solid 1px var(--bs-grey-600)
}

[dir=ltr] .breadCrumbSection {
    padding: 1.0625rem 0rem 1.125rem 0rem
}

[dir=rtl] .breadCrumbSection {
    padding: 1.0625rem 0rem 1.125rem 0rem
}

.breadcrumb-item {
    position: relative;
    display: flex;
    align-items: center;
    letter-spacing: -.02rem
}

[dir=ltr] .breadcrumb-item {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .breadcrumb-item {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .breadcrumb-item {
    letter-spacing: initial
}

.breadcrumb-item a {
    color: var(--bs-grey-800);
    text-decoration: none;
    font-size: 1rem;
    color: var(--bs-grey-800);
    text-decoration: none
}

    .breadcrumb-item a span {
        display: inline;
        padding-bottom: 0;
        transition: all .5s linear;
        background: linear-gradient(to bottom,var(--bs-grey-800) 0,var(--bs-grey-800) 98%);
        background-size: 0 1px;
        background-repeat: no-repeat;
        background-position: left 100%
    }

[dir=rtl] .breadcrumb-item a span {
    background-position: right 100%
}

@media (min-width:1200px) {
    .breadcrumb-item a:hover span {
        background-size: 100% 1px
    }
}

.breadcrumb-item a:focus, .breadcrumb-item a:hover {
    text-decoration: none
}

.breadcrumb-item span {
    color: var(--bs-grey-800)
}

[dir=ltr] .breadcrumb-item + .breadcrumb-item {
    padding: 0rem 0rem 0rem 1.125rem
}

[dir=rtl] .breadcrumb-item + .breadcrumb-item {
    padding: 0rem 1.125rem 0rem 0rem
}

.breadcrumb-item + .breadcrumb-item:before {
    font-family: icomoon !important;
    font-size: .5625rem;
    content: "\e930";
    font-weight: 400;
    line-height: initial
}

[dir=rtl] .breadcrumb-item + .breadcrumb-item:before {
    content: "\e931"
}

[dir=ltr] .breadcrumb-item + .breadcrumb-item:before {
    padding: 0rem 1.1875rem 0rem 0rem
}

[dir=rtl] .breadcrumb-item + .breadcrumb-item:before {
    padding: 0rem 0rem 0rem 1.1875rem
}

.breadcrumb-item + .breadcrumb-item.active {
    font-weight: 500;
    color: var(--bs-green-900)
}

@media (min-width:319.98px) and (max-width:767.98px) {
    .breadcrumb-item + .breadcrumb-item:before {
        position: relative;
        top: -1px
    }
}

.innerHeroBanner {
    height: 200vh;
    position: relative
}

.innerBannerContent {
    background: radial-gradient(107.32% 141.42% at 0 0,rgba(255,255,255,.56) 0,rgba(255,255,255,.9) 100%);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    height: 70vh;
    position: relative
}

[dir=ltr] .innerBannerContent {
    padding: 10rem 0rem 0rem 0rem
}

[dir=rtl] .innerBannerContent {
    padding: 10rem 0rem 0rem 0rem
}

[dir=ltr] .innerBannerContent .h1, [dir=ltr] .innerBannerContent .h2, [dir=ltr] .innerBannerContent .h3, [dir=ltr] .innerBannerContent .h4, [dir=ltr] .innerBannerContent .h5, [dir=ltr] .innerBannerContent .h6, [dir=ltr] .innerBannerContent .subHeading, [dir=ltr] .innerBannerContent .title5, [dir=ltr] .innerBannerContent h1, [dir=ltr] .innerBannerContent h2, [dir=ltr] .innerBannerContent h3, [dir=ltr] .innerBannerContent h4, [dir=ltr] .innerBannerContent h5, [dir=ltr] .innerBannerContent h6, [dir=ltr] .innerBannerContent p {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .innerBannerContent .h1, [dir=rtl] .innerBannerContent .h2, [dir=rtl] .innerBannerContent .h3, [dir=rtl] .innerBannerContent .h4, [dir=rtl] .innerBannerContent .h5, [dir=rtl] .innerBannerContent .h6, [dir=rtl] .innerBannerContent .subHeading, [dir=rtl] .innerBannerContent .title5, [dir=rtl] .innerBannerContent h1, [dir=rtl] .innerBannerContent h2, [dir=rtl] .innerBannerContent h3, [dir=rtl] .innerBannerContent h4, [dir=rtl] .innerBannerContent h5, [dir=rtl] .innerBannerContent h6, [dir=rtl] .innerBannerContent p {
    margin: 0rem 0rem 0rem 0rem
}

.darkMode .innerBannerContent {
    background: radial-gradient(107.32% 141.42% at 0 0,rgba(0,0,0,.56) 0,rgba(0,0,0,.9) 100%)
}

.greenLines {
    position: absolute;
    top: 0;
    width: 100%;
    height: 20.1875rem
}

[dir=ltr] .greenLines {
    left: 0
}

[dir=rtl] .greenLines {
    right: 0
}

.innerHeroVideo {
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden
}

[dir=ltr] .innerHeroVideo {
    left: 0
}

[dir=rtl] .innerHeroVideo {
    right: 0
}

.innerHeroVideo:before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
    z-index: 1;
    content: ''
}

[dir=ltr] .innerHeroVideo:before {
    left: 0
}

[dir=rtl] .innerHeroVideo:before {
    right: 0
}

.innerHeroVideo .darkMode .innerHeroVideo:before {
    background: linear-gradient(0deg,rgba(0,0,0,.3) 0,rgba(0,0,0,.3) 100%)
}

.innerHeroVideo video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    object-fit: cover;
    height: 100%
}

.innerHeroVideo img {
    width: 100%;
    object-fit: cover;
    height: 100%
}

.scrollWrapper {
    width: 100%;
    position: absolute;
    bottom: 0
}

[dir=ltr] .scrollWrapper {
    left: 0
}

[dir=rtl] .scrollWrapper {
    right: 0
}

[dir=ltr] .scrollWrapper {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .scrollWrapper {
    padding: 0rem 0rem 0rem 0rem
}

.scrollBox {
    border-top: 2px solid var(--bs-green-800);
    display: flex;
    justify-content: space-between
}

[dir=ltr] .scrollBox {
    padding: 1.9375rem 0rem 2.5rem 0rem
}

[dir=rtl] .scrollBox {
    padding: 1.9375rem 0rem 2.5rem 0rem
}

.scrollText {
    display: flex
}

.arrowsAnimate {
    display: flex
}

[dir=ltr] .arrowsAnimate {
    margin: 0rem 0rem 0rem 5.6875rem
}

[dir=rtl] .arrowsAnimate {
    margin: 0rem 5.6875rem 0rem 0rem
}

.arrowsAnimate i {
    color: #000;
    position: relative;
    display: block
}

[dir=ltr] .arrowsAnimate i {
    margin: 0rem 1.1875rem 0rem 0rem
}

[dir=rtl] .arrowsAnimate i {
    margin: 0rem 0rem 0rem 1.1875rem
}

[dir=ltr] .arrowsAnimate i:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .arrowsAnimate i:last-child {
    margin: 0rem 0rem 0rem 0rem
}

.arrowsAnimate i:before {
    font-size: 1.125rem
}

.innerBannerBackContent {
    position: absolute;
    top: 0;
    width: 100%;
    height: 87vh;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: column;
    z-index: 1
}

[dir=ltr] .innerBannerBackContent {
    left: 0
}

[dir=rtl] .innerBannerBackContent {
    right: 0
}

.innerBannerBackContent .h3, .innerBannerBackContent h3 {
    font-weight: 300
}

.innerBannerBackContent .h1, .innerBannerBackContent .h2, .innerBannerBackContent .h3, .innerBannerBackContent .h4, .innerBannerBackContent .h5, .innerBannerBackContent .h6, .innerBannerBackContent .subHeading, .innerBannerBackContent .title5, .innerBannerBackContent h1, .innerBannerBackContent h2, .innerBannerBackContent h3, .innerBannerBackContent h4, .innerBannerBackContent h5, .innerBannerBackContent h6, .innerBannerBackContent p {
    color: #fff
}

[dir=ltr] .innerBannerBackContent .h2, [dir=ltr] .innerBannerBackContent h2 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .innerBannerBackContent .h2, [dir=rtl] .innerBannerBackContent h2 {
    margin: 0rem 0rem 0rem 0rem
}

.innerBannerBackContent .playButton {
    position: initial
}

[dir=ltr] .innerBannerBackContent .playButton {
    margin: 0rem 0rem 4.0625rem 0rem
}

[dir=rtl] .innerBannerBackContent .playButton {
    margin: 0rem 0rem 4.0625rem 0rem
}

.playButton {
    color: #000;
    width: 6.5625rem;
    height: 3.5625rem;
    display: flex;
    background: #fff;
    text-decoration: none;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: absolute;
    top: 0;
    bottom: 0
}

[dir=ltr] .playButton {
    padding: 1rem 2rem .9375rem 2.8125rem
}

[dir=rtl] .playButton {
    padding: 1rem 2.8125rem .9375rem 2rem
}

[dir=ltr] .playButton {
    margin: auto auto auto auto
}

[dir=rtl] .playButton {
    margin: auto auto auto auto
}

[dir=ltr] .playButton {
    left: 0
}

[dir=rtl] .playButton {
    right: 0
}

[dir=ltr] .playButton {
    right: 0
}

[dir=rtl] .playButton {
    left: 0
}

.playButton span {
    opacity: 0;
    visibility: hidden;
    position: relative;
    top: -.125rem;
    font-size: 1.125rem;
    font-weight: 700;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    transition-delay: 0s;
    color: #fff !important
}

[dir=ltr] .playButton span {
    margin: 0rem 0rem 0rem 1.0625rem
}

[dir=rtl] .playButton span {
    margin: 0rem 1.0625rem 0rem 0rem
}

.playButton i:before {
    font-size: 1.375rem
}

.shareContainer {
    position: absolute;
    top: 2.5rem
}

[dir=ltr] .shareContainer {
    left: 0
}

[dir=rtl] .shareContainer {
    right: 0
}

[dir=ltr] .shareContainer {
    right: 0
}

[dir=rtl] .shareContainer {
    left: 0
}

[dir=ltr] .shareContainer {
    margin: auto auto auto auto
}

[dir=rtl] .shareContainer {
    margin: auto auto auto auto
}

@media (min-width:1200px) {
    .playButton:hover {
        width: 9.5rem;
        background: var(--bs-redOrange);
        color: #fff
    }

        .playButton:hover span {
            opacity: 1;
            visibility: visible;
            transition-delay: .5s
        }
}

@media (min-width:768px) and (max-width:991.98px) {
    .innerBannerBackContent {
        height: 82vh
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .innerBannerContent {
        padding: 4.375rem 0rem 0rem 0rem
    }

    [dir=rtl] .innerBannerContent {
        padding: 4.375rem 0rem 0rem 0rem
    }

    [dir=ltr] .innerBannerContent .h1, [dir=ltr] .innerBannerContent h1 {
        margin: 0rem 0rem .9375rem 0rem
    }

    [dir=rtl] .innerBannerContent .h1, [dir=rtl] .innerBannerContent h1 {
        margin: 0rem 0rem .9375rem 0rem
    }

    [dir=ltr] .innerBannerBackContent .subHeading {
        margin: 0rem 0rem .9375rem 0rem
    }

    [dir=rtl] .innerBannerBackContent .subHeading {
        margin: 0rem 0rem .9375rem 0rem
    }

    [dir=ltr] .innerBannerBackContent .playButton {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .innerBannerBackContent .playButton {
        margin: 0rem 0rem 1.875rem 0rem
    }

    .shareContainer {
        top: 1.25rem
    }

    [dir=ltr] .scrollWrapper {
        padding: 1.875rem 0rem 0rem 0rem
    }

    [dir=rtl] .scrollWrapper {
        padding: 1.875rem 0rem 0rem 0rem
    }

    .scrollBox {
        display: block
    }

    [dir=ltr] .scrollBox {
        padding: .9375rem 0rem .9375rem 0rem
    }

    [dir=rtl] .scrollBox {
        padding: .9375rem 0rem .9375rem 0rem
    }

    .scrollBox .subHeading {
        display: none
    }

    .scrollText {
        justify-content: space-between
    }

    [dir=ltr] .scrollText {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .scrollText {
        padding: 0rem 0rem 0rem 0rem
    }

    .scrollText .subHeading {
        font-size: .75rem;
        display: block
    }

    [dir=ltr] .scrollText .arrowsAnimate {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .scrollText .arrowsAnimate {
        margin: 0rem 0rem 0rem 0rem
    }

    .scrollText .arrowsAnimate i:before {
        font-size: 1rem
    }

    .greenLines {
        display: none
    }
}

[dir=ltr] .sideMenu {
    padding: 0rem 3.125rem 0rem 0rem
}

[dir=rtl] .sideMenu {
    padding: 0rem 0rem 0rem 3.125rem
}

.sideMenu .subHeading {
    color: var(--bs-green-900);
    border-bottom: 2px solid var(--bs-grey-900)
}

[dir=ltr] .sideMenu .subHeading {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .sideMenu .subHeading {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .sideMenu .subHeading {
    padding: 0rem 0rem 1.875rem 0rem
}

[dir=rtl] .sideMenu .subHeading {
    padding: 0rem 0rem 1.875rem 0rem
}

[dir=ltr] .sideMenu nav ul {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .sideMenu nav ul {
    padding: 0rem 0rem 0rem 0rem
}

[dir=ltr] .sideMenu nav ul {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .sideMenu nav ul {
    margin: 0rem 0rem 0rem 0rem
}

.sideMenu nav ul li {
    list-style: none;
    display: block;
    position: relative
}

    .sideMenu nav ul li.active > a {
        color: var(--bs-black);
        font-weight: 600
    }

        .sideMenu nav ul li.active > a i {
            opacity: 1;
            visibility: visible
        }

        .sideMenu nav ul li.active > a + .sideMenuArrow i:before {
            content: "\e92b"
        }

    .sideMenu nav ul li.active ul {
        display: block
    }

    .sideMenu nav ul li .sideMenuArrow {
        position: absolute;
        top: 1.25rem;
        width: 1.5rem;
        height: 1.5rem;
        display: flex;
        align-items: center;
        justify-content: center
    }

[dir=ltr] .sideMenu nav ul li .sideMenuArrow {
    right: 0
}

[dir=rtl] .sideMenu nav ul li .sideMenuArrow {
    left: 0
}

.sideMenu nav ul li .sideMenuArrow i:before {
    font-size: 1rem
}

.sideMenu nav ul li a {
    text-decoration: none;
    font-size: 1.25rem;
    color: var(--bs-grey-800);
    border-bottom: solid 1px var(--bs-grey-600);
    display: flex;
    align-items: center;
    font-weight: 400;
    line-height: 1.75rem;
    letter-spacing: -.04rem;
    position: relative
}

[dir=ltr] .sideMenu nav ul li a {
    padding: 1.25rem 1.5rem 1.25rem 0rem
}

[dir=rtl] .sideMenu nav ul li a {
    padding: 1.25rem 0rem 1.25rem 1.5rem
}

[dir=rtl] .sideMenu nav ul li a {
    letter-spacing: initial
}

.sideMenu nav ul li a i {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: absolute;
    color: var(--bs-green-900)
}

[dir=ltr] .sideMenu nav ul li a i {
    right: 0
}

[dir=rtl] .sideMenu nav ul li a i {
    left: 0
}

.sideMenu nav ul li a i:before {
    font-size: .875rem
}

.sideMenu nav ul li a span {
    display: inline;
    padding-bottom: 0;
    transition: all .5s linear;
    background: linear-gradient(to bottom,#000 0,#000 98%);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left 100%
}

[dir=rtl] .sideMenu nav ul li a span {
    background-position: right 100%
}

.sideMenu nav ul li a:focus, .sideMenu nav ul li a:hover {
    text-decoration: none
}

.sideMenu nav ul li i {
    cursor: pointer
}

.sideMenu nav ul li ul {
    display: none
}

[dir=ltr] .sideMenu nav ul li ul {
    margin: 1.25rem 0rem 0rem 0rem
}

[dir=rtl] .sideMenu nav ul li ul {
    margin: 1.25rem 0rem 0rem 0rem
}

.sideMenu nav ul li ul.active {
    display: block
}

[dir=ltr] .sideMenu nav ul li ul li {
    margin: 0rem 0rem .75rem 0rem
}

[dir=rtl] .sideMenu nav ul li ul li {
    margin: 0rem 0rem .75rem 0rem
}

.sideMenu nav ul li ul li a {
    font-weight: 300;
    border: none;
    display: flex;
    font-size: 1rem
}

[dir=ltr] .sideMenu nav ul li ul li a {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .sideMenu nav ul li ul li a {
    padding: 0rem 0rem 0rem 0rem
}

.sideMenu nav ul li ul li a:before {
    content: "\2022";
    color: var(--bs-grey-700);
    font-weight: 700;
    font-size: 1.5rem;
    display: inline-block;
    width: 1.5625rem;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.sideMenu nav ul li ul li.active a {
    font-weight: 300
}

    .sideMenu nav ul li ul li.active a span {
        background-size: 100% 1px
    }

    .sideMenu nav ul li ul li.active a:before {
        color: var(--bs-green-800)
    }

.sideMenu nav ul li:last-child a {
    border-bottom: none
}

@media (min-width:1200px) {
    .sideMenu.stickySideEvent {
        width: 23.5rem;
        height: 70vh;
        overflow: auto
    }

    .sideMenu nav ul li a:hover span {
        background-size: 100% 1px
    }

    .sideMenu nav ul li a:hover i {
        opacity: 1;
        visibility: visible
    }

    .sideMenu nav ul li ul li a:hover:before {
        color: var(--bs-green-800)
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    .sideMenu {
        border-bottom: 2px solid var(--bs-grey-900)
    }

    [dir=ltr] .sideMenu {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .sideMenu {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .sideMenu {
        margin: 0rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .sideMenu {
        margin: 0rem 0rem 3.125rem 0rem
    }
}

.chairmanMsg-sec {
    background: var(--bs-white);
    position: relative;
    z-index: 1
}

[dir=ltr] .chairmanMsg-sec {
    padding: 0rem 0rem 9.375rem 0rem
}

[dir=rtl] .chairmanMsg-sec {
    padding: 0rem 0rem 9.375rem 0rem
}

.generalWrap {
    background: var(--bs-grey-500);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    float: left
}

[dir=ltr] .generalWrap {
    padding: 3.75rem 3.375rem 3.75rem 3.375rem
}

[dir=rtl] .generalWrap {
    padding: 3.75rem 3.375rem 3.75rem 3.375rem
}

.darkMode .generalWrap {
    background: var(--bs-grey-900)
}

.chairmanImg {
    display: block;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: var(--bs-black);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    overflow: hidden;
    width: 45rem;
    height: 26.25rem;
    z-index: 9;
    float: left
}

[dir=ltr] .chairmanImg {
    margin: 0rem 3.125rem 1.875rem 0rem
}

[dir=rtl] .chairmanImg {
    margin: 0rem 0rem 1.875rem 3.125rem
}

[dir=rtl] .chairmanImg {
    float: right
}

.chairmanImg-2 {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    overflow: hidden;
    width: 50%;
    height: 22.9375rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: var(--bs-black)
}

[dir=ltr] .chairmanImg-2 {
    margin: 0rem 0rem 2.5rem 0rem
}

[dir=rtl] .chairmanImg-2 {
    margin: 0rem 0rem 2.5rem 0rem
}

.chairmanMsg .h4, .chairmanMsg h4 {
    color: var(--bs-blue-900);
    font-weight: 300
}

.quoteIcon {
    color: var(--bs-blue-900)
}

    .quoteIcon:before {
        font-size: 1.125rem
    }

.quoteBox {
    position: relative
}

[dir=ltr] .quoteBox {
    padding: 0rem 0rem 0rem 3.125rem
}

[dir=rtl] .quoteBox {
    padding: 0rem 3.125rem 0rem 0rem
}

.chairmanMsg-2 {
    width: 50%;
    position: relative
}

[dir=ltr] .chairmanMsg-2 {
    padding: 0rem 1.25rem 0rem 3.125rem
}

[dir=rtl] .chairmanMsg-2 {
    padding: 0rem 3.125rem 0rem 1.25rem
}

.chairmanMsg-2 .h4, .chairmanMsg-2 h4 {
    font-weight: 300;
    color: var(--bs-green-900)
}

[dir=ltr] .chairmanMsg-2 .h4, [dir=ltr] .chairmanMsg-2 h4 {
    margin: 0rem 0rem .625rem 0rem
}

[dir=rtl] .chairmanMsg-2 .h4, [dir=rtl] .chairmanMsg-2 h4 {
    margin: 0rem 0rem .625rem 0rem
}

.chairmanMsg-2 .h4 a, .chairmanMsg-2 h4 a {
    font-size: 1.875rem;
    color: var(--bs-black);
    text-decoration: none
}

    .chairmanMsg-2 .h4 a span, .chairmanMsg-2 h4 a span {
        display: inline;
        padding-bottom: 0;
        transition: all .5s linear;
        background: linear-gradient(to bottom,var(--bs-black) 0,var(--bs-black) 98%);
        background-size: 0 1px;
        background-repeat: no-repeat;
        background-position: left 100%
    }

[dir=rtl] .chairmanMsg-2 .h4 a span, [dir=rtl] .chairmanMsg-2 h4 a span {
    background-position: right 100%
}

@media (min-width:1200px) {
    .chairmanMsg-2 .h4 a:hover span, .chairmanMsg-2 h4 a:hover span {
        background-size: 100% 1px
    }
}

.chairmanMsg-2 .h5, .chairmanMsg-2 .title5, .chairmanMsg-2 h5 {
    color: var(--bs-green-900)
}

.chairmanMsg-2 .designation {
    color: var(--bs-green-900)
}

.name-designation {
    position: relative;
    display: flex;
    flex-direction: column
}

[dir=ltr] .name-designation {
    padding: 0rem 0rem 0rem 1.6875rem
}

[dir=rtl] .name-designation {
    padding: 0rem 1.6875rem 0rem 0rem
}

[dir=ltr] .name-designation {
    margin: auto 0rem 0rem 0rem
}

[dir=rtl] .name-designation {
    margin: auto 0rem 0rem 0rem
}

.name-designation:before {
    content: '';
    position: absolute;
    top: 0;
    width: .1875rem;
    height: 100%;
    background: var(--bs-blue-900)
}

[dir=ltr] .name-designation:before {
    left: 0
}

[dir=rtl] .name-designation:before {
    right: 0
}

.name-designation .blueLine:before {
    content: '';
    position: absolute;
    top: 0;
    width: .1875rem;
    height: 100%;
    background: var(--bs-blue-900)
}

[dir=ltr] .name-designation .blueLine:before {
    left: 0
}

[dir=rtl] .name-designation .blueLine:before {
    right: 0
}

.name-designation p.lead {
    font-weight: 600
}

[dir=ltr] .name-designation p.lead {
    margin: 0rem 0rem .3125rem 0rem
}

[dir=rtl] .name-designation p.lead {
    margin: 0rem 0rem .3125rem 0rem
}

.name-designation a {
    font-weight: 600;
    text-decoration: none;
    color: var(--bs-black);
    font-size: 1.25rem
}

[dir=ltr] .name-designation a {
    margin: 0rem 0rem .3125rem 0rem
}

[dir=rtl] .name-designation a {
    margin: 0rem 0rem .3125rem 0rem
}

.name-designation .designation {
    font-size: .75rem;
    display: block;
    color: var(--bs-black);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .15rem
}

[dir=rtl] .name-designation .designation {
    letter-spacing: initial
}

@media (min-width:992px) and (max-width:1199.98px) {
    [dir=ltr] .chairmanMsg-sec {
        padding: 5rem 0rem 5rem 0rem
    }

    [dir=rtl] .chairmanMsg-sec {
        padding: 5rem 0rem 5rem 0rem
    }

    .chairmanImg {
        width: 30rem;
        height: 23.75rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    [dir=ltr] .chairmanMsg-sec {
        padding: 5rem 0rem 5rem 0rem
    }

    [dir=rtl] .chairmanMsg-sec {
        padding: 5rem 0rem 5rem 0rem
    }

    .chairmanImg {
        width: 21.875rem;
        height: 17.5rem
    }

    .chairmanImg-2 {
        width: 100%;
        height: 17.5rem
    }

    .chairmanMsg-2 {
        width: 100%
    }

    [dir=ltr] .chairmanMsg-2 {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .chairmanMsg-2 {
        padding: 0rem 0rem 0rem 0rem
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .chairmanMsg-sec {
        padding: 3.75rem 0rem 3.75rem 0rem
    }

    [dir=rtl] .chairmanMsg-sec {
        padding: 3.75rem 0rem 3.75rem 0rem
    }

    [dir=ltr] .generalWrap {
        padding: 2.5rem 1.25rem 2.5rem 1.25rem
    }

    [dir=rtl] .generalWrap {
        padding: 2.5rem 1.25rem 2.5rem 1.25rem
    }

    .chairmanWrapper {
        display: block
    }

    .chairmanImg, .chairmanImg-2 {
        width: 100%;
        height: 18.75rem
    }

    [dir=ltr] .chairmanImg, [dir=ltr] .chairmanImg-2 {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .chairmanImg, [dir=rtl] .chairmanImg-2 {
        margin: 0rem 0rem 1.875rem 0rem
    }

    .chairmanMsg {
        width: 100%
    }

    .chairmanMsg-2 {
        width: 100%
    }

    [dir=ltr] .chairmanMsg-2 {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .chairmanMsg-2 {
        padding: 0rem 0rem 0rem 0rem
    }
}

.dedNumber {
    position: relative;
    background: var(--bs-white)
}

    .dedNumber.bgGrey {
        background: var(--bs-grey-500)
    }

[dir=ltr] .dedNumber.bgGrey {
    padding: 0rem 0rem 9.375rem 0rem
}

[dir=rtl] .dedNumber.bgGrey {
    padding: 0rem 0rem 9.375rem 0rem
}

[dir=ltr] .dedNumber.pb-110 {
    padding: 0rem 0rem 5rem 0rem
}

[dir=rtl] .dedNumber.pb-110 {
    padding: 0rem 0rem 5rem 0rem
}

.dedNumber .subHeading {
    color: var(--bs-green-900)
}

.dedNumber .inside-head {
    align-items: center;
    justify-content: flex-end;
    position: relative
}

[dir=ltr] .dedNumber .inside-head {
    margin: 0rem 0rem 5rem 0rem
}

[dir=rtl] .dedNumber .inside-head {
    margin: 0rem 0rem 5rem 0rem
}

.dedNumber .inside-head:before {
    content: '';
    position: absolute;
    width: 90%;
    height: 2px;
    background: var(--bs-green-800)
}

[dir=ltr] .dedNumber .inside-head:before {
    left: 0
}

[dir=rtl] .dedNumber .inside-head:before {
    right: 0
}

[dir=ltr] .dedNumber .inside-head .subHeading {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .dedNumber .inside-head .subHeading {
    margin: 0rem 0rem 0rem 0rem
}

.dedNumber.noArrows .inside-head:before {
    width: 100%
}

.dedNumber.noArrows .inside-navigation {
    display: none
}

[dir=ltr] .dedNumber .h1, [dir=ltr] .dedNumber h1 {
    margin: 0rem 0rem .625rem 0rem
}

[dir=rtl] .dedNumber .h1, [dir=rtl] .dedNumber h1 {
    margin: 0rem 0rem .625rem 0rem
}

[dir=ltr] .dedNumber .h6, [dir=ltr] .dedNumber h6 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .dedNumber .h6, [dir=rtl] .dedNumber h6 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .dedNumber .h3, [dir=ltr] .dedNumber h3 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .dedNumber .h3, [dir=rtl] .dedNumber h3 {
    margin: 0rem 0rem 0rem 0rem
}

.darkMode .dedNumber.bgGrey {
    background: var(--bs-grey-900)
}

.darkMode .dedNumberSlider .txtWrap .h6, .darkMode .dedNumberSlider .txtWrap h6 {
    color: var(--bs-green-800)
}

.dedNumberSlider .iconWrap {
    width: 4.8125rem;
    height: 5rem;
    display: flex;
    align-items: center
}

[dir=ltr] .dedNumberSlider .iconWrap {
    margin: 0rem 0rem 3.6875rem 0rem
}

[dir=rtl] .dedNumberSlider .iconWrap {
    margin: 0rem 0rem 3.6875rem 0rem
}

.dedNumberSlider .iconWrap img, .dedNumberSlider .iconWrap svg {
    width: 100%;
    height: 100%
}

.dedNumberSlider .imgWrap {
    width: 4.8125rem;
    height: 5rem;
    display: flex;
    align-items: center
}

[dir=ltr] .dedNumberSlider .imgWrap {
    margin: 0rem 0rem 3.6875rem 0rem
}

[dir=rtl] .dedNumberSlider .imgWrap {
    margin: 0rem 0rem 3.6875rem 0rem
}

.dedNumberSlider .imgWrap img, .dedNumberSlider .imgWrap svg {
    width: 100%;
    height: 100%
}

    .dedNumberSlider .imgWrap svg path {
        stroke: var(--bs-black)
    }

    .dedNumberSlider .imgWrap svg circle {
        stroke: var(--bs-black)
    }

    .dedNumberSlider .imgWrap svg line {
        stroke: var(--bs-black)
    }

    .dedNumberSlider .imgWrap svg rect {
        stroke: var(--bs-black)
    }

.dedNumberSlider .imgWrap.bigImage {
    width: 13.4375rem;
    height: 4.0625rem
}

    .dedNumberSlider .imgWrap.bigImage img {
        width: 100%;
        height: auto
    }

[dir=ltr] .dedNumberSlider .number-count {
    margin: 0rem 0rem 1rem 0rem
}

[dir=rtl] .dedNumberSlider .number-count {
    margin: 0rem 0rem 1rem 0rem
}

.dedNumberSlider .number-count .h3, .dedNumberSlider .number-count h3 {
    font-weight: 500;
    letter-spacing: normal
}

[dir=ltr] .dedNumberSlider .txtWrap {
    padding: 0rem 3.125rem 0rem 0rem
}

[dir=rtl] .dedNumberSlider .txtWrap {
    padding: 0rem 0rem 0rem 3.125rem
}

.dedNumberSlider .txtWrap .h6, .dedNumberSlider .txtWrap h6 {
    color: var(--bs-green-900);
    letter-spacing: normal;
    line-height: 2rem;
    text-transform: capitalize
}

.valueDedNumberSec .dedNumberBox .imgWrap {
    max-height: 3.9375rem
}

[dir=ltr] .valueDedNumberSec .dedNumberBox .imgWrap {
    margin: 0rem 0rem 4.0625rem 0rem
}

[dir=rtl] .valueDedNumberSec .dedNumberBox .imgWrap {
    margin: 0rem 0rem 4.0625rem 0rem
}

.valueDedNumberSec .dedNumberBox .imgWrap img {
    max-width: 100%;
    max-height: 100%;
    width: auto
}

[dir=ltr] .valueDedNumberSec .dedNumberBox .h3, [dir=ltr] .valueDedNumberSec .dedNumberBox h3 {
    margin: 0rem 0rem 1.25rem 0rem
}

[dir=rtl] .valueDedNumberSec .dedNumberBox .h3, [dir=rtl] .valueDedNumberSec .dedNumberBox h3 {
    margin: 0rem 0rem 1.25rem 0rem
}

.valueDedNumberSec .dedNumberBox .txtWrap .h6, .valueDedNumberSec .dedNumberBox .txtWrap h6 {
    font-weight: 400
}

.innerSection .dedNumber .inside-head {
    justify-content: space-between
}

    .innerSection .dedNumber .inside-head:before {
        display: none
    }

@media (min-width:992px) and (max-width:1199.98px) {
    [dir=ltr] .dedNumberSlider .txtWrap {
        padding: 0rem 6.25rem 0rem 0rem
    }

    [dir=rtl] .dedNumberSlider .txtWrap {
        padding: 0rem 0rem 0rem 6.25rem
    }

    .number-count .h1, .number-count h1 {
        font-size: 3.75rem;
        line-height: 1
    }

    .dedNumber .inside-head:before {
        width: 80%
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    [dir=ltr] .dedNumberSlider .txtWrap {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .dedNumberSlider .txtWrap {
        padding: 0rem 0rem 0rem 0rem
    }

    .number-count .h1, .number-count h1 {
        font-size: 3.75rem;
        line-height: 1
    }

    .dedNumber .inside-head:before {
        width: 80%
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    .dedNumber.bgGrey {
        background: var(--bs-grey-500)
    }

    [dir=ltr] .dedNumber.bgGrey {
        padding: 0rem 0rem 5rem 0rem
    }

    [dir=rtl] .dedNumber.bgGrey {
        padding: 0rem 0rem 5rem 0rem
    }

    [dir=ltr] .dedNumber .inside-head {
        margin: 0rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .dedNumber .inside-head {
        margin: 0rem 0rem 3.125rem 0rem
    }

    .dedNumber .inside-head:before {
        width: 100%
    }

    .dedNumberSlider .iconWrap, .dedNumberSlider .imgWrap {
        width: 4.0625rem;
        height: 2.9375rem;
        align-items: flex-start
    }

    [dir=ltr] .dedNumberSlider .iconWrap, [dir=ltr] .dedNumberSlider .imgWrap {
        margin: 0rem 0rem 2.625rem 0rem
    }

    [dir=rtl] .dedNumberSlider .iconWrap, [dir=rtl] .dedNumberSlider .imgWrap {
        margin: 0rem 0rem 2.625rem 0rem
    }

    .dedNumberSlider .iconWrap img, .dedNumberSlider .imgWrap img {
        height: auto;
        width: auto;
        max-width: 100%;
        max-height: 100%
    }
}

.ourVision {
    border-bottom: 2px solid var(--bs-grey-600)
}

[dir=ltr] .ourVision {
    padding: 0rem 0rem 1.875rem 0rem
}

[dir=rtl] .ourVision {
    padding: 0rem 0rem 1.875rem 0rem
}

[dir=ltr] .ourVision {
    margin: 0rem 0rem 4.75rem 0rem
}

[dir=rtl] .ourVision {
    margin: 0rem 0rem 4.75rem 0rem
}

.generalBox {
    display: flex;
    flex-wrap: wrap
}

[dir=ltr] .generalBox {
    padding: 2.5rem 0rem 2.5rem 0rem
}

[dir=rtl] .generalBox {
    padding: 2.5rem 0rem 2.5rem 0rem
}

.headingWrapper {
    width: 34%
}

    .headingWrapper .subHeading {
        color: var(--bs-green-900)
    }

.globalDetail {
    width: 66%
}

    .globalDetail .h2, .globalDetail h2 {
        font-weight: 300
    }

[dir=ltr] .globalDetail .h2, [dir=ltr] .globalDetail h2 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .globalDetail .h2, [dir=rtl] .globalDetail h2 {
    margin: 0rem 0rem 0rem 0rem
}

.globalDetail .h4, .globalDetail h4 {
    font-weight: 300
}

[dir=ltr] .globalDetail .h4, [dir=ltr] .globalDetail h4 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .globalDetail .h4, [dir=rtl] .globalDetail h4 {
    margin: 0rem 0rem 0rem 0rem
}

.valueList {
    list-style: none
}

[dir=ltr] .valueList {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .valueList {
    padding: 0rem 0rem 0rem 0rem
}

[dir=ltr] .valueList {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .valueList {
    margin: 0rem 0rem 0rem 0rem
}

.valueList li {
    display: flex;
    border-bottom: 2px solid var(--bs-grey-600)
}

[dir=ltr] .valueList li {
    padding: 2.5rem 0rem 2.5rem 0rem
}

[dir=rtl] .valueList li {
    padding: 2.5rem 0rem 2.5rem 0rem
}

[dir=ltr] .valueList li:first-child {
    padding: 0rem 0rem 2.5rem 0rem
}

[dir=rtl] .valueList li:first-child {
    padding: 0rem 0rem 2.5rem 0rem
}

.valueList li:last-child {
    border-bottom: 0
}

[dir=ltr] .valueList li:last-child {
    padding: 2.5rem 0rem 0rem 0rem
}

[dir=rtl] .valueList li:last-child {
    padding: 2.5rem 0rem 0rem 0rem
}

.valueList li .visionIcon {
    width: 3.75rem;
    height: 3.75rem;
    min-width: 3.875rem
}

[dir=ltr] .valueList li .valueHeading {
    padding: 0rem 8.125rem 0rem 3rem
}

[dir=rtl] .valueList li .valueHeading {
    padding: 0rem 3rem 0rem 8.125rem
}

.valueList li .valueHeading .h4, .valueList li .valueHeading h4 {
    font-weight: 400
}

[dir=ltr] .valueList li .valueHeading .h4, [dir=ltr] .valueList li .valueHeading h4 {
    margin: 0rem 0rem 1.1875rem 0rem
}

[dir=rtl] .valueList li .valueHeading .h4, [dir=rtl] .valueList li .valueHeading h4 {
    margin: 0rem 0rem 1.1875rem 0rem
}

.valueList li .valueHeading .h6, .valueList li .valueHeading h6 {
    font-weight: 300;
    line-height: 120%;
    letter-spacing: -1.1px
}

[dir=ltr] .valueList li .valueHeading .h6, [dir=ltr] .valueList li .valueHeading h6 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .valueList li .valueHeading .h6, [dir=rtl] .valueList li .valueHeading h6 {
    margin: 0rem 0rem 0rem 0rem
}

@media (min-width:992px) and (max-width:1199.98px) {
    [dir=ltr] .valueList li .valueHeading {
        padding: 0rem 0rem 0rem 1.875rem
    }

    [dir=rtl] .valueList li .valueHeading {
        padding: 0rem 1.875rem 0rem 0rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    [dir=ltr] .valueList li .valueHeading {
        padding: 0rem 0rem 0rem 1.875rem
    }

    [dir=rtl] .valueList li .valueHeading {
        padding: 0rem 1.875rem 0rem 0rem
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .ourVision {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .ourVision {
        margin: 0rem 0rem 0rem 0rem
    }

    .generalBox {
        flex-direction: column
    }

    [dir=ltr] .generalBox {
        padding: 1.25rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .generalBox {
        padding: 1.25rem 0rem 1.25rem 0rem
    }

    .headingWrapper {
        width: 100%
    }

    .globalDetail {
        width: 100%
    }

    [dir=ltr] .valueList li .valueHeading {
        padding: 0rem 0rem 0rem 1.25rem
    }

    [dir=rtl] .valueList li .valueHeading {
        padding: 0rem 1.25rem 0rem 0rem
    }
}

.textBasedComponent {
    position: relative
}

[dir=ltr] .textBasedComponent {
    margin: 0rem 0rem 4.375rem 0rem
}

[dir=rtl] .textBasedComponent {
    margin: 0rem 0rem 4.375rem 0rem
}

.accessFlex {
    display: flex;
    align-items: center;
    justify-content: space-between
}

[dir=ltr] .accessFlex {
    margin: 0rem 0rem 3.125rem 0rem
}

[dir=rtl] .accessFlex {
    margin: 0rem 0rem 3.125rem 0rem
}

.accessFlex .textLink {
    font-size: .875rem
}

[dir=rtl] .accessFlex .textLink span {
    font-size: 1.0625rem
}

.accessTools ul {
    display: flex;
    justify-content: flex-end
}

[dir=ltr] .accessTools ul {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .accessTools ul {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .accessTools ul {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .accessTools ul {
    padding: 0rem 0rem 0rem 0rem
}

.accessTools ul li {
    width: 2.5rem;
    height: 2.5rem;
    list-style: none
}

[dir=ltr] .accessTools ul li {
    margin: 0rem .9375rem 0rem 0rem
}

[dir=rtl] .accessTools ul li {
    margin: 0rem 0rem 0rem .9375rem
}

.accessTools ul li .shareWrap {
    width: 100%;
    height: 100%
}

[dir=ltr] .accessTools ul li:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .accessTools ul li:last-child {
    margin: 0rem 0rem 0rem 0rem
}

.accessTools ul li a {
    color: #000;
    background: #fff;
    border: solid 1px #000;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

    .accessTools ul li a i {
        line-height: 1;
        font-weight: 600
    }

        .accessTools ul li a i:before {
            font-size: 1.25rem
        }

    .accessTools ul li a:focus, .accessTools ul li a:hover {
        text-decoration: none
    }

    .accessTools ul li a.shareIcon.share-btn-open {
        background: var(--bs-green-900);
        color: #fff;
        border-color: var(--bs-green-900)
    }

.contentComponent {
    display: flex;
    flex-wrap: wrap
}

    .contentComponent .h2, .contentComponent h2 {
        font-weight: 300
    }

    .contentComponent .h4, .contentComponent h4 {
        color: var(--bs-green-900);
        font-weight: 300
    }

    .contentComponent .h5, .contentComponent .title5, .contentComponent h5 {
        font-weight: 500
    }

    .contentComponent .buttonWrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%
    }

.fullContent {
    width: 100%
}

[dir=ltr] .fullContent {
    padding: 0rem 19.375rem 0rem 0rem
}

[dir=rtl] .fullContent {
    padding: 0rem 0rem 0rem 19.375rem
}

.fullContent .h1, .fullContent h1 {
    font-weight: 500
}

[dir=ltr] .fullContent .h1, [dir=ltr] .fullContent h1 {
    margin: 0rem 0rem 6.5625rem 0rem
}

[dir=rtl] .fullContent .h1, [dir=rtl] .fullContent h1 {
    margin: 0rem 0rem 6.5625rem 0rem
}

.leftContent {
    width: 40%
}

[dir=ltr] .leftContent .h2, [dir=ltr] .leftContent h2 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .leftContent .h2, [dir=rtl] .leftContent h2 {
    margin: 0rem 0rem 0rem 0rem
}

.rightContent {
    width: 60%;
    position: relative
}

[dir=ltr] .rightContent {
    padding: .625rem 0rem 0rem 9.875rem
}

[dir=rtl] .rightContent {
    padding: .625rem 9.875rem 0rem 0rem
}

.rightContent:before {
    width: 5.9375rem;
    height: 2px;
    background: var(--bs-green-900);
    position: absolute;
    top: 2.5rem;
    content: ""
}

[dir=ltr] .rightContent:before {
    left: 0
}

[dir=rtl] .rightContent:before {
    right: 0
}

[dir=ltr] .rightContent2 {
    padding: .625rem 0rem 0rem 2.8125rem
}

[dir=rtl] .rightContent2 {
    padding: .625rem 2.8125rem 0rem 0rem
}

.rightContent2:before {
    display: none
}

.contentSeparator {
    opacity: 1;
    background: var(--bs-green-800);
    height: 2px;
    border: none;
    width: 100%
}

[dir=ltr] .contentSeparator {
    margin: 3.125rem 0rem 0rem 0rem
}

[dir=rtl] .contentSeparator {
    margin: 3.125rem 0rem 0rem 0rem
}

.contentImg {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    overflow: hidden;
    width: 100%;
    height: 32.5rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #000
}

[dir=ltr] .contentImg {
    margin: 4.375rem 0rem 0rem 0rem
}

[dir=rtl] .contentImg {
    margin: 4.375rem 0rem 0rem 0rem
}

[dir=ltr] .innerSection .contentImg {
    margin: 4.375rem 0rem 0rem 0rem
}

[dir=rtl] .innerSection .contentImg {
    margin: 4.375rem 0rem 0rem 0rem
}

.contentDetailBox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.detailLeftBox {
    width: 70%
}

.detailRightBox {
    width: 30%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-end
}

    .detailRightBox .imgWrap {
        width: 14.125rem;
        height: 13.375rem;
        overflow: hidden
    }

        .detailRightBox .imgWrap img {
            width: 100%;
            height: 100%;
            object-fit: cover
        }

        .detailRightBox .imgWrap a {
            display: block
        }

[dir=ltr] .contact-list > .h3, [dir=ltr] .contact-list > h3 {
    margin: 0rem 0rem 2.5rem 0
}

[dir=rtl] .contact-list > .h3, [dir=rtl] .contact-list > h3 {
    margin: 0rem 0 2.5rem 0rem
}

[dir=ltr] .contactDetailHeading .subHeading {
    margin: 0rem 0rem 1.5625rem 0rem
}

[dir=rtl] .contactDetailHeading .subHeading {
    margin: 0rem 0rem 1.5625rem 0rem
}

.contactDetail {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

[dir=ltr] .contactDetail {
    margin: 0rem 0rem 6.25rem 0rem
}

[dir=rtl] .contactDetail {
    margin: 0rem 0rem 6.25rem 0rem
}

.contactBox {
    border: solid 1px var(--bs-grey-700);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    width: 48.5%;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

[dir=ltr] .contactBox {
    padding: 1.625rem 2rem 1.625rem 2rem
}

[dir=rtl] .contactBox {
    padding: 1.625rem 2rem 1.625rem 2rem
}

[dir=ltr] .contactBox {
    margin: 0rem 0rem 2.0625rem 0rem
}

[dir=rtl] .contactBox {
    margin: 0rem 0rem 2.0625rem 0rem
}

.contactBox i {
    color: var(--bs-black)
}

.contactBox a {
    font-size: 1.375rem;
    color: var(--bs-black);
    text-decoration: none;
    font-weight: 400;
    display: block
}

    .contactBox a span {
        display: inline;
        padding-bottom: 0;
        transition: all .5s linear;
        background: linear-gradient(to bottom,var(--bs-black) 0,var(--bs-black) 98%);
        background-size: 0 1px;
        background-repeat: no-repeat;
        background-position: left 100%
    }

[dir=rtl] .contactBox a span {
    background-position: right 100%
}

@media (min-width:1200px) {
    .contactBox a:hover span {
        background-size: 100% 1px
    }
}

.contactBox .ctLeftIcon {
    line-height: 1
}

[dir=ltr] .contactBox .ctLeftIcon {
    margin: 0rem 1.0625rem 0rem 0rem
}

[dir=rtl] .contactBox .ctLeftIcon {
    margin: 0rem 0rem 0rem 1.0625rem
}

.contactBox .ctLeftIcon:before {
    font-size: 1.875rem
}

.contactBox.fullBox {
    width: 100%
}

[dir=ltr] .contactBox p {
    margin: 0rem 0rem .3125rem 0rem
}

[dir=rtl] .contactBox p {
    margin: 0rem 0rem .3125rem 0rem
}

[dir=ltr] .contactBox p:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .contactBox p:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .contactBox .ctDtl {
    direction: ltr
}

.smallText {
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .15rem;
    display: block;
    font-weight: 600;
    color: var(--bs-black)
}

[dir=ltr] .smallText {
    margin: 0rem 0rem .375rem 0rem
}

[dir=rtl] .smallText {
    margin: 0rem 0rem .375rem 0rem
}

[dir=rtl] .smallText {
    letter-spacing: initial
}

.contactTimings {
    width: 40%;
    display: flex;
    align-items: center
}

    .contactTimings:last-child {
        width: 60%
    }

    .contactTimings ul {
        display: flex;
        align-items: center;
        width: 100%
    }

[dir=ltr] .contactTimings ul {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .contactTimings ul {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .contactTimings ul {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .contactTimings ul {
    padding: 0rem 0rem 0rem 0rem
}

.contactTimings ul li {
    list-style: none;
    position: relative
}

[dir=ltr] .contactTimings ul li {
    padding: 0rem 3.125rem 0rem 0rem
}

[dir=rtl] .contactTimings ul li {
    padding: 0rem 0rem 0rem 3.125rem
}

.contactTimings ul li:before {
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    background: var(--bs-grey-700);
    content: ""
}

[dir=ltr] .contactTimings ul li:before {
    left: 0
}

[dir=rtl] .contactTimings ul li:before {
    right: 0
}

.contactTimings ul li:first-child:before {
    display: none
}

[dir=ltr] .contactTimings ul li:last-child {
    padding: 0rem 0rem 0rem 3.125rem
}

[dir=rtl] .contactTimings ul li:last-child {
    padding: 0rem 3.125rem 0rem 0rem
}

.contactTimings ul li p b {
    font-weight: 500
}

.contactMap {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    height: 45rem
}

    .contactMap .maps {
        height: 100%;
        width: 100%
    }

.contactForm .newsCheck label {
    display: inline-flex;
    align-items: center
}

    .contactForm .newsCheck label:before {
        top: unset;
        border-radius: .25rem;
        width: 1.5625rem;
        height: 1.5625rem
    }

[dir=ltr] .contactForm .newsCheck label:before {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .contactForm .newsCheck label:before {
    padding: 0rem 0rem 0rem 0rem
}

.contactForm .newsCheck label .checkLabel {
    color: var(--bs-black);
    line-height: initial
}

[dir=ltr] .contactForm .newsCheck label .checkLabel {
    padding: 0rem 0rem 0rem 2.5rem
}

[dir=rtl] .contactForm .newsCheck label .checkLabel {
    padding: 0rem 2.5rem 0rem 0rem
}

[dir=ltr] .contactForm .newsCheck label .checkLabel {
    margin: 0rem .1875rem 0rem 0rem
}

[dir=rtl] .contactForm .newsCheck label .checkLabel {
    margin: 0rem 0rem 0rem .1875rem
}

.contactForm .newsCheck .checkBoxCheck:checked + label:after {
    top: .0625rem
}

.mapDetailBox {
    position: absolute;
    top: 2.75rem;
    width: 17.75rem;
    height: 22.6875rem;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    background: var(--bs-white)
}

[dir=ltr] .mapDetailBox {
    left: 6.25rem
}

[dir=rtl] .mapDetailBox {
    right: 6.25rem
}

[dir=ltr] .mapDetailBox {
    padding: 2.5rem 2.5rem 2.5rem 2.5rem
}

[dir=rtl] .mapDetailBox {
    padding: 2.5rem 2.5rem 2.5rem 2.5rem
}

.mapDetailBox .subHeading {
    color: var(--bs-green-900)
}

[dir=ltr] .mapDetailBox .subHeading {
    margin: 0rem 0rem 1.375rem 0rem
}

[dir=rtl] .mapDetailBox .subHeading {
    margin: 0rem 0rem 1.375rem 0rem
}

.mapDetailBox a {
    font-weight: 400;
    font-size: 1rem;
    color: var(--bs-black);
    text-decoration: none
}

    .mapDetailBox a span {
        display: inline;
        padding-bottom: 0;
        transition: all .5s linear;
        background: linear-gradient(to bottom,var(--bs-black) 0,var(--bs-black) 98%);
        background-size: 100% 1px;
        background-repeat: no-repeat;
        background-position: left 100%
    }

[dir=rtl] .mapDetailBox a span {
    background-position: right 100%
}

@media (min-width:1200px) {
    .mapDetailBox a:hover span {
        background-size: 0 1px
    }
}

.mapDetailBox a i {
    color: var(--bs-green-800)
}

[dir=ltr] .mapDetailBox a i {
    margin: 0rem 0rem 0rem .3125rem
}

[dir=rtl] .mapDetailBox a i {
    margin: 0rem .3125rem 0rem 0rem
}

.mapDetailBox p {
    font-weight: 400
}

.locationDetailBox {
    position: absolute;
    top: 2.5rem;
    width: 23.75rem
}

[dir=ltr] .locationDetailBox {
    left: 6.25rem
}

[dir=rtl] .locationDetailBox {
    right: 6.25rem
}

[dir=ltr] .locationDetailBox {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .locationDetailBox {
    padding: 0rem 0rem 0rem 0rem
}

.locationDetailBox .addressBox .subHeading {
    color: var(--bs-green-900)
}

[dir=ltr] .locationDetailBox .addressBox .subHeading {
    margin: 0rem 0rem .625rem 0rem
}

[dir=rtl] .locationDetailBox .addressBox .subHeading {
    margin: 0rem 0rem .625rem 0rem
}

.locationDetailBox .addressBox a {
    font-weight: 400;
    line-height: 1.8125rem;
    font-size: 1rem;
    color: #000;
    text-decoration: none
}

    .locationDetailBox .addressBox a span {
        display: inline;
        padding-bottom: 0;
        transition: all .5s linear;
        background: linear-gradient(to bottom,#000 0,#000 98%);
        background-size: 100% 1px;
        background-repeat: no-repeat;
        background-position: left 100%
    }

[dir=rtl] .locationDetailBox .addressBox a span {
    background-position: right 100%
}

@media (min-width:1200px) {
    .locationDetailBox .addressBox a:hover span {
        background-size: 0 1px
    }
}

.locationDetailBox .addressBox a i {
    color: var(--bs-green-900)
}

[dir=ltr] .locationDetailBox .addressBox a i {
    margin: 0rem 0rem 0rem .3125rem
}

[dir=rtl] .locationDetailBox .addressBox a i {
    margin: 0rem .3125rem 0rem 0rem
}

.locationDetailBox .addressBox .h6, .locationDetailBox .addressBox h6 {
    line-height: 1.8125rem;
    letter-spacing: .5px
}

[dir=ltr] .locationDetailBox .addressBox .h6, [dir=ltr] .locationDetailBox .addressBox h6 {
    margin: 0rem 0rem 2.5rem 0rem
}

[dir=rtl] .locationDetailBox .addressBox .h6, [dir=rtl] .locationDetailBox .addressBox h6 {
    margin: 0rem 0rem 2.5rem 0rem
}

.locationDetailBox .addressBox p {
    font-weight: 400;
    color: #000
}

[dir=ltr] .locationDetailBox .addressBox p {
    margin: 0rem 0rem .625rem 0rem
}

[dir=rtl] .locationDetailBox .addressBox p {
    margin: 0rem 0rem .625rem 0rem
}

.mapdetailWrapper .mapView {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    height: 31.875rem
}

    .mapdetailWrapper .mapView .mapThumbnail, .mapdetailWrapper .mapView form, .mapdetailWrapper .mapView table {
        height: 100%;
        width: 100%
    }

    .mapdetailWrapper .mapView .dijitContainer {
        height: 100%;
        width: 100%
    }

        .mapdetailWrapper .mapView .dijitContainer > div {
            height: 100%;
            width: 100%
        }

.esri-ui-top-right.esri-ui-corner {
    display: none
}

[dir=ltr] .locationAccordion .accordion-header {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .locationAccordion .accordion-header {
    margin: 0rem 0rem 0rem 0rem
}

.locationAccordion .accordion-button {
    box-shadow: none;
    position: relative;
    border-radius: .75rem !important
}

[dir=ltr] .locationAccordion .accordion-button {
    padding: 1.5rem 1.5rem 1.5rem 1.5rem
}

[dir=rtl] .locationAccordion .accordion-button {
    padding: 1.5rem 1.5rem 1.5rem 1.5rem
}

.locationAccordion .accordion-button:after {
    display: none
}

.locationAccordion .accordion-button:before {
    font-family: icomoon !important;
    content: "\e917";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1.5rem;
    height: 1.5rem;
    color: var(--bs-black);
    font-size: 1.375rem;
    line-height: 1
}

[dir=ltr] .locationAccordion .accordion-button:before {
    right: 1.5rem
}

[dir=rtl] .locationAccordion .accordion-button:before {
    left: 1.5rem
}

[dir=ltr] .locationAccordion .accordion-button:before {
    margin: auto auto auto auto
}

[dir=rtl] .locationAccordion .accordion-button:before {
    margin: auto auto auto auto
}

.locationAccordion .accordion-button:not(.collapsed) {
    background-color: transparent
}

    .locationAccordion .accordion-button:not(.collapsed):before {
        content: "\e92b"
    }

.locationAccordion .accordion-button:focus {
    border: none;
    box-shadow: none
}

.locationAccordion .accordion-button span {
    font-size: 1.125rem;
    color: var(--bs-black);
    letter-spacing: -.0625rem;
    line-height: 1.625rem;
    font-weight: 500
}

[dir=rtl] .locationAccordion .accordion-button span {
    letter-spacing: initial
}

.locationAccordion .accordion-button i {
    color: var(--bs-black)
}

[dir=ltr] .locationAccordion .accordion-button i {
    margin: 0rem .625rem 0rem 0rem
}

[dir=rtl] .locationAccordion .accordion-button i {
    margin: 0rem 0rem 0rem .625rem
}

.locationAccordion .accordion-button i:before {
    font-size: 1.625rem
}

.locationAccordion .accordion-item {
    border-bottom: 1px solid rgba(0,0,0,.2);
    background: var(--bs-white);
    margin-bottom: .5rem;
    border-radius: .75rem !important
}

[dir=ltr] .locationAccordion .accordion-body {
    padding: 0rem 1.5rem 1.5rem 1.5rem
}

[dir=rtl] .locationAccordion .accordion-body {
    padding: 0rem 1.5rem 1.5rem 1.5rem
}

.darkMode .locationAccordion .accordion-header {
    background: var(--bs-grey-900)
}

.darkMode .locationAccordion .accordion-button {
    color: var(--bs-black);
    background: #000
}

[dir=ltr] .locationSearchBox {
    padding: 0rem 1.25rem 0rem 1.25rem
}

[dir=rtl] .locationSearchBox {
    padding: 0rem 1.25rem 0rem 1.25rem
}

[dir=ltr] .locationSearchBox {
    margin: 0rem 0rem 1.875rem 0rem
}

[dir=rtl] .locationSearchBox {
    margin: 0rem 0rem 1.875rem 0rem
}

.locationSearchBox .eSearch {
    min-width: 100%
}

@media (min-width:1200px) {
    .accessTools ul li a:hover {
        background: var(--bs-green-700);
        color: #000;
        border-color: var(--bs-green-700)
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .contentComponent {
        display: block
    }

    .leftContent {
        width: 100%
    }

    .rightContent {
        width: 100%
    }

    [dir=ltr] .rightContent {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .rightContent {
        padding: 0rem 0rem 0rem 0rem
    }

    .rightContent:before {
        display: none
    }

    .contactTimings {
        width: 35%
    }

    [dir=ltr] .contactTimings ul li {
        padding: 0rem 1.875rem 0rem 0rem
    }

    [dir=rtl] .contactTimings ul li {
        padding: 0rem 0rem 0rem 1.875rem
    }

    [dir=ltr] .contactTimings ul li:last-child {
        padding: 0rem 0rem 0rem 1.875rem
    }

    [dir=rtl] .contactTimings ul li:last-child {
        padding: 0rem 1.875rem 0rem 0rem
    }

    .contactTimings:last-child {
        width: 65%
    }

    .detailLeftBox {
        width: 50%
    }

    .detailRightBox {
        width: 50%
    }

    [dir=ltr] .contactDetail {
        margin: 0rem 0rem 4.375rem 0rem
    }

    [dir=rtl] .contactDetail {
        margin: 0rem 0rem 4.375rem 0rem
    }

    .contactMap {
        height: 37.5rem;
        transform: scale(1)
    }

        .contactMap #mapDiv {
            height: 100% !important
        }

        .contactMap img {
            height: 100%
        }

    .mapDetailBox {
        top: 30%
    }

    [dir=ltr] .mapDetailBox {
        left: 2.75rem
    }

    [dir=rtl] .mapDetailBox {
        right: 2.75rem
    }

    [dir=ltr] .locationDetailBox {
        left: 2.75rem
    }

    [dir=rtl] .locationDetailBox {
        right: 2.75rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .contentComponent {
        display: block
    }

    .leftContent {
        width: 100%
    }

    .rightContent {
        width: 100%
    }

    [dir=ltr] .rightContent {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .rightContent {
        padding: 0rem 0rem 0rem 0rem
    }

    .rightContent:before {
        display: none
    }

    .contactDetail {
        display: block
    }

    [dir=ltr] .contactDetail {
        margin: 0rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .contactDetail {
        margin: 0rem 0rem 3.125rem 0rem
    }

    .contactBox {
        width: 100%
    }

    .contactTimings {
        width: 100%
    }

    [dir=ltr] .contactTimings {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .contactTimings {
        margin: 0rem 0rem 1.875rem 0rem
    }

    .contactTimings ul {
        display: block
    }

        .contactTimings ul li {
            width: 100%
        }

    [dir=ltr] .contactTimings ul li {
        padding: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .contactTimings ul li {
        padding: 0rem 0rem 1.25rem 0rem
    }

    .contactTimings ul li:before {
        width: 100%;
        height: 1px
    }

    [dir=ltr] .contactTimings ul li:last-child {
        padding: 1.25rem 0rem 0rem 0rem
    }

    [dir=rtl] .contactTimings ul li:last-child {
        padding: 1.25rem 0rem 0rem 0rem
    }

    .contactTimings:last-child {
        width: 100%
    }

    [dir=ltr] .contactTimings:last-child {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .contactTimings:last-child {
        margin: 0rem 0rem 0rem 0rem
    }

    .contactMap {
        height: 31.25rem;
        transform: scale(1)
    }

        .contactMap #mapDiv {
            height: 100% !important
        }

        .contactMap .esri-view {
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            -o-border-radius: 8px;
            -ms-border-radius: 8px;
            border-radius: 8px;
            overflow: hidden
        }

        .contactMap img {
            height: 100%
        }

    .mapDetailBox {
        top: 22%
    }

    [dir=ltr] .mapDetailBox {
        left: 1.625rem
    }

    [dir=rtl] .mapDetailBox {
        right: 1.625rem
    }

    [dir=ltr] .locationDetailBox {
        left: 1.625rem
    }

    [dir=rtl] .locationDetailBox {
        right: 1.625rem
    }

    [dir=ltr] .contactForm {
        padding: 3.125rem 0rem 0rem 0rem
    }

    [dir=rtl] .contactForm {
        padding: 3.125rem 0rem 0rem 0rem
    }

    .detailLeftBox {
        width: 100%
    }

    .detailRightBox {
        width: 100%;
        align-items: flex-start
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .textBasedComponent {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .textBasedComponent {
        margin: 0rem 0rem 1.875rem 0rem
    }

    .contentComponent, .contentDetailBox {
        display: block
    }

        .contentComponent .buttonWrap {
            display: block
        }

    [dir=ltr] .contentComponent .buttonWrap a.btn {
        margin: 0rem 0rem .625rem 0rem
    }

    [dir=rtl] .contentComponent .buttonWrap a.btn {
        margin: 0rem 0rem .625rem 0rem
    }

    [dir=ltr] .fullContent {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .fullContent {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .fullContent .h1, [dir=ltr] .fullContent h1 {
        margin: 0rem 0rem 2rem 0rem
    }

    [dir=rtl] .fullContent .h1, [dir=rtl] .fullContent h1 {
        margin: 0rem 0rem 2rem 0rem
    }

    .detailLeftBox, .leftContent {
        width: 100%
    }

    .rightContent {
        width: 100%
    }

    [dir=ltr] .rightContent {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .rightContent {
        padding: 0rem 0rem 0rem 0rem
    }

    .rightContent:before {
        display: none
    }

    .detailRightBox {
        width: 100%
    }

    [dir=ltr] .detailRightBox .imgWrap {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .detailRightBox .imgWrap {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=ltr] .contentImg {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .contentImg {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .contentSeparator {
        margin: 1.875rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .contentSeparator {
        margin: 1.875rem 0rem 1.875rem 0rem
    }

    .contentDetailBox {
        flex-direction: column
    }

        .contentDetailBox .detailLeftBox {
            width: 100%
        }

        .contentDetailBox .detailRightBox {
            width: 100%;
            align-items: flex-start
        }

    [dir=ltr] .accessTools {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .accessTools {
        margin: 0rem 0rem 0rem 0rem
    }

    .accessTools ul li {
        width: 2rem;
        height: 2rem
    }

    [dir=ltr] .accessTools ul li {
        margin: 0rem .3125rem 0rem 0rem
    }

    [dir=rtl] .accessTools ul li {
        margin: 0rem 0rem 0rem .3125rem
    }

    .accessTools ul li .shareWrap .st-btn {
        width: 2rem !important;
        height: 2rem !important;
        padding: 0 .5rem !important;
        margin-right: .3125rem !important
    }

        .accessTools ul li .shareWrap .st-btn > img {
            width: 1rem !important;
            height: 1rem !important
        }

    .accessTools ul li a i:before {
        font-size: 1rem
    }

    [dir=ltr] .accessTools .share-icons {
        right: 2.1875rem
    }

    [dir=rtl] .accessTools .share-icons {
        left: 2.1875rem
    }

    .accessTools .share-icons.active {
        width: 13.75rem
    }

    .contactDetail {
        display: block
    }

    [dir=ltr] .contactDetail {
        margin: 0rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .contactDetail {
        margin: 0rem 0rem 3.125rem 0rem
    }

    .contactBox {
        width: 100%
    }

    [dir=ltr] .contactBox {
        padding: 1.25rem 1.25rem 1.25rem 1.25rem
    }

    [dir=rtl] .contactBox {
        padding: 1.25rem 1.25rem 1.25rem 1.25rem
    }

    [dir=ltr] .contactBox .icon-email {
        margin: 0rem .5rem .5rem 0rem
    }

    [dir=rtl] .contactBox .icon-email {
        margin: 0rem 0rem .5rem .5rem
    }

    .contactTimings {
        width: 100%
    }

    [dir=ltr] .contactTimings {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .contactTimings {
        margin: 0rem 0rem 1.875rem 0rem
    }

    .contactTimings ul {
        display: block
    }

        .contactTimings ul li {
            width: 100%
        }

    [dir=ltr] .contactTimings ul li {
        padding: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .contactTimings ul li {
        padding: 0rem 0rem 1.25rem 0rem
    }

    .contactTimings ul li:before {
        width: 100%;
        height: 1px
    }

    [dir=ltr] .contactTimings ul li:last-child {
        padding: 1.25rem 0rem 0rem 0rem
    }

    [dir=rtl] .contactTimings ul li:last-child {
        padding: 1.25rem 0rem 0rem 0rem
    }

    .contactTimings:last-child {
        width: 100%
    }

    [dir=ltr] .contactTimings:last-child {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .contactTimings:last-child {
        margin: 0rem 0rem 0rem 0rem
    }

    .contactMap {
        height: initial;
        transform: scale(1)
    }

        .contactMap .esri-view {
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            -o-border-radius: 8px;
            -ms-border-radius: 8px;
            border-radius: 8px;
            overflow: hidden
        }

        .contactMap .maps {
            height: 21.875rem
        }

        .contactMap .esri-ui-corner .esri-component.esri-widget--panel {
            width: 12.5rem !important
        }

    .mapDetailBox {
        position: initial;
        width: 100%;
        height: 100%;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0
    }

    [dir=ltr] .mapDetailBox {
        padding: 2.5rem 0rem 0rem 0rem
    }

    [dir=rtl] .mapDetailBox {
        padding: 2.5rem 0rem 0rem 0rem
    }

    .locationDetailBox {
        position: initial;
        width: 100%;
        height: 31.25rem;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0
    }

    [dir=ltr] .locationDetailBox {
        margin: 1.25rem 0rem 0rem 0rem
    }

    [dir=rtl] .locationDetailBox {
        margin: 1.25rem 0rem 0rem 0rem
    }

    [dir=ltr] .locationDetailBox {
        padding: 2.5rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .locationDetailBox {
        padding: 2.5rem 0rem 1.25rem 0rem
    }

    .contactForm .newsCheck label {
        display: block
    }

    [dir=ltr] .locationSearchBox {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .locationSearchBox {
        padding: 0rem 0rem 0rem 0rem
    }
}

.knowledgeHub {
    background: var(--bs-white);
    position: relative
}

[dir=ltr] .knowledgeHub {
    padding: 0rem 0rem 9.375rem 0rem
}

[dir=rtl] .knowledgeHub {
    padding: 0rem 0rem 9.375rem 0rem
}

[dir=ltr] .knowledgeHub .gallery-item {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .knowledgeHub .gallery-item {
    margin: 0rem 0rem 0rem 0rem
}

.newsListWrapper {
    background: var(--bs-white);
    position: relative;
    z-index: 1
}

[dir=ltr] .newsListWrapper {
    padding: 0rem 0rem 9.375rem 0rem
}

[dir=rtl] .newsListWrapper {
    padding: 0rem 0rem 9.375rem 0rem
}

[dir=ltr] .newsListWrapper:last-child {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .newsListWrapper:last-child {
    padding: 0rem 0rem 0rem 0rem
}

.headWrap {
    display: flex;
    justify-content: space-between;
    align-items: center
}

[dir=ltr] .headWrap {
    margin: 0rem 0rem 4.5rem 0rem
}

[dir=rtl] .headWrap {
    margin: 0rem 0rem 4.5rem 0rem
}

.headWrap .h2, .headWrap h2 {
    width: 70%
}

[dir=ltr] .headWrap .h2, [dir=ltr] .headWrap h2 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .headWrap .h2, [dir=rtl] .headWrap h2 {
    margin: 0rem 0rem 0rem 0rem
}

.knowledgeList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

[dir=ltr] .knowledgeItem {
    margin: 0rem 0rem 1.875rem 0rem
}

[dir=rtl] .knowledgeItem {
    margin: 0rem 0rem 1.875rem 0rem
}

.knowledgeItem.leftItem {
    width: 40.65%
}

.knowledgeItem.rightItem {
    width: 57.5%
}

.knowledgeBox {
    height: 100%
}

    .knowledgeBox.with-width {
        width: 48.479%
    }

.knowledgeBoxWrapper {
    display: flex;
    justify-content: space-between
}

@media (min-width:992px) and (max-width:1199.98px) {
    [dir=ltr] .knowledgeHub {
        padding: 0rem 0rem 6.25rem 0rem
    }

    [dir=rtl] .knowledgeHub {
        padding: 0rem 0rem 6.25rem 0rem
    }

    [dir=ltr] .newsListWrapper {
        padding: 0rem 0rem 5rem 0rem
    }

    [dir=rtl] .newsListWrapper {
        padding: 0rem 0rem 5rem 0rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    [dir=ltr] .knowledgeHub {
        padding: 6.25rem 0rem 6.25rem 0rem
    }

    [dir=rtl] .knowledgeHub {
        padding: 6.25rem 0rem 6.25rem 0rem
    }

    [dir=ltr] .newsListWrapper {
        padding: 0rem 0rem 5rem 0rem
    }

    [dir=rtl] .newsListWrapper {
        padding: 0rem 0rem 5rem 0rem
    }

    [dir=ltr] .knowledgeHub .gallery-item {
        margin: 0rem 0rem 3.5rem 0rem
    }

    [dir=rtl] .knowledgeHub .gallery-item {
        margin: 0rem 0rem 3.5rem 0rem
    }

    .headWrap .h2, .headWrap h2 {
        width: 60%
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .knowledgeHub {
        padding: 0rem 0rem 6.25rem 0rem
    }

    [dir=rtl] .knowledgeHub {
        padding: 0rem 0rem 6.25rem 0rem
    }

    .knowledgeBoxWrapper {
        flex-direction: column
    }

    .knowledgeBox {
        height: auto
    }

        .knowledgeBox.with-border {
            border-bottom: none
        }

    [dir=ltr] .knowledgeBox.with-border {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .knowledgeBox.with-border {
        margin: 0rem 0rem 0rem 0rem
    }

    .knowledgeBox.with-width {
        width: 100%
    }

    [dir=ltr] .newsListWrapper {
        padding: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .newsListWrapper {
        padding: 0rem 0rem 1.875rem 0rem
    }

    [dir=ltr] .knowledgeHub .gallery-item {
        margin: 0rem 0rem 3.5rem 0rem
    }

    [dir=rtl] .knowledgeHub .gallery-item {
        margin: 0rem 0rem 3.5rem 0rem
    }

    .knowledgeList {
        display: block
    }

    .knowledgeItem.leftItem, .knowledgeItem.rightItem {
        width: 100%
    }

    [dir=ltr] .headWrap {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .headWrap {
        margin: 0rem 0rem 1.875rem 0rem
    }

    .headWrap .h2, .headWrap h2 {
        width: 100%
    }

    .headWrap .btn {
        display: none
    }
}

.eventFeaturedSec {
    background: var(--bs-grey-500)
}

[dir=ltr] .eventFeaturedSec {
    padding: 6.5rem 0rem 6.5rem 0rem
}

[dir=rtl] .eventFeaturedSec {
    padding: 6.5rem 0rem 6.5rem 0rem
}

[dir=ltr] .eventFeaturedSec .h2, [dir=ltr] .eventFeaturedSec h2 {
    margin: 0rem 0rem 2.5rem 0rem
}

[dir=rtl] .eventFeaturedSec .h2, [dir=rtl] .eventFeaturedSec h2 {
    margin: 0rem 0rem 2.5rem 0rem
}

.darkMode .eventFeaturedSec {
    background: var(--bs-grey-900)
}

.featuredWrapper .card-img-bx {
    width: 62%;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    overflow: hidden;
    height: 36.25rem
}

    .featuredWrapper .card-img-bx > a {
        display: block;
        position: relative;
        background-color: #000;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        width: 100%;
        height: 100%
    }

    .featuredWrapper .card-img-bx .bgImage {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-color: #000;
        width: 100%;
        height: 100%;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

.featuredWrapper .cardHeading {
    display: flex;
    align-items: center
}

[dir=ltr] .featuredWrapper .cardHeading {
    padding: 2.9375rem 0rem 2.3125rem 0rem
}

[dir=rtl] .featuredWrapper .cardHeading {
    padding: 2.9375rem 0rem 2.3125rem 0rem
}

.featuredWrapper .cardHeading .head-icon {
    background: var(--bs-green-900);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    color: var(--bs-green-700);
    width: 2.5rem;
    min-width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

[dir=ltr] .featuredWrapper .cardHeading .head-icon {
    margin: 0rem .75rem 0rem 0rem
}

[dir=rtl] .featuredWrapper .cardHeading .head-icon {
    margin: 0rem 0rem 0rem .75rem
}

[dir=ltr] .featuredWrapper .cardHeading .head-icon {
    padding: .5rem .5rem .5rem .5rem
}

[dir=rtl] .featuredWrapper .cardHeading .head-icon {
    padding: .5rem .5rem .5rem .5rem
}

[dir=ltr] .featuredWrapper .cardHeading .head-txt .subHeading {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .featuredWrapper .cardHeading .head-txt .subHeading {
    margin: 0rem 0rem 0rem 0rem
}

.featuredWrapper .card-body {
    width: 38%;
    flex-direction: column;
    justify-content: flex-end;
    color: var(--bs-green-700)
}

[dir=ltr] .featuredWrapper .cardContent .lead {
    margin: 2.5rem 0rem 2.6875rem 0rem
}

[dir=rtl] .featuredWrapper .cardContent .lead {
    margin: 2.5rem 0rem 2.6875rem 0rem
}

.featuredWrapper .dateBox {
    position: relative;
    text-align: center
}

[dir=ltr] .featuredWrapper .dateBox {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .featuredWrapper .dateBox {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .featuredWrapper .dateBox {
    padding: 0rem 2.875rem 0rem 0rem
}

[dir=rtl] .featuredWrapper .dateBox {
    padding: 0rem 0rem 0rem 2.875rem
}

.featuredWrapper .dateBox:before {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1.125rem;
    height: .1875rem;
    background: var(--bs-black);
    content: ''
}

[dir=ltr] .featuredWrapper .dateBox:before {
    left: auto
}

[dir=rtl] .featuredWrapper .dateBox:before {
    right: auto
}

[dir=ltr] .featuredWrapper .dateBox:before {
    right: -.625rem
}

[dir=rtl] .featuredWrapper .dateBox:before {
    left: -.625rem
}

[dir=ltr] .featuredWrapper .dateBox:before {
    margin: 1.875rem auto auto auto
}

[dir=rtl] .featuredWrapper .dateBox:before {
    margin: 1.875rem auto auto auto
}

[dir=ltr] .featuredWrapper .dateBox:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .featuredWrapper .dateBox:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .featuredWrapper .dateBox:last-child {
    padding: 0rem 0rem 0rem 2.875rem
}

[dir=rtl] .featuredWrapper .dateBox:last-child {
    padding: 0rem 2.875rem 0rem 0rem
}

.featuredWrapper .dateBox:last-child:before {
    display: none
}

[dir=ltr] .featuredWrapper .dateBox .h2, [dir=ltr] .featuredWrapper .dateBox h2 {
    margin: 0rem 0rem 1.25rem 0rem
}

[dir=rtl] .featuredWrapper .dateBox .h2, [dir=rtl] .featuredWrapper .dateBox h2 {
    margin: 0rem 0rem 1.25rem 0rem
}

.featuredWrapper .eventCard {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row
}

[dir=ltr] .featuredWrapper .eventCard .card-body {
    padding: 0rem 0rem 0rem 4.3125rem
}

[dir=rtl] .featuredWrapper .eventCard .card-body {
    padding: 0rem 4.3125rem 0rem 0rem
}

.featuredWrapper .eventCard .cardDateBox {
    display: flex;
    width: auto
}

[dir=ltr] .featuredWrapper .eventCard .cardDateBox {
    padding: 0rem 0rem 1.9375rem 0rem
}

[dir=rtl] .featuredWrapper .eventCard .cardDateBox {
    padding: 0rem 0rem 1.9375rem 0rem
}

.featuredWrapper .eventCard .cardContent {
    width: auto;
    border-top: solid 1px var(--bs-grey-700)
}

[dir=ltr] .featuredWrapper .eventCard .cardContent {
    border-left: 0 none rgba(0,0,0,0)
}

[dir=rtl] .featuredWrapper .eventCard .cardContent {
    border-right: 0 none rgba(0,0,0,0)
}

[dir=ltr] .featuredWrapper .eventCard .cardContent {
    padding: 1.375rem 0rem 0rem 0rem
}

[dir=rtl] .featuredWrapper .eventCard .cardContent {
    padding: 1.375rem 0rem 0rem 0rem
}

[dir=ltr] .featuredWrapper .timeText {
    margin: 0rem 0rem 3.4375rem 0rem
}

[dir=rtl] .featuredWrapper .timeText {
    margin: 0rem 0rem 3.4375rem 0rem
}

.featuredWrapper .cardDate {
    color: var(--bs-grey-800)
}

.featuredWrapper .textLink {
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase
}

    .featuredWrapper .textLink i {
        top: -1px
    }

        .featuredWrapper .textLink i:before {
            font-size: .8125rem
        }

[dir=ltr] .featuredWrapper .calender-badge .badge {
    margin: 0rem .25rem .5rem 0rem
}

[dir=rtl] .featuredWrapper .calender-badge .badge {
    margin: 0rem 0rem .5rem .25rem
}

.calender-badge {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

[dir=ltr] .calender-badge {
    padding: 1.875rem 0rem 0rem 0rem
}

[dir=rtl] .calender-badge {
    padding: 1.875rem 0rem 0rem 0rem
}

[dir=ltr] .calender-badge {
    margin: 0rem 0rem 2.1875rem 0rem
}

[dir=rtl] .calender-badge {
    margin: 0rem 0rem 2.1875rem 0rem
}

.calender-badge .iconWrap {
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid var(--bs-grey-700);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    text-decoration: none;
    color: var(--bs-green-900)
}

[dir=ltr] .calender-badge .iconWrap {
    padding: .625rem .625rem .625rem .625rem
}

[dir=rtl] .calender-badge .iconWrap {
    padding: .625rem .625rem .625rem .625rem
}

[dir=ltr] .calender-badge .iconWrap {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .calender-badge .iconWrap {
    margin: 0rem 0rem 0rem 0rem
}

.calender-badge .iconWrap:focus, .calender-badge .iconWrap:hover {
    text-decoration: none
}

.calender-badge .iconWrap i:before {
    font-size: 1.25rem
}

[dir=ltr] .calender-badge .badge-container {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .calender-badge .badge-container {
    padding: 0rem 0rem 0rem 0rem
}

[dir=ltr] .calender-badge .badge {
    margin: 0rem .25rem 0rem 0rem
}

[dir=rtl] .calender-badge .badge {
    margin: 0rem 0rem 0rem .25rem
}

.darkMode .featuredWrapper .badge-grey-600 {
    background: var(--bs-grey-900);
    border: 1px solid #fff
}

@media (min-width:1200px) {
    .btnCalender .iconWrap:hover {
        border: 1px solid var(--bs-green-900);
        background: var(--bs-green-900);
        color: #fff
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .featuredWrapper .card-img-bx {
        max-height: 26.25rem
    }

    [dir=ltr] .featuredWrapper .timeText {
        margin: 0rem 0rem 1.625rem 0rem
    }

    [dir=rtl] .featuredWrapper .timeText {
        margin: 0rem 0rem 1.625rem 0rem
    }

    [dir=ltr] .calender-badge {
        padding: 2rem 0rem 0rem 0rem
    }

    [dir=rtl] .calender-badge {
        padding: 2rem 0rem 0rem 0rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    [dir=ltr] .eventFeaturedSec {
        padding: 3.75rem 0rem 5rem 0rem
    }

    [dir=rtl] .eventFeaturedSec {
        padding: 3.75rem 0rem 5rem 0rem
    }

    .featuredWrapper .card {
        align-items: flex-start
    }

    .featuredWrapper .card-img-bx {
        width: 40%
    }

    .featuredWrapper .card-body {
        width: 55%
    }

    [dir=ltr] .featuredWrapper .timeText {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .featuredWrapper .timeText {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=ltr] .calender-badge {
        padding: 2rem 0rem 0rem 0rem
    }

    [dir=rtl] .calender-badge {
        padding: 2rem 0rem 0rem 0rem
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .eventFeaturedSec {
        padding: 3.75rem 0rem 3.75rem 0rem
    }

    [dir=rtl] .eventFeaturedSec {
        padding: 3.75rem 0rem 3.75rem 0rem
    }

    .featuredWrapper .card-img-bx {
        width: 100%;
        height: 27.8125rem
    }

    .featuredWrapper .card-body {
        width: 100%
    }

    [dir=ltr] .featuredWrapper .eventCard .card-body {
        padding: 2rem 0rem 0rem 0rem
    }

    [dir=rtl] .featuredWrapper .eventCard .card-body {
        padding: 2rem 0rem 0rem 0rem
    }

    .featuredWrapper .eventCard .cardDateBox {
        justify-content: space-between;
        position: relative
    }

        .featuredWrapper .eventCard .cardDateBox:before {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 1.875rem;
            height: .1875rem;
            background: #000;
            content: ''
        }

    [dir=ltr] .featuredWrapper .eventCard .cardDateBox:before {
        left: 0
    }

    [dir=rtl] .featuredWrapper .eventCard .cardDateBox:before {
        right: 0
    }

    [dir=ltr] .featuredWrapper .eventCard .cardDateBox:before {
        right: 0
    }

    [dir=rtl] .featuredWrapper .eventCard .cardDateBox:before {
        left: 0
    }

    [dir=ltr] .featuredWrapper .eventCard .cardDateBox:before {
        margin: 1.875rem auto auto auto
    }

    [dir=rtl] .featuredWrapper .eventCard .cardDateBox:before {
        margin: 1.875rem auto auto auto
    }

    .featuredWrapper .dateBox:before {
        display: none
    }

    [dir=ltr] .featuredWrapper .timeText {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .featuredWrapper .timeText {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=ltr] .calender-badge {
        padding: 2rem 0rem 0rem 0rem
    }

    [dir=rtl] .calender-badge {
        padding: 2rem 0rem 0rem 0rem
    }

    [dir=ltr] .calender-badge .badge {
        margin: 0rem .25rem .3125rem 0rem
    }

    [dir=rtl] .calender-badge .badge {
        margin: 0rem 0rem .3125rem .25rem
    }

    .calender-badge .badge-container {
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }
}

.eventMoreSection {
    background: var(--bs-white)
}

[dir=ltr] .eventMoreSection {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .eventMoreSection {
    padding: 0rem 0rem 0rem 0rem
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .eventMoreSection {
        padding: 3.125rem 0rem 6.25rem 0rem
    }

    [dir=rtl] .eventMoreSection {
        padding: 3.125rem 0rem 6.25rem 0rem
    }
}

[dir=ltr] .paginationContainer {
    margin: 0rem 0rem 9.375rem 0rem
}

[dir=rtl] .paginationContainer {
    margin: 0rem 0rem 9.375rem 0rem
}

[dir=ltr] .pagination {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .pagination {
    padding: 0rem 0rem 0rem 0rem
}

[dir=ltr] .pagination {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .pagination {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .pagination .page-item {
    padding: 0rem .5rem 0rem 0rem
}

[dir=rtl] .pagination .page-item {
    padding: 0rem 0rem 0rem .5rem
}

.pagination .page-item:nth-of-type(3) {
    position: relative
}

.pagination .page-item:nth-child(-n+3), .pagination .page-item:nth-last-child(-n+3) {
    display: block
}

[dir=ltr] .pagination .page-item:nth-last-child(-n+4) {
    padding: 0rem .5rem 0rem 0rem
}

[dir=rtl] .pagination .page-item:nth-last-child(-n+4) {
    padding: 0rem 0rem 0rem .5rem
}

.pagination .page-item:nth-last-child(-n+4):after {
    content: none
}

.pagination .page-item.disabled {
    cursor: not-allowed
}

    .pagination .page-item.disabled:first-child .page-link, .pagination .page-item.disabled:last-child .page-link {
        border-color: var(--bs-grey-700);
        color: var(--bs-grey-700)
    }

.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

    .pagination .page-item:first-child .page-link i:before, .pagination .page-item:last-child .page-link i:before {
        font-size: .875rem
    }

.pagination .page-link {
    width: 2.5rem;
    height: 2.5rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px var(--bs-grey-700);
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--bs-black);
    font-size: 1rem;
    font-weight: 600;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    box-shadow: none;
    line-height: 0
}

[dir=ltr] .pagination .page-link {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .pagination .page-link {
    margin: 0rem 0rem 0rem 0rem
}

.pagination .page-link i:before {
    font-size: .875rem
}

.pagination .page-link.active {
    background: #000;
    color: #fff
}

@media (min-width:1200px) {
    .page-link:hover {
        background: #000;
        color: #fff
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .paginationContainer {
        margin: 3.125rem 0rem 0rem 0rem
    }

    [dir=rtl] .paginationContainer {
        margin: 3.125rem 0rem 0rem 0rem
    }

    .pagination .page-link {
        width: 2rem;
        height: 2rem;
        font-size: .8125rem
    }

    [dir=rtl] .pagination .page-link span {
        position: relative;
        top: .1875rem
    }

    .pagination .page-link i:before {
        font-size: .75rem
    }
}

.eventSearchSec {
    background: var(--bs-white);
    position: relative
}

[dir=ltr] .eventSearchSec {
    padding: 6.25rem 0rem 6.25rem 0rem
}

[dir=rtl] .eventSearchSec {
    padding: 6.25rem 0rem 6.25rem 0rem
}

.searchSticky {
    border-top: solid 1px var(--bs-grey-600);
    border-bottom: solid 1px var(--bs-grey-600)
}

[dir=ltr] .searchSticky {
    padding: .875rem 0rem 1.5625rem 0rem
}

[dir=rtl] .searchSticky {
    padding: .875rem 0rem 1.5625rem 0rem
}

.searchSticky.filterSticky {
    width: 100%;
    background: radial-gradient(107.32% 141.42% at 0 0,rgba(255,255,255,.49) 0,rgba(255,255,255,.8) 100%);
    -webkit-backdrop-filter: blur(35px);
    backdrop-filter: blur(21px);
    z-index: 999
}

.darkMode .searchSticky.filterSticky {
    background: radial-gradient(107.32% 141.42% at 0 0,rgba(23,23,23,.49) 0,rgba(23,23,23,.49) 100%)
}

.eventFilterForm {
    width: 100%;
    display: flex;
    justify-content: space-between
}

[dir=ltr] .eventFilterForm {
    margin: 0rem -.75rem 0rem -.75rem
}

[dir=rtl] .eventFilterForm {
    margin: 0rem -.75rem 0rem -.75rem
}

[dir=ltr] .eventFilterForm .form-group {
    margin: 0rem .75rem 0rem .75rem
}

[dir=rtl] .eventFilterForm .form-group {
    margin: 0rem .75rem 0rem .75rem
}

.eventFilterForm .form-group .btn {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap
}

[dir=ltr] .eventFilterForm .form-group .btn {
    padding: 1.25rem 1.625rem 1.25rem 1.625rem
}

[dir=rtl] .eventFilterForm .form-group .btn {
    padding: 1.25rem 1.625rem 1.25rem 1.625rem
}

.eventFilterForm .form-group .btn span {
    white-space: nowrap
}

.eventFilterForm .form-group .btn .icon-filtericon:before {
    font-size: .875rem
}

.eSearch {
    position: relative;
    min-width: 24.375rem
}

    .eSearch .form-control {
        border: solid 1px var(--bs-grey-600);
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        -o-border-radius: 16px;
        -ms-border-radius: 16px;
        border-radius: 16px
    }

[dir=ltr] .eSearch .form-control {
    padding: 1.125rem 2.8125rem 1.125rem 1.875rem
}

[dir=rtl] .eSearch .form-control {
    padding: 1.125rem 1.875rem 1.125rem 2.8125rem
}

.eSearch .search-btn {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 4.0625rem;
    height: 100%;
    border: 0;
    background: 0 0;
    display: flex;
    align-items: center;
    justify-content: center
}

[dir=ltr] .eSearch .search-btn {
    right: 0
}

[dir=rtl] .eSearch .search-btn {
    left: 0
}

.eSearch .search-btn i {
    font-size: 1.5rem
}

    .eSearch .search-btn i:before {
        color: var(--bs-black)
    }

.darkMode .eSearch .form-control::placeholder {
    color: #666
}

.darkMode .eSearch .form-control::-webkit-input-placeholder {
    color: #666
}

.darkMode .eSearch .form-control::-moz-placeholder {
    color: #666
}

.darkMode .eSearch .form-control:-ms-input-placeholder {
    color: #666
}

.darkMode .eSearch .form-control:-moz-placeholder {
    color: #666
}

.filterSelector {
    min-width: 12.25rem;
    max-width: 12.25rem
}

    .filterSelector .select2-container--bootstrap-5 {
        width: 100% !important
    }

        .filterSelector .select2-container--bootstrap-5 .select2-selection, .filterSelector .select2-container--bootstrap-5 .select2-selection--single {
            height: auto;
            box-shadow: none;
            -webkit-border-radius: 16px;
            -moz-border-radius: 16px;
            -o-border-radius: 16px;
            -ms-border-radius: 16px;
            border-radius: 16px;
            border: solid 1px var(--bs-grey-600);
            background-color: #000;
            color: #fff;
            background-image: url(/assets/DED/svgs/filtericon.svg);
            background-repeat: no-repeat;
            background-size: 1.5rem;
            width: 100%;
            height: 100%;
            display: block;
            background-position: 90% center
        }

[dir=ltr] .filterSelector .select2-container--bootstrap-5 .select2-selection, [dir=ltr] .filterSelector .select2-container--bootstrap-5 .select2-selection--single {
    padding: 1.125rem 1.625rem 1.125rem 1.625rem
}

[dir=rtl] .filterSelector .select2-container--bootstrap-5 .select2-selection, [dir=rtl] .filterSelector .select2-container--bootstrap-5 .select2-selection--single {
    padding: 1.125rem 1.625rem 1.125rem 1.625rem
}

.filterSelector .select2-container--bootstrap-5 .select2-selection--single:before, .filterSelector .select2-container--bootstrap-5 .select2-selection:before {
    content: "Filter";
    position: absolute;
    top: 1rem;
    bottom: 0;
    margin: auto
}

.filterSelector .select2-container--bootstrap-5 .select2-selection .select2-selection__rendered, .filterSelector .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    display: none
}

    .filterSelector .select2-container--bootstrap-5 .select2-selection .select2-selection__rendered li span, .filterSelector .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered li span {
        color: #fff
    }

.eventSearches {
    width: 100%
}

.eventSelector {
    min-width: 14.625rem;
    max-width: 14.625rem
}

    .eventSelector .select2-container--bootstrap-5 {
        width: 100% !important
    }

        .eventSelector .select2-container--bootstrap-5 .select2-selection--single {
            height: auto;
            box-shadow: none;
            -webkit-border-radius: 16px;
            -moz-border-radius: 16px;
            -o-border-radius: 16px;
            -ms-border-radius: 16px;
            border-radius: 16px;
            border: solid 1px var(--bs-grey-600);
            background-size: 2.5rem .875rem
        }

[dir=ltr] .eventSelector .select2-container--bootstrap-5 .select2-selection--single {
    padding: 1.125rem 1.625rem 1.125rem 1.625rem
}

[dir=rtl] .eventSelector .select2-container--bootstrap-5 .select2-selection--single {
    padding: 1.125rem 1.625rem 1.125rem 1.625rem
}

.eventSelector .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    color: #000
}

.eventSelector .input-group input {
    box-shadow: none;
    border-radius: 1rem !important;
    border: solid 1px var(--bs-grey-600)
}

[dir=ltr] .eventSelector .input-group input {
    padding: 1.125rem 1.625rem 1.125rem 1.625rem
}

[dir=rtl] .eventSelector .input-group input {
    padding: 1.125rem 1.625rem 1.125rem 1.625rem
}

.eventSelector .input-group-append {
    position: absolute;
    width: 4.375rem;
    height: 100%;
    z-index: 9
}

[dir=ltr] .eventSelector .input-group-append {
    right: 0
}

[dir=rtl] .eventSelector .input-group-append {
    left: 0
}

.eventSelector .input-group-append span {
    width: 100%;
    height: 100%;
    display: inline-block;
    background-color: transparent;
    border: 0
}

[dir=ltr] .eventSelector .input-group-append span {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .eventSelector .input-group-append span {
    padding: 0rem 0rem 0rem 0rem
}

.eventSelector .input-group-append span i {
    background-image: url(/assets/DED/svgs/calenderbg.svg);
    background-repeat: no-repeat;
    background-size: 1.5rem;
    width: 100%;
    height: 100%;
    display: block;
    background-position: center
}

@media (min-width:1200px) {
    .eSearch .form-control:active, .eSearch .form-control:focus {
        box-shadow: none
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    [dir=ltr] .eventSearchSec {
        padding: 6.875rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .eventSearchSec {
        padding: 6.875rem 0rem 1.25rem 0rem
    }

    .eventFilterForm {
        flex-wrap: wrap;
        justify-content: flex-start
    }

    [dir=ltr] .eventFilterForm .form-group {
        margin: 0rem .75rem .625rem .75rem
    }

    [dir=rtl] .eventFilterForm .form-group {
        margin: 0rem .75rem .625rem .75rem
    }

    .eSearch {
        min-width: 19.375rem
    }

        .eSearch .form-control {
            height: auto
        }

    [dir=ltr] .eSearch .form-control {
        padding: 1.125rem 2.8125rem 1.125rem 1.875rem
    }

    [dir=rtl] .eSearch .form-control {
        padding: 1.125rem 1.875rem 1.125rem 2.8125rem
    }

    .eventSelector, .filterSelector {
        min-width: 12.5rem;
        max-width: 12.5rem
    }

    [dir=ltr] .eventSelector .select2-container--bootstrap-5 .select2-selection--single {
        padding: 1.125rem 1.625rem 1.125rem 1.625rem
    }

    [dir=rtl] .eventSelector .select2-container--bootstrap-5 .select2-selection--single {
        padding: 1.125rem 1.625rem 1.125rem 1.625rem
    }

    .eventSelector .input-group .form-control {
        height: auto
    }

    [dir=ltr] .eventSelector .input-group .form-control {
        padding: 1.125rem 1.625rem 1.125rem 1.625rem
    }

    [dir=rtl] .eventSelector .input-group .form-control {
        padding: 1.125rem 1.625rem 1.125rem 1.625rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    [dir=ltr] .eventSearchSec {
        padding: 6.875rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .eventSearchSec {
        padding: 6.875rem 0rem 1.25rem 0rem
    }

    .eventFilterForm {
        flex-wrap: wrap;
        justify-content: flex-start
    }

    [dir=ltr] .eventFilterForm {
        margin: 0rem -.9375rem 0rem -.9375rem
    }

    [dir=rtl] .eventFilterForm {
        margin: 0rem -.9375rem 0rem -.9375rem
    }

    .eventFilterForm .form-group {
        width: 33%
    }

    [dir=ltr] .eventFilterForm .form-group {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .eventFilterForm .form-group {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=ltr] .eventFilterForm .form-group {
        padding: 0rem .9375rem 0rem .9375rem
    }

    [dir=rtl] .eventFilterForm .form-group {
        padding: 0rem .9375rem 0rem .9375rem
    }

    .eventFilterForm .form-group:first-child {
        width: 60%
    }

    .eSearch {
        min-width: 100%
    }

        .eSearch .form-control {
            height: auto
        }

    [dir=ltr] .eSearch .form-control {
        padding: 1.125rem 2.8125rem 1.125rem 1.875rem
    }

    [dir=rtl] .eSearch .form-control {
        padding: 1.125rem 1.875rem 1.125rem 2.8125rem
    }

    .eventSelector, .filterSelector {
        min-width: 17.5rem;
        max-width: 17.5rem
    }

    [dir=ltr] .eventSelector .select2-container--bootstrap-5 .select2-selection--single {
        padding: 1.125rem 1.625rem 1.125rem 1.625rem
    }

    [dir=rtl] .eventSelector .select2-container--bootstrap-5 .select2-selection--single {
        padding: 1.125rem 1.625rem 1.125rem 1.625rem
    }

    .eventSelector .input-group .form-control {
        height: auto
    }

    [dir=ltr] .eventSelector .input-group .form-control {
        padding: 1.125rem 1.625rem 1.125rem 1.625rem
    }

    [dir=rtl] .eventSelector .input-group .form-control {
        padding: 1.125rem 1.625rem 1.125rem 1.625rem
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .eventSearchSec {
        padding: 3.75rem 0rem 0rem 0rem
    }

    [dir=rtl] .eventSearchSec {
        padding: 3.75rem 0rem 0rem 0rem
    }

    [dir=ltr] .searchSticky {
        padding: 1.875rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .searchSticky {
        padding: 1.875rem 0rem 1.875rem 0rem
    }

    .searchSticky.sticky {
        position: initial
    }

    [dir=ltr] .searchSticky .form-group:last-child {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .searchSticky .form-group:last-child {
        margin: 0rem 0rem 0rem 0rem
    }

    .bg-height-filter {
        height: initial !important
    }

    .eventFilterForm {
        flex-direction: column
    }

    [dir=ltr] .eventFilterForm {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .eventFilterForm {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .eventFilterForm .form-group {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .eventFilterForm .form-group {
        margin: 0rem 0rem 1.25rem 0rem
    }

    .eSearch {
        min-width: 100%
    }

        .eSearch .form-control {
            height: auto
        }

    [dir=ltr] .eSearch .form-control {
        padding: 1.125rem 2.8125rem 1.125rem 1.875rem
    }

    [dir=rtl] .eSearch .form-control {
        padding: 1.125rem 1.875rem 1.125rem 2.8125rem
    }

    .eventSelector, .filterSelector {
        min-width: 100%;
        max-width: initial
    }

    [dir=ltr] .eventSelector .select2-container--bootstrap-5 .select2-selection--single {
        padding: 1.125rem 1.625rem 1.125rem 1.625rem
    }

    [dir=rtl] .eventSelector .select2-container--bootstrap-5 .select2-selection--single {
        padding: 1.125rem 1.625rem 1.125rem 1.625rem
    }

    .eventSelector .input-group .form-control {
        height: auto
    }

    [dir=ltr] .eventSelector .input-group .form-control {
        padding: 1.125rem 1.625rem 1.125rem 1.625rem
    }

    [dir=rtl] .eventSelector .input-group .form-control {
        padding: 1.125rem 1.625rem 1.125rem 1.625rem
    }
}

.stickyNotifyBar {
    background: var(--bs-grey-500);
    position: relative;
    top: 0;
    z-index: 999
}

.notifySticky {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 999;
    background: var(--bs-grey-500);
    opacity: 0
}

[dir=ltr] .notifySticky {
    left: 0
}

[dir=rtl] .notifySticky {
    right: 0
}

.notifySticky.animation {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    opacity: 1
}

.darkMode .notifySticky {
    background: var(--bs-grey-900)
}

.barWrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden
}

[dir=ltr] .barWrapper {
    padding: .625rem 0rem .625rem 0rem
}

[dir=rtl] .barWrapper {
    padding: .625rem 0rem .625rem 0rem
}

.barWrapper .h5, .barWrapper .title5, .barWrapper h5 {
    font-weight: 500
}

[dir=ltr] .barWrapper .h5, [dir=ltr] .barWrapper .title5, [dir=ltr] .barWrapper h5 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .barWrapper .h5, [dir=rtl] .barWrapper .title5, [dir=rtl] .barWrapper h5 {
    margin: 0rem 0rem 0rem 0rem
}

.barWrapper .progressBar {
    position: absolute;
    bottom: 0;
    height: 3px;
    width: 100%;
    background: var(--bs-grey-600)
}

[dir=ltr] .barWrapper .progressBar {
    left: 0
}

[dir=rtl] .barWrapper .progressBar {
    right: 0
}

.barWrapper .progressBar .animateBar {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: var(--bs-green-800);
    transition: all linear .1s
}

[dir=ltr] .barWrapper .progressBar .animateBar {
    left: 0
}

[dir=rtl] .barWrapper .progressBar .animateBar {
    right: 0
}

.barWrapper .detailShare li a {
    background: var(--bs-green-900);
    border: solid 1px var(--bs-green-900);
    color: #fff
}

    .barWrapper .detailShare li a.shareIcon.share-btn-open {
        background: #fff;
        color: var(--bs-green-900);
        border-color: var(--bs-green-900)
    }

.detailIntroSec {
    position: relative
}

    .detailIntroSec:before {
        content: '';
        position: absolute;
        top: 0;
        width: 100%;
        height: 66%;
        background: var(--bs-grey-500);
        z-index: -1
    }

[dir=ltr] .detailIntroSec:before {
    left: 0
}

[dir=rtl] .detailIntroSec:before {
    right: 0
}

.detailIntroSec:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: var(--bs-white);
    z-index: -2
}

[dir=ltr] .detailIntroSec:after {
    left: 0
}

[dir=rtl] .detailIntroSec:after {
    right: 0
}

.detailIntroSec.bg-white:before {
    background: #fff
}

.darkMode .detailIntroSec:before {
    background: var(--bs-grey-900)
}

.detailIntroHead {
    display: flex;
    align-items: center;
    justify-content: space-between
}

[dir=ltr] .detailIntroHead {
    padding: 3rem 0rem 4.1875rem 0rem
}

[dir=rtl] .detailIntroHead {
    padding: 3rem 0rem 4.1875rem 0rem
}

.detailIntroHead .textLink {
    font-size: .875rem
}

.detailShare {
    list-style: none;
    display: flex;
    align-items: center
}

[dir=ltr] .detailShare {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .detailShare {
    padding: 0rem 0rem 0rem 0rem
}

[dir=ltr] .detailShare {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .detailShare {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .detailShare li {
    padding: 0rem .5625rem 0rem .5625rem
}

[dir=rtl] .detailShare li {
    padding: 0rem .5625rem 0rem .5625rem
}

.detailShare li a {
    width: 2.5rem;
    height: 2.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border: solid 1px var(--bs-grey-700);
    color: var(--bs-green-900);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

    .detailShare li a i {
        font-weight: 600
    }

.eventDetailSec {
    background-color: var(--bs-white)
}

[dir=ltr] .eventDetailSec {
    padding: 4.75rem 0rem 6.25rem 0rem
}

[dir=rtl] .eventDetailSec {
    padding: 4.75rem 0rem 6.25rem 0rem
}

.detailIntroBody {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

    .detailIntroBody .cardDateBox {
        width: 10%
    }

[dir=ltr] .detailIntroBody .cardDateBox {
    border-right: 1px solid var(--bs-grey-700)
}

[dir=rtl] .detailIntroBody .cardDateBox {
    border-left: 1px solid var(--bs-grey-700)
}

.detailIntroBody .cardDateBox .dateBox {
    text-align: center
}

[dir=ltr] .detailIntroBody .cardDateBox .dateBox {
    margin: 0rem 1.875rem 1rem 0rem
}

[dir=rtl] .detailIntroBody .cardDateBox .dateBox {
    margin: 0rem 0rem 1rem 1.875rem
}

[dir=ltr] .detailIntroBody .cardDateBox .dateBox {
    padding: 0rem 0rem 3.75rem 0rem
}

[dir=rtl] .detailIntroBody .cardDateBox .dateBox {
    padding: 0rem 0rem 3.75rem 0rem
}

.detailIntroBody .cardDateBox .dateBox:before {
    height: 2.5625rem;
    width: 1px
}

[dir=ltr] .detailIntroBody .cardDateBox .dateBox:last-child {
    margin: 0rem 1.875rem 0rem 0rem
}

[dir=rtl] .detailIntroBody .cardDateBox .dateBox:last-child {
    margin: 0rem 0rem 0rem 1.875rem
}

[dir=ltr] .detailIntroBody .cardDateBox .dateBox:last-child {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .detailIntroBody .cardDateBox .dateBox:last-child {
    padding: 0rem 0rem 0rem 0rem
}

.detailIntroBody .cardDateBox .cardDate {
    color: var(--bs-grey-800)
}

[dir=ltr] .detailIntroBody .cardDateBox + .detailContent {
    padding: 0rem 0rem 0rem 3.125rem
}

[dir=rtl] .detailIntroBody .cardDateBox + .detailContent {
    padding: 0rem 3.125rem 0rem 0rem
}

.detailIntroBody .detailContent {
    width: 90%;
    display: flex;
    flex-direction: row
}

[dir=ltr] .detailIntroBody .detailContent {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .detailIntroBody .detailContent {
    padding: 0rem 0rem 0rem 0rem
}

[dir=ltr] .detailIntroBody .detailContent .h2, [dir=ltr] .detailIntroBody .detailContent h2 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .detailIntroBody .detailContent .h2, [dir=rtl] .detailIntroBody .detailContent h2 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .detailIntroBody .subNav {
    padding: 0rem 0rem 0rem 11.25rem
}

[dir=rtl] .detailIntroBody .subNav {
    padding: 0rem 11.25rem 0rem 0rem
}

[dir=ltr] .detailIntroBody .subNav .h5, [dir=ltr] .detailIntroBody .subNav .title5, [dir=ltr] .detailIntroBody .subNav h5 {
    margin: 0rem 0rem 2.8125rem 0rem
}

[dir=rtl] .detailIntroBody .subNav .h5, [dir=rtl] .detailIntroBody .subNav .title5, [dir=rtl] .detailIntroBody .subNav h5 {
    margin: 0rem 0rem 2.8125rem 0rem
}

[dir=ltr] .detailIntroBody .introImg {
    margin: 3.5625rem 0rem 0rem 0rem
}

[dir=rtl] .detailIntroBody .introImg {
    margin: 3.5625rem 0rem 0rem 0rem
}

.introImg {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    width: 100%;
    overflow: hidden;
    height: 42.5rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #000
}

[dir=ltr] .introImg {
    margin: 8.75rem 0rem 0rem 0rem
}

[dir=rtl] .introImg {
    margin: 8.75rem 0rem 0rem 0rem
}

.eventSideMenu {
    position: relative
}

    .eventSideMenu.stickySideEvent, .eventSideMenu.stickySideNews {
        width: 23.5rem
    }

    .eventSideMenu .eventSticky {
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -o-border-radius: 30px;
        -ms-border-radius: 30px;
        border-radius: 30px;
        border: 1px solid var(--bs-green-700);
        background: var(--bs-white);
        background: -moz-linear-gradient(top,var(--bs-white) 0,var(--bs-green-500) 100%);
        background: -webkit-linear-gradient(top,var(--bs-white) 0,var(--bs-green-500) 100%);
        background: linear-gradient(to bottom,var(--bs-white) 0,var(--bs-green-500) 100%)
    }

[dir=ltr] .eventSideMenu .eventSticky {
    padding: 2.5rem 1.875rem 2.5rem 2.1875rem
}

[dir=rtl] .eventSideMenu .eventSticky {
    padding: 2.5rem 2.1875rem 2.5rem 1.875rem
}

.eventSideMenu .subHeading {
    letter-spacing: -1.1px;
    font-weight: 700;
    font-size: 1.375rem;
    text-transform: capitalize
}

.darkMode .eventSideMenu .eventSticky {
    background: linear-gradient(9deg,#1a1a1a 7.08%,#000 91.97%);
    stroke-width: 1px;
    stroke: rgba(102,102,102,.5)
}

.darkMode .eventTimeList .iconWrap i {
    color: #00e5d1
}

.eventTimeList {
    list-style: none
}

[dir=ltr] .eventTimeList {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .eventTimeList {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .eventTimeList {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .eventTimeList {
    padding: 0rem 0rem 0rem 0rem
}

.eventTimeList li {
    display: flex;
    align-items: center
}

[dir=ltr] .eventTimeList li {
    margin: 0rem 0rem 1.875rem 0rem
}

[dir=rtl] .eventTimeList li {
    margin: 0rem 0rem 1.875rem 0rem
}

.eventTimeList .iconWrap {
    width: auto;
    height: auto;
    position: relative;
    top: .125rem
}

[dir=ltr] .eventTimeList .iconWrap {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .eventTimeList .iconWrap {
    margin: 0rem 0rem 0rem 0rem
}

.eventTimeList .iconWrap i {
    color: var(--bs-green-900);
    line-height: 1
}

    .eventTimeList .iconWrap i:before {
        font-size: 1.5rem
    }

[dir=ltr] .timeNotify {
    padding: 0rem 0rem 0rem 1.3125rem
}

[dir=rtl] .timeNotify {
    padding: 0rem 1.3125rem 0rem 0rem
}

.timeNotify strong {
    font-weight: 700
}

[dir=ltr] .timeNotify strong + span {
    margin: .4375rem 0rem 0rem 0rem
}

[dir=rtl] .timeNotify strong + span {
    margin: .4375rem 0rem 0rem 0rem
}

.timeNotify span {
    letter-spacing: -.05rem;
    font-weight: 400
}

[dir=rtl] .timeNotify span {
    letter-spacing: initial
}

.timeNotify span, .timeNotify strong {
    display: block;
    font-size: 1rem;
    color: var(--bs-black)
}

.timeNotify a {
    font-size: 1.25rem;
    color: var(--bs-black);
    text-decoration: none;
    font-weight: 700
}

    .timeNotify a span {
        display: inline;
        padding-bottom: 0;
        transition: all .5s linear;
        background: linear-gradient(to bottom,var(--bs-black) 0,var(--bs-black) 98%);
        background-size: 0 1px;
        background-repeat: no-repeat;
        background-position: left 100%
    }

[dir=rtl] .timeNotify a span {
    background-position: right 100%
}

@media (min-width:1200px) {
    .timeNotify a:hover span {
        background-size: 100% 1px
    }
}

.timeNotify a span {
    font-weight: inherit
}

.organinzed-box {
    border-top: solid 1px var(--bs-grey-700);
    border-bottom: solid 1px var(--bs-grey-700)
}

[dir=ltr] .organinzed-box {
    padding: 1.875rem 0rem 1.875rem 0rem
}

[dir=rtl] .organinzed-box {
    padding: 1.875rem 0rem 1.875rem 0rem
}

.organinzed-box > span {
    font-weight: 700
}

.organinzed-box span {
    color: var(--bs-black)
}

.organinzed-box .imgWrap {
    width: 13.75rem
}

    .organinzed-box .imgWrap img {
        width: 100%;
        height: 100%
    }

.organinzed-box a {
    font-weight: 700;
    font-size: 1rem;
    color: var(--bs-black);
    text-decoration: none
}

    .organinzed-box a span {
        display: inline;
        padding-bottom: 0;
        transition: all .5s linear;
        background: linear-gradient(to bottom,var(--bs-black) 0,var(--bs-black) 98%);
        background-size: 0 1px;
        background-repeat: no-repeat;
        background-position: left 100%
    }

[dir=rtl] .organinzed-box a span {
    background-position: right 100%
}

@media (min-width:1200px) {
    .organinzed-box a:hover span {
        background-size: 100% 1px
    }
}

[dir=ltr] .organinzed-box .loadMoreBtn {
    margin: .875rem 0rem 0rem 0rem
}

[dir=rtl] .organinzed-box .loadMoreBtn {
    margin: .875rem 0rem 0rem 0rem
}

.organinzed-box .imgBgLayer {
    border-radius: .5rem;
    width: 100%;
    transition: .25s ease
}

[dir=ltr] .organinzed-box .imgBgLayer {
    margin: .5rem 0rem .5rem 0rem
}

[dir=rtl] .organinzed-box .imgBgLayer {
    margin: .5rem 0rem .5rem 0rem
}

.darkMode .organinzed-box .imgBgLayer {
    background: #fff;
    padding: .75rem
}

.hyperLink {
    display: flex;
    flex-direction: column
}

[dir=ltr] .hyperLink {
    padding: 1.25rem 0rem 0rem 0rem
}

[dir=rtl] .hyperLink {
    padding: 1.25rem 0rem 0rem 0rem
}

.hyperLink .hyperLinkBox {
    position: relative
}

[dir=ltr] .hyperLink .hyperLinkBox {
    margin: 0rem 0rem .875rem 0rem
}

[dir=rtl] .hyperLink .hyperLinkBox {
    margin: 0rem 0rem .875rem 0rem
}

.hyperLink .hyperLinkBox .st-btn {
    width: 2.5rem;
    height: 2.5rem !important;
    line-height: 2.5rem !important;
    border-radius: 50% !important;
    min-width: auto !important
}

[dir=ltr] .hyperLink .hyperLinkBox .st-btn {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .hyperLink .hyperLinkBox .st-btn {
    margin: 0rem 0rem 0rem 0rem
}

.hyperLink .hyperLinkBox .st-btn > img {
    vertical-align: middle !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
    top: 0 !important
}

.hyperLink .hyperLinkBox .st-top {
    display: none
}

.hyperLink .hyperLinkBox .openShare.active > span {
    opacity: 0
}

.hyperLink .hyperLinkBox .share-icons {
    top: 0
}

[dir=ltr] .hyperLink .hyperLinkBox .share-icons {
    right: initial
}

[dir=rtl] .hyperLink .hyperLinkBox .share-icons {
    left: initial
}

[dir=ltr] .hyperLink .hyperLinkBox .share-icons {
    left: 3.125rem
}

[dir=rtl] .hyperLink .hyperLinkBox .share-icons {
    right: 3.125rem
}

[dir=ltr] .hyperLink .hyperLinkBox:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .hyperLink .hyperLinkBox:last-child {
    margin: 0rem 0rem 0rem 0rem
}

.hyperLink a {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    font-weight: 700;
    font-size: 1rem;
    color: var(--bs-black);
    text-decoration: none
}

    .hyperLink a .iconWrap {
        width: 2.5rem;
        height: 2.5rem;
        background: var(--bs-green-900);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center
    }

[dir=ltr] .hyperLink a .iconWrap {
    margin: 0rem .6875rem 0rem 0rem
}

[dir=rtl] .hyperLink a .iconWrap {
    margin: 0rem 0rem 0rem .6875rem
}

.hyperLink a .iconWrap i {
    color: #fff
}

.hyperLink a span {
    display: inline;
    padding-bottom: 0;
    transition: all .5s linear;
    background: linear-gradient(to bottom,var(--bs-black) 0,var(--bs-black) 98%);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left 100%
}

[dir=rtl] .hyperLink a span {
    background-position: right 100%
}

@media (min-width:1200px) {
    .hyperLink a:hover span {
        background-size: 100% 1px
    }
}

.hyperLink a.active span {
    background-size: 100% 1px
}

[dir=ltr] .eventTabsContainer .nav-tabs {
    margin: 0rem 0rem 2.5rem 0rem
}

[dir=rtl] .eventTabsContainer .nav-tabs {
    margin: 0rem 0rem 2.5rem 0rem
}

.eventTabsContainer .nav-tabs .nav-item .nav-link {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: -1.2px;
    display: flex;
    align-items: center;
    color: #000;
    border: 0
}

[dir=ltr] .eventTabsContainer .nav-tabs .nav-item .nav-link {
    margin: 0rem 4.625rem 0rem 0rem
}

[dir=rtl] .eventTabsContainer .nav-tabs .nav-item .nav-link {
    margin: 0rem 0rem 0rem 4.625rem
}

[dir=ltr] .eventTabsContainer .nav-tabs .nav-item .nav-link {
    padding: 0rem .3125rem .875rem 0rem
}

[dir=rtl] .eventTabsContainer .nav-tabs .nav-item .nav-link {
    padding: 0rem 0rem .875rem .3125rem
}

[dir=ltr] .eventTabsContainer .nav-tabs .nav-item .nav-link i {
    margin: 0rem .625rem 0rem 0rem
}

[dir=rtl] .eventTabsContainer .nav-tabs .nav-item .nav-link i {
    margin: 0rem 0rem 0rem .625rem
}

.eventTabsContainer .nav-tabs .nav-item .nav-link.active {
    color: var(--bs-green-900);
    border-bottom: solid 2px var(--bs-green-900)
}

[dir=ltr] .eventsummary {
    padding: 0rem 6.25rem 0rem 0rem
}

[dir=rtl] .eventsummary {
    padding: 0rem 0rem 0rem 6.25rem
}

[dir=ltr] .eventsummary {
    margin: 0rem 0rem 4.5625rem 0rem
}

[dir=rtl] .eventsummary {
    margin: 0rem 0rem 4.5625rem 0rem
}

.eventsummary .h4, .eventsummary h4 {
    line-height: 2.75rem;
    font-weight: 400;
    letter-spacing: -1px
}

.eventsummary p {
    font-weight: 300;
    line-height: 149%;
    letter-spacing: -.8px
}

.quotationTxt {
    position: relative
}

[dir=ltr] .quotationTxt {
    margin: 2.5rem 0rem 2.5rem 0rem
}

[dir=rtl] .quotationTxt {
    margin: 2.5rem 0rem 2.5rem 0rem
}

[dir=ltr] .quotationTxt {
    padding: .3125rem 0rem .3125rem 2.0625rem
}

[dir=rtl] .quotationTxt {
    padding: .3125rem 2.0625rem .3125rem 0rem
}

.quotationTxt:before {
    content: '';
    position: absolute;
    top: 0;
    width: .25rem;
    height: 100%;
    background: var(--bs-green-800)
}

[dir=ltr] .quotationTxt:before {
    left: 0
}

[dir=rtl] .quotationTxt:before {
    right: 0
}

.quotationTxt .h6, .quotationTxt h6 {
    font-weight: 600;
    line-height: 2.125rem;
    letter-spacing: -1px;
    position: relative
}

[dir=ltr] .quotationTxt .h6, [dir=ltr] .quotationTxt h6 {
    margin: 0rem 0rem 1.5625rem 0rem
}

[dir=rtl] .quotationTxt .h6, [dir=rtl] .quotationTxt h6 {
    margin: 0rem 0rem 1.5625rem 0rem
}

[dir=ltr] .mapWrapper {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .mapWrapper {
    padding: 0rem 0rem 0rem 0rem
}

[dir=ltr] .mapWrapper {
    margin: 0rem 0rem 4.875rem 0rem
}

[dir=rtl] .mapWrapper {
    margin: 0rem 0rem 4.875rem 0rem
}

.mapWrapper .imgWrap {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    overflow: hidden
}

.partnerHead {
    display: flex;
    align-items: center;
    justify-content: space-between
}

[dir=ltr] .partnerHead {
    margin: 0rem 0rem 2.5rem 0rem
}

[dir=rtl] .partnerHead {
    margin: 0rem 0rem 2.5rem 0rem
}

[dir=ltr] .partnerHead .h3, [dir=ltr] .partnerHead h3 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .partnerHead .h3, [dir=rtl] .partnerHead h3 {
    margin: 0rem 0rem 0rem 0rem
}

.partnerHead .swiper-button-next, .partnerHead .swiper-button-prev {
    width: 3.125rem;
    height: 3.125rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    text-decoration: none;
    outline: 0
}

[dir=ltr] .partnerHead .swiper-button-next, [dir=ltr] .partnerHead .swiper-button-prev {
    margin: 0rem .5rem 0rem .5rem
}

[dir=rtl] .partnerHead .swiper-button-next, [dir=rtl] .partnerHead .swiper-button-prev {
    margin: 0rem .5rem 0rem .5rem
}

.partnerHead .swiper-button-next i:before, .partnerHead .swiper-button-prev i:before {
    font-size: 1.125rem
}

.partnerHead .swiper-button-disabled {
    cursor: no-drop;
    background: var(--bs-grey-500);
    opacity: .5
}

[dir=ltr] .partnerSlider .swiper-slide {
    padding: 0rem .125rem 0rem 0rem
}

[dir=rtl] .partnerSlider .swiper-slide {
    padding: 0rem 0rem 0rem .125rem
}

.partnerBox {
    border: 1px solid var(--bs-grey-700);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -o-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px;
    overflow: hidden
}

    .partnerBox a {
        position: relative;
        display: block;
        width: 100%;
        overflow: hidden
    }

        .partnerBox a:after {
            content: '';
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,.05);
            opacity: 0;
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out
        }

[dir=ltr] .partnerBox a:after {
    left: 0
}

[dir=rtl] .partnerBox a:after {
    right: 0
}

.partnerBox a img {
    width: 100%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.eventRegisterWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--bs-blue-600);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    position: relative;
    overflow: hidden
}

[dir=ltr] .eventRegisterWrapper {
    padding: 3.4375rem 3.75rem 3.375rem 3.75rem
}

[dir=rtl] .eventRegisterWrapper {
    padding: 3.4375rem 3.75rem 3.375rem 3.75rem
}

[dir=ltr] .eventRegisterWrapper {
    margin: 5rem 0rem 5rem 0rem
}

[dir=rtl] .eventRegisterWrapper {
    margin: 5rem 0rem 5rem 0rem
}

.eventRegisterWrapper:after {
    content: '';
    position: absolute;
    top: -.625rem;
    width: 20.625rem;
    height: 20.625rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: var(--bs-green-700);
    opacity: .12;
    z-index: 1
}

[dir=ltr] .eventRegisterWrapper:after {
    right: -90px
}

[dir=rtl] .eventRegisterWrapper:after {
    left: -90px
}

.eventRegisterWrapper .topHeading {
    display: flex;
    align-items: center
}

    .eventRegisterWrapper .topHeading .imgWrap {
        width: 4.75rem
    }

.eventRegisterWrapper .topTxt {
    position: relative;
    z-index: 9
}

[dir=ltr] .eventRegisterWrapper .topTxt {
    padding: 0rem 0rem 0rem 1.875rem
}

[dir=rtl] .eventRegisterWrapper .topTxt {
    padding: 0rem 1.875rem 0rem 0rem
}

[dir=ltr] .eventRegisterWrapper .topTxt {
    margin: 0rem 0rem 0rem 1.25rem
}

[dir=rtl] .eventRegisterWrapper .topTxt {
    margin: 0rem 1.25rem 0rem 0rem
}

.eventRegisterWrapper .topTxt:before {
    content: '';
    position: absolute;
    top: 0;
    width: .125rem;
    height: 100%;
    background: #000
}

[dir=ltr] .eventRegisterWrapper .topTxt:before {
    left: 0
}

[dir=rtl] .eventRegisterWrapper .topTxt:before {
    right: 0
}

.eventRegisterWrapper .topTxt .h4, .eventRegisterWrapper .topTxt h4 {
    line-height: 2.125rem
}

[dir=ltr] .eventRegisterWrapper .topTxt .h4, [dir=ltr] .eventRegisterWrapper .topTxt h4 {
    margin: 0rem 0rem .1875rem 0rem
}

[dir=rtl] .eventRegisterWrapper .topTxt .h4, [dir=rtl] .eventRegisterWrapper .topTxt h4 {
    margin: 0rem 0rem .1875rem 0rem
}

.eventRegisterWrapper .topTxt p {
    line-height: 1.75rem;
    font-weight: 400;
    letter-spacing: -.64px
}

[dir=ltr] .eventRegisterWrapper .topTxt p {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .eventRegisterWrapper .topTxt p {
    margin: 0rem 0rem 0rem 0rem
}

.eventRegisterWrapper .btn {
    position: relative;
    z-index: 2
}

.darkMode .eventRegisterWrapper {
    background: var(--bs-grey-800)
}

    .darkMode .eventRegisterWrapper .topTxt:before {
        background: #fff
    }

.contactQueries .subHeading {
    color: var(--bs-green-900)
}

[dir=ltr] .contactQueries .subHeading {
    margin: 0rem 0rem 1.25rem 0rem
}

[dir=rtl] .contactQueries .subHeading {
    margin: 0rem 0rem 1.25rem 0rem
}

.contactQueries .contactList {
    display: flex;
    align-items: center;
    list-style: none
}

[dir=ltr] .contactQueries .contactList {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .contactQueries .contactList {
    padding: 0rem 0rem 0rem 0rem
}

[dir=ltr] .contactQueries .contactList {
    margin: 0rem 0rem 2.5rem 0rem
}

[dir=rtl] .contactQueries .contactList {
    margin: 0rem 0rem 2.5rem 0rem
}

.contactQueries .contactList li {
    position: relative;
    list-style: none;
    display: flex;
    align-items: center
}

[dir=ltr] .contactQueries .contactList li {
    padding: 0rem 1.875rem 0rem 0rem
}

[dir=rtl] .contactQueries .contactList li {
    padding: 0rem 0rem 0rem 1.875rem
}

[dir=ltr] .contactQueries .contactList li {
    margin: 0rem 1.875rem 0rem 0rem
}

[dir=rtl] .contactQueries .contactList li {
    margin: 0rem 0rem 0rem 1.875rem
}

.contactQueries .contactList li i {
    width: 1.375rem;
    height: 1.375rem;
    display: flex;
    align-items: center;
    color: var(--bs-black)
}

[dir=ltr] .contactQueries .contactList li i {
    margin: 0rem .9375rem 0rem 0rem
}

[dir=rtl] .contactQueries .contactList li i {
    margin: 0rem 0rem 0rem .9375rem
}

.contactQueries .contactList li i:before {
    font-size: 1.25rem
}

.contactQueries .contactList li:after {
    content: '';
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: var(--bs-black)
}

[dir=ltr] .contactQueries .contactList li:after {
    right: 0
}

[dir=rtl] .contactQueries .contactList li:after {
    left: 0
}

.contactQueries .contactList li:last-child:after {
    display: none
}

.contactQueries .contactList li a {
    color: var(--bs-black);
    font-size: 1.25rem;
    text-decoration: none;
    position: relative
}

    .contactQueries .contactList li a span {
        display: inline-block;
        position: relative
    }

[dir=ltr] .contactQueries .contactList li a span {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .contactQueries .contactList li a span {
    margin: 0rem 0rem 0rem 0rem
}

.contactQueries .contactList li a span:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 0%;
    height: 1px;
    background-color: #000;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

[dir=ltr] .contactQueries .contactList li a span:before {
    left: 0
}

[dir=rtl] .contactQueries .contactList li a span:before {
    right: 0
}

.contactQueries .tags-container {
    border-top: solid 1px var(--bs-grey-700);
    border-bottom: solid 1px var(--bs-grey-700)
}

[dir=ltr] .contactQueries .tags-container {
    margin: 0rem 0rem 2.5rem 0rem
}

[dir=rtl] .contactQueries .tags-container {
    margin: 0rem 0rem 2.5rem 0rem
}

[dir=ltr] .contactQueries .tags-container {
    padding: 1.25rem 0rem .3125rem 0rem
}

[dir=rtl] .contactQueries .tags-container {
    padding: 1.25rem 0rem .3125rem 0rem
}

.contactQueries .tags-container strong {
    color: var(--bs-black);
    font-weight: 600;
    line-height: normal;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    display: inline-block;
    font-size: .75rem
}

[dir=ltr] .contactQueries .tags-container strong {
    margin: 0rem .75rem 0rem 0rem
}

[dir=rtl] .contactQueries .tags-container strong {
    margin: 0rem 0rem 0rem .75rem
}

.relatedEvents {
    display: flex;
    flex-direction: column
}

[dir=ltr] .relatedEvents {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .relatedEvents {
    padding: 0rem 0rem 0rem 0rem
}

[dir=ltr] .relatedEvents .flatCardPremium {
    margin: 0rem 0rem 3.75rem 0rem
}

[dir=rtl] .relatedEvents .flatCardPremium {
    margin: 0rem 0rem 3.75rem 0rem
}

[dir=ltr] .relatedEvents .flatCardPremium:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .relatedEvents .flatCardPremium:last-child {
    margin: 0rem 0rem 0rem 0rem
}

.accordionAgenda .accordion-item {
    border: 0
}

[dir=ltr] .accordionAgenda .accordion-item {
    margin: 0rem 0rem 3.125rem 0rem
}

[dir=rtl] .accordionAgenda .accordion-item {
    margin: 0rem 0rem 3.125rem 0rem
}

[dir=ltr] .accordionAgenda .accordion-item:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .accordionAgenda .accordion-item:last-child {
    margin: 0rem 0rem 0rem 0rem
}

.accordionAgenda .accordion-button {
    color: #000;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25rem;
    letter-spacing: .16rem;
    text-transform: uppercase;
    border: 0;
    border-bottom: solid 1px var(--bs-grey-700);
    position: relative
}

[dir=ltr] .accordionAgenda .accordion-button {
    padding: 0rem 3.125rem 1.25rem 0rem
}

[dir=rtl] .accordionAgenda .accordion-button {
    padding: 0rem 0rem 1.25rem 3.125rem
}

[dir=rtl] .accordionAgenda .accordion-button {
    letter-spacing: initial
}

.accordionAgenda .accordion-button:before {
    font-family: icomoon !important;
    content: "\e917";
    position: absolute;
    top: 0;
    width: 1.5rem;
    height: 1.5rem;
    color: #000;
    font-size: 1.75rem;
    line-height: 1;
    font-weight: 100
}

[dir=ltr] .accordionAgenda .accordion-button:before {
    right: 0
}

[dir=rtl] .accordionAgenda .accordion-button:before {
    left: 0
}

[dir=ltr] .accordionAgenda .accordion-button:before {
    margin: auto auto auto auto
}

[dir=rtl] .accordionAgenda .accordion-button:before {
    margin: auto auto auto auto
}

.accordionAgenda .accordion-button:not(.collapsed) {
    background-color: transparent
}

    .accordionAgenda .accordion-button:not(.collapsed):before {
        content: "\e92b"
    }

.accordionAgenda .accordion-button:after {
    display: none
}

.accordionAgenda .accordion-collapse.show .accordion-body {
    border-bottom: solid 1px var(--bs-grey-700)
}

.accordionAgenda .accordion-body {
    border-bottom: 0
}

[dir=ltr] .accordionAgenda .accordion-body {
    padding: 2.75rem 0rem 2.75rem 0rem
}

[dir=rtl] .accordionAgenda .accordion-body {
    padding: 2.75rem 0rem 2.75rem 0rem
}

.generalTimeline {
    list-style: none
}

[dir=ltr] .generalTimeline {
    padding: 0rem 8.125rem 0rem 0rem
}

[dir=rtl] .generalTimeline {
    padding: 0rem 0rem 0rem 8.125rem
}

[dir=ltr] .generalTimeline {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .generalTimeline {
    margin: 0rem 0rem 0rem 0rem
}

.generalTimeline > li {
    position: relative
}

[dir=ltr] .generalTimeline > li {
    padding: 0rem 0rem 5rem 3.75rem
}

[dir=rtl] .generalTimeline > li {
    padding: 0rem 3.75rem 5rem 0rem
}

.generalTimeline > li:before {
    content: '';
    position: absolute;
    top: 0;
    width: 1rem;
    height: 1rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: var(--bs-green-800);
    z-index: 1
}

[dir=ltr] .generalTimeline > li:before {
    left: 0
}

[dir=rtl] .generalTimeline > li:before {
    right: 0
}

.generalTimeline > li:after {
    content: '';
    position: absolute;
    top: 0;
    width: .0625rem;
    height: 100%;
    background-image: linear-gradient(to bottom,var(--bs-grey-700) 35%,rgba(255,255,255,0) 0);
    background-position: left;
    background-size: .125rem .8125rem;
    background-repeat: repeat-y
}

[dir=ltr] .generalTimeline > li:after {
    left: 7.5px
}

[dir=rtl] .generalTimeline > li:after {
    right: 7.5px
}

[dir=ltr] .generalTimeline > li:last-child {
    padding: 0rem 0rem 0rem 3.75rem
}

[dir=rtl] .generalTimeline > li:last-child {
    padding: 0rem 3.75rem 0rem 0rem
}

.generalTimeline > li:last-child:after {
    display: none
}

[dir=ltr] .generalTimeline > li .timeText {
    margin: 0rem 0rem .9375rem 0rem
}

[dir=rtl] .generalTimeline > li .timeText {
    margin: 0rem 0rem .9375rem 0rem
}

.generalTimeline > li .timeText i:before {
    font-size: 1.0625rem
}

.generalTimeline > li .timeText .dateSpan {
    color: #000;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: -.8px
}

.generalTimeline > li .h4, .generalTimeline > li h4 {
    font-weight: 600;
    line-height: 2.5rem;
    letter-spacing: -.6px
}

.generalTimeline > li .lead {
    font-weight: 300;
    line-height: 149%;
    letter-spacing: -.8px
}

.speakerInfo {
    position: relative
}

[dir=ltr] .speakerInfo {
    padding: 1.375rem 0rem 0rem 0rem
}

[dir=rtl] .speakerInfo {
    padding: 1.375rem 0rem 0rem 0rem
}

[dir=ltr] .speakerInfo {
    margin: 2.5rem 0rem 0rem 0rem
}

[dir=rtl] .speakerInfo {
    margin: 2.5rem 0rem 0rem 0rem
}

.speakerInfo:before {
    content: '';
    position: absolute;
    top: 0;
    width: 20rem;
    height: .1875rem;
    background: var(--bs-redOrange)
}

[dir=ltr] .speakerInfo:before {
    left: 0
}

[dir=rtl] .speakerInfo:before {
    right: 0
}

.speakerInfo .label {
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 130%;
    letter-spacing: -.8px
}

[dir=ltr] .speakerInfo .label {
    margin: 0rem 0rem 1.625rem 0rem
}

[dir=rtl] .speakerInfo .label {
    margin: 0rem 0rem 1.625rem 0rem
}

.speakerName {
    display: flex;
    align-items: center
}

    .speakerName .imgWrap {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        overflow: hidden;
        width: 5.5rem;
        height: 5.5rem
    }

[dir=ltr] .speakerName .imgWrap {
    margin: 0rem 1.875rem 0rem 0rem
}

[dir=rtl] .speakerName .imgWrap {
    margin: 0rem 0rem 0rem 1.875rem
}

.speakerName .imgWrap img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

[dir=ltr] .speakerName .h6, [dir=ltr] .speakerName h6 {
    margin: 0rem 0rem .25rem 0rem
}

[dir=rtl] .speakerName .h6, [dir=rtl] .speakerName h6 {
    margin: 0rem 0rem .25rem 0rem
}

[dir=ltr] .speakerName p {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .speakerName p {
    margin: 0rem 0rem 0rem 0rem
}

.breakInfo {
    background-color: var(--bs-green-500);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px
}

[dir=ltr] .breakInfo {
    padding: 2rem 2.9375rem 2rem 2.9375rem
}

[dir=rtl] .breakInfo {
    padding: 2rem 2.9375rem 2rem 2.9375rem
}

[dir=ltr] .breakInfo {
    margin: 3.75rem 0rem 3.75rem 0rem
}

[dir=rtl] .breakInfo {
    margin: 3.75rem 0rem 3.75rem 0rem
}

[dir=ltr] .breakInfo .timeText {
    margin: 0rem 0rem .875rem 0rem
}

[dir=rtl] .breakInfo .timeText {
    margin: 0rem 0rem .875rem 0rem
}

.breakInfo .timeText i, .breakInfo .timeText span {
    color: #000
}

.breakInfo .subHeading {
    color: var(--bs-green-900);
    text-transform: uppercase
}

[dir=ltr] .breakInfo .subHeading {
    margin: 0rem 0rem .625rem 0rem
}

[dir=rtl] .breakInfo .subHeading {
    margin: 0rem 0rem .625rem 0rem
}

.breakInfo .btnemail {
    color: #000;
    font-size: 1.25rem;
    font-weight: 300;
    text-decoration: none
}

    .breakInfo .btnemail i {
        color: inherit
    }

    .breakInfo .btnemail span {
        color: inherit
    }

.breakHead {
    display: flex;
    align-items: center;
    justify-content: space-between
}

[dir=ltr] .breakHead {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .breakHead {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .breakHead .h4, [dir=ltr] .breakHead h4 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .breakHead .h4, [dir=rtl] .breakHead h4 {
    margin: 0rem 0rem 0rem 0rem
}

.relatedEventsShows {
    background: 0 0;
    border: none
}

[dir=ltr] .relatedEventsShows {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .relatedEventsShows {
    padding: 0rem 0rem 0rem 0rem
}

.relatedEventsShows i {
    position: relative;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    top: -.1875rem
}

    .relatedEventsShows i:before {
        font-size: .75rem
    }

.relatedEventsShows .lessTextShow {
    display: none
}

.relatedEventsShows.active .moreTextShow {
    display: none
}

.relatedEventsShows.active .lessTextShow {
    display: block
}

    .relatedEventsShows.active .lessTextShow + i {
        top: .1875rem
    }

.relatedEventsShows.active i {
    transform: rotate(180deg)
}

.orgList {
    list-style: none;
    list-style-type: none
}

[dir=ltr] .orgList {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .orgList {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .orgList {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .orgList {
    padding: 0rem 0rem 0rem 0rem
}

.orgListShow {
    background: 0 0;
    border: none
}

[dir=ltr] .orgListShow {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .orgListShow {
    padding: 0rem 0rem 0rem 0rem
}

.orgListShow i {
    position: relative;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.orgListShow .lessTextShow {
    display: none
}

.orgListShow.active .moreTextShow {
    display: none
}

.orgListShow.active .lessTextShow {
    display: block
}

.orgListShow.active i {
    transform: rotate(180deg)
}

.mCSB_inside > .mCSB_container {
    margin-right: 17px
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: var(--bs-grey-700)
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: var(--bs-grey-700)
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: var(--bs-grey-700)
}

@media (min-width:1200px) {
    .detailShare li a:hover {
        background: var(--bs-green-900);
        color: #fff
    }

    .barWrapper .detailShare li a:hover {
        background-color: #fff;
        color: var(--bs-green-900)
    }

    .partnerBox a:focus img, .partnerBox a:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    .partnerBox a:focus:after, .partnerBox a:hover:after {
        opacity: 1
    }

    .contactQueries .contactList li a:focus span:before, .contactQueries .contactList li a:hover span:before {
        width: 100%
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .eventSideMenu {
        width: 100%
    }

        .eventSideMenu.stickySideEvent, .eventSideMenu.stickySideNews {
            width: 100%
        }

    .detailIntroBody .cardDateBox {
        width: 15%
    }

    .detailIntroBody .detailContent {
        width: 85%
    }

    [dir=ltr] .detailIntroBody .detailContent {
        padding: 0rem 0rem 0rem 1.875rem
    }

    [dir=rtl] .detailIntroBody .detailContent {
        padding: 0rem 1.875rem 0rem 0rem
    }

    [dir=ltr] .detailIntroBody .subNav {
        padding: 0rem 0rem 0rem 1.875rem
    }

    [dir=rtl] .detailIntroBody .subNav {
        padding: 0rem 1.875rem 0rem 0rem
    }

    [dir=ltr] .eventTabsContainer {
        padding: 2.5rem 0rem 0rem 0rem
    }

    [dir=rtl] .eventTabsContainer {
        padding: 2.5rem 0rem 0rem 0rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .detailIntroBody .cardDateBox {
        width: 15%
    }

    .detailIntroBody .detailContent {
        width: 85%
    }

    [dir=ltr] .detailIntroBody .detailContent {
        padding: 0rem 0rem 0rem 1.25rem
    }

    [dir=rtl] .detailIntroBody .detailContent {
        padding: 0rem 1.25rem 0rem 0rem
    }

    [dir=ltr] .detailIntroBody .subNav {
        padding: 0rem 0rem 0rem 1.875rem
    }

    [dir=rtl] .detailIntroBody .subNav {
        padding: 0rem 1.875rem 0rem 0rem
    }

    .eventSideMenu {
        width: 100%
    }

        .eventSideMenu.stickySideEvent, .eventSideMenu.stickySideNews {
            width: 100%
        }

    [dir=ltr] .eventTabsContainer {
        padding: 2.5rem 0rem 0rem 0rem
    }

    [dir=rtl] .eventTabsContainer {
        padding: 2.5rem 0rem 0rem 0rem
    }

    .relatedEvents .timeText i:before {
        font-size: 1rem
    }

    .relatedEvents .timeText span {
        font-size: .75rem;
        letter-spacing: .5px
    }

    [dir=ltr] .relatedEvents .badge-container {
        margin: 1.875rem 0rem 0rem 0rem
    }

    [dir=rtl] .relatedEvents .badge-container {
        margin: 1.875rem 0rem 0rem 0rem
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    .detailIntroSec:before {
        display: none
    }

    .detailIntroBody {
        flex-direction: column
    }

        .detailIntroBody .cardDateBox {
            border-bottom: solid 1px var(--bs-grey-700);
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: relative
        }

    [dir=ltr] .detailIntroBody .cardDateBox {
        border-right: 0 none rgba(0,0,0,0)
    }

    [dir=rtl] .detailIntroBody .cardDateBox {
        border-left: 0 none rgba(0,0,0,0)
    }

    [dir=ltr] .detailIntroBody .cardDateBox {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .detailIntroBody .cardDateBox {
        margin: 0rem 0rem 1.25rem 0rem
    }

    .detailIntroBody .cardDateBox:before {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 3.125rem;
        height: 1px;
        background: #000;
        content: ''
    }

    [dir=ltr] .detailIntroBody .cardDateBox:before {
        left: 0
    }

    [dir=rtl] .detailIntroBody .cardDateBox:before {
        right: 0
    }

    [dir=ltr] .detailIntroBody .cardDateBox:before {
        right: 0
    }

    [dir=rtl] .detailIntroBody .cardDateBox:before {
        left: 0
    }

    [dir=ltr] .detailIntroBody .cardDateBox:before {
        margin: 1.625rem auto auto auto
    }

    [dir=rtl] .detailIntroBody .cardDateBox:before {
        margin: 1.625rem auto auto auto
    }

    [dir=ltr] .detailIntroBody .cardDateBox .dateBox {
        margin: 0rem 0rem 1rem 0rem
    }

    [dir=rtl] .detailIntroBody .cardDateBox .dateBox {
        margin: 0rem 0rem 1rem 0rem
    }

    [dir=ltr] .detailIntroBody .cardDateBox .dateBox {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .detailIntroBody .cardDateBox .dateBox {
        padding: 0rem 0rem 0rem 0rem
    }

    .detailIntroBody .cardDateBox .dateBox::before {
        display: none
    }

    [dir=ltr] .detailIntroBody .cardDateBox .dateBox:last-child {
        margin: 0rem 0rem 1rem 0rem
    }

    [dir=rtl] .detailIntroBody .cardDateBox .dateBox:last-child {
        margin: 0rem 0rem 1rem 0rem
    }

    [dir=ltr] .detailIntroBody .cardDateBox .dateBox:last-child {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .detailIntroBody .cardDateBox .dateBox:last-child {
        padding: 0rem 0rem 0rem 0rem
    }

    .detailIntroBody .detailContent {
        width: 100%;
        flex-direction: column
    }

    [dir=ltr] .detailIntroBody .detailContent {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .detailIntroBody .detailContent {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .detailIntroBody .detailContent .h2, [dir=ltr] .detailIntroBody .detailContent h2 {
        margin: 0rem 0rem 1rem 0rem
    }

    [dir=rtl] .detailIntroBody .detailContent .h2, [dir=rtl] .detailIntroBody .detailContent h2 {
        margin: 0rem 0rem 1rem 0rem
    }

    [dir=ltr] .detailIntroBody .subNav {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .detailIntroBody .subNav {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .eventTabsContainer {
        padding: 2.5rem 0rem 0rem 0rem
    }

    [dir=rtl] .eventTabsContainer {
        padding: 2.5rem 0rem 0rem 0rem
    }

    .eventTabsContainer .nav-tabs {
        display: flex
    }

    [dir=ltr] .eventTabsContainer .nav-tabs .nav-item {
        padding: 0rem .625rem 0rem 0rem
    }

    [dir=rtl] .eventTabsContainer .nav-tabs .nav-item {
        padding: 0rem 0rem 0rem .625rem
    }

    .eventTabsContainer .nav-tabs .nav-item .nav-link {
        font-size: 1.375rem
    }

    [dir=ltr] .eventTabsContainer .nav-tabs .nav-item .nav-link {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .eventTabsContainer .nav-tabs .nav-item .nav-link {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .eventTabsContainer .nav-tabs .nav-item .nav-link {
        padding: 1.875rem .625rem 0rem .625rem
    }

    [dir=rtl] .eventTabsContainer .nav-tabs .nav-item .nav-link {
        padding: 1.875rem .625rem 0rem .625rem
    }

    [dir=ltr] .eventsummary {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .eventsummary {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .eventsummary {
        margin: 0rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .eventsummary {
        margin: 0rem 0rem 3.125rem 0rem
    }

    [dir=ltr] .mapWrapper {
        margin: 0rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .mapWrapper {
        margin: 0rem 0rem 3.125rem 0rem
    }

    .eventRegisterWrapper {
        flex-direction: column;
        align-items: flex-start
    }

    [dir=ltr] .eventRegisterWrapper {
        padding: 2.1875rem 1.875rem 2.125rem 1.875rem
    }

    [dir=rtl] .eventRegisterWrapper {
        padding: 2.1875rem 1.875rem 2.125rem 1.875rem
    }

    .eventRegisterWrapper .topHeading {
        flex-direction: column;
        align-items: flex-start
    }

    [dir=ltr] .eventRegisterWrapper .topTxt {
        margin: 1.25rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .eventRegisterWrapper .topTxt {
        margin: 1.25rem 0rem 1.25rem 0rem
    }

    [dir=ltr] .eventRegisterWrapper .topTxt {
        padding: 1.25rem 0rem 0rem 0rem
    }

    [dir=rtl] .eventRegisterWrapper .topTxt {
        padding: 1.25rem 0rem 0rem 0rem
    }

    .eventRegisterWrapper .topTxt:before {
        width: 100%;
        height: 3px
    }

    .contactQueries .contactList {
        flex-direction: column;
        align-items: flex-start
    }

    [dir=ltr] .contactQueries .contactList li {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .contactQueries .contactList li {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .contactQueries .contactList li {
        padding: 0rem 0rem 1rem 0rem
    }

    [dir=rtl] .contactQueries .contactList li {
        padding: 0rem 0rem 1rem 0rem
    }

    .contactQueries .contactList li:after {
        display: none
    }

    .contactQueries .contactList li a {
        word-break: break-all
    }

    [dir=ltr] .contactQueries .tags-container .badge {
        margin: 0rem 0rem .5rem 0rem
    }

    [dir=rtl] .contactQueries .tags-container .badge {
        margin: 0rem 0rem .5rem 0rem
    }

    .relatedEvents .flatCardPremium:last-child hr {
        display: none
    }

    [dir=ltr] .relatedEvents .flatCardPremium:last-child .badge-container {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .relatedEvents .flatCardPremium:last-child .badge-container {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .generalTimeline {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .generalTimeline {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .generalTimeline li {
        padding: 0rem 0rem 3.75rem 1.875rem
    }

    [dir=rtl] .generalTimeline li {
        padding: 0rem 1.875rem 3.75rem 0rem
    }

    .speakerInfo:before {
        width: 6.25rem
    }

    [dir=ltr] .breakInfo {
        padding: 1.375rem 1.375rem 1.375rem 1.375rem
    }

    [dir=rtl] .breakInfo {
        padding: 1.375rem 1.375rem 1.375rem 1.375rem
    }

    .eventSideMenu {
        width: 100%
    }

    [dir=ltr] .eventSideMenu {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .eventSideMenu {
        margin: 0rem 0rem 1.25rem 0rem
    }

    .eventSideMenu.stickySideEvent, .eventSideMenu.stickySideNews {
        width: 100%
    }

    .partnerHead .swiper-nav {
        display: none
    }

    .introImg {
        height: 31.25rem
    }

    .detailIntroHead {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start
    }

    [dir=ltr] .detailIntroHead {
        padding: 2.8125rem 0rem 2.8125rem 0rem
    }

    [dir=rtl] .detailIntroHead {
        padding: 2.8125rem 0rem 2.8125rem 0rem
    }

    .detailIntroHead .accessTools {
        width: 100%
    }

    [dir=ltr] .detailIntroHead .accessTools {
        margin: .625rem 0rem 0rem 0rem
    }

    [dir=rtl] .detailIntroHead .accessTools {
        margin: .625rem 0rem 0rem 0rem
    }
}

.importantTopicsListing {
    position: relative;
    background: #fff
}

[dir=ltr] .importantTopicsListing {
    padding: 9.375rem 0rem 9.375rem 0rem
}

[dir=rtl] .importantTopicsListing {
    padding: 9.375rem 0rem 9.375rem 0rem
}

.importantAccordion .accordion-button span {
    font-weight: 400
}

.importantAccordion .lead {
    font-weight: 300
}

.importantAccordion .textLink-green {
    font-size: 1rem;
    letter-spacing: .17rem
}

.importantAccordion .accordion-header-detail {
    border-bottom: 1px solid rgba(0,0,0,.2)
}

[dir=ltr] .importantAccordion .accordion-header-detail {
    padding: 0rem 0rem 1.875rem 0rem
}

[dir=rtl] .importantAccordion .accordion-header-detail {
    padding: 0rem 0rem 1.875rem 0rem
}

[dir=ltr] .importantAccordion .accordion-header-detail {
    margin: 0rem 0rem 1.875rem 0rem
}

[dir=rtl] .importantAccordion .accordion-header-detail {
    margin: 0rem 0rem 1.875rem 0rem
}

.importantAccordion .accordion-header-detail .textLink {
    font-size: 1rem
}

[dir=ltr] .importantAccordion .subHeading {
    margin: 0rem 0rem .9375rem 0rem
}

[dir=rtl] .importantAccordion .subHeading {
    margin: 0rem 0rem .9375rem 0rem
}

[dir=ltr] .importantAccordion .accListItems li {
    margin: 0rem 0rem .3125rem 0rem
}

[dir=rtl] .importantAccordion .accListItems li {
    margin: 0rem 0rem .3125rem 0rem
}

.importantAccordion .accListItems li a {
    font-size: 1.5rem;
    font-weight: 400
}

.listingImage {
    width: 24.8125rem;
    height: 31.0625rem;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    overflow: hidden
}

.topicImage {
    width: 100%;
    height: 100%;
    background-color: #000;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

@media (min-width:992px) and (max-width:1199.98px) {
    [dir=ltr] .importantTopicsListing {
        padding: 6.25rem 0rem 6.25rem 0rem
    }

    [dir=rtl] .importantTopicsListing {
        padding: 6.25rem 0rem 6.25rem 0rem
    }

    .listingImage {
        width: 100%
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    [dir=ltr] .importantTopicsListing {
        padding: 6.25rem 0rem 6.25rem 0rem
    }

    [dir=rtl] .importantTopicsListing {
        padding: 6.25rem 0rem 6.25rem 0rem
    }

    .listingImage {
        width: 100%
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .importantTopicsListing {
        padding: 3.125rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .importantTopicsListing {
        padding: 3.125rem 0rem 3.125rem 0rem
    }

    .importantAccordion {
        border-top: none
    }

    .listingImage {
        display: none
    }
}

.searchFilterLeft {
    width: 18.75%
}

.filtersHeading {
    border-bottom: 3px solid var(--bs-green-800)
}

[dir=ltr] .filtersCategoryWrapper {
    padding: 2.8125rem 0rem 0rem 0rem
}

[dir=rtl] .filtersCategoryWrapper {
    padding: 2.8125rem 0rem 0rem 0rem
}

.filtersCategoryWrapper ul {
    list-style: none;
    padding: 0;
    margin: 0
}

[dir=ltr] .filtersCategory {
    padding: 0rem 0rem 2.5rem 0rem
}

[dir=rtl] .filtersCategory {
    padding: 0rem 0rem 2.5rem 0rem
}

.categoryName {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    border-bottom: solid 1px var(--bs-grey-800);
    cursor: pointer
}

[dir=ltr] .categoryName {
    padding: 0rem 0rem .9375rem 0rem
}

[dir=rtl] .categoryName {
    padding: 0rem 0rem .9375rem 0rem
}

[dir=ltr] .categoryName {
    margin: 0rem 0rem .9375rem 0rem
}

[dir=rtl] .categoryName {
    margin: 0rem 0rem .9375rem 0rem
}

.categoryName .h6, .categoryName h6 {
    font-weight: 600;
    margin: 0
}

.categoryName i {
    color: #000;
    transition: .5s
}

@media (prefers-reduced-motion:reduce) {
    .categoryName i {
        transition: none
    }
}

.categoryName.active i {
    transform: rotate(180deg)
}

.loadMore {
    display: none
}

.loadMoreBtn {
    font-size: 1.125rem;
    font-weight: 400;
    padding-bottom: 0;
    transition: all .5s linear;
    background: linear-gradient(to bottom,#000 0,#000 98%);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left 100%;
    color: var(--bs-black);
    text-decoration: none
}

[dir=ltr] .loadMoreBtn .moreTextShow {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .loadMoreBtn .moreTextShow {
    margin: 0rem 0rem 0rem 0rem
}

.loadMoreBtn .lessTextShow {
    display: none
}

[dir=ltr] .loadMoreBtn .lessTextShow {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .loadMoreBtn .lessTextShow {
    margin: 0rem 0rem 0rem 0rem
}

.loadMoreBtn.active .moreTextShow {
    display: none
}

.loadMoreBtn.active .lessTextShow {
    display: block
}

.loadMoreBtn.active i:before {
    content: "\e92b"
}

[dir=ltr] .categorySlideBox {
    padding: .9375rem 0rem 0rem 0rem
}

[dir=rtl] .categorySlideBox {
    padding: .9375rem 0rem 0rem 0rem
}

.categorySlideBox ul li {
    list-style: none
}

[dir=ltr] .categorySlideBox ul li {
    margin: 0rem 0rem 1.25rem 0rem
}

[dir=rtl] .categorySlideBox ul li {
    margin: 0rem 0rem 1.25rem 0rem
}

[dir=ltr] .categoryDropdown {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .categoryDropdown {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .categoryDropdown {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .categoryDropdown {
    padding: 0rem 0rem 0rem 0rem
}

@media (min-width:1200px) {
    .loadMoreBtn:hover {
        background-size: 100% 1px
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    .categorySlideBox {
        display: none
    }

    [dir=ltr] .filtersCategory {
        padding: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .filtersCategory {
        padding: 0rem 0rem 1.25rem 0rem
    }
}

.searchInnerBanner {
    background: #000;
    border-bottom: 1px solid #fff
}

[dir=ltr] .searchInnerBanner {
    padding: 3.75rem 0rem 3.75rem 0rem
}

[dir=rtl] .searchInnerBanner {
    padding: 3.75rem 0rem 3.75rem 0rem
}

.searchResultForm .form-group {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.searchResultForm label {
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25rem;
    letter-spacing: .16rem;
    color: var(--bs-green-700)
}

[dir=rtl] .searchResultForm label {
    letter-spacing: initial
}

.searchInput {
    position: relative;
    width: 74%
}

    .searchInput .form-control {
        background: var(--bs-white);
        border: none;
        height: 3.75rem;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        -o-border-radius: 16px;
        -ms-border-radius: 16px;
        border-radius: 16px;
        border: 1px solid var(--bs-black);
        color: var(--bs-black)
    }

[dir=ltr] .searchInput .form-control {
    padding: .5rem 4rem .5rem 1.5625rem
}

[dir=rtl] .searchInput .form-control {
    padding: .5rem 1.5625rem .5rem 4rem
}

.searchResultBtn {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2.5rem;
    height: 2.5rem;
    color: var(--bs-black);
    overflow: hidden;
    background: 0 0;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center
}

[dir=ltr] .searchResultBtn {
    right: .9375rem
}

[dir=rtl] .searchResultBtn {
    left: .9375rem
}

[dir=ltr] .searchResultBtn {
    margin: auto auto auto auto
}

[dir=rtl] .searchResultBtn {
    margin: auto auto auto auto
}

.searchResultBtn:before {
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    width: 100%;
    height: 100%;
    background: var(--bs-green-700);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    content: ''
}

[dir=ltr] .searchResultBtn:before {
    left: 0
}

[dir=rtl] .searchResultBtn:before {
    right: 0
}

[dir=ltr] .searchResultBtn:before {
    right: 0
}

[dir=rtl] .searchResultBtn:before {
    left: 0
}

.searchResultBtn i {
    position: relative;
    z-index: 2
}

    .searchResultBtn i:before {
        font-size: 1.25rem
    }

@media (min-width:1200px) {
    .searchResultBtn:hover {
        color: var(--bs-green-900);
        border-color: var(--bs-green-700)
    }

        .searchResultBtn:hover:before {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1)
        }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .searchInnerBanner {
        padding: 2.5rem 0rem 2.5rem 0rem
    }

    [dir=rtl] .searchInnerBanner {
        padding: 2.5rem 0rem 2.5rem 0rem
    }

    .searchResultForm .form-group {
        display: block
    }

    [dir=ltr] .searchResultForm label {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .searchResultForm label {
        margin: 0rem 0rem 1.25rem 0rem
    }

    .searchInput {
        width: 100%
    }
}

.searchResultSection {
    background: var(--bs-white)
}

.searchResults {
    display: flex
}

.searchFilterLeftBar {
    width: 26%
}

[dir=ltr] .searchFilterLeftBar {
    padding: 7.5rem 6.875rem 0rem 0rem
}

[dir=rtl] .searchFilterLeftBar {
    padding: 7.5rem 0rem 0rem 6.875rem
}

.searchResultsFound {
    width: 74%
}

[dir=ltr] .searchResultsFound {
    padding: 6.6875rem 0rem 0rem 8.3125rem
}

[dir=rtl] .searchResultsFound {
    padding: 6.6875rem 8.3125rem 0rem 0rem
}

[dir=ltr] .searchResultsFound {
    border-left: 1px solid var(--bs-grey-600)
}

[dir=rtl] .searchResultsFound {
    border-right: 1px solid var(--bs-grey-600)
}

.activeFiltersBox {
    background: var(--bs-grey-500);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px
}

[dir=ltr] .activeFiltersBox {
    padding: 1.4375rem 2rem 1.375rem 2rem
}

[dir=rtl] .activeFiltersBox {
    padding: 1.4375rem 2rem 1.375rem 2rem
}

[dir=ltr] .activeFiltersBox {
    margin: 0rem 0rem 3.125rem 0rem
}

[dir=rtl] .activeFiltersBox {
    margin: 0rem 0rem 3.125rem 0rem
}

.darkMode .activeFiltersBox {
    background: var(--bs-grey-900)
}

[dir=ltr] .filterHeading {
    margin: 0rem 1.625rem 0rem 0rem
}

[dir=rtl] .filterHeading {
    margin: 0rem 0rem 0rem 1.625rem
}

.filterHeading span {
    color: var(--bs-black);
    font-size: .75rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .15rem;
    text-transform: uppercase
}

[dir=rtl] .filterHeading span {
    letter-spacing: initial
}

.filterBadges nav ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

[dir=ltr] .filterBadges nav ul {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .filterBadges nav ul {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .filterBadges nav ul {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .filterBadges nav ul {
    padding: 0rem 0rem 0rem 0rem
}

.filterBadges nav ul li {
    list-style: none
}

[dir=ltr] .filterBadges nav ul li {
    margin: .625rem .875rem 0rem 0rem
}

[dir=rtl] .filterBadges nav ul li {
    margin: .625rem 0rem 0rem .875rem
}

.filterBadges nav ul li a {
    border: solid 1px var(--bs-black);
    text-decoration: none;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    font-size: .75rem
}

[dir=ltr] .filterBadges nav ul li a {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .filterBadges nav ul li a {
    margin: 0rem 0rem 0rem 0rem
}

.resultBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 3px var(--bs-green-800)
}

[dir=ltr] .resultBox {
    padding: 0rem 0rem 1.875rem 0rem
}

[dir=rtl] .resultBox {
    padding: 0rem 0rem 1.875rem 0rem
}

[dir=ltr] .resultBox {
    margin: 0rem 0rem 4rem 0rem
}

[dir=rtl] .resultBox {
    margin: 0rem 0rem 4rem 0rem
}

.resultNumber {
    display: flex;
    align-items: flex-end;
    color: var(--bs-black)
}

    .resultNumber b {
        font-size: 2.125rem;
        line-height: 1;
        letter-spacing: -.06375rem
    }

[dir=ltr] .resultNumber b {
    margin: 0rem .625rem 0rem 0rem
}

[dir=rtl] .resultNumber b {
    margin: 0rem 0rem 0rem .625rem
}

[dir=rtl] .resultNumber b {
    letter-spacing: initial
}

.resultNumber span {
    font-size: 1.25rem;
    line-height: 1;
    letter-spacing: -.0375rem;
    position: relative;
    top: -.25rem
}

[dir=rtl] .resultNumber span {
    letter-spacing: initial
}

.resultSort {
    display: flex;
    align-items: center
}

    .resultSort label {
        color: var(--bs-black);
        font-size: .75rem;
        font-weight: 600;
        letter-spacing: .15rem;
        text-transform: uppercase
    }

[dir=rtl] .resultSort label {
    letter-spacing: initial
}

.resultSort .select2-container {
    width: auto !important;
    min-width: 8.875rem;
    height: 2.625rem
}

[dir=ltr] .resultSort .select2-container {
    margin: 0rem 0rem 0rem .9375rem
}

[dir=rtl] .resultSort .select2-container {
    margin: 0rem .9375rem 0rem 0rem
}

.resultSort .select2-container .select2-selection--single {
    min-height: 100%
}

[dir=ltr] .resultSort .select2-container .select2-selection--single {
    padding: .5rem 2.1875rem .5rem 1.1875rem
}

[dir=rtl] .resultSort .select2-container .select2-selection--single {
    padding: .5rem 1.1875rem .5rem 2.1875rem
}

.searchItem {
    border-bottom: solid 1px var(--bs-grey-700)
}

[dir=ltr] .searchItem {
    padding: 0rem 0rem 2.5rem 0rem
}

[dir=rtl] .searchItem {
    padding: 0rem 0rem 2.5rem 0rem
}

[dir=ltr] .searchItem {
    margin: 0rem 0rem 3.125rem 0rem
}

[dir=rtl] .searchItem {
    margin: 0rem 0rem 3.125rem 0rem
}

.searchItem:last-child {
    border-bottom: 0
}

[dir=ltr] .searchItem:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .searchItem:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .searchItem:last-child {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .searchItem:last-child {
    padding: 0rem 0rem 0rem 0rem
}

.searchItem .h4 a, .searchItem h4 a {
    color: var(--bs-black)
}

    .searchItem .h4 a span, .searchItem h4 a span {
        display: inline;
        padding-bottom: 2px;
        transition: all .5s linear;
        background: linear-gradient(to bottom,#000 0,#000 98%);
        background-size: 0 1px;
        background-repeat: no-repeat;
        background-position: left 100%
    }

[dir=rtl] .searchItem .h4 a span, [dir=rtl] .searchItem h4 a span {
    background-position: right 100%
}

.searchItem .h4 a:focus, .searchItem .h4 a:hover, .searchItem h4 a:focus, .searchItem h4 a:hover {
    text-decoration: none
}

[dir=ltr] .searchItem p {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .searchItem p {
    margin: 0rem 0rem 0rem 0rem
}

.darkMode .searchItem .h4 a span, .darkMode .searchItem h4 a span {
    border-bottom: solid 1px #fff
}

.searchBadgeList {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .625rem;
    margin-bottom: -.625rem
}

[dir=ltr] .searchBadgeList {
    padding: 2rem 0rem 2rem 0rem
}

[dir=rtl] .searchBadgeList {
    padding: 2rem 0rem 2rem 0rem
}

.searchBadgeList li {
    list-style: none;
    margin-bottom: .625rem
}

    .searchBadgeList li a {
        border: solid 1px var(--bs-black);
        background: 0 0;
        color: var(--bs-black);
        text-decoration: none;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

[dir=ltr] .searchBadgeList li a {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .searchBadgeList li a {
    margin: 0rem 0rem 0rem 0rem
}

.searchResultPagination {
    display: flex;
    justify-content: space-between;
    align-items: center
}

[dir=ltr] .searchResultPagination {
    margin: 5rem 0rem 0rem 0rem
}

[dir=rtl] .searchResultPagination {
    margin: 5rem 0rem 0rem 0rem
}

[dir=ltr] .searchResultPagination .paginationContainer {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .searchResultPagination .paginationContainer {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .searchResultShowing {
    margin: 0rem 0rem 0rem auto
}

[dir=rtl] .searchResultShowing {
    margin: 0rem auto 0rem 0rem
}

.searchResultShowing .h6, .searchResultShowing h6 {
    font-weight: 700
}

[dir=ltr] .searchResultShowing .h6, [dir=ltr] .searchResultShowing h6 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .searchResultShowing .h6, [dir=rtl] .searchResultShowing h6 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .searchList .h2, [dir=ltr] .searchList h2 {
    margin: 0rem 0rem 4.375rem 0
}

[dir=rtl] .searchList .h2, [dir=rtl] .searchList h2 {
    margin: 0rem 0 4.375rem 0rem
}

[dir=ltr] .searchList > .h3, [dir=ltr] .searchList > h3 {
    margin: 0rem 0rem 2.5rem 0
}

[dir=rtl] .searchList > .h3, [dir=rtl] .searchList > h3 {
    margin: 0rem 0 2.5rem 0rem
}

.searchList .badge-container .badge {
    border: 1px solid #000;
    background: #fff
}

.highlight {
    background-color: var(--bs-green-700) !important
}

@media (min-width:1200px) {
    .filterBadges ul li a:hover {
        background: #000;
        color: #fff
    }

    .searchItem .h4 a:hover, .searchItem h4 a:hover {
        color: var(--bs-black) !important
    }

        .searchItem .h4 a:hover span, .searchItem h4 a:hover span {
            background-size: 100% 1px
        }

    .searchBadgeList li a:hover {
        background: #000;
        color: #fff
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    [dir=ltr] .searchFilterLeftBar {
        padding: 6.25rem 3.125rem 6.25rem 0rem
    }

    [dir=rtl] .searchFilterLeftBar {
        padding: 6.25rem 0rem 6.25rem 3.125rem
    }

    [dir=ltr] .searchResultsFound {
        padding: 6.25rem 0rem 6.25rem 3.125rem
    }

    [dir=rtl] .searchResultsFound {
        padding: 6.25rem 3.125rem 6.25rem 0rem
    }

    .activeFiltersBox {
        display: block
    }

    [dir=ltr] .activeFiltersBox {
        padding: 1.25rem 1.375rem 1.25rem 1.375rem
    }

    [dir=rtl] .activeFiltersBox {
        padding: 1.25rem 1.375rem 1.25rem 1.375rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .searchFilterLeftBar {
        width: 30%
    }

    [dir=ltr] .searchFilterLeftBar {
        padding: 6.25rem 3.125rem 6.25rem 0rem
    }

    [dir=rtl] .searchFilterLeftBar {
        padding: 6.25rem 0rem 6.25rem 3.125rem
    }

    .searchResultsFound {
        width: 70%
    }

    [dir=ltr] .searchResultsFound {
        padding: 6.25rem 0rem 6.25rem 3.125rem
    }

    [dir=rtl] .searchResultsFound {
        padding: 6.25rem 3.125rem 6.25rem 0rem
    }

    .activeFiltersBox {
        display: block
    }

    [dir=ltr] .activeFiltersBox {
        padding: 1.25rem 1.375rem 1.25rem 1.375rem
    }

    [dir=rtl] .activeFiltersBox {
        padding: 1.25rem 1.375rem 1.25rem 1.375rem
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    .searchResults {
        display: block
    }

    .searchFilterLeftBar {
        width: 100%
    }

    [dir=ltr] .searchFilterLeftBar {
        padding: 5rem 0rem 0rem 0rem
    }

    [dir=rtl] .searchFilterLeftBar {
        padding: 5rem 0rem 0rem 0rem
    }

    .searchResultsFound {
        width: 100%;
        border-top: solid 1px var(--bs-grey-600)
    }

    [dir=ltr] .searchResultsFound {
        padding: 3.125rem 0rem 5rem 0rem
    }

    [dir=rtl] .searchResultsFound {
        padding: 3.125rem 0rem 5rem 0rem
    }

    [dir=ltr] .searchResultsFound {
        border-left: 0 none rgba(0,0,0,0)
    }

    [dir=rtl] .searchResultsFound {
        border-right: 0 none rgba(0,0,0,0)
    }

    .activeFiltersBox {
        display: block
    }

    [dir=ltr] .activeFiltersBox {
        padding: 1.25rem 1.375rem 1.25rem 1.375rem
    }

    [dir=rtl] .activeFiltersBox {
        padding: 1.25rem 1.375rem 1.25rem 1.375rem
    }

    .filterBadges nav ul li a {
        font-size: .625rem
    }

    .resultBox {
        display: block
    }

    .searchResultPagination {
        flex-direction: column;
        justify-content: center
    }

    .searchResultShowing {
        order: 1
    }

    [dir=ltr] .searchResultShowing {
        margin: 1.25rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .searchResultShowing {
        margin: 1.25rem 0rem 1.25rem 0rem
    }

    .pagination-Container {
        order: 2;
        align-items: center
    }

    [dir=ltr] .resultNumber {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .resultNumber {
        margin: 0rem 0rem 1.25rem 0rem
    }

    .resultSort .select2-container {
        min-width: 13.75rem
    }
}

.initiatives-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

    .initiatives-list.border-none {
        border: none
    }

[dir=ltr] .initiatives-list.border-none {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .initiatives-list.border-none {
    padding: 0rem 0rem 0rem 0rem
}

.initiatives-list .gallery-item {
    width: 48.5%
}

[dir=ltr] .initiatives-list .gallery-item {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .initiatives-list .gallery-item {
    padding: 0rem 0rem 0rem 0rem
}

[dir=ltr] .initiatives-list .gallery-item:last-child, [dir=ltr] .initiatives-list .gallery-item:nth-last-of-type(2) {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .initiatives-list .gallery-item:last-child, [dir=rtl] .initiatives-list .gallery-item:nth-last-of-type(2) {
    margin: 0rem 0rem 0rem 0rem
}

.initiatives-list .gallery-item .mediaCard {
    border: 1px solid var(--bs-grey-700);
    background: #fff
}

[dir=ltr] .headingLine {
    margin: 4.375rem 0rem 0rem 0rem
}

[dir=rtl] .headingLine {
    margin: 4.375rem 0rem 0rem 0rem
}

[dir=ltr] .headingLine .sepLine {
    margin: 0rem 0rem 4.375rem 0rem
}

[dir=rtl] .headingLine .sepLine {
    margin: 0rem 0rem 4.375rem 0rem
}

.headingLine .subHeading {
    color: var(--bs-green-900)
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .initiatives-list {
        padding: 0rem 0rem 3.5rem 0rem
    }

    [dir=rtl] .initiatives-list {
        padding: 0rem 0rem 3.5rem 0rem
    }

    .initiatives-list .gallery-item {
        width: 100%
    }

    [dir=ltr] .initiatives-list .gallery-item:nth-last-of-type(2) {
        margin: 0rem 0rem 3.5rem 0rem
    }

    [dir=rtl] .initiatives-list .gallery-item:nth-last-of-type(2) {
        margin: 0rem 0rem 3.5rem 0rem
    }
}

.office-Detail-Wrapper .subHeading {
    color: var(--bs-green-900)
}

[dir=ltr] .office-Detail-Wrapper .subHeading {
    margin: 0rem 0rem 2.5rem 0rem
}

[dir=rtl] .office-Detail-Wrapper .subHeading {
    margin: 0rem 0rem 2.5rem 0rem
}

.officeOverview .h4, .officeOverview h4 {
    font-weight: 400;
    line-height: 2.75rem;
    letter-spacing: -1px;
    color: #000
}

[dir=ltr] .officeOverview .h4, [dir=ltr] .officeOverview h4 {
    margin: 0rem 0rem 2.5rem 0rem
}

[dir=rtl] .officeOverview .h4, [dir=rtl] .officeOverview h4 {
    margin: 0rem 0rem 2.5rem 0rem
}

[dir=rtl] .officeOverview .h4, [dir=rtl] .officeOverview h4 {
    letter-spacing: initial
}

.officeOverview p {
    font-weight: 300;
    line-height: 149%;
    letter-spacing: -.8px
}

[dir=ltr] .officeOverview p {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .officeOverview p {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .officeOverview p {
    letter-spacing: initial
}

.officeObj {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

[dir=ltr] .officeObj {
    padding: 4.8125rem 0rem 0rem 0rem
}

[dir=rtl] .officeObj {
    padding: 4.8125rem 0rem 0rem 0rem
}

.officeObj ul {
    counter-reset: listcounter 0;
    position: relative
}

[dir=ltr] .officeObj ul {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .officeObj ul {
    padding: 0rem 0rem 0rem 0rem
}

[dir=ltr] .officeObj ul {
    margin: 0rem 0rem 3.75rem 0rem
}

[dir=rtl] .officeObj ul {
    margin: 0rem 0rem 3.75rem 0rem
}

[dir=rtl] .officeObj ul {
    list-style-type: arabic-indic
}

.officeObj ul:after {
    content: '';
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    background-image: linear-gradient(to bottom,var(--bs-grey-700) 35%,rgba(255,255,255,0) 0);
    background-position: left;
    background-size: .125rem .8125rem;
    background-repeat: repeat-y
}

[dir=ltr] .officeObj ul:after {
    left: 14px
}

[dir=rtl] .officeObj ul:after {
    right: 14px
}

.officeObj ul li {
    counter-increment: listcounter;
    position: relative;
    list-style: none;
    z-index: 2
}

[dir=ltr] .officeObj ul li {
    padding: 0rem 3rem 3.75rem 5rem
}

[dir=rtl] .officeObj ul li {
    padding: 0rem 5rem 3.75rem 3rem
}

.officeObj ul li:before {
    content: counter(listcounter);
    color: #000;
    font-size: 1rem;
    font-weight: 700;
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: var(--bs-green-800);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9
}

[dir=ltr] .officeObj ul li:before {
    left: 0
}

[dir=rtl] .officeObj ul li:before {
    right: 0
}

[dir=ltr] .officeObj ul li:last-child {
    padding: 0rem 3rem 0rem 5rem
}

[dir=rtl] .officeObj ul li:last-child {
    padding: 0rem 5rem 0rem 3rem
}

.officeObj ul li p {
    font-weight: 300
}

[dir=ltr] .officeObj ul li p {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .officeObj ul li p {
    margin: 0rem 0rem 0rem 0rem
}

.objectiveHeading {
    width: 30%
}

.objectiveList {
    width: 70%
}

[dir=ltr] .objectiveList .textLink {
    margin: 0rem 0rem 0rem 5rem
}

[dir=rtl] .objectiveList .textLink {
    margin: 0rem 5rem 0rem 0rem
}

.officeInfo-Cards .navigateWrapper {
    justify-content: space-between
}

    .officeInfo-Cards .navigateWrapper .badge-container {
        width: 70%
    }

.generalCard {
    border-top: 1px solid var(--bs-grey-600)
}

[dir=ltr] .generalCard {
    padding: 3.75rem 0rem 2rem 0rem
}

[dir=rtl] .generalCard {
    padding: 3.75rem 0rem 2rem 0rem
}

.generalCard .genBody {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

    .generalCard .genBody .imgWrap {
        width: 16.25rem;
        height: 7.5rem;
        overflow: hidden
    }

[dir=ltr] .generalCard .genBody .imgWrap {
    text-align: right
}

[dir=rtl] .generalCard .genBody .imgWrap {
    text-align: left
}

[dir=ltr] .generalCard .genBody .imgWrap {
    margin: 0rem 0rem 2.5rem 0rem
}

[dir=rtl] .generalCard .genBody .imgWrap {
    margin: 0rem 0rem 2.5rem 0rem
}

.generalCard .txtContent {
    max-width: 70%
}

.objectiveListShow {
    background: 0 0;
    border: none
}

[dir=ltr] .objectiveListShow {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .objectiveListShow {
    padding: 0rem 0rem 0rem 0rem
}

.objectiveListShow i {
    position: relative;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    top: -.1875rem
}

    .objectiveListShow i:before {
        font-size: .75rem
    }

.objectiveListShow .lessTextShow {
    display: none
}

.objectiveListShow.active .moreTextShow {
    display: none
}

.objectiveListShow.active .lessTextShow {
    display: block
}

    .objectiveListShow.active .lessTextShow + i {
        top: .1875rem
    }

.objectiveListShow.active i {
    transform: rotate(180deg)
}

.economicStatsSec {
    position: relative;
    background: #fff
}

.gendetail {
    background: var(--bs-green-600);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%
}

[dir=ltr] .gendetail {
    padding: 9.375rem 10.625rem 9.375rem 10.625rem
}

[dir=rtl] .gendetail {
    padding: 9.375rem 10.625rem 9.375rem 10.625rem
}

[dir=ltr] .gendetail .h3, [dir=ltr] .gendetail h3 {
    margin: 0rem 0rem 2.5rem 0rem
}

[dir=rtl] .gendetail .h3, [dir=rtl] .gendetail h3 {
    margin: 0rem 0rem 2.5rem 0rem
}

.gendetail .h4, .gendetail h4 {
    color: var(--bs-green-900)
}

[dir=ltr] .gendetail .h4, [dir=ltr] .gendetail h4 {
    margin: 0rem 0rem 2.125rem 0rem
}

[dir=rtl] .gendetail .h4, [dir=rtl] .gendetail h4 {
    margin: 0rem 0rem 2.125rem 0rem
}

[dir=ltr] .gendetail .h5, [dir=ltr] .gendetail .title5, [dir=ltr] .gendetail h5 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .gendetail .h5, [dir=rtl] .gendetail .title5, [dir=rtl] .gendetail h5 {
    margin: 0rem 0rem 0rem 0rem
}

.genStats {
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%
}

[dir=ltr] .genStats {
    padding: 9.375rem 10.625rem 9.375rem 10.625rem
}

[dir=rtl] .genStats {
    padding: 9.375rem 10.625rem 9.375rem 10.625rem
}

.genStats p {
    color: #fff
}

.objectiveSec {
    position: relative;
    background: var(--bs-white)
}

[dir=ltr] .objectiveSec .officeObj {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .objectiveSec .officeObj {
    padding: 0rem 0rem 0rem 0rem
}

@media (min-width:992px) and (max-width:1199.98px) {
    .officeObj {
        flex-direction: column
    }

    [dir=ltr] .officeObj ul li {
        padding: 0rem 0rem 1.875rem 4.375rem
    }

    [dir=rtl] .officeObj ul li {
        padding: 0rem 4.375rem 1.875rem 0rem
    }

    [dir=ltr] .officeObj ul li:last-child {
        padding: 0rem 0rem 0rem 4.375rem
    }

    [dir=rtl] .officeObj ul li:last-child {
        padding: 0rem 4.375rem 0rem 0rem
    }

    .officeInfo-Cards .navigateWrapper {
        justify-content: space-between;
        flex-wrap: wrap
    }

        .officeInfo-Cards .navigateWrapper .badge-container {
            width: auto
        }

    [dir=ltr] .gendetail {
        padding: 3.5rem 3.75rem 3.5rem 3.75rem
    }

    [dir=rtl] .gendetail {
        padding: 3.5rem 3.75rem 3.5rem 3.75rem
    }

    [dir=ltr] .genStats {
        padding: 3.5rem 3.75rem 3.5rem 3.75rem
    }

    [dir=rtl] .genStats {
        padding: 3.5rem 3.75rem 3.5rem 3.75rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .officeObj {
        flex-direction: column
    }

    [dir=ltr] .officeObj ul li {
        padding: 0rem 0rem 1.875rem 3.75rem
    }

    [dir=rtl] .officeObj ul li {
        padding: 0rem 3.75rem 1.875rem 0rem
    }

    [dir=ltr] .officeObj ul li:last-child {
        padding: 0rem 0rem 0rem 3.75rem
    }

    [dir=rtl] .officeObj ul li:last-child {
        padding: 0rem 3.75rem 0rem 0rem
    }

    .officeInfo-Cards .navigateWrapper {
        justify-content: space-between;
        flex-wrap: wrap
    }

        .officeInfo-Cards .navigateWrapper .badge-container {
            width: auto
        }

    [dir=ltr] .gendetail {
        padding: 3.5rem 1rem 3.5rem 1rem
    }

    [dir=rtl] .gendetail {
        padding: 3.5rem 1rem 3.5rem 1rem
    }

    [dir=ltr] .genStats {
        padding: 3.5rem 1rem 3.5rem 1rem
    }

    [dir=rtl] .genStats {
        padding: 3.5rem 1rem 3.5rem 1rem
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    .officeInfo-Cards .navigateWrapper {
        flex-direction: column;
        align-items: flex-start
    }

        .officeInfo-Cards .navigateWrapper .badge-container {
            width: 100%
        }

    [dir=ltr] .officeInfo-Cards .navigateWrapper .badge-container {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .officeInfo-Cards .navigateWrapper .badge-container {
        margin: 0rem 0rem 1.25rem 0rem
    }

    .officeObj {
        flex-direction: column
    }

    [dir=ltr] .officeObj ul li {
        padding: 0rem 0rem 1.875rem 3.125rem
    }

    [dir=rtl] .officeObj ul li {
        padding: 0rem 3.125rem 1.875rem 0rem
    }

    [dir=ltr] .officeObj ul li:last-child {
        padding: 0rem 0rem 1.875rem 3.125rem
    }

    [dir=rtl] .officeObj ul li:last-child {
        padding: 0rem 3.125rem 1.875rem 0rem
    }

    .generalCard .genBody {
        flex-wrap: wrap
    }

        .generalCard .genBody .imgWrap {
            width: 100%
        }

    [dir=ltr] .generalCard .genBody .imgWrap {
        text-align: left
    }

    [dir=rtl] .generalCard .genBody .imgWrap {
        text-align: right
    }

    .generalCard .txtContent {
        max-width: 100%
    }

    .objectiveHeading, .objectiveList {
        width: 100%
    }

    [dir=ltr] .objectiveList .textLink {
        margin: 0rem 0rem 0rem 3.125rem
    }

    [dir=rtl] .objectiveList .textLink {
        margin: 0rem 3.125rem 0rem 0rem
    }

    [dir=ltr] .gendetail {
        padding: 3.5rem 1rem 3.5rem 1rem
    }

    [dir=rtl] .gendetail {
        padding: 3.5rem 1rem 3.5rem 1rem
    }

    [dir=ltr] .genStats {
        padding: 3.5rem 1rem 3.5rem 1rem
    }

    [dir=rtl] .genStats {
        padding: 3.5rem 1rem 3.5rem 1rem
    }
}

.eServiceModules {
    position: relative;
    background: #fff
}

[dir=ltr] .eServiceModules {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .eServiceModules {
    padding: 0rem 0rem 0rem 0rem
}

[dir=ltr] .eServiceModules .searchFilterLeftBar {
    padding: 7.5rem 6.875rem 0rem 0rem
}

[dir=rtl] .eServiceModules .searchFilterLeftBar {
    padding: 7.5rem 0rem 0rem 6.875rem
}

[dir=ltr] .eServiceModules .searchResultsFound {
    padding: 7.5rem 0rem 0rem 8.3125rem
}

[dir=rtl] .eServiceModules .searchResultsFound {
    padding: 7.5rem 8.3125rem 0rem 0rem
}

[dir=ltr] .eServiceModules .searchResultsFound {
    border-left: 0 solid var(--bs-grey-600)
}

[dir=rtl] .eServiceModules .searchResultsFound {
    border-right: 0 solid var(--bs-grey-600)
}

.eServiceModules .searchResultsFound .searchItem {
    position: relative
}

[dir=ltr] .eServiceModules .searchResultsFound .searchItem {
    padding: 0rem 5rem 2.5rem 0rem
}

[dir=rtl] .eServiceModules .searchResultsFound .searchItem {
    padding: 0rem 0rem 2.5rem 5rem
}

.eServiceModules .searchResultsFound .searchItem .h4, .eServiceModules .searchResultsFound .searchItem h4 {
    text-transform: lowercase
}

    .eServiceModules .searchResultsFound .searchItem .h4::first-letter, .eServiceModules .searchResultsFound .searchItem h4::first-letter {
        text-transform: capitalize
    }

.eServiceModules .searchResultsFound .searchItem .eventRegisterWrapper {
    display: block;
    background: 0 0;
    border: none;
    border-radius: 0
}

[dir=ltr] .eServiceModules .searchResultsFound .searchItem .eventRegisterWrapper {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .eServiceModules .searchResultsFound .searchItem .eventRegisterWrapper {
    padding: 0rem 0rem 0rem 0rem
}

[dir=ltr] .eServiceModules .searchResultsFound .searchItem .eventRegisterWrapper {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .eServiceModules .searchResultsFound .searchItem .eventRegisterWrapper {
    margin: 0rem 0rem 0rem 0rem
}

.eServiceModules .searchResultsFound .searchItem .eventRegisterWrapper::after {
    display: none
}

[dir=ltr] .eServiceModules .searchResultsFound .searchItem .eventRegisterWrapper .topTxt {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .eServiceModules .searchResultsFound .searchItem .eventRegisterWrapper .topTxt {
    padding: 0rem 0rem 0rem 0rem
}

[dir=ltr] .eServiceModules .searchResultsFound .searchItem .eventRegisterWrapper .topTxt {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .eServiceModules .searchResultsFound .searchItem .eventRegisterWrapper .topTxt {
    margin: 0rem 0rem 0rem 0rem
}

.eServiceModules .searchResultsFound .searchItem .eventRegisterWrapper .topTxt:before {
    display: none
}

[dir=ltr] .eServiceModules .searchResultSection {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .eServiceModules .searchResultSection {
    padding: 0rem 0rem 0rem 0rem
}

.eServiceModules .searchItem .h4 a span, .eServiceModules .searchItem h4 a span {
    background: linear-gradient(to bottom,#000 0,#000 98%);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left 100%
}

.eInnerSearch {
    background: var(--bs-white);
    position: relative
}

    .eInnerSearch .innerSearchSticky {
        width: 100%;
        background: radial-gradient(107.32% 141.42% at 0 0,rgba(255,255,255,.49) 0,rgba(255,255,255,.8) 100%);
        backdrop-filter: blur(21px);
        z-index: 999;
        border-top: none;
        border-top: 1px solid var(--bs-grey-700);
        border-bottom: 1px solid var(--bs-grey-700)
    }

[dir=ltr] .eInnerSearch .innerSearchSticky {
    padding: 1.625rem 0rem 1.625rem 0rem
}

[dir=rtl] .eInnerSearch .innerSearchSticky {
    padding: 1.625rem 0rem 1.625rem 0rem
}

.eInnerSearch .searchInput {
    width: 100%
}

    .eInnerSearch .searchInput .form-control {
        border: 1px solid var(--bs-grey-700)
    }

.darkMode .eInnerSearch .innerSearchSticky {
    background: radial-gradient(107.32% 141.42% at 0 0,rgba(0,0,0,.49) 0,rgba(0,0,0,.8) 100%)
}

.targetLink {
    position: absolute;
    top: 0;
    color: #000;
    text-decoration: none;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

[dir=ltr] .targetLink {
    right: 0
}

[dir=rtl] .targetLink {
    left: 0
}

.targetLink i:before {
    font-size: 1.75rem
}

@media (min-width:1200px) {
    .targetLink:hover {
        color: var(--bs-green-800)
    }

    .searchItem .h4 a:hover, .searchItem h4 a:hover {
        color: #000
    }

        .searchItem .h4 a:hover span, .searchItem h4 a:hover span {
            background-size: 100% 1px
        }
}

@media (min-width:992px) and (max-width:1199.98px) {
    [dir=ltr] .eServiceModules .searchFilterLeftBar {
        padding: 0rem 3.125rem 7.5rem 0rem
    }

    [dir=rtl] .eServiceModules .searchFilterLeftBar {
        padding: 0rem 0rem 7.5rem 3.125rem
    }

    [dir=ltr] .eServiceModules .searchResultsFound {
        padding: 0rem 0rem 7.5rem 3.125rem
    }

    [dir=rtl] .eServiceModules .searchResultsFound {
        padding: 0rem 3.125rem 7.5rem 0rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    [dir=ltr] .eServiceModules .searchFilterLeftBar {
        padding: 0rem 3.125rem 7.5rem 0rem
    }

    [dir=rtl] .eServiceModules .searchFilterLeftBar {
        padding: 0rem 0rem 7.5rem 3.125rem
    }

    [dir=ltr] .eServiceModules .searchResultsFound {
        padding: 0rem 0rem 7.5rem 3.125rem
    }

    [dir=rtl] .eServiceModules .searchResultsFound {
        padding: 0rem 3.125rem 7.5rem 0rem
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .eServiceModules .searchFilterLeftBar {
        padding: 2rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .eServiceModules .searchFilterLeftBar {
        padding: 2rem 0rem 3.125rem 0rem
    }

    [dir=ltr] .eServiceModules .searchResultsFound {
        padding: .625rem 0rem 7.5rem 0rem
    }

    [dir=rtl] .eServiceModules .searchResultsFound {
        padding: .625rem 0rem 7.5rem 0rem
    }

    .eServiceModules .searchBadgeList {
        flex-wrap: wrap
    }

    [dir=ltr] .eServiceModules .searchBadgeList li {
        margin: 0rem .625rem .375rem 0rem
    }

    [dir=rtl] .eServiceModules .searchBadgeList li {
        margin: 0rem 0rem .375rem .625rem
    }
}

.faqsResultSection {
    background: var(--bs-white)
}

[dir=ltr] .faqsResultSection {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .faqsResultSection {
    margin: 0rem 0rem 0rem 0rem
}

.faqsResultSection .searchResultsFound {
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

[dir=ltr] .faqsResultSection .searchResultsFound {
    border-left: 0 solid var(--bs-grey-600)
}

[dir=rtl] .faqsResultSection .searchResultsFound {
    border-right: 0 solid var(--bs-grey-600)
}

[dir=ltr] .faqsResultSection .searchResultsFound .h2, [dir=ltr] .faqsResultSection .searchResultsFound h2 {
    margin: 0rem 0rem 1.25rem 0rem
}

[dir=rtl] .faqsResultSection .searchResultsFound .h2, [dir=rtl] .faqsResultSection .searchResultsFound h2 {
    margin: 0rem 0rem 1.25rem 0rem
}

[dir=ltr] .faqsTabsContainer {
    padding: 2.5rem 0rem 0rem 0rem
}

[dir=rtl] .faqsTabsContainer {
    padding: 2.5rem 0rem 0rem 0rem
}

.faqsTabsContainer .nav-tabs {
    flex-direction: column;
    border-bottom: 0
}

    .faqsTabsContainer .nav-tabs .nav-item .nav-link {
        font-style: normal;
        font-weight: 300;
        letter-spacing: -.06875rem;
        color: var(--bs-black);
        border: 0;
        font-size: 1.375rem;
        color: var(--bs-black);
        text-decoration: none;
        position: relative
    }

[dir=ltr] .faqsTabsContainer .nav-tabs .nav-item .nav-link {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .faqsTabsContainer .nav-tabs .nav-item .nav-link {
    padding: 0rem 0rem 0rem 0rem
}

[dir=ltr] .faqsTabsContainer .nav-tabs .nav-item .nav-link {
    margin: 0rem 0rem 1.125rem 0rem
}

[dir=rtl] .faqsTabsContainer .nav-tabs .nav-item .nav-link {
    margin: 0rem 0rem 1.125rem 0rem
}

.faqsTabsContainer .nav-tabs .nav-item .nav-link span {
    display: inline;
    padding-bottom: 0;
    transition: all .5s linear;
    background: linear-gradient(to bottom,var(--bs-black) 0,var(--bs-black) 98%);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left 100%
}

[dir=rtl] .faqsTabsContainer .nav-tabs .nav-item .nav-link span {
    background-position: right 100%
}

@media (min-width:1200px) {
    .faqsTabsContainer .nav-tabs .nav-item .nav-link:hover span {
        background-size: 100% 1px
    }
}

.faqsTabsContainer .nav-tabs .nav-item .nav-link i {
    position: absolute;
    top: 0;
    color: var(--bs-green-800);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    opacity: 0
}

[dir=ltr] .faqsTabsContainer .nav-tabs .nav-item .nav-link i {
    right: 0
}

[dir=rtl] .faqsTabsContainer .nav-tabs .nav-item .nav-link i {
    left: 0
}

[dir=rtl] .faqsTabsContainer .nav-tabs .nav-item .nav-link {
    letter-spacing: initial
}

.faqsTabsContainer .nav-tabs .nav-item .nav-link.active {
    font-weight: 500
}

    .faqsTabsContainer .nav-tabs .nav-item .nav-link.active span {
        background-size: 100% 1px
    }

    .faqsTabsContainer .nav-tabs .nav-item .nav-link.active i {
        opacity: 1
    }

[dir=ltr] .faqTabContent .allPane {
    margin: 0rem 0rem 5rem 0rem
}

[dir=rtl] .faqTabContent .allPane {
    margin: 0rem 0rem 5rem 0rem
}

[dir=ltr] .faqsAccordion {
    margin: 0rem 0rem 5rem 0rem
}

[dir=rtl] .faqsAccordion {
    margin: 0rem 0rem 5rem 0rem
}

.faqsAccordion .accordion-item:first-child {
    border-top: solid 1px var(--bs-grey-700)
}

.faqsAccordion .accordion-item:last-child {
    border-bottom: solid 1px var(--bs-grey-700)
}

.faqsAccordion .accordion-header {
    color: var(--bs-black)
}

[dir=ltr] .faqsAccordion .accordion-header {
    padding: 3.5rem 0rem 3.5rem 0rem
}

[dir=rtl] .faqsAccordion .accordion-header {
    padding: 3.5rem 0rem 3.5rem 0rem
}

.faqsAccordion .accordion-header .accordion-button {
    font-size: inherit;
    position: relative;
    border: none;
    box-shadow: none;
    color: var(--bs-black)
}

[dir=ltr] .faqsAccordion .accordion-header .accordion-button {
    padding: 0rem 6.875rem 0rem 0rem
}

[dir=rtl] .faqsAccordion .accordion-header .accordion-button {
    padding: 0rem 0rem 0rem 6.875rem
}

.faqsAccordion .accordion-header .accordion-button:after {
    display: none
}

.faqsAccordion .accordion-header .accordion-button:before {
    font-family: icomoon !important;
    content: "\e917";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1.875rem;
    height: 1.875rem;
    color: var(--bs-black);
    font-size: 1.875rem;
    line-height: 1
}

[dir=ltr] .faqsAccordion .accordion-header .accordion-button:before {
    right: 0
}

[dir=rtl] .faqsAccordion .accordion-header .accordion-button:before {
    left: 0
}

[dir=ltr] .faqsAccordion .accordion-header .accordion-button:before {
    margin: auto auto auto auto
}

[dir=rtl] .faqsAccordion .accordion-header .accordion-button:before {
    margin: auto auto auto auto
}

.faqsAccordion .accordion-header .accordion-button:not(.collapsed) {
    background-color: transparent;
    color: var(--bs-green-900);
    border-bottom: 0
}

    .faqsAccordion .accordion-header .accordion-button:not(.collapsed):before {
        content: "\e92b"
    }

.faqsAccordion .accordion-header .accordion-button:focus {
    border: none;
    box-shadow: none
}

.faqsAccordion .accordion-header span {
    font-weight: 400;
    line-height: 2.25rem;
    letter-spacing: -.0375rem
}

[dir=rtl] .faqsAccordion .accordion-header span {
    letter-spacing: initial
}

[dir=ltr] .faqsAccordion .accordion-body {
    padding: 0rem 0rem 2.8125rem 0rem
}

[dir=rtl] .faqsAccordion .accordion-body {
    padding: 0rem 0rem 2.8125rem 0rem
}

[dir=ltr] .faqsAccordion .accordion-body p:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .faqsAccordion .accordion-body p:last-child {
    margin: 0rem 0rem 0rem 0rem
}

.faqsAccordion .accordion-body p a {
    word-wrap: break-word
}

[dir=ltr] .faqsAccordion:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .faqsAccordion:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .accordion-button {
    text-align: left
}

[dir=rtl] .accordion-button {
    text-align: right
}

@media (min-width:1200px) {
    .faqsTabsContainer .nav-tabs .nav-item .nav-link:hover span:before {
        width: 100% !important
    }

    .faqsTabsContainer .nav-tabs .nav-item .nav-link:hover i {
        opacity: 1
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .faqsResultSection {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .faqsResultSection {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .faqsAccordion {
        margin: 0rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .faqsAccordion {
        margin: 0rem 0rem 3.125rem 0rem
    }

    [dir=ltr] .faqsAccordion .accordion-header {
        padding: 1.875rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .faqsAccordion .accordion-header {
        padding: 1.875rem 0rem 1.875rem 0rem
    }

    [dir=ltr] .faqsAccordion .accordion-header .accordion-button {
        padding: 0rem 3.125rem .625rem 0rem
    }

    [dir=rtl] .faqsAccordion .accordion-header .accordion-button {
        padding: 0rem 0rem .625rem 3.125rem
    }

    [dir=ltr] .faqsAccordion .accordion-body {
        padding: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .faqsAccordion .accordion-body {
        padding: 0rem 0rem 1.875rem 0rem
    }
}

.whyadModules {
    background: var(--bs-grey-500);
    position: relative;
    z-index: 1
}

.generalInfoSec {
    position: relative;
    background: var(--bs-grey-500);
    z-index: 99;
    overflow: hidden
}

[dir=ltr] .generalInfoSec {
    padding: 13.375rem 0rem 11.125rem 0rem
}

[dir=rtl] .generalInfoSec {
    padding: 13.375rem 0rem 11.125rem 0rem
}

.generalInfoSec .container {
    position: relative
}

.generalInfoSec .dedNumber {
    border: 0;
    position: relative
}

[dir=ltr] .generalInfoSec .dedNumber {
    padding: 4.0625rem 0rem 3.125rem 0rem
}

[dir=rtl] .generalInfoSec .dedNumber {
    padding: 4.0625rem 0rem 3.125rem 0rem
}

.generalInfoSec .dedNumber .inside-head {
    justify-content: flex-end;
    position: relative
}

    .generalInfoSec .dedNumber .inside-head:before {
        content: '';
        position: absolute;
        width: 90%;
        height: 2px;
        background: var(--bs-green-800)
    }

[dir=ltr] .generalInfoSec .dedNumber .inside-head:before {
    left: 0
}

[dir=rtl] .generalInfoSec .dedNumber .inside-head:before {
    right: 0
}

.generalInfoSec .inside-navigation {
    background: var(--bs-grey-500);
    position: relative
}

.backgroundMedia {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden
}

[dir=ltr] .backgroundMedia {
    left: 0
}

[dir=rtl] .backgroundMedia {
    right: 0
}

.backgroundMedia video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    object-fit: cover;
    height: 100%
}

.backgroundMedia img {
    position: absolute;
    top: 0;
    width: 100%;
    object-fit: cover
}

[dir=ltr] .backgroundMedia img {
    left: 0
}

[dir=rtl] .backgroundMedia img {
    right: 0
}

.generalFlexing {
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .generalFlexing .txtInfo {
        width: 40%
    }

    .generalFlexing .imgWrap {
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        -o-border-radius: 40px;
        -ms-border-radius: 40px;
        border-radius: 40px;
        overflow: hidden;
        width: 34rem;
        height: 21.625rem;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-color: #000
    }

.transformFutureSec {
    background: var(--bs-white);
    position: relative;
    overflow: hidden
}

[dir=ltr] .transformFutureSec {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .transformFutureSec {
    padding: 0rem 0rem 0rem 0rem
}

.transformSticky {
    position: relative
}

.cardTransform {
    background: var(--bs-green-500);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    width: 99.6875rem
}

[dir=ltr] .cardTransform {
    padding: 2.5rem 5rem 2.5rem 5rem
}

[dir=rtl] .cardTransform {
    padding: 2.5rem 5rem 2.5rem 5rem
}

[dir=ltr] .cardTransform {
    margin: 0rem 0rem 5rem 0rem
}

[dir=rtl] .cardTransform {
    margin: 0rem 0rem 5rem 0rem
}

.cardTransform.trans1 {
    background: var(--bs-green-500)
}

    .cardTransform.trans1 .h3, .cardTransform.trans1 h3 {
        color: #000
    }

    .cardTransform.trans1 p {
        color: #000
    }

    .cardTransform.trans1 .highlightTxt:before {
        background: #000
    }

.cardTransform.trans2 {
    background: #000
}

    .cardTransform.trans2 .h2, .cardTransform.trans2 .h3, .cardTransform.trans2 h2, .cardTransform.trans2 h3, .cardTransform.trans2 p {
        color: #fff
    }

    .cardTransform.trans2 .boxNum {
        color: #fff
    }

        .cardTransform.trans2 .boxNum span {
            color: #fff
        }

    .cardTransform.trans2 .highlightTxt:before {
        background: #fff
    }

.cardTransform.trans3 {
    background: var(--bs-blue-500)
}

    .cardTransform.trans3 .h3, .cardTransform.trans3 h3 {
        color: var(--bs-green-900)
    }

.cardTransform .transform-head {
    display: flex;
    align-items: center;
    justify-content: space-between
}

[dir=ltr] .cardTransform .transform-head .h3, [dir=ltr] .cardTransform .transform-head h3 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .cardTransform .transform-head .h3, [dir=rtl] .cardTransform .transform-head h3 {
    margin: 0rem 0rem 0rem 0rem
}

.cardTransform .boxNum {
    color: #000
}

    .cardTransform .boxNum span {
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 300;
        line-height: 130%;
        letter-spacing: -.8px;
        color: #000
    }

[dir=rtl] .cardTransform .boxNum span {
    letter-spacing: initial
}

.cardTransform .transform-body {
    display: flex;
    justify-content: space-between;
    min-height: 31.25rem
}

    .cardTransform .transform-body .tranformTxt {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        width: 30%
    }

[dir=ltr] .cardTransform .transform-body .tranformTxt {
    padding: 2.3125rem 0rem 0rem 0rem
}

[dir=rtl] .cardTransform .transform-body .tranformTxt {
    padding: 2.3125rem 0rem 0rem 0rem
}

.cardTransform .transform-body .imgWrap {
    width: 70%;
    align-self: end
}

[dir=ltr] .cardTransform .transform-body .imgWrap {
    text-align: right
}

[dir=rtl] .cardTransform .transform-body .imgWrap {
    text-align: left
}

.darkMode .cardTransform.trans3 {
    background: var(--bs-grey-900)
}

    .darkMode .cardTransform.trans3 p {
        color: #fff
    }

    .darkMode .cardTransform.trans3 .boxNum span {
        color: #fff
    }

.darkMode .highlightTxt:before {
    background: #fff
}

.highlightTxt {
    position: relative
}

[dir=ltr] .highlightTxt {
    padding: 0rem 8.4375rem 0rem 1.25rem
}

[dir=rtl] .highlightTxt {
    padding: 0rem 1.25rem 0rem 8.4375rem
}

.highlightTxt:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 1px;
    height: 95%;
    background: #000
}

[dir=ltr] .highlightTxt:before {
    left: 0
}

[dir=rtl] .highlightTxt:before {
    right: 0
}

.highlightTxt p {
    line-height: 130%
}

[dir=ltr] .highlightTxt p {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .highlightTxt p {
    margin: 0rem 0rem 0rem 0rem
}

.highlightTxt .iconWrap {
    width: auto;
    height: auto
}

[dir=ltr] .highlightTxt ~ p {
    margin: 1.875rem 0rem 0rem 0rem
}

[dir=rtl] .highlightTxt ~ p {
    margin: 1.875rem 0rem 0rem 0rem
}

.highlightTxt ~ p i {
    color: var(--bs-grey-800)
}

.guidesAndResources, .industryLeaders, .knowMoreAboutBusiness {
    position: relative;
    z-index: 99
}

@media (min-width:1281px) and (max-width:1399.98px) {
    .cardTransform .transform-body .imgWrap {
        width: 55%
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    [dir=ltr] .generalInfoSec {
        padding: 5rem 0rem 5rem 0rem
    }

    [dir=rtl] .generalInfoSec {
        padding: 5rem 0rem 5rem 0rem
    }

    [dir=ltr] .transformSticky {
        margin: 0rem 0rem 2.5rem 0rem
    }

    [dir=rtl] .transformSticky {
        margin: 0rem 0rem 2.5rem 0rem
    }

    .cardTransform {
        width: 100%;
        max-height: initial
    }

    [dir=ltr] .cardTransform {
        padding: 1.25rem 1.875rem 1.25rem 1.875rem
    }

    [dir=rtl] .cardTransform {
        padding: 1.25rem 1.875rem 1.25rem 1.875rem
    }

    .cardTransform .transform-body {
        flex-direction: column
    }

        .cardTransform .transform-body .tranformTxt {
            width: 100%
        }

    [dir=ltr] .cardTransform .transform-body .tranformTxt {
        margin: 0rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .cardTransform .transform-body .tranformTxt {
        margin: 0rem 0rem 3.125rem 0rem
    }

    .cardTransform .transform-body .imgWrap {
        align-self: center
    }

        .cardTransform .transform-body .imgWrap img {
            width: 100%
        }

    .generalFlexing {
        flex-direction: column;
        align-items: flex-start
    }

        .generalFlexing .txtInfo {
            width: 100%
        }

    [dir=ltr] .generalFlexing .txtInfo {
        margin: 0rem 0rem 2.5rem 0rem
    }

    [dir=rtl] .generalFlexing .txtInfo {
        margin: 0rem 0rem 2.5rem 0rem
    }

    .generalFlexing .imgWrap {
        width: 100%
    }

    [dir=ltr] .highlightTxt {
        padding: 0rem 0rem 0rem 1.25rem
    }

    [dir=rtl] .highlightTxt {
        padding: 0rem 1.25rem 0rem 0rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    [dir=ltr] .generalInfoSec {
        padding: 5rem 0rem 5rem 0rem
    }

    [dir=rtl] .generalInfoSec {
        padding: 5rem 0rem 5rem 0rem
    }

    [dir=ltr] .generalInfoSec .dedNumber {
        padding: 6.875rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .generalInfoSec .dedNumber {
        padding: 6.875rem 0rem 1.875rem 0rem
    }

    [dir=ltr] .transformSticky {
        margin: 0rem 0rem 2.5rem 0rem
    }

    [dir=rtl] .transformSticky {
        margin: 0rem 0rem 2.5rem 0rem
    }

    .cardTransform {
        width: 100%;
        max-height: initial
    }

    [dir=ltr] .cardTransform {
        padding: 1.25rem 1.875rem 3.125rem 1.875rem
    }

    [dir=rtl] .cardTransform {
        padding: 1.25rem 1.875rem 3.125rem 1.875rem
    }

    .cardTransform .transform-body {
        flex-direction: column
    }

        .cardTransform .transform-body .tranformTxt {
            width: 100%
        }

    [dir=ltr] .cardTransform .transform-body .tranformTxt {
        margin: 0rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .cardTransform .transform-body .tranformTxt {
        margin: 0rem 0rem 3.125rem 0rem
    }

    .cardTransform .transform-body .imgWrap {
        width: 100%
    }

        .cardTransform .transform-body .imgWrap img {
            width: 100%
        }

    .generalFlexing {
        flex-direction: column;
        align-items: flex-start
    }

        .generalFlexing .txtInfo {
            width: 100%
        }

    [dir=ltr] .generalFlexing .txtInfo {
        margin: 0rem 0rem 2.5rem 0rem
    }

    [dir=rtl] .generalFlexing .txtInfo {
        margin: 0rem 0rem 2.5rem 0rem
    }

    .generalFlexing .imgWrap {
        width: 100%
    }

        .generalFlexing .imgWrap img {
            width: 100%
        }

    [dir=ltr] .highlightTxt {
        padding: 0rem 0rem 0rem 1.25rem
    }

    [dir=rtl] .highlightTxt {
        padding: 0rem 1.25rem 0rem 0rem
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .generalInfoSec {
        padding: 5rem 0rem 5rem 0rem
    }

    [dir=rtl] .generalInfoSec {
        padding: 5rem 0rem 5rem 0rem
    }

    [dir=ltr] .transformSticky {
        margin: 0rem 0rem 2.5rem 0rem
    }

    [dir=rtl] .transformSticky {
        margin: 0rem 0rem 2.5rem 0rem
    }

    .cardTransform {
        width: 100%;
        max-height: initial
    }

    [dir=ltr] .cardTransform {
        padding: 1.25rem 1.875rem 1.25rem 1.875rem
    }

    [dir=rtl] .cardTransform {
        padding: 1.25rem 1.875rem 1.25rem 1.875rem
    }

    [dir=ltr] .cardTransform {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .cardTransform {
        margin: 0rem 0rem 0rem 0rem
    }

    .cardTransform .transform-body {
        flex-direction: column
    }

        .cardTransform .transform-body .tranformTxt {
            width: 100%
        }

    [dir=ltr] .cardTransform .transform-body .tranformTxt {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .cardTransform .transform-body .tranformTxt {
        margin: 0rem 0rem 1.25rem 0rem
    }

    .cardTransform .transform-body .imgWrap {
        width: 100%
    }

        .cardTransform .transform-body .imgWrap img {
            width: 100%
        }

    .cardTransform .transform-head {
        align-items: flex-start;
        flex-direction: column-reverse
    }

    .generalFlexing {
        flex-direction: column;
        align-items: flex-start
    }

        .generalFlexing .txtInfo {
            width: 100%
        }

    [dir=ltr] .generalFlexing .txtInfo {
        margin: 0rem 0rem 2.5rem 0rem
    }

    [dir=rtl] .generalFlexing .txtInfo {
        margin: 0rem 0rem 2.5rem 0rem
    }

    .generalFlexing .imgWrap {
        width: 100%
    }

    [dir=ltr] .highlightTxt {
        padding: 0rem 0rem 0rem 1.25rem
    }

    [dir=rtl] .highlightTxt {
        padding: 0rem 1.25rem 0rem 0rem
    }
}

.knowMoreAboutBusiness {
    position: relative;
    background: var(--bs-grey-500)
}

[dir=ltr] .knowMoreAboutBusiness {
    padding: 8.75rem 0rem 5rem 0rem
}

[dir=rtl] .knowMoreAboutBusiness {
    padding: 8.75rem 0rem 5rem 0rem
}

.knowMoreAboutBusiness .abuDhabiList ul li:first-child {
    border-top: none
}

.knowMoreImg {
    width: 34rem;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    overflow: hidden;
    height: 19.9375rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #000
}

[dir=ltr] .knowMoreDetail {
    padding: 0rem 11.25rem 0rem 0rem
}

[dir=rtl] .knowMoreDetail {
    padding: 0rem 0rem 0rem 11.25rem
}

[dir=ltr] .knowMoreDetail .h2, [dir=ltr] .knowMoreDetail h2 {
    margin: 0rem 0rem 2.5rem 0rem
}

[dir=rtl] .knowMoreDetail .h2, [dir=rtl] .knowMoreDetail h2 {
    margin: 0rem 0rem 2.5rem 0rem
}

[dir=ltr] .guidesAndResources .inside-head {
    padding: 0rem 0rem 3.125rem 0rem
}

[dir=rtl] .guidesAndResources .inside-head {
    padding: 0rem 0rem 3.125rem 0rem
}

[dir=ltr] .guidesAndResources .inside-head {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .guidesAndResources .inside-head {
    margin: 0rem 0rem 0rem 0rem
}

.guidesAndResources, .industryLeaders {
    background: var(--bs-white);
    position: relative
}

[dir=ltr] .guidesAndResources, [dir=ltr] .industryLeaders {
    padding: 0rem 0rem 6.25rem 0rem
}

[dir=rtl] .guidesAndResources, [dir=rtl] .industryLeaders {
    padding: 0rem 0rem 6.25rem 0rem
}

[dir=ltr] .cardRow [class^=col-] {
    margin: 0rem 0rem 3.125rem 0rem
}

[dir=rtl] .cardRow [class^=col-] {
    margin: 0rem 0rem 3.125rem 0rem
}

.cardRow [class^=col-] .miniCard {
    height: 100%
}

.moreToExplore {
    background: var(--bs-white);
    position: relative;
    z-index: 99
}

[dir=ltr] .moreToExplore {
    padding: 0rem 0rem 6.25rem 0rem
}

[dir=rtl] .moreToExplore {
    padding: 0rem 0rem 6.25rem 0rem
}

[dir=ltr] .moreToExplore .h2, [dir=ltr] .moreToExplore h2 {
    margin: 0rem 0rem 4.5rem 0rem
}

[dir=rtl] .moreToExplore .h2, [dir=rtl] .moreToExplore h2 {
    margin: 0rem 0rem 4.5rem 0rem
}

.card-white {
    transition: .5s
}

@media (prefers-reduced-motion:reduce) {
    .card-white {
        transition: none
    }
}

.moreBox {
    overflow: hidden;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    position: relative;
    background: linear-gradient(to bottom,#fff 0,#fff 100%);
    border: solid 1px var(--bs-grey-700);
    transition: .5s;
    height: 100%
}

[dir=ltr] .moreBox {
    padding: 2.5rem 3.75rem 2.5rem 2.5rem
}

[dir=rtl] .moreBox {
    padding: 2.5rem 2.5rem 2.5rem 3.75rem
}

[dir=ltr] .moreBox {
    margin: 0rem 0rem 1.25rem 0rem
}

[dir=rtl] .moreBox {
    margin: 0rem 0rem 1.25rem 0rem
}

@media (prefers-reduced-motion:reduce) {
    .moreBox {
        transition: none
    }
}

.moreBox:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: -moz-linear-gradient(top,#fff 0,var(--bs-green-600) 100%);
    background: -webkit-linear-gradient(top,#fff 0,var(--bs-green-600) 100%);
    background: linear-gradient(to bottom,#fff 0,var(--bs-green-600) 100%);
    opacity: 1;
    transition: .4s
}

@media (prefers-reduced-motion:reduce) {
    .moreBox:before {
        transition: none
    }
}

.moreBox .h4, .moreBox h4 {
    color: var(--bs-green-900);
    font-weight: 400
}

.moreBox .lead {
    font-weight: 300
}

[dir=ltr] .moreBox .lead {
    margin: 0rem 0rem 3.3125rem 0rem
}

[dir=rtl] .moreBox .lead {
    margin: 0rem 0rem 3.3125rem 0rem
}

.moreBox .titleBox {
    position: relative;
    transition: .4s;
    z-index: 1
}

@media (prefers-reduced-motion:reduce) {
    .moreBox .titleBox {
        transition: none
    }
}

[dir=ltr] .moreBox .titleBox {
    padding: 0rem 3.75rem 0rem 0rem
}

[dir=rtl] .moreBox .titleBox {
    padding: 0rem 0rem 0rem 3.75rem
}

.moreBox .detailBox {
    transition: .4s;
    position: relative;
    z-index: 1
}

@media (prefers-reduced-motion:reduce) {
    .moreBox .detailBox {
        transition: none
    }
}

.moreBox .linkBox {
    position: absolute;
    bottom: 2.5rem;
    z-index: 1
}

    .moreBox .linkBox .textLink {
        font-weight: 500
    }

        .moreBox .linkBox .textLink span {
            transition: .4s;
            opacity: 0
        }

@media (prefers-reduced-motion:reduce) {
    .moreBox .linkBox .textLink span {
        transition: none
    }
}

.moreBox .linkBox .textLink i {
    position: absolute;
    left: 0;
    margin: 0;
    transition: .4s
}

@media (prefers-reduced-motion:reduce) {
    .moreBox .linkBox .textLink i {
        transition: none
    }
}

.moreBox .linkBox .textLink i:before {
    font-size: 1.125rem
}

.industryLeaders .mediaCard {
    height: 38.75rem
}

.businessGovernance {
    background: var(--bs-black);
    position: relative
}

[dir=ltr] .businessGovernance {
    padding: 9.375rem 0rem 5rem 0rem
}

[dir=rtl] .businessGovernance {
    padding: 9.375rem 0rem 5rem 0rem
}

.businessGovernance .h2, .businessGovernance .h3, .businessGovernance .h6, .businessGovernance h2, .businessGovernance h3, .businessGovernance h6, .businessGovernance p {
    color: var(--bs-white)
}

.businessGovernance .h3, .businessGovernance h3 {
    font-weight: 300
}

[dir=ltr] .businessGovernance .h3, [dir=ltr] .businessGovernance h3 {
    margin: 0rem 0rem 1.5rem 0rem
}

[dir=rtl] .businessGovernance .h3, [dir=rtl] .businessGovernance h3 {
    margin: 0rem 0rem 1.5rem 0rem
}

.businessGovernance .h6, .businessGovernance h6 {
    font-weight: 400;
    color: var(--bs-grey-700)
}

[dir=ltr] .businessGovernance .h6, [dir=ltr] .businessGovernance h6 {
    margin: 0rem 0rem 2.5rem 0rem
}

[dir=rtl] .businessGovernance .h6, [dir=rtl] .businessGovernance h6 {
    margin: 0rem 0rem 2.5rem 0rem
}

[dir=ltr] .businessGovernance img {
    margin: 0rem 0rem 2.375rem 0rem
}

[dir=rtl] .businessGovernance img {
    margin: 0rem 0rem 2.375rem 0rem
}

.businessGovernance.bgLight {
    background: var(--bs-grey-500)
}

    .businessGovernance.bgLight .h2, .businessGovernance.bgLight .h3, .businessGovernance.bgLight .h6, .businessGovernance.bgLight .subHeading, .businessGovernance.bgLight a, .businessGovernance.bgLight h2, .businessGovernance.bgLight h3, .businessGovernance.bgLight h6, .businessGovernance.bgLight p {
        color: var(--bs-black)
    }

    .businessGovernance.bgLight .businessWrapper:after {
        background: rgba(102,102,102,.5);
        height: 100%
    }

.busContainer {
    display: flex;
    flex-wrap: wrap
}

[dir=ltr] .busContainer {
    margin: 0rem -9.1875rem 0rem -9.1875rem
}

[dir=rtl] .busContainer {
    margin: 0rem -9.1875rem 0rem -9.1875rem
}

.businessWrapper {
    width: 50%;
    position: relative
}

[dir=ltr] .businessWrapper {
    padding: 0rem 9.1875rem 0rem 9.1875rem
}

[dir=rtl] .businessWrapper {
    padding: 0rem 9.1875rem 0rem 9.1875rem
}

.businessWrapper:after {
    content: '';
    background: rgba(255,255,255,.22);
    width: 1px;
    height: 28.5rem;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

[dir=ltr] .businessWrapper:after {
    right: 0
}

[dir=rtl] .businessWrapper:after {
    left: 0
}

.businessWrapper:last-child::after {
    display: none
}

.businessWrapper .subHeading {
    color: #fff
}

[dir=ltr] .businessWrapper .subHeading {
    margin: 0rem 0rem 4.5rem 0rem
}

[dir=rtl] .businessWrapper .subHeading {
    margin: 0rem 0rem 4.5rem 0rem
}

.businessWrapper .iconWrap {
    width: 4.5625rem;
    min-width: 4.5625rem;
    min-height: 4.5rem
}

[dir=ltr] .businessWrapper .iconWrap {
    margin: 0rem 0rem 2.375rem 0rem
}

[dir=rtl] .businessWrapper .iconWrap {
    margin: 0rem 0rem 2.375rem 0rem
}

[dir=ltr] .businessWrapper .abuDhabiList {
    padding: 0rem 2.5rem 0rem 0rem
}

[dir=rtl] .businessWrapper .abuDhabiList {
    padding: 0rem 0rem 0rem 2.5rem
}

[dir=ltr] .businessWrapper .abuDhabiList ul {
    margin: 0rem 0rem 1.5rem 0rem
}

[dir=rtl] .businessWrapper .abuDhabiList ul {
    margin: 0rem 0rem 1.5rem 0rem
}

.businessWrapper .abuDhabiList ul li a {
    color: var(--bs-white);
    border-bottom: 1px solid rgba(255,255,255,.22)
}

[dir=ltr] .businessWrapper .abuDhabiList ul li a {
    padding: .75rem 2.5rem .75rem 0rem
}

[dir=rtl] .businessWrapper .abuDhabiList ul li a {
    padding: .75rem 0rem .75rem 2.5rem
}

.businessWrapper .abuDhabiList ul li a i {
    color: var(--bs-white)
}

    .businessWrapper .abuDhabiList ul li a i:before {
        font-size: 1.125rem
    }

.businessWrapper .abuDhabiList ul li a span {
    font-size: 1.5rem
}

.businessWrapper .abuDhabiList ul li:first-child {
    border-top: none
}

.economicFundamentals {
    background: var(--bs-green-600);
    position: relative
}

[dir=ltr] .economicFundamentals {
    padding: 9.375rem 0rem 9.375rem 0rem
}

[dir=rtl] .economicFundamentals {
    padding: 9.375rem 0rem 9.375rem 0rem
}

.economicFundamentals .mainHeading {
    border-bottom: solid 1px var(--bs-grey-600)
}

[dir=ltr] .economicFundamentals .mainHeading {
    margin: 0rem 0rem 2.1875rem 0rem
}

[dir=rtl] .economicFundamentals .mainHeading {
    margin: 0rem 0rem 2.1875rem 0rem
}

[dir=ltr] .economicFundamentals .mainHeading {
    padding: 0rem 0rem 2.1875rem 0rem
}

[dir=rtl] .economicFundamentals .mainHeading {
    padding: 0rem 0rem 2.1875rem 0rem
}

.economicFundamentals .mainHeading .h2, .economicFundamentals .mainHeading h2 {
    margin: 0
}

.graphWrapper {
    background: var(--bs-black);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    overflow: hidden
}

[dir=ltr] .graphWrapper {
    margin: 3.125rem 0rem 3.125rem 0rem
}

[dir=rtl] .graphWrapper {
    margin: 3.125rem 0rem 3.125rem 0rem
}

.graphWrapper .headWrap .h6, .graphWrapper .headWrap h6 {
    color: var(--bs-white);
    margin: 0
}

.graphWrapper p {
    font-size: 1rem;
    color: var(--bs-grey-700);
    margin: 0
}

.graphBox {
    max-height: 28.125rem;
    height: 28.125rem
}

    .graphBox img {
        width: 100%;
        height: 100%
    }

.graphSelector {
    width: 17.1875rem
}

    .graphSelector .select2-container--bootstrap-5 {
        width: 100% !important
    }

        .graphSelector .select2-container--bootstrap-5 .select2-selection--single {
            background-color: transparent;
            background-image: url(/assets/DED/svgs/select-arrow.svg);
            background-size: 1.5rem;
            border-color: var(--bs-grey-700);
            height: 2.625rem;
            -webkit-border-radius: 16px;
            -moz-border-radius: 16px;
            -o-border-radius: 16px;
            -ms-border-radius: 16px;
            border-radius: 16px
        }

[dir=ltr] .graphSelector .select2-container--bootstrap-5 .select2-selection--single {
    padding: .5rem 3.75rem .5rem 1.625rem
}

[dir=rtl] .graphSelector .select2-container--bootstrap-5 .select2-selection--single {
    padding: .5rem 1.625rem .5rem 3.75rem
}

.graphSelector .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    color: var(--bs-white) !important
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    color: var(--bs-black) !important
}

.achievementWrapper {
    background: #000;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    min-height: 38.5rem;
    border: 1px solid var(--bs-grey-500)
}

[dir=ltr] .achievementWrapper {
    padding: 2.8125rem 0rem 2.8125rem 0rem
}

[dir=rtl] .achievementWrapper {
    padding: 2.8125rem 0rem 2.8125rem 0rem
}

[dir=ltr] .achievementWrapper .titleWrap {
    padding: 0rem 3.4375rem 0rem 3.4375rem
}

[dir=rtl] .achievementWrapper .titleWrap {
    padding: 0rem 3.4375rem 0rem 3.4375rem
}

[dir=ltr] .achievementWrapper .titleWrap {
    margin: 0rem 0rem 3.125rem 0rem
}

[dir=rtl] .achievementWrapper .titleWrap {
    margin: 0rem 0rem 3.125rem 0rem
}

[dir=ltr] .achievementWrapper .titleWrap .h6, [dir=ltr] .achievementWrapper .titleWrap h6 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .achievementWrapper .titleWrap .h6, [dir=rtl] .achievementWrapper .titleWrap h6 {
    margin: 0rem 0rem 0rem 0rem
}

.achievementWrapper .subHeading {
    color: #fff
}

[dir=ltr] .achievementWrapper .subHeading {
    margin: 0rem 0rem .9375rem 0rem
}

[dir=rtl] .achievementWrapper .subHeading {
    margin: 0rem 0rem .9375rem 0rem
}

[dir=ltr] .achievementWrapper .achievementSlider .swiper-wrapper {
    margin: 0rem 0rem 2rem 0rem
}

[dir=rtl] .achievementWrapper .achievementSlider .swiper-wrapper {
    margin: 0rem 0rem 2rem 0rem
}

.achievementWrapper .achievementSlider .swiper-pagination {
    position: relative;
    display: flex;
    flex-wrap: wrap
}

[dir=ltr] .achievementWrapper .achievementSlider .swiper-pagination {
    text-align: left
}

[dir=rtl] .achievementWrapper .achievementSlider .swiper-pagination {
    text-align: right
}

[dir=ltr] .achievementWrapper .achievementSlider .swiper-pagination {
    padding: 0rem 3.4375rem 0rem 3.4375rem
}

[dir=rtl] .achievementWrapper .achievementSlider .swiper-pagination {
    padding: 0rem 3.4375rem 0rem 3.4375rem
}

.achievementWrapper .achievementSlider .swiper-pagination .swiper-pagination-bullet {
    background: var(--bs-grey-600);
    width: .5rem;
    height: .5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

[dir=ltr] .achievementWrapper .achievementSlider .swiper-pagination .swiper-pagination-bullet {
    margin: 0rem .625rem 0rem 0rem
}

[dir=rtl] .achievementWrapper .achievementSlider .swiper-pagination .swiper-pagination-bullet {
    margin: 0rem 0rem 0rem .625rem
}

.achievementWrapper .achievementSlider .swiper-pagination .swiper-pagination-bullet-active {
    background: var(--bs-green-700)
}

.achievementWrapper .numberCount .h1, .achievementWrapper .numberCount h1 {
    color: var(--bs-green-700);
    font-weight: 300
}

[dir=ltr] .achievementWrapper .numberCount .h1, [dir=ltr] .achievementWrapper .numberCount h1 {
    margin: 0rem 0rem .5rem 0rem
}

[dir=rtl] .achievementWrapper .numberCount .h1, [dir=rtl] .achievementWrapper .numberCount h1 {
    margin: 0rem 0rem .5rem 0rem
}

[dir=ltr] .achievementWrapper .numberCount .h6, [dir=ltr] .achievementWrapper .numberCount h6 {
    margin: 0rem 0rem 2.8125rem 0rem
}

[dir=rtl] .achievementWrapper .numberCount .h6, [dir=rtl] .achievementWrapper .numberCount h6 {
    margin: 0rem 0rem 2.8125rem 0rem
}

.achievementWrapper .h6, .achievementWrapper h6, .achievementWrapper p {
    color: #fff
}

    .achievementWrapper .lead.h6, .achievementWrapper h6.lead, .achievementWrapper p.lead {
        color: var(--bs-grey-700)
    }

[dir=ltr] .achievementBox .genHead {
    padding: 0rem 11.25rem 0rem 3.4375rem
}

[dir=rtl] .achievementBox .genHead {
    padding: 0rem 3.4375rem 0rem 11.25rem
}

[dir=ltr] .achievementBox .genBody {
    padding: 0rem 3.4375rem 0rem 3.4375rem
}

[dir=rtl] .achievementBox .genBody {
    padding: 0rem 3.4375rem 0rem 3.4375rem
}

[dir=ltr] .achievementBox .genBody p {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .achievementBox .genBody p {
    margin: 0rem 0rem 0rem 0rem
}

.achievementBox .divider {
    min-height: 3.125rem;
    display: flex;
    justify-content: flex-end;
    position: relative
}

[dir=ltr] .achievementBox .divider {
    padding: 0rem 3.4375rem 0rem 0rem
}

[dir=rtl] .achievementBox .divider {
    padding: 0rem 0rem 0rem 3.4375rem
}

.achievementBox .divider:before {
    content: '';
    width: 75%;
    height: 1px;
    position: absolute;
    background: #fff;
    opacity: 1
}

[dir=ltr] .achievementBox .divider:before {
    left: 0
}

[dir=rtl] .achievementBox .divider:before {
    right: 0
}

.achievementBox .divider .iconWrap {
    position: absolute;
    bottom: 1rem;
    display: inline-block;
    width: 4.25rem;
    height: 4.25rem;
    background: #000
}

[dir=ltr] .achievementBox .divider .iconWrap {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .achievementBox .divider .iconWrap {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .achievementBox .divider .iconWrap {
    right: 55px
}

[dir=rtl] .achievementBox .divider .iconWrap {
    left: 55px
}

@media (min-width:1200px) {
    .card-white:hover {
        background: var(--bs-grey-500)
    }

    [dir=ltr] .moreBox {
        padding: 10.625rem 3.75rem 2.5rem 2.5rem
    }

    [dir=rtl] .moreBox {
        padding: 10.625rem 2.5rem 2.5rem 3.75rem
    }

    .moreBox:before {
        opacity: 0
    }

    .moreBox .titleBox {
        position: absolute;
        top: 11.25rem
    }

    .moreBox .detailBox {
        opacity: 0
    }

    .moreBox .h4, .moreBox h4 {
        margin: 0
    }

    .moreBox:hover:before {
        opacity: 1
    }

    .moreBox:hover .titleBox {
        top: 3.4375rem
    }

    .moreBox:hover .detailBox {
        opacity: 1
    }

    .moreBox:hover .linkBox .textLink span {
        opacity: 1
    }

    .moreBox:hover .linkBox .textLink i {
        left: 7.1875rem
    }

    .businessWrapper .abuDhabiList ul li a:hover {
        background: var(--bs-grey-600);
        color: var(--bs-black)
    }

    [dir=ltr] .businessWrapper .abuDhabiList ul li a:hover {
        padding: .75rem 4.375rem .75rem 1.25rem
    }

    [dir=rtl] .businessWrapper .abuDhabiList ul li a:hover {
        padding: .75rem 1.25rem .75rem 4.375rem
    }

    .businessWrapper .abuDhabiList ul li a:hover i {
        color: var(--bs-black)
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .moreBox {
        height: auto
    }

    .industryLeaders .mediaCard {
        height: 28.125rem
    }

    [dir=ltr] .industryLeaders .mediaCard {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .industryLeaders .mediaCard {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=ltr] .busContainer {
        margin: 0rem -2.5rem 0rem -2.5rem
    }

    [dir=rtl] .busContainer {
        margin: 0rem -2.5rem 0rem -2.5rem
    }

    [dir=ltr] .businessWrapper {
        padding: 0rem 2.5rem 0rem 2.5rem
    }

    [dir=rtl] .businessWrapper {
        padding: 0rem 2.5rem 0rem 2.5rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .moreBox {
        height: auto
    }

    .industryLeaders .mediaCard {
        height: 28.125rem
    }

    [dir=ltr] .knowMoreDetail {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .knowMoreDetail {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .knowMoreDetail {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .knowMoreDetail {
        margin: 0rem 0rem 1.875rem 0rem
    }

    .knowMoreImg {
        width: 100%
    }

    [dir=ltr] .economicFundamentals, [dir=ltr] .knowMoreAboutBusiness {
        padding: 5rem 0rem 5rem 0rem
    }

    [dir=rtl] .economicFundamentals, [dir=rtl] .knowMoreAboutBusiness {
        padding: 5rem 0rem 5rem 0rem
    }

    [dir=ltr] .guidesAndResources, [dir=ltr] .industryLeaders, [dir=ltr] .moreToExplore {
        padding: 5rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .guidesAndResources, [dir=rtl] .industryLeaders, [dir=rtl] .moreToExplore {
        padding: 5rem 0rem 1.875rem 0rem
    }

    [dir=ltr] .busContainer {
        margin: 0rem -2.5rem 0rem -2.5rem
    }

    [dir=rtl] .busContainer {
        margin: 0rem -2.5rem 0rem -2.5rem
    }

    [dir=ltr] .businessWrapper {
        padding: 0rem 2.5rem 0rem 2.5rem
    }

    [dir=rtl] .businessWrapper {
        padding: 0rem 2.5rem 0rem 2.5rem
    }

    .graphWrapper {
        height: auto
    }

    [dir=ltr] .graphWrapper {
        margin: 1.25rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .graphWrapper {
        margin: 1.25rem 0rem 1.25rem 0rem
    }

    .achievementWrapper {
        min-height: auto
    }

    [dir=ltr] .moreToExploreDetail .miniCard {
        margin: 0rem 0rem .9375rem 0rem
    }

    [dir=rtl] .moreToExploreDetail .miniCard {
        margin: 0rem 0rem .9375rem 0rem
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    .industryLeaders .mediaCard {
        height: 25rem
    }

    [dir=ltr] .industryLeaders .mediaCard {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .industryLeaders .mediaCard {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=ltr] .guidesAndResources .card {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .guidesAndResources .card {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=ltr] .knowMoreDetail {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .knowMoreDetail {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .knowMoreDetail {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .knowMoreDetail {
        margin: 0rem 0rem 1.875rem 0rem
    }

    .knowMoreImg {
        width: 100%
    }

    .moreBox {
        height: auto
    }

    [dir=ltr] .moreBox {
        padding: 1.875rem 1.875rem 1.875rem 1.875rem
    }

    [dir=rtl] .moreBox {
        padding: 1.875rem 1.875rem 1.875rem 1.875rem
    }

    [dir=ltr] .economicFundamentals, [dir=ltr] .industryLeaders, [dir=ltr] .knowMoreAboutBusiness {
        padding: 3.75rem 0rem 3.75rem 0rem
    }

    [dir=rtl] .economicFundamentals, [dir=rtl] .industryLeaders, [dir=rtl] .knowMoreAboutBusiness {
        padding: 3.75rem 0rem 3.75rem 0rem
    }

    [dir=ltr] .moreToExplore {
        padding: 0rem 0rem 3.75rem 0rem
    }

    [dir=rtl] .moreToExplore {
        padding: 0rem 0rem 3.75rem 0rem
    }

    .graphWrapper {
        height: auto
    }

    [dir=ltr] .graphWrapper {
        padding: 1.875rem 1.875rem 1.875rem 1.875rem
    }

    [dir=rtl] .graphWrapper {
        padding: 1.875rem 1.875rem 1.875rem 1.875rem
    }

    [dir=ltr] .graphWrapper {
        margin: 1.25rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .graphWrapper {
        margin: 1.25rem 0rem 1.25rem 0rem
    }

    .graphWrapper .headWrap {
        flex-direction: column;
        align-items: flex-start
    }

    [dir=ltr] .graphWrapper .headWrap .h6, [dir=ltr] .graphWrapper .headWrap h6 {
        margin: 0rem 0rem .9375rem 0rem
    }

    [dir=rtl] .graphWrapper .headWrap .h6, [dir=rtl] .graphWrapper .headWrap h6 {
        margin: 0rem 0rem .9375rem 0rem
    }

    .graphSelector {
        width: 100%
    }

    .busContainer {
        flex-direction: column
    }

    [dir=ltr] .busContainer {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .busContainer {
        margin: 0rem 0rem 0rem 0rem
    }

    .businessWrapper {
        width: 100%
    }

    [dir=ltr] .businessWrapper {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .businessWrapper {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .businessWrapper {
        margin: 0rem 0rem 2.5rem 0rem
    }

    [dir=rtl] .businessWrapper {
        margin: 0rem 0rem 2.5rem 0rem
    }

    .businessWrapper:after {
        height: 1px;
        width: 100%
    }

    [dir=ltr] .businessWrapper:after {
        margin: auto 0rem 0rem 0rem
    }

    [dir=rtl] .businessWrapper:after {
        margin: auto 0rem 0rem 0rem
    }

    .achievementWrapper {
        min-height: auto
    }

    [dir=ltr] .cardRow [class^=col-] {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .cardRow [class^=col-] {
        margin: 0rem 0rem 1.875rem 0rem
    }

    .graphFilter {
        width: 100%
    }

    [dir=ltr] .achievementWrapper .titleWrap {
        padding: 0rem 1.875rem 0rem 1.875rem
    }

    [dir=rtl] .achievementWrapper .titleWrap {
        padding: 0rem 1.875rem 0rem 1.875rem
    }

    [dir=ltr] .achievementWrapper .achievementSlider .swiper-pagination {
        padding: 0rem 1.875rem 0rem 1.875rem
    }

    [dir=rtl] .achievementWrapper .achievementSlider .swiper-pagination {
        padding: 0rem 1.875rem 0rem 1.875rem
    }

    [dir=ltr] .achievementBox .genHead {
        padding: 0rem 5.3125rem 0rem 1.875rem
    }

    [dir=rtl] .achievementBox .genHead {
        padding: 0rem 1.875rem 0rem 5.3125rem
    }

    [dir=ltr] .achievementBox .genBody {
        padding: 0rem 1.875rem 0rem 1.875rem
    }

    [dir=rtl] .achievementBox .genBody {
        padding: 0rem 1.875rem 0rem 1.875rem
    }

    [dir=ltr] .achievementBox .divider .iconWrap {
        right: 30px
    }

    [dir=rtl] .achievementBox .divider .iconWrap {
        left: 30px
    }

    .graphBox {
        height: 14.375rem
    }
}

.generalFlex {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    width: 100%
}

    .generalFlex .fileFlex {
        display: flex;
        justify-content: flex-end
    }

[dir=ltr] .generalFlex .fileFlex .pdfSize {
    margin: 0rem 1.25rem 0rem 0rem
}

[dir=rtl] .generalFlex .fileFlex .pdfSize {
    margin: 0rem 0rem 0rem 1.25rem
}

.shortInfoList {
    list-style: none
}

[dir=ltr] .shortInfoList {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .shortInfoList {
    padding: 0rem 0rem 0rem 0rem
}

[dir=ltr] .shortInfoList {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .shortInfoList {
    margin: 0rem 0rem 0rem 0rem
}

.shortInfoList li {
    display: flex
}

.shortInfoList .lbl-info, .shortInfoList .lbl-txt, .shortInfoList .lblCss {
    color: var(--bs-black);
    font-size: 1.25rem;
    line-height: 149%;
    letter-spacing: -.8px
}

[dir=rtl] .shortInfoList .lbl-info, [dir=rtl] .shortInfoList .lbl-txt, [dir=rtl] .shortInfoList .lblCss {
    letter-spacing: initial
}

.shortInfoList .lbl-txt {
    font-weight: 300;
    min-width: 12.5rem;
    display: inline-block
}

[dir=ltr] .shortInfoList .lbl-txt {
    padding: 0rem 3.125rem 0rem 0rem
}

[dir=rtl] .shortInfoList .lbl-txt {
    padding: 0rem 0rem 0rem 3.125rem
}

.shortInfoList .lbl-info {
    font-weight: 500
}

    .shortInfoList .lbl-info a {
        color: inherit;
        font-size: inherit
    }

.generalSplitSec {
    background: var(--bs-white)
}

[dir=ltr] .generalSplitSec {
    padding: 4.75rem 0rem 6.25rem 0rem
}

[dir=rtl] .generalSplitSec {
    padding: 4.75rem 0rem 6.25rem 0rem
}

[dir=ltr] .generalSplitSec .generalTxtInfo .subHeading {
    margin: 0rem 0rem .625rem 0rem
}

[dir=rtl] .generalSplitSec .generalTxtInfo .subHeading {
    margin: 0rem 0rem .625rem 0rem
}

.generalSideBar {
    max-width: 18.75rem
}

.navigateContainer {
    border-top: 2px solid var(--bs-green-800)
}

[dir=ltr] .navigateContainer {
    padding: 2.5rem 0rem 0rem 0rem
}

[dir=rtl] .navigateContainer {
    padding: 2.5rem 0rem 0rem 0rem
}

.navigateContainer ul {
    list-style: none
}

[dir=ltr] .navigateContainer ul {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .navigateContainer ul {
    padding: 0rem 0rem 0rem 0rem
}

[dir=ltr] .navigateContainer ul {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .navigateContainer ul {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .navigateContainer ul li {
    margin: 0rem 0rem 1.875rem 0rem
}

[dir=rtl] .navigateContainer ul li {
    margin: 0rem 0rem 1.875rem 0rem
}

.navigateContainer ul li a {
    color: var(--bs-grey-800);
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -1px;
    position: relative;
    text-decoration: none;
    display: block
}

[dir=ltr] .navigateContainer ul li a {
    padding: 0rem 3.125rem 0rem 0rem
}

[dir=rtl] .navigateContainer ul li a {
    padding: 0rem 0rem 0rem 3.125rem
}

.navigateContainer ul li a span {
    position: relative;
    display: inline-block
}

    .navigateContainer ul li a span:before {
        content: "";
        position: absolute;
        bottom: 0;
        width: 0%;
        height: 2px;
        background: #000;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

[dir=ltr] .navigateContainer ul li a span:before {
    left: 0
}

[dir=rtl] .navigateContainer ul li a span:before {
    right: 0
}

.navigateContainer ul li a i {
    position: absolute;
    top: 0;
    bottom: 0;
    font-size: 1rem;
    color: var(--bs-green-900);
    opacity: 0;
    visibility: hidden
}

[dir=ltr] .navigateContainer ul li a i {
    right: 0
}

[dir=rtl] .navigateContainer ul li a i {
    left: 0
}

[dir=rtl] .navigateContainer ul li a {
    letter-spacing: initial
}

.navigateContainer ul li a.active {
    font-weight: 500;
    color: #000
}

    .navigateContainer ul li a.active span:before {
        width: 100%
    }

    .navigateContainer ul li a.active i {
        opacity: 1;
        visibility: visible
    }

.colorBlue .h4, .colorBlue h4, .colorBlue p {
    color: var(--bs-blue-700);
    border: 0
}

.darkMode .colorBlue .h4, .darkMode .colorBlue h4, .darkMode .colorBlue p {
    color: #fff
}

[dir=ltr] .generalTxtInfo {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .generalTxtInfo {
    padding: 0rem 0rem 0rem 0rem
}

[dir=ltr] .generalTxtInfo {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .generalTxtInfo {
    margin: 0rem 0rem 0rem 0rem
}

.generalTxtInfo .subHeading {
    color: var(--bs-green-900)
}

.generalTxtInfo .h3, .generalTxtInfo h3 {
    font-weight: 700
}

[dir=ltr] .generalTxtInfo .h3, [dir=ltr] .generalTxtInfo h3 {
    margin: 0rem 0rem 2.5rem 0rem
}

[dir=rtl] .generalTxtInfo .h3, [dir=rtl] .generalTxtInfo h3 {
    margin: 0rem 0rem 2.5rem 0rem
}

.generalTxtInfo p {
    line-height: 149%
}

    .generalTxtInfo p a {
        text-decoration: none;
        color: var(--bs-blue-900)
    }

[dir=ltr] .generalTxtInfo .graphWrapper {
    margin: 3.125rem 0rem 0rem 0rem
}

[dir=rtl] .generalTxtInfo .graphWrapper {
    margin: 3.125rem 0rem 0rem 0rem
}

.generalTxtInfo .statsBox {
    border: 0
}

[dir=ltr] .generalTxtInfo .statsBox {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .generalTxtInfo .statsBox {
    padding: 0rem 0rem 0rem 0rem
}

.generalTxtInfo .cardInfo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

    .generalTxtInfo .cardInfo .pubRegularCard {
        width: 48%
    }

[dir=ltr] .generalTxtInfo:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .generalTxtInfo:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .generalTxtInfo ol {
    margin: 0rem 0rem 2rem 0rem
}

[dir=rtl] .generalTxtInfo ol {
    margin: 0rem 0rem 2rem 0rem
}

.generalTxtInfo .generalBullets li {
    font-weight: 100
}

.generalBullets {
    width: 72%
}

[dir=ltr] .generalBullets {
    margin: 1.0625rem 0rem 1.25rem 0rem
}

[dir=rtl] .generalBullets {
    margin: 1.0625rem 0rem 1.25rem 0rem
}

.generalBullets li {
    color: var(--bs-black);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 100;
    line-height: 153%;
    letter-spacing: -.8px
}

[dir=ltr] .generalBullets li {
    margin: 0rem 0rem .625rem 0rem
}

[dir=rtl] .generalBullets li {
    margin: 0rem 0rem .625rem 0rem
}

[dir=rtl] .generalBullets li {
    letter-spacing: initial
}

.general-table {
    border: 1px solid var(--bs-black);
    margin-bottom: 2rem;
    width: 100%;
    border-collapse: collapse
}

[dir=ltr] .general-table {
    text-align: left
}

[dir=rtl] .general-table {
    text-align: right
}

.general-table th {
    border: 1px solid var(--bs-black);
    color: var(--bs-black)
}

.general-table tbody td {
    border: 1px solid var(--bs-black);
    color: var(--bs-black)
}

[dir=ltr] .flatCardsWrapper .flatCardPremium {
    margin: 0rem 0rem 3.75rem 0rem
}

[dir=rtl] .flatCardsWrapper .flatCardPremium {
    margin: 0rem 0rem 3.75rem 0rem
}

[dir=ltr] .flatCardsWrapper .flatCardPremium:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .flatCardsWrapper .flatCardPremium:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .detailIntroSec .introImg {
    margin: 3.75rem 0rem 0rem 0rem
}

[dir=rtl] .detailIntroSec .introImg {
    margin: 3.75rem 0rem 0rem 0rem
}

@media (min-width:768px) and (max-width:991.98px) {
    .generalSideBar {
        max-width: 15.625rem
    }

    .generalTxtInfo .cardInfo .pubRegularCard {
        width: 100%
    }

    [dir=ltr] .generalTxtInfo .cardInfo .pubRegularCard {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .generalTxtInfo .cardInfo .pubRegularCard {
        margin: 0rem 0rem 1.875rem 0rem
    }

    .generalBullets {
        width: 100%
    }

    .generalFlex .leftWrap, .generalFlex .rightWrap {
        width: 50%
    }

    .flatCardsWrapper .flatCardPremium {
        flex-direction: column
    }

    [dir=ltr] .flatCardsWrapper .flatCardPremium .imgWrap {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .flatCardsWrapper .flatCardPremium .imgWrap {
        margin: 0rem 0rem 1.875rem 0rem
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .shortInfoList {
        margin: 0rem 0rem 3.75rem 0rem
    }

    [dir=rtl] .shortInfoList {
        margin: 0rem 0rem 3.75rem 0rem
    }

    [dir=ltr] .shortInfoList li {
        margin: 0rem 0rem 1.125rem 0rem
    }

    [dir=rtl] .shortInfoList li {
        margin: 0rem 0rem 1.125rem 0rem
    }

    .shortInfoList .lbl-info {
        display: block
    }

    .generalFlex .fileFlex {
        justify-content: space-between
    }

    .generalSideBar {
        max-width: 100%
    }

    .navigateContainer {
        border-bottom: 2px solid var(--bs-green-800)
    }

    [dir=ltr] .navigateContainer {
        padding: 2.5rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .navigateContainer {
        padding: 2.5rem 0rem 1.875rem 0rem
    }

    [dir=ltr] .navigateContainer {
        margin: 0rem 0rem 3.75rem 0rem
    }

    [dir=rtl] .navigateContainer {
        margin: 0rem 0rem 3.75rem 0rem
    }

    .generalBullets {
        width: 100%
    }

    .generalTxtInfo .cardInfo .pubRegularCard {
        width: 100%
    }

    [dir=ltr] .generalTxtInfo .cardInfo .pubRegularCard {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .generalTxtInfo .cardInfo .pubRegularCard {
        margin: 0rem 0rem 1.25rem 0rem
    }

    .tableWrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

[dir=ltr] .goals {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .goals {
    padding: 0rem 0rem 0rem 0rem
}

.goalSlider .imgWrap {
    width: 3.5rem;
    height: 3.5rem
}

[dir=ltr] .goalSlider .imgWrap {
    margin: 0rem 0rem 2.1875rem 0rem
}

[dir=rtl] .goalSlider .imgWrap {
    margin: 0rem 0rem 2.1875rem 0rem
}

.goalSlider .txtWrap .h6, .goalSlider .txtWrap h6 {
    font-weight: 300;
    color: var(--bs-black)
}

[dir=ltr] .keyDocuments .inside-head {
    margin: 0rem 0rem 1.5625rem 0rem
}

[dir=rtl] .keyDocuments .inside-head {
    margin: 0rem 0rem 1.5625rem 0rem
}

.acceleratingSection {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 2px solid var(--bs-grey-600)
}

[dir=ltr] .acceleratingSection {
    padding: 3.75rem 0rem 3.125rem 0rem
}

[dir=rtl] .acceleratingSection {
    padding: 3.75rem 0rem 3.125rem 0rem
}

.acceleratingLeft {
    width: 50%
}

[dir=ltr] .acceleratingLeft {
    padding: 0rem 5rem 0rem 0rem
}

[dir=rtl] .acceleratingLeft {
    padding: 0rem 0rem 0rem 5rem
}

.acceleratingLeft p.lead {
    font-weight: 500
}

[dir=ltr] .acceleratingLeft nav ul {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .acceleratingLeft nav ul {
    padding: 0rem 0rem 0rem 0rem
}

[dir=ltr] .acceleratingLeft nav ul {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .acceleratingLeft nav ul {
    margin: 0rem 0rem 0rem 0rem
}

.acceleratingLeft nav ul li {
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    position: relative
}

[dir=ltr] .acceleratingLeft nav ul li {
    margin: 0rem 0rem 1.25rem 0rem
}

[dir=rtl] .acceleratingLeft nav ul li {
    margin: 0rem 0rem 1.25rem 0rem
}

.acceleratingLeft nav ul li:before {
    content: "\2022";
    color: var(--bs-black);
    font-weight: 700;
    font-size: 1.25rem;
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem
}

.acceleratingLeft nav ul li span {
    font-size: 1.25rem;
    font-weight: 300
}

[dir=ltr] .acceleratingLeft nav ul li span {
    margin: 0rem 0rem 0rem .625rem
}

[dir=rtl] .acceleratingLeft nav ul li span {
    margin: 0rem .625rem 0rem 0rem
}

.acceleratingRight {
    width: 47.35%
}

    .acceleratingRight .economyPremCard.geryBox {
        background: var(--bs-white)
    }

    .acceleratingRight .imgaccWrap {
        background-size: 100%;
        background-repeat: no-repeat;
        height: 100%;
        width: 100%;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -o-border-radius: 30px;
        -ms-border-radius: 30px;
        border-radius: 30px;
        overflow: hidden
    }

.developingIndustries {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative
}

    .developingIndustries .tabsLeft .h3, .developingIndustries .tabsLeft h3 {
        position: relative
    }

[dir=ltr] .developingIndustries .tabsLeft .h3, [dir=ltr] .developingIndustries .tabsLeft h3 {
    padding: 0rem 0rem 2.5rem 0rem
}

[dir=rtl] .developingIndustries .tabsLeft .h3, [dir=rtl] .developingIndustries .tabsLeft h3 {
    padding: 0rem 0rem 2.5rem 0rem
}

[dir=ltr] .developingIndustries .tabsLeft .h3, [dir=ltr] .developingIndustries .tabsLeft h3 {
    margin: 0rem 0rem 1.875rem 0rem
}

[dir=rtl] .developingIndustries .tabsLeft .h3, [dir=rtl] .developingIndustries .tabsLeft h3 {
    margin: 0rem 0rem 1.875rem 0rem
}

.developingIndustries .tabsLeft .h3:after, .developingIndustries .tabsLeft h3:after {
    width: 4.1875rem;
    height: 2px;
    background: var(--bs-green-800);
    position: absolute;
    bottom: 0;
    content: ''
}

[dir=ltr] .developingIndustries .tabsLeft .h3:after, [dir=ltr] .developingIndustries .tabsLeft h3:after {
    left: 0
}

[dir=rtl] .developingIndustries .tabsLeft .h3:after, [dir=rtl] .developingIndustries .tabsLeft h3:after {
    right: 0
}

.developingIndustries .tabsLeft .nav-tabs {
    flex-direction: column;
    border: none
}

[dir=ltr] .developingIndustries .tabsLeft .nav-tabs {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .developingIndustries .tabsLeft .nav-tabs {
    padding: 0rem 0rem 0rem 0rem
}

[dir=ltr] .developingIndustries .tabsLeft .nav-tabs .nav-item {
    margin: 0rem 0rem 1.25rem 0rem
}

[dir=rtl] .developingIndustries .tabsLeft .nav-tabs .nav-item {
    margin: 0rem 0rem 1.25rem 0rem
}

.developingIndustries .tabsLeft .nav-tabs .nav-link {
    padding: 0;
    border: none;
    font-size: 1rem;
    letter-spacing: .15625rem;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--bs-grey-700);
    cursor: pointer
}

[dir=rtl] .developingIndustries .tabsLeft .nav-tabs .nav-link {
    letter-spacing: initial
}

.developingIndustries .tabsLeft .nav-tabs .nav-link.active {
    color: var(--bs-black);
    background: 0 0
}

.developingIndustries .tabsRight {
    width: 70%
}

[dir=ltr] .developingIndustries .tabsRight {
    padding: 0rem 1.875rem 0rem 3.75rem
}

[dir=rtl] .developingIndustries .tabsRight {
    padding: 0rem 3.75rem 0rem 1.875rem
}

[dir=ltr] .developingIndustries .tabsRight {
    border-left: 1px solid var(--bs-grey-600)
}

[dir=rtl] .developingIndustries .tabsRight {
    border-right: 1px solid var(--bs-grey-600)
}

.developingIndustries .tabsRight .tab-content .h5, .developingIndustries .tabsRight .tab-content .title5, .developingIndustries .tabsRight .tab-content h5 {
    font-weight: 500
}

.developingIndustries .tabsRight .tab-content .lead {
    font-weight: 300
}

.developingIndustries .tabsRight .tab-content .textLink-black i {
    color: var(--bs-redOrange)
}

[dir=ltr] .insideWrapper .inside-head {
    margin: 0rem 0rem 4.375rem 0rem
}

[dir=rtl] .insideWrapper .inside-head {
    margin: 0rem 0rem 4.375rem 0rem
}

[dir=ltr] .adbcPublication .initiatives-list .gallery-item {
    margin: 0rem 0rem 2.8125rem 0rem
}

[dir=rtl] .adbcPublication .initiatives-list .gallery-item {
    margin: 0rem 0rem 2.8125rem 0rem
}

@media (min-width:1200px) {
    .developingIndustries .nav-tabs .nav-link:hover {
        color: var(--bs-black)
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    [dir=ltr] .acceleratingLeft {
        padding: 0rem 2.5rem 0rem 0rem
    }

    [dir=rtl] .acceleratingLeft {
        padding: 0rem 0rem 0rem 2.5rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .adbcPublication .tabsHead {
        flex-wrap: wrap
    }

    [dir=ltr] .adbcPublication .tabsHead .nav-tabs {
        margin: 1.25rem 0rem 0rem 0rem
    }

    [dir=rtl] .adbcPublication .tabsHead .nav-tabs {
        margin: 1.25rem 0rem 0rem 0rem
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    .developingIndustries {
        display: block
    }

        .developingIndustries .tabsRight {
            width: 100%;
            border-left: none
        }

    [dir=ltr] .developingIndustries .tabsRight {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .developingIndustries .tabsRight {
        padding: 0rem 0rem 0rem 0rem
    }

    .developingIndustries .tabsLeft .nav-tabs {
        flex-direction: row;
        width: 100%;
        flex-wrap: nowrap;
        overflow-x: auto
    }

    [dir=ltr] .developingIndustries .tabsLeft .nav-tabs {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .developingIndustries .tabsLeft .nav-tabs {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=ltr] .developingIndustries .tabsLeft .nav-tabs .nav-link {
        margin: 0rem 1.25rem 0rem 0rem
    }

    [dir=rtl] .developingIndustries .tabsLeft .nav-tabs .nav-link {
        margin: 0rem 0rem 0rem 1.25rem
    }

    [dir=ltr] .developingIndustries .tabsRight {
        border-left: 0 solid var(--bs-grey-600)
    }

    [dir=rtl] .developingIndustries .tabsRight {
        border-right: 0 solid var(--bs-grey-600)
    }

    .acceleratingSection {
        flex-direction: column
    }

    .acceleratingLeft {
        width: 100%
    }

    [dir=ltr] .acceleratingLeft {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .acceleratingLeft {
        padding: 0rem 0rem 0rem 0rem
    }

    .acceleratingRight {
        width: 100%
    }

    [dir=ltr] .insideWrapper .inside-head {
        margin: 0rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .insideWrapper .inside-head {
        margin: 0rem 0rem 3.125rem 0rem
    }
}

.parallexListSec {
    background: var(--bs-white);
    position: relative;
    z-index: 1
}

    .parallexListSec.bgGrey {
        background: var(--bs-grey-500)
    }

[dir=ltr] .parallexListSec.bgGrey .exploreWrapper {
    padding: 6.25rem 0rem 6.25rem 0rem
}

[dir=rtl] .parallexListSec.bgGrey .exploreWrapper {
    padding: 6.25rem 0rem 6.25rem 0rem
}

[dir=rtl] .parallexListSec.bgGrey .exploreWrapper {
    flex-direction: row-reverse
}

.parallexListSec.bgGrey .exploreWrapper .exploreCol .imgWrap {
    width: 75%;
    height: 22.5rem
}

[dir=ltr] .parallexListSec.medium .h2, [dir=ltr] .parallexListSec.medium h2 {
    margin: 0rem 0rem 2.5rem 0rem
}

[dir=rtl] .parallexListSec.medium .h2, [dir=rtl] .parallexListSec.medium h2 {
    margin: 0rem 0rem 2.5rem 0rem
}

[dir=ltr] .parallexListSec.medium .exploreWrapper.justifyImgRight .txtInfo {
    padding: 0rem 2rem 0rem 0rem
}

[dir=rtl] .parallexListSec.medium .exploreWrapper.justifyImgRight .txtInfo {
    padding: 0rem 0rem 0rem 2rem
}

.parallexListSec.medium .exploreWrapper .exploreCol .imgWrap {
    width: 33.75rem;
    height: 28.625rem
}

.darkMode .parallexListSec.bgGrey {
    background: var(--bs-grey-900)
}

.exploreWrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row
}

    .exploreWrapper .head {
        width: 100%
    }

[dir=ltr] .exploreWrapper .head {
    margin: 0rem 0rem 3.5rem 0rem
}

[dir=rtl] .exploreWrapper .head {
    margin: 0rem 0rem 3.5rem 0rem
}

.exploreWrapper.justifyImgLeft {
    flex-direction: row
}

[dir=rtl] .exploreWrapper.justifyImgLeft {
    flex-direction: row-reverse
}

.exploreWrapper.justifyImgRight {
    flex-direction: row-reverse
}

[dir=rtl] .exploreWrapper.justifyImgRight {
    flex-direction: row
}

[dir=ltr] .exploreWrapper.justifyImgRight .exploreCol .imgWrap {
    margin: 0rem 0rem 0rem auto
}

[dir=rtl] .exploreWrapper.justifyImgRight .exploreCol .imgWrap {
    margin: 0rem auto 0rem 0rem
}

[dir=ltr] .exploreWrapper.justifyImgRight .txtInfo {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .exploreWrapper.justifyImgRight .txtInfo {
    padding: 0rem 0rem 0rem 0rem
}

.exploreWrapper:last-child {
    border-bottom: 0
}

.exploreWrapper .imgWrap {
    overflow: hidden;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    height: 31.25rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

    .exploreWrapper .imgWrap img {
        width: 100%
    }

.exploreWrapper .exploreCol {
    width: 47%
}

[dir=ltr] .exploreWrapper .txtInfo {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .exploreWrapper .txtInfo {
    padding: 0rem 0rem 0rem 0rem
}

[dir=ltr] .exploreWrapper .txtInfo .h4, [dir=ltr] .exploreWrapper .txtInfo .subHeading, [dir=ltr] .exploreWrapper .txtInfo h4 {
    margin: 0rem 0rem 2rem 0rem
}

[dir=rtl] .exploreWrapper .txtInfo .h4, [dir=rtl] .exploreWrapper .txtInfo .subHeading, [dir=rtl] .exploreWrapper .txtInfo h4 {
    margin: 0rem 0rem 2rem 0rem
}

[dir=ltr] .exploreWrapper .txtInfo .h5, [dir=ltr] .exploreWrapper .txtInfo .title5, [dir=ltr] .exploreWrapper .txtInfo h5 {
    margin: 0rem 0rem 3rem 0rem
}

[dir=rtl] .exploreWrapper .txtInfo .h5, [dir=rtl] .exploreWrapper .txtInfo .title5, [dir=rtl] .exploreWrapper .txtInfo h5 {
    margin: 0rem 0rem 3rem 0rem
}

.exploreWrapper .txtInfo .h5, .exploreWrapper .txtInfo .title5, .exploreWrapper .txtInfo h5 {
    font-weight: 400
}

.exploreWrapper .txtInfo ul {
    list-style-position: inside
}

[dir=ltr] .exploreWrapper .txtInfo ul {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .exploreWrapper .txtInfo ul {
    padding: 0rem 0rem 0rem 0rem
}

[dir=ltr] .exploreWrapper .txtInfo ul {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .exploreWrapper .txtInfo ul {
    margin: 0rem 0rem 0rem 0rem
}

.exploreWrapper .txtInfo ul li {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: -.075rem
}

[dir=rtl] .exploreWrapper .txtInfo ul li {
    letter-spacing: initial
}

.exploreWrapper .txtInfo ul {
    list-style: none
}

[dir=ltr] .exploreWrapper .txtInfo ul {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .exploreWrapper .txtInfo ul {
    padding: 0rem 0rem 0rem 0rem
}

[dir=ltr] .exploreWrapper .txtInfo ul {
    margin: 0rem 0rem 1.875rem .9375rem
}

[dir=rtl] .exploreWrapper .txtInfo ul {
    margin: 0rem .9375rem 1.875rem 0rem
}

.exploreWrapper .txtInfo ul li {
    position: relative;
    font-size: 1.5rem;
    font-weight: 400;
    color: var(--bs-black)
}

[dir=ltr] .exploreWrapper .txtInfo ul li {
    padding: 0rem 0rem 0rem 2rem
}

[dir=rtl] .exploreWrapper .txtInfo ul li {
    padding: 0rem 2rem 0rem 0rem
}

.exploreWrapper .txtInfo ul li span {
    color: inherit;
    letter-spacing: -1.1px;
    font-weight: 300
}

.exploreWrapper .txtInfo ul li:before {
    content: "";
    position: absolute;
    top: 8px;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: var(--bs-black)
}

[dir=ltr] .exploreWrapper .txtInfo ul li:before {
    left: 0
}

[dir=rtl] .exploreWrapper .txtInfo ul li:before {
    right: 0
}

.exploreWrapper .heading {
    font-weight: 500;
    font-size: 1.25rem;
    display: inline-block;
    color: var(--bs-black)
}

[dir=ltr] .exploreWrapper .heading {
    margin: 0rem 0rem 1.375rem 0rem
}

[dir=rtl] .exploreWrapper .heading {
    margin: 0rem 0rem 1.375rem 0rem
}

[dir=ltr] .exploreWrapper ul {
    padding: 0rem 0rem 0rem 1.875rem
}

[dir=rtl] .exploreWrapper ul {
    padding: 0rem 1.875rem 0rem 0rem
}

[dir=ltr] .exploreWrapper ul {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .exploreWrapper ul {
    margin: 0rem 0rem 0rem 0rem
}

.exploreWrapper ul li {
    font-size: 1.25rem
}

[dir=ltr] .exploreWrapper ul li {
    margin: 0rem 0rem 1.375rem 0rem
}

[dir=rtl] .exploreWrapper ul li {
    margin: 0rem 0rem 1.375rem 0rem
}

.exploreWrapper .advanceCard .mediaCard {
    height: 31.25rem
}

.exploreWrapper .economyPremCard .imgWrap {
    background: #fff
}

.value-section .exploreWrapper .txtInfo .h3, .value-section .exploreWrapper .txtInfo h3 {
    font-weight: 300
}

.economyCycleSec {
    background: #fff
}

[dir=ltr] .economyCycleSec .h2, [dir=ltr] .economyCycleSec h2 {
    margin: 0rem 0rem 3rem 0rem
}

[dir=rtl] .economyCycleSec .h2, [dir=rtl] .economyCycleSec h2 {
    margin: 0rem 0rem 3rem 0rem
}

.cycleWrapper {
    display: flex;
    justify-content: center
}

[dir=ltr] .cycleWrapper {
    padding: 0rem 0rem 17.625rem 0rem
}

[dir=rtl] .cycleWrapper {
    padding: 0rem 0rem 17.625rem 0rem
}

.advanceDropDown {
    width: 27.25rem;
    border: solid 1px var(--bs-grey-700);
    background: radial-gradient(107.32% 141.42% at 0 0,rgba(255,255,255,.44) 0,rgba(255,255,255,.72) 100%);
    backdrop-filter: blur(21px);
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    -o-border-radius: 28px;
    -ms-border-radius: 28px;
    border-radius: 28px;
    align-self: center;
    z-index: 9;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: absolute
}

[dir=ltr] .advanceDropDown {
    padding: 2.6875rem 2rem 2.25rem 2rem
}

[dir=rtl] .advanceDropDown {
    padding: 2.6875rem 2rem 2.25rem 2rem
}

.advanceDropDown .dropHead {
    display: flex;
    align-items: center;
    position: relative
}

    .advanceDropDown .dropHead .iconWrap {
        min-width: 6.25rem;
        width: 6.25rem;
        height: 6.25rem;
        background: var(--bs-green-600);
        display: flex;
        align-items: center;
        justify-content: center;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%
    }

[dir=ltr] .advanceDropDown .dropHead .iconWrap {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .advanceDropDown .dropHead .iconWrap {
    margin: 0rem 0rem 0rem 0rem
}

.advanceDropDown .dropHead span {
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.75rem
}

[dir=ltr] .advanceDropDown .dropHead span {
    padding: 0rem 1rem 0rem 2.1875rem
}

[dir=rtl] .advanceDropDown .dropHead span {
    padding: 0rem 2.1875rem 0rem 1rem
}

.advanceDropDown .expandBtn {
    position: absolute;
    top: -.625rem;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--bs-grey-700);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

[dir=ltr] .advanceDropDown .expandBtn {
    right: 0
}

[dir=rtl] .advanceDropDown .expandBtn {
    left: 0
}

.advanceDropDown .expandBtn i {
    font-size: 1.5rem;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

.advanceDropDown .expandBtn.open {
    background: var(--bs-green-900)
}

    .advanceDropDown .expandBtn.open i {
        color: #fff;
        transform: rotate(-45deg)
    }

.advanceDropDown .dropBody {
    display: none;
    border-top: solid 1px var(--bs-grey-700)
}

[dir=ltr] .advanceDropDown .dropBody {
    margin: 1.25rem 0rem 0rem 0rem
}

[dir=rtl] .advanceDropDown .dropBody {
    margin: 1.25rem 0rem 0rem 0rem
}

[dir=ltr] .advanceDropDown .dropBody {
    padding: 1.25rem 0rem 0rem 0rem
}

[dir=rtl] .advanceDropDown .dropBody {
    padding: 1.25rem 0rem 0rem 0rem
}

.advanceDropDown .dropBody .percentage strong {
    font-size: 5rem;
    font-weight: 400
}

[dir=ltr] .advanceDropDown .dropBody .percentage strong {
    margin: 0rem 0rem 1.625rem 0rem
}

[dir=rtl] .advanceDropDown .dropBody .percentage strong {
    margin: 0rem 0rem 1.625rem 0rem
}

.advanceDropDown .dropBody .percentage .small, .advanceDropDown .dropBody .percentage small {
    font-size: 1.75rem
}

.advanceDropDown .dropBody span {
    display: block;
    font-size: 1.375rem;
    font-weight: 500;
    color: var(--bs-green-900)
}

[dir=ltr] .advanceDropDown .dropBody span {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .advanceDropDown .dropBody span {
    margin: 0rem 0rem 0rem 0rem
}

.cycleCol {
    display: flex;
    position: relative;
    height: 33.125rem;
    width: 33.125rem;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    justify-content: center;
    position: relative
}

[dir=ltr] .cycleCol {
    margin: 0rem -1.875rem 0rem -1.875rem
}

[dir=rtl] .cycleCol {
    margin: 0rem -1.875rem 0rem -1.875rem
}

.cycleCol .advanceDropDown {
    top: 92%
}

.cycleCol:first-child, .cycleCol:last-child {
    width: 27.25rem
}

[dir=ltr] .cycleCol:first-child, [dir=ltr] .cycleCol:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .cycleCol:first-child, [dir=rtl] .cycleCol:last-child {
    margin: 0rem 0rem 0rem 0rem
}

.cycleCol:first-child .advanceDropDown, .cycleCol:last-child .advanceDropDown {
    top: 35%
}

.ecoTabsWrap {
    background: var(--bs-blue-500);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

[dir=ltr] .ecoTabsWrap {
    padding: 6.25rem 6.875rem 6.25rem 10rem
}

[dir=rtl] .ecoTabsWrap {
    padding: 6.25rem 10rem 6.25rem 6.875rem
}

[dir=ltr] .ecoTabsWrap .tab-content {
    padding: 2.25rem 5rem 2.25rem 0rem
}

[dir=rtl] .ecoTabsWrap .tab-content {
    padding: 2.25rem 0rem 2.25rem 5rem
}

[dir=ltr] .ecoTabsWrap .ecoinfo .h3, [dir=ltr] .ecoTabsWrap .ecoinfo h3 {
    margin: 0rem 0rem 2.5rem 0rem
}

[dir=rtl] .ecoTabsWrap .ecoinfo .h3, [dir=rtl] .ecoTabsWrap .ecoinfo h3 {
    margin: 0rem 0rem 2.5rem 0rem
}

.ecoTabsWrap .ecoinfo .h4, .ecoTabsWrap .ecoinfo h4 {
    color: var(--bs-blue-900)
}

[dir=ltr] .ecoTabsWrap .ecoinfo .h4, [dir=ltr] .ecoTabsWrap .ecoinfo h4 {
    margin: 0rem 0rem 2.8125rem 0rem
}

[dir=rtl] .ecoTabsWrap .ecoinfo .h4, [dir=rtl] .ecoTabsWrap .ecoinfo h4 {
    margin: 0rem 0rem 2.8125rem 0rem
}

[dir=ltr] .ecoTabsWrap .ecoinfo .h5, [dir=ltr] .ecoTabsWrap .ecoinfo .title5, [dir=ltr] .ecoTabsWrap .ecoinfo h5 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .ecoTabsWrap .ecoinfo .h5, [dir=rtl] .ecoTabsWrap .ecoinfo .title5, [dir=rtl] .ecoTabsWrap .ecoinfo h5 {
    margin: 0rem 0rem 0rem 0rem
}

.economyTabs {
    display: flex;
    flex-wrap: wrap;
    position: relative
}

[dir=ltr] .economyTabs {
    margin: 2.5rem 0rem 0rem 0rem
}

[dir=rtl] .economyTabs {
    margin: 2.5rem 0rem 0rem 0rem
}

.economyTabs .nav-item {
    width: 33.33%
}

    .economyTabs .nav-item .nav-link {
        background: 0 0;
        border: 0;
        color: var(--bs-grey-700);
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 2rem;
        letter-spacing: -.075rem;
        position: relative;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

[dir=ltr] .economyTabs .nav-item .nav-link {
    padding: 1.75rem 1rem 1.75rem 1rem
}

[dir=rtl] .economyTabs .nav-item .nav-link {
    padding: 1.75rem 1rem 1.75rem 1rem
}

[dir=rtl] .economyTabs .nav-item .nav-link {
    letter-spacing: initial
}

.economyTabs .nav-item .nav-link:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0%;
    height: 1px;
    background: var(--bs-green-900);
    display: block;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

[dir=ltr] .economyTabs .nav-item .nav-link:before {
    left: 0
}

[dir=rtl] .economyTabs .nav-item .nav-link:before {
    right: 0
}

.economyTabs .nav-item .nav-link.active {
    color: var(--bs-green-900)
}

    .economyTabs .nav-item .nav-link.active:before {
        width: 100%
    }

.economyTabs.hide {
    display: none
}

.ecoContentWrap {
    background: #000;
    height: 100%;
    color: #fff
}

[dir=ltr] .ecoContentWrap {
    padding: 9.375rem 10.75rem 7.5rem 10.75rem
}

[dir=rtl] .ecoContentWrap {
    padding: 9.375rem 10.75rem 7.5rem 10.75rem
}

.ecoContentWrap .h2, .ecoContentWrap .h3, .ecoContentWrap .h4, .ecoContentWrap .h5, .ecoContentWrap .h6, .ecoContentWrap .title5, .ecoContentWrap h2, .ecoContentWrap h3, .ecoContentWrap h4, .ecoContentWrap h5, .ecoContentWrap h6, .ecoContentWrap p {
    color: #fff
}

.graphManage {
    border: 1px solid var(--bs-grey-800);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -o-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px
}

[dir=ltr] .graphManage {
    padding: 3rem 1.875rem 3rem 1.875rem
}

[dir=rtl] .graphManage {
    padding: 3rem 1.875rem 3rem 1.875rem
}

[dir=ltr] .graphManage {
    margin: 0rem 0rem 2rem 0rem
}

[dir=rtl] .graphManage {
    margin: 0rem 0rem 2rem 0rem
}

.steadytabs {
    border-bottom: 0;
    display: flex;
    justify-content: space-between;
    list-style: none
}

[dir=ltr] .steadytabs {
    margin: 0rem 0rem 3rem 0rem
}

[dir=rtl] .steadytabs {
    margin: 0rem 0rem 3rem 0rem
}

[dir=ltr] .steadytabs {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .steadytabs {
    padding: 0rem 0rem 0rem 0rem
}

.steadytabs .steady-item .steady-link {
    background: 0 0;
    color: var(--bs-grey-800);
    border: 0;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1.625rem;
    letter-spacing: -.06875rem
}

[dir=ltr] .steadytabs .steady-item .steady-link {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .steadytabs .steady-item .steady-link {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .steadytabs .steady-item .steady-link {
    letter-spacing: initial
}

.steadytabs .steady-item .steady-link.active {
    color: var(--bs-green-700);
    font-weight: 500
}

    .steadytabs .steady-item .steady-link.active span {
        border-bottom: 1px solid var(--bs-green-700)
    }

.steady-pane {
    display: none;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

    .steady-pane.active {
        display: block;
        opacity: 1
    }

.graphHeading {
    font-size: 1.375rem;
    color: var(--bs-green-700);
    font-weight: 500;
    line-height: 1.625rem;
    letter-spacing: -.06875rem;
    border-bottom: 1px solid var(--bs-green-700);
    display: inline-block
}

[dir=ltr] .graphHeading {
    margin: 0rem 0rem 5.625rem 0rem
}

[dir=rtl] .graphHeading {
    margin: 0rem 0rem 5.625rem 0rem
}

[dir=rtl] .graphHeading {
    letter-spacing: initial
}

.economyTabsSec {
    position: relative
}

@media (min-width:1200px) {
    .advanceDropDown:hover {
        background: var(--bs-grey-500)
    }

    .economyTabs .nav-item .nav-link:hover {
        color: var(--bs-grey-800)
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    [dir=ltr] .advanceDropDown {
        padding: 2rem 1.375rem 2rem 1.375rem
    }

    [dir=rtl] .advanceDropDown {
        padding: 2rem 1.375rem 2rem 1.375rem
    }

    [dir=ltr] .cycleCol {
        margin: 0rem -1rem 0rem -1rem
    }

    [dir=rtl] .cycleCol {
        margin: 0rem -1rem 0rem -1rem
    }

    .cycleCol:first-child, .cycleCol:last-child {
        width: 23.75rem
    }

    .cycleCol .advanceDropDown {
        width: 23.75rem
    }

    [dir=ltr] .ecoTabsWrap {
        padding: 3.75rem 2.5rem 2rem 2.5rem
    }

    [dir=rtl] .ecoTabsWrap {
        padding: 3.75rem 2.5rem 2rem 2.5rem
    }

    [dir=ltr] .ecoContentWrap {
        padding: 3.75rem 2.5rem 2rem 2.5rem
    }

    [dir=rtl] .ecoContentWrap {
        padding: 3.75rem 2.5rem 2rem 2.5rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .advanceDropDown {
        position: relative;
        width: 100%;
        top: 0
    }

        .advanceDropDown .dropHead span {
            font-size: 1.125rem
        }

    .cycleWrapper {
        flex-wrap: wrap
    }

    [dir=ltr] .cycleWrapper {
        padding: 0rem 0rem 5.625rem 0rem
    }

    [dir=rtl] .cycleWrapper {
        padding: 0rem 0rem 5.625rem 0rem
    }

    .cycleCol {
        width: 100%;
        height: auto;
        position: relative;
        background-size: initial
    }

    [dir=ltr] .cycleCol {
        margin: 0rem 0rem 1rem 0rem
    }

    [dir=rtl] .cycleCol {
        margin: 0rem 0rem 1rem 0rem
    }

    .cycleCol .advanceDropDown {
        top: 0
    }

    .cycleCol:first-child, .cycleCol:last-child {
        width: 100%
    }

    [dir=ltr] .cycleCol:first-child, [dir=ltr] .cycleCol:last-child {
        margin: 0rem 0rem 1rem 0rem
    }

    [dir=rtl] .cycleCol:first-child, [dir=rtl] .cycleCol:last-child {
        margin: 0rem 0rem 1rem 0rem
    }

    .cycleCol:first-child .advanceDropDown, .cycleCol:last-child .advanceDropDown {
        top: 0
    }

    [dir=ltr] .ecoTabsWrap {
        padding: 3.75rem 1rem 2rem 1rem
    }

    [dir=rtl] .ecoTabsWrap {
        padding: 3.75rem 1rem 2rem 1rem
    }

    [dir=ltr] .ecoTabsWrap .tab-content {
        padding: 2rem 0rem 2rem 0rem
    }

    [dir=rtl] .ecoTabsWrap .tab-content {
        padding: 2rem 0rem 2rem 0rem
    }

    .economyTabs .nav-item .nav-link {
        font-size: 1.125rem
    }

    [dir=ltr] .economyTabs .nav-item .nav-link {
        padding: 0rem .625rem 1rem .625rem
    }

    [dir=rtl] .economyTabs .nav-item .nav-link {
        padding: 0rem .625rem 1rem .625rem
    }

    [dir=ltr] .ecoContentWrap {
        padding: 3.75rem 1rem 2rem 1rem
    }

    [dir=rtl] .ecoContentWrap {
        padding: 3.75rem 1rem 2rem 1rem
    }

    [dir=ltr] .graphManage {
        padding: 1.875rem 1rem 1.875rem 1rem
    }

    [dir=rtl] .graphManage {
        padding: 1.875rem 1rem 1.875rem 1rem
    }

    .steadytabs .steady-item .steady-link {
        font-size: 1rem
    }

    .parallexListSec.medium .exploreWrapper .exploreCol .imgWrap {
        width: 100%;
        height: auto
    }

    .exploreWrapper {
        flex-direction: column-reverse
    }

        .exploreWrapper .txtInfo {
            width: 100%
        }

    [dir=ltr] .exploreWrapper .txtInfo {
        margin: 0rem 0rem 2.5rem 0rem
    }

    [dir=rtl] .exploreWrapper .txtInfo {
        margin: 0rem 0rem 2.5rem 0rem
    }

    .exploreWrapper .txtInfo ul {
        list-style-position: outside
    }

    [dir=ltr] .exploreWrapper .txtInfo ul {
        padding: 0rem 0rem 0rem 1.375rem
    }

    [dir=rtl] .exploreWrapper .txtInfo ul {
        padding: 0rem 1.375rem 0rem 0rem
    }

    .exploreWrapper .txtInfo ul li {
        font-size: 1.375rem
    }

    .exploreWrapper.justifyImgRight {
        flex-direction: column-reverse
    }

    [dir=ltr] .exploreWrapper.justifyImgRight .txtInfo {
        margin: 0rem 0rem 2.5rem 0rem
    }

    [dir=rtl] .exploreWrapper.justifyImgRight .txtInfo {
        margin: 0rem 0rem 2.5rem 0rem
    }

    .exploreWrapper.justifyImgLeft {
        flex-direction: column-reverse
    }

    [dir=ltr] .exploreWrapper.justifyImgLeft .txtInfo {
        margin: 0rem 0rem 2.5rem 0rem
    }

    [dir=rtl] .exploreWrapper.justifyImgLeft .txtInfo {
        margin: 0rem 0rem 2.5rem 0rem
    }

    [dir=ltr] .exploreWrapper.justifyImgLeft .txtInfo {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .exploreWrapper.justifyImgLeft .txtInfo {
        padding: 0rem 0rem 0rem 0rem
    }

    .exploreWrapper .exploreCol {
        width: 100%
    }

        .exploreWrapper .exploreCol > .imgWrap {
            width: 100%;
            height: 23.75rem
        }

    .innerSection .exploreWrapper {
        flex-direction: column
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .economyCycleSec {
        padding: 3.75rem 0rem 5.625rem 0rem
    }

    [dir=rtl] .economyCycleSec {
        padding: 3.75rem 0rem 5.625rem 0rem
    }

    .advanceDropDown {
        position: relative;
        width: 100%;
        top: 0
    }

    [dir=ltr] .advanceDropDown {
        padding: 1.375rem 1.375rem 1.375rem 1.375rem
    }

    [dir=rtl] .advanceDropDown {
        padding: 1.375rem 1.375rem 1.375rem 1.375rem
    }

    .advanceDropDown .dropHead span {
        font-size: 1.125rem
    }

    .cycleWrapper {
        flex-wrap: wrap
    }

    [dir=ltr] .cycleWrapper {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .cycleWrapper {
        padding: 0rem 0rem 0rem 0rem
    }

    .cycleCol {
        width: 100%;
        height: auto;
        position: relative;
        background-size: initial
    }

    [dir=ltr] .cycleCol {
        margin: 0rem 0rem 1rem 0rem
    }

    [dir=rtl] .cycleCol {
        margin: 0rem 0rem 1rem 0rem
    }

    .cycleCol .advanceDropDown {
        top: 0
    }

    .cycleCol:first-child, .cycleCol:last-child {
        width: 100%
    }

    [dir=ltr] .cycleCol:first-child, [dir=ltr] .cycleCol:last-child {
        margin: 0rem 0rem 1rem 0rem
    }

    [dir=rtl] .cycleCol:first-child, [dir=rtl] .cycleCol:last-child {
        margin: 0rem 0rem 1rem 0rem
    }

    .cycleCol:first-child .advanceDropDown, .cycleCol:last-child .advanceDropDown {
        top: 0
    }

    [dir=ltr] .ecoTabsWrap {
        padding: 2rem 1rem 2rem 1rem
    }

    [dir=rtl] .ecoTabsWrap {
        padding: 2rem 1rem 2rem 1rem
    }

    [dir=ltr] .ecoTabsWrap .tab-content {
        padding: 2rem 0rem 2rem 0rem
    }

    [dir=rtl] .ecoTabsWrap .tab-content {
        padding: 2rem 0rem 2rem 0rem
    }

    .economyTabs .nav-item .nav-link {
        font-size: 1.125rem
    }

    [dir=ltr] .economyTabs .nav-item .nav-link {
        padding: 0rem .625rem 1rem .625rem
    }

    [dir=rtl] .economyTabs .nav-item .nav-link {
        padding: 0rem .625rem 1rem .625rem
    }

    [dir=ltr] .ecoContentWrap {
        padding: 2rem 1rem 2rem 1rem
    }

    [dir=rtl] .ecoContentWrap {
        padding: 2rem 1rem 2rem 1rem
    }

    [dir=ltr] .graphManage {
        padding: 1.875rem 1rem 1.875rem 1rem
    }

    [dir=rtl] .graphManage {
        padding: 1.875rem 1rem 1.875rem 1rem
    }

    .steadytabs .steady-item .steady-link {
        font-size: 1rem
    }

    [dir=ltr] .parallexListSec.bgGrey .exploreWrapper {
        padding: 3.75rem 0rem 3.75rem 0rem
    }

    [dir=rtl] .parallexListSec.bgGrey .exploreWrapper {
        padding: 3.75rem 0rem 3.75rem 0rem
    }

    .parallexListSec.medium .exploreWrapper .exploreCol .imgWrap {
        width: 100%;
        height: auto
    }

    .value-section.bgGrey .exploreWrapper .exploreCol .imgWrap {
        width: 100%;
        height: auto
    }

    .exploreWrapper {
        flex-direction: column-reverse
    }

        .exploreWrapper .txtInfo {
            width: 100%
        }

    [dir=ltr] .exploreWrapper .txtInfo {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .exploreWrapper .txtInfo {
        margin: 0rem 0rem 1.875rem 0rem
    }

    .exploreWrapper .txtInfo ul {
        list-style-position: outside
    }

    [dir=ltr] .exploreWrapper .txtInfo ul {
        padding: 0rem 0rem 0rem 1.375rem
    }

    [dir=rtl] .exploreWrapper .txtInfo ul {
        padding: 0rem 1.375rem 0rem 0rem
    }

    .exploreWrapper .txtInfo ul li {
        font-size: 1.375rem
    }

    .exploreWrapper.justifyImgRight {
        flex-direction: column-reverse
    }

    [dir=rtl] .exploreWrapper.justifyImgRight {
        flex-direction: column-reverse
    }

    [dir=ltr] .exploreWrapper.justifyImgRight .txtInfo {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .exploreWrapper.justifyImgRight .txtInfo {
        margin: 0rem 0rem 1.875rem 0rem
    }

    .exploreWrapper.justifyImgLeft {
        flex-direction: column-reverse
    }

    [dir=rtl] .exploreWrapper.justifyImgLeft {
        flex-direction: column-reverse
    }

    [dir=ltr] .exploreWrapper.justifyImgLeft .txtInfo {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .exploreWrapper.justifyImgLeft .txtInfo {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=ltr] .exploreWrapper.justifyImgLeft .txtInfo {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .exploreWrapper.justifyImgLeft .txtInfo {
        padding: 0rem 0rem 0rem 0rem
    }

    .exploreWrapper .exploreCol {
        width: 100%
    }

        .exploreWrapper .exploreCol > .imgWrap {
            width: 100%;
            height: 20rem
        }

    .innerSection .exploreWrapper {
        flex-direction: column
    }
}

.MediumCard {
    border-bottom: 1px solid var(--bs-grey-600)
}

[dir=ltr] .MediumCard {
    padding: 4.375rem 0rem 4.375rem 0rem
}

[dir=rtl] .MediumCard {
    padding: 4.375rem 0rem 4.375rem 0rem
}

[dir=ltr] .MediumCard:first-child {
    padding: 0rem 0rem 4.375rem 0rem
}

[dir=rtl] .MediumCard:first-child {
    padding: 0rem 0rem 4.375rem 0rem
}

.MediumCard .genBody {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start
}

    .MediumCard .genBody .imgBox {
        width: 18.0625rem;
        height: 11rem;
        border: 1px solid var(--bs-grey-700);
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -o-border-radius: 20px;
        -ms-border-radius: 20px;
        border-radius: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden
    }

.MediumCard .txtContent {
    max-width: 70%
}

[dir=ltr] .MediumCard .txtBox {
    padding: 0rem 18.4375rem 0rem 0rem
}

[dir=rtl] .MediumCard .txtBox {
    padding: 0rem 0rem 0rem 18.4375rem
}

[dir=ltr] .MediumCard .txtBox .h4, [dir=ltr] .MediumCard .txtBox h4 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .MediumCard .txtBox .h4, [dir=rtl] .MediumCard .txtBox h4 {
    margin: 0rem 0rem 0rem 0rem
}

@media (min-width:992px) and (max-width:1199.98px) {
    [dir=ltr] .MediumCard .genBody .txtBox {
        padding: 0rem .9375rem 0rem 0rem
    }

    [dir=rtl] .MediumCard .genBody .txtBox {
        padding: 0rem 0rem 0rem .9375rem
    }

    [dir=ltr] .MediumCard .genBody .txtBox .h4, [dir=ltr] .MediumCard .genBody .txtBox h4 {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .MediumCard .genBody .txtBox .h4, [dir=rtl] .MediumCard .genBody .txtBox h4 {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .MediumCard .genBody .imgBox {
        padding: 1rem 1rem 1rem 1rem
    }

    [dir=rtl] .MediumCard .genBody .imgBox {
        padding: 1rem 1rem 1rem 1rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    [dir=ltr] .MediumCard .genBody .txtBox {
        padding: 0rem 2.1875rem 0rem 0rem
    }

    [dir=rtl] .MediumCard .genBody .txtBox {
        padding: 0rem 0rem 0rem 2.1875rem
    }

    [dir=ltr] .MediumCard .genBody .txtBox .h4, [dir=ltr] .MediumCard .genBody .txtBox h4 {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .MediumCard .genBody .txtBox .h4, [dir=rtl] .MediumCard .genBody .txtBox h4 {
        margin: 0rem 0rem 0rem 0rem
    }

    .MediumCard .genBody .imgBox {
        width: 21.875rem
    }

    [dir=ltr] .MediumCard .genBody .imgBox {
        padding: .625rem .625rem .625rem .625rem
    }

    [dir=rtl] .MediumCard .genBody .imgBox {
        padding: .625rem .625rem .625rem .625rem
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    .MediumCard .genBody {
        flex-wrap: wrap
    }

        .MediumCard .genBody .imgWrap {
            width: 100%
        }

    [dir=ltr] .MediumCard .genBody .imgWrap {
        text-align: left
    }

    [dir=rtl] .MediumCard .genBody .imgWrap {
        text-align: right
    }

    .MediumCard .genBody .imgBox {
        width: 100%;
        height: 15.625rem
    }

    [dir=ltr] .MediumCard .genBody .txtBox {
        padding: 0rem .9375rem 0rem 0rem
    }

    [dir=rtl] .MediumCard .genBody .txtBox {
        padding: 0rem 0rem 0rem .9375rem
    }

    [dir=ltr] .MediumCard .genBody .txtBox {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .MediumCard .genBody .txtBox {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=ltr] .MediumCard .genBody .txtBox .h4, [dir=ltr] .MediumCard .genBody .txtBox h4 {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .MediumCard .genBody .txtBox .h4, [dir=rtl] .MediumCard .genBody .txtBox h4 {
        margin: 0rem 0rem 0rem 0rem
    }

    .MediumCard .txtContent {
        max-width: 100%
    }
}

.historyTimeline {
    position: relative
}

[dir=ltr] .historyTimeline {
    padding: 10rem 0rem 5rem 0rem
}

[dir=rtl] .historyTimeline {
    padding: 10rem 0rem 5rem 0rem
}

.timelineNavBar {
    position: relative
}

[dir=ltr] .timelineNavBar {
    margin: 0rem 0rem 13.125rem 0rem
}

[dir=rtl] .timelineNavBar {
    margin: 0rem 0rem 13.125rem 0rem
}

.timelineNavBar .timeLineSticky {
    width: 66.25rem;
    border-bottom: 1px solid var(--bs-grey-600);
    background: #fff;
    z-index: 99;
    background: radial-gradient(107.32% 141.42% at 0 0,rgba(255,255,255,.44) 0,rgba(255,255,255,.72) 100%);
    backdrop-filter: blur(21px)
}

[dir=ltr] .timelineNavBar .timeLineSticky {
    padding: 1.375rem 0rem 1.375rem 0rem
}

[dir=rtl] .timelineNavBar .timeLineSticky {
    padding: 1.375rem 0rem 1.375rem 0rem
}

.timelineNavBar .yearListSlider {
    position: relative
}

[dir=ltr] .timelineNavBar .yearListSlider {
    padding: 2rem 0rem 0rem 0rem
}

[dir=rtl] .timelineNavBar .yearListSlider {
    padding: 2rem 0rem 0rem 0rem
}

.timelineNavBar .yearListSlider .swiper-wrapper {
    list-style: none
}

[dir=ltr] .timelineNavBar .yearListSlider .swiper-wrapper {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .timelineNavBar .yearListSlider .swiper-wrapper {
    padding: 0rem 0rem 0rem 0rem
}

.timelineNavBar .yearListSlider .swiper-wrapper li {
    text-align: center
}

    .timelineNavBar .yearListSlider .swiper-wrapper li a {
        text-decoration: none;
        display: inline-block;
        position: relative;
        color: var(--bs-grey-800);
        font-size: 1rem;
        font-weight: 400
    }

[dir=ltr] .timelineNavBar .yearListSlider .swiper-wrapper li a {
    padding: .625rem 4.625rem 0rem 4.625rem
}

[dir=rtl] .timelineNavBar .yearListSlider .swiper-wrapper li a {
    padding: .625rem 4.625rem 0rem 4.625rem
}

[dir=ltr] .timelineNavBar .yearListSlider .swiper-wrapper li a {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .timelineNavBar .yearListSlider .swiper-wrapper li a {
    margin: 0rem 0rem 0rem 0rem
}

.timelineNavBar .yearListSlider .swiper-wrapper li a:before {
    content: '';
    position: absolute;
    top: -5px;
    width: 10px;
    min-width: 10px;
    height: 10px;
    background: var(--bs-grey-700);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    z-index: 2
}

[dir=ltr] .timelineNavBar .yearListSlider .swiper-wrapper li a:before {
    right: 0
}

[dir=rtl] .timelineNavBar .yearListSlider .swiper-wrapper li a:before {
    left: 0
}

[dir=ltr] .timelineNavBar .yearListSlider .swiper-wrapper li a:before {
    left: 0
}

[dir=rtl] .timelineNavBar .yearListSlider .swiper-wrapper li a:before {
    right: 0
}

[dir=ltr] .timelineNavBar .yearListSlider .swiper-wrapper li a:before {
    margin: auto auto auto auto
}

[dir=rtl] .timelineNavBar .yearListSlider .swiper-wrapper li a:before {
    margin: auto auto auto auto
}

.timelineNavBar .yearListSlider .swiper-wrapper li a:after {
    content: '';
    position: absolute;
    top: -8px;
    width: 16px;
    min-width: 16px;
    height: 16px;
    border: 1px solid #fff;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

[dir=ltr] .timelineNavBar .yearListSlider .swiper-wrapper li a:after {
    right: 0
}

[dir=rtl] .timelineNavBar .yearListSlider .swiper-wrapper li a:after {
    left: 0
}

[dir=ltr] .timelineNavBar .yearListSlider .swiper-wrapper li a:after {
    left: 0
}

[dir=rtl] .timelineNavBar .yearListSlider .swiper-wrapper li a:after {
    right: 0
}

[dir=ltr] .timelineNavBar .yearListSlider .swiper-wrapper li a:after {
    margin: auto auto auto auto
}

[dir=rtl] .timelineNavBar .yearListSlider .swiper-wrapper li a:after {
    margin: auto auto auto auto
}

.timelineNavBar .yearListSlider .swiper-wrapper li a.active {
    color: var(--bs-green-900);
    font-size: 1.125rem;
    font-weight: 600
}

    .timelineNavBar .yearListSlider .swiper-wrapper li a.active:before {
        background: var(--bs-green-900)
    }

    .timelineNavBar .yearListSlider .swiper-wrapper li a.active:after {
        opacity: 1;
        border: 1px solid var(--bs-green-900)
    }

[dir=ltr] .timelineNavBar .yearListSlider .swiper-wrapper li:first-child a {
    padding: .625rem 4.625rem 0rem 4rem
}

[dir=rtl] .timelineNavBar .yearListSlider .swiper-wrapper li:first-child a {
    padding: .625rem 4rem 0rem 4.625rem
}

[dir=ltr] .timelineNavBar .yearListSlider .swiper-wrapper li:last-child a {
    padding: .625rem 4rem 0rem 4.625rem
}

[dir=rtl] .timelineNavBar .yearListSlider .swiper-wrapper li:last-child a {
    padding: .625rem 4.625rem 0rem 4rem
}

.arrowWrap {
    position: absolute;
    top: 1.9375rem;
    width: 100%;
    height: 1.5625rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .arrowWrap:before {
        content: '';
        position: absolute;
        top: 0;
        width: 100%;
        height: 1px;
        background: var(--bs-grey-700)
    }

[dir=ltr] .arrowWrap:before {
    left: 0
}

[dir=rtl] .arrowWrap:before {
    right: 0
}

.historyArrow {
    position: relative !important;
    top: 0;
    width: 2.5rem;
    min-width: 2.5rem;
    height: 2.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid var(--bs-grey-700);
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    opacity: 1 !important;
    z-index: 12 !important
}

    .historyArrow i {
        color: var(--bs-grey-700)
    }

[dir=ltr] .historyArrow.rightArrow {
    right: 0
}

[dir=rtl] .historyArrow.rightArrow {
    left: 0
}

[dir=ltr] .historyArrow.rightArrow {
    left: auto
}

[dir=rtl] .historyArrow.rightArrow {
    right: auto
}

[dir=ltr] .historyArrow.leftArrow {
    left: 0
}

[dir=rtl] .historyArrow.leftArrow {
    right: 0
}

[dir=ltr] .historyArrow.leftArrow {
    right: auto
}

[dir=rtl] .historyArrow.leftArrow {
    left: auto
}

.yearinfo {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    position: relative
}

.verticalFlex {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 48%
}

    .verticalFlex:last-child {
        width: 40%
    }

[dir=ltr] .verticalFlex:last-child {
    padding: 0rem 0rem 0rem 2.75rem
}

[dir=rtl] .verticalFlex:last-child {
    padding: 0rem 2.75rem 0rem 0rem
}

.verticalFlex:last-child .growthSemiCard, .verticalFlex:last-child .simpleCard {
    min-width: 23.4375rem
}

[dir=ltr] .verticalFlex .economyRegularCard {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .verticalFlex .economyRegularCard {
    margin: 0rem 0rem 0rem 0rem
}

.patternLine-b {
    width: 100%;
    position: relative
}

[dir=ltr] .patternLine-b {
    left: 20%
}

[dir=rtl] .patternLine-b {
    right: 20%
}

.patternLine-b .lineLeft {
    position: relative;
    display: block;
    width: 60%;
    height: 10.6875rem
}

    .patternLine-b .lineLeft:before {
        content: '';
        position: absolute;
        top: 0;
        height: 100%;
        width: 1px;
        background-image: linear-gradient(to bottom,var(--bs-green-900) 35%,rgba(255,255,255,0) 0);
        background-position: left;
        background-size: .125rem .8125rem;
        background-repeat: repeat-y
    }

[dir=ltr] .patternLine-b .lineLeft:before {
    left: 0
}

[dir=rtl] .patternLine-b .lineLeft:before {
    right: 0
}

.patternLine-b .lineLeft:after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 100%;
    background-image: linear-gradient(to right,var(--bs-green-900) 33%,rgba(255,255,255,0) 0);
    background-position: bottom;
    background-size: .875rem .625rem;
    background-repeat: repeat-x
}

[dir=ltr] .patternLine-b .lineLeft:after {
    left: 0
}

[dir=rtl] .patternLine-b .lineLeft:after {
    right: 0
}

.patternLine-b .lineRight {
    display: block;
    width: 40%;
    height: 10.625rem;
    position: relative
}

[dir=ltr] .patternLine-b .lineRight {
    margin: 0rem 0rem 0rem auto
}

[dir=rtl] .patternLine-b .lineRight {
    margin: 0rem auto 0rem 0rem
}

.patternLine-b .lineRight:before {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 1px;
    background-image: linear-gradient(to bottom,var(--bs-green-900) 35%,rgba(255,255,255,0) 0);
    background-position: left;
    background-size: .125rem .8125rem;
    background-repeat: repeat-y
}

[dir=ltr] .patternLine-b .lineRight:before {
    left: 0
}

[dir=rtl] .patternLine-b .lineRight:before {
    right: 0
}

.patternLine-b .lineRight .circleDot {
    bottom: -1rem
}

.patternLine-b .circleDot {
    position: absolute;
    display: block;
    width: 16px;
    min-width: 16px;
    height: 16px
}

[dir=ltr] .patternLine-b .circleDot {
    left: -5px
}

[dir=rtl] .patternLine-b .circleDot {
    right: -5px
}

.patternLine-b .circleDot:before {
    content: '';
    position: absolute;
    top: -8px;
    width: 16px;
    min-width: 16px;
    height: 16px;
    background: #fff;
    z-index: 9;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

[dir=ltr] .patternLine-b .circleDot:before {
    left: -3px
}

[dir=rtl] .patternLine-b .circleDot:before {
    right: -3px
}

.patternLine-b .circleDot:after {
    content: '';
    position: absolute;
    top: -5px;
    width: 10px;
    min-width: 10px;
    height: 10px;
    background: var(--bs-green-900);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    z-index: 9
}

[dir=ltr] .patternLine-b .circleDot:after {
    left: 0
}

[dir=rtl] .patternLine-b .circleDot:after {
    right: 0
}

[dir=ltr] .yearWrapper:first-child .yearinfo {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .yearWrapper:first-child .yearinfo {
    padding: 0rem 0rem 0rem 0rem
}

.yearWrapper:last-child .patternLine-b {
    display: none
}

.yearWrapper:nth-child(even) .yearinfo {
    flex-direction: row-reverse
}

[dir=ltr] .yearWrapper:nth-child(even) .verticalFlex:last-child {
    padding: 0rem 2.75rem 0rem 0rem
}

[dir=rtl] .yearWrapper:nth-child(even) .verticalFlex:last-child {
    padding: 0rem 0rem 0rem 2.75rem
}

.yearWrapper:nth-child(even) .patternLine-b {
    width: 100%;
    position: relative
}

[dir=ltr] .yearWrapper:nth-child(even) .patternLine-b {
    left: auto
}

[dir=rtl] .yearWrapper:nth-child(even) .patternLine-b {
    right: auto
}

[dir=ltr] .yearWrapper:nth-child(even) .patternLine-b {
    right: 20%
}

[dir=rtl] .yearWrapper:nth-child(even) .patternLine-b {
    left: 20%
}

.yearWrapper:nth-child(even) .patternLine-b .lineLeft {
    position: relative;
    display: block;
    width: 60%;
    height: 10.6875rem
}

[dir=ltr] .yearWrapper:nth-child(even) .patternLine-b .lineLeft {
    margin: 0rem 0rem 0rem auto
}

[dir=rtl] .yearWrapper:nth-child(even) .patternLine-b .lineLeft {
    margin: 0rem auto 0rem 0rem
}

.yearWrapper:nth-child(even) .patternLine-b .lineLeft:before {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 1px;
    background-image: linear-gradient(to bottom,var(--bs-green-900) 35%,rgba(255,255,255,0) 0);
    background-position: left;
    background-size: .125rem .8125rem;
    background-repeat: repeat-y
}

[dir=ltr] .yearWrapper:nth-child(even) .patternLine-b .lineLeft:before {
    left: auto
}

[dir=rtl] .yearWrapper:nth-child(even) .patternLine-b .lineLeft:before {
    right: auto
}

[dir=ltr] .yearWrapper:nth-child(even) .patternLine-b .lineLeft:before {
    right: 0
}

[dir=rtl] .yearWrapper:nth-child(even) .patternLine-b .lineLeft:before {
    left: 0
}

.yearWrapper:nth-child(even) .patternLine-b .lineLeft:after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 100%;
    background-image: linear-gradient(to right,var(--bs-green-900) 33%,rgba(255,255,255,0) 0);
    background-position: bottom;
    background-size: .875rem .625rem;
    background-repeat: repeat-x
}

[dir=ltr] .yearWrapper:nth-child(even) .patternLine-b .lineLeft:after {
    left: auto
}

[dir=rtl] .yearWrapper:nth-child(even) .patternLine-b .lineLeft:after {
    right: auto
}

[dir=ltr] .yearWrapper:nth-child(even) .patternLine-b .lineLeft:after {
    right: 0
}

[dir=rtl] .yearWrapper:nth-child(even) .patternLine-b .lineLeft:after {
    left: 0
}

.yearWrapper:nth-child(even) .patternLine-b .lineRight {
    display: block;
    width: 40%;
    position: relative;
    height: 10.625rem
}

[dir=ltr] .yearWrapper:nth-child(even) .patternLine-b .lineRight {
    margin: 0rem auto 0rem 0rem
}

[dir=rtl] .yearWrapper:nth-child(even) .patternLine-b .lineRight {
    margin: 0rem 0rem 0rem auto
}

.yearWrapper:nth-child(even) .patternLine-b .lineRight:before {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 1px;
    background-image: linear-gradient(to bottom,var(--bs-green-900) 35%,rgba(255,255,255,0) 0);
    background-position: left;
    background-size: .125rem .8125rem;
    background-repeat: repeat-y
}

[dir=ltr] .yearWrapper:nth-child(even) .patternLine-b .lineRight:before {
    left: auto
}

[dir=rtl] .yearWrapper:nth-child(even) .patternLine-b .lineRight:before {
    right: auto
}

[dir=ltr] .yearWrapper:nth-child(even) .patternLine-b .lineRight:before {
    right: 0
}

[dir=rtl] .yearWrapper:nth-child(even) .patternLine-b .lineRight:before {
    left: 0
}

.yearWrapper:nth-child(even) .patternLine-b .circleDot {
    position: absolute;
    display: block;
    width: 16px;
    min-width: 16px;
    height: 16px
}

[dir=ltr] .yearWrapper:nth-child(even) .patternLine-b .circleDot {
    left: auto
}

[dir=rtl] .yearWrapper:nth-child(even) .patternLine-b .circleDot {
    right: auto
}

[dir=ltr] .yearWrapper:nth-child(even) .patternLine-b .circleDot {
    right: -5px
}

[dir=rtl] .yearWrapper:nth-child(even) .patternLine-b .circleDot {
    left: -5px
}

.yearWrapper:nth-child(even) .patternLine-b .circleDot:before {
    content: '';
    position: absolute;
    top: -8px;
    width: 16px;
    min-width: 16px;
    height: 16px;
    background: #fff;
    z-index: 9;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

[dir=ltr] .yearWrapper:nth-child(even) .patternLine-b .circleDot:before {
    left: auto
}

[dir=rtl] .yearWrapper:nth-child(even) .patternLine-b .circleDot:before {
    right: auto
}

[dir=ltr] .yearWrapper:nth-child(even) .patternLine-b .circleDot:before {
    right: -3px
}

[dir=rtl] .yearWrapper:nth-child(even) .patternLine-b .circleDot:before {
    left: -3px
}

.yearWrapper:nth-child(even) .patternLine-b .circleDot:after {
    content: '';
    position: absolute;
    top: -5px;
    width: 10px;
    min-width: 10px;
    height: 10px;
    background: var(--bs-green-900);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    z-index: 9
}

[dir=ltr] .yearWrapper:nth-child(even) .patternLine-b .circleDot:after {
    left: auto
}

[dir=rtl] .yearWrapper:nth-child(even) .patternLine-b .circleDot:after {
    right: auto
}

[dir=ltr] .yearWrapper:nth-child(even) .patternLine-b .circleDot:after {
    right: 0
}

[dir=rtl] .yearWrapper:nth-child(even) .patternLine-b .circleDot:after {
    left: 0
}

@media (min-width:1281px) and (max-width:1399.98px) {
    .historyArrow {
        top: 2px
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    [dir=ltr] .timelineNavBar {
        margin: 2rem 0rem 8.25rem 0rem
    }

    [dir=rtl] .timelineNavBar {
        margin: 2rem 0rem 8.25rem 0rem
    }

    .timelineNavBar .timeLineSticky {
        width: 100%
    }

        .timelineNavBar .timeLineSticky.w-60 {
            width: 66.66667%
        }

    [dir=ltr] .timelineNavBar .timeLineSticky.w-60 {
        right: 0
    }

    [dir=rtl] .timelineNavBar .timeLineSticky.w-60 {
        left: 0
    }

    [dir=ltr] .yearWrapper:nth-child(even) .verticalFlex:last-child {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .yearWrapper:nth-child(even) .verticalFlex:last-child {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .yearWrapper:nth-child(even) .verticalFlex:last-child {
        margin: 2rem 0rem 0rem 0rem
    }

    [dir=rtl] .yearWrapper:nth-child(even) .verticalFlex:last-child {
        margin: 2rem 0rem 0rem 0rem
    }

    .yearWrapper:nth-child(even) .patternLine-b .lineLeft, .yearWrapper:nth-child(even) .patternLine-b .lineRight {
        height: 7.5rem
    }

    .verticalFlex {
        width: 100%;
        flex-direction: column
    }

        .verticalFlex:last-child {
            width: 100%
        }

    [dir=ltr] .verticalFlex:last-child {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .verticalFlex:last-child {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .verticalFlex:last-child {
        margin: 2rem 0rem 0rem 0rem
    }

    [dir=rtl] .verticalFlex:last-child {
        margin: 2rem 0rem 0rem 0rem
    }

    .verticalFlex:last-child .growthSemiCard, .verticalFlex:last-child .simpleCard {
        min-width: 100%
    }

    [dir=ltr] .verticalFlex .simpleCard {
        margin: 2rem 0rem 0rem 0rem
    }

    [dir=rtl] .verticalFlex .simpleCard {
        margin: 2rem 0rem 0rem 0rem
    }

    .patternLine-b {
        width: 80%
    }

        .patternLine-b .lineLeft, .patternLine-b .lineRight {
            height: 7.5rem
        }
}

@media (min-width:768px) and (max-width:991.98px) {
    [dir=ltr] .timelineNavBar {
        margin: 2rem 0rem 7.5rem 0rem
    }

    [dir=rtl] .timelineNavBar {
        margin: 2rem 0rem 7.5rem 0rem
    }

    .timelineNavBar .timeLineSticky {
        width: 100%
    }

        .timelineNavBar .timeLineSticky.w-60 {
            width: 66.66667%
        }

    [dir=ltr] .timelineNavBar .timeLineSticky.w-60 {
        right: 0
    }

    [dir=rtl] .timelineNavBar .timeLineSticky.w-60 {
        left: 0
    }

    [dir=ltr] .yearWrapper:nth-child(even) .verticalFlex:last-child {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .yearWrapper:nth-child(even) .verticalFlex:last-child {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .yearWrapper:nth-child(even) .verticalFlex:last-child {
        margin: 2rem 0rem 0rem 0rem
    }

    [dir=rtl] .yearWrapper:nth-child(even) .verticalFlex:last-child {
        margin: 2rem 0rem 0rem 0rem
    }

    .yearWrapper:nth-child(even) .patternLine-b .lineLeft, .yearWrapper:nth-child(even) .patternLine-b .lineRight {
        height: 7.5rem
    }

    .verticalFlex {
        width: 100%;
        flex-direction: column
    }

        .verticalFlex:last-child {
            width: 100%
        }

    [dir=ltr] .verticalFlex:last-child {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .verticalFlex:last-child {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .verticalFlex:last-child {
        margin: 2rem 0rem 0rem 0rem
    }

    [dir=rtl] .verticalFlex:last-child {
        margin: 2rem 0rem 0rem 0rem
    }

    .verticalFlex:last-child .growthSemiCard, .verticalFlex:last-child .simpleCard {
        min-width: 100%
    }

    [dir=ltr] .verticalFlex .simpleCard {
        margin: 2rem 0rem 0rem 0rem
    }

    [dir=rtl] .verticalFlex .simpleCard {
        margin: 2rem 0rem 0rem 0rem
    }

    .patternLine-b {
        width: 80%
    }

        .patternLine-b .lineLeft, .patternLine-b .lineRight {
            height: 7.5rem
        }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .historyTimeline {
        padding: 5.625rem 0rem 5.625rem 0rem
    }

    [dir=rtl] .historyTimeline {
        padding: 5.625rem 0rem 5.625rem 0rem
    }

    [dir=ltr] .timelineNavBar {
        margin: 2rem 0rem 5rem 0rem
    }

    [dir=rtl] .timelineNavBar {
        margin: 2rem 0rem 5rem 0rem
    }

    .timelineNavBar .timeLineSticky {
        width: 100%
    }

    [dir=ltr] .timelineNavBar .timeLineSticky {
        left: 0
    }

    [dir=rtl] .timelineNavBar .timeLineSticky {
        right: 0
    }

    [dir=ltr] .timelineNavBar .timeLineSticky {
        padding: 0rem 1rem 1.375rem 1rem
    }

    [dir=rtl] .timelineNavBar .timeLineSticky {
        padding: 0rem 1rem 1.375rem 1rem
    }

    [dir=ltr] .yearWrapper:nth-child(even) .verticalFlex:last-child {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .yearWrapper:nth-child(even) .verticalFlex:last-child {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .yearWrapper:nth-child(even) .verticalFlex:last-child {
        margin: 2rem 0rem 0rem 0rem
    }

    [dir=rtl] .yearWrapper:nth-child(even) .verticalFlex:last-child {
        margin: 2rem 0rem 0rem 0rem
    }

    .yearWrapper:nth-child(even) .patternLine-b .lineLeft, .yearWrapper:nth-child(even) .patternLine-b .lineRight {
        height: 7.5rem
    }

    .verticalFlex {
        width: 100%;
        flex-direction: column
    }

        .verticalFlex:last-child {
            width: 100%
        }

    [dir=ltr] .verticalFlex:last-child {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .verticalFlex:last-child {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .verticalFlex:last-child {
        margin: 2rem 0rem 0rem 0rem
    }

    [dir=rtl] .verticalFlex:last-child {
        margin: 2rem 0rem 0rem 0rem
    }

    .verticalFlex:last-child .growthSemiCard, .verticalFlex:last-child .simpleCard {
        min-width: 100%
    }

    [dir=ltr] .verticalFlex .simpleCard {
        margin: 2rem 0rem 0rem 0rem
    }

    [dir=rtl] .verticalFlex .simpleCard {
        margin: 2rem 0rem 0rem 0rem
    }

    .patternLine-b .lineLeft, .patternLine-b .lineRight {
        height: 7.5rem
    }
}

.cookies-policy {
    position: fixed;
    width: 100%;
    bottom: 0;
    padding: 0;
    z-index: 999;
    height: 100%;
    display: flex;
    align-items: flex-end
}

[dir=ltr] .cookies-policy {
    left: 0
}

[dir=rtl] .cookies-policy {
    right: 0
}

.back-overly {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3)
}

[dir=ltr] .back-overly {
    left: 0
}

[dir=rtl] .back-overly {
    right: 0
}

.cookiesWrapper {
    background: var(--bs-white);
    border-radius: 20px 20px 0 0;
    overflow: hidden;
    position: relative;
    z-index: 2;
    width: 100%;
    display: none
}

.cookie-body {
    padding: 2.1875rem 0rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

    .cookie-body .h4, .cookie-body h4 {
        width: 100%
    }

[dir=ltr] .cookie-body p {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .cookie-body p {
    margin: 0rem 0rem 0rem 0rem
}

.cookie-body p a {
    font-size: 1.25rem;
    color: var(--bs-green-900);
    text-decoration: none
}

    .cookie-body p a span {
        display: inline;
        padding-bottom: 0;
        transition: all .5s linear;
        background: linear-gradient(to bottom,var(--bs-green-900) 0,var(--bs-green-900) 98%);
        background-size: 0 1px;
        background-repeat: no-repeat;
        background-position: left 100%
    }

[dir=rtl] .cookie-body p a span {
    background-position: right 100%
}

@media (min-width:1200px) {
    .cookie-body p a:hover span {
        background-size: 100% 1px
    }
}

.cookie-content {
    width: 65%
}

.cookie-button {
    width: 35%;
    display: flex;
    justify-content: flex-end
}

[dir=ltr] .cookie-button .btn {
    margin: 0rem .625rem 0rem .625rem
}

[dir=rtl] .cookie-button .btn {
    margin: 0rem .625rem 0rem .625rem
}

@media (min-width:992px) and (max-width:1199.98px) {
    .cookie-content {
        width: 50%
    }

    .cookie-button {
        width: 50%
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .cookie-body {
        flex-direction: column
    }

    .cookie-content {
        width: 100%
    }

    [dir=ltr] .cookie-content {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .cookie-content {
        margin: 0rem 0rem 1.875rem 0rem
    }

    .cookie-button {
        width: 100%;
        justify-content: flex-start
    }

    [dir=ltr] .cookie-button .btn {
        margin: 0rem 1.25rem 0rem 0rem
    }

    [dir=rtl] .cookie-button .btn {
        margin: 0rem 0rem 0rem 1.25rem
    }
}

@media (max-width:575.98px) {
    .cookie-body {
        flex-direction: column
    }

    .cookie-content {
        width: 100%
    }

    [dir=ltr] .cookie-content {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .cookie-content {
        margin: 0rem 0rem 1.875rem 0rem
    }

    .cookie-button {
        width: 100%
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    .cookie-body {
        flex-direction: column
    }

    .cookie-content {
        width: 100%
    }

    [dir=ltr] .cookie-content {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .cookie-content {
        margin: 0rem 0rem 1.875rem 0rem
    }

    .cookie-button {
        width: 100%;
        flex-direction: column
    }

    [dir=ltr] .cookie-button .btn {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=rtl] .cookie-button .btn {
        margin: 0rem 0rem 1.25rem 0rem
    }

    [dir=ltr] .cookie-button .btn:last-child {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .cookie-button .btn:last-child {
        margin: 0rem 0rem 0rem 0rem
    }
}

.lifeAtDed {
    position: relative;
    background: var(--bs-white)
}

[dir=ltr] .lifeAtDed {
    padding: 0rem 0rem 9.375rem 0rem
}

[dir=rtl] .lifeAtDed {
    padding: 0rem 0rem 9.375rem 0rem
}

.lifeAtDed .imgBox {
    width: 100%;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    overflow: hidden;
    height: 25.75rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #000
}

[dir=ltr] .lifeAtDed .importantAccordion .accordion-button {
    padding: 2rem 4.25rem 2rem 0rem
}

[dir=rtl] .lifeAtDed .importantAccordion .accordion-button {
    padding: 2rem 0rem 2rem 4.25rem
}

.lifeAtDed .importantAccordion .accordion-button span {
    font-size: 1.875rem
}

[dir=ltr] .lifeAtDed .importantAccordion .accordion-body {
    padding: 0rem 0rem 1.875rem 0rem
}

[dir=rtl] .lifeAtDed .importantAccordion .accordion-body {
    padding: 0rem 0rem 1.875rem 0rem
}

.lifeAtDed .importantAccordion .accordion-body .h6, .lifeAtDed .importantAccordion .accordion-body h6 {
    font-weight: 400
}

[dir=ltr] .lifeAtDed .topicSection .h2, [dir=ltr] .lifeAtDed .topicSection h2 {
    margin: 0rem 0rem 4.6875rem 0rem
}

[dir=rtl] .lifeAtDed .topicSection .h2, [dir=rtl] .lifeAtDed .topicSection h2 {
    margin: 0rem 0rem 4.6875rem 0rem
}

.navigatorSec {
    position: relative
}

.genStickyNavigator {
    background: #000;
    position: fixed;
    bottom: 0;
    z-index: 99;
    width: 100%
}

.navWrapper {
    display: flex;
    flex-wrap: wrap
}

[dir=ltr] .navWrapper {
    margin: 0rem -7.5rem 0rem -7.5rem
}

[dir=rtl] .navWrapper {
    margin: 0rem -7.5rem 0rem -7.5rem
}

.navWrapper .navCol {
    width: 50%;
    position: relative
}

[dir=ltr] .navWrapper .navCol {
    padding: 0rem 7.5rem 0rem 7.5rem
}

[dir=rtl] .navWrapper .navCol {
    padding: 0rem 7.5rem 0rem 7.5rem
}

.navWrapper .navCol:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 60%;
    background: #fff;
    opacity: .5;
    top: 0;
    bottom: 0
}

[dir=ltr] .navWrapper .navCol:before {
    right: 0
}

[dir=rtl] .navWrapper .navCol:before {
    left: 0
}

[dir=ltr] .navWrapper .navCol:before {
    margin: auto 0rem auto 0rem
}

[dir=rtl] .navWrapper .navCol:before {
    margin: auto 0rem auto 0rem
}

.navWrapper .navCol:last-child::before {
    display: none
}

.btnFlex {
    color: #fff;
    font-size: 1.5rem;
    text-decoration: none;
    display: flex;
    align-items: center;
    position: relative;
    height: 100%
}

[dir=ltr] .btnFlex {
    padding: 1.8125rem 0rem 1.75rem 0rem
}

[dir=rtl] .btnFlex {
    padding: 1.8125rem 0rem 1.75rem 0rem
}

.btnFlex .iconWrap {
    width: 2.5rem;
    height: 2rem;
    position: relative;
    top: -5px
}

[dir=ltr] .btnFlex .iconWrap {
    margin: 0rem 1.375rem 0rem 0rem
}

[dir=rtl] .btnFlex .iconWrap {
    margin: 0rem 0rem 0rem 1.375rem
}

.btnFlex .iconWrap img {
    width: 100%;
    height: 100%
}

.btnFlex span {
    font-size: inherit
}

.btnFlex i {
    font-size: inherit;
    position: absolute;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

[dir=ltr] .btnFlex i {
    right: 10px
}

[dir=rtl] .btnFlex i {
    left: 10px
}

.contactUsCareers {
    position: relative;
    background: var(--bs-white)
}

[dir=ltr] .contactUsCareers {
    padding: 9.375rem 0rem 9.375rem 0rem
}

[dir=rtl] .contactUsCareers {
    padding: 9.375rem 0rem 9.375rem 0rem
}

[dir=ltr] .contactUsCareers .topicSection .h2, [dir=ltr] .contactUsCareers .topicSection h2 {
    margin: 0rem 0rem 3.5rem 0rem
}

[dir=rtl] .contactUsCareers .topicSection .h2, [dir=rtl] .contactUsCareers .topicSection h2 {
    margin: 0rem 0rem 3.5rem 0rem
}

[dir=ltr] .contactUsCareers .topicSection .subHeading {
    margin: 0rem 0rem 3.5rem 0rem
}

[dir=rtl] .contactUsCareers .topicSection .subHeading {
    margin: 0rem 0rem 3.5rem 0rem
}

.linkedInBox {
    background: var(--bs-grey-500);
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px
}

[dir=ltr] .linkedInBox {
    padding: 5.5rem 2.5rem 2.5rem 2.5rem
}

[dir=rtl] .linkedInBox {
    padding: 5.5rem 2.5rem 2.5rem 2.5rem
}

[dir=ltr] .linkedInBox .h4, [dir=ltr] .linkedInBox h4 {
    margin: 0rem 0rem 10rem 0rem
}

[dir=rtl] .linkedInBox .h4, [dir=rtl] .linkedInBox h4 {
    margin: 0rem 0rem 10rem 0rem
}

.linkedInBox .logoBox {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0
}

    .linkedInBox .logoBox img {
        width: 12.875rem;
        height: 3.25rem
    }

.darkMode .linkedInBox {
    background: var(--bs-grey-900)
}

.applyForWrapper {
    position: relative;
    background: var(--bs-white)
}

[dir=ltr] .applyForWrapper {
    padding: 0rem 0rem 9.375rem 0rem
}

[dir=rtl] .applyForWrapper {
    padding: 0rem 0rem 9.375rem 0rem
}

.applyForWrapper.bgGrey {
    background: var(--bs-grey-500)
}

[dir=ltr] .applyForWrapper.bgGrey {
    padding: 9.375rem 0rem 9.375rem 0rem
}

[dir=rtl] .applyForWrapper.bgGrey {
    padding: 9.375rem 0rem 9.375rem 0rem
}

.applyContainer {
    display: flex;
    flex-wrap: wrap
}

[dir=ltr] .applyContainer {
    margin: 0rem -9.1875rem 0rem -9.1875rem
}

[dir=rtl] .applyContainer {
    margin: 0rem -9.1875rem 0rem -9.1875rem
}

.applyForBox {
    width: 50%;
    position: relative
}

[dir=ltr] .applyForBox {
    padding: 0rem 9.1875rem 0rem 9.1875rem
}

[dir=rtl] .applyForBox {
    padding: 0rem 9.1875rem 0rem 9.1875rem
}

.applyForBox .iconWrap {
    width: 4.625rem;
    height: 2.6875rem
}

[dir=ltr] .applyForBox .iconWrap {
    margin: 0rem 0rem 2.0625rem 0rem
}

[dir=rtl] .applyForBox .iconWrap {
    margin: 0rem 0rem 2.0625rem 0rem
}

.applyForBox:after {
    content: '';
    background: var(--bs-grey-800);
    opacity: .5;
    height: 41.1875rem;
    width: .0625rem;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

[dir=ltr] .applyForBox:after {
    right: 0
}

[dir=rtl] .applyForBox:after {
    left: 0
}

.applyForBox:last-child::after {
    display: none
}

[dir=ltr] .applyForBox .eventRegisterWrapper {
    padding: 2.5rem 6.5625rem 2.5rem 2.5rem
}

[dir=rtl] .applyForBox .eventRegisterWrapper {
    padding: 2.5rem 2.5rem 2.5rem 6.5625rem
}

[dir=ltr] .applyForBox .eventRegisterWrapper {
    margin: 0rem 0rem 2rem 0rem
}

[dir=rtl] .applyForBox .eventRegisterWrapper {
    margin: 0rem 0rem 2rem 0rem
}

.applyForBox .eventRegisterWrapper:after {
    display: none
}

[dir=ltr] .applyForBox .eventRegisterWrapper .h5, [dir=ltr] .applyForBox .eventRegisterWrapper .title5, [dir=ltr] .applyForBox .eventRegisterWrapper h5 {
    margin: 0rem 0rem .875rem 0rem
}

[dir=rtl] .applyForBox .eventRegisterWrapper .h5, [dir=rtl] .applyForBox .eventRegisterWrapper .title5, [dir=rtl] .applyForBox .eventRegisterWrapper h5 {
    margin: 0rem 0rem .875rem 0rem
}

.applyForBox .eventRegisterWrapper .topTxt {
    margin: 0
}

.darkMode .applyForWrapper.bgGrey {
    background: var(--bs-grey-900)
}

.darkMode .applyForBox .iconWrap svg path {
    fill: var(--bs-green-700)
}

.applyForJobList {
    padding: 0;
    display: block
}

[dir=ltr] .applyForJobList {
    margin: 0rem 0rem 3.75rem 0rem
}

[dir=rtl] .applyForJobList {
    margin: 0rem 0rem 3.75rem 0rem
}

.applyForJobList li {
    list-style: none;
    display: flex;
    align-items: center;
    position: relative
}

[dir=ltr] .applyForJobList li {
    margin: 0rem 0rem .9375rem 0rem
}

[dir=rtl] .applyForJobList li {
    margin: 0rem 0rem .9375rem 0rem
}

[dir=ltr] .applyForJobList li {
    padding: 0rem 0rem 0rem 2rem
}

[dir=rtl] .applyForJobList li {
    padding: 0rem 2rem 0rem 0rem
}

.applyForJobList li .h6, .applyForJobList li h6, .applyForJobList li span {
    font-weight: 300;
    margin: 0;
    color: var(--bs-black)
}

.applyForJobList li:before {
    content: "";
    background: var(--bs-green-800);
    font-weight: 700;
    font-size: 1.5rem;
    display: inline-block;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: absolute;
    top: 6px
}

[dir=ltr] .applyForJobList li:before {
    left: 0
}

[dir=rtl] .applyForJobList li:before {
    right: 0
}

.partOurTeam {
    position: relative;
    background: #000
}

[dir=ltr] .partOurTeam {
    padding: 9.375rem 0rem 15.625rem 0rem
}

[dir=rtl] .partOurTeam {
    padding: 9.375rem 0rem 15.625rem 0rem
}

.partOurTeam .subHeading {
    color: var(--bs-green-800)
}

.partOurTeam .h2, .partOurTeam .h3, .partOurTeam h2, .partOurTeam h3, .partOurTeam p {
    color: #fff
}

.teamSticky {
    position: relative
}

    .teamSticky .ourTeamInfo {
        width: 39rem
    }

[dir=ltr] .teamSticky .ourTeamInfo .h2, [dir=ltr] .teamSticky .ourTeamInfo h2 {
    margin: 0rem 0rem 2.8125rem 0rem
}

[dir=rtl] .teamSticky .ourTeamInfo .h2, [dir=rtl] .teamSticky .ourTeamInfo h2 {
    margin: 0rem 0rem 2.8125rem 0rem
}

.bgPattern {
    position: absolute;
    top: 18.75rem;
    height: 100%;
    width: 41.66667%
}

[dir=ltr] .bgPattern {
    left: 0
}

[dir=rtl] .bgPattern {
    right: 0
}

[dir=rtl] .bgPattern {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.squareSticky {
    position: relative;
    display: flex;
    justify-content: center;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

[dir=ltr] .squareSticky {
    margin: 0rem 0rem 10.625rem 0rem
}

[dir=rtl] .squareSticky {
    margin: 0rem 0rem 10.625rem 0rem
}

[dir=ltr] .squareSticky:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .squareSticky:last-child {
    margin: 0rem 0rem 0rem 0rem
}

.whatWeOffer {
    position: relative;
    background: var(--bs-blue-500)
}

[dir=ltr] .whatWeOffer {
    padding: 6.25rem 0rem 6.25rem 0rem
}

[dir=rtl] .whatWeOffer {
    padding: 6.25rem 0rem 6.25rem 0rem
}

.whatWeOffer .h2, .whatWeOffer h2 {
    margin: 0
}

[dir=ltr] .whatWeOffer .whatWeOfferSlider {
    padding: 3.125rem 0rem 0rem 0rem
}

[dir=rtl] .whatWeOffer .whatWeOfferSlider {
    padding: 3.125rem 0rem 0rem 0rem
}

.whatWeOffer.noArrows .swiper-nav {
    display: none
}

@media (min-width:1200px) {
    [dir=ltr] .btnFlex:hover i {
        right: 20px
    }

    [dir=rtl] .btnFlex:hover i {
        left: 20px
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    [dir=ltr] .navWrapper {
        margin: 0rem -.625rem 0rem -.625rem
    }

    [dir=rtl] .navWrapper {
        margin: 0rem -.625rem 0rem -.625rem
    }

    [dir=ltr] .navWrapper .navCol {
        padding: 0rem 1.25rem 0rem 1.25rem
    }

    [dir=rtl] .navWrapper .navCol {
        padding: 0rem 1.25rem 0rem 1.25rem
    }

    [dir=ltr] .applyContainer {
        margin: 0rem -2.5rem 0rem -2.5rem
    }

    [dir=rtl] .applyContainer {
        margin: 0rem -2.5rem 0rem -2.5rem
    }

    [dir=ltr] .applyForBox {
        padding: 0rem 2.5rem 0rem 2.5rem
    }

    [dir=rtl] .applyForBox {
        padding: 0rem 2.5rem 0rem 2.5rem
    }

    .bgPattern {
        width: 100%
    }

        .bgPattern img {
            width: 100%
        }
}

@media (min-width:768px) and (max-width:991.98px) {
    [dir=ltr] .navWrapper {
        margin: 0rem -.625rem 0rem -.625rem
    }

    [dir=rtl] .navWrapper {
        margin: 0rem -.625rem 0rem -.625rem
    }

    [dir=ltr] .navWrapper .navCol {
        padding: 0rem 1.25rem 0rem 1.25rem
    }

    [dir=rtl] .navWrapper .navCol {
        padding: 0rem 1.25rem 0rem 1.25rem
    }

    [dir=ltr] .lifeAtDed {
        padding: 0rem 0rem 5rem 0rem
    }

    [dir=rtl] .lifeAtDed {
        padding: 0rem 0rem 5rem 0rem
    }

    [dir=ltr] .lifeAtDed .topicSection .h2, [dir=ltr] .lifeAtDed .topicSection h2 {
        margin: 0rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .lifeAtDed .topicSection .h2, [dir=rtl] .lifeAtDed .topicSection h2 {
        margin: 0rem 0rem 3.125rem 0rem
    }

    [dir=ltr] .whatWeOffer {
        padding: 5rem 0rem 5rem 0rem
    }

    [dir=rtl] .whatWeOffer {
        padding: 5rem 0rem 5rem 0rem
    }

    [dir=ltr] .applyForWrapper {
        padding: 5rem 0rem 5rem 0rem
    }

    [dir=rtl] .applyForWrapper {
        padding: 5rem 0rem 5rem 0rem
    }

    [dir=ltr] .applyContainer {
        margin: 0rem -.625rem 0rem -.625rem
    }

    [dir=rtl] .applyContainer {
        margin: 0rem -.625rem 0rem -.625rem
    }

    [dir=ltr] .applyForBox {
        padding: 0rem 2.5rem 0rem 2.5rem
    }

    [dir=rtl] .applyForBox {
        padding: 0rem 2.5rem 0rem 2.5rem
    }

    [dir=ltr] .applyForBox .eventRegisterWrapper {
        padding: 2.5rem 2.5rem 2.5rem 2.5rem
    }

    [dir=rtl] .applyForBox .eventRegisterWrapper {
        padding: 2.5rem 2.5rem 2.5rem 2.5rem
    }

    [dir=ltr] .contactUsCareers {
        padding: 5rem 0rem 5rem 0rem
    }

    [dir=rtl] .contactUsCareers {
        padding: 5rem 0rem 5rem 0rem
    }

    .teamSticky .ourTeamInfo {
        width: 100%
    }

    [dir=ltr] .ourTeamInfo {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .ourTeamInfo {
        padding: 0rem 0rem 0rem 0rem
    }

    .bgPattern {
        width: 100%
    }

        .bgPattern img {
            width: 100%
        }

    .squareSticky {
        position: relative
    }

    [dir=ltr] .squareSticky {
        margin: 0rem 0rem 3.75rem 0rem
    }

    [dir=rtl] .squareSticky {
        margin: 0rem 0rem 3.75rem 0rem
    }

    [dir=ltr] .linkedInBox {
        padding: 2.5rem 2.5rem 2.5rem 2.5rem
    }

    [dir=rtl] .linkedInBox {
        padding: 2.5rem 2.5rem 2.5rem 2.5rem
    }

    [dir=ltr] .linkedInBox .h4, [dir=ltr] .linkedInBox h4 {
        margin: 0rem 0rem 5rem 0rem
    }

    [dir=rtl] .linkedInBox .h4, [dir=rtl] .linkedInBox h4 {
        margin: 0rem 0rem 5rem 0rem
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .navWrapper {
        margin: 0rem -.625rem 0rem -.625rem
    }

    [dir=rtl] .navWrapper {
        margin: 0rem -.625rem 0rem -.625rem
    }

    [dir=ltr] .navWrapper .navCol {
        padding: 0rem 1.25rem 0rem 1.25rem
    }

    [dir=rtl] .navWrapper .navCol {
        padding: 0rem 1.25rem 0rem 1.25rem
    }

    .navWrapper .navCol:before {
        height: 40%
    }

    .btnFlex {
        font-size: .8125rem
    }

        .btnFlex .iconWrap {
            display: none
        }

    [dir=ltr] .btnFlex i {
        right: 0
    }

    [dir=rtl] .btnFlex i {
        left: 0
    }

    [dir=ltr] .lifeAtDed {
        padding: 0rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .lifeAtDed {
        padding: 0rem 0rem 3.125rem 0rem
    }

    [dir=ltr] .lifeAtDed .topicSection .h2, [dir=ltr] .lifeAtDed .topicSection h2 {
        margin: 0rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .lifeAtDed .topicSection .h2, [dir=rtl] .lifeAtDed .topicSection h2 {
        margin: 0rem 0rem 3.125rem 0rem
    }

    [dir=ltr] .whatWeOffer {
        padding: 3.125rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .whatWeOffer {
        padding: 3.125rem 0rem 3.125rem 0rem
    }

    [dir=ltr] .applyForWrapper {
        padding: 0rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .applyForWrapper {
        padding: 0rem 0rem 3.125rem 0rem
    }

    .applyContainer {
        flex-direction: column
    }

    [dir=ltr] .applyContainer {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .applyContainer {
        margin: 0rem 0rem 0rem 0rem
    }

    .applyForBox {
        width: 100%
    }

    [dir=ltr] .applyForBox {
        padding: 3.125rem 0rem 0rem 0rem
    }

    [dir=rtl] .applyForBox {
        padding: 3.125rem 0rem 0rem 0rem
    }

    [dir=ltr] .applyForBox:first-child {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .applyForBox:first-child {
        padding: 0rem 0rem 0rem 0rem
    }

    .applyForBox:after {
        height: 1px;
        width: 100%
    }

    [dir=ltr] .applyForBox:after {
        margin: auto 0rem 0rem 0rem
    }

    [dir=rtl] .applyForBox:after {
        margin: auto 0rem 0rem 0rem
    }

    [dir=ltr] .applyForBox .eventRegisterWrapper {
        padding: 2.5rem 2.5rem 2.5rem 2.5rem
    }

    [dir=rtl] .applyForBox .eventRegisterWrapper {
        padding: 2.5rem 2.5rem 2.5rem 2.5rem
    }

    [dir=ltr] .contactUsCareers {
        padding: 3.125rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .contactUsCareers {
        padding: 3.125rem 0rem 3.125rem 0rem
    }

    [dir=ltr] .partOurTeam {
        padding: 5rem 0rem 5rem 0rem
    }

    [dir=rtl] .partOurTeam {
        padding: 5rem 0rem 5rem 0rem
    }

    .teamSticky .ourTeamInfo {
        width: 100%
    }

    [dir=ltr] .ourTeamInfo {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .ourTeamInfo {
        padding: 0rem 0rem 0rem 0rem
    }

    .bgPattern {
        display: none
    }

    .squareSticky {
        position: relative;
        overflow: hidden
    }

    [dir=ltr] .squareSticky {
        margin: 0rem 0rem 3.75rem 0rem
    }

    [dir=rtl] .squareSticky {
        margin: 0rem 0rem 3.75rem 0rem
    }

    [dir=ltr] .linkedInBox {
        padding: 2.5rem 2.5rem 2.5rem 2.5rem
    }

    [dir=rtl] .linkedInBox {
        padding: 2.5rem 2.5rem 2.5rem 2.5rem
    }

    [dir=ltr] .linkedInBox .h4, [dir=ltr] .linkedInBox h4 {
        margin: 0rem 0rem 3.75rem 0rem
    }

    [dir=rtl] .linkedInBox .h4, [dir=rtl] .linkedInBox h4 {
        margin: 0rem 0rem 3.75rem 0rem
    }

    .genStickyNavigator {
        display: none
    }
}

.generalSearch {
    position: relative
}

[dir=ltr] .generalSearch {
    margin: 0rem 0rem 17.5rem 0rem
}

[dir=rtl] .generalSearch {
    margin: 0rem 0rem 17.5rem 0rem
}

.generalSearch .searchSticky {
    border: 0;
    width: 66.25rem
}

.generalSearch .eventFilterForm .form-group:first-child {
    width: 75%
}

.stickyadjust {
    position: relative
}

[dir=ltr] .innerSection .generalSearch {
    margin: 0rem 0rem 3.75rem 0rem
}

[dir=rtl] .innerSection .generalSearch {
    margin: 0rem 0rem 3.75rem 0rem
}

@media (min-width:992px) and (max-width:1199.98px) {
    [dir=ltr] .generalSearch {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .generalSearch {
        margin: 0rem 0rem 1.875rem 0rem
    }

    .generalSearch .searchSticky {
        width: 100%
    }

    .generalSearch .eventFilterForm .form-group:first-child {
        width: 60%
    }

    [dir=ltr] .innerSection .generalSearch {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .innerSection .generalSearch {
        margin: 0rem 0rem 1.875rem 0rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    [dir=ltr] .generalSearch {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .generalSearch {
        margin: 0rem 0rem 1.875rem 0rem
    }

    .generalSearch .searchSticky {
        width: 100%
    }

    .generalSearch .eventFilterForm .form-group:first-child {
        width: 100%
    }

    [dir=ltr] .innerSection .generalSearch {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .innerSection .generalSearch {
        margin: 0rem 0rem 1.875rem 0rem
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .generalSearch {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .generalSearch {
        margin: 0rem 0rem 1.875rem 0rem
    }

    .generalSearch .searchSticky {
        width: 100%
    }

    .generalSearch .eventFilterForm .form-group:first-child {
        width: 100%
    }

    [dir=ltr] .innerSection .generalSearch {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .innerSection .generalSearch {
        margin: 0rem 0rem 1.875rem 0rem
    }
}

.leaderShipAbout {
    position: relative;
    z-index: 1;
    background: var(--bs-white)
}

    .leaderShipAbout .subHeading {
        color: var(--bs-green-900)
    }

.threeRow-list {
    display: flex;
    flex-wrap: wrap
}

[dir=ltr] .threeRow-list {
    margin: 0rem -.9375rem 0rem -.9375rem
}

[dir=rtl] .threeRow-list {
    margin: 0rem -.9375rem 0rem -.9375rem
}

.threeRow-list .gallery-item {
    width: 33.33%
}

[dir=ltr] .threeRow-list .gallery-item {
    padding: 0rem .9375rem 0rem .9375rem
}

[dir=rtl] .threeRow-list .gallery-item {
    padding: 0rem .9375rem 0rem .9375rem
}

.valuesSec {
    position: relative;
    z-index: 1;
    background: var(--bs-white)
}

[dir=ltr] .valuesSec {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .valuesSec {
    padding: 0rem 0rem 0rem 0rem
}

.valuesSec.bgTeel {
    background: var(--bs-green-500)
}

[dir=ltr] .valuesSec.bgTeel {
    padding: 4.4375rem 0rem 4.375rem 0rem
}

[dir=rtl] .valuesSec.bgTeel {
    padding: 4.4375rem 0rem 4.375rem 0rem
}

.valuesSec .sepLine {
    display: none
}

.valuesSec .h4, .valuesSec h4 {
    font-weight: 300
}

[dir=ltr] .valuesSec .h4, [dir=ltr] .valuesSec h4 {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .valuesSec .h4, [dir=rtl] .valuesSec h4 {
    margin: 0rem 0rem 0rem 0rem
}

.valuesSec .h4 b, .valuesSec h4 b {
    font-weight: 700
}

[dir=ltr] .valuesSec .h4, [dir=ltr] .valuesSec h4 {
    margin: 0rem 0rem 1.25rem 0rem
}

[dir=rtl] .valuesSec .h4, [dir=rtl] .valuesSec h4 {
    margin: 0rem 0rem 1.25rem 0rem
}

[dir=ltr] .valuesSec p {
    margin: 0rem 0rem 1.25rem 0rem
}

[dir=rtl] .valuesSec p {
    margin: 0rem 0rem 1.25rem 0rem
}

.visionMissionSec {
    background-color: #000;
    position: relative;
    z-index: 1
}

    .visionMissionSec .h3, .visionMissionSec h3 {
        color: #fff
    }

    .visionMissionSec p {
        color: #c5c5c5
    }

    .visionMissionSec .visionMissionTxt {
        height: 100%;
        position: relative
    }

[dir=ltr] .visionMissionSec .visionMissionTxt {
    padding: 9.375rem 6.25rem 9.375rem 0rem
}

[dir=rtl] .visionMissionSec .visionMissionTxt {
    padding: 9.375rem 0rem 9.375rem 6.25rem
}

.visionMissionSec .visionMissionTxt .vision-bx-ixon {
    max-width: 4.0625rem
}

[dir=ltr] .visionMissionSec .visionMissionTxt .vision-bx-ixon {
    padding: 0rem 0rem 3.4375rem 0rem
}

[dir=rtl] .visionMissionSec .visionMissionTxt .vision-bx-ixon {
    padding: 0rem 0rem 3.4375rem 0rem
}

.visionMissionSec .visionMissionTxt.vision-txt-border {
    position: relative
}

    .visionMissionSec .visionMissionTxt.vision-txt-border::before {
        position: absolute;
        content: '';
        top: 0rem;
        bottom: 0rem;
        background-color: #666;
        width: 1px;
        height: 14.75rem
    }

[dir=ltr] .visionMissionSec .visionMissionTxt.vision-txt-border::before {
    right: 0
}

[dir=rtl] .visionMissionSec .visionMissionTxt.vision-txt-border::before {
    left: 0
}

[dir=ltr] .visionMissionSec .visionMissionTxt.vision-txt-border::before {
    margin: auto 0rem auto 0rem
}

[dir=rtl] .visionMissionSec .visionMissionTxt.vision-txt-border::before {
    margin: auto 0rem auto 0rem
}

.darkMode .valuesSec.bgTeel {
    background: var(--bs-green-900)
}

.withSep .sepLine {
    background: var(--bs-grey-600);
    width: 100%;
    height: 2px;
    border: none;
    opacity: 1;
    display: block
}

[dir=ltr] .withSep .sepLine {
    margin: 9.375rem 0rem 9.375rem 0rem
}

[dir=rtl] .withSep .sepLine {
    margin: 9.375rem 0rem 9.375rem 0rem
}

.normalList {
    list-style: none
}

[dir=ltr] .normalList {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .normalList {
    padding: 0rem 0rem 0rem 0rem
}

[dir=ltr] .normalList {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .normalList {
    margin: 0rem 0rem 0rem 0rem
}

.normalList li {
    position: relative;
    font-size: 1.375rem;
    color: #000
}

[dir=ltr] .normalList li {
    padding: 0rem 0rem 0rem 2rem
}

[dir=rtl] .normalList li {
    padding: 0rem 2rem 0rem 0rem
}

[dir=ltr] .normalList li {
    margin: 0rem 0rem 1.25rem 0rem
}

[dir=rtl] .normalList li {
    margin: 0rem 0rem 1.25rem 0rem
}

.normalList li span {
    color: inherit;
    letter-spacing: -1.1px;
    font-weight: 300
}

.normalList li:before {
    content: "";
    position: absolute;
    top: 8px;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: #000
}

[dir=ltr] .normalList li:before {
    left: 0
}

[dir=rtl] .normalList li:before {
    right: 0
}

.greenList {
    list-style: none
}

[dir=ltr] .greenList {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .greenList {
    padding: 0rem 0rem 0rem 0rem
}

[dir=ltr] .greenList {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .greenList {
    margin: 0rem 0rem 0rem 0rem
}

.greenList li {
    position: relative;
    font-size: 1.375rem;
    color: #000
}

[dir=ltr] .greenList li {
    padding: 0rem 0rem 0rem 2rem
}

[dir=rtl] .greenList li {
    padding: 0rem 2rem 0rem 0rem
}

[dir=ltr] .greenList li {
    margin: 0rem 0rem 1.25rem 0rem
}

[dir=rtl] .greenList li {
    margin: 0rem 0rem 1.25rem 0rem
}

.greenList li span {
    color: inherit;
    letter-spacing: -1.1px;
    font-weight: 300
}

.greenList li:before {
    content: "";
    position: absolute;
    top: 8px;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: var(--bs-green-800)
}

[dir=ltr] .greenList li:before {
    left: 0
}

[dir=rtl] .greenList li:before {
    right: 0
}

@media (min-width:768px) and (max-width:991.98px) {
    [dir=ltr] .visionMissionSec .visionMissionTxt {
        padding: 3.125rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .visionMissionSec .visionMissionTxt {
        padding: 3.125rem 0rem 3.125rem 0rem
    }

    [dir=ltr] .visionMissionSec .visionMissionTxt .vision-bx-ixon {
        padding: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .visionMissionSec .visionMissionTxt .vision-bx-ixon {
        padding: 0rem 0rem 1.875rem 0rem
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .threeRow-list {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .threeRow-list {
        margin: 0rem 0rem 0rem 0rem
    }

    .threeRow-list .gallery-item {
        width: 100%
    }

    [dir=ltr] .threeRow-list .gallery-item {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .threeRow-list .gallery-item {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .valuesSec {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .valuesSec {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .valuesSec .h4, [dir=ltr] .valuesSec h4 {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .valuesSec .h4, [dir=rtl] .valuesSec h4 {
        margin: 0rem 0rem 1.875rem 0rem
    }

    [dir=ltr] .visionMissionSec .visionMissionTxt {
        padding: 2.5rem 0rem 2.5rem 0rem
    }

    [dir=rtl] .visionMissionSec .visionMissionTxt {
        padding: 2.5rem 0rem 2.5rem 0rem
    }

    [dir=ltr] .visionMissionSec .visionMissionTxt .vision-bx-ixon {
        padding: 0rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .visionMissionSec .visionMissionTxt .vision-bx-ixon {
        padding: 0rem 0rem 1.875rem 0rem
    }

    .visionMissionSec .visionMissionTxt.vision-txt-border {
        position: relative
    }

        .visionMissionSec .visionMissionTxt.vision-txt-border::before {
            bottom: 0rem;
            top: auto;
            width: 100%;
            height: .0625rem
        }

    [dir=ltr] .visionMissionSec .visionMissionTxt.vision-txt-border::before {
        right: 0
    }

    [dir=rtl] .visionMissionSec .visionMissionTxt.vision-txt-border::before {
        left: 0
    }

    [dir=ltr] .visionMissionSec .visionMissionTxt.vision-txt-border::before {
        left: 0
    }

    [dir=rtl] .visionMissionSec .visionMissionTxt.vision-txt-border::before {
        right: 0
    }

    [dir=ltr] .visionMissionSec .visionMissionTxt.vision-txt-border::before {
        margin: 0rem auto 0rem auto
    }

    [dir=rtl] .visionMissionSec .visionMissionTxt.vision-txt-border::before {
        margin: 0rem auto 0rem auto
    }
}

.textSec {
    position: relative;
    z-index: 1;
    background: var(--bs-white)
}

[dir=ltr] .textSec {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .textSec {
    padding: 0rem 0rem 0rem 0rem
}

[dir=ltr] .textSec .h4, [dir=ltr] .textSec h4 {
    margin: 0rem 0rem 4.5rem 0rem
}

[dir=rtl] .textSec .h4, [dir=rtl] .textSec h4 {
    margin: 0rem 0rem 4.5rem 0rem
}

[dir=ltr] .textSec p {
    margin: 0rem 0rem 2rem 0rem
}

[dir=rtl] .textSec p {
    margin: 0rem 0rem 2rem 0rem
}

.textSec hr {
    background: var(--bs-grey-600);
    width: 100%;
    height: 1px;
    border: none;
    opacity: 1
}

[dir=ltr] .textSec hr {
    margin: 5rem 0rem 5rem 0rem
}

[dir=rtl] .textSec hr {
    margin: 5rem 0rem 5rem 0rem
}

[dir=ltr] .textSec p:last-child {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .textSec p:last-child {
    margin: 0rem 0rem 0rem 0rem
}

.textSec p a {
    color: var(--bs-black);
    text-decoration: none
}

    .textSec p a span {
        color: inherit;
        display: inline;
        padding-bottom: 0;
        transition: all .5s linear;
        background: linear-gradient(to bottom,#000 0,#000 98%);
        background-size: 0 1px;
        background-repeat: no-repeat;
        background-position: left 100%
    }

[dir=rtl] .textSec p a span {
    background-position: right 100%
}

[dir=ltr] .textSec ul {
    margin: 0rem 0rem 1.875rem .625rem
}

[dir=rtl] .textSec ul {
    margin: 0rem .625rem 1.875rem 0rem
}

[dir=ltr] .textSec ul {
    padding: 0rem 0rem 0rem 1.25rem
}

[dir=rtl] .textSec ul {
    padding: 0rem 1.25rem 0rem 0rem
}

.textSec ul li {
    font-size: 1.25rem;
    letter-spacing: -.03125rem;
    line-height: 1.75rem;
    color: var(--bs-black)
}

[dir=rtl] .textSec ul li {
    letter-spacing: initial
}

.dedRoleSec {
    position: relative;
    z-index: 1;
    background: #fff
}

[dir=ltr] .dedRoleSec {
    padding: 2rem 0rem 5.625rem 0rem
}

[dir=rtl] .dedRoleSec {
    padding: 2rem 0rem 5.625rem 0rem
}

[dir=ltr] .dedRoleSec .roleInfo {
    padding: 0rem 9rem 0rem 0rem
}

[dir=rtl] .dedRoleSec .roleInfo {
    padding: 0rem 0rem 0rem 9rem
}

.roleListWrap .heading {
    font-weight: 500;
    font-size: 1.25rem;
    display: inline-block
}

[dir=ltr] .roleListWrap .heading {
    margin: 0rem 0rem 1.375rem 0rem
}

[dir=rtl] .roleListWrap .heading {
    margin: 0rem 0rem 1.375rem 0rem
}

[dir=ltr] .roleListWrap ul {
    padding: 0rem 0rem 0rem 1.875rem
}

[dir=rtl] .roleListWrap ul {
    padding: 0rem 1.875rem 0rem 0rem
}

[dir=ltr] .roleListWrap ul {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .roleListWrap ul {
    margin: 0rem 0rem 0rem 0rem
}

.roleListWrap ul li {
    font-size: 1.25rem
}

[dir=ltr] .roleListWrap ul li {
    margin: 0rem 0rem 1.375rem 0rem
}

[dir=rtl] .roleListWrap ul li {
    margin: 0rem 0rem 1.375rem 0rem
}

.developingSec {
    position: relative;
    z-index: 1;
    background: var(--bs-white)
}

    .developingSec .developingIndustries .tabsRight {
        width: 57%
    }

[dir=ltr] .developingSec .developingIndustries .tabsRight {
    padding: 0rem 1.875rem 0rem 8.125rem
}

[dir=rtl] .developingSec .developingIndustries .tabsRight {
    padding: 0rem 8.125rem 0rem 1.875rem
}

[dir=ltr] .developingSec .developingIndustries .tabsRight .textLink {
    margin: 1.5625rem 0rem 0rem 0rem
}

[dir=rtl] .developingSec .developingIndustries .tabsRight .textLink {
    margin: 1.5625rem 0rem 0rem 0rem
}

.clustersSec {
    position: relative;
    z-index: 1;
    background: #fff
}

[dir=ltr] .clustersSec {
    padding: 10rem 0rem 0rem 0rem
}

[dir=rtl] .clustersSec {
    padding: 10rem 0rem 0rem 0rem
}

.clustersSec .clustersSecTxtInfo {
    border-bottom: 1px solid var(--bs-grey-600)
}

[dir=ltr] .clustersSec .clustersSecTxtInfo {
    padding: 0rem 0rem 4.6875rem 0rem
}

[dir=rtl] .clustersSec .clustersSecTxtInfo {
    padding: 0rem 0rem 4.6875rem 0rem
}

[dir=ltr] .clustersSec .clustersSecTxtInfo .h3, [dir=ltr] .clustersSec .clustersSecTxtInfo h3 {
    margin: 0rem 0rem 2.5rem 0rem
}

[dir=rtl] .clustersSec .clustersSecTxtInfo .h3, [dir=rtl] .clustersSec .clustersSecTxtInfo h3 {
    margin: 0rem 0rem 2.5rem 0rem
}

[dir=ltr] .clustersSec .clustersSecTxtInfo .textLink {
    margin: 6.25rem 0rem 0rem 0rem
}

[dir=rtl] .clustersSec .clustersSecTxtInfo .textLink {
    margin: 6.25rem 0rem 0rem 0rem
}

@media (min-width:992px) and (max-width:1199.98px) {
    [dir=ltr] .dedRoleSec .roleInfo {
        padding: 0rem 1rem 0rem 0rem
    }

    [dir=rtl] .dedRoleSec .roleInfo {
        padding: 0rem 0rem 0rem 1rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    [dir=ltr] .dedRoleSec .roleInfo {
        padding: 0rem 1rem 0rem 0rem
    }

    [dir=rtl] .dedRoleSec .roleInfo {
        padding: 0rem 0rem 0rem 1rem
    }

    .developingSec .developingIndustries .tabsRight {
        width: 50%
    }

    [dir=ltr] .developingSec .developingIndustries .tabsRight {
        padding: 0rem 0rem 0rem 1.875rem
    }

    [dir=rtl] .developingSec .developingIndustries .tabsRight {
        padding: 0rem 1.875rem 0rem 0rem
    }

    [dir=ltr] .developingSec .developingIndustries .tabsRight .textLink {
        margin: 3.125rem 0rem 0rem 0rem
    }

    [dir=rtl] .developingSec .developingIndustries .tabsRight .textLink {
        margin: 3.125rem 0rem 0rem 0rem
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .dedRoleSec .roleInfo {
        padding: 0rem 1rem 0rem 0rem
    }

    [dir=rtl] .dedRoleSec .roleInfo {
        padding: 0rem 0rem 0rem 1rem
    }

    .developingSec .developingIndustries .tabsRight {
        width: 100%
    }

    [dir=ltr] .developingSec .developingIndustries .tabsRight {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .developingSec .developingIndustries .tabsRight {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .developingSec .developingIndustries .tabsRight .textLink {
        margin: 3.125rem 0rem 0rem 0rem
    }

    [dir=rtl] .developingSec .developingIndustries .tabsRight .textLink {
        margin: 3.125rem 0rem 0rem 0rem
    }

    [dir=ltr] .textSec hr {
        margin: 3.125rem 0rem 3.125rem 0rem
    }

    [dir=rtl] .textSec hr {
        margin: 3.125rem 0rem 3.125rem 0rem
    }
}

.centralLocation {
    background: var(--bs-white);
    position: relative
}

[dir=ltr] .centralLocation {
    padding: 9.375rem 0rem 0rem 0rem
}

[dir=rtl] .centralLocation {
    padding: 9.375rem 0rem 0rem 0rem
}

.centralLocation .imgBox {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    overflow: hidden;
    width: 100%;
    height: 38.5rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #000
}

[dir=ltr] .centralLocation .imgBox {
    margin: 0rem 0rem 1.875rem 0rem
}

[dir=rtl] .centralLocation .imgBox {
    margin: 0rem 0rem 1.875rem 0rem
}

[dir=ltr] .centralLocation .achievementWrapper {
    margin: 0rem 0rem 1.875rem 0rem
}

[dir=rtl] .centralLocation .achievementWrapper {
    margin: 0rem 0rem 1.875rem 0rem
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .centralLocation {
        padding: 5rem 0rem 0rem 0rem
    }

    [dir=rtl] .centralLocation {
        padding: 5rem 0rem 0rem 0rem
    }

    .centralLocation .imgBox {
        height: 31.25rem
    }
}

.backToTop {
    position: fixed;
    bottom: 1.875rem;
    color: #000;
    z-index: 9;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 3.125rem;
    height: 3.125rem;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -o-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background: var(--bs-green-700);
    color: #000;
    opacity: 0;
    visibility: hidden
}

[dir=ltr] .backToTop {
    right: 0rem
}

[dir=rtl] .backToTop {
    left: 0rem
}

.backToTop i:before {
    font-size: 1rem
}

.backToTop:hover {
    text-decoration: none
}

.backToTop.show {
    opacity: 1;
    visibility: visible
}

[dir=ltr] .backToTop.show {
    right: 1.875rem
}

[dir=rtl] .backToTop.show {
    left: 1.875rem
}

@media (min-width:1200px) {
    .backToTop:hover {
        background: var(--bs-green-900);
        color: #fff
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    .backToTop {
        width: 1.875rem;
        height: 1.875rem;
        bottom: .3125rem;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px
    }

        .backToTop i:before {
            font-size: .875rem
        }

    [dir=ltr] .backToTop.show {
        right: .3125rem
    }

    [dir=rtl] .backToTop.show {
        left: .3125rem
    }
}

.visasListingSec {
    position: relative;
    background: var(--bs-white);
    z-index: 1
}

    .visasListingSec p.lead {
        letter-spacing: 0
    }

.generalCusTabs .tabsContainer {
    border-bottom: 1px solid var(--bs-grey-600)
}

[dir=ltr] .generalCusTabs .tabsContainer {
    margin: 0rem 0rem 4.5rem 0rem
}

[dir=rtl] .generalCusTabs .tabsContainer {
    margin: 0rem 0rem 4.5rem 0rem
}

[dir=ltr] .generalCusTabs .nav-pills {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .generalCusTabs .nav-pills {
    padding: 0rem 0rem 0rem 0rem
}

[dir=ltr] .generalCusTabs .nav-pills {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .generalCusTabs .nav-pills {
    margin: 0rem 0rem 0rem 0rem
}

.generalCusTabs .nav-pills .nav-item {
    width: auto
}

[dir=ltr] .generalCusTabs .nav-pills .nav-item {
    padding: 0rem 2.875rem 0rem 0rem
}

[dir=rtl] .generalCusTabs .nav-pills .nav-item {
    padding: 0rem 0rem 0rem 2.875rem
}

.generalCusTabs .nav-pills .nav-item .nav-link {
    position: relative;
    font-size: 1.375rem;
    font-weight: 300;
    color: var(--bs-black);
    background-color: transparent;
    border: 0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

[dir=ltr] .generalCusTabs .nav-pills .nav-item .nav-link {
    padding: 0rem 0rem 1rem 0rem
}

[dir=rtl] .generalCusTabs .nav-pills .nav-item .nav-link {
    padding: 0rem 0rem 1rem 0rem
}

.generalCusTabs .nav-pills .nav-item .nav-link:before {
    content: "";
    position: absolute;
    bottom: -1px;
    height: 3px;
    width: 0%;
    background-color: var(--bs-green-700);
    transition: all .5s
}

[dir=ltr] .generalCusTabs .nav-pills .nav-item .nav-link:before {
    left: 0
}

[dir=rtl] .generalCusTabs .nav-pills .nav-item .nav-link:before {
    right: 0
}

.generalCusTabs .nav-pills .nav-item .nav-link.active {
    font-weight: 600
}

    .generalCusTabs .nav-pills .nav-item .nav-link.active:before {
        width: 100%
    }

[dir=ltr] .generalCusTabs .hoverCard {
    padding: 2rem 4.0625rem 1rem 2rem
}

[dir=rtl] .generalCusTabs .hoverCard {
    padding: 2rem 2rem 1rem 4.0625rem
}

.generalCusTabs .hoverCard .titleBox {
    justify-content: flex-start
}

[dir=ltr] .generalCusTabs .hoverCard .titleBox {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .generalCusTabs .hoverCard .titleBox {
    padding: 0rem 0rem 0rem 0rem
}

.generalCusTabs .hoverCard .iconBox {
    height: 2.5rem
}

[dir=ltr] .generalCusTabs .hoverCard .iconBox {
    margin: 0rem 0rem 2rem 0rem
}

[dir=rtl] .generalCusTabs .hoverCard .iconBox {
    margin: 0rem 0rem 2rem 0rem
}

.generalCusTabs .hoverCard .h6, .generalCusTabs .hoverCard h6 {
    font-weight: 300
}

[dir=ltr] .generalCusTabs .hoverCard .h6, [dir=ltr] .generalCusTabs .hoverCard h6 {
    margin: 0rem 0rem 2rem 0rem
}

[dir=rtl] .generalCusTabs .hoverCard .h6, [dir=rtl] .generalCusTabs .hoverCard h6 {
    margin: 0rem 0rem 2rem 0rem
}

[dir=ltr] .generalCusTabs .hoverCard p {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .generalCusTabs .hoverCard p {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .generalCusTabs .visaSlider {
    margin: 6rem 0rem 0rem 0rem
}

[dir=rtl] .generalCusTabs .visaSlider {
    margin: 6rem 0rem 0rem 0rem
}

.visadetailWrap {
    display: flex;
    flex-wrap: wrap
}

    .visadetailWrap .visainfo {
        width: 45%
    }

[dir=ltr] .visadetailWrap .visainfo .subHeading {
    margin: 0rem 0rem 1.75rem 0rem
}

[dir=rtl] .visadetailWrap .visainfo .subHeading {
    margin: 0rem 0rem 1.75rem 0rem
}

[dir=ltr] .visadetailWrap .visainfo .h2, [dir=ltr] .visadetailWrap .visainfo h2 {
    margin: 0rem 0rem 1.75rem 0rem
}

[dir=rtl] .visadetailWrap .visainfo .h2, [dir=rtl] .visadetailWrap .visainfo h2 {
    margin: 0rem 0rem 1.75rem 0rem
}

[dir=ltr] .visadetailWrap .visainfo p {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .visadetailWrap .visainfo p {
    margin: 0rem 0rem 0rem 0rem
}

.visadetailWrap .visasNavigation {
    width: 55%;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

[dir=ltr] .visadetailWrap .visasNavigation {
    margin: auto 0rem 0rem 0rem
}

[dir=rtl] .visadetailWrap .visasNavigation {
    margin: auto 0rem 0rem 0rem
}

[dir=ltr] .visadetailWrap .visasNavigation .swiper-nav {
    margin: 0rem 0rem 0rem 2.5rem
}

[dir=rtl] .visadetailWrap .visasNavigation .swiper-nav {
    margin: 0rem 2.5rem 0rem 0rem
}

.littleFaqsSec {
    position: relative;
    background: var(--bs-white);
    z-index: 1;
    background: var(--bs-grey-500)
}

[dir=ltr] .littleFaqsSec {
    padding: 7.5rem 0rem 5.625rem 0rem
}

[dir=rtl] .littleFaqsSec {
    padding: 7.5rem 0rem 5.625rem 0rem
}

.littleFaqsSec.noBg {
    background: 0 0
}

[dir=ltr] .littleFaqsSec.noBg {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .littleFaqsSec.noBg {
    padding: 0rem 0rem 0rem 0rem
}

[dir=ltr] .littleFaqsSec .h2, [dir=ltr] .littleFaqsSec h2 {
    margin: 0rem 0rem 1.4375rem 0rem
}

[dir=rtl] .littleFaqsSec .h2, [dir=rtl] .littleFaqsSec h2 {
    margin: 0rem 0rem 1.4375rem 0rem
}

[dir=ltr] .littleFaqsSec p {
    margin: 0rem 0rem 3.25rem 0rem
}

[dir=rtl] .littleFaqsSec p {
    margin: 0rem 0rem 3.25rem 0rem
}

.littleFaqsSec .importantAccordion {
    border-top: 0;
    border-bottom: 0
}

[dir=ltr] .littleFaqsSec .importantAccordion .accordion-button {
    padding: 2rem 4.25rem 2rem 0rem
}

[dir=rtl] .littleFaqsSec .importantAccordion .accordion-button {
    padding: 2rem 0rem 2rem 4.25rem
}

.littleFaqsSec .importantAccordion .accordion-button span {
    font-size: 1.5rem
}

.littleFaqsSec .importantAccordion .accordion-button:before {
    color: var(--bs-black)
}

[dir=ltr] .littleFaqsSec .importantAccordion .accordion-body {
    padding: 0rem 0rem 1.875rem 0rem
}

[dir=rtl] .littleFaqsSec .importantAccordion .accordion-body {
    padding: 0rem 0rem 1.875rem 0rem
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .visadetailWrap {
        margin: .625rem 0rem 1.875rem 0rem
    }

    [dir=rtl] .visadetailWrap {
        margin: .625rem 0rem 1.875rem 0rem
    }

    .visadetailWrap .visainfo {
        width: 100%
    }

    [dir=ltr] .visadetailWrap .visainfo {
        margin: 0rem 0rem 2.5rem 0rem
    }

    [dir=rtl] .visadetailWrap .visainfo {
        margin: 0rem 0rem 2.5rem 0rem
    }

    .visadetailWrap .visasNavigation {
        width: 100%;
        display: block
    }

        .visadetailWrap .visasNavigation .swiper-nav {
            display: none
        }

    [dir=ltr] .generalCusTabs .tabsContainer {
        padding: 0rem 4.375rem 0rem 0rem
    }

    [dir=rtl] .generalCusTabs .tabsContainer {
        padding: 0rem 0rem 0rem 4.375rem
    }

    [dir=ltr] .generalCusTabs .visaSlider {
        margin: 2rem 0rem 0rem 0rem
    }

    [dir=rtl] .generalCusTabs .visaSlider {
        margin: 2rem 0rem 0rem 0rem
    }

    .generalCusTabs .nav-pills {
        overflow: visible
    }

        .generalCusTabs .nav-pills .nav-item {
            width: 100%
        }

    [dir=ltr] .generalCusTabs .nav-pills .nav-item {
        padding: 0rem 1.25rem 0rem 0rem
    }

    [dir=rtl] .generalCusTabs .nav-pills .nav-item {
        padding: 0rem 0rem 0rem 1.25rem
    }

    .generalCusTabs .nav-pills .nav-item:last-child .nav-link {
        overflow: visible
    }

    [dir=ltr] .littleFaqsSec {
        padding: 4.0625rem 0rem 1rem 0rem
    }

    [dir=rtl] .littleFaqsSec {
        padding: 4.0625rem 0rem 1rem 0rem
    }

    [dir=ltr] .littleFaqsSec p {
        margin: 0rem 0rem 1rem 0rem
    }

    [dir=rtl] .littleFaqsSec p {
        margin: 0rem 0rem 1rem 0rem
    }

    [dir=ltr] .littleFaqsSec .accordion {
        margin: 3rem 0rem 0rem 0rem
    }

    [dir=rtl] .littleFaqsSec .accordion {
        margin: 3rem 0rem 0rem 0rem
    }
}

.moreToExploreMini ul {
    list-style: none;
    display: flex
}

[dir=ltr] .moreToExploreMini ul {
    margin: 0rem -1rem 0rem -1rem
}

[dir=rtl] .moreToExploreMini ul {
    margin: 0rem -1rem 0rem -1rem
}

[dir=ltr] .moreToExploreMini ul {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .moreToExploreMini ul {
    padding: 0rem 0rem 0rem 0rem
}

.moreToExploreMini ul li {
    width: 50%
}

[dir=ltr] .moreToExploreMini ul li {
    padding: 0rem 1rem 0rem 1rem
}

[dir=rtl] .moreToExploreMini ul li {
    padding: 0rem 1rem 0rem 1rem
}

.giantNavigation ul {
    list-style: none;
    display: flex
}

[dir=ltr] .giantNavigation ul {
    margin: 0rem -1rem 0rem -1rem
}

[dir=rtl] .giantNavigation ul {
    margin: 0rem -1rem 0rem -1rem
}

[dir=ltr] .giantNavigation ul {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .giantNavigation ul {
    padding: 0rem 0rem 0rem 0rem
}

.giantNavigation ul li {
    width: 50%
}

[dir=ltr] .giantNavigation ul li {
    padding: 0rem 1rem 0rem 1rem
}

[dir=rtl] .giantNavigation ul li {
    padding: 0rem 1rem 0rem 1rem
}

.normalList {
    list-style: none
}

[dir=ltr] .normalList {
    margin: 0rem 0rem 0rem 0rem
}

[dir=rtl] .normalList {
    margin: 0rem 0rem 0rem 0rem
}

[dir=ltr] .normalList {
    padding: 0rem 0rem 0rem 0rem
}

[dir=rtl] .normalList {
    padding: 0rem 0rem 0rem 0rem
}

.normalList li {
    position: relative
}

[dir=ltr] .normalList li {
    padding: 0rem 0rem 0rem 3rem
}

[dir=rtl] .normalList li {
    padding: 0rem 3rem 0rem 0rem
}

.normalList li:before {
    content: "";
    position: absolute;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: var(--bs-green-900)
}

[dir=ltr] .normalList li:before {
    left: 0
}

[dir=rtl] .normalList li:before {
    right: 0
}

[dir=ltr] .condition {
    padding: 0rem 0rem 0rem 3rem
}

[dir=rtl] .condition {
    padding: 0rem 3rem 0rem 0rem
}

[dir=ltr] .condition {
    margin: 1.125rem 0rem 2rem 0rem
}

[dir=rtl] .condition {
    margin: 1.125rem 0rem 2rem 0rem
}

.condition strong {
    color: var(--bs-black);
    font-size: 1.25rem;
    font-weight: 700
}

.subSmheading {
    font-size: 1.25rem;
    font-weight: 500;
    color: var(--bs-black);
    display: inline-block
}

[dir=ltr] .subSmheading {
    margin: 0rem 0rem 2.5rem 0rem
}

[dir=rtl] .subSmheading {
    margin: 0rem 0rem 2.5rem 0rem
}

@media (min-width:319.98px) and (max-width:767.98px) {
    .giantNavigation ul {
        display: block
    }

    [dir=ltr] .giantNavigation ul {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .giantNavigation ul {
        margin: 0rem 0rem 0rem 0rem
    }

    .giantNavigation ul li {
        width: 100%
    }

    [dir=ltr] .giantNavigation ul li {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .giantNavigation ul li {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .giantNavigation ul li {
        margin: 0rem 0rem 1rem 0rem
    }

    [dir=rtl] .giantNavigation ul li {
        margin: 0rem 0rem 1rem 0rem
    }

    .moreToExploreMini ul {
        display: block
    }

    [dir=ltr] .moreToExploreMini ul {
        margin: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .moreToExploreMini ul {
        margin: 0rem 0rem 0rem 0rem
    }

    .moreToExploreMini ul li {
        width: 100%
    }

    [dir=ltr] .moreToExploreMini ul li {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=rtl] .moreToExploreMini ul li {
        padding: 0rem 0rem 0rem 0rem
    }

    [dir=ltr] .moreToExploreMini ul li {
        margin: 0rem 0rem 1rem 0rem
    }

    [dir=rtl] .moreToExploreMini ul li {
        margin: 0rem 0rem 1rem 0rem
    }
}

.tamkeenInfoSec {
    position: relative;
    background-color: var(--bs-white)
}

    .tamkeenInfoSec .h2, .tamkeenInfoSec h2 {
        margin-bottom: 2rem
    }

.badgesWrap {
    margin-bottom: 2rem
}

.tamkeenSlider {
    padding-left: calc((100vw - 1555px)/ 2);
    padding-right: 3.5rem
}

    .tamkeenSlider .swiper-slide {
        width: 26.25rem;
        height: 31.25rem
    }

.tamkeenswiper-pagination {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    position: relative
}

[dir=ltr] .tamkeenswiper-pagination {
    padding: 3.5rem 0rem 5rem 0rem
}

[dir=rtl] .tamkeenswiper-pagination {
    padding: 3.5rem 0rem 5rem 0rem
}

.tamkeenswiper-pagination .swiper-pagination-bullet {
    position: relative;
    width: 1rem;
    height: 1rem;
    border-radius: 999px;
    background: #6e6c6c;
    overflow: hidden;
    cursor: pointer;
    transition: transform .25s ease,background .25s ease,opacity .25s ease
}

    .tamkeenswiper-pagination .swiper-pagination-bullet:focus-visible {
        outline: 2px solid #4c9ffe;
        outline-offset: 3px
    }

    .tamkeenswiper-pagination .swiper-pagination-bullet::after {
        content: '';
        position: absolute;
        inset: 0;
        background: #908d8d;
        transform: scaleX(0);
        transform-origin: left center;
        transition: transform .35s ease,background .25s ease
    }

    .tamkeenswiper-pagination .swiper-pagination-bullet:hover {
        transform: scale(1.1)
    }

.tamkeenswiper-pagination .swiper-pagination-bullet-active {
    background: #6e6c6c;
    transform: scale(1.05)
}

    .tamkeenswiper-pagination .swiper-pagination-bullet-active::after {
        background: #535252;
        transform: scaleX(1)
    }

@media (min-width:1600px) and (max-width:1699.98px) {
    .tamkeenSlider {
        padding-left: calc((100vw - 1270px)/ 2)
    }
}

@media (min-width:1400px) and (max-width:1599.98px) {
    .tamkeenSlider {
        padding-left: calc((100vw - 1170px)/ 2)
    }
}

@media (min-width:1281px) and (max-width:1399.98px) {
    .tamkeenSlider {
        padding-left: calc((100vw - 1070px)/ 2)
    }
}

@media (min-width:1200px) and (max-width:1280.98px) {
    .tamkeenSlider {
        padding-left: calc((100vw - 1020px)/ 2)
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    [dir=ltr] .tamkeenSlider {
        padding: 0rem 2.375rem 0rem 2.5rem
    }

    [dir=rtl] .tamkeenSlider {
        padding: 0rem 2.5rem 0rem 2.375rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    [dir=ltr] .tamkeenSlider {
        padding: 0rem 2.5rem 0rem 2.5rem
    }

    [dir=rtl] .tamkeenSlider {
        padding: 0rem 2.5rem 0rem 2.5rem
    }
}

@media (min-width:319.98px) and (max-width:767.98px) {
    [dir=ltr] .tamkeenSlider {
        padding: 0rem 1.25rem 0rem 1.25rem
    }

    [dir=rtl] .tamkeenSlider {
        padding: 0rem 1.25rem 0rem 1.25rem
    }
}

.redWeakness:root {
    color-scheme: redWeakness;
    --bs-green-900: #5C5A56;
    --bs-green-800: #8A8681;
    --bs-green-700: #D0CAC3;
    --bs-green-600: #C3CBF8;
    --bs-green-500: #FBF6FB;
    --bs-blue-900: #2E6CDD;
    --bs-blue-600: #E5E6FB;
    --bs-blue-500: #FCF8FE;
    --bs-red-900: #7F7339;
    --bs-redOrange: #9F977D;
    --bs-pinkLite: #FDF3CB;
    --bs-grey-900: #202020;
    --bs-grey-800: #676566;
    --bs-grey-700: #C6C3C3;
    --bs-grey-600: #EAE6E7;
    --bs-grey-500: #F9F4F5;
    --bs-white: #fff;
    --bs-black: #000
}

    .redWeakness:root img, .redWeakness:root video {
        -webkit-filter: grayscale(100%);
        filter: grayscale(1)
    }

    .redWeakness:root .slideBg .slideBigImg {
        -webkit-filter: grayscale(100%);
        filter: grayscale(1)
    }

.greenWeakness:root {
    color-scheme: greenWeakness;
    --bs-green-900: #5F5860;
    --bs-green-800: #8E838F;
    --bs-green-700: #D5C6D9;
    --bs-green-600: #C6C9FB;
    --bs-green-500: #FDF4FB;
    --bs-blue-900: #3273BF;
    --bs-blue-600: #E5E6FB;
    --bs-blue-500: #FEF8FC;
    --bs-red-900: #8D6F22;
    --bs-redOrange: #B39266;
    --bs-pinkLite: #FCF1E3;
    --bs-grey-900: #221F20;
    --bs-grey-800: #6E6367;
    --bs-grey-700: #D2BEC6;
    --bs-grey-600: #F8E1EA;
    --bs-grey-500: #FDF3F7;
    --bs-white: #fff;
    --bs-black: #000
}

    .greenWeakness:root img, .greenWeakness:root video {
        -webkit-filter: grayscale(100%);
        filter: grayscale(1)
    }

    .greenWeakness:root .slideBg .slideBigImg {
        -webkit-filter: grayscale(100%);
        filter: grayscale(1)
    }

.darkMode:root {
    color-scheme: darkMode;
    --bs-green-900: #00665C;
    --bs-green-800: #00998A;
    --bs-green-700: #00E5D1;
    --bs-green-600: #ADD1FF;
    --bs-green-500: #E5FCFD;
    --bs-blue-900: #2E6CDD;
    --bs-blue-600: #E5E6FB;
    --bs-blue-500: #0f0f0f;
    --bs-red-900: #E51717;
    --bs-redOrange: #FD6868;
    --bs-pinkLite: #E8FF63;
    --bs-grey-900: #202020;
    --bs-grey-800: #666666;
    --bs-grey-700: #C5C5C5;
    --bs-grey-600: #EAE6E7;
    --bs-grey-500: #F6F6F6;
    --bs-heading-color: #fff;
    --bs-body-bg: #000;
    --bs-white: #000;
    --bs-black: #fff
}

.st-cmp-settings {
    display: none !important
}

#st-cmp-v2 .st-cmp-app .st-cmp-content .h2, #st-cmp-v2 .st-cmp-app .st-cmp-content .h3, #st-cmp-v2 .st-cmp-app .st-cmp-content .h4, #st-cmp-v2 .st-cmp-app .st-cmp-content h2, #st-cmp-v2 .st-cmp-app .st-cmp-content h3, #st-cmp-v2 .st-cmp-app .st-cmp-content h4 {
    letter-spacing: initial !important
}