@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 200 1000;
    font-stretch: 100%;
    font-display: swap;
    src: url('fonts/Inter-VariableFont_opsz,wght.ttf') format('truetype');
}
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 200 1000;
    font-stretch: 100%;
    font-display: swap;
    src: url('fonts/Inter-Italic-VariableFont_opsz,wght.ttf') format('truetype');
}
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400 800;
    font-stretch: 100%;
    font-display: swap;
    src: url('fonts/PlayfairDisplay-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 200 1000;
    font-stretch: 100%;
    font-display: swap;
    src: url('fonts/PlayfairDisplay-Italic-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'FA Thin';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url('../fonts/fa-thin-100.woff2') format('woff2');
}
:root {
    --color-primary: rgba(0, 38, 62, 1);
    --color-secondary: rgba(185, 165, 112, 1);
}
html {
    margin: 0 !important;
}

w {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Inter, Arial, sans-serif;
    line-height: normal;
    color: #000;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
    font-family: 'Playfair Display', Arial, sans-serif;
}
@media (min-width: 1440px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1440px;
        padding: 0 ;
    }
}
.row {
    margin: 0 !important;
}

.col-12 {
    padding: 0;
}

figure {
    margin: unset;
    max-width: 100%;
}

a.btn-3>strong,
a.btn-3>span {
    color: #fff;
    font-size: 20px;
}

.container ul li {
    margin-bottom: 10px;
    margin-left: 20px;
    text-align: justify;
}

.main-header {
    padding: 30px 0 0;
    position: fixed;
    z-index: 5;
    width: 100%;
    background-color: var(--color-primary);
    transition: transform .4s ease-in-out, background-color .4s ease-in-out;
    transform: translateY(0);
}
.main-header.hide-header {
    transform: translateY(-100%);
}
.main-header.fixed {
    position: fixed;
    z-index: 2;
    width: 100%;
    background: unset;
}

.logo-section {
    display: flex;
    align-items: center;
    gap: 15px;
}

.main-header a {
    font-size: 24px;
    font-weight: 400;
    color: var(--color-secondary);
    text-decoration: none;
    transition: .3s ease-in-out;
}

.main-header .logo-section img {
    filter: unset;
    width: 100%;
    height: auto;
    transition: .5s ease-in-out;
}

.main-header ul {
    display: flex;
    gap: 25px;
    align-items: center;
    list-style: none;
    margin: unset;
    transition: transform .5s ease-in-out;
}

.main-header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 30px;
}

.main-header ul li {
    transition: transform .5s ease-in-out;
    position: relative;
}

.main-nav {
    display: flex;
    gap: 30px;
}

.main-header.fixed a {
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
}


.btn-contact {
    padding: 16px 60px;
    background: rgba(255, 255, 255, 1);
    border-radius: 24px;
}

.main-header.fixed .btn-contact a {
    color: var(--color-primary);
}

.main-header.fixed .list-language ul li a {
    color: var(--color-primary);
    font-size: 24px;
    height: fit-content;
}

.main-header .list-language ul li.active a {
    font-weight: 700;
}

.main-header ul li:not(:last-child)::after {
    content: "";
    height: 100%;
    width: 1px;
    position: absolute;
    background-color: var(--color-secondary);
    right: -11px;
}

.list-language {
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-header.fixed .container {
    border-bottom: 1px solid rgba(255, 255, 255, 1);
}

.main-header .btn-contact a {
    color: var(--color-primary);
    font-weight: 700;
    line-height: 120%;
    font-size: 24px;
}

.main-header.fixed ul li::after {
    background-color: var(--color-primary);
}

section.hero-section {
    position: relative;
    height: 100vh;
    overflow: hidden;
}
.hero-content {
    position: relative;
    height: 100%;
}
.hero-content .list-content-row {
    gap: 48px
}

.hero-content .hero-list-content {
    bottom: 10%;
    right: 12%;
    position: absolute;
    display: flex;
    flex-flow: column;
    gap: 24px;
    z-index: 2
}

.hero-content .hero-list-content .content-item {
    display: flex;
    gap: 16px;
    color: #fff;
    justify-content: center;
    align-items: center
}

.hero-image:after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%)
}

.hero-item {
    height: 100vh;
}

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

.hero-content-normal .section-title {
    font-size: 72px;
    color: var(--color-secondary);
    font-weight: 800;
    margin-bottom: 12px
}

.hero-content-normal {
    position: relative;
    top: -44%;
    left: 13%;
    width: 50%;
    z-index: 2;
}

.hero-content-normal .section-description {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    text-align: justify;
    margin-bottom: 20px;
}

.hero-content-normal .section-sub-title {
    color: #fff;
    margin-bottom: 20px;
}

.section-list-button {
    display: flex;
    gap: 24px;
}

.section-list-button-item {
    height: fit-content;
}

.section-list-button-item a.btn-contact {
    background: var(--color-secondary);
    text-decoration: unset;
    color: #fff;
    font-weight: 700;
    display: block;
    border-radius: 20px;
    padding: 20px;
}

section.hero-section::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(29.67deg, rgba(0, 38, 62, 0.8) 14.88%, rgba(0, 38, 62, 0) 85.12%);
}

.project-overview {
    background-color: rgba(240, 239, 237, 1);
    padding: 206px 0;
    overflow: hidden;
}

.project-overview__inner {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 130px;
}

.project-overview__heading {
    text-align: center;
    width: 100%;
}

.project-overview__title {
    margin: 0 0 16px;
    font-size: 56px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-primary);
}

.project-overview__subtitle {
    margin: 0;
    font-size: 20px;
    line-height: 1.5;
    color: rgba(0, 38, 62, 0.72);
}

.project-overview__content {
    display: flex;
    gap: 125px;
    align-items: flex-start;
    align-items: center;
    text-align: center;
    justify-content: center;
    display: flex;
}

.project-overview__info {
    flex: 0 0 44%;
    align-items: start;
    text-align: start;
    justify-content: center;
    display: flex;
    flex-flow: column;
    height: 100%;
}

.project-overview__location {
    margin: 0 0 24px;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-primary);
}

.project-overview__description {
    margin: 0;
    font-size: 20px;
    line-height: 1.6;
    color: rgba(0, 38, 62, 0.8);
    text-align: justify;
}

.project-overview__stats {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.project-overview__stat {
    background-color: #fff;
    padding: 32px;
    border-radius: 20px;
    box-shadow: 0px 18px 45px rgba(36, 64, 89, 0.08);
    display: flex;
    flex-direction: column;
    gap: 0px;
    padding: 14px 22px;
    position: relative;
    width: 37%;
    text-align: center;
}

.project-overview__stat .icon-stat {
    width: 100%;
    height: auto;
    position: absolute;
    top: -55px;
    right: -55px;
    max-width: 110px;
}

.project-overview__stat .project-overview__stat-group-icon  .icon-stat:nth-child(2) {
    width: 24px;
    height: 24px;
    object-fit: cover;
    top: -14px;
    right: -10px;
}

.project-overview__stat-number {
    font-size: 32px;
    font-weight: 700;
    color: var(--color-primary);
}

.project-overview__stat-label {
    font-size: 20px;
    color: var(--color-primary);
}
.project-overview__stat:nth-child(3)  {
    margin-left: 7%;
}
.project-overview__stat:nth-child(5)  {
    margin-left: 13%;
}

section.project-highlight {
    position: relative;
    padding-top: 235px;
    overflow: hidden;
}

.project-highlight__content h2.project-highlight__title {
    width: 60%;
    font-weight: 700;
    font-size: 56px;
    color: var(--color-secondary);
    line-height: 140%;
    margin-bottom: 25px;
}
.project-highlight__content .project-highlight__description {
    width: 60%;
}
.project-highlight__image {
    position: absolute;
    bottom: 0;
    right: 0px;
    height: 90%;
}
.project-highlight__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.project-highlight__content {
    color: #fff;
    z-index: 1;
    position: relative;
    padding-left: 96px;
    padding-top: 160px;
}

.project-highlight__wrapper {
    width: 89%;
    height: auto;
    aspect-ratio: 4/3;
    position: relative;
}


.project-highlight__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.project-highlight__background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project-highlight__background::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-primary);
    opacity: 0.7;
}

.project-locations {
    padding: 235px 0;
}

.project-locations__wrapper {
    display: flex;
    align-items: stretch;
    gap: 50px;
    justify-content: space-between;
    animation: fadeUp 0.8s ease both;
}

.project-locations__map {
    flex: 0 0 51%;
    position: relative;
    min-height: 0;
    max-width: 50%;
}

.project-locations__map-inner {
    position: relative;
    width: 100%;
    height: 100%;
    /* padding-top: 100%; */
    border-radius: 28px;
    overflow: hidden;
    /* box-shadow: 0px 25px 60px rgba(8, 26, 45, 0.18); */
}

.project-locations__map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: inherit;
    transition: opacity 0.45s ease, transform 0.45s ease;
}

.project-locations__map.is-transitioning iframe {
    opacity: 0;
    transform: scale(0.96);
}

.project-locations__content {
    flex: 0 1 41%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
}

.project-locations__title {
    font-size: 56px;
    line-height: 1.4;
    color: var(--color-primary);
    margin: 0;
    font-weight: 700;
}

.project-locations__description {
    margin: 0;
    color: var(--color-primary);
    font-size: 20px;
    line-height: 1.4;
}

.project-locations__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.project-locations__list-item {
    display: flex;
    gap: 20px;
}

.project-locations__list-item-content-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 8px;
}

.project-locations__list-item-icon {
    align-items: center;
    display: flex;
}

.project-locations__list-item-icon img {
    width: 48px;
    height: 48px;
    object-fit: cover;
}
.project-locations__button span {
    padding-left: 28px;
}

.project-locations__button-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--color-primary);
}

.project-locations__button-desc {
    color: var(--color-primary);
}

.project-locations__button:hover::before,
.project-locations__button:focus::before {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}

