.account-wrapper{

    display:flex;

    gap:25px;

    padding:30px 0;

}

.account-sidebar{

    width:270px;

    background:#fff;

    border-radius:15px;

    box-shadow:0 3px 12px rgba(0,0,0,.08);

    padding:25px;

}

.account-profile{

    text-align:center;

    margin-bottom:30px;

}

.account-profile img{

    width:90px;

    height:90px;

    border-radius:50%;

    object-fit:cover;

    margin-bottom:15px;

}

.account-profile span{

    display:block;

    color:#777;

    font-size:14px;

}

.account-sidebar ul{

    list-style:none;

    margin:0;

    padding:0;

}

.account-sidebar li{

    margin-bottom:10px;

}

.account-sidebar a{

    display:flex;

    align-items:center;

    gap:12px;

    padding:12px 15px;

    color:#555;

    text-decoration:none;

    border-radius:10px;

    transition:.3s;

}

.account-sidebar a:hover{

    background:#0F766E;

    color:#fff;

}

.account-sidebar a.active{

    background:#0F766E;

    color:#fff;

}

.account-content{

    flex:1;

}

@media(max-width:992px){

.account-wrapper{

flex-direction:column;

}

.account-sidebar{

width:100%;

}

}