/* Hide body scroll bar */
body::-webkit-scrollbar {
  width: 0;
  background-color: transparent;
}

.template-tab-wrapper .nav-tabs li a.active .title {
    font-family: "Rubik";
    font-weight: 500;
    line-height: 21px;
    color: rgba(255, 255, 255, 1);
    background-color: transparent;
    background: linear-gradient(103.33deg, rgba(10, 209, 116, 1), rgba(3, 157, 85, 1), rgba(3, 157, 85, 1));
/*     box-shadow: 10px 10px 20px rgba(0, 53, 176, 0.15); */
    transition: .2s ease-out;
}
.template-tab-wrapper .nav-tabs li a{
    font-family: "Rubik";
    font-weight: 400;
    line-height: 21px;
    color: rgba(26, 46, 53, 0.7);
}

.template-tab-wrapper .nav-tabs{
    border-bottom: none !important;
} 

@media screen and (min-width:1025px){
	.template-tab-wrapper .tab-menu, 
	.template-tab-wrapper .tab-content{ 
		max-height: 80vh;
		overflow-y: scroll !important;
	}
}

.template-tab-wrapper .tab-menu::-webkit-scrollbar {
    width: 0 !important;
    display: none !important;
}
.template-tab-wrapper .tab-menu::-webkit-scrollbar-thumb {
    background-color: transparent   !important;
    display: none !important;
}


/* Add scrollbar */
.template-tab-wrapper .tab-content::-webkit-scrollbar {
  width: 3px;
}
.template-tab-wrapper .tab-content::-webkit-scrollbar-thumb {
  background-color: #2486F2;
  border-radius: 50px; 
}
.template-tab-wrapper .tab-content::-webkit-scrollbar-thumb:hover {
  background-color: #4830ff; 
}
.template-tab-wrapper .tab-content::-webkit-scrollbar-track {
  background-color: #f1f1f1; 
}
.template-tab-wrapper .tab-content::-webkit-scrollbar-track:hover {
  background-color: #ddd;
}


@media screen and (min-width:1025px){
    .template-tab-wrapper .marketplace-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .template-tab-wrapper .tab-menu {
        width: 18%;
        max-width: 18%;
        overflow: hidden;
    }
    .template-tab-wrapper .tab-content {
        max-width: 80%;
        overflow: hidden;
    }
    .template-tab-wrapper .nav {
        display: block !important;
        margin-left: 0;
    }
    .template-tab-wrapper .nav-tabs li .title {
        padding-left: 15px;
        text-transform: capitalize;
    }
 
    .template-tab-wrapper .nav-tabs li a{
        font-size: 16px;
    }

    .template-tab-wrapper .nav-tabs li{
        margin-bottom: 40px;
        padding-right: 26px;
    }

    .template-tab-wrapper .nav-tabs li.active{
        margin-bottom: 25px;
    }
}

/* Only for Mart Landing */
@media screen and (max-width: 767px) {
    
    .template-tab-wrapper ul.nav--tabs{
        padding: 20px 10px;
        width: 90vw !important;
        gap: 12px !important;
        justify-content: start !important;

    }

}

@media screen and (min-width:768px) and (max-width: 1024px) {
    
    .template-tab-wrapper ul.nav--tabs{
        padding: 20px 10px;
        width: 95vw !important;
        gap: 16px !important;
        justify-content: start !important;

    }


}

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

    .template-tab-wrapper .nav--tabs li .title {
/*         border-radius: 5px !important;
        border: none !important; */
        display: flex;
        padding: 5px 0px;
        align-items: flex-start;
        gap: 10px;
        background: #F8FBFF;
/*         box-shadow: 0px 8px 14px 0px #83857721;  */
    }

    .template-tab-wrapper ul.nav--tabs{
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
        flex-wrap: nowrap;
    }

    .template-tab-wrapper ul.nav--tabs::-webkit-scrollbar{
        display: none;
	}
	.template-tab-wrapper ul.nav--tabs{
		-ms-overflow-style: none;
		scrollbar-width: none; 
    }

    .template-tab-wrapper .nav {
        justify-content: center;
        gap: 10px;
    }
    .template-tab-wrapper .nav-tabs li .title {
        font-size: 12px;
        padding: 8px 14px;
        border-radius: 24px;
        text-transform: capitalize;
        border: 1px solid rgba(0, 53, 176, 0.15);
    }
    
    .template-tab-wrapper .tab-content{
        margin-top: 20px;
    }
	
	.template-tab-wrapper .nav-tabs{
        margin: 20px 5px;
    }
}

.template-tab-wrapper .tab-pane .card_animate {
    transform: scale(0.6);
    opacity: .06;
    transition: .3s ease-out;
}

.template-tab-wrapper .tab-pane.show .card_animate {
    opacity: 1;
    transform: scale(1);
}

@media screen and (max-width:767px){
   
    .template-tab-wrapper.top_hide ul.nav.nav-tabs.nav--tabs{
        opacity: 0;
        transform: translateY(-100px);
        position: fixed;
        width: 102vw !important;
        top: 0px;
        left: -1vw;
        padding: 10px 10px 4px;
        background-color: #fff;
        box-shadow: 0 10px 20px #dcdcdc30;
        /* transition: 0.3s ease-out; */
    }

    .template-tab-wrapper.top_fixed ul.nav.nav-tabs.nav--tabs{
        z-index: 3;
        opacity: 1;
        transform: translateY(-20px);
        transition: 0.8s all ease;
    }
}