@font-face {
    font-family: "IBMPlexSansArabic-Thin";
    src: url("../fonts/IBMPlexSansArabic-Thin.eot");
    src: url("../fonts/IBMPlexSansArabic-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/IBMPlexSansArabic-Thin.woff2") format("woff2"), url("../fonts/IBMPlexSansArabic-Thin.woff") format("woff"), url("../fonts/IBMPlexSansArabic-Thin.ttf") format("truetype"), url("../fonts/IBMPlexSansArabic-Thin.svg#IBMPlexSansArabic-Thin") format("svg");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IBMPlexSansArabic-ExtraLight";
    src: url("../fonts/IBMPlexSansArabic-ExtraLight.eot");
    src: url("../fonts/IBMPlexSansArabic-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/IBMPlexSansArabic-ExtraLight.woff2") format("woff2"), url("../fonts/IBMPlexSansArabic-ExtraLight.woff") format("woff"), url("../fonts/IBMPlexSansArabic-ExtraLight.ttf") format("truetype"), url("../fonts/IBMPlexSansArabic-ExtraLight.svg#IBMPlexSansArabic-ExtraLight") format("svg");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IBMPlexSansArabic-Light";
    src: url("../fonts/IBMPlexSansArabic-Light.eot");
    src: url("../fonts/IBMPlexSansArabic-Light.eot?#iefix") format("embedded-opentype"),url("../fonts/IBMPlexSansArabic-Light.woff2") format("woff2"),url("../fonts/IBMPlexSansArabic-Light.woff") format("woff"),url("../fonts/IBMPlexSansArabic-Light.ttf") format("truetype"),url("../fonts/IBMPlexSansArabic-Light.svg#IBMPlexSansArabic-Light") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IBMPlexSansArabic-Regular";
    src: url("../fonts/IBMPlexSansArabic-Regular.eot");
    src: url("../fonts/IBMPlexSansArabic-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/IBMPlexSansArabic-Regular.woff2") format("woff2"),url("../fonts/IBMPlexSansArabic-Regular.woff") format("woff"),url("../fonts/IBMPlexSansArabic-Regular.ttf") format("truetype"),url("../fonts/IBMPlexSansArabic-Regular.svg#IBMPlexSansArabic-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IBMPlexSansArabic-Medium";
    src: url("../fonts/IBMPlexSansArabic-Medium.eot");
    src: url("../fonts/IBMPlexSansArabic-Medium.eot?#iefix") format("embedded-opentype"),url("../fonts/IBMPlexSansArabic-Medium.woff2") format("woff2"),url("../fonts/IBMPlexSansArabic-Medium.woff") format("woff"),url("../fonts/IBMPlexSansArabic-Medium.ttf") format("truetype"),url("../fonts/IBMPlexSansArabic-Medium.svg#IBMPlexSansArabic-Medium") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IBMPlexSansArabic-SemiBold";
    src: url("../fonts/IBMPlexSansArabic-SemiBold.eot");
    src: url("../fonts/IBMPlexSansArabic-SemiBold.eot?#iefix") format("embedded-opentype"),url("../fonts/IBMPlexSansArabic-SemiBold.woff2") format("woff2"),url("../fonts/IBMPlexSansArabic-SemiBold.woff") format("woff"),url("../fonts/IBMPlexSansArabic-SemiBold.ttf") format("truetype"),url("../fonts/IBMPlexSansArabic-SemiBold.svg#IBMPlexSansArabic-SemiBold") format("svg");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IBMPlexSansArabic-Bold";
    src: url("../fonts/IBMPlexSansArabic-Bold.eot");
    src: url("../fonts/IBMPlexSansArabic-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/IBMPlexSansArabic-Bold.woff2") format("woff2"),url("../fonts/IBMPlexSansArabic-Bold.woff") format("woff"),url("../fonts/IBMPlexSansArabic-Bold.ttf") format("truetype"),url("../fonts/IBMPlexSansArabic-Bold.svg#IBMPlexSansArabic-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


html, body {
    font-family: "IBMPlexSansArabic-Regular";
    background-color: var(--colors-white);
    color: var(--colors-text-default);
    margin: 0;
}

: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;
}

: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-primary: #488354;
    --bs-success: #488354;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-secondary: #074d31;
    --bs-primary-rgb: 72, 131, 84;
    --bs-success-rgb: 72, 131, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-secondary-rgb: 7, 77, 49;
    --bs-primary-text-emphasis: rgb(5.2, 44, 101.2);
    --bs-secondary-text-emphasis: rgb(43.2, 46.8, 50);
    --bs-success-text-emphasis: rgb(10, 54, 33.6);
    --bs-info-text-emphasis: rgb(5.2, 80.8, 96);
    --bs-warning-text-emphasis: rgb(102, 77.2, 2.8);
    --bs-danger-text-emphasis: rgb(88, 21.2, 27.6);
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: rgb(206.6, 226, 254.6);
    --bs-secondary-bg-subtle: rgb(225.6, 227.4, 229);
    --bs-success-bg-subtle: rgb(209, 231, 220.8);
    --bs-info-bg-subtle: rgb(206.6, 244.4, 252);
    --bs-warning-bg-subtle: rgb(255, 242.6, 205.4);
    --bs-danger-bg-subtle: rgb(248, 214.6, 217.8);
    --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: rgb(158.2, 197, 254.2);
    --bs-secondary-border-subtle: rgb(196.2, 199.8, 203);
    --bs-success-border-subtle: rgb(163, 207, 186.6);
    --bs-info-border-subtle: rgb(158.2, 233.8, 249);
    --bs-warning-border-subtle: rgb(255, 230.2, 155.8);
    --bs-danger-border-subtle: rgb(241, 174.2, 180.6);
    --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: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --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(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13, 110, 253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: rgb(10.4, 88, 202.4);
    --bs-link-hover-color-rgb: 10, 88, 202;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: rgb(255, 242.6, 205.4);
    --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: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.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: 0.25rem;
    --bs-focus-ring-opacity: 0.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;
}

:root {
    --colors-white: #ffffff;
    --colors-white-20: rgb(255 255 255 / 30%);
    --colors-white-30: rgb(255 255 255 / 30%);
    --colors-white-40: rgb(255 255 255 / 40%);
    --colors-white-60: rgb(255 255 255 / 60%);
    --colors-white-70: rgb(255 255 255 / 70%);
    --colors-white-80: rgb(255 255 255 / 80%);
    --colors-white-90: rgb(255 255 255 / 90%);
    --colors-black-op: #00000017;
    --colors-text-default: #161616;
    --colors-gray-25: #fcfcfd;
    --colors-gray-50: #f9fafb;
    --colors-gray-100: #f3f4f6;
    --colors-gray-200: #e5e7eb;
    --colors-gray-300: #d2d6db;
    --colors-gray-400: #9da4ae;
    --colors-gray-500: #6c737f;
    --colors-gray-600: #4d5761;
    --colors-gray-700: #384250;
    --colors-gray-800: #1f2a37;
    --colors-gray-900: #111927;
    --colors-gray-950: #0d121c;
    --colors-brand-25: #f7fdf9;
    --colors-brand-50: #f3fcf6;
    --colors-brand-100: #dff6e7;
    --colors-brand-200: #b8eacb;
    --colors-brand-300: #88d8ad;
    --colors-brand-400: #54c08a;
    --colors-brand-500: #25935f;
    --colors-brand-600: #1b8354;
    --colors-brand-700: #166a45;
    --colors-brand-800: #14573a;
    --colors-brand-900: #104631;
    --colors-brand-950: #092a1e;
    --colors-gold-25: #fffef7;
    --colors-gold-50: #fffef2;
    --colors-gold-100: #fffce6;
    --colors-gold-200: #fcf3bd;
    --colors-gold-300: #fae996;
    --colors-gold-400: #f7d54d;
    --colors-gold-500: #f5bd02;
    --colors-gold-600: #dba102;
    --colors-gold-700: #b87b02;
    --colors-gold-800: #945c01;
    --colors-gold-900: #6e3c00;
    --colors-gold-950: #472400;
    --colors-lavender-25: #fefcff;
    --colors-lavender-50: #f9f5fa;
    --colors-lavender-100: #f2e9f5;
    --colors-lavender-200: #e1cce8;
    --colors-lavender-300: #ccadd9;
    --colors-lavender-400: #a57bba;
    --colors-lavender-500: #80519f;
    --colors-lavender-600: #6d428f;
    --colors-lavender-700: #532d75;
    --colors-lavender-800: #3d1d5e;
    --colors-lavender-900: #281047;
    --colors-lavender-950: #16072e;
    --colors-error-25: #fffbfa;
    --colors-error-50: #fef3f2;
    --colors-error-100: #fee4e2;
    --colors-error-200: #fecdca;
    --colors-error-300: #fda29b;
    --colors-error-400: #f97066;
    --colors-error-500: #f04438;
    --colors-error-600: #d92d20;
    --colors-error-700: #b42318;
    --colors-error-800: #912018;
    --colors-error-900: #7a271a;
    --colors-error-950: #55160c;
    --colors-warning-25: #fffcf5;
    --colors-warning-50: #fffaeb;
    --colors-warning-100: #fef0c7;
    --colors-warning-200: #fedf89;
    --colors-warning-300: #fec84b;
    --colors-warning-400: #fdb022;
    --colors-warning-500: #f79009;
    --colors-warning-600: #dc6803;
    --colors-warning-700: #b54708;
    --colors-warning-800: #93370d;
    --colors-warning-900: #7a2e0e;
    --colors-warning-950: #4e1d09;
    --colors-info-25: #f5faff;
    --colors-info-50: #eff8ff;
    --colors-info-100: #d1e9ff;
    --colors-info-200: #b2ddff;
    --colors-info-300: #84caff;
    --colors-info-400: #53b1fd;
    --colors-info-500: #2e90fa;
    --colors-info-600: #1570ef;
    --colors-info-700: #175cd3;
    --colors-info-800: #1849a9;
    --colors-info-900: #194185;
    --colors-info-950: #102a56;
    --colors-success-25: #f6fef9;
    --colors-success-50: #ecfdf3;
    --colors-success-100: #dcfae6;
    --colors-success-200: #abefc6;
    --colors-success-300: #75e0a7;
    --colors-success-400: #47cd89;
    --colors-success-500: #17b26a;
    --colors-success-600: #079455;
    --colors-success-700: #067647;
    --colors-success-800: #085d3a;
    --colors-success-900: #074d31;
    --colors-success-950: #053321;
    --gradient-brand-600-500-90deg: linear-gradient(90deg, var(--colors-brand-600) 0%, var(--colors-brand-500) 100%);
    --gradient-brand-700-600-45deg: linear-gradient(45deg, var(--colors-brand-700) 0%, var(--colors-brand-600) 100%);
    --gradient-brand-800-600-45deg: linear-gradient(45deg, var(--colors-brand-800) 0%, var(--colors-brand-600) 100%);
    --gradient-brand-800-600-90deg: linear-gradient(90deg, var(--colors-brand-800) 0%, var(--colors-brand-600) 100%);
    --gradient-brand-800-700-26-5deg: linear-gradient(26.5deg, var(--colors-brand-600) 0%, var(--colors-brand-700) 100%);
    --gradient-brand-900-600-45deg: linear-gradient(45deg, var(--colors-brand-900) 0%, var(--colors-brand-600) 100%);
    --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    --shadow-sm: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
    --shadow-md: 0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.1);
    --shadow-lg: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
    --shadow-xl: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
    --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);
    --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);
    --font-thin: 100;
    --font-extra-light: 200;
    --font-light: 300;
    --font-regular: 400;
    --font-medium: 500;
    --font-semi-bold: 600;
    --font-bold: 700;
    --spacing-none: 0px;
    --spacing-xxs: 2px;
    --spacing-xs: 4px;
    --spacing-sm: 6px;
    --spacing-md: 8px;
    --spacing-lg: 12px;
    --spacing-xl: 16px;
    --spacing-2xl: 20px;
    --spacing-3xl: 24px;
    --spacing-4xl: 32px;
    --spacing-5xl: 40px;
    --spacing-6xl: 48px;
    --spacing-7xl: 64px;
    --spacing-8xl: 80px;
    --spacing-9xl: 96px;
    --spacing-10xl: 128px;
    --spacing-11xl: 160px;
    --Display-2xlF: 72px;
    --Display-2xlL: 90px;
    --Display-xlF: 60px;
    --Display-xlL: 72px;
    --Display-lgF: 48px;
    --Display-lgL: 60px;
    --Display-mdF: 36px;
    --Display-mdL: 44px;
    --Display-smF: 30px;
    --Display-smL: 38px;
    --Display-xsF: 24px;
    --Display-xsL: 32px;
    --Text-xlF: 20px;
    --Text-xlL: 30px;
    --Text-lgF: 18px;
    --Text-lgL: 28px;
    --Text-mdF: 16px;
    --Text-mdL: 24px;
    --Text-smF: 14px;
    --Text-smL: 20px;
    --Text-xsF: 12px;
    --Text-xsL: 18px;
    --Text-2xsF: 10px;
    --Text-2xsL: 14px;
}

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

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



a:focus:not(.language):not(.sub-navLinks a):not(.ms-core-listMenu-item):not(.link-underline-opacity-0):not(.nav-link):not(.page-link):not(.primary-link-btn) {
    color: #1b8354;
    outline: 2px solid #161616;
}

a:hover:not(.language):not(.sub-navLinks a):not(.ms-core-listMenu-item):not(.link-underline-opacity-0):not(.nav-link):not(.primary-link-btn) {
    text-decoration: underline;
    color: #54c08a;
}

.digital-stamp-card .digital-stamp-header .btn-digital-stamp-card {
    cursor: pointer;
}

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

a {
    text-decoration: none;
    color: #1b8354;
}

    a:focus:not(.language):not(.sub-navLinks a):not(.ms-core-listMenu-item):not(.link-underline-opacity-0):not(.nav-link):not(.page-link):not(.primary-link-btn) {
        color: #1b8354;
        outline: 2px solid #161616;
    }

.digital-stamp-card {
    padding: 0px 32px;
    border-bottom: 1px solid #d2d6db;
    background: #f3f4f6
}

    .digital-stamp-card .digital-stamp-header {
        display: flex;
        align-items: center;
        gap: 10px
    }

        .digital-stamp-card .digital-stamp-header h6, .digital-stamp-card .digital-stamp-header .h6 {
            margin: 0px;
            color: #161616;
            font-size: 14px
        }

        .digital-stamp-card .digital-stamp-header .btn-digital-stamp-card {
            cursor: pointer
        }

            .digital-stamp-card .digital-stamp-header .btn-digital-stamp-card span {
                color: #1b8354;
                font-size: 14px
            }

            .digital-stamp-card .digital-stamp-header .btn-digital-stamp-card svg, .digital-stamp-card .digital-stamp-header .btn-digital-stamp-card img {
                transition: .3s
            }

        .digital-stamp-card .digital-stamp-header.open .btn-digital-stamp-card svg, .digital-stamp-card .digital-stamp-header.open .btn-digital-stamp-card img {
            transform: rotate(-180deg)
        }

.btn-digital-stamp-card img {
    margin-left: 4px;
    margin-right: 4px
}

.digital-stamp-card .digital-stamp-body {
    padding-top: 40px;
    padding-bottom: 32px; 
}

    .digital-stamp-card .digital-stamp-body .digital-stamp-container {
        margin-bottom: 32px;
        display: flex;
        gap: 32px
    }

        .digital-stamp-card .digital-stamp-body .digital-stamp-container .box {
            display: flex;
            align-items: flex-start;
            gap: 18px
        }

            .digital-stamp-card .digital-stamp-body .digital-stamp-container .box .img-border-rounded {
                padding: 14px 16px;
                display: flex;
                align-items: center;
                justify-content: center;
                border: 1px solid #067647;
                border-radius: 100%
            }

            .digital-stamp-card .digital-stamp-body .digital-stamp-container .box h6, .digital-stamp-card .digital-stamp-body .digital-stamp-container .box .h6 {
                margin-top: 0px;
                margin-bottom: 12px;
                color: #161616;
                font-size: 18px
            }

            .digital-stamp-card .digital-stamp-body .digital-stamp-container .box .green-text {
                color: #1b8354
            }

            .digital-stamp-card .digital-stamp-body .digital-stamp-container .box p {
                margin: 0px;
                color: #384250;
                font-size: 16px
            }

    .digital-stamp-card .digital-stamp-body .stamp-link-box {
        padding: 8px 28px;
        display: flex;
        align-items: center;
        gap: 12px;
        border-radius: 8px;
        background: #fff
    }

        .digital-stamp-card .digital-stamp-body .stamp-link-box p {
            margin: 0px;
            color: #161616;
            font-size: 16px
        }

        .digital-stamp-card .digital-stamp-body .stamp-link-box a {
            color: #1b8354;
            font-size: 16px;
            text-decoration: underline
        }

.stamp-ar {
    direction: rtl
}

.stamp-en {
    direction: rtl
}

.footer_area .shape {
    display: none !important;
}

@media(max-width: 768px) {
    .digital-stamp-card {
        padding: 8px 16px
    }

        .digital-stamp-card .digital-stamp-header {
            flex-wrap: wrap
        }

            .digital-stamp-card .digital-stamp-header .btn-digital-stamp-card {
                flex: 100%;
                margin-left: 33px
            }

        .digital-stamp-card .digital-stamp-body .digital-stamp-container {
            flex-direction: column
        }

    [dir=ltr] .digital-stamp-card .digital-stamp-header .btn-digital-stamp-card {
        margin-left: 0px;
        margin-right: 33px
    }
}

.header-menu .nav_scroll {
    gap: 0;
}

.header-menu ul li {
    color: #161616 !important;
    border-radius: 4px !important;
    font-size: 16px;
}

    .header-menu ul li a {
        padding: 0px 16px;
        height: 100%;
        position: relative;
        border-radius: 4px;
        cursor: pointer;
        font-size: 16px;
        height: 72px;
        font-weight: normal;
        line-height: 75px;
        color: #161616 !important;
        text-decoration: none;
        font-family: IBMPlexSansArabic-Medium;
    }

        .header-menu ul li a.clicked {
            background-color: #d2d6db !important;
            color: black !important;
        }

        .header-menu ul li a:hover:after,
        .header-menu ul li a:hover:after,
        .text-muted-link:hover:after {
            content: "";
            display: block;
            width: calc(100% - 16px);
            height: 8px;
            border-radius: 9999px;
            position: absolute;
            bottom: 0;
            right: 50%;
            transform: translate(50%);
            background-color: #9da4ae !important;
        }

.advisar-header-area {
    position: relative;
    z-index: 3;
    padding: 0px 0;
    height:72px;
}

.header-menu ul li a {
    text-decoration: none !important;
}

    .header-menu ul li a:hover {
        text-decoration: none;
    }

    .header-menu ul li a:is(:hover) {
        background-color: #f3f4f6;
        color: #161616;
        text-decoration: none;
    }

    .header-menu ul li a:is(:focus) {
        background-color: #e5e7eb;
        color: #161616;
        -webkit-box-shadow: 0 0 0 2px #161616;
        box-shadow: 0 0 0 2px #161616;
    }

.header-menu ul li > a.active {
    background-color: #1b8354 !important;
    color: #fff !important;
    -webkit-box-shadow: 0 0 0 5px #fff0;
    box-shadow: 0 0 0 5px #fff0;
    outline: 2px solid #fff0;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-decoration: none;
}

    .header-menu ul li > a.active span {
        font-size: 13px;
        color: #ffffff;
        margin-right: 5px;
        position: relative;
        top: -1px;
    }

    .header-menu ul li > a.active::after {
        display: block;
        background-color: #54c08a !important;
        display: block;
    }

    .header-menu ul li > a.active::after {
        content: "";
        display: block;
        width: calc(100% - 16px);
        height: 8px;
        border-radius: 9999px;
        position: absolute;
        bottom: 0;
        right: 50%;
        transform: translate(50%);
        background-color: #9da4ae;
    }


.searchBoxDiv {
    display: none;
    position: absolute;
    top: 181px;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: #ffffff;
    padding: 32px 0px;
    border: 1px solid #d2d6db
}

    .searchBoxDiv .Defecontainer {
        display: flex;
        flex-direction: column;
        gap: 40px;
        align-items: flex-end
    }

.closebtnPopUp {
    height: 20px;
    width: 20px;
    min-width: 20px;
    border: 0;
    background: #ffffff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-decoration: none !important
}

    .closebtnPopUp i {
        color: #0d121c;
        font-size: 20px;
        line-height: 32px
    }

    .closebtnPopUp:hover {
        background-color: #f3f4f6
    }

    .closebtnPopUp:active {
        background-color: var(-colors-gray-200)
    }

    .closebtnPopUp:focus {
        background-color: rgba(0,0,0,0);
        outline: 2px solid #0d121c !important
    }

.searchDiv {
    display: flex;
    gap: 16px;
    width: 100%
}

.input-rega .searchInput {
    padding: 0px 8px 0px 40px !important;
    background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.16675 1.04175C4.67943 1.04175 1.04175 4.67943 1.04175 9.16675C1.04175 13.6541 4.67943 17.2917 9.16675 17.2917C11.1854 17.2917 13.0322 16.5556 14.4531 15.337L17.8915 18.7754C18.1356 19.0194 18.5313 19.0194 18.7754 18.7754C19.0194 18.5313 19.0194 18.1356 18.7754 17.8915L15.337 14.4531C16.5556 13.0322 17.2917 11.1854 17.2917 9.16675C17.2917 4.67943 13.6541 1.04175 9.16675 1.04175ZM2.29175 9.16675C2.29175 5.36979 5.36979 2.29175 9.16675 2.29175C12.9637 2.29175 16.0417 5.36979 16.0417 9.16675C16.0417 12.9637 12.9637 16.0417 9.16675 16.0417C5.36979 16.0417 2.29175 12.9637 2.29175 9.16675Z" fill="%23161616"/></svg>');
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: calc(100% - (100% - 16px)) !important
}

html[dir=ltr] .input-rega .searchInput {
    padding: 0px 40px 0px 8px !important;
    background-position: right 16px top 50% !important
}

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.72505 3.72456C3.96913 3.48048 4.36486 3.48048 4.60893 3.72456L10.0003 9.11595L15.3917 3.72456C15.6358 3.48048 16.0315 3.48048 16.2756 3.72456C16.5197 3.96864 16.5197 4.36437 16.2756 4.60845L10.8842 9.99984L16.2756 15.3912C16.5197 15.6353 16.5197 16.031 16.2756 16.2751C16.0315 16.5192 15.6358 16.5192 15.3917 16.2751L10.0003 10.8837L4.60893 16.2751C4.36486 16.5192 3.96913 16.5192 3.72505 16.2751C3.48097 16.031 3.48097 15.6353 3.72505 15.3912L9.11644 9.99984L3.72505 4.60845C3.48097 4.36437 3.48097 3.96864 3.72505 3.72456Z" fill="%23161616"/></svg>');
    background-size: 20px;
    background-repeat: no-repeat
}

.searchDiv .searchInput {
    background-color: rgba(0,0,0,0) !important;
    border: 1px solid #9da4ae;
    padding: 0px 8px 0 16px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 24px;
    width: 100%
}

    .searchDiv .searchInput:hover {
        border: 1px solid #384250
    }

    .searchDiv .searchInput:active {
        background-color: #f3f4f6 !important
    }

    .searchDiv .searchInput:focus, .searchDiv .searchInput:focus-visible {
        box-shadow: none;
        border: 1px solid #9da4ae;
        outline: none
    }

.searchDiv a {
    width: fit-content;
    text-decoration: none;
    padding: 8px 16px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    background-color: #1b8354;
    color: #ffffff;
    margin: 0px;
    border-radius: 4px;
    cursor: pointer
}

    .searchDiv a:hover {
        background-color: #166a45
    }

    .searchDiv a:active {
        background-color: #104631
    }

    .searchDiv a:focus {
        height: 40px;
        padding: 6px 16px;
        background-color: #1b8354;
        border: 1px solid #ffffff;
        outline: 2px solid #0d121c !important
    }

.Suggestions {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 16px
}

    .Suggestions h6, .Suggestions .h6 {
        color: #1b8354;
        margin: 0;
        font-weight: 600;
        font-size: 18px;
        line-height: 28px
    }

.SuggestionsTags {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 8px
}

    .SuggestionsTags a {
        height: 32px;
        display: flex;
        gap: 4px;
        width: fit-content;
        position: relative;
        padding: 4px 12px;
        font-size: 16px;
        line-height: 24px;
        margin: 0px;
        border-radius: 4px;
        font-weight: 500;
        color: #1f2a37;
        background-color: #f3f4f6;
        align-items: center;
        cursor: pointer;
        text-decoration: none
    }

        .SuggestionsTags a:hover {
            background-color: #e5e7eb
        }

        .SuggestionsTags a:active {
            background-color: #d2d6db
        }

        .SuggestionsTags a:focus, .SuggestionsTags a:focus-visible {
            outline: 2px solid #0d121c !important
        }

.Defecontainer {
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto
}

@media(max-width: 600px) {
    .Defecontainer, .DefecontainerCol {
        max-width: calc(100% - 32px) !important
    }

    .navActions {
        display: none !important
    }

    .helper-nav {
        display: none !important
    }
}

@media(max-width: 1280px) {
    .Defecontainer, .DefecontainerCol {
        max-width: calc(100% - 64px) !important
    }
}

.input-rega .searchInput {
    padding: 0px 8px 0px 40px !important;
    background: url(data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.16675 1.04175C4.67943 1.04175 1.04175 4.67943 1.04175 9.16675C1.04175 13.6541 4.67943 17.2917 9.16675 17.2917C11.1854 17.2917 13.0322 16.5556 14.4531 15.337L17.8915 18.7754C18.1356 19.0194 18.5313 19.0194 18.7754 18.7754C19.0194 18.5313 19.0194 18.1356 18.7754 17.8915L15.337 14.4531C16.5556 13.0322 17.2917 11.1854 17.2917 9.16675C17.2917 4.67943 13.6541 1.04175 9.16675 1.04175ZM2.29175 9.16675C2.29175 5.36979 5.36979 2.29175 9.16675 2.29175C12.9637 2.29175 16.0417 5.36979 16.0417 9.16675C16.0417 12.9637 12.9637 16.0417 9.16675 16.0417C5.36979 16.0417 2.29175 12.9637 2.29175 9.16675Z" fill="%23161616"/></svg>);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: calc(100% - (100% - 16px)) !important;
}

.form-control, .choices__input {
    background-color: rgba(0, 0, 0, 0) !important;
}

.form-control, .choices__inner {
    height: 40px;
    background-color: rgba(0, 0, 0, 0) !important;
    border: 1px solid #9da4ae;
    padding: 0px 8px 0px 16px !important;
    border-radius: 4px !important;
    font-size: 16px;
    line-height: 24px;
}

btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family:;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 4px;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.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;
}

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

button, select {
    text-transform: none;
}



.searchDiv {
    display: flex;
    gap: 16px;
    width: 100%;
    position: relative;
    align-items: center;
    border-radius: 3px;
    overflow: hidden;
}

.input-rega {
    width: 100%;
}

.btn-primary:active {
    background-color: #104631 !important;
}

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

a:focus:not(.language):not(.sub-navLinks a):not(.ms-core-listMenu-item):not(.link-underline-opacity-0):not(.nav-link):not(.page-link):not(.primary-link-btn) {
    color: #1b8354;
    outline: 2px solid #161616;
}

.hero_area {
    height: 500px;
}


.searchBoxDiv {
    display: none;
    position: absolute;
    top: 170px;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: #ffffff;
    padding: 32px 0px;
    border: 1px solid #d2d6db
}

    .searchBoxDiv .REGAcontainer {
        display: flex;
        flex-direction: column;
        gap: 40px;
        align-items: flex-end
    }

.closebtnPopUp {
    height: 20px;
    width: 20px;
    min-width: 20px;
    border: 0;
    background: #ffffff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-decoration: none !important
}

    .closebtnPopUp i {
        color: #0d121c;
        font-size: 20px;
        line-height: 32px
    }

    .closebtnPopUp:hover {
        background-color: #f3f4f6
    }

    .closebtnPopUp:active {
        background-color: var(-colors-gray-200)
    }

    .closebtnPopUp:focus {
        background-color: rgba(0,0,0,0);
        outline: 2px solid #0d121c !important
    }

.searchDiv {
    display: flex;
    gap: 16px;
    width: 100%
}

.input-rega .searchInput {
    padding: 0px 8px 0px 40px !important;
    background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.16675 1.04175C4.67943 1.04175 1.04175 4.67943 1.04175 9.16675C1.04175 13.6541 4.67943 17.2917 9.16675 17.2917C11.1854 17.2917 13.0322 16.5556 14.4531 15.337L17.8915 18.7754C18.1356 19.0194 18.5313 19.0194 18.7754 18.7754C19.0194 18.5313 19.0194 18.1356 18.7754 17.8915L15.337 14.4531C16.5556 13.0322 17.2917 11.1854 17.2917 9.16675C17.2917 4.67943 13.6541 1.04175 9.16675 1.04175ZM2.29175 9.16675C2.29175 5.36979 5.36979 2.29175 9.16675 2.29175C12.9637 2.29175 16.0417 5.36979 16.0417 9.16675C16.0417 12.9637 12.9637 16.0417 9.16675 16.0417C5.36979 16.0417 2.29175 12.9637 2.29175 9.16675Z" fill="%23161616"/></svg>');
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: calc(100% - (100% - 16px)) !important
}

