:root {
    --default-font-size: 15px;
    --aside-width: 160px;
    --layout-gap: 24px;
    --color-primary: #074D31;
    --color-secondary: #1B8354;
    --color-tertiary: #074D31;
    --color-light: #ECEFFF;
    --color-gray-color: #556478;
    --color-text-color: #1B8354;
    --color-text-color-secondary: #556478;
    --color-border-color: #ECEFFF;
    --color-danger: #df7c2e;
    --color-orange: #df7c2e;
    --color-warning: #fcb316;
    --color-success: #00ac65;
    --color-color-badge-blue: #74C0EB;
    --color-color-badge-gray: #808285;
    --color-color-disabled: #CCEBFF;
    --color-button-bg-color: #CEE7FA;
    --color-black: #161616;
    --color-text-color: #161616;
    --fc-small-font-size: .85em;
    --fc-page-bg-color: #fff;
    --fc-neutral-bg-color: rgba(208, 208, 208, 0.3);
    --fc-neutral-text-color: #808080;
    --fc-border-color: #f3f9fe;
    --fc-button-text-color: var(--color-text-color);
    --fc-button-bg-color: #CEE7FA;
    --fc-button-border-color: #CEE7FA;
    --fc-button-hover-bg-color: var(--color-primary);
    --fc-button-hover-border-color: var(--color-primary);
    --fc-button-active-bg-color: var(--color-primary);
    --fc-button-active-border-color: var(--color-primary);
    --fc-event-bg-color: var(--color-primary);
    --fc-event-border-color: var(--color-primary);
    --fc-event-text-color: color(text-color);
    --fc-event-selected-overlay-color: rgba(0, 0, 0, 0.25);
    --fc-more-link-bg-color: #d0d0d0;
    --fc-more-link-text-color: inherit;
    --fc-event-resizer-thickness: 8px;
    --fc-event-resizer-dot-total-width: 8px;
    --fc-event-resizer-dot-border-width: 1px;
    --fc-non-business-color: #fff;
    --fc-bg-event-color: rgb(143, 223, 130);
    --fc-bg-event-opacity: 1;
    --fc-highlight-color: #00ac65;
    --fc-today-bg-color: transparent;
    --fc-now-indicator-color: red;
    --muneer-font-family: font-family: "IBMPlexSansArabic-Regular" !important;
}

@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 {
    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)
}

body {
    position: relative;
    min-width: 23.75rem;
    min-height: 100vh;
    font-family: "IBMPlexSansArabic-Regular";
    text-align: initial;
    color: var(--color-text-color);
    background-color: #f9fafb;
    overflow-x: clip;
    overflow-y: auto;
}


    body.with-background-img::before {
        position: absolute;
        inset: 0;
        content: "";
        background-image: url(../images/body-bg.jpg);
        background-repeat: no-repeat;
        background-position: top;
        background-attachment: fixed;
        background-size: cover;
        z-index: -1
    }

::-moz-selection {
    background-color: var(--color-primary);
    color: #fff
}

::selection {
    background-color: var(--color-primary);
    color: #fff
}

.no-scroll {
    overflow-y: hidden
}

section {
    padding: 40px 0
}

.disabled {
    opacity: .4;
    pointer-events: none
}

a, button {
    cursor: pointer
}

.visible-hidden {
    visibility: hidden
}

* {
    margin: 0;
    padding: 0;
    text-align: initial
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    line-height: 1.7
}

h1 {
    font-size: 1.75rem
}

h2 {
    font-size: 1.5rem
}

h3 {
    font-size: 1.375rem
}

h4 {
    font-size: 1.25rem
}

h5 {
    font-size: 1.125rem
}

h6 {
    font-size: 1rem
}

.icon-list {
    display: flex;
    flex-flow: column;
    gap: 16px;
    margin-inline: 0;
    margin-block-end: 24px;
    padding: 0
}

    .icon-list > li {
        position: relative;
        display: flex;
        align-items: flex-start;
        gap: 8px;
        color: var(--color-text-color);
        font-size: 1rem
    }

        .icon-list > li::before {
            content: "";
            display: block;
            width: 12px;
            height: 12px;
            margin-top: 10px;
            flex-shrink: 0;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.733' height='14.687' viewBox='0 0 13.733 14.687'%3E%3Cpath id='Union_11' data-name='Union 11' d='M-7716.406,3770.491l-6.677-6.675a.675.675,0,0,1-.2-.473.674.674,0,0,1,.2-.471l6.677-6.677a.667.667,0,0,1,.942,0,.667.667,0,0,1,0,.945l-6.2,6.2,6.2,6.205a.664.664,0,0,1,0,.943.662.662,0,0,1-.471.2A.661.661,0,0,1-7716.406,3770.491Zm-5.723,0-6.676-6.675a.667.667,0,0,1-.2-.473.666.666,0,0,1,.2-.471l6.676-6.677a.668.668,0,0,1,.943,0,.667.667,0,0,1,0,.945l-6.2,6.2,6.2,6.205a.664.664,0,0,1,0,.943.662.662,0,0,1-.471.2A.663.663,0,0,1-7722.128,3770.491Z' transform='translate(7729 -3756)' fill='%237f7f7f'/%3E%3C/svg%3E%0A");
            background-repeat: no-repeat;
            background-size: 12px;
            background-position: center
        }

.list-group-numbered .list-group-item {
    display: flex;
    align-items: center;
    gap: 12px;
    border: 0;
    padding: 0;
    background-color: rgba(0,0,0,0);
    color: var(--color-text-color)
}

@media(max-width: 767.98px) {
    .list-group-numbered .list-group-item {
        flex-direction: column;
        align-items: center !important
    }
}

.list-group-numbered .list-group-item:not(:last-of-type) {
    margin-bottom: 24px
}

.list-group-numbered .list-group-item::before {
    content: counters(section, ".");
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    width: 24px;
    flex-shrink: 0;
    color: #fff;
    font-family: "IBMPlexSansArabic-Regular";
    background-color: var(--color-tertiary);
    border-radius: 50%
}

.list-group-bg-border .list-group-item {
    padding: 1rem
}

@media(max-width: 767.98px) {
    .list-group-bg-border .list-group-item {
        flex-direction: column
    }
}

.list-group-bg-border .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-radius: .625rem;
    border-color: rgba(231,231,231,.8)
}

.fancybox-iframe video, .fancybox-video video {
    -o-object-fit: cover;
    object-fit: cover
}

.close-popup {
    margin-inline-start: auto;
    display: flex;
    align-items: center;
    gap: 8px;
    line-height: 1;
    color: var(--color-text-color)
}

.mega-menu .close-popup {
    color: #fff
}

    .mega-menu .close-popup svg path {
        stroke: #fff
    }

.close-popup svg {
    height: 16px;
    width: 16px;
    flex-shrink: 0
}

    .close-popup svg path {
        stroke: var(--color-text-color)
    }

.close-popup:hover {
    color: var(--color-primary)
}

    .close-popup:hover svg path {
        stroke: var(--color-primary)
    }

.badge {
    padding: 8px 16px 12px;
    font-size: 1rem;
    border-radius: 8px;
    font-weight: normal
}

.badge {
    border-radius: 40px
}

    .badge.green {
        background-color: rgba(111,179,134,.1);
        color: #6fb386
    }

    .badge.orange {
        background-color: rgba(7,77,49,.1);
        color: #074d31
    }

    .badge.blue {
        background-color: rgba(116,192,235,.1);
        color: #74c0eb
    }

    .badge.gray {
        background-color: rgba(128,130,133,.15);
        color: #808285
    }

.border-primary {
    border: 1px solid var(--color-primary) !important
}

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

.color-secondary {
    color: var(--color-secondary) !important
}

.color-tertiary {
    color: var(--color-tertiary) !important
}

.color-warning {
    color: var(--color-warning) !important
}

.color-success {
    color: var(--color-success) !important
}

.color-danger {
    color: var(--color-danger) !important
}

.color-gray {
    color: var(--color-text-gray) !important
}

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

.bg-orange {
    background-color: #d96b2b
}

.bg-secondary {
    background-color: var(--color-secondary) !important;
    color: #fff
}

.bg-tertiary {
    background-color: var(--color-tertiary) !important
}

.bg-danger {
    background-color: var(--color-danger) !important
}

.border-danger {
    border: 1px solid #b42318;
    border-radius: 4px
}

.bg-gray {
    background-color: var(--color-gray-color) !important
}

.clr-green {
    color: #1b8354
}

.font-bold, .permision-card__details__caption strong {
    font-family: "IBMPlexSansArabic-Bold" !important
}

.font-semibold {
    font-family: "IBMPlexSansArabic-SemiBold"
}

.font-regular {
    font-family: "IBMPlexSansArabic-regular"
}

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

.color-title {
    color: #1f2a37
}

a {
    text-decoration: none
}

.back-top-btn {
    position: fixed;
    right: 20px;
    inset-block-end: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: var(--color-primary);
    z-index: 99;
    transition: all .3s ease-in-out
}

.home-body [dir=ltr] .back-top-btn {
    right: 45px;
    inset-block-end: 115px
}

.back-top-btn svg {
    width: 20px;
    transition: all .3s ease-in-out
}

.back-top-btn:hover {
    background-color: var(--color-tertiary)
}

    .back-top-btn:hover svg {
        transform: translateY(-4px)
    }

.item-date, .item-weather, .item-location {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap
}

    .item-date svg, .item-date img, .item-weather svg, .item-weather img, .item-location svg, .item-location img {
        height: 25px;
        width: 25px
    }

    .item-date .date, .item-date .time, .item-date .location, .item-date .weather, .item-weather .date, .item-weather .time, .item-weather .location, .item-weather .weather, .item-location .date, .item-location .time, .item-location .location, .item-location .weather {
        font-size: 1rem;
        color: #fff;
        white-space: nowrap;
        font-family: "IBMPlexSansArabic-Regular"
    }

@media(max-width: 992px) {
    .item-date .date, .item-date .time, .item-date .location, .item-date .weather, .item-weather .date, .item-weather .time, .item-weather .location, .item-weather .weather, .item-location .date, .item-location .time, .item-location .location, .item-location .weather {
        font-size: .875rem
    }
}

.item-date .divider, .item-weather .divider, .item-location .divider {
    width: 8px;
    height: 2px;
    margin-inline: 4px;
    background-color: #fff
}

.item-date .slash, .item-weather .slash, .item-location .slash {
    font-size: .875rem
}

.item-date.colored .date, .item-date.colored .time, .item-weather.colored .date, .item-weather.colored .time, .item-location.colored .date, .item-location.colored .time {
    color: var(--color-text-color)
}

.item-date.colored .divider, .item-weather.colored .divider, .item-location.colored .divider {
    background-color: var(--color-text-color)
}

.item-date.bg-tertiary, .item-weather.bg-tertiary, .item-location.bg-tertiary {
    padding: 4px 12px 6px;
    border-radius: 40px
}

    .item-date.bg-tertiary *, .item-weather.bg-tertiary *, .item-location.bg-tertiary * {
        color: #fff
    }

.range-date {
    width: -moz-fit-content;
    width: fit-content;
    display: inline-flex;
    border-radius: 8px;
    padding: 8px 16px;
    gap: 16px;
    background-color: var(--color-primary)
}

    .range-date .date {
        position: relative;
        display: inline-flex;
        flex-flow: column;
        align-items: center;
        flex-shrink: 0
    }

        .range-date .date:first-child:not(:only-child) {
            padding-inline-end: 16px
        }

            .range-date .date:first-child:not(:only-child)::after {
                position: absolute;
                inset-block: 0;
                inset-inline-end: 0;
                content: "";
                height: 50%;
                width: 1px;
                margin: auto;
                background-color: hsla(0,0%,100%,.15)
            }

        .range-date .date span {
            font-size: .75rem;
            font-family: "IBMPlexSansArabic-Medium"
        }

            .range-date .date span.day {
                font-size: .875rem
            }

.date-badge {
    position: relative;
    display: inline-flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    gap: 0;
    padding: 4px 16px;
    border-radius: 8px
}

    .date-badge span {
        flex: 1;
        text-align: center;
        font-size: .875rem;
        font-family: "IBMPlexSansArabic-Bold";
        color: #fff;
        line-height: 1.5
    }

        .date-badge span.year {
            font-family: "IBMPlexSansArabic-Light"
        }

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

    .list-with-divider li {
        display: flex;
        align-items: center;
        gap: 8px;
        font-family: "IBMPlexSansArabic-Bold";
        color: var(--color-text-color)
    }

        .list-with-divider li:not(:last-of-type)::after {
            content: "";
            width: 8px;
            height: 2px;
            background-color: var(--color-secondary)
        }

a.item-location:hover {
    background-color: var(--color-primary)
}

    a.item-location:hover svg {
        filter: brightness(0) invert(1)
    }

.readonly-data {
    position: relative
}

    .readonly-data .title {
        display: block;
        font-size: .875rem;
        color: var(--color-gray-color);
        font-family: "IBMPlexSansArabic-Light";
        margin-bottom: 8px
    }

    .readonly-data .value {
        margin: 0;
        font-size: 1rem;
        color: var(--color-text-color)
    }

a:hover {
    text-decoration: none
}

.check-list {
    padding-inline-start: 32px
}

.number {
    font-family: sans-serif;
    font-weight: 600
}

.disabled-form {
    background-color: #ccebff !important;
    border: 1px solid #ccebff !important;
    color: #808285 !important;
    opacity: 1
}

    .disabled-form::-moz-placeholder {
        color: #808285 !important;
        overflow: visible
    }

    .disabled-form::placeholder {
        color: #808285 !important;
        overflow: visible
    }

.hover-line::before {
    content: "";
    height: 6px;
    width: calc(100% - 24px);
    display: block;
    position: absolute;
    bottom: 0px;
    background-color: #9da4ae;
    border-radius: 4px;
    z-index: 9;
    inset-inline-start: 13px;
    display: none
}

.hover-line:is(:hover) {
    background-color: #f3f4f6;
    color: #161616
}

    .hover-line:is(:hover) .lang-btn {
        color: #161616;
        cursor: pointer
    }

        .hover-line:is(:hover) .lang-btn img {
            filter: none
        }

    .hover-line:is(:hover)::before {
        display: block
    }

@media(max-width: 992px) {
    .hover-line:is(:hover)::before {
        display: block
    }
}

.hover-line:is(:focus) {
    background-color: #e5e7eb;
    color: #161616
}

    .hover-line:is(:focus)::before {
        display: block
    }

@media(max-width: 576px) {
    h1, h3, h2, h4 {
        font-size: 1.375rem
    }
}

.bg_white {
    background-color: #fff
}

.main-title {
    font-family: "IBMPlexSansArabic-Bold"
}

.desc {
    line-height: 1.7;
    font-size: 1rem;
    font-family: "IBMPlexSansArabic-Regular";
    color: #161616
}

.font_Regular {
    font-family: "IBMPlexSansArabic-Regular"
}

.font_Bold {
    font-family: "IBMPlexSansArabic-Bold"
}

.bg-orange {
    background-color: #dba102
}

.color-orange {
    color: #dba102
}

hr {
    background: #d2d6db
}

.color-blue {
    color: #1f2a37
}

.color-black {
    color: #161616
}

    .color-black .color-secondary {
        color: #161616 !important
    }

body:has(.navbar-collapse.show):after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(22,22,22,.5);
    position: absolute;
    inset: 0;
    display: block;
    z-index: 10
}

@media(min-width: 1199.98px) {
    body:has(.navbar-collapse.show):after {
        display: none
    }
}

header:has(.navbar-collapse.show):after {
    content: "";
    width: 20%;
    height: 101%;
    background-color: rgba(22,22,22,.5);
    position: absolute;
    display: block;
    z-index: 10;
    left: 0;
    top: 0
}

@media(max-width: 600px) {
    header:has(.navbar-collapse.show):after {
        display: none
    }
}

@media(min-width: 1199.98px) {
    header:has(.navbar-collapse.show):after {
        display: none
    }
}

.uploaded-info {
    color: #64748b;
    font-family: "IBMPlexSansArabic-Regular";
    font-size: .875rem;
    width: 365px;
    margin-bottom: 20px
}

.uploaded-disabled {
    color: #9da4ae;
    font-family: "IBMPlexSansArabic-Regular";
    font-size: .875rem;
    width: 365px;
    margin-bottom: 20px
}

a:not([class*=btn]) {
    color: #1b8354;
    text-decoration: none;
    box-shadow: 0 0 0 3px rgba(0,0,0,0);
    transition: all .3s ease-in-out
}

    a:not([class*=btn]):is(:hover) {
        color: #54c08a;
        text-decoration: underline
    }

        a:not([class*=btn]):is(:hover) svg path {
            fill: var(--color-primary)
        }

    a:not([class*=btn]):is(:active) {
        color: #88d8ad;
        text-decoration: underline
    }

        a:not([class*=btn]):is(:active) svg path {
            fill: var(--color-primary)
        }

    a:not([class*=btn]):is(:focus) {
        color: #1b8354;
        text-decoration: underline;
        box-shadow: 0 0 0 3px #161616
    }

        a:not([class*=btn]):is(:focus) svg path {
            fill: var(--color-primary)
        }

.font-size__16 {
    font-size: 1rem !important
}

.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-wrap: break-word;
    visibility: visible
}

.color-info {
    color: #175cd3 !important
}

.w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important
}

.btn-share {
    transition: all .3s ease-in-out
}

.redirect-btn:not([class^=btn],:has(.btn-share)), .consulting-details-card a[target=_blank]:not([class^=btn],:has(.btn-share)) {
    display: inline-flex;
    align-items: center;
    gap: 10px
}

    .redirect-btn:not([class^=btn],:has(.btn-share))::after, .consulting-details-card a[target=_blank]:not([class^=btn],:has(.btn-share))::after {
        content: "";
        width: 18px;
        height: 18px;
        background-image: url(../images/share-icon.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .3s ease-in-out
    }

@media(hover: hover) {
    .redirect-btn:not([class^=btn],:has(.btn-share)):hover::after, .consulting-details-card a[target=_blank]:not([class^=btn],:has(.btn-share)):hover::after {
        background-image: url(../images/green-share-icon.svg)
    }
}

.cx-widget.cx-theme-dark .cx-btn-primaryclose {
    background: unset !important;
    background-color: #1b8354 !important;
    border-color: #1b8354 !important;
    color: #fff !important
}

    .cx-widget.cx-theme-dark .cx-btn-primaryclose:visited {
        color: #fff !important
    }

    .cx-widget.cx-theme-dark .cx-btn-primaryclose:hover {
        background-color: #166a45 !important;
        border-color: #166a45 !important
    }

    .cx-widget.cx-theme-dark .cx-btn-primaryclose:active {
        background-color: #14573a !important;
        border-color: #14573a !important
    }

.cx-widget.cx-theme-dark .cx-btn-default {
    color: #161616 !important;
    background-color: rgba(0,0,0,0) !important;
    border-color: #d2d6db !important
}

    .cx-widget.cx-theme-dark .cx-btn-default:visited {
        color: #161616 !important
    }

    .cx-widget.cx-theme-dark .cx-btn-default:hover {
        color: #161616 !important;
        background-color: #f3f4f6 !important;
        border-color: #e5e7eb !important
    }

    .cx-widget.cx-theme-dark .cx-btn-default:active {
        color: #161616 !important;
        background-color: #e5e7eb !important;
        border-color: #d2d6db !important
    }

main {
    position: relative;
    min-height: 100vh;
    overflow: hidden
}

.accordion .accordion-item {
    border: 0;
    background-color: rgba(0,0,0,0);
    border-radius: 0;
    border-top: 1px solid #d2d6db;
    color: #161616;
    transition: all .3s ease-in-out
}

    .accordion .accordion-item button {
        font-family: "IBMPlexSansArabic-SemiBold";
        background-color: rgba(0,0,0,0)
    }

        .accordion .accordion-item button:hover {
            background-color: #f3f4f6
        }

        .accordion .accordion-item button:active {
            background-color: #e5e7eb;
            box-shadow: 0 0 0 3px #161616
        }

        .accordion .accordion-item button:focus {
            background-color: #e5e7eb;
            box-shadow: 0 0 0 3px #161616
        }

        .accordion .accordion-item button:focus-visible {
            box-shadow: 0 0 0 3px #161616
        }

    .accordion .accordion-item:last-child {
        border-bottom: 1px solid #d2d6db
    }

.accordion .accordion-body {
    padding: 16px !important;
    font-family: "IBMPlexSansArabic-Regular"
}

.accordion .accordion-button {
    box-shadow: none;
    font-size: 16px;
    background-color: rgba(0,0,0,0);
    border-radius: 0px !important;
    color: #161616;
    font-family: "IBMPlexSansArabic-SemiBold" !important
}

    .accordion .accordion-button:after {
        display: flex;
        align-items: center;
        justify-content: center;
        background-size: 16px;
        background-position: center;
        border-radius: 50%;
        height: 1rem;
        width: 1rem;
        background-image: url("../images/arrow/arrow_black.svg");
        background-size: contain
    }

    .accordion .accordion-button[aria-expanded=true]:after {
        background-image: url("../images/arrow/arrow_black.svg")
    }

.dropdown .dropdown-menu .accordion .accordion-item {
    background-color: rgba(0,0,0,0);
    margin: 0
}

    .dropdown .dropdown-menu .accordion .accordion-item .accordion-button {
        box-shadow: none;
        color: var(--color-text-color);
        font-size: .875rem;
        padding: 12px 16px;
        font-family: "IBMPlexSansArabic-Bold";
        background-color: rgba(0,0,0,0)
    }

        .dropdown .dropdown-menu .accordion .accordion-item .accordion-button:hover {
            color: var(--color-primary)
        }

        .dropdown .dropdown-menu .accordion .accordion-item .accordion-button:after {
            display: flex;
            align-items: center;
            justify-content: center;
            background-size: 16px;
            background-position: center;
            border-radius: 50%;
            height: 1.5rem;
            width: 1.5rem;
            background-color: rgba(0,0,0,0);
            border: 0;
            background-image: url("../images/arrow/arrow_black.svg");
            background-repeat: no-repeat;
            background-size: 10px
        }

        .dropdown .dropdown-menu .accordion .accordion-item .accordion-button[aria-expanded=true] {
            color: var(--color-primary)
        }

            .dropdown .dropdown-menu .accordion .accordion-item .accordion-button[aria-expanded=true]:after {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.338' height='8.123' viewBox='0 0 13.338 8.123'%3E%3Cpath id='Path_69057' data-name='Path 69057' d='M-6970.353,16033.221l-6.669,7.4-6.669-7.4.72-.72,5.949,4.07,5.552-4.07Z' transform='translate(6983.69 -16032.501)' fill='%230086D9'/%3E%3C/svg%3E%0A");
                transform: rotateX(180deg)
            }

    .dropdown .dropdown-menu .accordion .accordion-item .accordion-body {
        background-color: #fff;
        border-radius: 0;
        padding: 16px
    }

    .dropdown .dropdown-menu .accordion .accordion-item:not(:last-of-type) {
        border-bottom: 1px solid #ddd
    }

    .dropdown .dropdown-menu .accordion .accordion-item:last-of-type .accordion-body {
        border-radius: 0 0 16px 16px
    }

.dropdown .dropdown-menu .accordion .dropdown-item {
    padding: 8px 0;
    font-family: "IBMPlexSansArabic-Medium";
    white-space: break-spaces
}

    .dropdown .dropdown-menu .accordion .dropdown-item:is(:hover,:active,:focus) {
        background-color: rgba(0,0,0,0)
    }

.btn {
    font-family: "IBMPlexSansArabic-Medium";
    border-radius: 4px;
    padding: 7.2px 24px;
    transition: all .3s ease-in-out
}

    .btn:focus {
        box-shadow: 0 0 0 3px #161616
    }

.btn, .content input[type=button], input[type=submit] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    text-align: center;
    position: relative;
    box-shadow: none;
    outline: 0;
    border: 1px solid rgba(0,0,0,0);
    width: -moz-fit-content;
    width: fit-content
}

    .btn.btn-icon, .content input[type=button].btn-icon, input[type=submit].btn-icon {
        height: 48px;
        width: 48px;
        min-width: auto;
        padding: 0
    }

        .btn.btn-icon svg, .btn.btn-icon img, .content input[type=button].btn-icon svg, .content input[type=button].btn-icon img, input[type=submit].btn-icon svg, input[type=submit].btn-icon img {
            height: 18px;
            max-width: 18px
        }

    .btn .icon, .content input[type=button] .icon, input[type=submit] .icon {
        width: 24px;
        height: 24px
    }

        .btn .icon.search, .content input[type=button] .icon.search, input[type=submit] .icon.search {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.611' height='21.52' viewBox='0 0 21.611 21.52'%3E%3Cpath id='Union_1' data-name='Union 1' d='M4682.341-1210.822a1.17,1.17,0,0,1,0-1.652l1.653,1.652a1.164,1.164,0,0,1-.826.342A1.17,1.17,0,0,1,4682.341-1210.822Zm0-1.652,3.617-3.616a9.2,9.2,0,0,1-1.938-5.665h2.337a6.884,6.884,0,0,0,2,4.866l.024.023.022.022a6.885,6.885,0,0,0,4.857,2,6.909,6.909,0,0,0,6.909-6.908h2.336a9.244,9.244,0,0,1-9.245,9.244,9.206,9.206,0,0,1-5.653-1.929l-3.617,3.617Zm17.833-9.281a6.909,6.909,0,0,0-6.909-6.909V-1231a9.246,9.246,0,0,1,9.245,9.245Zm-16.153,0a9.245,9.245,0,0,1,9.245-9.245v2.337a6.907,6.907,0,0,0-6.908,6.909Z' transform='translate(-4681.399 1231.5)' fill='%23fff' stroke='rgba(0,0,0,0)' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A");
            background-repeat: no-repeat;
            background-size: 16px;
            background-position: center
        }

        .btn .icon.login, .content input[type=button] .icon.login, input[type=submit] .icon.login {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.108' height='23.06' viewBox='0 0 24.108 23.06'%3E%3Cpath id='login' d='M-7702,3789.529a11.544,11.544,0,0,1,11.53-11.53,11.468,11.468,0,0,1,10.729,7.312.786.786,0,0,1-.442,1.019.79.79,0,0,1-1.021-.445,9.9,9.9,0,0,0-9.267-6.313,9.969,9.969,0,0,0-9.958,9.957,9.969,9.969,0,0,0,9.958,9.957,9.9,9.9,0,0,0,9.267-6.313.79.79,0,0,1,1.021-.445.786.786,0,0,1,.442,1.019,11.468,11.468,0,0,1-10.729,7.312A11.544,11.544,0,0,1-7702,3789.529Zm11.76,4.747-4.173-4.173a.788.788,0,0,1-.177-.244v0l-.014-.032v0l-.012-.031,0-.005c0-.01-.006-.02-.009-.03a.053.053,0,0,1,0-.008.27.27,0,0,1-.007-.027l0-.012-.005-.023a.783.783,0,0,1,.215-.713l4.192-4.193a.785.785,0,0,1,1.111,0,.785.785,0,0,1,0,1.112l-2.853,2.851h13.3a.786.786,0,0,1,.787.787.787.787,0,0,1-.787.787h-13.3l2.849,2.849a.785.785,0,0,1,0,1.111.778.778,0,0,1-.557.232A.778.778,0,0,1-7690.24,3794.277Z' transform='translate(7702 -3777.999)' fill='%23fff'/%3E%3C/svg%3E%0A");
            background-repeat: no-repeat;
            background-size: 16px;
            background-position: center
        }

        .btn .icon svg, .btn .icon img, .content input[type=button] .icon svg, .content input[type=button] .icon img, input[type=submit] .icon svg, input[type=submit] .icon img {
            display: block;
            width: 100%;
            height: 100%;
            -o-object-fit: contain;
            object-fit: contain
        }

    .btn .btn-title, .content input[type=button] .btn-title, input[type=submit] .btn-title {
        margin-bottom: 5px
    }

    .btn.btn-with-arrow, .content input[type=button].btn-with-arrow, input[type=submit].btn-with-arrow {
        padding-inline: 28px
    }

        .btn.btn-with-arrow::after, .content input[type=button].btn-with-arrow::after, input[type=submit].btn-with-arrow::after {
            content: "";
            background-image: url("/images/arrow/arrow_rotate.svg");
            width: 12px;
            height: 12px;
            inset-block: 0;
            margin-block: auto;
            margin-top: 9px;
            transition: all .3s ease-in-out;
            background-repeat: no-repeat;
            background-size: contain
        }

[dir=ltr] .btn.btn-with-arrow::after, [dir=ltr] .content input[type=button].btn-with-arrow::after, [dir=ltr] input[type=submit].btn-with-arrow::after {
    transform: rotate(180deg)
}

.btn.btn-with-arrow:is(:hover,:active,:focus)::after, .content input[type=button].btn-with-arrow:is(:hover,:active,:focus)::after, input[type=submit].btn-with-arrow:is(:hover,:active,:focus)::after {
    transform: translateX(-3px);
    background-image: url("/images/arrow/arrow_rotate_white.svg")
}

[dir=ltr] .btn.btn-with-arrow:is(:hover,:active,:focus)::after, [dir=ltr] .content input[type=button].btn-with-arrow:is(:hover,:active,:focus)::after, [dir=ltr] input[type=submit].btn-with-arrow:is(:hover,:active,:focus)::after {
    transform: rotate(180deg)
}

.btn:is(:active,:focus), .content input[type=button]:is(:active,:focus), input[type=submit]:is(:active,:focus) {
    box-shadow: none;
    outline: 0
}

.btn-group {
    border-radius: 0px;
    gap: 8px
}

.btn-group__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    transition: all .3s ease-in-out
}

    .btn-group__item img {
        filter: brightness(0) invert(0)
    }

    .btn-group__item svg {
        flex-shrink: 0;
        height: 16px
    }

    .btn-group__item:is(:hover) {
        background-color: #e5e7eb;
        border-color: #e5e7eb
    }

        .btn-group__item:is(:hover) svg path {
            fill: #161616
        }

    .btn-group__item:is(:active,:focus,.active) {
        background-color: #079455;
        border-color: #079455
    }

        .btn-group__item:is(:active,:focus,.active) img {
            filter: brightness(0) invert(1)
        }

.btn-sm {
    min-width: 120px;
    font-size: .875rem;
    padding: .29375rem 1rem
}

.btn-info-icon {
    order: 2;
    border: 0;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,0)
}

    .btn-info-icon svg, .btn-info-icon img {
        width: 24px;
        max-height: 24px
    }

.btn-icon {
    width: 48px;
    height: 48px;
    min-width: auto;
    padding: 0
}

    .btn-icon svg, .btn-icon img {
        width: 20px
    }

.header-icon-btn {
    border-color: var(--color-primary)
}

    .header-icon-btn:is(:hover,:active,:focus) {
        background-color: var(--color-primary);
        color: #fff
    }

.btn-outline-primary, input.btn-outline-primary {
    border-color: #1b8354;
    color: #fff !important;
    background-color: rgba(0,0,0,0);
    border-radius: 4px;
    font-family: "IBMPlexSansArabic-Medium";
    transition: all .3s ease-in-out;
    border: 1px solid #e5e7eb;
    padding: 8px 24px 10px 24px;
    border: none !important;
    box-shadow: 0px 0px 0px 1px hsla(0,0%,100%,.4)
}

    .btn-outline-primary svg path, input.btn-outline-primary svg path {
        fill: var(--color-primary)
    }

    .btn-outline-primary:is(:hover), input.btn-outline-primary:is(:hover) {
        background-color: hsla(0,0%,100%,.2)
    }

        .btn-outline-primary:is(:hover) svg path, input.btn-outline-primary:is(:hover) svg path {
            fill: #fff
        }

    .btn-outline-primary:is(:active), input.btn-outline-primary:is(:active) {
        background-color: hsla(0,0%,100%,.4) !important;
        box-shadow: none !important;
        box-shadow: 0px 0px 0px 1px hsla(0,0%,100%,.4) !important
    }

        .btn-outline-primary:is(:active) svg path, input.btn-outline-primary:is(:active) svg path {
            fill: #fff
        }

    .btn-outline-primary:is(:focus), input.btn-outline-primary:is(:focus) {
        background-color: rgba(0,0,0,0) !important;
        box-shadow: none !important;
        box-shadow: 0px 0px 0px 2px #fff !important
    }

        .btn-outline-primary:is(:focus) svg path, input.btn-outline-primary:is(:focus) svg path {
            fill: #fff
        }

input.btn-secondary {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: #fff !important
}

    input.btn-secondary:is(:hover) {
        background-color: rgb(13.9272151899,67.5727848101,43.3291139241)
    }

    input.btn-secondary:is(:active,:focus) {
        background-color: #14573a;
        color: #e5e7eb
    }

.btn-outline-secondary, input.btn-outline-secondary {
    border-color: var(--color-secondary);
    color: var(--color-secondary)
}

.theme-dark .btn-outline-secondary, .theme-dark input.btn-outline-secondary {
    border-color: #fff;
    color: #fff
}

.btn-outline-secondary:is(:active,:focus,:hover), input.btn-outline-secondary:is(:active,:focus,:hover) {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: #fff
}

    .btn-outline-secondary:is(:active,:focus,:hover) svg path, input.btn-outline-secondary:is(:active,:focus,:hover) svg path {
        fill: #fff
    }

.btn-outline-secondary.disabled, .btn-outline-secondary[disabled], input.btn-outline-secondary.disabled, input.btn-outline-secondary[disabled] {
    background-color: rgba(0,0,0,0);
    border-color: var(--color-secondary);
    color: var(--color-secondary);
    opacity: .5;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.btn-tertiary, input.btn-tertiary {
    background-color: var(--color-tertiary);
    color: #fff !important;
    background-image: none !important
}

    .btn-tertiary:is(:hover,:active,:focus), input.btn-tertiary:is(:hover,:active,:focus) {
        background-color: rgb(.625,6.875,4.375);
        border-color: var(--color-tertiary)
    }

.btn-outline-white, input.btn-outline-white {
    border-color: #fff;
    color: #fff !important
}

    .btn-outline-white svg path, input.btn-outline-white svg path {
        fill: #fff
    }

    .btn-outline-white.btn-with-arrow::after, input.btn-outline-white.btn-with-arrow::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.193' height='11.811' viewBox='0 0 7.193 11.811'%3E%3Cpath id='arrow' d='M11.811.638,5.905,7.193,0,.638.638,0,5.905,3.6,10.822,0Z' transform='translate(7.193) rotate(90)' fill='%23fff'/%3E%3C/svg%3E%0A")
    }

    .btn-outline-white:is(:hover,:active,:focus), input.btn-outline-white:is(:hover,:active,:focus) {
        background-color: #fff;
        border-color: #fff;
        color: var(--color-primary) !important
    }

        .btn-outline-white:is(:hover,:active,:focus) path, input.btn-outline-white:is(:hover,:active,:focus) path {
            fill: #fff
        }

        .btn-outline-white:is(:hover,:active,:focus).btn-with-arrow::after, input.btn-outline-white:is(:hover,:active,:focus).btn-with-arrow::after {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.193' height='11.811' viewBox='0 0 7.193 11.811'%3E%3Cpath id='arrow' d='M11.811.638,5.905,7.193,0,.638.638,0,5.905,3.6,10.822,0Z' transform='translate(7.193) rotate(90)' fill='%230086D9'/%3E%3C/svg%3E%0A")
        }

.btn-success, input.btn-success {
    background-color: var(--color-success);
    color: #fff !important;
    background-image: none !important
}

    .btn-success:is(:hover,:active,:focus), input.btn-success:is(:hover,:active,:focus) {
        background-color: rgb(144.3818181818,196.6181818182,162.05);
        border-color: var(--color-success)
    }

.btn-outline-success, input.btn-outline-success {
    border-color: var(--color-success);
    color: var(--color-success) !important
}

    .btn-outline-success svg path, input.btn-outline-success svg path {
        fill: #fff
    }

    .btn-outline-success.btn-with-arrow::after, input.btn-outline-success.btn-with-arrow::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.193' height='11.811' viewBox='0 0 7.193 11.811'%3E%3Cpath id='arrow' d='M11.811.638,5.905,7.193,0,.638.638,0,5.905,3.6,10.822,0Z' transform='translate(7.193) rotate(90)' fill='%230FAA6C'/%3E%3C/svg%3E%0A")
    }

    .btn-outline-success:is(:hover,:active,:focus), input.btn-outline-success:is(:hover,:active,:focus) {
        background-color: var(--color-success);
        border-color: var(--color-success);
        color: #fff !important
    }

        .btn-outline-success:is(:hover,:active,:focus) path, input.btn-outline-success:is(:hover,:active,:focus) path {
            fill: #fff
        }

        .btn-outline-success:is(:hover,:active,:focus).btn-with-arrow::after, input.btn-outline-success:is(:hover,:active,:focus).btn-with-arrow::after {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.193' height='11.811' viewBox='0 0 7.193 11.811'%3E%3Cpath id='arrow' d='M11.811.638,5.905,7.193,0,.638.638,0,5.905,3.6,10.822,0Z' transform='translate(7.193) rotate(90)' fill='%23fff'/%3E%3C/svg%3E%0A")
        }

.btn-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    line-height: 1;
    border-radius: 4px;
    color: var(--color-text-color);
    transition: all .3s ease-in-out
}

    .btn-icon svg path {
        fill: #161616 !important
    }

    .btn-icon:is(:active,:focus,:hover):not(.btn-outline-secondary) {
        background-color: #e5e7eb !important;
        color: #fff
    }

.redirect-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: "IBMPlexSansArabic-Regular";
    color: var(--color-secondary);
    box-shadow: 0px 0px 0px 2px rgba(0,0,0,0);
    transition: all .3s ease-in-out
}

    .redirect-btn svg, .redirect-btn img {
        width: 18px
    }

    .redirect-btn.underline {
        text-decoration: underline
    }

    .redirect-btn:is(:hover) {
        color: #54c08a;
        text-decoration: underline
    }

        .redirect-btn:is(:hover) svg path {
            fill: var(--color-primary)
        }

    .redirect-btn:is(:active) {
        color: #88d8ad;
        text-decoration: underline
    }

        .redirect-btn:is(:active) svg path {
            fill: var(--color-primary)
        }

    .redirect-btn:is(:focus) {
        color: #1b8354;
        text-decoration: underline;
        box-shadow: 0px 0px 0px 2px #161616
    }

        .redirect-btn:is(:focus) svg path {
            fill: var(--color-primary)
        }

.store-btn {
    display: flex;
    align-items: center;
    justify-content: center
}

    .store-btn img, .store-btn svg {
        height: 40px;
        width: 120px
    }

.service-btn:hover {
    background-color: var(--color-tertiary);
    border-color: var(--color-tertiary)
}

.btn-primary {
    background-color: #1b8354;
    border-color: #1b8354;
    color: #fff
}

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

    .btn-primary:focus {
        background-color: #104631;
        border-color: #104631;
        box-shadow: 0 0 0 3px #161616
    }

    .btn-primary:active {
        --bs-btn-active-bg: #14573A;
        background-color: #14573a;
        border-color: #14573a
    }

.btn-black {
    background-color: #0d121c;
    border-color: #0d121c;
    color: #fff;
    display: flex;
    gap: 10px;
    align-items: center;
    transition: all .3s ease-in-out
}

    .btn-black img {
        filter: brightness(0) invert(1)
    }

    .btn-black:hover {
        background-color: #1f2a37;
        border-color: #1f2a37;
        color: #fff
    }

    .btn-black:focus {
        background-color: #4d5761;
        border-color: #4d5761;
        color: #fff;
        outline: none;
        box-shadow: 0 0 0 3px #161616
    }

    .btn-black:active {
        background-color: #384250 !important;
        border-color: #384250 !important;
        box-shadow: none !important;
        color: #fff !important;
        outline: none !important
    }

.btn-white {
    background-color: #fff;
    border-radius: 4px;
    color: #161616;
    font-family: "IBMPlexSansArabic-Medium";
    transition: all .3s ease-in-out;
    border: 0;
    padding: 4px 10px 4px 10px;
    border: 2px solid #fff;
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: .875rem;
    box-shadow: 0px 0px 0px 5px rgba(0,0,0,0);
    transition: all .3s ease-in-out
}

    .btn-white img {
        width: 18px;
        height: 18px
    }

    .btn-white:hover {
        background-color: hsla(0,0%,100%,.8);
        box-shadow: none !important;
        border: 2px solid rgba(0,0,0,0)
    }

    .btn-white:active {
        background-color: hsla(0,0%,100%,.6);
        box-shadow: none !important;
        border: 2px solid rgba(0,0,0,0)
    }

    .btn-white:focus {
        background-color: #fff;
        box-shadow: none !important;
        box-shadow: 0px 0px 0px 5px #fff,0 0 0 3px #161616 !important;
        border-radius: 2px
    }

.btn-gray, .btn-secondary {
    background-color: rgba(0,0,0,0);
    border-radius: 4px;
    color: #161616;
    font-family: "IBMPlexSansArabic-Medium";
    transition: all .3s ease-in-out;
    border: rgba(0,0,0,0) !important;
    padding: 8px 24px 10px 24px;
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: .875rem;
    box-shadow: 0 0 0 1px #d2d6db
}

    .btn-gray img, .btn-secondary img {
        width: 18px;
        height: 18px
    }

    .btn-gray:hover, .btn-secondary:hover {
        background-color: rgba(0,0,0,0);
        color: #161616;
        box-shadow: 0 0 0 1px #e5e7eb
    }

    .btn-gray:active, .btn-secondary:active {
        background-color: #e5e7eb;
        color: #161616;
        box-shadow: 0 0 0 1px #d2d6db !important
    }

    .btn-gray:focus, .btn-secondary:focus {
        background-color: #fff;
        color: #161616;
        box-shadow: 0 0 0 2px #161616 !important
    }

.btn-rest {
    background-color: #f3f4f6;
    border-radius: 4px;
    color: #161616;
    font-family: "IBMPlexSansArabic-Medium";
    transition: all .3s ease-in-out;
    border: 0;
    padding: 8px 24px 10px 24px;
    border: 2px solid rgba(0,0,0,0);
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: .875rem
}

    .btn-rest img {
        width: 18px;
        height: 18px
    }

    .btn-rest:hover {
        background-color: #e5e7eb;
        box-shadow: none !important;
        color: #161616;
        border: 2px solid rgba(0,0,0,0)
    }

    .btn-rest:active, .btn-rest:focus {
        background-color: #fff;
        box-shadow: none !important;
        color: #161616;
        border: 2px solid #000
    }

.btn-primary.disabled, .btn-primary:disabled {
    cursor: none;
    background-color: #e5e7eb;
    color: #9da4ae
}

.btn-white-border {
    background-color: rgba(0,0,0,0);
    border-radius: 4px;
    color: #161616;
    font-family: "IBMPlexSansArabic-Medium";
    transition: all .3s ease-in-out;
    border: 2px solid #fff;
    padding: 8px 24px 10px 24px
}

    .btn-white-border:hover {
        color: #166a45
    }

    .btn-white-border:focus, .btn-white-border:active {
        box-shadow: none !important;
        color: #104631
    }

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #D92D20;
    --bs-btn-border-color: #D92D20;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #B42318;
    --bs-btn-hover-border-color: #B42318;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7A271A;
    --bs-btn-active-border-color: #7A271A;
    --bs-btn-disabled-color: #9DA4AE;
    --bs-btn-disabled-bg: #E5E7EB;
    --bs-btn-disabled-border-color: #E5E7EB;
    --bs-btn-disabled-opacity: 1;
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color)
}

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

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

    .btn-danger[disabled] {
        color: var(--bs-btn-disabled-color);
        background-color: var(--bs-btn-disabled-bg);
        border-color: var(--bs-btn-disabled-border-color);
        opacity: var(--bs-btn-disabled-opacity)
    }

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

.header {
    z-index: 99;
    transition: all .3s ease-in
}

.header__container {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap
}

    .header__container .item-date {
        margin-bottom: 0
    }

.header__top {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    background-color: rgba(27,131,84,.5);
    transition: all .3s ease-in-out
}

.inner-page .header__top {
    background-color: #1b8354
}

.header-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}

    .header-actions .lang-btn {
        transition: all .3s ease-in-out
    }

    .header-actions .theme-btn {
        transition: all .3s ease-in-out;
        padding: 5px;
        border-radius: 4px
    }

.header-actions__btn {
    position: relative;
    display: flex;
    gap: 2px;
    align-items: center;
    line-height: 1;
    color: #fff;
    transition: all .3s ease-in-out;
    font-size: 1rem;
    font-family: "IBMPlexSansArabic-Medium";
    padding: 0 3px
}

.dropdown-menu .header-actions__btn {
    background-color: #9399a9
}

.header-actions__btn svg, .header-actions__btn img {
    flex-shrink: 0;
    margin-inline: 3px;
    width: 20px;
    height: 20px
}

.header-actions__btn.dropdown-toggle::after {
    background-image: url("../images/arrow/arrow_white.svg");
    width: 13px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    margin-top: 10px;
    transition: all .3s ease-in-out
}

.header-actions__btn.dropdown-toggle:is(:hover,.show)::after {
    background-image: url("../images/arrow/arrow_green.svg");
    transform: rotateX(180deg);
    margin-top: 5px
}

@media(max-width: 1199.98px) {
    .header-actions__btn .title {
        display: none
    }
}

.header-actions__btn:hover, .dropdown:hover > .header-actions__btn {
    color: #fff
}

    .header-actions__btn:hover::after, .dropdown:hover > .header-actions__btn::after {
        background-image: url("../images/arrow/arrow_green.svg");
        transform: rotateX(180deg);
        margin-top: 5px
    }

.header-actions__item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 4px;
    box-shadow: 0px 0px 0px 2px rgba(0,0,0,0);
    transition: all .3s ease-in-out
}

    .header-actions__item:has(.btn-white) {
        background-color: rgba(0,0,0,0) !important
    }

@media(max-width: 576px) {
    .header-actions__item .services-btn .service-text {
        display: none
    }
}

.header-actions__item:hover {
    background-color: hsla(0,0%,100%,.2)
}

.header-actions__item:active {
    background-color: hsla(0,0%,100%,.4)
}

.header-actions__item:focus {
    background-color: rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 2px #fff
}

@media(max-width: 767.98px) {
    .header-actions__item .btn {
        width: auto !important;
        height: 40px;
        padding: 0
    }

        .header-actions__item .btn .icon {
            height: 20px;
            display: none
        }
}

.header__bottom {
    background-color: #fff;
    padding: 0 150px;
    min-height: 60px
}

@media(max-width: 1500px) {
    .header__bottom {
        padding: 0
    }
}

@media(max-width: 576px) {
    .header__bottom {
        padding: 16px 0
    }
}

.header.scrolled {
    background-color: var(--color-secondary)
}

@media(max-width: 960px) {
    .header .item-location, .header .item-weather {
        display: none
    }
}

.header .header-dropdown {
    display: none !important
}

    .header .header-dropdown .dropdown-menu {
        border: 1px solid #d2d6db;
        border-radius: 8px;
        inset-inline-start: 0;
        min-width: 190px;
        top: 55px;
        padding: 15px
    }

        .header .header-dropdown .dropdown-menu .dropdown-item {
            font-size: 1rem;
            margin: 5px 0;
            position: relative;
            padding: 10px 10px 15px 10px;
            transition: all .3s ease-in-out
        }

            .header .header-dropdown .dropdown-menu .dropdown-item::before {
                content: "";
                height: 6px;
                width: calc(100% - 15px);
                display: block;
                position: absolute;
                bottom: 0px;
                background-color: #9da4ae;
                border-radius: 4px;
                z-index: 9;
                inset-inline-start: 8px;
                display: none
            }

            .header .header-dropdown .dropdown-menu .dropdown-item:hover {
                color: #161616;
                background-color: #f3f4f6;
                text-decoration: none
            }

                .header .header-dropdown .dropdown-menu .dropdown-item:hover::before {
                    display: block
                }

            .header .header-dropdown .dropdown-menu .dropdown-item:is(:focus) {
                background-color: #e5e7eb;
                color: #161616;
                text-decoration: none
            }

                .header .header-dropdown .dropdown-menu .dropdown-item:is(:focus)::before {
                    display: block;
                    background-color: #1f2a37
                }

    .header .header-dropdown .dropdown-toggle {
        border: 0;
        padding: 15px 15px
    }

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

        .header .header-dropdown .dropdown-toggle:focus {
            box-shadow: 0 0 0 1px #d2d6db !important
        }

@media(max-width: 600px) {
    .header .header-dropdown {
        display: block !important
    }
}

.header .menu-tablet {
    display: none !important
}

@media(min-width: 601px)and (max-width: 960px) {
    .header .menu-tablet {
        display: flex !important;
        flex-direction: row;
        gap: 10px !important;
        padding-inline-start: 0
    }

        .header .menu-tablet li {
            border-radius: 5px;
            padding: 10px
        }

            .header .menu-tablet li:hover {
                background-color: #f3f4f6
            }

        .header .menu-tablet .nav-link {
            padding: 0 !important
        }

            .header .menu-tablet .nav-link span {
                display: none
            }
}

.dropdown .dropdown-container {
    flex-wrap: wrap;
    gap: 30px;
    margin: 15px 0;
    padding: 5px
}

    .dropdown .dropdown-container:not(:last-of-type) {
        border-bottom: 1px solid #9da4ae
    }

@media(max-width: 960px) {
    .dropdown .dropdown-container {
        flex-direction: column;
        padding: 0;
        margin-top: 0;
        gap: 5px
    }
}

.dropdown .dropdown-container .menu-title {
    font-family: "IBMPlexSansArabic-Medium";
    color: #161616 !important;
    font-size: 1rem;
    transition: all .3s ease-in-out;
    margin-bottom: 10px;
    display: inline-block;
    border-radius: 8px;
    padding: 5px 10px;
    width: 100%
}

    .dropdown .dropdown-container .menu-title:hover {
        background-color: #f3f4f6
    }

    .dropdown .dropdown-container .menu-title:focus {
        background-color: #e5e7eb
    }

@media(max-width: 960px) {
    .dropdown .dropdown-container .menu-title {
        font-size: .875rem
    }
}

.dropdown .dropdown-container .list-menu {
    flex: 1 1 calc(25% - 30px);
    padding: 10px
}

@media(min-width: 960px) {
    .dropdown .dropdown-menu:not(.page-action-btn .dropdown-menu,.dropdown-menu-end) {
        inset-inline-start: 0;
        top: 100%;
        border-radius: 16px
    }
}

.dropdown .dropdown-menu:not(.page-action-btn .dropdown-menu,.dropdown-menu-end) .dropdown-item:hover {
    transform: none;
    background-color: #f3f4f6
}

.dropdown .dropdown-menu:not(.page-action-btn .dropdown-menu,.dropdown-menu-end) .dropdown-item:focus {
    background-color: #e5e7eb
}

.dropdown .dropdown-menu {
    border-radius: 0px;
    border: 0;
    padding: 0;
    min-width: 245px;
    margin-top: 0;
    background-color: #fff;
    padding: 5px;
    margin-top: 0 !important;
    margin-top: 0 !important
}

@media(max-width: 960px) {
    .dropdown .dropdown-menu {
        padding: 15px 0px;
        width: 100%
    }
}

@media(min-width: 960px) {
    .dropdown .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden
    }
}

.site-settings .dropdown .dropdown-menu {
    padding: 16px
}

.dropdown .dropdown-menu .dropdown-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    color: #1f2a37 !important;
    border-radius: 0;
    padding: 6px 0px;
    font-family: "IBMPlexSansArabic-Medium" !important;
    font-size: .875rem;
    transition: all .3s ease-in-out;
    border-radius: 8px;
    padding: 10px
}

@media(max-width: 960px) {
    .dropdown .dropdown-menu .dropdown-item {
        font-size: .8125rem
    }
}

.dropdown .dropdown-menu .dropdown-item:is(:hover), .dropdown .dropdown-menu .dropdown-item:hover {
    background-color: #f3f4f6
}

.dropdown .dropdown-menu li:not(:last-of-type) {
    padding-block: 5px
}

.dropdown .dropdown-menu .dropdown-header {
    padding: 0;
    margin-bottom: 24px
}

@media(hover: hover) {
    .dropdown:hover > .dropdown-menu {
        display: block;
        margin: 0px;
        margin-top: 0 !important;
        opacity: 1;
        visibility: visible;
        transition: opacity .3s ease,visibility .3s ease
    }

    .dropdown:hover .dropdown-menu-end {
        inset-inline-end: 0
    }
}

.dropend .dropdown-menu {
    transform: none !important;
    padding: 15px;
    border: 1px solid #9da4ae;
    box-shadow: 0px 4px 8px -2px rgba(16,24,40,.1);
    width: -moz-fit-content !important;
    width: fit-content !important
}

.navbar-brand {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 0;
    margin-inline-end: 0
}

    .navbar-brand img {
        height: 75px;
        width: 130px
    }

@media(max-width: 991.98px) {
    .navbar-brand img {
        height: 80px;
        width: 130px
    }
}

.navbar-brand .vision-2030 {
    position: relative;
    padding-inline-start: 16px
}

@media(max-width: 1199.98px) {
    .navbar-brand .vision-2030 {
        margin: 25px 0;
        padding-inline-start: 0px;
        margin: 0;
        display: block
    }
}

.navbar-brand .vision-2030::before {
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    content: "";
    height: 36px;
    width: 2px;
    background-color: #ebebeb;
    margin: auto 0
}

.navbar {
    position: relative;
    padding: 0;
    z-index: 10;
    background-color: #fff
}

@media(max-width: 960px) {
    .navbar .nav-actions {
        display: none !important
    }
}

@media(max-width: 1250px)and (min-width: 960px) {
    .navbar .nav-actions span {
        display: none !important
    }
}

@media(max-width: 1199.98px) {
    .navbar {
        padding: 0
    }
}

.navbar .dropdown:not(.dropend) > .dropdown-toggle {
    display: flex;
    align-items: center;
    gap: 6px
}

    .navbar .dropdown:not(.dropend) > .dropdown-toggle::after {
        background-image: url("../images/arrow/arrow_black.svg");
        width: 13px;
        height: 12px;
        background-repeat: no-repeat;
        background-size: contain;
        border: 0;
        margin-top: 10px;
        transition: all .3s ease-in-out
    }

    .navbar .dropdown:not(.dropend) > .dropdown-toggle:not(.show)::after {
        transform: rotateX(0deg) !important
    }

    .navbar .dropdown:not(.dropend) > .dropdown-toggle:is(.show) {
        color: var(--color-tertiary)
    }

        .navbar .dropdown:not(.dropend) > .dropdown-toggle:is(.show)::after {
            background-image: url("../images/arrow/arrow_green.svg");
            transform: rotateX(180deg);
            margin-top: 5px
        }

.navbar .dropdown:not(.dropend):is(:hover) > .dropdown-toggle::after, .navbar .dropdown:not(.dropend):hover > .dropdown-toggle::after {
    background-image: url("../images/arrow/arrow_green.svg")
}

.navbar .navbar-nav {
    gap: 24px;
    padding-bottom: 0;
    padding-inline-start: 30px
}

@media(max-width: 600px) {
    .navbar .navbar-nav {
        position: relative
    }
}

.navbar .navbar-nav .footer-list {
    position: absolute;
    bottom: 0;
    width: 100%
}

.navbar .navbar-nav .logo-wrapper {
    display: none !important;
    background-color: #f9fafb;
    padding: 25px 30px
}

@media(max-width: 960px) {
    .navbar .navbar-nav .logo-wrapper {
        display: flex !important
    }
}

@media(max-width: 1199.98px) {
    .navbar .navbar-nav {
        gap: 0px !important
    }
}

@media(max-width: 1350px) {
    .navbar .navbar-nav {
        gap: 15px
    }
}

.navbar .navbar-nav .nav-item {
    border-radius: 0;
    height: 75px
}

@media(max-width: 960px) {
    .navbar .navbar-nav .nav-item {
        height: auto
    }
}

.navbar .navbar-nav .nav-item:focus-visible {
    border: 2px solid #161616
}

.navbar .navbar-nav .nav-item .nav-link {
    padding: 27px 12px;
    color: #161616;
    border-bottom: 0;
    font-family: "IBMPlexSansArabic-Medium",sans-serif;
    border-radius: 0;
    font-size: 1rem;
    align-items: stretch;
    position: relative;
    border-radius: 4px;
    text-decoration: none;
    transition: all .3s ease-in-out
}

@media(max-width: 1600px) {
    .navbar .navbar-nav .nav-item .nav-link {
        padding: 27px 6px
    }
}

@media(max-width: 960px) {
    .navbar .navbar-nav .nav-item .nav-link {
        font-size: 1rem
    }
}

@media(max-width: 1200px) {
    .navbar .navbar-nav .nav-item .nav-link {
        padding: 27px 6px;
        font-size: .875rem !important
    }
}

.navbar .navbar-nav .nav-item .nav-link::before {
    content: "";
    height: 6px;
    width: calc(100% - 24px);
    display: block;
    position: absolute;
    bottom: 0px;
    background-color: #9da4ae;
    border-radius: 4px;
    z-index: 9;
    inset-inline-start: 13px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease-in-out
}

.navbar .navbar-nav .nav-item .nav-link:is(:hover) {
    background-color: #f3f4f6;
    color: #161616
}

    .navbar .navbar-nav .nav-item .nav-link:is(:hover)::before {
        opacity: 1
    }

@media(max-width: 960px) {
    .navbar .navbar-nav .nav-item .nav-link:is(:hover)::before {
        display: none
    }
}

.navbar .navbar-nav .nav-item .nav-link:is(:active) {
    background-color: #e5e7eb
}

    .navbar .navbar-nav .nav-item .nav-link:is(:active)::before {
        display: block !important
    }

.navbar .navbar-nav .nav-item .nav-link:is(:focus) {
    background-color: #e5e7eb;
    color: #161616;
    box-shadow: 0px 0px 0px 2px #161616 !important
}

    .navbar .navbar-nav .nav-item .nav-link:is(:focus)::before {
        display: none;
        background-color: #1f2a37
    }

@media(max-width: 960px) {
    .navbar .navbar-nav .nav-item .nav-link:is(:focus)::before {
        display: none
    }
}

@media(max-width: 960px) {
    .navbar .navbar-nav .nav-item .nav-link {
        gap: 16px
    }

    .navbar .navbar-nav .nav-item .nav-link__header {
        position: absolute;
        inset-inline: 0;
        padding: 16px 24px;
        inset-block-start: 0;
        height: 64px;
        z-index: 2;
        display: none
    }
}

@media(max-width: 960px)and (max-width: 575.98px) {
    .navbar .navbar-nav .nav-item .nav-link__header {
        display: flex
    }
}

@media(max-width: 960px) {
    .navbar .navbar-nav .nav-item .nav-link__header .navbar-toggler {
        background-color: #fff;
        padding: 8px
    }
}

.navbar .navbar-nav .nav-item:nth-child(3) > .dropdown-menu {
    position: fixed;
    width: 100%;
    inset: unset;
    top: 255px;
    inset-inline-end: 50%;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: clip;
    transform: translateX(-50%)
}

[dir=ltr] .navbar .navbar-nav .nav-item:nth-child(3) > .dropdown-menu {
    transform: translateX(50%)
}

@media(min-width: 992px) {
    .navbar .navbar-nav .nav-item:nth-child(3) > .dropdown-menu {
        display: flex;
        flex-wrap: wrap;
        gap: 30px
    }
}

@media(min-width: 411px) {
    .navbar .navbar-nav .nav-item:nth-child(3) > .dropdown-menu {
        top: 227px
    }
}

@media(min-width: 414px) {
    .navbar .navbar-nav .nav-item:nth-child(3) > .dropdown-menu {
        top: 186px
    }
}

@media(min-width: 577px) {
    .navbar .navbar-nav .nav-item:nth-child(3) > .dropdown-menu {
        top: 144px
    }
}

@media(min-width: 768px) {
    .navbar .navbar-nav .nav-item:nth-child(3) > .dropdown-menu {
        top: 152px
    }
}

@media(min-width: 991px) {
    .navbar .navbar-nav .nav-item:nth-child(3) > .dropdown-menu {
        top: 147px
    }
}

.navbar .navbar-nav .nav-item:nth-child(3) > .dropdown-menu::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.navbar .navbar-nav .nav-item:nth-child(3) > .dropdown-menu::-webkit-scrollbar-thumb {
    background-color: #067647;
    border-radius: 2.5px
}

.navbar .navbar-nav .nav-item:nth-child(3) > .dropdown-menu::-webkit-scrollbar-track {
    background-color: rgba(6,118,71,.25);
    border-radius: 2.5px
}

.navbar .navbar-nav .nav-item:nth-child(3) > .dropdown-menu::-webkit-scrollbar-corner {
    background-color: rgba(0,0,0,0)
}

@media(min-width: 1200px) {
    .navbar .navbar-nav .nav-item:nth-child(3) > .dropdown-menu {
        width: 1116px
    }
}

@media(min-width: 1400px) {
    .navbar .navbar-nav .nav-item:nth-child(3) > .dropdown-menu {
        width: 1296px
    }
}

.navbar .navbar-nav .nav-item:nth-child(3) > .dropdown-menu .list-menu {
    flex: 1 1 calc(25% - 30px)
}

.navbar .navbar-nav .nav-item .active {
    background-color: #1b8354;
    color: #fff;
    box-shadow: 0px 0px 0px 5px rgba(0,0,0,0) !important;
    overflow: hidden;
    transition: all .3s ease-in-out;
    text-decoration: none
}

    .navbar .navbar-nav .nav-item .active:focus-visible {
        box-shadow: 0 0 0 3px #161616;
        border: 2px solid #fff;
        background-color: #1b8354 !important
    }

    .navbar .navbar-nav .nav-item .active img {
        filter: brightness(0) invert(1)
    }

    .navbar .navbar-nav .nav-item .active:hover {
        background-color: #166a45;
        color: #fff !important
    }

    .navbar .navbar-nav .nav-item .active:active {
        background-color: #074d31 !important;
        box-shadow: 0px 0px 0px 5px rgba(0,0,0,0) !important
    }

        .navbar .navbar-nav .nav-item .active:active::before {
            display: block !important;
            bottom: 0px
        }

    .navbar .navbar-nav .nav-item .active:focus {
        background-color: #1b8354;
        box-shadow: none !important;
        box-shadow: 0 0 0 3px #161616;
        color: #fff
    }

        .navbar .navbar-nav .nav-item .active:focus::before {
            bottom: -4px;
            transition: all .3s ease-in-out;
            display: block
        }

        .navbar .navbar-nav .nav-item .active:focus::before {
            background-color: #54c08a
        }

    .navbar .navbar-nav .nav-item .active::before {
        display: block;
        background-color: #54c08a
    }

@media(max-width: 960px) {
    .navbar .navbar-nav .nav-item .active::before {
        display: none
    }
}

.navbar .navbar-nav .nav-item .active::before::after {
    background-image: url(../images/arrow/arrow_white.svg) !important
}

.navbar .dropend .dropdown-toggle {
    display: flex;
    align-items: center;
    gap: 8px
}

    .navbar .dropend .dropdown-toggle::after {
        background-image: url("../images/arrow/arrow_black.svg") !important;
        width: 10px;
        height: 10px;
        transform: rotateZ(90deg);
        background-repeat: no-repeat;
        background-size: contain;
        border: 0;
        margin-top: 0px;
        transition: all .3s ease-in-out;
        margin-inline-start: auto;
        position: relative
    }

[dir=ltr] .navbar .dropend .dropdown-toggle::after {
    transform: rotateZ(-90deg)
}

.navbar .dropend .dropdown-toggle:is(.show)::after {
    background-image: url("../images/arrow/arrow_green.svg")
}

@media(max-width: 1199.98px) {
    .navbar .dropend .dropdown-toggle:is(.show)::after {
        transform: rotate(0)
    }
}

.navbar .dropend .dropdown-menu {
    margin: 0 !important;
    background-color: #fff
}

@media(min-width: 1200px) {
    .navbar .dropend:is(:hover) > .dropdown-menu, .navbar .dropend:hover > .dropdown-menu {
        display: block;
        top: 0;
        opacity: 1;
        visibility: visible;
        transition: opacity .3s ease,visibility .3s ease;
        inset-inline-end: auto;
        inset-inline-start: 100%
    }

        .navbar .dropend:is(:hover) > .dropdown-menu.bottom-0, .navbar .dropend:hover > .dropdown-menu.bottom-0 {
            top: auto;
            bottom: 0
        }
}

.navbar .dropend:is(:hover,:focus,:active,.show) > .dropdown-toggle {
    background-color: rgba(0,0,0,0);
    color: var(--color-tertiary) !important
}

    .navbar .dropend:is(:hover,:focus,:active,.show) > .dropdown-toggle::after {
        background-image: url("../images/arrow/arrow_green.svg")
    }

.navbar .navbar-nav .dropdown-container .list-menu:has(.menu-title) .menu-title {
    font-family: "IBMPlexSansArabic-Bold";
    font-size: 1.125rem;
    color: #1b8354 !important
}

    .navbar .navbar-nav .dropdown-container .list-menu:has(.menu-title) .menu-title:hover, .navbar .navbar-nav .dropdown-container .list-menu:has(.menu-title) .menu-title:focus {
        background-color: rgba(0,0,0,0)
    }

@media(max-width: 1400px) {
    .navbar .navbar-nav .dropdown-container .list-menu:last-child .dropend:is(:hover) > .dropdown-menu, .navbar .navbar-nav .dropdown-container .list-menu:last-child .dropend:hover > .dropdown-menu {
        display: block;
        top: 0;
        inset-inline-start: auto;
        inset-inline-end: 100%
    }
}

@media(min-width: 1900px) {
    .navbar .navbar-nav .dropdown-container .list-menu:last-child .dropend:is(:hover) > .dropdown-menu, .navbar .navbar-nav .dropdown-container .list-menu:last-child .dropend:hover > .dropdown-menu {
        display: block;
        top: 0;
        inset-inline-start: 100%;
        inset-inline-end: auto
    }
}

@media(min-width: 1200px) {
    .navbar .navbar-nav > .nav-item.dropdown:last-child .dropend:is(:hover) > .dropdown-menu, .navbar .navbar-nav > .nav-item.dropdown:last-child .dropend:hover > .dropdown-menu {
        display: block;
        top: 0;
        inset-inline-start: auto;
        inset-inline-end: 100%
    }
}

@media(min-width: 1900px) {
    .navbar .navbar-nav > .nav-item.dropdown:last-child .dropend:is(:hover) > .dropdown-menu, .navbar .navbar-nav > .nav-item.dropdown:last-child .dropend:hover > .dropdown-menu {
        display: block;
        top: 0;
        inset-inline-start: 100%;
        inset-inline-end: auto
    }
}

@media(max-width: 960px) {
    .navbar .navbar-collapse {
        position: fixed;
        width: 80%;
        top: 0px;
        bottom: 0px;
        right: 0px;
        padding: 0;
        z-index: 999999;
        background-color: #fff;
        transition: all .3s cubic-bezier(0.1, 0.82, 0.76, 0.965)
    }

        .navbar .navbar-collapse:not(.show) {
            display: flex;
            height: 100%;
            transform: translateX(100%)
        }

        .navbar .navbar-collapse .navbar-nav {
            height: calc(100% - 70px);
            margin: 0;
            padding-inline: 0;
            overflow-y: auto;
            overflow-x: hidden
        }
}

@media(max-width: 960px)and (max-width: 1200px) {
    .navbar .navbar-collapse .navbar-nav .nav-item {
        margin-inline: 30px;
        border-radius: 8px;
        position: relative;
        margin: 10px 30px
    }

        .navbar .navbar-collapse .navbar-nav .nav-item.dropdown:has(.nav-link:focus) {
            background-color: #e5e7eb
        }

        .navbar .navbar-collapse .navbar-nav .nav-item:after {
            content: " ";
            height: 1px;
            width: 100%;
            position: absolute;
            background-color: #d2d6db;
            display: block;
            bottom: -10px
        }

        .navbar .navbar-collapse .navbar-nav .nav-item:hover {
            background-color: #f3f4f6
        }
}

@media(max-width: 960px) {
    .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
        padding: 15px 15px !important;
        margin-bottom: 0
    }

        .navbar .navbar-collapse .navbar-nav .nav-item .nav-link::after {
            display: none
        }

    .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu {
        position: static;
        box-shadow: none;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        width: 100% !important;
        border-radius: 8px;
        padding-inline-start: 8px;
        padding-top: 0;
        padding-left: 0 !important;
        padding-bottom: 0;
        margin: 15px;
        padding: 10px;
        transform: none
    }

    .navbar .navbar-collapse .navbar-nav .nav-item.dropdown {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px
    }

        .navbar .navbar-collapse .navbar-nav .nav-item.dropdown:has(.dropdown-menu.show) > .dropdown-toggle::after {
            transform: rotate(180deg)
        }

        .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .nav-link {
            flex: 1;
            font-family: "IBMPlexSansArabic-SemiBold"
        }

            .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .nav-link::before {
                content: "";
                height: 24px;
                width: 6px;
                display: block;
                position: absolute;
                background-color: #9da4ae;
                border-radius: 4px;
                z-index: 9;
                inset-inline-start: 0;
                display: none;
                transform: translateY(-50%)
            }

            .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .nav-link:hover {
                color: #161616 !important;
                background-color: #f3f4f6
            }

                .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .nav-link:hover::before {
                    display: block
                }

            .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .nav-link:is(:focus) {
                background-color: #e5e7eb;
                color: #161616
            }

                .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .nav-link:is(:focus)::before {
                    display: block;
                    background-color: #1f2a37
                }

        .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-arrow {
            margin-right: auto;
            width: 30px;
            height: 30px;
            flex-shrink: 0;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            position: relative
        }

            .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-arrow > i {
                display: none
            }

            .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-arrow::after {
                margin-top: 0;
                background-position: center;
                margin: 0
            }

            .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-arrow:focus {
                box-shadow: none
            }

        .navbar .navbar-collapse .navbar-nav .nav-item.dropdown > .dropdown-menu {
            box-shadow: 0 12px 16px -4px rgba(16,24,40,.08),0 4px 6px -2px rgba(16,24,40,.03)
        }

    .navbar .navbar-collapse .navbar-nav .nav-item .dropend {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        padding-inline-end: 10px;
        flex-direction: column;
        padding: 10px 0
    }

        .navbar .navbar-collapse .navbar-nav .nav-item .dropend .nav-link, .navbar .navbar-collapse .navbar-nav .nav-item .dropend .dropdown-item {
            flex: 1
        }

        .navbar .navbar-collapse .navbar-nav .nav-item .dropend .dropdown-arrow {
            margin-right: auto;
            width: 30px;
            height: 30px;
            flex-shrink: 0;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            background-color: hsla(0,0%,100%,.5254901961)
        }

            .navbar .navbar-collapse .navbar-nav .nav-item .dropend .dropdown-arrow::after {
                margin-top: 0;
                background-position: center
            }

            .navbar .navbar-collapse .navbar-nav .nav-item .dropend .dropdown-arrow:hover {
                background-color: #fff
            }

            .navbar .navbar-collapse .navbar-nav .nav-item .dropend .dropdown-arrow:focus {
                box-shadow: none;
                outline: none !important
            }
}

@media(max-width: 600px) {
    .navbar .navbar-collapse {
        width: 100%
    }
}

.navbar .navbar-collapse .footer-list {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #e5e7eb;
    padding: 15px 0;
    margin-inline: 0
}

    .navbar .navbar-collapse .footer-list a {
        color: #161616;
        padding: 8px 16px
    }

        .navbar .navbar-collapse .footer-list a:hover {
            background-color: #f3f4f6
        }


.navbar .e-services-dropdown .btn-tertiary:is(:hover,:active,.show)::after {
    background-image: url("../images/arrow/arrow_white.svg");
    transform: rotateX(180deg);
    margin-top: 5px
}

.navbar .switch {
    position: relative;
    display: inline-block;
    width: 96px;
    height: 32px;
    margin-bottom: 0
}

    .navbar .switch input {
        opacity: 0;
        width: 0;
        height: 0
    }

    .navbar .switch .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        background-color: rgba(131,149,183,.4);
        transition: .4s
    }

        .navbar .switch .slider span {
            position: relative;
            width: 48px;
            height: 32px;
            z-index: 2
        }

            .navbar .switch .slider span.light {
                background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.242' height='9.242' viewBox='0 0 9.242 9.242'%3E%3Cpath id='sun' d='M-1355.932-3140.21v-.723a.451.451,0,0,1,.452-.451.451.451,0,0,1,.451.451v.723a.451.451,0,0,1-.451.452A.452.452,0,0,1-1355.932-3140.21Zm3.08-.9-.51-.511a.451.451,0,0,1,0-.638.451.451,0,0,1,.638,0l.511.51a.452.452,0,0,1,0,.639.45.45,0,0,1-.319.132A.45.45,0,0,1-1352.852-3141.111Zm-5.9,0a.452.452,0,0,1,0-.639l.511-.51a.449.449,0,0,1,.638,0,.451.451,0,0,1,0,.638l-.511.511a.447.447,0,0,1-.319.132A.45.45,0,0,1-1358.748-3141.111Zm.953-3.268a2.317,2.317,0,0,1,2.315-2.315,2.318,2.318,0,0,1,2.315,2.315,2.318,2.318,0,0,1-2.315,2.315A2.317,2.317,0,0,1-1357.795-3144.379Zm5.761.451a.451.451,0,0,1-.451-.451.451.451,0,0,1,.451-.452h.723a.452.452,0,0,1,.452.452.451.451,0,0,1-.452.451Zm-7.616,0a.451.451,0,0,1-.452-.451.452.452,0,0,1,.452-.452h.723a.451.451,0,0,1,.451.452.451.451,0,0,1-.451.451Zm1.413-2.57-.511-.511a.451.451,0,0,1,0-.638.452.452,0,0,1,.639,0l.51.511a.451.451,0,0,1,0,.638.449.449,0,0,1-.319.133A.449.449,0,0,1-1358.237-3146.5Zm4.874,0a.452.452,0,0,1,0-.639l.51-.511a.452.452,0,0,1,.639,0,.451.451,0,0,1,0,.638l-.511.512a.45.45,0,0,1-.319.132A.452.452,0,0,1-1353.362-3146.5Zm-2.569-1.329v-.723a.452.452,0,0,1,.452-.452.451.451,0,0,1,.451.452v.723a.451.451,0,0,1-.451.452A.452.452,0,0,1-1355.932-3147.826Z' transform='translate(1360.102 3149)' fill='%238395B7'/%3E%3C/svg%3E%0A");
                background-repeat: no-repeat;
                background-position: center;
                background-size: 16px
            }

            .navbar .switch .slider span.dark {
                background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.866' height='15.339' viewBox='0 0 14.866 15.339'%3E%3Cpath id='dark' d='M14296.95-3749.51l-.111-.053-.031-.015-.087-.043-.025-.013-.1-.055-.031-.017-.077-.042-.037-.021-.071-.04-.063-.037-.061-.036-.057-.034-.04-.025-.061-.038-.016-.01-.14-.091-.011-.007a7.584,7.584,0,0,1-2.106-2.112l0-.007-.025-.038h0a7.676,7.676,0,0,1-.543-7.473,7.663,7.663,0,0,1,6.887-4.413.232.232,0,0,1,.1.442,5.755,5.755,0,0,0-.93.535,5.989,5.989,0,0,0-1.473,8.341,5.98,5.98,0,0,0,7.6,1.92v0a6.625,6.625,0,0,0,.7-.417,6.183,6.183,0,0,0,.858-.715.229.229,0,0,1,.385.1.227.227,0,0,1-.008.147c-.068.19-.147.377-.233.56a7.666,7.666,0,0,1-6.954,4.43A7.632,7.632,0,0,1,14296.95-3749.51Z' transform='translate(-14292.524 3764.128)' fill='%238395B7'/%3E%3C/svg%3E%0A");
                background-repeat: no-repeat;
                background-position: center;
                background-size: 16px
            }

        .navbar .switch .slider:before {
            position: absolute;
            content: "";
            height: 32px;
            width: 48px;
            inset-inline-start: 0px;
            bottom: 0;
            top: 0;
            bottom: 0;
            margin: auto 0;
            background-color: var(--color-secondary);
            transition: .4s
        }

.theme-dark .navbar .switch .slider:before {
    inset-inline-start: auto;
    background-color: rgba(131,149,183,.4)
}

.navbar .switch input:checked + .slider:before {
    inset-inline-start: auto;
    transform: translateX(-48px)
}

[dir=ltr] .navbar .switch input:checked + .slider:before {
    transform: translateX(48px)
}

.navbar .switch .slider.round {
    border-radius: 34px
}

    .navbar .switch .slider.round:before {
        border-radius: 40px
    }

.navbar .user-details-actions {
    display: flex;
    align-items: center;
    gap: 12px
}

.navbar .calendar-list__item, .navbar .notification-list__item {
    color: var(--color-text-color)
}

    .navbar .calendar-list__item:not(:last-of-type), .navbar .notification-list__item:not(:last-of-type) {
        margin-bottom: 16px;
        padding-bottom: 16px;
        border-bottom: 1px solid rgba(121,133,155,.28)
    }

    .navbar .calendar-list__item .title, .navbar .notification-list__item .title {
        color: var(--color-text-gray);
        font-size: .75rem;
        margin-bottom: 4px
    }

    .navbar .calendar-list__item .data, .navbar .notification-list__item .data {
        font-size: 1rem;
        font-family: "IBMPlexSansArabic-Bold",sans-serif;
        color: var(--color-secondary)
    }

.navbar .login-user-details__item:only-child {
    margin-bottom: 16px
}

.navbar .login-user-details__item:not(:last-of-type) {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(121,133,155,.28)
}

.navbar .login-user-details__item .title {
    color: var(--color-text-gray);
    font-size: .75rem;
    margin-bottom: 4px
}

.navbar .login-user-details__item .data {
    display: block;
    font-size: 1rem;
    font-family: "IBMPlexSansArabic-Bold",sans-serif;
    color: var(--color-secondary)
}

.navbar .notification-count {
    position: absolute;
    inset-block-start: -8px;
    inset-inline-start: -8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .625rem;
    width: 20px;
    height: 20px;
    background-color: var(--color-primary);
    border-radius: 100px
}

.navbar .settings-item {
    margin-bottom: 10px;
    color: var(--color-secondary)
}

    .navbar .settings-item .settings-title {
        margin-bottom: 12px
    }

.navbar .action-group {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    padding: 0;
    list-style: none;
    width: 100%;
    height: 100%
}

.navbar .action-group__btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    line-height: 1;
    background-color: rgba(0,0,0,0);
    border-radius: 4px;
    color: var(--color-secondary);
    font-family: "IBMPlexSansArabic-Bold";
    transition: all .3s ease-in-out
}

    .navbar .action-group__btn.font-plus {
        margin-block-start: 0
    }

        .navbar .action-group__btn.font-plus::before {
            content: "+";
            margin-block-end: 8px;
            font-size: 1.25rem
        }

    .navbar .action-group__btn.font-minus {
        margin-block-start: 0
    }

        .navbar .action-group__btn.font-minus::before {
            content: "-";
            margin-block-end: 8px;
            font-size: 1.25rem
        }

    .navbar .action-group__btn svg {
        width: 18px
    }

    .navbar .action-group__btn:is(:hover,:active,:focus) {
        background-color: #074d31;
        color: #fff
    }

        .navbar .action-group__btn:is(:hover,:active,:focus) svg path {
            fill: #fff
        }

.navbar .rsbtn {
    position: relative !important;
    direction: unset !important;
    width: 100% !important;
    text-align: start !important;
    margin: 0 !important
}

    .navbar .rsbtn::before {
        display: none !important
    }

    .navbar .rsbtn.mega_toggle .rsbtn_tooltoggle {
        position: static !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 36px !important;
        height: 36px !important;
        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.3 17.282'%3E%3Cpath id='voice-11' d='M181.854,17.282a.5.5,0,1,1,0-1h.363v-1a5.718,5.718,0,0,1-4.985-4.653h1a4.789,4.789,0,0,0,9.306,0h1a5.718,5.718,0,0,1-4.985,4.653v1h.363a.5.5,0,1,1,0,1Zm1.027-3.988a3.739,3.739,0,0,1-3.656-3.656V3.323a3.672,3.672,0,0,1,7.312,0V9.638A3.739,3.739,0,0,1,182.881,13.294Zm2.659-9.97a2.682,2.682,0,0,0-5.318,0V9.638a2.659,2.659,0,1,0,5.318,0Z' transform='translate(-177.231)' fill='%23224e85'%3E%3C/path%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 11px 17px !important;
        border: 1px solid var(--color-secondary);
        border-radius: 50%;
        transition: all .3s ease-in-out
    }

        .navbar .rsbtn.mega_toggle .rsbtn_tooltoggle:hover, .navbar .rsbtn.mega_toggle .rsbtn_tooltoggle:active, .navbar .rsbtn.mega_toggle .rsbtn_tooltoggle:focus {
            background-color: var(--color-secondary) !important;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.3 17.282'%3E%3Cpath id='voice-11' d='M181.854,17.282a.5.5,0,1,1,0-1h.363v-1a5.718,5.718,0,0,1-4.985-4.653h1a4.789,4.789,0,0,0,9.306,0h1a5.718,5.718,0,0,1-4.985,4.653v1h.363a.5.5,0,1,1,0,1Zm1.027-3.988a3.739,3.739,0,0,1-3.656-3.656V3.323a3.672,3.672,0,0,1,7.312,0V9.638A3.739,3.739,0,0,1,182.881,13.294Zm2.659-9.97a2.682,2.682,0,0,0-5.318,0V9.638a2.659,2.659,0,1,0,5.318,0Z' transform='translate(-177.231)' fill='%23fff'%3E%3C/path%3E%3C/svg%3E") !important;
            border-color: var(--color-secondary) !important
        }

        .navbar .rsbtn.mega_toggle .rsbtn_tooltoggle span.rsicn {
            display: none !important
        }

    .navbar .rsbtn .rsbtn_toolpanel.vertical {
        direction: unset !important;
        position: absolute !important;
        inset: unset !important;
        top: 100% !important;
        inset-inline-start: 0 !important
    }

        .navbar .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools {
            border: none !important;
            border-radius: 16px !important;
            width: 200px !important;
            background-color: #fff !important;
            margin-top: 0 !important;
            box-shadow: 0 0 24px rgba(0,0,0,.15);
            margin-top: 0 !important
        }

        .navbar .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li {
            height: unset !important;
            min-height: unset !important;
            max-height: unset !important;
            border-color: #ebebeb !important
        }

            .navbar .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool {
                padding: 5px 16px !important
            }

nav.navbar .dropdown:not(.dropend) > .dropdown-toggle.active::after {
    background-image: url(../images/arrow/arrow_white.svg);
    width: 13px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    margin-top: 10px;
    transition: all .3s ease-in-out
}

li.nav-item.dropdown:hover > .dropdown-menu {
    visibility: visible;
    opacity: 1
}

@media(min-width: 960px) {
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
}

@media(min-width: 960px) {
    .navbar-expand-xl .navbar-nav {
        flex-direction: row;
        gap: 5px !important
    }
}

@media(min-width: 960px) {
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-left: .5rem;
        padding-right: .5rem
    }
}

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

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

    .dropdown-arrow {
        display: none !important
    }

    .navbar .navbar-nav .nav-item .nav-link {
        font-size: 1rem;
        height: 75px;
        align-items: center
    }
}

@media(min-width: 960px)and (max-width: 960px) {
    .navbar .navbar-nav .nav-item .nav-link {
        height: auto
    }
}

.breadcrumb {
    align-items: center;
    margin-bottom: 0
}

    .breadcrumb li {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        line-height: 1;
        font-family: "IBMPlexSansArabic-Medium";
        font-size: .875rem;
        padding: 0 !important;
        transition: all .2s ease-in-out
    }

@media(max-width: 576px) {
    .breadcrumb li {
        margin-bottom: 10px
    }
}

.breadcrumb li a {
    color: #384250;
    text-decoration: none;
    transition: all .2s ease-in-out
}

    .breadcrumb li a:hover {
        color: #6c737f;
        text-decoration: underline
    }

    .breadcrumb li a:focus {
        text-decoration: underline;
        color: #6c737f;
        box-shadow: 0 0 0 3px #161616
    }

.breadcrumb li span {
    color: #9da4ae
}

.breadcrumb li::before {
    padding: 0;
    padding-inline: 7px !important;
    margin-inline: .5rem !important;
    height: 20px;
    width: 10px;
    display: inline-flex;
    align-items: center
}

[dir=ltr] .breadcrumb li::before {
    transform: scaleX(-1)
}

.theme-dark .breadcrumb li::before {
    filter: brightness(0) invert(1)
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "";
    position: relative;
    top: 2px;
    background-image: url("../images/arrow/arrow_bread.svg");
    background-repeat: no-repeat;
    background-size: 6px;
    background-position: center
}

.page-footer {
    position: relative;
    padding: 0rem 0 32px;
    background-color: var(--color-primary);
    isolation: isolate;
    padding: 0 100px;
    overflow: hidden
}

@media(max-width: 992px) {
    .page-footer {
        padding: 0
    }
}

.footer-top__title {
    text-align: center;
    color: #fff;
    font-size: 1.5rem;
    font-family: "IBMPlexSansArabic-Bold"
}

.footer-bottom {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 30px 0 40px 0
}

@media(max-width: 767.98px) {
    .footer-bottom {
        justify-content: center;
        flex-direction: column
    }
}

.footer-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    list-style: none;
    margin: 0;
    padding: 8px 0
}

@media(max-width: 767.98px) {
    .footer-links {
        justify-content: center
    }
}

.footer-links li a, .footer-links li a:visited {
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: .875rem;
    transition: color .3s ease-in-out;
    font-family: "IBMPlexSansArabic-Regular";
    box-shadow: 0px 0px 0px 2px rgba(0,0,0,0);
    transition: box-shadow .3s ease-in-out
}

    .footer-links li a:is(:hover), .footer-links li a:visited:is(:hover) {
        color: hsla(0,0%,100%,.8);
        text-decoration: underline
    }

    .footer-links li a:is(:active), .footer-links li a:visited:is(:active) {
        color: hsla(0,0%,100%,.6);
        text-decoration: underline
    }

    .footer-links li a:is(:focus), .footer-links li a:visited:is(:focus) {
        color: #fff;
        text-decoration: underline;
        box-shadow: 0 0 0 3px #fff
    }

.copyrights {
    display: flex;
    color: #fff;
    justify-content: flex-end;
    font-size: 1rem;
    font-family: "IBMPlexSansArabic-SemiBold";
    margin-bottom: 5px
}

@media(max-width: 767.98px) {
    .copyrights {
        justify-content: center;
        text-align: center;
        font-size: .875rem
    }
}

.copyrights .copyrights-year {
    margin-inline: 4px
}

.theme-dark .copyrights {
    color: var(--color-gray-color)
}

.footer-logo {
    width: -moz-fit-content !important;
    width: fit-content !important
}

    .footer-logo img {
        height: 40px
    }

.theme-dark .footer-logo img {
    filter: brightness(0) invert(1)
}

.footer-sign img {
    height: 40px
}

.footer-middle {
    padding: 40px 0;
    margin-bottom: 24px
}

.footer-list-title {
    color: #fff;
    font-size: 1.125rem;
    margin-bottom: 16px;
    border-block-end: 1px solid hsla(0,0%,100%,.3);
    padding-bottom: 15px
}

.footer-links-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.footer-links-list__item:not(:last-child) {
    margin-bottom: 12px
}

.footer-links-list__item .footer-link {
    color: #fff;
    font-family: "IBMPlexSansArabic-Regular";
    font-size: 1rem;
    transition: all .3s ease-in-out;
    box-shadow: 0px 0px 0px 2px rgba(0,0,0,0)
}

    .footer-links-list__item .footer-link:is(:hover) {
        color: hsla(0,0%,100%,.8);
        text-decoration: underline
    }

    .footer-links-list__item .footer-link:is(:active) {
        color: hsla(0,0%,100%,.6);
        text-decoration: underline
    }

    .footer-links-list__item .footer-link:is(:focus) {
        color: #fff !important;
        text-decoration: underline;
        box-shadow: 0 0 0 3px #fff
    }

    .footer-links-list__item .footer-link.redirect-btn {
        display: inline
    }

        .footer-links-list__item .footer-link.redirect-btn::after {
            flex-shrink: 0;
            content: "";
            display: inline-block;
            width: 18px;
            height: 18px;
            vertical-align: middle;
            background-image: url(../images/share-icon.svg);
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            transition: all .3s ease-in-out;
            filter: brightness(0) invert(1);
            margin-inline-start: .625rem
        }

.page-banner {
    position: relative;
    height: 300px;
    background-color: #14375f;
    isolation: isolate
}

    .page-banner .bg {
        position: absolute;
        inset: 0;
        display: block;
        height: 100%;
        width: 100%;
        overflow: hidden;
        z-index: -1;
        background-color: #14375f
    }

        .page-banner .bg img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: center;
            object-position: center
        }

.page-header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
    padding: 30px 0;
    border-bottom: 1px solid #d2d6db;
    margin-bottom: 32px
}

    .page-header .page-title {
        margin-bottom: 8px;
        font-family: "IBMPlexSansArabic-Bold"
    }

@media(max-width: 767.98px) {
    .page-header .page-title {
        font-size: 2rem
    }
}

@media(max-width: 575.98px) {
    .page-header .page-title {
        font-size: 1.5rem
    }
}

.page-actions {
    display: flex;
    gap: .5rem;
    align-items: center
}

    .page-actions > * {
        flex: 0 0 auto;
        height: -moz-max-content;
        height: max-content;
        cursor: pointer
    }

    .page-actions .dropdown {
        position: relative
    }

        .page-actions .dropdown .dropdown-toggle::after {
            display: none
        }

        .page-actions .dropdown .dropdown-menu {
            gap: .625rem;
            min-width: -moz-fit-content;
            min-width: fit-content;
            border: none;
            background-color: #e5e7eb;
            padding: .5rem;
            border-radius: 4px
        }

            .page-actions .dropdown .dropdown-menu::before {
                content: "";
                position: absolute;
                bottom: 100%;
                inset-inline-end: .75rem;
                width: 1.25rem;
                height: .375rem;
                background-image: url("../images/arrow/dropdown-green.svg");
                background-repeat: no-repeat;
                top: -5px
            }

[dir=ltr] .page-actions .dropdown .dropdown-menu::before {
    inset-inline-end: .75rem
}

@media(max-width: 576px) {
    .page-actions .dropdown .dropdown-menu::before {
        display: none
    }
}

.page-actions .dropdown .dropdown-menu a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    margin: 0;
    border-radius: 4px !important
}

.page-actions .dropdown .dropdown-menu.show {
    display: flex !important
}

.page-actions .dropdown .dropdown-menu .dropdown-item {
    padding: 0
}

    .page-actions .dropdown .dropdown-menu .dropdown-item svg {
        fill: var(--color-text-color);
        width: .9375rem;
        height: .9375rem
    }

    .page-actions .dropdown .dropdown-menu .dropdown-item:hover {
        box-shadow: 0px 0px 0px 1px rgba(0,0,0,0);
        background-color: #f3f4f6
    }

    .page-actions .dropdown .dropdown-menu .dropdown-item:focus {
        box-shadow: 0px 0px 0px 2px #161616;
        background-color: #f3f4f6
    }

.page-actions .dropdown:hover .dropdown-menu {
    display: flex !important;
    margin: 0px;
    margin-top: 0 !important
}

.page-actions .page-action-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 4px;
    background-color: rgba(0,0,0,0);
    transition: all .3s ease-in-out;
    padding: 0;
    cursor: pointer;
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0)
}

    .page-actions .page-action-btn svg {
        fill: var(--color-text-color);
        height: 1rem;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center;
        transition: all .3s ease-in-out
    }

    .page-actions .page-action-btn:is(:hover) {
        background-color: #e5e7eb
    }

    .page-actions .page-action-btn:is(:focus) {
        box-shadow: 0px 0px 0px 2px #161616;
        background-color: #f3f4f6
    }

    .page-actions .page-action-btn:is(:active) {
        box-shadow: 0px 0px 0px 1px rgba(0,0,0,0);
        background-color: #e5e7eb
    }

.page-category {
    margin-bottom: 24px
}

    .page-category .title {
        display: block;
        margin-bottom: 8px;
        color: var(--color-text-gray)
    }

    .page-category .category-list {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 0;
        margin: 0;
        list-style: none;
        flex-wrap: wrap
    }

        .page-category .category-list .category-link {
            display: block;
            padding: 8px 16px;
            border: 1px solid var(--color-border-color);
            background-color: #fcfcff;
            color: var(--color-text-color);
            transition: all .3s ease-in-out
        }

.theme-dark .page-category .category-list .category-link {
    background-color: rgba(252,252,255,.05);
    border-color: rgba(252,252,255,.05)
}

.page-category .category-list .category-link:hover, .page-category .category-list .category-link:active, .page-category .category-list .category-link:focus, .page-category .category-list .category-link.active {
    background-color: var(--color-secondary);
    color: #fff
}

.rating {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 100px
}

@media(max-width: 576px) {
    .rating {
        justify-content: start;
        flex-wrap: wrap;
        gap: 5px
    }
}

.rating .title {
    font-size: 1rem;
    line-height: 1
}

.rating .rating__list {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    direction: ltr;
    color: unset !important;
    margin-inline-start: 8px
}

[dir=ltr] .rating .rating__list {
    direction: rtl
}

.rating .rating__list .star {
    display: block
}

    .rating .rating__list .star svg {
        display: flex;
        width: 16px
    }

        .rating .rating__list .star svg path {
            fill: #e5e7eb !important;
            stroke: #e5e7eb
        }

.rating .rating__list[data-stars="0"] .star svg path {
    fill: #fff
}

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

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

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

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

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

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

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

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

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

.rating .rating__list > .star:hover svg path {
    fill: var(--color-secondary) !important;
    stroke: var(--color-secondary)
}

.rating .rating__list > .star:hover ~ .star svg path {
    fill: var(--color-secondary) !important;
    stroke: var(--color-secondary)
}

.content-footer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: space-between;
    padding: 6px 10px;
    margin-bottom: 16px;
    border: 1px solid #ebebeb;
    border-radius: 8px
}

.visits-count {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 100px;
    font-family: "IBMPlexSansArabic-Bold";
    font-size: .875rem
}

    .visits-count .title {
        line-height: 1
    }

.comments {
    padding: 24px;
    background-color: #f7f7f7;
    border-radius: 8px
}

    .comments .title {
        display: block;
        margin-bottom: 16px;
        font-family: "IBMPlexSansArabic-Bold"
    }

.comments__item {
    position: relative;
    margin-top: 32px;
    padding-block: 24px;
    border-top: 1px solid #ebebeb
}

    .comments__item .user-name {
        font-family: "IBMPlexSansArabic-Bold"
    }

    .comments__item .item-date span {
        margin-bottom: 8px;
        color: var(--color-tertiary);
        font-family: "IBMPlexSansArabic-Medium";
        border-radius: 40px;
        font-size: .75rem
    }

    .comments__item .replay {
        position: relative;
        margin-top: 24px;
        padding: 24px;
        margin-inline-start: 32px;
        background-color: #fff;
        border-radius: 16px
    }

        .comments__item .replay .user-name {
            font-size: 1rem;
            color: var(--color-primary)
        }

.page-review {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    padding: 24px 0px;
    border-radius: 0px
}

    .page-review .btn-primary {
        padding: 10px 18px
    }

@media(max-width: 576px) {
    .page-review {
        justify-content: start;
        align-items: start
    }

        .page-review .btn-black {
            margin-top: 10px
        }
}

.page-review .close-review {
    display: flex;
    color: #161616;
    font-size: 1.125rem;
    gap: 5px;
    align-items: center;
    transition: all .3s ease-in-out;
    padding: 8px 24px 10px 24px;
    border-radius: 4px
}

    .page-review .close-review img {
        width: 24px;
        height: 24px
    }

    .page-review .close-review:hover {
        background-color: #f3f4f6;
        color: #161616
    }

    .page-review .close-review:focus, .page-review .close-review:active {
        background-color: #e5e7eb;
        color: #161616
    }

.details-item .btn-gray {
    padding: 5px 12px 5px 12px
}

.reason-wrapper {
    padding: 25px 0
}

    .reason-wrapper .btn-primary, .reason-wrapper .btn-gray {
        padding: 5px 12px 5px 12px
    }

    .reason-wrapper .title {
        color: #161616;
        font-size: 1.125rem;
        font-family: "IBMPlexSansArabic-SemiBold"
    }

        .reason-wrapper .title .title-option {
            color: #6c737f;
            font-size: 1rem;
            font-family: "IBMPlexSansArabic-Regular"
        }

.review-content {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap
}

@media(max-width: 576px) {
    .review-content {
        justify-content: center
    }
}

.review-content .review-title {
    font-family: "IBMPlexSansArabic-Regular";
    margin: 0;
    color: #161616;
    font-size: 1.125rem
}

.review-content .review-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    gap: 18px
}

.review-answer {
    padding: 24px;
    border: 1px solid #ebebeb;
    border-radius: 8px
}

    .review-answer .answer-title {
        margin-bottom: 24px;
        font-size: 1.125rem
    }

        .review-answer .answer-title span {
            font-size: 14px;
            padding: 0 5px
        }

    .review-answer .form-check {
        margin-bottom: 16px
    }

    .review-answer.yes #noAnswerContent {
        display: none
    }

    .review-answer.yes #yesAnswerContent {
        display: block
    }

    .review-answer.no #yesAnswerContent {
        display: none
    }

    .review-answer.no #noAnswerContent {
        display: block
    }

    .review-answer .check__input__container {
        flex-wrap: wrap
    }

    .review-answer .other-answer {
        margin-top: 16px;
        flex: none;
        width: 100%;
        display: none
    }

    .review-answer .other-check-input:checked ~ .other-answer {
        display: block
    }

.review-answer__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    gap: 12px;
    margin-top: 16px
}

button.show-products-btn:hover {
    background-color: #225085 !important;
    color: #fff !important
}

    button.show-products-btn:hover span {
        background-color: #fff !important
    }

button.show-products-btn {
    background-color: #1a717b;
    color: #fff !important
}

    button.show-products-btn span {
        background-color: #fff !important;
        color: #1a717b;
        min-width: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 2px;
        padding: 0 5px
    }

.fancybox__caption {
    text-align: center;
    padding: 10px 100px 0px 100px
}

.mob_app_img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    box-shadow: -4px -3px 19px -14px
}

.line-title {
    position: relative;
    padding-inline-start: 20px;
    font-family: "IBMPlexSansArabic-Bold";
    margin-bottom: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-inline-start: 15px
}

    .line-title h5 {
        margin-bottom: 0
    }

    .line-title::after {
        content: "";
        width: 5px;
        height: 100%;
        display: block;
        background-color: #6fb386;
        position: absolute;
        margin-inline-start: -20px;
        border-radius: 2px;
        top: 0
    }

.value_wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10.25rem, 1fr));
    gap: 3.125rem;
    flex-wrap: wrap
}

    .value_wrapper .img_wrapper {
        background-color: #fff;
        border-radius: 25px;
        padding: 30px 25px;
        display: block;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .value_wrapper .img_wrapper img {
            width: 85px;
            height: 80px;
            -o-object-fit: none;
            object-fit: none
        }

    .value_wrapper .value_desc {
        text-align: center;
        color: #1b8354;
        font-size: 1.125rem;
        margin-top: 20px
    }

.events-list-page {
    position: relative
}

@media(max-width: 767.98px) {
    .events-list-page a.btn.btn-outline-primary.ms-auto.change-view {
        display: block;
        margin: auto
    }
}

.events-list-page .flex-container {
    flex-wrap: wrap;
    width: 100%
}

@media(max-width: 992px) {
    .events-list-page .flex-container {
        flex-direction: column
    }
}

.events-list ul {
    display: flex;
    gap: 30px
}

    .events-list ul li {
        position: relative
    }

        .events-list ul li::before {
            content: "";
            width: 10px;
            height: 10px;
            display: block;
            position: absolute;
            inset-inline-start: -15px;
            top: 10px
        }

        .events-list ul li:nth-child(1)::before {
            background-color: #074d31
        }

        .events-list ul li:nth-child(2)::before {
            background-color: #556478
        }

        .events-list ul li:nth-child(3)::before {
            background-color: #6fb386
        }

.mob-page h3 {
    font-family: "IBMPlexSansArabic-Bold";
    margin-bottom: 25px
}

@media(max-width: 991px) {
    .part_header h1 {
        font-size: 22px
    }
}

.main_title {
    color: #074d31;
    margin-bottom: 12px;
    font-family: "IBMPlexSansArabic-Bold"
}

.goal_wrapper_item {
    border: 1px solid rgba(27,131,84,.2);
    border-radius: 30px;
    background-color: #fff;
    font-size: 1.125rem;
    padding: 35px 30px;
    height: 100%;
    margin-bottom: 15px
}

    .goal_wrapper_item .desc {
        font-family: "IBMPlexSansArabic-Medium";
        line-height: 2
    }

.strategic_wrapper_item {
    border: 1px solid rgba(27,131,84,.2);
    border-radius: 30px;
    background-color: rgba(0,0,0,0);
    font-size: 1.125rem;
    padding: 0px 30px 40px 30px;
    height: 100%;
    margin-bottom: 15px;
    display: flex;
    align-items: end;
    gap: 25px
}

@media(max-width: 1300px) {
    .strategic_wrapper_item {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
}

@media(max-width: 1300px)and (max-width: 576px) {
    .strategic_wrapper_item {
        padding: 20px
    }
}

@media(max-width: 1300px) {
    .strategic_wrapper_item .strategic_title {
        text-align: center;
        font-size: 1.0625rem !important
    }
}

.strategic_wrapper_item .image_wrapper {
    width: 100px
}

    .strategic_wrapper_item .image_wrapper img {
        width: 100%;
        height: 100%
    }

.strategic_wrapper_item .strategic_title {
    font-family: "IBMPlexSansArabic-Bold";
    line-height: 2;
    font-size: 1.25rem
}

.header__top {
    background-color: #1b8354;
    padding: 4px 150px
}

@media(max-width: 1500px) {
    .header__top {
        padding: 4px 0
    }
}

@media(max-width: 576px) {
    .header__top {
        padding: 4px 5px 4px 5px
    }
}

@media(max-width: 1200px) {
    .fixed-top {
        position: fixed !important
    }
}

#collapseOne {
    padding: 12px 20px
}

#SearchModel_Sorting {
    color: #074d31
}

.bg-blue {
    background-color: #1b8354 !important
}

.bg-green {
    background-color: #6fb386 !important
}

.bg-gray {
    background-color: #556478 !important
}

.page-title {
    font-family: "IBMPlexSansArabic-Bold";
    font-size: 2.1875rem
}

@media(max-width: 992px) {
    .page-title {
        font-size: 1.5625rem
    }
}

.see-more {
    font-size: .875rem
}

.img-card:hover .see-more {
    color: #fff
}

.download-app {
    color: #074d31;
    font-size: 13px;
    margin: 0 5px;
    display: inline-block;
    float: inline-end
}

.app-download {
    color: #fff;
    font-size: 14px
}

.app-link {
    color: #074d31;
    font-family: "IBMPlexSansArabic-Bold"
}

.statistics-slider .data-wrapper {
    justify-content: space-between
}

@media(max-width: 1200px) {
    .statistics-slider .data-wrapper {
        justify-content: center
    }
}

@media(max-width: 576px) {
    .vision-info {
        flex-direction: column
    }

    span {
        text-align: center
    }
}

.media-center .section-header {
    margin-bottom: 8px
}

.details-page .item-info a {
    text-decoration: underline;
    color: #1b8354;
    font-family: "IBMPlexSansArabic-Bold";
    transition: all .3s ease-in-out
}

    .details-page .item-info a:hover {
        color: #074d31;
        opacity: .8
    }

@media(max-width: 786px) {
    .event-info {
        flex-direction: row !important
    }

        .event-info .item-date {
            justify-content: center
        }
}

@media(max-width: 576px) {
    .event-info {
        flex-direction: row !important;
        justify-content: center;
        font-size: 14px
    }
}

@media(max-width: 576px) {
    .comments {
        padding: 6px
    }
}

.branches #frmSearch {
    margin-top: 10px
}

.questions {
    background-color: #6fb386;
    border: 1px solid #6fb386;
    transition: all .3s ease-in-out;
    color: #fff
}

    .questions:hover {
        background-color: #028650;
        color: #fff
    }

@media(max-width: 576px) {
    .events-list-page.fc .fc-daygrid-body {
        overflow: auto
    }

    .events-list-page .fc .fc-view-harness-active > .fc-view {
        overflow: visible
    }

    .events-list-page .fc .fc-daygrid-body {
        overflow: auto
    }
}

@media(max-width: 576px) {
    .MsoNormalTable {
        width: 800px !important
    }

    span {
        text-align: inherit
    }

    .sitemap ul a {
        text-align: center
    }

    .scroll-element {
        overflow: scroll
    }

    .accordion .accordion-button {
        font-size: 16px
    }

    .fc-view-harness {
        height: 500px !important
    }

    .fc .fc-scroller {
        overflow: auto
    }

    .navbar-brand .vision-2030 {
        position: relative;
        padding-inline-start: 10px;
        order: -1
    }

    .vision-2030 {
        order: -1;
        padding-inline-start: 15px !important
    }
}

.count-wrapper {
    display: flex;
    gap: 10px
}

    .count-wrapper .count-percentage {
        color: #fff;
        font-family: "IBMPlexSansArabic-Bold";
        font-size: 1.75rem;
        margin: 0;
        line-height: 1
    }

select {
    color: #074d31 !important
}

.form-select {
    background-image: url("../images/arrow/arrow_black.svg") !important;
    background-size: 20px 9px !important
}

[dir=ltr] .form-select {
    background-position: right 10px top 19px !important
}

.MsoNormalTable {
    border-radius: 8px;
    overflow: visible !important
}

@media(max-width: 767.98px) {
    .header-actions {
        gap: 10px
    }

    .header__container {
        justify-content: space-between !important
    }

        .header__container .header-actions {
            margin: 0 !important;
            justify-content: center
        }

    .list-group-numbered .list-group-item {
        flex-direction: row;
        align-items: flex-start !important
    }

        .list-group-numbered .list-group-item:has(img) .col {
            flex: 1 1 auto
        }

    .pagination {
        gap: 8px
    }

        .pagination > li:first-child .page-link.control-btn, .pagination > li:last-child .page-link.control-btn {
            padding: 0 12px
        }
}

.details-tab {
    border: 0;
    gap: 12px 0;
    padding-bottom: 12px;
    flex-wrap: wrap
}

@media(max-width: 575.98px) {
    .details-tab .nav-item {
        flex: 1
    }

    .navbar-brand img {
        height: 60px !important
    }

    .details-tab .nav-item .nav-link {
        width: 100%
    }
}

@media(max-width: 576px) {
    .MsoNormalTable {
        width: 100% !important
    }

    .fc-view-harness {
        height: 500px !important
    }

    .fc .fc-scroller-harness {
        overflow: unset !important
    }
}

div:has(>.MsoNormalTable) {
    overflow-y: auto
}

.list-view .img-card .date-badge {
    bottom: unset
}

.data-card__body {
    min-height: 270px
}

    .data-card__body canvas {
        min-height: 280px !important
    }

.strategic_wrapper ~ .goal_wrapper .row .col-lg-4:last-child {
    width: 100%
}

    .strategic_wrapper ~ .goal_wrapper .row .col-lg-4:last-child .goal_wrapper_item p {
        text-align: center
    }

@media(max-width: 1200px) {
    .header-actions__item .btn {
        width: auto;
        height: 40px;
        padding: 8px
    }

        .header-actions__item .btn .icon {
            height: 20px
        }
}

.main-logo {
    flex-direction: row;
    gap: 12px
}

.vision-2030 {
    position: relative;
    margin-inline-start: 0px;
    padding-inline-start: 0px !important;
    display: block
}

    .vision-2030 img {
        height: 55px
    }

@media(max-width: 800px) {
    .rw-widget-container {
        margin: 0 20px 20px 0 !important
    }

    .rw-hide-sm {
        display: flex !important
    }

    .rw-widget-container.rw-chat-open {
        height: 75vh !important
    }
}

.launch {
    font-size: 9px;
    padding: .3rem .4rem .3rem .4rem;
    margin-top: .2rem;
    border: none;
    background: #00ac65;
    border-radius: .2rem;
    color: #fff;
    font-family: "IBMPlexSansArabic-Medium"
}

    .launch:hover {
        color: #fff
    }

.rw-conversation-container .rw-close-button {
    display: none !important
}

@media(max-width: 576px) {
    .list-view .img-card .img-card__img img {
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media(max-width: 576px) {
    .list-view .img-card .img-card__img {
        border-radius: 15px !important
    }
}

.floating-links {
    display: block !important
}

.contact-us-services:last-of-type .icon-card {
    justify-content: center
}

.header__top .rsbtn.mega_toggle .rsbtn_tooltoggle, .header__top .rs_preserve a {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background-color: rgba(0,0,0,0);
    border: 0
}

.header__top .rs_addtools::after, .header__top .rs_addtools::before, .header__top .rsbtn::after, .header__top .rsbtn::before, .header__top .rs_addtools .rsbtn_tooltoggle .rsicn::before, .header__top .rsbtn .rsbtn_tooltoggle .rsicn::before {
    content: ""
}

.header__top .rsbtn.mega_toggle .rsbtn_tooltoggle, .header__top .rs_preserve a, .page-footer .rsbtn.mega_toggle .rsbtn_tooltoggle, .page-footer .rs_preserve a {
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center !important;
    background-color: rgba(0,0,0,0) !important;
    background-repeat: no-repeat !important;
    display: flex;
    align-items: center
}

    .page-footer .rsbtn.mega_toggle .rsbtn_tooltoggle:hover, .page-footer .rs_preserve a:hover {
        background-color: hsla(0,0%,100%,.2) !important
    }

.dropdown-menu.show {
    opacity: 1 !important;
    visibility: visible !important
}

.dropdown-menu-start {
    transition: all .5s
}

.floating-links {
    z-index: 9999 !important
}

.dropdown-menu-end li {
    padding-block: 5px
}

.VidlangAR #modalContentVidCall, .VidlangEN #modalContentVidCall {
    overflow: auto !important
}

.VidlangAR #modalContentVidCall {
    font-size: .875rem;
    color: #384250;
    padding: 24px !important
}

.VidlangAR .VidCall-header-title {
    font-family: "IBMPlexSansArabic-SemiBold";
    font-size: 18px !important;
    color: #1f2a37 !important;
    padding-right: 0 !important
}

.VidCall-header-title__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 3.5rem;
    background-color: #ecfdf3;
    border-radius: 50%
}

    .VidCall-header-title__icon > svg {
        width: 1.75rem;
        height: 1.75rem;
        -o-object-fit: contain;
        object-fit: contain
    }

#CallVidHeader, #CallVidForm, #CallVidForm .online-form-title-Agree, .VidlangAR .online-form-title-Agree, .VidlangAR .online-form-title {
    margin-inline: 0 !important
}

.VidlangAR {
    display: flex;
    align-items: center;
    gap: 1rem
}

    .VidlangAR #VidCall-submit2 {
        margin: 0
    }

    .VidlangAR .VidCallBTN {
        margin: 0 !important;
        margin-top: 24px !important
    }

#CallVidForm #VidCall-submit2 {
    margin: 0 !important
}

#modalContentVidCall {
    position: static !important;
    top: 53%;
    left: 50%;
    transform: inherit !important;
    background-color: #e9edf2;
    padding: 1rem 1.5rem;
    width: 40rem;
    border-radius: 1.5rem;
    height: -moz-fit-content !important;
    height: fit-content !important
}

    #modalContentVidCall label {
        margin-bottom: 10px;
        font-size: 14px
    }

    #modalContentVidCall .VidCall-btn {
        color: #fff !important;
        margin-top: 15px;
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 4px;
        display: flex;
        align-items: center;
        width: 100%;
        gap: 8px;
        padding: 8px 40px 12px !important;
        height: 44px;
        white-space: nowrap;
        background-color: #326a9d !important;
        font-family: "IBMPlexSansArabic-Bold";
        font-size: 1.125rem;
        transition: all .3s ease-in-out;
        border-radius: 40px;
        border: 0;
        width: -moz-fit-content;
        width: fit-content;
        display: block;
        margin: 25px auto;
        border: 1px solid #326a9d
    }

        #modalContentVidCall .VidCall-btn:hover {
            color: #326a9d !important;
            background-color: rgba(0,0,0,0) !important
        }

    #modalContentVidCall:has(.nice-select) .nice-select {
        margin-bottom: 0 !important
    }

#closeButtonVidCall {
    float: inline-end !important;
    width: 16px !important;
    line-height: 16px !important;
    text-align: center;
    cursor: pointer;
    text-indent: -99999px;
    border-radius: .25rem;
    background-image: url(../images/close-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: #fff !important;
    border-radius: 50% !important;
    transition: all .3s ease-in-out
}

    #closeButtonVidCall:hover {
        transform: scale(1.2);
        background-color: #fff !important
    }

.online-form-title {
    padding-right: 0 !important;
    padding-left: 0 !important;
    direction: inherit !important;
    margin: 0 40px !important
}

#modalVidCall {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100%
}

.VidlangAR #VidCall-submit, .VidlangEN #VidCall-submit {
    background-color: rgba(0,0,0,0) !important
}

a.page-action-btn.readspeak-btn {
    background-image: url("../images/microphone.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 13px
}

    a.page-action-btn.readspeak-btn:hover {
        background-image: url("../images/microphone-white.svg")
    }

.footer-app img {
    width: 130px;
    transition: .3s ease-in-out
}

    .footer-app img:hover {
        transform: scale(1.1)
    }

.page-footer .rsbtn.mega_toggle .rsbtn_tooltoggle {
    display: none !important
}

.item-info h4 {
    font-family: "IBMPlexSansArabic-Bold";
    margin-top: 30px
}

.structure-img {
    overflow-x: scroll;
    overflow-y: hidden;
    display: block
}

@media(max-width: 576px) {
    .structure-img .events-list-page.fc .fc-daygrid-body {
        overflow: auto
    }

    .structure-img .events-list-page .fc .fc-view-harness-active > .fc-view {
        overflow: auto;
        height: 100%
    }

    .structure-img .events-list-page .fc .fc-daygrid-body {
        overflow: auto
    }
}

.structure-img .img-wrapper {
    width: 1300px !important;
    white-space: nowrap;
    margin: auto
}

    .structure-img .img-wrapper img {
        width: 100%;
        height: 100%
    }

.contact-guide .contact-guide-wrapper {
    position: relative
}

    .contact-guide .contact-guide-wrapper .btn {
        font-size: .8rem
    }

    .contact-guide .contact-guide-wrapper .info {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: .875rem
    }

        .contact-guide .contact-guide-wrapper .info ul {
            list-style: none;
            padding: 0;
            color: #606161;
            text-align: center;
            margin-bottom: 0
        }

            .contact-guide .contact-guide-wrapper .info ul li {
                text-align: center
            }

        .contact-guide .contact-guide-wrapper .info .info-date {
            color: var(--color-success);
            text-align: center;
            font-family: "IBMPlexSansArabic-Bold"
        }

    .contact-guide .contact-guide-wrapper:hover .contact-guide-details {
        z-index: 1;
        transform: translateY(0);
        max-height: 400px;
        opacity: 1;
        visibility: visible
    }

    .contact-guide .contact-guide-wrapper:hover .contact-guide-data {
        border: 1px solid var(--color-text-color)
    }

    .contact-guide .contact-guide-wrapper:hover .desc, .contact-guide .contact-guide-wrapper:hover .title {
        color: var(--color-text-color)
    }

    .contact-guide .contact-guide-wrapper:hover .info {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center
    }

        .contact-guide .contact-guide-wrapper:hover .info ul {
            list-style: none;
            color: #606161
        }

        .contact-guide .contact-guide-wrapper:hover .info .info-date {
            color: var(--color-success);
            text-align: center
        }

    .contact-guide .contact-guide-wrapper:hover .icon-wrapper {
        width: 40px;
        height: 40px
    }

        .contact-guide .contact-guide-wrapper:hover .icon-wrapper img {
            transform: scale(1.12)
        }

.contact-guide .contact-guide-data {
    overflow: hidden;
    position: relative;
    border: 1px solid #e0e0e0;
    border-radius: 15px;
    padding: 0px 16px;
    transition: all .5s ease-in-out;
    min-height: 270px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #f5f5f5
}

    .contact-guide .contact-guide-data .icon-wrapper {
        width: 40px;
        height: 40px;
        margin: 0px auto;
        margin-bottom: 8px
    }

        .contact-guide .contact-guide-data .icon-wrapper img {
            width: 100%;
            height: 100%;
            transition: all .2s ease-in-out
        }

    .contact-guide .contact-guide-data .title {
        color: var(--color-text-color);
        margin-bottom: 8px;
        text-align: center;
        font-size: 1rem;
        transition: all .3s ease-in-out;
        -webkit-box-orient: vertical;
        line-height: 1.5;
        font-family: "IBMPlexSansArabic-Bold"
    }

    .contact-guide .contact-guide-data .desc {
        line-height: 2.2;
        font-size: 1rem;
        text-align: justify;
        color: #000;
        font-family: "DINNEXTLTARABIC-REGULAR";
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-family: "IBMPlexSansArabic-Medium";
        color: #606161;
        text-align: center;
        padding: 0;
        transition: all .3s ease-in-out;
        font-size: .875rem
    }

.contact-guide .contact-guide-details {
    opacity: 0;
    left: 0;
    transition: all .5s ease-in-out;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
    transform-origin: top;
    transition: all .4s ease-in-out;
    margin: 0 !important
}

    .contact-guide .contact-guide-details .title, .contact-guide .contact-guide-details .desc {
        color: #fff
    }

    .contact-guide .contact-guide-details .title {
        font-size: 1.375rem
    }

    .contact-guide .contact-guide-details .guide-footer .btn-primary {
        border: 1px solid #fff;
        color: #fff
    }

.mob_app .description {
    font-family: "IBMPlexSansArabic-Regular"
}

.mob_app .mob-desc .description {
    font-family: "IBMPlexSansArabic-Medium"
}

.mob_app .data-info .desc {
    margin-bottom: 1.5625rem
}

.mob_app .mob-app-services {
    margin: 3.125rem 0 1.25rem 0
}

    .mob_app .mob-app-services .inner-title {
        font-size: 1rem;
        margin-bottom: 1.5625rem
    }

.mob_app .mob-app-services_item {
    border: 1px solid #d2d6db;
    border-radius: 20px;
    background-color: #fff;
    font-size: 1.125rem;
    padding: .9375rem .9375rem .9375rem .9375rem;
    height: 100%
}

    .mob_app .mob-app-services_item .title {
        font-family: "IBMPlexSansArabic-Bold";
        font-size: 1.125rem;
        margin-top: .9375rem;
        color: #161616
    }

    .mob_app .mob-app-services_item .desc {
        font-family: "IBMPlexSansArabic-Regular";
        line-height: 2;
        font-size: 1rem;
        margin-bottom: 0
    }

.mob_app .mob-slider {
    margin-top: 6.25rem
}

    .mob_app .mob-slider .slider-container {
        margin-bottom: 3.4375rem
    }

        .mob_app .mob-slider .slider-container img {
            height: 650px;
            width: 331px;
            margin: auto;
            display: block
        }

@media(max-width: 576px) {
    .mob_app .mob-slider .slider-container img {
        width: 100%
    }
}

.mob_app .mob-slider .swiper-pagination .swiper-pagination-bullet::after {
    width: 16px;
    height: 16px
}

.mob_app .mob-slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .mob_app .mob-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 1px)
}

.mob_app .mob_app-download {
    margin: 1.25rem 0 1.25rem 0
}

    .mob_app .mob_app-download .title {
        font-family: "IBMPlexSansArabic-SemiBold";
        font-size: 1.875rem
    }

    .mob_app .mob_app-download .mob-desc {
        text-align: center;
        margin-bottom: 0;
        margin-top: .625rem;
        font-size: .875rem;
        color: #161616
    }

    .mob_app .mob_app-download .qr-code {
        border: 1px solid #d2d6db;
        border-radius: 20px;
        background-color: #fff;
        font-size: 1.125rem;
        padding: 1.25rem;
        height: 100%;
        margin-bottom: 1.875rem
    }

        .mob_app .mob_app-download .qr-code img {
            width: 265px;
            height: 265px
        }

@media(max-width: 576px) {
    .mob_app .mob_app-download .qr-code img {
        width: 100%
    }
}

@media(max-width: 768px) {
    .mob_app .mob_app-download .mob-store {
        gap: 15px !important
    }
}

.mob_app .mob_app-download .mob-store_container {
    border: 1px solid #d2d6db;
    border-radius: 20px;
    background-color: #fff;
    font-size: 1.125rem;
    padding: 1.25rem 3.75rem 1.25rem 3.75rem;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

    .mob_app .mob_app-download .mob-store_container img {
        width: 120px;
        height: 40px
    }

.register_wrapper .btn {
    padding: 8px 40px 12px 40px
}

.register_footer {
    margin: 40px 0 60px 0px
}

    .register_footer .btn {
        padding: 8px 40px 12px 40px
    }

.awards-container {
    position: relative;
    background: linear-gradient(185deg, rgb(80, 130, 137) 0%, rgba(145, 179, 220, 0.26) 50%, rgb(255, 255, 255) 100%)
}

    .awards-container::before {
        background: url(../images/awards/home/slider/cover.png);
        background-size: cover;
        background-repeat: no-repeat;
        overflow: hidden;
        position: absolute;
        content: "";
        inset: 0;
        max-height: 2600px;
        background-position: center bottom
    }

@media(max-width: 992px) {
    .awards-container::before {
        background: url("../images/awards/home/slider/cover-responsive.png");
        max-height: 4400px !important;
        background-repeat: no-repeat;
        background-size: cover
    }
}

@media(max-width: 1200px) {
    .awards-container::before {
        max-height: 3200px
    }
}

@media(max-width: 576px) {
    .awards-container::before {
        background: url("../images/awards/home/slider/cover-responsive.png");
        max-height: 4600px !important;
        background-repeat: no-repeat;
        background-size: cover
    }
}

@media(min-width: 1920px) {
    .awards-container::before {
        max-height: 3135px
    }
}

.awards-container .page-title {
    margin: 40px 0
}

.awards-container .awards-bg {
    position: relative
}

    .awards-container .awards-bg::before {
        content: "";
        width: 310px;
        height: 727px;
        background: url("../images/awards/home/slider/bg_logo.svg");
        display: block;
        position: absolute;
        bottom: 27%;
        background-repeat: no-repeat;
        z-index: 0;
        pointer-events: none;
        background-repeat: no-repeat;
        background-size: cover;
        inset-inline-start: -15px
    }

@media(max-width: 992px) {
    .awards-container .awards-bg::before {
        display: none
    }
}

.awards-container .awards-bg::after {
    content: "";
    width: 152%;
    height: 28%;
    background-image: url("../images/awards/home/slider/award.svg");
    display: block;
    position: absolute;
    bottom: -5%;
    background-repeat: no-repeat;
    z-index: 0;
    pointer-events: none;
    opacity: .3
}

@media(max-width: 992px) {
    .awards-container .awards-bg::after {
        display: none
    }
}

.awards-container .awards-banner {
    min-height: 100vh;
    display: flex;
    align-items: center
}

@media(max-width: 576px) {
    .awards-container .awards-banner {
        min-height: auto;
        padding: 40px 0
    }
}

.awards-container .awards-banner .title {
    font-family: "IBMPlexSansArabic-Bold";
    font-size: 3.125rem;
    width: 40%
}

@media(max-width: 1200px) {
    .awards-container .awards-banner .title {
        width: 100%;
        text-align: center
    }
}

@media(max-width: 992px) {
    .awards-container .awards-banner .title {
        font-size: 2.1875rem;
        width: 100%;
        text-align: center
    }
}

.awards-container .Report_slider {
    padding: 6.25rem 0
}

.awards-container .Report_slider_data {
    margin: 70px 0;
    flex-wrap: wrap
}

@media(max-width: 576px) {
    .awards-container .Report_slider_data {
        margin: 0px 0 70px 0
    }
}

.awards-container .Report_slider_data .info .title {
    font-family: "IBMPlexSansArabic-Bold";
    font-size: 2.5rem
}

@media(max-width: 922px) {
    .awards-container .Report_slider_data .info .title {
        font-size: 1.5625rem
    }
}

.awards-container .Report_slider_data .info .desc {
    font-family: "IBMPlexSansArabic-Medium";
    font-size: 1rem
}

.awards-container .Report_slider_data .btn img {
    width: 15px;
    filter: brightness(0) invert(1)
}

.awards-container .Report_slider .Report_slider_item_info .values {
    display: flex !important;
    gap: 30px;
    margin-inline-start: 15px;
    flex-wrap: wrap
}

@media(max-width: 1200px) {
    .awards-container .Report_slider .Report_slider_item_info .values {
        gap: 15px;
        justify-content: center
    }
}

.awards-container .Report_slider .Report_slider_item_info .values_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

    .awards-container .Report_slider .Report_slider_item_info .values_wrapper .img_wrapper {
        border-radius: 10px;
        background-color: #16437e;
        width: -moz-fit-content;
        width: fit-content;
        padding: 15px;
        margin-bottom: 15px
    }

        .awards-container .Report_slider .Report_slider_item_info .values_wrapper .img_wrapper img {
            width: 45px;
            height: 45px
        }

    .awards-container .Report_slider .Report_slider_item_info .values_wrapper .desc {
        text-align: center;
        font-family: "IBMPlexSansArabic-Medium"
    }

.awards-container .Report_slider_list {
    display: flex;
    gap: 5px
}

    .awards-container .Report_slider_list .Report_slider_item {
        transition: .5s ease-in-out;
        display: flex;
        gap: 0px;
        flex: 1
    }

        .awards-container .Report_slider_list .Report_slider_item.active {
            flex: 3
        }

.awards-container .Report_slider_item_img {
    position: relative;
    border-radius: 20px;
    cursor: pointer;
    height: 350px;
    min-width: 160px
}

    .awards-container .Report_slider_item_img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 20px
    }

.awards-container .Report_slider_list .Report_slider_item.active .Report_slider_item_img {
    width: 40%
}

.awards-container .Report_slider_list .Report_slider_item .Report_slider_item_info {
    height: 100%;
    padding-top: 115px;
    align-self: center;
    opacity: 0;
    flex: 1 0 0;
    position: relative;
    margin-inline-start: 10px
}

.awards-container .Report_slider_list .Report_slider_item.active .Report_slider_item_info {
    opacity: 1;
    transition-property: opacity,transform;
    transition-delay: .3s,.2s;
    transition-duration: .5s;
    transition-timing-function: ease-in-out
}

.awards-container .Report_slider_item_img h3.title {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 85%;
    color: #fff;
    transition: .5s ease-in-out;
    font-family: "IBMPlexSansArabic-Bold";
    z-index: 2;
    font-size: 1.5rem
}

.awards-container .Report_slider_list .Report_slider_item.active .Report_slider_item_img h3.title {
    top: 20%;
    left: -3%;
    color: #fff;
    font-size: 1.875rem
}

.awards-container .Report_slider_list .Report_slider_item .Report_slider_item_info > * {
    display: none;
    color: #fff;
    font-family: "IBMPlexSansArabic-Medium";
    font-size: 1.25rem;
    line-height: 2;
    position: absolute
}

@media(max-width: 992px) {
    .awards-container .Report_slider_list .Report_slider_item .Report_slider_item_info > * {
        font-size: 1rem;
        position: relative
    }
}

.awards-container .Report_slider_list .Report_slider_item.active .Report_slider_item_info > * {
    display: block;
    margin-inline-start: 15px
}

@media(max-width: 992px) {
    .awards-container .Report_slider_list .Report_slider_item.active .Report_slider_item_info > * {
        margin-inline-start: 0
    }
}

.awards-container .Report_slider_item_img:after {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(46,98,165,.6196078431);
    content: "";
    z-index: 0;
    border-radius: 20px;
    transition: .3s ease-in-out
}

.awards-container .Report_slider_list .Report_slider_item.active .Report_slider_item_img:after {
    opacity: 0
}

@media(max-width: 992px) {
    .awards-container .Report_slider_list .Report_slider_item {
        min-width: 100%;
        max-width: 100%;
        gap: 15px
    }

    .awards-container .Report_slider_list {
        flex-direction: column
    }

        .awards-container .Report_slider_list .Report_slider_item, .awards-container .Report_slider_list .Report_slider_item.active {
            min-width: 100%;
            max-width: 100%;
            flex-direction: column
        }

            .awards-container .Report_slider_list .Report_slider_item.active .Report_slider_item_img, .awards-container .Report_slider_list .Report_slider_item .Report_slider_item_img {
                width: 100%
            }

                .awards-container .Report_slider_list .Report_slider_item.active .Report_slider_item_img h3.title {
                    top: 50%;
                    left: 50%
                }

            .awards-container .Report_slider_list .Report_slider_item.active .Report_slider_item_info {
                width: 100%;
                align-self: inherit;
                padding: 10px 0px;
                height: auto
            }

            .awards-container .Report_slider_list .Report_slider_item .Report_slider_item_info {
                transition-delay: .5s;
                transition-property: height
            }

            .awards-container .Report_slider_list .Report_slider_item .Report_slider_item_info {
                height: 0;
                padding: 0
            }
}

@media(min-width: 992px)and (max-width: 992px) {
    .awards-container .Report_slider_list .Report_slider_item {
        min-width: 23%;
        max-width: 23%;
        gap: 0px
    }

    .awards-container .Report_slider_list {
        gap: 10px
    }

        .awards-container .Report_slider_list .Report_slider_item.active {
            min-width: 54%;
            max-width: 54%;
            gap: 10px
        }
}

.awards-container .awards-goal {
    padding: 6.25rem 0
}

@media(max-width: 1200px) {
    .awards-container .awards-goal .goal_wrapper {
        grid-template-columns: repeat(auto-fill, minmax(15.625rem, 1fr)) !important
    }
}

@media(max-width: 922px) {
    .awards-container .awards-goal {
        padding: inherit;
        background: rgba(0,0,0,0);
        padding: 20px !important;
        border-radius: 20px
    }

        .awards-container .awards-goal .goal_wrapper {
            grid-template-columns: repeat(auto-fill, minmax(15.625rem, 1fr)) !important
        }
}

.awards-container .awards-goal .goal_wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10.25rem, 1fr));
    gap: 4.125rem;
    flex-wrap: wrap;
    margin-top: 3.125rem
}

@media(max-width: 1400px) {
    .awards-container .awards-goal .goal_wrapper {
        gap: 3.125rem
    }
}

.awards-container .awards-goal .goal_wrapper_wrapper {
    position: relative;
    padding-bottom: 20px;
    transition: all .3s ease-in-out
}

@media(max-width: 992px) {
    .awards-container .awards-goal .goal_wrapper_wrapper {
        display: flex;
        flex-direction: column;
        align-items: center
    }
}

.awards-container .awards-goal .goal_wrapper_wrapper:hover .img_wrapper {
    margin-top: -10px
}

.awards-container .awards-goal .goal_wrapper_wrapper:last-child::after {
    display: none
}

.awards-container .awards-goal .goal_wrapper_wrapper::after {
    content: "";
    width: .5px;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    inset-inline-end: -16px;
    background-color: #fff
}

@media(max-width: 1232px) {
    .awards-container .awards-goal .goal_wrapper_wrapper::after {
        display: none
    }
}

.awards-container .awards-goal .goal_wrapper_wrapper .img_wrapper {
    transition: all .3s ease-in-out
}

    .awards-container .awards-goal .goal_wrapper_wrapper .img_wrapper img {
        width: 75px;
        height: 70px;
        -o-object-fit: fill;
        object-fit: fill
    }

.awards-container .awards-goal .goal_wrapper_wrapper .value_desc {
    color: #fff;
    font-size: 1rem;
    margin-top: 20px;
    line-height: 2;
    font-family: "IBMPlexSansArabic-Medium"
}

@media(max-width: 992px) {
    .awards-container .awards-goal .goal_wrapper_wrapper .value_desc {
        text-align: center
    }
}

.awards-container .awards-timeline {
    padding: 100px 0
}

.awards-container .awards-timeline_slider {
    padding: 1.875rem 20px 60px 20px;
    background-color: hsla(0,0%,100%,.8);
    border-radius: 25px;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px)
}

@media(max-width: 922px) {
    .awards-container .awards-timeline_slider {
        background-color: #fff
    }
}

.awards-container .awards-timeline_slider .swiper-horizontal > .swiper-pagination-bullets, .awards-container .awards-timeline_slider .swiper-pagination-bullets.swiper-pagination-horizontal, .awards-container .awards-timeline_slider .swiper-pagination-custom, .awards-container .awards-timeline_slider .swiper-pagination-fraction {
    bottom: 20px
}

.awards-container .awards-timeline_slider .active {
    background-color: rgba(192,217,250,.61);
    border: 1px solid #1b8354 !important;
    border-radius: 12px
}

@keyframes pulse {
    0% {
        opacity: .5;
        transform: scale(1)
    }

    50% {
        opacity: .5
    }

    70% {
        opacity: .5
    }

    100% {
        transform: scale(1.5);
        opacity: 1
    }

    0% {
        opacity: .5;
        transform: scale(1)
    }
}

.awards-container .awards-timeline_slider .active .circle {
    background-color: rgba(0,0,0,0) !important
}

    .awards-container .awards-timeline_slider .active .circle::before {
        background-image: url("../images/awards/home/timeline/active-line.svg");
        background-color: rgba(0,0,0,0);
        content: "";
        width: 25px;
        height: 24px;
        display: block;
        background-size: 30px 23px;
        background-repeat: no-repeat;
        position: absolute;
        top: -8px;
        background-position: center;
        animation: pulse 2s linear infinite
    }

.awards-container .awards-timeline_slider .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: all .3s ease-in-out;
    padding: 40px 0;
    border: 1px solid rgba(0,0,0,0)
}

    .awards-container .awards-timeline_slider .swiper-slide:last-child .circle:after, .awards-container .awards-timeline_slider .swiper-slide:nth-child(5) .circle:after {
        display: none
    }

    .awards-container .awards-timeline_slider .swiper-slide .img_wrapper {
        background-color: rgba(111,179,134,.11);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100px;
        height: 100px
    }

        .awards-container .awards-timeline_slider .swiper-slide .img_wrapper img {
            width: 40px;
            height: 40px
        }

    .awards-container .awards-timeline_slider .swiper-slide .stage {
        display: flex;
        background-color: #6fb386;
        color: #fff;
        border-radius: 1.25rem;
        padding: .3125rem .5rem;
        gap: 10px;
        font-family: "IBMPlexSansArabic-Medium";
        position: relative;
        top: -12px;
        transition: all .3s ease-in-out
    }

    .awards-container .awards-timeline_slider .swiper-slide .stage_name {
        margin-inline-start: 10px
    }

    .awards-container .awards-timeline_slider .swiper-slide .stage_number {
        border-radius: 50%;
        background-color: #1b8354;
        padding: 0px 9px
    }

    .awards-container .awards-timeline_slider .swiper-slide .circle {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #6fb386;
        margin: 15px 0 15px 0;
        z-index: 1;
        position: relative
    }

@media(max-width: 1300px) {
    .awards-container .awards-timeline_slider .swiper-slide .circle {
        display: none
    }
}

.awards-container .awards-timeline_slider .swiper-slide .circle:last-child::after {
    display: none
}

.awards-container .awards-timeline_slider .swiper-slide .circle::after {
    content: "";
    background-image: url("../images/awards/home/timeline/dashed-line.svg");
    width: 240px;
    height: 5px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    top: 2px;
    z-index: 0;
    inset-inline-start: 15px
}

@media(max-width: 1400px) {
    .awards-container .awards-timeline_slider .swiper-slide .circle::after {
        width: 220px
    }
}

.awards-container .awards-timeline_slider .swiper-slide .data {
    font-size: 1.125rem
}

    .awards-container .awards-timeline_slider .swiper-slide .data .desc {
        font-family: "IBMPlexSansArabic-Medium";
        color: #6fb386;
        margin-bottom: 0
    }

    .awards-container .awards-timeline_slider .swiper-slide .data .date {
        font-family: "IBMPlexSansArabic-Bold";
        text-align: center
    }

.awards-container .awards-tab {
    margin: 6.25rem 0;
    position: relative;
    z-index: 9
}

    .awards-container .awards-tab:after {
        content: "";
        left: -15px;
        right: -15px;
        display: block;
        width: 120%;
        height: 103%;
        background-color: #e9f0f8;
        position: absolute;
        z-index: -1;
        top: -110px;
        inset-inline-start: -40px;
        inset-inline-end: -40px
    }

@media(max-width: 768px) {
    .awards-container .awards-tab:after {
        top: -80px
    }
}

@media(min-width: 992px) {
    .awards-container .awards-tab:after {
        display: none
    }
}

.awards-container .awards-tab .card {
    background-color: rgba(0,0,0,0);
    border: 0;
    padding: 0
}

.awards-container .awards-tab .nav-tabs:not(.card-tabs,.tabs-with-img,.details-tab) .nav-link.active {
    background-color: var(--color-success);
    border-color: var(--color-success);
    color: #fff
}

.awards-container .awards-tab .nav-tabs:not(.card-tabs,.tabs-with-img,.details-tab) {
    flex-wrap: nowrap;
    gap: 16px;
    padding: 8px 12px;
    background-color: rgba(0,0,0,0);
    border: 0;
    border-radius: 0;
    overflow-x: auto;
    overflow-y: hidden;
    justify-content: center
}

    .awards-container .awards-tab .nav-tabs:not(.card-tabs,.tabs-with-img,.details-tab) .nav-link {
        display: flex;
        align-items: center;
        width: 100%;
        gap: 8px;
        padding: 30px 40px;
        height: 44px;
        white-space: nowrap;
        background-color: rgba(0,0,0,0);
        color: var(--color-success);
        font-family: "IBMPlexSansArabic-Bold";
        font-size: 1.125rem;
        transition: all .3s ease-in-out;
        border-radius: 40px;
        border: 1px solid var(--color-success);
        justify-content: center
    }

.awards-container .awards-tab .nav-link:hover {
    background-color: #fff !important;
    color: var(--color-success) !important
}

.awards-container .awards-tab .tab-card {
    background-color: #fff;
    padding: 40px 24px 32px;
    color: var(--color-text-color);
    border: 1px solid #1b8354;
    border-radius: 24px;
    align-items: start;
    height: 100%
}

    .awards-container .awards-tab .tab-card .img-wrapper {
        width: 75px;
        height: 60px
    }

        .awards-container .awards-tab .tab-card .img-wrapper img {
            width: 100%;
            height: 100%
        }

    .awards-container .awards-tab .tab-card .title {
        font-family: "IBMPlexSansArabic-Bold";
        margin: 15px 0 20px 0
    }

    .awards-container .awards-tab .tab-card .desc {
        min-height: 70px
    }

@media(max-width: 1300px) {
    .awards-container .awards-tab .tab-card .desc {
        min-height: 120px
    }
}

@media(max-width: 992px) {
    .awards-container .awards-tab .tab-card .desc {
        min-height: auto
    }
}

.awards-container .awards-tab .tab-card .tabs_footer .form-actions {
    justify-content: center
}

    .awards-container .awards-tab .tab-card .tabs_footer .form-actions > div {
        width: 100%
    }

@media(max-width: 576px) {
    .awards-container .awards-tab .tab-card .tabs_footer .form-actions > div {
        flex-direction: column;
        gap: 15px !important
    }
}

.awards-container .awards-tab .tab-card .tabs_footer .form-actions .btn {
    padding: 12px 40px 12px 40px;
    font-size: .875rem
}

@media(max-width: 1400px) {
    .awards-container .awards-tab .tab-card .tabs_footer .form-actions .btn {
        padding: 12px 14px 12px 14px
    }
}

@media(max-width: 992px) {
    .awards-container .awards-tab .tab-card .tabs_footer .form-actions .btn {
        padding: 12px 40px 12px 40px
    }
}

.awards-container .awards-tab .tab-card .tabs_footer .form-actions .btn img {
    width: 15px
}

.awards-container .awards-tab .tab-card .tabs_footer .form-actions .btn:hover img {
    filter: brightness(0) invert(1)
}

.awards-container .awards-faq {
    position: relative;
    z-index: 9
}

@media(max-width: 992px) {
    .awards-container .awards-faq {
        background: #fff;
        padding: 3px 15px;
        border-radius: 15px
    }
}

.awards-container .awards-faq .accordion-wrapper .accordion {
    height: 460px;
    overflow: scroll;
    overflow-x: hidden;
    padding-inline-end: 25px
}

@media(max-width: 992px) {
    .awards-container .awards-faq .accordion-wrapper .accordion {
        height: 365px
    }
}

.awards-container .awards-faq .accordion-wrapper .accordion .accordion-item {
    padding: 1rem 0;
    background-color: rgba(0,0,0,0);
    margin-bottom: 0;
    border-bottom: 1px solid rgba(27,131,84,.3);
    border-radius: 0
}

    .awards-container .awards-faq .accordion-wrapper .accordion .accordion-item:last-child {
        border-bottom: 0
    }

    .awards-container .awards-faq .accordion-wrapper .accordion .accordion-item .accordion-button {
        font-family: "IBMPlexSansArabic-Medium";
        padding: 0;
        background-color: rgba(0,0,0,0)
    }

        .awards-container .awards-faq .accordion-wrapper .accordion .accordion-item .accordion-button .title {
            transition: all .3s ease-in-out
        }

@media(max-width: 992px) {
    .awards-container .awards-faq .accordion-wrapper .accordion .accordion-item .accordion-button .title {
        font-size: 1.125rem
    }
}

.awards-container .awards-faq .accordion-wrapper .accordion .accordion-item .accordion-button .title:hover {
    margin-inline-start: 15px
}

.awards-container .awards-contact {
    margin: 6.25rem 0;
    position: relative;
    z-index: 9
}

    .awards-container .awards-contact .form-group {
        margin-bottom: 15px
    }

@media(max-width: 922px) {
    .awards-container .awards-contact .page-title {
        color: #fff
    }
}

@media(max-width: 992px) {
    .awards-container .awards-contact_wrapper > row {
        gap: 30px
    }
}

.awards-container .awards-contact_wrapper_info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.25rem;
    background-color: #fff;
    padding: 40px 24px 32px;
    color: var(--color-text-color);
    border: 1px solid #1b8354;
    border-radius: 24px;
    background-image: url("../images/awards/home/contact/bg.svg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    height: 100%;
    overflow: hidden
}

    .awards-container .awards-contact_wrapper_info:after {
        content: "";
        width: 200%;
        height: 100%;
        position: absolute;
        top: 0px;
        background: #fff;
        background: -webkit-gradient(linear, left top, right top, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
        z-index: -1;
        transform: rotate(90deg)
    }

    .awards-container .awards-contact_wrapper_info .img_wrapper {
        width: 80px;
        height: 70px
    }

        .awards-container .awards-contact_wrapper_info .img_wrapper img {
            width: 100%;
            height: 100%
        }

    .awards-container .awards-contact_wrapper_info .data {
        font-size: 1.25rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-family: "IBMPlexSansArabic-Medium"
    }

        .awards-container .awards-contact_wrapper_info .data a {
            transition: all .3s ease-in-out
        }

            .awards-container .awards-contact_wrapper_info .data a:hover {
                opacity: .6
            }

.awards-container .awards-contact_wrapper_contact {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.25rem;
    background-color: hsla(0,0%,100%,.26);
    padding: 40px 24px 32px;
    color: var(--color-text-color);
    border: 1px solid #1b8354;
    border-radius: 24px;
    background-color: hsla(0,0%,100%,.26)
}

@media(max-width: 992px) {
    .awards-container .awards-contact_wrapper_contact {
        background-color: #fff;
        margin: 20px 0
    }
}

#divSearchResults.list-view.results {
    line-height: 2.2
}

    #divSearchResults.list-view.results .search-result-title {
        font-family: "IBMPlexSansArabic-Bold";
        margin-top: 30px;
        font-size: 1.25rem;
        margin: 0;
        padding-inline-start: 20px
    }

    #divSearchResults.list-view.results a {
        color: #1b8354;
        font-family: "IBMPlexSansArabic-Bold";
        transition: all .3s ease-in-out
    }

        #divSearchResults.list-view.results a:is(:hover) {
            color: #54c08a;
            text-decoration: underline
        }

            #divSearchResults.list-view.results a:is(:hover) svg path {
                fill: var(--color-primary)
            }

        #divSearchResults.list-view.results a:is(:active,:focus) {
            color: #88d8ad;
            text-decoration: underline
        }

            #divSearchResults.list-view.results a:is(:active,:focus) svg path {
                fill: var(--color-primary)
            }

@media(max-width: 576px) {
    .fc .fc-view-harness-active > .fc-view {
        position: relative
    }

    .fc-theme-standard td, .fc-theme-standard th {
        width: auto
    }

    .fc .fc-scrollgrid, .fc .fc-scrollgrid table {
        table-layout: fixed;
        width: 100%
    }

    .fc .fc-daygrid-day-number {
        font-family: "IBMPlexSansArabic-Bold";
        font-size: 1.125rem;
        color: var(--color-text-color);
        text-align: center
    }

    .fc-daygrid-day-frame {
        background-color: #fff;
        border-radius: 0 !important;
        padding: 8px !important;
        min-height: auto
    }

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

    .fc-direction-rtl .fc-scroller-harness > .fc-scroller {
        padding-inline-end: 0 !important
    }
}

#calendar .fc td, #calendar .fc th {
    padding: 0;
    vertical-align: middle
}

.fc .fc-scrollgrid-section-body table, .fc .fc-scrollgrid-section-footer table {
    border-bottom-style: hidden;
    width: 100% !important
}

.fc .fc-daygrid-day-top {
    display: flex;
    flex-direction: row;
    justify-content: start
}

.strategy_section .values {
    margin: 100px 40px
}

@media(max-width: 1200px) {
    .strategy_section .values {
        margin: 0
    }
}

.strategy_section .values_images {
    display: flex;
    gap: 12px
}

@media(max-width: 1200px) {
    .strategy_section .values_images {
        margin-bottom: 15px;
        justify-content: center
    }
}

.strategy_section .values_images:hover .values_images_img:first-child {
    position: relative;
    top: 70px
}

@media(max-width: 1200px) {
    .strategy_section .values_images:hover .values_images_img:first-child {
        position: relative;
        top: 0
    }
}

.strategy_section .values_images:hover .values_images_img:last-child {
    position: relative;
    top: -30px
}

@media(max-width: 1200px) {
    .strategy_section .values_images:hover .values_images_img:last-child {
        position: relative;
        top: 0
    }
}

.strategy_section .values_images_img {
    width: 300px;
    min-height: 400px;
    border-radius: 18px;
    overflow: hidden;
    position: relative;
    transition: all .5s ease-in-out
}

@media(max-width: 1200px) {
    .strategy_section .values_images_img {
        min-height: 200px
    }
}

.strategy_section .values_images_img:after {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(46,98,165,0.6196078431);
    content: "";
    z-index: 0;
    border-radius: 8px;
    transition: .3s ease-in-out
}

.strategy_section .values_images_img:first-child {
    position: relative;
    top: 40px
}

@media(max-width: 1200px) {
    .strategy_section .values_images_img:first-child {
        position: relative;
        top: 0
    }
}

.strategy_section .values_images_img:last-child {
    position: relative;
    top: 0px
}

@media(max-width: 1200px) {
    .strategy_section .values_images_img:last-child {
        position: relative;
        top: 0
    }
}

.strategy_section .values_images_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.strategy_section .values_wrapper {
    display: flex;
    flex-direction: column;
    gap: 88px
}

@media(max-width: 1200px) {
    .strategy_section .values_wrapper {
        gap: 49px;
        margin-top: 20px
    }
}

.strategy_section .values_wrapper_info {
    display: flex;
    align-items: baseline;
    gap: 25px
}

@media(max-width: 1200px) {
    .strategy_section .values_wrapper_info {
        flex-direction: column;
        align-items: self-start
    }
}

.strategy_section .values_wrapper_info .values_info_icon {
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative
}

    .strategy_section .values_wrapper_info .values_info_icon:after {
        position: absolute;
        width: 40%;
        height: 3px;
        inset-inline-start: 0;
        bottom: -15px;
        background: #6fb386;
        content: "";
        z-index: 0;
        border-radius: 0px;
        transition: .3s ease-in-out
    }

    .strategy_section .values_wrapper_info .values_info_icon::before {
        position: absolute;
        width: 100%;
        height: 1px;
        inset-inline-start: 0;
        bottom: -14px;
        background: #6fb386;
        content: "";
        z-index: 0;
        border-radius: 0px;
        transition: .3s ease-in-out
    }

    .strategy_section .values_wrapper_info .values_info_icon .image-icon {
        width: 40px;
        height: 40px
    }

        .strategy_section .values_wrapper_info .values_info_icon .image-icon img {
            width: 100%;
            height: 100%
        }

    .strategy_section .values_wrapper_info .values_info_icon .data-icon {
        font-family: "IBMPlexSansArabic-Bold";
        font-size: 1.25rem
    }

.strategy_section .values_wrapper_info .values_info_desc {
    color: #808285
}

.strategy_section .values-data {
    margin: 0 40px
}

@media(max-width: 1200px) {
    .strategy_section .values-data {
        margin: 0
    }
}

.strategy_section .values-data .card-values {
    margin-bottom: 24px
}

    .strategy_section .values-data .card-values:hover .desc {
        display: block;
        opacity: 1;
        color: #fff
    }

    .strategy_section .values-data .card-values:hover .title {
        font-size: 1.25rem;
        font-family: "IBMPlexSansArabic-Bold";
        transform: translate(0, -15px);
        color: #fff
    }

@media(max-width: 992px) {
    .strategy_section .values-data .card-values:hover .title {
        transform: translate(0, 0px);
        font-size: 1.5625rem
    }
}

.strategy_section .values-data .card-values:hover .icon-wrapper::after {
    background-color: #fff
}

.strategy_section .values-data .card-values:hover:nth-child(4n+1) .values-data_wrapper {
    background-color: #1b8354
}

.strategy_section .values-data .card-values:hover:nth-child(4n+2) .values-data_wrapper {
    background-color: #074d31
}

.strategy_section .values-data .card-values:hover:nth-child(4n+3) .values-data_wrapper {
    background-color: #808285
}

.strategy_section .values-data .card-values:hover:nth-child(4n+4) .values-data_wrapper {
    background-color: #6fb386
}

.strategy_section .values-data .card-values:nth-child(4n+1) .values-data_wrapper .icon-wrapper {
    background-color: #1b8354
}

.strategy_section .values-data .card-values:nth-child(4n+2) .values-data_wrapper .icon-wrapper {
    background-color: #074d31
}

.strategy_section .values-data .card-values:nth-child(4n+3) .values-data_wrapper .icon-wrapper {
    background-color: #808285
}

.strategy_section .values-data .card-values:nth-child(4n+4) .values-data_wrapper .icon-wrapper {
    background-color: #6fb386
}

.strategy_section .values-data_wrapper {
    display: flex;
    border: 1px solid #808285;
    border-radius: 12px;
    overflow: hidden;
    background-color: hsla(0,0%,100%,.6);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    transition: all .3s ease-in-out
}

    .strategy_section .values-data_wrapper .icon-wrapper {
        padding: 40px 40px 32px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 10px;
        position: relative
    }

@media(max-width: 1200px) {
    .strategy_section .values-data_wrapper .icon-wrapper {
        padding: 40px 25px 32px
    }
}

.strategy_section .values-data_wrapper .icon-wrapper:after {
    position: absolute;
    width: 1px;
    height: 65%;
    inset-inline-end: 0;
    top: 0px;
    background: rgba(0,0,0,0);
    content: "";
    z-index: 0;
    border-radius: 0px;
    transition: .3s ease-in-out;
    top: 50%;
    transform: translate(50%, -50%)
}

.strategy_section .values-data_wrapper .icon-wrapper .icon {
    width: 40px;
    height: 40px
}

    .strategy_section .values-data_wrapper .icon-wrapper .icon img {
        width: 100%;
        height: 100%
    }

.strategy_section .values-data_wrapper .icon-wrapper .info {
    color: #fff
}

.strategy_section .values-data_wrapper .data {
    padding: 0px 24px 0px 24px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

    .strategy_section .values-data_wrapper .data .title {
        font-size: 1.5625rem;
        font-family: "IBMPlexSansArabic-Bold";
        transition: all .3s ease-in-out;
        margin: 0;
        transform: translate(0, 0px)
    }

@media(max-width: 992px) {
    .strategy_section .values-data_wrapper .data .title {
        margin-bottom: 15px
    }
}

.strategy_section .values-data_wrapper .data .desc {
    display: none;
    opacity: 0;
    transition: all .3s ease-in-out;
    margin: 0;
    font-size: .875rem
}

@media(max-width: 992px) {
    .strategy_section .values-data_wrapper .data .desc {
        display: block;
        opacity: 1
    }
}

.strategy_section .objectives {
    margin: 0 40px
}

@media(max-width: 1200px) {
    .strategy_section .objectives {
        margin: 0
    }
}

.strategy_section .objectives_wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between
}

@media(max-width: 768px) {
    .strategy_section .objectives_wrapper {
        flex-direction: column;
        align-items: start
    }
}

.strategy_section .objectives_wrapper_card {
    flex-basis: 26.6666666667%
}

@media(max-width: 768px) {
    .strategy_section .objectives_wrapper_card {
        width: 100%;
        flex-basis: 100%
    }
}

.strategy_section .objectives_wrapper_card:hover .number span {
    color: #6fb386;
    -webkit-text-fill-color: #6fb386;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #6fb386
}

.strategy_section .objectives_wrapper_card:hover .number:after {
    width: 100%
}

@media(max-width: 992px) {
    .strategy_section .objectives_wrapper_card:hover .number:after {
        width: 80px
    }
}

.strategy_section .objectives_wrapper_card .number {
    position: relative
}

    .strategy_section .objectives_wrapper_card .number span {
        color: #6fb386;
        -webkit-text-fill-color: rgba(0,0,0,0);
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #6fb386;
        font-size: 4.375rem;
        transition: all .2s ease-in-out
    }

    .strategy_section .objectives_wrapper_card .number:after {
        position: absolute;
        width: 15%;
        height: 3px;
        inset-inline-start: 0;
        bottom: -5px;
        background: #6fb386;
        content: "";
        z-index: 0;
        border-radius: 0px;
        transition: .3s ease-in-out
    }

    .strategy_section .objectives_wrapper_card .number::before {
        position: absolute;
        width: 100%;
        height: 1px;
        inset-inline-start: 0;
        bottom: -4px;
        background: #6fb386;
        content: "";
        z-index: 0;
        border-radius: 0px;
        transition: .3s ease-in-out
    }

@media(max-width: 768px) {
    .strategy_section .objectives_wrapper_card .number::before {
        width: 13%
    }
}

.strategy_section .objectives_wrapper_card .desc {
    margin-top: 30px
}

.strategy_section .strategic_values {
    margin: 0 40px
}

@media(max-width: 1200px) {
    .strategy_section .strategic_values {
        margin: 0
    }
}

.strategy_section .strategic_values_items {
    display: flex;
    gap: 24px
}

.strategy_section .strategic_values_items_wrapper {
    flex: 1
}

.strategy_section .strategic_values_items_wrapper_header {
    border: 1px solid #808285;
    border-radius: 20px;
    padding: 15px 25px;
    font-family: "IBMPlexSansArabic-Bold";
    margin-bottom: 20px
}

.strategy_section .strategic_values_items_wrapper_body {
    border: 1px solid #808285;
    border-radius: 20px;
    padding: 15px 25px
}

.answer-list {
    gap: 20px
}

    .answer-list .form-check:not(.form-switch) .form-check-input[type=radio]:checked + .form-check-label.circle-outline::after {
        display: none
    }

@media(max-width: 576px) {
    .events-list-page.fc .fc-daygrid-body {
        overflow: auto
    }

    .events-list-page .fc .fc-view-harness-active > .fc-view {
        overflow: auto
    }

    .events-list-page .fc .fc-daygrid-body {
        overflow: auto
    }
}

.fc .fc-scroller {
    overflow: auto
}

.fc-theme-standard td, .fc-theme-standard th {
    width: auto
}

@media(max-width: 767.98px) {
    .fc-theme-standard td, .fc-theme-standard th {
        width: auto
    }
}

@media(max-width: 576px) {
    .MsoNormalTable {
        width: 100% !important
    }

    .fc-view-harness {
        height: 500px !important
    }
}

@media(max-width: 576px) {
    .events-list-page .fc .fc-view-harness-active > .fc-view {
        overflow: scroll;
        height: 100%
    }
}

.fc-direction-rtl .fc-scroller-harness > .fc-scroller {
    direction: rtl;
    overflow: scroll
}

.fc .fc-daygrid-body {
    position: relative;
    z-index: 1
}

.fc .fc-dayGridMonth-view .fc-daygrid-body {
    width: -moz-fit-content !important;
    width: fit-content !important
}

.fc-theme-standard td, .fc-theme-standard th {
    vertical-align: middle
}

@media(max-width: 576px) {
    .header__top .container-fluid {
        padding: 0
    }

    .header__top .header-actions {
        gap: 0px
    }

    .header__top .header-actions__item:not(:first-of-type) {
        padding-inline-start: 6px
    }

        .header__top .header-actions__item:not(:first-of-type)::before {
            display: none
        }
}

@media(max-width: 992px) {
    .header-actions {
        gap: 0px
    }

    .header-actions__item:not(:first-of-type)::before {
        display: none
    }

    .header-actions__item:not(:first-of-type) {
        padding-inline-start: 10px
    }
}

[dir=ltr] .ms-auto, [dir=ltr] .ms-sm-auto {
    margin-left: auto !important;
    margin-right: 0 !important
}

@media(min-width: 768px) {
    [dir=ltr] .ms-md-auto {
        margin-left: auto !important;
        margin-right: 0 !important
    }
}

.last-editwith-border {
    background-color: #fff
}

    .last-editwith-border .last-edit {
        padding: 15px 0
    }

@media(max-width: 992px) {
    .last-editwith-border .last-edit {
        justify-content: center !important;
        flex-direction: column
    }
}

.last-editwith-border .last-edit .views {
    font-family: "IBMPlexSansArabic-Regular";
    font-size: .875rem
}

@media(max-width: 992px) {
    .last-editwith-border .last-edit .views {
        text-align: center;
        margin-top: 15px
    }
}

.last-editwith-border .last-edit .views .views-text {
    color: #161616
}

.last-editwith-border .last-edit p {
    margin-bottom: 0 !important;
    color: #161616;
    font-family: "IBMPlexSansArabic-Regular";
    font-size: .875rem
}

.last-edit {
    padding: 15px 0
}

@media(max-width: 992px) {
    .last-edit {
        justify-content: center !important
    }
}

.last-edit p {
    margin-bottom: 0;
    color: #161616;
    font-family: "IBMPlexSansArabic-Regular";
    font-size: .875rem
}

@media(max-width: 992px) {
    .last-edit p {
        text-align: center
    }
}

.rules {
    font-family: "IBMPlexSansArabic-Regular";
    color: #161616;
    font-size: 1.125rem;
    position: relative;
    top: -60px;
    pointer-events: none
}

    .rules p {
        margin: 0
    }

@media(max-width: 992px) {
    .rules p {
        text-align: center
    }
}

@media(max-width: 992px) {
    .rules {
        top: 0;
        padding: 15px 0;
        text-align: center
    }
}

.rules .underline {
    transition: all .3s ease-in-out;
    color: #1b8354;
    text-decoration: underline;
    pointer-events: all;
    margin: 0 5px
}

    .rules .underline:hover {
        color: #54c08a
    }

.dropdown:has(.dropdown-menu):not(.page-actions .dropdown) {
    position: static
}

@media(min-width: 960px) {
    .dropdown:has(.dropdown-menu):not(.page-actions .dropdown) {
        position: relative
    }
}

.program-products {
    background-color: #f7fdf9;
    padding: 40px 0
}

@media(max-width: 768px) {
    .program-products {
        padding-left: var(--bs-gutter-x, 0.75rem);
        padding-right: var(--bs-gutter-x, 0.75rem)
    }
}

.program-products .program-slider {
    margin-top: 1.875rem
}

    .program-products .program-slider .about-swiper__footer {
        justify-content: center !important
    }

    .program-products .program-slider .swiper-pagination .swiper-pagination-bullet {
        border: 2px solid #d2d6db;
        margin: 0 10px
    }

        .program-products .program-slider .swiper-pagination .swiper-pagination-bullet::after {
            background-color: #fff
        }

        .program-products .program-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
            background-color: #1b8354
        }

        .program-products .program-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
            outline: 2px solid #1b8354
        }

.program-products input[type=radio] {
    position: relative
}

.about-swiper__footer {
    margin: 25px 0
}

@media(max-width: 575.98px) {
    .programs-tabs .nav-item .nav-link {
        width: -moz-fit-content !important;
        width: fit-content !important;
        justify-content: center;
        padding: 8px 10px 12px !important;
        margin: auto
    }
}

@media(max-width: 575.98px)and (max-width: 767.98px) {
    .programe-details .flex-container {
        flex-direction: row
    }
}

.rs_addtools, .rsbtn {
    width: 100% !important;
    height: 100% !important;
    margin-bottom: 0 !important
}

.about {
    position: relative;
    z-index: 9
}

    .about .about-card__body {
        min-height: 280px
    }

.contact {
    padding-bottom: 80px
}

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

@media(max-width: 992px) {
    .contact .inner-card-wrapper {
        justify-content: center
    }

        .contact .inner-card-wrapper .desc, .contact .inner-card-wrapper .description {
            text-align: center
        }
}

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

@media(max-width: 992px) {
    .contact .inner-card-wrapper .about-card {
        flex-basis: calc(50% - 40px)
    }
}

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

.contact .inner-card-wrapper .about-card .description {
    -webkit-line-clamp: 3
}

.contact .inner-card-wrapper .about-card .item-description {
    color: #1f2a37
}

.contact .inner-card-wrapper .about-card__body {
    height: 70%
}

@media(max-width: 992px) {
    .contact .inner-card-wrapper .about-card__body {
        justify-content: start;
        height: auto
    }
}

.contact .inner-card-wrapper .card-without-caption .about-card__body {
    min-height: 60%
}

@media(max-width: 992px) {
    .contact .inner-card-wrapper .card-without-caption .about-card__body {
        justify-content: start;
        min-height: auto
    }
}

.social-media {
    padding: 80px 0
}

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

@media(max-width: 1200px) {
    .social-media .inner-card-wrapper {
        justify-content: center
    }
}

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

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

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

.social-media .inner-card-wrapper .about-card .description {
    -webkit-line-clamp: 3
}

.landing .about-card__body, .social-media .about-card__body {
    min-height: 185px !important
}

.who-we-are, .landing, .customer-voice {
    padding-bottom: 80px
}

    .who-we-are .inner-card-wrapper, .landing .inner-card-wrapper, .customer-voice .inner-card-wrapper {
        gap: 31px;
        flex-wrap: wrap
    }

@media(max-width: 1200px) {
    .who-we-are .inner-card-wrapper, .landing .inner-card-wrapper, .customer-voice .inner-card-wrapper {
        justify-content: center
    }
}

.who-we-are .inner-card-wrapper .about-card, .landing .inner-card-wrapper .about-card, .customer-voice .inner-card-wrapper .about-card {
    flex-basis: calc(25% - 25px);
    height: auto;
    padding: 0
}

@media(max-width: 1200px) {
    .who-we-are .inner-card-wrapper .about-card, .landing .inner-card-wrapper .about-card, .customer-voice .inner-card-wrapper .about-card {
        flex-basis: calc(33.3333333333% - 31px)
    }
}

@media(max-width: 992px) {
    .who-we-are .inner-card-wrapper .about-card, .landing .inner-card-wrapper .about-card, .customer-voice .inner-card-wrapper .about-card {
        flex-basis: calc(50% - 31px)
    }
}

@media(max-width: 768px) {
    .who-we-are .inner-card-wrapper .about-card, .landing .inner-card-wrapper .about-card, .customer-voice .inner-card-wrapper .about-card {
        flex-basis: calc(100% - 31px)
    }
}

.who-we-are .inner-card-wrapper .about-card .description, .landing .inner-card-wrapper .about-card .description, .customer-voice .inner-card-wrapper .about-card .description {
    -webkit-line-clamp: 3
}

.establishment {
    font-family: "IBMPlexSansArabic-Regular";
    font-size: 1.125rem;
    padding-bottom: 40px
}

.establishment_wrapper {
    padding-inline-start: 15px
}

.establishment_list {
    font-family: "IBMPlexSansArabic-Regular";
    font-size: 1rem;
    color: #161616 !important
}

    .establishment_list li {
        margin: 15px 0;
        margin-inline-start: 20px;
        position: relative
    }

        .establishment_list li:before {
            content: "";
            background-color: #161616;
            position: absolute;
            inset-inline-start: -20px;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            top: 50%;
            inset-inline-end: 50%;
            transform: translate(-50%, -50%)
        }

.establishment_desc {
    color: #161616
}

.customer-voice {
    margin: 40px 0;
    padding-bottom: 10px
}

    .customer-voice .desc {
        color: #1f2a37;
        display: -webkit-box;
        -webkit-line-clamp: inherit;
        -webkit-box-orient: vertical;
        line-height: 1.7;
        overflow: hidden;
        word-wrap: break-word;
        text-overflow: ellipsis;
        font-size: 1rem;
        visibility: visible
    }

    .customer-voice .select_wrapper {
        gap: 30px
    }

    .customer-voice .inner-card-wrapper {
        margin: 30px 0
    }

    .customer-voice .about-card__footer {
        width: -moz-fit-content;
        width: fit-content
    }

        .customer-voice .about-card__footer .btn-primary {
            display: flex;
            justify-content: center;
            align-items: center
        }

            .customer-voice .about-card__footer .btn-primary img {
                margin-inline-end: 10px
            }

    .customer-voice .inner-card-wrapper {
        gap: 40px;
        flex-wrap: wrap
    }

@media(max-width: 1200px) {
    .customer-voice .inner-card-wrapper {
        justify-content: center;
        gap: 30px
    }
}

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

@media(max-width: 1200px) {
    .customer-voice .inner-card-wrapper .about-card {
        flex-basis: calc(33.3333333333% - 31px)
    }
}

@media(max-width: 992px) {
    .customer-voice .inner-card-wrapper .about-card {
        flex-basis: calc(50% - 31px)
    }
}

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

.customer-voice .inner-card-wrapper .about-card .description {
    -webkit-line-clamp: 3
}

.landing .about-card__footer, .who-we-are .about-card__footer {
    margin: 35px 16px 30px 16px !important
}

.partnerships-request {
    margin: 40px 0;
    padding-bottom: 10px
}

    .partnerships-request .desc {
        color: #1f2a37;
        display: -webkit-box;
        -webkit-line-clamp: inherit;
        -webkit-box-orient: vertical;
        line-height: 1.7;
        overflow: hidden;
        word-wrap: break-word;
        text-overflow: ellipsis;
        font-size: 1rem;
        visibility: visible;
        margin-bottom: 30px
    }

    .partnerships-request .page-title {
        font-size: 1.5rem
    }

    .partnerships-request p {
        margin: 0
    }

    .partnerships-request .ckeck-list {
        margin: 20px 0 35px 0
    }

    .partnerships-request .form-actions {
        gap: 15px
    }

        .partnerships-request .form-actions .btn-gray {
            padding: 8px 24px 10px 24px
        }

.vision {
    padding-bottom: 100px
}

    .vision .desc {
        -webkit-line-clamp: inherit;
        overflow: visible
    }

    .vision .font-bold, .vision .permision-card__details__caption strong, .permision-card__details__caption .vision strong {
        margin-bottom: 25px
    }

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

@media(max-width: 1200px) {
    .vision .inner-card-wrapper {
        justify-content: center
    }
}

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

.vision .inner-card-wrapper .about-card__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 16px 16px 16px !important
}

@media(max-width: 1200px) {
    .vision .inner-card-wrapper .about-card {
        flex-basis: calc(33.3333333333% - 31px)
    }
}

@media(max-width: 992px) {
    .vision .inner-card-wrapper .about-card {
        flex-basis: calc(50% - 31px)
    }
}

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

.vision .inner-card-wrapper .about-card .description {
    -webkit-line-clamp: 3
}

.vision-2023 {
    padding-bottom: 100px
}

.consultation {
    padding-bottom: 100px
}

@media(max-width: 992px) {
    .consultation .title {
        font-size: 1rem !important
    }
}

.floating-links {
    position: fixed;
    inset-block-end: 40px;
    left: 24px;
    flex-direction: column;
    gap: 12px;
    z-index: 2
}

.floating-links__item .floating-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 40px rgba(0,0,0,.35)
}

    .floating-links__item .floating-link img, .floating-links__item .floating-link svg {
        height: 22px
    }

    .floating-links__item .floating-link:is(:hover,:active,:focus) {
        background-color: var(--color-primary)
    }

        .floating-links__item .floating-link:is(:hover,:active,:focus) svg, .floating-links__item .floating-link:is(:hover,:active,:focus) img {
            filter: brightness(0) invert(1)
        }

.open-data .desc {
    -webkit-line-clamp: initial;
    overflow: visible
}

.open-data .nav-link {
    font-size: 1rem !important
}

@media(max-width: 992px) {
    .open-data .nav-link {
        padding: 8px 7px 12px !important
    }
}

.open-data .nav-tabs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    justify-content: start !important;
    width: -moz-fit-content;
    width: fit-content
}

@media(max-width: 992px) {
    .open-data .nav-tabs {
        margin-bottom: 15px !important;
        justify-content: center !important
    }
}

.open-data .flex-container {
    margin: 0px 0 40px 0
}

.video-page .img-card {
    padding-bottom: 0
}

.item-img {
    position: relative;
    display: inline-block;
    max-height: 600px;
    width: 100%;
    height: 600px;
    margin-inline-end: 24px;
    margin-bottom: 20px;
    border-radius: 0px;
    overflow: hidden
}

@media(max-width: 767.98px) {
    .item-img {
        width: 100%;
        margin-inline-end: 0;
        height: 300px
    }
}

[dir=ltr] .item-img {
    float: left
}

.item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.program-slider .swiper-slide {
    height: auto
}

.program-slider .about-card {
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.branches .branches-list-card .btn-gray {
    width: -moz-fit-content;
    width: fit-content;
    background: #f9fafb
}

    .branches .branches-list-card .btn-gray:hover {
        background-color: rgba(0,0,0,0)
    }

.branches .branches-list-card .branch-number {
    background-color: #f3f4f6;
    border-radius: 8px;
    padding: 5px 10px
}

    .branches .branches-list-card .branch-number:hover {
        background-color: #e5e7eb
    }

.site-statistics .badge {
    padding: 12px 16px !important;
    margin-inline-end: 8px
}

    .site-statistics .badge .circle {
        width: 10px;
        height: 10px;
        background-color: hsla(0,0%,100%,.6);
        border-radius: 25px;
        margin-inline-end: 8px
    }

ul.list-group.list-group-flush.color-black .value {
    text-align: start !important
}

.body-with-select {
    min-height: 260px
}

    .body-with-select .list-group-flush {
        max-height: 280px !important
    }

.gate-header .card-title {
    color: #384250;
    font-size: 1rem;
    margin-bottom: 0
}

.establishment_list.color-success li:before {
    background-color: #6fb386
}

.establishment_list.color-success .redirect-btn {
    color: #6fb386
}

.gate .about-card {
    transition: all .3s ease-in-out;
    border: 1px solid #fff
}

    .gate .about-card:hover {
        border: 1px solid #1b8354
    }

.news-slider .swiper-slide {
    height: auto
}

    .news-slider .swiper-slide .item-title {
        min-height: 91px
    }

.calendars-month .table thead tr th, .calendars-month .table thead tr td, .calendars-month table thead tr th, .calendars-month table thead tr td, .calendars-month .MsoNormalTable thead tr th, .calendars-month .MsoNormalTable thead tr td, .calendars-month table thead tr th, .calendars-month table thead tr td {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important
}

p, ul, ol {
    color: #161616
}

.calendars {
    border: 0;
    width: 100% !important
}

.calendars-popup {
    z-index: 9999;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 24px 48px -12px rgba(16,24,40,.1)
}

.calendars .calendars-nav a.calendars-cmd, .calendars .calendars-ctrl a.calendars-cmd {
    color: #fff
}

.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;
    color: #074d31
}

.calendars-month table {
    border-radius: 0
}

.list-view .img-card {
    margin-bottom: 0
}

.list-view .img-card__img {
    height: 100% !important
}

.open-data-page .btn-primary {
    padding: 8px 15px
}

@media(max-width: 992px) {
    .open-data-page .header-actions {
        gap: 8px;
        justify-content: center !important
    }
}

.nice-select {
    width: 100%;
    height: unset;
    line-height: 1.5;
    text-align: start !important;
    background-image: none;
    border-color: #dcdcdc
}

    .nice-select .nice-select-dropdown {
        inset: unset;
        top: calc(100% + .3125rem);
        inset-inline-start: 0;
        min-width: 100%;
        background-color: #fff;
        border: .0625rem solid #dcdcdc;
        border-radius: 0;
        box-shadow: 0 1.25rem 1.5rem -0.25rem rgba(16,24,40,.08),0 .5rem .5rem -0.25rem rgba(16,24,40,.03);
        padding: 1.25rem;
        margin-top: 0
    }

    .nice-select.open:after {
        display: none
    }

    .nice-select .option {
        text-align: start
    }

    .nice-select:after {
        display: none
    }

.loader {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f9fafb;
    width: 100%;
    height: 100%;
    inset: 0
}

.dga-spinner {
    display: block;
    margin: 0 auto;
    width: 64px;
    height: 64px;
    border: 6px solid #f3f4f6;
    border-radius: 50%;
    border-top-color: #1b8330;
    animation: spin 15s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg)
    }
}

.digital-platforms {
    margin-top: 10px;
    row-gap: 20px
}

    .digital-platforms .img-card {
        margin-bottom: 0
    }

    .digital-platforms .item-title {
        font-family: "IBMPlexSansArabic-Regular" !important
    }

.service-label {
    color: #161616;
    font-family: "IBMPlexSansArabic-SemiBold"
}

.services-list {
    color: #1f2a37
}

.services-list_items {
    gap: 20px;
    justify-content: end
}

@media(max-width: 1200px) {
    .services-list_items {
        gap: 0
    }
}

@media(max-width: 786px) {
    .services-list_items {
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px
    }
}

.services-list li {
    position: relative;
    padding: 0px 15px;
    border-radius: 4px
}

    .services-list li:is(:hover) {
        background-color: #f3f4f6;
        border-color: rgba(0,0,0,0)
    }

        .services-list li:is(:hover) .nav-link:after {
            display: block;
            background-color: #161616 !important
        }

        .services-list li:is(:hover):has(.active):is(:hover,:focus,:active) {
            background-color: rgba(0,0,0,0) !important
        }

            .services-list li:is(:hover):has(.active):is(:hover,:focus,:active) .nav-link:after {
                background-color: #1b8354 !important
            }

        .services-list li:is(:hover):after {
            display: block
        }

    .services-list li:is(:focus,:active) {
        background-color: #e5e7eb !important;
        border-color: rgba(0,0,0,0)
    }

        .services-list li:is(:focus,:active) .nav-link:after {
            display: block;
            background-color: #161616 !important
        }

    .services-list li .nav-link {
        padding-inline-end: 0;
        background-color: rgba(0,0,0,0);
        text-decoration: none;
        padding-inline-end: 0 !important
    }

        .services-list li .nav-link:has(.active) {
            background-color: rgba(0,0,0,0);
            color: #161616
        }

        .services-list li .nav-link:is(:hover,:focus,:active) {
            color: #161616;
            text-decoration: none;
            background-color: rgba(0,0,0,0) !important
        }

        .services-list li .nav-link .active {
            background-color: rgba(0,0,0,0)
        }

.services-list .active {
    font-family: "IBMPlexSansArabic-Bold"
}

    .services-list .active .tab_btn:hover {
        background-color: rgba(0,0,0,0) !important
    }

    .services-list .active:after {
        content: "";
        height: 4px;
        width: calc(100% - 24px);
        display: block;
        position: absolute;
        bottom: -15px;
        background-color: #1b8354;
        border-radius: 4px;
        z-index: 9;
        inset-inline-start: 13px
    }

.services-list .tab {
    position: relative
}

    .services-list .tab .tab_btn {
        color: #1f2a37;
        padding: 15px
    }

        .services-list .tab .tab_btn:after {
            content: "";
            height: 4px;
            width: calc(100% - 24px);
            display: block;
            position: absolute;
            bottom: -15px;
            background-color: #161616;
            border-radius: 4px;
            z-index: 9;
            inset-inline-start: 13px;
            display: none
        }

        .services-list .tab .tab_btn:hover {
            background-color: #f3f4f6;
            border-color: rgba(0,0,0,0)
        }

            .services-list .tab .tab_btn:hover .active {
                background-color: rgba(0,0,0,0)
            }

                .services-list .tab .tab_btn:hover .active:after {
                    display: none
                }

            .services-list .tab .tab_btn:hover:after {
                display: block
            }

.items-container {
    color: #1f2a37
}

.services-tabs-wrapper li {
    display: flex
}

    .services-tabs-wrapper li .name {
        padding: 15px 12px
    }

.services-tabs-wrapper .nav-tabs:after {
    display: none
}

@media(max-width: 992px) {
    .header-card-wrapper {
        flex-direction: column;
        align-items: center
    }
}

@media(max-width: 600px) {
    .hidden-mob {
        display: none !important
    }
}

@media(max-width: 786px) {
    .services-tabs {
        gap: 5px !important
    }
}

@media(max-width: 600px) {
    .services-tabs {
        justify-content: start !important;
        gap: 5px !important
    }

        .services-tabs li:first-child .nav-link {
            padding-inline-start: 0 !important
        }

        .services-tabs li .nav-link {
            padding: 8px 8px 12px !important
        }

            .services-tabs li .nav-link:after {
                width: calc(100% - 14px) !important;
                inset-inline-start: 3px !important
            }

    .flex-mob {
        width: 100%
    }
}

.filter-dropdown {
    background-color: #f3fcf6;
    border: 1px solid #e5e7eb;
    padding: 30px 20px;
    transition: max-height .5s ease-out;
    opacity: 0;
    visibility: hidden;
    margin-top: 30px;
    display: none;
    width: 100%
}

    .filter-dropdown .name {
        min-width: 70px
    }

    .filter-dropdown .select-wrapper {
        min-width: 200px
    }

    .filter-dropdown.open {
        opacity: 1;
        visibility: visible;
        display: block
    }

.filtered-btn {
    display: none
}

@media(max-width: 600px) {
    .filtered-btn {
        display: block
    }
}

.filtered-btn .btn-primary {
    padding: 10px;
    background-color: #1b8354
}

@media(max-width: 600px) {
    .inner-services .nav-tabs a {
        padding: 5px 15px !important
    }
}

.tab-content {
    position: relative
}

.filtered-service-btn {
    position: absolute;
    inset-inline-end: 0;
    inset-inline-start: 82%;
    top: -73px
}

#products-pane {
    position: relative
}

.position-filtered {
    display: none;
    align-items: center
}

@media(min-width: 600px) {
    .position-filtered {
        display: none !important
    }
}

.btn-primary.active {
    background-color: #14573a
}

.hidden-desc {
    display: none !important;
    margin-inline: 30px
}

    .hidden-desc .btn-primary {
        width: 100%;
        text-align: center;
        font-size: 1.25rem;
        padding: 12px 24px
    }

        .hidden-desc .btn-primary img {
            width: 24px;
            height: 24px
        }

@media(max-width: 600px) {
    .hidden-desc {
        display: flex !important
    }
}

#products-selects, #services-selects {
    display: flex
}

.dateToFormat {
    display: inline-block;
    margin-bottom: 20px
}

@media(max-width: 576px) {
    .services-card-footer {
        flex-wrap: wrap;
        justify-content: center
    }
}

.nice-select-dropdown .list {
    height: 100% !important;
    max-height: 100% !important;
    overflow: auto !important;
    margin-bottom: 0
}

.nice-select.open .nice-select-dropdown {
    max-height: 240px;
    overflow-y: auto;
    overflow-x: hidden
}

.details-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #f3fcf6;
    width: 56px;
    height: 56px;
    margin-bottom: 25px
}

    .details-icon img {
        width: 28px;
        height: 28px
    }

.toast {
    z-index: 9999999
}

.toast, .alert {
    position: relative;
    bottom: 15px;
    inset-inline-start: 0;
    padding: 15px;
    width: 100%
}

    .toast .title, .alert .title {
        margin: 0
    }

@media(max-width: 576px) {
    .toast, .alert {
        padding: 0
    }
}

.toast .status, .alert .status {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center
}

.toast .toast-footer, .alert .toast-footer {
    padding: 12px;
    margin-top: 10px
}

.toast .toast-header, .alert .toast-header {
    border-bottom: 0;
    background-color: rgba(0,0,0,0);
    font-family: "IBMPlexSansArabic-Bold"
}

.toast .toast-body, .alert .toast-body {
    color: #949ba4;
    padding: 0 12px
}

.toast button, .alert button {
    border: 0;
    background-color: rgba(0,0,0,0)
}

.toast .close, .alert .close {
    position: absolute;
    inset-inline-end: 35px;
    font-size: 25px;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center
}

    .toast .close:hover, .alert .close:hover {
        background-color: #f3f4f6
    }

    .toast .close:active, .alert .close:active {
        background-color: #e5e7eb
    }

    .toast .close:focus, .alert .close:focus {
        background-color: #fff;
        box-shadow: 0px 0px 0px 2px #161616
    }

.alert {
    padding: 0;
    padding-inline-start: 1.25rem;
    border-radius: 0
}

    .alert .close img {
        width: 10px;
        height: 10px
    }

    .alert .toast-header {
        padding-inline-start: 0;
        padding-inline-end: 0
    }

    .alert .status {
        width: 22px;
        height: 22px
    }

        .alert .status img {
            width: 22px;
            height: 22px
        }

    .alert .toast-header {
        font-family: "IBMPlexSansArabic-Regular"
    }

        .alert .toast-header button:hover {
            background-color: #f3f4f6
        }

        .alert .toast-header button:active {
            background-color: #e5e7eb
        }

        .alert .toast-header button:focus {
            background-color: #fff;
            box-shadow: 0px 0px 0px 2px #161616
        }

.toast-info {
    border: 1px solid #175cd3;
    border-radius: 8px;
    border-inline-start: 10px solid #175cd3;
    background-color: #eff5ff
}

    .toast-info .status {
        background-color: #f0f8ff
    }

    .toast-info .toast-header {
        color: #175cd3;
        font-family: "IBMPlexSansArabic-Bold"
    }

.toast-danger {
    border: 1px solid #dd6c64;
    border-radius: 8px;
    border-inline-start: 10px solid #dd6c64;
    background-color: #fffbfa
}

    .toast-danger .status {
        background-color: #fdf3f2
    }

    .toast-danger .toast-header {
        color: #dd6c64
    }

.toast-warning {
    border: 1px solid #e09451;
    border-radius: 8px;
    border-inline-start: 10px solid #e09451;
    background-color: #fffcf5
}

    .toast-warning .status {
        background-color: #fefaeb
    }

    .toast-warning .toast-header {
        color: #e09451
    }

.toast-success {
    border: 1px solid #6fb386;
    border-radius: 8px;
    border-inline-start: 10px solid #6fb386;
    background-color: #f7fef9
}

    .toast-success .status {
        background-color: #eefdf3
    }

    .toast-success .toast-header {
        color: #6fb386
    }

.toast-info-gray {
    border: 1px solid #babec5;
    border-radius: 8px;
    border-inline-start: 10px solid #babec5;
    background-color: #fcfcfd
}

    .toast-info-gray .status {
        background-color: #f9fafb
    }

    .toast-info-gray .toast-header {
        color: #7a7e86
    }

.tooltip > .arrow {
    background-color: rgba(0,0,0,0)
}

.tooltip > .tooltip-inner {
    text-align: center;
    font-size: 12px;
    padding: 10px 15px;
    border-radius: 5px;
    color: #000;
    background-color: #fff;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.15)
}

.bs-tooltip-top, .bs-tooltip-right, .bs-tooltip-left, .bs-tooltip-bottom {
    background-color: rgba(0,0,0,0);
    opacity: 1 !important
}

.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-bottom .arrow:before {
    border-top-color: #fff;
    border-right-color: rgba(0,0,0,0);
    border-bottom-color: #fff;
    border-left-color: rgba(0,0,0,0)
}

.tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-left .arrow:before {
    border-top-color: rgba(0,0,0,0);
    border-right-color: #fff;
    border-bottom-color: rgba(0,0,0,0);
    border-left-color: #fff
}

.tooltip {
    max-width: 240px
}

.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: #fff !important
}

.popover.bs-popover-top .arrow:before {
    bottom: -4px;
    border-top-color: #fff;
    background: rgba(0,0,0,0)
}

.popover.bs-popover-bottom .arrow:before {
    top: -4px;
    border-bottom-color: #fff;
    background: rgba(0,0,0,0)
}

.popover.bs-popover-right .arrow:before {
    left: -4px;
    border-right-color: #fff;
    background: rgba(0,0,0,0)
}

.popover.bs-popover-left .arrow:before {
    right: -4px;
    border-left-color: #fff;
    background: rgba(0,0,0,0)
}

.file-infoFile {
    border: 1px solid #d2d6db;
    color: #161616;
    border-radius: 5px;
    width: 325px;
    padding: 15px !important;
    display: flex;
    justify-content: space-between;
    position: relative;
    font-family: "IBMPlexSansArabic-Medium";
    background-color: #f3f4f6
}

@media(max-width: 768px) {
    .file-infoFile {
        width: 50%
    }
}

@media(max-width: 576px) {
    .file-infoFile {
        width: 100%
    }
}

.file-infoFile .file-nameFile {
    position: relative;
    padding-inline-start: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

    .file-infoFile .file-nameFile::before {
        width: 18px;
        height: 18px;
        content: "";
        display: block;
        position: absolute;
        inset-inline-start: 0;
        background-image: url("data:image/svg+xml; base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05Ljk5OTkyIDE5LjE2NjhDMTUuMDYyNSAxOS4xNjY4IDE5LjE2NjYgMTUuMDYyOCAxOS4xNjY2IDEwLjAwMDJDMTkuMTY2NiA0LjkzNzU1IDE1LjA2MjUgMC44MzM0OTYgOS45OTk5MiAwLjgzMzQ5NkM0LjkzNzMxIDAuODMzNDk2IDAuODMzMjUyIDQuOTM3NTUgMC44MzMyNTIgMTAuMDAwMkMwLjgzMzI1MiAxNS4wNjI4IDQuOTM3MzEgMTkuMTY2OCA5Ljk5OTkyIDE5LjE2NjhaTTUuODc1MSA5LjI2NzkzQzUuNTQ5NjYgOS41OTMzNyA1LjU0OTY2IDEwLjEyMSA1Ljg3NTEgMTAuNDQ2NEw4LjIzMjEyIDEyLjgwMzVDOC41NTc1NiAxMy4xMjg5IDkuMDg1MiAxMy4xMjg5IDkuNDEwNjMgMTIuODAzNUwxNC4xMjQ3IDguMDg5NDJDMTQuNDUwMSA3Ljc2Mzk4IDE0LjQ1MDEgNy4yMzYzNCAxNC4xMjQ3IDYuOTEwOTFDMTMuNzk5MiA2LjU4NTQ3IDEzLjI3MTYgNi41ODU0NyAxMi45NDYyIDYuOTEwOTFMOC44MjEzOCAxMS4wMzU3TDcuMDUzNjEgOS4yNjc5M0M2LjcyODE3IDguOTQyNDkgNi4yMDA1NCA4Ljk0MjQ5IDUuODc1MSA5LjI2NzkzWiIgZmlsbD0iIzA2NzY0NyIvPgo8L3N2Zz4K");
        background-position: center;
        background-size: cover;
        top: 3px
    }

.file-infoFile .delete-btnFile {
    border: 0;
    padding: 0;
    position: absolute;
    inset-inline-end: 15px;
    top: 20px;
    background-image: url("data:image/svg+xml; base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjY0NjQ0NyAwLjY0NjQ0N0MwLjg0MTcwOSAwLjQ1MTE4NCAxLjE1ODI5IDAuNDUxMTg0IDEuMzUzNTUgMC42NDY0NDdMNSA0LjI5Mjg5TDguNjQ2NDUgMC42NDY0NDdDOC44NDE3MSAwLjQ1MTE4NSA5LjE1ODI5IDAuNDUxMTg1IDkuMzUzNTUgMC42NDY0NDdDOS41NDg4MiAwLjg0MTcwOSA5LjU0ODgyIDEuMTU4MjkgOS4zNTM1NSAxLjM1MzU1TDUuNzA3MTEgNUw5LjM1MzU1IDguNjQ2NDVDOS41NDg4MiA4Ljg0MTcxIDkuNTQ4ODIgOS4xNTgyOSA5LjM1MzU1IDkuMzUzNTVDOS4xNTgyOSA5LjU0ODgyIDguODQxNzEgOS41NDg4MiA4LjY0NjQ1IDkuMzUzNTVMNSA1LjcwNzExTDEuMzUzNTUgOS4zNTM1NUMxLjE1ODI5IDkuNTQ4ODIgMC44NDE3MDkgOS41NDg4MiAwLjY0NjQ0NyA5LjM1MzU1QzAuNDUxMTg0IDkuMTU4MjkgMC40NTExODQgOC44NDE3MSAwLjY0NjQ0NyA4LjY0NjQ1TDQuMjkyODkgNUwwLjY0NjQ0NyAxLjM1MzU1QzAuNDUxMTg1IDEuMTU4MjkgMC40NTExODUgMC44NDE3MDkgMC42NDY0NDcgMC42NDY0NDdaIiBmaWxsPSIjMTYxNjE2Ii8+Cjwvc3ZnPgo=");
    background-size: cover;
    width: 13px;
    height: 13px;
    font-size: 0
}

.radiobuttons .form-radio {
    width: 26px;
    height: 38px;
    opacity: 0;
    position: relative;
    z-index: 1
}

    .radiobuttons .form-radio:hover + label:before {
        box-shadow: 0px 0px 0px 10px #f3f4f6;
        opacity: 1
    }

.radiobuttons label {
    padding-inline-end: 10px;
    cursor: pointer;
    margin-bottom: 7px;
    position: relative;
    padding-inline-start: 15px;
    color: #161616
}

    .radiobuttons label:before {
        width: 30px;
        height: 30px;
        position: absolute;
        top: 0px;
        inset-inline-start: -26px;
        content: "";
        display: inline-block;
        border-radius: 40px;
        border: 2px solid #1b8354
    }

.radiobuttons input[type=radio] {
    margin: 0px
}

    .radiobuttons input[type=radio]:disabled + label {
        color: #999
    }

        .radiobuttons input[type=radio]:disabled + label:before {
            background-color: #1b8354
        }

    .radiobuttons input[type=radio]:checked + label::after {
        content: "";
        position: absolute;
        top: 6px;
        inset-inline-start: -20px;
        display: inline-block;
        font-size: 11px;
        width: 18px;
        height: 18px;
        background-color: #1b8354;
        border-radius: 40px
    }

    .radiobuttons input[type=radio]:checked + label::before {
        box-shadow: 0px 0px 0px 10px #f3f4f6
    }

.radiobuttons .rdio-default input[type=radio]:checked + label:before {
    border-color: #1b8354
}

.radiobuttons .rdio-primary input[type=radio]:checked + label {
    color: #1b8354
}

    .radiobuttons .rdio-primary input[type=radio]:checked + label:before {
        border-color: #1b8354
    }

    .radiobuttons .rdio-primary input[type=radio]:checked + label::after {
        background-color: #1b8354
    }

.text-danger-radio {
    display: block;
    position: relative;
    padding-inline-start: 30px;
    margin: 10px 0
}

    .text-danger-radio::before {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        top: 4px;
        background-image: url(data:image/svg+xml; base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBpZD0id2FybmluZy1jaXJjbGUiPgogIDxyZWN0IHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiBmaWxsPSJub25lIi8+CiAgPHBhdGggZD0iTTEyOCwyNC4wMDAxMmExMDQsMTA0LDAsMSwwLDEwNCwxMDRBMTA0LjExNzU5LDEwNC4xMTc1OSwwLDAsMCwxMjgsMjQuMDAwMTJabS04LDU2YTgsOCwwLDEsMSwxNiwwdjU2YTgsOCwwLDEsMS0xNiwwWm04LDEwNGExMiwxMiwwLDEsMSwxMi0xMkExMiwxMiwwLDAsMSwxMjgsMTg0LjAwMDEyWiIgZmlsbD0iI2FhMjUxYiIvPgo8L3N2Zz4=);
        inset-inline-start: 0;
        background-repeat: no-repeat;
        background-position: center
    }

.awards .item-description {
    text-align: start !important
}

.recorder {
    position: absolute;
    top: 50%;
    border-radius: 50%;
    transform: translateY(-50%);
    inset-inline-end: 20px
}

    .recorder .btn {
        font-size: 1rem !important
    }

    .recorder .readspeak-action {
        display: flex;
        width: 18px;
        height: 18px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.58 17.92'%3E%3Cpath d='M7.29,12.92a4.79,4.79,0,0,0,4.79-4.8V4.79a4.79,4.79,0,0,0-9.58,0V8.12A4.8,4.8,0,0,0,7.29,12.92Zm0-11.67A3.55,3.55,0,0,0,3.75,4.79V8.12a3.54,3.54,0,0,0,7,.63H9A.63.63,0,1,1,9,7.5h1.87V5.42H9A.63.63,0,1,1,9,4.17h1.82A3.55,3.55,0,0,0,7.29,1.25Zm-6,6.87A.63.63,0,0,0,0,8.12a7.3,7.3,0,0,0,6.67,7.27v1.28H4.79a.63.63,0,0,0,0,1.25h5a.63.63,0,1,0,0-1.25H7.92V15.39a7.29,7.29,0,0,0,6.66-7.27.63.63,0,0,0-1.25,0,6,6,0,1,1-12.08,0Z' fill='%23161616' fill-rule='evenodd'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center
    }

.voice-command-btn {
    position: absolute;
    top: 50%;
    border-radius: 50%;
    inset-inline-end: 16px;
    display: flex;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.58 17.92'%3E%3Cpath d='M7.29,12.92a4.79,4.79,0,0,0,4.79-4.8V4.79a4.79,4.79,0,0,0-9.58,0V8.12A4.8,4.8,0,0,0,7.29,12.92Zm0-11.67A3.55,3.55,0,0,0,3.75,4.79V8.12a3.54,3.54,0,0,0,7,.63H9A.63.63,0,1,1,9,7.5h1.87V5.42H9A.63.63,0,1,1,9,4.17h1.82A3.55,3.55,0,0,0,7.29,1.25Zm-6,6.87A.63.63,0,0,0,0,8.12a7.3,7.3,0,0,0,6.67,7.27v1.28H4.79a.63.63,0,0,0,0,1.25h5a.63.63,0,1,0,0-1.25H7.92V15.39a7.29,7.29,0,0,0,6.66-7.27.63.63,0,0,0-1.25,0,6,6,0,1,1-12.08,0Z' fill='%23161616' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: rgba(0,0,0,0);
    border: none;
    border-radius: 0;
    padding: 0;
    transform: translateY(-50%)
}

.search-results__header .search-icon {
    position: relative
}

    .search-results__header .search-icon input {
        padding: 7px 16px 6px !important;
        padding-inline-start: 40px !important
    }

    .search-results__header .search-icon:before {
        content: "";
        width: 20px;
        height: 20px;
        background-image: url("../images/search.svg");
        display: block;
        position: absolute;
        inset: 0;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        border: 0;
        background-position: center;
        background-repeat: no-repeat;
        margin-top: 0;
        z-index: 9
    }

@media(max-width: 992px) {
    .search-result_input {
        width: 100%
    }
}

.search-results__header .btn-black {
    padding: 8px 20px 7px 20px;
    cursor: pointer
}

.search-results__header .page-title {
    color: #161616
}

.search-results__header .dropdown2 {
    position: relative
}

    .search-results__header .dropdown2 .accordion-body {
        padding: 16px
    }

    .search-results__header .dropdown2 .form-group {
        border-bottom: 1px solid #d2d6db;
        padding: 0 20px 20px 20px;
        margin-bottom: 0;
        min-height: 100px
    }

    .search-results__header .dropdown2 .nice-select {
        margin-bottom: 0
    }

    .search-results__header .dropdown2 .btn-gray {
        font-size: 1rem
    }

    .search-results__header .dropdown2 .dropdown-menu {
        border: 1px solid #d2d6db;
        border-radius: 5px;
        width: 18.75rem;
        z-index: 9;
        transform: none !important;
        inset: 0px auto auto 0px !important;
        top: 60px !important
    }

    .search-results__header .dropdown2 .dropdown-item:hover {
        background-color: #fff
    }

    .search-results__header .dropdown2 .dropdown-toggle::after {
        content: "";
        width: 16px;
        height: 10px;
        background-image: url("../images/arrow/arrow_white.svg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        border: 0;
        position: relative;
        top: 1px
    }

.search-results__header .dropdown-title {
    color: #161616;
    font-family: "IBMPlexSansArabic-SemiBold";
    padding: .25rem 0;
    font-size: 1rem
}

.search-results__header .search-option {
    color: #6c737f
}

.search-results__body__inner {
    padding: 1.875rem 0;
    border-bottom: 1px solid #d2d6db
}

    .search-results__body__inner:last-child {
        border-bottom: 0
    }

    .search-results__body__inner .title {
        font-size: 1.25rem;
        margin-bottom: .3125rem;
        display: block
    }

    .search-results__body__inner .desc {
        font-size: 1rem
    }

    .search-results__body__inner .date {
        color: #6c737f;
        font-size: .875rem
    }

.no-arrow::after {
    display: none
}

.result-number {
    color: #6c737f;
    font-family: "IBMPlexSansArabic-Regular"
}

.sectors .item-title {
    font-family: "IBMPlexSansArabic-Bold"
}

.sectors .details-header .item-title {
    font-size: 1.25rem
}

.sectors .accordion-item:last-child {
    border-bottom: 0
}

.filter-drop::after {
    background-image: url("../images/descending.svg");
    content: "";
    width: 30px;
    height: 30px;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: top;
    border: 0;
    top: 21px;
    display: block;
    left: 0;
    transform: rotate(0deg);
    inset-inline-start: auto;
    inset-inline-end: 0px
}

.filterd-dropdown .nice-select {
    padding-inline-end: 1.875rem
}

    .filterd-dropdown .nice-select.open::after {
        background-image: url("../images/descending.svg");
        content: "";
        width: 30px;
        height: 30px;
        background-size: 15px;
        background-repeat: no-repeat;
        background-position: top;
        border: 0;
        top: 21px;
        display: block;
        left: 0;
        transform: rotate(0deg);
        inset-inline-start: auto
    }

.check-content__wrapper {
    height: 150px;
    overflow: hidden;
    padding: 0 15px
}

    .check-content__wrapper .checkbox-dropdown {
        display: flex;
        margin: 15px 0
    }

        .check-content__wrapper .checkbox-dropdown input[type=checkbox].custom-input {
            width: 22px;
            height: 22px
        }

            .check-content__wrapper .checkbox-dropdown input[type=checkbox].custom-input:hover::after, .check-content__wrapper .checkbox-dropdown input[type=checkbox].custom-input:active::after {
                display: block
            }

            .check-content__wrapper .checkbox-dropdown input[type=checkbox].custom-input::after {
                content: "";
                display: block;
                width: 35px;
                height: 35px;
                background: #f3f4f6;
                border-radius: 50%;
                position: absolute;
                inset: 0;
                z-index: -1;
                inset-block-start: -8px;
                inset-inline-start: -7px;
                display: none
            }

        .check-content__wrapper .checkbox-dropdown .custom-input:checked, .check-content__wrapper .checkbox-dropdown .custom-input:checked:focus {
            background-color: #161616 !important;
            border: 1px solid #161616 !important;
            outline: none
        }

            .check-content__wrapper .checkbox-dropdown .custom-input:checked:focus:hover {
                background-color: #4d5761 !important;
                border: 1px solid #4d5761 !important;
                outline: none
            }

            .check-content__wrapper .checkbox-dropdown .custom-input:checked:focus:active {
                background-color: #6c737f !important;
                border: 1px solid #6c737f !important;
                outline: none
            }

        .check-content__wrapper .checkbox-dropdown .custom-input:hover::before, .check-content__wrapper .checkbox-dropdown input[type=checkbox].custom-input:checked::before {
            top: 2px;
            inset-inline-start: 2px
        }

    .check-content__wrapper .checkbox-dropdown_data {
        font-family: "IBMPlexSansArabic-Regular";
        font-size: .875rem
    }

        .check-content__wrapper .checkbox-dropdown_data .number {
            color: #6c737f
        }

.check-more {
    border-bottom: 1px solid #d2d6db;
    padding: 25px 15px;
    margin: 0 5px
}

.btn-arrow {
    margin: 0 5px
}

.btn-more {
    cursor: pointer !important;
    color: #161616
}

    .btn-more:hover {
        color: #161616
    }

    .btn-more.active .btn-arrow {
        transform: rotate(180deg)
    }

.radio-result {
    border-bottom: 1px solid #d2d6db;
    padding: 0 15px;
    margin: 0 15px
}

    .radio-result .form-check:not(.form-switch) .form-check-input[type=radio]:checked + .form-check-label.circle-outline::after {
        opacity: 0
    }

.result-label {
    font-family: "IBMPlexSansArabic-SemiBold";
    margin: 15px 0 0 0
}

.calender-items {
    position: absolute;
    top: 150px;
    inset-inline-end: 0
}

@media(max-width: 992px) {
    .calender-items {
        inset-inline-end: auto;
        inset-inline-start: 0;
        top: 190px
    }
}

.calender-items__list {
    justify-content: end
}

.calender-items__list__items {
    position: relative;
    padding-inline-start: 20px;
    color: #161616
}

    .calender-items__list__items:before {
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 50%;
        display: block;
        position: absolute;
        inset-inline-start: 0;
        top: 8px
    }

    .calender-items__list__items:nth-child(1)::before {
        background-color: #93370d
    }

    .calender-items__list__items:nth-child(2)::before {
        background-color: #4d5761
    }

    .calender-items__list__items:nth-child(3)::before {
        background-color: #1f2a37
    }

.strategy_wrapper {
    gap: 2.5rem
}

@media(max-width: 992px) {
    .strategy_wrapper {
        display: block !important
    }
}

.strategy_wrapper__item {
    flex: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-radius: 8px;
    color: #fff;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 3.125rem 1.875rem;
    margin: 30px 0
}

    .strategy_wrapper__item:first-child {
        background: linear-gradient(0deg, rgba(6, 118, 71, 0.7), rgba(6, 118, 71, 0.7)),url("../images/strategy/bg-1.svg");
        background-position: center
    }

    .strategy_wrapper__item:last-child {
        background: linear-gradient(0deg, rgba(6, 118, 71, 0.7), rgba(6, 118, 71, 0.7)),url("../images/strategy/bg-2.svg");
        background-position: center
    }

    .strategy_wrapper__item .image {
        background-color: #fff;
        border-radius: 50%;
        width: 2.8125rem;
        height: 2.8125rem;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 1.25rem
    }

        .strategy_wrapper__item .image img {
            width: 26px;
            height: 26px;
            -o-object-fit: contain;
            object-fit: contain
        }

    .strategy_wrapper__item .title {
        font-family: "IBMPlexSansArabic-Bold";
        font-size: 1.875rem
    }

    .strategy_wrapper__item .desc {
        color: #fff;
        text-align: justify
    }

.values_wrapper {
    padding-bottom: 3.75rem
}

    .values_wrapper .inner-card-wrapper {
        gap: 60px;
        flex-wrap: wrap;
        row-gap: 4.375rem
    }

@media(max-width: 992px) {
    .values_wrapper .inner-card-wrapper {
        gap: 30px
    }
}

@media(max-width: 992px) {
    .values_wrapper .inner-card-wrapper .about-card {
        flex-basis: 100% !important
    }
}

.values_wrapper .inner-card-wrapper .about-card {
    flex-basis: calc(50% - 40px);
    height: auto;
    padding: 0;
    background-image: url("../images/strategy/values/bg-section.svg");
    background-color: #fff;
    background-repeat: no-repeat
}

.values_wrapper .inner-card-wrapper .about-card__body {
    background-color: rgba(0,0,0,0)
}

@media(max-width: 992px) {
    .values_wrapper .title {
        text-align: center
    }
}

.box_wrapper {
    padding: 6.25rem 0 9.375rem 0;
    background-color: #ecfdf3;
    position: relative
}

    .box_wrapper .title-box {
        margin-bottom: 3.125rem
    }

@media(max-width: 576px) {
    .box_wrapper .title-box {
        margin-bottom: 0
    }
}

.box_wrapper::before {
    content: "";
    height: 100%;
    width: 100%;
    background-color: #ecfdf3;
    display: block;
    position: absolute;
    inset-inline-start: -50%;
    top: 0;
    z-index: -1
}

.box_wrapper::after {
    content: "";
    height: 100%;
    width: 100%;
    background-color: #ecfdf3;
    display: block;
    position: absolute;
    inset-inline-end: -50%;
    top: 0;
    z-index: -1
}

.box_wrapper .inner-card-wrapper {
    gap: 40px;
    flex-wrap: wrap
}

@media(max-width: 992px) {
    .box_wrapper .inner-card-wrapper {
        gap: 30px
    }

        .box_wrapper .inner-card-wrapper .about-card {
            flex-basis: 100% !important
        }
}

.box_wrapper .inner-card-wrapper .about-card {
    flex-basis: calc(33% - 40px);
    height: auto;
    padding: 0;
    background-image: none;
    background-color: #fff;
    background-repeat: no-repeat
}

.box_wrapper .inner-card-wrapper .about-card__body {
    background-color: rgba(0,0,0,0);
    min-height: -moz-fit-content !important;
    min-height: fit-content !important
}

.pillars {
    padding: 3.125rem 0
}

    .pillars .page-title {
        margin-bottom: 6.25rem
    }

@media(max-width: 576px) {
    .pillars .page-title {
        margin-bottom: 0
    }
}

.pillars_wrapper {
    position: relative;
    margin-bottom: 140px;
    padding-bottom: 40px
}

@media(max-width: 576px) {
    .pillars_wrapper {
        flex-direction: column;
        gap: 1.25rem;
        align-items: center;
        margin-top: 0rem
    }
}

@media(max-width: 1400px) {
    .pillars_wrapper {
        margin-bottom: 0px
    }
}

.pillars_wrapper::after {
    content: "";
    background-image: url("../images/strategy/pillars/bg.svg");
    display: block;
    width: 100%;
    height: 74px;
    background-repeat: no-repeat;
    position: absolute;
    top: 100%;
    background-position: center
}

@media(max-width: 1200px) {
    .pillars_wrapper::after {
        display: none
    }
}

.pillars_wrapper__item {
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1.25rem
}

@media(max-width: 576px) {
    .pillars_wrapper__item {
        margin: .9375rem 0
    }
}

.pillars_wrapper__item .title {
    font-family: "IBMPlexSansArabic-Bold";
    font-size: 1.125rem
}

@media(max-width: 576px) {
    .pillars_wrapper__item .title {
        font-size: 1rem !important
    }
}

.pillars_info {
    position: relative;
    margin-bottom: 100px
}

@media(max-width: 992px) {
    .pillars_info {
        flex-direction: column;
        align-items: center;
        margin-bottom: 10px
    }
}

.pillars_info::after {
    content: "";
    background-image: url("../images/strategy/pillars/line-up.svg");
    display: block;
    width: 100%;
    height: 74px;
    background-repeat: no-repeat;
    position: absolute;
    top: 100%;
    background-position: center
}

@media(max-width: 1400px) {
    .pillars_info::after {
        display: none
    }
}

.pillars_info__item {
    text-align: center
}

    .pillars_info__item .desc {
        text-align: center;
        color: #384250;
        width: 60%;
        margin: 20px 0
    }

@media(max-width: 992px) {
    .pillars_info__item .desc {
        width: 100%
    }
}

.pillars_info__item .desc:first-child::before {
    display: none
}

.pillars_info__item .desc::before {
    content: "";
    background-image: url("../images/strategy/pillars/line.svg");
    display: block;
    width: 100%;
    height: 1px;
    background-repeat: no-repeat;
    position: relative;
    top: -10px;
    margin: auto;
    background-size: cover
}

.title-box {
    margin-bottom: 3.125rem
}

@media(max-width: 576px) {
    .title-box {
        margin-bottom: 0
    }
}

.date-drop .image {
    top: 10px;
    inset-inline-end: 10px;
    cursor: pointer;
    width: 22px;
    height: 22px
}

@media(max-width: 992px) {
    .fc .fc-toolbar.fc-header-toolbar {
        margin-bottom: 4.5em
    }

    button.fc-today-button.fc-button.fc-button-primary {
        display: none
    }

    .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-group:has(.fc-prev-button) {
        gap: 0 !important
    }
}

div#file-list {
    display: inline-flex;
    gap: 2px 15px;
    width: 100%;
    flex-wrap: wrap;
    margin-top: 10px
}

.certificate_img {
    width: 33px;
    height: 36px
}

.certificates_form__data__desc {
    height: 100%
}

    .certificates_form__data__desc * {
        color: #6c737f;
        font-size: .875rem;
        display: flex;
        justify-content: end;
        align-items: center;
        height: 100%
    }

.btn-arrow {
    transition: transform .3s ease
}

    .btn-arrow.rotated {
        transform: rotate(180deg)
    }

@media(max-width: 600px) {
    #chat-button {
        bottom: 80px
    }
}

.multi-upload {
    border: 1px dashed #d2d6db;
    border-radius: 4px;
    padding: 1.875rem 1.875rem;
    background-color: #f3f4f6
}

    .multi-upload.drop {
        border: 1px dashed #067647;
        background-color: #f6fef9
    }

        .multi-upload.drop .title, .multi-upload.drop .description {
            color: #067647
        }

        .multi-upload.drop .multi-button {
            background-color: #e5e7eb !important;
            color: #9da4ae !important;
            cursor: none;
            box-shadow: 0px 0px 0px 2px rgba(0,0,0,0)
        }

        .multi-upload.drop input[type=file] {
            cursor: none
        }

    .multi-upload .title {
        color: #1f2a37;
        font-family: "IBMPlexSansArabic-Medium";
        font-size: 1rem;
        text-align: center
    }

    .multi-upload .description {
        font-family: "IBMPlexSansArabic-Regular";
        font-size: .75rem;
        color: #384250;
        text-align: center
    }

    .multi-upload .multi-button {
        padding: .625rem 1.5625rem;
        border-radius: 8px
    }

        .multi-upload .multi-button:focus {
            background-color: #fff !important;
            cursor: pointer;
            transition: all .3s ease-in-out;
            box-shadow: 0px 0px 0px 2px #161616
        }

    .multi-upload.disabled {
        border: 1px dashed #9da4ae;
        background-color: rgba(0,0,0,0)
    }

        .multi-upload.disabled .title, .multi-upload.disabled .description {
            color: #9da4ae
        }

        .multi-upload.disabled .multi-button {
            background-color: #e5e7eb !important;
            color: #9da4ae !important;
            cursor: none
        }

        .multi-upload.disabled input[type=file] {
            cursor: none
        }

.position-relative.d-flex.flex-column.align-items-center.mt-4:hover {
    transition: all .3s ease-in-out
}

    .position-relative.d-flex.flex-column.align-items-center.mt-4:hover .multi-button {
        background-color: #e5e7eb !important;
        cursor: pointer;
        transition: all .3s ease-in-out
    }

.position-relative.d-flex.flex-column.align-items-center.mt-4:focus, .position-relative.d-flex.flex-column.align-items-center.mt-4:active {
    transition: all .3s ease-in-out
}

    .position-relative.d-flex.flex-column.align-items-center.mt-4:focus .multi-button, .position-relative.d-flex.flex-column.align-items-center.mt-4:active .multi-button {
        background-color: #fff !important;
        cursor: pointer;
        transition: all .3s ease-in-out;
        box-shadow: 0px 0px 0px 2px #161616
    }

.verification {
    width: 450px;
    margin: 20px auto;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 32px 64px -12px rgba(16,24,40,.14);
    padding: 1.25rem 2.1875rem;
    color: #384250;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999
}

@media(max-width: 576px) {
    .verification {
        width: 100%
    }
}

.verification_header {
    position: relative
}

.verification_header__close {
    position: absolute;
    inset-inline-end: -20px;
    background-color: rgba(0,0,0,0);
    border: 0;
    padding: 10px 15px;
    transition: all .3s ease-in-out;
    border-radius: 4px;
    top: -15px;
    box-shadow: 0px 0px 0px 2px rgba(0,0,0,0)
}

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

    .verification_header__close:active {
        background-color: #e5e7eb
    }

    .verification_header__close:focus {
        background-color: #fff;
        box-shadow: 0px 0px 0px 2px #161616
    }

    .verification_header__close img {
        width: 15px
    }

.verification_header__check {
    background-color: #f9fafb;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0 5px 0
}

.verification_body__title {
    color: #384250;
    font-family: "IBMPlexSansArabic-SemiBold";
    font-size: 1.125rem
}

.verification_body__inputs {
    margin-bottom: .625rem;
    margin-top: .625rem;
    justify-content: center;
    direction: ltr
}

    .verification_body__inputs input {
        -webkit-appearance: none;
        -moz-appearance: textfield;
        appearance: none;
        padding-inline: 0;
        text-align: center;
        margin-bottom: 0rem;
        width: 44px;
        height: 40px;
        padding-bottom: 7px
    }

        .verification_body__inputs input::-webkit-outer-spin-button, .verification_body__inputs input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0
        }

        .verification_body__inputs input[type=number] {
            -moz-appearance: textfield
        }

.verification_body__description {
    color: #384250;
    font-family: "IBMPlexSansArabic-Regular";
    margin: 0;
    font-size: .875rem
}

    .verification_body__description .email {
        font-family: "IBMPlexSansArabic-SemiBold"
    }

.verification_body__number {
    font-family: "IBMPlexSansArabic-SemiBold"
}

.verification_body__timer {
    font-family: "IBMPlexSansArabic-SemiBold";
    text-align: center;
    margin-bottom: 10px;
    margin-top: 5px
}

.verification_body__link {
    font-family: "IBMPlexSansArabic-Regular";
    display: block;
    font-size: .9375rem;
    color: #9da4ae !important;
    text-decoration: underline !important;
    margin-top: 10px;
    color: #384250 !important;
    transition: all .3s ease-in-out
}

    .verification_body__link:hover {
        color: #6c737f !important;
        text-decoration: underline
    }

    .verification_body__link:focus, .verification_body__link:active {
        color: #9da4ae !important
    }

.verification_body .mob__link {
    color: #9da4ae !important
}

    .verification_body .mob__link:hover {
        color: #54c08a !important
    }

    .verification_body .mob__link:active, .verification_body .mob__link:focus {
        color: #88d8ad !important
    }

.verification_footer .btn-black, .verification_footer .btn-gray {
    width: 100%;
    text-align: center;
    justify-content: center;
    margin-top: 20px
}

.tags .tag-message-wrapper {
    z-index: 9;
    bottom: 130%;
    inset-inline-start: 5%
}

@media(max-width: 576px) {
    .tags .tag-message-wrapper {
        width: 100%;
        inset-inline-end: 0px
    }
}

.tags .tag-message-wrapper .tag-message {
    display: none;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 32px 64px -12px rgba(16,24,40,.14);
    padding: 1.25rem 1.1875rem;
    width: 350px;
    inset-inline-end: 0;
    overflow: visible auto;
    color: #384250;
    height: 190px
}

@media(max-width: 992px) {
    .tags .tag-message-wrapper .tag-message {
        width: 100%
    }
}

@media(max-width: 576px) {
    .tags .tag-message-wrapper .tag-message {
        width: 100%
    }
}

.tags .tag-message-wrapper .tag-message.no-scrollbar::-webkit-scrollbar {
    display: none
}

.tags .tag-message-wrapper .tag-message:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: solid 10px #fff;
    border-left: solid 10px rgba(0,0,0,0);
    border-right: solid 10px rgba(0,0,0,0);
    position: absolute;
    bottom: -10px
}

.tags .tag-message-wrapper .tag-message-header img {
    height: 20px
}

.tags .tag-message-wrapper .tag-message-header .title {
    min-height: auto;
    margin-bottom: 0;
    font-size: .875rem
}

.tags .tag-message-wrapper .tag-message-body {
    padding-inline: 1.6rem;
    padding-inline-end: 0;
    font-size: .875rem
}

    .tags .tag-message-wrapper .tag-message-body img {
        height: 20px
    }

.tags .tag-message-wrapper .tag-message-body__location {
    border-bottom: 1px solid #d2d6db;
    padding-bottom: .9375rem
}

    .tags .tag-message-wrapper .tag-message-body__location:last-child {
        border-bottom: 0
    }

.events-details-wrapper {
    padding-inline: .5rem
}

    .events-details-wrapper .events-details {
        color: #384250;
        padding-block: .2rem
    }

        .events-details-wrapper .events-details:last-child .events-details__location {
            border-bottom: 0;
            padding-bottom: 0
        }

        .events-details-wrapper .events-details:first-child {
            border-top: 1px solid #d2d6db
        }

        .events-details-wrapper .events-details .tag-message-body:last-child {
            border-bottom: 0;
            padding-bottom: 0
        }

    .events-details-wrapper .events-details__info {
        font-family: "IBMPlexSansArabic-SemiBold"
    }

        .events-details-wrapper .events-details__info img {
            height: 20px
        }

        .events-details-wrapper .events-details__info .title {
            min-height: auto;
            margin-bottom: 0
        }

    .events-details-wrapper .events-details__location {
        border-bottom: 1px solid #d2d6db;
        padding-bottom: .9375rem
    }

.clicked-tag {
    cursor: pointer
}

.file-infoPreExistingAgreementFile {
    border: 1px solid #d2d6db;
    color: #161616;
    border-radius: 5px;
    width: 325px;
    padding: 15px !important;
    display: flex;
    justify-content: space-between;
    position: relative;
    font-family: "IBMPlexSansArabic-Medium";
    background-color: #f3f4f6
}

@media(max-width: 768px) {
    .file-infoPreExistingAgreementFile {
        width: 50%
    }
}

@media(max-width: 576px) {
    .file-infoPreExistingAgreementFile {
        width: 100%
    }
}

.file-infoPreExistingAgreementFile .file-namePreExistingAgreementFile {
    position: relative;
    padding-inline-start: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

    .file-infoPreExistingAgreementFile .file-namePreExistingAgreementFile::before {
        width: 18px;
        height: 18px;
        content: "";
        display: block;
        position: absolute;
        inset-inline-start: 0;
        background-image: url("data:image/svg+xml; base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05Ljk5OTkyIDE5LjE2NjhDMTUuMDYyNSAxOS4xNjY4IDE5LjE2NjYgMTUuMDYyOCAxOS4xNjY2IDEwLjAwMDJDMTkuMTY2NiA0LjkzNzU1IDE1LjA2MjUgMC44MzM0OTYgOS45OTk5MiAwLjgzMzQ5NkM0LjkzNzMxIDAuODMzNDk2IDAuODMzMjUyIDQuOTM3NTUgMC44MzMyNTIgMTAuMDAwMkMwLjgzMzI1MiAxNS4wNjI4IDQuOTM3MzEgMTkuMTY2OCA5Ljk5OTkyIDE5LjE2NjhaTTUuODc1MSA5LjI2NzkzQzUuNTQ5NjYgOS41OTMzNyA1LjU0OTY2IDEwLjEyMSA1Ljg3NTEgMTAuNDQ2NEw4LjIzMjEyIDEyLjgwMzVDOC41NTc1NiAxMy4xMjg5IDkuMDg1MiAxMy4xMjg5IDkuNDEwNjMgMTIuODAzNUwxNC4xMjQ3IDguMDg5NDJDMTQuNDUwMSA3Ljc2Mzk4IDE0LjQ1MDEgNy4yMzYzNCAxNC4xMjQ3IDYuOTEwOTFDMTMuNzk5MiA2LjU4NTQ3IDEzLjI3MTYgNi41ODU0NyAxMi45NDYyIDYuOTEwOTFMOC44MjEzOCAxMS4wMzU3TDcuMDUzNjEgOS4yNjc5M0M2LjcyODE3IDguOTQyNDkgNi4yMDA1NCA4Ljk0MjQ5IDUuODc1MSA5LjI2NzkzWiIgZmlsbD0iIzA2NzY0NyIvPgo8L3N2Zz4K");
        background-position: center;
        background-size: cover;
        top: 3px
    }

.file-infoPreExistingAgreementFile .delete-btnPreExistingAgreementFile {
    border: 0;
    padding: 0;
    position: absolute;
    inset-inline-end: 15px;
    top: 20px;
    background-image: url("data:image/svg+xml; base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjY0NjQ0NyAwLjY0NjQ0N0MwLjg0MTcwOSAwLjQ1MTE4NCAxLjE1ODI5IDAuNDUxMTg0IDEuMzUzNTUgMC42NDY0NDdMNSA0LjI5Mjg5TDguNjQ2NDUgMC42NDY0NDdDOC44NDE3MSAwLjQ1MTE4NSA5LjE1ODI5IDAuNDUxMTg1IDkuMzUzNTUgMC42NDY0NDdDOS41NDg4MiAwLjg0MTcwOSA5LjU0ODgyIDEuMTU4MjkgOS4zNTM1NSAxLjM1MzU1TDUuNzA3MTEgNUw5LjM1MzU1IDguNjQ2NDVDOS41NDg4MiA4Ljg0MTcxIDkuNTQ4ODIgOS4xNTgyOSA5LjM1MzU1IDkuMzUzNTVDOS4xNTgyOSA5LjU0ODgyIDguODQxNzEgOS41NDg4MiA4LjY0NjQ1IDkuMzUzNTVMNSA1LjcwNzExTDEuMzUzNTUgOS4zNTM1NUMxLjE1ODI5IDkuNTQ4ODIgMC44NDE3MDkgOS41NDg4MiAwLjY0NjQ0NyA5LjM1MzU1QzAuNDUxMTg0IDkuMTU4MjkgMC40NTExODQgOC44NDE3MSAwLjY0NjQ0NyA4LjY0NjQ1TDQuMjkyODkgNUwwLjY0NjQ0NyAxLjM1MzU1QzAuNDUxMTg1IDEuMTU4MjkgMC40NTExODUgMC44NDE3MDkgMC42NDY0NDcgMC42NDY0NDdaIiBmaWxsPSIjMTYxNjE2Ii8+Cjwvc3ZnPgo=");
    background-size: cover;
    width: 13px;
    height: 13px;
    font-size: 0
}

.file-infoCommercialRegisterFile {
    border: 1px solid #d2d6db;
    color: #161616;
    border-radius: 5px;
    width: 325px;
    padding: 15px !important;
    display: flex;
    justify-content: space-between;
    position: relative;
    font-family: "IBMPlexSansArabic-Medium";
    background-color: #f3f4f6
}

@media(max-width: 768px) {
    .file-infoCommercialRegisterFile {
        width: 50%
    }
}

@media(max-width: 576px) {
    .file-infoCommercialRegisterFile {
        width: 100%
    }
}

.file-infoCommercialRegisterFile .file-nameCommercialRegisterFile {
    position: relative;
    padding-inline-start: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

    .file-infoCommercialRegisterFile .file-nameCommercialRegisterFile::before {
        width: 18px;
        height: 18px;
        content: "";
        display: block;
        position: absolute;
        inset-inline-start: 0;
        background-image: url("data:image/svg+xml; base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05Ljk5OTkyIDE5LjE2NjhDMTUuMDYyNSAxOS4xNjY4IDE5LjE2NjYgMTUuMDYyOCAxOS4xNjY2IDEwLjAwMDJDMTkuMTY2NiA0LjkzNzU1IDE1LjA2MjUgMC44MzM0OTYgOS45OTk5MiAwLjgzMzQ5NkM0LjkzNzMxIDAuODMzNDk2IDAuODMzMjUyIDQuOTM3NTUgMC44MzMyNTIgMTAuMDAwMkMwLjgzMzI1MiAxNS4wNjI4IDQuOTM3MzEgMTkuMTY2OCA5Ljk5OTkyIDE5LjE2NjhaTTUuODc1MSA5LjI2NzkzQzUuNTQ5NjYgOS41OTMzNyA1LjU0OTY2IDEwLjEyMSA1Ljg3NTEgMTAuNDQ2NEw4LjIzMjEyIDEyLjgwMzVDOC41NTc1NiAxMy4xMjg5IDkuMDg1MiAxMy4xMjg5IDkuNDEwNjMgMTIuODAzNUwxNC4xMjQ3IDguMDg5NDJDMTQuNDUwMSA3Ljc2Mzk4IDE0LjQ1MDEgNy4yMzYzNCAxNC4xMjQ3IDYuOTEwOTFDMTMuNzk5MiA2LjU4NTQ3IDEzLjI3MTYgNi41ODU0NyAxMi45NDYyIDYuOTEwOTFMOC44MjEzOCAxMS4wMzU3TDcuMDUzNjEgOS4yNjc5M0M2LjcyODE3IDguOTQyNDkgNi4yMDA1NCA4Ljk0MjQ5IDUuODc1MSA5LjI2NzkzWiIgZmlsbD0iIzA2NzY0NyIvPgo8L3N2Zz4K");
        background-position: center;
        background-size: cover;
        top: 3px
    }

.file-infoCommercialRegisterFile .delete-btnCommercialRegisterFile {
    border: 0;
    padding: 0;
    position: absolute;
    inset-inline-end: 15px;
    top: 20px;
    background-image: url("data:image/svg+xml; base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjY0NjQ0NyAwLjY0NjQ0N0MwLjg0MTcwOSAwLjQ1MTE4NCAxLjE1ODI5IDAuNDUxMTg0IDEuMzUzNTUgMC42NDY0NDdMNSA0LjI5Mjg5TDguNjQ2NDUgMC42NDY0NDdDOC44NDE3MSAwLjQ1MTE4NSA5LjE1ODI5IDAuNDUxMTg1IDkuMzUzNTUgMC42NDY0NDdDOS41NDg4MiAwLjg0MTcwOSA5LjU0ODgyIDEuMTU4MjkgOS4zNTM1NSAxLjM1MzU1TDUuNzA3MTEgNUw5LjM1MzU1IDguNjQ2NDVDOS41NDg4MiA4Ljg0MTcxIDkuNTQ4ODIgOS4xNTgyOSA5LjM1MzU1IDkuMzUzNTVDOS4xNTgyOSA5LjU0ODgyIDguODQxNzEgOS41NDg4MiA4LjY0NjQ1IDkuMzUzNTVMNSA1LjcwNzExTDEuMzUzNTUgOS4zNTM1NUMxLjE1ODI5IDkuNTQ4ODIgMC44NDE3MDkgOS41NDg4MiAwLjY0NjQ0NyA5LjM1MzU1QzAuNDUxMTg0IDkuMTU4MjkgMC40NTExODQgOC44NDE3MSAwLjY0NjQ0NyA4LjY0NjQ1TDQuMjkyODkgNUwwLjY0NjQ0NyAxLjM1MzU1QzAuNDUxMTg1IDEuMTU4MjkgMC40NTExODUgMC44NDE3MDkgMC42NDY0NDcgMC42NDY0NDdaIiBmaWxsPSIjMTYxNjE2Ii8+Cjwvc3ZnPgo=");
    background-size: cover;
    width: 13px;
    height: 13px;
    font-size: 0
}

.file-infoNonProfitLicenseFile {
    border: 1px solid #d2d6db;
    color: #161616;
    border-radius: 5px;
    width: 325px;
    padding: 15px !important;
    display: flex;
    justify-content: space-between;
    position: relative;
    font-family: "IBMPlexSansArabic-Medium";
    background-color: #f3f4f6
}

@media(max-width: 768px) {
    .file-infoNonProfitLicenseFile {
        width: 50%
    }
}

@media(max-width: 576px) {
    .file-infoNonProfitLicenseFile {
        width: 100%
    }
}

.file-infoNonProfitLicenseFile .file-nameNonProfitLicenseFile {
    position: relative;
    padding-inline-start: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

    .file-infoNonProfitLicenseFile .file-nameNonProfitLicenseFile::before {
        width: 18px;
        height: 18px;
        content: "";
        display: block;
        position: absolute;
        inset-inline-start: 0;
        background-image: url("data:image/svg+xml; base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05Ljk5OTkyIDE5LjE2NjhDMTUuMDYyNSAxOS4xNjY4IDE5LjE2NjYgMTUuMDYyOCAxOS4xNjY2IDEwLjAwMDJDMTkuMTY2NiA0LjkzNzU1IDE1LjA2MjUgMC44MzM0OTYgOS45OTk5MiAwLjgzMzQ5NkM0LjkzNzMxIDAuODMzNDk2IDAuODMzMjUyIDQuOTM3NTUgMC44MzMyNTIgMTAuMDAwMkMwLjgzMzI1MiAxNS4wNjI4IDQuOTM3MzEgMTkuMTY2OCA5Ljk5OTkyIDE5LjE2NjhaTTUuODc1MSA5LjI2NzkzQzUuNTQ5NjYgOS41OTMzNyA1LjU0OTY2IDEwLjEyMSA1Ljg3NTEgMTAuNDQ2NEw4LjIzMjEyIDEyLjgwMzVDOC41NTc1NiAxMy4xMjg5IDkuMDg1MiAxMy4xMjg5IDkuNDEwNjMgMTIuODAzNUwxNC4xMjQ3IDguMDg5NDJDMTQuNDUwMSA3Ljc2Mzk4IDE0LjQ1MDEgNy4yMzYzNCAxNC4xMjQ3IDYuOTEwOTFDMTMuNzk5MiA2LjU4NTQ3IDEzLjI3MTYgNi41ODU0NyAxMi45NDYyIDYuOTEwOTFMOC44MjEzOCAxMS4wMzU3TDcuMDUzNjEgOS4yNjc5M0M2LjcyODE3IDguOTQyNDkgNi4yMDA1NCA4Ljk0MjQ5IDUuODc1MSA5LjI2NzkzWiIgZmlsbD0iIzA2NzY0NyIvPgo8L3N2Zz4K");
        background-position: center;
        background-size: cover;
        top: 3px
    }

.file-infoNonProfitLicenseFile .delete-btnNonProfitLicenseFile {
    border: 0;
    padding: 0;
    position: absolute;
    inset-inline-end: 15px;
    top: 20px;
    background-image: url("data:image/svg+xml; base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjY0NjQ0NyAwLjY0NjQ0N0MwLjg0MTcwOSAwLjQ1MTE4NCAxLjE1ODI5IDAuNDUxMTg0IDEuMzUzNTUgMC42NDY0NDdMNSA0LjI5Mjg5TDguNjQ2NDUgMC42NDY0NDdDOC44NDE3MSAwLjQ1MTE4NSA5LjE1ODI5IDAuNDUxMTg1IDkuMzUzNTUgMC42NDY0NDdDOS41NDg4MiAwLjg0MTcwOSA5LjU0ODgyIDEuMTU4MjkgOS4zNTM1NSAxLjM1MzU1TDUuNzA3MTEgNUw5LjM1MzU1IDguNjQ2NDVDOS41NDg4MiA4Ljg0MTcxIDkuNTQ4ODIgOS4xNTgyOSA5LjM1MzU1IDkuMzUzNTVDOS4xNTgyOSA5LjU0ODgyIDguODQxNzEgOS41NDg4MiA4LjY0NjQ1IDkuMzUzNTVMNSA1LjcwNzExTDEuMzUzNTUgOS4zNTM1NUMxLjE1ODI5IDkuNTQ4ODIgMC44NDE3MDkgOS41NDg4MiAwLjY0NjQ0NyA5LjM1MzU1QzAuNDUxMTg0IDkuMTU4MjkgMC40NTExODQgOC44NDE3MSAwLjY0NjQ0NyA4LjY0NjQ1TDQuMjkyODkgNUwwLjY0NjQ0NyAxLjM1MzU1QzAuNDUxMTg1IDEuMTU4MjkgMC40NTExODUgMC44NDE3MDkgMC42NDY0NDcgMC42NDY0NDdaIiBmaWxsPSIjMTYxNjE2Ii8+Cjwvc3ZnPgo=");
    background-size: cover;
    width: 13px;
    height: 13px;
    font-size: 0
}

.tags .tag-message-wrapper .tag-message-body .tag-message-body__location {
    border-bottom: 1px solid #d2d6db;
    padding-bottom: .9375rem
}

.tags .tag-message-wrapper .tag-message-body:last-of-type .tag-message-body__location {
    border-bottom: 0;
    padding-bottom: 0
}

.org-structure-img {
    width: 100%;
    height: 100%
}

@media(max-width: 992px) {
    .org-structure-img {
        width: auto;
        height: auto
    }
}

::marker {
    color: #161616
}

ul li {
    color: #161616
}

.tab-pane:has(.accordion-item) .accordion-item:first-child {
    border-top: 0
}

.muneer-trigger-button-box.bottom-left {
    bottom: 86px;
    right: 10px;
    left: auto;
    width: -moz-fit-content;
    width: fit-content
}

.muneer-trigger-button-box button {
    padding: 10px;
    background-color: #fff
}

    .muneer-trigger-button-box button:hover {
        padding: 10px;
        background-color: #074d31
    }

        .muneer-trigger-button-box button:hover .muneer-trigger-button-icon svg {
            fill: #fff
        }

    .muneer-trigger-button-box button .muneer-trigger-button-icon svg {
        fill: #1b8354
    }

.cookie {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #fff;
    padding: 1rem 2rem;
    border-radius: 0;
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    z-index: 999999;
    min-height: 40px;
    max-width: 100%
}

    .cookie.hide {
        opacity: 0;
        pointer-events: none
    }

    .cookie.show {
        opacity: 1
    }

.cookie_header .close_btn {
    box-shadow: 0px 0px 0px 2px rgba(0,0,0,0);
    transition: all .3s ease-in-out;
    border-radius: 2px
}

    .cookie_header .close_btn:hover {
        background-color: #f3f4f6
    }

    .cookie_header .close_btn:active {
        background-color: #e5e7eb
    }

    .cookie_header .close_btn:focus {
        background-color: #fff;
        box-shadow: 0px 0px 0px 2px #161616
    }

.cookie_body {
    color: #384250;
    font-family: "IBMPlexSansArabic-Regular";
    font-size: 1rem;
    line-height: 1.5
}

    .cookie_body p {
        margin-bottom: 0 !important
    }

@media(max-width: 576px) {
    .cookie_body {
        overflow: auto;
        max-height: 270px
    }
}

.cookie_footer {
    margin-top: .5rem !important
}

    .cookie_footer #cookiesBttns {
        margin: 0 !important
    }

    .cookie_footer * {
        margin: 5px 0 !important;
        font-size: .875rem
    }

    .cookie_footer .cookie_reject:last-child {
        margin: 0px !important;
        padding: 7px 24px 7px 24px
    }

.cursor-pointer {
    cursor: pointer
}

.centerd-numbered-list .list-group-item:before {
    position: relative;
    top: 75px
}

.solid-bullet {
    list-style: disc
}

    .solid-bullet.color-secondary * {
        color: #1b8354
    }

        .solid-bullet.color-secondary *::marker {
            color: #1b8354
        }

.muneer-trigger-button-box button.icon-position-before {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,.2509803922)
}

.about-swiper__footer .btn-secondary {
    position: relative;
    inset-inline-start: 4px
}

button[aria-label="Activate Accessibility"], #muneer-trigger-button {
    position: fixed !important;
    background-color: #fff !important;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2509803922);
    padding: 10px !important;
    background-color: #fff;
    position: fixed;
    inset-inline-start: 20px;
    bottom: 98px !important;
    width: 44px !important;
    height: 44px !important;
    color: #074d31 !important;
    transition: all;
    left: auto !important;
    right: 20px !important
}

    button[aria-label="Activate Accessibility"] svg, #muneer-trigger-button svg {
        fill: #074d31 !important
    }

    button[aria-label="Activate Accessibility"]:hover, #muneer-trigger-button:hover {
        background-color: #074d31 !important;
        color: #fff !important
    }

        button[aria-label="Activate Accessibility"]:hover svg, #muneer-trigger-button:hover svg {
            fill: #fff !important
        }

.section-footer .btn-outline-primary {
    position: relative;
    inset-inline-start: 4px
}

.news-card a.btn-primary.d-flex.gap-2.align-items-center {
    width: -moz-fit-content;
    width: fit-content
}

.reload-icon {
    width: 20px;
    height: 20px
}

.digital-platforms .img-card .item-title p {
    min-height: auto;
    margin-bottom: 0px;
}

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

.cx-close-confirm:focus, .cx-close-cancel:focus, .cx-button-close:focus, .cx-close-confirm:focus-visible, .cx-close-cancel:focus-visible, .cx-button-close:focus-visible {
    outline: 0 !important;
    outline-offset: 0px !important
}

@media(forced-colors: active) {
    * {
        forced-color-adjust: auto
    }
}

.error-page__image img {
    width: 100%;
    height: auto;
    max-width: 450px
}

#org-tree {
    width: 100%;
    height: 100vh;
    direction: ltr
}

.node-name {
    text-align: center;
    margin-bottom: 0
}

@media(max-width: 576px) {
    .employee-page .border-bottom {
        border: 1px solid rgba(0,0,0,0) !important
    }
}

.employee-page__image {
    padding-top: 5rem
}

@media(max-width: 576px) {
    .employee-page__image {
        padding-top: 0rem
    }
}

.orgchart-card {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 1.5rem;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 2rem;
    font-family: "IBMPlexSansArabic-Bold";
    border: 2px solid #b8eacb;
    color: #161616;
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    background-size: 150px;
    background-color: #f7fdf9;
    background-image: url("../images/Organizational-structure/member.svg");
    box-shadow: 0px 2px 4px -2px rgba(16,24,40,.06)
}

    .orgchart-card .member {
        font-size: 1.5rem
    }

    .orgchart-card.manager {
        background-color: #b8eacb;
        border: 2px solid #1b8354;
        background-image: url("../images/Organizational-structure/bg.svg")
    }

foreignObject.node {
    overflow: visible
}

.link path {
    stroke: #d2d6db;
    stroke-width: .15rem
}

.boc-light {
    background-color: rgba(0,0,0,0) !important
}

.chart-container {
    width: 100%;
    height: calc(100vh - 40px);
    border: none;
    border-radius: 12px;
    background: hsla(0,0%,100%,.15);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    overflow: hidden;
    margin-bottom: 100px
}

.boc-light {
    font: inherit !important
}

.boc-search {
    display: none
}

svg line[x1="4"][y1="32"][x2="28"][y2="32"] {
    display: none
}

#tree {
    background: linear-gradient(135deg, #f9fafb, #f9fafb)
}

.boc-toolbar-container {
    top: 100px;
    bottom: auto !important;
    background: hsla(0,0%,100%,.95) !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,.1) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid #d2d6db !important;
    padding: 0rem !important
}

    .boc-toolbar-container > div {
        border-radius: 6px !important;
        transition: all .3s ease !important;
        color: #fff !important;
        border: none !important;
        padding: 8px 12px !important;
        margin-bottom: 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important
    }

        .boc-toolbar-container > div svg {
            background-color: rgba(0,0,0,0) !important;
            border: 0 !important;
            box-shadow: none !important
        }

        .boc-toolbar-container > div:hover {
            background-color: #f5f5f5
        }

.info-panel h3 {
    color: #2c3e50;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600
}

.icon {
    display: none
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.chart-container {
    animation: fadeIn .6s ease-out
}

.boc-dark .boc-input > label.focused, .boc-light .boc-input > label.focused {
    color: #9da4ae !important
}

.page-header__top-bar {
    padding: 5.5px 150px;
    background-color: #f3f4f6
}

@media(max-width: 1500px) {
    .page-header__top-bar {
        padding: 5.5px 12px
    }
}

.digital-stamp-note {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .625rem
}

.digital-stamp-note__flag {
    width: 1.25rem;
    height: .875rem;
    -o-object-fit: contain;
    object-fit: contain
}

.digital-stamp-note__title {
    line-height: 1.5;
    font-family: "IBMPlexSansArabic-Medium";
    font-size: .875rem !important;
    color: #161616;
    margin: 0
}

.digital-stamp-note__btn {
    display: flex;
    align-items: center;
    gap: .375rem;
    font-family: "IBMPlexSansArabic-SemiBold";
    font-size: .75rem;
    color: #1b8354;
    text-decoration: none;
    background-color: rgba(0,0,0,0);
    border: none;
    padding: 0;
    transition: all .3s ease-in-out
}

@media(min-width: 576px) {
    .digital-stamp-note__btn {
        font-size: .875rem
    }
}

.digital-stamp-note__btn::after {
    content: "";
    width: .625rem;
    height: .375rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 5'%3E%3Cpath d='M.9.2l.47.62c.29.37.69.86,1.11,1.35A13.76,13.76,0,0,0,3.76,3.5a4.08,4.08,0,0,0,.52.4A1,1,0,0,0,4.5,4a1,1,0,0,0,.22-.1,4.08,4.08,0,0,0,.52-.4A13.76,13.76,0,0,0,6.52,2.17c.42-.49.82-1,1.11-1.35L8.1.2A.5.5,0,0,1,8.8.1a.5.5,0,0,1,.1.7h0l-.48.63c-.3.38-.71.89-1.15,1.4A16.94,16.94,0,0,1,5.9,4.25a4.25,4.25,0,0,1-.67.51A1.47,1.47,0,0,1,4.5,5a1.47,1.47,0,0,1-.73-.24,4.25,4.25,0,0,1-.67-.51A16.94,16.94,0,0,1,1.73,2.83c-.44-.51-.85-1-1.15-1.4L.1.8h0A.5.5,0,0,1,.2.1.5.5,0,0,1,.9.2Z' fill='%231b8354'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s ease-in-out
}

.digital-stamp-shown .digital-stamp-note__btn::after {
    transform: rotateX(180deg) rotateY(180deg)
}

@media(hover: hover) {
    .digital-stamp-note__btn:hover {
        color: #161616
    }

        .digital-stamp-note__btn:hover::after {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 5'%3E%3Cpath d='M.9.2l.47.62c.29.37.69.86,1.11,1.35A13.76,13.76,0,0,0,3.76,3.5a4.08,4.08,0,0,0,.52.4A1,1,0,0,0,4.5,4a1,1,0,0,0,.22-.1,4.08,4.08,0,0,0,.52-.4A13.76,13.76,0,0,0,6.52,2.17c.42-.49.82-1,1.11-1.35L8.1.2A.5.5,0,0,1,8.8.1a.5.5,0,0,1,.1.7h0l-.48.63c-.3.38-.71.89-1.15,1.4A16.94,16.94,0,0,1,5.9,4.25a4.25,4.25,0,0,1-.67.51A1.47,1.47,0,0,1,4.5,5a1.47,1.47,0,0,1-.73-.24,4.25,4.25,0,0,1-.67-.51A16.94,16.94,0,0,1,1.73,2.83c-.44-.51-.85-1-1.15-1.4L.1.8h0A.5.5,0,0,1,.2.1.5.5,0,0,1,.9.2Z' fill='%23161616'/%3E%3C/svg%3E")
        }
}

.digital-stamp-collapsible {
    display: grid;
    grid-template-rows: 0fr;
    pointer-events: none;
    opacity: 0;
    transition: grid-template-rows .2s ease-in-out,opacity .2s ease-in-out;
    padding: 0 150px;
    background-color: #f3f4f6
}

@media(max-width: 1500px) {
    .digital-stamp-shown .digital-stamp-collapsible {
        padding: 5px 20px 5px 20px
    }
}

.digital-stamp-shown .digital-stamp-collapsible {
    grid-template-rows: 1fr;
    pointer-events: auto;
    opacity: 1
}

.digital-stamp-collapsible__inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    transition: padding .3s ease-in-out
}

.digital-stamp-shown .digital-stamp-collapsible__inner {
    padding-block: 2.5rem 2rem
}

.digital-stamp-details {
    display: flex;
    align-items: flex-start;
    gap: 1rem
}

.digital-stamp-details__icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border: .0625rem solid #067647;
    border-radius: 50%
}

    .digital-stamp-details__icon > img {
        width: 1rem;
        height: 1rem;
        -o-object-fit: contain;
        object-fit: contain
    }

.digital-stamp-details__title {
    line-height: 1.5;
    font-family: "IBMPlexSansArabic-Bold";
    font-size: 1.0625rem !important;
    color: #161616;
    margin-bottom: .75rem
}

.digital-stamp-details__description {
    font-family: "IBMPlexSansArabic-SemiBold";
    font-size: .9375rem;
    color: #384250;
    margin-bottom: 0
}

.digital-stamp-number {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem;
    font-size: .9375rem;
    background-color: #fff;
    border-radius: .5rem;
    padding: .5rem 1.75rem
}

.digital-stamp-number__logo {
    width: 1.25rem;
    height: 1.875rem;
    -o-object-fit: contain;
    object-fit: contain
}

.digital-stamp-number__description {
    font-family: "IBMPlexSansArabic-SemiBold";
    color: #161616
}

.digital-stamp-number__url {
    color: #1b8354
}

@media(hover: hover) {
    .digital-stamp-number__url:hover {
        color: #161616
    }
}

.action_wrapper .page-header__actions:last-child {
    position: relative
}

    .action_wrapper .page-header__actions:last-child::before {
        content: "";
        background-color: #babec5;
        height: 50%;
        width: 1px
    }

.national-day .footer-bottom {
    position: relative;
    padding-top: 150px
}

    .national-day .footer-bottom::before {
        content: "";
        background-image: url(../images/national-day/footer-before.svg);
        height: 86px;
        background-repeat: repeat;
        width: 200%;
        position: absolute;
        top: 0;
        inset-inline-end: -25%
    }

.national-day .footer-national-day {
    display: block !important
}

.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
}

.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
}

.form-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 0
}

    .form-group .form-label:not(.file-infoFile) {
        width: 100%
    }

.page-content .form-group {
    flex-direction: row;
    flex-wrap: wrap
}

.accordion-body .form-group {
    flex-direction: column
}

#toast-container > div {
    position: relative;
    bottom: 0 !important;
    width: 365px;
    min-height: 4.5rem;
    align-content: center;
    font-size: .875rem !important;
    color: #384250 !important;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M0,20A20,20,0,1,1,20,40,20,20,0,0,1,0,20Z' fill='%23f9fafb'/%3E%3Cpath d='M19.58,19.79h-.21a.63.63,0,1,1,0-1.25h0a4.26,4.26,0,0,1,.51,0,1,1,0,0,1,.9.9,4.26,4.26,0,0,1,0,.51v4.2a.63.63,0,0,1-1.25,0V19.79Zm.41-4a.84.84,0,0,0-.83.84.83.83,0,0,0,.83.83h0a.83.83,0,0,0,.83-.83.84.84,0,0,0-.83-.84ZM11,20a9,9,0,1,0,9-9A9,9,0,0,0,11,20Zm9,7.71A7.71,7.71,0,1,1,27.71,20,7.71,7.71,0,0,1,20,27.71Z' fill='%23161616'/%3E%3C/svg%3E") !important;
    background-size: 2.5rem 2.5rem !important;
    background-repeat: no-repeat;
    background-position: right 1.5rem top 1rem !important;
    border: none !important;
    border-inline-start: .5rem solid rgba(229,231,235,.7) !important;
    border-radius: 8px !important;
    box-shadow: 0 2rem 4rem -0.75rem rgba(16,24,40,.14) !important;
    opacity: 1 !important;
    padding: 1rem 1.5rem !important;
    padding-inline-start: 4.75rem !important;
    margin: 0 !important
}

    #toast-container > div:has(.toast-close-button) {
        padding-inline-end: 60px !important
    }

[dir=rtl] #toast-container > div {
    background-position: right 1.5rem top 1rem !important
}

[dir=ltr] #toast-container > div {
    background-position: left 1.5rem top 1rem !important
}

#toast-container > .toast-success {
    border-color: #4daf83 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M0,20A20,20,0,1,1,20,40,20,20,0,0,1,0,20Z' fill='%23ecfdf3'/%3E%3Cpath d='M23.79,17.92a.62.62,0,0,0,0-.88.63.63,0,0,0-.89,0L18.73,21.6,17.11,20a.63.63,0,0,0-.89.89l2.09,2.08a.63.63,0,0,0,.9,0ZM20,29a9,9,0,1,1,9-9A9,9,0,0,1,20,29Zm-7.71-9A7.71,7.71,0,1,0,20,12.29,7.71,7.71,0,0,0,12.29,20Z' fill='%23067647'/%3E%3C/svg%3E") !important
}

#toast-container > .toast-info {
    border-color: #5798f1 !important;
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M0,20A20,20,0,1,1,20,40,20,20,0,0,1,0,20Z' fill='%23eff8ff'/%3E%3Cpath d='M19.58,19.79h-.21a.63.63,0,1,1,0-1.25h0a4.26,4.26,0,0,1,.51,0,1,1,0,0,1,.9.9,4.26,4.26,0,0,1,0,.51v4.2a.63.63,0,0,1-1.25,0V19.79Zm.41-4a.84.84,0,0,0-.83.84.83.83,0,0,0,.83.83h0a.83.83,0,0,0,.83-.83.84.84,0,0,0-.83-.84ZM11,20a9,9,0,1,0,9-9A9,9,0,0,0,11,20Zm9,7.71A7.71,7.71,0,1,1,27.71,20,7.71,7.71,0,0,1,20,27.71Z' fill='%23175cd3'/%3E%3C/svg%3E") !important
}

#toast-container > .toast-error {
    border-color: #e0695f !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M0,20A20,20,0,1,1,20,40,20,20,0,0,1,0,20Z' fill='%23fef3f2'/%3E%3Cpath d='M19.16,23.33A.83.83,0,0,1,20,22.5h0a.83.83,0,0,1,.83.83.84.84,0,0,1-.83.84h0A.84.84,0,0,1,19.16,23.33Zm.22-2.5a.62.62,0,0,0,.62.63.63.63,0,0,0,.63-.63V17.5a.62.62,0,0,0-.63-.62.61.61,0,0,0-.62.62Zm-.74-9.15a4.22,4.22,0,0,1,2.72,0,4.81,4.81,0,0,1,2.28,2c.69,1,1.46,2.34,2.45,4.09l0,.07A46.57,46.57,0,0,1,28.36,22a5,5,0,0,1,.53,3,4.45,4.45,0,0,1-1.35,2.39,4.65,4.65,0,0,1-2.81,1c-1.18.13-2.71.13-4.69.13H20c-2,0-3.51,0-4.69-.13a4.65,4.65,0,0,1-2.81-1A4.45,4.45,0,0,1,11.11,25a5,5,0,0,1,.53-3,46.57,46.57,0,0,1,2.23-4.21l0-.07c1-1.75,1.76-3.11,2.45-4.09A4.81,4.81,0,0,1,18.64,11.68ZM21,12.87a3.07,3.07,0,0,0-1.94,0,3.53,3.53,0,0,0-1.65,1.5c-.65.91-1.39,2.21-2.4,4s-1.75,3.09-2.2,4.12a3.79,3.79,0,0,0-.45,2.23,3.2,3.2,0,0,0,1,1.73,3.55,3.55,0,0,0,2.1.71c1.1.12,2.56.12,4.59.12s3.49,0,4.59-.12a3.55,3.55,0,0,0,2.1-.71,3.2,3.2,0,0,0,1-1.73,3.79,3.79,0,0,0-.45-2.23c-.45-1-1.19-2.33-2.2-4.12s-1.75-3.1-2.4-4A3.53,3.53,0,0,0,21,12.87Z' fill='%23d92d20'/%3E%3C/svg%3E") !important
}

#toast-container > .toast-warning {
    border-color: #e2924b !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M0,20A20,20,0,1,1,20,40,20,20,0,0,1,0,20Z' fill='%23fffaeb'/%3E%3Cpath d='M19.16,22.5a.83.83,0,0,1,.83-.83h0a.83.83,0,0,1,0,1.66h0A.83.83,0,0,1,19.16,22.5Zm.22-2.5a.62.62,0,0,0,1.24,0V16.67a.62.62,0,1,0-1.24,0ZM11,20a9,9,0,1,1,9,9A9,9,0,0,1,11,20Zm9-7.71A7.71,7.71,0,1,0,27.71,20,7.71,7.71,0,0,0,20,12.29Z' fill='%23b54708'/%3E%3C/svg%3E") !important
}

.toast-title {
    font-family: "IBMPlexSansArabic-Bold";
    font-weight: normal
}

.toast-close-button {
    position: absolute;
    inset: unset;
    top: 16px;
    inset-inline-end: 16px;
    font-size: 25px;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-shadow: none;
    text-indent: -999999px;
    background-image: url(/images/close.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 10px !important;
    background-position: center !important;
    background-color: rgba(0,0,0,0) !important;
    float: none;
    border: none;
    opacity: 1
}

    .toast-close-button:hover {
        opacity: 1 !important;
        background-color: #f3f4f6 !important
    }


.input-with-icon {
    padding-top: 0 !important
}

.VidlangAR .form-group-vid input {
    padding: .5rem 40px .5rem .5rem !important
}

@media only screen and (max-width: 768px) {
    .VidlangAR .form-group-vid input {
        padding-right: 40px !important
    }
}

.hrdfModalMsg {
    direction: unset !important
}

.modal-content, .modal-content2 {
    height: unset !important
}

.close-btn {
    top: 20px !important;
    left: unset !important;
    inset-inline-end: 20px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px
}

.info-icon {
    margin-left: unset !important
}

.form-group {
    position: relative
}

    .form-group .form-control {
        color: var(--color-primary)
    }

.form-label {
    font-size: 1rem;
    margin-bottom: 8px
}

    .form-label.required:after {
        content: "*";
        color: #b42318
    }

.form-group .form-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: "IBMPlexSansArabic-Bold",sans-serif;
    font-size: 1rem;
    padding-inline-start: 16px;
    color: var(--color-secondary)
}

@media(max-width: 991.98px) {
    .form-group .form-label {
        font-size: .875rem
    }
}

.floating-label {
    position: absolute;
    top: 10px;
    inset-inline-start: 1rem;
    pointer-events: none;
    transition: all .2s ease-out
}

.form-control:not(:-moz-placeholder) ~ .floating-label {
    transform: translateY(-24px) scale(0.8);
    background-color: #fafeff;
    padding-inline: 16px;
    inset-inline-start: .5rem
}

.form-control:focus ~ .floating-label, .form-control:not(:placeholder-shown) ~ .floating-label {
    transform: translateY(-24px) scale(0.8);
    background-color: #fafeff;
    padding-inline: 16px;
    inset-inline-start: .5rem
}

.sub-label {
    font-size: .75rem
}

.label-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-color: var(--color-primary);
    border-radius: 50%;
    font-size: .75rem
}

.requiredMsg, .required-field {
    display: block;
    color: #d6183a;
    padding-block: 6px;
    font-size: .875rem
}

.form-group .requiredMsg, .form-group .required-field {
    padding-inline-start: 16px
}

.characters-count {
    padding: .5rem .875rem;
    color: var(--color-gray-color)
}

.form-control, input[type=text].form-control, .form-select {
    border-radius: 4px;
    padding: 7.2px 16px;
    font-size: 1rem;
    border-color: #9da4ae;
    color: #384250 !important;
    font-family: "IBMPlexSansArabic-Regular";
    background: linear-gradient(#0D121C, #0D121C),linear-gradient(#fff, #fff);
    background-size: 0 2px,auto;
    background-repeat: no-repeat;
    background-position: center bottom;
    transition: all .2s ease-out;
    background-color: #fff !important;
    position: relative
}

    .form-control::-moz-placeholder, input[type=text].form-control::-moz-placeholder, .form-select::-moz-placeholder {
        color: #6c737f
    }

    .form-control::placeholder, input[type=text].form-control::placeholder, .form-select::placeholder {
        color: #6c737f
    }

    .form-control:focus, input[type=text].form-control:focus, .form-select:focus {
        box-shadow: 0px 2px 4px -2px rgba(16,24,40,.06)
    }

    .form-control:is(:hover), input[type=text].form-control:is(:hover), .form-select:is(:hover) {
        border-color: #384250;
        outline: 0;
        color: #161616 !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
    }

.input-group .form-control, .input-group input[type=text].form-control, .input-group .form-select {
    box-shadow: none
}

    .input-group .form-control:is(:active,:focus), .input-group input[type=text].form-control:is(:active,:focus), .input-group .form-select:is(:active,:focus) {
        border-color: rgba(0,0,0,0)
    }

.form-control.secondary, input[type=text].form-control.secondary, .form-select.secondary {
    border-color: var(--color-secondary);
    color: var(--color-secondary)
}

.form-control.danger, input[type=text].form-control.danger, .form-select.danger {
    border-color: var(--color-danger);
    color: var(--color-danger)
}

.form-control::-moz-placeholder, input[type=text].form-control::-moz-placeholder, .form-select::-moz-placeholder {
    overflow: visible;
    font-family: "IBMPlexSansArabic-Regular"
}

.form-control::placeholder, input[type=text].form-control::placeholder, .form-select::placeholder {
    overflow: visible;
    font-family: "IBMPlexSansArabic-Regular"
}

.readonly .form-control, .form-control.readonly, .readonly input[type=text].form-control, input[type=text].form-control.readonly, .readonly .form-select, .form-select.readonly {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: .5
}

.form-control:disabled, input[type=text].form-control:disabled, .form-select:disabled {
    background-color: #eff7fe;
    border-color: #e1e1e8
}

.card .form-control, .card input[type=text].form-control, .card .form-select {
    background-color: #fff
}

    .card .form-control:is(:active,:focus), .card input[type=text].form-control:is(:active,:focus), .card .form-select:is(:active,:focus) {
        background-color: #fff
    }

    .card .form-control:disabled, .card input[type=text].form-control:disabled, .card .form-select:disabled {
        background-color: #eff7fe;
        border-color: #e1e1e8
    }

.search-input {
    position: relative
}

    .search-input::before {
        content: "";
        position: absolute;
        top: 50%;
        inset-inline-start: 1rem;
        width: 1.125rem;
        height: 1.125rem;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.92 17.92'%3E%3Cpath d='M8.12,0a8.13,8.13,0,1,0,5.29,14.3l3.44,3.43a.62.62,0,0,0,.88-.88L14.3,13.41A8.13,8.13,0,0,0,8.12,0ZM1.25,8.12A6.88,6.88,0,1,1,8.12,15,6.88,6.88,0,0,1,1.25,8.12Z' fill='%23161616' fill-rule='evenodd'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        z-index: 1;
        transform: translateY(-50%)
    }

    .search-input .form-control {
        padding-inline-start: 2.5rem !important;
        padding-inline-end: 5rem !important
    }

.search-input__clear-btn {
    position: absolute;
    top: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    inset-inline-end: 3.625rem;
    width: 1.125rem;
    height: 1.125rem;
    background-color: rgba(0,0,0,0);
    border: none;
    z-index: 1;
    padding: 0;
    transform: translateY(-50%)
}

    .search-input__clear-btn > svg {
        width: .8125rem;
        height: .8125rem;
        -o-object-fit: contain;
        object-fit: contain
    }

    .search-input__clear-btn::after {
        flex-shrink: 0;
        content: "";
        position: absolute;
        top: 50%;
        inset-inline-end: -0.75rem;
        height: 25px;
        width: 1px;
        background-color: #d2d6db;
        pointer-events: none;
        transform: translateY(-50%)
    }

.form-select-sm {
    padding-block: 3.2px
}

input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.392' height='12.391' viewBox='0 0 12.392 12.391'%3E%3Cg id='Group_40908' data-name='Group 40908' transform='translate(-342.076 -1810.076)'%3E%3Cline id='Line_79' data-name='Line 79' x1='11.543' y2='11.543' transform='translate(342.5 1810.5)' fill='none' stroke='%23fff' stroke-width='1.2'/%3E%3Cline id='Line_80' data-name='Line 80' x2='11.543' y2='11.543' transform='translate(342.5 1810.5)' fill='none' stroke='%23fff' stroke-width='1.2'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px
}

.form-select, .content select:not(.ms-cui-cb-input) {
    padding-inline-end: 32px;
    background-position: 10px
}

    .readonly .form-select:not(.ms-cui-cb-input), .form-select.readonly, .readonly .content select:not(.ms-cui-cb-input):not(.ms-cui-cb-input), .content select:not(.ms-cui-cb-input).readonly {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237289A0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")
    }

    .form-select option, .content select:not(.ms-cui-cb-input) option {
        font-size: .875rem;
        color: #000
    }

    .form-select.secondary, .content select:not(.ms-cui-cb-input).secondary {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%230094D3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")
    }

    .form-select.danger, .content select:not(.ms-cui-cb-input).danger {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23F9516F' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")
    }

select, option {
    font-family: inherit
}

input[type=email], input[type=date], input.datepicker {
    text-align: start !important;
    direction: inherit
}

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;
    scroll-padding: 20px
}

    textarea.form-control.no-scrollbar::-webkit-scrollbar {
        display: none
    }

    textarea.form-control:hover {
        border-color: #384250 !important
    }

.select-container {
    height: 44px
}

    .select-container select.secondary {
        border: 1px solid #fff !important;
        box-shadow: 0px 4px 30px 0px rgba(0,0,0,.0588235294)
    }

        .select-container select.secondary:focus {
            border-color: var(--color-secondary) !important
        }

.input-group:not(.separate-input-group) {
    padding: 0;
    gap: 10px;
    background-color: #fff;
    border-radius: 4px
}

    .input-group:not(.separate-input-group) input:not(.btn) {
        border-radius: 4px !important
    }

        .input-group:not(.separate-input-group) input:not(.btn):is(:focus,:active) {
            box-shadow: none;
            outline: none;
            border: 1px solid #9da4ae !important
        }

        .input-group:not(.separate-input-group) input:not(.btn).disabled {
            opacity: 1
        }

@media(max-width: 575.98px) {
    .input-group:not(.separate-input-group) input:not(.btn) {
        font-size: .75rem
    }
}

.input-group:not(.separate-input-group) .input-group-text {
    background-color: rgba(0,0,0,0);
    border: 0;
    border-inline-start: 1px solid #dee2e7;
    padding-inline: 16px;
    font-family: "IBMPlexSansArabic-Bold",sans-serif;
    color: var(--color-secondary)
}

.input-group:not(.separate-input-group) .btn {
    border-radius: 4px !important
}

.input-group:not(.separate-input-group) .btn-icon {
    width: 40px
}

.separate-input-group {
    gap: 8px;
    flex-wrap: wrap
}

    .separate-input-group input, .separate-input-group .btn {
        border-radius: 100px !important
    }

@media(max-width: 575.98px) {
    .separate-input-group .form-control {
        min-width: 150px
    }

    .separate-input-group .btn {
        width: 100%
    }
}

.check-btn-lg {
    margin: 0;
    padding-inline: 8px
}

    .check-btn-lg input[type=radio] {
        display: none
    }

    .check-btn-lg label {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 24px;
        height: 100px;
        min-width: 150px;
        border: 1px solid #e6e6e6;
        gap: 8px;
        border-radius: 16px;
        cursor: pointer;
        transition: all .3s ease-in-out
    }

        .check-btn-lg label .title {
            color: var(--color-secondary)
        }

        .check-btn-lg label svg {
            flex-shrink: 0;
            height: 24px
        }

        .check-btn-lg label:hover {
            background-color: var(--color-secondary);
            border-color: var(--color-secondary);
            color: #fff
        }

            .check-btn-lg label:hover svg {
                filter: brightness(0) invert(1)
            }

            .check-btn-lg label:hover .title {
                color: #fff
            }

@media(max-width: 575.98px) {
    .check-btn-lg label {
        min-width: auto;
        height: 70px;
        font-size: 1rem
    }
}

.check-btn-lg input:checked + label {
    background-color: var(--color-secondary);
    border: 1px solid var(--color-secondary);
    color: #fff
}

    .check-btn-lg input:checked + label svg {
        filter: brightness(0) invert(1)
    }

    .check-btn-lg input:checked + label .title {
        color: #fff
    }

.check-btn-lg td {
    padding: 0 8px
}

    .check-btn-lg td label {
        text-align: center;
        line-height: 1;
        gap: 0;
        justify-content: center;
        font-size: 1.25rem;
        font-family: "Somar-SemiBold"
    }

@media(max-width: 575.98px) {
    .check-btn-lg td label {
        font-size: 1rem
    }
}

.captcha-control {
    display: flex;
    align-items: center;
    gap: 1.25rem
}

    .captcha-control .captcha {
        position: relative
    }

        .captcha-control .captcha .captchaimg {
            position: relative;
            inset-inline-end: 2px;
            inset-block: 0;
            margin: auto;
            display: flex;
            align-items: center
        }

            .captcha-control .captcha .captchaimg .captchaimg {
                width: 160px;
                border-radius: 100px;
                overflow: hidden
            }

            .captcha-control .captcha .captchaimg .refreshcaptcha {
                position: absolute;
                inset-inline-end: 0;
                inset-block: 0;
                margin: auto;
                width: 32px;
                height: 32px
            }

.datePickerContainer {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 0
}

    .datePickerContainer input {
        padding-inline-end: 100px;
        width: 100%
    }

    .datePickerContainer select, .datePickerContainer .custom-select {
        position: relative;
        width: 120px !important;
        flex: none !important;
        line-height: 1;
        background-color: var(--color-secondary);
        border-color: var(--color-secondary);
        color: #fff;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
        background-image: linear-gradient(#0D121C, #0D121C),linear-gradient(#fff, #fff);
        background-size: 0 2px,auto;
        background-repeat: no-repeat;
        background-position: center bottom;
        transition: all .2s ease-out
    }

        .datePickerContainer select:is(:active,:focus,:hover), .datePickerContainer .custom-select:is(:active,:focus,:hover) {
            border-color: #161616;
            outline: 0;
            color: #161616;
            background-size: 100% 2px,auto
        }

            .datePickerContainer select:is(:active,:focus,:hover)::-moz-placeholder, .datePickerContainer .custom-select:is(:active,:focus,:hover)::-moz-placeholder {
                color: #161616
            }

            .datePickerContainer select:is(:active,:focus,:hover)::placeholder, .datePickerContainer .custom-select:is(:active,:focus,:hover)::placeholder {
                color: #161616
            }

.form-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 24px 0 0
}

    .form-actions.top-border {
        padding-top: 24px;
        border-top: 1px solid rgba(131,149,183,.4)
    }

@media(max-width: 575.98px) {
    .form-actions .btn {
        flex: 1
    }
}

.max_note {
    font-size: .875rem;
    color: #b5b0d2;
    padding: 8px 0
}

.search .input-group {
    padding-inline: 3px;
    border: 1px solid #d8e3e9;
    background-color: #fff;
    gap: 8px;
    align-items: center;
    transition: all .3s ease-in-out
}

.theme-dark .search .input-group {
    border: 1px solid rgba(0,0,0,0)
}

.search .input-group .form-control {
    background-color: rgba(0,0,0,0);
    border: 0;
    outline: none;
    box-shadow: none
}

.theme-dark .search .input-group .form-control {
    color: #000
}

.search .input-group button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35px;
    padding: 0 24px;
    box-shadow: none;
    outline: none;
    border: 0;
    border-radius: 40px !important
}

    .search .input-group button svg {
        height: 16px;
        flex-shrink: 0
    }

    .search .input-group button.btn-icon {
        width: 35px;
        padding: 0
    }

.search .input-group .clear-btn {
    background-color: rgba(0,0,0,0);
    opacity: .5
}

    .search .input-group .clear-btn:hover {
        opacity: 1
    }

.search .input-group .site-search-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    min-width: auto;
    transition: all .3s ease-in-out
}

.custom-popover {
    --bs-popover-max-width: 200px;
    --bs-popover-border-color: #b4872d;
    --bs-popover-header-bg: #b4872d;
    --bs-popover-header-color: var(--bs-white);
    --bs-popover-body-padding-x: 0.5rem;
    --bs-popover-body-padding-y: 0.5rem
}

.custom-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type=checkbox].custom-input {
    border-radius: 2px;
    width: 28px;
    height: 28px;
    border: 1px solid #6c737f;
    position: relative;
    cursor: pointer
}

    input[type=checkbox].custom-input:active {
        background-color: #d2d6db !important;
        border: 1px solid #6c737f !important
    }

    input[type=checkbox].custom-input:checked:not(.check-content__wrapper input[type=checkbox].custom-input:checked):active {
        background-color: #104631 !important;
        border: 1px solid #104631 !important
    }

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

.custom-input::before {
    display: block;
    content: "";
    width: 14px;
    height: 14px;
    transition: 120ms transform ease-in-out
}

.custom-input:checked {
    background-color: #1b8354 !important;
    border: 1px solid #1b8354 !important;
    outline: none
}

    .custom-input:checked:focus {
        background-color: #1b8354 !important;
        outline: 2px solid #161616
    }

    .custom-input:checked:hover {
        background-color: #14573a !important;
        border: 1px solid #14573a !important;
        outline: none
    }

.checkbox-wrapper:has(.custom-input:checked)::after {
    opacity: 1
}

.custom-input:focus {
    background-color: #fff;
    box-shadow: 0px 0px 0px 5px #161616 !important;
    outline: 3px solid #fff !important
}

.checkbox-wrapper:has(.custom-input)::after {
    display: none
}

.checkbox-wrapper:has(.custom-input:checked):after, .checkbox-wrapper:has(.form-check-input[type=radio]:checked):after, .checkbox-wrapper:has(.form-check-input[type=radio]:checked:active):after {
    opacity: 1
}

input[type=checkbox].custom-input:checked::before {
    transform: scale(1);
    background-image: url("../images/checked.svg");
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    inset-inline-start: 5px
}

.check-content {
    display: flex;
    color: #1f2a37;
    font-size: 1.125rem;
    gap: 15px;
    align-items: center
}

.checkbox-wrapper {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center
}

    .checkbox-wrapper .form-check {
        position: relative
    }

        .checkbox-wrapper .form-check::before {
            content: "";
            border: 2px solid #161616;
            width: 35px;
            height: 35px;
            border-radius: 0px;
            position: absolute;
            top: -3px;
            z-index: -1;
            inset-inline-start: -4px;
            transition: all .3s ease-in-out;
            display: none
        }

        .checkbox-wrapper .form-check:focus {
            background-color: #ff0
        }

            .checkbox-wrapper .form-check:focus ::before {
                display: block;
                opacity: 1;
                background-color: red
            }

    .checkbox-wrapper label.form-check-label.circle-outline.title:active::before {
        background-color: #d2d6db !important
    }

.radio-list {
    margin-top: 0px
}

.reason-wrapper {
    display: flex;
    justify-content: space-between;
    background-color: #fff
}

@media(max-width: 992px) {
    .reason-wrapper {
        flex-direction: column
    }
}

.reason-wrapper .reason {
    flex: 1
}

.comment-form {
    width: 100%;
    flex: 1
}

.form-group .form-label {
    color: #161616;
    font-family: "IBMPlexSansArabic-Regular";
    margin-bottom: 5px;
    font-size: .875rem;
    padding-inline-start: 0;
    margin-bottom: 10px;
    display: block;
    font-size: 1rem
}

form ::after label {
    color: #161616;
    font-family: "IBMPlexSansArabic-Regular";
    margin-bottom: 5px;
    font-size: .875rem
}

form sup {
    color: #b42318;
    font-size: 18px;
    position: relative;
    top: -2px
}

form .text-muted {
    color: #b42318;
    opacity: 0
}

.events-container .form-select {
    padding-inline-end: 100px !important
}

@media(max-width: 1400px) {
    .events-container .form-select {
        padding-inline-end: 32px !important
    }
}

.date-control {
    background-image: url("../images/select-calendar.svg") !important;
    background-repeat: no-repeat;
    background-position: 16px center;
    background-color: #1b8354 !important;
    color: #fff !important;
    background-size: 20px !important;
    padding-inline-start: 40px;
    background-position: 90%;
    padding-inline-end: 15px !important;
    border: 1px solid rgba(0,0,0,0)
}

    .date-control option {
        color: #fff !important
    }

[dir=ltr] .date-control {
    background-position: 10%;
    background-size: 20px !important
}

.file-infoDataDetailsFile {
    border: 1px solid #d2d6db;
    color: #161616;
    border-radius: 5px;
    width: 325px;
    padding: 15px !important;
    display: flex;
    justify-content: space-between;
    position: relative;
    font-family: "IBMPlexSansArabic-Medium";
    background-color: #f3f4f6
}

@media(max-width: 768px) {
    .file-infoDataDetailsFile {
        width: 50%
    }
}

@media(max-width: 576px) {
    .file-infoDataDetailsFile {
        width: 100%
    }
}

.file-infoDataDetailsFile .file-nameDataDetailsFile {
    position: relative;
    padding-inline-start: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

    .file-infoDataDetailsFile .file-nameDataDetailsFile::before {
        width: 18px;
        height: 18px;
        content: "";
        display: block;
        position: absolute;
        inset-inline-start: 0;
        background-image: url("data:image/svg+xml; base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05Ljk5OTkyIDE5LjE2NjhDMTUuMDYyNSAxOS4xNjY4IDE5LjE2NjYgMTUuMDYyOCAxOS4xNjY2IDEwLjAwMDJDMTkuMTY2NiA0LjkzNzU1IDE1LjA2MjUgMC44MzM0OTYgOS45OTk5MiAwLjgzMzQ5NkM0LjkzNzMxIDAuODMzNDk2IDAuODMzMjUyIDQuOTM3NTUgMC44MzMyNTIgMTAuMDAwMkMwLjgzMzI1MiAxNS4wNjI4IDQuOTM3MzEgMTkuMTY2OCA5Ljk5OTkyIDE5LjE2NjhaTTUuODc1MSA5LjI2NzkzQzUuNTQ5NjYgOS41OTMzNyA1LjU0OTY2IDEwLjEyMSA1Ljg3NTEgMTAuNDQ2NEw4LjIzMjEyIDEyLjgwMzVDOC41NTc1NiAxMy4xMjg5IDkuMDg1MiAxMy4xMjg5IDkuNDEwNjMgMTIuODAzNUwxNC4xMjQ3IDguMDg5NDJDMTQuNDUwMSA3Ljc2Mzk4IDE0LjQ1MDEgNy4yMzYzNCAxNC4xMjQ3IDYuOTEwOTFDMTMuNzk5MiA2LjU4NTQ3IDEzLjI3MTYgNi41ODU0NyAxMi45NDYyIDYuOTEwOTFMOC44MjEzOCAxMS4wMzU3TDcuMDUzNjEgOS4yNjc5M0M2LjcyODE3IDguOTQyNDkgNi4yMDA1NCA4Ljk0MjQ5IDUuODc1MSA5LjI2NzkzWiIgZmlsbD0iIzA2NzY0NyIvPgo8L3N2Zz4K");
        background-position: center;
        background-size: cover;
        top: 3px
    }

.file-infoDataDetailsFile .delete-btnDataDetailsFile {
    border: 0;
    padding: 0;
    position: absolute;
    inset-inline-end: 15px;
    top: 20px;
    background-image: url("data:image/svg+xml; base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjY0NjQ0NyAwLjY0NjQ0N0MwLjg0MTcwOSAwLjQ1MTE4NCAxLjE1ODI5IDAuNDUxMTg0IDEuMzUzNTUgMC42NDY0NDdMNSA0LjI5Mjg5TDguNjQ2NDUgMC42NDY0NDdDOC44NDE3MSAwLjQ1MTE4NSA5LjE1ODI5IDAuNDUxMTg1IDkuMzUzNTUgMC42NDY0NDdDOS41NDg4MiAwLjg0MTcwOSA5LjU0ODgyIDEuMTU4MjkgOS4zNTM1NSAxLjM1MzU1TDUuNzA3MTEgNUw5LjM1MzU1IDguNjQ2NDVDOS41NDg4MiA4Ljg0MTcxIDkuNTQ4ODIgOS4xNTgyOSA5LjM1MzU1IDkuMzUzNTVDOS4xNTgyOSA5LjU0ODgyIDguODQxNzEgOS41NDg4MiA4LjY0NjQ1IDkuMzUzNTVMNSA1LjcwNzExTDEuMzUzNTUgOS4zNTM1NUMxLjE1ODI5IDkuNTQ4ODIgMC44NDE3MDkgOS41NDg4MiAwLjY0NjQ0NyA5LjM1MzU1QzAuNDUxMTg0IDkuMTU4MjkgMC40NTExODQgOC44NDE3MSAwLjY0NjQ0NyA4LjY0NjQ1TDQuMjkyODkgNUwwLjY0NjQ0NyAxLjM1MzU1QzAuNDUxMTg1IDEuMTU4MjkgMC40NTExODUgMC44NDE3MDkgMC42NDY0NDcgMC42NDY0NDdaIiBmaWxsPSIjMTYxNjE2Ii8+Cjwvc3ZnPgo=");
    background-size: cover;
    width: 13px;
    height: 13px;
    font-size: 0
}

.file-infoLegalDocumentFile {
    border: 1px solid #d2d6db;
    color: #161616;
    border-radius: 5px;
    width: 325px;
    padding: 15px !important;
    display: flex;
    justify-content: space-between;
    position: relative;
    font-family: "IBMPlexSansArabic-Medium";
    background-color: #f3f4f6
}

@media(max-width: 768px) {
    .file-infoLegalDocumentFile {
        width: 50%
    }
}

@media(max-width: 576px) {
    .file-infoLegalDocumentFile {
        width: 100%
    }
}

.file-infoLegalDocumentFile .file-nameLegalDocumentFile {
    position: relative;
    padding-inline-start: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

    .file-infoLegalDocumentFile .file-nameLegalDocumentFile::before {
        width: 18px;
        height: 18px;
        content: "";
        display: block;
        position: absolute;
        inset-inline-start: 0;
        background-image: url("data:image/svg+xml; base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05Ljk5OTkyIDE5LjE2NjhDMTUuMDYyNSAxOS4xNjY4IDE5LjE2NjYgMTUuMDYyOCAxOS4xNjY2IDEwLjAwMDJDMTkuMTY2NiA0LjkzNzU1IDE1LjA2MjUgMC44MzM0OTYgOS45OTk5MiAwLjgzMzQ5NkM0LjkzNzMxIDAuODMzNDk2IDAuODMzMjUyIDQuOTM3NTUgMC44MzMyNTIgMTAuMDAwMkMwLjgzMzI1MiAxNS4wNjI4IDQuOTM3MzEgMTkuMTY2OCA5Ljk5OTkyIDE5LjE2NjhaTTUuODc1MSA5LjI2NzkzQzUuNTQ5NjYgOS41OTMzNyA1LjU0OTY2IDEwLjEyMSA1Ljg3NTEgMTAuNDQ2NEw4LjIzMjEyIDEyLjgwMzVDOC41NTc1NiAxMy4xMjg5IDkuMDg1MiAxMy4xMjg5IDkuNDEwNjMgMTIuODAzNUwxNC4xMjQ3IDguMDg5NDJDMTQuNDUwMSA3Ljc2Mzk4IDE0LjQ1MDEgNy4yMzYzNCAxNC4xMjQ3IDYuOTEwOTFDMTMuNzk5MiA2LjU4NTQ3IDEzLjI3MTYgNi41ODU0NyAxMi45NDYyIDYuOTEwOTFMOC44MjEzOCAxMS4wMzU3TDcuMDUzNjEgOS4yNjc5M0M2LjcyODE3IDguOTQyNDkgNi4yMDA1NCA4Ljk0MjQ5IDUuODc1MSA5LjI2NzkzWiIgZmlsbD0iIzA2NzY0NyIvPgo8L3N2Zz4K");
        background-position: center;
        background-size: cover;
        top: 3px
    }

.file-infoLegalDocumentFile .delete-btnLegalDocumentFile {
    border: 0;
    padding: 0;
    position: absolute;
    inset-inline-end: 15px;
    top: 20px;
    background-image: url("data:image/svg+xml; base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjY0NjQ0NyAwLjY0NjQ0N0MwLjg0MTcwOSAwLjQ1MTE4NCAxLjE1ODI5IDAuNDUxMTg0IDEuMzUzNTUgMC42NDY0NDdMNSA0LjI5Mjg5TDguNjQ2NDUgMC42NDY0NDdDOC44NDE3MSAwLjQ1MTE4NSA5LjE1ODI5IDAuNDUxMTg1IDkuMzUzNTUgMC42NDY0NDdDOS41NDg4MiAwLjg0MTcwOSA5LjU0ODgyIDEuMTU4MjkgOS4zNTM1NSAxLjM1MzU1TDUuNzA3MTEgNUw5LjM1MzU1IDguNjQ2NDVDOS41NDg4MiA4Ljg0MTcxIDkuNTQ4ODIgOS4xNTgyOSA5LjM1MzU1IDkuMzUzNTVDOS4xNTgyOSA5LjU0ODgyIDguODQxNzEgOS41NDg4MiA4LjY0NjQ1IDkuMzUzNTVMNSA1LjcwNzExTDEuMzUzNTUgOS4zNTM1NUMxLjE1ODI5IDkuNTQ4ODIgMC44NDE3MDkgOS41NDg4MiAwLjY0NjQ0NyA5LjM1MzU1QzAuNDUxMTg0IDkuMTU4MjkgMC40NTExODQgOC44NDE3MSAwLjY0NjQ0NyA4LjY0NjQ1TDQuMjkyODkgNUwwLjY0NjQ0NyAxLjM1MzU1QzAuNDUxMTg1IDEuMTU4MjkgMC40NTExODUgMC44NDE3MDkgMC42NDY0NDcgMC42NDY0NDdaIiBmaWxsPSIjMTYxNjE2Ii8+Cjwvc3ZnPgo=");
    background-size: cover;
    width: 13px;
    height: 13px;
    font-size: 0
}

.nice-select {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px rgba(0,0,0,0);
    position: relative
}

    .nice-select::before {
        content: "";
        position: absolute;
        left: 51%;
        right: 51%;
        bottom: 0;
        background: #161616;
        height: 2px;
        transition-property: left,right;
        transition-duration: .3s;
        transition-timing-function: ease-out;
        border-radius: 1px;
        z-index: 1
    }

    .nice-select.input-validation-error::before {
        background: #b42318
    }

    .nice-select .option {
        position: relative
    }

        .nice-select .option.selected:after {
            content: "";
            width: 19px;
            height: 15px;
            background-image: url("../images/nice-select-correct.svg");
            background-size: cover;
            display: block;
            position: absolute;
            inset-inline-end: 10px;
            top: 10px
        }

        .nice-select .option.selected {
            font-weight: normal
        }

    .nice-select li {
        font-size: .875rem
    }

    .nice-select:focus:before, .nice-select:active:before {
        left: 0;
        right: 0
    }

    .nice-select.open {
        background-image: url("../images/arrow/arrow_black_up.svg") !important;
        border-color: #9da4ae !important
    }

    .nice-select .option:hover, .nice-select .option.selected.focus:hover {
        background-color: #f3f4f6
    }

    .nice-select .option.focus, .nice-select .option.selected.focus {
        background-color: rgba(0,0,0,0)
    }

    .nice-select .option {
        padding: 0 10px
    }

.nice-select-dropdown {
    position: relative;
    z-index: 999 !important;
    padding: 10px !important;
    top: 53px;
    box-shadow: 0px 20px 24px -4px rgba(16,24,40,.8);
    border-radius: 3px !important;
    border: 1px solid #d2d6db !important
}

select.form-select.custom-select.hvr-underline-from-center {
    display: none
}

:-webkit-autofill {
    border: none
}

:autofill {
    border: none
}

.nice-select .option {
    color: #161616
}

select.custom-select {
    position: absolute;
    width: 0;
    height: 0;
    border: none;
    opacity: 0;
    padding: 0
}

.form-radio {
    width: 25px;
    height: 25px;
    vertical-align: bottom;
    border: 1px solid #1b8354
}

.form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
    opacity: 1
}

.form-check-input:disabled {
    opacity: 1;
    background-color: #d2d6db !important;
    border: #d2d6db !important;
    background-image: 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") !important
}

    .form-check-input:disabled:hover {
        background-color: #d2d6db !important;
        border: #d2d6db !important;
        background-image: 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") !important
    }

.nice-select.form-select.custom-select:active {
    background-color: #f3f4f6 !important
}

.nice-select.form-select.custom-select {
    transition: background-color .2s ease
}

.nice-select .nice-select-search {
    margin-inline: 0px !important
}

.cookie_body [type=checkbox] {
    position: relative
}

    .cookie_body [type=checkbox]:focus:after {
        border: 2px solid #161616;
        content: "";
        inset: -4px;
        bottom: -6px;
        position: absolute;
        top: -6px
    }

.form-control:is(:active), input[type=text].form-control:is(:active) {
    background-size: 100% 2px,auto;
    box-shadow: 0px 2px 4px -2px rgba(16,24,40,.06) !important;
    background-size: 100% 2px,auto !important;
    box-shadow: 0px 2px 4px -2px rgba(16,24,40,.06) !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    background: linear-gradient(#fff, #0D121C),linear-gradient(#F3F4F6, #F3F4F6)
}

.form-control:is(:focus), input[type=text].form-control:is(:focus) {
    box-shadow: 0px 2px 4px -2px rgba(16,24,40,.06);
    background-size: 100% 2px,auto !important
}

.input-validation-error {
    border-color: #b42318 !important;
    outline: 1px solid #b42318 !important;
    border: 0 !important;
    background: linear-gradient(#fff, #B42318),linear-gradient(#fff, #fff) !important;
    background-size: 0% 2px,auto !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important
}

    .input-validation-error:focus, .input-validation-error:active {
        border-color: #b42318 !important;
        background-size: 100% 2px,auto;
        box-shadow: 0px 2px 4px -2px rgba(16,24,40,.06) !important;
        background-size: 100% 2px,auto !important;
        box-shadow: 0px 2px 4px -2px rgba(16,24,40,.06) !important;
        background-repeat: no-repeat !important;
        background-position: bottom !important;
        background: linear-gradient(#fff, #B42318),linear-gradient(#fff, #fff) !important;
        background-size: 100% 2px,auto !important;
        background-repeat: no-repeat !important;
        background-position: bottom !important
    }

    .input-validation-error + .form-select {
        border-color: #b42318 !important
    }

    .input-validation-error + .custom-select:before {
        background-color: #b42318 !important
    }

#suggestionsList {
    overflow-x: auto;
    padding-inline-end: 20px;
    padding-inline-start: 0
}

#suggestionsList {
    overflow-y: auto
}

    #suggestionsList ul {
        padding: 0
    }

.form-check {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 0;
    margin: 0
}

    .form-check .form-check-input {
        float: none;
        margin: 0
    }

.form-check-inline {
    display: inline-flex
}

.form-check-label {
    font-family: "IBMPlexSansArabic-Medium";
    font-size: 1rem;
    color: #1f2a37
}

    .form-check-label > small {
        font-family: "IBMPlexSansArabic-Regular";
        font-size: .875rem
    }

.form-check-input {
    --bs-form-check-bg: #fff;
    --bs-border-color: #6C737F;
    position: relative;
    cursor: pointer;
    transition: all .3s ease-in-out
}

    .form-check-input::after {
        content: "";
        position: absolute;
        inset: -0.125rem;
        box-shadow: 0 0 0 .125rem #161616;
        pointer-events: none;
        opacity: 0;
        transition: opacity .3s ease-in-out
    }

    .form-check-input[type=radio] {
        width: 1.5rem;
        height: 1.5rem
    }

    .form-check-input[type=checkbox] {
        width: 1.5rem;
        height: 1.5rem;
        background-size: 1rem;
        border-radius: .125rem
    }

.form-switch .form-check-input {
    width: 3rem;
    height: 1.5rem;
    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 16 16'%3E%3Cpath d='M8,0A8,8,0,1,1,0,8,8,8,0,0,1,8,0Z' fill='%230d121c'/%3E%3C/svg%3E");
    background-size: 1rem;
    border: .09375rem solid #0d121c;
    border-radius: 10em
}

[dir=rtl] .form-switch .form-check-input {
    background-position: right .25rem center
}

[dir=ltr] .form-switch .form-check-input {
    background-position: left .25rem center
}

.form-check-input--lg[type=radio], .form-check-input--lg[type=checkbox] {
    width: 1.5rem;
    height: 1.5rem
}

.form-check-input:hover {
    background-color: #f3f4f6;
    box-shadow: 0 0 0 12px #f3f4f6
}

.form-check-input:focus {
    box-shadow: none !important;
    border-color: #1b8354
}

    .form-check-input:focus::after {
        opacity: 1
    }

.form-check-input:active {
    filter: none;
    box-shadow: 0 0 0 12px #f3f4f6
}

.form-check-input:checked {
    border-color: #1b8354
}

    .form-check-input:checked:hover {
        border-color: #14573a;
        box-shadow: 0 0 0 12px #f3f4f6
    }

    .form-check-input:checked:active {
        border-color: #104631;
        box-shadow: 0 0 0 12px #f3f4f6
    }

    .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='0 0 15 15'%3E%3Ccircle cx='7.5' cy='7.5' r='7.5' fill='%231b8354'/%3E%3C/svg%3E");
        background-image: var(--bs-form-check-bg-image);
        background-color: #fff;
        background-size: .875rem
    }

        .form-check-input:checked[type=radio]:hover {
            --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Ccircle cx='7.5' cy='7.5' r='7.5' fill='%2314573A'/%3E%3C/svg%3E")
        }

        .form-check-input:checked[type=radio]:active {
            --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Ccircle cx='7.5' cy='7.5' r='7.5' fill='%23104631'/%3E%3C/svg%3E")
        }

        .form-check-input:checked[type=radio]:focus {
            box-shadow: none !important
        }

            .form-check-input:checked[type=radio]:focus::after {
                opacity: 1
            }

    .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 10 7.6'%3E%3Cpath d='M9.66.34A1.15,1.15,0,0,1,9.66,2L4.37,7.26a1.17,1.17,0,0,1-.81.34,1.19,1.19,0,0,1-.82-.34L.34,4.85A1.15,1.15,0,0,1,2,3.22L3.56,4.81,8,.34A1.15,1.15,0,0,1,9.66.34Z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");
        background-color: #1b8354
    }

.form-switch .form-check-input:checked {
    background-color: #1b8354;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8,0A8,8,0,1,1,0,8,8,8,0,0,1,8,0Z' fill='%23fff'/%3E%3C/svg%3E")
}

[dir=rtl] .form-switch .form-check-input:checked {
    background-position: left .25rem center
}

[dir=ltr] .form-switch .form-check-input:checked {
    background-position: right .25rem center
}

.sorted-descending::after {
    transform: rotate(180deg) translateY(31px) translateX(8px) !important
}

.card {
    background-color: rgba(0,0,0,0);
    border-color: rgba(0,0,0,0);
}

    .card .card-title {
        font-family: "IBMPlexSansArabic-Bold";
        color: var(--color-text-color)
    }

    .card.with-radius {
        border-radius: 0px
    }

    .card.card-overlay {
        padding: 0
    }

        .card.card-overlay .card-img {
            position: relative;
            height: 380px;
            z-index: 2
        }

            .card.card-overlay .card-img::before {
                position: absolute;
                inset: 0;
                content: "";
                opacity: 1;
                visibility: visible;
                z-index: 1;
                transition: all .3s ease-in-out
            }

            .card.card-overlay .card-img img {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
                transition: all .3s ease-in-out
            }

        .card.card-overlay .item-caption {
            position: absolute;
            inset-inline: 24px;
            inset-block-end: 24px;
            z-index: 3
        }

            .card.card-overlay .item-caption .item-title {
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                line-height: 1.7;
                overflow: hidden;
                word-wrap: break-word;
                text-overflow: ellipsis;
                font-size: 1.125rem;
                visibility: visible;
                font-family: "IBMPlexSansArabic-Bold";
                color: #fff
            }

@supports not (-webkit-line-clamp: 1) {
    .card.card-overlay .item-caption .item-title {
        display: block;
        max-height: 30.6px;
        line-height: 1.7
    }
}

.card.card-overlay .item-caption .item-description {
    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: .875rem;
    visibility: visible;
    color: #fff
}

@supports not (-webkit-line-clamp: 2) {
    .card.card-overlay .item-caption .item-description {
        display: block;
        max-height: 47.6px;
        line-height: 1.7
    }
}

.card.card-overlay:hover .card-img img {
    transform: scale(1.12)
}

.card.video-card .card-img::after {
    position: absolute;
    inset: 0;
    margin: auto;
    content: "";
    width: 55px;
    height: 55px;
    background-image: url("../images/video-icon.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 55px;
    z-index: 3
}

.card.photo-card .card-img::after {
    position: absolute;
    inset: 0;
    margin: auto;
    content: "";
    width: 55px;
    height: 55px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88.1' height='75.5' viewBox='0 0 88.1 75.5'%3E%3Cpath id='photo-icon-white' d='M52.2,0h-20a7.147,7.147,0,0,0-6.4,3.9l-3.9,7.7a1.149,1.149,0,0,1-.9.6H11.2A11.332,11.332,0,0,0,0,23.5H0V64.3A11.2,11.2,0,0,0,11.3,75.5H76.8A11.267,11.267,0,0,0,88.1,64.3h0V29.6a3.1,3.1,0,1,0-6.2,0V64.3a5.121,5.121,0,0,1-5.1,5.1H11.3a5.121,5.121,0,0,1-5.1-5.1V23.5a5.121,5.121,0,0,1,5.1-5.1H21a7.147,7.147,0,0,0,6.4-3.9l3.9-7.7a1.149,1.149,0,0,1,.9-.6h20a3.031,3.031,0,0,0,3.1-3,3.119,3.119,0,0,0-3-3.2ZM44,28.8A14.2,14.2,0,1,0,58.2,43h0A14.19,14.19,0,0,0,44,28.8Zm0,4.5a9.653,9.653,0,1,1-9.4,9.4A9.562,9.562,0,0,1,44,33.3Z' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 55px;
    z-index: 3
}

.about-card {
    position: relative;
    display: block;
    border-radius: 16px;
    background-color: #fff;
    isolation: isolate;
    box-shadow: 0px 4px 8px -2px rgba(16,24,40,.1);
    overflow: hidden;
    padding-bottom: 10px;
    height: 100%
}

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

.about-card__header {
    padding: 32px 16px 16px
}

    .about-card__header .card-title {
        text-align: center;
        height: 55px;
        font-family: "IBMPlexSansArabic-Bold",sans-serif;
        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: 1rem;
        visibility: visible
    }

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

.about-card__body {
    padding: 24px 16px;
    background-color: #fff
}

    .about-card__body .title {
        font-family: "IBMPlexSansArabic-Bold";
        font-size: 1.25rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .about-card__body .title, .about-card__body .description {
        color: #1f2a37
    }

    .about-card__body .description {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        line-height: 1.7;
        overflow: hidden;
        word-wrap: break-word;
        text-overflow: ellipsis;
        font-size: 1rem;
        visibility: visible;
        font-family: "IBMPlexSansArabic-Regular"
    }

@supports not (-webkit-line-clamp: 3) {
    .about-card__body .description {
        display: block;
        max-height: 81.6px;
        line-height: 1.7
    }
}

.about-card__body .description > * {
    color: #1f2a37 !important
}

.about-card__body .details-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #f3fcf6;
    width: 56px;
    height: 56px;
    margin-bottom: 25px
}

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

.about-card__footer {
    margin: 16px
}

    .about-card__footer span {
        text-align: center
    }

    .about-card__footer.full-btn {
        padding: 0
    }

        .about-card__footer.full-btn .btn {
            width: 100%;
            height: 100%;
            border-radius: 0 0 24px 24px
        }

.about-card__footer__actions {
    position: relative;
    display: flex;
    list-style: none;
    align-items: center;
    gap: 12px;
    padding: 16px 16px 24px
}

    .about-card__footer__actions .footer-actions-item:not(:last-of-type) .footer-actions-link::after {
        position: absolute;
        inset-block: 0;
        inset-inline-end: 0;
        content: "";
        height: 20px;
        margin: auto 0;
        width: 1px;
        background-color: hsla(0,0%,100%,.5)
    }

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

    .about-card.without-header .about-card__body:has(.desc) {
        min-height: 250px
    }

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

.about-card:is(:hover,:focus,:active):not(.no-footer-hover)::before {
    opacity: 1;
    visibility: visible
}

.about-card:is(:hover,:focus,:active):not(.no-footer-hover) .caption {
    opacity: 1;
    visibility: visible
}

.about-card.no-footer-hover:is(:hover,:focus,:active)::before {
    opacity: 1;
    visibility: visible
}

.about-swiper__footer {
    align-items: center;
    margin: 40px 0
}

    .about-swiper__footer .swiper-horizontal > .swiper-pagination-bullets, .about-swiper__footer .swiper-pagination-bullets.swiper-pagination-horizontal, .about-swiper__footer .swiper-pagination-custom, .about-swiper__footer .swiper-pagination-fraction {
        width: -moz-fit-content;
        width: fit-content;
        bottom: inherit
    }

.img-card {
    display: flex;
    flex-direction: column;
    color: var(--color-secondary);
    border-radius: 16px;
    background-color: #fff;
    height: 100%;
    border: 1px solid rgba(0,0,0,0);
    transition: all .3s ease-in-out;
    padding: 16px;
    margin-bottom: 20px;
    box-shadow: 0px 4px 8px -2px rgba(16,24,40,.1);
    text-decoration: none !important
}

    .img-card .title {
        font-family: "IBMPlexSansArabic-Bold";
        color: #384250;
        margin-bottom: 15px;
        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;
        min-height: 68px;
        font-size: 1.25rem
    }

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

.img-card__img {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    flex-basis: 250px;
    max-width: 100%;
    height: 250px;
    flex-shrink: 0
}

    .img-card__img img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        transition: all .3s ease-in-out
    }

.img-card__details {
    flex-grow: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 30px 0px 0 0px;
    z-index: 2
}

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

.img-card__details .item-title {
    font-family: "IBMPlexSansArabic-Bold";
    color: #1f2a37;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.7;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    font-size: 18px !important;
    visibility: visible;
    min-height: 61px
}

@supports not (-webkit-line-clamp: 3) {
    .img-card__details .item-title {
        display: block;
        max-height: 91.8px;
        line-height: 1.7
    }
}

.img-card__details .tags {
    margin-top: auto
}

.img-card .item-description {
    display: none;
    padding: 0
}

.img-card.news-card .date {
    color: #1f2a37;
    font-family: "IBMPlexSansArabic-Regular";
    font-size: 1.25rem;
    margin-bottom: 10px
}

@media(max-width: 576px) {
    .img-card.news-card .date {
        font-size: 1rem
    }
}

.img-card.events-card {
    display: flex;
    flex-direction: column
}

    .img-card.events-card .item-date {
        display: inline-flex;
        padding: 4px 12px 6px;
        margin-bottom: 8px;
        color: var(--color-tertiary);
        border: 1px solid var(--color-tertiary);
        font-family: "IBMPlexSansArabic-Medium";
        font-size: .75rem
    }

        .img-card.events-card .item-date .divider {
            background-color: var(--color-tertiary)
        }

    .img-card.events-card .badge {
        margin-inline-start: auto;
        color: #fff
    }

        .img-card.events-card .badge.event-type {
            background-color: var(--color-success)
        }

        .img-card.events-card .badge.initiative-type {
            background-color: gray
        }

        .img-card.events-card .badge.consultation-type {
            background-color: var(--color-tertiary)
        }

    .img-card.events-card .img-card__details {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

    .img-card.events-card .item-title {
        flex: 1;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -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: 3) {
    .img-card.events-card .item-title {
        display: block;
        max-height: 91.8px;
        line-height: 1.7
    }
}

.list-view .img-card {
    display: flex;
    flex-direction: row;
    align-items: flex-start
}

@media(max-width: 767.98px) {
    .list-view .img-card {
        flex-direction: column
    }
}

.list-view .img-card .img-card__img {
    flex-basis: 350px;
    width: 100%;
    max-width: 350px;
    height: 220px;
    flex-shrink: 0;
    border-radius: 16px;
    border-start-end-radius: 0;
    border-end-end-radius: 0
}

@media(max-width: 767.98px) {
    .list-view .img-card .img-card__img {
        max-width: 100%;
        width: 100%
    }
}

.list-view .img-card .date-badge {
    position: relative;
    flex-direction: row;
    gap: 4px;
    inset-inline-start: 0;
    margin-bottom: 12px;
    border-radius: 40px
}

.list-view .img-card .img-card__details {
    padding: 24px
}

.list-view .img-card .item-title {
    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: 1rem;
    visibility: visible;
    min-height: auto
}

@supports not (-webkit-line-clamp: 2) {
    .list-view .img-card .item-title {
        display: block;
        max-height: 54.4px;
        line-height: 1.7
    }
}

.list-view .img-card .item-description {
    display: -webkit-box;
    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: .875rem;
    visibility: visible
}

@supports not (-webkit-line-clamp: 2) {
    .list-view .img-card .item-description {
        display: block;
        max-height: 47.6px;
        line-height: 1.7
    }
}

.upcoming-events .img-card .item-title {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -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: 4) {
    .upcoming-events .img-card .item-title {
        display: block;
        max-height: 122.4px;
        line-height: 1.7
    }
}

.img-card:is(:hover,:active,:focus) .img-card__img img {
    transform: scale(1.12)
}

.img-card:is(:hover,:active,:focus) .badge {
    background-color: #fff !important;
    color: var(--color-text-color)
}

.news.list-view .row > * {
    width: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.statistics-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    margin-bottom: 25px;
    background-color: #fff;
    border-radius: 16px;
    padding: 16px 25px 0 25px;
    height: 100%
}

    .statistics-card .icon {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 56px;
        height: 56px;
        margin-bottom: 24px
    }

        .statistics-card .icon img {
            width: 32px;
            height: 32px;
            -o-object-fit: contain;
            object-fit: contain
        }

    .statistics-card .statistics-chart {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .statistics-card .statistics-chart .statistics-no {
            position: absolute
        }

            .statistics-card .statistics-chart .statistics-no::after {
                content: "%";
                margin-left: .1em;
                font-size: .8em
            }

    .statistics-card .statistics-no {
        margin: 0;
        color: #14573a;
        font-family: "IBMPlexSansArabic-Regular";
        font-size: 3rem;
        margin: 0;
        line-height: 1
    }

    .statistics-card .statistics-info {
        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: 1rem;
        visibility: visible;
        width: 180px;
        text-align: center;
        color: #1f2a37;
        font-family: "IBMPlexSansArabic-Regular";
        margin-bottom: 0
    }

@supports not (-webkit-line-clamp: 2) {
    .statistics-card .statistics-info {
        display: block;
        max-height: 54.4px;
        line-height: 1.7
    }
}

.statistics-card.white-card {
    background-color: #fff;
    padding: 40px 24px 32px;
    color: var(--color-text-color);
    border: 1px solid #ebebeb;
    border-radius: 24px
}

    .statistics-card.white-card .statistics-no {
        color: var(--color-text-color)
    }

.contact-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: hsla(0,0%,100%,.5);
    gap: 16px;
    height: 100%;
    padding: 40px 24px;
    border-radius: 24px;
    box-shadow: 0 0 30px rgba(0,134,217,.04)
}

@supports((-webkit-backdrop-filter: blur(30px)) or (backdrop-filter: blur(30px))) {
    .contact-card {
        -webkit-backdrop-filter: blur(30px);
        backdrop-filter: blur(30px)
    }
}

.contact-card .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

    .contact-card .icon img {
        height: 40px
    }

.contact-card .contact-title {
    margin: 0;
    font-family: "IBMPlexSansArabic-Bold";
    font-size: 1.25rem;
    margin: 0;
    line-height: 1
}

.contact-card .contact-info {
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 15;
    -webkit-box-orient: vertical;
    line-height: 1.7;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    font-size: .875rem;
    visibility: visible;
    color: #7e7e7e;
    font-family: "IBMPlexSansArabic-Medium"
}

@supports not (-webkit-line-clamp: 15) {
    .contact-card .contact-info {
        display: block;
        max-height: 357px;
        line-height: 1.7
    }
}

.subscribe-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: hsla(0,0%,100%,.5);
    gap: 16px;
    height: 100%;
    padding: 40px;
    border-radius: 24px;
    box-shadow: 0 0 30px rgba(0,134,217,.04)
}

@supports((-webkit-backdrop-filter: blur(30px)) or (backdrop-filter: blur(30px))) {
    .subscribe-card {
        -webkit-backdrop-filter: blur(30px);
        backdrop-filter: blur(30px)
    }
}

@media(max-width: 767.98px) {
    .subscribe-card {
        flex-wrap: wrap;
        justify-content: center
    }
}

.subscribe-card .subscribe-container {
    display: flex;
    align-items: center;
    gap: 24px
}

@media(max-width: 767.98px) {
    .subscribe-card .subscribe-container {
        flex-wrap: wrap;
        justify-content: center
    }

        .subscribe-card .subscribe-container * {
            text-align: center
        }
}

.subscribe-card .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

    .subscribe-card .icon img {
        height: 40px
    }

.subscribe-card .subscribe-title {
    margin: 0;
    font-family: "IBMPlexSansArabic-Bold";
    font-size: 1.25rem;
    line-height: 1;
    margin-bottom: 12px
}

.subscribe-card .subscribe-info {
    flex: 1;
    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: 1rem;
    visibility: visible;
    color: #7e7e7e;
    font-family: "IBMPlexSansArabic-Medium"
}

@supports not (-webkit-line-clamp: 2) {
    .subscribe-card .subscribe-info {
        display: block;
        max-height: 54.4px;
        line-height: 1.7
    }
}

.logo-card {
    display: flex;
    align-items: center;
    justify-content: center
}

footer .logo-card .logo-img {
    position: relative;
    height: 70px;
    width: 100%
}

    footer .logo-card .logo-img img {
        display: block;
        max-width: 100%;
        height: 100%;
        margin: auto;
        -o-object-fit: contain;
        object-fit: contain;
        opacity: .5;
        transition: all .3s ease-in-out
    }

footer .logo-card:is(:hover,:active,:focus) .logo-img img {
    opacity: 1;
    transform: scale(1.12)
}

.important-links-card {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 150px;
    padding: 24px;
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 24px
}

    .important-links-card .item-img {
        position: relative;
        height: 70px;
        width: 100%
    }

        .important-links-card .item-img img {
            display: block;
            max-width: 100%;
            height: 100%;
            margin: auto;
            -o-object-fit: contain;
            object-fit: contain;
            transition: all .3s ease-in-out
        }

    .important-links-card:is(:hover,:active,:focus) .item-img img {
        transform: scale(1.12)
    }

.list-card {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 20px;
    height: 100%;
    gap: 20px;
    border: 1px solid var(--color-border-color);
    transition: all .3s ease-in-out
}

    .list-card .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 60px;
        height: 60px;
        background-color: var(--color-primary);
        border: 1px solid var(--color-border-color);
        border-radius: 50%
    }

        .list-card .icon img {
            width: 32px
        }

        .list-card .icon.icon-lg {
            width: 100px;
            height: 100px
        }

        .list-card .icon.date-info {
            display: flex;
            flex-flow: column;
            color: #fff
        }

            .list-card .icon.date-info .day {
                font-size: 1.5rem;
                line-height: 1
            }

            .list-card .icon.date-info .month, .list-card .icon.date-info .year {
                font-size: .875rem
            }

        .list-card .icon.bg-light {
            background-color: var(--color-border-color) !important
        }

        .list-card .icon.file-icon {
            background-image: url("../images/files-type/file.svg");
            background-repeat: no-repeat;
            background-size: 24px;
            background-position: center
        }

            .list-card .icon.file-icon.pdf {
                background-image: url("../images/files-type/pdf.svg")
            }

            .list-card .icon.file-icon.ppt {
                background-image: url("../images/files-type/ppt.svg")
            }

            .list-card .icon.file-icon.docx {
                background-image: url("../images/files-type/docx.svg")
            }

            .list-card .icon.file-icon.png {
                background-image: url("../images/files-type/png.svg")
            }

            .list-card .icon.file-icon.jpg {
                background-image: url("../images/files-type/jpg.svg")
            }

            .list-card .icon.file-icon.xls {
                background-image: url("../images/files-type/xls.svg")
            }

    .list-card .item-info {
        flex: 1
    }

@media(max-width: 767.98px) {
    .list-card .item-info {
        flex: none;
        width: 100%
    }
}

.list-card .item-info .item-date {
    color: var(--color-text-color);
    margin-bottom: 16px;
    transition: all .3s ease-in-out
}

.list-card .item-info .item-title {
    color: var(--color-text-color);
    margin-bottom: 8px;
    font-size: 1.375rem;
    transition: all .3s ease-in-out
}

.list-card .item-info .item-description {
    display: block;
    color: var(--color-text-gray);
    transition: all .3s ease-in-out
}

.list-card .info-footer, .list-card .info-header {
    display: flex;
    align-items: center;
    gap: 16px;
    color: var(--color-text-color)
}

.theme-dark .list-card .info-footer svg, .theme-dark .list-card .info-header svg {
    filter: brightness(0) invert(1)
}

.list-card .info-header {
    padding: 5px 10px;
    background-color: var(--color-light);
    margin-bottom: 8px
}

    .list-card .info-header .item-title {
        font-size: 1rem
    }

.list-card .category {
    color: var(--color-secondary)
}

.list-card .btn-icon:hover, .list-card .btn-icon:active, .list-card .btn-icon:focus {
    background-color: var(--color-primary)
}

    .list-card .btn-icon:hover svg path, .list-card .btn-icon:active svg path, .list-card .btn-icon:focus svg path {
        fill: #fff
    }

.list-card:hover:not(.flex-column,.hover-gradient,.no-hover) {
    background-color: var(--color-primary);
    border-color: var(--color-primary)
}

.theme-dark .list-card:hover:not(.flex-column,.hover-gradient,.no-hover) .item-actions .btn-icon:hover, .theme-dark .list-card:hover:not(.flex-column,.hover-gradient,.no-hover) .item-actions .btn-icon:focus, .theme-dark .list-card:hover:not(.flex-column,.hover-gradient,.no-hover) .item-actions .btn-icon:active {
    background-color: var(--color-primary) !important
}

.list-card:hover:not(.flex-column,.hover-gradient,.no-hover) .item-img {
    background-size: 90px
}

    .list-card:hover:not(.flex-column,.hover-gradient,.no-hover) .item-img img {
        transform: scale(1.12)
    }

.list-card:hover:not(.flex-column,.hover-gradient,.no-hover) *, .list-card:hover:not(.flex-column,.hover-gradient,.no-hover) .item-description, .list-card:hover:not(.flex-column,.hover-gradient,.no-hover) .item-title {
    color: #fff
}

    .list-card:hover:not(.flex-column,.hover-gradient,.no-hover) *:link:hover, .list-card:hover:not(.flex-column,.hover-gradient,.no-hover) .item-description:link:hover, .list-card:hover:not(.flex-column,.hover-gradient,.no-hover) .item-title:link:hover {
        color: var(--color-secondary)
    }

.list-card:hover:not(.flex-column,.hover-gradient,.no-hover) a.item-title:hover {
    color: #fff;
    text-decoration: none
}

.list-card:hover:not(.flex-column,.hover-gradient,.no-hover) svg path {
    fill: #fff
}

.list-card:hover:not(.flex-column,.hover-gradient,.no-hover) .divider {
    background-color: #fff
}

.widget .list-card {
    padding: 0;
    height: auto;
    border: 0;
    border-radius: 0;
    padding: 10px 0;
    gap: 6px;
    width: 100%
}

    .widget .list-card .item-date {
        margin: 0;
        color: var(--color-text-color);
        gap: 4px
    }

        .widget .list-card .item-date svg {
            width: 16px
        }

        .widget .list-card .item-date .date {
            font-size: .875rem
        }

@media(max-width: 767.98px) {
    .widget .list-card .item-info {
        order: 0;
        flex: 1
    }
}

.widget .list-card .item-info .item-title {
    color: var(--color-text-color);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    font-size: 1.125rem;
    visibility: visible
}

@supports not (-webkit-line-clamp: 2) {
    .widget .list-card .item-info .item-title {
        display: block;
        max-height: 54px;
        line-height: 1.5
    }
}

.widget .list-card .item-info .item-title + .item-date {
    margin-top: 5px
}

.widget .list-card .item-info .item-description {
    font-size: .875rem;
    color: var(--color-text-color)
}

@media(max-width: 767.98px) {
    .widget .list-card .item-actions {
        order: 1;
        margin: 0 !important
    }
}

.widget .list-card .item-actions .btn-icon {
    background-color: rgba(0,0,0,0) !important
}

    .widget .list-card .item-actions .btn-icon svg {
        width: 18px
    }

    .widget .list-card .item-actions .btn-icon:hover {
        background-color: var(--color-secondary) !important
    }

.widget .list-card.bg-light {
    padding: 8px 12px
}

    .widget .list-card.bg-light:not(:last-child) {
        margin-bottom: 10px
    }

    .widget .list-card.bg-light:hover {
        background-color: var(--color-secondary) !important
    }

        .widget .list-card.bg-light:hover .item-info .item-title {
            color: #fff
        }

.widget[class*=bg-] .list-card {
    border-bottom: 1px solid hsla(0,0%,100%,.2)
}

    .widget[class*=bg-] .list-card .item-date {
        color: #fff
    }

@media(max-width: 767.98px) {
    .widget[class*=bg-] .list-card .item-info {
        order: 0;
        flex: 1
    }
}

.widget[class*=bg-] .list-card .item-info .item-title {
    color: #fff
}

.widget[class*=bg-] .list-card .item-info .item-description {
    color: #fff
}

.widget[class*=bg-] .list-card .item-actions .btn-icon {
    background-color: rgba(0,0,0,0) !important
}

    .widget[class*=bg-] .list-card .item-actions .btn-icon svg {
        width: 18px;
        filter: brightness(0) invert(1)
    }

    .widget[class*=bg-] .list-card .item-actions .btn-icon:hover {
        background-color: var(--color-secondary) !important
    }

.widget[class*=bg-] .list-card:hover {
    background-color: rgba(0,0,0,0) !important;
    border-color: hsla(0,0%,100%,.2)
}

.icon-card {
    display: flex;
    flex-wrap: wrap;
    padding: 16px;
    height: 100%;
    transition: all .3s ease-in-out;
    border-radius: 16px;
    box-shadow: 0px 4px 8px -2px rgba(16,24,40,.1)
}

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

    .icon-card .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        margin: 0;
        margin-bottom: 16px
    }

    .icon-card .icon__link {
        display: flex;
        width: 100%;
        height: 100%
    }

        .icon-card .icon__link::after {
            content: "";
            position: absolute;
            top: 0;
            inset-inline-end: 0;
            width: 40px;
            height: 40px;
            background-color: rgba(0,0,0,.5);
            background-image: url(../images/visual-search-icon-white.svg);
            background-repeat: no-repeat;
            background-size: 20px;
            background-position: center;
            pointer-events: none;
            opacity: 0;
            transition: opacity .3s ease-in-out
        }

        .icon-card .icon__link:hover::after {
            opacity: 1
        }

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

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

    .icon-card .icon.icon-xl {
        height: 362px;
        width: 100%
    }

    .icon-card .item-info {
        display: flex;
        flex-direction: column;
        width: 100%
    }

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

        .icon-card .item-info .item-title {
            font-family: "IBMPlexSansArabic-Bold";
            color: #161616 !important;
            margin-bottom: 0px;
            font-size: 16px !important;
            transition: all .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: "IBMPlexSansArabic-Medium";
            color: #606161;
            text-align: center;
            padding: 0;
            transition: all .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: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            margin: 0 auto 24px
        }

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

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

        .icon-card.contact-card .item-info .item-description {
            font-size: .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)
}

.org-chart {
    text-align: center;
    padding: 40px 20px
}

    .org-chart .section-title {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 40px;
        color: #1f2a37
    }

    .org-chart .org-level {
        display: flex;
        justify-content: center;
        gap: 24px;
        margin-bottom: 40px;
        flex-wrap: wrap
    }

        .org-chart .org-level.grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
            gap: 24px
        }

@media(max-width: 768px) {
    .org-chart .org-level.grid {
        display: flex
    }
}

.member-card {
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 16px;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0px 4px 8px -2px rgba(16,24,40,.1);
    width: 100%;
    height: 100%;
}

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

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

    .member-card .name {
        font-family: "IBMPlexSansArabic-Bold";
        font-size: 18px;
        margin: 8px 0;
        color: #1f2a37
    }

    .member-card .job {
        font-family: "IBMPlexSansArabic-Regular";
        font-size: 16px;
        color: #1b8354;
        margin-bottom: 16px
    }

    .member-card .card-actions {
        margin-top: auto;
        display: flex;
        gap: 10px;
        justify-content: center
    }

.performance-statistics-card {
    display: flex;
    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: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        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: flex;
        flex-direction: column
    }

        .performance-statistics-card .info .count {
            margin: 0;
            font-family: "IBMPlexSansArabic-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: flex;
    align-items: 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: flex;
    align-items: center;
    gap: 12px
}

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

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

    .progress-item .progress-value {
        font-size: .875rem;
        font-family: "IBMPlexSansArabic-Bold"
    }

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

.progress-stacked {
    display: flex;
    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: "IBMPlexSansArabic-Bold";
        font-size: 1rem
    }

@media(max-width: 1200px) {
    .progress-stacked .progress .title {
        top: 60px;
        display: flex;
        justify-content: 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: flex;
            gap: 8px;
            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: "IBMPlexSansArabic-Medium"
            }

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

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: flex;
            gap: 8px;
            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: 40px;
                text-align: end;
                flex: 1;
                font-family: "IBMPlexSansArabic-Regular" !important
            }

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

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

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

    .title-with-img img {
        display: block;
        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;
    align-items: center;
    height: 100%
}

    .browsers .browser-card {
        display: flex;
        align-items: center;
        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: 40px;
                width: 40px
            }

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

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

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

.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;
        min-height: 68px;
        margin-bottom: 24px
    }

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

.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: 40px;
    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: 40px !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);
        border: none
    }

        .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 {
    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);
                border: none
            }

                .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 {
            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: 40px;
            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: 40px;
                height: 40px;
                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)
        }

.nav-tabs:not(.card-tabs,.tabs-with-img,.media-center-tabs) {
    flex-wrap: wrap;
    gap: 0;
    padding: 0;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 30px
}

    .nav-tabs:not(.card-tabs,.tabs-with-img,.media-center-tabs) .nav-link {
        display: flex;
        align-items: center;
        width: 100%;
        gap: 8px;
        white-space: nowrap;
        background-color: rgba(0,0,0,0);
        color: #384250;
        font-family: "IBMPlexSansArabic-Medium";
        font-size: 1.25rem;
        transition: all .3s ease-in-out;
        border: none;
        border-radius: 4px;
        border-color: rgba(0,0,0,0);
        position: relative;
        text-align: center;
        padding: 13px 16px;
        position: relative;
        z-index: 10;
        box-shadow: 0px 0px 0px 3px rgba(0,0,0,0);
        transition: all .3s ease-in-out
    }

        .nav-tabs:not(.card-tabs,.tabs-with-img,.media-center-tabs) .nav-link:after {
            content: "";
            height: 4px;
            width: 100%;
            display: block;
            position: absolute;
            left: 0;
            bottom: 0;
            background-color: #161616;
            border-radius: 4px;
            z-index: 9;
            pointer-events: none;
            opacity: 0;
            transition: opacity .3s ease-in-out
        }

@media(max-width: 991.98px) {
    .nav-tabs:not(.card-tabs,.tabs-with-img,.media-center-tabs) .nav-link {
        padding: 8px 24px 12px;
        font-size: .875rem
    }
}

.nav-tabs:not(.card-tabs,.tabs-with-img,.media-center-tabs) .nav-link:hover {
    text-decoration: none;
    color: #161616
}

    .nav-tabs:not(.card-tabs,.tabs-with-img,.media-center-tabs) .nav-link:hover:after {
        opacity: 1
    }

.nav-tabs:not(.card-tabs,.tabs-with-img,.media-center-tabs) .nav-link:active {
    background-color: #e5e7eb
}

    .nav-tabs:not(.card-tabs,.tabs-with-img,.media-center-tabs) .nav-link:active:after {
        opacity: 1
    }

.nav-tabs:not(.card-tabs,.tabs-with-img,.media-center-tabs) .nav-link:focus {
    background-color: rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 3px #161616
}

    .nav-tabs:not(.card-tabs,.tabs-with-img,.media-center-tabs) .nav-link:focus:after {
        opacity: 0
    }

.nav-tabs:not(.card-tabs,.tabs-with-img,.media-center-tabs) .nav-link.active {
    color: #161616;
    cursor: default
}

    .nav-tabs:not(.card-tabs,.tabs-with-img,.media-center-tabs) .nav-link.active:hover {
        background-color: rgba(0,0,0,0)
    }

    .nav-tabs:not(.card-tabs,.tabs-with-img,.media-center-tabs) .nav-link.active:after {
        content: "";
        height: 4px;
        width: calc(100% - 24px);
        display: block;
        position: absolute;
        bottom: 0px;
        background-color: #1b8354;
        border-radius: 4px;
        z-index: 9;
        opacity: 1;
        inset-inline-start: 13px;
        display: block !important
    }

.widget .nav-tabs:not(.card-tabs,.tabs-with-img,.media-center-tabs) .nav-link.active {
    background-color: rgba(0,0,0,0);
    border-bottom: 2px solid #fff
}

.nav-tabs:not(.card-tabs,.tabs-with-img,.media-center-tabs) .nav-link.active svg {
    filter: brightness(0) invert(1)
}

@media(max-width: 575.98px) {
    .nav-tabs:not(.card-tabs,.tabs-with-img,.media-center-tabs) {
        flex-wrap: wrap;
        flex-direction: row;
        gap: 8px;
        border-radius: 20px;
        width: 100%;
        margin-bottom: 0
    }
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    isolation: auto
}

.nav-tabs {
    border-bottom: 0;
    position: relative;
    z-index: 1
}

    .nav-tabs:after {
        content: "";
        height: 4px;
        width: 100%;
        display: block;
        position: absolute;
        bottom: -1px;
        background-color: #d2d6db;
        border-radius: 4px
    }

@media(max-width: 991.98px) {
    .nav-tabs:after {
        display: none
    }
}

.card-tabs {
    border: 0;
    gap: 12px;
    padding-bottom: 24px;
    overflow-x: auto;
    overflow-y: hidden
}

    .card-tabs .nav-item {
        flex: 1
    }

        .card-tabs .nav-item .nav-link {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            gap: 8px;
            padding: 24px;
            width: 100%;
            min-height: 160px;
            background-color: #fff;
            border: 1px solid #ebebeb;
            border-radius: 16px
        }

            .card-tabs .nav-item .nav-link .icon {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-shrink: 0
            }

                .card-tabs .nav-item .nav-link .icon img {
                    display: block;
                    height: 42px
                }

            .card-tabs .nav-item .nav-link .title {
                color: #fff;
                display: none;
                font-family: "IBMPlexSansArabic-Bold"
            }

            .card-tabs .nav-item .nav-link::after {
                position: absolute;
                inset-block-end: -16px;
                inset-inline-start: 32px;
                content: "";
                width: 0;
                height: 0;
                border-left: 16px solid rgba(0,0,0,0);
                border-right: 16px solid rgba(0,0,0,0);
                border-top: 16px solid var(--color-secondary);
                z-index: 2;
                display: none
            }

            .card-tabs .nav-item .nav-link.active {
                background-color: var(--color-secondary)
            }

                .card-tabs .nav-item .nav-link.active .icon img, .card-tabs .nav-item .nav-link.active .icon svg {
                    filter: brightness(0) invert(1)
                }

                .card-tabs .nav-item .nav-link.active .title {
                    display: block
                }

                .card-tabs .nav-item .nav-link.active::after {
                    display: block
                }

.tabs-with-img {
    border: 0;
    gap: 0px;
    width: -moz-fit-content;
    width: fit-content
}

    .tabs-with-img .nav-item .nav-link {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        gap: 8px;
        padding: 15px 12px;
        color: #384250;
        font-family: "IBMPlexSansArabic-Medium"
    }

        .tabs-with-img .nav-item .nav-link .icon {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0
        }

            .tabs-with-img .nav-item .nav-link .icon img {
                display: block;
                height: 70px;
                width: 100%
            }

        .tabs-with-img .nav-item .nav-link.active {
            font-family: "IBMPlexSansArabic-Bold";
            color: #161616;
            border-color: rgba(0,0,0,0);
            background-color: rgba(0,0,0,0)
        }

            .tabs-with-img .nav-item .nav-link.active .icon img, .tabs-with-img .nav-item .nav-link.active .icon svg {
                filter: brightness(0) invert(1)
            }

            .tabs-with-img .nav-item .nav-link.active .title {
                color: #161616
            }

            .tabs-with-img .nav-item .nav-link.active::after {
                display: block
            }

.details-tab {
    overflow-x: visible;
    overflow-y: visible;
    background-color: rgba(0,0,0,0);
    padding: 0;
    justify-content: start !important;
    margin: 0;
    gap: 16px
}

    .details-tab .nav-item .nav-link {
        position: relative;
        display: flex;
        background-color: rgba(0,0,0,0);
        color: #384250;
        border: 0;
        font-size: .875rem;
        white-space: nowrap;
        font-family: "IBMPlexSansArabic-Medium"
    }

        .details-tab .nav-item .nav-link .title {
            color: var(--color-secondary);
            font-family: "IBMPlexSansArabic-Bold"
        }

        .details-tab .nav-item .nav-link.active {
            color: var(--color-primary)
        }

            .details-tab .nav-item .nav-link.active .icon img, .details-tab .nav-item .nav-link.active .icon svg {
                filter: brightness(0) invert(1)
            }

            .details-tab .nav-item .nav-link.active .title {
                color: #fff
            }

            .details-tab .nav-item .nav-link.active::after {
                display: block;
                opacity: 1
            }

.nav-tabs.tabs-with-img:after {
    display: none
}

.nav-tabs.tabs-with-img .active:after {
    content: "";
    height: 4px;
    width: calc(100% - 24px);
    display: block;
    position: absolute;
    bottom: 0px;
    background-color: #1b8354 !important;
    border-radius: 4px;
    z-index: 9;
    inset-inline-start: 13px
}

.nav-tabs.tabs-with-img .nav-link:after {
    content: "";
    height: 4px;
    width: calc(100% - 0px);
    display: block;
    position: absolute;
    bottom: 0px;
    background-color: #161616;
    border-radius: 4px;
    z-index: 9;
    inset-inline-start: 0px;
    display: none
}

.nav-tabs.tabs-with-img .nav-link:hover {
    background-color: #f3f4f6;
    border-color: rgba(0,0,0,0)
}

    .nav-tabs.tabs-with-img .nav-link:hover:after {
        display: block
    }

.nav-tabs.tabs-with-img .nav-link:focus {
    background-color: rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 3px #161616
}

    .nav-tabs.tabs-with-img .nav-link:focus:after {
        display: none !important
    }

.nav-tabs.tabs-with-img .nav-link:active {
    background-color: #e5e7eb
}

    .nav-tabs.tabs-with-img .nav-link:active:after {
        display: block !important
    }

.programes #program_Categories li:nth-child(2) .nav-link {
    position: relative;
    padding-inline-start: 25px
}

    .programes #program_Categories li:nth-child(2) .nav-link:before {
        content: "";
        background-image: url("../images/Entity_Icon.svg");
        width: 20px;
        height: 20px;
        position: absolute;
        inset-inline-start: 0px;
        background-repeat: no-repeat;
        background-position: center;
        top: 18px
    }

.programes #program_Categories li:nth-child(3) .nav-link {
    position: relative;
    padding-inline-start: 25px
}

    .programes #program_Categories li:nth-child(3) .nav-link:before {
        content: "";
        background-image: url("../images/Entity_Icon.svg");
        width: 20px;
        height: 20px;
        position: absolute;
        inset-inline-start: 0px;
        background-repeat: no-repeat;
        background-position: center;
        top: 18px
    }

.programes .products-programs-card .about-card__body {
    min-height: 325px
}

.programes .person {
    position: relative;
    padding-inline-start: 30px
}

    .programes .person:before {
        content: "";
        background-image: url("../images/person.svg");
        width: 20px;
        height: 20px;
        position: absolute;
        inset-inline-start: 10px;
        background-repeat: no-repeat;
        background-position: center
    }

.programes .bulding {
    position: relative;
    padding-inline-start: 30px
}

    .programes .bulding:before {
        content: "";
        background-image: url("../images/bulding.svg");
        width: 20px;
        height: 20px;
        position: absolute;
        inset-inline-start: 10px;
        background-repeat: no-repeat;
        background-position: center
    }

.programes .bg-img li:first-of-type .nav-link {
    position: relative;
    padding-inline-start: 30px
}

    .programes .bg-img li:first-of-type .nav-link:before {
        content: "";
        background-image: url("../images/person.svg");
        width: 20px;
        height: 20px;
        position: absolute;
        inset-inline-start: 10px;
        background-repeat: no-repeat;
        background-position: center
    }

.programes .bg-img li:last-of-type .nav-link {
    position: relative;
    padding-inline-start: 30px
}

    .programes .bg-img li:last-of-type .nav-link:before {
        content: "";
        background-image: url("../images/bulding.svg");
        width: 20px;
        height: 20px;
        position: absolute;
        inset-inline-start: 10px;
        background-repeat: no-repeat;
        background-position: center
    }

.programes .nav-link {
    font-size: 1rem !important
}

.programes .nav-tabs {
    margin: 10px 0px !important
}

.programes .inner-programTab .nav-link.active:after, .programes .inner-programTab .nav-link:hover:after {
    display: none !important
}

.programes .inner-programTab .nav-tabs {
    justify-content: start;
    width: -moz-fit-content;
    width: fit-content;
    gap: 0;
    margin: 25px 0px !important
}

    .programes .inner-programTab .nav-tabs .active, .programes .inner-programTab .nav-tabs:focus {
        background-color: #0d121c !important;
        color: #fff !important
    }

    .programes .inner-programTab .nav-tabs:after {
        display: none
    }

    .programes .inner-programTab .nav-tabs li:first-child a {
        border-radius: 0px 12px 12px 0px;
        border-inline-start: 0
    }

[dir=ltr] .programes .inner-programTab .nav-tabs li:first-child a {
    border-radius: 12px 0px 0px 12px !important
}

.programes .inner-programTab .nav-tabs li:last-child a {
    border-radius: 12px 0px 0px 12px;
    border-inline-end: 0
}

[dir=ltr] .programes .inner-programTab .nav-tabs li:last-child a {
    border-radius: 0px 12px 12px 0px
}

.programes .inner-programTab .nav-tabs a {
    font-size: 1.125rem;
    color: #161616;
    font-family: "IBMPlexSansArabic-Regular";
    background-color: #f3f4f6;
    padding: 15px 15px;
    transition: all .3s ease-in-out;
    border-inline-end: 1px solid #d2d6db;
    text-decoration: none
}

    .programes .inner-programTab .nav-tabs a:hover {
        color: #161616
    }

    .programes .inner-programTab .nav-tabs a:focus {
        color: #161616;
        outline: 2px solid #fff !important;
        outline-offset: -5px !important;
        box-shadow: none
    }

    .programes .inner-programTab .nav-tabs a::after {
        display: none
    }

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

@media(max-width: 992px) {
    .programes .inner-card-wrapper {
        justify-content: center
    }
}

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

@media(max-width: 992px) {
    .programes .inner-card-wrapper .about-card {
        flex-basis: calc(50% - 40px)
    }
}

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

.programes .inner-card-wrapper .about-card .description {
    -webkit-line-clamp: 3
}

.tags {
    position: relative;
    display: flex;
    margin-top: auto;
    margin-bottom: 16px
}

    .tags ul {
        gap: 8px;
        flex-wrap: wrap;
        margin-bottom: 0
    }

        .tags ul li {
            position: relative;
            display: flex;
            align-items: center;
            gap: .3125rem;
            font-size: .75rem;
            color: #1f2a37;
            background-color: #f9fafb;
            border: .0625rem solid #e5e7eb;
            border-radius: .25rem;
            padding: .125rem .375rem
        }

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

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

        .tags ul .yellow {
            color: #93370d;
            background-color: #fffaeb;
            border-color: #fedf89
        }

        .tags ul .red {
            color: #912018;
            border-color: #fecdca;
            color: #fef3f2
        }

.media-center {
    position: relative;
    isolation: isolate;
    z-index: 2
}

    .media-center::before {
        position: absolute;
        inset: 0;
        content: "";
        background: url(../images/arrow/media-center-bg.svg);
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover;
        z-index: -1
    }

    .media-center .media-center-tabs {
        gap: 0;
        justify-content: center;
        margin-top: 60px;
        margin-bottom: 30px
    }

@media(max-width: 992px) {
    .media-center .media-center-tabs {
        margin-top: 15px;
        margin-bottom: 15px
    }
}

.media-center .media-center-tabs .nav-link.active:after, .media-center .media-center-tabs .nav-link:hover:after {
    display: none
}

.media-center .media-center-tabs .active, .media-center .media-center-tabs:focus {
    background-color: #0d121c;
    color: #fff;
    font-family: "IBMPlexSansArabic-Regular"
}

.media-center .media-center-tabs:after {
    display: none
}

.media-center .media-center-tabs li:first-child button {
    border-radius: 0px 12px 12px 0px;
    border-inline-end: 0
}

[dir=ltr] .media-center .media-center-tabs li:first-child button {
    border-radius: 12px 0px 0px 12px
}

@media(max-width: 576px) {
    .media-center .media-center-tabs li:first-child button {
        border-radius: 0
    }

    [dir=ltr] .media-center .media-center-tabs li:first-child button {
        border-radius: 0 !important
    }
}

.media-center .media-center-tabs li:last-child button {
    border-radius: 12px 0px 0px 12px;
    border-inline-end: 0
}

[dir=ltr] .media-center .media-center-tabs li:last-child button {
    border-radius: 0px 12px 12px 0px
}

@media(max-width: 576px) {
    .media-center .media-center-tabs li:last-child button {
        border-radius: 0
    }
}

.media-center .media-center-tabs li:last-child button {
    border-inline-end: 1px solid rgba(0,0,0,0) !important
}

.media-center .media-center-tabs button {
    font-size: 1.125rem;
    color: #0d121c;
    font-family: "IBMPlexSansArabic-Regular";
    background-color: #f3f4f6;
    padding: 12px 15px;
    transition: all .3s ease-in-out;
    border-inline-end: 1px solid #d2d6db !important;
    border-radius: 0;
    font-size: 18px;
    border-color: #d2d6db !important;
    border: 0
}

@media(max-width: 576px) {
    .media-center .media-center-tabs button {
        font-size: 13px
    }
}

.media-center .media-center-tabs button:hover {
    color: #f3f4f6;
    background-color: #0d121c
}

.media-center .media-center-tabs button::after {
    display: none
}

.media-center .media-center-tabs button:focus {
    outline: 2px solid #fff !important;
    outline-offset: -5px !important
}

.procedures .about-card {
    min-height: auto !important
}

.procedures .about-card__body {
    min-height: 160px !important;
    height: auto !important
}

.td-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px
}

    .td-actions .btn {
        position: relative;
        font-size: 1rem;
        flex-shrink: 0
    }

        .td-actions .btn.btn-icon {
            width: 32px;
            height: 32px;
            padding: 0
        }

            .td-actions .btn.btn-icon.outline-secondary {
                border: 1px solid var(--color-secondary)
            }

                .td-actions .btn.btn-icon.outline-secondary:is(:hover,:active,:focus) {
                    background-color: var(--color-secondary)
                }

            .td-actions .btn.btn-icon.outline-primary {
                border: 1px solid var(--color-primary)
            }

            .td-actions .btn.btn-icon.outline-danger {
                border: 1px solid var(--color-danger)
            }

                .td-actions .btn.btn-icon.outline-danger:is(:hover,:active,:focus) {
                    background-color: var(--color-danger)
                }

            .td-actions .btn.btn-icon svg, .td-actions .btn.btn-icon img {
                width: 14px
            }

td[rowspan] {
    font-family: "IBMPlexSansArabic-Bold",sans-serif
}

.td-title {
    border-color: var(--color-border-color)
}

    .td-title tr td:first-of-type {
        background-color: #fafafd
    }

.td-data {
    display: flex;
    justify-content: start;
    padding: 4px;
    color: #161616
}

    .td-data svg {
        height: 20px
    }

    .td-data img {
        height: 40px;
        height: 40px;
        flex-shrink: 0;
        border-radius: 50%
    }

    .td-data.td-dropdown .dropdown-toggle::after {
        display: none
    }

td.bg-green {
    background-color: #d4edda;
    color: #155724
}

td.bg-yellow {
    background-color: #fff3cd;
    color: #856404
}

td.bg-red {
    background-color: #f8d7da;
    color: #721c24
}

.status {
    padding: 8px 24px;
    border-radius: 40px;
    font-size: .875rem;
    white-space: nowrap;
    font-family: "IBMPlexSansArabic-Medium"
}

.td-data .status {
    display: flex;
    justify-content: center;
    width: 100%
}

.status.success {
    background-color: #d4edda;
    color: #155724
}

.status.pending {
    background-color: #fff3cd;
    color: #856404
}

.status.rejected {
    background-color: #f8d7da;
    color: #721c24
}

.table-header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px
}

.list-dropdown .dropdown-toggle {
    background-color: rgba(0,0,0,0);
    border: 0
}

    .list-dropdown .dropdown-toggle::after {
        background-image: url("../images/arrow/arrow_black.svg");
        width: 13px;
        height: 12px;
        background-repeat: no-repeat;
        background-size: contain;
        border: 0;
        margin-top: 10px
    }

.search-count {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: "HelveticaNeueLTArabic-Bold",sans-serif
}

    .search-count .title {
        font-size: .875rem;
        margin-bottom: 8px
    }

    .search-count .counter {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        flex-shrink: 0;
        font-size: .875rem;
        padding-bottom: 4px;
        background-color: #e5efe3;
        color: var(--color-primary);
        border-radius: 50%
    }

.table-footer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px
}

@media(max-width: 575.98px) {
    .table-footer {
        flex-direction: column
    }
}

.table-footer .items-number {
    color: #81abc2;
    white-space: nowrap;
    font-size: .875rem
}

@media(max-width: 575.98px) {
    .table-footer .items-number {
        width: 100%;
        flex: 1;
        text-align: center
    }
}

.download-actions-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 !important;
    margin: 0 !important;
    gap: 10px
}

.download-actions-list__item .download-action {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 12px;
    color: var(--color-text-color)
}

    .download-actions-list__item .download-action .download-btn {
        display: flex;
        align-items: center;
        padding: 8px 12px;
        width: 100%;
        gap: 8px;
        border-radius: 8px;
        background-color: #fff;
        border: 1px solid #d2d6db;
        transition: all .3s ease-in-out
    }

        .download-actions-list__item .download-action .download-btn img {
            flex-shrink: 0;
            height: 28px
        }

        .download-actions-list__item .download-action .download-btn .count {
            color: var(--color-text-color);
            font-size: 1rem;
            font-family: "IBMPlexSansArabic-Bold"
        }

        .download-actions-list__item .download-action .download-btn .icon svg {
            height: 16px;
            margin-inline-start: 16px
        }

    .download-actions-list__item .download-action:is(:hover,:active,:focus) .download-btn {
        background-color: var(--color-secondary);
        color: #fff;
        border-color: var(--color-secondary)
    }

    .download-actions-list__item .download-action:is(:hover,:active,:focus) .count {
        color: #fff
    }

    .download-actions-list__item .download-action:is(:hover,:active,:focus) img {
        filter: brightness(0) invert(1)
    }

    .download-actions-list__item .download-action:is(:hover,:active,:focus) svg path {
        fill: #fff
    }

.documents-list {
    width: 100%;
    padding-inline-end: 8px
}

.widget .documents-list {
    max-height: 150px;
    overflow-y: auto
}

.documents-list__item {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    gap: 12px;
    padding: 8px 0
}

    .documents-list__item:not(:last-child) {
        border-bottom: 1px solid #242e42
    }

    .documents-list__item .item-info {
        flex: 1
    }

        .documents-list__item .item-info .category {
            font-size: .75rem
        }

        .documents-list__item .item-info .item-title {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            line-height: 1.5;
            overflow: hidden;
            word-wrap: break-word;
            text-overflow: ellipsis;
            font-size: .875rem;
            visibility: visible;
            color: var(--color-text-gray);
            transition: all .3s ease-in-out
        }

@supports not (-webkit-line-clamp: 2) {
    .documents-list__item .item-info .item-title {
        display: block;
        max-height: 42px;
        line-height: 1.5
    }
}

.documents-list__item .download-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    border-radius: 50%;
    transition: all .3s ease-in-out
}

    .documents-list__item .download-btn:hover {
        background-color: var(--color-primary)
    }

    .documents-list__item .download-btn svg {
        width: 16px
    }

.documents-list__item:hover .item-info .item-title {
    color: #fff
}

.documents-list__item:hover .download-btn svg, .documents-list__item:hover .download-btn img {
    filter: brightness(0) invert(1)
}

.error-container .error-img img {
    width: 100%;
    max-width: 550px
}

.error-container .error-title {
    font-size: 2rem;
    margin: 0
}

.error-container .error-desc {
    max-width: 60%;
    text-align: center;
    font-size: 1.25rem
}

@media(max-width: 575.98px) {
    .error-container .error-desc {
        max-width: 100%
    }
}

.error-page .error-content .ms-rtestate-field h2 {
    color: var(--color-primary);
    text-align: center
}

.error-page .error-content .ms-rtestate-field p {
    text-align: center
}

    .error-page .error-content .ms-rtestate-field p a {
        color: var(--color-primary)
    }

        .error-page .error-content .ms-rtestate-field p a:hover {
            color: var(--color-secondary)
        }

.tags-input {
    align-items: flex-start !important;
    padding: 1rem !important;
    min-height: 130px;
    border: 1px solid var(--color-border-color);
    background-color: #fff;
    border-radius: 25px
}

.tags-input__tag {
    display: inline-flex !important;
    align-items: center;
    font-size: 14px;
    background: var(--color-primary) !important;
    color: #fff !important;
    font-weight: normal;
    padding: 8px 16px !important;
    gap: 6px;
    border-radius: 25px
}

.tags-input__tag-remove-btn {
    font-size: 18px !important;
    margin: 0 !important
}

    .tags-input__tag-remove-btn .sr-only {
        display: none
    }

.tags-input .tags-input__input-field {
    height: auto !important
}

.timeline-item {
    width: 100%
}

.timeline-item-header {
    position: relative;
    padding: 8px 10px 12px;
    margin-inline-end: 48px;
    height: 40px;
    margin-bottom: 8px;
    background-color: var(--color-secondary)
}

    .timeline-item-header::before, .timeline-item-header::after {
        content: " ";
        position: absolute;
        top: 0;
        inset-inline-end: -16px;
        width: 0;
        height: 0;
        border-top: 20px solid #a1b2c8;
        border-bottom: 20px solid #a1b2c8;
        border-right: 16px solid var(--color-secondary);
        z-index: 2;
        transition: border-color .2s ease
    }

    .timeline-item-header::after {
        inset-inline-end: -32px;
        border-right: 16px solid #a1b2c8;
        border-top: 20px solid #a1b2c8;
        border-bottom: 20px solid #a1b2c8
    }

    .timeline-item-header .bg-arrow {
        position: absolute;
        top: 0;
        inset-inline-end: -48px;
        width: 0;
        height: 0;
        border-right: 16px solid #a1b2c8;
        border-top: 20px solid #f8fafe;
        border-bottom: 20px solid #f8fafe;
        z-index: 2;
        transition: border-color .2s ease
    }

    .timeline-item-header .timeline-title {
        color: #fff;
        margin: 0;
        text-align: center;
        font-family: "IBMPlexSansArabic-Bold",sans-serif
    }

    .timeline-item-header.primary {
        background-color: var(--color-primary)
    }

        .timeline-item-header.primary::before, .timeline-item-header.primary::after {
            border-top: 20px solid #a3ca82;
            border-bottom: 20px solid #a3ca82;
            border-right: 16px solid var(--color-primary)
        }

        .timeline-item-header.primary::after {
            border-right: 16px solid #a3ca82;
            border-top: 20px solid #c4e2ae;
            border-bottom: 20px solid #c4e2ae
        }

        .timeline-item-header.primary .bg-arrow {
            border-top: 20px solid #f8fafe;
            border-bottom: 20px solid #f8fafe;
            border-right: 16px solid #c4e2ae
        }

.timeline-item__body {
    padding-block: 24px;
    text-align: center
}

    .timeline-item__body .timeline-date {
        display: inline-flex;
        align-items: center;
        margin: 0 auto;
        padding: 8px 16px 12px;
        background-color: #fff;
        font-size: .75rem;
        color: var(--color-gray-color);
        font-family: "IBMPlexSansArabic-Bold",sans-serif;
        border-radius: 100px;
        box-shadow: 0 0 20px rgba(114,167,66,.05)
    }

    .timeline-item__body .timeline-icon {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 16px 0
    }

        .timeline-item__body .timeline-icon::before {
            position: absolute;
            inset: 0;
            content: "";
            width: 100%;
            height: 2px;
            margin: auto;
            background-color: var(--color-secondary)
        }

        .timeline-item__body .timeline-icon::after {
            content: "";
            display: flex;
            width: 26px;
            height: 26px;
            flex-shrink: 0;
            border: 4px solid #fff;
            border-radius: 50%;
            background-color: var(--color-secondary);
            z-index: 2
        }

    .timeline-item__body .timeline-title {
        font-size: .875rem;
        font-family: "IBMPlexSansArabic-Bold",sans-serif
    }

.timeline-item.primary .timeline-item__header {
    background-color: var(--color-primary)
}

    .timeline-item.primary .timeline-item__header::before, .timeline-item.primary .timeline-item__header::after {
        border-top: 20px solid #a3ca82;
        border-bottom: 20px solid #a3ca82;
        border-right: 16px solid var(--color-primary)
    }

    .timeline-item.primary .timeline-item__header::after {
        border-right: 16px solid #a3ca82;
        border-top: 20px solid #c4e2ae;
        border-bottom: 20px solid #c4e2ae
    }

    .timeline-item.primary .timeline-item__header .bg-arrow {
        border-top: 20px solid #f8fafe;
        border-bottom: 20px solid #f8fafe;
        border-right: 16px solid #c4e2ae
    }

.timeline-item.primary .timeline-icon::before {
    background-color: var(--color-primary)
}

.timeline-item.primary .timeline-icon::after {
    background-color: var(--color-primary)
}

.search-popup {
    position: fixed;
    inset-inline: 0;
    inset-block-start: 0;
    z-index: 99999;
    opacity: 0;
    height: -moz-fit-content;
    height: fit-content;
    visibility: hidden;
    transform: translateY(30px);
    max-width: 1440px;
    margin: 0 auto;
    transition: all .2s ease-out
}

.search-popup__container {
    position: relative;
    padding: 30px 25px;
    z-index: 2;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 32px 64px -12px rgba(16,24,40,.14);
    margin: auto;
    width: 60%
}

@media(max-width: 992px) {
    .search-popup__container {
        width: 100%
    }
}

.search-popup__container .section-header {
    align-items: center !important;
    margin-bottom: 25px !important
}

@media(max-width: 991.98px) {
    .search-popup__container .section-header .header-actions {
        order: -1
    }
}

.search-popup.open {
    opacity: 1;
    visibility: visible;
    transform: translateY(65px)
}

.search-popup .section-title {
    color: #161616 !important
}

    .search-popup .section-title h3 {
        font-family: "IBMPlexSansArabic-SemiBold";
        font-size: 1.75rem;
        margin-bottom: 0
    }

.search-popup .close-popup {
    margin-inline-start: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    line-height: 1;
    transition: all .3s ease-in-out
}

    .search-popup .close-popup img {
        width: 100%;
        height: 100%
    }

    .search-popup .close-popup:hover {
        transform: scale(1.2)
    }

.site-search input {
    background-color: #fff !important;
    border: 1px solid #9da4ae !important;
    color: #384250 !important;
    font-family: "IBMPlexSansArabic-Regular"
}

    .site-search input:focus {
        border: 1px solid #1b8354 !important
    }

    .site-search input::-moz-placeholder {
        color: #384250 !important
    }

    .site-search input::placeholder {
        color: #384250 !important
    }

.site-search .title {
    display: none
}

.site-search .input-group {
    padding: 0px
}

    .site-search .input-group .btn {
        font-family: "IBMPlexSansArabic-Medium"
    }

.swiper-button-next, .swiper-button-prev {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    outline: none;
    background-color: hsla(0,0%,100%,.5);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center;
    transition: all .3s ease-in-out;
    display: none
}

    .swiper-button-next:after, .swiper-button-prev:after {
        display: none
    }

    .swiper-button-next:hover, .swiper-button-prev:hover {
        background-color: #fff
    }

@media(max-width: 575.98px) {
    .hero-slider .swiper-button-next, .hero-slider .swiper-button-prev {
        display: none
    }
}

.swiper-button-prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.123' height='13.338' viewBox='0 0 8.123 13.338'%3E%3Cpath id='arrow' d='M13.338,7.4,6.669,0,0,7.4l.72.72,5.949-4.07,5.552,4.07Z' transform='translate(8.123) rotate(90)' fill='%23224e85'/%3E%3C/svg%3E%0A")
}

[dir=ltr] .swiper-button-prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.123' height='13.338' viewBox='0 0 8.123 13.338'%3E%3Cpath id='arrow' d='M13.338.72l-6.669,7.4L0,.72.72,0,6.669,4.07,12.221,0Z' transform='translate(8.123) rotate(90)' fill='%23224e85'/%3E%3C/svg%3E%0A")
}

.swiper-button-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.123' height='13.338' viewBox='0 0 8.123 13.338'%3E%3Cpath id='arrow' d='M13.338.72l-6.669,7.4L0,.72.72,0,6.669,4.07,12.221,0Z' transform='translate(8.123) rotate(90)' fill='%23224e85'/%3E%3C/svg%3E%0A")
}

[dir=ltr] .swiper-button-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.123' height='13.338' viewBox='0 0 8.123 13.338'%3E%3Cpath id='arrow' d='M13.338,7.4,6.669,0,0,7.4l.72.72,5.949-4.07,5.552,4.07Z' transform='translate(8.123) rotate(90)' fill='%23224e85'/%3E%3C/svg%3E%0A")
}

.swiper-pagination {
    padding: 5px 0 0
}

    .swiper-pagination .swiper-pagination-bullet {
        position: relative;
        width: 22px;
        height: 22px;
        opacity: 1;
        background-color: rgba(0,0,0,0);
        border: 1px solid rgba(0,0,0,0);
        transition: all .3s ease-in-out
    }

        .swiper-pagination .swiper-pagination-bullet::after {
            position: absolute;
            inset: 0;
            content: "";
            width: 18px;
            height: 18px;
            margin: auto;
            background-color: #e5e7eb;
            border-radius: 50%
        }

        .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            border-color: rgba(0,0,0,0)
        }

            .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
                background-color: var(--color-secondary)
            }

.open-data .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: var(--color-tertiary)
}

    .open-data .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
        background-color: var(--color-tertiary)
    }

.section-footer .swiper-pagination {
    inset-inline-start: auto;
    inset-inline-end: 0;
    width: -moz-fit-content;
    width: fit-content
}

.hero-slider {
    height: 100%
}

    .hero-slider .swiper-wrapper {
        height: 100%
    }

        .hero-slider .swiper-wrapper .swiper-slide {
            height: 100%
        }

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

        .hero-slider .swiper-pagination .swiper-pagination-bullet::after {
            background-color: #fff;
            opacity: 1
        }

        .hero-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            border-color: rgba(0,0,0,0)
        }

            .hero-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
                background-color: #1b8354;
                opacity: 1
            }

.open-data .hero-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: var(--color-tertiary)
}

    .open-data .hero-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
        background-color: var(--color-tertiary)
    }

.media-center .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    background-color: #54c08a
}

.sitemap ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    gap: 1.25rem;
    padding: 0;
    margin: 0
}

    .sitemap ul a {
        position: relative;
        display: flex;
        align-items: center;
        max-width: -moz-max-content;
        max-width: max-content;
        font-size: .875rem !important;
        font-weight: normal !important;
        color: #fff;
        background-color: var(--color-primary);
        text-decoration: none;
        z-index: 1;
        overflow: hidden;
        padding: .594rem 1.5rem;
        transition: all .3s ease-in-out;
        border-radius: 40px;
        transition: all .3s ease-in-out
    }

        .sitemap ul a:is(:hover,:focus,:active) {
            background-color: rgb(4.875,53.625,34.125);
            color: #fff
        }

    .sitemap ul li ul {
        position: relative;
        padding-top: 1.25rem;
        padding-inline-start: 5rem
    }

        .sitemap ul li ul::after {
            content: "";
            position: absolute;
            top: 0;
            inset-inline-start: 2.5rem;
            width: .125rem;
            height: calc(100% - 20px);
            background-color: var(--color-border-color)
        }

        .sitemap ul li ul li {
            position: relative
        }

            .sitemap ul li ul li::after {
                content: "";
                position: absolute;
                top: 50%;
                inset-inline-start: -2.5rem;
                width: 2.5rem;
                height: .125rem;
                background-color: var(--color-border-color);
                transform: translateY(-50%)
            }

            .sitemap ul li ul li a {
                background-color: rgba(0,0,0,0);
                color: var(--color-primary);
                border: 1px solid var(--color-primary);
                transition: all .3s ease-in-out
            }

                .sitemap ul li ul li a:is(:hover,:focus,:active) {
                    background-color: var(--color-primary);
                    color: #fff
                }

.site-map {
    font-family: "IBMPlexSansArabic-Regular";
    font-size: 1.125rem;
    padding-inline-start: 40px;
    padding-top: .9375rem
}

    .site-map ul {
        margin-bottom: 25px
    }

@media(max-width: 992px) {
    .site-map ul {
        inset-inline-start: 15px
    }
}

.site-map ul li {
    position: relative
}

    .site-map ul li a {
        position: relative;
        inset-inline-start: -18px;
        color: #1b8354 !important;
        outline: 2px solid rgba(0,0,0,0);
        transition: all .3s ease-in-out
    }

        .site-map ul li a:is(:hover) {
            color: #54c08a !important;
            text-decoration: underline !important
        }

            .site-map ul li a:is(:hover) svg path {
                fill: var(--color-primary)
            }

        .site-map ul li a:is(:active,:focus) {
            color: #1b8354 !important;
            text-decoration: underline;
            outline: 2px solid #161616
        }

            .site-map ul li a:is(:active,:focus) svg path {
                fill: var(--color-primary)
            }

@media(max-width: 992px) {
    .site-map ul li a {
        padding-inline-start: 10px
    }
}

.site-map ul li a:before {
    content: "";
    background-image: url("../images/checked-siteMap.svg");
    position: absolute;
    inset-inline-start: -45px;
    width: 20px;
    height: 20px;
    top: 50%;
    inset-inline-end: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

@media(max-width: 992px) {
    .site-map ul li a:before {
        inset-inline-start: -35px
    }
}

.site-map ul li a > img {
    position: absolute;
    inset-inline-start: -25px;
    top: 8px;
    transition: all .3s ease-in-out
}

.site-map ul li > a {
    transition: all .3s ease-in-out
}

    .site-map ul li > a:is(:hover,:focus,:active) {
        text-decoration: underline !important
    }

    .site-map ul li > a:is(:focus), .site-map ul li > a :active {
        color: #1b8354 !important;
        outline: 2px solid #161616
    }

.site-map ul ul li {
    margin: 10px 0
}

    .site-map ul ul li a {
        position: relative;
        inset-inline-start: 0px;
        position: relative;
        color: #161616 !important;
        outline: 2px solid rgba(0,0,0,0)
    }

        .site-map ul ul li a:is(:focus) {
            color: #384250 !important
        }

        .site-map ul ul li a:is(:hover) {
            color: #6c737f !important
        }

@media(max-width: 992px) {
    .site-map ul ul li a {
        padding-inline-start: 0px
    }
}

.site-map ul ul li a:before {
    content: "";
    background-color: #161616;
    position: absolute;
    inset-inline-start: -20px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    top: 50%;
    inset-inline-end: 50%;
    transform: translate(-50%, -50%)
}

@media print {
    body {
        display: block !important;
        flex-direction: unset;
        background-color: #fff
    }

    * {
        position: static;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        background-image: none !important;
        overflow: visible
    }

    header, footer, .comments, .page-review, .review-answer, .content-footer, .page-header, .page-banner, .loader, .pagination-main, .nav-tabs, .floating-links, .back-top-btn, .about-details__header, .swiper-pagination, .section-footer, .swiper-button-next, .swiper-button-prev, .reason-wrapper {
        display: none !important
    }

    img {
        max-width: 100% !important
    }

    img, svg {
        -moz-column-break-inside: avoid;
        break-inside: avoid
    }

    .container {
        max-width: 100% !important
    }

    [data-aos^=fade][data-aos^=fade] {
        opacity: 1;
        transform: translate(0) !important
    }

    main.inner-page {
        padding-block: 24px
    }
}

@media(max-width: 767.98px) {
    .fc {
        flex-direction: column
    }
}

.fc .fc-header-toolbar {
    gap: 1rem;
    flex-wrap: wrap
}

    .fc .fc-header-toolbar > .fc-toolbar-chunk {
        position: relative
    }

        .fc .fc-header-toolbar > .fc-toolbar-chunk:nth-child(2) {
            flex: 100%;
            width: 100%;
            order: 3
        }

@media(max-width: 767.98px) {
    .fc .fc-header-toolbar > .fc-toolbar-chunk:nth-child(2) {
        order: 1
    }
}

@media(max-width: 767.98px) {
    .fc .fc-header-toolbar > .fc-toolbar-chunk:nth-child(3) {
        flex: 100%;
        width: 100%;
        order: 2
    }
}

@media(max-width: 767.98px) {
    .fc .fc-header-toolbar > .fc-toolbar-chunk:first-of-type {
        order: 1;
        position: absolute;
        inset-inline-end: 0
    }
}

.fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-group > .fc-button:first-of-type {
    border-inline-start-color: rgba(0,0,0,0) !important
}

.fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-group > .fc-button:last-of-type {
    border-inline-end-color: rgba(0,0,0,0) !important
}

.fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-group:has(.fc-prev-button) {
    gap: 140px
}

.fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-group .fc-prev-button, .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-group .fc-next-button {
    background: none !important;
    border: 0 !important;
    border-color: rgba(0,0,0,0) !important;
    color: #161616 !important;
    padding-inline: 0 !important
}

.fc .fc-header-toolbar > .fc-toolbar-chunk .fc-today-button {
    position: absolute;
    right: 45px;
    left: 45px;
    margin: 0;
    border: 0
}

.fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-primary {
    border-top: 0;
    border-bottom: 0;
    border-color: #d2d6db;
    padding: 11px 20px
}

    .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-primary:hover {
        transition: all .3s ease-in-out
    }

    .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-primary, .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-primary:disabled {
        background-color: rgba(0,0,0,0);
        color: #161616;
        transition: all .3s ease-in-out
    }

        .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-primary:not(:disabled):active {
            background-color: #161616 !important;
            border-color: rgba(0,0,0,0);
            color: #fff
        }

        .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-primary:not(:disabled):active {
            background-color: #161616;
            border-color: rgba(0,0,0,0);
            color: #fff
        }

        .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-primary:disabled:hover {
            background-color: #f3f4f6 !important;
            border-color: rgba(0,0,0,0);
            color: #161616 !important
        }

            .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-primary:disabled:hover::after {
                display: none
            }

.fc .fc-header-toolbar > .fc-toolbar-chunk .fc-toolbar-title {
    color: #161616
}

@media(max-width: 767.98px) {
    .fc .fc-header-toolbar {
        flex-direction: column !important;
        gap: 15px;
        align-items: flex-start
    }
}

.fc .fc-header-toolbar .fc-button:is(:hover,:active,:focus,.fc-button-active) {
    color: #fff;
    box-shadow: none !important;
    background-color: #161616
}

.fc .fc-toolbar-title {
    color: var(--color-text-color);
    font-size: 1.375rem;
    font-family: "IBMPlexSansArabic-Bold"
}

.fc .fc-scrollgrid-sync-inner {
    min-height: 123px;
    height: 100%
}

@media(max-width: 767.98px) {
    .fc .fc-scrollgrid-sync-inner {
        min-height: 95px
    }
}

.fc .fc-col-header-cell-cushion {
    color: #606161
}

.fc .fc-daygrid-day-number {
    font-family: "IBMPlexSansArabic-Bold";
    font-size: 1.125rem;
    color: #6c737f;
    padding: 0
}

@media(max-width: 767.98px) {
    .fc .fc-daygrid-day-number {
        font-size: .9375rem
    }
}

.fc .fc-daygrid-day-number:focus {
    color: #6c737f
}

.fc .fc-non-business {
    border-radius: 8px;
    padding: 10px;
    background: none
}

@media(max-width: 767.98px) {
    .fc .fc-daygrid-day-top {
        justify-content: flex-start
    }
}

.fc .fc-highlight {
    background-color: var(--color-success);
    border-radius: 16px
}

    .fc .fc-highlight .fc-daygrid-day-number {
        color: #fff
    }

.fc-daygrid-day-frame {
    background-color: #fff;
    border-radius: 8px;
    padding: 14px
}

.fc-day-today .fc-daygrid-day-frame {
    background-color: var(--color-secondary);
    border-radius: 8px
}

    .fc-day-today .fc-daygrid-day-frame .fc-daygrid-day-number {
        color: #fff
    }

.fc-timegrid-event-harness {
    inset-inline: 6px !important
}

@media(max-width: 767.98px) {
    .fc-timegrid-event-harness {
        inset-inline: 2px !important
    }
}

.fc-event {
    border: 0 !important;
    border-radius: 10px;
    transition: all .3s ease-in-out
}

    .fc-event .fc-event-main {
        color: #fff;
        padding: 4px 7px 5px
    }

    .fc-event .fc-event-time {
        color: var(--color-text-color);
        background-color: #fff;
        padding: 3px 10px;
        border-radius: 97px;
        font-size: 12px;
        flex-shrink: 0
    }

@media(max-width: 767.98px) {
    .fc-event .fc-event-time {
        padding: 3px 5px;
        white-space: pre-wrap;
        text-align: center
    }
}

.fc-event .fc-daygrid-event-dot {
    display: none
}

.fc-event:hover:is(:hover,:active,:focus) {
    background-color: var(--color-primary) !important;
    color: #fff
}

.fc .fc-scrollgrid {
    border: 0;
    outline: none;
    box-shadow: none;
    background: none;
    border-radius: 0
}

    .fc .fc-scrollgrid > thead {
        background: none !important
    }

        .fc .fc-scrollgrid > thead > tr > th {
            border-radius: 0;
            border: 0
        }

            .fc .fc-scrollgrid > thead > tr > th .fc .fc-scroller {
                overflow: auto !important
            }

    .fc .fc-scrollgrid tbody > tr {
        background-color: rgba(0,0,0,0) !important;
        border-color: rgba(0,0,0,0);
        border: 0
    }

        .fc .fc-scrollgrid tbody > tr > td {
            border: 0;
            border-radius: 0
        }

            .fc .fc-scrollgrid tbody > tr > td .fc-scrollgrid-sync-table tbody tr {
                background-color: rgba(0,0,0,0) !important;
                border-color: rgba(0,0,0,0);
                border: 0
            }

                .fc .fc-scrollgrid tbody > tr > td .fc-scrollgrid-sync-table tbody tr td {
                    background: #fff;
                    border-radius: 8px;
                    border: 1px solid #e5e7eb
                }

                    .fc .fc-scrollgrid tbody > tr > td .fc-scrollgrid-sync-table tbody tr td .fc-day-number br {
                        display: none
                    }

            .fc .fc-scrollgrid tbody > tr > td.fc-timegrid-slot {
                background: #fff;
                border-radius: 8px;
                border: 1px solid #e5e7eb;
                height: 123px
            }

@media(max-width: 767.98px) {
    .fc .fc-scrollgrid tbody > tr > td.fc-timegrid-slot {
        height: 105px
    }
}

.fc .fc-scrollgrid tbody > tr > td.fc-timegrid-slot.fc-timegrid-slot-label {
    background: #f3fcf6
}

.fc .fc-scrollgrid tbody > tr > td.fc-timegrid-divider {
    display: none
}

.fc .fc-scrollgrid table {
    background-color: rgba(0,0,0,0) !important;
    border-color: rgba(0,0,0,0) !important;
    border-radius: 0 !important;
    outline: 0 !important;
    border: 0;
    border-spacing: 6px;
    border-collapse: separate
}

@media(max-width: 767.98px) {
    .fc .fc-scrollgrid table {
        border-spacing: 0;
        border-collapse: collapse
    }
}

.fc .fc-scrollgrid table colgroup col {
    width: 150px !important
}

@media(max-width: 767.98px) {
    .fc .fc-scrollgrid table colgroup col {
        width: 65px !important
    }
}

.fc .fc-scrollgrid table.fc-col-header .fc-col-header-cell {
    padding: 0;
    border-radius: 8px;
    border: 0
}

@media(max-width: 767.98px) {
    .fc .fc-scrollgrid table.fc-col-header .fc-col-header-cell {
        border-radius: 0;
        border: 1px solid #e5e7eb
    }
}

.fc .fc-scrollgrid table.fc-col-header thead {
    background-color: rgba(0,0,0,0);
    height: 123px
}

@media(max-width: 767.98px) {
    .fc .fc-scrollgrid table.fc-col-header thead {
        height: 95px
    }
}

.fc .fc-scrollgrid table.fc-col-header thead tr {
    border: 0
}

.fc .fc-scrollgrid table.fc-col-header thead .fc-col-header-cell .fc-scrollgrid-sync-inner {
    height: 100%;
    min-height: 100%
}

    .fc .fc-scrollgrid table.fc-col-header thead .fc-col-header-cell .fc-scrollgrid-sync-inner .fc-col-header-cell-cushion {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        background-color: #1b8354;
        color: #fff;
        font-size: 17px;
        padding: 14px
    }

@media(max-width: 767.98px) {
    .fc .fc-scrollgrid table.fc-col-header thead .fc-col-header-cell .fc-scrollgrid-sync-inner .fc-col-header-cell-cushion {
        font-size: 14px;
        padding: 10px
    }
}

@media(max-width: 575.98px) {
    .fc .fc-scrollgrid table.fc-col-header thead .fc-col-header-cell .fc-scrollgrid-sync-inner .fc-col-header-cell-cushion {
        font-size: 12px;
        padding: 7px
    }
}

.fc .fc-timeGridWeek-view table colgroup {
    display: none
}

    .fc .fc-timeGridWeek-view table colgroup col {
        width: 65px !important
    }

.card:has(.fc) {
    border: 0
}

.fc-daygrid-day-bottom:empty {
    display: none
}

.fc-direction-rtl .fc-timegrid-slot-label-frame {
    text-align: start;
    padding: 14px
}

@media(max-width: 767.98px) {
    .fc-direction-rtl .fc-timegrid-slot-label-frame {
        padding: 10px
    }
}

.fc .fc-timegrid-axis-cushion {
    flex: 1 0 0;
    max-width: 100%;
    align-content: center;
    padding: 14px
}

@media(max-width: 767.98px) {
    .fc .fc-timegrid-axis-cushion {
        padding: 10px
    }
}

.fc-timegrid-event-harness > .fc-timegrid-event {
    border-radius: 8px;
    overflow: hidden
}

@media(max-width: 767.98px) {
    .fc-timegrid-event-harness > .fc-timegrid-event {
        bottom: auto;
        right: 4px;
        left: 4px
    }
}

.fc-daygrid-day-events:after, .fc-daygrid-day-events:before, .fc-daygrid-day-frame:after, .fc-daygrid-day-frame:before, .fc-daygrid-event-harness:before {
    content: none
}

.fc-media-screen .fc-timegrid-col-bg {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.fc-media-screen .fc-timegrid-col-events {
    margin: 0
}

.fc .fc-daygrid-event {
    border-radius: 8px !important
}

@media(max-width: 767.98px) {
    .fc-event .fc-event-main {
        padding: 6px 7px
    }
}

@media(max-width: 767.98px) {
    .fc-event .fc-event-main .fc-event-main-frame {
        display: none
    }
}

.fc .fc-timegrid-slot-label-cushion {
    padding: 0
}

@media(max-width: 767.98px) {
    .fc-daygrid-day-frame {
        border-radius: 0 !important
    }

    .fc .fc-scroller {
        overflow: auto !important
    }
}

.fc-today-button {
    position: relative
}

    .fc-today-button::after {
        content: "";
        width: 50%;
        height: 3px;
        background-color: #54c08a;
        display: block;
        top: auto;
        border-radius: 4px;
        position: absolute;
        bottom: 0;
        inset-inline-end: 50%;
        transform: translate(-50%, -50%)
    }

.fc-icon-chevron-right:before {
    content: url("../images//arrow/right-arrow-black.svg")
}

.fc-icon-chevron-left:before {
    content: url("../images//arrow/left-arrow-black.svg")
}

.fc .fc-button .fc-icon, .fc-prev-button, .fc-next-button {
    font-size: 1.5em;
    vertical-align: middle;
    display: block;
    height: 32px;
    width: 40px;
    border-radius: 4px;
    transition: all .3s
}

    .fc .fc-button .fc-icon:hover, .fc .fc-button .fc-icon:active, .fc-prev-button:hover, .fc-prev-button:active, .fc-next-button:hover, .fc-next-button:active {
        background-color: #f3f4f6;
        box-shadow: none !important;
        color: #161616;
        border: 0
    }

    .fc .fc-button .fc-icon:focus, .fc-prev-button:focus, .fc-next-button:focus {
        background-color: #e5e7eb;
        box-shadow: none !important;
        color: #161616;
        border: 0
    }

.fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-primary:disabled:hover {
    background-color: #f3f4f6 !important
}

    .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-primary:disabled:hover:after {
        display: none
    }

.fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-primary:disabled:focus {
    background-color: rgba(0,0,0,0) !important;
    border: 2px solid #161616
}

    .fc .fc-header-toolbar > .fc-toolbar-chunk .fc-button-primary:disabled:focus:after {
        display: none
    }

button.fc-today-button.fc-button.fc-button-primary:hover {
    color: #161616 !important
}

button.fc-today-button.fc-button.fc-button-primary:hover, button.fc-today-button.fc-button.fc-button-primary:active {
    background-color: #f3f4f6 !important;
    color: #161616 !important
}

    button.fc-today-button.fc-button.fc-button-primary:hover::after, button.fc-today-button.fc-button.fc-button-primary:active::after {
        display: none
    }

#calendar .fc-button-group button {
    background-color: #f3f4f6
}

    #calendar .fc-button-group button:hover {
        color: #161616
    }

#calendar .fc-button-group .fc-prev-button:active, #calendar .fc-button-group .fc-next-button:active {
    background-color: rgba(0,0,0,0) !important
}

#calendar .fc-button-group .fc-button-active:hover {
    color: #fff
}

.details-page {
    display: flex;
    flex-direction: column
}

    .details-page .item-date:not(.colored) svg path {
        fill: #979da2
    }

    .details-page .item-date:not(.colored) .date {
        color: #979da2
    }

    .details-page .item-header {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 16px;
        margin-bottom: 24px
    }

        .details-page .item-header .item-title {
            color: var(--color-text-color);
            margin-bottom: 12px;
            font-family: "IBMPlexSansArabic-Bold"
        }

    .details-page .item-info p img {
        max-width: 100%
    }

    .details-page .item-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 60px;
        height: 60px;
        background-color: var(--color-border-color);
        border-radius: 10px
    }

        .details-page .item-icon img {
            width: 32px
        }

    .details-page .item-img {
        position: relative;
        display: inline-block;
        max-height: 600px;
        width: 100%;
        margin-inline-end: 24px;
        margin-bottom: 24px;
        background-color: var(--color-primary);
        border-radius: 24px;
        overflow: hidden
    }

@media(max-width: 767.98px) {
    .details-page .item-img {
        width: 100%;
        margin-inline-end: 0
    }
}

[dir=ltr] .details-page .item-img {
    float: left
}

.details-page .item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.details-page .item-description, .details-page ul {
    display: block;
    padding-bottom: 32px;
    color: var(--color-text-gray);
    line-height: 1.7
}

    .details-page .item-description:only-child, .details-page ul:only-child {
        clear: none
    }

.card .details-page .item-description, .card .details-page ul {
    color: var(--color-text-color)
}

.programe-details iframe {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.card .item-description, .card ul {
    color: var(--color-text-color)
}

.item-location {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--color-primary);
    transition: all .3s ease-in-out
}

.edit_mode .item-location {
    display: block
}

.item-location svg {
    height: 18px
}

.edit_mode .item-location .location {
    height: auto
}

.details-header {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 16px
}

    .details-header .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 70px;
        height: 70px
    }

        .details-header .icon img {
            width: 100%;
            max-height: 100%
        }

    .details-header .item-title {
        font-family: "IBMPlexSansArabic-Bold";
        margin: 0;
        color: #161616;
        font-size: 1.875rem
    }

.details-list li {
    margin-bottom: 12px
}

:root {
    --base-color: #b4872d;
    --disable-background-color: #eceeef
}

ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn {
    display: inline-flex !important;
    align-items: center;
    flex-wrap: wrap;
    border: 1px solid var(--color-border-color) !important;
    border-radius: 25px !important;
    background-color: #fff;
    min-height: 45px;
    padding: .375rem .75rem !important;
    background-image: 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") !important;
    background-repeat: no-repeat;
    background-position: calc(100% - .75rem) 1rem;
    background-size: 16px 12px
}

    ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn > span {
        position: relative;
        font-size: .875rem;
        padding: 0 !important;
        color: var(--color-text-color);
        display: flex;
        align-items: center;
        justify-content: center
    }

        ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn > span:last-of-type:not(.selected-item-container) {
            margin-inline-start: auto
        }

    ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .selected-item-container {
        font-size: .75rem
    }

    ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret {
        position: relative !important;
        display: flex;
        align-items: center;
        justify-content: center;
        display: none !important;
        flex-shrink: 0;
        height: 28px !important;
        padding: 0 !important;
        width: 24px !important;
        inset-block-end: 0 !important
    }

        ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret::before {
            position: relative !important;
            display: inline-flex;
            width: 28px !important;
            height: 16px !important;
            top: 0 !important;
            border: 0 !important;
            background-image: 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");
            background-repeat: no-repeat;
            background-position: right .75rem center;
            background-size: 16px 12px
        }

    ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .selected-item {
        border: 1px solid var(--base-color) !important;
        margin-inline-end: 4px !important;
        background: var(--base-color) !important;
        border-radius: 25px !important
    }

        ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .selected-item:hover {
            box-shadow: none !important
        }

    ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-down {
        border-top: 10px solid var(--color-border-color) !important
    }

    ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-up {
        border-bottom: 10px solid var(--color-border-color) !important
    }

ng-multiselect-dropdown .multiselect-dropdown .disabled > span {
    background-color: var(--disable-background-color) !important
}

ng-multiselect-dropdown .dropdown-list {
    border: 1px solid var(--color-border-color) !important
}

    ng-multiselect-dropdown .dropdown-list .filter-textbox {
        border-bottom: 1px solid #ccc;
        position: relative;
        padding: 10px
    }

        ng-multiselect-dropdown .dropdown-list .filter-textbox input {
            height: auto
        }

            ng-multiselect-dropdown .dropdown-list .filter-textbox input:focus {
                outline: none
            }

ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:focus + div:before, ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:hover + div:before {
    border-color: var(--base-color) !important;
    background-color: #fff
}

ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:active + div:before {
    transition-duration: 0s
}

ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox] + div:before {
    color: var(--base-color) !important;
    border: 2px solid var(--base-color) !important
}

ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox] + div:after {
    content: "";
    background-color: var(--base-color) !important
}

ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:disabled + div:before {
    border-color: #ccc
}

ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:disabled:focus + div:before .multiselect-item-checkbox input[type=checkbox]:disabled:hover + div:before {
    background-color: inherit
}

ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:disabled:checked + div:before {
    background-color: #ccc
}

ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:checked + div:after {
    content: "";
    transform: rotate(-45deg) scale(1);
    transition: transform 200ms ease-out
}

ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:checked + div:before {
    background: var(--base-color) !important
}

ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:checked + div:after {
    transform: rotate(-45deg) scale(1)
}

@keyframes borderscale {
    50% {
        box-shadow: 0 0 0 2px var(--base-color) !important
    }
}

hijri-gregorian-datepicker .btn-sm {
    min-width: 100px
}

hijri-gregorian-datepicker .form-group {
    display: flex;
    flex-direction: column
}

    hijri-gregorian-datepicker .form-group > label {
        order: 2
    }

    hijri-gregorian-datepicker .form-group .input-group {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: .625rem;
        font-size: 1rem;
        min-height: 45px;
        height: auto !important;
        padding-inline: 16px 4px;
        border: 1px solid #ced4da;
        color: var(--color-gray-color);
        border-radius: 25px !important
    }

    hijri-gregorian-datepicker .form-group .form-control {
        flex: 1;
        padding-inline-start: 0;
        outline: none;
        background-color: rgba(0,0,0,0) !important;
        box-shadow: none
    }

        hijri-gregorian-datepicker .form-group .form-control:focus {
            outline: none;
            box-shadow: none
        }

.is-invalid hijri-gregorian-datepicker .form-group .form-control {
    border-color: #dc3545
}

    .is-invalid hijri-gregorian-datepicker .form-group .form-control:focus {
        box-shadow: 0 0 0 .25rem rgba(220,53,69,.2)
    }

[dir=ltr] hijri-gregorian-datepicker .form-group .form-control {
    background-position: right 15px center
}

hijri-gregorian-datepicker .form-group .form-control.hijriInput {
    width: 100%
}

hijri-gregorian-datepicker .input-group-append {
    display: flex;
    align-items: center
}

    hijri-gregorian-datepicker .input-group-append .btn {
        min-width: auto;
        white-space: nowrap;
        font-size: .875rem;
        box-shadow: none;
        transition: all .3s ease-in-out;
        color: var(--color-primary);
        border: 1px solid var(--color-primary)
    }

        hijri-gregorian-datepicker .input-group-append .btn:is(.focus,:hover) {
            background-color: var(--color-primary);
            color: #fff;
            box-shadow: none;
            outline: none
        }

        hijri-gregorian-datepicker .input-group-append .btn:first-child {
            border-start-start-radius: 1.5625rem !important;
            border-end-start-radius: 1.5625rem !important;
            border-start-end-radius: 0 !important;
            border-end-end-radius: 0 !important
        }

        hijri-gregorian-datepicker .input-group-append .btn:last-child {
            border-start-end-radius: 1.5625rem !important;
            border-end-end-radius: 1.5625rem !important;
            border-start-start-radius: 0 !important;
            border-end-start-radius: 0 !important
        }

hijri-gregorian-datepicker .hijriInput {
    border-radius: .875rem
}

hijri-gregorian-datepicker .ngb-dp-months {
    display: block
}

hijri-gregorian-datepicker .ngb-dp-week {
    justify-content: space-between
}

hijri-gregorian-datepicker .ngb-dp-header {
    background-color: #fff;
    padding-top: 8px
}

hijri-gregorian-datepicker .ngb-dp-weekday, hijri-gregorian-datepicker .ngb-dp-week-number {
    font-style: normal !important;
    font-size: .75rem !important
}

hijri-gregorian-datepicker .ngb-dp-weekdays {
    background-color: #fff;
    padding: 4px 0;
    border-bottom: 1px solid var(--color-border-color)
}

    hijri-gregorian-datepicker .ngb-dp-weekdays .ngb-dp-weekday {
        color: var(--color-text-color)
    }

hijri-gregorian-datepicker .ngb-dp-day .btn-light {
    border: 0 !important
}

    hijri-gregorian-datepicker .ngb-dp-day .btn-light:hover {
        background-color: var(--color-primary)
    }

hijri-gregorian-datepicker .ngb-dp-today > .btn-light, hijri-gregorian-datepicker .ngb-dp-today [ngbDatepickerDayView] {
    background-color: var(--color-primary) !important;
    color: #fff;
    --bs-btn-color: #fff;
    --bs-btn-bg: color(primary);
    --bs-btn-hover-bg: color(primary)
}

    hijri-gregorian-datepicker .ngb-dp-today > .btn-light:hover, hijri-gregorian-datepicker .ngb-dp-today [ngbDatepickerDayView]:hover {
        background-color: var(--color-primary)
    }

ngb-datepicker {
    border-radius: 16px;
    border-color: #ced4da
}

hijri-date-picker {
    border-radius: 16px;
    border: 0
}

    hijri-date-picker > div {
        display: flex;
        height: 100%
    }

hijri-date-picker {
    width: unset !important
}

.ngb-dp-arrow .ngb-dp-navigation-chevron {
    border-color: var(--color-primary)
}

ngb-datepicker-navigation {
    justify-content: space-between;
    gap: 8px
}

    ngb-datepicker-navigation .ngb-dp-arrow-btn {
        min-width: auto;
        height: auto !important;
        padding: 0 !important
    }

    ngb-datepicker-navigation ngb-datepicker-navigation-select {
        gap: 8px
    }

        ngb-datepicker-navigation ngb-datepicker-navigation-select select {
            min-width: 85px
        }

[ngbDatepickerDayView]:hover:not(.bg-primary), [ngbDatepickerDayView].active:not(.bg-primary) {
    background-color: var(--color-primary);
    color: #fff
}

.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
}

.feedback-section {
    background-color: #fff;
    border-top: .125rem solid #1b8354;
    padding: 1.5rem 0
}

.feedback-section__header {
    display: flex;
    flex-direction: column;
    gap: 1rem 1.5rem
}

@media(min-width: 768px) {
    .feedback-section__header {
        flex-direction: row;
        align-items: center
    }
}

.feedback-section__title {
    font-family: "IBMPlexSansArabic-Regular";
    font-size: 1rem;
    margin-bottom: 0
}

.feedback-section__count {
    font-size: .875rem;
    margin-bottom: 0
}

.feedback-section__question {
    font-family: "IBMPlexSansArabic-SemiBold";
    font-size: 1rem;
    margin-bottom: 1rem
}

    .feedback-section__question > span {
        font-family: "IBMPlexSansArabic-Regular";
        font-size: .875rem;
        color: #6c737f
    }

.feedback-section .btn-light {
    display: none
}

.feedback-section:has(.collapse.show,.collapsing) .feedback-section__count {
    display: none
}

.feedback-section:has(#usefulPageCollapse.show) .btn-light[data-bs-target="#usefulPageCollapse"] {
    display: flex
}

.feedback-section:has(#notUsefulPageCollapse.show) .btn-light[data-bs-target="#notUsefulPageCollapse"] {
    display: flex
}

.successful-response-message {
    display: flex;
    align-items: center;
    gap: 1.25rem
}

    .successful-response-message::before {
        content: "";
        width: 1.34375rem;
        height: 1.34375rem;
        background-image: url(../images/success-icon.svg)
    }

.btn-light {
    background-color: rgba(0,0,0,0);
    border-color: rgba(0,0,0,0);
    padding: .4375rem .75rem
}

    .btn-light > img {
        width: 1.34375rem;
        height: 1.34375rem;
        -o-object-fit: contain;
        object-fit: contain
    }

    .btn-light:hover {
        background-color: #e5e7eb;
        border-color: #e5e7eb
    }

.btn:disabled {
    color: #9da4ae;
    background-color: rgba(0,0,0,0);
    border-color: #e5e7eb;
    opacity: 1
}

.btn-outline-secondary {
    color: #161616;
    background-color: rgba(0,0,0,0);
    border-color: #d2d6db
}

    .btn-outline-secondary:visited {
        color: #161616
    }

@media(hover: hover) {
    .btn-outline-secondary:hover {
        color: #161616;
        background-color: #f3f4f6;
        border-color: #e5e7eb
    }
}

.btn-outline-secondary:active {
    color: #161616;
    background-color: #e5e7eb;
    border-color: #d2d6db
}

.btn-black {
    color: #fff;
    background-color: #0d121c;
    border-color: #0d121c
}

@media(hover: hover) {
    .btn-black:hover {
        color: #fff;
        background-color: #1f2a37;
        border-color: #1f2a37
    }
}

.btn-black:active {
    color: #fff;
    background-color: #4d5761;
    border-color: #4d5761
}

.wizard-sidebar-page {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media(min-width: 992px) {
    .wizard-sidebar-page {
        flex-direction: row;
        align-items: flex-start
    }
}

.wizard-sidebar-page__content {
    flex-grow: 1;
    padding: 0
}

    .wizard-sidebar-page__content .page-title {
        font-family: "IBMPlexSansArabic-Bold";
        font-size: 1.875rem;
        color: #161616
    }

    .wizard-sidebar-page__content .sub-title {
        font-family: "IBMPlexSansArabic-Medium";
        font-size: 1.5rem;
        color: #161616
    }

    .wizard-sidebar-page__content p {
        font-size: .875rem;
        color: #6c737f;
        margin-bottom: 1rem
    }

        .wizard-sidebar-page__content p:last-child {
            margin-bottom: 0
        }

    .wizard-sidebar-page__content ul, .wizard-sidebar-page__content ol {
        font-size: .875rem;
        color: #384250;
        padding-inline-start: 3.4375rem
    }

        .wizard-sidebar-page__content ul > li, .wizard-sidebar-page__content ol > li {
            color: inherit
        }

            .wizard-sidebar-page__content ul > li:not(:last-child), .wizard-sidebar-page__content ol > li:not(:last-child) {
                margin-bottom: 1rem
            }

.wizard-sidebar-page__sidebar {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    background-color: #fff;
    border-radius: 1rem;
    padding: 2.5rem
}

@media(min-width: 992px) {
    .wizard-sidebar-page__sidebar {
        order: 1;
        width: 22.5rem
    }
}

.wizard-sidebar-page__sidebar__header {
    border-bottom: .0625rem solid #d2d6db;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem
}

.wizard-sidebar-page__sidebar__title {
    line-height: 1.556;
    font-family: "IBMPlexSansArabic-Bold";
    font-size: 1.125rem;
    color: #1f2a37;
    margin-bottom: 1rem
}

.form-wizard {
    display: flex;
    flex-direction: column
}

.form-wizard__list {
    display: flex;
    flex-direction: column;
    counter-reset: wizard
}

.form-wizard__list__item {
    position: relative;
    display: flex;
    gap: .5rem;
    counter-increment: wizard
}

.form-wizard__list__item__number {
    flex-shrink: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem
}

    .form-wizard__list__item__number::before {
        content: counter(wizard);
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        font-family: "IBMPlexSansArabic-Medium";
        font-size: .875rem;
        color: #d2d6db;
        background-color: rgba(0,0,0,0);
        border: .125rem solid #d2d6db;
        border-radius: 50%;
        transition: color .3s ease-in-out,border-color .3s ease-in-out
    }

.is-active .form-wizard__list__item__number::before {
    color: #1b8354;
    border-color: #1b8354
}

.is-done .form-wizard__list__item__number::before {
    content: "";
    background-color: #1b8354;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.83 9.83'%3E%3Cpath d='M11.49,2.11l-7,7.34a1.26,1.26,0,0,1-.9.38h0a1.25,1.25,0,0,1-.88-.36L.37,7.13A1.24,1.24,0,0,1,2.13,5.37L3.56,6.79,9.68.39a1.25,1.25,0,0,1,1.76,0h0A1.26,1.26,0,0,1,11.49,2.11Z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: .739375rem .614375rem;
    background-position: center;
    border-color: #1b8354
}

.form-wizard__list__item:not(:last-child) {
    padding-bottom: 3.125rem
}

    .form-wizard__list__item:not(:last-child)::after {
        content: "";
        position: absolute;
        top: 2rem;
        inset-inline-start: .9375rem;
        width: .125rem;
        height: calc(100% - 2rem);
        background-color: #d2d6db
    }

    .form-wizard__list__item:not(:last-child).is-done::after {
        background-color: #1b8354
    }

.form-wizard__list__item__details {
    display: flex;
    flex-direction: column;
    gap: .25rem
}

.form-wizard__list__item__title {
    color: #6c737f
}

.is-active .form-wizard__list__item__title {
    font-family: "IBMPlexSansArabic-SemiBold";
    color: #1f2a37
}

.is-done .form-wizard__list__item__title {
    font-family: "IBMPlexSansArabic-SemiBold";
    color: #1f2a37
}

.form-wizard__list__item__description {
    font-size: .75rem;
    color: #6c737f
}

.is-active .form-wizard__list__item__description {
    color: #384250
}

.is-done .form-wizard__list__item__description {
    color: #384250
}

fieldset legend {
    font-family: "IBMPlexSansArabic-Bold";
    font-size: 1rem;
    margin-bottom: 1.25rem
}

.form-file-text {
    display: flex;
    font-size: .75rem;
    color: #64748b;
    margin-bottom: 1rem
}

.form-file-control {
    display: flex
}

    .form-file-control > [type=file] {
        display: none
    }

.addition-btn {
    padding: .65375rem
}

    .addition-btn > svg {
        width: 1.09375rem;
        height: 1.09375rem;
        -o-object-fit: contain;
        object-fit: contain
    }

.MsoNormalTable, .table {
    border: none;
    border-radius: 0;
    margin-bottom: 0
}

    .MsoNormalTable > :not(caption) > * > *, .table > :not(caption) > * > * {
        border: none
    }

    .MsoNormalTable thead th, .table thead th {
        line-height: 1.4;
        font-family: "IBMPlexSansArabic-Medium";
        font-weight: normal;
        font-size: .875rem;
        color: #384250;
        background-color: #f3f4f6;
        border-top: .0625rem solid #d2d6db;
        border-bottom: .0625rem solid #d2d6db;
        vertical-align: middle;
        padding: .875rem 1rem
    }

        .MsoNormalTable thead th:not(:last-child), .table thead th:not(:last-child) {
            border-inline-end: .0625rem solid #d2d6db
        }

@media(max-width: 992px) {
    .MsoNormalTable thead th, .table thead th {
        display: none
    }
}

.MsoNormalTable tbody tr th, .MsoNormalTable tbody tr td, .table tbody tr th, .table tbody tr td {
    line-height: 1.5;
    font-size: 1rem;
    color: #161616;
    vertical-align: middle;
    text-align: start;
    border-bottom: .0625rem solid #d2d6db;
    padding: 1.25rem 1rem
}

@media(max-width: 992px) {
    .MsoNormalTable tbody tr th, .MsoNormalTable tbody tr td, .table tbody tr th, .table tbody tr td {
        position: relative;
        display: flex;
        align-items: center;
        width: unset !important;
        gap: 1.5625rem;
        line-height: 2;
        z-index: 1;
        padding: .5rem 1.25rem
    }

        .MsoNormalTable tbody tr th:not(:last-child), .MsoNormalTable tbody tr td:not(:last-child), .table tbody tr th:not(:last-child), .table tbody tr td:not(:last-child) {
            border-inline-end: none
        }

        .MsoNormalTable tbody tr th::before, .MsoNormalTable tbody tr td::before, .table tbody tr th::before, .table tbody tr td::before {
            content: attr(data-th);
            flex: 0 0 25%;
            display: flex;
            align-items: center;
            line-height: 2;
            color: #384250;
            text-align: start
        }

        .MsoNormalTable tbody tr th::after, .MsoNormalTable tbody tr td::after, .table tbody tr th::after, .table tbody tr td::after {
            content: "";
            position: absolute;
            top: 0;
            inset-inline-start: 0;
            width: calc(25% + 20px);
            height: 100%;
            background-color: #f3f4f6;
            z-index: -1
        }
}

@media(max-width: 992px) {
    .MsoNormalTable tbody tr th:last-child, .MsoNormalTable tbody tr td:last-child, .table tbody tr th:last-child, .table tbody tr td:last-child {
        border-bottom: none
    }

        .MsoNormalTable tbody tr th:last-child::after, .MsoNormalTable tbody tr td:last-child::after, .table tbody tr th:last-child::after, .table tbody tr td:last-child::after {
            box-shadow: inset 0 -0.0625rem .0625rem var(--clr-blue)
        }
}

.MsoNormalTable tbody tr th > a, .MsoNormalTable tbody tr td > a, .table tbody tr th > a, .table tbody tr td > a {
    text-decoration: underline !important
}

    .MsoNormalTable tbody tr th > a:hover, .MsoNormalTable tbody tr td > a:hover, .table tbody tr th > a:hover, .table tbody tr td > a:hover {
        text-decoration: none !important
    }

.MsoNormalTable > tbody > tr:nth-of-type(odd) > *, .table > tbody > tr:nth-of-type(odd) > * {
    background-color: #fff
}

.MsoNormalTable > tbody > tr:nth-of-type(even) > *, .table > tbody > tr:nth-of-type(even) > * {
    background-color: #f9fafb
}

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

.table-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    background-color: rgba(0,0,0,0);
    border: none;
    border-radius: .25rem;
    padding: 0;
    transition: background-color .3s ease-in-out
}

    .table-btn > img {
        width: 1.125rem;
        height: 1.125rem;
        -o-object-fit: contain;
        object-fit: contain
    }

@media(hover: hover) {
    .table-btn:hover {
        background-color: #f3f4f6
    }
}

.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: .7rem 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)
}

.modal {
    --bs-modal-width: 600px;
    --bs-border-radius-lg: 1rem
}

.modal-backdrop {
    --bs-backdrop-bg: rgba(22, 22, 22, 0.60);
    --bs-backdrop-opacity: 1
}

.modal-content {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    border: none;
    border-radius: .5rem;
    box-shadow: 0 2rem 4rem -0.75rem rgba(16,24,40,.14);
    padding: 1.5rem
}

.modal-dialog-scrollable .modal-content {
    max-height: 492px
}

.modal-header {
    border-block: none;
    padding: 0
}

    .modal-header .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: 0;
        margin-inline-start: auto;
        margin-bottom: auto;
        transition: background-color .3s ease-in-out
    }

@media(hover: hover) {
    .modal-header .btn-close:hover {
        background-color: #f3f4f6
    }
}

.modal-icon {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    background-color: #f9fafb;
    border-radius: 50%
}

    .modal-icon > img {
        width: 1.125rem;
        height: 1.125rem;
        -o-object-fit: contain;
        object-fit: contain
    }

.modal-title {
    line-height: 1.5;
    font-family: "IBMPlexSansArabic-SemiBold";
    font-size: 1.125rem;
    color: #1f2a37
}

.modal-body {
    font-size: .875rem;
    padding: 0;
    padding-inline-end: .5rem
}

    .modal-body ul li, .modal-body ol li {
        line-height: 1.8
    }

.modal-subtitle {
    font-family: "IBMPlexSansArabic-SemiBold";
    font-size: 1rem
}

.modal-footer {
    border-top: none;
    border-radius: 0;
    padding: 0
}

    .modal-footer > * {
        margin: 0
    }

.btn__icon {
    width: 1rem;
    height: 1rem;
    -o-object-fit: contain;
    object-fit: contain
}

.attached-file {
    display: flex;
    flex-direction: column;
    background-color: #f3f4f6;
    border: .0625rem solid #d2d6db;
    border-radius: .25rem
}

.attached-file__body {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem
}

.attached-file__footer {
    display: flex;
    flex-direction: column;
    border-top: .0625rem solid #d2d6db;
    padding: .5rem
}

.attached-file__spinner {
    width: 1.125rem;
    aspect-ratio: 1/1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M20,10A10,10,0,1,1,10,0,10,10,0,0,1,20,10ZM2,10a8,8,0,1,0,8-8A8,8,0,0,0,2,10Z' fill='%23f3f4f6'/%3E%3Cpath d='M19,10A.93.93,0,0,0,20,9a10.32,10.32,0,0,0-.71-2.83A10,10,0,0,0,13.83.76,10.32,10.32,0,0,0,11,.05a.93.93,0,0,0-1,1,1.11,1.11,0,0,0,1,1.06,7.75,7.75,0,0,1,2.06.55,7.93,7.93,0,0,1,4.33,4.33A7.75,7.75,0,0,1,17.94,9,1.11,1.11,0,0,0,19,10Z' fill='%23161616'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    animation: spin .8s linear infinite
}

.attached-file__icon {
    flex-shrink: 0;
    width: 1.125rem;
    aspect-ratio: 1/1;
    -o-object-fit: contain;
    object-fit: contain
}

.attached-file__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 1.315;
    font-family: "IBMPlexSansArabic-Medium";
    font-size: .875rem;
    color: #161616;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1
}

.attached-file__helper-text {
    line-height: 1.429;
    font-size: .875rem;
    color: #ce281c
}

.attached-file__remove-btn {
    flex-shrink: 0;
    display: flex;
    width: 1rem;
    aspect-ratio: 1/1;
    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 9 9'%3E%3Cpath d='M.15.15a.48.48,0,0,1,.7,0L4.5,3.79,8.15.15a.48.48,0,0,1,.7,0,.48.48,0,0,1,0,.7L5.21,4.5,8.85,8.15a.49.49,0,0,1-.7.7L4.5,5.21.85,8.85a.48.48,0,0,1-.7,0,.48.48,0,0,1,0-.7L3.79,4.5.15.85A.48.48,0,0,1,.15.15Z' fill='%23161616' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: .5625rem;
    border: none;
    padding: 0;
    margin-inline-start: auto
}

.attached-file:has(.attached-file__helper-text) {
    border-color: #ce281c
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

.dashboard-title {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    padding: 40px 16px 24px
}

    .dashboard-title .icon svg {
        height: 40px
    }

.dashboard .icon-card .icon {
    height: 60px;
    width: 60px;
    transition: all .2s ease-out
}

    .dashboard .icon-card .icon svg {
        height: 60px;
        width: auto;
        max-width: 60px
    }

        .dashboard .icon-card .icon svg path {
            transition: all .3s ease-out
        }

            .dashboard .icon-card .icon svg path.stroke.primary {
                stroke: var(--color-secondary)
            }

.theme-dark .dashboard .icon-card .icon svg path.stroke.primary {
    stroke: #fff
}

.dashboard .icon-card .icon svg path.stroke-minus {
    stroke: #fff
}

.theme-dark .dashboard .icon-card .icon svg path.stroke-minus {
    stroke: var(--color-secondary)
}

.dashboard .icon-card .icon svg path:not(.stroke).primary {
    fill: var(--color-secondary)
}

.theme-dark .dashboard .icon-card .icon svg path:not(.stroke).primary {
    fill: #fff
}

.dashboard .icon-card .item-title {
    color: var(--color-text-color);
    transition: all .3s ease-out
}

.dashboard .icon-card .item-description {
    display: block;
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    font-size: 1rem;
    visibility: visible;
    transition: all .4s ease-out
}

@supports not (-webkit-line-clamp: 2) {
    .dashboard .icon-card .item-description {
        display: block;
        max-height: 48px;
        line-height: 1.5
    }
}

@media(hover: hover) {
    .dashboard .icon-card {
        padding: 76px 24px 40px
    }

        .dashboard .icon-card .icon, .dashboard .icon-card .item-title {
            transform: translateY(8px)
        }

        .dashboard .icon-card .item-description {
            transform: translateY(8px);
            opacity: 0;
            visibility: hidden
        }

        .dashboard .icon-card:is(:hover,:focus,:active) {
            padding: 40px 24px
        }

            .dashboard .icon-card:is(:hover,:focus,:active) .icon, .dashboard .icon-card:is(:hover,:focus,:active) .item-title {
                transform: translateY(0)
            }

            .dashboard .icon-card:is(:hover,:focus,:active) .item-description {
                transform: translateY(0);
                opacity: 1;
                visibility: visible
            }
}

.dashboard .icon-card:is(:hover,:focus,:active) .icon svg path.stroke.primary {
    stroke: #fff
}

.dashboard .icon-card:is(:hover,:focus,:active) .icon svg path.stroke-minus {
    stroke: var(--color-secondary)
}

.dashboard .icon-card:is(:hover,:focus,:active) .icon svg path:not(.stroke).primary {
    fill: #fff
}

.form-container {
    padding: 24px 60px;
    background-image: linear-gradient(to top, #eafaff, #f1fbff, #fafeff, #ffffff 90%);
    border: 1px solid #e7e5f3;
    border-radius: 1.5rem;
    margin: 0 auto;
    box-shadow: 0 0 20px hsla(0,0%,100%,.4)
}

.register .form-container {
    background-color: #fff;
    background-image: none
}

@media(min-width: 992px) {
    .form-container {
        max-width: 75%
    }

    .register .form-container {
        max-width: 85%
    }
}

@media(max-width: 991.98px) {
    .form-container {
        padding: 24px 40px
    }
}

@media(max-width: 575.98px) {
    .form-container {
        padding: 24px
    }
}

.form-container__header .login-title {
    font-family: "IBMPlexSansArabic-Bold"
}

.login-form__footer .login-help-btn {
    color: var(--color-secondary)
}

    .login-form__footer .login-help-btn:hover {
        color: var(--color-tertiary)
    }

.login-form__footer .help-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.login-form__footer .help-btn {
    color: var(--color-tertiary)
}

    .login-form__footer .help-btn:hover {
        color: var(--color-primary)
    }

.illustartion-img img {
    width: 100%;
    max-width: 320px
}

.login-btn {
    display: flex;
    align-items: center
}

.error-page {
    font-size: 1.125rem;
    color: #161616;
    background-color: #f9fafb;
    padding-block: 4.375rem
}

.error-page__content--ar {
    text-align: right;
    direction: rtl
}

.error-page__content--en {
    text-align: left;
    direction: ltr
}

.error-page__illustration {
    width: 100%;
    max-width: 28.4375rem;
    -o-object-fit: contain;
    object-fit: contain;
    margin-bottom: 2.5rem
}

@media(min-width: 576px) {
    .error-page__illustration {
        width: 28.4375rem;
        height: 20.0625rem;
        margin-bottom: 4rem
    }
}

.error-page__title {
    font-family: "IBMPlexSansArabic-SemiBold";
    font-size: 1.25rem
}

@media(min-width: 576px) {
    .error-page__title {
        font-size: 1.5rem
    }
}

.error-page__subtitle {
    font-family: "IBMPlexSansArabic-Bold";
    font-size: 1.125rem
}

@media(min-width: 576px) {
    .error-page__subtitle {
        font-size: 1.25rem
    }
}

.error-page__description {
    margin-bottom: 1rem
}

@media(min-width: 992px) {
    .error-page__description {
        min-height: 6.75rem
    }
}

@media(min-width: 1200px) {
    .error-page__description {
        min-height: 5.0625rem
    }
}

.error-page__description:last-child {
    min-height: 0;
    margin-bottom: 0
}

.error-page__request-number {
    font-family: "IBMPlexSansArabic-Bold";
    font-size: 1.25rem;
    color: #175cd3
}

.validation-hint {
    color: red
}

.required-badge {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px 16px;
    background-color: rgba(131,149,183,.15);
    border-radius: 100px;
    color: var(--color-gray-color)
}

    .required-badge svg {
        height: 20px
    }

    .required-badge span {
        font-size: .875rem
    }

.loader {
    position: fixed;
    background-color: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 999999999;
    -webkit-backdrop-filter: blur(40px) brightness(1);
    backdrop-filter: blur(40px) brightness(1)
}

.loading-text {
    top: 50% !important
}

@keyframes loaderSpinner {
    0% {
        transform: translateX(100px)
    }

    50% {
        transform: translateX(-100px)
    }

    100% {
        transform: translateX(100px)
    }
}

.fade-out {
    animation: fadeOut 1s;
    opacity: 0;
    visibility: hidden
}

@keyframes fadeOut {
    from {
        opacity: 1;
        visibility: visible
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

.sort-container, .export-container {
    display: flex;
    align-items: center;
    gap: 8px
}

@media(max-width: 992px) {
    .sort-container, .export-container {
        margin: auto
    }
}

.sort-container .title, .export-container .title {
    font-family: "IBMPlexSansArabic-Bold",sans-serif
}

.sort-container .dropdown-toggle, .export-container .dropdown-toggle {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 16px;
    background-color: #fff;
    border-radius: 40px;
    border: 1px solid #cee7fa;
    box-shadow: inset 0 0 10px rgba(179,179,179,.16)
}

    .sort-container .dropdown-toggle::after, .export-container .dropdown-toggle::after {
        background-image: url("../images/arrow/arrow_black.svg");
        width: 13px;
        height: 12px;
        background-repeat: no-repeat;
        background-size: contain;
        border: 0;
        margin-top: 10px
    }

.sort-container .dropdown-menu, .export-container .dropdown-menu {
    width: 100%;
    background-color: #fff
}

    .sort-container .dropdown-menu .dropdown-item, .export-container .dropdown-menu .dropdown-item {
        font-family: "IBMPlexSansArabic-Medium";
        border-radius: 0
    }

.action-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0;
    list-style: none
}

.action-group__item .action-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background-color: var(--color-primary);
    border-radius: 4px;
    transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    box-shadow: 0px 0px 0px 1px hsla(0,0%,100%,.4)
}

    .action-group__item .action-link img, .action-group__item .action-link svg {
        height: 18px;
        filter: brightness(0) invert(1)
    }

    .action-group__item .action-link:is(:hover) {
        background-color: hsla(0,0%,100%,.2);
        box-shadow: 0px 0px 0px 1px hsla(0,0%,100%,.4)
    }

    .action-group__item .action-link:is(:active) {
        box-shadow: 0px 0px 0px 1px hsla(0,0%,100%,.4);
        background-color: hsla(0,0%,100%,.4)
    }

    .action-group__item .action-link:is(:focus) {
        box-shadow: 0px 0px 0px 2px #fff;
        background-color: rgba(0,0,0,0)
    }

.action-group__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.flex-container {
    display: flex;
    flex-wrap: wrap
}

@media(max-width: 767.98px) {
    .flex-container {
        flex-direction: column
    }
}

.section-header {
    position: relative;
    display: flex;
    gap: 16px;
    align-items: start;
    width: 100%;
    margin-bottom: 32px
}

    .section-header .header-info {
        display: flex;
        align-items: flex-start;
        gap: 30px
    }

        .section-header .header-info .section-title {
            display: flex;
            align-items: center;
            flex-direction: column;
            align-items: flex-start;
            gap: 8px;
            flex: 1;
            margin: 0;
            color: var(--color-secondary)
        }

            .section-header .header-info .section-title svg {
                height: 24px
            }

            .section-header .header-info .section-title .title {
                font-size: 2.1875rem;
                color: #fff;
                text-align: initial;
                font-family: "IBMPlexSansArabic-Bold";
                margin: 0
            }

@media(max-width: 767.98px) {
    .section-header .header-info .section-title .title {
        font-size: 1.375rem
    }
}

.section-header .header-info .section-title .description {
    margin: 0;
    font-size: 1.25rem;
    text-align: justify;
    margin: 8px 0;
    color: hsla(0,0%,100%,.8);
    font-family: "IBMPlexSansArabic-Medium"
}

@media(max-width: 576px) {
    .section-header .header-info .section-title .description {
        font-size: 16px
    }
}

.section-header .header-actions {
    margin-inline-start: auto
}

@media(max-width: 991.98px) {
    .section-header {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        gap: 0
    }

        .section-header .header-info {
            max-width: 100%;
            gap: 16px
        }

            .section-header .header-info .section-title {
                justify-content: center;
                align-items: center
            }

        .section-header .header-actions {
            justify-content: center;
            width: 100%;
            margin-inline-start: 0
        }
}

.sub-title {
    font-family: "IBMPlexSansArabic-Bold"
}

.section-footer {
    display: flex;
    align-items: center;
    padding: 40px 0
}

.decimal-rating {
    font-size: 1.5rem
}

    .decimal-rating [data-star] {
        text-align: left;
        font-style: normal;
        display: inline-block;
        position: relative;
        unicode-bidi: bidi-override
    }

        .decimal-rating [data-star]::before {
            display: block;
            content: "âک…âک…âک…âک…âک…";
            color: #e5e7eb
        }

        .decimal-rating [data-star]::after {
            white-space: nowrap;
            position: absolute;
            top: 0;
            inset-inline-start: 0;
            content: "âک…âک…âک…âک…âک…";
            width: 0;
            color: var(--color-secondary);
            overflow: hidden;
            height: 100%
        }

    .decimal-rating [data-star^="0.1"]::after, .decimal-rating [data-star^=".1"]::after {
        width: 2%
    }

    .decimal-rating [data-star^="0.2"]::after, .decimal-rating [data-star^=".2"]::after {
        width: 4%
    }

    .decimal-rating [data-star^="0.3"]::after, .decimal-rating [data-star^=".3"]::after {
        width: 6%
    }

    .decimal-rating [data-star^="0.4"]::after, .decimal-rating [data-star^=".4"]::after {
        width: 8%
    }

    .decimal-rating [data-star^="0.5"]::after, .decimal-rating [data-star^=".5"]::after {
        width: 10%
    }

    .decimal-rating [data-star^="0.6"]::after, .decimal-rating [data-star^=".6"]::after {
        width: 12%
    }

    .decimal-rating [data-star^="0.7"]::after, .decimal-rating [data-star^=".7"]::after {
        width: 14%
    }

    .decimal-rating [data-star^="0.8"]::after, .decimal-rating [data-star^=".8"]::after {
        width: 16%
    }

    .decimal-rating [data-star^="0.9"]::after, .decimal-rating [data-star^=".9"]::after {
        width: 18%
    }

    .decimal-rating [data-star^="1"]::after {
        width: 20%
    }

    .decimal-rating [data-star^="1.1"]::after {
        width: 22%
    }

    .decimal-rating [data-star^="1.2"]::after {
        width: 24%
    }

    .decimal-rating [data-star^="1.3"]::after {
        width: 26%
    }

    .decimal-rating [data-star^="1.4"]::after {
        width: 28%
    }

    .decimal-rating [data-star^="1.5"]::after {
        width: 30%
    }

    .decimal-rating [data-star^="1.6"]::after {
        width: 32%
    }

    .decimal-rating [data-star^="1.7"]::after {
        width: 34%
    }

    .decimal-rating [data-star^="1.8"]::after {
        width: 36%
    }

    .decimal-rating [data-star^="1.9"]::after {
        width: 38%
    }

    .decimal-rating [data-star^="2"]::after {
        width: 40%
    }

    .decimal-rating [data-star^="2.1"]::after {
        width: 42%
    }

    .decimal-rating [data-star^="2.2"]::after {
        width: 44%
    }

    .decimal-rating [data-star^="2.3"]::after {
        width: 46%
    }

    .decimal-rating [data-star^="2.4"]::after {
        width: 48%
    }

    .decimal-rating [data-star^="2.5"]::after {
        width: 50%
    }

    .decimal-rating [data-star^="2.6"]::after {
        width: 52%
    }

    .decimal-rating [data-star^="2.7"]::after {
        width: 54%
    }

    .decimal-rating [data-star^="2.8"]::after {
        width: 56%
    }

    .decimal-rating [data-star^="2.9"]::after {
        width: 58%
    }

    .decimal-rating [data-star^="3"]::after {
        width: 60%
    }

    .decimal-rating [data-star^="3.1"]::after {
        width: 62%
    }

    .decimal-rating [data-star^="3.2"]::after {
        width: 64%
    }

    .decimal-rating [data-star^="3.3"]::after {
        width: 66%
    }

    .decimal-rating [data-star^="3.4"]::after {
        width: 68%
    }

    .decimal-rating [data-star^="3.5"]::after {
        width: 70%
    }

    .decimal-rating [data-star^="3.6"]::after {
        width: 72%
    }

    .decimal-rating [data-star^="3.7"]::after {
        width: 74%
    }

    .decimal-rating [data-star^="3.8"]::after {
        width: 76%
    }

    .decimal-rating [data-star^="3.9"]::after {
        width: 78%
    }

    .decimal-rating [data-star^="4"]::after {
        width: 80%
    }

    .decimal-rating [data-star^="4.1"]::after {
        width: 82%
    }

    .decimal-rating [data-star^="4.2"]::after {
        width: 84%
    }

    .decimal-rating [data-star^="4.3"]::after {
        width: 86%
    }

    .decimal-rating [data-star^="4.4"]::after {
        width: 88%
    }

    .decimal-rating [data-star^="4.5"]::after {
        width: 90%
    }

    .decimal-rating [data-star^="4.6"]::after {
        width: 92%
    }

    .decimal-rating [data-star^="4.7"]::after {
        width: 94%
    }

    .decimal-rating [data-star^="4.8"]::after {
        width: 96%
    }

    .decimal-rating [data-star^="4.9"]::after {
        width: 98%
    }

    .decimal-rating [data-star^="5"]::after {
        width: 100%
    }

    .decimal-rating.page-rating [data-star]::after {
        color: var(--color-secondary)
    }

.hero {
    position: relative;
    background-color: var(--color-secondary);
    height: calc(100vh - 128px);
    padding: 0;
    min-height: 550px
}

@media(max-width: 1200px) {
    .hero {
        min-height: auto;
        height: 100vh
    }
}

.hero__container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    padding-inline: 24px
}

.hero-img {
    position: absolute;
    inset: 0;
    overflow: hidden
}

    .hero-img img, .hero-img video {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }

    .hero-img::before {
        position: absolute;
        inset: 0;
        content: "";
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
        z-index: 1
    }

.hero-caption {
    flex: 0 0 65%;
    max-width: 50%;
    z-index: 2;
    margin: 0 60px
}

    .hero-caption p {
        color: #fff;
        margin-bottom: 40px;
        text-shadow: 0 0 40px var(--color-secondary);
        transform: translateY(20px);
        transition: transform .7s ease-in-out;
        width: 100%
    }

@media(max-width: 767.98px) {
    .hero-caption p {
        width: 100%;
        word-break: break-all
    }
}

@media(max-width: 1200px) {
    .hero-caption {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0
    }
}

@media(max-width: 576px) {
    .hero-caption {
        margin: 0
    }
}

.hero-caption .hero-title {
    color: #fff;
    font-family: "IBMPlexSansArabic-SemiBold";
    margin-bottom: 8px;
    text-shadow: 0 0 40px var(--color-secondary);
    font-size: 3.125rem;
    line-height: 1.5
}

@media(max-width: 1200px) {
    .hero-caption .hero-title {
        font-size: 2.1875rem;
        line-height: 1.7
    }
}

@media(max-width: 991.98px) {
    .hero-caption .hero-title {
        font-family: "IBMPlexSansArabic-Bold";
        font-size: 1.5625rem;
        line-height: 1.7
    }
}

.hero-caption .hero-description {
    color: #fff;
    margin-bottom: 24px;
    text-shadow: 0 0 40px var(--color-secondary);
    opacity: 0;
    transition: transform .7s ease-in-out;
    width: 100%
}

@media(max-width: 767.98px) {
    .hero-caption .hero-description {
        width: 100%
    }
}

.hero-caption .hero-action {
    border: 1px solid rgba(0,0,0,0);
    color: #161616;
    font-size: 1.25rem;
    font-family: "IBMPlexSansArabic-Medium";
    background-color: #fff
}

    .hero-caption .hero-action:is(:hover) {
        background-color: hsla(0,0%,100%,.8)
    }

    .hero-caption .hero-action:is(:active) {
        background-color: hsla(0,0%,100%,.6)
    }

    .hero-caption .hero-action:is(:focus) {
        background-color: #fff;
        box-shadow: 0 0 0 3px #161616
    }

.swiper-slide-active .hero-title, .swiper-slide-active .hero-description, .swiper-slide-active .hero-action {
    transform: translate(0);
    opacity: 1;
    visibility: visible
}

@keyframes scale-background {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

.about {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    z-index: 2
}

@media(max-width: 992px) {
    .about {
        padding-top: 60px
    }
}

.about-img {
    display: flex;
    align-items: center;
    justify-content: center
}

    .about-img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius:8px !important;
    }

@media(max-width: 992px) {
    .about-img img {
        width: 50%
    }
}

.about-description {
    margin: 0;
    font-size: 1.3125rem;
    font-family: "IBMPlexSansArabic-Medium";
    width: 75%;
    color: #1b8354
}

@media(max-width: 767.98px) {
    .about-description {
        text-align: center;
        font-size: 1rem;
        width: 100%
    }
}

@media(max-width: 1200px) {
    .about-description {
        font-size: 1rem;
        width: 100%
    }
}

.about-details .title {
    font-family: "IBMPlexSansArabic-Bold"
}

.about-details__header {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 15px
}

    .about-details__header .header-container {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 16px;
        justify-content: space-between;
        width: 100%
    }

        .about-details__header .header-container .nav-tabs {
            margin-top: 0
        }

        .about-details__header .header-container .title {
            font-size: 2rem;
            color: #161616
        }

@media(max-width: 575.98px) {
    .about-details__header .header-container {
        width: 100%
    }
}

.about-details__header .header-container .program-tab {
    color: #1b8354
}

.about-details__header .header-container .program-img {
    width: 20px;
    height: 20px
}

.about-details__header .header-container .apps-btn {
    border: 0;
    padding-inline: 0px;
    padding: 12px 15px
}

    .about-details__header .header-container .apps-btn svg {
        height: 20px
    }

    .about-details__header .header-container .apps-btn span {
        color: var(--color-primary);
        font-family: "IBMPlexSansArabic-Medium"
    }

    .about-details__header .header-container .apps-btn:is(:hover,:active,:focus,:focus-within) svg path {
        fill: var(--color-secondary)
    }

    .about-details__header .header-container .apps-btn:is(:hover,:active,:focus,:focus-within) span {
        color: var(--color-secondary)
    }

@media(max-width: 991.98px) {
    .about-details__header .header-container .apps-btn {
        background-color: #cee7fa
    }
}

@media(max-width: 575.98px) {
    .about-details__header .header-container .apps-btn {
        width: 100%
    }
}

@media(max-width: 991.98px) {
    .about-details__header .header-container {
        flex-direction: column;
        border-radius: 10px;
        background-color: rgba(0,0,0,0)
    }

        .about-details__header .header-container .apps-btn {
            order: -1
        }
}

.media-center {
    position: relative;
    background-color: #1b8354;
    isolation: isolate;
    padding: 150px 0
}

@media(max-width: 992px) {
    .media-center {
        padding: 30px 0
    }
}

.media-center .select-media {
    margin: 20px 0 40px 0
}

.open-data {
    position: relative;
    background-color: rgba(0,0,0,0);
    isolation: isolate;
    padding: 100px 0 0 0
}

@media(max-width: 992px) {
    .open-data {
        padding: 20px 0
    }
}

.open-data .section-header .section-title .title, .open-data .section-header .section-title .description {
    color: #161616
}

.open-data .section-header .section-title .title {
    font-size: 2.1875rem
}

.open-data .section-header .section-title .description {
    font-family: "IBMPlexSansArabic-Regular"
}

.date-time-container {
    display: flex;
    align-items: center;
    color: #161616;
    border-radius: 4px;
    overflow: hidden;
    font-size: 1.125rem;
    padding: 5px 15px
}

@media(max-width: 992px) {
    .date-time-container {
        font-size: 1rem
    }
}

.contact-us {
    position: relative;
    isolation: isolate;
    background-color: #ecfdf3;
    padding: 100px 0
}

    .contact-us .contact-us-title {
        font-size: 2.1875rem;
        color: #161616;
        font-family: "IBMPlexSansArabic-Bold";
        margin-bottom: 6.25rem
    }

@media(max-width: 992px) {
    .contact-us .contact-us-title {
        margin-bottom: 25px;
        text-align: center
    }
}

.contact-us .description {
    min-height: 80px
}

.contact-us .about-card__body {
    height: 80%
}

.rw-conversation-container .rw-client, .rw-conversation-container .rw-header, .rw-conversation-container .rw-replies, .rw-conversation-container .rw-reply, .rw-conversation-container .rw-response, .rw-conversation-container .rw-title {
    font-family: "IBMPlexSansArabic-Medium" !important
}

.rw-widget-container {
    align-items: center !important;
    right: auto !important;
    height: auto !important;
    width: auto !important;
    inset-block-end: 90px !important;
    left: 24px !important
}

    .rw-widget-container .rw-launcher {
        position: relative;
        inset: 0 !important;
        width: 53px !important;
        height: 53px !important;
        background-color: #fff !important;
        box-shadow: 0 0 40px rgba(0,0,0,.35);
        background-image: url("../images/sms-icon.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 24px
    }

        .rw-widget-container .rw-launcher .rw-open-launcher__container .rw-open-launcher {
            display: none
        }

    .rw-widget-container.rw-chat-open {
        align-items: flex-end !important
    }

        .rw-widget-container.rw-chat-open .rw-launcher {
            background-image: none !important;
            background-color: var(--color-secondary) !important
        }

.rw-conversation-container .rw-message, .rw-group-message.rw-from-response {
    direction: ltr
}

.rw-carousel-card-subtitle, .rw-carousel-card-title, .rw-message-text {
    text-align: right;
    direction: rtl
}

.rw-reply {
    color: #fff !important
}

.rw-conversation-container .rw-header.rw-with-subtitle .rw-avatar {
    top: 13px !important;
    left: 6px !important
}

.rw-conversation-container .rw-title {
    font-size: 16px !important;
    margin: 0;
    position: absolute;
    left: 61px !important;
    font-weight: 700;
    line-height: 22px
}

.rw-conversation-container .rw-header.rw-with-subtitle span {
    bottom: 9px;
    position: absolute;
    font-size: 15px;
    left: 61px !important
}

.rw-conversation-container .rw-avatar {
    width: 45px !important;
    height: 45px !important;
    border-radius: 100%;
    margin-right: 6px;
    position: relative;
    bottom: 5px
}

.rw-conversation-container .rw-client, .rw-conversation-container .rw-reply {
    border: #2b4e80 !important;
    background-color: #2b4e80 !important
}

.rw-header.rw-with-subtitle {
    background-color: #f4f7f9
}

.rw-conversation-container .rw-header-buttons {
    right: 0 !important;
    top: 30px
}

.rw-conversation-container .rw-toggle-fullscreen {
    width: 25px !important;
    height: 25px !important
}

.rw-conversation-container .rw-reply {
    padding: 8px 10px !important
}

.rw-new-message {
    height: 35px !important
}

@media screen and (min-width: 800px) {
    .rw-messages-container {
        height: 510px
    }
}

@media screen and (max-width: 800px) {
    .rw-close-button {
        width: 16px !important
    }
}

#XociaWidget {
    right: auto !important;
    height: auto !important;
    width: auto !important;
    inset-block-end: 40px !important;
    left: 24px !important;
    z-index: 999
}

    #XociaWidget button {
        position: relative;
        inset: 0 !important;
        background-color: #fff !important;
        box-shadow: 0 0 40px rgba(0,0,0,.35);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.5' height='37.101' viewBox='0 0 24.5 37.101'%3E%3Cpath id='sign-language' d='M12302.784,5505.912a10.028,10.028,0,0,1-9.638-7.332.573.573,0,1,1,1.1-.3,8.88,8.88,0,0,0,8.537,6.491h4a8.867,8.867,0,0,0,8.856-8.859v-3.731a6.243,6.243,0,0,0-1.84-4.445l-4.9-4.9a.571.571,0,0,0-.807,0,3.086,3.086,0,0,0-.009,4.365c2.067,2.1,2.37,2.3,2.714,3.137a3.58,3.58,0,0,1,.271,1.367.57.57,0,0,1-.5.565,8.019,8.019,0,0,0-6.934,7.929.57.57,0,1,1-1.141,0,9.169,9.169,0,0,1,7.382-8.974,2.453,2.453,0,0,0-.655-1.236l-1.951-1.981a4.2,4.2,0,0,1-1.23-2.983,4.021,4.021,0,0,1,1.6-3.267v-9.273a2,2,0,0,0-4,0v16.856a.572.572,0,1,1-1.144,0v-14a2,2,0,0,0-4,0v14a.572.572,0,1,1-1.144,0v-9.715a1.714,1.714,0,0,0-3.428,0v13.715a.572.572,0,0,1-1.145,0v-13.715a2.859,2.859,0,0,1,4.569-2.285v-2a3.146,3.146,0,0,1,5.146-2.423v-.436a659.543,659.543,0,0,0,9.5-1.744,3.147,3.147,0,0,1,1.926,2.887v12.621l.683.683a7.372,7.372,0,0,1,2.177,5.251v3.734a10.013,10.013,0,0,1-10,10Zm6-32.29v7.929a1.71,1.71,0,0,1,.928.476l3.072,3.076v-11.48a2,2,0,0,0-4,0Zm-16,22.593v-.59a.572.572,0,0,1,1.145,0c0,.272-.007.377,0,.553a.573.573,0,0,1-.554.59h-.018A.576.576,0,0,1,12292.784,5496.215Z' transform='translate(-12292.534 -5469.061)' fill='%23224e85' stroke='%23224e85' stroke-width='0.5'/%3E%3C/svg%3E%0A");
        background-position: center;
        background-size: 18px
    }

    #XociaWidget #XociaWidgetStatment {
        display: none;
        opacity: 0;
        visibility: hidden
    }

#iframContainer {
    left: 0 !important;
    bottom: 150px !important;
    right: auto !important;
    background-color: #fff;
    border-radius: 16px
}

    #iframContainer iframe {
        border: 0;
        background-color: #fff;
        border-radius: 0 0 16px 16px
    }

.info-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    background-color: #f7f7f7;
    padding: 24px;
    border-radius: 100px
}

    .info-container .value {
        font-family: "IBMPlexSansArabic-Bold"
    }

@media(max-width: 767.98px) {
    .info-container {
        border-radius: 24px;
        flex-direction: column;
        align-items: center
    }

        .info-container * {
            text-align: center
        }
}

.details-grid__item .details-grid-container {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 24px;
    color: var(--color-secondary);
    border-bottom: 1px solid #9dd9ff
}

    .details-grid__item .details-grid-container.with-border {
        border-inline-end: 1px solid #9dd9ff
    }

.details-grid__item .details-grid-title {
    font-family: "IBMPlexSansArabic-Bold"
}

.details-grid__item .link {
    color: var(--color-success);
    font-family: "IBMPlexSansArabic-Bold"
}

    .details-grid__item .link:hover {
        color: var(--color-primary)
    }

.details-grid__item:last-of-type .details-grid-container {
    border-bottom: 0
}

.gm-style .gm-style-iw-c {
    padding: 16px !important;
    border-radius: 16px
}

    .gm-style .gm-style-iw-c > button {
        top: 12px !important;
        left: 12px !important
    }

.branches-list {
    height: 100%;
    max-height: 720px;
    overflow-y: auto;
    padding-inline-end: 15px;
    padding-bottom: 25px
}

.branches-list-card {
    padding: 16px;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0px 4px 8px -2px rgba(16,24,40,.1)
}

.map .branches-list-card {
    padding: 0;
    border: 0
}

.branches-list-card:not(:last-of-type) {
    margin-bottom: 30px
}

.branches-list-card .item-title {
    font-family: "IBMPlexSansArabic-Bold";
    color: #384250;
    transition: all .3s ease-in-out
}

.branches-list-card .branch-location, .branches-list-card .branch-time {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px
}

    .branches-list-card .branch-location img, .branches-list-card .branch-location svg, .branches-list-card .branch-time img, .branches-list-card .branch-time svg {
        width: 16px
    }

    .branches-list-card .branch-location .title, .branches-list-card .branch-location a, .branches-list-card .branch-time .title, .branches-list-card .branch-time a {
        font-family: "IBMPlexSansArabic-Medium";
        font-size: .875rem;
        color: #384250
    }

.branches-list-card .card-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px
}

    .branches-list-card .card-actions .actions-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        flex-shrink: 0;
        background-color: #f7f7f7;
        border-radius: 50%;
        transition: all .3s ease-in-out
    }

        .branches-list-card .card-actions .actions-btn img, .branches-list-card .card-actions .actions-btn svg {
            height: 16px;
            width: 16px;
            transition: all .3s ease-in-out
        }

        .branches-list-card .card-actions .actions-btn:is(:hover,:active,:focus) {
            background-color: var(--color-primary)
        }

            .branches-list-card .card-actions .actions-btn:is(:hover,:active,:focus) img, .branches-list-card .card-actions .actions-btn:is(:hover,:active,:focus) svg {
                filter: brightness(0) invert(1)
            }

.branches-list-card:is(:hover) {
    border-color: var(--color-primary)
}

    .branches-list-card:is(:hover) .item-title {
        color: #384250
    }

.hint-container {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap
}

    .hint-container .icon {
        flex-shrink: 0
    }

        .hint-container .icon svg, .hint-container .icon img {
            height: 24px;
            width: 24px
        }

        .hint-container .icon.icon-lg svg, .hint-container .icon.icon-lg img {
            height: 40px;
            width: 40px
        }

    .hint-container .link {
        color: var(--color-success);
        font-family: "IBMPlexSansArabic-Bold";
        padding-inline-start: 8px
    }

        .hint-container .link:is(:hover,:active,:focus) {
            color: var(--color-primary)
        }

.contact-list {
    background-color: #f5f5f5;
    border-radius: 20px;
    height: 100%;
    padding: 24px
}

.contact-list__item {
    display: flex;
    flex-direction: column;
    gap: 8px
}

    .contact-list__item .item-title {
        margin: 0;
        font-family: "IBMPlexSansArabic-Bold";
        color: var(--color-secondary)
    }

    .contact-list__item .item-content {
        display: flex;
        align-items: flex-start;
        gap: 16px
    }

        .contact-list__item .item-content .icon {
            flex-shrink: 0
        }

            .contact-list__item .item-content .icon img, .contact-list__item .item-content .icon svg {
                width: 32px;
                height: 32px;
                margin-top: 8px
            }

        .contact-list__item .item-content .info {
            color: var(--color-secondary);
            font-size: .875rem
        }

    .contact-list__item:not(:last-of-type) {
        padding-bottom: 24px;
        margin-bottom: 24px;
        border-bottom: 1px solid #c2c2c2
    }

.popover {
    --bs-popover-max-width: 300px;
    --bs-popover-header-padding-y: 1rem;
    --bs-popover-border-color: #ebebeb;
    box-shadow: 0 0 20px rgba(131,149,183,.15)
}

    .popover .calender_item {
        padding: 0
    }

        .popover .calender_item .item-title {
            font-family: "IBMPlexSansArabic-Bold";
            color: var(--color-text-color)
        }

        .popover .calender_item .item-date {
            margin-bottom: 8px
        }

            .popover .calender_item .item-date span {
                color: #606161;
                font-size: .75rem
            }

            .popover .calender_item .item-date .divider {
                background-color: #606161
            }

        .popover .calender_item p {
            color: #606161;
            font-size: .875rem;
            margin-bottom: 12px
        }

        .popover .calender_item a {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            gap: 8px;
            padding: .25rem 1rem .375rem;
            white-space: nowrap;
            text-align: center;
            position: relative;
            box-shadow: none;
            outline: 0;
            font-family: inherit;
            font-family: "IBMPlexSansArabic-Bold";
            font-size: .875rem;
            border: 1px solid rgba(0,0,0,0);
            border-radius: 40px;
            background-color: var(--color-primary);
            color: #fff;
            transition: all .3s ease-in-out
        }

            .popover .calender_item a:is(:hover,:active,:focus) {
                background-color: rgb(4.875,53.625,34.125);
                box-shadow: none
            }

.search-result-list ul {
    list-style: none;
    padding: 0;
    margin: 0
}

    .search-result-list ul li {
        padding: 24px 16px;
        margin-top: 16px;
        border: 1px solid rgba(0,0,0,0);
        background-color: #fff;
        border-radius: 16px
    }

        .search-result-list ul li a, .search-result-list ul li a:visited {
            display: block
        }

            .search-result-list ul li a strong, .search-result-list ul li a:visited strong {
                font-size: 1.125rem;
                color: var(--color-text-color)
            }

            .search-result-list ul li a:hover strong, .search-result-list ul li a:visited:hover strong {
                color: var(--color-primary)
            }

        .search-result-list ul li:hover {
            border-color: var(--color-primary)
        }

.consulting-details .header-info {
    width: 60%
}

@media(max-width: 992px) {
    .consulting-details .header-info {
        width: 100%
    }
}

html[lang=en] #servey {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2509803922);
    top: 0;
    right: 0;
    text-align: center
}

html[lang=en] .rt-class table {
    direction: ltr !important;
    text-align: left !important
}

html[lang=en] .full_screen {
    height: 100% !important;
    width: 100% !important;
    z-index: 999997;
    left: 0 !important;
    max-height: none !important
}

html[lang=en] .arabic__form {
    direction: ltr;
    text-align: center;
    font: normal normal normal 14px/21px KUffi
}

html[lang=en] #myModal_for_servey .custom-control2-label::before {
    left: 0;
    right: auto;
    top: 5px
}

html[lang=en] #myModal_for_servey .custom-control2-label::after {
    left: 0;
    right: auto;
    top: 5px
}

html[lang=en] #myModal_for_servey .custom-control2-label {
    padding-left: 25px
}

html[lang=en] #myModal_for_servey .custom-control2 img {
    width: 40px;
    height: 40px;
    margin-left: -15px !important
}

html[lang=en] #myModal_for_servey .custom-control-label::before, #myModal_for_servey .custom-control2-label::before {
    left: 0;
    right: auto;
    top: -15px !important
}

html[lang=en] #myModal_for_servey .custom-control-label::after, #myModal_for_servey .custom-control2-label::after {
    left: 0;
    right: auto;
    top: -15px !important;
    border-radius: 50%
}

html[lang=en] #myModal_for_servey .custom-control-label {
    padding-left: 0 !important
}

html[lang=en] #myModal_for_servey .custom-control img {
    width: 40px;
    height: 40px;
    margin-left: -15px !important
}

html[lang=en] .custom-control-inline {
    display: inline-flex;
    margin-left: 0rem !important;
    padding: 0 1em !important
}

html[lang=ar] #servey {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2509803922);
    top: 0;
    left: 0;
    text-align: center
}

html[lang=ar] .rt-class table {
    direction: rtl !important;
    text-align: right !important
}

html[lang=ar] .full_screen {
    height: 100% !important;
    width: 100% !important;
    z-index: 999997;
    right: 0 !important;
    max-height: none !important
}

html[lang=ar] .arabic__form {
    direction: rtl;
    text-align: center;
    font: normal normal normal 14px/21px KUffi
}

html[lang=ar] #myModal_for_servey .custom-control2-label::before {
    right: 0;
    left: auto;
    top: 5px
}

html[lang=ar] #myModal_for_servey .custom-control2-label::after {
    right: 0;
    left: auto;
    top: 5px
}

html[lang=ar] #myModal_for_servey .custom-control2-label {
    padding-right: 25px
}

html[lang=ar] #myModal_for_servey .custom-control2 img {
    width: 40px;
    height: 40px;
    margin-right: -15px !important
}

html[lang=ar] #myModal_for_servey .custom-control-label::before, #myModal_for_servey .custom-control2-label::before {
    right: 0;
    left: auto;
    top: -15px !important
}

html[lang=ar] #myModal_for_servey .custom-control-label::after, #myModal_for_servey .custom-control2-label::after {
    right: 0;
    left: auto;
    top: -15px !important;
    border-radius: 50%
}

html[lang=ar] #myModal_for_servey .custom-control-label {
    padding-right: 0 !important
}

html[lang=ar] #myModal_for_servey .custom-control img {
    width: 40px;
    height: 40px;
    margin-right: -15px !important
}

html[lang=ar] .custom-control-inline {
    display: inline-flex;
    margin-right: 0rem !important;
    padding: 0 1em !important
}

#servey form {
    background: #fff;
    margin: 80px auto;
    max-width: 45%;
    padding: 20px;
    border-radius: 5px;
    width: auto;
    display: inline-block;
    min-width: 400px
}

#governmentagency {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#cx_webchat_form_lastname {
    display: none !important
}

.custom-radio2 .custom-control2-input:checked ~ .custom-control2-label::before {
    background-color: #2b4e80 !important
}

.inner___logo {
    max-width: 40px;
    height: 40px;
    border-radius: 200px
}

.custom-control2-inline {
    margin: 0 1.15em !important
}

#hrdf-chat-widget * {
    font-family: "IBMPlexSansArabic-Regular" !important
}

#hrdf-chat-widget .chat-title {
    font-family: "IBMPlexSansArabic-Bold" !important;
    font-weight: normal !important
}

#hrdf-chat-widget #chat-input {
    width: 100%
}




.page-title {
    font-family: "IBMPlexSansArabic-Bold";
    font-size: 2.1875rem;
    color: var(--color-text-color);
}

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

html.theme-default {
    width: 100%;
    overflow-x: hidden;
    min-height: 100vh;
    box-sizing: border-box;
}

body {
    max-width: 100vw;
    overflow-x: hidden;
    min-height: 100vh;
    box-sizing: border-box
}

    body.ms-backgroundImage {
        background-size: cover;
        background-position: center
    }

html[dir=rtl] {
    text-align: right
}

img {
    max-width: 100%;
    height: auto;
    display: inline-block
}

    img[loading=lazy] {
        content-visibility: auto
    }

@font-face {
    font-display: swap
}

[data-aos] {
    will-change: transform
}



#s4-workspace {
    width: 100% !important;
    max-width: 100vw !important;
    min-height: 940px !important;
    height: auto !important;
    box-sizing: border-box
}

@media (min-width:992px) {
    .col-lg-5th {
        flex: 0 0 20%;
        max-width: 20%
    }
}

h1, h2, h3, h4, h5, h6 {
    scroll-margin-top: 80px
}

    h6[role=heading] {
        min-height: 25px
    }

span.page-title {
    font-size: 1.5rem;
    font-family: IBMArabic-Medium,Helvetica,Arial,sans-serif
}

a:visited {
    color: unset;
    text-decoration: none
}

.btn-primary:visited {
    color: #fff
}

a.green-btn:visited {
    color: #fff !important;
    text-decoration: none
}

#chat-toggle, .btn, .clear-btn {
    cursor: pointer
}

.green-btn {
    display: inline-block;
    transition: .3s ease-in-out;
    background: #074d31;
    color: #fff !important;
    padding: 10px 20px;
    border-radius: 3px
}

    .green-btn:hover {
        background: #fff;
        color: #074d31 !important;
        border: 1px solid #074d31
    }

.outline-btn {
    display: inline-block;
    transition: .3s ease-in-out
}

    .outline-btn:hover {
        background: #074d31;
        color: #fff
    }

.nds-primary-btn-o {
    text-align: center;
    padding: 10px 22px;
    min-width: 120px
}

.clear-btn {
    background: 0 0;
    border: 1px solid #ddd;
    padding: 6px 8px;
    border-radius: 6px
}

.btn-digital-stamp-card {
    width: 100px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

    .btn-digital-stamp-card img.arrow-icon {
        width: 13px;
        height: 8px;
        min-width: 13px;
        min-height: 8px;
        transition: transform .25s ease
    }

        .btn-digital-stamp-card img.arrow-icon.rotated {
            transform: rotate(180deg)
        }

.svg-inline--fa {
    width: 15px !important;
    height: 15px !important;
    max-width: 15px !important;
    max-height: 15px !important
}


.hero-slider, .hero-slider2 {
    width: 100%;
    height: 560px;
    min-height: 560px;
    max-height: 560px;
    overflow: hidden;
    position: relative
}

    .hero-slider .swiper-slide, .hero-slider .swiper-wrapper, .hero-slider2 .swiper-slide, .hero-slider2 .swiper-wrapper {
        height: 560px !important
    }

    .hero-slider.swiper-initialized, .hero-slider2.swiper-initialized {
        height: 560px !important
    }

    .hero-slider h1, .hero-slider h2, .hero-slider p {
        max-width: 100%;
        line-height: 1.4;
        word-break: normal
    }

@media (max-width:768px) {
    .hero-slider, .hero-slider2 {
        height: 548px !important;
        min-height: 548px !important;
        max-height: 548px !important
    }

        .hero-slider .swiper-slide, .hero-slider .swiper-wrapper, .hero-slider2 .swiper-slide, .hero-slider2 .swiper-wrapper {
            height: 548px !important
        }
}

.awards {
    position: relative
}

    .awards .container, .chat-window {
        overflow: hidden
    }

    .awards .swiper-slide img {
        width: 100%;
        max-height: 250px;
        height: 250px;
        overflow: hidden;
        min-height: 250px
    }


    .awards .about-card h3, .awards .about-card p {
        color: #222;
    }

    .awards .year {
        text-align: center
    }

    .awards button:focus {
        outline: 0 !important;
        box-shadow: none !important;
        border: none !important
    }

    .awards button:hover {
        background: 0 0 !important
    }

.announcements-section .list {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 2px 5px #0000001a
}

.announcements-section article {
    padding: 15px;
    color: #222
}

.announcement-card {
    border-bottom: 1px solid #d2d6db;
    display: flex;
    gap: 10px;
    justify-content: space-between
}

.list .announcement-card:last-child {
    border-bottom: none
}

.announcement-link img {
    margin-top: 10px
}

.announcement-card .announcement-icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    margin-inline-end: 10px;
    border-radius: 50%
}

.block-contact .custom-container-minus {
    background: url("/Style Library/UDesign/images/pattern.svg") 100% 0/980px no-repeat;
    height: 180px;
    align-items: center
}

.opendata-section p, .vision-section p {
    color: #222;
    font-size: 1.2rem
}

.card, .digital-stamp-card, .news-card {
    contain: layout paint
}



.digital-stamp-card {
    contain: layout paint
}

.digital-stamp-header {
    min-height: 48px;
    display: flex;
    align-items: center
}

:root {
    --bg: #f5f7fb;
    --card: #fff;
    --me: #e6f4ff;
    --bot: #f0f0f0;
    --accent: #1b8354;
    --text: #222
}

#chat-toggle {
    position: fixed;
    bottom: 20px;
    left: 30px;
    z-index: 10000;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    border: none;
    background: var(--accent);
    color: #fff;
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px #00000040;
    transition: background .3s
}

    #chat-toggle:hover {
        background: #28bb79
    }

    #chat-toggle img {
        width: 100%
    }

.chat-window {
    position: fixed;
    bottom: 90px;
    left: 20px;
    z-index: 9999;
    width: 300px;
    max-width: 90%;
    height: 450px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 6px 18px #0003;
    display: none;
    flex-direction: column;
    animation: fadeIn .3s
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.chat-header {
    background: linear-gradient(90deg,var(--accent),var(--accent));
    color: #fff;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    gap: 10px
}

    .chat-header .title {
        font-weight: 700
    }

.messages {
    flex: 1;
    padding: 14px;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: linear-gradient(0deg,#fff9,#fff9)
}

.msg {
    max-width: 78%;
    padding: 10px 12px;
    border-radius: 10px;
    line-height: 1.4;
    word-break: break-word
}

    .msg.me {
        margin-left: 6px;
        margin-right: auto;
        background: var(--me);
        align-self: flex-end;
        border-bottom-right-radius: 4px
    }

    .msg.bot {
        margin-right: 6px;
        margin-left: auto;
        background: var(--bot);
        border-bottom-left-radius: 4px
    }

.meta, .status {
    font-size: 12px
}

.meta {
    opacity: .6;
    margin-top: 6px;
    text-align: right
}

.status {
    opacity: .8
}

.typing {
    font-size: 13px;
    opacity: .85;
    padding: 6px 10px;
    border-radius: 8px;
    background: 0 0;
    color: #555
}

.input-area {
    padding: 10px;
    display: flex;
    gap: 8px;
    align-items: center;
    border-top: 1px solid #eee;
    background: linear-gradient(180deg,#ffffffe6,#ffffffe6)
}

    .input-area textarea {
        resize: none;
        flex: 1;
        padding: 8px 10px;
        border-radius: 8px;
        border: 1px solid #ddd;
        min-height: 44px;
        max-height: 120px;
        font-size: 14px;
        font-family: inherit;
        direction: rtl
    }

@media (max-width:420px) {
    .chat-window {
        height: 70vh;
        width: 94%
    }
}

.site-header, header {
    min-height: 60px
}

.navbar-nav {
    min-height: 40px
}

.nds-news-section .news-card-home.recently .details {
    position: absolute;
    bottom: 79px;
    left: 32px;
    right: 32px;
    color: #fff;
    background: #1b8354cc !important;
    margin: -16px;
    border-radius: 10px;
    padding: 16px;
    z-index: 9 !important
}

@media (max-width: 1600px) {
    .navbar .navbar-nav .nav-item .nav-link {
        padding: 25px 6px;
        font-size: 0.87rem !important;
        height: 65px !important;
    }

    .btn {
        font-size: 0.8rem;
    }
}

@media (max-width: 1400px) {
    .navbar .navbar-nav .nav-item .nav-link {
        padding: 25px 6px;
        font-size: 0.82rem !important;
        height: 65px !important;
    }

    .btn {
        font-size: 0.8rem;
    }
}




:root {
    --default-font-size: 15px;
    --aside-width: 160px;
    --layout-gap: 24px;
    --color-primary: #074D31;
    --color-secondary: #1B8354;
    --color-tertiary: #074D31;
    --color-light: #ECEFFF;
    --color-gray-color: #556478;
    --color-text-color: #1B8354;
    --color-text-color-secondary: #556478;
    --color-border-color: #ECEFFF;
    --color-danger: #df7c2e;
    --color-orange: #df7c2e;
    --color-warning: #fcb316;
    --color-success: #00ac65;
    --color-color-badge-blue: #74C0EB;
    --color-color-badge-gray: #808285;
    --color-color-disabled: #CCEBFF;
    --color-button-bg-color: #CEE7FA;
    --color-black: #161616;
    --color-text-color: #161616;
    --fc-small-font-size: .85em;
    --fc-page-bg-color: #fff;
    --fc-neutral-bg-color: rgba(208, 208, 208, 0.3);
    --fc-neutral-text-color: #808080;
    --fc-border-color: #f3f9fe;
    --fc-button-text-color: var(--color-text-color);
    --fc-button-bg-color: #CEE7FA;
    --fc-button-border-color: #CEE7FA;
    --fc-button-hover-bg-color: var(--color-primary);
    --fc-button-hover-border-color: var(--color-primary);
    --fc-button-active-bg-color: var(--color-primary);
    --fc-button-active-border-color: var(--color-primary);
    --fc-event-bg-color: var(--color-primary);
    --fc-event-border-color: var(--color-primary);
    --fc-event-text-color: color(text-color);
    --fc-event-selected-overlay-color: rgba(0, 0, 0, 0.25);
    --fc-more-link-bg-color: #d0d0d0;
    --fc-more-link-text-color: inherit;
    --fc-event-resizer-thickness: 8px;
    --fc-event-resizer-dot-total-width: 8px;
    --fc-event-resizer-dot-border-width: 1px;
    --fc-non-business-color: #fff;
    --fc-bg-event-color: rgb(143, 223, 130);
    --fc-bg-event-opacity: 1;
    --fc-highlight-color: #00ac65;
    --fc-today-bg-color: transparent;
    --fc-now-indicator-color: red;
    --muneer-font-family: font-family: "IBMPlexSansArabic-Regular" !important;
}

@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 {
    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: 30px !important;
    color: #161616 !important;
}

body {
    position: relative;
    min-width: 23.75rem;
    min-height: 100vh;
    font-family: "IBMPlexSansArabic-Regular";
}

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

.item-card__title {
    font-family: "IBMPlexSansArabic-Bold";
    font-size: 1.125rem;
    color: #1f2a37;
    margin-bottom: 16px;
}

a:not([class*="btn"]) {
    color: #1b8354;
    text-decoration: none;
    box-shadow: 0 0 0 3px rgba(0,0,0,0);
    transition: all .3s ease-in-out;
}

.rating-section {
    background-color: #fff;
    border-top: .125rem solid #1b8354;
    padding: 1.5rem 0;
}

.feedback-section {
    background-color: #fff;
    border-top: .125rem solid #1b8354;
    padding: 1.5rem 0;
}

.field-validation-error {
    font-size: 14px;
    margin-top: 8px;
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity)) !important;
}

.input-validation-error {
    border-color: #b42318 !important;
    outline: 1px solid #b42318 !important;
    border: 0 !important;
    background: linear-gradient(#fff, #B42318),linear-gradient(#fff, #fff) !important;
    background-color: rgba(0, 0, 0, 0);
    background-position-x: 0%, 0%;
    background-position-y: 0%, 0%;
    background-repeat: repeat, repeat;
    background-size: auto, auto;
    background-size: 0% 2px,auto !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
}

.form-check {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 0;
    margin: 0;
}

.who-we-are, .landing, .customer-voice {
    padding-bottom: 80px;
}

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

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

.form-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

    .form-group .form-label:not(.file-infoFile) {
        width: 100%;
    }

.page-content .form-group {
    flex-direction: row;
    flex-wrap: wrap;
}

.accordion-body .form-group {
    flex-direction: column;
}

#toast-container > div {
    position: relative;
    bottom: 0 !important;
    width: 365px;
    min-height: 4.5rem;
    align-content: center;
    font-size: .875rem !important;
    color: #384250 !important;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M0,20A20,20,0,1,1,20,40,20,20,0,0,1,0,20Z' fill='%23f9fafb'/%3E%3Cpath d='M19.58,19.79h-.21a.63.63,0,1,1,0-1.25h0a4.26,4.26,0,0,1,.51,0,1,1,0,0,1,.9.9,4.26,4.26,0,0,1,0,.51v4.2a.63.63,0,0,1-1.25,0V19.79Zm.41-4a.84.84,0,0,0-.83.84.83.83,0,0,0,.83.83h0a.83.83,0,0,0,.83-.83.84.84,0,0,0-.83-.84ZM11,20a9,9,0,1,0,9-9A9,9,0,0,0,11,20Zm9,7.71A7.71,7.71,0,1,1,27.71,20,7.71,7.71,0,0,1,20,27.71Z' fill='%23161616'/%3E%3C/svg%3E") !important;
    background-size: 2.5rem 2.5rem !important;
    background-repeat: no-repeat;
    background-position: right 1.5rem top 1rem !important;
    border: none !important;
    border-inline-start: .5rem solid rgba(229,231,235,.7) !important;
    border-radius: 8px !important;
    box-shadow: 0 2rem 4rem -0.75rem rgba(16,24,40,.14) !important;
    opacity: 1 !important;
    padding: 1rem 1.5rem !important;
    padding-inline-start: 4.75rem !important;
    margin: 0 !important;
}

    #toast-container > div:has(.toast-close-button) {
        padding-inline-end: 60px !important;
    }

[dir=rtl] #toast-container > div {
    background-position: right 1.5rem top 1rem !important;
}

[dir=ltr] #toast-container > div {
    background-position: left 1.5rem top 1rem !important;
}

#toast-container > .toast-success {
    border-color: #4daf83 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M0,20A20,20,0,1,1,20,40,20,20,0,0,1,0,20Z' fill='%23ecfdf3'/%3E%3Cpath d='M23.79,17.92a.62.62,0,0,0,0-.88.63.63,0,0,0-.89,0L18.73,21.6,17.11,20a.63.63,0,0,0-.89.89l2.09,2.08a.63.63,0,0,0,.9,0ZM20,29a9,9,0,1,1,9-9A9,9,0,0,1,20,29Zm-7.71-9A7.71,7.71,0,1,0,20,12.29,7.71,7.71,0,0,0,12.29,20Z' fill='%23067647'/%3E%3C/svg%3E") !important;
}

#toast-container > .toast-info {
    border-color: #5798f1 !important;
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M0,20A20,20,0,1,1,20,40,20,20,0,0,1,0,20Z' fill='%23eff8ff'/%3E%3Cpath d='M19.58,19.79h-.21a.63.63,0,1,1,0-1.25h0a4.26,4.26,0,0,1,.51,0,1,1,0,0,1,.9.9,4.26,4.26,0,0,1,0,.51v4.2a.63.63,0,0,1-1.25,0V19.79Zm.41-4a.84.84,0,0,0-.83.84.83.83,0,0,0,.83.83h0a.83.83,0,0,0,.83-.83.84.84,0,0,0-.83-.84ZM11,20a9,9,0,1,0,9-9A9,9,0,0,0,11,20Zm9,7.71A7.71,7.71,0,1,1,27.71,20,7.71,7.71,0,0,1,20,27.71Z' fill='%23175cd3'/%3E%3C/svg%3E") !important;
}

#toast-container > .toast-error {
    border-color: #e0695f !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M0,20A20,20,0,1,1,20,40,20,20,0,0,1,0,20Z' fill='%23fef3f2'/%3E%3Cpath d='M19.16,23.33A.83.83,0,0,1,20,22.5h0a.83.83,0,0,1,.83.83.84.84,0,0,1-.83.84h0A.84.84,0,0,1,19.16,23.33Zm.22-2.5a.62.62,0,0,0,.62.63.63.63,0,0,0,.63-.63V17.5a.62.62,0,0,0-.63-.62.61.61,0,0,0-.62.62Zm-.74-9.15a4.22,4.22,0,0,1,2.72,0,4.81,4.81,0,0,1,2.28,2c.69,1,1.46,2.34,2.45,4.09l0,.07A46.57,46.57,0,0,1,28.36,22a5,5,0,0,1,.53,3,4.45,4.45,0,0,1-1.35,2.39,4.65,4.65,0,0,1-2.81,1c-1.18.13-2.71.13-4.69.13H20c-2,0-3.51,0-4.69-.13a4.65,4.65,0,0,1-2.81-1A4.45,4.45,0,0,1,11.11,25a5,5,0,0,1,.53-3,46.57,46.57,0,0,1,2.23-4.21l0-.07c1-1.75,1.76-3.11,2.45-4.09A4.81,4.81,0,0,1,18.64,11.68ZM21,12.87a3.07,3.07,0,0,0-1.94,0,3.53,3.53,0,0,0-1.65,1.5c-.65.91-1.39,2.21-2.4,4s-1.75,3.09-2.2,4.12a3.79,3.79,0,0,0-.45,2.23,3.2,3.2,0,0,0,1,1.73,3.55,3.55,0,0,0,2.1.71c1.1.12,2.56.12,4.59.12s3.49,0,4.59-.12a3.55,3.55,0,0,0,2.1-.71,3.2,3.2,0,0,0,1-1.73,3.79,3.79,0,0,0-.45-2.23c-.45-1-1.19-2.33-2.2-4.12s-1.75-3.1-2.4-4A3.53,3.53,0,0,0,21,12.87Z' fill='%23d92d20'/%3E%3C/svg%3E") !important;
}

#toast-container > .toast-warning {
    border-color: #e2924b !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M0,20A20,20,0,1,1,20,40,20,20,0,0,1,0,20Z' fill='%23fffaeb'/%3E%3Cpath d='M19.16,22.5a.83.83,0,0,1,.83-.83h0a.83.83,0,0,1,0,1.66h0A.83.83,0,0,1,19.16,22.5Zm.22-2.5a.62.62,0,0,0,1.24,0V16.67a.62.62,0,1,0-1.24,0ZM11,20a9,9,0,1,1,9,9A9,9,0,0,1,11,20Zm9-7.71A7.71,7.71,0,1,0,27.71,20,7.71,7.71,0,0,0,20,12.29Z' fill='%23b54708'/%3E%3C/svg%3E") !important;
}

.toast-title {
    font-family: "IBMPlexSansArabic-Bold";
    font-weight: normal;
}

.toast-close-button {
    position: absolute;
    inset: unset;
    top: 16px;
    inset-inline-end: 16px;
    font-size: 25px;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-shadow: none;
    text-indent: -999999px;
    background-image: url(/images/close.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 10px !important;
    background-position: center !important;
    background-color: rgba(0,0,0,0) !important;
    float: none;
    border: none;
    opacity: 1;
}

    .toast-close-button:hover {
        opacity: 1 !important;
        background-color: #f3f4f6 !important;
    }


.input-with-icon {
    padding-top: 0 !important;
}

.edit_mode .item-location {
    display: block;
}

.item-location svg {
    height: 18px;
}

.edit_mode .item-location .location {
    height: auto;
}

.details-header {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

    .details-header .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 70px;
        height: 70px;
    }

        .details-header .icon img {
            width: 100%;
            max-height: 100%;
        }

    .details-header .item-title {
        font-family: "IBMPlexSansArabic-Bold";
        margin: 0;
        color: #161616;
        font-size: 1.875rem;
    }

.details-list li {
    margin-bottom: 12px;
}

:root {
    --base-color: #b4872d;
    --disable-background-color: #eceeef;
}

ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn {
    display: inline-flex !important;
    align-items: center;
    flex-wrap: wrap;
    border: 1px solid var(--color-border-color) !important;
    border-radius: 25px !important;
    background-color: #fff;
    min-height: 45px;
    padding: .375rem .75rem !important;
    background-image: 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") !important;
    background-repeat: no-repeat;
    background-position: calc(100% - .75rem) 1rem;
    background-size: 16px 12px;
}

    ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn > span {
        position: relative;
        font-size: .875rem;
        padding: 0 !important;
        color: var(--color-text-color);
        display: flex;
        align-items: center;
        justify-content: center;
    }

        ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn > span:last-of-type:not(.selected-item-container) {
            margin-inline-start: auto;
        }

    ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .selected-item-container {
        font-size: .75rem;
    }

    ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret {
        position: relative !important;
        display: flex;
        align-items: center;
        justify-content: center;
        display: none !important;
        flex-shrink: 0;
        height: 28px !important;
        padding: 0 !important;
        width: 24px !important;
        inset-block-end: 0 !important;
    }

        ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret::before {
            position: relative !important;
            display: inline-flex;
            width: 28px !important;
            height: 16px !important;
            top: 0 !important;
            border: 0 !important;
            background-image: 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");
            background-repeat: no-repeat;
            background-position: right .75rem center;
            background-size: 16px 12px;
        }

    ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .selected-item {
        border: 1px solid var(--base-color) !important;
        margin-inline-end: 4px !important;
        background: var(--base-color) !important;
        border-radius: 25px !important;
    }

        ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .selected-item:hover {
            box-shadow: none !important;
        }

    ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-down {
        border-top: 10px solid var(--color-border-color) !important;
    }

    ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-up {
        border-bottom: 10px solid var(--color-border-color) !important;
    }

ng-multiselect-dropdown .multiselect-dropdown .disabled > span {
    background-color: var(--disable-background-color) !important;
}

ng-multiselect-dropdown .dropdown-list {
    border: 1px solid var(--color-border-color) !important;
}

    ng-multiselect-dropdown .dropdown-list .filter-textbox {
        border-bottom: 1px solid #ccc;
        position: relative;
        padding: 10px;
    }

        ng-multiselect-dropdown .dropdown-list .filter-textbox input {
            height: auto;
        }

            ng-multiselect-dropdown .dropdown-list .filter-textbox input:focus {
                outline: none;
            }

ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:focus + div:before, ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:hover + div:before {
    border-color: var(--base-color) !important;
    background-color: #fff;
}

ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:active + div:before {
    transition-duration: 0s;
}

ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox] + div:before {
    color: var(--base-color) !important;
    border: 2px solid var(--base-color) !important;
}

ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox] + div:after {
    content: "";
    background-color: var(--base-color) !important;
}

ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:disabled + div:before {
    border-color: #ccc;
}

ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:disabled:focus + div:before .multiselect-item-checkbox input[type=checkbox]:disabled:hover + div:before {
    background-color: inherit;
}

ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:disabled:checked + div:before {
    background-color: #ccc;
}

ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:checked + div:after {
    content: "";
    transform: rotate(-45deg) scale(1);
    transition: transform 200ms ease-out;
}

ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:checked + div:before {
    background: var(--base-color) !important;
}

ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:checked + div:after {
    transform: rotate(-45deg) scale(1);
}

@keyframes borderscale {
    50% {
        box-shadow: 0 0 0 2px var(--base-color) !important;
    }
}

hijri-gregorian-datepicker .btn-sm {
    min-width: 100px;
}

hijri-gregorian-datepicker .form-group {
    display: flex;
    flex-direction: column;
}

    hijri-gregorian-datepicker .form-group > label {
        order: 2;
    }

    hijri-gregorian-datepicker .form-group .input-group {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: .625rem;
        font-size: 1rem;
        min-height: 45px;
        height: auto !important;
        padding-inline: 16px 4px;
        border: 1px solid #ced4da;
        color: var(--color-gray-color);
        border-radius: 25px !important;
    }

    hijri-gregorian-datepicker .form-group .form-control {
        flex: 1;
        padding-inline-start: 0;
        outline: none;
        background-color: rgba(0,0,0,0) !important;
        box-shadow: none;
    }

        hijri-gregorian-datepicker .form-group .form-control:focus {
            outline: none;
            box-shadow: none;
        }

.is-invalid hijri-gregorian-datepicker .form-group .form-control {
    border-color: #dc3545;
}

    .is-invalid hijri-gregorian-datepicker .form-group .form-control:focus {
        box-shadow: 0 0 0 .25rem rgba(220,53,69,.2);
    }

[dir=ltr] hijri-gregorian-datepicker .form-group .form-control {
    background-position: right 15px center;
}

hijri-gregorian-datepicker .form-group .form-control.hijriInput {
    width: 100%;
}

hijri-gregorian-datepicker .input-group-append {
    display: flex;
    align-items: center;
}

    hijri-gregorian-datepicker .input-group-append .btn {
        min-width: auto;
        white-space: nowrap;
        font-size: .875rem;
        box-shadow: none;
        transition: all .3s ease-in-out;
        color: var(--color-primary);
        border: 1px solid var(--color-primary);
    }

        hijri-gregorian-datepicker .input-group-append .btn:is(.focus,:hover) {
            background-color: var(--color-primary);
            color: #fff;
            box-shadow: none;
            outline: none;
        }

        hijri-gregorian-datepicker .input-group-append .btn:first-child {
            border-start-start-radius: 1.5625rem !important;
            border-end-start-radius: 1.5625rem !important;
            border-start-end-radius: 0 !important;
            border-end-end-radius: 0 !important;
        }

        hijri-gregorian-datepicker .input-group-append .btn:last-child {
            border-start-end-radius: 1.5625rem !important;
            border-end-end-radius: 1.5625rem !important;
            border-start-start-radius: 0 !important;
            border-end-start-radius: 0 !important;
        }

hijri-gregorian-datepicker .hijriInput {
    border-radius: .875rem;
}

hijri-gregorian-datepicker .ngb-dp-months {
    display: block;
}

hijri-gregorian-datepicker .ngb-dp-week {
    justify-content: space-between;
}

hijri-gregorian-datepicker .ngb-dp-header {
    background-color: #fff;
    padding-top: 8px;
}

hijri-gregorian-datepicker .ngb-dp-weekday, hijri-gregorian-datepicker .ngb-dp-week-number {
    font-style: normal !important;
    font-size: .75rem !important;
}

hijri-gregorian-datepicker .ngb-dp-weekdays {
    background-color: #fff;
    padding: 4px 0;
    border-bottom: 1px solid var(--color-border-color);
}

    hijri-gregorian-datepicker .ngb-dp-weekdays .ngb-dp-weekday {
        color: var(--color-text-color);
    }

hijri-gregorian-datepicker .ngb-dp-day .btn-light {
    border: 0 !important;
}

    hijri-gregorian-datepicker .ngb-dp-day .btn-light:hover {
        background-color: var(--color-primary);
    }

hijri-gregorian-datepicker .ngb-dp-today > .btn-light, hijri-gregorian-datepicker .ngb-dp-today [ngbDatepickerDayView] {
    background-color: var(--color-primary) !important;
    color: #fff;
    --bs-btn-color: #fff;
    --bs-btn-bg: color(primary);
    --bs-btn-hover-bg: color(primary);
}

    hijri-gregorian-datepicker .ngb-dp-today > .btn-light:hover, hijri-gregorian-datepicker .ngb-dp-today [ngbDatepickerDayView]:hover {
        background-color: var(--color-primary);
    }

ngb-datepicker {
    border-radius: 16px;
    border-color: #ced4da;
}

hijri-date-picker {
    border-radius: 16px;
    border: 0;
}

    hijri-date-picker > div {
        display: flex;
        height: 100%;
    }

hijri-date-picker {
    width: unset !important;
}

.ngb-dp-arrow .ngb-dp-navigation-chevron {
    border-color: var(--color-primary);
}

ngb-datepicker-navigation {
    justify-content: space-between;
    gap: 8px;
}

    ngb-datepicker-navigation .ngb-dp-arrow-btn {
        min-width: auto;
        height: auto !important;
        padding: 0 !important;
    }

    ngb-datepicker-navigation ngb-datepicker-navigation-select {
        gap: 8px;
    }

        ngb-datepicker-navigation ngb-datepicker-navigation-select select {
            min-width: 85px;
        }

[ngbDatepickerDayView]:hover:not(.bg-primary), [ngbDatepickerDayView].active:not(.bg-primary) {
    background-color: var(--color-primary);
    color: #fff;
}

.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(/Style%20Library/UDesign/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(/Style%20Library/UDesign/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(/Style%20Library/UDesign/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(/Style%20Library/UDesign/images/half-star-filled.svg);
}

.rating-section__stars[data-stars="0"] .half-star::before {
    background-image: url(/Style%20Library/UDesign/images/half-star-empty.svg);
}

.rating-section__stars[data-stars="0.5"] .half-star:nth-child(1) ~ .half-star::before {
    background-image: url(/Style%20Library/UDesign/images/half-star-empty.svg);
}

.rating-section__stars[data-stars="1"] .half-star:nth-child(2) ~ .half-star::before {
    background-image: url(/Style%20Library/UDesign/images/half-star-empty.svg);
}

.rating-section__stars[data-stars="1.5"] .half-star:nth-child(3) ~ .half-star::before {
    background-image: url(/Style%20Library/UDesign/images/half-star-empty.svg);
}

.rating-section__stars[data-stars="2"] .half-star:nth-child(4) ~ .half-star::before {
    background-image: url(/Style%20Library/UDesign/images/half-star-empty.svg);
}

.rating-section__stars[data-stars="2.5"] .half-star:nth-child(5) ~ .half-star::before {
    background-image: url(/Style%20Library/UDesign/images/half-star-empty.svg);
}

.rating-section__stars[data-stars="3"] .half-star:nth-child(6) ~ .half-star::before {
    background-image: url(/Style%20Library/UDesign/images/half-star-empty.svg);
}

.rating-section__stars[data-stars="3.5"] .half-star:nth-child(7) ~ .half-star::before {
    background-image: url(/Style%20Library/UDesign/images/half-star-empty.svg);
}

.rating-section__stars[data-stars="4"] .half-star:nth-child(8) ~ .half-star::before {
    background-image: url(/Style%20Library/UDesign/images/half-star-empty.svg);
}

.rating-section__stars[data-stars="4.5"] .half-star:nth-child(9) ~ .half-star::before {
    background-image: url(/Style%20Library/UDesign/images/half-star-empty.svg);
}

.rating-section__stars[data-stars="5"] .half-star:nth-child(10) ~ .half-star::before {
    background-image: url(/Style%20Library/UDesign/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;
}

.feedback-section {
    background-color: #fff;
    border-top: .125rem solid #1b8354;
    padding: 1.5rem 0;
}

.feedback-section__header {
    display: flex;
    flex-direction: column;
    gap: 1rem 1.5rem;
}

@media(min-width: 768px) {
    .feedback-section__header {
        flex-direction: row;
        align-items: center;
    }
}

.feedback-section__title {
    font-family: "IBMPlexSansArabic-Regular";
    font-size: 1rem;
    margin-bottom: 0;
}

.feedback-section__count {
    font-size: .875rem;
    margin-bottom: 0;
}

.feedback-section__question {
    font-family: "IBMPlexSansArabic-SemiBold";
    font-size: 1rem;
    margin-bottom: 1rem;
}

    .feedback-section__question > span {
        font-family: "IBMPlexSansArabic-Regular";
        font-size: .875rem;
        color: #6c737f;
    }

.feedback-section .btn-light {
    display: none;
}

.feedback-section:has(.collapse.show,.collapsing) .feedback-section__count {
    display: none;
}

.feedback-section:has(#usefulPageCollapse.show) .btn-light[data-bs-target="#usefulPageCollapse"] {
    display: flex;
}

.feedback-section:has(#notUsefulPageCollapse.show) .btn-light[data-bs-target="#notUsefulPageCollapse"] {
    display: flex;
}

.successful-response-message {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

    .successful-response-message::before {
        content: "";
        width: 1.34375rem;
        height: 1.34375rem;
        background-image: url(/Style%20Library/UDesign/images/success-icon.svg);
    }

.btn-light {
    background-color: rgba(0,0,0,0);
    border-color: rgba(0,0,0,0);
    padding: .4375rem .75rem;
}

    .btn-light > img {
        width: 1.34375rem;
        height: 1.34375rem;
        -o-object-fit: contain;
        object-fit: contain;
    }

    .btn-light:hover {
        background-color: #e5e7eb;
        border-color: #e5e7eb;
    }

.btn:disabled {
    color: #9da4ae;
    background-color: rgba(0,0,0,0);
    border-color: #e5e7eb;
    opacity: 1;
}

.btn-outline-secondary {
    color: #161616;
    background-color: rgba(0,0,0,0);
    border-color: #d2d6db;
}

    .btn-outline-secondary:visited {
        color: #161616;
    }

@media(hover: hover) {
    .btn-outline-secondary:hover {
        color: #161616;
        background-color: #f3f4f6;
        border-color: #e5e7eb;
    }
}

.btn-outline-secondary:active {
    color: #161616;
    background-color: #e5e7eb;
    border-color: #d2d6db;
}

.btn-black {
    color: #fff;
    background-color: #0d121c;
    border-color: #0d121c;
}

@media(hover: hover) {
    .btn-black:hover {
        color: #fff;
        background-color: #1f2a37;
        border-color: #1f2a37;
    }
}

.btn-black:active {
    color: #fff;
    background-color: #4d5761;
    border-color: #4d5761;
}

.wizard-sidebar-page {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

@media(min-width: 992px) {
    .wizard-sidebar-page {
        flex-direction: row;
        align-items: flex-start;
    }
}

.wizard-sidebar-page__content {
    flex-grow: 1;
    padding: 0;
}

    .wizard-sidebar-page__content .page-title {
        font-family: "IBMPlexSansArabic-Bold";
        font-size: 1.875rem;
        color: #161616;
    }

    .wizard-sidebar-page__content .sub-title {
        font-family: "IBMPlexSansArabic-Medium";
        font-size: 1.5rem;
        color: #161616;
    }

    .wizard-sidebar-page__content p {
        font-size: .875rem;
        color: #6c737f;
        margin-bottom: 1rem;
    }

        .wizard-sidebar-page__content p:last-child {
            margin-bottom: 0;
        }

    .wizard-sidebar-page__content ul, .wizard-sidebar-page__content ol {
        font-size: .875rem;
        color: #384250;
        padding-inline-start: 3.4375rem;
    }

        .wizard-sidebar-page__content ul > li, .wizard-sidebar-page__content ol > li {
            color: inherit;
        }

            .wizard-sidebar-page__content ul > li:not(:last-child), .wizard-sidebar-page__content ol > li:not(:last-child) {
                margin-bottom: 1rem;
            }

.wizard-sidebar-page__sidebar {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    background-color: #fff;
    border-radius: 1rem;
    padding: 2.5rem;
}

@media(min-width: 992px) {
    .wizard-sidebar-page__sidebar {
        order: 1;
        width: 22.5rem;
    }
}

.wizard-sidebar-page__sidebar__header {
    border-bottom: .0625rem solid #d2d6db;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}

.wizard-sidebar-page__sidebar__title {
    line-height: 1.556;
    font-family: "IBMPlexSansArabic-Bold";
    font-size: 1.125rem;
    color: #1f2a37;
    margin-bottom: 1rem;
}

.form-wizard {
    display: flex;
    flex-direction: column;
}

.form-wizard__list {
    display: flex;
    flex-direction: column;
    counter-reset: wizard;
}

.form-wizard__list__item {
    position: relative;
    display: flex;
    gap: .5rem;
    counter-increment: wizard;
}

.form-wizard__list__item__number {
    flex-shrink: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
}

    .form-wizard__list__item__number::before {
        content: counter(wizard);
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        font-family: "IBMPlexSansArabic-Medium";
        font-size: .875rem;
        color: #d2d6db;
        background-color: rgba(0,0,0,0);
        border: .125rem solid #d2d6db;
        border-radius: 50%;
        transition: color .3s ease-in-out,border-color .3s ease-in-out;
    }

.is-active .form-wizard__list__item__number::before {
    color: #1b8354;
    border-color: #1b8354;
}

.is-done .form-wizard__list__item__number::before {
    content: "";
    background-color: #1b8354;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.83 9.83'%3E%3Cpath d='M11.49,2.11l-7,7.34a1.26,1.26,0,0,1-.9.38h0a1.25,1.25,0,0,1-.88-.36L.37,7.13A1.24,1.24,0,0,1,2.13,5.37L3.56,6.79,9.68.39a1.25,1.25,0,0,1,1.76,0h0A1.26,1.26,0,0,1,11.49,2.11Z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: .739375rem .614375rem;
    background-position: center;
    border-color: #1b8354;
}

.form-wizard__list__item:not(:last-child) {
    padding-bottom: 3.125rem;
}

    .form-wizard__list__item:not(:last-child)::after {
        content: "";
        position: absolute;
        top: 2rem;
        inset-inline-start: .9375rem;
        width: .125rem;
        height: calc(100% - 2rem);
        background-color: #d2d6db;
    }

    .form-wizard__list__item:not(:last-child).is-done::after {
        background-color: #1b8354;
    }

.form-wizard__list__item__details {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.form-wizard__list__item__title {
    color: #6c737f;
}

.is-active .form-wizard__list__item__title {
    font-family: "IBMPlexSansArabic-SemiBold";
    color: #1f2a37;
}

.is-done .form-wizard__list__item__title {
    font-family: "IBMPlexSansArabic-SemiBold";
    color: #1f2a37;
}

.form-wizard__list__item__description {
    font-size: .75rem;
    color: #6c737f;
}

.is-active .form-wizard__list__item__description {
    color: #384250;
}

.is-done .form-wizard__list__item__description {
    color: #384250;
}

fieldset legend {
    font-family: "IBMPlexSansArabic-Bold";
    font-size: 1rem;
    margin-bottom: 1.25rem;
}

.form-file-text {
    display: flex;
    font-size: .75rem;
    color: #64748b;
    margin-bottom: 1rem;
}

.form-file-control {
    display: flex;
}

    .form-file-control > [type=file] {
        display: none;
    }

.addition-btn {
    padding: .65375rem;
}

    .addition-btn > svg {
        width: 1.09375rem;
        height: 1.09375rem;
        -o-object-fit: contain;
        object-fit: contain;
    }

.MsoNormalTable, .table {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
}

    .MsoNormalTable > :not(caption) > * > *, .table > :not(caption) > * > * {
        border: none;
    }

    .MsoNormalTable thead th, .table thead th {
        line-height: 1.4;
        font-family: "IBMPlexSansArabic-Medium";
        font-weight: normal;
        font-size: .875rem;
        color: #384250;
        background-color: #f3f4f6;
        border-top: .0625rem solid #d2d6db;
        border-bottom: .0625rem solid #d2d6db;
        vertical-align: middle;
        padding: .875rem 1rem;
    }

        .MsoNormalTable thead th:not(:last-child), .table thead th:not(:last-child) {
            border-inline-end: .0625rem solid #d2d6db;
        }

@media(max-width: 992px) {
    .MsoNormalTable thead th, .table thead th {
        display: none;
    }
}

.MsoNormalTable tbody tr th, .MsoNormalTable tbody tr td, .table tbody tr th, .table tbody tr td {
    line-height: 1.5;
    font-size: 1rem;
    color: #161616;
    vertical-align: middle;
    text-align: start;
    border-bottom: .0625rem solid #d2d6db;
    padding: 1.25rem 1rem;
}

@media(max-width: 992px) {
    .MsoNormalTable tbody tr th, .MsoNormalTable tbody tr td, .table tbody tr th, .table tbody tr td {
        position: relative;
        display: flex;
        align-items: center;
        width: unset !important;
        gap: 1.5625rem;
        line-height: 2;
        z-index: 1;
        padding: .5rem 1.25rem;
    }

        .MsoNormalTable tbody tr th:not(:last-child), .MsoNormalTable tbody tr td:not(:last-child), .table tbody tr th:not(:last-child), .table tbody tr td:not(:last-child) {
            border-inline-end: none;
        }

        .MsoNormalTable tbody tr th::before, .MsoNormalTable tbody tr td::before, .table tbody tr th::before, .table tbody tr td::before {
            content: attr(data-th);
            flex: 0 0 25%;
            display: flex;
            align-items: center;
            line-height: 2;
            color: #384250;
            text-align: start;
        }

        .MsoNormalTable tbody tr th::after, .MsoNormalTable tbody tr td::after, .table tbody tr th::after, .table tbody tr td::after {
            content: "";
            position: absolute;
            top: 0;
            inset-inline-start: 0;
            width: calc(25% + 20px);
            height: 100%;
            background-color: #f3f4f6;
            z-index: -1;
        }
}

@media(max-width: 992px) {
    .MsoNormalTable tbody tr th:last-child, .MsoNormalTable tbody tr td:last-child, .table tbody tr th:last-child, .table tbody tr td:last-child {
        border-bottom: none;
    }

        .MsoNormalTable tbody tr th:last-child::after, .MsoNormalTable tbody tr td:last-child::after, .table tbody tr th:last-child::after, .table tbody tr td:last-child::after {
            box-shadow: inset 0 -0.0625rem .0625rem var(--clr-blue);
        }
}

.MsoNormalTable tbody tr th > a, .MsoNormalTable tbody tr td > a, .table tbody tr th > a, .table tbody tr td > a {
    text-decoration: underline !important;
}

    .MsoNormalTable tbody tr th > a:hover, .MsoNormalTable tbody tr td > a:hover, .table tbody tr th > a:hover, .table tbody tr td > a:hover {
        text-decoration: none !important;
    }

.MsoNormalTable > tbody > tr:nth-of-type(odd) > *, .table > tbody > tr:nth-of-type(odd) > * {
    background-color: #fff;
}

.MsoNormalTable > tbody > tr:nth-of-type(even) > *, .table > tbody > tr:nth-of-type(even) > * {
    background-color: #f9fafb;
}

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

.table-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    background-color: rgba(0,0,0,0);
    border: none;
    border-radius: .25rem;
    padding: 0;
    transition: background-color .3s ease-in-out;
}

    .table-btn > img {
        width: 1.125rem;
        height: 1.125rem;
        -o-object-fit: contain;
        object-fit: contain;
    }

@media(hover: hover) {
    .table-btn:hover {
        background-color: #f3f4f6;
    }
}

.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: .7rem 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);
}

.modal {
    --bs-modal-width: 600px;
    --bs-border-radius-lg: 1rem;
}

.modal-backdrop {
    --bs-backdrop-bg: rgba(22, 22, 22, 0.60);
    --bs-backdrop-opacity: 1;
}

.modal-content {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    border: none;
    border-radius: .5rem;
    box-shadow: 0 2rem 4rem -0.75rem rgba(16,24,40,.14);
    padding: 1.5rem;
}

.modal-dialog-scrollable .modal-content {
    max-height: 492px;
}

.modal-header {
    border-block: none;
    padding: 0;
}

    .modal-header .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: 0;
        margin-inline-start: auto;
        margin-bottom: auto;
        transition: background-color .3s ease-in-out;
    }

@media(hover: hover) {
    .modal-header .btn-close:hover {
        background-color: #f3f4f6;
    }
}

.modal-icon {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    background-color: #f9fafb;
    border-radius: 50%;
}

    .modal-icon > img {
        width: 1.125rem;
        height: 1.125rem;
        -o-object-fit: contain;
        object-fit: contain;
    }

.modal-title {
    line-height: 1.5;
    font-family: "IBMPlexSansArabic-SemiBold";
    font-size: 1.125rem;
    color: #1f2a37;
}

.modal-body {
    font-size: .875rem;
    padding: 0;
    padding-inline-end: .5rem;
}

    .modal-body ul li, .modal-body ol li {
        line-height: 1.8;
    }

.modal-subtitle {
    font-family: "IBMPlexSansArabic-SemiBold";
    font-size: 1rem;
}

.modal-footer {
    border-top: none;
    border-radius: 0;
    padding: 0;
}

    .modal-footer > * {
        margin: 0;
    }

.btn__icon {
    width: 1rem;
    height: 1rem;
    -o-object-fit: contain;
    object-fit: contain;
}

.attached-file {
    display: flex;
    flex-direction: column;
    background-color: #f3f4f6;
    border: .0625rem solid #d2d6db;
    border-radius: .25rem;
}

.attached-file__body {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem;
}

.attached-file__footer {
    display: flex;
    flex-direction: column;
    border-top: .0625rem solid #d2d6db;
    padding: .5rem;
}

.attached-file__spinner {
    width: 1.125rem;
    aspect-ratio: 1/1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M20,10A10,10,0,1,1,10,0,10,10,0,0,1,20,10ZM2,10a8,8,0,1,0,8-8A8,8,0,0,0,2,10Z' fill='%23f3f4f6'/%3E%3Cpath d='M19,10A.93.93,0,0,0,20,9a10.32,10.32,0,0,0-.71-2.83A10,10,0,0,0,13.83.76,10.32,10.32,0,0,0,11,.05a.93.93,0,0,0-1,1,1.11,1.11,0,0,0,1,1.06,7.75,7.75,0,0,1,2.06.55,7.93,7.93,0,0,1,4.33,4.33A7.75,7.75,0,0,1,17.94,9,1.11,1.11,0,0,0,19,10Z' fill='%23161616'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    animation: spin .8s linear infinite;
}

.attached-file__icon {
    flex-shrink: 0;
    width: 1.125rem;
    aspect-ratio: 1/1;
    -o-object-fit: contain;
    object-fit: contain;
}

.attached-file__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 1.315;
    font-family: "IBMPlexSansArabic-Medium";
    font-size: .875rem;
    color: #161616;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}

.attached-file__helper-text {
    line-height: 1.429;
    font-size: .875rem;
    color: #ce281c;
}

.attached-file__remove-btn {
    flex-shrink: 0;
    display: flex;
    width: 1rem;
    aspect-ratio: 1/1;
    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 9 9'%3E%3Cpath d='M.15.15a.48.48,0,0,1,.7,0L4.5,3.79,8.15.15a.48.48,0,0,1,.7,0,.48.48,0,0,1,0,.7L5.21,4.5,8.85,8.15a.49.49,0,0,1-.7.7L4.5,5.21.85,8.85a.48.48,0,0,1-.7,0,.48.48,0,0,1,0-.7L3.79,4.5.15.85A.48.48,0,0,1,.15.15Z' fill='%23161616' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: .5625rem;
    border: none;
    padding: 0;
    margin-inline-start: auto;
}

.attached-file:has(.attached-file__helper-text) {
    border-color: #ce281c;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.dashboard-title {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    padding: 40px 16px 24px;
}

    .dashboard-title .icon svg {
        height: 40px;
    }

.dashboard .icon-card .icon {
    height: 60px;
    width: 60px;
    transition: all .2s ease-out;
}

    .dashboard .icon-card .icon svg {
        height: 60px;
        width: auto;
        max-width: 60px;
    }

        .dashboard .icon-card .icon svg path {
            transition: all .3s ease-out;
        }

            .dashboard .icon-card .icon svg path.stroke.primary {
                stroke: var(--color-secondary);
            }

.theme-dark .dashboard .icon-card .icon svg path.stroke.primary {
    stroke: #fff;
}

.dashboard .icon-card .icon svg path.stroke-minus {
    stroke: #fff;
}

.theme-dark .dashboard .icon-card .icon svg path.stroke-minus {
    stroke: var(--color-secondary);
}

.dashboard .icon-card .icon svg path:not(.stroke).primary {
    fill: var(--color-secondary);
}

.theme-dark .dashboard .icon-card .icon svg path:not(.stroke).primary {
    fill: #fff;
}

.dashboard .icon-card .item-title {
    color: var(--color-text-color);
    transition: all .3s ease-out;
}

.dashboard .icon-card .item-description {
    display: block;
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    font-size: 1rem;
    visibility: visible;
    transition: all .4s ease-out;
}

@supports not (-webkit-line-clamp: 2) {
    .dashboard .icon-card .item-description {
        display: block;
        max-height: 48px;
        line-height: 1.5;
    }
}

@media(hover: hover) {
    .dashboard .icon-card {
        padding: 76px 24px 40px;
    }

        .dashboard .icon-card .icon, .dashboard .icon-card .item-title {
            transform: translateY(8px);
        }

        .dashboard .icon-card .item-description {
            transform: translateY(8px);
            opacity: 0;
            visibility: hidden;
        }

        .dashboard .icon-card:is(:hover,:focus,:active) {
            padding: 40px 24px;
        }

            .dashboard .icon-card:is(:hover,:focus,:active) .icon, .dashboard .icon-card:is(:hover,:focus,:active) .item-title {
                transform: translateY(0);
            }

            .dashboard .icon-card:is(:hover,:focus,:active) .item-description {
                transform: translateY(0);
                opacity: 1;
                visibility: visible;
            }
}

.dashboard .icon-card:is(:hover,:focus,:active) .icon svg path.stroke.primary {
    stroke: #fff;
}

.dashboard .icon-card:is(:hover,:focus,:active) .icon svg path.stroke-minus {
    stroke: var(--color-secondary);
}

.dashboard .icon-card:is(:hover,:focus,:active) .icon svg path:not(.stroke).primary {
    fill: #fff;
}

.page-category .category-list .category-link:hover, .page-category .category-list .category-link:active, .page-category .category-list .category-link:focus, .page-category .category-list .category-link.active {
    background-color: var(--color-secondary);
    color: #fff;
}

.rating {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 100px;
}

@media(max-width: 576px) {
    .rating {
        justify-content: start;
        flex-wrap: wrap;
        gap: 5px;
    }
}

.rating .title {
    font-size: 1rem;
    line-height: 1;
}

.rating .rating__list {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    direction: ltr;
    color: unset !important;
    margin-inline-start: 8px;
}

[dir=ltr] .rating .rating__list {
    direction: rtl;
}

.rating .rating__list .star {
    display: block;
}

    .rating .rating__list .star svg {
        display: flex;
        width: 16px;
    }

        .rating .rating__list .star svg path {
            fill: #e5e7eb !important;
            stroke: #e5e7eb;
        }

.rating .rating__list[data-stars="0"] .star svg path {
    fill: #fff;
}

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

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

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

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

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

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

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

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

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

.rating .rating__list > .star:hover svg path {
    fill: var(--color-secondary) !important;
    stroke: var(--color-secondary);
}

.rating .rating__list > .star:hover ~ .star svg path {
    fill: var(--color-secondary) !important;
    stroke: var(--color-secondary);
}

.content-footer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: space-between;
    padding: 6px 10px;
    margin-bottom: 16px;
    border: 1px solid #ebebeb;
    border-radius: 8px;
}

.visits-count {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 100px;
    font-family: "IBMPlexSansArabic-Bold";
    font-size: .875rem;
}

    .visits-count .title {
        line-height: 1;
    }

.comments {
    padding: 24px;
    background-color: #f7f7f7;
    border-radius: 8px;
}

    .comments .title {
        display: block;
        margin-bottom: 16px;
        font-family: "IBMPlexSansArabic-Bold";
    }

.comments__item {
    position: relative;
    margin-top: 32px;
    padding-block: 24px;
    border-top: 1px solid #ebebeb;
}

    .comments__item .user-name {
        font-family: "IBMPlexSansArabic-Bold";
    }

    .comments__item .item-date span {
        margin-bottom: 8px;
        color: var(--color-tertiary);
        font-family: "IBMPlexSansArabic-Medium";
        border-radius: 40px;
        font-size: .75rem;
    }

    .comments__item .replay {
        position: relative;
        margin-top: 24px;
        padding: 24px;
        margin-inline-start: 32px;
        background-color: #fff;
        border-radius: 16px;
    }

        .comments__item .replay .user-name {
            font-size: 1rem;
            color: var(--color-primary);
        }

.page-review {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    padding: 24px 0px;
    border-radius: 0px;
}

    .page-review .btn-primary {
        padding: 10px 18px;
    }

@media(max-width: 576px) {
    .page-review {
        justify-content: start;
        align-items: start;
    }

        .page-review .btn-black {
            margin-top: 10px;
        }
}

.page-review .close-review {
    display: flex;
    color: #161616;
    font-size: 1.125rem;
    gap: 5px;
    align-items: center;
    transition: all .3s ease-in-out;
    padding: 8px 24px 10px 24px;
    border-radius: 4px;
}

    .page-review .close-review img {
        width: 24px;
        height: 24px;
    }

    .page-review .close-review:hover {
        background-color: #f3f4f6;
        color: #161616;
    }

    .page-review .close-review:focus, .page-review .close-review:active {
        background-color: #e5e7eb;
        color: #161616;
    }

.details-item .btn-gray {
    padding: 5px 12px 5px 12px;
}

.reason-wrapper {
    padding: 25px 0;
}

    .reason-wrapper .btn-primary, .reason-wrapper .btn-gray {
        padding: 5px 12px 5px 12px;
    }

    .reason-wrapper .title {
        color: #161616;
        font-size: 1.125rem;
        font-family: "IBMPlexSansArabic-SemiBold";
    }

        .reason-wrapper .title .title-option {
            color: #6c737f;
            font-size: 1rem;
            font-family: "IBMPlexSansArabic-Regular";
        }

.review-content {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}

@media(max-width: 576px) {
    .review-content {
        justify-content: center;
    }
}

.review-content .review-title {
    font-family: "IBMPlexSansArabic-Regular";
    margin: 0;
    color: #161616;
    font-size: 1.125rem;
}

.review-content .review-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    gap: 18px;
}

.review-answer {
    padding: 24px;
    border: 1px solid #ebebeb;
    border-radius: 8px;
}

    .review-answer .answer-title {
        margin-bottom: 24px;
        font-size: 1.125rem;
    }

        .review-answer .answer-title span {
            font-size: 14px;
            padding: 0 5px;
        }

    .review-answer .form-check {
        margin-bottom: 16px;
    }

    .review-answer.yes #noAnswerContent {
        display: none;
    }

    .review-answer.yes #yesAnswerContent {
        display: block;
    }

    .review-answer.no #yesAnswerContent {
        display: none;
    }

    .review-answer.no #noAnswerContent {
        display: block;
    }

    .review-answer .check__input__container {
        flex-wrap: wrap;
    }

    .review-answer .other-answer {
        margin-top: 16px;
        flex: none;
        width: 100%;
        display: none;
    }

    .review-answer .other-check-input:checked ~ .other-answer {
        display: block;
    }

.review-answer__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    gap: 12px;
    margin-top: 16px;
}

button.show-products-btn:hover {
    background-color: #225085 !important;
    color: #fff !important;
}

    button.show-products-btn:hover span {
        background-color: #fff !important;
    }

button.show-products-btn {
    background-color: #1a717b;
    color: #fff !important;
}

    button.show-products-btn span {
        background-color: #fff !important;
        color: #1a717b;
        min-width: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 2px;
        padding: 0 5px;
    }

.fancybox__caption {
    text-align: center;
    padding: 10px 100px 0px 100px;
}

.mob_app_img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    box-shadow: -4px -3px 19px -14px;
}

.line-title {
    position: relative;
    padding-inline-start: 20px;
    font-family: "IBMPlexSansArabic-Bold";
    margin-bottom: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-inline-start: 15px;
}

    .line-title h5 {
        margin-bottom: 0;
    }

    .line-title::after {
        content: "";
        width: 5px;
        height: 100%;
        display: block;
        background-color: #6fb386;
        position: absolute;
        margin-inline-start: -20px;
        border-radius: 2px;
        top: 0;
    }

.value_wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10.25rem, 1fr));
    gap: 3.125rem;
    flex-wrap: wrap;
}

    .value_wrapper .img_wrapper {
        background-color: #fff;
        border-radius: 25px;
        padding: 30px 25px;
        display: block;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .value_wrapper .img_wrapper img {
            width: 85px;
            height: 80px;
            -o-object-fit: none;
            object-fit: none;
        }

    .value_wrapper .value_desc {
        text-align: center;
        color: #1b8354;
        font-size: 1.125rem;
        margin-top: 20px;
    }

.events-list-page {
    position: relative;
}

@media(max-width: 767.98px) {
    .events-list-page a.btn.btn-outline-primary.ms-auto.change-view {
        display: block;
        margin: auto;
    }
}

.events-list-page .flex-container {
    flex-wrap: wrap;
    width: 100%;
}

@media(max-width: 992px) {
    .events-list-page .flex-container {
        flex-direction: column;
    }
}

.events-list ul {
    display: flex;
    gap: 30px;
}

    .events-list ul li {
        position: relative;
    }

        .events-list ul li::before {
            content: "";
            width: 10px;
            height: 10px;
            display: block;
            position: absolute;
            inset-inline-start: -15px;
            top: 10px;
        }

        .events-list ul li:nth-child(1)::before {
            background-color: #074d31;
        }

        .events-list ul li:nth-child(2)::before {
            background-color: #556478;
        }

        .events-list ul li:nth-child(3)::before {
            background-color: #6fb386;
        }

.mob-page h3 {
    font-family: "IBMPlexSansArabic-Bold";
    margin-bottom: 25px;
}

@media(max-width: 991px) {
    .part_header h1 {
        font-size: 22px;
    }
}

.main_title {
    color: #074d31;
    margin-bottom: 12px;
    font-family: "IBMPlexSansArabic-Bold";
}

.goal_wrapper_item {
    border: 1px solid rgba(27,131,84,.2);
    border-radius: 30px;
    background-color: #fff;
    font-size: 1.125rem;
    padding: 35px 30px;
    height: 100%;
    margin-bottom: 15px;
}

    .goal_wrapper_item .desc {
        font-family: "IBMPlexSansArabic-Medium";
        line-height: 2;
    }

.strategic_wrapper_item {
    border: 1px solid rgba(27,131,84,.2);
    border-radius: 30px;
    background-color: rgba(0,0,0,0);
    font-size: 1.125rem;
    padding: 0px 30px 40px 30px;
    height: 100%;
    margin-bottom: 15px;
    display: flex;
    align-items: end;
    gap: 25px;
}

.rating {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 100px;
}

@media(max-width: 576px) {
    .rating {
        justify-content: start;
        flex-wrap: wrap;
        gap: 5px;
    }
}

.rating .title {
    font-size: 1rem;
    line-height: 1;
}

.rating .rating__list {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    direction: ltr;
    color: unset !important;
    margin-inline-start: 8px;
}

[dir=ltr] .rating .rating__list {
    direction: rtl;
}

.rating .rating__list .star {
    display: block;
}

    .rating .rating__list .star svg {
        display: flex;
        width: 16px;
    }

        .rating .rating__list .star svg path {
            fill: #e5e7eb !important;
            stroke: #e5e7eb;
        }

.rating .rating__list[data-stars="0"] .star svg path {
    fill: #fff;
}

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

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

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

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

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

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

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

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

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

.rating .rating__list > .star:hover svg path {
    fill: var(--color-secondary) !important;
    stroke: var(--color-secondary);
}

.rating .rating__list > .star:hover ~ .star svg path {
    fill: var(--color-secondary) !important;
    stroke: var(--color-secondary);
}

.content-footer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: space-between;
    padding: 6px 10px;
    margin-bottom: 16px;
    border: 1px solid #ebebeb;
    border-radius: 8px;
}

.visits-count {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 100px;
    font-family: "IBMPlexSansArabic-Bold";
    font-size: .875rem;
}

    .visits-count .title {
        line-height: 1;
    }

.comments {
    padding: 24px;
    background-color: #f7f7f7;
    border-radius: 8px;
}

    .comments .title {
        display: block;
        margin-bottom: 16px;
        font-family: "IBMPlexSansArabic-Bold";
    }

.comments__item {
    position: relative;
    margin-top: 32px;
    padding-block: 24px;
    border-top: 1px solid #ebebeb;
}

    .comments__item .user-name {
        font-family: "IBMPlexSansArabic-Bold";
    }

    .comments__item .item-date span {
        margin-bottom: 8px;
        color: var(--color-tertiary);
        font-family: "IBMPlexSansArabic-Medium";
        border-radius: 40px;
        font-size: .75rem;
    }

    .comments__item .replay {
        position: relative;
        margin-top: 24px;
        padding: 24px;
        margin-inline-start: 32px;
        background-color: #fff;
        border-radius: 16px;
    }

        .comments__item .replay .user-name {
            font-size: 1rem;
            color: var(--color-primary);
        }

.page-review {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    padding: 24px 0px;
    border-radius: 0px;
}

    .page-review .btn-primary {
        padding: 10px 18px;
    }

@media(max-width: 576px) {
    .page-review {
        justify-content: start;
        align-items: start;
    }

        .page-review .btn-black {
            margin-top: 10px;
        }
}

.page-review .close-review {
    display: flex;
    color: #161616;
    font-size: 1.125rem;
    gap: 5px;
    align-items: center;
    transition: all .3s ease-in-out;
    padding: 8px 24px 10px 24px;
    border-radius: 4px;
}

    .page-review .close-review img {
        width: 24px;
        height: 24px;
    }

    .page-review .close-review:hover {
        background-color: #f3f4f6;
        color: #161616;
    }

    .page-review .close-review:focus, .page-review .close-review:active {
        background-color: #e5e7eb;
        color: #161616;
    }

.details-item .btn-gray {
    padding: 5px 12px 5px 12px;
}

.reason-wrapper {
    padding: 25px 0;
}

    .reason-wrapper .btn-primary, .reason-wrapper .btn-gray {
        padding: 5px 12px 5px 12px;
    }

    .reason-wrapper .title {
        color: #161616;
        font-size: 1.125rem;
        font-family: "IBMPlexSansArabic-SemiBold";
    }

        .reason-wrapper .title .title-option {
            color: #6c737f;
            font-size: 1rem;
            font-family: "IBMPlexSansArabic-Regular";
        }

.review-content {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}

@media(max-width: 576px) {
    .review-content {
        justify-content: center;
    }
}

.review-content .review-title {
    font-family: "IBMPlexSansArabic-Regular";
    margin: 0;
    color: #161616;
    font-size: 1.125rem;
}

.review-content .review-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    gap: 18px;
}

.review-answer {
    padding: 24px;
    border: 1px solid #ebebeb;
    border-radius: 8px;
}

    .review-answer .answer-title {
        margin-bottom: 24px;
        font-size: 1.125rem;
    }

        .review-answer .answer-title span {
            font-size: 14px;
            padding: 0 5px;
        }

    .review-answer .form-check {
        margin-bottom: 16px;
    }

    .review-answer.yes #noAnswerContent {
        display: none;
    }

    .review-answer.yes #yesAnswerContent {
        display: block;
    }

    .review-answer.no #yesAnswerContent {
        display: none;
    }

    .review-answer.no #noAnswerContent {
        display: block;
    }

    .review-answer .check__input__container {
        flex-wrap: wrap;
    }

    .review-answer .other-answer {
        margin-top: 16px;
        flex: none;
        width: 100%;
        display: none;
    }

    .review-answer .other-check-input:checked ~ .other-answer {
        display: block;
    }

.review-answer__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    gap: 12px;
    margin-top: 16px;
}

button.show-products-btn:hover {
    background-color: #225085 !important;
    color: #fff !important;
}

    button.show-products-btn:hover span {
        background-color: #fff !important;
    }

button.show-products-btn {
    background-color: #1a717b;
    color: #fff !important;
}

    button.show-products-btn span {
        background-color: #fff !important;
        color: #1a717b;
        min-width: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 2px;
        padding: 0 5px;
    }

.fancybox__caption {
    text-align: center;
    padding: 10px 100px 0px 100px;
}

.mob_app_img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    box-shadow: -4px -3px 19px -14px;
}

.line-title {
    position: relative;
    padding-inline-start: 20px;
    margin-bottom: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-inline-start: 15px;
}


.digital-stamp-header {
    min-height: 32px;
    display: flex;
    align-items: center;
}

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

.header__bottom {
    height: 72px;
}

.digital-stamp-card .digital-stamp-header h6 {
    color: #161616;
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.5;
    font-family: "IBMPlexSansArabic-Medium";
    font-size: 14px !important;
    color: #161616;
    margin: 0;
}

.digital-stamp-note__flag {
    width: 1.25rem;
    height: .875rem;
    -o-object-fit: contain;
    object-fit: contain;
}

.navbar .navbar-nav .nav-item .nav-link {
    font-size: 16px !important;
}

.section-header .header-info .section-title .title {
    font-size: 30px;
    color: #fff;
    text-align: initial;
    font-family: IBMPlexSansArabic-Bold;
    margin: 0;
}

.section-header .header-info .section-title .title {
    font-size: 30px;
    color: #fff;
    text-align: initial;
    margin: 0;
}

.section-header .header-info .section-title .title2 {
    font-size: 30px;
    color: #161616;
    text-align: initial;
    margin: 0;
}

.bgservices {
    background: #F9FAFB !important;
}

.footer-list-title {
    color: #fff;
    font-size: 16px;
    margin-bottom: 16px;
    -webkit-border-after: 1px solid rgb(255 255 255 / .3);
    border-block-end: 1px solid rgb(255 255 255 / .3);
    padding-bottom: 15px;
}

.footer-links-list__item .footer-link {
    font-size: 14px;
}

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

.btn {
    padding: 10px 16px;
    border-radius: 4px !important;
    height: 40px;
}

.digital-stamp-card .digital-stamp-body .digital-stamp-container .box h6 {
    line-height: 1.5;
    font-family: "IBMPlexSansArabic-Bold";
    font-size: 1.0625rem !important;
    color: #161616;
    margin-bottom: .75rem;
}

.cookie_body [type=checkbox] {
    position: relative !important;
}

    .cookie_body [type=checkbox]:focus:after {
        border: 2px solid #161616 !important;
        content: "" !important;
        inset: -4px !important;
        bottom: -6px !important;
        position: absolute !important;
        top: -6px !important;
    }

/*.form-control:is(:active), input[type=text].form-control:is(:active) {
    background-size: 100% 2px,auto !important;
    box-shadow: 0px 2px 4px -2px rgba(16,24,40,.06) !important;
    background-size: 100% 2px,auto !important;
    box-shadow: 0px 2px 4px -2px rgba(16,24,40,.06) !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    background: linear-gradient(#fff, #0D121C),linear-gradient(#F3F4F6, #F3F4F6) !important;
}*/

.form-control:is(:focus), input[type=text].form-control:is(:focus) {
    box-shadow: 0px 2px 4px -2px rgba(16,24,40,.06) !important;
    background-size: 100% 2px,auto !important;
}

.input-validation-error {
    border-color: #b42318 !important;
    outline: 1px solid #b42318 !important;
    border: 0 !important;
    background: linear-gradient(#fff, #B42318),linear-gradient(#fff, #fff) !important;
    background-size: 0% 2px,auto !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
}

    .input-validation-error:focus, .input-validation-error:active {
        border-color: #b42318 !important;
        background-size: 100% 2px,auto !important;
        box-shadow: 0px 2px 4px -2px rgba(16,24,40,.06) !important;
        background-size: 100% 2px,auto !important;
        box-shadow: 0px 2px 4px -2px rgba(16,24,40,.06) !important;
        background-repeat: no-repeat !important;
        background-position: bottom !important;
        background: linear-gradient(#fff, #B42318),linear-gradient(#fff, #fff) !important;
        background-size: 100% 2px,auto !important;
        background-repeat: no-repeat !important;
        background-position: bottom !important;
    }

    .input-validation-error + .form-select {
        border-color: #b42318 !important;
    }

    .input-validation-error + .custom-select:before {
        background-color: #b42318 !important;
    }

#suggestionsList {
    overflow-x: auto !important;
    padding-inline-end: 20px !important;
    padding-inline-start: 0 !important;
}

#suggestionsList {
    overflow-y: auto !important;
}

    #suggestionsList ul {
        padding: 0 !important;
    }

.form-check {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 0 !important;
    margin: 0 !important;
}

    .form-check .form-check-input {
        float: none !important;
        margin: 0 !important;
    }

.form-check-inline {
    display: inline-flex !important;
}

.form-check:not(.form-switch) .form-check-label {
    font-size: 15px !important;
}

.form-check-label {
    font-family: "IBMPlexSansArabic-Medium" !important;
    font-size: 16px !important;
    color: #1f2a37 !important;
}

    .form-check-label > small {
        font-family: "IBMPlexSansArabic-Regular" !important;
        font-size: .875rem !important;
    }


.form-check-input::after {
    content: "" !important;
    position: absolute !important;
    inset: -0.125rem !important;
    box-shadow: 0 0 0 .125rem #161616 !important;
    pointer-events: none !important;
    opacity: 0 !important;
    transition: opacity .3s ease-in-out !important;
}

.form-check-input[type=radio] {
    width: 1.5rem !important;
    height: 1.5rem !important;
}

.form-check-input[type=checkbox] {
    width: 1.5rem !important;
    height: 1.5rem !important;
    background-size: 1rem !important;
    border-radius: .125rem !important;
}

.form-switch .form-check-input {
    width: 3rem !important;
    height: 1.5rem !important;
    background-color: rgba(0,0,0,0) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8,0A8,8,0,1,1,0,8,8,8,0,0,1,8,0Z' fill='%230d121c'/%3E%3C/svg%3E") !important;
    background-size: 1rem !important;
    border: .09375rem solid #0d121c !important;
    border-radius: 10em !important;
}

[dir=rtl] .form-switch .form-check-input {
    background-position: right .25rem center !important;
}

[dir=ltr] .form-switch .form-check-input {
    background-position: left .25rem center !important;
}

.form-check-input--lg[type=radio], .form-check-input--lg[type=checkbox] {
    width: 1.5rem !important;
    height: 1.5rem !important;
}

.form-check-input:hover {
    background-color: #f3f4f6 !important;
    box-shadow: 0 0 0 12px #f3f4f6 !important;
}

.form-check-input:focus {
    box-shadow: none !important;
    border-color: #1b8354 !important;
}

    .form-check-input:focus::after {
        opacity: 1 !important;
    }

.form-check-input:active {
    filter: none !important;
    box-shadow: 0 0 0 12px #f3f4f6 !important;
}

.form-check-input:checked {
    border-color: #1b8354 !important;
}

    .form-check-input:checked:hover {
        border-color: #14573a !important;
        box-shadow: 0 0 0 12px #f3f4f6 !important;
    }

    .form-check-input:checked:active {
        border-color: #104631 !important;
        box-shadow: 0 0 0 12px #f3f4f6 !important;
    }

    .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='0 0 15 15'%3E%3Ccircle cx='7.5' cy='7.5' r='7.5' fill='%231b8354'/%3E%3C/svg%3E") !important;
        background-image: var(--bs-form-check-bg-image) !important;
        background-color: #fff !important;
        background-size: .875rem !important;
    }

        .form-check-input:checked[type=radio]:hover {
            --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Ccircle cx='7.5' cy='7.5' r='7.5' fill='%2314573A'/%3E%3C/svg%3E") !important;
        }

        .form-check-input:checked[type=radio]:active {
            --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Ccircle cx='7.5' cy='7.5' r='7.5' fill='%23104631'/%3E%3C/svg%3E") !important;
        }

        .form-check-input:checked[type=radio]:focus {
            box-shadow: none !important;
        }

            .form-check-input:checked[type=radio]:focus::after {
                opacity: 1 !important;
            }

    .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 10 7.6'%3E%3Cpath d='M9.66.34A1.15,1.15,0,0,1,9.66,2L4.37,7.26a1.17,1.17,0,0,1-.81.34,1.19,1.19,0,0,1-.82-.34L.34,4.85A1.15,1.15,0,0,1,2,3.22L3.56,4.81,8,.34A1.15,1.15,0,0,1,9.66.34Z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E") !important;
        background-color: #1b8354 !important;
    }

.form-switch .form-check-input:checked {
    background-color: #1b8354 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8,0A8,8,0,1,1,0,8,8,8,0,0,1,8,0Z' fill='%23fff'/%3E%3C/svg%3E") !important;
}

[dir=rtl] .form-switch .form-check-input:checked {
    background-position: left .25rem center !important;
}

[dir=ltr] .form-switch .form-check-input:checked {
    background-position: right .25rem center !important;
}

.sorted-descending::after {
    transform: rotate(180deg) translateY(31px) translateX(8px) !important;
}


.form-check-input::after {
    content: "" !important;
    position: absolute !important;
    inset: -0.125rem !important;
    box-shadow: 0 0 0 .125rem #161616 !important;
    pointer-events: none !important;
    opacity: 0 !important;
    transition: opacity .3s ease-in-out !important;
}

.form-check-input {
    --bs-form-check-bg: #fff !important;
    --bs-border-color: #6C737F !important;
    position: relative !important;
    cursor: pointer !important;
    transition: all .3s ease-in-out !important;
}

.form-check {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 0;
    margin: 0;
}


.form-check-input--lg[type=radio], .form-check-input--lg[type=checkbox] {
    width: 1.5rem;
    height: 1.5rem;
}

.form-check-input[type=checkbox] {
    width: 1.5rem;
    height: 1.5rem;
    background-size: 1rem;
    border-radius: .125rem;
}

.form-check .form-check-input {
    float: none;
    margin: 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;
}

.digital-stamp-card .digital-stamp-body.open {
    max-height: 1000px;
    padding-top: 24px !important;
    padding-bottom: 19px !important;
    max-width: 80%;
    margin: 0px auto;
}

::marker {
    color: #161616;
}

*::-webkit-scrollbar {
    width: .5rem;
    height: .5rem;
}

*::-webkit-scrollbar-corner {
    background-color: rgba(0, 0, 0, 0);
}

*::-webkit-scrollbar-thumb {
    background-color: #1b8354;
    border-radius: 10em;
}

*::-webkit-scrollbar-track {
    background-color: #ecefff;
}

::selection {
    background-color: var(--color-primary);
    color: #fff;
}


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

body {
    position: relative;
    min-width: 23.75rem;
    min-height: 100vh;
    font-family: "IBMPlexSansArabic-Regular";
    text-align: initial;
    color: var(--color-text-color);
    background-color: #f9fafb;
    overflow-x: clip;
    overflow-y: auto;
}

@media (min-width: 960px) {
    .navbar .navbar-nav .nav-item .nav-link {
        font-size: 1rem;
        height: 72px;
        align-items: center;
    }
}

.navbar .navbar-nav .nav-item {
    border-radius: 0;
    height: 72px;
}

.navbar .navbar-nav {
    gap: 24px;
    padding-bottom: 0;
    padding-inline-start: 30px;
}

.search-results__header .dropdown2 .dropdown-toggle::after {
    content: "";
    width: 16px;
    height: 10px;
    background-image: url(/Style%20Library/UDesign/images/arrow/arrow_white.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: 0;
    position: relative;
    top: 1px;
}

.custom-select.filter-drop::before {
    background-image: url(/images/faqs/order.svg) !important;
    content: "";
    width: 35px;
    height: 35px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: revert-layer;
    border: 0;
    top: 12px;
    display: block;
    inset-inline-start: -4px !important;
    background-color: transparent;
    position: absolute;
    inset-inline-end: auto;
}

.nice-select::before {
    content: "";
    position: absolute;
    left: 51%;
    right: 51%;
    bottom: 0;
    background: #161616;
    height: 2px;
    transition-property: left, right;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    border-radius: 1px;
    z-index: 1;
}

.form-select, .content select:not(.ms-cui-cb-input) {
    padding-inline-end: 32px;
    background-position: 10px;
}

.form-select {
    background-image: url(/Style%20Library/UDesign/images/arrow/arrow_black.svg) !important;
    background-size: 20px 9px !important;
}

    .form-control:is(:hover), input[type=text].form-control:is(:hover), .form-select:is(:hover) {
        border-color: #384250;
        outline: 0;
        color: #161616 !important;
    }

.input-validation-error {
    border-color: #b42318 !important;
    outline: 1px solid #b42318 !important;
    border: 0 !important;
    background: linear-gradient(#fff, #B42318), linear-gradient(#fff, #fff) !important;
    background-size: 0% 2px, auto !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
}

.card--outline {
    border-radius: 16px;
    background-color: #fff;
    border: 1px solid #d2d6db;
    box-sizing: border-box;
    padding: 16px;
    text-align: start;
    color: #1f2a37;
}

.card--outline, .kku-card .actions {
    position: relative;
    align-items: center;
}



banner-text-white .link-default, .banner-text-white a, .dc_btn--secondary-outline, .kku-button--outline {
    outline: 1px solid #e5e7eb;
    background-color: transparent;
    color: var(--colors-text-primary);
    mix-blend-mode: multiply;
}

.banner-text-white .link-default, .banner-text-white a, .kku-button {
    width: -moz-max-content;
    width: max-content;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--radius-xs);
    text-decoration: none;
    padding-inline: 16px;
}

.h5, .text-18-700, h5 {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
}

.announcement-card-page .announcement-icon {
    font-size: 24px;
    color: var(--kku-white);
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: var(--border-radius-full);
    align-items: center;
    justify-content: center;
    display: flex;
    margin-inline-end: 20px;
}

.header__bottom {
    background-color: #fff;
    padding: 0 150px;
    border-bottom: 1px solid #e9ecef !important;
}

.navbar-brand img {
    height: 65px;
}

.mt-16 {
    margin-top: 16px;
}

.card--outline {
    border-radius: 16px;
    background-color: #fff;
    border: 1px solid #d2d6db;
    box-sizing: border-box;
    padding: 16px;
    text-align: start;
    color: #1f2a37;
}

.card--outline, .kku-card .actions {
    position: relative;
    align-items: center;
}


.mb-3 {
    margin-bottom: 1rem !important;
}

.status-tag {
    border-radius: 9999px;
    height: 32px;
    justify-content: flex-start;
    gap: 8px;
    text-align: right;
    color: #1f2a37;
}

    .status-tag .status-indicator {
        width: 10px;
        position: relative;
        border-radius: 50%;
        background-color: #085d3a;
        height: 10px;
    }

.kku-card-internal .actions, .status-tag {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 16px;
}

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

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

.search-popup.open {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(65px);
    -ms-transform: translateY(65px);
    transform: translateY(106px);
    background: #fff;
    width: 100%;
}

.search-popup.open {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(65px);
    -ms-transform: translateY(65px);
    transform: translateY(105px);
    background: #fff;
    width: 100%;
    max-width: 100%;
    border-top: 1px solid #e7e7e7 !important;
    border-radius: 0px 0px 16px 16px;
}

.search-popup__container {
    box-shadow: none;
    width: 100% !important;
}

    .search-popup__container .container-fluid {
        padding: 0px 150px !important;
    }

.search-popup .section-title h3 {
    display: none;
}

.search-input-group {
    position: relative;
}

.search-input-group {
    position: relative;
}

/* Default (LTR) */
.search-icon-img {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    pointer-events: none;
    z-index: 5;
}

.search-input {
    padding-left: 39px;
}

/* RTL Support */
[dir="rtl"] .search-icon-img {
    left: auto;
    right: 12px;
}

[dir="rtl"] .search-input {
    padding-left: 12px;
    padding-right: 39px !important;
}

.btncustom {
    background: #F3F4F6 !important;
    font-size: 16px;
}

.section-header .header-info .section-title {
    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;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    color: var(--color-text-color);
    font-size: 16px;
    margin-bottom: 0px;
}

.statistics-card {
    background: #fff !important;
    padding-top: 0px !important;
}

    .statistics-card .icon {
        width: 56px;
        height: 56px;
        margin-bottom: 24px !important;
    }

    .statistics-card .statistics-no {
        color: #14573A !important;
        font-size: 48px !important;
        font-family: "IBMPlexSansArabic-Regular";
        letter-spacing: -2px !important;
        font-weight: 500;
    }

    .statistics-card .statistics-info {
        color: #1F2A37;
        margin-top: 5px;
        font-size: 16px !important;
    }

.btn-gray:focus, .btn-secondary:focus {
    background-color: #fff;
    color: #161616;
    -webkit-box-shadow: 0 0 0 2px #161616 !important;
    box-shadow: 0 0 0 2px #161616 !important;
}

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

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

.open-data {
    position: relative;
    background-color: #fff;
    isolation: isolate;
    padding: 40px 0 40px 0;
}

.bannerpadding {
    width: 100% !important;
}


.bannerpadding {
    width: 100% !important;
}

    .bannerpadding .container-fluid {
        padding: 0px !important;
    }

.hero {
    border-radius: 0px !important;
    margin: 0px auto !important;
}

.bannerpadding .hero-caption {
    padding: 0px 25px !important;
    margin: 0px 100px;
}

.hou-card {
    height: auto !important;
}

@media (max-width:1750px) {


    .header__bottom {
        background-color: #fff;
        padding: 0 80px !important;
        border-bottom: 1px solid #e9ecef !important;
    }
}


.statistics-slider .swiper-wrapper {
    padding-bottom: 40px !important;
}

.swiper-pagination {
    padding: 36px;
    bottom: -24px !important;
    line-height: 36px;
}

    .swiper-pagination .swiper-pagination-bullet:after {
        width: 12px;
        height: 12px;
    }

.swiper-pagination {
    padding: 36px;
    line-height: 36px;
}

    .swiper-pagination .swiper-pagination-bullet {
        width: auto;
        height: auto;
    }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0px 4px;
    gap: 8px !important;
}

.ms-webpartzone-cell {
    margin: 0px !important;
}

open-data .hero-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after, .open-data .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    background-color: var(--color-secondary) !important;
}

/* container for fixed left button */
.academic-calendar {
    position: fixed;
    top: 50%;
    left: 30px;
    right: auto;
    transform: translateY(-50%);
    z-index: 999;
    display: flex;
    align-items: center;
    gap: 0;
    justify-content: flex-end;
    direction: ltr;
}
/* Button on the left - FIXED: Using writing-mode instead of rotate */
.academic-calendar-btn {
    writing-mode: vertical-rl; /* Vertical text from right to left */
    transform: none; /* Remove rotation transform */
    transform-origin: center;
    height: max-content;
    min-height: 40px;
    padding: 20px 12px;
    border-radius: 4px 0 0 4px;
    color: #fff;
    cursor: pointer;
    border: 0 !important;
    letter-spacing: 1px;
    font-size: 15px;
    background-color: #1b8354;
    transition: all 0.5s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
}

    .academic-calendar-btn i {
        display: none;
    }

    .academic-calendar-btn:hover {
        background-color: #0d4a9c;
    }

    .academic-calendar-btn i {
        transition: transform 0.5s ease;
    }

    .academic-calendar-btn.rotated i {
        transform: rotate(180deg);
    }

/* Collapsible Content beside button */
.academic-calendar-content {
    transition: all 0.4s ease-in-out;
    width: 0;
    overflow: hidden;
    opacity: 0;
}

    .academic-calendar-content.show {
        width: 380px;
        opacity: 1;
        margin-left: 0; /* Changed from -53px */
    }

/* Event Card */
.event-card {
    background-color: #ffffff;
    border-radius: 17px;
    padding: 15px;
    border: 2px solid var(--colors-brand-800); /* ✅ Added border */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    display: flex;
    width: 100%;
    transition: all 0.3s ease;
}

    .event-card:hover {
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
        transform: translateY(-2px);
    }

.event-dates {
    width: 120px;
    background-color: #f3f4f6;
    text-align: center;
    border-radius: 8px;
    padding: 10px;
}

.event-status {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 5px;
}

.event-dm {
    font-size: 16px;
    color: var(--colors-brand-800);
    font-weight: 600;
    display: flex;
    justify-content: center;
    gap: 6px;
}

.event-date {
    background-color: var(--colors-gray-neutral-300);
    color: var(--colors-gray-neutral-800);
    border-radius: 4px;
    padding: 4px 8px;
    display: inline-block;
    font-size: 14px;
    margin-top: 5px;
}

.event-day {
    font-size: 28px;
    font-weight: 700;
}

.event-month {
    font-size: 16px;
}

.event-text-out {
    flex: 1;
    padding: 10px;
}

.text-18-500 {
    font-size: 18px;
    font-weight: 500;
    margin: 8px 0;
    color: var(--colors-brand-800);
}

.event-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.more-calender {
    align-self: flex-start;
    padding: 8px 16px;
    border: 2px solid var(--colors-brand-800);
    color: var(--colors-brand-800);
    text-decoration: none;
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
}

    .more-calender:hover {
        background-color: var(--colors-brand-800);
        color: white;
    }

.rotate-img {
    transition: transform 0.3s ease;
}

.more-calender:hover .rotate-img {
    transform: translateX(-4px);
}

@media (max-width: 768px) {
    .event-text-out {
        flex: 1;
        padding: 10px;
        font-size: 12px;
    }

    .text-18-500 {
        font-size: 15px;
        font-weight: 500;
        margin: 8px 0;
        color: var(--colors-brand-800);
    }

    .academic-calendar-content.show {
        width: 289px;
        opacity: 1;
        margin-left: 0; /* Changed from -53px */
    }

    .academic-calendar-btn {
        margin-left: 0; /* Changed from -58px */
        writing-mode: vertical-rl; /* Keep vertical text on mobile */
        padding: 12px 8px;
        font-size: 14px;
        min-height: 40px;
    }

    .event-dm {
        font-size: 14px;
        color: var(--colors-brand-800);
        font-weight: 600;
        display: flex;
        justify-content: center;
        gap: 6px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        line-height: 20px;
    }

    .academic-calendar-btn {
        writing-mode: vertical-rl; /* Vertical text */
        transform: none; /* No rotation */
        transform-origin: center;
        height: max-content;
        min-height: 40px;
        padding: 12px;
        border-radius: 4px;
        color: #fff;
        cursor: pointer;
        border: 0 !important;
        letter-spacing: 0px;
        font-size: 14px;
        background-color: #1b8354;
        transition: all 0.5s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto; /* Changed from 172px */
    }
}

.academic-calendar-btn.rotated i {
    display: none;
}

.academic-calendar-btn:hover {
    background-color: #115f3c;
    color: #fff;
}

.navbar .navbar-nav .nav-item .nav-link {
    color: #161616 !important;
}

.footer-links-list__item .footer-link, .footer-links li a, .footer-links li a:visited, .navbar .navbar-nav .nav-item .active {
    color: #fff !important;
}

.nds-news-section {
    margin-top: 0;
    background: #F9FAFB !important;
    padding: 40px 0 !important;
}

.bg-gray {
    background-color: #f9fafb;
}

.stamp-link-box img {
    width: 1.25rem !important;
    height: 1.875rem !important;
    object-fit: contain;
}

.digital-stamp-card .digital-stamp-body .stamp-link-box a {
    color: #1B8354 !important;
    font-size: 16px;
    text-decoration: underline !important;
    font-family: "IBMPlexSansArabic-Regular";
}

.nds-news-section .news-card-home.recently .details {
    position: absolute;
    bottom: 79px;
    left: 32px;
    right: 32px;
    color: #fff;
    background: rgb(27 131 84 / 80%) !important;
    margin: -16px;
    border-radius: 10px;
    padding: 16px;
    z-index: 9 !important;
}

body .uwy .uai, body .uwy .ulsti {
    cursor: pointer;
    background: #1b8354 !important;
    border-radius: 50% !important;
    padding: 0;
    transition: .1s;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    position: fixed !important;
    top: 92vh;
    right: 20px !important;
}

.hero-slider .swiper-wrapper .swiper-slide {
    height: 100%;
    width: 100% !important;
}

.hero-caption {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65%;
    flex: 0 0 100%;
    max-width: 100%;
    z-index: 2;
    margin: 0 60px;
    min-height: auto;
}
/*  .hero-img::before {
    position: absolute;
    inset: 0;
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, from(#fff0), to(rgb(0 0 0 / .7)));
    background: linear-gradient(180deg, rgb(2 105 58 / 80%) 0%, rgb(0 0 0 / 70%) 100%);
    background: linear-gradient(180deg, rgb(0 0 0 / 40%) 0%, rgb(0 0 0 / 70%) 100%);
    z-index: 1;
 background: none;
}*/

.bannerpadding {
    width: 90%;
    margin: 0px auto;
}

.hero {
    border-radius: 23px;
    position: relative;
    background-color: var(--color-secondary);
    height: calc(100vh - 128px);
    height: 491px;
    padding: 0;
    min-height: 550px;
    overflow: hidden;
    margin-top: 20px;
}

.hero__container {
    padding-inline: 0px;
}
/* On mobile (max-width: 768px for tablets/mobiles, adjust as needed) */
@media (max-width: 768px) {
}

@media (max-width: 768px) {
    .hero-img img, .hero-img video {
        width: auto;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        object-position: center;
    }
}

@media (max-width: 576px) {
    .hero-caption {
        margin: 0;
        padding-top: 111px !important;
    }
}

@media (max-width: 768px) {
    .hero-caption .hero-title {
        font-family: "IBMArabic-Bold";
        line-height: auto !important;
        text-align: center;
        max-width: 70%;
        margin-bottom: -17px;
    }

    .hero-caption p {
        text-align: center;
        max-width: 100%;
        font-size: 14px;
        margin-top: 15px;
    }



    @media (max-width: 576px) {
        .hero-caption {
            margin: 0;
            padding-top: 158px !important;
            padding-right: 10px;
        }
    }

    .swiper-slide-active .hero-action {
        display: none;
    }

    .hero-img {
        position: absolute;
        inset: 0;
        overflow: hidden;
    }
}



@media (max-width: 576px) {
    .hero-caption {
        margin: 0;
        padding-top: 98px !important;
        padding-right: 10px;
        padding-bottom: 20px;
    }

        .hero-caption .hero-title {
            font-family: "IBMArabic-Bold";
            font-size: 1.4625rem !important;
            line-height: auto !important;
            text-align: center;
            max-width: 100%;
            margin-bottom: -17px;
        }
}
/* Fix pagination + arrows blocked by pointer-events:none */
.swiper-pagination,
.swiper-button-next,
.swiper-button-prev {
    pointer-events: auto !important;
    opacity: 1 !important;
    cursor: pointer;
}

.swiper-pagination,
.swiper-button-next,
.swiper-button-prev {
    z-index: 10;
}

.nds-news-section .news-card-home.recently img {
    width: 100%;
    height: 483px;
}

.hero-caption .hero-action {
    border: 1px solid #fff0;
    color: #161616;
    font-size: 1.25rem;
    font-family: "IBMPlexSansArabic-Medium";
    background-color: #fff;
    box-shadow: 0 0 0 2px #fff0 !important;
    outline: 5px solid #fff0 !important;
}

.redirect-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    font-family: "IBMPlexSansArabic-Regular";
    color: var(--color-secondary);
    -webkit-box-shadow: 0 0 0 2px #fff0;
    box-shadow: 0 0 0 2px #fff0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.hero-caption .hero-title {
    color: #fff;
    font-family: 'IBMPlexSansArabic-SemiBold', sans-serif;
    margin-bottom: 8px;
    font-size: 60px !important;
    line-height: 1.5;
}

.hero-caption .hero-description {
    color: #fff;
    margin-bottom: 24px;
    font-size: 20px;
    width: 100%;
    font-family: 'IBMPlexSansArabic-Regular'
}

.hero-caption .hero-action:is(:focus) {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 5px #fff !important;
    box-shadow: 0 0 0 5px #fff !important;
    outline: 2px solid #161616 !important;
}

.hero-caption .hero-action:is(:active) {
    background-color: rgb(255 255 255 / .6);
    -webkit-box-shadow: 0 0 0 5px #fff0 !important;
    box-shadow: 0 0 0 5px #fff0 !important;
    outline: 2px solid #fff0 !important;
}

.hero-caption .hero-action:is(:hover) {
    background-color: rgb(255 255 255 / .8);
}

.hero-caption .hero-action {
    border: 1px solid #fff0;
    color: #161616;
    font-size: 1.25rem;
    font-family: "IBMPlexSansArabic-Medium";
    background-color: #fff;
    box-shadow: 0 0 0 2px #fff0 !important;
    outline: 5px solid #fff0 !important;
}

.hero-caption .hero-description* {
    display: none !important;
    font-size: 20px !important;
    width: 100%;
    font-family: 'IBMPlexSansArabic-Regular'
}

.hero-description .hero-caption * {
    font-size: 20px;
    font-family: 'IBMPlexSansArabic-Regular'
}



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

.btn-primary:focus {
    background-color: #104631;
    border-color: #104631;
    box-shadow: 0 0 0 3px #161616;
}

.btn:is(:active,:focus), .content input[type=button]:is(:active,:focus), input[type=submit]:is(:active,:focus) {
    box-shadow: none;
    outline: 0;
}

.btn {
    font-family: "IBMPlexSansArabic-Medium" !important;
    border-radius: 4px;
}

.btn-primary:hover {
    background-color: #166a45;
    border-color: #166a45;
    color: #fff;
    text-decoration: none;
}

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

section {
    padding: 40px 0;
}

.contact-us2 {
    padding: 40px 0 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;
    scroll-padding: 20px;
}

.form-control:is(:active),
input[type=text].form-control:is(:active) {
    background: linear-gradient(#fff, #0D121C), linear-gradient(#F3F4F6, #F3F4F6) !important;
    background-size: 100% 2px, auto !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, .06) !important;
}

.form-control:is(:active, :focus, :hover),
input[type=text].form-control:is(:active, :focus, :hover),
.form-select:is(:active, :focus, :hover) {
    outline: 0 !important;
    color: #161616 !important;
}

.form-control:is(:hover),
input[type=text].form-control:is(:hover),
.form-select:is(:hover) {
    border-color: #384250 !important;
    outline: 0 !important;
    color: #161616 !important;
}

.form-control,
input[type=text].form-control,
.form-select {
    border-radius: 4px !important;
    padding: 7.2px 16px !important;
    font-size: 1rem !important;
    border-color: #9da4ae !important;
    color: #384250 !important;
    font-family: "IBMPlexSansArabic-Regular" !important;
    background: linear-gradient(#0D121C, #0D121C), linear-gradient(#fff, #fff) !important;
    background-size: 0 2px, auto !important;
    background-repeat: no-repeat !important;
    background-position: center bottom !important;
    transition: all .2s ease-out !important;
    background-color: #fff !important;
    position: relative !important;
}


.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") !important;
    background-color: #1b8354 !important;
}

.form-check-input:checked:hover {
    border-color: #14573a !important;
    box-shadow: 0 0 0 12px #f3f4f6 !important;
}

.form-check-input:checked {
    border-color: #1b8354 !important;
}

.form-check-input:hover {
    background-color: #f3f4f6 !important;
    box-shadow: 0 0 0 12px #f3f4f6 !important;
}

.form-check-input--lg[type=radio],
.form-check-input--lg[type=checkbox] {
    width: 1.5rem !important;
    height: 1.5rem !important;
}

.form-check-input[type=checkbox] {
    width: 1.5rem !important;
    height: 1.5rem !important;
    background-size: 1rem !important;
    border-radius: .125rem !important;
}

.form-check .form-check-input {
    float: none !important;
    margin: 0 !important;
}

.form-check-input::after {
    content: "" !important;
    position: absolute !important;
    inset: -0.125rem !important;
    box-shadow: 0 0 0 .125rem #161616 !important;
    pointer-events: none !important;
    opacity: 0 !important;
    transition: opacity .3s ease-in-out !important;
}

.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 10 7.6'%3E%3Cpath d='M9.66.34A1.15,1.15,0,0,1,9.66,2L4.37,7.26a1.17,1.17,0,0,1-.81.34,1.19,1.19,0,0,1-.82-.34L.34,4.85A1.15,1.15,0,0,1,2,3.22L3.56,4.81,8,.34A1.15,1.15,0,0,1,9.66.34Z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E") !important;
}

.nds-title-section h4 {
    font-size: 30px;
    color: #000;
    text-align: initial;
    font-family: 'IBMPlexSansArabic-Bold';
    margin: 0;
}

.awards .about-card p {
    color: #1F2A37;
    font-family: "IBMPlexSansArabic-Regular";
    height: 48px !important;
    font-size: 16px;
    HEIGHT: 48PX !IMPORTANT;
    line-height: 24PX;
    OVERFLOW: HIDDEN;
}

.awards .about-card h3 {
    font-family: "IBMPlexSansArabic-bold";
    display: block;
    font-size: 18px !important;
    overflow: hidden;
    max-height: 56px;
}

.awards .about-card {
    height: 426px;
    MIN-HEIGHT: 426PX !IMPORTANT;
    margin-bottom: 9px;
    border: 1px solid #D2D6DB;
    box-shadow: none !important;
    PADDING: 16PX !IMPORTANT;
    text-align: text-start;
}

.awards .swiper-slide img {
    width: 100%;
    max-height: 250px;
    height: 250px;
    overflow: hidden;
    min-height: 250px;
    border-radius: 8px;
    margin-bottom: 24px;
}

body p {
    font-family: "IBMPlexSansArabic-Regular";
    font-size: 16px;
}

.opendata-section .detail p, .vision-section .detail p {
    font-family: "IBMPlexSansArabic-Regular" !important;
    font-size: 16px !important;
}

    .opendata-section .detail p *, .vision-section .detail p * {
        font-family: "IBMPlexSansArabic-Regular" !important;
        font-size: 16px !important;
    }


.vision-img img {
    border-radius: 8px;
}

.about-card__body .title {
    font-family: "IBMPlexSansArabic-BOLD";
    font-size: 18PX;
}

.about-card {
    position: relative;
    display: block;
    border-radius: 16px;
    background-color: #fff;
    border: 1px solid #D2D6DB;
    isolation: isolate;
    overflow: hidden;
    height: 100%;
    box-shadow: none !important;
    padding-bottom: 16px;
}

.block-contact .custom-container-minus {
    background: url(/Style Library/UDesign/images/pattern.svg) 100% 0 / 950px no-repeat;
    height: 180px;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #D2D6DB;
}

.last-editwith-border {
    border-top: 0px !important;
    background-color: #fff !important;
    /* position: relative; */
    z-index: 999999;
}


input#siteSearchInputMegaMenu {
    padding-right: 40px !important;
    padding-left: 40px !important;
}

.swiper-pagination .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
}

input[type=button], input[type=reset], input[type=submit], button {
    min-width: 6em;
    padding: 7px 10px;
    border: 1px solid #ababab;
    background-color: #fdfdfd;
    background-color: #fdfdfd;
    margin-left: 0px;
    font-family: inherit;
    font-size: inherit;
    color: #444;
}

input.btn-primary {
    background-color: #1b8354;
    padding: 6px 16px !important;
}


html[dir="ltr"] .about-card__body .title {
    font-family: "IBMPlexSansArabic-BOLD";
    font-size: 16PX;
}


/* ==========================================================
FIX: SharePoint RTL unicode embedding
Makes text-align actually work
========================================================== */

/* Break SharePoint RTL embedding */
html[dir="ltr"] #s4-workspace,
html[dir="ltr"] #contentBox,
html[dir="ltr"] #s4-bodyContainer,
html[dir="ltr"] .ms-rtestate-field,
html[dir="ltr"] .ms-webpart-zone,
html[dir="ltr"] .ms-webpart-chrome,
html[dir="ltr"] .ms-WPBody,
html[dir="ltr"] .ms-core-pageContainer {
    direction: ltr !important;
}

    /* force children to start from left edge */
    html[dir="ltr"] .ms-rtestate-field *,
    html[dir="ltr"] #contentBox *,
    html[dir="ltr"] .ms-WPBody * {
        text-align: left !important;
        direction: ltr !important;
    }


html[dir="ltr"] #chat-toggle {
    right: 20px;
    left: auto;
}

html[dir="ltr"] body .uwy .uai, html[dir="ltr"] body .uwy .ulsti {
    left: 20px !important;
    left: auto;
}

html[dir="ltr"] .chat-window {
    right: 20px;
    left: auto;
}

html[dir="ltr"] .btn-digital-stamp-card {
    width: 140px !important;
    ;
    align-items: center;
    justify-content: center;
}

.back-top-btn {
    position: fixed;
    right: 28px;
    inset-block-end: 89px;
    left: auto;
}

html[dir="ltr"] .back-top-btn {
    position: fixed;
    left: 28px;
    inset-block-end: 89px;
    right: auto;
}

.section-title {
    position: relative;
    margin-bottom: 30px;
    font-family: "IBMArabic-Bold";
    color: #161616 !important;
}

.news-card a.btn-primary img, .news-item a.btn-primary img {
    height: 18px;
    width: 18px;
    object-fit: fill;
    min-height: 18px;
}

body p {
    font-family: "IBMPlexSansArabic-Regular" !important;
    font-size: 16px;
}
/* Target iPads only (portrait and landscape) */
@media (min-width: 768px) and (max-width: 1024px) {

    /* Swiper & sliders */
    .swiper-container-wrapper {
        width: 90% !important; /* adjust as needed */
        max-width: 980px;
        margin: 0 auto; /* center it */
    }

    .statistics-slider {
        max-width: 90%;
        margin: 0 auto;
    }

    .container {
        max-width: 90%;
        margin: 0 auto;
    }

    /* Header adjustments */
    .header__bottom {
        background-color: #fff;
        padding: 0 15px !important;
        border-bottom: 1px solid #e9ecef !important;
    }

    /* Navbar image */
    .navbar-brand img {
        height: 65px;
        width: auto !important;
        min-width: 130px !important;
        display: block;
    }
}

@media (max-width: 768px) {
    [dir="ltr"] .digital-stamp-card .digital-stamp-header .btn-digital-stamp-card {
        margin-right: 0;
        margin-left: 0px;
        flex: none;
    }
}

@media (max-width:768px) {
    .digital-stamp-card {
        background: #f3f4f6;
        padding: 0px 16px;
        height: auto;
        border-bottom: 1px solid #d2d6db;
    }

    .btn-digital-stamp-card {
        width: 100px;
        height: 24px;
        min-width: 24px;
        min-height: 24px;
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
    }

    .header__bottom {
        background-color: #fff;
        padding: 0 0px !important;
        border-bottom: 1px solid #e9ecef !important;
    }

    .navbar .navbar-toggler span {
        position: relative;
        height: 2px;
        background-color: var(--color-black);
        display: block;
        width: 33px;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: all 0.2s cubic-bezier(0.1, 0.82, 0.76, 0.965);
        transition: all 0.2s cubic-bezier(0.1, 0.82, 0.76, 0.965);
        margin: 0.425rem;
        border-radius: 15px;
        min-width: 30px;
    }

    .academic-calendar {
        display: none !important;
    }

    .header .header-dropdown .dropdown-toggle {
        min-width: 30px;
    }

    .nav-pills .nav-link {
        color: #384250 !important;
        font-size: 16px;
        padding: 12px 15px;
        border-radius: 4px;
        margin-bottom: 5px;
        text-align: right;
        transition: all 0.3s ease;
        border-left: 3px solid transparent;
        height: 40px;
    }

    @media (max-width: 576px) {

        .navbar .navbar-nav .nav-item {
            border-radius: 0;
            height: 38px;
        }

            .navbar .navbar-nav .nav-item .nav-link {
                padding: 25px 6px;
                font-size: 0.82rem !important;
                height: 46px !important;
            }

        .vision-section .row, .opendata-section .row {
            display: flex;
            flex-direction: column-reverse;
        }

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

        .navbar .navbar-collapse .footer-list {
            display: none !important;
        }

        .block-contact .custom-container-minus .container {
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start !important;
            justify-content: center !important;
            gap: 13px !important;
        }

        .awards .about-card h3 {
            ;
            overflow: hidden;
            max-height: auto !important;
        }

        .tab-content {
            background-color: white;
            padding: 30px 9px !important;
            border-radius: 16px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            margin-top: 15px !important;
        }

        .rbt-advance-tab-area {
            width: 100% !important;
            padding: 0px;
        }

        .news-slider {
            padding-bottom: 40px !important;
        }


        .navbar .navbar-toggler {
            min-width: 38px;
            position: relative;
            inset-inline-start: -6px;
        }

        .bannerpadding .hero-caption {
            margin: 0px !important;
        }

        .swiper-container-wrapper {
            width: 540px !important;
        }

        .statistics-slider {
            width: 540px !important;
        }

        .views {
            display: none !important;
        }

        .announcements-section .list {
            background: #fff;
            padding: 15px;
            border-radius: 10px;
            box-shadow: 0 2px 5px #0000001a;
            margin-bottom: 33px;
        }

        .footer-middle {
            padding: 20px 0;
            margin-bottom: 5px;
        }


        .navbar .navbar-toggler[aria-expanded="true"] span {
            webkit-transform: rotate(48deg);
            -ms-transform: rotate(-48deg);
            transform: rotate(48deg);
            bottom: 3px;
        }
    }

    @media (max-width: 480px) {
        .navbar .navbar-toggler {
            min-width: 38px;
            position: relative;
            inset-inline-start: -6px;
        }

        .swiper-container-wrapper {
            width: 420px !important;
        }

        .statistics-slider {
            max-width: 420px;
        }

        .container {
            max-width: 420px;
        }
    }


    @media (max-width:320px) {
        .navbar .navbar-toggler {
            min-width: 38px;
            position: relative;
            inset-inline-start: -6px;
        }

        .swiper-container-wrapper {
            width: 300px !important;
        }

        .statistics-slider, .event-activation {
            width: 300px !important;
        }

        .container {
            max-width: 300px;
        }
    }


    @media (max-width: 991.98px) {
        .section-header .header-info {
            max-width: 100%;
            gap: 16px;
            width: 100%;
        }
    }

    @media (max-width: 576px) {

        .about-img img {
            width: 100%;
        }

        #structure img {
            max-width: 100%;
        }

        .heighlink {
            height: auto !important;
            background: #f3f3f3 !important;
            min-height: auto;
        }

        .section-header {
            -ms-flex-wrap: wrap;
            flex-wrap: nowrap;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: row;
        }


            .section-header .header-info {
                max-width: 100%;
                gap: 16px;
                min-width: 59%;
            }

        .bannerpadding .hero-caption {
            margin: 100px 0px !important;
            margin-top: 204px !important;
            line-height: 40px !important;
        }


        .servicesslider2 .swiper-pagination {
            padding: 36px;
            bottom: -43px !important;
            line-height: 36px;
        }

        .col-6 {
            width: 100% !important;
        }

        .contact-us2 {
            padding: 40px 0 0;
            margin: 0px !important;
        }

        .p-5 {
            padding: 1rem !important;
        }

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


        .search-popup__container .container-fluid {
            padding: 0px 0px !important;
        }
    }


    .about-card {
        height: 100%;
        min-height: auto !important;
    }

    * {
        margin: 0px;
        padding: 0px;
    }

    .contntrigght * {
        font-family: "IBMArabic-regular", Helvetica, Arial, sans-serif !important;
        color: #161616;
        line-height: 1.5 !important;
    }

    .share-links a img {
        width: 25px !important;
        height: 25px !important;
        max-height: 25px !important;
    }

    .member-card .member-img {
        width: 100%;
        height: 250px !important;
        border-radius: 16px;
        margin-bottom: 12px;
        overflow: hidden;
        background: #dddddd;
    }



    /* Up to 390px */
    @media (max-width: 390px) {
        .swiper-container-wrapper {
            width: 360px !important;
        }

        .statistics-slider {
            max-width: 360px;
        }

        .container {
            max-width: 360px;
        }
    }

    /* Up to 360px */
    @media (max-width: 360px) {
        .swiper-container-wrapper {
            width: 340px !important;
        }

        .statistics-slider {
            max-width: 340px;
        }

        .container {
            max-width: 340px;
        }
    }

    /* Up to 320px (tiny phones) */
    @media (max-width: 320px) {
        .swiper-container-wrapper {
            width: 300px !important;
        }

        .statistics-slider {
            max-width: 300px;
        }

        .container {
            max-width: 300px;
        }
    }

    @media (max-width: 575.98px) {
        .nav-tabs:not(.card-tabs,.tabs-with-img,.media-center-tabs) {
            flex-wrap: wrap;
            flex-direction: row;
            gap: 2px;
            border-radius: 20px;
            width: 100%;
            margin-bottom: 0;
            flex-basis: 50%;
            min-width: 50%;
            flex-direction: column;
        }
    }

    @media (max-width:420px) {
        .chat-window {
            height: 50vh;
            width: 94%
        }
    }