.bbb-bg-color{
    background-color: #92131c;
}


.bbb-image-logo{
    height: 80px;
    width: 140px;
}

#bbb-nav-item1{
    color: white;
    font-family: "roboto";
}

#bbb-nav-item2{
    color: white;
    font-family: "roboto";
}

#bbb-nav-item3{
    color: white;
    font-family: "roboto";
}

#bbb-nav-item4{
    color: white;
    font-family: "roboto";
}

.banner-section-bg-image{
    background-image: url("https://res.cloudinary.com/dpuymlvrr/image/upload/v1748802775/compressed_image_idavc7.jpg");
    height: 100vh;
    background-size: cover;
    background-position: center center;
}

.banner-heading{
    font-family: serif;
    font-size: 45px;
    color: white;
    font-weight: 300;
}

.custom-button{
    color: yellow;
    background-color: red;
    font-family: serif;
    width: 130px;
    height: 45px;
    border-width: 0px;
    border-radius: 8px;
    margin-right: 10px;
}

.custom-outline-button{
    color: red;
    background-color: transparent;
    width: 130px;
    height: 45px;
    font-family: serif;
    border-style: solid;
    border-color: yellow;
    border-width: 1px;
    border-radius: 8px;
}

.about-us-section-bg{
    background-color: #f9fbfe;
}

.about-description{
    font-family: serif;
    font-size: 20px;
    color: green;
    font-weight: 100;
}

.about-span{
    font-weight: bold;
}

.detailed-view-card-container{
    background-color: white;
    margin: 20px;
    height: auto;
    padding-bottom: 20px;
}

.carousel-item img{
    height: 400px;
    width: 100%;
    object-fit: contain;
}

.wcu-section{
    background-color: #FFFFC5;
}

.wcu-section-heading{
    font-family: serif;
    font-size: 35px;
    color: red;
    font-weight: 300;    
}

.wcu-section-description{
    font-family: sans-serif;
    font-size: 18px;
    color:  green;
    font-weight: 100;   
}

.wcu-card{
    background-color: white;
    border-radius: 16px;
}

.wcu-image-service{
    width: 120px;
    height: 120px;
}

.wcu-card-title{
    color: #92131c;
    font-family: serif;
    font-size: 22px;
    font-weight: 500;
}

.wcu-card-description{
    color: green;
    font-family: sans-serif;
    font-size: 16px;
}

.explore-menu-section{
    background-color: white;
}

.menu-section-heading{
    color: #92131c;
    font-family: serif;
    font-size: 26px;
    font-weight: 700;
}

.menu-item-card{
    border-radius: 16px;
}

.menu-item-image{
    border-radius: 16px;
}

@media (min-width: 720px) {
.menu-image-responsive-imge{
    height: 300px;
}
}

@media (min-width: 960px) {
.menu-image-responsive-imge{
    height: 230px;
}
}

.menu-item-title{
    font-family: serif;
    font-size: 18px;
    font-weight: 500;
    margin-top: 20px;
    color: red;
}

.menu-item-link{
    color: green;
    font-family: sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.healthy-food-section-image-card{
    background-color: #f9fbfe;
}

.healthy-food-section-image{
    width: 300px;
}

.healthy-food-section-heading{
    color: red;
    font-family: serif;
    font-size: 20px;
    font-weight: 500;
    padding-left: 20px;
    padding-right: 20px;
}

.healthy-food-section-description{
    color: green;
    font-family: sans-serif;
    font-size: 16px;
    font-weight: 100;
    padding-left: 20px;
    padding-right: 20px;
}

.healthy-food-section-span{
    color: red;
    font-weight: 300;
}



.delivery-and-payment-section{
    background-color: white;
}

.delivery-and-payment-section-heading{
    color: red;
    font-family: serif;
    font-size: 30px;
    font-weight: 400;
}

.delivery-and-payment-section-description{
    color: green;
    font-family: sans-serif;
    font-size: 20px;
    font-weight: 200;
}


.D-A-P-image{
    height: 80px;
    width: 120px;
}


.follow-us-section-heading{
    color: red;
    font-family: serif;
    font-size: 30px;
    font-weight: bold;
}

.follow-us-section-icon{
    width: 80px;
    height: 80px;
    background-image: radial-gradient(#FFFF00,#00FF00);
    padding-top: 20px;
    padding-bottom: 14px;
    padding-right: 16px;
    padding-left: 17px;
    margin: 15px;
    border-radius: 40px;
}

.icon{
    height: 45px;
    width: 45px;
    color: red;
}


.footer-section{
    background-color: #92131c;
}

.footer-section-img{
    height: 100px;
}

.footer-section-addres{
    color: white;
    font-size: 20px;
    font-family: serif;
    font-weight: 400;
}