html[dir=ltr] .input-rega .searchInput {
    padding: 0px 40px 0px 8px !important;
    background-position: right 16px top 50% !important
}

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.72505 3.72456C3.96913 3.48048 4.36486 3.48048 4.60893 3.72456L10.0003 9.11595L15.3917 3.72456C15.6358 3.48048 16.0315 3.48048 16.2756 3.72456C16.5197 3.96864 16.5197 4.36437 16.2756 4.60845L10.8842 9.99984L16.2756 15.3912C16.5197 15.6353 16.5197 16.031 16.2756 16.2751C16.0315 16.5192 15.6358 16.5192 15.3917 16.2751L10.0003 10.8837L4.60893 16.2751C4.36486 16.5192 3.96913 16.5192 3.72505 16.2751C3.48097 16.031 3.48097 15.6353 3.72505 15.3912L9.11644 9.99984L3.72505 4.60845C3.48097 4.36437 3.48097 3.96864 3.72505 3.72456Z" fill="%23161616"/></svg>');
    background-size: 20px;
    background-repeat: no-repeat
}

.searchDiv .searchInput {
    background-color: rgba(0,0,0,0) !important;
    border: 1px solid #9da4ae;
    padding: 0px 8px 0 16px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 24px;
    width: 100%
}

    .searchDiv .searchInput:hover {
        border: 1px solid #384250
    }

    .searchDiv .searchInput:active {
        background-color: #f3f4f6 !important
    }

    .searchDiv .searchInput:focus, .searchDiv .searchInput:focus-visible {
        box-shadow: none;
        border: 1px solid #9da4ae;
        outline: none
    }

.searchDiv a {
    width: fit-content;
    text-decoration: none;
    padding: 8px 16px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    background-color: #1b8354;
    color: #ffffff;
    margin: 0px;
    border-radius: 4px;
    cursor: pointer
}

    .searchDiv a:hover {
        background-color: #166a45
    }

    .searchDiv a:active {
        background-color: #104631
    }

    .searchDiv a:focus {
        height: 40px;
        padding: 6px 16px;
        background-color: #1b8354;
        border: 1px solid #ffffff;
        outline: 2px solid #0d121c !important
    }

.Suggestions {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 16px
}

    .Suggestions h6, .Suggestions .h6 {
        color: #1b8354;
        margin: 0;
        font-weight: 600;
        font-size: 18px;
        line-height: 28px
    }

.SuggestionsTags {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 8px
}

    .SuggestionsTags a {
        height: 32px;
        display: flex;
        gap: 4px;
        width: fit-content;
        position: relative;
        padding: 4px 12px;
        font-size: 16px;
        line-height: 24px;
        margin: 0px;
        border-radius: 4px;
        font-weight: 500;
        color: #1f2a37;
        background-color: #f3f4f6;
        align-items: center;
        cursor: pointer;
        text-decoration: none
    }

        .SuggestionsTags a:hover {
            background-color: #e5e7eb
        }

        .SuggestionsTags a:active {
            background-color: #d2d6db
        }

        .SuggestionsTags a:focus, .SuggestionsTags a:focus-visible {
            outline: 2px solid #0d121c !important
        }

.REGAcontainer {
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto
}

@media(max-width: 600px) {
    .REGAcontainer, .REGAcontainerCol {
        max-width: calc(100% - 32px) !important
    }

    .navActions {
        display: none !important
    }

    .helper-nav {
        display: none !important
    }
}

@media(max-width: 1280px) {
    .REGAcontainer, .REGAcontainerCol {
        max-width: calc(100% - 64px) !important
    }
}

