
.hero-wrapper-four .hero-content .tag-line, .home-one .booking-wrapper .section-content-box .booking-button p, .home-one .sub-title {
  color: var(--orange-color);
}



.booking-form-two .theme-btn.style-one:hover, .booking-wrapper .booking-form-box, .author-quote-item .quote, .menu-item.style-nine .menu-button .cart-button, .menu-item.style-eight:hover, .menu-item.style-five .menu-info .menu-bottom .cart-icon, .menu-item.style-five:hover .menu-thumbnail, .special-off-item:hover, .iconic-box.style-three .icon, .header-two .nav-right-item .theme-btn.style-one:hover, .home-one .booking-wrapper .section-content-box .booking-button .theme-btn.style-one, .video-popup, .theme-btn.style-one:hover {
  background-color: #000;
}



.sidemenu-wrapper-cart, .booking-form-two .theme-btn.style-one, .sidebar-widget-area .sidebar-widget.sidebar-tag-widget .tagcloud a, .sidebar-widget-area .sidebar-widget.sidebar-search-widget .widget-content form input, .testimonial-item.style-three, .testimonial-item.style-two, .team-item.style-three .member-image .hover-content .member-info, .team-item.style-three .member-image .hover-content .social-box .social-link li a, .team-item.style-two .member-info ul.social-link li a:hover, .accordion-card, .foodix-banner-item.style-three .banner-inner-wrap .banner-content .theme-btn.style-one, .menu-item.style-five, .menu-item.style-four .menu-info, .menu-item.style-three, .foodix-tabs.style-four .nav-link, .pricing-item.style-two:hover .pricing-body .theme-btn.style-two, .pricing-item.style-two:hover .pricing-body ul li:before, .pricing-item.style-two, .special-off-item, .iconic-box.style-four .icon, .hero-wrapper-three .hero-content .theme-btn.style-one, .header-area.sticky, .header-two .nav-right-item .theme-btn.style-one, .fd-preloader {
  background-color: var(--white-color);
}

.payment-method, .shopping-cart-total, .gray-bg {
  background-color: var(--gray-color);
}

.blog-post-item.style-three .post-content, .menu-item.style-eight, .iconic-box.style-six, .iconic-box.style-five, .iconic-box.style-four {
 
}

.booking-form .theme-btn.style-one, .blog-post-item.style-one .post-thumbnail .category-btn, .home-one .booking-wrapper .section-content-box .booking-button .theme-btn.style-one:hover {
  background-color: #fff;
}





/* Flex Center */
.footer-widget.footer-about-widget ul.social-link li a, .foodix-menu-cart .remove-cart, .sidemenu-wrapper-cart .sidemenu-cart-close, .offer-countdown .simply-countdown .simply-section, .gallery-item.style-one .gallery-img .hover-content, .author-quote-item .quote, .team-item.style-four .member-image ul.social-link li a, .team-item.style-three .member-image .hover-content .social-box .social-link li a, .team-item.style-one .member-image ul.social-link li a, .menu-item.style-eleven .menu-thumbnail .cart-button a, .menu-item.style-nine .menu-button .cart-button, .menu-item.style-five .menu-info .menu-bottom .cart-icon, .menu-item.style-five .menu-thumbnail, .menu-item.style-four .menu-thumbnail .wishlist-btn button, .iconic-info-box.style-three .icon, .iconic-info-box.style-two .icon, .iconic-info-box.style-one .icon, .iconic-box.style-four .icon, .iconic-box.style-three .icon, .iconic-box.style-one .icon, .nav-right-item .cart-button, .foodix-pagination li a, .video-popup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/*---========================
        01. Base css 
=======================----*/
/
}

html {
  font-size: 100%;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}



img {
  max-width: 100%;
}

body {
 
}

/*===== Scrollbar =====*/
::-webkit-scrollbar {
  width: 7px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background-color: #010101;
}

