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

/* Hide default arrow */
.custom-summary::-webkit-details-marker {
  display: none;
}

.custom-summary::after {
  content: '';
  width: 20px;
  height: 20px;
  background: url('../img/arrow-down.svg') no-repeat;
  background-size: 100%;
  font-size: 16px;
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}
details.custom-details label {
    color: #5D5D5D;
}

/* Rotate arrow when open */
details[open] .custom-summary::after {
  transform: rotate(360deg);
}
/*
.jobs-nav span {
    font-size: 20px;
    line-height: 0.75;
    border-radius: 50%;
    background: #565A5E;
    width: 20px;
    height: 20px;
    color: #fff;
}*/
.tix-reply{
    display: none;
}
.tix-message{
    display: none;
}
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;}

.job-filter .card-title {font-size: 18px;}
.job-filter .filters-block  summary {font-size: 18px;}
.job-filter .card-title {font-weight: 500;}
.job-filter .filters-block  summary {font-weight: 400;}

@media (max-width: 767px) {
    .joblist .card img.listing-logo {width: 30%; padding: 15px;}
}
@media (max-width: 425px) {
   .job-card-head{
    flex-wrap: wrap;
  }
}

.partner-title {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: center;
}

.partner-banner .img-side {
    width: 100%;
    height: 100%;
    min-height: 550px;
}

  .job-btn{
    border: 2px solid #c8141b;
  }

  .docs-slide .docs-card {align-content: center;}
.docs-slide {text-align: center; justify-content:center; align-content:center;}

section.docs-page .docs-card{
    border:1px solid #e8ecf4;
    background:#fff;
    border-radius:0;
    padding:22px 24px;
    min-height:0;
    transition-duration: 0.3s;
  }
section.docs-page .docs-card:hover {
    background: inherit;
}
section.docs-page .docs-card:hover div {
    color: inherit;
}

 section.docs-page .docs-link{
    color:#c8141b;
  }
 section.docs-page .docs-link:hover{
    font-weight:500;
  }

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

section.docs-page .docs-card{
    border:1px solid #e8ecf4;
    background:#fff;
    border-radius:0;
    padding:22px 24px;
    min-height:0;
    transition-duration: 0.3s;
  }
section.docs-page .docs-card:hover {
    background: inherit;
}
section.docs-page .docs-card:hover div {
    color: inherit;
}
section.docs-page .docs-card:hover h3.job-title-en {
    color: #101a2c;
}
section.docs-page .docs-card:hover h4.job-title-ar {
    color: #98A1B4;
}
section.docs-page a.docs-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    border:1px solid #c8141b;
    color: white;
    padding:12px 20px;
    border-radius:4px;
    font-weight:700;
    text-decoration:none;
    white-space:nowrap;
    background:#c8141b!important;
  }
section.docs-page a.docs-btn:hover{
    border:1px solid #c8141b;
    color: #c8141b;
    padding:12px 20px;
    border-radius:4px;
    font-weight:700;
    text-decoration:none;
    white-space:nowrap;
    background:white !important;
  }

  .job-hr{
    border:0;
    border-top: 1px solid #eef1f7;
    margin:16px 0;
    opacity: 1;
  }
.tix-side-modal .modal-dialog{
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  height: 100%;
  width: min(920px, 92vw);  /* adjust width */
  transform: translateX(-100%);
  transition: transform .3s ease;
}

.tix-side-modal.show .modal-dialog{
  transform: translateX(0);
}

.tix-side-modal .modal-content{
  height: 100%;
  border: 0;
  border-radius: 0;
}

/* optional: keep icon button size nice */
.tix-icon-btn{
  width: 44px;
  height: 44px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 992px){
    section.docs-page a.docs-btn{
    padding: 11px 8px !important;
  }
}
@media (max-width: 767px){
    .partner-banner .img-side {
    width: 100%;
    height: 100%;
    min-height: 0;
}
}

.joblist-slide-wrap .card {
    padding: 0;
    height: 100%;
}

.joblist-slide-wrap .card .col-md-9 {
    padding: 20px !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;
  }
   .jobs-nav{
    border: 1px solid #EBECF0;
    background: #FFFFFF;
    display:grid;
    place-items:center;
    color:#4d5c77;
    cursor:pointer;
    border-radius: 0;
  }
 .joblist .jobs-nav span{
     line-height: 0;
     background: #565A5E !important;
     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; }

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

  section.details-page .job-card{
    border:1px solid #e8ecf4;
    background:#fff;
    border-radius:0;
    padding:22px 24px;
    min-height:0;
    transition-duration: 0.3s;
    color: #1E2939;
  }
  .details-page .cu-h2{
    font-size:34px;
    color: #1E2939 !important;
    margin:0;
  }
  .details-page h2{
    font-weight: 400 !important;
  }

  section.details-page .job-card{
    border:1px solid #e8ecf4;
    background:#fff;
    border-radius:0;
    padding:22px 24px;
    min-height:0;
    transition-duration: 0.3s;
    color: #1E2939 !important;
    font-weight: 500;
  }
