  div.over-flow{
    overflow: hidden;
  }
  
  
  img.img-A{
    width: 35px; 
    height: 35px;
    position: absolute;
    top: 15px;left: 10%;
}
p.food{
    color: rgb(197, 70, 64);
    font-size: 23px;
    position: absolute;
    top: 15px; left: 12.5%;
    font-weight: 500;
}
div.navbar{
background-color: white;
height: 65px;
}
button.button-one{
position: absolute;
top: 20%;
right: 28%;
width: 5%;
height: 35px;
font-weight: 500;
background-color: white;
border-radius: 10px;
}
button.button-one:hover{
    width: 6%;
height: 39px;
font-weight: 600;
}
button.button-two{
    position: absolute;
top: 20%;
right: 21%;
width: 5%;
height: 35px;
font-weight: 500;
background-color: rgb(230, 74, 134);
border-radius: 10px;
}
button.button-two:hover{
    width: 6%;
height: 39px;
font-weight: 600;
}

div.boot-one{
position: absolute;

right: 17%;
top: 0.1%;
}
div.section-one{
       background-color:   rgb(235, 235, 235);
height: 630px;
width: 100%;
}
.heading-one{
position: absolute;
top: 30%;
left: 10%;
}
div.home-input{
    height: 60px;
width: 40%;
    position: absolute;
top: 45%;
left: 10%;
background-color: white;
padding: 13px;
border-radius: 10px;
}

input.input-in{
    width: 65%;
    border-radius: 10px;
    padding: 8px;
}
button.find-food{
    position: absolute;
top: 20%;
right: 5%;
width: 15%;
height: 70%;
font-weight: 500;
background-color: white;
border-radius: 10px;
background-color: rgb(230, 74, 134);
}

img.home-img{
    position: absolute;
    top: 31%;
    right: 0%;
    width: 40%;
    background-color: none;
}
img.S-two-img{
    width: 100%;
    height: 650px;
}


button.s-2-button{
        
    font-weight: 500;
    background-color: rgb(230, 74, 134);
    border-radius: 10px;
    color: white;
    }
    button.button-two:hover{
        width: 6%;
    height: 39px;
    font-weight: 600;
    }

div.s-card{
    width: 30% !important;
    position: absolute;
    left: 100px;
top: 1500px;
    background-color: whitesmoke;
    border-radius: 10px;
}
div.padding{
    padding-left: 6%;
}
div.s-4-pink{
    background-color: rgb(230, 74, 134);
    width: 85%;
    height: 300px;
    border-radius: 10px;
    padding: 20px;
    color: white;
}
img.bar-code{
    position: absolute;
    width: 150px;
    height: 150px;
}
h6.s-4-h6{
position: absolute;
left: 20%;

font-size: 20px;
}
div.inline-block{
    display: flex;
    display: inline-block;
}
button.play-store{
    background-color: black;
    color: white;
    padding: 2px;
}

img.s-4-mobile{
    width: 780px;
    position: absolute;
    top: 225vh;
    left: 40%;
}


div.section-five{
    background-color: rgb(230, 74, 134);
    width: 85%;
    height: 300px;
    border-radius: 10px;
    padding: 20px;
    color: white;
}



img.s-5-img{
    width: 100%;
    height: 370px;
}



button.s-5-button{
    width: 100px;

font-weight: 500;
background-color: rgb(230, 74, 134);
border-radius: 10px;
color: white;
}






button.button-5:hover{
    width: 60px;
height: 39px;
font-weight: 600;
}



button.s-5-button{
    background-color: rgb(230, 74, 134);
    border-radius: 10px;
    
}
button.s-5-button{
    background-color: rgb(230, 74, 134);
    border-radius: 10px;
    
}
h1.end{
    color: red;
}

div.inline-block{
    display: flex;
    display: inline-block;
}
div.inline-block{
    display: flex;
    display: inline-block;
}


div.s-5-card{
    width: 550px
     !important;
     height: 200px
     !important;
    position: absolute;
    left: 100px;
    top: 2630px;
    border-radius: 15px !important;
}
h1.end{
    color: red;
    background-color: black;
}

