.case-study-intro {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center
}
.case-study-intro__logo {
    margin-right:40px;
    order:1;
}
.case-study-intro__logo img {
    width:100%;
    height:100%;
    max-width: 250px;
    max-height: 100px;
}
.case-study-intro__topics {
    display:flex;
    order:2;
    width: 70%;
    justify-content:flex-end;
}
.case-study-intro__topic {margin-right:40px}
.case-study-intro__topics > .case-study-intro__topic:last-child {margin-right:0;}
.case-study-intro__topic-title {margin-bottom:10px;}
.case-study-intro__topic-link {
    margin-top:0;
    color:var(--red);
}
.case-study-intro__topic-link h3 {line-height:1.8;}
.case-study-intro__title {width:40%;order: 3;}
.case-study-intro__image {width:56%;order: 4;}

/* swipers */
.case-study-content-swipers-top {
    display:flex;
    justify-content: space-between;
    align-items:center;
    margin-bottom:80px;
}
.case-study-content-swiper__navs {
    position:relative;
    display:flex;
}
.case-study-content-swiper__nav {
    width:50px;
    height:50px;
    position:relative;
    top:auto;
    left:auto;
    right:auto;
    bottom:auto;
    display:block;
}
.case-study-content-swiper__nav.swiper-button-prev {margin-right:15px;}
.case-study-content-swiper__nav::after {display:none;}
.case-study-content-swiper__nav svg {
    width:100%;
    height:auto;
}

.case-study-content-thumb-swiper__title {
    margin:0;
    transition:.3s ease color;
}
.case-study-content-thumb-swiper__title:hover {cursor:pointer}
.swiper-slide-thumb-active .case-study-content-thumb-swiper__title {color:var(--red)}

.case-study-content-swiper {
    height:auto;
}
.case-study-content-swiper_slide {
    display:flex;
    justify-content:space-between;
}
.case-study-content-swipers-top, 
.case-study-content-swiper_slide {
    padding:0 30px;
    margin-left:auto;
    margin-right:auto;
    max-width:1280px;
    box-sizing:content-box;
}
.case-study-content-swiper__text {width:53%;}
.case-study-content-swiper__image {width:40%;}
.case-study-content-swiper__image img {
    width:100%;
    height:100%;
    object-fit:contain;
}

.case-study-topic-links {
    display:flex;
    flex-wrap:wrap;
}
.case-study-topic-links__link {margin:0 20px 20px 0;}

@media screen and (max-width:1024px) {
    .case-study-intro__topics {
        width:100%;
        margin-top:40px;
        justify-content:space-between;
        flex-wrap:wrap;
        margin-bottom: 40px;
    }
    .case-study-intro__topic {margin-right:0}
    .case-study-content-swipers-top {margin-bottom:60px}
    .case-study-content-swipers-top, .case-study-content-swiper_slide {padding:0 40px;}
    .case-study-content-swiper_slide {flex-wrap:wrap;justify-content:center;}
    .case-study-content-swiper__text {
        width:100%;
        margin-bottom:40px
    }
    .case-study-content-swiper__image {
        width:100%;
        max-width:700px;
    }
}

@media screen and (max-width:600px) {
    .single-case-study .container-intro {
        padding-bottom:60px
    }
    .case-study-intro__logo {
        order:1;
        margin-bottom:20px;
    }
    .case-study-intro__title {
        order:2;
        width:100%;
        margin-bottom:30px;
    }   
    .case-study-intro__topics {order:3;margin: 0 0 30px;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
    .case-study-intro__image {order:4;width:100%;}
    .case-study-intro__topic {margin-bottom:30px;}
    .case-study-intro__topic:last-child {margin-bottom:0;}
    .case-study-intro__topic-title {margin-bottom:2px;}
    .case-study-intro .case-study-intro__topic h2, .case-study-intro .case-study-intro__topic h3 {font-size:14px;}
    .case-study-content-swiper__navs {display:none;}
    .case-study-content-swipers-top {margin-bottom:40px;}
    .case-study-content-swipers-top, .case-study-content-swiper_slide {padding:0 30px;}
    .case-study-content-swiper__text {margin-bottom:20px;}
    .case-study-content-swiper__image {margin-left:-30px;margin-right:-30px;width:calc(100% + 60px);padding: 0 30px;background-color: var(--light-grey);}
    .case-study-content-swipers-top__container.container-padding--tb {padding-bottom:0;margin-bottom:0;}
}

@media screen and (max-width:470px) {.case-study-content-thumb-swiper .case-study-content-thumb-swiper__title {font-size:10px;}}
@media screen and (max-width:420px) {.case-study-content-thumb-swiper .case-study-content-thumb-swiper__title {font-size:9px;}}