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

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

}
.nav-logo {
 height : 50px;
 width : 110px;

}

.logo {
    background-size: cover;
    height : 50px;
    width : 100%;
  
  }

  .border{

   border : 1.5px solid transparent; 
  }
.border:hover {

   border : 1.5px solid white;    
}
/*Second box */

.address-first{
    color :#cccccc;
    font-size:17px;
    margin-left:15px;
}
.address-second{
  font-size : 13px;
  margin-left:5px;
}

.add-logo{
    display:flex;

}

/* Third Box*/

.nav-search {

  display : flex;
  justify-content: space-evenly;
  background-color: pink;
  width:620px;
  height:45px;
  border-radius:  5px
}
.nav-select {
  background-color: #E6E6E6;
   width :50px;
   text-align:center;
   border-top-left-radius:5px;
   border-bottom-left-radius:5px;
   border:none;


}
.nav-input {
   width :100%;
   font-size:1rem;
  border:none;
  
}
.nav-searchicon {
  width:45px;
  display:flex;
  justify-content: center;
  align-items: center;
  background-color: rgb(181, 122, 46);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  font-size:1.2rem;
  color:#0f1111;
}
/*box4*/
.nav-search:hover {
  border :2.5px solid orange;
}
span{
  font-size :0.8rem;

}
.nav-second {
font-size:0.95rem;
font-weight:700;

}
/*5thbox*/
.nav-cart i{
 font-size :35px;
 height:30px;

}
.nav-cart {
  font-weight :700;
}
/*panel*/
.panel {
 height :40px;
 background-color: #222F3D;
 display :flex;
 color :white;
 align-items :center;
 justify-content: space-evenly;

}
.panel-ops p {
  display :inline;
  margin-left :18px;
}
.panel-ops {
  width :70%;
  font-weight :0.90rem;
}
.panel-deals {
  font-deals :0.9rem;
  font-weight :750;
}
.div-panel  {
  font-size:18px;
}
.panel p:hover{
  transition: scale (1.2);
}

/*hero-section*/
.hero-section {
  background-image: url("assets/hero_image.jpg");
  height :350px;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items:flex-end;

}
.hero-message{
  background-color:white;
  color :black;
  height:40px;
  display:flex;
  justify-content: center;
  align-items:center;
  font-size:1rem;
  width : 80%;
  margin-bottom: 25px;

}
.hero-message a {
  color :#007185
}
/*shop-section*/
.shop-sec{
  display:flex;
  flex-wrap:wrap;
  justify-content: space-evenly;
  background-color: #e2e7e6;
  
}
.box{
 
  height :300px;
  width:23%;
  background-color: white;
  padding: 20px 0px 15px;
  margin-top:15px;
}

.box-img {
   height:230px;
   background-size: cover;
   margin-top: 1rem;
   margin-bottom:1rem;

}

.box-content {
  margin-left: 1rem;
  margin-right: 1rem;
}

.box-content p {
  color:#007185;
}

.box:hover{
  transform: scale(1.1);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

/*footer */

footer {
margin-top: 15px;
margin-bottom: 5px;

}
.foot-panel1 {
  background-color: #37475a;
  color :white;
  width:100%;
  height :50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;

}

.foot-panel2 {
  background-color: #222f3d;
  color:white;
  height :400px;
  display: flex;
  justify-content: space-evenly;
}
ul {
  margin-top: 20px;;
}

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

ul p {
font-weight: bold;

}

/*footer 3 */

.foot-panel3 {
  background-color: #222f3d;
  color :white;
  border-top: 0.5px solid white;
  height :60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.logo {
  background-image: url("assets/amazon_logo.png");
  background-size: cover;
  height : 50px;
  width : 100px;

}