/* ===============================
   Profile Tabs
=================================*/

.devx-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:25px;
    border-bottom:2px solid #e5e7eb;
    padding-bottom:10px;
}

.devx-tab-btn{
    background:#f3f4f6;
    border:none;
    padding:12px 22px;
    border-radius:10px 10px 0 0;
    cursor:pointer;
    font-size:15px;
    font-weight:600;
    transition:.3s;
}

.devx-tab-btn:hover{
    background:#2563eb;
    color:#fff;
}

.devx-tab-btn.active{
    background:#2563eb;
    color:#fff;
}

.devx-tab-content{
    display:none;
    animation:fadeEffect .4s;
}

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

@keyframes fadeEffect{

from{
opacity:0;
transform:translateY(10px);
}

to{
opacity:1;
transform:translateY(0);
}

}

/* Mobile */

@media(max-width:768px){

.devx-tabs{

display:grid;

grid-template-columns:repeat(2,1fr);

}

.devx-tab-btn{

border-radius:8px;

padding:12px;

}

}