h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    font-family: "Inter", sans-serif;
}
rtl h1,
rtl h2,
rtl h3,
rtl h4,
rtl h5,
rtl h6 {
    font-weight: 600;
    font-family: "Alexandria", sans-serif;
}
#optionsList {
    z-index: 50;
    position: relative;
    background: #fff;
}

body.ltr {
    direction: ltr;
    font-family: "Roboto", sans-serif;
}

body.rtl {
    direction: rtl;
    font-family: "Noto Kufi Arabic", sans-serif;
}

body.ltr .lang-switch {
    right: 0;
}

body.rtl .lang-switch {
    left: 0;
    right: auto;
    font-family: "Roboto", sans-serif;
}
/****************************************/
/****** Loader Styles Starts Here *******/
/****************************************/
.blockOverlay{
    background-color:rgb(255,255,255,0.85) !important;
    opacity:1 !important;
}
.arb-text {
    font-family: "Noto Kufi Arabic", sans-serif;
}
.blockMsg {
    width: 5rem !important;
    top: 50% !important;
    left: 50% !important;
    border: 0 !important;
    background-color: transparent !important;
    transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -webkit-transform: translate(-50%) !important;
    _ms-transform: translate(-50%) !important;
}
.loader {
    --color1: #B68A35;
    --color2: #4B4F58;
    width: 3.5rem;
    aspect-ratio: 1;
    position: relative;
    animation: spin 10000ms infinite linear;
}

.loader:before,
.loader:after {
    content: "";
    border-radius: 50px;
    position: absolute;
    background: var(--color1);
    animation: squeeze 3000ms infinite;
}

.loader:after {
    background: var(--color2);
    animation-delay: -1.25s;
}

@keyframes squeeze {
    0% {
        inset: 0 2em 2em 0;
    }

    12.5% {
        inset: 0 2em 0 0;
    }

    25% {
        inset: 2em 2em 0 0;
    }

    37.5% {
        inset: 2em 0 0 0;
    }

    50% {
        inset: 2em 0 0 2em;
    }

    62.5% {
        inset: 0 0 0 2em;
    }

    75% {
        inset: 0 0 2em 2em;
    }

    87.5% {
        inset: 0 0 2em 0;
    }

    100% {
        inset: 0 2em 2em 0;
    }
}

@keyframes spin {
    to {
        transform: rotate(-360deg);
    }
}
/****************************************/
/****** Loader Styles Ends Here *******/
/****************************************/
.p-0.aegov-card.card-bordered:not(.card-news) {
    padding: 0;
}
.card-active.aegov-card.card-glow {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow-color: rgba(182, 138, 53, .3);
    --tw-shadow: var(--tw-shadow-colored);
    background: #F9F7ED;
}
.slick-initialized .slick-slide {
    display: block;
    margin-bottom: 1.5rem;
}
#optionsList li:hover {
    background: #F9F7ED;
}
.bg-white{background:#fff !important;}
.lang-switch {
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    border: 1px solid transparent;
    font-family: "Noto Kufi Arabic", sans-serif;
}
.lang-switch:hover {
    background-color: #f2eccf;
    color: #5d3b26;
    border: 1px solid #5d3b26;
    text-decoration: none;
    transition: all 0.2s ease-in-out !important;
    cursor: pointer;
}
/* Alert Styling */
.aegov-alert {
    align-items: center;
    font-size: 0.875rem;
    font-family: "Dubai", Arial, sans-serif;
    margin:0.25rem 0 1rem;
}
.aegov-alert span {
    padding: 0.5rem;
    border: 1px solid transparent;
    display: block;
    border-radius: 4px;
}
.aegov-alert span:empty {
    padding: 0;
    border: 0;
    background-color: transparent;
}
.aegov-alert.alert-error span {
    background-color: #fdecea; /* Light red */
    border-color: #f44336; /* Red border */
    color: #611a15; /* Dark red text */
}
.aegov-alert.alert-success span {
    background-color: #edf7ed; /* Light green */
    border-color: #4caf50; /* Green border */
    color: #256029; /* Dark green text */
}
.aegov-alert.alert-warning span {
    background-color: #fff8e1; /* Light amber/yellow */
    border-color: #ffb300; /* Amber border */
    color: #7c5700; /* Dark amber text */
}
.aegov-alert.alert-info span {
    background-color: #e3f2fd; /* Light blue */
    border-color: #0288d1; /* Info blue border */
    color: #01579b; /* Dark blue text */
}
.StrikeThrough {
    color: #611a15;
    text-decoration: line-through;
    background-color: #fdecea;
}

.StrikeThrough td {
    color: #611a15;
    background-color: #fdecea !important;
}

.HeightWidth20 {
    height: 20px;
    display: inline-block;
    width: 30px;
}

.ColorBox {
    fill: #fdecea !important;
    stroke-width: 2;
    stroke: #f44336 !important;
}

.light-graySiteColor {
    color: #01579b;
    background-color: #e3f2fd;
}

.light-graySiteColor td {
    background-color: #fdecea;
}
.text-error {
    color: #D83731!important;
    font-weight: 600;
    font-size: 14px;
}
.text-info {
    color: #055160 !important;
    font-weight: 600;
    font-size: 14px;
    background-color: #cff4fc;
    border-color: #b6effb;
}
.fw-bold {
    font-weight: 700;
}
/* Modal backdrop */
.aegov-modal-wrapper {
    --tw-shadow-color: none;
}
.aegov-modal {
    height: 100%;
}

#modal-single-action {
    background: rgba(0, 0, 0, .7);
}

