/* *,*::before,*::after{box-sizing: border-box;}
html,body{scrollbar-color:#bababa transparent;scrollbar-width:thin;}
::-webkit-scrollbar{width:5px;height:5px;background:#000000}
::-webkit-scrollbar-track{border-radius:0px}
::-webkit-scrollbar-thumb{border-radius:0px;background-color:#888888}
::-webkit-scrollbar-thumb:hover{background-color:#1899cc} */

:root{
    --themered-color:#861212;
    --themewhite-color:#ffffff;
    --black-color:#000000;
    --text-color:#212529;
    --hover-color:#d28600;
    --light-color:#f8e3d2;
    --dark-bg:#202020;
	--light-text:#d28600;
	--pink-color:#FCC9C8;
	--time-color:rgb(23,24,25);
	--aa:#ffdc21;
		--d: 2500ms;
	--angle: 90deg;
	--gradX: 100%;
	--gradY: 50%;
	--c1: #ffffff;
	--c2: rgba(168, 239, 255, 0.1);
}

*::placeholder{
  color: #eee;
}

.search-container input::placeholder{
	color: #333333;
}

/* html {
    font-family: "Montserrat", sans-serif;
    line-height: 1.15;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
} */
body {
  position: relative;
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  /*color: #212529;*/
  color: #ffffff;
  text-align: left;
  /*background-color: #171819;*/
  background-color: #861212;
  overflow-x: hidden;
  user-select: none;
}

@property --angle {
	syntax: "<angle>";
	initial-value: 90deg;
	inherits: true;
}

@property --gradX {
	syntax: "<percentage>";
	initial-value: 50%;
	inherits: true;
}

@property --gradY {
	syntax: "<percentage>";
	initial-value: 0%;
	inherits: true;
}

.wrapper {
	min-width: min(40rem, 100%);
}

/*.box {*/
/*	font-size: 3vw;*/
/*	border: 0.35rem solid;*/
/*	padding: 3vw;*/
/*	border-image: conic-gradient(*/
/*			from var(--angle),*/
/*			var(--c2),*/
/*			var(--c1) 0.1turn,*/
/*			var(--c1) 0.15turn,*/
/*			var(--c2) 0.25turn*/
/*		)*/
/*		30;*/
/*	animation: borderRotate var(--d) linear infinite forwards;*/
/*}*/

/*.box:nth-child(2) {*/
/*	border-image: radial-gradient(*/
/*			ellipse at var(--gradX) var(--gradY),*/
/*			var(--c1),*/
/*			var(--c1) 10%,*/
/*			var(--c2) 40%*/
/*		)*/
/*		30;*/
/*	animation: borderRadial var(--d) linear infinite forwards;*/
/*}*/

/*@keyframes borderRotate {*/
/*	100% {*/
/*		--angle: 420deg;*/
/*	}*/
/*}*/

/*@keyframes borderRadial {*/
/*	20% {*/
/*		--gradX: 100%;*/
/*		--gradY: 50%;*/
/*	}*/
/*	40% {*/
/*		--gradX: 100%;*/
/*		--gradY: 100%;*/
/*	}*/
/*	60% {*/
/*		--gradX: 50%;*/
/*		--gradY: 100%;*/
/*	}*/
/*	80% {*/
/*		--gradX: 0%;*/
/*		--gradY: 50%;*/
/*	}*/
/*	100% {*/
/*		--gradX: 50%;*/
/*		--gradY: 0%;*/
/*	}*/
/*}*/


.cursor-effect {
  position: fixed;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  border: 2px solid var(--light-text);
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, -50%);
  transition: transform 0.1s ease-out;
  box-shadow: 0 0 27px rgb(206 42 42 / 35%);
  animation: pulse 3s infinite ease-in-out;
}

.sectionGap{
  padding-top: 5rem;
  padding-bottom: 5rem;
}

p{
	color: var(--dark-bg);
	line-height: 1.6;
    font-size: 16px;
    font-weight: 500;
}

.lightText{
	color: var(--light-text);
	font-weight: 600;
}

img{
	border-color: var(--light-text);
}

/* Optional pulsing effect */
@keyframes pulse {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0.5;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}

.fs-15{
    font-size: 15px !important;
}
.fs-12{
    font-size: 12px !important;
}
.fs-14{
    font-size: 14px !important;
}
.fs-16{
    font-size: 16px !important;
}
.fs-18{
    font-size: 18px !important;
}
.fs-20{
	font-size: 20px !important;
}
.fs-28{
    font-size: 28px !important;
}
.text-dark {
    color: var(--text-color);
}
.fw-600{
    font-weight: 600;
}
.fw-500{
    font-weight: 500;
}
.container {
  width: 100%;
  max-width: 1360px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container-fluid{
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

header{
    padding: 0px 10px;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    transition: 300ms;
    height: 70px;
    backdrop-filter: blur(4px);
    background: #000000b8;
    display: flex;
    /*align-items: center;*/
}

header.sticky-down{
    backdrop-filter: blur(4px);
    /*background: #000000b8;*/
    /*background:#861212db;*/
    background:#ff000080 !important;
}

header.sticky{
    backdrop-filter: blur(0px);
    /*background: #000000;*/
    background:#861212;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    
}
.headerContainer {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
header img{
  transition: 350ms;
  height: 72px;
  position: relative;
  top: -2px;
}
header ul{
  margin: 0;
  padding: 0;
  padding-bottom: 10px;
}
header ul li{
  font-size: 15px;
  display: inline-flex;
  margin-left: 40px;
  cursor: pointer;
  position: relative;
  font-weight: 700;
  color: #eee;
  text-transform: uppercase;
  transition: 350ms;
  
}
header ul li.loginMobile{
    display:none !important;
}
.header-fixed header{
  background: var(--themewhite-color);
  box-shadow: 0px 0px 6px #bababa;
  padding: 5px 10px;
}
.header-fixed header img{
  width: 140px;
  filter: drop-shadow(0 5px 10px #fff) drop-shadow(0 5px 20px #fff);
}
.header-fixed header ul li{
  font-size: 17px;
  color: #444;
}
header ul li.active, header ul li:hover{color: #ffffff;}
header ul li.active:before{
  opacity: 1;
}

.carousel-control-next, .carousel-control-prev{
    display:none !important;
}
.banner-section.slider-section .carousel-inner, .banner-section.slider-section .carousel-item{
    height: 70vh;
}
.swiper {
    width: 100%;
    height: 80vh;
}

.mySwiper .swiper-slide {
    position: relative;
    background-position: center;
    background-size: cover;
    -ms-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transition:all 7000ms linear 0ms;
  -ms-transition:all 7000ms linear 0ms;
  -o-transition:all 7000ms linear 0ms;
  -moz-transition:all 7000ms linear 0ms;
  transition:all 7000ms linear 0ms;
  
}

.mySwiper .swiper-slide::before{
    content: "";
    /* background: color-mix(in srgb, var(--black-color), transparent 70%); */
    position: absolute;
    inset: 0;
    z-index: 2;
}
.mySwiper .swiper-slide img {
    /*width: 100%;*/
    height: 100%;
    object-fit: cover;
    /*opacity: 0;*/
    transform: scale(1.5);
    /*transition: transform 2s ease, opacity 2s ease;*/
    
}

.timingsDataBox tr th:nth-child(3) {
    display: none;
}

.timingsDataBox tr td:nth-child(3) {
    display: none;
}


.mySwiper .swiper-slide img{
    transition: transform 15s ease-in-out;
}

.swiper-slide .swiper-slide-active img{
    animation: zoomIn 15s forwards;
}

@keyframes zoomIn{
    0% {
        transform: scale(1);
    }
    100%{
        transform: scale(1.4);
    }
}


.mySwiper .swiper-slide-active img {
    opacity: 1;
    animation: zoomIn 15s forwards;
   /* animation: zoomEffects 20s ease-in-out infinite;*/
	  /*transform-origin: center;*/
}

/*@keyframes zoomEffects {*/
/*	0%{*/
/*		transform: scale(1);*/
/*	}*/

/*	100%{*/
/*		transform: scale(1.8);*/
/*	}*/
/*}*/




.themeBtn{
    position: relative;
    background-color: var(--themewhite-color);
    /*background-color: #000000;*/
    height: 45px;
    font-size: 20px;
    color: var(--hover-color);
    text-align: center;
    text-transform: uppercase;
    min-width: 170px;
    border: 1px solid var(--hover-color);
    /*border: 1px solid #000000;*/
    transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out;
    font-weight: 700;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px;

}

.themeBtn.bookBtnBox {
    height: 36px;
    font-size: 20px;
    min-width: 146px;
    /*border: 1px solid var(--hover-color);*/
    border: 1px solid #000000;
    transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out;
    font-weight: 700;
    border-radius: 5px;
    	font-family: "Cinzel", serif;
}

.themeBtn:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    opacity: .5;
    border-color: #ffffff, #ffffff, #ffffff;
    background-repeat: no-repeat;
    background-size: calc(100% - 100%) 1px, 1px calc(100% - 100%);
    background-position: 0 0, 100% 100%, 100% 100%, 0 0;
    /*background-image: linear-gradient(0deg, var(--hover-color), var(--hover-color)), linear-gradient(0deg, var(--hover-color), var(--hover-color)), linear-gradient(0deg, var(--hover-color), var(--hover-color)), linear-gradient(0deg, var(--hover-color), var(--hover-color));*/
        background-image: linear-gradient(0deg,#ffffff, #ffffff), linear-gradient(0deg, #ffffff, #ffffff), linear-gradient(0deg, #ffffff, #ffffff), linear-gradient(0deg, #ffffff, #ffffff);
    transition: opacity .2s ease-out, background-size .82s cubic-bezier(.36,.03,.2,.91);
    pointer-events: none;
}

.themeBtn:hover {
    color: var(--light-text);
    border-color: var(--hover-color, var(--hover-color, var(--hover-color)));
    background-color: transparent;
    
}

.themeBtn:hover{
    color:#ffffff;
    background-color:transparent;
    border-color:#ffffff;
}

.themeBtn:hover:after {
    background-size: calc(100% - 0%) 1px, 1px calc(100% - 0%);
}

.searchBox{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 25px;
    margin-top: -80px !important;
    position: relative;
    z-index: 9;
    backdrop-filter: blur(10px);
    /*background: #000000b8;*/
    background-color:#0000005e;
    width: 100%;
    max-width: 80%;
    margin: auto;
    border-radius: 7px;
    box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
}

.search-container{
    background-color: #ffffff;
    padding: 5px;
    border-radius: 40px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    max-width: 80%;
    border: 1px solid #afafaf;
	/*height: 85px;*/
}

.search-container input{
    width:calc(100% - 100px);
    flex: 1;
    border: none;
    outline: none;
    border-radius: 40px;
    font-size: 18px;
    background: #ffffff;
    font-weight:500;
    padding-left:3rem;
    background-image:url(../images/location-icon.svg);
    background-size: 29px 29px;
    background-repeat: no-repeat;
    background-position: left 11px center;
}

.search-container input::placeholder{
    color:#c8c8c8;
}

.search-container button, .actionBtn{
    padding: 10px 25px;
    background-color: var(--hover-color);
    /*background-color:#000000;*/
    color: #ffffff;
    border:none;
    border-radius: 50px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s ease;
    display: flex;
    flex-direction: column;
    /*min-width: 190px;*/
    text-transform: uppercase;
	/*height: 72px;*/
	justify-content: center;
	align-items:center;
}

.search-container button:hover{
    opacity: 0.8;
}

.actionBtn {
    background: var(--hover-color);
    /*background-color:#000000;*/
    border: 1px solid var(--hover-color);
    /*border: 1px solid #000000;*/
    color: #ffffff;
    padding: 12px 20px;
    border-radius: 40px;
    margin-left: 15px;
    font-weight: 500;
    text-transform: uppercase;
}

.menuText {
    font-size: 16px;
    color: #fff;
    position: relative;
    cursor: pointer;
}

.menuText a{
    display:flex;
    color:#ffffff;
    text-decoration:none;
    font-family: "Cinzel", serif;
}

.menuText::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 0%;
    background-color: var(--themewhite-color);
    transition: width 0.1s ease, right 1s ease;
}

.menuText.active::after{
	content: "";
	width: 100% !important;
}

.menuText:hover::after {
    width: 100%;
    right: 0;
}

.menuText:not(:hover)::after {
    width: 0%;
    right: 100%;
}

a:hover ~ .custom-cursor {
    transform: scale(1.5);
    background-color: rgba(255, 0, 0, 0.2);
}

.roundedTextBox {
    width: 100%;
    max-width: 95%;
    margin: auto;
    text-align: center;
    border-radius: 10px;
    padding: 6px 20px;
	margin-bottom: 0px;
    background-repeat: repeat;
    background-position: center;
    background-size: contain;
    color: var(--light-text);
	background: #262626;
}


.roundedTextBox p{
	color: var(--light-text);
    font-family: "Forum", serif;
    font-weight: 600;
    font-size: 28px !important;
    line-height: 1.4;
}

.langauageSection .dropdown {
    position: relative;
    display: inline-block;
    }

    .langauageSection  .dropdown-toggle {
    padding: 8px 4px;
    background-color: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    border-radius: 5px;
    }

.langauageSection  .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    /*left: 0;*/
    background-color: #fff;
    border: 1px solid #ccc;
    min-width: 150px;
    z-index: 1;
    border-radius: 5px;
    padding: 0px;
    min-width: 110px;
}

.langauageSection  .dropdown-menu div {
    padding: 1px 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 600;
   
}

.langauageSection  .dropdown-menu div:hover {
    background-color: #eee;
}

.langauageSection .dropdown-toggle img {
    height: 30px;
    width: 30px;
    position: relative;
    top: 0px;
	border-radius: 50%;

}

.langauageSection  .dropdown-toggle::after{
    display: none;
}

.swiper-button-prev, .swiper-button-next {
    display: none !important;
}

.langauageSection #selected-lang {
    font-family: inherit;
    font-size: 14px;
    color: var(--themewhite-color);
    font-weight: 500;
    position: relative;
    top: 0px;
	display: none;
}
.dflexGap {
    display: flex;
    gap: 10px;
    align-items: center;
    /*padding-bottom: 20px;*/
}
.dflexGap > a{
    text-decoration:none;
    margin-left: 1rem;
}
ul#mobileMenuBox{
    padding-bottom:0;
}
.dflexGap .fa-cart-shopping{
    right:9px !important;
}
.langauageSection .flag img {
    width: 25px;
    height: 25px;
    position: relative;
    top: -1px;
}

.defaultWidth {
    width: 100%;
    max-width: 100%;
    margin: auto;
    background: rgb(0 0 0 / 26%);
    padding: 40px;
    position: relative;
    border-radius: 12px;
    backdrop-filter: blur(8px);
    box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px;
}

section.formSection.py-5 {
    margin-top: 152px;
}

.formBoxContainer{
    width: 100%;
    max-width: 100%;
    margin: auto;
    /*background-color: rgb(0 0 0 / 78%);*/
    background-color: #000000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    top: -200px;
    box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
    backdrop-filter: blur(8px);
    border-radius: 20px;
}

#booking_date::-webkit-calendar-picker-indicator {
  opacity: 0 !important;
}
#booking_date::placeholder {
  color: #979797 !important;
}

.flatpickr-input.flatpickr-mobile{
    text-align:left !important;
}

/*#booking_date {*/
/*  position: relative;*/
/*  background: url(../images/747310.png) no-repeat right 10px center;*/
/*  background-size: 20px 20px;*/
  /*padding-right: 35px; */
/*}*/

.datepicker-wrapper {
  position: relative;
  display: inline-block;
}

/*#booking_date::placeholder{*/
/*    color: #979797 !important;*/
/*}*/

input#booking_date[type="date"]::placeholder {
  color: #979797 !important;
  
}

input#booking_date[type="date"]::placeholder {
  color: #979797 !important;
  /*opacity: 1;*/
}

input#booking_date[type="date"]::-webkit-input-placeholder {
  color: #979797 !important;
  /*opacity: 1;*/
}

input#booking_date[type="date"]:-ms-input-placeholder {
  color: #979797 !important;
}

input#booking_date[type="date"]::-ms-input-placeholder {
  color: #979797 !important;
}

.calendar-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: white; /* This sets the icon color to white */
  font-size: 18px;
  cursor: pointer;
  color:#ffffff;
}

.calendar-icon i {
  color: #979797; /* <-- this makes the calendar icon white */
  font-size: 18px; /* optional: change size */
}


.reservationFormBox {
    display: grid;
    grid-template-columns: 7fr 3fr;
    gap: 10px;
}

