/* ==========================================
   TOP BAR
========================================== */

.topbar{

    background:var(--color-primary);

    color:var(--color-white);

    font-size:var(--fs-14);

    height:var(--topbar-height);

    display:flex;

    align-items:center;

}

.topbar__wrapper{

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.topbar__left,
.topbar__right{

    display:flex;

    align-items:center;

    gap:20px;

}

.topbar__left a,
.topbar__right a{

    color:#fff;

    transition:.3s;

}

.topbar__left a:hover,
.topbar__right a:hover{

    opacity:.8;

}

.language-switcher{

    display:flex;

    gap:8px;

}

.language-switcher .active{

    font-weight:bold;

}

.social-links{

    display:flex;

    gap:15px;

}

.social-links a{

    font-size:16px;

}

/* ==============================
   RESPONSIVE
================================ */

@media(max-width:992px){

.topbar{

display:none;

}

}