#module-sec{
    background-color:#f6f6f6 ;
}




   
.naccs .menu div {
    padding: 4px 20px 4px 20px;
    margin-bottom: 6px;
    color: black;
    background: white;
    /* background-color: gray; */
    /* box-shadow: -5px 7px 12px rgb(0 0 0 / 10%); */
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    font-weight: 700;
    transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
    border-radius: 30px;
    display: flex;
    align-items: center;
   }
   .naccs .menu div img{
       width: 20px;
   }
   .naccs .menu div .tabbing-head{
    margin-left: 8px;
    font-size: 14px;
   }
   .tab-spann{
    width:30px;
    height:30px;
    border-radius: 50%;
    /* background-color: #ff3030; */
    display: inline-block;
    text-align: center;
    /* box-shadow: 2px 2px 2px #8585857d; */
}
   
   /* .naccs .menu div:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   } */

   /* .naccs .menu div.active {
    color: green;
   }
    */
   ul.nacc {
    list-style: none;
    margin: 0;
    padding: 0;
    transition: .5s all cubic-bezier(0.075, 0.82, 0.165, 1);
    width: 100%;
    border-radius: 30px;
    height: 500px;
    position: absolute;
    left: -54px;
    background: white;
    border-radius: 30px;
    box-shadow: -1px 5px 10px grey;
   }
   
   ul.nacc li {
    opacity: 0;
    transform: translateX(50px);
    position: absolute;
    list-style: none;
    height: 100%;
    transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
    padding: 40px 20px 80px 35px;

   }
   
   ul.nacc li.active {
    transition-delay: .3s;
    z-index: 2;
    opacity: 1;
    transform: translateX(0px);
   }
   


.nacc{

    height: 100% !important;
}

   /* #tabbb1.active{
       background-color: gray;
   }
   #tabbb2.active{
    background-color: green;
} */



/* #tabbb1 img{
    filter: invert(42%) sepia(75%) saturate(662%) hue-rotate(315deg) brightness(120%) contrast(144%);
}
#tabbb1 span{
    color: #fc948b;
} */
div.active .tabbing-head{
    color: white !important;
}

#tabbb1.active .tab-spann{
    background-color: #fc948b !important;
    /* box-shadow: none; */
}

#tabbb1.active{
    background-color: #fc948b;
}
#tabbb2.active .tab-spann{
    background-color: #4fcbf7 !important;
    /* box-shadow: none; */
}

#tabbb2.active{
    background-color: #4fcbf7;
}
#tabbb3.active .tab-spann{
    background-color: #fdbe8b !important;
    /* box-shadow: none; */
}

#tabbb3.active{
    background-color: #fdbe8b;
}
#tabbb4.active .tab-spann{
    background-color: #50e0f8 !important;
    /* box-shadow: none; */
}

#tabbb4.active{
    background-color: #50e0f8;
}

.tabing-head-content{
    margin-bottom: 30px;
}


.tab-heading{
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 25px;
    
}
.tab-front{

}
.tab-heading-sub{
    font-size: 15px;
}
.tabing-main{
    height: 340px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.tab-2-content{

}
.tab-2-content p{
    font-size: 15px;
}
.tab-2-content p span{
    font-size: 18px;
    font-weight: 500;
}
.tab-images-main{
    height: 100%;
}
.tab-images{
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}