#content_form {
    margin-bottom: 5px;
}

.open>.dropdown-menu {
    background-color: var(--portalThemeColor4, #ffffff);
}

.open>.dropdown-menu>li>a {
    color: var(--portalThemeOnColor9, #1276ce);
}

.open .dropdown-menu>li>a:hover,
.dropdown-menu>.active>a:hover {
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, #1276ce);
    text-decoration: Underline;
}

.dropdown-menu>.active>a {
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, #1276ce);
    text-decoration: Underline;
}

.open .dropdown-menu>.active>a:focus {
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, #1276ce);
    text-decoration: Underline;
}

/*RTL and LTR logics based on language code*/

/* RTL Base */
.rtl {
    direction: rtl !important;
    text-align: right !important;
}

/* Reverse navbar, menus, flex layouts */
.rtl .navbar,
.rtl .menu,
.rtl .nav {
    flex-direction: row-reverse !important;
}

/* Logo adjustments */
.rtl .logo {
    margin-right: 0 !important;
    margin-left: 20px !important;
}

/* Dropdowns */
.rtl .dropdown-menu {
    text-align: right;
    direction: rtl;
}

/* LTR */
.ltr {
    direction: ltr;
    text-align: left;
}

.layout-wrapper {
    display: contents;
}


@font-face {
    font-family: "saudi_riyal";
    src: url("/saudi-riyal-fonts.woff2") format("woff2"),
        url("/saudi-riyal-fonts.woff") format("woff"),
        url("/saudi-riyal-fonts.ttf") format("truetype");
    font-weight: inherit;
    font-style: inherit;
}



/* @font-face {
    font-family: 'Proxima Nova';
    src: url('/ProximaNova-ExWide-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
} */

@font-face {
    font-family: 'Proxima Nova';
    src: url('/Proxima-Nova-Ragular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima-nova-wide-semibold';
    src: url('/ProximaNova-ExWide-Semibold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima-nova-wide-extrabold';
    src: url('/ProximaNova-ExWide-ExtraBold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: "Arabic Bukra";
    src:
        url("/29LTBukraVF.woff2") format("woff2"),
        url("/29LTBukraVariable-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    /* or 100 900 if this file is truly a variable font */
    font-display: swap;
}


/* Responsive CSS */
.container {
    padding: 0px var(--Spacing-S96, 16px);
    gap: 750px;
}

.page-title {
    color: #000;

    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--font-32, 32px);
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
}

.welcome-title {
    color: #101721;
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--font-32, 32px);
    font-style: normal;
    font-weight: 700;
    line-height: 64px;
    display: flex;
}

/* html[dir="rtl"] .welcome-title {
font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif'
} */



.welcome-sub-title {
    display: flex;
    gap: 8px;
    justify-items: center;
    color: #000;

    leading-trim: both;

    text-edge: cap;
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--font-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.title-message {
    color: #0f0f0f;

    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--font-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}



@media (min-width: 576px) {
    .welcome-title {
        font-size: 48px;
    }

    .title-message {
        font-size: var(--font-24, 24px);
        font-weight: 500;
    }

    .notification-list-item-date {
        text-align: right;
    }

}

.custom-table-container {}

.custom-table {
    width: 100%;
    border-collapse: separate;
}

.custom-table thead {}

.custom-table thead tr {}

html[dir="ltr"] .custom-table thead th:first-child {
    border-top-left-radius: 20px !important;
}

html[dir="rtl"] .custom-table thead th:first-child {
    border-top-right-radius: 20px !important;
}

html[dir="rtl"] .custom-table thead th {
    padding: 14px 24px 21px 0px;
}

html[dir="ltr"] .custom-table thead th {
    padding: 14px 0px 21px 24px;
}

.custom-table thead th {
    background: #1c2633 !important;
    color: #fff;
    font-family: var(--qiddiya-font-family);
    font-size: var(--table-font-14);
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    vertical-align: baseline !important;
    /* 150% */
}



.custom-table thead th div {
    display: flex;
    align-self: center;
    gap: 8px;
}

html[dir="ltr"] .custom-table thead th:last-child {
    border-top-right-radius: 20px !important;
}

html[dir="rtl"] .custom-table thead th:last-child {
    border-top-left-radius: 20px !important;
}

.custom-table thead tr:first-child {}

.custom-table tbody {
    background: #fff;
}

.custom-table tbody tr td {
    border-bottom: 1px solid #e5e7eb;
    padding: 24px;
    color: #111827;
    padding: 20px;
    font-family: var(--qiddiya-font-family);
    font-size: var(--table-font-14);
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

html[dir="rtl"] .custom-table tbody tr td:first-child {
    border-right: 1px solid #e5e7eb;
    ;
}

html[dir="rtl"] .custom-table tbody tr td:last-child {
    border-left: 1px solid #e5e7eb;
}

html[dir="ltr"] .custom-table tbody tr td:first-child {
    border-left: 1px solid #e5e7eb;
    ;
}

html[dir="ltr"] .custom-table tbody tr td:last-child {
    border-right: 1px solid #e5e7eb;
}

html[dir="ltr"] .custom-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 20px;

}

html[dir="ltr"] .custom-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 20px;

}

html[dir="rtl"] .custom-table tbody tr:last-child td:first-child {
    border-bottom-right-radius: 20px;

}

html[dir="rtl"] .custom-table tbody tr:last-child td:last-child {
    border-bottom-left-radius: 20px;

}

.custom-table tbody tr td a {
    text-decoration: none;
    color: #001b72;

    leading-trim: both;

    text-edge: cap;
    font-family: var(--qiddiya-font-family);
    font-size: var(--table-font-14);
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    cursor: pointer;
    /* 150% */
}

.custom-pagination {
    display: flex !important;
    justify-content: center;
    padding: 10px 0;
    gap: 8px;
    margin-top: 40px;
}

.custom-pagination li {
    display: flex;
    width: 40px;
    height: 40px;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
}

.custom-pagination li:first-child {
    border: 1px solid #d9d9d9;
}

.custom-pagination li:last-child {
    border: 1px solid #d9d9d9;
}

.custom-pagination li span {
    color: #232323;
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 20.4px */
    letter-spacing: -0.36px;
}

.custom-pagination .active {
    border-radius: 8px;
    background: #001b72;
    color: #fff;

}

.submit-inquiry-button {
    cursor: pointer;
    margin-top: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 416px;
    max-width: 100%;
    height: 64px;
    background: #001B72;
    border-radius: 32px;
    justify-self: center;
}

.custom-pagination .active span {
    color: #fff;
}

html[dir="rtl"] .custom-pagination li svg {
    transform: rotate(180deg);
}


.custom-pagination-container {}

.custom-btn {
    border: none;
    display: flex;
    padding: var(--Spacing-S8, 8px) var(--Spacing-S16, 16px);
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-S16, 16px);
    flex-shrink: 0;
    border-radius: var(--Spacing-S48, 48px);

    text-align: center;
    leading-trim: both;

    text-edge: cap;
    /* Eng/ButtonL/Semibold */
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--font-20-button);
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    width: 100%;
    /* 160% */
}

.custom-btn:active {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.custom-primary {
    color: #fff;
    background: #001b72;
}

.custom-default {
    border-radius: var(--Spacing-S48, 48px);
    border: 1px solid #001b72;
    background: var(--Color-Surface-Background-White, #fff);
    color: #001b72;
}

.modal-content {
    display: flex;
    /* padding: 40px 40px 32px 40px; */
    padding: 16px 32px 32px 32px;

    flex-direction: column;
    gap: 24px;

    border-radius: 20px;
    background: #fff;
}

.modal-body,
.modal-header {
    padding: 0px;
    border: none;
}

.qiddiya-form-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.qiddiya-form-group input {
    border: none;
    outline: none;
    box-shadow: none;
}

.qiddiya-form-group textarea,
.qiddiya-form-group select {
    border: none;
    outline: none;
    box-shadow: none;
}

.qiddiya-form-group input:focus,
.qiddiya-form-group textarea:focus,
.qiddiya-form-group select:focus {
    border: none !important;
    outline: none !important;
    box-shadow: 0 0 0 2px transparent !important;
}

.qiddiya-form-group .label {
    color: var(--Color-Text-Base1, #111011);
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--qiddiya-group-label-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.qiddiya-form-group .required {
    color: var(--Color-Feedback-Very-Bad, #e50e0e);
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--qiddiya-group-value-14);
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-left: 4px;
}

.qiddiya-form-group .text-box {
    background: var(--Color-Surface-Cards, #fff);
    height: 48px;
    align-self: stretch;
    width: 100%;
    color: var(--Color-Text-Base1, #111011);
    /* Eng/CaptionL/Regular */
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--qiddiya-group-label-16);
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 171.429% */
}

html[dir="ltr"] .qiddiya-form-group .text-box {
    padding: 8px 16px;
}

html[dir="rtl"] .qiddiya-form-group .text-box {
    padding: 8px 16px;
    text-align: right;
}

.qiddiya-form-group input,
.qiddiya-form-group textarea,
.qiddiya-form-group select {
    border-radius: var(--Spacing-S8, 8px);
    border: 1px solid var(--Color-Border-Stroke, #cecece);
}

.qiddiya-form-group .text-box::placeholder {
    color: var(--Color-Text-Placeholder, #888788) !important;
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--qiddiya-group-value-14);
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 171.429% */
}

.modal-lookup .modal-title {
    margin: 0px
}

.modal-lookup .modal-header {
    padding: 8px 20px;
}

.qiddiya-form-group .text-box:focus {
    border-radius: var(--Spacing-S8, 8px);
    border: 1px solid #001b72 !important;
    background: var(--Color-Surface-Cards, #fff);
    /* popup */
    box-shadow: 0 2.385px 14.308px 0 rgba(0, 0, 0, 0.13) !important;
}

.qiddiya-form-group .qiddiya-error-message {
    color: var(--Color-Feedback-Very-Bad, #e50e0e);
    /* Eng/CaptionL/Regular */
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--qiddiya-group-value-14);
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 171.429% */
}

.label {
    text-align: unset;
    padding: 0px;
    margin: 0px;
}


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

.countrycode-selector {
    border-right: 1px solid var(--Colors-Borders-Dark, #d2d2d2);
    background: var(--Colors-Primitives-Six, #f8f8f8);
    padding: 0 8px;
    border-radius: 8px 0px 0px 8px !important;
}

.mobile-input {
    border-radius: 0 8px 8px 0 !important;
}

.row-container {
    display: flex;
    flex-direction: column;
}

.pb-16 {
    padding-bottom: 16px;
}

.empty-card {
    place-items: center;
    width: 100%;
    justify-self: center;
}

.place-content-center {
    place-content: center;
}

.add-new-lead-btn {
    height: 32px;
    color: #fff;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.empty-card .empty-card-icon {
    position: relative;
}

.empty-card .empty-card-icon .base-icon-1 {}

.empty-card .empty-card-icon .base-icon-2 {
    position: absolute;
    left: 8px;
    top: 8px;
}

.empty-card .empty-card-icon .base-icon-3 {
    position: absolute;
    left: 21px;
    top: 21px;
}

.empty-card .empty-card-title {
    color: #0d0d12;

    text-align: center;
    /* Eng/H3/Bold */
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--font-24, 24px);
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 133.333% */
}

.empty-card .empty-card-message {
    color: var(--Color-Text-Base1, #111011);
    text-align: center;
    /* Eng/BodyL/Regular */
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin-top: 8px;
    /* 160% */
}

.custom-action-button-container {
    display: flex;
    justify-content: center;
}

.small-modal {
    max-width: 564px;
    place-self: center;
}

.action-container {
    display: flex;
    flex-direction: column;
}

.loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.confirmation-icon {
    position: relative;
    align-self: center;
}

.confirmation-title {
    color: #0d0d12;
    text-align: center;

    /* Eng/H3/Bold */
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--font-24, 24px);
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 133.333% */
}

#empty-section {
    display: none;
}

#details-section {
    display: none;
}

.top-seciton {
    background: linear-gradient(93deg,
            rgba(73, 149, 225, 0.14) 0%,
            rgba(255, 212, 173, 0.36) 98.17%);
}

.leads-section {
    background: white;
}

.flex-link {
    display: flex;
    gap: 8px;
    padding: var(--Spacing-S8, 8px) 0;
    align-items: center;
    color: #001b72;
    text-decoration: none;
    text-align: center;
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--font-footer-16, 16px);
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    cursor: pointer;
    /* 150% */
}

.prelogin-custom-card-footer a:focus {
    color: #001b72 !important;
}



.prelogin-global-lang-icon {
    width: 24px;
    /* Set your desired dimensions */
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='13'%20height='13'%20viewBox='0%200%2013%2013'%20fill='none'%3E%3Cpath%20d='M6.5%200C5.21442%200%203.95772%200.381218%202.8888%201.09545C1.81988%201.80968%200.986756%202.82484%200.494786%204.01256C0.00281635%205.20028-0.125905%206.50721%200.124899%207.76809C0.375703%209.02896%200.994767%2010.1872%201.90381%2011.0962C2.81285%2012.0052%203.97104%2012.6243%205.23192%2012.8751C6.49279%2013.1259%207.79973%2012.9972%208.98744%2012.5052C10.1752%2012.0132%2011.1903%2011.1801%2011.9046%2010.1112C12.6188%209.04229%2013%207.78558%2013%206.5C12.9982%204.77665%2012.3128%203.12441%2011.0942%201.90582C9.87559%200.687224%208.22335%200.00181989%206.5%200ZM4.85188%209H8.14813C7.8125%2010.1463%207.25%2011.1794%206.5%2011.9931C5.75%2011.1794%205.1875%2010.1463%204.85188%209ZM4.625%208C4.45917%207.00688%204.45917%205.99312%204.625%205H8.375C8.54083%205.99312%208.54083%207.00688%208.375%208H4.625ZM1%206.5C0.999568%205.99277%201.06961%205.48795%201.20813%205H3.61188C3.46271%205.99444%203.46271%207.00556%203.61188%208H1.20813C1.06961%207.51205%200.999568%207.00723%201%206.5ZM8.14813%204H4.85188C5.1875%202.85375%205.75%201.82063%206.5%201.00688C7.25%201.82063%207.8125%202.85375%208.14813%204ZM9.38813%205H11.7919C12.0694%205.98075%2012.0694%207.01925%2011.7919%208H9.38813C9.53729%207.00556%209.53729%205.99444%209.38813%205ZM11.3981%204H9.18375C8.92859%202.99594%208.50007%202.04415%207.9175%201.1875C8.66178%201.38751%209.35597%201.74108%209.95541%202.22546C10.5549%202.70984%2011.0463%203.31431%2011.3981%204ZM5.0825%201.1875C4.49994%202.04415%204.07142%202.99594%203.81625%204H1.60188C1.95371%203.31431%202.44515%202.70984%203.04459%202.22546C3.64404%201.74108%204.33822%201.38751%205.0825%201.1875ZM1.60188%209H3.81625C4.07142%2010.0041%204.49994%2010.9558%205.0825%2011.8125C4.33822%2011.6125%203.64404%2011.2589%203.04459%2010.7745C2.44515%2010.2902%201.95371%209.68569%201.60188%209ZM7.9175%2011.8125C8.50007%2010.9558%208.92859%2010.0041%209.18375%209H11.3981C11.0463%209.68569%2010.5549%2010.2902%209.95541%2010.7745C9.35597%2011.2589%208.66178%2011.6125%207.9175%2011.8125Z'%20fill='%23343330'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

@media (min-width: 576px) {
    .flex-link {
        justify-self: right;
    }

    .prelogin-global-lang-icon {

        background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='13'%20height='13'%20viewBox='0%200%2013%2013'%20fill='none'%3E%3Cpath%20d='M6.5%200C5.21442%200%203.95772%200.381218%202.8888%201.09545C1.81988%201.80968%200.986756%202.82484%200.494786%204.01256C0.00281635%205.20028-0.125905%206.50721%200.124899%207.76809C0.375703%209.02896%200.994767%2010.1872%201.90381%2011.0962C2.81285%2012.0052%203.97104%2012.6243%205.23192%2012.8751C6.49279%2013.1259%207.79973%2012.9972%208.98744%2012.5052C10.1752%2012.0132%2011.1903%2011.1801%2011.9046%2010.1112C12.6188%209.04229%2013%207.78558%2013%206.5C12.9982%204.77665%2012.3128%203.12441%2011.0942%201.90582C9.87559%200.687224%208.22335%200.00181989%206.5%200ZM4.85188%209H8.14813C7.8125%2010.1463%207.25%2011.1794%206.5%2011.9931C5.75%2011.1794%205.1875%2010.1463%204.85188%209ZM4.625%208C4.45917%207.00688%204.45917%205.99312%204.625%205H8.375C8.54083%205.99312%208.54083%207.00688%208.375%208H4.625ZM1%206.5C0.999568%205.99277%201.06961%205.48795%201.20813%205H3.61188C3.46271%205.99444%203.46271%207.00556%203.61188%208H1.20813C1.06961%207.51205%200.999568%207.00723%201%206.5ZM8.14813%204H4.85188C5.1875%202.85375%205.75%201.82063%206.5%201.00688C7.25%201.82063%207.8125%202.85375%208.14813%204ZM9.38813%205H11.7919C12.0694%205.98075%2012.0694%207.01925%2011.7919%208H9.38813C9.53729%207.00556%209.53729%205.99444%209.38813%205ZM11.3981%204H9.18375C8.92859%202.99594%208.50007%202.04415%207.9175%201.1875C8.66178%201.38751%209.35597%201.74108%209.95541%202.22546C10.5549%202.70984%2011.0463%203.31431%2011.3981%204ZM5.0825%201.1875C4.49994%202.04415%204.07142%202.99594%203.81625%204H1.60188C1.95371%203.31431%202.44515%202.70984%203.04459%202.22546C3.64404%201.74108%204.33822%201.38751%205.0825%201.1875ZM1.60188%209H3.81625C4.07142%2010.0041%204.49994%2010.9558%205.0825%2011.8125C4.33822%2011.6125%203.64404%2011.2589%203.04459%2010.7745C2.44515%2010.2902%201.95371%209.68569%201.60188%209ZM7.9175%2011.8125C8.50007%2010.9558%208.92859%2010.0041%209.18375%209H11.3981C11.0463%209.68569%2010.5549%2010.2902%209.95541%2010.7745C9.35597%2011.2589%208.66178%2011.6125%207.9175%2011.8125Z'%20fill='white'/%3E%3C/svg%3E");

    }
}

.flex-link:hover {
    color: #001b72 !important;
    text-decoration: none !important;
}

.related-section {
    background: linear-gradient(0deg, #fff1de 0%, #deecfa 100%) 0 0 / 100% 347px no-repeat, #ffffff;
}

.property-card {
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;

    border-radius: var(--Spacing-S24, 24px);
    border: 1px solid #eeeff2;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(228, 229, 231, 0.24);
}

.property-card .property-card-image {
    width: 100%;
}

.property-card .property-card-image img {
    width: inherit;
    border-radius: var(--Spacing-S16, 16px);
    height: 214px;
}

.property-card .property-card-title {
    color: #0d0d12;

    /* Eng/H4/Semibold */
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--font-22);
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    /* 145.455% */
}

.property-card .property-card-location-container {
    display: flex;
    gap: 4px;
    color: #4b5563;

    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--font-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

.svg-icon-label {
    margin-top: -2px;
    /* 150% */
}

.property-card .property-card-message-container {
    display: flex;
    gap: 4px;
    color: #4b5563;

    /* Eng/CaptionL/Regular */
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 171.429% */
}

.property-card-horiszontal {
    display: flex;
    padding: 16px;
    align-items: flex-start;
    gap: 23px;
    border-radius: 16px;
    border: 0.5px solid #e1e1e1;
    background: #fff;
}

.property-card-horiszontal-image-container img {
    width: 142px;
    height: 105px;
    border-radius: 16px;
}

.property-card-horiszontal-title {
    color: #232323;
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--font-16, 16px);
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
}

.property-card-horiszontal-sub-title {
    justify-items: center;
    display: flex;
    gap: 4px;
    color: #6c6c6c;
    /* Eng/CaptionL/Regular */
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-top: 8px;
    /* 171.429% */
}

.property-card-horiszontal .flex-link {
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    justify-self: left;
    padding: 0;
    /* 114.286% */
}

.slider-button {
    display: flex;
    justify-content: center;
    gap: 16px;
}

.custom-circle-btn {
    display: flex;
    width: 48px;
    height: 48px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    border-radius: var(--Spacing-S104, 104px);
    border: 1px solid #001b72;
}

.slide-btn-left {
    background: #ffffff;
}

.slide-btn-right {
    background: #001b72;
    color: #ffffff;
}

.custom-widget {
    padding: 24px;
    justify-content: center;
    align-items: flex-start;
    border-radius: var(--Spacing-S16, 16px);
    border: 1px solid #e5e7eb;
    background: var(--Color-Surface-Cards, #fff);
}

.custom-widget .price-container {
    display: flex;
    gap: 16px;
}

.custom-widget .price-container .eye-opened {
    margin-top: 3px;
}

.custom-widget-details {
    display: flex;

    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
}

.custom-widget-title {
    color: #8e909c;
    /* Ar/CaptionL/Regular */
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 171.429% */
}

html[dir="rtl"] .custom-widget-title {
    font-size: 12px;
}

.custom-widget-count {
    color: #000;

    /* Eng/H3/Semibold */
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    /* 133.333% */
}

html[dir="rtl"] .custom-widget-count {
    font-size: 16px;

}

.custom-widget-logo {
    display: flex;
    width: 56px;
    height: 56px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    border-radius: 100px;
    background: #edf1ff;
    margin-left: auto;
    margin-right: unset;
}

html[dir="rtl"] .custom-widget-logo {
    margin-left: unset;
    margin-right: auto;
}

.custom-row {
    display: flex;
    gap: 16px;
}


/* table css  */

.entitylist {
    border: none !important;
}

.view-grid table {
    width: 100%;
    border-collapse: separate;
}

html[dir="ltr"] .view-grid table thead th:first-child {
    border-top-left-radius: 20px !important;
}

html[dir="rtl"] .view-grid table thead th:first-child {
    border-top-right-radius: 20px !important;
}

.view-grid table thead th {
    background: #1c2633 !important;
    color: #fff;
    align-content: center;
    font-family: var(--qiddiya-font-family);
    font-size: var(--table-font-14);
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
}

html[dir="ltr"] .view-grid table thead th {
    padding: 14px 0px 21px 24px;
}

html[dir="rtl"] .view-grid table thead th {
    padding: 14px 24px 21px 0px;
}

.view-grid table thead th div {
    display: flex;
    align-self: center;
    gap: 8px;
}

html[dir="ltr"] .view-grid table thead th:last-child {
    border-top-right-radius: 20px !important;
}

html[dir="rtl"] .view-grid table thead th:last-child {
    border-top-left-radius: 20px !important;
}

.view-grid table thead tr:first-child {}

.view-grid table tbody {
    background: #fff;
}

.view-grid table tbody tr td {
    border-bottom: 1px solid #e5e7eb;
}

html[dir="ltr"] .view-grid table tbody tr td {
    padding: 14px 0px 14px 0px;
}

html[dir="rtl"] .view-grid table tbody tr td {
    padding: 14px 24px 14px 8px;
}


html[dir="ltr"] .view-grid table tbody tr td:first-child {
    border-left: 1px solid #e5e7eb;
}

html[dir="rtl"] .view-grid table tbody tr td:first-child {
    border-right: 1px solid #e5e7eb;
}

html[dir="ltr"] .view-grid table tbody tr td:last-child {
    border-right: 1px solid #e5e7eb;
}

html[dir="rtl"] .view-grid table tbody tr td:last-child {
    border-left: 1px solid #e5e7eb;
}


.view-grid table tbody tr td {

    color: #111827;

    font-family: var(--qiddiya-font-family);
    font-size: var(--table-font-14);
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

html[dir="ltr"] .view-grid table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 20px;
    border-left: 1px solid #e5e7eb;
}

html[dir="ltr"] .view-grid table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 20px;
}

html[dir="rtl"] .view-grid table tbody tr:last-child td:first-child {
    border-bottom-right-radius: 20px;
    border-right: 1px solid #e5e7eb;
}

html[dir="rtl"] .view-grid table tbody tr:last-child td:last-child {
    border-bottom-left-radius: 20px;
}

.sort-disabled .sr-only {
    position: inherit;
    text-wrap-mode: nowrap;
}


input[type="date"]:disabled {
    background-color: #F4F4F4;
}

.view-grid table tbody tr td a {
    color: #111827;
    font-family: var(--qiddiya-font-family);
    font-size: var(--table-font-14);
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.view-grid table tbody tr td .btn-primary {
    color: #001B72 !important;
    background: none !important;
    text-decoration: underline !important;

    leading-trim: both;

    text-edge: cap;
    font-family: var(--qiddiya-font-family);
    font-size: var(--font-14) !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 21px !important;
    /* 150% */
}

.jquery-bootstrap-pagination {
    display: none !important;
}

.pagination {
    display: flex !important;
    justify-content: center;
    padding: 10px 0;
    gap: 8px;
    display: none;
}

.pagination li a {
    display: flex;
    width: 40px;
    height: 40px;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;

    color: #232323;
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 20.4px */
    letter-spacing: -0.36px;
}

.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
    border-radius: 8px;
    background: #001b72 !important;
    color: #fff;
}

.entity-pager-prev-link {
    border: 1px solid #d9d9d9 !important;
}

.entity-pager-next-link {
    border: 1px solid #d9d9d9 !important;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}



.mb-16 {
    margin-bottom: 16px;
}

.mb-8 {
    margin-bottom: 8px;
}



:root {
    --qiddiya-font-family: "Proxima Nova", sans-serif;
    --table-font-14: 14px;
    --font-16: 16px;
    --qiddiya-group-label-16: 16px;
    --qiddiya-group-value-14: 14px;
    --font-footer-16: 16px;
    --font-14: 14px;
    --font-footer-14: 14px;
    --font-24: 24px;
    --font-32: 32px;
    --font-20-button: 20px;
    --font-22: 22px;
    --font-prelogin-button-22: 22px;


}

html[dir="rtl"] {
    --qiddiya-font-family: "Arabic Bukra", sans-serif;
    --font-20-button: 16px;
    --table-font-14: 12px;

    /* --font-16: 11px;
    --font-footer-14: 10px;
    --font-footer-16: 12px;
    --qiddiya-group-label-16: 12px;
    --qiddiya-group-value-14: 10px;
    --font-24: 19px;
    
    --font-22: 18px;
    --font-prelogin-button-22: 16px; */


}

.icon-saudi_riyal::before {
    content: "\e900";
    font-family: "saudi_riyal" !important;
    font-size: inherit;
    color: inherit;
}


.select-container {
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background-color: #fff;
}

.select-container .calendericon {
    margin-top: 6px;
}

select {
    cursor: pointer;
}

.select-container select {
    flex-grow: 1;
    padding: 5px 10px;
    border: none;
    background: transparent;
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--font-16, 16px);
    color: #333;
    outline: none;
    appearance: none;
    cursor: pointer;
}

.select-container select option {
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
}


html[dir="ltr"] .select-container::after {
    right: 20px;
}

html[dir="rtl"] .select-container::after {
    left: 20px;
}

.select-container::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    pointer-events: none;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.5896 6.91107C15.2641 6.58563 14.7365 6.58563 14.4111 6.91107L10.0003 11.3218L5.58958 6.91107C5.26414 6.58563 4.73651 6.58563 4.41107 6.91107C4.08563 7.23651 4.08563 7.76414 4.41107 8.08958L9.7057 13.3842C9.86842 13.5469 10.1322 13.5469 10.295 13.3842L15.5896 8.08958C15.915 7.76414 15.915 7.23651 15.5896 6.91107Z" fill="%23A7A8A8"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
}

.filter-title {
    color: #000;
    /* Eng/BodyL/Semibold */
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--font-20-button);
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    /* 160% */
}

.start-bottom-row {
    margin-top: 84px;
    align-items: center;
    gap: 32px;
}

.start-bottom {
    text-align-last: right;
}

.custom-clear-button {
    color: #001b72;

    text-align: center;
    leading-trim: both;

    text-edge: cap;
    /* Eng/ButtonXl/Semibold */
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--font-20-button);
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    /* 145.455% */
    cursor: pointer;
}

.mt-4 {
    margin-top: 4px;
}

.mt-8 {
    margin-top: 8px;

}

.mt-10 {
    margin-top: 10px;

}

.mt-12 {
    margin-top: 12px;

}


.mt-16 {
    margin-top: 16px;

}

.mt-24 {
    margin-top: 24px;

}

.mt-32 {
    margin-top: 32px;

}


.mt-35 {
    margin-top: 35px;

}

.mt-40 {
    margin-top: 40px;
}

.mt-48 {
    margin-top: 48px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-56 {
    margin-top: 56px;
}

.p-8 {
    padding: 8px;
}

.p-16 {
    padding: 16px;
}

.p-24 {
    padding: 24px;
}


.sorting-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M9.19254 13.3073C9.25065 13.3654 9.29674 13.4343 9.3282 13.5102C9.35965 13.5861 9.37584 13.6674 9.37584 13.7495C9.37584 13.8316 9.35965 13.913 9.3282 13.9889C9.29674 14.0647 9.25065 14.1337 9.19254 14.1917L6.69254 16.6917C6.63449 16.7498 6.56556 16.7959 6.48969 16.8274C6.41381 16.8588 6.33248 16.875 6.25035 16.875C6.16821 16.875 6.08688 16.8588 6.01101 16.8274C5.93514 16.7959 5.86621 16.7498 5.80816 16.6917L3.30816 14.1917C3.25009 14.1336 3.20403 14.0647 3.1726 13.9888C3.14118 13.913 3.125 13.8316 3.125 13.7495C3.125 13.6674 3.14118 13.5861 3.1726 13.5102C3.20403 13.4343 3.25009 13.3654 3.30816 13.3073C3.42544 13.1901 3.5845 13.1242 3.75035 13.1242C3.83247 13.1242 3.91379 13.1403 3.98966 13.1718C4.06553 13.2032 4.13447 13.2493 4.19253 13.3073L5.62535 14.7409V3.74952C5.62535 3.58375 5.6912 3.42478 5.80841 3.30757C5.92562 3.19036 6.08459 3.12452 6.25035 3.12452C6.41611 3.12452 6.57508 3.19036 6.69229 3.30757C6.8095 3.42478 6.87535 3.58375 6.87535 3.74952V14.7409L8.30816 13.3073C8.36621 13.2492 8.43514 13.2031 8.51101 13.1717C8.58688 13.1402 8.66821 13.124 8.75035 13.124C8.83248 13.124 8.91381 13.1402 8.98969 13.1717C9.06556 13.2031 9.13449 13.2492 9.19254 13.3073ZM16.6925 5.80733L14.1925 3.30733C14.1345 3.24922 14.0656 3.20312 13.9897 3.17167C13.9138 3.14021 13.8325 3.12402 13.7503 3.12402C13.6682 3.12402 13.5869 3.14021 13.511 3.17167C13.4351 3.20312 13.3662 3.24922 13.3082 3.30733L10.8082 5.80733C10.6909 5.9246 10.625 6.08366 10.625 6.24952C10.625 6.41537 10.6909 6.57443 10.8082 6.6917C10.9254 6.80898 11.0845 6.87486 11.2503 6.87486C11.4162 6.87486 11.5753 6.80898 11.6925 6.6917L13.1253 5.25811V16.2495C13.1253 16.4153 13.1912 16.5742 13.3084 16.6915C13.4256 16.8087 13.5846 16.8745 13.7503 16.8745C13.9161 16.8745 14.0751 16.8087 14.1923 16.6915C14.3095 16.5742 14.3753 16.4153 14.3753 16.2495V5.25811L15.8082 6.6917C15.9254 6.80898 16.0845 6.87486 16.2503 6.87486C16.4162 6.87486 16.5753 6.80898 16.6925 6.6917C16.8098 6.57443 16.8757 6.41537 16.8757 6.24952C16.8757 6.08366 16.8098 5.9246 16.6925 5.80733Z" fill="%230E0E0E"/></svg>') no-repeat center center;
    background-size: contain;
}

.sorting-up {

    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M9.19254 13.3073C9.25065 13.3654 9.29674 13.4343 9.3282 13.5102C9.35965 13.5861 9.37584 13.6674 9.37584 13.7495C9.37584 13.8316 9.35965 13.913 9.3282 13.9889C9.29674 14.0647 9.25065 14.1337 9.19254 14.1917L6.69254 16.6917C6.63449 16.7498 6.56556 16.7959 6.48969 16.8274C6.41381 16.8588 6.33248 16.875 6.25035 16.875C6.16821 16.875 6.08688 16.8588 6.01101 16.8274C5.93514 16.7959 5.86621 16.7498 5.80816 16.6917L3.30816 14.1917C3.25009 14.1336 3.20403 14.0647 3.1726 13.9888C3.14118 13.913 3.125 13.8316 3.125 13.7495C3.125 13.6674 3.14118 13.5861 3.1726 13.5102C3.20403 13.4343 3.25009 13.3654 3.30816 13.3073C3.42544 13.1901 3.5845 13.1242 3.75035 13.1242C3.83247 13.1242 3.91379 13.1403 3.98966 13.1718C4.06553 13.2032 4.13447 13.2493 4.19253 13.3073L5.62535 14.7409V3.74952C5.62535 3.58375 5.6912 3.42478 5.80841 3.30757C5.92562 3.19036 6.08459 3.12452 6.25035 3.12452C6.41611 3.12452 6.57508 3.19036 6.69229 3.30757C6.8095 3.42478 6.87535 3.58375 6.87535 3.74952V14.7409L8.30816 13.3073C8.36621 13.2492 8.43514 13.2031 8.51101 13.1717C8.58688 13.1402 8.66821 13.124 8.75035 13.124C8.83248 13.124 8.91381 13.1402 8.98969 13.1717C9.06556 13.2031 9.13449 13.2492 9.19254 13.3073Z" fill="%230E0E0E"/><path d="M16.6925 5.80733L14.1925 3.30733C14.1345 3.24922 14.0656 3.20312 13.9897 3.17167C13.9138 3.14021 13.8325 3.12402 13.7503 3.12402C13.6682 3.12402 13.5869 3.14021 13.511 3.17167C13.4351 3.20312 13.3662 3.24922 13.3082 3.30733L10.8082 5.80733C10.6909 5.9246 10.625 6.08366 10.625 6.24952C10.625 6.41537 10.6909 6.57443 10.8082 6.6917C10.9254 6.80898 11.0845 6.87486 11.2503 6.87486C11.4162 6.87486 11.5753 6.80898 11.6925 6.6917L13.1253 5.25811V16.2495C13.1253 16.4153 13.1912 16.5742 13.3084 16.6915C13.4256 16.8087 13.5846 16.8745 13.7503 16.8745C13.9161 16.8745 14.0751 16.8087 14.1923 16.6915C14.3095 16.5742 14.3753 16.4153 14.3753 16.2495V5.25811L15.8082 6.6917C15.9254 6.80898 16.0845 6.87486 16.2503 6.87486C16.4162 6.87486 16.5753 6.80898 16.6925 6.6917C16.8098 6.57443 16.8757 6.41537 16.8757 6.24952C16.8757 6.08366 16.8098 5.9246 16.6925 5.80733Z" fill="%2386BC25"/></svg>') no-repeat center center !important;
}

.sorting-down {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M9.19254 13.3073C9.25065 13.3654 9.29674 13.4343 9.3282 13.5102C9.35965 13.5861 9.37584 13.6674 9.37584 13.7495C9.37584 13.8316 9.35965 13.913 9.3282 13.9889C9.29674 14.0647 9.25065 14.1337 9.19254 14.1917L6.69254 16.6917C6.63449 16.7498 6.56556 16.7959 6.48969 16.8274C6.41381 16.8588 6.33248 16.875 6.25035 16.875C6.16821 16.875 6.08688 16.8588 6.01101 16.8274C5.93514 16.7959 5.86621 16.7498 5.80816 16.6917L3.30816 14.1917C3.25009 14.1336 3.20403 14.0647 3.1726 13.9888C3.14118 13.913 3.125 13.8316 3.125 13.7495C3.125 13.6674 3.14118 13.5861 3.1726 13.5102C3.20403 13.4343 3.25009 13.3654 3.30816 13.3073C3.42544 13.1901 3.5845 13.1242 3.75035 13.1242C3.83247 13.1242 3.91379 13.1403 3.98966 13.1718C4.06553 13.2032 4.13447 13.2493 4.19253 13.3073L5.62535 14.7409V3.74952C5.62535 3.58375 5.6912 3.42478 5.80841 3.30757C5.92562 3.19036 6.08459 3.12452 6.25035 3.12452C6.41611 3.12452 6.57508 3.19036 6.69229 3.30757C6.8095 3.42478 6.87535 3.58375 6.87535 3.74952V14.7409L8.30816 13.3073C8.36621 13.2492 8.43514 13.2031 8.51101 13.1717C8.58688 13.1402 8.66821 13.124 8.75035 13.124C8.83248 13.124 8.91381 13.1402 8.98969 13.1717C9.06556 13.2031 9.13449 13.2492 9.19254 13.3073Z" fill="%2386BC25"/><path d="M16.6925 5.80733L14.1925 3.30733C14.1345 3.24922 14.0656 3.20312 13.9897 3.17167C13.9138 3.14021 13.8325 3.12402 13.7503 3.12402C13.6682 3.12402 13.5869 3.14021 13.511 3.17167C13.4351 3.20312 13.3662 3.24922 13.3082 3.30733L10.8082 5.80733C10.6909 5.9246 10.625 6.08366 10.625 6.24952C10.625 6.41537 10.6909 6.57443 10.8082 6.6917C10.9254 6.80898 11.0845 6.87486 11.2503 6.87486C11.4162 6.87486 11.5753 6.80898 11.6925 6.6917L13.1253 5.25811V16.2495C13.1253 16.4153 13.1912 16.5742 13.3084 16.6915C13.4256 16.8087 13.5846 16.8745 13.7503 16.8745C13.9161 16.8745 14.0751 16.8087 14.1923 16.6915C14.3095 16.5742 14.3753 16.4153 14.3753 16.2495V5.25811L15.8082 6.6917C15.9254 6.80898 16.0845 6.87486 16.2503 6.87486C16.4162 6.87486 16.5753 6.80898 16.6925 6.6917C16.8098 6.57443 16.8757 6.41537 16.8757 6.24952C16.8757 6.08366 16.8098 5.9246 16.6925 5.80733Z" fill="%230E0E0E"/></svg>') no-repeat center center !important;

}

.sorting {

    cursor: pointer;
}

.form-title {
    color: #232222;
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--font-24, 24px);
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 133.333% */
}

.custom-breadcrumb {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 0 24px 0;
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--font-16, 16px);
    font-weight: 600;
    line-height: 24px;
    background: none;
    letter-spacing: 0%;
    vertical-align: middle;
    /* gap: 8px; */
    gap: 0;
}

.custom-breadcrumb li {
    display: flex;
    align-items: center;
    color: #888788;
    gap: 8px
}

.custom-breadcrumb .breadcrumb-arrow {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    box-sizing: border-box;
    background: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.0046 5.00632C10.1706 4.84034 10.4397 4.84034 10.6056 5.00632L13.2979 7.69861C13.4639 7.86454 13.4639 8.13355 13.298 8.29954L10.6067 10.9928C10.4408 11.1588 10.1717 11.1589 10.0057 10.993C9.83965 10.8271 9.83955 10.558 10.0055 10.392L11.9715 8.42451L2.99938 8.42783C2.76466 8.42792 2.57431 8.23771 2.57422 8.00299C2.57413 7.76827 2.76434 7.57792 2.99906 7.57783L11.9718 7.57451L10.0046 5.60736C9.83864 5.44138 9.83864 5.17229 10.0046 5.00632Z" fill="%23707070"/></svg>') no-repeat center;
    background-size: contain;
    font-size: 0;
    display: inline-block;
    margin-right: 7px;
}

.custom-breadcrumb li:last-child .breadcrumb-arrow {
    display: none;
}

/* .custom-breadcrumb li:not(:last-child) {
    position: relative;
    padding-right: 22px; 
    margin-right: 22px; 
}

.custom-breadcrumb li:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 6px; 
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.0046 5.00632C10.1706 4.84034 10.4397 4.84034 10.6056 5.00632L13.2979 7.69861C13.4639 7.86454 13.4639 8.13355 13.298 8.29954L10.6067 10.9928C10.4408 11.1588 10.1717 11.1589 10.0057 10.993C9.83965 10.8271 9.83955 10.558 10.0055 10.392L11.9715 8.42451L2.99938 8.42783C2.76466 8.42792 2.57431 8.23771 2.57422 8.00299C2.57413 7.76827 2.76434 7.57792 2.99906 7.57783L11.9718 7.57451L10.0046 5.60736C9.83864 5.44138 9.83864 5.17229 10.0046 5.00632Z" fill="%23707070"/></svg>') no-repeat center;
    background-size: contain;
} */

.custom-breadcrumb li.active {
    color: #001B72;
    padding-left: 2px;
}

.custom-breadcrumb a {
    color: #888788;
    text-decoration: none;
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-weight: 400;
    font-size: var(--font-16, 16px);
    line-height: 24px;
    opacity: 1;
    visibility: visible;
    transition: color 0.2s;
    letter-spacing: 0%;
    vertical-align: middle;
    text-decoration: none;
    cursor: pointer;
}

.custom-breadcrumb a:focus,
.custom-breadcrumb a:active {
    text-decoration: none !important;
}

.custom-breadcrumb a:hover {
    text-decoration: none;
    color: #888788;
}

.modal-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-footer .btn-primary,
.modal-footer .btn-default.cancel {
    margin-right: 8px;
}

.modal-content {
    border-radius: 20px !important;
}

.modal-body {
    padding: 40px;
}

.modal-header {
    padding: 20px 24px;
}

.modal-close-icon {
    cursor: pointer;
    display: flex;
    justify-self: right;

}

.chevron-up-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M20.031 15.5312C19.9614 15.6009 19.8787 15.6563 19.7876 15.694C19.6966 15.7318 19.599 15.7512 19.5004 15.7512C19.4019 15.7512 19.3043 15.7318 19.2132 15.694C19.1222 15.6563 19.0394 15.6009 18.9698 15.5312L12.0004 8.5609L5.03104 15.5312C4.89031 15.6719 4.69944 15.751 4.50042 15.751C4.30139 15.751 4.11052 15.6719 3.96979 15.5312C3.82906 15.3905 3.75 15.1996 3.75 15.0006C3.75 14.8016 3.82906 14.6107 3.96979 14.47L11.4698 6.96996C11.5394 6.90023 11.6222 6.84491 11.7132 6.80717C11.8043 6.76943 11.9019 6.75 12.0004 6.75C12.099 6.75 12.1966 6.76943 12.2876 6.80717C12.3787 6.84491 12.4614 6.90023 12.531 6.96996L20.031 14.47C20.1008 14.5396 20.1561 14.6223 20.1938 14.7134C20.2316 14.8044 20.251 14.902 20.251 15.0006C20.251 15.0992 20.2316 15.1967 20.1938 15.2878C20.1561 15.3788 20.1008 15.4616 20.031 15.5312Z" fill="%23343330"/></svg>') no-repeat center center;
    background-size: contain;
}

.confimation-message {
    color: #0D0D12;
    text-align: center;
    /* Eng/H3/Bold */
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--font-24, 24px);
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 133.333% */
}

.remove-value {
    display: none !important;
}

.qiddiya-form-group .custom-select-wrapper {
    position: relative;
    border-radius: 8px;
    border: 1px solid #cecece;
    background: #fff;
    color: #202020;
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.qiddiya-form-group .custom-select-wrapper select {
    border: none;
    width: 100%;
    height: 48px;
    padding: 8px 40px 8px 16px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    font-family: var(--qiddiya-font-family);
    font-size: var(--qiddiya-group-value-14);
    color: inherit;
}

html[dir="rtl"] .qiddiya-form-group .custom-select-wrapper select {
    padding: 8px 16px 8px 40px;
}

.qiddiya-form-group .custom-select-wrapper select:focus {
    outline: none;
    border: none;
}

html[dir="ltr"] .qiddiya-form-group .custom-select-wrapper::after {
    right: 8px;
}

html[dir="rtl"] .qiddiya-form-group .custom-select-wrapper::after {
    left: 8px;
}

.qiddiya-form-group .custom-select-wrapper::after {
    content: "";
    width: 24px;
    height: 24px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path d="M20.031 9.53104L12.531 17.031C12.4614 17.1008 12.3787 17.1561 12.2876 17.1938C12.1966 17.2316 12.099 17.251 12.0004 17.251C11.9019 17.251 11.8043 17.2316 11.7132 17.1938C11.6222 17.1561 11.5394 17.1008 11.4698 17.031L3.96979 9.53104C3.82906 9.39031 3.75 9.19944 3.75 9.00042C3.75 8.80139 3.82906 8.61052 3.96979 8.46979C4.11052 8.32906 4.30139 8.25 4.50042 8.25C4.69944 8.25 4.89031 8.32906 5.03104 8.46979L12.0004 15.4401L18.9698 8.46979C19.0395 8.40011 19.1222 8.34483 19.2132 8.30712C19.3043 8.26941 19.4019 8.25 19.5004 8.25C19.599 8.25 19.6965 8.26941 19.7876 8.30712C19.8786 8.34483 19.9614 8.40011 20.031 8.46979C20.1007 8.53947 20.156 8.6222 20.1937 8.71324C20.2314 8.80429 20.2508 8.90187 20.2508 9.00042C20.2508 9.09896 20.2314 9.19654 20.1937 9.28759C20.156 9.37863 20.1007 9.46136 20.031 9.53104Z" fill="%23707070"/></svg>') no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    pointer-events: none;
    transform: translateY(-50%);
}


.view-toolbar .input-group .form-control {
    height: 40px;
    border-radius: 4px 0 0 4px;
}

.view-toolbar .input-group-btn .btn {
    height: 40px;
    border-radius: 0 4px 4px 0;
    padding: 0 16px;
    display: flex;
    align-items: center;
}

.details-grid-container {
    display: none;
}

.details-card-container {
    display: block;

}

@media (min-width: 576px) {
    .details-card-container {
        display: none;
    }

    .details-grid-container {
        display: block;
    }

    .sorting-icon {

        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M9.19254 13.3073C9.25065 13.3654 9.29674 13.4343 9.3282 13.5102C9.35965 13.5861 9.37584 13.6674 9.37584 13.7495C9.37584 13.8316 9.35965 13.913 9.3282 13.9889C9.29674 14.0647 9.25065 14.1337 9.19254 14.1917L6.69254 16.6917C6.63449 16.7498 6.56556 16.7959 6.48969 16.8274C6.41381 16.8588 6.33248 16.875 6.25035 16.875C6.16821 16.875 6.08688 16.8588 6.01101 16.8274C5.93514 16.7959 5.86621 16.7498 5.80816 16.6917L3.30816 14.1917C3.25009 14.1336 3.20403 14.0647 3.1726 13.9888C3.14118 13.913 3.125 13.8316 3.125 13.7495C3.125 13.6674 3.14118 13.5861 3.1726 13.5102C3.20403 13.4343 3.25009 13.3654 3.30816 13.3073C3.42544 13.1901 3.5845 13.1242 3.75035 13.1242C3.83247 13.1242 3.91379 13.1403 3.98966 13.1718C4.06553 13.2032 4.13447 13.2493 4.19253 13.3073L5.62535 14.7409V3.74952C5.62535 3.58375 5.6912 3.42478 5.80841 3.30757C5.92562 3.19036 6.08459 3.12452 6.25035 3.12452C6.41611 3.12452 6.57508 3.19036 6.69229 3.30757C6.8095 3.42478 6.87535 3.58375 6.87535 3.74952V14.7409L8.30816 13.3073C8.36621 13.2492 8.43514 13.2031 8.51101 13.1717C8.58688 13.1402 8.66821 13.124 8.75035 13.124C8.83248 13.124 8.91381 13.1402 8.98969 13.1717C9.06556 13.2031 9.13449 13.2492 9.19254 13.3073ZM16.6925 5.80733L14.1925 3.30733C14.1345 3.24922 14.0656 3.20312 13.9897 3.17167C13.9138 3.14021 13.8325 3.12402 13.7503 3.12402C13.6682 3.12402 13.5869 3.14021 13.511 3.17167C13.4351 3.20312 13.3662 3.24922 13.3082 3.30733L10.8082 5.80733C10.6909 5.9246 10.625 6.08366 10.625 6.24952C10.625 6.41537 10.6909 6.57443 10.8082 6.6917C10.9254 6.80898 11.0845 6.87486 11.2503 6.87486C11.4162 6.87486 11.5753 6.80898 11.6925 6.6917L13.1253 5.25811V16.2495C13.1253 16.4153 13.1912 16.5742 13.3084 16.6915C13.4256 16.8087 13.5846 16.8745 13.7503 16.8745C13.9161 16.8745 14.0751 16.8087 14.1923 16.6915C14.3095 16.5742 14.3753 16.4153 14.3753 16.2495V5.25811L15.8082 6.6917C15.9254 6.80898 16.0845 6.87486 16.2503 6.87486C16.4162 6.87486 16.5753 6.80898 16.6925 6.6917C16.8098 6.57443 16.8757 6.41537 16.8757 6.24952C16.8757 6.08366 16.8098 5.9246 16.6925 5.80733Z"  fill="%23FFF"/></svg>') no-repeat center center;

    }

    .sorting-up {
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M9.19254 13.3073C9.25065 13.3654 9.29674 13.4343 9.3282 13.5102C9.35965 13.5861 9.37584 13.6674 9.37584 13.7495C9.37584 13.8316 9.35965 13.913 9.3282 13.9889C9.29674 14.0647 9.25065 14.1337 9.19254 14.1917L6.69254 16.6917C6.63449 16.7498 6.56556 16.7959 6.48969 16.8274C6.41381 16.8588 6.33248 16.875 6.25035 16.875C6.16821 16.875 6.08688 16.8588 6.01101 16.8274C5.93514 16.7959 5.86621 16.7498 5.80816 16.6917L3.30816 14.1917C3.25009 14.1336 3.20403 14.0647 3.1726 13.9888C3.14118 13.913 3.125 13.8316 3.125 13.7495C3.125 13.6674 3.14118 13.5861 3.1726 13.5102C3.20403 13.4343 3.25009 13.3654 3.30816 13.3073C3.42544 13.1901 3.5845 13.1242 3.75035 13.1242C3.83247 13.1242 3.91379 13.1403 3.98966 13.1718C4.06553 13.2032 4.13447 13.2493 4.19253 13.3073L5.62535 14.7409V3.74952C5.62535 3.58375 5.6912 3.42478 5.80841 3.30757C5.92562 3.19036 6.08459 3.12452 6.25035 3.12452C6.41611 3.12452 6.57508 3.19036 6.69229 3.30757C6.8095 3.42478 6.87535 3.58375 6.87535 3.74952V14.7409L8.30816 13.3073C8.36621 13.2492 8.43514 13.2031 8.51101 13.1717C8.58688 13.1402 8.66821 13.124 8.75035 13.124C8.83248 13.124 8.91381 13.1402 8.98969 13.1717C9.06556 13.2031 9.13449 13.2492 9.19254 13.3073Z" fill="%23FFF"/><path d="M16.6925 5.80733L14.1925 3.30733C14.1345 3.24922 14.0656 3.20312 13.9897 3.17167C13.9138 3.14021 13.8325 3.12402 13.7503 3.12402C13.6682 3.12402 13.5869 3.14021 13.511 3.17167C13.4351 3.20312 13.3662 3.24922 13.3082 3.30733L10.8082 5.80733C10.6909 5.9246 10.625 6.08366 10.625 6.24952C10.625 6.41537 10.6909 6.57443 10.8082 6.6917C10.9254 6.80898 11.0845 6.87486 11.2503 6.87486C11.4162 6.87486 11.5753 6.80898 11.6925 6.6917L13.1253 5.25811V16.2495C13.1253 16.4153 13.1912 16.5742 13.3084 16.6915C13.4256 16.8087 13.5846 16.8745 13.7503 16.8745C13.9161 16.8745 14.0751 16.8087 14.1923 16.6915C14.3095 16.5742 14.3753 16.4153 14.3753 16.2495V5.25811L15.8082 6.6917C15.9254 6.80898 16.0845 6.87486 16.2503 6.87486C16.4162 6.87486 16.5753 6.80898 16.6925 6.6917C16.8098 6.57443 16.8757 6.41537 16.8757 6.24952C16.8757 6.08366 16.8098 5.9246 16.6925 5.80733Z" fill="%2386BC25"/></svg>') no-repeat center center !important;
    }

    .sorting-down {
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M9.19254 13.3073C9.25065 13.3654 9.29674 13.4343 9.3282 13.5102C9.35965 13.5861 9.37584 13.6674 9.37584 13.7495C9.37584 13.8316 9.35965 13.913 9.3282 13.9889C9.29674 14.0647 9.25065 14.1337 9.19254 14.1917L6.69254 16.6917C6.63449 16.7498 6.56556 16.7959 6.48969 16.8274C6.41381 16.8588 6.33248 16.875 6.25035 16.875C6.16821 16.875 6.08688 16.8588 6.01101 16.8274C5.93514 16.7959 5.86621 16.7498 5.80816 16.6917L3.30816 14.1917C3.25009 14.1336 3.20403 14.0647 3.1726 13.9888C3.14118 13.913 3.125 13.8316 3.125 13.7495C3.125 13.6674 3.14118 13.5861 3.1726 13.5102C3.20403 13.4343 3.25009 13.3654 3.30816 13.3073C3.42544 13.1901 3.5845 13.1242 3.75035 13.1242C3.83247 13.1242 3.91379 13.1403 3.98966 13.1718C4.06553 13.2032 4.13447 13.2493 4.19253 13.3073L5.62535 14.7409V3.74952C5.62535 3.58375 5.6912 3.42478 5.80841 3.30757C5.92562 3.19036 6.08459 3.12452 6.25035 3.12452C6.41611 3.12452 6.57508 3.19036 6.69229 3.30757C6.8095 3.42478 6.87535 3.58375 6.87535 3.74952V14.7409L8.30816 13.3073C8.36621 13.2492 8.43514 13.2031 8.51101 13.1717C8.58688 13.1402 8.66821 13.124 8.75035 13.124C8.83248 13.124 8.91381 13.1402 8.98969 13.1717C9.06556 13.2031 9.13449 13.2492 9.19254 13.3073Z" fill="%2386BC25"/><path d="M16.6925 5.80733L14.1925 3.30733C14.1345 3.24922 14.0656 3.20312 13.9897 3.17167C13.9138 3.14021 13.8325 3.12402 13.7503 3.12402C13.6682 3.12402 13.5869 3.14021 13.511 3.17167C13.4351 3.20312 13.3662 3.24922 13.3082 3.30733L10.8082 5.80733C10.6909 5.9246 10.625 6.08366 10.625 6.24952C10.625 6.41537 10.6909 6.57443 10.8082 6.6917C10.9254 6.80898 11.0845 6.87486 11.2503 6.87486C11.4162 6.87486 11.5753 6.80898 11.6925 6.6917L13.1253 5.25811V16.2495C13.1253 16.4153 13.1912 16.5742 13.3084 16.6915C13.4256 16.8087 13.5846 16.8745 13.7503 16.8745C13.9161 16.8745 14.0751 16.8087 14.1923 16.6915C14.3095 16.5742 14.3753 16.4153 14.3753 16.2495V5.25811L15.8082 6.6917C15.9254 6.80898 16.0845 6.87486 16.2503 6.87486C16.4162 6.87486 16.5753 6.80898 16.6925 6.6917C16.8098 6.57443 16.8757 6.41537 16.8757 6.24952C16.8757 6.08366 16.8098 5.9246 16.6925 5.80733Z" fill="%23FFF"/></svg>') no-repeat center center !important;

    }


}


.mb-24 {
    margin-bottom: 24px;
}


.details-card {
    padding: 16px;
    align-items: center;
    border-radius: 16px;
    background: #F8F8F8;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
}

.card-label {
    color: #1C2633;
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    display: flex;
}


.card-value {
    color: #1F2937;
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.card-value a {
    color: #001B72;
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    cursor: pointer;
    text-decoration: underline;
}

html[dir="rtl"] .card-label{
        font-size:10px;

}
html[dir="rtl"] .card-value{
        font-size:10px;

}
html[dir="rtl"] .card-value a {
        font-size:10px;

}





.card-value a,
.card-value a:visited,
.card-value a:focus,
.card-value a:hover,
.card-value a:active {
    color: #001B72;
    text-decoration: underline;
}





/* Header Logo Signin pages CSS */

.prelogin-qiddiya-header-logo {}

.prelogin-mobile-header-icon {
    display: block;
}

.prelogin-desktop-header-icon {
    display: none;
}

@media (min-width: 576px) {

    .prelogin-mobile-header-icon {
        display: none;
    }

    .prelogin-desktop-header-icon {
        display: block;
    }

}

.prelogin-pageheader {
    padding: 32px 0px;

}

.prelogin-qiddiya-header-nav {
           float: right;
}

html[dir="rtl"] .prelogin-qiddiya-header-nav {
           float: left;
}

.prelogin-qiddiya-header-nav a {
    color: var(--Color-Text-Nav, #111011);
    display: flex;
    place-items: center;
    gap: 6px;
}

.self-center {
    align-self: anchor-center;
}

.para-container {
    height: -webkit-fill-available;
    align-content: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;

}

.para-container .title {
    color: #FFF;
    text-align: center;
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--font-32, 32px);
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
}

.para-container .follow-up-msg {
    width: 464px;
    justify-self: center;
    color: #FFF;

    text-align: center;
    /* Eng/H4/Regular */
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 145.455% */
}




.prelogin-custom-card {
    display: flex;
    padding: 48px;
    flex-direction: column;
    gap: 40px;
    border-radius: var(--Spacing-S40, 40px);
    border: 1px solid var(--Color-Primitives-Primitives-100, #F4F4F4);
    background: #FFF;
    box-shadow: 0 0 60.4px 0 rgba(0, 0, 0, 0.05);
}

.prelogin-custom-card-header {
    display: flex;
    flex-direction: column;
}

.prelogin-custom-card-body {
    display: flex;
    flex-direction: column;
}

.prelogin-custom-card-footer {

    color: var(--Color-Primitives-Primitives-700, #444344);
    text-align: center;
    /* Eng/BodyL/Regular */
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin-top: 24px;
    /* 160% */
}

.prelogin-custom-card-footer a {
    color: #001b72;
    text-decoration: none;
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
}


.prelogin-custom-card-footer a:hover {
    text-decoration: none;
    color: #001b72;

}

.prelogin-custom-card-message {
    color: #0D0D12;

    text-align: center;
    /* Eng/H3/Medium */
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--font-24, 24px);
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    /* 133.333% */
}

.prelogin-custom-card .notice-container {
    display: flex;
    gap: 8px;
    place-items: center;
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: 14px;

}

#captchaInput {

    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--qiddiya-group-value-14);
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: black;

}

#captchaInput::placeholder {
    color: var(--Color-Text-Placeholder, #888788) !important;
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--qiddiya-group-value-14);
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 171.429% */
}

.prelogin-custom-card-card-icon {
    display: flex;
    width: 64px;
    height: 64px;
    padding: 14px;
    justify-content: center;
    align-self: center;
    gap: 14px;
    aspect-ratio: 1/1;
    border-radius: 96px;
    border: 1px solid #4995E1;
    background: #4995E1;
    box-shadow: 0 2px 4px 0 rgba(27, 28, 29, 0.04);
}

.prelogin-custom-card-title {
    color: #0D0D12;

    text-align: center;
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--font-32, 32px);
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
}

