/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
/*#logo img{
	padding: 15px;
}*/
/*#logo img{
	height: 70px!important;
}*/

/*scroll-bar*/
/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f9f9f9;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--primary-color);
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/*scroll-bar-end*/

.c-header-row{
	justify-content: space-between;
}

#logo{
	position: fixed;
	top: 50%;
	left: 7%;
	display: block;
	transform: translate(0%,-50%);
}

#logo,.menu-container{
	border: none!important;
}
.menu-link{
	padding: 5px 5px!important;
}
@media(max-width:1025px){
	#logo{
	position: static;
	transform: none;
}
	.spice-card{
		display: block!important;
	}
}
@media (max-width: 768px){
	.c-header-row{
	justify-content: space-between!important;
}
#logo{
	position: static;
	transform: none;
}
	.mobile-p{
	padding: 0!important;
}
	.spice-card{
		display: block!important;
	}
	.tab-nav.tab-nav2 li{
	flex: 1 1 auto!important;
}
	.mobile-h{
		min-height: 50vh!important;
	}
.menu{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px
px
;
    flex-direction: column;
    margin: 20px;
}
}




@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px!important;
}}
.menu-container{
	gap: 10px;
}
.menu-item .sub-menu-trigger{
	top: 0;
	line-height: 5px;
	height: 100%;
}
#header{
	border: none!important;
	z-index: 121212121212!important;

}
/*.sticky-header-shrink #header-wrap #logo img{
	height: 60px!important;
}*/
.gg{
	display: block;
	background-color: red!important;
}

/*root*/
:root{
/*  --primary-color: #cc0000;*/
   --primary-color: #f9c10a;
   

    --secondary-color: #5e411f;
/*      --secondary-color: #ffd966;*/
/*      --third-color: #0000FF;*/
 
}

@font-face {
  font-family: merienda-med;
  src: url(../fonts/Merienda-Medium.ttf);
}
@font-face {
  font-family: merienda-Reg;
  src: url(../fonts/Merienda-Regular.ttf);
}
@font-face {
  font-family: merienda-light;
  src: url(../fonts/Merienda-Light.ttf);
}
@font-face {
  font-family: merienda-bold;
  src: url(../fonts/Merienda-Bold.ttf);
}
@font-face {
  font-family: merienda-extrabold;
  src: url(../fonts/Merienda-ExtraBold.ttf);
}
@font-face {
  font-family: merienda-semibold;
  src: url(../fonts/Merienda-SemiBold.ttf);
}
@font-face {
  font-family: caveat-semibold;
  src: url(../fonts/Caveat-SemiBold.ttf);
}
*{
	font-family: merienda-light!important;
}
h1{
	font-family: merienda-extrabold!important;
}

/*root-end*/

/*universal-class*/


::selection{
	color: var(--primary-color);
	background: var(--secondary-color);
}
.col-primary{
color: var(--primary-color);
}
.col-secondary{
	color: var(--secondary-color);
}

.col-grey{
	color: #F9F9F9!important;
}
.back-trans{
	background: transparent!important;
}

.col-white{
	color: white;
}

.col-black{
	color: black!important;
}

.back-primary{
	background: var(--primary-color);
}

.back-secondary{
	background: var(--secondary-color);
}
.back-third{
	background-color: #d1835c!important;
}

.back-white{
	background: white!important;
}
.back-grey{
	background-color: #f9f9f9!important;
}

.custom-overlay{
	background: black;
	opacity: 0.4;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
#logo img{
	padding: 6px;
	height: 180px!important;
	/* border: 0px solid white; */
	background: white;
	overflow: auto;
	border-radius: 50%;
}
#header-wrap{
	border: none!important;
	/* background: #f9f9f9!important; */
}

/*universal-class-end*/


