/* Al Mulla careers brand: https://www.almullagroup.com/career */
@font-face {
    font-family: "Al Mulla Castle";
    src: url("branding/castle-regular.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Al Mulla Dinar";
    src: url("branding/dinar-medium.woff2") format("woff2");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

.am-theme {
    --am-green: #00ae42;
    --am-dark-green: #083e2c;
    --am-ink: #0c0e17;
    --am-muted: #5e6075;
    --am-border: #e3e8e5;
    --am-soft: #f5f8f6;
    --am-font: "Al Mulla Castle", Arial, sans-serif;
    background: #fff;
    color: var(--am-ink);
    font-family: var(--am-font);
    font-size: 16px;
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
}

html[dir="rtl"] .am-theme {
    --am-font: "Al Mulla Dinar", Tahoma, sans-serif;
    text-align: right;
}

.am-theme h1, .am-theme h2, .am-theme h3, .am-theme h4, .am-theme h5,
.am-theme button, .am-theme input, .am-theme select, .am-theme textarea,
.am-theme .ui-widget, .am-theme .reveal-modal {
    font-family: var(--am-font);
}

.am-theme h1, .am-theme h2, .am-theme h3, .am-theme h4, .am-theme h5 {
    color: var(--am-ink);
    font-weight: 400;
    line-height: 1.25;
}

.am-theme a { color: var(--am-dark-green); }
.am-theme a:hover { color: #007d30; }
.am-theme a:focus-visible, .am-theme button:focus-visible,
.am-theme summary:focus-visible {
    outline: 3px solid var(--am-green) !important;
    outline-offset: 4px !important;
}

.am-container {
    width: calc(100% - 80px);
    max-width: 1296px;
    margin-inline: auto;
}

.am-public #header {
    font-family: 'Candara';
    font-size: 14px;
    line-height: 22px;
}
.am-public .menu_main { position: inherit !important; }

.am-applicant-header { border: 1px solid var(--am-border); border-radius: 10px; }
.am-applicant .header-sec { display: flex; align-items: center; gap: 28px; padding: 20px 28px; font-family: var(--am-font); font-size: 15px; line-height: 1.5; }
.am-applicant .header-sec::before, .am-applicant .header-sec::after { content: none; }
.am-applicant .header-sec .logo { float: none; flex: 0 0 auto; width: auto; margin: 0; padding: 0; }
.am-applicant .header-sec .logo img { display: block; width: 110px; height: auto; }
.am-applicant .head-nav { float: none; flex: 1; width: auto; min-width: 0; height: auto; background: transparent; text-align: end; }
.am-applicant .ab-emails-serch { position: static; float: none; width: auto; font-size: 13px; }
.am-applicant .ab-emails-serch .env-email { padding: 0; color: var(--am-muted); text-transform: none; }
.am-applicant .main-nav { margin-top: 16px; text-align: end; }
.am-applicant .main-nav > ul { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px; }
.am-applicant .main-nav > ul > li { margin: 0; }
.am-applicant .main-nav > ul > li > a { padding: 10px 14px; border-radius: 6px; color: var(--am-dark-green); font-size: 15px; line-height: 1.5; text-transform: none; }
.am-applicant .main-nav > ul > li:hover > a,
.am-applicant .main-nav > ul > li:focus-within > a { background: #e8f4ec; color: var(--am-dark-green); }
.am-applicant .main-nav > ul > li > a.active { background: var(--am-dark-green); color: #fff; border-radius: 6px; }
.am-applicant .main-nav > ul > li > a::after,
.am-applicant .drop-box-cust li a::after { content: none; }
.am-applicant .drop-box-cust { background: #fff; border: 1px solid var(--am-border); border-radius: 6px; box-shadow: 0 8px 24px #083e2c1a; }
.am-applicant .drop-box-cust li { border-color: var(--am-border); }
.am-applicant .drop-box-cust li:last-child { border-bottom: 0; }
.am-applicant .drop-box-cust li a { padding: 10px 16px; color: var(--am-dark-green); font-size: 14px; line-height: 1.5; text-align: start; text-transform: none; }
.am-applicant .drop-box-cust li a:hover, .am-applicant .drop-box-cust li a:focus { background: #e8f4ec; }
.am-applicant .main-nav > ul > li:focus-within > .drop-box-cust { opacity: 1; visibility: visible; }

.am-theme .am-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    min-height: 48px;
    padding: 12px 24px;
    border: 1px solid var(--am-green);
    border-radius: 50px;
    font-size: 16px;
    line-height: 1.4;
    text-decoration: none;
    transition: background-color .15s, color .15s;
}

.am-theme .am-button-primary { color: #fff; background: var(--am-green); }
.am-theme .am-button-primary:hover { color: #fff; background: #008d36; border-color: #008d36; }
.am-theme .am-button-secondary { color: var(--am-dark-green); background: #fff; border-color: var(--am-border); }
.am-theme .am-button-secondary:hover { background: #edf7f0; border-color: var(--am-green); }
.am-theme .am-button span[aria-hidden] { font: 22px Arial, sans-serif; }

.am-careers-hero { padding-block: 32px; }
.am-landing-banner { height: 500px; background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 8px; }
.am-openings { background: var(--am-soft); padding-block: 64px 80px; scroll-margin-top: 28px; }
.am-section-intro { max-width: 880px; color: var(--am-muted); margin-bottom: 30px; }
.am-section-intro p { font-size: 16px; line-height: 1.75; margin-bottom: 12px; }
.am-theme .display-job-seach { padding: 0; background: transparent; }
.am-theme .inline-seacr { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 22px; padding: 0; background: transparent; }
.am-theme .inline-seacr select { min-width: 260px; margin: 0; }
.am-theme .inline-seacr span { float: none; margin: 0; }
.am-theme #divTable { background: #fff; border: 1px solid var(--am-border); border-radius: 10px; padding: 20px 24px; }
.am-theme .table-responsive { overflow-x: auto; }

.am-applicant { background: var(--am-soft); }
.am-applicant .am-page-main { padding-block: 16px 64px; min-height: 64vh; }
.am-applicant .am-page-body { background: #fff; border: 1px solid var(--am-border); border-radius: 10px; padding: 32px; }
.am-theme .left-informations-div { float: none; width: 100%; padding: 0; margin: 0; border: 0; background: transparent; }
.am-applicant .page-content { max-width: none; width: auto; margin: 0; }
.am-applicant .page-content > .columns { padding: 0; }
.am-applicant .left-informations-div h4 { font-size: 28px; line-height: 1.3; margin-bottom: 24px; }
.am-applicant .left-informations-div h5 { font-size: 20px; }
.am-theme hr { border-color: var(--am-border); }
.am-theme label { color: #35413b; font-size: 14px; line-height: 1.5; margin-bottom: 7px; }
.am-theme input[type="text"], .am-theme input[type="email"], .am-theme input[type="password"],
.am-theme input[type="number"], .am-theme input[type="tel"], .am-theme input[type="date"],
.am-theme select, .am-theme textarea {
    border: 1px solid #d5ddd7;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: none;
    font-size: 15px;
    color: var(--am-ink);
    min-height: 44px;
    padding: 10px 12px;
}
.am-theme input:focus, .am-theme select:focus, .am-theme textarea:focus {
    border-color: #008d36;
    box-shadow: 0 0 0 3px #00ae421a;
}
.am-theme input[disabled], .am-theme input[readonly], .am-theme select[disabled] { background-color: #f2f5f3; color: #59645d; }
.am-theme input[type="checkbox"], .am-theme input[type="radio"] { accent-color: #008d36; }
.am-theme .button, .am-theme input[type="submit"], .am-theme input[type="button"].button {
    background: var(--am-green);
    color: #fff;
    border: 1px solid var(--am-green);
    border-radius: 5px;
    padding: 11px 22px;
    font-size: 15px;
    line-height: 1.4;
    box-shadow: none;
}
.am-theme .button:hover { background: #008d36; border-color: #008d36; color: #fff; }
.am-theme .button.secondary { background: #eef3ef; border-color: #d5ddd7; color: var(--am-dark-green); }
.am-theme .button.alert, .am-theme .button.danger { background: #a12f35; border-color: #a12f35; color: #fff; }
.am-theme .select2-container--default .select2-selection--single { min-height: 44px; border: 1px solid #d5ddd7; border-radius: 5px; }
.am-theme .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 42px; padding-inline-start: 12px; }
.am-theme .select2-container--default .select2-selection--single .select2-selection__arrow { height: 42px; }
.am-theme .select2-dropdown { border-color: #d5ddd7; }
.am-theme .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background: var(--am-dark-green); }

.am-theme table.table { width: 100%; border: 0; border-collapse: collapse; border-spacing: 0; font-size: 15px; margin: 0; background: #fff; }
.am-theme table.table thead { background: #f2f6f3; }
.am-theme table.table thead th { color: var(--am-dark-green); background: #f2f6f3; font-size: 14px; font-weight: 400; padding: 15px 16px; border: 0; border-bottom: 1px solid var(--am-border); text-align: start; }
.am-theme table.table tbody td { padding: 17px 16px; border: 0; border-bottom: 1px solid #edf0ee; font-size: 15px; line-height: 1.5; }
.am-theme table.table tbody tr { background: #fff; }
.am-theme table.table tbody tr:hover { background: #f9fbf9; }
.am-theme table.table tbody tr:last-child td { border-bottom: 0; }
.am-theme table.table tbody a { color: #007d30; font-size: inherit; cursor: pointer; }
.am-theme .left-informations-div .table > tbody > tr > td:last-child { text-align: start; }
.am-theme #tblJobList [id="btnApplyNow"] { display: inline-block; padding: 7px 15px; border: 1px solid #b8d9c2; border-radius: 4px; white-space: nowrap; }
.am-theme .dt-container { font-family: var(--am-font); font-size: 14px; }
.am-theme .dt-container .dt-layout-row { margin: 12px 0; }
.am-theme .dt-container .dt-paging .dt-paging-button.current { color: #fff !important; background: #008d36 !important; border-color: #008d36 !important; border-radius: 4px; }

.am-applicant .left-informations-div ul.tab { display: flex; flex-wrap: nowrap; gap: 4px; overflow-x: auto; background: var(--am-soft); border: 1px solid var(--am-border); border-radius: 6px; padding: 6px !important; margin: 0 0 28px !important; }
.am-applicant .left-informations-div ul.tab li { flex: 0 0 auto; float: none; width: auto; margin: 0; }
.am-applicant .left-informations-div ul.tab li a { display: block; width: auto; padding: 11px 16px; white-space: nowrap; color: #495b50; background: transparent; border: 0; border-radius: 4px; font-size: 14px; }
.am-applicant .left-informations-div ul.tab li a.active { color: #fff; background: var(--am-dark-green); }
.am-applicant .left-informations-div ul.tab li a:hover { color: var(--am-dark-green); background: #e6efe9; }
.am-applicant .left-informations-div .tabcontent { padding: 0; border: 0; background: transparent; }
.am-theme .field-validation-error, .am-theme .text-danger { color: #a12f35; }
.am-theme .input-validation-error { border-color: #a12f35 !important; }
.am-theme .reveal-modal { border: 1px solid var(--am-border); border-radius: 10px; box-shadow: 0 20px 70px #083e2c26; padding: 28px; font-family: var(--am-font) !important; }
.am-theme .reveal-modal .modal-title { color: var(--am-ink); font-size: 26px; }
.am-theme .reveal-modal.am-terms-modal, .am-theme .reveal-modal.am-vacancy-modal {
    display: flex;
    flex-direction: column;
    position: fixed;
    /* Override the legacy Reveal scroll offset and mobile positioning. */
    top: 50% !important;
    left: 50% !important;
    right: auto;
    width: calc(100% - 32px) !important;
    max-width: 720px;
    min-width: 0;
    max-height: calc(100vh - 32px);
    max-height: calc(100dvh - 32px);
    margin: 0;
    padding: 0;
    overflow: hidden;
    transform: translate(-50%, -50%);
    background: #fff;
    text-align: start;
}
.am-terms-header, .am-vacancy-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-shrink: 0; padding: 24px 28px 20px; border-top: 4px solid var(--am-green); border-bottom: 1px solid var(--am-border); }
.am-theme .am-terms-header .modal-title, .am-theme .am-vacancy-header .modal-title { margin: 0; color: var(--am-dark-green); }
.am-terms-header p, .am-vacancy-header p { margin: 6px 0 0; color: var(--am-muted); font-size: 14px; line-height: 1.5; }
.am-theme .am-terms-modal .close-reveal-modal, .am-theme .am-vacancy-modal .close-reveal-modal { position: static; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 40px; width: 40px; height: 40px; margin: 0; padding: 0; border: 0; border-radius: 5px; background: var(--am-soft); color: var(--am-dark-green); font-size: 28px; font-weight: 400; line-height: 1; text-shadow: none; box-shadow: none; }
.am-theme .am-terms-modal .close-reveal-modal:hover, .am-theme .am-vacancy-modal .close-reveal-modal:hover { background: #e8f4ec; }
.am-terms-body, .am-vacancy-body { min-height: 0; padding: 24px 28px; overflow-y: auto; overscroll-behavior: contain; }
.am-terms-body:focus-visible, .am-vacancy-body:focus-visible { outline: 2px solid var(--am-green); outline-offset: -4px; }
.am-theme .am-terms-list { margin: 0; padding: 0; padding-inline-start: 24px; list-style: decimal; }
.am-terms-list li { list-style-type: decimal !important; padding-block: 16px; padding-inline-start: 8px; border-bottom: 1px solid var(--am-border); font-size: 16px; line-height: 1.7; }
.am-terms-list li::marker { color: var(--am-dark-green); font-weight: 600; }
.am-terms-list li:first-child { padding-top: 0; }
.am-terms-list li:last-child { padding-bottom: 0; border-bottom: 0; }
.am-terms-footer, .am-vacancy-footer { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 12px; flex-shrink: 0; padding: 18px 28px; border-top: 1px solid var(--am-border); background: var(--am-soft); }
.am-theme .am-terms-footer .button, .am-theme .am-vacancy-footer .button { min-width: 112px; min-height: 44px; margin: 0; }
.am-theme .reveal-modal.am-vacancy-modal { max-width: 920px; }
.am-vacancy-modal #vac_details_div { display: flex; flex-direction: column; min-height: 0; max-height: inherit; }
.am-vacancy-header > div { min-width: 0; overflow-wrap: anywhere; }
.am-vacancy-header p { margin: 0 0 6px; }
.am-vacancy-section { margin-bottom: 28px; padding-bottom: 28px; border-bottom: 1px solid var(--am-border); }
.am-vacancy-section:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.am-theme .am-vacancy-section h5 { margin: 0 0 16px; color: var(--am-dark-green); font-size: 20px; line-height: 1.4; }
.am-theme .am-vacancy-section h6 { margin: 24px 0 12px; color: var(--am-ink); font-size: 16px; font-weight: 600; line-height: 1.5; }
.am-theme .am-vacancy-section h5 + h6 { margin-top: 0; }
.am-vacancy-fields { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 12px 24px; margin: 0; font-size: 15px; line-height: 1.75; }
.am-vacancy-fields dt { margin: 0; color: var(--am-muted); font-weight: 400; }
.am-vacancy-fields dd { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.am-vacancy-text { margin: 0; white-space: pre-line; overflow-wrap: anywhere; font-size: 15px; line-height: 1.75; }
.am-theme .portal-message.ui-dialog { font-family: var(--am-font); border-radius: 10px; }
.am-theme .portal-message .ui-dialog-buttonpane button { border-radius: 5px; font-family: var(--am-font); }

.am-dashboard .am-page-body { padding: 0; border: 0; background: transparent; }
.am-dashboard-overview { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 28px; margin-bottom: 28px; }
.am-welcome-card, .am-completion-card, .am-dashboard-section { background: #fff; border: 1px solid var(--am-border); border-radius: 10px; padding: 32px; }
.am-applicant .am-welcome-card h4 { font-size: 24px; margin: 0 0 12px; overflow-wrap: anywhere; }
.am-dashboard .dataTables_length, .am-dashboard .dataTables_filter, .am-dashboard .dataTables_info,
.am-dashboard .dataTables_paginate, .am-dashboard .paging_simple_numbers { display: none; }
.am-completion-card { display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 20px; text-align: center; }
.am-applicant .am-completion-card h2 { font-size: 20px; line-height: 1.5; margin: 0; }
.am-completion-ring { width: 120px; height: 120px; flex-shrink: 0; border-radius: 50%; display: grid; place-items: center; position: relative; background: conic-gradient(var(--am-green) var(--am-completion), #e4ece6 0); }
.am-completion-ring::before { content: ""; position: absolute; inset: 9px; border-radius: 50%; background: #fff; }
.am-completion-ring span { position: relative; font-size: 30px; color: var(--am-dark-green); }
.am-dashboard-notice { display: flex; align-items: center; gap: 16px; color: var(--am-dark-green); background: #e8f4ec; border-inline-start: 3px solid var(--am-green); border-radius: 5px; padding: 20px 24px; margin-bottom: 28px; }
.am-dashboard-notice p { margin: 0; font-size: 16px; }
.am-dashboard-notice i { font-size: 24px; }
.am-dashboard-section { margin-bottom: 24px; }
.am-dashboard-section > h2 { font-size: 25px; margin: 0 0 24px; }
.am-dashboard-section > h2 i { color: var(--am-green); font-size: 20px; margin-inline-end: 12px; }
.am-dashboard-section > .row { max-width: none; margin: 0; }

.am-footer { background: var(--am-dark-green); color: #d4e3da; padding: 58px 0 0; }
.am-footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.3fr; gap: 60px; padding-bottom: 44px; }
.am-footer-column img { display: block; max-width: 100%; height: auto; margin-bottom: 24px; }
.am-footer ul { list-style: none; padding: 0; margin: 0; }
.am-footer li { margin-bottom: 10px; font-size: 15px; }
.am-footer-column:first-child a { display: inline; }
.am-footer p { color: #d4e3da; font-size: 15px; line-height: 1.7; margin: 0 0 20px; }
.am-footer h2 { color: #fff; font-size: 20px; margin: 0 0 22px; }
.am-footer a { display: block; color: #d4e3da; font-size: 15px; margin-bottom: 10px; }
.am-footer a:hover { color: #fff; text-decoration: underline; }
.am-footer-bottom { border-top: 1px solid #ffffff26; display: flex; justify-content: space-between; gap: 20px; padding-block: 22px; }
.am-footer-bottom p, .am-footer-bottom a { margin: 0; font-size: 13px; }
.am-footer-bottom a { display: inline; }
.am-applicant-footer { padding-top: 0; }
.am-applicant-footer .am-footer-bottom { align-items: center; }
.am-powered-by { font-size: 13px; white-space: nowrap; }
.am-powered-by img { vertical-align: middle; }

@media (max-width: 1199px) {
    .am-footer-grid { gap: 32px; }
}

@media (max-width: 1023px) {
    .am-container { width: calc(100% - 48px); }
    .am-careers-hero { padding-block: 24px; }
    .am-landing-banner { height: 390px; }
    .am-dashboard-overview { grid-template-columns: minmax(0, 1fr) 280px; gap: 20px; }
    .am-welcome-card, .am-completion-card, .am-dashboard-section { padding: 24px; }
    .am-footer-grid { grid-template-columns: 1fr 1fr; gap: 36px 60px; }
}

@media (max-width: 767px) {
    .am-applicant .header-sec { display: block; padding: 16px; }
    .am-applicant .header-sec .logo { width: 88px; margin: 0 auto 12px; }
    .am-applicant .header-sec .logo img { width: 88px; }
    .am-applicant .head-nav { min-height: 44px; }
    .am-applicant .ab-emails-serch { min-height: 44px; padding-block: 12px; padding-inline-start: 56px; }
    .am-applicant .res-togle-btn { top: 0; left: auto; right: auto; inset-inline-start: 0; width: 44px; height: 44px; border-color: var(--am-border); border-radius: 6px; background-color: #fff; background-repeat: no-repeat; background-position: center; }
    .am-applicant .main-nav { margin-top: 0; }
    .am-applicant .main-nav > ul { display: none; position: static; flex-direction: column; width: 100%; background: transparent; }
    .am-applicant.res-menu-open .main-nav > ul { display: flex; }
    .am-applicant .main-nav > ul > li > a { text-align: start; }
    .am-applicant .drop-box-cust { display: none; position: static; min-width: 0; box-shadow: none; }
    .am-applicant .main-nav > ul > li:hover > .drop-box-cust,
    .am-applicant .main-nav > ul > li:focus-within > .drop-box-cust { display: block; }
}

@media (max-width: 639px) {
    .am-container { width: calc(100% - 36px); }
    .am-careers-hero { padding-block: 18px; }
    .am-landing-banner { height: 300px; }
    .am-openings { padding-block: 40px 48px; }
    .am-theme .inline-seacr { align-items: flex-start; gap: 8px; }
    .am-theme .inline-seacr span:has(select) { width: 100%; order: 1; }
    .am-theme .inline-seacr select { width: 100%; min-width: 0; }
    .am-theme #divTable { padding: 10px; }
    .am-theme table.table thead th, .am-theme table.table tbody td { padding: 12px 10px; font-size: 14px; }
    .am-applicant .am-page-main { padding-block: 16px 40px; }
    .am-applicant .am-page-body { padding: 20px 16px; }
    .am-dashboard .am-page-body { padding: 0; }
    .am-applicant .left-informations-div h4 { font-size: 25px; }
    .am-dashboard-overview { grid-template-columns: 1fr; gap: 20px; }
    .am-completion-card { flex-direction: row; text-align: start; justify-content: space-between; }
    .am-applicant .am-completion-card h2 { font-size: 18px; }
    .am-completion-ring { width: 100px; height: 100px; }
    .am-completion-ring span { font-size: 26px; }
    .am-dashboard-notice { align-items: flex-start; padding: 18px; }
    .am-dashboard-section { padding: 20px 16px; overflow-x: auto; }
    .am-dashboard-section > h2 { font-size: 23px; }
    .am-theme .reveal-modal { width: calc(100% - 32px); min-width: 0; margin-inline: 0; left: 16px; padding: 24px 18px; }
    .am-terms-header, .am-vacancy-header { padding: 18px 20px 16px; }
    .am-theme .am-terms-header .modal-title, .am-theme .am-vacancy-header .modal-title { font-size: 22px; }
    .am-terms-body, .am-vacancy-body { padding: 20px; }
    .am-terms-list li { font-size: 15px; }
    .am-terms-footer, .am-vacancy-footer { padding: 16px 20px; }
    .am-theme .am-terms-footer .button, .am-theme .am-vacancy-footer .button { flex: 1; }
    .am-vacancy-section { margin-bottom: 20px; padding-bottom: 20px; }
    .am-vacancy-fields { grid-template-columns: minmax(0, 1fr); gap: 4px; }
    .am-vacancy-fields dd { margin-bottom: 12px; }
    .am-vacancy-fields dd:last-child { margin-bottom: 0; }
    .am-footer { padding-top: 40px; }
    .am-footer-grid { grid-template-columns: 1fr 1fr; gap: 28px 24px; }
    .am-footer-column:first-child, .am-footer-column:last-child { grid-column: 1 / -1; }
    .am-footer h2 { font-size: 18px; }
    .am-footer-bottom { flex-direction: column; gap: 10px; }
}

@media (prefers-reduced-motion: reduce) {
    .am-theme .am-button { transition: none; }
}