@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

/*  default css
================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
html,
body {
     font-family: "Public Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
/*  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
*/  
  overflow-x: hidden;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  scroll-behavior: unset;
}
:root{
  --defaultColor: rgba(227,30,36,1);
  --grayColor: #b5b5c3;
  --primaryColor: rgba(227,30,36,1); 
  --dangerColor: #c82333; 
  --btnColor: rgba(227,30,36,1); 
}
a:hover { text-decoration: none;outline: none; }
a:focus { text-decoration: none;outline: none; }

button:hover { text-decoration: none;outline: none; }
button:focus { text-decoration: none;outline: none; }
p{
  padding: 0;
  margin: 0;
  font-weight: normal;
}
.dis_none{
  display: none;
}
img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
a, button{
  cursor: pointer;
  outline: none;
  transition: all 0.3s ease-out!important;
}
button{
  text-transform: capitalize;
}
a:hover, button:hover{
  cursor: pointer;
  outline: none;
  transition: all .3s ease-in-out!important;
}
.pointer{
  cursor: pointer;
}
/* Remove Chrome Input Field's Unwanted Yellow Background Color */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
.none{
  display: none!important;
}
/*  default css
================================================== */
body.light {
  color: #4b566b!important;
  background: #f3f5f9;
  padding-right: 0 !important;
}
body.dark{
  color: #a4acc4;
}
.c_green, .success{
  color: #4CAF50;
}
span.out_of_stock {
  color: tomato;
}
.btn{
  outline: none!important;
}
.btn.focus, .btn:focus {
  outline: none!important;
  box-shadow: none!important; 
}
.ml-9{
  margin-left: 9px!important;
}
.alert_msg {
  padding-top: 3px;
}
.c_red, .error{
  color: red!important;
}
.mt-20{
  margin-top: 20px;
}
.mh-250{
  min-height: 250px;
}
.pt-50{
  padding-top: 50px;
}

.mb-30{
  margin-bottom: 30px;
}
.mr-25{
  margin-right: 25%;
}
.card-pr-5{
  padding-right: 5px!important;
}
.card-pl-5{
  padding-left: 5px!important;
}

.mtb-20{
  margin-top: 20px;
  margin-bottom: 20px;
}
.section-padding-top{
  padding-top: 120px;
}

.section-padding-bottom{
  padding-bottom: 120px;
}

.mi-padding-top{
  padding-top: 80px;
}

.mi-padding-bottom{
  padding-bottom: 80px;
}
.section_wrapper {
  padding: 0 50px;
  width: 100%;
  overflow: hidden;
}

.row-reverse{
  flex-direction: row-reverse;;
}

.mb-50{
  margin-bottom: 50px;
}

.mb-20{
  margin-bottom: 20px;
}
.mb-25{
  margin-bottom: 25px;
}

.mt-20{
  margin-top: 20px;
}

.mt-30{
  margin-top: 30px;
}

.pb-20{
  padding-bottom: 20px;
}

.pt-20{
  padding-top: 20px;
}

.min-height{
  min-height: 100vh;
}
.error_content p{
  color: #fff;
  margin-top: 5px;
}
.home_page_navbar .navbar-brand {
  /*color: #777;*/
  width: auto;
  height: 60px;
}
#headers .navbar-light .navbar-nav .nav-link{
  color: #fff;
  text-transform: uppercase;
}
.contentArea.navLeft{
  padding-left: 300px;
}
#headers .login_signup {
    z-index: 9;
    text-transform: uppercase;
}
.contentArea.navRight{
  padding-right: 300px;
}

.navLeft{
  left: 0;
  border-right: 1px solid #2e344e;
}
.navRight{
  right: 0;
  border-left: 1px solid #2e344e;
}

.wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  position: relative;
  z-index: 1;
  flex-direction: column;
}
body.dark{
  background: #191d2b;
}
.plr{
  width: 100%;
}

.homeContent{
  color: #fff;
  padding: 50px 80px;
}

.php-pagination {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 40px;
}


/* gallery filter */
.gallery_sort {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
  white-space: nowrap;
}
ul.gallery_sort li {
  margin: 0 5px 5px;
}

ul.gallery_sort li button:focus{
  outline: none;
}
/*ul.gallery_sort li button.active .mcat, ul.gallery_sort li button:hover .mcat{
  border:2px solid rgba(227,30,36,1);
  color: rgba(227,30,36,1);
  transition: all 0.3s;
}*/
ul.gallery_sort li button.active span, ul.gallery_sort li button:hover span{
  color: #fff;
  transition: all 0.3s;
}
ul.gallery_sort li button .mcat{
  box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
}
ul.gallery_sort li button {
  display: block;
  border:none;
  padding:5px 15px;
  font-size: 16px;
  border-radius: 4px;
  background-color: #fff;
  transition: all 0.3s;
}
.gallery_top_menu {
  margin-bottom: 14px;
}
.gallery_sort li button.active{
  position: relative;

}
.gallery_sort li button.active::before {
  left: 0;
}

.filter{
  padding: 7px;
}
/* Create four equal columns that sits next to each other */
.item {
  background-color: none;
  display: inline-block;
  margin:0;
  width: 100%;
  cursor: pointer;
}
#masonry4 {
  column-count: 2;
  column-gap: 0px;
}

@media(min-width: 30em) {
  #masonry4 {
    column-count: 2;
    column-gap: 0px;
  }
}

@media(min-width: 40em) {
  #masonry4 {
    column-count: 2;
    column-gap: 0px;
  }
}

@media(min-width: 60em) {
  #masonry4 {
    column-count: 3;
    column-gap: 0px;
  }
}

@media(min-width: 75em) {
  #masonry4 {
    column-count: 4;
    column-gap: 0px;
  }
}

#masonry3 {
  column-count: 1;
  column-gap: 0px;
}

@media(min-width: 30em) {
  #masonry3 {
    column-count: 3;
    column-gap: 0px;
  }
}

@media(min-width: 40em) {
  #masonry3 {
    column-count:3;
    column-gap: 0px;
  }
}

@media(min-width: 60em) {
  #masonry3 {
    column-count: 3;
    column-gap: 0px;
  }
}

@media(min-width: 75em) {
  #masonry3 {
    column-count: 3;
    column-gap: 0px;
  }
}

/*  menu btn
================================================== */


.navOpen{
  display: none;
}


/* 404 page
================================================== */
.error_page {
  background: #191d2b;
  margin: 0;
  padding: 0;
  height: 100vh;
}
.error_wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.error_wrapper h4{
  color: #fff;
  font-size: 30px;
}

/*  fun
================================================== */
#myBar {
  width: 100%;
  background: #2e344e;
  height: 6px;
  position: fixed;
  z-index: 99;
  border: 1px solid #191d2b;
  top: 0;
}
.scroll-line {
  height: 2px;
  background: linear-gradient(to right,#1345e6 0%,#ed239f 51%,#1345e6 100%)!important;
  width: 0%;
  position: fixed;
  transition: .3s;
}

/*  custom css
================================================== */
body::-webkit-scrollbar {
  width:2px;
}

body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
  background-color: rgba(227,30,36,1);
  border-radius: 15px;
}
*::-webkit-scrollbar {
  width:2px;
}

*::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
}

*::-webkit-scrollbar-thumb {
  background-color: rgba(227,30,36,1);
  border-radius: 15px;
}
.mb-80{
  margin-bottom: 80px;
}

.pt-80{
  padding-top: 80px;
}
.top_header_area{
  padding-top: 150px;
}

.layout_5{
  background-attachment: fixed!important;
}
.on-scroll.bg_color{
  position: relative;

}


.left_height_line {
  width: 7px;
  background: radial-gradient(circle, #00a8cc, #00afca, #00b5c6, #00bbc0, #00c0b9, #36bf9e, #5bbd81, #7cb865, #aba63e, #d48c39, #ef6d57, #f35588);
  position: absolute;
  top: 0;
  left: 108px;
  transition: .5s;
  z-index: 8;
}

ul.social_icons li a:hover {
  background: #fff;
  color: rgba(227,30,36,1);
  transition:.5s;
}

.top_btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.top_btn a {
  display: inline-block;
  background: #194368 ;
  color: #fff;
  padding: 6px 12px;
  font-size: 14px;
  border-radius: 3px;
  height: 30px;
  white-space: nowrap;
  padding-top: 0;
  margin-right: 10px;
}

.hidden_text {
  display: inline-block;
  width: 0;
  overflow: hidden;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  text-align: left;
  line-height: 35px;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 10px;
  padding-left: 0;
}

.top_btn a:hover .hidden_text{
  width: 111px;
  padding-left: 5px;
}

.topMenu_bar {
  height: 53px;
  width: 50px;
  position: fixed;
  left: 11px;
  top: 20px;
  overflow: hidden;
  z-index: 10;
}
.topMenu_bar a {
  color: #fff;
  background: #191d2b;
  font-size: 25px;
  padding: 2px 10px;
  text-align: center;
  display: inline-block;
  line-height: 42px;
  padding-bottom: 0;
}
.leftMenu_bar {
  height: 100vh;
  width: 250px;
  position: fixed;
  background: #191d2b;
  display: flex;
  align-items: center;
  flex-direction: column;
  left: -260px;
  z-index: 999;
}
.hideNav {
  /*background: rgba(0,0,0,.5);*/
  position: absolute;
  top: 0;
  left: 198px;
  width: 50px;
  height: 50px;
  color: #fff;
  text-align: center;
  font-size: 28px;
  transition: all .3s ease-in-out;
}
.hideNav:hover{
  background: #000;
  color: #fff;
}

.leftMenu_name {
  width: 100%;
  text-align: center;
  border: 2px solid #fff;
  padding: 14px;
  margin-bottom: 16px;
}
.leftMenu_name h4 {
  color: #fff !important;
}
.menu_area {
  width: 100%;
  text-align: center;
  padding: 10px 0px;
}
.menu_area ul a {
  color: #fff;
}

.menu_area .mainMenu ul a::before,
.menu_area .mainMenu ul a::after {
  display: none;
}
.menu_area .mainMenu ul a.active,
.menu_area .mainMenu ul a:hover {
  background: #2e344e;
}


.scroll-top {
  height: 50px;
  width: 50px;
  overflow: hidden;
  position: fixed;
  right: 25px;
  bottom: 45px;
  background: rgba(227,30,36,1);
  text-align: center;
  border-radius: 100%;
  box-shadow: 0px 8px 16px 0px rgba(56, 196, 252, 0.5);
}
.scroll-top a {
  display: block;
  font-size: 29px;
  color: #fff;
  line-height: 42px;
}
.layout_5 .single-blog.cv.style_1 {
  box-shadow: 0 0 5px rgba(0,0,0,.5);
}

.back.layout_5 {
  display: inline-block;
  color: #a4acc4;
  padding: 10px 30px;
  font-size: 20px;
  position: fixed;
  z-index: 99;
  background: #000;
  top: 16px;
  left: 0;
}
.appointment_schedule.layout_5 {
  margin-top: 20px;
}

.users_section_area.home{
  background: #000;
  overflow: hidden;
  height: 100vh;
}

.aboutImage {
  position: relative;
  height: 455px;
  max-width: 392px;
}

/* Style the search field */
form.example input[type=text] {
  padding: 6px;
  font-size: 17px;
  float: left;
  width: 80%;
  background: #f1f1f1;
  border: 1px solid transparent;
  outline: none;
}

/* Style the submit button */
form.example button {
  float: left;
  width: 20%;
  padding: 6px;
  background: #f1f1f1;
  color: #777;
  font-size: 17px;
  border-left: none;
  cursor: pointer;
  border: 1px solid transparent;
  outline: none;
}

form.example button:hover {
  background: #f1f1f1;
  color: #000;
}

/* Clear floats */
form.example::after {
  content: "";
  clear: both;
  display: table;
}
.right_bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.search_area{
  margin-right: 40px;
}
.custom_menu{
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.custom_menu ul li a
}



/* start  empty area
================================================== */
.empty_area {
  width: 100%;
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.empty_area code {
  background: #eee;
  padding: 1px 7px;
  box-shadow: 0 0 3px #ddd;
  margin-top: 13px;
  display: inline-block;
}
.empty_area h4 {
  margin-top: 5px;
  font-size: calc(17px + .3vw);
}


/* End  empty area
================================================== */


/*  alert custom css
================================================== */

span.reg_msg {
  text-align: left;
}

span.reg_msg .alert {
  border-radius: 0;
  padding: 5px 15px;
  position: relative;
  border: 0;
}

span.reg_msg .alert::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 7px;
  left: 0;
  top: 0;
}
span.reg_msg{
  display: none;
}
span.reg_msg .alert.alert-danger::before {
  background: #fe7171;
}

span.reg_msg .alert.alert-success::before {
  background: #2ec1ac;
}

span.reg_msg .alert.alert-info::before {
  background: #68b0ab;
}

.user_login_form, form, .submit_form{
  position: relative;
}

.submit_form::before {
  content: "";
  position: absolute;
  background: rgba(255,255,255,.8);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
}


span.ajax_submit {
  margin-top: 30px;
  border: solid #000 2px;
  width: 156px;
  height: 20px;
  border-radius: 7px;
  position: absolute;
  top: 17%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
}
span.ajax_submit::before {
  content: '';
  position: absolute;
  width: 146px;
  height: 12px;
  top: 2px;
  left: 2px;
  background-color: #000;
  border-radius: 4px;
  animation: animation7submiting_after 2s linear infinite;
}
span.ajax_submit::after {
  content: 'Submiting...';
  position: absolute;
  width: 150px;
  color: #000;
  top: -28px;
  /*font-family: Marvel;*/
  font-size: 14pt;
  text-align: center;
  animation: animation7submiting 2s linear infinite;
  left: 0;
}
@keyframes animation7submiting_after {
  0% { width: 0% }
  15% { width: 0% }
  85% { width: 146px }
  100% { width: 146px }
}
@keyframes animation7submiting {
  0% { content: 'Submiting' }
  25% { content: 'Submiting.' }
  50% { content: 'Submiting..' }
  75% { content: 'Submiting...' }
  100% { content: 'Submiting...' }
}
/*   searching loader
================================================== */
.searching{
  position: relative;
  width: 100%;
  height: 20px;
}
.searching::after {
  content: 'Searching...';
  position: absolute;
  color: #000;
  top: 0;
  /*font-family: Marvel;*/
  font-size: 12pt;
  text-align: center;
  animation: animation7searching 2s linear infinite;
  left: 0;
}
@keyframes animation7searching {
  0% { content: 'Please wait, ' }
  15% { content: 'Please wait, Se.' }
  30% { content: 'Please wait, Sea..' }
  45% { content: 'Please wait, Sear..' }
  55% { content: 'Please wait, Searc..' }
  75% { content: 'Please wait, Search...' }
  85% { content: 'Please wait, Searchi...' }
  95% { content: 'Please wait, Searchin...' }
  100% { content: 'Please wait, Searching...' }
}


.facebook{
  color: rgba(59,89,152,1);
  transition: ease .5s all;
}
.instagram{
  color: rgba(251,57,88,1);
  transition: ease .5s all;
}
.whatsapp{
  color: rgba(79, 206, 93,1);
  transition: ease .5s all;
}
.linkedin{
  color: rgba(14, 118, 168,1);
  transition: ease .5s all;
}

.phone{
  color: #16a596;
  transition: ease .5s all;
}

.twitter{
  color:rgba(0,172,138,1);
  transition: ease .5s all;
}

.youtube{
  color:rgba(255, 0, 0,1);
  transition: ease .5s all;
}

.email{
/*background-image: radial-gradient(circle, #ee0a50, rgba(251,57,88,1), #16a596, #a0bc00, #16a596);;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;*/
transition: ease .5s all;
}


.facebook:hover{
  color: rgba(59,89,152,.5);
}
.instagram:hover{
  color: rgba(251,57,88,.5);
}
.whatsapp:hover{
  color: rgba(79, 206, 93,.5);
}
.linkedin:hover{
  color: rgba(14, 118, 168,.5);
}
.twitter:hover{
  color:rgba(0,172,138,.5);
  transition: ease .5s all;
}

.youtube:hover{
  color:rgba(255, 0, 0,.5);
  transition: ease .5s all;
}
/*  seven loader
================================================== */
.reg_loader{
  position: relative;
  height: 50px;
  width: 50px;
  color: #000;
}
.seven {
  margin-top: 30px;
  border: solid #000 2px;
  width: 150px;
  height: 20px;
  border-radius: 7px;
}
.seven:before {
  content: '';
  position: absolute;
  width: 146px;
  height: 16px;
  top: 2px;
  left: 2px;
  background-color: #000;
  border-radius: 4px;
  animation: loader7AnimationBefore 2s linear infinite;
}
.seven:after {
  content: 'Loading...';
  position: absolute;
  width: 150px;
  color: #000;
  top: -28px;
  /*font-family: Marvel;*/
  font-size: 14pt;
  text-align: center;
  animation: loader7AnimationAfter 2s linear infinite;
}
@keyframes loader7AnimationBefore {
  0% { width: 0% }
  15% { width: 0% }
  85% { width: 146px }
  100% { width: 146px }
}
@keyframes loader7AnimationAfter {
  0% { content: 'Loading' }
  25% { content: 'Loading.' }
  50% { content: 'Loading..' }
  75% { content: 'Loading...' }
  100% { content: 'Loading...' }
}

/* Start user profile
================================================== */
.userMenu_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.userMenu nav ul li a
}
.sectionDefault{
  position: relative;
  min-height: 100vh;
  width: 100%;

}
.userMenu{
  height: 57px;
}

/*.single_banner img {height: 120px;width: 120px;margin-right: 20px;}*/

section.user_home_banner {
  /*min-height: 35vh;*/
  padding: 1% 0;
  background: #eee;
  display: flex;
  align-items: center;
  position: relative;
  /*margin-bottom: 30px;*/
  background: #eee!important
}

section.user_home_banner .single_banner {
  display: flex;
  align-items: center;
  color: #303030;
  z-index: 9;
  position: relative;
  padding: 30px 0;
}
section.user_home_banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(191 191 191 / 76%);
}

.userbanner_top {
  margin-bottom: 5px;
}

.home_social.list.style_1 ul {
  display: flex;
  align-items: center;
}

.home_social.list.style_1 ul li a {
  color: #000;
  padding: 10px 0;
  margin-right: 19px;
  padding-right: 8px;
  font-size: 17px;
}

.social_icon_section {
  margin-top: 5px;
}

.home_social.list.style_1 ul li a i {
  font-size: 18px;
  /*background: #fff;*/
  padding: 2px 4px;
  border-radius: 4px;
  margin-right: 6px;
  /*color: var(--defaultColor)!important*/
}

/*.userbanner_bottpm a {
color: #777;
}*/

p.address a {
 /* font-size: 14px;
  color: #000;*/
}


.gallery_area .portfolio_img {
  border-radius: 10px;
  box-shadow: 0 0 13px #ddd;
}
.portfolio_img {
  position: relative;
  overflow: hidden;
}


.gallery_area .grid-item {
  width: 49.111%;
  padding: 0 7.5px 0px;
  margin-top: 15px;
}


.style_2 .gallery_area .grid-item {
  width: 25%;
  padding: 0 7.5px 0px;
  margin-top: 15px;
}

.gallery_area .grid-item a{ display: inline; }

.portfolio_details h4 i {
  margin-left: 9px;
}
.portfolio_details h4 {
  padding: 5px;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  padding-left: 11px;
  background: #fff;
}

.singleGallery_img {
  height: 200px;
  overflow: hidden;
  position: relative;
  z-index: 2;
  width: 100%;
  transition: all .5s ease-in-out;
}

.singleGallery_img:hover img {
  transform: translate(-50%, -50%) scale(1.1);
}

.singleGallery_img img {
  z-index: 1; 
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1.0);
  width: 100%;
  height: 100%;
  transition: all .5s ease-in-out;
}

.singleMenuItem {
  padding: 10px 10px;
  width: 100%;
  padding-top: 0;
}
.singleMenuItem ul {
  display: flex;
  /* align-items: center; */
  flex-direction: column;
  justify-content: center;
}

.singleMenuItem ul li {
  display: block;
  width: 100%;
  margin-bottom: 8px;

  box-shadow: 0 0px 0px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
  background: #fff;
}

.singleMenuItem ul li a {
  color: #000;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.homeItem_right.singleCatItem p {
  font-size: 18px;
  color: #777;
  font-weight: normal;
}

.homeSingle_item.singleCatItem {
  min-height: 149px;
}

.port_d_flex {
  display: flex;
  align-items: center;
  justify-content:center;
  margin-top: 2px;
}
.price_section {
  margin-bottom: 8px;
}
/*.port_d_flex a {
padding: 5px 20px;
border-radius: 5px;
border: 1px solid #f9f9f9;
margin: 5px;
text-align: center;
font-size: 18px;
color: #777;
}*/


/* cart
================================================== */

li.cart{
  position: relative;

}

li.cart a{
  color: #777;
}
span.total_count {
  position: absolute;
  background: red;
  color: #fff;
  border-radius: 100%;
  font-size: 12px;
  min-width: 20px;
  min-height: 20px;
  text-align: center;
  right: 3px;
  top: 3px;
  font-weight: bold;
  font-family: cursive;
}
.shopping_cart {
  position: fixed;
  height: 100vh;
  right: -400px;
  width: 360px;
  padding: 5px;
  z-index: 1040!important;
  top: 0;
  transition: all .3s;
  border-left: 5px solid rgba(255,255,255,.6);
  background: #fff;
  box-shadow: 0 4px 10px rgb(50 50 93 / 11%), 0 2px 6px rgb(0 0 0 / 8%);
}
.cart_heading {
  padding: 10px 5px;
  display: flex;
  justify-content: space-between;
}
.right_cart a {
  color: red;
  padding: 5px;
}
/* cart */
.single_item_cart {
  display: flex;
  justify-content: space-between;
}

.left_cart {
  display: flex;
  align-items: center;
}
.single_item_cart img {
  height: 80px;
    width: 80px;
    margin-right: 10px;
    flex: 0 0 80px;
    border-radius: 10px;
}
.navCart{
  display: inline-block;
}
span.extrasTitleCard {
  font-size: 13px;
  word-break: break-word;
  font-weight: 500;
  font-family: 'FontAwesome';
}
.shopping_cart_content ul li {
  background: #fff;
  padding: 5px;
  margin-bottom: 10px;
  box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%) !important;
  border-radius: 4px;
  border: 1px solid #f3f5f9;
}
i.fa.fa-circle.veg_type {
  font-size: 12px;
  border: 1px solid;
  height: 15px;
  width: 15px;
  border-radius: 0;
  text-align: center;
  line-height: 14px;
}
.veg_type.c_green{
  border-color: green;
}

.veg_type.c_red{
  border-color: red;
}
.item_title_area {
  display: flex;
  justify-content: space-between;
  padding: 0 3px 8px 10px;
}
.item_modal{
  padding: 0;
  background: #f4f5f7!important;
  border-radius: 11px;
}
.modal-header{
  background: #fff!important;
}
.single_item_details {
  padding: 10px;
}
.item_extra_details {
  /*padding:5px 10px;*/
}

.itemComments
{
  padding: 0 10px;
}
span.left_bold {
  font-weight: bold;
  margin-right: 7px;
}

.item_extra_list {
  margin-top: 5px;
}
.capital
}
span.cartItemList {
  position: relative;
  height: 48px;
  width: 48px;
}
span.cartItemList a{
  color: #777;
}
span.cartItemList .total_count {
  top: -9px;
  right: 0px;
}

.cart.CartIcon {
  position: fixed;
  right:30px;
  bottom: -50px;
  border-radius: 100%;
  height: 45px;
  width: 45px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .5s ease-in-out;
  z-index: 999;   
  background: #fff;
  box-shadow: 0 4px 10px rgb(50 50 93 / 11%), 0 2px 6px rgb(0 0 0 / 8%);

}
.CartIcon.active{
  bottom: 60px;
}

.cart.CartIcon a {
  color: #000;
  text-align: center;
}
.cart.CartIcon a i {
  font-size: 28px;
  position: absolute;
  left: 50%;
  top: 63%;
  transform: translate(-50%,-50%);
}
.top_cart_order {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  height: 82vh;
}
.top_cart_order ul {
  width: 100%;
  overflow: auto;
  padding-bottom: 62px;
}
.bottom_cart_order {
  width: 100%;
  position: absolute;
  padding-bottom: 17px;
  clear: both;
  left: 0;
  right: 0;
  bottom: -7px;
  background: #f3f5f9;
  padding: 15px 0;
  box-shadow: 0 0 5px #ddd;
}
.order-btn{
  display: block;
  border-radius: 0;
  color: #ff4646 !important;
}
.bottom_cart_order a
{
  border-radius: 15px;
}
.sub_total_list h4 {
    display: flex;
    justify-content: space-around;
}
.single_cart_item_details h4 {
  font-size: calc(13px + .1vw);
  margin-bottom: 5px;
}
.sub_total_list {
  text-align: center;
  padding: 5px 0 10px 0;
}

.sub_total_list h4 {
  font-size: calc(14px + .1vw);
  color: #333;
  text-transform: capitalize;
}
.total_sum {
  padding: 5px 0 17px 0;
  /*  border-top: 1px dashed #e3e9f0;*/
}
.successMsg {
  text-align: center;
  min-height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

/*.confirmMsgArea {
  margin-bottom: 13px;
}*/
.custom_btn {
  padding: 8px 37px;
  text-transform: uppercase;
}

/* incress / decress
================================================== */

span.in_stock{
  color:#4CAF50;
}
.value-button {
  border: 1px solid #f00;
    font-size: 12px;
    cursor: pointer;
    display: inline-block;
    width:20px;
    height: 20px;
    border-radius: 10px;
    background: transparent;
    text-align: center;
    color: red;
    line-height:17px;
}
span.cart_qty_field input {
  width: 36px;
  height: 24px;
  border: 1px solid #ddd;
  border-right-color: transparent;
  border-left-color: transparent;
  text-align: center;
  background: #e5e7f7;
}
span.cart_qty_field input[type=number]::-webkit-inner-spin-button,
span.cart_qty_field input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.value-button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
input.qty:focus {
  border-color:transparent;
  outline:0;
  -webkit-box-shadow:none;
  box-shadow:none;
}
.order_qty {
  display: flex;
  align-items: center;
  margin: 3px 0;
}

.order_qty > span {
  margin-right: 10px;
}
.order_list img {
  height: 75px;
  width: 120px;
  background: #fff;
  flex: 0 2 120px;
  border-radius: 5px;
}

.single_item_cart.order_list {
  margin-bottom: 15px;
}
.order_input_area input,.order_input_area select {
  height: 45px!important;
  border-radius: 0;
}
.upperSum {
  margin-bottom: 5px;
  border-bottom: 1px dashed #e3e9f0;
  padding-bottom: 5px;
  display: block;
  text-transform: capitalize;
}
.show_price.defaultshipping {
    text-transform: capitalize;
}
/* incress / decress
================================================== */

.singlePackage_img {
  width: 150px;
  height: 80px;
  margin-right: 12px;
}

.single_package_items {
  display: flex;
  margin-bottom: 16px;
}

.singleItemDetails h4 {
  font-size: 12px;
  font-weight: 500;
  color: #212121;
}
.accordion_content.item {
  background: #ffffff;
  color: #4b566b;
  padding: 10px 15px 10px;
  border: 0px solid #dae1e7;
  font-size: 14px;
  display: none;
  overflow: hidden;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%) !important;
}
span.price_discount {
  color: #fe696a;
  text-decoration: line-through;
  margin-left: 15px;
}
h4.package_price {
  font-size: 13px;
  color: #4e54c8;
  font-weight: 600;
}
h4.package_price span.bg-round {
    background: #f3f3f3;
    display: inline-block;
    border-radius: 4px;
    padding: 5px 10px;
    margin-right: 10px;
    font-weight: 500;
}
.package_header_left {
  display: flex;
  align-items: center;
  font-weight: 400;
}
.package_header_right.text-center a {
  background: transparent;
  color: #000;
  border-radius: 0;
  transition: all .3s ease-in-out;

}
.package_header_right.text-center a:hover{
  color: #fff; 
}
.accordion_content.item.block{
  display: block;
}
.packageSection{
  padding-bottom: 30px;
}

.homeSingle_item {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.homeSingleImg {
  width: 150px;
  height: 117px;
}
.singleCategoryHeader {
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  margin-bottom: 11px;
  background: #f8f8ff;
    padding: 8px 10px;
    background: transparent;
}
.homeView .homeSingle_item {
  margin-bottom: 15px;
}
.homeSingleImg {
  margin-right: 20px;
}
.port_d_flex.home_view a {
  padding: 6px 12px;
  border-radius: 5px;
  border: 1px solid rgb(41 199 172 / 50%);
  margin: 4px;
  text-align: center;
  font-size: 12px;
  color: rgba(227,30,36,1);
  transition: all .3s ease-in-out;
  box-shadow: none;
  text-transform: capitalize;
  font-weight: 600;
}
.port_d_flex.home_view a:hover{
  background: rgba(227,30,36,1);
  color: #fff;
  border-color: transparent;
}
@media (max-width:600px){
  .port_d_flex.home_view a{
    padding:5px 6px;
  }
}
.homeView{
  margin-bottom: 30px;
}
.homeSingleImg img {object-position: top center;}
.homeItemDetails.list_view {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
.defaultHeading {
  padding: 3% 0 1% 0;
  color: #000;
  position: relative;
}
.defaultHeading h1 {
  position: relative;
  display: inline-block;
  padding-bottom: 13px;
  text-transform: capitalize;
  font-size: 24px;
  /*margin-left:15px;*/
}

.defaultHeading h1::before {
  content: "";
  position: absolute;
  background: rgba(227,30,36,.3);
  width: 100%;
  height: 1px!important;
  bottom: 1px!important;
  border-radius: 15px;
}
.defaultHeading h1::after {
  content: "";
  position: absolute;
  background: rgba(227,30,36,1);
  width: 40%;
  height: 3px!important;
  bottom: 0;
  left: 0;
  border-radius: 15px;
}
.defaultHeading h4 {
  position: relative;
  display: inline-block;
  padding-bottom: 13px;
  text-transform: uppercase;
  font-size: calc(12px + .3vw);
}

.defaultHeading h4::before {
  content: "";
  position: absolute;
  background: rgb(255 3 3 / 30%)!important;
  width: 100%;
  height: 1px!important;
  bottom: 1px!important;
  border-radius: 15px;
}
.defaultHeading h4::after {
  content: "";
  position: absolute;
  background: #ff4646;
  width: 40%;
  height: 3px!important;
  bottom: 0;
  left: 0;
  border-radius: 15px;
}
.homeItemPcakage {
  background: #f3f5f9!important;
  /*padding-bottom: 70px;*/
}
.text-center.seeMore_btn a {
  border: 1px solid #ddd;
  border-radius: 0;
  padding: 7px 25px;
  display: inline-block;
  transition: all .5s ease-in-out!important;
}
.text-center.seeMore_btn a:hover{
  background: rgba(227,30,36,1);
  color: #fff;

}
.datepicker{z-index:1151 !important;}

.homeSingle_item {
  background: #fff;
  box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%) !important;
  padding: 15px;
  min-height: 185px;
  border-radius: 6px;
}
.theme_2 .homeSingle_item{
  min-height: 200px;
}
.menu-img {
  margin-right: 20px;
  width: 70px;
  height: 70px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  flex: 0 0 70px;
}
.img{
  background-size: cover!important;
  background-repeat: no-repeat!important;
  background-position: center center!important;
}
.singleHome_item {
  background: #f3f5f9!important;
  padding-bottom: 50px;
}
.homeItemDetails.list_view {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.homeItem_right p {
  font-size: 14px;
  color: #4e54c8;
  font-weight: 600;
}

.homeItem_left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.topTitle h4 {
  font-size: calc(13px + .2vw);
  font-weight: 400;
  display: flex;
  align-items: center;
}
.topTitle h4 i{
  margin-left: 10px;
}
.order-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13;
}
.order-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}
.w-50 .img, .w-50 .text{
  width: 50%;
  padding: 5% 4% 8px;
}
.homeSinglePackage {
  display: flex;
  width: 100%!important;
/*  height:208px;*/
  cursor: pointer;
}
.homeSinglePackage p
{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters>.col, .no-gutters>[class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.w-50 .text {
  background: #fff;
  border-radius: 6px 0px 0px 6px;
}

.homeItemPcakage.Packages {
  background: #eee;
}
.package_heading {
  color: #212121;
  text-align: center;
  font-size:16px;
  font-weight: 600;
  position: relative;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.text.order-first p {
  /*font-size: 14px;
  padding: 5px 0;*/
  text-align: center;
}

.homeSingle_packages {
  display: flex;
  padding:8px 0;
  margin-bottom: 8px;
}

.singleItemDetails.homePackages {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-right: 10px;
}
.topPackageItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  /*padding-top: 10px;*/
}



.singlePackage_wrapper {
  background: #fff;
  margin-bottom: 20px;
}
.homePackage_details {
  border: 0px solid #eee;
  padding: 10px;
  border-top: 0;
  box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%) !important;
  border-radius: 6px;
}
.package_title {
  padding: 10px;
  background: #fff;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #f3f5f9;
  border-radius: 6px 6px 0px 0px;
}
.package_title h4 {
  font-size: 16px;
    color: #212121;
    font-weight: 600;
}
span.home_package_price {
  font-size: calc(13px + .15vw);
  color: #4e54c8;
  font-weight: 600;
}
.lineTitle{
  position: relative;
}
.lineTitle::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 68%;
  width: 100%;
  height: 1px;
  background-color: #777;
  transform: translateY(28%);
}

.topPackageItem.lineTitle h4 {
  font-size: calc(15px + .2vw);
  background: #fff;
  z-index: 1;
  padding-right: 11px;
  font-weight: 400;
}
.topPackageItem.lineTitle p {
  background: #fff;
  z-index: 1;
  padding-left: 11px;
  color: #4e54c8;
  font-weight: 600;
}

.homeBanner_Service ul {
  display: flex;
  text-align: center;
  width: 100%;
  justify-content: space-between;
}
.homeBanner_btn {
  margin-top: 11px;
}

.homeBanner_Service ul li i {
  display: block;
  font-size: 40px;
  color: rgba(227,30,36,1);
  margin: 0 auto;
  border-radius: 50%; 
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: #fff;
}
}
.homeItemPcakage{
  padding-bottom: 70px;
}

.homeBanner_Service ul li p {
  font-size: 16px;
  /*font-family: 'Montserrat';*/
  font-weight: 400;
  color: #fff;
}

.homeBanner_Service ul li {
  display: block;
  width: 100%;
  border-right: 1px solid #ddd;
  padding-bottom: 12px;
}

.homeBanner_Service ul li:nth-child(3) {
  border: 0;
}

.userHomeBanner{
  position: relative;
}

.userHomeBanner, .homeBanner_left{
  min-height: 50vh;
}
.username {
  font-family: inherit;
  font-size:18px;
  font-weight: 600;
  text-transform: uppercase;
}
.homeBanner_left {
  background: rgba(255,255,255,.8);
  padding-left: 21%;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  text-align: center;
  justify-content: space-evenly;
}

.homeBanner_Service {
  width: 100%;
  margin-top: 25px;
}

.homeBanner_left h1 {
  text-align: left;
  font-size: calc(18px + 1.2vw);
}

.home-book-btn {
  display: inline-block;
  background-color: #e22104;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  border-radius: 15px;
  padding: 9px 25px;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}
.btn-shadow {
  box-shadow: -5px 8px 20px 0 rgb(229 16 2 / 15%);
}

.home-book-btn:hover {
  background-color: red;
  color: #fff;
}
a.btn.watch_video
{
  color: #fff;
}
.watch_video_i{
  font-size: 22px;
  margin-right: 10px;
}
.userHome_social {
  position: fixed;
  top: 18%;
  right:1px;
  z-index: 9999;
  /*display: none;*/
}

