.common-banner.two-column-usecase {
    padding: 156px 0 115px;
}

.banner h6{
    margin-bottom: 13px;
}

.banner .cta-wrapper{
    margin-top: 28px;
}

.banner__imagery--has-decorative-elm:after{
    background: url(../../images/decorative-items/black-single-star.svg) no-repeat center center/contain;
    width: 50px;
    height: 50px;
    right: -15px;
    bottom: -25px;
}
.banner__imagery--has-decorative-elm:before {
    background: url(../../images/decorative-items/red-slash.png) no-repeat center center/contain;
    width: 48px;
    height: 147px;
    left: 0px;
    top: -43px;
    z-index: 1;
}


.usecase-slider{
    padding-top: 0;
}
.usecase-slider__head{
    margin-top: 0;
    padding-top: 0;
}

.prefooter__has-decorative-elm:before{
    background: url(../../images/decorative-items/orange-gt.svg) no-repeat center center /contain;
    width: 100px;
    height: 111px;
    top: calc((var(--spacing-09) + 56px)* -1);
    left: 28px;
}
.common-banner-container{
    padding: 0;
}

.common-banner .container--has-decorative-elm{
    align-items: start;
}

.usecase-slider__container--has-decorative-elm:not(.no-usecases-carousel):after {
    background: url(../../images/decorative-items/agility-full.png) no-repeat center center/contain;
    width: 518px;
    height: 256px;
    bottom: 65px;
    z-index: -1;
    left: -180px;
}

.quote-block-wrapper{
    padding-bottom: 0;
}



@media all and (max-width: 640px){
    .banner__imagery{
        height: 208px;
        margin-top: 70px;
    }

    .banner__imagery img {
        position: absolute;
        height: 208px;
        width: 363px;
        max-width: 363px;
        left: 20px;
    }
    .common-banner .cta-wrapper a{
        margin-bottom: 24px;
    }
}

@media all and (min-width: 641px) and (max-width: 767px){
    .banner__imagery--has-decorative-elm:before{
        left: -23px;
    }
    .banner__imagery{
        margin: 70px auto 0;
        height: 208px;
        width: 363px;
    }
}

@media all and (min-width: 768px) and (max-width: 992px){
    .related-carousel__slide-thumbnails{
        height: 55px;
    }
    .related-carousel__slide-details{
        height: calc(100% - 55px);
    }
}

@media all and (max-width: 992px){
    h2{
        font-size: 28px;
        line-height: 30px;
    }
}

@media all and (min-width: 768px){
    .banner .cta-wrapper{
        flex-direction: row;
        align-items: center;
    }
    .common-banner + .usecase-slider .usecase-slider__slides-wrapper{
        margin-bottom: 65px;
    }

    .common-banner.two-column-usecase {
        padding: 156px 0 95px;
    }
    .usecase-slider__container--has-decorative-elm:not(.no-usecases-carousel):after {
        width: 570px;
        height: 282px;
        bottom: 90px;
        left: -205px;
    }

    .quote-block-wrapper{
        padding-top: 0;
    }
    .quote-block__head {
        margin-bottom: 20px;
        padding-top: 40px;
    }
    .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{
        left: calc(100% - 390px);
    }
    .usecase-slider .cta-wrapper{
        margin-top: 60px;
    }
    .banner__imagery--has-decorative-elm:after {
        width: 54px;
        height: 53px;
        right: 0;
        bottom: -25px;
    }

    .banner__imagery--has-decorative-elm:before{
        width: 52px;
        height: 159px;
        left: -20px;
        top: -47px;
    }
    .banner__content {
        padding-right: var(--spacing-06);
    }
    .banner__imagery {
        /* margin-top: 70px; */
        min-height: 225px;
    }
    .prefooter__has-decorative-elm:before{
        top: calc((var(--spacing-09) + 20px)* -1);
    }
    .banner__imagery img {
        position: absolute;
        width: 393px;
        right: -20px;
        max-width: 393px;
    }
    .related-resources{
        padding-top: 0;
    }

    .usecase-slider{
        padding-top: 65px;
    }
    
    .quote-block{
        margin: 20px 0 90px;
    }
    .prefooter{
        margin-top: 5px;
    }
}

@media all and (min-width: 992px){
    .left-container.usecase-slider__container--has-decorative-elm:not(.no-usecases-carousel):after{
        left: calc((100vw - 1820px) / 2);
    }
    .usecase-slider__container--has-decorative-elm:not(.no-usecases-carousel):after {
        bottom: 50px;
        left: -160px;
    }
    .common-banner.two-column-usecase {
        padding: 156px 0 250px;
    }
 
    .banner__imagery--has-decorative-elm:before{
        left: -25px;
    }

    .banner__imagery--has-decorative-elm:after{
        right: 25px;
    }
    .banner__imagery img {
        position: relative;
        width: 100%;
        right: 0;
        max-width: 100%;
    }
  
    .prefooter__has-decorative-elm:before{
        top: calc((var(--spacing-09) + 56px)* -1);
        left: -42px;
    }
    .prefooter{
        margin-top: 35px;
    }
}

@media all and (min-width: 1280px){
    .related-resources .carousel-dash{
        display: flex;
    }

    .glider-next, .glider-prev{
        display: block;
        width: 50px;
        height: 50px;
        left: -30px;
    }

    .glider-next{
        right: -30px;
        left: auto;
    }

    .usecase-slider{
        padding-top: 0;
    }

    .quote-block-wrapper{
        padding-top: 115px;
    }

    .quote-block{
        margin: 60px 0 140px;
    }
    .related-resources__head {
        margin-bottom: 100px;
    }

    .usecase-slider .cta-wrapper {
        margin-top: 60px;
    }

    .usecase-slider__container--has-decorative-elm:not(.no-usecases-carousel):after {
        width: 735px;
        height: 363px;
        bottom: -65px;
        left: -275px;
    }
 
    .banner__imagery--has-decorative-elm:before {
        width: 75px;
        height: 229px;
        left: -52px;
    }
    .banner__imagery--has-decorative-elm:after {
        width: 78px;
        height: 77px;
        right: -39px;
        bottom: 30px;
    }
    .banner__content {
        padding-right: var(--spacing-08);
    }
    .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{
        left: calc(100% - 520px);
    }
}   


@media all and (min-width: 1440px){

    .glider-next, .glider-prev{
        width: 80px;
        height: 80px;
        left: -80px;
    }

    .glider-next{
        right: -80px;
        left: auto;
    }
}