.top-banner {padding: 20px 0;}
.top-banner .banner-title {
    font-family: "TT Norms";
    font-style: normal;
    font-weight: 700;
    font-size: 52px;
    line-height: 110%;
}
.top-banner-content {
    overflow: hidden;
    flex-direction: row;
    flex-wrap: nowrap;
}

.top-banner-content,
.top-banner__left,
.top-banner__preview .d-flex,
.top-banner__detail .d-flex {
    column-gap: 20px;
    row-gap: 20px;
}

.top-banner__right {
    /*width: 30%;*/
}

.top-banner__right img {
    display: block;
    /*width: 100%;*/
}



#top-slider .swiper-button-prev {left:-10px;}
#top-slider .swiper-button-next {right:-10px;}
.top-slide .btn-wrap {margin-right: 230px;}
.top-slide .btn-wrap > div {margin-top: 5px;margin-bottom: 5px;}
.top-slide .white-block {background:#fff;padding:5px 20px 9px;font-weight:500;color:#3078d1;border-radius:5px;}
.top-slide .small-text{color: #b9d0ed;line-height: 1.2;}
.top-slide .text {font-size: 23px;}


@media (max-width: 980px) {

    .top-banner-content {
        /*overflow: hidden;*/
        flex-direction: column;
        /*flex-wrap: nowrap;*/
    }
    .top-banner-content,
    .top-banner__left,
    .top-banner__preview .d-flex,
    .top-banner__detail .d-flex {

        row-gap: 10px;
    }
    .top-banner .banner-title {
        font-size: 34px;
    }


.top-slide .btn-wrap {margin-right: 0;}
.top-slide .btn-wrap > div {margin-top:10px; }
.top-slide .btn-wrap .btn:not(:last-child) {margin-right: 40px}
.top-slide .top-btn-wrap .btn:not(:last-child), .btn-wrap .btn:not(:last-child) {margin-bottom: 0;}
    .top-slide .text {font-size: 17px;}
}






