html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

:root {
    font-size: 62.5%
}

body {
    font-size: 1.6rem;
    position: relative;
    background: #e3e3e5;
    scroll-behavior: smooth;
    overflow-y: scroll
}

button {
    background: none;
    border: none
}

@font-face {
    font-family: "Petrona";
    font-weight: 100;
    src: url("../fonts/Petrona-Extralight.otf")
}

@font-face {
    font-family: "Be Vietnam Pro";
    font-weight: 100;
    src: url("../fonts/BeVietnamPro-Extralight.ttf")
}

@font-face {
    font-family: "Petrona";
    font-weight: 200;
    src: url("../fonts/Petrona-Thin.otf");
    font-family: "Be Vietnam Pro";
    font-weight: 200;
    src: url("../fonts/BeVietnamPro-Thin.ttf")
}

@font-face {
    font-family: "Petrona";
    font-weight: 300;
    src: url("../fonts/Petrona-Thin.otf")
}

@font-face {
    font-family: "Petrona";
    font-weight: 400;
    src: url("../fonts/Petrona-Regular.otf")
}

@font-face {
    font-family: "Be Vietnam Pro";
    font-weight: 400;
    src: url("../fonts/BeVietnamPro-Regular.ttf")
}

@font-face {
    font-family: "PoppinsVN";
    font-weight: 500;
    src: url("../fonts/PoppinsVN-500.woff2")
}

@font-face {
    font-family: "PoppinsVN";
    font-weight: 600;
    src: url("../fonts/PoppinsVN-600.woff2")
}

@font-face {
    font-family: "Petrona";
    font-weight: 700;
    src: url("../fonts/Petrona-Bold.otf")
}

@font-face {
    font-family: "Be Vietnam Pro";
    font-weight: 700;
    src: url("../fonts/BeVietnamPro-Bold.ttf")
}

@font-face {
    font-family: "Be Vietnam Pro";
    font-weight: 800;
    src: url("../fonts/BeVietnamPro-Black.ttf")
}

.block {
    display: block
}

.no_trans {
    display: block;
    transform: none
}

.overflow_hidden {
    overflow: hidden
}

.top_hidden {
    transform: translateY(101%)
}

.is-inview .top_hidden {
    transform: none !important
}

.container-session {
    max-width: 1440px;
    margin: 0 auto
}

.container-full {
    width: 100%;
    height: 100%;
    margin: 0 auto
}

.d50 {
    transition-delay: 50ms !important
}

.d100 {
    transition-delay: 100ms !important
}

.d150 {
    transition-delay: 150ms !important
}

.d200 {
    transition-delay: 200ms !important
}

.d250 {
    transition-delay: 250ms !important
}

.d300 {
    transition-delay: 300ms !important
}

.d350 {
    transition-delay: 350ms !important
}

.d400 {
    transition-delay: 400ms !important;
    transition-delay: 450ms !important
}

.d500 {
    transition-delay: 500ms !important
}

.d550 {
    transition-delay: 550ms !important
}

.d600 {
    transition-delay: 600ms !important
}

.d700 {
    transition-delay: 700ms !important
}

.d800 {
    transition-delay: 800ms !important
}

.d900 {
    transition-delay: 900ms !important
}

.has_transition_5000 {
    -webkit-transition: -webkit-transform 5000ms cubic-bezier(0.19, 1, 0.22, 1), opacity 5000ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 5000ms cubic-bezier(0.19, 1, 0.22, 1), opacity 5000ms cubic-bezier(0.19, 1, 0.22, 1)
}

.has_transition_3000 {
    -webkit-transition: -webkit-transform 3000ms cubic-bezier(0.19, 1, 0.22, 1), opacity 3000ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 3000ms cubic-bezier(0.19, 1, 0.22, 1), opacity 3000ms cubic-bezier(0.19, 1, 0.22, 1)
}

.has_transition_2000 {
    -webkit-transition: -webkit-transform 2000ms cubic-bezier(0.19, 1, 0.22, 1), opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 2000ms cubic-bezier(0.19, 1, 0.22, 1), opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1)
}

.has_transition_1500 {
    -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.19, 1, 0.22, 1), opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1500ms cubic-bezier(0.19, 1, 0.22, 1), opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1)
}

.has_transition_1000 {
    -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.19, 1, 0.22, 1), opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1000ms cubic-bezier(0.19, 1, 0.22, 1), opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1)
}

.has_transition_2000_inout {
    -webkit-transition: -webkit-transform 2000ms cubic-bezier(0.575, 0.005, 0.285, 1.005), opacity 2000ms cubic-bezier(0.575, 0.005, 0.285, 1.005);
    transition: transform 2000ms cubic-bezier(0.575, 0.005, 0.285, 1.005), opacity 2000ms cubic-bezier(0.575, 0.005, 0.285, 1.005)
}

.has_transition_1500_inout {
    -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.575, 0.005, 0.285, 1.005), opacity 1500ms cubic-bezier(0.575, 0.005, 0.285, 1.005);
    transition: transform 1500ms cubic-bezier(0.575, 0.005, 0.285, 1.005), opacity 1500ms cubic-bezier(0.575, 0.005, 0.285, 1.005)
}