.reservation-section {
  max-width: 800px;
  margin: auto;
  padding: 40px 20px;
  text-align: center;
}

.reservation-section h2 {
  font-size: 32px;
  margin-bottom: 10px;
  color: white;
}

.reservation-section p {
  font-size: 14px;
  color: #ccc;
  margin-bottom: 30px;
}

.reservation-form {
  background: #1a1a1a;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 0 10px #000;
}

.form-row {
  display: flex;
  justify-content:space-between;
  /*gap: 25px;*/
  margin-bottom: 25px;
}

input:-webkit-autofill {
    background-color: #ffffff00 !important;
    /*-webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;*/
    /*-webkit-text-fill-color: #000000 !important;*/
}

.form-row input,
.form-row select,
textarea {
 	
    padding: 12px;
    background: #ffffff00;
    border: 1px solid #c8c8c8;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    width:32%;
}
.form-row input::placeholder,
.form-row textarea::placeholder,
.form-row select::placeholder{
    color: #979797 !important;
}
#tablebookingdiv textarea::placeholder{
      color: #979797 !important;
}

.form-select:focus{
    box-shadow: none !important;
    outline:0;
    border-color: #ffffff !important;
}
/*.formSection textarea:placeholder{*/
  
/*}*/
.form-row select{
    color:#979797;
}

textarea {
  width: 100%;
  height: 120px;
  resize: none;
  margin-bottom: 20px;
}

.calendarBox{
  width: 32%;
}

.calendarBox > div{
    display: block !important;
}
/* Calendar popup background */
.flatpickr-calendar {
  background: #f9f9f9;
  border: 1px solid #ccc;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  font-family: 'Segoe UI', sans-serif;
}

/* Day cells */
.flatpickr-day {
  color: #333;
  font-weight: 500;
  border-radius: 6px;
}

/* Today highlight */
.flatpickr-day.today {
  border: 2px solid #007bff;
}

/* Selected day */
.flatpickr-day.selected {
  background: #007bff;
  color: white;
}

/* Hover state */
.flatpickr-day:hover {
  background: #e0f0ff;
  cursor: pointer;
}

/* Month navigation arrows */
.flatpickr-prev-month,
.flatpickr-next-month {
  color: #007bff;
}

/* Month and year */
.flatpickr-current-month {
  font-size: 1.1rem;
  font-weight: bold;
}

/* Weekdays (Mon, Tue...) */
.flatpickr-weekday {
  color: #555;
  font-weight: bold;
}


