@font-face {
    font-family: UTM CAFETA;
    src: url(/Landing/assets/UTM%20CAFETA-BoDPI9Am.TTF) format("truetype")
}

@font-face {
    font-family: FzHGame_Full;
    src: url(/Landing/assets/FzHGame_Full-CutR8A1b.ttf) format("truetype")
}
@font-face {
    font-family: FzHGame;
    src: url('/Landing/assets/FzHGame.woff2') format('woff2'), url('/Landing/assets/FzHGame.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body, html {
    min-height: 100vh;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    /* scroll-behavior: smooth; */
    font-family: Roboto,sans-serif;
    background: #19172c;
    scrollbar-width: none;
    -ms-overflow-style: none
}

    body::-webkit-scrollbar, html::-webkit-scrollbar {
        display: none
    }

ul {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

a {
    text-decoration: none
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0
}

* {
    box-sizing: border-box
}

.imgFull {
    width: 100%;
    height: auto;
    display: block
}

.inactive {
    filter: grayscale(100%);
}
/*loading-screen*/
#loading-screen {
    position: fixed;
    z-index: 99999;
    background: radial-gradient(circle at center, #000 50%, #0e0e0e 100%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.5s ease;
}

.loading-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.loading-logo {
    width: 200px;
    height: auto;
    margin-bottom: 20px;
    animation: fadeInLogo 1s ease-in-out;
}

.spinner {
    width: 60px;
    height: 60px;
    border: 6px solid rgba(255, 255, 255, 0.2);
    border-top: 6px solid #00fff7;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    box-shadow: 0 0 15px #00fff7;
}

.loading-text {
    margin-top: 15px;
    color: #00fff7;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    animation: fadeIn 1.2s ease-in-out infinite alternate;
}


section {
    position: relative;
    margin: 0;
    padding: 0;
    display: block
}

    section .bg-section, section .bg-section-mb {
        z-index: 1
    }

#app {
    width: 100%;
    margin: 0 auto;
    padding: 0
}

    #app > * {
        margin: 0
    }

main {
    position: relative;
    z-index: 1
}

.section-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4
}

.page-title {
    max-width: 39.3229166667vw;
    margin: 0 auto;
    animation: translateY 1s ease infinite
}

.bg-section-mb, .menu-left-mobile, .show-treasure, .video-mb, .btn-checkin-mb {
    display: none
}

.fade-out {
    opacity: 0;
    transform: translate(-1.0416666667vw)
}

.fade-in {
    opacity: 1;
    transform: translate(0)
}
.no-scroll {
    overflow: hidden !important;
}
.section1 {
    position: relative;
    height: 62.03125vw
}

    .section1 #particles-js {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1
    }

    .section1 .section-content {
        padding: 4.84375vw 0 0 1.9270833333vw
    }

    .section1 a {
        transition: all .3s ease
    }

        .section1 a:hover {
            filter: brightness(1.2);
            transform: scale(1.05)
        }

    .section1 .logo-game {
        position: absolute;
        top: 1.0416666667vw;
        left: 1.5625vw;
        width: 13.8020833333vw;
        height: 5.7291666667vw
    }

        .section1 .logo-game a {
            display: block;
            width: 100%;
            height: 100%
        }
    .section1 .login-box-mobile {
        display: none
    }

    .section1 .logo-18 {
        position: absolute;
        top: 7.041667vw;
        left: 3.5625vw;
        width: 7.802083vw;
        height: 5.729167vw
    }

    .section1 .logo-vplay {
        position: absolute;
        top: 2.34375vw;
        left: 13.6979166667vw;
        width: 8.90625vw;
        height: 3.75vw
    }

        .section1 .logo-vplay a {
            display: block;
            width: 100%;
            height: 100%
        }


    .section1 .login-box {
        border-bottom: 1px solid #c2ab7f;
        position: absolute;
        top: 1.8229166667vw;
        right: 1.5625vw;
        z-index: 10;
        display: flex;
        align-items: center;
        gap: .5208333333vw;
        display: none;
    }
    @media (min-width: 768px) {
        .section1 .login-box {
            display: block;
        }
    }

        .section1 .login-box .user-name {
            color: #fff;
            font-size: 1.40625vw;
            font-weight: 300
        }

            .section1 .login-box .user-name i {
                font-weight: 500;
                font-style: normal
            }

        .section1 .login-box .logout-btn {
            background: #0e2968;
            color: #c2ab7f;
            border: .0520833333vw solid #c2ab7f;
            padding: .2604166667vw .78125vw;
            border-radius: .2604166667vw;
            font-size: .9375vw;
            cursor: pointer;
            transition: all .3s ease
        }

            .section1 .login-box .logout-btn:hover {
                filter: brightness(1.2)
            }

    .section1 .text-section1 {
        position: absolute;
        top: 23.1770833333vw;
        left: 50%;
        transform: translate(-50%)
    }

        .section1 .text-section1 .text-section1-mb {
            display: none
        }

        .section1 .text-section1 .big-text {
            width: 66.0416666667vw
        }

            .section1 .text-section1 .big-text.animate {
                animation: showSlogan 4s cubic-bezier(.4,0,.2,1) forwards infinite
            }

        .section1 .text-section1 .btn-play {
            position: absolute;
            top: 3.6458333333vw;
            transform: translate(-50%);
            left: 47%;
            width: 9.8958333333vw
        }

            .section1 .text-section1 .btn-play.animate {
                animation: scalePlayBtn 1s ease-in-out infinite
            }

.section2 .list-btn-event {
    margin: 2.6041666667vw auto 0;
    display: flex;
    justify-content: center;
    gap: 1.5625vw
}

    .section2 .list-btn-event .btn-event {
        background: url(/Landing/assets/bg-btn1-Bzw82Srp.png) no-repeat center center;
        background-size: cover;
        display: block;
        width: 24.1666666667vw;
        height: 6.3020833333vw;
        transition: all .3s ease;
        color: #fff;
        font-size: 1.9vw;
        font-weight: 500;
        text-align: center;
        line-height: 7.34375vw;
        text-transform: uppercase
    }

        .section2 .list-btn-event .btn-event:hover {
            transform: scale(1.05);
            filter: brightness(1.2)
        }

        .section2 .list-btn-event .btn-event.disabled {
            filter: grayscale(100%);
            pointer-events: none
        }

.section2 .list-event {
    height: 14.0625vw;
    margin-top: .78125vw;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5625vw;
    z-index: 1;
    position: relative
}

    .section2 .list-event .progress-event {
        width: 69.2708333333vw;
        height: 1.5625vw;
        padding: .3645833333vw;
        border: 2px solid #1167b1;
        border-radius: .78125vw;
        position: absolute;
        top: 1.8229166667vw;
        left: 50%;
        transform: translate(-50%)
    }

        .section2 .list-event .progress-event .progress-active {
            width: 100%;
            height: 100%;
            background: #1167b1;
            background: linear-gradient(90deg,#1167b1 35%,#faecb0)
        }

    .section2 .list-event .item-event {
        width: 9.8958333333vw;
        position: relative;
        filter: grayscale(100%);
        pointer-events: visible;
        text-align: center
    }

        .section2 .list-event .item-event .treasure-chest {
            width: 4.84375vw;
            height: 5.625vw;
            margin: .5208333333vw auto;
            position: relative
        }

            .section2 .list-event .item-event .treasure-chest:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: url(/Landing/assets/icon-item-tE3bBIt4.png) no-repeat center center;
                background-size: cover;
                animation: rotateCircle 5s linear infinite
            }

            .section2 .list-event .item-event .treasure-chest img {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                width: 4.6875vw;
                height: auto
            }

            .section2 .list-event .item-event .treasure-chest .btn-getcode {
                background: url(/Landing/assets/bg-btn3-DCTm5KZc.png) no-repeat center center;
                background-size: cover;
                width: 7.5vw;
                height: 2.34375vw;
                position: absolute;
                bottom: -.8854166667vw;
                left: 50%;
                transform: translate(-50%);
                color: #2517c7;
                font-size: 1.4583333333vw;
                font-weight: 500;
                text-align: center;
                line-height: 2.34375vw;
                transition: all .3s ease
            }

                .section2 .list-event .item-event .treasure-chest .btn-getcode:hover {
                    filter: brightness(1.2);
                    transform: scale(1.05) translate(-50%)
                }

        .section2 .list-event .item-event .landmark {
            background: url(/Landing/assets/landmark-DYuRu0a-.png) no-repeat center center;
            background-size: cover;
            width: 5.625vw;
            height: 5.625vw;
            margin: 0 auto
        }

        .section2 .list-event .item-event .title {
            color: #00d8ff;
            font-size: .9375vw;
            text-transform: capitalize
        }

        .section2 .list-event .item-event .limit {
            margin: -1.5625vw 0 0;
            color: #fff;
            font-size: 1.5104166667vw;
            text-transform: uppercase
        }

        .section2 .list-event .item-event.active {
            filter: grayscale(0%);
            pointer-events: visible
        }

.section2 .text-notify {
    font-size: 1.09375vw;
    text-align: center;
    margin: 1.5625vw 0 0;
    color: #00fffc
}

    .section2 .text-notify .total-register {
        display: inline-block;
        font-size: 4.21875vw;
        font-weight: 700;
        color: #fff
    }
.section2 .text-rule {
    font-size: 1.09375vw;
    text-align: center;
    margin: 0.5vw 0 0;
    color: yellow
}
.section3:before, .section3:after {
    content: "";
    display: block;
    width: 100%;
    height: 15.3125vw;
    position: absolute;
    left: 0;
    z-index: 3
}

.section3:before {
    background: url(/Landing/assets/bg-float-p3-top-DDCgNVNC.png) no-repeat center top;
    background-size: cover;
    top: 0
}

.section3:after {
    background: url(/Landing/assets/bg-float-p3-bottom-Bf8TukYW.png) no-repeat center top;
    background-size: cover;
    top: auto;
    bottom: 0
}