.has_transition_1000_inout {
    -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.575, 0.005, 0.285, 1.005), opacity 1000ms cubic-bezier(0.575, 0.005, 0.285, 1.005);
    transition: transform 1000ms cubic-bezier(0.575, 0.005, 0.285, 1.005), opacity 1000ms cubic-bezier(0.575, 0.005, 0.285, 1.005)
}

/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
html.has-scroll-smooth {
    overflow: hidden
}

html.has-scroll-dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.has-scroll-smooth body {
    overflow: hidden
}

.has-scroll-smooth [data-scroll-container] {
    min-height: 100vh
}

[data-scroll-direction=horizontal] [data-scroll-container] {
    height: 100vh;
    display: inline-block;
    white-space: nowrap
}

[data-scroll-direction=horizontal] [data-scroll-section] {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    height: 100%
}

.c-scrollbar {
    position: absolute;
    right: 0;
    top: 0;
    width: 11px;
    height: 100%;
    transform-origin: center right;
    transition: transform .3s, opacity .3s;
    opacity: 0
}

.c-scrollbar:hover {
    transform: scaleX(1.45);
    opacity: 1
}

.has-scroll-scrolling .c-scrollbar,
.has-scroll-dragging .c-scrollbar {
    opacity: 1
}

[data-scroll-direction=horizontal] .c-scrollbar {
    width: 100%;
    height: 10px;
    top: auto;
    bottom: 0;
    transform: scaleY(1)
}

[data-scroll-direction=horizontal] .c-scrollbar:hover {
    transform: scaleY(1.3)
}

.c-scrollbar_thumb {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #000;
    opacity: .5;
    width: 7px;
    border-radius: 10px;
    margin: 2px;
    cursor: -webkit-grab;
    cursor: grab
}

.has-scroll-dragging .c-scrollbar_thumb {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

[data-scroll-direction=horizontal] .c-scrollbar_thumb {
    right: auto;
    bottom: 0
}

.main-navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100px;
    margin: 0 68px;
    position: relative;
    transform: translateY(-100%);
    opacity: 0;
    color: #fff
}

.main-navbar_brand {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%)
}

.main-navbar_action {
    display: flex;
    gap: 3rem;
    align-items: center
}

.main-navbar_action a {
    text-decoration: none;
    font-family: "Petrona";
    font-weight: 400;
    color: #fff;
    display: flex;
    gap: 1rem;
    text-transform: capitalize;
    align-items: center;
    transition: all .3s ease
}

.main-navbar_action a:hover {
    opacity: .8;
    transition: all .3s ease
}

.main-navbar_action .lang {
    display: flex;
    align-items: center;
    gap: 3px
}

.main-navbar_sidebar {
    transition: all .5s linear;
    opacity: 0;
    transform: translateX(-100%);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    background: #8dc63f;
    z-index: 10
}

.main-navbar_sidebar .wrapper {
    padding: 0 180px;
    position: relative;
    width: 100%;
    height: 100%
}

.main-navbar_sidebar .toggle {
    display: flex;
    align-items: end;
    gap: 6px;
    font-family: "Petrona";
    font-weight: 700;
    color: #fff;
    position: absolute;
    top: 50px;
    left: 50px
}

.main-navbar_sidebar .content {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #36454f;
    font-family: "Be Vietnam Pro";
    font-weight: 400;
    background: #e3e3e5;
    width: 100%;
    height: 100%
}

.main-navbar_sidebar .content_wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 1100px
}

.main-navbar_sidebar .content_wrapper .brand {
    margin-bottom: 64px
}

.main-navbar_sidebar .content_wrapper .routes {
    display: flex;
    justify-content: space-between
}

.main-navbar_sidebar .content_wrapper .routes .icon {
    margin: 0 40px;
    width: 24px;
    height: 24px
}

.main-navbar_sidebar .content_wrapper .routes .cols-1,
.main-navbar_sidebar .content_wrapper .routes .cols-2 {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.main-navbar_sidebar .content_wrapper .routes .item {
    display: flex;
    gap: 54px
}

.main-navbar_sidebar .content_wrapper .routes .item-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.main-navbar_sidebar .content_wrapper .routes .item-content_heading {
    font-weight: bold;
    text-transform: uppercase
}

.main-navbar_sidebar .content_wrapper .routes .item-content_route {
    text-decoration: none;
    color: #36454f;
    margin-top: 12px
}

.main-navbar_sidebar .content_wrapper .routes .item-image {
    width: 180px;
    height: 138px;
    background: gray
}

.open {
    transition: all .5s linear;
    transform: translateX(0);
    opacity: 100
}

.active {
    transform: translateY(0%);
    opacity: 1
}

.sub-navbar {
    width: 100vw;
    position: fixed;
    z-index: 9;
    transform: translateY(-100%);
    opacity: 0;
    transition: all .5s linear;
    top: 0;
    right: 0;
    background-color: #006d3f;
    height: 100px;
    padding: 0 68px;
    color: #fff
}

.sub-navbar .wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.sub-navbar_brand {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%)
}