.market-insights {
    /* padding: 160px 0; */
    padding-bottom: 100px;
    background: rgba(240, 239, 237, 1);
}

.market-insights__heading {
    text-align: center;
    max-width: 100%;
    margin: 0 auto 120px;
}

.market-insights__title {
    margin: 0 0 12px;
    font-size: 56px;
    line-height: 1.4;
    font-weight: 700;
    color: var(--color-primary);
}

.market-insights__subtitle {
    margin: 0;
    font-size: 20px;
    line-height: 1.4;
    color: var(--color-primary);
}

.market-insights__intro {
    display: flex;
    gap: 100px;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}

.market-insights__intro-left {
    flex: 0 0 29%;
}

.market-insights__question {
    margin: 0;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-primary);
}

.market-insights__intro-right {
    flex: 0 0 45%;
    font-size: 20px;
    line-height: 1.4;
    color: var(--color-primary);
    text-align: justify;
}

.market-insights__slider {
    position: relative;
    margin-bottom: 48px;
}

.market-insights__slider-inner {
    width: calc(100% - 0px);
    overflow: unset;
    border: unset;
}

.market-insights__slider-inner .slick-list {
    overflow: visible;
    overflow: hidden;
}

.market-insights__slide {
    padding: 0 18px;
}

.market-insights__slide img {
    width: 100%;
    object-fit: cover;
    border-radius: 28px;
    box-shadow: 0 25px 60px rgba(8, 26, 45, 0.12);
}
.market-insights__slider-inner::before {
    content: "";
    position: absolute;
    width: 20%;
    height: 100%;
    background-color: rgba(240, 239, 237, 1);
    background: linear-gradient(90deg,rgba(240, 239, 237, 1) 0%, rgba(240, 239, 237, 0) 100%);
    z-index: 3;
    left: -1px;
    top: 0;
    border: unset;
}
.market-insights__slider-inner::after {
    content: "";
    position: absolute;
    width: 20%;
    height: 100%;
    background-color: rgba(240, 239, 237, 1);
    background: linear-gradient(270deg,rgba(240, 239, 237, 1) 0%, rgba(240, 239, 237, 0) 100%);
    z-index: 3;
    right: -1px;
    top: 0;
}
.market-insights__slider-inner .slick-slide {
    transition: transform 0.5s ease, opacity 0.5s ease;
}

.market-insights__slider-inner .slick-center {

}

.market-insights__slider-inner .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: none;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 12px 35px rgba(8, 26, 45, 0.18);
    cursor: pointer;
}

.market-insights__slider-inner .slick-prev {
    left: 9%;
}

.market-insights__slider-inner .slick-next {
    right: 9%;
}

.market-insights__slider-inner .slick-arrow::before {
    font-family: 'slick';
    font-size: 20px;
    color: var(--color-primary);
}

.market-insights__metrics {
    display: flex;
    justify-content: center;
    gap: 15%;
}

.market-insights__metric {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
}

.market-insights__metric-value {
    font-size: 64px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-secondary);
}

.market-insights__metric-label {
    font-size: 20px;
    color: var(--color-primary);
    width: max-content;
}

@media (max-width: 1200px) {
    .market-insights__slider-inner .slick-prev {
        left: 6%;
    }

    .market-insights__slider-inner .slick-next {
        right: 6%;
    }
}



.district-highlights {
    padding: 240px 0 170px;
    background: #fff;
    overflow: hidden;
}

.district-highlights__top,
.district-highlights__bottom {
    display: flex;
    gap: 60px;
    align-items: stretch;
    justify-content: space-between;
}

.district-highlights__top {
    margin-bottom: 72px;
}

.district-highlights__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
}

.district-highlights__title {
    margin: 0;
    font-size: 56px;
    line-height: 140%;
    font-weight: 700;
    color: var(--color-primary);
}

.district-highlights__subtitle {
    margin: 0;
    font-size: 20px;
    color: var(--color-primary);
    line-height: 140%;
}

.district-highlights__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 36px;
}

.district-highlights__item {
    display: flex;
    align-items: center;
    gap: 18px;
}

.district-highlights__icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.district-highlights__icon img {
    width: 48px;
    height: 48px;
    object-fit: cover;
}

.district-highlights__item-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.district-highlights__item-time {
    font-size: 24px;
    font-weight: 700;
    color: var(--color-primary);
    margin-bottom: 8px;
}

.district-highlights__item-desc {
    font-size: 20px;
    color: var(--color-primary);
}

.district-highlights__image {
    flex: 1.5;
    overflow: hidden;
    box-shadow: 0 25px 60px rgba(8, 26, 45, 0.12);
}
.district-highlights__top .district-highlights__image{
    margin-right: calc((1440px - 100vw) / 2);
}
.district-highlights__bottom .district-highlights__image{
    margin-left: calc((1440px - 100vw) / 2);
}
.district-highlights__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.district-highlights__story-title {
    margin: 0;
    font-size: 42px;
    line-height: 1.3;
    color: var(--color-primary);
}

.district-highlights__story-text {
    margin: 0;
    font-size: 20px;
    line-height: 1.7;
    color: rgba(0, 38, 62, 0.8);
}



.design-amenities {
    background: var(--color-primary);
    color: #fff;
    padding: 125px 0 65px;
    /* margin-bottom: -1px; */
    overflow: hidden;
}

.design-amenities__inner {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 64px;
    margin-bottom: 50px;
}

.design-amenities__header {
    display: flex;
    justify-content: space-between;
    gap: 70px;
    align-items: flex-start;
}

.design-amenities__headline {
    flex: 0 0 52%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.design-amenities__title {
    margin: 0;
    font-size: 56px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-secondary);
}

.design-amenities__subtitle {
    margin: 0;
    font-size: 18px;
    font-style: italic;
    color: rgba(255, 255, 255, 1);
}

.design-amenities__description {
    flex: 1;
    font-size: 20px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 1);
}

.design-amenities__slider-wrapper {
    width: 100vw;
    /* margin-left: calc((100vw - 100%) / -2);
    padding-left: calc((100vw - 100%) / 2);
    padding-right: calc((100vw - 100%) / 2); */
    overflow: hidden;
}

.design-amenities__slider {
    width: 100%;
}

.design-amenities__slider .slick-list {
    overflow: visible;
}

.design-amenities__slide {
    padding: 0px 30px;
}

.design-amenities__slide img {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    object-fit: cover;
    border-radius: 24px;
    box-shadow: 0 25px 60px rgba(8, 26, 45, 0.25);
}

.design-amenities__slider .slick-slide {
    transition: transform 0.5s ease, opacity 0.5s ease;
    /* opacity: 0.35; */
}

.design-amenities__slider .slick-center {
    /* transform: scale(1.05);
    opacity: 1; */
}

.design-amenities__slider .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: none;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.design-amenities__slider .slick-prev {
    left: 8%;
}

.design-amenities__slider .slick-next {
    right: 8%;
}

.design-amenities__slider .slick-arrow::before {
    font-family: 'slick';
    font-size: 20px;
    color: var(--color-primary);
}

.design-amenities__highlights {
    display: flex;
    justify-content: center;
    gap: 80px;
}

.design-amenities__highlight {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.85);
    font-size: 18px;
    text-align: center;
    padding: 24px;
    transition: border-color 0.3s ease, color 0.3s ease;
}

.design-amenities__highlight:hover {
    border-color: var(--color-secondary);
    color: var(--color-secondary);
}


.design-amenities__footer {
    display: flex;
    justify-content: space-between;
    gap: 0;
    align-items: center;
    margin-top: 50px;
}

.design-amenities__footer .design-amenities__headline {
    flex: 1;
    height: 100%;
}

.design-amenities__item {
    align-items: center;
    display: flex;
    flex-flow: column;
    gap: 24px;
}

.design-amenities__footer .design-amenities__list {
    flex: 2;
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 0px;
}

.design-amenities__item img {
    height: 80px;
    width: auto;
    object-fit: cover;
}


.eb5-features {
    background: rgba(240, 239, 237, 1);
    aspect-ratio: 3/1;
    min-height: fit-content;
    border: unset;
}
.eb5-features .container {
    height: 100%;
}
.eb5-features__wrapper {
    display: flex;
    align-items: center;
    /* gap: 60px; */
    height: 100%;
}

.eb5-features__header {
    flex: 0 0 27%;
    text-align: left;
}

.eb5-features__heading {
    font-size: 56px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-primary);
}

.eb5-features__header-desc {
    margin: 0;
    font-size: 20px;
    line-height: 1.4;
    color: var(--color-primary);
}

.eb5-features__grid {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid var(--color-primary);
    height: 100%;
    align-items: center;
    border: unset;
}

.eb5-features__item {
    padding: 55px 20px;
    padding-top: 60%;
    background: rgba(240, 239, 237, 1);
    border-right: 1px solid var(--color-primary);
    transition: background-color 0.3s ease, color 0.3s ease;
    cursor: pointer;
    height: 100%;
    align-items: baseline;
    display: flex;
    flex-flow: column;
    justify-content: start;
    border: unset;
}

.eb5-features__item:last-child {
    border-right: none;
}

.eb5-features__item--active,
.eb5-features__item:hover {
    background: var(--color-primary);
}

.eb5-features__title {
    margin: 0 0 30px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-primary);
    transition: color 0.3s ease;
}

.eb5-features__item--active .eb5-features__title,
.eb5-features__item:hover .eb5-features__title {
    color: var(--color-secondary);
}

.eb5-features__description {
    margin: 0;
    line-height: 1.4;
    color: var(--color-primary);
    transition: color 0.3s ease;
}

.eb5-features__item--active .eb5-features__description,
.eb5-features__item:hover .eb5-features__description {
    color: #fff;
}



.project-progress {
    margin-top: 135px;
    padding-top: 71px;
    /* background: var(--color-primary); */
    position: relative;
    overflow: hidden;
}

.project-progress__header {
    text-align: center;
}

