.hero-area {
    position: relative;
    z-index: 1;
    width: 100%;
}

.vizew-nav-tab {
    position: relative;
    z-index: 1;
    background-color: $border;
    width: 100%;
    height: 500px;
    overflow-x: hidden;
    overflow-y: scroll;

    @media #{$breakpoint-lg} {
        height: 400px;
    }

    @media #{$breakpoint-md} {
        height: 350px;
    }
    
    @media #{$breakpoint-xs} {
        height: 300px;
    }

    .nav-link {
        padding: 0;
        padding: 15px 20px;
        border-left: 4px solid transparent;

        &.active {
            background-color: #4d5051;
            border-left-color: $hover;
        }
    }
}