.sub-navbar_action {
    display: flex;
    align-items: center;
    gap: 40px
}

.sub-navbar_action a {
    text-decoration: none;
    font-family: "Petrona";
    font-weight: 400;
    color: #fff;
    display: flex;
    gap: 1rem;
    text-transform: capitalize;
    align-items: center;
    transition: all .3s ease
}

.sub-navbar_action a:hover {
    opacity: .8;
    transition: all .3s ease
}

.sub-navbar_action .lang {
    display: flex;
    gap: 3px
}

.sub-navbar_sidebar {
    transition: all .5s linear;
    opacity: 0;
    transform: translateX(-100%);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    background: #8dc63f;
    z-index: 10
}

.sub-navbar_sidebar .wrapper {
    padding: 0 180px;
    position: relative;
    width: 100%;
    height: 100%
}

.sub-navbar_sidebar .toggle {
    display: flex;
    align-items: end;
    gap: 6px;
    font-family: "Petrona";
    font-weight: 700;
    color: #fff;
    position: absolute;
    top: 50px;
    left: 50px
}

.sub-navbar_sidebar .content {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #36454f;
    font-family: "Be Vietnam Pro";
    font-weight: 400;
    background: #e3e3e5;
    width: 100%;
    height: 100%
}

.sub-navbar_sidebar .content_wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 1100px
}

.sub-navbar_sidebar .content_wrapper .brand {
    margin-bottom: 64px
}

.sub-navbar_sidebar .content_wrapper .routes {
    display: flex;
    justify-content: space-between
}

.sub-navbar_sidebar .content_wrapper .routes .icon {
    margin: 0 40px;
    width: 24px;
    height: 24px
}

.sub-navbar_sidebar .content_wrapper .routes .cols-1,
.sub-navbar_sidebar .content_wrapper .routes .cols-2 {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.sub-navbar_sidebar .content_wrapper .routes .item {
    display: flex;
    gap: 54px
}

.sub-navbar_sidebar .content_wrapper .routes .item-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.sub-navbar_sidebar .content_wrapper .routes .item-content_heading {
    font-weight: bold;
    text-transform: uppercase
}

.sub-navbar_sidebar .content_wrapper .routes .item-content_route {
    text-decoration: none;
    color: #36454f;
    margin-top: 12px
}

.sub-navbar_sidebar .content_wrapper .routes .item-image {
    width: 180px;
    height: 138px;
    background: gray
}

.active {
    transform: translateY(0%);
    opacity: 1;
    transition: all .5s linear
}

.open {
    transition: all .5s linear;
    transform: translateX(0);
    opacity: 100
}

.service {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100vw;
    max-height: 100vh;
    background-image: url(../images/global/service/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow-x: hidden;
    padding: 10rem 0;
    display: flex;
    align-items: center;
    position: relative
}

.service img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.service .container-session {
    max-width: 1600px
}

.service .heading {
    display: flex;
    align-items: baseline;
    gap: 10px;
    font-family: "Be Vietnam Pro";
    font-size: 150px;
    font-weight: 100;
    letter-spacing: -0.2rem;
    line-height: 1;
    color: #fff;
    position: relative;
    z-index: 10
}

.service .heading span {
    font-size: 60px;
    font-weight: 200
}

.service .content {
    transition: transform 1.2s cubic-bezier(0.56, 0.11, 0.42, 0.78);
    width: max-content;
    margin-top: 36px;
    gap: 250px;
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    flex-flow: row
}

.service .item-stand,
.service .item-lie {
    flex-shrink: 0;
    position: relative
}

.service .item-stand .item-image,
.service .item-lie .item-image {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.service .item-stand .item-image img,
.service .item-lie .item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.service .item-stand .item-footer,
.service .item-lie .item-footer {
    position: absolute;
    bottom: -60px;
    right: 0px;
    width: max-content;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: flex-end;
    text-transform: uppercase;
    color: #fff;
    z-index: 9;
    text-decoration: none;
    font-family: "Petrona"
}

.service .item-stand .item-footer .title,
.service .item-lie .item-footer .title {
    font-size: 60px;
    line-height: 73px
}

.service .item-stand .item-footer button,
.service .item-lie .item-footer button {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    font-size: 14px;
    color: #fff
}

.service .item-stand .item-footer button img,
.service .item-lie .item-footer button img {
    width: 100px
}

.service .item-stand {
    width: 550px;
    height: 700px
}

.service .item-lie {
    width: 800px;
    height: 550px
}

.service .cover-control {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 5;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr
}

.hero {
    margin-top: -10rem;
    position: relative;
    display: inline-block;
    z-index: -10
}

.hero img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hero_heading {
    position: absolute;
    top: 19rem;
    right: 50%;
    transform: translateX(50%);
    font: bold 6rem "Petrona";
    color: #fff
}

.social {
    display: block;
    background: #006d3f;
    padding-top: 195px;
    padding-bottom: 150px
}

.social .container-session {
    max-width: 1400px
}

.social .heading {
    color: #fff;
    font-size: 60px;
    font-family: "Petrona";
    font-weight: 400;
    margin-bottom: 90px;
    text-align: center
}

.social .content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 350px);
    gap: 18px
}

.social .content .image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.library {
    position: relative;
    z-index: -10;
    padding-top: 13rem
}

.library .image-library {
    display: grid;
    grid-template-columns: repeat(7, 120px);
    grid-template-rows: repeat(7, 100px);
    gap: 100px
}

.library .image-library .item {
    position: relative
}

.library .image-library .item:nth-child(1) {
    grid-column: span 3/span 3;
    grid-row: span 4/span 4
}

.library .image-library .item:nth-child(2) {
    grid-column: span 4/span 4;
    grid-row: span 3/span 3
}

.library .image-library .item:nth-child(3) {
    grid-column: 1/5;
    grid-row: span 3/span 3
}

.library .image-library .item:nth-child(4) {
    grid-column: 5/8;
    grid-row: 4/8
}

.library .image-library img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.library .image-library p {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    width: 80%;
    font: 700 4em "Petrona";
    text-align: center;
    color: #fff
}

.library .watermark {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%)
}