btn {
    display: inline-block;
    padding: 0.375rem 0.75rem;
    font-family:;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #161616;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: 1px solid #9da4ae;
    border-radius: 4px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

    btn:hover {
        color: #1b8354;
        background-color: #f3f4f6;
        border-color: #384250;
    }

    btn:focus {
        outline: 2px solid #161616;
        box-shadow: none;
    }

    btn:active {
        color: #104631;
        background-color: #e5e7eb;
        border-color: #1b8354;
    }

.btn-primary {
    border-radius: 4px !important;
    font-size: 16px !important;
    box-shadow: none !important;
}

    .btn-primary, .btn-primary:active, .btn-primary:focus {
        color: #fff !important;
        background-color: #1b8354 !important;
        border-color: #1b8354 !important;
    }

        .btn-primary:hover {
            color: #fff !important;
            background-color: #166a45 !important;
            border-color: #166a45 !important;
        }

        .btn-primary:active {
            color: #fff !important;
            background-color: #104631 !important;
            border-color: #104631 !important;
        }

.header-action button {
    padding: var(--spacing-none) var(--spacing-xl);
    height: 100%;
    position: relative;
    border-radius: 4px;
    cursor: pointer;
    font-size: var(--Text-mdF);
}

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

button, select {
    text-transform: none;
}


@font-face {
    font-family: "saud";
    src: url("/Style%20Library/UDesign/fonts/b439cb5b11edfa11.p.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "saud";
    src: url("/Style%20Library/UDesign/fonts/7e7283aadd8af4db.p.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "saud";
    src: url("/Style%20Library/UDesign/fonts/5d3ec8ab9fe3adaf.p.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "saud";
    src: url("/Style%20Library/UDesign/fonts/a901b42c0c1bb027.p.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "saud";
    src: url("/Style%20Library/UDesign/fonts/3a9592b5610c1ef7.p.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "saud";
    src: url("/Style%20Library/UDesign/fonts/933e2aa197657348.p.woff2") format("woff2");
    font-weight: 600;
    dga font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "saud";
    src: url("/Style%20Library/UDesign/fonts/a2cd75e08896bc34.p.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "saud";
    src: url("/Style%20Library/UDesign/fonts/0eb5eef3282edfca.p.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: "IBMPlexSansArabic-Thin";
    src: url("fonts/IBMPlexSansArabic-Thin.eot");
    src: url("fonts/IBMPlexSansArabic-Thin.eot?#iefix") format("embedded-opentype"), url("fonts/IBMPlexSansArabic-Thin.woff2") format("woff2"), url("fonts/IBMPlexSansArabic-Thin.woff") format("woff"), url("fonts/IBMPlexSansArabic-Thin.ttf") format("truetype"), url("fonts/IBMPlexSansArabic-Thin.svg#IBMPlexSansArabic-Thin") format("svg");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IBMPlexSansArabic-ExtraLight";
    src: url("fonts/IBMPlexSansArabic-ExtraLight.eot");
    src: url("fonts/IBMPlexSansArabic-ExtraLight.eot?#iefix") format("embedded-opentype"), url("fonts/IBMPlexSansArabic-ExtraLight.woff2") format("woff2"), url("fonts/IBMPlexSansArabic-ExtraLight.woff") format("woff"), url("fonts/IBMPlexSansArabic-ExtraLight.ttf") format("truetype"), url("fonts/IBMPlexSansArabic-ExtraLight.svg#IBMPlexSansArabic-ExtraLight") format("svg");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IBMPlexSansArabic-Light";
    src: url("fonts/IBMPlexSansArabic-Light.eot");
    src: url("fonts/IBMPlexSansArabic-Light.eot?#iefix") format("embedded-opentype"),url("fonts/IBMPlexSansArabic-Light.woff2") format("woff2"),url("fonts/IBMPlexSansArabic-Light.woff") format("woff"),url("fonts/IBMPlexSansArabic-Light.ttf") format("truetype"),url("fonts/IBMPlexSansArabic-Light.svg#IBMPlexSansArabic-Light") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IBMPlexSansArabic-Regular";
    src: url("fonts/IBMPlexSansArabic-Regular.eot");
    src: url("fonts/IBMPlexSansArabic-Regular.eot?#iefix") format("embedded-opentype"),url("fonts/IBMPlexSansArabic-Regular.woff2") format("woff2"),url("fonts/IBMPlexSansArabic-Regular.woff") format("woff"),url("fonts/IBMPlexSansArabic-Regular.ttf") format("truetype"),url("fonts/IBMPlexSansArabic-Regular.svg#IBMPlexSansArabic-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IBMPlexSansArabic-Medium";
    src: url("fonts/IBMPlexSansArabic-Medium.eot");
    src: url("fonts/IBMPlexSansArabic-Medium.eot?#iefix") format("embedded-opentype"),url("fonts/IBMPlexSansArabic-Medium.woff2") format("woff2"),url("fonts/IBMPlexSansArabic-Medium.woff") format("woff"),url("fonts/IBMPlexSansArabic-Medium.ttf") format("truetype"),url("fonts/IBMPlexSansArabic-Medium.svg#IBMPlexSansArabic-Medium") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IBMPlexSansArabic-SemiBold";
    src: url("fonts/IBMPlexSansArabic-SemiBold.eot");
    src: url("fonts/IBMPlexSansArabic-SemiBold.eot?#iefix") format("embedded-opentype"),url("fonts/IBMPlexSansArabic-SemiBold.woff2") format("woff2"),url("fonts/IBMPlexSansArabic-SemiBold.woff") format("woff"),url("fonts/IBMPlexSansArabic-SemiBold.ttf") format("truetype"),url("fonts/IBMPlexSansArabic-SemiBold.svg#IBMPlexSansArabic-SemiBold") format("svg");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IBMPlexSansArabic-Bold";
    src: url("fonts/IBMPlexSansArabic-Bold.eot");
    src: url("fonts/IBMPlexSansArabic-Bold.eot?#iefix") format("embedded-opentype"),url("fonts/IBMPlexSansArabic-Bold.woff2") format("woff2"),url("fonts/IBMPlexSansArabic-Bold.woff") format("woff"),url("fonts/IBMPlexSansArabic-Bold.ttf") format("truetype"),url("fonts/IBMPlexSansArabic-Bold.svg#IBMPlexSansArabic-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}




@media (max-width: 480px) {
    .navbar .navbar-toggler {
        min-width: auto !important;
        position: relative;
        inset-inline-start: 10px !important;
    }
}

.hero-caption2 {
    flex: 0 0 80% !important;
    max-width: 80% !important;
    z-index: 999;
    min-height: 150px;
    top: 20vh;
    position: relative;
    width: auto;
    left: 10%;
    right: 10%;
    margin: 0;
}

    .hero-caption2 .hero-title {
        font-size: 60px;
        color: #E9DFCF;
        margin-bottom: 5px !important;
        text-shadow: none !important;
        text-align: start;
    }

    .hero-caption2 .hero-description {
        font-size: 20px;
        color: #D6CDCB;
        margin-top: 0;
    }

    .hero-caption2 .hero-action {
        color: #161616;
        font-size: 16px;
        opacity: 1;
        display: flex;
    }

@media (max-width: 576px) {


    .hero-caption2 {
        flex: 0 0 96% !important;
        max-width: 96% !important;
        z-index: 999;
        min-height: 150px;
        top: 18vh;
        position: relative;
        width: auto;
        left: 2%;
        right: 2%;
        margin: 0;
        padding: 0 !important;
    }

        .hero-caption2 .hero-title {
            font-size: 36px !important;
            line-height: 1.5;
        }
}

#ehsanlogo {
    position: fixed;
    right: 22px;
    inset-block-end: 78px;
    left: auto;
    background: transparent;
    align-items: center;
    justify-content: center;
    transition: background 0.3s;
    z-index: 9999 !important;
}

.uwy .uai img:not(.userway_check_on),
.uwy .ulsti img:not(.userway_check_on),
body .uwy .uai img:not(.userway_check_on),
body .uwy .ulsti img:not(.userway_check_on) {
    width: 56px !important;
    height: 56px !important;
}

.hero-slider .swiper-pagination {
    padding: 5px 0;
    bottom: 30px !important;
}



:root {
    /* Font */
    --dga-font-regular: "IBMPlexSansArabic", sans-serif;
    --dga-font-medium: "IBMPlexSansArabic-Medium", sans-serif;
    --dga-font-bold: "IBMPlexSansArabic-Bold", sans-serif;
    /* Spacing & Radius */
    --dga-radius-4: 4px;
    --dga-space-4: 4px;
    --dga-space-8: 8px;
    --dga-space-12: 12px;
    --dga-space-16: 16px;
    /* Focus */
    --dga-focus-inner: 3px;
    --dga-focus-outer: 2px;
    /* Sizes */
    --dga-size-lg: 40px;
    --dga-size-md: 32px;
    --dga-size-sm: 24px;
    --dga-font-lg: 16px;
    --dga-font-md: 14px;
    --dga-font-sm: 12px;
    --dga-icon-lg: 24px;
    --dga-icon-md: 20px;
    --dga-icon-sm: 16px;
    /* Colors */
    --dga-white: #FFFFFF;
    --dga-black: #161616;
    --dga-disabled-bg: #E5E7EB;
    --dga-disabled-text: #9DA4AE;
    --dga-disabled-border: #E5E7EB;
    /* Primary */
    --dga-primary-default: #1B8354;
    --dga-primary-hover: #166A45;
    --dga-primary-pressed: #104631;
    --dga-primary-selected: #14573A;
    /* Neutral */
    --dga-neutral-default: #0D121C;
    --dga-neutral-hover: #1F2A37;
    --dga-neutral-pressed: #4D5761;
    --dga-neutral-selected: #384250;
    /* Secondary Outline */
    --dga-so-border: #D2D6DB;
    --dga-so-hover-bg: #F3F4F6;
    --dga-so-hover-border: #E5E7EB;
    --dga-so-pressed-bg: #E5E7EB;
    --dga-so-pressed-border: #D2D6DB;
    --dga-so-selected-bg: #E5E7EB;
    --dga-so-selected-border: #D2D6DB;
    --dga-so-text: #161616;
    /* Secondary Solid */
    --dga-ss-default-bg: #F3F4F6;
    --dga-ss-default-text: #161616;
    --dga-ss-hover-bg: #E5E7EB;
    --dga-ss-pressed-bg: #E5E7EB;
    --dga-ss-selected-bg: #E5E7EB;
}

/* Font Face Definitions */
@font-face {
    font-family: 'IBMPlexSansArabic';
    src: url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;700&display=swap');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'IBMPlexSansArabic-Medium';
    src: url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@500&display=swap');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'IBMPlexSansArabic-Bold';
    src: url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@700&display=swap');
    font-weight: 700;
    font-style: normal;
}

/* =========================
   BASE BUTTON STYLES
========================= */
.dga-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--dga-space-4);
    padding-left: var(--dga-space-16);
    padding-right: var(--dga-space-16);
    border-radius: var(--dga-radius-4);
    border: none;
    outline: none;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: middle;
    font-family: var(--dga-font-medium) !important;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    position: relative;
    /* neutralize Bootstrap btn */
    --bs-btn-padding-x: 0;
    --bs-btn-padding-y: 0;
    --bs-btn-font-size: inherit;
    --bs-btn-line-height: inherit;
    --bs-btn-border-width: 0;
    --bs-btn-border-radius: 0;
    --bs-btn-box-shadow: none;
    --bs-btn-disabled-opacity: 1;
    --bs-btn-focus-box-shadow: none;
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: transparent;
}

button.dga-btn {
    appearance: none;
    -webkit-appearance: none;
}

a.dga-btn {
    line-height: 1;
    display: inline-flex;
    text-decoration: none !important;
}

/* =========================
   BUTTON SIZES WITH PROPER PADDING
========================= */

/* Large buttons - height 40px */
.dga-btn--lg {
    height: var(--dga-size-lg);
    font-size: var(--dga-font-lg);
    padding-left: var(--dga-space-16);
    padding-right: var(--dga-space-16);
}

/* Medium buttons - height 32px */
.dga-btn--md {
    height: var(--dga-size-md);
    font-size: var(--dga-font-md);
    padding-left: var(--dga-space-12);
    padding-right: var(--dga-space-12);
}

/* Small buttons - height 24px */
.dga-btn--sm {
    height: var(--dga-size-sm);
    font-size: var(--dga-font-sm);
    padding-left: var(--dga-space-8);
    padding-right: var(--dga-space-8);
}

/* Icon Styles */
.dga-btn__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.dga-btn--lg .dga-btn__icon {
    width: var(--dga-icon-lg);
    height: var(--dga-icon-lg);
}

.dga-btn--md .dga-btn__icon {
    width: var(--dga-icon-md);
    height: var(--dga-icon-md);
}

.dga-btn--sm .dga-btn__icon {
    width: var(--dga-icon-sm);
    height: var(--dga-icon-sm);
}

.dga-btn__icon svg {
    width: 100%;
    height: 100%;
    display: block;
}

/* Icon Only Buttons - no padding */
.dga-btn--icon-only {
    padding-left: 0 !important;
    padding-right: 0 !important;
    gap: 0;
}

    .dga-btn--icon-only.dga-btn--lg {
        width: 40px;
    }

    .dga-btn--icon-only.dga-btn--md {
        width: 32px;
    }

    .dga-btn--icon-only.dga-btn--sm {
        width: 24px;
    }

/* Icon Right */
.dga-btn--icon-right {
    flex-direction: row-reverse;
}

/* Icon spacing */
.dga-btn .dga-btn__icon:first-child {
    margin-right: var(--dga-space-4);
}

.dga-btn .dga-btn__icon:last-child {
    margin-left: var(--dga-space-4);
}

.dga-btn--icon-right .dga-btn__icon:first-child {
    margin-right: 0;
    margin-left: var(--dga-space-4);
}

.dga-btn--icon-right .dga-btn__icon:last-child {
    margin-left: 0;
    margin-right: var(--dga-space-4);
}

.dga-btn--icon-only .dga-btn__icon:first-child,
.dga-btn--icon-only .dga-btn__icon:last-child {
    margin: 0;
}

/* Disabled States */
button.dga-btn:disabled,
.dga-btn.dga-is-disabled,
a.dga-btn[aria-disabled="true"],
a.dga-btn.disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 1;
}

/* =========================
   PRIMARY BUTTON - WITH FOCUS
========================= */
.dga-btn--primary {
    background: var(--dga-primary-default);
    color: var(--dga-white);
}

    .dga-btn--primary:hover,
    .dga-btn--primary.dga-is-hover {
        background: var(--dga-primary-hover);
        color: var(--dga-white);
    }

    .dga-btn--primary:active,
    .dga-btn--primary.dga-is-pressed {
        background: var(--dga-primary-pressed);
        color: var(--dga-white);
    }

    .dga-btn--primary[aria-pressed="true"],
    .dga-btn--primary.dga-is-selected {
        background: var(--dga-primary-selected);
        color: var(--dga-white);
    }

    /* FOCUS - Multiple selectors for maximum compatibility */
    .dga-btn--primary:focus,
    .dga-btn--primary:focus-visible,
    .dga-btn--primary.dga-is-focused,
    a.dga-btn--primary:focus,
    a.dga-btn--primary:focus-visible,
    a.dga-btn--primary.dga-is-focused {
        background: var(--dga-primary-default) !important;
        color: var(--dga-white) !important;
        box-shadow: inset 0 0 0 var(--dga-focus-inner) #FFFFFF, 0 0 0 var(--dga-focus-outer) #161616 !important;
        outline: none;
        text-decoration: none;
    }

    /* Disabled states */
    button.dga-btn--primary:disabled,
    .dga-btn--primary.dga-is-disabled,
    a.dga-btn--primary[aria-disabled="true"],
    a.dga-btn--primary.disabled {
        background: var(--dga-disabled-bg);
        color: var(--dga-disabled-text);
        box-shadow: none;
    }

/* =========================
   NEUTRAL BUTTON - WITH FOCUS
========================= */
.dga-btn--neutral {
    background: var(--dga-neutral-default);
    color: var(--dga-white);
}

    .dga-btn--neutral:hover,
    .dga-btn--neutral.dga-is-hover {
        background: var(--dga-neutral-hover);
        color: var(--dga-white);
    }

    .dga-btn--neutral:active,
    .dga-btn--neutral.dga-is-pressed {
        background: var(--dga-neutral-pressed);
        color: var(--dga-white);
    }

    .dga-btn--neutral[aria-pressed="true"],
    .dga-btn--neutral.dga-is-selected {
        background: var(--dga-neutral-selected);
        color: var(--dga-white);
    }

    /* FOCUS */
    .dga-btn--neutral:focus,
    .dga-btn--neutral:focus-visible,
    .dga-btn--neutral.dga-is-focused,
    a.dga-btn--neutral:focus,
    a.dga-btn--neutral:focus-visible,
    a.dga-btn--neutral.dga-is-focused {
        background: var(--dga-neutral-default) !important;
        color: var(--dga-white) !important;
        box-shadow: inset 0 0 0 var(--dga-focus-inner) #FFFFFF, 0 0 0 var(--dga-focus-outer) #161616 !important;
        outline: none;
        text-decoration: none;
    }

    button.dga-btn--neutral:disabled,
    .dga-btn--neutral.dga-is-disabled,
    a.dga-btn--neutral[aria-disabled="true"],
    a.dga-btn--neutral.disabled {
        background: var(--dga-disabled-bg);
        color: var(--dga-disabled-text);
        box-shadow: none;
    }

/* =========================
   SECONDARY OUTLINE - WITH FOCUS
========================= */
.dga-btn--secondary-outline {
    background: transparent;
    color: var(--dga-so-text);
    border: 1px solid var(--dga-so-border);
}

    .dga-btn--secondary-outline:hover,
    .dga-btn--secondary-outline.dga-is-hover {
        background: var(--dga-so-hover-bg);
        border-color: var(--dga-so-hover-border);
        color: #161616 !important;
    }

    .dga-btn--secondary-outline:active,
    .dga-btn--secondary-outline.dga-is-pressed {
        background: var(--dga-so-pressed-bg);
        border-color: var(--dga-so-pressed-border);
        color: #161616;
    }

    .dga-btn--secondary-outline[aria-pressed="true"],
    .dga-btn--secondary-outline.dga-is-selected {
        background: var(--dga-so-selected-bg);
        border-color: var(--dga-so-selected-border);
        color: #161616;
    }

    /* FOCUS */
    .dga-btn--secondary-outline:focus,
    .dga-btn--secondary-outline:focus-visible,
    .dga-btn--secondary-outline.dga-is-focused,
    a.dga-btn--secondary-outline:focus,
    a.dga-btn--secondary-outline:focus-visible,
    a.dga-btn--secondary-outline.dga-is-focused {
        background: transparent !important;
        color: #161616 !important;
        box-shadow: 0 0 0 2px #161616 !important;
        border-color: transparent !important;
        outline: none;
        text-decoration: none;
    }

    button.dga-btn--secondary-outline:disabled,
    .dga-btn--secondary-outline.dga-is-disabled,
    a.dga-btn--secondary-outline[aria-disabled="true"],
    a.dga-btn--secondary-outline.disabled {
        background: transparent;
        color: #9DA4AE;
        border-color: #E5E7EB;
        box-shadow: none;
    }

/* =========================
   SECONDARY SOLID - WITH FOCUS
========================= */
.dga-btn--secondary-solid {
    background: var(--dga-ss-default-bg);
    color: var(--dga-ss-default-text);
    border: 1px solid transparent;
}

    .dga-btn--secondary-solid:hover,
    .dga-btn--secondary-solid.dga-is-hover {
        background: var(--dga-ss-hover-bg);
        color: #161616;
    }

    .dga-btn--secondary-solid:active,
    .dga-btn--secondary-solid.dga-is-pressed {
        background: var(--dga-ss-pressed-bg);
        color: #161616;
    }

    .dga-btn--secondary-solid[aria-pressed="true"],
    .dga-btn--secondary-solid.dga-is-selected {
        background: var(--dga-ss-selected-bg);
        color: #161616;
    }

    /* FOCUS */
    .dga-btn--secondary-solid:focus,
    .dga-btn--secondary-solid:focus-visible,
    .dga-btn--secondary-solid.dga-is-focused,
    a.dga-btn--secondary-solid:focus,
    a.dga-btn--secondary-solid:focus-visible,
    a.dga-btn--secondary-solid.dga-is-focused {
        background: #F3F4F6 !important;
        color: #161616 !important;
        box-shadow: 0 0 0 2px #161616 !important;
        outline: none;
        text-decoration: none;
    }

    button.dga-btn--secondary-solid:disabled,
    .dga-btn--secondary-solid.dga-is-disabled,
    a.dga-btn--secondary-solid[aria-disabled="true"],
    a.dga-btn--secondary-solid.disabled {
        background: var(--dga-disabled-bg);
        color: var(--dga-disabled-text);
        border-color: var(--dga-disabled-border);
        box-shadow: none;
    }

/* =========================
   PRIMARY INVERSE - WITH FOCUS
========================= */
.dga-btn--primary-inverse {
    background: #FFFFFF;
    color: #161616;
}

    .dga-btn--primary-inverse:hover,
    .dga-btn--primary-inverse.dga-is-hover {
        background: rgba(255, 255, 255, 0.8);
        color: #161616;
    }

    .dga-btn--primary-inverse:active,
    .dga-btn--primary-inverse.dga-is-pressed {
        background: rgba(255, 255, 255, 0.8);
        color: #161616;
    }

    .dga-btn--primary-inverse[aria-pressed="true"],
    .dga-btn--primary-inverse.dga-is-selected {
        background: rgba(255, 255, 255, 0.6);
        color: #161616;
    }

    /* FOCUS */
    .dga-btn--primary-inverse:focus,
    .dga-btn--primary-inverse:focus-visible,
    .dga-btn--primary-inverse.dga-is-focused,
    a.dga-btn--primary-inverse:focus,
    a.dga-btn--primary-inverse:focus-visible,
    a.dga-btn--primary-inverse.dga-is-focused {
        background: #FFFFFF !important;
        color: #161616 !important;
        box-shadow: inset 0 0 0 var(--dga-focus-inner) #161616, 0 0 0 var(--dga-focus-outer) #FFFFFF !important;
        outline: none;
        text-decoration: none;
    }

    button.dga-btn--primary-inverse:disabled,
    .dga-btn--primary-inverse.dga-is-disabled,
    a.dga-btn--primary-inverse[aria-disabled="true"],
    a.dga-btn--primary-inverse.disabled {
        background: var(--dga-disabled-bg);
        color: var(--dga-disabled-text);
        box-shadow: none;
    }

/* =========================
   SPECIAL SELECTOR: .btn-primary:not(.with-arrow-down)
========================= */

/* Base style */
.btn-primary:not(.with-arrow-down) {
    position: relative;
}

    /* Hover state */
    .btn-primary:not(.with-arrow-down):hover,
    .btn-primary:not(.with-arrow-down).dga-is-hover {
        background: var(--dga-primary-hover);
        color: var(--dga-white);
    }

    /* Active/Pressed state */
    .btn-primary:not(.with-arrow-down):active,
    .btn-primary:not(.with-arrow-down).dga-is-pressed {
        background: var(--dga-primary-pressed);
        color: var(--dga-white);
    }

    /* Selected state */
    .btn-primary:not(.with-arrow-down)[aria-pressed="true"],
    .btn-primary:not(.with-arrow-down).dga-is-selected {
        background: var(--dga-primary-selected);
        color: var(--dga-white);
    }

/* FOCUS STATES for .btn-primary:not(.with-arrow-down) */
button.btn-primary:not(.with-arrow-down):focus,
button.btn-primary:not(.with-arrow-down):focus-visible,
button.btn-primary:not(.with-arrow-down).dga-is-focused,
a.btn-primary:not(.with-arrow-down):focus,
a.btn-primary:not(.with-arrow-down):focus-visible,
a.btn-primary:not(.with-arrow-down).dga-is-focused {
    background: var(--dga-primary-default) !important;
    color: var(--dga-white) !important;
    box-shadow: inset 0 0 0 var(--dga-focus-inner) #FFFFFF, 0 0 0 var(--dga-focus-outer) #161616 !important;
    outline: none;
    text-decoration: none;
    position: relative;
}

/* Disabled state */
button.btn-primary:not(.with-arrow-down):disabled,
.btn-primary:not(.with-arrow-down).dga-is-disabled,
a.btn-primary:not(.with-arrow-down)[aria-disabled="true"],
a.btn-primary:not(.with-arrow-down).disabled {
    pointer-events: none;
    cursor: not-allowed;
    background: var(--dga-disabled-bg);
    color: var(--dga-disabled-text);
    box-shadow: none;
    position: relative;
}

/* =========================
   DGA EQUIVALENT FOR .with-arrow-down
========================= */
.dga-btn--primary:not(.with-arrow-down) {
    position: relative;
}

    .dga-btn--primary:not(.with-arrow-down):focus,
    .dga-btn--primary:not(.with-arrow-down):focus-visible,
    .dga-btn--primary:not(.with-arrow-down).dga-is-focused,
    a.dga-btn--primary:not(.with-arrow-down):focus,
    a.dga-btn--primary:not(.with-arrow-down):focus-visible,
    a.dga-btn--primary:not(.with-arrow-down).dga-is-focused {
        background: var(--dga-primary-default) !important;
        color: var(--dga-white) !important;
        box-shadow: inset 0 0 0 var(--dga-focus-inner) #FFFFFF, 0 0 0 var(--dga-focus-outer) #161616 !important;
        outline: none;
        text-decoration: none;
    }

/* =========================
   SIZE-SPECIFIC FOCUS FOR .btn-primary:not(.with-arrow-down)
========================= */

/* Large */
.btn-primary:not(.with-arrow-down).btn-lg:focus,
.btn-primary:not(.with-arrow-down).btn-lg:focus-visible,
.btn-primary:not(.with-arrow-down).dga-btn--lg:focus,
.btn-primary:not(.with-arrow-down).dga-btn--lg:focus-visible {
    background: var(--dga-primary-default) !important;
    color: var(--dga-white) !important;
    box-shadow: inset 0 0 0 var(--dga-focus-inner) #FFFFFF, 0 0 0 var(--dga-focus-outer) #161616 !important;
}

/* Medium */
.btn-primary:not(.with-arrow-down).btn-md:focus,
.btn-primary:not(.with-arrow-down).btn-md:focus-visible,
.btn-primary:not(.with-arrow-down).dga-btn--md:focus,
.btn-primary:not(.with-arrow-down).dga-btn--md:focus-visible {
    background: var(--dga-primary-default) !important;
    color: var(--dga-white) !important;
    box-shadow: inset 0 0 0 var(--dga-focus-inner) #FFFFFF, 0 0 0 var(--dga-focus-outer) #161616 !important;
}

/* Small */
.btn-primary:not(.with-arrow-down).btn-sm:focus,
.btn-primary:not(.with-arrow-down).btn-sm:focus-visible,
.btn-primary:not(.with-arrow-down).dga-btn--sm:focus,
.btn-primary:not(.with-arrow-down).dga-btn--sm:focus-visible {
    background: var(--dga-primary-default) !important;
    color: var(--dga-white) !important;
    box-shadow: inset 0 0 0 var(--dga-focus-inner) #FFFFFF, 0 0 0 var(--dga-focus-outer) #161616 !important;
}

/* Icon-only */
.btn-primary:not(.with-arrow-down).btn-icon-only:focus,
.btn-primary:not(.with-arrow-down).btn-icon-only:focus-visible,
.btn-primary:not(.with-arrow-down).dga-btn--icon-only:focus,
.btn-primary:not(.with-arrow-down).dga-btn--icon-only:focus-visible {
    background: var(--dga-primary-default) !important;
    color: var(--dga-white) !important;
    box-shadow: inset 0 0 0 var(--dga-focus-inner) #FFFFFF, 0 0 0 var(--dga-focus-outer) #161616 !important;
}

/* =========================
   BOOTSTRAP OVERRIDES
========================= */
.btn.dga-btn,
.dga-btn.btn,
.btn-primary.dga-btn--primary,
.dga-btn--primary.btn-primary {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

/* Override Bootstrap focus styles */
.btn:focus,
.btn:focus-visible,
.btn-primary:focus,
.btn-primary:focus-visible,
.dga-btn:focus,
.dga-btn:focus-visible {
    box-shadow: none !important;
    outline: none !important;
}

/* Ensure our focus styles take precedence */
.dga-btn--primary:focus,
.dga-btn--primary:focus-visible,
.btn-primary:not(.with-arrow-down):focus,
.btn-primary:not(.with-arrow-down):focus-visible {
    background: var(--dga-primary-default) !important;
    color: var(--dga-white) !important;
    box-shadow: inset 0 0 0 var(--dga-focus-inner) #FFFFFF, 0 0 0 var(--dga-focus-outer) #161616 !important;
    outline: none !important;
}

/* =========================
   RTL SUPPORT
========================= */
.dga-rtl .dga-btn {
    flex-direction: row;
}

.dga-rtl .dga-btn--icon-right {
    flex-direction: row;
}

.dga-rtl .dga-btn .dga-btn__icon:first-child {
    margin-right: 0;
    margin-left: var(--dga-space-4);
}

.dga-rtl .dga-btn .dga-btn__icon:last-child {
    margin-left: 0;
    margin-right: var(--dga-space-4);
}

.dga-rtl .dga-btn--icon-right .dga-btn__icon:first-child {
    margin-left: var(--dga-space-4);
    margin-right: 0;
}

.dga-rtl .dga-btn--icon-right .dga-btn__icon:last-child {
    margin-right: var(--dga-space-4);
    margin-left: 0;
}

.dga-gap-0 {
    gap: 0 !important;
}

.dga-gap-4 {
    gap: 4px !important;
}

.dga-gap-8 {
    gap: 8px !important;
}

.dga-gap-12 {
    gap: 12px !important;
}

.dga-gap-16 {
    gap: 16px !important;
}

.dga-gap-20 {
    gap: 20px !important;
}

.dga-gap-24 {
    gap: 24px !important;
}

.dga-gap-32 {
    gap: 32px !important;
}

/* Most likely fix - add this to your CSS */
.dga-btn {
    pointer-events: auto !important;
    cursor: pointer !important;
}

    .dga-btn .dga-btn__icon,
    .dga-btn .dga-btn__icon *,
    .dga-btn span,
    .dga-btn svg {
        pointer-events: none !important;
    }

    /* Ensure the button text doesn't block clicks */
    .dga-btn > * {
        pointer-events: none !important;
    }

/* But the button itself should receive all clicks */
.dga-btn {
    pointer-events: auto !important;
}

/* Fix for card containers */
.card .dga-btn {
    pointer-events: auto !important;
    cursor: pointer !important;
    position: relative;
    z-index: 10;
}

/* Make sure no parent elements block clicks */
.card,
.card-body,
.card-footer,
.card-header,
.container,
.row,
.col {
    pointer-events: auto !important;
}
/*VERTICAL TABS*/

/* =========================
   DGA Vertical Tabs
   Scoped only to .dga-tabs
========================= */

/* =========================
   DGA Tabs
========================= */

.dga-tabs {
    --dga-font-regular: "IBMPlexSansArabic-Regular", sans-serif;
    --dga-font-active: "IBMPlexSansArabic-Bold", sans-serif;
    --dga-tab-height: 40px;
    --dga-tab-padding-x: 16px;
    --dga-tab-radius: 4px;
    --dga-tab-font-size: 16px;
    --dga-text-default: #384250;
    --dga-text-active: #161616;
    --dga-bg-hover: #F3F4F6;
    --dga-bg-pressed: #E5E7EB;
    --dga-indicator-active: #1B8354;
    --dga-indicator-hover: #161616;
    --dga-focus-border: #161616;
}

    /* base tab */

    .dga-tabs .nav-link,
    .dga-tabs .dga-tab {
        position: relative;
        display: flex;
        align-items: center;
        height: var(--dga-tab-height);
        padding: 0 var(--dga-tab-padding-x);
        border: 0 !important;
        border-radius: var(--dga-tab-radius);
        background: transparent !important;
        color: var(--dga-text-default) !important;
        font-family: var(--dga-font-regular);
        font-size: var(--dga-tab-font-size);
        margin: 0 !important;
        transition: background .15s ease,color .15s ease;
    }

        /* remove bootstrap spacing */

        .dga-tabs .nav-link + .nav-link {
            margin-top: 0 !important;
        }

        /* indicator */

        .dga-tabs .nav-link::after,
        .dga-tabs .dga-tab::after {
            content: "";
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 3px;
            height: 16px;
            border-radius: 2px;
            background: transparent;
        }

/* RTL indicator */

[dir="rtl"] .dga-tabs .nav-link::after {
    right: 0;
}

/* LTR indicator */

[dir="ltr"] .dga-tabs .nav-link::after {
    left: 0;
}

/* hover */

.dga-tabs .nav-link:hover,
.dga-tabs .dga-tab:hover {
    background: var(--dga-bg-hover) !important;
    color: var(--dga-text-active) !important;
}

    .dga-tabs .nav-link:hover::after,
    .dga-tabs .dga-tab:hover::after {
        background: var(--dga-indicator-hover);
    }

/* pressed */

.dga-tabs .nav-link:active,
.dga-tabs .dga-tab:active {
    background: var(--dga-bg-pressed) !important;
    color: var(--dga-text-active) !important;
}

    .dga-tabs .nav-link:active::after,
    .dga-tabs .dga-tab:active::after {
        background: var(--dga-indicator-hover);
    }

/* active */

.dga-tabs .nav-link.active,
.dga-tabs .dga-tab.active {
    background: transparent !important;
    color: var(--dga-text-active) !important;
    font-family: var(--dga-font-active);
}

    .dga-tabs .nav-link.active::after,
    .dga-tabs .dga-tab.active::after {
        background: var(--dga-indicator-active);
    }

/* focus */

.dga-tabs .nav-link:focus,
.dga-tabs .dga-tab:focus {
    outline: none !important;
    box-shadow: inset 0 0 0 3px var(--dga-focus-border) !important;
    color: var(--dga-text-active) !important;
}

    /* focused non active indicator */

    .dga-tabs .nav-link:focus:not(.active)::after,
    .dga-tabs .dga-tab:focus:not(.active)::after {
        background: var(--dga-indicator-hover);
    }

/* active focus keeps green */

.dga-tabs .nav-link.active:focus::after,
.dga-tabs .dga-tab.active:focus::after {
    background: var(--dga-indicator-active);
}

/* disable bootstrap active background */

.nav-pills.dga-tabs .nav-link.active,
.nav-pills.dga-tabs .show > .nav-link {
    background: transparent !important;
    color: #161616 !important;
}


.about-details__header .header-container .title {
    font-size: 30px !important;
    color: #161616;
}



/* Base Card */
.dga-card {
    padding: 16px;
    border-radius: 16px;
    background: #fff;
}

/* Border Variant */
.dga-card--border {
    border: 1px solid #D2D6DB;
}

/* Shadow Variant */
.dga-card--shadow {
    box-shadow: 0 4px 8px -2px rgba(16,24,40,0.10), 0 2px 4px -2px rgba(16,24,40,0.06);
}

/* Interactive State */
.dga-card--interactive:hover {
    background: #F9FAFB;
}

.dga-card--interactive:focus {
    outline: 2px solid #161616;
    outline-offset: 2px;
}

/* Title */
.dga-h2 {
    font-family: 'IBMPlexSansArabic-Bold', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #1F2A37;
    margin: 0 0 8px 0;
}

.dga-h1 {
    font-size: 30px;
    color: #161616;
    text-align: initial;
    font-family: 'IBMPlexSansArabic-Bold', sans-serif;
    margin: 0;
}

.dga-titlecard {
    font-size: 18px;
    color: #161616;
    text-align: initial;
    font-family: 'IBMPlexSansArabic-Bold', sans-serif;
    margin: 0;
    display: flex !important;
    border-bottom: 1px solid #D2D6DB;
    padding-bottom: 8px !important;
}
/* Description */
.dga-desc {
    font-family: 'IBMPlexSansArabic-Regular', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #1F2A37;
}

/* Icon */
.dga-icon {
    width: 48px;
    height: 48px;
    background: #F3FCF6;
    border-radius: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}

.imagebordradis {
    border-radius: 8px !important;
    height: 250px;
}

img.radus8 {
    border-radius: 8px !important;
}

.section-title {
    font-size: 30px !important;
}


.page-title {
    font-size: 24px !important;
    font-family: 'IBMPlexSansArabic-bold', sans-serif;
}

.nav-tabs:not(.card-tabs, .tabs-with-img, .media-center-tabs) .nav-link {
    font-size: 16px !important;
}

.dga-btn--primary:visited {
    color: #fff !important;
}





.dga-nav {
    min-height: 52px;
    background: #1B8354;
}

    .dga-nav .dga-breadcrumb {
        padding: 16px;
        display: flex;
        flex-wrap: wrap;
        font-size: 12px;
    }

        .dga-nav .dga-breadcrumb .breadcrumb-xxx-item {
            font-size: 16px;
            font-family: "mediumFont";
            color: rgba(255, 255, 255, 0.6980392157);
        }

            .dga-nav .dga-breadcrumb .breadcrumb-xxx-item:after {
                content: url("/themes/custom/dga/Images/NDS/chevron-left.svg");
                padding: 0px 8px;
                vertical-align: middle;
            }

            .dga-nav .dga-breadcrumb .breadcrumb-xxx-item:before {
                content: "";
            }

            .dga-nav .dga-breadcrumb .breadcrumb-xxx-item:last-of-type {
                color: #fff;
            }

                .dga-nav .dga-breadcrumb .breadcrumb-xxx-item:last-of-type:after {
                    content: "";
                }

                .dga-nav .dga-breadcrumb .breadcrumb-xxx-item:last-of-type::before {
                    content: "";
                }

[dir=ltr] .dga-nav .dga-breadcrumb .breadcrumb-xxx-item:after {
    content: url("/themes/custom/dga/Images/NDS/chevron-right.svg");
}

[dir=ltr] .dga-nav .dga-breadcrumb .breadcrumb-xxx-item:last-of-type:after {
    content: "";
}

.nds-primary-btn {
    padding: 4px 16px;
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 16px;
    color: #fff;
    background: #067647;
    border: 1px solid #067647;
    border-radius: 4px;
}

    .nds-primary-btn img {
        vertical-align: middle;
        margin-left: 4px;
    }


.nds-title-share-page {
    padding-top: 50px;
    background: #F3F4F6;
    padding-bottom: 50px;
}

@media (max-width: 768px) {
    .nds-title-share-page {
        padding-top: 139px;
    }
}

.nds-title-share-page .title-share-container {
    display: flex;
    justify-content: space-between;
    gap: 32px;
}

@media (max-width: 768px) {
    .nds-title-share-page .title-share-container {
        flex-direction: column;
    }
}

.nds-title-share-page .title-share-container .title-box {
    width: 70%;
}

@media (max-width: 768px) {
    .nds-title-share-page .title-share-container .title-box {
        width: 100%;
    }
}

.nds-title-share-page .title-share-container .title-box h1 {
    font-size: 30px;
    color: #161616;
    font-family: 'IBMArabic-Bold';
}

@media (max-width: 768px) {
    .nds-title-share-page .title-share-container .title-box h1 {
        font-size: 32px;
    }
}

.nds-title-share-page .title-share-container .title-box h4 {
    font-size: 24px;
}

.nds-title-share-page .title-share-container .title-box p {
    margin-top: 16px;
    color: #6C737F;
}

.nds-title-share-page .title-share-container .title-box .date {
    margin-top: 18px;
    display: flex;
    gap: 8px;
    font-size: 16px;
    font-family: "mediumFont";
    color: #000000;
}

.nds-title-share-page .title-share-container .title-box .tag {
    margin-top: 18px;
}

.nds-title-share-page .title-share-container .title-box .tags {
    display: flex;
    gap: 8px;
    margin-top: 16px;
}

.nds-title-share-page .title-share-container .title-box .nds-link {
    font-size: 16px;
    margin-top: 18px;
    width: -moz-fit-content;
    width: fit-content;
}

.nds-title-share-page .title-share-container .title-box .nds-primary-btn {
    margin-top: 18px;
    width: -moz-fit-content;
    width: fit-content;
    font-family: "IBMArabic-Bold";
}

.nds-title-share-page .sadu-img {
    margin-top: 80px;
    width: 100%;
}

.sharebox {
    width: 308px;
    text-align: center;
    align-self: center;
}

@media (max-width: 768px) {
    .sharebox {
        display: none;
    }
}

.sharebox .dga-share-box {
    padding: 16px;
    padding-bottom: 4px;
    width: auto;
    background: #ECFDF3;
    text-align: center;
    border-bottom: 0px;
    border-radius: 16px 16px 0px 0px;
}

    .sharebox .dga-share-box span {
        margin-bottom: 16px;
        display: block;
        font-size: 16px;
        font-family: "IBMArabic-Bold";
        color: #1B8354;
    }

.sharebox .social-sharing-buttons {
    margin: 0;
    padding: 16px;
    padding-top: 0px;
    width: auto;
    background: #ECFDF3;
    text-align: center;
    border-top: 0px;
    border-radius: 0px 0px 16px 16px;
}

    .sharebox .social-sharing-buttons svg {
        background: #1B8354;
    }

        .sharebox .social-sharing-buttons svg use {
            filter: invert(1);
        }


/* DGA Breadcrumb Styling */


.dga-breadcrumb span {
    font-size: 14px;
}

.dga-breadcrumb a {
    color: rgba(255, 255, 255, 0.6980392157) !important;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6980392157);
    transition: color 0.2s ease;
    font-weight: normal !important;
}

    .dga-breadcrumb a:hover {
        color: #0056b3;
        text-decoration: underline;
    }

    .dga-breadcrumb a.home {
        font-weight: bold;
    }

.dga-breadcrumb .bc-node {
    color: rgba(255, 255, 255, 0.6980392157) !important;
    /* background-color: #007bff; */
    padding: 3px 8px;
    border-radius: 3px;
    margin: 0 5px;
    text-decoration: none !important;
}

.dga-breadcrumb span.current {
    color: #ffff;
    font-weight: normal;
}

.dga-breadcrumb span:not(:last-child):after {
    content: "›";
    color: #adb5bd;
}

/* SharePoint Sitemap Specific Styling */
/* Main sitemap container */
.ms-sitemapdirectional {
}

    .ms-sitemapdirectional a {
        color: #0066cc;
        text-decoration: none;
    }

        .ms-sitemapdirectional a:hover {
            text-decoration: underline;
        }

    /* Sitemap levels */
    .ms-sitemapdirectional ul {
        list-style-type: none;
        padding-left: 20px;
    }

    .ms-sitemapdirectional li {
        margin: 8px 0;
        position: relative;
    }

        /* Level indicators */
        .ms-sitemapdirectional li:before {
            content: "📄";
            position: absolute;
            left: -20px;
            font-size: 12px;
        }

        .ms-sitemapdirectional li li:before {
            content: "📑";
        }

        .ms-sitemapdirectional li li li:before {
            content: "📋";
        }

    /* Current page highlight in sitemap */
    .ms-sitemapdirectional .ms-sitemapdirectional-current {
        color: #333;
        font-weight: bold;
        background-color: #f0f8ff;
        padding: 2px 8px;
        border-radius: 3px;
    }

    /* Sitemap title */
    .ms-sitemapdirectional h2 {
        color: #333;
        font-size: 24px;
        margin-bottom: 20px;
        padding-bottom: 10px;
        border-bottom: 2px solid #007bff;
    }

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    .dga-breadcrumb {
        padding: 10px 0;
        font-size: 13px;
    }

        .dga-breadcrumb span {
            font-size: 13px;
        }

    .ms-sitemapdirectional ul {
        padding-left: 15px;
    }

    .ms-sitemapdirectional h2 {
        font-size: 20px;
    }
}

/* Print styles */
@media print {
    .dga-breadcrumb {
        background: none;
        border: none;
        padding: 5px 0;
    }

        .dga-breadcrumb a {
            color: #000 !important;
        }

    .ms-sitemapdirectional a {
        color: #000 !important;
        text-decoration: none !important;
    }
}

/* Accessibility improvements */
.dga-breadcrumb [aria-current="page"] {
    font-weight: bold;
    color: #333;
}

.dga-breadcrumb .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Breadcrumb separator customization */
.dga-breadcrumb .separator {
    margin: 0 10px;
    color: #adb5bd;
}

/* Active state for breadcrumb links */
.dga-breadcrumb a:focus {
    outline: 2px solid #007bff;
    outline-offset: 2px;
}

.social-icon-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 3px;
    background-color: #1b8354; /* Green color for all */
    text-decoration: none;
    transition: all 0.3s ease;
}

    .social-icon-link:hover {
        opacity: 0.9;
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }

    .social-icon-link img {
        width: 16px;
        height: 16px;
        filter: brightness(0) invert(1); /* Makes SVG white */
    }

    /* For Font Awesome email icon */
    .social-icon-link .social-icon {
        color: white;
        font-size: 16px;
    }

/*breadcrumg*/

@font-face {
    font-family: "saud-icons";
    src: url("/Style%20Library/UDesign/fonts/saud-icons.e58501b2.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

ul.breadcrumb-xxx {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.breadcrumb-xxx > li {
        display: flex;
        align-items: center;
        gap: 0;
        font-size: 0.875rem;
        font-weight: 400;
    }

        ul.breadcrumb-xxx > li a,
        ul.breadcrumb-xxx > li > span {
            font-size: 0.875rem;
            max-width: 260px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        ul.breadcrumb-xxx > li::before {
            content: "\e917";
            font-family: "saud-icons" !important;
            speak: none;
            display: inline-block;
            color: #9da4ae;
            font-size: 16px;
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            text-transform: none;
            margin: 0 0.25rem;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            transition: 0.3s;
        }

        ul.breadcrumb-xxx > li:first-child::before {
            display: none;
        }

[dir="rtl"] ul.breadcrumb-xxx > li::before {
    transform: rotate(180deg);
}

ul.breadcrumb-xxx > li a {
    color: #384250;
}

    ul.breadcrumb-xxx > li a:hover {
        color: #6c737f;
    }

    ul.breadcrumb-xxx > li a:active {
        color: #9da4ae;
    }

    ul.breadcrumb-xxx > li a:focus {
        outline: 2px solid #161616;
    }

ul.breadcrumb-xxx > li .ellipsis {
    margin: 0 0.25rem;
    cursor: pointer;
}

    ul.breadcrumb-xxx > li .ellipsis:focus-within {
        outline: 0;
    }

    ul.breadcrumb-xxx > li .ellipsis:focus {
        position: relative;
    }

        ul.breadcrumb-xxx > li .ellipsis:focus::after {
            border: 2px solid #161616;
            content: "";
            inset: -2px;
            position: absolute;
        }

ul.breadcrumb-xxx > li:last-child {
    color: #9da4ae;
}

ul.breadcrumb-xxx .ellipsis [data-menu-toggle] {
    border: 0;
    padding: 0;
}

    ul.breadcrumb-xxx .ellipsis [data-menu-toggle]::after {
        display: none;
    }

.menu-container ul.breadcrumb-xxx-drop-down {
    margin-bottom: 0;
    padding: 0.25rem;
}

    .menu-container ul.breadcrumb-xxx-drop-down li {
        color: #384250;
        font-size: 0.875rem;
        font-weight: 400;
    }

/* icon font */
@font-face {
    font-family: "saud-icons";
    src: url("/Style%20Library/UDesign/fonts/saud-icons.e58501b2.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

/* wrapper */
.custom-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 0.875rem;
    margin: 0;
    padding: 0;
    line-height: 1.4;
}

    /* remove SharePoint noise */
    .custom-breadcrumb > a:first-child,
    .custom-breadcrumb > a:last-child,
    .custom-breadcrumb > span:empty {
        display: none !important;
    }

    /* breadcrumb nodes */
    .custom-breadcrumb > span {
        display: inline-flex;
        align-items: center;
    }

        /* arrow separator */
        .custom-breadcrumb > span::before {
            content: "\e917";
            font-family: "saud-icons" !important;
            display: inline-block;
            margin: 0 0.25rem;
            color: #9da4ae;
            font-size: 16px;
            line-height: 1;
            pointer-events: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        /* remove arrow for first item */
        .custom-breadcrumb > span:first-of-type::before {
            display: none;
        }

        /* breadcrumb links */
        .custom-breadcrumb > span > a.breadcrumb-xxx-item {
            color: #384250;
            text-decoration: none;
            font-weight: 400;
            font-size: 0.875rem;
            max-width: 260px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            /* hover underline */
            .custom-breadcrumb > span > a.breadcrumb-xxx-item:hover {
                text-decoration: underline;
                text-underline-offset: 3px;
            }

            /* focus accessibility */
            .custom-breadcrumb > span > a.breadcrumb-xxx-item:focus {
                outline: 2px solid #161616;
                outline-offset: 2px;
            }

        /* current page */
        .custom-breadcrumb > span.breadcrumb-xxx-item.active {
            color: #9da4ae;
            font-size: 0.875rem;
            font-weight: 400;
            max-width: 260px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

/* rtl arrow direction */
[dir="rtl"] .custom-breadcrumb > span::before {
    transform: rotate(180deg);
}

.consulting-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 20px;
    height: 100%;
    transition: all .3s ease-in-out
}

    .consulting-card .consulting-img {
        margin-bottom: 16px
    }

        .consulting-card .consulting-img img {
            height: 60px
        }

    .consulting-card .consulting-title {
        font-family: "IBMPlexSansArabic-Bold";
        color: var(--color-text-color);
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 1.7;
        overflow: hidden;
        word-wrap: break-word;
        text-overflow: ellipsis;
        font-size: 1.25rem;
        visibility: visible
    }

@supports not (-webkit-line-clamp: 2) {
    .consulting-card .consulting-title {
        display: block;
        max-height: 68px;
        line-height: 1.7
    }
}

.consulting-card .consulting-title {
    min-height: 68px;
    margin-bottom: 24px
}

.consulting-card:is(:hover, :active, :focus) {
    border-color: var(--color-primary)
}

    .consulting-card:is(:hover, :active, :focus) .consulting-title {
        color: var(--color-primary)
    }

.consulting-label {
    position: absolute;
    inset-inline-end: 0;
    inset-block-start: 0;
    padding: 8px 12px;
    background-color: rgba(7, 77, 49, .1);
    border-start-end-radius: 16px;
    border-end-start-radius: 16px;
    font-size: .875rem;
    color: var(--color-primary);
    font-family: "IBMPlexSansArabic-Medium";
    display: flex;
    margin-bottom: 8px
}

.consulting-tags {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 12px
}

.consulting-tags__title {
    color: #606161;
    font-size: .875rem
}

.consulting-tags__item {
    font-size: .875rem;
    padding: 4px 16px 6px;
    border-radius: 50px;
    margin-inline-start: auto;
    text-align: center
}

    .consulting-tags__item.sector {
        background-color: rgba(111, 179, 134, .1);
        color: #6fb386
    }

    .consulting-tags__item.e-comments {
        background-color: rgba(7, 77, 49, .1);
        color: #074d31
    }

    .consulting-tags__item.consulting-status.finished {
        background-color: rgba(128, 130, 133, .1);
        color: #808285
    }

    .consulting-tags__item.consulting-status.in-progress {
        background-color: rgba(116, 192, 235, .1);
        color: #74c0eb
    }

    .consulting-tags__item.consulting-status.soon {
        background-color: rgba(7, 77, 49, .1);
        color: var(--color-tertiary)
    }

.consulting-details-card {
    display: flex;
    flex-direction: column;
    padding: 40px 24px;
    background-color: #fff;
    border: 1px solid #d2d6db;
    border-radius: 16px;
    height: 100%;
    transition: all .3s ease-in-out
}

    .consulting-details-card .title {
        color: var(--color-primary);
        font-family: "IBMPlexSansArabic-Bold";
        margin: 0
    }

    .consulting-details-card .details-item {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        color: #1f2a37
    }

        .consulting-details-card .details-item .info-title {
            font-family: "IBMPlexSansArabic-Bold";
            font-size: 16px;
            color: #1f2a37
        }

        .consulting-details-card .details-item .info-value {
            color: #1f2a37
        }

        .consulting-details-card .details-item .icon {
            width: 24px;
            height: 24px;
            flex-shrink: 0;
            display: flex;
            justify-content: center
        }

            .consulting-details-card .details-item .icon img,
            .consulting-details-card .details-item .icon svg {
                height: 24px;
                width: 24px;
                -o-object-fit: contain;
                object-fit: contain
            }

        .consulting-details-card .details-item .info {
            display: flex;
            flex-direction: column;
            position: relative;
            top: -3px;
            gap: 3px
        }

            .consulting-details-card .details-item .info > a {
                text-decoration: none !important
            }

            .consulting-details-card .details-item .info .info-title {
                font-family: "IBMPlexSansArabic-Bold";
                font-size: 16px;
                color: #1f2a37
            }

            .consulting-details-card .details-item .info .info-value {
                color: #1f2a37
            }

        .consulting-details-card .details-item:not(:last-of-type) {
            padding-bottom: 20px;
            margin-bottom: 20px;
            border-bottom: 1px solid #ebebeb
        }

    .consulting-details-card.no-divider .details-item {
        padding-bottom: 0;
        border-bottom: 0 !important
    }

.services-rate-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    background-color: #fff;
    border: 1px solid #d2d6db;
    border-radius: 20px;
    height: 100%;
    gap: 5px;
    transition: all .3s ease-in-out
}

    .services-rate-card .card-title {
        margin: 0;
        color: #384250;
        font-family: "IBMPlexSansArabic-Bold";
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 1.7;
        overflow: hidden;
        word-wrap: break-word;
        text-overflow: ellipsis;
        font-size: 1.125rem;
        visibility: visible
    }

@supports not (-webkit-line-clamp: 2) {
    .services-rate-card .card-title {
        display: block;
        max-height: 61.2px;
        line-height: 1.7
    }
}

.services-rate-card .service-rate {
    display: flex;
    justify-content: start;
    align-items: center;
    width: 100%;
    gap: 10px;
    margin-top: 30px
}

    .services-rate-card .service-rate .rate-value {
        color: #161616;
        font-size: .875rem;
        font-family: "IBMPlexSansArabic-Regular"
    }

    .services-rate-card .service-rate .rating .rating__list {
        pointer-events: none
    }

        .services-rate-card .service-rate .rating .rating__list[data-stars="0"] .star svg path {
            fill: #fff;
            stroke: var(--color-tertiary)
        }

        .services-rate-card .service-rate .rating .rating__list[data-stars="1"] .star:nth-child(5) svg path {
            fill: var(--color-tertiary) !important;
            stroke: var(--color-tertiary)
        }

        .services-rate-card .service-rate .rating .rating__list[data-stars="2"] .star:nth-child(4) svg path {
            fill: var(--color-tertiary) !important;
            stroke: var(--color-tertiary)
        }

        .services-rate-card .service-rate .rating .rating__list[data-stars="2"] .star:nth-child(4) ~ .star svg path {
            fill: var(--color-tertiary) !important;
            stroke: var(--color-tertiary)
        }

        .services-rate-card .service-rate .rating .rating__list[data-stars="3"] .star:nth-child(3) svg path {
            fill: var(--color-tertiary) !important;
            stroke: var(--color-tertiary)
        }

        .services-rate-card .service-rate .rating .rating__list[data-stars="3"] .star:nth-child(3) ~ .star svg path {
            fill: var(--color-tertiary) !important;
            stroke: var(--color-tertiary)
        }

        .services-rate-card .service-rate .rating .rating__list[data-stars="4"] .star:nth-child(2) svg path {
            fill: var(--color-tertiary) !important;
            stroke: var(--color-tertiary)
        }

        .services-rate-card .service-rate .rating .rating__list[data-stars="4"] .star:nth-child(2) ~ .star svg path {
            fill: var(--color-tertiary) !important;
            stroke: var(--color-tertiary)
        }

        .services-rate-card .service-rate .rating .rating__list[data-stars="5"] .star:nth-child(1) svg path {
            fill: var(--color-tertiary) !important;
            stroke: var(--color-tertiary)
        }

        .services-rate-card .service-rate .rating .rating__list[data-stars="5"] .star:nth-child(1) ~ .star svg path {
            fill: var(--color-tertiary) !important;
            stroke: var(--color-tertiary)
        }

        .services-rate-card .service-rate .rating .rating__list > .star:hover svg path {
            fill: var(--color-tertiary) !important;
            stroke: var(--color-tertiary)
        }

        .services-rate-card .service-rate .rating .rating__list > .star:hover ~ .star svg path {
            fill: var(--color-tertiary) !important;
            stroke: var(--color-tertiary)
        }

.services-rate-card .participants {
    margin-bottom: 0;
    color: #384250
}

.services-rate-card:is(:hover, :active, :focus) .card-title {
    color: var(--color-primary)
}

.card-btn {
    position: absolute;
    bottom: 30px;
    right: 20px;
    left: 20px;
    text-align: center
}

    .card-btn .btn {
        gap: 4px;
        padding: .75rem 1.5rem
    }

        .card-btn .btn span {
            background: var(--color-tertiary);
            border-radius: 5px;
            padding: 1px 5px;
            font-size: 14px;
            min-width: 23px;
            text-align: center
        }

.permision-card {
    position: relative;
    padding: 2.8125rem 2.8125rem 2.8125rem;
    border: 1px solid var(--color-border-color);
    border-radius: 1.5625rem;
    z-index: 1;
    overflow: hidden;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    padding-inline-end: 9.375rem;
    background: linear-gradient(to right, rgb(255, 255, 255) 17%, rgb(224, 240, 252) 100%)
}

[dir=ltr] .permision-card {
    background: linear-gradient(to left, rgb(255, 255, 255) 17%, rgb(224, 240, 252) 100%)
}

@media(max-width: 991.98px) {
    .permision-card {
        padding: 1.5625rem
    }
}

.permision-card::before {
    position: absolute;
    content: "";
    background-image: url(../images/directorbg.webp);
    background-position: left top;
    background-repeat: no-repeat;
    inset: 0;
    z-index: -1
}

[dir=ltr] .permision-card::before {
    transform: rotate(180deg)
}

@media(max-width: 991.98px) {
    .permision-card::before {
        content: none
    }
}

.permision-card__logo {
    margin-bottom: 2.8125rem
}

.permision-card__details {
    text-align: center
}

.permision-card__details__name {
    margin-bottom: 1.5rem;
    text-align: center
}

    .permision-card__details__name span {
        color: var(--color-orange);
        font-family: "IBMPlexSansArabic-Medium"
    }

.permision-card__details__caption {
    line-height: 2.3;
    font-size: 1.125rem;
    text-align: center
}

.permision-card__details__qrcode {
    margin-top: 2.8125rem;
    margin-bottom: 1rem;
    text-align: center
}

.alert {
    font-size: 1rem;
    margin: 2.5rem 0;
    border-radius: .125rem
}

.confirmation-modal {
    display: flex;
    flex-flow: column;
    gap: 8px;
    align-items: center;
    justify-content: center;
    padding: 16px 24px
}

    .confirmation-modal .icon {
        height: 80px;
        margin-bottom: 16px
    }

    .confirmation-modal .title {
        color: var(--color-text-color)
    }

    .confirmation-modal .description {
        font-size: 1rem;
        text-align: center;
        color: var(--color-gray-color)
    }

    .confirmation-modal .question {
        font-size: .875rem;
        color: var(--color-primary);
        margin-bottom: 16px
    }

.swal2-popup {
    padding: 32px !important;
    border-radius: 16px !important;
    border: 0
}

.theme-dark .swal2-popup {
    background-color: #37435b !important
}

.swal2-popup .swal2-title {
    color: var(--color-text-color) !important
}

.swal2-popup .btn {
    border-radius: 50px !important;
    outline: none !important;
    box-shadow: none !important
}

.swal2-container {
    background-color: rgba(0, 0, 0, .8) !important
}

.theme-dark .swal2-container {
    background: rgba(47, 59, 82, .8) !important
}

.swal2-icon.swal2-question {
    border-color: var(--color-gray-color) !important;
    color: var(--color-gray-color) !important
}

.swal2-confirm {
    background-color: var(--color-primary) !important
}

.swal2-cancel {
    border: 1px solid #d33 !important;
    color: #d33 !important;
    background: #fff !important
}

    .swal2-cancel:hover {
        background-color: #d33 !important;
        color: #fff !important
    }

.swal2-html-container {
    color: var(--color-text-color) !important
}

.pagination-main {
    display: flex;
    justify-content: center;
    margin-block: 32px
}

    .pagination-main .pagination {
        gap: 8px;
        padding: 12px 0;
        margin: 0;
        flex-wrap: wrap;
        justify-content: center
    }

        .pagination-main .pagination .more {
            border: 1px solid #161616 !important;
            border-radius: 3px !important
        }

            .pagination-main .pagination .more:hover::after {
                display: none !important
            }

        .pagination-main .pagination .next a {
            background-image: url("../images/arrow/left-arrow-black.svg");
            background-size: 15px 15px;
            width: 15px;
            background-repeat: no-repeat;
            background-position: center
        }

[dir=ltr] .pagination-main .pagination .next a {
    background-image: url("../images/arrow/right-arrow-black.svg")
}

.pagination-main .pagination .previous a {
    background-image: url("../images/arrow/right-arrow-black.svg");
    background-size: 15px 15px;
    width: 15px;
    background-repeat: no-repeat;
    background-position: center
}

[dir=ltr] .pagination-main .pagination .previous a {
    background-image: url("../images/arrow/left-arrow-black.svg")
}

.pagination-main .pagination .page-item {
    position: relative;
    flex-shrink: 0;
    isolation: isolate;
    border-radius: 0px
}

    .pagination-main .pagination .page-item:only-child {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-inline: 16px;
        box-shadow: none;
        outline: none;
        border-radius: 0px;
        isolation: isolate;
        overflow: hidden
    }

    .pagination-main .pagination .page-item .page-link {
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: none;
        outline: none;
        height: 32px;
        min-width: 32px;
        text-align: center;
        padding: 0;
        border: 0;
        font-family: "IBMPlexSansArabic-Regular" !important;
        color: #161616 !important;
        border-radius: 4px;
        background-color: rgba(0, 0, 0, 0);
        transition: all .3s ease-in-out;
        text-decoration: none !important
    }

        .pagination-main .pagination .page-item .page-link:hover {
            background-color: #f3f4f6 !important
        }

        .pagination-main .pagination .page-item .page-link[disabled] {
            pointer-events: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none
        }

    .pagination-main .pagination .page-item .control-btn {
        background-color: rgba(0, 0, 0, 0);
        isolation: isolate;
        overflow: hidden;
        padding: 0 10px;
        font-family: "IBMPlexSansArabic-Medium";
        border: 2px solid rgba(0, 0, 0, 0)
    }

        .pagination-main .pagination .page-item .control-btn svg {
            height: 12px
        }

        .pagination-main .pagination .page-item .control-btn:is(:hover) {
            background-color: #f3f4f6;
            color: #161616
        }

            .pagination-main .pagination .page-item .control-btn:is(:hover)::before {
                visibility: visible;
                opacity: 1
            }

            .pagination-main .pagination .page-item .control-btn:is(:hover) svg path {
                stroke: #fff
            }

        .pagination-main .pagination .page-item .control-btn:is(:focus, :active, .active) {
            background-color: #e5e7eb;
            color: #161616;
            border: 2px solid #161616
        }

        .pagination-main .pagination .page-item .control-btn:not(:first-of-type, :last-of-type) .page-link {
            height: 32px;
            min-width: 32px;
            text-align: center;
            padding: 0 8px;
            border: 2px solid rgba(0, 0, 0, 0)
        }

            .pagination-main .pagination .page-item .control-btn:not(:first-of-type, :last-of-type) .page-link:focus {
                border: 2px solid #161616
            }

        .pagination-main .pagination .page-item .control-btn:first-of-type:is(:focus, :active, .active):after,
        .pagination-main .pagination .page-item .control-btn:last-of-type:is(:focus, :active, .active):after {
            display: none
        }

        .pagination-main .pagination .page-item .control-btn:is(:focus, :active, .active) {
            color: #161616;
            box-shadow: none;
            outline: none
        }

            .pagination-main .pagination .page-item .control-btn:is(:focus, :active, .active)::after {
                content: "";
                height: 3px;
                background-color: #1b8354;
                width: 80%;
                display: block;
                border-radius: 15px;
                position: absolute;
                bottom: 0px;
                inset-inline-end: 50%;
                transform: translate(-50%, -50%)
            }

[dir=ltr] .pagination-main .pagination .page-item .control-btn:is(:focus, :active, .active)::after {
    inset-inline-start: 50%;
    inset-inline-end: 0
}

.pagination-main .pagination .page-item:is(:focus, :active, .active)::after {
    content: "";
    height: 3px;
    background-color: #1b8354;
    width: 80%;
    display: block;
    border-radius: 15px;
    position: absolute;
    bottom: 0px;
    inset-inline-end: 50%;
    transform: translate(-50%, -50%)
}

[dir=ltr] .pagination-main .pagination .page-item:is(:focus, :active, .active)::after {
    inset-inline-start: 50%;
    inset-inline-end: 0
}

.pagination-main .pagination .next a:focus,
.pagination-main .pagination .previous a:focus {
    border: 2px solid rgba(0, 0, 0, 0) !important
}

.page-item.active .page-link:focus {
    border: 2px solid rgba(0, 0, 0, 0) !important
}

.ui-datepicker {
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
    background-color: #fff
}

.multi-calendar .ui-datepicker {
    width: 100% !important;
    background-color: rgba(0, 0, 0, 0);
    border: 0
}

    .multi-calendar .ui-datepicker .ui-datepicker-current {
        border: 1px solid var(--color-primary);
        display: flex;
        width: auto;
        height: auto;
        padding: 4px 24px 8px;
        border-radius: 100px;
        color: var(--color-primary);
        font-family: "IBMPlexSansArabic-Medium"
    }

        .multi-calendar .ui-datepicker .ui-datepicker-current:is(:hover, :active, :focus) {
            background-color: var(--color-primary);
            color: #fff
        }

.ui-datepicker .ui-datepicker-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: start;
    background-color: #fff;
    border: none;
    color: #161616;
    border-radius: 0;
    padding: 1.157rem .5rem
}

.multi-calendar .ui-datepicker .ui-datepicker-header {
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    color: var(--color-primary)
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    right: auto;
    left: auto;
    width: 1.875rem;
    height: 1.875rem;
    cursor: pointer;
    border-radius: 0;
    margin-top: -0.9375rem;
    transition: background-color .3s ease-in-out;
    border-radius: 50%
}

    .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
        content: "";
        width: .75rem;
        height: .75rem;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain
    }

    .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
        display: none
    }

    .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-hover,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-hover {
        background-color: var(--color-primary)
    }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-hover::before,
        .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-hover::before {
            filter: brightness(0) invert(1)
        }

    .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-hover,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-hover {
        border: none
    }

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    inset-inline-end: 10px
}

    .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before {
        background-image: url(../images/arrow-left-icon.svg)
    }

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    inset-inline-end: 30px
}

    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
        background-image: url(../images/arrow-left-icon.svg)
    }

[dir=rtl] .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
    background-image: url(../images/arrow-right-icon.svg)
}

.ui-datepicker .ui-datepicker-header a {
    color: inherit
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    line-height: 1.5;
    font-size: 1rem;
    margin: 0;
    font-family: "IBMPlexSansArabic-Medium";
    color: #161616
}

.multi-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    color: var(--color-secondary)
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-year {
    border: 0;
    color: #161616 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    background-image: url(../images/arrow/arrow_black.svg);
    background-repeat: no-repeat;
    background-position: left;
    padding-inline: 20px;
    padding-inline-start: 5px
}

    .ui-datepicker .ui-datepicker-header .ui-datepicker-year:focus,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-year:focus-visible {
        border: 0
    }

.ui-datepicker .ui-datepicker-calendar {
    margin-bottom: 0;
    outline: 0;
    border-radius: 8px;
    box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, .1)
}

    .ui-datepicker .ui-datepicker-calendar thead tr th {
        font-family: "IBMPlexSansArabic-Regular", sans-serif;
        font-weight: normal;
        font-size: .75rem;
        background-color: #fff;
        border: .0625rem solid rgba(187, 149, 91, .04);
        padding: .7rem .5rem;
        min-width: -moz-fit-content !important;
        min-width: fit-content !important;
        text-align: center;
        color: #64748b
    }

.multi-calendar .ui-datepicker .ui-datepicker-calendar thead tr th {
    background-color: rgba(0, 0, 0, 0)
}

.ui-datepicker tbody tr {
    background-color: #fff !important;
    border: 0 !important
}

    .ui-datepicker tbody tr td {
        position: relative;
        vertical-align: top;
        font-size: .875rem;
        border: 0;
        min-width: -moz-fit-content !important;
        min-width: fit-content !important;
        text-align: center;
        padding: 0
    }

        .ui-datepicker tbody tr td.ui-state-disabled {
            display: none;
            border-color: rgba(235, 237, 239, .5)
        }

.multi-calendar .ui-datepicker tbody tr td {
    background-color: rgba(0, 0, 0, 0);
    border: 0
}

.ui-datepicker .ui-state-default {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    color: #161616;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    border-radius: 50%;
    font-family: "IBMPlexSansArabic-Regular"
}

    .ui-datepicker .ui-state-default:hover {
        color: var(--color-tertiary)
    }

.ui-datepicker .ui-state-highlight {
    color: #fff;
    border: 1px solid var(--color-secondary);
    background-color: var(--color-secondary)
}

    .ui-datepicker .ui-state-highlight:hover {
        color: #fff;
        background-color: var(--color-success)
    }

.ui-datepicker .ui-state-active {
    color: var(--color-success);
    border: 1px solid var(--color-success)
}

    .ui-datepicker .ui-state-active:hover {
        color: #fff;
        background-color: var(--color-success)
    }

.ui-datepicker-group {
    position: relative;
    height: 100%;
    min-height: 365px;
    padding-inline-end: 5px
}

.multi-calendar .ui-datepicker-group:not(.ui-datepicker-group-last):after {
    position: absolute;
    inset-inline-end: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    margin: auto 0;
    height: 200px;
    width: 1px;
    background-color: #c2c2c2
}

.full-calendar .ui-datepicker {
    width: 100%;
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    border: 0
}

    .full-calendar .ui-datepicker .ui-datepicker-header {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgba(0, 0, 0, 0);
        border: none;
        color: #161616;
        gap: 8px;
        border-radius: 0;
        padding: 1.157rem 1.25rem
    }

        .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
        .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            width: 1.875rem;
            height: 1.875rem;
            top: auto;
            bottom: auto;
            margin: 0;
            cursor: pointer;
            border-radius: 0;
            transition: background-color .3s ease-in-out;
            border-radius: 50%
        }

            .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before,
            .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
                content: "";
                width: .75rem;
                height: .75rem;
                background-repeat: no-repeat;
                background-position: center;
                background-size: contain
            }

            .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon,
            .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
                display: none
            }

            .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-hover,
            .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-hover {
                background-color: var(--color-primary)
            }

                .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-hover::before,
                .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-hover::before {
                    filter: brightness(0) invert(1)
                }

            .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-hover,
            .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-hover {
                border: none
            }

        .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
            order: 2
        }

            .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before {
                background-image: url(../images/arrow-left-icon.svg)
            }

