* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font: inherit;
    border: 0;
}

html {
    font-size: 12px;
    line-height: 1.5;
    -webkit-tap-highlight-color: transparent;
    font-family: 'Roboto', sans-serif;
    font-feature-settings: 'tnum'
}

body {
    background-color: #fff;
    font-size: 12px;
    color: #000
}

.no-animate * {
    transition: none !important;
    animation: none !important
}

.pageview {
    overflow: hidden
}

.lazy {
    background: none !important;
    -webkit-mask-image: none !important
}

ol,
ul {
    list-style: none
}

b {
    font-weight: bold
}

.visibility-hidden {
    visibility: hidden !important
}

.cursor-pointer {
    cursor: pointer
}

.full-height {
    height: 100%
}

.full-width {
    width: 100%
}

.full-mask-size {
    -webkit-mask-size: 100% 100%
}

.mask-position {
    -webkit-mask-position: 0% 0%
}

.u-select-none {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.p-absolute {
    position: absolute
}

.p-relative {
    position: relative
}

.gallery-view-icon-next img,
.gallery-view-icon-prev img,
.carousel-icon-next img,
.carousel-icon-prev img {
    width: 25px;
    height: 25px;
    filter: drop-shadow(0 0 1px black)
}

.icon-play-video {
    position: absolute;
    width: 60px;
    height: 60px;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    cursor: pointer;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image:
        url(https://content.pancake.vn/1.1/30/5a/c2/93/9ec72c8ce8898050035dddbb989c950bc1faabdc1fdcc11175dea467.svg)
}

.player-btn-unmute {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer
}

.player-btn-unmute>div {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    background-size: 90%;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-image:
        url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m%2021.48%2C17.98%20c%200%2C-1.77%20-1.02%2C-3.29%20-2.5%2C-4.03%20v%202.21%20l%202.45%2C2.45%20c%20.03%2C-0.2%20.05%2C-0.41%20.05%2C-0.63%20z%20m%202.5%2C0%20c%200%2C.94%20-0.2%2C1.82%20-0.54%2C2.64%20l%201.51%2C1.51%20c%20.66%2C-1.24%201.03%2C-2.65%201.03%2C-4.15%200%2C-4.28%20-2.99%2C-7.86%20-7%2C-8.76%20v%202.05%20c%202.89%2C.86%205%2C3.54%205%2C6.71%20z%20M%209.25%2C8.98%20l%20-1.27%2C1.26%204.72%2C4.73%20H%207.98%20v%206%20H%2011.98%20l%205%2C5%20v%20-6.73%20l%204.25%2C4.25%20c%20-0.67%2C.52%20-1.42%2C.93%20-2.25%2C1.18%20v%202.06%20c%201.38%2C-0.31%202.63%2C-0.95%203.69%2C-1.81%20l%202.04%2C2.05%201.27%2C-1.27%20-9%2C-9%20-7.72%2C-7.72%20z%20m%207.72%2C.99%20-2.09%2C2.08%202.09%2C2.09%20V%209.98%20z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")
}

.d-none {
    display: none
}

a:link,
a:visited {
    color: inherit
}

a {
    text-decoration: none
}

img:not([src]),
img[src=""] {
    visibility: hidden
}

.section-container {
    margin: auto
}

.text-block-css {
    display: inline-block;
    word-break: break-word;
    -webkit-background-clip: text !important
}

.animationText span {
    display: inline-block
}

.animationText .bar {
    position: absolute;
    height: 100%;
    width: 3px;
    background: currentColor;
    top: 0;
    right: 0
}

.animate-word-wrapper {
    position: relative;
    overflow: hidden;
    vertical-align: top;
    transition: width .6s;
    text-align: start
}

.animate-word-wrapper>span {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    font: inherit
}

.animate-word-wrapper span i {
    font: inherit;
    font-style: initial;
    display: inline-block;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.animate-word-wrapper span i.in {
    animation-name: rotate-3-in;
    animation-fill-mode: forwards;
    animation-duration: .6s
}

.animate-word-wrapper span i.out {
    animation-name: rotate-3-out;
    animation-fill-mode: forwards;
    animation-duration: .6s
}

.animationText .hidden {
    opacity: 0;
    z-index: -1
}

.animationText .visible {
    opacity: 1;
    position: relative
}

.inline {
    display: inline !important
}

.caret-dummy {
    animation: caret-popping 1s infinite
}

.caret {
    transform: scaleY(1.3) translateY(-3%)
}

@keyframes rotate-3-out {
    0% {
        transform: rotateY(0);
        -webkit-transform: rotateY(0)
    }

    100% {
        transform: rotateY(-180deg);
        -webkit-transform: rotateY(-180deg)
    }
}

@-webkit-keyframes rotate-3-out {
    0% {
        transform: rotateY(0);
        -webkit-transform: rotateY(0)
    }

    100% {
        transform: rotateY(-180deg);
        -webkit-transform: rotateY(-180deg)
    }
}

@keyframes rotate-3-in {
    0% {
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg)
    }

    100% {
        transform: rotateY(0);
        -webkit-transform: rotateY(0)
    }
}

@-webkit-keyframes rotate-3-in {
    0% {
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg)
    }

    100% {
        transform: rotateY(0);
        -webkit-transform: rotateY(0)
    }
}

@keyframes caret-popping {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.image-block-css {
    overflow: hidden;
    will-change: filter
}

.image-background,
.image-background-compare {
    margin: 0 auto
}

.image-background-compare {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.image-compare-line {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 40;
    width: 38px;
    height: 38px;
    margin-top: -22px;
    margin-left: -22px;
    cursor: pointer;
    border: 3px solid #fff;
    border-radius: 1000px;
    -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5)
}

.image-compare-left-arrow,
.image-compare-right-arrow {
    top: 50%;
    margin-top: -6px;
    position: absolute;
    width: 0;
    height: 0;
    border: 6px inset transparent
}

.image-compare-left-arrow {
    left: 50%;
    margin-left: -17px;
    border-right: 6px solid #fff
}

.image-compare-right-arrow {
    right: 50%;
    margin-right: -17px;
    border-left: 6px solid #fff
}

.image-compare-line:before,
.image-compare-line:after {
    position: absolute;
    z-index: 30;
    display: block;
    content: " ";
    background: #fff
}

.image-compare-line:before {
    left: 50%;
    width: 3px;
    height: 9999px;
    bottom: 50%;
    margin-bottom: 22px;
    -webkit-box-shadow: 0 3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0 3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5)
}

.image-compare-line:after {
    left: 50%;
    width: 3px;
    height: 9999px;
    top: 50%;
    margin-top: 22px;
    -webkit-box-shadow: 0 -3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0 -3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5)
}

.group-container {
    width: 100%;
    height: 100%
}

.line-css {
    padding: 8px 0
}

.line-container {
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    border-bottom-width: 0 !important
}

.com-button {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    transition: transform 200ms ease-out;
    -webkit-transition: transform 200ms ease-out
}

.com-button:active {
    transform: translateY(5px);
    -webkit-transform: translateY(5px)
}

.button-css {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    text-align: center
}

.button-text {
    display: table-cell;
    vertical-align: middle;
    text-align: unset
}

.frame-html-box iframe {
    width: 100%;
    height: 100%
}

.input-number-quantity-css {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    user-select: none
}

.input-number-quantity-css .minus,
.plus {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    cursor: pointer
}

.input-number-quantity-css .minus {
    border-right: inherit
}

.input-number-quantity-css .plus {
    border-left: inherit
}

.input-number-quantity-css input {
    text-align: center;
    background: transparent;
    color: inherit;
    width: 100%;
    height: 100%;
    border: 0;
    outline: none;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    border-radius: 0
}

.input-number-quantity-css input::placeholder {
    color: #979797;
    -webkit-text-fill-color: #979797
}

.input-number-quantity-css input::-webkit-outer-spin-button,
.input-number-quantity-css input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.input-number-quantity-css input[type=number] {
    -moz-appearance: textfield
}

.field-error {
    top: 0;
    right: 0;
    position: absolute;
    height: 100%;
    width: 30px
}

.field-error img {
    width: 16px;
    height: 16px;
    position: absolute;
    left: calc(50% - 8px);
    top: calc(50% - 8px)
}

.input-css {
    overflow: hidden
}

.input-css input {
    background: transparent;
    color: inherit;
    padding-left: 10px;
    border-radius: 0;
    text-align: inherit;
    letter-spacing: inherit
}

.input-css input::placeholder {
    text-transform: var(--placeholder-transform);
    text-decoration: var(--placeholder-decoration)
}

.input-datetime {
    overflow: hidden
}

.input-datetime input {
    background: transparent;
    width: 100%;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 0;
    box-sizing: border-box;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    text-align: inherit;
    letter-spacing: inherit
}

.input-datetime input::placeholder {
    text-transform: var(--placeholder-transform);
    text-decoration: var(--placeholder-decoration)
}

.input-datetime .input-datetime-placeholder {
    position: absolute;
    top: 0;
    padding-left: 12px;
    height: 100%;
    width: 100%;
    align-items: center;
    display: flex;
    z-index: -1
}

.input-file {
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding: 0 10px;
    cursor: pointer
}

.input-file .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.input-file input[type="file"] {
    opacity: 0;
    cursor: pointer;
    top: 0;
    left: 0
}