.calendar {
    background-color: #efc876
}

.calendar .wrapper {
    padding: 3rem 0;
    color: #36454f;
    font: 400 3rem "Petrona";
    display: flex;
    justify-content: space-between
}

.calendar .item {
    display: flex;
    align-items: center;
    gap: 1.6rem
}

.footer {
    display: block;
    background: #006d3f
}

.footer-address {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 13.8rem;
    padding: 5rem 0;
    padding-bottom: 15rem;
    font: 400 2.4rem "Be Vietnam Pro";
    color: #fff;
    line-height: 1.5
}

.footer-address .item {
    display: flex;
    flex-direction: column;
    gap: 3.6rem
}

.item:first-child .footer-address_item {
    align-items: start
}

.footer-address img {
    width: 3rem
}

.footer-address_item {
    display: flex;
    gap: 2.4rem;
    align-items: center
}

.footer-info {
    padding-top: 6rem;
    padding-bottom: 14rem;
    font: 400 2.1rem "Petrona";
    color: #fff
}

.footer-info_top {
    padding-bottom: 2.4rem;
    border-bottom: 1px solid #fff;
    display: flex;
    justify-content: space-between
}

.footer-info_top .text {
    display: flex;
    flex-direction: column;
    gap: 1.2rem
}

.footer-info_top .image {
    display: flex;
    align-items: center;
    gap: 4rem
}

.footer-info_bot {
    margin-top: 2.4rem
}

.footer-info_bot .top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem
}

.footer-info_bot .bot p {
    font-size: 1.6rem
}

#cursor {
    position: fixed;
    pointer-events: none;
    z-index: 999
}

#cursor #cursor-circle {
    border-radius: 100rem;
    background: #c6d4c4;
    width: 1.4rem;
    height: 1.4rem;
    position: relative
}

#cursor #cursor-icon {
    position: absolute;
    top: 50%;
    left: 60%;
    transform: translate(-50%, -50%)
}

#about-page .about {
    display: block;
    padding: 10rem 0;
    color: #36454f
}

#about-page .about-heading {
    padding: 0 8rem;
    margin-bottom: 2.4rem;
    font-size: 88px;
    font-family: "Petrona";
    font-weight: 700
}

#about-page .about-heading span {
    font-weight: 200
}

#about-page .about-content {
    font-family: "Be Vietnam Pro";
    font-size: 18px;
    font-weight: 100;
    line-height: 32px
}

#about-page .about-content_top {
    max-height: 785px;
    display: flex;
    gap: 112px
}

#about-page .about-content_top .text {
    margin-left: 80px;
    max-width: 350px;
    align-self: center
}

#about-page .about-content_bot {
    display: flex;
    gap: 112px;
    align-items: end
}

#about-page .about-content_bot .text {
    margin-bottom: 150px;
    max-width: 600px
}

#about-page .about-content_bot .image {
    display: flex;
    flex-direction: column;
    font-family: "Be Vietnam Pro";
    font-size: 88px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 800;
    justify-content: center
}

#about-page .library {
    display: block;
    background: #fff;
    padding-top: 170px
}

#about-page .library .image-library {
    display: grid;
    grid-template-columns: repeat(7, 120px);
    grid-template-rows: repeat(7, 100px);
    gap: 100px
}

#about-page .library .image-library img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

#about-page .library .image-library img:nth-child(1) {
    grid-column: span 3/span 3;
    grid-row: span 4/span 4
}

#about-page .library .image-library img:nth-child(2) {
    grid-column: span 4/span 4;
    grid-row: span 3/span 3
}

#about-page .library .image-library img:nth-child(3) {
    grid-column: 1/5;
    grid-row: span 3/span 3
}

#about-page .library .image-library img:nth-child(4) {
    grid-column: 5/8;
    grid-row: 4/8
}

