.banner_type7 {
    width: 100%;
    overflow: hidden;
    position: relative;
}

    .banner_type7 .slider-for .slick-slide {
        position: relative;
    }

    .banner_type7 .slider-for .slick-dots {
        position: absolute;
        right: 16px;
        top: 35%;
        padding-left: 0;
        margin-bottom: 0;
    }

        .banner_type7 .slider-for .slick-dots li {
            list-style-type: none;
        }

            .banner_type7 .slider-for .slick-dots li.slick-active button {
                width: 20px;
                height: 20px;
                left: -3px;
            }

            .banner_type7 .slider-for .slick-dots li button {
                font-size: 0;
                line-height: 0;
                width: 14px;
                height: 14px;
                cursor: pointer;
                color: #ffffff;
                border: 0;
                outline: none;
                position: relative;
                border-radius: 50%;
            }

    .banner_type7 .slider-menu {
        position: relative;
    }



        .banner_type7 .slider-menu .item {
            background-color: var(--color-secondary);
            color: var(--color-primary);
            font-size: 1.25rem;
            padding: 12px 12px;
            font-weight: 700;
            text-align: center;
            border-right: 1px solid #969696;
            text-decoration: none;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
            .banner_type7 .slider-menu .item.active,
            .banner_type7 .slider-menu .slick-slide.slick-current,
            .banner_type7 .slider-menu .slick-slide.slick-current.slick-active {
                background-color: var(--color-primary);
                color: var(--color-secondary);
            }

                .banner_type7 .slider-menu .item.active span,
                .banner_type7 .slider-menu .slick-slide.slick-current span,
                .banner_type7 .slider-menu .slick-slide.slick-current.slick-active span {
                    padding: 0px 6px;
                    margin-left: 0.8rem;
                    background-color: var(--color-secondary);
                    color: var(--color-primary);
                    display: inline-block;
                    height: 24px;
                    position: relative;
                    top: 4px;
                }
        
        .banner_type7 .slider-menu span {
            padding: 0px 6px;
            margin-left: 0.8rem;
            background-color: var(--color-primary);
            color: var(--color-secondary);
            display: inline-block;
            height: 24px;
            position: relative;
            top: 4px;
        }

            .banner_type7 .slider-menu span i {
                font-size: 0.5rem;
                position: relative;
                top: -6px;
            }