.navigation_laptop_and_tablet .topbar {
    background-color: var(--white);
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--topbar-height);
    padding-inline: clamp(5px, calc(6.67vw - 50px), 30px); /* here ----------------------- calc( var(--space-10) * X )*/
    border-bottom: 1px solid var(--black);
    transition-duration: var(--transition-3);
    font-weight: 600;
}
#h.scroll .navigation_laptop_and_tablet .topbar {
    background-color: var(--white-low-opacity);
    height: calc(var(--topbar-height) - 10px);
}


#laptop_nav .topbar .left,
#laptop_nav .topbar .right {
    display: flex;
    width: 45%;
}

#tablet_nav .topbar .left,
#tablet_nav .topbar .right {
    display: flex;
    width: fit-content;
}

.navigation_laptop_and_tablet .topbar .left {
    justify-content: left;
    text-transform: uppercase;
}

.navigation_laptop_and_tablet .topbar .left ul {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(7px, .875vw, 10px);
    padding-left: clamp(5px, calc(10vw - 130px), 20px);
}

.navigation_laptop_and_tablet .topbar .left ul li {
    border-right: 1px solid var(--black);
    padding-right: 10px;
}
.navigation_laptop_and_tablet .topbar .left ul li:last-child {
    border-right: none;
}

.navigation_laptop_and_tablet .topbar .left ul li a.main_page {
    color: var(--font-beige);
}

.navigation_laptop_and_tablet .topbar .left ul li a {
    text-decoration: none;
}

.navigation_laptop_and_tablet .topbar .center {
    width: 10%;
    height: 60px;
    display: flex;
    justify-content: center;
}
.navigation_laptop_and_tablet .topbar .center a {
    display: block;
    width: fit-content;
    height: 100%;
    align-content: center;
}

.navigation_laptop_and_tablet .topbar .center a .logo {
    height: 100%;
    aspect-ratio: 1;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.navigation_laptop_and_tablet .topbar .right {
    justify-content: right;
    gap: clamp(15px, 1.6vw, 30px);
}

.navigation_laptop_and_tablet .topbar .right .lang {
    display: flex;
    justify-content: center;
    align-items: center;
}

.navigation_laptop_and_tablet .topbar .right .lang button {
    text-transform: uppercase;
    padding: 10px;
}

.navigation_laptop_and_tablet .topbar .right .lang .separate {
    height: 80%;
}
.navigation_laptop_and_tablet .topbar .right .lang .selected {
    color: var(--font-beige);
    border: 2px solid var(--beige);
    font-weight: 600;
}

@media screen and (max-width: 1024px) {
    .navigation_laptop_and_tablet .left ul {
        padding: 0;
    }
}