.formSection {
    background: url(../images/formImage.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    height: 500px;
}

/* button {
  background: linear-gradient(to right, #f6d365, #fda085);
  color: black;
  padding: 12px 30px;
  border: none;
  border-radius: 5px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
}

button:hover {
  background: linear-gradient(to right, #fda085, #f6d365);
} */

.reservationTiming{
    background: url(../images/timedetail.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

.opening-hours-section {
  /*background-color: #121a23fa;*/
  background-color:#000000ed;
    color: #fff;
    padding: 40px 20px;
    max-width: 500px;
    margin: auto;
    height: 100%;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.sub-heading {
  font-size: 14px;
  letter-spacing: 1px;
  color: #f0c36d;
  margin-bottom: 5px;
}

.main-heading {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 20px;
}

.subtitle{
	/*color: var(--light-text);*/
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	word-spacing: 4px;
    letter-spacing: 1px;
}

.pattern-image img {
    width: 130px;
    max-width: 100%;
}

.opening-hours-table {
  width: 100%;
  border-collapse: collapse;
}

.opening-hours-table td {
  padding: 12px 0;
  border-bottom: 1px dashed #6a6767;
  font-size: 16px;
  color: #ffffff;
}

.opening-hours-table td:last-child {
  text-align: right;
}

.opening-hours-table .closed {
  color: #aaa;
  font-weight: bold;
}

.boxHeading {
    font-weight: 600 !important;
    font-family: "Forum", serif;
	font-size: 30px !important;
	/*color: var(--light-text) !important;*/
	color: #ffffff !important;
	font-family: "Cinzel", serif;
}

.marginWidthContent {
    width: 100%;
    margin: auto;
    text-align: center;
}

.storybottomImage{
    position: absolute !important;
    left: -50px !important;
    top: auto !important;
    bottom: -110px !important;
    width: 285px;
    padding-top: 50px;
    padding-bottom: 50px;
    z-index: 2;
}

.round-stamp {
    width: 150px;
    height:150px;
    position: absolute;
    right: 18px;
    top: -68px;
    z-index: 3;
    
}

.round-stamp:before {
    position: absolute;
    content: '';
    width: calc(100% + 20%);
    height: calc(100% + 20%);
    left: -16px;
    top: -15px;
    background-image: url(../images/badge-1-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    animation: rotate 10s linear infinite;
    
}
.round-stamp img{
        width: 100%;
        height: 100%;
    }

@keyframes rotate{
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}

.mobileApp{
	position: relative;
}

/* .mobileApp::before{
	content: "";
    background-image: url(../images/pizza.png);
    position: absolute;
    top: 26px;
    left: 51px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
    width: 166px;
    height: 166px;
    border: 14px solid #fff;
    border-radius: 100%;
    z-index: 9;
} */

.mobileApp .container{
    display: flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.promo-banner{
    width: 100%;
    max-height: 400px;
    border-radius: 30px;
    padding: 40px;
    position: relative;
    z-index:1;
}
/*.promo-banner:before{*/
/*    content:"";*/
/*    width:100%;*/
/*    height:100%;*/
/*    background-image: url(../images/aapBg.jpg);*/
/*    background-size: 100% 100%;*/
/*    position:absolute;*/
/*    top:0;*/
/*    left:0;*/
/*    border-radius: 30px;*/
/*    filter: blur(6px);*/
/*    z-index: -1;*/
    
/*}*/
/*.promo-banner:after{*/
/*    content: "";*/
/*    width: calc(100% + 18px);*/
/*    height: calc(100% + 13px);*/
/*    position: absolute;*/
/*    border-radius: 30px;*/
/*    pointer-events: none;*/
/*    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%);*/
/*    z-index: -1;*/
/*    left: -12px;*/
/*    top: -7px;*/
/*}*/

.mobileApp{
    z-index:1;
    background-image:url(../images/mobileApp-bg.png);
    background-size: cover;
    background-repeat:no-repeat;
    background-position: bottom  65px left;
}

/*.mobileApp:after{*/
/*    content:"";*/
/*    width:100%;*/
/*    height: calc(100% - 23%);*/
/*    position:absolute;*/
/*    top:0;*/
/*    bottom:0;*/
/*    left:0;*/
/*    right:0;*/
/*    margin:auto;*/
/*    background-image:url('../images/610.webp');*/
/*    background-size: cover;*/
/*    background-position:center;*/
/*    background-attachment:fixed;*/
/*    z-index:-1;*/
    
/*}*/

/*.mobileApp:after{*/
/*    content:"";*/
/*    width:100%;*/
/*    height: calc(100% - 23%);*/
/*    position:absolute;*/
/*    top:0;*/
/*    bottom:0;*/
/*    left:0;*/
/*    right:0;*/
/*    margin:auto;*/
/*    background-color:red;*/
/*    z-index:0;*/
    
    
/*}*/






.circle-deco{
	position: absolute;
	border-radius: 50%;
	opacity: 0.4;
}

.circle-left{
	top: 20px;
	left: 20px;
	width: 100px;
	height: 100px;
	overflow: hidden;
}

/* .circle-right{
	top: 20px;
	right: 20px;
	width: 110px;
	height: 110px;
	overflow: hidden;
	background-color: #f78fb3;
} */
.promo-banner .in-view{
    position:relative;
}
@keyframes scaleCircle{
    50%   {
    transform: scale(1.1);
    opacity: 0
  }
  100%   {
    transform: scale(1.1);
    opacity: 0
  }
} 
.promo-banner .in-view.bounce-bottom:after{
    content:"";
    width: 257px;
    height: 529px;
    border-radius: 47px;
    background-color:red;
    position:absolute;
    z-index: -1;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    animation: scaleCircle 2s infinite;
}
.app-image{
	max-width: 100%;
	border-radius: 20px;
	box-shadow: 0 5px 20px rgba(0,0,0,0.1);
	margin-top: -120px;
	margin-bottom: -120px;
	height: 530px;
	transition: transform 1s ease, opacity 1s ease;
	opacity:1;
	transform: scale(0.8);
	/*animation: linearAnnimate 5s ease-in-out infinite;*/
}

@keyframes linearAnnimate{
    0%{
        transform: translateX(0%);
    }
    50%{
        transform: translateX(30%);
    }
    0%{
        transform: translateX(0%);
    }
    
}

@keyframes zoomInOut{
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.1);
    }
    100%{
        transform: scale(1);
    }
}

.app-image.zoom-in{
    opacity:1;
    transform: scale(1);
    border-radius: 47px;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

.store-badge {
    height: 70px;
    box-shadow: rgb(255 255 255 / 29%) 0px 25px 20px -20px;
}

.appContentBtn h2{
	font-family: "Forum", serif;
    font-weight: bolder;
    font-size: 40px;
}

.download_links {
    margin-top: 22px;
    display: flex;
    justify-content: start;
}
.download_links a{
    transition: 1s all;
}
.download_links a,.download_links a img{
    border-radius: 10px;
    box-shadow: 0 0 7px rgba(0,0,0,0.7);
}
.download_links a:first-child{
    margin-right:1.5rem;
}
.download_links a:hover{
    /*box-shadow: 0 0 6px #d28600;*/
    box-shadow:0px 0px 7px #861212;
}

.animated-phone{
	animation: floatUpDown 3s ease-in-out infinite, pulseShadow 3s ease-in-out infinite;
	transition: box-shadow 0.3s ease-in-out;
}

@keyframes floatUpDown{
	0% {transform: translateY(0px);}
	50% {transform: translateY(-15px);}
	100% {transform: translateY(0px);}
}

@keyframes pulseShadow{
	0%, 100% {
		box-shadow: 0 20px 40px rgba(255, 255, 255, 0.3);
	}
	50% {
		box-shadow: 0 30px 60px rgba(255, 255, 255, 0.6);
	}
}

.storyImage{
    height:400px;
}
.magic-img{
	transition: transform 0.2s ease, box-shadow 0.3s ease;
	will-change: transform;
	transform-style: preserve-3d;
	border-radius: 20px;
	width: 100%;
	height: 100%;
    object-fit: cover;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 17px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

.magic-img.hovered{
	transform: scale(0.96);
	box-shadow: 0 20px 40px rgba(255, 99, 132, 0.4);
}

.swiper-container .swiper-slide{
	height: auto;
}

.swiper-slide.cards{
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	transition: all 0.4s ease-in-out;
	cursor: pointer;
	/*border: 1px solid var(--light-text);*/
	border: 1px solid #ffffff;
	transition: transform 0.3s ease;
	z-index: 1;
	box-sizing: border-box;
}

.cards img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.cards .contents{
position: absolute;
top: auto;
left: 0;
right: 0;
bottom: 0;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
padding: 20px;
/*color: #eeeeee;*/
color:#ffffff;
opacity: 0;
transition: opacity 0.5s ease;
display: flex;
flex-direction: column;
justify-content: center;
/*align-self: flex-end;*/
height: 40%;
/*background-color: rgb(210 134 0 / 73%);*/
/*background-color:rgb(134 18 18 / 49%);*/
background-color:#201e1e7a;


}
.cards .contents h4{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.cards .contents p{
	/*color: var(--themewhite-color);*/
	color:#ffffff;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.cards:hover{
	transition: 600ms;
}

.cards:hover img{
	transform: scale(1.1);
}

.cards:hover .contents{
	opacity: 1;
}

.cards:hover .contents{
	opacity: 1;
}

.contents button{
	margin-top: 15px;
	padding: 10px 20px;
	background-color: transparent;
	border: 1px solid #ffffff;
	border-radius: 10px;
	cursor: pointer;
}

.custom-img{
	width: 180px;
  height: 180px;
	object-fit: cover;
	margin: 10px;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

.circle-img{
	border-radius: 50%;
}

.rounded-rect-img{
	border-radius: 20px;
}

/*.arch-img{*/
/*	clip-path: ellipse(80% 70% at 60% 40%);*/
/*}*/

.square-img{
	border-radius: 0;
}

.image-gallery{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap:20px;
}

.gallerySection {
    padding-top: 5rem;
}

.custom-shape{
	clip-path: ellipse(100% 90% at 50% 40%);
	transition: transform 0.3s ease;
	border-bottom-right-radius: 50%;
}

.top-shape{
	border-top-left-radius: 50%;
}

.half-circle{
	border-top-left-radius: 50%;
    border-top-right-radius: 50%;
}

.topleft-shape{
	border-top-left-radius: 50%;
}

.swiper-button-next, .swiper-button-prev{
	color: var(--light-text) !important;
	font-weight: 600;
}

.galleryContainer {
    display: flex;
    gap: 0;
    flex-wrap: wrap;
}

.gallery-item {
  position: relative;
  width: 20%;
  aspect-ratio: 1/1;
  overflow: hidden;
  padding: 0px !important;
}

.gallery-item img {
  width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    position: relative;
    z-index: 9;
    padding: 2px;
}

/* Animated border effect */
.border-effect {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  border: 2px solid transparent;
  pointer-events: none;
  z-index: 1;
}

.border-effect::before {
  content: "";
  position: absolute;
  top: -2px; left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  /* background: linear-gradient(90deg, transparent, gold, transparent); */
  animation: moveBorder 2s linear infinite;
  border: 3px solid #212529;
}

.border-effect:after {
    content: "";
    position: absolute;
    width: 91px;
    height: 2px;
    background: linear-gradient(to bottom, transparent, #ffffff, transparent);
	  animation: borderRun 2s linear infinite;
}

@keyframes borderRun {
  0%{
	left: -100px;
  }
  100%{
	left: 100%;
  }
}

.timingsDataBox tr th:last-child{
	text-align:left;
}

.timingsDataBox{
	color: #eeeeee;
	position: relative;
}

.timingSection {
    position: relative;
    padding: 80px 0px;
    background: #861212;
}
/*.timingSection .defaultWidth{*/
/*    width: 75%;*/
    
    
/*}*/
/*.timingSection.deliveryTime .timing-card p:nth-of-type(2){*/
/*    display: flex;*/
/*    justify-content: end;*/
/*}*/

.timingSection.deliveryTime .timing-card p:nth-of-type(2){
     display: flex;
    justify-content: center;
    min-width: 31% !important;
    
}

.timingSection.restaurantTime{
    display:none;
}
.timingSection .timings-wrapper{
    display:flex;
    flex-direction:column;
    /*justify-content: space-between;*/
    
}

.timings-wrapper .delivery-time{
    background-color:#d28600;
    width: 47%;
    padding: 1.5rem 1rem;
    border-radius: 20px;
    box-shadow: 0 0 15px #d28600;
}

.timings-wrapper .delivery-time > h3{
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 22px;
    color:#ffffff;
}
.timings-wrapper .delivery-time > h3 span{
    display: flex;
    width:40px;
    height: 40px;
    margin-right:0.7rem;
    
}

.timings-wrapper .delivery-time > h3 span img{
    width:100%;
    height: 100%;
}

.delivery-time .time-card{
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    border: 1px dotted #ffffff;
    border-radius: 8px;
    margin-top: 1rem;
    transition: 1s all;
}
.delivery-time .time-card:hover{
    background-color: #ffffff;
    box-shadow: 0 0 10px #ffffff;
}
.delivery-time .time-card:hover h3,.delivery-time .time-card:hover p{
    color:black;
}
.delivery-time .time-card h3, .delivery-time .time-card p{
    color: #ffffff;
    margin-bottom: 0;
}
.delivery-time .time-card h3{
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
}
.delivery-time .time-card p{
    font-size: 14px;
}
.timings-wrapper .time-detail{
    display: flex;
    justify-content: space-between;
}
.timings-wrapper .time-detail h3,.timings-wrapper .time-detail p{
    width:30%;
}
.timingSection::before{
	content: "";
	position: absolute;
	background-image: url(../images/bg-5.png), url(../images/bg-6.png);
	background-repeat: no-repeat;
	background-position: left top, right bottom;
	background-size: auto auto;
	/*background-color: var(--time-color);*/
	/*background-color:#861212;*/
	width: 100%;
    height: 100%;
    opacity:0.3;
}

.mapAddressBox{
	/*background: linear-gradient(to bottom, #f0f0f0 50%, transparent 50%), url(../images/linear-bg.jpg);*/
	background: linear-gradient(to bottom, #861212 50%, transparent 50%), url(../images/linear-bg.jpg);
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px 40px 80px;
	flex-direction: column;
}

.mapAddressBox .contact-card{
        display:flex;
        flex-direction: column;
        background-color: #fff;
        border-radius: 15px;
        color: #ff8000;
        padding: 30px 25px;
        width: 100%;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
        /*height: 100%;*/
        transition: all 0.7s ease;
    
}

.info-box.themeBtn {
    height: 78px;
    text-align: left;
    text-transform: none;
    font-weight: 500 !important;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}

.info-box.themeBtn:hover{
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    border:none;
    color:#ffffff;
    background-color: #d28600;
    /*background-color:#861212;*/
    
}

.contact-details .contact-card {
        display: flex;
    align-items: center;
    justify-content: space-between;
        background-color: #ff8000;
        /*background-color:#2f2f2f3b;*/
        border-radius: 20px;
        color: white;
        padding: 15px;
        width: 100%;
        /*border: 1px solid #ffffff ;*/
        height: 100%;
        transition: all 0.7s ease;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }
    
    .contact-card:hover{
        box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    }
    
    .contact-card .contact-icon{
        display:flex;
        width: 54px;
        height: 54px;
        min-width:54px;
    }
    
    .contact-card .contact-info{
        width:calc(100% - 67px);
    }
    
/*.contact-card:hover{*/
/*    border-radius:22px;*/
/*}*/

    .contact-card h3 {
      font-size: 20px;
      margin-bottom: 20px;
	  font-weight: 500;
    }

    .info-box {
        /*background-color:#861212;*/
      background-color:#d28600;
	padding: 12px 15px;
	border-radius: 12px;
	margin-bottom: 18px;
	display: flex;
	align-items: center;
	gap: 10px;
	transition: all 0.7s ease;
	border:2px solid transparent;
	}
	
    .info-box i {
      font-size: 24px;
	  color: #ffffff;
    }
    

    .info-text {
      display: flex;
      flex-direction: column;
      font-size: 18px;
      width: calc(100% - 30px);
    }
    
    
    .info-text span:first-child {
		font-weight: 600;
		color: #ffffff;
	}

    .info-text span:last-child {
      color: #ffffff;
      font-size: 16px;
    }

    .social-icons {
      margin-top: 20px;
      text-align: center;
    }

	.social-icons span {
		text-align: left;
		display: inline-flex;
		align-items: start;
		width: 100%;
		margin-bottom: 30px;
		margin-top: 10px;
		font-size: 20px;
		font-weight: 600;
	}

    .social-icons i {
      font-size: 22px;
      margin: 0 18px;
      color: #ffffff;
      transition: transform 0.2s;
    }

	.social-icons i:first-child{
		margin-left: 0px;
	}

    .social-icons i:hover {
      transform: scale(1.2);
      color: #ffc107;
    }

.mapAddressSection {
    background: transparent;
    border-radius: 20px;
    width: 93%;
    position: relative;
}

.map-container{
	border-radius: 15px;
	overflow: hidden;
}

.top-section{
	flex: 1 0 0;
	max-width: 100%;
}

.mapAddressBox .defaultWidth {
    max-width: 90%;
    margin-right: auto;
    margin-left: initial;
}

.bottom-section{
	width: 45%;
    position: absolute;
    top: 50%;
    /*right: -30%;*/
    right: -20%;
    border-radius:15px;
    transform: translate(0%, -50%) !important;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px;
}

.footer {
  background-color: #861212;
  color: white;
  padding: 40px 20px;
  position: relative;
}

.footer-container {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}

.footer-column {
  flex: 1 1 200px;
}

/*.logo {*/
  /*font-size: 24px;*/
  /*font-weight: bold;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: flex-start;*/
/*    width: 100px;*/
/*}*/

.footer-container .logo {
  /*font-size: 24px;*/
  /*font-weight: bold;*/
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100px;
}

.logo span {
  color: #fca311;
}

.store-buttons img {
  height: 40px;
  margin: 10px 10px 0 0;
}

.footer-column h3 {
  margin-bottom: 10px;
  font-size: 18px;
  /*color: #fca311;*/
  color:#ffffff;
}


.footer-container .footer-column:first-child {
    max-width: 35%;
    width: 35%;
    flex: 1 1 35%;
}

.footer-container .footer-column:nth-child(2) {
    max-width: 20%;
    width: 20%;
    flex: 1 1 20%;
}

.footer-container .footer-column:nth-child(3) {
    max-width: 15%;
    width: 15%;
    flex: 1 1 15%;
}

.footer-container .footer-column:last-child {
    max-width: 30%;
    width: 30%;
    flex: 1 1 30%;
}

.paymentIcon {
    width: 52px;
    height: 22px;
    object-fit: contain;
}

.paymentIconBox {
    position: relative;
    top: 20px;
}


.footer-column ul {
  list-style: none;
  padding: 0;
}
.footer-column ul li a {
  /*color: #ccc;*/
  color:#ffffff;
  text-decoration: none;
  display: block;
  margin-bottom: 6px;
}
.footer-column ul li a:hover {
  text-decoration: underline;
}

.map-column .map {
  width: 100%;
  height: 180px;
  margin: 10px 0;
}

.footer-bottom {
  border-top: 1px solid #7c7c7c;
  margin-top: 10px;
  padding-top: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  font-size: 14px;
}

.madeBox {
    position: relative;
    top: -8px;
	color:#777;
}


.footer-bottom a {
    color: #cfcfcf;
    text-decoration: none;
}
.social a {
  margin-right: 10px;
  color: #ccc;
  text-decoration: none;
}
.social a:hover {
  color: #fca311;
}

.newsletter input {
  padding: 8px;
  border: none;
  border-radius: 4px;
  margin-right: 5px;
}
.newsletter button {
  padding: 8px 12px;
  background-color: #fca311;
  border: none;
  color: white;
  border-radius: 4px;
  cursor: pointer;
}

.copy {
  width: 100%;
  text-align: center;
  margin-top: 20px;
  color: #777;
  font-size: 14px;
}

.footerlogo {
    height: 88px;
    margin-bottom: 30px;
}

.glow {
    width: 2px;
    height: 91px;
    background: linear-gradient(to bottom, transparent, #ffffff, transparent);
    position: absolute;
    right: -0.5px;
    animation: move-glow 2s linear infinite;
    /* background: #dd8945; */
    z-index: 99;
}

@keyframes move-glow {
  0% {
    top: -100px;
  }
  100% {
    top: 100%;
  }
}

.glowLeft {
    width: 2px;
    height: 91px;
    background: linear-gradient(to bottom, transparent, #ffffff, transparent);
    position: absolute;
    left: -0.5px;
    animation: move-left 2s linear infinite;
    /* background: #dd8945; */
    z-index: 99;
}

@keyframes move-left {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 100%;
  }
}

.right-animation-line {
    position: absolute;
    width: 91px;
    height: 2px;
    background: linear-gradient(to bottom, transparent, #ffffff, transparent);
	  animation: rightRun 2s linear infinite;
    bottom: 0;
    z-index: 99;
}

@keyframes rightRun {
  0%{
	right: -100px;
  }
  100%{
	right: 100%;
  }
}

.mapAddressBox {
    margin-top: 5rem !important;
	/*background: #171819;*/
	background-color: #861212;
}

.appContentBtn {
    position: relative;
}

#typed-text {
      font-size: 40px;
      line-height: 1.6;
      color: #eeeeee;
      font-weight: 800;
    position: absolute;
    top: -82px;
	font-family: "Cinzel", serif;
	text-shadow: 0 0 5px rgba(0,0,0,0.2), 0 0 10px rgba(0,0,0,0.2), 0 0 10px rgba(0,0,0,0.2);
}

.timingsDataBox{
	padding: 10px;
	border-radius: 5px;
}

.timingsDataBox thead tr th{
	background: #d28600;
    padding: 10px;
}

.timingsDataBox tbody tr:nth-child(odd) td {
    background-color: #ffe1ad;
    color: #333;
    font-weight: 600;
    padding: 10px !important;
}



.timingsDataBox tbody tr:nth-child(even) td{
  background-color: #ffffff; /* White for even rows */
  color: #333;
    font-weight: 600;
    padding: 10px !important;
}

.glow-wrapper {
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  transform: translateX(-50%);
  z-index: 0;
}

.vertical-line {
  width: .5px;
  height: 100%;
  /*background-color: var(--light-text); */
  background-color:#861212;
  opacity: 0.2; 
  position: absolute;
  z-index: 0;
}

.glow {
  width: 3px;
  height: 200px;
  background: linear-gradient(to bottom, transparent, var(--light-text), transparent);
  
  position: absolute;
  left: -0.5px; 
  animation: move-glow 15s linear infinite;
  z-index: -1;
}

@keyframes move-glow {
  0% {
    top: -100px;
  }
  100% {
    top: 100%;
  }
}

.vertical-line2 {
  width: .5px;
  height: 100%;
  background-color: var(--light-text); 
  opacity: 0.2; 
  position: absolute;
  z-index: 0;
}

.glow2 {
  width: 3px;
  height: 200px;
  background: linear-gradient(to bottom, transparent, var(--light-text), transparent);
  position: absolute;
  left: -0.5px; 
  animation: move-glow2 20s linear infinite;
  z-index: -1;
}

@keyframes move-glow2 {
  0% {
    top: -100px;
  }
  100% {
    top: 100%;
  }
}

.timings-wrapper {
  display: grid;
  gap: 15px;
  margin: 0 auto;
  position: relative;
}

.timingIcon{
	position: relative;
}

.timingIcon::before{
	content: none;
    background-image: url(../images/schedule.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    position: absolute;
    width: 30px;
    height: 30px;
    left: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%);
    top: 50%;
	z-index: 99;
}

.timingIcon::after {
    background-image: url(../images/pattern-9.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 13px;
    height: 100%;
    content: "";
    position: absolute;
    z-index: 0;
    background-position: left;
    left: 40px;
}

.timing-card {
	background: white;
	/*border-left: 6px solid var(--light-text);*/
	border-radius: 12px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.07);
	padding: 10px 18px;
	transition: transform 0.3s ease;
	display: flex;
	/*justify-content: start;*/
	justify-content: space-between;
	align-items: center;
	column-gap: 20px;
	padding-left: 70px;
	position: relative;
    overflow: hidden;
}

/* .timing-card:hover {
  transform: translateY(-5px);
} */

.timing-card h3 {
  margin: 0 0 10px;
  font-size: 20px;
  color: var(--text-color);
  margin-bottom: 0px;
  /*min-width: 30%;*/
  min-width: 25%;
  font-weight: 600;
  position:relative;
}
@keyframes blinkyellow{
    0%{
        box-shadow:0 0 0 0 #d286006b;
    }
    70%{
        box-shadow:0 0 0 10px #d286006b;
    }
    100%{
        box-shadow:0 0  18px #d286006b;
    }
}
.timing-card h3:before{
    content: "";
    width: 10px;
    height: 10px;
    background-color: white;
    position:absolute;
    border-radius: 50px;
    left: -34px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index:2;
}
.timing-card h3:after{
    content: "";
    width: 20px;
    height: 20px;
    position:absolute;
    border-radius: 50px;
    left: -39px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index:1;
    /*background-color: #d28600;*/
    background-color:#861212;
    
}
.timing-card.box h3:before{
    /*background-color:#d28600;*/
    left: -31px;
}
.timing-card.box h3:after{
    /*background-color:white;*/
    /*background-color:#d28600;*/
    background-color:#861212;
    animation: blinkyellow 2s infinite;
    left:-36px;
}

.timing-card.activeDay h3{
	color: #ffffff;
}

.timing-card p {
  	margin: 6px 0;
    font-size: 20px;
   	color: var(--text-color);
    /*min-width: 31%;*/
    min-width: 36%;
	font-weight: 600;
	text-align:center;
	/*border: 1px solid #d28600;*/
	border-radius:10px;
	padding:0.5rem;
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
	background-color: #e9edf2;
	
	
}

.timing-card.activeDay p{
	color: #ffffff;
}

/* 🔥 Active day animation */
.timing-card.activeDay {
  border-left-color: var(--themered-color);
  animation: pulse 1s infinite alternate;
}

@keyframes pulse {
  from { box-shadow: 0 0 10px rgba(40, 167, 69, 0.3); }
  to { box-shadow: 0 0 18px rgba(40, 167, 69, 0.6); }
}

.activeDay {
      background: linear-gradient(90deg, rgb(252, 135, 1), rgb(250, 184, 1));
      background-size: 200% 200%;
      animation: bgMove 3s linear infinite;
    }

    @keyframes bgMove {
      0% {
        background-color: rgb(252, 135, 1);
      }
      100% {
        background-position: rgb(250, 184, 1);
      }
    }

   /* .moving-line {*/
   /*   position: absolute;*/
   /*   bottom: 0px;*/
   /*   left: 0;*/
   /*   width: 200px;*/
   /*   height: 4px;*/
   /*   background: var(--themered-color);*/
   /*   border-radius: 2px;*/
   /*   animation: moveLine 5s linear infinite;*/
   /*   box-shadow: 0 0 10px #fff, 0 0 20px orange;*/
	  /*border-radius: 7px;*/
   /* }*/

    @keyframes moveLine {
      0% {
        left: -100px;
      }
      100% {
        left: 100%;
      }
    }

.roundedTextBox p{
	position: relative;
    z-index: 99;
    background: #ccc;
    color: #ffffff;
}

.animateCard{
  position: relative;
}

@property --angle{
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}


@keyframes spin{
  from{
    --angle: 0deg;
  }
  to{
    --angle: 360deg;
  }
}

.rotate-img{
	width: 400px;
	height: auto;
	animation: rotateimg 20s linear infinite;
}

.noBgBox {
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.noBgBox p{
	background: transparent;
}

.impMargin{
	margin-bottom: 8rem;
	z-index: -1;
}

/* .impMargin::before{
	content: "";
    background-image: url(../images/flower-path-two.png);
    background-position: 19% 100%;
    background-size: contain;
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
} */

@keyframes rotateimg {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

.dflexGap #header-icon {
    font-size: 20px;
    color: #eee;
    position: absolute;
    top: 9px;
    right: -4px;
    z-index: -1;
}
.dflexGap #header-icon.fa-user{
    top:-3px;
}

.swiper-wrapper{
  position: relative;
}

/*.swiper-wrapper::before{*/
/*  position: absolute;*/
/*  content: "";*/
/*  top: 0;*/
/*  left: 0;*/
/*  right: 0;*/
/*  bottom: 0;*/
/*  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 90%));*/
/*  z-index: 1;*/
/*}*/

.banner-text {
    position: absolute;
    font-family: "Cinzel", serif;
    bottom: 126px;
    z-index: 2;
    left: 0;
    right: 0;
    text-align: center;
    color: #ffffff;
    font-size: 60px;
    font-weight: 800;
    text-shadow:7px 9px 20px #000000;
}



#langMenu2 span i {
    color: #171819;
    font-size: 14px;
}

.timingsHeader .timing-card-columns {
    background: transparent;
    border-left: none;
    transition: transform 0.3s ease;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 20px;
    position: relative;
    overflow: hidden;
}

.timingsHeader .timing-card-columns h3, .timingsHeader .timing-card-columns p {
    color: #eeeeee !important;
    font-size: 20px !important;
}

.timingsHeader .timing-card-columns p {
    color: #eeeeee !important;
    font-size: 20px !important;
    width: 32%;
    font-family: "Cinzel", serif;
    font-size: 26px !important;
    text-align: center;
    /*margin-left:-20px;*/
}

.timingsHeader .timing-card-columns p strong {
    font-weight: 600;
    text-transform: uppercase;
}

.timingsHeader .timing-card-columns h3{
	font-weight: 600;
	text-transform: uppercase;
  width: 30%;
  font-family: "Cinzel", serif;
    font-size: 26px !important;
}

.timingIcon:last-child::after {
    display: none;
}

.loginBox, .registerBox, .lanBox {
    font-size: 15px !important;
    padding: 5px 8px !important;
    border-bottom: 1px solid #eee;
}

.timeIconBox img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.formBoxContainer option {
    color: #333;
}

.formBoxContainer option:hover{
    background-color: #d28600;
}

.delivery-btn, .takeaway-btn, .tablebooking-btn{
	transition: all 0.3s ease-in-out;
	transform: translateY(0);
	box-shadow: none;
	
}

.delivery-btn:hover, .takeaway-btn:hover, .tablebooking-btn:hover{
	background: transparent;
	color: var(--light-text);
	box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4);
	border: 1px solid var(--hover-color);
}

/*.delivery-btn:hover, .takeaway-btn:hover {*/
/*    background: transparent;*/
/*    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4);*/
/*}*/

/*.delivery-btn:hover{*/
/*     color: #861212;*/
/*    border: 1px solid #861212;*/
/*}*/
/*.takeaway-btn:hover{*/
/*    color: #000000;*/
/*    border: 1px solid #000000;*/
/*}*/

/* banner text animation css  */
/* .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
  overflow: hidden;
  font-family: "Cinzel", serif;
  font-size: 65px;
  line-height: 70px;
  color: #ecf0f1;
}
.content__container {
  font-weight: 600;
  overflow: hidden;
  height: 40px;
  padding: 0 40px;
}

.content__container__text {
  display: inline;
  margin: 0;
  color: #ffffff;
  font-size: 65px;
  line-height: 65px;
}
.content__container__list {
  margin-top: 0;
  padding-left: 110px;
  text-align: left;
  list-style: none;
  -webkit-animation-name: change;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  animation-name: change;
  animation-duration: 10s;
  animation-iteration-count: infinite;
}
.content__container__list__item {
  margin: 0;
}

@-webkit-keyframes opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes change {
  0%, 12.66%, 100% {
    transform: translate3d(0, 0, 0);
  }
  16.66%, 29.32% {
    transform: translate3d(0, -25%, 0);
  }
  33.32%, 45.98% {
    transform: translate3d(0, -50%, 0);
  }
  49.98%, 62.64% {
    transform: translate3d(0, -75%, 0);
  }
  66.64%, 79.3% {
    transform: translate3d(0, -50%, 0);
  }
  83.3%, 95.96% {
    transform: translate3d(0, -25%, 0);
  }
}
@keyframes opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes change {
  0%, 12.66%, 100% {
    transform: translate3d(0, 0, 0);
  }
  16.66%, 29.32% {
    transform: translate3d(0, -25%, 0);
  }
  33.32%, 45.98% {
    transform: translate3d(0, -50%, 0);
  }
  49.98%, 62.64% {
    transform: translate3d(0, -75%, 0);
  }
  66.64%, 79.3% {
    transform: translate3d(0, -50%, 0);
  }
  83.3%, 95.96% {
    transform: translate3d(0, -25%, 0);
  }
} */


#shimmerWave {
  color: var(--light-text);
  font-size: 22px;
  font-family: "Cinzel", serif;
  font-weight: 600;
  perspective: 80px;
  /*transform-style: preserve-3d;*/
  word-spacing: 3px;
}
#shimmerWave span {
  position: relative;
  transition: all 0.3s ease;
  display: inline-block;
  -webkit-animation: wave 2.4s ease infinite;
          animation: wave 2.4s ease infinite;
  letter-spacing: 0.01em;
  /*transform-origin: 100% 50%;*/
  transform-style: preserve-3d;
  transform: none !important;
}
#shimmerWave span:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
#shimmerWave span:nth-child(2) {
  -webkit-animation-delay: 0.05s;
          animation-delay: 0.05s;
}
#shimmerWave span:nth-child(3) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
#shimmerWave span:nth-child(4) {
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
}
#shimmerWave span:nth-child(5) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
#shimmerWave span:nth-child(6) {
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}
#shimmerWave span:nth-child(7) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
#shimmerWave span:nth-child(8) {
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
}
#shimmerWave span:nth-child(9) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
#shimmerWave span:nth-child(10) {
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
}
#shimmerWave span:nth-child(11) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
#shimmerWave span:nth-child(12) {
  -webkit-animation-delay: 0.55s;
          animation-delay: 0.55s;
}
#shimmerWave span:nth-child(13) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
#shimmerWave span:nth-child(14) {
  -webkit-animation-delay: 0.65s;
          animation-delay: 0.65s;
}
#shimmerWave span:nth-child(15) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
#shimmerWave span:nth-child(16) {
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
}
#shimmerWave span:nth-child(17) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
#shimmerWave span:nth-child(18) {
  -webkit-animation-delay: 0.85s;
          animation-delay: 0.85s;
}
#shimmerWave span:nth-child(19) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
#shimmerWave span:nth-child(20) {
  -webkit-animation-delay: 0.95s;
          animation-delay: 0.95s;
}
#shimmerWave span:nth-child(21) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
#shimmerWave span:nth-child(22) {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
#shimmerWave span:nth-child(23) {
  -webkit-animation-delay: 1.15s;
          animation-delay: 1.15s;
}
#shimmerWave span:nth-child(24) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
#shimmerWave span:nth-child(21) {
  -webkit-animation-delay: 1.25s;
          animation-delay: 1.25s;
}
#shimmerWave span:nth-child(25) {
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}
#shimmerWave span:nth-child(26) {
  -webkit-animation-delay: 1.35s;
          animation-delay: 1.35s;
}
#shimmerWave span:nth-child(27) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
#shimmerWave span:nth-child(28) {
  -webkit-animation-delay: 1.45s;
          animation-delay: 1.45s;
}
#shimmerWave span:nth-child(29) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
#shimmerWave span:nth-child(30) {
  -webkit-animation-delay: 1.55s;
          animation-delay: 1.55s;
}
#shimmerWave span:nth-child(31) {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
#shimmerWave span:nth-child(32) {
  -webkit-animation-delay: 1.65s;
          animation-delay: 1.65s;
}
#shimmerWave span:nth-child(33) {
  -webkit-animation-delay: 1.7s;
          animation-delay: 1.7s;
}
#shimmerWave span:nth-child(34) {
  -webkit-animation-delay: 1.75s;
          animation-delay: 1.75s;
}
#shimmerWave span:nth-child(35) {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}
#shimmerWave span:nth-child(36) {
  -webkit-animation-delay: 1.85s;
          animation-delay: 1.85s;
}
#shimmerWave span:nth-child(37) {
  -webkit-animation-delay: 1.9s;
          animation-delay: 1.9s;
}
#shimmerWave span:nth-child(38) {
  -webkit-animation-delay: 1.95s;
          animation-delay: 1.95s;
}
#shimmerWave span:nth-child(39) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
#shimmerWave span:nth-child(40) {
  -webkit-animation-delay: 2.1s;
          animation-delay: 2.1s;
}

