:root {
    --nav-height: 14.2rem;
    --nav-top-height: 5.9rem;
}

@media (min-width: 992px) {
    :root {
        --nav-height: 14.2rem;
        --nav-top-height: 5.9rem;
    }
}

.wpb-navigation { --nav-bg-clr: #fff; position: relative; z-index: 1040; margin-bottom: 3.2rem; }
.wpb-navigation .wpb-navigation__top { display: flex; align-items: center; padding-block: 1rem; background-color: var(--clr-dark); min-height: 5.9rem; }
.wpb-navigation .wpb-navigation__main { padding-block: 2rem; }
.wpb-navigation .container { display: flex; align-items: center; justify-content: space-between; column-gap: 1rem; }
.wpb-navigation .logo { display: inline-flex; }
.wpb-navigation .logo img { width: 15rem; height: auto; }

@media (max-width: 991.98px) {
    .wpb-navigation__main .container { display: grid; grid-template-columns: auto 1fr; }
    .wpb-navigation__main .wpb-reviewscore { grid-column: span 2; order: 3; }
    .wpb-navigation__main .btn { margin-left: auto; }
}