.team {}
.team .title__wrapper {
    width: 100%;
    max-width: 551px;
}
.team__head {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: minmax(auto, 551px) minmax(auto, 470px);
    justify-content: space-between;
}
.slider-nav__wrapper {
    display: flex;
    flex-flow: column;
    align-items: flex-end;
}
.slider-nav__wrapper .slider-nav {
    position: static;
}
.team__body {
    margin-top: clamp(28px, 4.028vw, 58px);
}
.team-slider {
    position: relative;
    padding-bottom: 50px;
    overflow: hidden;
}
.team-slider .swiper-slide {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
}
.team-slider .swiper-slide picture {
    filter: grayscale(1);
}
.team-slider .swiper-slide-active picture {
    filter: grayscale(0);
}
.team__name {
    color: var(--c-main-text);
    font-family: var(--second-font);
    font-size: clamp(20px, 1.528vw, 22px);
    font-weight: 600;
    line-height: 144%;
}
.team__position {
    color: #888888;
    font-size: 13px;
    font-weight: 500;
    line-height: 144%;
}
.team-slider .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #aaaaaa;
    transition: .5s all ease-in;
}
.team-slider .swiper-pagination-bullet-active {
    width: 17px;
    border: 1px solid var(--c-selected);
    
    border-radius: 5px;
    background: transparent;
}


@media screen and (max-width: 992px) {
    .team__head {
        grid-template-columns: 1fr;
    }
    .slider-nav__wrapper {
        grid-gap: 20px;
        flex-flow: row;
        align-items: center;
    }
}

@media screen and (max-width: 576px) {
    .slider-nav__wrapper {
        flex-flow: column;
    }
}