.slick-slide {
    height: auto!important;
}
.slick-controls {
    position: relative;
    text-align: right;
    bottom: -40px;
    z-index: 100;
}
.slick-controls img:first-child {
    margin-right: 20px;
}
@media only screen and (min-width: 1815px) {
    .hp_keyart {
        background-size: cover;
        height: calc(900px + 6vw);
    }
}
@media only screen and (max-width: 1400px) {

}
@media only screen and (max-width: 1300px) {

}
@media only screen and (max-width: 1200px) {
  
}
@media only screen and (max-width: 991px) {
    .career_slide, .candidates_info {
        flex-direction: column;
    }
    .career_slide .image {
        margin-bottom: 30px;
        width: 100%;
    }
     .candidates_info .image{
        margin-top: 30px;
        width: 100%;
    }
    
    .career_slide .slide_content,
    .candidates_info .candiate_content {
        width: 100%;
    }
    .footer_copy {
        margin-top: 30px;
    }
}
@media only screen and (max-width: 768px) {
 .keyart_holder .top_line {
     font-size:35px;
 }
 .keyart_holder .black_line {
     font-size:60px;
 }
 .slick-controls {
    bottom: 20px;
 }
 .hp_keyart { 
     height: 100vh
   };
}
@media only screen and (max-width: 560px) {
    .candidates_info .candidate_title,
    .career_slide .slider_title{
        font-size: 40px;
    }
    .candidates_info .top_title, 
    .career_slide .top_title {
        font-size: 20px;
    }
    .accordion-button:not(.collapsed),
    .accordion-button.collapsed {
        font-size: 30px;
    }
    .accordion-button::after {
        line-height: 1.2;
    }
     .button_holder {
        flex-direction: column;
    }
    .button_holder a {
        margin: 25px 10px 0!important;
    }
    .main_career_title {
         font-size: 45px;
    }
    .top_career_title {
        font-size: 30px;
    }
 
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  input[type=submit] {
    z-index: 10000!important;
    transform: translate3d(0, 0, 0);
}
}