.textarea-css {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.textarea-css textarea {
    background: transparent;
    padding-top: 6px;
    padding-bottom: 0;
    color: inherit;
    padding-left: 10px;
    border-radius: 0;
    text-align: inherit;
    letter-spacing: inherit
}

.textarea-css textarea::placeholder {
    text-transform: var(--placeholder-transform);
    text-decoration: var(--placeholder-decoration)
}

.com-checkbox-group {
    min-height: 40px
}

.checkbox-group-css {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    padding-left: 10px;
    min-height: 40px
}

.checkbox-group-item {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center
}

.checkbox-group-input {
    margin-right: 10px;
    width: 13px;
    height: 13px;
    min-width: 13px;
    min-height: 13px;
    flex-shrink: 0
}

.com-radio {
    min-height: 40px;
    height: auto !important
}

.radio-css {
    min-height: 40px;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

.radio-item {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    border-radius: 5px;
    padding-left: 10px
}

.radio-input {
    margin-right: 10px;
    width: 13px;
    height: 13px;
    min-width: 13px;
    min-height: 13px;
    flex-shrink: 0
}

.select-css {
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0
}

.select-css select {
    text-align: inherit;
    letter-spacing: inherit
}

.select-css option:first-child {
    color: #979797
}

.chevron {
    pointer-events: none;
    color: #979797;
    position: absolute;
    right: 0;
    width: 26px;
    height: 100%;
    top: 0
}

.chevron .icon {
    position: absolute;
    display: block;
    width: 14px;
    height: 14px;
    border: 2px solid transparent;
    border-radius: 100px;
    top: calc(50% - 7px);
    left: calc(50% - 7px)
}

.chevron .icon::after {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.select-css select {
    background: transparent;
    padding-right: 26px;
    padding-left: 10px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    color: #979797
}

.select-css select.select {
    color: inherit
}

.address-css {
    overflow: hidden
}

.address-css .select-container {
    color: inherit;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between
}

.address-css .select-field {
    height: 100%;
    flex: 1;
    position: relative
}

.address-css select {
    background: transparent;
    padding-left: 10px;
    padding-right: 26px;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    height: 100%;
    color: #979797
}

.address-css select.select {
    color: inherit
}

.address-css select option:first-child {
    color: #979797
}

.address-column {
    background: transparent !important;
    border-width: 0 !important
}

.address-column .select-column {
    flex-direction: column;
    border-radius: inherit !important;
    border-color: inherit !important;
    border-style: inherit !important
}

.address-column .select-column .select-field {
    width: 100%;
    border-radius: inherit;
    border-width: 1px;
    border-color: inherit;
    border-style: inherit;
    overflow: hidden
}

.detect-address-select-wrapper {
    background: #fff;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    padding: 4px;
    transition: max-height .3s ease-in-out, visibility .3s ease-in-out, scale .3s, opacity .3s;
    max-height: 0;
    scale: 0.5;
    opacity: 0;
    overflow: hidden scroll;
    border: 1px solid rgba(217, 217, 217, 1)
}

.detect-address-select-wrapper::-webkit-scrollbar-thumb {
    background-color: #d4d4d4;
    border-radius: 8px
}

.detect-address-select-wrapper::-webkit-scrollbar-thumb:hover {
    background-color: #808080
}

.detect-address-select-wrapper::-webkit-scrollbar-track {
    background-color: #fff
}

.detect-address-select-wrapper::-webkit-scrollbar {
    background-color: transparent;
    width: 6px
}

.detect-address-select-option {
    padding: 6px 8px;
    cursor: pointer;
    border-radius: 2px
}

.detect-address-select-option:hover {
    background-color: #e5e5e5
}

.icon-container {
    position: absolute;
    left: calc(50% - 10px);
    top: calc(50% - 10px)
}

.loader {
    position: relative;
    height: 20px;
    width: 20px;
    display: inline-block;
    animation: around 5.4s infinite
}

@keyframes around {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.loader::after,
.loader::before {
    content: "";
    background: white;
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    border-width: 2px;
    border-color: #333 #333 transparent transparent;
    border-style: solid;
    border-radius: 20px;
    box-sizing: border-box;
    top: 0;
    left: 0;
    animation: around 0.7s ease-in-out infinite
}

.loader::after {
    animation: around 0.7s ease-in-out 0.1s infinite;
    background: transparent
}

.button-loader,
.button-loader:before,
.button-loader:after {
    border-radius: 50%;
    width: 1.3em;
    height: 1.3em;
    animation-fill-mode: both;
    animation: bblFadInOut 1.8s infinite ease-in-out
}

.button-loader {
    color: #FFF;
    font-size: 7px;
    position: relative;
    text-indent: -9999em;
    transform: translateZ(0);
    animation-delay: -0.16s;
    display: none;
    top: -17px
}

.button-loader:before,
.button-loader:after {
    content: '';
    position: absolute;
    top: 0
}

.button-loader:before {
    left: -3.5em;
    animation-delay: -0.32s
}

.button-loader:after {
    left: 3.5em
}

@keyframes bblFadInOut {

    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em
    }

    40% {
        box-shadow: 0 2.5em 0 0
    }
}

.popup-wrapper {
    top: 0;
    left: 0
}

.popup-background {
    overflow: hidden
}

.popup-backdrop {
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000
}

.popup-center {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.popup-top-left {
    top: 0;
    left: 0
}

.popup-top-center {
    top: 0;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0)
}

.popup-top-right {
    top: 0;
    right: 0
}

.popup-center-left {
    left: 0;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0)
}

.popup-center-right {
    right: 0;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0)
}

.popup-bottom-left {
    bottom: 0;
    left: 0
}

.popup-bottom-center {
    bottom: 0;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0)
}

.popup-bottom-right {
    bottom: 0;
    right: 0
}

.overlay {
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: inherit
}

.cart-quantity-css {
    overflow: hidden;
    display: flex;
    display: -webkit-flex
}

.cart-quantity-css .minus {
    border-right: inherit
}

.cart-quantity-css .plus {
    border-left: inherit
}

.cart-quantity-css input {
    text-align: center;
    background: transparent;
    color: inherit;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 0;
    -moz-appearance: textfield
}

.cart-quantity-css input::-webkit-outer-spin-button,
.cart-quantity-css input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.cart-quantity-css .minus,
.cart-quantity-css .plus {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    user-select: none;
    cursor: pointer;
    -webkit-user-select: none;
    width: 40px
}

.product-attr-selected {
    top: 0;
    left: 0;
    overflow: hidden
}

.lightbox-btn-close {
    background-color: #a8a8a8;
    width: 21px;
    height: 21px;
    position: absolute;
    cursor: pointer
}

.lightbox-btn-close>span {
    position: absolute;
    z-index: 9999;
    width: 14px;
    height: 14px;
    top: calc(50% - 7px);
    left: calc(50% - 7px);
    -webkit-mask-size: 100% 100%;
    -webkit-mask-position: 0% 0%;
    background: #fff;
    -webkit-mask-image:
        url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJyAgd2lkdGg9JzE0JyBoZWlnaHQ9JzE0JyB2aWV3Qm94PScwIDAgMTQgMTQnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTEyLjU5IDBMNyA1LjU5TDEuNDEgMEwwIDEuNDFMNS41OSA3TDAgMTIuNTlMMS40MSAxNEw3IDguNDFMMTIuNTkgMTRMMTQgMTIuNTlMOC40MSA3TDE0IDEuNDFMMTIuNTkgMFonIGZpbGw9JyMyRTNBNTknLz48L3N2Zz4=)
}

.lightbox-image,
.lightbox-video,
.lightbox-iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 80%;
    max-height: 80%
}

.lightbox-iframe {
    width: 100%;
    height: 100%
}

.lightbox-backdrop {
    width: 100%;
    background: rgba(0, 0, 0, .5);
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000000;
    touch-action: none
}

.w-alert-message-wrapper {
    position: fixed;
    top: 15px;
    z-index: 999999;
    left: 50%;
    padding: 10px 16px;
    border: 1px solid var(--color-alert, #15942A);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    --transform-translateX: -50%;
    background: white;
    border-radius: 8px;
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.w-alert-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.w-alert-message .icon {
    line-height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 0px;
    margin-right: 6px
}

.w-alert-message span.close-icon {
    margin-left: 6px;
    margin-right: 0px;
    color: #80808085;
    cursor: pointer
}

.login-popup-wrapper .backdrop-login {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    display: none;
    z-index: 99
}

.login-popup-wrapper .popup-default-login {
    position: fixed;
    top: 45%;
    left: 50%;
    width: 400px;
    height: 160px;
    transform: translate(-50%, -50%);
    z-index: 999;
    display: none;
    max-width: calc(100% - 50px);
    border: 1px solid rgba(0, 0, 0, .3);
    background-color: #fff;
    border-radius: 10px
}

.login-popup-wrapper .popup-default-login .popup-login-title {
    background-color: rgba(6, 21, 40, .05);
    color: #000;
    padding: 12px 15px;
    font-weight: 600;
    font-size: 16px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.login-popup-wrapper .popup-default-login .popup-login-content {
    font-size: 14px;
    padding: 0 20px;
    margin-top: 10px;
    line-height: 18px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box
}

.login-popup-wrapper .popup-default-login .popup-login-btn {
    display: block;
    position: absolute;
    right: 15px;
    bottom: 10px;
    margin: 0 auto;
    padding: 10px 0;
    border: none;
    width: 80px;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    background-color: #e6e6e6;
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer
}

/* Media Query for Desktop */

.section-container {
    max-width: 420px;
}

.section-wrapper {
    margin: 0 auto;
    max-width: 420px;
}

#w-1toiquem {
    top: 0px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 800px;
}

#w-1toiquem .section-wrapper {
    opacity: 1;
}

#w-1toiquem {
    margin-bottom: -1px;
}

#w-1toiquem .section-background {
    background: rgba(255, 255, 255, 1);
    --type: 0;
}

#w-j6ac06mu {
    top: 12px;
    left: 91.50000762939453px;
    width: 238px;
    height: 135px;
}

#w-j6ac06mu .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'SVN-Amstirdam.otf', sans-serif;
    font-size: 90px;
    text-align: center;
    --type: 0;
}

#w-3subauj7 {
    top: 155px;
    left: 35px;
    width: 350px;
    height: 490px;
}

#w-3subauj7 .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-3subauj7 .image-background {
    width: 350.12250612530624px;
    height: 490.0245012250612px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("https://content.pancake.vn/1/s750x1050/fwebp/83/bf/ec/8c/773c7f08f555f31211f154f366ad6d216542348db720bd983c604278-w:1429-h:2000-l:151240-t:image/png.png");
    --type: 0;
}

