:root {
    --colors-white: #ffffff;
    --colors-white-20: rgb(255 255 255 / 30%);
    --colors-white-30: rgb(255 255 255 / 30%);
    --colors-white40: rgb(255 255 255 / 40%);
    --colors-white-60: rgb(255 255 255 / 60%);
    --colors-white-80: rgb(255 255 255 / 80%);
    --colors-white-90: rgb(255 255 255 / 90%);
    --colors-black-op: #00000017;
    /*Text Default Color*/
    --colors-title-Default: #161616; /*BY UI*/
    /*Neutral Colors*/
    --colors-gray-25: #FCFCFD;
    --colors-gray-50: #F9FAFB;
    --colors-gray-100: #F3F4F6;
    --colors-gray-200: #E5E7EB;
    --colors-gray-300: #D2D6DB;
    --colors-gray-400: #9DA4AE;
    --colors-gray-500: #6C737F;
    --colors-gray-600: #4D5761;
    --colors-gray-700: #384250;
    --colors-gray-800: #1F2A37;
    --colors-gray-900: #111927;
    --colors-gray-950: #0D121C;
    /*Primary Colors*/
    --colors-brand-25: #f7fdf9;
    --colors-brand-50: #f3fcf6;
    --colors-brand-100: #dff6e7;
    --colors-brand-200: #b8eacb;
    --colors-brand-300: #88d8ad;
    --colors-brand-400: #54c08a;
    --colors-brand-500: #25935f;
    --colors-brand-600: #1b8354;
    --colors-brand-700: #166a45;
    --colors-brand-800: #14573a;
    --colors-brand-900: #104631;
    --colors-brand-950: #092a1e;
    /*Secondary  Colors*/
    /*Gold color palette*/
    --colors-gold-25: #fffef7;
    --colors-gold-50: #fffef2;
    --colors-gold-100: #fffce6;
    --colors-gold-200: #fcf3bd;
    --colors-gold-300: #fae996;
    --colors-gold-400: #f7d54d;
    --colors-gold-500: #f5bd02;
    --colors-gold-600: #dba102;
    --colors-gold-700: #b87b02;
    --colors-gold-800: #945c01;
    --colors-gold-900: #6e3c00;
    --colors-gold-950: #472400;
    /*Lavender color palette*/
    --colors-lavender-25: #fefcff;
    --colors-lavender-50: #f9f5fa;
    --colors-lavender-100: #f2e9f5;
    --colors-lavender-200: #e1cce8;
    --colors-lavender-300: #ccadd9;
    --colors-lavender-400: #a57bba;
    --colors-lavender-500: #80519f;
    --colors-lavender-600: #6d428f;
    --colors-lavender-700: #532d75;
    --colors-lavender-800: #3d1d5e;
    --colors-lavender-900: #281047;
    --colors-lavender-950: #16072e;
    /*Semantic Colors*/
    /*Error color palette*/
    --colors-error-25: #fffbfa;
    --colors-error-50: #fef3f2;
    --colors-error-100: #fee4e2;
    --colors-error-200: #fecdca;
    --colors-error-300: #fda29b;
    --colors-error-400: #f97066;
    --colors-error-500: #f04438;
    --colors-error-600: #d92d20;
    --colors-error-700: #b42318;
    --colors-error-800: #912018;
    --colors-error-900: #7a271a;
    --colors-error-950: #55160c;
    /*Warning  color palette*/
    --colors-warning-25: #fffcf5;
    --colors-warning-50: #fffaeb;
    --colors-warning-100: #fef0c7;
    --colors-warning-200: #fedf89;
    --colors-warning-300: #fec84b;
    --colors-warning-400: #fdb022;
    --colors-warning-500: #f79009;
    --colors-warning-600: #dc6803;
    --colors-warning-700: #b54708;
    --colors-warning-800: #93370d;
    --colors-warning-900: #7a2e0e;
    --colors-warning-950: #4E1D09;
    /*Info color palette*/
    --colors-info-25: #f5faff;
    --colors-info-50: #EFF8FF;
    --colors-info-100: #d1e9ff;
    --colors-info-200: #b2ddff;
    --colors-info-300: #84caff;
    --colors-info-400: #53b1fd;
    --colors-info-500: #2e90fa;
    --colors-info-600: #1570ef;
    --colors-info-700: #175cd3;
    --colors-info-800: #1849a9;
    --colors-info-900: #194185;
    --colors-info-950: #102a56;
    /*Success color palette*/
    --colors-success-25: #f6fef9;
    --colors-success-50: #ecfdf3;
    --colors-success-100: #dcfae6;
    --colors-success-200: #abefc6;
    --colors-success-300: #75e0a7;
    --colors-success-400: #47cd89;
    --colors-success-500: #17b26a;
    --colors-success-600: #079455;
    --colors-success-700: #067647;
    --colors-success-800: #085d3a;
    --colors-success-900: #074d31;
    --colors-success-950: #053321;
    /*Gradient Colors*/
    --gradient-brand-600-500-90deg: linear-gradient( 90deg, var(--colors-brand-600) 0%, var(--colors-brand-500) 100% );
    --gradient-brand-700-600-45deg: linear-gradient( 45deg, var(--colors-brand-700) 0%, var(--colors-brand-600) 100% );
    --gradient-brand-800-600-45deg: linear-gradient( 45deg, var(--colors-brand-800) 0%, var(--colors-brand-600) 100% );
    --gradient-brand-800-600-90deg: linear-gradient( 90deg, var(--colors-brand-800) 0%, var(--colors-brand-600) 100% );
    --gradient-brand-800-700-26-5deg: linear-gradient( 26.5deg, var(--colors-brand-600) 0%, var(--colors-brand-700) 100% );
    --gradient-brand-900-600-45deg: linear-gradient( 45deg, var(--colors-brand-900) 0%, var(--colors-brand-600) 100% );
    /*Shadows*/
    --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    --shadow-sm: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
    --shadow-md: 0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.1);
    --shadow-lg: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
    --shadow-xl: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
    --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);
    --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);
    /*Typography!!!!!!!!!NEED ATTENTION*/
    --IBMPlexSansAR-R: "IBMPlexSansArabic-Regular";
    --IBMPlexSansAR-M: "IBMPlexSansArabic-Medium";
    --IBMPlexSansAR-SB: "IBMPlexSansArabic-SemiBold";
    --IBMPlexSansAR-B: "IBMPlexSansArabic-Bold";
    --IBMPlexSans-R: "IBMPlexSans-Regular-En";
    --IBMPlexSans-M: "IBMPlexSans-Medium-En";
    --IBMPlexSans-SB: "IBMPlexSans-SemiBold-En";
    --IBMPlexSans-B: "IBMPlexSans-Bold-En";
    /* --font-bahijRegular: "bahijRegular";
    --IBMPlexSansAR-M: "bahijSemiBold";
    --IBMPlexSansAR-B: "bahijBold";
    --font-bahijExtraBold: "bahijExtraBold";*/
    /* Spacing */
    --spacing-none: 0px;
    --spacing-xxs: 2px;
    --spacing-xs: 4px;
    --spacing-sm: 6px;
    --spacing-md: 8px;
    --spacing-lg: 12px;
    --spacing-xl: 16px;
    --spacing-2xl: 20px;
    --spacing-3xl: 24px;
    --spacing-4xl: 32px;
    --spacing-5xl: 40px;
    --spacing-6xl: 48px;
    --spacing-7xl: 64px;
    --spacing-8xl: 80px;
    --spacing-9xl: 96px;
    --spacing-10xl: 128px;
    --spacing-11xl: 160px;
    /*Display Font size and Line height*/
    --Display-2xlF: 72px;
    --Display-2xlL: 90px;
    --Display-xlF: 60px;
    --Display-xlL: 72px;
    --Display-lgF: 48px;
    --Display-lgL: 60px;
    --Display-mdF: 36px;
    --Display-mdL: 44px;
    --Display-smF: 30px;
    --Display-smL: 38px;
    --Display-xsF: 24px;
    --Display-xsL: 32px;
    /*Text Font size and Line height*/
    --Text-xlF: 20px;
    --Text-xlL: 30px;
    --Text-lgF: 18px;
    --Text-lgL: 28px;
    --Text-mdF: 16px;
    --Text-mdL: 24px;
    --Text-smF: 14px;
    --Text-smL: 20px;
    --Text-xsF: 12px;
    --Text-xsL: 18px;
    --Text-2xsF: 10px;
    --Text-2xsL: 14px;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-button {
    width: 0;
    height: 0;
}