#about-page .library .text {
    background: #c1a080;
    margin-top: -274px;
    font-size: 72px;
    font-family: "Petrona";
    font-weight: 300;
    padding-top: 360px;
    padding-bottom: 280px;
    color: #36454f;
    text-align: center
}

#about-page .partner {
    display: block;
    padding-top: 132px;
    background: #fff;
    color: #36454f
}

#about-page .partner .heading {
    font-size: 48px;
    font-weight: 400;
    font-family: "Petrona";
    margin-bottom: 38px;
    text-align: center
}

#about-page .partner .description {
    font-size: 18px;
    line-height: 32px;
    font-weight: 100;
    font-family: "Be Vietnam Pro";
    margin-bottom: 33px;
    text-align: center
}

#about-page .partner .images {
    padding-bottom: 170px;
    display: grid;
    gap: 130px 173px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 180px)
}

#about-page .partner .images img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

#privacy-policy .policy {
    margin-top: -26rem;
    max-width: 155rem
}

#privacy-policy .policy_heading {
    font: 200 15rem "Be Vietnam Pro";
    color: #e4d3ba;
    margin-bottom: -3.5rem
}

#privacy-policy .policy_content {
    background: #fff;
    display: flex;
    font-family: "Be Vietnam Pro"
}

#privacy-policy .policy_content .article {
    padding: 5.5rem 7.5rem;
    flex-grow: 1;
    font-size: 1.6rem;
    display: flex;
    gap: 2.8rem;
    flex-direction: column;
    line-height: 1.5
}

#privacy-policy .policy_content .article .item .span {
    margin-bottom: .6rem
}

#privacy-policy .policy_content .contact {
    padding: 7rem 4.5rem;
    color: #fff;
    background: #72260f;
    max-width: 35rem;
    font-size: 1.8rem;
    text-align: center;
    gap: 9rem;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#privacy-policy .policy_content .contact .item {
    display: flex;
    flex-direction: column;
    align-items: center
}

#privacy-policy .policy_content .contact .item .icon {
    width: 3.8rem;
    margin-bottom: 1.6rem
}

#privacy-policy .policy_content .contact .item span {
    font-weight: 700;
    line-height: 1.5
}

#privacy-policy .policy_content .contact .item p {
    font-weight: normal;
    margin-top: .6rem
}

#general-rules .policy {
    margin-top: -26rem;
    max-width: 155rem
}

#general-rules .policy_heading {
    font: 200 15rem "Be Vietnam Pro";
    color: #e4d3ba;
    margin-bottom: -3.5rem
}

#general-rules .policy_content {
    background: #fff;
    display: flex;
    font-family: "Be Vietnam Pro"
}

#general-rules .policy_content .article {
    padding: 5.5rem 7.5rem;
    flex-grow: 1;
    font-size: 1.6rem;
    display: flex;
    gap: 2.8rem;
    flex-direction: column;
    line-height: 1.5
}

#general-rules .policy_content .article .item .span {
    margin-bottom: .6rem
}

#general-rules .policy_content .contact {
    padding: 7rem 4.5rem;
    color: #fff;
    background: #72260f;
    max-width: 35rem;
    font-size: 1.8rem;
    text-align: center;
    gap: 9rem;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#general-rules .policy_content .contact .item {
    display: flex;
    flex-direction: column;
    align-items: center
}

#general-rules .policy_content .contact .item .icon {
    width: 3.8rem;
    margin-bottom: 1.6rem
}

#general-rules .policy_content .contact .item span {
    font-weight: 700;
    line-height: 1.5
}

#general-rules .policy_content .contact .item p {
    font-weight: normal;
    margin-top: .6rem
}

#activity-a .article {
    margin-top: 13rem
}

#activity-a .article .top {
    margin-bottom: 10rem;
    padding: 0 8rem;
    column-count: 2;
    column-gap: 8rem;
    font: 100 2.1rem "Be Vietnam Pro";
    line-height: 1.5
}

#activity-a .article .bot .image {
    padding: 0 8rem;
    width: 100%;
    height: 72rem
}

#activity-a .article .bot .image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

#activity-a .article .bot .text {
    text-align: center;
    margin-top: -14rem;
    font: 300 7.2rem "Petrona";
    line-height: 1.5;
    padding: 17rem 9rem 15rem;
    background-color: #efc876;
    color: #fff
}

#activity-a .slider {
    width: 100%;
    max-width: max-content;
    position: relative
}

#activity-a .slider-wrapper {
    width: 100%;
    height: 98rem;
    overflow: hidden
}

#activity-a .slider-container {
    display: flex;
    height: 100%;
    transition: all .5s linear
}

#activity-a .slider-item {
    width: 100%;
    height: 100%;
    flex: 1 0 100%
}

#activity-a .slider-item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

#activity-a .slider-button {
    position: absolute;
    width: 5.8rem;
    height: 5.8rem;
    border-radius: 100rem;
    background: #efc876;
    display: flex;
    align-items: center;
    justify-content: center
}

#activity-a .slider-button img {
    width: 3rem;
    height: 3rem
}

#activity-a .slider #slider-button-prev {
    left: 5rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 8
}

