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

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

/* 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(--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: 24px;
    font-family: var(--qiddiya-font-family);
    font-size: var(--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(--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;
}

.gap-4 {
    gap: 4px;
}

.gap-8 {
    gap: 8px;
}

.gap-16 {
    gap: 16px;
}

.gap-20 {
    gap: 20px;
}

.gap-24 {
    gap: 24px;
}

.gap-28 {
    gap: 28px;
}


.gap-32 {
    gap: 32px;
}

.gap-64 {
    gap: 64px;
}



.gap-40 {
    gap: 40px;
}

.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-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% */
}

.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(--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: 14px;
    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(--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;
}


@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-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Arabic Bukra';
    src: url('/29LTBukraWide-Regular.ttf') format('woff2');
    font-weight: normal;
    font-style: normal;
}


:root {
    --qiddiya-font-family: "Proxima Nova", sans-serif;
    --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-16: 11px;
    --font-footer-14: 10px;
    --font-footer-16: 12px;
    --qiddiya-group-label-16: 12px;
    --qiddiya-group-value-14: 10px;
    --font-24: 19px;
    --font-20-button: 14px;
    --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;
}

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 {

    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;

    }


}



.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: var(--font-16, 16px);
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    display: flex;
}

/* .card-label::after{
    content: "";
    position: absolute;
    right: 20px;
    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;
} */

.card-value {
    color: #1F2937;

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

.card-value a {
    color: #001B72;
    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% */
    cursor: pointer;
    text-decoration: underline;
}

.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 {
    justify-self: right;
    position: relative;
}

html[dir="rtl"] .prelogin-qiddiya-header-nav {
    justify-self: end;
}

.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-bottom: -7px;
}

.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: 14px;
}

.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: 14px;
    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;
}