/*overwrite-classes*/
.sm-form-control{
	background: #FBFCFC;
}
/*.tab-nav li a{
	background: transparent!important;
	/*	color: var(--secondary-color)!important;*/
	color: white;
	border: none!important;
}*/
.sticky-header-shrink #header-wrap #logo img{
	height: 80px!important;
}
.heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .emphasis-title h1, .emphasis-title h2{
	text-transform: none!important;
}
#gotoTop:hover{
	background-color: var(--primary-color)!important;

}
#gotoTop{
	font-family: 'font-icons'!important;
}
#footer{
	background: var(--secondary-color)!important;
	color: white;
	border: none!important;
}
.widget_links ul li a{
	font-size: 14px!important;
	color: white;
}
.menu-item:hover > .menu-link, .menu-item.current > .menu-link {
    color: var(--primary-color)!important;
}
.widget h5{
	color: white;
}
/*overwrite-classes-end*/



.custom-border{
	/* border-radius: 100px; */
	border-top-left-radius: 100px;
	border-bottom-right-radius: 100px;
}

.c-btn{
	background: var(--primary-color)!important;
	color: white!important;
}

/*home*/
.banner-text{
	
}
.banner i{
	font-family: "Font Awesome 6 Free"!important;
}

.slider-overlay{
	    position: absolute;
    top: 0;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000000;
    opacity: .5;
}
.slider-caps{
	    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    transform: translate(-50%,-50%);
}
.slider-arrow-right i,.slider-arrow-left i,.one-page-arrow i{
	font-family: "Font Awesome 6 Free"!important;
}

.more-dish{

display: flex;

position: absolute;

bottom: 0;

width: 100%;

justify-content: space-between;

text-align: center;

flex-wrap: wrap;

border-top: 1px solid rgba(255, 255, 255, 0.1);

padding: 60px 60px;
padding-top: 30px;

z-index: 1;
}

.dish-child{

}

.dish-child img{
	
border-radius: 50%;
	
overflow: auto;
	
height: 80px;
	
width: 80px;
}

/*home-end*/



/*menu*/

.work-text{
    color: white;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.tab-nav{
	/* margin: 10px; */
	justify-content: center;
	margin: 20px 10px;
}
.tab-nav.tab-nav2 li{
	flex: 0 0 20%;
	   /* margin-left: 0;
    border-left: 0;
    padding: 20px 0px;
    width: 100%;
    height: 100%;
    background: var(--primary-color);*/
}
.tab-nav.tab-nav2 li a{
	top: 0;
	background-color: white;
	color: black;
	border: none!important;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
}
    
.tab-nav.tab-nav2 li.ui-state-active a {
    top: 0;
    background-color: var(--primary-color);
    color: #FFF;
    border: none!important;
    border-radius: 50px;
}
.menu{

display: flex;

flex-wrap: wrap;

justify-content: center;

gap: 30px;
}
.menu .menu-child{

flex: 0 0 26%;

/* text-align: center; */

border-radius: 35px;

overflow: auto;

padding: 30px 30px;

gap: 10px;

position: relative;
}
.menu div h3{
	color: white;
	z-index: 111;
	position: relative;
	margin-bottom: 20px;
	text-align: center;
}
/*.tabs-alt .tab-nav li:first-child{
	border-right: 1px solid #DDD;

}*/
.menu div h3::after{
	content: "";
	display: block;
	position: absolute;
	bottom: -5px;
	width: 10px;
	height: 3px;
	left: 0;
	background: var(--primary-color);
	margin: auto;
	/* display: flex; */
	width: 100px;
	margin: auto;
	left: 50%;
	transform: translate(-50%,50%);
}
.menu div ul{
	color: black;
	list-style-type: none;
	z-index: 12112;
	position: relative;
}
.menu div ul li{
	padding: 10px 0px;
	display: flex;
	/* justify-content: center; */
	gap: 20px;
	align-items: baseline;
	color: white;
	z-index: 121212;
	position: relative;
}
.menu-overlay{
	background: var(--secondary-color);
	opacity: 0.7;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
.bottom-b::after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	width: 10px;
	height: 3px;
	left: 0;
	background: var(--secondary-color);
	margin: auto;
	/* display: flex; */
	width: 200px;
	margin: auto;
	left: 50%;
	transform: translate(-50%,50%);
}
.fa-utensils{
	font-family: "Font Awesome 5 Free"!important;
	/* margin-right: 10px; */
	color: var(--primary-color);
}
/*.tabs-alt .tab-nav li.ui-tabs-active a{
	background: var(--primary-color)!important;
}
.tab-nav li{
	border-top: none!important;
	height: 100%!important;
}
.tab-nav li a{
	top: 0px!important;
}*/



/*menu-end*/

/*our-story*/
.story-banner{
	    position: absolute;
	    ledt: 50%;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%,-50%);
	    width: 100%;
	    text-align: center;
	    padding: 10px;
}
.side-b::after{
	content: "";
	display: block;
	position: absolute;
	bottom: -5px;
	width: 10px;
	height: 3px;
	left: 0;
	background: var(--primary-color);
	margin: auto;
	/* display: flex; */
	width: 200px;
	margin: auto;
	left:0;
	
}
/*our-story-end*/

