
:host{
  padding: 30px 30px;
  display: block;
  .details-box{
    height: 240px;
    border-radius: 3px;
    background-color: #FFFFFF;
    box-shadow: 0 3px 10px 0 rgba(189,159,189,0.08);
    text-align: left;
    opacity: 0.7;
    padding: 30px;
    line-height: 11px;
    margin-right: 5px;
    .text-box{
      min-height: 150px;
    }
    h3{
      color: #002940;
      font-size: 16px;
      font-weight: 500;
      line-height: 19px;
      opacity: 1;
      margin-top: 0;
    }
    .card-level{
      opacity: 0.7;
      color: #002940;
      font-size: 13px;
      line-height: 15px;
    }
    .mat-chip.mat-primary {
      border: 0.5px solid #d4e4ec;
      border-radius: 25px;
      background-color: #FFFFFF;
      box-shadow: 0 3px 10px 0 rgba(189,159,189,0.08);
      font-size: 13px;
      opacity: 0.7;
      line-height: 10px;
    }
    .description{
      opacity: 0.7;
      color: #002940;
      font-size: 13px;
      line-height: 18px;
    }
  }
}
.count-box{
  height: 240px;
  border-radius: 3px;
  background-color: #FFFFFF;
  box-shadow: 0 3px 10px 0 rgba(189, 159, 189, 0.08);
  text-align: center;
  padding: 40px;
  h2{
    color: #335466;
    font-size: 40px;
    text-align: center;
  }
  h3{
    color: #335466;
    font-family: Roboto;
    font-size: 30px;
  }
  .course-text{
    font-size: 20px;
    opacity: 0.7;
    color: #002940;
    text-align: center;
  }
  .assessment-text{
    opacity: 0.7;
    color: #002940;
    font-size: 13px;
    text-align: center;
    line-height: 15px;
  }
  .box-img{
    min-height: 60px;
  }
}
#coursecard{
  border:none;
}
#coursecard:hover{
  padding-left: 15px;
  padding-right: 15px;
  cursor: default;
}