.userHome_social ul {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.userHome_social ul li a {
  display: block;
  padding: 10px;
  font-size: 25px;
  color: #777;
  transition: all .5s ease-in-out;
}
.userHome_social ul li a:hover{
  color: rgba(227,30,36,1);
}
.userHome_social ul li a i
{
  background-color: #fff!important;
  padding: 2px 4px;
  border-radius: 4px;
}
.itemPrice_area {
  display: flex;
  align-items: center;
  margin: 5px 0;
  flex-wrap: wrap;
}
.itemPrice {
  display: inline-block;
  border: 1px solid rgba(227,30,36,1);
  margin-right: 3px;
}

p.smallItem_size {
  background: rgba(227,30,36,1);
  color: #fff;
  border-bottom: 1px solid #ddd;
}

.itemPrice p {
  padding: 4px 10px;
  text-align: center;
  font-size: 13px;
}
.topTitle {
  padding-bottom: 2px;
}
.details_price {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

label.btn.btn-sizes {
  border: 1px solid rgba(227,30,36,1);
  padding: 4px 26px;
  transition: all .3s ease-in-out;
  margin: 3px;
  margin-bottom: 5px;
  border-radius: 4px;
}

label.btn.btn-sizes:hover, label.btn.btn-sizes.active {
  background: rgba(227,30,36,1);
  color:#fff;
}
p.capital.allergen {
  font-size: 16px!important;
}
h5.priceTag {
  padding-top: 8px;
  padding-bottom: 5px;
  color: #4e54c8;
  font-size: 19px;
  font-weight: 600;
}
.btn.hidden{
  display: none!important;
}
.total_sum h4 {
  font-weight: 600;
  /*font-family: 'Open Sans';*/
  font-size: 19px;
  margin-bottom: 7px;
}
.itemPrice_area.i_small p.smallItem_size {
  background: rgba(78,84,200,.1)!important;
  border: 0px solid #dae1e7;
  border-radius: 4px;
  color: #4e54c8!important;
  padding: 6px 5px;
  font-size: 11px;
  margin-bottom: 4px;
}

.itemPrice_area.i_small .itemPrice{
  border-color: transparent;
}

.ci-shadow {
  box-shadow: 0 4px 10px rgb(50 50 93 / 11%), 0 2px 6px rgb(0 0 0 / 8%);
}
h5.priceTag.hidden {
  display: none;
}
.hidden{
  display: none;
}
.homePriceTag p.smallItem_size{
  background: rgba(41, 199, 172, .15)!important;
  color: rgba(227,30,36,1)!important;
  box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
}
.single_items_img img {
  max-height: 320px;
}
.pickup_up h4 {
  font-size: 14px;
}

.cartNofify {
  display: flex;
  background: #f4f5f7;
  align-items: center;
  justify-content: space-between;
  padding: 5px 30px;
  padding-right: 4px;
  border-radius: 7px;
  box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
}

.leftNotify {
  display: flex;
}

.cartNotify_wrapper{
  display: flex;
  position: fixed;
  left: 50%;
  bottom: -200px;
  z-index: 999;
  align-items: center;
  justify-content: space-between;
  transform: translateX(-50%);
  opacity: 1;
  background: #fff;
  border-radius: 7px;
}



.leftNotify p {
  font-size: 15px;
}

.rightNotify a {
  display: block;
  padding: 14px 6px;
  margin-left: 20px;
  color: red;
}

.leftNotify a {
  margin-left: 10px;
  font-size: 14px;
  line-height: 25px;
  color: tomato;
}

.UserMobileMenu{
  display: none;
}

.bg-gray{
  background: #f4f5f7!important;
}
.track_form input{
  height: 47px;
  border-radius: 0;
  background: #fff;
}
.track_order_section {
  min-height: 94vh;
  display: flex;
  align-items: center;
  justify-content: center;
  /*background: url(../images/rest2.webp);*/
  /*mix-blend-mode:multiply;*/
      /*color: #4b566b;*/
    /* border-top: 1px solid #f3f5f9; */
/*    background: url(../images/bg-footer.jpg);*/
    background-blend-mode: overlay;
    background-color: #fffffff6;
    background-size: contain;
}
.sweet-alert h2
{
  text-transform: capitalize;
}
.status-badge {
  font-weight: normal;
  padding: 5px;
}

.status-badge i {
  font-size: 16px;
  font-weight: bold;
  margin-right: 1px;
}
img.order-img {
  height: 50px;
  width: 50px;
}
.fw_normal{
  font-weight: normal;
}
a.viewItems {
  color: brown;
  font-size: 14px;
}

a.viewItems:hover {
  color: #000;
}
.d_flex_h{
  min-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pp-5{
  padding: 5px!important;
}
.back_icon{
  font-size: 25px;
  color: #222;
}

.single_track_page{
  /*margin-top: 50px;*/
}
.show_menu_details{
  display: none;
}
ul.row_ul li a span {
  min-width: 91px;
  display: inline-block;
  text-align: left;
}

.userbanner_right * {
  /*text-shadow: 0 0 5px rgb(0 0 0 / 70%);*/
}
.userbanner_right i {
  text-shadow: none;
}
span.timeFormat {
  text-transform: lowercase;
}


/*  contacts
================================================== */
.contacts_area input.form-control{
  height: 45px;
}
.contacts_area .form-control{
  border-radius: 0;
}
.form_fields .form-group {
  width: 49.4%;
  display: inline-block;
}
.contact_top {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 20px;
}

.single_contact_wizard {
  border: 1px solid #eee;
  padding: 5px 10px;
  text-align: center;
  min-height: 111px;
  max-height: 120px;
  display: flex;
  align-items: center;
  box-shadow: 0 0 5px #ddd;
  overflow: hidden;
  transition: all .5s ease;
  width: 100%;
  text-align: center;
  justify-content: center;
  margin: 2px;
}

.single_contact_wizard a {
  color: #000;
}

.single_contact_wizard i {
  font-size: 27px;
  margin-top: 12px;
  transition: all .5s ease;
}
.single_contact_wizard:hover i{
  color: #2ec1ac;
}
.single_contact_wizard:hover{
  box-shadow: 0 0 5px  #2ec1ac;
}


.all_social_sites_icon ul.circle a{
  border-color: #2ec1ac;
  color:#2ec1ac;
  transition: all .5s ease;
}

.all_social_sites_icon ul.circle a:hover{
  border-color: #2ec1ac;
  background:#2ec1ac;
  color: #fff;
}

.contacts_area textarea.form-control{
  min-height:85px;
}


.second_media ul {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0;
  margin: 0;
}

.second_media ul li {
  width: 100%;
}

.second_media ul li a {
  display: flex;
  text-align: left;
  padding: 7px 15px;
  align-items: center;
  color: #000;
}

.second_media {
  margin-top: 30px;
}
.contact-page-head
{
  width: 70%;
  text-align: center;margin: 0 auto
}
.contact-page-head h1
{

}
.second_media ul li a i {
  font-size: 20px;
  height: 35px;
  width: 35px;
  border: 1px solid #ddd;
  text-align: center;
  margin-right: 11px;
  line-height: 33px;
  background: #2ec1ac;
  color: #fff;
}
.theme_5 .single_contact_wizard {
  border: 0;
  box-shadow: none;
  max-height: inherit;
  min-height: auto;
  /*margin:2% 0;*/
}
.theme_5 .single_contact_top i {
  height: 50px;
  width: 50px;
  flex: 0 0 50px;
  background: rgba(227,30,36,1);
  color: #fff;
  text-align: center;
  font-size: 25px;
  line-height: 1.9;
  border-radius: 100%;
  margin-bottom: 11px;
  margin-right: 17px;
  transition: all .5s ease-in-out;
}
.theme_5 .single_contact_wizard {
  border: 0;
  box-shadow: none;
  max-height: inherit;
  min-height: auto;
}
form#home_contact {
    padding:3% 5%;
    background: #fff;
    border-radius: 12px;
}
.theme_5 .single_contact_wizard a {
  width: 100%;
}
.theme_5 .contact_top_content {
  width: 100%;
}
.theme_5 .contact_top {
 background-color: #fff;
 border-radius: 12px;
  /*margin-top: -27px;*/
  flex-direction: column;
  padding: 4% 5%;
}
.theme_5 .contact_top_content .single_contact_top {
  display: flex;
  align-items: center;
  width: 100%;
}
.theme_5 .single_contact_wizard:hover{
  box-shadow: none!important;
}

form.defaultForm input.form-control, form.defaultForm select.form-control{
  height: 45px!important;
  border-radius: 0;
}


form.defaultForm textarea.form-control{
  min-height: 55px;
  border-radius: 0;
} 


/* end contacts
================================================== */

/* reservation 
================================================== */
.appointment_dates li {
  display: block;
  padding: 7px 10px;
  font-size: 16px;
}
.appointment_dates li i {
  font-size: 18px;
  height: 30px;
  width: 30px;
  border: 1px solid transparent;
  text-align: center;
  line-height: 28px;
  border-radius: 100%;
  margin-right: 11px;
  color: #fff;
}
.ap_info{
  color: #777 !important;
  padding-left: 18px;
}

.available i{
  background: green;
}

.not_available i{
  background: red;
}
.appointment_schedule_area{
  padding-left: 30px;
}
.limit_msg {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  color: #777;
}

.limit_msg h4 {
  font-size: calc(18px + .2vw);
  font-weight: 400;
}
.qr_link {
  width: 60%;
  margin: 10px auto 25px auto;
  display: block;
  position: relative;
}

a.qrDownloadBtn {
  position: absolute;
  bottom: -18px;
  right: 0;
  background: #fff;
  padding: 1px 7px;
  display: block;
  color: green;
  font-size:20px;
  left: 0;
}
span.downloadMsg {
  left: 5px;
  bottom: -17px;
  font-size: 14px;
  color: green;
  font-weight: normal;
  display: flex;
  align-items: center;
  background: #fff;
  padding: 1px 6px;
}

span.downloadMsg i {
  font-size: 18px;
  margin-right: 3px;
}

.not_found_page {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.invalid_text img {
  height: 80px;
  width: 80px;
  margin: 0 auto;
  text-align: center;
  display: block;
  margin-bottom: 14px;
}

.invalid_text {
  text-align: center;
}

.invalid_text h4 {
  font-size: calc(15px + .4vw);
  font-family: cursive;
  margin-bottom: 7px;
}

.invalid_text p {
  font-size: 17px;
  font-family: sans-serif;
}

.invalid_text a {
  font-size: 17px;
  background: rgba(227,30,36,1);
  color: #fff;
  display: inline-block;
  padding: 10px 30px;
  margin-top: 12px;
  text-decoration: none;
  font-family: sans-serif;
}
.reg_msg.block{
  display: block!important;
}

.left_create_admin {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
.price_section p {
  font-size: 13px;
}
.defaultHeading p {
  margin-top: 10px;
  margin-bottom: 10px;
}
.section_items, .sectionDefault {
  /*padding-bottom: 120px;*/
}
.qrCode {
  width: 95px;
  border: 1px solid #eee;
  margin-bottom: 5px;
}
.qrCode1 h4
{
  display: inline-block;
  float: right;
  width: 25%;
  margin-left: 20px;
}
.qrCode1 img{
  width:200px;
  /*  border: 1px solid ;*/
  border-radius: 4px;
/*margin-bottom: 5px;
float: right; */
}

label.paymentItem input {
  margin-right: 5px;
  height: 32px!important;
  padding: 0;
}

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

label.paymentItem {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 11px;
  cursor: pointer;
  background: red;
  padding: 0 23px;
  color: #fff;
  border-radius: 7px;
}

/*  payment
================================================== */

.payment_area {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  width: 100%;
}
.payment_icon {
  height: 100px;
  width: 100px;
  margin-bottom: 9px;
}

.payment_icon.payment {
  margin: 0 auto;
}

.payment_icon img {
  height: 100%;
  width: 100%;
  border-radius: 100%;
  object-fit: cover;
}
.payment_details {
  padding: 10px 0;
  margin-bottom: 10px;
}
.payment_text{
  margin: 2px 0 0 0;
  font-size: 14px;
}

.payment_text i{
  color: #3b7bbf;
  margin-left: 6px;
}
.pay_now {
  padding: 10px 34px;
}
.pay_now i {
  color: green;
  margin-left: 10px;
  font-size: 19px;
}

.layout_style{
  width: 100%;
}
.payment_card .card-header{
  padding: 0;
}
.payment_nav li.nav-item.active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(227,30,36,1);
  width: 6px;
  bottom: 7px;
  border-radius: 5px 0 0 5px;
}

li.nav-item.active {
  position: relative;
}
li.nav-item{
   padding: 10px;
}
.payment_nav li a {
  padding: 13px;
  border-radius: 5px;
  color: #000;
  font-weight: bold;
  height: 70px;
  min-width: 160px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: #fff;
  margin-bottom: 7px;
  box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%);
  border: 0!important;
  width: 175px;
  word-break: break-all;
  font-size: 14px;
}
.payment_nav li a.active {
  color: rgba(227,30,36,1)!important;
}
.payment_content.text-center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 450px;
}
.stripeForm {
  width: 100%;
}
.payment_icon {
  height: 100px;
  width: 100px;
  margin-bottom: 9px;
  background-size: contain!important;
  background-position: center center!important;
  background-repeat: no-repeat!important;
}
span.payout_img {
  height: 50px;
  width: 50px;
  position: relative;
  flex: 0 0 50px;
  background-size: cover!important;
  border-radius: 100%;
  border: 1px solid #eee;
  margin-right: 8px;
}

.payment_nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border: 0;
  background: #f3f5f9;
  margin-bottom: 10px;
  flex-direction: column;
  margin-right: 10px;
}
.payment_card .card-header {
  border: 0;
}

.card.payment_card {
  border: 0;
  flex-direction: row;
}
.payment_nav li a.active{
  border: 0;
}
.payment_card .card-header{
  background: #f3f5f9;
}
/* appointment
================================================== */


.appointment_area {
  width: 100%;
  padding: 50px;
}
.appointment_area textarea.form-control {
  height: 120px;
}

.appointment_schedule_area{
  width: 100%;
}
.appointment_dates {
}
.appointment_dates li {
  display: block;
  padding: 7px 10px;
  font-size: 16px;
}
.appointment_dates li i {
  font-size: 18px;
  height: 30px;
  width: 30px;
  border: 1px solid transparent;
  text-align: center;
  line-height: 28px;
  border-radius: 100%;
  margin-right: 11px;
  color: #fff;
}
.ap_info{
  color: #777 !important;
}

.available i{
  background: green;
}

.not_available i{
  background: red;
}
span.required{
  color:red;
  padding-left: 5px;
}
.offline_payment {
  color: #000;
  margin-top: 12px;
  font-size: 14px;
}
.contact_with_email {
  padding: 0 0 10px 0;
  display: inline-block;
}
.contact_with_email h3 a{
  color: #777;
}

.userInfo {
  padding-bottom: 8px;
}

.payment_card_img {
  width: 274px;
  margin: 0 auto 20px;
}
.stripeForm input {
  border-radius: 0;
  height: 45px;
}

.stripeForm label {
  text-align: left;
  display: block;
}
.payment_warper {
  padding-bottom: 50px;
  background: #f3f5f9!important;
  min-height: 580px;
}
.stripeForm .card-footer {
  background: transparent;
  border: 0;
}
ul.paymentUl 
width: 100%;
display: flex;
align-items: center;
flex-direction: column;
margin-top: 50px;
}

ul.paymentUl li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 5px;
}
ul.paymentSummary 
display: flex;
/* align-items: center; */
justify-content: space-between;
flex-direction: column;
border-top: 1px dashed #ddd;
padding: 7px 0;
}

ul.paymentSummary li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.bb-top{
  border-top: 1px dashed #ddd;
}

.pickup_area_list {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}

.pickup_area_list label {
  display: block;
  padding: 2px;
  background: #eee;
  margin: 2px 5px;
  padding: 3px 8px;
  font-size: 14px;
  border-radius: 5px;
  margin-bottom: 5px;
  cursor: pointer;
}

.pickup_point_map{
  position: fixed;
  height: 100vh;
  width: 90%;
  right: -110%;
  top: 0;
  transition:all .3s ease-in-out;
}

.pickup_point_map.active{
  position: fixed;
  height: 100vh;
  width: 60%;
  right: 0;
  top: 0;
  z-index: 9999;
  transition:all .3s ease-in-out;

}
.single_pickup_area.active{
  background: rgba(227,30,36,1);
  color: #fff;
  transition:all .3s ease-in-out;
}

a.selectPoint {
  display: block;
  text-align: center;
  font-size: 15px;
  padding: 2px;
  font-weight: bold;
  color: rgba(227,30,36,1);
  margin-top: 5px;
  transition:all .3s ease-in-out;
}

a.checkmap {
  color: rgba(227,30,36,1);
  text-decoration: underline;
  font-size: 14px;
  margin-left: 13px;
  line-height: 26px;
  transition:all .3s ease-in-out;
}
a.closeMap {
  position: absolute;
  left: 24px;
  color: red;
  top: 12px;
  text-shadow: 0 0 5px #000;
  transition:all .3s ease-in-out;
}
.modalTime {
  font-size: 40px;
}
.d_flex_center {
  display: flex;
  align-items: center;
  justify-content: center;
}

ul.extraUl {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  text-align: left;
}

ul.extraUl li {
  width: 48%;
  margin-bottom: 10px;
}

ul.extraUl input {
  margin-right: 4px;
}

ul.extraUl li label {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
}
.extrasHeading {
  color: #777;
  font-size: 18px;
  margin-bottom: 8px;
  font-weight: 550;
}
a.btn.custom-btn.seemomre {
  padding: 9px 27px;
  border-radius: 7px;
}
.fw_bold {
  font-weight: bold;
}
.package_title.sinlgeOrder {
  padding: 10px;
  background: #f9f9f9;
  box-shadow: 0 4px 5px rgb(50 50 93 / 11%), 0 2px 3px rgb(0 0 0 / 8%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
}
.add_to_order{
  color:  #fff;
}
.flex_btn{
  display: flex;
  align-items: center;
}

/*----------------------------------------------
pagination
----------------------------------------------*/
.ci-pagination-link {
  display: inline-block;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.ci-paginationArea {
  width: 100%;
}
ul.ci-pagination {
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  padding: 10px;
  border-radius: 50px;
  box-shadow: 0px 10px 15px rgb(0 0 0 / 10%);
  align-items: center;
}
ul.ci-pagination li a {
  color: #000;
}
ul.ci-pagination  li{
  color: #20B2AA;
  list-style: none;
  line-height: 34px;
  border-radius: 50%;
  text-align: center;
  font-size: 18px;
  font-weight: 500;

  cursor: pointer;
  user-select: none;
  transition: all 0.3s ease;
}
ul.ci-pagination li.page-num a{
  list-style: none;
  height: 35px;
  width: 35px;
  margin: 0 3px;
  line-height: 34px;
  border-radius: 50%;
  display: block;
}

ul.ci-pagination  li.prev a{
  margin: 0px 3px 0 -5px;
  padding: 0 10px;
  border-radius: 100%;
  height: 35px;
  width: 35px;
  display: block;
}
ul.ci-pagination  li.next a{
  margin: 0px -5px 0 3px;
  padding: 0 10px;
  border-radius: 100%;
  height: 35px;
  width: 35px;
  display: block;
}
ul.ci-pagination  li.dots{
  font-size: 22px;
  cursor: default;
}
ul.ci-pagination  li.btn{
  padding: 0 20px;
  border-radius: 50px;
}
ul.ci-pagination li.active a{
  color: #fff;
}
ul.ci-pagination li.active a,
ul.ci-pagination li.page-num:hover a,
ul.ci-pagination li:first-child:hover a,
ul.ci-pagination li:last-child:hover a{
  color: #fff;
  background: #20B2AA;
}

ul.ci-pagination li.active a,
ul.ci-pagination li.page-num:hover a,
ul.ci-pagination li:first-child:hover a,
ul.ci-pagination li:last-child:hover a{
  color: #fff!important;
}
ul.ci-pagination li.page-first a, ul.ci-pagination li.page-last a, ul.ci-pagination li.next a, ul.ci-pagination li.prev a{
  height: 35px;
  width: 35px;
  display: block;
  border-radius: 50%;
}
/*----------------------------------------------
Pagination
----------------------------------------------*/

.categorySection{
  background: #f3f5f9;
}

/*----------------------------------------------
Search
----------------------------------------------*/
.search-box {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  transform: translate(-50%, -50%);
  padding: 10px;
  border-radius: 40px;
  height: 40px;
  background: #fff;
}
.search-txt-2::-ms-input-placeholder
{
    color:red;
}
.search-box-2 {
  /*position: absolute;
  top: 50%;
  left: 50%;*/
  width:65%;
  display: flex;
  align-items: center;
  /*transform: translate(-50%, -50%);*/
  padding: 10px;
  border-radius: 5px;
  height: 47px;
  background: #fff;
  box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%) !important;
}
.searchBar-2 {
  width: 100%;
  position: relative;
  margin: 3% 0 2% 0;
    display: flex;
    justify-content: flex-end;
    margin: 3% 0 1% 0;
}
.search-txt-2 {
  border: none;
  background: none;
  outline: none;
  padding: 0;
  color: #000;
  transition: 0.5s;
  font-size: 1rem;
  width: 250px;
}
.search-box:hover .search-txt {
  width: 180px;
  padding: 0 6px;
}

.search-box:hover .search-btn {
  background: #fff;
}

.search-txt {
  border: none;
  background: none;
  outline: none;
  padding: 0;
  color: #000;
  transition: 0.5s;
  font-size: 1rem;
  width: 0px;
}
.search-btn {
  /*  color: #1abc9c;*/
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: 0.5s;
  background: transparent;
  border: 0;
  text-decoration: none;
}

.searchLi{
  background: transparent!important;
  box-shadow: none!important;
}
.searchBar {
  width: 100%;
  position: relative;
  height: 50px;
}
/*----------------------------------------------
Search
----------------------------------------------*/

.not-found {
  height: 250px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.not-found i {
  font-size: 36px;
  margin-bottom: 10px;
}
.singleCategoryHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

a.seeMore_link {
  font-size: 14px;
  transition: all .5s ease-in-out;
  padding-right: 10px;
}
a.seeMore_link i{
  transition: all .5s ease-in-out;
}

a.seeMore_link:hover{
  margin-right: -5px;
}
/*----------------------------------------------
1.8
----------------------------------------------*/
.modal-header {
  border-top-left-radius: calc(.6rem - 1px);
  border-top-right-radius: calc(.6rem - 1px);
  background: #fff!important;
  border-bottom: 1px solid #f3f5f9;
  padding: 8px 15px;  
}
.form-control {
  border: 1px solid #e3e9ef;
  /*text-transform: capitalize;*/
}
.order_input_area input, .order_input_area select {
  border-radius: 4px!important;
}
.order_input_area input, .order_input_area select {
  height: 45px!important;
}
.btn {
  outline: none!important;
}
.footer_area {
  color: #4b566b;
  /*  border-top: 1px solid #f3f5f9;*/
  background: url(../images/bg-footer.jpg);
  background-blend-mode: overlay;
  background-color: #ffffffe0;
  background-size: contain;
}
.footer_bottom {
  background: #303030;
  border-top: 1px solid #8080807d;
  color: #fff;
}
.footer_bottom a{
  color: rgba(227,30,36,1);
}
.footer_bottom a:hover{
  color: #fff;
}
.left_footer ul li a {
  color: #4b566b;
}
.itemPrice.i_small.menuSize p {
  padding: 4px 9px;
  min-height: 26px;
  min-width: 26px;
}
.item_title_area {
  flex-direction: column;
}
.port_d_flex a {
  padding: 5px 20px;
  border-radius: 5px;
  border: 1px solid rgb(41 199 172 / 50%);
  margin: 5px;
  text-align: center;
  font-size: 18px;
  color: rgba(227,30,36,1);
  box-shadow: none;
  background: rgb(41 199 172 / 10%);
}
.gallery_area .portfolio_img {
  border-radius: 6px;
  box-shadow: 0 0 13px #ddd;
}
.portfolio_details {
  background: #fff;
}
.page_accordion_header {
  background: #fff;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #f3f5f9;
  border-radius: 6px 6px 0px 0px;
}
.closeShop {
  text-align: center;
}

.closeShop i {
  font-size: 50px;
}
.loginSection .iti, .login_form .iti  {
  position: relative;
  display: block;
}
.tab-pane {
  padding-top: 18px;
}
.iti__flag {
  width: 20px;
  transform: scale(1.3);
}


/*----------------------------------------------
customer profile
----------------------------------------------*/
.topCustomerProfile {
  background: #ddd;
  padding: 162px;
  position: relative;
}

.customer_profile {
  margin-top: -100px;
}


.topImg img {
  height: 100px;
  width: 100px;
  margin: 0 auto;
  display: block;
  border-radius: 100%;
}

.leftSidebar, .serviceRightSide {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 5px #eee;
  padding: 10px 0 25px 0;
}

.topInfo {
  padding: 20px;
  text-align: center;
}

.leftDetails {
  padding-top: 16px;
}

.leftDetails h4 {
  padding-bottom: 1px;
}

.leftSideDetails ul {
  display: flex;
  flex-direction: column;
}

.leftSideDetails ul li {
  display: block;
}

.leftSideDetails ul li a {
  display: block;
  padding: 10px 20px;
  color: #000;
  font-size: 14px;
  border-left: 5px solid transparent;
}
.leftSideDetails ul li a i{
  margin-right: 5px;
}

.leftSideDetails ul li a:hover, .leftSideDetails ul li.active a {
  background: rgba(74, 71, 163,.2);
  border-left: 5px solid #4A47A3;
  color: #4A47A3;
  transition: all .3s ease-in-out;
}
.serviceRightSide {
  color: #000;
  min-height: 65vh;
}
.input-group {
  display: flex;
  align-items: center;
}
span.input-group-addon {
  background: #ddd;
  padding: 8px;
}
.profleForm .form-control {
  height: 40px;
  border-radius: 4px;
}
.profleForm form{
  padding: 20px;
}
h4.header {
  border-bottom: 1px solid #eee;
  padding: 12px 20px 18px 20px;
  margin-bottom: 17px;
}
.label-success{
  background: rgba(22, 199, 154, .3);
  color: rgba(22, 199, 154, 1);
}
label.label {
  font-size: 14px;
  display: inline-block;
  padding: 4px 8px;
  border-radius: 5px;
}
.table.customTable th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.topCustomerProfile {
  text-align: center;
}
.topCustomerProfile h4 {
  margin-top: -51px;
}
.actionBtn a{
  margin: 2px;
}
.container.container-xll {
  max-width: 1320px;
}
.priceTag {
    color: #cb5624;
    font-size: 22px;
    font-weight:500 ;
}
.package_price .priceTag 
{
  font-size: 16px;
}
.home_package_price.priceTag 
{
  font-size: 16px;
}
tr th
}
table.customTable {
  font-size: 14px;
}

table.customTable th {
  font-size: 14px;
}

table.customTable tr {
  vertical-align: middle;
}

table.customTable tr td {
  vertical-align: middle;
}
.badge {
  padding: 5px 6px;
  border-radius: 4px;
}
.orderTag{
  font-weight: 600;
  color: tomato;
}
.d-flex-center-center{
  display: flex;
  align-items: center;
  justify-content: center;
}
/*----------------------------------------------
END CUSTOMER PROFILE
----------------------------------------------*/

.page-tools {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 20px;
  margin-top: 4em;
}

.action-buttons a {
  padding: 10px 21px;
  box-shadow: 0 0 5px #ddd;
}

.customerInfo h3 {
  font-size: 18px;
}

.customerInfo h2 {
  text-align: left;
  font-size: 19px;
}
.extars ul {
  list-style: inside;
  color: #777;
}
.extars ul li{
  font-size: 13px;
}
.sizeTag {
  background: rgba(22, 199, 154, .1);
  color: rgba(22, 199, 154, 1);
  border-radius: 4px;
  padding: 5px 6px;
  font-size: 13px;
  font-weight: normal;
}


.bg-green {
  background: rgba(22, 199, 154, .1);
  color: rgba(22, 199, 154, 1);
}

.text-green {
  color: rgba(22, 199, 154, 1);
  font-weight: normal;
  padding: 5px 6px;
  font-size: 13px;
}
.b-top{
  border-top: 1px dashed #777;
  padding: 2px;
  margin-top: 2px;
}
.user_profile_img label {
  height: 180px;
  width: 180px;
  margin-bottom: 20px;
  border-radius: 100%;
  border: 3px solid #eee;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  position: relative;
}

/*----------------------------------------------
DELIVERY ORDER AREA
----------------------------------------------*/
.singleOrder {
  background: #fff;
  margin-bottom: 10px;
  border-radius: 4px;
}

.single_orderTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
  box-shadow: 0px 2px 4px #f9f9f9;
  padding: 9px 11px;
  padding-top: 0;
}

.single_orderTop h4 {
  font-size: 15px;
}
.orderLists {
  margin: 10px;
}
.single_orderDetails {
  padding: 7px 11px;
}
p.timeAgo {
  font-size: 13px;
  color: #777;
  padding: 3px 11px 0;
}
.delivery-guy {
  background: #f3f5f9!important;
}
.delivery-guy h4.header {
  border-bottom: 1px solid #ddd;
  padding: 5px 20px 9px 20px;
  margin-bottom: 17px;
}
.singleOrder > a {
  color: #333;
}
/*----------------------------------------------
DELIVERY GUY ORDER DETAILS
----------------------------------------------*/
.d_single_order_area {
  background: #E1E5EA;
  margin: 10px 0;
  border-radius: 6px;
  box-shadow: 0 0 #eee;
  position: relative;
}

.d_single_order_header {
  display: flex;
  align-items: center;
  padding: 10px;
  box-shadow: 0 0 5px #eee;
}
.d_single_order_header > a {
  color: #777;
  padding: 0px 10px;
}

.d_single_order_header > a i {
  font-size: 28px;
  margin-right: 15px;
}

.d_single_order_header  i {
  font-size: 28px;
  margin-right: 10px;
}

.d_single_order_header > h4 {
  font-size: 18px;
}

.delivery-panel {
  background: #fff;
  padding: 10px;
  margin: 15px;
  border-radius: 6px;
  box-shadow: 0  0 5px #ddd;
  margin-bottom: 10px;
}

.shopArea ul {
  display: flex;
  flex-direction: column;
  position: relative;
}

.shopArea ul >li {
  display: flex;
  align-items: end;
  margin-bottom: 25px;
  z-index: 2;
}

.shopArea ul >li >i {
  height: 40px;
  width: 40px;
  text-align: center;
  border-radius: 34%;
  font-size: 25px;
  line-height: 39px;
  margin-right: 10px;
}

.shopDetails h4 {
  font-size: 16px;
}

.shopDetails p {
  font-size: 14px;
}

.shopDetails a {
  font-size: 14px;
  display: inline-block;
  background: rgba(22, 199, 154, 1);
  color: #fff;
  padding: 3px 10px;
  border-radius: 12px;
  margin-top: 10px;
  transition: all .5s ease-in-out;
}
.shopDetails a:hover{
  background: rgba(22, 199, 154, .1);
  color: rgba(22, 199, 154, 1);
}
.orderItemList ul {
  display: flex;
  flex-direction: column;
  padding: 5px;
}

.orderItemList ul>li {
  border-bottom: 1px dotted #ddd;
}

.d_orderDetails h5 {
  font-size: 14px;
  /*font-family: 'Montserrat';*/
}

.d_orderDetails {
  padding: 10px 0;
}

.extars ul li {
  border: 0;
}

.extars ul {
  list-style: disc;
  display: block;
  width: 100%;
  padding-left: 28px;
}

.shopArea ul::before {
  position: absolute;
  top: 0;
  left: 19px;
  bottom: 0;
  display: block;
  width: 2px;
  content: "";
  z-index: 1;
  background-image: linear-gradient(rgba(22, 199, 154, .5) 33%, rgba(22, 199, 154, .1) 0%);
  background-position: right;
  background-size: 1px 10px;
  background-repeat: repeat-y;
}
.topd_Order {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.topd_Order h4 {
  font-size: 16px;
}
.bt-1-dashed{
  border-top: 1px dashed #ddda;
}
.deliver-footer {
  position: relative;
  bottom: 0;
  width: 100%;
  height: 19px;
  padding-bottom: 30px;
  margin-bottom: 20px;
}

.deliver-footer a {
  bottom: 5px;
  max-width: 540px;
  border-radius: 0;
}

ul.orderMenu {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  box-shadow: 0 3px 5px #ddd;
  padding-top: 0;
}



ul.orderMenu li {
  display: block;
}

ul.orderMenu li a {
  padding: 10px;
  display: block;
  font-size: 14px;
  color: #222;
  margin: 0 2px;
}

ul.orderMenu li a i {
  font-size: 15px;
  margin-right: 1px;
}
ul.orderMenu li a:hover, ul.orderMenu li a.active{
  color:  rgba(22, 199, 154, 1);
}
.single_orderDetails p {
  font-size: 15px;
  /*font-family: 'Ubuntu';*/
  color: #777;
}
.singleTab {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 120px;
  padding: 15px;
  margin-bottom: 10px;
}

.singleTab i {
  font-size: 46px;
}

.accountArea {
  padding: 0 10px;
}

.leftTab p {
  font-size: 16px;
  padding-top: 11px;
  /*font-family: 'Ubuntu';*/
}
.success-light {
  background: rgba(40,167,69,.15);
  color: #28a745;
  transition: all .3s ease-in-out;
  border-color:rgba(40,167,69,.1);
}
.bg-danger-soft {
  background: rgba(220,53,69,.1) !important;
  color: #dc3545!important;
}
.default-light{
  background: rgba(106,116,123,.15);
  color: #6a747b;
  transition: all .3s ease-in-out;
  border-color:#777;
}
.pnt-8{
  padding:0 8px !important;
}
.singleOrdrebtn {
  text-align: center;
  padding: 7px 6px 15px;
  display: flex;
  flex-wrap: wrap;
}
.singleOrdrebtn a {
  margin-right: 6px;
  margin-bottom: 5px;
}
.orderDetailsBody {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 153px;
}
.singleOrder {
  min-height: 206px;
}

.singleOrdrebtn a {
  background:rgba(40,167,69,1);
  color: #fff;
  font-size: 14px;
  padding: 5px 10px;
  border-radius: 6px;
}
.ongoing{
  background: #dc3545!important;
}

.orderBtn{
  background: rgba(22, 199, 154, 1);
  color: #fff;
}



.track_bullet ul li > i {
  height: 45px;
  width: 45px;
  border: 1px solid rgba(22, 199, 154, .2);
  border-radius: 100%;
  text-align: center;
  line-height: 44px;
  font-size: 32px;
  background: #fff;
  color: rgba(22, 199, 154, 1);
  z-index: 5;
  flex:  0 0 45px;
}
.track_bullet ul li.active > i{
  background: rgba(22, 199, 154, 1);
  color: #fff;
}

.track_bullet ul li.dactive > i{
  background: #dc3545;
  color: #fff;
}
.track_bullet ul li h4 {
  font-size: 15px;
  padding: 8px 0 0;
}
.track_bullet ul {
  display: flex;
  flex-direction: column;
  position: relative;
}

.track_bullet ul li {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  position: relative;

}

.single_track {
  margin-left: 15px;
}
small {
}
.track_bullet ul::before {
  position: absolute;
  top: 0;
  left: 20px;
  bottom: 0;
  display: block;
  width: 2px;
  content: "";
  z-index: 1;
  background-image: linear-gradient(rgba(22, 199, 154, .4) 33%, rgba(22, 199, 154, .1) 0%);
  background-position: right;
  background-size: 1px 9px;
  background-repeat: repeat-y;
}
.track_bullet ul li.active i::after {
  content: "";
  position: absolute;
  min-height: 150px;
  width: 3px;
  background: rgba(22, 199, 154, 1);
  left: 20px;
  top: 2px;
  z-index: -1;
}
.track_bullet ul li.dactive > i::after{
  content: "";
  position: absolute;
  min-height: 150px;
  width: 3px;
  background: #dc3545;
  left: 20px;
  top: 2px;
  z-index: -1;
}
.track_bullet ul li.active:last-child i::after {
  display: none;
}

.track_bullet ul li.dactive:last-child i::after {
  display: none;
}
.single_track p {
  font-size: 15px;
}
.d_single_order_header.track_back {
  padding-top: 10px;
  margin-top: 10px;
  background: #fff;
}
.card.track-card{
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.flip-x{
  transform: scaleX(-1);
}
div#datetimepicker2 .input-group-append {
  height: 45px;
}
.show_address textarea.form-control{
  height: 47px;
}
.single_orderDetails label {
  font-weight: normal;
}
.info-light {
  background: rgba(0, 192, 239, .2);
  color: rgba(0, 192, 239, 1);
  transition: all .3s ease-in-out;
  border-color:rgba(0, 192, 239, .1);
}
.input-group-append {
  margin-left: -1px;
  height: 45px;
}

/*----------------------------------------------
V1.9
----------------------------------------------*/
.flex {
  display: flex;
}

.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.flex-column{
  flex-direction: column;
}
.bb_1_dashed{
  border-bottom: 1px dashed #eee;
}
.bt_1_dashed{
  border-top: 1px dashed #eee;
}
.w_100{
  width: 100%;
}
.ModalCustomerInfo h4 {
  font-size: 17px;
  padding-bottom: 10px;
}
.ModalCustomerInfo {
  margin-bottom: 20px;
  border-bottom: 1px dashed #eee;
  padding-bottom: 15px;
}
.flex-between{
  display: flex;
  justify-content: space-between;
}
ul.paymentSummary .pleft {
  font-size: 14px;
}

ul.paymentSummary .pright {
  font-size: 14px;
  font-weight: bold;
}

li.pt-7.bb-top div {
  font-size: 17px;
}

ul.paymentUl li {
  font-size: 15px;
}

.dropdown-menu.languageDropdown a {
  padding: 5px 10px!important;
}


/*----------------------------------------------
style 2 menu
----------------------------------------------*/

.restaurant-container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .restaurant-container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .restaurant-container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .restaurant-container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .restaurant-container {
    max-width: 1200px;
  }
}
@media (min-width: 1300px) {
  .restaurant-container {
    max-width: 1300px;
  }
}

