:root {
  --color-yellow: #F1AA52;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-red: #BE2424;
}
:root {
  --font-jost: "Jost";
}
#slider .carousel-caption{
  left: 10%;
  right: 9%;
  top: 16%;
}
#slider .carousel-control-next, .carousel-control-prev{
  width: 10%;
  opacity: 1;
}
#slider .slider-icon {
    color: var(--color-yellow);
    font-size: 18px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 50% !important;
    padding: 15px 15px;
}
#slider .slider-icon:hover {
  color: var(--color-red);
}
#slider .Slider-left-box{
  width: 85%;
  margin: auto;
}
#slider .slide-small-heading{
  letter-spacing: 10px;
  font: 600 18px/30px var(--font-jost);
}
#slider .slidesmalltext{
  letter-spacing: 1px;
  color: #fff;
  font: 400 17px / 30px var(--font-jost);
  width: 54%;
}
#slider h1 {
  position: relative;
  overflow: hidden;
  color: #BE2424;
  font: bold 58px / 70px var(--font-jost);
}
#slider .slider-box .slider-icon-img img {
  height: auto;
  width: auto;
  margin: 0 auto;
  display: table;
  padding: 20px 0;
}
#slider .slider-indicator button {
  background: none;
  border-radius: 50%;
  border: #fff;
  text-indent:unset !important;
  width: 40px !important;
}

#slider .slider-indicator img{
    height: 80px;
    width: 80px;
    border-radius: 50%;
}
#slider .slider-indicator .active img {
    border-color: var(--color-red) !important;
    border: 2px solid ;
}
#slider .container-slider .carousel-indicators{
  bottom: 11%;
  margin-inline: auto;
}
#slider .slider-main-image{
  position: relative;
}
@keyframes animate {
  0% {
    background-position: -500%;
  }
  100% {
    background-position: 500%;
  }
}
.slider-clip-path-box{
  clip-path: polygon(50% 50%, 0% 100%, 100% 100%);
  background: #fff;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 200px;
}
#slider .slide-btn{
  border: none !important;
  border-radius: 2px;
  background: #BE2424;
  width: 100%;
  height: 100%;
  max-width: 23%;
  font-size: 15px;
  font-weight: 500;
  padding: 10px;
}
#slider .slider-left-image{
  width: 75%;
  height: auto;
  margin-top: -20px;
}
#slider .read-more img {
  height: auto;
  width: 35px;
}
#slider .slider-product-img-box{
  width: 110px;
  height: 100px;
}
#slider .slider-product-img-box img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#slider .slider-main-bg-map-image {
  width: 100%;
  height: 90%;
}
#slider .slider-bg-map-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
  padding: 5% 0%;
}
#slider .slider-main-truck-image{
  position: absolute;
  width: 100%;
  height: 85%;
  bottom: 1%;
  right: -8%;
  z-index: 1;
  animation: shake 16s ease infinite;
}
#slider .slider-bg-truck-img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#slider .slider-product-box{
  width: 50%;
  justify-content: space-between;
  margin-top: 4% !important;
}
#slider .slider-product-img-inner-box{
  background: #BE2424;
  border-radius: 20px;
  padding: 10px 10px 25px 10px;
  position: relative;
}
#slider .slider-product-title{
  color: #fff;
  font: 400 13px / 20px var(--font-jost);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
#slider .slider-product-url-arrow i{
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 40px;
  background: #fff;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  bottom: -20px;
  color: #BE2424;
  transform: rotate(-45deg);
  font-size: 20px;
  font-family: 'FontAwesome';
}
.slider-product-bg-pizza-image{
  position: absolute;
  bottom: -17%;
  width: 36%;
  height: 600px;
  right: -2%;
  z-index: 1;
  animation: fade-in-left 2s ease infinite;
}
.slider-bg-pizza-img{
  width: 100%;
  height: 100%;
  animation: sp 3s linear infinite;
}
#slider{
  margin-bottom: 6%;
}
.slider-leaf-one-image{
  width: 150px;
  height: 150px;
  position: absolute;
  bottom: 28%;
  right: 90%;
  transform: rotate(45deg);
  animation: sp 3s linear infinite;
}