.project-progress__title {
    margin: 0;
    font-size: 56px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
}

.project-progress__timeline-wrapper {
    position: relative;
    min-height: 420px;
    padding: 60px 0 200px;
}

.project-progress__timeline-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.project-progress__timeline-bg::after {
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-primary);
    position: absolute;
    mix-blend-mode: multiply;
    opacity: 1;
}
.project-progress__timeline-bg img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.project-progress__timeline {
    position: relative;
    z-index: 1;
    min-height: 300px;
}

.project-progress__timeline-line {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 1200px;
    height: 2px;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.5) 5%,
        rgba(255, 255, 255, 0.5) 95%,
        rgba(255, 255, 255, 0) 100%
    );
    z-index: 1;
}

.project-progress__timeline-progress {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 4px;
    background: var(--color-secondary);
    border-radius: 4px;
    width: 0;
    z-index: 2;
    opacity: 0;
    transition: opacity 1s ease-out;
    margin-left: 0;
}

.project-progress__timeline.progress-visible .project-progress__timeline-progress {
    opacity: 1;
}

.project-progress__timeline-content {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 80px 10% 80px;
    min-height: 300px;
}

.project-progress__item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 3;
    text-align: center;
    max-width: 200px;
}

.project-progress__item::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 15px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 4;
    opacity: 0;
}

.project-progress__item.item-active::after {
    background: var(--color-secondary);
    width: 20px;
    height: 20px;
    opacity: 1;
    box-shadow: 
        0 0 0 4px rgba(185, 165, 112, 0.3),
        0 0 15px rgba(185, 165, 112, 0.8),
        0 0 25px rgba(185, 165, 112, 0.5);
}

.project-progress__item.item-past.item-active::after {
    background: var(--color-secondary);
    width: 20px;
    height: 20px;
    opacity: 1;
    box-shadow: 
        0 0 0 4px rgba(185, 165, 112, 0.3),
        0 0 15px rgba(185, 165, 112, 0.8),
        0 0 25px rgba(185, 165, 112, 0.5);
}

.project-progress__item.item-current.item-active::after {
    background: var(--color-secondary);
    width: 20px;
    height: 20px;
    opacity: 1;
    box-shadow: 
        0 0 0 4px rgba(185, 165, 112, 0.3),
        0 0 15px rgba(185, 165, 112, 0.8),
        0 0 25px rgba(185, 165, 112, 0.5);
    animation: pulse-progress 2.5s ease-in-out infinite;
}

.project-progress__item.item-future.item-active::after {
    background: rgba(255, 255, 255, 0.9);
    width: 18px;
    height: 18px;
    opacity: 1;
    box-shadow: 
        0 0 0 3px rgba(255, 255, 255, 0.4),
        0 2px 8px rgba(0, 0, 0, 0.2);
}

.project-progress__item-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-secondary);
    margin-bottom: 8px;
    opacity: 0;
    transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.project-progress__item-description {
    font-size: 14px;
    line-height: 1.6;
    color: #fff;
    opacity: 0;
    transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.project-progress__item.item-active .project-progress__item-title,
.project-progress__item.item-active .project-progress__item-description {
    opacity: 1;
}

/* Xen kẽ vị trí text trên/dưới timeline */
.project-progress__item:nth-child(odd) .project-progress__item-title,
.project-progress__item:nth-child(odd) .project-progress__item-description {
    transform: translateY(-50px);
}

.project-progress__item:nth-child(odd) .project-progress__item-description {
    padding-bottom: 90px;
}

.project-progress__item:nth-child(even) .project-progress__item-title,
.project-progress__item:nth-child(even) .project-progress__item-description {
    transform: translateY(50px);
}

.project-progress__item:nth-child(even) .project-progress__item-title {
    padding-top: 90px;
}

@keyframes pulse-progress {
    0%, 100% {
        box-shadow: 
            0 0 0 3px rgba(185, 165, 112, 0.3),
            0 0 15px rgba(185, 165, 112, 0.8),
            0 0 25px rgba(185, 165, 112, 0.5);
    }
    50% {
        box-shadow: 
            0 0 0 5px rgba(185, 165, 112, 0.4),
            0 0 20px rgba(185, 165, 112, 1),
            0 0 35px rgba(185, 165, 112, 0.7);
    }
}



.capital-return {
    padding: 200px 0 0;
    background: #fff;
    position: relative;
    overflow: hidden;
}

.capital-return__wrapper {
    display: flex;
    align-items: stretch;
    min-height: 600px;
    position: relative;
    overflow: visible;
}

.capital-return__content {
    padding: 0px 0 0;
    max-width: 35%;
    position: relative;
    z-index: 2;
}

.capital-return__title {
    margin: 0 0 10px;
    font-size: 56px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-primary);
}

.capital-return__subtitle {
    margin: 10px 0 350px;
    font-size: 20px;
    line-height: 1.4;
    color: rgba(0, 38, 62, 1);
}

.capital-return__section {
    margin-top: 60px;
}

.capital-return__section-title {
    margin: 0 0 40px;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-primary);
}

.capital-return__list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.capital-return__item {
    display: flex;
    align-items: center;
    gap: 30px;
}

.capital-return__item-number {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 64px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-primary);
    width: 80px;
}

.capital-return__item-text {
    flex: 1;
    line-height: 1.4;
    color: rgba(0, 38, 62, 1);
}

.capital-return__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 57vw;
    min-height: 600px;
    z-index: 0;
    margin-right: calc((100vw - 100%) / -2);
}
.capital-return__image::after {
    background: linear-gradient(22.33deg, #00263E 8.22%, rgba(0, 38, 62, 0) 60.91%);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.capital-return__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.capital-return__image-overlay {
    position: absolute;
    bottom: 25px;
    left: 0px;
    height: fit-content;
    z-index: 4;
    pointer-events: none;
    width: 56%;
}

.capital-return__success-rate {
    display: flex;
    align-items: center;
    gap: 21px;
    z-index: 2;
    margin-left: 40px;
    margin-bottom: 10px;
}

.capital-return__success-number {
    font-size: 96px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-secondary);
    border-bottom: solid 3px #fff;
    padding-bottom: 15px;
}

.capital-return__success-label {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
}

.capital-return__info-box {
    background: var(--color-secondary);
    padding: 15px;
}

.capital-return__info-text {
    margin: 0 0 0px 40px;
    line-height: 1.4;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    z-index: 2;
}

.capital-return__quote {
    margin: 0;
    padding: 0;
    border: none;
    color: #fff;
}

.capital-return__quote p {
    margin: 0 0 16px;
    line-height: 1.4;
    font-style: italic;
    color: #fff;
}

.capital-return__quote cite {
    display: block;
    text-align: left;
    color: var(--color-primary);
    font-style: normal;
    font-weight: 700;
}



.team-partners {
    padding: 200px 0;
    background: #fff;
}

.team-partners__header {
    text-align: center;
    margin-bottom: 80px;
}

.team-partners__title {
    font-size: 56px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-primary);
    margin-bottom: 15px;
}

.team-partners__subtitle {
    margin: 0;
    font-size: 20px;
    line-height: 1.4;
    color: var(--color-primary);
}

.team-partners__grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 24px 100px;
    margin-bottom: 20px;
}

.team-partners__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 0 0 calc(20% - 25px);
    max-width: 320px;
}

/* Hàng thứ 2: 2 items căn giữa (chỉ khi có 5 items) */
.team-partners__item:nth-child(4),
.team-partners__item:nth-child(5) {
    /* flex: 0 0 calc(50% - 20px); */
    /* max-width: 400px; */
}

/* Từ item thứ 6 trở đi: quay lại 3 items/hàng */


.team-partners__category {
    margin-bottom: 12px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-primary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    padding-bottom: 8px;
}
.team-partners__category::after {
    content: "";
    position: absolute;
    width: 90%;
    /* margin: auto; */
    height: 1px;
    background-color: #000;
    bottom: 0;
    left: 5%;
    z-index: 5;
}
.team-partners__logo {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    width: 100%;
}

.team-partners__logo img {
    max-width: 100%;
    height: auto;
    max-height: unset;
    object-fit: contain;
}

.team-partners__name {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-primary);
    text-transform: uppercase;
}

.team-partners__tagline {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 38, 62, 0.7);
    text-transform: none;
    margin-top: 4px;
}

.team-partners__footer {
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
}

.team-partners__footer-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-primary);
}

.team-partners__footer-text {
    margin: 0;
    line-height: 1.4;
    color: var(--color-primary);
}



.contact-brochure {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
}

.contact-brochure__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.contact-brochure__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.contact-brochure__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(217, 217, 217, 1);
    opacity: 0.8;
    z-index: 1;
}

.contact-brochure__wrapper {
    position: relative;
    z-index: 2;
    display: flex;
    gap: 60px;
    align-items: center;
}

.contact-brochure__form-wrapper {
    flex: 0 0 55%;
    background: rgba(255, 255, 255, 0.5);
    padding: 35px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(13.5px);
    border: 1px solid rgba(255, 255, 255, 1);
}

.contact-brochure__title {
    font-size: 56px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-primary);
    text-align: center;
}

.contact-brochure__subtitle {
    margin: 0 0 32px;
    line-height: 1.4;
    color: var(--color-primary);
    text-align: center;
}

.contact-brochure__form {
    width: 100%;
}

/* Contact Form 7 Styling */
.contact-brochure__form .wpcf7-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contact-brochure__form .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

.contact-brochure__form .wpcf7-form-control {
    width: 100%;
    padding: 14px 16px;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-primary);
    background: #fff;
    border: 1px solid rgba(0, 38, 62, 0.2);
    border-radius: 16px;
    transition: border-color 0.3s ease;
}

.contact-brochure__form .wpcf7-form-control:focus {
    outline: none;
    border-color: var(--color-primary);
}

.contact-brochure__form .wpcf7-textarea {
    max-height: 120px;
    resize: vertical;
}