.section3 .video-background {
    position: absolute;
    top: 2.5vw;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

    .section3 .video-background video {
        width: 100%;
        height: 93%;
        object-fit: cover
    }

.section3 .section-content {
    padding-top: 14.6875vw
}

.section3 .checkin-box {
    width: 74.0104166667vw;
    height: 51.09375vw;
    margin: 0 auto;
    position: relative;
    z-index: 1
}

    .section3 .checkin-box .btn-history {
        display: none
    }

    .section3 .checkin-box .btn-full-gift {
        display: block;
        width: 8.8541666667vw;
        height: 2.6041666667vw;
        position: absolute;
        top: 34.2708333333vw;
        right: 2.7083333333vw;
        transition: all .3s ease;
        filter: grayscale(100%)
    }

        .section3 .checkin-box .btn-full-gift.active {
            pointer-events: visible;
            filter: grayscale(0%)
        }
/*        .section3 .checkin-box .btn-full-gift.inactive {
            pointer-events: none;
        }*/

        .section3 .checkin-box .btn-full-gift:hover {
            transform: scale(1.1);
        }

        .section3 .checkin-box .btn-full-gift.active:hover {
            transform: scale(1.1);
            filter: brightness(1.2)
        }

    .section3 .checkin-box .checkin-item {
        position: absolute;
        width: 10.6770833333vw;
        height: 6.25vw;
        color: #fff
    }

        .section3 .checkin-box .checkin-item.active .btn-checkin-box a {
            background-color: #49faff !important;
        }


        .section3 .checkin-box .checkin-item.got-gift {
            pointer-events: none;
        }

            .section3 .checkin-box .checkin-item.got-gift .gift-icon {
/*                filter: grayscale(100%)*/
            }

            .section3 .checkin-box .checkin-item.got-gift .btn-checkin-box {
                border: 1px solid #666;
            }

                .section3 .checkin-box .checkin-item.got-gift .btn-checkin-box a {
                    background: #666;
                    color: #fff
                }

        .section3 .checkin-box .checkin-item .day {
            font-size: 1.5104166667vw;
            text-transform: uppercase
        }

        .section3 .checkin-box .checkin-item .gift-icon {
            display: flex;
            align-items: center;
            gap: .5208333333vw;
            margin-top: .2604166667vw
        }

            .section3 .checkin-box .checkin-item .gift-icon .gift-name {
                font-size: .78125vw
            }

            .section3 .checkin-box .checkin-item .gift-icon .img {
                background: url(/Landing/assets/icon-item2-v2jMvyv_.png) no-repeat center center;
                background-size: cover;
                width: 4.6354166667vw;
                height: 4.375vw;
                position: relative
            }

                .section3 .checkin-box .checkin-item .gift-icon .img img {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%,-50%);
                    width: 4.1666666667vw;
                    height: auto
                }

        .section3 .checkin-box .checkin-item .btn-checkin-box {
            position: absolute;
            top: 0;
            right: 0;
            display: block;
            width: 5.2083333333vw;
            height: 1.8229166667vw;
            padding: .2604166667vw;
            border: 1px solid #fff;
            transition: all .3s ease
        }

            .section3 .checkin-box .checkin-item .btn-checkin-box:hover {
                filter: brightness(1.2);
                border: 1px solid #161b4f
            }

            .section3 .checkin-box .checkin-item .btn-checkin-box a {
                display: block;
                width: 100%;
                height: 100%;
                background: #fff;
                text-transform: uppercase;
                text-align: center;
                font-weight: 700;
                color: #161b4f;
                line-height: 1.3020833333vw;
                font-size: .78125vw;
                transition: all .3s ease
            }

                .section3 .checkin-box .checkin-item .btn-checkin-box a:hover {
                    background: #161b4f;
                    color: #fff
                }

                .section3 .checkin-box .checkin-item .btn-checkin-box a.btn-checkin-mb {
                    display: none
                }

            .section3 .checkin-box .checkin-item .btn-checkin-box:before, .section3 .checkin-box .checkin-item .btn-checkin-box:after {
                content: "";
                display: block;
                position: absolute;
                z-index: -1
            }

            .section3 .checkin-box .checkin-item .btn-checkin-box:before {
                height: 2px;
                background: #fff;
                top: 50%;
                left: 104%;
                transform: translateY(-50%);
                opacity: .5
            }

            .section3 .checkin-box .checkin-item .btn-checkin-box:after {
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXIAAAANCAYAAAC0J+WpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAyQTgwNDhCMDcyMjExRjBBOTVEQkM2NEREOTZGQkI5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjAyQTgwNDhDMDcyMjExRjBBOTVEQkM2NEREOTZGQkI5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDJBODA0ODkwNzIyMTFGMEE5NURCQzY0REQ5NkZCQjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDJBODA0OEEwNzIyMTFGMEE5NURCQzY0REQ5NkZCQjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5qt6aZAAACBklEQVR42uzcvUsjQRgG8NndXKLx1EhAPc5GhRjUU6wEERH8S6wtrrzu4DoLEbvjUljZidqLWNwRFA4rbURERIIfoMHEqJtkZnxf8y4XwvW7xfODh0myU23xMMxO1rHWKgAACNdcdqv5q0NxW0bGhW1aRhXD7QMAiBQubo/ygRKXMejqOqVGqcqoudBR5AAA0StyLvAkpVOSkGs+pSx5lu8ocgCACHFk9d1O6aH0clzP+cgXjbZPNNxRblVjW4VX6NrBHjkAQDTMZbdcKfE05TNl6Mfa9OLM/KdZKnM3v3/95/vXw3X6/ZxSoDxQXrjIl3H7AADCZ4x1/FcdfyrVksUHPxWLuSNDma7J5jm51ZNfG7nTbfp4ISvzCi/hj3D7AADCp7V1y4+19ptCJVW4qvRnxlLjrXPGptIjqvEAlB+I8gr+fS9mE7cPACB8C192uJx5P7yPMrj0bWJgONM92jzn4qx0qWRvXMnxQxe3DgAgfHKO3EpBv1LKP1eOdw9/3+SNttoYa/7mbw9yqyd7qnFqxQ/KHA87AQCiU+R8aiUhq/K0rMx7kx2x7kSb5xXvfX64GZxauafwKRYfxw8BAKIjOFL4QinKirv8XKknKEr9O0dekjn8o0WRAwBEC//1viqlXpPi9uSalmu+XOO5+Is+AEAEizx4lwqX9f/etWKa5qk3AQYAto+sM+ywh0sAAAAASUVORK5CYII=) no-repeat right center;
                background-size: cover;
                height: .6770833333vw
            }

    .section3 .checkin-box .day-1 {
        top: 0;
        left: 8.9583333333vw
    }

        .section3 .checkin-box .day-1 .btn-checkin-box:before {
            width: 6.71875vw
        }

        .section3 .checkin-box .day-1 .btn-checkin-box:after {
            width: 13.5416666667vw;
            top: 4.7916666667vw;
            left: 10.4166666667vw;
            transform: rotate(39deg)
        }

    .section3 .checkin-box .day-2 {
        top: 9.53125vw;
        left: 4.6875vw
    }

        .section3 .checkin-box .day-2 .btn-checkin-box:before {
            width: 15.625vw
        }

        .section3 .checkin-box .day-2 .btn-checkin-box:after {
            width: 5.7291666667vw;
            top: 2.34375vw;
            left: 20.2604166667vw;
            transform: rotate(39deg)
        }

    .section3 .checkin-box .day-3 {
        top: 3.2291666667vw;
        right: 6.71875vw
    }

        .section3 .checkin-box .day-3 .btn-checkin-box:before {
            width: 8.59375vw;
            left: -173%
        }

        .section3 .checkin-box .day-3 .btn-checkin-box:after {
            width: 9.6354166667vw;
            top: 4.6875vw;
            left: -16.1458333333vw;
            transform: rotate(-240deg)
        }

    .section3 .checkin-box .day-4 {
        top: 18.6979166667vw;
        left: 1.0416666667vw
    }

        .section3 .checkin-box .day-4 .btn-checkin-box:before {
            display: none
        }

        .section3 .checkin-box .day-4 .btn-checkin-box:after {
            width: 18.2291666667vw;
            top: .625vw;
            left: 104%
        }

    .section3 .checkin-box .day-5 {
        top: 12.8645833333vw;
        right: 1.5625vw
    }

        .section3 .checkin-box .day-5 .btn-checkin-box:before {
            width: 14.2708333333vw;
            left: -286%
        }

        .section3 .checkin-box .day-5 .btn-checkin-box:after {
            width: 14.84375vw;
            top: 6.9270833333vw;
            left: -25.8333333333vw;
            transform: rotate(-240deg)
        }

    .section3 .checkin-box .day-6 {
        top: 30.1041666667vw;
        left: 0
    }

        .section3 .checkin-box .day-6 .btn-checkin-box:before {
            display: none
        }

        .section3 .checkin-box .day-6 .btn-checkin-box:after {
            width: 14.5833333333vw;
            top: .625vw;
            left: 104%
        }

    .section3 .checkin-box .day-7 {
        top: 21.6145833333vw;
        right: 0
    }

        .section3 .checkin-box .day-7 .btn-checkin-box:before {
            display: none
        }

        .section3 .checkin-box .day-7 .btn-checkin-box:after {
            width: 14.5833333333vw;
            top: .625vw;
            right: 104%;
            transform: rotate(-180deg)
        }

    .section3 .checkin-box .day-3, .section3 .checkin-box .day-5, .section3 .checkin-box .day-7 {
        text-align: right
    }

        .section3 .checkin-box .day-3 .gift-icon, .section3 .checkin-box .day-5 .gift-icon, .section3 .checkin-box .day-7 .gift-icon {
            flex-direction: row-reverse
        }

        .section3 .checkin-box .day-3 .btn-checkin-box, .section3 .checkin-box .day-5 .btn-checkin-box, .section3 .checkin-box .day-7 .btn-checkin-box {
            left: 0;
            right: inherit
        }

/*.section3 .btn-activate {
    position: relative;
    z-index: 2;
    display: block;
    width: 25.9375vw;
    height: 9.4791666667vw;
    margin: -9.375vw auto 0;
    transition: all .3s ease;*/
/*    pointer-events: none;*/
/*filter: grayscale(100%)
}

    .section3 .btn-activate.active {*/
/*        pointer-events: visible;*/
/*filter: grayscale(0%)
    }

    .section3 .btn-activate:hover {
        transform: scale(1.05) translateY(-20px);
        filter: brightness(1.2)
    }*/
.section3 .btn-active-supergift {
    position: relative;
    z-index: 2;
    display: block;
    width: 25.9375vw;
    height: 9.4791666667vw;
    margin: -9.375vw auto 0;
    transition: all .3s ease;
}

    .section3 .btn-active-supergift:hover {
        transform: scale(1.05) translateY(-20px);
    }

    .section3 .btn-active-supergift .inactive {
        filter: grayscale(100%);
       /* pointer-events: none; */
    }

.section4 .characters {
    margin-top: 3.6458333333vw;
    height: 33.8541666667vw;
    width: 100%;
    position: relative
}

    .section4 .characters > div {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2
    }
    .section4 .characters .btn-play-charactor {
        display: none
    }
    .section4 .characters .character-info {
        width: 22.9166666667vw;
        left: 10.4166666667vw;
        color: #213b7c;
    }

        .section4 .characters .character-info .name {
            font-family: FzHGame,sans-serif;
/*            font-size: 5.8vw;*/
            font-size: 5.7770833333vw;
            font-weight: bold;
            text-transform: capitalize;
            text-align: center;
            position:relative;
            left: -.7vw;
        }

        .section4 .characters .character-info .description {
            width: 17.7083333333vw;
            height: 15.625vw;
            font-size: 1.1458333333vw;
            margin: .5208333333vw 0 0
        }

        .section4 .characters .character-info .properties {
            width: 15.3645833333vw;
            margin-top: .5208333333vw
        }

    .section4 .characters .character-skill {
        width: 10.6770833333vw;
        left: 28.125vw
    }

    .section4 .characters .character-artifact {
        width: 46.6145833333vw;
        top: -6.7708333333vw;
        transform: translateY(0);
        left: 26.25vw
    }

        .section4 .characters .character-artifact img {
            transition: all .5s ease;
            animation: sway 2s linear infinite
        }

        .section4 .characters .character-artifact:before {
            display: block;
            content: "";
            position: absolute;
            bottom: -.9895833333vw;
            left: 23.28125vw;
            width: 13.0208333333vw;
            height: 33.90625vw;
            background: url(/Landing/assets/bg-float-p4-DEbSyaFv.png) no-repeat center center;
            background-size: cover;
            z-index: -1
        }

    .section4 .characters .character-video {
        width: 50.3645833333vw;
        height: 100%;
        background: #000;
        z-index: 1;
        position: absolute;
        right: 0
    }

        .section4 .characters .character-video .video {
            width: 100%;
            height: 100%;
            z-index: 1
        }

            .section4 .characters .character-video .video iframe {
                width: 100%;
                height: 100%
            }

.section4 .characters-selector {
    position: relative;
    width: 73.75vw;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 3.6458333333vw auto 0;
    gap: 1.25vw
}

    /*    .section4 .characters-selector:before, .section4 .characters-selector:after {
        content: "";
        display: block;
        width: 3.6458333333vw;
        height: 5vw;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }*/

    .section4 .characters-selector:before {
        left: 0;
        background: url(/Landing/assets/btn-prev-p4-BdXIoBas.png) no-repeat center center;
        background-size: cover
    }

    .section4 .characters-selector:after {
        right: 0;
        background: url(/Landing/assets/btn-next-p4-dwFYOWXs.png) no-repeat center center;
        background-size: cover
    }

    .section4 .characters-selector .selector-btn {
        width: 6.3020833333vw;
        padding: 0;
        border: none;
        background: none;
        outline: none;
        cursor: pointer;
        filter: brightness(.5);
        transition: all .5s ease
    }

        .section4 .characters-selector .selector-btn.active, .section4 .characters-selector .selector-btn:hover {
            filter: brightness(1.2);
            transform: scale(1.2)
        }