#shimmerWave span:nth-child(41) {
  -webkit-animation-delay: 2.15s;
          animation-delay: 2.15s;
}
#shimmerWave span:nth-child(42) {
  -webkit-animation-delay: 2.2s;
          animation-delay: 2.2s;
}
#shimmerWave span:nth-child(43) {
  -webkit-animation-delay: 2.25s;
          animation-delay: 2.25s;
}
#shimmerWave span:nth-child(44) {
  -webkit-animation-delay: 2.3s;
          animation-delay: 2.3s;
}
#shimmerWave span:nth-child(45) {
  -webkit-animation-delay: 2.35s;
          animation-delay: 2.35s;
}
#shimmerWave span:nth-child(46) {
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}
#shimmerWave span:nth-child(47) {
  -webkit-animation-delay: 2.45s;
          animation-delay: 2.45s;
}
#shimmerWave span:nth-child(48) {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
#shimmerWave span:nth-child(49) {
  -webkit-animation-delay: 2.55s;
          animation-delay: 2.55s;
}
#shimmerWave span:nth-child(50) {
  -webkit-animation-delay: 2.6s;
          animation-delay: 2.6s;
}
#shimmerWave span:nth-child(51) {
  -webkit-animation-delay: 2.65s;
          animation-delay: 2.65s;
}
#shimmerWave span:nth-child(52) {
  -webkit-animation-delay: 2.7s;
          animation-delay: 2.7s;
}
#shimmerWave span:nth-child(53) {
  -webkit-animation-delay: 2.75s;
          animation-delay: 2.75s;
}
#shimmerWave span:nth-child(54) {
  -webkit-animation-delay: 2.8s;
          animation-delay: 2.8s;
}
#shimmerWave span:nth-child(55) {
  -webkit-animation-delay: 2.85s;
          animation-delay: 2.85s;
}
#shimmerWave span:nth-child(56) {
  -webkit-animation-delay: 2.9s;
          animation-delay: 2.9s;
}
#shimmerWave span:nth-child(57) {
  -webkit-animation-delay: 2.95s;
          animation-delay: 2.95s;
}
#shimmerWave span:nth-child(58) {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
#shimmerWave span:nth-child(59) {
  -webkit-animation-delay: 3.1s;
          animation-delay: 3.1s;
}
#shimmerWave span:nth-child(60) {
  -webkit-animation-delay: 3.15s;
          animation-delay: 3.15s;
}
#shimmerWave span:nth-child(61) {
  -webkit-animation-delay: 3.2s;
          animation-delay: 3.2s;
}
#shimmerWave span:nth-child(62) {
  -webkit-animation-delay: 3.25s;
          animation-delay: 3.25s;
}
#shimmerWave span:nth-child(63) {
  -webkit-animation-delay: 3.3s;
          animation-delay: 3.3s;
}
#shimmerWave span:nth-child(64) {
  -webkit-animation-delay: 3.35s;
          animation-delay: 3.35s;
}
#shimmerWave span:nth-child(65) {
  -webkit-animation-delay: 3.4s;
          animation-delay: 3.4s;
}
#shimmerWave span:nth-child(66) {
  -webkit-animation-delay: 3.45s;
          animation-delay: 3.45s;
}
#shimmerWave span:nth-child(67) {
  -webkit-animation-delay: 3.5s;
          animation-delay: 3.5s;
}
#shimmerWave span:nth-child(68) {
  -webkit-animation-delay: 3.55s;
          animation-delay: 3.55s;
}
#shimmerWave span:nth-child(69) {
  -webkit-animation-delay: 3.6s;
          animation-delay: 3.6s;
}
#shimmerWave span:nth-child(70) {
  -webkit-animation-delay: 3.65s;
          animation-delay: 3.56s;
}
#shimmerWave span:nth-child(71) {
  -webkit-animation-delay: 3.7s;
          animation-delay: 3.7s;
}
#shimmerWave span:nth-child(72) {
  -webkit-animation-delay: 3.75s;
          animation-delay: 3.75s;
}
#shimmerWave span:nth-child(73) {
  -webkit-animation-delay: 3.8s;
          animation-delay: 3.8s;
}
#shimmerWave span:nth-child(74) {
  -webkit-animation-delay: 3.85s;
          animation-delay: 3.85s;
}
#shimmerWave span:nth-child(75) {
  -webkit-animation-delay: 3.9s;
          animation-delay: 3.9s;
}
#shimmerWave span:nth-child(76) {
  -webkit-animation-delay: 3.95s;
          animation-delay: 3.95s;
}
#shimmerWave span:nth-child(77) {
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}
#shimmerWave span:nth-child(78) {
  -webkit-animation-delay: 4.1s;
          animation-delay: 4.1s;
}
#shimmerWave span:nth-child(79) {
  -webkit-animation-delay: 4.2s;
          animation-delay: 4.3s;
}
#shimmerWave span:nth-child(80) {
  -webkit-animation-delay: 4.3s;
          animation-delay: 4.3s;
}
#shimmerWave span:nth-child(81) {
  -webkit-animation-delay: 4.4s;
          animation-delay: 4.4s;
}
#shimmerWave span:nth-child(82) {
  -webkit-animation-delay: 4.5s;
          animation-delay: 4.5s;
}
#shimmerWave span:nth-child(83) {
  -webkit-animation-delay: 4.6s;
          animation-delay: 4.6s;
}
#shimmerWave span:nth-child(84) {
  -webkit-animation-delay: 4.7s;
          animation-delay: 4.7s;
}
#shimmerWave span:nth-child(85) {
  -webkit-animation-delay: 4.8s;
          animation-delay: 4.8s;
}
#shimmerWave span:nth-child(86) {
  -webkit-animation-delay: 4.9s;
          animation-delay: 4.9s;
}
#shimmerWave span:nth-child(87) {
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
}
#shimmerWave span:nth-child(88) {
  -webkit-animation-delay: 5.1s;
          animation-delay: 5.1s;
}
#shimmerWave span:nth-child(89) {
  -webkit-animation-delay: 5.2s;
          animation-delay: 5.2s;
}
#shimmerWave span:nth-child(90) {
  -webkit-animation-delay: 5.3s;
          animation-delay: 5.3s;
}
#shimmerWave span:nth-child(91) {
  -webkit-animation-delay: 5.4s;
          animation-delay: 5.4s;
}
#shimmerWave span:nth-child(92) {
  -webkit-animation-delay: 5.5s;
          animation-delay: 5.5s;
}
#shimmerWave span:nth-child(93) {
  -webkit-animation-delay: 5.6s;
          animation-delay: 5.6s;
}
#shimmerWave span:nth-child(94) {
  -webkit-animation-delay: 5.7s;
          animation-delay: 5.7s;
}
#shimmerWave span:nth-child(95) {
  -webkit-animation-delay: 5.8s;
          animation-delay: 5.8s;
}
#shimmerWave span:nth-child(96) {
  -webkit-animation-delay: 5.9s;
          animation-delay: 5.9s;
}
#shimmerWave span:nth-child(97) {
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
}
#shimmerWave span:nth-child(98) {
  -webkit-animation-delay: 6.1s;
          animation-delay: 6.1s;
}
#shimmerWave span:nth-child(99) {
  -webkit-animation-delay: 6.2s;
          animation-delay: 6.2s;
}
#shimmerWave span:nth-child(100) {
  -webkit-animation-delay: 6.3s;
          animation-delay: 6.3s;
}
#shimmerWave span:nth-child(101) {
  -webkit-animation-delay: 6.4s;
          animation-delay: 6.4s;
}
#shimmerWave span:nth-child(102) {
  -webkit-animation-delay: 6.5s;
          animation-delay: 6.5s;
}
#shimmerWave span:nth-child(103) {
  -webkit-animation-delay: 6.6s;
          animation-delay: 6.6s;
}
#shimmerWave span:nth-child(104) {
  -webkit-animation-delay: 6.7s;
          animation-delay: 6.7s;
}
#shimmerWave span:nth-child(105) {
  -webkit-animation-delay: 6.8s;
          animation-delay: 6.8s;
}
#shimmerWave span:nth-child(106) {
  -webkit-animation-delay: 6.9s;
          animation-delay: 6.9s;
}
#shimmerWave span:nth-child(107) {
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
}
#shimmerWave span:nth-child(108) {
  -webkit-animation-delay: 7.1s;
          animation-delay: 7.1s;
}
#shimmerWave span:nth-child(109) {
  -webkit-animation-delay: 7.2s;
          animation-delay: 7.2s;
}
#shimmerWave span:nth-child(110) {
  -webkit-animation-delay: 7.3s;
          animation-delay: 7.3s;
}
#shimmerWave span:nth-child(111) {
  -webkit-animation-delay: 7.4s;
          animation-delay: 7.4s;
}
#shimmerWave span:nth-child(112) {
  -webkit-animation-delay: 7.5s;
          animation-delay: 7.5s;
}
#shimmerWave span:nth-child(113) {
  -webkit-animation-delay: 7.6s;
          animation-delay: 7.6s;
}
#shimmerWave span:nth-child(114) {
  -webkit-animation-delay: 7.7s;
          animation-delay: 7.7s;
}
#shimmerWave span:nth-child(115) {
  -webkit-animation-delay: 7.8s;
          animation-delay: 7.8s;
}
#shimmerWave span:nth-child(116) {
  -webkit-animation-delay: 7.9s;
          animation-delay: 7.9s;
}
#shimmerWave span:nth-child(117) {
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
}
#shimmerWave span:nth-child(118) {
  -webkit-animation-delay: 8.1s;
          animation-delay: 8.1s;
}
#shimmerWave span:nth-child(119) {
  -webkit-animation-delay: 8.2s;
          animation-delay: 8.2s;
}
#shimmerWave span:nth-child(120) {
  -webkit-animation-delay: 8.3s;
          animation-delay: 8.3s;
}
#shimmerWave span:nth-child(121) {
  -webkit-animation-delay: 8.4s;
          animation-delay: 8.4s;
}
#shimmerWave span:nth-child(122) {
  -webkit-animation-delay: 8.5s;
          animation-delay: 8.5s;
}
#shimmerWave span:nth-child(123) {
  -webkit-animation-delay: 8.6s;
          animation-delay: 8.6s;
}
#shimmerWave span:nth-child(124) {
  -webkit-animation-delay: 8.7s;
          animation-delay: 8.7s;
}
#shimmerWave span:nth-child(125) {
  -webkit-animation-delay: 8.8s;
          animation-delay: 8.8s;
}
#shimmerWave span:nth-child(126) {
  -webkit-animation-delay: 8.9s;
          animation-delay: 8.9s;
}
#shimmerWave span:nth-child(127) {
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
}
#shimmerWave span:nth-child(128) {
  -webkit-animation-delay: 9.1s;
          animation-delay: 9.1s;
}
#shimmerWave span:nth-child(129) {
  -webkit-animation-delay: 9.2s;
          animation-delay: 9.2s;
}
#shimmerWave span:nth-child(130) {
  -webkit-animation-delay: 9.3s;
          animation-delay: 9.3s;
}
#shimmerWave span:nth-child(131) {
  -webkit-animation-delay: 9.4s;
          animation-delay: 9.4s;
}
#shimmerWave span:nth-child(132) {
  -webkit-animation-delay: 9.5s;
          animation-delay: 9.5s;
}
#shimmerWave span:nth-child(133) {
  -webkit-animation-delay: 9.6s;
          animation-delay: 9.6s;
}
#shimmerWave span:nth-child(134) {
  -webkit-animation-delay: 9.7s;
          animation-delay: 9.7s;
}
#shimmerWave span:nth-child(135) {
  -webkit-animation-delay: 9.8s;
          animation-delay: 9.8s;
}
#shimmerWave span:nth-child(136) {
  -webkit-animation-delay: 9.9s;
          animation-delay: 9.9s;
}
#shimmerWave span:nth-child(137) {
  -webkit-animation-delay: 10s;
          animation-delay: 10s;
}
#shimmerWave span:nth-child(138) {
  -webkit-animation-delay: 10.1s;
          animation-delay: 10.1s;
}
#shimmerWave span:nth-child(139) {
  -webkit-animation-delay: 10.2s;
          animation-delay: 10.2s;
}
#shimmerWave span:nth-child(140) {
  -webkit-animation-delay: 10.3s;
          animation-delay: 10.3s;
}


