*{
    margin: 0%;
    padding:0%;
    box-sizing: border-box;
}
body{
    position:relative;
    
}
header{
    background-image: url(img/bunch-fruits-that-are-white-surface_1064589-166040.avif);
    background-repeat: no-repeat;
    background-position: center;
    height: 100vh;
    width: 100%;
    background-size: cover;
}
.btn1{
    width: 200px;
    height: 50px;
    border:1px solid rgb(230, 63, 63);
    border-radius: 24px;
    font-size: 1.2rem;
    background-color:rgb(227, 36, 36); 
    color:white;
    margin-top: 10px;
    
}
.btn1:hover{
    transform: translateX(50px);
    transition: all 1s ease-in-out;
}
.btn:hover{
    transform: translateX(20px);
    transition: all 1s ease-in-out;
}
.bg-light:hover{
    box-shadow: 2px 2px 5px 5px rgb(156, 154, 154);
}
.poster{
    background-image: url(https://img.freepik.com/premium-photo/pretty-young-woman-with-fresh-red-apple-gray-backdrop_1009902-145678.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 70vh;
    width: 100%;
    background-size: cover;
}
footer{
    margin-top: 20px;
    color:white;
    background-color: black;
}
span i:hover
{
    color: rgb(228, 141, 27);
}
.buy{
    display: flex;
    justify-content: space-between;
    padding-left:10px;
}
.t{
    width: 100px;
    height: 40px;
    border: none;
    border-radius: 10px;
    font-size: 20px;
    

}
.cart a .bi{
    text-decoration: none;
    position: relative;
}
.cart a span{
    position: absolute;
   font-size: 1rem;
   color: white;
   background-color:red;
   width: 26px;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   top: 0%;
   right: -20px;
}


/* cart page */
.container{
    display: flex;
    flex-direction: column;
    
   
    
}
.contain{
    margin-top: 120px;

}
 .title{
    width: 25%;
    font-size: 1.5rem;
    
}
.price{
    width:25%;
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    
    
}
.quantity{
    width: 25%;
    display: flex;
    align-items: center;
    gap:10px;
    font-size: 1.5rem;
}
 .total{
    width: 25%;
    display: flex;
    align-items: center;
    font-size: 1.5rem;
}
.product-container ion-icon{
    font-size: 25px;
    color: rgb(16, 77, 77);
    margin: 0px 10px;
    cursor: pointer;
}
.quantity ion-icon{
    font-size: 20px;

}
.quantity span{
   font-size: 1.5rem;
}
.product .name{
    font-size: 1.5rem;
}

.product{
    width: 25%;
    /* display: flex; */
    gap: 20px;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 50px;

}
.product ion-icon{
    font-size: 1.5rem;
}
.products{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 3px solid lightgrey;
    

}
.product img{
    width: 75px;
    
  
}
.basketTotalContainer{
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding:10px 0px;
}
.basketTotalTitle{
    width: 30%;
}
.basketTotal{
    width: 10%;
}