input,
textarea,
label,
hr {
    /* TODO: We must remove global styles that sets specific styles: margin/padding/font_styles */
    margin: 0;
    padding: 0;
}

.card {
    height: 168px;
    width: 275px;
    border-radius: 3px;
    background-color: #FFFFFF;
    box-shadow: 0 3px 81px 0 rgba(49, 48, 118, 0.07);
    margin: 10px;
}

.card .card-title {
    opacity: 0.8;
    color: #000000;
    font-size: 15px;
    line-height: 20px;
    height: 62px;
    vertical-align: -webkit-baseline-middle;
    text-align: left;
    padding: 10px 15px 5px 20px;
}

.card .card-title>div {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 11em;
    overflow: hidden;
}

.card .card-title>div:nth-child(1) {
    height: 44px;
    width: 44px;
    /* background-color: #50E3C2; */
    border-radius: 50%;
    display: inline-block;
    margin: 0 15px 0 5px;
}

.card .card-title>div:nth-child(1)>img {
    left: 12px;
    position: relative;
    top: 10px;
}

.card .card-title>div:nth-child(1).frontend {
    background-color: #50E3C2;
}

.card .card-title>div:nth-child(1).backend {
    background-color: #8695B4;
}

.card .card-title>div:nth-child(2) {
    height: 70%;
}

.card .card-title>div:nth-child(2)>span {
    top: 14px;
    text-transform: capitalize;
}

.card .card-content {
    opacity: 0.7;
    color: #000000;
    font-size: 13px;
    line-height: 15px;
    height: 60px;
    text-overflow: ellipsis;
}


/* .card .card-content>p {
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  -webkit-line-clamp: 4;
  display: inline-block;
  margin: 0 10px;
  -webkit-box-orient: vertical;
  /* height: 60px;   
} */

.card .card-footer {
    height: 45px;
    font-size: 13px;
    line-height: 15px;
    text-align-last: justify;
    padding: 0 15px 0 15px;
}

.card .card-footer div {
    display: inline-block;
    height: 100%;
    line-height: 4;
}

.card .card-footer .star-icon {
    color: #00CCFF;
}

.card .card-footer .star-icon span {
    opacity: 0.5;
    color: #000000;
    margin: 0 2px 0 2px;
}