@media all and (min-width: 768px) {
    .no-usecases-carousel {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 50px 88px;
    }

    .cb-usecases .cta-wrapper {
        flex-direction: row;
    }

    .cb-usecases .cta-wrapper a:not(:last-child) {
        margin-bottom: 0;
        margin-right: 40px;
    }

    .no-usecases-carousel .cb-usecases__card:not(:last-child) {
        margin-right: 0;
    }

    .cb-usecases__head .cb-usecases__title {
        width: 489px;
        margin-right: auto;
        margin-left: auto;
    }

    .cb-usecases__head .cb-usecases__short-description {
        margin: 0 auto;
    }


    .cb-usecases .left-container .carousel-dash {
        right: calc((100vw - (100% - 64px)) / 2);
    }

    .cb-usecases__head {
        margin-bottom: calc(var(--spacing-08) - var(--spacing-04));
        margin-left: auto;
        margin-right: auto;
        width: 600px;
    }

    .cb-usecases__card:not(:last-child) {
        margin-right: 37px;
    }

    .cb-usecases__has-decorative-elm:after {
        width: 702px;
        height: 346px;
        left: -275px;
        bottom: -275px;
    }

    .left-container .glider-track {
        margin-left: 35px;
    }
}


@media all and (min-width: 992px) {
    .cb-usecases__head .cb-usecases__title {
        width: 791px;
    }

    .cb-usecases__head .cb-usecases__short-description {
        width: 857px;
    }

    .cb-usecases__has-decorative-elm:after {
        left: -25px;
        bottom: -217px;
    }

    .cb-usecases__head {
        width: 835px;
    }

    .cb-usecases__cards-wrapper {
        margin-top: var(--spacing-07);
    }

    .cb-usecases__card {
        width: 378px;
        padding: var(--spacing-06) var(--spacing-05);
    }

    .no-usecases-carousel .cb-usecases__card {
        width: 320px;
    }


    .cb-usecases .left-container .carousel-dash {
        width: 520px;
    }

    .cb-usecases__details {
        width: 60%;
    }



}

@media all and (min-width: 1280px) {
    .left-container .glider-track {
        margin-left: calc((100vw - 1216px) / 2);
    }

    .no-usecases-carousel {
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 50px 40px;
    }

    .no-usecases-carousel .cb-usecases__card {
        width: 268px;
    }
}


@media all and (min-width: 1367px) {
    .left-container .glider-track {
        margin-left: calc((100vw - 1207px) / 2);
    }

}


@media all and (min-width: 1441px) {
    .cb-usecases__has-decorative-elm:after {
        left: -38px;
        bottom: -217px;
    }

    .left-container .glider-track {
        margin-left: calc((100vw - 1226px) / 2);
    }

    .cb-usecases .left-container .carousel-dash {
        right: calc((100vw - 1272px) / 2);
    }
}