#w-3subauj7 .image-background-compare {
    background: undefined;
    clip: rect(0, 175px, 490px, 0);
    --type: 0;
}

#w-q1wlsumy {
    top: 155px;
    left: 35px;
    width: 350px;
    height: 490px;
    display: none;
}

#w-q1wlsumy .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-q1wlsumy .image-background {
    width: 350.12250612530624px;
    height: 490.0245012250612px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box url("https://content.pancake.vn/1/s750x1050/fwebp/94/28/c5/c9/8f35889fe59086f483fadc616f93739670fcefb71cc0752947effffc-w:1429-h:2000-l:177289-t:image/png.png");
    --type: 0;
}

#w-q1wlsumy .image-background-compare {
    background: undefined;
    clip: rect(0, 175px, 490px, 0);
    --type: 0;
}

#w-4aeii491 {
    top: 124px;
    left: 84.5px;
    width: 251px;
    height: 335px;
    display: none;
}

#w-4aeii491 .image-block-css {
    border-color: rgba(125, 31, 42, 1.000);
    border-radius: 10px;
    border-style: solid;
    border-width: 3px;
    position: absolute;
    z-index: null;
}

#w-4aeii491 .image-background {
    width: 250.5px;
    height: 336px;
    top: -7px;
    left: 0px;
    background: center center/ cover no-repeat content-box border-box url("./assets/cuoi/6.jpg");
    --type: 0;
}

#w-4aeii491 .image-background-compare {
    background: undefined;
    clip: rect(0, 125.5px, 335px, 0);
    --type: 0;
}

#w-bnrugie4 {
    top: 11.499996185302734px;
    left: 105px;
    width: 210px;
    height: 38.984375px;
}

#w-bnrugie4 .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'SVN-Mightiest.otf', sans-serif;
    font-size: 26px;
    letter-spacing: 3px;
    text-align: center;
    --type: 0;
}

#w-hoyb400n {
    top: 524.4999961853027px;
    left: 2.5px;
    width: 415px;
    height: 31.484375px;
}

#w-hoyb400n .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 0.400);
    font-family: 'Barlow', sans-serif;
    font-size: 21px;
    letter-spacing: 1px;
    text-align: center;
    --type: 0;
}

#w-dqyi2rbc {
    top: 495px;
    left: -0.5px;
    width: 421px;
    height: 305px;
    display: none;
}

#w-dqyi2rbc .rectangle-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    background: rgba(255, 255, 255, 1);
}

#w-3udt7eao {
    top: 155px;
    left: 35px;
    width: 350px;
    height: 490px;
    display: none;
}

#w-3udt7eao .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-3udt7eao .image-background {
    width: 350.12250612530624px;
    height: 490.0245012250612px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("https://content.pancake.vn/1/s750x1050/fwebp/ea/cc/05/c7/614dc6422e15e725e2533702e8c99c1c50c2ec42034a8cfc7a883d2f-w:1429-h:2000-l:154686-t:image/png.png");
    --type: 0;
}

#w-3udt7eao .image-background-compare {
    background: undefined;
    clip: rect(0, 175px, 490px, 0);
    --type: 0;
}

#w-oob4nyp3 {
    top: 532px;
    left: -0.5px;
    width: 422px;
    height: 253px;
    display: none;
}

#w-ohkl2lnj {
    top: 20.5px;
    left: 185px;
    width: 51px;
    height: 51px;
}

#w-ohkl2lnj .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-ohkl2lnj .image-background {
    width: 51px;
    height: 51px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat content-box border-box url("https://content.pancake.vn/1/fwebp/32/ff/b2/30/0cb0dd13dbf17e338719a83997b3c34052a957f32af3e744b17633d2-w:100-h:100-l:4048-t:image/png.png");
    --type: 0;
}

#w-ohkl2lnj .image-background-compare {
    background: undefined;
    clip: rect(0, 25.5px, 51px, 0);
    --type: 0;
}

#w-lfeb0egb {
    top: 13.5px;
    left: 0px;
    width: 184px;
    height: 52.5px;
}

#w-lfeb0egb .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'VNF-Shelia-Regular (1).ttf', sans-serif;
    font-size: 35px;
    text-align: center;
    --type: 0;
}

#w-cdlp31uy {
    top: 0px;
    left: 22.5px;
    width: 376px;
    height: auto;
}

#w-cdlp31uy .line-container {
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    border-width: 1px;
}

#w-19tqxf4g {
    top: 92px;
    left: 122.5px;
    width: 176px;
    height: 95.9765625px;
}

#w-19tqxf4g .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'BlackMango-Medium.otf', sans-serif;
    font-size: 32px;
    text-align: center;
    --type: 0;
}

#w-wkuu9jg6 {
    top: 13.5px;
    left: 236px;
    width: 186px;
    height: 52.5px;
}

#w-wkuu9jg6 .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'VNF-Shelia-Regular (1).ttf', sans-serif;
    font-size: 35px;
    text-align: center;
    --type: 0;
}

#w-s0wpujoa {
    top: 66px;
    left: 22.5px;
    width: 376px;
    height: auto;
}

#w-s0wpujoa .line-container {
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    border-width: 1px;
}

#w-e7d1tx8k {
    top: 192px;
    left: 180px;
    perspective: 1000px;
    width: 61px;
    height: 61px;
}

#w-e7d1tx8k .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-e7d1tx8k .image-background {
    width: 61px;
    height: 61px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("https://content.pancake.vn/1/fwebp/b3/d7/78/bb/d8759c19ffd5366a85530fbb9d84c8030baaeae14a7b2d8e6d714072-w:313-h:313-l:4969-t:image/png.png");
    --type: 0;
}

#w-e7d1tx8k .image-background-compare {
    background: undefined;
    clip: rect(0, 30.5px, 61px, 0);
    --type: 0;
}

#w-e7d1tx8k>div {
    transform: rotate(90deg) perspective(1000px);
}

#w-76hn3zct {
    width: 47px;
    height: 47px;
    z-index: 10;
    position: fixed;
    right: calc((100% - 420px)/2 + 20px);
    bottom: 20px;
}

#w-76hn3zct .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
}

#w-76hn3zct .image-background {
    width: 47px;
    height: 47px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("https://content.pancake.vn/1/fwebp/48/53/5d/e8/8360ef0daf228b537db79566ac2bfb8ff7d126e363d698bcaaf55ad8-w:100-h:100-l:4812-t:image/png.png");
    --type: 0;
}

#w-76hn3zct .image-background-compare {
    background: undefined;
    clip: rect(0, 23.5px, 47px, 0);
    --type: 0;
}

#w-ywnx3zmg {
    top: 672px;
    left: 317.5px;
    width: 81px;
    height: 81px;
}

#w-ywnx3zmg .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    filter: contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(100%) sepia(0%) opacity(20%) brightness(100%) blur(0px);
    position: absolute;
    z-index: null;
}

#w-ywnx3zmg .image-background {
    width: 81px;
    height: 81px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("https://content.pancake.vn/1/s481x481/fwebp/fc/e6/9f/73/869f8d1e41593a31be6fb63256122728f3320233548fdc919694c113-w:500-h:500-l:22615-t:image/png.png");
    --type: 0;
}

#w-ywnx3zmg .image-background-compare {
    background: undefined;
    clip: rect(0, 40.5px, 81px, 0);
    --type: 0;
}

#w-1qpgocgm {
    top: 147.01128387451172px;
    left: 166.5px;
    width: 87px;
    height: 87px;
}

#w-1qpgocgm .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    filter: contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(100%) sepia(0%) opacity(100%) brightness(100%) blur(0px);
    position: absolute;
    z-index: null;
}

#w-1qpgocgm .image-background {
    width: 87px;
    height: 87px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("https://content.pancake.vn/1/fwebp/e7/f3/2e/9f/c37b6aa27572f1e8e9a939833d77ebe2563ed46102b316d6b293453e-w:313-h:313-l:124683-t:image/png.png");
    --type: 0;
}

#w-1qpgocgm .image-background-compare {
    background: undefined;
    clip: rect(0, 43.5px, 87px, 0);
    --type: 0;
}

#w-40pygk87 {
    top: 672px;
    left: 22px;
    width: 81px;
    height: 81px;
}

#w-40pygk87 .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    filter: contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(100%) sepia(0%) opacity(20%) brightness(100%) blur(0px);
    position: absolute;
}

#w-40pygk87 .image-background {
    width: 81px;
    height: 81px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("https://content.pancake.vn/1/s481x481/fwebp/fc/e6/9f/73/869f8d1e41593a31be6fb63256122728f3320233548fdc919694c113-w:500-h:500-l:22615-t:image/png.png");
    --type: 0;
}

#w-40pygk87 .image-background-compare {
    background: undefined;
    clip: rect(0, 40.5px, 81px, 0);
    --type: 0;
}

#w-53vnzuwe {
    top: 0px;
    left: -0.5px;
    width: 81px;
    height: 81px;
}

#w-53vnzuwe .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    filter: contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(100%) sepia(0%) opacity(50%) brightness(100%) blur(0px);
    position: absolute;
}

#w-53vnzuwe .image-background {
    width: 81px;
    height: 81px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("https://content.pancake.vn/1/fwebp/01/01/53/a6/107b40fff2db3985e6374bad6eb40b8bb6dfa91f0baa5d82e0bad933-w:313-h:313-l:8578-t:image/png.png");
    --type: 0;
}

#w-53vnzuwe .image-background-compare {
    background: undefined;
    clip: rect(0, 40.5px, 81px, 0);
    --type: 0;
}

#w-hnewlzw3 {
    top: 0px;
    left: 339px;
    perspective: 1000px;
    width: 81px;
    height: 81px;
}

#w-hnewlzw3 .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    filter: contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(100%) sepia(0%) opacity(50%) brightness(100%) blur(0px);
    position: absolute;
}

