/* -------  card design ----------------------*/
.main-section {
    display: flex;
    justify-content: center ; /*flex-start*/
    flex-wrap: wrap;
    flex-direction: column;
   /* background: #bbb;*/
  /* flex-direction: column; /* one by one not side by side*/
    align-items: center;  /* vertically middle */
  }
 
 .main-sectionRack {
    display: flex;
    justify-content: center ; /*flex-start*/
    flex-wrap: wrap;
  
   /* background: #bbb;*/
  /* flex-direction: column; /* one by one not side by side*/
    align-items: center;  /* vertically middle */
  } 
.cardA {
    width: 350px;
    height: auto;
    margin: 2px;
   /* border: 1px solid #ccc;*/
   padding-left: 1px;
   padding-right: 1px;
    /*box-sizing: border-box;*/
    background: #fff;
   
    position: relative;
    float: left;
 
    
  }

  

.imgp1{
   width: 90%;
   height: 350px;
   margin-top: 10px;
   margin-bottom: 10px;
   padding: 1px;
   padding-left: 2px;
   padding-right: 2px;
   border-radius: 16px;
 
}
.imgp2{
  width: 90%;
  height: 735px;
 padding: 1px;
 padding-left: 2px;
 padding-right: 2px;
  border-radius: 16px;

  margin-top: 10px;
  margin-bottom: 10px;
}

.textoverimg{
  position: absolute;
  top: 40%;
  left: 10%;
  right: 10%;
  color: rgb(122, 106, 106);
  font-size: 1.8rem;
  font-weight: bold;
  text-transform: capitalize;
  background-color: rgb(247, 250, 104);
  border-radius: 8px;
  opacity: 0.8;



}

.imgtext{
  position: relative;
  text-align: center;
 
}

.boxMA{
  width: 100%;
  min-height: 450px;
  border-radius: 10px;
}

.backImgCover{
  background-image:url(../img/b1.jpg);
  background-position: center;
  background-size: 100% 100%;
   background-repeat:no-repeat;
 /* width: 100%;*/
  /*height: 90vh;*/

}

.backImgCoverB{
  background-image:url(../img/b2.jpg);
  background-position: center;
  background-size: 100% 100%;
   background-repeat:no-repeat;
 /* width: 100%;*/
  /*height: 90vh;*/

}

.mh1{
  
  margin-top: 35px;
  padding-left: 10px;
  background-color: #fff;
  min-width: none;
  border-radius: 10px;
  padding: 8px;
 

}

.mh1 li{
  font-size: 1.5em;
}

.mh2{
  margin-top: 35px;
  margin-left: 55px;
  padding-left: 10px;
  background-color: #fff;
  min-width: none;
  border-radius: 10px;
  padding: 8px;
  font-size: 1.5em;
}

.mh2 li{
  font-size: 1.5em;
}