.style_2 .homeSingle_item {
  flex-direction: column;
  padding: 0;
}

.style_2 .homeSingleImg.menu-img.img {
  height: 100%;
  width: 100%;
  border-radius: 0;
  flex: inherit;
}

.style_2  .homeItemDetails.list_view {
  padding: 15px;
  min-height: 185px;
}


.style_2 .topTitle h4 {
  /* display: flex; */
  align-items: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.theme_3 .topTitle h4 {
  /* display: flex; */
  align-items: center;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 23px;
}
.top___title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
p.details.not_is_size {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.style_2 .port_d_flex.home_view{
  justify-content: center;
}
.style_2 .w-50 .text {
  background: #fff;
  border-radius: 6px 0px 0px 6px;
  /*  height: 261px;*/
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.style_2 h4.package_price {
  text-align: center;
}
.homeSingle_item:hover .menu-img {
  transform: scale(1.1);
  transition: all .3s ease-in-out;
}
.style_2 .homeSingle_item, .menu-img{
  overflow: hidden;
  transition: all .3s ease-in-out;
  position: relative;
}
.style_2  .item_images {
  height: 200px;
  overflow: hidden;
  width: 100%;
  cursor: pointer;
}

.style_2 i.fa.fa-circle.veg_type {
  font-size: 8px;
  border: 1px solid;
  height: 15px;
  width: 15px;
  flex: 0 0 15px;
  border-radius: 100%;
  text-align: center;
  line-height: 13px;
  text-align: center;
  margin-left: 5px;
}
.style_2 .single__cat__header {
  display: flex;
  align-items: center;
}
.style_2 .cat__btn {
  background: #fff;
  border-radius: 5px;
  font-size: 18px;
  height: 47px;
  padding: 5px 25px;
  box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%) !important;
  margin-bottom: 0;
}

.style_2 .single__cat__header .dropdown-menu {
  box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%);
  border: 0;
  width:99%;
}
.style_2 .single__cat__header .dropdown-menu a {
  display: block;
  padding: 8px 21px;
}

.
.style_2 .incress_area {
  background: #fff; */
    border-radius: 10px;
    border: 0;
    /*flex-direction: row;
    justify-content: flex-start;
    width: 100%;*/
    border-radius: 1px solid #f2f2f2;
    /* flex: 0 0 30px; */
    margin-right: 8px;
    margin-bottom: 7px;
}
.style_2 span.cart_qty_field input {
  width:25px;
  height: auto;
  border: 0; 
  border-right-color: transparent; 
  border-left-color: transparent; 
  text-align: center;
  background: transparent; 
}
.style_2 .incress_area span {
 /* background: transparent;
  border: 0;
  padding: 4px;
  width: 40px;
  text-align: center;*/
}
.style_2 .incress_area i {
  font-size: 12px;
  /*color: #fff !important;
    background-color: red!important;
    border-radius: 50%;*/
}

.style_2 .incress_area input {
  background: transparent;
  border: 0;
}
.style_2.shopping_cart{
  width: 380px;
}

.style_2 .single_cart_item_details {
  width: 100%;
}
.style_2 .single_cart_item_details p
{
  text-transform: capitalize;
}
.style_2 .right_cart {
  flex: 0 0 20px;
}
.style_2 .left_cart{
  width: 100%;
}
.row.grid-item.seemore{
  width: 100%!important;
  position: absolute;
  bottom: -57px;
  top: auto!important;
}
.style_2 .homeItem_left{
  width: 100%;
}
.style_2 .homeItemDetails.list_view{
  width: 100%;
}
.style_2 .topTitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.style_2 .homeItem_right {
  flex: 0 0 67px;
  text-align: right;
}
/*----------------------------------------------
4.2
----------------------------------------------*/
.singlePage.style_2 ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.singlePage .single_cart_item_details h4 {
  font-size: 16px;
  text-transform: capitalize;
}

.singlePage.style_2 ul li {
  margin-right: 4px;
  background: #fff;
  padding: 5px;
  border-radius: 5px;
  width: 49.111%;
  margin-bottom: 10px;
  box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%);
}

.singlePage .style_2 .incress_area {flex: 0 0 20px;width: 20px;}
.singlePage .single_cart_item_details p {
  font-size: 15px;
  text-transform: capitalize;
}
.singlePage .single_item_cart img {
  height:80px;
  width: 80px;
  margin-right: 10px;
  flex: 0 0 80px;
  border: 1px solid #eee;
  object-fit: cover;
}
.singlePage.style_2 .incress_area{
  margin-bottom: 7px;
}
.singlePageLogin {
  background: #fff;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 11px;
  margin-top: 10px;
}
.order_page {
  background: #fff;
  padding: 10px 15px;
  border-radius: 5px;
  margin-bottom: 10px;
  /*box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%);*/
  text-align: center;
}
.singlePage.style_2 .upperSum span {
  font-weight: bold;
}
.singlePage.style_2 .upperSum {
  font-size: 15px;
}
.successMsgArea.single__page__order {
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;

}
.singleSuccessPage{
  background: #fff;
  border-radius: 5px;
  padding: 15px;
  box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%);
}
i.successIcon {
  height:30px;
  width: 30px;
  border-radius: 100%;
  display: block;
  text-align: center;
  margin: 0 auto;
  font-size: 30px;
  line-height: 30px;
}
.trackLink a {
  text-decoration: underline;
  text-transform: capitalize;
}
.confirm_btn:hover, .add_to_cart_form:hover{
  /*  color: #fff!important;*/
}
.home-book-btn{
  color: #fff!important;
}
/*----------------------------------------------
PICKUP SLOTS
----------------------------------------------*/

.slots_area {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

label.single_slots {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  margin: 5px 6px;
  cursor: pointer;
  border-radius: 5px;
  font-size: 15px;
  position: relative;
  background: rgba(40,167,69,.15);
  color: rgba(40,167,69,1);
  transition: all .3s ease-in-out;
}
label.single_slots:hover, label.single_slots.active{
  background: rgba(40,167,69,1);
  color:  #fff;
  transition: all .3s ease-in-out;
}
label.single_slots input {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}

label.single_slots:hover:before, label.single_slots.active::before{
  opacity: 1;
  visibility: visible;
  transition: all .3s ease-in-out;
}

label.single_slots::before {
  content: '\eed6';
  font-family: 'IcoFont';
  color: green;
  position: absolute;
  right: -7px;
  top: -9px;
  font-size: 14px;
  border: 2px solid #fff;
  height: 20px;
  width: 20px;
  text-align: center;
  line-height: 17px;
  border-radius: 50%;
  background: rgba(40,167,69,1);
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease-in-out;
}
/*----------------------------------------------
PICKUP SLOTS
----------------------------------------------*/

/*----------------------------------------------
FPX STRIPE PAYMENT
----------------------------------------------*/
.fpxArea {
  text-align: center;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.form-row {
  margin-bottom: 35px;
  width: 100%;
}
.fpxArea form {
  width: 320px;
}

/*----------------------------------------------
Rating Star Widgets Style 
----------------------------------------------*/

.rating-stars ul {
  list-style-type:none;
  padding:0;

  -moz-user-select:none;
  -webkit-user-select:none;
}
.rating-stars ul > li.star {
  display:inline-block;
  cursor: pointer;
}

/* Idle State of the stars */
.rating-stars ul > li.star > i.fa {
  font-size:2.5em; /* Change the size of the stars */
  color:#ccc; /* Color on idle state */
}

/* Hover state of the stars */
.rating-stars ul > li.star.hover > i.fa {
  color:#FFCC36;
}

/* Selected state of the stars */
.rating-stars ul > li.star.selected > i.fa {
  color:#FF912C;
}
.h_auto{
  height: auto;
}
.h-47{
  height: 47px!important;
}
.startRating {
  display: flex;
  align-items: center;
  justify-content: center;
}
.startRating i {
  color: #EB5E0B;
  font-size: 13px;
  padding: 1px;
}
.ModalCustomerInfo {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.customerEdit a {
  color: #777;
  font-size: 17px;
  padding: 10px;
}
.ModalCustomerInfo.dis_none{
  display: none;
}
.priceCheck {
  padding: 5px 0 15px;
  color:  #dc3545;
}

.priceCheck h4 {
  font-size: 16px;
}
/*.searchSection.welcomeSearch .searchBar-2, .searchSection.welcomeSearch .search-txt-2 {
width: 390px;
}*/
.searchSection.welcomeSearch {
  margin: 25px auto 10px auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
#showCatItem .homeSingle_item.singleCatItem{
  min-height: 185px;
  margin-bottom: 15px;
}
#showCatItem .ci-paginationArea
{
  display: none;
}
.bg_loader {
  background-position: center center!important;
  background-repeat: no-repeat!important;
}

.confirmMsgArea.payInCash {
  box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%);
  border-radius: 5px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.selectPaymentMsg {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 193px;
  flex-direction: column;
}

.selectPaymentMsg h4 {
  text-transform: inherit;
  font-size: 19px;
  color: #555;
}
.selectPaymentMsg i {
  font-size: 38px;
  color: #555;
}
.payment_card .tab-pane{
  padding-top: 0;
}

.goog-logo-link {
  display:none !important;
}

.goog-te-gadget {
  color: transparent !important;
}

.goog-te-gadget .goog-te-combo {
  height: 32px;
  padding: 5px;
}
div#google_translate_element {
  margin-top: 0px;
  position: absolute;
  top: 9px;
}
.left_create_admin .reg_msg.block {
  display: block!important;
  width: 100%;
}
div#showCatItem .homeSingle_item {
  margin-bottom: 15px;
}
/*----------------------------------------------
VERSION 2.0
----------------------------------------------*/
.item__slider {
  height: 350px;
  width: 100%;
  padding: 0;
}

.item__slider img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.itemSlider ul.slick-dots li button {
  border: 1px solid #ddd;
  border-radius: 100%;
  height: 10px;
  width: 10px;
  margin: 2px;
  background: #f8f8f8;
  font-size: 12px;
  outline: none;
  color: #fff;
}
ul.slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -58px;
  z-index: 9;
  position: relative;
}
.itemSlider ul.slick-dots li button {
  border: 0;
  border-radius: 0;
  height: 4px;
  width: 5px;
  margin: 2px;
  background: rgba(232,8,142,.5);
  font-size: 0;
  outline: none;
  color: #fff;
  flex: 0 0 5px;
}
.itemSlider ul.slick-dots li.slick-active button{
  background: rgba(232,8,142,1);
}
.opacity_height_0{
  height: 350px;
  opacity: 0;
}
.modal-dialog.load{
  min-height: 550px;
  z-index: 999;
  position: relative;
}
.b-gray {
  background: #f4f5f7;
}
.defaultForm .form-control{
  border-radius: 5px;
  height: 47px;
}
li.callwaiter a {
  background: rgba(84, 91, 98,.8);
  color: #fff;
  border-radius: 5px;
  display: none;
}

.reg_msg .alert-dismissible .close {
  position: absolute;
  top: -9px;
  right: -20px;
  padding: .75rem 1.25rem;
  color: inherit;
}
.homeBanner_serviceImg img {
  height: 50px;
  width: 50px;
  object-fit: cover;
}
.homeBanner_serviceImg {
  height: 50px;
}
/*img.logo {
max-height: 50px;
}*/
.space-between {
  justify-content: space-between;
}

.bg-light-purple-soft {
  background-color: rgba(114, 57, 234, .15)!important;
  color: rgba(114, 57, 234, 1)!important;
}
.bg-warning-soft {
  background: rgba(255,193,7,.1) !important;
  color: rgba(255,193,7,1)!important;
}
.bg-primary-soft {
  background: rgba(40,110,251,.1) !important;
  color: #286efb!important;
}
.bg-success-soft {
  background: rgba(40,167,69,.1) !important;
  color: #28a745!important;
}
.bg-danger-soft {
  background: rgba(220,53,69,.1) !important;
  color: #dc3545!important;
}
.bg-info-soft{
  background: rgba(0, 192, 239, .1) !important;
  color: rgba(0, 192, 239, 1)!important;
}
span.sizeText {
  font-size: 11px;
  font-weight: normal;
  border-radius: 4px;
}

.pay_size_top {
  margin-bottom: 6px;
}
.navbar-toggler {
  border-radius: 0;
}
.allow-sm{
  display: none;
}
ul {}

.rightMenu ul {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

.rightMenu ul li {
  position: relative;
}

.dropdownArea.dropdownList {
  position: absolute;
  z-index: 99;
  background: #f3f5f9;
}

.dropdownArea.dropdownList ul {
  display: flex;
  flex-direction: column;
  min-width: 168px;
}

.dropdownArea.dropdownList ul li {
  display: block;
  width: 100%;
  text-align: center;
}

.dropdownArea.dropdownList ul li a {
  display: inline-block;
  padding: 5px;
  color: #777;
}

.dropdownMenu.sm-drop > a{
  color: #777;
  border: 1px solid #ddd;
  margin: 0 8px;
  border-radius: 5px;
}
.dropdownArea.dropdownList {
  position: absolute;
  z-index: 99;
  background: #f3f5f9;
  top: 48px;
}
.moreMenuBtn{
  display: none;
}

.dropdownMenu a{
  color:  #777;
}
li.dropdownMenu.moreMenuBtn a {
  display: flex;
  align-items: center;
  padding: 0;
  justify-content: space-between;
}
.show_menu_details .dropdownArea.dropdownList {
  width: 100%;
  background: #ddd;
}
img.shopLogo {
  max-height:50px;
  /*margin:0 10px; */
}
.pickupCheckDate {
  display: flex;
  align-items: center;
}

.pickupCheckDate label {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
}

.custom-radio-2{
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin: 0;
  cursor: pointer;
  transition: 0.25s ease;
}

.custom-radio-2 input[type=radio] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.custom-radio-2 input[type=radio] {
  border: 0;
  background-color: #eee;
  height: 1.2rem!important;
  width: 1.2rem!important;
  margin: 0;
  float: none;
  flex-shrink: 0;
  margin-right: 10px;
  border-radius: 50%;
  transition: 0.25s ease;
}
.navbar-nav{
  text-transform:capitalize;
}
.custom-radio-2 input[type=radio]:checked {
  background-color: var(--defaultColor)!important;
  transition: 0.25s ease;
}
p.address i {
  margin-top: 8px;
  /*color:#fff;*/
}
.custom-radio-2 input[type=radio]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23FFFFFF'/%3e%3c/svg%3e");
  background-repeat: no-repeat!important;
  background-position: center center!important;
  transition: 0.25s ease;
}


.custom-radio-2 input:focus-visible,
.custom-radio-2 input:focus-visible{
  outline: 0!important;
  border-color: transparent;
}
.custom-radio-2 input, .custom-checkbox input{
  outline: 0!important;
  border-color: transparent;
}
.custom-radio-2 input[type=radio].error {
  border: 1px solid red;
}

/*----------------------------------------------
Custom checkbox       
----------------------------------------------*/

.custom-checkbox{
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin: 0;
  cursor: pointer;
}

.custom-checkbox input[type=checkbox] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.custom-checkbox input[type=checkbox] {
  border: 0;
  background-color: #ddd;
  height: 1.0rem!important;
  width: 1.0rem!important;
  background-size: 60% 60%;
  margin: 0;
  float: none;
  flex-shrink: 0;
  margin-right: 10px;
  border-radius: 3px;
}

.custom-checkbox input[type=checkbox]:checked {
  background-color: var(--defaultColor)!important;;
  border-color: var(--defaultColor)!important;;
}
.custom-checkbox input[type=checkbox]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23FFFFFF'/%3e%3c/svg%3e");
  background-repeat: no-repeat!important;
  background-size: 60% 60%!important;
  background-position: center center!important;
}

label.custom-checkbox p {
  display: flex;
  align-items: center;
  justify-content: center;
}
.add-to-area {
  position: fixed;
  top: 40%;
  background: #f8f8f8;
  width: auto;
  text-align: center;
  padding: 10px 53px 10px 10px;
  box-shadow: 0 0 5px #ddd;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 98524;
  justify-content: space-between;
  display: flex;
  align-items: center;
}

.add-to-area .pt-15 {
  padding-bottom: 20px;
}
.add-to-area button.btn {
  margin-top: .9rem;
}
body.visible {
  overscroll-behavior: contain;
  height: 100vh;
  overflow: hidden;
}
/*----------------------------------------------
coupon
----------------------------------------------*/
.couponInput-group {
  display: flex;
  align-items: center;
  justify-content: center;
}

.couponInput-group input {
  flex: 1;
  margin-right: 6px;
}

.couponField {
  margin-top: 4px;
  margin-bottom: 5px;
}
a.couponBtn {
  display: block;
  margin-left: 7px;
}
.couponList {
  text-align: center;
  padding: 24px 0 10px 0px;
  margin-bottom: 15px;
}

.couponList h4 {
  font-size: 17px;
}
.couponCode{
  font-weight: bold;
  font-size: 16px;
}
.user_content {
  min-height: 150px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frown {
  font-size: 40px;
  color: #222;
}
.contact_us_alert {
  margin-top: 20px;
}
.catDetails {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 25px;
}

.catDetails img {
  width: 80px;
  height: 80px;
  margin-right: 18px;
}
p.details.is_size {
  display: none;
}
.packageImg.img.menu-img {
  height: 80px;
  width: 80px;
  flex: 1 0 80px;
}
.qr_area img {
  border: 1px solid;
}

.qr_area {
  margin: 10px auto;
}
.loc i
{
  display: inline-block;
}
.loc p
{
  display: inline-block;
}
a.profile_btn {
  font-family: inherit;
}
.single_users:hover {
  background: #f8f8f8;
  transition: all .3s ease-in-out;
}
.topCategory {
/*  display: flex;
flex-wrap: nowrap;
overflow-x: auto;*/

display: flex;
flex-wrap: wrap;
}

a.items
{
  width: 16.66%;
}
.catTop  {
  height: 120px;
  width: 100%;
  /*  flex: 0 0 80px;*/
  object-fit: cover;
/*border-radius: 100%;
margin-bottom: 10px;*/
border-radius: 4px;
/*  box-shadow: 0 0.3rem 1rem 0rem rgb(161 161 161 / 51%) !important*/
}
.img-cat .catTop{
  height: 100%;
  width: 100%;
}
.img-cat {
  width: 170px;
  height: 120px;
  margin: 0 auto;
}
.singleCatItem h4{
  font-size: 15px;
  color: #000;
  font-weight: normal;
  overflow: hidden;
  padding: 0 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  text-align: center;
  text-transform: capitalize;
  margin-top:7px;
}

.singleCatItem {
  margin: 3%;
  background: #fff;
  padding: 8px;
  min-height: 120px;
  width:94%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 5px;
  border: 1px solid transparent;
  transition: all .3s ease-in-out;
}
.pwaContent {
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: left;
}

.pwaContent img {
  width: 100px;
  height: 100px;
  margin-right: 10px;
}

.pwaContent h4 {
  font-size: 17px;
}
a.pwaClose {
  position: absolute;
  top: 2px;
  right: 6px;
  color: red;
}
.veg_type.style2 {
  position: absolute;
  right: 50%;
  bottom: 10px;
  transform: translateX(50%);
  text-shadow: 0 0 5px #fff;
}
.arrowsection a {
  color: #777;
  font-size: 18px;
  margin: 6px 2px;
  padding: 2px 7px;
  box-shadow: 0 0 5px #eee;
}
.arrowsection {
  display: flex;
  justify-content: flex-end;
}

/*.topCategory::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 2px #fff;
background-color: #777!important;
cursor: pointer;
}

.topCategory::-webkit-scrollbar {
width: 2px;
background-color: #fff;
height: 5px;
cursor: pointer;
}

.topCategory::-webkit-scrollbar-thumb {
background: #f9f9f9;
cursor: pointer;
}

*/
.topCategory::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 5px #eee;
  background-color: #F5F5F5;
}

.topCategory::-webkit-scrollbar
{
  height: 6px;
  background-color: #F5F5F5;
  cursor: pointer;
}

.topCategory::-webkit-scrollbar-thumb
{
  background-color: #ddd;
}

.itemPrice_area.i_small::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 5px #eee;
  background-color: #F5F5F5;
}

.itemPrice_area.i_small::-webkit-scrollbar
{
  height: 6px;
  background-color: #F5F5F5;
  cursor: pointer;
}

.itemPrice_area.i_small::-webkit-scrollbar-thumb
{
  background-color: #ddd;
}
.gmapLink {
  display: flex;
  align-items: center;
  position: relative;
}

.gmapLink i {
  font-size: 23px;
  position: absolute;
  right: 0;
  cursor: pointer;
  padding: 10px;
  color: #777;
}
.couponArea {
  display: block;
  padding: 11px 10px;
  border: 1px solid #f9f9f9;
  width: 100%;
  /*margin-bottom: 9px;*/
}


.couponArea > a {
  font-size: 16px;
  font-weight: bold;
}