.alert-info {
    display: none !important;
}

.prelogin-custom-card-subtitle {
    color: #515151;
    text-align: center;

    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}

.prelogin-custom-card-loginbuton {
    border: none;
    display: flex;
    height: 64px;
    padding: var(--Spacing-S16, 16px);
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-S16, 16px);
    align-self: stretch;
    border-radius: var(--Spacing-S48, 48px);
    background: #001B72;
    color: var(--Color-Text-White, #FFF);
    text-align: center;
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--font-prelogin-button-22);
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    width: 100%;
    margin-top: 25px;

}

.prelogin-custom-card .action-container {
    display: flex;
    flex-direction: column;
}

.prelogin-custom-card {
    display: flex;
    padding: 0px;
    flex-direction: column;
    gap: 16px;
    border-radius: none;
    border: none;
    background: none;
    box-shadow: none;
}




.prelogin-page-footer {
    align-items: center;
    padding: 32px 0px;
}

.prelogin-page-footer .footer-label {
    color: var(--Color-Primitives-Primitives-50, #000);

    leading-trim: both;
    text-edge: cap;
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--font-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

.prelogin-page-footer .prelogin-page-footer-menu {
    list-style: none;
    display: flex;
    gap: 8px;
    justify-self: right;

}

.pointer {
    cursor: pointer;

}


.prelogin-page-footer .prelogin-page-footer-menu li {
    display: flex;
    width: 48px;
    height: 48px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    border-radius: var(--Spacing-S104, 104px);
    background: #4995E1;
}

.prelogin-page-footer .prelogin-page-footer-menu li a {
    color: white;
    margin-top: -3px;
}



.footer-svg-icon {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    width: 20px;
    height: 20px;
}




.x-icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M11.4865 8.77491L17.3033 2H15.9249L10.8742 7.88256L6.84021 2H2.1875L8.28766 10.8955L2.1875 18H3.56596L8.89962 11.7878L13.1598 18H17.8125L11.4862 8.77491H11.4865ZM9.5985 10.9738L8.98043 10.0881L4.06264 3.03974H6.17988L10.1486 8.72795L10.7667 9.61374L15.9255 17.0075H13.8083L9.5985 10.9742V10.9738Z" fill="white"/></svg>');
}

.insta-icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10 6.25C9.25832 6.25 8.5333 6.46993 7.91661 6.88199C7.29993 7.29404 6.81928 7.87971 6.53545 8.56494C6.25162 9.25016 6.17736 10.0042 6.32206 10.7316C6.46675 11.459 6.8239 12.1272 7.34835 12.6517C7.8728 13.1761 8.54098 13.5333 9.26841 13.6779C9.99584 13.8226 10.7498 13.7484 11.4351 13.4645C12.1203 13.1807 12.706 12.7001 13.118 12.0834C13.5301 11.4667 13.75 10.7417 13.75 10C13.749 9.00576 13.3535 8.05253 12.6505 7.34949C11.9475 6.64645 10.9942 6.25103 10 6.25ZM10 12.5C9.50555 12.5 9.0222 12.3534 8.61107 12.0787C8.19995 11.804 7.87952 11.4135 7.6903 10.9567C7.50108 10.4999 7.45157 9.99723 7.54804 9.51227C7.6445 9.02732 7.8826 8.58186 8.23223 8.23223C8.58186 7.8826 9.02732 7.6445 9.51227 7.54804C9.99723 7.45157 10.4999 7.50108 10.9567 7.6903C11.4135 7.87952 11.804 8.19995 12.0787 8.61107C12.3534 9.0222 12.5 9.50555 12.5 10C12.5 10.663 12.2366 11.2989 11.7678 11.7678C11.2989 12.2366 10.663 12.5 10 12.5ZM13.75 1.875H6.25C5.09006 1.87624 3.97798 2.33758 3.15778 3.15778C2.33758 3.97798 1.87624 5.09006 1.875 6.25V13.75C1.87624 14.9099 2.33758 16.022 3.15778 16.8422C3.97798 17.6624 5.09006 18.1238 6.25 18.125H13.75C14.9099 18.1238 16.022 17.6624 16.8422 16.8422C17.6624 16.022 18.1238 14.9099 18.125 13.75V6.25C18.1238 5.09006 17.6624 3.97798 16.8422 3.15778C16.022 2.33758 14.9099 1.87624 13.75 1.875ZM16.875 13.75C16.875 14.5788 16.5458 15.3737 15.9597 15.9597C15.3737 16.5458 14.5788 16.875 13.75 16.875H6.25C5.4212 16.875 4.62634 16.5458 4.04029 15.9597C3.45424 15.3737 3.125 14.5788 3.125 13.75V6.25C3.125 5.4212 3.45424 4.62634 4.04029 4.04029C4.62634 3.45424 5.4212 3.125 6.25 3.125H13.75C14.5788 3.125 15.3737 3.45424 15.9597 4.04029C16.5458 4.62634 16.875 5.4212 16.875 6.25V13.75ZM15 5.9375C15 6.12292 14.945 6.30418 14.842 6.45835C14.739 6.61252 14.5926 6.73268 14.4213 6.80364C14.25 6.87459 14.0615 6.89316 13.8796 6.85699C13.6977 6.82081 13.5307 6.73152 13.3996 6.60041C13.2685 6.4693 13.1792 6.30225 13.143 6.1204C13.1068 5.93854 13.1254 5.75004 13.1964 5.57873C13.2673 5.40743 13.3875 5.26101 13.5417 5.158C13.6958 5.05498 13.8771 5 14.0625 5C14.3111 5 14.5496 5.09877 14.7254 5.27459C14.9012 5.4504 15 5.68886 15 5.9375Z" fill="white"/></svg>');
}