@keyframes wave {
  0% {
    transform: translate3D(0, 0, 0) rotateY(0);
    color: #46afc8;
    text-shadow: 0 0 0 rgba(70, 175, 200, 0);
  }
  12% {
    transform: translate3D(2px, -1px, 2px) rotateY(6deg);
    color: white;
  }
  15% {
    text-shadow: 0 0 1px #bce2eb;
  }
  24% {
    transform: translate3D(0, 0, 0) rotateY(0);
    color: #6dc0d4;
    opacity: 1;
  }
  36% {
    transform: translate3D(0, 0, 0);
  }
  100% {
    transform: none;
    opacity: 0.8;
  }
}

/*.bannerTextGlow{*/
/*	animation: glowText 2s ease-in-out infinite alternate;*/
/*}*/

/*@keyframes glowText {*/
/*	from {*/
/*		text-shadow:  0 0 5px #ffffff, 0 0 10px #ffd700, 0 0 15px #ffa500;*/
/*	}*/
/*	to {*/
/*		text-shadow: 0 0 10px #fff, 0 0 20px #ff8c00, 0 0 30px #ff4500;*/
/*	}*/
/*}*/

.product-imgbox {
    height: 500px;
}

/*start css for search dropdown*/

.dropdown-container{
    width:300px;
    position:relative;
}

#searchInput{
    width:100%;
    padding:8px;
    box-sizing: border-box;
}

.dropdown-list{
    list-style:none;
    margin:0;
    padding:0;
    max-height:250px;
    overflow-y:auto;
    border:1px solid #ccc;
    border-top:none;
    display:none;
    position:absolute;
    width:100%;
    background:#fff;
    z-index:1;
}

.dropdown-list li{
    padding:8px;
    cursor:pointer;
}

.dropdown-list li:hover{
    background-color:#f0f0f0;
}

.search-container {
    position: relative;
}

.dropdown-list {
    border: 1px solid #ccc;
    max-height: 250px;
    overflow-y: auto;
    position: absolute;
    top:85px;
    width: 100%;
    background: white;
    z-index: 1000;
    margin-top: 2px;
    border-radius: 12px;
    overflow-y:scroll;
    z-index:1;
}

.dropdown-item {
    padding: 8px 12px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
}

.dropdown-item:hover {
    background-color: #d28600;
    color: #ffffff;
}

.cartBox {
    position: relative;
    top: 3px;
}

.cartBox a{
    text-decoration:none;
    color:#ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    position: relative;
    width: 18px;
    height: 18px;
    background-color: red;
    border-radius: 50px;
    text-align: center;
    font-size: 10px;
    right: 0;
    top: -13px;
}

.flag {
    padding-right: 3px;
}

.userBox a {
    color: #333;
    text-decoration: none;
}

.scrolling-words-container {
  display: flex;
  align-items: center;
  font-size: 3rem;
  font-weight: 600;
}

.scrolling-words-box {
  height: 3.5rem;
  margin: auto;
  overflow: hidden;
}
.scrolling-words-box ul {
  margin: 0 0.8rem;
  padding: 0;
  animation: scrollUp 4s infinite;
}
.scrolling-words-box ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.5rem;
  list-style: none;
  margin:24px 0px;
}

@keyframes scrollUp {
  15%, 25% {
    transform: translateY(-25%);
  }
  40%, 50% {
    transform: translateY(-50%);
  }
  65%, 75% {
    transform: translateY(-70%);
  }
  90%, 100% {
    transform: translateY(-90%);
  }
}

/*.vertical-slider {*/
/*  overflow: hidden;*/
/*  position: relative;*/
/*  font-size: 60px;*/
/*  font-weight: bold;*/
/*  color: white;*/
/*  text-shadow: 2px 2px 4px black;*/
/*}*/

/*.slider-content {*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  animation: slideUp 4s infinite;*/
/*}*/

/*.slider-content li {*/
/*  height: 60px;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*}*/

/*@keyframes slideUp {*/
/*  0%   { transform: translateY(0); }*/
/*  25%  { transform: translateY(-60px); }*/
/*  50%  { transform: translateY(-120px); }*/
/*  75%  { transform: translateY(-180px); }*/
/*  100% { transform: translateY(0); }*/
/*}*/

.chefChoices .carousel-wrapper{
    overflow:hidden;
}
.chefChoices .owl-carousel .owl-item{
    margin-bottom: 3.5rem;
}
.owl-carousel .item img{
    width:100%;
    height:250px;
    object-fit:cover;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}

.owl-dots{
    margin-top:30px;
}
/*@property --gradient-angle {*/
/*  syntax: "<angle>";*/
/*  initial-value: 90deg;*/
/*  inherits: false;*/
/*}*/

.timing-card.box {
    /*background: #d28600;*/
    color: #ffffff;
    overflow: visible;
    backdrop-filter: blur(16px);
    position:relative;
    border:0;
}
.timing-card.box p{
    /*border: 2px solid #ffffff;*/
    /*background: #861212;*/
    background:#d28600;;
    color: #ffffff;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}


.timing-card.box:before, .timing-card.box:after {
    content: none;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    width: auto;
    z-index: -1;
    border-radius: inherit;
    background: inherit;
 }
.timing-card.box:before {
background: linear-gradient(90deg, #0ebeff, #ffdd40, #ae63e4, #47cf73, #0ebeff, #ffdd40, #ae63e4, #47cf73);
background-size: 200% 200%;
}
.timing-card.box:after {
margin: 3px;
}
.timing-card.box:before,.timing-card.box:after{
    animation: rainbow-border 1.5s linear infinite
}

  @keyframes rainbow-border {
  0% { background-position: 0% 50% }
  100% { background-position: 200% 50% }
}

/*.timing-card.box::after,*/
/*.timing-card.box::before {*/
/*  content: " ";*/
/*  position: absolute;*/
/*  z-index: -1;*/
/*  inset: -0.5rem;*/
/*  background: conic-gradient(*/
/*    from var(--hover-color),var(--themewhite-color)*/
/*  );*/
/*  border-radius: inherit;*/
/*  animation: rotateGradient 2.5s linear infinite;*/
/*}*/

/*.timing-card.box::after {*/
/*  filter: blur(1rem);*/
/*}*/

/*@keyframes rotateGradient {*/
/* from {*/
/*    --gradient-angle: 0deg;*/
/*  }*/
/*  to {*/
/*    --gradient-angle: 360deg;*/
/*  }*/
/*}*/


/*.timing-card.box h3, .timing-card.box p{*/
/*    color:#ffffff;*/
/*}*/
/*.timing-card.box h3{*/
/*    color:#ffffff;*/
/*}*/
.timing-card.box h3{
    color: #000000;
}
.timing-card.box p{
    color:#ffffff;
}

.calendarBox img {
    backdrop-filter: invert(1);
    margin-right: 39px !important;
    transform: translateX(10px);
}

.calendarBox input{
    width:100%;
    /*padding-left:45px;*/
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: #ef9902 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-color: #d28600 !important;
}

.numInputWrapper input, .flatpickr-current-month option, .flatpickr-monthDropdown-months {
    font-weight: 600 !important;
}

.flatpickr-day{
    font-weight:600;
}

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: rgb(0 0 0 / 0%);
}

.gallery-item{
    position:relative;
    overflow:hidden;
    /*box-shadow:0 4px 15px rgba(0, 0, 0, 0.2);*/
    transition: transform 2s ease;
    border-radius: 5px;
}

.gallery-item img{
    width:100%;
    height:100%;
    display:block;
    transition:transform 4s ease;
    overflow:hidden;
}

.gallery-item:hover img{
    transform: scale(1.25);
}

.gallery-item::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: rgba(0, 0, 0, 0.4);
    opacity:0;
    transition: opacity 1s ease;
    z-index:999;
}

.gallery-item:hover::before{
    opacity: 1;
}

.slider-content ul li {
    list-style: none;
}

.slider-content span {
    text-shadow: 7px 9px 20px #000000;
}

.footer-container .logo img {
    /*width: 260px;*/
    /*height: 65px;*/
    /*object-fit: contain;*/
    width:100%;
    height: 100%;
    object-fit:cover;
}

.slider-section .carousel-caption {
    background: #000000ad;
    padding: 1.2rem 2rem ;
    max-width: 20rem;
    left: 20%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    bottom: initial !important;
    right: initial !important;
}
.slider-section .carousel-caption p{
    font-size: 0.938rem;
    font-weight: 400;
    text-align: left;
}
.slider-section .caption-text{
    line-height: 1.9;
}
.slider-section .carousel-inner, .slider-section .carousel-item {
    height: 55vh;
}
.slider-section .carousel-inner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slider-section .carousel-indicators{
    display: none;
}

.carousel-item img{
    transition: transform 15s ease-in-out;
}

.carousel-item.active img{
    animation: zoomIn 15s forwards;
}

@keyframes zoomIn{
    0% {
        transform: scale(1);
    }
    100%{
        transform: scale(1.4);
    }
}

/*.contact-card.themeBtn{*/
/*    height:190px;      */
/*}*/


/*About us page css start */
.about-contact .contact-icon{
    width:auto !important;
    height: auto !important;
    min-width: auto !important;
}
.contact-icon img {
    width: 100%;
    height: 100%;
    /*margin-bottom: 10px;*/
    /*min-height: 67px;*/
    /*object-fit: contain;*/
    filter: brightness(0) invert(1);
}

.contact-card h4 {
    color: #ffffff;
    font-weight: 600;
    text-align:left;
    font-size: 18px;
}

.contact-card a {
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    text-transform: none;
    text-align: left;
    display: flex;
}

.review-slider {
    max-width: 90%;
    margin: 40px auto;
    /*padding: 40px;*/
    border-radius: 15px;
    /*backdrop-filter: blur(7px);*/
}

.review-item{
    /*text-align:center;*/
    background: #ffffff;
    padding:30px 20px;
    border-radius:20px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    /*background: #0000009e;*/
    margin: 1rem;
}

.review-item img{
    width: 100px !important;
    height: 100px;
    border-radius: 100%;
    object-fit: cover;
    margin-bottom: 15px;
    border: 4px solid #eeeeee;
    margin: auto;
    margin-bottom: 30px;
}

.review-item h3{
    margin:0;
    font-size:20px;
    font-weight:600;
    color:#000000;
}


.review-item.designation{
    font-size:14px;
    color:#eeeeee;
    margin-bottom:10px;
    color:#eeeeee;
}

.review-item p{
    /*color:#eeeeee;*/
    color: #000000;
}

.review-item.stars{
    font-size:18px;
    color:#ffd700;
    margin-bottom:15px;
}
.review-item strong{
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    margin-top: 1rem;
    /*color: #000000;*/
    
}
.review-item.review-text{
    font-size:16px;
    color:#eeeeee;
    font-style:italic;
}

.reviewsSection{
    /*height: 600px;*/
    display: flex;
    align-items: center;
    position: relative;
}
.stars {
    font-size: 30px;
}
.contact-details .boxHeading{
    margin-bottom: 1rem !important;
}
.contact-details a{
   text-decoration:none;
}
/*.reviewsSection:after{*/
/*    content: "";*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-image:url(../images/linear-bg.jpg);*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    background-position: bottom;*/
/*    position:absolute;*/
/*    filter:blur(10px);*/
    
    
/*}*/

.review-text {
    max-width: 80%;
    /*margin: 26px auto;*/
    line-height: 2;
    word-break: auto-phrase;
    font-size:18px !important;
}

.owl-dot {
    width: 20px;
    height: 20px;
    background: transparent;
    display: inline-block;
    margin-left: 6px;
    margin-right: 6px;
    border-radius: 50%;
    border: 1px solid #eee;
}

.owl-dots {
     margin-top: 30px; 
}

.chefChoices .owl-dots {
    margin-top: 50px;
}

/*Popup CSS*/
.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh; /* Important: lock to viewport */
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-y: auto; /* Enable scroll if popup itself grows */
}

.popup-container {
  background: #fff;
  width: 90%;
  max-width: 600px;
  max-height: 90vh;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative; /* Key for absolutely positioning inside */
}

.popup-close {
  position: absolute;
top: 0px;
    right: 0px;
  width: 32px;
  height: 32px;
  z-index: 10;
}

.popup-close img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}


.popup-scroll-content {
  overflow-y: auto;
  padding: 20px;
  max-height: 90vh;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}

.popup-scroll-content::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}

.popup-scroll-content img {
  width: 100%;
  height: auto;
  display: block;
}

/*.popup-background {*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 2000px;*/
/*    background-color: rgba(0,0,0,0.8);*/
/*    z-index: 999;*/
/*    top: 0;*/
/*    left: 0;*/
/*    display: none;*/
/*}*/


.accordion-button{
    flex-direction:row !important;
}

    .review{
        position: relative;
        z-index: 10;
    }
 
     .review .review-rating{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
    }
    .review .review-rating strong{
        display: flex;
        font-size: 40px;
        text-align:center;
        color: #000000;
        line-height:1;
    }
    .review .review-rating .stars{
        display:flex;
        line-height: 1.4;
        
    }
    .review .review-rating p{
        font-size: 16px;
        color: #000000;
        margin-bottom: 0;
    }
    .review .review-list{
        display: flex;
        flex-wrap:wrap;
        justify-content: flex-start;
    }
    .review .review-item{
        display:flex;
        flex-direction:column;
    }
    .review .review-list{
        width:85%;
        margin:auto;
    }
    .review .review-item{
        width: 48%;
        margin-top: 2rem;
        padding: 30px 24px;
        margin-right: 1.5rem;
        border-radius: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    background: #0000009e;
    margin-right:0 !important;
    }
    .review .review-item:nth-of-type(2n){
        margin-right:0 !important;
    }
    .review .review-item:last-child{
        margin-right:0 !important;
    }
    .review .review-item .review-detail{
        display:flex;
        justify-content:space-between;
        align-items:center;
    }
    .review .review-item .review-detail img{
        display: flex;
        align-self: flex-start;
        width: 30px !important;
        height: 30px;   
        border-radius: 0;
        object-fit: none;
        margin-bottom: 0;
         border:0; 
         margin: 0; 
         margin-bottom: 0;
    }
    .review .review-item .detail{
        width:calc(100% - 50px);
    }
    .review .review-item .detail h3{
        font-size: 16px;
    }
    
    .review .review-item .rating{
        display:flex;
        align-items: center;
        color: #ffffff;
    }
    .review .review-item .stars{
        display:flex;
        line-height: 1.4;
        margin-right: 0.2rem;
    }
    .review-item strong {
        font-size: 12px;
        font-style: italic;
        font-weight: 400;
        margin-top: 0;
        color: #000000;
        
    }
    .review .review-item p{
        font-size: 14px;
        margin: 1rem 0;
    }
    
    .bannerText  {
    font-size: 70px !important;
}
.bannerText  {
    position: absolute;
    font-family: "Cinzel", serif;
    bottom: 100px;
    z-index: 2;
    left: 0;
    right: 0;
    text-align: center;
    color: #ffffff;
    font-size: 50px;
    font-weight: 800;
    text-shadow:7px 9px 20px #000000;

}

.timingSection .timing-card .moving-line{
    display:none;
}

