/*-----------------------------------------------------------------------------------

[Table of contents]

1. Font
2. Css Variable for colors
3. Common CSS - Button, Sections Titles, Background etc.
4. Preloader
5. Header - Main Navigation section
6. Hero Slider section
7. Right Side Menu
8.Banner Section
9.Menu List
10.Delicous Menu Section
11.Video Section
12.Who We Are Section
13.Gallery Slider Section
14.Review Section
15.Privet Event Section
16.Blog Section
17.Footer Section
18.Booking Model
19.Reservation page 1
20.Youtube Video Model
21.About Us Page
22.Chef Section
23.Our journey Section
24.Coustomer Review Section
25.Gallery Section
26.Offer Menu page
27.Menu List Section
28.Reservation Form
29.Contact Us Page
30.Blog List Page
31.Blog Detail Page
32.New Home Page ( Slider Hero Version Home)
33.Video Section
34.Our Menu Section - Tab
35.Discount Section - Vertical Scroll SLider
36.Popular dish section
37.Who We are Option-2
38.Testimonial Section Option-2
39.Out Team Section
40.Blog Section Option-2


-----------------------------------------------------------------------------------*/


/* --------Font--------------- */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rowdies&display=swap');
/* -----------Css-variable------ */

:root {
  --text-white: #ffffff;
  --text-black: #000000;

  /* Background Colors */
  --bg-white: #ffffff;
  --bg-skin: #F9F4E6;
  /* Updated to match the Cream outline of the Fuego Logo */

  /* Dark Shades */
  --dark-black: #323232;
  --more-dark-black: #1b1b1b;
  --black: #000000;
  --bs-green: #008a45;
  /* Brand Colors (Sourced from logo) */
  --primary-red: #e85526 !important;
  /* Updated to Fuego Orange. Kept the variable name so it doesn't break your existing HTML */
  --primary-yellow: #F5A623;
  /* Warmed up the yellow to match a "fire" theme */

  /* Greys */
  --text-grey: #585858;
  --text-lightgrey: #a7a7a7;
  --border-grey: #dcdcdc;
  --border-darkgrey: #777777;

  /* Typography */
  --font-rowdies: 'Rowdies', sans-serif;
  --font-roboto: 'Roboto', sans-serif;





  --cream: #fcf9df;
  --orange: #FF5722;
  --orange-dark: #E64A19;
  --red: #D32F2F;
  --dark-red: #8B0000;
  --black: #151515;
  --gray: #333333;
  --light-gray: #f4f4f4;
  --white: #ffffff;
  --green: #2e7d32;
  --bs-green: #008a45;
  /* Specific green for best selling cart btn */
  --font-heading: 'Oswald', sans-serif;
  --font-body: 'Montserrat', sans-serif;
  --shadow-sm: 0 4px 10px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 10px 25px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.15);
  --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* ------Common-Css------------- */

body {
  margin: 0;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.5;
  font-family: 'Roboto', sans-serif;
  word-break: break-word;
  scroll-behavior: smooth;
  /*background-image: url(../images/dark_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;*/
  background: #f4f1ea;

  color: #fff;
  width: 100%;
  overflow-x: hidden;
}

body.modal-open {
  padding-right: 5px !important;
}


body.modal-open .navbar {
  width: calc(100% - 5px);
}

body.hide_scroll {
  overflow: hidden;
}

body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(66, 66, 66, 0.3);
  border-radius: 5px;
  background-color: var(--black);
}

body::-webkit-scrollbar {
  width: 8px;
  background-color: var(--black);
}

body::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(66, 66, 66, .3);
  background-color: var(--primary-red);
}

.page_wrapper {
  width: 100%;
  overflow-x: hidden;
}

a {
  text-decoration: none;
  transition: .4s all;
  color: var(--text-grey);
}

a:hover {
  text-decoration: none;
  color: var(--primary-red);
}

ul,
li {
  padding: 0;
  list-style-type: none;
  margin: 0;
}

button:focus,
.btn.focus,
.btn:focus {
  outline: none;
  box-shadow: none;
}

.form-control:focus {
  box-shadow: none;
  border-color: transparent;
}

