/* *{
    margin: 0px;
    padding: 0px;
} */

#poster_image{
   
    
}

#poster{
    margin-top: 115px;
    width: 1270px;
    height: auto;
    margin-left: 80px;
}
.shop_by_categories{
    /* border: 2px solid red; */
    width: 90%;
    display: grid;
    gap: 20px;
    margin: auto;
    grid-template-columns: repeat(4, 1fr);
   
    
}
.heading{
    color: #3e4d60;
    font-size: 16px;
    margin-top: 50px;
}
/* .header{
    /* border: 1px solid black; */
    /* margin-left: 95px;
    width: 400px;
    font-size: 22px;
    color: #4a4a4a; */
/* } */ 
.category_header{
    margin-left: 80px;
    margin-bottom: 0px;
    /* width: 400px; */
    font-size: 22px;
    color: #4a4a4a;
    padding-top: 10px;
}
.category_des{
    margin-left: 80px;
    margin-top: 7px;
    /* width: 400px; */
    font-size: 14px;
    color: #959799;
}
.shop_by_categories div{
    /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
    cursor: pointer;
    width: 100%;
    margin-top: 10px;
    /* border: 1px solid black; */
    text-align: center;
    border-radius: 10px;
}
.for_image{
    width: 253px;
    height: 250px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 10px;
}
.shop_by_categories img{
    border-radius: 10px; 
    width: 255px;
    height: 205px;
    margin-top: 10px;
    border-radius: 10px;
    transition: 300ms;
}

.show_hower{
    perspective: 550px;
}
.show_hower img:hover{
    transform: translate3d(0px,30px,40px);
    
    /* box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px; */
}
#join_bar{
    cursor: pointer;
    margin: auto;
    margin-top: 40px;
    width: 60%;
    height: 97px;
    border-radius: 7px;
    background-color: #ffdc93;
    /* display: flex; */
    justify-content: space-between;
}
 #join_section{
    /* border: 1px solid black; */
    display: flex;
    justify-content: space-between;
    margin: auto;
    width: 95%;
    height: 32%;
    padding-top: 10px;
} 
#join_now{
    width: 120px;
    /* height: 30px; */
    font: 12px;
    border: 0px;
    color: #ffffff;
    background-color: #D11243;
    border-radius: 5px;
}
#line{
    border-top: 1.5px solid gray;
    border-bottom: 0px;
    margin-top: 20px;
}
#join_description{
    color: #313131;
    margin-top: 10px;
}
#liciousway_headingtop{
    /* border: 1px solid red; */
   
    color: #D11243;
    width: 250px;
    height: 30px;
    margin: auto;
    margin-top: 16px;
    /* border-bottom: 1px solid white; */
    /* background-color: wheat;
    color: red; */
    text-align: end;
    /* position: sticky; */
    /* margin-top: 20px; */
    /* padding-top: 20px; */
}
#licious_div{
    display: flex;
    border: 1px solid grey;
    width: 90%;
    margin: auto;
    height: 95.7px;
    border-radius: 8px;
    justify-content: space-around;
    /* margin-bottom: 100px; */
    /* position:unset; */
}
.liciousway{
    /* border: 1px solid pink; */
    width: 12%;
    text-align: center;
    color: #4a4a4a;
    /* font-size: 15px; */
}
.line{
   
    height: 50px;
    margin-top: 20px;
    /* text-align: center;
    justify-content: center; */
}
.startline{
    height: 0px;
    margin-right: 0px;
}
.endline{
    height: 0px;
    margin-right: 0px;
}
#bottom_icon{
    width: 13px;
    height: 9px;
    margin: 11px 0px 0px 10px;
   color: red;
}
#licious_heading_bottom{
    cursor: pointer;
    margin: auto;
    display: flex;
    border: 2px solid #D11243;
    width: 150px;
    height: 32px;
    border-radius: 5px;
    /* text-align: center; */
    /* padding-bottom: 20px; */
    /* color: #D11243; */
}
#bottom_heading{
    /* border: 1px solid black; */
    display: block;
    margin: 0px 0px 20px 5px;
    color: #D11243;
    margin-top: 5px;
}

