/* Base style */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
:root {
  --primary-color: #C0272D;
  --secondary-color: #222222;
  --tertiary-color: #FFBD20;
  --light-color: #049350;
  --white-color: #ffffff;
  --bg-danger: #B10101;
  --grey: #dde0e3;
  --grey-100: #d1d1d1;
  --form-grey: #e0e0e0;
  --form-grey-100: #b8b8b8;
  --light-brown: #fef7ed;
  --plyr-color-main: #049350;
}

body {
  font-family: 'Helvetica Neue';
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  color: var(--secondary-color);
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Quicksand", "Times New Roman", Times, serif;
}

ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none !important;
  outline: none !important;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

a:focus,
a:hover {
  text-decoration: none;
}
.btn,
.btn:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0);
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0);
}

button:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.form-control:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0);
}
/* ------  font start ------ */
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../css/font/HelveticaNeue-MediumCond.woff2') format('woff2'),
    url('../css/font/HelveticaNeue-MediumCond.woff') format('woff'),
    url('../css/font/HelveticaNeue-MediumCond.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../css/font/HelveticaNeue-BlackCond.woff2') format('woff2'),
    url('../css/font/HelveticaNeue-BlackCond.woff') format('woff'),
    url('../css/font/HelveticaNeue-BlackCond.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../css/font/HelveticaNeue-ThinCond.woff2') format('woff2'),
    url('../css/font/HelveticaNeue-ThinCond.woff') format('woff'),
    url('../css/font/HelveticaNeue-ThinCond.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../css/font/HelveticaNeue-BoldCond.woff2') format('woff2'),
    url('../css/font/HelveticaNeue-BoldCond.woff') format('woff'),
    url('../css/font/HelveticaNeue-BoldCond.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../css/font/HelveticaNeue-Condensed.woff2') format('woff2'),
    url('../css/font/HelveticaNeue-Condensed.woff') format('woff'),
    url('../css/font/HelveticaNeue-Condensed.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../css/font/HelveticaNeue-Light.woff2') format('woff2'),
    url('../css/font/HelveticaNeue-Light.woff') format('woff'),
    url('../css/font/HelveticaNeue-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../css/font/HelveticaNeue.woff2') format('woff2'),
    url('../css/font/HelveticaNeue.woff') format('woff'),
    url('../css/font/HelveticaNeue.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../css/font/HelveticaNeue-CondensedBlack.woff2') format('woff2'),
    url('../css/font/HelveticaNeue-CondensedBlack.woff') format('woff'),
    url('../css/font/HelveticaNeue-CondensedBlack.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/* ------ font end ----- */
/* ----- common css start ---- */
.border-rounded {
  border-radius: 50px;
}
.right-rounder {
  border-radius: 0 90px 0 90px;
}
.rounded-20 {
  border-radius: 20px;
}
.left-radius {
  border-radius: 150px 0 150px 0;
}
.right-radius-1 {
  border-radius: 0 150px 0 150px;
}
.radius-10 {
  border-radius: 10px;
}
.btn-primary {
  color: var(--white-color) !important;
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}
.btn-primary:hover{
  color: var(--secondary-color) !important;
  background-color: var(--tertiary-color) !important;
  border-color: var(--tertiary-color) !important;
}
.btn-primary-outline {
  color: var(--primary-color) !important;
  background-color: transparent;
  border-color: var(--primary-color) !important;
}
.btn-primary-outline:hover{
  color: var(--white-color) !important;
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}
.btn-lg {
  height: 50px;
  padding: 0 35px;
}
.thin-heading {
  font-size: 22px;
}
.medium-heading {
  color: var(--secondary-color);
  font-size: 30px;
  text-transform: capitalize;
  font-weight: 500;
}
.section-padding {
  padding: 100px 0;
}
.bg-tertiary {
  background-color: var(--tertiary-color) !important;
}
.bg-primary {
  background-color: var(--light-color) !important;
}
.text-primary {
  color: var(--primary-color) !important;
}
.text-tertiary {
  color: var(--tertiary-color) !important;
}
.text-light{
  color: var(--light-color) !important;
}
/* ----- common css end ---- */
/* ------ header  css start ----- */
header {
  position: relative;
  z-index: 100;
  transition: all .5s;
}
.fixed-bar {
	position: fixed;
	top: 0px;
	width: 100%;
	background: #0000007d;
	background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	padding: 10px !important;
  transition: all .5s ;
}
.fixed-bar .logo img {
  width: 60%;
  transition: all .5s ;
}

.logo img,
.logo a {
  transition: all .5s;
}
.call-action {
  padding: 3px 26px;
  gap: 10px;
  height: 60px;
}
.call-action img {
  width: 30px;
}
.call-text {
  font-size: 16px;
  line-height: 20px;
  color: var(--secondary-color);
  font-weight: 500;
}
.call-action-number {
	font-size: 22px;
	line-height: 23px;
	color: var( --white-color);
	font-weight: 500;
}
.menu-toggle {
	background-color: var(--white-color);
	height: 50px;
	width: 50px;
	border-radius: 50%;
}
.menu-toggle:hover,
.menu-toggle:active {
  background-color: var(--light-color);
}
.menu-toggle:hover img,
.menu-toggle:active img {
  filter: brightness(0) invert(1);
}
/* --- slider start ------- */
.slider {
	margin-top: -170px;
}
.common-position-1 {
  position: absolute;
  z-index: 99;
  left: 60px;
}
.common-position-2 {
  position: absolute;
  z-index: 99;
  right: 60px;
}
.img-1,
.img-4 {
  top: 10%;
  width: 150px;
}
.img-2,
.img-3 {
  bottom: 10%;
  width: 150px;
}
.img-5 {
  right: 30%;
  top: 10%;
}
/* ------about us section start -- */
.common-bg {
  background: url(../images/common-bg-1.png) repeat top center;
  background-size: cover;
}
.carousel-indicators [data-bs-target] {
  width: 18px;
  height: 5px;
  margin-right: 3px;
  margin-left: 3px;
  background-color: var(--white-color);
  border-radius: 10px;
  border: 0;
  opacity: 1;
}
.carousel-indicators [data-bs-target].active {
  background-color: var(--tertiary-color);
}
.carousel-indicators {
  margin-bottom: 60px;
}
.small-heading span {
  color: var(--light-color);
  margin-bottom: 30px;
  font-size: 22px;
  text-transform: capitalize;
  font-weight: 500;
}
.main-heading {
  font-size: 55px;
  font-weight: 700;
  color: var(--primary-color);
  margin-bottom: 30px;
  text-transform: uppercase;
}
.icon-cirle {
  width: 40px;
  height: 40px;
  background: var(--primary-color);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-right: 12px;
}
.sub {
  font-size: 19px;
}
.phone a {
  font-size: 26px;
  font-weight: 500;
  color: var(--secondary-color);
}
.phone a:hover {
  color: var(--light-color);
}
.timings {
  text-transform: capitalize;
  margin-bottom: 30px;
}
.popular-food-image {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 20px;
  height: 500px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.popular-food-image:hover {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.popular-food-image:hover {
  background: url(../images/hover-pattern.png) no-repeat;
  background-color: white;
  background-size: 80%;
  background-position: center;
}
.section-bg {
  background: url(../images/mision-vision-bg.png) no-repeat;
  background-size: cover;
  position: relative;
}
.section-bg-1 {
  background: url(../images/video-bg.png)no-repeat;
  background-size: cover;
}
.mission-content {
  font-size: 25px;
  font-weight: 500;
  line-height: 33px;
}
.mission-img img {
  margin-bottom: 45px;
  width: 100%;
  height: 535px;
  object-fit: cover;
  z-index: 9999;
  position: relative;
}
.vision-img img {
  margin-bottom: 150px;
  width: 100%;
  height: 495px;
  object-fit: cover;
  z-index: 9999;
  position: relative;
}
.video-play-button {
  z-index: 10;
  box-sizing: content-box;
  display: block;
  height: 2.75rem;
  width: 1.5rem;
  border-radius: 9999px;
  padding: 1.75rem;
}
.video-play-button:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  display: block;
  height: 5rem;
  width: 5rem;
  transform: translate(-50%, -50%);
  border-radius: 9999px;
  background-color: var(--white-color);
  z-index: 0;
}
.video-play-button:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  display: block;
  height: 5rem;
  width: 5rem;
  transform: translate(-50%, -50%);
  border-radius: 9999px;
  background-color: var(--white-color);
  z-index: 1;
}
.play-icon {
  z-index: 2;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--light-color);
  font-size: 30px;
  height: 2.75rem;
  width: 31px;
}
.video-play-button:before {
  animation: pulse-border 1500ms ease-out infinite;
}
.video-play-button:after {
  transition: all 200ms;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.video-img {
  margin-bottom: 60px;
  margin-top: -130px;
}
.video-img1 {
  z-index: 1;
  margin-bottom: 60px;
}
.video-img1 img {
  width: 100%;
  height: 650px;
  object-fit: cover;
  box-shadow: 0px 17px 25px rgba(0, 0, 0, 0.25);
}
.dishes {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.dishes p {
  font-size: 25px;
  color: var(--secondary-color);
  text-transform: capitalize;
  text-align: center;
}
.dishes img {
  margin-bottom: 25px;
  width: 120px;
  height: 110px;
  object-fit: contain;
}
.testimonial {
  text-align: center;
}
.testimonial .medium-heading {
  color: var(--primary-color);
  margin-bottom: 5px;
}
.star {
  color: var(--tertiary-color);
  margin-bottom: 40px;
}
.place {
  font-size: 22px;
  color: var(--light-color);
  font-weight: 500;
}
.form-section {
  background: url(../images/form-bg.png) no-repeat;
  background-size: cover;
  background-position: center bottom;
}
.form {
  padding: 50px;
  background: url(../images/partner-bg.png) no-repeat;
  background-color: var(--white-color);
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.part {
  color: var(--primary-color);
  font-size: 35px;
  text-transform: uppercase;
  font-weight: 700;
}
.part-1 {
  color: var(--secondary-color);
  text-transform: uppercase;
  text-align: center;
}
.form img {
  margin-bottom: 15px;
}
.form-control {
  /* width: 100%; */
  padding: 16px 15px 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--secondary-color);
  background-color: var(--white-color);
  border: 1px solid var(--form-grey);
  border-radius: 8px;
  height: 50px;
}

textarea.form-control {
  height: 100px;
}
.form-control:focus {
  border-color: var(--primary-color);
}
.form-control::placeholder {
  color: var(--form-grey-100);
  opacity: 1;
  /* Firefox */
}
.form-control::-ms-input-placeholder {
  /* Edge 12-18 */
  color: var(--form-grey-100);
}
.no-left {
  margin-bottom: 18px;
}
.form-floating>label {
  padding: 16px 26px 16px;
  border: var(--bs-border-width) solid transparent;
}
.submit .btn {
  padding: 5px 52px 5px;
  font-size: 22px;
  border-radius: 10px;
  font-weight: 600;
  height: 50px;
  line-height: 30px;
}
.submit-1 .btn {
  padding: 5px 52px 5px;
  font-size: 22px;
  border-radius: 10px;
  font-weight: 600;
  height: 50px;
  line-height: 38px;
}
.delivery {
  position: relative;
}
.fast-delivery {
  position: absolute;
  top: 0%;
  padding: 140px 60px;
}
.fast-delivery h1 {
  font-size: 60px;
  font-weight: bold;
  color: var(--white-color);
  ;
  text-transform: uppercase;
  margin-bottom: 50px;
}
/* timeline */
.reward-one {
  position: relative;
  padding-bottom: 70px;
}
.sec-title {
  position: relative;
  z-index: 2;
  margin-bottom: 40px;
}
.sec-title-1 {
  display: block;
  text-align: start;
  position: relative;
  translate: none;
  rotate: none;
  scale: none;
  transform-origin: 124.656px 11.1953px;
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.sec-title_title {
  position: relative;
  font-weight: 700;
  display: block;
  font-size: 22px;
  color: var(--light-color);
  text-transform: capitalize;
}
.title-heading {
  display: block;
  text-align: start;
  position: relative;
  translate: none;
  rotate: none;
  scale: none;
  transform-origin: 124.656px 30px;
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.sec-title_heading {
  font-size: 55px;
  margin-top: 15px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--primary-color);
}
.reward .sec-title_text {
  position: relative;
  max-width: 650px;
  margin-top: 0px;
  font-size: 18px;
}
.sec-title_text {
  line-height: 28px;
  font-size: 16px;
  margin-top: 20px;
  color: var(--color-five);
}
.reward .inner-container {
  position: relative;
}
.reward .inner-container::before {
  position: absolute;
  content: '';
  left: 0px;
  top: 125px;
  right: 0px;
  height: 1px;
  background-color: var(--grey-100);
}
.reward-block_one {
  position: relative;
  margin-bottom: 30px;
}
.reward-block_one-inner {
  position: relative;
  text-align: center;
}
.reward-block_one-number {
  position: relative;
  color: transparent;
  font-size: 80px;
  font-weight: 500;
  line-height: 1em;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  text-shadow: 2px 0 0 var(--primary-color), 0 2px 0 var(--primary-color), -2px 0 0 var(--primary-color), 0 -2px 0 var(--primary-color);
  color: var(--light-brown);
  font-family: "Quicksand", "Times New Roman", Times, serif;
}
.owl-item:nth-child(odd) .reward-block_one-number {
  text-shadow: 2px 0 0 var(--primary-color), 0 2px 0 var(--primary-color), -2px 0 0 var(--primary-color), 0 -2px 0 var(--primary-color);
}
.owl-item:nth-child(even) .reward-block_one-number {
  text-shadow: 2px 0 0 var(--light-color), 0 2px 0 var(--light-color), -2px 0 0 var(--light-color), 0 -2px 0 var(--light-color);
}
.reward-block_one-year {
  position: relative;
  font-size: 28px;
  font-weight: 700;
  margin-top: 25px;
  padding-top: 70px;
}
.owl-item:nth-child(odd) .reward-block_one-year {
  color: var(--primary-color);
}
.owl-item:nth-child(even) .reward-block_one-year {
  color: var(--light-color);
}
.reward-block_one-year {
  position: relative;
}
.reward-block_one-year::before {
  position: absolute;
  content: '';
  left: 52%;
  top: -10px;
  width: 50px;
  height: 50px;
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateX(-50%);
}
.owl-item:nth-child(odd) .reward-block_one-year:before{
  background-image: url('../images/timeline-1.png');
}
.owl-item:nth-child(even) .reward-block_one-year:before{
  background-image: url('../images/timeline-2.png');
}
.reward-block_one-heading {
  position: relative;
  margin-top: 12px;
  font-size: 28px;
  font-weight: 700;
  color: var(--black-color);
  margin-bottom: 0;
}
.reward-block_one-heading a {
  position: relative;
  color: var(--secondary-color);
  font-size: 28px;
  font-weight: bold;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.reward-block_one-subtitle {
  position: relative;
  font-size: 19px;
  font-weight: bold;
  margin-top: 5px;
  text-transform: capitalize;
}
.owl-item:nth-child(odd) .reward-block_one-subtitle {
  color: var(--primary-color);
}
.owl-item:nth-child(even) .reward-block_one-subtitle {
  color: var(--light-color);
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.bottom-space {
  margin-bottom: 25px;
}
.gallery-img img {
  width: 100%;
  height: 440px;
  object-fit: contain;
  border-radius: 10px;
}
.footer-bg {
  background: url(../images/footer-bg.png) no-repeat;
  background-size: cover;
  background-position: center;
}
.footer-heading {
  font-size: 30px;
  font-weight: bold;
  color: var(--tertiary-color);
}
.line {
  border-bottom: 2px solid var(--tertiary-color);
  width: 156px;
  margin-bottom: 35px;
}
.address .add-1 {
  font-size: 26px;
  font-weight: bold;
  text-transform: capitalize;
}
.address span a {
  color: var(--tertiary-color);
}
.address span a:hover {
  color: var(--light-color);
}
.space-1 {
  margin-bottom: 50px;
}
.add-3 {
  margin-bottom: 40px;
}
.add-8 {
  margin-bottom: 70px;
}
.bottom-line {
  color: var(--white-color);
}
.copy p {
  font-weight: 500;
  font-size: 16px;
  color: var(--white-color);
}
.copy span a {
  color: var(--tertiary-color);
}
.copy span a:hover {
  color: var(--light-color);
}
.copy span {
  color: var(--tertiary-color);
}
.submit .btn:hover {
  color: var(--white-color);
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.circle {
	background: var(--white-color);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 20px;
	line-height: 30px;
}
.copy-right {
  display: flex;
  justify-content: space-between;
}
.social-icon {
  display: flex;
}
.circle i {
	color: var(--primary-color);
	font-size: 22px;
	line-height: 30px;
}
.footer-logo img {
  margin-bottom: 50px;
  width: 223px;
  /* height: 95px; */
  object-fit: contain;
}
.circle:hover {
  background-color: var(--tertiary-color);
}
/* .circle :hover i {
  color:var(--light-color);
} */
.testimonial-section {
  background: url(../images/testimonial-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.common-bg1 {
  background: url(../images/common-bg-1.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.profile img {
  width: 65px !important;
  height: 65px;
  object-fit: cover;
  margin-bottom: 20px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
}
.owl-carousel .owl-dots.disabled {
  display: block;
}
.owl-theme .owl-nav {
  display: none;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--light-color);
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 50px 7px 0;
  background: cfcfcf;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 30px;
}
#food-item .owl-carousel .owl-dots.disabled {
  display: none;
}
#food-item .owl-nav {
  display: block;
  text-align: center;
  margin-top: 60px;
}
#food-item .owl-nav button {
  background-color: var(--bg-danger);
  /* Green background color */
  color: var(--white-color);
  border: none;
  border-radius: 50%;
  /* Circle shape */
  width: 40px;
  /* Width of the circle */
  height: 40px;
  /* Height of the circle */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s;
}
#food-item .owl-dots {
  display: none;
  zoom: 1;
}
.popular-food-image img {
  width: 100%;
  height: 313px;
  object-fit: contain;
}
.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
  color: var(--white-color);
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.btn-tertiary{
  color: var(--white-color) !important;
  background-color: var(--tertiary-color) !important;
  border-color: var(--tertiary-color) !important;
}
.btn-tertiary:hover{
  color: var(--white-color) !important;
  background-color: var(--light-color) !important;
  border-color: var(--light-color) !important;
}
.btn-secondary{
  color: var(--white-color) !important;
  background-color: var(--light-color) !important;
  border-color: var(--light-color) !important;
}
.btn-secondary:hover{
  color: var(--bg-danger) !important;
  background-color: var(--tertiary-color) !important;
  border-color: var(--tertiary-color) !important;
}
.about-img img {
  width: 536px;
  height: 701px;
  object-fit: cover;
  /* position: relative; */
  border-radius: 80px 0 80px 0;
}
.delivery img:not(.floating-image) {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.floating-image1 {
  left: 10%;
  /* top: -47%; */
  bottom: 20px;
}
.floating-image2 {
  right: 30%;
  /* top: -115%; */
  top: 60px;
}
.floating-image3 {
  /* top: -50%; */
  bottom: 10px;
  right: 40%;
}
/* .floating-image {
  width: unset;
  height: unset;
} */
.gallery-img-1 img {
	width: 100%;
	height: 440px;
	object-fit: cover;
	border-radius: 10px;
	object-position: top;
}
.gallery-img-2 img {
  width: 100%;
  height: 440px;
  object-fit: cover;
  border-radius: 10px;
}
.f-img-1 {
  position: absolute;
  top: 0%;
  right: 38px;
  z-index: 9999;
  object-fit: cover;
}
.f-img-2 {
  position: absolute;
  top: 50%;
  right: 50px;
  z-index: 9999;
  object-fit: cover;
}
.f-img-3 {
  position: absolute;
  right: 65%;
  top: 50%;
  z-index: 9999;
  object-fit: cover;
}
.owl-carousel .custom-prev,
.owl-carousel .custom-next {
  background-image: url(../images/arrow-left.png);
}
.top-space {
  margin-bottom: 60px;
}
.tog i {
  color: var(--white-color);
  font-size: 24px;
}
.img-6 {
  /* top: -15%; */
  top: 500px;
  left: 0px;
  z-index: -1;
}
.img-7 {
  /* bottom: 5%; */
  left: 0px;
  z-index: -1;
  top: 1200px;
}
.img-8 {
  /* top: -20%; */
  top: 550px;
  right: 0;
  z-index: -1;
}
.img-9 {
  /* bottom: -5%; */
  right: 0;
  z-index: -1;
  top: 850px;
}
.ring {
  top: -45%;
  left: -10%;
}
.ring-1 {
  top: 10%;
  right: -20%;
}
.img-pattern {
  position: relative;
}
.test-content {
  font-size: 22px;
  font-weight: 500;
  line-height: 38px;
  margin-bottom: 0;
}
.roll-img {
  /* top: 80%; */
  top: 900px;
  left: 0;
}
.spices-img {
  top: 360px;
  /* top: 5%; */
  right: 0;
}
/* Marqueee animation styles */
.marquee {
  position: relative;
  overflow: hidden;
  padding: 50px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.marquee h4 {
  white-space: nowrap;
  margin: 0;
  width: max-content;
  font-size: 120px;
  font-weight: 700;
  line-height: 100px;
  display: flex;
  align-items: center;
  gap: 30px;
  color: var(--light-brown);
}
.non-strok {
  gap: 30px;
  margin-right: 30px;
}
.slide-har.st1 .box {
  position: relative;
  -webkit-animation: slide-har 70s linear infinite;
  animation: slide-har 70s linear infinite;
}
@keyframes slide-har {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
.banner_canvas {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.07;
  z-index: 15;
  pointer-events: none;
}
.marquee-text-odd .item:nth-child(even) h4 {
  text-shadow: 2px 0 0 var(--secondary-color),
    0 2px 0 var(--secondary-color),
    -2px 0 0 var(--secondary-color),
    0 -2px 0 var(--secondary-color);
}
.marquee-text-odd .item:nth-child(odd) h4 {
  text-shadow: 2px 0 0 var(--primary-color),
    0 2px 0 var(--primary-color),
    -2px 0 0 var(--primary-color),
    0 -2px 0 var(--primary-color);
}
.marquee-text-even .item:nth-child(even) h4 {
  text-shadow: 2px 0 0 var(--primary-color),
    0 2px 0 var(--primary-color),
    -2px 0 0 var(--primary-color),
    0 -2px 0 var(--primary-color);
}
.marquee-text-even .item:nth-child(odd) h4 {
  text-shadow: 2px 0 0 var(--secondary-color),
    0 2px 0 var(--secondary-color),
    -2px 0 0 var(--secondary-color),
    0 -2px 0 var(--secondary-color);
}
/* Marqueee animation styles */
/* jarallax styles */
.jarallax {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
}
.jarallax>.jarallax-img {
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
  z-index: -1;
}
/* jarallax styles */
/* menu styles */
.menu-listing li {
  font-size: 28px;
  padding: 20px 0;
  text-transform: capitalize;
}
.menu-listing li a {
  color: var(--secondary-color);
}
.menu-listing li.active > a,
.menu-listing li:hover > a {
  color: var(--primary-color);
}
.menu-listing li .wsmenu-submenu a {
  font-size: 22px;
}
.menu-listing li .wsmenu-submenu li {
  padding: 0;
  text-transform: capitalize;
}
.menu-listing li .wsmenu-submenu li.active > a,
.menu-listing li .wsmenu-submenu li:hover > a{
  color: var(--primary-color);
}
.menu-listing .wsmenu-submenu{
  padding-top: 20px;
}
.menu-offcanvas {
  width: 500px !important;
}
.offcanvas :is(.offcanvas-body-block, .offcanvas-header) {
  padding: 0 50px;
}
.offcanvas-logo {
  width: 190px;
}
.offcanvas .offcanvas-header {
  padding-top: 30px;
  padding-bottom: 20px;
}
.offcanvas .social-icon {
  display: flex;
  font-size: 20px;
  gap: 25px;
}
.offcanvas .social-icon-block {
  margin-top: 10px;
}
.offcanvas .social-icon-block p {
	font-family: "Quicksand", "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 10px;
	color: var(--bg-danger);
}
.offcanvas .social-icon a {
  color: var(--primary-color);
}
.offcanvas-body {
  display: flex;
  align-items: start;
  flex-direction: column;
}
.offcanvas-body .offcanvas-body-block:not(:first-child) {
  border-top: 1px solid var(--grey);
  padding-top: 15px;
  margin-top: 15px;
}
.offcanvas-body .offcanvas-body-block {
  width: 100%;
}
.offcanvas-body-block .connect-icons {
  width: 35px;
}
.menu-offcanvas {
  background: url(../images/menu-bg.png) no-repeat;
  background-size: cover;
  background-position: left center;
}
.menu-img-1 {
  bottom: 1px;
  left: 0;
  width: 130px;
  z-index: -1;
}
.menu-img-2 {
  bottom: 10%;
  right: 0;
  width: 70px;
  z-index: -1;
}
.menu-img-3 {
  top: 0;
  right: 0;
  width: 70px;
  z-index: -1;
}
.social-icon-block .circle {
  background-color: var(--light-color);
}
.social-icon-block .circle i {
  color: var(--white-color);
}
.social-icon-block .circle:hover {
  background-color: var(--tertiary-color);
}
.social-icon-block .circle:hover i {
  color: var(--primary-color);
}
.offcanvas-body .offcanvas-body-block:not(:first-child) {
  padding-bottom: 20px;
}
.menu-offcanvas .btn-close{
  position: absolute;
  top: 30px;
  right: 30px;
}
/* menu styles end*/
/* video player css strat */
.plyr__control--overlaid {
  width: 5rem !important;
  height: 5rem !important;
  background: var(--white-color) !important;
  opacity: 1;
}
.plyr__control.plyr__control--overlaid svg {
  margin: auto;
  height: 22px !important;
  width: 22px !important;
  fill: var(--plyr-color-main);
}
/* video player css end */


/* inner page styles strat */
.breadcrumb a{
  color: var(--tertiary-color);
}
.breadcrumb li.active{
  color: var(--white-color);
}
.breadcrumb-item+.breadcrumb-item::before{
  color: var(--white-color);
}
.page-title{
  font-size: 50px;
  font-weight: 700;
}
.inner-hero-banner{
  margin-top: 170px;
}
.inner-page-slider > img{
  height: 350px;
  object-fit: cover;
}
.inner-page-slider::before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 35%);
}
/* inner page styles end */

/* Contact page styles strat */
.franchise-form{
  background-color: var(--bg-danger);
  background-size: cover;
  background-image: url(/assets/images/franchise-partner-bg.png);
}
.contact-form{
  padding: 50px 100px;
  border-radius: 0 30px 30px 0;
  /* background-color: var(--tertiary-color); */
  background-color: var(--light-color);
  background-size: cover;
  background-image: url(../images/franchise-partner-bg.png);
  /* background-image: #0000002a url(https://yummie.wpengine.com/wp-content/uploads/2024/02/contact-us-img.jpg); */
}
.contact-info-block {
  background: url(../images/contact-bg.png);
  background-size: cover;
}
.contact-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000bd;
    border-radius: 30px 0 0 30px;
}
.contact-tabs li{
  width: 50%;
}
.contact-tabs li button{
  width: 100%;
}
.contact-tabs .nav-item.show .nav-link, .contact-tabs .nav-link.active{
  color: var(--white-color);
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.contact-tabs .nav-link{
  border: 0;
  border-radius: 50px;
  font-size: 20px;
}
.contact-tabs {
  border: 0;
  background: var(--white-color);
  padding: 5px;
  border-radius: 50px;
  margin-bottom: 50px;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
.contact-tabs .nav-link{
  color: var(--secondary-color);
}
.contact-tabs .nav-item:hover .nav-link{
  color: var(--primary-color);
}
.contact-tabs .nav-link.active:hover{
  color: var(--white-color);
}
.contact-form .part {
  color: var(--secondary-color);
}
.contact-info-block{
  padding: 50px;
  border-radius: 30px 0 0 30px;
}
.contact-info-listing{
  margin-top: 40px;
}
.contact-info-listing li{
  margin-bottom: 20px;
}
.contact-info-listing li a{
  display: inline-flex;
  align-items: center;
  gap: 15px;
}
.contact-info-listing li a img{
  width: 30px;
}
.map-section iframe{
  width: 100%;
  height: 800px;
}
.map-section{
  line-height: 0;
}
.food-element-1{
  right: 0;
  bottom: 0;
  width: 40%;
}
.food-element-2{
  top: 0;
  right: 0;
  width: 20%;
}
.food-element-3{
  left: 20px;
  bottom: 20px;
  width: 30%; 
}
.socialize-content {
  margin-top: 40px;
}
.socialize-content h6{
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 20px;
}
/* Contact page styles end */
/* About page styles start */

.count-block{
  background-size: cover;
  border-radius: 150px;
  height: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.count-block-1{
  background-image: url(../images/count-image1.png);
}
.count-block-2{
  background-image: url(../images/count-image2.png);
}
.count-block-3{
  background-image: url(../images/count-image3.png);
}
.count-block-4{
  background-image: url(../images/count-image4.png);
}
.count-block:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 150px;
  background-color: rgb(0 0 0 / 70%);
  /* z-index: 1; */
}
.count-content h6{
  font-size: 50px;
  font-weight: 700;
  line-height: 37px;
  margin: 0;
}
.count-content span{
    font-size: 22px;
    margin-top: 18px;
}
.vision-mission-block{
  /* padding: 22px 0; */
  /* border-top: 1px solid #D8DDE1;
  border-bottom: 1px solid #D8DDE1; */
  margin: 40px 0 0 0;
}
.vision-mission-content{
  flex-basis: 49%;
  background-color: var(--tertiary-color);
  background-image: url(../images/franchise-partner-bg.png);
  border-radius: 25px;
  padding: 25px;
}
.vision-mission-content h6{
  font-size: 25px;
  font-weight: 700;
  color: var(--primary-color);
  margin-bottom: 10px;
}
.vision-mission-content .icon{
  width: 60px;
  height: 60px;
  border-radius: 10px;
  background-color: var(--white-color);
  display: grid;
  place-items: center;
}
.our-story-block{
  padding-right: 50px;
}
.horizons-block{
  padding-left: 20px;
}
.leaf-element-1{
  position: absolute;
  top: -30%;
  right: 10%;
  width: 150px;
}
.leaf-element-1 img{
  transform: rotate(135deg);
}
.leaf-element-2{
  position: absolute;
  /* bottom: -22%; */
  left: 10%;
  width: 150px;
  top: 110%;
  /* right: 10%; */
}
.counter-row{
  margin-top: 150px;
}
.franchise-banner{
  background-color: var(--light-color);
  border-radius: 30px;
  background-image: url(../images/dot-pattern.png);
  background-size: cover;
  padding: 30px 50px 0 50px;
  margin-top: 60px;
}
.franchsie-section{
  background-image: url(../images/white-bg.png);
  background-size: cover;
}
.franchise-elements-1{
  position: absolute;
  top: 0;
  left: 50%;
}
.franchise-elements-2{
  position: absolute;
  bottom: 0;
  left: 40%;
}
.franchise-elements-3{
  position: absolute;
  bottom: -40%;
  right: 0;
}
.dotted-line{
  margin-bottom: 25px;
}
.franchise-banner-item {
  position:relative;
  z-index:1;
}
.sign img {
  width: 40%;
}
.food-element-1{
  position:absolute;
  z-index: 1;
}
.food-element-2{
  position:absolute;
  z-index: 1;
}
.submit-1 .btn-tertiary:hover {
  color: var(--white-color) !important;
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}
.about-img-4 {
  /* bottom: 20%; */
  top: 1050px;
  right: 0;
  z-index: -1;
}
.about-img-3 {
  top: 300px;
  right: 0;
  z-index: -1;
}
.about-img-2 {
  /* bottom: 20%; */
  top: 1050px;
  left: 0;
  z-index: -1;
}
.about-img-1 {
  top: 300px;
  left: 0;
  z-index: -1;
}
/* About page styles end */


/* Services page Start */
.services-heading {
	font-size: 45px;
	font-weight: 700;
	margin-bottom: 20px;
	text-transform: capitalize;
}
.catering-service h3{
  position: absolute;
  top: 0;
  right: -82px;
  /* transform: translate(-50%, 0%)!important; */
  z-index: 3;
  font-size: 54px;
  font-weight: 400;
  text-transform: uppercase;
  writing-mode: vertical-rl;
  text-shadow: 1px 0 0 var(--light-color),
  0 1px 0 var(--light-color),
  -1px 0 0 var(--light-color),
  0 -1px 0 var(--light-color);
  margin: 0;
  letter-spacing: 0.16em;
  color: var(--light-brown);
}
.catering-service h3 span{
    display: inline-block;
    transform: rotate(-90deg);
}
.catering-service h3:before, .catering-service h3:after {
  content: "";
  display: inline-block;
  height: 100px;
  width: 5px;
  background-color: var(--tertiary-color);
  border-radius: 5px;
}
.catering-service-image{
  overflow: hidden;
  position: relative;
  max-width: 100%;
  width: 740px;
  aspect-ratio: 0.93/1;
}
.catering-service-image img{
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0 80px 0 80px;
}
.catering-content{
  background-color: var(--primary-color);
  background-image: url(../images/franchise-partner-bg.png);
  background-size: cover;
  padding: 100px;
  border-radius: 80px 0 80px 0;
  margin-right: -250px;
  position: relative;
  z-index: 3;
}
.catering-block{
  background-image: url(../images/geometric-pattern.svg);
}
.leaf-bunch{
  z-index: -1;
  left: -17% !important;
  top: 50px !important;
  /* animation: jumpAni 7s linear infinite; */
  width: 45%;
}
.briyani-plate{
  padding-right: 50px;
}
.services-container {
	margin-bottom: 90px;
	line-height: 32px;
}
@keyframes jumpAni {
  0% {
      transform: translateY(0);
  }
  40% {
      transform: translateY(-30px);
  }
  100% {
      transform: translateY(0);
  }
}
.services-section .img-6{
  /* top: 30%; */
  top: 100px;
}
.services-section .img-7{
  /* bottom: 20%; */
  top: 2000px;
}
.services-section .img-8{
  /* top: 0%; */
  top: 100px;
}
.services-section .img-9{
  /* bottom: 40%; */
  top: 1000px;
}
.service-leaf {
	right: 0;
	top: 70%;
}
.service-roll{
  width: 25%;
  bottom: 5%;
  left: -12%;
  z-index: 3;
}
.catering-elements{
  top: 0;
  right: 0;
}
/* Services page end */

/* branches page styles start */
.branches-box{
  background-color: var(--white-color);
  border-radius: 30px;
  padding: 35px;
  background-image: url(../images/branches-bg.png);
  background-repeat: repeat;
  background-size: cover;
  text-transform: capitalize;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.branch-heading{
  color: var(--light-color);
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 30px;
}
.branches-box ul{
  margin-bottom: 5px;
}
.branches-box ul li{
  color: var(--secondary-color);
  font-size: 18px;
  margin-bottom: 20px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.yellow-circle{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--tertiary-color);
  color: var(--white-color);
  flex-shrink: 0;
  font-size: 15px;
  letter-spacing: -1px;
}
.btn-small{
  padding: 5px 20px;
  height: 35px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 4px;
}
.branches-row{
  margin-bottom: 75px;
}
.branches-img-1{
  top: 110px;
  left: 0;
  z-index: -1;
}
.branches-img-2{
  top: 1050px;
  left: 0;
  z-index: -1;
}
.branches-img-3{
  top: 110px;
  right: 0;
  z-index: -1;
}
.branches-img-4{
  top: 1050px;
  right: 0;
  z-index: -1;
}
.branches-img-5{
  top: 1850px;
  right: 0;
  z-index: -1;
}
.branches-img-6{
  top: 1850px;
  left: 0;
  z-index: -1;
}
/* branches page styles end */

.form-img{
  position: absolute;
  bottom: 0;
}
.form-img img {
	width: 84%;
	/* width: 73%; */
}
.video-img .plyr{
  border-radius: 40px 0 40px 0;
}
/* -------new css ------- */
.franchase-1 {
	border: 1px solid #64b061;
	padding: 15px 30px;
	background: #64b061;
}
.form-section .main-heading {
	font-size: 45px;
}
.services-container p {
  line-height: 30px;
}

.mail-icon .call-action-number {
  color: var(--secondary-color);
}
/* -------new css ------- */
.franchase-1 {
  border: 1px solid #64b061;
  padding: 10px 20px;
  background: #64b061;
}
.form-section .main-heading {
	font-size: 45px;
}
.services-container p {
  line-height: 30px;
}

.mail-icon .call-action-number {
  color: var(--secondary-color);
}
.service-img-2 {
	height: 452px;
	float: left;
	object-fit: contain;
	margin-right: 40px;
}
.footer-link {
  display: flex;
  gap:70px;
}
.footer-link li a {
  color: #ffffff
}
.footer-link li a:hover {
  color: var(--tertiary-color);
}
.navigation-bar {
  position: fixed;
  top: 0px;
  width: 100%;
  background: #0000007d;
  background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
}
.wpcf7-not-valid-tip {
	display: none !important;
}
.wpcf7-not-valid {
  border-color:red !important;
  border: 1px solid red !important;
}
input[aria-invalid="true"] {
  border-color:red !important;

}
.no-left.bot .recaptcha span{
  border: 0px !important;
}
.wpcf7-response-output {
    margin-top: -44px !important;
    text-align: center !important;
    border-color: transparent!important ;
    font-size: 16px !important;
}
.contact-form .wpcf7-response-output {
	margin-top: 12px !important;
	margin-bottom: 12px !important;
    padding: 0.1em !important;
    color: #fff;
    text-align: center;
}
.wpcf7-spinner {
	margin: 10px 24px !important;
	position: absolute !important;
}
 .inner-page-slider {
        margin-top:0;
    }