/*spice-route*/
.spice-card{

display: flex;

flex-wrap: wrap;

gap: 20px;
/*justify-content: space-between;*/


/*padding: 30px;*/
}
.spice-child{

flex: 0 0 32%;

box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;

text-align: center;

background: white;

padding: 3px;
margin-bottom: 25px;
}
.spice-child img{
	
height: 100%;
	
width: 100%;
}
/*.spice-child p{
	padding: 10px;
	padding-top: 0;
}
.spice-child h3{
	margin: 15px;
}*/
/*spice-route-end*/


.product-child{

flex: 0 0 23%;

box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;

text-align: center;

background: white;

padding: 3px;
margin-bottom: 25px;
}
.product-child img{
	
height: 100%;
	
width: 100%;
}
a {
  text-decoration: none !important;
  color: #444;
}
.fa-classic, .fa-regular, .fa-solid, .far, .fas {
    font-family: "Font Awesome 6 Free" !important;
}
.product-price ins {
    text-decoration: none;
    color: #444;
}
.button {
    background-color: #444;	
}
.top-cart-number::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #5E411F;
    opacity: 0.8;
    z-index: -1;
}
.top-cart-item-desc a:hover { color: #5E411F; }
.top-cart-action .top-checkout-price {
    font-size: 1.25rem;
    color: #5E411F;
}
.button.button-3d:hover {
	background-color: #5E411F;
	opacity: 0.9;
}
.color {
    color: #5E411F !important;
}

input.error, select.error, textarea.error{ border:2px solid #c00;}
label.error{ color:#c00;} 
#successs,#tanc{width:100%;position:fixed;height:100%;z-index:99999;color:red;top:0;left:0;background:rgba(0,0,0,.8)}.customalert{padding:30px;outline:transparent solid 10px;max-width:500px;margin:10% auto;font-size:26px;display:table}.customalert-success,.customalert-tanc{outline-color:rgba(36,4,96,.5);border:5px dashed rgba(255,255,255,.2);color:#fff;background-color:#34096d}.customalert-success{font-size:30px;text-align:center}.customalert-tanc{font-size:16px;line-height:1.6em;text-align:left}.customclose{font-size:36px;color:#fff;border:none;background-color:#34096d;position:absolute;right:0;top:0}.ale-success,.cclose{background-color:#fff;text-align:center}.ale-success{color:#111;outline-color:rgba(132,130,130,.17);border:2px dashed rgba(255,154,209,.54);font-size:15px}.cclose{font-size:20px;color:#232222;border:none;position:absolute;right:-15px;top:-15px;border-radius:50%;width:30px;height:30px}.tc{font-size:9px;text-align:right}.postdata{ text-align:justify;}
#ajax_load{ display:none;}
#loadingDiv {
position:fixed;
top:0;
right:0;
width:100%;
height:100%;
background-color:#666;
background-image:url(../images/ajax-loader.gif?v=1);
background-repeat:no-repeat;
background-position:center;
z-index:10000000;
opacity:.4;
filter:alpha(opacity=40);
display:none
}