::-webkit-scrollbar-thumb {
    background: var(--colors-gray-200);
    border: 0 none var(--colors-white);
    border-radius: 50px;
    transition: 0.3s;
}

    ::-webkit-scrollbar-thumb:hover {
        background: var(--colors-gray-600);
    }

    ::-webkit-scrollbar-thumb:active {
        background: var(--colors-gray-600);
    }

::-webkit-scrollbar-track {
    background: rgb(0 0 0 / 0.2);
}

    ::-webkit-scrollbar-track:hover {
        background: rgb(0 0 0 / 0.5);
    }

    ::-webkit-scrollbar-track:active {
        background: rgb(0 0 0 / 0.5);
    }

::-webkit-scrollbar-corner {
    background: #fff0;
}

html {
    overflow-y: scroll;
    max-width: 100%;
    height: auto;
}

body {
    margin: var(--spacing-none);
    padding: var(--spacing-none);
    font-family: var(--IBMPlexSansAR-R);
    overflow: auto;
    background-color: var(--colors-white);
}

html[lang="en-us"] .body {
    margin: var(--spacing-none);
    padding: var(--spacing-none);
    font-family: var(--IBMPlexSans-R);
    overflow: auto;
    background-color: var(--colors-white);
}

#sideNavBox {
    display: none;
}






@font-face {
    font-family: "IBMPlexSansArabic-Regular";
    src: url('../fonts/IBMPlexSansArabic-Regular.woff2');
    src: url('../fonts/IBMPlexSansArabic-Regular.woff2') format("truetype");
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IBMPlexSansArabic-Medium";
    src: url(../fonts/IBMPlexSansArabic-Medium.woff2);
    src: url(../fonts/IBMPlexSansArabic-Medium.woff2) format("truetype");
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IBMPlexSansArabic-SemiBold";
    src: url(../fonts/IBMPlexSansArabic-SemiBold.woff2);
    src: url(../fonts/IBMPlexSansArabic-SemiBold.woff2) format("truetype");
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IBMPlexSansArabic-Bold";
    src: url('../fonts/IBMPlexSansArabic-Bold.woff2');
    src: url('../fonts/IBMPlexSansArabic-Bold.woff2') format("truetype");
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IBMPlexSans-Medium-En";
    src: url('../fonts/IBMPlexSans-Medium.ttf');
    src: url('../fonts/IBMPlexSans-Medium.ttf') format("truetype");
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IBMPlexSans-Regular-En";
    src: url('../fonts/IBMPlexSans-Regular.ttf');
    src: url('../fonts/IBMPlexSans-Regular.ttf') format("truetype");
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IBMPlexSans-SemiBold-En";
    src: url('../fonts/IBMPlexSans-SemiBold.ttf');
    src: url('../fonts/IBMPlexSans-SemiBold.ttf') format("truetype");
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: "IBMPlexSans-Bold-En";
    src: url('../fonts/IBMPlexSans-Bold.ttf');
    src: url('../fonts/IBMPlexSans-Bold.ttf') format("truetype");
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'saudi_riyal';
    src: url('../fonts/saudi_riyal.eot?bdfc4l');
    src: url('../fonts/saudi_riyal.eot?bdfc4l#iefix') format('embedded-opentype'), url('../fonts/saudi_riyal.ttf') format('truetype'), url('../fonts/saudi_riyal.woff?bdfc4l') format('woff'), url('../fonts/saudi_riyal.svg?bdfc4l#saudi_riyal') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

/* Saudi Riyal Icon styling */
[class^="icon-"], [class*=" icon-"] {
    font-family: 'saudi_riyal' !important;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Dynamic color support */
.icon-saudi_riyal:before {
    content: "\e900";
    color: var(--colors-brand-700);
}



/* tooltip style*/
.tooltip .tooltip-inner {
    background-color: var(--colors-gray-800);
}

.tooltip .tooltip-arrow:before {
    border-top-color: var(--colors-gray-800);
}
/* container max width desktop */
.SANGcontainer {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

/* Actions Header Styles */
.secondNavBar {
    display: flex;
    gap: var(--spacing-5xl);
    flex-direction: column;
    position: relative;
    background-color: var(--colors-gray-100);
    padding: var(--spacing-none) var(--spacing-4xl);
    border-bottom: 1px solid var(--colors-gray-300);
    border-top: 1px solid var(--colors-gray-300);
}

.NavBarHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    min-height: 40px;
}

.navActions {
    display: flex;
    gap: var(--spacing-sm);
}

    .navActions .disabled {
        pointer-events: none;
        cursor: default;
    }

        .navActions .disabled i {
            color: var(--colors-gray-400);
        }

    .navActions a {
        text-decoration: none;
        cursor: pointer;
        border-radius: 4px;
    }

    .navActions i {
        display: flex;
        font-size: var(--Text-mdL); /*By UI*/
        line-height: var(--Text-xlL);
        color: var(--colors-gray-950); 
        height: 30px;
        width: 30px;
        align-items: center;
        justify-content: center;
    }

    .navActions a:hover {
        background-color: var(--colors-gray-200);
    }

    .navActions a:active {
        background-color: var(--colors-gray-300);
    }

    .navActions a:focus {
        outline: 2px solid var(--colors-gray-950) !important;
    }

#sharePage {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
}

    #sharePage i.hgi-stroke.hgi-arrow-down-01 {
        font-size: var(--Text-mdF);
        line-height: var(--Text-mdL);
        height: 20px;
        width: 20px;
    }

#sharePage-dropdown {
    z-index: 999;
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 40px;
    left: 85px;
    margin: 0;
    list-style: none;
    gap: var(--spacing-xs);
    background-color: var(--colors-white);
    padding: var(--spacing-md);
    border-radius: 4px;
    border: 1px solid var(--colors-gray-300);
}

html[lang="en-us"] #sharePage-dropdown {
    right: 85px;
    left: auto;
}

#sharePage-dropdown a {
    display: flex;
    align-items: center;
    /*gap: var(--spacing-xl);*/
    width: 150px;
    padding: var(--spacing-md) var(--spacing-xl);
    font-size: var(--Text-mdF);
    line-height: var(--Text-mdL);
    font-family: var(--IBMPlexSansAR-R);
}

    #sharePage-dropdown a:hover {
        background-color: var(--colors-gray-100);
    }

    #sharePage-dropdown a:active {
        background-color: var(--colors-gray-200);
    }

        #sharePage-dropdown a:hover span, #sharePage-dropdown a:active span {
            text-decoration: none; /*By UI*/
        }

    #sharePage-dropdown a i, #sharePage-dropdown a {
        color: var(--colors-gray-950);
    }

#sharePage-dropdown {
    display: none;
}

.navActions #sharePage-dropdown li {
    border-radius: 4px;
}

    .navActions #sharePage-dropdown li:hover {
        background-color: var(--colors-white-20);
    }

    .navActions #sharePage-dropdown li:active {
        background-color: var(--colors-white40);
    }

    .navActions #sharePage-dropdown li:focus {
        outline: 2px solid var(--colors-white) !important;
    }

/* Digital Stamp*/
.digitalStamp_wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.digitalStamp_heads {
    height: 40px;
    display: flex;
    align-items: center;
    gap: var(--spacing-xl);
}

.digitalStamp_icon {
    display: flex;
}

.digitalStamp_heads span {
    color: var(--colors-title-Default);
    font-family: var(--IBMPlexSansAR-SB);
    font-size: var(--Text-smF);
    line-height: var(--Text-smL);
}

.digitalStamp_link, .digitalStamp_link span, .digitalStamp_link:hover {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    color: var(--colors-brand-600); /*BY UI*/
    text-decoration: none;
}

    .digitalStamp_link:not(.collapsed) i {
        rotate: 180deg;
    }

.digitalStamp_content {
    display: none
}

    .digitalStamp_content.show {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-5xl);
        margin-bottom: var(--spacing-4xl);
    }

.digitalStamp_content_container {
    display: flex;
    gap: var(--spacing-2xl);
}

