/* Overflow navabar css */
.profile_topnav {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    overflow-x: auto;
    scroll-behavior: smooth; 
    white-space: nowrap;
    scrollbar-width: none;
    padding-left: 15px;
    margin-bottom: 2rem;
}

.profile_nav_items,
.profile_all_items {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    width: fit-content;
    box-sizing: border-box;
    height: 50px;
    padding: 6px 10px;
    cursor: pointer;
}

.profile_nav_items {
    background-color: #FFB900;
    border-left: 3px solid black;
    color: #000000;
}

.profile_all_items {
    background-color: #27480A;
    border-left: 3px solid #fff;
}

.profile_nav_items > img,
.profile_all_items > img {
    width: 20px;
    height: 20px;
}