.feature-slide{
    padding: 8rem 0;
    background: url(../img/bg-3.jpg) no-repeat top center / cover;
    .wpb_wrapper{
        // overflow: hidden;
    }
    .swiper-container{
        width: 750px;
        overflow: inherit;
        .swiper-slide{
            width:auto!important;
            text-align: center;
            padding: 15px;
           img{
               display: block;
               margin: 0 auto;
                max-width: 100%;
                width:auto;
                filter: grayscale(2);
           }
        }
        .swiper-slide-active{
            background: url(../img/bg-slide.png) no-repeat top left / 100% 100%;
            img{
                filter: grayscale(0);
            }
        }
    }
}


.gird_botttom{
    .vc_grid-item{
        width: 30%;
        float: left;
        height: 145px;
        overflow: hidden;
        padding-bottom: 0;
        margin-bottom: 5px;
        .vc_gitem-zone-b,.vc_gitem-zone-c{
            display: none;
        }
       box-shadow: inset 0 0 -4px $color1;
        &:first-child{
            width: 70%;
            height: 100%;
            .vc_gitem-animate{
                padding: 15px;
                background:url(../img/bg-img.png) no-repeat top center / 100% 100%;
            }
        }
    }
    .vc_grid.vc_row .vc_grid-item{
        float: left;
    }   
}

.bg-page-2{
    background: url(../img/bg-2.jpg) no-repeat top center / cover;
    .swiper-pagination{
        position: absolute;
        left: 0px;
        top: 10%;
        width: 30px;
        background: url(../img/char-control-line.png) no-repeat top center;
        padding: 40px 0;
        .swiper-pagination-bullet{
            margin:5px 0;
            width: 30px;height:31px;
            background: url(../img/bullet.png) no-repeat top left / 100%;
            opacity: 1;
            &.swiper-pagination-bullet-active{
                background: url(../img/bullet-active.png) no-repeat top left / 100%;
            }
        }
    }
}
.grid_mobile{
    margin-bottom: 0;
    .vc_pageable-slide-wrapper{
        display:flex;
        flex-wrap: wrap;
        .vc_grid-item{
            max-width: 33.3333%;
            flex: 0 0 100%;
        }
    }
}

.hero_mob{
    background: url(../img/bg-2.jpg) no-repeat top center / 100% 100%;
    padding: 4rem 0 20px 0;
    margin-bottom: 10px;
    .list-hero-mob{
        text-align: center;
        button{
            border:none;
            background: none;
            max-width: 170px;
        }
        .owl-dots{
            .owl-dot{
                span{
                    background: $color1;
                    opacity: .6;
                }
                &.active{
                    span{
                        background: $color1;
                        opacity: 1;
                    }
                }
            }
           
        }
    }
}

.main_slide .wpb_content_element{
    margin-bottom: 0;
}