* {
   margin: 0;
   font-family: Arial;
   border: border-box;
}

.navbar {
    height: 60px;
    background-color:#2874f0;
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}




.nav-logo {
    height: 40px;
    width: 100px;
    margin-left: 70px;
   
}

.logo {
      background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRglu3ChzAfX5yRvHOv81wjfBcxIsJiEMfD1g&usqp=CAU");
      background-size: cover;
      height: 40px;
      width: 100%;
     
}
.nav-search {
   display: flex;
   justify-content: space-evenly;  
   background-color: white;
   width: 420px;
   height: 50px;
  
    
}

.search-select {
  background-color: white;
  width: 40px;
  text-align: center;
  border: none;
}

.search-input {
    width: 380px; 
    font-size: 15px;
     border: none;
}



.search-icon{
    width:  45px;
   justify-content: space-between;
    font-size: 1.2rem;
    color: #2874f0;
    
   
}






 

.add-icon {
   display: flex;
   align-items: center;
}

.add-second{
    font-size: 1rem;
        margin-left: 3px;
 
}


.add-icon {
   display: flex;
   align-items: center;
}

.nav-search {
   display: flex;
   justify-content: space-evenly;  
   background-color: white;
   width: 620px;
   height: 40px;
  
}

.search-select {
  background-color: transparent;
  width: 50px;
  text-align: center;
  border: none;
}

.search-input {
    width: 100%; 
    font-size: 1rem;
     border: none;
}

.search-icon{
    width:  45px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
   
}

.loginbtn{
 background-color: white;
padding: 7px 40px;
 border: none;
 color: #2874f0;
 outline: none;
 font-size: 16px;
 font-weight: 550;



}

.nav-more i{
  font-size:10px;
}

.nav-cart i{
  font-size: 15px;
 }

.nav-cart {
  margin-right: 70px;
}

.shop-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    background-color: white;
}

.box{

 height: 100px;
 width: 100px;
 text-align: center;
 font-weight: 500;
}

.box-img {
  height: 60px;
  width: 60px;
  background-size: cover;
   background-repeat: no-repeat;
  margin-top: 10px;
}

.box-content {
margin-left: 30px;

}

.hero-section {
background-image: url("https://rukminim1.flixcart.com/fk-p-flap/1600/270/image/5ee3a65cfc042044.jpg?q=20");
background-size: cover;
height: 280px;
display: flex;
justify-content: center;
align-items: flex-end;
margin-top: 10px;
}


.offer-section {
  display: flex;
  justify-content: space-evenly;
  background-color: white;
}

.boxm {
   
   height: 250px;
   width: 250px;
   background-color: white;
   padding: 20px 0px 15px;
   text-align: center;
   font-weight: 550;
   margin-top: 20px;
   margin-text: 10px;
}
    
.boxm-img {
   height: 200px;
   margin-bottom: 15px;
   background-size: cover;
   background-repeat: no-repeat;
}

.boxm-content{
  margin-left: 20px;
  margin-right: 30px;
 
}

.boxm-content p1 {
   color: green;
   font-weight: 450;
  
}

.foot-panel1 {
  background-color:  #172337;
  color: white;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.85rem;
}

ul a {
   display: block;
   font-size: 0.85rem;
   margin-top: 10px;
   color: #dddddd;
}

.foot-panel2 {
  background-color: #172337;
  color: white;
  height: 88px;
  font-size: 0.7rem;
  text-align: center;
  }

.pages {
   padding-top: 25px;
}

.copyright {
   padding-top: 10px;
}