@import './components/form.css';

.karir {
  margin-top: 15px;
}
.karir .search {
  background: white;
  border-radius: 5px;
}
.karir .select-location {
  width: 100%;
}

.karir .btn-cari {
  color: rgb(255, 255, 255);
  font-size: 15px;
  font-family: NexaBold;
  margin: 8px 0;
  border-radius: 5px;
  background: #212c68;
  width: 100%;
  border: none;
  padding: 9px 0;
  transition: 300ms ease;
}
.karir .btn-cari:hover {
  background: #4b5baf;
}

.karir .karir-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: -15px;
  margin-right: -15px;
  justify-content: space-around;
}

.karir .karir-list .item {
  margin-top: 15px;
  background: white;
  border-radius: 5px;

  min-width: 230px;
  flex: 0 0 32%;
  padding: 15px;
}
.karir .karir-list .item .job-title {
  color: rgb(33, 44, 104);
  font-size: 18px;
  font-family: NexaHeavy;
}
.karir-list .item .job-desc {
  color: rgb(0, 0, 0);
  font-size: 15px;
  font-family: NexaBold;
}
.karir-list .item .location {
  color: rgb(110, 126, 212);
  font-size: 13px;
  font-family: NexaReg;
  margin-top: 30px;
  align-items: center;
  display: flex;

}
.karir-list .item .btn-register {
  margin-top: 30px;
  width: 100%;
  background: #212c68;
  display: flex;
  text-align: center;
  color: white;
  align-items: center;
  border-radius: 5px;
  justify-content: center;
  padding: 8px 0px;
  font-family: NexaReg;
  font-size: 14px;
  transition: 300ms ease;
}
.karir-list .item .btn-register:hover {
  background: #4b5baf;
}

.karir-list .item .btn-detail {
  margin-top: 15px;
  width: 100%;
  background: transparent;
  display: flex;
  text-align: center;
  color: #212c68;
  align-items: center;
  border-radius: 5px;
  justify-content: center;
  padding: 8px 0px;

  font-family: NexaReg;
  font-size: 14px;
}
/*responsive*/
@media (min-width: 1200px) {
}
@media (max-width: 1023px) {
    .hand{
        width: auto;
    }
 
} 
@media (max-width: 991px) {
 
}

@media (max-width: 767px) {
 .karir .container > .search.row, .karir .karir-list{
    margin:0
 } 
 .karir .karir-list .item{
   flex: 100%;
 }
 .karir-list .item .location{
   margin-top: 20px;
   border-bottom: 1px solid #c3c3c3;
 
 }
 .karir-list .item .btn-register{
   margin-top: 10px
 }
}