:root {
    --color1: #472976;
    --color2: #ffffff;
}


/*common*/
*{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin: 0px; padding: 0px;}
html, div, img, ul, li, a, p, ol, body, h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0; color:#000000;
	font-family: 'Poppins', sans-serif; font-weight:400;}
ul, a, input{text-decoration: none;list-style: none;text-decoration: none;outline:none;}
body{background: #fff;}
a{transition: .5s;}
a:hover{ text-decoration: none;transition: .5s;}
.container{width:1200px;margin:0 auto;padding-right: 15px;padding-left: 15px;}
.container-lg{width:100%;margin:0 auto;padding-right: 15px;padding-left: 15px;}
.flex{display: flex;flex-wrap: wrap;}
.clear{float: left;clear: both;width: 100%;}

p,li{ color: #2b2b2b;font-size: 18px;line-height: 30px; font-weight: 400;}
p{ margin: 0 0 30px;}

/*header_css*/
.navs-toggle{display: none;}
.header_block{position: absolute;z-index: 99; width:100%; left:0; top:0; padding:20px 0;}
.sticky-header{position: fixed;}
.sticky-header .top-bar{display: none;}

.header_block .flex{justify-content: space-between; align-items: center;}
.header_block .right_segment{display: flex; justify-content: space-between; gap:40px;}
.header_block .right_segment .primary_menu ul{display: flex; gap:40px;}
.header_block .right_segment .primary_menu ul li a{color: #ffffff; font-size: 16px;}
.header_block .right_segment .order_now a{font-size: 16px; color: #ffffff; border:1px solid #ffffff; padding:15px 20px; transition: 0.5s ease;}
.header_block .right_segment .order_now a:hover{color: var(--color1); background: #ffffff;}

.primary_menu ul li{position: relative;}
.primary_menu > ul > li.current_page_item a::before, .primary_menu > ul > li:hover a::before {width: 100%;}
.primary_menu > ul > li > a::before {
    transition: .5s;
    position: absolute;
    content: "";
    background: #915be5;
    width: 0;
    height: 3px;
    bottom: 0;
    margin: 0px auto;
    left: 0;
    right: 0;
}
.banner_block.inner .banner_mid .left_segment p {
	color: #fff;
}
.menu_item.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.menu_item.flex .food-img {
	width: 150px;
	height: auto;
}
.menu_item.flex .menu-item-contents {
	flex: 1;
}
.menu_tab_content.extra .heading-outer {
	text-align: center;
}
.menu_item.flex .menu-item-contents .menu_row {
	width: 100%;
}
/* fixed header */
.headerSec.fixed-header {position: fixed;top: 0;left: 0;width: 100%;-webkit-transition: .5s;-o-transition: .5s;transition: .5s;z-index: 999;background: rgba(54, 27, 96, .9);}
.headerSec.fixed-header .logo img {max-width: 160px;transform: .5s all;}
/*.headerSec.fixed-header .logo {margin-top: -52px;padding-bottom: 10px;}*/

/* header */
header,.homeBannerBox,.innerBannerBox {float: left;width: 100%;}
.headerSec {position: absolute;top: 0;z-index: 3;left: 0;width: 100%;}
.menuHeader .containerBox {
    max-width: 1200px;
    margin: 0px auto;
}
/*.logo {margin-top: -45px;}*/
.logo img {transition: .5s all;max-width:177px}
.bookapp {background: var(--m-red-color);padding: 5px 10px;display: inline-flex;align-items: center;font-size: 18px;color: #ffffff;border: 1px solid #ffffff;max-width: 220px;height: 43px;width: 100%;justify-content: center;margin-top: 20px;}
.bookapp:hover {background: var(--d-blue-color);color: #fff;}
/* End header */

.topHeader {   padding: 18px 0 28px;}
.topHeader .containerBox {max-width: 1200px; margin: 0px auto;}
.topHeader .menuHeader {display: block;}
.menuHeader .row-box { width: 100%; display: inline-flex; flex-wrap: wrap;}
.col12 { padding: 0 15px; float: left;width: 100%;}
.mainHeadBox.dflex.fjcsb.faistart {   display: flex;   justify-content: space-between; align-items: center; padding:20px 0;}

/* Menu section */
.stellarnav{position:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.stellarnav a{color:#093266;position: relative;}
.stellarnav li > a:after{content: '';position: absolute;width:0;height: 3px;left: 0;bottom: -10px;background: #915be5;transition: .5s all;}
.stellarnav li > a:hover:after {width: 100%;transition: .5s all;}
.stellarnav ul{margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.stellarnav li{list-style:none;display:block;margin:0;padding:0;position:relative;line-height:normal;vertical-align:middle;}
.stellarnav li a{padding:18px 10px;display:block;text-decoration:none;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;font-size: 16px;line-height:1;}
.stellarnav li.active > a:after {content: '';position: absolute;width: 100%;height: 3px;left: 0;bottom: -10px;background: ##915be5;}
.stellarnav > ul > li {display: flex;align-items: center;padding:0px 40px 0px 0px;}
.stellarnav > ul > li > a{color:#fff;display:block;-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;padding:0;}
.stellarnav ul ul{box-shadow: 0 10px 30px 0 rgba(45, 45, 45, .2);top:100%;position:absolute;z-index:9900;text-align:left;display:none;background:#fff none repeat scroll 0 0;left:0;}
.stellarnav li li{display:block;}
.stellarnav ul ul ul {top: 0;left: 100%;box-shadow: 0 0 5px #d5d5d5;}
.stellarnav > ul > li.drop-left > ul{right:0;}
.stellarnav li.drop-left ul ul{left:auto;right:220px;}
.stellarnav.light{background:rgba(255, 255, 255, 1);}
.stellarnav.light a{color:#121212;}
.stellarnav ul ul li a{white-space: pre;width: 100%;padding: 15px 30px 15px 10px;}
.stellarnav ul ul li a:hover{background-color: #093266;color:#fff;}
.stellarnav.light ul ul{background:rgba(255, 255, 255, 1);}
.stellarnav.light li a{color:#121212;}
.stellarnav.fixed{position:fixed;width:100%;top:0;left:0;z-index:9999;}
body.stellarnav-noscroll-x{overflow-x:hidden;}
.stellarnav li.drop-left li.has-sub > a:after{float:left;margin-right:10px;border-left:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #FFF;}
.stellarnav .menu-toggle,.stellarnav .close-menu,.stellarnav .call-btn-mobile,.stellarnav .location-btn-mobile{display:none;text-decoration:none;}
.stellarnav .dd-toggle{display:none;position:absolute;top:0;right:0;padding:0;width:39px;height:39px;text-align:center;z-index:9999;border:0;}
.stellarnav.desktop.hide-arrows li.has-sub a{padding-right:15px;}
.stellarnav.mobile > ul > li > a.dd-toggle{padding:0;}
.stellarnav li.call-btn-mobile,.stellarnav li.location-btn-mobile{display:none;}
.stellarnav a.dd-toggle .icon-plus{-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;-o-transition:transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s;width:12px;height:100%;position:relative;vertical-align:middle;display:inline-block;}
.stellarnav a.dd-toggle .icon-plus:before{content:'';display:block;width:12px;height:0px;border-bottom:solid 3px #777;position:absolute;top:50%;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:width 0.3s;-o-transition:width 0.3s;transition:width 0.3s;}
.stellarnav a.dd-toggle .icon-plus:after{content:'';display:block;width:12px;height:0px;top:50%;border-bottom:solid 3px #777;position:absolute;}
.stellarnav li.open > a.dd-toggle .icon-plus{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);}
.stellarnav.light a.dd-toggle .icon-plus:before{border-color:#fff;}
.stellarnav.light a.dd-toggle .icon-plus:after{border-color:#fff;}
.stellarnav.dark a.dd-toggle .icon-plus:before{border-color:#fff;}
.stellarnav.dark a.dd-toggle .icon-plus:after{border-color:#fff;}
.stellarnav .icon-close{width:12px;height:12px;position:relative;display:inline-block;}
.stellarnav .icon-close:before{content:'';display:block;width:12px;height:0px;border-bottom:solid 3px #777;position:absolute;top:50%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.stellarnav .icon-close:after{content:'';display:block;width:12px;height:0px;top:50%;border-bottom:solid 3px #777;position:absolute;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.stellarnav.light .icon-close:before{border-color:#fff;}
.stellarnav.light .icon-close:after{border-color:#fff;}
.stellarnav.dark .icon-close:before{border-color:#fff;}
.stellarnav.dark .icon-close:after{border-color:#fff;}
.stellarnav .menu-toggle,.stellarnav .call-btn-mobile,.stellarnav .location-btn-mobile,.stellarnav .close-menu{padding:10px;}
.stellarnav a.menu-toggle{border:none;background:var(--m-red-color);margin-top:0px;border-radius: 5px;margin-left: 0;margin-right: 0px;width:40px;height:40px;align-items: center;justify-content: center;}
.stellarnav .menu-toggle span.bars{display:inline-block;position:relative;top:0px;}
.stellarnav .menu-toggle span.bars span{display:block;width:15px;height:2px;border-radius:6px;background:#777;margin:0 0 3px;}
.stellarnav .menu-toggle span.bars span:last-child{margin-bottom:0px;}
.search-container input[type="text"]{width:239px;}
.stellarnav .full{width:100%;}
.stellarnav .half{width:50%;}
.stellarnav .third{width:33%;text-align:center;}
.stellarnav .location-btn-mobile.third{text-align:center;}
.stellarnav .location-btn-mobile.half{text-align:right;}
.stellarnav.light .third,.stellarnav.light .half{border-left:1px solid rgba(0, 0, 0, .15);}
.stellarnav.light.left .third,.stellarnav.light.left .half{border-bottom:1px solid rgba(0, 0, 0, .15);}
.stellarnav.light.right .third,.stellarnav.light.right .half{border-bottom:1px solid rgba(0, 0, 0, .15);}
.stellarnav.light .third:first-child,.stellarnav.light .half:first-child{border-left:0;}
.stellarnav.dark .third,.stellarnav.dark .half{border-left:1px solid rgba(255, 255, 255, .15);}
.stellarnav.dark.left .third,.stellarnav.dark.left .half{border-bottom:1px solid rgba(255, 255, 255, .15);}
.stellarnav.dark.right .third,.stellarnav.dark.right .half{border-bottom:1px solid rgba(255, 255, 255, .15);}
.stellarnav.light.left .menu-toggle,.stellarnav.light.right .menu-toggle{border-bottom:0;}
.stellarnav.dark.left .menu-toggle,.stellarnav.dark.right .menu-toggle{border-bottom:0;}
.stellarnav.dark .third:first-child,.stellarnav.dark .half:first-child{border-left:0;}
.stellarnav.light .menu-toggle span.bars span{background:#6f3a95;}
.stellarnav.dark .menu-toggle span.bars span{background:#fff;}
.stellarnav.mobile{position:static;}
.stellarnav.mobile.fixed{position:static;}
.stellarnav.mobile ul{position:relative;display:none;}
.stellarnav.mobile.active{padding-bottom:0;}
.stellarnav.mobile.active > ul{display:block;}
.stellarnav.mobile ul{text-align:left;}
.stellarnav.mobile > ul > li{display:block;  margin-bottom: 10px;}
.stellarnav.mobile > ul > li > a{padding:10px;}
.stellarnav.mobile ul{background:rgba(221, 221, 221, 1);}
.stellarnav.mobile ul ul{position:relative;opacity:1;visibility:visible;width:auto;display:none;-webkit-transition:none;-o-transition:none;transition:none;}
.stellarnav.mobile ul ul ul{left:auto;top:auto;}
.stellarnav.mobile li.drop-left ul ul{right:auto;}
.stellarnav.mobile li a{color:#fff;}
.stellarnav.mobile > ul{border-top:1px solid rgba(255, 255, 255, .15);}
.stellarnav.mobile.light li a{border-bottom:1px solid rgba(0, 0, 0, .15);}
.stellarnav.mobile.light > ul{border-top:1px solid rgba(0, 0, 0, .15);}
.stellarnav.mobile li a.dd-toggle{border:0;}
.stellarnav.mobile li a.dd-toggle:focus{background-color: rgba(0, 0, 0, 0);}
.stellarnav.mobile.light li a.dd-toggle{border:0;}
.stellarnav.mobile .menu-toggle,.stellarnav.mobile .dd-toggle,.stellarnav.mobile .close-menu,.stellarnav.mobile .call-btn-mobile,.stellarnav.mobile .location-btn-mobile{display:inline-block;}
.stellarnav.mobile li.call-btn-mobile{border-right:1px solid rgba(255, 255, 255, .1);}
.stellarnav.mobile li.call-btn-mobile,.stellarnav.mobile li.location-btn-mobile{display:inline-block;width:50%;text-transform:uppercase;text-align:center;}
.stellarnav.mobile li.call-btn-mobile.full,.stellarnav.mobile li.location-btn-mobile.full{display:block;width:100%;text-transform:uppercase;border-right:0;text-align:left;}
.stellarnav.mobile.light ul{background:rgba(255, 255, 255, 1);}
.stellarnav.mobile.dark ul{background:#000;}
.stellarnav.mobile.dark ul ul{background:rgba(255, 255, 255, .08);}
.stellarnav.mobile.light li.call-btn-mobile{border-right:1px solid rgba(0, 0, 0, .1);}
.stellarnav.mobile.top{position:absolute;width:100%;top:0;left:0;z-index:9999;}
.stellarnav.mobile li.has-sub > a:after,.stellarnav.mobile li li.has-sub > a:after,.stellarnav.mobile li.drop-left li.has-sub > a:after{display:none;}
.stellarnav.mobile.right > ul,.stellarnav.mobile.left > ul{position:fixed;top:0;bottom:0;width:100%;max-width:380px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;height:100vh;}
.stellarnav.mobile.right > ul{right:0;z-index:9999;}
.stellarnav.mobile.right .close-menu,.stellarnav.mobile.left .close-menu{display:inline-block;text-align:right;}
.stellarnav.mobile.left > ul{left:0;}
.stellarnav.mobile.right .location-btn-mobile.half,.stellarnav.mobile.right .call-btn-mobile.half,.stellarnav.mobile.right .close-menu.half{text-align:center;}
.stellarnav.mobile.right .location-btn-mobile.third,.stellarnav.mobile.right .call-btn-mobile.third,.stellarnav.mobile.right .close-menu.third{text-align:center;}
.stellarnav.mobile.left .location-btn-mobile.half,.stellarnav.mobile.left .call-btn-mobile.half,.stellarnav.mobile.left .close-menu.half{text-align:center;}
.stellarnav.mobile.left .location-btn-mobile.third,.stellarnav.mobile.left .call-btn-mobile.third,.stellarnav.mobile.left .close-menu.third{text-align:center;}
.stellarnav.mobile.left .menu-toggle.half,.stellarnav.mobile.left .menu-toggle.third,.stellarnav.mobile.right .menu-toggle.half,.stellarnav.mobile.right .menu-toggle.third{text-align:left;}
.stellarnav.mobile.left .close-menu.third span,.stellarnav.mobile.right .close-menu.third span{display:none;}
.stellarnav.desktop li.mega ul ul{background:none;}
.stellarnav.desktop li.mega li{display:inline-block;vertical-align:top;width:100% !important;}
.stellarnav.desktop li.mega li li{display:block;position:relative;left:4px;}
.stellarnav.desktop > ul > li.mega > ul{-webkit-column-count:4;-moz-column-count:4;column-count:4;}
.stellarnav.desktop li.mega ul ul{width:auto;}
.stellarnav.desktop > ul > li.mega{position:inherit;}
.stellarnav.desktop > ul > li.mega > ul{width:100%;max-width:95% !important;}
.stellarnav.desktop > ul > li.mega > ul > li > a{padding:7px 15px;}
.stellarnav.desktop > ul > li.mega > ul li.has-sub ul{display:block;position:relative;left:auto;}
.stellarnav.desktop > ul > li.mega > ul > li{}
.stellarnav.desktop li.mega li li a{padding:5px 15px;}
.stellarnav.desktop li.mega li.has-sub a:after{display:none;}
.stellarnav.desktop > ul > li.mega > ul > li > a{}
.stellarnav > ul > li:last-child {padding-right: 0px;}
.stellarnav ul li.has-sub > a:after {content: '\f107';font-family: 'FontAwesome';font-size: 13px;margin-left: 7px;}
.stellarnav ul ul > li.has-sub > a:after {content: '\f107';font-family: 'FontAwesome';font-size: 13px;margin-left: 7px;position: absolute;right: 5px;top: 6px;}
.close-menu {color: #fff !important;width:100%;}
.stellarnav > ul > li:last-child > ul {left: inherit;right: 0;}
/* End Menu section */


.banner_block{position: relative; background: linear-gradient(to bottom, rgba(71, 41, 118, 1) 0%,rgba(39, 14, 78, 1) 100%);  min-height:650px;
    display:flex;
    align-items:center;
    justify-content: center;
}
.banner_block > img {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    height: 100%;
    opacity: .1;
}

.banner_block .banner_mid{padding-top: 120px; position: relative; z-index: 2; }
.banner_block .banner_mid .flex{justify-content: space-between; align-items: center;}
.banner_mid .left_segment{width: 50%;}
.banner_mid .left_segment h1{font-family: 'Anton'; font-size: 60px; color: #ffffff; text-transform: uppercase;}
.banner_mid .left_segment h2{font-size: 24px; color: #ffffff;}
.banner_mid .left_segment .banner_cta{margin-top:40px;}
.banner_mid .left_segment .banner_cta ul{display: flex; gap:20px;}
.banner_mid .left_segment .banner_cta ul li a{font-size: 18px; padding: 15px 20px;}
.banner_mid .left_segment .banner_cta ul li:first-child a{color: #ffffff; border: 1px solid #ffffff; transition: 0.5s ease;}
/*.banner_mid .left_segment .banner_cta ul li:first-child a::before {
    content: "\f098";
    font-family: "FontAwesome";
    margin-right: 10px;
    display: inline-block;
    color: #ffffff;
    transition: 0.5s ease;
}*/
.banner_mid .left_segment .banner_cta ul li:last-child a{color: var(--color1); background: #ffffff; transition: 0.5s ease;}
.banner_mid .left_segment .banner_cta ul li:first-child a:hover{background: #ffffff; color: var(--color1);}

.banner_mid .left_segment .banner_cta ul li:last-child a:hover{background: #000; color: #ffffff;}

.banner_mid .right_segment{width: 50%;}
.banner_mid .right_segment .banner_cutout img{width:100%;} 



/* Welcome Section */
.welcome_block {
    background: #ffffff;
    position: relative;
    padding: 80px 0 60px;
    overflow: hidden;
}

.welcome_inner {
    position: relative;
}

/* Images */
.welcome_img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.welcome_img img {
/*    max-width: 350px;*/
}

/* Left Image */
.left_img {
    left: -300px;
}

/* Right Image */
.right_img {
    right: -270px;
}

/* Content */
.welcome_content {
    text-align: center;
    position: relative;
    z-index: 2;
    max-width: 700px;
    margin: 0 auto;
}

.welcome_content h2 {
    font-family: 'Anton';
    font-size: 50px;
    color: var(--color1);
    margin-bottom: 30px;
}

/* Tabs */
.welcome_tabs ul {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-bottom: 40px;
}

.welcome_tabs ul li {
    cursor: pointer;
    font-weight: 500;
    position: relative;
}

.welcome_tabs ul li.active {
/*    color: var(--color1);*/
}

.welcome_tabs ul li.active::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    background: var(--color1);
    bottom: -5px;
    left: 0;
}

/* Text */
.welcome_text p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 20px;
}

/* CTA Buttons */
.welcome_cta ul {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 50px;
}

.welcome_cta ul li a {
    border: 1px solid var(--color1);
    padding: 12px 25px;
    font-size: 18px;
    color: var(--color1);
    transition: 0.3s;
    min-width: 165px;
    display: flex;
    justify-content: center;
}

.welcome_cta ul li a:hover {
    background: var(--color1);
    color: #fff;
    border-color: var(--color1);
}





/* Tab Content Visibility */
.welcome_text .tab_content {
    display: none;
}

.welcome_text .tab_content.active {
    display: block;
}


/* Social Block */

.social_block{float: left; width: 100%; clear: both; padding:0 0 60px;}
.social_block .follow_text {font-size: 18px; font-weight: 500; text-align: center;}
.social_block .welcome_social {margin-top: 30px; display: flex; justify-content: center; gap:10px;}
.social_block .welcome_social a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color1);
    width: 42px;
    height: 42px;
    line-height: 42px;
    color: var(--color1);
    transition: 0.3s;
    font-size: 18px;
}

.social_block .welcome_social a:hover {
    background: var(--color1);
    color: #ffffff;
    border-color: var(--color1);
}


/*Gallery Section*/

.gallery_section {float: left; width: 100%; clear: both;}

.gallery_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

/* Base item */
.gallery_item {
    position: relative;
    overflow: hidden;
/*    height: 260px;*/
}

/* Wide items (like PSD big images) */
.gallery_item.wide {
    grid-column: span 2;
/*    height: 260px;*/
/*max-height:294px;*/
}

/* Image fit */
.gallery_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


.overlay {
    position: absolute;
    inset: 0;
    background: rgba(71, 41, 118, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: 0.3s ease;
}

.overlay img {
width: 42px;      
    height: 42px;     
    object-fit: contain; 
}

.gallery_item:hover .overlay {
    opacity: 1;
}

/*================ MENU BLOCK =================*/

/* Reservation Section */

.reservation_block {
    position: relative;
    width: 100%;
    float: left;
    clear: both;
    padding: 60px 0;
    overflow: visible; /* IMPORTANT */
}

/* Background */
.reservation_bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.reservation_bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Content Layout */
.reservation_inner {
    position: relative;
    z-index: 2;
    justify-content: flex-end; /* push content right */
    align-items: center;
}

/* Content */
.reservation_content {
    width: 50%;
    text-align: left;
}

.reservation_content h2 {
    font-family: 'Anton';
    font-size: 50px;
    color: #ffffff;
    margin-bottom: 25px;
}

.reservation_content p {
    color: #ffffff;
    font-size: 18px;
    line-height: 30px;
/*    max-width: 500px;*/
}

/* CTA */
.reservation_cta {
    margin-top: 35px;
}

.reservation_cta a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 15px 25px;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 18px;
    transition: 0.3s;
}

.reservation_cta a:hover {
    background: #ffffff;
    color: var(--color1);
}

/* Floating Image (MAIN MAGIC) */
.reservation_img {    
    position: absolute;
    left: 10%;
    top: 55%;
    transform: translateY(-50%);
    z-index: 3;
    pointer-events: none;
}

.reservation_img img {
    max-width: 550px; /* adjust as per PSD */
}

.menu_tab_content.extra {
    margin-top: 50px;
}
.menu_tab_content.extra .heading-outer {
    width: 100%;
    background: #482977;
    padding: 10px 0;
}
.menu_tab_content.extra .heading-outer h3 {
    font-size: 30px;
    color: #fff;
    line-height: initial;
    font-family: 'Anton';
}

.menu_tab_content.extra {
  height: 0;
  overflow: hidden;
  transition: height 0.5s ease;
}

.menu_tab_content.extra.active {
  max-height: 1000px;
  transition: all 0.5s;
}

/* button icon */
.full_menu_cta a::after {
  content: "+";
  margin-left: 5px;
  transition: 0.3s;
}

.full_menu_cta a.active::after {
  content: "-";
}

/* Footer_block */
.footer_block{width: 100%; float: left; clear: both; background: #dbcdf1; padding-top: 20px;padding-bottom: 30px;}
.footer_block .foot_logo{display: flex; justify-content: center;}
.footer_block .foot_content{margin-top: 30px;}
.footer_block .foot_content .flex{justify-content: space-between;}
.footer_block .foot_content h3{color: var(--color1); font-size: 30px; font-family: 'Anton'; margin-top: -8px;}

.footer_block .foot_content .foot_first {width: 33%; padding: 0 30px 0 0;}
.footer_block .foot_content .foot_first h3{margin-bottom: 20px;}
.footer_block .foot_content .foot_first ul li{
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(185, 165, 217, 1);
    padding-bottom: 5px;
    position: relative;
}
.footer_block .foot_content .foot_first ul li a{font-size: 16px;}
.footer_block .foot_content .foot_first ul li a::before {
    content: "\f101";
    font-family: "FontAwesome";
    margin-right: 7px;
    display: inline-block;
    color: var(--color1);
    font-size: 20px;
}

.footer_block .foot_second .ct_details{display: flex; gap:20px; margin-bottom: 20px;}
.footer_block .foot_second .ct_details .icon{border: 1px dashed #000000; display: flex; justify-content: center; align-items: center; width: 60px; height: 60px;}
/*.footer_block .foot_second .ct_details .icon img{width: 100%;}*/
.footer_block .foot_second .ct_details .info p{font-size: 16px; margin-bottom: 0;}

.footer_block .foot_second .ct_details .info a {
    font-size: 16px;
    width: 100%;
    display: inline-block;
}
.footer_block .foot_second .ct_details .info p.heavy{font-weight: 600;}
.footer_block .foot_second .ct_details .info .dir_btn {display: flex; margin-top: 10px;}
.footer_block .foot_second .ct_details .info .dir_btn a{background: var(--color1); color: #ffffff; padding: 15px 20px; text-align: center;}

.footer_block .foot_content .foot_third .delv_part{border-bottom: 1px solid rgba(185, 165, 217, 1); padding-bottom: 25px;}
.footer_block .foot_content .foot_third .delv_part h3{margin-bottom: 20px;}
.footer_block .foot_content .foot_third .delv_part .links ul li a{font-size: 16px;}
.footer_block .foot_content .foot_third .delv_part .links ul li a::before{
    content: "\f101";
    font-family: "FontAwesome";
    margin-right: 7px;
    display: inline-block;
    color: var(--color1);
    font-size: 20px;
}
.footer_block .foot_content .foot_third .social_foot{border-bottom: 1px solid rgba(185, 165, 217, 1); padding: 25px 0;}
.footer_block .foot_content .foot_third .social_foot .soc_icons{margin-top: 20px; display: flex; gap:10px;}
.footer_block .foot_content .foot_third .social_foot .soc_icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color1);
    width: 42px;
    height: 42px;
    line-height: 42px;
    color: var(--color1);
    transition: 0.3s;
    font-size: 18px;
}

.footer_block .foot_content .foot_third .social_foot .soc_icons a:hover {
    background: var(--color1);
    color: #ffffff;
    border-color: var(--color1);
}


.footer_block .foot_content .foot_third .uber_eats{display: flex; padding-top: 25px; gap: 20px;}
.footer_block .foot_content .foot_third .uber_eats .call_icon{display:flex; justify-content: center; align-items: center; width:42px; height: 42px; background: var(--color1);}
.footer_block .foot_content .foot_third .uber_eats .call_icon .fa{color: #ffffff;}
.footer_block .foot_content .foot_third .uber_eats .call_text ul li{font-size: 16px;}
.footer_block .foot_content .foot_third .uber_eats .call_text ul li a{font-size: 16px;}
.footer_block .foot_content .foot_third span.heavy{font-weight: 600;}
.last-footer p {
    margin: 0;
    color: #dbcdf1;
    font-size: 14px;
}
.last-footer {
    text-align: center;
    background: #472976;
    padding: 5px 0;
}











.contact-inner {
    padding: 50px 0;
}
.contact-inner .flex {
    position: relative;
    box-shadow: 0px 0px 10px #cdcdcd;
    align-items: center;
    padding: 30px;
    border-radius: 20px;
    overflow: hidden;
}
.contact-inner .flex:after {
    content: "";
    position: absolute;
    width: 25%;
    top: 0;
    z-index: -1;
    height: 100%;
    right: 0;
    background: #915be5;
}
.contact-inner .flex .left {
    width: 50%;
}
.contact-inner .flex .left h2 {
    font-family: 'Anton';
  font-size: 50px;
  color: var(--color1);
  margin-bottom: 30px;
}
.contact-inner .flex .left .form-outer {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
}
.contact-inner .flex .left .form-outer .input-outer {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.contact-inner .flex .left .form-outer .input-outer .input {
    width: 48%;
}
.contact-inner .flex .left .form-outer .input-outer .input input {
    border: 0;
    border-bottom: 1px solid #351a5f;
    width: 100%;
    border-radius: 0;
    padding: 11px;
}
.contact-inner .flex .left .form-outer .input-outer .input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #a6a6a6;font-size: 16px;opacity: 1;font-family: 'Poppins', sans-serif;
}
.contact-inner .flex .left .form-outer .input-outer .input input::-moz-placeholder { /* Firefox 19+ */
    color: #a6a6a6;font-size: 16px;opacity: 1;font-family: 'Poppins', sans-serif;
}
.contact-inner .flex .left .form-outer .input-outer .input input:-ms-input-placeholder { /* IE 10+ */
    color: #a6a6a6;font-size: 16px;opacity: 1;font-family: 'Poppins', sans-serif;
}
.contact-inner .flex .left .form-outer .input-outer .input input:-moz-placeholder { /* Firefox 18- */
    color: #a6a6a6;font-size: 16px;opacity: 1;font-family: 'Poppins', sans-serif;
}

.contact-inner .flex .left .form-outer .input-outer .input textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #a6a6a6;font-size: 16px;opacity: 1;font-family: 'Poppins', sans-serif;
}
.contact-inner .flex .left .form-outer .input-outer .input textarea::-moz-placeholder { /* Firefox 19+ */
    color: #a6a6a6;font-size: 16px;opacity: 1;font-family: 'Poppins', sans-serif;
}
.contact-inner .flex .left .form-outer .input-outer .input textarea:-ms-input-placeholder { /* IE 10+ */
    color: #a6a6a6;font-size: 16px;opacity: 1;font-family: 'Poppins', sans-serif;
}
.contact-inner .flex .left .form-outer .input-outer .input textarea:-moz-placeholder { /* Firefox 18- */
    color: #a6a6a6;font-size: 16px;opacity: 1;font-family: 'Poppins', sans-serif;
}
.contact-inner .flex .left .form-outer .input-outer:nth-child(2) .input {
    width: 100%;
}
.contact-inner .flex .left .form-outer .input-outer:nth-child(3) .input {
    width: 100%;
}
.contact-inner .flex .left .form-outer .input-outer .input textarea {
    border: 0;
    border-bottom: 1px solid #351a5f;
    width: 100%;
    border-radius: 0px;
    padding: 11px;
    height: 134px;
}
.contact-inner .flex .left .form-outer input[type="submit"] {
    height: 43px;
    background: #000;
    display: inline-flex;
    align-items: center;
    padding: 0px 22px;
    color: #fff;
    font-size: 18px;
    border: 0;
    width: 100%;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
}
.contact-inner .flex .left .form-outer input[type="submit"]:hover {
    background: #351a5f;
}

.contact-inner .flex .right {
    position: absolute;
    right: 0;
    padding: 30px 20px;
    background: #242424;
    width: 42%;
}
.contact-inner .flex .right:before {
    content: "";
    width: 40px;
    height: 40px;
    left: -20px;
    position: absolute;
    background: #915be5;
    top: -20px;
}
.contact-inner .flex .right h4 {
    margin-bottom: 20px;
    font-family: 'Anton';
  font-size: 30px;
  color: #fff;
}
.contact-inner .flex .right ul li {
    margin-bottom: 20px;
}
.contact-inner .flex .right ul li:last-child {
    margin-bottom: 0px;
}
.contact-inner .flex .right ul li a {
    display: flex;
    align-items: center;
    color: #fff;
}
.contact-inner .flex .right ul li a:hover{
    color: #915be5;
}
.contact-inner .flex .right ul li a img {
    margin-right: 15px;
    filter: brightness(0) invert(1);
}
.contact-inner .flex .right .images-social {
    margin-top: 40px;
    justify-content: center;
    gap: 0;
}
.contact-inner .flex .right .images-social a{
    margin-right: 15px;
}
.contact-inner .flex .right .images-social a:last-child{
    margin-right: 0px;
}
.inner-map iframe {
    width: 100%;
    height: 400px;
    display: block;
}
.career-block.inner .right img {
    width: 100%;
    border-radius: 10px;
}
.career-block.inner p {
    margin-bottom: 15px;
}
.career-block.inner a.btn {
    margin-top: 10px;
}





.accordion {
    margin: 50px 0;
}
.accordion-header h5 {
    color: #fff;
    font-size: 18px;
}
.accordion-item {
  background: #fff;
  border-radius: 8px;
  margin-bottom: 10px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.accordion-header {
  padding: 16px 20px;
  cursor: pointer;
  font-weight: 600;
  background: #351a5f;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.accordion-header span {
  transition: transform 0.3s ease;
}

.accordion-header.active span {
  transform: rotate(45deg);
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
  padding: 0 20px;
}

.accordion-content p {
  padding: 15px 0;
  margin: 0;
  color: #555;
}

.banner_block.inner .banner_mid .left_segment{
    width: 100%;
	text-align:center;
}
.inner-faq-outer {
    padding: 50px 0;
}
.inner-faq-outer .faq-in {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    position: relative;
}
.inner-faq-outer .faq-in .faq-image {
    width: 600px;
    height: 600px;
    border-radius: 100%;
    overflow: hidden;
}
.inner-faq-outer .faq-in .faq-image img {
    width: 600px;
    height: 600px;
    object-fit: cover;
    display: block;
}
.inner-faq-outer .faq-in .faq-text {
    background: #4a3170;
    position: absolute;
    width: 50%;
    left: 10%;
    bottom: 0;
    padding: 20px;
    border-radius: 20px;
}
.inner-faq-outer .faq-in .faq-text h5 {
    font-family: 'Anton';
    font-size: 40px;
    color: #fff;
    margin-bottom: 10px;
}
.inner-faq-outer .faq-in .faq-text p {
    color: #fff;
}
.accordion h2 {
    font-family: 'Anton';
    font-size: 50px;
    color: var(--color1);
    margin-bottom: 30px;
    text-align: center;
}
.banner_block.inner {
    min-height: 400px;
}


.faq-menu-outer .faq-menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 40px;
}
.menu-page-item {
	display: flex;
	align-items: center;
	border-bottom: 1px dotted #c5c5c5;
	padding-bottom: 40px;
	width: 48%;
}
.menu-page-item img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	object-fit: cover;
	margin-right: 20px;
	border: 1.5px dotted #c7c7c7;
	padding: 2px;
}
.menu-item-content {
	flex: 1;
}
.menu-price {
	display: flex;
	align-items: center;
}
.menu-price h5 {
	font-size: 20px;
}
.faq-menu-outer {
	padding: 50px 0;
}



@media (max-width: 1279px){
.container{width:96%;}
.banner_block.inner .banner_mid {
    text-align: center;
}
.banner_block .banner_mid {
    width: 90%;
}
.welcome_content {
    max-width: 50%;
}
}
@media (max-width: 1199px){
    .stellarnav li > a:after{bottom: 0px;}
    .left_img {
    left: -350px;
}
.right_img {
    right: -320px;
}
.reservation_img {
    left: 0;
}
.footer_block .foot_content .foot_first {
    width: 25%;
}
	.faq-menu-outer .faq-menu {
	gap: 35px;
}
}
@media (max-width: 1169px){

.navbar {
    display: none;
}

.speak {
    display: none !important;!i;!;
}

.navs-toggle {
    display: block;
}
.close-bars{display: none;}
.toggle-open .close-bars{display: block;}
.toggle-open .bars{display: none;}
.toggle-open .navbar-resp{display: block;}
.speak.mobile {display: flex !important;}
.navbar-resp {
    position: fixed;
    z-index: 11;
    background: rgba(255,255,255,0.9);
    height: 100vh;
    right: 0;
}
.navbar-resp ul li{border-bottom: 1px solid #cccccc; padding: 20px;}
.navbar-resp ul li.current-menu-item a{font-weight: 600; color: var(--color1);}
.navbar-resp .speak.mobile{padding:20px;}
/*.navbar{display:none;}*/

}
@media only screen and (min-width:1025px){
    
.stellarnav > ul > li:hover > ul > li:hover > ul{opacity:1;visibility:visible;top:0;display: block;}
.stellarnav > ul > li:hover > ul > li:hover > ul > li:hover > ul{display: block;}
#stellarnav-two ul ul li a:hover {color: #707070;background-color: rgba(255, 255, 255, .5);}

.stellarnav > ul > li:last-child > a {padding:15px 20px;border: 1px solid #fff;transition: .5s all;}
.stellarnav > ul > li:last-child > a:hover {background: #ffffff; color: var(--color1); transition: .5s all;}
.stellarnav > ul > li:last-child > a::after {content:none;}
}


@media only screen and (max-width:1280px){
.logo img {max-width: 180px;}
.stellarnav ul li.has-sub > a:after {font-size: 16px;margin-left: 2px;}
.stellarnav ul a {font-size: 16px;}
}


@media only screen and (max-width:1024px){
/* Header */
a.menu-toggle{display: flex !important;}
.stellarnav > ul > li {padding: 0px 0px 0px 0px;}
.stellarnav li.active > a:after {bottom: 0px;}
.stellarnav.mobile > ul > li > a:hover {background: #3f2060;}
/* Header */

}

@media (max-width: 1023px){
	.menu_tab_content.extra .heading-outer h4 {
	padding: 10px;
		font-size:20px;
		color:#fff;
}
.tabSec:after {
    z-index: -1;
}
    .right_img,.left_img {
    display: none;
}
.welcome_content {
    max-width: 100%;
}
.tabbed-content .item.active .menu_tab_content {
    margin-top: 10px;
}
.menu_tab_content.extra .menu_item {
    width: 100%;
}
.menu_tab_content.extra .heading-outer {
    margin-bottom: 20px;
}
.reservation_img {
    display: none;
}
.footer_block .foot_content .foot_first,.foot_second,.foot_third {
    width: 100%;
}
.footer_block .foot_content .flex {
    gap: 50px;
}
.contact-inner .flex .left {
    width: 100%;
}
.contact-inner .flex .right {
    position: initial;
    width: 100%;
}
.contact-inner .flex:after,.contact-inner .flex .right:before {
    display: none;
}
.contact-inner .flex {
    gap: 50px;
}
.inner-faq-outer .faq-in .faq-text {
    width: 85%;
    left: 0%;
    bottom: -50px;
}
	.faq-menu-outer .faq-menu {
	gap: 25px;
}
}

@media (max-width: 992px) {
    .gallery_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .gallery_item.wide {
        grid-column: span 2;
    }

    .reservation_inner {
        flex-direction: column;
        text-align: center;
        gap: 40px;
    }

    .reservation_content {
        width: 100%;
    }

    .reservation_img {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 767px) {

.banner_mid .left_segment {
    width: 100%;
}
.banner_mid .left_segment .banner_cta ul li a {
    display: inline-block;
}
.banner_mid .left_segment .banner_cta {
    margin-top: 20px;
}
.tab-content .menu_tab_content .menu_item {
    width: 100%;
}
.inner-faq-outer .faq-in .faq-text {
    width: 100%;
}
	.menu-page-item {
	width: 100%;
}
}

@media (max-width: 639px){
    .banner_block.inner {
    min-height: 300px;
}
    .inner-faq-outer .faq-in {
    justify-content: center;
    gap: 30px;
}
.inner-faq-outer .faq-in .faq-image {
    width: 300px;
    height: 300px;
}
.inner-faq-outer .faq-in .faq-image img {
    width: 300px;
    height: 300px;
}
    .inner-faq-outer .faq-in .faq-text {
    position: initial;
}
    .accordion h2 {
    font-size: 30px;
}
    .contact-inner .flex .left .form-outer .input-outer .input {
    width: 100%;
}
.contact-inner .flex .left .form-outer .input-outer {
    flex-wrap: wrap;
    gap: 15px;
}
    .welcome_cta ul {
    flex-wrap: wrap;
}
}

@media (max-width: 576px) {
    .gallery_grid {
        grid-template-columns: 1fr;
    }

    .gallery_item.wide {
        grid-column: span 1;
    }
    .overlay img {
        width: 32px;
        height: 32px;
    }
}

@media (max-width: 539px){
    
}

@media (max-width: 479px){
    .stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul {
    max-width: 100%;
}
    .tabSec h2 ,.welcome_content h2,.reservation_content h2{
    font-size: 28px !important;
}
}

@media (max-width: 413px){
    
}

@media (max-width: 359px){
   
}


/* tabs */
.custom-tabbed-content { width:100%; display: inline-block; }
.custom-tabbed-content .tabbed-content:after, .custom-tabbed-content .tabbed-content:before { content:""; clear:both; display:table; }
.tabbed-content h5 { color: #001c57; font-weight: 900; font-size: 24px; margin: 0 0 15px 0;}
.tabbed-content p { font-size : 16px; margin : 0 0 15px 0; } 
.tabbed-content .tabs ul { margin: 0;border: 1px solid #472976;padding: 0; }
.tabbed-content .tabs { display: none; } 
.tabbed-content .tabs ul li a{position: relative;font-size: 18px;padding: 14px 20px;cursor: pointer;border-bottom: 1px solid #472976;background: #fff; transition: 0.3s ease;color: #2b2b2b;}
.tabbed-content .tabs ul li:last-child a{border-bottom: none;}
.tabbed-content .tabs ul li a:hover,
.tabbed-content .tabs ul li a.active {background: #66429f;color: #fff;}
.tabbed-content .tabs ul li a.active::after {content: "";position: absolute; right: -12px;top: 50%;transform: translateY(-50%);border-top: 10px solid transparent;border-bottom: 10px solid transparent; border-left: 12px solid #472976;
}
.tabbed-content {display: flex;gap: 40px;justify-content: flex-start;}
.tabbed-content:before { display: none;}
.tabbed-content .item .menu_tab_content { opacity: 0; visibility: hidden; display: none; }
.tabbed-content .item.active .menu_tab_content { opacity: 1; visibility: visible; display: flex; flex-wrap:wrap; }
.tabbed-content .item .item-content span.counter-number { background: #293b8d; width: 38px; height: 38px; border-radius: 100px; color: #fff; font-size: 16px; text-align: center; display: inline-block; margin-right: 10px; line-height: 2.4; }
.tabbed-content .item .item-icons { position: absolute; top: 0; right: 15px; }
.tabbed-content .item .item-icons .fa { font-size: 24px; line-height : 55px; }
.tabbed-content .item .item-icons .fa.fa-plus { display: block; }
.tabbed-content .item .item-icons .fa.fa-minus { display: none; }
.tabbed-content .item.active .item-icons .fa.fa-plus { display: none; }
.tabbed-content .item.active .item-icons .fa.fa-minus { display: block; color: #fff; }
.tabbed-content .item .item-content ul {column-count: 2;padding: 0;vertical-align: top;padding-left: 15px;margin: 0;}
.tabbed-content .item .item-content ul li {display: list-item;padding-left: 10px;margin-bottom: 15px;}
.tabbed-content .item .item-content ul li::marker {content: "\f0da";font-family: "FontAwesome";color: #004e97;}
.tabbed-content .item .item-content ul li a {margin-right: 8px;color: #2a3c50;}
.tabbed-content .item .item-content ul li span {color:#004e97}
/**/


.menu_content {flex: 1;}
.menu_tab_content {display: flex; flex-wrap: wrap; gap: 25px 40px;}
.menu_tab_content .menu_item {width: calc(50% - 20px);}
.menu_item {margin-bottom: 0;}
.menu_row {display: flex;align-items: center;}
.menu_row h4 {font-size: 18px;font-weight: 500;color: var(--color1);white-space: nowrap;}
.menu_row .dots {flex: 1;border-bottom: 1px dotted #ccc;margin: 0 10px;}
.menu_row span {font-size: 16px;font-weight: 400;color: #000;}
.menu_item p {font-size: 14px;color: #6e6976;margin-top: 5px;line-height: 22px;margin-bottom: 10px;}
.tabSec{float: left; width: 100%; clear: both; padding:60px 0; position: relative; overflow: hidden;}
.tabSec::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 409px;
    height: 582px;
    background: url("../images/sushi-bg.png") no-repeat;
    background-size: contain;
    opacity: 1;
    pointer-events: none;
}
.tabSec h2{font-family: 'Anton'; font-size: 50px; color: var(--color1); margin-bottom: 25px; text-align: center;}
.tabSec h4{font-size: 18px; line-height: 30px; text-align: center;}

@media only screen and (min-width: 991px) {
.tabbed-content .tabs { width: 268px; margin-right:0; float: left; display: block;flex: 0 0 268px; }
.tabbed-content .tab-content .item-icons {display : none; }
.tabbed-content .tabs li { display: block margin-bottom: 40px; padding-bottom: 0!important; }
.tabbed-content .tabs li a { display: block; }
.tabbed-content .item { display: none; }
.tabbed-content .item.active {background-color: #fff;display: block; }
}

@media (max-width:991px){ 
.tabbed-content .item::before { content: attr(data-title); }
.tabbed-content .item.active::before { background: #66429f;; color: #eee;}
.tabbed-content .item::before { cursor: pointer; font-weight: bold; background: #eee; padding: 15px 10px; display: block; line-height: normal;}
.tabbed-content .item { position: relative; margin-bottom: 25px; }
.tabbed-content .item.active { background-color : #fff; }
.tabbed-content .item.active .item-content { padding: 20px 10px; }
.menu_tab_content,.tabbed-content{display: inline-block;}
}


.full_menu_cta{display: flex; justify-content: center; margin-top: 30px;}
.full_menu_cta a {border: 1px solid var(--color1);padding: 15px 20px;color: var(--color1);}
.full_menu_cta a:hover{background: var(--color1); color: #ffffff;}