: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] .topsapo {
    background: url(../images/sapo-light-bg.webp) center no-repeat;
    background-size: 100% 100%;
}
html[data-bs-theme=light] .topsapo-inner{
    color:var(--bs-primary-text-light);
}
html[data-bs-theme=light] .topsapo h1 span{
    color: var(--bs-primary-heading-light);
}
html[data-bs-theme=light] .topsapo h1{
    color:var(--bs-primary-text-light);

}
html[data-bs-theme=light] .toplists .nhacai-info{
    background: #E9EEFF;
    border:1px solid #B9B4F3;
    color:var(--bs-primary-text-light);
}
html[data-bs-theme=light] .home .toplists .nhacai-info:first-child .name{
    color:#FF9100;
}
html[data-bs-theme=light] .home .toplists .nhacai-info:nth-child(3) .name{
    color:#1358C1;
}
html[data-bs-theme=light] .nhacai-info .name{
    color:#4B1FA7;
}
html[data-bs-theme=light] .nhacai-info .nhacai-sstar{
    color:var(--bs-primary-text-light);
}
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] div#ez-toc-container p.ez-toc-title,
html[data-bs-theme=light] #ez-toc-container .ez_toc_custom_title_icon,
html[data-bs-theme=light] #ez-toc-container .ez_toc_custom_toc_icon,
html[data-bs-theme=light] div#ez-toc-container ul.ez-toc-list a,
html[data-bs-theme=light] .home .sao> p,
html[data-bs-theme=light] .rating-text span{
    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] .sitebreadcrumb,
html[data-bs-theme=light] .sitebreadcrumb a{
    color: #526BC1;
}
html[data-bs-theme=light] .category h1.title-2{
    color: var(--bs-primary-heading-light);
}
html[data-bs-theme=light] .list-post-photnhacai .cat-list .iteam-cat-list-pnc
{
    background: #f7f7f7;
}
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] .load-more-wrap .load-more{
    background: linear-gradient(to left, #02e5e4 0%, #04baef 10.7%, #1795f6 21.4%, #3063ff 68%, #921af6 100%)!important;
    border: thin solid #94cbff!important;
    color:#fff!important;
}
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] .nhacai-info{
    color: var(--bs-primary-text-light);
    background: transparent;
}
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] .toggle-content-view,
html[data-bs-theme=light] .alm-btn-wrap .alm-load-more-btn{
    background: #c2c3de !important;
    border: #a0aad8 1px solid !important;
    color: #34324c !important;
}
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;
}
/**
Responsive
 */

@media (max-width: 1320px) {
    #color-mode-switcher {
        right: 10px;
        top: 90px;
        position: fixed;
    }
    .admin-bar #color-mode-switcher{
        top:120px;
    }
}
@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;

    }
}
@media (max-width: 767px) {
    #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;
    }
}