#header {
    #top-bar{
        @apply hidden lg:flex;
    }
    .header-top {
        @apply bg-white;
    }
    .header-main li.html.custom {
        @apply max-[849px]:!block;
    }
    .nav.mobile-nav.nav-right{
        @apply !justify-end;
    }
    .header-bg-color {
        @apply bg-gradient-to-r from-green-900 to-lime-400;
    }

    /* MARK: searchform
    */
    .searchform {
        @apply w-[240px];
        input[type=search] {
            @apply bg-white/15 border-transparent shadow-none text-white text-base h-[44px] leading-[44px];
        }

        input[type=search]::placeholder {
            @apply text-white/50
        }

        .button.icon {
            @apply bg-white/15 border-transparent min-h-[44px] ;
        }
    }

    /* MARK: nav
    */
    .nav {
        @apply justify-center;
        &.mobile-nav {
            @apply justify-start;
        }
        &>li {
            @apply xl:m-[0_32px] m-[0_16px];
            &>a {
                @apply text-xl font-medium text-white font-title hover:text-black;
                
            }
            &.active {
                &>a {
                    @apply !text-black;
                }
            }
        }
    }
}