#modal-single-action {
    position: fixed;
    inset: 0; /* shorthand for top/right/bottom/left = 0 */
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.4); /* dimmed background */
    z-index: 10;
}

/* Modal box */
#modal-single-action .relative {
    background: #fff;
    border-radius: 5px;
    padding: 20px;
    max-height: 500px; /* Limit height */
    width: 100%;
    max-width: 450px; /* Optional: limit modal width */
    overflow-y: auto; /* Scroll only if needed */
    overflow-x: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.aegov-modal-close{
    top:-10px !important;
}
.aegov-card .aegov-link {
    font-weight: 500;
}

.aegov-form-control label {
    color: #4B4F58;
    font-size: 15px;
}

.btn-refresh:hover,
.btn-refresh {
    background: rgba(75, 79, 88, 0.70);
}

.elm-block,
.img-captcha {
    display: flex;
    height: 100%;
    justify-content: center;
    color:#fff;
    font-size:1.25rem;
    border-radius:5px;
    line-height:45px;
    background: #92722A;
    background: linear-gradient(90deg, rgba(146, 114, 42, 0.64) 0%, rgba(73, 57, 21, 1) 100%);
}
.img-captcha{
    min-width:90px;
}
.elm-block {
    min-width: 45px;
}
.img-captcha em {
    opacity: 0.18;
    transform: rotate(30deg);
}
.elm-block img {
    width: 25px;
}
.aegov-modal-close {
    color: #4B4F58;
}
.aegov-modal-close svg{
    color: #000;
    width: 25px;
}
.info-heading {
    padding: 1rem;
    font-weight: 600;
    background: #F9F7ED;
}

.info-detail {
    padding: 1rem;
    margin: 0 !important;
}
.error-msg {
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) #D83731 !important;
    border-radius:8px;
}
.table-responsive{
    margin:0 0 3rem;
}
.table-responsive .table {
    width: 100%;
}
.table-striped thead tr th {
    background-color: #797E86;
    color: #fff;
    padding: 1rem;
    text-align: left;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: #F7F7F7;
    color: #4B4F58;
    border-bottom: 2px solid #fff;
}

.table > :not(caption) > * > * {
    background-color: #E1E3E5;
    box-shadow: none;
    border-bottom: 2px solid #fff;
}

.table > :not(caption) > * > * {
    padding: 0.75rem 1rem;
    text-align:left;
}
.rtl .table > :not(caption) > * > * {
    text-align: right;
}
.table > :not(caption) > * > *
.table-striped > tbody > tr.row-danger td {
    background-color: #F8D7DA !important;
    color: #842029;
}
/* Responsive heading styles */
.text-h1 {
    font-size: 1.875rem; /* default: text-3xl */
    font-weight: 600;
    line-height: 1.2;
}
.no-overflow{overflow:hidden;}
#dropdownListNationality{
    height:180px;
}
#dropdownButtonNationality{
    padding:0.75rem 1rem;
}
#dropdownButton:focus,
#dropdownButtonNationality:focus {
    box-shadow: none;
}
.no-padd{
    padding:0 !important;
    border-radius:0 !important;
}
.rtl .rtl-pos{
    right:auto;
    left:1rem;
}

.rtl .litepicker .container__months .month-item-header div > .month-item-name {
    direction: ltr;
}

.rtl .litepicker .container__months .month-item-header div > .month-item-year {
    direction: ltr;
}

.rtl .litepicker .container__months .month-item-header {
    direction: ltr;
}
.rtl .ui-datepicker select.ui-datepicker-month,
.rtl .ui-datepicker select.ui-datepicker-year {
    direction: ltr !important;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    display:inline-block !important;
}
/***********************************/
/* Application Particulars Styles */
/***********************************/
.banner-holder {
    padding: 30px;
    text-align: center;
}
.application-particulars {
    padding: 30px 30px 15px;
    margin: 0 0 30px;
    border: 2px solid #F4F4F4;
    background: #F9F9F9;
}
.application-particulars .application-particulars {
    padding:0;
    margin:0;
    border:0;
    background:none;
}
.application-particulars ul {
    overflow: hidden;
    padding: 0;
    letter-spacing: -8px;
}

