.main_lession .post-title {
    font-weight: 600;
    font-size: 2rem;
    text-align: center;
    font-family: sans-serif;
    border-bottom: 0.01rem solid #000;
    margin-bottom: 1rem;
    padding-bottom: 0.3rem;
}
.lession_list .lession_name {
    padding: 1rem;
    margin-top: 1rem;
    box-shadow: inset 1px 1px 5px #bbbbbb;
    border-radius: 0.3rem;
}
.lession_list .active .lession_name {
    color: #7e0000;
}
.lession_list .lession_time {
    font-size: 0.9rem;
    font-style: italic;
    border-top: 0.01rem solid #e3e3e3;
}
.lession_list .lession_price {
    border-top: 0.01rem solid #e3e3e3;
    padding: 1rem 0 0.2rem;
}
.lession_list .lession_price .color_voucher {
    background-color: #f27227;
    border-radius: 0.3rem;
    color: #fff;
    font-size: 1rem;
    padding: 0.1rem 1rem 0.2rem;
}

.lession_list .take_part_btn {
    width: 100%;
    display: block;
    text-align: center;
    cursor: pointer;
    margin-top: 1rem;
    border-top: 0.01rem solid #7e00003b;
}
.lession_list .list-group-item-0 {
    background-color: #fff;
}
.lession_list .active {
    background-color: #ff8e8e !important;
}

.post_content video {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3/2;
}

.list-group-item .box_image {
    aspect-ratio: 2 / 1;
}

.list-group-item .post_name {
    color: #000 !important;
    text-decoration: none;
}

.custom_image {
    width: 50% !important;
    float: left;
    margin: 0 1rem 1rem 0 !important;
}
p:has(.custom_image) {
    width: fit-content;
    display: block;
}

@media only screen and (max-width:991.98px) {
    .custom_image {
        width: 100% !important;
    }
}