#activity-a .slider #slider-button-next {
    right: 5rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 8
}

#activity-a .slider #toggle-full-screen {
    position: absolute;
    left: 50%;
    bottom: 2.4rem;
    transform: translateX(50%);
    font: 400 2.1rem "Petrona";
    color: #fff;
    z-index: 8
}

#activity-b .article {
    margin-top: 13rem
}

#activity-b .article .title {
    font: 300 6rem "Petrona";
    color: #36454f;
    margin-bottom: 4.5rem;
    padding: 0 8rem
}

#activity-b .article .top {
    margin-bottom: 10rem;
    padding: 0 8rem;
    column-count: 2;
    column-gap: 8rem;
    font: 100 2.1rem "Be Vietnam Pro";
    line-height: 1.5
}

#activity-b .article .bot .image {
    width: 100%;
    height: 72rem
}

#activity-b .article .bot .image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

#activity-b .article .bot .content {
    padding: 15rem 9rem 15rem;
    background-color: #efc876
}

#activity-b .article .bot .content .image {
    margin-top: 6rem
}

#activity-b .article .bot .content p {
    font: 300 2.1rem "Petrona";
    margin-top: 2rem
}

#activity-b .article .bot .content .heading {
    text-align: center;
    margin-top: -14rem;
    margin-bottom: 12rem;
    font: 300 4.8rem "Petrona";
    line-height: 1;
    color: #36454f
}

#restaurant .calendar {
    background: #b9bf53
}

#restaurant .menu {
    margin-top: -10rem;
    margin-bottom: 10rem
}

#restaurant .menu .header {
    display: flex;
    flex-direction: column;
    gap: 10rem
}

#restaurant .menu .header-content {
    display: flex;
    gap: 14rem;
    align-items: flex-end
}

#restaurant .menu .header-content .image {
    position: relative
}

#restaurant .menu .header-content .image p {
    font: 400 5rem "Patrona";
    text-align: center;
    position: absolute;
    top: 1.8rem;
    color: #fff;
    width: 95%;
    right: 50%;
    transform: translateX(50%)
}

#restaurant .menu .header-content .para {
    font: 100 2.1rem "Be Vietnam Pro";
    color: #36454f;
    line-height: 4rem
}

#restaurant .menu .header-image {
    width: 100%;
    height: 100%
}

#restaurant .menu .header-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

#restaurant .menu .session-top {
    margin-top: 17rem;
    margin-bottom: 23rem;
    display: flex;
    align-items: flex-start
}

#restaurant .menu .session-top .image {
    width: 20rem;
    height: 20rem;
    border-radius: 1.6rem;
    overflow: hidden;
    flex-shrink: 0
}

#restaurant .menu .session-top .title {
    font: 400 3.6rem "Patrona";
    color: #36454f;
    margin-right: 12rem;
    margin-left: 3.5rem;
    flex-shrink: 0
}

#restaurant .menu .session-top p {
    font: 100 1.8rem "Be Vietnam Pro";
    line-height: 3rem
}

#restaurant .menu .session-content {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

#restaurant .menu .session-content .image {
    width: 100%;
    height: 100%
}

#restaurant .menu .session-content .image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

#recruitment {
    display: block
}

#recruitment .recruitment-home {
    padding: 15rem 0
}

#recruitment .recruitment-policy {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    color: #36454f;
    gap: 7rem
}

#recruitment .recruitment-policy .heading {
    font: 700 8.8rem "Petrona";
    line-height: 8.8rem
}

#recruitment .recruitment-policy .heading span {
    font-size: 7.2rem;
    font-weight: 200
}

#recruitment .recruitment-policy .image {
    width: 100%;
    height: 78rem;
    overflow: hidden
}

#recruitment .recruitment-policy .image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

#recruitment .recruitment-policy .para {
    font: 400 1.8rem "Be Vietnam Pro";
    line-height: 3.2rem
}

#recruitment .recruitment-policy .left {
    display: flex;
    flex-direction: column;
    gap: 10rem
}

#recruitment .recruitment-culture {
    background-image: url(../images/global/service/bg.jpg);
    padding-bottom: 10rem;
    padding-top: 30rem;
    margin-top: -20rem;
    color: #fff
}

#recruitment .recruitment-culture .container-session {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

#recruitment .recruitment-culture .heading {
    font: 700 8.8rem "Petrona";
    line-height: 8.8rem
}

#recruitment .recruitment-culture .heading span {
    font-size: 7.2rem;
    font-weight: 200
}

#recruitment .recruitment-culture .para {
    font: 400 1.8rem "Be Vietnam Pro";
    line-height: 3.2rem
}

#recruitment .recruitment-job {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 7rem
}

#recruitment .recruitment-job .right {
    margin-top: 30rem
}

#recruitment .recruitment-job .heading {
    font: 700 8.8rem "Petrona";
    line-height: 8.8rem
}

#recruitment .recruitment-job .heading span {
    font-size: 7.2rem;
    font-weight: 200
}

#recruitment .recruitment-job .job-content .image {
    width: 100%;
    height: 100%
}

