/* CSS - Vertical Tabs */

.nav-tabs { cursor: pointer; }
.tab-pane { padding: 1rem; border: 1px solid #dee2e6; border-top: none; }

.vertical-tabs .nav-tabs{
    list-style: none;
    padding: 0;
    float: left;
    width: 300px;
    padding-top: 60px;
    padding-right: 30px;
    padding-left: 100px!important;
}
.vertical-tabs .nav-tabs li{
    margin-bottom: 15px;
}
.vertical-tabs .nav-tabs li button{
    border: 0;
    background: transparent;
    font-size: 48px;
    font-family: var(--heading);
    font-weight: 400;
    line-height: 1em;
}
.vertical-tabs .nav-tabs li button.active{
    color: var(--watermelon);
}
.vertical-tabs .tab-content{
    width: calc(100% - 300px);
    float: left;
}
.vertical-tabs .nav-tabs li button:focus{
    outline: none!important;
    border: 0!important;
}
.vertical-tabs .tab-content .tab-pane:not(.show){
    opacity: 0;
    display: none;
}
.vertical-tabs .tab-content .tab-pane{
    border-radius: 20px;
    padding: 60px 80px;
}
.vertical-tabs .tab-content .tab-pane ul li:not(:last-child), .vertical-tabs .tab-content .tab-pane ol li:not(:last-child){
    margin-bottom: 15px;
}
.vertical-tabs.module{
    padding-top: 330px;
    padding-bottom: 350px;
}
.vertical-tabs .top-wave-v2{
    top: -130px;
}
.vertical-tabs .bottom-wave-v2{
    bottom: -350px;
}
.vertical-tabs .block-flex{
    display: flex;
    justify-content: center;
}
.vertical-tabs .tab-content{
    max-width: 950px;
}
.vertical-tabs .tab-content img{
    border-radius: 20px;
}

@media screen and (max-width: 991px){
    .vertical-tabs .nav-tabs{
        padding-top: 32px;
    }
}

@media screen and (max-width: 768px){
    .vertical-tabs .animated-svg{
        position: relative;
    }
    .vertical-tabs .animated-svg.top{
        margin-top: -60px;
    }
}

@media screen and (max-width: 600px){
    .vertical-tabs .nav-tabs{
        padding-top: 25px;
    }
}