@import url('https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*{font-family: "Poppins", sans-serif !important;font-weight: 400;font-style: normal;}
.artech-job .jobheader{background-image: url(../images/jlheader.png);background-repeat: no-repeat;background-size:cover;}
.artech-job .job-detail-header{background-image: url(../images/job-detail-header.png);background-repeat: no-repeat;background-size:cover;}
.artech-job .text-white{color: #fff;}
.artech-job .row{margin:0px;}
.artech-job h1{font-size: 30px;}
.artech-job p{font-size: 16px; !important}
.artech-job a{color: rgba(119, 119, 119, 1);text-decoration: none;font-size: 16px;}
.artech-job .bdr-1{border: 1px solid rgba(210, 210, 210, 1);border-radius:18px;padding: 10px;}
.artech-job .bdr-2{border: 1px solid rgba(210, 210, 210, 1);border-radius:15px;padding: 10px;}
.artech-job .input-group-text{background-color: transparent;border: none;}
.artech-job .jl-search{border: none;}
.artech-job .form-control:focus {box-shadow: none;}
.artech-job .bdr-right{border-right: 1px solid rgba(210, 210, 210, 1);}
.artech-job select::after{background-image: url(../images/down.svg);}
.artech-job .btn-jl-common{font-size:16px;background-color: rgba(37, 62, 145, 1);color:#fff;border: none;border-radius: 40px;padding: 10px 15px;}
.artech-job .btn-jl-common:hover{font-size:16px;background-color: rgba(37, 62, 145, 1);color:#fff;border: none;border-radius: 40px;padding: 10px 15px;}
.artech-job .mr-20{margin-right:20px;margin-bottom: 15px;}
.artech-job .btn-On-site{background-color: rgba(67, 176, 42, 1);border-radius:20px;color: #fff;padding:5px 15px;}
.artech-job .btn-On-site:hover{background-color: rgba(67, 176, 42, 1);border-radius:20px;color: #fff;padding:5px 15px;}
.artech-job .fw-700{font-weight: 700;}
.artech-job .fs-12{font-size: 12px!important;}
.artech-job .fs-18{font-size: 18px !important;}
.artech-job .fs-18 span{font-size: 18px !important;}
.artech-job .fs-20{font-size: 20px;}
.artech-job .fw-500{font-weight: 500;}
.artech-job .text-grey{color: rgba(119, 119, 119, 1);}
.artech-job .btn-remote{background-color: rgba(37, 62, 145, 1);border-radius:20px;color: #fff;padding:5px 15px;}
.artech-job .btn-remote:hover{background-color: rgba(37, 62, 145, 1);border-radius:20px;color: #fff;padding:5px 15px;}
.artech-job .btn-hybrid{background-color: rgba(245, 88, 0, 1);border-radius:20px;color: #fff;padding:5px 15px;}
.artech-job .btn-hybrid{background-color: rgba(245, 88, 0, 1);border-radius:20px;color: #fff;padding:5px 15px;}
.artech-job .nav-pills .active{border:1px solid rgba(38, 60, 156, 1);border-radius: 18px;}
.artech-job .contentBox-content{list-style: none;margin-bottom: 0px;padding-left: 22px;}
.artech-job .contentBox-content li{margin-bottom: 15px;}
.artech-job .form-select {color: #777777;}
.artech-job .link{color: rgba(38, 60, 156, 1);text-decoration: underline;}
.artech-job .form-control {width: 100%;padding: 0.8rem .8rem;color: #777777;}
.artech-job .card{border: 1px solid rgba(225, 225, 225, 1);}
.artech-job .text-voilet{color:rgba(111, 51, 141, 1);}
.artech-job .upload_dropZone {color: #0f3c4b;outline: 1.9px dashed rgba(111, 51, 141, 1); outline-offset: -5px;transition:outline-offset 0.2s ease-out,outline-color 0.3s ease-in-out,background-color 0.2s ease-out;}
.artech-job .mt--100{margin-top:-100px;}
.artech-job .list-scroll{height: 615px; overflow-y: scroll;}
.artech-job .input-group {flex-wrap: nowrap;}
.list-scroll::-webkit-scrollbar {
  display: none;
}

.fade-up {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}

.fade-up.show {
  opacity: 1;
  transform: translateY(0);
}
/* Hide scrollbar for IE, Edge and Firefox */
.list-scroll{
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  border:1px solid rgba(210, 210, 210, 1);
  border-radius:18px;
  padding:10px;
}



@media only screen and (max-width: 600px) {
  .artech-job .bdr-right{border-right: 0px solid rgba(210, 210, 210, 1);}
  .artech-job .input-group{border-bottom: 1px solid rgba(210, 210, 210, 1);margin: 10px 0px;}
  .artech-job .form-control{font-size: 14px;}
  .artech-job .list-scroll{height: 350px; overflow-y: scroll;}
  }


  .loader.active {
    margin:auto;
    width: 48px;
    height: 48px;
    border: 5px solid rgba(37, 62, 145, 1);
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    }

    @keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
    } 
    
    
    
    
.loading-wrapper-full{
background-color: rgba(0, 0, 0, .65);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100vw;
    position: fixed;
    z-index: 9999;
}
    
    
.loader {
  color: #fff;
  font-size: 10px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  animation: mulShdSpin 1.3s infinite linear;
  transform: translateZ(0);
}

@keyframes mulShdSpin {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 
    2em -2em 0 0em, 3em 0 0 -1em, 
    2em 2em 0 -1em, 0 3em 0 -1em, 
    -2em 2em 0 -1em, -3em 0 0 -1em, 
    -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 
    3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, 
    -2em 2em 0 -1em, -3em 0 0 -1em, 
    -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 
    2em -2em 0 0, 3em 0 0 0.2em, 
    2em 2em 0 0, 0 3em 0 -1em, 
    -2em 2em 0 -1em, -3em 0 0 -1em, 
    -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
     3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, 
     -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
     3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, 
     -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
     3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, 
     -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 
    3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, 
    -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 
    3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, 
    -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}

.full-loader-wrapper{
    
    position:fixed;
    height:100vh;
    width:100vw;
    display:flex;
    justify-content:center;
    align-items:center;
    background: white;
    z-index: 9999;
}
.full-loader-wrapper .loader{
    
    color:rgba(37, 62, 145, 1);
}


.joblist-container{
    margin-bottom:3rem;
}


@media only screen and (max-width:768px){
    .select2-container {
    margin-bottom:10px !important;
}

.selection .select2-selection.select2-container--default ,.selection .select2-selection.select2-selection--multiple{

    padding:10px  !important;
}
 .tab-content{
     display:none !important;
 }
 .joblist-container{
    margin-bottom:1rem;
}

.joblist-container > .row >  .col-md-3,.joblist-container > .row >  .col-md-4{
     padding:0px;
}

.job-detail-header ~ .container > .m-3  {
    padding:0px;
    margin:0px !important;
}
.job-detail-header ~ .container > .m-3 > .row > .col-md-12 {
    padding:0px;
}

#jobDetailBlock > .col-md-6{
      padding:0px;
}

#jobDetailBlock .text-end{
     margin-top:10px !important;
     text-align:left !important;
}
#job-details .row:nth-of-type(2) .col-md-12 {
        padding:0px;
    margin:0px !important;
}
#job-details ~ .card{
      padding-left:0px !important;
     padding-right:0px !important;
}

#job-details ~ .card > .card-body{
      padding:0px;
      padding-top:10px !important;
    
}
#job-search-form .input-group  > *{
    padding:8px 4px;
}
#job-search-form .input-group {
   width:260px;
   border: none;
}

#job-search-form > .row > .col-md-4 .btn-jl-common{
   font-size:14px;
}

#job-search-form > .row .col-md-8, #job-search-form > .row .col-md-4{
   padding:0px;
   flex:1;
   flex-basis:fit-content !important;
}

.artech-job .list-scroll{
    height:600px;
}


.artech-job .nav-pills .active{
    border:none;
}

.jobheader{
    
    margin-bottom:15px !important;
}
/*#job-search-form > .row > .col-md-8{*/
/*   width:70%;*/
/*}*/

/*#job-search-form > .row > .col-md-4{*/
/*   width:30%;*/
/*}*/



 

/*#job-search-form > .row{*/
/*    display:flex;*/
/*            flex-wrap: nowrap;*/
/*}*/


/*#job-search-form > .row > div{*/
/*   flex:1;*/
/*}*/




}