@media screen and (min-width: 1150px){
  
  

  .card_jobs{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    background-color:#23262f;
    border-radius: 1rem;
    padding: 1.5rem;
    width: 40%;
    height: 30%;
    
  }
  .card_jobs_title{
    color: #ffffffc2;
    margin-top: 0.5rem;
    font-size: 1.8rem;
    
    
  }
  .card_jobs_subtitle{
    color: #f5f5f5;
    margin-top: 0.2rem;
     font-size: 1.3rem;
  }
  .card_jobs_text{
    color: #f5f5f5a4;
    margin-top: 1em;
  }
  .card_jobs_button{
    background-color: #F55E00;
    color: #fff;
    padding: 0.5rem;
    border-radius: 0.5rem;
    width: 100%;
    margin-top: 1rem;
  }

  .card_img{
    border-radius: 1rem;
    margin-bottom: 1rem;
  }
  
 
}




@media (min-width: 980px)and (max-width: 1150px){
  body{
    width: 90%;
    margin-left: 5%;
    margin-left: 5%;
  }
  .glider-contain{
    width: 80%;
   
  }

  .card_jobs{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    background-color:#23262f;
   
    border-radius: 1rem;
    padding: 1.5rem;
    width: 40%;
    height: 30%;
    
  }
  .card_jobs_title{
    color: #ffffffc2;
    margin-top: 0.5rem;
    font-size: 1.8rem;
    
    
  }
  .card_jobs_subtitle{
    color: #f5f5f5;
    margin-top: 0.2rem;
     font-size: 1.3rem;
  }
  .card_jobs_text{
    color: #f5f5f5a4;
    margin-top: 1em;
  }
  .card_jobs_button{
    background-color: #F55E00;
    color: #fff;
    padding: 0.5rem;
    border-radius: 0.5rem;
    width: 100%;
    margin-top: 1rem;
    
  }

  .card_img{
    border-radius: 1rem;
    margin-bottom: 1rem;
  }

 
}
@media (min-width: 780px)  and  (max-width: 980px){
  body{
    width: 90%;
    margin-left: 5%;
    margin-left: 5%;
  }
  .glider-contain{
    width: 80%;
   
  }

  .card_jobs{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    background-color:#23262f;
   
    border-radius: 1rem;
    padding: 1.5rem;
    width: 40%;
    height: 30%;
    
  }
  .card_jobs_title{
    color: #ffffffc2;
    margin-top: 0.5rem;
    font-size: 1rem;
    
    
  }
  .card_jobs_subtitle{
    color: #f5f5f5;
    margin-top: 0.2rem;
     font-size: 0.9rem;
  }
  .card_jobs_text{
    color: #f5f5f5a4;
    margin-top: 1em;
    font-size: 0.8rem;
  }
  .card_jobs_button{
    background-color: #F55E00;
    color: #fff;
    padding: 0.5rem;
    border-radius: 0.5rem;
    width: 100%;
    margin-top: 1rem;
    font-size: 0.7rem;
  }

  .card_img{
    border-radius: 1rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 580px)  and  (max-width: 780px){
  body{
    width: 90%;
    margin-left: 5%;
    margin-left: 5%;
  }
  .glider-contain{
    width: 80%;
   
  }

  .card_jobs{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    background-color:#23262f;
   
    border-radius: 1rem;
    padding: 1.5rem;
    width: 40%;
    height: 30%;
    
  }
  .card_jobs_title{
    color: #ffffffc2;
    margin-top: 0.5rem;
    font-size: 1rem;
    
    
  }
  .card_jobs_subtitle{
    color: #f5f5f5;
    margin-top: 0.2rem;
     font-size: 0.9rem;
  }
  .card_jobs_text{
    color: #f5f5f5a4;
    margin-top: 1em;
    font-size: 0.8rem;
  }
  .card_jobs_button{
    background-color: #F55E00;
    color: #fff;
    padding: 0.5rem;
    border-radius: 0.5rem;
    width: 100%;
    margin-top: 1rem;
    font-size: 0.7rem;
  }

  .card_img{
    border-radius: 1rem;
    margin-bottom: 1rem;
  }
}


@media (min-width: 380px)  and  (max-width: 580px){
  body{
    width: 90%;
    margin-left: 5%;
    margin-left: 5%;
  }
  .glider-contain{
    width: 80%;
   
  }

  .card_jobs{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    background-color:#23262f;
   
    border-radius: 1rem;
    padding: 1.5rem;
    width: 40%;
    height: 30%;
    
  }
  .card_jobs_title{
    color: #ffffffc2;
    margin-top: 0.5rem;
    font-size: 1rem;
    
    
  }
  .card_jobs_subtitle{
    color: #f5f5f5;
    margin-top: 0.2rem;
     font-size: 0.9rem;
  }
  .card_jobs_text{
    color: #f5f5f5a4;
    margin-top: 1em;
    font-size: 0.8rem;
  }
  .card_jobs_button{
    background-color: #F55E00;
    color: #fff;
    padding: 0.5rem;
    border-radius: 0.5rem;
    width: 100%;
    margin-top: 1rem;
    font-size: 0.7rem;
  }

  .card_img{
    border-radius: 1rem;
    margin-bottom: 1rem;
  }
}

@media screen and  (max-width: 380px){
  
  .card_jobs{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    background-color:#23262f;
   
    border-radius: 1rem;
    padding: 1.5rem;
    width: 40%;
    height: 30%;
    
  }
  .card_jobs_title{
    color: #ffffffc2;
    margin-top: 0.5rem;
    font-size: 1rem;
    
    
  }
  .card_jobs_subtitle{
    color: #f5f5f5;
    margin-top: 0.2rem;
     font-size: 0.8rem;
  }
  .card_jobs_text{
    color: #f5f5f5a4;
    margin-top: 1rem;
    font-size: 0.7rem;
  }
  .card_jobs_button{
    background-color: #F55E00;
    color: #fff;
    padding: 0.5rem;
    border-radius: 0.5rem;
    width: 100%;
    margin-top: 1rem;
    font-size: 0.7rem;
  }

  .card_img{
    border-radius: 1rem;
    margin-bottom: 1rem;
  }

}