.slider,
.slider-1,
.slider-2,
.slider-3,
.slider-4,
.slider-5,
.slider-6,
.slider-7,
.slider-8,
.slider-9,
.slider-10,
.slider-11,
.slider-12
    {
	position: relative;
	max-width: 700px;
   max-height: 600px;
	overflow: hidden;
    
  }
  .slider-container,
.slider-container-1,
.slider-container-2,
.slider-container-3,
.slider-container-4,
.slider-container-5,
.slider-container-6,
.slider-container-7,
.slider-container-8,
.slider-container-9,
.slider-container-10,
.slider-container-11,
.slider-container-12
 {
	display: flex;
	transition: transform 0.5s ease;
 }
  .slide,
  .slide-1,
  .slide-2,
  .slide-3,
  .slide-4,
  .slide-5,
  .slide-6,
  .slide-7,
  .slide-8,
  .slide-9,
  .slide-10,
  .slide-11,
  .slide-12 {
	flex: 0 0 700px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 600px;
  }
 
  /* .actives,
.active-1,
.active-2,
.active-3,
.active-4,
.active-5,
.active-6,
.active-7,
.active-8,
.active-9,
.active-10,
.active-11{
  } */
  .prev-btn,
  .next-btn,
  .prev-btn-1,
  .next-btn-1,
  .prev-btn-2,
  .next-btn-2,
  .prev-btn-3,
  .next-btn-3,
  .prev-btn-4,
  .next-btn-4,
  .prev-btn-5,
  .next-btn-5,
  .prev-btn-6,
  .next-btn-6,
  .prev-btn-7,
  .next-btn-7,
  .prev-btn-8,
  .next-btn-8,
  .prev-btn-9,
  .next-btn-9,
  .prev-btn-10,
  .next-btn-10,
  .prev-btn-11,
  .next-btn-11,
  .next-btn-12,
  .prev-btn-12{
	position: absolute;
	top: 50%;
	width: 50px;
	height: 50px;
    border: none;
    background-color: rgb(231 231 231);
    border-radius: 10px;
    cursor: pointer;
  }
  .next-btn,
.next-btn-1,
.next-btn-2,
.next-btn-3,
.next-btn-4,
.next-btn-5,
.next-btn-6,
.next-btn-7,
.next-btn-8,
.next-btn-9,
.next-btn-10,
.next-btn-11,
.next-btn-12{
	left: 89%;
    background-image: url(../img/arrow_forward_48dp_FILL0_wght400_GRAD0_opsz48.svg);
	background-repeat: no-repeat;
  background-position: center;
  }
  .prev-btn,
  .prev-btn-1,
  .prev-btn-2,
  .prev-btn-3,
  .prev-btn-4,
  .prev-btn-5,
  .prev-btn-6,
  .prev-btn-7,
  .prev-btn-8,
  .prev-btn-9,
  .prev-btn-10,
  .prev-btn-11,
  .prev-btn-12{
    right: 89%;
    background-image: url(../img/arrow_back_48dp_FILL0_wght400_GRAD0_opsz48.svg);
    background-position: center;
	background-repeat: no-repeat;
  }
  @media (max-width:1220px) {
    .slide, .slide-1, .slide-2, .slide-3, .slide-4, .slide-5, .slide-6, .slide-7, .slide-8, .slide-9, .slide-10, .slide-11,.slide-12 {
        flex: 0 0 600px;
    }
}
@media (max-width: 1107px){
  .slide, .slide-1, .slide-2, .slide-3, .slide-4, .slide-5, .slide-6, .slide-7, .slide-8, .slide-9, .slide-10, .slide-11,.slide-12 {
    flex: 0 0 400px;
  }
  }
  @media (max-width:375px) { 
    .slide, .slide-1, .slide-2, .slide-3, .slide-4, .slide-5, .slide-6, .slide-7, .slide-8, .slide-9, .slide-10, .slide-11,.slide-12 {
      flex: 0 0 350px;
      position: relative;
  }
}
@media (max-width:768px) {
    .slider,
    .slider-1,
    .slider-2,
    .slider-3,
    .slider-4,
    .slider-5,
    .slider-6,
    .slider-7,
    .slider-8,
    .slider-9,
    .slider-10,
    .slider-11,
    .slider-12
    {
      
        max-width: 400px;
        max-height: 280px;
    }

    .actives,
    .active-1,
    .active-2,
    .active-3,
    .active-4,
    .active-5,
    .active-6,
    .active-7,
    .active-8,
    .active-9,
    .active-10,
    .active-11,
    .active-12{
        max-width: 400px;
        max-height: 280px;
    }
    .next-btn,
    .next-btn-1,
    .next-btn-2,
    .next-btn-3,
    .next-btn-4,
    .next-btn-5,
    .next-btn-6,
    .next-btn-7,
    .next-btn-8,
    .next-btn-9,
    .next-btn-10,
    .next-btn-11,
    .next-btn-12{
        left: 87%;
      }
      .prev-btn,
      .prev-btn-1,
      .prev-btn-2,
      .prev-btn-3,
      .prev-btn-4,
      .prev-btn-5,
      .prev-btn-6,
      .prev-btn-7,
      .prev-btn-8,
      .prev-btn-9,
      .prev-btn-10,
      .prev-btn-11,
      .prev-btn-12{
        right: 87%;
      }
      .prev-btn,
      .next-btn,
      .prev-btn-1,
      .next-btn-1,
      .prev-btn-2,
      .next-btn-2,
      .prev-btn-3,
      .next-btn-3,
      .prev-btn-4,
      .next-btn-4,
      .prev-btn-5,
      .next-btn-5,
      .prev-btn-6,
      .next-btn-6,
      .prev-btn-7,
      .next-btn-7,
      .prev-btn-8,
      .next-btn-8,
      .prev-btn-9,
      .next-btn-9,
      .prev-btn-10,
      .next-btn-10,
      .prev-btn-11,
      .next-btn-11,
      .prev-btn-12,
      .next-btn-12{
        max-width: 30px;
        max-height: 30px;
      }
      .slider-container,
      .slider-container-1,
      .slider-container-2,
      .slider-container-3,
      .slider-container-4,
      .slider-container-5,
      .slider-container-6,
      .slider-container-7,
      .slider-container-8,
      .slider-container-9,
      .slider-container-10,
      .slider-container-11,
      .slider-container-12
       {
        transition: none;
       }
       .job__big-img{
    margin-bottom: 0px;
    border-radius: 30px;
    max-width: 300px;
    max-height: 250px;
    position: absolute;
    top: 0px;
       }
}
@media (max-width: 320px){
.slide, .slide-1, .slide-2, .slide-3, .slide-4, .slide-5, .slide-6, .slide-7, .slide-8, .slide-9, .slide-10, .slide-11,
.slide-12 {
    flex: 0 0 300px;
}
.job__big-img {
  max-width: 220px;
  max-height: 250px;
  top: 0px;
  left: 40px;
}
} 