.join_us_header{
    position: relative;
    z-index: 1;
    background-color: #eeeeee;
    /*margin-top: 8px;*/
    padding-top: 3%;
    padding-bottom: 3%;
    border-radius: 36% 0% 89% 14% !important;
    left: 1rem !important;
}

.we_believe_text{
    margin-left:20px;
    font-size: 24px;
    color: #000000;
    text-align: left;
    width: 364px;
}
.career_header{
    font-size: 32px;
    color: #4D4D4D;
    /*letter-spacing: 0px;*/
    color: #4D4D4D;
    font-weight: 600;
}

#collapse_about{
    /*top: 269px;
    left: 155px;
    width: 1128px;
    height: 204px;*/
    text-align: left;
    font-size: 18px;
    letter-spacing: 0.18px;
    color: #9E9E9E;
    opacity: 1;
}

/* .card-columns {
  @include media-breakpoint-only(lg) {
    column-count: 4;
  }
  @include media-breakpoint-only(xl) {
    column-count: 5;
  }
} */

.careers_card{
    width: 300px;
    height: 330px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 20px #B5B5B529;
    border-radius: 10px;
    opacity: 1;
    transition: .6s;
}

.careers_mob_card{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 20px #B5B5B529;
    border-radius: 10px;
    opacity: 1;
    transition: .6s;
}

.careers_card:hover{
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1); 
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1); 
  transform: scale(1.1);
}

.careers_mob_card:hover{
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1); 
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1); 
  transform: scale(1.1);
}

.circle_span{
  margin-top: -2.5rem;
  z-index: -1; display:
  inline-block;
  border-radius: 5rem;
  box-shadow: rgb(201, 201, 201) 0px 3px 6px;
  width: 59px;
  height: 59px;
  right: 30% !important;
  transform: matrix(-0.6, 0.8, -0.8, -0.6);
  background: 0% 0% no-repeat padding-box padding-box rgb(154, 191, 80);
  position: absolute; left: 0px; right: 0px;
  margin-left: auto;
  margin-right: auto;
  visibility: visible;
  animation-duration: 1s;
  animation-delay: 1s;
  animation-name: rollIn;
}

.second_image{
    top: 2594px;
    left: 994px;
    width: 289px;
    height: 347px;
    background: transparent url('img/Rectangle 1049.png') 0% 0% no-repeat padding-box;
    border-radius: 5px;
    opacity: 1;
}
.crd_title{
    color:#F29B27;
    font-size:18px;
    text-align: center !important;
}
.crd_sub_title{
    color:#000000; 
    font-size:14px;
}
.business_crd_title{
    color:#79A128;
    font-size:18px;
}
.python_crd_title{
    color:#F29B27;
    font-size:18px;
    text-align: center !important;
}

.intern_crd_title{
    color:#45759E;
    font-size:18px;
    text-align: center !important;
}
.senior_crd_title{
    color:#DA6C79;
    font-size:18px;
    text-align: left !important;
}
.crd_body{
    color:#4D4D4D !important;
    font-size:14px;
}

.careers_card_title{
    border-bottom: 0px !important;
}

.card_radius{
    border-radius:10px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 20px #65656529;
}

.green_line_div{
    border-left: 6px solid #9ABF50;
    z-index: 0;
    position: absolute;
}

.blue_line_div{
    border-left: 6px solid #1E3C56;
    position: absolute;
}

#join_us_card{
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  overflow:scroll;
  height:auto;
}

#join_us_card::-webkit-scrollbar {
  display: none;
  overflow:scroll;
  height:auto;
}

.join_us_section{
  border-top-left-radius: 7%;
  border-bottom-right-radius: 10%;
  background-color: #eeeeee;
  min-height: 32rem;
}

.left_top_img{
    width:100%;
    margin-bottom: 10%;
    margin-left: 28%;
    border-radius: 10px;
}
.right_top_img{
    width:100%;
    height: 120%;
    width: 130%;
    margin-top: -34%;
    margin-left: 38%;
    border-radius: 10px;
}
.left_btm_img{
    width: 130%;
    height: 110%;
    border-radius: 10px;
}
.right_btm_img{
    width: 100%;
    margin-left: 38%;
    border-radius: 10px;
}

.ideation_and_invent{
    margin-bottom: 125px !important;
    margin-top: 125px !important;
}

.h5_sub_txt{
    font-size:12px !important;
    color:#133049 !important;
}

.lft_algn_txt{
    font-size: 14px !important;
    text-align: left !important;
}

.fc_deck_card{
  padding-left: 6%; 
  padding-top: 2%;
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
.join_us_header{
    margin-left: 5% !important;
    position: relative !important;
  }
  .careers_dsktp_vrsn{
    visibility: hidden !important;
  }
  #home_slider{
    background: url('../img/quantumzyme_careers.jpg') 70% 0% / cover no-repeat !important;
  }
  #join_us_mobile_card .cards{
    margin: o 1rem !important;
    /* width: calc(100%); */
  }
}
/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  
  
  
  .join_us_crd_rw{
    margin-top: 2rem !important
  }
  .we_believe_tblt_vrsn{
    margin-top: 1rem !important;
    margin-left: 0rem !important;
  }
  .join_us_header{
    margin-left: 5% !important;
    position: relative !important;
  }
  .careers_dsktp_vrsn{
    visibility: hidden !important;
  }
  .mbl_vrsn{
    margin-left: 0.5rem !important;
  }
  #home_slider{
    background: url('../img/quantumzyme_careers.jpg') 70% 0% / cover no-repeat !important;
  }
}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
  .circle_span{
    position: relative !important;
  }
  .join_us_crd_rw{
    margin-top: 2rem !important;
    margin-left: -4rem !important;
  }
  .card_radius {
   margin-left: -1.5rem !important; 
  }
  #home_slider{
    background: url('../img/quantumzyme_careers.jpg') 70% 0% / cover no-repeat !important;
    padding-top: 30px !important;
  }
  .join_us_header{
    margin-left: 5% !important;
  }
  .careers_dsktp_vrsn{
    visibility: hidden !important;
  }
  .we_believe_text{
    margin-top: 2px !important;
    margin-left: 6rem !important;
  }
}
/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
.join_us_crd_rw{
  margin-top: 3rem !important;
} 
.fc_deck_card{
  padding-left: 4%; 
  padding-top: 2%;
}
}

@media (max-width: 1200px) { 
  #join_us_desktop_card{
    display: none !important;
  }
  #join_us_mobile_card .cards{
    display: flex;
    flex-direction: column;
    max-width: 34rem;
    width: calc(100%);
  }
}

@media (min-width: 1200px) { 
  #join_us_mobile_card{
    display: none !important;
  }
}

@media (max-width:575.98px){
  #join_us_mobile_card .cards{
    margin: 0 2rem !important;
  }
  .modal-content{
    height: 100% !important;
    width: 100% !important;
  }
}