.mid-area {
  max-height: 70vh;
  width: 100%;
  background-color:;
  overflow-y: scroll;
  overflow-x:hidden;
  scrollbar-width: none;
}

.brand1{
    width:100%;
    height:20vh;
    background-color:#1E293B ;
    display:grid;
    grid-template-columns: 1fr 4fr;
    padding-top:;
    margin-top:1.5rem ;
    margin-bottom:1.5rem ;
    filter:drop-shadow(4px 4px 8px solid black)
    /* margin: 1rem; */
    border-radius: 0.5rem;
    

}

.brandimg{
  width: 100%;
  height: 100%;
  background-color:;
  display: grid;
  place-items: center;
}

.brand-review{
  width:100%;
  display: flex;
  flex-direction: column;

}

.hbrandname{
  font-size:1.2rem;
  letter-spacing: 0.2rem;
  height:30%;
  background-color: ;
  padding-left: 1.3rem;
  color:black;
  text-shadow:1px 1px 2px grey;
}

.hbranddetails{
  height: 70%;
  background-color: ;
  color:antiquewhite;
  padding:1rem;
  letter-spacing: 0.1rem;
  text-shadow:1px 1px 3px grey;
}