:root {
    --bs-primary-text-dark: #fff;
    --bs-primary-bg-dark: #0F1031;
    --bs-primary-text-light: #2D2B45;
    --bs-primary-bg-light: #ffff;
    --bs-primary-heading-light: #661DC5;
}
.body {
    background-color: #fff;
}
html[data-bs-theme=dark] body {
    color: var(--bs-primary-text-dark);
    background-color: var(--bs-primary-bg-dark);
}
html[data-bs-theme=light] body {
    color: var(--bs-primary-text-light);
    background-color: var(--bs-primary-bg-light);
}
#color-mode-switcher {
    position: absolute;
    right: -9%;
    top: 0px;
    padding: 4px 4px 4px 10px;
    font-size: 12px;
    font-weight: 500;
    border: none;
    border-radius: 99px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    gap:4px;
}
#color-mode-switcher span{
    line-height: 12px;
    text-transform: capitalize;
}
#color-mode-switcher .icon {
    width: 20px;
    height: 20px;
    background-image: url(../images/light-mode-icon.svg);
    background-size: 20px;
    background-repeat: no-repeat;
}
#color-mode-switcher.light{
    background: linear-gradient(70deg, #921AF6 0%, #132369 50%, #4B1FA7 100%);
    color: #fff;
}
#color-mode-switcher.light .icon {
    background-image: url(../images/dark-mode-icon.svg);
}



html[data-bs-theme=light] .content-section{
    color:var(--bs-primary-text-light);
}
html[data-bs-theme=light] .dev-bchart-nen .legend-item{
    color:#fff;
}
html[data-bs-theme=light] .home-ask-item{
    border: 1px solid #D0D2D6;
    background: #fff;
    color: var(--bs-primary-text-light);
}
html[data-bs-theme=light] .accordion-header .accordion-button{
    background: #F3F3F3;
    color: var(--bs-primary-text-light);
}
html[data-bs-theme=light] .home-ask-item .show{
    border-top: 1px solid #D0D2D6;

}
html[data-bs-theme=light] .accordion-body p, html[data-bs-theme=light] .accordion-body li{
    color: var(--bs-primary-text-light);
}
html[data-bs-theme=light] div#ez-toc-container{
    background: #fff;
    border: 1px solid #2C375D;
    color: var(--bs-primary-text-light);
}
html[data-bs-theme=light] .category .des-bar p{
    color: var(--bs-primary-text-light);
}

html[data-bs-theme=light] .category h1.title-2{
    color: var(--bs-primary-heading-light);
}

html[data-bs-theme=light] .list-post-nohu .cat-list .iteam-cat-list-nohu{
    background: #F1E3E5;
}
html[data-bs-theme=light] .cat-list .cat-list-title{
    color: var(--bs-primary-text-light);
}
html[data-bs-theme=light] .cat-list-des{
    color: #595959;
}

