body {
    background: #ebebeb;
    font-family: "iCiel Suisse Intl";
    font-size: 14px;
    line-height: 20px;
    color: #252525;
    background-color: #fff;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0.1s;
    -webkit-tap-highlight-color: transparent;
    margin: 0;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1370px;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
}

*,
::after,
::before {
    box-sizing: border-box;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

a {
    text-decoration: none;
    color: #666666;
    outline: none;
}
a:hover {
    text-decoration: none;
}

p {
    margin: 0;
}

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

img {
    max-width: 100%;
    height: auto;
    display: block;
    image-rendering: -webkit-optimize-contrast;
    color: transparent;
}

input,
textarea,
select,
a {
    outline: none;
}

.icon {
    display: inline-flex;
}

.hidden {
    display: none !important;
}

.img-resize {
    display: block;
    position: relative;
    height: -moz-max-content;
    height: max-content;
}
.img-resize:before {
    padding-bottom: 62.5%; /* 16:10 */
    content: "";
    display: block;
}
.img-resize img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    margin: auto;
    background-size: cover;
    background-position: center;
    -o-object-fit: cover;
    object-fit: cover;
}

.img-square {
    display: block;
    position: relative;
    height: -moz-max-content;
    height: max-content;
}
.img-square:before {
    padding-bottom: 133.33%; /* 3:4 */
    content: "";
    display: block;
}
.img-square img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    margin: auto;
    background-size: cover;
    background-position: center;
    -o-object-fit: cover;
    object-fit: cover;
}

.iframe-resize {
    display: block;
    position: relative;
    height: -moz-max-content;
    height: max-content;
}
.iframe-resize:before {
    padding-bottom: 56.25%;
    content: "";
    display: block;
}
.iframe-resize .iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.item-loading {
    position: relative;
    overflow: hidden;
    border: 0 !important;
}
.item-loading img {
    position: initial !important;
}

.item-loading * {
    opacity: 0;
}

@keyframes load {
    from {
        left: -100%;
    }
    to {
        left: 100%;
    }
}
.item-loading:after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background: #f9f9f9 !important;
    z-index: 1;
    opacity: 1 !important;
    top: 0;
    height: 100% !important;
    width: 100% !important;
}

