*{ 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: 100px; }

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

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

/** box2 **/
.add1{color: #cccccc; font-size: 0.85rem; margin-left: 15px;}
.add-icon{display:flex; align-items: center;}
.add2{font-size: 1rem; margin-left: 6px;}

/** box3 **/
.nav-search{display: flex;  background-color: rgb(235, 178, 10);  width: 620px;  height: 40px; border-radius: 4px; justify-content: space-evenly;}
.select{background-color: #f3f3f3;  width: 50px; text-align: center; border-top-left-radius: 4px; border-top-right-radius: 4px; border: none;}
.input{width: 100%; font-size: 1rem; border: none;}
.search-icon{width: 45px; display: flex; align-items: center;justify-content: center; font-size: 1.2rem; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.search:hover {border: 2px solid orange;}

/** box4 **/
span{font-size: 0.7rem;}
.nav2{font-size: 0.85rem; font-weight: 700;}

/** box6 **/
.nav-cart i{font-size: 35px;}
.nav-cart{font-size: 0.85rem; 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: 15px;}
.panel-ops{width: 70%; font-size: 0.85rem;}
.panel-deals{font-size: 0.9rem; font-weight: 700;}

/** hero-section **/
.hero-sec{background-image: url("hero_image.jpg");  height: 380px; background-size: cover; display: flex; justify-content: center; align-items: flex-end;}
.hero-mes{background-color: white; color: black; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 0.85rem; width: 80%; margin-bottom: 25px;}
.her-mes a{color: #007185;}

/** shop-section **/
.shop-sec{ display: flex; flex-wrap: wrap; justify-content: space-evenly; background-color: #e2e7e6;}
.box{height: 400px; width: 23%; background-color: white; padding: 20px 0px 15px; margin-top: 15px;}
.box-img{height: 300px; background-size: cover; margin-top: 1rem; margin-bottom:1rem;}
.box-cont{margin-left: 10px; margin-right: 10px;}
.box-cont p{color: #007185;}

/** footer **/
footer{margin-top: 15px;}
.foot-panel1{background-color: #37475a; color: white; height: 50px; display: flex; justify-content: center; align-items: center; font-size: 0.85rem;}

.foot-panel2{background-color: #222f3d; color: white; height: 300px; display:flex; justify-content: space-evenly;}
ul{margin-top: 20px;}
ul a{display: block; font-size: 0.85rem; margin-top: 10px; color: #dddddd;}

.foot-panel3{background-color:#222f3d; border-top: 0.5px solid white; height: 70px; display: flex; justify-content: center; align-items: center;}
.logo{background-image: url("amazon_logo.png"); background-size: cover;height: 50px; width: 100px;}

.foot-panel4{background-color: #0f1111; color: white; height: 80px;}
.pages{font-size: 0.7rem; text-align: center; padding-top: 25px;}
.copyright{font-size: 0.7rem; text-align: center; margin-top: 20px;}