.menu-tab{display: block;}
.menu-tab ul{border:none; background:rgba(1, 32, 24, 0.69);} 
.menu-tab ul li + li{margin-left: 10px;}
.menu-tab ul li a.nav-link.active, .menu-tab ul li a:hover, .menu-tab ul li a, .menu-tab ul li a.nav-link{border-radius: 0;border: none;font-weight: 500;font-size: 18px;}
.menu-tab ul li a.nav-link{color: #fff;}
.menu-tab ul li a.nav-link.active, .menu-tab ul li a:hover{color: #046b2b;background: #fff;}
.tab-box .tab-content{display: block; overflow: hidden; margin-top: 20px;}
.menu-tab ul li a{position: relative;}
.menu-tab ul li a:before{content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
        transform: scaleY(2);
        opacity: 0;
        transition: .3s;}

.menu-tab ul li a:after {
    content: '';
    position: absolute;
    top:0px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    transform: scale(0);
    opacity: 0;
    transition: .3s;
    z-index: -1;
    }

 
.menu-tab ul li a:hover:before {
transform: scaleY(1);
opacity: 1;
}
.menu-tab ul li a:hover:after {
transform: scaleY(1);
opacity: 1;
}

.tab-box .tab-content .accordion-item{border: none;border-radius: 0;background: transparent;padding: 0;}
.tab-box .tab-content .accordion-item .accordion-body{padding: 0;color: #fff;}

@media (max-width: 991px) {
    .tab-content>.tab-pane {
      display: block;
      opacity: 1;
    }
  }


.responsive-tabs {
    padding: 1rem;
}

.responsive-tabs .nav-tabs {
    display: none;
}

@media (min-width: 768px) {
    .responsive-tabs .nav-tabs {
        display: flex;
    }

    .responsive-tabs .card {
        border: none;
    }

    .responsive-tabs .card .card-header {
        display: none;
    }

    .responsive-tabs .card .collapse {
        display: block;
    }
}

@media (max-width: 767px) {
    .responsive-tabs .tab-pane {
        display: block !important;
        opacity: 1;
    }
}