.digitalStamp_content_item {
    width: 100%;
    display: flex;
    gap: var(--spacing-3xl);
}

    .digitalStamp_content_item .icon {
        display: flex;
        min-width: 40px !important;
        height: 40px;
        justify-content: center;
        align-items: center;
        background-color: var(--colors-success-600);
        border-radius: 4px;
    }

        .digitalStamp_content_item .icon i {
            color: var(--colors-white);
            font-size: var(--Text-xlF);
        }

    .digitalStamp_content_item .content {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-md);
    }

        .digitalStamp_content_item .content h2 {
            color: var(--colors-title-Default);
            font-family: var(--IBMPlexSansAR-SB);
            font-size: var(--Text-lgF);
            line-height: var(--Text-lgL);
            margin: var(--spacing-none);
        }

            .digitalStamp_content_item .content h2 span {
                color: var(--colors-brand-600);
            }

        .digitalStamp_content_item .content p {
            color: var(--colors-title-Default);
            font-family: var(--IBMPlexSansAR-R);
            font-size: var(--Text-mdF);
            line-height: var(--Text-mdL);
            margin: var(--spacing-none);
        }

.digitalStamp_moreInfo {
    display: flex;
    align-items: center;
    gap: var(--spacing-3xl);
    padding: var(--spacing-md) var(--spacing-3xl);
    border-radius: 8px;
    background: var(--colors-white);
    color: var(--colors-title-Default);
}

    .digitalStamp_moreInfo a {
        color: var(--colors-brand-600);
    }

        .digitalStamp_moreInfo a:focus {
            outline: 2px solid var(--colors-gray-950) !important;
            border-radius: 4px;
        }

/* header style */
.navbar li.static.ms-verticalAlignTop.ms-listMenu-editLink.ms-navedit-editArea {
    display: none;
}

#mobileMenu, .nav-item .ms-navedit-editSpan {
    display: none;
}

.header {
    position: relative;
    padding: var(--spacing-none) var(--spacing-4xl);
    height: 72px;
    font-family: var(--IBMPlexSansAR-M);
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 99;
    border-bottom: 1px solid var(--colors-gray-300);
}

html[lang="en-us"] .header {
    font-family: var(--IBMPlexSans-M);
}

.Logo-MenuItems {
    height: 100%;
    width: 100%;
    display: flex;
    gap: var(--spacing-xl);
    flex: 3;
}

.header-logo {
    display: flex;
    align-items: center;
}

    .header-logo a {
        display: flex;
        gap: var(--spacing-md);
        text-decoration: none;
        height: 58px;
    }

.logo-title {
    display: flex;
    color: var(--colors-gray-950);
    font-size: var(--Text-mdF);
    line-height: var(--Text-mdL);
    align-items: center;
    width: 200px;
    font-family: var(--IBMPlexSansAR-SB);
}

html[lang="en-us"] .logo-title {
    width: 192px
}

.Menu-Items {
    display: flex;
    width: 100%;
}

    .Menu-Items .navbar {
        width: 100%;
    }

    .Menu-Items .navbar-expand-lg .navbar-collapse {
        justify-content: space-between;
        gap: var(--spacing-xl);
    }

    /*.Menu-Items #navbarNavDropdown,
    .Menu-Items #DeltaTopNavigation,*/
    .Menu-Items .ms-core-listMenu-horizontalBox,
    .Menu-Items .ms-core-listMenu-horizontalBox .ms-core-listMenu-root {
        height: 100%;
        display: flex;
        align-items: center;
    }

        .Menu-Items .ms-core-listMenu-horizontalBox .ms-core-listMenu-root .static {
            display: flex;
            align-items: center;
        }

    .Menu-Items .ms-core-listMenu-item,
    .ms-core-listMenu-item:link {
        color: var(--colors-gray-950) !important;
    }

    .Menu-Items .navbar,
    .Menu-Items .navbar ol,
    .Menu-Items .navbar ul {
        padding: var(--spacing-none);
        margin: var(--spacing-none);
    }

    .Menu-Items
    .ms-core-listMenu-horizontalBox
    .dynamic-children.additional-background {
        padding: var(--spacing-none);
        background-image: none;
        display: flex !important;
        gap: var(--spacing-xs);
        font-size: var(--Text-mdF);
    }

        .Menu-Items
        .ms-core-listMenu-horizontalBox
        .dynamic-children.additional-background:after {
            content: "";
            width: 24px;
            height: 22px;
            background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.60372 8.55529C6.7256 8.71666 7.08951 9.1984 7.30624 9.47611C7.74031 10.0323 8.33342 10.7714 8.97323 11.5083C9.61627 12.2489 10.2918 12.9702 10.8919 13.5005C11.1928 13.7663 11.4571 13.9684 11.6753 14.0999C11.8804 14.2235 12.0016 14.2493 12.0016 14.2493C12.0016 14.2493 12.1192 14.2235 12.3244 14.0999C12.5425 13.9684 12.8068 13.7663 13.1078 13.5005C13.7079 12.9702 14.3834 12.2489 15.0264 11.5083C15.6662 10.7714 16.2593 10.0323 16.6934 9.47608C16.9101 9.19837 17.2735 8.7173 17.3954 8.55593C17.6411 8.22241 18.1111 8.15047 18.4446 8.3961C18.7781 8.64173 18.8494 9.11123 18.6037 9.44476L18.6018 9.4473C18.474 9.61655 18.0971 10.1156 17.8759 10.3989C17.4321 10.9677 16.8216 11.7286 16.1591 12.4917C15.4997 13.2511 14.7741 14.0298 14.101 14.6245C13.7653 14.9212 13.425 15.1879 13.0988 15.3845C12.7932 15.5687 12.4063 15.75 11.9998 15.75C11.5933 15.75 11.2064 15.5687 10.9008 15.3845C10.5747 15.1879 10.2344 14.9212 9.89869 14.6245C9.22557 14.0298 8.4999 13.2511 7.84058 12.4917C7.17803 11.7286 6.5676 10.9677 6.12372 10.399C5.90243 10.1154 5.52551 9.61637 5.39793 9.44747L5.39628 9.44528C5.15064 9.11176 5.22154 8.64179 5.55506 8.39615C5.88857 8.15053 6.35808 8.22179 6.60372 8.55529Z" fill="%23161616"/></svg>');
            fill: var(--colors-gray-950);
            display: inline-block;
            background-repeat: no-repeat;
        }

    .Menu-Items
    .ms-core-listMenu-horizontalBox .selected
    .dynamic-children.additional-background:after {
        background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.60372 8.55529C6.7256 8.71666 7.08951 9.1984 7.30624 9.47611C7.74031 10.0323 8.33342 10.7714 8.97323 11.5083C9.61627 12.2489 10.2918 12.9702 10.8919 13.5005C11.1928 13.7663 11.4571 13.9684 11.6753 14.0999C11.8804 14.2235 12.0016 14.2493 12.0016 14.2493C12.0016 14.2493 12.1192 14.2235 12.3244 14.0999C12.5425 13.9684 12.8068 13.7663 13.1078 13.5005C13.7079 12.9702 14.3834 12.2489 15.0264 11.5083C15.6662 10.7714 16.2593 10.0323 16.6934 9.47608C16.9101 9.19837 17.2735 8.7173 17.3954 8.55593C17.6411 8.22241 18.1111 8.15047 18.4446 8.3961C18.7781 8.64173 18.8494 9.11123 18.6037 9.44476L18.6018 9.4473C18.474 9.61655 18.0971 10.1156 17.8759 10.3989C17.4321 10.9677 16.8216 11.7286 16.1591 12.4917C15.4997 13.2511 14.7741 14.0298 14.101 14.6245C13.7653 14.9212 13.425 15.1879 13.0988 15.3845C12.7932 15.5687 12.4063 15.75 11.9998 15.75C11.5933 15.75 11.2064 15.5687 10.9008 15.3845C10.5747 15.1879 10.2344 14.9212 9.89869 14.6245C9.22557 14.0298 8.4999 13.2511 7.84058 12.4917C7.17803 11.7286 6.5676 10.9677 6.12372 10.399C5.90243 10.1154 5.52551 9.61637 5.39793 9.44747L5.39628 9.44528C5.15064 9.11176 5.22154 8.64179 5.55506 8.39615C5.88857 8.15053 6.35808 8.22179 6.60372 8.55529Z" fill="%23ffffff"/></svg>');
    }

    .Menu-Items .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
        margin: var(--spacing-none);
        border: 0;
    }

    .Menu-Items .ms-core-listMenu-horizontalBox .ms-core-listMenu-root li a.static,
    .Menu-Items
    .ms-core-listMenu-horizontalBox
    .ms-core-listMenu-root
    li
    span.static,
    .header-action a,
    .header-action button {
        padding: var(--spacing-none) var(--spacing-xl);
        height: 70px;
        position: relative;
        border-radius: 4px;
        cursor: pointer;
        font-size: var(--Text-mdF);
    }

        .Menu-Items
        .ms-core-listMenu-horizontalBox
        .ms-core-listMenu-root
        li
        a.static:hover,
        .Menu-Items
        .ms-core-listMenu-horizontalBox
        .ms-core-listMenu-root
        li
        span.static:hover,
        .text-muted-link:hover {
            background-color: var(--colors-gray-100);
        }

            .Menu-Items
            .ms-core-listMenu-horizontalBox
            .ms-core-listMenu-root
            li
            a.static:hover:after,
            .Menu-Items
            .ms-core-listMenu-horizontalBox
            .ms-core-listMenu-root
            li
            span.static:hover:after,
            .text-muted-link:hover:after {
                content: "";
                display: block;
                width: calc(100% - 8px * 2);
                height: 8px;
                border-radius: 9999px;
                position: absolute;
                bottom: 0;
                left: 50%;
                transform: translate(-50%);
                background-color: var(--colors-gray-400);
            }

        .text-muted-link.active, .Menu-Items .ms-core-listMenu-horizontalBox .ms-core-listMenu-root li a.static.selected {
            font-weight: normal;
            color: var(--colors-white) !important;
            background-color: var(--colors-brand-700);
        }

            .text-muted-link.active i {
                color: var(--colors-white) !important;
            }

            .text-muted-link.active:after, .Menu-Items .ms-core-listMenu-horizontalBox .ms-core-listMenu-root li a.static.selected:after {
                content: "";
                display: block;
                width: calc(100% - 8px * 2);
                height: 8px;
                border-radius: 9999px;
                position: absolute;
                bottom: 0;
                left: 50%;
                transform: translate(-50%);
                background-color: var(--colors-brand-400);
            }

    .Menu-Items
    .ms-core-listMenu-horizontalBox
    .ms-core-listMenu-root
    .static:focus,
    .text-muted-link:focus {
        outline: 2px solid var(--colors-gray-950) !important;
        border-radius: 4px;
    }

    .Menu-Items
    .ms-core-listMenu-horizontalBox
    .ms-core-listMenu-root
    .static:active,
    .text-muted-link:active {
        background-color: var(--colors-gray-200) !important;
        border-radius: 4px;
    }

        .Menu-Items
        .ms-core-listMenu-horizontalBox
        .ms-core-listMenu-root
        li
        a.static:active:after,
        .Menu-Items
        .ms-core-listMenu-horizontalBox
        .ms-core-listMenu-root
        li
        span.static:active:after,
        .text-muted-link:active:after {
            background-color: var(--colors-brand-600);
        }

    .Menu-Items .navbar ul {
        display: flex;
    }

