/* Scrollbar*/
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-thumb {
    background-color: #ffffff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

::-webkit-scrollbar-track {
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #85858585;
}

.body-bg {
    background: linear-gradient(#9effef 0%, #fffbf8 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100vh;
    width: 100%;
    overflow: hidden;
}
.body-bg::before {
    content: '';
    width: 200vh;
    height: 200vh;
    position: absolute;
    top: -50vh;
    left: calc(50% - 55vw);
    background-image: url('/assets/image/trong-dong.png');
    background-position: center;
    background-size: cover;
    opacity: 0.3;
    z-index: 0;
    transform: translate(-50%, -50%);
    animation: rotate 200s linear infinite;
}
@keyframes rotate {
    from {
        transform: rotate(360deg);
    }
    to {
        transform: rotate(0deg);
    }
}
.swiper-wrapper {
    height: 95% !important;
}
.swiper-pagination {
    bottom: 0 !important;
}
.swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
    background: var(--thm-color-white) !important;
    opacity: 1 !important;
}
.swiper-pagination-bullet-active {
    background: #fee94c !important;
}