.owl-dot.active{
    background-color: #ffffff !important;
}

.mapAddressBox .defaultWidth {
    background-color: transparent;
    box-shadow:none;
}
.mapAddressBox .info-box.themeBtn:after{
    width: 0;
    height: 0;
    background-image: none;
}
.mapAddressBox .info-box.themeBtn:hover:after{
    background-size: 0 0;
    border:0;
    box-shadow:none;
}

.mapAddressBox .info-box.themeBtn:hover{
    box-shadow: 0 5px 10px rgba(0,0,0,0.3),0 5px 10px rgba(0,0,0,0.2),0 5px 10px rgba(0,0,0,0.5);
}

.dflexGap .cartBox{
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #000000 !important;
    position: relative;
    width: 18px;
    height: 18px;
    background-color: red;
    border-radius: 50px;
    text-align: center;
    font-size: 10px;
    right: 0;
    top: -10px;
    text-decoration: none;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);

    
}

input[type="date"]{
    -webkit-appearance:none;
    appearance:none
}

section.formSection.py-5.accordionSection.formContact{
    position:relative;
    height:auto;
    padding-bottom:0 !important;
    z-index: 2;
}

.contact-us .contact-list{
    display:flex;
    justify-content:space-between;
    margin-top: -4rem;
        
}

.contact-us .contact-card{
    flex-direction:column;
    align-items:center;
    justify-content:center;
   margin: 2rem 0 0 !important;
    padding: 2rem 3rem;
    box-shadow:rgba(0, 0, 0, 0.3) 5px 5px 10px,rgba(0, 0, 0, 0.2) 5px 5px 10px;
    transition: 1s all;
    
}
.contact-us .contact-card:hover{
    transform:scale(1.1);
}
.contact-us .contact-icon,.restaurant-time .contact-icon{
    display: flex;
    align-items:center;
    justify-content:center;
    width:90px;
    height:90px;
    min-width:90px;
    border-radius: 100%;
    border: 1px solid red;
    margin-bottom: 1rem;
}
.contact-us .contact-info{
    width: 100%;
}
.contact-us .contact-info h4,.contact-us .contact-info p,.contact-us .contact-info a{
    text-align:center;
    
}
.contact-us .contact-info h4{
    font-size: 21px;
}
.contact-us .contact-info p,.contact-us .contact-info a{
    font-size: 18px;
    font-weight: 500;
}
.contact-us .contact-card a{
    display:flex;
    align-items:center;
    justify-content:center;
}
.formSection.formContact{
    background:none;
}
section.formSection.py-5.accordionSection.formContact .container{
    padding-bottom:4rem;
}

.accordionSection .contact-form textarea {
    height: auto !important;
    background: transparent;
    
}
.formContact.accordionSection .contact-form textarea{
    color: #000000;
}
.accordionSection .contact-form input {
    display: block;
    margin-bottom: 10px;
    padding: 8px;
    width: 100%;
    background: transparent;
    color: #ff0000;
    border:1px solid #c8c8c8;
    border-radius: 5px;
}
.contact-form label {
    color: #ff0000;
    margin-bottom: 0.3rem;
}

.formSection.formContact .contact-info{
    width: 100%;
    
}
    .contact-info .timing{
          font-size: 14px;
      }
      .contact-info .timing .time-text{
         text-align:right !important;
      }
      
      .contact-info span {
    color: #ff0000;
    line-height: 2;
}
.restaurant-time .contact-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    background-color: #ffffff;
    box-shadow:5px 5px 15px rgba(0, 0, 0, 0.1), -1px 5px 15px rgba(0,0,0,0.3);
    padding: 15px;
    /*min-height: 245px;*/
    margin: 0 0 0px;
    border-radius: 10px;
    /*margin-bottom: 75px !important;*/
    /*backdrop-filter: blur(9px);*/
}
.restaurant-time .contact-card h4{
    text-align:center;
}

.formSection.formContact .themeBtn{
    background-color:#000000 !important;
    border-color:#000000 !important;
    color: #ffffff !important;
}

 .masonry-gallery {
  display: flex;
  flex-wrap: wrap;
  /*margin-left: -15px;*/
  /*margin-right: -15px;*/
}

 
  .gallery-item {
    width: 25%;
    height: 250px;
    padding: 10px 10px 0; /* gutter space */
  box-sizing: border-box;
  }
   .gallery-item img {
    width: 100%;
    height: 250px;
    display: block;
    border-radius: 5px;
    object-fit: cover;
    /*box-shadow: 0 2px 8px rgba(0,0,0,0.1);*/
    /*transition: transform 0.3s ease;*/
  }
  /*.gallery-item:nth-of-type(n),.gallery-item:nth-of-type(3n){*/
  /*      height: 450px !important;*/
  /*  }*/
    
/*.gallery-item:nth-of-type(n) img,.gallery-item:nth-of-type(3n) img{*/
/*    height: 450px;*/
/*}*/

.gdesc-inner {
    display: none;
}

/* start login and register page css */
#RegistrationForm {
    text-align: left;
}
.show-eye,.hide-eye {
      cursor: pointer;
      color:#cccccc;
      font-size:14px;
}

#login_show_eye,#login_hide_eye{
    cursor: pointer;
      color:#cccccc;
      font-size:14px;
}
.loginRegisterBox{
    margin: 0;
    padding: 0;
    /*background: url(../images/login-bg.jpg);*/
    /*background-size: cover;*/
    /*background-position: center;*/
    /*background-repeat: no-repeat;*/
    /*background-attachment: fixed;*/
    width: 100%;
    position: relative;
    z-index: 1;
}

.loginRegisterBox .Password-eye{
    position: absolute;
    right: 15px;
    top: 54px;
}
.loginForm .Password-eye {
    position: absolute;
    right: 15px;
    top: 30px;
}
.loginRegisterBox .input-group-text{
    border:0;
    padding:0;
    background-color:transparent;
}

.loginOverlayfix{
    position: relative;
    z-index: 9;
}
.loginLogo {
    height: 88px;
    object-fit: contain;
    background: rgb(118 0 0 / 48%);
    padding: 10px;
    border-radius: 10px;
    max-width: 66%;
    margin: auto;
    position: relative;
    z-index: 9;
}
.form-check-input.checkboxInput{
    width: 1rem;
    height: 1rem;
}
.loginRegisterBox .form-check-input:checked {
    background-color: #d28600;
    border-color: #d28600;
    /*transform: scale(1.2);*/
    border-radius: 3px !important;
}
.loginRegisterBox .form-check-input:focus{
    box-shadow: none;
}
.loginRegisterBox .input-item{
    display:flex;
    flex-direction:column;
    position:relative;
}
#togglePassword {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fd6602;
    width: 30px;
    text-align: center;
}
.accordionSection input, .giftcardModal input, .accordionSection textarea {
    border: 1px solid #cccccc;
    border-radius: 0.4rem;
    padding: 0.7rem 0.7rem;
    margin-top: 10px;
    height: 50px;
    outline:0;
    
}

.loginRegisterBox .accordionSection input,.loginRegisterBox .giftcardModal input,.loginRegisterBox .accordionSection textarea{
    background-color:transparent;
    color:#ffffff;
    
}
.loginRegisterBox .accordionSection select{
    margin-top:10px;
    padding:0.7rem 0.7rem;
    border-radius: 0.4rem;
}

.registerForm .form-select.is-invalid,.registerForm .was-validated .form-select:invalid{
    color: #ff0000 !important;
}

.registerForm select:invalid {
color: red !important;
opacity:0.6;
}
.registerForm .form-select.is-valid:not([multiple]):not([size]), 
.registerForm .form-select.is-valid:not([multiple])[size="1"], 
.registerForm .was-validated .form-select:valid:not([multiple]):not([size]), 
.registerForm .was-validated .form-select:valid:not([multiple])[size="1"]{
    background-size: 16px 12px,0 0 !important;
}

.registerForm .form-select.is-invalid:not([multiple]):not([size]), 
.registerForm .form-select.is-invalid:not([multiple])[size="1"], 
.registerForm .was-validated .form-select:invalid:not([multiple]):not([size]),
.registerForm .was-validated .form-select:invalid:not([multiple])[size="1"]{
    background-size: 16px 12px,0 0 !important;
}

.loginForm .accordionSection #emailAddress,.loginForm .accordionSection #loginPassword{
    width: 100%;
}
.loginForm .accordionSection #remember-me{
    margin-top:0;
}
.accordionSection textarea{
    height: auto !important;
}


.bannerImage{
    background-image: url(../images/banner-bg.jpg);
    position: relative;
    background-size: cover;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index:0;
}
.bannerImage::before {
    content: "";
    position: absolute;
    background: #00000099;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.banner-text {
    z-index: 2222;
    color: #fff;
}
.banner-text {
    font-size: 60px !important;
}

.banner-text  {
    
    position: absolute;
    font-family: "Cinzel", serif;
    bottom: 100px;
    z-index: 2;
    left: 0;
    right: 0;
    text-align: center;
    color: #ffffff;
    font-size: 50px;
    font-weight: 800;
    text-shadow:7px 9px 20px #000000;

}
.bannerText h3 {
    font-size: 60px !important;
    font-family: Cinzel, serif;
}

input#privacyPolicy{
    margin-top:0;
}
.policy-check{
    margin-bottom: 0.5rem;
}

.thankyouBox {
        background: #edeaea;
        width: 100%;
        padding: 30px 25px;
        border-radius: 15px;
        box-shadow: 0 10px 30px rgb(0 0 0 / 17%);
        text-align: center;
        max-width: 80%;
        margin: 100px auto;
        display: flex;
        flex-direction: column;
        border: 1px solid #e1e1e1;
    }
    
    
    .thankyouBox .tickIconBox{
        /*background-image: url('../images/slider-3.webp');*/
        background-size:cover;
        padding: 15px 0 15px;
        background-color:#ffffff;
            border-radius: 15px 15px 0 0;
    }
    .thankyouBox .image img{
        width: 100%;
        height:225px;
        object-fit:cover;
    }
    .thankyouBox .gap12{
        display:flex !important;
        align-items:flex-start;
        padding: 30px 0 0;
    }
    div#reviewSection{
        padding:0 20px;
    }
    
    .check-icon img {
        width: 90px;
    }

    .check-icon {
      font-size: 60px;
      color: green;
      margin-bottom: 10px;
    }

    .thank-you {
      font-size: 48px;
      margin-bottom: 10px;
      font-weight: 800 !important;
      font-family: "Cinzel", serif;
      margin-top: -14px;
      color: #ffffff;
      text-shadow:0 0 23px rgba(0,0,0,0.8);
    }

    .timeSetTime, .pickup-info Strong {
        text-transform: capitalize;
        margin-bottom: 15px;
        font-size: 25px;
        font-weight: 600;
        margin-top: 30px;
    }
    
    .qrScanText {
        display: flex;
        margin: 25px 0px;
    }
    
    .main-qr {
        flex: 0 0 auto;
        max-width: 40%;
        width: 100%;
    }

    .instruction {
       font-size: 27px;
        margin-bottom: 10px;
        color: #333;
        flex: 0 0 auto;
        width: 55%;
        font-weight: 700;
        display: flex;
        align-items: center;
        padding: 0px 50px;
    }
     #reviewSection h2{
        margin: 1rem 0;
        font-size: 20px;
    }

    .feedback {
      font-size: 16px;
        color: #666;
        line-height: 1.5;
        margin: 20px 0;
        padding-top: 105px;
        padding-left: 20px;
        padding-right: 20px;
        text-align:center;
    }

    .bottom-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 15px;
    }

    .bottom-row img {
      width: 60px;
    }

    .pdf-button {
      background: #d28600;
      color: white;
      padding: 8px 18px;
      border: none;
      border-radius: 20px;
      font-size: 14px;
      font-weight: bold;
      cursor: pointer;
      transition: background 0.3s;
    }

    .pdf-button:hover {
      background: #e65c00;
    }

    .checkItemsDetailChecked {
        background:#ffffff;
        border-radius: 0 0 12px 12px;
    }
    
    .qrscannerFirstBox{
        display:flex;
        flex-direction:column;
        flex: 0 0 auto;
        width: 60%;
        background: #ffffff;
        color:#000000;
        border-radius: 12px;
    }
    
    .checkoutSecondBox{
         display:flex;
        flex-direction:column;
        flex: 0 0 auto;
        width: 38%;
        background: #ffffff;
        border-radius: 12px;
         color:#000000;
         padding:1.2rem;
    }
    
    .checkoutSecondBox li{
        border: 0 !important;
    }

    .itemCartListBox {
        background: #ffffff;
        border-radius: 12px;
    }

    .gap12{
        gap:20px;
    }

    .itemCartListBox .checkoutBasket {
        box-shadow: none !important;
    }
    
    .pickup-info {
        margin-bottom: 15px;
        margin-top: 30px;
    }

    .item-containerBox div, .checkoutTotal div {
        font-size: 14px !important;
        text-align:left;
    }
    
    .checkoutTotal > div{
        font-size: 16px !important;
        font-weight: 600;
    }
    .itemDefaultModal .modal-header{
        padding:0 !important;
    }
    /*Start Order Type CSS*/
    .order-banner{
        max-width:71%;
        width:71%;
        margin:0rem 0.5rem 0 0.5rem;
        height:300px;
        padding-bottom:0;
        margin:0 auto;
        padding-top:8.5rem;
      
    }
    .order-banner img{
        width:100%;
        height:100%;
          object-fit:cover
    }
    .orderTypeSection{
        margin-top:0 !important;
        padding: 5rem 0;
        flex-direction:column;
        max-width:100%;
        position: relative;
        z-index: 9;
        border-radius: 0;
        box-shadow: none !important;
        background-color:transparent;
        backdrop-filter:none;
    }
    .orderTypeSection .search-content{
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 40px 25px;
        margin-top: 0px !important;
        position: relative;
        z-index: 9;
        backdrop-filter: blur(10px);
        /* background: #000000b8; */
        /*background-color: #0000005e;*/
        background-color:#ffffff;
        width: 100%;
        max-width: 80%;
        margin: auto;
        border-radius: 7px;
        box-shadow: rgba(0, 0, 0, 0.56) 2px 3px 20px;
    }
    /*End Order Type CSS*/
    
    /*Start Dashboard CSS*/
    .accountSetting{
        padding:6rem 0;
    }
    .address-item{
        margin-top:1.5rem;
    }
    .accountSetting .address-list{
        display:flex;
        flex-direction:row;
        justify-content:space-between !important;
    }
    .accountSetting .address-item{
        width:31.5%;
        margin-top:0;
    }
    .accountSetting .address-item a{
        transition: 1s all;
    }
    .accountSetting .address-item a:hover{
        box-shadow: 0 0 10px rgba(0,0,0,0.6);
        transform:scale(1.1);
    }
     .accountSetting .themeBtn{
        font-size: 15px !important;
        height:40px !important;
        padding: 0.5rem 1rem !important;
        background-color:#ff0000 !important;
        border-radius: 5px !important;
        
    }
    .accountSetting.loginRegisterBox:before{
        content:none;
    }
    #changePassword #staticBackdropLabel{
        color:red !important;
    }
    #changePassword label{
        color:red !important;
    }
    #changePassword input{
        border-color:red !important;
    }
    #changePassword input::placeholder{
        color:red !important;
        opacity: 0.5;
    }
    #changePassword .themeBtn{
        font-size: 17px;
    border-radius: 5px !important;
    background-color:#ff0000 !important;
    }
    #changePassword .btn-close:focus,#accountDelete .btn-close:focus{
        box-shadow: none !important;
    }
    #accountDelete h5{
        color:red !important;
    }
    #accountDelete p{
        color:red !important;
    }
    #accountDelete .themeBtn{
        font-size: 17px;
        border-radius: 5px !important;
    background-color:#ff0000 !important;
    }
    .addressDetails h2{
        color:red !important;
    }
    .addressDetails .themeBtn{
        font-size: 17px !important;
        font-weight: 600;
    }
    .btn-check:focus+.btn-primary, .btn-primary:focus{
        box-shadow:none !important;
    }
    .addressDetails th{
        color: red !important;
        min-width: 144px;
    }
    .addressDetails{
        display:flex;
        flex-direction:column;
        
        margin: 5rem auto;
    }
    .addressDetails .responsive-table{
        max-width: 1300px;
        overflow-x:auto;
        
    }
    .addressDetails .themeBtn{
        display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-self:flex-end;
        /*width:100%;*/
    }
    #addAddresModal label{
        color: #ff0000 !important;
    }
    #addAddresModal input,#addAddresModal select{
        /*border-color: #ff0000 !important;*/
        outline:0;
        border: 1px solid #ff0000 !important;
        padding: 0.5rem;
        margin-top:0.5rem;
        border-radius: 5px;
    }
    #addAddresModal input::placeholder{
        color:#ff0000 !important;
        opacity: 0.5;
    }
    #addAddresModal .input-item{
        width: 100% !important;
        display: flex;
        flex-direction: column;
        border-radius: 5px;
    }
    #addAddresModal .themeBtn{
        background-color:#ff0000 !important;
        border-color:#ff0000 !important ;
        font-weight: 600;
    }
    #addAddresModal .form-select.is-invalid,#addAddresModal .was-validated .form-select:invalid{
    color: #ff0000 !important;
}

    #addAddresModal select:invalid {
    color: red !important;
    opacity:0.6;
    }
    
    /*End Dashboard CSS*/
    
    