.header-action {
    height: 100%;
    display: flex;
}

.text-muted-link {
    font-size: var(--Text-mdF);
    color: var(--colors-title-Default);
    text-decoration: none !important;
    font-family: var(--IBMPlexSansAR-SB);
    line-height: var(--Text-mdLs);
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
}
.text-muted-link img{
width:24px;height:24px; /*By UI*/
}

    .text-muted-link.search {
        border: 0;
        min-width: auto;
    }

    .text-muted-link i {
        font-size: var(--Text-xlF);
        line-height: var(--Text-xlL);
        color: var(--colors-gray-950);
    }

.Menu-Items .navbar,
.Menu-Items li.static.hover {
    position: unset !important;
}

    .Menu-Items li.static.hover ul.dynamic {
        top: 72px !important;
        right: 0 !important;
        left: 0 !important;
        width: 100% !important;
        box-shadow: none;
        list-style: none;
        padding: var(--spacing-4xl);
        gap: var(--spacing-3xl);
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

        .Menu-Items li.static.hover ul.dynamic li {
            height: 100%;
            display: flex;
            flex-direction: column;
            gap: var(--spacing-lg);
        }

            .Menu-Items
            li.static.hover
            ul.dynamic
            li
            .dynamic-children.additional-background {
                background-image: none;
                cursor: default;
            }

                .Menu-Items
                li.static.hover
                ul.dynamic
                li
                .dynamic-children.additional-background
                .menu-item-text {
                    font-size: var(--Text-smF);
                    line-height: var(--Text-lgL);
                    color: var(--colors-brand-600);
                    font-family: var(--IBMPlexSansAR-B);
                    width: 100%;
                    padding: var(--spacing-none) var(--spacing-xl);
                }

                .Menu-Items
                li.static.hover
                ul.dynamic
                li .dynamic-children.additional-background:after {
                    background-image: none;
                }

            .Menu-Items li.static.hover ul.dynamic li ul.dynamic {
                display: flex;
                gap: var(--spacing-xs);
                position: unset;
                flex-direction: column;
                background: transparent;
                border: 0;
                padding: var(--spacing-none);
            }

                .Menu-Items li.static.hover ul.dynamic li a.ms-core-listMenu-item, .Menu-Items li.static.hover ul.dynamic li ul.dynamic li {
                    width: 100%;
                }

            .Menu-Items li.static.hover ul.dynamic li a.ms-core-listMenu-item {
                padding: var(--spacing-md) var(--spacing-xl);
            }

                .Menu-Items li.static.hover ul.dynamic li a.ms-core-listMenu-item:hover {
                    text-decoration: underline;
                    background: var(--colors-gray-100);
                    border-radius: 4px;
                }

                .Menu-Items li.static.hover ul.dynamic li a.ms-core-listMenu-item:focus {
                    text-decoration: underline;
                    background: transparent;
                    border-radius: 4px;
                    outline: 2px solid var(--colors-gray-950);
                }

                .Menu-Items li.static.hover ul.dynamic li a.ms-core-listMenu-item:active {
                    text-decoration: underline;
                    background: var(--colors-gray-200);
                    border-radius: 4px;
                }

            .Menu-Items li.static.hover ul.dynamic li a {
                display: flex;
                height: 100%;
                align-items: center;
            }

#navbarNavDropdown #DeltaBreadcrumbDropdown {
    display: none;
}
/* search Box style*/
.searchBoxDiv {
    display: none;
    position: absolute;
    top: 72px;
    right: 0;
    left: 0;
    background-color: var(--colors-white);
    padding: var(--spacing-4xl) var(--spacing-none);
    border: 1px solid var(--colors-gray-300);
}

    .searchBoxDiv .SANGcontainer {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-5xl);
        align-items: flex-end;
    }

.closebtnPopUp {
    height: 40px;
    width: 40px;
    min-width: 40px;
    border: 0;
    background: var(--colors-white);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-decoration: none !important;
}

    .closebtnPopUp i {
        color: var(--colors-gray-950);
        font-size: var(--Display-xsF);
        line-height: var(--Display-xsL);
    }

    .closebtnPopUp:hover {
        background-color: var(--colors-gray-100);
    }

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

    .closebtnPopUp:focus {
        background-color: transparent;
        outline: 2px solid var(--colors-gray-950) !important;
    }

.searchDiv {
    display: flex;
    gap: var(--spacing-xl);
    width: 100%;
}

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

html[lang="en"] #search-input-en {
    padding: var(--spacing-none) var(--spacing-md) var(--spacing-none) var(--spacing-5xl) !important;
    background-position: 16px !important;
}

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

.searchDiv .searchInput {
    background-color: transparent !important;
    border: 1px solid var(--colors-gray-400);
    padding: 0px 16px 0 8px;
    border-radius: 4px;
    font-size: var(--Text-mdF);
    line-height: var(--Text-mdL);
    width: 100%;
}

    .searchDiv .searchInput:hover {
        border: 1px solid var(--colors-gray-700);
    }

    .searchDiv .searchInput:focus, .searchDiv .searchInput:focus-visible {
        box-shadow: none;
        border: 1px solid var(--colors-gray-400);
        outline: none;
        border-bottom: 2px solid var(--colors-gray-950) !important;
    }