.contact-brochure__form .wpcf7-submit {
    width: 100%;
    padding: 16px 24px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    color: #fff;
    background: var(--color-primary);
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.contact-brochure__form .wpcf7-submit:hover {
    background: rgba(0, 38, 62, 0.9);
}

.contact-brochure__form .wpcf7-not-valid-tip {
    font-size: 14px;
    color: #d32f2f;
    margin-top: 4px;
}

.contact-brochure__form .wpcf7-response-output {
    margin: 16px 0 0;
    padding: 12px;
    border-radius: 6px;
    font-size: 14px;
}

.contact-brochure__form .wpcf7-mail-sent-ok {
    background: #4caf50;
    color: #fff;
    border: none;
}

.contact-brochure__form .wpcf7-mail-sent-ng,
.contact-brochure__form .wpcf7-aborted,
.contact-brochure__form .wpcf7-spam,
.contact-brochure__form .wpcf7-validation-errors {
    background: #f44336;
    color: #fff;
    border: none;
}

.contact-brochure__info {
    flex: 1;
}

.contact-brochure__info-title {
    margin: 0 0 48px;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-primary);
}

.contact-brochure__info-list {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.contact-brochure__info-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.contact-brochure__info-icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--color-primary);
}

.contact-brochure__info-icon svg {
    width: 24px;
    height: 24px;
}

.contact-brochure__info-content {
    flex: 1;
}

.contact-brochure__info-value {
    margin: 0 0 6px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-primary);
}

.contact-brochure__info-label {
    margin: 0;
    font-size: 20px;
    font-style: italic;
    line-height: 1.4;
    color: var(--color-primary);
}
.contact-brochure__form button[type=submit] {
    color: #fff;
    background-color: var(--color-primary);
    border-radius: 16px;
    padding: 16px 12px;
}


.site-footer {
    background: var(--color-primary);
    padding: 80px 0 24px;
    color: #fff;
}

.site-footer__logos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 60px;
    margin-bottom: 60px;
    flex-wrap: wrap;
}

.site-footer__logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.site-footer__logo img {
    max-width: 100%;
    height: auto;
    max-height: 80px;
    object-fit: contain;
}

.site-footer__disclaimer {
    max-width: 90%;
    margin: 0 auto 40px;
    text-align: center;
}
.site-footer__disclaimer-text {
    margin: 0;
    line-height: 1.4;
    color: #fff;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.site-footer__disclaimer-label {
    color: var(--color-secondary);
    font-weight: 700;
    flex-shrink: 0;
    font-style: italic;
}

.site-footer__disclaimer-text p {
    margin: 0;
    flex: 1;
    font-style: italic;
}

/* Mobile Disclaimer */
@media (max-width: 767.98px) {
    .site-footer__disclaimer-text {
        flex-direction: column;
        gap: 4px;
    }
    
    .site-footer__disclaimer-label {
        margin-bottom: 0;
    }
    
    .site-footer__disclaimer-text p {
        margin: 0;
    }
}

.site-footer__copyright {
    text-align: center;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 1);
}

.site-footer__copyright-text {
    margin: 0;
    font-size: 12px;
    line-height: 1.2;
    color: var(--color-secondary);
}



.project-locations__button.is-active::before {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}










/* ===================================
   Loading Overlay & Blur Overlay
   =================================== */

/* Loading Overlay */
.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.loading-overlay.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.loading-spinner {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.loading-spinner p {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    letter-spacing: 0.5px;
}

/* Spinner Animation */
.spinner {
    width: 60px;
    height: 60px;
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-top: 4px solid #fff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}
span.wpcf7-form-control.wpcf7-checkbox {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
span.wpcf7-form-control.wpcf7-checkbox label {
    justify-content: center;
    align-items: center;
    display: flex;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Alternative Spinner Styles */
.spinner.spinner-dots {
    width: 60px;
    height: 60px;
    border: none;
    position: relative;
}

.spinner.spinner-dots::before,
.spinner.spinner-dots::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 50%;
    animation: bounce 1.4s infinite ease-in-out both;
}

.spinner.spinner-dots::before {
    left: 0;
    animation-delay: -0.32s;
}

.spinner.spinner-dots::after {
    right: 0;
}

@keyframes bounce {
    0%, 80%, 100% {
        transform: scale(0);
        opacity: 0.5;
    }
    40% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Blur Overlay */
.blur-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 999;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.blur-overlay.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

/* Loading vá»›i brand color (optional) */
.loading-overlay.brand-theme {
    background: linear-gradient(135deg, rgba(12, 79, 114, 0.95) 0%, rgba(12, 79, 114, 0.85) 100%);
}

.loading-overlay.brand-theme .spinner {
    border-top-color: #FAA61A;
}

/* ===================================
   Form Popup
   =================================== */
   /* .form-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 65%;
    max-width: 1200px;
    background: #D9EAF3;
    border-radius: 20px;
    padding: 60px;
    z-index: 1000;
    box-shadow: 0px 20px 60px rgba(0,0,0,.3);
    opacity: 1;
    visibility: visible;
    transition: opacity .3s ease,visibility .3s ease,transform .3s ease;
    box-shadow: 0px 0px 96.4px 0px #FFFFFF inset;
    border-radius: 20px;
}

.form-popup.hidden {
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%,-48%);
    pointer-events: none
} */

.form-popup-header {
    margin-bottom: 40px
}

.form-popup-header .title {
    font-size: 56px;
    font-weight: 700;
    color: #0c4f72;
    margin-bottom: 16px;
    text-align: center
}

.form-popup-header .descrtiption {
    font-size: 16px;
    color: #666;
    line-height: 1.5
}

.form-popup-content {
    display: flex;
    gap: 30px;
    align-items: center
}

.form-popup-form {
    width: 55%
}

.form-popup-form form {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.form-popup-form input,
.form-popup-form textarea {
    width: 100%;
    padding: 16px 20px;
    border: unset;
    border-radius: 10px;
    background: #fff;
    font-size: 16px;
    color: #333;
    transition: all .3s ease
}

.form-popup-form input:focus,
.form-popup-form textarea:focus {
    outline: none;
    border-color: #0c4f72;
    background: #f9fcfd
}

.form-popup-form input::placeholder,
.form-popup-form textarea::placeholder {
    color: #999
}

/* Contact Form 7 Styles */
.form-popup-form .wpcf7-form p {
    margin-bottom: 20px;
}

.form-popup-form .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

.form-popup-form .wpcf7-text,
.form-popup-form .wpcf7-email,
.form-popup-form .wpcf7-tel,
.form-popup-form .wpcf7-textarea {
    width: 100%;
    padding: 16px 20px;
    border: unset;
    border-radius: 10px;
    background: #fff;
    font-size: 16px;
    color: #333;
    transition: all .3s ease;
    font-family: 'Nunito Sans', Arial, sans-serif;
}

.form-popup-form .wpcf7-textarea {
    max-height: 120px;
    resize: vertical;
}

.form-popup-form .wpcf7-text:focus,
.form-popup-form .wpcf7-email:focus,
.form-popup-form .wpcf7-tel:focus,
.form-popup-form .wpcf7-textarea:focus {
    outline: none;
    border-color: #0c4f72;
    background: #f9fcfd;
}

.form-popup-form .wpcf7-submit {
    padding: 16px 40px;
    background: #0c4f72;
    color: #fff;
    border: none;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    transition: all .3s ease;
    width: fit-content;
}

.form-popup-form .wpcf7-submit:hover {
    background: #094361;
    transform: translateY(-2px);
    box-shadow: 0px 4px 12px rgba(12,79,114,.3);
}

.form-popup-form .wpcf7-not-valid-tip {
    color: #dc3545;
    font-size: 14px;
    margin-top: 5px;
}

.form-popup-form .wpcf7-response-output {
    margin-top: 20px;
    padding: 12px 20px;
    border-radius: 10px;
    font-size: 14px;
}

.form-popup-form .wpcf7-mail-sent-ok {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.form-popup-form .wpcf7-validation-errors,
.form-popup-form .wpcf7-mail-sent-ng {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.form-popup-form .wpcf7-spinner {
    margin-left: 10px;
}

.form-popup-form button[type=submit] {
    padding: 16px 40px;
    background: #0c4f72;
    color: #fff;
    border: none;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    transition: all .3s ease;
    width: fit-content
}

.form-popup-form button[type=submit]:hover {
    background: #094361;
    transform: translateY(-2px);
    box-shadow: 0px 4px 12px rgba(12,79,114,.3)
}

.form-popup-form-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.form-popup-form-item .image {
    width: 100%;
    max-width: 350px;
    max-height: 420px;
    margin-bottom: 24px;
    border-radius: 20px;
    overflow: hidden;
    aspect-ratio: 3 / 4;
}

.form-popup-form-item .image img {
    width: 100%;
    height: auto;
    display: block
}

.form-popup-form-item .content-title {
    font-size: 28px;
    font-weight: 700;
    color: #0c4f72;
    margin-bottom: 8px
}

.form-popup-form-item .content-description {
    font-size: 18px;
    color: #666;
    font-style: italic
}

.form-popup-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,.9);
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .3s ease;
    z-index: 10;
    color: #0c4f72
}

.form-popup-close:hover {
    background: #fff;
    transform: rotate(90deg);
    box-shadow: 0px 4px 12px rgba(0,0,0,.2)
}

.form-popup-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    /* opacity: 0.85; */
}

.form-popup-background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px
}
.sidebar-left {
    height: fit-content;
    padding: unset;
    border-left: solid 1px rgba(200, 145, 60, .3);
    position: sticky;
    top: 220px;
    z-index: 4;
    left: 20px;
}

.form-popup-form.consultation-form {
    width: 100%;
}
section.capital-structure {
    margin-top: 50px;
}
section.capital-structure .section-title {
    font-size: 56px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-primary);
    margin-bottom: 40px;
}

.chart-container {
    display: flex;
    justify-content: space-between;
}
.chart-info {
    width: 45%;
}
.chart-canvas {
    width: 40%;
}
.chart-info-item-title-label {
    font-size: 24px;
    /* line-height: 120%; */
}

.chart-info-item-title {
    margin-bottom: 24px;
}

.chart-info-item-content {
    display: flex;
    flex-direction: column;
    padding-bottom: 12px;
    margin-bottom: 32px;
    align-items: center;
}
.chart-info-item-content-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    width: 100%;
}

.chart-info-item-progress-bar {
    width: 100%;
    height: 6px;
    background-color: rgba(216, 216, 216, 1);
    border-radius: 3px;
    overflow: hidden;
}

.chart-info-item-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #C8913C 0%, #E8C58F 100%);
    border-radius: 3px;
    width: 0 !important;
    transition: width 1s ease;
}

