*{margin:0px; padding:0px; outline:none !important}
h1,h2,h3,h4,h5,h6{ margin:8px 0px; color:#000; }

html{ -ms-overflow-style: -ms-autohiding-scrollbar;}
a:focus{text-decoration:none !important;}
.max-content{width: -moz-max-content !important;   width: -webkit-max-content !important;    width: -o-max-content !important;    width: -ms-max-content !important;}
a:hover{text-decoration:none !important;}
hr{ margin:10px 0px !important;}

@font-face{
	src:url(../fonts/FlameRegular.otf);
	font-family:flameR;
}

@font-face{
	src:url(../fonts/FlameSans.otf);
	font-family:flameSans;
}

@font-face{
	src:url(../fonts/FlameBold.otf);
	font-family:flameBold;
}

@font-face{
	src:url(../fonts/FlameS.otf);
	font-family:flameS;
}

@font-face{
	src:url(../fonts/FlameCondensed.otf);
	font-family:flameCondensed;
}

@font-face{
	src:url(../fonts/copperF.otf);
	font-family:copper;
}

::-webkit-scrollbar {width: 7px !important;
	cursor:pointer;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	 -webkit-overflow-scrolling: touch;
}

/* Track */

::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
	cursor:pointer;
	background:#fff !important;
}
 
 
/* Handle */

::-webkit-scrollbar-thumb { 
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background:#502314; 
	cursor:pointer;
}

.mover:hover .ele,.ele_mover{-webkit-animation:mover .7s infinite alternate;animation:mover .7s infinite alternate;}

@-webkit-keyframes mover{0%{transform:translateY(0)}100%{transform:translateY(-7px)}}@keyframes mover{0%{transform:translateY(0)}100%{transform:translateY(-7px)}}.home-row3:hover img,.home-row4:hover img,.home-row5:hover img{-webkit-animation:mover .7s infinite alternate;animation:mover .7s infinite alternate}



.nav-icon1 {
  width: 50px;
  height: 30px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
    position:relative; top:3px;

  overflow: hidden;
}



.nav-icon1.nav-icon span{ height:1px !important;}


.nav-icon1 span{
  display: block;
  position: absolute;
  height:3px;
  width: 30px;
  background: #000;
  opacity:1;
  border-radius: 9px;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;

}

.nav-icon1 span:nth-child(1) {
  top: 3px;
}

.nav-icon1 span:nth-child(2) {
  top: 10px;
}

.nav-icon1 span:nth-child(3) {
  top: 17px;
}