.loading::before {
  content: "\f110";
  font-family: FontAwesome;
  position: absolute;
  n: load8 1.1s infinite linear;
  right: 9px;
  font-size: 21px;
  top: 6px;
  z-index: 99;
  color: red;
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.showNotfoundMsg {
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: red;
}
p.tax_status {
  color: #777;
  font-size: 11px!important;
}
h4.change-amount {
  font-size: 15px;
  color: tomato;
}
.newPriceLayout {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
}
.card-body.NewPricCard {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.pricing_3 .card, .pricing_3 .princing-item {
  width: 31%;
  margin: 7px;
}
.princing-item {
  width: 31%;
  margin: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-radius: 20px;
  margin-bottom: 30px;
}
.priceTopCard {
  width: 100%;
}
.priceCardFooter {
  width: 100%;
  padding: 0 20px 20px;
}

.pickupTimeSlots.null {
  min-height: 108px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: green;
}
.callWaiterButton.sm{
  display: none;
}
.callWaiterButton {
  position: absolute;
  top: 7px;
  right: 20px;
  height: 50px;
  width: 50px;
  background: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: 0 0 5px #ddd;
  font-size: 22px;
  z-index: 99;
}

.callWaiterButton i {
  color: #000;
}

@media only screen and (max-width: 600px) {
  .callWaiterButton.sm{
    display: inherit;
  }
  .cRLSYG {
    bottom: 42px!important;
  }
}


/*----------------------------------------------
loader Green
----------------------------------------------*/
@keyframes ldio-mp4zm9ojapo {
  0% { transform: translate(-50%,-50%) rotate(0deg); }
  100% { transform: translate(-50%,-50%) rotate(360deg); }
}
.loader_green .ldio-mp4zm9ojapo div{
  border: 8px solid #77D970;
  border-top-color: transparent;
}

.loader_gray .ldio-mp4zm9ojapo div{
  border: 8px solid #777;
  border-top-color: transparent;
}
.ldio-mp4zm9ojapo div {
  position: absolute;
  width: 38px;
  height: 38px;
  border: 8px solid #18ff65;
  border-top-color: transparent;
  border-radius: 50%;
}
.ldio-mp4zm9ojapo div {
  animation: ldio-mp4zm9ojapo 0.78125s linear infinite;
  top: 50px;
  left: 50px
}
.loadingio-spinner-rolling-bmobyy7r0gw {
  width: 44px;
  height: 44px;
  display: inline-block;
  overflow: hidden;
  background: none;
}
.ldio-mp4zm9ojapo {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(0.44);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-mp4zm9ojapo div { box-sizing: content-box; }


.pickupMsg{
  font-size: 14px;
  font-weight: normal;
  color: blueviolet;
  text-transform: inherit;
}

.null {
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}
.roomNumbers {
  margin-top: 19px;
}
.roomNumbers label.single_slots {
  padding: 5px 19px;
}
div.eapps-widget {
  position: absolute!important;
  overflow: hidden;
}


.newBanner {
  position: relative;
}
.userHomebanner_wrapper {
  width: 100%;
}

.homeBanner_left {
  padding: 0;
  background-color: rgba(0,0,0, 0.3);
}


.homeBanner_Service{
  width: 30%;
}

.recentDetails ul {
  display: flex;
  flex-direction: column;
}

.recentDetails ul li span:last-child {
  font-weight: bold;
  margin-right: 14px;
}

.mergeArealist {
  background: #f8f8f8;
  margin-top: 10px;
  padding: 10px;
}
.previousOrderDetails {
  margin-left: 26px;
}
.startRating.orderlistRating {
  justify-content: flex-start;
}
.digitalPaymentText {
  font-size: .85rem;
  color: rgba(22, 199, 154, 1);
  padding: 1px 10px;
  border-radius: .21rem;
  box-shadow: 0 0 5px #eee;
}

.custom_fields {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.searchArea {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 10px;
  margin-bottom: 5px;
}

.custom_fields select {
  width: 7rem;
}

.custom_fields select:first-child {
  margin-right: 5px;
}
.gmapLink i {
  color: rgba(22, 199, 154, 1);
}
.couponFields {
  display: flex;
  width: 100%;
  position: relative;
}

a.text-danger.couponClose {
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
  padding: 5px;
}

.guestLoginArea {
  border: 1px solid #f9f9f9;
  padding: .5rem;
  margin-bottom: 1rem;
  background: #f9f9f9;
}
.or {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1rem 0;
  position: relative;
  gap: 8px;
  font-weight: bold;
  font-style: italic;
}

.or::before {
  content: "";
  height: 3px;
  width: 50%;
  left: 0;
  background: #eee!important;
}

.or::after {
  content: "";
  height: 3px;
  width: 50%;
  right: 0;
  background: #eee!important;
}
.pointerEvent{
  pointer-events: none;
  appearance: none;
}

/*----------------------------------------------
tips
----------------------------------------------*/

.tipsArea {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: rgba(255,255,255,.5);
}
.tipsHeader ul {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  align-items: center;
  padding: 0;
  margin: 0;
  border: 1px solid #ddd;
  border-radius: .4rem;
  flex-wrap: nowrap;
  overflow-x: auto;
}
.tipsHeader ul li {
  width: 100%;
  border-right: 1px solid #ddd;
  text-align: center;
}
.tipsHeader ul li:last-child{
  border: 0;
}
.tipsHeader  * {
  font-size: .91rem;
}

.tipsHeader button {
  padding: 2px .5rem;
  background: rgba(106,116,123,.7)!important;
  color: #fff;
}
.tipsHeader button:hover{
  color: #fff;
  background: rgba(106,116,123,1)!important;
}
.tipsfields {
  display: flex;
  margin-top: 9px;
}

.tipsfields input {
  border-radius: 5px 0 0 5px!important;
  flex:1;
}

.tipsfields button {
  border-radius: 0 5px 5px 0;
}
.tipsHeader ul li span {
  font-size: 1rem;
  font-weight: 500;
}

.tipsHeader ul li p {
  padding: 0;
  margin: 0;
  font-size: 0.85rem;
}
.tipsHeader ul li label [type="radio"] {
  display: none;
}

.tipsHeader ul li label {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
  padding: 0.4rem;
}
.tipsSection {
  margin: 1rem 0;
}
.tipsArea>p {
  margin-left: 5px;
  margin-bottom: 6px;
  font-weight: 500;
}
.tipsHeader ul li label:hover{
  background: rgba(106,116,123,.2);
  transition: all .3s ease-in-out;
}

.left_footer p.address {
  display: flex;
  /*  align-items: center;*/
  justify-content: center;
  padding: 0;
  margin: 0;
}

.left_footer p.address a {
  padding: 0;
  margin: 0;
  color: #777;
  text-transform: capitalize;
}

.checkoutBtnList {
  display: flex;
  flex-direction: column;
  align-items: normal;
  width: 100%;
}

.checkoutBtnList > label {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  font-weight: 500;
  flex-wrap: wrap;
}
.checkoutBtnList > label >a{
  margin: 0 5px;
}
.checkIcon{
  
  transition: all .3s ease-in-out;
}
.add-to-2:before, .add-to:before {
  content: "";
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0;
  height: 100%;
  z-index: 10000;
  backdrop-filter: brightness(90%) contrast(50%) grayscale(10%) blur(5px);
  overflow-y: hidden;
  background-attachment: fixed;

}

.prevent-image .itemDetailsLeft {
  padding-left: 10px;
}


.singleCatItem.prevent-image {
  height: 70px;
  min-height: auto;
  padding: 0;
}
.packgeImages {
  width: 47%;
  aspect-ratio: 16/9;
  object-fit: scale-down;
  margin: 0 auto;
  margin-bottom: 24px;
  box-shadow: 0 0 5px;
}

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

.conflictArea h4 {
  font-size: 20px;
  margin-bottom: 12px;
}

.gt_switcher_wrapper {
  position: absolute!important;
  margin-right: 5px;
  top: -18px!important;
}
.gt_container--hich1m .gt_switcher a img{
  height: 28px!important;
  width: 28px!important;
}
.gt_container--hich1m .gt_switcher a{
  font-size: 11pt!important;
}

.gt_container--hich1m .gt_switcher .gt_selected a{
  width: 125px!important;
}
.gt_container--hich1m .gt_switcher{
  width: 140px !important;
}
.price_section p.details{
  font-weight: normal;
}
.cartFloatingIcon.menuStyle1 .navCart {
  display: none;
}

.cartFloatingIcon.menuStyle1 .navCart.active {
  display: inherit;
}









.slider {
  background: linear-gradient(0deg, rgba(33, 33, 33, 0.3), rgba(33, 33, 33, 0.4)), url(https://thedevs.tech/demo/foodmob/uploads/system/banner.jpg) no-repeat;
  background-size: cover;
  min-height:500px;
}
.slider-title_box {
  text-align: center;
}
.slider-content_wrap
{
  width: 70%;
  margin: 0 auto;
}
.slider-content_wrap h1 {
  font-size: 60px;
  color: #fff;
  font-weight: 300;
  text-transform: capitalize;
}
.slider-content_wrap h1 span{
  font-family: 'Great Vibes', cursive;

}
.slider-content_wrap h5 {
  color: #fff;
}
.slider .btn-group {
  width: 100%;
  justify-content: center;
}
.slider .btn-group1 {
  width: 73%;
}
.slider .btn-group1 {
  padding:15px;
  width: 40%;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border: none;
}
.slider .btn-form {
  font-weight: 400;
  font-size: 18px;
  padding:10px;
  width: 15%;
  background: rgba(227,30,36,1);
  color: #ffffff;
  border: none;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.search-icon {
  font-size: 15px;
  padding-right: 10px;
}
.slider-link {
  color: #fff;
}

.slider-link {
  color: #909090;
  margin: 45px 0 0;
  font-size: 19px;
}








.main-block {
  padding:60px 0;
}
.light-bg {
  background: #f3f4f7;
}
.styled-heading {
  text-align: center;
  margin: 0 0 34px;
}
.styled-heading h3 {
  position: relative;
  padding: 0 0 23px;
}
.styled-heading h3:after {
  position: absolute;
  content: "";
  width: 60px;
  height: 3px;
  background: rgba(227,30,36,1);
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.featured-place-wrap {
  background: #fff;
  margin: 0 0 30px;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius:20px;
  overflow: hidden;
  position: relative;
  border: 1px solid rgb(239 240 246);
  transition: all 0.3s;
}
.featured-place-wrap a {
  display: inline;
  text-decoration: none;
  color: #000;
}
.featured-place-wrap img {
  width: 100%;
}
.featured-rating-green {
  background: #fff !important;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(225,225,225,0.75);
  -moz-box-shadow: 0px 0px 10px 0px rgba(225,225,225,0.75);
  box-shadow: 0px 0px 10px 0px rgba(225,225,225,0.75);
}
.featured-rating, .featured-rating-orange, .featured-rating-green {
  position: absolute;
  right: 10px;
  width:90px;
  height: 90px;
  text-align: center;
  margin: -70px 10px 0 0;
  /*font-size: 23px;*/
  background: #ff7474;
  color: #fff;
  padding: 3px;
  border-radius: 50%;
  overflow: hidden;
}
.featured-rating-green img
{
  width: 100%;
  height: 100%;
  object-fit: contain;

}
.featured-place-wrap a {
  display: inline;
  text-decoration: none;
  color: #000;
}
.featured-title-box {
  padding: 22px 20px;
  position:relative;
}
.featured-title-box h6 {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  margin-bottom: 5px;
  width: 75%;
}
.featured-title-box p {
  /*  color: #9fa9b9;*/
  display: inline;
  margin: 0;
}
.featured-title-box span {
  color: #9fa9b9;
  padding: 0 10px;
}
.featured-title-box p {
  /*color: #9fa9b9;*/
  display: inline;
  /*margin: 0;*/
  font-size: 14px;
}
.featured-title-box p span {
  color: #ffb006;
  padding: 0;
}
.featured-title-box ul {
  padding: 0;
  margin: 10px 0 0;
}
.featured-title-box ul li {
  list-style: none;
  /*  color: #737882;*/
  line-height:18px;
  /*margin-bottom:10px;*/
  display: -webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.featured-place-wrap:hover{
  --tw-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
.featured-title-box ul li span {
  padding: 7px 8px 0 0;
}
.icon-location-pin:before {
  content: "\e096";
}
.featured-title-box ul li p {
  margin: 0;
}
.icon-screen-smartphone:before {
  content: "\e010";
}
.icon-link:before {
  content: "\e08d";
}
.bottom-icons {
  padding: 15px 0 0;
  line-height: 1;
  display: flex;
    justify-content: space-between;
}
.open-now {
  color: #46cd38;
/*  font-size: 13px;*/
  display: block;
  font-weight: 400;
  display: inline-block;
}
.featured-btn-wrap
{
  text-align: center;
}
.category-block {
  margin: 0 auto;
  text-align: center;
  border: 1px solid #e5e7ef;
  padding: 10px 8px;
  /*  margin: 0 0 30px;*/
  border-radius: 4px;
}
.category-wrap:hover .category-block {
  background: #fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border-color: rgba(227,30,36,1);
  color: rgba(227,30,36,1);
}
.category-wrap:hover .category-block
{

}
/*.category-img {
width: 64px;
height: 64px;
}*/
.category-block h6 {
  color: #3e434b;
  margin: 6px 0 4px;
  font-size: 14px;
}
.category-wrap:hover .category-block h6 {
  color: rgba(227,30,36,1);
  text-decoration: none;
}

.left_head {
  width: 49%;
  display: inline-block;
}
.right_head {
  width: 49%;
  display: inline-block;
}
.singleCategoryHeader h4
{
  font-size: calc(14px + .3vw);
}
.style_2 .item_images
{
  box-shadow: 0 0.3rem 1rem -0.375rem rgb(0 0 0 / 51%) !important;
  height: 100px!important;
  width: 120px!important;
  flex: 0 0 100px;
  margin-right: 10px;
  margin: 10px;
  border-radius: 4px;

}
.single_items_img img {
  max-height: 320px;
  padding: 0;
  border-radius: 4px;
  margin:3%;
  border: 1px solid darkred;
  width: 94%;
} 
/* Hide scrollbar for Chrome, Safari and Opera */
.topCategory::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.topCategory {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.homeBanner_btn
{
  display: none;
}
.review-btn
  {
    display:none;
  }
.top_footer
  {
    display: block;
  }
  .order_page h4
  {
    text-transform: uppercase;
  }
@media only screen and (max-width: 991px)
{
  .featured-title-box span
  {
    padding: 0 3px!important
  }
  div#contact-page
{
  margin-top:0!important
}
  .order_page h4
  {
    font-size: 20px!important;
  }
  .shop-add
  {
    width: 100%!important;
    font-size: 14px!important
  }
  div#showCheckoutData
  {
    padding-top: 51px!important
  }
.footer_bottom
{
  padding:5px 15px!important
}
  .single-breadcrumb h3
  {
    padding: 20px 0!important
  }
  .theme_5 .contact_top .defaultHeading p
  {
    line-height: 16px!important
  }
  section#contacts
  {
    margin:15px 0 40px !important;
  }
  .choosy-button .checkmark
  {
    width: 12px!important;
    height: 12px!important;
  }
  .choosy-button  .radio-button-container
  {
    padding-left:14px;
    line-height:12px;
    margin-bottom:5px;
    margin-left:0px;
    margin-right: 5px;
    cursor: pointer;
    font-size:12px;

  }
  .radio-button-container .checkmark:after
  {
    top: 1px!important;
    left: 1px!important;
    width: 6px!important;
    height: 6px!important;
  }
  /*.menu-div
  {
    margin-top: 25px!important
  }*/
  .defaultHeading h1
  {
    font-size: 16px!important
  }
  ul.gallery_sort li button 
  {
    font-size: 14px!important;
  }
  .top_footer
  {
    display: none!important;
  }
  .single__cat__header
  {
    flex-direction: row!important;
    display: flex;
    justify-content: space-between;
  }
  .style_2 .single__cat__header .btn-group
  {
    width: 45%!important;
    display: inline-block!important;
  }

  .style_2 .single__cat__header .defaultHeading.single__cat__header .searchSection
  {
    width: 45%!important;
    display: inline-block!important;
  }
  .style_2 .single__cat__header .searchBar-2
  {
    min-width: 100px!important;
  }
  .row.gutters-15.grp-btn
  {
    /*justify-content: space-between;*/
  }

  .review-btn
  {
    display: flex;
    width: 100%;
    align-items: center;
    /*border-top: 1px dashed #303030;*/
    margin-top: 5px;
    /*padding-top: 10px;*/
  }
   .review-btn a
  {
    margin: 0 auto;
    text-align: center;
    /*width: 50%;*/
  }
  .review-btn a.rev
  {
    border: 1px solid;
        width: 100%;
        padding: 4px 0px;
        border-radius: 5px;
        font-size: 12px;
  }
/*  .review-btn .enq img
  {
      width:75%;
  }
  .review-btn .rev img
  {
    width: 60%;
  }*/
.btn-section .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  color: #FFF;
  font-size: 16px;
  float: left;
  width: 23%;
  margin: 1%;
  padding: 0px 20px;
}
.btn-section .btn .btn-gradient {
  position: relative;
  left: -20px;
  width:20%;
  background: rgba(0, 0, 0, 0.15);
  box-shadow: 2px 0px 0px 0px rgba(78, 72, 72, 0.4);
  border-top-right-radius: 60px;
  padding:5px ;
}
.btn-section .btn .btn-gradient i {
  font-size:20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
a.btn.btn-green:hover
{
background-color:rgba(227,30,36,1);
  color: #fff;
        border: 1px solid #fff;
}
.btn-section .btn.btn-green {
  background-color:transparent;
  width: 100%;
  color: rgba(227,30,36,1);
        border: 1px solid;
}
.btn-section .btn-text {
  width:80%;
}
.btn-section.btn-radius .btn,
.btn-section.btn-radius .btn-gradient {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
/*   .review-btn a
  {
    background-color: rgba(227,30,36,1);
    color: #fff;
    width: 100%;
    text-align: center;
   margin: 10px 0;
   border-radius:4px;
   display: block;
   padding: 4px;
  }
   .review-btn a:hover
  {
    background-color: #303030;
    color: #fff;
  }*/
  #about-section
  {
    display: none;
  }
  a.opened-now
  {
    font-size: 12px!important;
  }
  .adsbanner .slideshow .slide .caption {
    width: 100%!important
  }
  .adsbanner .btn
  {
    padding: 6px!important;
    font:10px/1.2 "Oswald", sans-serif!important;
    letter-spacing: 0.1rem!important;
  }
  .adsbanner .slideshow .pagination
  {
    display: none!important
  }
  .adsbanner .slideshow
  {
    height: 90px!important
  }
  .adsbanner .slideshow .slide .title
  {
    font: 300 16px/1.2 "Oswald", sans-serif!important;
    margin: 0 auto 5px!important;
  }
  .adsbanner .slideshow .pagination
  {
    left: 25%!important;
  }
  .adsbanner .slideshow .arrows .arrow
  {
    padding: 10px!important;
  }
  .adsbanner .slideshow .arrows .prev
  {
    left: 5px!important;
  }
  .adsbanner .slideshow .arrows .next
  {
    right: 5px!important;
  }
  .adsbanner .slideshow .slide .caption
  {
    padding: 0 50px!important
  }
  section.user_home_banner
  {
    display: none;
  }
/*.single-listing-share2
{
display: none!important;
}*/
.profile_btn
{
  margin: 0!important
}
.menu-btn
{
  float: none!important;
}
.menu-btn a
{
  display: block!important;
}
.open-now a
{
  display: inline-block!important;
}
.open-now,.menu-btn
{
  width: 100%!important;
  margin: 5px 0!important;
}
.bottom-icons
{
  padding: 0!important;
}
.qr_area
{
  width: 100%;
  height: 100%;
  margin:0 auto;

}
.single_special .col-lg-6.col-sm-6
{
  width: 50%!important
}
.watch_video_i {
  font-size: 15px!important;
  margin-right: 4px!important;
}
.col-md-4.featured-responsive
{
  width: 50%!important;
}
.restaurant-img img
{
  height: 100%!important;
  object-fit: cover!important
}
.homeBanner_btn a
{
  font-size: 13px!important;
  padding: 4px 10px!important
}
.userMenu
{
  /*display: block!important;
  height: 50px;*/
}
.homeBanner_btn
{
  flex-direction: row!important
}
/*.searchSection.welcomeSearch .searchBar-2, .searchSection.welcomeSearch .search-txt-2
{
width: 340px!important
}*/
.address
{
  padding: 8px 0 0 1px!important
}
.item-user
{
  padding: 5px!important
}
.single-listing-box-layout1 .listing-details-review ul.review-items > li .media .media-body .entry-meta
{
  margin-bottom: 0!important
}
.media-body p
{
  font-size: 12px!important
}
p
{
  font-size: 12px!important
}
.single-listing-box-layout1 .listing-details-review ul.review-items > li .media .media-body .review-title
{
  font-size: 14px!important;
  margin-bottom: 5px!important
}
.single-listing-box-layout1 .listing-details-review ul.review-items > li .media .media-body .reviewer-name
{
  font-size: 12px!important
}
.single-listing-box-layout1 .listing-details-review ul.review-items > li .media .media-body .entry-meta li
{
  width: 44%!important;
  margin-right: 2px!important
}
.userHomeBanner, .homeBanner_left
{
  min-height: 42vh!important;
}
.userHome_social ul li a
{
  padding: 4px!important;
  font-size: 15px!important;
}
.shopLogo
{
  height:30px!important;
}
.searchSection.welcomeSearch
{
  margin: 15px auto 0 auto!important
}
/*.defaultHeading 
{
  padding: 10px 5px 10px 0!important;
  margin-top: 23px;
}*/
.style_2 .item_images
{
  max-height: 80px!important;
  width: 80px!important;
  flex: 0 0 80px!important;
}
.homeView
{
  margin-bottom: 15px!important
}
.homeItemPcakage.specialties .col-lg-6.col-sm-6
{
  width: 50%!important;
}
.text.order-first p
{
  font-size: 12px!important
}
/*.style_2 .w-50 .text
{
  height: 190px!important
}*/
.text.order-last p
{
  font-size: 12px!important
}
.mt-30
{
  margin-top: 15px!important
}
.homeItemPcakage
{
  padding-bottom: 20px!important
}
.package_title, .homeSingle_packages
{
  display: flex!important
}
.package_title h4
{
  font-size: calc(11px + 0.3vw)!important
}
span.home_package_price
{
  font-size: calc(11px + 0.3vw)!important
}
.topPackageItem.lineTitle h4
{
  font-size: calc(12px + .2vw)!important
}
.packageImg.img.menu-img
{
  width: 50px !important;
  height:50px !important;
  flex: 1 0 50px !important;
 box-shadow: 0 0.3rem 1rem -0.375rem rgb(0 0 0 / 51%) !important;
  border-radius: 8px!important;
  margin-right: 10px!important
}
.homeSingle_packages
{
  margin: 0!important
}
.singleItemDetails
{
  font-size: 12px!important
}
.single_item_details h4.itemTitle
{
  font-size: 14px!important
}
.modal-title
{
  font-size: 14px!important
}
.left_footer
{
  padding:10px 0!important 
}
ul.row_ul li a span
{
  min-width: 110px!important
}
.appointment_schedule_area
{
  padding-left: 0!important
}

.sction_title
{
  margin-bottom: 25px!important
}
}
.open-now a
{
  background: #979796;
  color: #fff;
  padding: 3px 10px;
  border-radius: 4px;
  text-transform: uppercase;
  border:1px solid transparent;
  font-size: 13px;
}
.open-now a:hover
{
  background: transparent;
  color:#979796;
  border: 1px solid #979796;
}
.menu-btn {
  display: inline;
  float: right;
}
.menu-btn a{
  background: rgba(234,117,19,1);
  color: #fff;
  padding: 3px 10px;
  font-size: 13px;
  border-radius: 4px;
  text-transform: uppercase;
  border:1px solid transparent;
}
.menu-btn a:hover
{
  background: rgba(234,117,19,0.1);
  color: rgba(234,117,19,1);
  border: 1px solid rgba(234,117,19,1);
}


.theme_3 .topTitle h4
{

}
.price_section p.details
{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.contact-info {
  background: #fff;
  padding: 15px;
  margin: 15px 0;
  box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%) !important;
  border-radius: 5px;
}
#map {
  height: 260px;
}
.address {
  color: #737882;
  /*padding: 18px 0 0 16px;*/
}
.follow {
  background: #fff;
/*  padding: 15px;*/
  margin: 15px 0;
  box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%) !important;
  border-radius: 5px;
  font-weight: 400;
}
.address>span {
  font-size: 18px;
  float: left;
  margin: 4px 0 0;
}
.address p {
  margin: 0 0 0 34px;
  font-size: 15px;
}
.follow-img {
  text-align: center;
  padding:15px 16px;
  color: #ffffff;
  background: #ff4646;
}
.restaurant-schedule {
  padding: 20px;
}
.restaurant-schedule table tr {
  padding: 5px;
  border: 1px solid #f5f5f5;
}
.restaurant-schedule table tr .restaurant-day-schedule {
  border-right: 1px solid #f5f5f5;
  padding: 12px 4px;
}
.restaurant-schedule .w-50{
  width:auto !important;
}
.footer_area .left_footer .facebook, .footer_area .left_footer .instagram, .footer_area .left_footer .whatsapp{
 color: inherit;
}
.listingpage .search-box-2
{
  position: relative;
  transform: 0;
}
.listingpage .searchBar-2
{
  margin-left: 0;
}
.item-user .item-user-icons a {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  text-align: center;
  border-radius: 100px;
  line-height: 1.5rem;
  font-size: 14px;
  /*  margin-top: 0.3rem;*/
  margin-right: 10px;
}
.item-user .item-user-icons a:hover {
  color: #fff;
}
.facebook-bg {
  background: #3b5998;
  color: #fff;
}
.twitter-bg {
  background: #0c85d0;
  color: #fff;
}
.whatsapp-bg{
  background: #4fce5d;
  color: #fff;
}
.insta-bg {
  background: #c63224;
  color: #fff;
}
.item-user {
  padding: 3px 4px;
}

.single-listing-box-layout1 .listing-details-info .video-info .play-btn i {
  margin-left: 5px;
}
.single-listing-box-layout1 .listing-details-info .video-info .play-btn:hover {
  opacity: 1;
}
.single-listing-box-layout1 .listing-details-review {
  position: relative;
  background: #fff;
  padding: 15px;
  /*margin: 15px 0;*/
  box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%) !important;
  border-radius: 5px;
}
.single-listing-box-layout1 .listing-details-review .total-review {
  font-size: 18px;
  position: absolute;
  top:15px;
  right: 30px;
}
.single-listing-box-layout1 .listing-details-review .total-review span {
  color: #111111;
}
.single-listing-box-layout1 .listing-details-review ul.review-items {
  max-height: 440px;
  overflow-y: scroll;
  padding-top: 20px;
}
.single-listing-box-layout1 .listing-details-review ul.review-items > li {
  display: block;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.single-listing-box-layout1 .listing-details-review ul.review-items > li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .single-listing-box-layout1 .listing-details-review ul.review-items > li .media {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .single-listing-box-layout1 .listing-details-review ul.review-items > li .media figure {
    margin-bottom: 20px;
  }
}
.single-listing-box-layout1 .listing-details-review ul.review-items > li .media figure img {
  border-radius: 50%;
}
.single-listing-box-layout1 .listing-details-review ul.review-items > li .media .media-body {
  position: relative;
  padding-right: 30px;
  padding-left: 30px;
}
@media only screen and (max-width: 767px) {
  .single-listing-box-layout1 .listing-details-review ul.review-items > li .media .media-body {
    margin-left: 0;
    padding-right: 0;
  }
}
.single-listing-box-layout1 .listing-details-review ul.review-items > li .media .media-body .review-title {
  margin-bottom: 10px;
  display: block;
  font-style: italic;
  font-size: 17px;
}
.single-listing-box-layout1 .listing-details-review ul.review-items > li .media .media-body .reviewer-name {
  font-size: 16px;
  color: #111111;
  font-weight: 600;
  margin-bottom: 10px;
}
.single-listing-box-layout1 .listing-details-review ul.review-items > li .media .media-body .reviewer-name .review-date {
  font-size: 14px;
  position: relative;
  padding-left: 15px;
  color: #646464;
  font-weight: 400;
}
.single-listing-box-layout1 .listing-details-review ul.review-items > li .media .media-body .reviewer-name .review-date:after {
  position: absolute;
  left: 5px;
  top: 3px;
  content: "/";
  font-size: 12px;
}
.single-listing-box-layout1 .listing-details-review ul.review-items > li .media .media-body {
  position: relative;
  padding-right: 30px;
}
@media only screen and (max-width: 767px) {
  .single-listing-box-layout1 .listing-details-review ul.review-items > li .media .media-body .entry-meta {
    margin-bottom: 10px;
  }
}
.single-listing-box-layout1 .listing-details-review ul.review-items > li .media .media-body .entry-meta li {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
}
.single-listing-box-layout1 .listing-details-review ul.review-items > li .media .media-body .entry-meta li a {
  color: #646464;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.single-listing-box-layout1 .listing-details-review ul.review-items > li .media .media-body .entry-meta li a span {
  color: #111111;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.single-listing-box-layout1 .listing-details-review ul.review-items > li .media .media-body .entry-meta li a i {
  margin-right: 10px;
  color: #ffffff;
  background-color: #cccccc;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.single-listing-box-layout1 .listing-details-review ul.review-items > li .media .media-body .entry-meta li a:hover {
  color: #ff4a52;
}
.single-listing-box-layout1 .listing-details-review ul.review-items > li .media .media-body .entry-meta li a:hover span {
  color: #ff4a52;
}
.single-listing-box-layout1 .listing-details-review ul.review-items > li .media .media-body .entry-meta li a:hover i {
  background-color: #ff4a52;
}
.single-listing-box-layout1 .listing-details-review ul.review-items > li .media .media-body .item-rating {
  position: absolute;
  z-index: 5;
  right: 30px;
  top: 0;
}
@media only screen and (max-width: 767px) {
  .single-listing-box-layout1 .listing-details-review ul.review-items > li .media .media-body .item-rating {
    position: inherit;
    right: 0;
  }
}
.single-listing-box-layout1 .listing-details-review ul.review-items > li .media .media-body .item-rating li {
  display: inline-block;
}
.single-listing-box-layout1 .listing-details-review ul.review-items > li .media .media-body .item-rating li > i {
  font-size: 14px;
  color: #ffb300;
}
.single-listing-box-layout1 .listing-details-review ul.review-items > li .media .media-body .item-rating li span {
  color: #a09f9f;
}
.single-listing-box-layout1 .listing-details-review ul.review-items .post-no-two .media .media-body .item-rating .star-five i {
  color: #c3c3c3;
}
.single-listing-box-layout1 .listing-details-review ul.review-items::-webkit-scrollbar-thumb {
  border-radius: 0;
  border: 0;
  background-color: #ff4a52;
}
.single-listing-box-layout1 .listing-details-review ul.review-items::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 14px;
  background-color: #f2f2f2;
}
.single-listing-box-layout1 .listing-details-leave-review .rate-wrapper {
  display: inline-block;
  margin-bottom: 30px;
}
.single-listing-box-layout1 .listing-details-leave-review .rate {
  float: left;
  color: #c9c9c9;
  cursor: pointer;
}
.single-listing-box-layout1 .listing-details-leave-review .rate:hover,
.single-listing-box-layout1 .listing-details-leave-review .rate.selected {
  color: #fdc800;
}
.single-listing-box-layout1 .listing-details-leave-review .rate-label {
  margin-bottom: 10px;
  font-weight: 700;
}
.single-listing-box-layout1 .listing-details-leave-review .rate-item {
  float: left;
  cursor: pointer;
  margin: 0px 5px 0px 5px;
}
.single-listing-box-layout1 .listing-details-leave-review .rate-item:hover ~ .rate-item,
.single-listing-box-layout1 .listing-details-leave-review .rate-item.active ~ .rate-item {
  color: #c9c9c9;
}
.single-listing-box-layout1 .listing-details-leave-review .contact-form-box .form-group {
  margin-bottom: 15px;
}
.single-listing-box-layout1 .listing-details-leave-review .contact-form-box .form-group label {
  color: #111111;
}
.single-listing-box-layout1 .listing-details-leave-review .contact-form-box .form-group input {
  height: 45px;
}
.single-listing-box-layout1 .listing-details-leave-review .contact-form-box .form-group .form-control {
  font-size: 17px;
  padding: 10px 20px;
  color: #000000;
  border: 1px solid #dadada;
}
.single-listing-box-layout1 .listing-details-leave-review .contact-form-box .form-group .form-control:focus {
  outline: none;
  box-shadow: none;
}
.single-listing-box-layout1 .listing-details-leave-review .contact-form-box .form-group .item-btn {
  margin-top: 20px;
  border: none;
  border-color: #ff4a52;
  background-color: #ff4a52;
  color: #ffffff;
  font-weight: 500;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 15px 30px;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.single-listing-box-layout1 .listing-details-leave-review .contact-form-box .form-group .item-btn:hover {
  background-color: #111111;
}
.single-listing-box-layout1 .listing-details-leave-review .contact-form-box .form-group .item-btn:focus {
  outline: none;
  box-shadow: none;
}
.single-listing-box-layout1 .listing-details-leave-review .contact-form-box .alert.alert-danger,
.single-listing-box-layout1 .listing-details-leave-review .contact-form-box .alert.alert-info,
.single-listing-box-layout1 .listing-details-leave-review .contact-form-box .alert.alert-success {
  margin-top: 10px;
  margin-bottom: 0;
}
.single-listing-box-layout1 .listing-details-leave-review .contact-form-box .alert.alert-danger p,
.single-listing-box-layout1 .listing-details-leave-review .contact-form-box .alert.alert-info p,
.single-listing-box-layout1 .listing-details-leave-review .contact-form-box .alert.alert-success p {
  margin-bottom: 0;
}
.single-listing-box-layout1 .listing-details-leave-review .contact-form-box input.form-control::-webkit-input-placeholder,
.single-listing-box-layout1 .listing-details-leave-review .contact-form-box textarea.form-control::-webkit-input-placeholder {
  color: #646464;
}
.single-listing-box-layout1 .listing-details-leave-review .contact-form-box input.form-control::-moz-placeholder,
.single-listing-box-layout1 .listing-details-leave-review .contact-form-box textarea.form-control::-moz-placeholder {
  color: #646464;
}
.single-listing-box-layout1 .listing-details-leave-review .contact-form-box input.form-control:-moz-placeholder,
.single-listing-box-layout1 .listing-details-leave-review .contact-form-box textarea.form-control:-moz-placeholder {
  color: #646464;
}
.single-listing-box-layout1 .listing-details-leave-review .contact-form-box input.form-control:-ms-input-placeholder,
.single-listing-box-layout1 .listing-details-leave-review .contact-form-box textarea.form-control:-ms-input-placeholder {
  color: #646464;
}
figure {
  margin: 0 0 1rem;
}
.single-listing-summary2 .media figure{
  width:100px;
  border: 1px solid #f2f2f2;
  border-radius:5px;
  position: relative;
  z-index: 90;
  padding: 4px;
  margin-bottom:7px;
  background: #ddd;
}
.single-listing-summary2 .media .badge
{
  display: none;
}
.media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  /*margin-bottom:10px;*/
}
.listygo-text-box {
  padding: 30px;
  background-color: #ffffff;
  border-radius: 4px;
}
.media-body.space-md p{
  width:90%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;

}
.inner-item-heading {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 25px;
  font-weight: 600;
  font-size: 24px;
}
.single-listing-box-layout1 .listing-details-leave-review .rate-wrapper {
  display: inline-block;
  margin-bottom: 30px;
}
.single-listing-box-layout1 .listing-details-leave-review .rate-label {
  margin-bottom: 10px;
}
.single-listing-box-layout1 .listing-details-leave-review .rate {
  float: left;
  color: #c9c9c9;
  cursor: pointer;
}
.single-listing-box-layout1 .listing-details-leave-review .rate-item {
  float: left;
  cursor: pointer;
  margin: 0px 5px 0px 5px;
}
.single-listing-box-layout1 .listing-details-leave-review .contact-form-box .form-group {
  margin-bottom: 15px;
}
.single-listing-box-layout1 .related-listing {
  position: relative;
  padding: 20px 30px;
  background-color: #ffffff;
  border-radius: 4px;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(217, 217, 217, 0.7);
  -moz-box-shadow: 0px 1px 0px 0px rgba(217, 217, 217, 0.7);
  box-shadow: 0 1px 0px 0px rgba(217, 217, 217, 0.7);
}
.single-listing-box-layout1 .related-listing .related-title {
  font-size: 22px;
  color: #111111;
  font-weight: 600;
  margin-bottom: 0;
}
.listygo-text-box.listing-details-leave-review
{
  position: relative;
  background: #fff;
  padding: 15px;
  /*margin: 15px 0;*/
  box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%) !important;
  border-radius: 5px;
  /*  margin-bottom: 40px;*/
}

#gallery {
  padding-top: 40px;
  position: relative;
  background: #fff;
  padding: 15px;
  /* margin: 15px 0; */
  box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%) !important;
  border-radius: 5px;
}
.img-wrapper {
  position: relative;
  margin-top: 15px;
}
.img-wrapper img {
  width: 100%;
}

.img-overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}
.img-overlay i {
  color: #fff;
  font-size: 3em;
}

#overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  margin-top: 35px;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#overlay img {
  margin: 0;
  width: 80%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  padding: 5%;
}
@media screen and (min-width: 768px) {
  #overlay img {
    width: 60%;
  }
}
@media screen and (min-width: 1200px) {
  #overlay img {
    width: 50%;
  }
}

#nextButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}
#nextButton:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #nextButton {
    font-size: 3em;
  }
}

#prevButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}
#prevButton:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #prevButton {
    font-size: 3em;
  }
}

#exitButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
}
#exitButton:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #exitButton {
    font-size: 3em;
  }
}
#gallery .container
{
  margin: 0;
}

.bg--accent {
  background-color: #f2f2f2;
}
.single-listing-summary-wrap2 {
  background-color: #ffffff;
  padding:20px 0 0;
  margin-bottom: 30px;
}
.single-listing-summary2 {
  margin-bottom:20px;
}

.single-listing-summary2 .entry-meta-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  height: 100%;
}
.single-listing-summary2 .entry-meta-rating li i {
  margin-right: 5px;
  font-size: 14px;
  color: #ffb300;
}


@media only screen and (max-width: 480px) {
  .single-listing-summary-wrap2 {
    padding: 4rem 0 3rem;
  }
}
@media only screen and (max-width: 991px) {
  .home_package_price .priceTag
  {
    font-size: 16px!important
  }
  .modal-footer .btn
  {
    font-size: 12px!important;
/*    padding: 10px 0!important*/
  }
  .custom_btn
  {
    font-size: 11px!important;
  }
  .search-box-2
  {
    height: 30px!important
  }
  .search-btn
  {
    width: 20px!important;
    height: 20px!important;
    font-size: 12px!important

  }
  .single-listing-summary2 {
    margin-bottom: 0;
  }
  .package_heading
  {
    font-size: 12px;
    font-weight: 500;
    text-transform: capitalize;
  }
  .slider-content_wrap
  {
    width: 100%!important
  }
  .user_right_btn_area .form-control, .user_right_btn_area .c_btn
  {
    margin-right: 0!important;
    width: 100%!important
  }
  .custom-col
  {
    width: 100%!important
  }
  .slider-title_box
  {
    padding: 40px 20px 0 20px;
  }
}
@media only screen and (max-width: 480px) {
  .single-listing-summary2 .media {
    display: block;
  }
}
@media only screen and (max-width: 480px) {
  .single-listing-summary2 .media .media-body {
    margin-left: 0;
  }
}
.single-listing-summary2 .media .media-body .item-title {
  color: #303030;
  font-weight: 500;
  font-size: 30px;
  /*margin-bottom: 10px;*/
  display: inline-block;
}
#rev .single-listing-summary2 .media .media-body .loc
{
color: #303030;
  font-weight:500;
  font-size:12px;
  /*margin-bottom: 10px;*/
  display: inline-block;
  line-height: 18px;
}
@media only screen and (max-width: 767px) {
  .single-listing-summary2 .media .media-body .item-title {
    font-size: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .single-listing-summary2 .media .media-body .item-title {
    font-size: 26px;
  }
}
@media only screen and (max-width: 480px) {
  .single-listing-summary2 .media .media-body .item-title {
    font-size: 20px;
  }
}
.single-listing-summary2 .entry-meta-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  height: 100%;
}
@media only screen and (max-width: 1199px) {
  .single-listing-summary2 .entry-meta-date {
    display: block;
    margin-bottom: 10px;
  }
}
.single-listing-summary2 .entry-meta-date i {
  line-height: 1.5;
  margin-right: 10px;
  color: #ff4a52;
}
.single-listing-summary2 .entry-meta-location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  height: 100%;
}
@media only screen and (max-width: 1199px) {
  .single-listing-summary2 .entry-meta-location {
    display: block;
    margin-bottom: 10px;
  }
}
.single-listing-summary2 .entry-meta-location i {
  line-height: 1.5;
  margin-right: 10px;
  color: #ff4a52;
}
.single-listing-summary2 .entry-meta-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  height: 100%;
}
@media only screen and (max-width: 1199px) {
  .single-listing-summary2 .entry-meta-rating {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.single-listing-summary2 .entry-meta-rating li i {
  margin-right: 5px;
  font-size: 14px;
  color: #ffb300;
}
.single-listing-summary2 .entry-meta-rating li span {
  font-size:18px;
  color: #111111;
}
.single-listing-summary2 .entry-meta-rating li span span {
  color: #d1d1d1;
  font-size: 14px;
}
.single-listing-summary2 .entry-meta-rating li:last-child {
  line-height: 1.3;
  margin-left: 5px;
}
.single-listing-summary2 .item-status {
  color: #ffffff;
  margin-top: 15px;
/*background-position: center;
background-repeat: no-repeat;
background-size: cover;
top: 18px;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
position: absolute;
z-index: 6;*/
}

.single-listing-summary2 .item-status > div:first-child {
  margin-bottom: 2px;
}
.single-listing-summary2 .item-status .status-save {
  -webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 15% 50%, 0 0);
  clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 15% 50%, 0 0);
  background-color: #ff9800;
  padding: 5px 5px 5px 25px;
  text-align: center;
  margin-bottom: 2px;
}
.single-listing-summary2 .item-status .status-service {
  -webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 15% 50%, 0 0);
  clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 15% 50%, 0 0);
  background-color: blue;
  padding: 5px 5px 5px 25px;
  text-align: center;
}
.single-listing-summary2 .item-status .status-open {
  -webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 15% 50%, 0 0);
  clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 15% 50%, 0 0);
  /*  background-color: #a62491;*/
  background-color: #5abf65;
  padding: 5px 5px 5px 25px;
  text-align: center;
  border-color: #a62491;
  color: #fff;
  margin-bottom: 2px;
}
.status-close {
  webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 15% 50%, 0 0);
  clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 15% 50%, 0 0);
  background-color: #ff0000b8;
  padding: 5px 5px 5px 25px;
  text-align: center;
  border-color: #a62491;
  color: #fff;
}
.single-listing-summary2 .item-status .status-service
{
/*border-color:#ff4646;
background: #ff4646;*/
background: #007bffd1;
color: #fff;
}
.single-listing-share2 {
  display: -ms-grid;
  display: grid;
/* -webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;*/
height: 100%;
}
/*.single-listing-share2 .row {
margin-bottom: 45px;
}*/
@media only screen and (max-width: 480px) {
/* .single-listing-share2 .row {
margin-bottom: 20px;
}*/
}
.single-listing-share2 .item-btn {
  text-align: center;
  border-radius: 4px;
  color: #111111;
  padding: 7px 5px;
  width: 100%;
  display: block;
  border: 1px solid #636363;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  margin-top: 14px;
  transition: 0.5s !important;
}
.grp-btn .item-btn{
  text-align: center;
  border-radius: 4px;
  color: #777;
  padding:3px 7px;
  width: 100%;
  font-size: 14px;
  display: block;
  border: 1px solid #777;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  margin-top: 10px;
  transition: 0.5s !important;
  font-weight: 500;
}
.grp-btn .item-btn i {
  margin-right: 6px;
}
/*.grp-btn .item-btn:hover {
  background-color: #ff4a52;
  border: 1px solid #ff4a52;
  color: #ffffff;
}*/
.row.gutters-15.grp-btn {
  width: 90%;
}
.single-listing-share2 .item-btn i {
  margin-right: 10px;
}
.single-listing-share2 .item-btn:hover {
  background-color: #ff4a52;
  border: 1px solid #ff4a52;
  color: #ffffff;
}
@media only screen and (max-width: 480px) {
  .single-listing-share2 .item-btn {
    display: grid;
    padding: 8px 5px 3px;
  }
  .single-listing-share2 .item-btn i {
    margin-bottom: 5px;
    margin-right: 0;
  }
}
.container-fluid
{
  padding-left: 60px;
  padding-right: 60px;
}

.single-listing-share2 .enq{
  margin-top: 0;
}

.media-body.space-md
{
  margin-left: 15px;
}

@media only screen and (max-width: 991px) {
  .featured-rating, .featured-rating-orange, .featured-rating-green
  {
    width: 40px!important;
    height: 40px!important;
    margin:-40px 10px 0 0 !important;
  }
  .single-listing-summary2 .entry-meta-rating li i
  {
    font-size: 12px;
  }
  .col-md-2.category-responsive
  {
    max-width: 33.33%!important
  }
  .col-md-3.featured-responsive
  {
    max-width: 50%!important;
  }
  .username
  {
    font-size: 15px!important;
    width: auto;
  }
  .container-fluid
  {
    padding: 0 15px!important
  }
  a.items
  {
    width:31%!important;
    margin: 1%!important
  }
  .singleCatItem h4
  {
    font-size: 12px!important;
    text-overflow: all!important;
    white-space:pre-wrap!important;


  }
  #image-gallery .col-lg-3.col-md-6.col-sm-6.col-xs-12.image
  {
    width: 50%!important;
  }
  #overlay
  {
    margin-top: 0!important
  }

  .single-listing-box-layout1 .listing-details-review ul.review-items > li .media
  {
    display: flex!important
  }
  .single-listing-box-layout1 .listing-details-review ul.review-items > li .media figure
  {
    width:20%!important;
    display: inline-block!important;
    margin-right: 10px;
  }
  .single-listing-box-layout1 .listing-details-review ul.review-items > li .media .media-body
  {
    width: 70%!important;
    display: inline-block!important;
    padding: 0px
  }
  .single-listing-summary2 .media
  {
    display: flex!important;
    /*margin-bottom: 15px;*/
    align-items: start;
  }
  .single-listing-summary2 .media figure
  {
    width:20%!important;
    display: inline-block!important;
    margin-right: 10px;
  }
  .single-listing-summary2 .media .media-body
  {
    width: 70%!important;
    display: inline-block!important;
  }
  .single-listing-summary-wrap2
  {
    padding:1rem 0 1rem!important;
    margin-bottom: 0!important;
  }
/*img.logo {
max-height: 25px!important;
}*/
.slider-content_wrap h1
{
  font-size: 28px!important
}
.slider-content_wrap h5
{
  font-size: 20px;
  font-weight: 400;
}
.slider .btn-form
{
  width: 25%!important;
  font-size: 12px!important;
  padding: 0!important
}
.slider .btn-group1
{
  width: 60%!important
}

.main-block
{
  padding:15px 0 1px !important
}
}
@media (max-width:767px){
  .singleCatItem
  {
    width: auto!important;
    background: transparent!important;
    margin: 0!important;
    padding: 0 !important;
    min-height: 110px!important
  }
}
.restaurant-img img
{
  /*  height: 200px;*/
  overflow: hidden;
  width: 100%;
  background-color: #e5e5e5;
  object-fit: scale-down;
  height: 100%;
}
.mt-40
{
  margin-top: 40px;
}
.package_name
{
  position: absolute;
  top: 10px;
  left: 10px;
  display:none;
}
.card-block {
  height: 250px;
  background-color: #fff;
  border: none;
  background: linear-gradient(to left bottom, rgba(255, 64, 87, 0.8), #333366 90%), url("https://source.unsplash.com/1024x1024?mountains");
  background-position: center;
  background-size: cover;
  box-shadow: 0 20px 50px rgba(58, 58, 146, 0.35);
  transition: all 0.2s ease-in-out !important;
}
.card-block:hover {
  transform: translateY(-5px);
  box-shadow: 0 30px 70px rgba(58, 58, 146, 0.5);
}
.category-wrap:hover .category-block
{

}
.post-btn {
  margin: 30px 0;
  text-align: right;
}
.post-btn a
{
  background: #ff4646;
  color: #fff;
  border-radius: 5px;
  padding: 10px;
}
.post-btn a:hover
{
  background: #303030;
  color: #fff;
  border-radius: 5px;
}
.shopLogo img {
  object-fit:contain;
}
/*style for review modal form*/

.modal-cont, .modal-info, .modal-enquire{
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.47);
  top: 0;
  left: 0;
  overflow: auto;
  z-index:10000;
}

.modal-box{
  width: 40%;
  margin: 30px auto;
  background-color: white;
  position: relative;
  text-align: ;
  padding:
}

.modal-box .closed, .modal-info .closedd, .modal-enquire .closeded{
  position: absolute;
  right: 16px;
  top: 5px;
  font-size: 25px;
  font-weight: bolder;  
  cursor: pointer
}
.modal-box .closed:hover, .modal-box .closed:focus,
.modal-info .closedd:hover, .modal-info .closedd:focus,
.modal-enquire .closeded:hover, .modal-enquire .closeded:focus{
  color: #c6c6c6
}
/*.modal-box img{
  width: 30%;
  border-radius: 50%;
  display: block;
  margin:auto;
  padding: 14px;
  margin-bottom: 30px;
  min-width: 150px;
  max-width: 230px
}*/
input[type=text], input[type=password]{
  width: 100%;
  display: block;
  padding: 8px;
  /*    margin: 5px 0;*/

}

.modal-box .login-button{
  padding: 10px;
  font-size: 15px;
  display: block;
  color: white;
  background-color: #29a6d4;    
}
input[type = checkbox] {
  margin-right: 2px;
  vertical-align: baseline; /*no effect for baseline*/
}