.chart-info-item-content.animated .chart-info-item-progress-fill {
    width: var(--progress-width) !important;
}
.chart-info-item-content-value {
    padding: 4px 12px;
    border-radius: 20px;
    color: #fff;
    font-weight: 700;
    flex: 0 0 32%;

}
.chart-info-item-content-list {
    padding: 48px 29px;
    background-color: #FAF4EC;
    border-radius: 20px;
}
/* Áp dụng màu khác nhau cho từng item theo thứ tự */
.chart-info .chart-info-item-content:nth-child(1) .chart-info-item-content-value {
    background-color: #B9A570;
}

.chart-info .chart-info-item-content:nth-child(2) .chart-info-item-content-value {
    background-color: #E6CF93;
}

.chart-info .chart-info-item-content:nth-child(3) .chart-info-item-content-value {
    background-color: #0B4970;
}

.chart-info .chart-info-item-content:nth-child(4) .chart-info-item-content-value {
    background-color: #00263E;
}

.chart-info .chart-info-item-content:nth-child(5) .chart-info-item-content-value {
    background-color: #C8913C;
}


section#prescence {
    background: #f0efed;
    padding: 100px 0;
}

section#prescence {
    background: #f0efed;
    padding: 90px 0
}

@media(min-width: 768px) {
    section#prescence {
        padding:128px 0 132px
    }
}

section#prescence .heading {
    margin-bottom: 30px;
}



@media(min-width: 768px) {
    section#prescence .heading {
        display:flex;
        justify-content: space-between
    }
}

section#prescence .heading h2,section#prescence .heading .h2,section#prescence .heading #renewables .text-image-callouts .text h3,#renewables .text-image-callouts .text section#prescence .heading h3,section#prescence .heading #renewables .text-image-callouts .text .h3,#renewables .text-image-callouts .text section#prescence .heading .h3,section#prescence .heading #renewables .text-image-callouts .text .intro-wrapper .intro-container .quote p,#renewables .text-image-callouts .text .intro-wrapper .intro-container .quote section#prescence .heading p,section#prescence .heading .intro-wrapper .intro-container .quote #renewables .text-image-callouts .text p,.intro-wrapper .intro-container .quote #renewables .text-image-callouts .text section#prescence .heading p,section#prescence .heading .title-text-cols h3,.title-text-cols section#prescence .heading h3,section#prescence .heading .title-text-cols .h3,.title-text-cols section#prescence .heading .h3,section#prescence .heading .title-text-cols .intro-wrapper .intro-container .quote p,.title-text-cols .intro-wrapper .intro-container .quote section#prescence .heading p,.intro-wrapper .intro-container .quote section#prescence .heading .title-text-cols p,.intro-wrapper .intro-container .quote .title-text-cols section#prescence .heading p {
    max-width: 350px;
    position: relative;
    z-index: 1;
    margin-bottom: 70px
}

section#prescence .heading h2::after,section#prescence .heading .h2::after,section#prescence .heading #renewables .text-image-callouts .text h3::after,#renewables .text-image-callouts .text section#prescence .heading h3::after,section#prescence .heading #renewables .text-image-callouts .text .h3::after,#renewables .text-image-callouts .text section#prescence .heading .h3::after,section#prescence .heading #renewables .text-image-callouts .text .intro-wrapper .intro-container .quote p::after,#renewables .text-image-callouts .text .intro-wrapper .intro-container .quote section#prescence .heading p::after,section#prescence .heading .intro-wrapper .intro-container .quote #renewables .text-image-callouts .text p::after,.intro-wrapper .intro-container .quote #renewables .text-image-callouts .text section#prescence .heading p::after,section#prescence .heading .title-text-cols h3::after,.title-text-cols section#prescence .heading h3::after,section#prescence .heading .title-text-cols .h3::after,.title-text-cols section#prescence .heading .h3::after,section#prescence .heading .title-text-cols .intro-wrapper .intro-container .quote p::after,.title-text-cols .intro-wrapper .intro-container .quote section#prescence .heading p::after,.intro-wrapper .intro-container .quote section#prescence .heading .title-text-cols p::after,.intro-wrapper .intro-container .quote .title-text-cols section#prescence .heading p::after {
    content: "";
    position: absolute;
    top: calc(100% + 30px);
    left: 0;
    height: 1px;
    width: 100%;
    background: #b9a570
}

section#prescence .heading p {
    max-width: 575px
}

#presence-map {
    background: #f0efed
}

#presence-map .accordion#presenceLocations .accordion-item {
    border: none;
    border-bottom: 1px solid #b9a570;
    border-radius: 0;
    background: #f0efed
}

#presence-map .accordion#presenceLocations .accordion-item .accordion-button {
    padding: 16px 0;
    padding-right: 15px;
    background: #f0efed;
    
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: .255em;
    line-height: 1;
    margin-bottom: 0;
    color: #000;
    text-transform: uppercase
}

#presence-map .accordion#presenceLocations .accordion-item .accordion-button:not(.collapsed),#presence-map .accordion#presenceLocations .accordion-item .accordion-button:focus {
    background: none;
    color: #000;
    box-shadow: none !important
}

#presence-map .accordion#presenceLocations .accordion-item .accordion-button:not(.collapsed)::after,#presence-map .accordion#presenceLocations .accordion-item .accordion-button:focus::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

#presence-map .accordion#presenceLocations .accordion-item .accordion-body {
    padding: 16px 0;
    padding-right: 40px
}

#presence-map .accordion#presenceLocations .accordion-item .accordion-body .contact p {
    
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: .1em;
    line-height: 1.6;
    margin-bottom: 0;
    color: #000;
    text-transform: uppercase
}

#presence-map .accordion#presenceLocations .accordion-item .accordion-body .contact p a {
    text-decoration: none
}

#presence-map .accordion#presenceLocations .accordion-item .accordion-body .contact p a:hover,#presence-map .accordion#presenceLocations .accordion-item .accordion-body .contact p a:focus-visible {
    color: #b9a570
}

#presence-map .accordion#presenceLocations .accordion-item .accordion-body .contact+.map-legend {
    display: flex;
    gap: 7px;
    padding: 17px 0 0;
    flex-direction: row !important
}

#presence-map .accordion#presenceLocations .accordion-item .accordion-body .contact+.map-legend .single-legend {
    border-radius: 100%;
    border: 2px solid #fff
}

#presence-map .accordion#presenceLocations .accordion-item .accordion-body .contact+.map-legend .single-legend .color-circle {
    width: 16px;
    height: 16px
}

#presence-map svg {
    width: 100%;
    max-width: 748px;
    height: auto;
    margin: 0 auto 30px;
    display: block
}

@media(min-width: 768px) {
    #presence-map svg {
        margin:0 auto 90px
    }
}

#presence-map svg g.us-states {
    pointer-events: none
}


#presence-map svg .map-pin.disabled,#presence-map svg .map-pin.disabled path {
    fill: #e1e3e7
}

#presence-map .map-legend {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 60px
}

@media(min-width: 992px) {
    #presence-map .map-legend {
        gap:0;
        margin-bottom: 0;
        flex-direction: row
    }
}

#presence-map .map-legend .single-legend {
    display: flex;
    gap: 7px;
    align-items: center
}

#presence-map .map-legend .single-legend .color-circle {
    display: block;
    height: 21px;
    width: 21px;
    aspect-ratio: 1;
    border-radius: 100%
}

#presence-map .map-legend .single-legend .color-circle.dark-blue {
    background: #152a41
}

#presence-map .map-legend .single-legend .color-circle.blue {
    background: #327ebf
}

#presence-map .map-legend .single-legend .color-circle.green {
    background: #0a9696
}

#presence-map .map-legend .single-legend .color-circle.red {
    background: #873941
}

#presence-map .map-legend .single-legend .info p {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.005em;
    line-height: 1.1;
    margin-bottom: 0;
    color: 900
}

#presence-map .map-legend .single-legend .info p.company {
    
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.017em;
    line-height: 1;
    margin-bottom: 4px;
    color: #b9a570;
    text-transform: uppercase
}

.project-developers {
    padding: 5px 0 0;
    background: #fff;
}

.project-developers__header {
    text-align: center;
    margin-bottom: 50px;
}

.project-developers__title {
    margin: 0px 0 10px;
    font-size: 56px;
    line-height: 1.4;
    font-weight: 700;
    color: var(--color-primary);
}

.project-developers__subtitle {
    margin: 0;
    font-size: 20px;
    line-height: 1.4;
    color: var(--color-primary);
}

.project-developers__trinity,
.project-developers__tcr {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    /* aspect-ratio: 2; */
    min-height: fit-content;
    padding-top: 110px;
}

.project-developers__trinity-bg,
.project-developers__tcr-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.project-developers__trinity-bg img,
.project-developers__tcr-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project-developers__trinity-bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 38, 62, 0.75);
    background: linear-gradient(180deg, #00263E 0%, #00263E 100%);
    opacity: 0.7;
}

.project-developers__tcr-bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.85);
}

.project-developers__trinity-content,
.project-developers__tcr-content {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 95px;
    margin-bottom: 270px;
    flex-flow: column;
}

.project-developers__trinity-left,
.project-developers__tcr-left {
    flex: 0 0 42%;
    text-align: center;
}

