@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');


body{
    font-family:  "Cairo", sans-serif !important;
    direction: rtl;
    text-align: right;
}

    /* ====== Match screenshot look ====== */
    .mem-topbar {
      background: #1e2a3b; /* dark navy */
      height: 28px;
      display: flex;
      align-items: center;
    }
    .mem-topbar-links {
      height: 28px;
      font-size: 14px;
      letter-spacing: 0.2px;
      white-space: nowrap;
    }
    .mem-topbar-link {
      color: rgba(255, 255, 255, 0.92);
      text-decoration: none;
    }
    .mem-topbar-link:hover {
      color: #fff;
      text-decoration: underline;
    }

    .mem-mainbar {
      background: #ffffff;
      min-height: 84px;
      border-bottom: 1px solid #eef0f3;
    }

    .mem-brand {
      text-decoration: none;
    }
    .mem-logo {
      display: inline-block;
      object-fit: contain;
    }
    /* Tweak sizes to match screenshot proportions */
    .mem-logo-1,
    .mem-logo-2 {
      height: 42px;
      width: auto;
    }
    .mem-brand-text {
      font-size: 38px;
      font-weight: 300;
      color: #6b6f75;
      line-height: 1;
    }

    .mem-navlinks .mem-navlink {
      color: #7a7f86;
      font-size: 16px;
      padding-left: 20px;
      padding-right: 20px;
    }
    .mem-navlinks .mem-navlink.active,
    .mem-navlinks .mem-navlink:hover {
      color: #4b4f55;
    }

    .mem-right {
      white-space: nowrap;
    }
   .mem-tajawob {
    height: auto;
    width: 50px;
    object-fit: contain;
}

    .mem-btn {
      border-radius: 4px;
      padding: 10px 18px;
      font-size: 14px;
      line-height: 1;
    }
    .mem-btn-solid {
      background: #c8141b; /* red */
      border: 1px solid #c8141b;
      color: #fff;
    }
    .mem-btn-solid:hover {
      background: #b11218;
      border-color: #b11218;
      color: #fff;
    }

    .mem-btn-outline {
      background: #EDEEEF;
      border: 1px solid #c8141b;
      color: #c8141b;
        font-weight: 500;
    }
    .mem-btn-outline:hover {
      background: #fff5f5;
      color: #c8141b;
      border-color: #c8141b;
    }

    .mem-lang {
      color: #6b6f75;
      text-decoration: none;
      font-size: 14px;
    }
    .mem-lang:hover {
      text-decoration: underline;
    }
     .mem-footer{
    background:#1e2a3b;
    color:#c9d2de;
    position:relative;
  }

  /* top area */
  .mem-footer-logo{
    max-width:360px;
    width:100%;
    height:auto;
    display:block;
    opacity:.95;
  }

  .mem-footer-title{
    color:rgba(255,255,255,.55);
    font-size:14px;
    font-weight:600;
    margin:6px 0 14px;
  }

  .mem-footer-list{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    gap:14px;
  }

  .mem-footer-list a{
    color:#ffffff;
    text-decoration:none;
    font-size:14px;
    font-weight:500;
    opacity:.95;
  }
  .mem-footer-list a:hover{
    text-decoration:underline;
    opacity:1;
  }

  /* divider */
  .mem-footer-divider{
    border:0;
    border-top:1px solid rgba(255,255,255,1);
    margin:26px 0 18px;
  }

  /* bottom bar */
  .mem-footer-copy{
    color:rgba(255,255,255,.55);
    font-size:14px;
  }