#w-hnewlzw3 .image-background {
    width: 81px;
    height: 81px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("https://content.pancake.vn/1/fwebp/01/01/53/a6/107b40fff2db3985e6374bad6eb40b8bb6dfa91f0baa5d82e0bad933-w:313-h:313-l:8578-t:image/png.png");
    --type: 0;
}

#w-hnewlzw3 .image-background-compare {
    background: undefined;
    clip: rect(0, 40.5px, 81px, 0);
    --type: 0;
}

#w-hnewlzw3>div {
    transform: rotateX(0deg) perspective(1000px) rotateY(180deg);
}

#sticky-9r8tifvf {
    width: 431px;
    height: 33px;
}

#w-9r8tifvf {
    top: 724px;
    left: -5.5px;
    width: 431px;
    height: 33px;
}

#w-9r8tifvf .button-css {
    border-color: rgba(229, 231, 235, 1);
    border-radius: 6px;
    border-style: solid;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: rgba(0, 0, 0, 0.500);
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 2px;
    background: rgba(255, 255, 255, 0.500);
    --type: 0;
}

#w-cbos94yf {
    top: 62.99826622009277px;
    left: -301.5034713745117px;
    width: 280px;
    height: 310px;
}

#w-28wd2jg4 {
    top: 0px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 840px;
}

#w-28wd2jg4 .section-wrapper {
    opacity: 1;
}

#w-28wd2jg4 {
    margin-bottom: -1px;
}

#w-28wd2jg4 .section-background {
    background: undefined;
    --type: 0;
}

#w-8kjibpmq {
    top: 14.5px;
    left: 17.5px;
    perspective: 1000px;
    width: 47px;
    height: auto;
}

#w-8kjibpmq .line-container {
    border-color: rgba(83, 96, 119, 1);
    border-style: solid;
    border-width: 1px;
}

#w-8kjibpmq>div {
    transform: rotate(90deg) perspective(1000px);
}

#w-3hbjzhq6 {
    top: 46px;
    left: 39px;
    width: 210px;
    height: 77.98828125px;
}

#w-3hbjzhq6 .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'SVN-Mightiest.otf', sans-serif;
    font-size: 26px;
    letter-spacing: 2px;
    line-height: 1;
    text-align: start;
    --type: 0;
}

#w-wlk3yclm {
    top: 243px;
    left: -84px;
    perspective: 1000px;
    width: 248px;
    height: auto;
}

#w-wlk3yclm .line-container {
    border-color: rgba(83, 96, 119, 1);
    border-style: solid;
    border-width: 1px;
}

#w-wlk3yclm>div {
    transform: rotate(90deg) perspective(1000px);
}

#w-gksl9w4l {
    top: 142.24998474121094px;
    left: 44px;
    width: 200px;
    height: 23.984375px;
}

#w-gksl9w4l .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'UTM-Cafeta.ttf', sans-serif;
    font-size: 16px;
    font-style: italic;
    text-align: start;
    --type: 0;
}

#w-91jxhp0m {
    top: 214.26133728027344px;
    left: 44px;
    width: 242px;
    height: 19.51171875px;
}

#w-91jxhp0m .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-size: 13px;
    text-align: start;
    --type: 0;
}

#w-ig5jcswu {
    top: 166.26133728027344px;
    left: 44px;
    width: 200px;
    height: 47.96875px;
}

#w-ig5jcswu .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'UTM-Cafeta.ttf', sans-serif;
    font-size: 16px;
    text-align: start;
    --type: 0;
}

#w-j8n1a9zw {
    top: 261.7329578399658px;
    left: 44px;
    width: 200px;
    height: 23.984375px;
}

#w-j8n1a9zw .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'UTM-Cafeta.ttf', sans-serif;
    font-size: 16px;
    font-style: italic;
    text-align: start;
    --type: 0;
}

#w-2hyi8ra3 {
    top: 333.7443256378174px;
    left: 44px;
    width: 241px;
    height: 19.51171875px;
}

#w-2hyi8ra3 .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-size: 13px;
    text-align: start;
    --type: 0;
}

#w-bv74resi {
    top: 285.7443103790283px;
    left: 44px;
    width: 200px;
    height: 47.96875px;
}

#w-bv74resi .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'UTM-Cafeta.ttf', sans-serif;
    font-size: 16px;
    text-align: start;
    --type: 0;
}

#w-32etj2r3 {
    top: 380.9545440673828px;
    left: 60px;
    width: 300px;
    height: 30px;
}

#w-32etj2r3 .text-block-css {
    -webkit-text-stroke: 0px rgba(0, 0, 0, 1.000);
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'SVN-Mightiest.otf', sans-serif;
    font-size: 20px;
    line-height: 1.5;
    text-align: center;
    --type: 0;
}

#w-6i7xa1kt {
    top: 416px;
    left: 31.5px;
    perspective: 1000px;
    width: 357px;
    height: 60px;
}

#w-6i7xa1kt .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'Ephesis-Regular.ttf', sans-serif;
    font-size: 40px;
    text-align: center;
    text-shadow: 0px 4px 4px rgba(255, 255, 255, 1);
    --type: 0;
}

#w-6i7xa1kt>div {
    transform: rotate(0deg) perspective(1000px);
}

#w-giudke9b {
    top: 495px;
    left: 31.5px;
    perspective: 1000px;
    width: 357px;
    height: 60px;
}

#w-giudke9b .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'Ephesis-Regular.ttf', sans-serif;
    font-size: 40px;
    text-align: center;
    text-shadow: 0px 4px 4px rgba(255, 255, 255, 1);
    --type: 0;
}

#w-giudke9b>div {
    transform: rotate(0deg) perspective(1000px);
}

#w-ioujowzg {
    top: 453.5px;
    left: 150.5px;
    perspective: 1000px;
    width: 118px;
    height: 60px;
}

#w-ioujowzg .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'UTM-Azkia.ttf', sans-serif;
    font-size: 40px;
    text-align: center;
    text-shadow: 0px 4px 4px rgba(255, 255, 255, 1);
    --type: 0;
}

#w-ioujowzg>div {
    transform: rotate(0deg) perspective(1000px);
}

#w-hs9njuu7 {
    top: 564.6818237304688px;
    left: 33px;
    width: 354px;
    height: 269px;
}

#w-hs9njuu7 .image-block-css {
    border-color: rgba(125, 31, 42, 1.000);
    border-style: solid;
    border-width: 7px;
    position: absolute;
    z-index: null;
}

#w-hs9njuu7 .image-background-compare {
    background: undefined;
    clip: rect(0, 177px, 269px, 0);
    --type: 0;
}

#w-yjsm9xd2 {
    top: 0px;
    left: 306px;
    width: 72px;
    height: 225px;
}

#w-yjsm9xd2 .rectangle-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    background: rgba(125, 31, 42, 1);
}

#w-1u5rhi6o {
    top: 162px;
    left: 316px;
    width: 52px;
    height: 52px;
}

#w-1u5rhi6o .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    filter: contrast(0%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(100%) sepia(0%) opacity(100%) brightness(200%) blur(0px);
    position: absolute;
    z-index: null;
}

#w-1u5rhi6o .image-background {
    width: 52px;
    height: 52px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("https://content.pancake.vn/1/fwebp/1f/94/22/d2/4b84947380d319a034d00e7f832c3382c2e560af38d2eb0c27f28233-w:313-h:313-l:4199-t:image/png.png");
    --type: 0;
}

#w-1u5rhi6o .image-background-compare {
    background: undefined;
    clip: rect(0, 26px, 52px, 0);
    --type: 0;
}

#w-dh2fdsr6 {
    top: 9.5px;
    left: 335px;
    width: 15px;
    height: 15px;
}

#w-dh2fdsr6 .rectangle-css {
    border-color: rgba(229, 231, 235, 1);
    border-radius: 50px;
    border-style: solid;
    background: rgba(255, 255, 255, 1);
}

#w-1vrm5g0n {
    top: 7.5px;
    left: 332px;
    width: 20px;
    height: 20px;
}

#w-1vrm5g0n .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-1vrm5g0n .image-background {
    width: 20px;
    height: 20px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("https://content.pancake.vn/1/fwebp/57/9d/b4/54/8062abb209fa7d1a4f616d71addf48e4b528644d159a733f58090902-w:100-h:100-l:7010-t:image/png.png");
    --type: 0;
}

#w-1vrm5g0n .image-background-compare {
    background: undefined;
    clip: rect(0, 10px, 20px, 0);
    --type: 0;
}

#w-u2qdu5go {
    top: 0px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 476px;
}

#w-u2qdu5go .section-wrapper {
    opacity: 1;
}

#w-u2qdu5go {
    margin-bottom: -1px;
}

#w-u2qdu5go .section-background {
    background: undefined;
    --type: 0;
}

#w-amfdze1w {
    top: 10.6363525390625px;
    left: 58px;
    width: 304px;
    height: 37.5px;
}

#w-amfdze1w .text-block-css {
    -webkit-text-stroke: 0px rgba(0, 0, 0, 1.000);
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'SVN-Mightiest.otf', sans-serif;
    font-size: 25px;
    font-style: italic;
    line-height: 1.5;
    text-align: center;
    --type: 0;
}

#w-trta43bz {
    top: 410.27442932128906px;
    left: -0.9812469482421875px;
    width: 422px;
    height: 20.99609375px;
}

#w-trta43bz .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    font-style: italic;
    letter-spacing: 1px;
    text-align: center;
    --type: 0;
}

#w-pdl931a6 {
    top: 440px;
    left: -6.9812469482421875px;
    width: 434px;
    height: 25.48828125px;
}

#w-pdl931a6 .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'Arial', sans-serif;
    font-size: 17px;
    text-align: center;
    --type: 0;
}

#w-k8kl83qy {
    top: 367.3198699951172px;
    left: -13.481216430664062px;
    width: 185px;
    height: 20.99609375px;
}

#w-k8kl83qy .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    text-align: center;
    --type: 0;
}

#w-kbgnz2rp {
    top: 367.3198699951172px;
    left: 248.51878356933594px;
    width: 185px;
    height: 20.99609375px;
}