.project-developers__logo {
    margin-bottom: 48px;
}

.project-developers__logo img {
    max-width: 280px;
    height: auto;
}

.project-developers__company-name {
    margin: 0 0 12px;
    font-size: 56px;
    line-height: 1.4;
    font-weight: 700;
    color: var(--color-secondary);
}

.project-developers__trinity .project-developers__company-name {
    color: var(--color-secondary);
}

.project-developers__tcr .project-developers__company-name {
    color: var(--color-primary);
}

.project-developers__company-desc {
    margin: 0;
    font-size: 18px;
    line-height: 1.6;
}

.project-developers__trinity .project-developers__company-desc {
    color: rgba(255, 255, 255, 0.9);
}

.project-developers__tcr .project-developers__company-desc {
    color: rgba(0, 38, 62, 0.8);
}

.project-developers__trinity-stats,
.project-developers__tcr-stats {
    flex: 1;
    display: flex;
    flex-direction: row;
    gap: 20px 200px;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 70px;
}

.project-developers__stat {
    display: flex;
    gap: 36px;
    flex: 0 0 42%;
}

.project-developers__stat-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.project-developers__stat-icon img {
    margin-top: 30px;
    width: 64px;
    height: 64px;
    object-fit: cover;
}

.project-developers__stat-content {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.project-developers__stat-value {
    font-size: 64px;
    font-weight: 700;
    line-height: 1.2;
}

.project-developers__trinity .project-developers__stat-value {
    color: #fff;
    color: var(--color-secondary);
}

.project-developers__tcr .project-developers__stat-value {
    color: var(--color-primary);
}

.project-developers__stat-label {
    font-size: 32px;
    line-height: 1.4;
}

.project-developers__trinity .project-developers__stat-label {
    color: #fff;
}

.project-developers__tcr .project-developers__stat-label {
    color: var(--color-primary);
}

.project-developers__trinity-footer,
.project-developers__tcr-footer {
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    text-align: center;
    margin: 0;
    line-height: 1.4;
    font-style: italic;
    width: 100%;
    max-width: 1200px;
    padding: 0 20px;
}

.project-developers__trinity-footer {
    color: #fff;
}

.project-developers__tcr-footer {
    color: var(--color-primary);
}






#fixed-tool-mobile {
    bottom: 20vh;
    display: grid
;
    gap: .78125rem;
    left: .36042rem;
    position: fixed;
    z-index: 100;
}
#fixed-tool-mobile .icon {
    align-items: center;
    background-color: var(--color-primary);
    border-radius: 9999px;
    display: flex;
    height: 2.6041666667rem;
    justify-content: center;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    width: 2.6041666667rem;
    text-decoration: none;
}

.loginpage #fixed-tool-mobile .icon,.passwordrecovery #fixed-tool-mobile .icon {
    display: flex
}

#fixed-tool-mobile .icon:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(200 144 61/var(--tw-bg-opacity))
}

#fixed-tool-mobile .icon em {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-size: 1.6666666667rem;
    font-weight: 400
}

.block-title#fixed-tool-mobile .icon em:before {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

#fixed-tool-mobile .icon em {
    font-size: clamp(18px,1.04167rem,1.04167rem);
    line-height: 1.375;
    line-height: .9375rem
}

#fixed-tool {
    bottom: 90px;
    display: grid;
    gap: .78125rem;
    position: fixed;
    right: .36042rem;
    z-index: 100;
}

.faq-ask-module .full-content #fixed-tool {
    height: 100%
}

@media (min-width: 1280px) {
    #fixed-tool {
        bottom:1.5625rem;
        right: .52083rem
    }
}

#fixed-tool .icon {
    align-items: center;
    background-color: var(--color-primary);
    border-radius: 9999px;
    display: flex;
    height: 2.6041666667rem;
    justify-content: center;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    width: 2.6041666667rem;
    cursor: pointer;
    text-decoration: unset;
}
#fixed-tool .icon.image,
#fixed-tool-mobile .icon.image {
    background: transparent;
    border-radius: 180px;
}
#fixed-tool .icon img,
#fixed-tool-mobile .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: transparent;
        background: transparent;
    border-radius: 180px;
}
.loginpage #fixed-tool .icon,.passwordrecovery #fixed-tool .icon {
    display: flex
}

@media (max-width: 767.98px) {
    #fixed-tool .icon.mobile-responsive {
        display:none
    }
}

#fixed-tool .icon:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(200 144 61/var(--tw-bg-opacity))
}

#fixed-tool .icon em {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-size: 1.6666666667rem;
    font-weight: 400
}

.block-title#fixed-tool .icon em:before {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

#fixed-tool .icon em {
    font-size: clamp(18px,1.04167rem,1.04167rem);
    line-height: 1.375;
    line-height: .9375rem
}

#fixed-tool .scrollToTop {
    --tw-translate-y: 100%;
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    opacity: 0;
    pointer-events: none
}

#fixed-tool .scrollToTop,#fixed-tool .scrollToTop.active {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#fixed-tool .scrollToTop.active {
    --tw-translate-y: 0rem;
    opacity: 1;
    pointer-events: auto
}
@media (max-width: 1440px) {
    .project-developers__trinity-stats, .project-developers__tcr-stats {
        gap: 20px 100px;
    }
}
@media (min-width: 768px) {
    #fixed-tool-mobile {
        display:none
    }
}