.youtube-icon {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M12.8469 9.47969L9.09688 6.97969C9.00273 6.91688 8.89329 6.88081 8.78024 6.87533C8.6672 6.86985 8.55479 6.89517 8.45501 6.94859C8.35523 7.00201 8.27183 7.08152 8.21371 7.17864C8.15559 7.27575 8.12493 7.38682 8.125 7.5V12.5C8.12493 12.6132 8.15559 12.7243 8.21371 12.8214C8.27183 12.9185 8.35523 12.998 8.45501 13.0514C8.55479 13.1048 8.6672 13.1302 8.78024 13.1247C8.89329 13.1192 9.00273 13.0831 9.09688 13.0203L12.8469 10.5203C12.9326 10.4633 13.0029 10.3859 13.0515 10.2951C13.1002 10.2044 13.1256 10.103 13.1256 10C13.1256 9.89702 13.1002 9.79564 13.0515 9.70487C13.0029 9.61409 12.9326 9.53674 12.8469 9.47969ZM9.375 11.332V8.67188L11.3734 10L9.375 11.332ZM18.307 5.43125C18.2334 5.14324 18.0924 4.87686 17.8955 4.65409C17.6987 4.43132 17.4517 4.25854 17.175 4.15C14.4969 3.11563 10.2344 3.125 10 3.125C9.76562 3.125 5.50312 3.11563 2.825 4.15C2.54825 4.25854 2.30128 4.43132 2.10445 4.65409C1.90762 4.87686 1.76658 5.14324 1.69297 5.43125C1.49063 6.21094 1.25 7.63594 1.25 10C1.25 12.3641 1.49063 13.7891 1.69297 14.5688C1.76647 14.8569 1.90746 15.1234 2.1043 15.3464C2.30113 15.5693 2.54816 15.7422 2.825 15.8508C5.39062 16.8406 9.40625 16.875 9.94844 16.875H10.0516C10.5938 16.875 14.6117 16.8406 17.175 15.8508C17.4518 15.7422 17.6989 15.5693 17.8957 15.3464C18.0925 15.1234 18.2335 14.8569 18.307 14.5688C18.5094 13.7875 18.75 12.3641 18.75 10C18.75 7.63594 18.5094 6.21094 18.307 5.43125ZM17.0969 14.2594C17.0731 14.3552 17.0269 14.4441 16.9621 14.5186C16.8973 14.5932 16.8158 14.6513 16.7242 14.6883C14.2516 15.643 10.0461 15.6258 10.0055 15.6258H10C9.95781 15.6258 5.75547 15.6414 3.28125 14.6883C3.18966 14.6513 3.10814 14.5932 3.04337 14.5186C2.97859 14.4441 2.9324 14.3552 2.90859 14.2594C2.71875 13.5461 2.5 12.232 2.5 10C2.5 7.76797 2.71875 6.45391 2.90313 5.74453C2.92649 5.64811 2.97248 5.55864 3.03728 5.48351C3.10208 5.40839 3.18383 5.34977 3.27578 5.3125C5.66016 4.39141 9.65547 4.375 9.98281 4.375H10.0039C10.0461 4.375 14.2523 4.36094 16.7227 5.3125C16.8142 5.34947 16.8958 5.40761 16.9605 5.48216C17.0253 5.55671 17.0715 5.64556 17.0953 5.74141C17.2812 6.45391 17.5 7.76797 17.5 10C17.5 12.232 17.2812 13.5461 17.0969 14.2555V14.2594Z" fill="white"/></svg>') no-repeat center / contain;
}