.modal-box label, .modal-box input, .modal-box textarea{
  display: block;
}
.modal-box label{
  font-weight: 500;
margin: 5px 0  2px 0;
}
.modal-box .login-button{
  border:none;
  cursor: pointer;
}
input[type=checkbox]{
  display: inline-block;
  width: auto;
  margin-left: 16px
}
.modal-box .close-forgot {
  width: 100%;
  display:flex;
  justify-content:end;
  align-items: baseline;

}
.modal-box .close-forgot button{
  margin-left:15px;
  border:none;
  border-radius:5px;
  padding: 10px 15px;
}
.modal-box .cancel, .modal-info .canceld, .modal-enquire .cancelded {
  font-size: 15px;
  cursor: pointer;
  background:rgb(84 91 98 / 80%) !important;
}
.modal-box a{
  color: #1483be;
  font-weight: 500;
  text-decoration: underline
}


.modal-cont, .modal-info, .modal-enquire{display: none}
.modal-box {
  animation-name: zoom;
  animation-duration: .7s;
  animation-fill-mode: forwards;
  animation-timing-function: ease;
  border: 1px solid #b7b7b7;
  border-radius: 4px;
  box-shadow: 1px 1px 8px rgba(35, 120, 204, 0.8);

}
@keyframes zoom {
  from{transform: scale(0);}
  to{transform: scale(1);}
}
@media (max-width:600px){
  .modal-box{
    width: 90%;
  }
}
.UserMobileMenu label{
  font-size: 12px;
  display: block;
  margin-top: 0;
  color: #999;
  line-height:1;
}
.UserMobileMenu .menu{
  line-height:2;
}

@media (max-width:600px){
  .single_items_img img {
    max-height: 200px;}
    .single_item_details h4{
      font-size:16px;
    }
   /* .searchBar-2 {
      min-width: 280px;
    }
*/
    .modal-box .form-group{
      margin-bottom:0 !important;
    }
    .single-listing-box-layout1 .listing-details-leave-review .rate-wrapper{
      margin-bottom:15px;
    }
    .modal-box .close-forgot{padding-top:10px;}
    .modal-box .close-forgot button{
      padding: 6px 15px ;
    }
  }
  .itemSearch-2{
    width:100%;
  }
  .item-btn.btn-primary{
    background:#ff4646 !important;
  }
  .order-btn{
    text-transform:uppercase;
  }
  .order-btn:hover{
    color:#fff !important;
  }
  .defaultHeading.single__cat__header .searchSection{
    width:200px;
  }
  .defaultHeading.single__cat__header .search-box-2{
    width: 100%;
  }
  @media(max-width:600px){
    .defaultHeading.single__cat__header .searchSection{
      width: 100%; 
    }
    .homeSinglePackage{
      height:auto;
    }
    .media{
      align-items:start;
    }
    .media-body.space-md p{
      width: auto;
    }
  }
  .main-block .row.justify-content-center.browse{
    flex-wrap: wrap;
  }
  .single-listing-share2
  {
    display: block;
  }
  @media (max-width: 991px){
    .single-listing-share2
    {
      display: none!important;
    }
    a.restaurant-img
    {
      height: 100px!important
    }
    .main-block .browse.row.justify-content-center{
      overflow-x: auto;
      overflow-y: hidden;
      flex-wrap: nowrap;
      justify-content:start !important;
    }
    .main-block .browse::-webkit-scrollbar {
      display: none;
    }
    .main-block .browse {
      -ms-overflow-style: none;  /* IE and Edge */
      scrollbar-width: none;  /* Firefox */
    }
    .category-block{
      /*height:176px;*/
      padding: 10px;
    }
    .styled-heading
    {
      margin:0 0 5px!important;
    }

    .category-block h6
    {
      font-size: 10px!important;
    }
    .catTop
    {
      margin-bottom: 0!important;
      width:100%;
      flex: 0 0 80px;
    }
  }
    #rev .single-listing-summary2 .media{
    align-items: start;
  }
  .review-app .single-breadcrumb h3
  {
    padding: 1rem 0 10rem 0!important;
    font-weight: 700;
    text-transform: capitalize;
  }
  .text-body{
    word-break: break-all;
  }

  .contact-form-wrapper {
    /*padding: 100px 0;*/
  }
  .contact-form {
    padding:20px 15px;
    background-color: #ffffff;
    border-radius: 12px;
    /*max-width: 400px;*/
  }
  .contact-form textarea {
    resize: none;
  }
  .contact-form .form-input,
  .form-text-area {
    background-color: #f7f7f7;
    height: 50px;
    padding-left: 16px;
  }

  .contact-form .form-text-area {
    background-color: #f7f7f7;
    height: auto;
    padding-left: 16px;
  }

  .contact-form .form-control::placeholder {
    color: #aeb4b9;
    font-weight: 500;
    opacity: 1;
  }

  .contact-form .form-control:-ms-input-placeholder {
    color: #aeb4b9;
    font-weight: 500;
  }

  .contact-form .form-control::-ms-input-placeholder {
    color: #aeb4b9;
    font-weight: 500;
  }

  .contact-form .form-control:focus {
    /*border-color: #f33fb0;*/
    /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07), 0 0 8px #f33fb0;*/
  }

  .contact-form .title {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
  }

  .contact-form .description {
    color: #aeb4b9;
    font-size: 16px;
    text-align: center;
    margin-bottom: 10px;
  }

  .contact-form .submit-button-wrapper {
    text-align: center;
  }

  .contact-form .submit-button-wrapper input {
    border: none;
    border-radius: 4px;
    background-color: rgba(255,70,70,1);
    color: white;
    text-transform: uppercase;
    padding: 10px 60px;
    font-weight: 500;
    letter-spacing: 2px;
    margin-top: 5px;
    width: 100%;
  }

  .contact-form .submit-button-wrapper input:hover {
    background-color: #303030;
  }
  .submit-button-wrapper
  {

  } 





  .adsbanner .btn {
    display: inline-block;
    padding: 13px 20px;
    color: #fff;
    text-decoration: none;
    position: relative;
    background: transparent;
    /*  border: 1px solid #e1e1e1;*/
    font: 12px/1.2 "Oswald", sans-serif;
    letter-spacing: 0.4em;
    text-align: center;
    text-indent: 2px;
    text-transform: uppercase;
    transition: color 0.1s linear 0.05s;
  }
  .adsbanner .btn::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    /*  background: #e1e1e1;*/
    z-index: 1;
    opacity: 0;
    transition: height 0.2s ease, top 0.2s ease, opacity 0s linear 0.2s;
  }
  .adsbanner .btn::after {
    transition: border 0.1s linear 0.05s;
  }
  .adsbanner .btn .btn-inner {
    position: relative;
    z-index: 2;
  }
  .adsbanner .btn:hover {
    color: #373737;
    transition: color 0.1s linear 0s;
  }
  .adsbanner .btn:hover::before {
    top: 0;
    height: 100%;
    opacity: 1;
    transition: height 0.2s ease, top 0.2s ease, opacity 0s linear 0s;
  }
  .adsbanner .btn:hover::after {
    border-color: #373737;
    transition: border 0.1s linear 0s;
  }

  .adsbanner .slideshow {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 350px;
    z-index: 1;
  }
  .adsbanner .slideshow .slideshow-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .adsbanner .slideshow .slides {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .adsbanner .slideshow .slide {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .adsbanner .slideshow .slide.is-active {
    display: block;
  }
  .adsbanner .slideshow .slide.is-loaded {
    opacity: 1;
  }
  .adsbanner .slideshow .slide .caption {
    padding: 0 100px;
    width: 70%;
  }
  .adsbanner .slideshow .slide .image-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    z-index: 1;
    background-size: cover;
    image-rendering: optimizeQuality;
  }
  .adsbanner .slideshow .slide .image-container::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*  background: rgba(0, 0, 0, 0.5);*/
  }
  .adsbanner .slideshow .slide .image {
    width: 100%;
    width: 100%;
    object-fit: cover;
    height: 100%;
  }
  .adsbanner .slideshow .slide-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    color: #fff;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .adsbanner .slideshow .slide .title {
    /*  margin: 0 auto 15px;*/
    margin-bottom: 15px;
    max-width: 1000px;
    font: 300 38px/1.2 "Oswald", sans-serif;
    letter-spacing: 0.2em;
    text-transform: uppercase;
  }
  .adsbanner .slideshow .slide .text {
    /*  margin: 0 auto;*/
    max-width: 1000px;
    font-size: 18px;
    line-height: 1.4;
  }
  .adsbanner .slideshow .slide .btn {
    margin: 15px 0 0;
    /*  border-color: #fff;*/
  }
  .adsbanner .slideshow .slide .btn::before {
    /*  background: #fff;*/
  }
  .adsbanner .slideshow .pagination {
    position: absolute;
    bottom: 35px;
    left: 47%;
    width: 100%;
    height: 12px;
    cursor: default;
    z-index: 2;
    text-align: center;
  }
  .adsbanner .slideshow .pagination .item {
    display: inline-block;
    padding: 15px 5px;
    position: relative;
    width: 46px;
    height: 32px;
    cursor: pointer;
    text-indent: -999em;
    z-index: 1;
  }
  .adsbanner .slideshow .pagination .item + .page {
    margin-left: -2px;
  }
  .adsbanner .slideshow .pagination .item::before {
    content: "";
    display: block;
    position: absolute;
    top: 15px;
    left: 5px;
    width: 36px;
    height: 2px;
    background: rgba(255, 255, 255, 0.5);
    transition: background 0.2s ease;
  }
  .adsbanner .slideshow .pagination .item::after {
    width: 0;
    background: #fff;
    z-index: 2;
    transition: width 0.2s ease;
  }
  .adsbanner .slideshow .pagination .item:hover::before,.adsbanner .slideshow .pagination .item.is-active::before {
    background-color: #fff;
  }
  .adsbanner .slideshow .arrows .arrow {
    margin: -33px 0 0;
    padding: 20px;
    position: absolute;
    top: 50%;
    cursor: pointer;
    z-index: 3;
  }
  .adsbanner .slideshow .arrows .prev {
    left: 30px;
  }
  .adsbanner .slideshow .arrows .prev:hover .svg {
    left: -10px;
  }
  .adsbanner .slideshow .arrows .next {
    right: 30px;
  }
  .adsbanner .slideshow .arrows .next:hover .svg {
    left: 10px;
  }
  .adsbanner .slideshow .arrows .svg {
    position: relative;
    left: 0;
    width: 14px;
    height: 26px;
    fill: #fff;
    transition: left 0.2s ease;
  }

  #signin .modal-dialog
  {
    max-width:1000px;
  }

  #signin .container {
    display: grid;
    place-items: center;
    height: 100vh;
  }
  #signin button.close
  {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99999;
    background: #000;
    padding: 5px 10px;
    color: white;
    border-top-right-radius: 15px;
  }

  #signin .box {
    position: relative;
    display: flex;
    align-items: center;
    /*width: 90%;*/
    max-width:1000px;
    padding:220px 20px 20px;
    overflow: hidden;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
  }
  @media (min-width: 768px) {
    #signin .box {
      min-height: 400px;
      padding:  120px 20px;
    }
    #signin .box__toggle:checked + .box__image {
      left:500px;
    }
  }
  @media (max-width: 767px) {
    #signin .box__toggle:checked ~ .form--register {
      width: 100%;
      height: auto;
      opacity: 1;
    }
    #signin .box__toggle:checked ~ .form--login {
      width: 0;
      height: 0;
      opacity: 0;
    }
  }
  #signin .box__image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: 0 bottom;
    transition: 0.4s ease-in-out;
      border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
  }
  @media (min-width: 768px) {
    #signin .box__image {
      width: 500px;
      height: 100%;
      object-position: 0 0;
    }
  }

  #signin .form {
    width: 100%;
    overflow: hidden;
    text-align: left;
    transition: 0.3s;
  }
  @media (min-width: 768px) {
    #signin .form {
      width:500px;
      padding: 0 20px;
    }
  }
  #signin .form__title {
    margin-bottom: 20px;
    /*font-family: "Montserrat", sans-serif;*/
    font-size: 1.8rem;
    font-weight: 700;
  }
  #signin .form--login {
    opacity: 1;
    transition: opacity 0.5s ease;
  }
  #signin .form--register {
    width: 0;
    height: 0;
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  @media (min-width: 768px) {
    #signin .form--register {
      width:500px;
      height: auto;
      opacity: 1;
    }
  }
  #signin .form__helper {
    position: relative;
    margin-bottom: 15px;
  }
  #signin .form__helper:last-of-type {
    margin-bottom: 0;
  }
  #signin .form__label {
    position: absolute;
    bottom: 10px;
    left: 0;
    color: black;
    font-size:14px;
    transition: 0.3s;
  }
  #signin .form__input {
    position: relative;
    width: 100%;
    padding: 5px 0;
    color: black;
    background-color: transparent;
    border-width: 0;
    border-bottom: 1px solid black;
    outline: none;
    font-size: 16px;
  }
  #signin .form__input::placeholder {
    opacity: 0;
  }
  #signin .form__input:not(:placeholder-shown) + .form__label {
    bottom: 25px;
    color: #2E8E79;
    font-size: 14px;
  }
  #signin .form__input:focus {
    border-bottom-color: #2E8E79;
  }
  #signin .form__input:focus + .form__label {
    bottom: 25px;
    color: #2E8E79;
    font-size: 14px;
  }
  #signin .form__button {
    display: block;
    width: 100%;
    margin-top: 20px;
    padding: 10px;
    color: white;
    background-color: #2E8E79;
    border: 0;
    cursor: pointer;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  #signin .form__text {
    margin-top: 10px;
    font-size: 14px;
  }
  #signin .form__link {
    color: #2E8E79;
    cursor: pointer;
  }

  #about-section {
    padding: 2% 0 !important;
  }

  #about-section h3 {
    font-size: 30px;
    font-weight: 700;
  }
  #about-section .about-bullet h4 {
    font-size: 20px;
    font-weight: 500;
  }

  #about-section h6 {
    font-size: 16px;
  }

  #about-section p {
    font-size: 16px;
    line-height: 26px;
    color: #838383;
    font-weight: normal;
  }

  #about-section a {
    color: #ffde00;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }

  #about-section a:hover,
  #about-section a:focus,
  #about-section a:visited {
    text-decoration: none;
    outline: none;
    outline-offset: 0;
  }

  #about-section a:hover {
    color: rgba(227,30,36,1);
  }

  #about-section i {
    vertical-align: middle;
  }

  #about-section ul {
    padding: 0 !important;
  }

  #about-section li {
    list-style: none;
  }

  #about-section .color-base {
    color: rgba(227,30,36,1);
  }

  #about-section .bg-one-dark {
    background: #043f3a !important;
  }

  #about-section .p-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  #about-section .mt-50 {
    margin-top: 50px;
  }

  #about-section .btn {
    text-transform: uppercase;
  }

  #about-section .btn:focus {
    box-shadow: none;
  }

  #about-section .btn:hover {
    color: #fff;
  }

  #about-section .btn-medium {
    background: transparent;
    color: rgba(227,30,36,1);
    font-weight: 600;
    font-size: 16px;
    padding: 14px 45px;
    border-radius: 4px;
    border: 1px solid rgba(227,30,36,1);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }

  #about-section .btn-medium:hover {
    background: rgba(227,30,36,1);
    color: #222;
    -webkit-box-shadow: 0 20px 35px rgba(0, 0, 0, 0.1);
    box-shadow: 0 20px 35px rgba(0, 0, 0, 0.1);
    transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
  }

  #about-section .btn-fill {
    background: rgba(227,30,36,1) !important;
    color: #fff !important;
  }

  #about-section .btn-fill:hover {
    background: #ffb400;
    border-color: #ffb400;
  }

  #about-section .about-info {
    border: 2px solid rgba(255, 255, 255, 0.2);
  }

  #about-section img {
    position: relative;
    z-index: 1;
  }

  #about-section .inline-social ul li {
    display: inline-block;
    margin-right: 10px;
  }

  #about-section .bullet-check li {
    position: relative;
    padding-left: 30px;
    padding-bottom: 10px;
    color: #838383;
  }

  #about-section .bullet-check li:last-child {
    padding-bottom: 0;
  }

  #about-section .bullet-check li:before {
    position: absolute;
    content: "\f00c";
    font-family:  "Font Awesome 5 Free"; 
    font-weight: 900;
    font-size: 15px;
    left: 0;
    color: #150f91;
  }

  /*! responsive */
  @media (max-width: 480px) {
    #about-section .about-info-wrap {
      padding: 10px !important;
      margin-top: 30px;
    }

    #about-section .about-info {
      padding: 30px !important;
    }
  }

  @media (max-width: 767px) {
    #about-section h2 {
      font-size: 32px;
    }

    #about-section .wrap-button img {
      margin-top: 20px;
    }

    #about-section .about-info-wrap {
      padding: 10px !important;
      margin-top: 30px;
    }

    #about-section .about-info {
      padding: 30px !important;
    }
  }

  @media (min-width: 768px) and (max-width: 991px) {
    #about-section h2 {
      font-size: 30px;
    }

    #about-section .wrap-button img {
      margin-top: 20px;
    }

    #about-section .about-bullet {
      max-width: 100%;
      flex: 100%;
    }

    #about-section .about-info-wrap {
      padding: 10px !important;
      margin-top: 30px;
    }

    #about-section .about-info {
      padding: 30px !important;
    }
  }

  @media (min-width: 992px) and (max-width: 1199px) {
    #about-section .about-bullet {
      max-width: 100%;
      flex: 100%;
    }
  }

  .img-box6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*margin-left: -100px;*/
  }

  .img-box6 .img1 {
    margin-right: -200px;
    -webkit-animation: movingX 8s linear infinite;
    animation: movingX 8s linear infinite;
    z-index:1;
    padding: 5px;
  }

/*.img-box6 .img1 img {
padding-left: 5px;
}*/

.service-grid {
  background: #fcfcfc;
  padding: 5% 0 !important
}

.service-title h4 {
  position: relative;
  display: inline-block;
}

.service-icon {
  position: relative;
}

.service-title p {
  padding: 0 190px;
  margin-bottom: 10px;
}

.about-info-text h2 {
  margin-bottom: 23px;
  text-transform: capitalize;
  font-weight: 700;
  line-height: 0.9;
}

.about-info-text p {
  padding: 0 100px;
  font-size: 18px;
  margin-bottom: 26px;
  position: relative;
}

.about-content p {
  margin-bottom: 0;
}

.about-info-text a {
  margin-bottom: 20px;
  position: relative;
}

.service-icon i {
  font-size: 40px;
  color: rgba(227,30,36,1);
  margin-bottom: 20px;
  display: inline-block;
}

.service-wrap {
  border: 1px solid #e6e6e6;
  padding: 50px 30px;
  position: relative;
}

.service-wrap p {
  position: relative;
}

.service-wrap:hover {
  background-image: url(https://quickqrscan.com/assets/frontend/images/sl2.webp);
  mix-blend-mode: darken;
  background-size: cover;
  background-position: center center;
  background-attachment: local;
  transition: all 0.5s;
}

.service-wrap:hover:before {
  background: rgba(0, 0, 0, 0.2901960784313726);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0px;
  content: "";
  top: 0;
  opacity: 1;
}

.service-wrap:hover h4,
.service-wrap:hover p {
  color: #fff;
}

.service-wrap h4 {
  font-weight: 600;
  color: #1e2331;
  margin-bottom: 17px;
  font-size: 18px;
  text-transform: capitalize;
  position: relative;
}

.service-wrap a {
  font-size: 14px;
  font-weight: 600;
  position: relative;
}

@keyframes movingX {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
#about-us section.user_home_banner{
  display: none;
}
.single-breadcrumb{
  background-image: linear-gradient(rgba(26 24 22 / 20%), rgba(26 24 22 / 40%)), url(/uploads/abt.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
}
.single-breadcrumb h3{
  font-size: 42px;
  padding: 91px 0;
  color: #fff;
  text-align: center;
}
section#contacts{
  margin:48px 0 30px;
}
.packageSection.mt-20{
  min-height: 100vh;
}
@media (max-width:539px){
  .single-breadcrumb h3 {
    font-size: 31px;
    padding: 46px 0;
  }
  .bottom_down h4{
    font-size: 17px;
  }
}
.item-btn.next button{
  display:none;
}
html{
  scroll-behavior: smooth;
}
#enquire{
  scroll-margin-top: 85px;
}
#navbarNavDropdown .container-fluid {
  padding-right: 0;
}
@media (max-width:599px){
  .img-cat {
    width: 50px;
    height: 50px;
    margin: 0 auto;
  }
  .category-block {
    height: auto; 
    padding: 0; 
    margin-bottom: 0;
    border: 0;
  }
}
@media (min-width:1500px){
  .img-cat {
    width: 220px;
    height: 120px;}
  }
  .slide-container .prev,
  .slide-container .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    transition: all 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
  }

  .slide-container .prev:hover,
  .slide-container .next:hover {
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
  }

  .slide-container .prev {
    left: 2px;
  }

  .slide-container .next {
    right: 2px;
  }

  .dots-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
/*    max-width: 1000px;*/
    margin-top: -43px;
    position: relative;
  }

  .dots-container .dot {
    cursor: pointer;
    margin: 5px;
    width: 12px;
    height: 12px;
    color: #333;
    border-radius: 50%;
    background-color: #f7ece3;
  }

  .dots-container .dot.active {
    border: 2px solid rgba(227,30,36,1);
  }



  .slide-container {
    display: flex;
    justify-content: center;
    align-items: center;
    /*  max-width: 1000px;*/
    position: relative;
  }

  .slide-container .slide {
    display: none;
    width: 100%;

  }

  .slide-container .slide.fade {
    animation: fade 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
    height: 381px;
  }

  .slide-container .slide img {
    width: 100%;
    border-radius: 8px;
  }
  .slide-container .fade:not(.show){
    opacity: 1 !important;
  }
  .wid-part {
    margin-bottom: 30px;
    height: 182px;
    width: 100%;
  }
  .wid-part img{
    /*  object-fit: contain;*/
    border-radius: 8px;
  }
  @media (max-width:599px){
    .slide-container .slide.fade{
      height: auto;
    }
  }
  #ad-slider{
    margin-top: 106px;
/*    margin-bottom: 34px;*/
  }
  .Social-media{
    display: flex;
    margin: 10px 0;
    /*  justify-content: center;*/
  }
  .Social-media a{
    display: flex;
    background: #fff;
    height: 34px;
    width: 34px;
    margin: 0 12px;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow: 6px 6px 10px -1px rgb(117 123 128 / 17%), -6px -6px 10px -1px rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(0, 124, 196, 0);
    transition: transform 0.5s
  }
  .Social-media a:first-child{
    margin-left: 0;
  }
  .Social-media a i{

    /*  color:#777;*/
    transition: transform 0.5s;
  }
  .Social-media a:hover{
    box-shadow:inset 4px 4px 6px -2px rgba(0,0,0,0.2),
    inset -4px -4px 6px -1px rgba(255,255,255,0.7),
    -0.5px -0.5px 0px -1px rgba(255,255,255,1),
    0.5px 0.5px 0px rgba(0,0,0,0.15),
    0px 12px 10px -10px rgba(0,0,0,0.05);
    border: 1px solid rgba(0, 124, 196, 0.1);
    transform: translateY(2px);
  }
  .Social-media a:hover i{
    transform: scale(0.90);
  }
  .Social-media a:hover .fa-facebook{
    color: #3b5998;
  }
  .Social-media a:hover .fa-twitter{
    color: #00acee;
  }
  .Social-media a:hover .fa-whatsapp{
    color: #4fce5d;
  }
  .Social-media a:hover .fa-instagram{
    color: #f14843;
  }
  .Social-media a:hover .fa-youtube{
    color: #f00;
  }
  @media(max-width:599px){
    .Social-media a{
      height: 34px;
      width: 34px;
    }
  }
  .social-img {
    width: 38px;
    margin: 0 10px 15px;
    /*    box-shadow: 6px 6px 10px -1px rgb(117 123 128 / 17%), -6px -6px 10px -1px rgba(255, 255, 255, 0.7);*/
    border-radius: 50%;
  }
  .social-btns{
    display: flex;
    justify-content: center; 
    flex-wrap: wrap;
    align-items: center;
  }
  .social-btns a {
    width: 21%;
    display: inline-block;
  }
  .single-listing-summary2 .row{
    align-items: center;
  }
  .ribbon-wrapper {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    left: -3px;
  }
  .ribbon-wrapper .ribbon {
    font: bold 15px sans-serif;
    color: #333;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    position: relative;
    /*  padding: 7px 0;*/
    top: 15px;
    left: -38px;
    width: 120px;
    /*  background-color: #ebb134;*/
    background-color: #4cdd5b;
    box-shadow: -1px 2px 3px rgba(0, 0, 0, .2);
    color: #fff;
  }
  @media (max-width:599px){
    .badge{
      padding: 3px 6px;
    }
    .social-btns{
      justify-content: center;
      margin-top: 16px;
    }
    .social-img {
      width: 36px;
      margin: 0 10px 15px;
    }
    .social-btns a {
      width: 21%;}
      .ribbon-wrapper .ribbon{
        font: bold 12px sans-serif;
        top: 9px;
        left: -44px;
      }
      .single-listing-summary2 .media figure{
        width: 25% !important;
      }
      .wid-part{
        margin-bottom: 20px;
        height: auto; 
        width: 100%;
        margin-top: 20px;
      }
      .loc i{
/*        display: none;*/
        font-size: 12px;
      }
    }
    .rightSearch .form-control.first{
      border-radius: 4px;
      border-top-right-radius: 0;
      border-bottom-right-radius:0;
      width:580px;
    }
    .user_right_btn_area .c_btn{
      border-radius: 4px;
      border-top-left-radius:0;
      border-bottom-left-radius:0;
    }
    .rightSearch input[type=text], .rightSearch .form-control{
      padding: 2px 15px 8px;
    }
    #rev h6, .new-heading{
      text-align: center;
      margin-bottom: 20px;
      font-size: 18px;
    }

    @media (max-width:991px){
      .d-flex.justify-content-center.w-100{
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between !important;
        padding: 5px 16px;
      }
      .styled-heading h3
      {
        padding: 0 0 10px!important;
        font-size: 16px!important;
      }
      #ad-slider {
        margin-top: 50px;
        margin-bottom: 15px;
      }
    }
    .navbar-brand {
      /*max-width: 125px;*/
    }
    @media (max-width:500px){
      .bottom-icons i{
        display: none;
      }
      .featured-title-box{
        padding: 12px 16px 14px;
      }
      .featured-title-box h6{
        width: auto;
      }
      .featured-title-box ul li{
        margin-bottom: 4px;
        font-size: 12px;
      }
      .featured-title-box ul{
        margin-top: 0;
      }
      .username {
        font-size: 14px !important;}
        .open-now a, .menu-btn a{
          padding: 2px 10px;
          font-size: 12px;

        }
        .styled-heading h3{
          padding: 0 0 15px;
          font-size: 21px;
        }
      }
      .logopart {
        width: 110px;
        height: 110px;
        border-radius: 50%;
        margin: -50px auto 0;
        border: 1px solid #ddd;
        text-align: center;
      }
      .logopart img {
        height: 100%;
        width: 100%;
        object-fit: contain;
      }
      #rev{
        /*background: #f3f4f7;*/
        /*max-height: 75vh*/
        min-height: 70vh
      }
      .first-part {
        max-width: 90%;
        margin: auto 0;
        text-align: center;
      }
      #rev .social-img span{
        display: none;
      }
      #rev .media-part{
        display: flex;
        flex-direction: column;
      }
      .media-btn i{
        margin-right: 7px;
      }

      #rev .btn.media-btn{
        padding: .375rem .75rem;
      }
      #rev .single-listing-summary2 .media .media-body .item-title{
        color: #303030;
      }
      #rev .single-listing-summary2 .entry-meta-rating li span{
        color: #303030;
      }
      /*@media (max-width:599px){*/
        #rev .single-listing-summary2 .media figure {
          width: 100px !important;
          /*    border: 1px solid #f2f2f2;*/
          border-radius: 50%;
          position: relative;
          z-index: 90;
          padding: 8px;
          margin: -60px auto 15px;
          background: #ddd;
          display: block !important;
          height: 100px;

            box-shadow: 0px 0px 0px #d6d6d6, 0px 0px 10px #bebebe;
          /*border: 1px solid #626262;*/
        }
        .navbar-brand img{
          /*object-fit: contain; */
        }
        #rev .media-btn i {
          margin-right: 2px;}
          #rev .single-listing-summary2 .media {
            display: block !important;
            width: 100%;
            padding: 0 7px;
          }
          #rev .entry-meta-rating{
            margin-bottom: 0;
          }
          #rev .single-listing-summary2 .media{
            align-items: start;
          }
          #rev .social-img {
            
            width: 60px;
            height: 60px;
            margin: 0 auto;
            margin-top: -50px;
            background: #fff;
            border-radius: 15px;
          }
          #rev .social-img img
                    {
                      width: 100%;
                      object-fit: contain;
                    }
          #rev .social-btns a {
            width: 32%;
            text-align: center;
          }
          #breadcrumb-line.single-breadcrumb h3 {
            font-size: 18px;
            padding: 90px 0;
          }

          #rev .single-listing-summary2 .media .media-body{
            width: 100% !important;
            text-align: center;
          }
          #rev .single-listing-summary2 .entry-meta-rating{
            justify-content: center;
          }
          #rev .single-listing-summary-wrap2{
            background: #f2f2f2;
          }
          #rev h6, .new-heading{
            margin-top: 15px;
            font-size: 16px;
            margin-bottom: 10px;
          }
          #rev .single-listing-summary2 {
            margin-bottom: 0;
            background: #fff;
            border-radius: 12px;
            margin-top: -6rem;
          }
          #rev .media img{
            object-fit: contain;
          }
          .single-listing-box-layout1 .listing-details-review ul.review-items > li .media .media-body .entry-meta li a i{
            font-size: 12px;
          }
          #rev .social-img span{
            font-size: 11px;
            display: inline-block;
            color: #fff;
            max-width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            color: #303030;
            margin:3px 0;
          }
          #rev .media-part{
            display: flex;
            flex-direction: row;
            justify-content: center;
            margin-bottom: 20px;
            gap:8px;
          }
          #rev .btn.media-btn{
            padding: 7px;  
          }
          .navbar-brand {
            /*max-width: 95px;*/
          }
          /*}*/
          #rev .single-listing-summary2 .entry-meta-rating{
            margin-bottom: 0;
          }

          #rev .single-listing-summary2 {
            background: #fff;
            color: #303030;
            /*border: 2px solid #8080807d;*/
            box-shadow: 0px 0px 0px #d6d6d6, 5px 5px 20px #bebebe;
          }
          .navbar-brand img{
            /*object-fit: contain;*/
          }
          @media (max-width:991px){
            .home_page_navbar .navbar-brand{
              max-width: 73px;
            }
          }
          @media (min-width:768px) and (max-width:1024px)
          {
            .slide-container .slide.fade{
              height: 263px;
            }
            .grid-part {
              height: 200px;
            }
              .wid-part {
                height: 113px;
              }
                .main-block .row{
                  justify-content: center;
                }
                .main-block .browse{
                  justify-content: center;
                }
              }
              #menu-page{
                min-height: 100vh;
              }
              .img-logo {
                /* height: 120px; */
                width: 120px;
                margin-right: 20px;
              }
              .media-btn i
              {
                color: #fff;
              }
              #rev .media-btn.btn{
                background-color: #181924;
                color:#fff;
                transition: all .3s ease-in-out;
              }
              #rev .media-btn1.btn {
                  background-color: #d8d8d8;
                  /*border: .5px solid grey;*/
                  color: #303030;
                  transition: all .3s ease-in-out;
              }
              #rev .modal-cont{
                background-color: rgba(0, 0, 0, .75);
              }
              .login-form .input-group{
                margin: 0 0 15px;

              }
              .login-form .input {
                width: 100%;
                border: 1.5px solid #9e9e9e;
                border-radius: 5px;
                background: 0 0;
                padding: 12px 16px;
                font-size: 14px;
                color: #222;
                transition: border 150ms cubic-bezier(.4, 0, .2, 1);
              }
              .login-form .user-label {
                position: absolute;
                left: 15px;
                color: grey;
                pointer-events: none;
                font-family: var(--font-family);
                transition: 150ms cubic-bezier(.4, 0, .2, 1);
                top: 50%;
                transform: translateY(-50%);
                line-height: normal;
              }
              .connect-button button {
                width: 100%;
                padding: 5%;
                margin: 4% 0;
                border-radius: 20px;
                border: none;
                background-color: #000;
                color: #fff;
                cursor: pointer;
              }
              div#contact-user{
                margin-top: 5px;
              }
              div#contact-user p.address i{
                font-size: 18px;
              }
              div#contact-user .home_social.list.style_1 ul li a{
                color: #333;
                padding: 10px 0;
                margin-right: 15px;
                padding-right: 8px;
                font-size: 14px;
                font-weight: 400;
              }
              @media (min-width:600px){
                .container-app{
                  max-width: 400px;
                  margin: 0 auto;
                }
              }
              #rev .single-listing-summary-wrap2 .container-fluid{
                padding-right: 15px;
                padding-left: 15px;
              }
              #rev .media-body.space-md{
                margin-left: 0;
              }
              #rev .single-listing-summary-wrap2 {
                padding: 0 !important;
                margin-bottom: 0 !important;
              }
              #rev .single-listing-summary2 .media .media-body .item-title {
                font-size: 20px;
              }
              #rev .media-body.space-md p {
                width: auto;
              }
              #rev .btn {
                font-size: .75rem !important;
              }
              #rev .media-body p {
                font-size: 12px !important;
              }
              main.review-app {
                background: #373a49;
              }
              @media (max-width:599px)
              {
                .footer_bottom{
                  margin-bottom: 52px;
                  display: none;
                }
                .single-listing-box-layout1 .listing-details-review ul.review-items > li .media .media-body .entry-meta li a i{
                  width: 20px;
                  height: 20px;
                  line-height: 20px;
                }
                .navbar-brand img{
                  object-fit: contain;
                }
                p.address a{
                  font-size:12px;
                  line-height: 14px;
                }
                .address{
                  padding-top: 0;
                }
                .home_social.list.style_1 ul{
                  justify-content: start;
                }
                div#contact-user .home_social.list.style_1 ul li a{
                  color: #000;
                  padding: 4px 0;
                  margin-right: 1px;
                  padding-right: 3px;
                  font-size: 13px;
                  font-weight: 400;
                }
                .home_social.list.style_1 ul li a i {
                  font-size: 14px;
                  padding: 2px 4px;
                  border-radius: 4px;
                  margin-right: 1px;
                }
                div#contact-user p.address i{
                  color: var(--defaultColor) !important;
                  font-size: 14px;
                  font-weight: 900;
                }
                .single-listing-summary2 .media{
                  align-items: start;
                }
                .row.gutters-15.grp-btn{
                 /* width: auto;
                  margin: 0;*/
                  width: 100%;
        display: block;
        text-transform: uppercase;
        margin:0 auto;
                }
                .grp-btn .item-btn{
                  font-size: 12px;
                  margin-top: 7px;
                  font-weight: 600;
                  padding: 2px 4px;
                }
                .row.gutters-15.grp-btn .col-auto{
                  padding: 3px;
                }
                .grp-btn .item-btn i{
                  display: none;
                }
                .address{
                  padding-top: 0;
                }
                div#contact-user{
                  margin-top: 0;
                }

              }
              #packg .defaultHeading, #special .defaultHeading{
                padding: 3% 0 0% 0;
              }
              @media(min-width:1500px){
                main.review-app{
                  min-height: 100vh;
                }
              }
              @media(max-width:991px){
                .single-listing-share2 .row{
                  justify-content: center;
                  margin:15px 0;
                }
                .qrCode1 img{
                  width: 130px;
                }
              }
              @media (max-width:599px){
                #browse-cat  .row.browse {
                  overflow-x: auto;
                  overflow-y: hidden;
                }
              }
              .grid-part {
                height: 378px;
                border-radius: 8px;
                width: 100%;
                display: inline-block;
              }
              .grid-part img{
                border-radius: 8px;
              }
              @media (max-width:599px){
                .grid-part{
                  display: none;
                }
                .qr_area{
                  display: none!important;
                }
              }
              @media (min-width:768px) and (max-width:1300px){
                .featured-title-box .col-md-3{
                  padding-right: 0;
                }
                .featured-title-box .col-md-9{
                  padding-left: 23px;
                }
                .grid-part{
                  height: 200px;}
                }
                @media (min-width:992px) and (max-width:1499px){
                  .wid-part{
                    height: 138px;
                  }
                  .slide-container .slide.fade, .grid-part
                  {
                    height: 311px;
                  }
                  .adsbanner .slideshow{
                    height: 278px;
                  }
                  #food-slider .slide-container .slide.fade, #food-slider .grid-part{
                    height: 335px;
                  }
                }
                @media (min-width:992px) and (max-width:1024px){
                  .d-flex.justify-content-center.w-100 {
                    flex-wrap: wrap;
                    -ms-flex-align: center;
                    align-items: center;
                    -ms-flex-pack: justify;
                    justify-content: space-between !important;
                    padding: 5px 16px;
                  }
                  .img-cat {
                    width: 108px;
                    height: 108px;
                  }
                  .slide-container .slide.fade, .grid-part {
                    height: 225px;
                  }
                  .featured-rating-green {
                    width: 40px !important;
                    height: 40px !important;
                    margin: -40px 10px 0 0 !important;
                  }
                  .featured-title-box .col-md-9{
                    flex: 100%;
                    max-width: 98%;
                  }
                  .qr_area{
                    display: none;
                  }
                  .menu-btn i, .open-now i{
                    display: none;
                  }
                }
                @media(min-width:1500px){
                  .adsbanner .slideshow{
                    height: 350px;
                  }
                  .slide-container .slide{
                    height: 394px;
                  }
                  .wid-part{
                    height: 182px;
                  }
                  #food-slider .slide-container .slide.fade, #food-slider .grid-part{
                    height: 385px;
                  }
                }
                @media (min-width: 1600px) {
                  .restaurant-container {
                    max-width: 1500px;
                  }
                }
                #category-div.carousel{
                  width:100%;
                  margin:0px auto;
                }
                #category-div.carousel .slick-slide{
                  margin:10px;
                }
                #category-div.carousel .slick-slide img{
                  width:100%;
                }
                #category-div.carousel .slick-prev, #category-div.carousel .slick-next{
                  background: #000;
                  border-radius: 15px;
                  border-color: transparent;
                  display: none !important;
                }
                #category-div.carousel .card{
                  border: 2px solid #fff;
                  /*  box-shadow: 1px 1px 15px #ccc;*/
                }
                #category-div.carousel .card-body{
                  background: #fff;
                  width: 100%;
                  vertical-align: top;
                }
                #category-div.carousel .card-content{
                  text-align: left;
                  color: #333;
                  padding: 15px;
                }
                #category-div.carousel .card-text{
                  font-size: 14px;
                  font-weight: 300;
                }

                .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
                  color: #fff !important;
                  outline: 0;
                  background: rgba(227,30,36,1) !important;
                }
                #category-div.carousel .slick-prev:before, #category-div.carousel .slick-next:before{
                  opacity: 1 !important;
                }
                .slick-dots li.slick-active button:before {
                  opacity: .75;
                  color: rgba(227,30,36,1) !important;
                }
                #browse-cat .styled-heading{
                  margin-bottom: 15px;
                }
                @media (max-width:599px){
                  #category-div.carousel{
                    width:100%;
                  }
                  .slick-slider{
                    margin-bottom: 0;
                  }
                  #browse-cat .styled-heading{
                    margin-bottom: 15px;
                  }
                }
                /* label container */
                .radio-button-container {
                  color: #4b566b;
                  position: relative;
                  padding-left: 30px;
                  line-height: 16px;
                  margin-bottom: 12px;
                  margin-top: 12px;
                  margin-left: 9px;
                  cursor: pointer;
                  font-size: 16px;
                  margin-right: 9px;
                  -webkit-user-select: none;
                  -moz-user-select: none;
                  -ms-user-select: none;
                  user-select: none;

                }

                /* Hide the browser's default radio button */
                .radio-button-container input {
                  position: absolute;
                  opacity: 0;
                  cursor: pointer;
                }

                /* Create a custom radio button */
                .checkmark {
                  position: absolute;
                  top: 0;
                  left: 0;
                  height: 18px;
                  width: 18px;
                  background-color: rgba(0,0,0,0);
                  border-radius: 50%;
                  border: 2px solid rgba(0,0,0,0.25);
                  transition: all 0.3s;
                }

                /* On mouse-over, add a grey background color */
                .radio-button-container:hover input ~ .checkmark {
                  border-color: rgba(0,0,0,0.5);
                }

                /* When the radio button is checked */
                .radio-button-container input:checked ~ .checkmark {
                  background-color: rgba(0,0,0,0);
                  border-color: teal;
                }


                /* Create the indicator (the dot/circle - hidden when not checked) */
                .checkmark:after {
                  content: "";
                  position: absolute;
                  display: none;
                }

                /* Show the indicator (dot/circle) when checked */
                .radio-button-container input:checked ~ .checkmark:after {
                  display: block;
                }

                /* Style the indicator (dot/circle) */
                .radio-button-container .checkmark:after {
                  top: 2px;
                  left: 2px;
                  width: 10px;
                  height: 10px;
                  border-radius: 50%;
                  background: teal;
                }
                .choosy-button {
                  text-align: left;
                  margin-bottom: 11px;
                  text-transform:capitalize;
                  margin:0 auto; 
                }
                @media (max-width:599px){
                  .radio-button-container{
                    padding-left: 24px;
                    line-height: 16px;
                    margin-bottom: 12px;
                    margin-left: 14px;
                    cursor: pointer;
                    font-size: 14px;

                  }
                  .choosy-button{
                    margin-bottom: 0;
                    margin-left:2px;
                  }
                  #menu-page .search-box-2{
                    padding: 5px;
                    border-radius: 5px;
                    height: 39px;
                  }
                  #packg .defaultHeading, #special .defaultHeading, #menu-page .defaultHeading{
                    /*margin-top: 41px;*/
                    /*text-align: center;*/
                  }
                  .item-user .item-user-icons a{
                    width: 1.5rem;
                    height: 1.5rem;
                    line-height: 1.5rem;
                    margin-right: 10px;
                    font-size: 14px;
                  }
                  .item-user{
                    padding: 1px !important;
                  }
                }
                .slick-list.draggable{
                  padding: 0px !important;
                }
                .radio-button-container input#Red:checked ~ .checkmark{
                  border-color:#FF0000;
                }
                .radio-button-container input#Green:checked ~ .checkmark{
                  border-color:#4CAF50;
                }
                .radio-button-container #Red + .checkmark:after{
                  background-color:#FF0000;
                }
                .radio-button-container #Green + .checkmark:after{
                  background-color:#4CAF50;
                }
                .total_sum {
                  margin-right: 5px;
                  background: #fff;
                  padding: 5px 15px;
                  border-radius: 5px;
                  /* width: 49.111%; */
                  margin-bottom: 10px;
                  box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%);
                }
                .total_sum p{
                      margin-bottom: 10px;
                      font-size: 16px;
                      text-transform: capitalize;
                      font-weight: 600;
                }
                .bounce2 {
                  animation: bounce2 2s ease infinite;
                }
                @keyframes bounce2 {
                  0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
                  40% {transform: translateY(-30px);}
                  60% {transform: translateY(-15px);}
                }
                table.order-info {
                  border-collapse: collapse;
                  width: 100%;
                }

                .order-info th, .order-info td {
                  text-align: left;
                  padding: 8px;
                }
                .order-info td{
                  font-weight: 500;
                }
                .details-custom h4{
                  text-align: center;
                  margin: 10px 0;
                }
                .details-custom h5{
                  margin: 27px 0;
                  text-align: center;
                }
                .order-info tr:nth-child(odd) {background-color: #f2f2f2;}
                @media(max-width:767px){
                  /*.bounce2 {
                    animation: none;
                  }*/
                  .UserMobileMenu .cartFloatingIcon{
                    position: absolute;
        bottom: -21px;
                  }
                  .UserMobileMenu span.total_count{
                    right: 7px;
                  }
                }
                button.item-btn.btn-primary {
                  width: auto;
                  color: #fff;
                }
                .modal-info .canceld{
                  margin-top: 10px;
                }
                .modal-info .radio-button-container{
                  margin-bottom: 0px;
                  margin-left: 0px;
                  margin-right: 6px;
                  display: inline-block;
                  font-weight: 500;
                  padding-left: 22px;
                  line-height: 12px;

                }
                .modal-info .choosy-button{
                  text-align: left;
                  margin-bottom: 0;
                }
                .modal-info .checkmark{
                  border: 2px solid lch(84.58 3.93 251.39 / 0.6);
                  height: 15px;
                  width: 15px;
                }
                .modal-info .modal-box{
                  width: 40%;
                }
                .modal-info .radio-button-container .checkmark:after {
                  top: 2px;
                  left: 2px;
                  width: 7px;
                  height: 7px;
                  border-radius: 50%;
                }
/*.select-menu {
max-width: 330px;
margin: 50px auto;
}*/
.select-menu .select-btn {
  display: flex;
  /*    height: 43px;*/
  background: #fff;
  padding: 8px;
  font-size: 15px;
  font-weight: 400;
  border-radius:0.25rem;
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
  /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); */
  border: 1px solid #ced4da;
}
.select-menu .options {
  position: absolute;
  width: 94%;
  overflow-y: auto;
  max-height: 110px;
  padding: 4px;
  margin-top: 10px;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-duration: 0.35s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.35s;
  -webkit-animation-fill-mode: both;
}
.select-menu .options .option {
  display: flex;
  height: 33px;
  cursor: pointer;
  padding: 0 16px;
  border-radius: 8px;
  align-items: center;
  background: #fff;
  font-weight: 500;
}
.select-menu .options .option:hover {
  background: #f2f2f2;
}
.select-menu .options .option i {
  font-size: 25px;
  margin-right: 12px;
}
.select-menu .options .option .option-text {
  font-size: 15px;
  color: #333;
}