#w-kbgnz2rp .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    --type: 0;
}

#w-s2av0vl0 {
    top: 367.3198699951172px;
    left: 126.01878356933594px;
    perspective: 1000px;
    width: 34px;
    height: auto;
}

#w-s2av0vl0 .line-container {
    border-color: rgba(83, 96, 119, 1);
    border-style: solid;
    border-width: 2px;
}

#w-s2av0vl0>div {
    transform: rotate(90deg) perspective(1000px);
}

#w-bifzmam8 {
    top: 367.3198699951172px;
    left: 260.01878356933594px;
    perspective: 1000px;
    width: 34px;
    height: auto;
}

#w-bifzmam8 .line-container {
    border-color: rgba(83, 96, 119, 1);
    border-style: solid;
    border-width: 2px;
}

#w-bifzmam8>div {
    transform: rotate(90deg) perspective(1000px);
}

#w-6amly90s {
    top: 286.2744140625px;
    left: -4.4812164306640625px;
    width: 427px;
    height: 20.99609375px;
}

#w-6amly90s .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    text-align: center;
    --type: 0;
}

#w-rvjhix10 {
    top: 326.27442932128906px;
    left: -1.9812164306640625px;
    width: 422px;
    height: 20.99609375px;
}

#w-rvjhix10 .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    text-align: center;
    --type: 0;
}

#w-0m3cmvaa {
    top: 347.27442932128906px;
    left: 116.51878356933594px;
    width: 185px;
    height: 62.98828125px;
}

#w-0m3cmvaa .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'Ephesis-Regular.ttf', sans-serif;
    font-size: 42px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    --type: 0;
}

#w-2z4vbngp {
    top: 99.1666488647461px;
    left: 24.5px;
    width: 116px;
    height: 165px;
}

#w-2z4vbngp .image-block-css {
    border-color: rgba(125, 31, 42, 1.000);
    border-style: solid;
    border-width: 3px;
    position: absolute;
    z-index: null;
}

#w-2z4vbngp .image-background {
    width: 117.91836734693878px;
    height: 159px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("./assets/cuoi/10.jpg");
    --type: 0;
}

#w-2z4vbngp .image-background-compare {
    background: undefined;
    clip: rect(0, 58px, 165px, 0);
    --type: 0;
}

#w-xd4gq2s2 {
    top: 67.1666488647461px;
    left: 152px;
    width: 116px;
    height: 165px;
}

#w-xd4gq2s2 .image-block-css {
    border-color: rgba(125, 31, 42, 1.000);
    border-style: solid;
    border-width: 3px;
    position: absolute;
    z-index: null;
}

#w-xd4gq2s2 .image-background {
    width: 111.2875px;
    height: 160px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("./assets/cuoi/7.jpg");
    --type: 0;
}

#w-xd4gq2s2 .image-background-compare {
    background: undefined;
    clip: rect(0, 58px, 165px, 0);
    --type: 0;
}

#w-p4gatvnw {
    top: 99.1666488647461px;
    left: 279px;
    width: 116px;
    height: 165px;
}

#w-p4gatvnw .image-block-css {
    border-color: rgba(125, 31, 42, 1.000);
    border-style: solid;
    border-width: 3px;
    position: absolute;
    z-index: null;
}

#w-p4gatvnw .image-background {
    width: 111.35624999999999px;
    height: 170px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("./assets/cuoi/1.jpg");
    --type: 0;
}

#w-p4gatvnw .image-background-compare {
    background: undefined;
    clip: rect(0, 58px, 165px, 0);
    --type: 0;
}

#w-frfn2a1z {
    top: 0px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 372px;
}

#w-frfn2a1z .section-wrapper {
    opacity: 1;
}

#w-frfn2a1z {
    margin-bottom: -1px;
}

#w-frfn2a1z .section-background {
    background: undefined;
    --type: 0;
}

#w-3m9ley3f {
    top: 0px;
    left: 5.5px;
    width: 409px;
    height: 362px;
}

#w-3m9ley3f .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-3m9ley3f .image-background-compare {
    background: undefined;
    clip: rect(0, 204.5px, 362px, 0);
    --type: 0;
}

#w-q5ac8dqm {
    bottom: 104px;
    right: 83.2px;
    width: 45px;
    height: 45px;
}

#w-q5ac8dqm .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-q5ac8dqm .image-background {
    width: 45px;
    height: 45px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("https://content.pancake.vn/1/s445x445/fwebp/59/9d/0d/23/829a2a25903e5b03a029f62911ad0300b2c875df84e143b3258f9633-w:3600-h:3600-l:165926-t:image/png.png");
    --type: 0;
}

#w-q5ac8dqm .image-background-compare {
    background: undefined;
    clip: rect(0, 22.5px, 45px, 0);
    --type: 0;
}

#w-gxpbejzi {
    top: 0px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 438px;
}

#w-gxpbejzi .section-wrapper {
    opacity: 1;
}

#w-gxpbejzi {
    margin-bottom: -1px;
}

#w-gxpbejzi .section-background {
    background: undefined;
    --type: 0;
}

#w-b8ao84la {
    top: 89.5px;
    left: 62.5px;
    width: 295px;
    height: 41.9921875px;
}

#w-b8ao84la .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'Barlow', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    text-align: center;
    --type: 0;
}

#w-8799m2jd {
    top: 58.5px;
    left: -0.5px;
    width: 421px;
    height: 27.01171875px;
}

#w-8799m2jd .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'SVN-Mightiest.otf', sans-serif;
    font-size: 18px;
    letter-spacing: 1px;
    text-align: center;
    --type: 0;
}

#w-i7ym6cbi {
    top: 145px;
    left: 140px;
    width: 140px;
    height: 32px;
}

#w-i7ym6cbi .button-css {
    border-color: rgba(229, 231, 235, 1);
    border-radius: 42px;
    border-style: solid;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: rgba(255, 255, 255, 1);
    font-family: 'Arial', sans-serif;
    font-size: 15px;
    background: rgba(125, 31, 42, 1.000);
    --type: 0;
}

#w-4y6khmrv {
    top: 192px;
    left: 32.5px;
    width: 355px;
    height: 235px;
}

#w-4y6khmrv .rectangle-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    background: rgba(125, 31, 42, 1.000);
}

#w-m1kk35d9 {
    top: 194.5px;
    left: 35px;
    width: 350px;
    height: 230px;
}

#w-gpi1okjt {
    top: 0px;
    left: 0px;
    width: 421px;
    height: 48px;
}

#w-gpi1okjt .rectangle-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    background: rgba(125, 31, 42, 1.000);
}

#w-t2sokzzh {
    top: 0px;
    left: 8.00006103515625px;
    width: 42px;
    height: 42px;
}

#w-t2sokzzh .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    filter: contrast(0%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(100%) sepia(0%) opacity(100%) brightness(200%) blur(0px);
    position: absolute;
}

#w-t2sokzzh .image-background {
    width: 42px;
    height: 42px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("https://content.pancake.vn/1/fwebp/ea/22/0a/29/7282a3145204e1bfd9fcd61e814d26ec7b304aece5149f90e6438404-w:313-h:313-l:10169-t:image/png.png");
    --type: 0;
}

#w-t2sokzzh .image-background-compare {
    background: undefined;
    clip: rect(0, 21px, 42px, 0);
    --type: 0;
}

#w-sr1oja6m {
    top: 1.5px;
    left: 12.5px;
    width: 395px;
    height: 38.984375px;
}

#w-sr1oja6m .text-block-css {
    -webkit-text-stroke: 0px rgba(0, 0, 0, 1.000);
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(255, 255, 255, 1);
    font-family: 'SVN-Mightiest.otf', sans-serif;
    font-size: 26px;
    line-height: 1.5;
    text-align: center;
    --type: 0;
}

#w-7mhdm53u {
    top: 16px;
    left: 0px;
    position: relative;
    width: 100%;
    height: 442px;
    align-items: center;
}

#w-7mhdm53u .section-wrapper {
    opacity: 1;
}

#w-7mhdm53u {
    margin-bottom: -1px;
}

#w-7mhdm53u .section-background {
    background: undefined;
    --type: 0;
}

#w-3yfyeul6 {
    top: 8px;
    left: 0px;
    width: 100%;
    height: 400px;
    padding: 4px 20px;
}

#w-3yfyeul6 .rectangle-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    background: rgba(125, 31, 42, 1.000);
}

#w-hxsmv8a3 {
    top: 10.291656494140625px;
    left: 58px;
    width: 304px;
    height: 75px;
}

#w-hxsmv8a3 .text-block-css {
    -webkit-text-stroke: 0px rgba(0, 0, 0, 1.000);
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(255, 255, 255, 1);
    font-family: 'SVN-Mightiest.otf', sans-serif;
    font-size: 25px;
    line-height: 1;
    text-align: center;
    text-shadow: 0px 4px 4px rgba(255, 255, 255, 0.25);
    --type: 0;
}

#w-n9eye9rx {
    top: 380.1597309112549px;
    left: 99px;
    width: 214px;
    height: 40px;
}

#w-n9eye9rx .button-css {
    -webkit-text-stroke: 0px rgba(0, 0, 0, 1);
    border-color: rgba(229, 231, 235, 1);
    border-radius: 9px;
    border-style: solid;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    background: rgba(255, 255, 255, 1);
    --type: 0;
}

#w-hl53suyf {
    top: 101px;
    left: 38px;
    width: 336px;
    height: 246px;
}

#w-hl53suyf form {
    -webkit-text-stroke: 0px rgba(255, 255, 255, 1);
    border-radius: 0px;
    color: rgba(0, 0, 0, 0.400);
    font-size: 13px;
}

#w-unj9ai75 {
    top: 0px;
    left: 0px;
    width: 336px;
    height: 40px;
}

#w-unj9ai75 .input-css {
    border-color: rgba(57, 71, 58, 1);
    border-radius: 0px;
    border-style: double;
    border-width: 2px;
    color: rgba(0, 0, 0, 0.400);
}