.searchDiv a {
    width: fit-content;
    text-decoration: none;
    padding: var(--spacing-md) var(--spacing-xl);
    font-size: var(--Text-mdF);
    line-height: var(--Text-mdL);
    font-family: var(--IBMPlexSansAR-R);
    background-color: var(--colors-brand-600);
    color: var(--colors-white);
    margin: var(--spacing-none);
    border-radius: 4px;
    cursor: pointer;
}

    .searchDiv a:hover {
        background-color: var(--colors-brand-700);
    }

    .searchDiv a:active {
        background-color: var(--colors-brand-900);
    }

    .searchDiv a:focus {
        height: 40px;
        padding: var(--spacing-sm) var(--spacing-xl);
        background-color: var(--colors-brand-900);
        border: 1px solid var(--colors-white);
        outline: 2px solid var(--colors-gray-950) !important;
    }

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

    .Suggestions h6 {
        color: var(--colors-brand-700);
        margin: 0;
        font-family: var(--IBMPlexSansAR-M);
        font-size: var(--Text-lgF);
        line-height: var(--Text-lgL);
    }

.SuggestionsTags {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: var(--spacing-md);
}

    .SuggestionsTags li {
        width: fit-content;
        position: relative;
        padding: var(--spacing-xxs) var(--spacing-md);
        font-size: var(--Text-xsF);
        margin: var(--spacing-none);
        border-radius: 4px;
        font-family: var(--IBMPlexSansAR-R);
        line-height: var(--Text-xsL);
        border: 1px solid var(--colors-gray-200);
        color: var(--colors-gray-800);
        background-color: var(--colors-gray-50);
        margin: var(--spacing-none);
    }
/* Footer style*/
.footer {
    background-color: var(--colors-success-900);
    color: var(--colors-white);
    padding: var(--spacing-5xl) var(--spacing-none) var(--spacing-3xl) var(--spacing-none);
    margin-top: 32px;
}

    .footer .SANGcontainer {
        display: flex;
        gap: var(--spacing-6xl);
        flex-direction: column;
    }

.nav-links {
    display: flex;
    gap: var(--spacing-3xl);
    justify-content: space-around;
    padding: var(--spacing-xl) var(--spacing-none) var(--spacing-5xl) var(--spacing-none);
    align-items: flex-start;
}

.sub-navLinks {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

.footer-row-title {
    border-bottom: 1px solid var(--colors-white-30);
    line-height: var(--Text-mdL);
    color: var(--colors-white);
    padding-bottom: var(--spacing-md);
    margin: var(--spacing-none);
    font-size: var(--Text-mdF);
    font-family: var(--IBMPlexSansAR-M);
}

.sub-navLinks a {
    color: var(--colors-white);
    font-size: var(--Text-smF);
    line-height: var(--Text-smL);
    text-decoration: none;
    font-family: 'IBMPlexSansArabic-Regular';
}

    .sub-navLinks a:hover, .footer-links-Div a:hover {
        text-decoration: underline;
        color: var(--colors-white-80);
    }

    .sub-navLinks a:visited, .footer-links-Div a:visited {
        color: var(--colors-white-90);
    }

    .sub-navLinks a:focus, .footer-links-Div a:focus {
        border: 2px solid var(--colors-white);
        border-radius: 4px;
    }

.sub-navLinks.social-col {
    gap: var(--spacing-4xl);
}

.social, .accessibility {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

.accessibility-tools,
.social-link {
    display: flex;
    gap: var(--spacing-md);
    justify-content: flex-start;
}

    .accessibility-tools a,
    .social-link a {
        text-decoration: none;
        display: flex;
        width: 38px !important;
        height: 38px !important;
        background-color: transparent;
        border: 1px solid var(--colors-white-30);
        border-radius: 4px;
        align-items: center;
        justify-content: center;
    }

        .accessibility-tools a:hover, .social-link a:hover {
            background-color: var(--colors-white-20);
            text-decoration: none;
        }

        .accessibility-tools a:focus, .social-link a:focus {
            border: 2px solid var(--colors-white);
            background-color: transparent;
            width: 38px !important;
            height: 38px !important;
        }

    .accessibility-tools .active {
        background-color: var(--colors-white-30);
    }

    .social-link .links i, .accessibility-tools a i {
        font-size: var(--Display-xsF);
        line-height: var(--Display-xsL);
        color: var(--colors-white);
    }

.footer-links-logo {
    padding: var(--spacing-xl) var(--spacing-none);
}

.footer-links-Div a {
    color: var(--colors-white);
    font-size: var(--Text-smF);
    line-height: var(--Text-smL);
    text-decoration: none;
}

.footer-logoCR-row {
    display: flex;
    justify-content: space-between;
    gap: var(--spacing-3xl);
}

.LegalCaption-col {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3xl);
    width: 100%;
}

.legalInfo-Date {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

.copyright-temp {
    font-size: var(--Text-smF);
    line-height: var(--Text-smL);
    font-family: var(--IBMPlexSansAR-M);
}

.footer-lastModifiedDate {
    font-family: var(--IBMPlexSansAR-R);
    font-size: var(--Text-smF);
    line-height: var(--Text-smL);
}

.copyright-col {
    display: flex;
    gap: var(--spacing-xl);
}

.footer-logo a {
    display: flex;
    text-decoration: unset;
    gap: var(--spacing-md);
}

    .footer-logo a .logo-title {
        display: flex;
        color: var(--colors-white);
        font-size: var(--Text-xsF);
        line-height: var(--Text-xsL);
        font-family: var(--IBMPlexSansAR-R);
        width: 142px;
    }

.footer-DigitalStamp, .footer-logo {
    display: flex;
    align-items: center;
}

.footer-vision2030, .footer-logo {
    display: flex;
    align-items: center;
}

    .footer-logo a {
        display: flex;
        gap: var(--spacing-md);
        text-decoration: none;
        height: 58px;
    }
/*primaryBTN SecondaryBTN Style*/
.SANG_primaryBTN {
    height: 40px;
    cursor: pointer;
    width: fit-content !important;
    min-width: fit-content !important;
    padding: var(--spacing-md) var(--spacing-xl) !important;
    font-size: var(--Text-mdF) !important;
    line-height: var(--Text-mdL) !important;
    font-family: var(--IBMPlexSansAR-M) !important;
    background-color: var(--colors-brand-600) !important;
    color: var(--colors-white) !important;
    margin: var(--spacing-xxs) !important; /*By UI*/
    border-radius: 4px !important;
    text-decoration: none !important;
    border: 0 !important;
}

    .SANG_primaryBTN:hover {
        background-color: var(--colors-brand-700) !important;
        text-decoration: none;
    }

    .SANG_primaryBTN:active {
        background-color: var(--colors-brand-900) !important;
        text-decoration: none;
    }

    .SANG_primaryBTN:focus {
        border: 1px solid var(--colors-white) !important;
        text-decoration: none;
        outline: 2px solid var(--colors-gray-950) !important;
    }

.SANG_SecondaryBTN {
    height: 40px;
    min-width: fit-content !important;
    padding: var(--spacing-md) var(--spacing-xl) !important;
    font-size: var(--Text-mdF) !important;
    line-height: var(--Text-mdL) !important;
    font-family: var(--IBMPlexSansAR-M) !important;
    background-color: var(--colors-white) !important;
    color: var(--colors-gray-950) !important;
    margin: var(--spacing-none) !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    border: 0 !important;
    border: 1px solid var(--colors-gray-300) !important;
    width: auto !important;
}

    .SANG_SecondaryBTN:hover {
        background-color: var(--colors-gray-100) !important;
        border: 1px solid var(--colors-gray-200) !important;
    }

    .SANG_SecondaryBTN:active {
        background-color: var(--colors-gray-200) !important;
        border: 1px solid var(--colors-gray-300) !important;
    }

    .SANG_SecondaryBTN:focus {
        border: 1px solid var(--colors-white) !important;
        outline: 2px solid var(--colors-gray-950) !important;
    }
/* checkbox style*/
.EScheckboxDiv {
    display: flex;
    gap: var(--spacing-md);
    align-items: center;
}

    .EScheckboxDiv .checkbox {
        display: flex;
        width: 36px;
        height: 36px;
        align-items: center;
        justify-content: center;
    }

        .EScheckboxDiv .checkbox input[type=checkbox] {
            position: relative;
            cursor: pointer;
            width: 20px;
            height: 20px;
        }

            .EScheckboxDiv .checkbox input[type=checkbox]::before {
                content: "";
                display: block;
                position: absolute;
                width: 20px;
                height: 20px;
                top: 0;
                left: 0;
                border: 1px solid var(--colors-gray-500);
                background-color: var(--colors-white);
                border-radius: 2px;
            }

        .EScheckboxDiv .checkbox:hover {
            width: 36px;
            height: 36px;
            background-color: var(--colors-gray-100);
            border-radius: 9999px;
        }

            .EScheckboxDiv .checkbox:hover input[type=checkbox]::before {
                background-color: var(--colors-gray-100);
            }

        .EScheckboxDiv .checkbox input[type=checkbox]:active::before {
            background-color: var(--colors-gray-300);
        }

        .EScheckboxDiv .checkbox input[type=checkbox]:focus:before {
            outline: 2px solid var(--colors-gray-950) !important;
        }

        .EScheckboxDiv .checkbox input[type=checkbox]:checked:before {
            border: 1px solid var(--colors-brand-600);
            background-color: var(--colors-brand-600) !important;
        }

        .EScheckboxDiv .checkbox:hover input[type=checkbox]:checked:before {
            border: 1px solid var(--colors-brand-800);
            background-color: var(--colors-brand-800) !important;
        }

        .EScheckboxDiv .checkbox:hover input[type=checkbox]:checked:active:before {
            border: 1px solid var(--colors-brand-900);
            background-color: var(--colors-brand-900) !important;
        }

        .EScheckboxDiv .checkbox input[type=checkbox]:checked:after {
            content: "";
            display: block;
            width: 7px;
            height: 13px;
            border: solid var(--colors-white);
            border-width: 0 3px 3px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            position: absolute;
            top: 2px;
            left: 6px;
            border-radius: 2px;
        }
/* Radio Style */
.ESRadioDvi {
    display: flex;
    gap: var(--spacing-xl);
    align-items: center;
}

    .ESRadioDvi span {
        font-family: var(--IBMPlexSansAR-R);
        font-size: var(--Text-smF);
    }

    .ESRadioDvi .ESRadioItem {
        display: flex;
        gap: var(--spacing-md);
        align-items: center;
    }

        .ESRadioDvi .ESRadioItem .radio {
            display: flex;
            width: 36px;
            height: 36px;
            align-items: center;
            justify-content: center;
        }

            .ESRadioDvi .ESRadioItem .radio:hover {
                width: 36px;
                height: 36px;
                background-color: var(--colors-gray-100);
                border-radius: 9999px;
            }

                .ESRadioDvi .ESRadioItem .radio:hover input[type=radio]::before {
                    background-color: var(--colors-gray-100);
                }

            .ESRadioDvi .ESRadioItem .radio input[type=radio]:active::before {
                background-color: var(--colors-gray-300);
            }

            .ESRadioDvi .ESRadioItem .radio input[type=radio] {
                position: relative;
                cursor: pointer;
                width: 20px;
                height: 20px;
            }

                .ESRadioDvi .ESRadioItem .radio input[type=radio]:focus {
                    outline: 2px solid var(--colors-gray-950) !important;
                }

                .ESRadioDvi .ESRadioItem .radio input[type=radio]::before {
                    content: "";
                    display: block;
                    position: absolute;
                    width: 20px;
                    height: 20px;
                    top: 0;
                    left: 0;
                    border: 1px solid var(--colors-gray-500);
                    background-color: var(--colors-white);
                    border-radius: 999px;
                }

                .ESRadioDvi .ESRadioItem .radio input[type=radio]:checked:after {
                    content: "";
                    display: block;
                    position: absolute;
                    width: 12px;
                    height: 12px;
                    top: 4px;
                    left: 4px;
                    border: 1px solid var(--colors-brand-600);
                    background-color: var(--colors-brand-600);
                    border-radius: 999px;
                }

            .ESRadioDvi .ESRadioItem .radio:hover input[type=radio]:checked:after {
                border: 1px solid var(--colors-brand-800);
                background-color: var(--colors-brand-800) !important;
            }

            .ESRadioDvi .ESRadioItem .radio:hover input[type=radio]:checked:active:after {
                border: 1px solid var(--colors-brand-900);
                background-color: var(--colors-brand-900) !important;
            }

/*Feedback Section style*/
.FeedbackSection {
    padding: var(--spacing-none) !important;
}

    .FeedbackSection .last-modified {
        color: var(--colors-gray-800);
        font-family: var(--IBMPlexSansAR-R);
        font-size: var(--Text-smF);
        line-height: var(--Text-smL);
        padding: var(--spacing-xl) var(--spacing-none);
    }

    .FeedbackSection hr {
        margin: var(--spacing-none);
        height: 2px !important;
        background-color: var(--colors-brand-600);
        opacity: 1;
    }
/*querySurvey style*/
.home-QuerySurvey {
    padding-top: var(--spacing-3xl);
}

#querySurvey .questionFeedback {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#querySurvey .questionDiv {
    display: flex;
    align-items: center;
    gap: var(--spacing-xl);
    width: 100%;
}

#querySurvey .resultDiv {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: var(--spacing-xs);
    font-size: var(--Text-mdF);
    line-height: var(--Text-mdL);
}

