/* Reset */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "nato sans", "Arial", sans-serif;
}

.nav-bg {
    /*background-color: #d4d4d4;*/
}

.nav-lks {
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 50px;
    font-size: 14px;
    font-weight: 600;
    color: #7a7a7a;
    margin: 10px;
    text-decoration: none
}
  
.nav-lks li {
    cursor: pointer;
} 

    .btn-active {
        color: #1f2f5c;
        font-weight:700;
    }

li a:hover {
    color: #f2c94c;
    font-weight: 600;
    text-underline-offset:auto
}

.language-switcher {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-left: auto;
    padding: 8px 0;
}

.lang-btn {
    border: 1px solid #d7dbe6;
    background: transparent;
    color: #5f687c;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    padding: 8px 10px;
    border-radius: 999px;
    transition: all 0.2s ease;
}

.lang-btn:hover,
.lang-btn:focus-visible {
    color: #1f2f5c;
    border-color: #1f2f5c;
    outline: none;
}

.lang-btn.is-active {
    background: #1f2f5c;
    border-color: #1f2f5c;
    color: #ffffff;
}

@media (max-width: 991px) {
    .language-switcher {
        margin-left: auto;
        margin-top: 0;
        justify-content: flex-end;
        padding-right: 4px;
    }

    .lang-btn {
        padding: 7px 8px;
        font-size: 11px;
    }
}