.section5 .swiper-container {
    width: 76.0416666667vw;
    margin: 0 auto;
    overflow: visible;
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    position: relative
}

    .section5 .swiper-container .swiper-wrapper {
        display: flex;
        align-items: center
    }

    .section5 .swiper-container .swiper-slide {
        width: 51.6666666667vw;
        transition: all .6s ease;
        filter: brightness(.5)
    }

        .section5 .swiper-container .swiper-slide img {
            width: 100%;
            height: 28.75vw
        }

        .section5 .swiper-container .swiper-slide.swiper-slide-active {
            z-index: 2;
            filter: brightness(1)
        }

    .section5 .swiper-container .swiper-pagination {
        width: 100%;
        cursor: pointer;
        margin-top: .4166666667vw;
        gap: 1.5625vw;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .section5 .swiper-container .swiper-pagination .swiper-pagination-bullet {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY4NkJFNDFFMDNDQTExRjA5MzI4OEQyMDc0NUFGMEE2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY4NkJFNDFGMDNDQTExRjA5MzI4OEQyMDc0NUFGMEE2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Rjg2QkU0MUMwM0NBMTFGMDkzMjg4RDIwNzQ1QUYwQTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Rjg2QkU0MUQwM0NBMTFGMDkzMjg4RDIwNzQ1QUYwQTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5WgJ5jAAAEL0lEQVR42rSYy08TQRzHp1vQg1ISHyWBtttSCiYgjwPxognGgy/0Isrf0EtjfCU1nnzBuZf+DSaKb40KeABNvKroBYytbbc8QrqAEbBm/f1mu7Dr7szuFpzkB9OZ3/z20+93drZZj6IoxKr19d0gTlp751Ef/ItDeCDSUx/fypVxUk0TyBZaBWZ4YT47vDCXGYL+EIzVb6VmTbULOzr7AEYZnp/Pxmelb9pwfL8/hHNJmJO3F4hhJYXpUpWZn0OYmY1xta8AlIgfAYrI26iQNdBBCqOYYPRQni1AubKss6tvA6a4aZOpVebifrDPLZRjyzq7N22SCjO2hYuYoyhxf4M7pRxZ1tWt2jTnEGZTKdU+N1C2QN1VwmhNqmz0BodQXMu6eyows9l4gQNTLq+pxWp2WkMVnEMxgXp61A086wDm09R99Q5sH+BCeRxAWZ7UlxIvfPAcAJhMPJ+fJvh4sYrf5VUKs7Qs0cA+jrHy8/kZMlvMxKH2EES9p/K80YcJ6HLiOcCgMt8pjLqXzFH+s0o+Tz2gIFrDPo7hHGtdvjANUN8BSgEoBaAUog8D0JXEMwpThAW53LR661tEuYwwIwYYI9QIzWGtz8EXLTKgNoCuJp46h/ny0BLGAAU5XKicNRQFupZ4QmEkSPiRs7HpKx/GAAW5PPvwWtI/UN5fiz10A0tSBmA4d9OfdbjAI7K0UnR8Bq2trxBZzpF9e2NE8HitwZcWiVcQen119bjJJ72HDw1eLEiZZNYW5rErGAPUEkK1EEGwhpIBSlChZDiHFGHDW84hqRCl6h9ddK2Da8AfjwC+pQONobQYbGZ6XeOtJQcPnCV1uxtcw+AaXIs1WPVDgWaCDMjinfhwb3X85ZdJ9FDwCL2yvGj9Wxf2wP49LaS0nCfr6z+dw7SdAZgdzBwxGCXBRhFgyHWIEr3L7qbOyUCXDAJl2E6ptn7ic6CUj8L0c5XBawVVZQBGKRnOoTupASMU4/yoEWpJR+tpLhTOYQ7msuqEA2YY00l9O3WeQoUgMWIHFTtFfLvMUDiGczwYrB1qMsOYgLDdSl1QoWBBJMS3r6P1JAD4dTB+OsazCWuyYCyBsN1MDQIUSYpNIoViPb29oEJ77CSpAxAM7OMYKx+VwZraBnb0tNfa2/ejVKkwFIiKNkrFTtDgKROFLxYOiExluAppB9X4u1H4EaVQpbAgb0/x9gyuFQEGPlyHKLGgCReokoBQVKkAXymmMqIzZewV0hUdq0BFoHCLCyjMjbiAsbVMH6OTaB8BpcIAFWXaowXmYC6sAZtI6b+8/UAoTalYOMrMa4E5t8q4skwfbwxQZvtwrLlKGFeW6eP1hGpfBCyJ6ezDfqQKm7blhRVCoVLNQTHdChahhdhHZWDOtTJaVP3CCturiTH5+JFjyUgwnNVe6cFYaSs1/wowACT/7WuB5Q/1AAAAAElFTkSuQmCC) no-repeat center/100% 100%;
            width: 1.875vw;
            height: 1.875vw;
            opacity: 1;
            transition: all .3s ease
        }

            .section5 .swiper-container .swiper-pagination .swiper-pagination-bullet:hover {
                filter: brightness(1.2);
                transform: scale(1.2)
            }

            .section5 .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
                filter: brightness(1.2);
                transform: scale(1.2);
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYyNUIwNDcxMDNDQTExRjA5OUM4RDE5NTU3RjYxMDVBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYyNUIwNDcyMDNDQTExRjA5OUM4RDE5NTU3RjYxMDVBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjI1QjA0NkYwM0NBMTFGMDk5QzhEMTk1NTdGNjEwNUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjI1QjA0NzAwM0NBMTFGMDk5QzhEMTk1NTdGNjEwNUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6OLjoZAAAHlElEQVR42rRY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) no-repeat center/100% 100%
            }

    .section5 .swiper-container .swiper-button-next, .section5 .swiper-container .swiper-button-prev {
        cursor: pointer;
        position: absolute;
        width: 2.4479166667vw;
        height: 3.4375vw;
        top: 46%;
        transform: translateY(-50%);
        margin: 0;
        transition: all .3s ease
    }

        .section5 .swiper-container .swiper-button-next:after, .section5 .swiper-container .swiper-button-prev:after {
            display: none
        }

        .section5 .swiper-container .swiper-button-next:hover, .section5 .swiper-container .swiper-button-prev:hover {
            filter: brightness(1.2);
            transform: translateY(-50%) scale(1.2)
        }

    .section5 .swiper-container .swiper-button-prev {
        left: 6.7708333333vw;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAABACAYAAABlR0UdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIzNDZFNjUyMDNDQjExRjBCQzA1QTMwQ0I1Mzg3OTBEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIzNDZFNjUzMDNDQjExRjBCQzA1QTMwQ0I1Mzg3OTBEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjM0NkU2NTAwM0NCMTFGMEJDMDVBMzBDQjUzODc5MEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjM0NkU2NTEwM0NCMTFGMEJDMDVBMzBDQjUzODc5MEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6QN6MxAAAEUUlEQVR42tSaWUgVURjH56otaLS4FpXYvlyLsgKLSPOtzB4qfYq2l0owSCh7qQeDMIiCooKiFQoqwqACH6KCioo2zYwWSg3D3LId1HL6n/puTdPMnOXeuffOB78Hr+d88+fMd7/zne9cn67rmgctJsaDovuCXq8Jjwfdv5bcI4J9IA18+xMrHhE9GrT8E+QeED4NvP7v2xnlovPAc6B7Sfgc0GSMay8IZzE9CLywTeQREDWU8/8+YAm44bgDhVn0KpDDGVMMroEvToPiwiS4PzgAxnKE+0ESqOZ6ZLWKy4wDj0A38HPGHgMzRPy6HSqF4D7l4t2gzmFsAXgHaoQ8u7TKfcAe/a81gATOnEowW/QZbsR4OjgDsg2flYCvDnMWgI+cN+LqiueDdv1fuyAw7xJYCnyizwqV4FhQDn6YRH8G6Zy5meAumCTzzLgQbSinwXyL/5WDN5z5y8FN0Cj11CBXOgc069b2GMRx5seAWlAo+2zVdMhq5DJwxWYLZ9XcevCd4yeHxr6SFaASKmxnOwHyHcYcAbcEfOVT3q6XViH5imaCRt3Z2kCSoL8HYItKmMqsOMvL10E/zrjNoEPA32A6RzYo9SckxpYIiGal6HFBf7PAE9DqpvBksJQzpoe+kKIdpingIWh2U/gKgdXmFVFmm0gnnHYV4VYxPgZkmT5bx/HTSJuNjGWAU6AzFMIn0+kjVdJPid2h1sFGgLcCuZ4bKn5F0RfARck5C2nF14JEpS2Q8iI7mbTo8mZVRLEcfhScBWMtcnCxycdLgVrdsjpUFc1sEzmaDjrAGtMBoorqmU6wjMbWWfgpUq1VfIo1i26Y77Px4+P8zawrmFBpVQyVkabVSKZQOed2qAQrvlKh1igA38AukKhSq5g/UI33RQoPf2rzRpSKrDpqNpo3oB3UzLGzfeCqZC5nDc3hVGR9V41xHqUCq14huWqHwEqQorLiorXKSYFvfintvKL2DEygAs61IosVQucFuqwHJVJrLYXkMLfr8X0Cqz6POrIidg9kKpQY0sLvgLkC7YaddC7l2Qe6kMpwW7hGDUz2ei87jEkBFYL+rlFxN8Ttw3IA1iorAz02GaYXzBHwk0f9l6xgNyBZch0aQjXR2BAKGDv1T6dXbrapYCNnfi+FHesgxIezBWdsem6nEOEVYSFpeobqRuIH2Eq3CsaeygCwlzOXtSjaaPPyhXvFjbAT0W3Tyhdw5iwAx8HAcPfHra5S9hqE14N4gauU7HCHilVzaAMoAp9ok9nGmcM6YIuFG7FReF0olNN9YfpNFkt1+7Xfd/S5Dm06P72lcvrCR/xKnB0wVoNjJMzO2EHmPd2LOt8sROBXcGma6dc+Ft011hk7rDnc50dCuGh7jpW8VZEOFVlrorJ3vNeEB+r/kXY1TLSGitFYEVdtzkReEM7ql1Ga6ZdwXhAeEJ9qzEZeER6wBI1+heE14RrdRXV5UTiz2J8CDADBnP4Ooh3gdgAAAABJRU5ErkJggg==) no-repeat center/100% 100%
    }

    .section5 .swiper-container .swiper-button-next {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAABCCAYAAADHTY8oAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQxRkQyQUJEMDNDQjExRjA4MDVEQjA3MEZBNDM5OTYwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQxRkQyQUJFMDNDQjExRjA4MDVEQjA3MEZBNDM5OTYwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDFGRDJBQkIwM0NCMTFGMDgwNURCMDcwRkE0Mzk5NjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDFGRDJBQkMwM0NCMTFGMDgwNURCMDcwRkE0Mzk5NjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4+nh6VAAAEMklEQVR42tSaW2wMYRTHZ+26tRRR4hoksm6JUCSlSLwUUYIiEbdI3CNaXjRxeSAuiURcHvBASJpIhfbBg0QkLkGIUpq6E/eg7re26WrH/9TZWNPd+b5vZmd25p/8Hjp7vtmz35w53/nO14Cu6wFN03TNh2rBjgf96jypAbT1q/OkWpBhuOYb50nfQQ/Q0o/Ok16DsB9+QKIQuQdGg1Z+dJ4yUDmY5kfnSTWgEsz1o/OkR+AnGOtH50nnwSTQWWDXzYvO08yXgc0Cu75go5vrhOwX3eYfMdXE5hroA86ALq54j8JMlhHgLGhjYtMZVIPXIFvh3pZQecR3wE1QaGLzCawHPcElsBYEvDDzxGhQDjqY2ATARf2fykDHVM886S6oAqvN5gOsAhH+ezq4AYaleuZpVvNBFWglsN2p/69asCyZM29l0CBwHcwV2KWBZ3pzFYP0VIQN6QW4DBYL7Ki8WBPn+jxOqwPdDpsoszkldpOwLdPj6weY5/bMk56Cd2CWhO0aXuCMageKwQHQ2skV1qhnnPenSNi+AltMPl/BYdjPrbAhisAXEJKwJZs7urnoXtPdCBvSc960Z0nY/gYrBf2hjqAUzHc6bEjVvFkZKWl/FRwW2FApsc4N59+CW2CAwpgi8EFgMxyMctr5j7zTCiuMiRZuIi2VuVmgaZm1phDIAcd4IyIrCo0LYLxgA7QENMZcewIqkpVtiP4gYmHcYFCvq+kXyE1WtmkDFvATKFAMQeoL7Vb8vjTejubanXkKt/OGmdkbxy4THAElICxZuIlUE30CVp0fGuemdVwmZ4HPYDHYE/P5OTCBP8vn++Tp1tT0A9zsCDfEZLhkbA0DdsLmgmE29pmEzYkkh81EO2GjcRdhK9+wEAQVx2+347hd591OlTXGVBmyEXMhbnG8UY7VvzV8S7uLlB3nO/HKel9x3ELB6koqYRyrbTK5KHukMIaatbsk7A45XZh151r+ocKYHRJ9zAru8zjqfFcwlE9QZDSG41gTNKykywY7zlO8t21W6SV+uQ8IFqevYCZvyqUzhtWXdQj3XyIS9gX8lBKJnt4c3tg7vgGn+qUSrJaw7c09mkQ6CFq71e5TbTqVOtV0shI2VFdnc9/mncA2D8xI0G2mhtUDt9t9yWi0tktFo5WyxWCQDk4JbDcZ9rZ1YDn3ZX6moj+fAY6CDYqF11MwLNknI6oDsv16rEMvN/0vwknwzcRuERdeEe5+zeQFKKUHalmKR5k5XjnKDPIM7ucXz6zwquCW3RWvnIDTSV57cNrEhnL/SzBZoh/pWthQTt7GIWFm18PpMDEi06ucyi/oJc1jEoVNmM+OPOe4yPk0LmOPax5VorChMmAc1+v1fnOe6pfHkhsNTznfC7z3uuPxnM/giq9R84FinafNdK3mI0WdD8a0oH2jaK/cd46T/ggwAO8pysa7uI/TAAAAAElFTkSuQmCC) no-repeat center/100% 100%;
        right: 6.7708333333vw
    }

