* {
  margin: 0;
  box-sizing: border-box;
  font-family: Arial, sans-serif;
}

.nav-bar {
  height: 60px;
  background-color: #0f1111;
  color: white;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding-left: 20px;
  gap: 15px;
}

.nav-logo {
  height: 50px;
  width: 100px;
  margin-top: 25px;
}

.border {
  border: 2px solid transparent;
}

.border:hover {
  border: 1px solid white;
}

.logo {
  background-image: url("logo1.png");
  background-size: contain;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
}

.nav-address {
  display: flex;
  flex-direction: column;
}

.address2 {
  display: flex;
  align-items: center;
  font-weight: 700;
}

.add-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  margin-right: 5px;
}
.address1 {
font-size: 0.85rem;
margin-left: 20px;
}
.nav-search{
height: 40px;
width: 440px;
margin: 0%;
padding: 0;
display: flex;
border-radius: 4px;
}
.all{
width: 52px;

margin-left: 0%;
border-top-left-radius:4px;
border-bottom-left-radius:4px;
background-color: #e6e6e6;
}
.input{
width: 100%;
margin-right: 0%;
font-size: 1rem;
display: inline;
border: none;
}
.search-icon{
background-color: rgb(255, 166, 0);
display: flex;
align-items: center;
justify-content: center;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
width: 60px;
}
.hello{
font-size: 0.85rem;
}
.Account{
font-weight: 700;
}
.return1{
font-size: 0.85rem;
}
.order{
font-weight: 700;
}
.cart i{
font-size: 35px;
}
.cart{
font-weight: 700;
}
.border1:hover{
background-color: rgb(255, 230, 0);
}
.border2:active{
border: 1.5px solid rgb(255, 166, 0);
}
.menu-bar{
height: 40px;
background-color: #0f1111e1;
color:#ffffff;
display: flex;
align-items: center;
}
.menu-text p{
display: inline;
margin-left:15px ;
}
.menu{
width: 59px;
font-weight: 700;
margin-left: 10px;
}
.menu-text{
font-size: 0.85rem;
}
.hero{
background-image: url(logo2.jpg);
height: 400px;
background-size: cover;
}
.shop-sec{
background-color: #e2e7e6;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}
.box{
height: 400px;
width: 307px;
background-color: white;
margin-top:30px;
}
.box-img{
height: 300px;
width: 250px;
background-size: cover;

margin-left: 25px;
margin-top: 15px;
}
.box-a{
color: #2162a1;
font-size: 0.85rem;
margin-left: 25px;
margin-top: 10px;
}
.box h2{
margin-left: 25px;
margin-top: 15px;
}
.footerpanel1{
color: #ffffff;
background-color: #37475a;
display: flex;
align-items: center;
justify-content: center;
height: 50px;
font-size: 0.85rem;
}
.footerpanel2{
height: 300px;
color: white;
background-color: #222f3d;
display: flex;
justify-content: space-evenly;
}
.footerpanel2 a{
display: block;
margin-top: 10px;
color: #dddddd;
font-size: 0.85rem;
}
ul p{
  margin-top: 40px;
  font-size: 1rem;
  font-weight: 700;
}
.footerpanel3{
background-color: #222f3d;
border-top: 0.02rem solid #dddddd;
height: 85px;
display: flex;
align-items: center;
justify-content: center;
}
.footerimg{
  height: 27px;
  width: 76px;
 background-image: url("logo1.png");
  background-size: contain;
  background-repeat: no-repeat;
 margin-left: 5px;
}
.english{
color: #dddddd;
padding-right: 2px;
padding-top: 2px;
font-size: 0.85rem;
margin-left: 5px;
}
.dollar{
color: #dddddd;
padding-right: 2px;
padding-top: 2px;
font-size: 0.85rem;
margin-left: 5px;
}
.us{
color: #dddddd;
padding-right: 2px;
padding-top: 2px;
font-size: 0.85rem;
margin-left: 5px;
}
.-english{
display: flex;
align-items: center;
justify-content: center;
width: 133px;
height: 34px;
border:0.5px solid white;
margin-left: 5px;
border-radius: 1px;
}
.-dollar{
display: flex;
align-items: center;
justify-content: center;
width: 133px;
height: 34px;
border:0.5px solid white;
margin-left: 5px;
border-radius: 1px;
}
.-us{
display: flex;
align-items: center;
justify-content: center;
width: 133px;
height: 34px;
border:0.5px solid white;
margin-left: 5px;
border-radius: 1px;
}
.footerpanel4{
height: 80px;
background-color: #131a22;
color: #dddddd;
font-size: 0.75rem;
}
.tc{
display: flex;
align-items: center;
justify-content: center;
padding-top: 15px;
}
.cp{
display: flex;
align-items: center;
justify-content: center;
padding-top: 4px;
}
.tc p{
margin-left: 13px;
}