.review-nha-cai {
    background-color: #f9f9f9;
    padding: 15px;
}

.review-nha-cai label {
    display: block;
    margin-top: 10px;
}

.review-nha-cai input[type='text'],
.review-nha-cai input[type='number'],
.review-nha-cai textarea {
    width: 100%;
    padding: 8px;
    margin-top: 5px;
}

.review-nha-cai table {
    width: 100%;
    margin-top: 10px;
}
.review-nha-cai table td {
    padding: 5px;
    border: 0;
}
p.linkcuoc {
    color: white;
    text-transform: capitalize;
    font-weight: 800;
    width: 70%;
    background: #F9E401;
    border: 1px #D2C000 solid;
    color: black;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    margin: 0 auto;
    font-size: 18px;
}
p.xemreview a {
    color: #4fba69;
    color: #018820;
    font-size: 18px;
    /* font-weight: 500; */
    width: 80%;
    font-weight: 700;
    display: inline-block;
    text-align: center;
}
.review-nha-cai h2 {
    color: black;
    font-size: 200%;
}
.review-nha-cai table td p {
    color: black;
    font-size: 110%;
    font-weight: 600;
}
.thongtin span {
    min-width: 30%;
    padding: 0 10px;
    font-size: 18px;
    color: black;
}
.bang i,
.thongtin span i {
    color: #f9e401;
}
.bang b,
.thongtin span b {
    color: #018820;
}
.review-list {
    counter-reset: review-counter; /* Đặt lại bộ đếm */
}

.review-item {
    counter-increment: review-counter; /* Tăng bộ đếm cho mỗi review-item */
    position: relative; /* Để có thể định vị số thứ tự */
    padding-left: 30px; /* Khoảng cách giữa số thứ tự và nội dung */
}

.review-item::before {
    content: counter(review-counter) ". ";
    left: 0;
    color: #000000;
    display: inline-block;
    padding: 5px 12px;
    font-weight: 600;
    font-size: 20px;
    background: #F9E401;
    background-size: 100%;
    position: absolute;
    border-top-left-radius: 10px;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin-top: -7px;
    margin-left: -4px;
    border-radius: 0 0 100%;
}
.review-item:hover {
    border: 4px solid #f9e401 !important;
}
.bang {
    text-align: center;
    padding: 5px;
    font-size: 18px;
    color: black;
}
.btn-play {
    display: block;
    text-transform: capitalize;
    font-weight: 800;
    width: 80%;
    background: #F9E401;
    border: 1px #D2C000 solid;
    color: black;
    border-radius: 10px;
    text-align: center;
    margin: 0 auto;
    padding: 10px;
    font-size: 23px;
}
.bookmarker-point-head {
    font-size: 18px;
    font-weight: bold;
    background: #007733;
    color: white;
    display: inline-block;
    padding: 5px 35px 5px 10px;
    position: relative;
    overflow: hidden;
}
.bookmarker-point-head:after {
    content: "";
    position: absolute;
    width: 22px;
    height: 43px;
    top: -19%;
    right: -6%;
    /* z-index: -1; */
    background: #ffffff;
    transform: rotate(-25deg);
    z-index: 1;
}
.progress-before {
    font-size: 13px;
    margin-bottom: 5px;
}
.progress-before .col-6 {
    flex: 0 0 auto;
    width: 50%;
}
.progress-before .text-end {
    text-align: right !important;
}
.bookmarker-point-body .progress {
    --bs-progress-height: 5px;
}
.bookmarker-point-body .progress .progress-bar {
    --bs-bg-opacity: 1;
    background-color: #007733 !important;
}
.progress-before {
    font-size: 13px;
    margin-bottom: 5px;
    margin: 5px 0 5px 0 !important;
    /* margin-left: 0; */
}
.bookmarker-point-body {
    padding: 10px;
}
.bookmarker-point-body .progress {
    --bs-progress-height: 5px;
    height: 5px;
    content: '';
    background: #ddd;
    margin-bottom: 15px;
}

.head-1 {
    font-size: 18px;
    font-weight: bold;
    background: #007733;
    color: white;
    display: inline-block;
    padding: 5px 35px 5px 10px;
    position: relative;
    overflow: hidden;
    border-left: 6px #F9E401 solid;
}
.head-1:after {
    content: "";
    position: absolute;
    width: 22px;
    height: 43px;
    top: -19%;
    right: -6%;
    /* z-index: -1; */
    background: #191817;
    transform: rotate( -25deg);
    z-index: 1;
}
.bang2 td ul {
    list-style-type: none; /* Bỏ dấu đầu dòng mặc định */
    counter-reset: list-counter; /* Khởi tạo bộ đếm */
}

.bang2 td ul li {
    counter-increment: list-counter; /* Tăng bộ đếm cho mỗi phần tử */
    position: relative; /* Để định vị số thứ tự */
    padding-left: 20px; /* Cung cấp khoảng cách cho số thứ tự */
}

.bang2 td ul li::before {
    content: counter(list-counter) ". "; /* Hiển thị số thứ tự */
    position: absolute; /* Định vị số thứ tự */
    left: 0; /* Vị trí bên trái */
}
.bang2 .uu-nhuoc-diem  {
    background: #ffffff;
    height: 215px;
    color: black;
}
.review-nha-cai-sidebar .thongtin span {
    display: block;
    text-align: center;
}
.review-nha-cai-sidebar .review-item p.mota_nhacai,
.review-nha-cai-sidebar .review-item h2 {
    text-align: center;
}
/*css cho mobile*/
@media (max-width: 480px) { 
.bangreview	td {
    width: 100% !important;
    display: block;
    text-align: center;
} 
.bang2 .uu-nhuoc-diem {
    background: #ffffff;
    height: 255px;
    color: black;
    width: 100% !important;
    display: block;
    margin-bottom: 20px;
}
    .bangreview td {
        text-align: left !important;
    }	
.bang2 td ul li {
    margin-left: 0.3em;
    font-size: 90%;
}	
.bangreview img {
    display: block;
    margin: 0 auto;
}	
.review-nha-cai table td {
    display: block;
    width: 100% !important;
}	
    .review-nha-cai .thongtin {
        background: #4fba6936;
        font-size: 85%;
        padding: 0 3px;
        font-size: 14px !important;
        text-align: center;
    }
.review-nha-cai span.tangcuoc {
    display: block;
    text-align: center;
}
.review-nha-cai h2 {
    color: black;
    font-size: 200%;
    text-align: center;
}
	
	
}