.stages-swipers__container {padding:160px 0;}
.stages-swipers__title {margin:0 0 60px}
.stages-swiper .swiper-wrapper {padding-top:160px;}
.stages-swiper .swiper-slide {
    display:flex;
    justify-content:center;
}
.stages-swiper .swiper-slide-inner {
    display:flex;
    align-items:center;
    justify-content:space-between;
    max-width:1280px;
    padding:0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

}
.stages-swiper__content {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    width:45%;
}
.stages-swiper__thumb-title {margin-bottom:25px;}
.stages-swiper__thumb-title-underline {
    display:block;
    height:2px;
    width:100%;
    background-color:var(--red);
}
.stages-swiper__title {
    margin:0 0 25px;
}
.stages-swiper__client {
    width:45%;
    background-color:var(--light-grey);
    padding:2.5vw 4vw;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content: center;
    transition:.3s background-size;

    /* background-image: -webkit-gradient(var(--light-grey), var(--light-grey));
    background-image: linear-gradient(var(--light-grey), var(--light-grey));
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-transition: background-size 0.4s cubic-bezier(0, 0.78, 1, 0.99); */
}
.stages-swiper__logo {
    width:200px;
    height:50px;
    object-fit:contain;
    object-position:center center;
    position:relative;
}
.stages-swiper__logo img {
    height:100%;
    width:100%;
    object-fit:contain;
}
.stages-swiper__client-title {
    text-align:center;
    max-width:360px;
    margin:10px 0 20px 0;
}
  
.stages-swiper .swiper-pagination.swiper-pagination--top {
    bottom:auto;
    top:0;
}
.stages-swiper .swiper-pagination.swiper-pagination--top.swiper-pagination-bullets {display:flex;}
#stages-swiper .swiper-pagination.swiper-pagination--top .swiper-pagination-bullet {
    width:auto;
    height:auto;
    background:none;
    width:25%;
    text-align:left;
    margin:0;
    opacity:1;
}
.swiper-pagination.swiper-pagination--top .stages-swiper__pagination-dot {
    width:16px;
    height:16px;
    border-radius:50%;
    background-color:#9B9996;
    display:block;
}
.swiper-pagination.swiper-pagination--top .stages-swiper__pagination-text {
    padding-right:25%;
    color:#9B9996;
    display: block;
    margin-top:20px;
}
.stages-swiper .swiper-pagination-bullet-active .stages-swiper__pagination-dot {background-color:var(--red);}
.stages-swiper .swiper-pagination-bullet-active .stages-swiper__pagination-text {color:var(--red);}
.stages-swiper__progress {
    display:block;
    position:absolute;
    top:8px;
    left:0;
    height:2px;
    width:100%;
    background-color:#707070;
    z-index:1;
}
.stages-swiper__progress-fill {
    position:absolute;
    top:0;
    left:0;
    height:2px;
    width:100%;
    background-color:var(--red);
    z-index:2;
    max-width:1280px;
}
.stages-swiper__nav {
    width:50px;
    height:50px;
    transition:.3s ease opacity;
}
.stages-swiper__nav::after, .stages-thumb-swiper__nav::after {display:none}
.stages-swiper .swiper-button-prev, .stages-thumb-swiper .swiper-button-prev {left:0}
.stages-swiper .swiper-button-next, .stages-thumb-swiper .swiper-button-next {right:0}
.stages-swiper__nav.swiper-button-disabled, .stages-thumb-swiper__nav.swiper-button-disabled {opacity:0;}

.stages-thumb-swiper__container {display:none}
.stages-thumb-swiper {padding:0 30px}
.stages-thumb-swiper .swiper-wrapper {padding: 20px 0;}
.stages-thumb-swiper__text {
    margin:0;
    transition:.3s ease color;
    cursor: pointer;
    font-size: 11px;
}
.swiper-slide-thumb-active .stages-thumb-swiper__text {color:var(--red)}
.stages-thumb-swiper__nav {
    width:40px;
    height:40px;
    transition:.3s ease opacity;
}

  
@media screen and (min-width:1280px) {
  .stages-swiper__progress {
      left:calc((100vw - 1280px) / 2);   
  }
  .stages-swiper .swiper-pagination.swiper-pagination--top {
      max-width:1280px;
      left:50%;
      transform:translateX(-50%);
  }
}

@media screen and (max-width:1400px) {
    .stages-swiper .swiper-pagination.swiper-pagination--top, .stages-swiper__progress, .stages-swipers__title {margin-left:40px}
    .swiper-pagination.swiper-pagination--top .stages-swiper__pagination-text {padding-right:40px;display:block;line-height:2;}
    .stages-swiper__client {padding:5vw 4vw;}
    .stages-swiper .swiper-slide-inner {padding:0 60px;}
    .stages-swiper__nav {width:40px;height:40px;}
}

@media screen and (max-width:1024px) {
    .stages-swipers__container {padding:120px 0;}
}

@media screen and (max-width:900px) {
    .stages-swiper .swiper-slide-inner {flex-direction:column;padding:0;}
    .stages-swiper__content {
        width:100%;
        padding: 20px 30px 60px;
        background-color: #fff;
    }
    .stages-swiper__client {
        width:100%;
        padding:40px 30px;
    }
    .stages-thumb-swiper__container {display:block}
    .stages-thumb-swiper {padding:0 60px}
    .stages-swiper__nav, .stages-swiper__thumb-title {display:none}
    .stages-swiper__container {padding:0;}
    .stages-swiper .swiper-wrapper {padding-top:0;}
    .stages-swiper .swiper-pagination.swiper-pagination--top.swiper-pagination-bullets, .stages-swiper__progress {display:none}
    .stages-swipers__title {
        padding:0 30px;
        margin-bottom:40px;
        margin-left: 0;
    }
    .stages-swipers__container {padding-bottom:0}
}

@media screen and (max-width:600px) {
    .stages-thumb-swiper {
        padding: 0 30px 0 30px;
    }
    .stages-thumb-swiper .swiper-wrapper .swiper-slide.swiper-slide-active:not(:first-child) {
        padding-left:20px;
    }
    .stages-thumb-swiper__nav {
        width: 30px;
        height: 30px;
        top: 56%;
    }
    .stages-thumb-swiper__text {font-size:10px;}
}