0% {
    transform: translate(0px, 0px);
}
65% {
    transform: translate(10px, 10px);
}
100% {
    transform: translate(0, -0px);
}
.slider-leaf-two-image{
  width: 95px;
  height: 95px;
  position: absolute;
  top: -8%;
  right: 90%;
  transform: scaleX(0.8);
  filter: blur(3px);
  animation: sp 3s linear infinite;
}
/*--------------Comman Css---------*/
#slider .slider-box,.feature-block-title{
  color: var(--color-black);
}
.double-line-img img {
  height: auto;
  width: 49px;
}
.red-icon-img {
  width: 200px;
  height: auto;
  animation: shake 16s ease infinite;
}
.section-title h3{
  font: bold 40px/60px var(--font-jost);
  letter-spacing: 2.7px;
  color: var(--color-black);
}
.section-title h2 {
  font-size: 42px;
  color: #1e1e1e;
  font-weight: 700;
  font-family: "Jost";
  line-height: 50px;
}

/*-------------about Settings------------------*/
#about{
  padding-bottom: 100px;
}
#about .section-title h2 {
  font-weight: 700;
  font-family: "Jost";
  text-align: center;
  font-size: 42px;
  color: var(--color-black);
}
#about .about-content p{
  font-size: 17px;
  line-height: 35px;
  color: var(--color-black);
  font-weight: 400;
  font-family: var(--font-jost);
  margin: 0 40px;
}
#about .prodct-btn{
  margin: 0 auto;
  display: block;
  text-align: center;
}
#about .abut-butn-cls img {
  height: auto;
  width: 53px;
  background-color: var(--color-red);
  padding: 12px 10px;
  margin-right: 22px;
}
#about .abut-butn-cls {
  padding: 0px 23px 17px 0px;
  font-size: 15px;
  font-weight: 600;
  border-color: var(--color-red);
  border: 2px solid ;
  color: var(--color-red);
}
.button-cls:hover a{
  color: var(--color-red);
}
#about.about-img{
  position: relative;
}
#about.about-img img{
  position: absolute;
  width: 100%;
  height: 100%;
}
#about .about-boy-img img {
  height: 100px;
  width: 190px !important;
  position: absolute;
  right: 7%;
}
#about .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #fff;
  background-color: var(--color-red);
  border-radius: 35px;
}
#about .about-content .nav-item{
  font-size: 15px;
  font-weight: 500;
  font-family: "Jost";
  text-align: center;
}
#about ul .nav-link {
  color: var(--color-black);
}
#about .nav-link:hover{
  color: var(--color-white);
}
.about-content ul{
  background: #d0d0d0;
  border-radius: 42px;
  width: 68%;
  margin: 0 auto;
}
.leaf-img-one{
  position: absolute;
  width: 65px;
  right: 20%;
  bottom: 15%;
  transform: rotate(195deg);
  filter: blur(2px);
}
.leaf-img-two{
  position: absolute;
  width: 180px;
  left: -20px;
  bottom: -25px;
  transform: rotate(-70deg);
}
/*------------ ingredient ------------*/
#ingredient {
  position: relative;
}
.ingredient-image img {
  width: 200px;
  top: -103px;
  bottom: 0;
  left: 21px;
  position: absolute;
  z-index: 999;
}
.ingredient-main-image img {
  height: 60px;
  width: 60px;
}
.ingredient-content h6,#ourCustomers .variations tbody,#ourCustomers .custom-content h6,#ourCustomers .custom-content .price,h2,#ourCustomers .custom-content{
  /* overflow: hidden; */
}
.ingredient-content h6 {
  font-size: 17px;
  color: #ffffff;
  font-weight: 500;
  font-family: "Jost";
}

.ingredient-content p {
  font-size: 15px;
  line-height: 26px;
  color: var(--color-white);
  font-weight: 400;
  font-family: var(--font-jost);
}
.inner_sec{
  position: relative;
  z-index: 1;
}
.ingredient-cls-overlay,.our-choice-cls-overlay {
  width: 100%;
  height: 100%;
  filter: brightness(0.9);
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 0;
}
.about_img img{
  width: 100%;
  object-fit: contain;
  height: 350px;
  margin: auto;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
/*----------------our-choice-------------------*/
#our-choice{
  padding: 0 0;
}
#our-choice  .our-choice-image img{
  width: 90%;
  height: 90%;
  object-fit: contain;
  position: relative;
  top: 30px;
}
#our-choice  .our-choice-image{
  position: relative;
  width: 100%;
  height: 100%;
}
#our-choice .our-choice-content h7 {
  font-size: 14px;
  letter-spacing: 3px;
  color: #fff;
  font-weight: 700;
  font-family: "Jost";
}
#our-choice .our-choice-content h6 {
  font-size: 17px;
  color: #ffffff;
  font-weight: 500;
  font-family: "Jost";
}
#our-choice .our-choice-content p {
  font-size: 14px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Jost";
}