#querySurvey .Fquestion {
    color: var(--colors-gray-800);
    font-family: var(--IBMPlexSansAR-R);
    font-size: var(--Text-mdF);
    line-height: var(--Text-mdL);
}

#feedbackOptions_yes, .feedbackOptions_no {
    padding: var(--spacing-4xl) var(--spacing-none);
}

.feedbackYSQ {
    margin: var(--spacing-none);
    color: var(--colors-gray-900);
    padding-bottom: var(--spacing-lg);
    font-family: var(--IBMPlexSansAR-B);
    font-size: var(--Text-mdF);
    line-height: var(--Text-mdL);
}

.feedbackYSQE {
    color: var(--colors-gray-500);
    font-family: var(--IBMPlexSansAR-M);
    font-size: var(--Text-smF);
    line-height: var(--Text-smL);
}

.feedbackOptions textarea {
    width: 400px;
    display: none;
    border: 1px solid var(--colors-gray-400);
    padding: var(--spacing-lg);
    border-radius: 4px;
}

    .feedbackOptions textarea:hover {
        border: 1px solid var(--colors-gray-700);
    }

    .feedbackOptions textarea:focus, .feedbackOptions textarea:focus-visible {
        border: 1px solid var(--colors-gray-400);
        outline: none;
        border-bottom: 2px solid var(--colors-gray-950) !important;
    }

#querySurvey #genderdiv {
    gap: var(--spacing-xl);
    align-items: center;
    padding-bottom: var(--spacing-4xl);
}

#querySurvey .captcha_BTNs {
    display: flex;
    gap: var(--spacing-xl);
}

#querySurvey_output .captchaSubmited {
    padding-top: var(--spacing-xl);
}

.feedbackMSG {
    display: flex;
    gap: var(--spacing-md);
    align-items: center;
}

    .feedbackMSG:before {
        display: inline-block;
        content: "";
        height: 24px !important;
        min-width: 24px !important;
        width: 24px !important;
        background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 11.0319 21.1015 10.0999 20.8267 9.22474C20.7025 8.82956 20.9223 8.40858 21.3175 8.28446C21.7126 8.16034 22.1336 8.38008 22.2577 8.77526C22.5778 9.79419 22.75 10.8777 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C13.1223 1.25 14.2058 1.42224 15.2247 1.74227C15.6199 1.86638 15.8397 2.28736 15.7155 2.68254C15.5914 3.07772 15.1704 3.29746 14.7753 3.17334C13.9001 2.89847 12.9681 2.75 12 2.75C6.89137 2.75 2.75 6.89137 2.75 12Z" fill="%231B8354"/><path d="M21.5577 3.50174C21.8348 3.19386 21.8099 2.71964 21.502 2.44254C21.1941 2.16544 20.7199 2.1904 20.4428 2.49828L11.9714 11.9107L9.03033 8.96968C8.73744 8.67678 8.26256 8.67678 7.96967 8.96968C7.67678 9.26257 7.67678 9.73744 7.96967 10.0303L11.4697 13.5303C11.6152 13.6758 11.814 13.7552 12.0197 13.7497C12.2254 13.7443 12.4198 13.6547 12.5575 13.5017L21.5577 3.50174Z" fill="%231B8354"/></svg>');
        background-repeat: no-repeat;
        background-position: center;
    }

/* captcha part style*/
.captchaDiv {
    width: 100% !important;
    display: flex;
    flex-direction: column;
}

    .captchaDiv .captchaImg, .form-group img {
        width: 100px;
    }

.captcha_codeDiv {
    display: flex;
    margin-top: auto;
    margin-bottom: auto;
    width: 100%;
    gap: var(--spacing-3xl);
}

.captcha_lable {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    align-items: center;
    justify-content: center;
}

    .captcha_lable .control-req {
        width: 100%;
    }

