html,
        body,
        section {
            font-family: "FC Minimal" !important;
            background-color: #000000 !important;
        }

        div {
            font-family: "FC Minimal" !important;
        }

        label {
            font-family: "FC Minimal" !important;
        }

        ::selection {
            background: #00AFAB;
            color: #fff;
            text-shadow: none;
        }

        .md-mt-3 {
            margin-top: 0px;
        }

        @media screen and (max-width:1199px) {
            p {
                font-size: 13px;
            }

            .md-mt-3 {
                margin-top: 20px;
            }
        }

        img {
            max-width: 100%;
            /*width:200px !important;*/
        }

        html {
            scroll-behavior: smooth;
        }

        input:focus,
        select:focus,
        button:focus,
        textarea:focus {
            outline: none;
        }

        ul,
        ol {
            padding: 0;
            margin: 0;
        }

        a {
            text-decoration: none !important;
            font-family: "FC Minimal" !important;
            cursor: pointer !important;
        }

        .line-clamp {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .line-clamp-1 {
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .line-clamp-2 {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        h1,
        h2,
        h3,
        h4,
        h5 {
            font-family: "FC Minimal" !important;
            z-index: 1;
        }

        #qodef-top-area {
            background-color: #000 !important;
            z-index: 99999 !important;
        }

        #qodef-page-header {
            background-color: #000 !important;
            z-index: 99999 !important;
            height: 115px;
        }

        #qodef-page-mobile-header-inner {
            background-color: transparent !important;
            z-index: 99999 !important;
        }

        .bg-dark {
            background-color: #000 !important;
        }

        @media (max-width: 1150px) {
            #qodef-page-header {
                height: 105px;
            }
        }

        /* ----------Background and Color New---------*/
        .bg-black {
            background-color: #000 !important
        }

        .text-grey-1 {
            color: #c3c3c3;
        }

        .bg-grey {
            background-color: #0f0f0f !important
        }

        /*-------- sptb -------*/
        .sptb {
            padding-top: 1.2rem;
            padding-bottom: 1.8rem;
        }

        .sptb-1 {
            padding-top: 6.5rem;
            padding-bottom: 6.5rem;
        }

        .sptb-05 {
            padding-top: 3rem;
            padding-bottom: 4rem;
        }

        .sptb-12 {
            padding-top: 6rem;
            padding-bottom: 8.5rem;
        }

        .sptb-2 {
            padding-top: 6.2rem;
            padding-bottom: 11rem;
        }

        .sptb-21 {
            padding-top: 4.2rem;
            padding-bottom: 14rem;
        }

        .sptb-22 {
            padding-top: 9rem;
            padding-bottom: 15rem;
        }

        .sptb-23 {
            padding-top: 6rem;
            padding-bottom: 6rem;
        }

        .sptb-24 {
            padding-top: 5rem;
            padding-bottom: 4rem;
        }

        .sptb-25 {
            padding-top: 17rem;
            padding-bottom: 20rem;
        }

        .sptb-26 {
            padding-top: 6rem;
            padding-bottom: 8.5rem;
        }

        .sptb-27 {
            padding-top: 6rem;
            padding-bottom: 12rem;
        }

        .sptb-28 {
            padding-top: 3rem;
            padding-bottom: 24rem;
        }

        .sptb-29 {
            padding-top: 1.2rem;
            padding-bottom: 2rem;
        }

        .sptb-30 {
            padding-top: 4.2rem;
            padding-bottom: 2rem;
        }

        .sptb-31 {
            padding-top: 42rem;
            padding-bottom: 2rem;
        }

        .sptb-32 {
            padding-top: 9rem;
            padding-bottom: 13rem;
        }

        .sptb-33 {
            padding-top: 6rem;
            padding-bottom: 23rem;
        }

        .sptb-3,
        .sptb-4 {
            padding-top: 6.2rem;
            padding-bottom: 11rem;
        }

        .sptb-8 {
            padding-top: 5rem;
            padding-bottom: 14rem;
        }

        .sptb-8-8 {
            padding-top: 0;
            padding-bottom: 5rem;
        }

        .sptb-content {
            padding-top: 7rem !important;
            padding-bottom: 12rem;
        }

        .container-fluid.container-platinum.sptb-content-5 {
            padding-top: 1.5rem !important;
            padding-bottom: 3rem !important;
        }

        .sptb-content-2 {
            padding-top: 7rem;
            padding-bottom: 1rem;
            background-color: transparent !important;
        }

        .sptb-content-3 {
            padding-top: 10rem;
            padding-bottom: 1rem;
        }

        .sptb-content-4 {
            padding-top: 5rem;
            padding-bottom: 0rem;
        }

        .sptb-content-6 {
            padding-top: 4rem;
            padding-bottom: 2rem;
        }

        .sptb-content-7 {
            padding-top: 7rem;
            padding-bottom: 1rem;
        }

        .mt-6 {
            margin-top: 3.25rem;
        }

        @media (max-width: 1024px) {
            .sptb-content-6 {
                padding-top: 2rem !important;
                padding-bottom: 3rem !important;
            }

            .sptb-8 {
                padding-top: 3rem;
                padding-bottom: 14rem;
            }

            .sptb-8-8 {
                padding-top: 3rem;
                padding-bottom: 3rem;
            }
        }

        @media (max-width: 991px) {
            .sptb-1 {
                padding-top: 4rem;
                padding-bottom: 4rem;
            }
            .sptb-content-7 {
                padding-top: 0rem;
                padding-bottom: 1rem;
            }

            .sptb-12 {
                padding-top: 4.5rem;
                padding-bottom: 4.5rem;
            }
        }

        @media (max-width: 767px) {

            .sptb-12 {
                padding-bottom: 6rem;
            }
        }

        @media (max-width: 575px) {

            .sptb-12 {
                padding-top: 4.5rem;
                padding-bottom: 4.5rem;
            }
        }


        /*-------- Font Sizes -------*/
        .fs-10 {
            font-size: 0.625rem !important;
        }

        .fs-12 {
            font-size: 0.75rem !important;
        }

        .fs-13 {
            font-size: 0.8125rem !important;
        }

        .fs-14 {
            font-size: 0.875rem !important;
        }

        .fs-15 {
            font-size: 0.9375rem !important;
        }

        .fs-16 {
            font-size: 1rem !important;
        }

        .fs-18 {
            font-size: 1.125rem !important;
        }

        .fs-20 {
            font-size: 1.25rem !important;
        }

        .fs-22 {
            font-size: 1.375rem !important;
        }

        .fs-24 {
            font-size: 1.5rem !important;
        }

        .fs-26 {
            font-size: 1.625rem !important;
        }

        .fs-28 {
            font-size: 1.75rem !important;
        }

        .fs-30 {
            font-size: 1.875rem !important;
        }

        .fs-32 {
            font-size: 2rem !important;
        }

        .fs-35 {
            font-size: 2.1875rem !important;
        }

        .fs-38 {
            font-size: 2.375rem !important;
        }

        .fs-40 {
            font-size: 2.5rem !important;
        }

        .fs-45 {
            font-size: 2.7rem !important;
        }

        .fs-50 {
            font-size: 3.125rem !important;
        }

        .fs-60 {
            font-size: 60px !important;
        }

        .fs-70 {
            font-size: 70px !important;
        }

        .fs-80 {
            font-size: 80px !important;
        }

        .fs-90 {
            font-size: 90px !important;
        }

        .fs-100 {
            font-size: 100px !important;
        }

        /*---------------------container CSS-----------------------*/
        /* .container-fluid.container-platinum {
            padding: 0 225px!important;
        } */

        .container-fluid.container-platinum {
            padding: 0 210px !important;
        }

        .container-fluid.container-platinum2 {
            padding: 0 225px !important;
        }

        @media only screen and (max-width: 1399px) {
            .container-fluid.container-platinum {
                padding: 0 140px !important;
            }

            .container-fluid.container-platinum2 {
                padding: 0 140px !important;
            }
        }

        @media only screen and (max-width: 1085px) {
            .container-fluid.container-platinum {
                padding: 0 80px !important;
            }

            .container-fluid.container-platinum2 {
                padding: 0 80px !important;
            }
        }

        @media only screen and (max-width: 991px) {
            .container-fluid.container-platinum {
                padding: 0 90px !important;
            }

            .container-fluid.container-platinum2 {
                padding: 0 90px !important;
            }
        }

        @media only screen and (max-width:767px) {
            .container-fluid.container-platinum {
                padding: 0 60px !important;
            }

            .container-fluid.container-platinum2 {
                padding: 0 60px !important;
            }
        }

        @media only screen and (max-width:414px) {
            .container-fluid.container-platinum {
                padding: 0 30px !important;
            }

            .container-fluid.container-platinum2 {
                padding: 0 30px !important;
            }
        }

        @media only screen and (max-width:767px) {
            .container-fluid.container-platinum.container-table {
                padding: 0 20px !important;
                margin-left: auto;
                margin-right: auto;
            }
        }

        @media only screen and (max-width:639px) {
            .container-fluid.container-platinum.container-table {
                padding: 0 10px !important;
            }
        }

        /* -----------------------hide system-----------------------*/

        br.hide-583 {
            display: block;
        }

        .hide-461 {
            display: block;
        }

        .hide-xs {
            display: none;
        }

        .rb-hide {
            display: none;
        }

        @media (max-width: 583px) {
            br.hide-583 {
                display: none;
            }
        }

        @media (max-width: 572px) {
            br.hide-583 {
                display: none;
            }
        }

        @media (max-width: 461px) {
            .hide-461 {
                display: none;
            }
        }

        /* -----------------------show system-----------------------*/

        .show-lg {
            display: none !important;
        }

        .show-md {
            display: none !important;
        }

        .show-md-2 {
            display: none !important;
        }

        .show-575 {
            display: none !important;
        }

        .show-xxs {
            display: none !important;
        }

        @media only screen and (max-width: 1199px) {
            .show-lg {
                display: block !important;
            }
        }

        @media only screen and (max-width: 1104px) {
            .show-lg-2 {
                display: block !important;
            }
        }

        @media (max-width: 991px) {
            .show-md {
                display: block !important;
            }
        }

        @media (max-width: 767px) {
            .show-md-2 {
                display: block !important;
            }
        }

        @media (max-width: 425px) {
            .show-xxs {
                display: block !important;
            }
        }

        @media (max-width:379px) {
            .hide-xs {
                display: block;
            }
        }

        @media (max-width: 575px) {
            .show-575 {
                display: block !important;
            }

        }

        @media (max-width: 519px) {
            .show-575 {
                display: none !important;
            }
        }

        /* -----------------------header-css-----------------------*/

        .h2,
        h2 {
            font-family: "FC Minimal" !important;
        }

        .h3,
        h3 {
            font-family: "FC Minimal" !important;
        }

        .h4,
        h4 {
            font-family: "FC Minimal" !important;
        }

        .textwidget {
            font-family: "FC Minimal" !important;
        }

        .crop-vdo {
            margin: 70px auto;
        }

        .logo-main {
            opacity: 1 !important;
            width:200px !important;
        }

        #qodef-page-outer {
            margin-top: -126px;
        }

        #qodef-page-header .qodef-widget-holder {
            margin-top: 20px;
        }

        .qodef-mobile-header-navigation {
            font-family: "FC Minimal" !important;
        }

        .qodef-mobile-header-opener svg {
            color: #fff;
        }

        #qodef-page-mobile-header {
            background-color: #060606;
            border-bottom: 0.5px solid rgb(255 255 255 / 41%);
        }

        @media only screen and (max-width: 1024px) {
            #qodef-page-outer {
                margin-top: -70px;
            }
        }

        #qodef-custom-cursor .qodef-cursor-dot-small {
            background-color: #ffffff !important;
        }

        #qodef-page-footer-top-area {
            background-color: #000;
        }

        #qodef-page-footer-bottom-area {
            background-color: #000;
        }

        #qodef-fullscreen-area {
            background-image: url(wp-content/uploads/2021/03/fs-menubg.jpg);
        }

        body {
            background-color: #161616;
        }

        .qodef-icon {
            color: #ffffffad;
            font-size: 11px;
        }

        .qodef-menu-item-text {
            font-size: 17px;
            transition: 0.3s;
        }

        .qodef-menu-item-text:hover {
            color: #00AFAB;
        }

        .qodef-menu-item-text.active {
            color: #ff1000;
        }

        .qodef-menu-item-text.text-danger {
            font-size: 15px !important;
            transition: 0.3s;
            color: #de0000;
        }

        .qodef-menu-item-text.text-danger:hover {
            color: #890000 !important;
        }


        #qodef-top-area {
            background-color: rgba(255, 255, 255, 0);
        }

        #qodef-top-area-inner {
            height: 40px;
            padding-left: 60px;
            padding-right: 60px;
        }

        .qodef-header-navigation>ul {
            top: 8px;
        }

        .qodef-header-navigation>ul>li>a {
            font-family: "FC Minimal" !important;
            font-size: 17px;
            line-height: 1.6em;
            font-weight: 500;
            color: #878787;
            font-size: 17px;
            color: #171717;
        }


        #qodef-side-area {
            width: 35.5%;
            right: -35.5%;
            background-image: url(wp-content/uploads/2021/02/Sidearea-bg-img.png);
        }

        .qodef-page-title .qodef-breadcrumbs span {
            color: rgba(255, 255, 255, 0.8);
            transition: 0.3s;
        }

        .qodef-page-title .qodef-breadcrumbs a:hover span {
            color: rgba(255, 255, 255, 0.8);
        }

        .tex-user-01 {
            font-size: 13px;
            font-weight: 400;
            padding: 0px 15px;
            color: #ffffff;
            display: block;
            transition: 0.3s;
        }

        span .tex-user-01:hover {
            color: #00AFAB;
        }

        @media only screen and (max-width: 1024px) {
            .qodef-page-title .qodef-m-content {
                padding-top: 70px;
            }
        }

        .qodef-header--standard #qodef-page-header {
            background-color: rgba(255, 255, 255, 0);
        }

        .qodef-header--standard #qodef-page-header-inner {
            padding-left: 60px;
            padding-right: 60px;
        }

        .qodef-mobile-header--standard #qodef-page-mobile-header-inner {
            padding-left: 8%;
            padding-right: 8%;
        }

        .qodef-header-navigation>ul>li {
            height: 100%;
            margin: 0px 15px;
        }

        @media only screen and (max-width: 1150px) {
            .qodef-menu-item-text {
                font-size: 14px;
                font-family: "FC Minimal" !important;
            }

            #qodef-page-header .qodef-widget-holder {
                margin-top: 15px;
            }

            .tex-rg-01 {
                font-size: 14px;
                font-family: "FC Minimal" !important;
            }

            .qodef-woo-dropdown-cart .qodef-m-opener {
                margin: 0;
            }

            .qodef-header-navigation>ul>li {
                margin: 0px 10px;
            }
        }

        @media only screen and (max-width: 1024px) {
            #qodef-page-inner {
                padding: 0px;
            }

            .qodef-menu-item-text {
                font-size: 15px;
            }
        }

        /* ------------------- Header Btn ---------------- */
        .show-md {
            display: none !important;
        }

        .show-lg {
            display: none !important;
        }

        .btn-use-program {
            line-height: 110%;
            background-color: #00AFAB !important;
            color: #fafafa !important;
            font-weight: 600 !important;
            font-size: 18px;
            padding: 7px 20px !important;
            transition: 0.3s;
        }

        .btn-use-program:hover {
            color: #eee !important;
            background-color: #007b79 !important;
        }

        @media only screen and (max-width: 1199px) {
            .show-lg {
                display: block !important;
            }

            .btn-use-program {
                font-size: 14px !important;
                margin-top: -15px;
            }
        }

        @media only screen and (max-width: 1104px) {
            .show-md {
                display: block !important;
            }

            .btn-use-program {
                font-size: 12px !important;
                margin-top: -10px;
            }
        }

        @media only screen and (max-width: 991px) {
            .btn-use-program {
                font-size: 14px !important;
                margin-top: 0px;
            }
        }

        /* ------------------- Header text ---------------- */

        .tex-main01 {
            height: auto;
            color: rgb(255, 255, 255);
            text-decoration: none;
            white-space: normal;
            width: 711px;
            min-height: 0px;
            min-width: 0px;
            max-height: none;
            max-width: none;
            text-align: left;
            line-height: 70px;
            letter-spacing: 0px;
            font-weight: 500;
            font-size: 65px;
            transform-origin: 50% 50%;
            opacity: 1;
            transform: translate(0px, -1px);
            visibility: visible;
        }

        .text-sub-banner {
            font-family: "FC Minimal" !important;
            width: max-content;
            font-weight: 500 !important;
            font-size: 70px !important;
            background: linear-gradient(247deg, rgba(88, 252, 197, 1) 0%, rgba(120, 92, 210, 1) 58%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .hide-xs {
            display: none;
        }

        @media screen and (max-width: 1399px) {
            .text-sub-banner {
                font-size: 60px !important;
            }
        }

        @media screen and (max-width:991px) {
            .text-sub-banner {
                margin: auto;
            }
        }

        @media screen and (max-width: 767px) {
            .text-sub-banner {
                font-size: 50px !important;
            }
        }

        @media screen and (max-width:575px) {
            .text-sub-banner {
                font-size: 40px !important;
            }
        }

        @media screen and (max-width:499px) {
            .text-sub-banner {
                font-size: 35px !important;
            }
        }

        @media screen and (max-width:379px) {
            .hide-xs {
                display: block;
            }
        }

        .text-sub1 {
            margin: auto;
            font-family: "FC Minimal" !important;
            width: max-content;
            font-weight: 400 !important;
            font-size: 30px !important;
            background: linear-gradient(247deg, rgba(88, 252, 197, 1) 0%, rgba(120, 92, 210, 1) 58%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .tex-platinum01 {
            background: rgb(88, 252, 197);
            background: linear-gradient(283deg, rgba(88, 252, 197, 1) 0%, rgba(97, 207, 200, 1) 34%, rgba(119, 91, 208, 1) 68%);
            font-weight: 700 !important;
            -webkit-text-fill-color: transparent;
            -webkit-background-clip: text;
            letter-spacing: 4px;
            font-size: 55px !important;
            font-family: "FC Minimal" !important;
            width: max-content;
            text-align: center;
            margin: auto;
        }

        .tex-sub2 {
            font-family: "FC Minimal" !important;
            line-height: 55px;
            letter-spacing: 13px;
            font-weight: 500;
            font-size: 20px !important;
            color: #999999;
        }

        .tex-sub-main {
            letter-spacing: 1px;
            font-size: 18px !important;
            color: #fff;
        }

        .text-c-2 {
            color: #f7f7f7;
            font-weight: 400 !important;
        }

        h2.tex-sub-main {
            line-height: 140%;
            font-size: 22px !important;
            color: #f7f7f7;
            font-weight: 400 !important;
        }

        .tex-platinum-box {
            font-family: "FC Minimal" !important;
            font-weight: 400;
            font-size: 22px !important;
            color: #c9c9c9;
        }

        .mt-tex-box {
            margin-top: 50px;
        }

        .p0 {
            padding: 0;
        }

        .m-tb-0 {
            margin: 0px;
        }

        .m-tb {
            margin: auto;
        }

        #qodef-page-wrapper {
            background-color: #060606;
        }

        .text-main {
            font-family: "FC Minimal" !important;
            color: #fff;
            font-weight: 600;
            font-size: 48px;
            margin-top: 20px;
        }

        @media (max-width: 991px) {
            .text-main {
                font-size: 40px;
            }
        }

        @media (max-width: 767px){
            .text-sub1 {
                font-size: 20px !important;
            }
        }

        @media (max-width: 575px) {
            .text-main {
                font-size: 35px;
            }
        }

        @media (max-width: 640px) {
            h2.tex-sub-main {
                font-size: 18px !important;
            }
        }

        @media (max-width: 499px) {
            h2.tex-sub-main {
                font-size: 16px !important;
            }
        }

        @media (max-width: 461px) {
            .text-main {
                font-size: 32px;
            }
        }

        @media (max-width: 432px) {
            .text-main {
                font-size: 28px;
            }
        }

        .text-head1 {
            z-index: 9;
            font-family: "FC Minimal" !important;
            height: auto;
            color: #c9c9c9;
            line-height: 140%;
            font-weight: 500;
            font-size: 37px !important;
            transform: translate(0px, -1px);
            padding: 0px;
        }

        /* ----------BOX Set--------- */
        .button-set {
            display: flex;
        }

        .bg-sub-btn-2 {
            background-color: rgba(136, 142, 160, 0.5) !important;
            color: #fff !important;
            font-weight: 600 !important;
            padding: 7px 24px !important;
            transition: 0.3s;
            margin: 0 10px 0 0;
            border: none !important;
        }

        .bg-sub-btn-2:hover {
            color: #EBEBEB !important;
            background-color: #33363e !important;
        }

        .bg-sub-btn-2:focus {
            outline: none !important;
            box-shadow: none !important;
            color: #EBEBEB !important;
            background-color: #434651 !important;
        }

        /* -----------Text Set----------- */
        .text-pr {
            font-size: 26px;
            color: #c3c3c3;
            font-weight: 400;
            margin-top: 10px;
            margin-bottom: 45px;
        }

        .tex-d-t {
            letter-spacing: 1px;
            font-size: 20px !important;
            color: #f7f7f7;
        }

        .tex-btn-platinum {
            font-family: "FC Minimal";
            font-size: 25px !important;
            background: linear-gradient(266deg, rgba(108, 255, 191, 1) 30%, rgba(106, 81, 223, 1) 70%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .tex-btn-platinum.tex-btn-gold {
            background: linear-gradient(270deg, rgb(253, 255, 164, 1) 10%, rgba(155, 115, 12, 1) 80%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .tex-btn-platinum.tex-btn-gold {
            background: linear-gradient(265deg, rgba(255, 253, 173, 1) 0%, rgba(212, 182, 86, 1) 35%, rgba(213, 155, 63, 1) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .tex-btn-platinum.tex-sillver {
            background: linear-gradient(270deg, rgb(208, 208, 229, 1) 10%, rgb(103, 104, 129, 1) 80%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        @media (max-width: 485px) {
            .text-sub1.m-tb {
                margin: 10px auto 5px;
            }
        }

        .box-btn-sub1 {
            font-size: 15px !important;
            font-weight: 600 !important;
            padding: 5px 15px;
            width: 62px;
            border-radius: 30px;
            position: relative;
            background: linear-gradient(270deg, rgba(108, 255, 191, 1) 10%, rgba(106, 81, 223, 1) 80%);
        }

        .box-btn-sub2 {
            font-size: 15px !important;
            font-weight: 600 !important;
            padding: 5px 15px;
            border-radius: 30px;
            position: relative;
            background: linear-gradient(270deg, rgb(253, 255, 164, 1) 10%, rgba(155, 115, 12, 1) 80%);
        }

        .box-btn-sub3 {
            font-size: 15px !important;
            font-weight: 600 !important;
            padding: 5px 15px;
            border-radius: 30px;
            position: relative;
            background: linear-gradient(270deg, rgb(208, 208, 229, 1) 10%, rgb(103, 104, 129, 1) 80%);
        }

        .butt-crop-platinum1 {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            font-size: 14px;
            line-height: 1.78em;
            text-decoration: none;
            transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out;
            border-radius: 15px;
            width: 200px;
            color: #FFFFFF;
            border: double 1.5px transparent;
            background-image: linear-gradient(#343330, #2a2824), radial-gradient(circle at top left, #6A51DF, #6CFFBF);
            background-origin: border-box;
            background-clip: content-box, border-box;
            transition: 0.3s;

        }

        .box-padding {
            padding: 10px 20px;
        }


        @media (max-width: 1399px) {
            .text-head1 {
                font-size: 30px !important;
            }
        }

        @media (max-width: 640px) {
            .butt-crop-platinum1 {
                display: flex;
                width: 222px;
                margin: auto;
            }

            .box-btn-sub1 {
                margin-left: 10px;
            }
        }

        @media (max-width: 560px) {
            .butt-crop-platinum1 {
                width: 203px;
            }
        }

        .butt-crop-platinum2 {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            font-size: 14px;
            line-height: 1.78em;
            text-decoration: none;
            transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out;
            border-radius: 15px;
            width: 200px;
            color: #FFFFFF;
            border: double 1.5px transparent;
            background-image: linear-gradient(#343330, #2a2824), radial-gradient(circle at top left, #9B730C, #FDFFAD);
            background-origin: border-box;
            background-clip: content-box, border-box;
            transition: 0.3s;
        }

        @media (max-width: 640px) {
            .butt-crop-platinum2 {
                display: flex;
                width: 222px;
                margin: auto;
            }

            .box-btn-sub2 {
                margin-left: 60px;
            }
        }

        @media (max-width: 560px) {
            .butt-crop-platinum2 {
                width: 203px;
            }

            .box-btn-sub2 {
                margin-left: 50px;
            }
        }

        .butt-crop-platinum3 {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            font-size: 14px;
            line-height: 1.78em;
            text-decoration: none;
            transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out;
            border-radius: 15px;
            width: 200px;
            color: #FFFFFF;
            border: double 1.5px transparent;
            background-image: linear-gradient(#343330, #2a2824), radial-gradient(circle at top left, #676881, #D0D0E5);
            background-origin: border-box;
            background-clip: content-box, border-box;
            transition: 0.3s;
        }

        @media (max-width: 640px) {
            .butt-crop-platinum3 {
                display: flex;
                width: 222px;
                margin: auto;
            }

            .box-padding {
                display: flex;
            }

            .box-btn-sub3 {
                margin-left: 50px;
            }
        }

        @media (max-width: 560px) {
            .butt-crop-platinum3 {
                width: 203px;
            }

            .box-btn-sub3 {
                margin-left: 40px;
            }
        }

        .butt-crop-platinum1:hover {
            background-image: linear-gradient(#242424, #242424), radial-gradient(circle at top left, #6A51DF, #6CFFBF);
            text-decoration: none;
            color: #FFFFFF;
        }

        .butt-crop-platinum2:hover {
            background-image: linear-gradient(#242424, #242424), radial-gradient(circle at top left, #9B730C, #FDFFAD);
            text-decoration: none;
            color: #FFFFFF;
        }

        .butt-crop-platinum3:hover {
            background-image: linear-gradient(#242424, #242424), radial-gradient(circle at top left, #676881, #D0D0E5);
            text-decoration: none;
            color: #FFFFFF;
        }

        .qodef-button.qodef-html--link.butt-crop-platinum1:hover {
            border-radius: 8px;
            background-color: #ffffff !important;
            text-decoration: none;
        }

        .qodef-button.qodef-html--link {
            width: 240px;
        }

        .box-detail-top {
            position: absolute;
            top: 230px;
            padding: 20px 0px;
            margin: 30px 0px;
        }

        .box-crop {
            position: relative;
            right: -67px;
            top: -80px;
            z-index: 999;
        }

        .crop-box-bannerplatinum {
            margin-top: 170px !important;
        }

        .box-view {
            top: 200px;
        }

        .tex-sub-main {
            letter-spacing: 0px;
            font-size: 20px !important;
            color: #c9c9c9;
        }

        .btn-main-01 {
            padding: 50px 0;
        }

        .tex-center {
            text-align: center;
            margin: auto;
        }

        .box-g1-platinum {
            padding: 15px 0 75px;
        }

        .box-crop-platinum-detail {
            margin: 100px 0;
        }

        /* -------------Device----------- */
        .device-01 {
            height: 85% !important;
            width: 82% !important;
            top: 41px;
            right: -12px;
        }

        .device-02 {
            height: 92% !important;
            width: 92% !important;
            top: 20px;
            right: 0px;
        }

        .qodef-woo-dropdown-cart .qodef-m-opener .qodef-m-opener-count,
        .qodef-woo-dropdown-cart .qodef-m-opener .qodef-m-opener-icon {
            font-size: 1rem;
            line-height: 1.8em;
            font-weight: 400;
            letter-spacing: 0;
            color: #ffffff;
        }

        .line-rg-m {
            padding: 0 10px;
            color: #000000;
        }

        .line-rg01 {
            padding: 0 10px;
            color: #ffffff;
        }

        .tex-rg-m {
            color: #000000;
            font-size: 15px;
            font-weight: 400;
        }

        .tex-rg-01 {
            color: #ffffff !important;
            transition: 0.3s;
        }

        .tex-rg-01:hover {
            color: #00AFAB !important;
            text-decoration: none;
        }

        .box-main-section-bt-platinum {
            /* margin-top: 20px; */
            margin: 0 -15px;
        }

        .img-device-platinum {
            margin: 40px -140px;
            width: 130%;
        }

        /* ////////////////package/////////////////////////////////////// */

        .box-package-p {
            border: double 1.5px transparent;
            background-image: linear-gradient(#0f0f0f, #0f0f0f), radial-gradient(circle at top left, #6A51DF, #6CFFBF);
            background-origin: border-box;
            background-clip: content-box, border-box;
            text-align: center;
            border-radius: 15px;
            margin: 15px auto;
            line-height: 35px;
        }

        .box-package-p-2 {
            border: double 1.5px transparent;
            background-image: linear-gradient(#0f0f0f, #0f0f0f), radial-gradient(circle at top left, #6A51DF, #6CFFBF);
            background-origin: border-box;
            background-clip: content-box, border-box;
            border-radius: 15px;
            margin: 15px auto;
            line-height: 35px;
            text-align: center;
        }

        .package-padding {
            padding: 68px 10px;
        }



        @media (max-width: 1399px) {
            .package-padding {
                padding: 45px 10px;
            }
        }

        @media (max-width: 991px) {
            .package-3 {
                margin: auto;
                margin-top: 0px;
            }
        }

        @media (max-width: 767px) {
            .package-3 {
                margin: auto;
                margin-top: 0px;
            }

            a.btn-buy {
                font-size: 16px;
            }
        }

        .tex-platinum-pack {
            font-size: 30px !important;
            font-weight: 500 !important;
            letter-spacing: 3px;
            background: linear-gradient(247deg, rgba(88, 252, 197, 1) 20%, rgba(120, 92, 210, 1) 55%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .box-package-g {
            border: double 1.5px transparent;
            background-image: linear-gradient(#0f0f0f, #0f0f0f), radial-gradient(circle at top left, #9B730C, #FDFFAD);
            background-origin: border-box;
            background-clip: content-box, border-box;
            text-align: center;
            border-radius: 15px;
            margin: 15px auto;
            line-height: 35px;
        }

        .box-package-s {
            border: double 1.5px transparent;
            background-image: linear-gradient(#0f0f0f, #0f0f0f), radial-gradient(circle at top left, #676881, #D0D0E5);
            background-origin: border-box;
            background-clip: content-box, border-box;
            text-align: center;
            border-radius: 15px;
            margin: 15px auto;
            line-height: 35px;
        }

        .crop-box-sell {
            position: absolute;
            right: 0;
            top: 20px;
        }

        .m-tb2 {
            margin: 10px auto 50px;
        }

        .box-crop-highlight {
            margin: 40px auto 60px;
        }

        .tex-detail {
            color: #ffffff;
            font-size: 20px;
            font-weight: 500;
            line-height: 50px;
        }

        .tex-detail.crop-detail-1 {
            padding: 0px 0 0 55px;
        }

        .crop-detail-main {
            margin: 20px 0;
        }

        .icon-list-an {
            width: 30px;
            height: 30px;
            margin: 0 20px 0 0;
            padding: 8px 0px;
        }

        .icon-list-f {
            float: left;
        }

        /* ///////////////crop-teacher///////////////////// */

        .crop-teacher {
            padding: 70px 15%;
        }

        .crop-box-teacher {
            margin: 20px auto;
        }

        .tex-name {
            font-size: 17px;
            font-weight: 500 !important;
            color: #ffffff;
            line-height: 25px;
        }

        p.tex-name {
            font-weight: 400 !important;
            font-size: 15px;
        }

        .box-service-detail {
            padding: 85px 10% 0;
        }

        /* ////////////// */

        .box-lg-none {
            display: none;
        }

        @media screen and (max-width:1825px) {
            .img-device-platinum {
                margin: 40px -80px;
                width: 120%;
            }

            .box-g1-platinum {
                padding: 0px 0 50px;
            }
        }

        @media screen and (max-width:1725px) {
            .tex-sub-main {
                letter-spacing: 0px;
                font-size: 17px !important;
            }

            .tex-d-t {
                letter-spacing: 1px;
                font-size: 17px !important;
                line-height: 70px;
            }

            .tex-detail {
                font-size: 17px;
                line-height: 50px;
            }

            .tex-main {
                height: auto;
                line-height: 10px;
                font-size: 60px !important;
            }

            .tex-platinum01 {
                font-size: 50px !important;
            }

            .box-g1-platinum {
                padding: 0px 0 44px;
            }
        }

        @media screen and (max-width:1719px) {

            .box-service-detail {
                padding: 85px 5% 0;
            }

            .box-crop {
                position: relative;
                right: -67px;
                top: 0px;
            }

            .crop-teacher {
                padding: 70px 10%;
            }

            rs-slides,
            rs-slide,
            rs-slide:before {
                height: 100% !important;
            }

            .box-view.btn-main-01 {
                position: relative;
                top: 0px !important;
                text-align: center;
            }

            .elementor-1569 .elementor-element.elementor-element-9bf34bb {
                margin-top: 70px !important;
                margin-bottom: 0px;
                padding: 0px 0px 0px 0px;
            }
        }

        @media screen and (max-width:1600px) {
            .img-device-platinum {
                margin: 56px -85px;
                width: 125%;
            }
        }

        @media screen and (max-width:1550px) {

            .tex-sub-main {
                width: 80%;
            }

            .img-device-platinum {
                margin: 65px -115px;
                width: 131%;
            }
        }

        @media screen and (max-width:1480px) {
            .img-device-platinum {
                margin: 85px -86px;
                width: 130%;
            }
        }

        @media screen and (max-width:1399px) {

            .box-crop-platinum-detail {
                margin: 65px 0;
            }

            .img-device-platinum {
                margin: 40px -115px;
                width: 130%;
            }
        }

        @media screen and (max-width:1366px) {
            .box-service-detail {
                padding: 85px 0% 0;
            }
        }

        @media screen and (max-width:1300px) {

            .crop-teacher {
                padding: 40px 0 99px;
            }

            .tex-main {
                height: auto;
                line-height: 15px;
                font-size: 50px !important;
            }

            .tex-platinum01 {
                font-size: 40px !important;
            }
        }

        @media screen and (max-width:1199px) {
            .box-crop {
                position: relative;
                right: 0px;
                top: 0px;
            }

            .tex-sub1 {
                top: 0px;
            }

            .tex-main {
                font-size: 43px !important;
            }

            .tex-d-t {
                font-size: 17px !important;
                line-height: 50px;
            }

            .tex-platinum01 {
                font-size: 40px !important;
            }

            .tex-detail {
                font-size: 17px;
                line-height: 50px;
            }

            .box-detail-top {
                top: 180px;
            }

            .img-device-platinum {
                margin: 53px -83px;
                width: 129%;
            }

        }

        @media screen and (max-width:1150px) {
            .img-device-platinum {
                margin: 86px -60px;
                width: 125%;
            }
        }

        @media screen and (max-width:1024px) {
            .tex-d-t {
                font-size: 17px !important;
                line-height: 50px;
            }

            .box-main-section-bt-platinum {
                margin: 0 5px;
            }
        }

        @media screen and (max-width:991px) {
            .button-set {
                justify-content: center;
            }

            .box-package {
                width: 425px;
            }

            .tex-detail {
                line-height: 35px;
            }

            .crop-detail-main {
                margin: 35px 0;
            }

            .box-service-detail {
                padding: 90px 0 0;
            }

            .crop-teacher {
                padding: 40px 0 150px;
            }

            .tex-d-t {
                font-size: 17px !important;
                line-height: 50px;
            }

            .box-crop-highlight {
                margin: 20px auto 60px;
            }

            .crop-box-sell {
                position: absolute;
                left: 55%;
                top: 20px;
                width: 185px;
            }

            .img-device-platinum {
                margin: 0 auto;
                width: 100%;
            }

            .tex-sub-main {
                width: 100%;
                text-align: center;
            }

            .tex-sub-main br {
                display: none;
            }

            .tex-sub1 {
                margin: auto;
            }

            .box-crop-platinum-detail {
                text-align: center;
            }

            .box-crop-platinum-detail {
                margin: 0px 0 50px;
            }

            .elementor-1569 .elementor-element.elementor-element-9bf34bb {
                margin-top: 30px !important;
                margin-bottom: 0px;
            }

            .box-g1-platinum {
                padding: 0px 0 20px;
            }
        }

        @media screen and (max-width:875px) {
            .box-main-section-bt-platinum {
                margin: 0 0px;
            }
        }

        @media screen and (max-width:767px) {
            .box-package {
                width: auto;
            }

            .crop-detail-main {
                margin: 20px 0;
            }

            .elementor-1569 .elementor-element.elementor-element-9bf34bb {
                margin-top: 0 !important;
            }

            .box-service-detail {
                padding: 65px 0 0;
            }

            .box-package {
                width: 440px;
            }

            .crop-box-sell {
                position: absolute;
                left: 54%;
                top: 20px;
                width: 185px;
            }

            .tex-d-t {
                font-size: 17px !important;
                line-height: 30px;
                width: 80%;
                text-align: center;
                margin: 5px auto;
            }

            .p-t-lineh {
                line-height: 60px;
            }
        }

        @media screen and (max-width:680px) {
            .qodef-frame-slider-holder .qodef-m-item {
                margin: 2% 10% 0;
                padding-left: 71%;
                padding-top: 46%;
            }

            .tex-main {
                line-height: 50px;
            }

            .tex-d-t {
                line-height: 30px;
            }

            .crop-box-sell {
                position: absolute;
                left: 58%;
                top: 20px;
                width: 185px;
            }

            .mt-tex-box {
                margin-top: 20px;
            }
        }

        @media screen and (max-width:640px) {
            .button-set {
                display: block;
            }
        }

        @media screen and (max-width:580px) {
            .box-package {
                width: 375px;
            }

            .crop-box-sell {
                position: absolute;
                left: 52%;
                top: 20px;
                width: 185px;
            }
        }

        @media screen and (max-width:560px) {
            .tex-btn-platinum {
                font-size: 20px !important;
            }
        }

        @media screen and (max-width:515px) {

            .qodef-button.qodef-html--link {
                line-height: 10px;
                padding: 21px 46px;
            }
        }

        @media screen and (max-width:485px) {
            .tex-main {
                font-size: 30px !important;
                line-height: 30px;
            }

            .tex-d-t {
                line-height: 25px;
                font-size: 15px !important;
            }

            .tex-detail {
                font-size: 15px;
                line-height: 30px;
            }

            .tex-platinum-sub2 {
                font-size: 15px !important;
            }

            .mt-tex-box {
                margin-top: 25px;
            }

            .m-tb {
                margin: 50px auto 5px;
            }

            .tex-platinum01 {
                font-size: 30px !important;
            }

            .box-crop-btn-platinum-head {
                right: 0px;
                left: 17%;
            }
        }

        @media screen and (max-width:480px) {
            .qodef-frame-slider-holder .qodef-m-item {
                margin: 2% 10% 0;
                padding-left: 71%;
                padding-top: 46%;
            }

            .box-package {
                width: auto;
            }

            .tex-sub2 {
                font-family: "FC Minimal" !important;
                letter-spacing: 7px;
                font-size: 15px !important;
            }

            .crop-box-sell {
                position: absolute;
                left: 52%;
                top: 20px;
                width: 185px;
            }

            .box-crop-btn-platinum-head {
                position: inherit;
                right: 0px;
                left: 16%;
                text-align: inherit;
            }
        }

        @media screen and (max-width:470px) {
            .crop-box-sell {
                position: absolute;
                left: 47%;
                top: 20px;
                width: 185px;
            }

            .tex-d-t {
                line-height: 25px;
                font-size: 15px !important;
            }

            .box-crop-btn-platinum-head {
                position: inherit;
                right: 0px;
                left: 15%;
                text-align: inherit;
            }
        }

        @media screen and (max-width:440px) {
            .tex-d-t {
                line-height: 25px;
                font-size: 15px !important;
            }

            .m-tb-0 {
                margin: 0 0 10px 0;
            }

            .tex-name {
                font-size: 15px;
            }

            p.tex-name {
                font-size: 14px;
            }

            .tex-main {
                font-size: 29px !important;
                line-height: 30px;
            }

            .tex-platinum-pack {
                font-size: 28px !important;
            }

            .tex-sub2 {
                letter-spacing: 7px;
                font-size: 15px !important;
            }

            .box-crop-btn-platinum-head {
                right: 0px;
                left: 13%;
            }
        }

        @media screen and (max-width:414px) {
            .tex-detail {
                line-height: 25px;
                font-size: 15px;
            }

            .tex-detail.crop-detail-1 {
                padding: 5px 0 0 55px;
            }

            .box-package {
                padding: 60px 10px;
                margin: 20px auto;
            }

            .crop-box-sell {
                position: absolute;
                top: 0px;
                width: 185px;
                left: unset;
                right: 0px;
            }

            .box-crop-btn-platinum-head {
                right: 0px;
                left: 11%;
            }
        }

        @media screen and (max-width: 380px) {
            .box-crop-btn-platinum-head {
                right: 0px;
                left: 9%;
            }
        }

        @media screen and (max-width: 375px) {
            .box-crop-btn-platinum-head {
                right: 0px;
                left: 8%;
            }
        }

        @media screen and (max-width:360px) {
            .tex-sub1 {
                text-align: center;
                letter-spacing: 6px !important;
                font-size: 17px !important;
            }

            .box-crop-btn-platinum-head {
                right: 0px;
                left: 6%;
            }
        }

        @media screen and (max-width:340px) {
            .box-crop-btn-platinum-head {
                right: 0px;
                left: 3%;
            }
        }

        @media screen and (max-width:320px) {
            .box-crop-btn-platinum-head {
                right: 0px;
                left: 0%;
            }
        }

        /* -------------------------------------- OLD tex-footter//////////////////// */

        .tex-footter-sub {
            font-size: 13px !important;
            font-weight: 400;
            color: #ffffff !important;
            font-family: "FC Minimal" !important;
        }

        #qodef-page-footer-top-area .qodef-grid.qodef-layout--columns.qodef-col-num--6>.qodef-grid-inner>.qodef-grid-item:nth-child(1),
        #qodef-page-footer-top-area .qodef-grid.qodef-layout--columns.qodef-col-num--6>.qodef-grid-inner>.qodef-grid-item:nth-child(2) {
            margin-bottom: 30px !important;
        }

        #qodef-page-footer-top-area {
            background-color: #000 !important;
        }

        #qodef-page-footer-bottom-area {
            background-color: #000 !important;
        }

        #qodef-page-footer-top-area-inner {
            padding: 35px 0 70px !important;
            border-top: 0 solid #d2d2d2;
        }

        #qodef-page-footer .widget ul:not(.qodef-shortcode-list) li {
            margin: 17px 0 4px;
        }

        #qodef-page-footer .widget a {
            color: #cccccc;
        }

        .menu-item-132 {
            color: #fff;
        }

        .tex-footter h2 {
            font-size: 20px;
        }

        .tex-white {
            color: #ffffff;
        }

        @media screen and (max-width:885px) {
            #qodef-page-footer-top-area-inner {
                padding: 35px 32px 70px 32px !important;
            }
        }

        @media screen and (max-width:840px) {
            #qodef-page-footer-top-area-inner {
                padding: 35px 8% 70px 5% !important;
            }
        }

        @media screen and (max-width:800px) {
            #qodef-page-footer-top-area-inner {
                padding: 35px 0 70px !important;
            }
        }

        /* --------------------------------------------- NEW tex-footter//////////////////// */


        /* -------------Hero Banner----------- */
        .hero-banner {
            background-image: linear-gradient(to left, rgba(0, 0, 0, 0.15), rgb(0 0 0 / 55%), rgb(0 0 0 / 71%), rgb(0, 0, 0)), url(../image/banner/program-banner.webp);
            background-size: cover;
            background-repeat: no-repeat;
            position: relative;
            margin-top: -50px;
        }

        .hero-banner {
            background-position: top right 20%;
        }

        @media (max-width: 1024px) {
            .hero-banner {
                margin-top: -120px;
            }
        }

        @media (max-width: 991px) {
            .hero-banner {
                background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 1)), url(../image/banner/program-banner-4.webp);
                background-size: cover;
                background-repeat: no-repeat;
                position: relative;
            }

            .hero-banner {
                background-position: top 50% center;
            }

            .sptb-27 {
                padding-bottom: 1.5rem;
            }
        }
        
      /*  @media (max-width: 640px) {
            .hero-banner {
                background-image: linear-gradient(to top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.8)), url(../image/banner/program-banner-3.webp);
                background-size: cover;
                background-repeat: no-repeat;
                position: relative;
            }

            .sptb-27 {
                padding-bottom: 25rem;
            }

            .hero-banner {
                background-position: top right 50%;
            }
        }*/

        @media (max-width: 449px) {
            .tex-sub-main {
                width: 102% !important;
                margin: auto !important;
            }
        }

        @media (max-width: 449px) {
            .tex-sub-main {
                width: 103% !important;
            }
        }

        @media (max-width: 439px) {
            .tex-sub-main {
                width: 104% !important;
            }
        }

        @media (max-width: 436px) {
            .tex-sub-main {
                width: 105% !important;
            }
        }

        @media (max-width: 433px) {
            .tex-sub-main {
                width: 94% !important;
            }
        }

        @media (max-width: 410px) {
            .tex-sub-main {
                width: 84% !important;
            }
        }

        .text-package {
            color: #00AFAB;
            font-size: 18px;
        }

        #myDIV {
            height: 30px;
            animation: mymove 5s infinite;
        }

        @keyframes mymove {
            50% {
                font-size: 20px;
            }
        }


        /* ---------Text Sub Main---------- */

        .tex-sub-main {
            width: 700px;
        }

        @media (min-width: 641px) {
            .br-text-hlight2 {
                display: none;
            }
        }

        @media (max-width: 1399px) {
            .tex-sub-main {
                font-size: 15px;
                width: 585px;
            }
        }

        @media (max-width: 991px) {
            .tex-sub-main {
                margin: auto;
                width: 580px;
            }
        }

        @media (max-width: 767px) {
            .tex-sub-main {
                width: 510px;
            }
        }

        @media (max-width: 640px) {
            .tex-sub-main {
                width: 90%;
            }
        }

        @media (max-width: 565px) {
            .tex-sub-main {
                margin: auto;
                width: 100%;
            }
        }

        /* ---------BOX PR SET PADDING-------- */


        @media (max-width: 1199px) {
            .tex-sub1 {
                margin-bottom: 20px;
            }
        }

        @media (max-width: 1199px) {
            .text-pr {
                font-size: 30px;
            }
        }

        @media (max-width: 575px) {
            .text-pr {
                font-size: 22px;
            }
        }

        @media (max-width: 485px) {
            .sptb-12 {
                padding-top: 3.5rem;
                padding-bottom: 4.5rem;
            }
        }

        @media (max-width: 461px) {
            .text-pr {
                font-size: 20px;
            }
        }


        /* -----------------Section Video--------------- */

        .box-vdo {
            margin-top: -330px;
        }

        @media (max-width: 1199px) {
            .box-vdo {
                margin-top: -283px;
            }

            .sptb-33 {
                padding-top: 6rem;
                padding-bottom: 20rem;
            }
        }

        @media (max-width: 991px) {
            .box-vdo {
                margin-top: -165px;
            }

            .sptb-33 {
                padding-top: 2rem;
                padding-bottom: 12rem;
            }

            .sptb-05 {
                padding-bottom: 2rem;
            }
        }

        @media (max-width: 767px) {
            .box-vdo {
                margin-top: -90px;
            }

            .sptb-33 {
                padding-top: 4rem;
                padding-bottom: 9rem;
            }

            .sptb-05 {
                padding-bottom: 3rem;
            }
        }

        @media (max-width: 485px) {

            .sptb-33 {
                padding-top: 1rem;
            }
        }


        /* ------------Section Package----------- */
        .day-pack1 {
            background: linear-gradient(to right, #6A51DF 30%, #6CFFBF 60%);
            font-size: 40px;
            margin: auto;
            width: max-content;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        @media (max-width: 1399px) {
            .day-pack1 {
                font-size: 35px;
            }
        }

        @media (max-width: 1199px) {
            .day-pack1 {
                font-size: 30px;
            }
        }

        .day-pack2 {
            background: linear-gradient(90deg, #9B730C 21.33%, #FDFFAD 112.67%);
            font-size: 40px;
            margin: auto;
            width: max-content;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        @media (max-width: 1399px) {
            .day-pack2 {
                font-size: 35px;
            }
        }

        @media (max-width: 1199px) {
            .day-pack2 {
                font-size: 30px;
            }
        }

        .day-pack3 {
            background: linear-gradient(90deg, #676881 16.67%, #D0D0E6 119.33%);
            font-size: 40px;
            margin: auto;
            width: max-content;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        @media (max-width: 1399px) {
            .day-pack3 {
                font-size: 35px;
            }
        }

        @media (max-width: 1199px) {
            .day-pack3 {
                font-size: 30px;
            }
        }

        .money-main1 {
            font-size: 48px;
            font-weight: 400 !important;
            font-family: "FC Minimal" !important;
            color: #ffffff;
        }

        .money-sub {
            font-size: 30px !important;
            font-weight: 400;
            color: #ffffff;
        }

        .bg-platinum {
            background: linear-gradient(256deg, rgba(0, 175, 171, 1) 10%, rgba(0, 175, 118, 1) 80%);
            color: #FFFFFF !important;
            font-weight: 600 !important;
            font-size: 22px;
            padding: 7px 24px !important;
            transition: 0.3s;
        }

        .bg-platinum:hover {
            color: #eee !important;
            background: linear-gradient(256deg, rgb(0, 110, 108) 10%, rgb(0, 110, 108) 90%);
        }

        .bg-sub-btn {
            border: 1px solid #434651 !important;
            color: #c9c9c9 !important;
            font-weight: 600 !important;
            font-size: 16px !important;
            padding: 7px 24px !important;
            transition: 0.3s;
        }

        .bg-sub-btn:hover {
            color: #EBEBEB !important;
            background-color: #434651;
        }

        a span.bg-sub-btn-platinum {
            text-transform: uppercase;
            border-radius: 50px;
            background: linear-gradient(270deg, rgb(89, 208, 156) 10%, rgba(106, 81, 223, 1) 80%);
            font-weight: 500 !important;
            font-size: 16px !important;
            padding: 7px 24px !important;
            transition: 0.3s;
            color: #fff !important;
        }

        a span.bg-sub-btn-platinum:hover {
            background: linear-gradient(270deg, rgb(33, 198, 127) 10%, rgb(88, 66, 184) 80%);
        }

        a span.bg-sub-btn-gold {
            text-transform: uppercase;
            border-radius: 50px;
            background: linear-gradient(270deg, rgb(253, 255, 164, 1) -17%, rgba(155, 115, 12, 1) 77%);
            font-weight: 500 !important;
            font-size: 16px !important;
            padding: 7px 24px !important;
            transition: 0.3s;
            color: #fff !important;
        }

        a span.bg-sub-btn-gold:hover {
            background: linear-gradient(270deg, rgb(196, 198, 127) -17%, rgb(134, 99, 10) 77%);
        }

        a span.bg-sub-btn-silver {
            text-transform: uppercase;
            border-radius: 50px;
            background: linear-gradient(270deg, rgb(178, 178, 198) 10%, rgb(103, 104, 129, 1) 80%);
            font-weight: 500 !important;
            font-size: 16px !important;
            padding: 7px 24px !important;
            transition: 0.3s;
            color: #fff !important;
        }

        a span.bg-sub-btn-silver:hover {
            background: linear-gradient(270deg, rgb(183, 183, 202) 10%, rgb(82, 83, 103) 80%);
        }


   /*     .bg-sub-btn-2 {
            border: 1px solid #434651 !important;
            color: #c9c9c9 !important;
            font-weight: 600 !important;
            padding: 7px 24px !important;
            transition: 0.3s;
        }*/

/*        .bg-sub-btn-2:hover {
            color: #EBEBEB !important;
            background-color: #434651;
        }*/

        .bg-sub-btn-2:focus {
            outline: none !important;
            box-shadow: none !important;
            color: #EBEBEB !important;
            background-color: #434651;
        }


        .text-sub-pack {
            color: #c9c9c9;
            font-size: 22px;
            margin: 10px auto;
            width: 820px;
        }

        /* Set Textsub */
        @media (max-width: 1024px) {
            .bg-sub-btn {
                font-size: 18px;
            }
        }

        @media (max-width: 991px) {
            .text-sub-pack {
                width: 80%;
            }
        }

        @media (max-width: 767px) {
            .text-sub-pack {
                font-size: 18px;
            }
        }

        /* ---------------Benefits Section-------------- */
        .banner-benefits {
            background-image: url(../image/banner/benefits.webp);
            background-size: cover;
            background-repeat: no-repeat;
            position: relative;
            margin-top: -200px;
        }

        .banner-benefits {
            background-position: top right 50%;
        }

        .benefits-head {
            color: #fff;
            font-weight: 600;
            font-size: 48px;
            text-align: center;
            margin-bottom: 30px;
        }

        .mgt-box {
            margin-top: 1.8rem;
        }

        @media (max-width: 1024px) {
            .banner-benefits {
                margin-top: -100px;
            }
        }

        @media (max-width: 575px) {
            .text-sub-pack {
                width: 90%;
            }
        }

        @media (max-width: 412px) {
            .text-sub-pack {
                width: 80%;
            }
        }

        /* Set Price Text */
        @media (max-width: 1399px) {
            .money-main1 {
                font-size: 35px;
            }
        }

        .box-benefits {
            width: 100%;
            height: 284px;
            background-color: #070707bc;
            border: 1.5px solid #ffffff80;
            border-radius: 15px;
            padding: 50px 30px 50px 30px;
            color: #FFFFFF;
            font-size: 19px;
            text-align: left;
            opacity: 0.9;
            transition: 0.3s;
        }

        .box-benefits:hover {
            opacity: 1;
        }

        @media (max-width: 1199px) {
            .box-benefits {
                height: 207px;
                padding: 38px 30px 38px 30px;
            }
        }

        @media (max-width: 991px) {
            .last-box {
                margin: auto;
                margin-top: 2rem;
            }
        }

        @media (max-width: 767px) {
            .box-benefits {
                padding: 30px 30px 38px 30px;
            }
        }

        @media (max-width: 575px) {
            .box-benefits {
                text-align: center;
            }

            .box-benefits p {
                font-size: 20px;
            }
        }

        @media (max-width: 536px) {
            .box-benefits {
                height: 236px;
            }
        }

        @media (max-width: 404px) {
            .box-benefits {
                height: 257px;
            }
        }

        @media (max-width: 332px) {
            .box-benefits {
                height: 289px;
            }
        }

        /* -----------Tab Setting----------*/

        @media (max-width: 991px) {
            .sptb-26 {
                padding-top: 4rem;
                padding-bottom: 5rem;
            }
        }

        @media (max-width: 767px) {
            .sptb-26 {
                padding-top: 4rem;
            }
        }


        #myWizard {
            margin-top: 20px;
        }

        .navbar {
            padding-bottom: 40px !important;
        }

        .round-group {
            border: 1.5px solid #434651;
            border-radius: 30px;
            height: 52px;
        }

        .navbar {
            justify-content: center !important;
        }

        .box-tab {
            margin-top: -30px;
        }

        .tab-text {
            color: #fff;
            font-size: 20px;
            font-weight: 500;
            position: relative;
            top: 10px;
        }

        a.tab-text {
            padding: 0 25px;
            color: #fff !important;
            transition: 0.3s;
        }

        a.tab-text:hover {
            color: #f1f1f1 !important;
            text-decoration: none !important;
        }

        a.tab-text2 {
            padding: 0 25px;
            color: #fff !important;
            transition: 0.3s;
        }

        a.tab-text2:hover {
            color: #000 !important;
            text-decoration: none !important;
        }

        li.active#li1 {
            background: linear-gradient(90deg, #6A51DF 36%, #6CFFBF 105%);
            border-radius: 30px;
            height: 50px;
        }

        li.active#li2 {
            background: linear-gradient(90deg, #9B730C 36%, #FDFFAD 154%);
            border-radius: 30px;
            height: 50px;
        }

        li.active#li3 {
            background: linear-gradient(90deg, #676881 16.67%, #D0D0E6 119.33%);
            border-radius: 30px;
            height: 50px;
        }

        li.active#li4 {
            color: #EBEBEB !important;
            background-color: rgba(67, 70, 81, 0.6);
            border-radius: 30px;
            height: 50px;
        }

        li.active#li5 {
            color: #EBEBEB !important;
            background-color: rgba(67, 70, 81, 0.6);
            border-radius: 30px;
            height: 50px;
        }

        li.active#li6 {
            color: #EBEBEB !important;
            background-color: rgba(67, 70, 81, 0.6);
            border-radius: 30px;
            height: 50px;
        }

li.active#li7 {
    background: linear-gradient(90deg, #6A51DF 36%, #6CFFBF 105%);
    border-radius: 30px;
    height: 50px;
}

li.active#li8 {
    background: linear-gradient(90deg, #9B730C 36%, #FDFFAD 154%);
    border-radius: 30px;
    height: 50px;
}

li.active#li9 {
    background: linear-gradient(90deg, #676881 16.67%, #D0D0E6 119.33%);
    border-radius: 30px;
    height: 50px;
}

        /* li.active#li6 {
            background: linear-gradient(90deg, #5937ed 28.17%, #6A51DF 93.17%);
            border-radius: 30px;
            height: 50px;
        } */


        /* Tab Set Padding */

        @media (max-width: 991px) {
            .navbar {
                padding-bottom: 20px !important;
            }
        }

        @media (max-width: 772px) {
            a.tab-text {
                padding: 0 20px;
            }
        }

        @media (max-width: 592px) {
            a.tab-text {
                padding: 0 12px;
            }

            .tab-text {
                font-size: 18px;
            }
        }

        @media (max-width: 532px) {
            a.tab-text {
                padding: 0 5px;
            }
        }

        @media (max-width: 512px) {
            .tab-text {
                top: 10px;
            }
        }

        @media (max-width: 462px) {
            a.tab-text {
                font-size: 16px;
            }

            .tab-text {
                top: 12px;
            }
        }

        @media (max-width: 441px) {
            a.tab-text {
                font-size: 16px;
                padding: 0 5px;
            }
        }

        /* ---------------------------------------Login Thumnail---------------------------------------------*/

        a.text-danger:hover {
            color: #6d0000 !important;
        }

        .mgt-28 {
            margin-top: 28px;
        }

        .mgt-16 {
            margin-top: 16.5px;
        }

        .round {
            border: 1px solid #caccd2;
            border-radius: 50%;
            padding: 7px;
            width: 40px;
            height: 40px;
            background-color: #bdb9c954;
        }

        .text-container {
            max-width: 1321px;
            margin: 0 auto;
            overflow: hidden;
        }

        .user-name {
            font-size: 14px;
            font-weight: 600;
            color: #caccd2;
            margin-left: 10px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin: 0 0 0 10px;
        }

        .user-icon-login {
            color: #caccd2;
            font-size: 14px;
        }

        .dropbtn {
            background-color: transparent;
            color: white;
            padding: 5px 10px;
            font-size: 16px;
            border: none;
            margin-left: 10px;
            margin-top: -5px;
        }

        .dropbtn:focus {
            outline: none !important;
        }

        .dropdown {
            position: relative;
            display: inline-block;
        }

        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #f1f1f1;
            min-width: 160px;
            z-index: 1;
            border-radius: 8px;
            margin-left: -115px;
        }

        .dropdown-content a {
            color: black;
            text-decoration: none;
            display: block;
            padding: 12px 16px 12px 16px;
            transition: 0.3s;
        }

        .dropdown-content a:first-child {
            padding: 12px 16px 12px 16px;
            transition: 0.3s;
        }

        .dropdown-content a:last-child {
            padding: 12px 16px 12px 16px;
            transition: 0.3s;
        }

        .dropdown-content a:hover {
            background-color: #ddd;
            border-radius: 8px;
        }

        .dropdown:hover .dropdown-content {
            display: block;
        }

        .dropdown:hover .dropbtn {
            background-color: #4d4d4d;
            border-radius: 8px;
        }

        .box-profile-mb {
            display: flex;
            background-color: #f7f7f7;
            padding: 20px;
            border-radius: 8px;
            width: auto;
        }

        .user-name-mb {
            margin-top: 15px;
            font-size: 16px;
            font-weight: 600;
            color: #000;
            margin-left: 10px;
        }

        /* ---------------------------------------Payment Page Add New Design 2024---------------------------------------------*/

        .text-silver-color {
            background: rgb(88, 252, 197);
            background: linear-gradient(270deg, rgb(208, 208, 229, 1) 51%, rgb(103, 104, 129, 1) 103%);
            -webkit-text-fill-color: transparent;
            -webkit-background-clip: text;
            font-weight: 600;
        }

        .text-silver-color-2 {
            background: rgb(88, 252, 197);
            background: linear-gradient(270deg, rgb(208, 208, 229, 1) 21%, rgb(103, 104, 129, 1) 73%);
            -webkit-text-fill-color: transparent;
            -webkit-background-clip: text;
            font-weight: 600;
        }

        .text-gold-color {
            background: rgb(88, 252, 197);
            background: linear-gradient(270deg, rgb(253, 255, 164, 1) 10%, rgba(155, 115, 12, 1) 80%);
            -webkit-text-fill-color: transparent;
            -webkit-background-clip: text;
            font-weight: 600;
        }

        .text-platinum-color {
            background: rgb(88, 252, 197);
            background: linear-gradient(283deg, rgba(88, 252, 197, 1) 34%, rgba(97, 207, 200, 1) 46%, rgba(119, 91, 208, 1) 95%);
            -webkit-text-fill-color: transparent;
            -webkit-background-clip: text;
            font-weight: 600;
        }

.text-gradient-primary {
    background: linear-gradient(90deg, #89E357 10.83%, #3ED0A5 93.24%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-gradient-primary2 {
    background: linear-gradient(90deg, #89E357 0%, #3ED0A5 30%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

        /* ----------- ส่วนของข้อมูลส่วนตัว */
        /*editby aun 21/08/2024 */
       /* .info-head-text {
            color: #c8c8c8;
            font-size: 16px;
            font-weight: 500;
        }*/
         .info-head-text {
            margin-top: 20px;
            color: #c8c8c8;
            font-size: 16px;
            font-weight: 500;
        }

        .label-form-info {
            color: #585858;
            font-size: 14px;

        }
        .label-form-note{
            color: #585858;
            font-size: 12px;

        }

        .info-detail {
            margin: 5px 0px 0px 0px;
        }

        .info-detail2 {
            margin: 15px 0px 15px 0px;
        }

        input.form-setting-name {
            background-color: #00000079 !important;
            width: 100%;
            border-radius: 50px;
            color: #9c9c9c !important;
            border: none !important;
            height: 40px;
            font-size: 14px;
            padding: 15px 20px;
        }
         input.form-setting-lastname {
            background-color: #00000079 !important;
            width: 100%;
            border-radius: 50px;
            color: #9c9c9c !important;
            border: none !important;
            height: 40px;
            font-size: 14px;
            padding: 15px 20px;
        }

        input.form-setting-email {
            background-color: #00000079 !important;
            width: 100%;
            border-radius: 50px;
            color: #9c9c9c !important;
            border: none !important;
            height: 40px;
            font-size: 14px;
            padding: 15px 20px;
        }
        input.form-setting-email::placeholder {
            color: #414141 !important;
            font-size: 14px;
        }

        input.form-setting-phone {
            background-color: #00000079 !important;
            width: 100%;
            border-radius: 50px;
            color: #9c9c9c !important;
            border: none !important;
            height: 40px;
            font-size: 14px;
            padding: 15px 20px;
        }

        #inlineFormInputGroup2 , #promotion_code , #mobile-payment , #input-otp , #input-otp-pm ,#input-otp-register,#input-otp-forget{
            font-size: 14px;
            background-color: #00000079 !important;
            color: #9c9c9c;
            border: 0;
            border-radius: 30px;
            height: 40px;
            width: 100%;
        }
        #input-otp ,#input-otp-pm,#input-otp-register ,#input-otp-forget{
             height: 75px;
             font-size: 200%;
        }

        #inlineFormInputGroup2::placeholder,
        #promotion_code::placeholder,
        #mobile-payment::placeholder ,
        #input-otp::placeholder,
        #input-otp-register::placeholder,
        #input-otp-forget::placeholder,
        #input-otp-pm::placeholder {
            color: #464646;
        }

         #input-otp:hover,#input-otp:focus,
         #input-otp-pm:hover,#input-otp-pm:focus,
         #input-otp-register:hover,#input-otp-register:focus,#input-otp-forget:focus {
            border: 3px solid #777676;
        }

        .btn-in-input2 {
            width: 29.5%;
            /*width: 27.5%;*/
            margin: 3px 0.5% 0 -30%;
            position: relative;
            z-index: 5;
            display: block;
        }

        .btn-in-input2 span {
            color: #cdcdcd !important;
            background-color: rgb(97 101 116 / 60%);
            font-weight: 700;
            font-size: 15px;
            padding: 6px 16px;
            float: right;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 30px;
            cursor: pointer;
            width: 111px;
            transition: all 0.3s;
        }

        .btn-in-input2 span:hover {
            color: #eee !important;
            background-color: rgb(97 101 116 / 100%);
        }

        a.btn-in-input2.disable ,
        a.btn-in-input2.disable  span:hover ,
        a.btn-in-input2.disable  span:focus {
            pointer-events: none !important;
            cursor: default !important;
        }
        .btn-in-input2.disable  span {
            background-color:#919191;
            border-color:#ccc;
            pointer-events: none !important;
        }
        .disabled,.disable {
            pointer-events: none !important;
            cursor: default !important;
            
        }
        #btn_otp_pm_again.disabled {
            color:#658c88 !important
        }

        /* ----------- ส่วนของยอมรับสัญญาการให้บริการ */

        .box-verify-policy-new {
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .text-policy-new {
            color: #9c9c9c !important;
            font-size: 14px;
            width: 85%;
        }

        .text-policy-new2 {
            color: #9c9c9c !important;
            font-size: 14px;
        }

        /* ----------- ส่วนของการเลือกจวิธีชำระเงิน */

        .box-payment-select {
            display: flex;
        }

        .card-select-payment {
            padding: 0px 10px;
            border-radius: 8px;
            color: #9c9c9c;
            text-align: center;
            font-size: 12px;
            transition: 0.3s;
        }

        .card-select-payment i {
            font-size: 25px;
            transition: 0.3s;
        }

        /* ----------- ส่วนของการ check ใส่ข้อมูลภาษี */

        .br-policy {
            display: none;
        }

        .box-tax {
            display: flex;
        }

        .checkbox-wrapper-47 {
            margin: 17px 0px 0px 30px;
        }

        .checkbox-wrapper-47 input[type="checkbox"] {
            display: none;
            visibility: hidden;
        }

        .checkbox-wrapper-47 .cbx {
            margin: auto;
            -webkit-user-select: none;
            user-select: none;
            cursor: pointer;
            transition: 0.3s;
        }

        .checkbox-wrapper-47 .cbx span {
            display: inline-block;
            vertical-align: middle;
            transform: translate3d(0, 0, 0);
            transition: 0.3s;
        }

        .checkbox-wrapper-47 .cbx span:first-child {
            position: relative;
            width: 22px;
            height: 22px;
            border-radius: 3px;
            transform: scale(1);
            vertical-align: middle;
            border: 1px solid #00AFAB;
            transition: all 0.2s ease;
        }

        .checkbox-wrapper-47 .cbx span:first-child svg {
            position: absolute;
            top: 5px;
            left: 4px;
            fill: none;
            stroke: #FFFFFF;
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-dasharray: 16px;
            stroke-dashoffset: 16px;
            transition: all 0.3s ease;
            transition-delay: 0.1s;
            transform: translate3d(0, 0, 0);
        }

        .checkbox-wrapper-47 .cbx span:first-child:before {
            content: "";
            width: 100%;
            height: 100%;
            background: #00AFAB;
            display: block;
            transform: scale(0);
            opacity: 1;
            border-radius: 50%;
            transition: 0.3s;
        }

        .checkbox-wrapper-47 .cbx span:last-child {
            padding-left: 8px;
            transition: 0.3s;
        }

        .checkbox-wrapper-47 .cbx:hover span:first-child {
            border-color: #00AFAB;
        }

        .checkbox-wrapper-47 .inp-cbx:checked+.cbx span:first-child {
            background: #00AFAB;
            border-color: #00AFAB;
            animation: wave-46 0.4s ease;
        }

        .checkbox-wrapper-47 .inp-cbx:checked+.cbx span:first-child svg {
            transition: 0.3s;
            stroke-dashoffset: 0;
        }

        .checkbox-wrapper-47 .inp-cbx:checked+.cbx span:first-child:before {
            transform: scale(3.5);
            opacity: 0;
            transition: all 0.6s ease;
        }

        .checkbox-wrapper-48 {
            margin: 17px 0px 0px 30px;
        }

        .checkbox-wrapper-48 input[type="checkbox"] {
            display: none;
            visibility: hidden;
        }

        .checkbox-wrapper-48 .cbx {
            margin: auto;
            -webkit-user-select: none;
            user-select: none;
            cursor: pointer;
            transition: 0.3s;
        }

        .checkbox-wrapper-48 .cbx span {
            display: inline-block;
            vertical-align: middle;
            transform: translate3d(0, 0, 0);
            transition: 0.3s;
        }

        .checkbox-wrapper-48 .cbx span:first-child {
            position: relative;
            width: 22px;
            height: 22px;
            border-radius: 3px;
            transform: scale(1);
            vertical-align: middle;
            border: 1px solid #00AFAB;
            transition: all 0.2s ease;
        }

        .checkbox-wrapper-48 .cbx span:first-child svg {
            position: absolute;
            top: 5px;
            left: 4px;
            fill: none;
            stroke: #FFFFFF;
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-dasharray: 16px;
            stroke-dashoffset: 16px;
            transition: all 0.3s ease;
            transition-delay: 0.1s;
            transform: translate3d(0, 0, 0);
        }

        .checkbox-wrapper-48 .cbx span:first-child:before {
            content: "";
            width: 100%;
            height: 100%;
            background: #00AFAB;
            display: block;
            transform: scale(0);
            opacity: 1;
            border-radius: 50%;
            transition: 0.3s;
        }

        .checkbox-wrapper-48 .cbx span:last-child {
            padding-left: 8px;
            transition: 0.3s;
        }

        .checkbox-wrapper-48 .cbx:hover span:first-child {
            border-color: #00AFAB;
        }

        .checkbox-wrapper-48 .inp-cbx:checked+.cbx span:first-child {
            background: #00AFAB;
            border-color: #00AFAB;
            animation: wave-46 0.4s ease;
        }

        .checkbox-wrapper-48 .inp-cbx:checked+.cbx span:first-child svg {
            transition: 0.3s;
            stroke-dashoffset: 0;
        }

        .checkbox-wrapper-48 .inp-cbx:checked+.cbx span:first-child:before {
            transform: scale(3.5);
            opacity: 0;
            transition: all 0.6s ease;
        }

        /* ******************* Main Styeles : Radio Card */

        label.radio-card {
            cursor: pointer;
            border-radius: 8px;
            display: contents;
        }

        label.radio-card .card-content-wrapper {
            background: #00000060;
            border-radius: 5px;
            padding: 10px 10px;
            display: grid;
            transition: 200ms linear;
            width: 100%;
        }

        label.radio-card .check-icon {
            width: 15px;
            height: 15px;
            display: inline-block;
            border: solid 1px #cdcdcd;
            border-radius: 50%;
            transition: 200ms linear;
            position: relative;
        }

        label.radio-card .check-icon:before {
            content: "";
            position: absolute;
            inset: 0;
            background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.93552 4.58423C0.890286 4.53718 0.854262 4.48209 0.829309 4.42179C0.779553 4.28741 0.779553 4.13965 0.829309 4.00527C0.853759 3.94471 0.889842 3.88952 0.93552 3.84283L1.68941 3.12018C1.73378 3.06821 1.7893 3.02692 1.85185 2.99939C1.91206 2.97215 1.97736 2.95796 2.04345 2.95774C2.11507 2.95635 2.18613 2.97056 2.2517 2.99939C2.31652 3.02822 2.3752 3.06922 2.42456 3.12018L4.69872 5.39851L9.58026 0.516971C9.62828 0.466328 9.68554 0.42533 9.74895 0.396182C9.81468 0.367844 9.88563 0.353653 9.95721 0.354531C10.0244 0.354903 10.0907 0.369582 10.1517 0.397592C10.2128 0.425602 10.2672 0.466298 10.3112 0.516971L11.0651 1.25003C11.1108 1.29672 11.1469 1.35191 11.1713 1.41247C11.2211 1.54686 11.2211 1.69461 11.1713 1.82899C11.1464 1.88929 11.1104 1.94439 11.0651 1.99143L5.06525 7.96007C5.02054 8.0122 4.96514 8.0541 4.90281 8.08294C4.76944 8.13802 4.61967 8.13802 4.4863 8.08294C4.42397 8.0541 4.36857 8.0122 4.32386 7.96007L0.93552 4.58423Z' fill='white'/%3E%3C/svg%3E%0A");
            background-repeat: no-repeat;
            background-size: 12px;
            background-position: center center;
            transform: scale(1.6);
            transition: 200ms linear;
            opacity: 0;
        }

        label.radio-card input[type=radio] {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
        }

        label.radio-card input[type=radio]:checked+.card-content-wrapper {
            /* box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.5), 0 0 0 2px #6000ff; */
            border: 1px solid #00afac76;
        }

        label.radio-card input[type=radio]:checked+.card-content-wrapper .check-icon {
            background: #00AFAB;
            border-color: #00AFAB;
            transform: scale(1);
        }

        label.radio-card input[type=radio]:checked+.card-content-wrapper .check-icon:before {
            transform: scale(1);
            opacity: 1;
        }

        label.radio-card input[type=radio]:focus+.card-content-wrapper .check-icon {
            box-shadow: 0 0 0 4px #00AFAB;
            border-color: #00AFAB;
            ;
        }

        /* ----------- ส่วนของการแสดงวิธีการชำระเงิน */
        #box0,
        #box1,
        #box2,
        #box3 {
            display: none;
        }

        .box-payment-show {
            background-color: #080808;
            border-radius: 8px;
            padding: 30px;
            color: #9c9c9c;
            font-size: 14px !important;
        }

        br.hide-583 {
            display: block;
        }

        .visa-img {
            width: 8%;
            opacity: 0.8;
        }

        .master-img {
            width: 6%;
            margin-left: 10px;
        }

        .box-verify-sign {
            display: flex;
            background-color: #bdbdbd;
            width: fit-content;
            padding: 5px 10px;
            margin-top: 20px;
            font-size: 13px;
            color: #414141;
            border-radius: 2px;

        }

        .border-vrf {
            border-left: 1px solid #9b9b9b;
        }

        .box-img-vrf {
            display: flex;
        }

        .vrf-visa-img {
            width: 60px;
            scale: 0.9;
        }

        .vrf-master-img {
            width: 80px;
            scale: 0.6;
        }

        .text-vrf-img {
            margin: auto 10px;
            font-size: 12px;
            line-height: 114%
        }

        .card-2 {
            display: none;
        }

        .set-px-card {
            padding-left: 5px !important;
            padding-right: 5px !important;
        }

        input[type=radio]#p_method_creditcard_payment,
        input[type=radio]#p_method_debitcard_payment,
        input[type=radio]#p_method_mobilebanking,
        input[type=radio]#p_method_onlinebanking {
            display: none !important;
        }
        
        input[type=radio]#radio-card-0,
        input[type=radio]#radio-card-1,
        input[type=radio]#radio-card-2,
        input[type=radio]#radio-card-3 {
            display: none !important;
        }

        .mgt-select-payment {
            margin-top: 20px;
        }

        @media (max-width: 767px) {
            .visa-img {
                width: 18%;
            }

            .master-img {
                width: 12%;
                margin-left: 13px;
            }
        }

        @media (max-width: 622px) {
            .vrf-visa-img {
                width: 48px;
                scale: 0.9;
            }

            .vrf-master-img {
                width: 105px;
                scale: 0.7;
            }

            .text-vrf-img {
                font-size: 10px;
            }
        }

        @media (max-width: 583px) {
            br.hide-583 {
                display: none;
            }
        }

        @media (max-width: 572px) {
            br.hide-583 {
                display: none;
            }

            .card-1 {
                display: none;
            }

            .card-2 {
                display: block;
                justify-content: center;
                text-align: center;
            }

            .box-img-vrf {
                justify-content: center;
            }

            .vrf-visa-img {
                width: 73px;
                scale: 1;
            }

            .text-vrf-img {
                font-size: 10px;
                margin: 10px;
                text-align: center;
            }
        }

        @media (max-width: 575px) {
            .set-px-card {
                padding-left: 15px !important;
                padding-right: 15px !important;
                margin: 5px 0px;
            }
        }

        @media (max-width: 515px) {
            .visa-img {
                width: 30%;
            }

            .master-img {
                width: 20%;
            }
        }

        /* ----------- เลือกธนาคาร */

        .box-payment-show-2 {
            justify-content: space-between;
            background-color: #080808;
            border-radius: 8px;
            padding: 30px;
            color: #9c9c9c;
            font-size: 14px !important;
        }

        .bank-img {
            width: 100%;
            opacity: 0.8;
        }

        .rb-hide {
            display: none;
        }

        .label-card-bank {
            display: flex;
            cursor: pointer;
        }

        input[type="radio"] {
            accent-color: #6A51DF;
            transition: 0.3s;
        }

        .card-bank {
            padding: 5px;
            border-radius: 3px;
            border: 0.5px solid #008a8857;
        }

        .text-pls-select-bank {
            font-style: italic;
            text-align: center;
            margin-bottom: 20px;
            font-size: 20px;
            color: #fff;
            font-weight: 600 !important;
        }

        .text-scan-qr {
            font-size: 12px;
            font-weight: 400;
            margin: 10px 0px 20 0px;
            text-align: center;
            opacity: 0.7;
            font-style: italic;

        }

        label.label-card-bank input[type=radio]:checked+.card-bank {
            border: 1px solid #008a88;
        }

        .icon-payment-1 {
            opacity: 0.3;
            width: 25px;
        }

        .icon-payment-2 {
            opacity: 0.3;
            width: 35px;
        }

        .icon-payment-3 {
            opacity: 0.3;
            width: 30px;
        }

        .text-bank-detail {
            margin: 10px auto;
            color: #5d5d5d;
            font-size: 10px;
            width: 90%;
        }

        .text-bank-detail-2 {
            margin: 20px 0;
            color: #6c6c6c;
            font-size: 13px;
            font-style: italic;
        }

        .box-disable-bank {
            background-color: #f4323206;
            border: 1px solid #b044443d;
            padding: 8px;

        }

        .text-bank-disable {
            font-size: 12px;
            margin-bottom: 5px !important;
            color: #727272;
        }

        .bank-img-disable {
            width: 25px;
            height: 25px;
            margin: 0px 2px;
            opacity: 0.6;
        }

        .bank-img-disable-2 {
            width: 25px;
            height: 25px;
            margin: 0px 2px;
            opacity: 0.6;
        }

        .bank-img-disable-3 {
            width: 25px;
            height: 25px;
            margin: 0px 2px;
            opacity: 0.6;
        }

        .bank-img-disable-4 {
            width: 25px;
            height: 25px;
            margin: 0px 2px;
            opacity: 0.6;
        }

        .box-bank-disable {
            display: flex;
        }

        .show-575 {
            display: none !important;
        }


        @media (max-width: 1599px) {
            .icon-payment-1 {
                opacity: 0.3;
                width: 20px;
            }

            .icon-payment-2 {
                opacity: 0.3;
                width: 30px;
            }

            .icon-payment-3 {
                opacity: 0.3;
                width: 25px;
            }

            .text-bank-detail {
                font-size: 8px;
            }

            .text-bank-disable {
                font-size: 8px;
            }

            .bank-img-disable {
                width: 20px;
                height: 20px;
            }

            .bank-img-disable-2 {
                width: 20px;
                height: 20px;
            }

            .bank-img-disable-3 {
                width: 20px;
                height: 20px;
            }

            .bank-img-disable-4 {
                width: 20px;
                height: 20px;
            }
        }

        @media (max-width: 1440px) {
            .icon-payment-1 {
                width: 15px;
            }

            .icon-payment-2 {
                width: 25px;
            }

            .icon-payment-3 {
                width: 20px;
            }
        }

        @media (max-width: 668px) {
            .box-disable-bank {
                justify-content: center;
                text-align: center;
            }

            .box-bank-disable-img {
                justify-content: center;
            }
        }

        @media (max-width: 575px) {
            .text-bank-detail {
                margin: 10px auto 20px auto;
                width: 60%;
            }

            .text-pls-select-bank {
                font-size: 18px;
            }

            .icon-payment-1 {
                width: 30px;
            }

            .icon-payment-2 {
                width: 40px;
            }

            .icon-payment-3 {
                width: 35px;
            }

            .text-bank-detail {
                font-size: 10px;
            }

            .text-scan-qr {
                font-size: 14px;
            }

            .show-575 {
                display: block !important;
            }

        }

        @media (max-width: 519px) {
            .show-575 {
                display: none !important;
            }
        }

        @media (max-width: 446px) {
            .text-scan-qr {
                font-size: 12px;
            }
        }

        @media (max-width: 478px) {
            .package-name-head-text {
                text-align: center;
            }
        }

        @media (max-width: 428px) {
            .box-bank-disable {
                display: contents !important;
            }

        }

        /* ----------- ส่วนของการเติมข้อมูลเพื่อขอใบกำกับภาษี */

        .box-input-tax {
            background-color: #00000040;
            padding: 30px;
            border-radius: 8px;
            color: #9c9c9c;
        }

        .info-set-3 {
            margin-top: 30px;
            display: flex;
            margin-left: 0;
            margin-right: 20px;
        }

        input.form-setting-name::placeholder {
            color: #414141 !important;
            font-size: 14px;
        }
        input.form-setting-lastname::placeholder {
            color: #414141 !important;
            font-size: 14px;
        }

        .form-province {
            background-color: #00000079 !important;
            font-size: 14px;
            width: 100%;
            padding: 7px 20px;
            height: 40px;
            border-radius: 50px;
            color: #9c9c9c;
        }

        input.form-setting-address::placeholder {
            color: #414141 !important;
            font-size: 14px;
        }

        input.form-setting-address {
            background-color: #00000079 !important;
            width: 100%;
            border-radius: 50px;
            color: #9c9c9c !important;
            border: none !important;
            height: 40px;
            font-size: 14px;
            padding: 15px 20px;
        }

        .tax-detail {
            color: #9c9c9c;
        }

        /* --------------------------------------------------------------- */

        @media (max-width: 1539px) {
            .card-select-payment {
                padding: 10px 2px;
            }
        }

        @media (max-width: 1460px) {
            .label-form-info, .label-form-note {
                font-size: 10px;
            }

            input.form-setting-name {
                font-size: 12px;
                padding: 15px;
            }
            input.form-setting-lastname {
                font-size: 12px;
                padding: 15px;
            }

            #inlineFormInputGroup2, #promotion_code {
                font-size: 12px;
            }

            #input-otp, #input-otp-pm, #input-otp-register, #input-otp-forget {
                /*font-size: 35px;*/
                font-size: 200%;
                letter-spacing: 8px;
            }

            .btn-in-input2 span {
                font-size: 12px;
                padding: 10px 16px;
                height: 35px;
                text-align: center;
                /*width: 97px;*/
                width: 80px;
            }

            input.form-setting-name {
                font-size: 12px;
            }

            input.form-setting-name::placeholder {
                font-size: 12px;
            }
             input.form-setting-lastname {
                font-size: 12px;
            }

            input.form-setting-lastname::placeholder {
                font-size: 12px;
            }

            input.form-setting-address {
                font-size: 12px;
            }

            input.form-setting-address::placeholder {
                font-size: 12px;
            }

            .form-province {
                font-size: 12px;
            }

        }

        @media (max-width: 1279px) {
            .card-select-payment p {
                font-size: 10px;
            }
        }

        @media (max-width: 991px) {
            .card-select-payment p {
                font-size: 12px;
            }

            .card-select-payment {
                margin: 10px 0;
            }
        }

        @media (max-width: 991px) {
            .card-payment {
                padding: 50px 40px 30px 40px !important;
            }
        }

        @media (max-width: 767px) {
            .tax-detail {
                text-align: center;
                margin-bottom: 10px;
            }

        }

        @media (max-width: 575px) {
            .box-payment-select {
                display: grid;
            }

            .box-tax {
                display: inline;
            }

            .checkbox-wrapper-47 {
                margin: 17px 0px;
            }

            .checkbox-wrapper-48 {
                margin: 17px 0px 20px 0px;
            }
        }

        @media (max-width: 529px) {
            .text-policy-new {
                font-size: 12px;
            }

            .br-policy {
                display: block;
            }
        }

        .card-payment {
            padding: 40px 30px 30px 30px !important;
        }

        /* ----------------------------- Short Card Payment ------------------------ */

        .card-payment2 {
            background: #1A1A1A;
            padding: 40px;
            /* border-style: solid;
            border-width: 4px; */
            /* border-image: linear-gradient(93deg, rgb(106, 81, 223), rgb(108, 255, 191)) 1; */
            border-bottom: 0;
            border-left: 0;
            border-right: 0;
        }

        .short-card {
            margin-top: 66px;
        }

        .payment-bullet-text {
            color: #9c9c9c;
            font-size: 16px;
            font-weight: 500;
        }

        .payment-value {
            text-align: right;
        }

        .btn-in-input3 {
            width: 29.5%;
            margin: 3px 0.5% 0 -30%;
            position: relative;
            z-index: 5;
            display: block;
        }

        .btn-in-input3 span {
            background: rgba(97, 101, 116, 0.6);
            color: #cdcdcd;
            font-weight: 700;
            font-size: 15px;
            padding: 6px 16px;
            float: right;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 30px;
            cursor: pointer;
            width: auto;
            transition: all 0.3s;
        }

        .btn-in-input3 span:hover {
            color: #eee !important;
            background: rgba(97, 101, 116, 1);
        }

        @media (max-width: 991px) {
            p.payment-bullet-text {
                margin-top: 10px;
            }

            .card-payment2 {
                padding: 50px 20px;
            }
        }

        @media (max-width: 575px) {
            .card-payment2 {
                padding: 40px 30px 30px 30px !important;
            }
        }


        /* ---------------------------------------Payment Page---------------------------------------------*/

        .payment-head-text {
            color: #fff;
            font-size: 30px;
            font-weight: 600;
            margin-bottom: 30px;
        }

        .card-payment {
            background: #1A1A1A;
            padding: 20px 30px;
            /* border-style: solid;
            border-width: 4px;
            border-image: linear-gradient(93deg, rgb(106, 81, 223), rgb(108, 255, 191)) 1;
            border-bottom: 0;
            border-left: 0;
            border-right: 0; */
        }

        .package-name-head-text {
            color: #FFF;
            font-size: 23px;
            margin-bottom: 15px;
        }

        .box-input {
            margin-top: 40px;
        }

        .input-group-text {
            background-color: #000 !important;
            border: 0 !important;
            border-radius: 30px 0px 0px 30px !important;
            color: #fff !important;
            padding: 10px 20px !important;
            font-size: 20px !important;
        }

        #inlineFormInputGroup {
            font-size: 16px;
            background-color: #0F0F0F !important;
            color: #fff;
            border: 0;
            border-radius: 0px 30px 30px 0px;
            height: 40px;
        }

        #inlineFormInputGroup::placeholder {
            color: #a1a1a1;
        }

        .btn-in-input {
            width: 29.5%;
            margin: 3px 0.5% 0 -30%;
            position: relative;
            z-index: 5;
            display: block;
        }

        .btn-sub4 {
            width: 29.5%;
            margin: 3px 0.5% 0 -30%;
            position: relative;
            z-index: 5;
            display: block;
        }

        .btn-sub4 span {
            background: var(--btn-buy-02, linear-gradient(229deg, #00AFAB 39.06%, #00AF76 98.91%));
            color: #FFF;
            font-weight: 700;
            font-size: 15px;
            padding: 6px 16px;
            float: right;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 30px;
            cursor: pointer;
        }

        .btn-in-input span {
            background: var(--btn-buy-02, linear-gradient(229deg, #00AFAB 39.06%, #00AF76 98.91%));
            color: #FFF;
            font-weight: 700;
            font-size: 15px;
            padding: 6px 16px;
            float: right;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 30px;
            cursor: pointer;
        }

        .box-detail {
            margin-top: 2px;
        }

        .name-label {
            color: #9c9c9c;
            font-size: 18px;
            font-weight: 600;
            text-align: left;
            margin-top: 18px;
        }

        .detail-label {
            color: #9c9c9c;
            font-size: 18px;
            font-weight: 600;
            text-align: right;
            margin-top: 18px;
        }

        .name-label-2 {
            color: #fff;
            font-size: 16px;
            font-weight: 500;
            text-align: left;
            margin-top: 10px;
        }

        .detail-label-2 {
            color: #fff;
            font-size: 18px;
            font-weight: 600;
            text-align: right;
            margin-top: 10px;
        }

        .name-label-3 {
            color: #fff;
            font-size: 16px;
            font-weight: 500;
            text-align: left;
            margin-top: 10px;
        }

        .detail-label-3 {
            color: #fff;
            font-size: 16px;
            font-weight: 600;
            text-align: right;
            margin-top: 10px;
        }

        .box-total-price {
            background-color: var(--unnamed, #0C0C0B);
            padding: 20px 28px;
            margin-top: 16px;
            border-radius: 8px;
            height: auto;
            margin-bottom: 48px;
        }

        .icon-payment {
            font-size: 20px;
            margin: auto auto !important;
        }

        .hr-payment {
            width: 100% !important;
            background-color: #3F3F3F;
            opacity: 0.5;
            margin-top: 10px !important;
            margin-bottom: 10px !important;
        }

        hr:not(.is-style-wide):not(.is-style-dots) {
            max-width: 100%;
        }

        .box-set-date {
            margin-top: 48px;
            margin-bottom: 48px;
        }

        .select-head-text {
            font-size: 18px;
        }

        .set-date-head-text {
            color: #FFF;
            font-size: 18px;
            font-weight: 600;
            text-align: left;
        }

        :root {
            --cSize: 14px;
            --cInactive: #232739;
            --cActive: #6A51DF;
            --particleSize: 0px;
            --cEasing: ease;
            --cTiming: 0.5s;
            --innerPaddingSize: 30px;
        }

        .particles-checkbox {
            height: var(--cSize);
            width: var(--cSize);
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border: 1px #6A51DF solid;
            border-radius: 50%;
            position: relative;
            cursor: pointer;
            transition: all var(--cTiming) var(--cEasing);
            margin: 2px;
        }

        .particles-checkbox:focus {
            outline: 0;
        }

        .particles-checkbox:checked {
            background-color: var(--cActive);
        }

        .particles-checkbox:checked::after {
            background-color: #6A51DF;
            border: 2px solid #000;
            height: calc(var(--cSize) * 0.8);
            width: calc(var(--cSize) * 0.8);
        }

        .particles-checkbox:checked::before {
            -webkit-animation: particleAnimate var(--cTiming) var(--cEasing) forwards;
            animation: particleAnimate var(--cTiming) var(--cEasing) forwards;
        }

        .particles-checkbox:checked+span {
            border-color: #6A51DF;
            color: #fff;
        }

        .particles-checkbox::before,
        .particles-checkbox::after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            border-radius: inherit;
            height: 0px;
            width: 0px;
        }

        .particles-checkbox::after {
            transition: all var(--cTiming) var(--cEasing);
        }

        .particles-checkbox::before {
            --particleSize: 4px;
            height: var(--particleSize);
            width: var(--particleSize);
            z-index: 2;
        }

        .particles-checkbox-container {
            display: inline-flex;
            margin: 13px;
            background-color: #000;
            align-items: center;
            border-radius: 8px;
            cursor: pointer;
            position: relative;
            width: 98%;
            transition: all var(--cTiming) var(--cEasing);
        }

        .particles-checkbox-container span {
            border: 1px solid transparent;
            border-radius: 8px;
            padding: 13px;
            padding-left: calc(var(--cSize) + var(--innerPaddingSize) + 5px);
            color: #fff;
            width: 100%;
            transition: all var(--cTiming) var(--cEasing);
        }

        .particles-checkbox-container .particles-checkbox {
            position: absolute;
            left: 20px;
        }

        .box-select-1 {
            margin-top: 16px;
            margin-bottom: -25px;
        }

        .datepicker-button {
            position: relative;
        }

        .datepicker-button-input {
            position: absolute;
            overflow: hidden;
            width: 100%;
            height: 100%;
            right: 0;
            top: 0;
            opacity: 0;
        }

        .datepicker-button-input::-webkit-calendar-picker-indicator {
            position: absolute;
            right: 0;
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            opacity: 0;
            cursor: pointer;
        }

        .box-set-payment {
            margin-top: 48px;
            margin-bottom: 48px;
        }

        .box-partner {
            text-align: center;
            margin-bottom: 48px;
        }

        .img-partner {
            width: 50%;
        }

        .box-otp {
            margin-top: 48px;
            margin-bottom: 48px;
        }

        .box-verify-policy {
            margin-top: 48px;
            margin-bottom: 48px;
        }

        .text-policy {
            color: #FFF;
            font-size: 18px;
        }

        .text-policy br {
            display: none;
        }

        .text-green {
            color: #00AFAB !important;
            transition: 0.3s;
        }

        .text-green:hover {
            color: #008a88 !important;
        }

        .checkbox-wrapper-46 input[type="checkbox"] {
            display: none;
            visibility: hidden;
        }

        .checkbox-wrapper-46 .cbx {
            margin: auto;
            -webkit-user-select: none;
            user-select: none;
            cursor: pointer;
            transition: 0.3s;
        }

        .checkbox-wrapper-46 .cbx span {
            display: inline-block;
            vertical-align: middle;
            transform: translate3d(0, 0, 0);
            transition: 0.3s;
        }

        .checkbox-wrapper-46 .cbx span:first-child {
            position: relative;
            width: 22px;
            height: 22px;
            border-radius: 3px;
            transform: scale(1);
            vertical-align: middle;
            border: 1px solid #00AFAB;
            transition: all 0.2s ease;
        }

        .checkbox-wrapper-46 .cbx span:first-child svg {
            position: absolute;
            top: 5px;
            left: 4px;
            fill: none;
            stroke: #FFFFFF;
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-dasharray: 16px;
            stroke-dashoffset: 16px;
            transition: all 0.3s ease;
            transition-delay: 0.1s;
            transform: translate3d(0, 0, 0);
        }

        .checkbox-wrapper-46 .cbx span:first-child:before {
            content: "";
            width: 100%;
            height: 100%;
            background: #00AFAB;
            display: block;
            transform: scale(0);
            opacity: 1;
            border-radius: 50%;
            transition: 0.3s;
        }

        .checkbox-wrapper-46 .cbx span:last-child {
            padding-left: 8px;
            transition: 0.3s;
        }

        .checkbox-wrapper-46 .cbx:hover span:first-child {
            border-color: #00AFAB;
        }

        .checkbox-wrapper-46 .inp-cbx:checked+.cbx span:first-child {
            background: #00AFAB;
            border-color: #00AFAB;
            animation: wave-46 0.4s ease;
        }

        .checkbox-wrapper-46 .inp-cbx:checked+.cbx span:first-child svg {
            transition: 0.3s;
            stroke-dashoffset: 0;
        }

        .checkbox-wrapper-46 .inp-cbx:checked+.cbx span:first-child:before {
            transform: scale(3.5);
            opacity: 0;
            transition: all 0.6s ease;
        }

        @keyframes wave-46 {
            50% {
                transform: scale(0.9);
            }
        }

        @media (max-width: 991px) {
            .card-payment {
                padding: 50px 40px;
            }

            #inlineFormInputGroup::placeholder {
                font-size: 14px;
            }

            .name-label-2 {
                text-align: center;
                background-color: #c8c8c8;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }

            .detail-label-2 {
                text-align: center;
                background-color: #fff;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }

            .text-policy {
                font-size: 16px;
            }
        }

        @media (max-width: 767px) {

            .package-name-head-text {
                font-size: 20px;
            }

            .payment-head-text {
                text-align: center;
                font-size: 40px;
            }

            #inlineFormInputGroup::placeholder {
                font-size: 12px;
            }

            .select-head-text {
                font-size: 16px;
            }

            .text-policy {
                font-size: 16px;
            }

            .text-policy br {
                display: block;
            }

            .text-note {
                font-size: 16px !important;
            }
        }

        @media (max-width: 575px) {

            .package-name-head-text {
                font-size: 16px;
            }
        }

        @media (max-width: 519px) {
            .select-head-text {
                font-size: 14px;
            }
        }

        @media (max-width: 498px) {
            .btn-sub4 span {
                font-size: 14px;
            }

            .card-payment {
                padding: 50px 20px;
            }

            .icon-payment {
                font-size: 16px;
            }
        }

        @media (max-width: 463px) {
            .btn-sub4 span {
                font-size: 12px;
                padding: 8px 10px;
            }
        }

        @media (max-width: 439px) {

            .btn-sub4 span {
                padding: 6px 10px;
            }

            .btn-in-input span {
                font-size: 12px;
            }

            #inlineFormInputGroup {
                height: 36px;
            }
        }

        @media (max-width: 420px) {
            .checkbox-wrapper-46 .cbx span:last-child {
                padding-left: 4px;
            }

            .text-policy {
                font-size: 14px;
            }

            .text-note {
                font-size: 14px !important;
            }
        }

        @media (max-width: 381px) {
            .btn-sub4 span {
                padding: 6px 5px;
            }
        }

        @media (max-width: 376px) {
            .text-policy {
                font-size: 12px;
            }

            .text-note {
                font-size: 12px !important;
            }
        }


        /* ---------------------------------------Birthday form Page---------------------------------------------*/

        #day {
            font-family: "FC Minimal" !important;
        }

        #month {
            font-family: "FC Minimal" !important;
        }

        #year {
            font-family: "FC Minimal" !important;
        }

        .card-birthday-form {
            background: #1A1A1A;
            padding: 50px 180px;
        }

        .birthday-form-head-text {
            color: #fff;
            font-size: 28px;
            font-weight: 600;
            margin-bottom: 23px;
            margin-top: 20px;
            text-align: center;
            line-height: 140%;
        }

        .birthday-form-head-text br {
            display: none;
        }

        .box-birthday {
            margin-top: 50px;
        }

        form.birthday-form {
            justify-content: center;
        }

        .birthday-form {
            display: flex;
        }

        .label-form {
            color: rgba(255, 255, 255, 0.61);
            font-size: 14px;
        }

        .form-setting {
            background-color: #000;
            width: 130px;
            border-radius: 8px;
            color: #fff;
        }

        .box-form {
            margin: 0 20px;
        }

        @media (max-width: 1199px) {
            .card-birthday-form {
                padding: 50px 100px;
            }
        }

        @media (max-width: 991px) {
            .card-birthday-form {
                padding: 50px 50px;
            }
        }

        @media (max-width: 767px) {
            .form-setting {
                width: 160px;
            }

            .birthday-form-head-text {
                font-size: 25px;
            }

            .birthday-form-head-text br {
                display: block;
            }

            .birthday-form {
                display: grid;
            }

            .box-form {
                margin: 20px 0;
            }
        }

        @media (max-width: 387px) {
            .card-birthday-form {
                padding: 50px 10px;
            }
        }

        /* ---------------------------------------Payment success Page---------------------------------------------*/

        .card-info-check {
            background: #1A1A1A;
            padding: 50px 20px;
            border-radius: 8px;
        }

        .box-icon-check {
            text-align: center;
        }

        .payment-success-head-text {
            color: #FFF;
            text-align: center;
            font-size: 28px;
            font-weight: 600;
            margin-top: 32px;
            line-height: 140%;
            margin-bottom: 36px;
        }

        .card-info-list {
            margin: 20px auto;
            width: 500px;
            border-radius: 8px;
            background: #000;
            padding: 33px 60px;
        }

        .info-check-head-text {
            text-align: center;
            color: #FFF;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 30px;
        }

        .info-list {
            margin: auto !important;
        }

        .info-set-1 {
            color: rgba(255, 255, 255, 0.60);
            font-size: 16px;
        }

        .info-set-2 {
            color: rgba(255, 255, 255, 0.60);
            font-size: 16px;
        }

        .box-btn-set {
            justify-content: center;
            display: flex;
        }

        .btn-set-1 {
            margin-top: 30px;
            margin-right: 10px;
        }

        .btn-set-2 {
            margin-top: 30px;
        }

        .bg-danger-gradient {
            background: linear-gradient(103deg, rgba(175, 0, 0, 1) 7.29%, rgba(255, 97, 97, 1) 85.94%);
            color: #FFFFFF !important;
            font-weight: 600 !important;
            font-size: 22px;
            padding: 7px 24px !important;
            transition: 0.3s;
            display: inline-block;
        }

        .bg-danger-gradient:hover {
            color: #eee !important;
            background: linear-gradient(48deg, #780000 7.29%, #c53e3e 85.94%);
        }

        @media (max-width: 991px) {
            p.info-check-head-text2 {
                font-size: 15px !important;
            }
        }

        @media (max-width: 767px) {
            .card-info-check {
                padding: 50px 10px;
            }

            .payment-success-head-text {
                font-size: 22px;
            }

            .card-info-list {
                margin: auto;
                width: 370px;
            }

            .card-info-list {
                padding: 33px 20px;
            }
        }

        @media (max-width: 489px) {
            .info-check-head-text {
                margin-top: 20px;
            }

            .box-btn-set {
                display: grid;
            }

            .btn-set-1 {
                margin-right: 0;
            }

            .btn-set-2 {
                margin-top: 20px;
            }
        }

        @media (max-width: 419px) {
            .card-info-list {
                padding: 20px 10px;
                width: auto;
            }

            .sm-w-l-50 {
                width: 50%;
            }

            .sm-w-r-50 {
                width: 50%;
            }
        }

        /* ---------------------------------------Payment success Page New Design 2024---------------------------------------------*/

        .payment-success-head-text2 {
            color: #cecece;
            text-align: center;
            font-size: 28px;
            font-weight: 600;
            margin-top: 15px;
            line-height: 140%;
        }

        .img-check-icon {
            width: 20%;
        }

        p.info-check-head-text2 {
            text-align: center;
            color: #888888;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 5px;
            margin-top: 20px;
        }

        p.info-check-head-text3 {
            text-align: center;
            color: #adadad;
            font-size: 16px;
            line-height: 140%;
            font-weight: 500;
            margin-bottom: 10px;
            margin-top: 15px;
        }

        p.info-check-head-text4 {
            line-height: 140%;
            color: #dfdfdf;
            text-align: center;
            font-size: 18px;
            line-height: 140%;
            font-weight: 600;
            margin-bottom: 10px;
            margin-top: 30px;
        }

        .text-order {
            font-size: 14px;
            color: #888888;
            text-align: center;
        }

        .card-info-list2 {
            margin: 20px auto;
            width: fit-content;
            border-radius: 8px;
            background: rgba(0, 0, 0, 0.512);
            padding: 3px 15px;
        }

        @media (max-width: 767px) {
            .payment-success-head-text2 {
                font-size: 25px;
            }

            .img-check-icon {
                width: 14%;
            }

            p.info-check-head-text3 {
                font-size: 16px;
            }

            p.info-check-head-text4 {
                font-size: 18px;
            }
        }

        /* ---------------------------------------Downgrade Program Page---------------------------------------------*/

        .dg-head-text2 {
            color: #cecece;
            text-align: center;
            font-size: 25px;
            font-weight: 600;
            margin-top: 15px;
            line-height: 140%;
        }

        .dg-text-sub {
            color: #848484;
            text-align: center;
            font-size: 16px;
        }

        .hide-461 {
            display: block;
        }

        p.info-check-head-text5 {
            text-align: center;
            color: #adadad;
            font-size: 20px;
            line-height: 140%;
            font-weight: 500;
            margin-bottom: 10px;
            margin-top: 15px;
        }

        @media (max-width: 575px) {
            .dg-text-sub {
                font-size: 15px;
            }

            p.info-check-head-text5 {
                font-size: 18px;
            }
        }

        @media (max-width: 461px) {
            .hide-461 {
                display: none;
            }

            p.info-check-head-text5 {
                font-size: 16px;
            }
        }

        /* ---------------------------------------Can not find information Page---------------------------------------------*/

        .card-info-wrong {
            margin: auto;
            width: 460px;
            border-radius: 8px;
            background: #fff;
            padding: 33px 60px;
        }

        .box-wrong-text {
            display: flex;
            justify-content: center;
        }

        .worng-head-text {
            color: #000;
            font-size: 18px;
            font-weight: 600;
            margin-top: 7px;
            margin-left: 20px;
        }

        .icon-wrong {
            width: 34px;
            height: 34px;
        }

        .worng-detail-text {
            margin-top: 14px;
            color: #FF1414;
            text-align: center;
            font-size: 16px;
            font-weight: 600;
        }

        @media (max-width: 575px) {
            .card-info-wrong {
                width: 400px;
                padding: 33px 20px;
            }
        }

        @media (max-width: 455px) {
            .card-info-wrong {
                width: 350px;
                padding: 33px 10px;
            }
        }

        @media (max-width: 399px) {
            .worng-detail-text {
                font-size: 14px;
            }

            .card-info-wrong {
                width: auto;
                padding: 33px 5px;
            }
        }

        /* ---------------------------------------Contact to edit information Page---------------------------------------------*/

        .card-edit-info {
            background: #1A1A1A;
            padding: 50px 180px;
        }

        .box-icon-wrong {
            text-align: center;
        }

        .edit-info-head-text {
            color: #FFF;
            text-align: center;
            font-size: 28px;
            font-weight: 600;
            margin-top: 32px;
            line-height: 140%;
            margin-bottom: 36px;
        }

        .card-contact {
            margin: auto;
            width: 460px;
            border-radius: 8px;
            background: #000;
            padding: 33px 60px;
        }

        .edit-info--head-text {
            text-align: center;
            color: #FFF;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 30px;
        }

        .contact-list {
            margin: auto !important;
        }

        .contact-info {
            color: rgba(255, 255, 255, 0.60);
            font-size: 16px;
            font-weight: 400;
            transition: 0.3s;
        }

        .contact-info:hover {
            color: #fff;
        }

        @media (max-width: 991px) {
            .card-edit-info {
                padding: 50px 50px;
            }
        }

        @media (max-width: 767px) {
            .card-edit-info {
                padding: 50px 10px;
            }

            .edit-info-head-text {
                font-size: 20px;
            }
        }

        @media (max-width: 575px) {
            .card-contact {
                width: 350px;
                padding: 33px 20px;
            }
        }

        @media (max-width: 399px) {
            .card-contact {
                width: 330px;
                padding: 33px 20px;
            }

            .contact-info {
                font-size: 14px;
            }
        }

        @media (max-width: 385px) {
            .card-contact {
                width: auto;
            }
        }

        /* ---------------------------------------Information Correct Page---------------------------------------------*/

        .ex-card {
            background: #1A1A1A;
            padding: 80px 180px;
        }

        .box-email-alert {
            padding: 23px 26px;
            width: 383px;
            margin: auto;
            display: flex;
            border-radius: 8px;
            background: var(--gd-4, linear-gradient(23deg, #6A51DF 27.08%, #6CFFBF 89.58%));
        }

        .box-email-alert-2 {
            padding: 0 26px;
            width: 383px;
            margin: auto;
            text-align: center;
            border-radius: 8px;
        }

        .icon-mail-inner {
            color: #fff;
            font-size: 31px;
            margin: auto auto;
        }

        .alert-head-text {
            color: #FFF;
            font-size: 18px;
            font-weight: 600;
            margin-left: 20px;
            line-height: 140%;
        }

        .alert-head-text-2 {
            color: #FFF;
            font-size: 18px;
            font-weight: 600;
            line-height: 140%;
        }

        .box-link {
            display: grid;
            margin-top: 36px;
            text-align: center;
        }

        .link-to-handbook {
            color: #00AFAB;
            font-size: 16px;
            transition: 0.3s;
        }

        .link-to-handbook:hover {
            color: #007170;
        }

        .link-to-handbook:focus {
            color: #007170 !important;
        }


        @media (max-width: 991px) {
            .ex-card {
                padding: 50px 50px;
            }
        }

        @media (max-width: 767px) {
            .ex-card {
                padding: 50px 10px;
            }
        }

        @media (max-width: 438px) {
            .box-email-alert {
                padding: 23px 10px;
                width: auto;
                display: grid;
            }

            .box-email-alert-2 {
                padding: 23px 10px;
                width: auto;
                display: grid;
            }

            .alert-head-text {
                text-align: center;
                margin-left: 0;
                margin-top: 20px;
            }
        }

        /* ---------------------------------------Knowladge Page---------------------------------------------*/

        .bg-shape {
            position: relative;
            padding-top: 50px;
        }

        .bg-shape:after {
            content: '';
            position: absolute;
            width: 1014px;
            height: 908px;
            transform: rotate(135deg);
            border-radius: 1014px;
            background: rgba(106, 81, 223, 0.1);
            filter: blur(100px);
            top: 0;
            right: 0;
            z-index: 0;
            top: -10%;
            /* change value as required */
            right: -8%;
            /* change value as required */

        }

        .bg-shape-2 {
            position: relative;
            padding-top: 50px;
        }

        .bg-shape-2:after {
            content: '';
            position: absolute;
            width: 598px;
            height: 536px;
            transform: rotate(-45deg);
            border-radius: 598px;
            background: rgba(108, 255, 191, 0.1);
            filter: blur(100px);
            top: 0;
            right: 0;
            z-index: 0;
            top: 64%;
            /* change value as required */
            right: 16%;
            /* change value as required */

        }

        .box-knowledge-text {
            margin-top: 120px;
        }

        .box-knowledge-text-2 {
            margin-top: 120px;
        }

        .platinum-head-text {
            font-family: "FC Minimal" !important;
            text-transform: uppercase;
            background: linear-gradient(247deg, rgba(88, 252, 197, 1) 28%, rgba(120, 92, 210, 1) 91%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-size: 22px;
            font-weight: 400;
            line-height: 140%;
            letter-spacing: 6px;
        }

        .platinum-head-text-2 {
            font-family: "FC Minimal" !important;
            text-transform: uppercase;
            background: linear-gradient(247deg, rgba(88, 252, 197, 1) 28%, rgba(120, 92, 210, 1) 91%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-size: 22px;
            font-weight: 400;
            line-height: 140%;
            letter-spacing: 6px;
        }

        .knowledge-head-text {
            color: var(--unnamed, #FFF);
            font-size: 65px;
            font-weight: 600;
            line-height: 128%;
            margin-bottom: 16px;
        }

        .knowledge-head-text-2 {
            color: var(--unnamed, #FFF);
            font-size: 65px;
            font-weight: 600;
            line-height: 128%;
            margin-bottom: 16px;
        }

        .knowledge-body-text {
            width: 430px;
            color: #fff;
            font-size: 18px;
            font-weight: 400;
            line-height: 140%;
        }

        .img-mc-banner {
            z-index: 99 !important;
            position: relative;
            width: 130%;
        }

        .box-statistics {
            display: flex;
        }

        .sub-box-statistics {
            margin-right: 46px;
        }

        .statistics-symbol {
            color: #FFF;
            font-size: 18px;
            font-weight: 600;
            line-height: 40px;
        }

        .statistics-number {
            background: linear-gradient(247deg, rgba(88, 252, 197, 1) 23%, rgba(120, 92, 210, 1) 83%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-size: 30px;
            font-weight: 600;
            line-height: 40px;
            margin-top: -20px;
        }

        .row-card-menu {
            justify-content: end;
        }

        .card-menu {
            padding: 40px;
            height: 480px;
            width: 340px;
            border-radius: 8px;
            transition: 0.8s;
            overflow: hidden;
            display: flex;
            justify-content: left;
            align-items: last baseline;
            position: relative;
        }

        .box-btn-sub5 {
            font-size: 22px !important;
            font-weight: 700 !important;
            color: #fff;
            padding: 10px 20px;
            width: 62px;
            border-radius: 30px;
            position: relative;
            background: transparent;
            border: 1px solid #fff;
            transition: 0.3s;
        }

        .box-btn-sub5:hover {
            color: #000;
            background: #fff;
            border: 1px solid #fff;
        }

        .box-btn-sub5:focus {
            color: #000;
            background: #fff;
            border: 1px solid #fff;
        }

        .card-menu-head-text {
            color: #FFF;
            font-size: 28px;
            font-weight: 600;
            text-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        }

        .card-menu-sub-text {
            color: #FFF;
            font-size: 18px;
            font-weight: 400;
            line-height: 140%;
            margin-bottom: 30px;
            text-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        }

        .span-text-platinum {
            background: linear-gradient(247deg, rgba(88, 252, 197, 1) 23%, rgba(120, 92, 210, 1) 83%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .box-card {
            margin-right: 20px;
        }

        .card1 {
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)), url(../image/all/menu-1.webp) center center no-repeat;
            background-size: 400px;
            transition: 0.8s;
        }

        .card1:hover {
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url(../image/all/menu-1.webp) center center no-repeat;
            background-size: 600px;
        }

        .card2 {
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)), url(../image/all/menu-2.webp) center center no-repeat;
            background-size: 400px;
            transition: 0.8s;
        }

        .card2:hover {
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url(../image/all/menu-2.webp) center center no-repeat;
            background-size: 600px;
        }

        .card3 {
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)), url(../image/all/menu-3.webp) center center no-repeat;
            background-size: 400px;
            transition: 0.8s;
        }

        .card3:hover {
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url(../image/all/menu-3.webp) center center no-repeat;
            background-size: 600px;
        }

        .big-card {
            padding: 90px;
            height: auto;
            width: 100%;
            border-radius: 8px;
            overflow: hidden;
            text-align: center;
            justify-content: center;
            align-items: center;
            position: relative;
        }

        .big-card-1 {
            background: url(../image/all/bg-search-box.webp) center center no-repeat;
        }

        .big-card-head-text {
            color: var(--unnamed, #FFF);
            font-size: 48px;
            font-weight: 600;
            line-height: 140%;
        }

        .br-big-card-head-text {
            display: none;
        }

        @media (max-width: 1857px) {
            .card-menu {
                width: 320px;
                padding: 40px 20px;
            }

            .knowledge-head-text-2 {
                font-size: 60px;
            }

        }

        @media (max-width: 1789px) {
            .card-menu {
                width: 300px;
                padding: 40px 20px;
            }

            .knowledge-head-text-2 {
                font-size: 55px;
            }
        }

        @media (max-width: 1669px) {
            .card-menu {
                width: 290px;
                height: 450px;
                padding: 40px 20px;
            }

            .knowledge-head-text-2 {
                font-size: 50px;
            }
        }

        @media (max-width: 1670px) {
            .box-knowledge-text {
                margin-top: 90px;
            }
        }

        @media (max-width: 1629px) {
            .card-menu {
                width: 280px;
                height: 430px;
                padding: 40px 20px;
            }

            .knowledge-head-text-2 {
                font-size: 45px;
            }
        }

        @media (max-width: 1589px) {
            .card-menu {
                width: 270px;
                height: 400px;
                padding: 40px 15px;
            }
        }

        @media (max-width: 1549px) {
            .card-menu {
                width: 250px;
                height: 350px;
            }

            .card-menu-sub-text {
                font-size: 16px;
            }

            .box-knowledge-text-2 {
                margin-top: 90px;
            }

            .box-btn-sub5 {
                font-size: 18px !important;
                padding: 10px;
                width: auto;
            }

            .big-card {
                padding: 40px;
            }

            .big-card-content {
                margin-top: 40px;
            }
        }

        @media (max-width: 1533px) {
            .box-knowledge-text {
                margin-top: 50px;
            }
        }

        @media (max-width: 1489px) {
            .card-menu {
                width: 230px;
                height: 320px;
            }

            .card-menu-head-text {
                font-size: 20px;
            }

            .card-menu-sub-text {
                font-size: 14px;
            }

            .box-knowledge-text {
                margin-top: 10px;
            }

            .platinum-head-text-2 {
                font-size: 18px;
            }

        }

        @media (max-width: 1443px) {
            .knowledge-head-text-2 {
                font-size: 40px;
            }

            .platinum-head-text-2 {
                font-size: 16px;
            }
        }

        @media (max-width: 1318px) {
            .box-knowledge-text {
                margin-top: 20px;
            }

            .knowledge-body-text {
                width: auto;
            }

            .platinum-head-text {
                font-size: 20px;
            }

            .knowledge-head-text {
                font-size: 50px;
            }

            .knowledge-body-text {
                font-size: 16px;
            }

            .statistics-number {
                font-size: 22px;
                margin-top: -25px;
            }

            .statistics-symbol {
                font-size: 18px;
            }
        }

        @media (max-width: 1249px) {
            .card-menu {
                width: 200px;
                height: 300px;
                padding: 20px;
            }

            .card-menu-head-text {
                font-size: 18px;
            }

            .card-menu-sub-text {
                font-size: 12px;
            }

            .platinum-head-text-2 {
                font-size: 16px;
            }

            .box-btn-sub5 {
                font-size: 16px !important;
                padding: 5px;
            }

        }

        @media (max-width: 1199px) {
            .sptb-content-2 {
                padding-top: 3rem !important;
                padding-bottom: 4rem !important;
            }

            .box-knowledge-text-2 {
                margin-top: 0;
                text-align: center;
            }

            .row-card-menu {
                justify-content: center;
                margin-top: 30px;
            }
        }

        @media (max-width: 1024px) {

            .bg-shape::after {
                display: none !important;
            }

            .bg-shape-2:after {
                display: none !important;
            }
        }

        @media (max-width: 991px) {

            .sptb-content-3 {
                padding-top: 6rem;
            }

            .bg-shape:after {
                width: 800px;
                height: 500px;
            }

            .bg-shape-2:after {
                width: 500px;
                height: 300px;
            }

            .platinum-head-text {
                font-size: 18px;
                text-align: center;
            }

            .knowledge-head-text {
                font-size: 50px;
                text-align: center;
            }

            .knowledge-body-text {
                width: 400px;
                font-size: 14px;
                text-align: center;
                margin: auto;
            }

            .box-statistics {
                justify-content: center;
            }

            .statistics-number {
                font-size: 20px;
                margin-top: -25px;
            }

            .statistics-symbol {
                font-size: 16px;
            }

            .sub-box-statistics {
                margin: 20px;
                text-align: center;
            }

            .box-mc-banner {
                text-align: center;
            }

            .img-mc-banner {
                width: 80%;
            }

            .platinum-head-text {
                background: linear-gradient(247deg, rgba(88, 252, 197, 1) 28%, rgba(120, 92, 210, 1) 54%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }

            .platinum-head-text-2 {
                background: linear-gradient(247deg, rgba(88, 252, 197, 1) 28%, rgba(120, 92, 210, 1) 54%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                font-size: 18px;
            }

            .br-knowledge-head-text-2 {
                display: none;
            }

            .big-card-head-text {
                font-size: 35px;
            }

            .big-card-head-text {
                font-size: 30px;
            }

        }

        @media (max-width: 809px) {
            .card3 {
                margin-top: 20px;
            }
        }

        @media (max-width: 767px) {
            .img-mc-banner {
                width: 100%;
            }

            .knowledge-body-text {
                width: 400px;
            }

            .card3 {
                margin-top: 0;
            }

            .big-card {
                padding: 20px;
            }

            .big-card-content {
                margin-top: 20px;
            }
        }

        @media (max-width: 749px) {
            .card3 {
                margin-top: 20px;
            }
        }

        @media (max-width: 545px) {
            .br-big-card-head-text {
                display: block;
            }
        }

        @media (max-width: 540px) {
            .br-knowledge-head-text-2 {
                display: block;
            }
        }

        @media (max-width: 529px) {
            .box-card {
                margin-right: 0;
            }

            .card-menu {
                width: 270px;
                height: 400px;
                padding: 40px 15px;
            }

            .card-menu-head-text {
                font-size: 22px;
            }

            .card-menu-sub-text {
                font-size: 16px;
            }

            .box-btn-sub5 {
                font-size: 18px !important;
                padding: 10px;
            }

            .card1 {
                margin-top: 20px;
            }

            .card2 {
                margin-top: 20px;
            }

            .card3 {
                margin-top: 20px;
            }
        }

        @media (max-width: 515px) {
            .knowledge-body-text {
                width: auto;
            }
        }

        /* ---------------------------------------Video List Normal Page---------------------------------------------*/

        .card {
            border: none !important;
        }

        .btns {
            padding-top: 40px;
            display: flex;
            margin: auto;
        }

        .btns-mobile {
            padding-top: 40px;
            display: flex;
            margin: auto;
        }

        .topic-head-text {
            color: #00AFAB;
            font-size: 22px;
            font-weight: 600;
            margin-top: 80px;
        }

        .box-btn-sub6 {
            font-size: 18px !important;
            font-weight: 700 !important;
            color: #fff;
            padding: 10px 17px;
            width: auto;
            border-radius: 30px;
            background: transparent;
            border: 1px solid #fff;
            margin: 10px 5px 0 0;
            display: inline-flex;
        }

        .box-btn-list {
            margin: 20px auto;
        }

        a.box-btn-sub6:hover {
            background: var(--btn-buy-02, linear-gradient(229deg, #00AFAB 39.06%, #00AF76 98.91%));
            color: #FFF !important;
            border: none;
        }

        a.box-btn-sub6:active {
            background: var(--btn-buy-02, linear-gradient(229deg, #00AFAB 39.06%, #00AF76 98.91%));
            color: #FFF !important;
            border: none;
        }

        a.box-btn-sub6:focus {
            background: var(--btn-buy-02, linear-gradient(229deg, #00AFAB 39.06%, #00AF76 98.91%));
            color: #FFF !important;
            border: none;
        }

        .section {
            margin-top: 100px;
        }

        .box-bread {
            display: flex;
            margin-top: 50px;
            color: #fff;
        }

        .bread-normal {
            color: #B5B5B5;
            font-size: 18px;
            margin-right: 10px;
        }

        .bread-active {
            color: #fff;
            font-size: 18px;
            transition: 0.3s;
        }

        .bread-normal:hover {
            color: #00AFAB;
        }

        .bread-active:hover {
            color: #00AFAB;
        }

        .poppular-video-head-text {
            color: var(--unnamed, #FFF);
            font-size: 48px;
            line-height: 140%;
        }

        .list-video-head-text {
            color: var(--unnamed, #FFF);
            font-size: 48px;
            line-height: 140%;
        }

        .box-video {
            margin-top: 46px;
        }

        .caption-v-head-text {
            color: #FFF;
            font-size: 28px;
            font-weight: 600;
            line-height: 140%;
            transition: 0.3s;
        }

        .caption-v-head-text:hover {
            color: #00AFAB;
        }


        .box-write-info {
            display: flex;
            margin-top: 10px;
        }

        .text-write-info {
            color: var(--2, #B5B5B5);
            font-size: 16px;
            margin: auto 10px;
        }

        .span-write-info {
            color: var(--2, #B5B5B5);
            font-size: 16px;
            margin: auto 15px auto 10px;
        }

        .box-sub-video {
            margin-top: 20px;
            margin-left: 50px;
        }

        .box-sub-video-2 {
            margin-top: 120px;
            margin-left: 50px;
        }

        .box-video-right {
            margin-top: 40px;
        }

        .hr-video {
            background-color: #9D9D9D !important;
            width: 93%;
            margin-top: 50px !important;
            margin-left: 50px !important;
        }

        .hr-video-2 {
            background-color: #9D9D9D !important;
            width: 100%;
            margin-top: 50px !important;
        }

        @media (max-width: 1709px) {
            .caption-v-head-text {
                font-size: 20px;
            }

            .box-sub-video {
                margin-top: 20px;
                margin-left: 20px;
            }

            .hr-video {
                width: 100%;
                margin-left: 30px !important;
            }

            .text-write-info {
                font-size: 14px;
            }

            .box-sub-video-2 {
                margin-top: 80px;
                margin-left: 50px;
            }
        }

        @media (max-width: 1513px) {
            .box-sub-video {
                margin-top: 10px;
            }
        }

        @media (max-width: 1245px) {
            .caption-v-head-text {
                font-size: 18px;
            }

            .box-sub-video {
                margin-top: 10px;
            }
        }

        @media (max-width: 1199px) {
            .caption-v-head-text {
                font-size: 16px;
            }

            .text-write-info {
                font-size: 12px;
            }
        }

        @media (max-width: 991px) {
            .poppular-video-head-text {
                text-align: center;
                font-size: 40px;
            }

            .list-video-head-text {
                text-align: center;
                font-size: 40px;
            }

            .caption-v-head-text {
                font-size: 28px;
            }

            .text-write-info {
                font-size: 16px;
            }

            .box-sub-video {
                margin-top: 10px;
                margin-left: 0;
            }

            .hr-video {
                width: 100%;
                margin-left: 0px !important;
            }

            .box-sub-video-2 {
                margin-top: 20px;
                margin-left: 10px;
            }

            .box-btn-list {
                text-align: center;
            }

            .topic-head-text {
                text-align: center;
            }
        }

        @media (max-width: 829px) {
            .caption-v-head-text {
                font-size: 22px;
            }

            .text-write-info {
                font-size: 14px;
            }
        }

        @media (max-width: 767px) {
            .poppular-video-head-text {
                text-align: center;
                font-size: 30px;
            }

            .list-video-head-text {
                text-align: center;
                font-size: 30px;
            }

            .box-sub-video {
                margin-top: 0px;
            }

            .box-sub-video-2 {
                margin-top: 0px;
                margin-left: 0px;
            }

            .bread-normal {
                font-size: 14px;
            }

            .bread-active {
                font-size: 14px;
            }
        }

        @media (max-width: 639px) {
            .caption-v-head-text {
                font-size: 20px;
            }

            .text-write-info {
                font-size: 12px;
            }
        }

        @media (max-width: 554px) {
            .box-bread {
                display: contents;
            }
        }

        @media (max-width: 540px) {
            .caption-v-head-text {
                font-size: 18px;
            }

            .text-write-info {
                font-size: 10px;
            }
        }

        @media (max-width: 503px) {
            .caption-v-head-text {
                font-size: 16px;
            }
        }

        @media (max-width: 475px) {
            .text-write-info {
                font-size: 9px;
                margin: 6px;
            }

            .span-write-info {
                margin: auto 8px auto 5px;
            }
        }

        @media (max-width: 448px) {
            .box-btn-sub6 {
                font-size: 14px !important;
            }
        }

        @media (max-width: 437px) {
            .caption-v-head-text {
                font-size: 14px;
            }
        }

        @media (max-width: 420px) {
            .text-write-info {
                margin: 6px;
            }
        }

        /* ---------------------------------------Article List Page---------------------------------------------*/

        .last-article-head-text {
            color: var(--unnamed, #FFF);
            font-size: 48px;
            line-height: 140%;
        }

        .list-article-head-text {
            color: var(--unnamed, #FFF);
            font-size: 48px;
            line-height: 140%;
        }

        .box-article {
            margin-top: 46px;
        }

        .caption-a-head-text {
            color: #FFF;
            font-size: 28px;
            font-weight: 600;
            line-height: 140%;
            transition: 0.3s;
        }

        .caption-a-head-text:hover {
            color: #00AFAB;
        }

        .icon-write-info {
            width: 16px !important;
        }

        .icon-write-info-2 {
            width: 19px !important;
        }

        .box-sub-article {
            margin-top: 20px;
            margin-left: 20px;
        }

        .box-sub-article-2 {
            margin-top: 120px;
            margin-left: 50px;
        }

        .box-article-right {
            margin-top: 40px;
        }

        .hr-article {
            background-color: #9D9D9D !important;
            width: 100%;
            margin-top: 50px !important;
            margin-left: 20px !important;
            ;
        }

        .hr-article-2 {
            background-color: #9D9D9D !important;
            width: 100%;
            margin-top: 50px !important;
        }

        .box-sub-article-mt {
            margin-top: 80px;
        }

        /* Next Button Set1 */
        .customNextBtn {
            cursor: pointer;
            position: relative;
            display: block;
            margin: auto 10px;
            width: 40px;
            height: 40px;
            border: solid 2px #999;
            border-radius: 100%;
            z-index: 1;
            transition: all 0.2s linear;
        }

        .customNextBtn:before,
        .customNextBtn:after {
            content: "";
            position: absolute;
            width: 27%;
            height: 4%;
            top: 41%;
            left: 50%;
            background: #999;
            z-index: 2;
            transform: translate(-50%, -50%) rotate(45deg);
            transition: all 0.2s linear;
        }

        .customNextBtn:after {
            z-index: 3;
            top: 59%;
            left: 50%;
            transform: translate(-50%, -50%) rotate(-45deg);
            transition: 0.3s;
        }

        .customNextBtn:hover {
            border: solid 3px #fff;
        }

        .customNextBtn:hover:after,
        .customNextBtn:hover:before {
            background: #fff;
        }

        .customNextBtn:active {
            border: solid 3px #fff;
        }

        .customNextBtn:active:after,
        .customNextBtn:active:before {
            background: #fff;
        }

        /* Previous Button Set1 */
        .customPreviousBtn {
            cursor: pointer;
            position: relative;
            display: block;
            margin: auto 10px;
            width: 40px;
            height: 40px;
            border: solid 2px #777;
            border-radius: 100%;
            z-index: 1;
            transition: all 0.2s linear;
        }

        .customPreviousBtn:before,
        .customPreviousBtn:after {
            content: "";
            position: absolute;
            width: 27%;
            height: 4%;
            top: 41%;
            left: 45%;
            background: #777;
            z-index: 2;
            transform: translate(-50%, -50%) rotate(135deg);
            transition: all 0.2s linear;
        }

        .customPreviousBtn:after {
            z-index: 3;
            top: 59%;
            left: 45%;
            transform: translate(-50%, -50%) rotate(-135deg);
        }

        .customPreviousBtn:hover {
            border: solid 3px #fff;
        }

        .customPreviousBtn:hover:after,
        .customPreviousBtn:hover:before {
            background: #fff;
        }

        .customNextBtn:active {
            border: solid 3px #fff;
        }

        .customPreviousBtn:active:after,
        .customPreviousBtn:active:before {
            background: #fff;
        }

        /* Next Button Set2 */
        .customNextBtn2 {
            cursor: pointer;
            position: relative;
            display: block;
            margin: auto 10px;
            width: 40px;
            height: 40px;
            border: solid 2px #999;
            border-radius: 100%;
            z-index: 1;
            transition: all 0.2s linear;
        }

        .customNextBtn2:before,
        .customNextBtn2:after {
            content: "";
            position: absolute;
            width: 27%;
            height: 4%;
            top: 41%;
            left: 50%;
            background: #999;
            z-index: 2;
            transform: translate(-50%, -50%) rotate(45deg);
            transition: all 0.2s linear;
        }

        .customNextBtn2:after {
            z-index: 3;
            top: 59%;
            left: 50%;
            transform: translate(-50%, -50%) rotate(-45deg);
        }

        .customNextBtn2:hover {
            border: solid 3px #fff;
        }

        .customNextBtn2:hover:after,
        .customNextBtn2:hover:before {
            background: #fff;
        }

        .customNextBtn:active {
            border: solid 3px #fff;
        }

        .customNextBtn2:active:after,
        .customNextBtn2:active:before {
            background: #fff;
        }

        /* Previous Button Set2 */
        .customPreviousBtn2 {
            cursor: pointer;
            position: relative;
            display: block;
            margin: auto 10px;
            width: 40px;
            height: 40px;
            border: solid 2px #777;
            border-radius: 100%;
            z-index: 1;
            transition: all 0.2s linear;
        }

        .customPreviousBtn2:before,
        .customPreviousBtn2:after {
            content: "";
            position: absolute;
            width: 27%;
            height: 4%;
            top: 41%;
            left: 45%;
            background: #777;
            z-index: 2;
            transform: translate(-50%, -50%) rotate(135deg);
            transition: all 0.2s linear;
        }

        .customPreviousBtn2:after {
            z-index: 3;
            top: 59%;
            left: 45%;
            transform: translate(-50%, -50%) rotate(-135deg);
        }

        .customPreviousBtn2:hover {
            border: solid 3px #fff;
        }

        .customPreviousBtn2:hover:after,
        .customPreviousBtn2:hover:before {
            background: #fff;
        }

        .customNextBtn:active {
            border: solid 3px #fff;
        }

        .customPreviousBtn2:active:after,
        .customPreviousBtn2:active:before {
            background: #fff;
        }


        .owl-dot {
            display: none !important;
        }

        .mb-7 {
            margin-bottom: 0rem;
        }

        @media (max-width: 1709px) {
            .caption-a-head-text {
                font-size: 20px;
            }

            .box-sub-article {
                margin-top: 10px;
                margin-left: 20px;
            }

            .hr-article {
                width: 100%;
                margin-left: 30px !important;
            }

            .box-sub-article-2 {
                margin-top: 80px;
                margin-left: 50px;
            }

            .box-sub-article-mt {
                margin-top: 50px;
            }
        }

        @media (max-width: 1539px) {
            .box-sub-article-mt {
                margin-top: 30px;
            }
        }

        @media (max-width: 1245px) {
            .caption-a-head-text {
                font-size: 18px;
            }

            .box-sub-article {
                margin-top: 10px;
            }

        }

        @media (max-width: 1199px) {
            .caption-a-head-text {
                font-size: 16px;
            }
        }

        @media (max-width: 1024px) {
            .mb-7 {
                margin-bottom: 7rem;
            }
        }

        @media (max-width: 991px) {
            .last-article-head-text {
                text-align: center;
                font-size: 40px;
            }

            .list-article-head-text {
                text-align: center;
                font-size: 40px;
            }

            .caption-a-head-text {
                font-size: 28px;
            }

            .box-sub-article {
                margin-top: 10px;
                margin-left: 0;
            }

            .hr-article {
                width: 100%;
                margin-left: 0px !important;
            }

            .box-sub-article-2 {
                margin-top: 20px;
                margin-left: 10px;
            }

            .box-sub-article-mt {
                margin-top: 0px;
            }
        }

        @media (max-width: 829px) {
            .caption-a-head-text {
                font-size: 22px;
            }
        }

        @media (max-width: 767px) {
            .last-article-head-text {
                text-align: center;
                font-size: 30px;
            }

            .list-article-head-text {
                text-align: center;
                font-size: 30px;
            }

            .box-sub-article {
                margin-top: 0px;
            }

            .box-sub-article-2 {
                margin-top: 0px;
                margin-left: 0px;
            }
        }

        @media (max-width: 639px) {
            .caption-a-head-text {
                font-size: 20px;
            }
        }

        @media (max-width: 540px) {
            .caption-a-head-text {
                font-size: 18px;
            }
        }

        @media (max-width: 503px) {
            .caption-a-head-text {
                font-size: 16px;
            }
        }

        @media (max-width: 437px) {
            .caption-a-head-text {
                font-size: 14px;
            }
        }


        /* ---------------------------------------Article Detail Page---------------------------------------------*/

        .img-article-detail {
            width: 100%;
            border-radius: 8px !important;
        }

        .img-article-detail-2 {
            width: 100%;
            border-radius: 8px !important;
        }

        .art-detail-head-text {
            color: var(--unnamed, #FFF);
            font-size: 28px;
            font-weight: 600;
            line-height: 140%;
        }

        .article-detail-head-text {
            color: #FFF;
            font-size: 20px;
            font-weight: 600;
            line-height: 140%;
        }

        .article-detail-head-text:hover {
            color: #00AFAB;
        }

        .box-article-detail-content {
            margin-top: 30px;
        }

        .big-article-head-text {
            color: #FFF;
            font-size: 28px;
            font-weight: 600;
            line-height: 140%;
            margin-top: 70px;
        }

        .box-content-article {
            margin-top: 30px;
        }

        li.text-bold {
            font-weight: 700 !important;
            font-size: 18px;
            line-height: 181.5%;
        }

        .text-normal {
            color: #fff;
            font-weight: 400 !important;
            font-size: 18px;
            line-height: 181.5%;
        }

        .text-share {
            color: var(--2, #B5B5B5);
            margin: auto 16px;
            font-size: 19px;
            transition: 0.5s;
        }

        .text-share:hover {
            color: var(--2, #fff);
        }

        .box-tag {
            margin-top: 40px;
        }

        .tag-head-text {
            color: var(--unnamed, #FFF);
            font-size: 28px;
            font-weight: 600;
            line-height: 140%;
        }

        .box-btn-tag {
            display: contents;
        }

        @media (max-width: 1709px) {
            .box-btn-tag {
                display: contents;
                width: auto;
            }

            .box-article-detail-content {
                margin-top: 10px;
            }

            .article-detail-head-text {
                font-size: 20px
            }
        }

        @media (max-width: 1478px) {
            .article-detail-head-text {
                font-size: 18px
            }
        }

        @media (max-width: 1337px) {
            .article-detail-head-text {
                font-size: 16px
            }

            .text-write-info {
                font-size: 12px;
            }
        }

        @media (max-width: 1238px) {
            .article-detail-head-text {
                font-size: 14px
            }

            .text-write-info {
                font-size: 10px;
            }
        }

        @media (max-width: 1140px) {
            .article-detail-head-text {
                font-size: 14px
            }

            .text-write-info {
                font-size: 9px;
            }

            .icon-write-info {
                width: 11px !important;
            }
        }

        @media (max-width: 991px) {
            .art-detail-head-text {
                margin-top: 80px;
                text-align: center;
                margin-bottom: 50px;
            }

            .article-detail-head-text {
                font-size: 22px
            }

            .text-write-info {
                font-size: 16px;
            }

            .icon-write-info {
                width: 16px !important;
            }

            .tag-head-text {
                text-align: center;
            }

            .box-tag {
                text-align: center;
            }
        }

        @media (max-width: 587px) {
            .article-detail-head-text {
                font-size: 18px
            }

            .text-write-info {
                font-size: 12px;
            }

            .icon-write-info {
                width: 14px !important;
            }

            .big-article-head-text {
                margin-top: 30px;
            }
        }

        @media (max-width: 508px) {
            .text-write-info {
                font-size: 10px;
            }

            .icon-write-info {
                width: 12px !important;
            }

            .icon-write-info-2 {
                width: 14px !important;
            }

        }

        /* ---------------------------------------Video Detail Page---------------------------------------------*/

        .box-like {
            text-align: right;
            display: flex;
        }

        .box-comment {
            display: flex;
        }

        .icon-info-1 {
            font-size: 25px;
        }

        .big-video-head-text {
            color: #FFF;
            font-size: 28px;
            font-weight: 600;
            line-height: 140%;
            margin-top: 70px;
        }

        .box-doc-download {
            margin-top: 50px;
        }

        .doc-head-text {
            color: #FFF;
            font-size: 22px;
            font-weight: 600;
        }

        .card-doc-download {
            border-radius: 8px;
            border: 1px solid #838383;
            background: rgba(7, 7, 7, 0.60);
            transition: 0.3s;
        }

        .card-container {
            display: flex;
            justify-content: space-between;
            padding: 15px 16px;
            background: #202020;
        }

        .name-doc {
            color: var(--2, #B5B5B5);
            font-size: 12px;
            font-weight: 400;
            margin-bottom: 0;
            transition: 0.3s;
        }

        .name-doc:hover {
            color: #00AFAB !important;
        }

        .icon-info-2 {
            font-size: 25px;
        }

        .card-doc-download:hover {
            border: 1px solid #fff;
        }

        .box-v-recomment {
            margin-top: 70px;
        }

        .recomment-head-text {
            color: #FFF;
            font-size: 22px;
            font-weight: 600;
        }

        .caption-v-head-text-2 {
            color: #FFF;
            font-size: 22px;
            font-weight: 600;
            line-height: 140%;
        }

        .box-video-2 {
            margin-top: 20px;
        }

        .text-write-info-2 {
            color: var(--2, #B5B5B5);
            font-size: 16px;
            margin: auto 10px;
        }


        @media (max-width: 1608px) {
            .text-write-info-2 {
                font-size: 12px;
            }
        }

        @media (max-width: 1524px) {
            .caption-v-head-text-2 {
                font-size: 18px;
            }
        }

        @media (max-width: 991px) {
            .card__footer {
                height: 45% !important;
            }
        }

        @media (max-width: 810px) {
            .caption-v-head-text-2 {
                font-size: 14px;
            }

            .text-write-info-2 {
                font-size: 10px;
            }
        }

        @media (max-width: 767px) {
            .caption-v-head-text-2 {
                font-size: 18px;
            }

            .card__footer {
                height: 30% !important;
            }

            .text-write-info-2 {
                font-size: 12px;
            }

            .big-video-head-text {
                margin-top: 25px;
            }

            .doc-head-text {
                font-size: 18px;
            }

            .recomment-head-text {
                font-size: 18px;
            }
        }

        @media (max-width: 575px) {
            .caption-v-head-text-2 {
                font-size: 16px;
            }

            .card__footer {
                height: 40% !important;
            }

            .text-write-info-2 {
                font-size: 12px;
            }

            .icon-info-1 {
                font-size: 20px;
            }
        }

        @media (max-width: 438px) {
            .caption-v-head-text-2 {
                font-size: 14px;
            }

            .text-write-info-2 {
                font-size: 10px;
            }
        }

        /* ---------------------------------------Video List Platinum Page---------------------------------------------*/

        .card-platinum {
            border: double 1.5px transparent !important;
            background-image: linear-gradient(#0f0f0f, #0f0f0f), radial-gradient(circle at top left, #6A51DF, #6CFFBF) !important;
            background-origin: border-box !important;
            background-clip: content-box, border-box !important;
        }

        .hr-platinum {
            height: 1px !important;
            background-image: linear-gradient(90deg, #6A51DF, #6CFFBF) !important;
            border: none !important;
        }

        .text-coming {
            background: linear-gradient(301deg, rgba(88, 252, 197, 1) 87%, rgba(120, 92, 210, 1) 95%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            margin-top: -30px;
            font-size: 14px;
        }

        @media (max-width: 767px) {
            .text-coming {
                margin-top: -10px;
            }
        }

        /* ---------------------------------------Contact Page---------------------------------------------*/

        .banner-contact {
            background-image: url(../image/banner/contact-banner.webp);
            background-size: cover;
            background-repeat: no-repeat;
            position: relative;
        }

        .box-contact-content {
            text-align: center;
            padding: 150px 0;
        }

        .contact-head-text {
            color: #fff;
            font-size: 70px;
            font-weight: 600;
        }

        .box-bread-2 {
            display: flex;
            margin-top: 10px;
            color: #fff;
            justify-content: center;
        }

        .get-in-touch-head-text {
            color: #FFF;
            font-size: 28px;
        }

        .mgt-setting {
            margin-top: 30px;
        }

        .icon-contact-info-1 {
            width: 50px;
        }

        .box-contact-info-1 {
            display: flex;
            margin-top: 100px;
            margin-left: 130px;
        }

        .box-contact-info-2 {
            display: flex;
            margin-top: 30px;
            margin-left: 130px;
        }

        .icon-contact-info {
            font-size: 50px;
            background: -webkit-linear-gradient(45deg, #6A51DF, #6CFFBF);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .info-contact-1 {
            margin-left: 30px;
            font-size: 22px;
            margin-top: 10px;
        }

        .info-contact-respons {
            color: #fff;
            transition: 0.3s;
        }

        .info-contact-respons:hover {
            color: #00AFAB;
        }

        .info-contact-respons:focus {
            color: #00AFAB;
        }

        .mapouter {
            position: relative;
            text-align: right;
            width: 100%;
            filter: grayscale(100%) invert(100%) contrast(100%);
        }

        .gmap_canvas {
            overflow: hidden;
            background: none !important;
            width: 100%;
            height: 100%;
        }

        .gmap_iframe {
            width: 100% !important;
            height: 400px !important;
        }

        .input-container {
            margin-top: 20px;
        }

        .input {
            background: transparent !important;
            color: #fff !important;
            border-radius: 8px !important;
            border: 1px solid #606060 !important;
        }

        .input::placeholder {
            color: #949494 !important;
            ;
        }

        @media (max-width: 1399px) {
            .contact-head-text {
                font-size: 50px;
            }

            .box-contact-content {
                padding: 80px 0;
            }

            .box-contact-info-1 {
                margin-left: 90px;
            }

            .box-contact-info-2 {
                margin-left: 90px;
            }

        }

        @media (max-width: 1199px) {
            .icon-contact-info-1 {
                width: 30px;
            }

            .info-contact-1 {
                font-size: 18px;
            }

            .box-contact-info-1 {
                margin-left: 60px;
            }

            .box-contact-info-2 {
                margin-left: 60px;
            }

            .icon-contact-info {
                font-size: 40px;
            }
        }

        @media (max-width: 991px) {
            .box-contact-info-1 {
                margin-top: 50px;
                margin-left: 0px;
            }

            .box-contact-info-2 {
                margin-left: 0px;
            }

            .icon-contact-info-1 {
                width: 50px;
            }

            .sptb-content-4 {
                padding-top: 2rem;
            }
        }

        @media (max-width: 525px) {
            .icon-contact-info-1 {
                width: 30px;
            }

            .info-contact-1 {
                font-size: 16px;
            }

            .box-contact-info-2 {
                margin-top: 10px;
            }
        }

        /* ---------------------------------------Highlight Page---------------------------------------------*/

        .box-function-content {
            text-align: center;
        }

        .function-head-text {
            text-align: center;
            color: var(--unnamed, #FFF);
            font-size: 48px;
            font-weight: 600;
            line-height: 128%;
            margin-top: 0px;
            margin-bottom: 16px;
        }

        .package-ft-head-text {
            background: linear-gradient(247deg, rgba(88, 252, 197, 1) 28%, rgba(120, 92, 210, 1) 54%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-size: 28px;
            font-weight: 400;
            line-height: 128%;
            letter-spacing: 6px;
            margin-top: 20px;
        }

        .package-ft-body-text {
            width: 560px;
            margin: auto;
            color: #c9c9c9;
            font-size: 18px;
            font-weight: 400;
            line-height: 140%;
            margin-top: 20px;
        }

        .pakage-ads-text {
            color: #c9c9c9;
            font-size: 28px;
            font-weight: 600;
            line-height: 128%;
            margin-top: 20px;
        }

        .price-head-text-2 {
            color: #fff;
            font-size: 28px;
            font-weight: 600;
            line-height: 128%;
        }

        .text-price {
            background: linear-gradient(247deg, rgba(88, 252, 197, 1) 5%, rgba(120, 92, 210, 1) 56%) !important;
            -webkit-background-clip: text !important;
            -webkit-text-fill-color: transparent !important;
            font-size: 30px;
        }

        .package-padding-2 {
            padding: 30px 5px;
        }

        .accordion-body-text {
            color: #bebebe;
            font-size: 22px;
        }

        .accordion-head-text {
            color: #c9c9c9;
            font-size: 22px;
            font-weight: 600;
        }

        .box-ft-img {
            text-align: center;
        }

        .ft-img {
            margin-bottom: 40px;
            width: 80%;
            background-color: rgba(255, 255, 255, 0.1);
            padding: 15px;
            border-radius: 15px !important;

        }

        .main-ft-head-text {
            background: linear-gradient(248deg, rgba(88, 252, 197, 1) 94%, rgba(120, 92, 210, 1) 98%) !important;
            -webkit-background-clip: text !important;
            -webkit-text-fill-color: transparent !important;
            font-size: 35px;
            font-weight: 600;
            margin-bottom: 30px;
        }

        .main-ft-head-text-2 {
            background: linear-gradient(248deg, rgba(88, 252, 197, 1) 94%, rgba(120, 92, 210, 1) 98%) !important;
            -webkit-background-clip: text !important;
            -webkit-text-fill-color: transparent !important;
            font-size: 35px;
            font-weight: 600;
            margin-bottom: 30px;
            margin-top: 90px;
        }

        .main-ft-head-text-3 {
            background: linear-gradient(240deg, rgba(88, 252, 197, 1) 85%, rgba(120, 92, 210, 1) 98%) !important;
            -webkit-background-clip: text !important;
            -webkit-text-fill-color: transparent !important;
            font-size: 35px;
            font-weight: 600;
            margin-bottom: 30px;
            margin-top: 90px;
        }

        @media (max-width: 1440px) {
            .main-ft-head-text {
                background: linear-gradient(248deg, rgba(88, 252, 197, 1) 88%, rgba(120, 92, 210, 1) 98%) !important;
                -webkit-background-clip: text !important;
                -webkit-text-fill-color: transparent !important;
            }

            .main-ft-head-text-2 {
                background: linear-gradient(248deg, rgba(88, 252, 197, 1) 90%, rgba(120, 92, 210, 1) 98%) !important;
                -webkit-background-clip: text !important;
                -webkit-text-fill-color: transparent !important;
            }

            .main-ft-head-text-3 {
                background: linear-gradient(240deg, rgba(88, 252, 197, 1) 75%, rgba(120, 92, 210, 1) 98%) !important;
                -webkit-background-clip: text !important;
                -webkit-text-fill-color: transparent !important;
            }

            .ft-img {
                margin-bottom: 10px;
            }
        }

        @media (max-width: 1199px) {
            .text-price {
                font-size: 24px;
            }
        }

        @media (max-width: 1024px) {
            .text-price {
                background: linear-gradient(247deg, rgba(88, 252, 197, 1) 10%, rgba(120, 92, 210, 1) 54%) !important;
                -webkit-background-clip: text !important;
                -webkit-text-fill-color: transparent !important;
                font-size: 22px;
            }
        }

        @media (max-width: 768px) {
            .main-ft-head-text {
                background: linear-gradient(248deg, rgba(88, 252, 197, 1) 74%, rgba(120, 92, 210, 1) 98%) !important;
                -webkit-background-clip: text !important;
                -webkit-text-fill-color: transparent !important;
                font-size: 28px;
            }

            .main-ft-head-text-2 {
                background: linear-gradient(248deg, rgba(88, 252, 197, 1) 83%, rgba(120, 92, 210, 1) 98%) !important;
                -webkit-background-clip: text !important;
                -webkit-text-fill-color: transparent !important;
                font-size: 28px;
                margin-top: 50px;
            }

            .main-ft-head-text-3 {
                background: linear-gradient(240deg, rgba(88, 252, 197, 1) 57%, rgba(120, 92, 210, 1) 98%) !important;
                -webkit-background-clip: text !important;
                -webkit-text-fill-color: transparent !important;
                font-size: 28px;
                margin-top: 50px;
            }

            .accordion-head-text {
                font-size: 18px;
            }

            .ft-img {
                width: 100%;
            }

            .package-ft-body-text {
                width: auto;
                font-size: 16px;
            }

            .pakage-ads-text {
                font-size: 22px;
            }

            .package-ft-head-text {
                font-size: 22px;
            }

            .function-head-text {
                font-size: 35px;
            }
        }

        @media (max-width: 529px) {
            .package-ft-body-text {
                font-size: 14px;
            }

            .package-ft-head-text {
                font-size: 18px;
            }

            .pakage-ads-text {
                font-size: 18px;
            }
        }

        @media (max-width: 478px) {
            .package-ft-body-text {
                font-size: 12px;
            }

            .package-ft-head-text {
                font-size: 16px;
            }

            .pakage-ads-text {
                font-size: 16px;
            }
        }

        /* ---------------------------------------Function Page---------------------------------------------*/

        .sptb-table-section {
            padding-top: 3rem !important;
            padding-bottom: 4rem !important;
        }

        .sptb-table-sub {
            margin-top: 100px;
        }

        /* ---------------------------------------Term and Conditions Page-----------------------------------------*/

        .box-term {
            text-align: center;
            background-color: #171717;
            padding: 30px;
            border-radius: 8px;
            margin-top: 50px;
        }

        .term-head-text {
            text-align: center;
            color: var(--unnamed, #FFF);
            font-size: 40px;
            font-weight: 600;
            line-height: 128%;
            margin-top: 30px;
            margin-bottom: 16px;
        }

        .set-text-hide {
            display: none;
        }

        .term-text-1 {
            color: #d4d4d4;
            font-size: 22px;
            margin-top: 50px;
            font-weight: 500;
        }

        .text-link {
            color: #dddddd;
            transition: 0.3s;
        }

        .text-link:hover {
            color: #00AFAB;
        }

        .text-link:focus {
            color: #007b79;
        }

        .term-text-1 span {
            margin-left: 20px;
        }

        .text-li-term {
            font-size: 16px;
            color: #a6a6a6;
        }

        .text-li-term-2 {
            font-size: 16px;
            color: #a6a6a6;
            margin-left: 18px;
        }

        .d-flex.term-detail {
            margin: 10px 0;
        }


        @media (max-width: 1582px) {
            .br-term {
                display: none;
            }
        }

        @media (max-width: 1440px) {
            .term-head-text {
                font-size: 35px;
            }
        }

        @media (max-width: 1232px) {
            .set-text-hide {
                display: block;
            }
        }

        @media (max-width: 1199px) {
            .box-term {
                margin-top: 100px;
            }
        }

        @media (max-width: 1024px) {
            .box-term {
                margin-top: 50px;
            }
        }

        @media (max-width: 929px) {
            .br-term {
                display: block;
            }
        }

        @media (max-width: 814px) {
            .br-term {
                display: none;
            }
        }

        @media (max-width: 767px) {
            .box-detail-term.px-4 {
                padding-left: 0.5rem !important;
                padding-right: 0.5rem !important;
            }

            .term-text-1 {
                font-size: 20px;
            }

            .term-text-1 span {
                margin-left: 10px;
            }
        }

        @media (max-width: 672px) {
            .set-text-hide {
                display: none;
            }
        }

        @media (max-width: 631px) {
            .br-term {
                display: block;
            }
        }

        @media (max-width: 575px) {
            .term-head-text {
                font-size: 23px;
            }
        }

        @media (max-width: 554px) {
            .br-term {
                display: none;
            }
        }

        @media (max-width: 528px) {
            .br-term {
                display: block;
            }
        }


        @media (max-width: 457px) {
            .term-head-text {
                font-size: 22px;
            }
        }

        @media (max-width: 427px) {
            .term-head-text {
                font-size: 20px;
            }

            .box-term {
                padding: 20px 15px;
            }
        }

        /* ---------------------------------------How to Login Page---------------------------------------------*/

        /* Section How to */

        .box-how-to-1 {
            text-align: center !important;
        }

        .how-to-head-text-1 {
            font-size: 48px;
            color: #fff;
            line-height: 140%;
        }

        .sptb-how-to {
            padding-top: 4rem;
            padding-bottom: 3rem;
        }

        .how-to-head-text-2 {
            text-align: left !important;
            color: #fff;
            font-size: 22px;
            margin-bottom: 30px;
            line-height: 140%;
        }

        .mgt--60 {
            margin-top: -60px;
        }

        .link-how-to {
            color: #008a88;
            transition: 0.3s;
        }

        .link-how-to:hover {
            color: #007170;
        }

        .link-how-to:focus {
            color: #005554;
        }

        .box-howto-content {
            padding-bottom: 100px;
            text-align: center;
            width: 80%;
            margin: auto;
        }

        .img-how-to-1 {
            width: 100%;
            margin: auto;
        }

        /* Section Contact */

        .sptb-contact {
            padding-top: 1rem;
            padding-bottom: 4rem;
        }

        .bg-contact {
            background-image: url(../image/banner/bg-contact.png);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: top left 50%;
            position: relative;
            padding: 100px 0 80px 0;
        }

        .contact-head-text-2 {
            text-align: center;
            color: #fff;
            font-size: 48px;
        }

        .contact-body-text {
            text-align: center;
            color: #fff;
            font-weight: 300 !important;
            font-size: 40px;
            margin-top: 30px;
        }

        /* ---- Social Icon Css ---- */
        .social-container {
            margin-top: 50px;
            text-align: center;
        }

        .social-icons {
            padding: 0;
            list-style: none;
            margin: 30px 40px;
        }

        .social-icons li {
            display: inline-block;
            margin: 0.15em;
            position: relative;
            font-size: 30px;
        }

        .social-icons i {
            color: #fff;
            position: absolute;
            top: 25px;
            left: 26px;
            transition: all 265ms ease-out;
        }

        .social-icons a {
            display: inline-block;
        }

        .social-icons a:before {
            transform: scale(1);
            -ms-transform: scale(1);
            -webkit-transform: scale(1);
            content: " ";
            width: 80px;
            height: 80px;
            border-radius: 100%;
            display: block;
            background: linear-gradient(240deg, rgba(88, 252, 197, 1) 26%, rgba(120, 92, 210, 1) 75%) !important;
            transition: all 265ms ease-out;
        }

        .social-icons a:hover:before {
            transform: scale(0);
            transition: all 265ms ease-in;
        }

        .social-icons a:hover i {
            transform: scale(2.2);
            -ms-transform: scale(2.2);
            -webkit-transform: scale(2.2);
            background: -webkit-linear-gradient(45deg, #6CFFBF, #6A51DF);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            transition: all 265ms ease-in;
        }

        .box-btn-sub7 {
            font-size: 22px !important;
            font-weight: 700 !important;
            color: #fff;
            padding: 10px 20px;
            width: 62px;
            border-radius: 30px;
            position: relative;
            background: transparent;
            border: 1px solid #fff;
            transition: 0.3s;
        }

        .box-btn-sub7:hover {
            color: #000;
            background: #fff;
            border: 1px solid #fff;
        }

        .box-btn-sub7:focus {
            color: #000;
            background: #fff;
            border: 1px solid #fff;
        }


        /* Section Team Viewer */

        .sptb-team-viewer {
            padding-top: 1rem;
            padding-bottom: 4rem;
        }

        .box-more-help {
            text-align: center;
        }

        .icon-tvw {
            margin: 40px;
            width: 70px;
        }

        .btn-mt-40 {
            margin-top: 40px !important;
        }

        @media (max-width: 1199px) {
            .box-how-to-1 {
                padding-top: 30px;
            }
        }

        @media (max-width: 991px) {
            .mgt--60 {
                margin-top: -20px;
            }

            .bg-contact {
                padding: 80px 0 50px 0;
            }

            .box-how-to-1 {
                padding-top: 30px;
            }

            .how-to-head-text-1 {
                font-size: 40px;
            }

            .box-howto-content {
                width: 100%;
                padding-bottom: 50px;
            }

            .contact-head-text-2 {
                font-size: 40px;
            }

            .contact-body-text {
                font-size: 30px;
            }

            .social-icons li {
                font-size: 30px;
            }

            .social-icons i {
                top: 15px;
                left: 16px;
            }

            .social-icons a:before {
                width: 60px;
                height: 60px;
            }
        }

        @media (max-width: 767px) {
            .how-to-head-text-2 {
                font-size: 20px;
            }

            .contact-head-text-2 {
                font-size: 30px;
            }

            .contact-body-text {
                font-size: 25px;
                margin-top: 20px;
            }

            .social-container {
                margin-top: 30px;
            }

            .box-btn-sub7 {
                font-size: 18px !important;
            }
        }

        @media (max-width: 575px) {
            .how-to-head-text-1 {
                font-size: 35px;
            }

            .how-to-head-text-2 {
                font-size: 16px;
            }

            .contact-head-text-2 {
                font-size: 25px;
            }

            .contact-body-text {
                font-size: 20px;
            }

            .box-btn-sub7 {
                font-size: 16px !important;
            }
        }


/*verify mobile */
.btn-ring {
    padding-left: 10px;
}

    .btn-ring:after {
        content: "";
        display: table-cell;
        width: 25px;
        height: 25px;
        margin: 8px;
        border-radius: 50%;
        border: 3px solid #fff;
        border-color: #fff transparent #fff transparent;
        animation: ring 1.2s linear infinite;
        text-align:center;
    }

@keyframes ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #353535;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #1a1a1a;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

select option {
    color: #878787;
    background-color: #1a1a1a;
}



/*error css*/
input.fc-field-error {
    border: 1px solid #ff0000ad !important;
    box-shadow: 0 0 0 0.13rem rgb(221 67 67 / 45%);
}
select.fc-field-error {
    border: 1px solid #ff0000ad !important;
    box-shadow: 0 0 0 0.13rem rgb(221 67 67 / 45%);
}
.msg-erorr {
    color: #ff4b49;
    display: none;
    margin-left: 5px;
}


.swal2-container.swal2-backdrop-show {
    background: rgb(255 255 255 / 23%) !important;
}

.swal2-html-container{
    color: #fff;
}