/*---------- testimonial -------------*/
#ourTestimonial{
  background-size: contain;
  background-position: right;
  width: 100%;
  height: 100%;
}
#ourTestimonial .team-name a {
    font-size: 21px;
    line-height: 36px;
    color: #BE2424;
    font-weight: 600;
    font-family: "Jost";
}
#ourTestimonial .team-name cite{
    position: absolute;
    bottom: 0;
    left: 18px;
    font-size: 14px;
    color: #b6b8b7;
    font-weight: 400;
    font-family: "Jost";
}
#ourTestimonial #sync1{
    writing-mode: vertical-rl;
}
#ourTestimonial  .team-image img {
   border-radius: 50%;
}
.item p {
    width: 100%;
    height: auto;
    font-size: 22px;
    line-height: 36px;
    color: #616161;
    font-weight: 400;
    font-family: "Jost";
}
#ourTestimonial #sync1 .owl-stage {
    transform: unset !important;
}
.team-image{
    width: 70px;
    height: 70px;
}
#ourTestimonial  .slick-slide img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
#ourTestimonial  .team-name{
  border-left: 3px solid #ffb000;
  padding: 29px 16px;
  position: relative;
}
#ourTestimonial .testimonial-star i {
    color: #ffcd3c;
    font-size: 22px;
}
#ourTestimonial .testimonial-star {
    padding-bottom: 17px;
}
#ourTestimonial .slick-active:not(.slick-current){
    /*opacity: 0.2;*/
    position: relative;
}
#ourTestimonial .slick-active:not(.slick-current):after{
  position: absolute;
  height: 70px;
  width: 70px;
  content: '';
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 50%;
  inset:0;
}
#ourTestimonial .arrow-up {
    top: 21px;
    z-index: 999;
    left: 26px;
}
#ourTestimonial .arrow-down {
    bottom: 21px;
    left: 26px;
}
#ourTestimonial  .slick-arrow {
  position: absolute;
  color: #fff;
  transform: rotate(90deg);
  transition: transform 1s linear;
  font-size: 25px;
}
/*-------------- top-custom ---------------*/
#topCustom h2 {
  font-size: 45px;
  color: #fdfdfd;
  font-weight: 700;
  font-family: "Jost";
  text-align: center;
}
#topCustom .our-custom-box {
  padding-right: 20%;
}
.location-title-content-box{
  background: #fff;
  padding: 12px;
  color: #707070;
}
.location-title-content-box p {
  font: 400 14px / 22px var(--font-jost);
}
.top-custom-image{
  height: 500px;
  margin: 0 2%;
  animation: shake 16s ease infinite;
}
.top-custom-image img{
  position: absolute;
  height: 100%;
  object-fit: contain;
  left: 0%;
  width: 100%;
}
.top-custom-contents p{
  color: #fff;
  font: 400 20px / 30px var(--font-jost);
}
#topCustom .red-icon-img {
    /* width: 15%; */
  }
#topCustom  .owl-carousel .owl-dots{
  text-align: center;
  padding-top: 35px;
}
#topCustom  .owl-carousel .owl-dot{
    background-color: #c0c0c0;
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    margin: 0 4px;
}
#topCustom  .owl-carousel  .owl-dot.active {
    background-color: var(--color-yellow);
    width: 22px !important;
    height: 10px !important;
    border-radius: 37% !important;

}
/*----------- event ------------*/
#newsEvent .event-image img {
  height: 81%;
  width: 100%;
}
#newsEvent .event-title a {
  font-size: 21px;
  color: #1e1e1e;
  font-weight: 600;
  font-family: "Jost";
}
#newsEvent  .event-box {
  box-shadow: rgb(0 0 0 / 10%) 0 4px 12px;
  border-radius: 0px;
  border-bottom: 2px solid transparent;
  background-color: #fff !important;

}
#newsEvent .news-author a {
  color: #615f5f;
}
#newsEvent .event-imge {
  position: relative;
}
#newsEvent .event-image{
  position: relative;
  height: 100%;
}
#newsEvent .event-btn {
  color: #fafafa;
  margin-right: 14px;
  position: absolute;
  background-color: #BE2424;
  padding: 3px 13px;
  top: 19px;
  left: 24px;
  font-weight: 800;
  z-index: 999;
}
#newsEvent .event-box .post-comments, .event-box a{
  color: #615f5f;
}
#newsEvent .event-box .news-author a, .event-box {
 /* color: #dd9933;*/
  font-size: 15px !important;
}
/*------------- instagram ------------*/
.woocommerce table.cart td.actions .input-text{
  width: 42%;
  font: 500 14px/18px var(--font-jost);
  margin: 0 4px 9px 0px !important;
}