.item-loading:before {
    content: "" !important;
    display: block;
    position: absolute;
    left: -100%;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(to right, transparent 0%, #e8e8e8 50%, transparent 100%);
    animation: load 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    z-index: 2;
}

.header {
    background: #000;
    padding: 34px 0;
}
.header .container {
    position: relative;
}
.header .menu {
    display: flex;
    margin-left: auto;
    gap: 49px;
    justify-content: flex-end;
    transition: 0.25s;
}
.header .menu a {
    color: #fff;
    font-size: 17px;
    line-height: 135%;
    letter-spacing: -0.1px;
}
.header .menu a:hover {
    color: #d8d8d8;
}
.header .logo {
    width: 130px;
    position: absolute;
    left: 15px;
    top: -7px;
}

.box-video {
    max-width: 100%;
}
.box-video video {
    width: 100%;
    height: auto;
    background: #000;
}

@font-face {
    font-family: "iCiel Suisse Intl";
    font-style: normal;
    font-weight: 500;
    src: url("https://static.mediacdn.vn/fonts/iCielSuisseIntl-Medium.otf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: "iCiel Suisse Intl";
    font-style: normal;
    font-weight: 400;
    src: url("https://static.mediacdn.vn/fonts/iCielSuisseIntl-Regular.otf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: "Anton";
    font-style: normal;
    font-weight: 400;
    src: url("https://static.mediacdn.vn/fonts/Anton-Regular.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: url("https://static.mediacdn.vn/fonts/Roboto-Bold.woff2") format("woff2"), url("https://static.mediacdn.vn/fonts/Roboto-Bold.woff") format("woff"), url("https://static.mediacdn.vn/fonts/Roboto-Bold.ttf") format("truetype"), url("https://static.mediacdn.vn/fonts/Roboto-Bold.eot") format("embedded-opentype");
    font-display: swap;
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
    src: url("https://static.mediacdn.vn/fonts/Roboto-Bold.woff2") format("woff2"), url("https://static.mediacdn.vn/fonts/Roboto-Bold.woff") format("woff"), url("https://static.mediacdn.vn/fonts/Roboto-Bold.ttf") format("truetype"), url("https://static.mediacdn.vn/fonts/Roboto-Bold.eot") format("embedded-opentype");
    font-display: swap;
}
.box-leader {
    margin: 64px 0 86px;
}
.box-leader h2.title {
    margin-bottom: 86px;
    text-align: center;
    font-family: "Anton";
    font-weight: 400;
    font-size: 60px;
    line-height: 135%;
    letter-spacing: -0.01em;
    text-transform: capitalize;
}
.box-leader .swiper-slide {
    width: 462px;
}
.box-leader .swiper-slide img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.box-leader .swiper-slide a {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.box-leader .swiper-slide span {
    display: block;
    text-align: center;
}
.box-leader .swiper-slide .name {
    margin: 35px 0 3px;
    font: 35px/135% "Anton", sans-serif;
    letter-spacing: -0.1px;
}
.box-leader .swiper-slide .position {
    font-weight: 500;
    font-size: 30px;
    line-height: 135%;
    letter-spacing: -0.1px;
    color: #000;
}
.box-leader .swiper-leader .swiper-slide {
    transition: transform 0.5s ease, scale 0.5s ease;
    transform: scale(0.77);
}
.box-leader .swiper-leader .swiper-slide img {
    height: 678px;
}
.box-leader .swiper-leader .swiper-slide .name,
.box-leader .swiper-leader .swiper-slide .position {
    transform: scale(1.28);
}
.box-leader .swiper-leader .swiper-slide .position {
    margin-top: 18px;
}
.box-leader .swiper-leader .swiper-slide.swiper-slide-active {
    transform: scale(1);
    opacity: 1;
    z-index: 2;
}
.box-leader .swiper-leader .swiper-slide.swiper-slide-active .position {
    margin-top: 10px;
}
.box-leader .swiper-leader .swiper-slide.swiper-slide-active .name,
.box-leader .swiper-leader .swiper-slide.swiper-slide-active .position {
    transform: scale(1);
}
.box-leader .swiper-scrollbar {
    width: 100%;
    max-width: 936px;
    position: relative;
    margin: 50px auto 0;
    height: 6px;
    background: #d9d9d9;
    border-radius: 0;
}
.box-leader .swiper-scrollbar-drag {
    border: 0px solid #aeaeae;
    background: #aeaeae;
    border-radius: 0;
}

.box-timeline {
    margin-top: -60px;
}
.box-timeline img {
    mix-blend-mode: darken;
    margin: 0 auto;
}

.box-profile {
    padding: 195px 0 102px;
}
.box-profile .profile {
    display: flex;
    justify-content: space-between;
    gap: 32px;
}
.box-profile .profile__avt {
    width: 616px;
}
.box-profile .profile__avt img {
    width: 100%;
    height: auto;
}
.box-profile .profile__info {
    max-width: 586px;
    padding-top: 92px;
}
.box-profile .profile__info .name {
    margin-bottom: 3px;
    display: inline-block;
    font: 80px/135% "Anton", sans-serif;
    letter-spacing: -0.1px;
}
.box-profile .profile__info .summary {
    margin-top: 66px;
}
.box-profile .profile__info .summary,
.box-profile .profile__info p {
    font-size: 30px;
    line-height: 135%;
    letter-spacing: -0.1px;
    color: #000;
}

.box-business {
    background: #1b1b1b;
    padding: 64px 0 100px;
}
.box-business .title {
    margin-bottom: 80px;
    padding-bottom: 20px;
    border-bottom: 2px solid #fff;
}
.box-business .title span {
    font: 40px/135% "Anton", sans-serif;
    letter-spacing: -0.01em;
    background: linear-gradient(90deg, #ffffff 0%, #c5c5c5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.box-business .box-img img {
    margin: 0 auto;
}

.box-more {
    padding: 80px 0 189px;
}
.box-more .title {
    margin-bottom: 80px;
    padding-bottom: 20px;
    border-bottom: 2px solid #000;
}
.box-more .title span {
    font: 40px/135% "Anton", sans-serif;
    letter-spacing: -0.01em;
    background: linear-gradient(90deg, #000000 0%, #666666 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.box-more .more {
    display: flex;
    margin-bottom: 80px;
}
.box-more .more .video {
    width: 462px;
}
.box-more .more .video video {
    width: 100%;
    height: 820px;
}
.box-more .more .info {
    width: calc(100% - 462px);
    padding-left: 80px;
}
.box-more .more .info p {
    font-size: 30px;
    line-height: 135%;
    letter-spacing: -0.01em;
}
.box-more .more .info .sapo {
    margin-bottom: 32px;
    font-weight: 500;
}
.box-more .poster img {
    margin: 0 auto;
}

.box-accordion .item {
    margin-bottom: 70px;
}
.box-accordion .item__header {
    text-align: center;
    font: 60px/135% "Anton", sans-serif;
    letter-spacing: -0.01em;
    cursor: pointer;
}
.box-accordion .item__header p {
    display: inline-block;
}
.box-accordion .list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 98px 0 26px;
    -moz-column-gap: 139px;
    column-gap: 139px;
    row-gap: 98px;
}
@media (max-width: 1440px) {
    .box-accordion .list {
        -moz-column-gap: 70px;
        column-gap: 70px;
        row-gap: 50px;
    }
}
.box-accordion .list li {
    max-width: 354px;
    text-align: center;
}
.box-accordion .list li:nth-child(4),
.box-accordion .list li:nth-child(5) {
    max-width: calc(50% - 139px);
    width: 100%;
}
.box-accordion .list li:nth-child(4) a {
    margin-left: auto;
    margin-right: 0;
}
.box-accordion .list li:nth-child(5) a {
    margin: 0;
}
.box-accordion .list a {
    max-width: 354px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.box-accordion .list .avatar {
    width: 100%;
    margin-bottom: 28px;
    height: 520px;
    -o-object-fit: cover;
    object-fit: cover;
}
.box-accordion .list .name {
    font: 35px/135% "Anton", sans-serif;
    letter-spacing: -0.01em;
}
.box-accordion .list .position {
    margin-top: 5px;
    font-size: 30px;
    line-height: 135%;
    letter-spacing: -0.01em;
}

.box-circle {
    background: #1b1b1b;
    padding: 180px 0 90px;
}
.box-circle .box-header {
    max-width: 992px;
    margin: 0 auto 80px;
    text-align: center;
}
.box-circle .box-header .title {
    margin-bottom: 10px;
    font: 95px/135% "Anton", sans-serif;
    letter-spacing: -0.01em;
}
.box-circle .box-header .title span {
    background: linear-gradient(90deg, #eeeeee 0%, #b2b2b2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.box-circle .box-header p {
    font-size: 16px;
    line-height: 135%;
    letter-spacing: -0.01em;
    color: #fff;
}

.box-members {
    margin-bottom: 94px;
}
.box-members .title {
    margin-bottom: 60px;
    text-align: center;
    font: 55px/135% "Anton", sans-serif;
    letter-spacing: -0.01em;
}
.box-members .title span {
    background: linear-gradient(90deg, #ffffff 0%, #bfbfbf 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.box-members .list-member {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    -moz-column-gap: 50px;
    column-gap: 50px;
    row-gap: 66px;
}
.box-members .list-member .member {
    text-align: center;
    color: #fff;
}
.box-members .list-member .member__avatar {
    max-width: 213px;
    height: 313px;
    margin: 0 auto 22px;
}
.box-members .list-member .member__avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.box-members .list-member .member__name {
    margin: 0 0 6px;
    font: 25px/135% "Anton", sans-serif;
    text-transform: capitalize;
    letter-spacing: -0.01em;
}
.box-members .list-member .member__unit {
    font-size: 18px;
    line-height: 135%;
    letter-spacing: -0.01em;
}
.box-members .list-member .btn-view {
    width: 81.36px;
    height: 19.75px;
    display: block;
    margin: 9px auto 0;
    background: linear-gradient(90deg, #D9D9D9 0%, #737373 100%);
    border-radius: 9999px;
    font-size: 11px;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #000;
    transition: 0.25s;
}
.box-members .list-member .btn-view:hover {
    filter: invert(1);
}

.space-black {
    width: 100%;
    height: 360px;
    background: #000;
}

.text-gradient {
    background: linear-gradient(90deg, #000000 0%, #666666 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

@media (max-width: 1024px) {
    .box-leader .swiper-leader .swiper-slide {
        transform: scale(0.86);
    }
    .box-profile .profile__info {
        padding-top: 0;
    }
    .box-more .more .info {
        padding-left: 24px;
    }
    .box-more .more .info p {
        font-size: 24px;
    }
    .box-members .list-member {
        grid-template-columns: repeat(4, 1fr);
        -moz-column-gap: 30px;
        column-gap: 30px;
    }
}
@media (max-width: 920px) {
    .box-profile .profile {
        flex-wrap: wrap;
    }
    .box-profile .profile__avt {
        width: 100%;
    }
    .box-profile .profile__info {
        max-width: 100%;
    }
    .box-profile .profile__info .summary {
        margin-top: 36px;
    }
    .box-accordion .list li:nth-child(4),
    .box-accordion .list li:nth-child(5) {
        max-width: 354px;
    }
    .box-more .more {
        flex-wrap: wrap;
    }
    .box-more .more .video {
        width: 100%;
    }
    .box-more .more .video video {
        height: 70vw;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .box-more .more .info {
        width: 100%;
        padding-left: 0;
        margin-top: 32px;
    }
    .box-members .list-member {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 640px) {
    .header {
        padding: 18px 0;
    }
    .header .logo {
        width: 70px;
    }
    .header .menu {
        gap: 39px;
    }
    .header .menu a {
        font-size: 16px;
    }
    .box-leader {
        margin: 44px 0 66px;
    }
    .box-leader h2.title {
        margin-bottom: 40px;
        font-size: 42px;
    }
    .box-leader .swiper-leader .swiper-slide {
        transform: scale(0.86);
        max-width: 100%;
    }
    .box-leader .swiper-leader .swiper-slide .name {
        font-size: 28px;
        margin-top: 24px;
    }
    .box-leader .swiper-leader .swiper-slide .position {
        font-size: 24px;
    }
    .box-leader .swiper-leader .swiper-slide img {
        height: auto;
    }
    .box-leader .swiper-scrollbar {
        margin-top: 30px;
    }
    .space-black {
        height: 26vw;
    }
    .box-profile {
        padding: 96px 0 60px;
    }
    .box-profile .profile__info .name {
        font-size: 46px;
    }
    .box-profile .profile__info p,
    .box-profile .profile__info .summary {
        font-size: 22px;
    }
    .box-profile .profile__info .summary {
        margin-top: 16px;
    }
    .box-business {
        padding: 54px 0 70px;
    }
    .box-business .title {
        margin-bottom: 40px;
        padding-bottom: 10px;
    }
    .box-business .title span {
        font-size: 32px;
    }
    .box-more {
        padding: 50px 0 90px;
    }
    .box-more .title {
        margin-bottom: 30px;
        padding-bottom: 10px;
    }
    .box-more .title span {
        font-size: 32px;
    }
    .box-more .more .info p {
        font-size: 22px;
    }
    .box-accordion .item {
        margin-bottom: 40px;
    }
    .box-accordion .item__header {
        font-size: 42px;
    }
    .box-accordion .list {
        margin: 48px 0 16px;
        row-gap: 40px;
    }
    .box-accordion .list .avatar {
        margin-bottom: 18px;
        height: auto;
    }
    .box-accordion .list .name {
        font-size: 28px;
    }
    .box-accordion .list .position {
        font-size: 22px;
    }
    .box-circle {
        padding: 80px 0;
    }
    .box-circle .box-header .title {
        font-size: 75px;
    }
    .box-circle .box-header p {
        font-size: 14px;
    }
    .box-circle .box-members {
        margin-bottom: 68px;
    }
    .box-circle .box-members:last-child {
        margin-bottom: 0;
    }
    .box-circle .box-members .title {
        font-size: 44px;
        margin-bottom: 40px;
    }
    .box-circle .box-members .list-member {
        grid-template-columns: repeat(2, 1fr);
        -moz-column-gap: 20px;
        column-gap: 20px;
        row-gap: 40px;
    }
    .box-circle .box-members .list-member .member__name {
        font-size: 18px;
    }
    .box-circle .box-members .list-member .member__avatar {
        margin-bottom: 16px;
    }
    .box-circle .box-members .list-member .member__unit {
        margin-bottom: 16px;
    }
}
.bg-countdown {
    background: #9b0101 url("https://static.mediacdn.vn/cafebiz/images/toplistnextgent/bg-countdown.jpg") no-repeat top center/contain;
}

.bg-countdown-ck {
    background: #9b0101 url("https://static.mediacdn.vn/cafebiz/images/toplistnextgent/round--red.png") no-repeat top center;
    background-size: contain;
}

.box-countdown {
    min-height: 100vh;
}
.box-countdown .intro {
    max-width: 756px;
    padding-top: 11.5vw;
    padding-bottom: 1vw;
    text-align: justify;
}
.box-countdown .intro .btn-submit {
    width: 521px;
    height: 63px;
    margin: 50px auto auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, rgb(240, 58, 58) 0%, rgb(77, 72, 72) 100%);
    border-radius: 9999px;
    transition: 0.25s;
    border: none;
    cursor: pointer;
}
@media (max-width: 767px) {
    .box-countdown .intro .btn-submit {
        width: 100%;
        height: 50px;
    }
}
.box-countdown .intro .btn-submit:after {
    content: "";
    width: 41px;
    height: 41px;
    background: url(https://static.mediacdn.vn/cafebiz/images/toplistnextgent/click.svg) no-repeat 0 0/contain;
    display: block;
    float: right;
    margin-top: -5px;
}
.box-countdown .intro .btn-submit span {
    font-family: "iCiel Suisse Intl", sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 135%;
    letter-spacing: -0.01em;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(194, 194, 194) 100%) text;
}
@media (max-width: 767px) {
    .box-countdown .intro .btn-submit span {
        font-size: 20px;
    }
}
.box-countdown .flip-countdown {
    margin-bottom: 28px;
}
.box-countdown .text-intro {
    font-size: 23px;
    line-height: 135%;
    letter-spacing: -0.01em;
    color: #fff;
}
.box-countdown .text-intro > * + * {
    margin-top: 30px;
}
.box-countdown .text-intro span {
    color: #fff9b7;
    font-weight: 500;
}
.box-countdown .comingsoon {
    text-align: center;
    margin-top: 46px;
}
.box-countdown .comingsoon .title {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 45px;
    line-height: 135%;
    letter-spacing: -0.01em;
}
.box-countdown .comingsoon .title span {
    background: linear-gradient(90deg, #ffffff 0%, #999999 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.box-countdown .comingsoon .btn-register {
    display: inline-block;
    padding: 12px 19px 12px 29px;
    background: linear-gradient(90deg, #f03a3a 0%, #4d4848 100%);
    border-radius: 9999px;
    text-transform: uppercase;
    transition: 0.25s;
}
.box-countdown .comingsoon .btn-register:hover {
    filter: saturate(1.5);
}
.box-countdown .comingsoon .btn-register::after {
    content: "";
    width: 41px;
    height: 41px;
    background: url("https://static.mediacdn.vn/cafebiz/images/toplistnextgent/click.svg") no-repeat 0 0/contain;
    display: block;
    float: right;
    margin-top: -5px;
}
.box-countdown .comingsoon .btn-register span {
    font-weight: 700;
    font-size: 28px;
    line-height: 135%;
    letter-spacing: -0.01em;
    background: linear-gradient(90deg, #ffffff 0%, #c2c2c2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.box-register {
    margin-top: 180px;
    padding-bottom: 40px;
}
.box-register .title {
    margin: 0 auto 46px;
    padding-top: 10px;
    color: #fff;
    text-align: center;
    font-size: 45px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.01em;
    background: linear-gradient(90deg, #ffffff 0%, #d2d2d2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.box-register .title-fieldset {
    display: inline-block;
    margin-bottom: 46px;
    background: #d9d9d9;
    border-radius: 9999px;
    padding: 16px 38px;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    letter-spacing: -0.01em;
}
.box-register .title-fieldset span {
    background: linear-gradient(90deg, #b2000c 0%, #282828 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.box-register .font-italic {
    font-style: italic;
}
.box-register .fs-18 {
    font-size: 18px;
}
.box-register .fieldset {
    margin-bottom: 46px;
    background: rgba(33, 33, 33, 0.6);
    border-radius: 40px;
    padding: 39px 120px 69px;
    text-align: center;
}
@media (max-width: 1309px) {
    .box-register .fieldset {
        padding: 39px 90px 69px;
    }
}
.box-register .fieldset .form-row {
    display: flex;
    gap: 22px;
}
.box-register .fieldset .form-row > div {
    flex: 1;
}
.box-register .fieldset .form-group {
    margin-bottom: 26px;
    position: relative;
}
.box-register .fieldset .form-group.flex {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ffffff;
    gap: 16px;
}
.box-register .fieldset .form-group.d-flex {
    display: flex;
    justify-content: space-between;
    margin-left: 140px;
    border-bottom: 1px solid #ffffff;
}
@media (max-width: 768px) {
    .box-register .fieldset .form-group.d-flex {
        margin-left: 0;
    }
}
.box-register .fieldset .form-group.active label {
    transform: translateY(-18px);
    font-size: 16px;
    color: #d0d0d0;
}
.box-register .fieldset .form-group.active input[type=file] {
    color: #fff;
    line-height: 42px;
    font-size: 16px;
}
.box-register .fieldset .form-group.active input[type=file]::-webkit-file-upload-button {
    visibility: visible;
}
.box-register .fieldset .form-group:last-child {
    margin-bottom: 0;
}
.box-register .fieldset .form-group label {
    font: 400 22px/135% "iCiel Suisse Intl", sans-serif;
    color: #fff;
    position: absolute;
    transition: transform 0.25s;
    text-align: left;
}
.box-register .fieldset .form-group label.font-italic {
    font-style: italic;
}
.box-register .fieldset .form-group label.fs-18 {
    font-size: 18px;
}
@media (max-width: 1309px) {
    .box-register .fieldset .form-group label {
        font: 400 18px/135% "iCiel Suisse Intl", sans-serif;
    }
}
.box-register .fieldset .form-group label span {
    font-size: 18px;
    font-style: italic;
}
.box-register .fieldset .form-group.mleft {
    width: 74%;
    margin-left: auto;
}
@media (max-width: 885px) {
    .box-register .fieldset .form-group.mleft {
        width: 100%;
        margin-left: 0;
    }
}
.box-register .fieldset .form-group .table {
    border: 1px solid #ffffff;
    background: linear-gradient(180deg, #792626 0%, #5e0707 100%);
    border-radius: 30px;
    width: 100%;
    max-width: 790px;
    margin-left: auto;
}
@media (max-width: 885px) {
    .box-register .fieldset .form-group .table {
        max-width: 100%;
    }
}
.box-register .fieldset .form-group .table .head {
    display: flex;
    border-bottom: 1px solid #ffffff;
}
.box-register .fieldset .form-group .table .name {
    flex: 1;
    font-family: iCiel Suisse Intl;
    font-weight: 400;
    font-style: Bold;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 135%;
    letter-spacing: -1%;
    text-align: left;
    color: #ffffff;
    padding: 16px;
    display: flex;
    align-items: center;
}
@media (max-width: 767px) {
    .box-register .fieldset .form-group .table .name {
        font-size: 13px;
        padding: 10px;
    }
}
.box-register .fieldset .form-group .table .number {
    width: 23%;
    border-left: 1px solid #ffffff;
    font-family: iCiel Suisse Intl;
    font-weight: 400;
    font-style: Bold;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 135%;
    letter-spacing: -1%;
    text-align: justify;
    color: #ffffff;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 767px) {
    .box-register .fieldset .form-group .table .number {
        font-size: 13px;
        padding: 10px;
    }
}
.box-register .fieldset .form-group .table .body .row {
    border-bottom: 1px solid #ffffff;
    display: flex;
}
.box-register .fieldset .form-group .table .body .row:last-child {
    border-bottom: 0;
}
.box-register .fieldset .form-group .item--grop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 1px solid #ffffff;
}
.box-register .fieldset .form-group .item--grop.gap-none {
    justify-content: start;
}
.box-register .fieldset .form-group .item--grop.gap-none .text {
    padding-right: 50px;
}
.box-register .fieldset .form-group .item--grop.gap-none-bot {
    border-bottom: 0;
}
.box-register .fieldset .form-group .item--grop.gap-none-bot .checkbox-group {
    width: 100%;
    max-width: 810px;
    margin-left: auto;
}
.box-register .fieldset .form-group .item--grop .text {
    font: 400 20px/135% "iCiel Suisse Intl", sans-serif;
    letter-spacing: -0.01em;
    color: #fff;
}
@media (max-width: 768px) {
    .box-register .fieldset .form-group .item--grop .text {
        font-size: 15px;
    }
}
.box-register .fieldset .form-group .item--grop .checkbox-group {
    display: flex;
    gap: 54px;
    padding: 0 20px 11px;
}
@media (max-width: 1309px) {
    .box-register .fieldset .form-group .item--grop .checkbox-group {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .box-register .fieldset .form-group .item--grop .checkbox-group {
        gap: 10px;
        padding: 20px 0;
    }
}
.box-register .fieldset .form-group .item--grop .checkbox-item {
    display: flex;
    align-items: center;
    font-family: iCiel Suisse Intl;
    font-weight: 400;
    font-style: Medium;
    font-size: 22px;
    leading-trim: NONE;
    line-height: 120%;
    letter-spacing: -1%;
    cursor: pointer;
    transform: translateY(0px);
    position: inherit;
    color: #ffffff;
}
@media (max-width: 768px) {
    .box-register .fieldset .form-group .item--grop .checkbox-item {
        font-size: 15px;
    }
}
.box-register .fieldset .form-group .item--grop .checkbox-item input {
    display: none;
}
.box-register .fieldset .form-group .item--grop .checkbox-item .checkbox--item {
    width: 28px;
    height: 28px;
    border: 2px solid #a59c9c;
    border-radius: 6px;
    margin-right: 10px;
    background-color: #8b6d6d;
    display: block;
}
.box-register .fieldset .form-group .item--grop .checkbox-item .custom-checkbox {
    display: none;
}
.box-register .fieldset .form-group .box--item {
    display: flex;
    flex-direction: column;
    align-items: start;
}
.box-register .fieldset .form-group .box--item .labe {
    display: block;
    font: 400 20px/135% "iCiel Suisse Intl", sans-serif;
    letter-spacing: -0.01em;
    color: #fff;
}
.box-register .fieldset .form-group .box--item .item-labe {
    margin-top: 10px;
    width: 100%;
    padding-left: 65px;
}
@media (max-width: 768px) {
    .box-register .fieldset .form-group .box--item .item-labe {
        padding-left: 0px;
    }
}
.box-register .fieldset .form-group .box--item .item-labe .checkbox-item {
    display: flex;
    align-items: center;
    font-family: iCiel Suisse Intl;
    font-weight: 400;
    font-style: Medium;
    font-size: 22px;
    leading-trim: NONE;
    line-height: 120%;
    letter-spacing: -1%;
    cursor: pointer;
    transform: translateY(0px);
    position: inherit;
    color: #ffffff;
    margin-top: 10px;
    text-align: start;
    gap: 8px;
}
@media (max-width: 768px) {
    .box-register .fieldset .form-group .box--item .item-labe .checkbox-item {
        font-size: 15px;
    }
}
.box-register .fieldset .form-group .box--item .item-labe .checkbox-item.fdb {
    align-items: start;
}
.box-register .fieldset .form-group .box--item .item-labe .checkbox-item.fdb input {
    display: block;
    flex: 1;
    height: auto;
}
.box-register .fieldset .form-group .box--item .item-labe .checkbox-item.fdb input[type=text] {
    margin-top: 16px;
}
.box-register .fieldset .form-group .box--item .item-labe .checkbox-item input {
    display: none;
}
.box-register .fieldset .form-group .box--item .item-labe .checkbox-item .checkbox--item {
    width: 28px;
    height: 28px !important;
    border: 2px solid #a59c9c;
    border-radius: 6px;
    margin-right: 10px;
    background-color: #8b6d6d;
    display: block;
    flex: none !important;
}
@media (max-width: 768px) {
    .box-register .fieldset .form-group .box--item .item-labe .checkbox-item .checkbox--item {
        width: 20px;
        height: 20px !important;
        margin-right: 0;
    }
}
.box-register .fieldset .form-group .box--item .item-labe .checkbox-item .custom-checkbox {
    display: none;
}
.box-register .fieldset .form-group .label-upload {
    background: none;
    border: none;
    font: 400 22px/135% "iCiel Suisse Intl", sans-serif;
    letter-spacing: -0.01em;
    color: #fff;
    position: relative;
    padding-bottom: 10px;
    text-align: left;
    z-index: 2;
}
.box-register .fieldset .form-group .label-upload.font-italic {
    font-style: italic;
}
.box-register .fieldset .form-group .label-upload.fs-18 {
    font-size: 18px;
}
@media (max-width: 768px) {
    .box-register .fieldset .form-group .label-upload {
        font-size: 15px;
    }
}
.box-register .fieldset .form-group .upload-box input[type=file] {
    display: none;
}
.box-register .fieldset .form-group .upload-box .btn-upload {
    background: #957676;
    color: #fff;
    border: none;
    padding: 8px 40px;
    border-radius: 20px;
    font-style: italic;
    cursor: pointer;
}
@media (max-width: 768px) {
    .box-register .fieldset .form-group .upload-box .btn-upload {
        padding: 6px 10px;
        font-size: 12px;
        border-radius: 10px;
    }
}
.box-register .fieldset .box-label {
    display: flex;
    gap: 66px;
    color: #fff;
}
.box-register .fieldset .box-label > div {
    flex: 1;
}
.box-register .fieldset .box-label .label {
    text-align: left;
    font-size: 20px;
    font-weight: 500;
    line-height: 135%;
}
.box-register .fieldset .box-label .sub-label {
    font-size: 18px;
    font-style: italic;
    text-align: left;
    line-height: 135%;
}
.box-register .fieldset input {
    height: 40px;
    width: 100%;
    background: none;
    border: none;
    border-bottom: 1px solid #d9d9d9;
    font: 400 20px/135% "iCiel Suisse Intl", sans-serif;
    letter-spacing: -0.01em;
    color: #fff;
    position: relative;
    z-index: 2;
}
.box-register .fieldset input::-moz-placeholder {
    color: #fff;
}
.box-register .fieldset input::placeholder {
    color: #fff;
}
.box-register .fieldset textarea {
    height: 100px;
    width: 100%;
    padding-top: 6px;
    border: none;
    border-bottom: 1px solid #ffffff;
    background: none;
    font: 400 20px/135% "iCiel Suisse Intl", sans-serif;
    letter-spacing: -0.01em;
    color: #fff;
}
@media (max-width: 768px) {
    .box-register .fieldset textarea {
        font-size: 18px;
    }
}
.box-register .textarea-ip {
    text-align: left;
}
@media (max-width: 768px) {
    .box-register .textarea-ip {
        margin-bottom: 36px !important;
    }
}
.box-register .textarea-ip .upload-box {
    position: absolute;
    bottom: -14px;
    right: 0;
}
@media (max-width: 768px) {
    .box-register .textarea-ip .upload-box {
        bottom: -10px;
    }
}
.box-register .textarea-ip input {
    width: calc(100% - 160px);
}
@media (max-width: 768px) {
    .box-register .textarea-ip input {
        width: calc(100% - 100px);
    }
}
@media (max-width: 430px) {
    .box-register .textarea-ip input {
        margin-top: 60px !important;
    }
}
.box-register .step3 {
    margin-top: 30px;
    display: none;
}
.box-register .step3.active {
    display: block;
}
.box-register .checkbox.flex-start {
    margin-bottom: 30px;
}
.box-register .checkbox.flex-start label {
    justify-content: flex-start;
}
.box-register .checkbox input {
    width: 36px;
    height: 36px;
    margin: 0;
    border-radius: 5px;
    border: 1px solid #9f9f9f;
    background: rgba(217, 217, 217, 0.5);
}
.box-register .checkbox label {
    display: flex;
    gap: 14px;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    line-height: 135%;
    letter-spacing: -0.01em;
    color: #ffffff;
}
.box-register .checkbox p span {
    color: #fff07f;
}
.box-register input[type=file] {
    color: transparent;
}
.box-register input[type=file]::-webkit-file-upload-button {
    visibility: hidden;
}
.box-register input::-webkit-outer-spin-button,
.box-register input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.box-register input[type=number] {
    -moz-appearance: textfield;
}
.box-register .btn-submit {
    width: 271px;
    height: 63px;
    margin: -78px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, rgb(240, 58, 58) 0%, rgb(77, 72, 72) 100%);
    border-radius: 9999px;
    transition: 0.25s;
    border: none;
    cursor: pointer;
}
.box-register .btn-submit:hover {
    filter: saturate(1.5);
}
.box-register .btn-submit::after {
    content: "";
    width: 41px;
    height: 41px;
    background: url(https://static.mediacdn.vn/cafebiz/images/toplistnextgent/click.svg) no-repeat 0 0/contain;
    display: block;
    float: right;
    margin-top: -5px;
}
.box-register .btn-submit span {
    font-family: "iCiel Suisse Intl", sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 135%;
    letter-spacing: -0.01em;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(194, 194, 194) 100%) text;
}

textarea::-webkit-scrollbar {
    width: thin;
}
@keyframes last_rotate {
    0% {
        transform: rotateX(0deg);
        z-index: 1;
    }
    100% {
        transform: rotateX(-180deg);
        z-index: 0;
    }
}
@keyframes new_rotate {
    0% {
        transform: rotateX(0deg);
        z-index: 0;
    }
    100% {
        transform: rotateX(-180deg);
        z-index: 1;
    }
}
.flip-countdown {
    display: flex;
    justify-content: center;
    font-family: "Roboto", sans-serif;
    font-size: 4.1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    overflow: hidden;
}
.flip-countdown > div:last-child > div {
    margin-right: 0 !important;
}

.interval_cont {
    display: flex;
    justify-content: space-around;
    width: auto;
    overflow: hidden;
}

.interval_cont:nth-child(n+1):not(:last-child) {
    margin-right: 0.25em;
}

.description {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.5em;
    margin-right: 0.55em;
    font-size: 0.29em;
    font-weight: bold;
    text-transform: uppercase;
    color: #7791a8;
    text-shadow: 0.05em 0.05em 0.1em rgba(136, 110, 87, 0.3);
    overflow: hidden;
}

.digit_cont {
    position: relative;
    width: 69px;
    height: 99px;
    font-weight: 900;
    line-height: 99px;
    color: #d3d3d4;
    background: url("https://static.mediacdn.vn/cafebiz/images/toplistnextgent/digit.png") no-repeat center/contain;
    perspective: 3em;
    box-sizing: border-box;
    overflow: hidden;
}

.digit_cont:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 100%;
    height: 0.015em;
    background: rgba(141, 163, 182, 0.25);
    box-shadow: 0 0.01em 0.02em 0 rgba(255, 255, 255, 0.1);
    z-index: 1;
    left: 0;
}

.digit_cont:nth-child(n+1):not(:last-child) {
    margin-right: 0.05em;
}

.digit_cont span {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 50%;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.digit_cont .last_placeholder,
.digit_cont .new_placeholder,
.digit_cont .last_rotate,
.digit_cont .new_rotate {
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
}

.digit_cont .last_placeholder {
    bottom: 0;
}

.digit_cont .new_placeholder,
.digit_cont .last_rotate,
.digit_cont .new_rotate {
    top: 0;
    border-radius: 0.25em 0.25em 0 0;
}

.digit_cont .last_rotate {
    transform-origin: 100% 100%;
    animation: last_rotate 0.5s linear forwards;
}

.digit_cont .new_rotate {
    border-top: 0.01em solid rgba(76, 99, 119, 0.3);
    background: url("https://static.mediacdn.vn/cafebiz/images/toplistnextgent/digit-2.png") no-repeat center/cover;
    transform-origin: 100% 100%;
    animation: new_rotate 0.5s linear forwards;
}

.digit_cont .new_rotate .rotated {
    width: 100%;
    height: 100%;
    border-radius: 0 0 0.25em 0.25em;
    transform: rotateX(180deg);
    overflow: hidden;
}

@media (max-width: 1600px) {
    .box-countdown .intro {
        padding-top: 7.5vw;
    }
    .box-countdown .text-intro {
        font-size: 20px;
    }
}
@media (max-width: 1366px) {
    .box-countdown .comingsoon {
        margin-top: 26px;
    }
    .box-countdown .text-intro {
        font-size: 18px;
    }
}
@media (max-width: 1024px) {
    .box-register .fieldset .form-group label {
        overflow: hidden;
        display: block;
        text-overflow: ellipsis;
        max-width: 100%;
    }
    .box-countdown .intro {
        max-width: 59vw;
    }
}
@media (max-width: 768px) {
    .box-register .fieldset {
        padding: 39px 40px 69px;
    }
    .box-register .title-fieldset {
        padding: 16px;
        font-size: 24px;
    }
}
@media (max-width: 640px) {
    .bg-countdown {
        background: #9b0101 url("https://static.mediacdn.vn/cafebiz/images/toplistnextgent/bg-countdown-mob.jpg") no-repeat top center/contain;
    }
    .bg-countdown .intro {
        max-width: 100%;
    }
    .box-countdown {
        min-height: 100vh;
    }
    .box-countdown .intro {
        padding-top: 64vw;
    }
    .box-countdown .text-intro {
        font-size: 14px;
        line-height: 1.4;
        font-weight: 400;
    }
    .box-countdown .text-intro > * + * {
        margin-top: 16px;
    }
    .box-countdown .comingsoon .title {
        font-size: 40px;
    }
    .box-countdown .comingsoon .btn-register {
        padding: 12px 18px 12px 11px;
    }
    .box-countdown .comingsoon .btn-register::after {
        width: 32px;
        height: 32px;
        margin-top: -8px;
    }
    .box-countdown .comingsoon .btn-register span {
        font-size: 19px;
    }
    .digit_cont {
        width: 40px;
        height: 57px;
        line-height: 57px;
        font-size: 40px;
    }
    .interval_cont:nth-child(n+1):not(:last-child) {
        margin-right: 5px;
    }
    .box-register {
        margin-top: 80px;
    }
    .box-register .title {
        font-size: 34px;
    }
    .box-register .fieldset {
        margin-bottom: 36px;
        padding: 30px 15px 50px;
        border-radius: 20px;
    }
    .box-register .fieldset input {
        height: 36px;
        font-size: 16px;
    }
    .box-register .fieldset textarea {
        height: 60px;
    }
    .box-register .fieldset .form-group {
        margin-bottom: 24px;
    }
    .box-register .fieldset .form-group label {
        font-size: 16px;
        text-align: left;
    }
    .box-register .fieldset .form-group label span {
        font-size: 12px;
        line-height: 1;
    }
    .box-register .fieldset .form-group.active label {
        font-size: 14px;
    }
    .box-register .checkbox label {
        font-size: 15px;
    }
    .box-register .checkbox input {
        width: 28px;
        height: 28px;
    }
    .box-register .title-fieldset {
        margin-bottom: 30px;
        font-size: 20px;
    }
    .box-register .btn-submit {
        width: 241px;
        height: 53px;
        margin-top: -68px;
    }
    .box-register .btn-submit span {
        font-size: 24px;
    }
    #login-with-google {
        position: fixed;
        top: 15px !important;
        right: 10px !important;
        width: 170px !important;
    }
}
@media (max-width: 375px) {
    .box-countdown .text-intro {
        font-size: 13px;
    }
}/*# sourceMappingURL=styles.css.map */