#job-desc h4{font-weight: 600;}

@media (min-width: 768px) and (max-width: 992px) {
    .job-filter summary{
        font-size: 16px !important;
    }
    .job-filter label {
        font-size: 13px !important;    
    }
}


/*bug sheet*/
.modal-body.gt-body.login-body button.btn.gt-btn {
    color:#fff;
    height: 56px !important;
    max-width: 157px !important;
}
.login-body label a {color: #BE061C !important;}
.acc-edit-btn{gap: 0px !important;}
.tix-hr{border-top: 1px solid #98A1B4 !important;}
.cu-guide-hr{border-top: 1px solid #98A1B4 !important;}
.cu-check .form-check-label{font-size: 17px !important; color: #000000 !important;}  
.cu-upload-text{font-size: 15px !important;}
.cu-check .form-check-input{margin-top: 4px !important;}
.gt-check .form-check-label{font-size: 17px !important; color: #000000 !important;}
.joblist .jobs-page-text{margin-right: 20px !important;font-weight: normal !important;}
.joblist .joblist-page-text{margin-right: 6px !important;font-weight: normal !important;}
.partner-banner .img-side {min-height: 0 !important;}
.details-page .job-card-head{align-items: center !important;}
.job-card-head a {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
}
.job-hr{border-top: 1px solid #EDEEEF !important;}
.job-btn{border: 1px solid #c8141b !important;}
details.custom-details label {margin-right: 20px !important;}

@media (max-width: 992px){
    .mem-footer-social a {
        color: #fff;
        font-size: 15px !important;
    }
    .mem-counters{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap: 0 !important;
    }
    .mem-counter{
        display:flex !important;
        align-items:center !important;
        gap: 6px !important;
        min-width: 140px !important;
        justify-content:center !important;
    }
    .mem-counter-icon{
        width: 33px !important;
        height: 33px !important;
    }
    .mem-counter-number{
        font-size: 16px !important;
    }
    .mem-counter-label{
        font-size: 9px !important;
    }
   .mem-counters{ justify-content:start !important; flex-wrap:nowrap !important;}
   .custom-summary::after {
      content: '';
      width: 18px !important;
      height: 18px !important;
      background: url('../img/arrow-down.svg') no-repeat;
      background-size: 75% !important;
      font-size: 16px;
      transform: rotate(180deg);
      transition: transform 0.3s ease;
      background-position: center !important;
    }
    
}
@media (min-width: 768px) and (max-width: 992px) {
    .job-filter summary{
        font-size: 16px !important;
    }
    .job-filter label {
        font-size: 12px !important;
    }
}
.joblist .card .col-xl-3 {border-left: 2px solid #EDEEEF !important; align-content: center !important;}
  
@media(max-width:768px){
    .mem-footer-social {
        justify-content: start !important;
    }
    .mem-counter{
        justify-content: start !important;
    }
    .mem-counter-sep{
        margin-inline: 5px !important;
    }
}

.mem-footer .row.align-items-center.gy-3{
      align-items: end !important;
}

@media(max-width: 425px){
    .news-inner-wrap {
        display: flex;
        gap: 15px;
        min-height: 145px;
        flex-wrap: wrap !important;
    }
    .newsimg-side {
        width: 100% !important;
    }
    .txt-side {
        width: 100% !important;
    }
    section.jobs-slider, section.stats, section.partners, section.events,  section.jobs-slider {
        padding: 25px 0 !important;
    }

}
button.abled-icon {
    padding: 6px;
    border: none;
    background: none;
    position: fixed;
    bottom: 20px !important;
    right: 10px !important;
    width: 50px;
}
.pslide img {
    width: 70% !important;
    margin: auto !important;
    filter: brightness(0) !important;
    margin-right: 0 !important;
}
button.abled-icon img {width: 63px !important;height: 63px !important;}
button.abled-icon img {
    width: 100% !important;
}

@media (min-width: 992px) and (max-width: 1440px){
  .job-card-head a {
    font-size: 14px !important;
  }
}