.job-slider-wrapper_18298 {
  margin-top: 11rem;
}

.splide__slide h3.job-title {
  font-size: 30px;
  line-height: 1.2;

}
.splide__slide{
  background:linear-gradient(90deg, #DC214A 0%, #E75825 60%, #EF7D0E 100%);
  color:#fff;
  padding:10px 25px; 
  text-align:left;
  max-width: 420px;

}
.splide__slide:not(.splide__slide--clone){
  min-width:80%;
}
.splide__track{
  overflow:visible;
  min-height: 400px;
}
.splide--fade>.splide__slider>.splide__track>.splide__list, .splide--fade>.splide__track>.splide__list{
  min-height: 400px;
  display:flex;
  align-items: flex-end;
}



.splide--fade>.splide__track>.splide__list>.splide__slide.splide__position_0{
  z-index:50;
  transition: all 1s linear;
    top: 50%;
  left: 0%;
  opacity: 1;
}
.splide--fade>.splide__track>.splide__list>.splide__slide.splide__position_1{
  left: 5%;
  top: 38%;
  opacity: .8;
  transition: all 1s linear;
  z-index: 40;
}
.splide--fade>.splide__track>.splide__list>.splide__slide.splide__position_2{
  left: 10%;
  top: 26%;
  opacity: .6;
  transition: all 1s linear;
  z-index: 30;
}
.splide--fade>.splide__track>.splide__list>.splide__slide.splide__position_3{
  left: 15%;
  top: 14%;
  opacity: .4;
  transition: all 1s linear;
  z-index: 20;
}
.splide--fade>.splide__track>.splide__list>.splide__slide.splide__position_4{
  left: 20%;
  top: 2%;
  transition: all 1s linear;
  opacity: 0;
  z-index: 10;
}
.splide--fade>.splide__track>.splide__list>.splide__slide{
  transition: all 1s linear!important;
  transform: translate(0px, 0px);
  opacity: 0;
  position: absolute; 
  top: 60%; 
    left: -5%;
    right: 0;
    min-height:235px;
    z-index:-1;
}
.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{
  position: absolute; 
}
.splide--fade>.splide__track>.splide__list>.splide__slide.is-prev{
  top: 60%;
  left: -5%;
}
.splide__pagination{
  bottom:-75px;
}
.splide__pagination li {
  margin: 0 5px;

}
#JobCarousel_18299 .splide__pagination__page {
  background: #032D4F;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 15px;
  margin: 3px;
  opacity: 1;
  padding: 0;
  transition: transform .2s linear;
  width: 15px;
}
.splide__sr{
  display: none;
}
.splide__pagination__page {
  background: #fff;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 15px;
  margin: 3px;
  opacity: 1;
  padding: 0;
  transition: transform .2s linear;
  width: 15px;
}
ul.splide__pagination li:nth-child(n+7) {
  display: none; 
}

.hr-job .link-arrow{
  color:#fff!important;
  text-transform:none!important ;
  margin-top: 15px!important;
}
.hr-job .link-arrow svg{
  color:#fff!important;

}

.splide__slide:not(.splide__position_0):not(.splide__position_1):not(.splide__position_2):not(.splide__position_3):not(.splide__position_4):not(.is-active):not(.is-prev){
  display:none;
  transition: all 1s linear!important;
}    

.fade-out{
  animation: fadeoutanim;
  animation-duration: 1s;
  animation-iteration-count: 1;
}
.fade-in{
  animation: fadeinanim;
  animation-duration: 1s;
  animation-iteration-count: 1;
}

@keyframes fadeoutanim{
  0%{
    opacity:1;
    transform:translate(0px,0px);
  }
  100%{
    opacity:0;
    transform: translate(-43px, 30px);
  }
}
 
@keyframes fadeinanim{
  0%{
    opacity:0;
    transform:translate(0px,0px)
  }
  100%{
    opacity: 1;
    transform: translate(43px, -30px);
  }
}
@media (max-width:567px){
  .job-slider-wrapper_18298,.job-slider-wrapper_18299 {
    margin-top: -110px; 
  }
  .job-slider-wrapper_18299 {
    margin-bottom: 5rem;
  }
  
  .splide--fade>.splide__track>.splide__list>.splide__slide{
      min-height:255px;
  }
  .splide--fade>.splide__track>.splide__list>.splide__slide.splide__position_2,
  .splide--fade>.splide__track>.splide__list>.splide__slide.splide__position_3{
    opacity: 0;
  }
  .splide__pagination{
    bottom:-90px;
  }
  #JobCarousel_18299-list{
    margin-top:70px!important;
  }
}