#mobileMenuBox.menuOpen {
    opacity: 1;
    left:0;
}

#mobileMenuBox.menuClosed {
    left: -100px;
    opacity: 0;
}

    
/* Responsive css starts  */

@media (min-width:1100px){
    .loginRegisterBox.loginForm{
        padding: 2rem 0;
    }
    .loginRegisterBox.loginForm .loginOverlayfix{
        width:80%;
    }
        .loginOverlayfix{
        width: 90%;
    }
    .loginOverlayfix .input-item{
        width: 32%;
        margin-right: 1rem !important;
    }
    .loginOverlayfix .input-item:nth-of-type(2n){
        
        margin-right: 1rem !important;
    }
    .loginOverlayfix .input-item:nth-of-type(3n){
        
        margin-right: 0 !important;
    }
    .loginRegisterBox:before{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: calc(100% - 16%);
        height: calc(100% - 13%);
        background-color: rgba(0, 0, 0, 0.2);
        z-index: 0;
        border-radius: 10px;
        box-shadow: 0 0 30px rgba(0,0,0,0.2);
        /*filter: blur(10px);*/
    }
    .loginRegisterBox.loginForm:before{
        content:none;
    }
     .loginRegisterBox.loginForm .loginOverlayfix{
        border-radius: 10px;
    }
    .loginRegisterBox.loginForm .loginOverlayfix:before{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: calc(100% - 6%);
        height: calc(100% - 13%);
        background-color: rgba(0, 0, 0, 0.2);
        z-index: 0;
        border-radius: 10px;
         box-shadow:5px 5px 20px rgba(0,0,0,0.5),0px 0px 10px rgba(0,0,0,0.2);
    }
}

@media (max-width:1500px){
    .review-item{
        margin:1rem !important;
    }
}

@media (max-width:1024px){
    .thankyouBox{
        max-width:98%;
    }
    
	header{
		height: auto;
	}
	header img{
		width: 125px;
	}
	header ul li{
		margin-left: 16px;
	}
	.swiper{
		height: 50vh;
	}
	.rotate-img{
		width:320px
	}
	.review .review-list{
	    flex-direction:row !important;
	    flex-flow:wrap !important;
	    
	}
	.review .review-item{
	    width: 30% !important;
	    margin-right: 1.5rem !important;
	   margin-left: 0;
        margin-bottom: 0;
	}
	.review .review-item:nth-of-type(2n){
	    margin-right: 1.5rem !important;
	}
	.review .review-item:nth-of-type(3n){
	    margin-right: 0;
	}
	
	
	
}

@media (max-width:992px){
	.reservationFormBox {
		grid-template-columns: 100fr;
	}
	.formSection{
		height:auto;
	}
	.formBoxContainer{
		position: static;
	}
	.opening-hours-section{
		max-width: 100%;
	}
	.opening-hours-table td:last-child{
		text-align: right;
	}
	.col-md-6 {
        flex: 0 0 auto;
        width: 100% !important;
    }
	.storyImage {
		text-align: center;
	}
	.storybottomImage{
		/*position: static !important; */
        
        width: 250px;
        height: 250px;
        object-fit: cover;
        bottom: -147px !important;
        left: 0 !important;
        right: 0 !important;
        margin: auto;
	}
	.app-image {
		max-width: 50%;
		border-radius: 20px;
		box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
		margin-top: 0;
		margin-bottom: 0;
		height: 515px;
	}
	
	.appContentBtn{
		text-align: center;
		width: 100%;
	}
	.download_links{
		justify-content: center;
	}
	 
	.custom-img {
		width: 210px;
		height: 210px;
	}
	.footerlogo{
		height: 40px;
	}
}

@media (max-width:768px){
    section.formContact.py-5{
        margin-top: 55px;
    }
    .review-slider{
    width: 95%;
    margin: 0 auto 30px ;
}
    section.timingSection.deliveryTime{
        padding-bottom:25px;
    }
    section.timingSection.restaurantTime{
        padding-top:0;
    }
    .timingSection .defaultWidth{
        box-shadow:none !important;
        padding: 25px;
    }
    .timingSection::before{
        content:none;
    }
    /*Start Dashboard CSS*/
    .accountSetting .address-item a:hover{
        transform:scale(1);
    }
    .accountSetting{
        padding:4rem 0;
    }
    .accountSetting .address-list{
        display:flex;
        flex-direction:column;
        justify-content:space-between !important;
    }
    .accountSetting .address-item{
        width: 100%;
        margin-top:1.5rem;
    }
    .accountSetting .address-item:nth-of-type(1){
        margin-top:0;
    }
    .accountSetting .themeBtn{
        font-size: 15px !important;
        height:40px !important;
        padding: 0.5rem 1rem !important;
        background-color:#ff0000 !important;
        
    }
    /*End Dashboard CSS*/
    
    .thankyouBox .gap12{
        display:flex !important;
        flex-direction: column !important;
    }
    .qrscannerFirstBox,.checkoutSecondBox{
        width:100%;
    }
    /*Start Order Type CSS*/
    .order-banner{
         max-width:98%;
         width:98%;
    }
    .orderTypeSection.searchBox{
        padding: 3rem 0;
        
    }
    .orderTypeSection .search-content{
        display:flex;
        flex-direction:column;
        max-width:100%;
        background-color:transparent;
        box-shadow:none;
        padding:0;
    }
    /*Start Order Type CSS*/
    .qrScanText {
        flex-direction: column;
        align-items: center;
    }
    .instruction{
        width:96%;
    }
    .feedback{
        padding-top:0px;
    }
    .main-qr{
        max-width:65%;
    }
    .review .review-list{
        width:97%;
        margin:auto;
    }
    .bannerText h3 {
        font-size: 45px !important;
                margin-top: 4rem;
    }
     .loginOverlayfix{
        width: 100%;
    }
    .loginOverlayfix .input-item{
        width: 48% !important;
        margin-right: 1rem !important;
    }
    .loginOverlayfix .input-item:nth-of-type(2n){
        
        margin-right: 0 !important;
    }
    .gallery {
        column-count: 2 !important;
      }
    section.imageScroller{
        padding-top:1rem;
    }
    .contact-us .contact-list{
    display:flex;
    flex-direction:column;
        margin-top: -4rem;
        
}
.contact-us .contact-card:hover{
    transform:scale(1);
}
    .review-item{
        margin-left:0;
        margin-bottom:0;
    }
    header img{
        height:59px;
    }
    .banner-text{
        display: flex;
        flex-direction:column;
        align-items: center;
        justify-content: center;
        top: 60px;
        bottom: 0;
    }
    .langauageSection  .dropdown-menu{
        right:0 !important;
    }
    .round-stamp{
        right:60px;
    }
    .round-stamp:before{
        left: -16px;
    }
    .promo-banner .in-view.bounce-bottom:after{
        content:none;
    }
    .mobileApp:after{
        content:none;
    }
    .review .review-list{
        flex-direction: row !important;
        flex-wrap: wrap;
    }
    .review .review-item{
        width: 46% !important;
        margin: 1rem !important;
    }
    /*.review .review-item:nth-of-type(2n){*/
    /*    margin-right:;*/
    /*}*/
    
    .review .review-item:nth-of-type(2n){
        margin-right:0 !important;
    }
    .review .review-item:last-child{
        margin-right:0 !important;
    }
    
    header img{
        top: 0;
    }
    
}
@media (max-width:769px){
    header ul li.loginMobile{
    display:none !important;
}
    .storybottomImage{
        width:400px;
        height:300px
    }
    /*.timingSection::before{*/
    /*    content:none !important;*/
    /*}*/
    .dflexGap #header-icon.fa-user{
        right: -5px !important;
    }
    .mobileApp{
        background-image:none !important;
        padding-bottom: 0;
    }
    .chefChoices .owl-dots {
    margin-top: 30px;
}
    
    /*#mobileMenuBox{*/
    /*    background-color: #000000 !important;*/
    /*}*/
    #mobileMenuBox li:nth-of-type(1){
        margin-bottom:2rem;
        
    }
    header .menuContainer ul li:nth-of-type(1):hover {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    }
    menuText a{
        display:flex !important;
        
    }
    .menuText a{
        padding-left:15px;
    }
    .menuContainer .menuText{
        margin-left: 0;
        font-size: 17px !important;
    }
    .menuText.active::after{
        content: none;
    }
   
	.searchBox {
    width: 100%;
    max-width: 100%;
    margin: auto;
    border-radius: 0px;
	display: flex;
    flex-direction: column;
	}
	.search-container{
		max-width: 100%;
	}
	.hamburgermenu i {
		color: #eeeeee;
		font-size: 35px;
	}
	.hamburgermenu {
	    display:flex !important;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	.dflexGap {
		margin-right: 38px;
		padding-bottom: 0px;
	}
	.impMargin .col-sm-12.col-md-4.col-lg-4 {
		text-align: center;
	}
	.mapAddressSection{
		width: 100%;
	}
	.bottom-section {
		width: 100%;
		position: static;
		top: 50%;
		right: -15%;
		transform: translate(0%, 0%) !important;
	}
	.footer-container .footer-column:first-child, .footer-container .footer-column:last-child, .footer-container .footer-column:nth-child(3), .footer-container .footer-column:nth-child(2) {
		max-width: 100%;
		width: 100%;
		flex: 1 1 100%;
	}
	.footer-container {
		flex-direction: column;
		align-items: center;
	}
	.gallery-item {
        width: 24%;
    }
	.actionBtn {
		margin-top: 16px;
		width: 100%;
		margin-left:0;
	}
	.searchBox{
	    padding: 10px;
	}
	.form-row{
		flex-wrap: wrap;
	}
	.galleryContainer{
		justify-content: center;
	}
	.glow-wrapper{
		display: none;
	}
	.swiper-container .swiper-slide{
		height: auto;
	}
	.madeBox {
		top: 15px;
	}
	.copy{
		text-align: left;
	}
	.footer-bottom{
		margin-top: 30px;
	}
	.paymentIconBox{
		margin-bottom: 20px;
	}
	.banner-text{
		font-size: 52px !important;
	}
	.cursor-effect {
		display: none;
	}
	/*header{*/
	/*	position: sticky !important;*/
	/*}*/
	/*.search-container{*/
	/*	height: 65px;*/
	/*}*/
	#mobileMenuBox {
		display: block !important;
        position: absolute;
        width: 100%;
        height: 100vh;
        background: #ffffff;
        left: 0;
        top: 0;
        bottom: 0;
        display: flex !important;
        flex-direction: column;
        gap: 20px;
		padding-top: 10px;
		z-index: 9;
		left: -100%;
		transition: 600ms;
	}
	header .menuContainer ul li.active, header .menuContainer ul li:hover, .menuContainer .menuText{
		color: var(--text-color);
		border-bottom: 1px solid #ccc;
        padding-bottom: 20px;
	}
	header .menuContainer ul li.active{
	    border-color: #d28600 !important;
	}
	header .menuContainer ul li.active a{
		color: #d28600 !important;
		
	}
	.menuContainer .menuText{
		font-size: 22px !important;
		font-weight: 600;
	}
	.menuText span i {
		padding-right: 15px;
	}
	.crossIcon {
		color: #ffffff;
        font-size: 43px;
        position: absolute;
        right: 11px;
        width: 100%;
        display: flex !important;
        justify-content: end;
        top: -6px;
        cursor: pointer;
	}
	.showMenu {
		left: 0px !important;
	}
	
	.info-box i {
      font-size: 20px;
    }
    .info-text span:first-child{
        font-size: 17px;
    }
    .info-text span:last-child{
        font-size: 13px;
    }
    #typed-text{
        font-size: 30px;
    }
    .download_links{
        margin-top:0;
    }
    .mobileApp .bounce-top{
        margin-top: 7rem;
    }
    .appContentBtn{
        display:flex;
        justify-content:center;
        align-items:center;
    }
      .timingSection.restaurantTime{
    display:flex;
    flex-direction:column;
    }
    
    .timingSection.deliveryTime .timingsHeader .timing-card-columns p,.timingSection.restaurantTime .timingsHeader .timing-card-columns p{
        width: 60%;
        text-align: right;
        
    }
    
    .timingSection.deliveryTime .timingsHeader .timing-card-columns p:nth-of-type(2){
        
        display:none;
    }
    .timingSection.restaurantTime .timingsHeader .timing-card-columns p:nth-of-type(1){
        display:none;
        
    }
    .timingSection.deliveryTime .timing-card p:nth-of-type(2){
    display: none;
    }

.timingSection.restaurantTime .timing-card p:nth-of-type(1){
    display:none;
    }
    .cards .contents{
        opacity:1 ;
        height: 50%;
    }
    .cards:hover{
	/*width: auto !important;*/
	/*transition: 600ms;*/
    }

/*.cards:hover img{*/
/*	transform: scale(1.1);*/
/*}*/

    
    .app-image{
        animation:none;
    }
   
    /*.round-stamp{*/
    /*    top:-68px;*/
    /*}*/
    .storySection .overview-image{
        margin-top: 3rem;
    }
    .promo-banner:after,.promo-banner:before{
        content:none;
    }
    .popup .popup-container{
        width: 70%;
        margin: 10rem auto 0;
    }
    
    .mapAddressBox .defaultWidth{
        max-width: 100%;
        width: 100%;
        margin: auto;
    }
    .promo-banner{
        max-height: 100%;
    }
    .banner-section.slider-section .carousel-inner, .banner-section.slider-section .carousel-item{
        height: 55vh !important;
    }

}

@media (max-width:575px){
    .review-slider{
    width: 95%;
    margin: 0 auto 30px ;
}
    .timing-card.box{
        background-color:red !important;
        color:#ffffff !important;
    }
    .timing-card.box h3,.timing-card.box p{
        color:#ffffff !important;
    }
    
    /*Start Dashboard CSS*/
    .addressDetails{
        padding:3rem 0 !important;
    }
    .addressDetails .themeBtn{
        height:36px;
    }
    .address-banner .bannerText h3{
        font-size: 35px !important;
    }
    .dashboard-banner .bannerText h3{
        font-size: 40px !important;
    }
    .accountSetting{
        padding:4rem 0;
    }
    .accountSetting .address-list{
        display:flex;
        flex-direction:column;
        justify-content:space-between !important;
    }
    .accountSetting .address-item{
        width: 100%;
        margin-top:1.5rem;
    }
    .accountSetting .address-item:nth-of-type(1){
        margin-top:0;
    }
    .accountSetting .themeBtn{
        font-size: 15px !important;
        height:40px !important;
        padding: 0.5rem 1rem !important;
        background-color:#ff0000 !important;
        
    }
    .addressDetails{
        width: 90% !important;
    }
    /*End Dashboard CSS*/
    div#reviewSection{
        padding:0;
    }
    .thankyouBox{
        padding:10px;
    }
    .qrscannerFirstBox .themeBtn{
        height:auto;
    }
    
    /*Start Order Type CSS*/
    .order-banner{
         max-width:95%;
         width:95%;
    }
    .orderTypeSection.searchBox{
        padding: 3rem 0;
       
    }
    .orderTypeSection .search-content{
        display:flex;
        flex-direction:column;
        max-width:100%;
        background-color:transparent;
        box-shadow:none;
        padding:0;
    }
    .orderTypeSection.searchBox .actionBtn{
        margin-top: 1rem;
    }
    /*End Order Type CSS*/
    
    /*.menu-banner.slider-section{*/
    /*    height: 245px !important;*/
    /*}*/
    .gallery-banner.slider-section{
        height: 245px !important;
    }
    .our-gallery.py-5 h2{
        font-size: 30px !important;
    }
    .gallerySection h4 {
        font-size: 1rem;
        font-weight: 600;
    }
    .lightboxSection .gallery{
        justify-content: center;
    }
    /*#menuDetailModalContent .modal-header{*/
    /*    padding: ;*/
    /*}*/
    
    .thankyouBox .gap12{
        flex-direction:column;
          /*padding:15px;*/
      }
       .qrscannerFirstBox{
        width:100%;
        padding:1rem;
    }
    .checkoutOrderSticky li{
        border: 0 !important;
    }
    .checkoutOrderSticky li:before{
        content:none;
    }
    .checkoutSecondBox{
        width:100%;
    }
    .gap12 {
        gap: 20px;
        flex-direction: column;
    }
    .main-qr{
        object-fit:contain;
    }
    .thankyouBox{
        max-width:98%;
    }
    .thank-you{
        color:#000000 !impportant;
    }
    .timingSection.deliveryTime{
        padding-bottom:40px;
    }
    .staticContentSection{
        padding: 2rem 0;
    }
    .staticContentSection li span{
        display:flex;
        flex-direction:column;
        word-wrap: word-break;
    }
    .staticcontentBox{
        padding:0 !important;
    }
    .review .review-list{
        width:97%;
        margin:auto;
    }
    section.formSection.py-5.accordionSection.formContact{
        margin-top:3rem;
    }
    .aboutUsSection{
        padding-top:3.5rem;
    }
    .loginOverlayfix .input-item{
        width:100% !important;
        margin-right:0 !important;
    }
    .timing-card.box p{
        background-color: transparent !important;
    }
    .about-contact{
        padding-top: 0.5rem;
    }
    .aboutUsSection .boxHeading{
          margin-bottom: 1.5rem !important;
      }
    .masonry-gallery .gallery-item a{
    position: relative;
    overflow: hidden;
    display: block
  }
  