/*old captcha*/
.captcha {
    display: flex;
    width: 65% !important;
    margin-left: auto;
    margin-right: auto;
    gap: var(--spacing-3xl);
}

    .captcha span {
        transform: rotate(-6deg);
        margin: auto;
        font-size: var(--Display-xsF);
        line-height: var(--Display-xsL);
        font-weight: bolder;
        letter-spacing: 2px;
        font-family: var(--IBMPlexSansAR-B);
        background: -webkit-linear-gradient(var(--colors-brand-950),var(--colors-brand-100));
        -webkit-background-clip: text;
        -webkit-text-fill-color: #fff0;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

.code_div {
    position: relative;
    display: flex;
    margin-top: auto;
    margin-bottom: auto;
    width: 100%;
    gap: var(--spacing-3xl);
}

.captcha_lable {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}
/*end old captcha*/
/*refresh btn*/
.refresh_btn {
    height: 24px;
    width: 24px;
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.20455C7.1424 3.20455 3.20455 7.1424 3.20455 12C3.20455 16.8576 7.1424 20.7955 12 20.7955C16.8576 20.7955 20.7955 16.8576 20.7955 12H22.75C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C14.5994 1.25 16.9834 2.17319 18.8416 3.70792V2.22727H20.7962V6.13636C20.7962 6.55688 20.5272 6.93025 20.1283 7.06337C19.7294 7.1965 19.2901 7.05952 19.0375 6.72329C17.4312 4.58477 14.8769 3.20455 12 3.20455Z" fill="%231b8354"/></svg>');
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    left: 9px;
}

html[lang="en-us"] .refresh_btn {
    right: 9px;
    left: auto;
}
/*alert style*/
.alert {
    display: flex;
    margin: var(--spacing-none);
    padding: var(--spacing-xl) var(--spacing-3xl);
    align-items: center;
    border-radius: 8px;
    background: var(--colors-white);
    position: relative;
    overflow: hidden;
    font-family: var(--IBMPlexSansAR-M);
    gap: var(--spacing-xl);
}

.alert-body > * {
    padding: var(--spacing-none);
    margin: var(--spacing-none) !important;
}

.alert-body {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

    .alert-body h6 {
        font-family: var(--IBMPlexSansAR-M);
        font-size: var(--Text-mdF);
        line-height: var(--Text-mdL);
    }

    .alert-body .alert-p {
        text-align: justify;
        font-family: var(--IBMPlexSansAR-R);
        font-size: var(--Text-smF);
        line-height: var(--Text-smL);
    }

.alert.alert-danger {
    color: var(--colors-error-700);
    background-color: var(--colors-error-25);
    border: 1px solid var(--colors-error-200);
}

.alert.alert-success {
    color: var(--colors-brand-700);
    background-color: var(--colors-brand-25);
    border: 1px solid var(--colors-brand-200);
}

.alert-danger:after {
    content: "";
    display: block;
    height: 100%;
    width: 8px;
    right: 0;
    top: 0;
    background-color: var(--colors-error-600);
    opacity: 0.7;
    position: absolute;
}

.alert-success:after {
    content: "";
    display: block;
    height: 100%;
    width: 8px;
    right: 0;
    top: 0;
    background-color: var(--colors-brand-600);
    opacity: 0.7;
    position: absolute;
}

.alert.alert-fill.alert-success.alert-icon:before {
    content: "";
    display: block;
    height: 40px;
    width: 40px;
    min-width: 40px;
    background: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 20C0 8.95431 8.95431 0 20 0C31.0457 0 40 8.95431 40 20C40 31.0457 31.0457 40 20 40C8.95431 40 0 31.0457 0 20Z" fill="%23ECFDF3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M26.2647 14.9645C26.5144 15.2029 26.5236 15.5985 26.2853 15.8482L17.5353 25.0148C17.4191 25.1366 17.2587 25.2063 17.0904 25.2083C16.9222 25.2102 16.7602 25.1442 16.6412 25.0252L13.7246 22.1086C13.4805 21.8645 13.4805 21.4688 13.7246 21.2247C13.9686 20.9806 14.3644 20.9806 14.6084 21.2247L17.0728 23.689L25.3811 14.9851C25.6194 14.7354 26.015 14.7262 26.2647 14.9645Z" fill="%23067647"/></svg>');
}

.alert.alert-fill.alert-danger.alert-icon:before {
    content: "";
    display: block;
    height: 40px;
    width: 40px;
    min-width: 40px;
    background: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 20C0 8.95431 8.95431 0 20 0C31.0457 0 40 8.95431 40 20C40 31.0457 31.0457 40 20 40C8.95431 40 0 31.0457 0 20Z" fill="%23FEF3F2"/><path d="M19.9998 16.4583C19.4245 16.4583 18.9582 16.9247 18.9582 17.5C18.9582 17.8451 18.6783 18.125 18.3332 18.125C17.988 18.125 17.7082 17.8451 17.7082 17.5C17.7082 16.2343 18.7342 15.2083 19.9998 15.2083C21.2655 15.2083 22.2915 16.2343 22.2915 17.5C22.2915 17.9552 22.1581 18.3813 21.928 18.7388C21.7839 18.9628 21.6154 19.1766 21.4601 19.3697L21.3763 19.4735C21.2474 19.633 21.1291 19.7795 21.0197 19.9298C20.7501 20.3004 20.6248 20.5789 20.6248 20.8333V21.25C20.6248 21.5951 20.345 21.875 19.9998 21.875C19.6547 21.875 19.3748 21.5951 19.3748 21.25V20.8333C19.3748 20.1672 19.7018 19.6164 20.009 19.1943C20.1387 19.016 20.2809 18.8401 20.4102 18.6802L20.4862 18.586C20.6405 18.3942 20.7719 18.2255 20.8768 18.0624C20.981 17.9005 21.0415 17.7083 21.0415 17.5C21.0415 16.9247 20.5751 16.4583 19.9998 16.4583Z" fill="%23B42318"/><path d="M19.9933 23.3333C19.5331 23.3333 19.16 23.7064 19.16 24.1666C19.16 24.6269 19.5331 25 19.9933 25H20.0008C20.461 25 20.8341 24.6269 20.8341 24.1666C20.8341 23.7064 20.461 23.3333 20.0008 23.3333H19.9933Z" fill="%23B42318"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.0415 20C11.0415 15.0524 15.0523 11.0416 19.9998 11.0416C24.9474 11.0416 28.9582 15.0524 28.9582 20C28.9582 24.9475 24.9474 28.9583 19.9998 28.9583C15.0523 28.9583 11.0415 24.9475 11.0415 20ZM19.9998 12.2916C15.7426 12.2916 12.2915 15.7428 12.2915 20C12.2915 24.2572 15.7426 27.7083 19.9998 27.7083C24.257 27.7083 27.7082 24.2572 27.7082 20C27.7082 15.7428 24.257 12.2916 19.9998 12.2916Z" fill="%23B42318"/></svg>');
    background-repeat: no-repeat;
}

html[lang="en-us"] .alert-danger:after, html[lang="en-us"] .alert-success:after {
    left: 0;
    right: auto;
}
/*all SANG lable style*/
.form-control {
    height: 40px;
    background-color: transparent !important;
    border: 1px solid var(--colors-gray-400);
    padding: var(--spacing-none) var(--spacing-xl) var(--spacing-none) var(--spacing-md) !important;
    border-radius: 4px !important;
    font-size: var(--Text-mdF);
    line-height: var(--Text-mdL);
    color: var(--colors-gray-500);
}

    .form-control:hover {
        border: 1px solid var(--colors-gray-700) !important;
    }

    .form-control:focus, .form-control:focus-visible, .form-control:active {
        box-shadow: none;
        border: 1px solid var(--colors-gray-400) !important;
        outline: none;
    }

    .form-control.input-error, .form-control.input-error:hover {
        border: 1px solid var(--colors-error-700) !important;
    }

        .form-control.input-error:focus, .form-control.input-error:focus-visible {
            border: 1px solid var(--colors-error-700) !important;
        }

.input-BAborder, button.form-control {
    width: 100%;
    display: flex;
    position: relative;
    align-items: center;
    overflow: hidden;
    border-radius: 3px;
}

    .input-BAborder:has(.form-control):after, button.form-control:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0%;
        height: 2px;
        background-color: var(--colors-gray-700);
        transform: translate(-50%);
        transition: width .5s ease-in-out;
    }

    .input-BAborder:has(.form-control.input-error):after, button.form-control.input-error:after {
        background-color: var(--colors-error-700);
    }

    .input-BAborder:has(.form-control:focus):after, button.form-control:focus:after {
        background-color: var(--colors-gray-700);
        width: 100%;
    }

    .input-BAborder:has(.form-control.input-error:focus):after, button.form-control.input-error:focus:after {
        background-color: var(--colors-error-700);
    }

/*control req style*/
.control-req {
    padding-right: 20px;
    position: relative;
    color: var(--colors-error-700);
    font-size: var(--Text-xsF);
    line-height: var(--Text-xsL);
}

html[lang="en-us"] .control-req {
    padding-left: 20px;
    padding-right: 0;
}

.control-req:before {
    position: absolute;
    top: 1px;
    right: 0;
    display: inline-block;
    content: "";
    height: 16px !important;
    min-width: 16px !important;
    width: 16px !important;
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.05998 5.99998C6.21672 5.55442 6.52608 5.17872 6.93328 4.9394C7.34048 4.70009 7.81924 4.61261 8.28476 4.69245C8.75028 4.7723 9.17252 5.01433 9.4767 5.37567C9.78087 5.737 9.94735 6.19433 9.94665 6.66665C9.94665 7.99998 7.94665 8.66665 7.94665 8.66665M7.99998 11.3333H8.00665M14.6666 7.99998C14.6666 11.6819 11.6819 14.6666 7.99998 14.6666C4.31808 14.6666 1.33331 11.6819 1.33331 7.99998C1.33331 4.31808 4.31808 1.33331 7.99998 1.33331C11.6819 1.33331 14.6666 4.31808 14.6666 7.99998Z" stroke="%23B42318" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    margin-left: var(--spacing-md);
}

html[lang="en-us"] .control-req:before {
    left: 0;
    right: auto;
    margin-right: var(--spacing-md);
    margin-left: var(--spacing-none);
}


/* old select style*/
select.form-control {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.60372 8.55529C6.7256 8.71666 7.08951 9.1984 7.30624 9.47611C7.74031 10.0323 8.33342 10.7714 8.97323 11.5083C9.61627 12.2489 10.2918 12.9702 10.8919 13.5005C11.1928 13.7663 11.4571 13.9684 11.6753 14.0999C11.8804 14.2235 12.0016 14.2493 12.0016 14.2493C12.0016 14.2493 12.1192 14.2235 12.3244 14.0999C12.5425 13.9684 12.8068 13.7663 13.1078 13.5005C13.7079 12.9702 14.3834 12.2489 15.0264 11.5083C15.6662 10.7714 16.2593 10.0323 16.6934 9.47608C16.9101 9.19837 17.2735 8.7173 17.3954 8.55593C17.6411 8.22241 18.1111 8.15047 18.4446 8.3961C18.7781 8.64173 18.8494 9.11123 18.6037 9.44476L18.6018 9.4473C18.474 9.61655 18.0971 10.1156 17.8759 10.3989C17.4321 10.9677 16.8216 11.7286 16.1591 12.4917C15.4997 13.2511 14.7741 14.0298 14.101 14.6245C13.7653 14.9212 13.425 15.1879 13.0988 15.3845C12.7932 15.5687 12.4063 15.75 11.9998 15.75C11.5933 15.75 11.2064 15.5687 10.9008 15.3845C10.5747 15.1879 10.2344 14.9212 9.89869 14.6245C9.22557 14.0298 8.4999 13.2511 7.84058 12.4917C7.17803 11.7286 6.5676 10.9677 6.12372 10.399C5.90243 10.1154 5.52551 9.61637 5.39793 9.44747L5.39628 9.44528C5.15064 9.11176 5.22154 8.64179 5.55506 8.39615C5.88857 8.15053 6.35808 8.22179 6.60372 8.55529Z" fill="%239DA4AE"/></svg>');
    background-repeat: no-repeat;
    background-size: 24px;
    background-position-y: center;
    background-position-x: 5px;
}

html[lang="en-us"] select.form-control {
    background-position-x: right;
}

select.form-control:hover, select.form-control:focus, select.form-control:focus-visible {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.60372 8.55529C6.7256 8.71666 7.08951 9.1984 7.30624 9.47611C7.74031 10.0323 8.33342 10.7714 8.97323 11.5083C9.61627 12.2489 10.2918 12.9702 10.8919 13.5005C11.1928 13.7663 11.4571 13.9684 11.6753 14.0999C11.8804 14.2235 12.0016 14.2493 12.0016 14.2493C12.0016 14.2493 12.1192 14.2235 12.3244 14.0999C12.5425 13.9684 12.8068 13.7663 13.1078 13.5005C13.7079 12.9702 14.3834 12.2489 15.0264 11.5083C15.6662 10.7714 16.2593 10.0323 16.6934 9.47608C16.9101 9.19837 17.2735 8.7173 17.3954 8.55593C17.6411 8.22241 18.1111 8.15047 18.4446 8.3961C18.7781 8.64173 18.8494 9.11123 18.6037 9.44476L18.6018 9.4473C18.474 9.61655 18.0971 10.1156 17.8759 10.3989C17.4321 10.9677 16.8216 11.7286 16.1591 12.4917C15.4997 13.2511 14.7741 14.0298 14.101 14.6245C13.7653 14.9212 13.425 15.1879 13.0988 15.3845C12.7932 15.5687 12.4063 15.75 11.9998 15.75C11.5933 15.75 11.2064 15.5687 10.9008 15.3845C10.5747 15.1879 10.2344 14.9212 9.89869 14.6245C9.22557 14.0298 8.4999 13.2511 7.84058 12.4917C7.17803 11.7286 6.5676 10.9677 6.12372 10.399C5.90243 10.1154 5.52551 9.61637 5.39793 9.44747L5.39628 9.44528C5.15064 9.11176 5.22154 8.64179 5.55506 8.39615C5.88857 8.15053 6.35808 8.22179 6.60372 8.55529Z" fill="%23384250"/></svg>');
    background-repeat: no-repeat;
    background-size: 24px;
    background-position-y: center;
    background-position-x: 5px;
}

/* scrollToTop btn style*/
.scrollToTop {
    background: var(--colors-gray-950);
    position: fixed;
    bottom: var(--spacing-sm);
    z-index: 999;
    right: 10px;
    border-radius: 4px;
    text-decoration: none !important;
    height: 40px;
    width: 40px;
    display: none;
}

    .scrollToTop i {
        color: var(--colors-white);
        font-size: var(--Display-xsF);
    }

    .scrollToTop.showScroll {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .scrollToTop.showScroll:hover {
            background: var(--colors-gray-800);
        }

        .scrollToTop.showScroll:focus {
            height: 36px;
            width: 36px;
            outline: 2px solid #161616;
            border: 2px solid #ffffff;
        }
/* Hide Red Message*/
#status_previewctl00_ctl19 {
    display: none;
}
/* Hide Class */
.hideCity {
    display: none !important;
}

/* Accessibility Tools Styles*/
#DeafServicePlace, #MrAccessInHand {
    background: var(--colors-gray-950) !important;
    border-radius: 4px !important;
    width: 40px !important;
    height: 40px !important;
}

#MrAccessInHand {
    left: 53px !important;
}

    #DeafServicePlace img, #MrAccessInHand img {
        width: 30px !important;
    }

/*SharePoint Top Ribbon Settings*/
.ms-core-webpartadder {
    z-index: 1;
}

    .ms-core-webpartadder .header {
        z-index: -1 !important;
    }
/*End SharePoint Top Ribbon Settings*/

.text-primerySANG {
    color: var(--colors-brand-900)
}

.s2 {
    display: none !important;
}


.SANG-loader {
    -webkit-animation: spin 0.7s linear infinite;
    -moz-animation: spin 0.7 linear infinite;
    animation: spin 0.7s linear infinite;
    border-color: rgba(97, 97, 97, 0.29);
    border-radius: 50%;
    border-style: solid;
    border-top-color: #a5577d;
    border-width: 2px;
    display: inline-block;
    height: 32px;
    left: 50%;
    mix-blend-mode: difference;
    overflow: hidden;
    position: absolute;
    transition: all 200ms ease-out;
    vertical-align: top;
    width: 32px;
    z-index: 4;
    position: absolute;
    left: 50%;
    margin: -39px 0px 0px -14px;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}