.application-particulars ul li {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    margin: 0 0 15px;
}
.application-particulars ul li:empty {
    margin: 0;
}
.application-particulars ul.decription-list li {
    width: 50%;
}
.application-particulars ul.decription-list li.full-layout {
    width: 100%;
}
.calendar-holder{
    position:relative;
}
.ico-calender {
    width: 30px;
    position: absolute;
    left: 60px;
    top: 28px;
    pointer-events: none;
}
/*
.rtl .initiative-slider {
    direction: rtl;
}
.rtl .slick-slide {
    float: right;
}*/
.rtl .slick-dots {
    direction: ltr;
}
/* Base badge style */
.aegov-badge {
    display: inline-block;
    padding: 0.25rem 0.5rem; /* px-2 py-1 */
    font-size: 0.875rem; /* text-sm */
    font-weight: 600; /* font-semibold */
    border-radius: 0.25rem; /* rounded corners */
    line-height: 1;
    text-align: center;
    white-space: nowrap;
}

/* Info badge */
.badge-info {
    background-color: #3b82f6; /* Tailwind blue-500 */
    color: #ffffff;
}
/* Default badge */
.badge-default {
    background-color: #6b7280; /* Tailwind gray-500 */
    color: #ffffff;
}
/* Success badge */
.badge-success {
    background-color: #22c55e; /* Tailwind green-500 */
    color: #ffffff;
}
/* Warning badge */
.badge-warning {
    background-color: #facc15; /* Tailwind yellow-400 */
    color: #000000; /* Dark text for contrast */
}
/* Success badge */
.badge-success {
    background-color: #22c55e; /* Tailwind green-500 */
    color: #ffffff; /* White text */
}
.EmployeeImage {
    width: 140px;
    padding: 3px;
    border-radius: 10%;
    background: #5F646D;
}
.labour-Card-holder{
    text-align:center;
}
.labour-Card-holder img{
    max-width:650px;
    display:inline-block;
}
.banner-holder img{display:inline-block;}
@media (min-width: 640px) {
    .text-h1 {
        font-size: 2.25rem; /* sm:text-4xl */
    }
    .rtl .text-h1 {
        font-size: 1.75rem; /* lg:text-6xl */
    }
}

@media (min-width: 768px) {
    .text-h1 {
        font-size: 2.5rem; /* md:text-5xl */
    }
    .rtl .text-h1 {
        font-size: 1.75rem; /* lg:text-6xl */
    }
    .rtl .lg\:text-2xl {
        font-size: 1rem;
    }
}

@media (min-width: 1024px) {
    .text-h1 {
        font-size: 3rem; /* lg:text-6xl */
    }
    .rtl .text-h1 {
        font-size: 2.25rem; /* lg:text-6xl */
    }
    .rtl .lg\:text-2xl {
        font-size: 1.1rem;
    }
}
@media (min-width: 1499px) {
    .text-h1 {
        font-size: 3.5rem; /* lg:text-6xl */
    }
    .rtl .text-h1 {
        font-size: 3rem; /* lg:text-6xl */
    }
    .rtl .lg\:text-2xl {
        font-size: 1.5rem;
    }
}
@media (max-width: 767px) {
    .img-logo{
        margin:0 0 30px;
    }
    .lang-switch {
        position: static;
    }

    body.ltr .lang-switch {
        right: -35px;
        top: -10px;
    }

    body.rtl .lang-switch {
        left: -35px;
        top: -10px;
        right: auto;
    }
    #modal-single-action .relative {
        max-width: 350px;
    }
    .application-particulars ul.decription-list li {
        width: 100%;
    }
}
@media (max-width: 1023px) {
    .aegov-card.card-bordered:not(.card-news) {
        padding: 1rem;
    }
}
.aegov-grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.5rem; /* gutter adjustment */
    margin-right: -0.5rem;
}

.aegov-col-12 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

@media (min-width: 768px) { /* tablet breakpoint */
    .aegov-col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media print {
    body {
        font-size: 0.7rem;
        line-height: 1.0rem;
        margin: 0;
        padding: 0;
    }
    .container {
        max-width: 100%;
        width: 100%;
        padding-right: 0.25rem;
        padding-left: 0.25rem;
    }
    .items-center {
        text-align: center;
    }
    .img-logo{
        max-width:350px;
        display:block;
        margin:0 auto;
    }
    #divPrintBtn,
    .text-h1,
    .initiative-slider,
    .select-holder {
        display: none;
    }
    h4,
    .mb-6,
    .mb-10,
    .sm\:mb-8 {
        margin-bottom: 0.25rem !important;
    }
    .application-particulars {
        padding: 0.5rem 0.5rem 0.25rem;
        width: 100%;
    }
    .table-responsive {
        margin: 0 0 0.5rem;
        width: 100%;
    }
    .table-striped thead tr th{
        padding:0.3rem;
    }
    .table > :not(caption) > * > * {
        padding: 0.3rem 0.5rem;
        text-align: left;
    }
    .lang-switch{display:none;}
}
@page {
    margin: 5mm;
}