.career-photos {
    position: relative;
}

.career-photos__slide.swiper-slide {
    width: 800px;
    opacity: .3;
}

.career-photos__slide.swiper-slide.swiper-slide-active {
    opacity: 1;
}

.career-photos__img {
    width: 800px;
    height: 540px;
    border-radius: 12px;
}

.career-photos .swiper-button {
    width: 40px;
    height: 40px;
    background-color: #562737;
}

.career-photos .swiper-button.swiper-button_middle {
    margin-top: -20px;
}

.career-photos .swiper-button:hover {
    background-color: #82455a;
}

.career-photos .swiper-button:active {
    background-color: #945a6e;
}

.career-photos .swiper-button .icon {
    fill: #fff;
}

.career-photos .swiper-button.swiper-button_prev {
    left: 136px;
}

.career-photos .swiper-button.swiper-button_next {
    right: 136px;
}

.career-photos .swiper-pagination.swiper-pagination-bullets {
    bottom: -32px;
    height: 24px;
}

.career-photos .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
}

.career-photos.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 3px;
}

.career-photos .swiper-pagination-bullet-active {
    background-color: #562737;
}

@media (max-width: 1439px) {
    .career-photos.swiper {
        width: 960px;
        margin: 0 auto;
    }

    .career-photos .swiper-button.swiper-button_prev {
        left: 6px;
    }
    
    .career-photos .swiper-button.swiper-button_next {
        right: 6px;
    }
}

@media (max-width: 1023px) {
    .career-photos.swiper {
        width: 704px;
        margin-bottom: 110px;
    }

    .career-photos__slide.swiper-slide {
        width: 568px;
    }

    .career-photos__img {
        width: 568px;
        height: 383px;
    }

    .career-photos .swiper-button {
        display: flex;
        top: auto;
        bottom: -72px;
    }
    
    .career-photos .swiper-button.swiper-button_prev {
        left: calc(50% - 48px);
    }
    
    .career-photos .swiper-button.swiper-button_next {
        right: calc(50% - 48px);
    }

    .career-photos .swiper-pagination.swiper-pagination-bullets {
        bottom: -118px;
    }
}

@media (max-width: 767px) {
    .career-photos.swiper {
        width: 328px;
    }

    .career-photos__slide.swiper-slide {
        width: 328px;
    }

    .career-photos__img {
        width: 328px;
        height: 221px;
    }
}