html[data-bs-theme=light] body.page-id-2910{
    background: #FEFEFC url(../images/nohu-bg-light.webp) top right no-repeat;
}
html[data-bs-theme=light] .page-nohu h1.title-2{
    color: #E5A017;
}
html[data-bs-theme=light] .page-nohu .content-section{
    background: #fff;
}
html[data-bs-theme=light] .toplist_nc .item-nhacai-info{
    background: linear-gradient(#ffffff,#FFEAEA,#FFC1C1);
    border: 1px solid #FF7660;
}

html[data-bs-theme=light] .toplist_nc .btn-review{
    color:#FF2E0C;
    border: 1px solid #FF2E0C;
}
html[data-bs-theme=light] .btn-review:hover{
    color: #15236b;
    border-color: #13236a;
}
html[data-bs-theme=light] .page-nohu .content-readmore{
    color: var(--bs-primary-text-light);
}
html[data-bs-theme=light] .page-nohu .nhacai-info .name{
    color:#A10000;
}

html[data-bs-theme=light] .title-1{
    color: var(--bs-primary-text-light);
}
html[data-bs-theme=light] .singledealer-left{
    background: linear-gradient(#FFFFFF,#E0D9FF);
    border: 1px solid #C7BCFB;
}
html[data-bs-theme=light] .danhgiachung p{
    background: #401F9C;
}
html[data-bs-theme=light] .item-danhgia span.title-danhgia,
html[data-bs-theme=light] .item-danhgia span:last-child,
html[data-bs-theme=light] .sao> p{
    color: var(--bs-primary-text-light);
}
html[data-bs-theme=light] .item-link-dp a{
    background: linear-gradient(#ebf0ff, #a9bcff);
    color: var(--bs-primary-text-light);
    border: 1px solid #8187ec;
}
html[data-bs-theme=light] .full-content-view a,
html[data-bs-theme=light] .contentHome a{
    color: var(--bs-primary-heading-light);
}
html[data-bs-theme=light] .right-head{
    background: url(../images/widget-head-bg-light.svg) center no-repeat;
    color:#2D2B45
}
.rounded-4{
    border-radius: 0.85rem;
}
.rounded-5{
    border-radius: 1.25rem;
}
.video-list-home{
    padding-top: 30px;
    margin-bottom: 30px;
    background: #18103F;
    position: relative;
}
.video-list-home:before,
.video-list-home:after{
    background: #18103F;
    content:'';
    left:-100%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
}
.video-list-home:after{
    right:-100%;
    left: unset;
}
.video-list-home .video-first .img{
    aspect-ratio: 876/493;
}
.video-list-home .video .img{
    aspect-ratio: 281/158;
}
.video-list-home .video .title h3{
    font-size: 15px;
    color:#C1C5E4
}
.video-list-home .video-first .title h3{
    font-size: 20px;
    color:#C1C5E4
}
.video-list-home .scroll-video{
   max-height: 493px;
}
.video-list-home .scroll-video .scroll-video-inner{
    overflow-y: auto;
    height: 100%;
}
.video-list-home .scroll-video .scroll-video-inner::-webkit-scrollbar{
    width: 7px;
    border-radius: 10px;
}
.video-list-home .scroll-video .scroll-video-inner::-webkit-scrollbar-thumb {
    background: #B761FF;
    border-radius: 10px;
}
.video-list-home .scroll-video .scroll-video-inner::-webkit-scrollbar-track {
    background: #5C3978;
    border-radius: 10px;
}
.video .img{
    display: block;
    position: relative;
}
.video .img img{
    aspect-ratio: 8 / 5;
    border-radius: 8px;
}
.video .title{
    font-size: initial;
    color: #9FA4C9;
}
.video:hover .title{
    color: #00e5e4;
}
.video .title h3{
    font-weight: 400;
    font-size: initial;
    line-height: 1.35;
}
.video .play{
    position: absolute;
    background: url(../images/icon-play.svg) center no-repeat;
    background-size: contain;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}
.video:hover .play {
    width: 70px;
    height: 70px;
}
.video.video-first .play{
    width: 120px;
    height: 120px;
}
.video.video-first:hover .play{
    width: 125px;
    height: 125px;
}
html[data-bs-theme=light] .video-list-home,
html[data-bs-theme=light] .video-list-home:before,
html[data-bs-theme=light] .video-list-home:after{
    background: #EAEBF1;
}
html[data-bs-theme=light] .video-list-home .title h3{
    color: #26217E;
}

/**
     Layout V2
 */
.stars .star{
    width: 26px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
.stars .star.star-solid{
     background-image: url(../images/star-solid.svg);
}
.stars .star.star-full{
    background-image: url(../images/star-full.svg);
}
.stars .star.star-solid-gold{
    background-image: url(../images/star-solid-gold.svg);
}
.stars .star.star-bad{
    background-image: url(../images/star-bad.svg);
}
.bg-gradient-primary{
    background: linear-gradient(259deg, #02e5e4 0%, #04baef 10.7%, #1795f6 21.4%, #3063ff 68%, #921af6 100%);
    line-height: 1.2;
    font-weight: 600;
}
.bg-gradient-primary:hover{
    background: linear-gradient(259deg, #921AF6 0%, #921AF6 10.7%, #8A1AED 21.4%, #461FA2 68%, #2641AF 100%);
}
.bg-secondary{
    background-color: #7D88DC !important;
    line-height: 1.2;
    font-weight: 600;
}
.bg-secondary:hover{
    background-color: #7B70FC!important;
}
.border-secondary{
    border-color: #8784AE!important;
}
.border-sky{
    border-color: #A8CAE9!important;
}
.border-light{
    border-color: #C4C3D6!important;
}
.bg-light{
    background-color: #EBF0FF!important;
}
.bg-gray{
    background-color: #E9EEFF!important;
}
.bg-purple{
    color: #6D51F1;
    background-color: #E4EBFE;
}
.text-purple{
    color: #6D51F1;
}
.text-muted{
    color:#504D75 !important;
}
.border-purple{
    border-color: #6D51F1!important;
}
.bg-pink{
    background-color: #F3F7FF;
}
.bg-sky{
    background-color: #DAEBF8;
}
.progress-bar{
    height: 10px;
    background-color: #DDECFB;
}
.progress-percent{
    background: linear-gradient(to right,#FF9E0D,#FFE044);
}
.progress-percent-warning{
    background: linear-gradient(to right,#FF412E,#FF4330,#FC513F);
}
.review-total-box .stars .star{
    width: 22px;
    height: 22px;
}
.fs-8{
    font-size: 12px;
}
.fs-18px{
    font-size: 18px;
}
.fs-15px{
    font-size: 15px;
    line-height: initial;
}
.fs-14px{
    font-size: 14px;
}
.fs-12px{
    font-size: 12px;
}
.fs-11px{
    font-size: 11px;
}
.fs-22px{
    font-size: 22px;
}
.fs-16px{
    font-size: 16px!important;
}
.fw-medium{
    font-weight: 500;
}
.fw-semibold{
    font-weight: 600;
}
.short-description.expandable:not(.expanded) .content{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-bottom: 20px;
}
.content-readmore.expandable:not(.expanded) .content{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    margin-bottom: 20px;
    max-height: 720px;
    height: auto;
    position: relative;
}
.content-readmore.expandable:not(.expanded) .content:after{
    content: '';
    width: 100%;
    height: 155px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgb(250 249 251 / 0%) 0%, #faf9fb 100%);
    pointer-events: none;
}
.short-description.expandable .content,
.content-readmore.expandable .content{
    overflow: hidden;
    transition: height .4s ease;
    margin-bottom: 20px;
    height: auto;
    display: block;
    font-size: 15px;
}
.expandable .expand-button{
    color: #629ED5;
    cursor: pointer;
    transition: all .4s ease-in-out;
}
.expandable .expand-button:hover{
    color: #7B70FC;
}
.expandable .expand-button svg{
    transition: all .4s ease-in-out;
}
.expandable.expanded .expand-button svg{
    transform: rotate(-90deg);
}
.expandable .comment_content .see-more{
    cursor: pointer;
    display: block;
    color: #629ED5;
}
.expandable .comment_content .see-more:after{
    content: '';
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"></path></svg>');
    mask-size: contain;
    mask-repeat: no-repeat;
    background: #629ED5;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 2px;
    transition: all .4s ease-in-out;
    vertical-align: middle;
}
.expandable .comment_content .see-more:hover{
    color: #7B70FC;
}
.expandable .comment_content .see-more:hover:after{
    background: #7B70FC;
}
.expandable .comment_content .see-more.expanded:after{
    transform: rotate(-90deg);
}

.line-clamp-5{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}
.line-clamp-2{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.line-clamp-1{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.review-author .author-avatar{
    width: 48px;
    height: 48px;
}
.review-author .author-avatar-gradient-text{
    background: linear-gradient(226deg,#02E5E4,#04BAEF,#3063FF,#921AF6);
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    width: 100%;
    height: 100%;
    display: grid;
    place-content: center;
    line-height: 21px;
}
.review-author .author-name{
    flex-basis: 0%;
    flex-shrink: 1;
    flex-grow: 1;
    text-transform: capitalize;
}
.review-item-list{
    border-top: 1px solid #C4C3D6;
}
.review-item-list:first-child, .review-item-list.review-item-reply{
    border-top: none;
}
.review-item-list .comment-date{
    border-radius: 4px;
    background-color:   #DDECFB;
    color: #5485B7;
    font-size: 14px;
    display: inline-block;
}
.review-item-list .action-link span{
    color:#504D75;
}
.review-item-list .like-comment.liked.action-link, .review-item-list .like-comment.liked.action-link span{
    color: #5485b7!important;
}
.review-item-list .terms-rating .item{
    color:#2D2B45;
    border-right: 1px solid;
    font-size: 12px;
    padding-right: 5px;
    margin-right: 2px;
    display: inline-block;
    line-height: 13px;
    font-weight: 600;
}.review-item-list .terms-rating .item:last-child{
     border-right: 0;
    margin: 0;
    padding: 0;
 }
#list-review-this-post .review-item .review-content,
#latest-review .review-item .review-content{
    min-height: 100px;
    line-height: 20px;
}
#list-review-this-post .splide__arrow--prev{
    display: none;
}
#list-review-this-post{
    position: relative;
    z-index: 0;
}
#list-review-this-post:before{
    content: '';
    width: 200px;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background: linear-gradient(to right, transparent, #faf9fb 66%);
    z-index: 1;
}
.text-gradient-heading{
    background: linear-gradient(to right, #02E5E4 0%, #921AF6 100%);
    background-clip: text;
    color: transparent;
    font-size: 28px;
    width: fit-content;
    font-weight: 700;
}
body.post-template-bookmaker > .container,
body.page-template-page-login > .container,
body.page-template-my-account > .container,
body.page-template-create-review > .container,
body.page-template-edit-review > .container{
    max-width: 100%;
    padding-right: 0!important;
    padding-left: 0!important;
    background-color: #F3F7FF;
}
body.post-template-bookmaker > .container{
    background-color: #FAF9FB;
}
#top-games a.splide__slide{
    border-radius: 16px;
    display: block;
    aspect-ratio: 280/210;
    overflow: hidden;
}
#top-games a.splide__slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.comments-area .star-fill {
    background-image: url(../images/vote-star-fill.svg);
    width: 36px;
    height: 36px;
    background-size: contain;
}
.rating-filter-box{
    color:#2D2B45;
}
.rating-filter-box label{
    width: 68px;
}
.rating-filter-box .percent{
    width: 25px;
}
.rating-filter-box label input {
    cursor: pointer;
}
.rating-filter-box input[type="checkbox"]{
    width: 24px;
    height: 24px;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #504D75;
    border-radius: 4px;
}
.rating-filter-box input[type="checkbox"]:checked{
    background-color: #504D75;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23ffffff"><path d="M400-304 240-464l56-56 104 104 264-264 56 56-320 320Z"/></svg>');
    background-size: contain;
    border-color: #504D75;
}
.rating-filter-box .progress-bar{
    background-color: #D7D7E5;
}
.rating-filter-box .progress-bar .progress-percent{
    background: #504D75;
}
.search-comment input:focus{
    outline: none;
    box-shadow: none;
}
.comment-sort label{
    cursor: pointer;
}
.comment-sort input[type="radio"]:checked+label, .comment-sort label:hover{
    background-color: #504D75!important;
    color: #fff;
}
.review-item-reply{
    position: relative;
    padding-inline-start: 36px;
}
.review-item-reply:before{
    content: '';
    width: 15px;
    height: 50px;
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    border-left: 1px solid #707070;
    border-bottom: 1px solid #707070;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-radius: 0 0 0 40px;
}
#comment_list.loading{
    position: relative;
    z-index: 1;
}
#comment_list.loading:before{
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgb(243 247 255 / 86%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
#comment_list.loading:after{
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
    z-index: 1;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23504D75"><path d="M480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-155.5t86-127Q252-817 325-848.5T480-880q17 0 28.5 11.5T520-840q0 17-11.5 28.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160q133 0 226.5-93.5T800-480q0-17 11.5-28.5T840-520q17 0 28.5 11.5T880-480q0 82-31.5 155t-86 127.5q-54.5 54.5-127 86T480-80Z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    animation: spinner-border 1s linear infinite;
}
.comment-paginator .page-item:first-child .page-link{
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}
.comment-paginator .page-item:last-child .page-link{
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}
.comment-paginator .page-item .page-link{
    color: #504D75;
    border-color: #504D75;
    line-height: 25px;
}
.comment-paginator .page-item.active .page-link{
    background-color: #504D75;
    color:#fff;
}
/*
======================================== Tạo đánh giá nhà cái =============================================
 */
html[data-bs-theme=light] body.page-template-create-review{
    background-color: #FAF9FB;
}
.page-template-create-review .create-review-box,
.page-template-create-review .review-login-box,
.page-template-edit-review .edit-review-box{
    max-width: 510px;
    min-height: 240px;
}
#create-review-container, #edit-review-container{
    min-height: 520px;
}
.create-review-box .rating-input input,
.edit-review-box .rating-input input{
    display: none;
}
.create-review-box .rating-input span,
.edit-review-box .rating-input span{
    background-image: url(../images/vote-star-solid.svg);
    width: 58px;
    height: 54px;
    background-size: contain;
    display: block;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}
.create-review-box .rating-input span.filled,
.edit-review-box .rating-input span.filled {
    background-image: url(../images/vote-star-fill.svg);
}

.create-review-box .comment_content,.edit-review-box .comment_content{
    color: #2D2B45;
}
.create-review-box .comment_content::placeholder,
.edit-review-box .comment_content::placeholder{
    color:#8784AE
}
.create-review-box .hint,
.edit-review-box .hint{
    color:#38355A;
}
.create-review-box.filled .rating-input span,
.edit-review-box.filled .rating-input span{
    width: 44px;
    height: 44px;
}
.review-worse-box .rating-input span{
    width: 24px;
    height: 24px;
}
.google-signup-button{
    background-color: #EEEEEE;
    color:#2D2B45;
    cursor: pointer;
}
.google-signup-button:hover{
    color:#2D2B45;
    background-color: #dadada;

}
.facebook-signup-button{
    background-color: #1877F2;
    color:#fff;
}
.facebook-signup-button:hover{
    background-color: #1569d6;
    color:#fff;
}
.animate-spin{
    animation: spin 1s linear infinite;
}
.animate-spin .opacity-25{
    opacity: 0.25;
}
.animate-spin .opacity-75{
    opacity: 0.75;
}
.loading-icon{
    width: 20px;
    height: 20px;
}
button[type="submit"]:disabled{
    opacity: 0.5;
}
.create-review-success{
    position: relative;
}
.create-review-success .silk-1,
.create-review-success .silk-2,
.create-review-success .silk-3{
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
}
.create-review-success .silk-1{
    background-image: url(../images/silk-1.png);
    width: 21px;
    height: 80px;
    left: -30px;
    top: 20px;
}
.create-review-success .silk-2{
    background-image: url(../images/silk-2.png);
    width: 15px;
    height: 22px;
    left: 14px;
    top: 15px;
}
.create-review-success .silk-3{
    background-image: url(../images/silk-3.png);
    width: 21px;
    height: 80px;
    right: 10%;
    top: 43px;
}
header a.login-menu{
    background: linear-gradient(to left, #02e5e4 0%, #04baef 10.7%, #1795f6 21.4%, #3063ff 68%, #921af6 100%);
    border: none;
    font-weight: 500;
    color: white;
    border-radius: 17px;
    text-transform: uppercase;
    transition: 0.3s;
    width: max-content;
    font-size: 12px;
    padding: 5px 15px;
}
.comment-categories-box{
    background-color: #F3F7FF;
}
.comment-categories-box label{
    cursor: pointer;
}
.comment-categories-box input[type="checkbox"]+label{
    color: #504D75;
}
.comment-categories-box input[type="checkbox"]:checked+label{
    background-color:  #DAEBF8!important;
    border-color: #DAEBF8!important;
}
.review-best-box, .review-worse-box,.review-content-box, .category-after-rating-box {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in-out;
}
.review-best-box.open, .review-worse-box.open,.review-content-box.open, .category-after-rating-box.open{
    position: relative;
    opacity: 1;
    visibility: visible;
}
.rating-progress-bar{
    height: 10px;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0%;
    border-radius: 10px;
    position: relative;
}
.rating-progress-bar-percent{
    width: 50px;
    text-align: right;
    line-height: 0;
    padding-top: 2px;

}
.rating-progress-bar .complete-bar{
    background-color: #FFE163;
    height: 10px;
    transition: width 0.4s ease-in-out;
    border-radius: 10px;
}
.rating-progress-bar .complete-bar:after{
    content: '';
    width: 28px;
    height: 28px;
    position: absolute;
    top: -10px;
    right: -10px;
    background-image: url(../images/6845728.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.dropdown-menu.header-dropdown-menu{
    margin-top: -3px!important;
    border-radius: 0 0 10px 10px;
    background-color: #2D2B45;
    color:#fff;
    padding: 0;
}
.dropdown-menu.header-dropdown-menu .dropdown-item{
    color:#fff;
    padding: 5px 15px;
}
.dropdown-menu.header-dropdown-menu .dropdown-item:hover{
    color: #504D75;
}
.popover.review-popover{
    border:none;
    border-radius: 8px;
    max-width: 320px;
    width: 100%;
    z-index: 99999;
}
.popover.review-popover .popover-arrow{
    left: 2rem;
}
.popover.review-popover .popover-body{
    background-color: #2D2B45;
    color:#fff;
    border-radius: 8px;
}
.bs-popover-bottom.review-popover>.popover-arrow::after {
    border-bottom-color: #2d2b45;
}
.popover.review-popover .stars .star{
    width: 16px;
    height: 16px;
}
.dealer-rating .stars .star{
    width: 36px;
    height: 36px;
}
.content-section img.dealer-logo{
    width: 163px;
    height: 100%;
    aspect-ratio: 1;
}
.py-2\.5 {
    padding-top: .75rem !important;
    padding-bottom: .75rem !important;
}
div#ez-toc-container ul.ez-toc-list a,
div#ez-toc-container p.ez-toc-title, #ez-toc-container .ez_toc_custom_title_icon, #ez-toc-container .ez_toc_custom_toc_icon{
    color:#444 !important;
}
.sticky-menu{
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.13);
}
.sticky-menu-item {
    color:#8784AE;
    font-size: 14px;
    padding: 22px 0;
}
.sticky-menu-item.active{
    color: #38355A;
    position: relative;
}
.sticky-menu-item.active:after{
    position: absolute;
    content:'';
    border-bottom: 3px solid #6D51F1;
    bottom: 0;
    left: 0;
    width: 100%;
}
.read-more-reviews{
    width: max-content;
}
.page-template-page-no-hu .nhacai-info-top .stars .star{
    width: 16px;
    height: 16px;
}
.leave-a-review-item .choingay{
    background: transparent linear-gradient(258deg, #921AF6 0%, #921AF6 1%, #8A1AED 3%, #651DC4 13%, #461FA2 25%, #2641AF 100%) 0% 0% no-repeat padding-box;
}
.leave-a-review-item img{
    width: 60px;
}
#create-new-brand.modal{
    z-index: 99999;
}
.border.error{
    border-color: #FF5757!important;
}
.searchbox.search-box-animation{
    background: #F6EFFE;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.searchbox.search-box-animation:before{
    content: '';
    width: 1080px;
    height: auto;
    aspect-ratio: 550/242;
    background-image: url(../images/rectangle-cyan.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: -122%;
    left: -15%;
    z-index: -1;
    transition: all 1s ease-in-out;
    transform: rotate(-8deg);
}
.searchbox.search-box-animation:after{
    content: '';
    width: 336px;
    height: auto;
    aspect-ratio: 336 / 318;
    background-image: url(../images/rectangle-purple.svg);
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    right: 5%;
    bottom: -80%;
    z-index: -1;
    transition: all 1s ease-in-out;
    transform: rotate(50deg);
}
.searchbox.search-box-animation:hover:before,
.searchbox.search-box-animation:hover:after
{
    transform: rotate(0deg);
}
.back-to-homepage{
    padding: 10px 32px;
    background-color: #fff;
    border-radius: 9999px;
    border: 1px solid #6D51F1;
    color: #6D51F1;
    text-align: center;
    display: block;
    width: max-content;
    margin: 0 auto;
    transition: all 0.3s ease-in-out;
    font-size: 14px;
    font-weight: 500;
}
.back-to-homepage:hover{
    background-color: #D9E2FF;
    border: 1px solid #D9E2FF;
    color: #6D51F1;
}
footer .thongtinlienhe ul li{
    margin-bottom: 23px;
}
/**
Responsive
 */
@media (max-width: 1600px) {
    .searchbox.search-box-animation:before{
        left: -20%;
    }
}
@media (max-width: 1320px) {
    #color-mode-switcher {
        right: 10px;
        top: 90px;
        position: fixed;
    }
    .admin-bar #color-mode-switcher{
        top:120px;
    }
    .searchbox.search-box-animation:before{
        left: -25%;
    }
    .searchbox.search-box-animation:after {
        right: -7%;
    }
}
@media (max-width: 991px) {
    html[data-bs-theme=light] div#navbarSupportedContent {
        background: #fff;
    }
    html[data-bs-theme=light] .menu-main ul li a{
        color: var(--bs-primary-text-light);
    }
    html[data-bs-theme=light] .btn-toggle-mb .close{
        color: var(--bs-primary-text-light);
    }
    #color-mode-switcher {
        position: fixed;
        top: 28px;
        right: 70px;
    }
    .admin-bar header .action-header > #color-mode-switcher {
        top:59px;

    }
    .searchbox.search-box-animation:before {
        left: -25%;
        width: 800px;
        bottom: -90%;
    }

}
@media (max-width: 768px) {
    #color-mode-switcher {
        right: 50px;
    }
    .admin-bar header .action-header > #color-mode-switcher {
        top:70px;
    }
    .video-list-home .scroll-video {
        max-height: unset;
    }
    .video-list-home .video .title h3{
        font-size: 15px;
    }
    .video.video-first .play{
        width: 60px;
        height: 60px;
    }
    .video.video-first:hover .play{
        width: 70px;
        height: 70px;
    }
    #list-review-this-post:before{
        display: none;
    }
    .content-section img.dealer-logo{
        width: 100px;
    }
    .searchbox.search-box-animation:after {
        right: -7%;
    }
    .searchbox.search-box-animation:before{
        width: 740px;
    }
}
@media (max-width: 640px) {
    #list-review-this-post .splide__slide,
    #latest-review .splide__slide{
        width: calc(100% / 1.5) !important;
    }
    #list-review-this-post .splide__slide:nth-child(2),
    #latest-review .splide__slide:nth-child(2){
        margin-left: 0%;
    }
    .create-review-box{
        border:none !important;
        background-color: transparent !important;
    }
    body.page-template-create-review > .container{
        background-color: #fff;
    }
    .read-more-reviews{
        width: 100%;
        justify-content: center;
    }
    #create-new-brand .modal-dialog .modal-content{
        height: 100dvh;
    }
    .leave-a-review-item img{
        width: 48px;
    }
    .leave-a-review-item .stars .star{
        width: 16px;
        height: 16px;
    }
    .searchbox.search-box-animation:before {
        left: -23%;
        width: 600px;
        bottom: -80%;
    }
    .searchbox.search-box-animation:after {
        right: -20%;
        bottom: -90%;
    }

}
@media (max-width: 480px) {
    .searchbox.search-box-animation:before {
        left: -23%;
        width: 380px;
        bottom: -43%;
    }
    .searchbox.search-box-animation:after {
        width: 240px;
        right: -20%;
        bottom: -54%;
    }
    .searchbox.search-box-animation:hover:before {
        transform: rotate(-8deg) translate(-20%, -14%);
    }
    .searchbox.search-box-animation:hover:after {
        transform: rotate(50deg) translate(-10%, 20%);
    }
}
@media (min-width: 992px) {
    .border-lg-end{
        border-right-width: 1px;
        border-right-style: solid;
    }
}