.tiktok-icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M17.5 5.625C16.5058 5.62397 15.5525 5.22855 14.8495 4.52551C14.1465 3.82247 13.751 2.86924 13.75 1.875C13.75 1.70924 13.6842 1.55027 13.5669 1.43306C13.4497 1.31585 13.2908 1.25 13.125 1.25H10C9.83424 1.25 9.67527 1.31585 9.55806 1.43306C9.44085 1.55027 9.375 1.70924 9.375 1.875V12.1875C9.37487 12.4671 9.29972 12.7415 9.15739 12.9822C9.01506 13.2229 8.81076 13.4209 8.5658 13.5557C8.32084 13.6905 8.0442 13.7571 7.76474 13.7486C7.48527 13.74 7.21322 13.6566 6.97695 13.5071C6.74069 13.3576 6.54888 13.1474 6.42152 12.8985C6.29416 12.6496 6.23592 12.3711 6.25288 12.092C6.26983 11.8129 6.36137 11.5435 6.51793 11.3119C6.67449 11.0802 6.89034 10.8948 7.14297 10.775C7.24983 10.7243 7.34011 10.6443 7.40331 10.5443C7.46651 10.4443 7.50004 10.3284 7.5 10.2102V6.875C7.50004 6.78364 7.48005 6.69338 7.44144 6.61058C7.40283 6.52778 7.34653 6.45446 7.27652 6.39576C7.2065 6.33707 7.12447 6.29444 7.03621 6.27088C6.94794 6.24731 6.85558 6.24339 6.76562 6.25938C3.97734 6.75625 1.875 9.30469 1.875 12.1875C1.875 13.7622 2.50056 15.2724 3.61405 16.3859C4.72755 17.4994 6.23778 18.125 7.8125 18.125C9.38722 18.125 10.8974 17.4994 12.0109 16.3859C13.1244 15.2724 13.75 13.7622 13.75 12.1875V9.08516C14.9075 9.6891 16.1944 10.003 17.5 10C17.6658 10 17.8247 9.93415 17.9419 9.81694C18.0592 9.69973 18.125 9.54076 18.125 9.375V6.25C18.125 6.08424 18.0592 5.92527 17.9419 5.80806C17.8247 5.69085 17.6658 5.625 17.5 5.625ZM16.875 8.72188C15.6536 8.61365 14.4841 8.17774 13.4898 7.46016C13.3964 7.39297 13.2862 7.35289 13.1714 7.34434C13.0566 7.33579 12.9417 7.3591 12.8394 7.4117C12.737 7.4643 12.6511 7.54415 12.5912 7.64244C12.5314 7.74074 12.4998 7.85365 12.5 7.96875V12.1875C12.5 13.4307 12.0061 14.623 11.1271 15.5021C10.248 16.3811 9.0557 16.875 7.8125 16.875C6.5693 16.875 5.37701 16.3811 4.49794 15.5021C3.61886 14.623 3.125 13.4307 3.125 12.1875C3.125 10.1641 4.425 8.34922 6.25 7.6875V9.84922C5.84598 10.1192 5.51878 10.4892 5.30031 10.9232C5.08184 11.3572 4.97954 11.8405 5.00339 12.3258C5.02724 12.8111 5.17641 13.282 5.43638 13.6925C5.69635 14.103 6.05825 14.4392 6.48679 14.6682C6.91533 14.8972 7.3959 15.0114 7.88166 14.9994C8.36742 14.9875 8.8418 14.8499 9.25857 14.6C9.67533 14.3502 10.0203 13.9966 10.2597 13.5738C10.4992 13.151 10.625 12.6734 10.625 12.1875V2.5H12.5391C12.6796 3.60085 13.1816 4.62389 13.9664 5.40862C14.7511 6.19335 15.7742 6.69538 16.875 6.83594V8.72188Z" fill="white"/></svg>');
}

