*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    /* font-fa; */
}

/* top navigation css */
.navigation-top{
    /* border: 2px solid black; */
    display: flex;
    list-style: none;
    justify-content: flex-end;
    background-color:rgba(158,158,158,.2);

}
.top-nav-items{
    margin: 3px 20px;
    font-size: 12px;
    /* font-family: ; */
}
.top-nav-items a{
    color: black;
    text-decoration: none;
}

.top-nav-items a:hover{
    text-decoration: underline;
    color: #F85606;
}

/* banner search menu sector  */
.logo-bar{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.logo{

}
.searchbar input{
    padding-left: 10px;
    width: 700px;
    height: 50px;
    border: none;
    background-color:rgba(158,158,158,.2) ;
}
.searchbar button{
padding: 10px;
    height: 50px;
    background-color: #F85606;
    color: white;
    margin: -5px 0px 0px -5px;
    border: none;
}
.slider{
    margin-top: 20px;
}
.sidebar{
    padding: 10px 0px;
    /* background-color: yellow; */
    /* border: 2px solid red; */
}
.sidebar ul li{
    list-style: none;
    padding: 4px;
    font-size: 13px;

}
.sidebar ul li a{
    color: black;
}

.slider-content{
    /* border: 2px solid green; */
    padding: 0px;
}
.banner{
    display: flex;
    justify-content: center;
    align-items: center;
}
button{
    display: flex;
    align-items: center;
    flex-direction: row;
    
}
.grp-btn{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.timer button{
    /* padding: 10px; */
    height: 35px;
    background-color: #F85606;
    color: white;
    border: none;
}
.on-sale{
    display: flex;
    align-items: center;
    /* border: 2px solid black; */

}
.flash-sale{
    display: flex;
    /* border: red 4px solid; */
    justify-content: space-between;
    align-items: center;
    padding: 0px 20px 0px 20px;
    /* align-items: center; */
}

.flash-sale>button{
    border: #F85606 1px solid;
    background-color: white;
    padding: 7px;
    color: #F85606;
}
.items-fs{
    align-items: center;
    /* border: 2px solid black; */
    width: 220px;
    height: 320px;
    /* margin:0px 3px; */
    padding: 5px;
}
.items-fs:hover{
    border-left: 2px solid #79797930;
    border-right: 2px solid #79797930;
    border-bottom: 2px solid #79797930;
}
.price{
    font-size: 20px;
    color: #F85606;
}
.items-flash-sale{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.darazmall{
    display: flex;
    align-items: center;
    margin: 10px 0px;
}
.dm-item{
    display: flex;
    margin: 0px 4px;
    /* border: 2px solid black; */
    /* background-color:aliceblue */
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.dm-item:hover{
    border-left: 2px solid #79797930;
    border-right: 2px solid #79797930;
    border-bottom: 2px solid #79797930;
}
.dm-item-img{
    position: relative;
    /* background-image: url('../img/pmount.png'); */
    bottom: 20px;
    background-color: rgb(240, 240, 240);
    border: 4px solid rgb(255, 255, 255);
    width: 50px;
    height: 50px;
}
.categories{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    /* margin: 10px 50px; */
}
.cat-item1{
display: flex;
align-items: center;
}
.cat-item:hover{
    border-left: 2px solid #79797930;
    border-right: 2px solid #79797930;
    border-bottom: 2px solid #79797930;
}
.cat-item{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 150px;
    height: 150px;
    border: 1px solid #f4f4f4;
}
.coustomer-care{
    list-style: none;
    text-decoration: none;
    color: white;
}
.coustomer-care li a{
    color: white;
    font-size: 12px;
}
.footer-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #2e2e54;
    padding: 10px 30px;

}
footer{
    padding: 10px;
    font-size: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f1f1f1;
    color: #888;
}