/* Home Page Start  */
.menu-ingredients{
    height: 75px; 
    overflow: hidden;
    margin-bottom: 8px;
}
.single-product-image {
    background-size: cover;
    height: 150px;
    object-fit: cover;
}
.custom-special-details-p{
    color: #777777;
}
/* Home Page End  */

/* Single Product Page Start  */
.custom-product-details-image {
    /* height: 430px; */
}

.custom-commonly-paired-description{
    height: 50px; 
    overflow: hidden;
}
/* Single Product Page End  */

/* Shop Page Start  */
.custom-product-name{
    padding-right: 10px;
    font-weight: 700;
    color: #ff9b08;
}
/* Shop Page End  */



.menu-li{
    cursor: pointer;
    display: inline-block;
    padding: 8px 16px 10px 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #cb0004;
    margin: 0 3px 10px 3px;
    transition: all ease-in-out 0.3s;
    background: #fff;
    border: 2px solid #cb0004;
    border-radius: 50px;
}
.menu-li:hover{
    background: #cb0004;
    color: #fff;
}
.menu-li:hover a{
    color: #fff;
}

 
/* contact us page start  */
.custom-contact-us-btn{
    background: #cb0004;
    border: 0;
    padding: 10px 24px;
    color: #fff;
    transition: 0.4s;
    border-radius: 50px;
}

.custom-contact-form{
    width: 100%;
    padding: 30px;
    background: #fff;
}

.custom-contact-form .form-group{
    padding-bottom: 8px;
}
.auth-mobile{
    display: none!important;
}  
.side-mobile-buttons {
    display: block;
    position: fixed;
    z-index: 99999;
    left: 15px;
    bottom: 70px;
}

.cart-buttons {
    display: block;
    position: fixed;
    z-index: 99999;
    right: 35px;
    top: 50%;
}
.cart-buttons img {
    position: absolute;
}
#miniCartItemCount{
    color: #fff;
    background: #cb0004;
    padding: 2px 8px;
    border-radius: 50px;
    position: relative;
    right: -30px;
}

.minus-btn {
    border-radius: 0px;
}
.plus-btn {
    background: #33910c;
    border-radius: 0px;
    border: none;
    color: #fff;
} 

.plus-btn:hover {
    border: none;
    background: #227400;
    color: #fff;
}

.form-check-input{
    border: var(--bs-border-width) solid #000000;;
}

.catering-box {
    box-shadow: 2px 4px 7px 1px #818181c7;
    border-radius: 10px;
    padding: 30px 20px;
}
.catering-box h3{
    font-weight: 700;
    margin-bottom: 30px;
    font-size: 25px;
}
.bullet li {
    list-style: none;
}
.bullet li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px;
    font-weight: 600;
}

.bullet li:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    left: 3px;
    top: 9px;
    background: #cb0004;
}
/* contact us page End  */

.custom-qntnumber {
    border: none;
    width: 7%;
    text-align: center;
}

.display-none{
    display:none;
}
.display-flex{
    display: flex; 
    justify-content: space-evenly; 
    align-items: center;
}

.shop-menu{
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 99;
}
.shop-menu{
    padding-top: 130px;
    transition: all 0.5s;
}
.shopmenu-topbarclass{
    padding-top: 80px!important;
}

.shop-menu .shop-menu-li {
    cursor: pointer;
    display: inline-block;
    padding: 3px 3px 3px 3px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    color: #cb0004;
    margin: 0 3px 10px 3px;
    transition: all ease-in-out 0.3s;
    background: #fff;
}
.shop-menu ul{
    padding: 0!important;
}
.populer-section{
    padding-top: 180px;
}
.main-shop-box{
    padding-top: 140px!important;
}

/*@media (max-width: 1105px) {*/
/*    .populer-section{*/
/*        padding-top : 240px*/
/*    }*/
/*    .main-shop-box {*/
/*        padding-top: 200px!important;*/
/*    }*/
/*}*/

@media (max-width: 480px) {
    #hero{
        height : 40vh;
    }
    #hero .carousel-item {
        height : 40vh;
    }
    #hero .carousel-container {
      display: flex;
      justify-content: center;
      align-items: center;
      position: initial;
      padding-top: 100px;
    }
    .auth-button{
        display : none;
    }
    .auth-mobile{
      display: block!important;
   } 
   .header-content i{
      font-size: 12px;
   }
   .header-content span {
      font-size: 12px;
   }
   .populer-section{
    padding-top : 240px
   }
   .main-shop-box {
        padding-top: 200px!important;
    }
  }