label.btn-checkbox input[type=checkbox] {
    width: 0;
    height: 0;
    opacity: 0;
}

label.btn-checkbox:has(> input[type=checkbox]:checked) {
    background-color: #007bff;
    color: #FFF;
}

.btn-add-time, .btn-remove-time {
    width: 50px;
}

.rating-container i {
    font-size: 1.2rem;
}

.rating-container-sm i {
    font-size: 1.1rem;
}

.mentor-card .mentor-image {
    min-width: 95px; 
    height:95px; 
    object-fit:cover; 
    aspect-ratio: 1/1;
}

.banner-section .search-box .form-group .btn-search {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 60px;
    width: 70px;
    display: block;
    font-size: 16px;
    color: #ffffff;
    cursor: pointer;
    border-radius: 0px 5px 5px 0px;
    line-height: 100%;
    font-weight: normal;
    background: #00ab15;
    text-align: center;
    align-content: center;
}

.text-truncate-ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    max-width: 100%;
    -webkit-line-clamp: 1;
}

.ellipsis-2 { -webkit-line-clamp: 2; }
.ellipsis-3 { -webkit-line-clamp: 3; }