#bank{
    cursor: pointer;
    width: 80%;
    height: 97.76px;
    margin: auto;
    margin-top: 5px;
    border-radius: 10px;
}
#bank_image{
    border-radius: 5px;
}


/* ----------- Best Sellers Part -----------*/


#seller_heading{
    /* border: 1px solid red; */
    margin-left: 65px;
    margin-bottom: 10px;
    /* margin-bottom: 0px; */
    /* width: 400px; */
    font-size: 22px;
    color: #4a4a4a;
    font-weight: bold;
    
}
.slider_container{
    
    position: sticky;
    width: 100%;
    margin: auto;
    /* border: 1px solid red; */
    margin-top: 50px;
}
.slider{
    /* display: grid; */
    cursor: pointer;
    position: relative;
    display: flex;
    margin: auto;
    width: 90%;
    gap: 15px;
    display: none;
    /* grid-template-columns: repeat(3,1fr); */
}
.arrow{
    cursor: pointer;
    position: absolute;
    top: 45%;
    color: rgba(0, 0, 0, 0.614);
    background-color: rgba(255,255,255,0.712);
    padding: 8px 19px;
    border-radius: 50%;
    font-size: 25px;
    font-weight: bold;
    /* margin: 0px; */

}
.next{
    right: 10px;
}
.pre{
    left: 10px;
}
.cart{
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    width: 100%;
    border-radius: 10px;
}
.slider_image{
    width: 100%;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.slider_heading{
    font-size: 15px;
    margin-left: 15px;
    font-weight: bold;
    color: #4a4a4a;
}
.slider_des{
    color: #727272;
    font-size: 14px;
    margin-left: 15px;
}
.slider_quant{
    color: #4a4a4a;
    font-size: 14px;
    margin-left: 15px;
}
.price{
   
    color: #D11243;
    font-size: 18px;
    margin-left: 15px;
    font-weight: bolder;
}
.add_button{
    /* border: 1px solid green; */
    display: flex;
    width: 95%;
    /* margin: auto; */
    /* justify-content: space-between; */
    /* height: 40px; */
}
.add_to_cart{
    cursor: pointer;
    height: 36px;
    width: 100px;
    margin: 10px 0px 0px 204px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: bold;
    background-color: #D11243;
    color: white;
    border: 0px;
}
.slider_hr{
    border-top: 0px;
    color: #727272;
}
.scooty_logo{
    display: flex;
    padding: 0px 0px 0px 90px;
}
.scooty_des{
    padding-left: 10px;
    font-size: 14px;
    color: #aeaeae;
}
.reward{
    cursor: pointer;
    display: flex;
    margin: auto;
    margin-top: 20px;
    width: 60%;
    background-color: #d1124219;
}
.reward_image{
    width: 24px;
    height: 24px;
    margin: -1px 0px 0px -3px;
    margin: 22px 0px 0px 30px;
}
.reward_heading{
    font-size: 15px;
    color: #000000;
    width: 83.65px;
    height: 21px;
    margin-left: 20px;
}
.rewardDes{
    font-size: 13px;
    color: #000000;
    width: 232.32px;
    height: 15.33px;
    margin-left: 20px;
    margin-top: 0px;
}
.rewardClick{
    margin-left: 345px;
    width: 95.8px;
    height: 13.33px;
    color: #D11243;
    font-size: 11px;
    font-weight: bold;
}

/* Boneless Cuts */

#boneless_heading{
    /* border: 1px solid red; */
    margin-left: 65px;
    margin-bottom: 10px;
    font-size: 22px;
    color: #4a4a4a;
    font-weight: bold;
}

