.loggedin{
    .hide {
        display: none !important;
    }
    .menu-container{
        width: 100%;
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .right-navigation{
        display: flex;
        align-items: center;
        gap: 12px;

        .wpml-lang-container {
            display: flex;
            align-items: center;
            gap: 8px;

            .wpml-lang-switcher{

                li { 
                    a {
                        img {
                            height: 24px;
                            width: auto;
                            aspect-ratio: 1/1;
                            border-radius: 75px;
                        }
                    
                        span {
                            color: var(--White, #FFF);
                            font-family: Satoshi;
                            font-size: 16px;
                            font-style: normal;
                            font-weight: 500;
                            line-height: 24px; /* 150% */
                        }
                    }

                    .lang-switcher{
                        width: 12.5rem;
                        flex-direction: column;
                        align-items: flex-start;
                        border-radius: 0.5rem;
                        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);

                        li a{
                            display: flex;
                            padding: 12px;
                            align-items: center;
                            gap: 8px;
                            align-self: stretch;
                            background: #FFF;

                            img {
                                width: 36px;
                                height: 36px;
                                flex-shrink: 0;
                                border-radius: 36px;
                            }

                            span {
                                color: var(--Navy-Blue, #030E27);
                                font-family: Satoshi;
                                font-size: 16px;
                                font-style: normal;
                                font-weight: 500;
                                line-height: 24px; /* 150% */
                            }
                        }
                    }
                    .lang-switcher.show{
                        display: flex;
                        position: absolute;
                        z-index: 999;
                        right: 20px;
                    }
                }
            } 
        }
       
        .search-container{
            display: flex;
            width: 44px;
            height: 44px;
            padding: 10px 16px;
            justify-content: center;
            align-items: center;
            gap: 6px;

            border-radius: 100px;
            background: var(--White, #FFF);

            i {
                width: 18px;
                height: 18px;
                color: var(--Navy-Blue, #030E27);
                cursor: pointer;
            }
        }
        .header_cta_btn{
            display: flex;
            padding: 10px 16px;
            justify-content: center;
            align-items: center;
            gap: 6px;

            border-radius: 100px;
            background: var(--Orange, #FE9F1A);


            color: var(--White, #FFF);
            font-family: Satoshi;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 1.5;

            i {
                width: 20px;
                height: 20px;
                aspect-ratio: 1/1;
                margin-top: 5px;
            }
        }
        .header_cta_btn:hover{
            background: #E17F00 !important;
        }
    }
    
    .search-field-container.hide{
        display: none;
    }

    .search-field-container {
        display: flex;
        align-items: center;
        gap: 16px;

        form {
            display: flex;
            align-items: center;
            gap: 8px;

            .search-field{
                display: flex;
                width: 970px;
                padding: 10px 14px;
                align-items: center;
                gap: var(--spacing-md, 8px);

                border-radius: 100px;
                border: 1px solid var(--White, #FFF);
                background: var(--White, #FFF);

                /* Shadows/shadow-xs */
                box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
            }

            .search-submit{
                display: flex;
                padding: 10px 16px;
                justify-content: center;
                align-items: center;
                gap: 6px;

                border-radius: 100px;
                background: var(--Orange, #FE9F1A);

                span {
                    display: flex;
                    padding: 0 0.125rem;
                    justify-content: center;
                    align-items: center;

                    color: var(--White, #FFF);
                    font-family: Satoshi;
                    font-size: 1rem;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 1.5rem; /* 150% */

                }
            }
        }
        .close-container {
            display: flex;
            width: 44px;
            padding: 10px 16px;
            justify-content: center;
            align-items: center;
            gap: 6px;

            border-radius: 100px;

            i {
                width: 24px;
                height: 24px;
                flex-shrink: 0;
                aspect-ratio: 1/1;
                color: #FFF;
                cursor: pointer;
            }
        }
    }

    .navbar-nav li a {
        padding: 0 15px 0 10px !important;
    }

    @media (min-width: 993px) {
        .navbar-nav {
            padding-top: 0 !important;
        }
    }

    @media (min-width: 768px) {
        .navbar-collapse.collapse.hide {
            display: none !important;
        }
    }
}