header {padding: 32px 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 999; transition:0.5s ease-in-out;}
header .menu img {height: 22px !important; width: auto !important; }
header .book-btn a {background: var(--main-brand-colour); border-radius: 7px; color: var(--opal-clean); font-size: 18px; min-width: 129px; display: inline-block; padding: 5px 21px; border: 0.5px solid var(--main-brand-colour); text-align: center; }
header .book-btn a:hover {background: transparent !important; color: var(--main-brand-colour); }
.open-menu {position: fixed; top: 0; background: rgba(245, 244, 237, 0.8); left: 0; width: 100%; height: 100%; overflow: hidden; overflow-y: auto; transform: translateX(-157%) !important; opacity: 0; visibility: hidden; transition: 0.5s ease-in-out; }
.main-menu {padding-bottom: 64px; }
.inner-menu {width: 80%; position: relative; min-height: 100vh; background: #000; padding: 99px 34px; }
.closed-btn img {width: 22px; height: auto !important; filter: brightness(0) invert(0); }
.menu-box-inner {max-width: 38%; background: var(--opal-clean);     min-height: 100vh; }
.closed-btn span {padding-left: 9px; }
.main-menu ul > li > a {color: var(--main-brand-colour); font-size: 18px; line-height: 25px; padding: 0 29px; text-transform:uppercase; }
.cover-bg > img {border-radius: 14px; aspect-ratio: 5 / 3.3 !important; width: 100% !important; }
.cover-bg {position: relative; border-radius: 14px; overflow: hidden; }
.logo-img img {filter: brightness(0) invert(1); max-height: 69px; height: auto !important; padding: 0 24px; }
.resturent-menu h6 {font-size: 18px; color: #014647 !important; text-align: center; line-height: 22px; margin: 11px 0 0; }
.logo-img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: #00000045; }
.social-links {padding: 0 29px; position: absolute; bottom: 11px; }
.social-links a {color: var(--main-brand-colour) !important; font-size: 24px; }
.social-links a + a {margin-left: 15px; }
.menu a {display: inline-block; }
.open-menu.open {display: block !important; }
/* WebKit (Chrome, Safari, Edge) */ ::-webkit-scrollbar {width: 2px; height: 2px; } ::-webkit-scrollbar-track {background: transparent; } ::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.3); border-radius: 10px; } ::-webkit-scrollbar-thumb:hover {background: rgba(0, 0, 0, 0.5); } /* Firefox */ html {scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 0.3) transparent; } /* Apply to specific elements if needed */ .scrollable-element {scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 0.3) transparent; }
.logo-braind img {max-height: 48px !important; width: auto !important; height: auto !important; }
header .menu-item-has-children.parent.active > a {
    text-decoration: underline;
}
header.fix {
    position: fixed;
}

.fixed header {
    background: #000;
    padding: 18px 0;
}
.sub-menu {display: block !important; }
header li {position: relative; }
.sub-menu {
    display: none !important;
    position: absolute;
    top: 25px;
    min-width: 222px;
    padding: 10px 10px 20px;
    left: -10px;
    opacity: 0 !important;
    visibility: hidden;
}
.sub-menu.show-submenu li {
    line-height: 21px;
}
.sub-menu.show-submenu {display: block !important; opacity: 1 !important; visibility: visible; }
.fixed .sub-menu.show-submenu {background: #000 !important; }

.open-menu.open {
    display: block !important;
    visibility: visible;
    opacity: 1;
    transform: unset !important;
}

.closed-btn {
    background: #E0DDD7 !important;
    padding: 12px;
    position: absolute;
    top: 0;
    right: 0;
}



/*********Header-new-css***dark**theme***********/
header ul {
    display: flex;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    gap: 32px;
}
.header-right {
    justify-content:end ;
}
header ul li a,header ul li a:hover {
    color: #fff;
}

@media (max-width: 991px) {
	ul.sub-menu.show-submenu a {
    font-size: 13px !important;
    line-height: 6px;
}
	
	
	
	
}

@media (max-width: 1499px) {
	
	.header-right .sub-menu{left:-40px}	
}
@media (max-width: 991px) {
    .header-right .sub-menu {
        left: 0;
    }
}