section.vacancies {
  padding: 100px 0 60px 0;
}
section#Current-vacancies{
  position:relative;
}
section.vacancies .top-pnl h2 {
  color: #1D5875;
}
section.vacancies .top-pnl h3 {
  color: #1D5875;
}
section.vacancies .top-pnl {
  max-width: 600px;
  margin-bottom: 60px;
}
section.vacancies .flex-row {
  display: flex;
  flex-wrap: wrap;
}
section.vacancies .flex-row .inner-pnl {
  background: #E6E6E6;
  padding: 35px;
  border-radius: 20px;
}
section.vacancies .flex-row .inner-pnl {
  background: #e6e6e6;
  border-radius: 20px;
  padding: 30px;
  width: calc(33.33% - 27px);
  margin:0 40px 40px 0;
  cursor:pointer;
  transition:0.4s ease-in-out;
}
section.vacancies .flex-row .inner-pnl:nth-child(3n) {
  margin-right: 0;
}
section.vacancies .flex-row .inner-pnl .organiz {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid rgba(91,91,91,0.6);
}
section.vacancies .flex-row .inner-pnl .organiz h5 {
  color: #5B5B5B;
  margin: 0;
  padding-bottom: 20px;
  line-height: 20px;
  font-weight: 600;
} 
section.vacancies .flex-row .inner-pnl .organiz h5 span:first-child {
  padding-left: 0px;
}
section.vacancies .flex-row .inner-pnl .organiz h5 span:last-child {
  padding-right: 0;
}
section.vacancies .flex-row .inner-pnl .organiz h5 span {
  display: inline-block;
  padding: 0px 15px;
  position:relative;
}
section.vacancies .flex-row .inner-pnl .bottom-cont {
  padding-top: 20px;
}
section.vacancies .flex-row .inner-pnl a.btn.primary-btn {
  background-color: #1d5875!important;
}
section.vacancies .flex-row .inner-pnl h3 {
  margin: 0 0 10px 0;
}
section.vacancies .flex-row .inner-pnl .organiz h5 span:first-child:after {
  content: "";
  position: absolute;
  top: 3px;
  right: 0;
  height: 100%;
  background: #5b5b5b;
  width: 2px;
  bottom: 0;
  margin: auto;
}
section.vacancies .flex-row .inner-pnl:hover {
  background: #1D5875;
  transition:0.4s ease-in-out;
}
section.vacancies .flex-row .inner-pnl:hover h5 {
  color: #fff;
}
section.vacancies .flex-row .inner-pnl h3 {
  color: #1D5875;
}
section.vacancies .flex-row .inner-pnl:hover h3 {
  color: #fff;
}
section.vacancies .flex-row .inner-pnl:hover p {
  color: #fff;
}
section.vacancies .flex-row .inner-pnl:hover a.btn{
  background-color:#fff !important;
  color:#1D5875 !important;
}
section.vacancies .flex-row .inner-pnl:hover span:after{
  background: #fff !important;
}
section.vacancies .flex-row .inner-pnl:hover .organiz {
  border-bottom: 1px solid #fff;
}


{# Popup #}

.vacancies .open-modal {
  position: fixed;
  background: rgb(47 47 47 / 85%);
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
}
.vacancies .modal-headr {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  list-style: none;
  padding: 24px 14px 24px 24px;
  background-color: #1D5875;
  position: relative;
  margin: 0 auto;
  max-width: 915px;
  transform: translateY(-1000px);
  transition: all 0.5s ease-in-out;
  border-radius: 10px;
}
.vacancies .open-modal .modal-card {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
}
.vacancies .open-modal .modal-card .cust-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
  flex-wrap:wrap;
}
.vacancies .open-modal.active {
  opacity: 1;
  z-index: 9;
} 
.vacancies .open-modal.active .modal-headr {
  transform: translateY(0px);
}
.vacancies .open-modal.active .modal-card .product-main::-webkit-scrollbar {
  width: 8px;
}
.vacancies .open-modal.active .modal-card .product-main::-webkit-scrollbar-track {
  background: transparent;
}
.vacancies .open-modal.active .modal-card .product-main::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,20%);
  border-radius:10px;
}
.vacancies .open-modal.active .modal-card .bind {
  text-align: end;
  width: 100%;
  position: absolute;
  top: 10px;
  right: 10px;
}
.vacancies .open-modal.active .modal-card button.crose {
  padding: 0px;
  margin-left: auto;
  border: 0;
  outline: 0;
  background: transparent;
}
.vacancies .open-modal.active .modal-card  button.crose img {
  font-size: 10px;
  height: 15px;
  width: 15px;
}
.vacancies .open-modal.active .modal-card button.crose:hover {
  background: transparent;
  border: 0;
  outline: 0;
}
.vacancies .open-modal.active p{
  color:#fff !important;
}
.vacancies .open-modal.active h3{
  color:#fff !important;
}
.vacancies .open-modal.active h5{
  color:#fff !important;
}
.vacancies .open-modal.active .modal-card .btn.primary-btn{
  background-color: #fff !important;
  color: #1D5875 !important;
}
.vacancies .open-modal.active .modal-card .product-main {
  margin-top: 30px;
  height: 448px;
  overflow-y: auto;
  padding-right: 50px;
}
.vacancies .open-modal.active .modal-card .bottom-content {
  border-top: 1px solid #fff;
  padding-top: 20px;
}
body.current {
  overflow: hidden;
}
.vacancies .open-modal.active .modal-card .bottom{
  color:#fff;
}
.vacancies .open-modal.active .modal-card .bottom span{
  padding:0 10px;
}
.vacancies .open-modal.active .modal-card .bottom span:first-child{
  padding-left:0;
}



/* Responsive */


@media(max-width:991px){
  section.vacancies .flex-row .inner-pnl{
    margin: 0 40px 40px 0;
    width: calc(50% - 20px);
  }
  section.vacancies .flex-row .inner-pnl:nth-child(3n) {
    margin-right: 40px;
  }
  section.vacancies .flex-row .inner-pnl:nth-child(2n) {
    margin-right: 0;
  }
}

@media(max-width:767px){
  .vacancies .open-modal .modal-card .cust-row .profile-summary {
    width: 100%;
    margin-bottom: 20px;
  }
  .vacancies .open-modal .modal-card .cust-row .right-btn {
    width: 100%;
  }
  section.vacancies {
    padding: 40px 0;
  }
}

@media(max-width:641px){
  section.vacancies .flex-row .inner-pnl{
    margin: 0 0 40px 0;
    width: 100%;
  }
  section.vacancies .flex-row .inner-pnl:nth-child(3n) {
    margin-right: 0;
  }
  section.vacancies .flex-row .inner-pnl:nth-child(2n) {
    margin-right: 0;
  }
  .vacancies .open-modal.active .modal-card .product-main{
    padding-right: 20px;
  }
}

.vacancies ul li {
 color: #fff; 
  padding-bottom: 5px;
}
.vacancies ul {
     list-style-type: disc;
  margin-left: 20px;
}