.select-btn i {
  font-size: 13px;
  transition: 0.3s;
}

.select-menu.active .select-btn i {
  transform: rotate(-180deg);
}
.select-menu.active .options {
  display: block;
  opacity: 0;
  z-index: 10;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
  animation-duration: 0.4s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
}

@keyframes fadeInUp {
  from {
    transform: translate3d(0, 30px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInDown {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(0, 20px, 0);
    opacity: 0;
  }
}
.modal-info .defaultHeading h1, .modal-enquire .defaultHeading h1{
  text-transform: capitalize;
  font-size: 20px;
  margin-left: 15px;
}
.modal-info .modal-box, .modal-enquire .modal-box{
  overflow: hidden;
}
@media (max-width599px){
  .modal-info .modal-box, .modal-enquire .modal-box{
    width: 90%;
  }
  .modal-info .modal-box .form-group, .modal-enquire .modal-box .form-group{
    margin-bottom: 6px !important;
  }
  .modal-info .modal-box label, .modal-enquire .modal-box label{
    margin-bottom: 3px;
  }
  .modal-info .defaultHeading h1, .modal-enquire .defaultHeading h1{
    font-size: 15px;
  }
}
.details-custom h6{
  /*font-weight: 600;
  font-size: 20px;
  line-height: 22px;
  margin-bottom: 15px;
  color: #777;*/
}
.details-custom h4 {
  text-align: center;
  margin: 27px 0 12px;
  text-transform: uppercase;
  font-weight: 600;
}
.details-custom h5{
  margin: 10px 0 7px;
  text-align: center;
}
@media (max-width:599px){
  .order_page{
    text-align: center;
  }
  .modal-info .modal-box {
    width: 90%;
  }
}
.slick-slider{
  margin-bottom: 0 !important;
}
a.restaurant-img
{
  height:150px;
  display: block;
  overflow: hidden;
}
a.restaurant-img img
{
  object-fit: cover!important;
}
#food-slider{
  margin: 36px auto 22px;
}
section#browse-cat {
  padding: 40px 0;
}
@media (max-width:599px){
  #food-slider .grid-part {
    height: auto;
    border-radius: 8px;
    width: 100%;
/*    display: inline-block;*/
    margin: 10px 0 0;
}
/*.bottom-icons{
  display: none;
}*/

.navbar-collapse{
/*  background: #f1f4f7;*/
    margin: 10px 0;
    padding: 7px;
}
.home_page_navbar nav li a{
  padding: 6px 10px !important;
}
#food-slider .col-md-3.col-3 {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
#food-slider {
  margin: 15px 0;
}
.row.grid-layout{
  padding-right: 11px;
    padding-left: 11px;
}
.grid-part img {
  border-radius: 8px;
  object-fit: cover;
  object-position: center;
}
.main-block.light-bg .styled-heading h3{
  margin-bottom: 16px;
}
.single-listing-summary2 .media figure{
  margin-bottom: 0;
}
}
.details-custom input[type=text], .details-custom input[type=password]{
  margin-bottom: 11px;
}
.details-option {
/*    margin: 7px;*/
    background: #fff;
    padding: 16px 15px 6px;
    border-radius: 5px;
    margin-bottom: 7px;
}
.details-option h3{
  margin: 3px 0 14px;
}
.order_page.orderInfoArea{
  /*display: none;*/
}
.details-option .form-group{
  margin-bottom: 10px;
}
.total_sum_area .confirm_btn{
  width: 100%;
}
#order-page{
  margin: 25px 0;
}
 .successMsg{
    width: 100%;
  }
  #order-page .successMsgArea.single__page__order{
    min-height: auto;
  }
  .confirmMsgArea h4{
    text-align: center;
    margin: 27px 0 12px;
  }
#order-page .successMsgArea.single__page__order{
  justify-content: start;
}
.userMenu .container-fluid{
    padding-right: 25px;
    padding-left: 25px;
  }
@media (max-width:599px){
  .successMsgArea.single__page__order{
    justify-content: center;
  }
  #order-page .col-md-12.total_sum_area{
    padding-bottom: 0;
  }
  .userMenu .container-fluid{
    padding-right: 2px;
    padding-left: 2px;
  }

}
.dropdown-item{
  white-space: wrap;
}
.navbar .restaurant-container{
  display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.custom-col {
    box-shadow: rgba(28, 28, 28, 0.08) 0px 2px 8px;
}
@media (min-width: 1600px){
  .style_2 i.fa.fa-circle.veg_type{
    line-height: 15px;
  }
}
li.signin, li.log-in{
  background: rgba(84, 91, 98, .8);
    color: #fff;
    transition: all 0.3s;
     border: 1px solid;
    border-color: #fff;
   border-radius: 5px;
}
li.signin:hover, li.log-in:hover{
  background: rgba(227,30,36,1);
  color: #fff;
  border: 1px solid rgba(227,30,36,1);

}
li.signin a, li.log-in a{
  color: #fff;
  text-transform: uppercase;
    letter-spacing: 2px;
}
li.signin:hover a, li.log-in:hover a{
/*color:rgba(84, 91, 98, .8);*/
font-weight: 600;
}
li.log-in{
      padding: .5rem 1rem;
      margin-right: 8px;
}
.rightMenu {
    text-transform: capitalize;
}
@media (min-width:1500px){
  .checkmark{
    height: 17px;
    width: 17px;
  }
}
@media (min-width: 1500px) {
    .style_2 i.fa.fa-circle.veg_type {
        line-height: 14px;
    }
}
@media (min-width:1500px) and (max-width:1700px){
  .radio-button-container .checkmark:after {
    top: 3px;
    left: 3px;
  }
}
#itemModal {
  padding-right: 0 !important;
}
.modal.fade .modal-dialog.load{
    display: none;
  }
@media (min-width:576px){
.modal.fade .modal-dialog.load{
   /* animation-name: zoom;
    animation-duration: .7s;
    animation-fill-mode: forwards;
    animation-timing-function: ease;*/
    display: none;
  }

}
div#login-option :first-child {
    margin-left: 0;
}
#login-option .radio-button-container input:checked ~ .checkmark{
  border-color: rgba(227,30,36,1);
}
#login-option .radio-button-container .checkmark:after{
background: rgba(227,30,36,1);}
#login-option {
  text-align: left;
}
/*.wrapper{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}*/

.searchbox{
position: relative;
display: none;
}

.searchbox .input{
width: 0px;
border: 0px;
height: 30px;
padding: 0px 15px;
border-radius: 5px;
/*box-shadow: 0 0 15px 1px #b6bbc0;*/
outline: none;
color: #999;
background: transparent;
font-size: 14px;
transition: all 0.5s linear;
background: #f1f4f7;
}

.searchbtn{
position: absolute;
top: 0;
right: -1px;
background: #fff;
width: 30px;
height: 30px;
border-radius: 50%;
cursor: pointer;
transition: all 0.5s 0.6s linear;
background: transparent;
}

.searchbtn .fas{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
color: #999;
font-size: 20px;
transition: all 0.5s 0.6s linear;
}

/* jquery class */
.searchbtn.bg-green{
background: transparent;
transition: all 0.2s linear;
}

.searchbtn .fas.color-white{
color: #999;
transition: all 0.2s linear;
}

.searchbox .input.active-width{
width: 100%;
}
@media (max-width:599px){
  .searchbox{
    display: inline-block;
  }
  .rightSearch{
    display: none;
  }
  .cartNofify{
    width: 100%;
  }
  .navbar-toggler{
    padding: 0;
  }
  .navbar-light .navbar-toggler{
    border-color: transparent;
  }
  #headers .d-flex.justify-content-center.w-100{
    padding: 0;
  }
  .navbar-brand{
    padding-top: 0;
    padding-bottom: 0;
  }
  .modal-footer .btn{
    padding: .375rem .75rem;
  }
  .menu-btn{
  display: none;
}
.package_header_right a.btn{
  padding: .175rem .75rem;
}
.modal-info .defaultHeading h1{
  font-size: 16px;
}
}

.grp-btn .item-btn#tab1{
  border-color: #4285f4;
        color: #4285f4;
        display: none;
}
.grp-btn .item-btn#tab2{
  border-color: #ea4335;
        color: #ea4335;
}
.grp-btn .item-btn#tab3{
  border-color: #fbbc05;
        color: #fbbc05;
}
.grp-btn .item-btn#tab4{
  border-color: #34a853;
        color: #34a853;
}
.grp-btn .item-btn#tab1:hover{
  background-color: #4285f4;
  color: #fff;
}
.grp-btn .item-btn#tab2:hover{
  background-color: #ea4335;
  color: #fff;
}
.grp-btn .item-btn#tab3:hover{
  background-color: #fbbc05;
  color: #fff;
}
.grp-btn .item-btn#tab4:hover{
  background-color: #34a853;
  color: #fff;
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
        margin-left: auto;
    }
}
.single-listing-summary3 .entry-meta-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 100%;
}
.single-listing-summary3 .entry-meta-rating li i {
    margin-right: 5px;
    font-size: 14px;
    color: #ffb300;
}
a.opened-now 
{
  color: green;
  font-weight: 700;
}
a.closed-now 
{
  color: red;
  font-weight: 700;
}


#hoverlink.link {
  height:20px;
  align-items: center;
  color: #000;
  text-decoration: none;
  display: flex;
}

/* Hide extra text */
#hoverlink .mask {
  position: relative;
  padding: 0;
  height: 16px;

  /*  Remove overflow to see how it works　:) */
  overflow: hidden;
}
#hoverlink .link-container span
{
  padding: 0 5px;
}
#hoverlink .link-container {
  transition: transform 0.4s ease;
}

#hoverlink .title {
  display: block;

  /*  Set same font-size and line height  */
  font-size: 16px;
  line-height: 20px;

  transition: transform 0.4s ease;
}

#hoverlink .link-title1 {
  transform-origin: right center;
}

#hoverlink .link-title2 {
  transform-origin: left center;
  transform: rotate(20deg);
}
/*#hoverlink .link-icon svg
{
  width: 12px;
  height: 12px;
}*/
#hoverlink .link-icon {
  position: relative;
  width:25px;
  height:25px;
  background: #ff9800;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  fill: #fff;

  /*  Remove overflow to see how it works　:) */
  overflow: hidden;
}

#hoverlink .icon {
  display: block;
  position: absolute;
  transition: transform 0.4s ease;
}

#hoverlink .icon:nth-child(2) {
  transform: translate(-40px);
}

/* Hover Action*/

/* Move up two texts (20px = font-size) */
#hoverlink.link:hover .link-container {
  transform: translateY(-20px);
}

/* Rotate texts a little bit */
#hoverlink.link:hover .link-title1 {
  transform: rotate(20deg);
}

#hoverlink.link:hover .link-title2 {
  transform: rotate(0);
}

/* Move arrows to right */
#hoverlink.link:hover .icon:first-child {
  transform: translate(40px);
}

#hoverlink.link:hover .icon:nth-child(2) {
  transform: translate(0px);
}
.header .navbar-brand img
{
  filter: unset;
}
.userMenu .navbar-brand img
{
  filter: unset;
}

/*#about-section
{
  background-color: #f0f0f0;
}*/


/* gallery filter */
.gallery_sort1 {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
  white-space: nowrap;
}
ul.gallery_sort1 li {
  margin: 0 5px 5px;
}

ul.gallery_sort1 li button:focus{
  outline: none;
}
ul.gallery_sort1 li button.active, ul.gallery_sort1 li button:hover{
  background: rgba(227,30,36,1);
  color:#fff;
  transition: all .3s;
}
ul.gallery_sort1 li button {
  display: block;
  padding: 12px 25px;
  background: #fff;
  border:0;
  border-radius: 5px;
  box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
  outline: none;
  transition: all .3s;
}
.gallery_top_menu1 {
  margin-bottom: 14px;
}
.gallery_sort1 li button.active{
  position: relative;

}
.gallery_sort1 li button.active::before {
  left: 0;
}
.text-center.seeMore_btn a:hover, .order-btn, .home-book-btn, button.btn.btn-primary.add_to_cart_form, button.btn.btn-primary.add_to_cart, button.btn.btn-primary.add_to_cart_btn, button.btn.btn-primary.confirm_btn, .order-btn.show_order_btn, .add_to_order
{
  text-transform: capitalize;
}
.card-header
{
  background-color: var(--defaultColor)!important;
  color: #fff;
  text-transform: capitalize;
  font-size: 16px;
}
.UserMobileMenu .cartFloatingIcon{
          bottom: -60px;
}

@media (max-width:991px){

.order_page.orderInfoArea .modal-footer
{
  padding:8px 0!important;
}
  .navbar-dark .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.95%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
  }
  .navbar-nav .nav-link{
   padding: .5rem 1rem;
  }
      .gallery_sort {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .grp-btn .item-btn#tab1
    {
      display: block!important;
    }
   
}
@media (min-width:720px) and (max-width: 1023px){
  #food-slider .grid-part{
    display: none;
  }
  .restaurant-container{
    max-width: 685px;
  }
  .homeItemPcakage.specialties .col-lg-6.col-sm-6{
    width: 33% !important;
  }
  .featured-title-box h6{
    white-space: normal;
  }
}
@media only screen and (min-width:1024px) and (max-width:1166px){
  #food-slider .slide-container .slide.fade, #food-slider .grid-part{
    height: 243px;
  }
  .single-listing-summary2 .col-xl-9{
    width: 75%;
  }
  .single-listing-summary2 .col-xl-3.col-12{
    width: 12%;
    max-width: 12%;
  }
  .catTop {
    height: 107px;
    width: 107px;}
}
#signin .form {
width: 50%;
padding: 0 50px;
}
#signin .form__title {
margin-bottom:15%;
/*font-family: "Montserrat", sans-serif;*/
font-size: 30px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
}
#signin .form__helper {
position: relative;
margin-bottom: 10%;
}
#signin .form__text
{
font-size:18px;
}
#signin .form__link {
color: #2E8E79;
cursor: pointer;
text-transform: uppercase;
font-weight: 700;
}
#signin .form__label {
    position: absolute;
    bottom: 10px;
    left: 0;
    color: black;
    font-size: 16px;
    transition: 0.3s;
}
@media (min-width:1500px){
  .left_top_login p{
    font-size: 20px;
  }
}
.single-listing-box-layout1 .listing-details-review ::-webkit-scrollbar{
  width: 6px;
}
.single-listing-box-layout1 .listing-details-review ul.review-items ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}


.single-listing-box-layout1 .listing-details-review ul.review-items ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.single-listing-box-layout1 .listing-details-review ul.review-items::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.single-listing-box-layout1 .listing-details-review ul.review-items ::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 255, 0.3);
}
.add-share-person h6{
  font-size: 13px;
  font-weight: 400;
    color: #909090;
    text-transform: uppercase;
    color: #fff;
}
.date-category{
  font-size: 13px;
    line-height: 1.3em;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;

}

.add-date{
  padding: 0 2px 0 0;
display: inline-block;
}
.add-category{
  display: inline-block;
    vertical-align: top;
    padding: 0 2px;
}
@media (max-width:991px){
  #headers .restaurant-container{
    padding: 0;
  }

}

/* :root {
    --bg: #fdfdfd;
    --highlight1: #ed4264;
    --highlight2: #ffedbc;
    --color: #1a1e24;
    --font-number: Montserrat, Roboto, Helvetica, Arial, sans-serif;
    --font-head: "Space Mono", Consolas, Menlo, Monaco, "Courier New", monospace;
    --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
        Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
        "Segoe UI Symbol";
} */
.about_us_div .list {
    list-style: none;
    /*width: 600px;
    max-width: 90%;*/
    margin-left: 0;
    padding-left: 10px;
}

.about_us_div .item {
    display: block;
    clear: both;
    counter-increment: list;
    padding-bottom:1.5rem;
    font-size: 1.1rem;
    line-height: 1.375;
    position: relative;
}
#about-section h2
{
  margin-bottom: 4px;
  letter-spacing: 1px;
}
.about_us_div .item:before {
    font-weight: bold;
    font-size: 1.25rem;
    content: counter(list);
    width:2rem;
    height:2rem;
    float: left;
    margin: 5px 0.75rem 0.75rem 0;
    color:#fff;
    background: rgba(227,30,36,1)
        linear-gradient(
            to bottom right,
            rgba(227,30,36,1) 25%,
            #ffddc1
        );
    text-shadow: 0 0 2px rgba(227,30,36,1);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    shape-outside: ellipse();
    z-index: 1;
}

.about_us_div .item:after {
    width:0.9rem;
    height: 0.9rem;
    position: absolute;
    top:5px;
    left: 0;
    content: "";
    background: rgba(227,30,36,1);
    z-index: -1;
    border-top-left-radius: 3px;
}

.about_us_div .headline {
    padding: 0rem 0 0 0;
    margin: 0 0 1rem 0;
}
.main-block {
    padding: 2% 0;
}
.table-head
{
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 10px;
}
.shop-add
{
  width: 70%;
  text-align: center;
  margin:7px auto;
  font-size: 16px;

}
.trackLink a
{
  font-size: 20px!important
}
.confirmMsgArea
{
  text-transform: capitalize;
}
.order_page .form-group
{
  text-align: left;
  font-weight: 600;
  /*margin-bottom: 5%;*/
}
.rwd-table {
  margin: auto;
  min-width: 300px;
  max-width: 100%;
  border-collapse: collapse;
  width: 100%;
  text-transform: capitalize;
}
/*
.rwd-table tr:first-child {
  border-top: none;
  background: #f2f2f2;
  color: #222;
}
*/
.rwd-table tr {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
}

.rwd-table tr:nth-child(odd):not(:first-child) {
  background-color: #ebf3f9;
}

.rwd-table th {
  display: none;
}

.rwd-table td {
  display: block;
  font-size: 14px;
}

.rwd-table td:first-child {
  margin-top: 0.5em;
}

.rwd-table td:last-child {
  margin-bottom: 0.5em;
}

.rwd-table td:before {
  content: attr(data-th) ": ";
  font-weight:500;
  width: 120px;
  display: inline-block;
  color: #000;
  font-size: 14px;
}

.rwd-table th,
.rwd-table td {
  text-align: left;
}

.rwd-table {
  color: #333;
  border-radius: 0.4em;
  overflow: hidden;
}

.rwd-table tr {
  border-color: #bfbfbf;
}

.rwd-table th,
.rwd-table td {
  padding: 0.5em 1em;
}
@media screen and (max-width: 601px) {
  .rwd-table tr:nth-child(2) {
    border-top: none;
  }
}
@media screen and (min-width: 600px) {
  .rwd-table tr:hover:not(:first-child) {
    background-color: #d8e7f3;
  }
  .rwd-table td:before {
    display: none;
  }
  .rwd-table th,
  .rwd-table td {
    display: table-cell;
    padding: 0.25em 0.5em;
  }
  .rwd-table th:first-child,
  .rwd-table td:first-child {
    padding-left: 0;
  }
  .rwd-table th:last-child,
  .rwd-table td:last-child {
    padding-right: 0;
  }
  .rwd-table th,
  .rwd-table td {
    padding: 1em !important;
  }
}
div#detailsModal_52 .modal-body {
    padding: 0;
}
.order-head
{
  text-align: center;
  margin-bottom:15px;
  font-size:20px;
  line-height:25px;
  color: #000;
  text-transform: uppercase;
}
.table-responsive>.table-bordered
{
  text-transform: capitalize;
}
ul.cartItems
{
  background-color: #fff;
  padding: 10px;
  border-radius: 3px;
}
.bottomPrice
{
  text-transform: capitalize;
  /*background-color: #fff;*/
  border-radius: 3px;
  padding:6px 10px;
}
.modal-footer
{
  background-color: #fff;
  padding:4px 7px;
}
.left_login_page.login_banner:before
{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0, 0.6);
}
.login-decor
{
  z-index: 9;
}
.topSigin p
{
  font-size: 15px;
  letter-spacing: 1px;
}
.mcat
{
  border-radius: 50%;
  width:45px;
  height: 45px;
  margin:0 auto;
  object-fit: cover;
}
.gallery_sort button span
{
  font-size: 12px;
  display: -webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  text-wrap:wrap;
}
/*.restaurant-container.style_2.theme_3 li{
  display: none;
}*/
.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}
.rounded-lg {
    border-radius: .7rem;
}
.flex-shrink-0 {
    flex-shrink: 0;
}
 .w-72{
 width:100px;
 height: 100px;
  border-radius: .7rem;
}
.gap-4 {
    gap: 1rem;
}
.new-menu-modal{
  padding: 1rem;
}
.capitalize {
    text-transform: capitalize;
}
.font-semibold {
    font-weight: 700;
}
.text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
}
.text-xs {
    font-size: .75rem;
    line-height: 1rem;
}
.font-semibold {
    font-weight: 700;
}
#new-menu-modal .defaultHeading{
  padding:1rem !important;
  padding-bottom: 0;
}
#new-menu-modal .defaultHeading p{
  margin-top: 6px;
}
.font-medium {
    font-weight: 500;
}
.leading-6 {
    line-height: 1.5rem;
    font-weight: 700;
}
.text-heading{
  color:#1f1f39;
}
.py-1 {
    padding-bottom: .25rem;
    padding-top: .25rem;
}
.px-2 {
    padding-left: .5rem;
    padding-right: .5rem;
}
.rounded-xl {
    border-radius: .75rem;
} 
.bg-light-diff{
  background: #f7f7fc;
}
.border-light-diff{
  border-color: #f7f7fc;
}
#new-menu-modal .incress_area{
  display: flex;
    align-items: baseline;
    margin: 0 7px;
}
#new-menu-modal .listygo-text-box.listing-details-leave-review{
  box-shadow: none !important;
}
.swiper {
    display: block;
    list-style: none;
    /*margin-left: auto;
    margin-right: auto;*/
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1;
}
.swiper-horizontal {
    touch-action: pan-y;
}
.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%;
    z-index: 1;
}
.swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
}
.w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
}
.relative {
    position: relative !important;
}
.size-tabs .active {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(220 234 255 / var(--tw-bg-opacity));
    border-color: rgb(255 0 107 / var(--tw-border-opacity));
}
.transition {
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: linear;
}
.min-w-120 {
    min-width: 120px;
}
.w-full {
    width: 100%;
}
.h-40 {
    height: 40px;
}
#new-menu-modal.modal-box label{
  display: flex;
}
.gap-2 {
    gap: .5rem;
}
.items-center {
    align-items: center;
}
.cursor-pointer {
    cursor: pointer;
}
.custom-radio.sm {
    height: .75rem;
    width: .75rem;
}
.custom-radio {
    cursor: pointer;
    height: 1rem;
    position: relative;
    width: 1rem;
}
.custom-radio-field, .custom-radio-span {
    cursor: pointer;
    height: 100%;
    position: absolute;
    width: 100%;
}
.custom-radio-span {
    --tw-border-opacity: 1;
    border-color: rgb(217 222 227 / var(--tw-border-opacity));
    border-radius: 9999px;
    border-width: 1px;
    left: 0;
    text-align: center;
    top: 0;
}
.custom-radio.sm .custom-radio-field:checked+.custom-radio-span {
    border-width: 3px;
}
.size-tabs .active .custom-radio-field:checked+.custom-radio-span {
    --tw-border-opacity: 1;
    border-color: rgb(255 0 107 / var(--tw-border-opacity));
}
#new-menu-modal .single_item_cart{
  width: 50%;
    border: 1px solid rgb(239 240 246);
    font-size: 12px;
    border-radius: 0.5rem;
    margin-bottom: 0.5rem;
}
#new-menu-modal .left_cart{
  padding: 5px;
}
#new-menu-modal .single_item_cart p{
  font-weight: 700;
}
#new-menu-modal .single_cart_item_details h4 {
    font-size: calc(11px + .1vw);
    margin-bottom: 5px;
}
.single-listing-share2{
  text-align:end;
}
#new-menu-modal textarea::placeholder{
  font-size: 12px;
  color: #6E7191;
}
#new-menu-modal textarea{
  border-color: #D9DBE9;
}
#new-menu-modal .single_item_cart img{
  border-radius: 0.3rem;
  width: 72px;
  height: 72px;
  flex: 0 0 72px;
}
#new-menu-modal textarea:focus{
  border: none;
  outline: none;
}
#new-menu-modal.modal-box .close-forgot button{
  margin-left: 0;
}
#new-menu-modal button.cancelded.btn-secondary{
  display: none;
}
#new-menu-modal button.item-btn.btn-primary{
  width: 100%;
  border-radius: 1.5rem;
}
/*new*/
#new-menu-modal .defaultHeading h3
{
    font-weight: 600;
    font-size: 17px;
}
#new-menu-modal .defaultHeading p
{
  margin: 10px 0;
    color: #8c8c8c;
    font-size: 13px;
    letter-spacing: 1px;
}
#new-menu-modal .defaultHeading h6
{
   margin-top:10px;
}
#new-menu-modal .incress_area {
    display: flex;
    align-items: baseline;
    margin: 0 7px;
    background: #f9f9f9;
    padding: 5px;
    border-radius: 4px;
}
#new-menu-modal .text-heading {
    font-size: 15px;
    color: #1f1f39;
    letter-spacing: 1px;
}
.pg-title h1 {
    font-size: 16px;
    color: #fff;
}
.header {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    box-shadow: none;
    background-color: #f1f3f4;
    position: fixed;
    height: 50px!important;
    overflow: hidden;
    top: 0;
    z-index: 999;
    align-items: center;
    justify-content: space-between;
/*    padding: 0 15px;*/
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    box-shadow: 0 0 4px #ddd;
}
#sidebarMenu {
    height: 100%;
    position: fixed;
    right: 0;
    width: 250px;
    padding-top: 20px;
    transform: translateX(250px);
    transition: transform 250ms ease-in-out;
    background: #f1f3f4;
    z-index: 999;
    top: 45px;
}
.page_tit
{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
}
.sidebarMenuInner{
    margin:0;
    padding:0;
/*    border-top: 1px solid rgba(255, 255, 255, 0.10);*/
}
.sidebarMenuInner li{
    list-style: none;
    color: rgb(0 0 0 / 50%);
    text-transform: uppercase;
    font-weight: 500;
    padding: 10px 20px;
    cursor: pointer;
/*    border-bottom: 1px solid rgba(255, 255, 255, 0.10);*/
}
.sidebarMenuInner li span{
    display: block;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.50);
}
.sidebarMenuInner li a{
    color: #111;
    text-transform: capitalize;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
}
input[type="checkbox"]:checked ~ #sidebarMenu {
    transform: translateX(0);
}

input[type=checkbox] {
    transition: all 0.3s;
    box-sizing: border-box;
    /*display: none;*/
}
.sidebarIconToggle {
    transition: all 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    /*position: fixed;*/
    z-index: 999;
    height: 100%;
    width: 100%;
    /*top: 18px;*/
    /*right: 15px;*/
    /*height: 22px;*/
    width: 22px;
    margin: 0;
}
.spinner {
    transition: all 0.3s;
    box-sizing: border-box;
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: #111;
}
.horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 4px;
}
.diagonal.part-1 {
    position: relative;
    transition: all 0.3s;
    box-sizing: border-box;
    float: left;
}
.diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 4px;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    opacity: 0;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(135deg);
    margin-top: 8px;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(-135deg);
    margin-top: -9px;
}
@media (min-width:992px){input#openSidebarMenu, .sidebarIconToggle, #sidebarMenu{
  display: none;
}}
@media (max-width:599px){
  #double-icon .sidebarIconToggle{
    position: fixed;
    top: 19px;
    right: 15px;
    z-index: 999;
  }
}
@media (max-width:991px){
 /* #menu-page .col-md-6 {
    width: 50%!important;
}*/
div#detailsModal_52 .modal-body {
    padding: 0;
}