.footer {
    background: #000;
    padding: 1.5625vw 0 1.0416666667vw
}

    .footer .footer-container {
        max-width: 72.9166666667vw;
        margin: 0 auto;
        padding: 0 1.0416666667vw
    }

    .footer .footer-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center
    }

    .footer .footer-logo img {
        height: auto;
        width: 10.1041666667vw
    }

    .footer .footer-info {
        color: #eeeef0;
        font-size: .78125vw;
        line-height: 1.5
    }

        .footer .footer-info p {
            margin: .2604166667vw 0
        }

        .footer .footer-info a {
            color: #eeeef0;
            text-decoration: none;
            font-weight: 700
        }

            .footer .footer-info a:hover {
                color: #ffa200
            }

        .footer .footer-info .hotline {
            font-size: .8333333333vw
        }

.btn-goTop {
    cursor: pointer;
    position: fixed;
    bottom: 1.0416666667vw;
    right: 1.0416666667vw;
    z-index: 10;
    width: 2.0833333333vw;
    height: 2.0833333333vw;
    text-align: center;
    line-height: 2.0833333333vw;
    border: .0520833333vw solid #fff;
    background: #0c1935;
    border-radius: .2604166667vw;
    transition: all .3s ease;
    opacity: 0;
    color: #fff;
    font-size: .78125vw
}

    .btn-goTop.show {
        opacity: 1
    }

    .btn-goTop:hover {
        background: #0e2968;
        transform: scale(1.1);
        filter: brightness(1.2)
    }

.menu-top-mobile, .hide-menu {
    display: none
}

.left-menu {
    position: fixed;
    padding-top: 7.6041666667vw;
    width: 10.4166666667vw;
    height: 23.0208333333vw;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    background: url(/Landing/assets/bg-menu-left-DPD92FiO.png) no-repeat center center;
    background-size: cover
}

    .left-menu .qr-code {
        width: 6.09375vw;
        height: 6.09375vw;
        margin: 0 auto .5208333333vw;
        border: 3px solid #7190f0;
        border-radius: .5208333333vw;
        overflow: hidden
    }

    .left-menu a {
        background: url(/Landing/assets/btn-menu-right-DA2cPZvC.png) no-repeat center center;
        background-size: cover;
        display: block;
        width: 9.1666666667vw;
        height: 2.34375vw;
        margin: 0 auto;
        transition: all .3s ease;
        color: #fff;
        font-size: .69125vw;
        text-transform: capitalize;
        text-align: center;
        line-height: 2.1875vw
    }

        .left-menu a:hover {
            filter: brightness(1.2);
            transform: scale(1.05)
        }

.right-menu {
    position: fixed;
    padding: 1.875vw 1.3541666667vw 0 1.6666666667vw;
    width: 10.8854166667vw;
    height: 22.1875vw;
    right: -1vw;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    background: url(/Landing/assets/bg-menu-right-SbHDdlI8.png) no-repeat center center;
    background-size: cover;
    background-size: cover;
    transition: all .5s ease
}

    .right-menu.hide-mnRigt {
        right: -9.6354166667vw
    }
    .right-menu .btn-inOut {
        cursor: pointer;
        position: relative;
        display: block;
        width: 1.5625vw;
        height: 1.5625vw;
        border-top-left-radius: .2604166667vw;
        border-bottom-left-radius: .2604166667vw;
        background: #5390d8;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: -0.15625vw;
        z-index: -1
    }

        .right-menu .btn-inOut:before {
            content: "";
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAaCAYAAABctMd+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVFREZBMDY5MDUzRTExRjBCREFCQ0UyQjgyMkE5QTZEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVFREZBMDZBMDUzRTExRjBCREFCQ0UyQjgyMkE5QTZEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUVERkEwNjcwNTNFMTFGMEJEQUJDRTJCODIyQTlBNkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUVERkEwNjgwNTNFMTFGMEJEQUJDRTJCODIyQTlBNkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4YIA6GAAABaUlEQVR42mLULtkhxMDAoAfEBxioDJiA+B0QJwPxGiCWo7bhINAMxIFAfAOI64CYk5qG3wLizVBDG4H4OtQyqhgOAtOR2PJAvA6IdwGxFjUM3wPEz9DkXYH4IhD3ALEAJYb/BeKNWNSwAHExNKiSgJiRHMNBYBsetRJAPBeIjwGxGTmGHwbi/wT0WADxcahFYqQY/hGIHxDpKFAQ3QTiAmjQETQcBC6TEGegSO6HRroTMYY/IyPVgZLrXvRcjs3wDxTkm2DkXI7NcDZq5XxsESFMgaHroRH8CJfh0mQYeg2I86DhjjdCDUgw9AM09+qjG4zN5UpALEKEof+AeAEQVwHxS1yK0A33I8Lgk9BwPUFq9sdXhr+E1lhWxBiM7nJxILbBouYPEE8G4iZS8wCy4UFYfLIXmgquUVpZZCCxH0EtcyHXYGSXO0CbF9+BuAuIO6FsigDM8GL03EUNADJcFFps7qN2owggwAAoY0LAsgauFQAAAABJRU5ErkJggg==) no-repeat center center;
            background-size: cover;
            display: block;
            width: .5208333333vw;
            height: .5208333333vw;
            filter: brightness(.5);
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            transition: all .3s ease
        }

        .right-menu .btn-inOut.in:before {
            transform: translate(-50%,-50%) rotate(180deg)
        }
    .right-menu .qr-code {
        width: 5.8333333333vw;
        margin: 0 auto;
        border: 3px solid #7190f0;
        border-radius: .3645833333vw;
        overflow: hidden
    }

    .right-menu .download-buttons a {
        display: block;
        width: 6.9270833333vw;
        margin: .46875vw auto 0;
        transition: all .3s ease
    }

        .right-menu .download-buttons a:hover {
            transform: scale(1.05);
            filter: brightness(1.2)
        }

    .right-menu .social-group {
        text-align: center
    }

        .right-menu .social-group a {
            display: block;
            width: 100%;
            font-size: .8854166667vw;
            color: #3f5d94;
            height: 1.5625vw;
            line-height: 1.5625vw;
            font-weight: 500
        }

            .right-menu .social-group a:hover {
                color: #ffa200
            }