.masonry-gallery  .hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: all 0.7s ease;
    transform: translateY(100%);
}
  
.masonry-gallery  .gallery-item:hover .hover-overlay {
    opacity: 1;
    transform: translateY(0);
}
  
.masonry-gallery  .animate-icon {
    transform: scale(0.8);
    transition: transform 0.3s ease;
    color: #eeeeee;
  }
  
.masonry-gallery  .gallery-item:hover .animate-icon {
    transform: scale(1.2);
}
    .formSection.formContact .getInTouch{
    padding-bottom: 0.5rem !important;
    
}
    .contact-form .form-group {
    margin-bottom: 24px !important;
}
    .timingSection.restaurantTime{
        padding-bottom: 0;
        padding-top:0;
    }
    .timings-wrapper{
        gap: 8px;
    }
    .timingsHeader .timing-card-columns h3{
        font-size: 21px !important;
    }
    .timingsHeader .timing-card-columns p{
        font-size: 20px !important;
        margin-bottom:0.2rem ;
    }
    .home-banner.banner-section.slider-section .carousel-inner, .home-banner.banner-section.slider-section .carousel-item{
        height: 54vh !important;
    }
    .formSection{
        padding-top: 1.5rem;
    }
    .formSection .boxHeading{
        font-size: 21px !important;
        margin-bottom:1.5rem !important;
    }
    .home-banner.banner-section .carousel-inner{
        height: 54vh !important;
    }
    .storySection{
        padding-top: 3rem;
    }
    .storySection .boxHeading{
        margin-bottom:1rem !important
    }
    .mobileApp{
        margin-top: 3rem !important;
        padding-top: 1rem;
    }
    .mobileApp .bounce-bottom{
     opacity: 1;
	-webkit-transition: none;
	transition: none;
	-webkit-transform: none;
	transform: none;
	visibility: unset;
    }
    .mobileApp .app-image{
        animation:none !important;
        transform: scale(1)
        
    }
    .banner-text{
        display: flex;
        flex-direction:column;
        font-size: 35px !important;
    }
    header ul li .userBox{
        border-bottom: 0;
        padding:0 0 0 15px !important;
    }
    header ul li .userBox:nth-of-type(1){
        padding:0 !important;
    }
    .download_links a, .download_links a img{
        box-shadow:none;
    }
    .download_links a{
        border:1px solid #ffffff;
    }
    .imageScroller{
        padding: 0 1rem 1rem;
    }
    .storybottomImage{
        width:250px;
        height:250px
    }
    /*.timingSection::before{*/
    /*    content:none;*/
    /*}*/
    
    .mapAddressBox{
        margin-top:0 !important;
        padding: 40px 0 65px !important;
    }
    .mobileApp{
        background-image:none !important;
        padding-bottom: 1rem;
    }
    /*.imageScroller .swiper-slide.cards{*/
    /*    width: 355px !important;*/
    /*    margin: 0 10px !important;*/
    /*}*/
    

.chefChoices .owl-carousel .owl-item {
    margin-bottom: 2.5rem;
}
.chefChoices .owl-dots{
    margin-top: 30px;
}
    .promo-banner .in-view.bounce-bottom:after{
        content:none;
    }
    .calendar-icon {
  
  top: 37%;
  /*transform: translateY(-50%);*/
  
}
    /*#mobileMenuBox{*/
    /*    background-color: #000000 !important;*/
    /*}*/
    #mobileMenuBox li:nth-of-type(1){
        margin-bottom:2rem;
        
    }
    header .menuContainer ul li:nth-of-type(1):hover {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    }
    menuText a{
        display:flex !important;
        
    }
    .menuText a{
        padding-left:15px;
    }
    .menuContainer .menuText{
        margin-left: 0;
        font-size: 16px !important;
    }
    .menuText.active::after{
        content: none !important;
    }
    .textSection{
        padding-top:3rem !important;
        padding-bottom:3rem;
    }
     .timing-card.box h3:after,.timing-card.box h3:before{
        content:none;
        animation: none;
    }
    .timing-card.box h3:after{
        left:0;
    }
    .timing-card h3:before,.timing-card h3:after{
        content:none;
    }
    .timing-card h3:before,.timing-card.box h3:before{
        left: 5px;
    }
    .timing-card h3:after{
        left:0;
    }
    .reservationFormBox .form-row{
        display:flex;
        flex-direction:column;
        margin-bottom:0;
    }
    .formSection .bookBtn:hover{
        color:white !important;
        background-color:red important;
        
    }
    .reservationFormBox .form-row input, .reservationFormBox .form-row select,.reservationFormBox .form-row .calendarBox{
        width:100%;
      -webkit-appearance: none; /* Remove native iOS styling */
        -moz-appearance: none;
        text-align: left;
    }
    
    .reservationFormBox .form-row input, .reservationFormBox .form-row select{
        margin-bottom: 15px;
    }
    .mapAddressBox .container .row > div{
        display:flex;
        align-items:center;
        justify-content:center;
    }
    .review .review-list{
        flex-direction: column !important;
        
    }
    .review .review-item{
        width: 92% !important;
    }
    .slider-section .carousel-inner, .slider-section .carousel-item{
        height:40vh;
    }
    .timing-card.box{
        background-color:#ffffff;
    }
    .timing-card.box p{
        /*background-color:#d28600;*/
        background-color: #861212;
    }
    header img {
        /*width: 70px;*/
        height: 60px;
    }
    .dropdown-list{
        top: 60px;
    }
    .banner-section.slider-section .carousel-inner, .banner-section.slider-section .carousel-item{
    height: 40vh !important;
}
    .lanBox {
    font-size: 10px !important;
    }
    .timing-card{
        margin: 0 18px;
    }
    .timingSection.deliveryTime .timing-card p:nth-of-type(1) .timeIconBox{
    display: none;
    }
    .timingSection.deliveryTime .timing-card p:nth-of-type(1) strong {
        display: none !important;
    }

.timingSection.restaurantTime .timing-card p:nth-of-type(2) .timeIconBox{
    display:none;
    }
    
    .timingSection.restaurantTime .timing-card p:nth-of-type(2) strong {
    display:none !important;
    }
  
	.timing-card{
		flex-direction: column;
	}
	.storyImage img {
		width: 100%;
	}
	.delivery-btn {
		background: var(--hover-color);
    /*background-color:#000000;*/
    border: 1px solid var(--hover-color);
    /*border: 1px solid #000000;*/
    color: #ffffff;
    padding: 12px 20px;
    border-radius: 40px;
    margin-left: 15px;
    font-weight: 500;
    text-transform: uppercase;
	}
	/*.search-container button, .actionBtn{*/
	/*	height: 60px;*/
	/*}*/
	.roundedTextBox {
		width: 100%;
		max-width: 100%;
		padding: 0px 4px;
	}
	.impMargin {
		margin-bottom: -2rem;
	}
	.formSection {
		background-position: 0% 111%;
		background-size: auto;
	}
	.marginWidthContent {
   		 width: 99%;
	}
	p.px-5.marginWidthContent.text-white {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.storyImage {
        text-align: center;
        /*margin-top: 70px;*/
        margin-top: 40px;
    }
	.app-image{
		height: auto;
		border-radius: 47px;
        box-shadow: 0 0 10px rgb(255 255 255 / 60%);
	}
	.promo-banner {
		background-image: url(../images/aapBg.jpg);
		background-repeat: no-repeat;
		width: 100%;
		max-height: 100%;
		border-radius: 30px;
		padding: 40px 20px;
		position: relative;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		display: flex;
		flex-direction: column-reverse;
	}
	.defaultWidth {
		width: 100%;
		max-width: 100%;
		margin: auto;
	}
	.download_links {
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-top: 85px;
        margin-bottom: 50px;
    }
	#typed-text{
		font-size: 17px;
        top: -45px;
		animation:none;
	}
	.download_links a {
		display: flex;
		width: 90%;
		object-fit: contain;
		background: #000;
		text-align: center;
		align-items: center;
		justify-content: center;
		margin-bottom: 20px;
	}
	.download_links a img{
	    width:100%;
	    height:100%;
	}
	.app-image{
		max-width: 100%;
	}
	.custom-img {
        width: 160px;
        height: 160px;
        object-fit: contain;
    }
	.gallery-item {
        width: 100%;
    }
	.mapAddressBox{
		padding: 10px;
	}
	.timingSection .timingsHeader{
	    display: block !important;
	}
	.timing-card{
	    background-color: #ffffff !important;
	   display: flex;
        flex-direction: row;
        justify-content: space-between;
	}
	.timing-card p, .timing-card h3{
		/*min-width: 100%;*/
        /*background: #fff;*/
        margin-bottom: 20px;
        padding: 10px;
        border-radius: 5px;
        
	}
	.timing-card h3{
	    min-width: 11%;
	}
	.timing-card p{
	    box-shadow: none !important;
        background-color: transparent !important ;
        display: flex;
        flex-direction: column;
        text-align: left;
        min-width: calc(100% - 26%);
        font-size: 14px !important;
        padding:0;
        margin-top:0 ;
	    
	}
	.timing-card {
		background: transparent;
		border-left: none;
	
	}
	.timingIcon::after{
		display: none;
	}
	.timeIconBox {
		position: absolute;
	}
	.timeIconBox + strong {
		padding-left: 40px;
	}
	.timingIcon::before{
		display: none;
	}
	.timing-card{
		padding: 13px;
		margin:0;
	}
	.timing-card h3 {
		background: transparent;
		/*color: #ffffff;*/
		margin-bottom: 0px;
		padding:0 0 0.3rem;
		/*min-width: 34%;*/
		font-size:15px !important;
	}
	.timing-card.activeDay{
		box-shadow: none !important;
	}
	.timing-card.activeDay p {
		color: #ffffff;
		background: #d28600;
	}
	.timing-card p{
	    margin-bottom:0;
	 
	}
	.moving-line {
		display: none;
	}
	    .actionBtn {
        margin-top: 25px;
	}
	
	
	.defaultWidth{
	    padding:10px;
	}
	.searchBox {
        padding: 20px 10px;
    }
	/*.search-container button, .actionBtn{*/
	/*    min-width:134px;*/
	/*}*/
	.search-container{
	    display:flex;
	    align-items:center;
	    justify-content: space-between;
	    padding:5px 5px;
	    gap:0px;
	}
	.searchBox .search-container button,.searchBox .actionBtn{
	    padding: 5px 25px;
	}
	.searchBox .actionBtn{
	    padding: 5px 20px;
	}
	.fs-20 {
        font-size: 14px !important;
    }
    .actionBtn{
        margin-left:0px;
    }
    .timing-card.box p {
        color: #ffffff ;
    }
    .vertical-slider{
        font-size:25px;
    }
    .delivery-time-time h3{
        display:flex;
    }
    .delivery-time-time h3 span{
        display:flex;
        position: static;
    }
 /*   .cards:hover{*/
	/*width: auto !important;*/
	/*transition: 600ms;*/
 /*   }*/

/*.cards:hover img{*/
/*	transform: scale(1.1);*/
/*}*/

    .cards .contents{
    	opacity: 1;
    }
    .app-image{
        animation:none;
    }

    .roundedTextBox p {
        font-size: 22px !important;
    }
    
    .mobileApp .container{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .promo-banner{
        background-image: none;
        position:relative;
    }
    .promo-banner:before,.promo-banner:after{
        content:none;
    }
    .download_links{
        margin: 0;
    }
    
    .mobileApp .bounce-bottom{
        display:flex;
        align-items: flex-end;
        justify-content:center;
        position: relative;
        width: 95% !important;
        margin: 0 auto;
        padding:0;
        /*z-index: -1;*/
    }
    .mobileApp .bounce-bottom:after{
        content: "";
        width: calc(100% - 24px);
        height: 38%;
        position: absolute;
        bottom: 13px;
        background-color: rgb(0 0 0 / 78%);
        box-shadow: 0 0 10px #000;
        border-radius: 10px 10px 34px 34px;
        z-index: 1;
       
    }
    .col-md-6.animation.bounce-top{
        position:absolute;
        bottom:90px;
        z-index:1;
    }
    .download_links a:first-child{
    margin-right:0;
    }
    .swiper{
        height: 50vh;
    }
    .owl-carousel .item img{
   
    height:150px;
    }
    .galleryContainer {
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .gallery-item {
        width: 100%;
        height:150px;
        margin-right: 0.1rem;
    }
    .gallery-item:nth-of-type(2n){
        margin-right:0;
    }
    .gallery-item:last-child{
        margin-right:0;
    }
    .mapAddressBox .defaultWidth {
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding:0;
    }
    .mapAddressBox .boxHeading{
        margin-bottom: 2rem !important;
    }
    .mapAddressBox iframe{
        height: 220px;
    }
    .storySection .overview-image {
        margin-top: 2rem;
    }
    .round-stamp {
        position: absolute;
        right: 37px;
        top: 0;
        z-index: 3;
    }
    
    
    .popup .popup-container{
        width: 90%;
        margin: 10rem auto 0;
    }
    
    .timing-card p{
        text-align:right;
    }
    .contact-card h3{
        font-size: 25px;
    }
    .info-text span:first-child{
        display:none;
    }
    .info-text span:last-child{
        display:flex;
        margin-bottom:0;
    }
    .info-box.themeBtn{
        height:50px;
        margin-bottom: 10px;
    }
    .info-box:nth-of-type(1) .info-text span:last-child,.info-box:nth-of-type(2) .info-text span:last-child{
        font-size: 16px;
    }
    
    .mapAddressBox .defaultWidth {
        width: 100%;
        margin:0;
    }
    .mobileApp:after{
        content:none;
    }
    

}




@media (min-width:992px){
    .gallery-banner .banner-text {
    position: absolute;
    font-family: "Cinzel", serif;
    bottom: 100px;
    z-index: 2;
    left: 0;
    right: 0;
    text-align: center;
    color: #ffffff;
    font-size: 60px;
    font-weight: 800;
    text-shadow:7px 9px 20px #000000;
}
	/*Start | Page animation effect*/
	.bounce-top{
	opacity: 0;
	-webkit-transition: all 1s ease-out;
	transition: all 1s ease-out;
	-webkit-transform: translate3d(0px, 120px, 0px);
	transform: translate3d(0px, 120px, 0px);
	visibility: hidden;
	}
	.bounce-bottom {
	opacity: 0;
	-webkit-transition: all 1s ease-out;
	transition: all 1s ease-out;
	-webkit-transform: translate3d(0px, -120px, 0px);
	transform: translate3d(0px, -120px, 0px);
	visibility: hidden;
	}
	.bounce-right {
	opacity: 0;
	-webkit-transition: all 1s ease-out;
	transition: all 1s ease-out;
	-webkit-transform: translate3d(200px, 0px, 0px);
	transform: translate3d(200px, 0px, 0px);
	visibility: hidden;
	}
	.bounce-left {
	opacity: 0;
	-webkit-transition: all 1s ease-out;
	transition: all 1s ease-out;
	-webkit-transform: translate3d(-200px, 0px, 0px);
	transform: translate3d(-200px, 0px, 0px);
	visibility: hidden;
	}
	.in-view {
	opacity: 1;
	-webkit-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
	transform: translate(0px, 0px);
	visibility: visible;
	}
/*End | Page animation effect*/
}