.boneless_container{
    position: sticky;
    width: 100%;
    margin: auto;
    /* border: 1px solid red; */
    margin-top: 50px;
}
.boneless_slider{
    /* display: grid; */
    cursor: pointer;
    position: relative;
    display: flex;
    margin: auto;
    width: 90%;
    gap: 15px;
    /* display: none; */
    /* grid-template-columns: repeat(3,1fr); */
}
.arrowboneless{
    cursor: pointer;
    position: absolute;
    top: 45%;
    color: rgba(0, 0, 0, 0.614);
    background-color: rgba(255,255,255,0.712);
    padding: 8px 19px;
    border-radius: 50%;
    font-size: 25px;
    font-weight: bold;
    /* margin: 0px; */

}
.nextboneless{
    right: 10px;
}
.preboneless{
    left: 10px;
}
.boneless_cart{
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    width: 100%;
    border-radius: 10px;
}
.boneless_image{
    width: 100%;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.boneless_heading{
    font-size: 15px;
    margin-left: 15px;
    font-weight: bold;
    color: #4a4a4a;
}
.boneless_des{
    color: #727272;
    font-size: 14px;
    margin-left: 15px;
}
.boneless_quant{
    color: #4a4a4a;
    font-size: 14px;
    margin-left: 15px;
}
.priceboneless{
   
    color: #D11243;
    font-size: 18px;
    margin-left: 15px;
    font-weight: bolder;
}

.shop_by_categories{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.show_howers{
    width: 300px;
    width: 253px;
    height: 250px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    perspective: 250px;
}
.show_howers img:hover{
    transform: translate3d(0px,20px,40px);
    /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;  */
}

/* BreakFast */

#breakfast_heading{
    margin-left: 65px;
    margin-bottom: 10px;
    font-size: 22px;
    color: #4a4a4a;
    font-weight: bold;
}

.breakfast_container{
    position: sticky;
    width: 100%;
    margin: auto;
    margin-top: 50px;
}
.breakfast_slider{
    cursor: pointer;
    position: relative;
    display: flex;
    margin: auto;
    width: 90%;
    gap: 15px;
    /* display: none; */
}
.arrowbreakfast{
    cursor: pointer;
    position: absolute;
    top: 45%;
    color: rgba(0, 0, 0, 0.614);
    background-color: rgba(255,255,255,0.712);
    padding: 8px 19px;
    border-radius: 50%;
    font-size: 25px;
    font-weight: bold;

}
.nextbreakfast{
    right: 10px;
}
.prebreakfast{
    left: 10px;
}
.breakfast_cart{
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    width: 100%;
    border-radius: 10px;
}
.breakfast_image{
    width: 100%;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.breakfast_heading{
    font-size: 15px;
    margin-left: 15px;
    font-weight: bold;
    color: #4a4a4a;
}
.breakfast_des{
    color: #727272;
    font-size: 14px;
    margin-left: 15px;
}
.breakfast_quant{
    color: #4a4a4a;
    font-size: 14px;
    margin-left: 15px;
}
.pricebreakfast{
   
    color: #D11243;
    font-size: 18px;
    margin-left: 15px;
    font-weight: bolder;
}

/* Check Out Our Blogs */
#top_heading{
    width: 90%;
    display: flex;
    justify-content: space-between;
    margin: auto;
}
#blogs_heading{
    font-size: 22px;
    color: #4a4a4a;
}
#see_all{
    font-size: 15px;
    color: #D11243;
    padding-top: 15px;
    font-weight: bold;
}
.Blogs{
    /* position: sticky; */
    width: 100%;
    margin: auto;
    margin-top: 50px;
}
.check_blogs{
    margin: auto;
    width: 90%;
    display: flex;
    gap: 20px;
}
.blogs_cart{
    width: 100%;
}
.blogs_image{
    cursor: pointer;
    width: 100%;
    border-radius: 5px;
}
.blogs_description{
    cursor: pointer;
    font-size: 18px;
    color: #4a4a4a;
}

/* Every Licious Box */

#every_licious_box{
    width: 90%;
    margin-left: 68px;
    height: 370.75px;
}