[dir=rtl] .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before {
    background-image: url(../images/arrow-right-icon.svg)
}

.full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    inset-inline-end: 0;
    position: absolute
}

    .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
        background-image: url(../images/arrow-right-icon.svg)
    }

[dir=rtl] .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
    background-image: url(../images/arrow-left-icon.svg)
}

.full-calendar .ui-datepicker .ui-datepicker-header a {
    color: inherit
}

.full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    font-size: 1rem;
    margin: auto 0;
    height: 1.875rem;
    font-family: "IBMPlexSansArabic-Medium";
    color: var(--color-secondary)
}

.full-calendar .ui-datepicker .ui-datepicker-calendar {
    margin-bottom: 0
}

    .full-calendar .ui-datepicker .ui-datepicker-calendar thead tr th {
        font-family: "IBMPlexSansArabic-Medium", sans-serif;
        background-color: rgba(0, 0, 0, 0)
    }

.full-calendar .ui-datepicker tbody tr td {
    border: 0;
    padding: 8px
}

    .full-calendar .ui-datepicker tbody tr td.ui-state-disabled {
        display: none;
        background-color: #cee7fa
    }

.full-calendar .ui-datepicker .ui-state-default {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 7.5rem;
    color: var(--color-text-color);
    font-size: 1.25rem;
    font-family: "IBMPlexSansArabic-Bold";
    background-color: #fff;
    border: none;
    border-radius: 8px
}

    .full-calendar .ui-datepicker .ui-state-default:hover {
        color: #fff;
        background-color: var(--color-secondary)
    }

.full-calendar .ui-datepicker .ui-state-highlight {
    color: #fff;
    border: 1px solid var(--color-success);
    background-color: var(--color-success)
}

    .full-calendar .ui-datepicker .ui-state-highlight:hover {
        color: #fff;
        background-color: var(--color-success)
    }

.full-calendar .ui-datepicker .ui-state-active {
    color: #fff;
    background-color: var(--color-success)
}

    .full-calendar .ui-datepicker .ui-state-active:hover {
        color: #fff;
        background-color: var(--color-success)
    }

.calendars {
    border: 0;
    outline: 0;
    border-radius: 8px;
    box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, .1);
    overflow: hidden;
    padding-bottom: 10px;
    background-color: #fff
}

    .calendars tbody,
    .calendars td,
    .calendars tfoot,
    .calendars th,
    .calendars thead,
    .calendars tr {
        border-color: rgba(0, 0, 0, 0)
    }

    .calendars .calendars-month-year {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEzIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjk5MjM1IDEuMTI5NEMyLjA5MzkzIDEuMjYzODggMi4zOTcxOCAxLjY2NTM0IDIuNTc3NzkgMS44OTY3NkMyLjkzOTUyIDIuMzYwMjcgMy40MzM3OCAyLjk3NjE4IDMuOTY2OTUgMy41OTAyNkM0LjUwMjgyIDQuMjA3NDQgNS4wNjU3NCA0LjgwODUyIDUuNTY1ODMgNS4yNTAzOUM1LjgxNjYgNS40NzE5NSA2LjAzNjg4IDUuNjQwMzEgNi4yMTg2NSA1Ljc0OTg5QzYuMzg5NjEgNS44NTI5NiA2LjQ5MDYgNS44NzQzOSA2LjQ5MDYgNS44NzQzOUM2LjQ5MDYgNS44NzQzOSA2LjU4ODYyIDUuODUyOTUgNi43NTk1NyA1Ljc0OTlDNi45NDEzNCA1LjY0MDMyIDcuMTYxNjIgNS40NzE5NiA3LjQxMjM4IDUuMjUwMzlDNy45MTI0OCA0LjgwODUyIDguNDc1NCA0LjIwNzQ0IDkuMDExMjcgMy41OTAyNUM5LjU0NDQ0IDIuOTc2MTYgMTAuMDM4NyAyLjM2MDI1IDEwLjQwMDQgMS44OTY3M0MxMC41ODEgMS42NjUzMSAxMC44ODM5IDEuMjY0NDIgMTAuOTg1NCAxLjEyOTk0QzExLjE5MDEgMC44NTIwMDQgMTEuNTgxOCAwLjc5MjA1OCAxMS44NTk3IDAuOTk2NzUxQzEyLjEzNzcgMS4yMDE0NSAxMi4xOTcxIDEuNTkyNjkgMTEuOTkyNCAxLjg3MDYzTDExLjk5MDggMS44NzI3M0MxMS44ODQzIDIuMDEzNzYgMTEuNTcwMiAyLjQyOTYzIDExLjM4NTkgMi42NjU3N0MxMS4wMTYgMy4xMzk3NSAxMC41MDczIDMuNzczODQgOS45NTUxNSA0LjQwOTc2QzkuNDA1NzEgNS4wNDI1NyA4LjgwMDk5IDUuNjkxNDkgOC4yNDAwNiA2LjE4NzEyQzcuOTYwMzEgNi40MzQzIDcuNjc2NzMgNi42NTY1NiA3LjQwNDkzIDYuODIwNDJDNy4xNTAyOCA2Ljk3MzkzIDYuODI3ODcgNy4xMjUgNi40ODkxMSA3LjEyNUM2LjE1MDM1IDcuMTI1IDUuODI3OTQgNi45NzM5MyA1LjU3MzI5IDYuODIwNDFDNS4zMDE0OSA2LjY1NjU2IDUuMDE3OTIgNi40MzQzIDQuNzM4MTYgNi4xODcxMkM0LjE3NzIzIDUuNjkxNDkgMy41NzI1MSA1LjA0MjU4IDMuMDIzMDggNC40MDk3N0MyLjQ3MDk1IDMuNzczODYgMS45NjIyNSAzLjEzOTc4IDEuNTkyMzYgMi42NjU4QzEuNDA3OTcgMi40Mjk1MyAxLjA5MzkgMi4wMTM3MSAwLjk4NzU1OCAxLjg3MjkyTDAuOTg2MTU3IDEuODcxMDdDMC43ODE0NjIgMS41OTMxMyAwLjg0MDU0MSAxLjIwMTQ5IDEuMTE4NDggMC45OTY3OTNDMS4zOTY0IDAuNzkyMTA1IDEuNzg3NjUgMC44NTE0OTMgMS45OTIzNSAxLjEyOTRaIiBmaWxsPSIjMTYxNjE2Ii8+Cjwvc3ZnPgo=");
        background-repeat: no-repeat;
        background-position: left;
        padding-inline: 20px !important;
        padding-inline-start: 5px !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        color: #161616 !important;
        position: relative;
        top: 13px
    }

[dir=ltr] .calendars .calendars-month-year {
    background-position: right;
    position: relative
}

.calendars .calendars-month-year:focus-visible {
    outline: 0
}

.calendars table {
    outline: 0;
    display: inline-block
}

.calendars .calendars-nav {
    display: inline-block;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    color: #161616;
    font-family: "IBMPlexSansArabic-Regular";
    padding: 6px 0
}

    .calendars .calendars-nav a.calendars-cmd {
        height: 3rem;
        line-height: 3rem;
        padding: 0;
        transition: all .3s ease-in-out
    }

        .calendars .calendars-nav a.calendars-cmd:hover {
            background-color: #f3f4f6
        }

        .calendars .calendars-nav a.calendars-cmd:focus {
            background-color: #e5e7eb
        }

    .calendars .calendars-nav .calendars-cmd-next,
    .calendars .calendars-nav .calendars-cmd-prev {
        text-indent: -10000px;
        color: rgba(0, 0, 0, 0);
        background-repeat: no-repeat;
        background-size: 15px;
        background-position: center;
        width: 3rem;
        top: 14px
    }

[dir=ltr] .calendars .calendars-nav .calendars-cmd-next,
[dir=ltr] .calendars .calendars-nav .calendars-cmd-prev {
    transform: rotate(180deg)
}

.calendars .calendars-nav .calendars-cmd-next {
    text-indent: 10000px
}

.calendars .calendars-nav .calendars-cmd-prev {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxOCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3Ljc0OTUgNS45OTk0OUMxNy43NDk1IDUuNjI1OTMgMTcuNTgzOSA1LjI3OTM3IDE3LjQyNyA1LjAxOTE0QzE3LjI1NzcgNC43MzgzMiAxNy4wMzAxIDQuNDQ4MzkgMTYuNzgwMyA0LjE2NTcyQzE2LjI3OTQgMy41OTg2NCAxNS42MjU3IDIuOTg5NjYgMTQuOTkxMyAyLjQzODhDMTQuMzUzMiAxLjg4NDY5IDEzLjcxNzMgMS4zNzQ0OCAxMy4yNDIzIDEuMDAzNzFDMTMuMDA0NCAwLjgxODAwOSAxMi44MDU5IDAuNjY2NTczIDEyLjY2NjUgMC41NjEyNjJDMTIuNTk2OCAwLjUwODU5MyAxMi41NDE4IDAuNDY3NDIgMTIuNTAzOSAwLjQzOTIyNkwxMi40NjA0IDAuNDA2ODQxTDEyLjQ0ODggMC4zOTgyODhMMTIuNDQ0OCAwLjM5NTMyN0MxMi4xMTEzIDAuMTQ5NjY2IDExLjY0MTQgMC4yMjA1NTYgMTEuMzk1NyAwLjU1NDA1OEMxMS4xNTAxIDAuODg3NTQ1IDExLjIyMTMgMS4zNTcwMiAxMS41NTQ3IDEuNjAyNjlMMTEuNTY3NCAxLjYxMjExTDExLjYwNzUgMS42NDE4OEMxMS42NDI5IDEuNjY4MjggMTEuNjk1MyAxLjcwNzUyIDExLjc2MjMgMS43NTgxM0MxMS44OTY0IDEuODU5MzggMTIuMDg4NSAyLjAwNTk4IDEyLjMxOTMgMi4xODYxNUMxMi43ODE4IDIuNTQ3MTIgMTMuMzk1OSAzLjA0MDAyIDE0LjAwNzggMy41NzEzN0MxNC42MjM0IDQuMTA1OTYgMTUuMjE5NyA0LjY2NDc5IDE1LjY1NjIgNS4xNTg4NkMxNS42ODM4IDUuMTkwMTEgMTUuNzEwNSA1LjIyMDgyIDE1LjczNjQgNS4yNTA5OEwwLjk5OTUxMiA1LjI1MDk4QzAuNTg1Mjk4IDUuMjUwOTggMC4yNDk1MTIgNS41ODY3NyAwLjI0OTUxMiA2LjAwMDk4QzAuMjQ5NTEyIDYuNDE1MTkgMC41ODUyOTkgNi43NTA5OCAwLjk5OTUxMiA2Ljc1MDk4TDE1LjczMzggNi43NTA5OEMxNS43MDg4IDYuNzgwMTggMTUuNjgyOSA2LjgwOTkxIDE1LjY1NjIgNi44NDAxNEMxNS4yMTk3IDcuMzM0MjEgMTQuNjIzNCA3Ljg5MzAzIDE0LjAwNzggOC40Mjc2MkMxMy4zOTU5IDguOTU4OTggMTIuNzgxOCA5LjQ1MTg3IDEyLjMxOTMgOS44MTI4NEMxMi4wODg1IDkuOTkzMDIgMTEuODk2NCAxMC4xMzk2IDExLjc2MjMgMTAuMjQwOUMxMS42OTUzIDEwLjI5MTUgMTEuNjQyOSAxMC4zMzA3IDExLjYwNzUgMTAuMzU3MUwxMS41Njc0IDEwLjM4NjlMMTEuNTU0NyAxMC4zOTYzQzExLjIyMTMgMTAuNjQyIDExLjE1MDEgMTEuMTExNSAxMS4zOTU3IDExLjQ0NDlDMTEuNjQxNCAxMS43Nzg0IDEyLjExMTMgMTEuODQ5MyAxMi40NDQ4IDExLjYwMzdMMTIuNDQ4OCAxMS42MDA3TDEyLjQ2MDQgMTEuNTkyMkwxMi41MDM5IDExLjU1OThDMTIuNTQxOCAxMS41MzE2IDEyLjU5NjggMTEuNDkwNCAxMi42NjY1IDExLjQzNzdDMTIuODA1OSAxMS4zMzI0IDEzLjAwNDQgMTEuMTgxIDEzLjI0MjMgMTAuOTk1M0MxMy43MTczIDEwLjYyNDUgMTQuMzUzMiAxMC4xMTQzIDE0Ljk5MTMgOS41NjAyQzE1LjYyNTcgOS4wMDkzMyAxNi4yNzk0IDguNDAwMzUgMTYuNzgwMyA3LjgzMzI4QzE3LjAzMDEgNy41NTA2IDE3LjI1NzcgNy4yNjA2NyAxNy40MjcgNi45Nzk4NkMxNy41ODI5IDYuNzIxMTkgMTcuNzQ3NSA2LjM3NzIxIDE3Ljc0OTUgNi4wMDYyMiIgZmlsbD0iIzE2MTYxNiIvPgo8L3N2Zz4K");
    position: absolute;
    inset-inline-end: 60px
}

