.w_first_header {
    position: fixed;
    top: 0;

    width: 100%;
    height: 27px;

    font-family: "Roboto", sans-serif;

    z-index: var(--middle-z-ind);

    background-color: var(--second-bg-grey-clr);
    border-bottom: 1px solid var(--grey-light-clr);
    padding: 5px 0;

    .links_cont {
        overflow-x: auto;
    }

    .link {
        display: flex;
        align-items: center;
        gap: 5px;

        font-weight: 500;
        color: var(--black-clr);

        font-size: 12px;

        div{
            white-space: nowrap;
        }

        img{
            height: 12px;

            filter: var(--filter-black-clr);
            display: block;

            @media(max-width: 400px){
                display: none;
            }
        }

        &.active{
            color: var(--green-clr);
            font-weight: 700;
        }

        @media (max-width: 550px) {
            &:last-of-type{
                display: none;
            }
        }
    }
}