.linkedin-icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M16.875 1.875H3.125C2.79348 1.875 2.47554 2.0067 2.24112 2.24112C2.0067 2.47554 1.875 2.79348 1.875 3.125V16.875C1.875 17.2065 2.0067 17.5245 2.24112 17.7589C2.47554 17.9933 2.79348 18.125 3.125 18.125H16.875C17.2065 18.125 17.5245 17.9933 17.7589 17.7589C17.9933 17.5245 18.125 17.2065 18.125 16.875V3.125C18.125 2.79348 17.9933 2.47554 17.7589 2.24112C17.5245 2.0067 17.2065 1.875 16.875 1.875ZM16.875 16.875H3.125V3.125H16.875V16.875ZM7.5 8.75V13.75C7.5 13.9158 7.43415 14.0747 7.31694 14.1919C7.19973 14.3092 7.04076 14.375 6.875 14.375C6.70924 14.375 6.55027 14.3092 6.43306 14.1919C6.31585 14.0747 6.25 13.9158 6.25 13.75V8.75C6.25 8.58424 6.31585 8.42527 6.43306 8.30806C6.55027 8.19085 6.70924 8.125 6.875 8.125C7.04076 8.125 7.19973 8.19085 7.31694 8.30806C7.43415 8.42527 7.5 8.58424 7.5 8.75ZM14.375 10.9375V13.75C14.375 13.9158 14.3092 14.0747 14.1919 14.1919C14.0747 14.3092 13.9158 14.375 13.75 14.375C13.5842 14.375 13.4253 14.3092 13.3081 14.1919C13.1908 14.0747 13.125 13.9158 13.125 13.75V10.9375C13.125 10.5231 12.9604 10.1257 12.6674 9.83265C12.3743 9.53962 11.9769 9.375 11.5625 9.375C11.1481 9.375 10.7507 9.53962 10.4576 9.83265C10.1646 10.1257 10 10.5231 10 10.9375V13.75C10 13.9158 9.93415 14.0747 9.81694 14.1919C9.69973 14.3092 9.54076 14.375 9.375 14.375C9.20924 14.375 9.05027 14.3092 8.93306 14.1919C8.81585 14.0747 8.75 13.9158 8.75 13.75V8.75C8.75078 8.59691 8.80771 8.44943 8.91001 8.33553C9.01231 8.22164 9.15285 8.14925 9.30498 8.1321C9.45711 8.11495 9.61024 8.15423 9.73533 8.2425C9.86041 8.33076 9.94876 8.46186 9.98359 8.61094C10.4064 8.32412 10.8993 8.15789 11.4095 8.13009C11.9196 8.1023 12.4277 8.21399 12.8792 8.45317C13.3306 8.69236 13.7084 9.05 13.972 9.48769C14.2355 9.92538 14.3748 10.4266 14.375 10.9375ZM7.8125 6.5625C7.8125 6.74792 7.75752 6.92918 7.6545 7.08335C7.55149 7.23752 7.40507 7.35768 7.23377 7.42864C7.06246 7.49959 6.87396 7.51816 6.6921 7.48199C6.51025 7.44581 6.3432 7.35652 6.21209 7.22541C6.08098 7.0943 5.99169 6.92725 5.95551 6.7454C5.91934 6.56354 5.93791 6.37504 6.00886 6.20373C6.07982 6.03243 6.19998 5.88601 6.35415 5.783C6.50832 5.67998 6.68958 5.625 6.875 5.625C7.12364 5.625 7.3621 5.72377 7.53791 5.89959C7.71373 6.0754 7.8125 6.31386 7.8125 6.5625Z" fill="white"/></svg>');
}


