.vacancies-slider {
    width: 100%;
}

.vacancies-slide {
    text-align: center;
    padding: 20px;
    transition: ease-in-out 0.3s;
}

.vacancies-slide:hover {
    transform: scale(1.05);
    
}

.vacancies-slide__icon img {
    max-width: 200px;
    margin: 0 auto 15px;
    height: auto;
}

.vacancies-slide__name {
    font-size: 18px;
    margin: 0;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "ZalandoSansSemi", Sans-serif;
    color: #002E34;
}

.vacancies-slide__function {
    font-size: 16px;
    opacity: 0.8;
    font-family: "ZalandoSansSemi", Sans-serif;
    text-transform: normal;
    color: #002E34;
}

/* Fixed navigation for vacancies- slider (left/right) */
.vacancies--slider-navs .vacancies--slider-nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:#002E34;
    border:0;
    padding:10px 20px;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:9999;
    cursor:pointer;
        display: none;

}

.vacancies-slide .vacancies-btn {
    border: none;
    font-size: var( --e-global-typography-a5ecb9e-font-size );
	font-weight: var( --e-global-typography-a5ecb9e-font-weight );
	line-height: var( --e-global-typography-a5ecb9e-line-height );
	font-family: var( --e-global-typography-a5ecb9e-font-family ), Sans-serif;
}

.vacancies--slider-navs .vacancies--prev{ left:0px; }
.vacancies--slider-navs .vacancies--next{ right:0px; transform:translateY(-50%) rotate(180deg); }

.vacancies--slider-navs .vacancies--slider-nav svg{ width:20px; height:auto; display:block; }

@media (max-width:480px){
    .vacancies--slider-navs .vacancies--slider-nav{ padding:6px; }
    .vacancies--slider-navs .vacancies--prev{ left:12px; }
    .vacancies--slider-navs .vacancies--next{ right:12px; }
}