@media (max-width: 767.98px) {
    body {
        font-size:14px;
        line-height:1.4;
    }
    .logo-section {
        max-height: 20px;
    } 
    
    .main-header .logo-section img {
        max-height: 20px;
    }
    
    .main-header.fixed a,
    .main-header a,
    .main-header.fixed .list-language ul li a,
    .main-header .list-language ul li a,
    .main-header .btn-contact a {
        font-size: 10px;
    }
    
    .container ul li {
        margin: unset;
    }
    
    .btn-contact {
        padding: 4px 8px;
    }
    
    .hero-content-normal .section-title {
        font-size: 32px;
    }
    
    .hero-content-normal {
        width: 94%;
        left: 3%;
        top: -35%;
    }
    
    .section-list-button-item a.btn-contact {
        font-size: 10px;
        padding: 10px;
        border-radius: 10px;
    }
    
    .section-list-button {
        gap: 12px;
    }
    
    .hero-image:after {
        background: linear-gradient(29.67deg, rgba(0, 38, 62, 0.8) 14.88%, rgba(0, 38, 62, 0) 85.12%);
    }
    .project-overview {
        padding: 100px 0;
    }
    .project-overview__title {
        font-size: 24px;
    }
    
    .project-overview__subtitle {
        font-size: 14px;
    }
    
    .project-overview__content {
        flex-direction: column-reverse;
    }
    
    .project-overview__inner {
        gap: 70px;
    }
    
    span.project-overview__stat-number {
        font-size: 16px;
    }
    
    span.project-overview__stat-label {
        font-size: 10px;
    }
    
    .project-overview__stat {
        width: 37%;
        padding: 10px;
        border-radius: 10px;
        box-shadow: -7.15px 6.13px 20.44px 0px rgba(0, 0, 0, 0.1);
    }
    
    .project-overview__inner {
        padding: 0;
    }
    
    .project-overview__stat .project-overview__stat-group-icon .icon-stat:nth-child(2) {
        top: -9%;
        right: -5.5%;
        width: 10%;
        height: auto;
        aspect-ratio: 1 / 1;
    }
    
    .project-overview__stat .icon-stat {
        width: 45%;
        top: -50%;
        right: -24%;
    }
    
    h3.project-overview__location {
        font-size: 20px;
    }
    
    .project-overview__description {
        font-size: 14px;
    }
    
    section.project-highlight {
        padding: 0;
        aspect-ratio: 1;
    }
    
    .project-highlight__content {
        padding: 0;
    }
    
    .project-highlight__wrapper {
        position: unset;
        width: 100%;
        padding-top: 35px;
    }
    
    .project-highlight__background img {
        object-position: 19% 100%;
    }
    
    .container {
        padding: 0 20px;
    }
    
    .project-highlight__content h2.project-highlight__title {
        font-size: 24px;
        width: 100%;
        line-height: 1.2;
        margin-bottom: 10px;
    }
    
    .project-highlight__content .project-highlight__description {
        font-size: 14px;
        width:100%;
    }
    
    .project-highlight__image {
        height: 74%;
    }
    
    section.project-locations {
        padding: 80px 0;
    }
    
    .project-locations__wrapper {
        flex-direction: column-reverse;
    }
    
    h2.project-locations__title {
        font-size: 24px;
        line-height: 1.2;
    }
    
    h2.project-locations__title.aos-init.aos-animate {}
    
    .project-locations__description {
        font-size: 14px;
    }
    
    .project-locations__list-item-content-title {
        font-size: 20px;
        line-height: 1.2;
    }
    
    .project-locations__list-item-content-description {}
    
    div > p:last-child {
        margin: unset;
    }
    
    .project-locations__map-inner img {
        width: 100%;
    }
    
    section.project-developers {
        padding-top: 0;
    }
    
    .project-developers__title {
        font-size: 24px;
        line-height: 1.2;
    }
    
    .project-developers__subtitle {
        font-size: 14px;
    }
    
    .project-developers__header {
        margin-bottom: 40px;
    }

    .project-developers__trinity, .project-developers__tcr {
        aspect-ratio: unset;
    }
    
    .project-developers__logo {
        margin-bottom: 24px;
    }
    
    h3.project-developers__company-name {
        font-size: 24px;
        line-height: 1.2;
        margin-bottom: 12px;
    }
    
    .project-developers__company-desc {
        font-size: 14px;
    }
    
    .project-developers__stat {
        flex: 0 0 100%;
        width: 100%;
        gap: 15px;
    }
    
    .project-developers__stat-icon {
        width: 40px;
        height: 40px;
    }
    
    .project-developers__stat-icon img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin: unset;
    }
    
    span.project-developers__stat-value {
        font-size: 32px;
    }                       
    
    span.project-developers__stat-label {
        font-size: 20px;
    }
    .project-developers__trinity-content, .project-developers__tcr-content {
        flex-flow: column;
        gap: 40px;
    }
    .project-developers__trinity-stats, .project-developers__tcr-stats {
        padding: 0;
    }
    section.market-insights {
        padding-top: 0;
    }
    .market-insights__heading {
        margin: 0 auto 20px
    }
    .market-insights__title {
        font-size: 24px;
    }
    
    .market-insights__subtitle {
        font-size: 14px;
    }
    
    .market-insights__question {
        font-size: 20px;
        line-height: 1.2;
    }
    
    .market-insights__intro-left, .market-insights__intro-right {
        font-size: 14px;
    }
    
    .market-insights__intro {
        gap: 5px;
        flex-flow: column;
    }
    
    .market-insights__slide img {
        height: 150px;
        border-radius: 10px;
    }
    
    .market-insights__slide {
        padding: 0 5px;
    }
    
    .market-insights__metric-value {
        font-size: 32px;
    }
    
    .market-insights__metric-label {
        font-size: 14px;
    }
    
    .market-insights__metrics {display: grid;grid-template: 1fr 1fr;grid-template-columns: auto auto;gap: 10%;}
    
    h2.district-highlights__title {
        font-size: 24px;
        text-align: left;
        gap: 10%;
    }
    
    .district-highlights__subtitle {
        font-size: 14px;
        text-align: left;
    }
    
    span.district-highlights__item-time {
        font-size: 20px;
    }
    
    span.district-highlights__item-desc {
        font-size: 14px;
    }
    
    ul.district-highlights__list {
        align-items: baseline;
    }
    
    span.district-highlights__icon {
        width: 40px;
        height: 40px;
        margin-top: 5px;
    }
    
    .district-highlights__image {
        /* position: absolute; */
        bottom: 0;
    }
    
    .district-highlights__top .district-highlights__image {
        margin-left: -20px;
        width: calc(100% + 40px);
        margin-right: unset;
    }
    
    .district-highlights__bottom .district-highlights__image {
        margin: unset;
    }
    
    .district-highlights__bottom {
        flex-flow: column-reverse;
    }
    
    .district-highlights__title {
        font-size: 24px;
        text-align: left;
    }
    
    .district-highlights__subtitle {
        font-size: 14px;
    }
    
    ul.district-highlights__list {
        padding: 0;
    }
    
    .design-amenities {
        padding: 80px 0;
    }
    
    .design-amenities__title {
        font-size: 24px;
    }
    
    .design-amenities__subtitle {
        font-size: 14px;
        text-align: start;
    }
    
    .design-amenities__description {
        font-size: 14px;
        text-align: start;
    }
    
    .design-amenities__slide {
        padding: 0 10px;
    }
    
    .design-amenities__slide img {
        border-radius: 10px;
    }
    
    .design-amenities__footer {
        flex-flow: column;
        gap: 40px;
    }
    
    .design-amenities__item-icon {
        width: 45px;
    }
    
    .design-amenities__item-icon img {
        width: 100%;
        height: auto;
    }
    
    .design-amenities__footer .design-amenities__list .design-amenities__item {
        width: 30%;
        align-items: center;
        justify-content: center;
    }
    
    .design-amenities__footer .design-amenities__list {
        justify-content: space-between;
    }
    
    h3.design-amenities__item-title {
        font-size: 14px;
        text-align: center;
    }
    
    .design-amenities__inner {
        margin-bottom: 0;
    }
    
    section.eb5-features {
        padding: 80px 0;
        aspect-ratio: unset;
    }


    .district-highlights__top {
        flex-flow: column;
    }
    
    section.district-highlights {
        padding: 80px 0;
    }
    
    .design-amenities__header {
        flex-flow: column;
        gap: 24px;
        margin-bottom: 30px;
    }
    
    .eb5-features__wrapper {
        flex-flow: column;
    }
    
    h2.eb5-features__heading {
        font-size: 24px;
    }
    
    .eb5-features__header {
        flex: unset;
        width: 100%;
    }
    
    h2.eb5-features__heading.aos-init.aos-animate br {
        display: none;
    }
    
    .eb5-features__grid {
        grid-template-columns: repeat(1, 1fr);
    }
    
    .eb5-features__item {
        padding: 40px 20px;
    }
    
    section.capital-structure .section-title {
        font-size: 24px;
    }
    
    .chart-info-item-title-label {
        font-size: 20px;
    }
    
    .chart-container {
        flex-flow: column-reverse;
    }
    
    .chart-info {
        width: 100%;
    }
    
    .chart-canvas {
        width: 100%;
    }
    
    h2.project-progress__title {
        font-size: 24px;
        margin-bottom: 40px;
    }
    .capital-return__content {
        width: 100%;
        max-width: 100%;
    }
    
    .capital-return__title {
        font-size: 24px;
    }
    .capital-return {
        padding: 80px 0 0;
    }
    .capital-return__subtitle {
        font-size: 14px;
        margin: 10px 0;
    }
    
    .capital-return__image {
        position: relative;
        width: 100%;
        min-height: unset;
        aspect-ratio: 1;
        margin: unset;
    }
    
    .capital-return__wrapper {
        aspect-ratio: 1;
        flex-flow: column;
        min-height: unset;
    }
    
    .capital-return__image img {
        height: 100%;
        position: absolute;
        width: 100%;
        object-fit: cover;
    }
    
    span.capital-return__success-number {
        font-size: 32px;
    }
    
    span.capital-return__success-label {
        font-size: 12px;
    }
    
    .capital-return__info-text {
        font-size: 10px;
        margin-left: 20px;
    }
    .prescence .heading h2 {
        font-size: 24px;
    }
    
    .prescence .heading div {
        padding-bottom: 24px;
    }
    blockquote.capital-return__quote {
        font-size: 10px;
        margin-left: 5px;
    }
    
    .capital-return__quote cite {
        font-size: 8px;
    }
    
    .capital-return__image-overlay {
        width: 78%;
    }
    
    .capital-return__success-rate {
        margin-left: 20px;
    }
    
    blockquote.capital-return__quote p {
        margin-bottom: 5px;
    }
    
    .capital-return__section-title {
        font-size: 20px;
        text-align: center;
        margin-bottom: 24px;
    }
    
    .capital-return__item-number {
        font-size: 32px;
        width: 40px;
    }
    
    .capital-return__item-text {
        font-size: 14px;
    }
    
    .capital-return__item {
        gap: 16px;
    }



    .project-progress__timeline-wrapper {
        min-height: auto;
        padding: 40px 0 60px;
    }
    
    .project-progress__timeline-line {
        left: 50%;
        top: 0;
        bottom: 0;
        transform: translateX(-50%);
        width: 2px;
        height: 100%;
        background: linear-gradient(
            to bottom,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.5) 5%,
            rgba(255, 255, 255, 0.5) 95%,
            rgba(255, 255, 255, 0) 100%
        );
    }
    
    .project-progress__timeline-progress {
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        width: 4px;
        height: 0;
        background: var(--color-secondary);
        border-radius: 4px;
    }

    .project-progress__timeline-content {
        flex-direction: column;
        align-items: stretch;
        padding: 0 20px;
        gap: 40px;
    }

    .project-progress__item {
        flex: unset;
        width: calc(50% - 20px);
        max-width: calc(50% - 20px);
        position: relative;
    }
    
    /* Items lẻ (1, 3, 5...) - bên trái timeline */
    .project-progress__item:nth-child(odd) {
        align-self: flex-start;
        align-items: flex-start;
        text-align: left;
        margin-right: auto;
        padding-right: 20px;
    }
    
    /* Items chẵn (2, 4...) - bên phải timeline */
    .project-progress__item:nth-child(even) {
        align-self: flex-end;
        align-items: flex-end;
        text-align: right;
        margin-left: auto;
        padding-left: 20px;
    }

    .project-progress__item::after {
        position: absolute;
        top: 0;
    }
    
    /* Items lẻ: dot nằm ở bên phải của content, trên timeline line */
    .project-progress__item:nth-child(odd)::after {
        left: calc(100% + 20px);
        transform: translateX(-50%);
        top: 50%;
    }
    
    /* Items chẵn: dot nằm ở bên trái của content, trên timeline line */
    .project-progress__item:nth-child(even)::after {
        left: calc(0% - 20px);
        transform: translateX(-50%);
        top: 50%;
    }

    .project-progress__item:nth-child(odd) .project-progress__item-title,
    .project-progress__item:nth-child(odd) .project-progress__item-description,
    .project-progress__item:nth-child(even) .project-progress__item-title,
    .project-progress__item:nth-child(even) .project-progress__item-description {
        transform: none;
        padding: 0;
    }

    .project-progress__item-title {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .project-progress__item-description {
        font-size: 14px;
    }

    .project-developers__title {
        font-size: 42px;
    }

    .project-developers__trinity,
    .project-developers__tcr {
        padding: 60px 0;
    }

    .project-developers__company-name {
        font-size: 32px;
    }

    .project-developers__stat-value {
        font-size: 36px;
    }

    .project-developers__stat-label {
        font-size: 16px;
    }

    .project-developers__trinity-footer,
    .project-developers__tcr-footer {
        position: relative;
        bottom: auto;
        margin-top: 40px;
        padding: 0 20px;
        font-size: 14px;
    }
    /* Project Developers Mobile - Banner dọc */
    .project-developers__trinity,
    .project-developers__tcr {
        aspect-ratio: unset;
        min-height: auto;
        padding: 60px 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
    
    .project-developers__trinity-content,
    .project-developers__tcr-content {
        flex-direction: column;
        gap: 40px;
        margin-bottom: 0;
        width: 100%;
        padding: 0 20px;
    }
    
    .project-developers__trinity-left,
    .project-developers__tcr-left {
        flex: unset;
        width: 100%;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .project-developers__logo {
        margin-bottom: 24px;
        display: flex;
        justify-content: center;
    }
    
    .project-developers__logo img {
        max-width: 200px;
        height: auto;
    }
    
    .project-developers__company-name {
        font-size: 32px;
        margin-bottom: 12px;
        text-align: center;
    }
    
    .project-developers__company-desc {
        font-size: 16px;
        text-align: center;
        max-width: 90%;
    }
    
    .project-developers__trinity-stats,
    .project-developers__tcr-stats {
        width: 100%;
        gap: 32px;
        padding: 0 20px;
    }
    
    .project-developers__stat {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 16px;
    }
    
    .project-developers__stat-icon {
        width: 64px;
        height: 64px;
        margin: 0 auto;
    }
    
    .project-developers__stat-icon img {
        margin-top: 0;
        width: 64px;
        height: 64px;
    }
    
    .project-developers__stat-content {
        align-items: center;
        gap: 8px;
    }
    
    .project-developers__stat-value {
        font-size: 36px;
        text-align: center;
    }
    
    .project-developers__stat-label {
        font-size: 16px;
        text-align: center;
        line-height: 1.4;
    }
    
    .project-developers__trinity-footer,
    .project-developers__tcr-footer {
        position: relative;
        bottom: auto;
        left: auto;
        transform: none;
        margin-top: 40px;
        padding: 0 20px;
        font-size: 14px;
        text-align: center;
    }
    
    /* Project Progress Mobile - Timeline dọc */
    .project-progress__timeline-wrapper {
        padding: 40px 0 60px;
        min-height: auto;
    }
    
    .project-progress__timeline {
        min-height: auto;
    }
    
    /* Chuyển timeline line từ ngang sang dọc - căn giữa */
    .project-progress__timeline-line {
        left: 50%;
        top: 0;
        bottom: 0;
        transform: translateX(-50%);
        width: 2px;
        height: 100%;
        background: linear-gradient(
            to bottom,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.5) 5%,
            rgba(255, 255, 255, 0.5) 95%,
            rgba(255, 255, 255, 0) 100%
        );
    }
    
    /* Chuyển timeline progress từ ngang sang dọc - căn giữa */
    .project-progress__timeline-progress {
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        width: 4px;
        height: 0;
        background: var(--color-secondary);
        border-radius: 4px;
    }
    
    /* Chuyển content từ ngang sang dọc - xen kẽ trái/phải */
    .project-progress__timeline-content {
        flex-direction: column;
        align-items: stretch;
        padding: 0 20px;
        gap: 40px;
        min-height: auto;
    }
    
    /* Điều chỉnh item để hiển thị dọc - xen kẽ trái/phải */
    .project-progress__item {
        position: relative;
        width: calc(50% - 20px);
        max-width: calc(50% - 20px);
        padding-left: 0;
    }
    
    /* Items lẻ (1, 3, 5...) - bên trái timeline */
    .project-progress__item:nth-child(odd) {
        align-self: flex-start;
        align-items: flex-start;
        text-align: left;
        margin-right: auto;
        padding-right: 20px;
    }
    
    /* Items chẵn (2, 4...) - bên phải timeline */
    .project-progress__item:nth-child(even) {
        align-self: flex-end;
        align-items: flex-end;
        text-align: right;
        margin-left: auto;
        padding-left: 20px;
    }
    
    /* Điều chỉnh vị trí dot trên timeline dọc - luôn ở giữa timeline line */
    .project-progress__item::after {
        position: absolute;
        top: 0;
    }
    
    /* Items lẻ: dot nằm ở bên phải của content, trên timeline line */
    /* Item odd có width calc(50% - 20px), nằm từ 20px, timeline line ở 50% của container */
    
    
    /* Loại bỏ transform cho text trên mobile */
    .project-progress__item:nth-child(odd) .project-progress__item-title,
    .project-progress__item:nth-child(odd) .project-progress__item-description,
    .project-progress__item:nth-child(even) .project-progress__item-title,
    .project-progress__item:nth-child(even) .project-progress__item-description {
        transform: none;
        padding: 0;
    }
    
    .project-progress__item-title {
        font-size: 18px;
        margin-bottom: 8px;
    }
    
    .project-progress__item-description {
        font-size: 14px;
    }

    h2.team-partners__title {
        font-size: 24px;
    }
    
    .team-partners__subtitle {
        font-size: 14px;
    }
    
    .team-partners__category {}
    
    .team-partners__item {
        flex: unset;
        width: 100%;
    }
    
    .team-partners__grid {
        gap: 40px;
    }
    
    .team-partners__item:nth-child(4), .team-partners__item:nth-child(5) {
        flex: unset;
        max-width: unset;
    }
    
     section.team-partners {
         padding: 100px 0;
     }
}

/* ===================================
   Gallery Section
   =================================== */
.project-gallery {
    padding-bottom: 200px;
    background: #fff;
}

.project-gallery__header {
    text-align: center;
    margin-bottom: 80px;
}

.project-gallery__title {
    margin: 0 0 16px;
    font-size: 56px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-primary);
}