@media (max-width: 768px) {
    .prelogin-page-footer .prelogin-page-footer-menu li {
        width: 38px;
        height: 38px;
    }

    .footer-svg-icon {
        width: 15px;
        height: 15px;
    }
}




.qiddiya-global-error {
    color: var(--Color-Feedback-Very-Bad, #E50E0E);
    /* Eng/CaptionL/Regular */
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: center;

    display: block;
}

.back-button-container a {
    color: #001B72;
    /* Eng/SubL/Semibold */
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--font-16, 16px);
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    display: flex;
    gap: 8px;
    /* 150% */
}

.back-button-container a:hover {
    color: #001B72;
}

.back-button-container .back-label {
    margin-top: -3px;
}




@media (min-width: 576px) {
    .prelogin-custom-card {
        display: flex;
        padding: 48px;
        gap: 40px;
        border-radius: var(--Spacing-S40, 40px);
        border: 1px solid var(--Color-Primitives-Primitives-100, #F4F4F4);
        background: #FFF;
        box-shadow: 0 0 60.4px 0 rgba(0, 0, 0, 0.05);
    }

    .prelogin-page-footer .footer-label {
        color: var(--Color-Primitives-Primitives-50, #FFF);

    }

    .prelogin-qiddiya-header-nav a {
        color: var(--Color-Text-Nav, #fff);
    }
}


.captcha-box {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.captcha-box img {
    margin-right: 10px;
    border: 1px solid #ccc;
}


.error {
    color: red;
    font-size: 13px;
    border: 1px solid #E50E0E !important;
}


.prelogin-lang-container {

    display: flex;
    align-items: center;
    gap: 8px;
    color: #FFFF;

}

.refreshbtn {
    margin-top: 0px;
    padding: 14px;
    border: none;
    background-color: #1a3de6;
    background-color: #001b72;
    color: white;
    font-size: var(--font-16, 16px);
    border-radius: 25px;
    cursor: pointer;
    margin-top: 10px;
}

#captchaInput {
    width: 100%;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #ccc;
    font-size: var(--qiddiya-group-value-14);
}

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

#captchaInput:focus {
    border-radius: var(--Spacing-S8, 8px) !important;
    border: 1px solid #001B72 !important;
    background: var(--Color-Surface-Cards, #FFF);
    box-shadow: 0 2.385px 14.308px 0 rgba(0, 0, 0, 0.13) !important;
}


#error-captcha {
    color: var(--Color-Feedback-Very-Bad, #E50E0E);
    /* Eng/CaptionL/Regular */
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--qiddiya-group-value-14);
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-top: 1px;
}



.details-card .card-label .sortIcon {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 3px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M6.27279 9.97747C6.32509 10.0297 6.36658 10.0918 6.39489 10.16C6.4232 10.2283 6.43777 10.3015 6.43777 10.3754C6.43777 10.4494 6.4232 10.5226 6.39489 10.5908C6.36658 10.6591 6.32509 10.7212 6.27279 10.7734L4.02279 13.0234C3.97055 13.0757 3.90851 13.1172 3.84023 13.1455C3.77194 13.1738 3.69875 13.1884 3.62482 13.1884C3.5509 13.1884 3.47771 13.1738 3.40942 13.1455C3.34113 13.1172 3.2791 13.0757 3.22686 13.0234L0.976856 10.7734C0.924594 10.7211 0.883137 10.6591 0.854853 10.5908C0.826569 10.5225 0.812012 10.4494 0.812012 10.3754C0.812012 10.3015 0.826569 10.2283 0.854853 10.1601C0.883137 10.0918 0.924594 10.0297 0.976856 9.97747C1.0824 9.87193 1.22556 9.81263 1.37482 9.81263C1.44873 9.81263 1.52192 9.82719 1.5902 9.85547C1.65849 9.88375 1.72053 9.92521 1.77279 9.97747L3.06232 11.2677V1.37544C3.06232 1.22626 3.12159 1.08318 3.22708 0.977695C3.33257 0.872206 3.47564 0.812943 3.62482 0.812943C3.77401 0.812943 3.91708 0.872206 4.02257 0.977695C4.12806 1.08318 4.18732 1.22626 4.18732 1.37544V11.2677L5.47686 9.97747C5.5291 9.92517 5.59113 9.88368 5.65942 9.85538C5.72771 9.82707 5.8009 9.8125 5.87482 9.8125C5.94875 9.8125 6.02194 9.82707 6.09023 9.85538C6.15851 9.88368 6.22055 9.92517 6.27279 9.97747ZM13.0228 3.22747L10.7728 0.977474C10.7206 0.925175 10.6585 0.883685 10.5902 0.855378C10.5219 0.82707 10.4487 0.8125 10.3748 0.8125C10.3009 0.8125 10.2277 0.82707 10.1594 0.855378C10.0911 0.883685 10.0291 0.925175 9.97686 0.977474L7.72686 3.22747C7.62131 3.33302 7.56201 3.47618 7.56201 3.62544C7.56201 3.77471 7.62131 3.91786 7.72686 4.02341C7.8324 4.12896 7.97556 4.18826 8.12482 4.18826C8.27409 4.18826 8.41725 4.12896 8.52279 4.02341L9.81232 2.73318V12.6254C9.81232 12.7746 9.87159 12.9177 9.97708 13.0232C10.0826 13.1287 10.2256 13.1879 10.3748 13.1879C10.524 13.1879 10.6671 13.1287 10.7726 13.0232C10.8781 12.9177 10.9373 12.7746 10.9373 12.6254V2.73318L12.2269 4.02341C12.3324 4.12896 12.4756 4.18826 12.6248 4.18826C12.7741 4.18826 12.9172 4.12896 13.0228 4.02341C13.1283 3.91786 13.1876 3.77471 13.1876 3.62544C13.1876 3.47618 13.1283 3.33302 13.0228 3.22747Z' fill='%231C2633'/%3E%3C/svg%3E");
    background-repeat: no-repeat;

}



/* Notification Dropdown Styles */
.notification-dropdown {
    position: absolute;
    top: 70px;
    width: 380px;
    background: white;
    border: 1px solid #ddd;
    border-radius: 16px;
    box-shadow: 0 4px 25.8px 0 rgba(0, 0, 0, 0.08);
    z-index: 2000;
    overflow: hidden;
    width: 656px;
}

html[dir="ltr"] .notification-dropdown {
    right: 0;
}

html[dir="rtl"] .notification-dropdown {
    left: 0;
}

.notification-header-portal {
    display: flex;
    padding-top: 32px;
    align-items: center;
    gap: 4px;
    padding: 16px 32px;
    justify-content: space-between;

}

.notification-header-portal .title {
    color: #000;

    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--font-32, 32px);
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    /* 150% */
}


.close-icon {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M25 7L7 25" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M25 25L7 7" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center;
    background-size: contain;
    width: 32px;
    height: 32px;
    display: inline-block;

}

.notification-body {}

.notification-body .list-container {}

.notification-list-heading {
    display: flex;
    align-items: center;
    padding: 24px 32px 8px 32px;
    color: #686868;
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--font-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */

}

html[dir="ltr"] .notification-list {
    list-style: none;
    margin-left: -40px;
}

html[dir="rtl"] .notification-list {
    list-style: none;
    margin-right: -40px;
}

.notification-list li {
    padding: 16px 32px;
    border-bottom: 1px solid rgba(0, 27, 114, 0.09) !important;
    background: #FFF;
}

.notification-list-icon {

    display: flex;
    width: 32px;
    height: 32px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;

    border-radius: var(--Radius-Round, 120px);
    background: #001B72;
    backdrop-filter: blur(3px);
}

.notification-list-item-title {
    color: #000;
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    /* 160% */
}

.notification-list-item-msg {
    color: #393939;
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--font-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

.notification-list-item-date {
    color: #686868;
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 171.429% */
    text-align: left;
}

.unread {
    border-bottom: 1px solid rgba(0, 27, 114, 0.09) !important;
    background: #EDF1FC !important;
}

.notification-anchor {
    color: #001B72;
    leading-trim: both;
    text-edge: cap;
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    text-decoration: none;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.notification-anchor:hover {
    color: #001B72;

}

.red-dot-icon {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8" fill="none"><circle cx="4" cy="4" r="4" fill="%23D92D27"/></svg>') no-repeat center center;
    background-size: contain;
}

.bell-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M14.0003 4.44401C13.8826 4.50496 13.7456 4.51668 13.6192 4.4766C13.4929 4.43652 13.3876 4.34791 13.3266 4.23026C12.8493 3.28744 12.127 2.49057 11.2353 1.92338C11.1798 1.88834 11.1317 1.84269 11.0937 1.78905C11.0558 1.7354 11.0288 1.67482 11.0143 1.61074C10.9998 1.54667 10.9981 1.48037 11.0092 1.41562C11.0203 1.35087 11.044 1.28895 11.0791 1.23338C11.1141 1.17782 11.1598 1.1297 11.2134 1.09178C11.2671 1.05385 11.3277 1.02686 11.3917 1.01236C11.4558 0.997846 11.5221 0.996099 11.5869 1.00721C11.6516 1.01833 11.7135 1.04209 11.7691 1.07713C12.8082 1.74247 13.652 2.67186 14.2141 3.77026C14.275 3.88796 14.2868 4.02504 14.2467 4.15138C14.2066 4.27772 14.118 4.38297 14.0003 4.44401ZM2.23221 4.50026C2.32381 4.50022 2.41365 4.47502 2.4919 4.4274C2.57015 4.37979 2.63383 4.31159 2.67596 4.23026C3.15321 3.28744 3.8756 2.49057 4.76721 1.92338C4.87943 1.8526 4.95894 1.74014 4.98824 1.61074C5.01754 1.48134 4.99424 1.3456 4.92346 1.23338C4.85268 1.12116 4.74022 1.04166 4.61082 1.01236C4.48142 0.983053 4.34568 1.00635 4.23346 1.07713C3.19434 1.74247 2.35057 2.67186 1.78846 3.77026C1.74899 3.84646 1.72979 3.93154 1.73271 4.0173C1.73564 4.10307 1.76059 4.18664 1.80517 4.25998C1.84974 4.33331 1.91245 4.39393 1.98724 4.43602C2.06203 4.4781 2.14639 4.50022 2.23221 4.50026ZM13.8635 10.9965C13.952 11.1484 13.999 11.321 13.9996 11.4968C14.0002 11.6727 13.9544 11.8456 13.8669 11.9981C13.7794 12.1506 13.6532 12.2773 13.501 12.3655C13.3489 12.4536 13.1762 12.5001 13.0003 12.5003H10.4503C10.3356 13.0654 10.029 13.5735 9.58247 13.9384C9.13596 14.3034 8.57702 14.5028 8.00034 14.5028C7.42366 14.5028 6.86471 14.3034 6.41821 13.9384C5.9717 13.5735 5.6651 13.0654 5.55034 12.5003H3.00034C2.8246 12.4999 2.65206 12.4533 2.50009 12.365C2.34812 12.2767 2.2221 12.15 2.13471 11.9975C2.04732 11.8451 2.00166 11.6722 2.00232 11.4965C2.00298 11.3208 2.04993 11.1483 2.13846 10.9965C2.70159 10.0246 3.00034 8.64276 3.00034 7.00026C3.00034 5.67418 3.52712 4.40241 4.4648 3.46472C5.40249 2.52704 6.67426 2.00026 8.00034 2.00026C9.32642 2.00026 10.5982 2.52704 11.5359 3.46472C12.4736 4.40241 13.0003 5.67418 13.0003 7.00026C13.0003 8.64213 13.2991 10.024 13.8635 10.9965ZM9.41409 12.5003H6.58659C6.69018 12.7924 6.88172 13.0453 7.13488 13.2241C7.38804 13.4029 7.69038 13.4989 8.00034 13.4989C8.31029 13.4989 8.61264 13.4029 8.8658 13.2241C9.11896 13.0453 9.3105 12.7924 9.41409 12.5003Z" fill="white"/></svg>') no-repeat center center;
    background-size: contain;
}

.prelogin-lang-color {
    color: #0000;
    cursor: pointer
}

.prelogin-lang-dropdown {}


@media (min-width: 576px) {

    .prelogin-lang-color {
        color: #FFFF !important;
    }
}

html[dir=rtl] .custom-breadcrumb .breadcrumb-arrow {
    transform: rotate(180deg);
}




.table-empty-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    justify-self: center;
}

.table-empty-icon-container {
    position: relative;

}

.table-empty-icon1 {}

.table-empty-icon2 {
    position: absolute;
    left: 8px;
    top: 8px;
}

.table-empty-icon3 {
    position: absolute;
    left: 21px;
    top: 21px;
}

.table-empty-message {}

.table-empty-message .title {
    color: #0D0D12;

    text-align: center;
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}

.table-empty-message .sub-title {
    color: var(--Color-Text-Base1, #111011);
    text-align: center;
    font-family: var(--qiddiya-font-family, "Proxima Nova", sans-serif);
    font-size: var(--font-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}



.qiddiya-form-group .text-box option[disabled] {
    color: var(--Color-Text-Placeholder, #888788);

}

.proxima-font {
    font-family: 'Proxima Nova' !important;
}

.arabic-font {
    font-family: 'Arabic Bukra' !important;
}

.details-card .mt-16{
    margin-top: 10px;
}