.banner-slider-home{
    overflow-x: hidden;
}
.swiper-container {
    max-width: 428px;
    display: flex;
    /* height: 418px; */
    flex-direction: column;
    align-items: center;
}
.swiper-slide {
    background-size: cover;
    background-position: 100%;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    flex-direction: column;
}
.swiper-container .swiper-slide img {
    width: -webkit-fill-available;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 358px;
    flex-shrink: 0;
}
.swiper-container .count {
    position: absolute;
    right: 8px;
    bottom: 8px;
    color: white;
    background-color: rgba(0, 0, 0, 0.4);
    font-size: 13px;
    border-radius: 20px;
    padding: 4px 15px;
    z-index: 2;
}
.container-banner .swiper-container{
    position: relative;
}

/* rating  */
.su-hai-long {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.title-su-hailong {
    color: var(--text-black, #000);
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.rating .stars {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
}

.title-rating {
    color: var(--text-gray, #AAA);
    font-size: 9px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.paren-hailong {
    display: flex;
    padding: 20px 0px;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    border-bottom: 1px solid var(--EEE, #EEE);
}

.stars i.active path {
    fill: #FFCE32;
}
.reivew-detail .nguoi-viet{
    display: flex;
    padding: 20px;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    align-self: stretch;
    border-top: 1px solid var(--EEE, #EEE);
    border-bottom: 1px solid var(--EEE, #EEE);
}
.ten-nguoi-viet{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}
.reivew-detail .nguoi-viet .ten-nguoi-viet .name{
    display: flex;
    padding-right: 203px;
    align-items: center;
    align-self: stretch;
    align-items: center;
    gap: 8px;
    width: 100%;
}
.reivew-detail .nguoi-viet .ten-nguoi-viet .name span{
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.reivew-detail .nguoi-viet .ten-nguoi-viet .name .ngya-thang{
    color: #AAA;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.content-revirew-detail{
    display: flex;
    padding: 20px 20px 35px 20px;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.content-revirew-detail .resoudr-content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}
.content-revirew-detail .resoudr-content .title-content {
    color: var(--text-black, #000);
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.content-revirew-detail .resoudr-content .content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    color: var(--333333-V2, #333);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.more-button button{
    background: none;
    border: none;
    outline: 0;
    cursor: pointer;
}
.more-menu-dropdown.active {
    opacity: 1;
    visibility: visible;
}
.more-menu-dropdown {
    position: absolute;
    right: 0px;
    top: 100%;
    background: #fff;
    border-radius: 10px;
    padding: 8px;
    width: max-content;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
    opacity: 0;
    visibility: hidden;
    z-index: 111;
    width: 100px;
}
.thumb-header .top-element a {
    display: flex;
}
.more-menu-dropdown a {
    display: block;
    text-align: left;
    padding: 4px 8px;
    color: #333;
    font-size: 14px;
    text-decoration: none;
}
.reivew-detail .nguoi-viet .ten-nguoi-viet .name{
    padding-right: 0;
}
.paren-hailong,
.reivew-detail .nguoi-viet,
.content-revirew-detail
{
    padding-left: 0;
    padding-right: 0;
}

.swiper-container {
    max-width: 100%;
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    width: 100%;
}
body.web , body.web{
    background: var(--F8F8F8, #F8F8F8);
}
body.web #wrapper,body.web #wrapper{
    max-width: 640px;
    margin: auto;
    background: #ffF;
}
body.web header.header-back.header_fixed ,body.web header.header-back.header_fixed{
     max-width: 640px;
    margin: auto;
    top: 60px;
}
body.web  .page-single-review,body.web  .page-single-review {
max-width: 640px;
margin: auto;
}