span.job-arrow img {
    width: 20px;
}
  /* counters */
  .mem-counters{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
  }
  .mem-counter{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:210px;
    justify-content:center;
  }
  .mem-counter-icon{
    width:44px;
    height:44px;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    display:grid;
    place-items:center;
    color:rgba(255,255,255,.75);
  }
  .mem-counter-number{
    color:#ffffff;
    font-size:22px;
    font-weight:700;
    line-height:1.1;
  }
  .mem-counter-label{
    color:rgba(255,255,255,.55);
    font-size:11px;
    font-weight:700;
    letter-spacing:.6px;
    text-transform:uppercase;
    margin-top:2px;
  }
  .mem-counter-sep{
    width:1px;
    height:44px;
    background:rgba(255,255,255,.18);
  }

  /* social */
  .mem-footer-social{
    display:flex;
    align-items:center;
    justify-content:end;
    gap:14px;
    position:relative;
  }
  .mem-social{
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    text-decoration:none;
    color:rgba(255,255,255,.6);
    font-size:14px;
    border-radius:6px;
  }
  .mem-social:hover{
    color:#fff;
    background:rgba(255,255,255,.08);
  }

  /* back to top (red square like screenshot) */
  .mem-backtotop{
    width:38px;
    height:38px;
    border:0;
    border-radius:6px;
    background:#c8141b;
    color:#fff;
    font-size:18px;
    font-weight:700;
    display:grid;
    place-items:center;
    margin-left:10px;
    cursor:pointer;
  }
  .mem-backtotop:hover{
    background:#b11218;
  }
  .jobs-title{
    font-size: 40px;
    font-weight: 700;
    color:#0b1220;
    margin:0;
  }

  .jobs-control{
    height:48px;
    border:1px solid #bfc9dd;
    border-radius:4px;
    box-shadow:none !important;
    color:#1a2740;
  }
  .jobs-control::placeholder{ color:#8793ad; }

  /* Slick removes select arrow sometimes in some themes; keep it simple */
  .jobs-select select.jobs-control{
    padding-right:40px;
    background-image:
      linear-gradient(45deg, transparent 50%, #8793ad 50%),
      linear-gradient(135deg, #8793ad 50%, transparent 50%);
    background-position:
      calc(100% - 18px) 20px,
      calc(100% - 12px) 20px;
    background-size:6px 6px, 6px 6px;
    background-repeat:no-repeat;
  }

  /* Cards */
  .jobs-slide{ padding:0px; }
  .job-card{
    border:1px solid #e8ecf4;
    background:#fff;
    border-radius:0;
    padding:22px 24px;
    min-height:230px;
    transition-duration: 0.3s;
  }
  .job-card-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
  }
  .job-title-en{
    font-size:20px;
    font-weight:700;
    margin:0 0 6px;
    color:#101a2c;
  }
  .job-title-ar{
    font-size:18px;
    font-weight:700;
    margin:0;
    color:#101a2c;
  }

  .job-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    border:1px solid #c8141b;
    color:#c8141b;
    padding:12px 20px;
    border-radius:4px;
    font-weight:700;
    text-decoration:underline;
    white-space:nowrap;
    background:#fff;
  }
  .job-btn:hover{
    background:#fff5f5;
    color:#c8141b;
  }
  .job-arrow{ font-size:18px; line-height:1; }

  .job-hr{
    border:0;
    border-top:1px solid #eef1f7;
    margin:16px 0;
  }

  .job-grid{
    display:grid;
    grid-template-columns: 240px 1fr;
    gap:10px 18px;
    font-size:14px;
  }
  .job-labels div{
    color:#95a0b7;
    line-height:2.0;
  }
  .job-values div{
    color:#16243d;
    font-weight:700;
    line-height:2.0;
  }

  /* Pager */
  .jobs-pager{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:14px;
  }
  .jobs-nav{
    width:34px;
    height:34px;
    border:1px solid #d5dbea;
    background:#f3f5f9;
    border-radius:4px;
    display:grid;
    place-items:center;
    color:#4d5c77;
    cursor:pointer;
  }
  .jobs-nav span{ font-size:20px; line-height:1; }
  .jobs-page-text{
    margin-left:auto;
    font-weight:700;
    color:#2a3852;
  }

  /* Slick dots hidden (we use pager) */
  .jobs-slider .slick-dots{ display:none !important; }
  .jobs-slider .slick-prev,
  .jobs-slider .slick-next{ display:none !important; }


.statswrap {
    background: #333334;
    text-align: center;
    color: #fff;
    padding: 40px 20px;
}
.statswrap img {
    margin: auto;
}
.statswrap h5 {
    font-size: 18px;
}
.statswrap h3 {
    margin: 10px 0;
    font-size: 24px;
}
.stats-pager {
    display: flex;
    align-items: center;
    margin-top: 14px;
    gap: 10px;
}
section.stats {
    padding: 50px 0;
}

.bslide {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 450px;
}
.img-side {
    width: 70%;
    height: 100%;
    min-height: 450px;
}
.img-side img {
    width: 100%;
    height: 450px;
    object-fit: cover;
}
.red-side {
    width: 30%;
    background: #BE061C;
    height: 100%;
    min-height: 450px;
}
.red-side {
    display: flex;
    align-items: start;
    flex-direction: column;
    color: #fff;
    padding: 30px;
    justify-content: end;
}
.red-side a {
    padding: 10px 20px;
    background: #EDEEEF;
    color: #000;
    text-decoration: none;
    border: 1px solid #98A1B4;
    border-radius: 6px;
    margin: 20px 0;
}
.hero-slider ul.slick-dots {
    position: absolute;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 5px;
}
.hero-slider{
    margin-top: 20px;
    padding-bottom: 25px !important;
    position: relative;
}
.hero-slider .container{
  position: relative;
}
.btn.js-slick-toggle {
    position: absolute;
    top: 10px;
    right: 30px;
    z-index: 9;
    background: none;
    border: none;
    color: #fff;
    font-size: 20px;
}

.hero-slider ul.slick-dots button {
    font-size: 0;
    width: 14px;
    height: 14px;
    border-radius: 50px;
    border: none;
    background: #C5D0DA;
}

.hero-slider ul.slick-dots li.slick-active button {
    background: #4E738F;
}
.banner-pager {
    display: flex;
    margin-top: 10px;
    gap: 5px;
}
.mem-footer-brand img{
    filter: brightness(0) invert(1);
    width: 100%;
    max-width: 250px;
    height: auto;
}
.mem-footer-brand {
    text-align: center;
}
section.jobs-slider {
    padding: 50px 0 !important;
}
.events-slide-wrap .card {
    padding: 20px;
    height: 100%;
}
.news-inner-wrap {
    display: flex;
    gap: 15px;
}
.newsimg-side {
    width: 50%;
}
.newsimg-side img {
    width: 100%;
}
.txt-side {
    width: 50%;
}
.events-slide-wrap h3 {
    font-size: 24px;
}
.events-slide-wrap a {
    color: rgb(190, 6, 28);
    display: flex;
    gap: 5px;
}
.txt-side a img {
    margin-left: 5px;
}
.events-slide-wrap h6 {
    color: #98A1B4;
}
.card.multiple {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
}
section.events{
    padding: 75px 0;
    background: #F9FAFB;
}
.events-page-text {
    width: 100%;
    text-align: right;
    font-weight: bold;
}
.events-pager {
    display: flex;
    margin-top: 15px;
}
.pslide img {
    width: 70%;
    margin: auto;
    filter: brightness(0);
}
.pslide {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 250px;
}
section.partners {
    padding: 80px 0;
}
.job-card:hover {
    background: #BE061C;
}
.job-card:hover div {
    color: #fff;
}
.job-card:hover h3.job-title-en {
    color: #fff;
}
.job-card:hover h4.job-title-ar {
    color: #fff;
}

:root{
    --acc-border:#eef1f7;
    --acc-muted:#8f9ab2;
    --acc-text:#0f1b2d;
    --acc-red:#c8141b;
  }

  .acc-page{ background:#fff; }

  .acc-title{
    font-size:44px;
    font-weight:700;
    color:var(--acc-text);
    margin:0;
  }

  /* Tabs */
  .acc-tabs{
    border:1px solid var(--acc-border);
    border-radius:0;
    box-shadow:none;
  }
  .acc-nav{
    display:flex;
    gap:26px;
    padding:0;
    margin:0;
    list-style:none;
    flex-wrap:wrap;
  }
  .acc-link{
    color:#2b3445;
    font-size:14px;
    padding:10px 0;
    text-decoration:none;
    position:relative;
  }
  .acc-link:hover{ color:#111a2c; }
  .acc-link.active{
    font-weight:700;
  }
  .acc-link.active::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-9px;
    width:100%;
    height:2px;
    background:#111a2c;
  }

  /* Section heading */
  .acc-h2{
    font-size:34px;
    font-weight:500;
    color:#111a2c;
  }

  /* Edit button */
  .acc-edit-btn{
    border:1px solid var(--acc-red);
    color:var(--acc-red);
    padding:12px 22px;
    border-radius:4px;
    font-weight:700;
    text-decoration:underline;
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#fff;
    min-width:160px;
    justify-content:center;
  }
  .acc-edit-btn:hover{
    background:#fff5f5;
    color:var(--acc-red);
  }
  .acc-arrow{ font-size:18px; line-height:1; }

  /* Cards */
  .acc-card{
    border:1px solid var(--acc-border);
    border-radius:0;
    box-shadow:none;
  }

  /* Avatar */
  .acc-avatar{
    width:120px;
    height:120px;
    border-radius:6px;
    background:#8f97a8;
    display:grid;
    place-items:center;
  }
  .acc-avatar-icon{
    width:78px;
    height:78px;
  }
  .acc-avatar-icon circle,
  .acc-avatar-icon path{
    fill:#0a1640;
    stroke:#0a1640;
    stroke-width:2;
  }
  .acc-avatar-icon path{ fill:none; }

  /* Key/Value rows */
  .acc-kv{
    display:flex;
    flex-direction:column;
    gap:8px;
  }
  .acc-row{
    display:grid;
    grid-template-columns: 220px 1fr;
    gap:10px;
    align-items:baseline;
  }
  .acc-k{
    color:var(--acc-muted);
    font-size:14px;
  }
  .acc-v{
    color:#121c2e;
    font-size:14px;
    font-weight:700;
  }
  .acc-h3{
    font-size:18px;
    font-weight:700;
    color:#121c2e;
    margin:0;
    padding-bottom: 10px;
    border-bottom: 1px solid #EDEEEF;
  }

  .acc-interests{
    font-weight:700;
    color:#0f1b2d;
  }
  .acc-tabs {
    background: #F9FAFB;
}

:root{
    --app-border:#b9c3d9;
    --app-hr:#eef1f7;
    --app-text:#0f1b2d;
    --app-muted:#8f9ab2;

    --pill-applied-bg:#f7efe3;
    --pill-applied-bd:#d4a870;

    --pill-short-bg:#eef4ff;
    --pill-short-bd:#3d5f92;

    --pill-not-bg:#ffecee;
    --pill-not-bd:#e13b43;

    --pill-sel-bg:#e7e6dc;
    --pill-sel-bd:#6f7260;
  }

  .app-title{
    font-size:40px;
    font-weight:500;
    color:var(--app-text);
    margin:0;
  }

  .app-card{
    border:1px solid var(--app-border);
    background:#fff;
    padding:18px 22px;
    margin-bottom:10px;
  }

  .app-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
        border-bottom: 1px solid #EDEEEF;
  }
span.tix-toggle-text {
    text-decoration: underline;
}
  .app-en{
    font-size:18px;
    font-weight:700;
    color:var(--app-text);
    margin-bottom:6px;
  }
  .app-ar{
    font-size:16px;
    font-weight:700;
    color:#6b7487;
  }

  .app-pill{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 18px;
    border-radius:999px;
    border:1px solid transparent;
    min-width:230px;
    justify-content:center;
    white-space:nowrap;
  }
  .app-pill-k{
    color:var(--app-muted);
    font-size:14px;
  }
  .app-pill-v{
    color:var(--app-text);
    font-weight:700;
    font-size:14px;
  }

  .app-pill--applied{ background:var(--pill-applied-bg); border-color:var(--pill-applied-bd); }
  .app-pill--shortlisted{ background:var(--pill-short-bg); border-color:var(--pill-short-bd); }
  .app-pill--notshortlisted{ background:var(--pill-not-bg); border-color:var(--pill-not-bd); }
  .app-pill--selected{ background:var(--pill-sel-bg); border-color:var(--pill-sel-bd); }

  .app-hr{
    border:0;
    border-top:1px solid var(--app-hr);
    margin:14px 0;
  }

  .app-kv{
    display:flex;
    flex-direction:column;
    gap:12px;
  }

  .app-row{
    display:grid;
    grid-template-columns: 220px 1fr;
    gap:14px;
    align-items:baseline;
  }
  .app-k{
    color:var(--app-muted);
    font-size:14px;
  }
  .app-v{
    color:var(--app-text);
    font-size:14px;
    font-weight:700;
  }


  :root{
    --tix-border:#b9c3d9;
    --tix-hr:#eef1f7;
    --tix-text:#0f1b2d;
    --tix-muted:#8f9ab2;

    --pill-closed-bg:#e7e6dc;
    --pill-closed-bd:#6f7260;

    --pill-open-bg:#ffecee;
    --pill-open-bd:#e13b43;

    --tix-reply-bg:#efefef;
    --tix-red:#c8141b;
  }

  .tix-title{
    font-size:40px;
    font-weight:500;
    color:var(--tix-text);
    margin:0;
  }

  .tix-card{
    border:1px solid var(--tix-border);
    background:#fff;
    padding:18px 22px;
    margin-bottom:12px;
  }

  .tix-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
  }

  .tix-small{
    color:var(--tix-muted);
    font-size:14px;
    margin-bottom:2px;
  }

  .tix-title2{
    font-size:18px;
    font-weight:800;
    color:var(--tix-text);
  }

  .tix-pill{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 18px;
    border-radius:999px;
    border:1px solid transparent;
    min-width:240px;
    justify-content:center;
    white-space:nowrap;
  }
  .tix-pill-k{ color:var(--tix-muted); font-size:14px; }
  .tix-pill-v{ color:var(--tix-text); font-weight:800; font-size:14px; }

  .tix-pill--closed{ background:var(--pill-closed-bg); border-color:var(--pill-closed-bd); }
  .tix-pill--open{ background:var(--pill-open-bg); border-color:var(--pill-open-bd); }

  .tix-hr{
    border:0;
    border-top:1px solid var(--tix-hr);
    margin:12px 0 14px;
  }

  .tix-row{
    display:grid;
    grid-template-columns: 140px 1fr;
    gap:14px;
    align-items:baseline;
  }
  .tix-k{
    color:var(--tix-muted);
    font-size:14px;
  }
  .tix-v{
    color:var(--tix-text);
    font-size:14px;
    font-weight:800;
  }

  .tix-p{
    color:var(--tix-text);
    font-weight:700;
    font-size:14px;
    line-height:1.55;
  }

  .tix-toggle{
    margin-top:14px;
    border:0;
    background:transparent;
    color:var(--tix-red);
    font-weight:700;
    font-size:14px;
    padding:0;
    display:inline-flex;
    align-items:center;
    gap:10px;
  }
  .tix-toggle:hover{ text-decoration:underline; }
  .tix-chev{ font-size:18px; line-height:1; }
  .tix-chev-up{ transform: translateY(-1px); }

  /* Reply bubble */
  .tix-reply{
    display:flex;
    gap:16px;
    background:var(--tix-reply-bg);
    border-radius:10px;
    padding:16px 18px;
    margin-top:14px;
  }
  .tix-avatar{
    width:54px;
    height:54px;
    border-radius:50%;
    background:#fff;
    border:2px solid #0a1640;
    display:grid;
    place-items:center;
    flex:0 0 auto;
  }
  .tix-avatar-icon{
    width:36px;
    height:36px;
  }
  .tix-avatar-icon circle,
  .tix-avatar-icon path{
    fill:#0a1640;
    stroke:#0a1640;
    stroke-width:2;
  }
  .tix-avatar-icon path{ fill:none; }

  .tix-reply-role{
    color:var(--tix-muted);
    font-size:14px;
    margin-bottom:2px;
  }
  .tix-reply-text{
    color:var(--tix-text);
    font-weight:700;
    font-size:14px;
    line-height:1.5;
  }

  /* Message textarea */
  .tix-message{
    margin-top:16px;
    border:1px solid var(--tix-border);
    border-radius:4px;
    padding:14px 16px;
    box-shadow:none !important;
    resize:none;
  }
  .tix-message::placeholder{ color:#9aa6bd; }

  @media (max-width: 991.98px){
    .tix-title{ font-size:32px; }
    .tix-top{ flex-direction:column; align-items:flex-start; }
    .tix-pill{ min-width:auto; }
    .tix-row{ grid-template-columns: 1fr; }
  }

  @media (max-width: 991.98px){
    .app-title{ font-size:32px; }
    .app-head{ flex-direction:column; align-items:flex-start; }
    .app-pill{ min-width:auto; }
    .app-row{ grid-template-columns: 1fr; }
  }

  /* Responsive tweaks */
  @media (max-width: 991.98px){
    .acc-title{ font-size:34px; }
    .acc-h2{ font-size:28px; }
    .acc-row{ grid-template-columns: 190px 1fr; }
  }
  @media (max-width: 575.98px){
    .acc-row{ grid-template-columns: 1fr; }
    .acc-edit-btn{ width:100%; }
    .acc-avatar{ width:110px; height:110px; }
  }





  :root{
    --cu-text:#0f1b2d;
    --cu-muted:#8f9ab2;
    --cu-border:#b9c3d9;
    --cu-soft:#eef1f7;
    --cu-red:#c8141b;
    --cu-dark:#343434;
    --cu-guide:#efefef;
  }

  /* Breadcrumb */
  .cu-breadcrumb{
    color:#97a2b8;
    font-size:14px;
    display:flex;
    align-items:center;
    gap:10px;
  }
  .cu-home{ font-size:16px; color:#9aa6bd; }
  .cu-sep{ color:#c2cadb; }

  .cu-title{
    font-size:44px;
    font-weight:700;
    color:var(--cu-text);
    margin:0;
  }
  .cu-rule{
    border:0;
    border-top:1px solid #f0f2f7;
  }

  .cu-h2{
    font-size:34px;
    font-weight:500;
    color:#111a2c;
    margin:0;
  }

  /* Controls */
  .cu-control{
    height:52px;
    border:1px solid var(--cu-border);
    border-radius:4px;
    box-shadow:none !important;
    color:#1a2740;
    padding-left:16px;
  }
  .cu-control::placeholder{ color:#9aa6bd; }

  .cu-textarea{
    height:auto;
    padding-top:14px;
    padding-bottom:14px;
    resize:none;
  }

  .cu-check .form-check-input{
    border:1px solid var(--cu-border);
    width:18px;
    height:18px;
    margin-top:2px;
  }
  .cu-check .form-check-label{
    color:#111a2c;
    font-size:14px;
  }

  /* Upload field */
  .cu-upload{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:14px 16px;
    border:1px solid var(--cu-border);
    border-radius:4px;
    cursor:pointer;
    user-select:none;
  }
  .cu-upload-text{
    color:#9aa6bd;
    font-size:14px;
  }
  .cu-upload-icon{
    color:#7b88a5;
    font-size:18px;
  }
  .cu-upload-input{
    display:none;
  }

  /* Create button */
  .cu-btn{
    background:var(--cu-red);
    color:#fff;
    height:52px;
    border-radius:4px;
    font-weight:700;
  }
  .cu-btn:hover{ background:#b11218; color:#fff; }

  /* Guide card */
  .cu-guide{
    border:0;
    border-radius:0;
    background:var(--cu-guide);
  }
  .cu-guide-text{
    color:#111a2c;
    font-size:15px;
    font-weight:500;
    line-height:1.5;
  }
  .cu-guide-hr{
    border:0;
    border-top:1px solid #d0d3da;
    margin:18px 0;
  }
img.mem-logo.mem-logo-1 {
    height: auto;
    width: 250px;
    padding-left: 10px;
    border-left: 1px solid #7070707E;
}
  .cu-doc{
    width:48px;
    height:48px;
    border-radius:10px;
    display:grid;
    place-items:center;
  }
  .cu-doc-icon{
    font-weight:700;
    font-size:14px;
    color:#111a2c;
  }
  .cu-doc-title{
    font-weight:700;
    color:#111a2c;
    font-size:15px;
  }
  .cu-download{
    background:var(--cu-red);
    color:#fff;
    border-radius:4px;
    padding:10px 24px;
    font-weight:700;
  }
  .cu-download:hover{ background:#b11218; color:#fff; }

  /* Dark contact */
  .cu-contact{
    border:0;
    border-radius:0;
    background:var(--cu-dark);
    color:#fff;
  }
  .cu-contact-title{
    font-size:22px;
    font-weight:700;
    margin:0;
  }
  .cu-contact-hr{
    border:0;
    border-top:1px solid #98A1B4;
    margin:14px 0;
  }
  .cu-contact-sub{
    font-size:18px;
    color:rgba(255,255,255,.9);
    font-weight:500;
  }
  .cu-phone{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:18px;
    color:#fff;
    font-weight:500;
  }
  .cu-phone-ic{ opacity:.9;filter: brightness(0) invert(1); }

  @media (max-width: 991.98px){
    .cu-title{ font-size:34px; }
    .cu-h2{ font-size:28px; }
  }


   :root{
    --gt-border:#b9c3d9;
    --gt-muted:#95a0b7;
    --gt-text:#0f1b2d;
    --gt-red:#c8141b;
  }

  /* Dark blur-ish backdrop like screenshot */
  .gt-modal .modal-backdrop,
  .modal-backdrop.show{
    opacity:.6;
  }

  /* Wider modal similar to image */
  .gt-dialog{
    max-width:620px;
  }

  .gt-content{
    border:0;
    border-radius:0;
    background:#fff;
    box-shadow:0 20px 60px rgba(0,0,0,.25);
    position:relative;
  }

  /* Close at top-right */
  .gt-close{
    position:absolute;
    top:18px;
    right:18px;
    opacity:.6;
    z-index:2;
  }
  .gt-close:hover{ opacity:1; }

  .gt-body{
    padding:36px 56px 34px;
  }

  .gt-title{
    text-align:center;
    font-size:44px;
    font-weight:700;
    color:var(--gt-text);
    margin:0 0 18px;
  }

  /* Inputs */
  .gt-control{
    height:50px;
    border:1px solid var(--gt-border);
    border-radius:4px;
    box-shadow:none !important;
    color:#1a2740;
    padding-left:16px;
  }
  .gt-control::placeholder{ color:var(--gt-muted); }

  .gt-textarea{
    height:auto;
    padding-top:14px;
    padding-bottom:14px;
    resize:none;
  }

  /* checkbox */
  .gt-check .form-check-input{
    width:18px;
    height:18px;
    border:1px solid var(--gt-border);
    margin-top:2px;
  }
  .gt-check .form-check-label{
    color:#111a2c;
    font-size:14px;
  }

  /* upload */
  .gt-upload{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:14px 16px;
    border:1px solid var(--gt-border);
    border-radius:4px;
    cursor:pointer;
    user-select:none;
    margin:0;
  }
  .gt-upload-left{ display:flex; flex-direction:column; gap:2px; }
  .gt-upload-title{
    color:#9aa6bd;
    font-size:14px;
    font-weight:500;
  }
  .gt-upload-sub{
    color:#9aa6bd;
    font-size:13px;
  }
  .gt-upload-ic{
    width:34px;
    height:34px;
    border-radius:6px;
    display:grid;
    place-items:center;
    color:#7b88a5;
  }
  .gt-upload-input{ display:none; }

  /* Button */
  .gt-btn{
    background:var(--gt-red);
    color:#fff;
    height:46px;
    border-radius:4px;
    font-weight:700;
    max-width:200px;
    margin:0 auto;
    display:block;
  }
  .gt-btn:hover{ background:#b11218; color:#fff; }

 

  :root{
    --ca-text:#0f1b2d;
    --ca-muted:#95a0b7;
    --ca-border:#b9c3d9;
    --ca-soft:#f0f2f7;
    --ca-red:#c8141b;
  }

  .ca-title{
    font-size:28px;
    font-weight:700;
    color:var(--ca-text);
    margin:0;
  }

  .ca-h2{
    font-size:24px;
    font-weight:500;
    color:var(--ca-text);
    margin:0 0 10px;
  }

  .ca-sub{
    color:#111a2c;
    font-size:16px;
    margin:0;
  }

  .ca-hr{
    border:0;
    border-top:1px solid #eff1f6;
  }

  /* Inputs */
  .ca-control{
    height:40px;
    border:1px solid var(--ca-border);
    border-radius:3px;
    box-shadow:none !important;
    font-size:16px;
    padding-left:14px;
    color:#1a2740;
  }
  .ca-control::placeholder{ color:#9aa6bd; }

  /* Upload */
  .ca-upload{
    height:40px;
    border:1px solid var(--ca-border);
    border-radius:3px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 12px;
    cursor:pointer;
    user-select:none;
    margin:0;
  }
  .ca-upload-text{
    font-size:12px;
    color:#9aa6bd;
  }
  .ca-upload-ic{
    width:28px;
    height:28px;
    border-radius:6px;
    display:grid;
    place-items:center;
    color:#7b88a5;
    font-size:16px;
  }
  .ca-upload-input{ display:none; }

  .ca-note{
    font-size:12px;
    color:#111a2c;
    line-height:1.35;
    margin-top:2px;
  }

  /* Note box for password */
  .ca-notebox{
    font-size:16px;
    color:#666f80;
    padding-top:2px;
  }
  .ca-note-title{
    font-weight:700;
    color:#111a2c;
    margin-bottom:6px;
  }
  .ca-note-list{
    padding-left:16px;
    margin:0;
  }

  /* Discipline with plus button */
  .ca-pluswrap{
    position:relative;
  }
  .ca-control-plus{
    padding-right:46px;
  }
  .ca-plus{
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    width:26px;
    height:26px;
    border-radius:50%;
    border:1px solid var(--ca-border);
    background:#fff;
    color:#7b88a5;
    font-weight:700;
    line-height:1;
    display:grid;
    place-items:center;
    cursor:pointer;
  }

  /* Checks */
  .ca-check .form-check-input{
    width:16px;
    height:16px;
    border:1px solid var(--ca-border);
    margin-top:2px;
  }
  .ca-check .form-check-label{
    font-size:16px;
    color:#111a2c;
  }

  .ca-link{
    color:var(--ca-red);
    text-decoration:underline;
  }

  /* Submit */
  .ca-submit{
    background:var(--ca-red);
    color:#fff;
    border-radius:4px;
    padding:8px 28px;
    font-weight:700;
    font-size:16px;
  }
  .ca-submit:hover{ background:#b11218; color:#fff; }

  @media (max-width: 575.98px){
    .ca-title{ font-size:24px; }
    .ca-h2{ font-size:20px; }
  }

.job-filter .card {min-height: 20vw;}
.joblist .card {border: 2px solid #EDEEEF; border-radius: 0;}
.joblist .card .col-md-3 {border-left: 2px solid #EDEEEF; align-content: center;}
.joblist .card img.logo {width: 100%; padding: 15px;}
.joblist .card hr {color: #EDEEEF; background-color: #EDEEEF; height: 2px; opacity: 1;}
.joblist .card button.btn.btn-outline-danger {text-decoration: underline; font-weight: 600; padding: 14px 30px;}
.joblist .slick-slide > div {width: 100%;}
.joblist .slick-track {display: flex;}
.joblist .row {flex-wrap: wrap;}





  /* Responsive */
  @media (max-width: 991.98px){
    .jobs-title{ font-size:34px; }
    .job-grid{ grid-template-columns: 1fr; }
  }
  /* responsive */
  @media (max-width: 991.98px){
    .mem-footer-social{ justify-content:start; }
    .mem-counters{ justify-content:start; flex-wrap:nowrap; }
    .mem-counter{ justify-content:start; }
  }



.joblist-slide-wrap .card {
    padding: 20px;
    height: 100%;
}
.joblist-slide-wrap h3 {
    font-size: 24px;
}
.joblist-slide-wrap a {
    color: rgb(190, 6, 28);
    display: flex;
    gap: 5px;
}
.joblist-slide-wrap h6 {
    color: #98A1B4;
}
.card.multiple {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
}
section.joblist{
    padding: 75px 0;
    background: #F9FAFB;
}
.joblist-page-text {
    width: 100%;
    text-align: right;
    font-weight: bold;
}
.joblist-pager {
    display: flex;
    margin-top: 15px;
}

.joblist .card img.listing-logo {width: 100%; padding: 15px;}
.job-card:hover img.listing-logo {filter: invert(1);}

.joblist .jobs-pager{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:14px;
  }
  .joblist .jobs-nav{
    width:34px;
    height:34px;
    border: 1px solid #EBECF0;
    background: #FFFFFF;
    border-radius:4px;
    display:grid;
    place-items:center;
    color:#4d5c77;
    cursor:pointer;
    border-radius: 0;
  }
  .joblist .jobs-nav span{font-size:20px;line-height: 0.75;border-radius: 50%;background: #565A5E;width: 20px;height: 20px;align-items: center;/* justify-content: center; */color: white;}
  .joblist .jobs-page-text{
    margin-left:auto;
    font-weight:700;
    color:#2a3852;
  }

  .joblist .joblist-pager {
    display: flex;
    margin-top: 15px;
    gap: 2px;
}

.jobs-filters .filters-block hr {color: #EDEEEF;background-color: #EDEEEF;height: 1px;opacity: 1; margin: 0;}

.custom-summary {
  list-style: none;
  cursor: pointer;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
}
.modal-body.gt-body.login-body {
    padding: 100px 56px;
}
.login-body label {
    display: block;
    text-align: center;
    color: #000;
}
.modal-body.gt-body.login-body button.btn.gt-btn {
    width: auto;
    min-width: 150px;
}
.login-body label a {
    color: #c8141b;
}
.mem-footer-social a {
    color: #fff;
    font-size: 20px;
}
.login-body .btn.gt-btn {
    margin-bottom: 31px;
}
/* Hide default arrow */
.custom-summary::-webkit-details-marker {
  display: none;
}

.custom-summary::after {
  content: '^';
  font-size: 16px;
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

/* Rotate arrow when open */
details[open] .custom-summary::after {
  transform: rotate(360deg);
}
.jobs-nav span {
    font-size: 24px;
    line-height: 0.75;
    border-radius: 50%;
    background: #565A5E;
    width: 20px;
    height: 20px;
    color: #fff;
        font-weight: 800;
}
.tix-reply{
    display: none;
}
.tix-message{
    display: none;
}
.tix-reply.active{
    display: block;
}
.tix-message.active{
    display: block;
}
section.joblist{
    padding: 27px 0 !important;
    background: #F9FAFB;
}
section.details-page .job-card{
    border:1px solid #e8ecf4;
    background:#fff;
    border-radius:0;
    padding:22px 24px;
    min-height:0;
    transition-duration: 0.3s;
  }
section.details-page .job-card:hover {
    background: inherit;
}
section.details-page .job-card:hover div {
    color: inherit;
}
section.details-page .job-card:hover h3.job-title-en {
    color: #101a2c;
}
section.details-page .job-card:hover h4.job-title-ar {
    color: #98A1B4;
}
section.details-page .share-btn {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: #c8141b;
    border: 1px solid #c8141b;
    color: white;
    text-align: 
    center;
    align-content: center;
}
section.details-page .job-title-en{
    font-size:20px;
    font-weight: 500;
    margin:0 0 6px;
    color:#101a2c;
  }
 section.details-page .job-title-ar{
    font-size:18px;
    font-weight:500;
    margin:0;
    color:#98A1B4;
  }
 section.details-page .job-link{
    color:#c8141b;
  }
 section.details-page .job-link:hover{
    font-weight:500;
  }











section#job-desc {background: #F9FAFB;}
section#skills-required {background: #333334; color: #FFFFFF !important;}
section#skills-required h2{
    font-size:34px;
    font-weight:500;
    color:white;
    margin:0;
  }

section.details-page ul{padding: 0 18px;}
section.details-page ul li{padding: 4px;}

section#skills-required  ul{padding: 18px;}
section#skills-required  ul li{padding: 8px;}


  @media(max-width:767px){
    .bslide {
    min-height: 250px;
    flex-direction: column;
}
.bslide .red-side {
    width: 100%;
    min-height: 300px;
    order:2
}

.bslide .img-side {
    width: 100%;
    min-height: 300px;
    order:1
}

.bslide .img-side img {
    height: 300px;
}
.events-slide-wrap h3 {
    font-size: 16px;
}
    .news-inner-wrap {
    margin-bottom: 25px;
}
.events-slide-wrap .card {
    margin-bottom: 25px;
    height: 98%;
}
    
    .mem-footer-top .col-md-4 {
    width: 50%;
}
    .mem-counter {
    min-width: auto;
}
    .mem-footer-social {
    justify-content: center;
}
.acc-page .d-flex.align-items-center.justify-content-between {
    flex-direction: column;
    align-items: start;
    gap: 15px;
}
.job-card-head {
    flex-direction: column;
}
.mem-right {
    flex-wrap: wrap;
}

.mem-right {
    flex-wrap: wrap;
    padding:20px;
}

div#memNav {
    background: #1e2a3b;
}

div#memNav a.nav-link.mem-navlink {
    color: #fff;
    border-bottom: 1px solid #fff;
}
}
.modal-dialog.modal-dialog-scrollable.modal-dialog-lg {
    min-width: 85% !important;
}


.function-buttons {position: fixed !important; right: 10px; z-index: 999; top: 40%; display: grid;}
button.star-icon, button.chat-icon {background: none; border: none; z-index: 999;}
button.star-icon img {width: 44px; height: 44px;}
button.chat-icon {margin-top: 10px  !important;}
                button.chat-icon     img {width: 44px; height: 44px;}

button.abled-icon {position: fixed !important; left: 10px;background: none; border: none; z-index: 999; bottom: 5%;}
button.abled-icon img {width: 44px; height: 44px;}
button.abled-icon {
    padding: 0;
    border: none;
    background: none;
    position: fixed;
    bottom: 47px;
    left: 10px;
    width: 50px;
}

button.abled-icon img {
    width: 100%;
}

.mem-backtotop.fixed-top {
    bottom: 20px;
    top: unset;
    left: 20px;
    right: unset;
}
button.jobs-nav.jobs-next {
    margin-left: 12px;
}
button.jobs-nav.events-next {
    margin-left: 12px;
}
button.jobs-nav.partner-next {
    margin-left: 12px;
}
.mem-mainbar.fixed-top {
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
}
.events-slide-wrap h6 {
    margin-top: 30px;
}
 .events-slide-wrap .news-inner-wrap h6 {
    margin-top: 0px;
}
.events-slide-wrap a img {
    margin-left: 5px;
    width: 8px;
}
.txt-side {
    width: 50%;
    position: relative;
}
.txt-side a {
    position: absolute;
    bottom: 5px;
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
        gap: 20px;
    }
}
.jobs-slide.fixed-top {
    top: 85px;
}
.modal-content .jobs-slide.fixed-top {
    top: 35px;
}
.jobs-slide.jobs-fix.fixed-top .job-card:hover {
    background: #fff !important;
}

.joblist-slide-wrap a {
    color: rgb(190, 6, 28);
    display: flex;
    gap: 0px;
}

  .joblist .jobs-nav span{font-size: 32px;line-height: 0.5;border-radius: 50%;background: #565A5E;width: 20px;height: 20px;align-items: center;/* justify-content: center; */color: white;font-weight: 500;}
  .joblist .jobs-page-text{
    margin-left:auto;
    font-weight:500 !important;
    color:#2a3852;
  }
  .joblist .joblist-pager {
    display: flex;
    margin-top: 15px;
    gap: 7px;
  }
  .joblist .jobs-nav{
    width: 46px;
    height: 46px;
  }
 .joblist .jobs-nav span{
     line-height: 0;
     background: #565A5E;
     width: 23px;
     height: 23px;
     align-items: center;
     text-align: center;
 }

.joblist-page-text {
    width: 100%;
    text-align: right;
    font-weight: normal;
    color: #98A1B4;
    font-size: 20px;
    padding-inline: 2px;
    align-content: center;
}
#joblistPageNow {
    color: black;
    font-size: 24px;
    padding-inline: 2px;

}

 .listing-slide{ padding:0px; }

 section.jobs-slider {
    padding: 50px 0 !important;
}
  /* Slick dots hidden (we use pager) */
  .jobs-slider .slick-dots{ display:none !important; }
  .jobs-slider .slick-prev,
  .jobs-slider .slick-next{ display:none !important; }

.jobs-pager {
    display: flex;
    margin-top: 15px;
    gap: 7px !important;
  }
   .jobs-nav{
    width: 46px;
    height: 46px;
    border: 1px solid #EBECF0;
    background: #FFFFFF;
    display:grid;
    place-items:center;
    color:#4d5c77;
    cursor:pointer;
    border-radius: 0;
  }
 .jobs-nav span{
     line-height: 0;
     background: #565A5E !important;
     width: 23px;
     height: 23px;
     align-items: center;
     text-align: center;
 }

.jobs-page-text {
    width: 100%;
    text-align: right;
    font-weight: normal;
    color: #98A1B4;
    font-size: 20px;
    padding-inline: 2px;
    align-content: center;
}
#jobsPageNow {
    color: black;
    font-size: 24px;
    padding-inline: 2px;

}
  .jobs-pager {
    display: flex;
    margin-top: 15px;
    gap: 7px;
  }

.jobs-page-text{
    width: 100%;
    text-align: right;
    font-weight: normal;
    color: #98A1B4 !important;
    font-size: 20px;
    padding-inline: 2px;
    align-content: center;
}
#jobsPageNow, #docsPageNow {
    color: black;
    font-size: 24px;
    padding-inline: 2px;
}
button.jobs-nav.jobs-next {
    margin-left: 0;
}
  .job-btn{
    display:inline-flex;
    align-items:center;
    gap: 0px;
  }

@media (max-width: 991px){
    .job-card-head {
    flex-direction: column;
    }
    .mem-right {
        flex-wrap: wrap;
    }

    .mem-right {
        flex-wrap: wrap;
        padding:20px;
    }
      div#memNav {
        background: #1e2a3b;
    }

    div#memNav a.nav-link.mem-navlink {
        color: #fff;
        border-bottom: 1px solid #fff;
    }
    }
    .modal-dialog.modal-dialog-scrollable.modal-dialog-lg {
        min-width: 85% !important;
    }
    .events-slide-wrap h3 {
        font-size: 16px;
    }
    .txt-side a {
        position: absolute;
        bottom: 5px;
        font-size: 14px;
    }
    .news-inner-wrap {
        display: flex;
        gap: 15px;
        min-height: 145px;
    }    
    /*.mem-footer .row.align-items-center.gy-3 .col-md-5 {min-width: min-content;}*/
    .mem-counter{
      display:flex;
      align-items:center;
      gap: 12px;
      justify-content:center;
    }
}
@media (max-width: 1200px) {
  .events-slide-wrap h3 {
    font-size: 20px;
  }
  .txt-side a {
     position: absolute;
     bottom: 5px;
     font-size: 14px;
 }
}
.login-body label a {
    color: #c8141b;
    display: inline-block;
}
.job-card img.logo {max-width: 100%;}
.joblist .card img.listing-logo {max-width: 100% !important;padding: 0  !important;}

@media (max-width: 767px) {
  .joblist .card .col-md-3 {border-right: none}
    .joblist .card img.listing-logo {width: 50% !important;padding: 15px 0 !important;}
}

@media (min-width: 1200px) and (max-width: 1440px) {
    .navbar-expand-lg .navbar-nav {
        flex-direction: row !important;
        gap: 7px !important;
    }
      .mem-btn {
      border-radius: 4px !important;
      padding: 10px !important;
      font-size: 12px !important;
      line-height: 1 !important;
    }

    .mem-navlinks .mem-navlink {
      font-size: 16px !important;
    }
}


@media (min-width: 992px) and (max-width: 1200px) {
    .navbar-expand-lg .navbar-nav {
        flex-direction: row !important ;
        gap: 7px !important ;
    }
      .mem-btn {
      border-radius: 4px !important;
      padding: 10px !important;
      font-size: 12px !important;
      line-height: 1 !important;
    }
      .mem-logo-1,
    .mem-logo-2 {
      height: 32px !important;
      width: auto !important;
    }
    img.mem-logo.mem-logo-1 {
      height: auto !important;
      width: 160px !important;
    }
    .mem-navlinks .mem-navlink {
      font-size: 14px !important;
    }
}
 /* Responsive */
  @media (max-width: 575.98px){
    .gt-body{ padding:28px 20px; }
    .gt-title{ font-size:34px; }
    .mem-logo-1, .mem-logo-2 {
    height: auto !important;
    width: 110px !important;
}
.txt-side a {
    position: relative;
}
.mem-topbar-links {
    gap: 5px !important;
    font-size: 12px;
    overflow: scroll;
}
.mem-footer-brand img.mem-logo.mem-logo-1 {
    width: 250px !important;
    border: none !important;
}
  }
   .events-pager .jobs-page-text{
    margin-left:auto;
    font-weight:500 !important;
    color:#2a3852;
  }
  .events-pager .joblist-pager {
    display: flex;
    margin-top: 15px;
    gap: 7px;
  }
  .events-pager .jobs-nav{
    width: 46px;
    height: 46px;
  }
 .events-pager .jobs-nav span{
     line-height: 0;
     background: #565A5E;
     width: 23px;
     height: 23px;
     align-items: center;
     text-align: center;
 }

.events-page-text {
    width: 100%;
    text-align: right;
    font-weight: normal;
    color: #98A1B4;
    font-size: 20px;
    padding-inline: 2px;
    align-content: center;
}
#eventsPageNow {
    color: black;
    font-size: 24px;
    padding-inline: 2px;

}
.fb-modal{
    border-radius: 10px;
  }
  .fb-emoji-btn{
    width: 38px;
    height: 38px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .fb-emoji-btn i{ font-size: 18px; color:#111827; }

  .fb-rate{
    width: 64px;
    height: 64px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .fb-rate i{ font-size: 26px; color:#111827; }

  .fb-rate.active{
    background: #BE061C;
    border: 1px solid #fff;
  }

  .fb-rate.active i{color: #fff;}
  .fb-textarea{
    border-radius: 6px;
    resize: none;
  }
/* Mega Menu */
.mega-menu {
  width: 100%;
  left: 0;
  top: 100%;
  margin-top: -15px;
}

.mega-title {
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 15px;
}
.navbar .container{
  position: relative;
}
.mega-link {
  display: block;
  padding: 6px 0;
  color: #333;
  text-decoration: none;
  transition: 0.3s;
}
.mem-navlinks .mem-navlink {
    padding-bottom: 15px;
    padding-top: 15px;
}
.mega-link:hover {
  color: #0d6efd;
  padding-left: 5px;
}

.mega-box {
  background: #f8f9fa;
}
.dropdown:hover .dropdown-menu {
  display: block;
}
.mega-menu ul.inn-mega {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 0;
    padding: 0;
    max-width: 100%;
    gap: 10px;
    list-style: none;
    margin-top: 25px;
}
.mega-menu h2{
  color: #cb2026;
}
.mega-menu ul.inn-mega a {
    padding: 1rem 0rem;
    color: #2c3e50;
    font-weight: normal;
    font-size: 1rem;
    text-decoration: none;
    border-radius: 8px;
    transition: all .3s ease;
    display: flex;
    align-items: center;
    background: transparent;
    border: 0px solid #e9ecef;
    text-align: left;
    line-height: 1.4;
    min-height: 55px;
}
.dropdown .mem-navlink i{
    display: inline-block;
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.dropdown-toggle::after{
  display: none;
}
/* Hover support for desktop */
@media (min-width: 992px) {
  .dropdown:hover .dropdown-menu {
    display: block;
  }
}
@media (max-width:767px){
  .mega-menu ul.inn-mega{
        grid-template-columns: repeat(1, 1fr);
  }
}


  @media (min-width:678px) and (max-width: 991.98px){
    .mem-footer-social{ justify-content:start; }
    .mem-counters{justify-content:start;flex-wrap: wrap;}
    .mem-counter{ justify-content:start; }
  }


.faq-section {
  /* background: #f5f5f5; */
}

.custom-accordion .accordion-item {
  background: #f9fafb;
  border: 1px solid #e5e5e5;
  margin-bottom: 15px;
  border-radius: 0px;
  overflow: hidden;
  padding: 10px;
}

.custom-accordion .accordion-button {
  background: #f9fafb;
  font-weight: 500;
  box-shadow: none;
}

.custom-accordion .accordion-button:not(.collapsed) {
  background: #f9fafb;
  color: #000;
  border-bottom: 1px solid #e0e0e0;
}

.custom-accordion .accordion-body {
  background: #f9fafb;
  font-size: 14px;
  color: #555;
}

/* Replace default arrow with + / - */
.custom-accordion .accordion-button::after {
  background-image: none;
  content: "+";
  font-size: 20px;
  transform: none;
}

.custom-accordion .accordion-button:not(.collapsed)::after {
  content: "−";
}
@media (max-width:767px){
  .acc-tabs.card li {
    width: 100%;
}
  .acc-nav  {
    gap: 0;
}

}
button.jobs-nav.partner-prev {
    order: 2;
}
button.jobs-nav.partner-next {
    order: 1;
}
button.jobs-nav.stats-prev {
    order: 2;
}
button.jobs-nav.stats-next {
    order: 1;
}
button.jobs-nav.jobs-prev {
    order: 3;
}
button.jobs-nav.jobs-next {
    order: 2;
}
button.jobs-nav.banner-prev {
    order: 2;
}
button.jobs-nav.banner-next {
    order: 1;
}
button.jobs-nav.events-next {
    order: 1;
}
button.jobs-nav.events-prev {
    order: 2;
}
button.jobs-nav.docs-next {
    order: 1;
}
button.jobs-nav.docs-prev {
    order: 2;
}
button.jobs-nav.joblist-next {
    order: 1;
}
button.jobs-nav.joblist-prev {
    order: 2;
}
button.jobs-nav.appcard-next {
    order: 1;
}
button.jobs-nav.appcard-prev {
    order: 2;
}
.banner-pager{
    justify-content: end;
}
.events-pager{
    justify-content: end;
}
.stats-pager {
    justify-content: end;
}
a.job-btn img {
    transform: scale(-1);
}
.txt-side a img {
    transform: scale(-1);
}
.events-slide-wrap a img{
  transform: scale(-1);
}
a.job-link img {
    transform: scale(-1);
}
.form-check .form-check-input {
    float: right;
    margin-right: 0em;
}
.form-check.mb-3.cu-check {
    padding: 0;
    padding-right: 25px;
}
.ca-check .form-check-label {
    padding-right: 25px;
}
.accordion-button::after {
    margin-right: auto;
    margin-left: 0;
}
span.cu-sep {
    transform: scale(-1);
}
a.job-btn.me-3 {
    margin: 0 !important;
    margin-left: 15px !important;
}
.mem-right {
    margin: 0 !important;
    margin-right: auto !important;
}
.acc-edit-btn img {
    transform: scale(-1);
}
.job-btn {
    gap: 5px;
}
button.btn.mem-btn-solid.ms-2 {
    margin: 0 !important;
    margin-right: 10px !important;
}
.cu-page .form-check .form-check-input{
  margin-right: -1.5em;
}
.mega-menu h2 {
    color: #cb2026;
    text-align: right;
}

/*============*/
.modal-grid .job-list {
    width: 50% !important;
}

.job-list .job-item {
    display: flex !important;
    justify-content: space-between !important;
    padding: 3px 0 !important;
    align-items: center !important;
}

.job-list .label {
    color: #95a0b7 !important;
    line-height: 2.0 !important;
    font-weight: 300 !important;
    min-width: 40% !important;
}

.job-list .value {
    text-align: right !important;
    min-width: 60% !important;
}

.jobs-slider #jobsContainer .row {
    --bs-gutter-y: 0.5rem !important;
    --bs-gutter-x: 0.5rem !important;
    margin: 0rem !important;
}

.job-list {
    font-weight: 500;
    font-size: 14px;
}

.joblist-slide-wrap .card {
    max-height: 100% !important;
}

/* Responsive */
@media (max-width: 767px) {
    .job-list .job-item {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .modal-grid .job-list {
        width: 100% !important;
    }

    .card-body.modal-grid {
        flex-wrap: wrap !important;
    }

    .job-list .value {
        min-width: 0 !important;
    }
}
 

.thanks-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 250px;
    background: #FAFAFA;
    border: 2px solid #EDEEEF;
}

    .thanks-box h4 {
        margin-bottom: 40px;
        color: #1E2939;
        font-weight: bold;
        font-size: 36px;
    }

    .thanks-box h5 {
        margin-top: 20px;
        font-weight: 400;
        color: #1E2939;
        font-size: 24px;
    }
    
    /* events details page */
.events-details h6 {
  color: #98A1B4;
}
.events-details h3 {
  font-weight: 600;
}
.events-details hr{
  color: #EDEEEF;
  height: 1px; 
  opacity: 1;
}
.events-details p {
  font-weight: 500;
}
section.details-page .events-details .share-btn {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: #1F4465;
    border: 1px solid #1F4465;
    color: white;
    text-align: center;
    align-content: center;
}



.custom-accordion .accordion-item {
    border: 1px solid #bcc7d6;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
}

.custom-accordion .accordion-button {
    background: #fff;
    color: #273142;
    font-size: 17px;
    font-weight: 500;
    padding: 18px 20px;
    box-shadow: none;
}

    .custom-accordion .accordion-button:not(.collapsed) {
        background: #fff;
        color: #273142;
        box-shadow: none;
    }

    .custom-accordion .accordion-button:focus {
        box-shadow: none;
        border-color: transparent;
    }

    .custom-accordion .accordion-button::after {
        background-size: 18px;
        width: 18px;
        height: 18px;
    }

.custom-accordion .accordion-body {
    padding: 18px 20px 22px;
    border-top: 1px solid #e7ebf0;
    background: #fff;
}

.discipline-list {
    column-gap: 50px;
}

.discipline-item {
    margin-bottom: 12px;
}

    .discipline-item .form-check-input {
        margin-top: 0.2rem;
        border-color: #b8c1cc;
        width: 18px;
        height: 18px;
    }

        .discipline-item .form-check-input:focus {
            box-shadow: none;
            border-color: #9aa8ba;
        }

    .discipline-item .form-check-label {
        color: #1d1d1f;
        font-size: 15px;
        line-height: 1.4;
        cursor: pointer;
        margin-right:10px;
        margin-top:4px;
    }
    
@media (max-width: 767px) {
  .acc-link.active::after{
    content:"";
    position:absolute;
    left:0;
    bottom: 0px;
    width:100%;
    height:2px;
    background:#111a2c;
  }
}




.share-wrap {
    position: relative;
    display: inline-block;
}

.share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    text-decoration: none;
}

.share-social {
    position: absolute;
    top: 154%;
    left: calc(-170% + 5px);
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 30px;
    box-shadow: 0 8px 20px rgba(0,0,0,.12);
    padding: 8px 10px;
    opacity: 0;
    visibility: hidden;
    transition: all .25s ease;
    z-index: 100;
}

    .share-social a {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        color: #222;
        background: #f5f5f5;
        font-size: 16px;
        transition: all .25s ease;
    }

        .share-social a:hover {
            background: #c8141b;
            color: #fff;
        }

.share-wrap:hover .share-social {
    opacity: 1;
    visibility: visible;
}

section.ca-page .form-check .form-check-input, 
section.ca-page .form-check .form-check-input.discipline-checkbox {
    float: right;
    margin-right: -1.5em;
}
section.ca-page .form-check, 
section.ca-page .form-check.discipline-item {
    padding-left: 0;
    padding-right: 1.5rem;
 }
section.ca-page .ca-check .form-check-label {
    padding-right: 0px;
}

.job-card:hover span.label {
    color: #fff !important;
}

.modal-content .jobs-slide.fixed-top {
    top: 0px;
}

.modal-header .btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 99999;
}
.fb-modal{
    border-radius: 0;
  }
.modal-body .job-card:hover span.label {
  color: #95a0b7  !important;
}

@media (min-width: 1441px) {
    .navbar-brand.d-flex.gap-3.mem-brand {gap: 10px !important;}
    .navbar-expand-lg .navbar-nav {
        flex-direction: row !important;
        gap: 10px !important;
    }
      .mem-btn {
      border-radius: 4px !important;
      padding: 12px !important;
      font-size: 14px !important;
      line-height: 1 !important;
    }
    .mem-navlinks .mem-navlink {font-size: 16px !important;}
    img.mem-logo.mem-logo-1 {
        height: auto;
        width: 220px;
        padding-left: 7px;
    }
    .mem-logo-1,
    .mem-logo-2 {
      height: 36px;
      width: auto;
    }   
    .mem-tajawob {
        height: auto;
        width: 50px;
        object-fit: contain;
    }
    ul.navbar-nav {padding-right: 10px;}
    .mem-navlinks .mem-navlink {padding-inline: 10px !important;}
    .d-flex.align-items-center.gap-3.mem-right {gap: 15px !important;}
}
@media (min-width: 1201px) and (max-width: 1440px) {
    .navbar-brand.d-flex.gap-3.mem-brand {gap: 7px !important;}
    .navbar-expand-lg .navbar-nav {
        flex-direction: row !important;
        gap: 7px !important;
    }
      .mem-btn {
      border-radius: 4px !important;
      padding: 10px !important;
      font-size: 12px !important;
      line-height: 1 !important;
    }
    .mem-navlinks .mem-navlink {font-size: 16px !important;}
    img.mem-logo.mem-logo-1 {
        height: auto;
        width: 160px;
        padding-left: 7px;
    }
    .mem-logo-1,
    .mem-logo-2 {
      height: 28px;
      width: auto;
    }   
    .mem-tajawob {
        height: auto;
        width: 50px;
        object-fit: contain;
    }
    ul.navbar-nav {padding-right: 7px;}
    .mem-navlinks .mem-navlink {padding-inline: 10px !important;}
    .d-flex.align-items-center.gap-3.mem-right {gap: 10px !important;}
}
@media (min-width: 992px) and (max-width: 1200px) {
    .navbar-brand.d-flex.gap-3.mem-brand {gap: 5px !important;}
    .navbar-expand-lg .navbar-nav {
      flex-direction: row !important;
      gap: 5px !important;
    }
      .mem-btn {
      padding: 10px 6px !important;
      font-size: 12px !important;
      line-height: 1 !important;
    }
    .mem-navlinks .mem-navlink {font-size: 14px !important;}
    img.mem-logo.mem-logo-1 {
        height: auto;
        width: 150px !important;
        padding-left: 7px;
    }
    .mem-logo-1,
    .mem-logo-2 {
      height: 26px !important;
      width: auto;
    }   
    .mem-tajawob {
        height: auto;
        width: 40px;
        object-fit: contain;
    }
    ul.navbar-nav {padding-right: 5px;}
    .mem-navlinks .mem-navlink {padding-inline: 5px !important;}
    .d-flex.align-items-center.gap-3.mem-right {gap: 7px !important;}
}

#jobDetailsContainer.modal-body section {
    scroll-margin-top: 100px;
}
.share-social {
    left: calc(-125% + 5px);
}

.scrollupposition {
    bottom: 25px !important;  
    left: 30px !important;
}

.gt-btn {
    max-width: 160px;
}

.modal-content .jobs-slide.fixed-top {
    top: 0px;
    max-height: 100px;
}
.jobs-slide{padding:0px;height: 100% !important;}
.job-card{
    min-height:280px;
    transition-duration: 0.3s;
    height: 100%;
}
#loginModal.modal.show {background: rgba(0, 0, 0, 0.65);}
@media (max-width: 1440px){
  .job-title-en, .job-title-ar{
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1200px){
  .job-title-en, .job-title-ar{
    font-size: 14px;
  }
}


.statswrap img {
    min-height: 72px;
}

.acc-tabs.card li.nav-item.active {
    background: #c8141b;
    color: #fff;
    min-width: 100px;
    text-align: center;
}

    .acc-tabs.card li.nav-item.active a {
        color: #fff;
    }


.partner-slider {
    visibility: hidden;
    opacity: 0;
}

    .partner-slider.slick-initialized {
        visibility: visible;
        opacity: 1;
        transition: opacity 0.3s ease;
    }

@media (max-width:767px) {
    img.mem-logo.mem-logo-1 {
        width: 175px !important;
    }

    img.mem-logo-2 {
        height: auto !important;
        width: 80px !important;
    }

    .bslide .red-side {
        order: 1 !important;
    }

    .bslide .img-side {
        order: 2 !important;
    }
}
.banner-slider {
    visibility: hidden;
    opacity: 0;
}

    .banner-slider.slick-initialized {
        visibility: visible;
        opacity: 1;
        transition: opacity 0.3s ease;
    }

.mem-navlinks .mem-navlink {
    color: #212529;
    font-size: 14px;
}

    .mem-navlinks .mem-navlink:hover {
        color: #cb2026;
    }

.mega-menu ul.inn-mega a {
    font-size: 14px !important;
    color: #212529 !important;
}

    .mega-menu ul.inn-mega a:hover {
        font-size: 14px !important;
        color: #cb2026 !important;
    }

.dropdown .mem-navlink i {
    width: 15px;
    height: 15px;
}

.mem-navlinks .mem-navlink.active, .mem-navlinks .mem-navlink:hover {
    color: #212529;
}

.slick-slider {
    visibility: hidden;
    opacity: 0;
}

    .slick-slider.slick-initialized {
        visibility: visible;
        opacity: 1;
        transition: opacity 0.3s ease;
    }

    .no-job {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 225px;
    flex-direction: column;
}

    .no-job h4 {
        font-size: 16px;
        font-weight: 600;
        color: #535E6A;
        margin-top: 10px;
    }

    .no-job img {
        width: 45px;
    }
   button.abled-icon {
    top: unset !important;
    bottom: 20px !important;
    left: unset !important;
    right: 20px !important;
}