.calendars .calendars-nav .calendars-cmd-next {
    inset-inline-end: 10px;
    position: absolute;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxOCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjUwNDg4IDUuOTk5NTFDMC4yNTA0OTEgNi4zNzMwNyAwLjQxNjE0MiA2LjcxOTYzIDAuNTczMDA4IDYuOTc5ODZDMC43NDIyODQgNy4yNjA2OCAwLjk2OTkzMiA3LjU1MDYgMS4yMTk2NyA3LjgzMzI4QzEuNzIwNjcgOC40MDAzNSAyLjM3NDM2IDkuMDA5MzMgMy4wMDg3MiA5LjU2MDJDMy42NDY4MiAxMC4xMTQzIDQuMjgyNzEgMTAuNjI0NSA0Ljc1Nzc0IDEwLjk5NTNDNC45OTU2NSAxMS4xODEgNS4xOTQxMiAxMS4zMzI0IDUuMzMzNTMgMTEuNDM3N0M1LjQwMzI1IDExLjQ5MDQgNS40NTgyNSAxMS41MzE2IDUuNDk2MDcgMTEuNTU5OEw1LjUzOTY0IDExLjU5MjJMNS41NTEyIDExLjYwMDdMNS41NTUyMSAxMS42MDM3QzUuODg4NzEgMTEuODQ5MyA2LjM1ODY1IDExLjc3ODQgNi42MDQzMSAxMS40NDQ5QzYuODQ5OTYgMTEuMTExNSA2Ljc3ODc3IDEwLjY0MiA2LjQ0NTMgMTAuMzk2M0w2LjQzMjU4IDEwLjM4NjlMNi4zOTI1MyAxMC4zNTcxQzYuMzU3MTEgMTAuMzMwNyA2LjMwNDY4IDEwLjI5MTUgNi4yMzc2OSAxMC4yNDA5QzYuMTAzNjYgMTAuMTM5NiA1LjkxMTUxIDkuOTkzMDIgNS42ODA2OCA5LjgxMjg0QzUuMjE4MjEgOS40NTE4NyA0LjYwNDEyIDguOTU4OTggMy45OTIyMiA4LjQyNzYyQzMuMzc2NiA3Ljg5MzAzIDIuNzgwMyA3LjMzNDIxIDIuMzQzOCA2Ljg0MDE0QzIuMzE2MTkgNi44MDg4OSAyLjI4OTQ3IDYuNzc4MTggMi4yNjM2NSA2Ljc0ODAyTDE3LjAwMDUgNi43NDgwMUMxNy40MTQ3IDYuNzQ4MDEgMTcuNzUwNSA2LjQxMjIzIDE3Ljc1MDUgNS45OTgwMkMxNy43NTA1IDUuNTgzOCAxNy40MTQ3IDUuMjQ4MDEgMTcuMDAwNSA1LjI0ODAxTDIuMjY2MTkgNS4yNDgwMkMyLjI5MTIyIDUuMjE4ODEgMi4zMTcxIDUuMTg5MDkgMi4zNDM4IDUuMTU4ODZDMi43ODAzIDQuNjY0NzkgMy4zNzY2IDQuMTA1OTYgMy45OTIyMiAzLjU3MTM3QzQuNjA0MTIgMy4wNDAwMiA1LjIxODIxIDIuNTQ3MTIgNS42ODA2OCAyLjE4NjE1QzUuOTExNTEgMi4wMDU5OCA2LjEwMzY1IDEuODU5MzggNi4yMzc2OSAxLjc1ODEzQzYuMzA0NjggMS43MDc1MiA2LjM1NzExIDEuNjY4MjggNi4zOTI1MiAxLjY0MTg4TDYuNDMyNTcgMS42MTIxMUw2LjQ0NTMgMS42MDI2OUM2Ljc3ODc3IDEuMzU3MDIgNi44NDk5NiAwLjg4NzU0NCA2LjYwNDMgMC41NTQwNThDNi4zNTg2NCAwLjIyMDU1NiA1Ljg4ODcxIDAuMTQ5NjY2IDUuNTU1MjEgMC4zOTUzMjhMNS41NTEyIDAuMzk4Mjg4TDUuNTM5NjQgMC40MDY4NDFMNS40OTYwNyAwLjQzOTIyNkM1LjQ1ODI1IDAuNDY3NDIxIDUuNDAzMjUgMC41MDg1OTMgNS4zMzM1MyAwLjU2MTI2MkM1LjE5NDEyIDAuNjY2NTc0IDQuOTk1NjQgMC44MTgwMDkgNC43NTc3MyAxLjAwMzcxQzQuMjgyNzEgMS4zNzQ0OCAzLjY0NjgxIDEuODg0NjkgMy4wMDg3MiAyLjQzODhDMi4zNzQzNSAyLjk4OTY2IDEuNzIwNjYgMy41OTg2NSAxLjIxOTY3IDQuMTY1NzJDMC45Njk5MzIgNC40NDg0IDAuNzQyMjg0IDQuNzM4MzIgMC41NzMwMDcgNS4wMTkxNEMwLjQxNzA4NSA1LjI3NzggMC4yNTI0ODEgNS42MjE3OSAwLjI1MDUwNSA1Ljk5Mjc3IiBmaWxsPSIjMTYxNjE2Ii8+Cjwvc3ZnPgo=")
}

.calendars .calendars-month-row .calendars-month {
    border: 0;
    background-color: #fff
}

    .calendars .calendars-month-row .calendars-month .calendars-month-header {
        display: flex;
        height: -moz-fit-content;
        height: fit-content;
        gap: 10px;
        padding-block: 0px;
        background-color: #fff;
        padding-inline-start: 10px;
        padding-bottom: 15px
    }

        .calendars .calendars-month-row .calendars-month .calendars-month-header select,
        .calendars .calendars-month-row .calendars-month .calendars-month-header input {
            border: 1px solid #fff;
            height: -moz-fit-content;
            height: fit-content;
            background-color: rgba(0, 0, 0, 0);
            color: var(--color-secondary);
            border-radius: 50px;
            padding-inline: 12px
        }

    .calendars .calendars-month-row .calendars-month span {
        text-align: center
    }

    .calendars .calendars-month-row .calendars-month thead {
        width: 100%
    }

        .calendars .calendars-month-row .calendars-month thead th,
        .calendars .calendars-month-row .calendars-month thead a {
            background-color: #fff;
            color: #64748b;
            border: 0;
            text-align: center;
            padding: 0
        }

    .calendars .calendars-month-row .calendars-month .calendars-selected {
        background-color: #1b8354;
        color: #fff
    }

        .calendars .calendars-month-row .calendars-month .calendars-selected:hover {
            background-color: #166a45
        }

    .calendars .calendars-month-row .calendars-month .calendars-today {
        border: 2px solid #1b8354;
        color: #1b8354;
        font-family: "IBMPlexSansArabic-Bold"
    }

        .calendars .calendars-month-row .calendars-month .calendars-today:hover {
            background-color: #dff6e7
        }

    .calendars .calendars-month-row .calendars-month .table tr td,
    .calendars .calendars-month-row .calendars-month table tr td,
    .calendars .calendars-month-row .calendars-month .MsoNormalTable tr td,
    .calendars .calendars-month-row .calendars-month table tr td {
        padding: 7px
    }

    .calendars .calendars-month-row .calendars-month tbody {
        width: 100%
    }

        .calendars .calendars-month-row .calendars-month tbody tr td {
            background-color: #fff;
            border-color: #fff;
            color: #161616;
            font-family: "IBMPlexSansArabic-Regular"
        }

            .calendars .calendars-month-row .calendars-month tbody tr td a,
            .calendars .calendars-month-row .calendars-month tbody tr td span {
                background-color: rgba(0, 0, 0, 0);
                text-align: center;
                font-family: "IBMPlexSansArabic-Regular";
                color: #161616;
                padding: 5px 0px;
                border-radius: 50%;
                width: 50px;
                height: 50px;
                transition: all .3s ease-in-out;
                display: inline-block;
                line-height: 2.5
            }

                .calendars .calendars-month-row .calendars-month tbody tr td a:hover,
                .calendars .calendars-month-row .calendars-month tbody tr td span:hover {
                    background-color: #e5e7eb
                }

        .calendars .calendars-month-row .calendars-month tbody tr .calendars-other-month:hover {
            pointer-events: none;
            background-color: rgba(0, 0, 0, 0)
        }

.calendars .calendars-ctrl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--color-secondary);
    display: none
}

    .calendars .calendars-ctrl a.calendars-cmd {
        height: 3rem;
        width: 3rem;
        text-align: center;
        line-height: 3rem;
        padding: 0
    }

        .calendars .calendars-ctrl a.calendars-cmd:hover {
            background-color: rgba(0, 0, 0, .12)
        }


.icon-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 350px;
    padding: 16px 24px;
    height: 100%;
    min-height: 200px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1);
    box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1);
}

    .icon-card.white-card {
        background-color: #fff;
    }

    .icon-card .icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        margin: 0;
    }

        .icon-card .icon img,
        .icon-card .icon svg {
            display: block;
            width: 100%;
            max-height: 100%;
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            -o-object-fit: contain;
            object-fit: contain;
        }

        .icon-card .icon.icon-lg {
            height: 250px;
            width: 100%;
            margin: auto;
        }

    .icon-card .item-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        width: 100%;
    }

        .icon-card .item-info .item-date {
            color: var(--color-text-color);
            margin-bottom: 8px;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        .icon-card .item-info .item-title {
            font-family: "IBMArabic-Bold";
            color: #161616;
            margin-bottom: 0px;
            font-size: 1rem;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        .icon-card .item-info .item-description {
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            font-family: "IBMArabic-Medium";
            color: #606161;
            text-align: center;
            padding: 0;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

    .icon-card .btn-icon {
        margin-top: 8px;
        background-color: #f7f7f7;
    }

    .icon-card.contact-card {
        background-color: #f5f5f5;
    }

        .icon-card.contact-card .icon {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 50px;
            height: 50px;
            margin: 0 auto 24px;
        }

            .icon-card.contact-card .icon img,
            .icon-card.contact-card .icon svg {
                display: block;
                width: 100%;
                max-height: 100%;
                -webkit-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
            }

            .icon-card.contact-card .icon.icon-lg {
                height: 80px;
            }

        .icon-card.contact-card .item-info .item-description {
            font-size: 0.875rem;
        }

.open-data-page .icon-card .item-info {
    gap: 12px;
}

.open-data-page .icon-card .btn {
    width: 100%;
}

.social-media .icon-card {
    background-color: var(--color-secondary);
}

    .social-media .icon-card .item-info .icon img {
        height: 60px;
        width: 60px;
    }

    .social-media .icon-card .item-info .item-description {
        color: #fff;
    }

    .social-media
    .icon-card:is(:hover, :active, :focus):not(.no-hover)
    .item-info
    .item-description {
        color: var(--color-tertiary);
    }

.icon-card:is(:hover, :active, :focus):not(.no-hover) .item-description,
.icon-card:is(:hover, :active, :focus):not(.no-hover) .item-title {
    color: var(--color-primary);
}

.member-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    padding: 16px;
    height: 100%;
    background-color: #fff;
    border-radius: 20px;
    min-height: 365px;
    -webkit-box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1);
    box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1);
    gap: 15px;
}

    .member-card .member-img {
        width: 100%;
        height: 290px;
        border-radius: 16px;
        margin-bottom: 12px;
        overflow: hidden;
    }

        .member-card .member-img img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

    .member-card .title {
        font-size: 1.125rem;
        text-align: center;
        color: #1f2a37;
        font-family: "IBMArabic-Regular";
    }

    .member-card .name {
        font-family: "IBMArabic-Bold";
        margin-bottom: 0px;
        font-size: 1.125rem;
        text-align: center;
        color: #1f2a37;
    }

    .member-card .job {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        color: #1b8354;
        margin-bottom: 12px;
        font-size: 1rem;
        text-align: start;
        font-family: "IBMArabic-Regular";
        margin-top: 10px;
    }

    .member-card .btn-primary {
        margin-top: 20px;
    }

.performance-statistics-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    padding: 24px;
    height: 100%;
    background-color: #fff;
    border: 1px solid var(--color-primary);
    border-radius: 10px;
}

    .performance-statistics-card .icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        background-color: #d9edfa;
        border-radius: 8px;
    }

        .performance-statistics-card .icon img,
        .performance-statistics-card .icon svg {
            height: 28px;
            max-width: 28px;
            -o-object-fit: contain;
            object-fit: contain;
        }

    .performance-statistics-card .info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .performance-statistics-card .info .count {
            margin: 0;
            font-family: "IBMArabic-Bold";
            color: var(--color-primary);
        }

        .performance-statistics-card .info .title {
            color: #606161;
        }

    .performance-statistics-card.warning {
        border-color: #feb43f;
    }

        .performance-statistics-card.warning .icon {
            background-color: #fff4e2;
        }

        .performance-statistics-card.warning .count {
            color: #feb43f;
        }

    .performance-statistics-card.success {
        border-color: #0faa6c;
    }

        .performance-statistics-card.success .icon {
            background-color: #dbf2e9;
        }

        .performance-statistics-card.success .count {
            color: #0faa6c;
        }

    .performance-statistics-card.orange {
        border-color: #d96b2b;
    }

        .performance-statistics-card.orange .icon {
            background-color: #fae9df;
        }

        .performance-statistics-card.orange .count {
            color: #d96b2b;
        }

.data-card {
    height: 100%;
    border: 1px solid #ebebeb;
    background-color: #fff;
    border-radius: 10px;
}

.data-card__header {
    padding: 12px 16px;
    background-color: #f3f4f6;
    border-radius: 10px 10px 0 0;
    border: 1px solid #ebebeb;
    border-bottom: 2px solid #ebebeb;
    gap: 10px;
}

.data-card__body {
    height: calc(100% - 55px);
}

.data-card--without-header .data-card__body {
    height: 100%;
}

.data-card.with-canvas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 32px;
}

    .data-card.with-canvas canvas {
        width: 75% !important;
        height: auto !important;
        max-height: 500px;
    }

@media (max-width: 767.98px) {
    .data-card.with-canvas canvas {
        width: 100% !important;
    }
}

.progress-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}

    .progress-item .progress-title {
        font-size: 0.875rem;
        color: #606161;
        min-width: 60px;
        text-align: end;
    }

    .progress-item .progress {
        width: 100%;
        height: 10px;
    }

    .progress-item .progress-value {
        font-size: 0.875rem;
        font-family: "IBMArabic-Bold";
    }

    .progress-item:not(:last-of-type) {
        margin-bottom: 16px;
    }

.progress-stacked {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: visible;
    border-radius: 24px;
}

@media (max-width: 1200px) {
    .progress-stacked {
        margin-bottom: 100px !important;
    }
}

.progress-stacked .progress {
    position: relative;
    overflow: visible;
    background-color: rgba(0, 0, 0, 0);
}

    .progress-stacked .progress .progress-bar {
        width: 100%;
        overflow: visible;
    }

    .progress-stacked .progress .title {
        position: absolute;
        inset-inline: 0;
        text-align: center;
        inset-block-end: -32px;
        font-family: "IBMArabic-Bold";
        font-size: 1rem;
    }

@media (max-width: 1200px) {
    .progress-stacked .progress .title {
        top: 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.progress-stacked .progress:first-of-type .progress-bar {
    border-radius: 0px 24px 24px 0;
}

[dir="ltr"] .progress-stacked .progress:first-of-type .progress-bar {
    border-radius: 24px 0px 0px 24px;
}

.progress-stacked .progress:last-of-type .progress-bar {
    border-start-end-radius: 24px;
    border-end-end-radius: 24px;
}

ol.list-group {
    background-color: rgba(0, 0, 0, 0);
}

    ol.list-group.list-group-flush {
        counter-reset: li;
    }

        ol.list-group.list-group-flush .list-group-item {
            position: relative;
            list-style-type: none;
            background-color: rgba(0, 0, 0, 0);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 8px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding-inline: 0;
            padding-block: 14px;
        }

            ol.list-group.list-group-flush .list-group-item:before {
                content: counter(li);
                counter-increment: li;
                color: #606161;
                font-family: "IBMArabic-Medium";
            }

.data-card__body ol.list-group {
    -webkit-padding-end: 16px;
    padding-inline-end: 16px;
    max-height: 285px;
    overflow-y: auto;
}

    .data-card__body ol.list-group::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    .data-card__body ol.list-group::-webkit-scrollbar-thumb {
        background: #074d31;
    }

    .data-card__body ol.list-group::-webkit-scrollbar-track {
        background: #ebebeb;
    }

    .data-card__body ol.list-group::-webkit-scrollbar-track,
    .data-card__body ol.list-group::-webkit-scrollbar-thumb {
        border-radius: 10px;
    }

ul.list-group {
    background-color: rgba(0, 0, 0, 0);
}

    ul.list-group.list-group-flush {
        counter-reset: li;
    }

        ul.list-group.list-group-flush .list-group-item {
            position: relative;
            list-style-type: none;
            background-color: rgba(0, 0, 0, 0);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 8px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding-inline: 0;
            padding-block: 14px;
        }

            ul.list-group.list-group-flush .list-group-item a {
                color: inherit;
            }

                ul.list-group.list-group-flush .list-group-item a:hover {
                    text-decoration: underline;
                }

            ul.list-group.list-group-flush .list-group-item .title {
                min-width: 50%;
            }

            ul.list-group.list-group-flush .list-group-item .value {
                min-width: 50px;
                text-align: end;
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                font-family: "IBMArabic-Regular" !important;
            }

.data-card__body ul.list-group {
    max-height: 270px;
    overflow-y: auto;
    padding: 0 15px;
}

    .data-card__body ul.list-group::-webkit-scrollbar-thumb {
        border-radius: 20px;
        padding: 10px;
        background: #b8eacb;
        height: 15px !important;
        border: 2px solid #e5e7eb !important;
    }

    .data-card__body ul.list-group::-webkit-scrollbar-track {
        padding: 10px;
        border-radius: 20px;
        background: #f3f4f6 !important;
        height: 15px !important;
        border: 1px solid #e5e7eb;
    }

    .data-card__body ul.list-group::-webkit-scrollbar-track,
    .data-card__body ul.list-group::-webkit-scrollbar-thumb {
        border-radius: 10px;
    }

.data-card--without-header ul.list-group {
    max-height: 410px;
}

.title-with-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}

    .title-with-img img {
        display: block;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 24px;
        height: 24px;
        border: 1px solid #707070;
        border-radius: 50%;
    }

.browsers {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

    .browsers .browser-card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        background-color: #f1faff;
        padding: 24px 16px;
        border-radius: 12px;
    }

        .browsers .browser-card .icon {
            margin-bottom: 16px;
        }

            .browsers .browser-card .icon img {
                height: 50px;
                width: 50px;
            }

        .browsers .browser-card .browser-title {
            display: block;
            text-align: center;
            font-size: 0.875rem;
            color: var(--color-secondary);
        }

        .browsers .browser-card .visit-count {
            display: block;
            text-align: center;
            font-family: "IBMArabic-Bold";
            color: var(--color-secondary);
            margin: 0;
        }

        .browsers .browser-card .visit-title {
            display: block;
            text-align: center;
            font-size: 0.875rem;
            font-family: "IBMArabic-Medium";
            color: var(--color-secondary);
        }

.p40px {
    padding-top: 40px;
    padding-bottom: 40px;
}

#ehsanlogo {
    display: none !important;
}

.header__bottom {
    height: 73px;
}

.contact .inner-card-wrapper {
    gap: 35px;
    flex-wrap: wrap;
}

    .contact .inner-card-wrapper .about-card {
        flex-basis: calc(33.3333333333% - 25px) !important;
        height: auto;
        padding: 0;
        min-height: 360px;
    }

.about-card__body .details-icon img {
    width: 32px;
    height: 32px;
}

main {
    min-height: auto;
}

.social-media .inner-card-wrapper .about-card {
    flex-basis: calc(25% - 25px);
    height: auto;
    padding: 0;
}

.social-media .inner-card-wrapper {
    gap: 31px;
    flex-wrap: wrap;
}

@media (max-width: 767px) {
    .header-info p,
    .e-services .header-info p,
    .nds-news-section .header-info p {
        display: none;
    }

    .nds-news-section .news-card-home .d-flex {
        flex-direction: column-reverse !important;
    }

    .nds-news-section .news-card-home img {
        width: 100%;
        min-width: 136px;
        height: 250px !important;
        border-radius: 8px;
    }

    .block-contact .custom-container-minus {
        background:;
        height: auto !important;
        align-items: center;
        border-radius: 8px;
        border: 1px solid #D2D6DB;
        padding: 20px;
    }

    .nds-title-share-page {
        padding-top: 86px !important;
    }

    .about-card.without-header .about-card__body {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .contact .inner-card-wrapper .about-card {
        flex-basis: calc(100% - 40px) !important;
    }

    .contact .about-card__footer {
        margin: 0px !important;
        align-items: center;
        justify-content: center;
        display: flex
    }

    .contact .inner-card-wrapper {
        gap: 35px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .nds-title-share-page {
        padding-top: 176px !important;
    }
}


@media (max-width: 992px) {
    .about-card {
        height: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 768px) {
    .social-media .inner-card-wrapper .about-card {
        flex-basis: calc(100% - 31px);
    }
}

p {
    line-height: 28px;
}

body p {
    line-height: 28px;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 38px;
}

h1, h2, h3, h4, h5, h6, .ms-h1, .ms-h2, .ms-h3, .ms-h4, .ms-h5, .ms-h6 {
    line-height: 38px;
}

.hou-card {
    box-shadow: none !important;
    border: 1px solid #D2D6DB !important;
}

.servicesslider2 .swiper-wrapper {
    padding-bottom: 48px;
}

.btn-gray, .btn-secondary {
    font-size: 16px;
}

.hou-card:focus {
    border: 1px solid #161616 !important;
}

.about-card.without-header .about-card__body {
    padding: 16px 16px 24px 16px !important;
    border-bottom: 0;
}

.tags {
    margin-top: 24px;
}


    .tags ul .blue {
        border-color: #b2ddff;
        color: #1849a9;
        background-color: #eff8ff;
    }

    .tags ul li {
        border: 2px solid #e5e7eb;
        border-radius: 4px;
        background-color: #f9fafb;
        padding: 5px 8px;
        color: #1f2a37;
        font-size: 12px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: 8px;
        height: 24px;
        position: relative;
    }

    .tags ul .active {
        border-color: #abefc6;
        color: #085d3a;
        background-color: #ecfdf3;
    }

.about-card__footer .btn {
    margin-left: 16px;
}

    .about-card__footer .btn.btn-secondary {
        background: #fff;
        color: #161616;
    }

.about-card {
    padding-bottom: 16px;
}

.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-emphasis-color);
    --bs-table-bg: var(--bs-body-bg);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-emphasis-color);
    --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
    --bs-table-active-color: var(--bs-emphasis-color);
    --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
    --bs-table-hover-color: var(--bs-emphasis-color);
    --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 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: rgb(206.6, 226, 254.6);
    --bs-table-border-color: rgb(165.28, 180.8, 203.68);
    --bs-table-striped-bg: rgb(196.27, 214.7, 241.87);
    --bs-table-striped-color: #000;
    --bs-table-active-bg: rgb(185.94, 203.4, 229.14);
    --bs-table-active-color: #000;
    --bs-table-hover-bg: rgb(191.105, 209.05, 235.505);
    --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: rgb(225.6, 227.4, 229);
    --bs-table-border-color: rgb(180.48, 181.92, 183.2);
    --bs-table-striped-bg: rgb(214.32, 216.03, 217.55);
    --bs-table-striped-color: #000;
    --bs-table-active-bg: rgb(203.04, 204.66, 206.1);
    --bs-table-active-color: #000;
    --bs-table-hover-bg: rgb(208.68, 210.345, 211.825);
    --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: rgb(209, 231, 220.8);
    --bs-table-border-color: rgb(167.2, 184.8, 176.64);
    --bs-table-striped-bg: rgb(198.55, 219.45, 209.76);
    --bs-table-striped-color: #000;
    --bs-table-active-bg: rgb(188.1, 207.9, 198.72);
    --bs-table-active-color: #000;
    --bs-table-hover-bg: rgb(193.325, 213.675, 204.24);
    --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: rgb(206.6, 244.4, 252);
    --bs-table-border-color: rgb(165.28, 195.52, 201.6);
    --bs-table-striped-bg: rgb(196.27, 232.18, 239.4);
    --bs-table-striped-color: #000;
    --bs-table-active-bg: rgb(185.94, 219.96, 226.8);
    --bs-table-active-color: #000;
    --bs-table-hover-bg: rgb(191.105, 226.07, 233.1);
    --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: rgb(255, 242.6, 205.4);
    --bs-table-border-color: rgb(204, 194.08, 164.32);
    --bs-table-striped-bg: rgb(242.25, 230.47, 195.13);
    --bs-table-striped-color: #000;
    --bs-table-active-bg: rgb(229.5, 218.34, 184.86);
    --bs-table-active-color: #000;
    --bs-table-hover-bg: rgb(235.875, 224.405, 189.995);
    --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: rgb(248, 214.6, 217.8);
    --bs-table-border-color: rgb(198.4, 171.68, 174.24);
    --bs-table-striped-bg: rgb(235.6, 203.87, 206.91);
    --bs-table-striped-color: #000;
    --bs-table-active-bg: rgb(223.2, 193.14, 196.02);
    --bs-table-active-color: #000;
    --bs-table-hover-bg: rgb(229.4, 198.505, 201.465);
    --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: rgb(198.4, 199.2, 200);
    --bs-table-striped-bg: rgb(235.6, 236.55, 237.5);
    --bs-table-striped-color: #000;
    --bs-table-active-bg: rgb(223.2, 224.1, 225);
    --bs-table-active-color: #000;
    --bs-table-hover-bg: rgb(229.4, 230.325, 231.25);
    --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: rgb(77.4, 80.6, 83.8);
    --bs-table-striped-bg: rgb(44.1, 47.9, 51.7);
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: rgb(55.2, 58.8, 62.4);
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: rgb(49.65, 53.35, 57.05);
    --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(0.375rem + var(--bs-border-width));
    padding-bottom: calc(0.375rem + var(--bs-border-width));
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

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

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

.form-text {
    margin-top: .25rem;
    font-size: 0.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);
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    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
}

@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: rgb(134,182.5,254);
    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: -0.375rem -0.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: rgba(0,0,0,0);
    border: solid rgba(0,0,0,0);
    border-width: var(--bs-border-width) 0
}

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

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

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

    .form-control-sm::file-selector-button {
        padding: .25rem .5rem;
        margin: -0.25rem -0.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: -0.5rem -1rem;
        margin-inline-end: 1rem
    }

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

textarea.form-control-sm {
    min-height: calc(1.5em + 0.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 + 0.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 + 0.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 .75rem .375rem 2.25rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    appearance: none;
    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: left .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
}

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

.form-select:focus {
    border-color: rgb(134,182.5,254);
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

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

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

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

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

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-right: 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='%23dee2e6' 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-right: 1.5em;
    margin-bottom: .125rem
}

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

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

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

.form-check-input {
    --bs-form-check-bg: var(--bs-body-bg);
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    appearance: none;
    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);
    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: rgb(134,182.5,254);
        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-right: 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-right: -2.5em;
        background-image: var(--bs-form-switch-bg);
        background-position: right 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='rgb%28134, 182.5, 254%29'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: left 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-left: 2.5em;
    padding-right: 0
}

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

.form-check-inline {
    display: inline-block;
    margin-left: 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;
    appearance: none;
    background-color: rgba(0,0,0,0)
}

    .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: -0.25rem;
        appearance: none;
        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
    }

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

.form-range::-webkit-slider-thumb:active {
    background-color: rgb(182.4,211.5,254.4)
}

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

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    appearance: none;
    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
}

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

.form-range::-moz-range-thumb:active {
    background-color: rgb(182.4,211.5,254.4)
}

.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: rgba(0,0,0,0);
    cursor: pointer;
    background-color: var(--bs-secondary-bg);
    border-color: rgba(0,0,0,0);
    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;
        right: 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 rgba(0,0,0,0);
        transform-origin: 100% 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::placeholder, .form-floating > .form-control-plaintext::placeholder {
        color: rgba(0,0,0,0)
    }

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

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

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

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

        .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-control-plaintext ~ 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), 0.65);
    transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem)
}

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

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

    .form-floating > :disabled ~ label::after, .form-floating > .form-control: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-select, .input-group > .form-floating {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0
    }

        .input-group > .form-control:focus, .input-group > .form-select:focus, .input-group > .form-floating:focus-within {
            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 > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: var(--bs-border-radius-lg)
}

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

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

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .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 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .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 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

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

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

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 0.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: 0.875rem;
    color: #fff;
    background-color: var(--bs-success);
    border-radius: var(--bs-border-radius)
}

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

.was-validated .form-control:valid, .form-control.is-valid {
    border-color: var(--bs-form-valid-border-color);
    padding-left: calc(1.5em + 0.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: left calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

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

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding-left: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) left calc(0.375em + 0.1875rem)
}

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

    .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-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-left: 4.125rem;
        background-position: left .75rem center,center left 2.25rem;
        background-size: 16px 12px,calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
    }

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

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

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

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

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

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

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

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

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 0.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: 0.875rem;
    color: #fff;
    background-color: var(--bs-danger);
    border-radius: var(--bs-border-radius)
}

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

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: var(--bs-form-invalid-border-color);
    padding-left: calc(1.5em + 0.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: left calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

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

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    padding-left: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) left calc(0.375em + 0.1875rem)
}

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

    .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-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-left: 4.125rem;
        background-position: left .75rem center,center left 2.25rem;
        background-size: 16px 12px,calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
    }

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

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

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

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

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

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

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

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

.btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family:;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 4px;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.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:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked:focus-visible + .btn {
    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-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #488354;
    --bs-btn-border-color: #488354;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(61.2, 111.35, 71.4);
    --bs-btn-hover-border-color: rgb(57.6, 104.8, 67.2);
    --bs-btn-focus-shadow-rgb: 99, 150, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(57.6, 104.8, 67.2);
    --bs-btn-active-border-color: rgb(54, 98.25, 63);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #488354;
    --bs-btn-disabled-border-color: #488354
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #488354;
    --bs-btn-border-color: #488354;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(61.2, 111.35, 71.4);
    --bs-btn-hover-border-color: rgb(57.6, 104.8, 67.2);
    --bs-btn-focus-shadow-rgb: 99, 150, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(57.6, 104.8, 67.2);
    --bs-btn-active-border-color: rgb(54, 98.25, 63);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #488354;
    --bs-btn-disabled-border-color: #488354
}

.btn-info {
    --bs-btn-color: #000;
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgb(49.3, 209.95, 242.25);
    --bs-btn-hover-border-color: rgb(37.2, 207.3, 241.5);
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: rgb(61.4, 212.6, 243);
    --bs-btn-active-border-color: rgb(37.2, 207.3, 241.5);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgb(255, 202.3, 44.2);
    --bs-btn-hover-border-color: rgb(255, 199.2, 31.8);
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: rgb(255, 205.4, 56.6);
    --bs-btn-active-border-color: rgb(255, 199.2, 31.8);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(187, 45.05, 58.65);
    --bs-btn-hover-border-color: rgb(176, 42.4, 55.2);
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(176, 42.4, 55.2);
    --bs-btn-active-border-color: rgb(165, 39.75, 51.75);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545
}

.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgb(210.8, 211.65, 212.5);
    --bs-btn-hover-border-color: rgb(198.4, 199.2, 200);
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: rgb(198.4, 199.2, 200);
    --bs-btn-active-border-color: rgb(186, 186.75, 187.5);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa
}

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(66.3, 69.7, 73.1);
    --bs-btn-hover-border-color: rgb(55.2, 58.8, 62.4);
    --bs-btn-focus-shadow-rgb: 66, 70, 73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(77.4, 80.6, 83.8);
    --bs-btn-active-border-color: rgb(55.2, 58.8, 62.4);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #074d31;
    --bs-btn-border-color: #074d31;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(5.95, 65.45, 41.65);
    --bs-btn-hover-border-color: rgb(5.6, 61.6, 39.2);
    --bs-btn-focus-shadow-rgb: 44, 104, 80;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(5.6, 61.6, 39.2);
    --bs-btn-active-border-color: rgb(5.25, 57.75, 36.75);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #074d31;
    --bs-btn-disabled-border-color: #074d31
}

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

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

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

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

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

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

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

.btn-outline-secondary {
    --bs-btn-color: #074d31;
    --bs-btn-border-color: #074d31;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #074d31;
    --bs-btn-hover-border-color: #074d31;
    --bs-btn-focus-shadow-rgb: 7, 77, 49;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #074d31;
    --bs-btn-active-border-color: #074d31;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #074d31;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #074d31;
    --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-lg, .btn-group-lg > .btn {
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: var(--bs-border-radius-lg)
}

.btn-sm, .btn-group-sm > .btn {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.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
}

 
.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
    }
}

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

.dropdown-toggle {
    white-space: nowrap
}

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

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

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-color: #dee2e6;
    --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: 0.5rem;
    --bs-dropdown-box-shadow: var(--bs-box-shadow);
    --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: var(--colors-text-default);
    --bs-dropdown-link-active-bg: var(--colors-brand-25);
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.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: right;
    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%;
        right: 0;
        margin-top: var(--bs-dropdown-spacer)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .dropdown-menu-xxl-end[data-bs-popper] {
            left: 0;
            right: 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-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-left: .3em solid rgba(0,0,0,0);
    border-bottom: .3em solid;
    border-right: .3em solid rgba(0,0,0,0)
}

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

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

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

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

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

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

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

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

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid rgba(0,0,0,0);
    border-left: .3em solid;
    border-bottom: .3em solid rgba(0,0,0,0)
}

.dropstart .dropdown-toggle:empty::after {
    margin-right: 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: rgba(0,0,0,0);
    border: 0;
    border-radius: var(--bs-dropdown-item-border-radius, 0)
}

    .dropdown-item:hover, .dropdown-item:focus {
        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: rgba(0,0,0,0)
    }

.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: 0.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-box-shadow:;
    --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 > .btn, .btn-group-vertical > .btn {
        position: relative;
        flex: 1 1 auto
    }

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

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

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

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

    .btn-group > :not(.btn-check:first-child) + .btn, .btn-group > .btn-group:not(:first-child) {
        margin-right: calc(var(--bs-border-width)*-1)
    }

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

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

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

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

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

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

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
    padding-left: .75rem;
    padding-right: .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:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) {
            margin-top: calc(var(--bs-border-width)*-1)
        }

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

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

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight:;
    --bs-nav-link-color: var(--colors-text-default);
    --bs-nav-link-hover-color: var(--colors-text-default);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding-right: 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: none;
    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:hover, .nav-link:focus {
    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, .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 rgba(0,0,0,0);
        border-top-right-radius: var(--bs-nav-tabs-border-radius);
        border-top-left-radius: var(--bs-nav-tabs-border-radius)
    }

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

        .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
            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-right-radius: 0;
        border-top-left-radius: 0
    }


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

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

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.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: 0.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: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
    --bs-navbar-toggler-border-radius: var(--bs-border-radius);
    --bs-navbar-toggler-focus-width: 0.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-sm, .navbar > .container-md, .navbar > .container-lg, .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-left: 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:hover, .navbar-brand:focus {
        color: var(--bs-navbar-brand-hover-color)
    }

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight:;
    --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-right: 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:hover, .navbar-text a:focus {
        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: rgba(0,0,0,0);
    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-left: var(--bs-navbar-nav-link-padding-x);
                padding-right: 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: rgba(0,0,0,0) !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-left: var(--bs-navbar-nav-link-padding-x);
                padding-right: 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: rgba(0,0,0,0) !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-left: var(--bs-navbar-nav-link-padding-x);
                padding-right: 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: rgba(0,0,0,0) !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-left: var(--bs-navbar-nav-link-padding-x);
                padding-right: 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: rgba(0,0,0,0) !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-left: var(--bs-navbar-nav-link-padding-x);
                padding-right: 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: rgba(0,0,0,0) !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-left: var(--bs-navbar-nav-link-padding-x);
            padding-right: 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: rgba(0,0,0,0) !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: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

[data-bs-theme=dark] .navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color:;
    --bs-card-subtitle-color:;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: #dee2e6;
    --bs-card-border-radius: 16px;
    --bs-card-box-shadow:;
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
    --bs-card-cap-color:;
    --bs-card-height:;
    --bs-card-color:;
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    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-left: 0;
        margin-right: 0
    }

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

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

        .card > .list-group:last-child {
            border-bottom-width: 0;
            border-bottom-left-radius: var(--bs-card-inner-border-radius);
            border-bottom-right-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(-0.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-right: 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-left: calc(-0.5*var(--bs-card-cap-padding-x));
    margin-bottom: calc(-1*var(--bs-card-cap-padding-y));
    margin-right: calc(-0.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-left: calc(-0.5*var(--bs-card-cap-padding-x));
    margin-right: calc(-0.5*var(--bs-card-cap-padding-x))
}

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

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

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

.card-img, .card-img-bottom {
    border-bottom-left-radius: var(--bs-card-inner-border-radius);
    border-bottom-right-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-right: 0;
                border-right: 0
            }

            .card-group > .card:not(:last-child) {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0
            }

                .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header {
                    border-top-left-radius: 0
                }

                .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer {
                    border-bottom-left-radius: 0
                }

            .card-group > .card:not(:first-child) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }

                .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header {
                    border-top-right-radius: 0
                }

                .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer {
                    border-bottom-right-radius: 0
                }
}



.breadcrumb-xxx {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-bg:;
    --bs-breadcrumb-border-radius:;
    --bs-breadcrumb-divider-color: var(--bs-secondary-color);
    --bs-breadcrumb-item-padding-x: 0.5rem;
    --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-xxx-item + .breadcrumb-xxx-item {
    padding-right: var(--bs-breadcrumb-item-padding-x)
}

    .breadcrumb-xxx-item + .breadcrumb-xxx-item::before {
        float: right;
        padding-left: var(--bs-breadcrumb-item-padding-x);
        color: var(--bs-breadcrumb-divider-color);
        content: var(--bs-breadcrumb-divider, "/")
    }

.breadcrumb-xxx-item.active {
    color: var(--bs-breadcrumb-item-active-color)
}

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--colors-text-default);
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: none;
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: var(--colors-text-default);
    --bs-pagination-hover-bg: var(--colors-gray-100);
    --bs-pagination-hover-border-color: none;
    --bs-pagination-focus-color: var(--colors-text-default);
    --bs-pagination-focus-bg: none;
    --bs-pagination-focus-box-shadow: none;
    --bs-pagination-active-color: var(--colors-gray-800);
    --bs-pagination-active-bg: none;
    --bs-pagination-active-border-color: none;
    --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-right: 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)
}

.page-link.active, .active > .page-link {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color)
}

.page-link.disabled, .disabled > .page-link {
    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-right: calc(var(--bs-border-width)*-1)
}

.page-item:first-child .page-link {
    border-top-right-radius: var(--bs-pagination-border-radius);
    border-bottom-right-radius: var(--bs-pagination-border-radius)
}

.page-item:last-child .page-link {
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius)
}

.pagination-lg {
    --bs-pagination-padding-x: 1.5rem;
    --bs-pagination-padding-y: 0.75rem;
    --bs-pagination-font-size: 1.25rem;
    --bs-pagination-border-radius: var(--bs-border-radius-lg)
}

.pagination-sm {
    --bs-pagination-padding-x: 0.5rem;
    --bs-pagination-padding-y: 0.25rem;
    --bs-pagination-font-size: 0.875rem;
    --bs-pagination-border-radius: var(--bs-border-radius-sm)
}

.badge {
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: var(--bs-border-radius);
    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-left: 3rem
}

    .alert-dismissible .btn-close {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        padding: 1.25rem 1rem
    }

.alert-primary {
    --bs-alert-color: var(--bs-primary-text-emphasis);
    --bs-alert-bg: var(--bs-primary-bg-subtle);
    --bs-alert-border-color: var(--bs-primary-border-subtle);
    --bs-alert-link-color: var(--bs-primary-text-emphasis)
}

.alert-success {
    --bs-alert-color: var(--bs-success-text-emphasis);
    --bs-alert-bg: var(--bs-success-bg-subtle);
    --bs-alert-border-color: var(--bs-success-border-subtle);
    --bs-alert-link-color: var(--bs-success-text-emphasis)
}

.alert-info {
    --bs-alert-color: var(--bs-info-text-emphasis);
    --bs-alert-bg: var(--bs-info-bg-subtle);
    --bs-alert-border-color: var(--bs-info-border-subtle);
    --bs-alert-link-color: var(--bs-info-text-emphasis)
}

.alert-warning {
    --bs-alert-color: var(--bs-warning-text-emphasis);
    --bs-alert-bg: var(--bs-warning-bg-subtle);
    --bs-alert-border-color: var(--bs-warning-border-subtle);
    --bs-alert-link-color: var(--bs-warning-text-emphasis)
}

.alert-danger {
    --bs-alert-color: var(--bs-danger-text-emphasis);
    --bs-alert-bg: var(--bs-danger-bg-subtle);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    --bs-alert-link-color: var(--bs-danger-text-emphasis)
}

.alert-light {
    --bs-alert-color: var(--bs-light-text-emphasis);
    --bs-alert-bg: var(--bs-light-bg-subtle);
    --bs-alert-border-color: var(--bs-light-border-subtle);
    --bs-alert-link-color: var(--bs-light-text-emphasis)
}

.alert-dark {
    --bs-alert-color: var(--bs-dark-text-emphasis);
    --bs-alert-bg: var(--bs-dark-bg-subtle);
    --bs-alert-border-color: var(--bs-dark-border-subtle);
    --bs-alert-link-color: var(--bs-dark-text-emphasis)
}

.alert-secondary {
    --bs-alert-color: var(--bs-secondary-text-emphasis);
    --bs-alert-bg: var(--bs-secondary-bg-subtle);
    --bs-alert-border-color: var(--bs-secondary-border-subtle);
    --bs-alert-link-color: var(--bs-secondary-text-emphasis)
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

.progress, .progress-stacked {
    --bs-progress-height: 1rem;
    --bs-progress-font-size: 0.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, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.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: 0.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-right: 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:hover, .list-group-item-action:focus {
        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-right-radius: inherit;
        border-top-left-radius: inherit
    }

    .list-group-item:last-child {
        border-bottom-left-radius: inherit;
        border-bottom-right-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-right-radius: var(--bs-list-group-border-radius);
        border-top-left-radius: 0
    }

    .list-group-horizontal > .list-group-item:last-child:not(:first-child) {
        border-top-left-radius: var(--bs-list-group-border-radius);
        border-bottom-right-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-right-width: 0
    }

        .list-group-horizontal > .list-group-item + .list-group-item.active {
            margin-right: calc(-1*var(--bs-list-group-border-width));
            border-right-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-right-radius: var(--bs-list-group-border-radius);
            border-top-left-radius: 0
        }

        .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
            border-top-left-radius: var(--bs-list-group-border-radius);
            border-bottom-right-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-right-width: 0
        }

            .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
                margin-right: calc(-1*var(--bs-list-group-border-width));
                border-right-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-right-radius: var(--bs-list-group-border-radius);
            border-top-left-radius: 0
        }

        .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
            border-top-left-radius: var(--bs-list-group-border-radius);
            border-bottom-right-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-right-width: 0
        }

            .list-group-horizontal-md > .list-group-item + .list-group-item.active {
                margin-right: calc(-1*var(--bs-list-group-border-width));
                border-right-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-right-radius: var(--bs-list-group-border-radius);
            border-top-left-radius: 0
        }

        .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
            border-top-left-radius: var(--bs-list-group-border-radius);
            border-bottom-right-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-right-width: 0
        }

            .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
                margin-right: calc(-1*var(--bs-list-group-border-width));
                border-right-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-right-radius: var(--bs-list-group-border-radius);
            border-top-left-radius: 0
        }

        .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
            border-top-left-radius: var(--bs-list-group-border-radius);
            border-bottom-right-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-right-width: 0
        }

            .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
                margin-right: calc(-1*var(--bs-list-group-border-width));
                border-right-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-right-radius: var(--bs-list-group-border-radius);
            border-top-left-radius: 0
        }

        .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
            border-top-left-radius: var(--bs-list-group-border-radius);
            border-bottom-right-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-right-width: 0
        }

            .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
                margin-right: calc(-1*var(--bs-list-group-border-width));
                border-right-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-primary {
    --bs-list-group-color: var(--bs-primary-text-emphasis);
    --bs-list-group-bg: var(--bs-primary-bg-subtle);
    --bs-list-group-border-color: var(--bs-primary-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
    --bs-list-group-active-color: var(--bs-primary-bg-subtle);
    --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-primary-text-emphasis)
}

.list-group-item-success {
    --bs-list-group-color: var(--bs-success-text-emphasis);
    --bs-list-group-bg: var(--bs-success-bg-subtle);
    --bs-list-group-border-color: var(--bs-success-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
    --bs-list-group-active-color: var(--bs-success-bg-subtle);
    --bs-list-group-active-bg: var(--bs-success-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-success-text-emphasis)
}

.list-group-item-info {
    --bs-list-group-color: var(--bs-info-text-emphasis);
    --bs-list-group-bg: var(--bs-info-bg-subtle);
    --bs-list-group-border-color: var(--bs-info-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
    --bs-list-group-active-color: var(--bs-info-bg-subtle);
    --bs-list-group-active-bg: var(--bs-info-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-info-text-emphasis)
}

.list-group-item-warning {
    --bs-list-group-color: var(--bs-warning-text-emphasis);
    --bs-list-group-bg: var(--bs-warning-bg-subtle);
    --bs-list-group-border-color: var(--bs-warning-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
    --bs-list-group-active-color: var(--bs-warning-bg-subtle);
    --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-warning-text-emphasis)
}

.list-group-item-danger {
    --bs-list-group-color: var(--bs-danger-text-emphasis);
    --bs-list-group-bg: var(--bs-danger-bg-subtle);
    --bs-list-group-border-color: var(--bs-danger-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
    --bs-list-group-active-color: var(--bs-danger-bg-subtle);
    --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-danger-text-emphasis)
}

.list-group-item-light {
    --bs-list-group-color: var(--bs-light-text-emphasis);
    --bs-list-group-bg: var(--bs-light-bg-subtle);
    --bs-list-group-border-color: var(--bs-light-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
    --bs-list-group-active-color: var(--bs-light-bg-subtle);
    --bs-list-group-active-bg: var(--bs-light-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-light-text-emphasis)
}

.list-group-item-dark {
    --bs-list-group-color: var(--bs-dark-text-emphasis);
    --bs-list-group-bg: var(--bs-dark-bg-subtle);
    --bs-list-group-border-color: var(--bs-dark-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
    --bs-list-group-active-color: var(--bs-dark-bg-subtle);
    --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-dark-text-emphasis)
}

.list-group-item-secondary {
    --bs-list-group-color: var(--bs-secondary-text-emphasis);
    --bs-list-group-bg: var(--bs-secondary-bg-subtle);
    --bs-list-group-border-color: var(--bs-secondary-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
    --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
    --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis)
}

.btn-close {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: 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 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    --bs-btn-close-opacity: 0.5;
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.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: rgba(0,0,0,0) 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: 0.75rem;
    --bs-toast-padding-y: 0.5rem;
    --bs-toast-spacing: 1.5rem;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: 0.875rem;
    --bs-toast-color:;
    --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-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
}

    .toast-header .btn-close {
        margin-left: calc(-0.5*var(--bs-toast-padding-x));
        margin-right: 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: 0.5rem;
    --bs-modal-color:;
    --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: var(--bs-box-shadow-sm);
    --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: 0.5rem;
    --bs-modal-footer-bg:;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: var(--bs-border-width);
    position: fixed;
    top: 0;
    right: 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: 0.5;
    position: fixed;
    top: 0;
    right: 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;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-right-radius: var(--bs-modal-inner-border-radius);
    border-top-left-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(-0.5*var(--bs-modal-header-padding-y)) auto calc(-0.5*var(--bs-modal-header-padding-y)) calc(-0.5*var(--bs-modal-header-padding-x))
    }

.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-left-radius: var(--bs-modal-inner-border-radius);
    border-bottom-right-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: var(--bs-box-shadow)
    }

    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-left: auto;
        margin-right: 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-header, .modal-fullscreen .modal-footer {
        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-header, .modal-fullscreen-sm-down .modal-footer {
            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-header, .modal-fullscreen-md-down .modal-footer {
            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-header, .modal-fullscreen-lg-down .modal-footer {
            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-header, .modal-fullscreen-xl-down .modal-footer {
            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-header, .modal-fullscreen-xxl-down .modal-footer {
            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: 0.5rem;
    --bs-tooltip-padding-y: 0.25rem;
    --bs-tooltip-margin:;
    --bs-tooltip-font-size: 0.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: 0.9;
    --bs-tooltip-arrow-width: 0.8rem;
    --bs-tooltip-arrow-height: 0.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: right;
    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: rgba(0,0,0,0);
            border-style: solid
        }

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
    bottom: calc(-1*var(--bs-tooltip-arrow-height))
}

    .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=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-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
    right: calc(-1*var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

    .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .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)
    }

.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
    top: calc(-1*var(--bs-tooltip-arrow-height))
}

    .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=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-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
    left: calc(-1*var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

    .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .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)
    }

.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: 0.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: var(--bs-box-shadow);
    --bs-popover-header-padding-x: 1rem;
    --bs-popover-header-padding-y: 0.5rem;
    --bs-popover-header-font-size: 1rem;
    --bs-popover-header-color: inherit;
    --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: 0.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: right;
    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::before, .popover .popover-arrow::after {
            position: absolute;
            display: block;
            content: "";
            border-color: rgba(0,0,0,0);
            border-style: solid;
            border-width: 0
        }

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
    bottom: calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

    .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
        border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0
    }

    .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
        bottom: 0;
        border-top-color: var(--bs-popover-arrow-border)
    }

    .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
        bottom: var(--bs-popover-border-width);
        border-top-color: var(--bs-popover-bg)
    }

.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .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-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
        border-width: calc(var(--bs-popover-arrow-width)*.5) 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)
    }

    .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
        right: 0;
        border-left-color: var(--bs-popover-arrow-border)
    }

    .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
        right: var(--bs-popover-border-width);
        border-left-color: var(--bs-popover-bg)
    }

.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
    top: calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

    .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
        border-width: 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)
    }

    .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
        top: 0;
        border-bottom-color: var(--bs-popover-arrow-border)
    }

    .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
        top: var(--bs-popover-border-width);
        border-bottom-color: var(--bs-popover-bg)
    }

.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
    position: absolute;
    top: 0;
    right: 50%;
    display: block;
    width: var(--bs-popover-arrow-width);
    margin-right: calc(-0.5*var(--bs-popover-arrow-width));
    content: "";
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
}

.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .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-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
        border-width: calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0
    }

    .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
        left: 0;
        border-right-color: var(--bs-popover-arrow-border)
    }

    .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
        left: var(--bs-popover-border-width);
        border-right-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-right-radius: var(--bs-popover-inner-border-radius);
    border-top-left-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)
}

a.btn-primary {
    text-decoration: none !important;
}


html {
    font-size: 100%;
    scroll-behavior: smooth;
    accent-color: var(--color-secondary);
    font-display: swap;
}

    html.theme-gray {
        filter: grayscale(100);
    }

*::-webkit-scrollbar {
    width: .5rem;
    height: .5rem;
}

*::-webkit-scrollbar-thumb {
    background-color: #1b8354;
    border-radius: 10em;
}

*::-webkit-scrollbar-track {
    background-color: #ecefff;
}

*::-webkit-scrollbar-corner {
    background-color: rgba(0,0,0,0);
}




.item-card--auto {
    min-height: unset;
}

.item-card--shadow {
    border: none;
    box-shadow: 0 .25rem .5rem -0.125rem rgba(16,24,40,.1),0 .125rem .25rem -0.125rem rgba(16,24,40,.06);
}

.item-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    min-height: 300px;
    background-color: #fff;
    border: .0625rem solid #d2d6db;
    border-radius: 1rem;
    padding: 1rem;
}

.page-title {
    font-size: 2.1875rem;
    color: rgb(33, 37, 41) !important;
}



.section-title {
    font-family: IBMPlexSansArabic-Bold;
}

.header-left .header-btn li a, .header-left .header-btn li span {
    font-family: IBMPlexSansArabic-Medium;
}

.bg_light {
    background: #F9FAFB !important;
}

.card-service {
    min-height: 100%;
}

    .card-service h3 {
        font-family: "IBMPlexSansArabic-bold";
    }

    .card-service p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 1.7;
        overflow: hidden;
        word-wrap: break-word;
        text-overflow: ellipsis;
        font-size: 16px;
        color: #1f2a37;
        visibility: visible;
        font-family: "IBMPlexSansArabic-Regular";
    }

    .card-service .icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 50%;
        background-color: #f3fcf6;
        width: 50px;
        height: 50px;
        margin-bottom: 24px;
        font-size: 21.5px;
        width: 48px;
        height: 48px;
    }

.card-safety {
    border-radius: 16px;
    border: 1px solid #D2D6DB;
    padding: 16px;
    box-shadow: none;
}

    .card-safety .icon {
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom:24px;
    }

        .card-safety .icon i {
            width: 48px;
            height: 48px;
            font-size: 21.5px;
            text-align: center;
            line-height: 48px;
        }

.single-blog h4 {
    font-family: "IBMPlexSansArabic-bold";
    display: block;
    font-size: 18px !important;
    overflow: hidden;
    max-height: 56px;
    color: #1F2A37;
}

.advisar-header-area {
    border-bottom: 1px solid #e9ecef !important;
}

.digital-stamp-card {
    min-height: 32px;
}

.card-service a.dga-btn {
    clear: both;
}

.card-service .badge {
    display: inline-block;
}

a, a:hover {
    text-decoration: none;
}

.card-service .tags {
    margin-bottom: 24px;
}

.EScheckboxDiv {
    display: flex;
    gap: var(--spacing-md);
    align-items: center;
}

    .EScheckboxDiv .checkbox {
        display: flex;
        width: 36px;
        height: 36px;
        align-items: center;
        justify-content: center;
        margin:0px;
    }

        .EScheckboxDiv .checkbox input[type=checkbox] {
            -webkit-appearance: none;
            appearance: none;
            margin: 0;
            position: relative;
            cursor: pointer;
            width: 20px;
            height: 20px;
        }

            .EScheckboxDiv .checkbox input[type=checkbox]::before {
                content: "";
                display: block;
                position: absolute;
                width: 20px;
                height: 20px;
                top: 0;
                right: 0;
                border: 1px solid var(--colors-gray-500);
                background-color: var(--colors-white);
                border-radius: 2px;
            }

        .EScheckboxDiv .checkbox:hover {
            width: 36px;
            height: 36px;
            background-color: var(--colors-gray-100);
            border-radius: 9999px;
        }

            .EScheckboxDiv .checkbox:hover input[type=checkbox]::before {
                background-color: var(--colors-gray-100);
            }

        .EScheckboxDiv .checkbox input[type=checkbox]:active::before {
            background-color: var(--colors-gray-300);
        }

        .EScheckboxDiv .checkbox input[type=checkbox]:focus:before {
            outline: 2px solid var(--colors-gray-950) !important;
        }

        .EScheckboxDiv .checkbox input[type=checkbox]:checked:before {
            border: 1px solid var(--colors-brand-600);
            background-color: var(--colors-brand-600) !important;
        }

        .EScheckboxDiv .checkbox:hover input[type=checkbox]:checked:before {
            border: 1px solid var(--colors-brand-800);
            background-color: var(--colors-brand-800) !important;
        }

        .EScheckboxDiv .checkbox:hover input[type=checkbox]:checked:active:before {
            border: 1px solid var(--colors-brand-900);
            background-color: var(--colors-brand-900) !important;
        }

        .EScheckboxDiv .checkbox input[type=checkbox]:checked:after {
            content: "";
            display: block;
            width: 7px;
            height: 13px;
            border: solid var(--colors-white);
            border-width: 0 3px 3px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            position: absolute;
            top: 2px;
            left: 6px;
            border-radius: 2px;
        }

/* =========================== SWITCH =========================== */

.form-switch:hover .form-check-input {
    background-color: #f3f4f6;
    border-color: #4d5761;
    box-shadow: 0 0 0 4px rgba(77,87,97,.08);
}

.form-switch .form-check-input {
    background-color: #fff;
    border: 1px solid #0d121c;
    color: #1f2a37;
    --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='%230D121C'/%3e%3c/svg%3e");
}

    .form-switch .form-check-input:focus {
        outline: none;
        box-shadow: none;
        background-color: #fff;
        border: 1px solid #0d121c;
        --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='%230D121C'/%3e%3c/svg%3e");
    }

        .form-switch .form-check-input:focus .form-switch-div {
            border: 1px solid #0d121c;
        }

    .form-switch .form-check-input:not(:checked):hover {
        background-color: #f3f4f6;
        box-shadow: 0 0 0 4px #f3f4f6;
        border-color: #4d5761;
        --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='%234D5761'/%3e%3c/svg%3e");
    }

    .form-switch .form-check-input:checked {
        background-color: #1b8354;
        border-color: #1b8354;
        --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='%23FFFFFF'/%3e%3c/svg%3e");
    }

        .form-switch .form-check-input:checked:disabled {
            background-color: #d2d6db;
            border-color: #d2d6db;
            --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='%23FFFFFF'/%3e%3c/svg%3e");
        }

        .form-switch .form-check-input:checked:hover:disabled {
            background-color: #d2d6db;
            border-color: #d2d6db;
            box-shadow: none;
            color: #1f2a37;
            --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='%23FFFFFF'/%3e%3c/svg%3e");
        }

.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
    color: #1f2a37;
    opacity: 1;
}

.form-switch .form-check-input:checked:hover {
    background-color: #14573a;
    border-color: #14573a;
    box-shadow: 0 0 0 4px #f3f4f6;
}

/* =========================== RADIO =========================== */

