.style_tab_wrapper {
    margin-bottom: 8px;
}

.style_tab_wrapper .style_tab {
    padding: 5px 15px;
    background-color: rgba(228, 230, 235, 1.0);
    border-radius: 18px;
    cursor: pointer;
}

#people_you_may_know .title_box {
    padding: 5px 15px;
}

#requests-list .empty_state.single {
    margin: 25px 0;
}

#people_you_may_know .title_box {
    font-weight: 500;
    font-size: 16px;
}

.style_tab.active {
    font-weight: bold;
    border-bottom: 2px solid rgba(2, 1, 253, 0.8);
    color: rgba(2, 1, 253, 0.8);
    cursor: default;
}

#tab1-content .header_tab1_wrapper {
    display: flex;
    align-items: center;
    gap: 5px;
}

#tab1-content .header_tab1_wrapper .header_tab1_title {
    font-size: 16px;
    font-weight: 500;
}


#tab2-content .header_tab2_wrapper {
    display: flex;
    align-items: center;
    gap: 5px;
}

#tab2-content .header_tab2_wrapper .header_tab2_title {
    font-size: 16px;
    font-weight: 500;
}

#tab1-content .btn-back,
#tab2-content .btn-back {
    cursor: pointer;
}

.list_friends_wrapper{
    max-height: 200px;
    overflow-y: scroll;
}

.list_friends_wrapper .friend_box_ava img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
}

.list_friends_wrapper .friend_box {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    padding: 5px;
}

.list_friends_wrapper .friend_box_name .friend_box_name_friend {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
}

.list_suggest_friends{
    max-height: 200px;
    overflow-y: scroll;
}