.sticky-wrapper .site-navbar {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}

.site-navbar .site-navigation .site-menu>li>a {
    color: #030303;
}

.site-navbar .site-navigation .site-menu>li>a:hover {
    color: var(--primary-color);
}

.sticky-wrapper {
    position: inherit;
    z-index: 100;
    width: 100%;
}

section {
    padding: 50px 0px;
    width: 100%;
}


.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background-color: var(--secondary-color);
    border-radius: 60px;
}

.nav-pills .nav-link.active h2, .nav-pills .show>.nav-link h2{
    color: #fff;
    font-size: 20px;
    margin: 0px;
    content: "▶";
}

.nav-pills .nav-link.active h2::after, .nav-pills .show>.nav-link h2::after{
    content: "▶";
    color: #fff;
    position: absolute;
    right: 5%;
}

.nav-pills .nav-link h2{
    color: var(--secondary-color);
    font-size: 17px;
    margin: 0px;
}

.tab-pane{
    background: #b57edc;
    padding: 70px 40px;
    border-radius: 60px;
    box-shadow: 5px 4px 7px 4px #ccc;
}

.tab-pane iframe{
    border-radius: 30px;
}

.tab-pane p{
    color: #fff;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 0px;
}

.events .card{
    padding: 10px;
    margin-bottom: 20px;
    box-shadow: 2px 6px 12px #ccc;
}

.events .card p{
    font-size: 15px;
}

/*   Responsive   */

@media screen and (max-width: 3072px) and (min-width: 1441px) {}

@media screen and (max-width: 2560px) and (min-width: 1440px) {}

@media screen and (max-width: 1440px) and (min-width: 1281px) {}

@media screen and (max-width: 1280px) and (min-width: 1023px) {}

@media screen and (max-width: 1024px) and (min-width: 785px) {}

@media screen and (max-width: 786px) and (min-width: 479px) {}

@media screen and (max-width: 480px) and (min-width: 0px) {
    .nav-pills .nav-link h2{
        font-size: 12px;
    }
    .nav-pills .nav-link.active h2, .nav-pills .show>.nav-link h2{
        font-size: 15px;
    }
}