.tabs-wrapper{
    width:100%;
    /*background:var(--grey-light);*/
    /*border:1px solid var(--grey);*/
}

/* Tabs Nav */

.tabs-nav{
    display:flex;
    overflow-x:auto;
    white-space:nowrap;
    border-bottom:1px solid var(--grey);
    background:var(--white);
    scrollbar-width:none;
	justify-content: center;
}

.tabs-nav::-webkit-scrollbar{
    display:none;
}

.tabs-nav button{
    border:none;
    background:none;
    padding:18px 24px;
    cursor:pointer;
    font-size:15px;
    color:var(--primary-color);
    transition:.3s;
    position:relative;
    flex-shrink:0;
}

.tabs-nav button:hover{
    color:var(--secondary-color);
}

.tabs-nav button.active{
    color:var(--primary-color);
    background:var(--grey-light);
   
}
.tabs-nav button.active:hover{
    color:var(--secondary-color);
}
.tabs-nav button.active::after{
    content:'';
    position:absolute;
    left:0;
    bottom:-1px;
    width:100%;
    height:2px;
    background:var(--primary-color);
}

/* Tab Content */

.tab-content{
    display:none;
    padding:40px 0;
    animation:fadeIn .4s ease;
}

.tab-content.active{
    display:block;
}

@keyframes fadeIn{
    from{
        opacity:0;
        transform:translateY(10px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* Typography */

 
/* Tablet */

@media(max-width:768px){

    body{
        padding:15px;
    }

    .tab-content{
        padding:25px 20px;
    }

   
    .description-text{
        font-size:15px;
        line-height:1.8;
    }

    .tabs-nav button{
        padding:16px 18px;
        font-size:14px;
    }

}

/* Mobile */

@media(max-width:480px){

    .tab-content{
        padding:15px 10px;
    }

 
    .tabs-nav button{
        padding:10px 10px;
        font-size:11px;
    }

}