@font-face {
    font-family: 'DroidSansArabic';
    src: url('../../assets/fonts/DroidSansArabic.ttf') format('truetype');
}
@font-face {
    font-family: 'fontawesome-webfont';
    src: url('../../assets/fonts/fontawesome-webfont.ttf') format('truetype');
}
@font-face {
    font-family: 'DroidArabicKufi';
    src: url('../../assets/fonts/DroidArabicKufi.woff') format('woff');
}

body {
    margin: 0;
    padding: 0;
    text-align: start;
    font-family: DroidArabicKufi !important;
}

/* Set padding to keep content from hitting the edges */
.body-content {
   /* padding-left: 15px;
    padding-right: 15px;*/
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*  max-width: 280px;*/
    font-family: DroidArabicKufi !important;
}

.content-table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    min-width: 400px;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

    .content-table thead tr {
        background-color: #86CEBF;
        color: #ffffff;
        text-align: center;
        font-weight: bold;
    }

    .content-table th,
    .content-table td {
        padding: 12px 15px;
        border: 1px solid ;
        border-color :black ;
    }

    .content-table tbody tr {
        border-bottom: 1px solid #0d8c72;
        border: 1px solid !important;
        border-color: black !important;
    }

        .content-table tbody tr:nth-of-type(even) {
            background-color: #f3f3f3;
        }

        .content-table tbody tr:last-of-type {
            border-bottom: 2px solid #86CEBF;
        }

        .content-table tbody tr.active-row {
            font-weight: bold;
            color: #009879;
        }

.rtl {
    direction: rtl;
}


h1, h2, h3, h4, h5, h6, p {
    font-family: DroidArabicKufi !important;
    color: var(--Text-Headings,#232425);
    margin-bottom: 0;
}

h1 {
    font-size: 5.25rem;
    font-weight: 700;
    line-height: 7.87rem;
}

h2 {
    font-size: 4.25rem;
    font-weight: 700;
    line-height: normal;
}

h3, .h3 {
    font-size: 3.25rem;
    font-weight: 700;
    line-height: normal;
}

h4 {
    font-size: 2.25rem;
    font-weight: 500;
    line-height: normal;
}

h5 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: normal;
}

p {
    font-size: 1rem;
    color: var(--ab-text-secondary);
    margin-bottom: 0 !important;
}

    p > b {
        color: var(--ab-text-primary);
    }

    p > strong {
        color: var(--ab-text-primary);
    }

a {
    font-family: DroidArabicKufi !important;
    text-decoration: none;
    color: var(--ab-text-secondary);
    cursor: pointer;
    font-family: DroidArabicKufi !important;
}

    a.nav-link {
        color: var(--Icon-Information-Active,#4f5154);
        font-size: .875rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    a.active {
        color: var(--ab-primary);
    }

    a.underline {
        text-decoration: underline;
    }

    a:disabled, a.ab-btn--outline.disabled:hover, a.disabled.ab-btn--ghost:hover, a.ab-btn--solid.disabled:hover, a.ab-btn:disabled:hover, a.ab-btn--solid:disabled:hover, a.ab-btn--outline:disabled:hover, a.ab-btn--ghost:disabled:hover, a.ab-btn.disabled:hover {
        pointer-events: none;
        cursor: not-allowed;
    }

.dropdown-item {
    text-align: right;
}

a i {
    font-weight: initial;
}

button {
    background: none;
    border: none;
}

b, strong {
    font-weight: 700;
    font-family: DroidArabicKufi !important;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    ul.dotted {
        list-style: initial;
        padding-inline-start: 2rem;
    }

span {
    font-size: .875rem;
    font-style: normal;
    font-weight: inherit;
    font-family: DroidArabicKufi !important;
    line-height: normal;
    display: inline-block;
}

    span.label {
        font-size: 1rem;
        font-weight: 700;
    }

    span.caption {
        font-size: .75rem;
        font-weight: 400;
    }

    span.hint-msg {
        font-size: 12px;
        font-weight: 400;
        color: var(--ab-grey-600);
        letter-spacing: .0125rem;
    }

        span.hint-msg.hidden {
            display: none;
        }

    span.ellipsis {
        width: 9rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

i {
    font-size: 1.5rem;
    width: 24px;
    height: 24px;
    line-height: 24px;
}

.flex-fill {
    flex: 1 1 100% !important;
}

.container-fluid {
    --bs-gutter-x: 6rem;
}

.card {
    display: inline-flex;
    padding: 2rem;
    flex-direction: column;
    gap: 1.5rem;
    background-color: var(--ab-white);
    border: none;
}

#dev-server-modal {
    display: none !important;
}

label {
    font-size: .875rem;
    color: var(--Text-Subtitles,#525451);
    font-weight: 400;
    cursor: pointer;
    font-family:  DroidArabicKufi !important;;
}

.space {
    flex: 1;
}

.hidden {
    display: none;
    visibility: hidden;
}

.w-full {
    width: 100%;
}

.loader-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    perspective: 1000px;
}

    .loader-container.hide {
        opacity: 0;
        pointer-events: none;
        transition: opacity 1.5s ease-in-out;
    }

        .loader-container.hide .loader {
            transform: translateZ(-500px);
            transition: transform 1.2s ease;
        }

.loader {
    width: 20px;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: #00663d;
    animation: wave 1.5s infinite linear;
    position: relative;
}

    .loader::before, .loader::after {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: inherit;
        animation: inherit;
        animation-delay: -.5s;
    }

    .loader::after {
        animation-delay: -1s;
    }

@keyframes wave {
    100% {
        box-shadow: 0 0 0 40px rgba(0,0,0,0)
    }
}

@media all and (max-width:768px) {
    h1 {
        font-size: 4rem
    }

    h2 {
        font-size: 3.25rem
    }

    h3 {
        font-size: 2.125rem
    }

    h4 {
        font-size: 1.5rem
    }

    h5 {
        font-size: 1.25rem
    }

    p {
        font-size: 1rem
    }
}

body[dir=ltr], .ltr {
    text-align: left;
}

    body[dir=ltr] a, .ltr a {
        text-align: left;
    }

    body[dir=ltr] .nav-item i, .ltr .nav-item i {
        transform: rotateY(180deg);
    }

.item, .item-active {
    font-family: "DIN";
}

    .item:empty::after {
        display: none !important;
        content: "" !important;
    }

.ab-breadcrumbs ol {
    list-style-type: none;
}

.ab-breadcrumbs .absher-breadcrumb-item {
    color: #cacaca;
    font-family: "remixicon";
    font-style: normal;
    -webkit-font-smoothing: antialiased;
}

.ab-breadcrumbs .item {
    color: var(--ab-text-colors-tertiary,#969798);
    text-decoration: none !important;
    font-family:  DroidArabicKufi !important;;
}

.ab-breadcrumbs b {
    font-family:  DroidArabicKufi !important;;
}

.ab-breadcrumbs .breadcrumb {
    display: flex;
}

.ab-breadcrumbs .absher-breadcrumb {
    display: flex;
    flex-direction: row;
}

.ab-breadcrumbs .absher-breadcrumb-item.active {
    color: var(--ab-text-primary,#232425);
}

.ab-breadcrumb-item:not(:last-child)::after {
    margin-left: .5rem;
    margin-right: .5rem;
}

    .ab-breadcrumb-item:not(:last-child)::after + .ab-breadcrumb-item > *:not(:empty)::after {
        content: "\ea6e";
    }

.ab-breadcrumb-item {
    display: flex;
    flex-direction: row;
}

    .ab-breadcrumb-item:not(:last-child) + .ab-breadcrumb-item:not(:first-child) + a {
        font-size: .875rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

.item {
    color: var(--ab-text-colors-tertiary,#969798) !important;
}

.item-active {
    color: var(--ab-text-colors-primary,#232425);
}

.ab-breadcrumb-item:not(:last-child)::after {
    content: "\ea6e";
}

.rtl .ab-breadcrumb-item:not(:last-child)::after {
    content: "\ea64";
}

:root {
    --ab-white: #fff;
    --ab-primary: #00663d;
    --ab-primary-dark: #0b7e3e;
    --ab-primary-darker: #09572b;
    --ab-primary-light: #aee6c6;
    --ab-primary-lighter: rgba(245,252,246,.9843137255);
    --ab-primary-xlight: #e8f4ed;
    --ab-primary-xxlight: #e5efeb;
    --ab-primary-8: rgba(14,149,73,.0784313725);
    --ab-primary-1000: #075127;
    --ab-primary-100: #e5f0e3;
    --ab-primary-130: #3D8369;
    --ab-primary-30: #008550;
    --ab-primary-solid-hover: #075127;
    --ab-primary-logo: #00663d;
    --ab-primary-800: #108e47;
    --ab-primary-1000: #075127;
    --ab-primary-1010: rgba(30,194,123,.2);
    --ab-primary-1100: #003e29;
    --ab-primary-placeholder: #93c3a9;
    --ab-secondary-neutral: #f6f9f8;
    --ab-secondary: #E0F5EC;
    --ab-secondary-dark: #6f501d;
    --ab-secondary-darker: #5e4214;
    --ab-secondary-light: #efdfc5;
    --ab-secondary-lighter: #faf4eb;
    --ab-secondary-8: rgba(224,245,236,.08);
    --ab-tertiary: #d2e3c8;
    --ab-tertiary-light: #e5f0e3;
    --ab-primary-Clickable: #05622e;
    --ab-primary-scroll-thumb: rgba(16,142,71,.6);
    --ab-primary-scroll-bg: rgba(16,142,71,.6);
    --ab-system-success: #006604;
    --ab-system-success-darker: #033b05;
    --ab-system-success-light: #cce0cd;
    --ab-system-success-lighter: #ebf3eb;
    --ab-system-success-main: #1ec27b;
    --ab-system-success-8: rgba(0,102,4,.08);
    --ab-system-success-20: rgba(0,102,4,.2);
    --ab-system-success-36: rgba(0,102,4,.36);
    --ab-system-success-52: rgba(0,102,4,.52);
    --ab-system-success-68: rgba(0,102,4,.68);
    --ab-system-success-84: rgba(0,102,4,.84);
    --ab-system-warning: #f6c244;
    --ab-system-warning-main: #ffc225;
    --ab-system-warning-dark: #cc9d24;
    --ab-system-warning-darker: #8a6a16;
    --ab-system-warning-light: #ffd568;
    --ab-system-warning-lighter: #fcedc7;
    --ab-system-warning-8: rgba(246,194,68,.08);
    --ab-system-warning-20: rgba(246,194,68,.2);
    --ab-system-warning-36: rgba(246,194,68,.36);
    --ab-system-warning-52: rgba(246,194,68,.52);
    --ab-system-warning-68: rgba(246,194,68,.68);
    --ab-system-warning-84: rgba(246,194,68,.84);
    --ab-system-error: #af0818;
    --ab-system-error-main: #ff4242;
    --ab-system-error-dark: #9f2525;
    --ab-system-error-darker: #812222;
    --ab-system-error-light: #ff8484;
    --ab-system-error-lighter: #ffe5e5;
    --ab-system-error-8: rgba(175,8,24,.08);
    --ab-system-error-20: rgba(175,8,24,.2);
    --ab-system-error-36: rgba(175,8,24,.36);
    --ab-system-error-52: rgba(175,8,24,.52);
    --ab-system-error-68: rgba(175,8,24,.68);
    --ab-system-error-84: rgba(175,8,24,.84);
    --ab-system-error-600: #ffe5e5;
    --ab-grey-divider: #e1e1e1;
    --ab-grey-8: rgba(42,43,45,.0784313725);
    --ab-grey-20: rgba(42,43,45,.2);
    --ab-grey-36: rgba(42,43,45,.3607843137);
    --ab-grey-52: rgba(42,43,45,.5215686275);
    --ab-grey-68: rgba(42,43,45,.6784313725);
    --ab-grey-84: rgba(42,43,45,.8392156863);
    --ab-grey-100: #f0f0f0;
    --ab-grey-200: #e3e3e3;
    --ab-grey-color-200: #f9fbfb;
    --ab-grey-300: #cacaca;
    --ab-grey-400: #b6b6b6;
    --ab-grey-500: #b6b6b6;
    --ab-grey-600: #969798;
    --ab-grey-700: #73767a;
    --ab-grey-800: #4f5154;
    --ab-grey-900: #2e3032;
    --ab-grey-1000: #232425;
    --ab-natural-outline: #dbe0e6;
    --ab-btn-success: #0a9458;
    --ab-btn-success-hover: #d2f3e5;
    --ab-text: #232323;
    --ab-text-primary: #232425;
    --ab-text-secondary: #525451;
    --ab-text-disabled: #525451;
    --ab-text-tertiary: #cacaca;
    --ab-text-white: #fff;
    --ab-text-grey: #969798;
    --ab-text-dark-primary: #fff;
    --ab-text-dark-secondary: #eef1f3;
    --ab-text-dark-tertiary: #cacaca;
    --ab-graphics-illustrations: #0e9549;
    --screen-lg: 992px;
    --screen-md: 768px;
    --screen-xl: 1200px;
    --ab-spacing: 1.5rem;
}

:root {
    --screen-sm: 576px;
    --screen-md: 768px;
    --screen-lg: 992px;
    --screen-md: 768px;
    --screen-xl: 1200px;
    --Text-btn-white: #ffffff;
    --Text-Headings-black: #232425;
    --ab-bg-green: #f6f8f9;
    --ab-bg-white: #ffffff;
    --ab-grey-600: #565b66;
    --ab-gradient: linear-gradient(2deg,rgba(232,244,237,.00) 6.29%,rgba(232,244,237,.40) 108.41%);
}

[data-theme=Individual-Light] {
    --Grayscale-60: #565B66;
    --ab-bg-white: #ffffff;
    --absher-graphics-illustrations-20: #E5F7EF;
    --Absher-Primary-Clickable: #05622E;
    --Text-Clickable: #075127;
    --ab-ghost-hover-Clickable: rgba(16,142,71,.0784313725);
    --Text-btn-white: #ffffff;
}

[data-theme=Business-Light] {
    --Surface-Action-Primary: #0055AA;
    --Grayscale-60: #565B66;
    --ab-bg-white: #ffffff;
    --ab-primary-scroll-thumb: #0055AA;
    --ab-primary-scroll-bg: #0055AA;
    --ab-primary-130: #0055AA;
    --ab-primary-Clickable: #0055AA;
    --ab-primary-xlight: #e5ecf5;
    --ab-primary-30: #0055AA;
    --ab-primary-solid-hover: #0055AA;
    --ab-primary-1000: #0055AA;
    --ab-primary: #0055AA;
    --ab-primary-dark: #0055AA;
    --ab-primary-darker: #0055AA;
    --ab-primary-light: #aee6c6;
    --ab-primary-lighter: rgba(245,252,246,.9843137255);
    --ab-primary-8: rgba(14,149,73,.0784313725);
    --ab-primary-logo: #2988C9;
    --ab-primary-800: #0055AA;
    --absher-graphics-illustrations-20: #e5ecf5;
    --Absher-Primary-Clickable: #0055AA;
    --Text-Clickable: #0055AA;
    --Absher-Gradient-Gradient: linear-gradient(252deg,#F7FDFF 26.92%,#E6F6FC 117.29%);
    --ab-ghost-hover-Clickable: #EEF9FD;
    --ab-gradient: linear-gradient(180deg,#F2F6FA 0%,rgba(242,246,250,.00) 100%);
}

[data-theme=Government-Light] {
    --Grayscale-60: #565B66;
    --ab-bg-white: #ffffff;
    --ab-primary-scroll-thumb: #715119;
    --ab-primary-scroll-bg: #715119;
    --ab-primary-130: #715119;
    --ab-primary-Clickable: #715119;
    --ab-primary-xlight: #FFF6E8;
    --ab-primary-30: #715119;
    --ab-primary-solid-hover: #82612a;
    --ab-primary-1000: #715119;
    --ab-primary: #715119;
    --ab-primary-dark: #82612a;
    --ab-primary-darker: #82612a;
    --ab-primary-light: #FFF6E8;
    --ab-primary-lighter: #FFF6E8;
    --ab-primary-8: rgba(14,149,73,.0784313725);
    --ab-primary-logo: #9B773A;
    --ab-primary-800: #715119;
    --Surface-Action-Primary: #715119;
    --ab-grey-600: #565b66;
    --ab-gradient: linear-gradient(180deg,#FFFBF5 0%,rgba(255,251,245,.00) 72.56%);
}

[data-bs-theme=dark] {
    --ab-white: #212529;
    --ab-bg-white: #212529;
    --ab-Backgrounds-Cards-Background: #212529;
    --Text-btn-white: #ffffff;
    --Text-Headings: #ffffff;
    --Text-Subtitles: #ffffff;
    --Colors-Text-Primary-Text: #ffffff;
    --ab-grey-600: #ffffff;
    --Text-Headings-black: #ffffff;
    --ab-text-secondary: #ffffff;
    --ab-bg-green: #212529;
    --Surface-W-Card: #212529;
    --Grayscale-600: #ffffff;
    --Absher-Backgrounds-Grey-Backgrounds: #212529;
    --Surface-Card: #565b66;
    --ab-grey-900: #ffffff;
    --ab-grey-100: #565b66;
    --ab-grey-color-200: #565b66;
    --ab-grey-1000: #ffffff;
    --ab-text-primary: #ffffff;
    --Absher-Gradient-Gradient: linear-gradient(252deg,#272828 26.92%,#5b696e 117.29%);
    --ab-gradient: linear-gradient(252deg,#272828 26.92%,#5b696e 117.29%);
    --Surface-Page: #212529;
    --Text-Body: #ffffff;
}

[data-theme=Individual-Light] {
    --ab-bg-white: #ffffff;
    --colors-error-error-1000: #812222;
    --colors-error-error-600: #ffe5e5;
    --colors-error-error-700: #ff8484;
    --colors-error-error-800: #af0818;
    --colors-error-error-900: #aa0717;
    --colors-natural-natural-100: #ffffff;
    --colors-natural-natural-1000: #232425;
    --colors-natural-natural-200: #f9fbfb;
    --colors-natural-natural-300: #f0f0f0;
    --colors-natural-natural-400: #e1e1e1;
    --colors-natural-natural-500: #b7b7b7;
    --colors-natural-natural-600: #565b66;
    --colors-natural-natural-700: #969798;
    --colors-natural-natural-800: #525451;
    --colors-natural-natural-900: #4f5154;
    --colors-natural-white: #ffffff;
    --colors-primary-primary-1000: #075127;
    --colors-primary-primary-500: #f5fcf6;
    --colors-primary-primary-800: #108e47;
    --colors-primary-primary-900: #05622e;
    --colors-secondary-secondary-600: #e5f0e3;
    --colors-secondary-secondary-700: #d2e3c8;
    --colors-success-success-200: #edfaf4;
    --colors-success-success-300: #d2f3e5;
    --colors-success-success-400: #1ec27b;
    --colors-success-success-500: #0ca361;
    --colors-success-success-600: #0a9458;
    --colors-warning-warning: #8a6a16;
    --colors-warning-warning-2: #cc9d24;
    --colors-warning-warning-3: #f6c244;
    --colors-warning-warning-4: #ffd568;
    --colors-warning-warning-5: #fcedc7;
    --Border-Disabled: #e1e1e1;
    --Border-Error: #ff8484;
    --Border-Focus: #108e47;
    --Border-Primary: #e1e1e1;
    --Border-Success: #1ec27b;
    --Border-Warning: #ffd568;
    --Icon-Disabled: #e1e1e1;
    --Icon-Error: #af0818;
    --Icon-Information: #969798;
    --Icon-Information-active: #4f5154;
    --Icon-Primary: #108e47;
    --Icon-Sucess: #0ca361;
    --Icon-Suppoty-icon: #ffffff;
    --Icon-Warning: #cc9d24;
    --Logo-Logo: #108e47;
    --Surface-Action-Error: #aa0717;
    --Surface-Action-Error-hover: #812222;
    --Surface-Action-Primary: #05622e;
    --Surface-Action-Primary-hover: #075127;
    --Surface-Action-Secondary-hover: #e5f0e3;
    --Surface-Action-Sucess: #1ec27b;
    --Surface-Action-Warning: #cc9d24;
    --Surface-Card: #f9fbfb;
    --Surface-Disable: #f0f0f0;
    --Surface-Error-bg: #ffe5e5;
    --Surface-Green-backgrounds: #003e29;
    --Surface-Hover: #f5fcf6;
    --Surface-Page: #ffffff;
    --Surface-Secondary: #d2e3c8;
    --Surface-Success: #edfaf4;
    --Surface-W-Card: #ffffff;
    --Surface-Warning: #fcedc7;
    --Text-Body: #232425;
    --Text-Clickable: #075127;
    --Text-Disabled: #565b66;
    --Text-Error: #812222;
    --Text-Headings: #232425;
    --Text-Placeholder: #969798;
    --Text-Subtitles: #525451;
    --Text-Success: #0a9458;
    --Text-Support-Text: #ffffff;
    --Text-Warning: #8a6a16;
}

.riyals {
    width: 18px;
}

.border-black {
    border: 1px solid var(--ab-grey-1000);
}

.bg-green {
    background-color: var(--ab-bg-green);
}

.bg-green-linear {
    background: var(--ab-gradient);
}

.bg-ab-primary {
    background-color: var(--absher-graphics-illustrations-8,rgba(14,149,73,.08));
}

.svg-background {
    position: absolute;
    opacity: .5;
    top: 0;
    width: 100%;
    z-index: 1;
}

.new_landing_login-container {
    z-index: 1;
}

.btn-sticky-login {
    border: 1px solid var(--ab-primary-30);
    width: 220px;
    height: 50px;
    padding: 5px 25px;
    border-radius: 53px 53px;
    display: inline-block;
    text-align: center;
    color: var(--ab-primary-30);
    background-color: #fff;
    opacity: .6;
    transition: 300ms;
    animation-timing-function: linear;
    box-shadow: 0 21.28px 41.3px -2.5px var(--ab-primary-xlight);
}

    .btn-sticky-login:hover {
        opacity: 1;
    }

#login-sticky {
    position: sticky;
    bottom: 0;
    z-index: 10;
    width: fit-content;
    margin: auto;
}

.logo {
    fill: var(--ab-primary-logo) !important;
}

.icon_primary-stroke {
    stroke: var(--ab-primary) !important;
}

    .icon_primary-stroke[width="24"] {
        min-width: 24px;
    }

    .icon_primary-stroke[width="18"] {
        min-width: 18px;
    }

    .icon_primary-stroke[width="16"] {
        min-width: 16px;
    }

.transations-container {
    position: relative;
    --progress-percent: calc(var(--ab-progress,0) / var(--ab-total,100) * 100%);
}

[dire=rtl] .ab-progress-fill {
    transform-origin: right center;
}

[class^=icon-riyal], [class*=" icon-riyal"] {
    font-family: DroidArabicKufi !important ;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 1rem;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-riyal:before {
    content: "\e900";
}

.icon_primary_logo-fill {
    fill: var(--ab-primary) !important;
}

.icon_primary-fill {
    fill: var(--ab-primary) !important;
}

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

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

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

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

.color-primary-1000 {
    color: var(--ab-primary-1000);
}

.color-primary-100 {
    color: var(--ab-primary-100);
}

.bg-color-primary-1000 {
    background-color: var(--ab-primary-1000);
}

.bg-color-primary-100 {
    background-color: var(--ab-primary-100);
}

.bg-color-grey-200 {
    background-color: var(--ab-grey-color-200);
}

.color-white {
    color: var(--ab-white) !important;
}

@media all and (max-width:576px) {
    .container {
        padding: 0 1rem
    }
}

.blur-bg {
    top: -120px;
    left: 98%;
    right: -98%;
    position: absolute;
    width: 100%;
    height: 206px;
    z-index: 10;
    background: rgba(255,255,255,.75);
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);
}

.rtl.blur-bg {
    top: -120px;
    left: -95%;
    position: absolute;
    width: 100%;
    height: 206px;
    z-index: 10;
    background: rgba(255,255,255,.75);
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);
}

.navigation-arrow--left {
    z-index: 15;
    border: 0;
    width: 2.5rem;
    height: 2.5rem;
    padding: .5rem;
    border-radius: 2.5rem;
    background: var(--ab-primary-Clickable);
    border-radius: 1.5rem;
    background: var(--Surface-W-Card,#FFF);
    box-shadow: 0 17px 33px -2px rgba(28,39,49,.05);
    border: 1px solid var(--Primary-Individual-100,#CCEEE0);
    display: flex;
    align-items: center;
    gap: .625rem;
    transform: rotate(0deg);
}

    .navigation-arrow--left::after {
        content: "";
        display: none;
    }

.navigation-arrow--right {
    z-index: 15;
    border: 0;
    width: 2.5rem;
    height: 2.5rem;
    padding: .5rem;
    border-radius: 2.5rem;
    background: var(--ab-primary-Clickable);
    border-radius: 1.5rem;
    background: var(--Surface-W-Card,#FFF);
    box-shadow: 0 17px 33px -2px rgba(28,39,49,.05);
    border: 1px solid var(--Primary-Individual-100,#CCEEE0);
    display: flex;
    align-items: center;
    gap: .625rem;
    transform: rotate(0deg);
}

    .navigation-arrow--right::after {
        content: "";
        display: none;
    }

.business.navigation-arrow--left {
    z-index: 30;
    top: 80%;
    left: 53%;
}

    .business.navigation-arrow--left:hover {
        background-color: var(--ab-primary);
    }

    .business.navigation-arrow--left svg {
        fill: var(--ab-primary);
    }

        .business.navigation-arrow--left svg:hover {
            fill: var(--ab-white);
        }

@media all and (max-width:1025px) {
    .business.navigation-arrow--left {
        transform: translateY(50px);
        left: 55%
    }

    .rtl .business.navigation-arrow--left {
        transform: translateY(50px) rotate(180deg)
    }
}

@media all and (max-width:992px) {
    .business.navigation-arrow--left {
        width: 2rem;
        height: 2rem;
        top: 80%;
        left: 60%;
        transform: translateY(70px)
    }

    .rtl .business.navigation-arrow--left {
        transform: translateY(70px) rotate(180deg)
    }
}

@media all and (max-width:576px) {
    .business.navigation-arrow--left {
        left: 65%
    }
}

.rtl .business.navigation-arrow--left {
    left: 43.3%;
    transform: translateY(50px) rotate(180deg);
}

@media all and (max-width:768px) {
    .rtl .business.navigation-arrow--left {
        left: 24.3%
    }
}

.business.navigation-arrow--right {
    left: 45%;
    transform: rotate(180deg);
    z-index: 30;
    top: 80%;
}

    .business.navigation-arrow--right:hover {
        background-color: var(--ab-primary);
    }

    .business.navigation-arrow--right svg {
        fill: var(--ab-primary);
    }

        .business.navigation-arrow--right svg:hover {
            fill: var(--ab-white);
        }

@media all and (max-width:1025px) {
    .business.navigation-arrow--right {
        left: 40%;
        transform: translateY(50px) rotate(180deg)
    }
}

@media all and (max-width:992px) {
    .business.navigation-arrow--right {
        width: 2rem;
        height: 2rem;
        top: 80%;
        left: 35%;
        transform: translateY(70px) rotate(180deg)
    }
}

@media all and (max-width:576px) {
    .business.navigation-arrow--right {
        left: 22%
    }
}

.rtl .business.navigation-arrow--right {
    left: 53%;
    transform: translateY(50px) rotate(0deg);
}

@media all and (max-width:1025px) {
    .rtl .business.navigation-arrow--right {
        left: 58%;
        transform: translateY(50px) rotate(0deg)
    }
}

@media all and (max-width:992px) {
    .rtl .business.navigation-arrow--right {
        left: 65%;
        transform: translateY(50px) rotate(0deg)
    }
}

@media all and (max-width:992px) {
    .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        top: 316px
    }
}

.swiper-wrapper {
    max-height: 640px;
    max-width: 1400px;
}

.offcanvas.show:not(.hiding), .offcanvas.showing {
    padding: 1rem;
    z-index: 10000;
}

.dismiss-button {
    content: "";
    position: absolute;
    top: 10px;
    left: 25px;
    z-index: 100;
    width: 24px;
    height: 24px;
}

a.text-primary {
    color: var(--ab-primary-solid-hover) !important;
}

.list-bullet {
    list-style: disc;
}

.list-in-bullet {
    list-style: inside disc;
}

.list-number {
    list-style: decimal;
}

.rtl .list-number {
    list-style: inside arabic-indic;
}

.list-in-number {
    list-style: decimal;
}

.rtl .list-in-number {
    list-style: inside arabic-indic;
}

.list-inside {
    list-style: inside;
}

.font-700 {
    font-weight: 700 !important;
}

.rtl .accordion-button::after {
    margin-left: 0;
    margin-right: auto;
}

.icon-title {
    background: rgba(42,43,45,.0784313725);
    padding: .5rem;
    border-radius: 50%;
    max-width: 40px;
    max-height: 40px;
}

.w-30 {
    width: 30% !important;
}

.w-80 {
    width: 80% !important;
}

.w-90 {
    width: 90% !important;
}

.max-h-fit {
    max-height: fit-content;
}

.h-fit {
    height: fit-content;
}

.ab-filter-group > div:not(:last-child) {
    width: 25%;
}

@media all and (max-width:576px) {
    .ab-filter-group > div:not(:last-child) {
        width: 100%
    }
}

.swiper-button-prev svg {
    fill: var(--ab-primary);
}

.swiper-button-next svg {
    fill: var(--ab-primary);
}

.swiper-button-news-prev svg {
    fill: var(--ab-primary);
}

.swiper-button-news-next svg {
    fill: var(--ab-primary);
}

.with-arrow {
    position: relative;
    display: flex;
    align-items: center;
    color: var(--ab-primary);
}

    .with-arrow::after {
        display: flex;
        position: absolute;
        left: 100%;
        top: 20%;
        width: 24px;
        height: 24px;
        content: "";
        color: var(--ab-primary);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(7,81,39,1)'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z'%3E%3C/path%3E%3C/svg%3E");
    }

.rtl .with-arrow::before {
    display: flex;
    position: absolute;
    right: 100%;
    top: 20%;
    transform: rotate(180deg);
    width: 24px;
    height: 24px;
    content: "";
    color: var(--ab-primary);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(7,81,39,1)'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z'%3E%3C/path%3E%3C/svg%3E");
}

.rtl .with-arrow::after {
    display: none;
}

.w-130 {
    width: 130% !important;
}

@media all and (max-width:768px) {
    .w-130 {
        width: 100% !important
    }
}

.icon-link {
    text-decoration: underline;
}

    .icon-link ~ i {
        color: inherit;
        font-size: 1rem;
    }

.outline-none {
    outline: none !important;
    box-shadow: none !important;
}

.gap-6 {
    gap: 7.5rem !important;
}

#kiosks-list {
    gap: 1rem;
}

.font-sm {
    font-size: .85rem;
}

.curved-svg {
    width: 100vw;
    top: -70px;
}

@media all and (min-width:1400px) {
    .curved-svg {
        top: -68px
    }
}

@media all and (min-width:1750px) {
    .curved-svg {
        top: -74px
    }
}

@media all and (min-width:2000px) {
    .curved-svg {
        top: -90px
    }
}

@media all and (min-width:2600px) {
    .curved-svg {
        top: -110px
    }
}

@media all and (min-width:3000px) {
    .curved-svg {
        top: -180px
    }
}

@media all and (max-width:1200px) {
    .curved-svg {
        top: -50px
    }
}

@media all and (max-width:1200px) {
    .curved-svg {
        top: -50px
    }
}

@media all and (max-width:992px) {
    .curved-svg {
        top: -40px;
        display: none
    }
}

@media all and (max-width:768px) {
    .curved-svg {
        top: -35px;
        display: none
    }
}

@media all and (max-width:576px) {
    .curved-svg {
        top: -22px;
        display: none
    }
}

[data-bs-theme=dark] .curved-svg {
    display: none;
}

.top-80 {
    top: 80%;
}

.new_landing_services:has(.swiper-button-prev:not(.swiper-button-disabled)) .swiper_cards_new_services, .new_landing_services:has(.swiper-button-prev:not(.swiper-button-disabled)) .swiper_cards_latest_news {
    mask-image: linear-gradient(-90deg,rgba(0,0,0,0),#000 10% 99.5%,rgba(0,0,0,0));
    -webkit-mask-image: linear-gradient(-90deg,rgba(0,0,0,0),#000 10% 99.5%,rgba(0,0,0,0));
}

.rtl .new_landing_services:has(.swiper-button-prev:not(.swiper-button-disabled)) .swiper_cards_new_services, .rtl .new_landing_services:has(.swiper-button-prev:not(.swiper-button-disabled)) .swiper_cards_latest_news {
    mask-image: linear-gradient(90deg,rgba(0,0,0,0),#000 10% 99.5%,rgba(0,0,0,0));
    -webkit-mask-image: linear-gradient(90deg,rgba(0,0,0,0),#000 10% 99.5%,rgba(0,0,0,0));
}

.new_landing_services:has(.swiper-button-news-prev:not(.swiper-button-disabled)) .swiper_cards_new_services, .new_landing_services:has(.swiper-button-news-prev:not(.swiper-button-disabled)) .swiper_cards_latest_news {
    mask-image: linear-gradient(-90deg,rgba(0,0,0,0),#000 10% 99.5%,rgba(0,0,0,0));
    -webkit-mask-image: linear-gradient(-90deg,rgba(0,0,0,0),#000 10% 99.5%,rgba(0,0,0,0));
}

.rtl .new_landing_services:has(.swiper-button-news-prev:not(.swiper-button-disabled)) .swiper_cards_new_services, .rtl .new_landing_services:has(.swiper-button-news-prev:not(.swiper-button-disabled)) .swiper_cards_latest_news {
    mask-image: linear-gradient(90deg,rgba(0,0,0,0),#000 10% 99.5%,rgba(0,0,0,0));
    -webkit-mask-image: linear-gradient(90deg,rgba(0,0,0,0),#000 10% 99.5%,rgba(0,0,0,0));
}

.new_landing_services:has(.swiper-button-next:not(.swiper-button-disabled)) .swiper_cards_new_services, .new_landing_services:has(.swiper-button-next:not(.swiper-button-disabled)) .swiper_cards_latest_news {
    mask-image: linear-gradient(90deg,rgba(0,0,0,0),#000 10% 99.5%,rgba(0,0,0,0));
    -webkit-mask-image: linear-gradient(90deg,rgba(0,0,0,0),#000 10% 99.5%,rgba(0,0,0,0));
}

.rtl .new_landing_services:has(.swiper-button-next:not(.swiper-button-disabled)) .swiper_cards_new_services, .rtl .new_landing_services:has(.swiper-button-next:not(.swiper-button-disabled)) .swiper_cards_latest_news {
    mask-image: linear-gradient(-90deg,rgba(0,0,0,0),#000 10% 99.5%,rgba(0,0,0,0));
    -webkit-mask-image: linear-gradient(-90deg,rgba(0,0,0,0),#000 10% 99.5%,rgba(0,0,0,0));
}

.new_landing_services:has(.swiper-button-news-next:not(.swiper-button-disabled)) .swiper_cards_new_services, .new_landing_services:has(.swiper-button-news-next:not(.swiper-button-disabled)) .swiper_cards_latest_news {
    mask-image: linear-gradient(90deg,rgba(0,0,0,0),#000 10% 99.5%,rgba(0,0,0,0));
    -webkit-mask-image: linear-gradient(90deg,rgba(0,0,0,0),#000 10% 99.5%,rgba(0,0,0,0));
}

.rtl .new_landing_services:has(.swiper-button-news-next:not(.swiper-button-disabled)) .swiper_cards_new_services, .rtl .new_landing_services:has(.swiper-button-news-next:not(.swiper-button-disabled)) .swiper_cards_latest_news {
    mask-image: linear-gradient(-90deg,rgba(0,0,0,0),#000 10% 99.5%,rgba(0,0,0,0));
    -webkit-mask-image: linear-gradient(-90deg,rgba(0,0,0,0),#000 10% 99.5%,rgba(0,0,0,0));
}

#SA-1-txt, #SA-2-txt, #SA-3-txt, #SA-4-txt, #SA-5-txt, #SA-6-txt, #SA-7-txt, #SA-8-txt, #SA-9-txt, #SA-10-txt, #SA-11-txt, #SA-12-txt, #SA-13-txt {
    fill: var(--ab-primary) !important;
}

.btn-close:focus {
    box-shadow: 0 0 0 .25rem var(--ab-primary-xlight);
}

.alert-danger .btn-close:focus {
    box-shadow: 0 0 0 .25rem var(--ab-system-error-lighter);
}

.new_business_landing_banner > .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    width: 50% !important;
    transform: translateX(-50%) !important;
    bottom: var(--swiper-pagination-bottom,-35px) !important;
}

.rtl .new_business_landing_banner > .swiper-horizontal > .swiper-pagination-bullets, .rtl .swiper-pagination-bullets.swiper-pagination-horizontal, .rtl .swiper-pagination-custom, .rtl .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom,-85px) !important;
}

@media all and (max-width:1200px) {
    .new_business_landing_banner > .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: var(--swiper-pagination-bottom,-105px) !important
    }
}

@media all and (min-width:1000px) and (max-width:1100px) {
    .new_business_landing_banner > .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: var(--swiper-pagination-bottom,-80px) !important
    }
}

.swiper-button-news-next, .swiper-button-news-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .swiper-button-news-next.swiper-button-disabled, .swiper-button-news-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none;
    }

    .swiper-button-news-next.swiper-button-hidden, .swiper-button-news-prev.swiper-button-hidden {
        opacity: 0;
        cursor: auto;
        pointer-events: none;
    }

.swiper-navigation-disabled .swiper-button-news-next, .swiper-navigation-disabled .swiper-button-news-prev {
    display: none !important;
}

.swiper-button-news-next svg, .swiper-button-news-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
}

.swiper-rtl .swiper-button-news-next svg, .swiper-rtl .swiper-button-news-prev svg {
    transform: rotate(180deg);
}

.swiper-button-news-prev, .swiper-rtl .swiper-button-news-next {
    left: var(--swiper-navigation-sides-offset,10px);
    right: auto;
}

.swiper-button-news-next, .swiper-rtl .swiper-button-news-prev {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto;
}

.swiper-button-lock {
    display: none;
}

.swiper-button-news-next:after, .swiper-button-news-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-news-prev:after, .swiper-rtl .swiper-button-news-next:after {
    content: "prev";
}

.swiper-button-news-next, .swiper-rtl .swiper-button-news-prev {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto;
}

    .swiper-button-news-next:after, .swiper-rtl .swiper-button-news-prev:after {
        content: "next";
    }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0 !important;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-news-next.swiper-button-disabled, .swiper-button-news-prev.swiper-button-disabled {
    opacity: 0 !important;
    cursor: auto;
    pointer-events: none;
}

.ab-blur-card {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255,255,255,.25);
    box-shadow: 0 4px 16px 0 rgba(22,21,21,.37);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,.18);
}

.absher-news-image {
    border-radius: .75rem;
    border: 1px solid var(--Border-Primary,#E3E3E3);
}

@media all and (max-width:1200px) {
    .w-xl-100 {
        width: 100% !important
    }

    .w-xl-80 {
        width: 80% !important
    }

    .w-xl-50 {
        width: 50% !important
    }
}

@media all and (max-width:992px) {
    .text-lg-wrap {
        text-wrap: wrap !important
    }

    .w-lg-100 {
        width: 100% !important
    }

    .w-lg-80 {
        width: 80% !important
    }

    .w-lg-50 {
        width: 50% !important
    }

    .w-lg-45 {
        width: 45% !important
    }

    .w-lg-40 {
        width: 40% !important
    }

    .w-lg-30 {
        width: 30% !important
    }

    .w-lg-80 {
        width: 80% !important
    }

    .w-lg-90 {
        width: 90% !important
    }
}

@media all and (max-width:768px) {
    .w-md-100 {
        width: 100% !important
    }

    .w-md-80 {
        width: 80% !important
    }

    .w-md-50 {
        width: 50% !important
    }

    .w-md-30 {
        width: 30% !important
    }

    .w-md-80 {
        width: 80% !important
    }

    .w-md-90 {
        width: 90% !important
    }
}

@media all and (max-width:576px) {
    .w-sm-100 {
        width: 100% !important
    }

    .w-sm-80 {
        width: 80% !important
    }

    .w-sm-50 {
        width: 50% !important
    }

    .w-sm-30 {
        width: 30% !important
    }

    .w-sm-80 {
        width: 80% !important
    }

    .w-sm-90 {
        width: 90% !important
    }
}

.color-text {
    color: var(--Text-Headings-black) !important;
}

.ab-paragraph-font {
    font-size: .875rem !important;
}

.ab-text-primary {
    color: var(--ab-text-primary);
}

.ab-bold-font {
    font-weight: bold;
}

.fs-title {
    font-size: 2.125rem !important;
}

@media all and (max-width:992px) {
    .fs-title {
        font-size: 1.5rem !important
    }
}

.fw-bold {
    font-weight: bold !important;
}

.fs-subtitle {
    font-size: 1rem !important;
}

@media all and (max-width:992px) {
    .fs-subtitle {
        font-size: .875rem !important
    }
}

.fs-6-5 {
    font-size: .625rem !important;
}

.fs-7 {
    font-size: .75rem !important;
}

.fs-7-5 {
    font-size: .85rem !important;
}

.fs-875 {
    font-size: .875rem !important;
}

.ab-textarea-input {
    width: 100%;
    margin-top: 16px;
    padding: 18px 25px;
    font-size: .875rem;
    border: unset;
    border-radius: unset;
    resize: none;
    border-radius: .35rem;
}

.fs-7 {
    font-size: .75rem !important;
}

.fs-8 {
    font-size: .5rem !important;
}

.fs-9 {
    font-size: .25rem !important;
}

.px-06 {
    padding-inline: .6rem;
}

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

.form-control:focus {
    border-color: var(--ab-primary-xlight);
    box-shadow: 0 0 0 .25rem var(--ab-primary-xlight);
}

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

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

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

.dropdown-item.active, .dropdown-item:active {
    color: var(--ab-white);
    text-decoration: none;
    background-color: var(--ab-primary);
}

.nav-pills .nav-item.active a .dropdown-item.active, .dropdown-item:active, .nav-pills .nav-item.active i .dropdown-item.active, .dropdown-item:active, .nav-pills .nav-item:hover a .dropdown-item.active, .dropdown-item:active, .nav-pills .nav-item:hover .dropdown-item.active, .dropdown-item:active {
    color: var(--ab-white);
    text-decoration: none;
    background-color: var(--ab-primary);
}

.nav-link:focus, .nav-link:hover {
    color: var(--ab-primary);
}

.custom-popover-primary {
    --bs-popover-max-width: 200px;
    --bs-popover-border-color: var(--ab-primary);
    --bs-popover-header-bg: var(--ab-primary);
    --bs-popover-header-color: var(--ab-white);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: .5rem;
}

.custom-popover-primary--light {
    --bs-popover-max-width: 200px;
    --bs-popover-border-color: var(--ab-primary-xlight);
    --bs-popover-header-bg: var(--ab-primary-xlight);
    --bs-popover-header-color: var(--ab-primary);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: .5rem;
}

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

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

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

.text-white {
    color: var(--ab-text-white) !important;
}

.text-grey {
    color: var(--ab-text-grey) !important;
}

#logo.navbar-brand img {
    width: 35px;
    height: 52px;
}

.card.deafSignChatcard {
    padding: 0;
    background-color: var(--ab-white);
    border: none;
}

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

.w-10 {
    width: 10%;
}

.w-15 {
    width: 15%;
}

.w-20 {
    width: 20%;
}

.max-w-20 {
    max-width: 20% !important;
}

.max-w-30 {
    max-width: 30% !important;
}

.max-w-40 {
    max-width: 40% !important;
}

.max-w-50 {
    max-width: 50% !important;
}

.max-w-60 {
    max-width: 60% !important;
}

.max-w-80 {
    max-width: 80% !important;
}

.max-w-100 {
    max-width: 100% !important;
}

@media all and (min-width:576px) {
    .w-sm-fit {
        width: fit-content !important
    }

    .max-sm-w-20 {
        max-width: 20% !important
    }

    .max-sm-w-30 {
        max-width: 30% !important
    }

    .max-sm-w-40 {
        max-width: 40% !important
    }

    .max-sm-w-50 {
        max-width: 50% !important
    }

    .max-sm-w-60 {
        max-width: 60% !important
    }

    .max-sm-w-80 {
        max-width: 80% !important
    }

    .max-sm-w-100 {
        max-width: 100% !important
    }
}

@media all and (min-width:768px) {
    .w-md-fit {
        width: fit-content !important
    }

    .max-md-w-20 {
        max-width: 20% !important
    }

    .max-md-w-30 {
        max-width: 30% !important
    }

    .max-md-w-40 {
        max-width: 40% !important
    }

    .max-md-w-50 {
        max-width: 50% !important
    }

    .max-md-w-60 {
        max-width: 60% !important
    }

    .max-md-w-80 {
        max-width: 80% !important
    }

    .max-md-w-100 {
        max-width: 100% !important
    }
}

@media all and (min-width:992px) {
    .w-lg-fit {
        width: fit-content !important
    }

    .max-lg-w-20 {
        max-width: 20% !important
    }

    .max-lg-w-30 {
        max-width: 30% !important
    }

    .max-lg-w-40 {
        max-width: 40% !important
    }

    .max-lg-w-50 {
        max-width: 50% !important
    }

    .max-lg-w-60 {
        max-width: 60% !important
    }

    .max-lg-w-80 {
        max-width: 80% !important
    }

    .max-lg-w-100 {
        max-width: 100% !important
    }
}

@media all and (min-width:1200px) {
    .w-xl-fit {
        width: fit-content !important
    }

    .max-xl-w-20 {
        max-width: 20% !important
    }

    .max-xl-w-30 {
        max-width: 30% !important
    }

    .max-xl-w-40 {
        max-width: 40% !important
    }

    .max-xl-w-50 {
        max-width: 50% !important
    }

    .max-xl-w-60 {
        max-width: 60% !important
    }

    .max-xl-w-80 {
        max-width: 80% !important
    }

    .max-xl-w-100 {
        max-width: 100% !important
    }
}

.scroll-hidden {
    scrollbar-width: none;
    -ms-overflow-style: none
}

    .scroll-hidden::-webkit-scrollbar {
        display: none;
    }

.p-inline-0 {
    padding-inline: 0 !important;
}

.social-icons-popovers {
    border-radius: .5rem;
    height: fit-content;
}

    .social-icons-popovers button {
        transition: all .3s ease;
    }

        .social-icons-popovers button[data-sharer=twitter] {
            color: #000;
        }

        .social-icons-popovers button[data-sharer=whatsapp] {
            color: #25d366;
        }

        .social-icons-popovers button[data-sharer=clipboard] {
            color: #888;
        }

        .social-icons-popovers button:hover {
            transform: translateY(-2px);
            cursor: pointer;
        }

.share-link {
    transition: all .3s ease;
}

    .share-link[data-sharer=twitter] {
        color: #000;
    }

    .share-link[data-sharer=whatsapp] {
        color: #25d366;
    }

    .share-link[data-sharer=clipboard] {
        color: #888;
    }

    .share-link:hover {
        transform: translateY(-2px);
        cursor: pointer;
    }

.popover-body:has(.share-link) {
    padding: 0;
}

@keyframes wiggle {
    0% {
        transform: rotate(0deg)
    }

    25% {
        transform: rotate(-10deg)
    }

    50% {
        transform: rotate(10deg)
    }

    75% {
        transform: rotate(-10deg)
    }

    100% {
        transform: rotate(10deg)
    }
}

.wiggle-icon {
    display: inline-block;
    animation: wiggle .5s ease-in-out;
}

.all-unset {
    all: unset !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.mie-1 {
    margin-inline-end: .25rem;
}

.mie-2 {
    margin-inline-end: .5rem;
}

.mie-3 {
    margin-inline-end: 1rem;
}

.mie-4 {
    margin-inline-end: 1.5rem;
}

.mie-5 {
    margin-inline-end: 3rem;
}

.ab-dashboard-layout {
    transition: .3s ease-in-out;
    display: grid;
    grid-template-columns: 250px 1fr;
    grid-template-rows: 70px 1fr;
    grid-template-areas: "ab-sidebar ab-header-top" "ab-sidebar ab-main-content";
}

.ab-header-top {
    grid-area: ab-header-top;
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 99;
}

:dir(ltr) .ab-rotate {
    transform: rotate(180deg);
}

:dir(rtl) .ab-inverse-rotate {
    transform: rotate(180deg);
}

:dir(ltr) .ab-inverse-rotate {
    transform: rotate(0);
}

@media all and (min-width:992px) {
    .overflow-x-lg-hidden {
        overflow-x: hidden !important
    }
}

.arrow-rotate {
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: 1;
}

    .arrow-rotate::after {
        content: "\ea6e";
        display: flex;
        align-items: center;
        font-family: "remixicon" !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        font-size: 1rem;
        font-weight: bold;
        line-height: 1;
        margin-inline-start: .5rem;
        margin-inline-end: -1rem;
    }

.rtl .arrow-rotate::after {
    content: "\ea64";
}

.arrow-rotate img {
    transform: rotate(180deg);
}

.rtl .arrow-rotate img {
    transform: rotate(0deg);
}

.arrow-rotate i {
    transform: rotate(180deg);
}

.rtl .arrow-rotate i {
    transform: rotate(0deg);
}

.arrow-rotate svg {
    transform: rotate(180deg);
}

.rtl .arrow-rotate svg {
    transform: rotate(0deg);
}

.arrow-rotate-line::after {
    content: "\ea6c";
    font-family: "remixicon" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    line-height: 1;
    margin-inline-start: .5rem;
    margin-inline-end: -1rem;
}

.rtl .arrow-rotate-line::after {
    content: "\ea60";
}

.arrow-rotate-line img {
    transform: rotate(180deg);
}

.rtl .arrow-rotate-line img {
    transform: rotate(0deg);
}

.arrow-rotate-line i {
    transform: rotate(180deg);
}

.rtl .arrow-rotate-line i {
    transform: rotate(0deg);
}

.arrow-rotate-line svg {
    transform: rotate(180deg);
}

.rtl .arrow-rotate-line svg {
    transform: rotate(0deg);
}

.dropdown-toggle.no-arrow::after {
    display: none;
}

.bg-white {
    background-color: var(--ab-white);
}

.arrow.swiper-button-disabled {
    opacity: 0 !important;
    pointer-events: none;
}

.border-none {
    border: none !important;
}

.p-start-1 {
    padding-inline-start: .25rem !important;
}

.p-start-2 {
    padding-inline-start: .5rem !important;
}

.p-start-3 {
    padding-inline-start: 1rem !important;
}

.p-start-4 {
    padding-inline-start: 1.5rem !important;
}

.p-start-5 {
    padding-inline-start: 3rem !important;
}

.p-end-1 {
    padding-inline-end: .25rem !important;
}

.p-end-2 {
    padding-inline-end: .5rem !important;
}

.p-end-3 {
    padding-inline-end: 1rem !important;
}

.p-end-4 {
    padding-inline-end: 1.5rem !important;
}

.p-end-5 {
    padding-inline-end: 3rem !important;
}

.text-typography-primary {
    color: var(--ab-text-primary);
    transition: color .3s ease-in;
}

.dropdown {
    transition: color .3s ease-in;
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: #e1e1e1;
}

.blur-1 {
    filter: blur(1px);
}

.blur-2 {
    filter: blur(2px);
}

.blur-3 {
    filter: blur(3px);
}

.blur-4 {
    filter: blur(4px);
}

.blur-5 {
    filter: blur(5px);
}

.blur-6 {
    filter: blur(6px);
}

.hide-info {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    background-color: rgba(255,255,255,.22);
    backdrop-filter: blur(3px);
}

.hide-info-cp {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    background: url("../../assets/dashboard/id.png") lightgray 50%/cover no-repeat;
    box-shadow: 0 2px 10px rgba(0,0,0,.1);
    filter: blur(7px);
}

.z-1 {
    z-index: 1;
}

.z-10 {
    z-index: 10;
}

.z-20 {
    z-index: 20;
}

.z-30 {
    z-index: 30;
}

.z-40 {
    z-index: 40;
}

.z-50 {
    z-index: 50;
}

.top-25 {
    top: 25%;
}

.fade-in {
    animation: fadeIn ease .5s forwards;
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.gap-y-1 {
    row-gap: calc(var(--ab-spacing) * 1);
}

.gap-y-2 {
    row-gap: calc(var(--ab-spacing) * 2);
}

.gap-y-3 {
    row-gap: calc(var(--ab-spacing) * 3);
}

.gap-y-4 {
    row-gap: calc(var(--ab-spacing) * 4);
}

.gap-y-5 {
    row-gap: calc(var(--ab-spacing) * 5);
}

.gap-y-6 {
    row-gap: calc(var(--ab-spacing) * 6);
}

@media all and (min-width:1200px) {
    .gap-y-xl-1 {
        row-gap: calc(var(--ab-spacing) * 1)
    }

    .gap-y-xl-2 {
        row-gap: calc(var(--ab-spacing) * 2)
    }

    .gap-y-xl-3 {
        row-gap: calc(var(--ab-spacing) * 3)
    }

    .gap-y-xl-4 {
        row-gap: calc(var(--ab-spacing) * 4)
    }

    .gap-y-xl-5 {
        row-gap: calc(var(--ab-spacing) * 5)
    }

    .gap-y-xl-6 {
        row-gap: calc(var(--ab-spacing) * 6)
    }
}

@media all and (min-width:992px) {
    .gap-y-lg-1 {
        row-gap: calc(var(--ab-spacing) * 1)
    }

    .gap-y-lg-2 {
        row-gap: calc(var(--ab-spacing) * 2)
    }

    .gap-y-lg-3 {
        row-gap: calc(var(--ab-spacing) * 3)
    }

    .gap-y-lg-4 {
        row-gap: calc(var(--ab-spacing) * 4)
    }

    .gap-y-lg-5 {
        row-gap: calc(var(--ab-spacing) * 5)
    }

    .gap-y-lg-6 {
        row-gap: calc(var(--ab-spacing) * 6)
    }
}

@media all and (min-width:768px) {
    .gap-y-md-1 {
        row-gap: calc(var(--ab-spacing) * 1)
    }

    .gap-y-md-2 {
        row-gap: calc(var(--ab-spacing) * 2)
    }

    .gap-y-md-3 {
        row-gap: calc(var(--ab-spacing) * 3)
    }

    .gap-y-md-4 {
        row-gap: calc(var(--ab-spacing) * 4)
    }

    .gap-y-md-5 {
        row-gap: calc(var(--ab-spacing) * 5)
    }

    .gap-y-md-6 {
        row-gap: calc(var(--ab-spacing) * 6)
    }
}

.gap-x-1 {
    column-gap: calc(var(--ab-spacing) * 1);
}

.gap-x-2 {
    column-gap: calc(var(--ab-spacing) * 2);
}

.gap-x-3 {
    column-gap: calc(var(--ab-spacing) * 3);
}

.gap-x-4 {
    column-gap: calc(var(--ab-spacing) * 4);
}

.gap-x-5 {
    column-gap: calc(var(--ab-spacing) * 5);
}

.gap-x-6 {
    column-gap: calc(var(--ab-spacing) * 6);
}

.tooltip {
    --bs-tooltip-bg: var(--ab-primary-xlight);
    --bs-tooltip-color: var(--ab-primary);
    font-weight: bold;
}

body:not(.dashboard) .myvehicles {
    display: none !important;
}

body:not(.dashboard) .myappointments {
    display: none !important;
}

body:not(.dashboard) .myfamily {
    display: none !important;
}

body:not(.dashboard) .myworkers {
    display: none !important;
}

body:not(.dashboard) .adminservices {
    display: none !important;
}

.text-start {
    text-align: start !important;
}

.commandBtn-card {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: transparent;
    opacity: 0;
    z-index: 100;
}

.ab-btn, .ab-alert--solid .ab-btn:hover, .ab-alert--solid .ab-btn--solid:hover, .ab-alert--solid .ab-btn--outline:hover, .ab-alert--solid .ab-btn--ghost:hover, .ab-btn--solid, .ab-btn--outline, .ab-btn--ghost {
    font-family: "DIN";
    display: inline-flex;
    height: 3rem;
    padding: .35rem 1rem;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    flex-shrink: 0;
    border-radius: .5rem;
    outline: 0;
    font-size: 1rem;
    font-weight: bold;
    transition: background-color .3s ease;
}

    .ab-btn:disabled, .ab-btn--solid:disabled, .ab-btn--outline:disabled, .ab-btn--ghost:disabled, .ab-btn--outline.disabled:hover, .disabled.ab-btn--ghost:hover, .ab-btn--solid.disabled:hover, .ab-btn:disabled:hover, .ab-btn--solid:disabled:hover, .ab-btn--outline:disabled:hover, .ab-btn--ghost:disabled:hover, .ab-btn.disabled:hover, .ab-btn.disabled, .disabled.ab-btn--solid, .disabled.ab-btn--outline, .disabled.ab-btn--ghost {
        background-color: var(--ab-grey-100);
        border-color: var(--ab-grey-100);
        color: var(--ab-grey-400);
        cursor: not-allowed;
    }

        .ab-btn:disabled a, .ab-btn--solid:disabled a, .ab-btn--outline:disabled a, .ab-btn--ghost:disabled a, .ab-btn--outline.disabled:hover a, .disabled.ab-btn--ghost:hover a, .ab-btn--solid.disabled:hover a, .ab-btn:disabled:hover a, .ab-btn--solid:disabled:hover a, .ab-btn--outline:disabled:hover a, .ab-btn--ghost:disabled:hover a, .ab-btn.disabled:hover a, .ab-btn.disabled a, .disabled.ab-btn--solid a, .disabled.ab-btn--outline a, .disabled.ab-btn--ghost a {
            pointer-events: none;
        }

.ab-btn--solid, .ab-btn--outline, .ab-btn--ghost {
    background-color: var(--ab-primary);
    border: 1px solid var(--ab-primary);
    color: var(--Text-btn-white);
}

    .ab-btn--solid.primary, .primary.ab-btn--outline, .primary.ab-btn--ghost {
        background-color: var(--ab-primary);
        border-color: var(--ab-primary);
    }

        .ab-btn--solid.primary:hover, .primary.ab-btn--outline:hover, .primary.ab-btn--ghost:hover {
            background-color: var(--ab-primary-darker);
            border-color: var(--ab-primary-darker);
        }

    .ab-btn--solid.success, .success.ab-btn--outline, .success.ab-btn--ghost {
        background-color: var(--ab-system-success);
        border-color: var(--ab-system-success);
    }

        .ab-btn--solid.success:hover, .success.ab-btn--outline:hover, .success.ab-btn--ghost:hover {
            background-color: var(--ab-system-success-darker);
            border-color: var(--ab-system-success-darker);
        }

    .ab-btn--solid.tertiary, .tertiary.ab-btn--outline, .tertiary.ab-btn--ghost {
        background-color: var(--ab-tertiary);
        border-color: var(--ab-tertiary);
        color: var(--ab-text-primary);
    }

        .ab-btn--solid.tertiary:hover, .tertiary.ab-btn--outline:hover, .tertiary.ab-btn--ghost:hover {
            background-color: var(--ab-tertiary-light);
            border-color: var(--ab-tertiary-light);
        }

    .ab-btn--solid.secondary, .ab-btn--solid.ab-card.payment, .ab-btn--solid.ab-card.mini, .secondary.ab-btn--outline, .ab-btn--outline.ab-card.payment, .ab-btn--outline.ab-card.mini, .secondary.ab-btn--ghost, .ab-btn--ghost.ab-card.payment, .ab-btn--ghost.ab-card.mini {
        background-color: var(--ab-secondary);
        border-color: var(--ab-secondary);
    }

        .ab-btn--solid.secondary:hover, .ab-btn--solid.ab-card.payment:hover, .ab-btn--solid.ab-card.mini:hover, .secondary.ab-btn--outline:hover, .ab-btn--outline.ab-card.payment:hover, .ab-btn--outline.ab-card.mini:hover, .secondary.ab-btn--ghost:hover, .ab-btn--ghost.ab-card.payment:hover, .ab-btn--ghost.ab-card.mini:hover {
            background-color: var(--ab-secondary-darker);
            border-color: var(--ab-secondary-darker);
        }

    .ab-btn--solid.error, .ab-btn--solid.ab-input:invalid:hover, .ab-btn--solid.ab-input-group:invalid:hover, .ab-btn--solid.ab-input:invalid:focus, .ab-btn--solid.ab-input-group:invalid:focus, .ab-btn--solid.ab-input:invalid:focus-visible, .ab-btn--solid.ab-input-group:invalid:focus-visible, .ab-btn--solid.ab-input.error:hover, .ab-btn--solid.error.ab-input-group:hover, .ab-btn--solid.ab-input.error:focus, .ab-btn--solid.error.ab-input-group:focus, .ab-btn--solid.ab-input.error:focus-visible, .ab-btn--solid.error.ab-input-group:focus-visible, .error.ab-btn--outline, .ab-btn--outline.ab-input:invalid:hover, .ab-btn--outline.ab-input-group:invalid:hover, .ab-btn--outline.ab-input:invalid:focus, .ab-btn--outline.ab-input-group:invalid:focus, .ab-btn--outline.ab-input:invalid:focus-visible, .ab-btn--outline.ab-input-group:invalid:focus-visible, .ab-btn--outline.ab-input.error:hover, .ab-btn--outline.error.ab-input-group:hover, .ab-btn--outline.ab-input.error:focus, .ab-btn--outline.error.ab-input-group:focus, .ab-btn--outline.ab-input.error:focus-visible, .ab-btn--outline.error.ab-input-group:focus-visible, .error.ab-btn--ghost, .ab-btn--ghost.ab-input:invalid:hover, .ab-btn--ghost.ab-input-group:invalid:hover, .ab-btn--ghost.ab-input:invalid:focus, .ab-btn--ghost.ab-input-group:invalid:focus, .ab-btn--ghost.ab-input:invalid:focus-visible, .ab-btn--ghost.ab-input-group:invalid:focus-visible, .ab-btn--ghost.ab-input.error:hover, .ab-btn--ghost.error.ab-input-group:hover, .ab-btn--ghost.ab-input.error:focus, .ab-btn--ghost.error.ab-input-group:focus, .ab-btn--ghost.ab-input.error:focus-visible, .ab-btn--ghost.error.ab-input-group:focus-visible {
        background-color: var(--ab-system-error-dark);
        border-color: var(--ab-system-error-dark);
        color: var(--Text-Support-Text,#fff);
    }

        .ab-btn--solid.error:hover, .abher_table_search .ab-btn--solid.ab-input.error:hover, .abher_table_search .ab-btn--solid.error.ab-input-group:hover, .ab-btn--solid.ab-input:hover:invalid, .ab-btn--solid.ab-input-group:hover:invalid, .error.ab-btn--outline:hover, .abher_table_search .ab-btn--outline.ab-input.error:hover, .abher_table_search .ab-btn--outline.error.ab-input-group:hover, .ab-btn--outline.ab-input:hover:invalid, .ab-btn--outline.ab-input-group:hover:invalid, .error.ab-btn--ghost:hover, .abher_table_search .ab-btn--ghost.ab-input.error:hover, .abher_table_search .ab-btn--ghost.error.ab-input-group:hover, .ab-btn--ghost.ab-input:hover:invalid, .ab-btn--ghost.ab-input-group:hover:invalid {
            background: var(--Surface-Action-Error-Hover,#812222);
            border-color: var(--ab-system-error-dark);
        }

    .ab-btn--solid:disabled, .ab-btn--outline:disabled, .ab-btn--ghost:disabled, .ab-btn--outline.disabled:hover, .disabled.ab-btn--ghost:hover, .ab-btn--solid.disabled:hover, .ab-btn--solid:disabled:hover, .ab-btn--outline:disabled:hover, .ab-btn--ghost:disabled:hover, .ab-btn--solid.disabled, .disabled.ab-btn--outline, .disabled.ab-btn--ghost {
        background: var(--ab-grey-100);
        color: var(--ab-text-disabled);
        border-color: transparent;
        cursor: not-allowed;
        pointer-events: none;
    }

.ab-btn--outline, .ab-btn--ghost {
    background-color: var(--Text-btn-white);
    color: var(--ab-primary);
}

    .ab-btn--outline i, .ab-btn--ghost i {
        color: var(--ab-primary);
    }

    .ab-btn--outline:hover, .ab-btn--ghost:hover {
        background-color: var(--ab-ghost-hover-Clickable);
        color: var(--ab-primary-dark);
    }

        .ab-btn--outline:hover i, .ab-btn--ghost:hover i {
            color: var(--ab-primary-dark);
        }

    .ab-btn--outline.primary, .primary.ab-btn--ghost {
        background-color: var(--Text-btn-white);
        border-color: var(--ab-primary);
    }

        .ab-btn--outline.primary:hover, .primary.ab-btn--ghost:hover {
            background-color: var(--ab-ghost-hover-Clickable);
            border-color: var(--ab-primary-dark);
        }

        .ab-btn--outline.primary:focus, .primary.ab-btn--ghost:focus {
            box-shadow: 0 0 0 2px var(--ab-white),0 0 0 4px var(--ab-primary-dark);
            background-color: var(--ab-ghost-hover-Clickable);
            color: var(--ab-primary);
        }

            .ab-btn--outline.primary:focus svg, .primary.ab-btn--ghost:focus svg {
                fill: var(--ab-white) !important;
            }

                .ab-btn--outline.primary:focus svg g path, .primary.ab-btn--ghost:focus svg g path {
                    fill: var(--ab-white) !important;
                }

            .ab-btn--outline.primary:focus i, .primary.ab-btn--ghost:focus i {
                color: var(--ab-white);
            }

    .ab-btn--outline.success, .success.ab-btn--ghost {
        background-color: var(--Text-btn-white);
        border-color: var(--ab-system-success);
    }

        .ab-btn--outline.success:hover, .success.ab-btn--ghost:hover {
            background-color: var(--ab-ghost-hover-Clickable);
            border-color: var(--ab-system-success-darker);
        }

        .ab-btn--outline.success:focus, .success.ab-btn--ghost:focus {
            box-shadow: 0 0 0 2px var(--ab-white),0 0 0 4px var(--ab-system-success-darker);
            background-color: var(--ab-system-success-darker);
            color: var(--ab-white);
        }

            .ab-btn--outline.success:focus svg, .success.ab-btn--ghost:focus svg {
                fill: var(--ab-white) !important;
            }

                .ab-btn--outline.success:focus svg g path, .success.ab-btn--ghost:focus svg g path {
                    fill: var(--ab-white) !important;
                }

            .ab-btn--outline.success:focus i, .success.ab-btn--ghost:focus i {
                color: var(--ab-white);
            }

    .ab-btn--outline.secondary, .ab-btn--outline.ab-card.payment, .ab-btn--outline.ab-card.mini, .secondary.ab-btn--ghost, .ab-btn--ghost.ab-card.payment, .ab-btn--ghost.ab-card.mini {
        background-color: var(--Text-btn-white);
        color: var(--ab-secondary);
        border-color: var(--ab-secondary);
    }

        .ab-btn--outline.secondary i, .ab-btn--outline.ab-card.payment i, .ab-btn--outline.ab-card.mini i, .secondary.ab-btn--ghost i, .ab-btn--ghost.ab-card.payment i, .ab-btn--ghost.ab-card.mini i {
            color: var(--ab-secondary);
        }

        .ab-btn--outline.secondary:hover, .ab-btn--outline.ab-card.payment:hover, .ab-btn--outline.ab-card.mini:hover, .secondary.ab-btn--ghost:hover, .ab-btn--ghost.ab-card.payment:hover, .ab-btn--ghost.ab-card.mini:hover {
            background-color: var(--ab-ghost-hover-Clickable);
        }

        .ab-btn--outline.secondary:focus, .ab-btn--outline.ab-card.payment:focus, .ab-btn--outline.ab-card.mini:focus, .secondary.ab-btn--ghost:focus, .ab-btn--ghost.ab-card.payment:focus, .ab-btn--ghost.ab-card.mini:focus {
            box-shadow: 0 0 0 2px var(--ab-white),0 0 0 4px var(--ab-secondary-dark);
            background-color: var(--ab-secondary-darker);
            color: var(--Text-btn-white);
        }

    .ab-btn--outline.error, .ab-btn--outline.ab-input:invalid:hover, .ab-btn--outline.ab-input-group:invalid:hover, .ab-btn--outline.ab-input:invalid:focus, .ab-btn--outline.ab-input-group:invalid:focus, .ab-btn--outline.ab-input:invalid:focus-visible, .ab-btn--outline.ab-input-group:invalid:focus-visible, .ab-btn--outline.ab-input.error:hover, .ab-btn--outline.error.ab-input-group:hover, .ab-btn--outline.ab-input.error:focus, .ab-btn--outline.error.ab-input-group:focus, .ab-btn--outline.ab-input.error:focus-visible, .ab-btn--outline.error.ab-input-group:focus-visible, .error.ab-btn--ghost, .ab-btn--ghost.ab-input:invalid:hover, .ab-btn--ghost.ab-input-group:invalid:hover, .ab-btn--ghost.ab-input:invalid:focus, .ab-btn--ghost.ab-input-group:invalid:focus, .ab-btn--ghost.ab-input:invalid:focus-visible, .ab-btn--ghost.ab-input-group:invalid:focus-visible, .ab-btn--ghost.ab-input.error:hover, .ab-btn--ghost.error.ab-input-group:hover, .ab-btn--ghost.ab-input.error:focus, .ab-btn--ghost.error.ab-input-group:focus, .ab-btn--ghost.ab-input.error:focus-visible, .ab-btn--ghost.error.ab-input-group:focus-visible {
        background-color: var(--Text-btn-white);
        border-color: var(--ab-system-error-dark);
        color: var(--ab-system-error-dark);
    }

        .ab-btn--outline.error i, .ab-btn--outline.ab-input:invalid:hover i, .ab-btn--outline.ab-input-group:invalid:hover i, .ab-btn--outline.ab-input:invalid:focus i, .ab-btn--outline.ab-input-group:invalid:focus i, .ab-btn--outline.ab-input:invalid:focus-visible i, .ab-btn--outline.ab-input-group:invalid:focus-visible i, .ab-btn--outline.ab-input.error:hover i, .ab-btn--outline.error.ab-input-group:hover i, .ab-btn--outline.ab-input.error:focus i, .ab-btn--outline.error.ab-input-group:focus i, .ab-btn--outline.ab-input.error:focus-visible i, .ab-btn--outline.error.ab-input-group:focus-visible i, .error.ab-btn--ghost i, .ab-btn--ghost.ab-input:invalid:hover i, .ab-btn--ghost.ab-input-group:invalid:hover i, .ab-btn--ghost.ab-input:invalid:focus i, .ab-btn--ghost.ab-input-group:invalid:focus i, .ab-btn--ghost.ab-input:invalid:focus-visible i, .ab-btn--ghost.ab-input-group:invalid:focus-visible i, .ab-btn--ghost.ab-input.error:hover i, .ab-btn--ghost.error.ab-input-group:hover i, .ab-btn--ghost.ab-input.error:focus i, .ab-btn--ghost.error.ab-input-group:focus i, .ab-btn--ghost.ab-input.error:focus-visible i, .ab-btn--ghost.error.ab-input-group:focus-visible i {
            color: var(--ab-system-error-dark);
        }

        .ab-btn--outline.error:hover, .abher_table_search .ab-btn--outline.ab-input.error:hover, .abher_table_search .ab-btn--outline.error.ab-input-group:hover, .ab-btn--outline.ab-input:hover:invalid, .ab-btn--outline.ab-input-group:hover:invalid, .error.ab-btn--ghost:hover, .abher_table_search .ab-btn--ghost.ab-input.error:hover, .abher_table_search .ab-btn--ghost.error.ab-input-group:hover, .ab-btn--ghost.ab-input:hover:invalid, .ab-btn--ghost.ab-input-group:hover:invalid {
            background-color: rgba(201,47,47,.08);
            border-color: var(--ab-system-error-dark);
            color: var(--ab-system-error-dark);
        }

            .ab-btn--outline.error:hover i, .abher_table_search .ab-btn--outline.ab-input.error:hover i, .abher_table_search .ab-btn--outline.error.ab-input-group:hover i, .ab-btn--outline.ab-input:hover:invalid i, .ab-btn--outline.ab-input-group:hover:invalid i, .error.ab-btn--ghost:hover i, .abher_table_search .ab-btn--ghost.ab-input.error:hover i, .abher_table_search .ab-btn--ghost.error.ab-input-group:hover i, .ab-btn--ghost.ab-input:hover:invalid i, .ab-btn--ghost.ab-input-group:hover:invalid i {
                color: var(--ab-system-error-dark);
            }

        .ab-btn--outline.error:focus, .abher_table_search .ab-btn--outline.ab-input.error:focus, .abher_table_search .ab-btn--outline.error.ab-input-group:focus, .ab-btn--outline.ab-input:focus:invalid, .ab-btn--outline.ab-input-group:focus:invalid, .error.ab-btn--ghost:focus, .abher_table_search .ab-btn--ghost.ab-input.error:focus, .abher_table_search .ab-btn--ghost.error.ab-input-group:focus, .ab-btn--ghost.ab-input:focus:invalid, .ab-btn--ghost.ab-input-group:focus:invalid {
            box-shadow: 0 0 0 2px var(--ab-white),0 0 0 4px var(--ab-system-error-dark);
            background-color: var(--ab-system-error-dark);
            color: var(--Text-btn-white);
        }

    .ab-btn--outline:disabled, .ab-btn--ghost:disabled, .ab-btn--outline.disabled:hover, .disabled.ab-btn--ghost:hover, .ab-btn--outline:disabled:hover, .ab-btn--ghost:disabled:hover, .ab-btn--outline.disabled, .disabled.ab-btn--ghost {
        background: var(--ab-white);
        color: var(--ab-text-disabled);
        border-color: var(--ab-grey-300);
        cursor: not-allowed;
        pointer-events: none;
    }

.ab-btn--ghost {
    background-color: transparent;
    border-color: transparent !important;
}

    .ab-btn--ghost.primary {
        background-color: transparent;
        color: var(--ab-primary);
    }

        .ab-btn--ghost.primary i {
            color: var(--ab-primary);
        }

        .ab-btn--ghost.primary:hover {
            background-color: var(--ab-ghost-hover-Clickable);
            color: var(--ab-primary-dark);
        }

            .ab-btn--ghost.primary:hover i {
                color: var(--ab-primary-dark);
            }

        .ab-btn--ghost.primary:focus {
            box-shadow: 0 0 0 2px var(--ab-white),0 0 0 4px var(--ab-primary-dark);
            background-color: transparent;
            color: var(--ab-primary);
        }

            .ab-btn--ghost.primary:focus i {
                color: var(--ab-primary);
            }

    .ab-btn--ghost.secondary:focus, .ab-btn--ghost.ab-card.payment:focus, .ab-btn--ghost.ab-card.mini:focus {
        box-shadow: 0 0 0 2px var(--ab-white),0 0 0 4px var(--ab-primary-dark);
        background-color: transparent;
        color: var(--ab-secondary);
    }

    .ab-btn--ghost.error:focus, .abher_table_search .ab-btn--ghost.ab-input.error:focus, .abher_table_search .ab-btn--ghost.error.ab-input-group:focus, .ab-btn--ghost.ab-input:focus:invalid, .ab-btn--ghost.ab-input-group:focus:invalid {
        box-shadow: 0 0 0 2px var(--ab-white),0 0 0 4px var(--ab-primary-dark);
        background-color: var(--ab-system-error-darker);
        color: var(--Text-btn-white);
    }

    .ab-btn i, .ab-alert--solid .ab-btn:hover i, .ab-alert--solid .ab-btn--solid:hover i, .ab-alert--solid .ab-btn--outline:hover i, .ab-alert--solid .ab-btn--ghost:hover i, .ab-btn--solid i, .ab-btn--outline i, .ab-btn--ghost i {
        font-weight: 400;
        font-family: "remixicon";
    }

    .ab-btn:hover, .ab-alert--solid .ab-btn:hover, .ab-alert--solid .ab-btn--solid:hover, .ab-alert--solid .ab-btn--outline:hover, .ab-alert--solid .ab-btn--ghost:hover, .ab-btn--solid:hover, .ab-btn--outline:hover, .ab-btn--ghost:hover {
        background-color: var(--ab-primary-dark);
        border-color: var(--ab-primary-dark);
        cursor: pointer;
    }

    .ab-btn:focus, .ab-alert--solid .ab-btn:focus:hover, .ab-alert--solid .ab-btn--solid:focus:hover, .ab-alert--solid .ab-btn--outline:focus:hover, .ab-alert--solid .ab-btn--ghost:focus:hover, .ab-btn--solid:focus, .ab-btn--outline:focus, .ab-btn--ghost:focus {
        box-shadow: 0 0 0 2px var(--ab-white),0 0 0 4px var(--ab-primary-dark);
    }

.ab-btn.md, .ab-alert--solid .md.ab-btn:hover, .ab-alert--solid .md.ab-btn--solid:hover, .ab-alert--solid .md.ab-btn--outline:hover, .ab-alert--solid .md.ab-btn--ghost:hover, .md.ab-btn--solid, .md.ab-btn--outline, .md.ab-btn--ghost {
    padding: .62rem 1.25rem;
    font-size: .875rem;
    height: auto;
}

.ab-btn.sm, .ab-alert--solid .sm.ab-btn:hover, .ab-alert--solid .sm.ab-btn--solid:hover, .ab-alert--solid .sm.ab-btn--outline:hover, .ab-alert--solid .sm.ab-btn--ghost:hover, .sm.ab-btn--solid, .sm.ab-btn--outline, .sm.ab-btn--ghost {
    padding: .38rem 1rem;
    font-size: .75rem;
    height: auto;
}

.ab-btn.lg, .ab-alert--solid .lg.ab-btn:hover, .ab-alert--solid .lg.ab-btn--solid:hover, .ab-alert--solid .lg.ab-btn--outline:hover, .ab-alert--solid .lg.ab-btn--ghost:hover, .lg.ab-btn--solid, .lg.ab-btn--outline, .lg.ab-btn--ghost {
    min-width: 150px;
}

.ab-btn.xl, .ab-alert--solid .xl.ab-btn:hover, .ab-alert--solid .xl.ab-btn--solid:hover, .ab-alert--solid .xl.ab-btn--outline:hover, .ab-alert--solid .xl.ab-btn--ghost:hover, .xl.ab-btn--solid, .xl.ab-btn--outline, .xl.ab-btn--ghost {
    min-width: 200px;
}

.ab-btn.xxl, .ab-alert--solid .xxl.ab-btn:hover, .ab-alert--solid .xxl.ab-btn--solid:hover, .ab-alert--solid .xxl.ab-btn--outline:hover, .ab-alert--solid .xxl.ab-btn--ghost:hover, .xxl.ab-btn--solid, .xxl.ab-btn--outline, .xxl.ab-btn--ghost {
    min-width: 250px;
}

.ab-btn.square, .ab-alert--solid .square.ab-btn:hover, .ab-alert--solid .square.ab-btn--solid:hover, .ab-alert--solid .square.ab-btn--outline:hover, .ab-alert--solid .square.ab-btn--ghost:hover, .square.ab-btn--solid, .square.ab-btn--outline, .square.ab-btn--ghost {
    border-radius: 0;
}

.ab-btn.circle, .ab-alert--solid .circle.ab-btn:hover, .ab-alert--solid .circle.ab-btn--solid:hover, .ab-alert--solid .circle.ab-btn--outline:hover, .ab-alert--solid .circle.ab-btn--ghost:hover, .circle.ab-btn--solid, .circle.ab-btn--outline, .circle.ab-btn--ghost {
    border-radius: 2.5rem;
}

.ab-btn.w-full, .ab-alert--solid .w-full.ab-btn:hover, .ab-alert--solid .w-full.ab-btn--solid:hover, .ab-alert--solid .w-full.ab-btn--outline:hover, .ab-alert--solid .w-full.ab-btn--ghost:hover, .w-full.ab-btn--solid, .w-full.ab-btn--outline, .w-full.ab-btn--ghost {
    width: 100%;
}

.ab-btn--link {
    color: var(--ab-primary);
    text-decoration: none;
    width: fit-content;
    padding: 0;
    height: fit-content;
    width: fit-content;
}

    .ab-btn--link:focus {
        outline: none;
        box-shadow: none;
        text-decoration: underline;
        border: 0;
    }

    .ab-btn--link.primary:hover {
        color: var(--ab-primary-darker);
        background-color: inherit;
    }

        .ab-btn--link.primary:hover i {
            color: var(--ab-primary-darker);
        }

@media all and (max-width:768px) {
    .ab-btn.arrow > span, .ab-alert--solid .arrow.ab-btn:hover > span, .ab-alert--solid .arrow.ab-btn--solid:hover > span, .ab-alert--solid .arrow.ab-btn--outline:hover > span, .ab-alert--solid .arrow.ab-btn--ghost:hover > span, .arrow.ab-btn--solid > span, .arrow.ab-btn--outline > span, .arrow.ab-btn--ghost > span {
        margin-left: auto;
        margin-right: 0
    }
}

@media all and (max-width:768px) {
    .rtl .ab-btn.arrow > span, .rtl .arrow.ab-btn--solid > span, .rtl .arrow.ab-btn--outline > span, .rtl .arrow.ab-btn--ghost > span {
        margin-right: auto;
        margin-left: 0
    }
}

.ab-btn.arrow::after, .ab-alert--solid .arrow.ab-btn:hover::after, .ab-alert--solid .arrow.ab-btn--solid:hover::after, .ab-alert--solid .arrow.ab-btn--outline:hover::after, .ab-alert--solid .arrow.ab-btn--ghost:hover::after, .arrow.ab-btn--solid::after, .arrow.ab-btn--outline::after, .arrow.ab-btn--ghost::after {
    content: "\ea6c";
    display: inline-block;
    font-family: "remixicon" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    margin-left: 1rem;
    margin-right: 0;
}

@media all and (max-width:768px) {
    .ab-btn.arrow::after, .ab-alert--solid .arrow.ab-btn:hover::after, .ab-alert--solid .arrow.ab-btn--solid:hover::after, .ab-alert--solid .arrow.ab-btn--outline:hover::after, .ab-alert--solid .arrow.ab-btn--ghost:hover::after, .arrow.ab-btn--solid::after, .arrow.ab-btn--outline::after, .arrow.ab-btn--ghost::after {
        margin-left: auto;
        position: relative;
        left: -1rem
    }
}

.rtl .ab-btn.arrow::after, .rtl .arrow.ab-btn--solid::after, .rtl .arrow.ab-btn--outline::after, .rtl .arrow.ab-btn--ghost::after {
    margin-left: 0;
    margin-right: 1rem;
    transform: translateX(-10px);
    content: "\ea60";
}

@media all and (max-width:768px) {
    .rtl .ab-btn.arrow::after, .rtl .arrow.ab-btn--solid::after, .rtl .arrow.ab-btn--outline::after, .rtl .arrow.ab-btn--ghost::after {
        position: relative;
        margin-right: auto;
        left: 3rem
    }
}

[dir=ltr] .ab-btn i, [dir=ltr] .ab-alert--solid .ab-btn:hover i, .ab-alert--solid [dir=ltr] .ab-btn:hover i, [dir=ltr] .ab-alert--solid .ab-btn--solid:hover i, .ab-alert--solid [dir=ltr] .ab-btn--solid:hover i, [dir=ltr] .ab-alert--solid .ab-btn--outline:hover i, .ab-alert--solid [dir=ltr] .ab-btn--outline:hover i, [dir=ltr] .ab-alert--solid .ab-btn--ghost:hover i, .ab-alert--solid [dir=ltr] .ab-btn--ghost:hover i, [dir=ltr] .ab-btn--solid i, [dir=ltr] .ab-btn--outline i, [dir=ltr] .ab-btn--ghost i, [dir=""] .ab-btn i, [dir=""] .ab-alert--solid .ab-btn:hover i, .ab-alert--solid [dir=""] .ab-btn:hover i, [dir=""] .ab-alert--solid .ab-btn--solid:hover i, .ab-alert--solid [dir=""] .ab-btn--solid:hover i, [dir=""] .ab-alert--solid .ab-btn--outline:hover i, .ab-alert--solid [dir=""] .ab-btn--outline:hover i, [dir=""] .ab-alert--solid .ab-btn--ghost:hover i, .ab-alert--solid [dir=""] .ab-btn--ghost:hover i, [dir=""] .ab-btn--solid i, [dir=""] .ab-btn--outline i, [dir=""] .ab-btn--ghost i, [lang=en] .ab-btn i, [lang=en] .ab-alert--solid .ab-btn:hover i, .ab-alert--solid [lang=en] .ab-btn:hover i, [lang=en] .ab-alert--solid .ab-btn--solid:hover i, .ab-alert--solid [lang=en] .ab-btn--solid:hover i, [lang=en] .ab-alert--solid .ab-btn--outline:hover i, .ab-alert--solid [lang=en] .ab-btn--outline:hover i, [lang=en] .ab-alert--solid .ab-btn--ghost:hover i, .ab-alert--solid [lang=en] .ab-btn--ghost:hover i, [lang=en] .ab-btn--solid i, [lang=en] .ab-btn--outline i, [lang=en] .ab-btn--ghost i {
    transform: rotateY(180deg);
}

.ab-sort-btn {
    padding-inline: 1rem;
    padding-block: .7rem;
}

    .ab-sort-btn:hover {
        background-color: var(--colors-primary-primary-500);
        border-color: var(--ab-primary) !important;
    }

    .ab-sort-btn.asc .up-arrow {
        display: none;
    }

    .ab-sort-btn.asc .down-arrow {
        stroke: var(--ab-primary);
    }

    .ab-sort-btn.desc .down-arrow {
        display: none;
    }

    .ab-sort-btn.desc .up-arrow {
        stroke: var(--ab-primary);
    }

@media all and (max-width:391px) {
    .ab-sort-btn {
        width: 80%;
        padding-inline: .7rem
    }

        .ab-sort-btn p {
            font-size: .8rem
        }
}

.ab-card {
    transition: transform .3s ease;
    font-family: "DIN";
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
    border-radius: 1rem;
    background-color: var(--ab-white);
    min-height: 9.5rem;
    padding: 1.5rem;
    box-shadow: 0 17px 33px -2px rgba(28,39,49,.05);
    -webkit-box-shadow: 0 17px 33px -2px rgba(28,39,49,.05);
}

    .ab-card.fixed-w {
        max-width: 250px;
        min-width: 250px;
    }

    .ab-card:hover {
        transform: translateY(-2px);
    }

    .ab-card.hover-lg:hover {
        transform: translateY(-10px);
    }

    .ab-card.hover-md:hover {
        transform: translateY(-7px);
    }

    .ab-card.hover-sm:hover {
        transform: translateY(-4px);
    }

    .ab-card.hover-xs:hover {
        transform: translateY(-2px);
    }

    .ab-card.no-hover {
        transform: translateY(0);
    }

    .ab-card.flex-row {
        align-items: center;
    }

.ab-card_head {
    text-align: start;
}

.ab-card_head--icon-fill {
    width: 2.5rem;
    height: 2.5rem;
    padding: .5rem;
    border-radius: 50%;
    background-color: var(--ab-primary-xlight);
    color: var(--ab-primary);
    fill: var(--ab-primary);
    display: flex;
    justify-content: center;
    align-items: center;
}

.ab-card_head--icon-stroke {
    width: 2.5rem;
    height: 2.5rem;
    padding: .5rem;
    border-radius: 50%;
    background-color: var(--ab-primary-xlight);
    color: var(--ab-primary);
    stroke: var(--ab-primary);
    display: flex;
    justify-content: center;
    align-items: center;
}

.ab-card_body {
    display: flex;
    flex-direction: column;
    height: 4rem;
    margin-top: .5rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    gap: .5rem;
}

    .ab-card_body::-webkit-scrollbar {
        display: none;
    }

.ab-card_body--heading {
    text-align: start;
}

    .ab-card_body--heading::-webkit-scrollbar {
        display: none;
    }

    .ab-card_body--heading > h3 {
        font-size: 1.125rem;
        line-height: 1.5rem;
        font-weight: 700;
        margin-bottom: 0;
        scrollbar-width: none;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

.ab-card_body--content > * {
    font-size: .875rem;
    color: var(--ab-text-secondary);
}

.ab-card_footer {
    display: flex;
    align-items: center;
    justify-content: end;
    padding-right: .7rem;
    padding-left: .7rem;
    font-size: 1rem;
    margin-top: auto;
}

    .ab-card_footer a, .ab-card_footer i, .ab-card_footer svg {
        font-size: 1rem;
        color: var(--ab-primary);
        line-height: normal;
        padding-left: 0;
        padding-right: 0;
    }

.rtl .ab-card_footer a, .rtl .ab-card_footer i, .rtl .ab-card_footer svg {
    padding-left: 0;
    padding-right: 0;
}

.ab-card_footer-link {
    position: relative;
}

    .ab-card_footer-link::after {
        content: "";
        position: absolute;
        width: 24px;
        height: 24px;
        color: var(--ab-primary);
        left: 60%;
        transform: rotate(180deg);
        top: 2px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(0,102,61)'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M7.82843 10.9999H20V12.9999H7.82843L13.1924 18.3638L11.7782 19.778L4 11.9999L11.7782 4.22168L13.1924 5.63589L7.82843 10.9999Z'%3E%3C/path%3E%3C/svg%3E");
    }

.rtl .ab-card_footer-link::after {
    left: 0;
    transform: rotate(0deg);
}

[data-theme=Business-Light] .ab-card_footer-link::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgb(0,85,170)'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M7.82843 10.9999H20V12.9999H7.82843L13.1924 18.3638L11.7782 19.778L4 11.9999L11.7782 4.22168L13.1924 5.63589L7.82843 10.9999Z'%3E%3C/path%3E%3C/svg%3E");
}

[data-theme=Government-Light] .ab-card_footer-link::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(113,81,25)'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M7.82843 10.9999H20V12.9999H7.82843L13.1924 18.3638L11.7782 19.778L4 11.9999L11.7782 4.22168L13.1924 5.63589L7.82843 10.9999Z'%3E%3C/path%3E%3C/svg%3E");
}

.ab-card_footer a svg {
    transform: rotate(180deg) translate(-10px,-4px);
}

.rtl .ab-card_footer a svg {
    transform: rotate(0deg) translate(-10px,1px);
}

.ab-card.secondary, .ab-card.payment, .ab-card.mini {
    min-height: 9.5rem;
    box-shadow: none;
    border: 1px solid var(--ab-grey-200);
    gap: .5rem;
}

    .ab-card.secondary .ab-card_body, .ab-card.payment .ab-card_body, .ab-card.mini .ab-card_body {
        justify-content: center;
    }

@media all and (max-width:576px) {
    .ab-card.secondary:not(.not-responsive), .ab-card.payment:not(.not-responsive), .ab-card.mini:not(.not-responsive) {
        flex-direction: row;
        align-items: center
    }
}

.ab-card.mini {
    gap: .5rem;
    min-height: auto;
    justify-content: flex-start;
    align-items: center;
    padding: 1rem;
    flex-direction: row;
}

    .ab-card.mini .ab-card_body {
        gap: 0;
    }

.ab-card.balance {
    background-color: var(--ab-grey-1000);
    color: var(--ab-white);
    padding: 1rem;
    min-width: 16rem;
    gap: 1.5rem;
    min-height: auto;
}

    .ab-card.balance .ab-card_head {
        display: flex;
        flex-direction: row;
        align-items: center;
        align-self: stretch;
        gap: .5rem;
    }

        .ab-card.balance .ab-card_head .icon {
            background-color: var(--ab-grey-900);
        }

            .ab-card.balance .ab-card_head .icon i {
                color: var(--ab-system-success);
            }

        .ab-card.balance .ab-card_head .heading {
            font-size: .75rem;
            font-weight: 400;
            letter-spacing: .015rem;
        }

            .ab-card.balance .ab-card_head .heading .amount {
                font-size: 1.5rem;
                font-weight: 700 !important;
            }

        .ab-card.balance .ab-card_head .content {
            font-size: .875rem;
            color: var(--ab-white);
        }

    .ab-card.balance .ab-card_footer ab-list-item {
        padding: 0;
    }

        .ab-card.balance .ab-card_footer ab-list-item a, .ab-card.balance .ab-card_footer ab-list-item i {
            color: var(--ab-white);
        }

.ab-card.check, .ab-card.radio {
    min-height: 9.5rem;
    box-shadow: none;
    border: 1px solid var(--ab-grey-200);
    gap: .5rem;
    gap: .25rem;
    min-height: auto;
    transition: all .3s ease;
}

    .ab-card.check .ab-card_body, .ab-card.radio .ab-card_body {
        justify-content: center;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        display: -webkit-box;
    }

@media all and (max-width:576px) {
    .ab-card.check, .ab-card.radio {
        flex-direction: row;
        align-items: center;
        gap: 1.5rem
    }
}

.ab-card.check:hover, .ab-card.radio:hover {
    transform: translateY(0);
}

.ab-card.check:has(.form-check-input:checked), .ab-card.radio:has(.form-check-input:checked) {
    background-color: var(--ab-secondary);
    border-color: var(--ab-primary);
}

.ab-card.check .ab-card_body, .ab-card.radio .ab-card_body {
    margin-top: 0;
}

.ab-card.check .form-check-input, .ab-card.radio .form-check-input {
    width: 1.25rem;
    height: 1.25rem;
    outline: 0;
    border: 1px solid var(--ab-grey-400);
    margin: 0;
}

    .ab-card.check .form-check-input:checked, .ab-card.radio .form-check-input:checked {
        background-color: var(--ab-primary);
        border: none;
    }

    .ab-card.check .form-check-input:focus, .ab-card.radio .form-check-input:focus {
        box-shadow: none;
        border: 1px solid var(--ab-grey-400);
        outline: 0;
    }

.ab-card.radio {
    flex-direction: row;
    align-items: center;
    gap: 1.5rem;
    padding: .75rem 1rem;
    border: 0;
    min-height: auto;
}

    .ab-card.radio input {
        margin-right: initial;
    }

.ab-card.empty {
    box-shadow: none;
    background-color: rgba(0,102,4,.08);
    border-color: rgba(0,102,4,.08);
    height: 100%;
    min-height: auto;
}

.ab-card.payment {
    border-radius: 1rem;
    border: 1px solid #cfcfcf;
    background: var(--ab-system-success-8);
    padding: 1.5rem 2rem;
    gap: 1.5rem;
}

    .ab-card.payment .nav-item {
        padding-inline-start: 0;
    }

.ab-card.single {
    min-height: auto;
    border-radius: .75rem;
    border: 1px solid var(--Absher-Backgrounds-Outline,#E3E3E3);
    background: var(--Absher-Backgrounds-Grey-Backgrounds,#F9FBFB);
    box-shadow: 0 17px 33px -2px rgba(28,39,49,.05);
    color: var(--Text-Headings,#232425);
    text-align: center;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: auto;
}

.ab-card.service {
    border-radius: 1rem;
    background: var(--Surface-W-Card,#FFFFFF);
    border: 1px solid var(--Border-Primary,#E1E1E1);
    width: 317px;
}

    .ab-card.service .ab-card_body {
        height: auto;
    }

@media all and (max-width:576px) {
    .ab-card.service {
        width: 90%
    }
}

.ab-card.service .ab-card_footer-link {
    padding-left: 0;
    padding-right: 2rem;
}

.rtl .ab-card.service .ab-card_footer-link {
    padding-left: 2rem;
    padding-right: 0;
}

.ab-card.service .ab-card_footer-link::after {
    left: 80%;
}

.rtl .ab-card.service .ab-card_footer-link::after {
    left: 0;
}

.ab-card.new {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .75rem;
    border: 1px solid var(--Absher-Backgrounds-Outline,#E3E3E3);
    background: var(--Surface-Card,#F9FBFB);
    transition: all .5s ease;
}

    .ab-card.new:hover {
        background: var(--Surface-Action-Secondary-Hover,#E5F0E3);
    }

    .ab-card.new .ab-card_body {
        text-align: center;
        justify-content: center;
        align-items: center;
    }

.absher_card-fines {
    display: flex;
    height: 13.75rem;
    padding: 1.5rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    flex-shrink: 0;
    border-radius: .5rem;
    border: 1px solid var(--absher-grey-400);
    background: var(--absher-text-white,#fff);
}

.absher_card-fines--content p {
    color: var(--absher-text-primary,#232425);
    text-align: right;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

    .absher_card-fines--content p b {
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

@media all and (max-width:576px) {
    .swiper-slide > .ab-card {
        height: 310px
    }
}

@media all and (max-height:400px) {
    .swiper-slide > .ab-card {
        height: 300px
    }
}

.ab-badge, .ab-badge--danger, .ab-badge--warning, .ab-badge--success, .ab-badge--info, .ab-badge--primary, .ab-badge--default {
    background: var(--ab-grey-200);
    color: var(--ab-text-colors-primary);
    display: inline-flex;
    min-width: 20px;
    height: 20px;
    padding: 5px;
    font-size: .75rem;
    font-weight: bold;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: var(--ab-white);
}

.ab-badge--outline {
    border: 1px solid var(--ab-primary);
    border-radius: .5rem;
    padding: .25rem .5rem;
    width: fit-content;
    font-size: 12px;
    opacity: .5;
}

.ab-badge--default {
    background: #4f5154;
}

.ab-badge--primary {
    background: var(--ab-primary);
}

.ab-badge--info {
    background: var(--ab-secondary-dark);
}

.ab-badge--success {
    background: var(--Icon-Sucess,#0ca361);
}

.ab-badge--warning {
    background: var(--ab-system-warning-dark);
}

.ab-badge--danger {
    background: var(--ab-system-error);
}

.ab-badge-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 400;
    font-size: 12px;
}

    .ab-badge-label .ab-badge, .ab-badge-label .ab-badge--default, .ab-badge-label .ab-badge--primary, .ab-badge-label .ab-badge--info, .ab-badge-label .ab-badge--success, .ab-badge-label .ab-badge--warning, .ab-badge-label .ab-badge--danger {
        width: 10px;
        height: 10px;
        min-width: auto;
    }

:root {
    --bs-breadcrumb-divider: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='12' height='12' fill='darkgrey'><path d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z'></path></svg>");
}

.breadcrumb {
    font-family:  DroidArabicKufi !important;;
    margin-bottom: 0;
}

.breadcrumb-item {
    font-size: 14px;
    font-weight: 700;
}

    .breadcrumb-item.active {
        color: var(--ab-grey-1000);
    }

    .breadcrumb-item:not(.active) a {
        color: var(--Text-Placeholder,#969798);
        text-decoration: none;
    }

    .breadcrumb-item + .breadcrumb-item::before {
        line-height: 1.5rem;
        content: var(--bs-breadcrumb-divider);
        color: var(--Text-Placeholder,#969798);
    }

.dashboard .breadcrumb-item {
    color: var(--ab-primary-1000);
}

    .dashboard .breadcrumb-item > a {
        color: var(--ab-primary-1000);
    }

    .dashboard .breadcrumb-item.active {
        color: var(--Text-Placeholder,#969798);
    }

[dir=rtl] .breadcrumb-item + .breadcrumb-item {
    padding-right: .5rem;
    padding-left: 0;
}

    [dir=rtl] .breadcrumb-item + .breadcrumb-item::before {
        float: right;
        transform: rotate(180deg);
    }

.ab-alert {
    display: flex;
    align-items: flex-start;
    padding: .75rem;
    gap: .75rem;
    border-radius: .5rem;
    border: 1px solid var(--ab-primary-lighter);
    background-color: var(--ab-primary-lighter);
    color: var(--ab-text-primary);
}

    .ab-alert p {
        color: var(--ab-text-primary);
    }

    .ab-alert.lg {
        padding: 1.15rem;
    }

.ab-alert--icon {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ab-alert--content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    flex: 1;
}

    .ab-alert--content h5 {
        font-size: 1rem;
        margin-bottom: .2rem;
    }

    .ab-alert--content p {
        color: var(--ab-text-primary);
        font-size: .875rem;
    }

.ab-alert i {
    color: var(--ab-primary);
}

    .ab-alert i.close {
        cursor: pointer;
    }

.ab-alert .ab-button--outline, .ab-alert .ab-button--outline:hover {
    background-color: transparent;
    border-color: var(--ab-primary);
    color: var(--ab-primary);
}

.ab-alert.success {
    background-color: var(--ab-system-success-lighter);
    border-color: var(--ab-system-success-lighter);
}

    .ab-alert.success i {
        color: var(--ab-system-success-main);
    }

        .ab-alert.success i.close {
            color: var(--ab-text-primary);
        }

    .ab-alert.success .ab-btn, .ab-alert.success .ab-btn--solid, .ab-alert.success .ab-btn--outline, .ab-alert.success .ab-btn--ghost {
        background-color: var(--ab-text-primary);
        border-color: var(--ab-text-primary);
    }

    .ab-alert.success .ab-btn--outline, .ab-alert.success .ab-btn--ghost {
        background-color: transparent;
        border-color: var(--ab-text-primary);
        color: var(--ab-text-primary);
    }

.ab-alert.warning {
    background-color: var(--ab-system-warning-lighter);
    border-color: var(--ab-system-warning-lighter);
}

    .ab-alert.warning i {
        color: var(--ab-system-warning-dark);
    }

        .ab-alert.warning i.close {
            color: var(--ab-text-primary);
        }

    .ab-alert.warning .ab-btn, .ab-alert.warning .ab-btn--solid, .ab-alert.warning .ab-btn--outline, .ab-alert.warning .ab-btn--ghost {
        background-color: var(--ab-text-primary);
        border-color: var(--ab-text-primary);
    }

        .ab-alert.warning .ab-btn--outline, .ab-alert.warning .ab-btn--ghost, .ab-alert.warning .ab-btn--outline:hover {
            background-color: transparent;
            border-color: var(--ab-text-primary);
            color: var(--ab-text-primary);
        }

.ab-alert.error, .ab-alert.ab-input:invalid:hover, .ab-alert.ab-input-group:invalid:hover, .ab-alert.ab-input:invalid:focus, .ab-alert.ab-input-group:invalid:focus, .ab-alert.ab-input:invalid:focus-visible, .ab-alert.ab-input-group:invalid:focus-visible, .ab-alert.ab-input.error:hover, .ab-alert.error.ab-input-group:hover, .ab-alert.ab-input.error:focus, .ab-alert.error.ab-input-group:focus, .ab-alert.ab-input.error:focus-visible, .ab-alert.error.ab-input-group:focus-visible {
    background-color: var(--ab-system-error-lighter);
    border-color: var(--ab-system-error-lighter);
    color: var(--ab-system-error-darker);
    font-weight: 700;
}

    .ab-alert.error p, .ab-alert.ab-input:invalid:hover p, .ab-alert.ab-input-group:invalid:hover p, .ab-alert.ab-input:invalid:focus p, .ab-alert.ab-input-group:invalid:focus p, .ab-alert.ab-input:invalid:focus-visible p, .ab-alert.ab-input-group:invalid:focus-visible p, .ab-alert.ab-input.error:hover p, .ab-alert.error.ab-input-group:hover p, .ab-alert.ab-input.error:focus p, .ab-alert.error.ab-input-group:focus p, .ab-alert.ab-input.error:focus-visible p, .ab-alert.error.ab-input-group:focus-visible p {
        color: var(--ab-system-error-darker);
    }

    .ab-alert.error i, .ab-alert.ab-input:invalid:hover i, .ab-alert.ab-input-group:invalid:hover i, .ab-alert.ab-input:invalid:focus i, .ab-alert.ab-input-group:invalid:focus i, .ab-alert.ab-input:invalid:focus-visible i, .ab-alert.ab-input-group:invalid:focus-visible i, .ab-alert.ab-input.error:hover i, .ab-alert.error.ab-input-group:hover i, .ab-alert.ab-input.error:focus i, .ab-alert.error.ab-input-group:focus i, .ab-alert.ab-input.error:focus-visible i, .ab-alert.error.ab-input-group:focus-visible i {
        color: var(--ab-system-error);
        font-weight: normal;
    }

    .ab-alert.error .ab-btn, .abher_table_search .ab-alert.ab-input.error:hover .ab-btn, .abher_table_search .ab-alert.error.ab-input-group:hover .ab-btn, .abher_table_search .ab-alert.ab-input.error:focus .ab-btn, .abher_table_search .ab-alert.error.ab-input-group:focus .ab-btn, .abher_table_search .ab-alert.ab-input.error:focus-visible .ab-btn, .abher_table_search .ab-alert.error.ab-input-group:focus-visible .ab-btn, .ab-alert.ab-input:invalid:hover .ab-btn, .ab-alert.ab-input-group:invalid:hover .ab-btn, .ab-alert.ab-input:invalid:focus .ab-btn, .ab-alert.ab-input-group:invalid:focus .ab-btn, .ab-alert.ab-input:invalid:focus-visible .ab-btn, .ab-alert.ab-input-group:invalid:focus-visible .ab-btn, .ab-alert.error .ab-btn--solid, .abher_table_search .ab-alert.ab-input.error:hover .ab-btn--solid, .abher_table_search .ab-alert.error.ab-input-group:hover .ab-btn--solid, .abher_table_search .ab-alert.ab-input.error:focus .ab-btn--solid, .abher_table_search .ab-alert.error.ab-input-group:focus .ab-btn--solid, .abher_table_search .ab-alert.ab-input.error:focus-visible .ab-btn--solid, .abher_table_search .ab-alert.error.ab-input-group:focus-visible .ab-btn--solid, .ab-alert.ab-input:invalid:hover .ab-btn--solid, .ab-alert.ab-input-group:invalid:hover .ab-btn--solid, .ab-alert.ab-input:invalid:focus .ab-btn--solid, .ab-alert.ab-input-group:invalid:focus .ab-btn--solid, .ab-alert.ab-input:invalid:focus-visible .ab-btn--solid, .ab-alert.ab-input-group:invalid:focus-visible .ab-btn--solid, .ab-alert.error .ab-btn--outline, .abher_table_search .ab-alert.ab-input.error:hover .ab-btn--outline, .abher_table_search .ab-alert.error.ab-input-group:hover .ab-btn--outline, .abher_table_search .ab-alert.ab-input.error:focus .ab-btn--outline, .abher_table_search .ab-alert.error.ab-input-group:focus .ab-btn--outline, .abher_table_search .ab-alert.ab-input.error:focus-visible .ab-btn--outline, .abher_table_search .ab-alert.error.ab-input-group:focus-visible .ab-btn--outline, .ab-alert.ab-input:invalid:hover .ab-btn--outline, .ab-alert.ab-input-group:invalid:hover .ab-btn--outline, .ab-alert.ab-input:invalid:focus .ab-btn--outline, .ab-alert.ab-input-group:invalid:focus .ab-btn--outline, .ab-alert.ab-input:invalid:focus-visible .ab-btn--outline, .ab-alert.ab-input-group:invalid:focus-visible .ab-btn--outline, .ab-alert.error .ab-btn--ghost, .abher_table_search .ab-alert.ab-input.error:hover .ab-btn--ghost, .abher_table_search .ab-alert.error.ab-input-group:hover .ab-btn--ghost, .abher_table_search .ab-alert.ab-input.error:focus .ab-btn--ghost, .abher_table_search .ab-alert.error.ab-input-group:focus .ab-btn--ghost, .abher_table_search .ab-alert.ab-input.error:focus-visible .ab-btn--ghost, .abher_table_search .ab-alert.error.ab-input-group:focus-visible .ab-btn--ghost, .ab-alert.ab-input:invalid:hover .ab-btn--ghost, .ab-alert.ab-input-group:invalid:hover .ab-btn--ghost, .ab-alert.ab-input:invalid:focus .ab-btn--ghost, .ab-alert.ab-input-group:invalid:focus .ab-btn--ghost, .ab-alert.ab-input:invalid:focus-visible .ab-btn--ghost, .ab-alert.ab-input-group:invalid:focus-visible .ab-btn--ghost {
        background-color: var(--ab-system-error-main);
        border-color: var(--ab-system-error-main);
    }

        .ab-alert.error .ab-btn--outline, .abher_table_search .ab-alert.ab-input.error:hover .ab-btn--outline, .abher_table_search .ab-alert.error.ab-input-group:hover .ab-btn--outline, .abher_table_search .ab-alert.ab-input.error:focus .ab-btn--outline, .abher_table_search .ab-alert.error.ab-input-group:focus .ab-btn--outline, .abher_table_search .ab-alert.ab-input.error:focus-visible .ab-btn--outline, .abher_table_search .ab-alert.error.ab-input-group:focus-visible .ab-btn--outline, .ab-alert.ab-input:invalid:hover .ab-btn--outline, .ab-alert.ab-input-group:invalid:hover .ab-btn--outline, .ab-alert.ab-input:invalid:focus .ab-btn--outline, .ab-alert.ab-input-group:invalid:focus .ab-btn--outline, .ab-alert.ab-input:invalid:focus-visible .ab-btn--outline, .ab-alert.ab-input-group:invalid:focus-visible .ab-btn--outline, .ab-alert.error .ab-btn--ghost, .abher_table_search .ab-alert.ab-input.error:hover .ab-btn--ghost, .abher_table_search .ab-alert.error.ab-input-group:hover .ab-btn--ghost, .abher_table_search .ab-alert.ab-input.error:focus .ab-btn--ghost, .abher_table_search .ab-alert.error.ab-input-group:focus .ab-btn--ghost, .abher_table_search .ab-alert.ab-input.error:focus-visible .ab-btn--ghost, .abher_table_search .ab-alert.error.ab-input-group:focus-visible .ab-btn--ghost, .ab-alert.ab-input:invalid:hover .ab-btn--ghost, .ab-alert.ab-input-group:invalid:hover .ab-btn--ghost, .ab-alert.ab-input:invalid:focus .ab-btn--ghost, .ab-alert.ab-input-group:invalid:focus .ab-btn--ghost, .ab-alert.ab-input:invalid:focus-visible .ab-btn--ghost, .ab-alert.ab-input-group:invalid:focus-visible .ab-btn--ghost, .ab-alert.error .ab-btn--outline:hover {
            background-color: transparent;
            border-color: var(--ab-system-error-main);
            color: var(--ab-system-error-main);
        }

.ab-alert.info {
    background-color: var(--ab-secondary-lighter);
    border-color: var(--ab-secondary-lighter);
    color: var(--ab-text-primary);
}

    .ab-alert.info i {
        color: var(--ab-secondary-dark);
    }

        .ab-alert.info i.close {
            color: var(--ab-text-primary);
        }

    .ab-alert.info .ab-btn, .ab-alert.info .ab-btn--solid, .ab-alert.info .ab-btn--outline, .ab-alert.info .ab-btn--ghost {
        background-color: var(--ab-text-primary);
        border-color: var(--ab-text-primary);
    }

        .ab-alert.info .ab-btn--outline, .ab-alert.info .ab-btn--ghost, .ab-alert.info .ab-btn--outline:hover {
            background-color: transparent;
            border-color: var(--ab-text-primary);
            color: var(--ab-text-primary);
        }

.ab-alert--solid {
    background-color: var(--ab-primary);
    border-color: var(--ab-primary);
    color: var(--ab-white);
}

    .ab-alert--solid .ab-alert--content p {
        color: var(--ab-white);
    }

    .ab-alert--solid i {
        color: var(--ab-white);
    }

    .ab-alert--solid .ab-btn, .ab-alert--solid .ab-btn:hover, .ab-alert--solid .ab-btn--solid:hover, .ab-alert--solid .ab-btn--outline:hover, .ab-alert--solid .ab-btn--ghost:hover, .ab-alert--solid .ab-btn--solid, .ab-alert--solid .ab-btn--outline, .ab-alert--solid .ab-btn--ghost {
        background-color: var(--ab-white);
        border-color: var(--ab-white);
        color: var(--ab-primary);
    }

        .ab-alert--solid .ab-btn--outline, .ab-alert--solid .ab-btn--ghost, .ab-alert--solid .ab-btn--outline:hover, .ab-alert--solid .ab-btn--ghost:hover {
            background-color: transparent;
            border-color: var(--ab-white);
            color: var(--ab-white);
        }

    .ab-alert--solid.success {
        background-color: var(--ab-system-success-light);
        border-color: var(--ab-system-success-light);
        color: var(--ab-text-primary);
    }

        .ab-alert--solid.success p {
            color: var(--ab-text-primary);
        }

        .ab-alert--solid.success i {
            color: var(--ab-primary);
        }

            .ab-alert--solid.success i.close {
                color: var(--ab-text-primary);
            }

        .ab-alert--solid.success .ab-btn, .ab-alert--solid.success .ab-btn--solid, .ab-alert--solid.success .ab-btn--outline, .ab-alert--solid.success .ab-btn--ghost {
            background-color: var(--ab-white);
            border-color: var(--ab-white);
            color: var(--ab-text-primary);
        }

    .ab-alert--solid.warning {
        background-color: var(--ab-system-warning-main);
        border-color: var(--ab-system-warning-main);
        color: var(--ab-text-primary);
    }

        .ab-alert--solid.warning p {
            color: var(--ab-text-primary);
        }

        .ab-alert--solid.warning i {
            color: var(--ab-system-warning-darker);
        }

        .ab-alert--solid.warning .ab-btn, .ab-alert--solid.warning .ab-btn--solid, .ab-alert--solid.warning .ab-btn--outline, .ab-alert--solid.warning .ab-btn--ghost {
            background-color: var(--ab-white);
            border-color: var(--ab-white);
            color: var(--ab-text-primary);
        }

    .ab-alert--solid.error, .ab-alert--solid.ab-input:invalid:hover, .ab-alert--solid.ab-input-group:invalid:hover, .ab-alert--solid.ab-input:invalid:focus, .ab-alert--solid.ab-input-group:invalid:focus, .ab-alert--solid.ab-input:invalid:focus-visible, .ab-alert--solid.ab-input-group:invalid:focus-visible, .ab-alert--solid.ab-input.error:hover, .ab-alert--solid.error.ab-input-group:hover, .ab-alert--solid.ab-input.error:focus, .ab-alert--solid.error.ab-input-group:focus, .ab-alert--solid.ab-input.error:focus-visible, .ab-alert--solid.error.ab-input-group:focus-visible {
        background-color: var(--ab-system-error-main);
        border-color: var(--ab-system-error-main);
        color: var(--ab-white);
    }

        .ab-alert--solid.error i, .ab-alert--solid.ab-input:invalid:hover i, .ab-alert--solid.ab-input-group:invalid:hover i, .ab-alert--solid.ab-input:invalid:focus i, .ab-alert--solid.ab-input-group:invalid:focus i, .ab-alert--solid.ab-input:invalid:focus-visible i, .ab-alert--solid.ab-input-group:invalid:focus-visible i, .ab-alert--solid.ab-input.error:hover i, .ab-alert--solid.error.ab-input-group:hover i, .ab-alert--solid.ab-input.error:focus i, .ab-alert--solid.error.ab-input-group:focus i, .ab-alert--solid.ab-input.error:focus-visible i, .ab-alert--solid.error.ab-input-group:focus-visible i, .ab-alert--solid.error p, .ab-alert--solid.ab-input:invalid:hover p, .ab-alert--solid.ab-input-group:invalid:hover p, .ab-alert--solid.ab-input:invalid:focus p, .ab-alert--solid.ab-input-group:invalid:focus p, .ab-alert--solid.ab-input:invalid:focus-visible p, .ab-alert--solid.ab-input-group:invalid:focus-visible p, .ab-alert--solid.ab-input.error:hover p, .ab-alert--solid.error.ab-input-group:hover p, .ab-alert--solid.ab-input.error:focus p, .ab-alert--solid.error.ab-input-group:focus p, .ab-alert--solid.ab-input.error:focus-visible p, .ab-alert--solid.error.ab-input-group:focus-visible p {
            color: var(--ab-white);
        }

        .ab-alert--solid.error .ab-btn, .abher_table_search .ab-alert--solid.ab-input.error:hover .ab-btn, .abher_table_search .ab-alert--solid.error.ab-input-group:hover .ab-btn, .abher_table_search .ab-alert--solid.ab-input.error:focus .ab-btn, .abher_table_search .ab-alert--solid.error.ab-input-group:focus .ab-btn, .abher_table_search .ab-alert--solid.ab-input.error:focus-visible .ab-btn, .abher_table_search .ab-alert--solid.error.ab-input-group:focus-visible .ab-btn, .ab-alert--solid.ab-input:invalid:hover .ab-btn, .ab-alert--solid.ab-input-group:invalid:hover .ab-btn, .ab-alert--solid.ab-input:invalid:focus .ab-btn, .ab-alert--solid.ab-input-group:invalid:focus .ab-btn, .ab-alert--solid.ab-input:invalid:focus-visible .ab-btn, .ab-alert--solid.ab-input-group:invalid:focus-visible .ab-btn, .ab-alert--solid.error .ab-btn--solid, .abher_table_search .ab-alert--solid.ab-input.error:hover .ab-btn--solid, .abher_table_search .ab-alert--solid.error.ab-input-group:hover .ab-btn--solid, .abher_table_search .ab-alert--solid.ab-input.error:focus .ab-btn--solid, .abher_table_search .ab-alert--solid.error.ab-input-group:focus .ab-btn--solid, .abher_table_search .ab-alert--solid.ab-input.error:focus-visible .ab-btn--solid, .abher_table_search .ab-alert--solid.error.ab-input-group:focus-visible .ab-btn--solid, .ab-alert--solid.ab-input:invalid:hover .ab-btn--solid, .ab-alert--solid.ab-input-group:invalid:hover .ab-btn--solid, .ab-alert--solid.ab-input:invalid:focus .ab-btn--solid, .ab-alert--solid.ab-input-group:invalid:focus .ab-btn--solid, .ab-alert--solid.ab-input:invalid:focus-visible .ab-btn--solid, .ab-alert--solid.ab-input-group:invalid:focus-visible .ab-btn--solid, .ab-alert--solid.error .ab-btn--outline, .abher_table_search .ab-alert--solid.ab-input.error:hover .ab-btn--outline, .abher_table_search .ab-alert--solid.error.ab-input-group:hover .ab-btn--outline, .abher_table_search .ab-alert--solid.ab-input.error:focus .ab-btn--outline, .abher_table_search .ab-alert--solid.error.ab-input-group:focus .ab-btn--outline, .abher_table_search .ab-alert--solid.ab-input.error:focus-visible .ab-btn--outline, .abher_table_search .ab-alert--solid.error.ab-input-group:focus-visible .ab-btn--outline, .ab-alert--solid.ab-input:invalid:hover .ab-btn--outline, .ab-alert--solid.ab-input-group:invalid:hover .ab-btn--outline, .ab-alert--solid.ab-input:invalid:focus .ab-btn--outline, .ab-alert--solid.ab-input-group:invalid:focus .ab-btn--outline, .ab-alert--solid.ab-input:invalid:focus-visible .ab-btn--outline, .ab-alert--solid.ab-input-group:invalid:focus-visible .ab-btn--outline, .ab-alert--solid.error .ab-btn--ghost, .abher_table_search .ab-alert--solid.ab-input.error:hover .ab-btn--ghost, .abher_table_search .ab-alert--solid.error.ab-input-group:hover .ab-btn--ghost, .abher_table_search .ab-alert--solid.ab-input.error:focus .ab-btn--ghost, .abher_table_search .ab-alert--solid.error.ab-input-group:focus .ab-btn--ghost, .abher_table_search .ab-alert--solid.ab-input.error:focus-visible .ab-btn--ghost, .abher_table_search .ab-alert--solid.error.ab-input-group:focus-visible .ab-btn--ghost, .ab-alert--solid.ab-input:invalid:hover .ab-btn--ghost, .ab-alert--solid.ab-input-group:invalid:hover .ab-btn--ghost, .ab-alert--solid.ab-input:invalid:focus .ab-btn--ghost, .ab-alert--solid.ab-input-group:invalid:focus .ab-btn--ghost, .ab-alert--solid.ab-input:invalid:focus-visible .ab-btn--ghost, .ab-alert--solid.ab-input-group:invalid:focus-visible .ab-btn--ghost {
            background-color: var(--ab-white);
            border-color: var(--ab-white);
            color: var(--ab-system-error-main);
        }

            .ab-alert--solid.error .ab-btn--outline, .abher_table_search .ab-alert--solid.ab-input.error:hover .ab-btn--outline, .abher_table_search .ab-alert--solid.error.ab-input-group:hover .ab-btn--outline, .abher_table_search .ab-alert--solid.ab-input.error:focus .ab-btn--outline, .abher_table_search .ab-alert--solid.error.ab-input-group:focus .ab-btn--outline, .abher_table_search .ab-alert--solid.ab-input.error:focus-visible .ab-btn--outline, .abher_table_search .ab-alert--solid.error.ab-input-group:focus-visible .ab-btn--outline, .ab-alert--solid.ab-input:invalid:hover .ab-btn--outline, .ab-alert--solid.ab-input-group:invalid:hover .ab-btn--outline, .ab-alert--solid.ab-input:invalid:focus .ab-btn--outline, .ab-alert--solid.ab-input-group:invalid:focus .ab-btn--outline, .ab-alert--solid.ab-input:invalid:focus-visible .ab-btn--outline, .ab-alert--solid.ab-input-group:invalid:focus-visible .ab-btn--outline, .ab-alert--solid.error .ab-btn--ghost, .abher_table_search .ab-alert--solid.ab-input.error:hover .ab-btn--ghost, .abher_table_search .ab-alert--solid.error.ab-input-group:hover .ab-btn--ghost, .abher_table_search .ab-alert--solid.ab-input.error:focus .ab-btn--ghost, .abher_table_search .ab-alert--solid.error.ab-input-group:focus .ab-btn--ghost, .abher_table_search .ab-alert--solid.ab-input.error:focus-visible .ab-btn--ghost, .abher_table_search .ab-alert--solid.error.ab-input-group:focus-visible .ab-btn--ghost, .ab-alert--solid.ab-input:invalid:hover .ab-btn--ghost, .ab-alert--solid.ab-input-group:invalid:hover .ab-btn--ghost, .ab-alert--solid.ab-input:invalid:focus .ab-btn--ghost, .ab-alert--solid.ab-input-group:invalid:focus .ab-btn--ghost, .ab-alert--solid.ab-input:invalid:focus-visible .ab-btn--ghost, .ab-alert--solid.ab-input-group:invalid:focus-visible .ab-btn--ghost, .ab-alert--solid.error .ab-btn--outline:hover {
                background-color: transparent;
                border-color: var(--ab-white);
                color: var(--ab-white);
            }

    .ab-alert--solid.info {
        background-color: var(--ab-secondary-light);
        border-color: var(--ab-secondary-light);
        color: var(--ab-text-primary);
    }

        .ab-alert--solid.info p {
            color: var(--ab-text-primary);
        }

        .ab-alert--solid.info .ab-btn, .ab-alert--solid.info .ab-btn--solid, .ab-alert--solid.info .ab-btn--outline, .ab-alert--solid.info .ab-btn--ghost {
            background-color: var(--ab-white);
            border-color: var(--ab-white);
            color: var(--ab-text-primary);
        }

            .ab-alert--solid.info .ab-btn--outline, .ab-alert--solid.info .ab-btn--ghost, .ab-alert--solid.info .ab-btn--outline:hover {
                background-color: transparent;
                border-color: var(--ab-text-primary);
                color: var(--ab-text-primary);
            }

.ab-alert--outline {
    background-color: var(--ab-primary-lighter);
    border-color: var(--ab-primary);
}

    .ab-alert--outline.success {
        background-color: var(--ab-system-success-lighter);
        border-color: var(--ab-system-success-main);
    }

        .ab-alert--outline.success .ab-btn, .ab-alert--outline.success .ab-btn--solid, .ab-alert--outline.success .ab-btn--outline, .ab-alert--outline.success .ab-btn--ghost {
            background-color: var(--ab-text-primary);
            border-color: var(--ab-text-primary);
            color: var(--ab-white);
        }

        .ab-alert--outline.success .ab-btn--outline, .ab-alert--outline.success .ab-btn--ghost {
            background-color: transparent;
        }

    .ab-alert--outline.warning {
        border-color: var(--ab-system-warning-main);
    }

    .ab-alert--outline.error, .ab-alert--outline.ab-input:invalid:hover, .ab-alert--outline.ab-input-group:invalid:hover, .ab-alert--outline.ab-input:invalid:focus, .ab-alert--outline.ab-input-group:invalid:focus, .ab-alert--outline.ab-input:invalid:focus-visible, .ab-alert--outline.ab-input-group:invalid:focus-visible, .ab-alert--outline.ab-input.error:hover, .ab-alert--outline.error.ab-input-group:hover, .ab-alert--outline.ab-input.error:focus, .ab-alert--outline.error.ab-input-group:focus, .ab-alert--outline.ab-input.error:focus-visible, .ab-alert--outline.error.ab-input-group:focus-visible {
        border-color: var(--ab-system-error-main);
    }

    .ab-alert--outline.info {
        border-color: var(--ab-secondary);
    }

.ab-bullet-list li {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
}

    .ab-bullet-list li.level-2 {
        padding-inline-start: .5rem;
    }

    .ab-bullet-list li.level-3 {
        padding-inline-start: 1.5rem;
        color: var(--ab-text-secondary);
    }

    .ab-bullet-list li.level-4 {
        padding-inline-start: 2rem;
        color: var(--ab-text-secondary);
    }

.ab-bullet-list i {
    font-size: .5rem;
    width: auto;
    height: auto;
}

.ab-card {
    transition: transform .3s ease;
    font-family: "DIN";
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
    border-radius: 1rem;
    background-color: var(--ab-white);
    min-height: 9.5rem;
    padding: 1.5rem;
    box-shadow: 0 17px 33px -2px rgba(28,39,49,.05);
    -webkit-box-shadow: 0 17px 33px -2px rgba(28,39,49,.05);
}

    .ab-card.fixed-w {
        max-width: 250px;
        min-width: 250px;
    }

    .ab-card:hover {
        transform: translateY(-2px);
    }

    .ab-card.hover-lg:hover {
        transform: translateY(-10px);
    }

    .ab-card.hover-md:hover {
        transform: translateY(-7px);
    }

    .ab-card.hover-sm:hover {
        transform: translateY(-4px);
    }

    .ab-card.hover-xs:hover {
        transform: translateY(-2px);
    }

    .ab-card.no-hover {
        transform: translateY(0);
    }

    .ab-card.flex-row {
        align-items: center;
    }

.ab-card_head {
    text-align: start;
}

.ab-card_head--icon-fill {
    width: 2.5rem;
    height: 2.5rem;
    padding: .5rem;
    border-radius: 50%;
    background-color: var(--ab-primary-xlight);
    color: var(--ab-primary);
    fill: var(--ab-primary);
    display: flex;
    justify-content: center;
    align-items: center;
}

.ab-card_head--icon-stroke {
    width: 2.5rem;
    height: 2.5rem;
    padding: .5rem;
    border-radius: 50%;
    background-color: var(--ab-primary-xlight);
    color: var(--ab-primary);
    stroke: var(--ab-primary);
    display: flex;
    justify-content: center;
    align-items: center;
}

.ab-card_body {
    display: flex;
    flex-direction: column;
    height: 4rem;
    margin-top: .5rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    gap: .5rem;
}

    .ab-card_body::-webkit-scrollbar {
        display: none;
    }

.ab-card_body--heading {
    text-align: start;
}

    .ab-card_body--heading::-webkit-scrollbar {
        display: none;
    }

    .ab-card_body--heading > h3 {
        font-size: 1.125rem;
        line-height: 1.5rem;
        font-weight: 700;
        margin-bottom: 0;
        scrollbar-width: none;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

.ab-card_body--content > * {
    font-size: .875rem;
    color: var(--ab-text-secondary);
}

.ab-card_footer {
    display: flex;
    align-items: center;
    justify-content: end;
    padding-right: .7rem;
    padding-left: .7rem;
    font-size: 1rem;
    margin-top: auto;
}

    .ab-card_footer a, .ab-card_footer i, .ab-card_footer svg {
        font-size: 1rem;
        color: var(--ab-primary);
        line-height: normal;
        padding-left: 0;
        padding-right: 0;
    }

.rtl .ab-card_footer a, .rtl .ab-card_footer i, .rtl .ab-card_footer svg {
    padding-left: 0;
    padding-right: 0;
}

.ab-card_footer-link {
    position: relative;
}

    .ab-card_footer-link::after {
        content: "";
        position: absolute;
        width: 24px;
        height: 24px;
        color: var(--ab-primary);
        left: 60%;
        transform: rotate(180deg);
        top: 2px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(0,102,61)'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M7.82843 10.9999H20V12.9999H7.82843L13.1924 18.3638L11.7782 19.778L4 11.9999L11.7782 4.22168L13.1924 5.63589L7.82843 10.9999Z'%3E%3C/path%3E%3C/svg%3E");
    }

.rtl .ab-card_footer-link::after {
    left: 0;
    transform: rotate(0deg);
}

[data-theme=Business-Light] .ab-card_footer-link::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgb(0,85,170)'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M7.82843 10.9999H20V12.9999H7.82843L13.1924 18.3638L11.7782 19.778L4 11.9999L11.7782 4.22168L13.1924 5.63589L7.82843 10.9999Z'%3E%3C/path%3E%3C/svg%3E");
}

[data-theme=Government-Light] .ab-card_footer-link::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(113,81,25)'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M7.82843 10.9999H20V12.9999H7.82843L13.1924 18.3638L11.7782 19.778L4 11.9999L11.7782 4.22168L13.1924 5.63589L7.82843 10.9999Z'%3E%3C/path%3E%3C/svg%3E");
}

.ab-card_footer a svg {
    transform: rotate(180deg) translate(-10px,-4px);
}

.rtl .ab-card_footer a svg {
    transform: rotate(0deg) translate(-10px,1px);
}

.ab-card.secondary, .ab-card.mini, .ab-card.payment {
    min-height: 9.5rem;
    box-shadow: none;
    border: 1px solid var(--ab-grey-200);
    gap: .5rem;
}

    .ab-card.secondary .ab-card_body, .ab-card.mini .ab-card_body, .ab-card.payment .ab-card_body {
        justify-content: center;
    }

@media all and (max-width:576px) {
    .ab-card.secondary:not(.not-responsive), .ab-card.mini:not(.not-responsive), .ab-card.payment:not(.not-responsive) {
        flex-direction: row;
        align-items: center
    }
}

.ab-card.mini {
    gap: .5rem;
    min-height: auto;
    justify-content: flex-start;
    align-items: center;
    padding: 1rem;
    flex-direction: row;
}

    .ab-card.mini .ab-card_body {
        gap: 0;
    }

.ab-card.balance {
    background-color: var(--ab-grey-1000);
    color: var(--ab-white);
    padding: 1rem;
    min-width: 16rem;
    gap: 1.5rem;
    min-height: auto;
}

    .ab-card.balance .ab-card_head {
        display: flex;
        flex-direction: row;
        align-items: center;
        align-self: stretch;
        gap: .5rem;
    }

        .ab-card.balance .ab-card_head .icon {
            background-color: var(--ab-grey-900);
        }

            .ab-card.balance .ab-card_head .icon i {
                color: var(--ab-system-success);
            }

        .ab-card.balance .ab-card_head .heading {
            font-size: .75rem;
            font-weight: 400;
            letter-spacing: .015rem;
        }

            .ab-card.balance .ab-card_head .heading .amount {
                font-size: 1.5rem;
                font-weight: 700 !important;
            }

        .ab-card.balance .ab-card_head .content {
            font-size: .875rem;
            color: var(--ab-white);
        }

    .ab-card.balance .ab-card_footer ab-list-item {
        padding: 0;
    }

        .ab-card.balance .ab-card_footer ab-list-item a, .ab-card.balance .ab-card_footer ab-list-item i {
            color: var(--ab-white);
        }

.ab-card.check, .ab-card.radio {
    min-height: 9.5rem;
    box-shadow: none;
    border: 1px solid var(--ab-grey-200);
    gap: .5rem;
    gap: .25rem;
    min-height: auto;
    transition: all .3s ease;
}

    .ab-card.check .ab-card_body, .ab-card.radio .ab-card_body {
        justify-content: center;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        display: -webkit-box;
    }

@media all and (max-width:576px) {
    .ab-card.check, .ab-card.radio {
        flex-direction: row;
        align-items: center;
        gap: 1.5rem
    }
}

.ab-card.check:hover, .ab-card.radio:hover {
    transform: translateY(0);
}

.ab-card.check:has(.form-check-input:checked), .ab-card.radio:has(.form-check-input:checked) {
    background-color: var(--ab-secondary);
    border-color: var(--ab-primary);
}

.ab-card.check .ab-card_body, .ab-card.radio .ab-card_body {
    margin-top: 0;
}

.ab-card.check .form-check-input, .ab-card.radio .form-check-input {
    width: 1.25rem;
    height: 1.25rem;
    outline: 0;
    border: 1px solid var(--ab-grey-400);
    margin: 0;
}

    .ab-card.check .form-check-input:checked, .ab-card.radio .form-check-input:checked {
        background-color: var(--ab-primary);
        border: none;
    }

    .ab-card.check .form-check-input:focus, .ab-card.radio .form-check-input:focus {
        box-shadow: none;
        border: 1px solid var(--ab-grey-400);
        outline: 0;
    }

.ab-card.radio {
    flex-direction: row;
    align-items: center;
    gap: 1.5rem;
    padding: .75rem 1rem;
    border: 0;
    min-height: auto;
}

    .ab-card.radio input {
        margin-right: initial;
    }

.ab-card.empty {
    box-shadow: none;
    background-color: rgba(0,102,4,.08);
    border-color: rgba(0,102,4,.08);
    height: 100%;
    min-height: auto;
}

.ab-card.payment {
    border-radius: 1rem;
    border: 1px solid #cfcfcf;
    background: var(--ab-system-success-8);
    padding: 1.5rem 2rem;
    gap: 1.5rem;
}

    .ab-card.payment .nav-item {
        padding-inline-start: 0;
    }

.ab-card.single {
    min-height: auto;
    border-radius: .75rem;
    border: 1px solid var(--Absher-Backgrounds-Outline,#E3E3E3);
    background: var(--Absher-Backgrounds-Grey-Backgrounds,#F9FBFB);
    box-shadow: 0 17px 33px -2px rgba(28,39,49,.05);
    color: var(--Text-Headings,#232425);
    text-align: center;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: auto;
}

.ab-card.service {
    border-radius: 1rem;
    background: var(--Surface-W-Card,#FFFFFF);
    border: 1px solid var(--Border-Primary,#E1E1E1);
    width: 317px;
}

    .ab-card.service .ab-card_body {
        height: auto;
    }

@media all and (max-width:576px) {
    .ab-card.service {
        width: 90%
    }
}

.ab-card.service .ab-card_footer-link {
    padding-left: 0;
    padding-right: 2rem;
}

.rtl .ab-card.service .ab-card_footer-link {
    padding-left: 2rem;
    padding-right: 0;
}

.ab-card.service .ab-card_footer-link::after {
    left: 80%;
}

.rtl .ab-card.service .ab-card_footer-link::after {
    left: 0;
}

.ab-card.new {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .75rem;
    border: 1px solid var(--Absher-Backgrounds-Outline,#E3E3E3);
    background: var(--Surface-Card,#F9FBFB);
    transition: all .5s ease;
}

    .ab-card.new:hover {
        background: var(--Surface-Action-Secondary-Hover,#E5F0E3);
    }

    .ab-card.new .ab-card_body {
        text-align: center;
        justify-content: center;
        align-items: center;
    }

.absher_card-fines {
    display: flex;
    height: 13.75rem;
    padding: 1.5rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    flex-shrink: 0;
    border-radius: .5rem;
    border: 1px solid var(--absher-grey-400);
    background: var(--absher-text-white,#fff);
}

.absher_card-fines--content p {
    color: var(--absher-text-primary,#232425);
    text-align: right;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

    .absher_card-fines--content p b {
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

@media all and (max-width:576px) {
    .swiper-slide > .ab-card {
        height: 310px
    }
}

@media all and (max-height:400px) {
    .swiper-slide > .ab-card {
        height: 300px
    }
}

.ab-icon, .ab-icon--ghost {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
}

.ab-icon--ghost_default i {
    color: inherit;
}

.ab-icon--ghost_primary i {
    color: var(--ab-primary);
}

.ab-icon--ghost_success i {
    color: var(--ab-system-success);
}

.ab-icon--ghost_secondary i {
    color: var(--ab-secondary);
}

.ab-icon--ghost_error i {
    color: var(--ab-system-error-main);
}

.ab-icon--solid {
    width: 2.5rem;
    height: 2.5rem;
}

.ab-icon--solid_default {
    background-color: rgba(42,43,45,.08);
}

    .ab-icon--solid_default i {
        color: var(--ab-text-secondary);
    }

.ab-icon--solid_primary {
    background-color: var(--ab-primary-xlight);
}

    .ab-icon--solid_primary i {
        color: var(--ab-primary);
    }

.ab-icon--solid_success {
    background-color: var(--ab-primary-xlight);
}

    .ab-icon--solid_success i {
        color: var(--ab-system-success);
    }

.ab-icon--solid_secondary {
    background: var(--Surface-Action-Secondary-Hover,#e5f0e3);
}

    .ab-icon--solid_secondary i {
        color: var(--Surface-Action-Primary,#05622e);
    }

.ab-icon--solid_error {
    background-color: var(--Surface-Error-bg,#ffe5e5);
}

    .ab-icon--solid_error i {
        color: var(--Surface-Action-Error,#aa0717);
    }

.ab-input, .abher_table_search .ab-input-group, .ab-input-group {
    border: none;
    font-family: "DIN";
    outline: 1px solid var(--ab-grey-200);
    border-radius: 8px;
    padding: .75rem 1rem;
    width: 100%;
    background-color: var(--ab-bg-white);
    color: var(--ab-text-primary);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25rem;
    box-sizing: border-box;
    min-height: 3rem;
    box-shadow: none;
}

    .ab-input:hover, .abher_table_search .ab-input-group:hover, .ab-input-group:hover {
        outline-color: var(--ab-grey-600);
    }

    .ab-input:focus, .abher_table_search .ab-input-group:focus, .ab-input-group:focus, .ab-input:focus-visible, .abher_table_search .ab-input-group:focus-visible, .ab-input-group:focus-visible, .ab-input.success, .abher_table_search .success.ab-input-group, .success.ab-input-group {
        outline-color: var(--ab-primary);
    }

    .ab-input:invalid, .abher_table_search .ab-input-group:invalid, .ab-input-group:invalid, .ab-input.error, .abher_table_search .error.ab-input-group, .abher_table_search .ab-input:invalid:hover, .abher_table_search .ab-input-group:invalid:hover, .abher_table_search .ab-input:invalid:focus, .abher_table_search .ab-input-group:invalid:focus, .abher_table_search .ab-input:invalid:focus-visible, .abher_table_search .ab-input-group:invalid:focus-visible, .abher_table_search .ab-input.error:hover, .abher_table_search .error.ab-input-group:hover, .abher_table_search .ab-input.error:focus, .abher_table_search .error.ab-input-group:focus, .abher_table_search .ab-input.error:focus-visible, .abher_table_search .error.ab-input-group:focus-visible, .error.ab-input-group, .ab-input:invalid:hover, .ab-input-group:invalid:hover, .ab-input:invalid:focus, .ab-input-group:invalid:focus, .ab-input:invalid:focus-visible, .ab-input-group:invalid:focus-visible, .ab-input.error:hover, .error.ab-input-group:hover, .ab-input.error:focus, .error.ab-input-group:focus, .ab-input.error:focus-visible, .error.ab-input-group:focus-visible {
        outline-color: var(--Icon-Error,#af0818);
    }

        .ab-input:invalid + .hint-msg, .abher_table_search .ab-input-group:invalid + .hint-msg, .ab-input-group:invalid + .hint-msg, .ab-input.error + .hint-msg, .abher_table_search .error.ab-input-group + .hint-msg, .abher_table_search .ab-input:invalid:hover + .hint-msg, .abher_table_search .ab-input:invalid:focus + .hint-msg, .abher_table_search .ab-input:invalid:focus-visible + .hint-msg, .abher_table_search .ab-input.error:hover + .hint-msg, .abher_table_search .ab-input.error:focus + .hint-msg, .abher_table_search .ab-input.error:focus-visible + .hint-msg, .error.ab-input-group + .hint-msg {
            color: var(--ab-system-error);
        }

    .ab-input:disabled, .abher_table_search .ab-input-group:disabled, .ab-input-group:disabled, .ab-input.ab-btn:disabled:hover, .ab-btn.ab-input-group:disabled:hover, .ab-input.ab-btn.disabled:hover, .ab-btn.disabled.ab-input-group:hover, .ab-input.ab-btn--solid:disabled:hover, .ab-btn--solid.ab-input-group:disabled:hover, .ab-input.disabled.ab-btn--solid:hover, .disabled.ab-btn--solid.ab-input-group:hover, .ab-input.ab-btn--outline:disabled:hover, .ab-btn--outline.ab-input-group:disabled:hover, .ab-input.disabled.ab-btn--outline:hover, .disabled.ab-btn--outline.ab-input-group:hover, .ab-input.ab-btn--ghost:disabled:hover, .ab-btn--ghost.ab-input-group:disabled:hover, .ab-input.disabled.ab-btn--ghost:hover, .disabled.ab-btn--ghost.ab-input-group:hover {
        background-color: var(--Icon-Disabled,#e1e1e1);
        outline-color: var(--Icon-Disabled,#e1e1e1);
        color: #fff;
    }

    .ab-input + .hint-msg, .abher_table_search .ab-input-group + .hint-msg, .ab-input-group + .hint-msg {
        color: var(--colors-natural-natural-600,#cacaca);
    }

.ab-input--file {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    .ab-input--file #label {
        font-size: .75rem;
    }

    .ab-input--file label {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: .75rem;
        padding: 1.5rem;
        background-color: var(--ab-white);
        border: 2px dashed var(--ab-grey-200);
        border-radius: .5rem;
    }

.ab-input--file_input {
    display: none;
}

.ab-input--file_text {
    text-align: center;
}

    .ab-input--file_text p {
        font-size: .875rem;
        color: var(--ab-text-primary);
    }

        .ab-input--file_text p strong {
            font-weight: 700;
            color: var(--ab-primary);
        }

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

    .ab-check:checked {
        --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e") !important;
        background-color: var(--ab-primary);
        border-color: var(--ab-primary);
        color: var(--ab-white);
        fill: var(--ab-white);
    }

    .ab-check:focus {
        --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e") !important;
        color: var(--ab-white);
        fill: var(--ab-white);
        border-color: var(--ab-primary);
        outline: 0;
        box-shadow: 0 0 0 .25rem var(--ab-primary-xlight);
    }

.ab-check, .ab-radio {
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    padding: 0;
}

    .ab-check .ab-check_wrapper, .ab-check .ab-radio_wrapper, .ab-radio .ab-check_wrapper, .ab-radio .ab-radio_wrapper {
        display: flex;
        align-items: center;
        gap: .75rem;
    }

    .ab-check .form-check-input, .ab-radio .form-check-input {
        width: 18px;
        height: 18px;
        position: relative;
        background-color: transparent;
        margin: 0 !important;
        transition: all .3s ease-in;
        cursor: pointer;
    }

        .ab-check .form-check-input::before, .ab-radio .form-check-input::before {
            position: absolute;
            content: "";
            top: -10px;
            left: -10px;
            width: 2.25rem;
            height: 2.25rem;
            background-color: rgba(42,43,45,.08);
            transition: opacity .3s ease-in;
            border-radius: 50%;
            z-index: 0;
            opacity: 0;
        }

        .ab-check .form-check-input:focus, .ab-radio .form-check-input:focus {
            box-shadow: none;
        }

        .ab-check .form-check-input:focus-visible, .ab-radio .form-check-input:focus-visible {
            border-color: var(--Border-Success,#1ec27b);
            outline: 0;
            box-shadow: 0 0 0 .25rem rgba(5,98,46,.2);
        }

        .ab-check .form-check-input:hover, .ab-radio .form-check-input:hover {
            border-color: var(--ab-grey-400);
        }

            .ab-check .form-check-input:hover::before, .ab-radio .form-check-input:hover::before {
                opacity: 1;
            }

        .ab-check .form-check-input:checked, .ab-radio .form-check-input:checked {
            background-color: var(--ab-primary);
            border-color: var(--ab-primary);
        }

            .ab-check .form-check-input:checked:focus, .ab-check .form-check-input:checked:focus-visible, .ab-check .form-check-input:checked:hover, .ab-radio .form-check-input:checked:focus, .ab-radio .form-check-input:checked:focus-visible, .ab-radio .form-check-input:checked:hover {
                border-color: var(--ab-primary-darker);
            }

            .ab-check .form-check-input:checked:disabled, .ab-check .form-check-input.ab-btn.disabled:checked:hover, .ab-check .form-check-input.disabled.ab-btn--solid:checked:hover, .ab-check .form-check-input.disabled.ab-btn--outline:checked:hover, .ab-check .form-check-input.disabled.ab-btn--ghost:checked:hover, .ab-radio .form-check-input:checked:disabled, .ab-radio .form-check-input.ab-btn.disabled:checked:hover, .ab-radio .form-check-input.disabled.ab-btn--solid:checked:hover, .ab-radio .form-check-input.disabled.ab-btn--outline:checked:hover, .ab-radio .form-check-input.disabled.ab-btn--ghost:checked:hover {
                background-color: var(--ab-grey-300);
                border-color: var(--ab-grey-300);
            }

            .ab-check .form-check-input:checked::before, .ab-radio .form-check-input:checked::before {
                background-color: #e5ecf5;
            }

        .ab-check .form-check-input:disabled, .ab-check .form-check-input.ab-btn.disabled:hover, .ab-check .form-check-input.disabled.ab-btn--solid:hover, .ab-check .form-check-input.disabled.ab-btn--outline:hover, .ab-check .form-check-input.disabled.ab-btn--ghost:hover, .ab-radio .form-check-input:disabled, .ab-radio .form-check-input.ab-btn.disabled:hover, .ab-radio .form-check-input.disabled.ab-btn--solid:hover, .ab-radio .form-check-input.disabled.ab-btn--outline:hover, .ab-radio .form-check-input.disabled.ab-btn--ghost:hover {
            background-color: transparent;
            border-color: var(--Icon-Disabled,#e1e1e1);
        }

            .ab-check .form-check-input:disabled + label, .ab-check .form-check-input.ab-btn.disabled:hover + label, .ab-check .form-check-input.disabled.ab-btn--solid:hover + label, .ab-check .form-check-input.disabled.ab-btn--outline:hover + label, .ab-check .form-check-input.disabled.ab-btn--ghost:hover + label, .ab-radio .form-check-input:disabled + label, .ab-radio .form-check-input.ab-btn.disabled:hover + label, .ab-radio .form-check-input.disabled.ab-btn--solid:hover + label, .ab-radio .form-check-input.disabled.ab-btn--outline:hover + label, .ab-radio .form-check-input.disabled.ab-btn--ghost:hover + label {
                color: var(--Text-Disabled,#cacaca);
                cursor: not-allowed;
            }

    .ab-check label, .ab-radio label {
        cursor: pointer;
        line-height: 18px;
    }

    .ab-check .label, .ab-radio .label {
        font-size: 1rem;
        font-weight: 700;
        color: var(--absher-text-primary,#232425);
    }

.ab-input-group:has(.ab-input:focus,.abher_table_search .ab-input-group:focus,.ab-input-group:focus), .ab-input-group:focus, .ab-input-group:focus-visible, .ab-input-group:active {
    outline-color: var(--ab-primary);
}

.ab-input-group {
    display: flex;
    padding: 0;
    align-items: center;
    padding-inline-start: .5rem;
    margin: 0;
}

    .ab-input-group svg {
        min-width: 20px;
    }

    .ab-input-group:not(:has(svg)) {
        padding-inline-start: 0;
    }

    .ab-input-group.focus, .ab-input-group .success {
        outline-color: var(--ab-primary);
    }

    .ab-input-group.invalid {
        outline-color: var(--ab-system-error);
    }

        .ab-input-group.invalid + .hint-msg {
            color: var(--ab-system-error);
        }

    .ab-input-group.disabled {
        background-color: var(--ab-grey-100);
        outline-color: var(--ab-grey-200);
        color: var(--ab-grey-600);
    }

    .ab-input-group + .hint-msg {
        color: var(--ab-grey-600);
    }

    .ab-input-group input {
        flex-grow: 1;
        padding: .75rem .25rem;
        outline: transparent;
    }

        .ab-input-group input:hover {
            outline-color: transparent;
        }

        .ab-input-group input:focus, .ab-input-group input:focus-visible, .ab-input-group input.success {
            outline-color: transparent;
        }

    .ab-input-group .input-group-text {
        background-color: transparent;
        border: none;
        width: 1.5rem;
        height: 1.5rem;
        padding: 0;
    }

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}

[dir=ltr] .ab-input-group {
    padding-right: 0;
    padding-left: 1rem;
}

.nav-item {
    padding: .75rem 1.5rem;
}

    .nav-item.active a, .nav-item.active i, .nav-item:hover a, .nav-item:hover i {
        color: var(--ab-primary);
    }

    .nav-item.logout .nav-link .nav-text, .nav-item.logout .nav-link i {
        color: var(--absher-system-error) !important;
    }

    .nav-item.logout:hover .nav-link a, .nav-item.logout:hover .nav-link i {
        color: var(--absher-system-error);
    }

    .nav-item a, .nav-item button, .nav-item .nav-link {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
    }

        .nav-item a .nav-text, .nav-item button .nav-text, .nav-item .nav-link .nav-text {
            margin-inline-end: auto;
        }

            .nav-item a .nav-text span, .nav-item button .nav-text span, .nav-item .nav-link .nav-text span {
                font-weight: bold;
            }

            .nav-item a .nav-text p, .nav-item button .nav-text p, .nav-item .nav-link .nav-text p {
                font-size: 14px;
            }

.ab-label {
    width: fit-content;
    padding: 10px 12px;
    cursor: default;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    border-radius: 8px;
    font-family: "DIN";
    color: var(--ab-text-primary-light);
}

.ab-label--solid {
    background-color: var(--ab-grey-200);
    color: inherit;
}

.ab-label--solid_default {
    background-color: var(--ab-grey-200);
    color: inherit;
}

.ab-label--solid.primary {
    width: fit-content;
    padding: 10px 12px;
    cursor: default;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    border-radius: 8px;
    font-family: "DIN";
    color: var(--ab-text-primary-light);
    background-color: var(--ab-primary);
    color: var(--ab-white);
}

.ab-label--solid.primary-positive {
    width: fit-content;
    padding: 10px 12px;
    cursor: default;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    border-radius: 8px;
    font-family: "DIN";
    color: var(--ab-text-primary-light);
    background: var(--Colors-Main-Colors-Secondary-Color,#E0F5EC);
    color: var(--Colors-Status-Colors-Primary-Positive,#087D4E);
}

.ab-label--solid.info {
    width: fit-content;
    padding: 10px 12px;
    cursor: default;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    border-radius: 8px;
    font-family: "DIN";
    color: var(--ab-text-primary-light);
    background-color: #d2e3c8;
    color: inherit;
}

.ab-label--solid.success {
    width: fit-content;
    padding: 10px 12px;
    cursor: default;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    border-radius: 8px;
    font-family: "DIN";
    color: var(--ab-text-primary-light);
    background-color: #0a9458;
    color: var(--ab-white);
}

.ab-label--solid.warning {
    width: fit-content;
    padding: 10px 12px;
    cursor: default;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    border-radius: 8px;
    font-family: "DIN";
    color: var(--ab-text-primary-light);
    color: var(--Colors-Status-Colors-Primary-Warning,#955C07);
    background: var(--Colors-Status-Colors-Secondary-Warning,#F5EAE0);
}

.ab-label--solid.error, .ab-label--solid.ab-input:invalid:hover, .ab-label--solid.ab-input:invalid:focus, .ab-label--solid.ab-input:invalid:focus-visible, .ab-label--solid.ab-input.error:hover, .ab-label--solid.ab-input.error:focus, .ab-label--solid.ab-input.error:focus-visible, .ab-label--solid.ab-input-group:invalid:hover, .ab-label--solid.ab-input-group:invalid:focus, .ab-label--solid.ab-input-group:invalid:focus-visible, .ab-label--solid.error.ab-input-group:hover, .ab-label--solid.error.ab-input-group:focus, .ab-label--solid.error.ab-input-group:focus-visible {
    width: fit-content;
    padding: 10px 12px;
    cursor: default;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    border-radius: 8px;
    font-family: "DIN";
    color: var(--ab-text-primary-light);
    background-color: #aa0717;
    color: var(--ab-white);
}

.ab-label--solid.sm {
    font-size: .75rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: var(--SpacingCompounant-Button-sm-vertical-3,.375rem);
}

.ab-label--solid-light {
    text-align: center;
}

    .ab-label--solid-light.default {
        width: fit-content;
        padding: 10px 12px;
        cursor: default;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        line-height: 15px;
        font-weight: 400;
        border-radius: 8px;
        font-family: "DIN";
        color: var(--ab-text-primary-light);
        background-color: #FFFAEC;
        color: #4F5154;
    }

    .ab-label--solid-light.business {
        width: fit-content;
        padding: 10px 12px;
        cursor: default;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        line-height: 15px;
        font-weight: 400;
        border-radius: 8px;
        font-family: "DIN";
        color: var(--ab-text-primary-light);
        background: #F0FCFD;
        color: #0A55C5;
    }

    .ab-label--solid-light.primary {
        width: fit-content;
        padding: 10px 12px;
        cursor: default;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        line-height: 15px;
        font-weight: 400;
        border-radius: 8px;
        font-family: "DIN";
        color: var(--ab-text-primary-light);
        transition: all .3s ease;
        background: var(--ab-secondary);
        color: var(--ab-primary);
    }

    .ab-label--solid-light.info {
        width: fit-content;
        padding: 10px 12px;
        cursor: default;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        line-height: 15px;
        font-weight: 400;
        border-radius: 8px;
        font-family: "DIN";
        color: var(--ab-text-primary-light);
        background-color: rgba(0,0,0,.05);
        color: #000;
    }

    .ab-label--solid-light.service-info {
        width: fit-content;
        padding: 10px 12px;
        cursor: default;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        line-height: 15px;
        font-weight: 400;
        border-radius: 8px;
        font-family: "DIN";
        color: var(--ab-text-primary-light);
        background-color: rgba(0,0,0,.05);
        color: #000;
        transition: all .3s ease;
        height: 2.25rem;
    }

        .ab-label--solid-light.service-info:hover {
            color: #F5FCF6;
            background-color: #075127;
        }

        .ab-label--solid-light.service-info:focus {
            color: #F5FCF6;
            background-color: #075127;
        }

        .ab-label--solid-light.service-info:active {
            color: #F5FCF6;
            background-color: #075127;
        }

    .ab-label--solid-light.success {
        width: fit-content;
        padding: 10px 12px;
        cursor: default;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        line-height: 15px;
        font-weight: 400;
        border-radius: 8px;
        font-family: "DIN";
        color: var(--ab-text-primary-light);
        background-color: #0a9458;
        color: var(--ab-white);
    }

    .ab-label--solid-light.warning {
        width: fit-content;
        padding: 10px 12px;
        cursor: default;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        line-height: 15px;
        font-weight: 400;
        border-radius: 8px;
        font-family: "DIN";
        color: var(--ab-text-primary-light);
        background-color: #cc9d24;
        color: var(--ab-white);
    }

    .ab-label--solid-light.error, .ab-label--solid-light.ab-input:invalid:hover, .ab-label--solid-light.ab-input:invalid:focus, .ab-label--solid-light.ab-input:invalid:focus-visible, .ab-label--solid-light.ab-input.error:hover, .ab-label--solid-light.ab-input.error:focus, .ab-label--solid-light.ab-input.error:focus-visible, .ab-label--solid-light.ab-input-group:invalid:hover, .ab-label--solid-light.ab-input-group:invalid:focus, .ab-label--solid-light.ab-input-group:invalid:focus-visible, .ab-label--solid-light.error.ab-input-group:hover, .ab-label--solid-light.error.ab-input-group:focus, .ab-label--solid-light.error.ab-input-group:focus-visible {
        width: fit-content;
        padding: 10px 12px;
        cursor: default;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        line-height: 15px;
        font-weight: 400;
        border-radius: 8px;
        font-family: "DIN";
        color: var(--ab-text-primary-light);
        background-color: #aa0717;
        color: var(--ab-white);
    }

.ab-label--outline {
    background-color: transparent;
    color: var(--ab-text-primary-light);
    border: 1px solid;
}

.ab-label--outline_default {
    border-color: var(--ab-grey-200);
}

.ab-label--outline_primary {
    border-color: var(--ab-primary);
}

.ab-label--outline_info {
    border-color: #d2e3c8;
}

.ab-label--outline_success {
    border-color: #0a9458;
}

.ab-label--outline_warning {
    border-color: #cc9d24;
}

.ab-label--outline_error {
    border-color: #aa0717;
}

.ab-label--light {
    padding: .5rem .75rem;
    border-radius: .5rem;
    color: var(--ab-text-primary-light);
}

.ab-label--light_default {
    background-color: #f9fbfb;
}

.ab-label--light.primary {
    background-color: var(--ab-secondary);
    color: var(--ab-primary);
}

.ab-label--light.info {
    background-color: #f7fbf7;
}

.ab-label--light.success {
    background-color: #edfaf4;
    color: #0a9458;
}

.ab-label--light.warning {
    background-color: #fcedc7;
    color: #8a6a16;
}

.ab-label--light.error, .ab-label--light.ab-input:invalid:hover, .ab-label--light.ab-input:invalid:focus, .ab-label--light.ab-input:invalid:focus-visible, .ab-label--light.ab-input.error:hover, .ab-label--light.ab-input.error:focus, .ab-label--light.ab-input.error:focus-visible, .ab-label--light.ab-input-group:invalid:hover, .ab-label--light.ab-input-group:invalid:focus, .ab-label--light.ab-input-group:invalid:focus-visible, .ab-label--light.error.ab-input-group:hover, .ab-label--light.error.ab-input-group:focus, .ab-label--light.error.ab-input-group:focus-visible {
    background-color: var(--ab-system-error-600);
    color: var(--ab-system-error-darker);
}

.ab-label .error, .ab-label .ab-input:invalid:hover, .ab-label .ab-input:invalid:focus, .ab-label .ab-input:invalid:focus-visible, .ab-label .ab-input.error:hover, .ab-label .ab-input.error:focus, .ab-label .ab-input.error:focus-visible, .ab-label .ab-input-group:invalid:hover, .ab-label .ab-input-group:invalid:focus, .ab-label .ab-input-group:invalid:focus-visible, .ab-label .error.ab-input-group:hover, .ab-label .error.ab-input-group:focus, .ab-label .error.ab-input-group:focus-visible {
    color: var(--ab-system-error-dark);
}

.ab-label .success {
    color: var(--ab-primary);
}

.ab-label .warning {
    color: var(--ab-system-warning-dark);
}

.ab-label .info {
    background-color: rgba(0,0,0,.05);
    color: rgba(0,0,0,0);
}

.ab-popup {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    text-align: center;
    padding: 32px;
    background-color: var(--ab-white);
    border-radius: 16px;
    gap: 2rem;
    max-width: 360px;
    box-shadow: 0 6px 12px 0 rgba(28,39,49,.05);
    -webkit-box-shadow: 0 6px 12px 0 rgba(28,39,49,.05);
}

    .ab-popup .logo {
        width: 35px;
        margin-bottom: 16px;
    }

    .ab-popup i {
        font-size: 56px;
        line-height: normal;
    }

    .ab-popup h5 {
        font-size: 24px;
        font-weight: 700;
        margin-top: 16px;
    }

.ab-popup--default_head i, .ab-popup--success_head i {
    color: var(--ab-system-success-main);
}

.ab-popup--warning_head i {
    color: var(--ab-system-warning-main);
}

.ab-popup--error_head i {
    color: var(--ab-system-error-main);
}

.ab-progress {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.ab-progress--bar {
    flex-grow: 1;
    height: 10px;
    background-color: #f9fbfb;
    border-radius: .25rem;
}

.ab-progress--bar_progress {
    height: 100%;
    width: var(--progress-percent);
    animation: progressbarLine 2s ease-in-out forwards;
    border-radius: .25rem;
    background-color: var(--ab-primary);
}

    .ab-progress--bar_progress.success {
        background-color: var(--ab-system-success-main);
    }

.ab-progress--circular {
    position: relative;
    width: 100px;
    height: 100px;
}

.ab-progress--circular--bar {
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 10px solid #f3f3f3;
}

    .ab-progress--circular--bar::after {
        content: "";
        position: absolute;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        border: 10px solid #3498db;
        clip: rect(0,50px,100px,0);
        transform: rotate(90deg);
    }

.ab-progress--circular--text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-family: Arial,sans-serif;
    font-size: 24px;
    color: #333;
}

.ab-progress-label {
    border: 1px solid var(--ab-natural-outline);
    border-radius: .5rem;
    padding: .5rem .75rem;
    font-size: .75rem;
    font-weight: bold;
    position: absolute;
    z-index: 10;
    min-width: 108px;
    width: 108px;
    background-color: var(--ab-white);
    right: auto;
    left: calc(var(--progress-percent) - 28%);
    animation: progressbarLineLabelLTR 2s ease-in-out forwards;
}

.rtl .ab-progress-label {
    animation: progressbarLineLabel 2s ease-in-out forwards;
    right: calc(var(--progress-percent) - 28%);
    left: auto;
}

.ab-progress-label:before {
    content: "";
    position: absolute;
    width: .75rem;
    height: .75rem;
    background-color: var(--ab-white);
    border: 1px solid var(--ab-natural-outline);
    left: 76px;
    top: -19%;
    z-index: 1;
    transform: rotate(45deg);
    border-bottom: 0;
    border-right: 0;
}

.rtl .ab-progress-label:before {
    left: 10px;
    top: -19%;
}

@keyframes progressbarLine {
    from {
        width: 0
    }

    to {
        width: calc(var(--progress-percent,0))
    }
}

@keyframes progressbarLineLabel {
    from {
        right: -25%;
        opacity: 0
    }

    to {
        right: calc(var(--progress-percent) - 28%);
        opacity: 1
    }
}

@keyframes progressbarLineLabelLTR {
    from {
        left: -25%;
        opacity: 0
    }

    to {
        left: calc(var(--progress-percent) - 28%);
        opacity: 1
    }
}

.ab-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: .5rem;
    margin-top: 3rem;
}

.ab-pagination--default {
    display: flex;
    flex-direction: row;
    gap: .5rem;
}

.ab-pagination--default_page-item_page-link, .ab-pagination--disabled_page-item_page-link, .ab-pagination--primary_page-item_page-link {
    font-size: 1rem;
    border: 1px solid var(--Border-Primary,#e1e1e1);
    color: var(--Text-Body,#232425);
    background-color: var(--ab-white);
    border-radius: .5rem;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    transition: all .1s ease-in;
}

    .ab-pagination--default_page-item_page-link:hover, .ab-pagination--disabled_page-item_page-link:hover, .ab-pagination--primary_page-item_page-link:hover, .ab-pagination--default_page-item_page-link.active, .active.ab-pagination--disabled_page-item_page-link, .active.ab-pagination--primary_page-item_page-link {
        border: 1px solid var(--Border-Primary,#e1e1e1);
        background: var(--Surface-Card,#f9fbfb);
        color: var(--Text-Body,#232425);
    }

    .ab-pagination--default_page-item_page-link.empty, .empty.ab-pagination--disabled_page-item_page-link, .empty.ab-pagination--primary_page-item_page-link {
        background-color: transparent;
        border-color: transparent;
        cursor: initial;
    }

    .ab-pagination--default_page-item_page-link.lg, .lg.ab-pagination--disabled_page-item_page-link, .lg.ab-pagination--primary_page-item_page-link {
        width: 2.5rem;
        height: 2.5rem;
    }

    .ab-pagination--default_page-item_page-link.md, .md.ab-pagination--disabled_page-item_page-link, .md.ab-pagination--primary_page-item_page-link {
        font-size: .875rem;
        width: 2rem;
        height: 2rem;
    }

        .ab-pagination--default_page-item_page-link.md i, .md.ab-pagination--disabled_page-item_page-link i, .md.ab-pagination--primary_page-item_page-link i {
            font-size: 1.25rem;
            width: 1.25rem;
            height: 1.25rem;
            line-height: 1.25rem;
        }

    .ab-pagination--default_page-item_page-link.sm, .sm.ab-pagination--disabled_page-item_page-link, .sm.ab-pagination--primary_page-item_page-link {
        font-size: .75rem;
        width: 1.5rem;
        height: 1.5rem;
    }

        .ab-pagination--default_page-item_page-link.sm i, .sm.ab-pagination--disabled_page-item_page-link i, .sm.ab-pagination--primary_page-item_page-link i {
            font-size: 1rem;
            width: 1rem;
            height: 1rem;
            line-height: 1rem;
        }

.ab-pagination--primary {
    display: flex;
    flex-direction: row;
    gap: .5rem;
}

.ab-pagination--primary_page-item_page-link {
    border: 1px solid var(--ab-system-success-20);
    color: var(--ab-text-primary);
}

@media all and (max-width:576px) {
    .ab-pagination--primary_page-item_page-link {
        width: 1.5rem;
        height: 1.5rem
    }
}

.ab-pagination--primary_page-item_page-link:hover, .ab-pagination--primary_page-item_page-link.active {
    border-color: var(--ab-graphics-illustrations);
    color: var(--ab-primary);
}

.ab-pagination--primary_page-item_page-link.empty {
    background-color: transparent;
    border-color: transparent;
    cursor: initial;
}

.ab-pagination--disabled {
    display: flex;
    flex-direction: row;
    gap: .5rem;
}

.ab-pagination--disabled_page-item_page-link {
    border: 1px solid var(--Border-Primary,#e1e1e1);
    color: var(--Text-Disabled,#cacaca);
    cursor: not-allowed;
    pointer-events: none;
}

    .ab-pagination--disabled_page-item_page-link:hover {
        color: var(--Text-Disabled,#cacaca);
        background-color: initial;
    }

    .ab-pagination--disabled_page-item_page-link.active {
        color: var(--Text-Disabled,#cacaca);
        border: 1px solid var(--Surface-Disable,#f0f0f0);
        background: var(--Surface-Disable,#f0f0f0);
    }

.ab-pagination-list {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: .5rem;
    margin-top: 3rem;
}

    .ab-pagination-list li {
        font-size: 1rem;
        border: 1px solid var(--Border-Primary,#e1e1e1);
        color: var(--Text-Body,#232425);
        background-color: var(--ab-white);
        border-radius: .5rem;
        width: 2.5rem;
        height: 2.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 400;
        transition: all .1s ease-in;
    }

        .ab-pagination-list li:hover, .ab-pagination-list li.active {
            border: 1px solid var(--ab-primary);
            color: var(--ab-text-primary);
        }

        .ab-pagination-list li:empty {
            background-color: transparent;
            border-color: transparent;
            cursor: initial;
        }

        .ab-pagination-list li a {
            width: 100%;
            display: flex;
            place-content: center;
        }

.ab-rating {
    display: inline-block;
    padding: .5rem;
}

.ab-rating--body_stars {
    display: flex;
    flex-direction: row;
    gap: .5rem;
}

.ab-rating--body_stars_item {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: center;
    cursor: pointer;
    width: 3.5rem;
}

    .ab-rating--body_stars_item i {
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem;
    }

        .ab-rating--body_stars_item i::before {
            font-size: 2.5rem;
            color: #d8d8d8;
        }

        .ab-rating--body_stars_item i.active::before {
            color: #f1c40f;
        }

    .ab-rating--body_stars_item span {
        font-size: .625rem;
    }

.ab-rating--vertical .ab-rating--body_stars {
    flex-direction: column;
    gap: 1.5rem;
}

.ab-select {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    font-family: "DIN";
    scrollbar-width: thin;
}

.rtl .ab-select {
    background-position: left .75rem center;
}

.ab-select:focus {
    border-color: var(--ab-primary);
    outline: 0;
    box-shadow: 0 0 0 .25rem var(--ab-primary-xlight);
}

.ab-select.default {
    background-color: var(--ab-white);
    padding: .75rem;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: .5rem;
    border: 1px solid var(--ab-grey-400);
    outline: none;
    height: 3rem;
    cursor: pointer;
    appearance: none;
    display: flex;
    flex-direction: row;
    gap: .5rem;
}

    .ab-select.default select {
        border: 0;
        appearance: none;
    }

.ab-select .ab-select_btn {
    background-color: var(--ab-white);
    display: flex;
    padding: .75rem;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: .5rem;
    border: 1px solid var(--ab-grey-100);
    outline: none;
    width: 100%;
    height: 3rem;
    text-wrap: nowrap;
    cursor: pointer;
}

    .ab-select .ab-select_btn:focus, .ab-select .ab-select_btn:focus-visible {
        outline: 1px solid var(--ab-primary);
    }

    .ab-select .ab-select_btn.show {
        border-bottom-color: transparent;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

        .ab-select .ab-select_btn.show:focus, .ab-select .ab-select_btn.show:focus-visible {
            outline: none;
        }

        .ab-select .ab-select_btn.show svg#arrow {
            transform: rotate(180deg);
            transition: all .2s ease-in;
        }

    .ab-select .ab-select_btn:disabled, .ab-select .ab-select_btn.ab-btn.disabled:hover, .ab-select .ab-select_btn.disabled.ab-btn--solid:hover, .ab-select .ab-select_btn.disabled.ab-btn--outline:hover, .ab-select .ab-select_btn.disabled.ab-btn--ghost:hover {
        background-color: var(--ab-grey-100);
        border-color: var(--ab-grey-100);
    }

        .ab-select .ab-select_btn:disabled span, .ab-select .ab-select_btn.ab-btn.disabled:hover span, .ab-select .ab-select_btn.disabled.ab-btn--solid:hover span, .ab-select .ab-select_btn.disabled.ab-btn--outline:hover span, .ab-select .ab-select_btn.disabled.ab-btn--ghost:hover span {
            color: var(--ab-grey-600);
        }

    .ab-select .ab-select_btn::after {
        display: none;
    }

    .ab-select .ab-select_btn span {
        font-size: 1rem;
        font-weight: 400;
        color: var(--ab-grey-900);
    }

    .ab-select .ab-select_btn i {
        transition: all .2s ease-in;
    }

.ab-select .ab-select_menu {
    border-color: var(--ab-grey-100);
    width: 100%;
    margin-top: -2px;
    outline: none;
}

    .ab-select .ab-select_menu::-webkit-scrollbar {
        height: 1px;
        width: 5px;
    }

    .ab-select .ab-select_menu::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px var(--ab-primary-scroll-thumb);
    }

    .ab-select .ab-select_menu::-webkit-scrollbar-thumb {
        background: var(--ab-primary-scroll-thumb);
        border-radius: 1rem;
    }

    .ab-select .ab-select_menu:focus, .ab-select .ab-select_menu:focus-visible {
        outline: none;
    }

    .ab-select .ab-select_menu.show {
        border-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        margin-top: -2px !important;
        max-height: 400px;
        overflow-y: scroll;
        min-width: fit-content;
    }

    .ab-select .ab-select_menu button {
        color: var(--Text-Headings,#232425);
        background: var(--ab-white);
        border: none;
        width: 100%;
        padding: .75rem .7rem;
        cursor: pointer;
        display: flex;
        gap: 1rem;
        font-weight: 700;
        text-align: start;
        font-size: 1rem;
    }

        .ab-select .ab-select_menu button:hover, .ab-select .ab-select_menu button:focus, .ab-select .ab-select_menu button:focus-visible {
            background-color: var(--ab-grey-100);
        }

        .ab-select .ab-select_menu button.selected {
            background-color: var(--ab-grey-100);
        }

        .ab-select .ab-select_menu button a {
            text-align: initial;
        }

        .ab-select .ab-select_menu button input[type=radio] {
            display: none;
        }

        .ab-select .ab-select_menu button .dropdown_arrow {
            transform: rotate(180deg);
            transition: transform .5s ease;
        }

        .ab-select .ab-select_menu button.accordion-button[aria-expanded=false] .dropdown_arrow {
            transform: rotate(0deg);
        }

        .ab-select .ab-select_menu button span {
            pointer-events: none;
        }

.ab-select .ab-select_menu--province {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1rem;
}

    .ab-select .ab-select_menu--province > span {
        padding: 1rem;
        font-size: 1.15rem;
    }

.ab-select .ab-select_menu--item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 90%;
    border-radius: .75rem;
    border: 1px solid var(--Absher-Backgrounds-Outline,#E3E3E3);
    background: var(--Absher-Backgrounds-Grey-Backgrounds,#F9FBFB);
}

.kiosks-list .ab-select .ab-select_menu--item {
    padding: 1.5rem;
    background: var(--Absher-Backgrounds-Grey-Backgrounds,#F9FBFB);
    border-radius: .75rem;
    transition: all .5s ease;
    border-width: 1px;
    width: 100%;
}

    .kiosks-list .ab-select .ab-select_menu--item:hover {
        border: 2px solid var(--Absher-Indivisuals-Primary,#008550);
        background: var(--Surface-Card,#F9FBFB);
    }

    .kiosks-list .ab-select .ab-select_menu--item svg {
        min-width: 40px;
    }

.ab-select .ab-select_menu--item h5 {
    color: var(--Text-Headings,#232425);
    text-align: start;
    font-family: "DIN";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.ab-select .ab-select_menu--item p {
    color: var(--Text-Headings,#232425);
    text-align: start;
    font-family: "DIN";
    font-size: .675rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.ab-select .ab-select_menu--item span {
    color: var(--ab-primary);
}

.kiosks-list {
    -webkit-mas-image: linear-gradient(0deg,rgba(0,0,0,0),#000 10% 99.5%,rgba(0,0,0,0));
    mask-image: linear-gradient(0deg,rgba(0,0,0,0),#000 10% 99.5%,rgba(0,0,0,0));
    max-height: 27rem;
    overflow-y: scroll;
    padding-bottom: 3rem;
}

.ab-inputType_search {
    border: none;
    height: 200%;
    width: 100%;
    padding: .75rem .5rem;
}

.ab-map {
    width: 100%;
    height: 600px;
}

@media all and (max-width:992px) {
    .ab-map {
        width: 100%;
        height: 300px
    }
}

.ab-helper {
    display: flex;
    padding: var(--Spacing-xl,2rem);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--Spacing-lg,1.5rem);
    border-radius: 1rem;
    background: var(--ab-primary-xxlight);
}

.ab-contact_sector {
    display: flex;
    flex-direction: column;
    padding: var(--Spacing-xl,2rem);
    justify-content: center;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 3.5rem 2rem;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 1rem;
    border-radius: .75rem;
    border: 1px solid var(--Border-Primary,#E1E1E1);
    background: var(--Surface-Card,#F9FBFB);
}

    .ab-contact_sector .accordion-item {
        text-align: start;
        padding: .5rem 1rem;
    }

.ab-card-dashboard-service {
    display: flex;
    padding: var(--Spacing-lg,1rem);
    flex-direction: column;
    gap: var(--Spacing-lg,1.5rem);
    flex: 1 0 0;
    align-self: stretch;
    border-radius: var(--SpacingCompounant-Button-lg-vertical,.75rem);
    overflow: hidden;
    border: var(--Border-none,1px) solid var(--Color-Border-Primary,#E1E1E1);
    background: var(--Surface-Primary,#FFF);
    padding: 1.5rem 1rem 1rem 1rem;
    height: auto;
    font-size: .875rem;
}

    .ab-card-dashboard-service p {
        font-size: .875rem;
        text-wrap: nowrap;
    }

    .ab-card-dashboard-service a {
        color: var(--Text-Clickable,#075127);
        font-size: .875rem;
        font-weight: normal;
        font-weight: 700;
    }

    .ab-card-dashboard-service.error, .ab-card-dashboard-service.ab-input:invalid:hover, .ab-card-dashboard-service.ab-input:invalid:focus, .ab-card-dashboard-service.ab-input:invalid:focus-visible, .ab-card-dashboard-service.ab-input.error:hover, .ab-card-dashboard-service.ab-input.error:focus, .ab-card-dashboard-service.ab-input.error:focus-visible, .ab-card-dashboard-service.ab-input-group:invalid:hover, .ab-card-dashboard-service.ab-input-group:invalid:focus, .ab-card-dashboard-service.ab-input-group:invalid:focus-visible, .ab-card-dashboard-service.error.ab-input-group:hover, .ab-card-dashboard-service.error.ab-input-group:focus, .ab-card-dashboard-service.error.ab-input-group:focus-visible {
        border-color: var(--ab-system-error);
    }

    .ab-card-dashboard-service.welcome {
        align-items: self-start;
        width: 20rem;
        height: 17.5rem;
        border-radius: 1rem;
        border: 1px solid var(--Border-Primary,#E1E1E1);
        background: radial-gradient(93.76% 93.76% at 72.5% 68.75%,rgba(201,221,186,.5) 0%,rgba(255,255,255,0) 100%),radial-gradient(68.85% 68.85% at 22.5% 40%,rgba(249,229,179,.5) 0%,rgba(255,255,255,0) 100%),rgba(255,255,255,.2);
        backdrop-filter: blur(2px);
    }

        .ab-card-dashboard-service.welcome h5 {
            margin-bottom: 1rem;
            text-align: start;
            width: 100%;
        }

@media all and (max-width:1200px) {
    .ab-card-dashboard-service.widget {
        height: auto;
        padding: 1rem .8rem;
        gap: var(--Spacing-lg,.8rem);
        width: 100%
    }

        .ab-card-dashboard-service.widget div {
            width: 100%
        }

        .ab-card-dashboard-service.widget h4 {
            font-size: 1rem;
            font-weight: bold
        }
}

.ab-card-dashboard-service > .ab-card.mini.appointment {
    transition: all .3s ease;
    box-shadow: 0 15px 20px -20px rgba(28,39,49,.08);
}

    .ab-card-dashboard-service > .ab-card.mini.appointment:hover {
        box-shadow: 0 25px 40px -10px rgba(28,39,49,.08);
    }

.ab-fast-access-wrapper {
    text-wrap: nowrap;
    padding: 1rem;
}

    .ab-fast-access-wrapper::-webkit-scrollbar {
        opacity: 0;
        height: 2px;
        width: 2px;
    }

    .ab-fast-access-wrapper::-webkit-scrollbar-thumb {
        opacity: 0;
        background: var(--ab-primary-scroll-thumb);
        border-radius: 2rem;
        display: none;
    }

.ab-fast-access {
    display: flex;
    width: auto;
    height: 2.75rem;
    max-height: 2.75rem;
    max-width: fit-content;
    padding: .625rem 1.25rem;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    flex-shrink: 0;
    border-radius: 2.5rem;
    border: 1px solid var(--Absher-Backgrounds-Outline,#E3E3E3);
    background: var(--ab-white);
    font-weight: 800;
}

    .ab-fast-access svg {
        fill: var(--Absher-Primary-Clickable);
    }

    .ab-fast-access.custom {
        background: transparent;
        border-radius: 2.5rem;
        border: 1px solid var(--Absher-Graphics-Icons-Placeholder-Icons,#969798);
        align-items: center;
    }

        .ab-fast-access.custom svg {
            border-left: none;
            padding-left: 0;
            border-right: 1px solid var(--Absher-Graphics-Icons-Placeholder-Icons,#969798);
            padding-right: .15rem;
            fill: var(--Absher-Primary-Clickable);
        }

.rtl .ab-fast-access.custom svg {
    border-right: none;
    padding-right: 0;
    border-left: 1px solid var(--Absher-Graphics-Icons-Placeholder-Icons,#969798);
    padding-left: .15rem;
}

.ab-fast-access.add-new {
    border-radius: 2.5rem;
    border: 1px solid var(--ab-grey-divider);
    background: var(--ab-white);
    color: var(--ab-text-primary);
    font-size: .875rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

    .ab-fast-access.add-new svg {
        fill: var(--ab-primary);
    }

@media all and (max-width:768px) {
    .ab-fast-access.add-new {
        display: none
    }
}

.ab-fast-access-arrows .arrow {
    display: flex;
    width: 2.5rem;
    height: 2.5rem;
    padding: .5rem;
    justify-content: center;
    align-items: center;
    transition: all .3s ease;
    border-radius: var(--SpacingCompounant-Button-lg-horizental,1.5rem);
    transform: rotate(180deg);
}

.rtl .ab-fast-access-arrows .arrow {
    transform: rotate(0deg);
}

.ab-fast-access-arrows .arrow:last-child {
    background: var(--Surface-W-Card,#FFF);
    box-shadow: 0 17px 33px -2px rgba(28,39,49,.05);
    border: 1px solid var(--Color-Border-Primary,#E1E1E1);
}

.ab-fast-access-arrows > .arrow:hover {
    transform: rotate(180deg) translateY(2px);
    box-shadow: 0 0 6px 0 rgba(28,39,49,.08);
}

.rtl .ab-fast-access-arrows > .arrow:hover {
    transform: rotate(0deg) translateY(2px);
}

.ab-tabs-header {
    background: var(--Surface-Card,#F9FBFB);
    width: 25rem;
}

    .ab-tabs-header button {
        display: flex;
        height: 2.75rem;
        padding: .75rem 1rem;
        justify-content: center;
        align-items: center;
        gap: .5rem;
        font-family: "DIN";
        position: relative;
        z-index: 2;
    }

        .ab-tabs-header button.active::after {
            content: "";
            position: absolute;
            right: 0;
            height: 2.75rem;
            box-shadow: 0 1px 2px 0 rgba(28,39,49,.08);
            border-radius: var(--RadiusCompounant-Inner-Radius,.5rem);
            background: var(--Surface-W-Card,#FFF);
            z-index: -1;
        }

    .ab-tabs-header.nav-tabs {
        padding: 0;
        overflow: hidden;
        border-bottom: 2px solid var(--ab-grey-divider);
    }

        .ab-tabs-header.nav-tabs .nav-item .nav-link {
            margin: .4rem;
        }

            .ab-tabs-header.nav-tabs .nav-item .nav-link::after {
                display: none;
            }

.ab-card-list {
    border-radius: 1rem;
    border: 1px solid var(--Absher-Backgrounds-Outline,#E3E3E3);
    backdrop-filter: blur(43.5px);
    padding: 1rem;
}

.ab-card-list_item {
    display: flex;
    flex-direction: row;
    padding: .75rem 1rem;
    gap: 1rem;
}

    .ab-card-list_item:not(:last-child) {
        border-bottom: 2px solid var(--Border-Primary,#E1E1E1);
    }

.ab-card-list_item--icon {
    display: flex;
    padding: .5rem;
    justify-content: center;
    align-items: center;
    gap: .625rem;
    border-radius: .5rem;
    background: var(--absher-graphics-illustrations-grey-8,rgba(42,43,45,.08));
}

    .ab-card-list_item--icon.warning {
        background: var(--Absher-System-Error-Light,#FF8484);
    }

.ab-card-list_item--body h5 {
    font-size: 1rem;
}

.ab-card-list_item--body p {
    font-size: .875rem;
}

.ab-accordion {
    text-align: start;
    background-color: transparent;
}

    .ab-accordion .accordion-item {
        background-color: transparent;
    }

    .ab-accordion .accordion-button:not(.collapsed) {
        background-color: transparent;
        color: var(--ab-primary);
    }

    .ab-accordion .accordion-button:focus {
        color: var(--ab-primary);
        border-color: transparent;
        box-shadow: none;
    }

    .ab-accordion .accordion-button {
        text-align: start;
        background-color: transparent;
    }

    .ab-accordion .accordion-body {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

    .ab-accordion.lines {
        border-radius: 0;
    }

        .ab-accordion.lines .accordion-item:first-of-type {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            border-top: 0;
            border-inline: 0;
        }

        .ab-accordion.lines .accordion-item {
            border-inline: 0;
        }

            .ab-accordion.lines .accordion-item:last-of-type {
                border-radius: 0;
            }

.login-form-container {
    z-index: 25;
    margin-right: auto;
    max-width: 1400px;
    gap: 2.5rem;
    flex-direction: row;
    justify-content: flex-end;
    padding-top: 5rem;
    padding-bottom: 3rem;
}

@media all and (max-width:768px) {
    .login-form-container {
        padding-top: 0
    }
}

.login-form {
    align-items: start;
   font-family : DroidArabicKufi !important ;
}

    .login-form label {
        cursor: default;
        font-family: DroidArabicKufi !important;
    }

    .login-form form {
        position: relative;
        margin-left: auto;
        margin-right: 0;
        display: flex;
        padding: 2rem 2rem;
        flex-direction: column;
        z-index: 10;
        width: 400px;
        max-width: 27rem;
        border-radius: 1rem;
        background: var(--ab-bg-white);
        box-shadow: 0 21.278px 41.305px -2.503px rgba(28,39,49,.05);
        font-family: DroidArabicKufi !important;
    }

.rtl .login-form form {
    margin-right: auto;
    margin-left: 0;
    font-family: DroidArabicKufi !important;
}

@media all and (max-width:992px) {
    .login-form form {
        margin-right: 0;
        margin-left: 0;
        width: 100%;
        max-width: 100%;
        font-family: DroidArabicKufi !important;
    }
}

.login-form .form-title {
    font-size: 1.25rem;
    font-family: DroidArabicKufi !important;
}

.login-form--footer {
    margin-top: 2rem;
    align-items: center;
    display: flex;
    gap: 1rem;
    flex-direction: column;
    justify-content: center;
    font-family: DroidArabicKufi !important;
}

.login-form .pwd-eye {
    min-width: 1.5rem;
    height: 1.5rem;
    fill: var(--ab-primary);
    font-family: DroidArabicKufi !important;
}

.ab-service-rating {
    display: flex;
    align-items: center;
    padding: 30px 12px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1140px;
}

.ab-service-rating_stars {
    display: flex;
    flex-wrap: nowrap;
    margin-inline: .5rem;
    width: fit-content;
    gap: .36rem;
}

.ab-service-rating_result {
    font-size: 1.125rem;
    display: flex;
    align-items: center;
    margin-inline: .5rem;
}

.ab-service-rating > .ab-btn--solid, .ab-service-rating > .ab-btn--outline, .ab-service-rating > .ab-btn--ghost {
    margin-left: auto;
}

.rtl .ab-service-rating > .ab-btn--solid, .rtl .ab-service-rating > .ab-btn--outline, .rtl .ab-service-rating > .ab-btn--ghost {
    margin-right: auto;
    margin-left: 0;
}

.ab-service-rating-feedback-body h3 {
    font-size: 1.625rem !important;
}

.ab-service-rating:first-child {
    flex-direction: row;
}

@media all and (max-width:768px) {
    .ab-service-rating:first-child {
        flex-direction: column
    }

    .ab-service-rating > div {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1rem
    }

    .ab-service-rating > .ab-btn--solid, .ab-service-rating > .ab-btn--outline, .ab-service-rating > .ab-btn--ghost {
        margin-top: 1rem;
        margin-right: 0 !important;
        margin-left: 0 !important
    }
}

.ab-rating-form {
    margin-top: 40px;
}

.ab-rating-star {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    padding: 0 1px;
    margin-inline: .3rem;
    font-size: 40px !important;
    width: 24px;
    text-decoration: none !important;
    color: #ddd;
    font-family: "remixicon" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    transition: color .1s ease;
    text-decoration: none;
}

    .ab-rating-star::after {
        content: "\f186";
        transition: all .6s cubic-bezier(.25,.8,.25,1);
    }

    .ab-rating-star.hover {
        color: #efe02a;
    }

.a11y-cc-dark .ab-rating-star.hover {
    color: black;
}

.a11y-cc-gray .ab-rating-star.hover {
    color: black;
}

.ab-platforms-dropdown {
    width: fit-content;
    min-width: auto !important;
}

@media all and (max-width:992px) {
    .ab-platforms-dropdown {
        width: 100%
    }
}

.ab-platforms-dropdown p {
    text-align: start;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0 !important;
}

@media all and (max-width:992px) {
    .ab-platforms-dropdown p {
        margin-top: 1.5rem;
        margin-bottom: 1rem !important
    }
}

.ab-platforms-dropdown .dropdown-menu[data-bs-popper] {
    top: 65px;
}

.ab-platforms-dropdown .dropdown-toggle {
    cursor: pointer;
    color: var(--Colors-Text-Primary-Text,#232323);
    transition: all .3s ease;
}

    .ab-platforms-dropdown .dropdown-toggle .icon_primary-stroke {
        transform: rotate(-90deg);
    }

.rtl .ab-platforms-dropdown .dropdown-toggle .icon_primary-stroke {
    transform: rotate(0);
}

.ab-platforms-dropdown .dropdown-toggle:hover {
    color: var(--ab-primary);
}

.ab-platforms-dropdown .dropdown-toggle::after {
    display: none;
}

.ab-platforms-dropdown .dropdown-menu {
    right: 0;
    min-width: 100%;
    width: 366px;
}

.ab-platforms-dropdown .dropdown-item {
    padding-block: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .ab-platforms-dropdown .dropdown-item .rtl {
        direction: ltr;
    }

    .ab-platforms-dropdown .dropdown-item:active {
        background-color: var(--ab-bg-white) !important;
        color: var(--ab-primary);
    }

.ab-platforms-dropdown .dropdown-item-label {
    display: flex;
    align-items: center;
    text-align: start;
    gap: 1rem;
}

    .ab-platforms-dropdown .dropdown-item-label span small {
        max-width: 90%;
        text-wrap: wrap;
    }

    .ab-platforms-dropdown .dropdown-item-label ~ svg {
        transform: rotate(90deg);
        min-width: 18px;
    }

.rtl .ab-platforms-dropdown .dropdown-item-label ~ svg {
    transform: rotate(0deg);
}

.ab-platforms-dropdown li:first-child {
    border-bottom: 1px solid #E1E1E1;
}

.ab-textarea-input {
    width: 100%;
    margin-top: 16px;
    padding: 18px 25px;
    font-size: .875rem;
    border: unset;
    border-radius: unset;
    resize: none;
    border-radius: .35rem;
    margin-bottom: 1rem;
}

    .ab-textarea-input:focus-visible {
        outline: 0;
        box-shadow: 0 0 0 2px #fff,0 0 0 4px var(--ab-primary);
    }

.ab-balance-card {
    border: 1px solid var(--ab-grey-divider);
    border-radius: .5rem;
    padding: 1.5rem;
    background: linear-gradient(250deg,#e3f8ef 26.92%,#f9f6ee 117.29%);
}

.ab-balance-widget {
    padding: 1.5rem;
    border: 1px solid var(--ab-grey-divider);
    border-radius: .5rem;
    background-color: var(--ab-grey-color-200);
    mix-blend-mode: multiply;
}

.ab-placeholder .placeholder {
    background-image: linear-gradient(90deg,rgba(255,255,255,0) 0%,var(--ab-primary-placeholder) 49%);
    background-color: transparent;
}

.ab-new-service {
    transition: transform .5s ease;
    display: flex;
    max-width: 20rem;
    width: auto;
    height: 21rem;
    padding: var(--Spacing-md,1rem);
    flex-direction: column;
    gap: var(--Spacing-sm,.75rem);
    border-radius: .75rem;
    border: 1px solid var(--Border-Primary,#E3E3E3);
    background: var(--Surface-W-Card,#FFF);
    box-shadow: 0 17px 33px -2px rgba(28,39,49,.05);
}

    .ab-new-service:hover {
        transform: translateY(-1rem);
        cursor: pointer;
    }

.ab-new-service-head {
    width: 100%;
    border-radius: var(--SpacingCompounant-Button-lg-vertical,.75rem);
    background: var(--Surface-Card,#F9FBFB);
}

.ab-new-service-body--tag {
    display: flex;
    max-width: 3rem;
    height: 1.75rem;
    padding: var(--Spacing-xs,.5rem) var(--Spacing-sm,.75rem);
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-md,1rem);
    border-radius: var(--RadiusCompounant-Cards,.5rem);
    background: var(--Surface-Card,#F9FBFB);
}

    .ab-new-service-body--tag p {
        color: var(--Absher-Grey-800,#4F5154);
        text-align: center;
        font-family: "DIN";
        font-size: .75rem;
        font-style: normal;
        font-weight: 400;
        line-height: 125%
    }

.ab-new-service-body h6 {
    color: var(--Text-Headings,#232425);
    text-align: right;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.ab-new-service-body p {
    color: var(--Text-Headings,#232425);
    text-align: right;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.ab-new-service-footer {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
    text-align: right;
    font-size: .875rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: .0175rem;
}

    .ab-new-service-footer p {
        color: var(--ab-primary-1000);
    }

@media all and (max-width:768px) {
    .ab-new-service {
        width: 100%
    }
}

.ab-news-card {
    transition: transform .5s ease;
    display: flex;
    max-width: 20.3rem;
    width: auto;
    height: 27rem;
    margin: 2rem 0;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    border-radius: .75rem;
    border: 1px solid var(--Border-Primary,#E3E3E3);
    background: var(--Surface-W-Card,#FFF);
    box-shadow: 0 17px 33px -2px rgba(28,39,49,.05);
}

    .ab-news-card:hover {
        transform: translateY(-1rem);
        cursor: pointer;
    }

@media all and (max-width:992px) {
    .ab-news-card {
        width: 100%
    }
}

.ab-news-card-head {
    height: 14.4375rem;
    width: 100%;
    overflow: hidden;
}

    .ab-news-card-head img {
        width: 100%;
        object-fit: cover;
        height: 100%;
        border-radius: .75rem .75rem 0 0;
    }

.ab-news-card-body {
    padding: var(--Spacing-md,1rem);
}

    .ab-news-card-body h6 {
        color: var(--Text-Headings,#232425);
        text-align: start;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .ab-news-card-body p {
        color: var(--Text-Headings,#232425);
        text-align: start;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        font-size: .875rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

.ab-news-card-body--tag {
    display: flex;
    height: 1.75rem;
    justify-content: flex-start;
    align-items: center;
    gap: var(--Spacing-md,1rem);
}

    .ab-news-card-body--tag p {
        color: var(--Text-Subtitles,#525451);
        text-align: start;
        font-family: "DIN";
        font-size: .75rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: .015rem;
    }

.ab-news-card-footer {
    transform: translateY(-10px);
    width: 100%;
    padding: var(--Spacing-md,1rem);
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
    text-align: start;
    font-size: .875rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: .0175rem;
}

    .ab-news-card-footer p {
        color: var(--ab-primary-1000);
        font-size: .875rem;
    }

.ab-table {
    font-family: "DIN";
    display: block;
    width: 900px;
    min-width: 100%;
}

@media all and (max-width:768px) {
    .ab-table.responsive {
        display: none
    }
}

.ab-table_header {
    padding: .9rem .6rem;
    background: var(--ab-graphics-illustrations-grey-8,rgba(42,43,45,.08));
    border-bottom: 1px solid var(--ab-backgrounds-outline,#e3e3e3);
}

.ab-table_header-title {
    display: flex;
    flex-direction: row;
}

    .ab-table_header-title::slotted(*) {
        color: var(--ab-text-colors-primary,#232425);
        font-size: 1rem;
        font-weight: bold;
        font-weight: 700;
        line-height: normal;
    }

    .ab-table_header-title > *:only-child {
        display: none;
        visibility: hidden;
    }

.ab-table_content {
    padding: .9rem .6rem;
}

    .ab-table_content:not(:nth-child(even)) {
        border-bottom: 1px solid var(--ab-backgrounds-outline,#e3e3e3);
    }

.ab-table th:empty {
    display: none;
}

.ab-table thead {
    overflow-x: scroll;
}

.ab-table th {
    cursor: pointer;
    padding: .9rem .6rem;
    min-width: 100px;
    white-space: nowrap;
}

@media all and (max-width:768px) {
    .ab-table th {
        white-space: pre-wrap
    }
}

.ab-table th .sorting {
    width: 34px;
    height: 24px;
    position: relative;
    display: inline-block;
}

    .ab-table th .sorting i:nth-child(1) {
        position: absolute;
        width: 24px;
        right: 5px;
        top: 10px;
    }

    .ab-table th .sorting i:nth-child(2) {
        position: absolute;
        width: 24px;
        right: 5px;
        top: 0;
    }

.ab-table td {
    padding: .9rem .6rem;
    min-width: 100px;
}

.ab_table_mobile {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-more-spacing-m,.75rem);
}

.ab-table-container {
    border: 1px solid rgba(0,0,0,.1);
    border-radius: .3rem;
}

.ab-table-responsive th {
    text-align: center !important;
    height: 3rem;
}

    .ab-table-responsive th span {
        font-weight: bold !important;
    }

.ab-table-container table {
    border-collapse: collapse !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    table-layout: fixed !important;
}

@media screen and (max-width:768px) {
    .ab-table-container {
        border: none !important
    }

        .ab-table-container tr {
            height: unset !important
        }

    #eservice-container .common-body .ab-table-container table input[type=submit] {
        width: unset !important
    }

    .ab-table-container table {
        border: 0 !important
    }

        .ab-table-container table thead {
            border: none !important;
            clip: rect(0 0 0 0) !important;
            height: 1px !important;
            margin: -1px !important;
            overflow: hidden !important;
            padding: 0 !important;
            position: absolute !important;
            width: 1px
        }

        .ab-table-container table tr {
            border: 1px solid rgba(0,0,0,.1) !important;
            padding: .5rem;
            border-radius: .3rem;
            margin-block: 1rem;
            display: block !important
        }

        .ab-table-container table td {
            display: block !important;
            padding-block: .5rem
        }

    .ltr .ab-table-container table td {
        text-align: right !important
    }

    .rtl .ab-table-container table td {
        text-align: left !important
    }

    .ab-table-container table td::before {
        content: attr(data-label) !important;
        font-weight: bold !important;
        text-transform: uppercase !important
    }

    .ltr .ab-table-container table td::before {
        float: left !important
    }

    .rtl .ab-table-container table td::before {
        float: right !important
    }

    .ab-table-container table td:last-child {
        border-bottom: 0 !important
    }
}

.nav-tabs {
    gap: 1rem;
    border: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 1rem;
    margin-bottom: .5rem;
}

@media all and (min-width:768px) {
    .nav-tabs::-webkit-scrollbar {
        height: .5rem
    }

    .nav-tabs::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(183,183,183,.2)
    }

    .nav-tabs::-webkit-scrollbar-thumb {
        background: rgba(183,183,183,.4);
        border-radius: 1rem
    }
}

.nav-tabs .nav-item {
    display: flex;
    justify-content: stretch;
    width: auto;
    min-width: inherit;
    flex: 1 0 8rem;
    padding: 0;
}

    .nav-tabs .nav-item .nav-link {
        display: flex;
        gap: .5rem;
        justify-content: center;
        align-items: center;
        padding: .75rem .5rem !important;
        flex: 1;
        border: none;
        border-bottom: 1px solid transparent;
        font-family:  DroidArabicKufi !important;;
        font-weight: 400;
        text-wrap: nowrap;
        position: relative;
        color: var(--Text-Body,#232425);
    }

        .nav-tabs .nav-item .nav-link::after {
            position: absolute;
            content: "";
            width: 100%;
            height: 0;
            bottom: 0;
            right: 0;
            opacity: 0;
            background-color: var(--Text-Body,#232425);
            z-index: 100;
            transition: all .2s ease-in-out;
        }

        .nav-tabs .nav-item .nav-link:hover {
            font-weight: 700;
        }

            .nav-tabs .nav-item .nav-link:hover::after {
                height: 2px;
                opacity: 1;
            }

        .nav-tabs .nav-item .nav-link.active {
            font-weight: 700;
            border-bottom: 2px solid var(--ab-primary);
        }

            .nav-tabs .nav-item .nav-link.active::after {
                height: 2px;
                opacity: 1;
            }

.tab-pane {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    overflow-x: auto;
}

@media all and (min-width:768px) {
    .tab-pane::-webkit-scrollbar {
        height: .5rem
    }

    .tab-pane::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(183,183,183,.2)
    }

    .tab-pane::-webkit-scrollbar-thumb {
        background: rgba(183,183,183,.4);
        border-radius: 1rem
    }
}

.tab-pane.active {
    display: flex;
}

@media all and (max-width:768px) {
    .tab-pane ab-card {
        flex: 0 1 calc(50% - .75rem)
    }
}

.ab-tabs {
    border-radius: .5rem;
    overflow: hidden;
    padding-block: .5rem;
}

    .ab-tabs .nav-item {
        color: var(--ab-primary);
    }

        .ab-tabs .nav-item .nav-link {
            border: 1px solid var(--ab-natural-outline);
            border-radius: .5rem;
            color: var(--ab-text-primary);
            background-color: transparent;
        }

            .ab-tabs .nav-item .nav-link svg {
                fill: inherit;
            }

            .ab-tabs .nav-item .nav-link:hover {
                border-color: var(--ab-primary);
            }

                .ab-tabs .nav-item .nav-link:hover::after {
                    display: none;
                }

            .ab-tabs .nav-item .nav-link .icon-stroke {
                stroke: var(--ab-text-primary);
                fill: none;
            }

            .ab-tabs .nav-item .nav-link .icon-fill {
                fill: var(--ab-text-primary);
            }

            .ab-tabs .nav-item .nav-link.active {
                background-color: var(--ab-primary-lighter);
                border: 1px solid var(--ab-primary);
                border-radius: .5rem;
                color: var(--ab-primary);
            }

                .ab-tabs .nav-item .nav-link.active .icon-stroke {
                    stroke: var(--ab-primary);
                }

                .ab-tabs .nav-item .nav-link.active .icon-fill {
                    fill: var(--ab-primary);
                }

                .ab-tabs .nav-item .nav-link.active::after {
                    display: none;
                }

.ab-stepper {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

    .ab-stepper .step {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        flex: 1 1 50%;
        gap: .5rem;
    }

        .ab-stepper .step:not(:first-of-type)::before {
            position: absolute;
            content: "";
            width: 100%;
            height: 2px;
            background-color: transparent;
            border: 1px dashed var(--ab-grey-400);
            top: 1rem;
            left: 50%;
            z-index: 1;
        }

        .ab-stepper .step .number {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 2rem;
            height: 2rem;
            line-height: 1;
            background-color: var(--ab-white);
            border: 2px solid var(--ab-grey-400);
            color: var(--ab-text-secondary);
            border-radius: 50%;
            text-align: center;
            z-index: 2;
        }

        .ab-stepper .step .label {
            font-weight: 400;
        }

        .ab-stepper .step.completed {
            font-weight: 700;
            color: var(--ab-primary);
        }

            .ab-stepper .step.completed:before {
                background-color: transparent;
                border: 1px dashed var(--ab-primary);
            }

            .ab-stepper .step.completed .number {
                background-color: var(--ab-primary);
                border-color: var(--ab-primary);
                color: var(--ab-white);
                font-weight: 400;
            }

            .ab-stepper .step.completed .label {
                font-weight: 700;
                color: var(--ab-primary);
            }

        .ab-stepper .step.checked:before {
            background-color: transparent;
        }

        .ab-stepper .step.checked .number {
            background-color: var(--ab-primary);
            border-color: var(--ab-primary);
            color: var(--ab-white);
        }

        .ab-stepper .step.active:before {
            background-color: transparent;
            border: 1px dashed var(--ab-primary);
            color: var(--ab-primary);
        }

        .ab-stepper .step.active .number {
            border-color: var(--ab-primary);
            color: var(--ab-primary);
        }

    .ab-stepper.vertical {
        flex-direction: column;
        gap: 4rem;
    }

        .ab-stepper.vertical .step {
            flex-direction: row;
            gap: .5rem;
        }

            .ab-stepper.vertical .step::before {
                width: 2px;
                height: 8rem;
                top: -6rem;
                z-index: 1;
                right: 1rem;
            }

    .ab-stepper.mobile {
        margin: 20px;
        width: 2rem;
        height: 2rem;
        position: relative;
    }

.ab-table {
    font-family: "DIN";
    display: block;
    width: 900px;
    min-width: 100%;
}

@media all and (max-width:768px) {
    .ab-table.responsive {
        display: none
    }
}

.ab-table_header {
    padding: .9rem .6rem;
    background: var(--ab-graphics-illustrations-grey-8,rgba(42,43,45,.08));
    border-bottom: 1px solid var(--ab-backgrounds-outline,#e3e3e3);
}

.ab-table_header-title {
    display: flex;
    flex-direction: row;
}

    .ab-table_header-title::slotted(*) {
        color: var(--ab-text-colors-primary,#232425);
        font-size: 1rem;
        font-weight: bold;
        font-weight: 700;
        line-height: normal;
    }

    .ab-table_header-title > *:only-child {
        display: none;
        visibility: hidden;
    }

.ab-table_content {
    padding: .9rem .6rem;
}

    .ab-table_content:not(:nth-child(even)) {
        border-bottom: 1px solid var(--ab-backgrounds-outline,#e3e3e3);
    }

.ab-table th:empty {
    display: none;
}

.ab-table thead {
    overflow-x: scroll;
}

.ab-table th {
    cursor: pointer;
    padding: .9rem .6rem;
    min-width: 100px;
    white-space: nowrap;
}

@media all and (max-width:768px) {
    .ab-table th {
        white-space: pre-wrap
    }
}

.ab-table th .sorting {
    width: 34px;
    height: 24px;
    position: relative;
    display: inline-block;
}

    .ab-table th .sorting i:nth-child(1) {
        position: absolute;
        width: 24px;
        right: 5px;
        top: 10px;
    }

    .ab-table th .sorting i:nth-child(2) {
        position: absolute;
        width: 24px;
        right: 5px;
        top: 0;
    }

.ab-table td {
    padding: .9rem .6rem;
    min-width: 100px;
}

.ab_table_mobile {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-more-spacing-m,.75rem);
}

.ab-table-container {
    border: 1px solid rgba(0,0,0,.1);
    border-radius: .3rem;
}

.ab-table-responsive th {
    text-align: center !important;
    height: 3rem;
}

    .ab-table-responsive th span {
        font-weight: bold !important;
    }

.ab-table-container table {
    border-collapse: collapse !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    table-layout: fixed !important;
}

@media screen and (max-width:768px) {
    .ab-table-container {
        border: none !important
    }

        .ab-table-container tr {
            height: unset !important
        }

    #eservice-container .common-body .ab-table-container table input[type=submit] {
        width: unset !important
    }

    .ab-table-container table {
        border: 0 !important
    }

        .ab-table-container table thead {
            border: none !important;
            clip: rect(0 0 0 0) !important;
            height: 1px !important;
            margin: -1px !important;
            overflow: hidden !important;
            padding: 0 !important;
            position: absolute !important;
            width: 1px
        }

        .ab-table-container table tr {
            border: 1px solid rgba(0,0,0,.1) !important;
            padding: .5rem;
            border-radius: .3rem;
            margin-block: 1rem;
            display: block !important
        }

        .ab-table-container table td {
            display: block !important;
            padding-block: .5rem
        }

    .ltr .ab-table-container table td {
        text-align: right !important
    }

    .rtl .ab-table-container table td {
        text-align: left !important
    }

    .ab-table-container table td::before {
        content: attr(data-label) !important;
        font-weight: bold !important;
        text-transform: uppercase !important
    }

    .ltr .ab-table-container table td::before {
        float: left !important
    }

    .rtl .ab-table-container table td::before {
        float: right !important
    }

    .ab-table-container table td:last-child {
        border-bottom: 0 !important
    }
}

.ab-table-card {
    display: flex;
    max-width: 37.5rem;
    padding: var(--Spacing-xs,1.5rem) 1rem;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    font-family: "DIN";
    border-radius: .5rem;
    border: 1px solid var(--Border-Primary,#E1E1E1);
    background: var(--Surface-Page,#FFF);
}

.ab-table-card_head {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-self: stretch;
}

    .ab-table-card_head h4 {
        color: var(--absher-text-colors-primary,#232425);
        font-size: 1rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

.ab-table-card_body {
    display: grid;
    grid-template-columns: auto auto;
    width: 100%;
    gap: .5rem;
    margin-top: 1.75rem;
    font-size: .625rem;
}

.ab-table-card_body-item {
    font-size: .825rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
}

    .ab-table-card_body-item > p {
        font-size: .825rem;
    }

        .ab-table-card_body-item > p:nth-child(2) {
            font-size: 1rem;
            font-weight: 700;
        }

.ab-table-card_footer {
    margin-right: 0;
    margin-left: auto;
}

.rtl .ab-table-card_footer {
    margin-right: auto;
    margin-left: 0;
}

.nav-tabs {
    gap: 1rem;
    border: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 1rem;
    margin-bottom: .5rem;
}

@media all and (min-width:768px) {
    .nav-tabs::-webkit-scrollbar {
        height: .5rem
    }

    .nav-tabs::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(183,183,183,.2)
    }

    .nav-tabs::-webkit-scrollbar-thumb {
        background: rgba(183,183,183,.4);
        border-radius: 1rem
    }
}

.nav-tabs .nav-item {
    display: flex;
    justify-content: stretch;
    width: auto;
    min-width: inherit;
    flex: 1 0 8rem;
    padding: 0;
}

    .nav-tabs .nav-item .nav-link {
        display: flex;
        gap: .5rem;
        justify-content: center;
        align-items: center;
        padding: .75rem .5rem !important;
        flex: 1;
        border: none;
        border-bottom: 1px solid transparent;
        font-family:  DroidArabicKufi !important;;
        font-weight: 400;
        text-wrap: nowrap;
        position: relative;
        color: var(--Text-Body,#232425);
    }

        .nav-tabs .nav-item .nav-link::after {
            position: absolute;
            content: "";
            width: 100%;
            height: 0;
            bottom: 0;
            right: 0;
            opacity: 0;
            background-color: var(--Text-Body,#232425);
            z-index: 100;
            transition: all .2s ease-in-out;
        }

        .nav-tabs .nav-item .nav-link:hover {
            font-weight: 700;
        }

            .nav-tabs .nav-item .nav-link:hover::after {
                height: 2px;
                opacity: 1;
            }

        .nav-tabs .nav-item .nav-link.active {
            font-weight: 700;
            border-bottom: 2px solid var(--ab-primary);
        }

            .nav-tabs .nav-item .nav-link.active::after {
                height: 2px;
                opacity: 1;
            }

.tab-pane {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    overflow-x: auto;
}

@media all and (min-width:768px) {
    .tab-pane::-webkit-scrollbar {
        height: .5rem
    }

    .tab-pane::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(183,183,183,.2)
    }

    .tab-pane::-webkit-scrollbar-thumb {
        background: rgba(183,183,183,.4);
        border-radius: 1rem
    }
}

.tab-pane.active {
    display: flex;
}

@media all and (max-width:768px) {
    .tab-pane ab-card {
        flex: 0 1 calc(50% - .75rem)
    }
}

.ab-tabs {
    border-radius: .5rem;
    overflow: hidden;
    padding-block: .5rem;
}

    .ab-tabs .nav-item {
        color: var(--ab-primary);
    }

        .ab-tabs .nav-item .nav-link {
            border: 1px solid var(--ab-natural-outline);
            border-radius: .5rem;
            color: var(--ab-text-primary);
            background-color: transparent;
        }

            .ab-tabs .nav-item .nav-link svg {
                fill: inherit;
            }

            .ab-tabs .nav-item .nav-link:hover {
                border-color: var(--ab-primary);
            }

                .ab-tabs .nav-item .nav-link:hover::after {
                    display: none;
                }

            .ab-tabs .nav-item .nav-link .icon-stroke {
                stroke: var(--ab-text-primary);
                fill: none;
            }

            .ab-tabs .nav-item .nav-link .icon-fill {
                fill: var(--ab-text-primary);
            }

            .ab-tabs .nav-item .nav-link.active {
                background-color: var(--ab-primary-lighter);
                border: 1px solid var(--ab-primary);
                border-radius: .5rem;
                color: var(--ab-primary);
            }

                .ab-tabs .nav-item .nav-link.active .icon-stroke {
                    stroke: var(--ab-primary);
                }

                .ab-tabs .nav-item .nav-link.active .icon-fill {
                    fill: var(--ab-primary);
                }

                .ab-tabs .nav-item .nav-link.active::after {
                    display: none;
                }

.ab-tag {
    cursor: pointer;
    font-family: "DIN";
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    display: flex;
    height: auto;
    width: auto;
    padding: .5rem .75rem;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 1rem;
    border-radius: 2rem;
    background: var(--ab-backgrounds-outline,#E3E3E3);
    border-radius: 2rem;
}

    .ab-tag.success {
        background: var(--ab-system-success-lighter,#EDFAF4);
    }

        .ab-tag.success::slotted(*) {
            color: var(--ab-system-success-darker,#0A9458) !important;
        }

    .ab-tag.info {
        background: var(--ab-informative-lighter,#FAF4EB);
    }

        .ab-tag.info::slotted(*) {
            color: var(--ab-informative-info-button,#5E4214);
        }

    .ab-tag.warning {
        background: var(--ab-system-warning-lighter,#FCEDC7);
    }

        .ab-tag.warning::slotted(*) {
            color: var(--ab-system-warning-darker,#8A6A16);
        }

    .ab-tag.error, .ab-tag.ab-input:invalid:hover, .ab-tag.ab-input:invalid:focus, .ab-tag.ab-input:invalid:focus-visible, .ab-tag.ab-input.error:hover, .ab-tag.ab-input.error:focus, .ab-tag.ab-input.error:focus-visible, .ab-tag.ab-input-group:invalid:hover, .ab-tag.ab-input-group:invalid:focus, .ab-tag.ab-input-group:invalid:focus-visible, .ab-tag.error.ab-input-group:hover, .ab-tag.error.ab-input-group:focus, .ab-tag.error.ab-input-group:focus-visible {
        background: var(--ab-system-error-lighter,#F7EEED);
    }

        .ab-tag.error::slotted(*), .ab-tag.ab-input:invalid:hover::slotted(*), .ab-tag.ab-input:invalid:focus::slotted(*), .ab-tag.ab-input:invalid:focus-visible::slotted(*), .ab-tag.ab-input.error:hover::slotted(*), .ab-tag.ab-input.error:focus::slotted(*), .ab-tag.ab-input.error:focus-visible::slotted(*), .ab-tag.ab-input-group:invalid:hover::slotted(*), .ab-tag.ab-input-group:invalid:focus::slotted(*), .ab-tag.ab-input-group:invalid:focus-visible::slotted(*), .ab-tag.error.ab-input-group:hover::slotted(*), .ab-tag.error.ab-input-group:focus::slotted(*), .ab-tag.error.ab-input-group:focus-visible::slotted(*) {
            color: var(--ab-system-error-darker,#C50000);
        }

.ab-upload-area {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

    .ab-upload-area .dz-preview, .ab-upload-area .dz-message {
        display: none;
    }

.ab-upload-area--box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75rem;
    padding: 1.5rem;
    background-color: var(--ab-white);
    border: 2px dashed var(--ab-grey-300);
    border-radius: .5rem;
    color: var(--ab-primary);
}

    .ab-upload-area--box > * {
        pointer-events: none;
    }

.ab-upload-area--box_text {
    font-size: .875rem;
    color: var(--ab-text-primary);
}

    .ab-upload-area--box_text strong {
        color: var(--ab-primary);
    }

.ab-upload-area--box span {
    color: var(--ab-text-primary);
}

.ab-upload-area--item {
    border-radius: .5rem;
    background-color: var(--ab-white);
    border: 1px solid var(--ab-grey-200);
}

.ab-upload-area--item_head {
    display: flex;
    padding: .75rem 1rem;
    align-items: center;
    gap: .75rem;
    align-self: stretch;
}

.ab-upload-area--item_head_info {
    flex-grow: 1;
}

.ab-upload-area--item_head_info_errorMsg {
    font-size: 1rem;
    font-weight: 700;
    color: var(--ab-system-error-main);
}

.ab-upload-area--item_head_info_title {
    font-size: 1rem;
    font-weight: 700;
    color: var(--ab-text-primary);
}

.ab-upload-area--item_head_info_size {
    font-size: .875rem;
    font-weight: 400;
    color: var(--ab-text-secondary);
}

.ab-upload-area--item_head_delete-icon {
    cursor: pointer;
    font-size: 1rem;
    color: var(--ab-text-primary);
}

    .ab-upload-area--item_head_delete-icon:hover {
        color: var(--ab-text-primary);
    }

.ab-upload-area--item_footer {
    padding: 0 1rem;
    display: flex;
    align-items: center;
    gap: .75rem;
}

.ab-tooltip {
    --bs-tooltip-bg: var(--ab-primary);
    --bs-tooltip-color: var(--ab-white);
}

    .ab-tooltip.secondary, .ab-tooltip.ab-card.mini, .ab-tooltip.ab-card.payment {
        --bs-tooltip-bg: var(--ab-primary-xlight);
        --bs-tooltip-color: var(--ab-primary);
    }

    .ab-tooltip.error, .ab-tooltip.ab-input:invalid:hover, .ab-tooltip.ab-input:invalid:focus, .ab-tooltip.ab-input:invalid:focus-visible, .ab-tooltip.ab-input.error:hover, .ab-tooltip.ab-input.error:focus, .ab-tooltip.ab-input.error:focus-visible, .ab-tooltip.ab-input-group:invalid:hover, .ab-tooltip.ab-input-group:invalid:focus, .ab-tooltip.ab-input-group:invalid:focus-visible, .ab-tooltip.error.ab-input-group:hover, .ab-tooltip.error.ab-input-group:focus, .ab-tooltip.error.ab-input-group:focus-visible {
        --bs-tooltip-bg: var(--ab-system-error-darker);
        --bs-tooltip-color: var(--Text-btn-white);
    }

    .ab-tooltip.warning {
        --bs-tooltip-bg: var(--ab-system-warning);
        --bs-tooltip-color: var(--Text-btn-white);
    }

.ab-card-scroll {
    flex-direction: row-reverse;
}

    .ab-card-scroll button::after {
        display: none;
    }

.rtl .ab-card-scroll {
    flex-direction: row-reverse;
}

.ab-card-scroll .arrow {
    display: flex;
    width: 2.5rem;
    height: 2.5rem;
    padding: .5rem;
    justify-content: center;
    align-items: center;
    transition: all .3s ease;
    border-radius: var(--SpacingCompounant-Button-lg-horizental,1.5rem);
    transform: rotate(0deg);
    background: var(--Surface-W-Card,#FFF);
    box-shadow: 0 17px 33px -2px rgba(28,39,49,.05);
    border: 1px solid var(--Color-Border-Primary,#E1E1E1);
}

.rtl .ab-card-scroll .arrow {
    transform: rotate(180deg);
}

.ab-service-search-modal {
    backdrop-filter: blur(3px);
    background-color: var(--ab-white);
}

    .ab-service-search-modal .modal-title {
        font-size: 2.125rem;
        font-weight: 700;
        line-height: 2rem;
    }

@media all and (max-width:768px) {
    .ab-service-search-modal .modal-title {
        font-size: 1.125rem
    }
}

.ab-chip {
    display: flex;
    align-items: center;
    border-radius: .5rem;
    height: 2.5rem;
    text-align: center;
    width: fit-content;
    border: 1px solid var(--ab-text-primary);
    padding-inline: 1.25rem;
    padding-block: .625rem;
    font-weight: 700;
    font-size: .875rem;
    cursor: pointer;
    transition: all 3s ease;
    white-space: nowrap;
}

    .ab-chip:hover {
        background-color: var(--ab-secondary-neutral);
    }

@media all and (max-width:768px) {
    .ab-chip {
        padding-inline: 1rem;
        padding-block: .325rem
    }
}

.ab-dashboard-notification-menu {
    width: fit-content;
    border-radius: 1rem;
    margin-top: 1rem !important;
}

    .ab-dashboard-notification-menu .dropdown-item {
        color: var(--ab-text-primary);
        display: flex;
        flex-direction: row;
        align-items: center;
        text-align: start;
        gap: .5rem;
    }

        .ab-dashboard-notification-menu .dropdown-item.active {
            background-color: inherit;
        }

        .ab-dashboard-notification-menu .dropdown-item a {
            text-decoration: underline;
            color: var(--ab-primary);
        }

    .ab-dashboard-notification-menu li {
        padding-block: 1rem;
        margin-inline: 1rem;
    }

        .ab-dashboard-notification-menu li:not(:last-child) {
            border-bottom: 1px solid var(--ab-grey-divider);
        }

.ab-dashboard-notification-menu_icon {
    border-radius: 100%;
    padding: .5rem;
    background-color: var(--colors-secondary-secondary-600);
    stroke: var(--ab-primary);
}

.ab-sidebar {
    position: sticky;
    top: 0;
    height: 100vh;
    padding: 1.5rem 1.5rem 0 1rem;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.08);
    z-index: 1000;
    transition: width .3s ease-in-out;
}

    .ab-sidebar::-webkit-scrollbar {
        display: none;
    }

@media all and (max-width:992px) {
    .ab-sidebar {
        box-shadow: none;
        padding: 0;
        height: 100%;
        overflow-y: scroll
    }
}

.ab-sidebar > div {
    width: -webkit-fill-available;
}

.ab-sidebar_link {
    cursor: pointer;
    transition: all;
    padding: .815rem 1.5rem;
    border-radius: .5rem;
    width: 100%;
}

    .ab-sidebar_link:hover {
        transition-duration: .3s;
        background-color: var(--ab-secondary-neutral);
    }

    .ab-sidebar_link a {
        display: flex;
        flex-direction: row;
        gap: .65rem;
        flex-wrap: nowrap;
    }

    .ab-sidebar_link.active {
        background-color: var(--ab-secondary-neutral);
    }

    .ab-sidebar_link .ab-nav-tag {
        color: var(--ab-grey-1000);
        animation: fadeIn .5s ease-in-out forwards;
        text-wrap: nowrap;
    }

.bi {
    display: inline-block;
    width: 1rem;
    height: 1rem;
}

.bi {
    vertical-align: -.125em;
    fill: currentColor;
}

.ab-dashboard-content {
    background-color: var(--ab-grey-color-200);
    padding-top: 5rem;
}

.ab-max-layout {
    max-width: 1400px;
    padding-inline: 3rem;
}

@media all and (max-width:992px) {
    .ab-max-layout {
        padding-inline: 1rem
    }
}

.ab-layput-p {
    padding-inline: 3rem;
}

@media all and (max-width:992px) {
    .ab-layput-p {
        padding-inline: 1rem
    }
}

.vehicle-card-blur {
    background-image: linear-gradient(0deg,#fff 0%,rgba(255,255,255,0) 80.91%);
    position: absolute;
    min-width: 40%;
    height: 100%;
    top: 0;
    left: 60%;
}

.rtl .vehicle-card-blur {
    left: 0;
}

.vehicle-card-bg {
    top: 25%;
    width: 8rem;
    left: 60%;
    z-index: -10;
    position: absolute;
    bottom: 0;
    animation: slideCarUp .6s ease-in normal;
}

.rtl .vehicle-card-bg {
    left: -10%;
}

@keyframes slideCarUp {
    from {
        top: 100%
    }

    to {
        top: 25%
    }
}

.dashboard {
    background-color: var(--ab-grey-color-200);
}

.dashboard-header-container {
    min-width: 100vw;
    height: 160px;
    background-color: var(--ab-grey-color-200);
    position: fixed;
    z-index: 100;
}

@media all and (max-width:992px) {
    .dashboard-header-container {
        height: 200px
    }
}

.my-document-tabs .swiper_cards {
    width: 100%;
    height: 400px;
}

.my-document-tabs .swiper-slide {
    width: auto;
    flex-shrink: 0;
}

.my-document-tabs.nav-tabs::-webkit-scrollbar {
    display: none;
}

.my-document-tabs.nav-tabs .nav-item .nav-link::after {
    display: none;
}

.my-document-tabs.nav-tabs .nav-item .nav-link.active {
    border-bottom: 0 solid transparent;
}

    .my-document-tabs.nav-tabs .nav-item .nav-link.active::after {
        display: none;
    }

    .my-document-tabs.nav-tabs .nav-item .nav-link.active img {
        border-radius: .75rem;
        border: 2px solid var(--ab-primary);
    }

.my-document-tabs.nav-tabs .nav-item .nav-link > img, .my-document-tabs.nav-tabs .nav-item .nav-link div > img {
    width: 350px;
}

@media all and (max-width:992px) {
    .my-document-tabs.nav-tabs .nav-item .nav-link > img, .my-document-tabs.nav-tabs .nav-item .nav-link div > img {
        width: 250px;
        height: 160px
    }
}

.my-document-tabs.nav-tabs .nav-item:first-child .nav-link > img, .my-document-tabs.nav-tabs .nav-item:first-child .nav-link div > img {
    width: 400px;
}

@media all and (max-width:992px) {
    .my-document-tabs.nav-tabs .nav-item:first-child .nav-link > img, .my-document-tabs.nav-tabs .nav-item:first-child .nav-link div > img {
        width: 280px;
        height: 180px
    }
}

@media all and (max-width:768px) {
    .ab-dashboard-documents .ab-tabs-header {
        width: 100%;
        justify-content: center
    }

        .ab-dashboard-documents .ab-tabs-header .nav-item {
            flex: 0 0 8rem
        }
}

.userinfo-hide-btn {
    right: 0;
    left: 0;
    top: 40%;
}

.rtl .userinfo-hide-btn {
    right: 0;
}

.traffic-hide-btn {
    right: 0;
    left: 0;
    top: 50%;
}

.rtl .traffic-hide-btn {
    right: 0;
}

@media all and (max-width:1200px) {
    .traffic-hide-btn {
        top: 37%
    }
}

@media all and (max-width:576px) {
    .traffic-hide-btn {
        top: 50%
    }
}

.auth-hide-btn {
    right: 0;
    top: 50%;
    left: 0;
}

.rtl .auth-hide-btn {
    right: 0;
}

@media all and (max-width:1200px) {
    .auth-hide-btn {
        top: 37%
    }
}

@media all and (max-width:576px) {
    .auth-hide-btn {
        top: 50%
    }
}

.ltr .footer--body_nav-links {
    margin-right: auto;
    margin-left: 0;
    text-align: start;
}

.rtl .footer--body_nav-links {
    margin-left: auto;
    margin-right: 0;
}

.rtl .footer--body_toolkit {
    margin-left: 0;
    margin-right: auto;
}

.rtl .footer--body .icon-group a {
    padding: .5rem .5rem .5rem 2rem;
}

.footer {
    padding: 4rem 0 0;
    margin: auto;
}

.dashboard .footer p {
    color: var(--ab-white);
}

    .dashboard .footer p strong {
        color: var(--ab-white);
    }

.footer .accordion-button:focus {
    border-color: var(--ab-primary-xlight);
    outline: 0;
    box-shadow: 0 0 0 .25rem var(--ab-primary-xlight);
}

.footer a {
    color: inherit;
    font-weight: 400;
    font-size: .75rem;
}

    .footer a:hover {
        color: var(--ab-primary);
    }

.dashboard .footer a {
    color: var(--ab-white);
}

.footer--body {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    max-width: 1400px;
    gap: 4rem;
}

@media all and (max-width:992px) {
    .footer--body {
        flex-direction: column
    }
}

.footer--body_brand {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: .5rem;
}

@media all and (max-width:992px) {
    .footer--body_brand {
        align-items: flex-start;
        gap: 1rem
    }
}

.footer--body_brand_download-btns {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

@media all and (max-width:992px) {
    .footer--body_brand_download-btns {
        flex-direction: row
    }
}

.footer--body_brand_logo .logo {
    fill: var(--ab-primary) !important;
}

.dashboard .footer--body_brand_logo .logo {
    fill: var(--ab-white) !important;
}

.footer--body_nav-links {
    display: flex;
    width: 100%;
    gap: 8rem;
    margin-right: auto;
    margin-left: 0;
}

    .footer--body_nav-links .accordion-body > ul > li {
        margin-bottom: .25rem;
        line-height: 1.25rem;
    }

@media all and (max-width:992px) {
    .footer--body_nav-links {
        gap: 0 6rem
    }
}

@media all and (max-width:576px) {
    .footer--body_nav-links {
        gap: 4rem
    }
}

.footer--body_nav-links .accordion-button::after {
    display: none;
}

@media all and (max-width:576px) {
    .footer--body_nav-links .accordion-button::after {
        display: block;
        margin-right: 0;
        margin-left: auto
    }

    .rtl .footer--body_nav-links .accordion-button::after {
        margin-right: auto;
        margin-left: 0
    }
}

.footer--body_nav-links .accordion-item {
    border: none;
    background-color: transparent;
}

.footer--body_nav-links .accordion-header span.label {
    font-size: .9rem;
}

.rtl .footer--body_nav-links .accordion-header span.label {
    font-size: 1rem;
}

.dashboard .footer--body_nav-links .accordion-header span.label {
    color: var(--ab-white);
}

.footer--body_nav-links .accordion-button:not(.collapsed) {
    box-shadow: none;
}

.footer--body_nav-links .accordion-button {
    color: var(--Text-Headings);
    text-align: start;
    background-color: transparent;
}

    .footer--body_nav-links .accordion-button:focus {
        background-color: transparent;
    }

    .footer--body_nav-links .accordion-button:not(.collapsed) {
        background-color: transparent;
    }

.footer--body_nav-links_group {
    text-wrap: nowrap;
}

    .footer--body_nav-links_group .label {
        margin-bottom: .5rem;
    }

    .footer--body_nav-links_group li:not(:last-child) {
        margin-bottom: .25rem;
    }

.footer--body_toolkit {
    display: flex;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: 0;
    gap: 2rem;
}

@media all and (max-width:1200px) {
    .footer--body_toolkit {
        flex-wrap: wrap
    }
}

@media all and (max-width:576px) {
    .footer--body_toolkit {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center
    }
}

.footer--body_toolkit div {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

@media all and (max-width:576px) {
    .footer--body_toolkit div {
        align-items: center
    }
}

.dashboard .footer--body_toolkit div {
    color: var(--ab-white);
}

.footer--body_toolkit ul {
    display: flex;
    align-items: center;
    gap: .5rem;
}

    .footer--body_toolkit ul li {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.5rem;
        height: 2.5rem;
        padding: .5rem;
        border-radius: 1.5625rem;
        background: var(--ab-primary-xlight,#EEF1F3);
        fill: #108E47;
    }

.dashboard .footer--body_toolkit ul li {
    --ab-primary: var(--ab-white);
    background: rgba(30,194,123,.2);
}

    .dashboard .footer--body_toolkit ul li .icon_primary-stroke {
        stroke: var(--ab-white) !important;
    }

    .dashboard .footer--body_toolkit ul li .icon_primary-fill {
        fill: var(--ab-white) !important;
    }

@media all and (max-width:992px) {
    .footer--body_toolkit {
        justify-content: space-between;
        width: 100%
    }
}

.footer--body_toolkit .icon-group {
    max-width: fit-content;
}

    .footer--body_toolkit .icon-group a {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        border-radius: 1.5rem;
        gap: .5rem;
        border-radius: 1.5625rem;
        background: var(--ab-primary-xlight,#EEF1F3);
        text-align: center;
        color: var(--ab-Text-Colors-Secondary,#525451);
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 500;
        padding: .5rem 2rem .5rem .5rem;
    }

.dashboard .footer--body_toolkit .icon-group a {
    background: var(--ab-primary-1010);
    color: var(--ab-white);
}

    .dashboard .footer--body_toolkit .icon-group a .icon_primary-stroke {
        stroke: var(--ab-white) !important;
    }

    .dashboard .footer--body_toolkit .icon-group a .icon_primary-fill {
        fill: var(--ab-white) !important;
    }

.footer--body_toolkit .icon-group a img {
    padding: .5rem;
    width: 2.5rem;
    height: 2.5rem;
    background-color: rgba(14,149,73,.08);
    border-radius: 50%;
}

.footer--copyright {
    max-width: 1400px;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    margin-top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 2rem;
}

.dashboard .footer--copyright-main {
    background: var(--ab-primary-1100);
    color: var(--ab-white);
}

@media all and (min-width:1200px) {
    .footer--copyright {
        justify-content: space-between
    }
}

@media all and (max-width:992px) {
    .footer--copyright {
        gap: 1rem
    }
}

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

    .footer--copyright_nav li {
        position: relative;
        padding-left: 1rem
    }

.dashboard .footer--copyright_nav li a {
    color: var(--ab-white);
}

@media all and (max-width:576px) {
    .footer--copyright_nav {
        font-size: .75rem;
        text-wrap: nowrap;
        gap: .5rem
    }

        .footer--copyright_nav li {
            position: relative;
            padding-left: .5rem
        }
}

footer {
    background: var(--ab-Backgrounds-Cards-Background,#FFF);
}

.dashboard footer {
    background: var(--ab-primary-1100);
}

.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 3rem;
    border-bottom: none;
    background-color: var(--ab-white) !important;
    position: sticky;
    top: 0;
    z-index: 100;
    transition: 300ms;
    height: 110px;
}

@media all and (max-width:992px) {
    .header {
        padding: 1.5rem 1rem
    }
}

.header.fixed {
    border-bottom: 1px solid var(--ab-grey-200);
    background-color: var(--ab-white) !important;
    height: 100px;
}

.header #mobile-nav {
    transform: translateX(0);
    transition: all .5s ease;
    display: none;
}

@media all and (max-width:992px) {
    .header #mobile-nav {
        display: block
    }
}

@media all and (max-width:576px) {
    .header #mobile-nav {
        display: block
    }
}

.header .dropdown-toggle svg {
    opacity: 0;
}

@media all and (max-width:992px) {
    .header .dropdown-toggle svg {
        opacity: 1
    }
}

.header .dropdown-toggle #top-line, .header .dropdown-toggle #bottom-line, .header .dropdown-toggle #middle-line {
    transform-box: fill-box;
    transform-origin: center;
}

.header .dropdown-toggle.show svg #top-line {
    animation: down-rotate .6s ease-out both;
}

.header .dropdown-toggle.show svg #bottom-line {
    animation: up-rotate .6s ease-out both;
}

.header .dropdown-toggle.show svg #middle-line {
    animation: hide .6s ease-out forwards;
}

@keyframes up-rotate {
    0% {
        animation-timing-function: cubic-bezier(.16,-.88,.97,.53);
        transform: translateY(0)
    }

    30% {
        transform-origin: center;
        animation-timing-function: cubic-bezier(.34,1.56,.64,1);
        transform: translateY(-10px)
    }

    100% {
        transform-origin: center;
        transform: translateY(-10px) rotate(45deg) scale(.9)
    }
}

@keyframes down-rotate {
    0% {
        animation-timing-function: cubic-bezier(.16,-.88,.97,.53);
        transform: translateY(0)
    }

    30% {
        transform-origin: center;
        animation-timing-function: cubic-bezier(.34,1.56,.64,1);
        transform: translateY(10px)
    }

    100% {
        transform-origin: center;
        transform: translateY(10px) rotate(-45deg) scale(.9)
    }
}

@keyframes hide {
    29% {
        opacity: 1
    }

    30% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

#navSearch {
    font-weight: 700;
    margin-right: 0 !important;
    margin-left: auto !important;
}

    #navSearch svg {
        color: var(--ab-text);
        fill: var(--ab-text);
    }

    #navSearch li:hover {
        color: var(--ab-primary-darker);
        fill: var(--ab-primary-darker);
        background-color: transparent;
    }

        #navSearch li:hover a {
            color: var(--ab-primary-darker);
        }

    #navSearch li {
        fill: var(--ab-primary);
    }

        #navSearch li a {
            color: var(--Colors-Text-Primary-Text,#232323);
        }

.rtl #navSearch {
    margin-left: 0 !important;
    margin-right: auto !important;
}

.mobile-nav-bg {
    background: rgba(255,255,255,.5);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,.25);
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    right: 0;
    top: 0;
    transition: all .25s ease-in;
}

.navbar-collapse.show ~ .mobile-nav-bg {
    width: 100vw;
    height: 70vh;
}

.navbar-collapse {
    transition: all .25s ease-in-out;
}

    .navbar-collapse.show #navSearch {
        margin-top: 40px;
        display: none !important;
    }

header .menu-btn {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: .5rem;
    border-radius: .5rem;
    border: 1px solid var(--ab-grey-400);
    background-color: #fff;
    color: var(--ab-text-primary);
    cursor: pointer;
    gap: .5rem;
}

.navbar-nav a {
    font-weight: 700;
    color: var(--Colors-Text-Primary-Text,#232323);
}

    .navbar-nav a:focus {
        color: var(--ab-primary-darker);
        background-color: transparent;
    }

    .navbar-nav a:hover {
        color: var(--ab-primary-darker);
        background-color: transparent;
    }

    .navbar-nav a:active {
        color: var(--ab-primary-darker);
        background-color: transparent;
    }

.navbar-nav .dropdown img {
    width: 34px;
}

.navbar-nav .dropdown .dropdown-toggle::after {
    display: none;
}

.navbar-nav .dropdown .dropdown-menu {
    min-width: 22rem;
    padding: 1.3rem 1.5rem;
    border-radius: 1rem;
    border-width: 0;
    box-shadow: 0 25px 60px -10px rgba(28,39,49,.12);
    -webkit-box-shadow: 0 25px 60px -10px rgba(28,39,49,.12);
    gap: 1.5rem;
    cursor: initial;
}

    .navbar-nav .dropdown .dropdown-menu .nav-item {
        border: none;
    }

        .navbar-nav .dropdown .dropdown-menu .nav-item:last-of-type {
            border-top: 1px solid var(--ab-grey-400);
        }

        .navbar-nav .dropdown .dropdown-menu .nav-item.logout {
            border-top: 1px solid var(--ab-grey-400);
        }

.navbar-nav #menuToggler div:has(.ri-close-line) {
    display: none;
}

.navbar-nav #menuToggler.open div:has(.ri-menu-fill) {
    display: none;
}

.navbar-nav #menuToggler.open div:has(.ri-close-line) {
    display: block;
}

.navbar-toggler:focus {
    box-shadow: none;
}

#nav-lng-search svg {
    fill: var(--ab-text);
}

#nav-lng-search .dropdown {
    position: absolute;
}

.navbar-toggler {
    border: none;
}

    .navbar-toggler > #nav-lng-search {
        gap: .5rem;
        transform: translateX(40px);
    }

.rtl .navbar-toggler > #nav-lng-search {
    transform: translateX(-30px);
}

.navbar-toggler > button {
    width: 40px;
    padding: .1rem;
}

.navbar-toggler > .dropdown > button {
    color: var(--Absher-Text-Colors-Secondary,#525451);
    fill: var(--Absher-Text-Colors-Secondary,#525451);
    font-size: 1rem;
}

    .navbar-toggler > .dropdown > button:hover {
        color: var(--ab-primary-darker);
        fill: var(--ab-primary-darker);
    }

.vision-logo-header-mobile {
    display: none;
}

@media all and (max-width:992px) {
    .vision-logo-header-mobile {
        display: flex
    }
}

@media all and (max-width:992px) {
    .navbar-expand-lg .navbar-toggler {
        width: 85%;
        justify-content: flex-end;
        display: flex;
        transform: translateX(-10%)
    }

    .rtl .navbar-expand-lg .navbar-toggler {
        transform: translateX(0%)
    }
}

@media all and (max-width:576px) {
    .navbar-expand-lg .navbar-toggler {
        transform: translateX(-10%)
    }
}

@media all and (max-width:992px) {
    #navSearch {
        display: none
    }
}

#mobile-nav::after {
    display: none;
}

#logo {
    transition: all .5s ease;
}

.dropdown-menu[data-bs-popper] {
    top: 40px;
}

header:not(.dashboard-header) .dropdown {
    min-width: 100%;
}

@media screen and (max-height:440px) and (max-width:550px) {
    header:not(.dashboard-header) .dropdown {
        position: absolute
    }
}

.navbar-brand {
    margin: 0;
}

.dropdown-menu-header {
    margin-right: -5rem;
    animation-name: movedown;
    animation-duration: .5s;
    padding: 1.3125rem 1.5rem;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    border-radius: var(--Radius-none,0) var(--Radius-none,0) 1rem 1rem;
    border-top: 0;
    border-bottom: 1px solid var(--Gray-200,#E4E7EC);
    width: 100vw;
    left: 0;
    right: 0;
    background: var(--Absher-Text-Colors-Support-Text,#FFF);
    box-shadow: 0 12px 16px -4px rgba(16,24,40,.08),0 4px 6px -2px rgba(16,24,40,.03);
}

@media all and (max-height:440px) {
    .dropdown-menu-header {
        overflow-y: scroll;
        height: 280px
    }
}

@keyframes movedown {
    from {
        top: 10px
    }

    to {
        top: 40px
    }
}

@media all and (max-width:992px) {
    .rtl .dropdown-menu-header {
        margin-right: -46.6rem;
        margin-left: 0
    }
}

@media all and (max-width:900px) {
    .rtl .dropdown-menu-header {
        margin-right: -43.4rem;
        margin-left: 0
    }
}

@media all and (max-width:856px) {
    .rtl .dropdown-menu-header {
        margin-right: -41.9rem;
        margin-left: 0
    }
}

@media all and (max-width:820px) {
    .rtl .dropdown-menu-header {
        margin-right: -40.7rem;
        margin-left: 0
    }
}

@media all and (max-width:768px) {
    .rtl .dropdown-menu-header {
        margin-right: -38.8rem;
        margin-left: 0
    }
}

@media all and (min-width:660px) and (max-width:767px) {
    .rtl .dropdown-menu-header {
        margin-right: -32.9rem;
        margin-left: 0
    }
}

@media all and (max-width:740px) {
    .rtl .dropdown-menu-header {
        margin-right: 32.4rem;
        margin-left: 0
    }
}

@media all and (max-width:720px) {
    .rtl .dropdown-menu-header {
        margin-right: -31.8rem;
        margin-left: 0
    }
}

@media all and (max-width:667px) {
    .rtl .dropdown-menu-header {
        margin-right: -29.8rem;
        margin-left: 0
    }
}

@media all and (max-width:600px) {
    .rtl .dropdown-menu-header {
        margin-right: -27.8rem;
        margin-left: 0
    }
}

@media all and (max-width:550px) {
    .rtl .dropdown-menu-header {
        margin-right: -25.7rem;
        margin-left: 0
    }
}

@media all and (max-width:540px) {
    .rtl .dropdown-menu-header {
        margin-right: -25.2rem;
        margin-left: 0
    }
}

@media all and (max-width:475px) {
    .rtl .dropdown-menu-header {
        margin-right: -21rem;
        margin-left: 0
    }
}

@media all and (max-width:445px) {
    .rtl .dropdown-menu-header {
        margin-right: -19.2rem;
        margin-left: 0
    }
}

@media all and (max-width:430px) {
    .rtl .dropdown-menu-header {
        margin-right: -18.3rem;
        margin-left: 0
    }
}

@media all and (max-width:414px) {
    .rtl .dropdown-menu-header {
        margin-right: -17.3rem;
        margin-left: 0
    }
}

@media all and (max-width:400px) {
    .rtl .dropdown-menu-header {
        margin-right: -16.4rem;
        margin-left: 0
    }
}

@media all and (max-width:375px) {
    .rtl .dropdown-menu-header {
        margin-right: -14.8rem;
        margin-left: 0
    }
}

@media all and (max-width:360px) {
    .rtl .dropdown-menu-header {
        margin-right: -13.9rem;
        margin-left: 0
    }
}

@media all and (max-width:344px) {
    .rtl .dropdown-menu-header {
        margin-right: -12.9rem;
        margin-left: 0
    }
}

@media all and (max-width:321px) {
    .rtl .dropdown-menu-header {
        margin-right: -11.6rem;
        margin-left: 0
    }
}

@media all and (max-width:992px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -42.9rem
    }
}

@media all and (max-width:930px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -40.9rem
    }
}

@media all and (max-width:855px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -38.9rem
    }
}

@media all and (max-width:844px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -38.7rem
    }
}

@media all and (max-width:820px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -37.6rem
    }
}

@media all and (max-width:780px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -36.5rem
    }
}

@media all and (max-width:760px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -30.8rem
    }
}

@media all and (max-width:730px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -30rem
    }
}

@media all and (max-width:720px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -37.5rem
    }
}

@media all and (max-width:700px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -29rem
    }
}

@media all and (max-width:667px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -28rem
    }
}

@media all and (max-width:620px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -29.5rem
    }
}

@media all and (max-width:576px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -25.2rem
    }
}

@media all and (max-width:540px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -23.3rem
    }
}

@media all and (max-width:509px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -21.4rem
    }
}

@media all and (max-width:470px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -19.2rem
    }
}

@media all and (max-width:450px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -18.2rem
    }
}

@media all and (max-width:430px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -17.3rem
    }
}

@media all and (max-width:414px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -15.8rem
    }
}

@media all and (max-width:390px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -14.2rem
    }
}

@media all and (max-width:375px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -12.9rem
    }
}

@media all and (max-width:360px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -12.9rem
    }
}

@media all and (max-width:344px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -12.2rem
    }
}

@media all and (max-width:320px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -10.8rem
    }
}

.dropdown-menu-header > li {
    display: flex;
    padding: .75rem 0;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    align-self: stretch;
}

    .dropdown-menu-header > li a {
        font-weight: 700;
        color: var(--ab-text-secondary);
        background-color: transparent;
        text-align: start;
    }

        .dropdown-menu-header > li a:focus {
            color: var(--ab-primary-darker);
            background-color: transparent;
        }

        .dropdown-menu-header > li a:hover {
            color: var(--ab-primary-darker);
            background-color: transparent;
        }

        .dropdown-menu-header > li a:active {
            color: var(--ab-primary-darker);
            background-color: transparent;
        }

.mega-menu {
    position: fixed;
    width: 100%;
    left: 20rem;
    top: 0;
    bottom: 0;
    background-color: var(--ab-white);
    z-index: 9999;
    opacity: 0;
    display: none;
    transition: all .3s cubic-bezier(.46,.03,.52,.96);
}

    .mega-menu.open {
        display: block;
        opacity: 1;
    }

@media all and (max-width:768px) {
    .mega-menu {
        left: auto;
        right: 10rem;
        overflow-y: scroll;
        height: 100vh
    }

        .mega-menu::-webkit-scrollbar {
            width: .3rem
        }

        .mega-menu::-webkit-scrollbar-track {
            box-shadow: inset 0 0 6px rgba(16,142,71,.2)
        }

        .mega-menu::-webkit-scrollbar-thumb {
            background: rgba(16,142,71,.6);
            border-radius: 1rem
        }

        .mega-menu .assist-card {
            margin: 3rem 1.5rem 0
        }
}

.mega-menu.open {
    left: 0;
    opacity: 1;
    transition: all .3s cubic-bezier(.46,.03,.52,.96);
}

@media all and (max-width:768px) {
    .mega-menu.open {
        left: auto;
        right: 0
    }
}

.mega-menu .header {
    position: sticky;
    top: 0;
    z-index: 9999;
    background: var(--ab-white);
}

    .mega-menu .header nav {
        flex: auto;
    }

    .mega-menu .header .nav-links {
        margin-left: 2.88rem;
    }

        .mega-menu .header .nav-links:first-of-type {
            margin-left: auto;
        }

        .mega-menu .header .nav-links a {
            display: flex;
            align-items: center;
            gap: .5rem;
        }

        .mega-menu .header .nav-links i {
            font-size: 1.125rem;
        }

    .mega-menu .header .profile-info {
        display: flex;
        align-items: center;
        gap: .75rem;
    }

        .mega-menu .header .profile-info .profile-info_name {
            font-size: 1.125rem;
            font-weight: 700;
        }

.mega-menu .mega-menu_content {
    padding: 6rem 0;
    overflow-y: scroll;
    height: 100vh;
}

    .mega-menu .mega-menu_content::-webkit-scrollbar {
        width: .3rem;
    }

    .mega-menu .mega-menu_content::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(16,142,71,.2);
    }

    .mega-menu .mega-menu_content::-webkit-scrollbar-thumb {
        background: rgba(16,142,71,.6);
        border-radius: 1rem;
    }

.mega-menu .mega-menu_col {
    margin-bottom: 1.54rem;
}

.mega-menu .mobile-menu_content {
    padding: 1.5rem 0;
}

    .mega-menu .mobile-menu_content .nav-links:not(:last-of-type) {
        margin-bottom: 1.3rem;
        border-bottom: 1px solid var(--ab-grey-300);
    }

.sub-menu {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 50rem;
    background-color: var(--ab-white);
    z-index: 9999;
    opacity: 0;
    transition: all .5s cubic-bezier(.46,.03,.52,.96);
}

    .sub-menu.open {
        right: 0;
        opacity: 1;
        transition: all .5s cubic-bezier(.46,.03,.52,.96);
    }

    .sub-menu .sub-menu_header {
        padding: 2rem 1rem 1rem;
    }

        .sub-menu .sub-menu_header .sub-menu_header_back {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 1.5rem;
            height: 1.5rem;
            cursor: pointer;
        }

.ab-search {
    position: fixed;
    width: 100%;
    left: 20rem;
    top: 0;
    bottom: 0;
    background-color: var(--ab-white);
    z-index: 9999;
    opacity: 0;
    display: none;
    transition: all .5s cubic-bezier(.46,.03,.52,.96);
    height: 100%;
    overflow-y: auto;
}

    .ab-search::-webkit-scrollbar {
        width: .3rem;
    }

    .ab-search::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(16,142,71,.2);
    }

    .ab-search::-webkit-scrollbar-thumb {
        background: rgba(16,142,71,.6);
        border-radius: 1rem;
    }

@media all and (max-width:768px) {
    .ab-search {
        left: auto;
        right: 10rem;
        overflow-y: scroll;
        height: 100vh
    }
}

.ab-search.open {
    left: 0;
    opacity: 1;
    transition: all .3s cubic-bezier(.46,.03,.52,.96);
}

@media all and (max-width:768px) {
    .ab-search.open {
        left: auto;
        right: 0
    }
}

.ab-search .header h4 {
    margin: 0 auto;
}

.ab-search .search_content {
    padding: 12rem 0 4rem;
}

@media all and (max-width:768px) {
    .ab-search .search_content {
        padding: 3rem 0
    }
}

@media all and (min-width:992px) {
    .ab-search .search_content .container {
        max-width: 58rem
    }
}

.ab-search .search_content .search_head {
    margin-bottom: 2rem;
}

    .ab-search .search_content .search_head span {
        font-size: .75rem;
    }

    .ab-search .search_content .search_head h4 {
        margin: .5rem 0 2.5rem;
        font-weight: 700;
    }

    .ab-search .search_content .search_head .search_form {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1.5rem;
        margin-bottom: 1.5rem;
    }

        .ab-search .search_content .search_head .search_form ab-input {
            flex-grow: 1;
            gap: 0 !important;
        }

    .ab-search .search_content .search_head .suggest {
        display: flex;
        flex-direction: column;
        gap: .75rem;
    }

        .ab-search .search_content .search_head .suggest .suggest_box {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
        }

            .ab-search .search_content .search_head .suggest .suggest_box button {
                font-size: .875rem;
            }

.ab-search .search_content .results.hidden {
    display: none;
}

.ab-search .search_content .results .results_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

    .ab-search .search_content .results .results_head .controls, .ab-search .search_content .results .results_head .controls .grid {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: .5rem;
    }

        .ab-search .search_content .results .results_head .controls .grid {
            position: relative;
            background-color: var(--ab-grey-8);
            border-radius: .5rem;
            transition: all .3s ease-in;
        }

@media all and (max-width:768px) {
    .ab-search .search_content .results .results_head .controls .grid {
        display: none
    }
}

.ab-search .search_content .results .results_head .controls .grid::after {
    position: absolute;
    content: "";
    display: block;
    width: 3.25rem;
    height: 3.25rem;
    background-color: var(--ab-white);
    border: 1px solid var(--ab-grey-400);
    border-radius: .5rem;
    left: calc(100% - 3.25rem);
    transition: all .2s linear;
    z-index: 1;
}

.ab-search .search_content .results .results_head .controls .grid .icon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.25rem;
    height: 3.25rem;
    cursor: pointer;
    background-color: transparent;
    z-index: 2;
}

.ab-search .search_content .results .results_head .controls .grid input[type=radio] {
    display: none;
}

.ab-search .search_content .results .results_head .controls .grid.list::after {
    left: 0;
}

.ab-search .search_content .results .results_head .controls .sort .dropdown-toggle, .ab-search .search_content .results .results_head .controls .sort .dropdown-menu {
    border-color: var(--ab-grey-400);
    border-radius: .5rem;
}

.ab-search .search_content .results .results_head .controls .sort .dropdown-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
}

    .ab-search .search_content .results .results_head .controls .sort .dropdown-toggle::after {
        display: none;
    }

.ab-search .search_content .results .results_body .d-grid {
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(2,1fr);
    gap: 1.5rem;
}

    .ab-search .search_content .results .results_body .d-grid.d-row {
        grid-template-columns: 1fr;
    }

@media all and (max-width:768px) {
    .ab-search .search_content .results .results_body .d-grid {
        grid-template-columns: auto
    }
}

.ab-search .search_content .results .results_body .d-grid ab-card[dir=row] .ab-card {
    align-items: center;
}

    .ab-search .search_content .results .results_body .d-grid ab-card[dir=row] .ab-card .ab-card_body {
        gap: 0;
    }

.assest-card {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    background-color: var(--ab-grey-100);
    padding: 2rem;
    border-radius: 1rem;
}

    .assest-card h5 {
        font-size: 1.5rem;
        font-weight: 700;
    }

    .assest-card i {
        font-size: 1.125rem;
    }

.ab-lang {
    color: var(--Colors-Text-Primary-Text,#232323);
}

    .ab-lang:hover {
        color: var(--ab-primary);
    }

@media all and (min-width:992px) and (max-width:1199px) {
    #navSearch {
        gap: 1.8rem !important
    }

    .navbar-nav a {
        font-size: 12px
    }

    .navbar-nav a {
        font-size: 12px
    }

    #navSearch svg {
        width: 15px
    }

    .ab-platforms-dropdown .dropdown-toggle {
        font-size: 12px
    }

        .ab-platforms-dropdown .dropdown-toggle svg {
            width: 15px
        }

    #navSearch li a {
        font-size: 12px
    }
}

@media screen and (max-width:1366px) and (min-width:1025px) {
    .navbar-expand-lg .navbar-nav {
        gap: 1.5rem !important
    }
}

.dashboard-my-account-toggle {
    font-weight: 700;
    color: var(--ab-text-primary);
}

    .dashboard-my-account-toggle * {
        margin-inline: .5rem;
    }

.dashboard-my-account__menu {
    padding: 1.62rem 1rem;
}

.dashboard-my-account__menu-head {
    text-align: start;
    display: flex;
    flex-direction: column;
    font-weight: 700;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.dashboard-my-account__menu-list {
    display: flex;
    flex-direction: column;
}

    .dashboard-my-account__menu-list .dropdown-item {
        padding-block: .5rem;
        margin-block: .5rem;
        border-radius: .5rem;
        transition: background .3s ease;
        color: var(--ab-text-primary);
        font-weight: 700;
    }

        .dashboard-my-account__menu-list .dropdown-item:not(.error):not(.ab-input:invalid:hover):not(.ab-input:invalid:focus):not(.ab-input:invalid:focus-visible):not(.ab-input.error:hover):not(.ab-input.error:focus):not(.ab-input.error:focus-visible):not(.ab-input-group:invalid:hover):not(.ab-input-group:invalid:focus):not(.ab-input-group:invalid:focus-visible):not(.error.ab-input-group:hover):not(.error.ab-input-group:focus):not(.error.ab-input-group:focus-visible) i {
            color: var(--ab-primary);
        }

        .dashboard-my-account__menu-list .dropdown-item:not(.error):not(.ab-input:invalid:hover):not(.ab-input:invalid:focus):not(.ab-input:invalid:focus-visible):not(.ab-input.error:hover):not(.ab-input.error:focus):not(.ab-input.error:focus-visible):not(.ab-input-group:invalid:hover):not(.ab-input-group:invalid:focus):not(.ab-input-group:invalid:focus-visible):not(.error.ab-input-group:hover):not(.error.ab-input-group:focus):not(.error.ab-input-group:focus-visible):hover {
            background-color: var(--ab-secondary-neutral);
            color: var(--ab-primary);
        }

        .dashboard-my-account__menu-list .dropdown-item.error:hover, .dashboard-my-account__menu-list .dropdown-item.ab-input:hover:invalid, .dashboard-my-account__menu-list .dropdown-item.ab-input-group:hover:invalid {
            background-color: var(--ab-system-error-lighter);
        }

.ab-dashboard-header {
    position: fixed;
    z-index: 100;
    background-color: var(--ab-grey-color-200);
    padding-inline-start: 20rem;
    min-width: 85%;
}

@media all and (max-width:1200px) {
    .ab-dashboard-header {
        padding-inline-start: 15rem
    }
}

@media all and (max-width:992px) {
    .ab-dashboard-header {
        padding-inline-start: 0
    }
}

.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 3rem;
    border-bottom: none;
    background-color: var(--ab-white) !important;
    position: sticky;
    top: 0;
    z-index: 100;
    transition: 300ms;
    height: 110px;
}

@media all and (max-width:992px) {
    .header {
        padding: 1.5rem 1rem
    }
}

.header.fixed {
    border-bottom: 1px solid var(--ab-grey-200);
    background-color: var(--ab-white) !important;
    height: 100px;
}

.header #mobile-nav {
    transform: translateX(0);
    transition: all .5s ease;
    display: none;
}

@media all and (max-width:992px) {
    .header #mobile-nav {
        display: block
    }
}

@media all and (max-width:576px) {
    .header #mobile-nav {
        display: block
    }
}

.header .dropdown-toggle svg {
    opacity: 0;
}

@media all and (max-width:992px) {
    .header .dropdown-toggle svg {
        opacity: 1
    }
}

.header .dropdown-toggle #top-line, .header .dropdown-toggle #bottom-line, .header .dropdown-toggle #middle-line {
    transform-box: fill-box;
    transform-origin: center;
}

.header .dropdown-toggle.show svg #top-line {
    animation: down-rotate .6s ease-out both;
}

.header .dropdown-toggle.show svg #bottom-line {
    animation: up-rotate .6s ease-out both;
}

.header .dropdown-toggle.show svg #middle-line {
    animation: hide .6s ease-out forwards;
}

@keyframes up-rotate {
    0% {
        animation-timing-function: cubic-bezier(.16,-.88,.97,.53);
        transform: translateY(0)
    }

    30% {
        transform-origin: center;
        animation-timing-function: cubic-bezier(.34,1.56,.64,1);
        transform: translateY(-10px)
    }

    100% {
        transform-origin: center;
        transform: translateY(-10px) rotate(45deg) scale(.9)
    }
}

@keyframes down-rotate {
    0% {
        animation-timing-function: cubic-bezier(.16,-.88,.97,.53);
        transform: translateY(0)
    }

    30% {
        transform-origin: center;
        animation-timing-function: cubic-bezier(.34,1.56,.64,1);
        transform: translateY(10px)
    }

    100% {
        transform-origin: center;
        transform: translateY(10px) rotate(-45deg) scale(.9)
    }
}

@keyframes hide {
    29% {
        opacity: 1
    }

    30% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

#navSearch {
    font-weight: 700;
    margin-right: 0 !important;
    margin-left: auto !important;
}

    #navSearch svg {
        color: var(--ab-text);
        fill: var(--ab-text);
    }

    #navSearch li:hover {
        color: var(--ab-primary-darker);
        fill: var(--ab-primary-darker);
        background-color: transparent;
    }

        #navSearch li:hover a {
            color: var(--ab-primary-darker);
        }

    #navSearch li {
        fill: var(--ab-primary);
    }

        #navSearch li a {
            color: var(--Colors-Text-Primary-Text,#232323);
        }

.rtl #navSearch {
    margin-left: 0 !important;
    margin-right: auto !important;
}

.mobile-nav-bg {
    background: rgba(255,255,255,.5);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,.25);
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    right: 0;
    top: 0;
    transition: all .25s ease-in;
}

.navbar-collapse.show ~ .mobile-nav-bg {
    width: 100vw;
    height: 70vh;
}

.navbar-collapse {
    transition: all .25s ease-in-out;
}

    .navbar-collapse.show #navSearch {
        margin-top: 40px;
        display: none !important;
    }

header .menu-btn {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: .5rem;
    border-radius: .5rem;
    border: 1px solid var(--ab-grey-400);
    background-color: #fff;
    color: var(--ab-text-primary);
    cursor: pointer;
    gap: .5rem;
}

.navbar-nav a {
    font-weight: 700;
    color: var(--Colors-Text-Primary-Text,#232323);
}

    .navbar-nav a:focus {
        color: var(--ab-primary-darker);
        background-color: transparent;
    }

    .navbar-nav a:hover {
        color: var(--ab-primary-darker);
        background-color: transparent;
    }

    .navbar-nav a:active {
        color: var(--ab-primary-darker);
        background-color: transparent;
    }

.navbar-nav .dropdown img {
    width: 34px;
}

.navbar-nav .dropdown .dropdown-toggle::after {
    display: none;
}

.navbar-nav .dropdown .dropdown-menu {
    min-width: 22rem;
    padding: 1.3rem 1.5rem;
    border-radius: 1rem;
    border-width: 0;
    box-shadow: 0 25px 60px -10px rgba(28,39,49,.12);
    -webkit-box-shadow: 0 25px 60px -10px rgba(28,39,49,.12);
    gap: 1.5rem;
    cursor: initial;
}

    .navbar-nav .dropdown .dropdown-menu .nav-item {
        border: none;
    }

        .navbar-nav .dropdown .dropdown-menu .nav-item:last-of-type {
            border-top: 1px solid var(--ab-grey-400);
        }

        .navbar-nav .dropdown .dropdown-menu .nav-item.logout {
            border-top: 1px solid var(--ab-grey-400);
        }

.navbar-nav #menuToggler div:has(.ri-close-line) {
    display: none;
}

.navbar-nav #menuToggler.open div:has(.ri-menu-fill) {
    display: none;
}

.navbar-nav #menuToggler.open div:has(.ri-close-line) {
    display: block;
}

.navbar-toggler:focus {
    box-shadow: none;
}

#nav-lng-search svg {
    fill: var(--ab-text);
}

#nav-lng-search .dropdown {
    position: absolute;
}

.navbar-toggler {
    border: none;
}

    .navbar-toggler > #nav-lng-search {
        gap: .5rem;
        transform: translateX(40px);
    }

.rtl .navbar-toggler > #nav-lng-search {
    transform: translateX(-30px);
}

.navbar-toggler > button {
    width: 40px;
    padding: .1rem;
}

.navbar-toggler > .dropdown > button {
    color: var(--Absher-Text-Colors-Secondary,#525451);
    fill: var(--Absher-Text-Colors-Secondary,#525451);
    font-size: 1rem;
}

    .navbar-toggler > .dropdown > button:hover {
        color: var(--ab-primary-darker);
        fill: var(--ab-primary-darker);
    }

.vision-logo-header-mobile {
    display: none;
}

@media all and (max-width:992px) {
    .vision-logo-header-mobile {
        display: flex
    }
}

@media all and (max-width:992px) {
    .navbar-expand-lg .navbar-toggler {
        width: 85%;
        justify-content: flex-end;
        display: flex;
        transform: translateX(-10%)
    }

    .rtl .navbar-expand-lg .navbar-toggler {
        transform: translateX(0%)
    }
}

@media all and (max-width:576px) {
    .navbar-expand-lg .navbar-toggler {
        transform: translateX(-10%)
    }
}

@media all and (max-width:992px) {
    #navSearch {
        display: none
    }
}

#mobile-nav::after {
    display: none;
}

#logo {
    transition: all .5s ease;
}

.dropdown-menu[data-bs-popper] {
    top: 40px;
}

header:not(.dashboard-header) .dropdown {
    min-width: 100%;
}

@media screen and (max-height:440px) and (max-width:550px) {
    header:not(.dashboard-header) .dropdown {
        position: absolute
    }
}

.navbar-brand {
    margin: 0;
}

.dropdown-menu-header {
    margin-right: -5rem;
    animation-name: movedown;
    animation-duration: .5s;
    padding: 1.3125rem 1.5rem;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    border-radius: var(--Radius-none,0) var(--Radius-none,0) 1rem 1rem;
    border-top: 0;
    border-bottom: 1px solid var(--Gray-200,#E4E7EC);
    width: 100vw;
    left: 0;
    right: 0;
    background: var(--Absher-Text-Colors-Support-Text,#FFF);
    box-shadow: 0 12px 16px -4px rgba(16,24,40,.08),0 4px 6px -2px rgba(16,24,40,.03);
}

@media all and (max-height:440px) {
    .dropdown-menu-header {
        overflow-y: scroll;
        height: 280px
    }
}

@keyframes movedown {
    from {
        top: 10px
    }

    to {
        top: 40px
    }
}

@media all and (max-width:992px) {
    .rtl .dropdown-menu-header {
        margin-right: -46.6rem;
        margin-left: 0
    }
}

@media all and (max-width:900px) {
    .rtl .dropdown-menu-header {
        margin-right: -43.4rem;
        margin-left: 0
    }
}

@media all and (max-width:856px) {
    .rtl .dropdown-menu-header {
        margin-right: -41.9rem;
        margin-left: 0
    }
}

@media all and (max-width:820px) {
    .rtl .dropdown-menu-header {
        margin-right: -40.7rem;
        margin-left: 0
    }
}

@media all and (max-width:768px) {
    .rtl .dropdown-menu-header {
        margin-right: -38.8rem;
        margin-left: 0
    }
}

@media all and (min-width:660px) and (max-width:767px) {
    .rtl .dropdown-menu-header {
        margin-right: -32.9rem;
        margin-left: 0
    }
}

@media all and (max-width:740px) {
    .rtl .dropdown-menu-header {
        margin-right: 32.4rem;
        margin-left: 0
    }
}

@media all and (max-width:720px) {
    .rtl .dropdown-menu-header {
        margin-right: -31.8rem;
        margin-left: 0
    }
}

@media all and (max-width:667px) {
    .rtl .dropdown-menu-header {
        margin-right: -29.8rem;
        margin-left: 0
    }
}

@media all and (max-width:600px) {
    .rtl .dropdown-menu-header {
        margin-right: -27.8rem;
        margin-left: 0
    }
}

@media all and (max-width:550px) {
    .rtl .dropdown-menu-header {
        margin-right: -25.7rem;
        margin-left: 0
    }
}

@media all and (max-width:540px) {
    .rtl .dropdown-menu-header {
        margin-right: -25.2rem;
        margin-left: 0
    }
}

@media all and (max-width:475px) {
    .rtl .dropdown-menu-header {
        margin-right: -21rem;
        margin-left: 0
    }
}

@media all and (max-width:445px) {
    .rtl .dropdown-menu-header {
        margin-right: -19.2rem;
        margin-left: 0
    }
}

@media all and (max-width:430px) {
    .rtl .dropdown-menu-header {
        margin-right: -18.3rem;
        margin-left: 0
    }
}

@media all and (max-width:414px) {
    .rtl .dropdown-menu-header {
        margin-right: -17.3rem;
        margin-left: 0
    }
}

@media all and (max-width:400px) {
    .rtl .dropdown-menu-header {
        margin-right: -16.4rem;
        margin-left: 0
    }
}

@media all and (max-width:375px) {
    .rtl .dropdown-menu-header {
        margin-right: -14.8rem;
        margin-left: 0
    }
}

@media all and (max-width:360px) {
    .rtl .dropdown-menu-header {
        margin-right: -13.9rem;
        margin-left: 0
    }
}

@media all and (max-width:344px) {
    .rtl .dropdown-menu-header {
        margin-right: -12.9rem;
        margin-left: 0
    }
}

@media all and (max-width:321px) {
    .rtl .dropdown-menu-header {
        margin-right: -11.6rem;
        margin-left: 0
    }
}

@media all and (max-width:992px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -42.9rem
    }
}

@media all and (max-width:930px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -40.9rem
    }
}

@media all and (max-width:855px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -38.9rem
    }
}

@media all and (max-width:844px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -38.7rem
    }
}

@media all and (max-width:820px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -37.6rem
    }
}

@media all and (max-width:780px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -36.5rem
    }
}

@media all and (max-width:760px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -30.8rem
    }
}

@media all and (max-width:730px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -30rem
    }
}

@media all and (max-width:720px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -37.5rem
    }
}

@media all and (max-width:700px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -29rem
    }
}

@media all and (max-width:667px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -28rem
    }
}

@media all and (max-width:620px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -29.5rem
    }
}

@media all and (max-width:576px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -25.2rem
    }
}

@media all and (max-width:540px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -23.3rem
    }
}

@media all and (max-width:509px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -21.4rem
    }
}

@media all and (max-width:470px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -19.2rem
    }
}

@media all and (max-width:450px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -18.2rem
    }
}

@media all and (max-width:430px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -17.3rem
    }
}

@media all and (max-width:414px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -15.8rem
    }
}

@media all and (max-width:390px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -14.2rem
    }
}

@media all and (max-width:375px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -12.9rem
    }
}

@media all and (max-width:360px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -12.9rem
    }
}

@media all and (max-width:344px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -12.2rem
    }
}

@media all and (max-width:320px) {
    .dropdown-menu-header {
        margin-right: 0;
        margin-left: -10.8rem
    }
}

.dropdown-menu-header > li {
    display: flex;
    padding: .75rem 0;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    align-self: stretch;
}

    .dropdown-menu-header > li a {
        font-weight: 700;
        color: var(--ab-text-secondary);
        background-color: transparent;
        text-align: start;
    }

        .dropdown-menu-header > li a:focus {
            color: var(--ab-primary-darker);
            background-color: transparent;
        }

        .dropdown-menu-header > li a:hover {
            color: var(--ab-primary-darker);
            background-color: transparent;
        }

        .dropdown-menu-header > li a:active {
            color: var(--ab-primary-darker);
            background-color: transparent;
        }

.mega-menu {
    position: fixed;
    width: 100%;
    left: 20rem;
    top: 0;
    bottom: 0;
    background-color: var(--ab-white);
    z-index: 9999;
    opacity: 0;
    display: none;
    transition: all .3s cubic-bezier(.46,.03,.52,.96);
}

    .mega-menu.open {
        display: block;
        opacity: 1;
    }

@media all and (max-width:768px) {
    .mega-menu {
        left: auto;
        right: 10rem;
        overflow-y: scroll;
        height: 100vh
    }

        .mega-menu::-webkit-scrollbar {
            width: .3rem
        }

        .mega-menu::-webkit-scrollbar-track {
            box-shadow: inset 0 0 6px rgba(16,142,71,.2)
        }

        .mega-menu::-webkit-scrollbar-thumb {
            background: rgba(16,142,71,.6);
            border-radius: 1rem
        }

        .mega-menu .assist-card {
            margin: 3rem 1.5rem 0
        }
}

.mega-menu.open {
    left: 0;
    opacity: 1;
    transition: all .3s cubic-bezier(.46,.03,.52,.96);
}

@media all and (max-width:768px) {
    .mega-menu.open {
        left: auto;
        right: 0
    }
}

.mega-menu .header {
    position: sticky;
    top: 0;
    z-index: 9999;
    background: var(--ab-white);
}

    .mega-menu .header nav {
        flex: auto;
    }

    .mega-menu .header .nav-links {
        margin-left: 2.88rem;
    }

        .mega-menu .header .nav-links:first-of-type {
            margin-left: auto;
        }

        .mega-menu .header .nav-links a {
            display: flex;
            align-items: center;
            gap: .5rem;
        }

        .mega-menu .header .nav-links i {
            font-size: 1.125rem;
        }

    .mega-menu .header .profile-info {
        display: flex;
        align-items: center;
        gap: .75rem;
    }

        .mega-menu .header .profile-info .profile-info_name {
            font-size: 1.125rem;
            font-weight: 700;
        }

.mega-menu .mega-menu_content {
    padding: 6rem 0;
    overflow-y: scroll;
    height: 100vh;
}

    .mega-menu .mega-menu_content::-webkit-scrollbar {
        width: .3rem;
    }

    .mega-menu .mega-menu_content::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(16,142,71,.2);
    }

    .mega-menu .mega-menu_content::-webkit-scrollbar-thumb {
        background: rgba(16,142,71,.6);
        border-radius: 1rem;
    }

.mega-menu .mega-menu_col {
    margin-bottom: 1.54rem;
}

.mega-menu .mobile-menu_content {
    padding: 1.5rem 0;
}

    .mega-menu .mobile-menu_content .nav-links:not(:last-of-type) {
        margin-bottom: 1.3rem;
        border-bottom: 1px solid var(--ab-grey-300);
    }

.sub-menu {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 50rem;
    background-color: var(--ab-white);
    z-index: 9999;
    opacity: 0;
    transition: all .5s cubic-bezier(.46,.03,.52,.96);
}

    .sub-menu.open {
        right: 0;
        opacity: 1;
        transition: all .5s cubic-bezier(.46,.03,.52,.96);
    }

    .sub-menu .sub-menu_header {
        padding: 2rem 1rem 1rem;
    }

        .sub-menu .sub-menu_header .sub-menu_header_back {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 1.5rem;
            height: 1.5rem;
            cursor: pointer;
        }

.ab-search {
    position: fixed;
    width: 100%;
    left: 20rem;
    top: 0;
    bottom: 0;
    background-color: var(--ab-white);
    z-index: 9999;
    opacity: 0;
    display: none;
    transition: all .5s cubic-bezier(.46,.03,.52,.96);
    height: 100%;
    overflow-y: auto;
}

    .ab-search::-webkit-scrollbar {
        width: .3rem;
    }

    .ab-search::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(16,142,71,.2);
    }

    .ab-search::-webkit-scrollbar-thumb {
        background: rgba(16,142,71,.6);
        border-radius: 1rem;
    }

@media all and (max-width:768px) {
    .ab-search {
        left: auto;
        right: 10rem;
        overflow-y: scroll;
        height: 100vh
    }
}

.ab-search.open {
    left: 0;
    opacity: 1;
    transition: all .3s cubic-bezier(.46,.03,.52,.96);
}

@media all and (max-width:768px) {
    .ab-search.open {
        left: auto;
        right: 0
    }
}

.ab-search .header h4 {
    margin: 0 auto;
}

.ab-search .search_content {
    padding: 12rem 0 4rem;
}

@media all and (max-width:768px) {
    .ab-search .search_content {
        padding: 3rem 0
    }
}

@media all and (min-width:992px) {
    .ab-search .search_content .container {
        max-width: 58rem
    }
}

.ab-search .search_content .search_head {
    margin-bottom: 2rem;
}

    .ab-search .search_content .search_head span {
        font-size: .75rem;
    }

    .ab-search .search_content .search_head h4 {
        margin: .5rem 0 2.5rem;
        font-weight: 700;
    }

    .ab-search .search_content .search_head .search_form {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1.5rem;
        margin-bottom: 1.5rem;
    }

        .ab-search .search_content .search_head .search_form ab-input {
            flex-grow: 1;
            gap: 0 !important;
        }

    .ab-search .search_content .search_head .suggest {
        display: flex;
        flex-direction: column;
        gap: .75rem;
    }

        .ab-search .search_content .search_head .suggest .suggest_box {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
        }

            .ab-search .search_content .search_head .suggest .suggest_box button {
                font-size: .875rem;
            }

.ab-search .search_content .results.hidden {
    display: none;
}

.ab-search .search_content .results .results_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

    .ab-search .search_content .results .results_head .controls, .ab-search .search_content .results .results_head .controls .grid {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: .5rem;
    }

        .ab-search .search_content .results .results_head .controls .grid {
            position: relative;
            background-color: var(--ab-grey-8);
            border-radius: .5rem;
            transition: all .3s ease-in;
        }

@media all and (max-width:768px) {
    .ab-search .search_content .results .results_head .controls .grid {
        display: none
    }
}

.ab-search .search_content .results .results_head .controls .grid::after {
    position: absolute;
    content: "";
    display: block;
    width: 3.25rem;
    height: 3.25rem;
    background-color: var(--ab-white);
    border: 1px solid var(--ab-grey-400);
    border-radius: .5rem;
    left: calc(100% - 3.25rem);
    transition: all .2s linear;
    z-index: 1;
}

.ab-search .search_content .results .results_head .controls .grid .icon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.25rem;
    height: 3.25rem;
    cursor: pointer;
    background-color: transparent;
    z-index: 2;
}

.ab-search .search_content .results .results_head .controls .grid input[type=radio] {
    display: none;
}

.ab-search .search_content .results .results_head .controls .grid.list::after {
    left: 0;
}

.ab-search .search_content .results .results_head .controls .sort .dropdown-toggle, .ab-search .search_content .results .results_head .controls .sort .dropdown-menu {
    border-color: var(--ab-grey-400);
    border-radius: .5rem;
}

.ab-search .search_content .results .results_head .controls .sort .dropdown-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
}

    .ab-search .search_content .results .results_head .controls .sort .dropdown-toggle::after {
        display: none;
    }

.ab-search .search_content .results .results_body .d-grid {
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(2,1fr);
    gap: 1.5rem;
}

    .ab-search .search_content .results .results_body .d-grid.d-row {
        grid-template-columns: 1fr;
    }

@media all and (max-width:768px) {
    .ab-search .search_content .results .results_body .d-grid {
        grid-template-columns: auto
    }
}

.ab-search .search_content .results .results_body .d-grid ab-card[dir=row] .ab-card {
    align-items: center;
}

    .ab-search .search_content .results .results_body .d-grid ab-card[dir=row] .ab-card .ab-card_body {
        gap: 0;
    }

.assest-card {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    background-color: var(--ab-grey-100);
    padding: 2rem;
    border-radius: 1rem;
}

    .assest-card h5 {
        font-size: 1.5rem;
        font-weight: 700;
    }

    .assest-card i {
        font-size: 1.125rem;
    }

.ab-lang {
    color: var(--Colors-Text-Primary-Text,#232323);
}

    .ab-lang:hover {
        color: var(--ab-primary);
    }

@media all and (min-width:992px) and (max-width:1199px) {
    #navSearch {
        gap: 1.8rem !important
    }

    .navbar-nav a {
        font-size: 12px
    }

    .navbar-nav a {
        font-size: 12px
    }

    #navSearch svg {
        width: 15px
    }

    .ab-platforms-dropdown .dropdown-toggle {
        font-size: 12px
    }

        .ab-platforms-dropdown .dropdown-toggle svg {
            width: 15px
        }

    #navSearch li a {
        font-size: 12px
    }
}

@media screen and (max-width:1366px) and (min-width:1025px) {
    .navbar-expand-lg .navbar-nav {
        gap: 1.5rem !important
    }
}

.main-content--wrapper {
    display: flex;
    justify-content: space-between;
   /* gap: 2rem;*/
}

    .main-content--wrapper main {
        overflow-x: hidden;
        flex: 1 1 calc(100% - 19.5rem);
       /* padding: 2rem 0;*/
        display: flex;
        flex-direction: column;
        /*gap: 2rem;*/
    }

@media all and (min-width:992px) {
    .main-content--wrapper main {
        padding-inline-start: 2rem;
        border-left: 1px solid var(--Border-Primary,#e1e1e1);
        border-right: 0
    }

    .rtl .main-content--wrapper main {
        border-right: 1px solid var(--Border-Primary,#e1e1e1);
        border-left: 0
    }
}

.main-content--wrapper main article {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

    .main-content--wrapper main article section {
        display: flex;
        flex-direction: column;
        gap: .5rem;
    }

.side-nav {
    width: 19.5rem;
    min-width: 19.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    overflow-y: auto;
    transition: all .3s cubic-bezier(.46,.03,.52,.96);
    padding: 2rem 0;
}

    .side-nav::-webkit-scrollbar {
        height: 1px;
        width: 5px;
    }

    .side-nav::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px var(--ab-primary-scroll-thumb);
    }

    .side-nav::-webkit-scrollbar-thumb {
        background: var(--ab-primary-scroll-thumb);
        border-radius: 1rem;
    }

    .side-nav nav .nav-links.active {
        color: var(--ab-primary) !important;
    }

        .side-nav nav .nav-links.active .nav-text {
            color: var(--ab-primary) !important;
        }

    .side-nav nav .nav-links svg:nth-child(2), .side-nav nav .nav-links svg:nth-child(3):not(.arrow) {
        transform: rotate(90deg);
    }

.rtl .side-nav nav .nav-links svg:nth-child(2), .rtl .side-nav nav .nav-links svg:nth-child(3):not(.arrow) {
    transform: rotate(0deg);
}

.side-nav nav .nav-links.collapsed AND ~ .show {
    transform: rotate(90deg);
}

.side-nav nav .nav-links.secondary, .side-nav nav .nav-links.ab-card.mini, .side-nav nav .nav-links.ab-card.payment {
    padding-inline-start: 1.5rem;
    margin-inline-start: 1.75rem;
    border-inline-start: 1px solid;
    border-color: var(--Border-Primary,#e3e3e3);
}

    .side-nav nav .nav-links.secondary .nav-item, .side-nav nav .nav-links.ab-card.mini .nav-item, .side-nav nav .nav-links.ab-card.payment .nav-item {
        padding-inline-start: 0;
    }

.side-nav nav .nav-links .nav-text span {
    font-weight: bold;
    text-align: start;
}

.side-nav nav .accordion-header {
    padding: .75rem 1rem;
}

.side-nav nav .nav-text {
    transition: color .3s ease;
    color: var(--Colors-Text-Primary-Text,#232323) !important;
}

    .side-nav nav .nav-text:hover {
        color: var(--ab-primary) !important;
    }

    .side-nav nav .nav-text.active {
        color: var(--ab-primary) !important;
    }

    .side-nav nav .nav-text a {
        color: var(--Colors-Text-Primary-Text,#232323) !important;
    }

        .side-nav nav .nav-text a:hover {
            color: var(--ab-primary) !important;
        }

        .side-nav nav .nav-text a.active {
            color: var(--ab-primary) !important;
        }

.side-nav .accordion-button {
    padding: 0;
    border: none;
}

    .side-nav .accordion-button:hover {
        color: var(--ab-primary);
    }

    .side-nav .accordion-button[aria-expanded=true] > .arrow {
        transform: rotate(90deg);
    }

    .side-nav .accordion-button:not(.collapsed) > .arrow {
        transition: transform .3s ease;
        transform: rotate(90deg);
    }

.rtl .side-nav .accordion-button:not(.collapsed) > .arrow {
    transform: rotate(90deg);
}

.side-nav .arrow {
    transform: rotate(-90deg);
}

.rtl .side-nav .arrow {
    transform: rotate(-90deg);
}

.side-nav .accordion-button {
    transform: rotate(0deg);
    transition: transform .3s ease;
}

    .side-nav .accordion-button:not(.collapsed)::after {
        display: none;
    }

    .side-nav .accordion-button::after {
        display: none;
    }

.side-nav .accordion-item {
    border: none;
}

.side-nav .accordion-button:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

.side-nav .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
    color: var(--ab-primary);
}

@media all and (max-width:992px) {
    .side-nav {
        position: fixed;
        width: 100%;
        top: 100px;
        bottom: 0;
        background: #fff;
        padding-left: 0;
        padding-right: 2rem;
        z-index: 10;
        left: 20rem;
        opacity: 0;
        display: none
    }

    .rtl .side-nav {
        padding-right: 0;
        padding-left: 2rem
    }

    .offcanvas > .side-nav {
        position: relative;
        display: block;
        opacity: 1;
        left: 0;
        top: 0
    }

    .side-nav.open {
        left: 0;
        opacity: 1;
        transition: all .3s cubic-bezier(.46,.03,.52,.96)
    }
}

#offcanvas {
    display: none;
    color: var(--ab-grey-1000);
}

@media all and (max-width:992px) {
    #offcanvas {
        display: block
    }
}

[dir=ltr] .side-nav i {
    transform: rotateY(180deg);
}

.ab-survey {
    width: 100%;
    text-align: center;
    border-radius: 2rem;
    background: var(--Surface-Card,#f9fbfb);
    padding: 2rem 3.125rem .5rem;
}

@media all and (max-width:576px) {
    .ab-survey {
        padding: 1rem 1.125rem .5rem
    }
}

.ab-survey--form {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    text-align: center;
}

.ab-survey--form_answers {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
}

    .ab-survey--form_answers input[type=radio]:checked + a.primary {
        background: var(--Surface-Action-Primary,#05622e);
        color: #fff;
    }

        .ab-survey--form_answers input[type=radio]:checked + a.primary i {
            color: #fff;
        }

    .ab-survey--form_answers input[type=radio]:checked + a.error, .ab-survey--form_answers input[type=radio]:checked + a.ab-input:invalid:hover, .ab-survey--form_answers input[type=radio]:checked + a.ab-input:invalid:focus, .ab-survey--form_answers input[type=radio]:checked + a.ab-input:invalid:focus-visible, .ab-survey--form_answers input[type=radio]:checked + a.ab-input-group:invalid:hover, .ab-survey--form_answers input[type=radio]:checked + a.ab-input-group:invalid:focus, .ab-survey--form_answers input[type=radio]:checked + a.ab-input-group:invalid:focus-visible {
        background: var(--Surface-Action-Error,#af0818);
        color: #fff;
    }

        .ab-survey--form_answers input[type=radio]:checked + a.error i, .ab-survey--form_answers input[type=radio]:checked + a.ab-input:invalid:hover i, .ab-survey--form_answers input[type=radio]:checked + a.ab-input:invalid:focus i, .ab-survey--form_answers input[type=radio]:checked + a.ab-input:invalid:focus-visible i, .ab-survey--form_answers input[type=radio]:checked + a.ab-input-group:invalid:hover i, .ab-survey--form_answers input[type=radio]:checked + a.ab-input-group:invalid:focus i, .ab-survey--form_answers input[type=radio]:checked + a.ab-input-group:invalid:focus-visible i {
            color: #fff;
        }

.ab-survey--form_reason {
    text-align: start;
}

.ab-survey--form_reason_head {
    margin-bottom: 1rem;
}

.ab-survey--form_reason_body {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: .5rem;
    margin-bottom: 1rem;
}

    .ab-survey--form_reason_body:has(span span table:empty) {
        margin-bottom: 0;
    }

    .ab-survey--form_reason_body span:has(span table:empty) {
        height: 0;
    }

    .ab-survey--form_reason_body tbody tr td input {
        width: 18px;
        height: 18px;
        position: relative;
        background-color: transparent;
        margin: 0 !important;
        transition: all .3s ease-in;
        cursor: pointer;
    }

        .ab-survey--form_reason_body tbody tr td input[type=checkbox] {
            border-radius: .25em;
            --bs-form-check-bg: var(--bs-body-bg);
            flex-shrink: 0;
            vertical-align: top;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-image: var(--bs-form-check-bg-image);
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            border: var(--bs-border-width) solid var(--bs-border-color);
            -webkit-print-color-adjust: exact;
            color-adjust: exact;
            print-color-adjust: exact;
            width: 18px;
            height: 18px;
            position: relative;
            background-color: transparent;
            margin: 0 !important;
            transition: all .3s ease-in;
            cursor: pointer;
        }

        .ab-survey--form_reason_body tbody tr td input::before {
            position: absolute;
            content: "";
            top: -10px;
            left: -10px;
            width: 2.25rem;
            height: 2.25rem;
            background-color: rgba(42,43,45,.08);
            transition: opacity .3s ease-in;
            border-radius: 50%;
            z-index: 0;
            opacity: 0;
        }

        .ab-survey--form_reason_body tbody tr td input:focus {
            box-shadow: none;
        }

        .ab-survey--form_reason_body tbody tr td input:focus-visible {
            border-color: var(--Border-Success,#1ec27b);
            outline: 0;
            box-shadow: 0 0 0 .25rem rgba(5,98,46,.2);
        }

        .ab-survey--form_reason_body tbody tr td input:hover {
            border-color: var(--ab-grey-400);
        }

            .ab-survey--form_reason_body tbody tr td input:hover::before {
                opacity: 1;
            }

        .ab-survey--form_reason_body tbody tr td 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");
        }

        .ab-survey--form_reason_body tbody tr td input:checked {
            background-color: var(--ab-primary);
            border-color: var(--ab-primary);
        }

            .ab-survey--form_reason_body tbody tr td input:checked:focus, .ab-survey--form_reason_body tbody tr td input:checked:focus-visible, .ab-survey--form_reason_body tbody tr td input:checked:hover {
                border-color: var(--ab-primary-darker);
            }

            .ab-survey--form_reason_body tbody tr td input:checked:disabled, .ab-survey--form_reason_body tbody tr td input.ab-btn.disabled:checked:hover, .ab-survey--form_reason_body tbody tr td input.disabled.ab-btn--solid:checked:hover, .ab-survey--form_reason_body tbody tr td input.disabled.ab-btn--outline:checked:hover, .ab-survey--form_reason_body tbody tr td input.disabled.ab-btn--ghost:checked:hover {
                background-color: var(--ab-grey-300);
                border-color: var(--ab-grey-300);
            }

            .ab-survey--form_reason_body tbody tr td input:checked::before {
                background-color: #e5ecf5;
            }

        .ab-survey--form_reason_body tbody tr td input:disabled, .ab-survey--form_reason_body tbody tr td input.ab-btn:disabled:hover, .ab-survey--form_reason_body tbody tr td input.ab-btn.disabled:hover, .ab-survey--form_reason_body tbody tr td input.ab-btn--solid:disabled:hover, .ab-survey--form_reason_body tbody tr td input.disabled.ab-btn--solid:hover, .ab-survey--form_reason_body tbody tr td input.ab-btn--outline:disabled:hover, .ab-survey--form_reason_body tbody tr td input.disabled.ab-btn--outline:hover, .ab-survey--form_reason_body tbody tr td input.ab-btn--ghost:disabled:hover, .ab-survey--form_reason_body tbody tr td input.disabled.ab-btn--ghost:hover {
            background-color: transparent;
            border-color: var(--Icon-Disabled,#e1e1e1);
        }

            .ab-survey--form_reason_body tbody tr td input:disabled + label, .ab-survey--form_reason_body tbody tr td input.ab-btn:disabled:hover + label, .ab-survey--form_reason_body tbody tr td input.ab-btn.disabled:hover + label, .ab-survey--form_reason_body tbody tr td input.ab-btn--solid:disabled:hover + label, .ab-survey--form_reason_body tbody tr td input.disabled.ab-btn--solid:hover + label, .ab-survey--form_reason_body tbody tr td input.ab-btn--outline:disabled:hover + label, .ab-survey--form_reason_body tbody tr td input.disabled.ab-btn--outline:hover + label, .ab-survey--form_reason_body tbody tr td input.ab-btn--ghost:disabled:hover + label, .ab-survey--form_reason_body tbody tr td input.disabled.ab-btn--ghost:hover + label {
                color: var(--Text-Disabled,#cacaca);
                cursor: not-allowed;
            }

    .ab-survey--form_reason_body tbody tr td label {
        cursor: pointer;
        line-height: 18px;
        font-size: .875rem;
        color: var(--Text-Subtitles,#525451);
        font-weight: 400;
        cursor: pointer;
        font-family:  DroidArabicKufi !important;;
    }

    .ab-survey--form_reason_body tbody tr td {
        display: flex;
        flex-direction: row;
        gap: .75rem;
        margin-bottom: 1rem;
    }

.ab-survey--form_msg .ab-icon, .ab-survey--form_msg .ab-icon--ghost {
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
}

    .ab-survey--form_msg .ab-icon i, .ab-survey--form_msg .ab-icon--ghost i {
        width: inherit;
        height: inherit;
        line-height: inherit;
        font-size: 5rem;
        color: var(--ab-primary);
    }

    .ab-survey--form_msg .ab-icon--ghost i {
        color: var(--ab-primary);
    }

.ab-survey--form_msg ul li span {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: normal;
}

.ab-survey--footer {
    text-align: center;
    margin-top: 2rem;
}

.ab-survey--footer_shares {
    font-size: .75rem;
    margin-bottom: 1rem;
}

.ab-survey--footer_last-updated {
    color: var(--Icon-Information,#969798);
    font-size: .625rem;
    letter-spacing: .0125rem;
}

    .ab-survey--footer_last-updated #lastUpdateDate {
        color: var(--Icon-Information,#969798);
        font-size: .625rem;
        letter-spacing: .0125rem;
    }

.success::before {
    display: flex;
    font-size: 5rem;
    flex-direction: column;
    align-items: center;
    color: var(--ab-primary);
}

.error::before, .abher_table_search .ab-input:invalid:hover::before, .abher_table_search .ab-input-group:invalid:hover::before, .abher_table_search .ab-input:invalid:focus::before, .abher_table_search .ab-input-group:invalid:focus::before, .abher_table_search .ab-input:invalid:focus-visible::before, .abher_table_search .ab-input-group:invalid:focus-visible::before, .abher_table_search .ab-input.error:hover::before, .abher_table_search .error.ab-input-group:hover::before, .abher_table_search .ab-input.error:focus::before, .abher_table_search .error.ab-input-group:focus::before, .abher_table_search .ab-input.error:focus-visible::before, .abher_table_search .error.ab-input-group:focus-visible::before, .ab-input:invalid:hover::before, .ab-input:invalid:focus::before, .ab-input:invalid:focus-visible::before, .ab-input.error:hover::before, .ab-input.error:focus::before, .ab-input.error:focus-visible::before, .ab-input-group:invalid:hover::before, .ab-input-group:invalid:focus::before, .ab-input-group:invalid:focus-visible::before, .error.ab-input-group:hover::before, .error.ab-input-group:focus::before, .error.ab-input-group:focus-visible::before {
    display: flex;
    font-size: 5rem;
    flex-direction: column;
    align-items: center;
    color: var(--ab-system-error-dark);
}

.warning::before {
    display: flex;
    font-size: 5rem;
    flex-direction: column;
    align-items: center;
    color: var(--ab-system-warning-dark);
}

:root {
    --aside-width: 26.125rem;
}

@media all and (max-width:1200px) {
    :root {
        --aside-width: 20.125rem
    }
}

.aside {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 0 var(--aside-width);
    background: url("../../assets/abhser-images/aside-bg.png") center/cover no-repeat;
    background-blend-mode: multiply;
    color: var(--ab-white);
    padding: 4rem 2rem;
    gap: 3rem;
}

@media all and (max-width:992px) {
    .aside {
        display: none
    }
}

.aside--body {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.aside--body_terms {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

    .aside--body_terms .ab-button {
        align-self: flex-start;
    }

.aside--footer {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--ab-text-secondary);
}

.aside--footer_intro h2 {
    font-size: 4.25rem;
    margin-bottom: 1.75rem;
    color: var(--ab-white);
}

.aside--footer_phone {
    max-width: 12rem;
}

    .aside--footer_phone a {
        display: flex;
        align-items: center;
        padding: .25rem 0 .25rem 1.5rem;
        border-radius: 1.5rem;
        gap: .5rem;
        color: var(--ab-white);
        background-color: rgba(14,149,73,.08);
        text-align: center;
    }

        .aside--footer_phone a .ab-icon, .aside--footer_phone a .ab-icon--ghost {
            background-color: rgba(14,149,73,.08);
        }

            .aside--footer_phone a .ab-icon i, .aside--footer_phone a .ab-icon--ghost i {
                color: var(--ab-white);
            }

        .aside--footer_phone a span {
            display: inline-block;
            text-align: center;
            flex-grow: 1;
        }

.aside--footer_social-media {
    display: flex;
    align-items: center;
    gap: .81rem;
}

    .aside--footer_social-media .ab-icon, .aside--footer_social-media .ab-icon--ghost {
        background-color: rgba(14,149,73,.08);
    }

        .aside--footer_social-media .ab-icon i, .aside--footer_social-media .ab-icon--ghost i {
            color: var(--ab-white);
        }

.ab-table-desktop--header {
    background: var(--Absher-Backgrounds-Grey-Backgrounds,#f9fbfb);
    border-bottom: 1px solid var(--absher-backgrounds-outline,#e3e3e3);
}

.ab-table-desktop--header_title {
    display: flex;
    flex-direction: row;
    text-wrap: wrap;
}

    .ab-table-desktop--header_title h5 {
        font-size: 1rem;
    }

.ab-table-desktop--content {
    border-bottom: 1px solid var(--absher-backgrounds-outline,#e3e3e3);
}

.ab-table-desktop th {
    cursor: pointer;
    padding: .9rem .6rem;
}

    .ab-table-desktop th:empty {
        display: none;
    }

    .ab-table-desktop th .sorting {
        width: 24px;
        height: 24px;
        position: relative;
        display: inline-block;
    }

        .ab-table-desktop th .sorting i:nth-child(1) {
            position: absolute;
            width: 24px;
            right: 5px;
            top: 10px;
        }

        .ab-table-desktop th .sorting i:nth-child(2) {
            position: absolute;
            width: 24px;
            right: 5px;
            top: 0;
        }

.ab-table-desktop td {
    padding: .9rem .6rem;
}

.ab_table_mobile {
    width: 100%;
}

.abher_table_search {
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 50%;
}

    .abher_table_search .ab-input, .abher_table_search .ab-input-group, .abher_table_search .ab-input-group {
        border: none;
        outline: 1px solid var(--absher-grey-200);
        border-radius: 8px;
        padding: .75rem 1rem;
        width: 100%;
        background-color: var(--absher-text-white);
        color: var(--absher-text-primary);
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.25rem;
        box-sizing: border-box;
        height: 3rem;
    }

        .abher_table_search .ab-input:hover, .abher_table_search .ab-input-group:hover, .abher_table_search .ab-input-group:hover {
            outline-color: var(--absher-grey-600);
        }

        .abher_table_search .ab-input:focus, .abher_table_search .ab-input-group:focus, .abher_table_search .ab-input-group:focus, .abher_table_search .ab-input:focus-visible, .abher_table_search .ab-input-group:focus-visible, .abher_table_search .ab-input-group:focus-visible, .abher_table_search .ab-input.success, .abher_table_search .success.ab-input-group, .abher_table_search .success.ab-input-group {
            outline-color: var(--absher-primary);
        }

        .abher_table_search .ab-input:invalid, .abher_table_search .ab-input-group:invalid, .abher_table_search .ab-input-group:invalid, .abher_table_search .ab-input.error, .abher_table_search .error.ab-input-group, .abher_table_search .ab-input:invalid:hover, .abher_table_search .ab-input-group:invalid:hover, .abher_table_search .ab-input:invalid:focus, .abher_table_search .ab-input-group:invalid:focus, .abher_table_search .ab-input:invalid:focus-visible, .abher_table_search .ab-input-group:invalid:focus-visible, .abher_table_search .ab-input.error:hover, .abher_table_search .error.ab-input-group:hover, .abher_table_search .ab-input.error:focus, .abher_table_search .error.ab-input-group:focus, .abher_table_search .ab-input.error:focus-visible, .abher_table_search .error.ab-input-group:focus-visible, .abher_table_search .error.ab-input-group {
            outline-color: var(--absher-system-error);
        }

            .abher_table_search .ab-input:invalid + .hint-msg, .abher_table_search .ab-input-group:invalid + .hint-msg, .abher_table_search .ab-input.error + .hint-msg, .abher_table_search .error.ab-input-group + .hint-msg {
                color: var(--absher-system-error);
            }

        .abher_table_search .ab-input:disabled, .abher_table_search .ab-input-group:disabled, .abher_table_search .ab-input-group:disabled, .abher_table_search .ab-input.ab-btn:disabled:hover, .abher_table_search .ab-btn.ab-input-group:disabled:hover, .abher_table_search .ab-input.ab-btn.disabled:hover, .abher_table_search .ab-btn.disabled.ab-input-group:hover, .abher_table_search .ab-input.ab-btn--solid:disabled:hover, .abher_table_search .ab-btn--solid.ab-input-group:disabled:hover, .abher_table_search .ab-input.disabled.ab-btn--solid:hover, .abher_table_search .disabled.ab-btn--solid.ab-input-group:hover, .abher_table_search .ab-input.ab-btn--outline:disabled:hover, .abher_table_search .ab-btn--outline.ab-input-group:disabled:hover, .abher_table_search .ab-input.disabled.ab-btn--outline:hover, .abher_table_search .disabled.ab-btn--outline.ab-input-group:hover, .abher_table_search .ab-input.ab-btn--ghost:disabled:hover, .abher_table_search .ab-btn--ghost.ab-input-group:disabled:hover, .abher_table_search .ab-input.disabled.ab-btn--ghost:hover, .abher_table_search .disabled.ab-btn--ghost.ab-input-group:hover {
            background-color: var(--absher-grey-100);
            outline-color: var(--absher-grey-200);
            color: var(--absher-grey-600);
        }

        .abher_table_search .ab-input + .hint-msg, .abher_table_search .ab-input-group + .hint-msg, .abher_table_search .ab-input-group + .hint-msg {
            color: var(--absher-grey-600);
        }

    .abher_table_search .ab-input-group {
        display: flex;
        padding: 0;
        gap: .5rem;
        align-items: center;
        padding-right: 1rem;
        margin: 0;
    }

        .abher_table_search .ab-input-group.focus, .abher_table_search .ab-input-group .success {
            outline-color: var(--absher-primary);
        }

        .abher_table_search .ab-input-group.invalid {
            outline-color: var(--absher-system-error);
        }

            .abher_table_search .ab-input-group.invalid + .hint-msg {
                color: var(--absher-system-error);
            }

        .abher_table_search .ab-input-group.disabled {
            background-color: var(--absher-grey-100);
            outline-color: var(--absher-grey-200);
            color: var(--absher-grey-600);
        }

        .abher_table_search .ab-input-group + .hint-msg {
            color: var(--absher-grey-600);
        }

        .abher_table_search .ab-input-group input {
            flex-grow: 1;
            padding: .75rem 0 .75rem 1rem;
            border: none;
            outline: transparent;
        }

            .abher_table_search .ab-input-group input:hover {
                outline-color: transparent;
            }

            .abher_table_search .ab-input-group input:focus, .abher_table_search .ab-input-group input:focus-visible, .abher_table_search .ab-input-group input.success {
                outline-color: transparent;
            }

            .abher_table_search .ab-input-group input:invalid {
                outline-color: var(--absher-system-error);
            }

        .abher_table_search .ab-input-group .input-group-text {
            background-color: transparent;
            border: none;
            width: 1.5rem;
            height: 1.5rem;
            padding: 0;
        }

.ab-dialog {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    align-items: center;
    text-align: center;
    padding: 2rem;
    background-color: var(--absher-white);
}

.ab-dialog--body {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
}

    .ab-dialog--body .ab-icon.check, .ab-dialog--body .check.ab-icon--ghost, .ab-dialog--body .ab-icon.ab-card.radio, .ab-dialog--body .ab-icon--ghost.ab-card.radio {
        width: 5rem;
        height: 5rem;
    }

        .ab-dialog--body .ab-icon.check i, .ab-dialog--body .check.ab-icon--ghost i, .ab-dialog--body .ab-icon.ab-card.radio i, .ab-dialog--body .ab-icon--ghost.ab-card.radio i {
            width: 5rem;
            height: 5rem;
            line-height: 5rem;
        }

            .ab-dialog--body .ab-icon.check i::before, .ab-dialog--body .check.ab-icon--ghost i::before, .ab-dialog--body .ab-icon.ab-card.radio i::before, .ab-dialog--body .ab-icon--ghost.ab-card.radio i::before {
                font-size: 5rem;
            }

    .ab-dialog--body h4 {
        font-size: 2.25rem;
        font-weight: 700;
        color: var(--absher-text-primary);
    }

    .ab-dialog--body p {
        font-size: .875rem;
        color: var(--absher-text-primary);
    }

    .ab-dialog--body .ab-button {
        cursor: pointer;
    }

        .ab-dialog--body .ab-button .ab-icon i, .ab-dialog--body .ab-button .ab-icon--ghost i {
            color: var(--absher-text-secondary) !important;
        }

        .ab-dialog--body .ab-button#ref-num span {
            font-size: 1rem;
            font-weight: 700;
            color: var(--absher-text-primary);
        }

        .ab-dialog--body .ab-button#ref-num:hover i::before {
            color: var(--absher-text-primary);
        }

.ab-dialog--footer {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.feedback-list {
    list-style: decimal;
    display: flex;
    flex-direction: column;
    counter-reset: item;
    padding: 0;
}

    .feedback-list > li:not(*>p) {
        margin-top: 2rem;
        display: block;
        color: var(--Text-Headings,#232425);
        text-align: start;
        font-family: "DIN";
        font-size: 1rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

        .feedback-list > li:not(*>p) .ab-table-body {
            font-weight: 400;
        }

        .feedback-list > li:not(*>p) p {
            color: var(--Text-Body,#232425);
            text-align: start;
            font-family: "DIN";
            font-size: .875rem;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }

    .feedback-list > li:before {
        content: counters(item,".") ". ";
        counter-increment: item;
        flex-shrink: 0;
    }

.feedback-list-unordered {
    font-weight: 400;
    list-style: disc;
    padding-right: 2rem;
    padding-left: 2rem;
}

.feedback-list-unordered-inset {
    font-weight: 400;
    list-style: disc;
    list-style-position: inside;
}

.rating > * {
    fill: #E1E1E1;
}

.rating-active {
    fill: #FFD568;
}

.stats-nav {
    overflow-y: hidden !important;
    overflow-x: scroll !important;
    padding-bottom: 0 !important;
    border-bottom: 2px solid var(--absher-graphics-illustrations-grey-8,rgba(42,43,45,.08)) !important;
    margin-bottom: 2rem !important;
}

.individual:hover {
    background-color: #108e47;
    color: white;
    transition: background-color .5s ease;
}

    .individual:hover path {
        fill: white;
    }

    .individual:hover * {
        color: white;
    }

.business:hover {
    transition: background-color .5s ease;
}

    .business:hover path {
        fill: white;
    }

    .business:hover * {
        color: white;
    }

.government:hover {
    background-color: var(--ab-Informative-Info,#83622a);
    color: white;
    transition: background-color .5s ease;
}

    .government:hover path {
        fill: white;
    }

    .government:hover * {
        color: white;
    }

.floating-animation {
    animation: floating .5s ease-in 0s infinite;
    animation-direction: alternate;
}

@keyframes floating {
    from {
        transform: translateY(-7px)
    }

    to {
        transform: translateY(3px)
    }
}

.swiper_cards_new_services {
    width: 100%;
}

.swiper_cards_latest_news {
    width: 100%;
}

html[lang=en] .new_landing_login, .ltr .new_landing_login {
    overflow: hidden;
}

html[lang=en] .new_landing_login-container-form, .ltr .new_landing_login-container-form {
    align-items: end;
}

html[lang=en] .new_landing_login-container-slider, .ltr .new_landing_login-container-slider {
    margin-left: 2.5rem;
    margin-right: 0;
}

    html[lang=en] .new_landing_login-container-slider .banner_pagination, .ltr .new_landing_login-container-slider .banner_pagination {
        justify-content: flex-start;
    }

html[lang=en] .new_landing_journeys-body--title, .ltr .new_landing_journeys-body--title {
    align-items: baseline;
}

html[lang=en] .new_landing_journeys-body--links i, .ltr .new_landing_journeys-body--links i {
    transform: rotate(180deg);
}

html[lang=en] .new_landing_newServices-head, .ltr .new_landing_newServices-head {
    margin-left: 0;
    margin-right: 11rem;
}

html[lang=en] .new_landing_newServices .swiper, .ltr .new_landing_newServices .swiper {
    padding-left: 0;
    padding-right: 5rem;
}

html[lang=en] .new_landing_contact-us--right-side, .ltr .new_landing_contact-us--right-side {
    flex-direction: row;
    align-items: start;
    text-align: start;
}

html[lang=en] .new_landing_latest-news__news-card_footer a svg, .ltr .new_landing_latest-news__news-card_footer a svg {
    transform: rotate(180deg);
}

html[lang=en] .new_landing_download-apps, .ltr .new_landing_download-apps {
    padding-right: 0;
}

html[lang=en] .new_landing_download-apps-body, .ltr .new_landing_download-apps-body {
    align-items: baseline;
}

    html[lang=en] .new_landing_download-apps-body > div, .ltr .new_landing_download-apps-body > div {
        justify-content: end;
    }

.new_landing_banner {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0 5.625rem 5.75rem 5.625rem;
}

.new_landing_banner-head {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 3.5rem;
}

.new_landing_banner-head--translate {
    color: var(--ab-grey-600);
    display: flex;
    align-items: center;
    align-items: center;
    justify-content: center;
    gap: .5rem;
}

.new_landing_banner-container {
    margin-top: 0;
    transform: translateY(50%);
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 2.5rem;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 10;
}

@media all and (max-width:992px) {
    .new_landing_banner-container {
        flex-direction: column;
        justify-content: center;
        width: 100%;
        margin-top: -10rem
    }
}

@media all and (max-width:768px) {
    .new_landing_banner-container {
        font-size: 1.875rem;
        flex-direction: column;
        gap: 1rem;
        margin-top: -20rem
    }
}

.new_landing_banner-background {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.new_landing_banner-text {
    width: 50%;
    max-width: 31.6875rem;
    font-size: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1.38rem;
}

@media all and (max-width:768px) {
    .new_landing_banner-text {
        width: 100%
    }
}

@media all and (max-width:992px) {
    .new_landing_banner-text {
        width: 100%
    }
}

.new_landing_banner-text h1 {
    color: var(--Text-Headings-black);
    text-align: justify;
    -webkit-text-stroke-width: .5;
    -webkit-text-stroke-color: var(--Text-Headings-black);
    font-size: 2.8125rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

@media all and (max-width:768px) {
    .new_landing_banner-text h1 {
        font-size: 1.875rem
    }
}

@media all and (max-width:992px) {
    .new_landing_banner-text h1 {
        font-size: 2.275rem
    }
}

.new_landing_banner-text h1 span {
    font-size: inherit;
    color: #108e47;
}

.new_landing_banner-text p {
    color: var(--ab-grey-600);
    text-align: justify;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media all and (max-width:768px) {
    .new_landing_banner-text p {
        font-size: 1rem
    }
}

@media all and (max-width:992px) {
    .new_landing_banner-text p {
        font-size: 1.2rem
    }
}

.new_landing_banner-portals {
    width: 50%;
    display: flex;
    flex-direction: row;
    justify-content: end;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    gap: 1.875rem;
}

@media all and (max-width:992px) {
    .new_landing_banner-portals {
        width: 100%;
        justify-content: center;
        align-items: center
    }
}

@media all and (max-width:768px) {
    .new_landing_banner-portals {
        flex-direction: column;
        width: 100%
    }
}

.new_landing_banner-portals--card {
    font-weight: 400;
    letter-spacing: 0;
    display: flex;
    min-width: 9.5625rem;
    width: 11.5625rem;
    padding: 1rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 1rem;
    border: .5px solid var(--ab-Backgrounds-Outline,#e3e3e3);
    background: var(--ab-white);
    box-shadow: 0 17px 33px -2px rgba(28,39,49,.05);
}

    .new_landing_banner-portals--card #line {
        width: 100%;
    }

    .new_landing_banner-portals--card svg {
        min-width: 4.1875rem;
        min-height: 6.25rem;
    }

    .new_landing_banner-portals--card p {
        display: flex;
        flex-direction: column;
    }

        .new_landing_banner-portals--card p b {
            display: none;
        }

@media all and (max-width:768px) {
    .new_landing_banner-portals--card {
        display: flex;
        flex-direction: row;
        width: 100%;
        max-width: 35rem
    }

        .new_landing_banner-portals--card #title {
            display: none
        }

        .new_landing_banner-portals--card #line {
            transform: rotate(90deg);
            width: 6.5rem
        }

        .new_landing_banner-portals--card p b {
            display: flex
        }
}

.new_landing_banner-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: .5rem;
}

    .new_landing_banner-footer p {
        color: var(--ab-grey-600);
        text-align: center;
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.5rem;
        letter-spacing: .0175rem;
        margin-bottom: .5rem;
    }

@media all and (max-width:768px) {
    .new_landing_banner {
        padding: 4.0625rem 1.25rem 2.5rem 1.25rem
    }
}

.new_landing_login {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.new_landing_login-container {
    width: 100%;
    max-width: 1400px;
    gap: 2.5rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 5rem;
    padding-bottom: 3rem;
}

.new_landing_login-container-form {
    max-height: 500px;
    display: flex;
    padding: 1rem 3.5rem;
    flex-direction: column;
    width: 40%;
    max-width: 27rem;
    gap: 2rem;
    border-radius: 1rem;
    background-color: var(--ab-white);
    box-shadow: 0 21.278px 41.305px -2.503px rgba(28,39,49,.05);
}

    .new_landing_login-container-form > div {
        width: 100%;
    }

    .new_landing_login-container-form .forgot-password-link {
        width: 100%;
        display: flex;
        justify-content: end;
    }

.new_landing_login-container-form--footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
}

.new_landing_login-container-slider {
    width: 50%;
    height: 100%;
    margin-right: 2.5rem;
    margin-left: 0;
}

    .new_landing_login-container-slider .banner_pagination {
        transform: translate(-30%,7vh);
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        gap: .25rem;
    }

        .new_landing_login-container-slider .banner_pagination .pagination-bullet {
            cursor: pointer;
            width: .75rem;
            height: .75rem;
            border-radius: 1rem;
            background: #c7c7c7;
            gap: 1.5rem;
        }

        .new_landing_login-container-slider .banner_pagination .pagination-bullet-active {
            width: 3rem;
            height: .75rem;
            border-radius: 1rem;
            background: var(--ab-primary-Clickable,var(--ab-primary-Clickable));
            transform-origin: bottom;
            transition: width .5s ease;
        }

    .new_landing_login-container-slider img {
        width: 100%;
        height: 100%;
        object-fit: fill;
    }

    .new_landing_login-container-slider .swiper-slide {
        border-radius: 1rem;
    }

        .new_landing_login-container-slider .swiper-slide img {
            border-radius: 1rem;
        }

    .new_landing_login-container-slider .swiper-wrapper {
        width: 100%;
    }

    .new_landing_login-container-slider .swiper-pagination {
        transform: rotate(90deg) translateY(-60px) translateX(-10%);
        justify-content: center;
    }

    .new_landing_login-container-slider .swiper-pagination-bullet-active {
        width: 3rem;
        height: .75rem;
        border-radius: 1rem;
        background: var(--ab-primary-130);
    }

    .new_landing_login-container-slider .swiper-button-prev {
        border: 0;
        width: 4rem;
        height: 4rem;
        border-radius: 2.5rem;
        background: var(--ab-primary-Clickable);
        display: flex;
        padding: .75rem;
        align-items: center;
        gap: .625rem;
        transform: rotate(180deg);
    }

        .new_landing_login-container-slider .swiper-button-prev::after {
            content: "";
            display: none;
        }

    .new_landing_login-container-slider .swiper-button-next {
        border: 0;
        width: 4rem;
        height: 4rem;
        border-radius: 2.5rem;
        background: var(--ab-primary-Clickable);
        display: flex;
        padding: .75rem;
        align-items: center;
        gap: .625rem;
        transform: rotate(180deg);
    }

        .new_landing_login-container-slider .swiper-button-next::after {
            content: "";
            display: none;
        }

@media all and (max-width:992px) {
    .new_landing_login-container-form {
        padding: 1rem 1.5rem
    }

        .new_landing_login-container-form svg {
            width: 100px
        }
}

@media all and (max-width:768px) {
    .new_landing_login-container {
        padding: 4.0625rem 1.25rem 2.5rem 1.25rem;
        flex-direction: column;
        align-items: center
    }

    .new_landing_login-container-form {
        width: 100%;
        min-width: 20rem
    }

    .new_landing_login-container form ~ svg {
        transform: rotate(90deg);
        display: none
    }

    .new_landing_login-container-slider {
        width: 70%;
        gap: 2.5rem;
        margin-top: 4.5rem
    }

        .new_landing_login-container-slider .banner_pagination {
            transform: translate(-30%,1vh)
        }
}

.new_landing_login-slider {
    gap: 1rem;
    background: transparent;
    padding-bottom: 1.5rem;
    object-fit: contain;
    overflow: visible;
}

    .new_landing_login-slider div {
        align-items: center;
        margin-bottom: 30px;
    }

        .new_landing_login-slider div img {
            overflow: hidden;
            border-radius: 1rem;
            object-fit: cover;
            width: 96%;
            height: 31rem;
        }

@media all and (max-width:1400px) {
    .new_landing_login-slider div img {
        width: 87%
    }
}

@media all and (max-width:1200px) {
    .new_landing_login-slider div img {
        width: 85%
    }
}

@media all and (max-width:992px) {
    .new_landing_login-slider div img {
        width: 100%
    }
}

.new_landing_login-slider.swiper-pagination {
    left: 6%;
}

.new_landing_login-slider .swiper-pagination-bullet-active {
    width: 3rem;
    height: .75rem;
    border-radius: 1rem;
    background: var(--ab-primary-130);
}

@media all and (max-width:768px) {
    .new_landing_login-slider div {
        overflow: visible
    }

        .new_landing_login-slider div img {
            object-fit: fill;
            height: 24.625rem;
            flex-shrink: 0
        }
}

.new_landing_login-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: .5rem;
}

    .new_landing_login-footer p {
        color: var(--ab-grey-600);
        text-align: center;
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.5rem;
        letter-spacing: .0175rem;
        margin-bottom: .5rem;
    }

.new_landing_slider > .swiper-pagination {
    transform: translateY(30px);
    justify-content: center;
}

.new_landing_slider .swiper-pagination-bullet-active {
    width: 3rem;
    height: .75rem;
    border-radius: 1rem;
    background: var(--ab-primary-130);
}

@media all and (max-width:768px) {
    .new_landing_slider div {
        width: 100%
    }

        .new_landing_slider div img {
            object-fit: fill;
            width: 100%;
            height: 11.25rem;
            flex-shrink: 0
        }
}

.new_landing_services {
    font-family: "DIN";
    display: flex;
    flex-direction: column;
    align-items: start;
    color: var(--ab-grey-600);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-top: 6.5rem;
    padding-bottom: 6.3rem;
    gap: 2rem;
}

    .new_landing_services a svg {
        transform: rotate(180deg) translate(-10px,-4px);
    }

.rtl .new_landing_services a svg {
    transform: rotate(0deg) translate(-10px,1px);
}

.new_landing_services-head {
    max-width: 1400px;
    display: flex;
    flex-direction: column;
    gap: 1.38rem;
}

.new_landing_services-head-head {
    margin-right: 0;
    margin-left: 11rem;
}

.rtl .new_landing_services-head-head {
    margin-left: 0;
    margin-right: 11rem;
}

.new_landing_services-head h2 {
    color: var(--Text-Headings-black);
    text-align: right;
    -webkit-text-stroke-width: .5;
    -webkit-text-stroke-color: var(--Text-Headings-black);
    font-size: 3.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.new_landing_services-head p {
    color: var(--ab-grey-600);
    text-align: right;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.new_landing_services-body {
    max-width: 1400px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

    .new_landing_services-body #servicesTab {
        width: auto;
        overflow: visible;
        padding-bottom: 0;
    }

        .new_landing_services-body #servicesTab .nav-item {
            text-align: start;
            font-size: 1.25rem;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            background: transparent;
            max-width: fit-content;
        }

        .new_landing_services-body #servicesTab .nav-link {
            display: flex;
            align-items: end;
            justify-content: start;
            stroke: #a8a8aa;
        }

        .new_landing_services-body #servicesTab .active {
            color: var(--ab-primary-30);
            fill: var(--ab-primary-30);
            stroke: var(--ab-primary-30);
            border-bottom: 4px solid var(--ab-primary-30);
            stroke-width: 2px;
            background: transparent;
        }

            .new_landing_services-body #servicesTab .active::after {
                background-color: transparent;
            }

        .new_landing_services-body #servicesTab .nav-link:hover {
            color: var(--ab-primary-30);
            stroke: var(--ab-primary-30);
            border-bottom: 4px solid var(--ab-primary-30);
        }

            .new_landing_services-body #servicesTab .nav-link:hover::after {
                background-color: transparent;
            }

    .new_landing_services-body #servicesTabContentdiv[role=tablist] {
        min-width: 30%;
    }

    .new_landing_services-body #servicesTabContent > .tab-pane > div {
        width: 100%;
        display: flex;
        justify-content: start;
    }

    .new_landing_services-body #servicesTabContent div[role=tablist] {
        gap: .625rem;
        width: auto;
        min-width: 30%;
    }

@media all and (min-width:992px) {
    .new_landing_services-body #servicesTabContent div[role=tablist] {
        flex-direction: column
    }
}

@media all and (max-width:576px) {
    .new_landing_services-body #servicesTabContent div[role=tablist] {
        width: 100%
    }
}

.new_landing_services-body #servicesTabContent .nav-link {
    color: var(--ab-primary);
    text-align: start;
    font-size: .875rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: .0175rem;
    padding: 1.2rem 1.5rem;
    display: flex;
    border-radius: .5rem;
    gap: .625rem;
    width: auto;
}

@media all and (max-width:576px) {
    .new_landing_services-body #servicesTabContent .nav-link {
        width: 100%
    }
}

.new_landing_services-body #servicesTabContent .nav-link svg {
    display: block;
    min-width: 24px;
}

.new_landing_services-body #servicesTabContent .service-start {
    max-width: 35.375rem;
}

    .new_landing_services-body #servicesTabContent .service-start > h3 {
        color: var(--Text-Headings-black);
        text-align: start;
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-bottom: .5rem;
    }

    .new_landing_services-body #servicesTabContent .service-start > p {
        color: var(--ab-grey-600);
        text-align: start;
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .new_landing_services-body #servicesTabContent .service-start div {
        margin-top: 3.2rem;
        display: flex;
    }

@media all and (max-width:576px) {
    .new_landing_services-body #servicesTabContent .service-start div .ab-btn, .new_landing_services-body #servicesTabContent .service-start div .ab-btn--solid, .new_landing_services-body #servicesTabContent .service-start div .ab-btn--outline, .new_landing_services-body #servicesTabContent .service-start div .ab-btn--ghost {
        width: 100% !important
    }
}

.new_landing_services-body #servicesTabContent .nav-link.active {
    font-weight: 700;
    display: flex;
    background: var(--ab-primary-xlight);
}

@media all and (max-width:1200px) {
    .new_landing_services-head h2 {
        font-size: 1.875rem
    }

    .new_landing_services-head p {
        font-size: 1rem
    }

    .new_landing_services-body {
        width: 100%
    }

        .new_landing_services-body #servicesTab {
            width: 100%;
            overflow-x: scroll;
            overflow-y: hidden;
            scrollbar-width: none;
            font-size: 1rem
        }

            .new_landing_services-body #servicesTab::-webkit-scrollbar-thumb {
                display: none
            }

            .new_landing_services-body #servicesTab::-webkit-scrollbar-track {
                display: none
            }

            .new_landing_services-body #servicesTab .nav-item {
                font-size: 1rem
            }

            .new_landing_services-body #servicesTab .nav-link {
                font-size: 1rem
            }

                .new_landing_services-body #servicesTab .nav-link svg {
                    display: none;
                    width: 1.125rem;
                    height: 1.125rem
                }

            .new_landing_services-body #servicesTab .active {
                font-size: 1rem
            }

            .new_landing_services-body #servicesTab .nav-link:hover {
                font-size: 1rem
            }

        .new_landing_services-body #servicesTabContentdiv[role=tablist] {
            flex-direction: row;
            flex-wrap: wrap;
            gap: .625rem
        }

        .new_landing_services-body #servicesTabContent > .tab-pane > div {
            gap: 2.5rem
        }
}

@media all and (max-width:992px) {
    .new_landing_services .new_landing_services-body #servicesTabContent > .tab-pane > div {
        flex-direction: column
    }
}

.new_landing_services {
    font-family: "DIN";
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 4.5rem;
    padding-bottom: 2.5rem;
    gap: var(--Spacing-xxxl,2rem);
}

    .new_landing_services .swiper_new_serivces {
        position: relative;
    }

.new_landing_services--arrows {
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: end;
    gap: 1.5rem;
    z-index: 15;
    margin-left: 0;
    width: 100%;
    position: relative;
}

.rtl .new_landing_services--arrows {
    margin-left: 5rem;
    margin-right: 0;
}

@media all and (max-width:1490px) {
    .new_landing_services--arrows {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }
}

@media all and (max-width:1200px) {
    .new_landing_services--arrows {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }
}

.rtl .new_landing_services--arrows {
    margin-right: 5rem;
    width: 100%;
}

@media all and (max-width:1490px) {
    .rtl .new_landing_services--arrows {
        margin-right: 4rem;
        width: 90%
    }
}

@media all and (max-width:1200px) {
    .rtl .new_landing_services--arrows {
        margin-right: 0;
        width: 100%
    }
}

.new_landing_services--arrows .swiper-button-prev:hover {
    opacity: 1;
}

.new_landing_services--arrows .swiper-button-prev {
    opacity: 1;
    z-index: 15;
    border: 0;
    width: 2.5rem;
    height: 2.5rem;
    padding: .5rem;
    justify-content: center;
    align-items: center;
    border-radius: 2.1875rem;
    background: var(--Surface-W-Card,#FFF);
    border-radius: 2.1875rem;
    box-shadow: 0 17px 33px -2px rgba(28,39,49,.05);
    display: flex;
    align-items: center;
    gap: .625rem;
    transform: rotate(0deg);
    left: var(--swiper-navigation-sides-offset,90%);
    right: auto;
    border: 1px solid var(--Primary-Individual-100,#CCEEE0);
}

.rtl .new_landing_services--arrows .swiper-button-prev {
    transform: rotate(180deg);
    left: var(--swiper-navigation-sides-offset,6%);
    right: auto;
}

.new_landing_services--arrows .swiper-button-prev::after {
    content: "";
    display: none;
}

.new_landing_services--arrows .swiper-button-next:hover {
    opacity: 1;
}

.new_landing_services--arrows .swiper-button-next {
    border: 1px solid var(--Primary-Individual-100,#CCEEE0);
    box-shadow: 0 17px 33px -2px rgba(28,39,49,.05);
    z-index: 15;
    opacity: 1;
    width: 2.5rem;
    height: 2.5rem;
    padding: .5rem;
    border-radius: 2.5rem;
    background: var(--ab-primary-Clickable);
    border-radius: 1.5rem;
    background: var(--Surface-W-Card,#FFF);
    box-shadow: 0 0 33px -2px rgba(41,136,201,.12);
    display: flex;
    align-items: center;
    gap: .625rem;
    transform: rotate(180deg);
    right: auto;
    left: var(--swiper-navigation-sides-offset,30px);
}

.rtl .new_landing_services--arrows .swiper-button-next {
    transform: rotate(0deg);
    left: var(--swiper-navigation-sides-offset,100%);
    right: auto;
}

@media all and (max-width:1200px) {
    .rtl .new_landing_services--arrows .swiper-button-next {
        left: var(--swiper-navigation-sides-offset,95%)
    }
}

.new_landing_services--arrows .swiper-button-next::after {
    content: "";
    display: none;
}

.new_landing_services--arrows .swiper-button-news-next:hover {
    opacity: 1;
}

.new_landing_services--arrows .swiper-button-news-prev {
    opacity: 1;
    z-index: 15;
    border: 0;
    width: 2.5rem;
    height: 2.5rem;
    padding: .5rem;
    justify-content: center;
    align-items: center;
    border-radius: 2.1875rem;
    background: var(--Surface-W-Card,#FFF);
    border-radius: 2.1875rem;
    box-shadow: 0 17px 33px -2px rgba(28,39,49,.05);
    display: flex;
    align-items: center;
    gap: .625rem;
    transform: rotate(0deg);
    left: var(--swiper-navigation-sides-offset,90%);
    right: auto;
    border: 1px solid var(--Primary-Individual-100,#CCEEE0);
}

.rtl .new_landing_services--arrows .swiper-button-news-prev {
    transform: rotate(180deg);
    left: var(--swiper-navigation-sides-offset,6%);
    right: auto;
}

.new_landing_services--arrows .swiper-button-news-prev::after {
    content: "";
    display: none;
}

.new_landing_services--arrows .swiper-button-news-next {
    border: 1px solid var(--Primary-Individual-100,#CCEEE0);
    box-shadow: 0 17px 33px -2px rgba(28,39,49,.05);
    z-index: 15;
    opacity: 1;
    width: 2.5rem;
    height: 2.5rem;
    padding: .5rem;
    border-radius: 2.5rem;
    background: var(--ab-primary-Clickable);
    border-radius: 1.5rem;
    background: var(--Surface-W-Card,#FFF);
    box-shadow: 0 0 33px -2px rgba(41,136,201,.12);
    display: flex;
    align-items: center;
    gap: .625rem;
    transform: rotate(180deg);
    right: auto;
    left: var(--swiper-navigation-sides-offset,30px);
}

.rtl .new_landing_services--arrows .swiper-button-news-next {
    transform: rotate(0deg);
    left: var(--swiper-navigation-sides-offset,100%) !important;
    right: auto;
}

.new_landing_services--arrows .swiper-button-news-next::after {
    content: "";
    display: none;
}

.new_landing_services--arrows-r {
    border: 0;
    width: 4rem;
    height: 4rem;
    border-radius: 2.5rem;
    display: flex;
    padding: .75rem;
    align-items: center;
    gap: .625rem;
}

.new_landing_services--arrows-l {
    border: 0;
    width: 4rem;
    height: 4rem;
    display: flex;
    padding: .75rem;
    align-items: center;
    gap: .625rem;
    border-radius: 2.5rem;
    background: #B7B7B7;
}

@media all and (max-width:768px) {
    .new_landing_services--arrows .swiper-button-prev, .new_landing_services--arrows .swiper-button-news-prev {
        display: none;
        width: 3rem;
        height: 3rem
    }

    .new_landing_services--arrows .swiper-button-next, .new_landing_services--arrows .swiper-button-news-next {
        display: none;
        width: 3rem;
        height: 3rem
    }
}

.new_landing_services .swiper {
    padding-left: 5rem;
}

.new_landing_services-head {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

    .new_landing_services-head h3 {
        color: var(--Text-Headings-black);
        font-size: 2rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-align: start;
    }

    .new_landing_services-head p {
        color: var(--ab-grey-600);
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-align: start;
    }

@media all and (max-width:992px) {
    .new_landing_services-head h3 {
        font-size: 1.825rem
    }

    .new_landing_services-head p {
        font-size: 1rem
    }
}

.new_landing_services-body {
    gap: 1.4rem;
    display: flex;
}

    .new_landing_services-body .swiper_cards_new_services {
        padding-top: .75rem;
        margin-right: 0;
        overflow: hidden;
    }

.rtl .new_landing_services-body .swiper_cards_new_services {
    margin-left: 0;
    overflow: hidden;
}

@media all and (max-width:768px) {
    .new_landing_services {
        flex-direction: column;
        gap: 3.12rem
    }

    .new_landing_services--arrows-r {
        width: 3rem;
        height: 3rem
    }

    .new_landing_services--arrows-l {
        width: 3rem;
        height: 3rem
    }

    .new_landing_services > div {
        width: 100%
    }

    .new_landing_services-head {
        width: 100%
    }

    .new_landing_services-head--tag {
        width: 3.125rem;
        height: 3.125rem
    }

    .new_landing_services-head h3 {
        font-size: 1.5rem
    }

    .new_landing_services-head p {
        font-size: 1rem
    }

    .new_landing_services-body {
        overflow: hidden
    }

    .new_landing_services-footer {
        font-size: .75rem
    }

        .new_landing_services-footer i {
            font-size: 1.125rem
        }
}

.new_landing_journeys {
    font-family: "DIN";
    padding-top: 5rem;
    padding-bottom: 5rem;
    display: flex;
    flex-direction: row;
    height: 51.4375rem;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}

.new_landing_journeys-body {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

.new_landing_journeys-body--title {
    display: flex;
    flex-direction: column;
    gap: 1.3rem;
}

    .new_landing_journeys-body--title h3 {
        color: var(--Text-Headings-black);
        -webkit-text-stroke-width: .5;
        -webkit-text-stroke-color: var(--Text-Headings-black);
        font-size: 3.25rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .new_landing_journeys-body--title h5 {
        color: var(--ab-Text-Colors-Primary,#232425);
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .new_landing_journeys-body--title p {
        color: var(--ab-grey-600);
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

@media all and (max-width:992px) {
    .new_landing_journeys-body--title h3 {
        font-size: 1.825rem
    }

    .new_landing_journeys-body--title h5 {
        font-size: 1.25rem
    }

    .new_landing_journeys-body--title p {
        font-size: 1rem
    }
}

.new_landing_journeys-body--links {
    color: var(--ab-Text-Colors-Primary,#232425);
    text-align: justify;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

    .new_landing_journeys-body--links p {
        margin-bottom: 1rem;
    }

    .new_landing_journeys-body--links div {
        display: flex;
        flex-direction: column;
        gap: 1.2rem;
    }

    .new_landing_journeys-body--links a {
        display: flex;
        flex-direction: row;
        align-items: center;
        color: var(--ab-primary-Clickable,var(--ab-primary-Clickable));
        text-align: justify;
        font-size: .875rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: .0175rem;
        gap: 1rem;
    }

@media all and (max-width:768px) {
    .new_landing_journeys {
        height: auto;
        padding: 1rem
    }

    .new_landing_journeys-body--title h3 {
        font-size: 1.875rem
    }

    .new_landing_journeys-body--title h5 {
        font-size: 1.125rem
    }

    .new_landing_journeys-body--title p {
        font-size: 1rem
    }

    .new_landing_journeys-body--links p {
        font-size: .875rem
    }

    .new_landing_journeys-body--links div {
        font-size: .875rem
    }

    .new_landing_journeys-body--links a {
        font-size: .875rem
    }
}

.new_landing_newServices {
    font-family: "DIN";
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 6.5rem;
    padding-bottom: 6.5rem;
    gap: var(--Spacing-xxxl,4rem);
    overflow: hidden;
}

    .new_landing_newServices .swiper_new_serivces {
        position: relative;
    }

.new_landing_newServices--arrows {
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: end;
    gap: 1.5rem;
    width: 10rem;
    position: relative;
}

.rtl .new_landing_newServices--arrows {
    margin-right: auto;
}

.new_landing_newServices--arrows .swiper-button-prev {
    border: 0;
    width: 2.5rem;
    height: 2.5rem;
    padding: .5rem;
    justify-content: center;
    align-items: center;
    border-radius: 2.1875rem;
    background: var(--Surface-W-Card,#FFF);
    box-shadow: 0 0 6px 0 rgba(28,39,49,.08);
    display: flex;
    align-items: center;
    gap: .625rem;
    transform: rotate(180deg);
}

    .new_landing_newServices--arrows .swiper-button-prev::after {
        content: "";
        display: none;
    }

.new_landing_newServices--arrows .swiper-button-next {
    border: 0;
    width: 2.5rem;
    height: 2.5rem;
    padding: .5rem;
    border-radius: 2.5rem;
    background: var(--ab-primary-Clickable);
    border-radius: 1.5rem;
    background: var(--Surface-W-Card,#FFF);
    box-shadow: 0 0 6px 0 rgba(28,39,49,.08);
    display: flex;
    align-items: center;
    gap: .625rem;
    transform: rotate(0deg);
}

    .new_landing_newServices--arrows .swiper-button-next::after {
        content: "";
        display: none;
    }

.new_landing_newServices--arrows .swiper-button-disabled {
    background: #b7b7b7;
    color: #b7b7b7;
}

.new_landing_newServices--arrows-r {
    border: 0;
    width: 4rem;
    height: 4rem;
    border-radius: 2.5rem;
    display: flex;
    padding: .75rem;
    align-items: center;
    gap: .625rem;
}

.new_landing_newServices--arrows-l {
    border: 0;
    width: 4rem;
    height: 4rem;
    display: flex;
    padding: .75rem;
    align-items: center;
    gap: .625rem;
    border-radius: 2.5rem;
    background: #b7b7b7;
}

@media all and (max-width:768px) {
    .new_landing_newServices--arrows .swiper-button-prev {
        width: 3rem;
        height: 3rem
    }

    .new_landing_newServices--arrows .swiper-button-next {
        width: 3rem;
        height: 3rem
    }
}

.new_landing_newServices .swiper {
    padding-left: 5rem;
}

.new_landing_newServices-head {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

    .new_landing_newServices-head h3 {
        color: var(--Text-Headings-black);
        font-size: 3.25rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-align: start;
    }

    .new_landing_newServices-head p {
        color: var(--ab-grey-600);
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-align: start;
    }

@media all and (max-width:992px) {
    .new_landing_newServices-head h3 {
        font-size: 1.825rem
    }

    .new_landing_newServices-head p {
        font-size: 1rem
    }
}

.new_landing_newServices-body {
    gap: 1.4rem;
    display: flex;
}

@media all and (max-width:768px) {
    .new_landing_newServices {
        flex-direction: column;
        gap: 3.12rem
    }

    .new_landing_newServices--arrows-r {
        width: 3rem;
        height: 3rem
    }

    .new_landing_newServices--arrows-l {
        width: 3rem;
        height: 3rem
    }

    .new_landing_newServices > div {
        width: 100%
    }

    .new_landing_newServices-head {
        width: 100%
    }

    .new_landing_newServices-head--tag {
        width: 3.125rem;
        height: 3.125rem
    }

    .new_landing_newServices-head h3 {
        font-size: 1.875rem
    }

    .new_landing_newServices-head p {
        font-size: 1rem
    }

    .new_landing_newServices-body {
        overflow: hidden
    }

    .new_landing_newServices-footer {
        font-size: .75rem
    }

        .new_landing_newServices-footer i {
            font-size: 1.125rem
        }
}

.new_landing_kiosk {
    font-family: "DIN";
    max-width: 1400px;
    display: flex;
    padding-top: 5rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.625rem;
    min-height: 52rem;
}

.new_landing_kiosk-head {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    text-align: start;
}

    .new_landing_kiosk-head h3 {
        font-size: 2rem;
        margin-bottom: .25rem;
    }

    .new_landing_kiosk-head p {
        font-size: 1rem;
    }

@media all and (max-width:992px) {
    .new_landing_kiosk-head h3 {
        font-size: 1.875rem
    }

    .new_landing_kiosk-head p {
        font-size: 1rem
    }
}

.new_landing_kiosk-body {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 1.5rem;
}

    .new_landing_kiosk-body .ab-google-map {
        max-width: 38.4375rem;
    }

        .new_landing_kiosk-body .ab-google-map img {
            max-width: 38.4375rem;
        }

    .new_landing_kiosk-body .ab-saudi-arabia-map {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

        .new_landing_kiosk-body .ab-saudi-arabia-map .kiosks-list {
            transform: translateY(-90px);
            padding-top: .5rem;
        }

            .new_landing_kiosk-body .ab-saudi-arabia-map .kiosks-list .rtl {
                transform: translateY(-90px);
            }

@media all and (max-width:1200px) {
    .new_landing_kiosk-body .ab-saudi-arabia-map .kiosks-list {
        transform: translateY(0)
    }
}

.new_landing_kiosk-body .ab-saudi-arabia-map--input {
    transform: translateY(-150px);
}

.new_landing_kiosk-body .ab-saudi-arabia-map img {
    width: 100%;
}

.new_landing_kiosk .saudi-arabia-map-svg svg {
    width: 600px;
    height: 600px;
}

@media all and (max-width:1200px) {
    .new_landing_kiosk .saudi-arabia-map-svg svg {
        width: 400px;
        height: 400px
    }
}

@media all and (max-width:992px) {
    .new_landing_kiosk .saudi-arabia-map-svg svg {
        width: 100%;
        height: 400px
    }
}

@media all and (max-width:768px) {
    .new_landing_kiosk-body {
        flex-direction: column-reverse;
        align-items: center;
        gap: 1.5rem
    }

        .new_landing_kiosk-body .ab-google-map {
            width: 100%
        }

            .new_landing_kiosk-body .ab-google-map img {
                max-width: 21.9375rem
            }

        .new_landing_kiosk-body .saudi-arabia-map-svg svg {
            width: 100%;
            height: 330px
        }

        .new_landing_kiosk-body .ab-saudi-arabia-map {
            flex-direction: column;
            gap: 2.5rem;
            width: 100%
        }

        .new_landing_kiosk-body .ab-saudi-arabia-map--input {
            transform: translateY(0)
        }

        .new_landing_kiosk-body .ab-saudi-arabia-map img {
            width: 21.9375rem
        }
}

.new_landing_numbers {
    font-family: "DIN";
    display: flex;
    flex-direction: column;
    align-items: center;
    mask-image: linear-gradient(0deg,rgba(0,0,0,0),#000 20% 99.5%,rgba(0,0,0,0));
    -webkit-mask-image: linear-gradient(0deg,rgba(0,0,0,0),#000 20% 99.5%,rgba(0,0,0,0));
    padding-top: 11rem;
    padding-bottom: 5rem;
}

@media all and (min-width:1400px) {
    .new_landing_numbers {
        padding-top: 11rem
    }
}

.new_landing_numbers-head {
    text-align: center;
    margin-bottom: 2.5rem;
}

    .new_landing_numbers-head h3 {
        color: var(--Text-Headings-black);
        font-size: 2rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .new_landing_numbers-head p {
        color: var(--ab-grey-600);
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

@media all and (max-width:992px) {
    .new_landing_numbers-head h3 {
        font-size: 1.825rem
    }

    .new_landing_numbers-head p {
        font-size: 1rem
    }
}

.new_landing_numbers-body {
    max-width: 1400px;
    align-content: space-between;
    gap: 2.5rem;
    width: 100%;
    justify-content: space-between;
}

.new_landing_numbers-body--card {
    align-items: center;
    display: flex;
    flex-direction: column;
    align-content: space-between;
}

    .new_landing_numbers-body--card div {
        height: 50%;
    }

    .new_landing_numbers-body--card span {
        font-family: "DIN";
        font-weight: 700;
        color: var(--ab-primary);
    }

@media all and (max-width:992px) {
    .new_landing_numbers-body--card {
        height: auto;
        width: 50%
    }
}

@media all and (max-width:992px) {
    .new_landing_numbers-body {
        gap: 0;
        height: auto
    }
}

.new_landing_numbers-body h6 {
    color: var(--ab-Text-Colors-Primary);
    text-align: start;
    font-size: 3rem;
    padding: 0 .5rem;
    border-right: 0;
    height: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 2.7rem
}

    .new_landing_numbers-body h6 > span {
        font-size: 3rem;
        color: var(--ab-Text-Colors-Primary);
    }

@media all and (max-width:768px) {
    .new_landing_numbers-body h6 > span {
        font-size: 2rem
    }
}

.rtl .new_landing_numbers-body h6 {
    border-left: 0;
}

@media all and (max-width:992px) {
    .new_landing_numbers-body h6 {
        font-size: 1.5rem
    }
}

.new_landing_numbers-body p {
    height: 20%;
    color: var(--Grayscale-600,#565B66);
    text-align: center;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem
}

@media all and (max-width:992px) {
    .new_landing_numbers-body p {
        font-size: .75rem
    }
}

@media all and (max-width:768px) {
    .new_landing_numbers-body p {
        font-size: .625rem;
        line-height: 1rem
    }
}

@media all and (max-width:768px) {
    .new_landing_numbers {
        padding: 2rem 1.25rem 2.625rem 1.25rem
    }

    .new_landing_numbers-head h3 {
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal
    }

    .new_landing_numbers-head p {
        font-size: .625rem;
        margin-top: .6rem
    }

    .new_landing_numbers-body h6 {
        font-size: 2rem
    }

    .new_landing_numbers-body p {
        font-size: .625rem
    }
}

.new_landing_latest-news {
    mask-image: linear-gradient(90deg,rgba(0,0,0,0),#000 10% 99.5%,rgba(0,0,0,0));
    -webkit-mask-image: linear-gradient(90deg,rgba(0,0,0,0),#000 10% 99.5%,rgba(0,0,0,0));
    font-family: "DIN";
    padding-top: 5rem;
    padding-bottom: 5rem;
    overflow: hidden;
    max-width: 1400px;
}

.new_landing_latest-news--arrows {
    display: flex;
    flex-direction: row-reverse;
    align-items: end;
    justify-content: end;
    gap: 1.5rem;
    margin-left: auto;
    width: 10rem;
    position: relative;
}

.rtl .new_landing_latest-news--arrows {
    flex-direction: row;
    margin-right: auto;
    margin-left: 0;
}

.new_landing_latest-news--arrows .swiper-button-news-prev {
    border: 0;
    width: 2.5rem;
    height: 2.5rem;
    padding: .5rem;
    justify-content: center;
    align-items: center;
    border-radius: 2.1875rem;
    background: var(--Surface-W-Card,#FFF);
    box-shadow: 0 0 6px 0 rgba(28,39,49,.08);
    display: flex;
    align-items: center;
    gap: .625rem;
    transform: rotate(0deg);
}

    .new_landing_latest-news--arrows .swiper-button-news-prev::after {
        content: "";
        display: none;
    }

.new_landing_latest-news--arrows .swiper-button-disabled {
    background: #B7B7B7;
    color: #B7B7B7;
}

.new_landing_latest-news--arrows-r {
    border: 0;
    width: 4rem;
    height: 4rem;
    border-radius: 2.5rem;
    display: flex;
    padding: .75rem;
    align-items: center;
    gap: .625rem;
}

.new_landing_latest-news--arrows-l {
    border: 0;
    width: 4rem;
    height: 4rem;
    display: flex;
    padding: .75rem;
    align-items: center;
    gap: .625rem;
    border-radius: 2.5rem;
    background: #B7B7B7;
}

@media all and (max-width:768px) {
    .new_landing_latest-news--arrows .swiper-button-prev {
        width: 3rem;
        height: 3rem
    }

    .new_landing_latest-news--arrows .swiper-button-next {
        width: 3rem;
        height: 3rem
    }
}

.new_landing_latest-news__news-card {
    border-radius: 1rem;
    border: 1px solid var(--ab-Text-Colors-Disabled,#E3E3E3);
    background: var(--ab-Text-Colors-Support-Text,#FFF);
    display: flex;
    width: auto;
    max-width: 20rem;
    flex-direction: column;
    align-items: flex-end;
    gap: 1rem;
    flex-shrink: 0;
    box-shadow: 0 17px 33px -2px rgba(28,39,49,.05);
    overflow: hidden;
    gap: .5rem;
}

.new_landing_latest-news__news-card_head {
    display: flex;
    width: 20rem;
    padding: 3.12494rem 0 3.84806rem 0;
    justify-content: center;
    align-items: center;
    background: rgba(61,131,105,.9);
}

.new_landing_latest-news__news-card_body {
    padding: 1rem;
    gap: .5rem;
    display: flex;
    flex-direction: column;
}

    .new_landing_latest-news__news-card_body h6 {
        overflow: hidden;
        color: var(--ab-Text-Colors-Primary,#232425);
        text-overflow: ellipsis;
        font-size: 1rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .new_landing_latest-news__news-card_body p {
        overflow: hidden;
        color: var(--ab-Text-Colors-Secondary,#525451);
        text-align: justify;
        text-overflow: ellipsis;
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

.new_landing_latest-news__news-card_footer {
    padding: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

    .new_landing_latest-news__news-card_footer time {
        color: var(--ab-Text-Colors-Secondary,#525451);
        font-size: .75rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: .015rem;
    }

    .new_landing_latest-news__news-card_footer a {
        overflow: hidden;
        color: var(--ab-primary-Clickable,var(--ab-primary-Clickable));
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: .875rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

.new_landing_latest-news-head {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-bottom: 4.25rem;
}

    .new_landing_latest-news-head h3 {
        color: var(--Text-Headings-black);
        font-size: 3.25rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-align: start;
    }

.new_landing_latest-news-head--subtitle {
    color: var(--ab-grey-600);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media all and (max-width:992px) {
    .new_landing_latest-news-head h3 {
        font-size: 1.825rem
    }

    .new_landing_latest-news-head--subtitle {
        font-size: 1rem
    }
}

.new_landing_latest-news-head--show_more {
    overflow: hidden;
    color: var(--ab-primary-Clickable,var(--ab-primary-Clickable));
    text-overflow: ellipsis;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.new_landing_latest-news-body {
    display: flex;
    width: 120%;
    overflow: hidden;
}

@media all and (max-width:1200px) {
    .new_landing_latest-news-body {
        width: 100%
    }
}

@media all and (max-width:768px) {
    .new_landing_latest-news__news-card {
        width: 100%
    }

    .new_landing_latest-news__news-card_head {
        width: 100%
    }

    .new_landing_latest-news__news-card_body {
        padding: 0 2rem
    }

    .new_landing_latest-news__news-card_footer {
        padding: 0 2rem;
        padding-bottom: 1.5rem
    }

    .new_landing_latest-news-head {
        margin-bottom: 2.5rem
    }

        .new_landing_latest-news-head h3 {
            font-size: 1.875rem;
            font-style: normal;
            font-weight: 500;
            line-height: normal
        }

    .new_landing_latest-news-head--subtitle {
        font-size: 1rem;
        font-style: normal;
        font-weight: 400
    }

    .new_landing_latest-news-head--show_more {
        font-size: 1rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: .02rem
    }
}

.new_landing_contact-us {
    font-family: "DIN";
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    display: inline-flex;
    padding-top: 3.6875rem;
    padding-bottom: 3.6875rem;
    max-width: 1400px;
}

.new_landing_contact-us--start {
    gap: 1rem;
    display: flex;
    align-items: center;
    flex-direction: row;
}

    .new_landing_contact-us--start svg {
        width: 2.5rem;
        height: 2.5rem;
    }

.new_landing_contact-us--start-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .new_landing_contact-us--start-body p {
        font-size: 1.25rem;
    }

.new_landing_contact-us--center {
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .new_landing_contact-us--center p {
        font-size: 1.25rem;
    }

.new_landing_contact-us--left {
    margin: auto;
    text-align: end;
}

    .new_landing_contact-us--left a {
        display: flex;
        height: 2.25rem;
        width: 100%;
        justify-content: center;
        align-items: center;
        gap: .5rem;
        color: var(--ab-Text-Colors-Support-Text,#FFF);
        text-align: center;
        font-size: 1rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: .02rem;
    }

@media all and (max-width:768px) {
    .new_landing_contact-us {
        flex-direction: column;
        align-items: center;
        padding: 2.5rem 1.25rem;
        gap: 1.25rem
    }

    .new_landing_contact-us--start {
        width: 100%;
        white-space: wrap;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        gap: 1.25rem
    }

        .new_landing_contact-us--start svg {
            width: 2.5rem;
            height: 2.5rem
        }

    .new_landing_contact-us--start-body {
        white-space: wrap;
        gap: .5rem
    }

        .new_landing_contact-us--start-body p {
            font-size: .875rem;
            font-style: normal;
            font-weight: 400
        }

            .new_landing_contact-us--start-body p b {
                font-size: 1.125rem
            }

    .new_landing_contact-us--center {
        width: 100%;
        text-wrap: wrap
    }

    .new_landing_contact-us--left- {
        width: 100%;
        margin: 0;
        text-align: end
    }

        .new_landing_contact-us--left- a {
            height: 30px
        }
}

.new_landing_download-apps {
    font-family: "DIN";
    height: 40.625rem;
    flex-shrink: 0;
    overflow: visible;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
}

.new_landing_download-apps-bachground {
    position: absolute;
    width: 100%;
    height: auto;
    z-index: 1;
}

.new_landing_download-apps-body--logo {
    display: flex;
    width: 6.25rem;
    height: 6.25rem;
    padding: .75rem;
    justify-content: center;
    align-items: center;
    gap: .625rem;
    border-radius: var(--RadiusCompounant-Outer-Radius,1rem);
    background: #FFF;
    box-shadow: 0 0 32px -10px rgba(28,39,49,.12);
    margin-bottom: 2rem;
}

@media all and (max-width:992px) {
    .new_landing_download-apps-body--logo {
        width: 5rem;
        height: 5rem
    }
}

.new_landing_download-apps-container {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: column;
    gap: 2.2rem;
    padding-top: 7.5rem;
    margin-bottom: 7rem;
}

    .new_landing_download-apps-container a > img {
        width: 138px;
    }

    .new_landing_download-apps-container .rtl {
        padding-left: 5.625rem;
        margin-right: 0;
    }

    .new_landing_download-apps-container > div {
        flex-direction: row;
    }

@media all and (max-width:345px) {
    .new_landing_download-apps-container > div {
        gap: .5rem !important
    }
}

@media all and (max-width:992px) {
    .new_landing_download-apps-container {
        align-items: flex-start;
        width: 100%;
        padding-top: 1rem;
        margin-bottom: 1rem
    }

        .new_landing_download-apps-container a > img {
            width: 90px
        }
}

.new_landing_download-apps-image {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    z-index: 5;
    gap: 1rem;
}

.new_landing_download-apps-image--wrapper {
    transform: translateY(-10px) translateX(-5%);
    object-fit: cover;
    overflow: hidden;
    z-index: 100;
    position: absolute;
    border-radius: 1rem;
}

.rtl .new_landing_download-apps-image--wrapper {
    transform: translateY(-10px) translateX(5%);
}

@media all and (max-width:1400px) {
    .new_landing_download-apps-image--wrapper {
        transform: translateY(-10px) translateX(-5%)
    }

    .rtl .new_landing_download-apps-image--wrapper {
        transform: translateY(-10px) translateX(10%)
    }
}

@media all and (max-width:1200px) {
    .new_landing_download-apps-image--wrapper {
        transform: translateY(-10px) translateX(-5%)
    }

    .rtl .new_landing_download-apps-image--wrapper {
        transform: translateY(-10px) translateX(20%)
    }
}

@media all and (max-width:992px) {
    .new_landing_download-apps-image--wrapper {
        transform: scale(-.4,.4) translateY(30px) translateX(-70%);
        top: -200px
    }

    .rtl .new_landing_download-apps-image--wrapper {
        transform: scale(-.45,.45) translateY(-10px) translateX(60%);
        top: -180px
    }
}

@media all and (max-width:768px) {
    .new_landing_download-apps-image--wrapper {
        transform: scale(-.4,.4) translateY(40px) translateX(-30%);
        top: -200px
    }

    .rtl .new_landing_download-apps-image--wrapper {
        transform: scale(-.45,.45) translateY(-10px) translateX(30%);
        top: -180px
    }
}

@media all and (max-width:576px) {
    .new_landing_download-apps-image--wrapper {
        transform: scale(-.35,.35) translateY(20px) translateX(30%);
        top: -200px
    }

    .rtl .new_landing_download-apps-image--wrapper {
        transform: scale(-.45,.45) translateY(-10px) translateX(-30%);
        top: -180px
    }
}

.new_landing_download-apps-image--wrapper img {
    overflow: hidden;
}

@media all and (max-width:992px) {
    .new_landing_download-apps {
        flex-direction: column;
        padding-right: 1.25rem;
        width: 100%;
        height: 100%
    }

    .new_landing_download-apps-body {
        width: 100%;
        padding-top: 0;
        margin-bottom: 0;
        gap: 2.5rem;
        position: relative;
        z-index: 10
    }

    [lang=ar] .rtl .new_landing_download-apps-body {
        padding-top: 1rem;
        margin-bottom: 1rem
    }

    .new_landing_download-apps-body > div {
        flex-direction: column
    }

    .new_landing_download-apps-image {
        width: 100%
    }
}

.ab-google-map {
    border-radius: 1rem;
    background: -181.072px -148.04px/168.618% 159.216% no-repeat,#d9d9d9;
    overflow: hidden;
}

.ab-saudi-arabia-map {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.ab-saudi-arabia-map--input {
    width: 50%;
}

@media all and (max-width:992px) {
    .ab-saudi-arabia-map--input {
        width: 100%
    }
}

.swiper-pagination {
    position: absolute;
    z-index: 30;
    top: 80%;
    left: 50%;
    z-index: 15;
    border: 0;
    width: 2.5rem;
    height: 2.5rem;
    padding: .5rem;
}

.swiper-pagination-bullet {
    border-radius: .5rem !important;
    width: 1.1rem !important;
    height: .25rem !important;
    background: var(--Surface-Action-Secondary-Hover,#E5F0E3);
}

.new_landing > .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    transform: translateY(50px);
    right: 50% !important;
    left: 50% !important;
}

@media all and (max-width:1200px) {
    .new_landing > .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        transform: translateY(-15px)
    }
}

@media all and (max-width:992px) {
    .new_landing > .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        transform: translateY(20px)
    }
}

@media all and (max-width:768px) {
    .new_landing > .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        transform: translateY(20px)
    }
}

@media all and (max-width:576px) {
    .new_landing > .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        transform: translateY(20px)
    }
}

@media all and (max-width:414px) {
    .new_landing > .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        transform: translateY(20px)
    }
}

@media all and (max-width:375px) {
    .new_landing > .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        transform: translateY(20px)
    }
}

.rtl .new_landing > .swiper-horizontal > .swiper-pagination-bullets, .rtl .swiper-pagination-bullets.swiper-pagination-horizontal, .rtl .swiper-pagination-custom, .rtl .swiper-pagination-fraction {
    transform: translateY(-50px);
    right: 10px !important;
}

@media all and (max-width:1200px) {
    .rtl .new_landing > .swiper-horizontal > .swiper-pagination-bullets, .rtl .swiper-pagination-bullets.swiper-pagination-horizontal, .rtl .swiper-pagination-custom, .rtl .swiper-pagination-fraction {
        transform: translateY(-20px);
        right: 2px !important
    }
}

@media all and (max-width:1025px) {
    .rtl .new_landing > .swiper-horizontal > .swiper-pagination-bullets, .rtl .swiper-pagination-bullets.swiper-pagination-horizontal, .rtl .swiper-pagination-custom, .rtl .swiper-pagination-fraction {
        transform: translateY(0);
        right: -30px !important
    }
}

@media all and (max-width:992px) {
    .rtl .new_landing > .swiper-horizontal > .swiper-pagination-bullets, .rtl .swiper-pagination-bullets.swiper-pagination-horizontal, .rtl .swiper-pagination-custom, .rtl .swiper-pagination-fraction {
        transform: translateY(20px)
    }
}

@media all and (max-width:768px) {
    .rtl .new_landing > .swiper-horizontal > .swiper-pagination-bullets, .rtl .swiper-pagination-bullets.swiper-pagination-horizontal, .rtl .swiper-pagination-custom, .rtl .swiper-pagination-fraction {
        transform: translateY(20px);
        right: 0 !important
    }
}

@media all and (max-width:576px) {
    .rtl .new_landing > .swiper-horizontal > .swiper-pagination-bullets, .rtl .swiper-pagination-bullets.swiper-pagination-horizontal, .rtl .swiper-pagination-custom, .rtl .swiper-pagination-fraction {
        transform: translateY(20px);
        right: 0 !important
    }
}

@media all and (max-width:414px) {
    .rtl .new_landing > .swiper-horizontal > .swiper-pagination-bullets, .rtl .swiper-pagination-bullets.swiper-pagination-horizontal, .rtl .swiper-pagination-custom, .rtl .swiper-pagination-fraction {
        transform: translateY(20px);
        right: 0 !important
    }
}

@media all and (max-width:375px) {
    .rtl .new_landing > .swiper-horizontal > .swiper-pagination-bullets, .rtl .swiper-pagination-bullets.swiper-pagination-horizontal, .rtl .swiper-pagination-custom, .rtl .swiper-pagination-fraction {
        transform: translateY(20px);
        right: 0 !important
    }
}

.swiper-pagination-bullet-active {
    background: var(--ab-primary) !important;
}

.swiper_test {
    width: 1000px;
    height: auto;
}

.single_card_test {
    border-radius: 1rem;
    width: 15.3125rem;
    height: 20.8rem;
    text-align: center;
    background: var(--ab-Backgrounds-Cards-Background,#FFF);
    box-shadow: 0 17px 33px -2px rgba(28,39,49,.05);
}

.saudi-arabia-map-svg path:hover {
    cursor: pointer;
    fill: var(--ab-primary-light);
    stroke: var(--ab-primary);
}

.skeleton-loader {
    min-width: 100vw;
    height: 100vh;
    position: absolute;
    z-index: 1000;
    background-color: #f0f0f0;
    background-image: linear-gradient(to right,#f0f0f0 0%,#eee 20%,#f0f0f0 40%);
    background-size: 200% 100%;
    background-position: 0 0;
    animation: shimmer 1.5s infinite;
}

.skeleton-loader-cards {
    display: flex;
    flex-direction: row;
    background-color: white;
    z-index: 1000;
    flex-wrap: nowrap;
    gap: 2rem;
    width: 100vw;
    height: 15rem;
}

.skeleton-loader-cards-long {
    display: flex;
    flex-direction: row;
    background-color: white;
    z-index: 1000;
    flex-wrap: nowrap;
    gap: 2rem;
    width: 100vw;
    height: 32rem;
}

.skeleton-loader-card {
    width: 22.5rem;
    height: 13.4375rem;
    background-color: #f0f0f0;
    background-image: linear-gradient(to right,#f0f0f0 0%,#eee 20%,#f0f0f0 40%);
    background-size: 200% 100%;
    background-position: 0 0;
    animation: shimmer 1.5s infinite;
    border-radius: .75rem;
    border: 1px solid #f0f0f0;
    box-shadow: 0 0 18px 0 rgba(35,36,37,.08);
}

.skeleton-loader-card-long {
    width: 16rem;
    height: 28rem;
    background-color: #f0f0f0;
    background-image: linear-gradient(to right,#f0f0f0 0%,#eee 20%,#f0f0f0 40%);
    background-size: 200% 100%;
    background-position: 0 0;
    animation: shimmer 1.5s infinite;
    border-radius: .75rem;
    border: 1px solid #f0f0f0;
    box-shadow: 0 0 18px 0 rgba(35,36,37,.08);
}

@keyframes shimmer {
    0% {
        background-position: -200% 0
    }

    100% {
        background-position: 200% 0
    }
}

.saudi-arabia-map-svg {
    transform: translateY(-15%);
}

@media all and (max-width:992px) {
    .saudi-arabia-map-svg {
        transform: translateY(0%)
    }
}

.swiper_cards_new_services {
    width: 100%;
}

.swiper_cards_latest_news {
    width: 100%;
}

html[lang=en] .new_business_landing_login, .ltr .new_business_landing_login {
    overflow: hidden;
}

html[lang=en] .new_business_landing_login-container-form, .ltr .new_business_landing_login-container-form {
    align-items: end;
}

html[lang=en] .new_business_landing_login-container-slider .banner_pagination, .ltr .new_business_landing_login-container-slider .banner_pagination {
    justify-content: flex-start;
}

html[lang=en] .new_business_landing_services .swiper, .ltr .new_business_landing_services .swiper {
    padding-left: 0;
    padding-right: 5rem;
}

html[lang=en] .new_business_landing_contact-us--right-side, .ltr .new_business_landing_contact-us--right-side {
    flex-direction: row;
    align-items: start;
    text-align: start;
}

html[lang=en] .new_business_landing_download-apps, .ltr .new_business_landing_download-apps {
    padding-right: 0;
}

html[lang=en] .new_business_landing_download-apps-body, .ltr .new_business_landing_download-apps-body {
    align-items: baseline;
}

    html[lang=en] .new_business_landing_download-apps-body > div, .ltr .new_business_landing_download-apps-body > div {
        justify-content: end;
    }

.new_business_landing_banner {
    position: absolute !important;
    overflow: hidden;
    top: 0px;
    left: 0;
    width: 100vw;
    min-height : 100% ;
    /*max-height: 640px;*/
    object-fit: cover;
    z-index: 10;
    background-size: cover;
    background-repeat: no-repeat;
}

    .new_business_landing_banner img {
        object-fit: cover;
        width: 100%;
       /* max-height: 640px;*/
    }

@media all and (max-width:992px) {
    .new_business_landing_banner {
        position: relative !important;
        top: 0;
        width: auto;
        height: auto;
        padding: 2.5rem 0 !important
    }
}

.new_business_landing_login {
    flex-direction: column;
    align-items: center;
    margin-right: auto;
}

.new_business_landing_login-container {
    z-index: 25;
    margin-right: auto;
    max-width: 1400px;
    gap: 2.5rem;
    flex-direction: row;
    justify-content: flex-end;
    padding-top: 5rem;
    padding-bottom: 3rem;
}

.new_business_landing_login-container-form {
    position: relative;
    margin-right: auto;
    margin-left: 0;
    max-height: 500px;
    display: flex;
    padding: 1rem 3.5rem;
    flex-direction: column;
    z-index: 10;
    width: 400px;
    max-width: 27rem;
    gap: 2rem;
    border-radius: 1rem;
    background: #FFF;
    box-shadow: 0 21.278px 41.305px -2.503px rgba(28,39,49,.05);
}

    .new_business_landing_login-container-form > div {
        width: 100%;
    }

    .new_business_landing_login-container-form .forgot-password-link {
        width: 100%;
        display: flex;
        justify-content: end;
    }

.new_business_landing_login-container-form--footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
}

.new_business_landing_login-container-slider {
    width: 50%;
    height: 100%;
    margin-right: 2.5rem;
    margin-left: 0;
}

    .new_business_landing_login-container-slider .banner_pagination {
        transform: translate(-30%,7vh);
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        gap: .25rem;
    }

        .new_business_landing_login-container-slider .banner_pagination .pagination-bullet {
            cursor: pointer;
            width: .75rem;
            height: .75rem;
            border-radius: 1rem;
            background: #C7C7C7;
            gap: 1.5rem;
        }

        .new_business_landing_login-container-slider .banner_pagination .pagination-bullet-active {
            width: 3rem;
            height: .75rem;
            border-radius: 1rem;
            background: var(--ab-primary-Clickable,var(--ab-primary-Clickable));
            transform-origin: bottom;
            transition: width .5s ease;
        }

    .new_business_landing_login-container-slider img {
        width: 100%;
        height: 100%;
        object-fit: fill;
    }

    .new_business_landing_login-container-slider .swiper-slide {
        border-radius: 1rem;
    }

        .new_business_landing_login-container-slider .swiper-slide img {
            border-radius: 1rem;
        }

    .new_business_landing_login-container-slider .swiper-wrapper {
        width: 100%;
    }

    .new_business_landing_login-container-slider .swiper-pagination {
        transform: rotate(90deg) translateY(-60px) translateX(-10%);
        justify-content: center;
    }

    .new_business_landing_login-container-slider .swiper-pagination-bullet-active {
        width: 3rem;
        height: .75rem;
        border-radius: 1rem;
        background: var(--ab-primary-130);
    }

    .new_business_landing_login-container-slider .swiper-button-prev {
        opacity: .5;
        border: 0;
        width: 4rem;
        height: 4rem;
        border-radius: 2.5rem;
        background: var(--ab-primary-Clickable);
        display: flex;
        padding: .75rem;
        align-items: center;
        gap: .625rem;
        transform: rotate(180deg);
    }

        .new_business_landing_login-container-slider .swiper-button-prev::after {
            content: "";
            display: none;
        }

    .new_business_landing_login-container-slider .swiper-button-next {
        border: 0;
        width: 4rem;
        height: 4rem;
        border-radius: 2.5rem;
        background: var(--ab-primary-Clickable);
        display: flex;
        padding: .75rem;
        align-items: center;
        gap: .625rem;
        transform: rotate(180deg);
    }

        .new_business_landing_login-container-slider .swiper-button-next::after {
            content: "";
            display: none;
        }

@media all and (max-width:992px) {
    .new_business_landing_login-container-form {
        padding: 1rem 1.5rem;
        margin-right: auto;
        margin-left: auto
    }

        .new_business_landing_login-container-form svg {
            width: 40px
        }
}

@media all and (max-width:768px) {
    .new_business_landing_login-container {
        padding: 0;
        flex-direction: column;
        align-items: center
    }

    .new_business_landing_login-container-form {
        width: 100%;
        min-width: 20rem
    }

    .new_business_landing_login-container form ~ svg {
        transform: rotate(90deg);
        display: none
    }

    .new_business_landing_login-container-slider {
        width: 70%;
        gap: 2.5rem;
        margin-top: 4.5rem
    }

        .new_business_landing_login-container-slider .banner_pagination {
            transform: translate(-30%,1vh)
        }
}

.new_business_landing_login-slider {
    gap: 1rem;
    background: transparent;
    padding-bottom: 1.5rem;
    object-fit: contain;
    overflow: visible;
}

    .new_business_landing_login-slider div {
        align-items: center;
        margin-bottom: 30px;
    }

        .new_business_landing_login-slider div img {
            overflow: hidden;
            border-radius: 1rem;
            object-fit: cover;
            width: 96%;
            height: 31rem;
        }

@media all and (max-width:1400px) {
    .new_business_landing_login-slider div img {
        width: 87%
    }
}

@media all and (max-width:1200px) {
    .new_business_landing_login-slider div img {
        width: 85%
    }
}

@media all and (max-width:992px) {
    .new_business_landing_login-slider div img {
        width: 100%
    }
}

.new_business_landing_login-slider.swiper-pagination {
    left: 6%;
}

.new_business_landing_login-slider .swiper-pagination-bullet-active {
    width: 3rem;
    height: .75rem;
    border-radius: 1rem;
    background: var(--ab-primary-130);
}

@media all and (max-width:768px) {
    .new_business_landing_login-slider div {
        overflow: visible
    }

        .new_business_landing_login-slider div img {
            object-fit: fill;
            height: 24.625rem;
            flex-shrink: 0
        }
}

.new_business_landing_login-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: .5rem;
}

    .new_business_landing_login-footer p {
        color: #525451;
        text-align: center;
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.5rem;
        letter-spacing: .0175rem;
        margin-bottom: .5rem;
    }

.new_business_landing_slider > .swiper-pagination {
    transform: translateY(30px);
    justify-content: center;
}

.new_business_landing_slider .swiper-pagination-bullet-active {
    width: 3rem;
    height: .75rem;
    border-radius: 1rem;
    background: var(--ab-primary-130);
}

@media all and (max-width:768px) {
    .new_business_landing_slider div {
        width: 100%
    }

        .new_business_landing_slider div img {
            object-fit: fill;
            width: 100%;
            height: 11.25rem;
            flex-shrink: 0
        }
}

.new_business_landing_services {
    font-family: "DIN";
    display: flex;
    flex-direction: column;
    align-items: start;
    color: #525451;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-top: 8.5rem;
    padding-bottom: 12.3rem;
    gap: 2.5rem;
}

    .new_business_landing_services a svg {
        transform: rotate(180deg) translate(-10px,-4px);
    }

.rtl .new_business_landing_services a svg {
    transform: rotate(0deg) translate(-10px,1px);
}

.new_business_landing_services-head {
    max-width: 1400px;
    display: flex;
    flex-direction: column;
    gap: 1.38rem;
}

.new_business_landing_services-head-head {
    margin-right: 0;
    margin-left: 11rem;
}

.rtl .new_business_landing_services-head-head {
    margin-left: 0;
    margin-right: 11rem;
}

.new_business_landing_services-head h2 {
    color: #232425;
    text-align: right;
    -webkit-text-stroke-width: .5;
    -webkit-text-stroke-color: #232425;
    font-size: 3.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.new_business_landing_services-head p {
    color: #525451;
    text-align: right;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.new_business_landing_services-body {
    max-width: 1400px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

    .new_business_landing_services-body #servicesTab {
        width: auto;
        overflow: visible;
        border-bottom: 1px solid #F1F8F4;
        padding-bottom: 0;
    }

        .new_business_landing_services-body #servicesTab .nav-item {
            text-align: start;
            font-size: 1.25rem;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            background: transparent;
            width: auto;
            max-width: 10rem;
        }

        .new_business_landing_services-body #servicesTab .nav-link {
            display: flex;
            align-items: end;
            justify-content: start;
            stroke: #a8a8aa;
        }

        .new_business_landing_services-body #servicesTab .active {
            color: var(--ab-primary-30);
            fill: var(--ab-primary-30);
            stroke: var(--ab-primary-30);
            border-bottom: 4px solid var(--ab-primary-30);
            stroke-width: 2px;
            background: transparent;
        }

            .new_business_landing_services-body #servicesTab .active::after {
                background-color: transparent;
            }

        .new_business_landing_services-body #servicesTab .nav-link:hover {
            color: var(--ab-primary-30);
            stroke: var(--ab-primary-30);
            border-bottom: 4px solid var(--ab-primary-30);
        }

            .new_business_landing_services-body #servicesTab .nav-link:hover::after {
                background-color: transparent;
            }

    .new_business_landing_services-body #servicesTabContent #v-pills-tab {
        min-width: 50%;
    }

    .new_business_landing_services-body #servicesTabContent > .tab-pane > div {
        width: 100%;
        display: flex;
        justify-content: start;
    }

    .new_business_landing_services-body #servicesTabContent #v-pills-tab {
        gap: .625rem;
        flex-direction: column;
        min-width: 50%;
    }

    .new_business_landing_services-body #servicesTabContent .nav-link {
        color: var(--ab-primary);
        font-size: .875rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: .0175rem;
        padding: 1.2rem 1.5rem;
        display: flex;
        border-radius: .5rem;
        gap: .625rem;
        width: auto;
        max-width: max-content;
    }

    .new_business_landing_services-body #servicesTabContent .service-start {
        max-width: 35.375rem;
    }

        .new_business_landing_services-body #servicesTabContent .service-start > h3 {
            color: #232425;
            text-align: start;
            font-size: 1.5rem;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            margin-bottom: .5rem;
        }

        .new_business_landing_services-body #servicesTabContent .service-start > p {
            color: #5d5d5d;
            text-align: start;
            font-size: 1rem;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }

        .new_business_landing_services-body #servicesTabContent .service-start div {
            margin-top: 3.2rem;
            display: flex;
        }

    .new_business_landing_services-body #servicesTabContent .nav-link.active {
        font-weight: 700;
        display: flex;
        background: var(--ab-primary-xlight);
    }

@media all and (max-width:1200px) {
    .new_business_landing_services-head h2 {
        font-size: 1.875rem
    }

    .new_business_landing_services-head p {
        font-size: 1rem
    }

    .new_business_landing_services-body {
        width: 100%
    }

        .new_business_landing_services-body #servicesTab {
            width: 100%;
            overflow-x: scroll;
            scrollbar-width: none;
            font-size: .75rem
        }

            .new_business_landing_services-body #servicesTab::-webkit-scrollbar-thumb {
                display: none
            }

            .new_business_landing_services-body #servicesTab::-webkit-scrollbar-track {
                display: none
            }

            .new_business_landing_services-body #servicesTab .nav-item {
                font-size: .75rem
            }

            .new_business_landing_services-body #servicesTab .nav-link {
                font-size: .75rem
            }

                .new_business_landing_services-body #servicesTab .nav-link svg {
                    width: 1.125rem;
                    height: 1.125rem
                }

            .new_business_landing_services-body #servicesTab .active {
                font-size: .75rem
            }

            .new_business_landing_services-body #servicesTab .nav-link:hover {
                font-size: .75rem
            }

        .new_business_landing_services-body #servicesTabContent #v-pills-tab {
            flex-direction: row;
            flex-wrap: wrap;
            gap: .625rem
        }

        .new_business_landing_services-body #servicesTabContent > .tab-pane > div {
            flex-direction: column;
            gap: 2.5rem
        }
}

.new_business_landing_services {
    font-family: "DIN";
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 6.5rem;
    padding-bottom: 6.5rem;
    gap: var(--Spacing-xxxl,4rem);
}

    .new_business_landing_services .swiper_new_serivces {
        position: relative;
    }

.new_business_landing_services--arrows {
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: end;
    gap: 1.5rem;
    z-index: 15;
    margin-left: 5rem;
    margin-right: 0;
    width: 100%;
    position: relative;
}

@media all and (max-width:1490px) {
    .new_business_landing_services--arrows {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }
}

@media all and (max-width:1200px) {
    .new_business_landing_services--arrows {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }
}

.rtl .new_business_landing_services--arrows {
    margin-right: 5rem;
    width: 100%;
}

@media all and (max-width:1490px) {
    .rtl .new_business_landing_services--arrows {
        margin-right: 4rem;
        width: 90%
    }
}

@media all and (max-width:1200px) {
    .rtl .new_business_landing_services--arrows {
        margin-right: 0;
        width: 100%
    }
}

.new_business_landing_services--arrows .swiper-button-prev:hover {
    opacity: 1;
}

.new_business_landing_services--arrows .swiper-button-prev {
    opacity: .5;
    z-index: 15;
    border: 0;
    width: 2.5rem;
    height: 2.5rem;
    padding: .5rem;
    justify-content: center;
    align-items: center;
    border-radius: 2.1875rem;
    background: var(--Surface-W-Card,#FFF);
    box-shadow: 0 0 6px 0 rgba(28,39,49,.08);
    display: flex;
    align-items: center;
    gap: .625rem;
    transform: rotate(180deg);
}

    .new_business_landing_services--arrows .swiper-button-prev::after {
        content: "";
        display: none;
    }

.new_business_landing_services--arrows .swiper-button-next:hover {
    opacity: 1;
}

.new_business_landing_services--arrows .swiper-button-next {
    z-index: 15;
    opacity: .5;
    border: 0;
    width: 2.5rem;
    height: 2.5rem;
    padding: .5rem;
    border-radius: 2.5rem;
    background: var(--ab-primary-Clickable);
    border-radius: 1.5rem;
    background: var(--Surface-W-Card,#FFF);
    box-shadow: 0 0 6px 0 rgba(28,39,49,.08);
    display: flex;
    align-items: center;
    gap: .625rem;
    transform: rotate(0deg);
}

    .new_business_landing_services--arrows .swiper-button-next::after {
        content: "";
        display: none;
    }

.new_business_landing_services--arrows .swiper-button-disabled {
    background: #B7B7B7;
    color: #B7B7B7;
    display: none;
}

.new_business_landing_services--arrows-r {
    border: 0;
    width: 4rem;
    height: 4rem;
    border-radius: 2.5rem;
    display: flex;
    padding: .75rem;
    align-items: center;
    gap: .625rem;
}

.new_business_landing_services--arrows-l {
    border: 0;
    width: 4rem;
    height: 4rem;
    display: flex;
    padding: .75rem;
    align-items: center;
    gap: .625rem;
    border-radius: 2.5rem;
    background: #B7B7B7;
}

@media all and (max-width:768px) {
    .new_business_landing_services--arrows .swiper-button-prev {
        display: none;
        width: 3rem;
        height: 3rem
    }

    .new_business_landing_services--arrows .swiper-button-next {
        display: none;
        width: 3rem;
        height: 3rem
    }
}

.new_business_landing_services .swiper {
    padding-left: 5rem;
}

.new_business_landing_services-head {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

    .new_business_landing_services-head h3 {
        color: #232425;
        font-size: 3.25rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-align: start;
    }

    .new_business_landing_services-head p {
        color: #525451;
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-align: start;
    }

@media all and (max-width:992px) {
    .new_business_landing_services-head h3 {
        font-size: 1.825rem
    }

    .new_business_landing_services-head p {
        font-size: 1rem
    }
}

.new_business_landing_services-body {
    gap: 1.4rem;
    display: flex;
}

    .new_business_landing_services-body .swiper_cards_new_services {
        margin-right: 0;
        margin-left: 11rem;
        overflow: hidden;
    }

@media all and (max-width:768px) {
    .new_business_landing_services-body .swiper_cards_new_services {
        margin-left: 1rem
    }
}

.rtl .new_business_landing_services-body .swiper_cards_new_services {
    margin-right: 11rem;
    margin-left: 0;
    overflow: hidden;
}

@media all and (max-width:768px) {
    .rtl .new_business_landing_services-body .swiper_cards_new_services {
        margin-right: 1rem
    }
}

@media all and (max-width:768px) {
    .new_business_landing_services {
        flex-direction: column;
        gap: 3.12rem
    }

    .new_business_landing_services--arrows-r {
        width: 3rem;
        height: 3rem
    }

    .new_business_landing_services--arrows-l {
        width: 3rem;
        height: 3rem
    }

    .new_business_landing_services > div {
        width: 100%
    }

    .new_business_landing_services-head {
        width: 100%
    }

    .new_business_landing_services-head--tag {
        width: 3.125rem;
        height: 3.125rem
    }

    .new_business_landing_services-head h3 {
        font-size: 1.875rem
    }

    .new_business_landing_services-head p {
        font-size: 1rem
    }

    .new_business_landing_services-body {
        overflow: hidden
    }

    .new_business_landing_services-footer {
        font-size: .75rem
    }

        .new_business_landing_services-footer i {
            font-size: 1.125rem
        }
}

.new_business_landing_numbers {
    font-family: "DIN";
    display: flex;
    flex-direction: column;
    padding-top: 11rem;
    padding-bottom: 5rem;
}

.new_business_landing_numbers-head {
    text-align: center;
    margin-bottom: 2.5rem;
}

@media all and (max-width:992px) {
    .new_business_landing_numbers-head {
        text-align: start
    }
}

.new_business_landing_numbers-head h3 {
    color: var(--Text-Headings-black);
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.new_business_landing_numbers-head p {
    color: var(--ab-grey-600);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: .5rem;
}

@media all and (max-width:992px) {
    .new_business_landing_numbers-head p {
        font-size: .75rem
    }
}

@media all and (max-width:992px) {
    .new_business_landing_numbers-head h3 {
        font-size: 1.5rem
    }

    .new_business_landing_numbers-head p {
        font-size: .75rem
    }
}

.new_business_landing_numbers-body {
    max-width: 1400px;
    height: 150px;
    align-content: space-between;
    gap: 2.5rem;
    width: 100%;
    justify-content: space-between;
}

    .new_business_landing_numbers-body .numbers {
        font-size: 3rem;
    }

@media all and (max-width:768px) {
    .new_business_landing_numbers-body .numbers {
        font-size: 2.625rem
    }
}

.new_business_landing_numbers-body .numbers-label {
    font-size: 1.5rem;
}

    .new_business_landing_numbers-body .numbers-label > * {
        color: var(--Text-Headings,#232425);
    }

@media all and (max-width:768px) {
    .new_business_landing_numbers-body .numbers-label {
        font-size: 1.125rem
    }
}

.new_business_landing_numbers-body--card {
    gap: .5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 50px;
    align-content: space-between;
}

    .new_business_landing_numbers-body--card svg {
        min-height: 25px;
        min-width: 25px;
    }

    .new_business_landing_numbers-body--card div {
        height: 50%;
    }

    .new_business_landing_numbers-body--card span {
        font-family: "DIN";
        font-weight: 700;
    }

@media all and (max-width:992px) {
    .new_business_landing_numbers-body--card {
        height: auto;
        width: 50%;
        margin-bottom: 3rem
    }
}

@media all and (max-width:992px) {
    .new_business_landing_numbers-body {
        gap: 0;
        height: auto
    }
}

.new_business_landing_numbers-body h6 {
    text-align: start;
    font-size: 3rem;
    padding: 0 .5rem;
    height: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 2.7rem
}

    .new_business_landing_numbers-body h6:first-child {
        font-size: 3rem;
        text-wrap: nowrap;
    }

@media all and (max-width:768px) {
    .new_business_landing_numbers-body h6:first-child {
        font-size: 2rem
    }
}

@media all and (max-width:992px) {
    .new_business_landing_numbers-body h6 {
        font-size: 1.5rem
    }
}

.new_business_landing_numbers-body p {
    height: 50%;
    color: var(--ab-grey-600);
    text-align: center;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem
}

@media all and (max-width:992px) {
    .new_business_landing_numbers-body p {
        font-size: 1rem
    }
}

@media all and (max-width:768px) {
    .new_business_landing_numbers {
        padding: 3rem 1.5rem 1.5rem 2rem
    }

    .new_business_landing_numbers-head h3 {
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal
    }

    .new_business_landing_numbers-head p {
        font-size: 1rem
    }

    .new_business_landing_numbers-body p {
        font-size: 1rem
    }
}

.new_business_landing_contact-us {
    font-family: "DIN";
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
    align-items: start;
    display: inline-flex;
    padding-top: 3.6875rem;
    padding-bottom: 3.6875rem;
    max-width: 1400px;
}

.new_business_landing_contact-us--icon svg {
    width: 2.5rem;
    height: 2.5rem;
    padding: .5rem;
    border-radius: 50%;
    fill: var(--ab-primary);
    background-color: var(--ab-primary-xlight);
}

.new_business_landing_contact-us--start {
    gap: 1rem;
    display: flex;
    align-items: start;
    flex-direction: row;
}

.new_business_landing_contact-us--start-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .new_business_landing_contact-us--start-body p {
        font-size: 1.5rem;
        text-wrap: nowrap;
    }

.new_business_landing_contact-us--center {
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .new_business_landing_contact-us--center p {
        font-size: 1rem;
    }

.new_business_landing_contact-us--left {
    text-align: start;
    margin-top: 2rem;
}

    .new_business_landing_contact-us--left a {
        display: flex;
        width: 100%;
        padding: .75rem 1.5rem;
        justify-content: center;
        align-items: center;
        color: var(--ab-Text-Colors-Support-Text,#FFF);
        text-align: center;
        font-size: 1rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: .02rem;
    }

@media all and (max-width:768px) {
    .new_business_landing_contact-us {
        flex-direction: column;
        align-items: center;
        gap: .5rem
    }

    .new_business_landing_contact-us--start {
        width: 100%;
        white-space: wrap;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        gap: 1.25rem
    }

        .new_business_landing_contact-us--start svg {
            width: 2.5rem;
            height: 2.5rem
        }

    .new_business_landing_contact-us--start-body {
        white-space: wrap;
        gap: .5rem
    }

        .new_business_landing_contact-us--start-body p {
            font-size: .875rem;
            font-style: normal;
            font-weight: 400;
            text-wrap: wrap
        }

            .new_business_landing_contact-us--start-body p b {
                font-size: 1.125rem
            }

    .new_business_landing_contact-us--center {
        width: 100%;
        text-wrap: wrap
    }

    .new_business_landing_contact-us--left- {
        width: 100%;
        margin: 0;
        text-align: end
    }

        .new_business_landing_contact-us--left- a {
            height: 30px
        }
}

.new_business_landing_download-apps {
    font-family: "DIN";
    height: 40.625rem;
    flex-shrink: 0;
    overflow: visible;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
}

.new_business_landing_download-apps-bachground {
    position: absolute;
    width: 100%;
    height: auto;
    z-index: 1;
}

.new_business_landing_download-apps-body--logo {
    display: flex;
    width: 6.25rem;
    height: 6.25rem;
    padding: .75rem;
    justify-content: center;
    align-items: center;
    gap: .625rem;
    border-radius: var(--RadiusCompounant-Outer-Radius,1rem);
    background: #FFF;
    box-shadow: 0 0 32px -10px rgba(28,39,49,.12);
    margin-bottom: 2.19rem;
}

@media all and (max-width:992px) {
    .new_business_landing_download-apps-body--logo {
        width: 5rem;
        height: 5rem
    }
}

.new_business_landing_download-apps-container {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-left: 0;
    padding-top: 7.5rem;
    margin-bottom: 7rem;
    margin-left: auto;
    margin-right: 0;
}

    .new_business_landing_download-apps-container a > img {
        width: 138px;
    }

.rtl .new_business_landing_download-apps-container {
    margin-right: auto;
    margin-left: 0;
}

.new_business_landing_download-apps-container .rtl {
    padding-left: 5.625rem;
    margin-right: auto;
}

.new_business_landing_download-apps-container > div {
    flex-direction: row;
}

@media all and (max-width:992px) {
    .new_business_landing_download-apps-container {
        align-items: flex-start;
        width: 100%;
        padding-top: 1rem;
        margin-bottom: 1rem
    }

        .new_business_landing_download-apps-container a > img {
            width: 90px
        }
}

.new_business_landing_download-apps-image {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    z-index: 5;
    gap: 1rem;
}

.new_business_landing_download-apps-image--wrapper {
    transform: translateY(-10px) translateX(-50%);
    object-fit: cover;
    overflow: hidden;
    z-index: 100;
    position: absolute;
    border-radius: 1rem;
}

.rtl .new_business_landing_download-apps-image--wrapper {
    transform: translateY(-10px) translateX(5%);
}

@media all and (max-width:1400px) {
    .new_business_landing_download-apps-image--wrapper {
        transform: translateY(-10px) translateX(-50%)
    }

    .rtl .new_business_landing_download-apps-image--wrapper {
        transform: translateY(-10px) translateX(10%)
    }
}

@media all and (max-width:1200px) {
    .new_business_landing_download-apps-image--wrapper {
        transform: translateY(-10px) translateX(-50%)
    }

    .rtl .new_business_landing_download-apps-image--wrapper {
        transform: translateY(-10px) translateX(20%)
    }
}

@media all and (max-width:992px) {
    .new_business_landing_download-apps-image--wrapper {
        -moz-transform: scale(-.45,.45);
        -o-transform: scale(-.45,.45);
        -webkit-transform: scale(-.45,.45);
        transform: scale(-.45,.45);
        left: -20%;
        top: -200px
    }

    .rtl .new_business_landing_download-apps-image--wrapper {
        -moz-transform: scale(-.45,.45);
        -o-transform: scale(-.45,.45);
        -webkit-transform: scale(-.45,.45);
        transform: scale(-.45,.45);
        left: -70%;
        top: -180px
    }
}

@media all and (max-width:768px) {
    .new_business_landing_download-apps-image--wrapper {
        left: -250px;
        top: -250px
    }

    .rtl .new_business_landing_download-apps-image--wrapper {
        left: -400px;
        top: -240px
    }
}

@media all and (max-width:440px) {
    .new_business_landing_download-apps-image--wrapper {
        left: -350px;
        top: -250px
    }

    .rtl .new_business_landing_download-apps-image--wrapper {
        left: -495px;
        top: -220px;
        transform: scale(-.35,.35)
    }
}

.new_business_landing_download-apps-image--wrapper img {
    overflow: hidden;
}

@media all and (max-width:992px) {
    .new_business_landing_download-apps {
        flex-direction: column;
        padding-right: 1.25rem;
        width: 100%;
        height: 100%
    }

    .new_business_landing_download-apps-body {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        margin-bottom: 0;
        gap: 2.5rem;
        position: relative;
        z-index: 10
    }

    [lang=ar] .rtl .new_business_landing_download-apps-body {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 1rem;
        margin-bottom: 1rem
    }

    .new_business_landing_download-apps-body > div {
        flex-direction: column
    }

    .new_business_landing_download-apps-image {
        width: 100%
    }
}

.swiper_cards_new_services {
    width: 100%;
}

.swiper_cards_latest_news {
    width: 100%;
}

html[lang=en] .new_government_landing_login, .ltr .new_government_landing_login {
    overflow: hidden;
}

html[lang=en] .new_government_landing_login-container-form, .ltr .new_government_landing_login-container-form {
    align-items: end;
}

html[lang=en] .new_government_landing_login-container-slider .banner_pagination, .ltr .new_government_landing_login-container-slider .banner_pagination {
    justify-content: flex-start;
}

html[lang=en] .new_government_landing_services .swiper, .ltr .new_government_landing_services .swiper {
    padding-left: 0;
    padding-right: 5rem;
}

html[lang=en] .new_government_landing_contact-us--right-side, .ltr .new_government_landing_contact-us--right-side {
    flex-direction: row;
    align-items: start;
    text-align: start;
}

html[lang=en] .new_government_landing_download-apps, .ltr .new_government_landing_download-apps {
    padding-right: 0;
    padding-left: 5.625rem;
}

@media all and (max-width:992px) {
    html[lang=en] .new_government_landing_download-apps, .ltr .new_government_landing_download-apps {
        padding-left: 3.625rem
    }
}

html[lang=en] .new_government_landing_download-apps-body, .ltr .new_government_landing_download-apps-body {
    align-items: baseline;
}

    html[lang=en] .new_government_landing_download-apps-body > div, .ltr .new_government_landing_download-apps-body > div {
        justify-content: end;
    }

.new_government_landing--header {
    margin-inline: 11rem;
    position: absolute;
    text-align: start;
    left: 0;
    right: 0;
    width: 23.6875rem;
    z-index: 1000;
    top: 40%;
}

    .new_government_landing--header .rtl {
        right: 0;
        left: 0;
    }

@media all and (max-width:992px) {
    .new_government_landing--header {
        text-align: center;
        margin-inline: 0;
        width: 21rem;
        margin: auto
    }
}

.new_government_landing--header h5 {
    font-size: 1.5rem;
}

@media all and (max-width:992px) {
    .new_government_landing--header h5 {
        font-size: 1rem
    }
}

.new_government_landing--header h3 {
    font-size: 3.5rem;
}

@media all and (max-width:992px) {
    .new_government_landing--header h3 {
        font-size: 2rem
    }
}

.new_government_landing--header h3 span {
    font-size: 3.5rem;
}

@media all and (max-width:992px) {
    .new_government_landing--header h3 span {
        font-size: 2rem
    }
}

.new_government_landing--header p {
    font-size: 1rem;
}

@media all and (max-width:992px) {
    .new_government_landing--header p {
        font-size: .875rem
    }
}

.new_government_landing_banner {
    position: absolute !important;
    overflow: hidden;
    top: 105px;
    left: 0;
    width: 100vw;
    max-height: 640px;
    object-fit: cover;
    z-index: 10;
    background-size: cover;
    background-repeat: no-repeat;
}

    .new_government_landing_banner img {
        object-fit: cover;
        width: 100%;
        max-height: 640px;
    }

@media all and (max-width:992px) {
    .new_government_landing_banner {
        position: relative !important;
        top: 0;
        width: auto;
        height: auto;
        padding: 2.5rem 0 !important
    }
}

.new_government_landing_login {
    flex-direction: column;
    align-items: center;
    margin-right: auto;
}

.new_government_landing_login-container {
    z-index: 25;
    margin-right: auto;
    max-width: 1400px;
    gap: 2.5rem;
    flex-direction: row;
    justify-content: flex-end;
    padding-top: 5rem;
    padding-bottom: 3rem;
}

.new_government_landing_login-container-form {
    position: relative;
    margin-right: auto;
    margin-left: 0;
    max-height: 500px;
    display: flex;
    padding: 1rem 3.5rem;
    flex-direction: column;
    z-index: 10;
    width: 400px;
    max-width: 27rem;
    gap: 2rem;
    border-radius: 1rem;
    background: #FFF;
    box-shadow: 0 21.278px 41.305px -2.503px rgba(28,39,49,.05);
}

    .new_government_landing_login-container-form > div {
        width: 100%;
    }

    .new_government_landing_login-container-form .forgot-password-link {
        width: 100%;
        display: flex;
        justify-content: end;
    }

.new_government_landing_login-container-form--footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
}

.new_government_landing_login-container-slider {
    width: 50%;
    height: 100%;
    margin-right: 2.5rem;
    margin-left: 0;
}

    .new_government_landing_login-container-slider .banner_pagination {
        transform: translate(-30%,7vh);
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        gap: .25rem;
    }

        .new_government_landing_login-container-slider .banner_pagination .pagination-bullet {
            cursor: pointer;
            width: .75rem;
            height: .75rem;
            border-radius: 1rem;
            background: #C7C7C7;
            gap: 1.5rem;
        }

        .new_government_landing_login-container-slider .banner_pagination .pagination-bullet-active {
            width: 3rem;
            height: .75rem;
            border-radius: 1rem;
            background: var(--ab-primary-Clickable,var(--ab-primary-Clickable));
            transform-origin: bottom;
            transition: width .5s ease;
        }

    .new_government_landing_login-container-slider img {
        width: 100%;
        height: 100%;
        object-fit: fill;
    }

    .new_government_landing_login-container-slider .swiper-slide {
        border-radius: 1rem;
    }

        .new_government_landing_login-container-slider .swiper-slide img {
            border-radius: 1rem;
        }

    .new_government_landing_login-container-slider .swiper-wrapper {
        width: 100%;
    }

    .new_government_landing_login-container-slider .swiper-pagination {
        transform: rotate(90deg) translateY(-60px) translateX(-10%);
        justify-content: center;
    }

    .new_government_landing_login-container-slider .swiper-pagination-bullet-active {
        width: 3rem;
        height: .75rem;
        border-radius: 1rem;
        background: var(--ab-primary-130);
    }

    .new_government_landing_login-container-slider .swiper-button-prev {
        opacity: .5;
        border: 0;
        width: 4rem;
        height: 4rem;
        border-radius: 2.5rem;
        background: var(--ab-primary-Clickable);
        display: flex;
        padding: .75rem;
        align-items: center;
        gap: .625rem;
        transform: rotate(180deg);
    }

        .new_government_landing_login-container-slider .swiper-button-prev::after {
            content: "";
            display: none;
        }

    .new_government_landing_login-container-slider .swiper-button-next {
        border: 0;
        width: 4rem;
        height: 4rem;
        border-radius: 2.5rem;
        background: var(--ab-primary-Clickable);
        display: flex;
        padding: .75rem;
        align-items: center;
        gap: .625rem;
        transform: rotate(180deg);
    }

        .new_government_landing_login-container-slider .swiper-button-next::after {
            content: "";
            display: none;
        }

@media all and (max-width:992px) {
    .new_government_landing_login-container-form {
        padding: 1rem 1.5rem;
        margin-right: auto;
        margin-left: auto
    }

        .new_government_landing_login-container-form svg {
            width: 100px
        }
}

@media all and (max-width:768px) {
    .new_government_landing_login-container {
        padding: 0;
        flex-direction: column;
        align-items: center
    }

    .new_government_landing_login-container-form {
        width: 100%;
        min-width: 20rem
    }

    .new_government_landing_login-container form ~ svg {
        transform: rotate(90deg);
        display: none
    }

    .new_government_landing_login-container-slider {
        width: 70%;
        gap: 2.5rem;
        margin-top: 4.5rem
    }

        .new_government_landing_login-container-slider .banner_pagination {
            transform: translate(-30%,1vh)
        }
}

.new_government_landing_login-slider {
    gap: 1rem;
    background: transparent;
    padding-bottom: 1.5rem;
    object-fit: contain;
    overflow: visible;
}

    .new_government_landing_login-slider div {
        align-items: center;
        margin-bottom: 30px;
    }

        .new_government_landing_login-slider div img {
            overflow: hidden;
            border-radius: 1rem;
            object-fit: cover;
            width: 96%;
            height: 31rem;
        }

@media all and (max-width:1400px) {
    .new_government_landing_login-slider div img {
        width: 87%
    }
}

@media all and (max-width:1200px) {
    .new_government_landing_login-slider div img {
        width: 85%
    }
}

@media all and (max-width:992px) {
    .new_government_landing_login-slider div img {
        width: 100%
    }
}

.new_government_landing_login-slider.swiper-pagination {
    left: 6%;
}

.new_government_landing_login-slider .swiper-pagination-bullet-active {
    width: 3rem;
    height: .75rem;
    border-radius: 1rem;
    background: var(--ab-primary-130);
}

@media all and (max-width:768px) {
    .new_government_landing_login-slider div {
        overflow: visible
    }

        .new_government_landing_login-slider div img {
            object-fit: fill;
            height: 24.625rem;
            flex-shrink: 0
        }
}

.new_government_landing_login-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: .5rem;
}

    .new_government_landing_login-footer p {
        color: #525451;
        text-align: center;
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.5rem;
        letter-spacing: .0175rem;
        margin-bottom: .5rem;
    }

[data-bs-theme=dark] .new_government_landing_login ~ div {
    margin-top: 0;
}

.new_government_landing_slider > .swiper-pagination {
    transform: translateY(30px);
    justify-content: center;
}

.new_government_landing_slider .swiper-pagination-bullet-active {
    width: 3rem;
    height: .75rem;
    border-radius: 1rem;
    background: var(--ab-primary-130);
}

@media all and (max-width:768px) {
    .new_government_landing_slider div {
        width: 100%
    }

        .new_government_landing_slider div img {
            object-fit: fill;
            width: 100%;
            height: 11.25rem;
            flex-shrink: 0
        }
}

.new_government_landing_services {
    font-family: "DIN";
    display: flex;
    flex-direction: column;
    align-items: start;
    color: #525451;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-top: 8.5rem;
    padding-bottom: 12.3rem;
    gap: 2.5rem;
}

    .new_government_landing_services a svg {
        transform: rotate(180deg) translate(-10px,-4px);
    }

.rtl .new_government_landing_services a svg {
    transform: rotate(0deg) translate(-10px,1px);
}

.new_government_landing_services-head {
    max-width: 1400px;
    display: flex;
    flex-direction: column;
    gap: 1.38rem;
}

.new_government_landing_services-head-head {
    margin-right: 0;
    margin-left: 11rem;
}

.rtl .new_government_landing_services-head-head {
    margin-left: 0;
    margin-right: 11rem;
}

.new_government_landing_services-head h2 {
    color: #232425;
    text-align: right;
    -webkit-text-stroke-width: .5;
    -webkit-text-stroke-color: #232425;
    font-size: 3.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.new_government_landing_services-head p {
    color: #525451;
    text-align: right;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.new_government_landing_services-body {
    max-width: 1400px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

    .new_government_landing_services-body #servicesTab {
        width: auto;
        overflow: visible;
        border-bottom: 1px solid #F1F8F4;
        padding-bottom: 0;
    }

        .new_government_landing_services-body #servicesTab .nav-item {
            text-align: start;
            font-size: 1.25rem;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            background: transparent;
            width: auto;
            max-width: 10rem;
        }

        .new_government_landing_services-body #servicesTab .nav-link {
            display: flex;
            align-items: end;
            justify-content: start;
            stroke: #a8a8aa;
        }

        .new_government_landing_services-body #servicesTab .active {
            color: var(--ab-primary-30);
            fill: var(--ab-primary-30);
            stroke: var(--ab-primary-30);
            border-bottom: 4px solid var(--ab-primary-30);
            stroke-width: 2px;
            background: transparent;
        }

            .new_government_landing_services-body #servicesTab .active::after {
                background-color: transparent;
            }

        .new_government_landing_services-body #servicesTab .nav-link:hover {
            color: var(--ab-primary-30);
            stroke: var(--ab-primary-30);
            border-bottom: 4px solid var(--ab-primary-30);
        }

            .new_government_landing_services-body #servicesTab .nav-link:hover::after {
                background-color: transparent;
            }

    .new_government_landing_services-body #servicesTabContent #v-pills-tab {
        min-width: 50%;
    }

    .new_government_landing_services-body #servicesTabContent > .tab-pane > div {
        width: 100%;
        display: flex;
        justify-content: start;
    }

    .new_government_landing_services-body #servicesTabContent #v-pills-tab {
        gap: .625rem;
        flex-direction: column;
        min-width: 50%;
    }

    .new_government_landing_services-body #servicesTabContent .nav-link {
        color: var(--ab-primary);
        font-size: .875rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: .0175rem;
        padding: 1.2rem 1.5rem;
        display: flex;
        border-radius: .5rem;
        gap: .625rem;
        width: auto;
        max-width: max-content;
    }

    .new_government_landing_services-body #servicesTabContent .service-start {
        max-width: 35.375rem;
    }

        .new_government_landing_services-body #servicesTabContent .service-start > h3 {
            color: #232425;
            text-align: start;
            font-size: 1.5rem;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            margin-bottom: .5rem;
        }

        .new_government_landing_services-body #servicesTabContent .service-start > p {
            color: #5d5d5d;
            text-align: start;
            font-size: 1rem;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }

        .new_government_landing_services-body #servicesTabContent .service-start div {
            margin-top: 3.2rem;
            display: flex;
        }

    .new_government_landing_services-body #servicesTabContent .nav-link.active {
        font-weight: 700;
        display: flex;
        background: var(--ab-primary-xlight);
    }

@media all and (max-width:1200px) {
    .new_government_landing_services-head h2 {
        font-size: 1.875rem
    }

    .new_government_landing_services-head p {
        font-size: 1rem
    }

    .new_government_landing_services-body {
        width: 100%
    }

        .new_government_landing_services-body #servicesTab {
            width: 100%;
            overflow-x: scroll;
            scrollbar-width: none;
            font-size: .75rem
        }

            .new_government_landing_services-body #servicesTab::-webkit-scrollbar-thumb {
                display: none
            }

            .new_government_landing_services-body #servicesTab::-webkit-scrollbar-track {
                display: none
            }

            .new_government_landing_services-body #servicesTab .nav-item {
                font-size: .75rem
            }

            .new_government_landing_services-body #servicesTab .nav-link {
                font-size: .75rem
            }

                .new_government_landing_services-body #servicesTab .nav-link svg {
                    width: 1.125rem;
                    height: 1.125rem
                }

            .new_government_landing_services-body #servicesTab .active {
                font-size: .75rem
            }

            .new_government_landing_services-body #servicesTab .nav-link:hover {
                font-size: .75rem
            }

        .new_government_landing_services-body #servicesTabContent #v-pills-tab {
            flex-direction: row;
            flex-wrap: wrap;
            gap: .625rem
        }

        .new_government_landing_services-body #servicesTabContent > .tab-pane > div {
            flex-direction: column;
            gap: 2.5rem
        }
}

.new_government_landing_services {
    font-family: "DIN";
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 6.5rem;
    padding-bottom: 6.5rem;
    gap: var(--Spacing-xxxl,4rem);
}

    .new_government_landing_services .swiper_new_serivces {
        position: relative;
    }

.new_government_landing_services--arrows {
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: end;
    gap: 1.5rem;
    z-index: 15;
    margin-left: 5rem;
    margin-right: 0;
    width: 100%;
    position: relative;
}

@media all and (max-width:1490px) {
    .new_government_landing_services--arrows {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }
}

@media all and (max-width:1200px) {
    .new_government_landing_services--arrows {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }
}

.rtl .new_government_landing_services--arrows {
    margin-right: 5rem;
    width: 100%;
}

@media all and (max-width:1490px) {
    .rtl .new_government_landing_services--arrows {
        margin-right: 4rem;
        width: 90%
    }
}

@media all and (max-width:1200px) {
    .rtl .new_government_landing_services--arrows {
        margin-right: 0;
        width: 100%
    }
}

.new_government_landing_services--arrows .swiper-button-prev:hover {
    opacity: 1;
}

.new_government_landing_services--arrows .swiper-button-prev {
    opacity: .5;
    z-index: 15;
    border: 0;
    width: 2.5rem;
    height: 2.5rem;
    padding: .5rem;
    justify-content: center;
    align-items: center;
    border-radius: 2.1875rem;
    background: var(--Surface-W-Card,#FFF);
    box-shadow: 0 0 6px 0 rgba(28,39,49,.08);
    display: flex;
    align-items: center;
    gap: .625rem;
    transform: rotate(180deg);
}

    .new_government_landing_services--arrows .swiper-button-prev::after {
        content: "";
        display: none;
    }

.new_government_landing_services--arrows .swiper-button-next:hover {
    opacity: 1;
}

.new_government_landing_services--arrows .swiper-button-next {
    z-index: 15;
    opacity: .5;
    border: 0;
    width: 2.5rem;
    height: 2.5rem;
    padding: .5rem;
    border-radius: 2.5rem;
    background: var(--ab-primary-Clickable);
    border-radius: 1.5rem;
    background: var(--Surface-W-Card,#FFF);
    box-shadow: 0 0 6px 0 rgba(28,39,49,.08);
    display: flex;
    align-items: center;
    gap: .625rem;
    transform: rotate(0deg);
}

    .new_government_landing_services--arrows .swiper-button-next::after {
        content: "";
        display: none;
    }

.new_government_landing_services--arrows .swiper-button-disabled {
    background: #B7B7B7;
    color: #B7B7B7;
    display: none;
}

.new_government_landing_services--arrows-r {
    border: 0;
    width: 4rem;
    height: 4rem;
    border-radius: 2.5rem;
    display: flex;
    padding: .75rem;
    align-items: center;
    gap: .625rem;
}

.new_government_landing_services--arrows-l {
    border: 0;
    width: 4rem;
    height: 4rem;
    display: flex;
    padding: .75rem;
    align-items: center;
    gap: .625rem;
    border-radius: 2.5rem;
    background: #B7B7B7;
}

@media all and (max-width:768px) {
    .new_government_landing_services--arrows .swiper-button-prev {
        display: none;
        width: 3rem;
        height: 3rem
    }

    .new_government_landing_services--arrows .swiper-button-next {
        display: none;
        width: 3rem;
        height: 3rem
    }
}

.new_government_landing_services .swiper {
    padding-left: 5rem;
}

.new_government_landing_services-head {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

    .new_government_landing_services-head h3 {
        color: #232425;
        font-size: 3.25rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-align: start;
    }

    .new_government_landing_services-head p {
        color: #525451;
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-align: start;
    }

@media all and (max-width:992px) {
    .new_government_landing_services-head h3 {
        font-size: 1.825rem
    }

    .new_government_landing_services-head p {
        font-size: 1rem
    }
}

.new_government_landing_services-body {
    gap: 1.4rem;
    display: flex;
}

    .new_government_landing_services-body .swiper_cards_new_services {
        margin-right: 0;
        margin-left: 11rem;
        overflow: hidden;
    }

@media all and (max-width:768px) {
    .new_government_landing_services-body .swiper_cards_new_services {
        margin-left: 1rem
    }
}

.rtl .new_government_landing_services-body .swiper_cards_new_services {
    margin-right: 11rem;
    margin-left: 0;
    overflow: hidden;
}

@media all and (max-width:768px) {
    .rtl .new_government_landing_services-body .swiper_cards_new_services {
        margin-right: 1rem
    }
}

@media all and (max-width:768px) {
    .new_government_landing_services {
        flex-direction: column;
        gap: 3.12rem
    }

    .new_government_landing_services--arrows-r {
        width: 3rem;
        height: 3rem
    }

    .new_government_landing_services--arrows-l {
        width: 3rem;
        height: 3rem
    }

    .new_government_landing_services > div {
        width: 100%
    }

    .new_government_landing_services-head {
        width: 100%
    }

    .new_government_landing_services-head--tag {
        width: 3.125rem;
        height: 3.125rem
    }

    .new_government_landing_services-head h3 {
        font-size: 1.875rem
    }

    .new_government_landing_services-head p {
        font-size: 1rem
    }

    .new_government_landing_services-body {
        overflow: hidden
    }

    .new_government_landing_services-footer {
        font-size: .75rem
    }

        .new_government_landing_services-footer i {
            font-size: 1.125rem
        }
}

.new_government_landing_numbers {
    font-family: "DIN";
    display: flex;
    flex-direction: column;
    padding-top: 7rem;
    padding-bottom: 5rem;
}

.new_government_landing_numbers-head {
    text-align: center;
    margin-bottom: 2.5rem;
}

@media all and (max-width:992px) {
    .new_government_landing_numbers-head {
        text-align: center
    }
}

.new_government_landing_numbers-head h3 {
    color: var(--Text-Headings-black);
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.new_government_landing_numbers-head p {
    color: var(--ab-grey-600);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media all and (max-width:992px) {
    .new_government_landing_numbers-head p {
        font-size: .75rem
    }
}

@media all and (max-width:992px) {
    .new_government_landing_numbers-head h3 {
        font-size: 1.5rem
    }

    .new_government_landing_numbers-head p {
        font-size: .75rem
    }
}

.new_government_landing_numbers-body {
    max-width: 1400px;
    height: 150px;
    align-content: space-between;
    gap: 2.5rem;
    width: 100%;
    justify-content: center;
}

    .new_government_landing_numbers-body .numbers {
        font-size: 3rem;
    }

@media all and (max-width:768px) {
    .new_government_landing_numbers-body .numbers {
        font-size: 2.625rem
    }
}

.new_government_landing_numbers-body .numbers-label {
    font-size: 1.5rem;
}

    .new_government_landing_numbers-body .numbers-label > * {
        color: var(--Text-Headings,#232425);
        font-size: 1.5rem;
    }

@media all and (max-width:768px) {
    .new_government_landing_numbers-body .numbers-label {
        font-size: 1.125rem
    }
}

.new_government_landing_numbers-body--card {
    gap: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 50px;
    align-content: space-between;
}

    .new_government_landing_numbers-body--card svg {
        min-height: 25px;
        min-width: 25px;
    }

    .new_government_landing_numbers-body--card div {
        height: 50%;
    }

    .new_government_landing_numbers-body--card span {
        font-family: "DIN";
        font-weight: 700;
    }

@media all and (max-width:992px) {
    .new_government_landing_numbers-body--card {
        height: auto;
        width: 50%;
        margin-bottom: 3rem
    }
}

@media all and (max-width:992px) {
    .new_government_landing_numbers-body {
        gap: 0;
        height: auto
    }
}

.new_government_landing_numbers-body h6 {
    text-align: start;
    font-size: 3rem;
    padding: 0 .5rem;
    height: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 2.7rem
}

    .new_government_landing_numbers-body h6:first-child {
        font-size: 3rem;
        text-wrap: nowrap;
    }

@media all and (max-width:768px) {
    .new_government_landing_numbers-body h6:first-child {
        font-size: 2rem
    }
}

@media all and (max-width:992px) {
    .new_government_landing_numbers-body h6 {
        font-size: 1.5rem
    }
}

.new_government_landing_numbers-body p {
    height: 50%;
    color: var(--ab-grey-600);
    text-align: center;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem
}

@media all and (max-width:992px) {
    .new_government_landing_numbers-body p {
        font-size: 1rem
    }
}

@media all and (max-width:768px) {
    .new_government_landing_numbers {
        padding: 3rem 1.5rem 1.5rem 2rem
    }

    .new_government_landing_numbers-head h3 {
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal
    }

    .new_government_landing_numbers-head p {
        font-size: 1rem
    }

    .new_government_landing_numbers-body p {
        font-size: 1rem
    }
}

.new_government_landing_contact-us {
    font-family: "DIN";
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
    align-items: start;
    display: inline-flex;
    padding-top: 3.6875rem;
    padding-bottom: 3.6875rem;
    max-width: 1400px;
}

.new_government_landing_contact-us--icon svg {
    width: 2.5rem;
    height: 2.5rem;
    padding: .5rem;
    border-radius: 50%;
    fill: var(--ab-primary);
    background-color: var(--ab-primary-xlight);
}

.new_government_landing_contact-us--start {
    gap: 1rem;
    display: flex;
    align-items: start;
    flex-direction: row;
}

.new_government_landing_contact-us--start-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .new_government_landing_contact-us--start-body p {
        font-size: 1.5rem;
        text-wrap: nowrap;
    }

.new_government_landing_contact-us--center {
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .new_government_landing_contact-us--center p {
        font-size: 1rem;
    }

.new_government_landing_contact-us--left {
    text-align: start;
    margin-top: 2rem;
}

    .new_government_landing_contact-us--left a {
        display: flex;
        width: 100%;
        padding: .75rem 1.5rem;
        justify-content: center;
        align-items: center;
        color: var(--ab-Text-Colors-Support-Text,#FFF);
        text-align: center;
        font-size: 1rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: .02rem;
    }

@media all and (max-width:768px) {
    .new_government_landing_contact-us {
        flex-direction: column;
        align-items: center;
        gap: .5rem
    }

    .new_government_landing_contact-us--start {
        width: 100%;
        white-space: wrap;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        gap: 1.25rem
    }

        .new_government_landing_contact-us--start svg {
            width: 2.5rem;
            height: 2.5rem
        }

    .new_government_landing_contact-us--start-body {
        white-space: wrap;
        gap: .5rem
    }

        .new_government_landing_contact-us--start-body p {
            font-size: .875rem;
            font-style: normal;
            font-weight: 400;
            text-wrap: wrap
        }

            .new_government_landing_contact-us--start-body p b {
                font-size: 1.125rem
            }

    .new_government_landing_contact-us--center {
        width: 100%;
        text-wrap: wrap
    }

    .new_government_landing_contact-us--left- {
        width: 100%;
        margin: 0;
        text-align: end
    }

        .new_government_landing_contact-us--left- a {
            height: 30px
        }
}

.new_government_landing_download-apps {
    font-family: "DIN";
    height: 40.625rem;
    flex-shrink: 0;
    overflow: visible;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
}

.new_government_landing_download-apps-bachground {
    position: absolute;
    width: 100%;
    height: auto;
    z-index: 1;
}

.new_government_landing_download-apps-body--logo {
    display: flex;
    width: 6.25rem;
    height: 6.25rem;
    padding: .75rem;
    justify-content: center;
    align-items: center;
    gap: .625rem;
    border-radius: var(--RadiusCompounant-Outer-Radius,1rem);
    background: #FFF;
    box-shadow: 0 0 32px -10px rgba(28,39,49,.12);
    margin-bottom: 2rem;
}

@media all and (max-width:992px) {
    .new_government_landing_download-apps-body--logo {
        width: 5rem;
        height: 5rem
    }
}

.new_government_landing_download-apps-container {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: column;
    gap: 2.2rem;
    padding-left: 0;
    padding-top: 7.5rem;
    margin-bottom: 7rem;
    margin-left: auto;
    margin-right: 0;
}

    .new_government_landing_download-apps-container a > img {
        width: 138px;
    }

.rtl .new_government_landing_download-apps-container {
    margin-right: auto;
    margin-left: 0;
}

.new_government_landing_download-apps-container .rtl {
    padding-left: 5.625rem;
    margin-right: auto;
}

.new_government_landing_download-apps-container > div {
    flex-direction: row;
}

@media all and (max-width:992px) {
    .new_government_landing_download-apps-container {
        align-items: flex-start;
        width: 100%;
        padding-top: 1rem;
        margin-bottom: 1rem
    }

        .new_government_landing_download-apps-container a > img {
            width: 100px
        }
}

.new_government_landing_download-apps-image {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    z-index: 5;
    gap: 1rem;
}

.new_government_landing_download-apps-image--wrapper {
    transform: translateY(-10px) translateX(-50%);
    object-fit: cover;
    overflow: hidden;
    z-index: 100;
    position: absolute;
    border-radius: 1rem;
}

.rtl .new_government_landing_download-apps-image--wrapper {
    transform: translateY(-10px) translateX(5%);
}

@media all and (max-width:1400px) {
    .new_government_landing_download-apps-image--wrapper {
        transform: translateY(-10px) translateX(-50%)
    }

    .rtl .new_government_landing_download-apps-image--wrapper {
        transform: translateY(-10px) translateX(10%)
    }
}

@media all and (max-width:1200px) {
    .new_government_landing_download-apps-image--wrapper {
        transform: translateY(-10px) translateX(-50%)
    }

    .rtl .new_government_landing_download-apps-image--wrapper {
        transform: translateY(-10px) translateX(20%)
    }
}

@media all and (max-width:992px) {
    .new_government_landing_download-apps-image--wrapper {
        -moz-transform: scale(-.45,.45);
        -o-transform: scale(-.45,.45);
        -webkit-transform: scale(-.45,.45);
        transform: scale(-.45,.45);
        left: -20%;
        top: -200px
    }

    .rtl .new_government_landing_download-apps-image--wrapper {
        -moz-transform: scale(-.45,.45);
        -o-transform: scale(-.45,.45);
        -webkit-transform: scale(-.45,.45);
        transform: scale(-.45,.45);
        left: -70%;
        top: -180px
    }
}

@media all and (max-width:768px) {
    .new_government_landing_download-apps-image--wrapper {
        left: -200px;
        top: -200px
    }

    .rtl .new_government_landing_download-apps-image--wrapper {
        left: -400px;
        top: -180px
    }
}

@media all and (max-width:576px) {
    .new_government_landing_download-apps-image--wrapper {
        left: -200px;
        top: -200px
    }

    .rtl .new_government_landing_download-apps-image--wrapper {
        left: -495px;
        top: -220px;
        transform: scale(-.35,.35)
    }
}

.new_government_landing_download-apps-image--wrapper img {
    overflow: hidden;
}

@media all and (max-width:992px) {
    .new_government_landing_download-apps {
        flex-direction: column;
        padding-right: 1.25rem;
        width: 100%;
        height: 100%
    }

    .new_government_landing_download-apps-body {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        margin-bottom: 0;
        gap: 2.5rem;
        position: relative;
        z-index: 10
    }

    [lang=ar] .rtl .new_government_landing_download-apps-body {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 1rem;
        margin-bottom: 1rem
    }

    .new_government_landing_download-apps-body > div {
        flex-direction: column
    }

    .new_government_landing_download-apps-image {
        width: 100%
    }
}

.about-us--wrapper {
    display: flex;
    justify-content: space-between;
    gap: 4rem;
    padding: 2rem 0;
}

    .about-us--wrapper main {
        flex: 1 1 calc(100% - 19.5rem);
    }

        .about-us--wrapper main article {
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
            margin-bottom: 2rem;
        }

.ab-service button {
    width: 10rem;
}

.ab-service-content {
    max-width: 768px;
    min-height: 280px;
}

.ab-service-details {
    width: 80%;
    height: auto;
    overflow: hidden;
    padding: .5rem 1.5rem;
    border-radius: .5rem;
    background: var(--Surface-Card,#F9FBFB);
    list-style: disc;
}

    .ab-service-details ul {
        list-style: revert;
        padding: .25rem 1.5rem;
    }

@media all and (max-width:992px) {
    .ab-service-details {
        width: 100%
    }
}

.ab-service-info--wrapper {
    width: 35%;
}

@media all and (max-width:992px) {
    .ab-service-info--wrapper {
        position: relative;
        width: 100%;
        left: 0;
        top: 0
    }
}

.ab-service-info {
    height: auto;
    padding: 1.5rem;
    justify-content: space-around;
    align-items: flex-start;
    gap: var(--Spacing-md,1rem);
    border-radius: .75rem;
    border: 1px solid var(--Border-Primary,#E1E1E1);
    background: var(--Surface-Page,#FFF);
    padding: 40px;
    border-radius: 8px;
    box-shadow: none;
    margin: auto;
    z-index: 5;
}

    .ab-service-info small, .ab-service-info strong {
        font-family: DIN;
    }

@media all and (max-width:992px) {
    .ab-service-info {
        position: relative
    }
}

@media all and (max-width:576px) {
    .ab-service-info > div {
        align-items: center;
        justify-content: center
    }
}

.ab-service-info .block {
    margin-bottom: 1.5rem;
}

    .ab-service-info .block > h6 {
        color: var(--Text-Headings,#232425);
        font-size: 1rem;
    }

    .ab-service-info .block > ul > li > * {
        font-family: "DIN";
        font-weight: 700;
        color: var(--ab-primary-1000);
    }

    .ab-service-info .block > ul {
        gap: 1rem;
        display: flex;
        flex-direction: column;
    }

.payment-block {
    padding: .5rem;
    border-radius: .406rem;
    border: 1px solid var(--ab-natural-outline);
}

.details-grid {
    border: 1px solid var(--ab-natural-outline);
}

    .details-grid .block:not(:last-child) {
        position: relative;
    }

        .details-grid .block:not(:last-child)::after {
            content: "";
            background-color: var(--ab-natural-outline);
            display: flex;
            flex-direction: column;
            position: absolute;
            height: 9.75rem;
            width: .1rem;
            right: 0;
            top: calc(50% - 4.875rem);
            margin-block: auto;
        }

.rtl .details-grid .block:not(:last-child)::after {
    left: 0;
    right: 100%;
}

@media all and (max-width:992px) {
    .details-grid .block:not(:last-child)::after {
        display: none
    }
}

.details-grid .block .title {
    font-size: 1rem;
    font-weight: 700;
    padding-bottom: 1.38rem;
}

.details-grid .block ul {
    gap: .25rem;
    display: flex;
    flex-direction: column;
}

    .details-grid .block ul .icon {
        position: relative;
    }

    .details-grid .block ul li:not(:first-child) .icon::before {
        content: "";
        position: absolute;
        display: flex;
        flex-direction: column;
        width: .125rem;
        height: 2rem;
        top: -1.85rem;
        left: 11px;
        background-color: var(--ab-natural-outline);
        margin: auto;
        border-radius: .125rem;
    }

@media all and (max-width:1399px) {
    .ltr .details-grid .block ul li:not(:first-child) .icon::before {
        height: 3.5rem;
        top: -3.35rem
    }
}

@media all and (max-width:1200px) {
    .ltr .details-grid .block ul li:not(:first-child) .icon::before {
        height: 3.5rem;
        top: -3.35rem
    }
}

@media all and (max-width:992px) {
    .details-grid .block ul li:not(:first-child) .icon::before {
        height: 3.4rem;
        top: -3.35rem
    }
}

@media all and (max-width:991px) {
    .ltr .details-grid .block ul li:not(:first-child) .icon::before {
        height: 5rem;
        top: -4.95rem
    }
}

@media all and (max-width:821px) {
    .ltr .details-grid .block ul li:not(:first-child) .icon::before {
        height: 3.6rem;
        top: -3.45rem
    }
}

@media all and (max-width:576px) {
    .details-grid .block ul li:not(:first-child) .icon::before {
        height: 2rem;
        top: -1.85rem
    }

    .ltr .details-grid .block ul li:not(:first-child) .icon::before {
        height: 2rem;
        top: -1.95rem
    }
}

@media all and (max-width:428px) {
    .details-grid .block ul li:not(:first-child) .icon::before {
        height: 2rem;
        top: -1.85rem
    }

    .ltr .details-grid .block ul li:not(:first-child) .icon::before {
        height: 3.5rem;
        top: -3.45rem
    }
}

@media all and (max-width:415px) {
    .details-grid .block ul li:not(:first-child) .icon::before {
        height: 2rem;
        top: -1.85rem
    }

    .ltr .details-grid .block ul li:not(:first-child) .icon::before {
        height: 3.5rem;
        top: -3.45rem
    }
}

@media all and (max-width:310px) {
    .details-grid .block ul li:not(:first-child) .icon::before {
        height: 3.5rem;
        top: -3.45rem
    }
}

@media all and (max-width:282px) {
    .ltr .details-grid .block ul li:not(:first-child) .icon::before {
        display: none
    }
}

@media all and (max-width:1399px) {
    .ltr .details-grid .block ul li:nth-last-child(-n+1) .icon::before {
        height: 2rem;
        top: -1.9rem
    }
}

@media all and (max-width:1200px) {
    .ltr .details-grid .block ul li:nth-last-child(-n+1) .icon::before {
        height: 2rem;
        top: -1.9rem
    }
}

@media all and (max-width:1199px) {
    .ltr .details-grid .block ul li:nth-last-child(-n+1) .icon::before {
        height: 3.6rem;
        top: -3.45rem
    }
}

@media all and (max-width:576px) {
    .ltr .details-grid .block ul li:nth-last-child(-n+1) .icon::before {
        height: 3.5rem;
        top: -3.45rem
    }
}

@media all and (max-width:428px) {
    .ltr .details-grid .block ul li:nth-last-child(-n+1) .icon::before {
        height: 3.5rem;
        top: -3.45rem
    }
}

@media all and (max-width:415px) {
    .details-grid .block ul li:nth-last-child(-n+1) .icon::before {
        height: 2rem;
        top: -1.85rem
    }

    .ltr .details-grid .block ul li:nth-last-child(-n+1) .icon::before {
        height: 3.6rem;
        top: -3.55rem
    }
}

.details-grid .block ul li {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: .75rem;
    font-size: .875rem;
}

    .details-grid .block ul li i {
        font-size: 1.5rem;
    }

    .details-grid .block ul li p {
        font-size: 1rem;
    }

:root {
    --aside-width: 26.125rem;
}

@media all and (max-width:1200px) {
    :root {
        --aside-width: 20.125rem
    }
}

.contact-us {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding-right: 0;
    padding-left: 12rem;
}

.rtl .contact-us {
    padding-right: 12rem;
    padding-left: 0;
}

@media all and (max-width:1200px) {
    .contact-us {
        padding-right: 0;
        padding-left: 6rem
    }

    .rtl .contact-us {
        padding-right: 6rem;
        padding-left: 0
    }
}

@media all and (max-width:992px) {
    .contact-us {
        padding-right: 0;
        padding-left: 0
    }

    .rtl .contact-us {
        padding-right: 0;
        padding-left: 0
    }
}

@media all and (max-width:768px) {
    .contact-us {
        height: auto !important
    }
}

.contact-us main {
    flex: 1 1 calc(100% - var(--aside-width));
    padding: 4rem 0;
}

.contact-us--head {
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}

.contact-us--head_title {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

    .contact-us--head_title h4 {
        font-weight: 700;
        margin-bottom: 0;
    }

.contact-us--body_form {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    max-width: 80%;
}

@media all and (max-width:1200px) {
    .contact-us--body_form {
        max-width: 100%
    }
}

@media all and (max-width:992px) {
    .contact-us--body_form {
        padding-bottom: 2rem
    }
}

.contact-us--body_form .step:not(.active) {
    display: none;
}

.contact-us--body_form_btns {
    display: flex;
    gap: 1.5rem;
}

@media all and (max-width:992px) {
    .contact-us--body_form_btns.sticky {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 1rem 1.5rem;
        background-color: var(--ab-white)
    }

        .contact-us--body_form_btns.sticky button:not([type=submit]) {
            border: none
        }

    .contact-us--body_form_btns_progress {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 4px;
        background-color: var(--ab-primary-light)
    }

    .contact-us--body_form_btns_progress-bar {
        width: 10%;
        height: 4px;
        background-color: var(--ab-primary);
        transition: width .2s ease-in-out
    }
}

.contact-us--body_form_btns button {
    min-width: 8rem;
}

    .contact-us--body_form_btns button:not(.active) {
        display: none;
    }

.contact-us--body .start-contact--body {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    max-width: 33rem;
}

@media all and (max-width:992px) {
    .contact-us--body .start-contact--body {
        max-width: 100%
    }
}

.contact-us--body .contact-order-details {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.contact-us--body .contact-order-details--section {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.contact-us--body .contact-order-details--section_inputs-row {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
}

    .contact-us--body .contact-order-details--section_inputs-row .group {
        flex: 1;
    }

    .contact-us--body .contact-order-details--section_inputs-row .ab-upload-area, .contact-us--body .contact-order-details--section_inputs-row .textarea {
        width: 100%;
    }

@media all and (max-width:768px) {
    .contact-us--body .contact-order-details--section_inputs-row {
        flex-wrap: wrap;
        gap: 1rem
    }

        .contact-us--body .contact-order-details--section_inputs-row ab-input {
            flex: 1 0 100%
        }
}

.contact-us--body .contact-order-review {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

    .contact-us--body .contact-order-review section {
        display: flex;
        flex-direction: column;
        gap: .75rem;
        padding-bottom: 2rem;
    }

        .contact-us--body .contact-order-review section:not(:last-child) {
            border-bottom: 1px solid var(--ab-grey-300);
        }

    .contact-us--body .contact-order-review ab-list-item {
        padding: .75rem 1rem;
    }

.contact-us--body .contact-order-review--info_content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

    .contact-us--body .contact-order-review--info_content .nav-item {
        display: flex;
        flex-direction: column;
        gap: .25rem;
        align-items: flex-start;
        flex: 1 1 calc(50% - 1rem);
    }

.contact-us--body .contact-order-review--attaches_item {
    display: flex;
    align-items: center;
    gap: .75rem;
    border-radius: .5rem;
    background-color: var(--ab-white);
    border: 1px solid var(--ab-grey-300);
    padding: .75rem 1rem;
    width: 50%;
}

@media all and (max-width:768px) {
    .contact-us--body .contact-order-review--attaches_item {
        width: 100%
    }
}

.contact-us--body .contact-order-review--attaches_item_info_title {
    font-size: 1rem;
    font-weight: 700;
    color: var(--ab-text-primary);
}

.contact-us--body .contact-order-review--pay-method {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}