.popup-event {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(.9);
    width: 36.4583333333vw;
    height: 26.6145833333vw;
    padding: 1.6145833333vw 2.6041666667vw 2.0833333333vw 3.6458333333vw;
    background: url(/Landing/assets/bg-pop-rule-CnRsWnWZ.png) no-repeat center center;
    background-size: cover;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease
}

    .popup-event.show {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%,-50%) scale(1)
    }

    .popup-event .popup-title {
        position: relative;
        font-size: 1.9270833333vw;
        font-weight: 700;
        margin-bottom: .5208333333vw;
        text-align: center;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: .5208333333vw;
        background: linear-gradient(0deg,#654bbe,#b988af,#654bbe);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent
    }

        .popup-event .popup-title:before, .popup-event .popup-title:after {
            display: block;
            content: "";
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAXCAYAAABXlyyHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCQkQyMzQ4MDRERTExRjA4N0ZCOEE5MjgwMkE4RTFFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCQkQyMzQ5MDRERTExRjA4N0ZCOEE5MjgwMkE4RTFFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0JCRDIzNDYwNERFMTFGMDg3RkI4QTkyODAyQThFMUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0JCRDIzNDcwNERFMTFGMDg3RkI4QTkyODAyQThFMUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4mEC7OAAAEvklEQVR42tRYXUxbZRh++kdLBcqUdW4OZmB4A84oUbPOaFIvTHWwQsA6jSExCy5TlhjFq3G1XYnRZSQmY8aIUUf9WY4T5UY7o7HRmCoxeEUjaINzwLIVCv2D1uc9hYLYIghl9QtfWk7P+c55vvd9n+d5jyaZTGKzRv9PsITDKI9GUT4/D2MyAaNOh6jegHGjCYGm+xDADR6ajQDuH4RxchzO6SnUzc3BQpCWRAIuTiCp/kEjUwtotXBzRnR6TBUXY+jWXeh97C5E/xeA3/XAMXEFrlgcFoJwqgtpUnPx+/KxeAv1c2EjuCmKyYjxXbvR03IAvrwEfK4f7ZOTcAgeQwE/NZnPkyXT4FJTWXkXXuuU3+IxeItK4KuqRmf93QjmBeCez9B+jUAZFWOBEfZsQJnWEjno9XCzdoPmm+AvJphCM4Yb712qXymFSATloWnUhVgOMyHUxmKwbt8B99EGdN0wwO98Ceeff6A1QQIi8TiYvv9cgDNOoExvj9kMf2kpvGVWKA33rC9a730F++UxtIGb+tLTaNxywKfdOCtRMBhWT91wBJ7CQgTu2INX620Y2ugDffI99o6OomNnBbof37/x9f4VcN8lOEZ+QzvTcorTlWk/5ND8XKouq/agq/lBeDf7wd76Ai6yua/lfvjXTarMFikXeXaW1XDrw1AyAj7zMV6Zvo4D1ExbpvSVQekRsANlZRg4chDduay3i4OqCkQO7lu7fJ3+AGdmQ6jhdSrXkFe8JnqAF5/CE38D/HofzsZoGPRZUliOxeOMKmusqgqdzQ9snZSsdbyh4MTUddhIrI7lx0mIA2J8XnDhWf2H37FmhtFFQFGRmmyLSWSZHkPPN6ETeTj6f4Zxdga1ErCVvxXwWDwK5QL5QStgmaIlWh1cqy0ogG9mGiNPB9O4WlxeRoLVqATrDFH+tB2UAHMRfqEBWBUMCQxXLqP1/a9hy0fAjGyQuJSMapICrYinV6npeAuOF1M/o2F4ssmy7Bwzoe33X3FCjEi+AW6isdHqEVR9/MqRSPmFJ6kmaS4+dginRPtIXB4ajYxDmFsI4dpV2F87j7cv/IDyXIJwe1G7nvMrKnFqjgZoOWgJYDQC723l6Mmow4oP1pFhnGSKW9nZOLMxttQ0z/FYtuHS7kp0N+zbXB/85udoO/Jo6iHXZVx+hGXUj5NimuR/GqfgztvRfXh/SlWyOq1zvOHVCRWwgxdldVoELZFXSrbBe7R+4z64l/edmcXeY814ecu9tKRsYAQdZLcaYwHsrJEFBlhRIgk14opEXvTOSi99+CF41mwwGJWxANon2FvfQiV4rjF30rembqnvW9SN0W6KMVmtW1psCefZ64rUFRB8ERXAVIhhauGUkIoYF26OSd6KiCNa7JS4bqCSLWJLDvzzf+6Hz38Dm3RPUt/ErNa3vM3IugGpyKsZkO6RNUtaIddR/xW2hcozj6A3b994CLFRk12MUK2AJyinMDgfPv3mQ7Mk+GnwC6kvNT9gYESLLPDtqID7UE3uG/9Neacl4yPatVAQdeEwqmNkRvptC+f2RCqidh03QscokvGDTNtxtpL+UhJcc45TN2eAs41PB9W3lqakRFkPo/NOjOeDQflLgAEAcBwVAiPEjIMAAAAASUVORK5CYII=) no-repeat center center;
            background-size: cover;
            width: 3.125vw;
            height: 1.1979166667vw
        }

        .popup-event .popup-title:after {
            transform: rotate(180deg)
        }

    .popup-event .popup-small-text {
        font-size: 1.25vw;
        text-align: center;
        font-family: Roboto,sans-serif;
        color: #644abc
    }

    .popup-event .form-vip {
        margin-top: 1.0416666667vw
    }

        .popup-event .form-vip input {
            width: 25vw;
            height: 2.6041666667vw;
            border-radius: .2604166667vw;
            padding: .5208333333vw;
            display: block;
            border: none;
            margin: auto;
            box-shadow: 0 0 2px #000;
            color: #644abc;
            font-size: 1.0416666667vw
        }

        .popup-event .form-vip .btn-confirm {
            width: 18.9583333333vw;
            margin: 1.0416666667vw auto 0;
            transition: all .3s ease;
            display: block
        }

            .popup-event .form-vip .btn-confirm:hover {
                filter: brightness(1.2)
            }

        .popup-event .form-vip .error-phone {
            color: red;
            font-size: 1.0416666667vw;
            text-align: center;
            margin-top: .5208333333vw
        }

    .popup-event table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        border: .0520833333vw solid #cea564;
        font-family: Roboto,sans-serif
    }

        .popup-event table thead {
            position: sticky;
            top: 0;
            z-index: 1
        }

            .popup-event table thead th {
                text-transform: uppercase;
                padding: .5208333333vw;
                color: #fff;
                background: #393563;
                font-size: 1.0416666667vw
            }

        .popup-event table td, .popup-event table th {
            padding: .4166666667vw;
            text-align: center;
            border: .0520833333vw solid #cea564;
            color: #393563;
            font-size: 1.0416666667vw
        }

    .popup-event .close-popup {
        position: absolute;
        top: -1.3020833333vw;
        right: -.2604166667vw;
        width: 2.1875vw;
        height: 2.1875vw;
        cursor: pointer;
        transition: transform .3s ease;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE1RUQzQjY5MDRENzExRjA5OTMwOTQzNUE3N0E4QkU1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE1RUQzQjZBMDRENzExRjA5OTMwOTQzNUE3N0E4QkU1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTVFRDNCNjcwNEQ3MTFGMDk5MzA5NDM1QTc3QThCRTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTVFRDNCNjgwNEQ3MTFGMDk5MzA5NDM1QTc3QThCRTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5jzGoiAAALnklEQVR42sRaCXRU1Rn+75uZZLJNMpNMAglZAFlCAlibCghIBVQ8lAoIsqi1djun2lNUKFDRYvHIwZbSUqundWkFKUuhVUpFZHOlSrEqLkAqgbBknSQkk0wymeXd/vede+fcvHkvyUwSeef8582ZN2/u/e6/3O//70/W51Hox4uYiHxRE+m3y9oP/6HwibO7RXdXpOdi4iqXsO6u8t+oVwsUkSZs4WLjYpXu4hkxABRECfG7+BySQMatQWsfwFi5JKAkcrFLnxMkYIo0STH5AEonFz+/B7gEDTQ4IKBkMDYJRLIkKfxu5yI0pkiaEoAYkA4uPpR2SQRIPbj4Qc38bSjy+fBDVtlfrBxMEgeQxsUhxF1Kh2cV0+LkHJpvzwC3NYmmKlYNHKghCAR9pNV/Berbqkll/WfkVPM5chEftaJ4ubRy8enAsXl1AYZz6z0owj3g0IMRQEI7AgwDkIHiRHHZXTC4aLo62V2qTkAgmaZLmAiJCSk0LSUbcjNH0WsLb4K5bbXkUsMX5L+X3lU+8DdDLf6qCeUKSgsHKcAFEET45t+FwnFpioE6uKwLoERuVmkCCIo7o4iOGDlXnecYQkcqNs2HYr7SBtN8JgU3qreh1j4rf0XZi0DP4yMPH9cqRdAALjTcsrl7YMaglIgPCUBMO+koTAvZKDmjF6izC6aotxGLZpZ931vskJg1hpa5RoTHVb6p7P1yn3JI8kuL5JdsweHWp82BEZPN16IDxEwtC2WQczgtGTVPXZReREfDAF6otc8/fcmypaMJmNaYWTZwk/RxPwuZBQ/F5Dux7yRzDTFAuXYnjCj7aXhVxjA6mmlzIMV5DS2dsCK0EscdgjKYz8HB/TpBr73uQMl+lMR9iPnPINcIOvaG1aHl1gSwM5/7KiTJCe5p68IrU3LoCGby3PzTJLNUDGhYFCjFwOyyE1Kh8Ppl4eVJGeBS8BdfpaTm0NzJq8OrmaWw4MTnlCJpq1tQQks2SUtsZXLKHlC/a00kdqIQuBqSkEocE5ap9+q0lSQFEWIGSvhSghwcSpeqszNH0hIjuw+0QbD6BPH46qC9rz7EpuW9RHxmz7PH0bLSu9Rvcd8S2ko0AmXVgRJaSmX7Ee4/Q4fNpHOiFYzhpwWCb6+1nOj0QjPb8ac8ok5Cv8uOJ9Lhf/mPb1b+03ye+DOGUvfEh9WxaPJR282wGXTO2dfgGG7SjHG0cYoV0EdCRcfrEjgoFmVcY++m83EfMly52k9IIwfEdn/Pe+uVfTip6lg1hCG75cjPLX/Hd88xNoH3upqPSKPh7y1ASharszgBcOhMUNGDIjrm4MA/cDGzM3PgQeNpBl+hDk5nmt5Zp+z2XiRVvQ0CIR/4jm2w7Al1QB3fgxiZDWTkQ5LZO7lfp5N4RHZIJmiVTVDRmZ6Ieo7x96gzrYlgM1th5G/2mU+pUxPStHfCfELNbz6m7Gi5QC73pCH0Q8/RNZYt7R6o4RsqI60UA8J45IUOs/dsyWAf/x11Og8WyToq1SVrFQzCLth33kQ6UTO9biS9kDqnrQ3P4mZL+E7vPfqost1bhaZo8l7AB21vrrVs70C2zskqozW2Gx9TZwyZRAt7GpfNTQIVtWcpulCupRWYOuQnu8DZGxPKKAD39CfV+aixdL4wbMVbD69UtrZWkcv636OGatGHXgz6NDYe4GMnTXxQnZEzlhb1ZsyULHC7i2kB9yk96e2iqQiowhvptbE4e9Yomj9zfXgpj5oCWMvB5crzaF4RU8TA0nRgmeWPHY2ahgJ83JSZG9RFBVNoaSxjFn6Tfo1rSc6wozQlUnM7Omq+YiEQiziGEPdN6+h8br6EB5DG1x6wbMDEsCbkJ55Dqyzr2Xfc/9iVPGUVnZ01CgpiHS85k2RJWuriU1YdKA1Y6iDIIUrs+w1GxGvmPEe/t+9HyjM8e2URzf/KvcpP8P8IVbVx7CJLnrVJXeIcDkXx7G22JIr+RKw604vSVKQyhBtfsoKf4hFHLmTfulFdyJ3fL8I9Amrkn9l3cPMG9Y7MkVAU7zi2pAj3k8txUftUpBaBCZutL5THPQZKF+5UH80toy7uOx2i3pB3Pc2ct0V9KGccjOvLGJhp2/QaEnfDzBcjDFGUviV5dge4Ldbo1Aa/T0zLgeF9rqAqPafzcvlXVcMQtFriqzloWWslVBxcqTyD+1ADDz4ivU6oOExqWi6RX0x/Ql2G+VJmvGOgOYfMytZykVFUTkPhTuiIN//xX4Ere3+ovIyAAjwoiGKN4Gv2hnIM9yuUrWoQOuMdB0EFDKq5VAYll4ID7Y3g6WlXN5Kmc1CFgF7ifmTTOKQCOQt3qBsWbFOf4EkeA2ZtvghXDixXtiF4bzxjhQPEb1Cq7qKpCCDmzMiUL8S6cq1V4EFAO/wtGnOnfLfPWrRLXZOeB6OQeZTeuUNdxckoe6Z6TkP1vvuV7WoAgrGOF2jVsgN9iZrqQYlycMfF98kpghtcb6XlMqnHye3kOU6Iayl97gv0vrRckit+l15ACmb9ht7JTZL5c8BXDw2vP8wWAxPEGMY8/xY5KYqcUj4VZX5BUd++eAwqMHFr7s2KNZZD7e6lZBfXkAbImgTOxX+j9+WUQBSXK7wBShZspffIlKruc6jatYhsRz7o782YmIM1Vr4DZ6UkUWiLGplfJ08DvFUn4OOe9grvZfD+835ygL8HnLY45r9IF2cUQrY5V4Tc2Zvp7VxjWnQMtoNv/0PkjWAHBHsaF+f2ia7eHqUp+TTCz3mZ9/2nyWGKod1sR286C207FpK3Qn5tQdiKJ2P+5Vq0ky7NGgmDe2IEhZNhxPw/0wUiIrJNv/4LaN59N3mXlQrM3sM5BY4/S45wdtIuHSBEpfNU8ilNU+0NUNtUARVmq1VxlDRJ9UEt/V+yh96FgAb1lhUMvhYK5v5J05iTm6O9tRpCtZ9Cq9k7lz6Aj3BuNTpQYXmvkjUVligNU23TiefJPrM/L76dZqfmaJHM6ciD/Dv/Sr+dng8ZsdKdIROgAE3xFlHTcw6FzNzrwDTz/fAF8gavi7SK9F8f0uVaulwec/FSb9GMx+ldJfPhZqNdPdAGYXTytkHjIRUJZp8OCrzV4G/8EjryJ0A6ck9DEnTmX3Dk4CNkC368gFLDwfkkYFElMuFXIliwaOY58jh5Na+MFjuLtJp21+MmB1gKbtAy3j5f6UPAzsTsuecMUq9HyB5+xNPc3UGBomsFEKFdVIhYulD3j++TZ5EPhgb6UMBMQp3g376A/IHNhR/Kefkcg0Znwno1G2mrvq0Ozh9ag8BCJPhVl5wZHdr/MPk9zqOazUUyOdPjHKtB44asLZGEWdCej/s80HHHX2CFYu2fg7aeLtzQ23YtgY2NZ6Gcn1E18QARtTf1dD4lR8J2npIzO66+dBxO7v0xbETNeQb6GKe1Bupe+QFsQkBneFBokAue+ojXEyi9GbYJM0SpOv82fPjcVPjl6b1wdEB8CAGd3A6vPz8N1tWcBMbvqvjYXYLDigoIx3Tm+7NzQH89LALMSIP+/Svg5fL98MnUFTDPPRqG9oe54ab7v/c2wavn34FT3DoauQ95JQ1pZkdIHAfZKyuB/qooshrUiCNWHAUvyunr7oVv5JXBGKQ+Y5NdsYX4tlpounAMTlZ/DOUfb4MPpZaDZumMt8vpBptbXC0H7Fp1AehThREKIkDJzIOZZstHW6AR5d+MoJbMg+JhN0Fx5nDIT3GDy56hkdbIhQzbi0loU/0pqKx8D8pP7dV8Rm4O8UpktV3f+cLm1GOvUQytcXLXi03qfJHbd4SIcnB3bTydEoH2SXfR2tOpy5X61sbTTfDoUsvQaUzfcGUzOL7UvxuQWnXkpqugZBUD2nAFkgnqSwB+SYM2qdqrb42TTVjfFhc0aI2Lq/cv3n4/VbfyQYP+P0VfOTWoXOmbGPvU59dfnZlUt6KKSdtpd+2m0B/dmP3dbmqkwat6/V+AAQAgsLxGdCdgyAAAAABJRU5ErkJggg==) no-repeat center center;
        background-size: contain;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .popup-event .close-popup:hover {
            transform: rotate(90deg)
        }

    .popup-event .popup-content {
        overflow-y: auto;
        padding-right: 1.0416666667vw;
        max-height: 20.3125vw
    }

        .popup-event .popup-content::-webkit-scrollbar {
            width: .2083333333vw
        }

        .popup-event .popup-content::-webkit-scrollbar-track {
            background: #0018551a;
            border-radius: .15625vw
        }

        .popup-event .popup-content::-webkit-scrollbar-thumb {
            background: #001855e0;
            border-radius: .15625vw
        }

            .popup-event .popup-content::-webkit-scrollbar-thumb:hover {
                background: #000
            }

    .popup-event .popup-content-text {
        font-size: .7291666667vw;
        font-family: Roboto,sans-serif
    }

        .popup-event .popup-content-text table {
            font-family: Roboto,sans-serif
        }

            .popup-event .popup-content-text table th, .popup-event .popup-content-text table td {
                font-size: .7291666667vw
            }

.popup-checkin {
    width: 36.3020833333vw;
    height: 27.5vw;
    padding: 4.6875vw 5.2083333333vw 2.6041666667vw 6.25vw;
    background: url(/Landing/assets/bg-pop-checkin-U6f27ITU.png) no-repeat center center;
    background-size: cover
}

    .popup-checkin .close-popup {
        top: .5729166667vw;
        right: -1.6666666667vw;
        width: 1.9791666667vw;
        height: 2.0833333333vw;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAoCAYAAACSN4jeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIwMjAzRTg0MDU5NzExRjBCNDQ1RTM5MjU0OTVERDQyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIwMjAzRTg1MDU5NzExRjBCNDQ1RTM5MjU0OTVERDQyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjAyMDNFODIwNTk3MTFGMEI0NDVFMzkyNTQ5NURENDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjAyMDNFODMwNTk3MTFGMEI0NDVFMzkyNTQ5NURENDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7gD2rBAAAJiklEQVR42qRY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) no-repeat center center;
        background-size: contain
    }

    .popup-checkin .popup-content {
        overflow-y: hidden;
        padding-right: 0;
        max-height: inherit;
        scrollbar-width: none;
        color: #00fff6;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase
    }

        .popup-checkin .popup-content::-webkit-scrollbar {
            width: 0
        }

        .popup-checkin .popup-content .progressing {
            height: 1.9791666667vw;
            line-height: 1.9791666667vw;
            font-size: 1.09375vw
        }

        .popup-checkin .popup-content .img-gift {
            margin: .3645833333vw 0 0 6.6145833333vw;
            width: 11.71875vw;
            height: 11.71875vw;
            position: relative
        }

            .popup-checkin .popup-content .img-gift img {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                max-width: 11.3020833333vw;
                height: auto
            }

        .popup-checkin .popup-content .showCode {
            font-size: 2.34375vw;
            margin-top: 2.8645833333vw
        }