div#detailsModal_52 .table-bordered td,div#detailsModal_52 .table-bordered th
{
  padding: 5px!important;
  font-size: 11px!important
} 
.menu-div .col-md-6 {
    width: 50%!important;
}
.menu-div .row {
    align-items: center!important;
    padding: 0 0 0 10px;
}
  #food-slider{
    padding-top:15px;
  }
/*  a.navbar-icon{
    position: absolute;
    top: 11px;
    color: #fff;
  }*/

  .navbar-icon i{
    color: #fff;
    margin: 0px 3px;
    font-size: 22px;
  }
  
  .sidebarMenuInner li{
    text-align: center;
    margin: 0 25px;
  }
  .single-breadcrumb{
    margin-top:0;
  }
  .min-w-120{
    min-width: 94px;
  }
  .login_signup a{
    background: rgba(227,30,36,1);
    border-color: rgba(227,30,36,1) ;
    color: #fff;
    padding: 9px 16px;
    transition: all .5s ease;
    border-radius: 4px;
  }
  .login_signup a i{
    margin-right: 6px;
  }
  .login_signup{
    text-align: center;
  }
  .sidebarMenuInner li.active a{
    color: #fff;
  }
  #double-icon{
    position: relative;
  }
  #double-icon #searchbar.wrapper{
    display: inline-block;
  }
  
  #double-icon #searchbar .btn .fa{
    font-size: 18px;
  }
  #double-icon .sidebarIconToggle{
    position: fixed;
    top: 19px;
    right: 15px;
    z-index: 999;
  }
}
.item_modal .close
{
  position: absolute;
  top: 10px;
  right: 10px;

}
.w-90
{
  width: 90%;
}
.w-100
{
  width: 100%;
}
.modal-content
{
  border-radius: 10px;
}

.singleItemDetails.homePackages
{

}




.about-section {
  position: relative;
  padding: 5% 0;
}

.about-section .content-column {
  position: relative;
}

.about-section .content-column .inner-column {
  position: relative;
  /*padding-right: 100px;*/
}

.about-section .content-column .text {
  position: relative;
  color: #777777;
  font-size: 15px;
  line-height: 2em;
  margin-bottom: 20px;
}
.about-section .image-column {
  position: relative;
  /*margin-bottom: 50px;*/
}

.about-section .image-column .inner-column {
  position: relative;
}

/*.about-section .image-column .inner-column:after {
  position: absolute;
  content: "";
  right: 0px;
  top: 0px;
  left: 40px;
  bottom: 100px;
  z-index: -1;
  border: 2px solid #d7a449;
}*/

.about-section .image-column .inner-column .image {
  position: relative;
}


.about-section .image-column .inner-column .image img {
  position: relative;
  width: 100%;
  display: block;
  border-radius: 15px;
  -webkit-box-shadow: 0px 0px 14px 0px rgba(150,150,150,1);
-moz-box-shadow: 0px 0px 14px 0px rgba(150,150,150,1);
box-shadow: 0px 0px 14px 0px rgba(150,150,150,1);
}


.about-section
  .image-column
  .inner-column
  .image
  .overlay-box
  .year-box
  .number {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 110px;
  height: 110px;
  color: #d7a449;
  font-size: 68px;
  font-weight: 700;
  line-height: 105px;
  text-align: center;
  background-color: #ffffff;
  border: 1px solid #000000;
}
.about-section .btn-style-three:before {
  position: absolute;
  content: "";
  left: 10px;
  top: 10px;
  z-index: -1;
  right: -10px;
  bottom: -10px;
  background: url(https://i.ibb.co/DKn55Qz/pattern-1.jpg) repeat;
}
.about-section .btn-style-three:hover {
  color: #ffffff;
  background: #d7a449;
}
.about-section .btn-style-three {
  position: relative;
  line-height: 24px;
  color: #252525;
  font-size: 15px;
  font-weight: 700;
  background: none;
  display: inline-block;
  padding: 11px 40px;
  background-color: #ffffff;
  text-transform: capitalize;
  border: 2px solid #d7a449;
}
.sec-title2 {
  color: #fff;
}
.sec-title {
  position: relative;
  padding-bottom:20px;
}
.sec-title .title {
  position: relative;
  color: #d7a449;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px;
  display: inline-block;
  text-transform: capitalize;
}


.testimonial .heading {
  text-align: center;
  color: #454343;
  font-size: 30px;
  font-weight: 700;
  position: relative;
  margin-bottom:30px;
  text-transform: uppercase;
  z-index: 999;
}
.testimonial .white-heading {
  color: #ffffff;
}
.testimonial .heading:after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  height: 40px;
  width: 180px;
  border-radius: 4px;
  transform: translateX(-50%);
  background: url(img/heading-line.png);
  background-repeat: no-repeat;
  background-position: center;
}
.testimonial .white-heading:after {
  background: url(https://i.ibb.co/d7tSD1R/heading-line-white.png);
  background-repeat: no-repeat;
  background-position: center;
}

.testimonial .heading span {
  font-size: 18px;
  display: block;
  font-weight: 500;
}
.testimonial .white-heading span {
  color: #ffffff;
}
/*-----Testimonial-------*/

.testimonial:after {
  position: absolute;
  top: -0 !important;
  left: 0;
  content: " ";
  background: url(img/testimonial.bg-top.png);
  background-size: 100% 100px;
  width: 100%;
  height: 100px;
  float: left;
  z-index: 99;
}

.testimonial {
  min-height: 375px;
  position: relative;
  background: url(/uploads/testbg.webp);
  padding-top: 50px;
  padding-bottom: 50px;
  background-position: center;
  background-size: cover;
}
#testimonial4 .carousel-inner:hover {
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
#testimonial4 .carousel-inner:active {
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
#testimonial4 .carousel-inner .item {
  overflow: hidden;
}

.testimonial4_indicators .carousel-indicators {
  left: 0;
  margin: 0;
  width: 100%;
  font-size: 0;
  height: 20px;
  bottom: 15px;
  padding: 0 5px;
  cursor: e-resize;
  overflow-x: auto;
  overflow-y: hidden;
  position: absolute;
  text-align: center;
  white-space: nowrap;
}
.testimonial4_indicators .carousel-indicators li {
  padding: 0;
  width: 14px;
  height: 14px;
  border: none;
  text-indent: 0;
  margin: 2px 3px;
  cursor: pointer;
  display: inline-block;
  background: #ffffff;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.testimonial4_indicators .carousel-indicators .active {
  padding: 0;
  width: 14px;
  height: 14px;
  border: none;
  margin: 2px 3px;
  background-color: #9dd3af;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar {
  height: 3px;
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb {
  background: #eeeeee;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.testimonial4_control_button .carousel-control {
  top: 175px;
  opacity: 1;
  width: 40px;
  bottom: auto;
  height: 40px;
  font-size: 10px;
  cursor: pointer;
  font-weight: 700;
  overflow: hidden;
  line-height: 38px;
  text-shadow: none;
  text-align: center;
  position: absolute;
  background: transparent;
  border: 2px solid #ffffff;
  text-transform: uppercase;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.6s cubic-bezier(0.3, 1, 0, 1);
  transition: all 0.6s cubic-bezier(0.3, 1, 0, 1);
}
.testimonial4_control_button .carousel-control.left {
  left: 7%;
  top: 50%;
  right: auto;
}
.testimonial4_control_button .carousel-control.right {
  right: 7%;
  top: 50%;
  left: auto;
}
.testimonial4_control_button .carousel-control.left:hover,
.testimonial4_control_button .carousel-control.right:hover {
  color: #000;
  background: #fff;
  border: 2px solid #fff;
}

.testimonial4_header {
  top: 0;
  left: 0;
  bottom: 0;
  width: 550px;
  display: block;
  margin: 30px auto;
  text-align: center;
  position: relative;
}
.testimonial4_header h4 {
  color: #ffffff;
  font-size: 30px;
  font-weight: 600;
  position: relative;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.testimonial4_slide {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 70%;
  margin: auto;
  padding: 20px;
  position: relative;
  text-align: center;
}
.testimonial4_slide img {
  top: 0;
  left: 0;
  right: 0;
  width: 136px;
  height: 136px;
  margin: auto;
  display: block;
  color: #f2f2f2;
  font-size: 18px;
  line-height: 46px;
  text-align: center;
  position: relative;
  border-radius: 50%;
  box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
  -o-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
  -webkit-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
}
.testimonial4_slide p {
  color: #ffffff;
  font-size: 20px;
  line-height: 1.4;
  margin: 40px 0 20px 0;
}
.testimonial4_slide h4 {
  color: #ffffff;
  font-size: 22px;
}
.testimonial .carousel-control-next-icon,
.testimonial .carousel-control-prev-icon {
  width: 25px;
  height: 25px;
}
/* ------testimonial  close-------*/
div#contact-page
{
  background: #f9f9f9;
  margin-top: 75px;
}
.theme_5 .contact_top .defaultHeading p
{
    line-height: 25px;
    font-size: 17px;
}

.modal_Heading {
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 500 !important;
}
.special-pack .single_items_img
{
  width: 100px;
  height: 100px;
  object-fit: cover;
  display: inline-block;
}
.special-pack .single_item_details
{
  display: inline-block;
  width: 70%;
}
.single_item.special-pack
{
  display: flex;
  padding: 15px;
  align-items: flex-start;
}
.form-group label
{
  text-transform: capitalize;
}
@media (max-width:599px){
  .navbar-icon{
    padding: 5px 0;
    display: inline-block;
  }
}
.single-listing-share2 .row
{
  display: flex;
  column-gap:15px;
  justify-content: end;
}
.text-say
{
  width:57%;
}
.text-say img
{
  width: 38%;
}
.home_page_navbar nav li.active a, .home_page_navbar nav li a:hover, .learn_more_link, .features-wrap i
{
  font-weight: 900;
}
.download_btn_area .btn-info
{
background-color: rgba(227,30,36,1);
    border-color: rgba(227,30,36,1);
}
















.fix {
    overflow: hidden;
}

.about-section {
    position: relative;
}
.section-bg {
    background-color: var(--bg);
}
.container
{
  max-width:1314px!important;
}
.section-padding {
    padding: 5% 0;
}
/* background */
/*#about-page .bg-cover {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: center;
  width: 100%;
  height: 100%;
}*/
div#about-page {
    padding-top: 72px;
}
#about-page a:hover {
    --bs-link-color-rgb: green;
    color: #fff
}
.breadcrumb-wrapper .page-heading {
    position: relative;
    padding: 48px 0;
}
.breadcrumb-wrapper .page-heading {
    position: relative;
    padding: 120px 0;
}
.bg-cover {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;
    width: 100%;
    height: 100%;
    background-color: #fff;
}
.about-wrapper .about-image .since-text {
    padding: 25px 30px;
    background-color: var(--theme3);
    position: absolute;
    right: 20px;
    bottom: 45px;
    border-radius: 14px;
    transform: rotate(-25.477deg);
    width: initial;
    height: initial;
}
.center {
    text-align: center;
    margin: 0 auto;
}
.breadcrumb-wrapper .page-heading h1 {
    color: #fff;
    font-size: 70px;
    position: relative;
    z-index: 9;
}
.breadcrumb-wrapper .page-heading .breadcrumb-items {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    gap: 10px;
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li {
    font-size: 20px;
    color: red;
    font-weight: 600;
    text-transform: uppercase;
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li a {
    color: red;
    transition: all 0.4s ease-in-out;
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li i {
    font-size: 20px;
    color: red;
}
.fa-chevron-right:before {
    content: "\f054";
}
.about-wrapper .about-image {
    position: relative;
}
.about-wrapper .about-image img {
    width: 100%;
    height: 100%;
}
.about-wrapper .about-image .burger-text {
    position: absolute;
    top: 0;
    left: 0;
    animation: 4s ease 0s infinite alternate forwards running tpswing;
}
.about-wrapper .about-image .price {
    position: absolute;
    left: 10%;
    bottom: 20px;
}
.about-wrapper .about-image .price h2 {
    font-size: 80px;
}
.about-wrapper .about-image .since-text {
    padding: 25px 30px;
    background-color: #ffb936;
    position: absolute;
    right: 20px;
    bottom: 45px;
    border-radius: 14px;
    transform: rotate(-25.477deg);
    width: initial;
    height: initial;
}
.about-wrapper .about-image .since-text h3 {
    color: white;
}
.about-wrapper .about-content {
    margin-left: 20px;
}
.section-title {
    position: relative;
    z-index: 99;
    margin-bottom: 30px;
    margin-top: -6px;
}
.section-title span {
    color: red;
    margin-bottom: 5px;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
}
.text-color {
    color: #212121 !important;
}
.about-wrapper .about-content .icon-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
    gap: 10px;
}
.about-wrapper .about-content .icon-area .icon-items {
    gap: 20px;
}
.about-wrapper .about-content .icon-area .icon-items .icon {
    font-size: 55px;
    color: red;
}
.flaticon-quality:before {
    content: "\f10b";
}
.flaticon-reputation:before {
    content: "\f111";
}
.about-wrapper .about-content .icon-area .icon-items .content h4 {
    margin-bottom: 5px;
}

h4 {
    font-size: 20px;
    font-weight: 600;
}
.about-wrapper .about-content .icon-area .icon-items .content p {
    color: black;
}
.about-wrapper .about-content .info-area {
    margin-top: 40px;
    gap: 22px;
    flex-wrap: wrap;
}
.theme-btn {
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  padding:15px;
  color: white;
  text-align: center;
  border-radius: 9px;
  letter-spacing: 0.8px;
  z-index: 1;
  transition: all 500ms ease;
  background-color: red;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .theme-btn {
    padding: 16px 36px;
    font-size: 16px;
  }
  .theme-btn i {
    font-size: 22px;
  }
}
.theme-btn i {
  margin-right: 10px;
  font-size: 24px;
}
.theme-btn::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  transform: scale(0, 0);
  z-index: -1;
  transition: all 500ms ease;
}
.theme-btn:hover::before {
  background-color: red;
  transform: scale(1, 1);
}
.theme-btn.bg-white {
  background-color: white;
  color: var(--header);
}
.theme-btn.bg-white i {
  color: red;
  transition: all 0.4s ease-in-out;
}
.theme-btn.bg-white:hover {
  color: white;
}
.theme-btn.bg-white:hover::before {
  background-color: #ffb936;
}
.theme-btn.bg-white:hover i {
  color: white;
}
.theme-btn.bg-yellow {
  background-color: #ffb936;
  color: var(--header);
  font-weight: 700;
}
.theme-btn.bg-yellow i {
  margin-left: 10px;
  color: var(--header);
}
.theme-btn.bg-yellow:hover {
  color: var(--header);
}
.theme-btn.bg-yellow:hover::before {
  background-color: white;
}
.theme-btn.bg-red {
  background-color: red;
  color: white;
  border-radius: 0;
}
.theme-btn.bg-red:hover {
  color: var(--header);
}
.theme-btn.bg-red:hover::before {
  background-color: white;
}
.theme-btn.bg-red-2 {
  background-color: red;
  color: white;
  border-radius: 7px;
}
.theme-btn.bg-red-2:hover {
  color: white;
}
.theme-btn.bg-red-2:hover::before {
  background-color: red;
}
.theme-btn.style-box-shadow {
  border-radius: 8px;
  background: red;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.07);
  color: white;
  font-weight: 700;
}
.theme-btn.style-box-shadow:hover {
  color: white;
}
.theme-btn.style-box-shadow:hover::before {
  background-color: red;
}
.theme-btn.bg-transparent {
  background: transparent;
  border: 1px solid white;
  color: white;
  border-radius: 0;
}
.theme-btn.bg-transparent:hover {
  color: var(--header);
}
.theme-btn.bg-transparent:hover::before {
  background-color: white;
}
.theme-btn.cart-btn {
  background-color: red;
  color: white;
  border-radius: 0;
  font-weight: 600;
  padding: 16px 25px;
}
.theme-btn.cart-btn i {
  font-size: 16px;
  color: white !important;
}
.theme-btn.cart-btn:hover {
  color: white;
}
.theme-btn.cart-btn:hover::before {
  background-color: #ffb936;
}
@media (max-width: 1399px) {
  .theme-btn.cart-btn {
    padding: 15px 20px;
  }
}
@media (max-width: 1199px) {
  .theme-btn.cart-btn {
    padding: 16px 25px;
  }
}
.theme-btn.style-line-height {
  line-height: 1.5;
}
@media (max-width: 767px) {
  .theme-btn {
    padding: 14px 32px;
    font-size: 14px;
  }
  .theme-btn i {
    font-size: 20px;
  }
}

.theme-btn-2 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  padding: 10px 50px;
  color: white;
  text-align: center;
  z-index: 1;
  transition: all 500ms ease;
  background-color: var(--header);
  text-transform: capitalize;
  border-radius: 19px;
  width: 100%;
}
.theme-btn-2 i {
  font-size: 17px;
  margin-right: 10px;
}
.theme-btn-2::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  transform: scale(0, 0);
  z-index: -1;
  transition: all 500ms ease;
}
.theme-btn-2:hover::before {
  background-color: red;
  transform: scale(1, 1);
}

.link-btn {
  text-transform: capitalize;
  font-size: 18px;
  color: white;
  font-weight: 500;
  display: inline-block;
  background-image: linear-gradient(red, red);
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
}
.link-btn i {
  margin-left: 10px;
  font-size: 14px;
}
.link-btn.style-2 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  color: white;
  overflow: hidden;
  background-image: linear-gradient(red, red);
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
}
.link-btn.style-2 i {
  color: white;
  font-size: 16px;
}
.link-btn.style-2:hover {
  background-size: 100% 1px;
  color: red;
}
.link-btn.style-2:hover i {
  color: red;
}
.link-btn.color-red {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  color: var(--header);
  overflow: hidden;
  background-image: linear-gradient(red, red);
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
}
.link-btn.color-red i {
  color: var(--header);
  font-size: 16px;
}
.link-btn.color-red:hover {
  background-size: 100% 1px;
  color: red;
}
.link-btn.color-red:hover i {
  color: red;
}
.link-btn:hover {
  background-size: 100% 1px;
  color: red;
}
.link-btn:hover i {
  color: red;
}
.link-btn.hover-style:hover {
  color: #ffb936;
}
.link-btn.hover-style:hover i {
  color: #ffb936;
}
.about-wrapper .about-content .info-area .info-content
{
  width: 60%;
}
.about-wrapper .about-content .info-area .info-content span {
    font-size: 16px;
    font-weight: 600;
    color: red;
}

