* {margin: 0px; padding: 0px; box-sizing: border-box;}

body { font-family: Assistant, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

header {display: flex;
  justify-content: space-between;
  align-items: center;
background-color: #ffffff;
height: 80px;
border-bottom: 5px solid #f5f5f6;
}

#logo {height: 45px;}

.logo-container { 
  margin-left: 4%;
}
.total-nav {
  display: flex;
  min-width: 500px;
  justify-content: space-evenly;
}

.total-nav a {text-decoration: none;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
letter-spacing: .3px;
color: #282c3f;
padding: 25px 0px 25px 0px;
border-bottom: 4px solid #ffffff;
}

.total-nav a:hover{
border-bottom: 4px solid #ff3f6c;
}

.total-nav a sup {
  color: #ff3f6c;
  font-size: 10px;
}

.total-search-box{
height: 40px;
width: 30%;
min-width: 260px;
display: flex;
align-items: center;
}

.total-search-box label { height: 40px;}

#search-icon {height: 20px;
  box-sizing: content-box;
  padding: 10px;
  background-color: #f5f5f6;
  border-radius: 5px 0px 0px 5px;
}

#search-text{
color: #696e79;
background-color: #f5f5f6;
border: none;
border-radius:0px 5px 5px 0px;
flex-grow: 1;
height: 40px;
font-weight: lighter;
font-size: 14px;
letter-spacing: .3px;
}

.total-actions {
  margin-right: 4%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  min-width: 200px;
}

.total-actions span{
  font-size: 14px;
  color: #282c3f;
}

.profile img {
  height: 20px;
}

.wishlist img {
  height: 20px;
}

.bag img {
  height: 20px;
}

.profile, .wishlist, .bag {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* Main section starts from here */

.banner{
margin: 40px 0px 40px 0px;
}

.banner img {
  width: 100%;
}

h4, h3 {
  color: #282c3f;
  letter-spacing: .15em;
  font-size: 1.8em;
  margin: 50px 0px 10px 30px;
}

.offers-brand, .offers-category {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.offers-brand a img {
  width: 250px;
}

.offers-category a img {
  width: 250px;
}

.copyright {
  width: 100%;
  height: 80px;
  background-color: #ffffff;
  border-top: 5px solid #f5f5f6;
  display: flex;
  align-items: center;
  justify-content: center;
}

.copyright span {
  color: #696e79;
  font-size: 14px;
}