#recruitment .recruitment-job .job-content .image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

#recruitment .recruitment-job .job-content .jobs-title {
    background: #006d3f;
    font: 400 2.6rem "Be Vietnam Pro";
    width: 100%;
    padding: 1.6rem 0;
    text-align: center;
    color: #fff
}

#recruitment .recruitment-job .job-content .jobs-list {
    margin-top: 2rem;
    padding-right: 1rem;
    max-height: 52rem;
    overflow-y: scroll
}

#recruitment .recruitment-job .job-content .jobs-list::-webkit-scrollbar {
    width: 5px
}

#recruitment .recruitment-job .job-content .jobs-list::-webkit-scrollbar-track {
    background: #bfbfbf
}

#recruitment .recruitment-job .job-content .jobs-list::-webkit-scrollbar-thumb {
    background: #575756
}

#recruitment .recruitment-job .job-content .jobs-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font: 400 1.8rem "Be Vietnam Pro";
    padding: 2.4rem 0;
    border-bottom: .75px solid #878787
}

#recruitment .recruitment-job .job-content .jobs-item:last-child {
    border: none
}

#recruitment .recruitment-job .job-content .jobs-item .item-title,
#recruitment .recruitment-job .job-content .jobs-item .item-date {
    display: flex;
    flex-direction: column;
    gap: .9rem
}

#recruitment .recruitment-job .job-content .info {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-top: 8rem;
    margin-bottom: 4.5rem
}

#recruitment .recruitment-job .job-content .info .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    padding: 2.1rem 1.8rem;
    font: 400 1.8rem "Be Vietnam Pro";
    line-height: 1.5
}

#recruitment .recruitment-position {
    color: #36454f
}

#recruitment .recruitment-position .right {
    margin-top: 180px
}

#recruitment .recruitment-position .cv-header {
    margin-top: 10rem;
    margin-bottom: 5rem;
    display: flex;
    flex-direction: column;
    gap: 2.2rem
}

#recruitment .recruitment-position .cv-header .item {
    display: flex;
    align-items: center;
    gap: 3.5rem;
    font: 400 2.1rem "Be Vietnam Pro"
}

#recruitment .recruitment-position .cv-heading {
    text-decoration: underline;
    font: 700 1.8rem "Be Vietnam Pro";
    margin-bottom: 1.2rem
}

#recruitment .recruitment-position .cv-list {
    font: 400 1.8rem "Be Vietnam Pro";
    display: flex;
    flex-direction: column;
    gap: 3px
}

#recruitment .recruitment-position .cv-body ul {
    margin-left: 2rem
}

#recruitment .recruitment-position .cv-body ul.dashed>li {
    text-indent: -5px
}

#recruitment .recruitment-position .cv-body ul.dashed>li:before {
    content: "- ";
    text-indent: -5px
}

#recruitment .recruitment-position .cv-body ul.plus>li {
    text-indent: -5px
}

#recruitment .recruitment-position .cv-body ul.plus>li:before {
    content: "+ ";
    text-indent: -5px
}

#recruitment .recruitment-position .cv-para {
    margin-bottom: 1.8rem
}

#recruitment .recruitment-position .cv-footer {
    margin-top: 6rem
}

#recruitment .recruitment-position .cv-content {
    padding-top: 10rem
}

#recruitment .recruitment-info {
    background-image: url(../images/recruitment/bg.jpg);
    background-position: center
}

#recruitment .recruitment-info .form {
    margin-top: 10rem;
    display: flex;
    flex-direction: column;
    gap: .6rem;
    color: #36454f
}

#recruitment .recruitment-info .form input {
    background: none;
    border: none;
    border-bottom: .3px solid #575756;
    padding: 1.4rem 0;
    font: 400 1.8rem "Be Vietnam Pro"
}

#recruitment .recruitment-info .form input:focus {
    border-bottom: .3px solid #575756;
    outline: none
}

#recruitment .recruitment-info .form label {
    font: 400 1.8rem "Be Vietnam Pro";
    margin-top: 1.3rem
}

#recruitment .recruitment-info .form textarea {
    background: none;
    border: 1px solid #575756;
    min-height: 25rem;
    margin-bottom: 2.4rem
}

#recruitment .recruitment-info .form textarea::placeholder {
    font: 400 1.4rem "Be Vietnam Pro";
    font-style: italic
}

#recruitment .recruitment-info .form .notifi {
    font: 400 1.8rem "Be Vietnam Pro";
    margin-bottom: 1.4rem
}

#recruitment .recruitment-info .form .notifi span {
    font-size: 1.4rem;
    font-style: italic
}

#recruitment .recruitment-info .form .file {
    padding: 1rem 1.5rem;
    border: 1px solid #575756;
    display: flex;
    align-items: center;
    gap: 1rem;
    width: min-content
}

#recruitment .recruitment-info .form .file span {
    width: max-content
}

#recruitment .recruitment-info .form input[type=file] {
    display: none
}

#recruitment .recruitment-info .btn-recruitment {
    margin-top: 6.5rem
}