#w-unj9ai75 input {
    background: rgba(255, 255, 255, 1);
    color: rgba(0, 0, 0, 0.400);
}

#w-unj9ai75 input::placeholder {
    color: rgba(0, 0, 0, 0.4);
    -webkit-text-fill-color: rgba(0, 0, 0, 0.4) !important;
}

#w-klql4ysp {
    top: 206px;
    left: 0px;
    width: 336px;
    height: 40px;
}

#w-klql4ysp .button-css {
    -webkit-text-stroke: 0px rgba(255, 255, 255, 1);
    border-color: rgba(255, 255, 255, 1);
    border-radius: 0px;
    border-style: solid;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.39);
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    font-weight: bold;
    background: rgba(255, 255, 255, 1);
    --type: 0;
}

#w-m1wmtbcv {
    top: 53px;
    left: 0px;
    width: 336px;
    height: 40px;
}

#w-m1wmtbcv .input-css {
    border-color: rgba(57, 71, 58, 1);
    border-radius: 0px;
    border-style: double;
    border-width: 2px;
    color: rgba(0, 0, 0, 0.400);
}

#w-m1wmtbcv input {
    background: rgba(255, 255, 255, 1);
    color: rgba(0, 0, 0, 0.400);
}

#w-m1wmtbcv input::placeholder {
    color: rgba(0, 0, 0, 0.4);
    -webkit-text-fill-color: rgba(0, 0, 0, 0.4) !important;
}

#w-9du0r7g4 {
    top: 106px;
    left: 0px;
    width: 336px;
    height: 40px;
}

#w-9du0r7g4 .input-css {
    border-color: rgba(57, 71, 58, 1);
    border-radius: 0px;
    border-style: double;
    border-width: 2px;
    color: rgba(0, 0, 0, 0.400);
}

#w-9du0r7g4 input {
    background: rgba(255, 255, 255, 1);
    color: rgba(0, 0, 0, 0.400);
}

#w-9du0r7g4 input::placeholder {
    color: rgba(0, 0, 0, 0.4);
    -webkit-text-fill-color: rgba(0, 0, 0, 0.4) !important;
}

#w-8h31rtp3 {
    top: 156px;
    left: 0px;
    width: 336px;
    height: 40px;
}

#w-8h31rtp3 .select-css {
    border-color: rgba(57, 71, 58, 1);
    border-radius: 0px;
    border-style: double;
    border-width: 2px;
    color: rgba(0, 0, 0, 0.400);
}

#w-8h31rtp3 select {
    background: rgba(255, 255, 255, 1);
    color: rgba(0, 0, 0, 0.400);
}

#w-8h31rtp3 .chevron .icon {
    color: rgba(0, 0, 0, 0.400);
}

#w-pniputpo {
    top: 0px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 537px;
}

#w-pniputpo .section-wrapper {
    opacity: 1;
}

#w-pniputpo {
    margin-bottom: -1px;
}

#w-pniputpo .section-background {
    background: undefined;
    --type: 0;
}

#w-i9mk0qdo {
    top: 341.5px;
    left: 18px;
    width: 126px;
    height: 189px;
}

#w-i9mk0qdo .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
}

#w-i9mk0qdo .image-background {
    width: 126.52130281690144px;
    height: 189.78195422535217px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat content-box border-box url("./assets/cuoi/10.jpg");
    --type: 0;
}

#w-i9mk0qdo .image-background-compare {
    background: undefined;
    clip: rect(0, 63px, 189px, 0);
    --type: 0;
}

#w-6m7phoby {
    top: 341.5px;
    left: 148px;
    width: 126px;
    height: 189px;
}

#w-6m7phoby .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-6m7phoby .image-background {
    width: 127.70651408450706px;
    height: 191.5597711267606px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat content-box border-box url("./assets/cuoi/2.jpg");
    --type: 0;
}

#w-6m7phoby .image-background-compare {
    background: undefined;
    clip: rect(0, 63px, 189px, 0);
    --type: 0;
}

#w-7m08afme {
    top: 53px;
    left: 18px;
    width: 187px;
    height: 280px;
}

#w-7m08afme .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-7m08afme .image-background {
    width: 210.7042253521127px;
    height: 280.93896713615027px;
    top: 0px;
    left: -8px;
    background: center center/ cover no-repeat scroll content-box url("./assets/cuoi/5.jpg") border-box;
    --type: 0;
}

#w-7m08afme .image-background-compare {
    background: undefined;
    clip: rect(0, 93.5px, 280px, 0);
    --type: 0;
}

#w-gfr8kgrk {
    top: 53px;
    left: 215px;
    width: 187px;
    height: 280px;
}

#w-gfr8kgrk .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-gfr8kgrk .image-background-compare {
    background: undefined;
    clip: rect(0, 93.5px, 280px, 0);
    --type: 0;
}

#w-ytqzomid {
    top: 1.5px;
    left: 0px;
    width: 100%;
    height: 47.98828125px;
}

#w-ytqzomid .text-block {
    width: 100%;
    text-align: center;
}

#w-ytqzomid .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'Ephesis-Regular.ttf', sans-serif;
    font-size: 32px;
    text-align: center;
    --type: 0;
    width: 100%;
}

#w-6klqgubq {
    top: 341.5px;
    left: 276.5px;
    width: 126px;
    height: 189px;
}

#w-6klqgubq .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-6klqgubq .image-background {
    width: 127.70651408450706px;
    height: 191.5597711267606px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat content-box border-box url("./assets/cuoi/9.jpg");
    --type: 0;
}

#w-6klqgubq .image-background-compare {
    background: undefined;
    clip: rect(0, 63px, 189px, 0);
    --type: 0;
}

#w-atb1tsrv {
    top: 0px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 286px;
}

#w-atb1tsrv .section-wrapper {
    opacity: 1;
}

#w-atb1tsrv {
    margin-bottom: -1px;
}

#w-atb1tsrv .section-background {
    background: undefined;
    --type: 0;
}

#w-07ds8l4t {
    top: 0px;
    left: 17.5px;
    width: 187px;
    height: 248px;
}

#w-07ds8l4t .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
}

#w-07ds8l4t .image-background {
    width: 210.7042253521127px;
    height: 260px;
    top: 4px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box url("./assets/slide/20.JPG") border-box;
    --type: 0;
}

#w-07ds8l4t .image-background-compare {
    background: undefined;
    clip: rect(0, 93.5px, 280px, 0);
    --type: 0;
}

#w-atvsanei {
    top: -8px;
    left: 215px;
    width: 187px;
    height: 121px;
}

#w-atvsanei .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-atvsanei .image-background-compare {
    background: undefined;
    clip: rect(0, 93.5px, 121px, 0);
    --type: 0;
}

#w-6zk6tjag {
    top: 120px;
    left: 215px;
    width: 187px;
    height: 128px;
}

#w-6zk6tjag .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-6zk6tjag .image-background-compare {
    background: undefined;
    clip: rect(0, 93.5px, 121px, 0);
    --type: 0;
}

#w-tpklluth {
    top: 0px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 285px;
}

#w-tpklluth .section-wrapper {
    opacity: 1;
}

#w-tpklluth {
    margin-bottom: -1px;
}

#w-tpklluth .section-background {
    background: undefined;
    --type: 0;
}

#w-qg9pg53z {
    top: -28px;
    left: 17.5px;
    width: 187px;
    height: 280px;
}

#w-qg9pg53z .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-qg9pg53z .image-background {
    width: 211.09550525063102px;
    height: 280.93896713615027px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box url("./assets/slide/18.JPG") border-box;
    --type: 0;
}

#w-qg9pg53z .image-background-compare {
    background: undefined;
    clip: rect(0, 93.5px, 280px, 0);
    --type: 0;
}

#w-3i6z5fev {
    top: -28px;
    left: 214.5px;
    width: 187px;
    height: 280px;
}

#w-3i6z5fev .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-3i6z5fev .image-background-compare {
    background: undefined;
    clip: rect(0, 93.5px, 280px, 0);
    --type: 0;
}

#w-1kaa9b1v {
    top: -20px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 631px;
}

#w-1kaa9b1v .section-wrapper {
    opacity: 1;
}

#w-1kaa9b1v {
    margin-bottom: -1px;
}

#w-1kaa9b1v .section-background {
    background: undefined;
    --type: 0;
}

#w-sj86rf1m {
    top: 0px;
    left: 0px;
    width: 420px;
    height: 650px;
}

#w-sj86rf1m .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    filter: contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(100%) sepia(0%) opacity(30%) brightness(100%) blur(0px);
    position: absolute;
    z-index: null;
}

#w-sj86rf1m .image-background {
    width: 472.99295774647885px;
    height: 650.9859154929577px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box url("./assets/slide/12.JPG") border-box;
    --type: 0;
}

#w-sj86rf1m .image-background-compare {
    background: undefined;
    clip: rect(0, 210px, 630px, 0);
    --type: 0;
}

#w-pvtvxy0x {
    top: 365.000013589859px;
    left: -17px;
    width: 453px;
    height: 147px;
}

#w-pvtvxy0x .rectangle-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    background: rgba(125, 31, 42, 0.31);
}

#w-iylwpged {
    top: 349.000013589859px;
    left: 11px;
    width: 397px;
    height: 155px;
}

#w-iylwpged .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    filter: contrast(0%) grayscale(43%) hue-rotate(0deg) invert(0%) saturate(0%) sepia(0%) opacity(100%) brightness(200%) blur(0px);
    position: absolute;
    z-index: null;
}

#w-iylwpged .image-background {
    width: 399.49056603773585px;
    height: 155px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("https://content.pancake.vn/1/s1380x536/fwebp/cf/cf/28/5f/f9ca08165577556ed2df053b0962a0e8e670490844d7ad5e84fa48b2.png");
    --type: 0;
}

#w-iylwpged .image-background-compare {
    background: undefined;
    clip: rect(0, 198.5px, 155px, 0);
    --type: 0;
}

#w-ihlyqwez {
    top: 438.500013589859px;
    left: -30px;
    width: 480px;
    height: 57.01171875px;
}

