a {
    text-decoration: none;
}

.header {
    background-color: var(--header-background-color);
}

.social-icon {
    color: var(--social-icon-color-hovered);
    text-decoration: none;
    font-size: medium;
}

.social-icon:hover{
    color: var(--social-icon-color-hovered);
}

.brochure-button {
    text-decoration: none;
    background-color: var(--main-color);
    border-radius: 10px;
}

.brochure-button .arrow {
    background-color: var(--secondary-color);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.language {
    background-color: var(--header-background-color);
    color: var(--header-font-color);
    cursor: pointer;
}

.logo {
    color: #E7CD82;
}

.logo:hover{
    color: #E7CD82;
}

.logo-container{
    width: 100px;
    height: 60px;
    overflow: hidden;
    position: relative;
}

.logo-container img{
    width: 100px;
    height: 100px;
    position: absolute;
    top: calc(-17px);
}

.logo .image-container{
    width: 200px;
}


.nav-bar ul{
    list-style-type: none;
    height: 100%;
}

.nav-bar ul li a {
    font-weight: 500;
    color: var(--header-font-color);
}

.nav-bar ul li i {
    color: var(--header-font-color);
}

.nav-bar ul li a.active {
    color: #E7CD82;
}

.nav-bar ul li i.active {
    color: var(--hovered-color);
}

.menu-button.open-button i {
    color: var(--header-font-color);
}

.second-menu {
    width: 100%;
    background-color: var(--header-background-color);
    top: 100px;
    left: 0px;
    opacity: 0;
    transition: 0.5s;
    pointer-events: none;
    width: max-content;
    /* z-index: -100; */
}

.second-menu:hover {
    top: 68px;
    opacity: 1;
    pointer-events: all;
    z-index: 1000;
    background-color: var(--header-background-color);
}

.first-menu:hover .second-menu{
    pointer-events: all;
    top: 68px;
    opacity: 1;
    z-index: 1000;
    background-color: var(--header-background-color);
}

.first-menu::before {
    content: "";
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid var(--first-menu-background-color-hovered);
    position: absolute;
    top: 68px;
    opacity: 0;
    transition: 0.2s;
    z-index: 1001;
}

.nav-bar ul li:hover {
    background-color: var(--first-menu-background-color-hovered);
}

.first-menu:hover:before{
    opacity: 1;
}

.second-menu ul li a {
    font-weight: 400;
}

.hidden-menu{
    position: fixed;
    width: 320px;
    height: 100vh;
    right: -400px;
    z-index: 9999999999;
    transition: 0.5s;
}

.hidden-menu.active{
    right: 0px;
}

.hidden-menu ul{
    list-style-type: none;
}

.hidden-menu a{
    color: black;
}

.hidden-menu h4{
    margin: 0px;
}

.hidden-menu ul ul {
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0px;
    background-color: #f1f2f6;
}

.hidden-menu a{
    color: #57606f;
}

.header-icon{
    width: 16px !important;
    height: 16px !important;
}

#lang-selection{
    appearance: none;
    border: 2px solid #E7CD82;
    color: #E7CD82;
    border-radius: 10px;
}

#lang-selection:focus{
    outline: none;
}

@media only screen and (max-width: 991px) {
    .logo img{
        top: calc(-50% - 60px);
    }
}