.div-max-line-1{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
}

.div-max-line-2{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.div-max-line-3{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

.block-parent {
    position: relative;
}

.block-children-bottom-right {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 9;
}

.block-children-top-right {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 9;
}

.avatar {
    width: 100% !important;
    aspect-ratio: 1;
    object-fit: cover;
}

.my-slide-img-container {
    height: 400px !important;
}

.my-slide-img{
    height: 100% !important; 
    width: 100% !important; 
    object-fit: cover
}

.my-cliable-style{
    cursor: pointer;
}