.popup-activate {
    width: 98.90625vw;
    height: 42.7604166667vw;
    padding: 9.5833333333vw 32.1875vw 10.8854166667vw 40.4166666667vw;
    background: url(/Landing/assets/bg-pop-activate-pc-JCVClD5M.png) no-repeat center center;
    background-size: cover
}

    .popup-activate .close-popup {
        top: 1.5625vw;
        right: 26.0416666667vw;
        width: 1.9791666667vw;
        height: 2.0833333333vw;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAoCAYAAACSN4jeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIwMjAzRTg0MDU5NzExRjBCNDQ1RTM5MjU0OTVERDQyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIwMjAzRTg1MDU5NzExRjBCNDQ1RTM5MjU0OTVERDQyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjAyMDNFODIwNTk3MTFGMEI0NDVFMzkyNTQ5NURENDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjAyMDNFODMwNTk3MTFGMEI0NDVFMzkyNTQ5NURENDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7gD2rBAAAJiklEQVR42qRY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) no-repeat center center;
        background-size: contain
    }

    .popup-activate .popup-content {
        overflow-y: hidden;
        padding-right: 0;
        max-height: inherit;
        scrollbar-width: none;
        color: #00fff6;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase
    }

        .popup-activate .popup-content::-webkit-scrollbar {
            width: 0
        }

        .popup-activate .popup-content .img-gift {
            margin: 0 0 0 1.0416666667vw;
            width: 16.6666666667vw;
            height: 16.6666666667vw;
            position: relative
        }

            .popup-activate .popup-content .img-gift img {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                max-width: 16.6666666667vw;
                height: auto
            }

        .popup-activate .popup-content .showCode {
            height: 4.1666666667vw;
            line-height: 4.1666666667vw;
            font-size: 2.34375vw;
            margin-top: 1.3020833333vw
        }

.popup-code, .popup-notify {
    width: 45.2604166667vw;
    height: 14.1145833333vw;
    background: url(/Landing/assets/bg-pop-BJficNE4.png) no-repeat center center;
    background-size: cover
}
    .popup-code .login-box {
        border-bottom: 1px solid #c2ab7f;
        position: absolute;
        top: 7.822917vw;
        right: 16.5625vw;
        z-index: 10;
        display: flex;
        align-items: center;
        gap: .5208333333vw
    }
        .popup-code .login-box .logout-btn {
            background: #0e2968;
            color: #c2ab7f;
            border: .0520833333vw solid #c2ab7f;
            padding: .2604166667vw .78125vw;
            border-radius: .2604166667vw;
            font-size: 1.9375vw;
            cursor: pointer;
            transition: all .3s ease
        }

            .popup-code .login-box .logout-btn:hover {
                filter: brightness(1.2)
            }

.popup-nhiemvu {
    width: 45.2604166667vw;
    height: 33.114583vw;
    background: url(/Landing/assets/bg-nhiemvu.png) no-repeat center center;
    background-size: cover
}

    .popup-code .popup-content, .popup-notify .popup-content {
        scrollbar-width: none
    }

        .popup-code .popup-content::-webkit-scrollbar, .popup-notify .popup-content::-webkit-scrollbar {
            width: 0
        }

        .popup-code .popup-content .message, .popup-notify .popup-content .message {
            color: #534487;
            margin-top: 1.0416666667vw;
            font-size: 1.5625vw;
            text-align: center
        }

        .popup-code .popup-content .showCode, .popup-notify .popup-content .showCode {
            color: #534487;
            font-size: 4.1666666667vw;
            margin-top: -1.3020833333vw;
            letter-spacing: .2604166667vw;
            font-weight: 700;
            font-family: UTM CAFETA,sans-serif;
            text-align: center
        }

.popup-register-getcode .popup-content {
    scrollbar-width: none
}

    .popup-register-getcode .popup-content::-webkit-scrollbar {
        width: 0
    }

.popup-register-getcode .step-1-content {
    margin: .5208333333vw 0
}

    .popup-register-getcode .step-1-content a {
        display: block;
        width: 9.375vw;
        margin: 0 auto
    }

.popup-register-getcode .form-getcode ul {
    list-style: none;
    padding: 0;
    margin: 0
}

    .popup-register-getcode .form-getcode ul li {
        position: relative;
        padding-left: .78125vw;
        color: #644abc;
        font-size: 1.4583333333vw;
        margin-bottom: .5208333333vw
    }

        .popup-register-getcode .form-getcode ul li:nth-child(3) {
            padding: 0
        }

            .popup-register-getcode .form-getcode ul li:nth-child(3):before {
                display: none
            }

        .popup-register-getcode .form-getcode ul li span {
            font-weight: 500
        }

        .popup-register-getcode .form-getcode ul li:before {
            content: "";
            position: absolute;
            left: 0;
            top: .78125vw;
            transform: translateY(-50%);
            width: .5208333333vw;
            height: .5208333333vw;
            background-color: #644abc;
            clip-path: polygon(50% 0%,100% 50%,50% 100%,0% 50%)
        }

    .popup-register-getcode .form-getcode ul input {
        width: 22.1875vw;
        height: 2.6041666667vw;
        border-radius: .2604166667vw;
        padding: .5208333333vw;
        display: block;
        border: none;
        margin: .5208333333vw auto 0;
        box-shadow: 0 0 2px #000;
        outline: none;
        font-size: 1.4583333333vw;
        color: #644abc
    }

    .popup-register-getcode .form-getcode ul .btn-getcode {
        width: 18.9583333333vw;
        margin: .5208333333vw auto 0;
        border: none;
        background: none;
        outline: none;
        transition: all .3s ease;
        display: block
    }

        .popup-register-getcode .form-getcode ul .btn-getcode:hover {
            filter: brightness(1.2);
            transform: scale(1.05)
        }

    .popup-register-getcode .form-getcode ul .notify {
        color: red;
        font-size: 1.0416666667vw;
        text-align: center
    }

.popup-video {
    width: 100%;
    height: 100%;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center
}

    .popup-video .close-popup {
        top: 2.6041666667vw;
        right: 2.6041666667vw
    }

    .popup-video .video {
        width: 57.2916666667vw;
        height: 31.25vw
    }

        .popup-video .video iframe {
            width: 100%;
            height: 100%
        }

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000cf;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease
}

    .popup-overlay.show {
        opacity: 1;
        visibility: visible
    }