#recruitment .recruitment-list .heading {
    font: 700 8.8rem "Petrona";
    line-height: 8.8rem
}

#recruitment .recruitment-list .heading span {
    font-size: 5.2rem;
    font-weight: 200
}

#recruitment .recruitment-list .disc {
    font: 200 3.6rem "Petrona";
    color: #36454f;
    margin-bottom: 8rem
}

#recruitment .recruitment-not-found {
    background-image: url(../images/recruitment/bg.jpg);
    background-position: center
}

#recruitment .recruitment-not-found .not-found {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    color: #36454f
}

#recruitment .recruitment-not-found .not-found .icon {
    width: 17rem;
    height: 17rem
}

#recruitment .recruitment-not-found .not-found .icon img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

#recruitment .recruitment-not-found .not-found .title {
    font: 700 2.8rem "Be Vietnam Pro";
    margin-top: 10rem
}

#recruitment .recruitment-not-found .not-found .disc {
    font: 400 2.4rem "Be Vietnam Pro";
    margin-top: 1rem
}

#recruitment .btn-recruitment {
    display: flex;
    color: #006d3f;
    gap: 2.2rem;
    align-items: center;
    font: 700 1.8rem "Petrona";
    text-transform: uppercase
}

#room-page .room {
    display: block;
    margin-top: -10rem
}

#room-page .room-header {
    display: flex;
    gap: 14.5rem;
    align-items: flex-end;
    margin-bottom: 10rem
}

#room-page .room-header .image {
    width: 50rem;
    height: 50rem;
    position: relative;
    flex-shrink: 0
}

#room-page .room-header .image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

#room-page .room-header .image .title {
    font: 400 6rem "Petrona";
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    padding: 18px 0
}

#room-page .room-header .text {
    font: 100 2.1rem "Be Vietnam Pro";
    line-height: 4rem;
    color: #36454f
}

#room-page .room-slider {
    width: 100%;
    height: 72rem;
    position: relative;
    overflow: hidden
}

#room-page .room-slider_container {
    height: 72rem;
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    flex-flow: row
}

#room-page .room-slider_btn {
    z-index: 9;
    width: 5.8rem;
    height: 5.8rem;
    border-radius: 100rem;
    background: #77a8af;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

#room-page .room-slider .next {
    right: 5rem
}

#room-page .room-slider .prev {
    left: 5rem
}

#room-page .room-slider_item {
    width: 100%;
    height: 100%;
    flex-shrink: 0
}

#room-page .room-slider_item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

#room-page .room-describe {
    margin-top: 10rem;
    display: flex;
    gap: 50px;
    align-items: flex-start
}

#room-page .room-describe_title {
    display: flex;
    gap: 1.4rem;
    align-content: flex-end;
    font: 400 3.6rem "Petrona";
    color: #36454f;
    min-width: 30rem
}

#room-page .room-describe_content {
    flex-grow: 1;
    display: flex;
    justify-content: space-between
}

#room-page .room-describe_content ul {
    display: flex;
    flex-direction: column;
    gap: 2.4rem
}

#room-page .room-describe_content ul li {
    display: flex;
    align-items: center;
    gap: 1rem
}

#room-page .room-describe_content ul li .icon {
    width: 3rem;
    height: 3rem
}

#room-page .room-describe_content ul li p {
    font: 100 1.8rem "Be Vietnam Pro";
    line-height: 1.5;
    color: #36454f
}

#room-page .room-other-location {
    background: #fff;
    padding-top: 16rem;
    padding-bottom: 20rem
}

#room-page .room-other-location .heading {
    font: 400 3.6rem "Petrona";
    color: #36454f;
    margin-bottom: 4rem;
    text-align: center
}

#room-page .room-other-location .other-location-slider {
    width: 100%;
    height: 72rem;
    position: relative;
    overflow: hidden
}

#room-page .room-other-location .other-location-slider_btn {
    width: 5rem;
    height: 100%;
    background: #77a8af;
    position: absolute;
    top: 0;
    right: 0
}

#room-page .room-other-location .other-location-slider .prev {
    left: 0
}

#room-page .room-other-location .other-location-slider_container {
    height: 72rem;
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    flex-flow: row
}

#room-page .room-other-location .other-location-slider_item {
    width: 100%;
    height: 100%;
    flex-shrink: 0
}

#room-page .room-other-location .other-location-slider_item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

#room-page .location-slider {
    transition: transform 1.2s cubic-bezier(0.56, 0.11, 0.42, 0.78);
    height: 68rem;
    width: 100%;
    display: flex
}

#room-page .location-slider_item {
    width: 60%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

#room-page .location-slider_item a {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

#room-page .location-slider_item .title {
    color: #fff;
    font: 200 6rem "Petrona"
}

#room-page .location-slider_item button {
    color: #fff;
    font: 700 1.4rem "Petrona"
}

#room-page .location-wrapper {
    position: relative;
    background-image: url(../images/room/hero-01.jpg)
}

#room-page .location-wrapper .cover-control {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr
}

/*# sourceMappingURL=app.min.css.map */