/*---==================
    02. Elements  

        # 01 Common CSS
=================----*/
/*====== Extra CSS ======*/
.bg_cover {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.slick-slide {
  outline: 0;
}

.form_group {
  position: relative;
}

.form_control {
  width: 100%;
  border: none;
}

textarea.form_control {
  padding-top: 15px;
  display: inherit;
}

ul.social-link li {
  display: inline-block;
}

.p-r {
  position: relative;
}

.z-1 {
  z-index: 1;
}

.z--1 {
  z-index: -1;
}

.z-2 {
  z-index: 2;
}



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

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




/*---==================
    02. Elements  

        # 06 Tabs CSS
=================----*/
.foodix-tabs.style-one {
  padding: 10px;
  background-color: var(--white-color);
  border-radius: 10px;
  border: 1px solid rgba(191, 17, 9, 0.3);
  margin: 0 auto 40px;
}
@media only screen and (min-width: 1200px) {
  .foodix-tabs.style-one {
    max-width: 1025px;
  }
}
@media(max-width: 1199px) {
  .foodix-tabs.style-one {
    max-width: 675px;
  }
}
.foodix-tabs.style-one .nav-tabs {
  border-bottom: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.foodix-tabs.style-one .nav-link {
  border-radius: 7px;
  padding: 15px 55px;
  background-color: transparent;
  font: 700 24px var(--heading-font);
  text-transform: uppercase;
  border: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .foodix-tabs.style-one .nav-link {
    padding: 15px 47px;
  }
}
@media (max-width: 1199px) {
  .foodix-tabs.style-one .nav-link {
    font: 700 18px var(--heading-font);
    padding: 15px 40px;
  }
}
@media (max-width: 1199px) {
  .foodix-tabs.style-one .nav-link {
    font: 700 16px var(--heading-font);
    padding: 15px 35px;
  }
}
.foodix-tabs.style-two .nav-tabs {
  border-bottom: none;
  gap: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 991px) {
  .foodix-tabs.style-two .nav-tabs {
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .foodix-tabs.style-two .nav-tabs {
    gap: 10px;
  }
}
.foodix-tabs.style-two .nav-link {
  border-radius: 10px;
  background: rgba(191, 17, 9, 0.1);
  margin-bottom: 0;
  border: none;
  font: 700 18px var(--heading-font);
  padding: 14px 50px;
}
.foodix-tabs.style-three .nav-tabs {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.foodix-tabs.style-three .nav-link {
  font-size: 20px;
  font-weight: 500;
  border: none;
  border-radius: 0;
  position: relative;
}
@media (max-width: 575px) {
  .foodix-tabs.style-three .nav-link {
    font-size: 16px;
  }
}
.foodix-tabs.style-three .nav-link:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 2px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.foodix-tabs.style-three .nav-link.active:after {
  visibility: visible;
  opacity: 1;
}
.foodix-tabs.style-four .nav-tabs {
  border-bottom: none;
  gap: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 991px) {
  .foodix-tabs.style-four .nav-tabs {
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .foodix-tabs.style-four .nav-tabs {
    gap: 10px;
  }
}
.foodix-tabs.style-four .nav-link {
  border-radius: 6px;
  margin-bottom: 0;
  border: none;
  font: 700 18px var(--heading-font);
  padding: 14px 50px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
/*---==================
    02. Elements  

      

        # 11 Gallery CSS
=================----*/
.gallery-item.style-one:hover .gallery-img .hover-content {
  visibility: visible;
  opacity: 1;
}
.gallery-item.style-one:hover .gallery-img .hover-content .insta-icon {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.gallery-item.style-one .gallery-img {
  position: relative;
  overflow: hidden;
}
.gallery-item.style-one .gallery-img img {
  width: 100%;
}
.gallery-item.style-one .gallery-img .hover-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-out 0s;
  transition: all 0.35s ease-out 0s;
}
.gallery-item.style-one .gallery-img .hover-content .insta-icon {
  font-size: 30px;
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);
  -webkit-transition: all 0.35s ease-out 0s;
  transition: all 0.35s ease-out 0s;
}
.gallery-item.style-two:hover .gallery-img .hover-content {
  visibility: visible;
  opacity: 1;
}
.gallery-item.style-two:hover .gallery-img .gallery-content {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.gallery-item.style-two .gallery-img {
  position: relative;
  overflow: hidden;
}
.gallery-item.style-two .gallery-img img {
  width: 100%;
}
.gallery-item.style-two .gallery-img .hover-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.gallery-item.style-two .gallery-content {
  text-align: center;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
}
.gallery-item.style-two .gallery-content h4.title {
  margin-bottom: 10px;
  text-transform: uppercase;
}
.gallery-item.style-two .gallery-content span {
  color: rgba(255, 255, 255, 0.7);
  font-size: 18px;
  font-weight: 500;
}

/*---==================
   