/* Banner Section  */

.flex-food-marquee .fa-star-of-life:before, .flex-food-marquee i {
    font-family: "FontAwesome" !important;
    content: "\f069"!important;
    font-weight: 900;
}
.food-banner-section{
    overflow: hidden !important;
}
@keyframes floating {
  from {
    transform: translate(0, 0px);
  }
  65% {
    transform: translate(0, 15px);
  }
  to {
    transform: translate(0, -0px);
  }
}
@keyframes parallax {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-2vh);
    }
    100% {
      transform: translateY(0);
    }
  }
  .banner-image-animation img {
    animation-name: parallax;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
  }
  .banner-pizza-image img{
    animation: spin 15s linear infinite;
  }
  .flex-food-marquee .fa-star-of-life:before,
  .flex-food-marquee i{
    font-family: "FontAwesome" !important;
    font-weight: 900;
  }

@-moz-keyframes spin {
    100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg);
    }
}
.sliding-text p{
    color: #fff;
}
.flex-food-marquee i{
    font-weight: 900;
}
.flex-food-banner{
    background-image: linear-gradient(270.41deg, #DA1818 0.32%, #981A1A 49.81%, #DA1818 99.63%);
}
/* Product Section */
.flex-food-popular-product .woolentorquickview{
  display: none !important;
}
.flex-food-popular-product .ht-product-inner{
  border-radius: 10px;
}
.flex-food-popular-product .ht-product-image{
  height: 100% !important;
  width: auto !important;
  object-fit: contain;
  aspect-ratio: 1 / 1;
}
.flex-food-popular-product .ht-product-image img{
  margin-top: -20%;
  margin-left: -20%;
  transform: scale(1.3);
}
.flex-food-popular-product .ht-product-categories{
  display: none !important;
}
.flex-food-popular-product .ht-product-content-inner{
  display: grid;
  grid-template-columns: auto 100px;
  grid-template-rows: auto auto;
  grid-template-areas: "title title"
  "price ratting";
  align-items: center;
}
.flex-food-popular-product .ht-product-title{
  grid-area: title;
}
.flex-food-popular-product .ht-product-price{
  grid-area: price;
}
.flex-food-popular-product .ht-product-ratting-wrap{
  grid-area: ratting;
}
.flex-food-popular-product .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting{
  top: -8px !important;
}
.flex-food-popular-product .ht-products .ht-product .ht-product-inner .ht-product-action {
    top: 2% !important;
    transform: translateY(0px)!important;
}
.flex-food-popular-product .wishlist.yith-wcwl-add-to-wishlist a{
  background: #DA1818 !important;
  border-radius: 22px;
  color: #fff ;
  width: 40px !important;
  height: 40px !important;
  line-height: 47px !important;
}
.flex-food-popular-product .wishlist.yith-wcwl-add-to-wishlist.exists a{
  background: #000 !important;
}
.flex-food-popular-product .wishlist .sli-heart:before {
  content: "\f004" !important;
  font-family: "FontAwesome" !important;
  color: #fff!important;
}
.flex-food-popular-product .ht-products .ht-product .ht-product-inner .woolentor-cart a.added_to_cart{
  background: #000 !important;
}
.flex-food-popular-product .ht-products .ht-product .ht-product-inner .woolentor-cart a{
  background: #F09B12 !important;
  border-radius: 22px !important;
  color: #fff !important;
  width: 40px !important;
  height: 40px !important;
  line-height: 47px !important;
}
.flex-food-popular-product .ht-product-action ul li.woolentor-cart a::before{
    content: "\f07a" !important;
    font-family: "FontAwesome" !important;
    color: #fff!important; 
    align-items: center;
}
.flex-food-popular-product .ht-products.woocommerce{
  display: grid;
  gap: 20px;
  row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto;
}
.flex-food-popular-product .ht-product{
  max-width: 100% !important;
}
.flex-food-popular-product .ht-product-price .price{
  display: flex!important;
  gap: 10px;
  flex-direction: row-reverse !important;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.flex-food-popular-product a.wishsuite-btn{
    background: #DA1818 !important;
    border-radius: 22px;
    color: #fff ;
    width: 40px !important;
    height: 40px !important;
    line-height: 47px !important;
    display: flex !important;
    align-content: center;
    justify-content: center;
    align-items: center;
  }
.flex-food-popular-product .wishlist.yith-wcwl-add-to-wishlist.exists a{
    background: #000 !important;
}
.flex-food-popular-product a.wishsuite-btn svg,
.flex-food-popular-product .wishsuite-button svg{ 
    fill: #fff!important;
}
.flex-food-popular-product .wishsuite-button{
    background: #000 !important;
    border-radius: 22px;
    color: #fff ;
    width: 40px !important;
    height: 40px !important;
    line-height: 47px !important;
    display: flex !important;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.wishsuite-social-share li{
    background: red;
    color: #fff;
    margin: 3px;
    border-radius: 15px;
}
.wishsuite-social-share li svg{
    fill: #fff !important;
}

@media (min-width: 600px) and (max-width: 1023px){
  .flex-food-popular-product .ht-products.woocommerce{
    grid-template-columns: auto auto;
  }
}
@media (max-width: 600px) {
  .flex-food-popular-product .ht-products.woocommerce{
    display: flex;
  }
}
@media (max-width: 767px) {
    .about-counter .elementor-counter-title{
        text-align: center;
    }
}
@media (min-width: 600px) and (max-width: 767px){
  .flex-food-popular-product .ht-products.woocommerce {
    grid-template-rows: 45% 45%;
  }
}

/* *********Header and footer css *********** */
.flex-food-header-sub {
	height:70px;
}
.flex-food-header {
    position: static !important;
    z-index: 999;
    width: 100%;
}
.home .flex-food-header {
    position: absolute!important;
    z-index: 999;
    width: 100%;
}
.elementor-widget-hfe-cart.toggle-icon--bag-solid .hfe-menu-cart__toggle .elementor-button-icon i:before {
  content: "\f07a" !important;
  font-family: "FontAwesome" !important;
  color: #000 !important;
}
.ekit-search-panel .ekit-search-group svg{
  fill: #fff;
  width: 20px;
}
.talk-to-support .elementor-icon-box-wrapper{
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 15px;
}
.talk-to-support .elementor-icon-box-description{
    margin: 0px;
}
.flex-food-footer .elementor-icon-list-items a:hover span,
.flex-food-footer .elementor-icon-box-description a:hover{
    color: #F09B12 !important;
}
 @media screen and (min-width: 768px) and (max-width: 1920px) {
    .flex-food-header-sub {
        position: relative; /* ensure pseudo-element positioning works */
    }
    .flex-food-header-sub::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0; /* keep it behind menu content */
        pointer-events: none;
        background: #fff;
        clip-path: polygon(
            1.541% 17.975%, 1.561% 15.734%, 1.601% 13.609%, 1.659% 11.628%, 
            1.734% 9.818%, 1.825% 8.21%, 1.928% 6.83%, 2.044% 5.707%, 
            2.169% 4.87%, 2.303% 4.347%, 2.445% 4.167%, 98.604% 4.167%, 
            98.745% 4.348%, 98.88% 4.875%, 99.005% 5.717%, 99.119% 6.846%, 
            99.221% 8.235%, 99.308% 9.853%, 99.379% 11.673%, 99.432% 13.666%, 
            99.465% 15.803%, 99.476% 18.056%, 99.476% 73.611%, 99.465% 75.864%, 
            99.432% 78.001%, 99.379% 79.994%, 99.308% 81.814%, 99.221% 83.432%, 
            99.119% 84.82%, 99.005% 85.95%, 98.88% 86.792%, 98.745% 87.318%, 
            98.604% 87.5%, 1.072% 87.5%, 0.962% 87.319%, 0.861% 86.805%, 
            0.771% 85.999%, 0.693% 84.943%, 0.63% 83.678%, 0.582% 82.245%, 
            0.552% 80.687%, 0.541% 79.045%, 0.551% 77.361%, 0.584% 75.676%, 
            0.646% 73.294%, 0.712% 70.787%, 0.778% 68.182%, 0.846% 65.501%, 
            0.914% 62.769%, 0.981% 60.011%, 1.047% 57.252%, 1.11% 54.515%, 
            1.17% 51.825%, 1.226% 49.206%, 1.279% 46.424%, 1.327% 43.457%, 
            1.369% 40.347%, 1.406% 37.133%, 1.439% 33.858%, 1.467% 30.561%, 
            1.491% 27.283%, 1.511% 24.066%, 1.527% 20.95%, 1.541% 17.975%
        );
			
    }
}
@media screen and (min-width: 300px) and (max-width: 767px) {
  .flex-food-header-sub{
    background: #fff;
    border-radius: 9px;
  }
  .flex-food-footer .hfe-nav-menu .hfe-menu-item{
    justify-content: center !important;
  }
}
/* ===============================================
  Search pop up
  =============================================== */
  .search-cont button {
    border: 0;
    background: transparent;
  }
  .outer-search {
    background: #ffff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    text-align: center;
    height: 100%;
    z-index: 9999;
  }
  .inner-search label {
    width: 100%;
  }
  .inner-search input#search {
    background: transparent;
    border-top: 2px solid #222;
    border-bottom: 2px solid #222;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    font-size: 32px;
    text-align: center;
    color: #222;
  }
  .inner-search input#search::placeholder {
    color: #222;
  }
  .inner-search {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 99999;
    left: 50%;
    padding: 0 15px;
  }
  .outer-search .closepop {
    position: absolute;
    top: 20%;
    transform: translateY(-50%);
    right: 5%;
    text-align: right;
    border: 0;
    font-size: 25px;
    padding: 15px;
    color: #fff;
    background-color: #DA1818;
  }
  .outer-search .closepop:focus {
    outline-color: #000;
  }
  .inner-search form.searchform {
    margin: 0 auto;
    max-width: 700px;
  }
  .inner-search .searchform input[type="text"] {
    width: 100%;
  }
  .inner-search input.search-submit {
    display: none;
  }
  .search-cont i {
    color: #000;
    font-size: 16px;
  }
  .inner-search #searchform {
    border: none;
  }
  .result-search #searchform {
    display: table;
  }
  .search-icon .inner-search .woocommerce-product-search {
    display: inline-block;
  }
  .search-icon .search-field {
    outline: none !important;
  }
  .search-cont button:hover{
    background-color: transparent !important;
  }
  .woocommerce-product-search .search-field{
    padding: 10px !important;
    border: 1px solid #000;
  }
  .woocommerce-product-search button{
    padding: 15px 20px;
  }
  .search-cont button{
    cursor: pointer;
  }
  .flex-food-header nav.hfe-dropdown:not(.menu-is-active) {
    width: auto !important;
}
.flex-food-banner {
    background-image: linear-gradient(-270.41deg, #DA1818 0.32%, #981A1A 49.81%, #DA1818 99.63%) !important;
}

.flex-food-popular-product .ht-product-image img {
    margin-top: -29% !important;
    margin-right: -37% !important;
}
.flex-food-pro .ht-product-inner:hover .ht-product-image {
    color: #DA1818 !important;
    background-image: url("assets/image/cat-bg-hover.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
}
.sesrch-wislist .elementor-widget-icon .elementor-icon-wrapper{
    line-height: 12px;
}
.flex-food-banner {
    width: 100%;
}