@-webkit-keyframes video-animation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}
@keyframes video-animation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}
@keyframes cir36 {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rounded {
  50% {
    transform: rotate(15deg);
  }
}
@keyframes rounded-2 {
  50% {
    transform: rotate(5deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.animation__rotate {
  -webkit-animation: rotate 40s linear infinite;
  animation: rotate 40s linear infinite;
}

@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-webkit-keyframes letters-loading {
  0%, 75%, 100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
@keyframes letters-loading {
  0%, 75%, 100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
@keyframes loaderspin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes tpswing {
  0% {
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes loaderspin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes loaderpulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
.float-bob-y {
  -webkit-animation-name: float-bob-y;
  animation-name: float-bob-y;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
@keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
@keyframes scale-up-two {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  40% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
@keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  to {
    -webkit-mask-position: -50%;
  }
}

.main-cta-banner {
  position: relative;
}
.main-cta-banner::before {
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--bg);
}

.main-cta-banner-wrapper {
  padding: 120px 100px;
  border-radius: 20px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1199px) {
  .main-cta-banner-wrapper {
    padding: 120px 60px;
  }
}
@media (max-width: 767px) {
  .main-cta-banner-wrapper {
    padding: 70px 50px;
    text-align: center;
  }
}
@media (max-width: 575px) {
  .main-cta-banner-wrapper {
    padding: 60px 40px;
  }
}
.main-cta-banner-wrapper .arrow-shape {
  position: absolute;
  top: 18%;
  left: 50%;
}
@media (max-width: 767px) {
  .main-cta-banner-wrapper .arrow-shape {
    display: none;
  }
}
.main-cta-banner-wrapper .frame-shape {
  position: absolute;
  top: 20%;
  left: 42%;
}
@media (max-width: 767px) {
  .main-cta-banner-wrapper .frame-shape {
    display: none;
  }
}
.main-cta-banner-wrapper .delivery-man {
  position: absolute;
  right: 0;
  bottom: 0;
  top: -10%;
}
@media (max-width: 1199px) {
  .main-cta-banner-wrapper .delivery-man {
    right: -35px;
  }
}
@media (max-width: 991px) {
  .main-cta-banner-wrapper .delivery-man {
    width: 320px;
    top: 30%;
  }
  .main-cta-banner-wrapper .delivery-man img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .main-cta-banner-wrapper .delivery-man {
    display: none;
  }
}

.main-cta-banner-2 {
  position: relative;
}
.main-cta-banner-2 .tomato-shape-left {
  position: absolute;
  left: 0;
  bottom: 0;
}
.main-cta-banner-2 .chili-shape-right {
  position: absolute;
  top: 30%;
  right: 0;
}

.main-cta-banner-wrapper-2 {
  position: relative;
}
@media (max-width: 767px) {
  .main-cta-banner-wrapper-2 {
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center !important;
    text-align: center;
  }
}
.main-cta-banner-wrapper-2 .delivery-man {
  position: absolute;
  right: 15%;
  bottom: -30%;
}
@media (max-width: 1399px) {
  .main-cta-banner-wrapper-2 .delivery-man {
    right: 22%;
    bottom: -55%;
    width: 400px;
  }
  .main-cta-banner-wrapper-2 .delivery-man img {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 1199px) {
  .main-cta-banner-wrapper-2 .delivery-man {
    width: 350px;
  }
}
@media (max-width: 991px) {
  .main-cta-banner-wrapper-2 .delivery-man {
    display: none;
  }
}

.main-cta-banner-wrapper-3 {
  position: relative;
  padding: 100px;
  background-attachment: fixed;
}
@media (max-width: 991px) {
  .main-cta-banner-wrapper-3 {
    padding: 80px 50px;
  }
}
@media (max-width: 1199px) {
  .main-cta-banner-wrapper-3 {
    padding: 90px 70px;
  }
}
@media (max-width: 575px) {
  .main-cta-banner-wrapper-3 {
    padding: 60px 40px;
  }
}
.main-cta-banner-wrapper-3 .fry-shape {
  position: absolute;
  top: 40px;
  left: 40px;
  z-index: 9;
  animation: 4s linear 0s infinite normal none running rounded;
}
.main-cta-banner-wrapper-3 .frame-shape {
  position: absolute;
  top: 55px;
  left: 60%;
  z-index: 9;
}
@media (max-width: 991px) {
  .main-cta-banner-wrapper-3 .frame-shape {
    display: none;
  }
}
.main-cta-banner-wrapper-3 .frame-shape-2 {
  position: absolute;
  top: 40px;
  right: 40px;
  z-index: 9;
  animation: 3s linear 0s infinite normal none running rounded;
}
.main-cta-banner-wrapper-3::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(180deg, #F4F1EA 67.2%, rgba(244, 241, 234, 0) 100%);
}
.main-cta-banner-wrapper-3 .cta-content {
  position: relative;
  z-index: 9;
}
.main-cta-banner-wrapper-3 .cta-content h3 {
  font-size: 48px;
  text-transform: capitalize;
  color: var(--header);
  font-weight: 700;
  margin-bottom: 15px;
}
@media (max-width: 1199px) {
  .main-cta-banner-wrapper-3 .cta-content h3 {
    font-size: 42px;
  }
}
@media (max-width: 575px) {
  .main-cta-banner-wrapper-3 .cta-content h3 {
    font-size: 34px;
    margin-bottom: 10px;
  }
}
.main-cta-banner-wrapper-3 .newsletter-items {
  position: relative;
  z-index: 9;
}
.main-cta-banner-wrapper-3 .newsletter-items input {
  width: 100%;
  background-color: var(--white);
  border: none;
  outline: none;
  text-transform: capitalize;
  font-size: 16px;
  color: var(--text);
  padding: 20px 50px;
  position: relative;
}
.main-cta-banner-wrapper-3 .newsletter-items .icon {
  position: absolute;
  left: 20px;
  top: 20px;
  font-size: 16px;
  color: var(--text);
}
.main-cta-banner-wrapper-3 .newsletter-items .input-save {
  margin-top: 20px;
}
.main-cta-banner-wrapper-3 .newsletter-items .input-save input {
  width: 15px;
  height: 15px;
  border: 1px solid rgba(12, 15, 38, 0.2);
  background-color: red;
  outline: none;
  color: red;
  padding: 5px;
  border-radius: 0;
}
.main-cta-banner-wrapper-3 .newsletter-items .input-save label {
  margin-left: 10px;
  color: var(--text);
  text-transform: capitalize;
  font-size: 16px;
}
.main-cta-banner-wrapper-3 .newsletter-items .input-save label a {
  font-weight: 500;
  color: var(--header);
  text-decoration: underline;
}

.food-banner-section {
  position: relative;
}
.food-banner-section .chili-shape {
  position: absolute;
  bottom: 15%;
  left: 0;
}
.food-banner-section .fry-shape {
  position: absolute;
  right: 2%;
}
.food-banner-section .burger-shape-2 {
  position: absolute;
  right: 3%;
  bottom: 0;
}

.single-offer-items {
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
.single-offer-items .offer-image {
  position: absolute;
  bottom: 15px;
  left: 0;
  z-index: 9;
  -webkit-animation: scale-up-two 6s infinite linear;
  animation: scale-up-two 6s infinite linear;
}
@media (max-width: 1199px) {
  .single-offer-items .offer-image {
    bottom: 0px;
    left: 190px;
  }
}
@media (max-width: 767px) {
  .single-offer-items .offer-image {
    display: none;
  }
}
.single-offer-items .burger-text {
  position: absolute;
  right: 20%;
  top: 0;
  animation: rounded 4s linear infinite;
  z-index: 9;
}
@media (max-width: 575px) {
  .single-offer-items .burger-text {
    right: 0;
  }
}
.single-offer-items .main-food {
  position: absolute;
  right: -20px;
  bottom: -5px;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 575px) {
  .single-offer-items .main-food {
    width: 250px;
  }
  .single-offer-items .main-food img {
    width: 100%;
  }
}
.single-offer-items .offer-content {
  padding: 50px;
  position: relative;
  z-index: 99;
}
@media (max-width: 1199px) {
  .single-offer-items .offer-content {
    padding: 100px 50px;
  }
}
@media (max-width: 767px) {
  .single-offer-items .offer-content {
    padding: 90px 30px;
  }
}
.single-offer-items .offer-content h5 {
  font-weight: 700;
  color: red;
  margin-bottom: 5px;
}
.single-offer-items .offer-content h3 {
  font-size: 55px;
  color: var(--white);
}
.single-offer-items.style-2 .offer-content {
  padding: 47px 45px;
}
@media (max-width: 575px) {
  .single-offer-items .offer-content h3 {
    font-size: 42px;
  }
  .single-offer-items.style-2 .offer-content {
  padding: 45px 24px;
}
}

.single-offer-items.style-2 .offer-content h3 {
  font-size: 55px;
  margin-bottom: 5px;
 }
 .single-offer-items.style-2 .offer-content h3{
  font-size: 35px;
}

@media (max-width: 575px) {
  .single-offer-items.style-2 .offer-content h3 {
    font-size: 22px;
    margin-bottom: 16px;
  }
  .single-offer-items.style-2 .offer-content p{
    display: none;
  }
  .single-offer-items .offer-content h5{
    font-size: 16px;
  }
}
.single-offer-items.style-2 .offer-content p {
  font-size: 16px;
  font-weight: 500;
  color: var(--white);
}
.single-offer-items.style-2 .offer-img {
  position: absolute;
  top: 30%;
  left: 43%;
  -webkit-animation: scale-up-two 6s infinite linear;
  animation: scale-up-two 6s infinite linear;
}
@media (max-width: 1399px) {
  .single-offer-items.style-2 .offer-img {
    top: 15%;
    left: 58%;
  }
}
@media (max-width: 1199px) {
  .single-offer-items.style-2 .offer-img {
    top: 30%;
    left: 43%;
  }
}
@media (max-width: 767px) {
  .single-offer-items.style-2 .offer-img {
    top: 15%;
    left: 60%;
  }
}
.single-offer-items.style-2 .roller-box {
  position: absolute;
  right: -20px;
  bottom: -10px;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1399px) {
  .single-offer-items.style-2 .roller-box {
    width: 300px;
  }
  .single-offer-items.style-2 .roller-box img {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 1199px) {
  .single-offer-items.style-2 .roller-box {
    width: initial;
  }
}
@media (max-width: 575px) {
  .single-offer-items.style-2 .roller-box {
    width: 170px;
    right: 0;
    bottom: 0;
      }
  .single-offer-items.style-2 .roller-box img {
    width: 100%;
    height: 100%;
  }
  .single-offer-items.style-2 .offer-img{
    display: none;
  }
   .theme-btn {
        padding: 9px 8px;
        font-size: 12px;

    }
}
.single-offer-items.style-2:hover .roller-box {
  right: -50px;
}
.single-offer-items.style-3 {
  border-radius: 9px;
}
.single-offer-items.style-3 .offer-content {
  margin-bottom: 20px;
  padding: 50px 35px;
  position: relative;
  z-index: 9;
}
.single-offer-items.style-3 .offer-content h3 {
  margin-bottom: 20px;
  font-size: 38px;
  font-weight: 700;
}
.single-offer-items.style-3 .offer-image-2 {
  position: absolute;
  top: 0;
  right: 5%;
  animation: 4s linear 0s infinite normal none running rounded;
}
.single-offer-items.style-3 .small-pizza {
  position: absolute;
  bottom: 0;
  right: 0;
  transition: all 0.4s ease-in-out;
}
.single-offer-items.style-3 .french-content {
  padding: 50px 35px;
  position: relative;
  z-index: 9;
}
.single-offer-items.style-3 .french-content span {
  font-size: 14px;
  color: red;
  font-weight: 500;
}
.single-offer-items.style-3 .french-content h4 {
  font-size: 26px;
  font-style: italic;
  color: var(--white);
  text-transform: capitalize;
  font-weight: 500;
  color: #ffb936;
  margin-bottom: 10px;
}
.single-offer-items.style-3 .french-content h4 span {
  font-size: 14px;
  font-family: "Barlow Condensed", sans-serif;
  margin-right: 5px;
  color: var(--white);
}
.single-offer-items.style-3 .french-content h3 {
  font-size: 40px;
  color: var(--white);
  margin-bottom: 10px;
}
.single-offer-items.style-3 .french-content h5 {
  color: var(--white);
  text-transform: capitalize;
  margin-bottom: 40px;
  font-weight: 500;
}
.single-offer-items.style-3 .french-content .theme-btn {
  background-color: #ffb936 !important;
  padding: 16px 40px;
}
.single-offer-items.style-3 .french-content .theme-btn .button-content-wrapper .button-icon i {
  margin-left: 10px;
}
.single-offer-items.style-3 .french-content .theme-btn .button-content-wrapper .button-text {
  font-weight: 600;
  color: var(--header) !important;
  font-size: 18px;
  text-transform: capitalize;
}
.single-offer-items.style-3 .french-content .theme-btn:hover {
  color: var(--header);
}
.single-offer-items.style-3 .french-content .theme-btn:hover::before {
  background-color: var(--white);
}
.single-offer-items.style-3 .french-image {
  position: absolute;
  bottom: 0;
  right: 0;
  transition: all 0.4s ease-in-out;
}
.single-offer-items.style-3 .noodles-image {
  position: absolute;
  right: 0;
  bottom: 40px;
  width: 205px;
  transition: all 0.4s ease-in-out;
}
.single-offer-items.style-3 .noodles-image img {
  width: 100%;
  height: 100%;
}
.single-offer-items.style-3 .chicken-image {
  position: absolute;
  right: 0;
  bottom: 0;
  transition: all 0.4s ease-in-out;
}
.single-offer-items.style-3 .offer-shape-3 {
  position: absolute;
  right: 30%;
  top: 20%;
  animation: 4s linear 0s infinite normal none running rounded;
}
.single-offer-items.style-3 .main-food-3 {
  position: absolute;
  right: 0;
  bottom: 0;
  transition: all 0.4s ease-in-out;
}
.single-offer-items.style-3:hover .small-pizza, .single-offer-items.style-3:hover .chicken-image {
  transform: scale(1.1);
}
.single-offer-items.style-3:hover .french-image {
  right: -30px;
}
.single-offer-items.style-3:hover .main-food-3 {
  transform: scale(1.1);
}
.single-offer-items.style-3:hover .noodles-image {
  right: -30px;
}
.single-offer-items.style-4 {
  border-radius: 0;
  padding: 60px 45px;
  overflow: hidden;
}
.single-offer-items.style-4 .burger-comboo-content {
  position: relative;
  z-index: 9;
}
.single-offer-items.style-4 .burger-comboo-content h4 {
  font-size: 26px;
  font-weight: 500;
  text-transform: capitalize;
  color: #ffb936;
}
 @keyframes scroll{
    from{
        transform:translateX(0px);
    }
    to{
        transform: translateX(-100%);
    }
}
#scroller {
    display: inline-block;
    background-color: transparent;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    z-index: 10;
}
#scroller-1 {
    white-space: nowrap;
    display: inline-block;
    animation-name: scroll;
    animation-duration: 90s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.burger-content {
    padding: 100px 40px;
    max-width: 300px;
    position: relative;
    z-index: 9;
}
.burger-content h1, .burger-content h2, .burger-content h3,
.burger-content h4, .burger-content h5, .burger-content h6 {
    margin: 0px;
    padding: 0;
    text-transform: uppercase;
    transition: all 0.4s ease-in-out;
}
.burger-content h3 {
    font-size: 33px;
    font-weight: 700;
}
.burger-content h2 {
    font-size: 46px;
    line-height: 110%;
    font-weight: 700;
}
.single-offer-items .offer-content h5{
  text-transform: uppercase;
}
.burger-banner-items .text-shape{
  top:20px;
}
.burger-banner-items .burger-content h4 {
    font-size: 31px;
    margin-top: 10px;
}
/* Hide scrollbar for Chrome, Safari and Opera */
#scroller::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#scroller {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.food-processing-wrapper {
    position: relative;
}
.food-processing-wrapper::before {
    position: absolute;
    top: 50%;
    left: 100px;
    width: 80%;
    height: 1px;
    content: "";
    background-image: url(/assets/frontend/images/border.png);
}
.food-processing-wrapper .food-processing-items.style-2 {
    border: none;
}
.food-processing-wrapper .food-processing-items {
    margin-top: 30px;
    transition: all 0.4s ease-in-out;
    border: 1px dotted transparent;
    padding: 50px 50px;
    border-radius: 17px;
    position: relative;
}
.center {
    text-align: center;
    margin: 0 auto;
}
.food-processing-wrapper .food-processing-items .food-processing-image {
    position: relative;
    height: 236px;
}
.food-processing-wrapper .food-processing-items .food-processing-image .number {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: green;
    border-radius: 50%;
    position: absolute;
    top: 25px;
    right: 53%;
    opacity: 0;
    transition: all 0.4s ease-in-out;
}
.food-processing-wrapper .food-processing-items .food-processing-image .number span {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}
.food-processing-wrapper .food-processing-items .food-processing-content {
    margin-top: 15px;
}
.food-processing-wrapper .food-processing-items .food-processing-content h3 {
    font-size: 22px;
    margin-bottom: 10px;
    color: #212121;
    text-transform: uppercase;
    font-weight: 500;
}
.food-processing-wrapper .food-processing-items .food-processing-content p{
  color: #5C5C5B;
}
.food-processing-wrapper .food-processing-items.style-2.active {
    background-color: rgb(227 30 36);
}
.food-processing-wrapper .food-processing-items.active {
    background-color: #fff;
    border-radius: 17px;
    border: 1px dotted #5C5C5B;
}
.food-processing-wrapper .food-processing-items.style-2 {
    border: none;
}
.food-processing-wrapper .food-processing-items {
    margin-top: 30px;
    transition: all 0.4s ease-in-out;
    border: 1px dotted transparent;
    padding: 50px 50px;
    border-radius: 17px;
    position: relative;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.food-processing-wrapper .food-processing-items.active .food-processing-image .number {
    opacity: 1;
}
.food-processing-wrapper .food-processing-items.style-2.active h3, 
.food-processing-wrapper .food-processing-items.style-2.active p{
  color: #fff;
}
.food-processing-wrapper .food-processing-items.style-2:hover {
    background-color: rgb(227 30 36);
}
.food-processing-wrapper .food-processing-items.style-2:hover h3,
.food-processing-wrapper .food-processing-items.style-2:hover p{
  color: #fff;
}
.food-processing-wrapper .food-processing-items:hover {
    background-color: #fff;
   border: none;
}
.food-processing-wrapper .food-processing-items:hover .food-processing-image .number {
    opacity: 1;
}
.section-title {
    position: relative;
    z-index: 99;
    margin-bottom: 30px;
    margin-top: -6px;
}
.section-title h2 {
    font-size: 70px;
    line-height: 110%;
    font-weight: 700;
    text-transform: capitalize;
    color: #222;
}

div#about-page{
  padding-top:0;
}
@media (min-width: 1400px) {
  .food-processing-wrapper .food-processing-items .food-processing-image{
    height: 290px;
  }
}
@media (max-width: 575px) {
  .single-offer-items.style-4 .burger-comboo-content h4 {
    font-size: 22px;
  }
}
.single-offer-items.style-4 .burger-comboo-content h3 {
  font-size: 40px;
  color: var(--white);
  margin-bottom: 15px;
}
@media (max-width: 575px) {
  .single-offer-items.style-4 .burger-comboo-content h3 {
    margin-bottom: 10px;
  }
}
.single-offer-items.style-4 .burger-comboo-content h2 {
  font-size: 44px;
  color: var(--white);
  margin-top: 20px;
}
@media (max-width: 575px) {
  .single-offer-items.style-4 .burger-comboo-content h2 {
    font-size: 36px;
    margin-top: 15px;
  }
}
.single-offer-items.style-4 .burger-comboo-content h2 span {
  font-size: 20px;
  font-weight: 600;
}
.single-offer-items.style-4 .chicken-content {
  position: relative;
  z-index: 9;
}
.single-offer-items.style-4 .chicken-content h5 {
  color: red;
  margin-bottom: 5px;
}
.single-offer-items.style-4 .chicken-content h3 {
  font-size: 53px;
  color: var(--white);
}
@media (max-width: 575px) {
  .single-offer-items.style-4 .chicken-content h3 {
    font-size: 40px;
  }
}
.single-offer-items.style-4 .chicken-content h6 {
  text-transform: initial;
  color: var(--white);
  margin-top: 10px;
}
.single-offer-items.style-4 .french-image {
  position: absolute;
  bottom: 15%;
  right: 0;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 575px) {
  .single-offer-items.style-4 .french-image {
    width: 250px;
  }
  .single-offer-items.style-4 .french-image img {
    width: 100%;
  }
}
.single-offer-items.style-4 .chicken-text {
  position: relative;
  z-index: 9;
}
.single-offer-items.style-4 .chicken-french-image {
  position: absolute;
  bottom: 10%;
  right: 5%;
  transition: all 0.4s ease-in-out;
}
.single-offer-items.style-4:hover .french-image {
  right: -30px;
}
.single-offer-items.style-4:hover .chicken-french-image {
  transform: scale(1.1);
}
.single-offer-items:hover .main-food {
  transform: scale(1.1);
}

.pizza-banner-items {
  padding: 60px 50px;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 1399px) {
  .pizza-banner-items {
    padding: 60px 30px;
  }
}
@media (max-width: 1199px) {
  .pizza-banner-items {
    padding: 60px 50px;
  }
}
@media (max-width: 767px) {
  .pizza-banner-items {
    padding: 60px 30px;
    background-size: 300%;
  }
}
.pizza-banner-items .pizza-image {
  position: absolute;
  right: 0;
  bottom: -40px;
  transition: all 0.4s ease-in-out;
  z-index: 99;
}
@media (max-width: 1399px) {
  .pizza-banner-items .pizza-image {
    max-width: 300px;
    bottom: 0;
  }
  .pizza-banner-items .pizza-image img {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 1199px) {
  .pizza-banner-items .pizza-image {
    max-width: initial;
    bottom: -40px;
  }
}
@media (max-width: 767px) {
  .pizza-banner-items .pizza-image {
    width: 270px;
    bottom: -10px;
  }
  .pizza-banner-items .pizza-image img {
    width: 100%;
    height: 100%;
  }
}
.pizza-banner-items .pizza-text {
  position: relative;
  z-index: 9;
}
.pizza-banner-items .pizza-text-2 {
  position: absolute;
  right: 15%;
  top: 5px;
}
@media (max-width: 767px) {
  .pizza-banner-items .pizza-text-2 {
    top: 30px;
  }
}
.pizza-banner-items:hover .pizza-image {
  transform: scale(1.1);
}

.burger-banner-items {
  border-radius: 20px;
  position: relative;
}
.burger-banner-items .burger-content {
  padding: 100px 40px;
  max-width: 300px;
  position: relative;
  z-index: 9;
}
.burger-banner-items .burger-content h4 {
  font-size: 32px;
  color: var(--white);
  margin-top: 10px;
}
@media (max-width: 767px) {
  .burger-banner-items .burger-content {
    width: 280px;
    padding: 100px 30px;
  }
}
@media (max-width: 575px) {
  .burger-banner-items .burger-content {
    width: 180px;
    padding: 62px 20px;
  }
  .burger-content h3 {
    font-size: 18px;}
    .burger-content h2 {
    font-size: 27px;}
    .burger-banner-items .burger-content h4 {
    font-size: 18px;
    margin-top: 0px;
    }
    .food-banner-section .row{
      gap: 10px;
    }
}
.burger-banner-items .burger-content h2, .burger-banner-items .burger-content h3 {
  color: var(--white);
}

.burger-banner-items .burger-content h4 span {
  color: #ffb936;
}
.burger-banner-items .burger-image {
  position: absolute;
  bottom: 0;
  right: 0;
  transition: all 0.4s ease-in-out;
  width: 315px;
}
@media (max-width: 1399px) {
  .burger-banner-items .burger-image {
    width: 350px;
    bottom: -12px;
    right: 0;
  }
  .burger-banner-items .burger-image img {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 1199px) {
  .burger-banner-items .burger-image {
    width: 300px;
    right: 6px;
  }
}
@media (max-width: 767px) {
  .burger-banner-items .burger-image {
    width: 250px;
    bottom: 0;
    right: 0;
  }
}
@media screen and (max-width: 500px) {
  .burger-banner-items .burger-image {
    width: 180px;
  }
}
.burger-banner-items:hover .burger-image {
  transform: scale(1.1);
}
.burger-banner-items .text-shape {
  position: absolute;
  top: 12px;
  right: 53px;
}
@media (max-width: 1199px) {
  .burger-banner-items .text-shape {
    top: 25px;
  }
}
@media (max-width: 575px) {
  .burger-banner-items .text-shape {
    display: none;
  }
}
.burger-banner-items .burger-text {
  position: absolute;
  top: 20%;
  left: 44%;
  animation: 5s linear 0s infinite normal none running rounded;
}
@media (max-width: 1199px) {
  .burger-banner-items .burger-text {
    left: 30%;
  }
}
@media (max-width: 767px) {
  .burger-banner-items .burger-text {
    left: 35%;
  }
}
@media (max-width: 575px) {
  .burger-banner-items .burger-text {
    display: none;
  }
}

.grilled-banner {
  position: relative;
}
.grilled-banner .patato-shape {
  position: absolute;
  bottom: -80px;
  left: -40px;
}
@media (max-width: 1399px) {
  .grilled-banner .patato-shape {
    display: none;
  }
}
.grilled-banner .offer-shape {
  position: absolute;
  bottom: 33%;
  left: 2%;
}
@media (max-width: 1399px) {
  .grilled-banner .offer-shape {
    bottom: 30%;
    left: 35%;
  }
}
@media (max-width: 1199px) {
  .grilled-banner .offer-shape {
    display: none;
  }
}
.grilled-banner .text-shape {
  position: absolute;
  bottom: 20%;
  left: 52%;
  transform: rotate(30.01deg);
  animation: rounded 5s linear infinite;
}
@media (max-width: 991px) {
  .grilled-banner .text-shape {
    display: none;
  }
}
.grilled-banner .spicy-shape {
  position: absolute;
  right: 7%;
  top: 15%;
  -webkit-animation: rotate 15s linear infinite;
  animation: rotate 15s linear infinite;
}
@media (max-width: 1399px) {
  .grilled-banner .spicy-shape {
    top: 5%;
    right: 2%;
  }
}
@media (max-width: 1199px) {
  .grilled-banner .spicy-shape {
    top: 65%;
    right: 5%;
  }
  .grilled-banner .spicy-shape img {
    width: 60%;
  }
}
.grilled-banner .tomato-shape {
  position: absolute;
  right: 0;
  bottom: 0;
}

.grilled-wrapper .grilled-content {
  position: relative;
  z-index: 99;
}
@media (max-width: 991px) {
  .grilled-wrapper .grilled-content {
    text-align: center;
  }
}
.grilled-wrapper .grilled-content h4 {
  color: var(--white);
  font-size: 28px;
  margin-bottom: 5px;
}
@media (max-width: 575px) {
  .grilled-wrapper .grilled-content h4 {
    font-size: 22px;
  }
}
.grilled-wrapper .grilled-content h2 {
  color: var(--white);
}
.grilled-wrapper .grilled-content h2 span {
  color: #ffb936;
}
@media (max-width: 1199px) {
  .grilled-wrapper .grilled-content h2 {
    font-size: 66px;
  }
}
@media (max-width: 991px) {
  .grilled-wrapper .grilled-content h2 {
    font-size: 56px;
  }
}
@media (max-width: 575px) {
  .grilled-wrapper .grilled-content h2 {
    font-size: 46px;
  }
}
.grilled-wrapper .grilled-content h3 {
  margin-top: 20px;
}
@media (max-width: 1199px) {
  .grilled-wrapper .grilled-content h3 {
    font-size: 40px;
  }
}
@media (max-width: 991px) {
  .grilled-wrapper .grilled-content h3 {
    font-size: 36px;
  }
}
@media (max-width: 575px) {
  .grilled-wrapper .grilled-content h3 {
    font-size: 28px;
  }
}
.grilled-wrapper .grilled-content h3 a {
  color: var(--white);
}
.grilled-wrapper .grilled-content h3 a .text-1 {
  color: #ffb936;
}
.grilled-wrapper .grilled-content h3 .text-2 {
  font-size: 28px;
  color: #ffb936;
}
.grilled-wrapper .grilled-content h3 sup {
  margin-top: 10px;
}
.grilled-wrapper .grilled-content .grilled-button {
  margin-top: 40px;
}
.grilled-wrapper .grilled-image img {
  width: 100%;
  height: 100%;
}

.food-comboo-section {
  position: relative;
}
.food-comboo-section .drinks-shape {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 1399px) {
  .food-comboo-section .drinks-shape {
    display: none;
  }
}

@media (max-width: 1199px) {
  .comboo-wrapper {
    padding-bottom: 180px;
  }
}
@media (max-width: 1199px) {
  .comboo-wrapper .food-comboo-content {
    padding-bottom: 180px;
  }
}
.comboo-wrapper .food-comboo-content .nav {
  border: unset;
  margin-top: 40px;
  display: inline-block;
}
.comboo-wrapper .food-comboo-content .nav .nav-link {
  padding: 0;
  border: unset;
  background: none;
  max-width: 500px;
  width: 100%;
}
.comboo-wrapper .food-comboo-content .nav .nav-link:not(:last-child) {
  margin-bottom: 25px;
}
.comboo-wrapper .food-comboo-content .nav .nav-link .food-comboo-list {
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 15px 30px;
  background-color: var(--bg);
  border-radius: 5px;
}
@media screen and (max-width: 470px) {
  .comboo-wrapper .food-comboo-content .nav .nav-link .food-comboo-list {
    padding: 15px 15px;
    gap: 15px;
  }
}
.comboo-wrapper .food-comboo-content .nav .nav-link .food-comboo-list .comboo-title {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--header);
}
.comboo-wrapper .food-comboo-content .nav .nav-link.active .food-comboo-list {
  background-color: #ffb936;
}
.comboo-wrapper .comboo-image {
  width: 898px;
  height: 780px;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 1399px) {
  .comboo-wrapper .comboo-image {
    width: 630px;
    height: 780px;
  }
}
@media (max-width: 1199px) {
  .comboo-wrapper .comboo-image {
    width: 1180px;
    height: 410px;
    left: 0;
    bottom: 0;
  }
}
@media (max-width: 991px) {
  .comboo-wrapper .comboo-image {
    width: 990px;
  }
}
@media (max-width: 767px) {
  .comboo-wrapper .comboo-image {
    width: 770px;
    height: 400px;
  }
}
@media (max-width: 575px) {
  .comboo-wrapper .comboo-image {
    left: 0;
    bottom: 0;
    right: 0;
  }
}
.comboo-wrapper .comboo-image .pizza-text {
  position: absolute;
  top: 15%;
  left: 10px;
  z-index: 9;
  -webkit-animation: tpswing 4s forwards infinite alternate;
  animation: tpswing 4s forwards infinite alternate;
}
@media (max-width: 1399px) {
  .comboo-wrapper .comboo-image .pizza-text {
    top: 20%;
    left: 10px;
  }
}
@media (max-width: 1199px) {
  .comboo-wrapper .comboo-image .pizza-text {
    top: 15%;
    left: 10px;
  }
}
@media (max-width: 767px) {
  .comboo-wrapper .comboo-image .pizza-text {
    top: 3%;
  }
}
@media (max-width: 575px) {
  .comboo-wrapper .comboo-image .pizza-text {
    display: none;
  }
}
.comboo-wrapper .comboo-image .offer-shape {
  position: absolute;
  top: 10%;
  left: 40%;
  -webkit-animation: scale-up-two 6s infinite linear;
  animation: scale-up-two 6s infinite linear;
}
@media (max-width: 1399px) {
  .comboo-wrapper .comboo-image .offer-shape {
    top: 0%;
    left: 30%;
  }
}
@media (max-width: 991px) {
  .comboo-wrapper .comboo-image .offer-shape {
    top: 10%;
    left: 40%;
  }
}
@media (max-width: 767px) {
  .comboo-wrapper .comboo-image .offer-shape {
    left: 50%;
    top: 0;
  }
}
@media (max-width: 575px) {
  .comboo-wrapper .comboo-image .offer-shape {
    left: 8%;
  }
}
.comboo-wrapper .comboo-image .vegetable-shape {
  position: absolute;
  top: 5%;
  right: 10%;
  -webkit-animation: tpswing 3s forwards infinite alternate;
  animation: tpswing 3s forwards infinite alternate;
}
.comboo-wrapper .comboo-image .pizza-image {
  position: absolute;
  top: 25%;
  left: -12%;
  max-width: 1100px;
}
.comboo-wrapper .comboo-image .pizza-image img {
  width: 100%;
}
@media (max-width: 1399px) {
  .comboo-wrapper .comboo-image .pizza-image {
    top: 45%;
    left: -10%;
  }
}
@media (max-width: 1199px) {
  .comboo-wrapper .comboo-image .pizza-image {
    top: 25%;
    left: 20%;
    max-width: 625px;
  }
}
@media (max-width: 991px) {
  .comboo-wrapper .comboo-image .pizza-image {
    max-width: 500px;
    left: 120px;
    top: 40%;
  }
}
@media (max-width: 767px) {
  .comboo-wrapper .comboo-image .pizza-image {
    left: 50px;
    top: 35%;
  }
}
@media (max-width: 575px) {
  .comboo-wrapper .comboo-image .pizza-image {
    top: 37%;
    left: -6%;
  }
}


.marquee-wrapper {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 30px;
  margin-bottom: -3px;
}
.marquee-wrapper.style-3 {
  margin-top: 50px;
}
@media (max-width: 575px) {
  .marquee-wrapper.style-3 {
    margin-top: 40px;
  }
}
.marquee-wrapper.style-3 .marquee-inner .marqee-list .marquee-item .text-slider {
  text-transform: capitalize;
  font-family: "Barlow Condensed", sans-serif;
  line-height: 88px;
  font-weight: 400;
}
@media (max-width: 575px) {
  .marquee-wrapper.style-responsive {
    margin-top: -29px !important;
  }
}
@media (max-width: 575px) {
  .marquee-wrapper.style-responsive-2 {
    margin-top: -29px !important;
  }
}

.text-slider {
  font-size: 130px;
  height: 100px;
  line-height: 85px;
  font-weight: 700;
  text-transform: uppercase;
}
.text-slider.text-color {
  color: #A4A4A4;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #A4A4A4;
  -webkit-text-fill-color: transparent;
  font-style: italic;
}
.text-slider.text-color-2 {
  color: red;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: red;
  -webkit-text-fill-color: transparent;
  font-style: italic;
}
@media (max-width: 575px) {
  .text-slider {
    font-size: 50px;
    height: 40px;
    line-height: 51px;
  }
}

.marquee-inner {
  position: absolute;
  display: inline-flex;
  width: 200%;
}

.marquee-list {
  float: left;
  width: 50%;
}

.marquee-item {
  float: left;
  transition: animation 0.2s ease-out;
}

.marquee-inner.to-left {
  animation: marqueeLeft 25s linear infinite;
}

@keyframes marqueeLeft {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}
.marquee-inner.to-right {
  animation: marqueeRight 25s linear infinite;
}

@keyframes marqueeRight {
  0% {
    right: 0;
  }
  100% {
    right: -100%;
  }
}
section#main_cat
{
  margin:15px 0;
}

#main_cat .social__links ul li{
        width: 47%;
    margin:1.1% 1.1%  3.1%  1.1%;
    display: inline-block;
    padding: 1%;
     background: #fff; 
    /*background: #1f2130;*/
    backdrop-filter: blur(0px);
    border-radius: 5px;
    transition: background 0.25s;
    transform-style: preserve-3d;
    perspective: 500px;
    -webkit-box-shadow: 6px 6px 0px #d6d6d6, 5px 5px 20px #bebebe;
    -moz-box-shadow:6px 6px 0px #d6d6d6, 5px 5px 20px #bebebe;
    box-shadow: 6px 6px 0px #d6d6d6, 5px 5px 20px #bebebe;
}
#main_cat .js-tilt-glare{
    border-radius: 5px;
}

#main_cat .social__links ul li a{
    width: 100%;
    display: flex;
    align-items: center;
    color: #000;
    /*color: #fff;*/
    font-size:12px;
}
#main_cat .social__links ul li img
{
  width:40px;
  height: auto;
  margin:0 10px 0 5px;
      box-shadow: 0 0.3rem 1rem -0.375rem rgb(0 0 0 / 51%) !important;
    border-radius: 10px;
}
#main_cat .social__links ul li a i{
    text-align: center;
    line-height: 4rem;
    font-size:14px;
    transform: scale(1.4) translateZ(50px);
    transition: 0.25s;
    color: #fd3838;
}
#main_cat .social__links h3
{
  font-size: 12px;
  margin-bottom: 0;
}
#main_cat .social__links p
{
  font-size: 10px;
  margin-bottom: 0;
}
#main_cat .social__links label
{
  font-size: 10px;
  margin-bottom: 0;
  /*color: #fd3838;*/
  /*color: #FFEB3B;*/
  color:#141414;
}
#main_cat .social__links ul li a span{
    line-height: 14px;
    /*margin-left: 10px;*/
}
#main_cat .social__links ul li a i
{
  margin:0 10px;
}

.social-head 
{
  padding-bottom:8px;
}
.social-head h3{
   color: #303030;
    padding: 5px;
    font-family: inherit;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 5px;
    /* border: 1px solid #607D8B; */
    /* border-radius: 3px; */
    /* background: #181924; */
    text-transform: uppercase;
    text-align: center;
    /* border-bottom: 2px solid; */
    border-bottom: 2px solid #8080807d;
    width: auto;
    display: inline;
    margin: 0 auto;
    text-align: center;
}
.social__links ul#item
{
  margin-bottom: 10px;
}
.footer-div {
    /*position: fixed;*/
    /*bottom: 0;*/
}
.footer-div .footer_bottom
{
  background: #d8d8d8;
  color: #000;
  border:none;
}
.footer-div .footer_bottom a
{
  color: #fff;
}
.media-part a
{
  width: 35%;
}
.media-part span
{
  width: 35%;
}
.media-part .btn
{
  width: 100%;
}



.sidebar-tog input[type=checkbox]
{
  display: none;
}
@media (max-width:599px){
  .sectionDefault .container {
        padding: 5px 0px !important;
    }
    .restaurant-container .restaurant-container{
      padding-left: 0;
      padding-right: 0;
    }
    .add-box{
      margin: 0 0 20px !important;
    }
    .row.mt-30 {
        margin-top: 15px !important;
    }
    .cid-qBK2ZYNhQk{
      padding-bottom: 56px;
    }
    .section_items1{
      padding-top: 14px;
    }
    div#menu-page{
      padding-top: 26px !important;
    }
    #order-page {
    margin: 67px 0;
    }
     #order-page > *{
      padding: 0;
    }
}
@media (max-width:991px){
    .section_items1{
      padding-top: 14px;
    }
    div#menu-page{
      padding-top: 26px !important;
    } 
}
@media (min-width:710px) and (max-width:991px){
  .singlePage.style_2 ul li{
    width: 99.111%;
  }
      div#showCheckoutData {
        padding-top: 0px !important;
    }
    #order-page {
    margin: 67px 0;
    }

}

.footer-div .footer_bottom
{
  display: block!important;
}
/*.social-btns1 {
    display: flex;
    gap: 10px;
}*/
.social-btns1 a
{
      width: 30%;
    background-color: #fff;
    padding: 20px 5px 15px 5px;
    border-radius: 10px;
    margin: 6% 1% 6% 1%;
    display: inline-block;
    text-align: center;
}
span.tit
{
  font-size: 11px;
}
#rev .social-img
{
  box-shadow: 0px 0px 0 #d6d6d6, 6px 6px 10px #bebebe;
  margin-bottom:8px;
}

.social-btns2 a
{
       width: 30%;
    /* background-color: #fff; */
    /* padding: 10px 10px 0px 10px; */
    border-radius: 10px;
    margin:2% 1%;
    display: inline-block;
    text-align: center;
}

.social-btns2 .social-img1
{
      width:70%;
   margin:0px auto 7px auto
}
.social-btns2 span.tit
{
/*margin-bottom: -20px;*/
    background-color: #030000;
    color: #fff;
    padding: 3px 6px;
    border-radius: 4px;
}
.desc {
    padding: 10px;
   /* border-top: 1px solid #f2f2f2;
    margin-top: 10px;*/
}
#scroller {
    display: inline-block;
    background-color: transparent;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    z-index: 10;
}
#scroller-1 {
    white-space: nowrap;
    display: inline-block;
    animation-name: scroll;
    animation-duration: 50s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
#scroller span{
    white-space: nowrap;
    display: inline-block;
    font-size: 120px;
    font-weight: 800;
    color: transparent;
    transition: all linear 0.3s;
}
  .info .four {
    text-align: center;
    border-right: 1px solid #d2d2d2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 32%;
    display: inline-block;
    font-size: 12px;
  }

  .info .four:last-of-type {
    border-right: none;
  }

  .info .four .number {
    display: block;
    font-size:16px;
    line-height: 20px;
    font-weight: 700;
  }
  .info .four .number img
  {
    width: 30px;
  }
  .rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    margin: 5px 0;
  }

  /*hides the radio buttons*/
  .rating > input {
    display: none;
  }

  /*style the empty stars, sets position:relative as base for pseudo-elements*/
  .rating > label {
    position: relative;
    width: 1.1em;
    font-size:20px;
    line-height: 20px;
    color: #ffd700;
    cursor: pointer;
    margin: 0;
  }

  /* sets filled star pseudo-elements */
  .rating > label::before {
    content: "\2605";
    position: absolute;
    opacity: 0;
  }
  /*overlays a filled start character to the hovered element and all previous siblings*/
  .rating > label:hover:before,
  .rating > label:hover ~ label:before {
    opacity: 1 !important;
  }

  /*overlays a filled start character on the selected element and all previous siblings*/
  .rating > input:checked ~ label:before {
    opacity: 1;
  }

  /*when an element is selected and pointer re-enters the rating container, selected rate and siblings get semi transparent, as reminder of current selection*/
  .rating:hover > input:checked ~ label:before {
    opacity: 0.4;
  }
  h4.tag {
    font-size: 14px;
    font-weight: 500;
    margin: 4px 0;
  }
  #rev .single-listing-summary2 .media .media-body .loc
  {
    margin-bottom: 10px;
    /*border-bottom: 1px solid #f2f2f2;*/
    /*padding-bottom: 10px;*/
    color: #303030;
  }
  .social-head1
  {
    padding: 4px 8px;
    background: #d8d8d8;
    border-radius: 6px;
    box-shadow: 0px 0px 0 #d6d6d6, 6px 6px 10px #bebebe;
    margin: 10px 0;
    text-align: center;
    border-bottom: 2px solid #303030;
  }
  .social-head1 h3 {
    color: #000000;
    padding: 5px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    /* line-height: 20px; */
    margin-top: 5px;
    /* border: 1px solid #607D8B; */
    /* border-radius: 3px; */
    /* background: #181924; */
    text-transform: uppercase;
    text-align: center;
    /* border-bottom: 2px solid; */
    /* border-bottom: 2px solid #8080807d; */
    width: auto;
    display: inline;
    margin: 0 auto;
    text-align: center;
    letter-spacing: 1px;
}
form.defaultForm.callWaiterForm .form-group
{
  margin: 0;
}
ul#serv-item {
    margin: 0;
    padding: 0;
    display: block;
}
ul#serv-item li {
    display: inline-block;
    padding: 4px 10px;
    background-color: #ffffff;
    color: #303030;
    width: auto;
    margin: 1%;
    border-radius: 7px;
    box-shadow: 0px 0px 0 #d6d6d6, 0px 1px 8px #bebebe;
    font-size: 12px;
}
div#what_we_do {
    margin-bottom: 40px;
}
  html {
  scroll-behavior: smooth;
}
.media-part button#we_do
{
  width: 35%;
}
.footer-div .footer_bottom p
{
  font-size: 12px;
}
.order_input_area .choosy-button{
    text-align: center;
    margin: 0 auto;
  }
@media (max-width:599px){
  #scroller span{
    font-size:50px;
  }
  .section-title h2{
    font-size: 40px;
  }
  .food-processing-wrapper .food-processing-items{
    padding: 30px 32px;
    margin-top: 2px;
  }
  .food-processing-wrapper .food-processing-items .food-processing-image .number{
    opacity: 1;
  }
  .section-title {
    margin-bottom: 0;
  }
  .section_items, .sectionDefault
    {
      padding-bottom: 25px!important;
      padding-top: 36px !important;

    }
    .navbar-icon img{
    /*width: 46px;
    height: 42px;*/
    border-radius: 4px;
    max-width: 11%;
  }
  .food-processing-wrapper .food-processing-items .food-processing-image{
    height: auto;
  }
  #double-icon #searchbar.wrapper{
    position: fixed;
        left: 84%;
        z-index: 999;
        top: 77px !important;
  }
  .breadcrumb-wrapper .page-heading{
    padding: 60px 0;
  }
  .breadcrumb-wrapper .page-heading h1{
    font-size: 36px;
  }
  .breadcrumb-wrapper .page-heading .breadcrumb-items{
    margin-top: 9px;
  }
  .breadcrumb-wrapper .page-heading .breadcrumb-items li{
    font-size: 16px;
  }
  .menu-div{
    margin-top: 25px;
  }
  #menu-page .choosy-button .radio-button-container{
    margin-top: 6px;
  }
  #menu-page .menu-div{
    margin-top: 0px;
  }

}

@media (min-width:710px) and (max-width:991px){
  .section_items, .sectionDefault {
        padding-bottom: 25px !important;
        padding-top: 25px !important;
    }
  .burger-banner-items .burger-content{
    display: none;
  }
  .burger-banner-items .text-shape{
    right: 38px;
  }
  .burger-banner-items .burger-text, .single-offer-items.style-2 .offer-img{
    display: none;
  }
  .theme-btn {
        padding: 16px 8px;}
  .single-offer-items.style-2 .roller-box {
        width: 176px;
    }
  .single-offer-items.style-2 .offer-content{
    padding: 47px 32px;
  }
  #scroller span{
    font-size: 75px;
  }
  .text-slider{
    height: 75px;
    line-height: 85px;
  }
  .section-title h2{
    font-size: 54px;
  }
  .food-processing-wrapper .food-processing-items .food-processing-image{
    width: 170px;
    height: auto;
  }
  .food-processing-wrapper .food-processing-items{
    padding: 15px 13px;
  }
  .food-processing-wrapper .food-processing-items .food-processing-content h3{
    font-size: 16px;
  }
  .food-processing-wrapper .food-processing-items .food-processing-content{
    margin-top: 6px;
  }
  .about-section .content-column .text{
    line-height: 1.6em;
  }
  .about-section .row{
    align-items: center;
  }
  .food-processing-wrapper::before{
    display: none;
  }
  a.navbar-icon {
    padding: 5px 0;
    display: inline-block;
  }
  .navbar-icon img{
    border-radius: 4px;
    max-width: 6%;
  }
  #double-icon #searchbar.wrapper{
    position: fixed;
        left: 84%;
        z-index: 999;
        top: 77px !important;
  }
  
  .menu-div{
    margin-top: 25px;
  }
  #menu-page .choosy-button .radio-button-container{
    margin-top: 6px;
  }
  #menu-page .menu-div{
    margin-top: 0px;
  }
  #contact-sec{
    min-height: 100vh;
  }
}
@media (min-width:710px) and (max-width:991px){
  #double-icon .sidebarIconToggle{
    position: fixed;
    top: 19px;
    right: 8%;
    z-index: 999;
  }
      .sidebar-tog .sidebarIconToggle {
        position: absolute;
        top: 18px;
        right: 8%;
    }
    .modal-box{
      width: 60%;
    }
}
@media (min-width:820px) and (max-width:991px){
  #double-icon .sidebarIconToggle{
    right: 10%;
  }
   .sidebar-tog .sidebarIconToggle {
        position: absolute;
        top: 18px;
        right: 10%;
    }
}
.portfolio .social-img img
                    {
                      padding: 10px;
                    }
/** Custom Select **/
.custom-select-wrapper {
  position: relative;
  display: inline-block;
  user-select: none;
}
  .custom-select-wrapper select {
    display: none;
  }
  .custom-select {
    position: relative;
    display: inline-block;
  }
    .custom-select-trigger {
      position: relative;
      display: block;
      width: 100%;
      padding: 0 14px 0 14px;
      font-size: 22px;
      font-weight: 400;
      color: #495057;
      line-height: 42px;
      background: #fff;
      border-radius: 4px;
      cursor: pointer;
      font-size: 1rem;
      border: 1px solid #e3e9ef;
      margin: 5px 0;
      text-transform: capitalize;
    }
      .custom-select-trigger:after {
        position: absolute;
        display: block;
        content: '';
        width: 7px; height: 7px;
        top: 50%; right: 7px;
        margin-top: -3px;
        border-bottom: 2px solid #495057;
        border-right: 2px solid #495057;
        transform: rotate(45deg) translateY(-50%);
        transition: all .4s ease-in-out;
        transform-origin: 50% 0;
      }
      .custom-select.opened .custom-select-trigger:after {
        margin-top: 3px;
        transform: rotate(-135deg) translateY(-50%);
      }
  .custom-options {
    position: absolute;
    display: block;
    top: 100%; left: 0; right: 0;
    min-width: 100%;
    margin: 15px 0;
    border: 1px solid #e3e9ef;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 2px 1px rgba(0,0,0,.07);
    background: #fff;
    transition: all .4s ease-in-out;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    color: #495057;
    transform: translateY(-15px);
  }
  .custom-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
  }
    .custom-options:before {
      position: absolute;
      display: none;
      content: '';
      bottom: 100%; right: 25px;
      width: 7px; height: 7px;
      margin-bottom: -4px;
      border-top: 1px solid #b5b5b5;
      border-left: 1px solid #b5b5b5;
      background: #fff;
      transform: rotate(45deg);
      transition: all .4s ease-in-out;
    }
    .option-hover:before {
      background: #f9f9f9;
    }
    .custom-option {
      position: relative;
      display: block;
      padding: 0 22px;
      border-bottom: 1px solid #e3e9ef;
      font-size: 1rem;
      font-weight: 500;
      color: #495057;
      line-height: 43px;
      cursor: pointer;
      transition: all .4s ease-in-out;
    }
    .custom-option:first-of-type {
      border-radius: 4px 4px 0 0;
    }
    .custom-option:last-of-type {
      border-bottom: 0;
      border-radius: 0 0 4px 4px;
    }
    .custom-option:hover,
    .custom-option.selection {
      background: #f9f9f9;
    }
    .custom-select{
      background: none;
      border: none;
      padding: 0;
    }
    .custom-select-wrapper{
      width: 100%;
    }
    .bottom-btn {
              position: fixed;
              bottom: 0;
              width: 100%;
              background:#f9f9f9;
            }
            .bottom-btn ul
            {
              display: block;
              margin: 0;
            }
            .bottom-btn ul li
            {
              background-color: #303030;
              color: #fff;
              display: inline-block;
              text-align: center;
              width: 49.4%;
              padding: 7px 0;
              text-transform: uppercase;
              font-size: 13px;
            }
            .bottom-btn li a
            {
              color: #fff;
            }
            .footer-div
            {
              margin-bottom: 32px;
            }
            section#packg, section#special {
              min-height: 100vh;
          }

        .qr-btn {
    position: relative;
}
.qr-btn .qr-code {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 100px;
    background-color: #fff;
    border: 1px solid black;
    border-radius: 10px;
    padding: 10px 10px 35px;
    z-index: 3;
}
.qr-btn h5 {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 100px;
    z-index: 3;
    text-align: center;
    color: #17161b;
    background-color: transparent;
    padding: 5px 0;
    border-radius: 0 0 10px 10px;
    margin: 0;
}
@media (max-width:599px){
  .qr-btn .qr-code{
    bottom: 60px;
    left: 11px;
    width: 75px;
    padding: 5px 5px 30px;
  }
  .qr-btn h5{
    bottom: 62px;
    left: 11px;
    width: 75px;
    font-size: 16px; 
  }
   .qr-btn{
    display: none;
  }
  .sidebar-tog .sidebarIconToggle{
    position: absolute;
    top: 18px;
    right: 15px;
  }
  .about-wrapper .about-content{
    margin-left: 0;
  }
  .section-title h2{
    font-size: 24px;
  }
  .about-wrapper .about-content .icon-area{
    margin-top: 20px;
    gap: 1px;
    flex-direction: column;
  }
  .about-wrapper .about-content .icon-area .icon-items .content h4{
    font-size: 17px;
    text-transform: capitalize;
  }
  .about-wrapper .about-content .info-area{
    margin: 16px 0 20px;
    gap: 17px;
  }
  .about-wrapper .about-content .icon-area .icon-items .icon{
    font-size: 48px;
  }
  .about-wrapper .about-content .icon-area .icon-items{
    align-items: center;
  }
}
@media (max-width:991px){
  .qr-btn{
    display: none !important;
  }
  img.shopLogo{
    margin: 0 10px;
  }
}
.homeItemPcakage.Packages .packg-des{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  font-size: 14px;
}
@media (min-width:1180px){
 .two-icon #searchbar.wrapper, {
  display: none;
 }
}
.home_social.list.style_1 {
    font-weight: 600;
}
  .about-section .sec-title h2{
    line-height: 38px;
  }
@media (min-width:1500px){
  .about-section .sec-title h2{
    line-height: 50px;
    font-size: 42px;
  }
  .about-section .content-column .text{
    font-size: 18px;
  }
  .sec-title .title{
    font-size: 22px;
  }
}
#order-page .successMsgArea.single__page__order .qr_link
{
  display: none;
}
.userMenu .navbar{
  box-shadow: 0 0 4px #ddd;
}
.userMenu .navbar.bg-light{
  background-color: #f1f3f4 !important;
}

.widget-user-image.profile-img img
{
  background-color: #f2f2f2!important;
}