*{
    margin: 0;
border:border-box;
font-family: Arial, Helvetica, sans-serif;
}
.navbar{
    height: 60px;
    width: 100%;
    background-color: #0f1111;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    color: brown;
}

.address{
    height: 3rem;
    width:80px
}
.navlogo{
    height: 50px;
    width: 113px;
    background-image: url("amazon_logo.png");
    background-size: cover;
    font-size: 14px;
}
.border:hover{
    border: 2px solid white;
}
.border{
    border: 2px solid transparent;
}
.Deliver{
    color: #cccccc;
    position: relative;
    left: 1rem;
    font-size: 12px;
}
.location{
color:#ffffff;
display: flex;
}
.india{
    font: size 14px; 
    position: relative;
    position: relative;
    left: 0.5rem;
    color: #cccccc;
    
}
.search{
    

    display: flex;
    justify-content: center;
    
    height: 38px;
    width: 500px
    color:#cccccc;
    
    
    
}
.all{
   width: 40px;
   border-top-left-radius: 10%;
   border-bottom-left-radius: 10%;

}
.icon{
    background-color:rgb(222, 222, 76) ;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-right-radius: 10%;
    border-bottom-right-radius: 10%;
    
}
  .earch{
    width: 25rem;

  }  
    

.search:hover{
    border: 2px solid yellow;
}
.search{
    border: 2px solid transparent;
}
.hello{
    color: #cccccc;
    font-size: 12px;
}
.account{
    color: #cccccc;
    font-size: 14px;
}
.retr{
    color: #cccccc ;
}
.and{
    color: #cccccc;
}.cart{
    width: 4rem;
}


.carts{
    color: #cccccc;
    position: relative;
    top:9px;
}.cname{
    color: #cccccc;
    position: relative;
    left: 20px;

}
/* panel */

.panel{

    height: 38px;
    width: 100%;
    background-color:#263030;
    display: flex;
    align-items: center;
    
}
.menu{
    color: #cccccc;
    font-weight: 900;
    margin-left: 3px;
}
.tody{
    color: #cccccc;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: 100;
    margin-left: 5px;
}.customer{
    color: #cccccc;
    margin-left: 6px;
}.registry{
    color: #cccccc;
    margin-left: 7px;
}.gifts{
    color: #cccccc;
    margin-left: 7px;
}
.sell{
    color: #cccccc;
    margin-left: 8px;
    font-weight: 700;
}
/* hero */
.hero{
    margin-top: 10px;
    height: 600px;
    width: 100%;
    background-image: url("hero_image.jpg");
    background-size: cover;
    align-items: center;
    display: flex;
    justify-content: flex-start;
    align-items: end;
}
a{
    text-decoration: none;
}
.wrt{
    height: 40px;
    width: 1400px;
    background-color:white;
    margin-bottom: 69px;
    display: flex;
    align-items: center;
    margin-left:60px ;
    border: 3px solid white;
    
}
/* content area */
.box{
    height: 800px;
    width: 100%;
    background-color: #e2e7e6;
    font-weight: 100;
    display: flex;
    justify-content: space-evenly;
    margin-top: 20px;
    flex-wrap: wrap;
}
.box1{
    height: 300px;
    width: 23%;
    background-color: white;
    padding:  20px 0px 15px;

}
.boximag{
    height: 240px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-size: cover;
    

}.boxcontent{
    margin-left: 20px;
    margin-right: 20px;
}
p{
    color: #007185;
}


.box2{
    height: 300px;
    width: 23%;
    
    background-color: white;
    padding: 20px 0px 15px;
    

}

.box3{
    height: 300px;
    width: 23%;

    background-color: white;
    padding: 20px 0px 15px;
}

.box4{
    height: 300px;
    width: 23%;
    padding:20px 0px 15px ;
    background-color: white;
}
.name{
    color: black;
    font-size: 25px;
    font-weight: bold;
}
.box1 p{
    margin-bottom: 100px;
    background-color: white;
}
.box5{
    height: 300px;
    width: 23%;

    background-color: white;
    padding: 20px 0px 15px;
}
.box6{
    height: 300px;
    width: 23%;

    background-color: white;
    padding: 20px 0px 15px;
}
.box7{
    height: 300px;
    width: 23%;

    background-color: white;
    padding: 20px 0px 15px;
   
}
.box8{
    height: 300px;
    width: 23%;
 background-color: white;
    padding: 20px 0px 15px;
}
/* footer */
.back{
    height: 49px;
    width: 100%;
    background-color:#007185;
    display: flex;
    justify-content: center;
    align-items: center;
}
.back h4{
    color: #ffffff;
    
}
.largfoter{
    height: 300px;
    width: 100%;
    background-color: #216470;
    display: flex;
    justify-content: space-evenly;
}.get{
    height: 200px;
    display: flex;
padding-top: 20px;
    align-items: center;
}
   
.getc{
    height: 200px;
    display: flex;
padding-top: 2px;
    align-items: center;
}
   
.geto{
    height: 200px;
    display: flex;
padding-top: 50px;
    align-items: center;
}
  .last{
    height: 150px;
    width: 100%;
    background-color: #007185; 
    display: flex;
    align-items: center;
  } 


  
  
  .nav{
    height: 50px;
    width: 113px;
    background-image: url("amazon_logo.png");
    background-size: cover;
    font-size: 14px;
    margin-left: 300px;
    
  }
  .in{

    width: 0.2em;
    background-color: #223e43;
  } .in input{
    height: 1.5rem;
    width: 3rem;
    border-radius: 5%;
    color: white;
    font-weight: bold;
    background-color: #83d2e0;
  }
.vipin{
    height: 50px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}.n{
    height: 1rem;
    
    border: 3px solid rgb(81, 75, 75);
    border-radius:25%;
    
}