#w-ihlyqwez .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(255, 255, 255, 1);
    filter: contrast(0%) grayscale(43%) hue-rotate(0deg) invert(0%) saturate(0%) sepia(0%) opacity(100%) brightness(200%) blur(0px);
    font-family: 'UTM-Azkia.ttf', sans-serif;
    font-size: 38px;
    text-align: center;
    --type: 0;
}

#w-__popup_default__ {
    position: fixed;
    width: 400px;
    height: 478px;
}

#w-__popup_default__ .popup-background.fb {
    background: undefined
}

#w-__popup_default__::-webkit-scrollbar {
    display: none
}

#w-__popup_default__ .popup-background {
    background: center center/ cover no-repeat content-box border-box url("./assets/slide/20.JPG");
    border-color: rgba(0, 0, 0, 0.8);
    border-radius: 13px;
    border-style: solid;
    color: rgba(69, 64, 64, 1.000);
}

#w-au0o7yap {
    top: 0px;
    left: 371px;
    z-index: 1;
    width: 29px;
    height: 29px;
}

#w-au0o7yap {
    box-shadow: undefined;
    filter: undefined;
}

#w-au0o7yap .rectangle-css {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+IDxwYXRoIGQ9J00xMy40NiwxMkwxOSwxNy41NFYxOUgxNy41NEwxMiwxMy40Nkw2LjQ2LDE5SDVWMTcuNTRMMTAuNTQsMTJMNSw2LjQ2VjVINi40NkwxMiwxMC41NEwxNy41NCw1SDE5VjYuNDZMMTMuNDYsMTJaJz48L3BhdGg+IDwvc3ZnPg==);
    border-color: #E5E7EB;
    border-style: solid;
    z-index: 1;
    background: rgb(212, 212, 212);
}

#w-766uvdhg {
    top: 284.7777862548828px;
    left: 0px;
    width: 400px;
    height: 129px;
}

#w-766uvdhg .rectangle-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    background: rgba(0, 0, 0, 0.48);
}

#w-zbmg6glj {
    top: 270.8888702392578px;
    left: 25px;
    width: 350px;
    height: 136px;
}

#w-zbmg6glj .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    filter: contrast(0%) grayscale(43%) hue-rotate(0deg) invert(0%) saturate(0%) sepia(0%) opacity(100%) brightness(200%) blur(0px);
    position: absolute;
    z-index: null;
}

#w-zbmg6glj .image-background {
    width: 350.5207547169812px;
    height: 136px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("https://content.pancake.vn/1/s1380x536/fwebp/cf/cf/28/5f/f9ca08165577556ed2df053b0962a0e8e670490844d7ad5e84fa48b2.png");
    --type: 0;
}

#w-zbmg6glj .image-background-compare {
    background: undefined;
    clip: rect(0, 175px, 136px, 0);
    --type: 0;
}

#w-ogbk63vj {
    top: 349.2777557373047px;
    left: -11.5px;
    width: 423px;
    height: 57px;
}

#w-ogbk63vj .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(255, 255, 255, 1);
    filter: contrast(0%) grayscale(43%) hue-rotate(0deg) invert(0%) saturate(0%) sepia(0%) opacity(100%) brightness(200%) blur(0px);
    font-family: 'UTM-Azkia.ttf', sans-serif;
    font-size: 38px;
    text-align: center;
    --type: 0;
}

#w-g81yux0n {
    position: fixed;
    width: 400px;
    height: 381px;
}

#w-g81yux0n::-webkit-scrollbar {
    display: none
}

#w-g81yux0n .popup-background {
    background: rgba(255, 255, 255, 1);
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
}

#w-it5xx3wr {
    top: 75.5px;
    left: 85px;
    width: 230px;
    height: 230px;
}

#w-it5xx3wr .rectangle-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    background: rgba(125, 31, 42, 1);
}

#w-w7jquvg1 {
    top: 0px;
    left: 371px;
    z-index: 1;
    width: 29px;
    height: 29px;
}

#w-w7jquvg1 {
    box-shadow: undefined;
    filter: undefined;
}

#w-w7jquvg1 .rectangle-css {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+IDxwYXRoIGQ9J00xMy40NiwxMkwxOSwxNy41NFYxOUgxNy41NEwxMiwxMy40Nkw2LjQ2LDE5SDVWMTcuNTRMMTAuNTQsMTJMNSw2LjQ2VjVINi40NkwxMiwxMC41NEwxNy41NCw1SDE5VjYuNDZMMTMuNDYsMTJaJz48L3BhdGg+IDwvc3ZnPg==);
    border-color: #E5E7EB;
    border-style: solid;
    z-index: 1;
    background: rgb(212, 212, 212);
}

#w-oqnvrkg3 {
    top: 7.5px;
    left: 22px;
    width: 349px;
    height: 60px;
}

#w-oqnvrkg3 .text-block-css {
    -webkit-text-stroke: 0px rgba(0, 0, 0, 1);
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'SVN-Mightiest.otf', sans-serif;
    font-size: 40px;
    text-align: center;
    --type: 0;
}

#w-p8etkpq1 {
    top: 91.49065208435059px;
    left: 108.00628662109375px;
    width: 200px;
    height: 198px;
}

#w-p8etkpq1 .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-p8etkpq1 .image-background {
    width: 318.2px;
    height: 688px;
    top: -152px;
    left: -59.30952380952384px;
    background: center center/ cover no-repeat scroll content-box border-box url("./assets/qr.jpg");
    --type: 0;
}

#w-p8etkpq1 .image-background-compare {
    background: undefined;
    clip: rect(0, 100px, 198px, 0);
    --type: 0;
}

#w-k0vu3e5e {
    top: 314.13436698913574px;
    left: 30px;
    width: 356px;
    height: 51px;
}

#w-k0vu3e5e .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'Barlow', sans-serif;
    font-size: 17px;
    text-align: center;
    --type: 0;
    color: rgba(255, 255, 255, 1);
}

.-popup-checkout .-close,
.-zoom .-close {
    width: 22px;
    height: 22px;
}

.-checkout-gallery .gallery-view-item {
    background-size: cover !important;
}

#w-j6ac06mu.animation {
    transform: perspective(1000px);
}

#w-j6ac06mu.animation .text-block-css {
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-3subauj7.animation {
    transform: perspective(1000px);
}

#w-3subauj7.animation .image-block-css {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-4aeii491.animation {
    transform: perspective(1000px);
}

#w-4aeii491.animation .image-block-css {
    animation-name: slideInUp;
    -webkit-animation-name: slideInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 4s;
    -webkit-animation-duration: 4s;
}

#w-bnrugie4.animation {
    transform: perspective(1000px);
}

#w-bnrugie4.animation .text-block-css {
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-ohkl2lnj.animation {
    transform: perspective(1000px);
}

#w-ohkl2lnj.animation .image-block-css {
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-lfeb0egb.animation {
    transform: perspective(1000px);
}

#w-lfeb0egb.animation .text-block-css {
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-19tqxf4g.animation {
    transform: perspective(1000px);
}

#w-19tqxf4g.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-wkuu9jg6.animation {
    transform: perspective(1000px);
}

#w-wkuu9jg6.animation .text-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-e7d1tx8k.animation {
    transform: perspective(1000px);
}

#w-e7d1tx8k.animation .image-block-css {
    animation-name: flash;
    -webkit-animation-name: flash;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-duration: 4s;
    -webkit-animation-duration: 4s;
}

#w-1qpgocgm.animation {
    transform: perspective(1000px);
}

#w-1qpgocgm.animation .image-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-3hbjzhq6.animation {
    transform: perspective(1000px);
}

#w-3hbjzhq6.animation .text-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-gksl9w4l.animation {
    transform: perspective(1000px);
}

#w-gksl9w4l.animation .text-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-91jxhp0m.animation {
    transform: perspective(1000px);
}

#w-91jxhp0m.animation .text-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-ig5jcswu.animation {
    transform: perspective(1000px);
}

#w-ig5jcswu.animation .text-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-j8n1a9zw.animation {
    transform: perspective(1000px);
}

#w-j8n1a9zw.animation .text-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-2hyi8ra3.animation {
    transform: perspective(1000px);
}

#w-2hyi8ra3.animation .text-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-bv74resi.animation {
    transform: perspective(1000px);
}

#w-bv74resi.animation .text-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-32etj2r3.animation {
    transform: perspective(1000px);
}

#w-32etj2r3.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-6i7xa1kt.animation {
    transform: perspective(1000px);
}

#w-6i7xa1kt.animation .text-block-css {
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 4s;
    -webkit-animation-duration: 4s;
}

#w-giudke9b.animation {
    transform: perspective(1000px);
}

#w-giudke9b.animation .text-block-css {
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 4s;
    -webkit-animation-duration: 4s;
}

#w-ioujowzg.animation {
    transform: perspective(1000px);
}

#w-ioujowzg.animation .text-block-css {
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 4s;
    -webkit-animation-duration: 4s;
}

#w-hs9njuu7.animation {
    transform: perspective(1000px);
}

#w-hs9njuu7.animation .image-block-css {
    animation-name: slideInUp;
    -webkit-animation-name: slideInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-1u5rhi6o.animation {
    transform: perspective(1000px);
}

#w-1u5rhi6o.animation .image-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-amfdze1w.animation {
    transform: perspective(1000px);
}

#w-amfdze1w.animation .text-block-css {
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-trta43bz.animation {
    transform: perspective(1000px);
}

#w-trta43bz.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-pdl931a6.animation {
    transform: perspective(1000px);
}

#w-pdl931a6.animation .text-block-css {
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-k8kl83qy.animation {
    transform: perspective(1000px);
}

#w-k8kl83qy.animation .text-block-css {
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-kbgnz2rp.animation {
    transform: perspective(1000px);
}

#w-kbgnz2rp.animation .text-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-s2av0vl0.animation {
    transform: perspective(1000px);
}

#w-s2av0vl0.animation .line-css {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-bifzmam8.animation {
    transform: perspective(1000px);
}

