.header {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    box-sizing: border-box;
    display: flex;
    height: 81px;
    background: rgb(245, 243, 237);
    justify-content: center;
    z-index: 111;
    align-items: center;
    padding: 0 120px;
    @media screen and (max-width: 1366px) {
        padding: 0 22px;
    }
    @media screen and (max-width: 768px) {
        height: 48px;
    }
}

.header__homepage {
    position: sticky;
    top: 52px;
    left: 0;
    right: 0;
    height: 81px;
    background: rgb(245, 243, 237);
    z-index: 111;
    justify-content: center;
    display: flex;
    align-items: center;
    padding: 0 120px;
    @media screen and (max-width: 1366px) {
        padding: 0 22px;
    }
    @media screen and (max-width: 768px) {
        height: 48px;
    }
}

.header__menus {
    display: flex;
    justify-content: space-between;
    position: relative;
    @media screen and (max-width: 768px) {
        justify-content: flex-end;
    }
    .header_menu_left {
        display: flex;
        align-items: center;
        gap: 38px;
        @media screen and (max-width: 1400px) {
            gap: 20px;
        }
        @media screen and (max-width: 768px) {
            display: none;
        }
        .header_single_item {
            color: #5d544f;
            font-family: "Staatliches", "sans-serif";
            font-style: normal;
            font-weight: 400;
            font-size: 1.125rem;
            line-height: 1.25rem;
            cursor: pointer;
        }
        .header_single_item:hover {
            color: #ee5c39;
        }
        .header_single_item_active {
            color: #ee5c39;
            font-family: "Staatliches", "sans-serif";
            font-style: normal;
            font-weight: 400;
            font-size: 1.125rem;
            line-height: 1.25rem;
            cursor: pointer;
        }
    }
    .header__menu__logo {
        cursor: pointer;
        height: auto;
        width: 7rem;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);

        @media (max-width: 768px) {
            width: 56px;
            height: auto;
            left: 0px;
            transform: translateY(-50%);
        }
    }
    .header_menu_right {
        display: flex;
        // flex: 0.45;
        align-items: center;
        // justify-content: center;
        @media (max-width: 374.98px) {
            display: none;
        }
        @media (min-width: 375px) and (max-width: 575.98px) {
            display: none;
        }
        @media (min-width: 576px) and (max-width: 767.98px) {
            display: none;
        }
        section {
            display: flex;
            gap: 0.625rem;
            .header__btn__val1 {
                font-family: "Inter";
                font-size: 0.875rem;
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 1rem 1.5rem;
                min-width: 7.75rem;
                background: #ee5c39;
                border-radius: 1000px;
                color: #ffffff;
                border: none;
                cursor: pointer;
            }
            .header__btn__val2 {
                font-family: "Inter";
                font-size: 0.875rem;
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 0.5rem;
                padding: 1rem 1.5rem;
                min-width: 7.75rem;
                border-radius: 1000px;
                background: #ffffff;
                color: #ee5c39;
                border: 1px solid #ee5c39;
                cursor: pointer;
            }
            .header__logged__icons__container {
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 40px;
                .user_logo {
                    height: 24px;
                    width: 24px;
                    border-radius: 50%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    overflow: hidden;
                    cursor: pointer;
                    .logo {
                        width: auto;
                        height: 100%;
                        color: #5d544f;
                    }
                }
                .header__logged__icon_img {
                    height: 24px;
                    width: 24px;
                    border-radius: 50%;
                    cursor: pointer;
                }
                .header__logged__icon {
                    cursor: pointer;
                    height: 24px;
                    width: auto;
                }
            }
        }
        select {
            border: none;
            outline: none;
            background-color: transparent;
            color: #5d544f;
            font-family: "Staatliches", "sans-serif";
            margin-left: 40px;
            font-weight: 400;
            font-size: 1.125rem;
            cursor: pointer;
        }
    }
}

.hamburger__container_home {
    display: none;
    @media (max-width: 767.98px) {
        display: flex;
        .hamburger__menu {
            margin-top: auto;
            margin-bottom: auto;
            width: 18px;
            height: 20px;
            cursor: pointer;
        }

        .hamburger__menu__hide {
            display: none;
        }
        .hamburger_icon {
            height: 20px;
            width: 18px;
        }
        .hamburger_cross_icon {
            height: 20px;
            width: 14px;
        }

        .cross__bar {
            display: flex;
            padding-top: 20%;
            right: 85%;
            align-items: center;
            cursor: pointer;
        }

        .cross__bar__hide {
            display: none;
        }
    }
}

.hamburger__container {
    display: none;
    @media (max-width: 767.98px) {
        display: flex;
        .hamburger__menu {
            width: 18px;
            height: 20px;
            cursor: pointer;
        }

        .hamburger__menu__hide {
            display: none;
        }
        .hamburger_icon {
            height: 20px;
            width: 18px;
        }
        .hamburger_cross_icon {
            height: 20px;
            width: 14px;
        }

        .cross__bar {
            display: flex;
            padding-top: 20%;
            right: 85%;
            align-items: center;
            cursor: pointer;
        }

        .cross__bar__hide {
            display: none;
        }
    }
}

.layout_container {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}