.sticky {
    position: fixed;
    top: 0;
   margin: auto;
  }
  /* pitch cards */
  .career_pitch{
      margin-top: 10rem;
  }
/* cat card */
.cat_card{
    background:#fff;
    border-radius: 2px;
    border-left: 5px solid #34c073;
    box-shadow: 3px 6px 10px rgba(0,0,0,.2);
    
}
.cat_card .card-body{
    padding: 1rem;
}
.cat_card .card-body #card-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cat_card .card-body p{
    font-size: 18px;
    font-weight: 600;
}
/* card icon */
.cat_card .card-body .card-icon{
    width:3rem;
    height:3rem;
    color: #34c073;
}
.cat_card .card-body span a{
    color: #fff;
    background: #34c073;
    padding: .3rem .5rem .3rem .5rem;
    

}
/* animation on hover */
.cat_card:hover .card-body .card-icon{
    animation: bounce .3s  alternate;
}
@keyframes bounce{
    from{
        transform: translateY(0);
    }
    to{
        transform: translateY(-5px);
    }
}
#job_cat .row:nth-child(2){
margin-top: 2rem;
}
/* recent vacancies */
#vac_post{
    background:#fff;
    width:350px;
    box-shadow: 3px 6px 10px rgba(0,0,0,.2);
    border-radius: 2px;

}
#vac_post .card-head{
    background:#34c073;
    height:100px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    overflow: hidden;
}
#vac_post .card-body{
    padding: 1rem .8rem .8rem 1rem;
}
.vac-title{
    display: flex;
    justify-content: space-between;
   
}
.vac-title p{
    font-weight: 600;
}
/* open positions */

/* job list */
.job_list{
    background: #fff;
    box-shadow: 0px 2px 4px rgba(0,0,0,.1);
    padding: 2rem;
    border-radius: 2px;
}
.job_list:hover{
    background: #fcfcfc;
}
/* job line */
.job-line span{
padding: .5rem 1rem .5rem 1rem;
font-size: 12px;
background: #34c073;
color: #000;
border-radius: 30px;
}
.icon-item{
    width: 2rem;
    height: 2rem;
    color: #fff !important;
}
.recent_vac{
    margin-top: 15rem;
}
@media screen and (max-width: 768px){
.recent_vac{
    margin-top: 48rem;
}
.cat_card{
    margin-top: 2rem;
}
}
@media screen and (max-width:990px){
    .recent_vac{
        margin-top: 50rem;
    }
    .cat_card{
        margin-top: 2rem;
    }
}