@media (max-width: 1024px) {

    .bg-section-mb, .menu-top-mobile, .menu-left-mobile, .show-treasure, .video-mb, .btn-checkin-mb {
        display: block
    }

    .bg-section, .right-menu, .text-notify-pc, .left-menu, .video-pc, .login-box {
        display: none
    }

    .page-title {
        max-width: 65.4947916667vw
    }

    .btn-goTop {
        font-size: 2.2135416667vw;
        bottom: 2.6041666667vw;
        right: 2.6041666667vw;
        padding-left: .2604166667vw;
        width: 5.2083333333vw;
        height: 5.2083333333vw;
        line-height: 5.2083333333vw;
        border-radius: .6510416667vw
    }

    .menu-close {
        width: 10.4166666667vw;
        height: 10.4166666667vw;
        margin: -1.5625vw 0 0 -1.5625vw;
        background: transparent;
        border: none;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

        .menu-close span {
            display: block;
            width: 100%;
            height: 1.3020833333vw;
            border-radius: 1.3020833333vw;
            transition: all .3s ease;
            background: #00fffc
        }

            .menu-close span:first-child {
                transform: translateY(.2604166667vw) rotate(45deg)
            }

            .menu-close span:last-child {
                transform: translateY(-1.0416666667vw) rotate(-45deg)
            }

    .menu-top-mobile {
        z-index: 10;
        padding: 1.3020833333vw;
        height: 15.625vw;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #1c1041;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

        .menu-top-mobile .game-brand {
            width: 12.5vw
        }

        .menu-top-mobile .game-name {
            width: 30.859375vw;
            font-size: 3.125vw;
            color: #fff;
            text-transform: capitalize
        }

            .menu-top-mobile .game-name .time {
                font-size: 2.2135416667vw;
                color: #04ffea
            }

        .menu-top-mobile .btn-download {
            display: block;
            width: 41.40625vw
        }

        .menu-top-mobile .menu-toggle {
            width: 9.1145833333vw;
            height: 7.8125vw;
            background: transparent;
            border: none;
            cursor: pointer;
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 1.3020833333vw;
            padding: .6510416667vw
        }

            .menu-top-mobile .menu-toggle span {
                display: block;
                width: 100%;
                height: 1.3020833333vw;
                background-color: #fff;
                border-radius: 1.3020833333vw;
                transition: all .3s ease
            }

    .menu-left-mobile {
        position: fixed;
        top: 0;
        padding: 2.6041666667vw 1.953125vw;
        left: -100%;
        width: 60.2864583333vw;
        height: 211.5885416667vw;
        background: url(/Landing/assets/bg-menu-BuzlE4lD.jpg) no-repeat center center;
        background-size: cover;
        z-index: 999;
        opacity: 0;
        visibility: hidden;
        transition: all .7s ease-in-out
    }

        .menu-left-mobile.show {
            left: 0;
            opacity: 1;
            visibility: visible;
            transform: translateY(0)
        }

        .menu-left-mobile .game-brand {
            width: 26.0416666667vw;
            margin: 2.6041666667vw auto
        }

        .menu-left-mobile .user-name {
            position: absolute;
            width: 73%;
            text-align: right;
            top: 0;
            left: 13.0208333333vw;
            color: #fff;
            font-size: 3.125vw;
            text-decoration: none;
            transition: all .3s ease;
            padding: 1.953125vw 0
        }

            .menu-left-mobile .user-name span {
                display: block;
                color: #00fffc;
                font-size: 4.296875vw;
                font-weight: 500
            }

        .menu-left-mobile .menu-list {
            margin-top: 1.3020833333vw;
            padding: 0 1.953125vw
        }

            .menu-left-mobile .menu-list .menu-item {
                position: relative;
                display: flex;
                align-items: center;
                gap: 1.3020833333vw;
                padding: 3.2552083333vw 0;
                border-bottom: .2604166667vw solid #150b2f
            }

                .menu-left-mobile .menu-list .menu-item:after {
                    content: "";
                    display: block;
                    width: 100%;
                    height: .2604166667vw;
                    background: #484bb0;
                    position: absolute;
                    bottom: 0;
                    left: 0
                }

                .menu-left-mobile .menu-list .menu-item:last-child {
                    border-bottom: none
                }

                    .menu-left-mobile .menu-list .menu-item:last-child:after {
                        display: none
                    }

                .menu-left-mobile .menu-list .menu-item span {
                    display: block;
                    width: 5.46875vw;
                    height: 5.46875vw
                }

                .menu-left-mobile .menu-list .menu-item a {
                    display: block;
                    color: #fff;
                    font-size: 4.8177083333vw;
                    text-decoration: none
                }

    .section1 {
        height: 165.1041666667vw
    }

        .section1 .section-content {
            padding: 123.3072916667vw 0 0
        }

        .section1 .logo-vplay {
            top: 31.041667vw;
            left: 5.697917vw;
            width: 14.802083vw;
        }
        .section1 .logo-game {
            top: 20.34375vw;
            left: 2.5625vw;
            width: 24.90625vw;
        }
        .section1 .login-box-mobile {
            display: block;
            position: absolute;
            top: 17.041667vw;
            right: 1.5625vw;
            width: 24.802083vw;
            font-weight: bold;
        }

            .section1 .login-box-mobile .logout-btn {
                color: #fff
            }
            .section1 .login-box-mobile .user-name {
                color: #fff
            }

        .section1 .logo-18 {
            top: 114.041667vw;
            left: 0.5625vw;
            width: 15.802083vw;
        }

        .section1 .text-section1 {
            position: absolute;
            top: 118.4895833333vw;
            left: 50%;
            transform: translate(-50%)
        }

            .section1 .text-section1 .text-section1-mb {
                display: block
            }

            .section1 .text-section1 .text-section1-pc {
                display: none
            }

            .section1 .text-section1 .big-text {
                width: 100vw;
                animation: showSlogan 4s cubic-bezier(.4,0,.2,1) forwards infinite
            }

            .section1 .text-section1 .btn-play {
                top: -61.5885416667vw;
                left: 50%;
                width: 20.8333333333vw;
                animation: scalePlayBtn 1s ease-in-out infinite
            }

    .section2 .list-event {
        width: 52.0833333333vw;
        height: 82.8125vw;
        margin: 5vw auto 0;
        display: block;
        gap: 3.90625vw
    }

        .section2 .list-event .progress-event {
            width: 82.8125vw;
            height: 2.8645833333vw;
            padding: .6510416667vw;
            margin: auto;
            border-radius: 1.3020833333vw;
            position: absolute;
            top: 39.0625vw;
            transform: translate(-50%) rotate(90deg)
        }

        .section2 .list-event .item-event {
            width: 19.53125vw;
            position: absolute
        }

            .section2 .list-event .item-event:nth-child(2), .section2 .list-event .item-event:nth-child(4), .section2 .list-event .item-event:nth-child(6) {
                left: 0
            }

                .section2 .list-event .item-event:nth-child(2) .landmark, .section2 .list-event .item-event:nth-child(4) .landmark, .section2 .list-event .item-event:nth-child(6) .landmark {
                    right: -13.28125vw
                }

            .section2 .list-event .item-event:nth-child(3), .section2 .list-event .item-event:nth-child(5) {
                right: 0
            }

                .section2 .list-event .item-event:nth-child(3) .landmark, .section2 .list-event .item-event:nth-child(5) .landmark {
                    left: -13.28125vw
                }

            .section2 .list-event .item-event:nth-child(2) {
                top: 0
            }

            .section2 .list-event .item-event:nth-child(3) {
                top: 15.234375vw
            }

            .section2 .list-event .item-event:nth-child(4) {
                top: 30.2083333333vw
            }

            .section2 .list-event .item-event:nth-child(5) {
                top: 44.921875vw
            }

            .section2 .list-event .item-event:nth-child(6) {
                top: 60.0260416667vw
            }

            .section2 .list-event .item-event .treasure-chest {
                width: 12.109375vw;
                height: 14.0625vw;
                margin: .6510416667vw auto 1.953125vw
            }

                .section2 .list-event .item-event .treasure-chest img {
                    width: 11.71875vw
                }

                .section2 .list-event .item-event .treasure-chest .btn-getcode {
                    width: 18.75vw;
                    height: 5.859375vw;
                    position: absolute;
                    bottom: -2.2135416667vw;
                    font-size: 3.6458333333vw;
                    line-height: 5.859375vw
                }

            .section2 .list-event .item-event .landmark {
                width: 13.5416666667vw;
                height: 13.671875vw;
                position: absolute;
                top: 45%;
                transform: translateY(-50%)
            }

            .section2 .list-event .item-event .title {
                font-size: 2.34375vw;
                margin: 1.3020833333vw auto 0
            }

            .section2 .list-event .item-event .limit {
                margin: -3.90625vw 0 0;
                font-size: 3.2552083333vw
            }

    .section2 .text-notify {
        font-size: 3.515625vw;
        margin: 4.5104166667vw 0 0
    }

        .section2 .text-notify .total-register {
            font-size: 8.59375vw
        }

    .section2 .text-rule {
        font-size: 2.5vw;
        text-align: center;
        margin: 0.5vw 0;
    }
    .section2 .list-btn-event {
        margin: 2.6041666667vw auto 0;
        gap: 0
    }

        .section2 .list-btn-event .btn-event {
            width: 45.5729166667vw;
            height: 11.71875vw;
            font-size: 4.1666666667vw;
            line-height: 13.0208333333vw;
            background: url(/Landing/assets/bg-btn1-Bzw82Srp.png) no-repeat center center;
            background-size: contain
        }

    .section3:before, .section3:after {
        height: 15.3645833333vw;
        background-size: cover !important
    }

    .section3:before {
        top: -.2604166667vw;
        background: url(/Landing/assets/bg-float-p3-top-mb-DS8adi5_.png) no-repeat center top
    }

    .section3:after {
        background: url(/Landing/assets/bg-float-p3-bottom-mb-C9tkvMO9.png) no-repeat center top
    }

    .section3 .video-background {
        position: absolute;
        top: 2.5vw;
        left: 0;
        width: 100%;
        height: 104%;
        z-index: 2
    }

        .section3 .video-background video {
            width: 100%;
            height: 93%;
            object-fit: cover
        }

    .section3 .section-content {
        padding-top: 14.6875vw
    }

    .section3 .checkin-box {
        width: 82.2916666667vw;
        height: auto;
        margin: 78.7760416667vw auto 0;
        position: relative;
        z-index: 1;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        row-gap: 5.2083333333vw;
        column-gap: 2.6041666667vw
    }

        .section3 .checkin-box .btn-full-gift {
            width: 13.0208333333vw;
            height: 10.4166666667vw;
            top: 39.0625vw;
            right: -4.1666666667vw
        }

        .section3 .checkin-box .btn-history {
            display: block;
            position: absolute;
            width: 13.0208333333vw;
            height: 11.1979166667vw;
            top: 38.28125vw;
            left: -4.1666666667vw;
            animation: scaleHistoryBtn 1s ease-in-out infinite
        }

        .section3 .checkin-box .checkin-item {
            position: relative;
            width: 18.4895833333vw;
            height: 23.828125vw;
            padding: 1.3020833333vw .6510416667vw;
            border: 1px solid #00c2ff;
            text-align: center;
            top: inherit;
            left: inherit;
            right: inherit
        }

            .section3 .checkin-box .checkin-item .day {
                font-size: 2.9947916667vw
            }

            .section3 .checkin-box .checkin-item .gift-icon {
                display: block;
                margin-top: .6510416667vw
            }

                .section3 .checkin-box .checkin-item .gift-icon .gift-name {
                    font-size: 2.0833333333vw;
                    margin-top: .6510416667vw
                }

                .section3 .checkin-box .checkin-item .gift-icon .img {
                    width: 11.5885416667vw;
                    height: 10.9375vw;
                    margin: auto
                }

                    .section3 .checkin-box .checkin-item .gift-icon .img img {
                        width: 10.4166666667vw
                    }

            .section3 .checkin-box .checkin-item .btn-checkin-box {
                top: 92%;
                right: 50%;
                left: inherit;
                transform: translate(50%);
                width: 10.4166666667vw;
                height: 3.90625vw;
                padding: .390625vw;
                border: 1px solid #00c2ff;
                background: #161b4f
            }

                .section3 .checkin-box .checkin-item .btn-checkin-box:hover {
                    filter: brightness(1.2);
                    border: 1px solid #fff
                }

                    .section3 .checkin-box .checkin-item .btn-checkin-box:hover a {
                        color: #161b4f
                    }

                .section3 .checkin-box .checkin-item .btn-checkin-box a {
                    display: block;
                    background: #fff;
                    color: #161b4f;
                    line-height: 3.125vw;
                    font-size: 1.953125vw
                }

                    .section3 .checkin-box .checkin-item .btn-checkin-box a:hover {
                        background: #fff
                    }

                    .section3 .checkin-box .checkin-item .btn-checkin-box a.btn-checkin-pc {
                        display: none
                    }

                    .section3 .checkin-box .checkin-item .btn-checkin-box a.btn-checkin-mb {
                        display: block
                    }

                .section3 .checkin-box .checkin-item .btn-checkin-box:before, .section3 .checkin-box .checkin-item .btn-checkin-box:after {
                    display: none
                }

    .section3 .btn-activate {
        width: 49.4791666667vw;
        height: auto;
        margin: -.6510416667vw auto 0
    }

    .section3 .btn-active-supergift {
        margin: 4vw auto 0
    }

    .section4 {
        z-index: 2;
        margin-top: -1px
    }

        .section4 .section-content {
            padding-top: 1.3020833333vw
        }

        .section4 .characters {
            margin-top: -1.3020833333vw;
            height: 75.5208333333vw;
            display: flex;
            align-items: center;
            justify-content: center
        }

            .section4 .characters .character-info {
                padding-left: 2.6041666667vw;
                width: 44.2708333333vw;
                left: 2.6041666667vw;
                position: relative;
                left: inherit
            }

                .section4 .characters .character-info .name {
                    font-size: 11.71875vw;
                    text-align: left;
                    width: 117%;
                    padding-left: 1.3020833333vw
                }

                .section4 .characters .character-info .description {
                    width: 100%;
                    height: 28.6458333333vw;
                    font-size: 2.34375vw;
                    margin: 1.3020833333vw 0 0
                }

                .section4 .characters .character-info .properties {
                    width: 30.5989583333vw;
                    margin-top: 2.6041666667vw
                }

            .section4 .characters .character-skill {
                transform: rotate(-90deg);
                width: 19.53125vw;
                left: 60.2864583333vw;
                top: 43.6197916667vw;
                z-index: 2
            }

            .section4 .characters .character-artifact {
                position: relative;
                top: inherit;
                left: inherit;
                z-index: 1;
                margin-top: -3.90625vw;
                margin-left: -7.8125vw;
                width: 61.1979166667vw;
                height: 75.5208333333vw
            }

                .section4 .characters .character-artifact img {
                    position: absolute;
                    top: 0;
                    left: -9.6354166667vw;
                    width: 91.1458333333vw;
                    height: auto
                }

                .section4 .characters .character-artifact:before {
                    display: none
                }
            .section4 .characters .character-video {
                display: none
            }

            .section4 .characters .btn-play-charactor {
                display: block;
                position: absolute;
                top: 40.15625vw;
                left: 63%;
                width: 15.625vw;
            }
            .section4 .characters .btn-play-charactor > img {
                width: 17vw;
            }
            .section4 .characters .character-video iframe {
                display: none;
            }
        .section4 .characters-selector {
            width: 100%;
            margin: 9.1145833333vw auto 0;
            padding: 0 7.8125vw;
            gap: 1.953125vw;
            flex-flow: row wrap
        }

            .section4 .characters-selector:before, .section4 .characters-selector:after {
                width: 6.5104166667vw;
                height: 9.8958333333vw;
                top: 3.90625vw
            }

            .section4 .characters-selector:before {
                left: 2.6041666667vw
            }

            .section4 .characters-selector:after {
                right: 2.6041666667vw
            }

            .section4 .characters-selector .selector-btn {
                width: 11.71875vw
            }

            .section4 .characters-selector .selector-btn {
                width: 6.3020833333vw;
                padding: 0;
                border: none;
                background: none;
                outline: none;
                cursor: pointer;
                filter: brightness(.8) drop-shadow(0px 0px 2px #fff);
                transition: all .5s ease
            }

                .section4 .characters-selector .selector-btn.active, .section3 .characters-selector .selector-btn:hover {
                    filter: brightness(1.2) drop-shadow(0px 0px 2px #fff) contrast(1.2) saturate(1.5);
                    transform: scale(1.1)
                }

        .section4 .prev-btn {
            left: 9vw;
        }

        .section4 .next-btn {
            right: 9vw;
        }

    .section5 {
        z-index: 1;
        margin-top: -1px
    }

        .section5 .section-content {
            padding-top: 15.625vw
        }

        .section5 .swiper-container {
            width: 98.9583333333vw;
            margin: 3.90625vw auto 0
        }

            .section5 .swiper-container .swiper-slide {
                width: 89.84375vw;
                height: 54.6875vw
            }

                .section5 .swiper-container .swiper-slide img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover
                }

            .section5 .swiper-container .swiper-pagination {
                margin-top: 2.6041666667vw;
                gap: 5.2083333333vw
            }

                .section5 .swiper-container .swiper-pagination .swiper-pagination-bullet {
                    width: 4.6875vw;
                    height: 4.6875vw
                }

            .section5 .swiper-container .swiper-button-next, .section5 .swiper-container .swiper-button-prev {
                width: 6.1197916667vw;
                height: 8.59375vw;
                top: 46%;
                filter: brightness(1.2) drop-shadow(2px 0px 4px #e42626)
            }

                .section5 .swiper-container .swiper-button-next:hover, .section5 .swiper-container .swiper-button-prev:hover {
                    filter: brightness(1.2) drop-shadow(2px 0px 4px #e42626)
                }

            .section5 .swiper-container .swiper-button-prev {
                left: 6.5104166667vw;
                background: url(/Landing/assets/btn-prev-p4-BdXIoBas.png) no-repeat center/100% 100%
            }

            .section5 .swiper-container .swiper-button-next {
                background: url(/Landing/assets/btn-next-p4-dwFYOWXs.png) no-repeat center/100% 100%;
                right: 6.5104166667vw
            }

    .footer {
        padding: 3.90625vw 0 9.1145833333vw;
        margin-top: -46.3541666667vw !important;
        z-index: 2;
        position: relative;
        background: none
    }

        .footer .footer-container {
            max-width: 100%;
            padding: 0 2.6041666667vw
        }

        .footer .footer-logo img {
            width: 25.2604166667vw
        }

        .footer .footer-info {
            font-size: 2.734375vw
        }

            .footer .footer-info p {
                margin: .6510416667vw 0
            }

            .footer .footer-info .hotline {
                font-size: 2.734375vw
            }

    .popup-event {
        width: 91.1458333333vw;
        height: 66.5364583333vw;
        padding: 4.0364583333vw 6.5104166667vw 5.2083333333vw 9.1145833333vw
    }

        .popup-event .popup-title {
            font-size: 4.8177083333vw;
            margin-bottom: 1.3020833333vw;
            gap: 1.3020833333vw
        }

            .popup-event .popup-title:before, .popup-event .popup-title:after {
                width: 7.8125vw;
                height: 2.9947916667vw
            }

        .popup-event .popup-small-text {
            font-size: 3.125vw
        }

        .popup-event .form-vip {
            margin-top: 2.6041666667vw
        }

            .popup-event .form-vip input {
                width: 62.5vw;
                height: 6.5104166667vw;
                border-radius: .6510416667vw;
                padding: 1.3020833333vw;
                font-size: 2.6041666667vw
            }

            .popup-event .form-vip .btn-confirm {
                width: 47.3958333333vw;
                margin: 2.6041666667vw auto 0
            }

            .popup-event .form-vip .error-phone {
                font-size: 2.6041666667vw;
                margin-top: 1.3020833333vw
            }

        .popup-event table thead th {
            padding: 10px;
            font-size: 16px
        }

        .popup-event table td, .popup-event table th {
            padding: 5px;
            font-size: 14px
        }

        .popup-event .close-popup {
            top: -2.6041666667vw;
            right: .6510416667vw;
            width: 5.46875vw;
            height: 5.46875vw
        }

        .popup-event .popup-content {
            padding-right: 2.6041666667vw;
            max-height: 50.78125vw
        }

            .popup-event .popup-content::-webkit-scrollbar {
                width: .5208333333vw
            }

            .popup-event .popup-content::-webkit-scrollbar-track {
                border-radius: .390625vw
            }

            .popup-event .popup-content::-webkit-scrollbar-thumb {
                border-radius: .390625vw
            }

        .popup-event .popup-content-text, .popup-event .popup-content-text table th, .popup-event .popup-content-text table td {
            font-size: 14px
        }

    .popup-notify, .popup-code {
        width: 96%;
        background-size: 100% 100%;
        height: 35.2864583333vw
    }
        .popup-code .login-box {
            top: 20.822917vw;
            right: 37.5625vw;
        }
            .popup-code .login-box .logout-btn {
                background: #0e2968;
                color: #c2ab7f;
                border: .0520833333vw solid #c2ab7f;
                padding: .2604166667vw .78125vw;
                border-radius: .2604166667vw;
                font-size: 3.9375vw;
                cursor: pointer;
                transition: all .3s ease
            }
        .popup-notify .close-popup, .popup-code .close-popup {
            right: 1.3020833333vw;
            top: -2.6041666667vw
        }

        .popup-notify .popup-content .gift-code-share, .popup-code .popup-content .gift-code-share {
            width: 41.1458333333vw;
            margin: 2.6041666667vw auto 0
        }

        .popup-notify .popup-content .showCode, .popup-code .popup-content .showCode {
            font-size: 8.59375vw;
            letter-spacing: .6510416667vw;
            margin-top: -1.953125vw
        }

        .popup-notify .popup-content .message, .popup-code .popup-content .message {
            font-size: 3.6458333333vw
        }

    .popup-register-getcode .step-1-content {
        margin: 1.3020833333vw 0
    }

        .popup-register-getcode .step-1-content a {
            width: 23.4375vw
        }

    .popup-register-getcode .form-getcode ul li {
        padding-left: 1.953125vw;
        font-size: 3.6458333333vw;
        margin-bottom: 1.3020833333vw
    }

        .popup-register-getcode .form-getcode ul li:before {
            top: 1.953125vw;
            width: 1.3020833333vw;
            height: 1.3020833333vw
        }

    .popup-register-getcode .form-getcode ul input {
        width: 55.46875vw;
        height: 6.5104166667vw;
        border-radius: .6510416667vw;
        padding: 1.3020833333vw;
        margin: 1.3020833333vw auto 0;
        font-size: 3.6458333333vw
    }

    .popup-register-getcode .form-getcode ul .btn-getcode {
        width: 47.3958333333vw;
        margin: 1.3020833333vw auto 0
    }

    .popup-register-getcode .form-getcode ul .notify {
        font-size: 2.6041666667vw
    }

    .popup-checkin {
        left: 48.5%;
        width: 90.7552083333vw;
        height: 68.75vw;
        padding: 11.71875vw 13.0208333333vw 6.5104166667vw 15.625vw
    }

        .popup-checkin .close-popup {
            top: 1.4322916667vw;
            right: -4.1666666667vw;
            width: 4.9479166667vw;
            height: 5.2083333333vw
        }

        .popup-checkin .popup-content .progressing {
            height: 4.9479166667vw;
            line-height: 4.9479166667vw;
            font-size: 2.734375vw
        }

        .popup-checkin .popup-content .img-gift {
            margin: .9114583333vw 0 0 16.5364583333vw;
            width: 29.296875vw;
            height: 29.296875vw
        }

            .popup-checkin .popup-content .img-gift img {
                max-width: 28.2552083333vw
            }

        .popup-checkin .popup-content .showCode {
            font-size: 5.859375vw;
            margin-top: 7.1614583333vw
        }

    .popup-activate {
        width: 100%;
        height: 96.6145833333vw;
        padding: 23.1770833333vw 12.5vw 0 27.34375vw;
        background: url(/Landing/assets/bg-pop-activate-Bc9p-jbh.png) no-repeat center center;
        background-size: cover
    }

        .popup-activate .close-popup {
            top: 1.8229166667vw;
            right: 7.2916666667vw;
            width: 4.9479166667vw;
            height: 5.2083333333vw
        }

        .popup-activate .popup-content .img-gift {
            margin: 0 0 0 3.90625vw;
            width: 37.2395833333vw;
            height: 37.2395833333vw;
            position: relative
        }

            .popup-activate .popup-content .img-gift img {
                max-width: 33.8541666667vw
            }

        .popup-activate .popup-content .showCode {
            width: 58.7239583333vw;
            height: 9.1145833333vw;
            line-height: 9.1145833333vw;
            font-size: 5.3385416667vw;
            margin-top: 3.2552083333vw
        }

    .popup-video {
        width: 100%;
        height: 100%;
        padding: 6.5104166667vw
    }

        .popup-video .close-popup {
            top: 6.5104166667vw;
            right: 6.5104166667vw
        }

        .popup-video .video {
            width: 100%;
            height: 65.1041666667vw
        }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(1.5625vw)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes bounce {
    0%,20%,50%,80%,to {
        transform: translateY(0) scale(1)
    }

    40% {
        transform: translateY(-50px) scale(1.1)
    }

    60% {
        transform: translateY(-10px) scale(1.02)
    }
}

@keyframes scalePlayBtn {
    0%,to {
        transform: scale(1) translate(-50%)
    }

    50% {
        transform: scale(1.2) translate(-50%)
    }
}

@keyframes scaleHistoryBtn {
    0%,to {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }
}

@keyframes rotateCircle {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes translateY {
    0%,to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-10px)
    }
}

@keyframes showSlogan {
    0% {
        opacity: 0;
        transform: translateY(1.5625vw);
        filter: blur(10px)
    }

    60% {
        opacity: .8;
        transform: translateY(-.5208333333vw);
        filter: blur(0)
    }

    80% {
        transform: translateY(.2604166667vw)
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1.05);
        filter: blur(0)
    }
}

@keyframes sway {
    0%,to {
        transform: rotate(-2deg)
    }

    50% {
        transform: rotate(2deg)
    }
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes fadeInLogo {
    from {
        opacity: 0;
        transform: scale(0.9);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}
.popup-download {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(.9);
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    padding: 15px;
    border-radius: 15px;
    color: #fff;
    line-height: 1.6rem;
    text-align: center;
    border: none;
    box-shadow: none;
}
@media (min-width: 768px) {
    .popup-download {
        width: 500px;
    }
}
.popup-download .btn-close {
    padding: 8px 15px;
    border-radius: 5px;
    margin-top: 10px;
    border: none;
    box-shadow: none;
}