.light_texchur {
  background-image: url(../images/who_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}

@media screen and (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}

.row_am {
  padding: 50px 0;
}

.row_inner_am {
  padding: 80px 0;
}

.py_50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.py_80 {
  padding-top: 80px;
  padding-bottom: 50px;
}

/* Button Common Css */
.btn_primary {
  padding: 16px 30px;
  background-color: var(--primary-red);
  text-transform: uppercase;
  font-size: 14px;
  font-family: var(--font-rowdies);
  color: var(--text-white);
  border-radius: 10px;
  line-height: 1;
  letter-spacing: 1px;
  transition: .4s ease-in-out;
}

.btn_primary.yellow_btn {
  background-color: var(--primary-yellow);
  color: var(--text-black);
}

.btn_primary {
  position: relative;
  overflow: hidden;
}

.btn_primary:hover {
  color: var(--text-white);
  opacity: 0.9;
}

.btn_primary:after {
  content: ' ';
  position: absolute;
  top: -50%;
  right: -60%;
  bottom: -50%;
  left: -60%;
  background: linear-gradient(50deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 60%);
  -webkit-transform: translate(-80%, 0px);
  -ms-transform: translate(-80%, 0px);
  transform: translate(-80%, 0px);
}

.btn_primary:hover:after {
  animation: 4s cfs-glimmer infinite;
}


@keyframes cfs-glimmer {
  0% {
    -webkit-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
  }

  50% {
    -webkit-transform: translate(50%, 0px);
    -ms-transform: translate(50%, 0px);
    transform: translate(50%, 0px);
  }
}

.btn_text {
  padding: 10px 0;
  color: var(--primary-red);
  font-family: var(--font-rowdies);
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: normal;
}

.btn_text:hover {
  color: var(--primary-red);
}

/* Section Title Css */
.section_title {
  position: relative;
}

.section_title .icon {
  margin-bottom: 20px;
  display: block;
}

.section_title .sub_text {
  font-family: var(--font-Roboto);
  font-size: 18px;
  font-weight: 700;
  color: var(--primary-yellow);
  display: block;
}

.section_title h2 {
  font-size: 50px;
  font-family: var(--font-rowdies);
  margin-bottom: 0;
  line-height: 1;
  text-transform: uppercase;
  color: var(--primary-red);
}

.section_title h2:after {
  /* H2 heading icon add */
  content: "";
  position: relative;
  /* background: url("../images/heading_element.png") no-repeat center; */
  /*background-size: 3.375rem 1.125rem;*/
  display: block;
  width: 60px;
  height: 12px;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  top: 0.5rem;
}


/* White Background */
.bg_white_textcher {
  background-image: url(../images/banner_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.bg_white_textcher h2,
.bg_white_textcher span,
.bg_white_textcher p,
.bg_white_textcher .sub_text {
  color: var(--White);
}


/* Dark Background */
.bg_dark_textcher {
  /* background-image: url(../images/dark_bg.png); */
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Dark Background */
.bg_yellow_textcher {
  background-image: url(../images/yellow_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.bg_yellow_textcher h2,
.bg_yellow_textcher span,
.bg_yellow_textcher p,
.bg_yellow_textcher .sub_text {
  color: var(--White);
}

.bg_white_textcher .section_title h2:after {
  /* H2 heading icon add */
  content: "";
  position: relative;
  background: url("../images/heading_element_white.png") no-repeat center;
  /*background-size: 3.375rem 1.125rem;*/
  display: block;
  width: 60px;
  height: 12px;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  top: 0.5rem;
}


.bg_yellow_textcher .section_title h2:after {
  /* H2 heading icon add */
  content: "";
  position: relative;
  background: url("../images/heading_element_white.png") no-repeat center;
  /*background-size: 3.375rem 1.125rem;*/
  display: block;
  width: 60px;
  height: 12px;
  margin-left: 0;
  margin-right: auto;
  clear: both;
  top: 0.5rem;
}

/* heading element left align */

.our_journey,
.comment_section .section_title h2:after {
  margin-left: 0;
  margin-right: auto;
}


/* -------------Preloader-Css-Start-------------- */
/* -------------Preloader-Css-Start-------------- */

/* Preloader Background */

#preloader {

  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--bk-bg-cream, #F4F1EA);
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;

}



/* Container to align everything */

.premium-loader-container {

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

}



/* The Burger */

.bouncing-burger {

  font-size: 100px;
  color: var(--bk-red, #D72300);
  transform-origin: bottom center;
  /* ease-out creates perfect gravity: fast launch, slow at the top */
  animation: bounceSquash 0.5s ease-out infinite alternate;

}



/* The 3D Shadow on the floor */

.burger-shadow {

  width: 50px;
  height: 8px;
  background-color: rgba(75, 48, 18, 0.25);
  /* Subtle brown shadow */
  border-radius: 50%;
  margin-top: 5px;
  animation: shadowPulse 0.5s ease-out infinite alternate;

}



/* The Text */

.loading-text {
  margin-top: 25px;
  font-weight: 900;
  font-size: 1.1rem;
  color: var(--bk-text-brown, #4B3012);
  text-transform: uppercase;
  letter-spacing: 1px;
  display: flex;

}



/* Bouncing Text Dots */

.dots span {
  display: inline-block;
  animation: textDots 1.4s infinite both;
  opacity: 0;
  margin-left: 2px;

}



.dots span:nth-child(1) {
  animation-delay: 0s;
}



.dots span:nth-child(2) {
  animation-delay: 0.2s;
}



.dots span:nth-child(3) {
  animation-delay: 0.4s;
}





/* =========================================

   THE ANIMATION KEYFRAMES (100% Quality)

   ========================================= */



@keyframes bounceSquash {

  0% {
    /* Hits the ground: Squashes wide and flat */
    transform: translateY(0) scale(1.2, 0.7);
    color: var(--bk-red, #D72300);
  }



  20% {
    /* Launches up: Stretches tall and thin */
    transform: translateY(-15px) scale(0.9, 1.1);
  }



  100% {
    /* Peak of jump: Normal shape, fades to orange */
    transform: translateY(-60px) scale(1, 1);
    color: #E85D22;

  }

}



@keyframes shadowPulse {
  0% {
    /* Burger is on the ground: Shadow is dark and wide */
    transform: scale(1.3);
    opacity: 0.7;

  }



  100% {
    /* Burger is in the air: Shadow is tiny and faded */
    transform: scale(0.4);
    opacity: 0.1;

  }

}



@keyframes textDots {



  0%,
  100% {
    opacity: 0;
    transform: translateY(3px);
  }



  50% {
    opacity: 1;
    transform: translateY(-2px);
  }

}



@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }



  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }

}



@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }



  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


.banner_section {
  text-align: center;
  position: relative;
  /* height: 90vh; */
}

.banner_section .banner_side_shape div {
  position: absolute;
}

.banner_section .banner_side_shape .left_shape {
  left: 0;
  bottom: 100px;
  text-align: left;
}

.banner_section .banner_side_shape .right_shape {
  right: 0;
  bottom: 0;
  text-align: right;
}

.banner_section .banner_inner {
  padding-bottom: 80px;
}

.banner_section h1 {
  font-size: 60px;
  font-family: var(--font-rowdies);
  margin-bottom: 0px;
}

.banner_section .banner_images {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-top: 80px;
}

.banner_section .banner_images .img {
  position: relative;
}

.banner_section .banner_images .img .radius_img {
  width: 255px;
}

.banner_section .banner_images .img:nth-child(1) {
  margin-top: -120px;
}

.banner_section .banner_images .img:nth-child(1) .radius_img {
  height: 350px;
}

.banner_section .banner_images .img:nth-child(2) .radius_img {
  width: 500px;
  height: 580px;
  margin: 0 75px;
}

.banner_section .banner_images .img:nth-child(2) .radius_img {
  border-top-left-radius: 300px;
  border-top-right-radius: 300px;
}

.banner_section .banner_images .img:nth-child(3) .radius_img {
  height: 420px;
}

.banner_section .banner_images .img .radius_img {
  object-fit: cover;
  border: var(--img-border);
}

.banner_section .banner_images .img:nth-child(1) .radius_img,
.banner_section .banner_images .img:nth-child(3) .radius_img {
  border-radius: 300px;
}

/* Banner Images Badges And Tags */
.banner_section .banner_images .img .bt_curve_text {
  margin-top: -45px;
}

.banner_section .banner_images .img .side_shape {
  position: absolute;
  top: 40%;
  left: 35px;
}

.banner_section .banner_images .img .badge_shape {
  position: absolute;
  right: -50px;
  bottom: 50px;
}

.banner_badge {
  position: absolute;
  top: 50px;
  right: 75px;
  width: 135px;
  height: 135px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.banner_badge .since {
  background-color: #282828;
  width: 100px;
  height: 100px;
  border: 1px solid #fff;
  border-radius: 100px;
  text-align: center;
  padding-top: 26px;
  margin: 0 auto;
}

.banner_badge .since p {
  font-size: 16px;
  margin: 0;
  font-family: var(--font-rowdies);
  letter-spacing: 6px;
  line-height: 1;
  padding-left: 5px;
}

.banner_badge .since span {
  font-size: 35px;
  font-family: var(--font-rowdies);
  line-height: 1;
  margin-left: -3px;
}

.banner_badge .round_anim {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}

.banner_badge .round_anim img {
  transform-origin: 50% 50% 0;
  transform: rotate(0deg);
  -webkit-animation: spin 15s linear infinite;
  -moz-animation: spin 15s linear infinite;
  animation: spin 15s linear infinite;
}

.banner_section .banner_images .img .go_down {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  animation: drop_up linear 1.5s infinite forwards;
}

@keyframes spin {

  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes drop_up {

  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-20px);
  }

  100% {
    transform: translateY(0px);
  }

}

/* --- Banner Section Css End --- */


/* ---------- Menu List Flow Css Start ------------- */

.menu_list_section {
  background-color: var(--primary-red);
  padding: 20px 0;
  transform: rotate(-1deg);
  pointer-events: none;
  position: relative;
  z-index: 11;
}

.menu_list_section.rotet_down {
  transform: rotate(0.5deg);
}

.menu_list_section .owl-stage,
.menu_list_section .owl-stage-outer,
.textFlow_list .owl-stage,
.textFlow_list .owl-stage-outer {
  height: 40px;
  text-transform: uppercase;
}

.text_block {
  display: flex;
  align-items: center;
}

.text_block span {
  color: var(--text-white);
  font-size: 40px;
  font-family: var(--font-rowdies);
  font-weight: 400;
  line-height: 1;
}

.text_block .mark_star {
  height: 30px;
  margin: 0 90px;
  font-family: 'Roboto', sans-serif;
}

/* ------------Delicous Menu Section Css Start ------------- */

.delicous_menu {
  margin-top: 50px;
  position: relative;
}

.delicous_menu.row_am {
  padding-bottom: 0;
  margin-bottom: -1px;
}

.menu_listing .menu_listing_block {
  padding: 50px 0;
  border-top: 1px solid var(--border-grey);
  position: relative;
}

.menu_listing .menu_listing_block:last-child {
  border-bottom: 1px solid var(--border-grey);
}

.menu_listing .diplay_state {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  transition: .8s all;
}

.menu_listing .menu_name {
  width: 250px;
}

.menu_listing .menu_name h3 {
  font-size: 90px;
  text-transform: uppercase;
  font-family: var(--font-rowdies);
  letter-spacing: 1px;
  font-weight: 400;
  margin: 0;
}

.menu_listing .list_running {
  width: calc(100% - 400px);
}

.menu_listing .list_running marquee {
  border-left: 1px solid rgba(105, 105, 105, 0.3);
  border-right: 1px solid rgba(105, 105, 105, 0.3);
}

.menu_listing .list_running .wrp {
  position: relative;
  margin-left: 20px;
  margin-right: 20px;
}

.menu_listing .list_running .wrp:before {
  content: "";
  width: 5px;
  height: 5px;
  background-color: var(--text-grey);
  display: block;
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 100px;
}

.menu_listing .menuMobileLIst {
  display: none;
}

.menu_listing .list_running .wrp span,
.menu_listing .menuMobileLIst ul li span {
  font-family: var(--font-rowdies);
  color: var(--text-grey);
  font-size: 20px;
  display: inline-block;
}

.menu_listing .menuMobileLIst ul li span {
  margin-bottom: 5px;
}

.menu_listing .direction_pointer {
  display: block;
  width: 150px;
  text-align: right;
  color: var(--text-white);
  font-size: 30px;
}

.menu_listing .hover_state {
  display: flex;
  align-items: center;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  transition: .8s all;
  opacity: 0;
  pointer-events: none;
}

.menu_listing .hover_state .menu_img {
  margin-right: 40px;
}

.menu_listing .hover_state .menu_img img {
  width: 350px;
  height: 145px;
  object-fit: cover;
  border: var(--img-border);
  border-radius: 150px;
}

.menu_listing .hover_state .menu_name {
  width: auto;
}

.menu_listing .hover_state .menu_name h3,
.menu_listing .hover_state .menu_name h3 a {
  color: var(--primary-red);
  position: relative;
}

.menu_listing .hover_state .menu_name h3::after {
  content: "";
  width: 100%;
  display: block;
  height: 1px;
  background-color: var(--primary-red);
  margin-top: -15px;
  opacity: 0;
  transition: .4s ease-in-out;
}

.menu_listing .hover_state .menu_name h3:hover::after {
  opacity: 1;
}

.menu_listing .hover_state .btn {
  margin-left: auto;
}

.menu_listing_block:hover .hover_state {
  opacity: 1;
  pointer-events: all;
}

.menu_listing_block:hover .diplay_state {
  opacity: 0;
  pointer-events: none;
}

/* ------------Delicous Menu Section Css End ------------- */

/* -------- Video Wraper Css Start ------------ */
.video_wraper {
  z-index: auto;
  float: none;
  flex-shrink: 1;
  display: flex;
  margin: 0px;
  inset: 0px;
  position: relative;
  flex-basis: auto;
  overflow: visible;
  box-sizing: border-box;
  width: 100%;
  height: 1400px;
  padding-bottom: 400px;
  margin-top: -130px;
}

.video_wraper::before {
  content: "";
  position: absolute;
  height: 55%;
  bottom: 0;
  background-image: url(../images/banner_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
}

.video_wraper .action_box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  flex-direction: column;
}

.video_wraper .round_anim {
  position: absolute;
  transform-origin: 50% 50% 0;
  transform: rotate(0deg);
  -webkit-animation: spin 15s linear infinite;
  -moz-animation: spin 15s linear infinite;
  animation: spin 15s linear infinite;
}

.video_wraper .action_btn img {
  width: 100px;
}

.video_wraper .action_btn a {
  display: block;
  z-index: 99;
  position: relative;
}

.video_wraper .play_vtn {
  width: 160px;
  height: 160px;
}

@keyframes spin {

  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* -------- Video Wraper Css End ------------ */

/* --------- Who We Are Section Start --------- */
.who_we_section {
  position: relative;
  margin-top: -50px;
}

.who_we_section .sider_shape {
  position: absolute;
  right: 0;
  top: 27%;
}

.who_we_section .section_title {
  gap: 20px;
  padding-top: 40px;
}

.who_we_section .section_title .icon {
  padding-top: 13px;
}

.who_we_section .radius_img {
  border: var(--img-border);
  border-radius: 100% 100% 0 0;
  height: 680px;
  object-fit: cover;
}

.who_we_section .who_We_text {
  padding-left: 75px;
}

.who_we_section .who_We_text .chef_block {
  position: relative;
  width: 242px;
  height: 362px;
  margin: 70px 0;
}

.who_we_section .who_We_text .chef_block .chef_img {
  border-radius: 500px;
  object-fit: cover;
  width: 220px;
  height: 320px;
}

.who_we_section .who_We_text .chef_block .text_img {
  position: absolute;
  top: 0;
  left: 0;
}

.who_we_section .who_We_text .action_block {
  display: flex;
  align-items: center;
}

.who_we_section .who_We_text .action_block .social_media {
  gap: 10px;
  margin-right: 15px;
}

.who_we_section .who_We_text .action_block .social_media a {
  border: 1px solid var(--black);
  color: var(--black);
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
}

.who_we_section .who_We_text .action_block .social_media a:hover {
  background-color: var(--primary-red);
  color: var(--text-white);
  border-color: var(--primary-red);
}

/* --------- Who We Are Section End --------- */

/* --------- inner page banner common css --------- */

.bredcrumb_section {
  padding: 180px 0 220px 0;
}


/* ---------- Gallery Slider Css Start ---------- */

.bredcrumb_section.gallery_banner {
  position: relative;
  background: linear-gradient(to left, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/gallery_banner.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.bredcrumb_section h2 {
  color: var(--text-white);
}

.bredcrumb_section p {
  margin-top: 25px;
}

.bredcrumb_section .ovelay_bg {
  position: absolute;
  bottom: -2px;
}

.bredcrumb_section .ovelay_bg img {
  width: 100%;
}

.gallery_slider .item img {
  border-radius: 20px;
  height: 385px;
  object-fit: cover;
}

.gallery_slider #gallery_flow_right,
.gallery_slider #gallery_flow_left {
  padding: 20px 0;
  /* pointer-events: none; */
}

.gallery_slider #gallery_flow_left {
  transform: rotate(180deg);
}

.gallery_slider #gallery_flow_left .img {
  transform: rotate(-180deg);
}

.gallery_slider .owl-stage {
  display: flex;
}

/* ---------- Gallery Slider Css End ---------- */

/* --------- Review Section Start ------------- */

.bredcrumb_section.review_banner {
  position: relative;
  background: linear-gradient(to left, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/review_banner.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}


.review_section.row_am {
  position: relative;
  padding-bottom: 300px;
}

.review_section .review_text {
  font-family: var(--font-rowdies);
  font-size: 200px;
  text-align: center;
}

.review_section .review_list {
  display: flex;
  flex-direction: column;
}

.review_section .review_list .with_text {
  width: 475px;
  border: 5px solid var(--black);
  background-color: #323232;
  padding: 30px;
  border-radius: 20px;
  position: relative;
  display: flex;
  justify-content: space-between;
}

.review_section .review_list .with_text img {
  width: 100px;
  height: 150px;
  border: 3px solid var(--black);
  border-radius: 100px;
  object-fit: cover;
}

.review_section .review_list .review_box {
  margin: 50px 0;
}

.review_section .review_list .review_box .review {
  width: calc(100% - 130px);
}

.review_section .review_list .review_box .review .star {
  margin-bottom: 5px;
  letter-spacing: -2px;
}

.review_section .review_list .review_box .review .star span {
  color: #f78e11;
  letter-spacing: -2px;
}

.review_section .review_list .review_box .quotes {
  position: absolute;
  font-size: 26px;
}

.review_section .review_list .review_box .left_quote {
  top: -25px;
  left: 20px;
}

.review_section .review_list .review_box .right_quote {
  bottom: -25px;
  right: 20px;
}

.review_section .review_list .review_box:nth-child(even) {
  margin-left: auto;
}

.review_section .review_list .review _box:nth-child(n + 3n) {
  margin-left: 150px;
}

.review_section .review_list .review_box .review .name {
  font-family: var(--font-rowdies);
  font-weight: 400;
  letter-spacing: 1px;
}

.review_section .review_list .with_video {
  width: 475px;
  height: 245px;
  border: 5px solid var(--black);
  background-color: #323232;
  padding: 30px;
  border-radius: 20px;
  position: relative;
  background-image: url(../images/review_02.png);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* --------- Review Section End ------------- */

/* ---------- Privet Section Css Start ----------- */

.privet_event_section .sider_shape {
  position: absolute;
  left: 0;
  bottom: 150px;
}

.privet_event_section .privet_text {
  padding-right: 80px;
}

.privet_event_section .privet_text img {
  width: 350px;
  height: 400px;
  object-fit: cover;
  border: var(--img-border);
  border-radius: 100% 100% 0 0;
  margin: 75px 0 0 auto;
}

.privet_event_section .privet_info .radius_img {
  height: 650px;
  width: 100%;
  object-fit: cover;
  border: var(--img-border);
  border-radius: 100% 100% 0 0;
}

.privet_event_section .privet_info p {
  margin: 30px 0;
}

.privet_event_section .privet_info .side_icon {
  position: absolute;
  top: 30px;
  left: 30px;
}

/* ---------- Privet Section Css End ----------- */

/* --------- Blog Section Css Start ---------- */

.blog_post {
  max-width: 75%;
  margin-bottom: 50px;
}

.blog_post .img {
  display: block;
}

.blog_post .img img {
  border: var(--img-border);
  border-radius: 100% 100% 0 0;
  height: 320px;
  width: 100%;
  object-fit: cover;
  transition: .4s all;
  transform-origin: left bottom;
}

.blog_post .info .date {
  display: block;
  margin: 15px 0;
  color: var(--text-grey);
}

.blog_post .info h3 {
  font-size: 28px;
  font-family: var(--font-rowdies);
  font-weight: 400;
  margin-bottom: 10px;
}

.blog_post .info h3 a {
  color: var(--text-white);
  transition: .4s ease-in-out;
}

.blog_post .info h3 a:hover {
  color: var(--primary-red);
}

.blog_post .info .btn {
  position: relative;
  transform: translateY(10px);
  opacity: 0;
  transition: .4s all;
}

.blog_post:hover .btn {
  opacity: 1;
  transform: translateY(0);
}

.blog_post:hover .img img {
  transform: rotate(-3deg);
}

/* --------- Blog Section Css End ---------- */

/* ----------- Footer Css Start ---------- */

footer {
  /*background: linear-gradient(to left, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../images/footer_bg.png);
  background-size: cover;
  background-repeat: no-repeat;*/
  position: relative;
  padding-top: 100px;
}

footer .ovelay_bg {
  position: absolute;
  top: -4px;
  width: 100%;
}

footer .offer_block h2 {
  font-size: 40px;
}

footer .ovelay_bg img {
  width: 100%;
}

footer .foote_widget {
  border-bottom: 1px solid var(--border-darkgrey);
}

footer .direction_block p {
  font-size: 40px;
  color: var(--text-white);
  line-height: 1.3;
}

footer .direction_block p a {
  color: var(--text-white);
}

footer .direction_block p a:hover {
  color: var(--primary-red);
}

footer .offer_block h2 {
  font-family: var(--font-rowdies);
  font-size: 50px;
  text-transform: uppercase;
  margin-bottom: 0;
}

footer .offer_block h2+p {
  color: var(--text-white);
}

footer .offer_block h2+p span {
  color: var(--text-white);
}

footer .offer_block .form-group {
  max-width: 460px;
  height: 60px;
  position: relative;
}

footer .offer_block .form-group .icon {
  position: absolute;
  top: 52%;
  left: 20px;
  transform: translateY(-50%);
  font-size: 14px;
  color: var(--text-grey);
}

footer .offer_block .form-group .form-control {
  width: 100%;
  height: 100%;
  border: 1px solid var(--border-darkgrey);
  background-color: var(--black);
  border-radius: 12px;
  color: var(--text-grey);
  font-weight: 600;
  padding-left: 35px;
  font-size: 14px;
  padding-right: 175px;
}

footer .offer_block .form-group .form-control::placeholder {
  color: var(--text-grey);
}

footer .offer_block .form-group .btn {
  position: absolute;
  right: 3px;
  top: 3px;
  padding: 0;
  width: 175px;
  height: calc(100% - 6px);
}

footer .social_media li {
  text-align: right;
  padding: 8px 0;
}

footer .social_media li a {
  text-align: right;
  color: var(--text-white);
  padding: 5px 0;
}

footer .social_media li a:hover {
  color: var(--primary-red);
}

footer .links {
  padding: 30px 0;
}

footer .links li a {
  color: var(--text-white);
  font-family: var(--font-rowdies);
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 10px;
  margin: 0 10px;
  font-size: 14px;
  font-weight: normal;
}

footer .links li a:hover {
  color: var(--primary-red);
}

footer .copy_right p {
  color: var(--text-lightgrey);
  margin: 0;
  padding: 45px 0 80px 0;
}

footer .copy_right a {
  color: var(--primary-red);
  text-decoration: underline;
}

/* footer go top button */
.go_top {
  position: fixed;
  right: 30px;
  bottom: 75px;
  cursor: pointer;
  z-index: 99;
  transition: .4s all;
  display: none;
}

.go_top span {
  background-color: var(--primary-red);
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-size: 25px;
}

/* .go_top:hover {
  bottom: 80px;
} */

/* ----------- Footer Css End ---------- */

/* --------- Booking Model Css Start --------- */
.booking_model .modal-dialog {
  max-width: 800px;
}

.booking_model .modal-body {
  padding: 0;
}

.booking_model .modal-dialog .modal-content {
  background-image: url(../images/white_texture.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 60px;
  border: var(--img-border);
  border-radius: 20px;
}

.booking_model .modal-header .close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 40px;
  margin: 0;
  padding: 5px;
}

.booking_model .modal-header h2 {
  color: var(--black);
  font-size: 40px;
  font-family: var(--font-rowdies);
  line-height: 1;
  text-transform: uppercase;
}

.booking_model .modal-header p {
  color: var(--black);
}

.booking_model .modal-header p a {
  color: var(--primary-red);
}

.booking_model .booking_form form .row>div {
  padding-left: 10px;
  padding-right: 10px;
}

.booking_model .booking_form form .form-group {
  position: relative;
}

.booking_model .booking_form form .form-group .icon {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--black);
  font-size: 14px;
}

.booking_model .booking_form form .form-group .has_icon {
  padding-left: 35px;
}

.booking_model .booking_form form .form-group input[type="date"]::-webkit-inner-spin-button,
.booking_model .booking_form form .form-group input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}

.booking_model .booking_form form input[type="time"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}

.booking_model .booking_form form .form-control {
  height: 55px;
  border: 2px solid var(--border-grey);
  border-radius: 10px;
  font-weight: 500;
}

.booking_model .booking_form form input[type="date"] {
  text-transform: uppercase;
}

.booking_model .booking_form form .form-control::placeholder {
  color: var(--black);
}

.booking_model .booking_form form textarea.form-control {
  height: 150px;
}

/* --------- Booking Model Css End --------- */


/* --------- reservation page Booking Model Page Css Start --------- */

.bredcrumb_section.reservationpage_bg {
  position: relative;
  padding: 100px 0;
  background: linear-gradient(to left, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/reservation_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 90px;
}

.reservationpage_bg .booking_model .modal-header h2 {
  font-size: 35px;

}

/* --------- reservation page Booking Model Page Css End --------- */


/* --------- reservation page 1 Css Start --------- */

.bredcrumb_section.reservation_banner {
  position: relative;
  background: linear-gradient(to left, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/reservation_banner.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}


.bredcrumb_section.reservationpage_1_bg {
  position: relative;
  background: url(../images/reservation_1_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.bredcrumb_section.resarvation_form {
  padding: 0;
  margin-bottom: 80px;
}

.resarvation_form.reservationpage_1_bg .form_inner {
  margin-top: 50px;
  background: url(../images/white_texture.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border: solid 1px #afaba6;
}

.resarvation_form.reservationpage_1_bg .form_inner .formBlock h2 {
  font-size: 35px;
}

.resarvation_form.reservationpage_1_bg .form_inner .contact_block h2 {
  font-size: 35px;
  color: var(--primary-red);
  text-transform: uppercase;
}

.reservationpage_1_bg .side_shape {
  right: 0;
}



/* ------Youtube Video Model Css Start------ */
.youtube-video .modal-dialog {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  padding: 0 15px;
  height: 100%;
  max-width: 1240px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#video-container {
  position: relative;
  padding-bottom: 50%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

iframe#youtubevideo {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.youtube-video .modal-footer {
  border: none;
  text-align: center;
  display: block;
  padding: 0;
}

.youtube-video .modal-content {
  background: none !important;
  border: none;
}

#close-video {
  color: #fff;
  font-size: 30px;
}

/* ------Youtube Video Model Css End------ */


/* ------------About Us Page Css Start---------- */
.abt_banner {
  padding-top: 200px;
  padding-bottom: 150px;
  position: relative;

  background: linear-gradient(to left, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../images/about_banner.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.abt_banner .ovelay_bg {
  position: absolute;
  bottom: 0;
}

.abt_banner .section_title {
  max-width: 850px;
  margin: 0 auto;
}

.abt_banner .section_title p {
  margin-top: 35px;
}

.abt_banner .section_title h2 {
  color: var(--text-white);
}

.chef_section .right_shape {
  right: 0;
  top: 0;
}

.abt_banner .abt_img {
  display: flex;
  align-items: center;
  gap: 30px;
  margin: 60px 0;
}

.abt_banner .abt_img .img img {
  max-width: 100%;
  border: var(--img-border);
  border-radius: 20px;
}

.abt_banner .abt_img .img:first-child img {
  border-left: none;
  border-radius: 0 10px 10px 0;
}

.abt_banner .abt_img .img:last-child img {
  border-right: none;
  border-radius: 10px 0 0 10px;
}

/* --------Text Flow Slider Css Start----- */
.textFlow_list {
  background-color: var(--primary-red);
  padding: 20px 0;
  margin-bottom: 10px;
  position: relative;
}

.textFlow_list.white_cover::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -20px;
  height: 30px;
  width: 100%;
  background-color: var(--bg-white);
  z-index: -1;
}

.textFlow_list .text_block span {
  color: var(--text-white);
  -webkit-text-stroke-width: 0;
  -webkit-text-stroke-color: transparent;
}

/* --------Text Flow Slider Css End----- */

/* ------------Chef Section Start----------------- */
.chef_section {
  position: relative;
}

.chef_section.row_am {
  padding-bottom: 100px;
}

.chef_section .side_shape {
  right: 0;
}

.chef_section .chef_img .radius_img {
  border: var(--img-border);
  border-radius: 20px;
}

.chef_section .abt_chef {
  padding: 50px 0 0 60px;
}

.chef_section .abt_chef h2:after {
  /* H2 heading icon add */
  content: "";
  position: relative;
  /* background: url("../images/heading_element.png") no-repeat center; */
  /*background-size: 3.375rem 1.125rem;*/
  display: block;
  width: 60px;
  height: 12px;
  margin-left: 0;
  margin-right: auto;
  clear: both;
  top: 0.5rem;
}

.chef_section .abt_chef .section_title p {
  color: var(--text-grey);
  margin-top: 25px;
}

.chef_section .abt_chef .banner_badge {
  position: relative;
  top: auto;
  right: auto;
  margin: 0 0 35px 0;
}

.chef_section .chef_name {
  margin: 0;
  font-family: var(--font-rowdies);
  font-size: 18px;
  text-transform: uppercase;
  color: var(--primary-red);
  font-weight: 500;
  margin-top: 15px;
  letter-spacing: normal;
}

.chef_section .chef_name span {
  color: var(--text-lightgrey);
}

/* ------------Chef Section End----------------- */

/* -------Video Section Css Start-------- */
.video_section {
  position: relative;
  z-index: 9;
  margin-bottom: -10px;
}

.video_section .chef_img {
  position: absolute;
  top: -150px;
  right: 32%;
}

.video_section .chef_img img {
  border-radius: 12px;
  border: var(--img-border);
  width: 235px;
  height: 320px;
  transition: .4s ease-in-out;
}

/* -------Video Section Css End-------- */

/* ----------Our journey Section Css Start------------ */

.our_journey {
  position: relative;
}

.our_journey .side_shape {
  right: 0;
  top: -100px;
}

.our_journey .joueney_box {
  padding-right: 30px;
  margin-top: 30px;
}

.our_journey .joueney_box h3 {
  font-size: 18px;
  color: var(--text-white);
  font-family: var(--font-rowdies);
  letter-spacing: normal;
  text-transform: uppercase;
  font-weight: 400;
  margin: 35px 0 10px 0;
}

.our_journey .joueney_box p {
  margin-bottom: 0;
}

/* ----------Our journey Section Css End------------ */

/* ---------Coustomer Review Section Css Start--------- */
.coustomer_review_section {
  position: relative;
}

.coustomer_review_section .coustomer_inner {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}

.coustomer_review_section .review_box {
  margin: 0 0 35px 0;
  border: var(--border-grey) solid 1px;
  background-color: var(--bg-skin);
  padding: 30px;
  border-radius: 20px;
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 48%;
}

.coustomer_review_section .with_text img {
  width: 100px;
  height: 150px;
  border-radius: 100px;
  object-fit: cover;
}

.coustomer_review_section .review_box .review {
  width: calc(100% - 130px);
}

.coustomer_review_section .review_box .review p {
  color: var(--text-grey);
}

.coustomer_review_section .review_box .review .star {
  margin-bottom: 5px;
  letter-spacing: -2px;
}

.coustomer_review_section .review_box .review .star span {
  color: #f78e11;
  letter-spacing: -2px;
}

.coustomer_review_section .review_box .quotes {
  position: absolute;
  font-size: 26px;
}

.coustomer_review_section .review_box .left_quote {
  top: -20px;
  left: 20px;
  color: var(--primary-yellow);
}

.coustomer_review_section .review_box .right_quote {
  bottom: -20px;
  right: 20px;
  color: var(--primary-yellow);
}

.coustomer_review_section .review_box:nth-child(even) {
  margin-left: auto;
}

.coustomer_review_section .review _box:nth-child(n + 3n) {
  margin-left: 150px;
}

.coustomer_review_section .review_box .review .name {
  font-family: var(--font-rowdies);
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--text-black);
  letter-spacing: normal;
}

/* ---------Coustomer Review Section Css End--------- */

/* ---------Gallery Section Start--------- */
.gallery_section {
  position: relative;
  margin-top: -30px;
}

.gallery_section .img {
  margin: 40px 0 0 0;
  display: block;
  position: relative;
}

.gallery_section .img a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-white);
  background-color: rgba(0, 0, 0, 0.8);
  font-size: 30px;
  border-radius: 20px;
  opacity: 0;
  transform: scale(0.8);
}

.gallery_section .img:hover a {
  transform: scale(1);
  opacity: 1;
}

.gallery_section .img img {
  height: 350px;
  object-fit: cover;
  width: 100%;
  border-radius: 20px;
}

.lightbox {
  top: 50% !important;
  transform: translateY(-50%) !important;
  position: fixed;
}

.lb-nav a.lb-prev {
  background: url(../images/prev.svg) left 48% no-repeat;
}

.lb-nav a.lb-next {
  background: url(../images/next.svg) right 48% no-repeat;
}

.lb-data .lb-close {
  background: url(../images/close.png);
  background-size: contain;
}

#lightbox {
  display: flex;
  flex-direction: column-reverse;
  gap: 15px;
}

.lb-data .lb-number {
  padding: 8px 0 0 0;
}

/* ---------Gallery Section Start--------- */


/* ---------Our Chef page  Start--------- */

.bredcrumb_section.chef_banner {
  position: relative;
  background: linear-gradient(to left, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/chef_banner.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.abt_banner .right_shape.chef_shape {
  right: 0;
  top: 60%;
}

.chef_section.chef_page .chef_name {
  color: var(--primary-red);
}

.chef_section.chef_page.row_am {
  padding-bottom: 0;
}


/* ----------Offer Menu page Css Start-------------- */
.offer_menu {
  padding-top: 185px;
}

.offer_menu .item img {
  border: var(--img-border);
}

.offer_menu_section .nav-tabs {
  display: flex;
  justify-content: center;
  border-top: 1px solid var(--border-grey);
  border-bottom: 1px solid var(--border-grey);
  margin: 50px 0 30px 0;
  padding: 15px 0;

}

.offer_menu_section .nav-tabs .nav-item {
  margin: 0 40px;
}

.offer_menu_section .nav-tabs .nav-link {
  background-color: transparent;
  font-size: 20px;
  color: var(--text-grey);
  font-family: var(--font-rowdies);
  text-transform: uppercase;
  border: transparent;
  position: relative;
  padding: 5px 0;
  line-height: 2;
}

.offer_menu_section .nav-tabs .nav-link:before {
  content: "";
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 3px;
  background-color: var(--primary-red);
  opacity: 0;
  transition: .4s all;
}

.offer_menu_section .nav-tabs .nav-link:hover:before,
.offer_menu_section .nav-tabs .nav-link.active:before {
  opacity: 1;
  bottom: 10px;
}

.offer_menu_section .nav-tabs .nav-link:hover,
.offer_menu_section .nav-tabs .nav-link.active {
  color: var(--primary-red);
}

.menulist_wraper {
  display: flex;
}

.menulist_wraper .menulist {
  width: 50%;
}

.menulist_wraper .menulist.right_side {
  border-left: 2px solid var(--border-grey);
}

.menulist_wraper .menulist.left_side .menulist_box {
  padding-right: 80px;
}

.menulist_wraper .menulist.right_side .menulist_box {
  padding-left: 80px;
}

.menulist_wraper .menulist_box {
  border-bottom: 2px solid var(--border-grey);
  margin-bottom: 35px;
}

.menulist_wraper .menulist_box:last-child {
  margin-bottom: 0;
}

.menulist_wraper .menusub_text {
  display: inline-block;
  font-size: 24px;
  font-family: var(--font-rowdies);
  color: var(--text-white);
  background-color: var(--primary-yellow);
  padding: 10px 15px 8px 15px;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 1px;
  font-weight: 400;
  border-radius: 8px;
}

.menulist_wraper ul li {
  margin-bottom: 50px;
}

.menulist_wraper ul li .mainCource {
  display: flex;
  justify-content: space-between;
}

.menulist_wraper ul li .mainCource .dishName {
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 15px;
  max-width: 75%;
}

.menulist_wraper ul li .mainCource .dishName h4 {
  font-size: 18px;
  font-family: var(--font-rowdies);
  color: var(--text-black);
  text-transform: uppercase;
  letter-spacing: normal;
  margin: 0;
}

.menulist_wraper ul li .mainCource .new {
  color: var(--text-white);
  background-color: var(--primary-red);
  text-transform: uppercase;
  padding: 4px 4px 0 4px;
  border-radius: 2px;
  font-size: 12px;
  line-height: 1.3;
  display: inline-block;
  min-width: 40px;
  text-align: center;
  margin-left: 20px;
}

.menulist_wraper ul li .mainCource .doted,
.dishList_block .dish_list ul li .mainCource .doted {
  border-bottom: 2px dotted var(--border-grey);
  width: 100%;
  position: relative;
  top: -15px;
  flex: 1;
}

.menulist_wraper ul li .mainCource .price {
  font-size: 18px;
  color: var(--primary-red);
  font-family: var(--font-rowdies);
  width: 100px;
  text-align: right;
  padding-left: 15px;
}

.menulist_wraper ul li .description {
  padding-right: 100px;
}

.menulist_wraper ul li .description p {
  color: var(--text-grey);
}

.pdf_btn {
  margin: 50px 0;
}

/* ----------Offer Menu page Css End-------------- */


/* -----------------Menu List Section Start----------- */
.bredcrumb_section.menu_list {
  position: relative;
  background: linear-gradient(to left, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/menulist_banner.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.menuList_page {
  transform: rotate(0);
}

.dishList_block.salad {
  background-color: var(--bg-skin);
}

.menuList_page .text_block span {
  font-size: 150px;
}

.menuList_page .text_block .mark_star {
  height: auto;
  font-size: 100px;
}

.menuList_page .owl-stage-outer,
.menuList_page .owl-stage {
  height: 150px;
}

.dishList_block .row {
  align-items: center;
  margin-top: 40px;
}

.dishList_block .dish_list {
  padding-left: 20px;
}

.dishList_block .dish_left {
  margin-left: -220px;
  text-align: left;
}

.dishList_block .dish_right {
  margin-right: -240px;
  text-align: right;
}

.dishList_block .dish_list .btn {
  margin-top: 20px;
}

.dishList_block .dish_list ul {
  max-height: 650px;
  overflow-y: auto;
  padding-right: 15px;
}

.dishList_block .dish_list ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(66, 66, 66, 0.3);
  border-radius: 5px;
  background-color: var(--black);
}

.dishList_block .dish_list ul::-webkit-scrollbar {
  width: 10px;
  background-color: var(--black);
}

.dishList_block .dish_list ul::-webkit-scrollbar-thumb {
  border-radius: 0;
  -webkit-box-shadow: inset 0 0 6px rgba(66, 66, 66, .3);
  background-color: var(--text-grey);
}


.dishList_block .dish_list ul li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
}

.dishList_block .dish_list ul li .img {
  width: 100px;
}

.dishList_block .dish_list ul li .img img {
  width: 100%;
  border-radius: 10px;
}

.dishList_block .dish_list ul li .info {
  width: calc(100% - 100px);
  padding-left: 20px;
}

.dishList_block .dish_list ul li .mainCource {
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
}

.dishList_block .dish_list ul li .mainCource .dishName {
  position: relative;
  display: flex;
  align-items: center;
  width: calc(100% - 100px);
  padding-right: 15px;
}

.dishList_block .dish_list ul li .mainCource .dishName h4 {
  font-size: 18px;
  font-family: var(--font-rowdies);
  color: var(--text-black);
  letter-spacing: normal;
  margin: 0;
  text-transform: uppercase;
}

.dishList_block .dish_list ul li .mainCource .new {
  color: var(--text-white);
  background-color: var(--primary-red);
  text-transform: uppercase;
  padding: 1px 4px 0 4px;
  border-radius: 2px;
  font-size: 14px;
  line-height: 1.3;
  display: inline-block;
  min-width: 40px;
  text-align: center;
  margin-left: 20px;
}

.dishList_block .dish_list ul li .mainCource .price {
  font-size: 18px;
  color: var(--primary-red);
  font-family: var(--font-rowdies);
  width: 100px;
  text-align: right;
  padding-left: 15px;
}

.dishList_block .dish_list ul li .description {
  padding-right: 60px;
}

.dishList_block .dish_list ul li .description p {
  color: var(--text-grey);
  margin-bottom: 0;
  margin-top: 10px;
}

/* -----------------Menu List Section End----------- */

/* ------------ Reservation Form Css Start ----------- */
.resarvation_form {
  padding: 120px 0;

}

.resarvation_form.rform_bg {
  background-image: url(../images/formBg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.resarvation_form .form_inner {
  border: var(--img-border);
  padding: 40px 50px;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
}

.resarvation_form .form_inner .formBlock {
  width: 60%;
}

.resarvation_form .form_inner .formBlock h2 {
  font-size: 30px;
  font-family: var(--font-rowdies);
  text-transform: uppercase;
  color: var(--primary-red);
  line-height: 1;
}

.resarvation_form .form_inner .formBlock p {
  color: var(--text-grey);
}

.resarvation_form .form_inner .formBlock p a {
  color: var(--primary-red);
}

.resarvation_form .form_inner form {
  margin-top: 50px;
}

.resarvation_form .form_inner form .row>div {
  padding-left: 10px;
  padding-right: 10px;
}

.resarvation_form .form_inner form .form-group {
  position: relative;
}

.resarvation_form .form_inner form .form-group .icon {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-grey);
  font-size: 14px;
}

.resarvation_form .form_inner form .form-group .has_icon {
  padding-left: 35px;
}

.resarvation_form .form_inner form .form-group input[type="date"]::-webkit-inner-spin-button,
.resarvation_form .form_inner form .form-group input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}

.resarvation_form .form_inner form .form-control {
  height: 55px;
  border: 1px solid #afaba6;
  border-radius: 10px;
  font-weight: normal;
  background-color: var(--bg-white);
  color: var(--text-grey);
}

.resarvation_form .form_inner form input[type="time"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}

.resarvation_form .form_inner form input[type="date"] {
  text-transform: uppercase;
}

.resarvation_form .form_inner form input[type="date"]::-webkit-inner-spin-button,
.resarvation_form .form_inner form input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

.resarvation_form .form_inner form .form-control::placeholder {
  color: var(--text-grey);
}

.resarvation_form .form_inner form textarea.form-control {
  height: 150px;
}

.resarvation_form .form_inner .contact_block {
  background-color: var(--bg-white);
  padding: 20px 50px;
  text-align: center;
  border-radius: 20px;
  border: 1px solid #afaba6;
  width: 32%;
}

.resarvation_form .form_inner .contact_block h2 {
  font-family: var(--font-rowdies);
  font-size: 50px;
  margin-bottom: 15px;
}

.resarvation_form .form_inner .contact_block .booking h3 {
  font-family: var(--font-rowdies);
  color: var(--text-black);
  font-size: 16px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: normal;
  margin-bottom: 0;
}

.resarvation_form .form_inner .contact_block .booking a {
  font-size: 30px;
  color: var(--primary-red);
  font-weight: 500;
}

.resarvation_form .form_inner .contact_block ul li {
  margin-top: 20px;
}

.resarvation_form .form_inner .contact_block ul li h3 {
  font-weight: normal;
  font-family: var(--font-rowdies);
  font-size: 16px;
  letter-spacing: normal;
  margin-bottom: 5px;
  color: var(--primary-red);
  text-transform: uppercase;
}

.resarvation_form .form_inner .contact_block ul li p {
  color: var(--text-grey);
  margin-bottom: 0;
}

/* ------------ Reservation Form Css End ----------- */

/* ------------ Contact Us Page Css Start ------------- */

.bredcrumb_section.contact_banner {
  position: relative;
  background: linear-gradient(to left, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/contact_banner.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.contact_us_section {
  position: relative;
  padding-top: 100px;
}

.contact_us_section .right_shape {
  right: 0;
  top: 0;
}

.contact_us_section .left_shape {
  left: 0;
  top: 20%;
}

.contact_us_section .section_title {
  margin-bottom: 100px;
}

.contact_us_section .img .radius_img {
  border-radius: 20px;
  height: 785px;
  width: 100%;
  object-fit: cover;
}

.contact_us_section .contact_box {
  padding: 15px 0 0 70px;
  text-align: left;
}

.contact_us_section .contact_listing .sub_title {
  font-family: var(--font-rowdies);
  color: var(--primary-red);
  font-size: 18px;
  margin-bottom: 10px;
  line-height: 1;
  text-transform: uppercase;
}

.contact_us_section .contact_listing li {
  padding: 25px 0;
  border-top: 1px solid #cbd3cd;
}

.contact_us_section .contact_listing li:first-child {
  border: none;
  padding-top: 0;
}

.contact_us_section .contact_listing li .cnt_block {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.contact_us_section .contact_listing li .cnt_block a,
.contact_us_section .contact_listing li .cnt_block p {
  width: 70%;
  color: var(--text-grey);
}

.contact_us_section .contact_listing li .cnt_block a:hover {
  color: var(--primary-red);
}

.contact_us_section .contact_listing li .cnt_block span {
  width: 30%;
  text-align: right;
  color: var(--text-grey);
}

.contact_us_section form h3 {
  font-size: 18px;
  font-family: var(--font-rowdies);
  text-transform: uppercase;
  color: var(--primary-red);
  font-weight: 400;
  letter-spacing: normal;
}

.contact_us_section form .form-control {
  height: 55px;
  border: 2px solid var(--border-grey);
  border-radius: 10px;
  font-weight: 400;
  background-color: #ffffff;
  color: var(--text-grey);
}


.contact_us_section form .form-control::placeholder {
  color: var(--text-grey);
}

.contact_us_section form textarea.form-control {
  height: 100px;
  padding-top: 10px;
}

.contact_us_section .map {
  margin: 100px 0;
}

.contact_us_section .map iframe {
  border-radius: 20px;
  border: var(--img-border);
  filter: grayscale(1);
  width: 100%;
}

/* ------------ Contact Us Page Css End ------------- */



/* ------Blog List Page Css start------ */

.bredcrumb_section.blog_list_page {
  position: relative;
  background: linear-gradient(to left, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/blog-banner.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}


.blog_list_section {
  position: relative;
  margin: 75px 0;
  z-index: 9;
}

.blog_list_section .blog_left_side .blog_panel {
  background-color: var(--bg-white);
  border-radius: 20px;
  border: #e1dedc solid 1px;
  margin-bottom: 50px;
  background-color: var(--bg-skin);
}

.blog_list_section .blog_left_side .blog_panel .main_img img {
  width: 100%;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.blog_list_section .blog_left_side .blog_panel .blog_info {
  padding: 30px 35px;
}

.blog_list_section .blog_left_side .blog_panel .blog_info span {
  font-size: 13px;
  color: var(--text-grey);
}

.blog_list_section .blog_left_side .blog_panel .blog_info h2 {
  font-family: var(--font-rowdies);
  font-size: 20px;
  color: var(--primary-red);
  text-transform: uppercase;
  letter-spacing: normal;
  display: block;
  transition: .4s all;
  margin-bottom: 15px;
  margin-top: 5px;
}

.blog_list_section .blog_left_side .blog_panel .blog_info h2 a {
  font-family: var(--font-rowdies);
  font-size: 20px;
  color: var(--primary-red);
  text-transform: uppercase;
  letter-spacing: normal;
  display: block;
  transition: .4s all;
  margin-bottom: 15px;
  margin-top: 5px;
}

.blog_list_section .blog_left_side .blog_panel .blog_info p {
  color: var(--text-grey);
  line-height: 1.5;
}

.blog_list_section .blog_left_side .blog_panel .blog_info h2:hover a {
  color: var(--primary-red);
}

.blog_list_section .blog_info .authore_block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 35px;
}

.blog_list_section .blog_info .authore_block .authore {
  display: flex;
  align-items: center;
}

.blog_list_section .blog_info .authore_block .authore .img {
  width: 50px;
  margin-right: 10px;
  position: relative;
  top: -2px;
}

.blog_list_section .blog_info .authore_block .authore .img img {
  max-width: 100%;
  border-radius: 100px;
}

.blog_list_section .blog_info .authore_block .text h4 {
  margin-bottom: 0px;
  font-weight: normal;
  font-size: 17px;
  color: var(--text-black);
}

.blog_list_section .blog_info .authore_block .blog_tag span {
  background-color: var(--primary-yellow);
  color: var(--text-white);
  display: inline-block;
  padding: 3px 10px;
  border-radius: 6px;
  font-family: var(--font-rowdies);
  font-weight: normal;
  letter-spacing: normal;
  font-size: 12px;
  text-transform: uppercase;
}

/* -----blog-right-side------ */
.bg_box {
  padding: 30px;
  background-color: var(--bg-skin);
  border-radius: 12px;
  border: #e1dedc solid 1px;
  margin-bottom: 40px;
}

.blog_list_section .blog_right_side .blog_search_block form label {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}

.blog_list_section .blog_right_side .blog_search_block form .form_inner {
  position: relative;
  width: 100%;
  height: 60px;
}

.blog_list_section .blog_right_side .blog_search_block form .form_inner .form-control {
  height: 100%;
  border-radius: 12px;
  border: 1px solid var(--border-grey);
  padding-right: 50px;
  color: var(--text-black);
  background-color: var(--bg-white);
}

.blog_list_section .blog_right_side .blog_search_block form .form_inner button {
  font-size: 20px;
  position: absolute;
  background-color: transparent;
  border: none;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  padding: 5px;
  transition: .4s all;
  color: var(--primary-red);
}

.blog_list_section .blog_right_side .blog_search_block form .form_inner button:hover {}

/* Recent Blog Css Start */

.blog_list_section .blog_right_side .recent_post_block .recent_blog_list li a {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 30px;
}

.blog_list_section .blog_right_side .recent_post_block .recent_blog_list li:last-child a {
  margin-bottom: 10px;
  transition: .4s all;
}

.blog_list_section .blog_right_side .recent_post_block .recent_blog_list li a .img {
  width: 70px;
}

.blog_list_section .blog_right_side .recent_post_block .recent_blog_list li a .img img {
  border-radius: 10px;
}

.blog_list_section .blog_right_side .recent_post_block .recent_blog_list li a .text {
  width: calc(100% - 90px);
}

.blog_list_section .blog_right_side .recent_post_block .recent_blog_list li a .text h4 {
  font-weight: normal;
  color: var(--text-black);
  font-size: 14px;
  transition: .4s all;
  text-transform: uppercase;
}

.blog_list_section .blog_right_side .recent_post_block .recent_blog_list li a:hover h4 {
  color: var(--primary-red);
}

.blog_list_section .blog_right_side .recent_post_block .recent_blog_list li a .text span {
  font-size: 12px;
}

/* Categories block Css */

.blog_list_section .blog_right_side .categories_block ul li {
  display: flex;
  justify-content: space-between;
  margin: 0 0 10px 0;
  color: var(--text-grey);
}

.blog_list_section .blog_right_side .categories_block ul li:last-child {
  margin-bottom: 0;
}

.blog_list_section .blog_right_side .categories_block ul li .cat {
  width: 75%;
  transition: .4s all;
  color: var(--text-black);
}

.blog_list_section .blog_right_side .categories_block ul li .cat span {
  color: var(--text-black);
}


.blog_list_section .blog_right_side .categories_block ul li .cat i {
  color: var(--primary-red);
  margin-right: 3px;
}

.blog_list_section .blog_right_side .categories_block ul li .cat:hover {
  color: var(--primary-red);
}

/* Tag Blocks Css Start */

.blog_list_section .blog_right_side .tags_block ul {
  display: flex;
  flex-wrap: wrap;
}

.blog_list_section .blog_right_side .tags_block ul li a {
  display: inline-block;
  padding: 6px 20px;
  background-color: var(--bg-white);
  border-radius: 6px;
  margin: 0 10px 10px 0;
  transition: .4s all;
  color: var(--primary-red);
}

.blog_list_section .blog_right_side .tags_block ul li a:hover {
  background-color: var(--primary-yellow);
  color: var(--dark-black);

}

.blog_list_section .blog_right_side h3 {
  font-family: var(--font-rowdies);
  font-weight: normal;
  letter-spacing: 1px;
  font-size: 22px;
  color: var(--primary-red);
  letter-spacing: normal;
  text-transform: uppercase;

}




/* Pagination Css Start */
.pagination_block ul {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}

.pagination_block ul li a {
  margin: 0 5px;
  transition: 0.4s all;
  display: block;
  width: 39px;
  height: 39px;
  background-color: none;
  border-radius: 6px;
  text-align: center;
  line-height: 39px;
  color: var(--text-grey);
  border: 1px solid #696969;
}

.pagination_block ul li a:hover,
.pagination_block ul li a.active {
  background-color: var(--primary-red);
  color: var(--text-white);
  border-color: var(--primary-red);
}

.pagination_block ul li a:hover i {
  color: var(--text-white);
}

.pagination_block ul li:first-child a:hover {
  color: var(--purple);
}

.pagination_block ul li:last-child a:hover {
  color: var(--purple);
}


/* Blog Single Css Start */

.blog_detail_section .blog_info {
  padding: 30px 80px 0 80px;
}

.blog_detail_section .container {
  max-width: 1010px;
}

.blog_detail_section .blog_info .date {
  font-size: 15px;
  color: var(--text-grey);
}

.blog_detail_section .blog_info h1 {
  font-family: var(--font-rowdies);
  font-size: 40px;
  font-weight: normal;
  color: var(--primary-red);
  letter-spacing: normal;
  text-transform: uppercase;
  display: block;
  transition: .4s all;
  margin-bottom: 15px;
  margin-top: 5px;
}

.blog_detail_section .blog_info p {
  color: var(--text-black);
}

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

.blog_detail_section .blog_info .authore_block .authore {
  display: flex;
  align-items: center;
}

.blog_detail_section .blog_info .authore_block .authore .img {
  width: 50px;
  margin-right: 15px;
  position: relative;
  top: -2px;
}

.blog_detail_section .blog_info .authore_block .authore .img img {
  max-width: 100%;
  border-radius: 100px;
}

.blog_detail_section .blog_info .authore_block .text h4 {
  margin-bottom: 0px;
  color: var(--text-black);
  font-weight: normal;
  font-size: 17px;
}

.blog_detail_section .blog_info .authore_block .text span {
  color: var(--text-grey);
  font-weight: normal;
  font-size: 13px;
}

.blog_detail_section .blog_info .authore_block .blog_tag span {
  background-color: var(--primary-yellow);
  color: var(--text-white);
  display: inline-block;
  padding: 3px 16px;
  border-radius: 6px;
  line-height: 1.5;
  font-family: var(--font-rowdies);
  letter-spacing: normal;
  font-weight: normal;
  font-size: 12px;
  text-transform: uppercase;
}

/* Blog Detail */
.blog_detail_section {
  margin-bottom: 40px;
}

.blog_detail_bredcrumb.bred_crumb .bred_text {
  margin-top: -70px;
}

.blog_detail_section .blog_inner_pannel {
  background-color: var(--bg-skin);
  border: solid 1px var(--border-grey);
  border-radius: 20px;
  padding: 45px 40px;
  margin-top: -140px;
  position: relative;
}

.blog_detail_section .blog_inner_pannel .review {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}

.blog_detail_section .blog_inner_pannel .review span {
  line-height: 1;
}

.blog_detail_section .blog_inner_pannel .review span:first-child {
  color: var(--purple);
  display: inline-block;
  font-weight: 700;
}

.blog_detail_section .blog_inner_pannel .review span:last-child {

  display: inline-block;
  margin-left: 15px;
  padding-left: 15px;

}

.blog_detail_section .blog_inner_pannel .section_title {
  margin-bottom: 40px;
}

.blog_detail_section .blog_inner_pannel .section_title h2 {
  margin-bottom: 0;
}

.blog_detail_section .blog_inner_pannel img {
  max-width: 100%;
}

.blog_detail_section .blog_inner_pannel .main_img {
  margin: 30px 0;
}

.blog_detail_section .blog_inner_pannel .main_img img {
  width: 100%;
  border-radius: 20px;
}

.blog_detail_section .blog_inner_pannel .main_img iframe {
  border-radius: 12px;
  width: 100%;
  height: 510px;
}

.blog_detail_section .blog_inner_pannel .info {
  padding: 0 80px;
}

.blog_detail_section .blog_inner_pannel .info h2 {
  font-family: var(--font-rowdies);
  font-weight: normal;
  color: var(--primary-red);
  text-transform: uppercase;
  margin-top: 30px;
  font-size: 30px;
  margin-bottom: 15px;
  letter-spacing: normal;
}

.blog_detail_section .blog_inner_pannel .info p {
  color: var(--text-black);
}

.blog_detail_section .blog_inner_pannel .info ul {
  margin-bottom: 40px;
}

.blog_detail_section .blog_inner_pannel .info ul li p {
  position: relative;
  padding-left: 25px;
  margin: 10px 0;
  font-size: 16px;

}

.blog_detail_section .blog_inner_pannel .info ul li p .icon {
  position: absolute;
  left: 0;

}

.blog_detail_section .blog_inner_pannel .two_img {
  margin-bottom: 70px;
}

.blog_detail_section .blog_inner_pannel .quote_block {
  background-color: var(--bg-white);
  border-radius: 12px;
  padding: 55px 35px 30px 45px;
  position: relative;
  margin: 35px 80px 35px 80px;
  border: solid 1px;
  border-color: var(--border-grey);
}

.blog_detail_section .blog_inner_pannel .quote_block h3 {
  color: var(--text-black);
  margin: 15px 0;
  line-height: 30px;
  letter-spacing: normal;
  font-weight: 500;
}

.blog_detail_section .blog_inner_pannel .quote_block .q_icon {
  font-size: 80px;
  color: var(--primary-yellow);
  font-family: 'Playfair Display', serif;
  line-height: 0.2;
  display: block;
}

.blog_detail_section .blog_inner_pannel .quote_block .q_icon:last-child {
  text-align: right;
  line-height: 0.5;
}

.blog_detail_section .blog_inner_pannel .blog_authore {
  padding: 0 80px;
  margin: 35px 0;
}

.blog_detail_section .blog_inner_pannel .blog_authore .social_media h3 {
  color: var(--text-black);
}



.blog_detail_section .blog_inner_pannel .blog_authore .social_media ul {
  display: flex;
}

/* Social Media link list */
.blog_detail_section .blog_inner_pannel .blog_authore .social_media ul li a {
  display: block;
  width: 37px;
  height: 37px;
  text-align: center;
  line-height: 34px;
  font-size: 15px;
  border: 1px solid #CCC9D7;
  border-radius: 50px;
  margin-right: 10px;
  transition: 0.4s all;
}

.blog_detail_section .social_media ul li a:hover {
  color: var(--text-white);
}

.blog_detail_section .social_media ul li:nth-child(1) a:hover {
  background-color: #3B5998;
  border-color: #3b5998;
}

.blog_detail_section .social_media ul li:nth-child(2) a:hover {
  background-color: #00acee;
  border-color: #00acee;
}

.blog_detail_section .social_media ul li:nth-child(3) a:hover {
  background-color: #d62976;
  border-color: #d62976;
}

.blog_detail_section .social_media ul li:nth-child(4) a:hover {
  background-color: #c8232c;
  border-color: #c8232c;
}


/* comment section Css Start */
.comment_section .container {
  max-width: 1010px;
}

.comment_section .blog_cooment_block {
  /*background-color: var(--bg-white);
  border-radius: 12px;
  box-shadow: 0 0 8px #e1dcf9;
  padding: 40px 50px;*/
}

.comment_section .blog_cooment_block h2 {
  font-size: 35px;
}

.comment_section .blog_cooment_block p {
  color: var(--text-grey);
  margin-top: 20px;
}

.comment_section .blog_cooment_block .posted_cooment {
  margin-bottom: 60px;
}

.comment_section .blog_cooment_block .posted_cooment .section_title {
  text-align: left;
}

.comment_section ul {
  margin-top: 30px;
}

.comment_section ul li {
  display: flex;
  align-items: center;
  padding: 30px 0;
  border-top: 1px solid #d6d3e3;
}

.comment_section ul li:last-child {
  border-bottom: 1px solid #d6d3e3;
}

.comment_section ul li.replay_comment {
  margin-left: 110px;
}

.comment_section ul li .authore_info {
  display: flex;
  align-items: center;
  width: 260px;
}

.comment_section ul li .authore_info .avtar {
  width: 88px;
  margin-right: 20px;
}

.comment_section ul li .authore_info .avtar img {
  border-radius: 100px;
}

.comment_section ul li .authore_info .text {
  width: calc(100% - 108px);
}

.comment_section ul li .authore_info .text h4 {
  font-size: 18px;
  font-weight: normal;
  color: var(--text-grey);

}

.comment_section ul li .authore_info .text span {
  font-size: 14px;
  color: var(--text-lightgrey);
}

.comment_section ul li .comment {
  width: calc(100% - 310px);
  margin-left: 50px;
}

.comment_section ul li .comment p {
  margin-bottom: 0;
  color: var(--text-grey);
}

/* comment-form-section */

.comment_form_section .section_title {
  text-align: left;
}

.comment_form_section form {
  margin-top: 30px;
}

.comment_form_section form .form-group .form-control {
  background-color: var(--bg-white);
  border-radius: 12px;
  height: 60px;
  margin-bottom: 30px;
  color: var(--text-grey);
  padding: 15px;
  border: 1px solid #afaba6;
}

.comment_form_section form .form-group .form-control::placeholder {
  color: var(--body-text-purple);
}

.comment_form_section form .form-group textarea.form-control {
  height: 140px;
  padding-top: 15px;
  resize: none;
}

/* blog pages css end */
/* ----------- New Home Page Css Start -------------- */
.second_banner {
  position: relative;
}

.banner_slider {
  margin: 0 auto;
}

/* Base Slider Block (Upgraded to Flexbox) */
.banner_slider .slider_block {
  position: relative;
  /* min-height: 850px; */
  /* height: 85vh; */
  /* Better for hero sections */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: flex;
  /* Enables flexible positioning */
  padding: 80px 10%;
  /* Creates a safe breathing zone around the text */
}

/* Subtle dark overlay to ensure text is always readable */
.banner_slider .slider_block::before {
  content: '';
  position: absolute;
  inset: 0;
  /* background: rgba(0, 0, 0, 0.1); */
  /* Adjust 0.4 for darker/lighter overlay */
  z-index: 1;
}

/* Base Text Wrapper */
.banner_slider .slider_block .ban_text {
  position: relative;
  z-index: 2;
  /* Keeps text above the overlay */
  width: 100%;
  max-width: 650px;
  /* Prevents text from stretching too far */
}

.ban_text_none {
  display: none;
}

/* ==========================================
   POSITIONING MODIFIER CLASSES 
   ========================================== */

/* 1. Left Center (Default if applied) */
.content-left-center {
  align-items: center;
  justify-content: flex-start;
  text-align: left;
}

/* 2. Right Center */
.content-right-center {
  align-items: center;
  justify-content: flex-end;
  text-align: right;
}

/* 3. Center Center */
.content-center {
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* 4. Center Top */
.content-center-top {
  align-items: flex-start;
  justify-content: center;
  text-align: center;
  padding-top: 150px !important;
  /* Extra padding for the top */
}

/* 5. Center Bottom */
.content-center-bottom {
  align-items: flex-end;
  justify-content: center;
  text-align: center;
  padding-bottom: 120px !important;
  /* Extra padding for the bottom */
}

/* ==========================================
   TYPOGRAPHY & ELEMENTS
   ========================================== */
.banner_slider .slider_block {
  position: relative;
  /* Lower the min-height so it doesn't force extreme zooming on laptops */
  /* min-height: 600px; */


  background-size: cover;
  background-repeat: no-repeat;

  /* Change this to center to frame the image perfectly in the middle */
  background-position: top center;

  display: flex;
  padding: 80px 10%;
  height: 100%;
}

.banner_slider .slider_block .ban_text .lead {
  font-size: clamp(18px, 2vw, 24px);
  color: #f8f9fa;
  margin-bottom: 35px;
  font-family: var(--font-Roboto);
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.banner_slider .slider_block .ban_text .btn {
  margin-top: 10px;
}

/* ==========================================
   OWL CAROUSEL NAV (Improved)
   ========================================== */
.banner_slider .owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 10;
  pointer-events: none;
  /* Prevents nav container from blocking clicks */
}

.banner_slider .owl-nav button {
  pointer-events: auto;
  /* Re-enables clicks on the actual arrows */
  position: absolute;
  left: 30px;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  opacity: 0.6;
  transition: 0.3s ease;
  background: rgba(0, 0, 0, 0.2) !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.banner_slider .owl-nav .owl-next {
  left: auto;
  right: 30px;
}

.banner_slider .owl-nav button span {
  font-size: 40px !important;
  line-height: 0;
  margin-top: -6px;
  /* Adjusts arrow alignment inside circle */
}

.banner_slider .owl-nav button:hover {
  opacity: 1;
  background: #ffffff !important;
  color: #000000 !important;
}

/* ==========================================
   SUBTITLE (Small title above H1)
   ========================================== */
.banner_slider .slider_block .ban_text .sub_title {
  display: inline-block;
  font-size: clamp(14px, 2vw, 18px);
  color: #FF5E14;
  /* Fuego Orange */
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  margin-bottom: 15px;
  background: rgba(0, 0, 0, 0.4);
  padding: 6px 18px;
  border-radius: 30px;
  border: 1px solid rgba(255, 94, 20, 0.5);
  text-shadow: none;
}

/* ==========================================
   OWL CAROUSEL DOTS (Pill-Shaped Pagination)
   ========================================== */
.banner_slider .owl-dots {
  position: absolute;
  bottom: 40px;
  /* Distance from the bottom of the slider */
  width: 100%;
  text-align: center;
  z-index: 10;
}

.banner_slider .owl-dots .owl-dot {
  display: inline-block;
  margin: 0 6px;
  outline: none;
  border: none;
  background: transparent;
  padding: 0;
}

/* Inactive Dot (Short & Faded) */
.banner_slider .owl-dots .owl-dot span {
  display: block;
  width: 60px;
  height: 6px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 10px;
  transition: all 0.3s ease;
}

/* Active & Hover Dot (Long & Bright) */
.banner_slider .owl-dots .owl-dot.active span,
.banner_slider .owl-dots .owl-dot:hover span {
  background: #ffffff;
  width: 70px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}


/* NEW: Image Tag Styling (Acts like background-size: cover) */
.banner_slider .slider_block .slider_bg_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;

  /* Prevents stretching, maintains aspect ratio */
  object-position: top center;
  /* Centers the focal point of the image */
  z-index: 0;
}

/* Subtle dark overlay to ensure text is always readable */
.banner_slider .slider_block::before {
  content: '';
  position: absolute;
  inset: 0;
  /* Adjust to make text easier to read */
  z-index: 1;
  /* Sits between the image and the text */
}

/* Base Text Wrapper */
.banner_slider .slider_block .ban_text {
  position: relative;
  z-index: 2;
  /* Keeps text above the overlay and image */
  width: 100%;
  max-width: 650px;
}

/* Video Section Css Start */
.home_video_section {
  position: relative;
  padding: 100px 0 !important;
}

.home_video_section .video_wraper {
  height: 590px;
  max-width: 1300px;
  padding: 0 0 40px 0;
  margin: 0 auto;
  background-image: url(../images/video_poster.webp);
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  display: flex;
  align-items: end;
  justify-content: center;
  position: relative;
}

.home_video_section .video_wraper::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  background-image: none;
  border-radius: 20px;
  opacity: 0.1;
}

.home_video_section .video_wraper .play_vtn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.home_video_section .side_shape img {
  position: absolute;
}

.home_video_section .side_shape .right_shape {
  right: 0;
  top: 40px;
  height: 38%;
}

.home_video_section .side_shape .left_shape {
  left: 0;
  bottom: 0;
}

.home_video_section .video_wraper .bottom_text {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  position: relative;
  z-index: 3;
}

.home_video_section .video_wraper .bottom_text li {
  display: flex;
  align-items: start;
  gap: 10px;
}

.home_video_section .video_wraper .bottom_text li p,
.home_video_section .video_wraper .bottom_text li p a {
  color: var(--text-white);
  margin-bottom: 0;
}

.home_video_section .video_wraper .bottom_text li h3 {
  font-family: var(--font-rowdies);
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0px;
  margin-bottom: 5px;
}

.home_video_section .video_wraper .bottom_text li .icon {
  width: 50px;
  height: 50px;
  font-size: 20px;
  color: var(--text-white);
  border: 1px solid var(--text-white);
  border-radius: 100px;
  text-align: center;
  line-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.count_section {
  position: relative;
}

.count_section .count_block {
  display: flex;
  text-align: center;
  justify-content: center;
}

.count_section .side_shape {
  position: absolute;
  bottom: 0;
  right: 0;
}

.count_section .count_block li {
  padding: 0 40px;
  position: relative;
}

.count_section .count_block li:not(:last-child)::before {
  content: "";
  position: absolute;
  right: -5px;
  height: 100px;
  width: 10px;
  background-image: url(../images/count_icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  top: 50%;
  transform: translateY(-50%);
}

.count_section .count_block li .icon {
  height: 75px;
  margin-bottom: 20px;
}

.count_section .count_block li .icon img {
  height: 65px;
}

.count_section .count_block li p span {
  font-size: 50px;
  color: var(--text-white);
  font-family: var(--font-rowdies);
  line-height: 1.2;
}

.count_section .count_block li p {
  line-height: 1;
  font-family: var(--font-rowdies);
  color: var(--text-white);
  font-size: 18px;
  text-transform: uppercase;
}

.count_section .count_block li .count_text {
  margin-bottom: 0;
}

/* ------Our Menu Section Css Start------ */
.our_menu_section {
  position: relative;
}

.our_menu_section .right_side {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.our_menu_section .nav-tabs {
  display: flex;
  justify-content: center;
  margin: 20px 0 30px 0;
  padding: 0;
  border: none;
}

.our_menu_section .nav-tabs .nav-item {
  margin: 0 40px;
}

.our_menu_section .nav-tabs .nav-link {
  background-color: transparent;
  font-size: 20px;
  color: var(--text-grey);
  font-family: var(--font-rowdies);
  text-transform: uppercase;
  border: transparent;
  position: relative;
  padding: 5px 0;
  line-height: 1.8;
}

.our_menu_section .nav-tabs .nav-link:before {
  content: "";
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 3px;
  background-color: var(--primary-red);
  opacity: 0;
  transition: .4s all;
}

.our_menu_section .nav-tabs .nav-link:hover:before,
.our_menu_section .nav-tabs .nav-link.active:before {
  opacity: 1;
  bottom: 10px;
}

.our_menu_section .nav-tabs .nav-link:hover,
.our_menu_section .nav-tabs .nav-link.active {
  color: var(--primary-red);
}

.our_menu_section .dish_box {
  background-color: var(--White);
  margin-bottom: 30px;
  padding: 0px;
  position: relative;
  border-radius: 20px;
  border: 1px solid var(--border-grey);
  background-color: var(--bg-white);
}

.our_menu_section .dish_box:hover {
  border: 1px solid var(--primary-red);
  transition: all ease-in-out .5s;
}

.our_menu_section .dish_box .new {
  font-size: 14px;
  text-transform: uppercase;
  background-color: var(--primary-yellow);
  color: var(--text-black);
  line-height: 1.1;
  padding: 4px 7px;
  border-radius: 6px;
  position: absolute;
  top: 10px;
  left: 10px;
}

.our_menu_section .dish_box .dish_info {
  /*display: flex;*/
  justify-content: space-between;
}

.our_menu_section .dish_box .dish_info .dish_img {
  width: 100%;
  height: 315px;
  border-radius: 20px;
  background-color: var(--bg-skin);
  padding: 30px;
}

.our_menu_section .dish_box .dish_info .dish_img img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}

.our_menu_section .dish_box .dish_info .dish_text {
  /*width: calc(100% - 200px);*/
  width: 100%;
  padding: 30px;
}

.our_menu_section .dish_box .dish_info .dish_text h3 {
  font-size: 16px;
  font-family: var(--font-rowdies);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: normal;
  margin-bottom: 10px;
  color: var(--black);
}

.our_menu_section .dish_box .dish_info .dish_text p {
  color: var(--text-grey);
}

.our_menu_section .dish_box .dish_info .dish_text .price {
  font-size: 18px;
  color: var(--primary-red);
  font-family: var(--font-rowdies);
}

.our_menu_section .dish_box .dish_info .dish_text .price_cart {
  display: flex;
  justify-content: space-between;
}

.our_menu_section .dish_box .dish_info .dish_text a .cart_btn {
  display: none;
  font-size: 16px;
  color: var(--primary-red);
  font-family: var(--font-rowdies);
  border: solid 1px var(--primary-red);
  border-radius: 100px;
  padding: 4px 6px;
  text-align: right;
}

.our_menu_section .dish_box .dish_info .dish_text a .cart_btn:hover {
  color: var(--text-white);
  background-color: var(--primary-red);
  border-radius: 100px;
  padding: 4px 6px;
  text-align: right;
  transition: all ease-in-out 0.3s;
}

/* -------Discount Section Css Start-------- */

.discount_section {
  margin-top: -15px;
  position: relative;
  padding-bottom: 160px;
}


.discount_section .ovelay_bg {
  position: absolute;
  bottom: -2px;
  width: 100%;
  z-index: 100;
}

.discount_section .ovelay_bg img {
  width: 100%;
}

.discount_section .dish_slides {
  position: relative;
}

.discount_section .section_title {
  top: 100px;
}

.discount_section .dishMain {
  position: relative;
}

.discount_section .dishMain:first-child:before {
  content: "";
  background-image: url(../images/dicount_icon.svg);
  width: 100px;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: -60px;
  left: -90px;
}

.discount_section .dish_block {
  top: 50px;
  display: flex;
  margin: 35px 0 0 0;
  height: 530px;
}

.discount_section .dish_block .dish_text {
  width: 50%;
  background-image: url(../images/disocunt_bg.jpg);
  border-radius: 20px 0 0 20px;
  padding: 40px;
  height: 100%;
}

.discount_section .dish_block .dish_text .text {
  width: 100%;
  height: 100%;
  border: 1px solid var(--primary-red);
  padding: 15px;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  height: 100%;
}

.discount_section .dish_block .dish_text .text p,
.discount_section .dish_block .dish_text .text span {
  color: var(--text-white);
}

.discount_section .dish_block .dish_text .text .off {
  font-size: 50px;
  font-family: var(--font-rowdies);
  color: var(--primary-red);
  text-decoration: underline;
}

.discount_section .dish_block .dish_text .text h3 {
  font-size: 28px;
  font-family: var(--font-rowdies);
  letter-spacing: 0px;
  font-weight: 400;
  margin: 0 0 10px 0;
  color: var(--text-black);
  text-transform: uppercase;
}

.discount_section .dish_block .dish_text .text p {
  color: var(--text-grey);
}

.discount_section .dish_block .dish_text .text .price {
  font-size: 24px;
  font-family: var(--font-rowdies);
  letter-spacing: 0px;
  font-weight: 400;
}

.discount_section .dish_block .dish_text .text .price .new_price {
  color: var(--primary-red);
}

.discount_section .dish_block .dish_text .text .price .old_price {
  color: var(--text-grey);
  text-decoration: line-through;
  margin-left: 5px;
}

.discount_section .dish_block .dish_img {
  width: 50%;
  border-radius: 0 20px 20px 0;
}

.discount_section .dish_block .dish_img img {
  max-width: 100%;
  border-radius: 0 20px 20px 0;
  height: 100%;
  object-fit: cover;
}

/* ------Popular-dish-section--------- */
.popular_dish_section {
  position: relative;
  padding: 180px 0;

  /*background: linear-gradient(to left, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/formBg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;*/
}


.popular_dish_section .side_shape {
  /*display: none;*/
}

.popular_dish_section .side_shape .right_side {
  position: absolute;
  right: 0;
}

.popular_dish_section .side_shape .left_side {
  position: absolute;
  left: 0;
}

.popular_dish_section .dishList_slider {
  width: calc(100% - 70px);
  margin: 30px auto 0 auto;
  position: relative;
}

.popular_dish_section .dishList_slider::before {
  content: "";
  background-image: url(../images/ban_02_shape.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100px;
  height: 100px;
  position: absolute;
  top: -10px;
  left: -100px;
}

.popular_dish_section .dishList_slider::after {
  content: "";
  background-image: url(../images/wing_small.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 50px;
  height: 50px;
  position: absolute;
  bottom: 50px;
  right: -60px;
}

.popular_dish_section .dish_card {
  background-color: #444444;
  padding: 5px 5px 0 5px;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 60px;
}

.popular_dish_section h1 {
  font-size: 100px;
  font-family: var(--font-rowdies);
  line-height: 1;
}

.popular_dish_section .dish_card h3 {
  font-size: 20px;
  margin: 0;
  padding: 10px 0;
  font-family: var(--font-rowdies);
  font-weight: 400;
  letter-spacing: 1.5px;
}

.popular_dish_section .sub_text {
  font-size: 41px;
  line-height: 1;
}

.popular_dish_section .dish_card .img {
  width: 100%;
  height: 260px;
}

.popular_dish_section .dish_card .img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 5px;
}

#popular_dish .owl-stage {
  padding: 35px 0 0 0;
}

#popular_dish .owl-stage .owl-item:nth-child(even) .item {
  rotate: 3deg;
  margin: 10px;
}

#popular_dish .owl-stage .owl-item:nth-child(odd) .item {
  rotate: -3deg;
  margin: 10px;
}

#popular_dish .owl-stage .owl-item:nth-child(4n + 2) .item {
  transform: translateY(-30px);
}

.popular_dish_section .owl-nav {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  width: 100%;
}

.popular_dish_section .owl-nav button {
  position: absolute;
  left: -50px;
  border: 1px solid var(--text-white) !important;
  width: 35px;
  height: 35px;
  border-radius: 100px;
  opacity: 0.8;
  transition: .4s all;
}

.popular_dish_section .owl-nav .owl-next {
  left: auto;
  right: -50px;
}

.popular_dish_section .owl-nav button span {
  font-size: 35px !important;
  display: block;
  line-height: 1;
  margin: -5px 0 0 -2px;
}

.popular_dish_section .owl-nav .owl-next span {
  margin: -5px -2px 0 0;
}

.popular_dish_section .owl-nav button:hover {
  opacity: 1;
}

/* Who Version  2 Css Start*/
.who_version_two {
  margin-top: 0;
  padding-top: 0;
}

.who_version_two .section_title {
  padding-top: 0;
}

.who_version_two .gallery_slider {
  margin: 40px 0;
}

.who_version_two .gallery_slider img {
  /*border: var(--img-border);*/
}

/* ------Testimonial Section Start--------- */
.testimonial_section {
  background: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/testimonial_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.testimonial_section .testimonial_wraper {
  margin: 50px auto 40px auto;
  max-width: 1300px;
  background-image: url(../images/white_texture.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 60px 80px 80px 80px;
  border-radius: 20px;
  position: relative;

}

.testimonial_section .testimonial_wraper::before {
  content: "";
  background-image: url(../images/testi_smiley.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 200px;
  height: 100px;
  position: absolute;
  top: -110px;
  left: 0;
}

.testimonial_section .testimonial_wraper::after {
  content: "";
  background-image: url(../images/tasty_mouth.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100px;
  height: 80px;
  position: absolute;
  bottom: -10px;
  right: -120px;
}

.testimonial_section .testimonial_wraper .testimonial_inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.testimonial_section .testimonial_wraper .testimonial_inner .img {
  width: 440px;
  height: 280px;
  rotate: -3deg;
  margin-top: 30px;
}

.testimonial_section .testimonial_wraper .testimonial_inner .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border: solid 4px var(--primary-red);
  border-radius: 20px;
}

.testimonial_section .testimonial_wraper .testimonial_inner .text {
  width: calc(100% - 480px);
}

.testimonial_section .testimonial_wraper .testimonial_inner .quote {
  color: var(--primary-red);
  font-size: 100px;
  line-height: 1;
  height: 40px;
  display: block;
  font-family: var(--font-rowdies);
  font-size: 50px;
}

.testimonial_section .testimonial_wraper .testimonial_inner .star {
  margin: 15px 0;
  letter-spacing: -2px;
  display: flex;
}

.testimonial_section .testimonial_wraper .testimonial_inner .star span {
  color: #f78e11;
  letter-spacing: -2px;
}

.testimonial_section .testimonial_wraper .testimonial_inner h2 {
  font-size: 35px;
  color: var(--text-black);
  font-weight: 400;
  margin-bottom: 20px;
}

.testimonial_section .testimonial_wraper .testimonial_inner h3 {
  font-family: var(--font-rowdies);
  color: var(--primary-red);
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0px;
  margin-bottom: 5px;
}

.testimonial_section .testimonial_wraper .testimonial_inner h3 span {
  color: var(--text-grey);
}

#testimonial_slider .item {
  padding: 10px;
}

.testimonial_wraper .owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.testimonial_wraper .owl-nav button {
  position: absolute;
  left: -60px;
  border: 1px solid var(--text-grey) !important;
  width: 35px;
  height: 35px;
  border-radius: 100px;
  opacity: 0.8;
  transition: .4s all;
}

.testimonial_wraper .owl-nav .owl-next {
  left: auto;
  right: -60px;
}

.testimonial_wraper .owl-nav button span {
  font-size: 35px !important;
  display: block;
  line-height: 1;
  margin: -5px 0 0 -2px;
  color: var(--text-grey);
}

.testimonial_wraper .owl-nav .owl-next span {
  margin: -5px -2px 0 0;
}

.testimonial_wraper .owl-nav button:hover {
  opacity: 1;
}

/* ---------Out Team Section Css Start----------- */
.our_team_section {
  position: relative;
}

.our_team_section .side_shape img {
  position: absolute;
  right: 0;
  top: 0;
}

.our_team_section .section_title {
  margin-bottom: 40px;
}

.our_team_section .team_card .img {
  width: 100%;
  height: 490px;
}

.our_team_section .team_card .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  border-radius: 12px;
}

.our_team_section .team_card .info {
  text-align: center;
  margin-top: 30px;
}

.our_team_section .team_card .info h3 {
  font-size: 18px;
  font-family: var(--font-rowdies);
  color: var(--text-black);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: normal;
  margin-bottom: 5px;
}

.our_team_section .team_card .info .position {
  color: var(--text-grey);
}

.our_team_section .owl-nav {
  position: absolute;
  top: calc(50% - 65px);
  transform: translateY(-50%);
  width: 100%;
}

.our_team_section .owl-nav button {
  position: absolute;
  left: -60px;
  border: 1px solid var(--text-grey) !important;
  width: 35px;
  height: 35px;
  border-radius: 100px;
  opacity: 0.8;
  transition: .4s all;
}

.our_team_section .owl-nav .owl-next {
  left: auto;
  right: -60px;
}

.our_team_section .owl-nav button span {
  font-size: 35px !important;
  display: block;
  line-height: 1;
  margin: -5px 0 0 -2px;
  color: var(--text-grey);
}

.our_team_section .owl-nav .owl-next span {
  margin: -5px -2px 0 0;
}

.our_team_section .owl-nav button:hover {
  opacity: 1;
}


/* ------App Section Css Start------ */
.app_section {
  position: relative;
  padding: 100px 0 0 0;
}

.app_section p {
  position: relative;
  margin: 30px 0 30px 0;
}

/* App button */
.app_section .app_btn {
  display: flex;
  align-items: center;
}

/* App button list */
.app_section .app_btn li a {
  display: block;
  padding: 12px 30px;
  background-color: var(--bg-white);
  position: relative;
  border-radius: 12px;
  transition: .4s all;
}

.app_section .app_btn li:last-child {
  margin-left: 25px;
}

.app_section .app_btn li a img {
  transition: .4s all;
}

.app_section .app_btn li a .white_img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
}

.app_section .app_btn li a:hover {
  background-color: var(--black);
}

.app_section .app_btn li a:hover .blue_img {
  opacity: 0;
}

.app_section .app_btn li a:hover .white_img {
  opacity: 1;
}



/* ------Blog Section Css Start------ */
.blog_card_section {
  position: relative;
}

.blog_card_section .section_title {
  margin-bottom: 40px;
}

.blog_card_section .blog_card {
  background-color: var(--bg-skin);
  border: solid 1px var(--border-grey);
  padding: 10px;
  border-radius: 12px;
  margin-bottom: 40px;
}

.blog_card_section .blog_card .img {
  width: 100%;
  height: 220px;
  display: block;
  margin-bottom: 30px;
}

.blog_card_section .blog_card .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.blog_card_section .blog_card .info {
  padding: 0 20px 20px 20px;
}

.blog_card_section .blog_card .date {
  color: var(--text-grey);
  font-size: 14px;

}

.blog_card_section .blog_card h3 {
  font-size: 18px;
  font-family: var(--font-rowdies);
  letter-spacing: normal;
  font-weight: 400;
  text-transform: uppercase;
  padding-top: 10px;
}

.blog_card_section .blog_card a {
  color: var(--text-black);
}

.blog_card_section .blog_card a:hover {
  color: var(--primary-red);
}


.blog_card_section .blog_card .btn_text {
  color: var(--primary-red);
  font-size: 14px;
}


.banner_slider .owl-item.active .inner_text {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.5s;
}



/* ------Banner Section Css Start------ */
.banner_card_section {
  position: relative;
}

.banner_card_section .blog_card {
  padding: 0px;
  border-radius: 12px;
  overflow: hidden;
}

.banner_card_section .blog_card .img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 30px;
}

.banner_card_section .blog_card .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.banner_card_section .blog_card:hover {
  color: var(--text-white);
  opacity: 0.9;
}

.banner_card_section .blog_card:after {
  /*content: ' ';
  position: absolute;
  top: -50%;
  right: -60%;
  bottom: -50%;
  left: -60%;
  background: linear-gradient(50deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 60%);
  -webkit-transform: translate(-80%, 0px);
  -ms-transform: translate(-80%, 0px);
  transform: translate(-80%, 0px);*/
}

.banner_card_section .blog_card:hover:after {
  /*animation: 4s cfs-glimmer infinite;*/
}


.gap-2 {
  gap: 20px;
}

.gap-3 {
  gap: 30px;
}

.gap-4 {
  gap: 40px;
}

.gap-5 {
  gap: 50px;
}