.project-gallery__subtitle {
    margin: 0;
    font-size: 20px;
    line-height: 1.4;
    color: var(--color-primary);
}

.project-gallery__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.project-gallery__item {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    aspect-ratio: 4/3;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.project-gallery__item:hover {
    transform: translateY(-5px);
}

.project-gallery__image-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.project-gallery__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.project-gallery__item:hover .project-gallery__image {
    transform: scale(1.1);
}

.project-gallery__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 38, 62, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.project-gallery__item:hover .project-gallery__overlay {
    opacity: 0;
}

.project-gallery__icon {
    color: #fff;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Gallery Popup */
.gallery-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: none;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.gallery-popup.active {
    display: flex;
    opacity: 1;
}

.gallery-popup__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.95);
    backdrop-filter: blur(10px);
}

.gallery-popup__close {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10001;
    transition: background 0.3s ease, transform 0.3s ease;
}

.gallery-popup__close:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: rotate(90deg);
}

.gallery-popup__prev,
.gallery-popup__next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10001;
    transition: background 0.3s ease;
}

.gallery-popup__prev {
    left: 30px;
}

.gallery-popup__next {
    right: 30px;
}

.gallery-popup__prev:hover,
.gallery-popup__next:hover {
    background: rgba(255, 255, 255, 0.2);
}

.gallery-popup__content {
    position: relative;
    max-width: 90%;
    max-height: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 10001;
}

.gallery-popup__image {
    max-width: 100%;
    max-height: 85vh;
    object-fit: contain;
    border-radius: 10px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

.gallery-popup__counter {
    margin-top: 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}

.gallery-popup__current {
    color: var(--color-secondary);
    font-weight: 700;
}

/* Mobile Gallery */
@media (max-width: 767.98px) {
    .project-gallery {
        padding: 0 0 100px 0;
    }

    .project-gallery__title {
        font-size: 24px;
    }

    .project-gallery__subtitle {
        font-size: 14px;
    }

    .project-gallery__grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }

    .project-gallery__item {
        border-radius: 10px;
    }

    .gallery-popup__close {
        top: 15px;
        right: 15px;
        width: 40px;
        height: 40px;
    }

    .gallery-popup__prev,
    .gallery-popup__next {
        width: 40px;
        height: 40px;
    }

    .gallery-popup__prev {
        left: 15px;
        display: none;
    }

    .gallery-popup__next {
        right: 15px;
        display: none;
    }

    .gallery-popup__image {
        max-height: 75vh;
    }

    .gallery-popup__counter {
        font-size: 14px;
        margin-top: 15px;
    }

    .contact-brochure__wrapper {
        flex-flow: column;
    }
    
    .contact-brochure__title {
        font-size: 24px;
        margin-bottom: 0;
    }
    
    .contact-brochure__info-title {
        font-size: 24px;
        margin-bottom: 24px;
    }
    
    .contact-brochure__info-value {
        font-size: 20px;
    }
    
    .contact-brochure__info-label {
        font-size: 14px;
    }
    
    .contact-brochure__info-item.aos-init.aos-animate {
        gap: 16px;
    }
    
    .contact-brochure__info-icon {
        width: 40px;
        height: 40px;
    }
    .contact-brochure__form-wrapper {
        padding: 20px;
    }
    .project-locations__map {
        width: 100%;
        max-width: unset;
        aspect-ratio: 2 / 3;
    }

    .chart-info-item-content-value {
        padding: 4px 10px;
        border-radius: 10px;
        min-width: fit-content;
        font-size: 12px;
    }
    
    .chart-info-item-content-label {
        font-size: 12px;
    }
}

/* Section Navigation Sidebar */
.section-navigation {
    position: fixed;
    right: 0;
    top: 43%;
    transform: translateY(-50%);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 20px 10px;
    background: rgba(0, 38, 62, 0.7);
    backdrop-filter: blur(10px);
    border-radius: 24px 0 0 24px;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
}

.section-navigation__item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
    cursor: pointer;
    overflow: visible;
}

.section-navigation__item:hover {
    background: #B9A570;
    transform: scale(1.1);
}

.section-navigation__item.active {
    background: #B9A570;
    box-shadow: 0 0 15px rgba(185, 165, 112, 0.5);
}

.section-navigation__number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
    transition: all 0.3s ease;
}
.prescence {
    background-color: rgba(240, 239, 237, 1);
    padding-bottom: 100px;
}
.prescence .heading h2 {
    font-size: 56px;
    font-weight: 700;
    color: var(--color-primary);
    padding-top: 100px;
}
.section-navigation__title {
    position: absolute;
    right: calc(100% + 15px);
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    background: rgba(0, 38, 62, 0.95);
    color: #fff;
    padding: 8px 12px;
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 1001;
}

.section-navigation__title::after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent rgba(0, 38, 62, 0.95);
}

.section-navigation__item:hover .section-navigation__title {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) translateX(-5px);
}

/* Mobile responsive */
@media (max-width: 991px) {
    .section-navigation {
        display: none;
    }
}