#main-banner-swiper {
    overflow: hidden;
}

    .swiper-wrapper {
        align-items: center;
    }

.thumb-swiper-wrapper {
    display: flex;
    flex-direction: row;
}

    .thumb-swiper {
        overflow: hidden;
        margin: 0px 13px;

        flex-grow: 1;
    }

        .thumb-swiper .swiper-slide {
            height: 100%;
            opacity: 0.5;
        }

        .thumb-swiper .swiper-slide-thumb-active {
            opacity: 1;
        }

        .thumb-swiper img {
            border-radius: 9px;
            border: 2px solid rgba(0, 0, 0, 0);
        }

        .swiper-slide-thumb-active img {
            border-color:  #5c9f55;
        }



    .swiper-navigation {
        position: relative;
        display: flex;

        align-items: center;

        cursor: pointer;

        user-select: none; /* disable selection */
    }

        .swiper-navigation .thumb-button-prev {
            position: relative;
            left: 5px;
        }
        .swiper-navigation .thumb-button-next {
            position: relative;
            right: 5px;
        }