.boxShadow { 
  box-shadow: 1px 1px 5px #DDD;

  
}
.card-imn-box{
  overflow: hidden;
  position: relative;
  padding-top: 60%;
  background-color: #EEE;
  width: 100%;

}
#about #aboutServe .card-img-top{
  max-width: 150%;
  max-height: 150%;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  margin: auto;
  vertical-align: middle;
}
.detail {
    border: 1px solid #CFAA7A  !important;
}

.detail:hover {
  color: white;
  background-color: #CFAA7A !important;
  border-color: #CFAA7A !important;
}
.ncc-div-date{
    width: 60px;
    height: 60px;
    background:#CFAA7A;
    border-radius: 60px;
    position:absolute;
    bottom: -30px;
    left: calc((100% - 60px) / 2);

 }
 .ncc-div-date:hover{
  width: 60px;
  height: 60px;
  background:#9e8461;
  border-radius: 60px;
  position:absolute;
  bottom: -30px;
  left: calc((100% - 60px) / 2);

}
 .ncc-div-date-d{
    width: 60px;
    height: 50px;
    text-align: center;
    line-height: 60px;
    font-weight: 900;
    font-size: 1.3rem;
    color: #FFF;
    letter-spacing: 1px;
 }
.ncc-div-date a:hover{
  text-decoration: none;  
}
.donetModel{
  background-image:url('../imeage/donetModel.png');
  border-top: 10px solid #9e8461;
  }
.donetImg{
  padding:0 30px 0 30px;
}
.modal-body .donetContent{
  padding:0 30px 0 30px;
  text-align: justify;
  letter-spacing: 1px;
}
.modal-body .donetTypeBox{
  margin-right: 20px;
}
.modal-body .donetTypeLabel{
margin: 0px;
}
.modal-body .donetSpan{
height: 30px;
line-height: 30px;
margin-right: 10px;
}
.modal-body .fonetButton{
  background-color: #CFAA7A;
  border: 0px;
  margin: auto;
  width: 300px;
}
.modal-body .fonetButton:hover{
  background-color: #9e8461;
}
.modal-body .donetTitle{
  text-align: center;
  font-size: 20px;
  font-weight: 900;
}
.modal-body .donetTitle h5{
  font-size: 20px;
  font-weight: 900;
}
.modal-body .donetTitle I{
  color: #CFAA7A;
  font-size: 16px;
}