#w-bifzmam8.animation .line-css {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-6amly90s.animation {
    transform: perspective(1000px);
}

#w-6amly90s.animation .text-block-css {
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-rvjhix10.animation {
    transform: perspective(1000px);
}

#w-rvjhix10.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-0m3cmvaa.animation {
    transform: perspective(1000px);
}

#w-0m3cmvaa.animation .text-block-css {
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-2z4vbngp.animation {
    transform: perspective(1000px);
}

#w-2z4vbngp.animation .image-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-xd4gq2s2.animation {
    transform: perspective(1000px);
}

#w-xd4gq2s2.animation .image-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-p4gatvnw.animation {
    transform: perspective(1000px);
}

#w-p4gatvnw.animation .image-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-3m9ley3f.animation {
    transform: perspective(1000px);
}

#w-3m9ley3f.animation .image-block-css {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-q5ac8dqm.animation {
    transform: perspective(1000px);
}

#w-q5ac8dqm.animation .image-block-css {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-b8ao84la.animation {
    transform: perspective(1000px);
}

#w-b8ao84la.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-8799m2jd.animation {
    transform: perspective(1000px);
}

#w-8799m2jd.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-i7ym6cbi.animation {
    transform: perspective(1000px);
}

#w-i7ym6cbi.animation .button-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-t2sokzzh.animation {
    transform: perspective(1000px);
}

#w-t2sokzzh.animation .image-block-css {
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-sr1oja6m.animation {
    transform: perspective(1000px);
}

#w-sr1oja6m.animation .text-block-css {
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-hxsmv8a3.animation {
    transform: perspective(1000px);
}

#w-hxsmv8a3.animation .text-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
}

#w-i9mk0qdo.animation {
    transform: perspective(1000px);
}

#w-i9mk0qdo.animation .image-block-css {
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-6m7phoby.animation {
    transform: perspective(1000px);
}

#w-6m7phoby.animation .image-block-css {
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-7m08afme.animation {
    transform: perspective(1000px);
}

#w-7m08afme.animation .image-block-css {
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-gfr8kgrk.animation {
    transform: perspective(1000px);
}

#w-gfr8kgrk.animation .image-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-ytqzomid.animation {
    transform: perspective(1000px);
}

#w-ytqzomid.animation .text-block-css {
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-6klqgubq.animation {
    transform: perspective(1000px);
}

#w-6klqgubq.animation .image-block-css {
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-07ds8l4t.animation {
    transform: perspective(1000px);
}

#w-07ds8l4t.animation .image-block-css {
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-atvsanei.animation {
    transform: perspective(1000px);
}

#w-atvsanei.animation .image-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-6zk6tjag.animation {
    transform: perspective(1000px);
}

#w-6zk6tjag.animation .image-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-qg9pg53z.animation {
    transform: perspective(1000px);
}

#w-qg9pg53z.animation .image-block-css {
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-3i6z5fev.animation {
    transform: perspective(1000px);
}

#w-3i6z5fev.animation .image-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-iylwpged.animation {
    transform: perspective(1000px);
}

#w-iylwpged.animation .image-block-css {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-ihlyqwez.animation {
    transform: perspective(1000px);
}

#w-ihlyqwez.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-zbmg6glj.animation {
    transform: perspective(1000px);
}

#w-zbmg6glj.animation .image-block-css {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-ogbk63vj.animation {
    transform: perspective(1000px);
}

#w-ogbk63vj.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

@media screen and (min-width: 768px) {
    .pageview {
        max-width: 420px;
        margin: 0 auto;
    }

    #w-hs9njuu7 .image-background {
        width: 400px;
        height: 262px;
        top: 0px;
        left: -13px;
        background: center center/ cover no-repeat content-box border-box url("./assets/cuoi/9.jpg");
        --type: 0;
    }

    #w-3m9ley3f .image-background {
        width: 98%;
        height: 96%;
        top: 0px;
        left: 1%;
        right: 1%;
        background: center center/ contain no-repeat scroll content-box border-box url("./assets/sun.png");
        --type: 0;
    }

    #w-gfr8kgrk .image-background {
        width: 214.17857142857142px;
        height: 285.57142857142856px;
        top: -0.571428571428573px;
        left: 0px;
        background: center center/ cover no-repeat scroll content-box url("./assets/cuoi/6.jpg") border-box;
        --type: 0;
    }

    #w-atvsanei .image-background {
        width: 187.6137689614936px;
        height: 125.02721617418352px;
        top: 12.027216174183522px;
        left: 0px;
        background: center center/ cover no-repeat scroll content-box border-box url("./assets/slide/16.JPG");
        --type: 0;
    }

    #w-6zk6tjag .image-background {
        width: 187.30769230769232px;
        height: 143.9035769828927px;
        top: .903576982892695px;
        left: -0.3076923076923208px;
        background: center center/ cover no-repeat content-box border-box url("./assets/slide/18.jpeg");
        --type: 0;
    }

    #w-3i6z5fev .image-background {
        width: 214.87557282327157px;
        height: 285.57142857142856px;
        top: -0.571428571428573px;
        left: 0px;
        background: center center/ cover no-repeat scroll content-box url(./assets/slide/14.JPG) border-box;
        --type: 0;
    }
}

@media screen and (max-width: 767px) {
    #w-hs9njuu7 .image-background {
        width: 400px;
        height: 262px;
        top: 0px;
        left: -13px;
        background: center center/ cover no-repeat content-box border-box url("./assets/cuoi/9.jpg");
        --type: 0;
    }

    #w-3m9ley3f .image-background {
        width: 98%;
        height: 96%;
        top: 0px;
        left: 1%;
        right: 1%;
        background: center center/ contain no-repeat scroll content-box border-box url("./assets/sun.png");
        --type: 0;
    }

    #w-gfr8kgrk .image-background {
        width: 214.17857142857142px;
        height: 285.57142857142856px;
        top: -0.571428571428573px;
        left: 0px;
        background: center center/ cover no-repeat scroll content-box url("./assets/cuoi/6.jpg") border-box;
        --type: 0;
    }

    #w-atvsanei .image-background {
        width: 187.6137689614936px;
        height: 125.02721617418352px;
        top: 12.027216174183522px;
        left: 0px;
        background: center center/ cover no-repeat scroll content-box border-box url("./assets/slide/16.JPG");
        --type: 0;
    }

    #w-6zk6tjag .image-background {
        width: 187.30769230769232px;
        height: 143.9035769828927px;
        top: -13.903576982892695px;
        left: -0.3076923076923208px;
        background: center center/ cover no-repeat content-box border-box url("./assets/slide/18.jpeg");
        --type: 0;
    }

    #w-3i6z5fev .image-background {
        width: 214.87557282327157px;
        height: 285.57142857142856px;
        top: -0.571428571428573px;
        left: 0px;
        background: center center/ cover no-repeat scroll content-box url("./assets/slide/14.JPG") border-box;
        --type: 0;
    }

    #w-40pygk87 {
        top: 672px;
        left: 22px;
        width: 81px;
        height: 81px;
    }

    #w-40pygk87 .image-block-css {
        border-color: rgba(229, 231, 235, 1);
        border-style: solid;
        border-width: 0px;
        filter: contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(100%) sepia(0%) opacity(20%) brightness(100%) blur(0px);
        position: absolute;
    }

    #w-40pygk87 .image-background {
        width: 81px;
        height: 81px;
        top: 0px;
        left: 0px;
        background: center center/ cover no-repeat scroll content-box border-box url("https://content.pancake.vn/1/s481x481/fwebp/fc/e6/9f/73/869f8d1e41593a31be6fb63256122728f3320233548fdc919694c113-w:500-h:500-l:22615-t:image/png.png");
        --type: 0;
    }

    #w-40pygk87 .image-background-compare {
        background: undefined;
        clip: rect(0, 40.5px, 81px, 0);
        --type: 0;
    }

    #w-53vnzuwe {
        top: 0px;
        left: -0.5px;
        width: 81px;
        height: 81px;
    }

    #w-53vnzuwe .image-block-css {
        border-color: rgba(229, 231, 235, 1);
        border-style: solid;
        border-width: 0px;
        filter: contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(100%) sepia(0%) opacity(50%) brightness(100%) blur(0px);
        position: absolute;
    }

    #w-53vnzuwe .image-background {
        width: 81px;
        height: 81px;
        top: 0px;
        left: 0px;
        background: center center/ cover no-repeat scroll content-box border-box url("https://content.pancake.vn/1/fwebp/01/01/53/a6/107b40fff2db3985e6374bad6eb40b8bb6dfa91f0baa5d82e0bad933-w:313-h:313-l:8578-t:image/png.png");
        --type: 0;
    }

    #w-53vnzuwe .image-background-compare {
        background: undefined;
        clip: rect(0, 40.5px, 81px, 0);
        --type: 0;
    }

    #w-hnewlzw3 {
        top: 0px;
        left: 339px;
        perspective: 1000px;
        width: 81px;
        height: 81px;
    }

    #w-hnewlzw3 .image-block-css {
        border-color: rgba(229, 231, 235, 1);
        border-style: solid;
        border-width: 0px;
        filter: contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(100%) sepia(0%) opacity(50%) brightness(100%) blur(0px);
        position: absolute;
    }

    #w-hnewlzw3 .image-background {
        width: 81px;
        height: 81px;
        top: 0px;
        left: 0px;
        background: center center/ cover no-repeat scroll content-box border-box url("https://content.pancake.vn/1/fwebp/01/01/53/a6/107b40fff2db3985e6374bad6eb40b8bb6dfa91f0baa5d82e0bad933-w:313-h:313-l:8578-t:image/png.png");
        --type: 0;
    }

    #w-hnewlzw3 .image-background-compare {
        background: undefined;
        clip: rect(0, 40.5px, 81px, 0);
        --type: 0;
    }

    #w-hnewlzw3>div {
        transform: rotateX(0deg) perspective(1000px) rotateY(180deg);
    }
}