:root {
    --header-height-en: 7rem;
    --header-height-en-outer: 10rem;
}
@media screen and (max-width: 1499px) {
    :root {
        --header-height-en: 6rem;
        --header-height-en-outer: 8rem;
    }
}
.body__4.body-renewal2025,
.body__11.body-renewal2025 {
    header.header-outer {
        height: var(--header-height-en-outer);
        .navigation {
            top: 0;
            height: var(--header-height-en);
            display: flex;
            align-items: center;
            .drawer-navbar-header {
                display: flex;
                align-items: center;
                padding: 0;
                height: var(--header-height-en);
                background: initial;
                .brand-logo {
                    padding: 0;
                    h1 {
                        margin: 0;
                        line-height: 1;
                        padding: 0;
                        font-size: initial;
                    }
                }
            }
        }
        nav.drawer-nav {
            transition:
                transform 0.5s,
                right 0.5s;
            height: var(--header-height-en);
            display: flex;
            align-items: center;
            .list-inline > li {
                display: flex;
                align-items: center;
                justify-content: center;
            }
            ul li ul {
                visibility: hidden;
                opacity: 0;
                transition: 0.5s;
            }
            ul li:hover ul {
                visibility: visible;
                opacity: 1;
                transition: 0.5s;
            }
            ul li ul {
                position: absolute;
                top: 55px;
                left: 0;
                transition: 0.5s;
            }
            ul li ul.drawer-nav__language li {
                display: block;
                transition: all 0.75s ease;
            }
            ul li ul.drawer-nav__language li a {
                background-color: #fff;
                color: var(--main-color-1);
                min-width: 165px;
                width: 200px;
                padding: 10px 25px;
                transition: all 0.5s ease;
                border: 1px solid #efefef;
                border-radius: 40px;
            }
            ul li ul.drawer-nav__language li a:hover {
                background-color: #efefef;
            }
            ul.drawer-nav__language li a i.fa.fa-angle-right {
                margin-right: 8px;
            }
        }
    }
}
@media screen and (max-width: 480px) {
}
@media screen and (min-width: 960px) {
    .body__4.body-renewal2025,
    .body__11.body-renewal2025 {
        header.header-outer {
            top: -2rem;
            nav.drawer-nav {
                background: initial;
            }
        }
        .navigation {
            overflow: initial;
            .brand-logo img {
                height: 3.5rem;
            }
        }
    }
}
@media screen and (min-width: 1500px) {
    .body__4.body-renewal2025,
    .body__11.body-renewal2025 {
        header.header-outer {
            top: -3rem;
        }
        .navigation {
            .brand-logo img {
                height: 3.95rem;
            }
        }
    }
}
@media screen and (max-width: 959px) {
    :root {
        --header-inner-height: 6rem;
    }
    .body__4.body-renewal2025,
    .body__11.body-renewal2025 {
        header.header-outer {
            height: var(--header-inner-height);
            .container {
                padding: 0;
            }
            .navigation {
                top: 0;
                height: var(--header-inner-height);
                .drawer-navbar-header {
                    height: var(--header-inner-height);
                    .drawer-hamburger {
                        padding-top: 18px;
                    }
                }
                .brand-logo img {
                    height: clamp(2.75rem, 4.5vw, 3.35rem);
                }
                .header-nav {
                    padding-left: clamp(20px, 4vw, 30px);
                    padding-right: clamp(20px, 4vw, 30px);
                }
            }
            .drawer-nav ul li ul {
                top: 7px;
                left: 55%;
            }
            .drawer-nav ul li ul.drawer-nav__language li a {
                background-color: #fff;
                color: var(--main-color-1);
                min-width: 165px;
                width: 180px;
                padding: 8px 10px;
                transition: all 0.5s ease;
                border: 1px solid #efefef;
                border-radius: 40px;
                margin: 0 0 0 30px;
            }
        }
    }
    .body__4.body-renewal2025.drawer-open,
    .body__11.body-renewal2025.drawer-open {
        & header.header-outer {
            nav.drawer-nav {
                height: 100%;
            }
        }
    }
}
@media (max-width: 959px) {
    .body__4.body-renewal2025,
    .body__11.body-renewal2025 {
        ul.list-inline.nav-list.hidden-xs {
            display: none !important;
        }
        ul.list-inline.nav-list.visible-xs {
            display: block !important;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            width: 100%;
        }
    }
}