.ESRadioDvi .ESRadioItem {
    display: flex;
    gap: var(--spacing-md);
    align-items: center;
}

    .ESRadioDvi .ESRadioItem .radio {
        display: flex;
        width: 36px;
        height: 36px;
        align-items: center;
        justify-content: center;
    }

        .ESRadioDvi .ESRadioItem .radio:hover {
            width: 36px;
            height: 36px;
            background-color: var(--colors-gray-100);
            border-radius: 9999px;
        }

            .ESRadioDvi .ESRadioItem .radio:hover input[type=radio]::before {
                background-color: var(--colors-gray-100);
            }

        .ESRadioDvi .ESRadioItem .radio input[type=radio]:active::before {
            background-color: var(--colors-gray-300);
        }

        .ESRadioDvi .ESRadioItem .radio input[type=radio] {
            /* 🔴 التعديل الأهم هنا أيضاً للراديو */
            -webkit-appearance: none;
            appearance: none;
            margin: 0;
            position: relative;
            cursor: pointer;
            width: 20px;
            height: 20px;
        }

            .ESRadioDvi .ESRadioItem .radio input[type=radio]:focus {
                outline: 2px solid var(--colors-gray-950) !important;
            }

            .ESRadioDvi .ESRadioItem .radio input[type=radio]::before {
                content: "";
                display: block;
                position: absolute;
                width: 20px;
                height: 20px;
                top: 0;
                right: 0;
                border: 1px solid var(--colors-gray-500);
                background-color: var(--colors-white);
                border-radius: 999px;
            }

            .ESRadioDvi .ESRadioItem .radio input[type=radio]:checked:after {
                content: "";
                display: block;
                position: absolute;
                width: 12px;
                height: 12px;
                top: 4px;
                right: 4px;
                border: 1px solid var(--colors-brand-600);
                background-color: var(--colors-brand-600);
                border-radius: 999px;
            }

        .ESRadioDvi .ESRadioItem .radio:hover input[type=radio]:checked:after {
            border: 1px solid var(--colors-brand-800);
            background-color: var(--colors-brand-800) !important;
        }

        .ESRadioDvi .ESRadioItem .radio:hover input[type=radio]:checked:active:after {
            border: 1px solid var(--colors-brand-900);
            background-color: var(--colors-brand-900) !important;
        }

.form-control, .choices__inner {
    height: 40px;
    background-color: rgba(0,0,0,0) !important;
    border: 1px solid var(--colors-gray-400);
    padding: var(--spacing-none) var(--spacing-md) var(--spacing-none) var(--spacing-xl) !important;
    border-radius: 4px !important;
    font-size: var(--Text-mdF);
    line-height: var(--Text-mdL)
}

    .choices__inner:has(.unset-height) {
        height: unset
    }

.form-control, .choices__input {
    background-color: rgba(0,0,0,0) !important
}

.choices__list--multiple .choices__item {
    color: var(--colors-success-800) !important;
    border-radius: 4px !important;
    border: 1px solid var(--colors-success-200) !important;
    background-color: var(--colors-success-50) !important
}

.choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button {
    content: "";
    width: 16px;
    background-size: 16px !important;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%20color%3D%22%23000000%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M18%206L6.00081%2017.9992M17.9992%2018L6%206.00085%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E)
}

.form-control:hover, .choices__inner:hover {
    border: 1px solid var(--colors-gray-700) !important
}

.form-control:focus, .form-control:focus-visible, .form-control:active, .choices__inner:focus, .choices__inner:focus-visible, .choices__inner:active {
    box-shadow: none;
    border: 1px solid var(--colors-gray-400) !important;
    outline: none
}

.form-control.input-validation-error, .form-control.input-validation-error:hover, .choices__inner.input-validation-error, .choices__inner.input-validation-error:hover {
    border: 1px solid var(--colors-error-700) !important
}

    .form-control.input-validation-error:focus, .form-control.input-validation-error:focus-visible, .choices__inner.input-validation-error:focus, .choices__inner.input-validation-error:focus-visible {
        border: 1px solid var(--colors-error-700) !important
    }

.field-validation-error, .container .umbraco-forms-form span.contourError, .container .umbraco-forms-form span.field-validation-error {
    color: var(--colors-error-700) !important
}

    .field-validation-error:before {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2216%22%20height%3D%2216%22%20color%3D%22%23b42318%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20stroke%3D%22%23b42318%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M9.5%209.5C9.5%208.11929%2010.6193%207%2012%207C13.3807%207%2014.5%208.11929%2014.5%209.5C14.5%2010.3569%2014.0689%2011.1131%2013.4117%2011.5636C12.7283%2012.0319%2012%2012.6716%2012%2013.5%22%20stroke%3D%22%23b42318%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M12.0001%2017H12.009%22%20stroke%3D%22%23b42318%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-inline-end: 4px;
        vertical-align: middle;
        background-repeat: no-repeat;
        background-size: contain
    }

.was-validated .form-control:invalid, .form-control.is-invalid {
    background: none !important
}

    .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
        box-shadow: none !important
    }

.input-group-with-buttons {
    display: flex;
    gap: var(--spacing-xl);
    width: 100%
}

.btn-icon {
    display: flex;
    gap: var(--spacing-xs)
}

.input-rega, button.form-control, .choices {
    width: 100%;
    position: relative;
    align-items: center;
    border-radius: 3px;
    overflow: hidden
}

    .input-rega:has(.form-control):after, button.form-control:after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 50%;
        width: 0;
        height: 2px;
        background-color: var(--colors-gray-700);
        transform: translate(50%);
        transition: width .5s ease-in-out
    }

.choices__inner:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 50%;
    width: 0%;
    height: 2px;
    background-color: var(--colors-gray-700);
    transform: translate(50%);
    transition: width .5s ease-in-out
}

.input-rega:has(.form-control.input-validation-error):after, button.form-control.input-validation-error:after {
    background-color: var(--colors-error-700)
}

.input-rega:has(.form-control:focus):after, button.form-control:focus:after, .choices:has(.form-control:focus):after, .is-focused .choices__inner:after {
    background-color: var(--colors-gray-700);
    width: 100%
}

.input-rega:has(.form-control.input-validation-error:focus):after, button.form-control.input-validation-error:focus:after {
    background-color: var(--colors-error-700)
}

.reset-styles, .reset-styles * {
    color: inherit !important;
    font-size: inherit !important;
    font-family: inherit !important;
    text-decoration: none !important;
    line-height: inherit !important
}

.reset-table, .reset-table * {
    border-collapse: collapse !important;
    width: auto !important
}

    .reset-table, .reset-table *, .reset-table th, .reset-table td {
        text-align: initial !important;
        width: auto !important;
        background: rgba(0,0,0,0) !important
    }

.content {
    font-family: "IBM Plex Sans Arabic",sans-serif !important;
    color: var(--colors-text-default) !important;
    line-height: 24px !important;
    text-align: unset !important;
    font-weight: var(--font-regular) !important;
    font-size: var(--Text-mdF) !important
}

    .content p {
        font-family: "IBM Plex Sans Arabic",sans-serif !important;
        font-weight: var(--font-regular) !important;
        font-size: var(--Text-mdF) !important;
        color: var(--colors-text-default) !important;
        line-height: 24px !important;
        text-align: unset !important
    }

    .content span {
        font-family: "IBM Plex Sans Arabic",sans-serif !important;
        font-weight: var(--font-regular) !important;
        font-size: var(--Text-mdF) !important;
        color: var(--colors-text-default) !important;
        line-height: 24px !important;
        text-align: unset !important
    }

    .content h3, .content .h3 {
        margin-top: var(--spacing-3xl);
        margin-bottom: var(--spacing-3xl);
        font-weight: var(--font-bold);
        font-size: 24px;
        color: #1b8354
    }

    .content h4, .content .h4 {
        font-weight: var(--font-bold);
        font-size: 18px;
        margin-top: var(--spacing-3xl);
        margin-bottom: var(--spacing-3xl)
    }

    .content.initiative h4, .content.initiative .h4 {
        color: #1b8354;
        margin-top: 32px;
        margin-bottom: 8px
    }

.rich-text-content table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 8px !important;
    width: 100% !important;
    border-color: #d2d6db
}

.rich-text-content td, .rich-text-content th {
    border: 1px solid #d2d6db;
    border-right: none;
    padding: 8px;
    border-top: none
}

.rich-text-content tr:first-child td, .rich-text-content tr:first-child th {
    border-top: 1px solid #d2d6db
}

.rich-text-content td:first-child, .rich-text-content th:first-child {
    border-right: 1px solid #d2d6db
}

.rich-text-content tr:first-child td:first-child {
    border-top-right-radius: 8px
}

.rich-text-content tr:first-child {
    background-color: #f3f4f6;
    color: #384250 !important;
    font-weight: var(--font-medium);
    font-size: 12px !important
}

.custom-open-data-table table {
    border: 0 !important
}

    .custom-open-data-table table td, .custom-open-data-table table th {
        font-size: 16px !important
    }

    .custom-open-data-table table thead th, .custom-open-data-table table thead td, .custom-open-data-table table tr:first-child th, .custom-open-data-table table tr:first-child td {
        font-size: 12px !important;
        color: #384250 !important;
        font-weight: 600
    }

    .custom-open-data-table table td *, .custom-open-data-table table th * {
        font-size: inherit !important;
        color: inherit !important
    }

    .custom-open-data-table table td, .custom-open-data-table table th {
        font-size: 16px !important
    }

    .custom-open-data-table table thead th, .custom-open-data-table table thead td, .custom-open-data-table table tr:first-child th, .custom-open-data-table table tr:first-child td {
        font-size: 12px !important;
        color: #384250 !important;
        font-weight: 600
    }

    .custom-open-data-table table td *, .custom-open-data-table table th * {
        font-size: inherit !important;
        color: inherit !important
    }

.rich-text-content tr:first-child td:last-child {
    border-top-left-radius: 8px
}

.rich-text-content tr:last-child td:first-child {
    border-bottom-right-radius: 8px
}

.rich-text-content tr:last-child td:last-child {
    border-bottom-left-radius: 8px
}

.analytics-table table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 8px !important;
    width: 100% !important
}

.analytics-table td, .analytics-table th {
    border: none;
    padding: 8px;
    color: var(--colors-text-default);
    font-size: var(--Text-mdF)
}

.analytics-table tr:first-child td, .analytics-table tr:first-child th {
    border: .5px solid #d2d6db;
    color: #384250;
    font-size: 12px;
    font-weight: var(--font-medium);
    background-color: #f3f4f6
}

.analytics-table tbody tr:nth-child(odd) {
    background-color: #f9fafb
}

.analytics-table tr:first-child td:first-child {
    border-top-right-radius: 8px
}

.analytics-table tr:first-child td:last-child {
    border-top-left-radius: 8px
}

.analytics-table tr:first-child {
    color: #384250;
    font-size: 12px;
    font-weight: var(--font-medium);
    background-color: #f3f4f6
}

.analytics-table tr:last-child td:first-child {
    border-bottom-right-radius: 8px
}

.analytics-table tr:last-child td:last-child {
    border-bottom-left-radius: 8px
}

.analytics-table tr:not(:first-child) td {
    border-top: .5px solid #d2d6db;
    border-bottom: .5px solid #d2d6db
}

    .analytics-table tr:not(:first-child) td:first-child {
        border-right: .5px solid #d2d6db
    }

    .analytics-table tr:not(:first-child) td:last-child {
        border-left: .5px solid #d2d6db
    }

a {
    text-decoration: none;
    color: var(--colors-brand-600)
}

    a:visited:not(.language):not(.sub-navLinks a):not(.ms-core-listMenu-item):not(.link-underline-opacity-0):not(.primary-link-btn) {
        text-decoration: underline;
    }

    a:focus:not(.language):not(.sub-navLinks a):not(.ms-core-listMenu-item):not(.link-underline-opacity-0):not(.nav-link):not(.page-link):not(.primary-link-btn) {
        color: var(--colors-brand-600);
        outline: 2px solid var(--colors-text-default)
    }

    a:hover:not(.language):not(.sub-navLinks a):not(.ms-core-listMenu-item):not(.link-underline-opacity-0):not(.nav-link):not(.primary-link-btn) {
        text-decoration: underline;
        color: var(--colors-brand-400)
    }

    a:active:not(.language):not(.sub-navLinks a):not(.ms-core-listMenu-item):not(.link-underline-opacity-0):not(.nav-link):not(.page-link):not(.primary-link-btn) {
        text-decoration: underline;
        color: var(--colors-brand-300)
    }

    a.disabled {
        color: var(--colors-gray-400)
    }

.card-footer {
    border-top: none;
    background-color: unset;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x)
}

.card-header {
    background-color: unset
}

.footer_area .footer-widget-menu a {
    color: var(--colors-white) !important;
}

.footer_area .footer-widget-menu a {
    color: var(--colors-white) !important;
}

.footer-widget-menu a {
    color: var(--colors-white);
    font-size: var(--Text-smF);
    margin-top: var(--spacing-md);
    line-height: var(--Text-smL);
    text-decoration: none;
    width: 100%;
    display: block;
    border-radius: 4px;
}

.footer_area .footer-widget-menu a:hover {
    color: var(--colors-white-80) !important;
}

.footer_area .sub-navLinks a:hover {
    color: var(--colors-white-80) !important;
}

.footer_area .footer-widget-menu a:hover {
    color: hsla(0, 0%, 100%, .8) !important;
}


.footer_area .footer-widget-menu a:focus, footer .footer-widget-menu a:focus-within {
    color: var(--colors-white) !important;
}

.footer-widget-menu a:focus, .footer-widget-menu a:focus-within {
    color: #fff !important;
    outline: 2px solid #fff !important;
}

.footer-widget-menu a:hover {
    text-decoration: underline !important;
    color: var(--colors-white-80) !important;
}

.FeedbackSection hr {
    margin-right: 14px;
    margin-left: 14px;
    height: 2px !important;
    background-color: var(--colors-brand-600);
    opacity: 1;
}

.resultDiv {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: var(--spacing-xs);
    font-size: var(--Text-mdF);
    line-height: var(--Text-mdL);
}


.EScheckboxDiv {
    display: flex;
    gap: var(--spacing-md);
    align-items: center;
}

    .EScheckboxDiv .checkbox {
        display: flex;
        width: 36px;
        height: 36px;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        transition: 0.2s ease;
        position: relative; /* ضروري لضبط العناصر داخله */
    }

        .EScheckboxDiv .checkbox:hover {
            background-color: var(--colors-gray-100);
        }

        .EScheckboxDiv .checkbox input[type=checkbox] {
            position: absolute;
            width: 100%;
            height: 100%;
            opacity: 0;
            cursor: pointer;
            z-index: 3;
            margin: 0;
        }

        .EScheckboxDiv .checkbox::before {
            content: "";
            display: block;
            width: 20px;
            height: 20px;
            border: 1.5px solid var(--colors-gray-500);
            background-color: var(--colors-white);
            border-radius: 4px;
            transition: 0.2s ease;
            z-index: 1;
        }

        .EScheckboxDiv .checkbox:has(input[type=checkbox]:checked)::before {
            border-color: var(--colors-brand-600);
            background-color: var(--colors-brand-600);
        }

        .EScheckboxDiv .checkbox:has(input[type=checkbox]:checked)::after {
            content: "";
            display: block;
            position: absolute;
            width: 6px;
            height: 12px;
            border: solid var(--colors-white);
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
            margin-top: -2px; 
            z-index: 2;
            pointer-events: none; 
        }

        .EScheckboxDiv .checkbox:has(input[type=checkbox]:focus-visible)::before {
            outline: 2px solid var(--colors-gray-300);
            outline-offset: 2px;
        }

        .EScheckboxDiv .checkbox:has(input[type=checkbox]:active)::before {
            background-color: var(--colors-gray-100);
        }

.ESRadioDvi .ESRadioItem {
    display: flex;
    gap: var(--spacing-md);
    align-items: center;
}

    .ESRadioDvi .ESRadioItem .radio {
        display: flex;
        width: 36px;
        height: 36px;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        transition: 0.2s ease;
        position: relative;
    }

        .ESRadioDvi .ESRadioItem .radio:hover {
            background-color: var(--colors-gray-100);
        }

        .ESRadioDvi .ESRadioItem .radio input[type=radio] {
            position: absolute;
            width: 100%;
            height: 100%;
            opacity: 0;
            cursor: pointer;
            z-index: 3;
            margin: 0;
        }

        .ESRadioDvi .ESRadioItem .radio::before {
            content: "";
            display: block;
            width: 20px;
            height: 20px;
            border: 1.5px solid var(--colors-gray-500);
            background-color: var(--colors-white);
            border-radius: 50%;
            transition: 0.2s ease;
            z-index: 1;
        }

        .ESRadioDvi .ESRadioItem .radio:has(input[type=radio]:checked)::after {
            content: "";
            display: block;
            position: absolute;
            width: 10px;
            height: 10px;
            background-color: var(--colors-brand-600);
            border-radius: 50%;
            z-index: 2;
            pointer-events: none;
        }

        .ESRadioDvi .ESRadioItem .radio:has(input[type=radio]:checked)::before {
            border-color: var(--colors-brand-600);
        }

        .ESRadioDvi .ESRadioItem .radio:has(input[type=radio]:focus-visible)::before {
            outline: 2px solid var(--colors-gray-300);
            outline-offset: 2px;
        }

        .ESRadioDvi .ESRadioItem .radio:has(input[type=radio]:active)::before {
            background-color: var(--colors-gray-100);
        }
 
        .ESRadioDvi .ESRadioItem .radio:has(input[type=radio]:focus)::before,
        .ESRadioDvi .ESRadioItem .radio:has(input[type=radio]:focus-visible)::before {
            outline: 2px solid var(--colors-gray-950) !important;
            outline-offset: 2px;
        }


.EScheckboxDiv .checkbox:has(input[type=checkbox]:focus)::before,
.EScheckboxDiv .checkbox:has(input[type=checkbox]:focus-visible)::before {
    outline: 2px solid var(--colors-gray-950) !important;
    outline-offset: 2px;
}
.EScheckboxDiv {
    font-family: "IBMPlexSansArabic-Regular";
}
.feedbackYSQ {
    margin: var(--spacing-none);
    color: var(--colors-gray-900);
    padding-bottom: var(--spacing-lg);
    font-weight: var(--font-bold);
    font-size: var(--Text-mdF);
    line-height: var(--Text-mdL);
}
.genderdiv {
    gap: var(--spacing-xl);
    align-items: center;
    padding-bottom: var(--spacing-4xl);
}
.underline-primary {
    text-decoration-color: var(--bs-primary) !important
}

.dropdown-menu .section {
    margin: 8px
}

.dropdown-menu hr {
    margin-right: 4px;
    margin-left: 4px
}

.dropdown-menu .actions {
    display: flex;
    gap: 8px;
    margin: 8px;
    align-items: center
}

.dropdown-menu p {
    color: var(--colors-text-default);
    font-weight: var(--font-semi-bold)
}

.btn-primary {
    --bs-border-radius: 4px;
    --bs-btn-font-size: var(--Text-mdF);
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--colors-brand-600);
    --bs-btn-border-color: var(--colors-brand-600);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--colors-brand-700);
    --bs-btn-hover-border-color: var(--colors-brand-700);
    --bs-btn-focus-box-shadow: none !important;
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: var(--colors-brand-900);
    --bs-btn-active-border-color: var(--colors-brand-900)
}

    .btn-primary:active {
        background-color: var(--colors-brand-900) !important
    }

    .btn-primary:focus {
        padding: var(--spacing-sm) var(--spacing-lg);
        background-color: var(--colors-brand-600);
        border: 1px solid var(--colors-white);
        outline: 2px solid var(--colors-gray-950) !important
    }

    .btn-primary:disabled {
        background-color: var(--colors-gray-200);
        color: var(--colors-gray-400);
        border: 1px solid var(--colors-gray-200)
    }

.btn-filter {
    --bs-border-radius: 4px;
    --bs-btn-font-size: var(--Text-mdF);
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--colors-gray-950);
    --bs-btn-border-color: var(--colors-gray-950);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--colors-gray-800);
    --bs-btn-hover-border-color: var(--colors-gray-800);
    --bs-btn-focus-box-shadow: none !important;
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: var(--colors-gray-600);
    --bs-btn-active-border-color: var(--colors-gray-600)
}

    .btn-filter:focus {
        background-color: var(--colors-gray-950);
        border: 1px solid var(--colors-white);
        outline: 2px solid var(--bs-white) !important
    }

    .btn-filter .filter-icon {
        font-size: 24px;
        width: 24px;
        height: 24px;
        font-weight: var(--font-semi-bold)
    }

    .btn-filter .dropdown-icon {
        font-size: 20px;
        width: 20px;
        height: 20px
    }

.btn-href {
    color: var(--colors-gray-950) !important
}

.btn-outline-primary {
    --bs-border-radius: 4px;
    --bs-btn-font-size: var(--Text-mdF);
    --bs-btn-color: var(--colors-gray-950);
    --bs-btn-bg: none;
    --bs-btn-border-color: var(--colors-gray-300);
    --bs-btn-focus-box-shadow: none !important;
    --bs-btn-disabled-bg: none;
    --bs-btn-disabled-color: var(--colors-gray-400);
    --bs-btn-disabled-border-color: var(--colors-gray-200)
}

    .btn-outline-primary:active {
        color: var(--colors-gray-950) !important;
        background-color: var(--colors-gray-100) !important;
        border: 1px solid var(--colors-gray-300) !important
    }

    .btn-outline-primary:focus {
        color: var(--colors-gray-950);
        background-color: rgba(0,0,0,0);
        border-color: var(--colors-gray-300);
        outline: 2px solid var(--colors-gray-950) !important;
        border-radius: 4px
    }

    .btn-outline-primary:active {
        color: var(--colors-gray-950);
        background-color: #e5e7eb !important;
        border: 1px solid var(--colors-gray-200)
    }

    .btn-outline-primary:hover {
        color: var(--colors-gray-950);
        background-color: var(--colors-gray-100);
        border: 1px solid var(--colors-gray-200)
    }

.btn-fill {
    --bs-border-radius: 4px;
    --bs-btn-font-size: var(--Text-mdF);
    --bs-btn-color: var(--colors-text-default);
    --bs-btn-bg: var(--colors-white);
    --bs-btn-border-color: var(--colors-white);
    --bs-btn-focus-box-shadow: none !important;
    --bs-btn-disabled-bg: var(--colors-white-40);
    --bs-btn-disabled-color: var(--colors-white-40);
    --bs-btn-disabled-border-color: var(--colors-white-40)
}

    .btn-fill:active {
        color: var(--colors-text-default) !important;
        background-color: var(--colors-white-60) !important;
        border: 1px solid var(--colors-white-60) !important
    }

    .btn-fill:focus {
        color: var(--colors-text-default);
        background-color: var(--colors-white);
        border-color: var(--colors-white);
        outline: 2px solid var(--colors-text-default) !important;
        border-radius: 4px
    }

    .btn-fill:hover {
        color: var(--colors-text-default);
        background-color: var(--colors-white-80);
        border: 1px solid var(--colors-white-80)
    }

    .btn-fill.selected {
        color: var(--colors-text-default);
        background-color: var(--colors-white-70);
        border: 1px solid var(--colors-white-70)
    }

.btn-circle-primary {
    --bs-btn-border-radius: 50%;
    --bs-btn-font-size: var(--Text-mdF);
    --bs-btn-padding-x: 4px;
    --bs-btn-padding-y: 4px;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--colors-brand-600);
    --bs-btn-border-color: var(--colors-brand-600);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--colors-brand-700);
    --bs-btn-hover-border-color: var(--colors-brand-700);
    --bs-btn-focus-box-shadow: none !important;
    --bs-btn-disabled-bg: none;
    --bs-btn-disabled-color: var(--colors-gray-950);
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: var(--colors-brand-900);
    --bs-btn-active-border-color: var(--colors-brand-900)
}

    .btn-circle-primary:active {
        background-color: var(--colors-brand-900) !important
    }

    .btn-circle-primary:focus {
        padding: var(--spacing-sm) var(--spacing-xl);
        background-color: var(--colors-brand-600);
        border: 1px solid var(--colors-white);
        outline: 2px solid var(--colors-gray-950) !important
    }

.btn-circle {
    --bs-btn-border-radius: 50%;
    --bs-btn-font-size: var(--Text-mdF);
    --bs-btn-padding-x: 4px;
    --bs-btn-padding-y: 4px;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #161616;
    --bs-btn-hover-bg: #f3f4f6;
    --bs-btn-hover-border-color: #f3f4f6;
    --bs-btn-focus-box-shadow: none !important;
    --bs-btn-disabled-bg: none;
    --bs-btn-disabled-color: var(--colors-gray-950);
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-active-color: #161616;
    --bs-btn-active-bg: #e5e7eb;
    --bs-btn-active-border-color: #e5e7eb
}

    .btn-circle:focus {
        padding: var(--spacing-sm) var(--spacing-xl);
        background-color: rgba(0,0,0,0);
        border: 1px solid var(--colors-white);
        outline: 2px solid var(--colors-gray-950) !important
    }

.btn-light {
    --bs-border-radius: 4px;
    --bs-btn-font-size: var(--Text-mdF);
    --bs-btn-color: var(--colors-gray-950);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: 1px solid transparent;
    --bs-btn-focus-box-shadow: none !important
}

    .btn-light:active {
        color: var(--colors-gray-950) !important;
        background-color: var(--colors-gray-200) !important;
        border: 1px solid var(--colors-gray-200) !important
    }

    .btn-light:focus {
        color: var(--colors-gray-950);
        background-color: var(--colors-gray-200);
        outline: 2px solid var(--colors-gray-950) !important;
        border-radius: 4px
    }

    .btn-light:hover {
        color: var(--colors-gray-950);
        background-color: var(--colors-gray-200);
        border: 1px solid var(--colors-gray-200)
    }

.btn-gray {
    --bs-border-radius: 4px;
    --bs-btn-font-size: var(--Text-mdF);
    --bs-btn-color: var(--colors-gray-950);
    --bs-btn-bg: var(--colors-gray-100) !important;
    --bs-btn-border-color: 1px solid #f3f4f6 !important
}

    .btn-gray:active {
        color: var(--colors-gray-950) !important;
        background-color: var(--colors-gray-300, #d1d5db) !important
    }

    .btn-gray:focus {
        background-color: #e5e7eb !important;
        outline: 2px solid var(--colors-gray-950)
    }

    .btn-gray:hover {
        color: var(--colors-gray-950) !important;
        background-color: #e5e7eb !important
    }

.btn-clear {
    --bs-border-radius: 4px;
    --bs-btn-font-size: var(--Text-mdF);
    --bs-btn-color: var(--colors-text-default);
    --bs-btn-bg: none;
    --bs-btn-border-color: 1px solid var(--colors-white-20);
    --bs-btn-focus-box-shadow: none !important
}

    .btn-clear:active {
        color: var(--colors-text-default) !important;
        background-color: var(--colors-gray-200) !important;
        border: 1px solid var(--colors-gray-200) !important
    }

    .btn-clear:focus {
        color: var(--colors-text-default);
        background-color: unset;
        outline: 2px solid var(--colors-gray-950) !important;
        border-radius: 4px
    }

    .btn-clear:hover {
        color: var(--colors-text-default);
        background-color: var(--colors-gray-100)
    }

.btn-large {
    --bs-btn-padding-x: 1rem !important;
    --bs-btn-padding-y: 0.46rem !important
}

.w-15 {
    width: 15% !important
}

.choices__list--dropdown {
    z-index: 8 !important;
    max-height: 300px;
    overflow-y: auto
}

.search-date {
    font-size: var(--Text-xsF);
    color: #6c737f;
    margin-top: 8px
}

.search-link {
    margin-top: 8px;
    font-size: var(--Text-mdF)
}

.search-tag {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    margin-left: 8px !important
}

.search-hr {
    margin-top: 16px;
    margin-bottom: 16px
}

hr {
    opacity: 1 !important;
    background-color: #dee2e6;
    color: #dee2e6
}
.card-over-breadcrumb
{
    margin-top:40px;
}
.breadcrumb-xxx {
    background-color: var(--colors-brand-25);
    padding: var(--spacing-5xl) var(--spacing-none)
}

.bg-light-primary {
    background-color: var(--colors-brand-25)
}

.bg-gray {
    background-color: var(--colors-gray-50)
}

.beneficiar-content {
    font-size: var(--Text-smF);
    line-height: var(--Text-mdL)
}

.beneficiar-link {
    font-size: var(--Text-mdF)
}

.breadcrumb-xxx .pageTitle {
    font-weight: 700;
    font-size: var(--Display-smF);
    line-height: var(--Display-smL);
    font-family: "IBMPlexSansArabic-Bold";
}

.breadcrumb-xxx .description {
    color: var(--colors-gray-800);
    font-size: var(--Text-mdF);
    line-height: var(--Text-mdL)
}

    .breadcrumb-xxx .description div:first-child {
        margin-top: 4px
    }

    .breadcrumb-xxx .description .tag {
        margin-bottom: 0 !important
    }

    .breadcrumb-xxx .description div:not(:first-child) {
        margin-top: 16px
    }

.breadcrumb-xxx ul.Inner-brc {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: var(--spacing-none) !important;
    padding: var(--spacing-none) !important
}

    .breadcrumb-xxx ul.Inner-brc li.brc-item {
        white-space: nowrap;
        margin-bottom: .5rem
    }

.Inner-brc .brc-item {
    display: flex;
    align-items: center
}

.breadcrumb-xxx ul.Inner-brc li a {
    display: flex;
    font-size: var(--Text-smF);
    line-height: var(--Text-smL);
    color: var(--colors-text-default);
    text-decoration: none;
    align-items: center;
    gap: var(--spacing-xs)
}

.breadcrumb-xxx li:not(:first-child) {
    margin-left: var(--spacing-xxs) !important
}

.breadcrumb-xxx-item {
    display: none !important
}

.breadcrumb-xxx ul.Inner-brc li span.active, span.bc-node {
    font-size: var(--Text-smF);
    color: var(--colors-gray-400) !important;
    display: flex;
    gap: var(--spacing-xs);
    align-items: center;
    cursor: default
}

.breadcrumb-xxx a.bc-node:after, .breadcrumb-xxx a.breadcrumb-xxx-item:after, .breadcrumb-xxx span.bc-node:after {
    display: inline-block;
    content: "";
    width: 16px;
    height: 16px;
    background: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.60372 8.55529C6.7256 8.71666 7.08951 9.1984 7.30624 9.47611C7.74031 10.0323 8.33342 10.7714 8.97323 11.5083C9.61627 12.2489 10.2918 12.9702 10.8919 13.5005C11.1928 13.7663 11.4571 13.9684 11.6753 14.0999C11.8804 14.2235 12.0016 14.2493 12.0016 14.2493C12.0016 14.2493 12.1192 14.2235 12.3244 14.0999C12.5425 13.9684 12.8068 13.7663 13.1078 13.5005C13.7079 12.9702 14.3834 12.2489 15.0264 11.5083C15.6662 10.7714 16.2593 10.0323 16.6934 9.47608C16.9101 9.19837 17.2735 8.7173 17.3954 8.55593C17.6411 8.22241 18.1111 8.15047 18.4446 8.3961C18.7781 8.64173 18.8494 9.11123 18.6037 9.44476L18.6018 9.4473C18.474 9.61655 18.0971 10.1156 17.8759 10.3989C17.4321 10.9677 16.8216 11.7286 16.1591 12.4917C15.4997 13.2511 14.7741 14.0298 14.101 14.6245C13.7653 14.9212 13.425 15.1879 13.0988 15.3845C12.7932 15.5687 12.4063 15.75 11.9998 15.75C11.5933 15.75 11.2064 15.5687 10.9008 15.3845C10.5747 15.1879 10.2344 14.9212 9.89869 14.6245C9.22557 14.0298 8.4999 13.2511 7.84058 12.4917C7.17803 11.7286 6.5676 10.9677 6.12372 10.399C5.90243 10.1154 5.52551 9.61637 5.39793 9.44747L5.39628 9.44528C5.15064 9.11176 5.22154 8.64179 5.55506 8.39615C5.88857 8.15053 6.35808 8.22179 6.60372 8.55529Z" fill="%239DA4AE"/></svg>');
    fill: var(--colors-gray-400);
    rotate: 90deg
}

html[dir=ltr] .breadcrumb-xxx a.bc-node:after, html[dir=ltr] .breadcrumb-xxx a.breadcrumb-xxx-item:after, html[dir=ltr] .breadcrumb-xxx span.bc-node:after {
    rotate: 270deg
}
.FeedbackSection hr {
    margin-right: 14px;
    margin-left: 14px;
    height: 2px !important;
    background-color: var(--colors-brand-600);
    opacity: 1
}

.FeedbackSection .last-modified {
    color: var(--colors-gray-800);
    font-size: var(--Text-smF);
    line-height: var(--Text-smL);
    padding: var(--spacing-xl)
}

.FeedbackSection .home-QuerySurvey {
    padding: var(--spacing-4xl) var(--spacing-none)
}

#feedbackOptions_yes, #feedbackOptions_no {
    padding: var(--spacing-2xl) var(--spacing-none)
}

