*{
    margin:0;
    padding:0;
    font-family: Assistant, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
    box-sizing: border-box;
}
header{
    background-color: rgb(255, 255, 255);
    height:80px;
    display: flex;
    padding:20px 0px 0px 0px;
    box-sizing: border-box;
    justify-content:space-evenly;
    border-bottom: 1px solid rgb(216, 216, 216);
}
.catgeory a{
    padding-bottom: 30px;
    border-bottom: 5px solid rgb(255, 255, 255);
}
.catgeory a:hover{
border-bottom:5px solid rgb(248, 0, 145) ;
}
.logo{
    width:53px;
    height:36px;

}
.c{
text-decoration:none;
margin: 5px;
color: black;
text-transform: uppercase;
font-weight: 500;
padding: 14px;

}
.searchbar .input{
    height: 39px;
    width: 324px;
    background-color: rgb(250, 250, 250);
    padding: 10px 10px 10px 20px;
    box-sizing: border-box;
    border: 4px solid white;
}
img{
    height: 14.7px;
    width: 14.7px;
}
.c sup{
    color: red;
}
#search_bar input{
    flex-grow: 1;
    border: 0px;
    height: 40px;
   box-sizing: border-box;
   background-color: #f5f5f6;
   border-radius: 0px 4px 4px 0px;

}
.search{
    height: 14.7px;
    padding: 12px;
    box-sizing: content-box;
    background-color:#f5f5f6;
    border-radius: 4px 0px 0px 4px;

    
}
#search_bar{
    width: 484px;
    display: flex;
    align-items: center;
    
}
.action{
    display:flex ;   
    width: 200px;
    justify-content: space-evenly;
}
.icon{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.banner_img{
    height: auto;
    width: 100%;
    padding: 40px;
}
.cat_heading{
        text-transform: uppercase;
    color: #3e4152;
    letter-spacing: .15em;
    font-size: 1.8em;
    margin: 50px 0 10px 30px;
    max-height: 5em;
    font-weight: 700;
}
.cat_offers{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.offer_img{
    height: 396px;
    width: 302px;

}
.footer_container{
    padding: 30px 0px 40px 0px;
    background-color: #fafbfc;
    display: flex;
    justify-content: space-evenly;
}
.footer_items{
display: flex;
flex-direction: column;
}
.footer_items a{
    color: #696b79;
    font-size: 15px;
    padding-bottom: 5px;

}
.footer_items h3{
    color: #282c3f;
    padding-bottom: 25px;
}
.copyright{
       color: #94969f;
       text-align: end;
       padding-bottom: 10px;
       padding-right: 10px;
}