.header_container {
    position: fixed; top: 0; z-index: 10; width: 100%; overflow: visible; transition: 0.3s; background-color: var(--white-color);
}
.header__inner {  display: flex; align-items: center; gap: 20px; padding: 15px var(--padding-page); max-width: 1280px; margin: 0 auto}
.home_body .header_container { background-color: transparent; }

.logo { display: block;}
.logo img { max-height: 55px; width: auto}
.header__navigation_container { width: 100%}
.header__navigation { display: flex; align-items: center; gap: 10px;width: 100%; list-style-type: none; justify-content: flex-end}
.nav_item__cta { display: none;}
.nav_item a { text-decoration: none; color: var(--white-color)}
.nav_item a:hover, .nav_item--current a { color: var(--black-color)}

.header_container.sticky { background-color: var(--white-color); /*box-shadow: 0px 2px 12px 0px var(--gray-color);*/ padding: 0 var(--padding-page); }
.header_container.sticky .logo img { max-height: 45px;}
.header_container.sticky .nav_item a { font-size: 16px; color: var(--black-color)}
.header_container.sticky .nav_item a:hover, .header_container.sticky .nav_item--current a { color: var(--primary-color)}
.header_container.sticky .nav_item__cta { display: block; margin-left: auto;}
.header_container.sticky .nav_item.nav_item__cta a {  color: var(--white-color) }

.language_switcher {  display: flex; align-items: center; justify-content: center; gap: 5px;}
.language_switcher__lang__icon { display:block; width:25px; height:25px; }
.language_switcher__lang__icon img { object-fit:contain; border-radius:5px }

.header__mobile_toggler__container { display: none}

.back_to_top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    border: none;
    border-radius: var(--border-radius);
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    transition: 0.3s ease-out;
}
.back_to_top i {
    width: 100%;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: var(--white-color);
    cursor: pointer;
    transform: rotate(180deg);
}
.back_to_top.visible { opacity: 1; visibility: visible; transition: 0.3s ease-out; }


@media screen and (max-width: 989px) {
    .home_body .header_container, .header_container { background-color: var(--white-color); padding: 0 var(--padding-page); }

    .header_container .logo img { max-height: 45px;}
    .header_container .nav_item a { font-size: 16px; color: var(--black-color)}
    .header_container .nav_item a:hover, .header_container .nav_item--current a { color: var(--primary-color)}
    .header_container .nav_item__cta { display: block; margin-left: auto;}
    .header_container .nav_item.nav_item__cta a {  color: var(--white-color) }
}
@media screen and (max-width: 767px) {
    .header__inner { flex-wrap: wrap; justify-content: space-between; row-gap: 0;}
    .header__navigation { flex-direction: column; align-items: flex-start; padding-top: 20px}

    .header__mobile_toggler__container { display: block;}
    
    /* || Mobile Nav Button */
    .header__mobile_toggler { position: absolute; width: 32px; height: 32px; opacity: 0; z-index: 99999; cursor: pointer; }
    .header__mobile__lines { width: 32px; height: 32px; cursor: pointer; z-index: 5; display: flex; justify-content: center; align-items: center; position: relative;}
    .header__mobile__lines > div, 
    .header__mobile__lines > div::before, 
    .header__mobile__lines > div::after { display: block; position: absolute; width: 100%; height: 2px; background-color: var(--black-color); transition: all 0.4s ease; }
    .header__mobile__lines > div::before { content: ""; top: -8px;}
    .header__mobile__lines > div::after { content: ""; top: 8px;}

    /* |||| Lines rotation */
    .header__mobile_toggler:checked + .header__mobile__lines > div { height: 0; transition: transform 0.1s ease; }
    .header__mobile_toggler:checked + .header__mobile__lines > div::before { top: 0; transform: rotate(-135deg); transition: transform 0.4s ease; }
    .header__mobile_toggler:checked + .header__mobile__lines > div::after { top: 0; transform: rotate(135deg); transition: transform 0.4s ease; }
    /* |||| End Lines rotation */

    /* || End Mobile Nav Button */

    /* || Menu Opening Smoothly */
    .header__navigation_container { max-height: 0; overflow: hidden; transition: all 0.35s; }
    .header__navigation_container.visible { max-height: 30rem; }
    /* || End Menu Opening Smoothly */

    .nav_item__cta { display: block}
    .header_container.sticky { background-color: var(--white-color); box-shadow: none; padding: 0 var(--padding-page); }
    .header_container.sticky .logo img { max-height: 55px;}
    .header_container.sticky .nav_item a { font-size: 18px}
    .header_container.sticky .nav_item__cta { margin-left: 0}
}