:root {
    --sub_color: #fff;
    --sub_bg: #000;
}

nav:has(#ros__nav_5) {
    top: 0;
}

nav:has(#ros__nav_5.nav__s_2) {
    background: #fff !important;
    box-shadow: 0 1px 20px #00000059;


    --sub_color: #000;
    --sub_bg: #fff;


    #ros__nav_5.nav__s_2 {
        background: #fff !important;
        width: var(--premary_width);
        margin: 0 auto !important;

        & * {
            color: #000 !important;
            fill: #000 !important;
        }
    }
}

section#ros__nav_5 {
    height: 5rem;
    background: black;
    display: flex;
    align-items: center;
    margin: 0 !important;
    justify-content: space-between;

    & * {
        color: #fff;
        fill: #fff;
        font-family: "Inria Sans", sans-serif;
    }


    & .ros_top {
        gap: 5rem;
        height: 100%;

        & .logo {
            & img {
                width: 10rem;
                object-fit: contain;
            }
        }
    }

    &>ul {
        gap: 11px;
    }
}

.Open__Serch {
    right: 16rem !important;
}

/*  */
@media ((min-width: 400px) and (max-width: 576px)) {
    section#ros__nav_5 {
        padding: 0 10px;
    }

    nav:has(#ros__nav_5.nav__s_2) {
        #ros__nav_5.nav__s_2 {
            width: 100%;
            background: #fff !important;
        }
    }
}

@media (min-width: 577px) and (max-width: 768px) {
    section#ros__nav_5 {
        padding: 0 10px;
    }

    nav:has(#ros__nav_5.nav__s_2) {
        #ros__nav_5.nav__s_2 {
            background: #fff !important;
        }
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    /* section#rosita_widOne {
        background: rgb(232, 192, 255);
    } */
}