.feedbackYSQ {
    margin: var(--spacing-none);
    color: var(--colors-gray-900);
    padding-bottom: var(--spacing-lg);
    font-weight: var(--font-bold);
    font-size: var(--Text-mdF);
    line-height: var(--Text-mdL)
}

.feedbackYSQE {
    color: var(--colors-gray-500);
    font-weight: var(--font-semi-bold);
    font-size: var(--Text-smF);
    line-height: var(--Text-smL)
}

.questionFeedback {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-xl)
}

.rating-sub-title {
    font-weight: var(--font-semi-bold);
    font-size: var(--Text-mdF);
    color: var(--colors-text-default)
}

.rating-title {
    font-weight: var(--font-semi-bold);
    font-size: var(--Text-mdF);
    color: var(--colors-text-default)
}

.rating-button-title {
    font-weight: var(--font-medium);
    font-size: var(--Text-mdF);
    color: var(--colors-text-default)
}

.rating-sub-content {
    font-size: var(--Text-mdF);
    color: var(--colors-text-default)
}

.rating-content {
    font-size: var(--Text-smF);
    color: var(--colors-text-default)
}

.ratingOptions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-xl)
}

    .ratingOptions .inner-div {
        margin-bottom: 32px
    }


.questionDiv {
    display: flex;
    align-items: center;
    gap: var(--spacing-xl);
    width: 100%
}

.ratingDiv {
    display: flex;
    align-items: center;
    width: 100%
}

.rating-bold {
    font-weight: var(--font-bold)
}

.rating-muted {
    color: #6c737f;
    font-size: var(--Text-smF)
}

.rating-stars {
    margin-right: 24px;
    margin-left: 8px
}

.feedbackReceived {
    display: flex;
    align-items: center;
    gap: var(--spacing-xl);
    width: 100%
}

    .feedbackReceived:before {
        display: inline-block;
        content: "";
        height: 24px !important;
        min-width: 24px !important;
        width: 24px !important;
        background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 11.0319 21.1015 10.0999 20.8267 9.22474C20.7025 8.82956 20.9223 8.40858 21.3175 8.28446C21.7126 8.16034 22.1336 8.38008 22.2577 8.77526C22.5778 9.79419 22.75 10.8777 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C13.1223 1.25 14.2058 1.42224 15.2247 1.74227C15.6199 1.86638 15.8397 2.28736 15.7155 2.68254C15.5914 3.07772 15.1704 3.29746 14.7753 3.17334C13.9001 2.89847 12.9681 2.75 12 2.75C6.89137 2.75 2.75 6.89137 2.75 12Z" fill="%231B8354"/><path d="M21.5577 3.50174C21.8348 3.19386 21.8099 2.71964 21.502 2.44254C21.1941 2.16544 20.7199 2.1904 20.4428 2.49828L11.9714 11.9107L9.03033 8.96968C8.73744 8.67678 8.26256 8.67678 7.96967 8.96968C7.67678 9.26257 7.67678 9.73744 7.96967 10.0303L11.4697 13.5303C11.6152 13.6758 11.814 13.7552 12.0197 13.7497C12.2254 13.7443 12.4198 13.6547 12.5575 13.5017L21.5577 3.50174Z" fill="%231B8354"/></svg>');
        background-repeat: no-repeat;
        background-position: center
    }

.resultDiv {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: var(--spacing-xs);
    font-size: var(--Text-mdF);
    line-height: var(--Text-mdL)
}

.ratingResultDiv {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: var(--spacing-xs);
    font-size: var(--Text-mdF);
    line-height: var(--Text-mdL)
}

.genderdiv {
    gap: var(--spacing-xl);
    align-items: center;
    padding-bottom: var(--spacing-4xl)
}

    .genderdiv .ESRadioDvi {
        display: flex;
        gap: var(--spacing-xl);
        align-items: center
    }

.tender-content {
    margin-bottom: 32px
}
.search-date {
    font-size: var(--Text-xsF);
    color: #6c737f;
    margin-top: 8px
}
.search-link {
    margin-top: 8px;
    font-size: var(--Text-mdF);
}
.search-hr {
    margin-top: 16px;
    margin-bottom: 16px;
}
.search-date {
    font-size: var(--Text-xsF);
    color: #6c737f;
    margin-top: 8px;
}
tag.primary, .tag.blue, .tag.gray {
    justify-content: flex-start;
    align-items: center;
}

.tag.gray {
    border: 1px solid var(--colors-gray-200);
    background-color: var(--colors-gray-50);
}

.search-tag {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    margin-left: 8px !important;
}

.tag {
    width: fit-content;
    position: relative;
    display: inline-flex;
    font-weight: var(--font-medium);
    padding: var(--spacing-xxs) var(--spacing-md);
    font-size: var(--Text-xsF);
    margin-top: var(--spacing-md);
    margin-bottom: var(--spacing-md);
    border-radius: 4px;
    line-height: var(--Text-xsL);
    color: var(--colors-gray-800);
}
.search-result-title {
    font-weight: var(--font-bold);
    color: var(--colors-text-default);
    font-size: var(--Display-smF);
    font-family: "IBMPlexSansArabic-Bold";
}
.search-result-count {
    color: #6c737f;
    margin-top: 8px;
    font-size: var(--Text-mdF);
}
.page-link {
    position: relative;
    display: flex;
    justify-content: center;
    height: 40px;
    min-width: 40px;
    text-decoration: none !important;
    color: var(--colors-text-default) !important;
    font-size: var(--Text-mdF);
    line-height: var(--Text-mdL);
    padding: var(--spacing-md);
    border-radius: 4px
}

    .page-link:focus {
        outline: 2px solid var(--colors-gray-950) !important
    }

    .page-link.active {
        position: relative;
        display: flex;
        justify-content: center;
        height: 40px;
        cursor: default;
        min-width: 40px;
        text-decoration: none !important;
        color: var(--colors-gray-800) !important;
        font-size: var(--Text-mdF);
        line-height: var(--Text-mdL);
        padding: var(--spacing-md);
        border-radius: 4px
    }

        .page-link.active:after {
            position: absolute;
            content: "";
            width: 70%;
            height: 3px;
            background-color: var(--colors-brand-600);
            bottom: 4px;
            border-radius: 9999px
        }

.page-item .page-link.icon {
    display: flex;
    align-items: center;
    color: var(--colors-gray-950);
    font-size: var(--Text-mdL)
}

.page-item.disabled a {
    color: var(--colors-gray-300);
    background-color: rgba(0,0,0,0)
}

    .page-item.disabled a i {
        color: var(--colors-gray-400)
    }

.not-found {
    margin-top: 64px
}

    .not-found .content {
        margin-top: 16px
    }

    .not-found button {
        margin-top: 32px
    }

.rating-section {
    background-color: #fff;
    border-top: .125rem solid #1b8354;
    padding: 1.5rem 0;
}

.rating-section__header {
    max-height: 7.9375rem;
    opacity: 1;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

@media(min-width: 768px) {
    .rating-section__header {
        max-height: 5rem;
    }
}

.rating-section:has(.collapse.show,.collapsing) .rating-section__header {
    max-height: 0;
    opacity: 0;
}

.rating-section__title {
    font-family: "IBMPlexSansArabic-Regular";
    font-size: 1rem;
    margin-bottom: 0;
}

    .rating-section__title strong {
        font-family: "IBMPlexSansArabic-Bold";
        font-weight: normal;
    }

.rating-section__stars {
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .rating-section__stars:hover .half-star::before {
        background-image: url(../images/half-star-filled.svg) !important;
    }

    .rating-section__stars .half-star {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .rating-section__stars .half-star:nth-child(odd) {
            padding-inline-start: .1875rem;
        }

        .rating-section__stars .half-star:nth-child(even) {
            padding-inline-end: .1875rem;
            margin-inline-start: -0.5px;
        }

        .rating-section__stars .half-star::before {
            content: "";
            width: .875rem;
            height: 1.670625rem;
            background-image: url(../images/half-star-empty.svg);
            background-repeat: no-repeat;
            background-position: center;
            transition: background-image .2s ease-in-out;
        }

[dir=rtl] .rating-section__stars .half-star:nth-child(even)::before {
    transform: scaleX(-1);
}

[dir=ltr] .rating-section__stars .half-star:nth-child(odd)::before {
    transform: scaleX(-1);
}

.rating-section__stars .half-star:hover ~ .half-star::before {
    background-image: url(../images/half-star-empty.svg) !important;
}

.rating-section__stars .half-star:focus {
    box-shadow: none;
}

.rating-section__stars[data-stars] .half-star::before {
    background-image: url(../images/half-star-filled.svg);
}

.rating-section__stars[data-stars="0"] .half-star::before {
    background-image: url(../images/half-star-empty.svg);
}

.rating-section__stars[data-stars="0.5"] .half-star:nth-child(1) ~ .half-star::before {
    background-image: url(../images/half-star-empty.svg);
}

.rating-section__stars[data-stars="1"] .half-star:nth-child(2) ~ .half-star::before {
    background-image: url(../images/half-star-empty.svg);
}

.rating-section__stars[data-stars="1.5"] .half-star:nth-child(3) ~ .half-star::before {
    background-image: url(../images/half-star-empty.svg);
}

.rating-section__stars[data-stars="2"] .half-star:nth-child(4) ~ .half-star::before {
    background-image: url(../images/half-star-empty.svg);
}

.rating-section__stars[data-stars="2.5"] .half-star:nth-child(5) ~ .half-star::before {
    background-image: url(../images/half-star-empty.svg);
}

.rating-section__stars[data-stars="3"] .half-star:nth-child(6) ~ .half-star::before {
    background-image: url(../images/half-star-empty.svg);
}

.rating-section__stars[data-stars="3.5"] .half-star:nth-child(7) ~ .half-star::before {
    background-image: url(../images/half-star-empty.svg);
}

.rating-section__stars[data-stars="4"] .half-star:nth-child(8) ~ .half-star::before {
    background-image: url(../images/half-star-empty.svg);
}

.rating-section__stars[data-stars="4.5"] .half-star:nth-child(9) ~ .half-star::before {
    background-image: url(../images/half-star-empty.svg);
}

.rating-section__stars[data-stars="5"] .half-star:nth-child(10) ~ .half-star::before {
    background-image: url(../images/half-star-empty.svg);
}

.rating-section__count {
    font-size: .875rem;
    color: #6c737f;
}

.rating-section .btn {
    white-space: nowrap;
}

    .rating-section .btn:focus {
        box-shadow: none;
    }

.rating-section__question__title {
    font-family: "IBMPlexSansArabic-SemiBold";
    font-size: 1rem;
}

.rating-card__title {
    font-family: "IBMPlexSansArabic-SemiBold";
    font-size: 1rem;
}

.rating-card__description {
    font-size: .875rem;
}
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 16px;
    font-weight: 700;
    color: #212529;
    text-align: right;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, border-radius 0.3s ease, transform 0.3s ease;
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button {
        transition: none;
    }
}

.accordion-button:hover {
    background-color: #f3f4f6;
    z-index: 2;
}

.accordion-button:active {
    background-color: #e5e7eb;
}

.accordion-button:focus {
    z-index: 3;
    outline: 0;
    border-color: transparent;
    box-shadow: none;
}

    .accordion-button:focus::before {
        content: "";
        position: absolute;
        inset: -2px;
        border: 2px solid #161616;
        pointer-events: none;
        z-index: 1;
    }

.accordion-button:not(.collapsed) {
    color: #161616;
}

    .accordion-button:not(.collapsed):hover {
        background-color: #f3f4f6;
    }

    .accordion-button:not(.collapsed):active {
        background-color: #bfdbfe;
    }

    .accordion-button:not(.collapsed)::after {
        transform: rotate(180deg);
    }

.accordion-button::after {
    flex-shrink: 0;
    width: 1.0rem;
    height: 1.05rem;
    margin-right: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%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") !important;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center;
    transition: transform 0.3s ease, background-image 0.3s ease;
    left: 1.25rem;
    position: absolute;
}


@media (prefers-reduced-motion: reduce) {
    .accordion-button::after {
        transition: none;
    }
}

.accordion-button:disabled {
    color: #9da4ae;
    background-color: #fff;
    pointer-events: none;
    box-shadow: none;
}

    .accordion-button:disabled::after {
        opacity: 0.5;
    }

.accordion-header {
    margin-bottom: 0;
}

.accordion-item {
    background-color: #fff;
    border: 0PX;
    border-top: 1px solid #d2d6db !IMPORTANT;
}

    .accordion-item:first-of-type {
        border-top-right-radius: 0.25rem;
        border-top-left-radius: 0.25rem;
    }

        .accordion-item:first-of-type .accordion-button {
            border-top-right-radius: calc(0.25rem - 1px);
            border-top-left-radius: calc(0.25rem - 1px);
        }

    .accordion-item:not(:first-of-type) {
        border-top: 0;
    }

    .accordion-item:last-of-type,
    .accordion-item:last-of-type .accordion-collapse {
        border-bottom-left-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
    }

        .accordion-item:last-of-type .accordion-button.collapsed {
            border-bottom-left-radius: calc(0.25rem - 1px);
            border-bottom-right-radius: calc(0.25rem - 1px);
        }

.accordion-body {
    padding: 0px  1rem 24px 1rem;
    background-color: #fff;
    color: #212529;
}

.accordion-collapse {
    transition: visibility 0.3s ease, height 0.3s ease;
}

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

.accordion-flush .accordion-collapse {
    border-width: 0;
}

.accordion-flush .accordion-item {
    border-left: 0;
    border-right: 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 {
        border-radius: 0;
    }

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

:where(a,button,input,textarea,select,summary,[role=button],[tabindex]):not([tabindex="-1"],.cx-close-confirm,.cx-close-cancel,.cx-button-close,.tab-pane):focus, :where(a,button,input,textarea,select,summary,[role=button],[tabindex]):not([tabindex="-1"],.cx-close-confirm,.cx-close-cancel,.cx-button-close,.tab-pane):focus-visible {
    box-shadow: 0 0 0 3px #161616;
}
.accordion-button:hover {
    background-color: #f3f4f6;
    z-index: 2;
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button::after {
        transition: none;
    }
}


.form-control-color:not(:disabled):not([readonly]), .form-control[type="file"]:not(:disabled):not([readonly]), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}

.font-bold {
}
.accordion-header {
    margin-bottom: 0;
    margin-top: 0px;
}

.accordion-button:not(.collapsed):active {
    background-color: #e5e7eb;
}
.accordion-header {
    margin-bottom: 3px;
    margin-top: 0px;
}

.card-service-details li div {
    flex-direction: column;
    display:flex;
}

.item-card--auto {
    min-height: unset;
}

.item-card--shadow {
    border: none;
    box-shadow: 0 .25rem .5rem -0.125rem rgba(16, 24, 40, .1), 0 .125rem .25rem -0.125rem rgba(16, 24, 40, .06);
}

.item-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    min-height: 300px;
    background-color: #fff;
    border: .0625rem solid #d2d6db;
    border-radius: 1rem;
    padding: 1rem;
}

.who-we-are, .landing, .customer-voice {
    padding-bottom: 80px;
}

.item-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    background-color: #fff;
    border: .0625rem solid #d2d6db;
    border-radius: 1rem;
    padding: 1rem;
}

.item-card--shadow {
    border: none;
    box-shadow: 0 .25rem .5rem -0.125rem rgba(16,24,40,.1),0 .125rem .25rem -0.125rem rgba(16,24,40,.06);
}

.item-card--auto {
    min-height: unset;
}

.item-card__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    background-color: #f3fcf6;
    padding: .625rem;
    margin-bottom: 1.5rem;
}

    .item-card__icon > img {
        width: 1.75rem;
        height: 1.75rem;
        -o-object-fit: contain;
        object-fit: contain;
    }

.item-card__title {
    font-family: "IBMPlexSansArabic-Bold";
    font-size: 1.125rem;
    color: #1f2a37;
    margin-bottom: 16px;
}

.see-more-btn {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 2.5rem;
    background-color: #f3f4f6;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.5 11.5'%3E%3Cpath d='M0,5.75a2,2,0,0,0,.32,1A6,6,0,0,0,1,7.58,18.51,18.51,0,0,0,2.76,9.31c.64.56,1.27,1.07,1.75,1.44l.57.44.17.12,0,0h0a.75.75,0,1,0,.89-1.2h0l0,0L6,10l-.56-.43C5,9.2,4.35,8.71,3.74,8.18A19.6,19.6,0,0,1,2.09,6.59L2,6.5H16.75a.75.75,0,0,0,0-1.5H2l.07-.09A21.31,21.31,0,0,1,3.74,3.32c.61-.53,1.23-1,1.69-1.38L6,1.51l.15-.12,0,0h0a.73.73,0,0,0,.16-1,.74.74,0,0,0-1-.16h0l0,0L5.08.31,4.51.75C4,1.13,3.4,1.64,2.76,2.19A18.51,18.51,0,0,0,1,3.92a6,6,0,0,0-.65.85,2,2,0,0,0-.32,1' fill='%23161616'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 1.09375rem .71875rem;
    background-position: center;
    border: none;
    border-radius: .25rem;
    margin-inline-start: auto;
}

.field-validation-error {
    font-size: 14px;
    margin-top: 8px;
}
.item-card__title {
    font-family: "IBMPlexSansArabic-Bold";
    font-size: 16px;
    color: #1f2a37;
    margin-bottom: 16px;
}
.item-card--auto {
    min-height: unset;
}

.item-card--shadow {
    border: none;
    box-shadow: 0 .25rem .5rem -0.125rem rgba(16, 24, 40, .1), 0 .125rem .25rem -0.125rem rgba(16, 24, 40, .06);
}



.item-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    background-color: #fff;
    border: .0625rem solid #d2d6db;
    border-radius: 1rem;
    padding: 1rem;
}

.item-card--shadow {
    border: none;
    box-shadow: 0 .25rem .5rem -0.125rem rgba(16, 24, 40, .1), 0 .125rem .25rem -0.125rem rgba(16, 24, 40, .06);
}


.who-we-are .inner-card-wrapper .about-card, .landing .inner-card-wrapper .about-card, .customer-voice .inner-card-wrapper .about-card {
    -ms-flex-preferred-size: calc(25% - 25px);
    flex-basis: calc(33% - 25px);
    height: auto;
    padding: 0;
}
.about-card {
    padding-bottom: 16px;
}

.hou-card {
    box-shadow: none !important;
    border: 1px solid #D2D6DB !important;
}

.who-we-are .inner-card-wrapper, .landing .inner-card-wrapper, .customer-voice .inner-card-wrapper {
    gap: 31px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.about-card__body .details-icon {
    width: 48px;
    height: 48px;
}

.about-card__body .details-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #f3fcf6;
    width: 50px;
    height: 50px;
    margin-bottom: 25px;
}
.about-card__body .title, .about-card__body .description {
    color: #1f2a37;
}

.about-card__body .title {
    font-size: 1.25rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hou-card {
    box-shadow: none !important;
    border: 1px solid #D2D6DB !important;
}

.about-card {
    position: relative;
    display: block;
    border-radius: 16px;
    background-color: #fff;
    isolation: isolate;
    -webkit-box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1);
    box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1);
    overflow: hidden;
    padding-bottom: 10px;
    height: 100%;
}

.input-rega:has(.form-control):after, button.form-control:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 50%;
    width: 0;
    height: 2px;
    background-color: var(--colors-gray-700);
    transform: translate(50%);
    transition: width .5s ease-in-out;
}
.hero_content h1 {
    font-family: "IBMPlexSansArabic-SemiBold";
    font-size: 60PX;
}
.sliderdesc {
    font-size: 20px !important;
    font-family: "IBMPlexSansArabic-regular";
    margin-bottom: 30px;
}
.cfont {
    font-family: 'IBMPlexSansArabic-Medium';
    font-size:16px !important;
    padding:0px 16px;
    height:40px;
    line-height:40px;
}

.header-menu ul .sub_menu {
    WIDTH: 100%;
    MIN-WIDTH: 100%;
    top: 162px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    box-shadow: none;
    list-style: none;
    padding: 32px !important;
    gap: var(--spacing-3xl);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    position: fixed;
    left: 0px;
    right: 0px;
    width: 100% !important;
    word-wrap: break-word;
    padding: 10px;
    border-top:0px;
    border-bottom: 1px solid #d1d1d1 !important;
}

    .header-menu ul .sub_menu li a {
        font-family: IBMPlexSansArabic-Medium;
        color: #161616 !important;
        font-size: 1rem;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        margin-bottom: 10px;
        display: inline-block;
        border-radius: 8px;
        padding: 5px 10px !important;
        width: 100%;
        border: 0px;
        height: auto;
        line-height:20px !important
    }

    .header-menu ul .sub_menu li a {
        font-family: IBMPlexSansArabic-Medium;
        color: #161616 !important;
        font-size: 1rem;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        margin-bottom: 10px;
        display: inline-block;
        border-radius: 8px;
        padding: 10px 10px !important;
        width: 100%;
        border: 0px;
        height: auto;
        line-height: 24px;
    }
        .header-menu ul .sub_menu li a:hover {
            background-color: #f3f4f6 !important;
            color: #161616 !important;
            text-decoration: underline !important;
        }
    .header-menu ul .sub_menu li a:is(:focus) {
        color: #1b8354;
        text-decoration: underline;
        -webkit-box-shadow: 0 0 0 2px #161616;
    }

.header-menu ul .sub_menu li {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
}

    .header-menu ul .sub_menu li a::after {
        content: '';
        background: none !important;
    }
.form-group .form-label {
    color: #161616;
    font-family: "IBMPlexSansArabic-Regular";
    margin-bottom: 5px;
    font-size: 0.875rem;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    margin-bottom: 10px;
    display: block;
    font-size: 1rem;
}
.form-control, input[type="text"].form-control, .form-select {
    border-radius: 4px;
    padding: 7px 16px 11px;
    font-size: 1rem;
    border-color: #9da4ae;
    color: #384250 !important;
    font-family: "IBMPlexSansArabic-Regular";
    background: -webkit-gradient(linear, left top, left bottom, from(#0d121c), to(#0d121c)), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background: linear-gradient(#0d121c, #0d121c), linear-gradient(#fff, #fff);
    background-size: 0 2px, auto;
    background-repeat: no-repeat;
    background-position: center bottom;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    background-color: #fff !important;
    position: relative;
}

.form-control, input[type=text].form-control, .form-select {
    border-radius: 4px;
    padding: 7px 16px 11px;
    font-size: 1rem;
    border-color: #9da4ae;
    color: #384250 !important;
    font-family: "IBMPlexSansArabic-Regular";
    background: -webkit-gradient(linear, left top, left bottom, from(#0D121C), to(#0D121C)), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background: linear-gradient(#0D121C, #0D121C), linear-gradient(#fff, #fff);
    background-size: 0 2px, auto;
    background-repeat: no-repeat;
    background-position: center bottom;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    background-color: #fff !important;
    position: relative;
}

.form-group {
    margin-bottom: 20px;
}

.form-control:is(:focus), input[type="text"].form-control:is(:focus) {
    -webkit-box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
    box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
    background-size: 100% 2px, auto !important;
}

.form-control:is(:active, :focus, :hover), input[type="text"].form-control:is(:active, :focus, :hover), .form-select:is(:active, :focus, :hover) {
    outline: 0;
    color: #161616;
}

.form-control:is(:hover), input[type="text"].form-control:is(:hover), .form-select:is(:hover) {
    border-color: #384250;
    outline: 0;
}

textarea.form-control {
    border-radius: 4px;
    padding: 8px 16px 12px;
    font-size: 1rem;
    border-color: #9da4ae !important;
    color: #161616 !important;
    font-family: "IBMPlexSansArabic-Regular";
    height: 110px;
    overflow-y: scroll;
    scroll-padding: 20px;
}


.alert {
    inset: 0;
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: 1rem;
    border: none;
    border-bottom-style: solid;
    border-bottom-width: .125rem;
    border-radius: .125rem;
    padding: 0rem 1.5rem;
    margin: 0;
    margin-bottom: 1rem;
}

.alert__icon {
    flex-shrink: 0;
    width: 1.375rem;
    height: 1.375rem;
}

.alert__title {
    font-family: "IBMPlexSansArabic-Bold";
    font-size: inherit;
    margin-bottom: 0;
}

.alert__description {
    font-size: inherit;
    color: inherit;
    margin-bottom: 0;
}

.alert .alert-link {
    color: inherit;
}

.alert .btn-close {
    position: static;
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    background-color: rgba(0,0,0,0);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.25 11.25'%3E%3Cpath d='M.18.18a.64.64,0,0,1,.89,0L5.63,4.74,10.18.18a.64.64,0,0,1,.89,0,.64.64,0,0,1,0,.89L6.51,5.63l4.56,4.55a.63.63,0,0,1-.89.89L5.63,6.51,1.07,11.07a.64.64,0,0,1-.89,0,.64.64,0,0,1,0-.89L4.74,5.63.18,1.07A.64.64,0,0,1,.18.18Z' fill='%23161616' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-size: .703125rem;
    background-position: center;
    border-radius: .25rem;
    opacity: 1;
    padding: 0;
    margin-inline-start: auto;
    transition: background-color .3s ease-in-out;
}

@media(hover: hover) {
    .alert .btn-close:hover {
        background-color: #f3f4f6;
    }
}

.alert-primary {
    color: #384250;
    background-color: #f9fafb;
    border-bottom-color: rgba(22,22,22,.6);
}

.alert-success {
    color: #067647;
    background-color: #ecfdf3;
    border-bottom-color: rgba(7,148,85,.6);
}

.alert-danger {
    color: #b42318;
    background-color: #fef3f2;
    border-bottom-color: rgba(217,45,32,.6);
}

.alert-warning {
    color: #b54708;
    background-color: #fffaeb;
    border-bottom-color: rgba(220,104,3,.6);
}

.alert-info {
    color: #175cd3;
    background-color: #eff8ff;
    border-bottom-color: rgba(21,112,239,.6);
}

.alert .status {
    width: 22px;
    height: 22px;
}

.toast .status, .alert .status {
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.status {
    padding: 8px 24px;
    border-radius: 50px;
    font-size: 0.875rem;
    white-space: nowrap;


}
.toast .close, .alert .close {
    position: absolute;
    inset-inline-end: 35px;
    font-size: 25px;
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

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

.toast button, .alert button {
    border: 0;
    background-color: rgba(0, 0, 0, 0);
}

.service-info li .icon
{
    margin-left: 4px;
}