*{
    margin: 0;
    padding: 0%;
    font-family: Assistant,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    box-sizing: border-box;
}
header{
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    height: 80px;
    width: 100vw;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee0e0;
    box-shadow: 0 .5px 20px #f3e7e7;
}
.myntra_logo{
    height: 50px;
    width: 70px;
}
.logocontainer{
    margin-left: 4%;
}
.actionbar{
    margin-right: 4%;
}
.navbar{
    display: flex;
    min-width: 500px;
    justify-content: space-evenly;
}
.navbar a{
    text-decoration: none;
    font-size: 14px;
    letter-spacing: .3px;
    color: #282c3f;
    font-weight: 700;
    text-transform: uppercase;
    padding: 27px 0;
    border-bottom: 5px solid #fff;

}
.navbar a:hover{
    border-bottom: 5px solid rgb(255, 61, 132);
}
.navbar a sup {
    color:#ff3f6c;
    font-size: 10px;
}



.searchbar{
    height: 40px;
    min-width: 200px;
    width: 30%;
    display: flex;
    align-items: center;
}

.search-input{
    color: #696e79;
    background-color: #f5f5f6;
    flex-grow: 1;
    height: 40px;
    border: 0;
    border-radius: 0px 4px 4px 0px;
}
.search-icon{
    width: 21px;
    height: 21px;
    box-sizing: content-box;
    padding: 10px;
    background-color: #f5f5f6;
    color: #282c3f;
    font-weight: 300;
    border-radius: 4px 0 0 4px;
}



.actionbar{
    display: flex;
    min-width: 200px;
    justify-content: space-evenly;
}
.action_container{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.action_container span:hover{
    /* border-bottom: 3px solid rgb(255, 61, 132); */
    color: rgb(255, 61, 132);
    cursor: pointer;
}

/* -----------------main bopdy------------ */
.banner_container{
    margin: 40px 0;
}
.banner_image{
    width: 100%;
}

.categeory_heading{
    text-transform: uppercase;
    color: #3e4152;
    letter-spacing: .15em;
    font-size: 1.8em;
    margin: 50px 0 10px 30px;
    max-height: 5em;
    font-weight: 700;
}

.categeory_item{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.saleitem{
    width: 247px;

}

/* -----------footer--------- */

.footer_container{
    background-color: #fafbfc;
    padding: 30px 0 40px 0;
    display: flex;
    justify-content: space-evenly;
}
.footer_column{
    display: flex;
    flex-direction: column;
}
.footer_column h3 {
    font-size: 15px;
    margin-bottom: 25px;
    color: #282c3f;
}
.footer_column a{
    color: #696e79;
    font-size: 15px;
    display: block;
    text-decoration: none;
    padding-bottom: 5px;
}

footer{
    background-color: #fafbfc; 
}

.copyright{
    text-align: end;
    color: #94969f;
    padding: 15px;
}


.popularsearch{
    border-bottom: none;
    border-left:none;
    border-right:none;
    border-top: 0.5px solid rgb(137, 133, 133);
    background-color: #fafbfc;
    padding: 20px 0 30px 0;
    display: flex;
    flex-wrap: wrap;
    color: #696b79;
    font-size: 15px;
    line-height: 25px;
    justify-content: space-evenly;
}
.popularsearch a {
    text-decoration: none;
    color: #696b79;
    font-size: 15px;
    line-height: 25px;
}
footer a:hover{
    color: rgb(255, 31, 113);
    border-bottom: .1px solid rgb(253, 40, 118);
}
fieldset h3 {
    font-size: 15px;
    color: #282c3f;
}
