.web_view{
    justify-content: space-between;
}

.header_container{
    padding:10px 30px;
}

.header_tabs , .main_tab_container{
    display: flex;
    flex-direction: row;
}

.main_tab_container{
    gap:8px
}
.header_tabs{
    padding: 5px 20px 6px 10px !important;
    align-items: center;
    justify-content: center;
   cursor: pointer;
}

.icon_sub_tab{
    margin-right:8px;
}

.web_tab_name{
    color: var(--Miscellaneous-Floating-Tab---Text-Unselected, #090909);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px; /* 100% */
    color:#2D2308
}
.logout_tab{
    display: flex;
    align-items: center;
    gap:8px;
    border-radius: 64px;
    padding:8px 18px;
    border: 1px solid var(--Neutralshades-Grey-N100-Outline, #E4E4E4);
    background: var(--Neutralshades-Grey-N000-White, #FFF);
    color: var(--Neutralshades-Grey-N700, #000);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 100% */
    cursor: pointer;
}

.web_active_Tab{
    border-radius: 99px !important;
    background: #000 !important;
    border-top:none !important;
    margin-top:0px !important;
}

.web_active_Tab div:last-child{
    color:#FFF;
    font-weight: 700;

}

.no_web{
    display: inline;
}

.web_active_Tab #lamp-icon #Vector_2 ,.web_active_Tab #lamp-icon #Vector{
    fill:#fff !important;
    stroke: #000 !important
}

@media (min-width: 520px) and (max-width: 1080px){
    .web_tab_name{
        font-size: 11px;    
    }

    .no_web{
        display: none
    }

    .logout_tab svg{
        width: 17px;
        height: 17px;
    }
}