.H-60 {
    height: 60px;
}



.H-80 {
    height: 80px;
}

.H-90 {
    height: 90px;
}

.H-100 {
    height: 100px;
}

.H-120 {
    height: 180px;
}

.H-180 {
    height: 180px;
}

.row-1 {
    line-height: 30px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: pre-wrap !important;
    white-space: normal !important;
}

.row-2 {
    line-height: 30px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: pre-wrap !important;
    white-space: normal !important;
}

.row-3 {
    line-height: 30px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: pre-wrap !important;
    white-space: normal !important;
}

.row-4 {
    line-height: 30px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.row-5 {
    line-height: 30px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}



.img-fluid-index {
    width: 100% !important;
    height: 150px !important;
    object-fit: cover !important;
}