.card-box{
  position: relative;
  padding: 0;
  margin:0;
  margin-top: p2w(10);
  background-color:white;
  text-align: left;
  text-transform: capitalize;
}

.spacer-box{
  margin: p2w(12);
  border-radius: p2w(4);
}

.card-header{
  display: flex;
  padding-left: p2w(12);
  color: rgba(0,0,0,0.87);
  border-bottom: 1px solid rgba(0,0,0,0.09);
  text-transform: capitalize;

  .card-header__title{
    padding-top: p2w(14);
    padding-bottom: p2w(14);
    line-height: p2w(16);
    vertical-align: middle;
    font-size: p2w(14);
    font-weight: bold;
  }

  .card-header__icon-info{
    display: inline-block;
    height: p2w(20);
    width: p2w(20);
    padding-top: p2w(12);
    padding-bottom: p2w(12);
    margin-right: p2w(6);
  }
}

.card-content{
  display: flex;
  margin-left: p2w(12);
}

.card-detail{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding-top: p2w(8);
  padding-bottom: p2w(14);
  background-color: white;
  line-height: p2w(14);

  .card-detail__info {
    margin-top: p2w(6);
    font-size: p2w(12);
    color: rgba(0,0,0,0.65);
    text-transform: none;
  }
}