body{
  margin:0;
  background:silver;
  z-index:-1;
}

*{
margin:0px;
border:border-box;
font-family:arial;
}
.heading{
  height:150px;
  background:black;
  color:whitesmoke;
  display:flex;

}
.nav-logo{
  height:80px;
  width:200px;
  margin-left:-20px;

}
.logo{
  background-image:url(/chattogram-bangladesh-april-24-2023-600nw-2292992631.jpg);
  
  height:100px;
  width:100%;
  background-size:cover;
padding-left:-10px;
padding-bottom:40px;
margin-bottom:15px;

}
.border{
  border:3px solid transparent ;
  border-radius:50px;
}
.border:hover{
  border:3px solid #11CC22;
border-radius:30px;
}
.adress{

  padding-right:5px;
  padding-left:0px;

}
.delivar{
  color:#cccccc;
  font-size:1rem;
  margin-left:20px;
  margin-top:50px;
  align-items:right;

}
.location{
  display:flex;
  align-items:center;
  font-size:25px;
  margin-left:0px;
}
.search{
  display:flex;
  align-items:center;
  margin-left:15px;
  margin-top:10px;
  margin-bottom:15px;
  
}.search:hover{
  border-color:orange;
}
.select{
  width:60px;
  height:52.5px;
  text-align:center;
  border:none;
  border-bottom-left-radius:15px;
  border-top-left-radius:15px;
  font-size:20px;
background:white;
}
.typeing{
  height:50px;
  width:300px;
  border: none;
  font-size:30px;
  background:white;
}
.search-icon{
  height:53px;
  width:60px;
background:orange;
color:black;
display:flex;
border-bottom-right-radius:15px;
border-top-right-radius:15px;
 font-size:30px; 
 justify-content:center;
 align-items:center;
}
span{
  font-size:0.75rem;
  
}
.acc{
  font-weight:1000px;
  color:whitesmoke;
}
.sign{
  font-size:0.9rem;
  color:#E3E3E3;
  justify-content:center;
  align-items:center;
  display:flex;
  margin-left:15px;
}
.cart{
  font-size:50px;
  display:flex;
  justify-content:center;
  align-items:center;
  margin-left:10px;
  padding:15px;
}
/*second band box*/



.panel{
  
  height:80px;
  background-color:#222f3d;
  display: flex;
  color:white;
  text-decoration:bold ;
  padding-top:0px;
}
.bar{
  display:flex;
  font-size:32px;
justify-content:center;
  align-items:center;
  color:black;
  background:white;
  border:5px solid #FFBC00;
  border-radius:5px;

}
.bar:hover{
  border:5px solid #11CC22 ;
  border-radius:5px;
}
.options{
  margin:30px 15px;
}
.options p{
  display:inline;
  background:silver;
  padding:10px;
  color:black;
font-weight:900px;
  border-radius:50px;
  
}
.deal {
background:gold;
border-radius:25px;
color:black;
text-decoration:bold;
font-weight:900px;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
margin-left:90px;
border:2px solid black;
}
.deal:hover{
  border:5px solid orange;
  border-radius:25px;
}
/*body.........*/
.topimage{
  background-image:url(/IMG_20250420_015537.jpg);
  height:200px;
  width:100%;
  margin-right:5px;
  opacity:1000%;
  background-size:cover;
  display:flex;
  justify-content:center;
  align-items:flex-end;

}
.msg{
  background:#7EBBAD;
  font-size:15px;
  text-decoration:bold;
  font-family:arial;
  font-weight:900px;
 margin:15px 15px;
  display:flex;
  border-radius:15px;
  text-transform:small-caps;
  justify-content:center;
  align-items:center;
  height:35px;
  
}
a{
  text-decoration:none;
  color:#327EAD;
}

/* cards making...*/
.sbc{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-evenly;
}
.box{
  border:5px solid none;
  height:250px;
  width:22%;
  background:whitesmoke;
  border-radius:10px;
  padding:20px 0px 15px;
  margin-top:15px;
  /*box-shadow:15px 15px 20px #42445A ;*/
}
.c1-items{
  margin-left:1rem;
  margin-right:1rem;


}
.c1-img{
background-size:cover;
height:150px;
width:100%;
margin:1rem 0rem;
}
.c1-items a{
  color:blue;
  text-decoration:none;
}
.c1-items a:hover{
  color:red;
  text-decoration:underline;
}
/*Footer......*/
footer{
  margin-top:60px;
}
.footbox-1{
  background:#39643D;
  padding:5px;
  height:20px;
  display:flex;
  color:#FFD033;
  justify-content:center;
  align-items:center;
}
.footbox-2{
  background:#222f3d;
  color:whitesmoke;
  height:300px;
  display:flex;
}
ul p{
  margin-top:20px;
  font-size:20px;
  color:whitesmoke;
  text-decoration:bold;
  font-family:arial,sans-serif;
}
ul a{
  display:block;
  color:silver;
  text-decoration:none;
}

.footbox-3{
  background:black;
  color:white;
  border-top:2px solid silver;
  height:150px;
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
}
.bimg{
  background-image:url(/Amazon-Logo-36.jpg);
  border-radius:15px;
  margin:10px;
  height:95%;
  width:150px;
  background-size:cover;

}
.footbox-4{
  text-align:center;
  background:#222f3d;
  color:#FFA700;
  font-size:1rem;
  height:100px;
}
.frist-line{
  padding:20px;
}
.frist-line a{
  text-decoration:none;
  color:#FFFFFF;
}
.new{
  background:whitesmoke;
  height:300px;
  width:600px;
  display:flex;
  justify-content:center;
  align-items:center;
  margin-top:50px;
  margin-left:200px;
  border-radius:30px;
 /* box-shadow:0px 0px 500px #292C44;*/
}
pre{
  font-size:20px;
  font-weight:100px;
  text-decoration:solid;
  color:#292C44;
}
button{
  background:gold;
  padding:20px 50px;
  border-radius:30px;
  font-size:2rem;
  border-style:none;
  margin-left:-60px;
}
.new h3{
  margin-left:40px;
}
.new a{
  color:#174EA3;
}
button:hover{
  background:#28F7FF;
  border-radius:30px;
  color:black;
}