.Hero-dining {
     background-image: url(../../images/dining/hero.jpg);
     background-repeat: no-repeat;
     width: 100%;
     height: 100vh;
     display: flex;
     flex-direction: column;
     text-align: center;
     justify-content: space-between;
     background-position-y: center !important;
     background-size: cover !important;
     background-position-x: 35%;
     padding: 2vw 0vw !important;
     border-radius: 0px !important;
}

.force-poppins {
     font-family: "Poppins-Regular" !important;
}

.filterBox {
     width: 20%;
}

.filterBox {
     box-shadow: 0 0 30px rgba(0, 0, 0, 0.10);
     padding: 10px 15px;
}

.backgroundGray {
     background-color: #F6F6F6;
}

.diningIcon-ul li {
     display: inline-block;
}

.diningIcon-ul li img {
     width: 7rem;
     height: 5rem;
}