.nav-icon1.open span:nth-child(1) {
  top: 12px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

.nav-icon1.open span:nth-child(3) {
  top: 12px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}



input[type=checkbox] {
  position: relative;
  top: 3px;
	border: 2px solid #000;
	border-radius: 2px;
	background: none;
	cursor: pointer;
	line-height: 0;
	margin: 0 .6em 0 0;
	outline: 0;
	padding: 0 !important;
	vertical-align: text-top;
	height: 20px;
	width: 20px;
	-webkit-appearance: none;
  opacity: .5;
}

input[type=checkbox]:hover {
  opacity: 1;
}

input[type=checkbox]:checked {
  background-color: #000;
  opacity: 1;
}

input[type=checkbox]:before {
  content: '';
  position: absolute;
  right: 50%;
  top: 50%;
  width: 4px;
  height: 10px;
  border: solid #FFF;
  border-width: 0 2px 2px 0;
  margin: -1px -1px 0 -1px;
  transform: rotate(45deg) translate(-50%, -50%);
  z-index: 2;
}

.card{ border:0px; padding:25px; background:#fff; box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.25); transition:all 0.2s; border-radius:10px;}


.checkbox label{font-family: flameS; font-size: 16px; color: #502314;}
.checkbox label a{color: #502314;}
.checkbox label a:hover{color: #d62300;}



.mobileBanner, .tabBanner{display: none !important;}

section{padding:45px 0px;}


.container-fluid{max-width:90%;}

body{overflow-x:hidden;  font-family: flameR;   scroll-behavior:smooth; -webkit-scroll-behavior:smooth; -webkit-overflow-scrolling: touch;
	font-size:13px; color:rgba(0,0,0,0.8); background:#f5ebdc; }
.transition{transition:all 0.3s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s;}

.border-effect {
    position: relative;
    color: #337ab7;
    text-decoration: none;
	font-weight:500;
}
.border-effect:after {
  display: block;
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  background-color: #337ab7;
  content: "";
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.border-effect:hover {
	text-decoration:none;
	color:#337ab7;
}
.border-effect:hover:after {
  width: 100%;
}



.font-11 {
  font-size: 11px!important;
}

.font-12 {
  font-size: 12px!important;
}
.font-13 {
  font-size: 13px !important;
  line-height:20px;
}
.font-14 {
  font-size: 14px;
  line-height:20px;
}
.font-15 {
  font-size: 15px;
  line-height:20px;
}
.font-16 {
  font-size: 16px !important;
  line-height:28px !important;
}
.font-17 {
  font-size: 17px !important;
  line-height:30px !important;
}

.font-18 {
  font-size: 18px !important;
  line-height:30px !important;
}
.font-20 {
  font-size: 20px !important;
  line-height:28px;
}
.font-22 {
  font-size: 22px;
}
.font-24 {
  font-size: 24px !important;
}
.font-26 {
  font-size: 26px;
}
.font-28 {
  font-size: 28px !important;
}
.font-30 {
  font-size: 30px;
}
.font-32 {
  font-size: 32px !important;
}

.font-35{
  font-size: 35px !important;
}

.font-38{
  font-size: 38px !important;
}

.font-w-300 {
  font-weight: 300 !important;
}
.font-w-400 {
  font-weight: 400 !important;
}
.font-w-500 {
  font-weight: 500 !important;
}
.font-w-600 {
  font-weight: 600 !important;
}
.font-w-700 {
  font-weight: 700 !important;
}

.w-100{ width:100% !important;}


.gap-1{gap:1px;}
.gap-2{gap:2px;}
.gap-3{gap:3px;}
.gap-4{gap:4px;}
.gap-5{gap:5px;}
.gap-6{gap:6px;}
.gap-7{gap:7px;}
.gap-8{gap:8px;}
.gap-9{gap:9px;}
.gap-10{gap:10px;}
.gap-11{gap:11px;}
.gap-12{gap:12px;}
.gap-13{gap:13px;}
.gap-14{gap:14px;}
.gap-15{gap:15px;}
.gap-16{gap:16px;}
.gap-17{gap:17px;}
.gap-18{gap:18px;}
.gap-19{gap:19px;}
.gap-20{gap:20px;}

.cursor{ cursor:pointer;}


.hd{font-family: flameR; font-size: 53px; color: #502314;}
.flameR, form .flameR{font-family: flameR !important;}
.btn-org{padding: 8px 20px; background: #d62300; font-size: 20px; font-family: flameR; color: #fff; font-weight: 500; border-radius: 30px; border: 0px; transition: all 0.2s ease-in-out;}
.btn-org:hover{background: #8f1c06; color: #fff;}

.btn-org.border{padding: 5px 20px; background: none !important; border: 2px solid #d62300 !important; font-size: 18px; font-family: flameR; color: #d62300; font-weight: 500; border-radius: 30px; border: 0px; transition: all 0.2s ease-in-out;}
.btn-org:hover{background: #8f1c06; color: #fff;}

.btn-sml{font-size: 14px !important; }

.bg-brown{background: #502314;}
.text-brown{color: #502314;}
.text-red{color: #d62300;}

.flameS{font-family: flameS;}

header{background: #f5ebdc; width: 100%; height: auto; padding: 20px 0px; position: sticky; top: 0; z-index: 100000;}

header .container-fluid{position: relative; left: 66px;}

header.scroll{box-shadow:0 1px 5px #0000001a;}
header .wrapper {
  gap: clamp(20px, 4vw, 60px);
}
header ul {
  gap: clamp(20px, 5vw, 80px);
}
header .col2 ul {
  gap: clamp(20px, 4vw, 60px);
}
header ul li a{font-family: flameR; font-size: 20px; font-weight: 400; color: #502314 !important; transition: all 0.2s ease-in-out; letter-spacing: 1px;}
header ul li a:hover{color: #f73e00 !important;}
header ul li a::after{background-color: #f73e00 !important;}

.menuPanel{position: absolute; top: 100%; right:0px; z-index: 100; width: 250px; height:550px; background: #f5ebdc; padding: 30px; display: none;}

.menuPanel ol li{list-style: none; margin-bottom: 7px;}
.menuPanel ol li a{color: #502314; font-family: flameSans; font-size: 15px; font-weight: lighter; transition: all 0.2s ease-in-out;}
.menuPanel ol li a:hover::after{background-color: #f73e00 !important ; }
.menuPanel ol li a:hover{color: #502314 !important;}
.menuPanel ol li a:hover{color: #f73e00 !important;}



.menuPanel2 ol li{list-style: none; margin-bottom: 7px;}
.menuPanel2 ol li a{color: #502314; font-family: flameSans; font-size: 15px; font-weight: lighter; transition: all 0.2s ease-in-out;}
.menuPanel2 ol li a:hover::after{background-color: #f73e00 !important ; }
.menuPanel2 ol li a:hover{color: #502314 !important;}
.menuPanel2 ol li a:hover{color: #f73e00 !important;}

.section2 .wrapper{display: grid;  grid-template-columns: 1fr 1fr; /* Two equal columns */
      gap: 20px; /* Space between columns */
      padding: 20px;}

.section2 .wrapper .item {border-radius: 10px; cursor: pointer; position: relative;}
.section2 .wrapper .item:hover img{transform: scale(1.1) rotate(2deg);}

.section2 .wrapper .item .des{  width: 100%;  padding:25px;  position: absolute; bottom: 0px; left: 0px; z-index: 100;}

.section2 .wrapper .item .des p{font-family: flameSans; font-weight: 300; opacity: 0.8;}
.section2 .wrapper .item:hover .des{background: rgba(0,0,0,0.7);}
.section2 .wrapper .item:hover .des p{opacity: 1;}


.homeSection3{width: 100%; height: 438px; margin: auto; background: url("../images/bg-y.jpg"); overflow: hidden;}
.homeSection3 .burgerImage{position: absolute; bottom: -30px; right: -30px;}

.homeSection3  h2{font-family: flameBold; font-size: 109px;}
.homeSection3  p{font-family: flameR; font-size: 35px;}
.homeSection3 .container-fluid{position: relative; z-index: 100;}

.section4{padding-bottom: 0px !important; overflow: hidden;}
.section4 iframe{width: 100%; height: 500px; margin: auto; border: 0px;}
.section4 .locationImg{position: absolute; bottom: -15px; left: 5%; z-index: 100;}

.mapLocationsSlider{position: absolute; bottom: 50px; left: 15%; z-index: 10000; width: 70%;
  height: 80px;}

.mapLocationsSliderMain .item span{display: flex; align-items: center; justify-content: center; padding: 10px 20px; color: #fff; background: #d62300; border-radius: 25px; font-size: 21px;
cursor: pointer;}  

.mapLocationsSliderMain .item span:hover{background: #8f1c06;}

.mapLocationsSlider .custom-nav{position: absolute; top: 0px; left: 0px; width: 100%; text-align: left; display: flex; align-items: center; justify-content: space-between;}

.mapLocationsSlider .custom-nav .custom-prev{display: flex !important; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 100%; background: #d62300 !important; border-radius: 100% !important; position: absolute; top:6px; left: -50px; border: 0px;}

.mapLocationsSlider .custom-nav .custom-prev i{font-size: 20px; color: #fff;}

.mapLocationsSlider .custom-nav .custom-next{display: flex !important; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 100%; background: #d62300 !important; border-radius: 100% !important; position: absolute; top: 6px; right: -50px; border: 0px;}

.mapLocationsSlider .custom-nav .custom-next i{font-size: 20px; color: #fff;}

.mapLocationsSlider .custom-nav .custom-prev:hover,.mapLocationsSlider .custom-nav .custom-next:hover{background: #303030 !important;}

.joinSection h2{font-family: flameBold; color: #502314; font-size: 75px; font-weight: bolder !important;}

.joinSection .btn-org{padding: 12px 50px !important;}


footer{background: #2b0200;}
footer *{color: #bba391 !important;}
.copyright *{color: #bba391 !important;}
footer h3{color: #f5ebdc; font-family: flameR; font-size: 25px;}
footer ul li{margin-bottom: 3px; list-style: none;}
footer ul li a{color: #bba391 !important; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: lighter;  transition: all 0.2s ease-in-out; opacity: 1;}
footer ul li a::after{background-color: #f5ebdc !important;}
footer ul li a:hover{opacity: 1; color: #f5ebdc !important;}

footer .footer{width: 100%; height: auto; margin-top: 50px;  border-top: 1px solid #f5ebdc; padding-top: 20px;}
footer .footer p{font-family: flameSans; font-size: 12px; opacity: 0.8;}

footer .socials a{font-size: 15px; font-family: 'Open Sans', sans-serif; display: flex; align-items: center; background: #f4ebdc; align-items: center; justify-content: center; border-radius: 100%; width: 36px; height: 36px;}
footer .socials a i{font-size: 25px;}

footer .socials a:hover{opacity: 0.8;}

.aboutImgWrapper{overflow: hidden;}
.aboutImgWrapper:hover img{transform: scale(1.1) rotate(3deg);}

.aboutRow {margin-bottom: 30px;}
.aboutRow p{font-family: flameSans;}

.aboutRow2{background: #f3dfc1;}

.newsSlider .item .imgWrapper{overflow: hidden; border-radius: 20px; cursor: pointer;}
.newsSlider .item .imgWrapper:hover img{transform: scale(1.1) rotate(3deg);}

.newsSlider .item .info .date{color: #656565; font-size: 16px; font-family: flameS;}
.newsSlider .item .info h4:hover{color: #d62300 !important;}
.newsSlider .item:hover h4{color: #d62300 !important;}



.newsSlider-nav{position: absolute; top: 40%; left: 0px; width: 100%; text-align: left; display: flex; align-items: center; justify-content: space-between;}

.newsSlider-nav .newsSlider-prev{display: flex !important; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 100%; background: #d62300 !important; border-radius: 100% !important; position: absolute;  left: -22px; border: 0px; z-index: 80;}

.newsSlider-nav .newsSlider-prev i{font-size: 20px; color: #fff;}

.newsSlider-nav .newsSlider-next{display: flex !important; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 100%; background: #d62300 !important; border-radius: 100% !important; position: absolute;right: -22px; border: 0px; z-index: 80;}

.newsSlider-nav .newsSlider-next i{font-size: 20px; color: #fff;}

.newsSlider-nav .newsSlider-prev:hover,.newsSlider-nav .newsSlider-next:hover{background: #303030 !important;}


.careerTopGrid {display: grid;   grid-template-columns: repeat(4, 1fr); /* Two equal columns */
      gap: 20px; /* Space between columns */}
.careerTopGrid .item{background: #ff8f3d; overflow: hidden; transition:all 0.2s ease-in-out; border-radius: 3px;}
.careerTopGrid .item:hover{background: #502314;}

.careerTopGrid .item img{transition:all 0.2s ease-in-out;}
.careerTopGrid .item:hover img{transform: scale(1.1);}

.carrerForm{border-radius: 20px !important; border: 1px solid rgba(0,0,0,0.1) !important; padding: 45px; box-shadow: none !important;}
.form .form-group .input{width: 100%; height: 50px; border: 1px solid rgba(0,0,0,0.5); border-radius: 8px; padding-left: 20px; font-size: 14px; color: #525252;}
.form .form-group .input::-webkit-input-placeholder{color: #989b9b;}
.select2-container .select2-selection--single .select2-selection__rendered{color: #989b9b !important;}
.form .form-group .input:hover{ border: 1px solid rgba(0,0,0,0.7);}
.form .form-group textarea.input{min-height: 120px; padding-top: 15px;}

.form .form-group .input:focus{ border: 1px solid rgba(0,0,0,0.4);}

.form *,.select2-results *{font-family: flameS !important;}

.form .upload .ele{position: relative;}
.form .upload span{font-size: 14px; color: #989b9b;}
.form .upload input[type="file"]{position: absolute; width: 100%; height: 100%; opacity: 0; z-index: 100; top: 0; left: 0;}


.loaderWrapper{display: none;}
.loading{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 100; background: #fff;}


a.text-underline{text-decoration: underline;}
a.text-underline:hover{text-decoration: underline !important;}

.loader {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      position: relative;
      animation: rotate 1s linear infinite
    }
    .loader::before {
      content: "";
      box-sizing: border-box;
      position: absolute;
      inset: 0px;
      border-radius: 50%;
      border: 5px solid #d62300;
      animation: prixClipFix 2s linear infinite ;
    }

    @keyframes rotate {
      100%   {transform: rotate(360deg)}
    }

    @keyframes prixClipFix {
        0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
        25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
        50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
        75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
        100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
    }




    .contactAddressSliderWrapper{width: 90%;}

    .contactImgWrapper{width: 100%; overflow: hidden; border-radius: 10px;}
    .contactImgWrapper:hover img{transform: scale(1.1) rotate(3deg);}

    .contactAddressSlider .item .info{border-top: 1px solid #502314; padding-top: 15px;}
    .contactAddressSlider .item p{font-family: flameS;}
    .contactAddressSlider p a{color: #502314;}
    .contactAddressSlider p a:hover{color: #d62300;}


    .contactAddressSlider{display: grid;  grid-template-columns: repeat(3, 1fr); /* Two equal columns */
      gap: 40px; /* Space between columns */
      padding: 20px;}

    .frame{width: 100%; height: auto;}
    .frame iframe{width: 100%; height: 600px;}


    
.contactAddressSlider .owl-nav{width: 100%; display: flex; align-items: center; justify-content: space-between; display: none;}
.contactAddressSlider .owl-nav .owl-next,.contactAddressSlider .owl-nav .owl-prev{display: flex !important; align-items: center; justify-content: center; width: 50px !important; height: 50px !important; border: rgba(0,0,0,0.4); border-radius: 100% !important; background: #d62300 !important;
 position: absolute; top: 35%;  z-index: 100; }

.contactAddressSlider .owl-nav .owl-next{right: 0px !important;}
.contactAddressSlider .owl-nav .owl-prev{left: 0px !important;}


.contactAddressSlider .owl-nav .owl-next span,.contactAddressSlider .owl-nav .owl-prev span{font-size: 50px !important; color: #fff;}

.contactAddressSlider:hover .owl-nav{display: flex;}


.food-menu-section{position: relative; top: 0px;}
.food-menu-slider .item{cursor: pointer; border-bottom: 3px solid #f1ebeb; }
.food-menu-slider .item.active{border-bottom: 3px solid #d62300;}
.food-menu-slider .item img{width: auto !important; transition: all 0.2s ease-in-out;}
.food-menu-slider .item:hover img{transform: scale(1.1);}
.food-menu-slider .item h4{text-transform: uppercase; font-family: flameS !important;}
.food-menu-slider .item.active h4{color: #d62300 !important; font-family: flameR !important;}


.food-menu-section .custom-nav{position: absolute; top: 10px; left: 0px; width: 100%; text-align: left; display: flex; align-items: center; justify-content: space-between;}

.food-menu-section .custom-nav .custom-prev{display: flex !important; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 100%;  border-radius: 100% !important; position: absolute; top:6px; left: -50px; border: 1px solid #d62300; background: none;}

.food-menu-section .custom-nav .custom-prev i{font-size: 20px; color: #d62300;}

.food-menu-section .custom-nav .custom-next{display: flex !important; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 100%;  border-radius: 100% !important; position: absolute; top: 6px; right: -50px;  border: 1px solid #d62300; background: none;}

.food-menu-section .custom-nav .custom-next i{font-size: 20px; color: #d62300;}

.food-menu-section .custom-nav .custom-prev:hover,.food-menu-section .custom-nav .custom-next:hover{background: #d62300 !important;}

.food-menu-section .custom-nav .custom-prev:hover i,.food-menu-section .custom-nav .custom-next:hover i{color: #fff !important;}



.menuItems{display: grid;  grid-template-columns: repeat(3, 1fr); /* Two equal columns */
      gap: 80px; /* Space between columns */
      padding: 20px;}

.menuItems .item .img{height: 180px;}
.menuItems .item img{width: 100%;}
.menuItems .item:hover img{transform: scale(1.080); width: 100%;} 
.menuItems .item:hover h3{color: #d62300 !important;}     

.innerBanner{width: 100%; height: auto; background: url("../images/innerBg.jpg") repeat-x top center; padding: 20px 0px !important;}

.innerBanner h1{color: #f4ebda !important;}

.kidsInnerBanner{width: 100%; height: 338px; margin: auto; background: url("../images/kids-banner.jpg") no-repeat top center;background-size: cover;}

.kidsInnerBanner .container{align-self: end; position: relative; top: -25px;}

.kidsimg1,.kidsimg2{width: 10%; }
.kidsimg1 img{ position: sticky; top: 20%; }


.kidsContainer .menuItems{gap: 30px;  row-gap: 60px;}

.innerBanner h1{font-size: 60px !important;}


.locations{padding: 35px 0px;}
.locations .col-md-6 h3{font-size: 40px;}
.locations .col-md-6 p{font-family: flameS;}

.locations .box:hover{background: #fff;}

.locations .marker{position: relative; top: 5px; display: flex; }
.locations .marker span.txt{position: absolute; top: 6px; left: 13px;}

.locations .share a{color: #ed7119; font-size: 22px; font-family: flameS;}
.locations .share a:hover{color: #000;}

.locations .img{width: 100%; overflow: hidden; border-radius: 5px; overflow: hidden;}
.locations .img:hover img{transform: scale(1.1) rotate(2deg);}


.order-row{padding: 10px 0px;}
.order-row .info{width: 65%;}
.order-row h3{font-size: 42px;  font-family: flameBold;}
.order-row p{font-size: 18px; font-weight: 400; font-family: flameS;}

.order-row .img{width: 25%; overflow: hidden; border-radius: 5px; overflow: hidden;}
.order-row .img:hover img{transform: scale(1.1) rotate(2deg);}



.grid-2-col {display: grid;   grid-template-columns: repeat(2, 1fr); /* Two equal columns */
       /* Space between columns */}

.grid-3-col {display: grid;   grid-template-columns: repeat(3, 1fr);  gap:25px;}       

.offers .offer{padding: 15px 0px; border-bottom: 1px solid rgba(0,0,0,0.4);}
.offers .offer .info{width: 70%;}
.offers .offer .info h5{font-family: flameS;}   
.offers .offer .info h4:hover{color: #d62300 !important;}    
.offers .offer .img{overflow: hidden; border-radius: 5px; width: 22%;}
.offers .offer .img img{transition: all 0.2s ease-in-out; width:100%;}
.offers .offer .img:hover img{transform: scale(1.1) rotate(2deg);}

.offerContent h5{font-family: flameS;}

#offerDetails img{width:275px;}


.privacy-policy-tab a{display: block; border-bottom: 1px solid rgba(0,0,0,0.4); padding: 15px 25px; cursor: pointer;}
.privacy-policy-tab a:hover{color: #d62300;}
.privacy-policy-tab a.act{color: #d62300;}

.editor h3{font-size: 26px; color: #502314;}
.editor p, .editor li{font-size: 18px; font-family: flameS; color: #502314;}

.editor .tab{margin-bottom: 35px;}

.privacyTabs{position: sticky; top: 120px;}


.sign-up .box{width: 85%; margin: auto; background: #fff; border-radius: 50px; overflow: hidden; }
.sign-up .box .head{border-bottom: 1px solid rgba(0,0,0,0.1); padding: 20px;}
.sign-up .box .input{width: 100%; height: 60px; background: #f5ebdc; border: 1px solid rgba(0,0,0,0.1); border-radius: 35px; padding: 0px 25px; font-family: flameS; font-size: 18px;}

.sign-up .box .input:hover{border: 1px solid rgba(0,0,0,0.2);}
.sign-up .box .input:focus{border: 1px solid rgba(0,0,0,0.4);}


.modal-popup{width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background: rgba(0,0,0,0.7); z-index: 1000; display: flex; align-items: center; justify-content: center; visibility: hidden;}
.modal-popup .popup{width: 80%; height: 500px; background:#f5ebdc; border-radius: 5px; position: relative;  opacity: 0; transition:all 0.3s ease}

.modal-popup.show{ visibility: visible;}
.modal-popup.show .popup{  opacity: 1;}

.productModel .des{height: 120px; overflow: hidden;}
.productModel .des.scroll{max-height: 140px; overflow-y: scroll;}
.productModel .des::-webkit-scrollbar-track{background: none !important;}

.readMore{color: #d66016; cursor: pointer;}

.close_modal{position: absolute; top: 20px; left: 20px; font-size: 40px; color: #502314; cursor: pointer; display: block; z-index: 90;}

.resManu,.menu-res{display: none;}


.select2-container .select2-selection--single .select2-selection__rendered{padding-left: 20px !important;}

.select2-container--default .select2-selection--single .select2-selection__arrow{right: 10px !important;}


.learn-more-btn{display: flex; align-items: center; justify-content: center; padding: 8px 16px; background: #fff; border-radius: 20px; ; font-size: 16px; color: #1b1b1b; position: relative; top: 5px;}

.learn-more-btn:hover{color: #fff; background: #d62300;}


.locations .box{border: 3px solid #fff; padding: 25px; border-radius:10px; transition: all 0.3s ease-in-out;}
.locations .box:hover{border: 3px solid #b63d12; }
.locations .box h3{color: #b63d12 !important;}

.locations .box a{color: #000;}
.locations .box a:hover{color:#d62300;}


.careerBanner{width: 100%; height: auto; background: #ffaa01; padding: 35px 0px; padding-bottom: 0px; position: relative; z-index: 1000;}

.careerBanner .col-sm-4 img{ margin-top: -51px;}

.careerBanner h1{color: #f4ebdc; font-weight:bolder; font-size: 80px; line-height: 78px; font-family: flameR !important;}

.link{color: #d72300;}
.link:hover{color: #711b0a;}


.locationTopSection{width: 100%; height: auto; background: #512314;}
.locationTopSection .part1{padding: 35px 100px;}
.locationTopSection .part1 h4{font-weight: 400; color: #f4ebdc;}
.locationTopSection .part1 h1{color: #f4ebdc; font-size: 55px;}
.locationTopSection .part1 .box{width: 250px; height: auto; padding: 25px; background: #f4ebdc; border-radius: 15px;}


.timeTable{width: 100%; height: auto; padding: 25px; border-radius: 15px; background: #fff;}
.timeTable *{color: #512115 !important; font-family: flameS;}
.timeTable p{font-size: 20px; margin: 3px 0px !important;}

.timeTable ul{ padding-left: 20px;}
.timeTable li{width: 100%; font-size: 18px; list-style:disc !important; margin-bottom: 3px; font-weight: lighter;}
.timeTable li::marker {
  color: #dd2500; 
}

.featuredItems h2{font-family: flameBold; font-size: 45px;}
.featuredItemsSlider .box{border: 3px solid #fff; border-radius: 10px;}
.featuredItemsSlider .item .img{height: 230px;}
.featuredItemsSlider .item img{transition: all 0.2s ease-in-out; overflow: hidden;}
.featuredItemsSlider .item:hover img{transform: scale(1.1);}
.featuredItemsSlider .item h4:hover{color: #d62300;}

.featuredItems .custom-nav{top: 45%;}

.menuSection .box{overflow: hidden; border-radius: 7px;}
.menuSection .box .img{overflow: hidden;}
.menuSection .box img{transition: all 0.2s ease-in-out;}
.menuSection .box:hover img{transform: scale(1.1);}
.menuSection .box h3:hover{color: #d62300;}


.backtomain{display: flex; align-items: center; justify-content: center; cursor: pointer;}
.backtomain i{font-size: 25px;}

.menu-details .box{width:100%; height: 200px; margin: auto; background: #472615; padding: 25px;}

.menu-details img{position: relative; top: 50px;}

.readMoreDes{cursor: pointer;}
.readMoreDes i{font-size: 18px;}

/*Editor Css*/

.editor{}
.editor h1 {font-size: 25px; width: 100%; margin:0 0 20px; line-height:30px; position: relative; left:0; top:0; width: 100%;margin-top: 83px !important;
}
.editor h1:before{content:""; position: absolute; bottom:-10px; left:0; width: 5%; height: 3px; background: #2b0200;}
.editor h2{font-size: 18px; font-weight:700; text-transform: uppercase; margin-top:40px;}
.editor h3{font-size: 15px; font-weight:700; text-transform: uppercase; margin:0;}
.editor hr{border-bottom: solid 1px #2b0200; margin-bottom: 50px;}
.editor ul{margin-left:15px;}

/*.editor img{ width: 100%; height: 100%;}*/
.editor figure{width: 35%; margin:0 0 30px 20px;}
.editor figure.small{ width: 20%;}
.editor blockquote{background: #f7f7f7; padding:20px 20px 20px 40px; margin: 20px 0 30px; border-left:none; position: relative; left: 0; top:20px; padding-left: 50px; display: table; width: 100%;}
.editor blockquote:before{content:"\f10d"; position: absolute; font-family: FontAwesome; left:15px; top: 25px; font-size:30px; color:#2b0200; /*margin-left: 10px;*/}
.editor blockquote p{ font-size: 17px; line-height: 25px; margin: 0; font-weight:400;}

.grill-banner{
    height: 479px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 7%;
}


.grill-text {
  max-width: 50%;
  color: white;
}

.grill-text h1 {
  font-size: 60px;
  font-weight: bold;
  line-height: 1.2;
  color: #fffbe0;
  margin-bottom: 20px;
}

.grill-text p {
  font-size: 20px;
  color: #fefefe;
  margin-bottom: 30px;
}

.story-btn {
  background-color: #e02b00;
  color: white;
  padding: 15px 30px;
  border-radius: 30px;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
  display: inline-block;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

/* Inner Page Banner */

 .innerBanner {
    width: 100vw;
    margin: 0;
    background-color: #6d2e1c; /* or use your background image here */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .innerBanner h1 {
    margin: 0;
    color: #fff;
    font-size: 2.5rem;
    text-align: center;
  }

  .no-container-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

/* allow cookies code */
.home-content {
  padding: 40px;
  text-align: center;
}

.cookie-banner {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: #0d0d0d;
  color: #fff;
  padding: 16px 24px;
  border-radius: 20px;
  width: 90%;
  max-width: 600px;
  z-index: 9999;
  display: none;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
  animation: slideUp 0.5s ease-out;
}

.cookie-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.cookie-text {
  font-size: 14px;
  flex: 1 1 70%;
  margin: 0;
}

.learn-more {
  color: #FE7000;
  text-decoration: underline;
  margin-left: 5px;
}

.accept-btn {
  background: linear-gradient(90deg, #FE7000, #ff9100);
  color: #000;
  border: none;
  padding: 10px 20px;
  border-radius: 30px;
  font-weight: 600;
  cursor: pointer;
  font-size: 14px;
  box-shadow: 0 0 8px #FE7000;
  transition: all 0.3s ease;
}

.accept-btn:hover {
  background: #fff;
  color: #FE7000;
  box-shadow: 0 0 12px #FE7000, 0 0 20px #FE7000;
}

@media (max-width: 576px) {
  .cookie-content {
    flex-direction: column;
    align-items: flex-start;
  }

  .accept-btn {
    width: 100%;
    margin-top: 12px;
  }
}

@keyframes slideUp {
  from {
    transform: translate(-50%, 100%);
    opacity: 0;
  }
  to {
    transform: translate(-50%, 0%);
    opacity: 1;
  }
}