.careers-car{
            
}
.careers-car-item{
    
}
.careers-car-item-img{
    
}
.careers-car-item-meta{
    font-size: 18px;
    color: var(--gx-copy-grey);
}
.careers-car-item-copy{
    font-size: var(--text-md-sm);            
}
.big-block-text{
    font-size: 144px;
    font-family: roc-grotesk-condensed, sans-serif;
    line-height: 0.75;
}
h2.chunky{
    font-size: 96px;
    font-family: roc-grotesk-condensed, sans-serif;
    line-height: 0.75;
}
.careers-car-insights-item h4{
    font-family: freight-display-pro;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--gx-copy-grey);
    
}

.careers-insights-car .slick-prev, .careers-insights-car .slick-next, .careers-mad-car .slick-prev, .careers-mad-car .slick-next {
    top: 100%;  
    width: 48px;
    height: 48px;
}
.careers-insights-car .slick-dots, .careers-mad-car .slick-dots {
    bottom: -20px;            
}

/* @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {

    .careers-insights-car.dots-pos .slick-dots{
        bottom: -40px;            
    }
} */

@media only screen 
  and (max-width: 767px) 
  and (orientation: portrait) {
    .careers-insights-car.dots-pos .slick-dots{
        bottom: -40px;            
    }
}

.careers-insights-car .slick-dots li button:before, .careers-mad-car .slick-dots li button:before {
    width: 10px;
    height: 10px;            
}
.bg-gx-black .careers-insights-car .slick-dots li.slick-active button:before, .bg-gx-black .careers-mad-car .slick-dots li.slick-active button:before {
    opacity: 1;
    background-color: var(--gx-white);
    color: black;
}
.careers-insights-car .slick-prev, .careers-mad-car .slick-prev {
    left: 20%;
}
.careers-insights-car .slick-next, .careers-mad-car .slick-next {
    right: 20%;
}
.careers-car-insights-item img{
    filter: grayscale(1);
}
.careers-car-insights-item img:hover{
    filter: grayscale(0);
}
.form-control {
    display: block;
    width: 100%;
    padding: 0.6rem 20px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0.025px;
    color: var(--gx-dark-grey);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--gx-white);
    background-clip: padding-box;
    border: none;
    border: 1px solid var(--gx-copy-grey);
    border-bottom: 1px solid var(--gx-copy-grey);
    border-radius: 40px;;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.form-control:focus {
    background-color: var(--gx-white);            
}
.careers-s1 {
    margin-left: 40%; 
    width: 30%
}
.careers-s2 {
    width: 30%
}
.careers-s3 {
    margin-left: 50%; 
    width: 50%;
    margin-bottom: 1.5rem;
}
@media (max-width: 1400px) {
    .careers-s1 {
        width: 50%;
    }
    .careers-s2 {
        width: 50%
    }
    .careers-s3 {
        margin-left: 45%;
        margin-bottom: 0;
    }
}



@media (max-width: 990px) {
    .careers-car-item-meta{
        font-size: 12px;
        color: var(--gx-copy-grey);
    }
    .careers-car-item-copy{
        font-size: 18px;
        color: var(--gx-copy-grey);
    }    
    .big-block-text{
        font-size: 98px;                
    }
    h2.chunky{
        font-size: 78px;             
    }
    .form-control {
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 1;
        padding: 12px 20px;                
    }
}


.solve-together-bg {
    background-image: url("../media/gx/careers/solve-together-hero.png");
}



/* iPad Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {

  .careers-s2 {
        margin-bottom: 1rem!important;
        padding-bottom: 1rem!important;
    }

    .solve-together-bg {
        background-image: url("../media/gx/careers/solve-together-hero-ipad.png");
    }
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {

 .careers-s2 {
        margin-bottom: 1rem!important;
        padding-bottom: 1rem!important;
    }
    .solve-together-bg {
        background-image: url("../media/gx/careers/solve-together-hero-ipad.png");
    }
}


@media only screen and (max-height: 500px) and (orientation: landscape) {
    .careers-insights-car.dots-pos .slick-dots {        
        bottom: -40px;  
    }

}

@media (max-width: 990px) {
    .disable-arrow-for-mobile .slick-prev,
    .disable-arrow-for-mobile .slick-next {
        display: none !important;
    }
    .careers-insights-car.dots-pos .slick-dots{
        bottom: -40px;            
    }
}