:root {
    --lv1-primary-flowing-blue: #10455e;
    --lv1-secondary-blue: #4f8e95;
    --lv1-third-blue: #91b1b5;
    --lv1-primary-serene-green: #2c3b2f;
    --lv1-secondary-green: #4faa79;
    --lv1-third-green: #91c9b2;
    --lv1-primary-creame: #998954;
    --lv1-secondary-creame: #cfbd78;
    --lv1-third-creame: #d8d1ba;
}

@font-face {
    font-family: 'ganh_regular';
    src: url('../../fonts/Ganh/Ganh-Regular.woff2') format('woff2'),
        url('../../fonts/Ganh/Ganh-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ganh_italic';
    src: url('../../fonts/Ganh/Ganh-Italic.woff2') format('woff2'),
        url('../../fonts/Ganh/Ganh-Italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ganh_thin';
    src: url('../../fonts/Ganh/Ganh-Thin.woff2') format('woff2'),
        url('../../fonts/Ganh/Ganh-Thin.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ganh_thinitalic';
    src: url('../../fonts/Ganh/Ganh-ThinItalic.woff2') format('woff2'),
        url('../../fonts/Ganh/Ganh-ThinItalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.node-60 section.section {
    background-image: url(--lv1-primary-flowing-blue);
}
/* Comment */
.node-60 h1,
.node-60 h2,
.node-60 h3,
.node-60 h4,
.node-60 h5,
.node-60 h6 {
    font-family: "ganh_regular";
    letter-spacing: 0.2rem;
    /* line-height: normal; */
}

body .node-60 {
    font-family: "sfu_futura_book";
}

.node-60 .header__logo a {
    display: block;
    width: 6rem;
}

.node-60 .header__wrap {
    opacity: 1;
    transition: opacity 1s;
    background-color: #e8d4b4;
}

.node-60 .exuberanceInfo-left .swiper-slide {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.node-60 .exuberanceInfo-left .item-content .title-44 {
    text-shadow: none;
}

.node-60 .exuberanceInfo-left .slide-bg-left.fp-bg::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    background: linear-gradient(to top, #000000ba 0%, #aa894300 100%);
    z-index: 3;
}

.node-60 .exuberanceInfo-left .swiper-slide {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.node-60 .salePolicy .btn-link {
    color: var(--lv1-primary-creame);
}

.node-60 .salePolicy .title-56 {
    color: var(--lv1-third-creame);
}

.node-60 .partnerSlide .slide-buttonCustomB .slide-buttonCustomB-prev,
.node-60 .partnerSlide .slide-buttonCustomB .slide-buttonCustomB-next,
.node-60 .partnerSlide .slide-buttonCustomB .slide-buttonCustomMb-prev,
.node-60 .partnerSlide .slide-buttonCustomB .slide-buttonCustomMb-next,
.node-60 .partnerSlide .slide-buttonCustomMb .slide-buttonCustomB-prev,
.node-60 .partnerSlide .slide-buttonCustomMb .slide-buttonCustomB-next,
.node-60 .partnerSlide .slide-buttonCustomMb .slide-buttonCustomMb-prev,
.node-60 .partnerSlide .slide-buttonCustomMb .slide-buttonCustomMb-next {
    background-color: var(--lv1-primary-flowing-blue);
}

.node-60 .salePolicy {
    background-image: url('../../img/lv1-bg-creame.png');
    background-size: cover;
}

.node-60 .salePolicy .title-56,
.node-60 .salePolicy__inner .item-text,
.node-60 .salePolicy__inner .item-textCut,
.node-60 .salePolicy__inner .item-textCut .btn-link {
    color: var(--lv1-primary-creame);
}

.node-60 .partnerSlide .partnerSlide-thumbnal .swiper-buttonCustom .slide-buttonCustom-prev,
.node-60 .partnerSlide .partnerSlide-thumbnal .swiper-buttonCustom .slide-buttonCustom-next,
.node-60 .menu-sidebar__show,
.node-60 .menu-sidebar__hide {
    color: var(--lv1-primary-flowing-blue);
    background-color: var(--lv1-third-creame);
}

.node-60 .partnerSlide .partnerSlide-thumbnal .swiper-buttonCustom .slide-buttonCustom-prev:hover,
.node-60 .partnerSlide .partnerSlide-thumbnal .swiper-buttonCustom .slide-buttonCustom-next:hover,
.node-60 .menu-sidebar__show:hover,
.node-60 .menu-sidebar__hide:hover {
    background-color: var(--lv1-primary-flowing-blue);
    color: var(--lv1-third-creame);
}

.node-60 .partnerSlide .swiper-slide::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    background: linear-gradient(to top, #00000085 0%, #aa894300 30%);
    z-index: 0;
}

.node-60 .videoGallery {
    background-image: url('../../img/lv1-bg-blue.png');
    background-size: cover;
}

.node-60 .contact-form .button-submit {
    background-color: var(--lv1-secondary-blue);
}

.node-60 .aboutInfo__content {
    background-color: var(--lv1-secondary-creame);
}

.node-60 .townshipIntro-swiper .item-thumbnal li span.current {
    border: 2px solid var(--lv1-primary-serene-green);
}

.node-60 .title-56,
.node-60 .title-56 .subtitle {
    text-shadow: none;
    font-size: 1.9rem;
}

.node-60 .townshipIntro .title-56 .subtitle {
    font-family: 'ganh-thinitalic';
}

.node-60 .townshipIntro .btn-link {
    display: none;
}

.node-60 .townshipIntro-swiper .item-inner {
    padding-top: 4.5rem;
    justify-content: flex-end;
}

.node-60 .townshipIntro__bgSlide:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, #00000085 0%, #aa894300 60%);
    z-index: 1;
}

.node-60 .townshipIntro-swiper .item-grow {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.node-60 .map-inner img {
    max-width: 120%;
}

.node-60 .waterInfo__slide .swiper .swiper-slide {
    justify-content: flex-end;
}

.node-60 .waterInfo__slide .item-content {
    margin-bottom: 35%;
}

.node-60 .waterInfo__slide .item-title.title-56 {
    display: none;
}

.node-60 .waterInfo__btn h3.item__name {
    font-family: "ganh_regular";
    font-weight: normal;
    text-transform: uppercase;
}

.node-60 .waterInfo__btn .item.current h3.item__name {
    color: #E1CA99;
}

.node-60 .waterInfo__btn {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 3%;
    right: 0;
}

.node-60 .waterInfo__btn .item.current .item__line:after {
    width: 100%;
    -webkit-transition: width 5s linear;
    transition: width 5s linear;
}

.node-60 .menu-sidebar__btn,
.node-60 .menu-sidebar__show,
.node-60 .partnerSlide .item-text__btn,
.node-60 .salePolicy .item-btn,
.node-60 .header__language {
    display: none;
}

.node-60 .salePolicy .title-56 {
    color: #fff;
}

.node-60 .header__menu .menu-list>li:last-child a {
    padding: 10px 30px;
    background-color: var(--lv1-secondary-creame);
    border-radius: 20px;
}

.node-60 .header__menu .menu-list {
    align-items: center;
}

.node-60 .townshipIntro__bgSlide:after {
    content: none;
}

.node-60 .swiper-slide:last-child .title-56,
.node-60 .swiper-slide:last-child .title-56 .subtitle {
    font-size: 1.5rem;
}

.node-60 .waterInfo__slide .swiper-slide::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, #00000085 1%, #aa894300 50%);
    z-index: 0;
}

.node-60 .waterInfo__slide .item-content {
    z-index: 1;
}

.node-60 .fullpage-panel {
    display: flex;
}

.node-60 .item-map {
    height: 60vh;
}

.node-60 .salePolicy__bg {
    width: 100%;
}

.node-60 .townshipIntro__bgSlide .swiper-slide::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, #00000085 0%, #aa894300 60%);
    z-index: 0;
}

.node-60 .townshipIntro__bgSlide .swiper-slide .container {
    position: absolute;
    z-index: 1;
}

.node-60 .townshipIntro__bgSlide .swiper-slide:last-child .title-56 {
    font-size: 1.5rem;
}

.node-60 .imagepin {
    max-width: 110vh;
}

.node-60 .imagepin .pin {
    font-size: 0.8rem;
}

.node-60 .townshipIntro__bgSlide {
    display: block;
}

.node-60 .hero {
    display: none;
}

.node-60 .exuberanceInfo-popup .exuberanceInfo-right .item-box__title {
    text-wrap: auto;
}

.node-60 .desktop-hidden {
    display: block;
}

.node-60 .mobile-hidden {
    display: none;
}

.node-60 .exuberanceInfo-popup {
    background-image: url('../../img/lv1-bg-blue.png');
}

.node-60 .exuberanceInfo .exuberanceInfo-left {
    overflow: visible;
}

.node-60 .exuberanceInfo .exuberanceInfo-right {
    display: none !important;
}

.node-60 .exuberanceInfo .exuberanceInfo-left .swiper-pagination {
    display: none !important;
}

.node-60 .amenitiesMap:after {
    opacity: 0;
}

.node-60 .amenitiesMap:after {
    opacity: 0;
}

.node-60 .amenitiesMap .bg:after {
    opacity: 0;
}

.node-60 .amenitiesMap__title .title-56 {
    color: var(--lv1-primary-flowing-blue);
}

.node-60 .partnerSlide-wrap {
    margin: auto;
    width: 100%;
}

.node-60 .fullpage-panel.active .herox .fp-bg, .node-60 .fp-bg.active .herox {
    width: 100vw;
    height: 100vh;
    background-position-y: 15%;
}

.node-60 .fullpage-panel[data-anchor="ProjectIntroduction"].active .herox .fp-bg, .node-60 .fullpage-panel[data-anchor="ProjectIntroduction"] .herox .fp-bg.active {
    background-color: var(--lv1-primary-flowing-blue);
}

.node-60 .fullpage-panel[data-anchor="LocationsDesktop"].active .herox .fp-bg, .node-60 .fullpage-panel[data-anchor="LocationsDesktop"] .herox .fp-bg.active {
    background-size: contain;
    background-color: #ebe1ce;
}

.node-60 .fullpage-panel[data-anchor="LocationsDesktop"] {
    display: none;
}

.node-60 .fullpage-panel[data-anchor="Locations"] {
    display: flex;
}

.node-60 .videoGallery__body:after {
    background-color: none;
}

.node-60 .partnerSlide .item-inner {
    padding-bottom: 10rem;
}

.node-60 .blogList .swiper {
    overflow: hidden;
    position: static;
}

.node-60 .blogList .slide-buttonCustom-next, .node-60 .blogList .slide-buttonCustom-prev {
    position: absolute;
    top: 50%;
    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;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    font-size: 1rem;
    background-color: #EEE3CC;
    color: #AA8943;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.node-60 .blogList .slide-buttonCustom-next {
    right: -50px;
}

.node-60 .blogList .slide-buttonCustom-prev {
    left: -50px;
}

.node-60 .locationInfo__sharp {
    display: none;
}

.node-60 .amenitiesMap .title-56 {
    color: #755d38;
}

.node-60 .header__menu .menu-list > li > a {
    color: #755d38;
}

.node-60 .videoGallery__videoThumb .item-title {
    letter-spacing: 0.05em;
}

.node-60 .videoGallery__title, .node-60 .videoGallery__videoThumb .item.current .item-title {
    color: #e8d4b4;
}

.node-60 .blogList .title-56, .node-60 .partnerSlide .title-40 {
    display: none;
}

/* Responsive */ 
@media (max-width: 767.98px) {
    .node-60 .menu-sidebar li[data-menuanchor="HeroSlider1"], .node-60 .menu-sidebar li[data-menuanchor="LocationsDesktop"] {
        display: none;
    }

    .node-60 .formContact__content .item-left {
        background-image: url('../../img/lv1-bg-blue.png');
        background-size: cover;
    }
    .node-60 .amenitiesMap .title-56 {
        font-size: 1.3rem;
        line-height: 2rem;
        letter-spacing: 0.1rem;
    }
    
    .node-60 .exuberanceInfo-right .item-box__title {
        text-wrap: auto;
        font-size: 0.9rem;
    }

    .node-60 .exuberanceInfo-right .item-box__img::before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        top: 0;
        background: linear-gradient(to top, #00000042 0%, #aa894300 100%);
    }

    .node-60 .exuberanceInfo-left .title-44 {
        font-size: 1.4rem;
    }

    .node-60 .exuberanceInfo-popup {
        background-image: url('../../img/lv1-bg-blue.png');
    }
}

@media (min-width: 768px) {
    .node-60 .menu-list > li > a::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 0;
        height: 1px; /* Độ dày của border */
        background-color: #755d38; /* Màu border */
        transition: width 0.3s ease-in-out;
        opacity: 1;
        visibility: visible;
    }

     .fp-viewing-ProjectIntroduction .node-60 .menu-list > li:first-child > a::after,
     .fp-viewing-LocationsDesktop .node-60 .menu-list > li:nth-child(2) > a::after,
     .fp-viewing-AmenitiesMap .node-60 .menu-list > li:nth-child(3) > a::after,
     .fp-viewing-Gallery .node-60 .menu-list > li:nth-child(4) > a::after,
     .fp-viewing-News .node-60 .menu-list > li:nth-child(5) > a::after,
     .fp-viewing-VideoGallery .node-60 .menu-list > li:nth-child(6) > a::after
    {
        width: 100%;
    }

    .node-60 .formContact__content .item-left .sharp {
        display: none !important;
    }

    .node-60 .desktop-hidden {
        display: none;
    }
    
    .node-60 .mobile-hidden {
        display: block;
    }

    .fp-viewing-HeroSlider1 .node-60 .header__wrap, .fp-viewing-Registeryourinterest .node-60 .header__wrap {
        opacity: 0;
        transition: opacity 0s;
    }

    .node-60 .hero {
        display: flex;
    }

    .node-60 .townshipIntro__bgSlide {
        display: none;
    }

    .node-60 .menu-sidebar__inner {
        border: none;
    }

    .node-60 .menu-sidebar__social a {
        color: var(--lv1-primary-flowing-blue);
        background-color: var(--lv1-third-creame);
    }

    .node-60 .menu-sidebar__social a:hover {
        background-color: var(--lv1-primary-flowing-blue);
        color: var(--lv1-third-creame);
    }

    .node-60 .waterInfo__slide .item-content {
        margin-bottom: 10%;
    }

    .node-60 .waterInfo__btn {
        position: absolute;
        z-index: 2;
        left: 0;
        bottom: 5%;
        right: 0;
    }
}

@media (min-width: 1260px) {
    .node-60 .partnerSlide .item-inner {
        padding-bottom: 5rem;
    }

    .node-60 .amenitiesMap__group .container {
        max-width: 800px;
    }

    .node-60 .videoGallery__body:after {
        background-color: none;
    }

    .node-60 .fullpage-panel[data-anchor="LocationsDesktop"] {
        display: flex;
        background-color: #1b2b1c;
    }

    .node-60 .fullpage-panel[data-anchor="Locations"] {
        display: none;
    }

    .node-60 .header__logo a {
        width: 9rem;
    }

    .node-60 .townshipIntro .item-thumbnal {
        display: none;
    }

    .node-60 .title-56,
    .node-60 .title-56 .subtitle {
        font-size: 1.5rem;
        text-align: center;
        line-height: 2.5rem;
    }

    .node-60 .townshipIntro-swiper .item-inner {
        padding-top: 8.75rem;
        padding-bottom: 3.4375rem;
    }

    .node-60 .exuberanceInfo {
        background-color: var(--lv1-third-creame);
    }

    .node-60 .exuberanceInfo::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('../../img/lv1-bg-blue.png');
        background-size: cover;
        width: 100%;
    }

    .node-60 .exuberanceInfo-right .item-box__title {
        color: var(--lv1-third-creame);
        font-size: 1rem;
        margin-top: 30px;
    }

    .node-60 .exuberanceInfo-right .item-box__text {
        color: #fff;
    }

    .node-60 .formContact__content .item-left {
        background-image: url('../../img/lv1-bg-blue.png');
        background-size: cover;
    }

    .node-60 .exuberanceInfo-right .item-box__body {
        margin-top: 0.5rem;
    }

    .node-60 .townshipIntro-swiper .item-inner {
        justify-content: flex-start;
    }

    .node-60 .salePolicy .title-56 {
        color: var(--lv1-primary-creame);
    }

    .node-60 .map-inner img {
        max-width: 100%;
    }

    .node-60 .waterInfo__slide .item-content {
        margin-bottom: 5%;
    }

    .node-60 .waterInfo .item-content .col-xl-7 {
        width: 66.6666666667%;
    }

    .node-60 .waterInfo__slide .item-content {
        margin-bottom: 5%;
    }

    .node-60 .salePolicy .title-56 {
        color: var(--lv1-primary-flowing-blue);
        font-size: 2.4rem;
    }

}

@media (min-width: 1700px) {
    .node-60 .header__logo a {
        width: 9rem;
    }

    .node-60 .amenitiesMap__group .container {
        max-width: 1000px;
    }

    .node-60 .title-56,
    .node-60 .title-56 .subtitle {
        font-size: 2.5rem;
        line-height: 3.5rem;
        max-width: 1000px;
        margin: auto;
    }
}

/* New CSS */
@media (min-width: 768px) {
    .node-60 .salePolicy__bg {
        width: 60%;
    }

    .node-60 .townshipIntro__bgSlide .swiper-slide .container {
        position: relative;
    }
}

@media (min-width: 1260px) {
    .node-60 .townshipIntro__bgSlide .swiper-slide:last-child .title-56 {
        font-size: 2.3rem;
        padding-left: 150px;
    }

    .node-60 .exuberanceInfo-left .swiper,
    .exuberanceInfo-left .swiper-pagination {
        max-width: 100%;
    }

    .node-60 .exuberanceInfo-right .item-box__body {
        max-width: 100%;
        margin-top: -1.25rem;
    }

    .node-60 .exuberanceInfo-left .item-content {
        max-width: 100%;
    }

}

@media (min-width: 1700px) {
    .node-60 .salePolicy__bg {
        padding-right: 0;
    }

    .node-60 .townshipIntro__bgSlide .swiper-slide:last-child .row {
        justify-content: flex-end;
    }

    .node-60 .townshipIntro__bgSlide .swiper-slide:last-child .subtitle {
        font-size: 2.3rem;
    }

    .node-60 .exuberanceInfo-left .swiper,
    .exuberanceInfo-left .swiper-pagination {
        max-width: 100%;
    }

    .node-60 .exuberanceInfo-right .item-box__body {
        max-width: 100%;
        margin-top: -1.25rem;
    }

    .node-60 .exuberanceInfo-left .item-content {
        max-width: 100%;
    }
}

/* End New CSS */