@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@keyframes circleZoom {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}
@keyframes Signature2 {
    to {
        stroke-dashoffset: 0;
        fill: #fff;
    }
}
@keyframes Signature3 {
    to {
        stroke-dashoffset: 0;
        fill: var(--sub-cl);
    }
}
@keyframes scaleWidth {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}
@keyframes rotate {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
@keyframes rotate2 {
    from {
        transform: translate(-50%, -50%) rotate(0);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
@keyframes rotateZoom {
    0% {
        transform: scale(1) rotateY(0deg);
    }
    50% {
        transform: scale(1.4) rotateY(360deg);
    }
    100% {
        transform: scale(1) rotateY(720deg);
    }
}
:root {
    --main-cl: #326768;
    --sub-cl: #f26a23;
    --container-w: 72.917rem;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #f5f5f5;
}

body::-webkit-scrollbar {
    width: 0.417rem;
    background-color: #cedbff;
}

body::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
}
.overflow-y {
    overflow: auto;
}
.overflow-y::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #f5f5f5;
}

.overflow-y::-webkit-scrollbar {
    width: 0.208rem;
    background-color: #cedbff;
}

.overflow-y::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333333;
    margin-bottom: 0.5em;
    margin-top: 0;
    text-rendering: optimizeSpeed;
    width: 100%;
}

.wp-caption {
    margin-bottom: 2em;
    max-width: 100%;
}
html :where(img[class*="wp-image-"]) {
    height: auto;
    max-width: 100%;
}

a {
    outline: none !important;
}
input,
optgroup,
select,
textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: unset !important;
    -moz-box-shadow: unset !important;
    box-shadow: unset !important;
    outline: none !important;
}

/* Reset button styles */
button {
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    color: inherit;
}
.select-resize-ghost,
.select2-container .select2-choice,
.select2-container .select2-selection,
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    color: #333;
    font-size: 0.97em;
    height: 2.507em;
    max-width: 100%;
    padding: 0 0.75em;
    transition:
        color 0.3s,
        border 0.3s,
        background 0.3s,
        opacity 0.3s;
    vertical-align: middle;
    width: 100%;
    appearance: none;
}

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
}

body {
    font-family: "Be Vietnam Pro", sans-serif;
    /* background-color: #fed16a; */
}

@media (min-width: 1025px) {
    body,
    html {
        font-size: 1vw !important;
    }

    .home-swiper-2 .swiper-slide-active .post-item:after,
    .home-swiper-2 .swiper-slide-next .post-item:after,
    #post-list #post-grid .post-item:after {
        width: 1px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        height: calc(100% - 1.458rem);
        background-color: rgba(0, 0, 0, 0.3);
        content: "";
    }
    #post-list #post-grid .post-item:nth-of-type(3n + 3):after {
        display: none !important;
    }

    section.design-page-3 .design-swiper-2-thumb .swiper-slide:hover:before {
        width: 100%;
    }
    .hide-pc {
        display: none;
    }
}

.relative {
    position: relative;
}

.grid-container {
    max-width: var(--container-w);
    margin-left: auto;
    margin-right: auto;
}

.overflow-hidden {
    overflow: hidden;
}

.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell,
.fp-responsive .fp-auto-height-responsive.fp-section {
    height: auto !important;
}

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

.al-center {
    align-items: center;
}
.al-start {
    align-items: flex-start;
}
.al-end {
    align-items: flex-end;
}
.al-baseline {
    align-items: baseline;
}
.flex-box {
    display: flex;
}

.jus-between {
    justify-content: space-between;
}

.jus-start {
    justify-content: flex-start;
}
.jus-end {
    justify-content: flex-end;
}
.jus-center {
    justify-content: center;
}

.flex-col {
    max-height: 100%;
    flex-direction: column;
}

.h-full {
    height: 100%;
}

.text-3 {
    color: #333;
}

.text-6 {
    color: #666;
}

.text-white {
    color: #fff;
}

.fw200 {
    font-weight: 200;
}
.fw300 {
    font-weight: 300;
}
.fw400 {
    font-weight: 400;
}
.fw500 {
    font-weight: 500;
}
.fw600 {
    font-weight: 600;
}
.fw700 {
    font-weight: 700;
}
.fw800 {
    font-weight: 800;
}
.fw900 {
    font-weight: 900;
}

.fs-11 {
    font-size: 0.573rem;
}
.fs-12 {
    font-size: 0.625rem;
}
.fs-13 {
    font-size: 0.677rem;
}
.fs-14 {
    font-size: 0.729rem;
}
.fs-15 {
    font-size: 0.78125rem;
}
.fs-16 {
    font-size: 0.833rem;
}
.fs-17 {
    font-size: 0.885rem;
}
.fs-18 {
    font-size: 0.9375rem;
}
.fs-19 {
    font-size: 0.99rem;
}
.fs-20 {
    font-size: 1.042rem;
}
.fs-21 {
    font-size: 1.09375rem;
}
.fs-22 {
    font-size: 1.146rem;
}
.fs-23 {
    font-size: 1.198rem;
}
.fs-24 {
    font-size: 1.25rem;
}
.fs-25 {
    font-size: 1.302rem;
}
.fs-30 {
    font-size: 1.5625rem;
}
.lh-20 {
    line-height: 1.042rem;
}
.lh-21 {
    line-height: 1.09375rem;
}
.lh-22 {
    line-height: 1.146rem;
}
.lh-23 {
    line-height: 1.198rem;
}
.lh-24 {
    line-height: 1.25rem;
}
.lh-25 {
    line-height: 1.302rem;
}
.lh-26 {
    line-height: 1.354rem;
}
.lh-27 {
    line-height: 1.40625rem;
}
.lh-28 {
    line-height: 1.458rem;
}
.lh-29 {
    line-height: 1.51rem;
}
.lh-30 {
    line-height: 1.5625rem;
}
.lh-31 {
    line-height: 1.615rem;
}
.lh-32 {
    line-height: 1.667rem;
}
.lh-33 {
    line-height: 1.71875rem;
}
.lh-34 {
    line-height: 1.771rem;
}
.lh-40 {
    line-height: 2.083rem;
}

.ts-03 {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ts-04 {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.text-secondary {
    color: var(--sub-cl);
}

.text-uppercase {
    text-transform: uppercase;
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
}
.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
}
.col-3 {
    flex: 0 0 auto;
    width: 25%;
}
.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}
.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
}
.col-6 {
    flex: 0 0 auto;
    width: 50%;
}
.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
}
.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
}
.col-9 {
    flex: 0 0 auto;
    width: 75%;
}
.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
}
.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
}
.col-12 {
    flex: 0 0 auto;
    width: 100%;
}

.add-pt {
    padding-top: 4.167rem;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.button.icon {
    display: inline-block;
    margin-left: 0.12em;
    margin-right: 0.12em;
    min-width: 2.5em;
    padding-left: 0.6em;
    padding-right: 0.6em;
}

.mfp-hide {
    display: none !important;
}

.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    font-size: 1.042rem;
    font-weight: 600;
    line-height: 1.458rem;
    color: #333333;
    padding: 0.521rem 1.667rem;
    -webkit-border-radius: 1.042rem 0 1.042rem 0;
    -moz-border-radius: 1.042rem 0 1.042rem 0;
    border-radius: 1.042rem 0 1.042rem 0;
    position: relative;
    overflow: hidden;
    width: max-content;
}
.btn-primary:before {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(90deg, #2f7c78 0%, #43b19d 100%);
    left: 0;
    top: 0;
    content: "";
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    opacity: 1;
}
.btn-primary:after {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: var(--sub-cl);
    left: 0;
    top: 0;
    content: "";
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    opacity: 0;
}
.btn-primary span {
    z-index: 3;
    position: relative;
    display: flex;
    color: #fff;
}
.btn-primary.btn-loading,
.btn-primary.btn-loading span {
    color: transparent !important;
}
.form-wrap textarea,
.form-wrap input:not([type="submit"]) {
    background-color: transparent !important;
    font-size: 0.833rem;
    font-weight: 400;
    line-height: 1.25rem;
    text-align: left;
    color: #333;
    border: none;
    border-bottom: 1px solid #333333;
    padding-left: 0;
    padding-top: 0.78125rem;
    padding-bottom: 0.78125rem;
    margin-bottom: 0 !important;
    height: auto;
}
.form-wrap textarea {
    height: 4.1625rem;
    min-height: unset;
}
.form-wrap .form-group {
    position: relative;
}
.form-wrap .submit-btn.form-group {
    width: max-content;
    margin-top: 0.9375rem;
}
.form-wrap .submit-btn input[type="submit"] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 30;
    opacity: 0;
}
.btn.btn-icon-right {
    padding: 0;
}
.btn.btn-icon-right span.text {
    font-size: 0.833rem;
    font-weight: 600;
    line-height: 1.054rem;
    display: flex;
    padding: 0.625rem 1.25rem;
}
.btn.btn-icon-right span.icon {
    padding: 0.521rem 0.625rem;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.position-map-lines {
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    width: 100%;
    transform: translateX(-50%);
}
.position-map-lines line,
.position-map-lines path {
    animation: mapLines 1s infinite linear;
    stroke-width: 0.5px;
    stroke-dasharray: 10;
    fill: transparent;
}
@keyframes mapLines {
    from {
        stroke-dashoffset: 100;
    }
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.btn-primary.btn-loading path {
    stroke: transparent !important;
}
.btn-primary.btn-loading span:before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    content: "";
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 50;
    border: 2px solid #f5f5f5;
    border-bottom-color: var(--sub-cl);
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 0.6s linear infinite;
}

header#header {
    position: fixed;
    z-index: 9999;
    width: 100%;
    transition: all 0.6s ease;
}

.header,
.header-wrapper {
    background-position: 50% 0;
    background-size: cover;
    position: relative;
    transition:
        background-color 0.3s,
        opacity 0.3s;
    width: 100%;
}

header#header #masthead {
    height: auto !important;
    padding: 0.833rem 0;
    padding-left: 2.34375rem;
    padding-right: 2.34375rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#masthead .header-left {
    flex: 1 1 0;
    max-height: 45px;
}

.nav > li > a {
    font-size: 0.8em;
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    padding: 10px 0;
}

.nav > li {
    list-style: none;
    margin: 0 7px;
    padding: 0;
    transition: background-color 0.3s;
}

.nav > li.header-divider {
    border-top: 1px solid rgb(255 255 255 / 85%);
    height: 3px;
    margin: 0;
    width: 10px;
    border-left: none;
}

.nav-uppercase > li > a {
    font-weight: bolder;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.header-nav .nav-icon {
    display: flex;
    margin-left: 0 !important;
}

.nav-icon .hamburger {
    width: 45px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-right: 20px;
}

.nav-icon .hamburger > span {
    height: 2px;
    display: block;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background-color: #fff;
}

.nav-icon .hamburger > span:first-of-type {
    width: 100%;
}
.nav-icon .hamburger > span:nth-of-type(2) {
    width: 30px;
}

.nav-icon .hamburger > span:nth-of-type(3) {
    width: 20px;
}

.header-nav-icon:hover .hamburger > span:first-of-type {
    width: 20px;
}

.header-nav-icon:hover .hamburger > span:nth-of-type(3) {
    width: 100%;
}

.nav-icon .is-showing .hamburger > span:nth-of-type(1) {
    transform: rotate(-45deg) translateX(0) translateY(14px);
    width: 32px !important;
}

.nav-icon .is-showing .hamburger > span:nth-of-type(2) {
    opacity: 0;
}

.nav-icon .is-showing .hamburger > span:nth-of-type(3) {
    transform: rotate(45deg) translateX(0) translateY(-14px);
    width: 32px !important;
}

.nav-uppercase > li > a {
    font-weight: bolder;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.nav-icon .menu-text {
    font-weight: 700;
    color: #fff;
    font-size: 0.9375rem;
    line-height: 1.302rem;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#masthead .header_logo {
    height: 46.69px;
    width: auto;
}

#masthead .logo-wrapper > a {
    position: relative;
    width: 150px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#masthead .logo-wrapper > a > .header_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s ease-in-out;
}

#masthead .flex-right {
    flex: 1 1 0;
}

.nav {
    align-items: center;
    display: inline-block;
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    margin-bottom: 0px !important;
}

.nav-right {
    justify-content: flex-end;
    margin-bottom: 0px !important;
}

#masthead .header-right .header-nav {
    align-items: center;
    display: inline-block;
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    justify-content: flex-end;
}

header#header .header-search {
    margin-right: 0;
    margin-left: 0 !important;
}

header#header .header-button-1 {
    margin-left: 2.083rem;
}
header#header .header-button-1 span.icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

header#header .header-button-1 span.icon > svg:nth-of-type(1) {
    width: 2.604rem;
    height: 2.604rem;
}

header#header .header-button-1 span.icon > svg:nth-of-type(2) {
    width: 1.302rem;
    height: 1.302rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

header#header .header-button-1 > a > span.hotline {
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.302rem;
    margin-left: 0.26rem;
    color: #fff;
    letter-spacing: 0.02em;
}

header#header .header-button-1:hover span.icon > svg:nth-of-type(1) {
    animation: rotate 1s linear infinite;
}

.nav > li.html {
    font-size: 0.85em;
}
.nav li:last-child {
    margin-right: 0 !important;
}

header#header .header-button-2 > a > span.hotline {
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.302rem;
    margin-left: 0.26rem;
    letter-spacing: 0.02em;
    color: #fff;
}

#search-lightbox .search-lightbox-title {
    margin-bottom: 1.667rem;
    font-size: 1.979rem;
    line-height: 1.2;
    font-weight: 700;
    color: #f1f1f1;
    text-align: center;
}
.searchform-wrapper {
    width: 100%;
    position: relative;
    font-size: 1.15em;
}

.searchform-wrapper form {
    margin-bottom: 0;
}

.searchform {
    position: relative;
}
#search-lightbox .search-keywords {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 40px;
    gap: 0.521rem;
}
#search-lightbox .search-keywords > a {
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    font-size: 16px;
    line-height: 20px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    padding: 0.3125rem 0.833rem;
    display: flex;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    color: #fff;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#search-lightbox .search-keywords > a:hover {
    background-color: #fff;
    color: #000;
}
#search-lightbox .input-container {
    width: 100%;
}
#search-lightbox .flex-row {
    align-items: unset;
    display: flex;
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    overflow: hidden;
}
#search-lightbox input {
    height: 100%;
    border: none;
}

#search-lightbox .button:hover {
    box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2);
    color: #fff;
    opacity: 1;
}
#search-lightbox .button.icon {
    line-height: normal;
    min-height: unset;
    height: 100%;
    border: none;
    min-width: unset;
    background-color: #fff;
    padding: 0 20px;
    display: flex;
    cursor: pointer;
    align-items: center;
    transition: all 0.3s ease;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
#search-lightbox .button.icon i {
    font-size: 0.9375rem;
    line-height: 1.25rem;
    color: #000;
}
#search-lightbox input {
    font-size: 1.042rem;
    line-height: 1.25rem;
    padding-left: 1.5625rem;
    box-shadow: unset;
    width: 100%;
    height: 50px;
}

.header .flex-row {
    height: 100%;
}

/* Modal Search Overlay */

.modal-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 10000;
    pointer-events: none;
    opacity: 0;
    height: 100vh;
    width: 100vw;
    transition: opacity 0.4s ease;

    padding: 30px;
}

.modal-container.active {
    opacity: 1;
    pointer-events: auto;
}

#search-lightbox .modal-content {
    width: 720px;
    max-width: 100%;
    font-size: 1.5em;
    margin: 0 auto;
    transform: translateY(30px);
    transition:
        transform 0.6s,
        opacity 0.3s;
    opacity: 0;
}

#search-lightbox.active .modal-content {
    transform: translateY(105%);
    opacity: 1;
}

#search-lightbox .mfp-close {
    opacity: 0.6;
    color: #fff;
    cursor: pointer;
    height: 40px;
    position: fixed;
    right: 0;
    top: 3px;
    transition:
        opacity 0.6s,
        transform 0.3s;
    transition-delay: 0.15s;
    width: 40px;
}

#search-lightbox .mfp-close:hover {
    opacity: 1;
}

/*  ============================ LOAD INTRO ============================ */
.load_intro {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    pointer-events: none;
}
@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.load_intro:before {
    opacity: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    animation: fadeOut 1.6s ease-in-out 1 forwards;
    animation-delay: 1s;
    background-color: var(--main-cl);
    content: "";
}
.load_intro .wrap .may {
    position: absolute;
    opacity: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 0.8s all;
    animation: may_1 3s ease-in-out 1 forwards;
    animation-delay: 0.8s;
    text-align: left;
    z-index: 2;
}

.load_intro .wrap .may.right {
    animation: may_2 3s ease-in-out 1 forwards;
    animation-delay: 0.8s;
    text-align: right;
}
.load_intro .wrap img {
    height: 100%;
    /*width: 100%;*/
    object-fit: cover;
}
@keyframes may_1 {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(-80%);
    }
    100% {
        transform: translateX(-300%);
        opacity: 0;
    }
}
@keyframes may_2 {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(80%);
    }
    100% {
        transform: translateX(300%);
        opacity: 0;
    }
}
@keyframes may_3 {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
    }
}
@keyframes may_4 {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0);
    }
}

.load_intro.reload .wrap .may {
    animation: may_3 1s ease-in-out 1 forwards;
}
.load_intro.reload .wrap .may.right {
    animation: may_4 1s ease-in-out 1 forwards;
}

/* =============== MENU LEFT =============== */

#nk-main-menu {
    z-index: 999;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    transform: translateX(-100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    justify-content: center;
    align-items: center;
}

#nk-main-menu.active {
    transform: translateX(0);
}

#nk-main-menu .main-menu-inner {
    width: 100%;
}

#nk-main-menu .main-menu {
    padding: 2.865rem 2.604rem;
    position: relative;
    z-index: 3;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.bdrs-20 {
    -webkit-border-radius: 1.042rem;
    -moz-border-radius: 1.042rem;
    border-radius: 1.042rem;
}

.gallery-popup {
    display: none;
    padding: 0 !important;
    background: transparent !important;
    overflow: unset;
    flex-direction: column;
}
.gallery-popup .swiper {
    width: 60.9375rem;
    max-width: 100%;
}
.gallery-popup .swiper.gallery-thumb {
    margin-top: 0.521rem;
}
.gallery-popup .swiper.gallery-thumb .img-wrap {
    height: 6.771rem;
    border: 3px solid transparent;
}
.gallery-popup .swiper.gallery-thumb .swiper-slide-thumb-active .img-wrap {
    background-color: var(--sub-cl);
}
.gallery-popup .popup-title {
    font-size: 1.5625rem;
    font-weight: 700;
    line-height: 1.979rem;
    color: #fff;
    margin-bottom: 1.5625rem;
}
.gallery-popup .swiper.gallery-main .img-wrap {
    height: 33.854rem;
}
.gallery-popup .swiper.gallery-main .img-wrap img {
    object-fit: contain;
    -webkit-border-radius: 1.302rem;
    -moz-border-radius: 1.302rem;
    border-radius: 1.302rem;
    width: auto;
    margin: auto;
    max-width: 100%;
}

#nk-main-menu.active .main-menu:before {
    transition-delay: 0.6s;
    transform: scaleX(1);
}
#nk-main-menu .main-menu:before {
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    border: 1.5px solid rgba(97, 152, 153, 0.8);
    background: rgba(13, 75, 77, 0.6);
    z-index: -1;
    -webkit-border-radius: 1.042rem;
    -moz-border-radius: 1.042rem;
    border-radius: 1.042rem;
    transform: scaleX(0);
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

#nk-main-menu .main-menu > ul {
    min-width: 191.669px;
}

#nk-main-menu.active .main-menu > ul > li {
    transform: translateY(0);
    opacity: 1;
}

#nk-main-menu .main-menu > ul > li {
    margin-bottom: 0;
    transform: translateY(2.083rem);
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#nk-main-menu .main-menu > ul > li > a {
    text-align: center;
    display: block;
    font-size: 1.042rem;
    font-weight: 500;
    line-height: 1.458rem;
    text-transform: uppercase;
    padding: 0.833rem 0;
    color: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#nk-main-menu .main-menu > ul > li + li > a {
    border-top: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(
        270deg,
        rgba(97, 152, 153, 0) 0%,
        #619899 50.52%,
        rgba(97, 152, 153, 0) 100%
    );
}

#nk-main-menu .main-menu > ul > li.current-menu-item > a,
#nk-main-menu .main-menu > ul > li:hover > a {
    color: var(--sub-cl);
}

#nk-main-menu.active .main-menu form.searchform {
    transform: translateY(0);
    opacity: 1;
}

#nk-main-menu .main-menu form.searchform {
    margin-top: 0.729rem;
    margin-bottom: 0;
    transform: translateY(2.083rem);
    opacity: 0;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

#nk-main-menu .main-menu form.searchform > .flex-row {
    -webkit-border-radius: 5.208rem;
    -moz-border-radius: 5.208rem;
    border-radius: 5.208rem;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2);
    position: relative;
    display: flex;
    align-items: unset;
    height: 46.55px;
}

#nk-main-menu .main-menu form.searchform .flex-col {
    display: flex;
    justify-content: center;
}

#nk-main-menu .main-menu form.searchform .input-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

#nk-main-menu .main-menu form.searchform input {
    background-color: transparent !important;
    border: none !important;
    padding: 0 1.25rem;
    font-size: 0.9375rem;
    font-weight: 300;
    line-height: 1.354rem;
    color: #fff;
    width: 100%;
}

#nk-main-menu .menu-logo {
    flex-grow: 1;
    padding: 0 4.167rem;
}

#nk-main-menu .menu-logo svg,
#nk-main-menu .menu-logo img {
    width: 500px;
    max-width: 100%;
    height: auto;
}
.draw-svg path {
    stroke-width: 1px;
    stroke-dasharray: 1024;
    stroke-dashoffset: 1024;
    fill: transparent;
}

.draw-svg .path-white {
    stroke: #fff;
}
.draw-svg .path-primary {
    stroke: var(--main-cl);
}
.draw-svg .path-secondary {
    stroke: var(--sub-cl);
}
#nk-main-menu.active .draw-svg .path-white {
    animation: Signature2 2s forwards;
    animation-delay: 1s;
}
#nk-main-menu.active .draw-svg .path-secondary {
    animation: Signature3 2s forwards;
    animation-delay: 1s;
}

/* ==================== END MENU LEFT ==================== */

/* FULLPAGE */

/* #fullpage {
  position: relative;
  overflow: hidden;
} */

.wrap-fp-nav #fp-nav {
    margin-top: 0 !important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#fp-nav.left {
    left: 17px;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
}

.wrap-fp-nav #fp-nav ul li {
    width: auto;
    display: flex;
    align-items: center;
    height: 1.302rem;
    margin: 0 0 1.042rem 0;
}

.wrap-fp-nav #fp-nav ul li a:hover,
.wrap-fp-nav #fp-nav ul li a.active {
    width: 4.167rem;
    opacity: 1;
}

body.is-dark-section .wrap-fp-nav #fp-nav ul li a.active + .fp-tooltip,
body.is-dark-section .wrap-fp-nav #fp-nav ul li a.active {
    text-shadow: 0px 2px 4px #06506d;
}

body.is-dark-section .wrap-fp-nav #fp-nav ul li a:before {
    box-shadow: 0px 2px 4px #06506d;
}

.wrap-fp-nav #fp-nav ul li a {
    height: auto;
    padding-right: 0.521rem;
    margin-right: 0.521rem;
    width: 2.604rem;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: flex;
    align-items: center;
    gap: 0.521rem;
    opacity: 0.5;
}

.wrap-fp-nav #fp-nav ul li a:before {
    right: 0;
    height: 2px;
    position: relative;
    min-width: 0.78125rem;
    display: block;
    content: "";
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background-color: #fff;
}

.wrap-fp-nav #fp-nav ul li a:hover:before,
.wrap-fp-nav #fp-nav ul li a.active:before {
    min-width: 2.34375rem;
}

.wrap-fp-nav #fp-nav ul li a span {
    color: #fff;
}

.wrap-fp-nav #fp-nav ul li a span {
    height: unset !important;
    width: unset !important;
    margin: 0 !important;
    background: transparent !important;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.302rem;
    position: unset !important;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.wrap-fp-nav #fp-nav ul li .fp-tooltip {
    position: unset !important;
    transform: translateX(-1.042rem);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.4s ease-in-out !important;
    -moz-transition: all 0.4s ease-in-out !important;
    -ms-transition: all 0.4s ease-in-out !important;
    -o-transition: all 0.4s ease-in-out !important;
    transition: all 0.4s ease-in-out !important;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.302rem;
    overflow: unset !important;
    color: #fff;
}

.wrap-fp-nav #fp-nav ul li a.active + .fp-tooltip,
.wrap-fp-nav #fp-nav ul li:hover .fp-tooltip {
    transform: translateX(0);
    opacity: 1;
    pointer-events: unset;
}

#fullpage > * {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* .section-trangchu {
    background-image: url(/wp-content/themes/link-city/assets/images/V22_KH_PK1_masterplan_day-small-1.jpg);
} */

.home-banner {
    height: 100%;
    width: 100%;
}

.home-banner .swiper-pagination {
    /* display: none; */
}

.swiper-gl-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    left: 0;
    top: 0;
}

section .section-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.section-home-1 {
    background-image: url(/wp-content/themes/link-city/assets/images/gioithieu.jpg);
}

.section-home-1 .video-wrapper {
    position: relative;
    aspect-ratio: 16/9;
    width: 100%;
    height: 100%;
}

.section-home-1 .video-wrapper video {
    width: 100%;
    height: 100%;
}
.section-home-1 .col-4 {
    padding-bottom: 4.167rem;
}

.section-home-1 .col-7 {
    display: flex;
    justify-content: center;
}

.section-home-1 > .flex-box {
    gap: 20px;
    flex: 1;
    align-items: center;
    justify-content: space-between;
}

.section-home-1 .sec-title > span {
    font-size: 2.1rem;
}

/* .section-home-1 .content-wrapper {
    background: linear-gradient(
        90deg,
        rgba(42, 123, 155, 1) 0%,
        rgba(87, 199, 133, 1) 50%,
        rgba(132, 206, 118, 1) 65%,
        rgba(237, 221, 83, 1) 100%
    );
} */
/*  section 2 */

section.section-home-1 .swiper-video-wrapper {
    width: calc(100% - 5.5rem);
}

section.section-home-1 .swiper-video-wrapper .swiper-wrapper {
    height: fit-content;
}

section.section-home-1 .swiper-video-thumb {
    margin-top: 10px;
    box-sizing: border-box;
    padding: 10px 0;
}

section.section-home-1 .swiper-video .swiper-slide .video-wrap {
    border-radius: 20px;
    aspect-ratio: 16/9;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

section.section-home-1 .swiper-video .swiper-slide .video-wrap video {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.video-js {
    width: 100%;
    height: 100%;
}

section.section-home-1 .swiper-video-thumb .swiper-slide .video-wrap {
    border: 2px solid transparent;
    cursor: pointer;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}
section.section-home-1 .swiper-video-thumb .swiper-slide-thumb-active .video-wrap {
    border-color: var(--sub-cl);
}

section.section-home-1 .swiper-video-thumb .video-wrap img {
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 16/9;
}

.swiper-video-button-prev,
.swiper-video-button-next {
    position: absolute;
    z-index: 3;
    top: 50%;
    transform: translateY(-50%);
    width: 2.292rem;
    height: 2.292rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}

.swiper-video-button-prev:hover,
.swiper-video-button-next:hover {
    background-color: black;
}

.swiper-video-button-prev {
    left: 8px;
}
.swiper-video-button-next {
    right: 10px;
}

.swiper-slide video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 16/9;
}

.z-5 {
    z-index: 5;
}

.sec-title {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 3.333rem;
}

.sec-title > span {
    color: var(--sub-cl);
}

.section-home-1 .sec-title {
    margin-bottom: 0.625rem;
}

.content-wrapper,
.content-wrapper p,
.content-wrapper li {
    font-size: 0.833rem;
    line-height: 1.25rem;
}

section.home-sec-2 .section-bg {
    background-image: url(/wp-content/themes/link-city/assets/images/home-2.jpg);
}

.home-sec-2 .flex-box {
    justify-content: end;
}

.home-sec-2 .col-6 {
    padding: 0 4.167rem;
    position: relative;
    max-width: 580px;
    width: 100%;
    z-index: 2;
}

.home-sec-2 .sec-title {
    margin-bottom: 1.5625rem;
    position: relative;
    z-index: 2;
}

.home-sec-2 .cont-style-li {
    position: relative;
    z-index: 2;
}

.home-sec-2 .cont-style-li > ul > li {
    padding: 0.78125rem 0;
}

.cont-style-li > ul > li {
    font-size: 0.833rem;
    font-weight: 400;
    line-height: 1.25rem;
    margin-bottom: 0;
    padding: 0.521rem 0;
}

.home-sec-2 .cont-style-li > ul > li + li {
    border-image-slice: 1;
    border-image-source: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.5) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    border-top: 1px solid;
}

.home-sec-2 .flex-box .col-6:before {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    position: absolute;
    content: "";
    width: 100%;
    height: 130%;
    top: -15%;
    z-index: -1;
    left: 0%;
    transform: translateX(0%) translateY(0%) scaleY(1) scaleX(1);
    background: linear-gradient(
        180deg,
        rgba(10, 65, 66, 0) 0%,
        rgba(10, 65, 66, 0.360224) 12.5%,
        rgba(10, 65, 66, 0.8) 24.29%,
        rgba(10, 65, 66, 0.9) 50%,
        rgba(10, 65, 66, 0.8) 74.48%,
        rgba(10, 65, 66, 0.397727) 86.98%,
        rgba(10, 65, 66, 0) 100%
    );
}

/* section 9 */

.home-sec-3 .title-group {
    margin-bottom: 1.302rem;
}

.swiper-arrow.style-1 {
    width: 2.34375rem;
    height: 2.34375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #333333;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.swiper-arrow.style-2 {
    width: 2.34375rem;
    height: 2.34375rem;
    padding: 0 !important;
}
.swiper-arrow.prev {
    -webkit-border-radius: 0 1.042rem 0 1.042rem;
    -moz-border-radius: 0 1.042rem 0 1.042rem;
    border-radius: 0 1.042rem 0 1.042rem;
}
.swiper-arrow.next {
    -webkit-border-radius: 1.042rem 0 1.042rem 0;
    -moz-border-radius: 1.042rem 0 1.042rem 0;
    border-radius: 1.042rem 0 1.042rem 0;
}

.box-swiper {
    position: relative;
}
.box-swiper .swiper-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.box-swiper .swiper-arrow.prev {
    left: -4.6875rem;
}
.box-swiper .swiper-arrow.next {
    right: -4.6875rem;
}
.box-swiper .swiper-arrow:hover path {
    stroke: #fff;
}
.box-swiper .swiper-arrow:hover {
    background-color: var(--main-cl);
    border-color: var(--main-cl);
}
.post-item {
    padding: 0.729rem;
}
.post-item:before {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        180deg,
        rgba(242, 106, 35, 0.4) 0%,
        rgba(242, 106, 35, 0.277083) 51.04%,
        rgba(242, 106, 35, 0) 100%
    );
    border-radius: 1.042rem;
    content: "";
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.post-item > div {
    position: relative;
    aspect-ratio: 16 / 9;
    z-index: 5;
}
.post-item .cont-wrap .date {
    margin-bottom: 0.521rem;
    display: block;
}
.post-item .cont-wrap h3 {
    margin-bottom: 0.521rem;
}
.post-item .cont-wrap {
    padding: 1.667rem 1.667rem 0.9375rem;
}
.post-item.post-item-media .img-wrap:before {
    background: #000000;
    opacity: 0;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    pointer-events: none;
}
.post-item.post-item-media .img-wrap > svg {
    opacity: 0;
    pointer-events: none;
}
.post-item.post-item-media:hover .img-wrap:before {
    opacity: 0.3;
}
.post-item.post-item-media:hover .img-wrap > svg {
    opacity: 1;
}
.sec-title > span {
    color: var(--sub-cl);
}
.related-post .swiper.related-posts-swiper {
    margin: 2.083rem -2px 0;
}
.related-post .swiper-slide {
    border-right: 1px solid rgba(0, 0, 0, 0.3);
}
.related-post .swiper-slide.swiper-slide-next + .swiper-slide {
    border-right: none !important;
}

.limit-line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.limit-line.limit-1 {
    -webkit-line-clamp: 1;
}
.limit-line.limit-2 {
    -webkit-line-clamp: 2;
}
.limit-line.limit-3 {
    -webkit-line-clamp: 3;
}
.limit-line.limit-4 {
    -webkit-line-clamp: 4;
}
.limit-line.limit-5 {
    -webkit-line-clamp: 5;
}

.hot-post .img-wrap {
    position: relative;
}
.hot-post .featured-tag {
    font-size: 0.833rem;
    font-weight: 700;
    line-height: 1.054rem;
    color: #fff;
    background-color: var(--sub-cl);
    padding: 0.833rem 1.25rem;
    -webkit-border-radius: 0 0 0.521rem 0.521rem;
    -moz-border-radius: 0 0 0.521rem 0.521rem;
    border-radius: 0 0 0.521rem 0.521rem;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 2.1875rem;
}
.hot-post > div {
    position: relative;
    z-index: 5;
}
.hot-post {
    padding: 0.729rem;
}
.hot-post:before {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        rgba(242, 106, 35, 0.4) 0%,
        rgba(242, 106, 35, 0.277083) 51.04%,
        rgba(242, 106, 35, 0) 100%
    );
    content: "";
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.hot-post .cont-wrap {
    padding: 0 2.083rem 0 3.385rem;
}
.hot-post .cont-wrap .content-wrapper {
    margin-bottom: 1.5625rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
}
.hot-post .cont-wrap h3 {
    font-size: 1.5625rem;
    font-weight: 700;
    line-height: 1.979rem;
    margin-bottom: 0.521rem;
}
.hot-post:hover h3,
.post-item:hover h3 {
    color: var(--main-cl);
}
.post-item:hover:before {
    opacity: 1;
}
.hot-post:hover:before {
    opacity: 1;
}

section.position-sec {
    background-image: url(/wp-content/themes/link-city/assets/images/bg-du-an.jpg);
}

section.position-sec .fp-tableCell {
    height: 100vh;
}

.position-sec .left-col {
    width: 45%;
}

.pl-cont {
    padding-left: calc(calc(100vw - 72.917rem) / 2);
}

.position-sec .left-col .content-wrapper {
    max-height: 100%;
}

.position-sec .left-col a.text-white {
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1.354rem;
    gap: 0.521rem;
    margin-top: 1.042rem;
    display: flex;
    align-items: center;
    width: max-content;
}

.position-sec .left-col a.text-white > span.text {
    text-decoration: underline;
}

.position-sec .left-col .list-position {
    padding: 2.083rem;
    position: relative;
    z-index: 5;
    margin-top: 1.042rem;
    background: linear-gradient(180deg, #326768 0%, rgba(50, 103, 104, 0) 100%);
    -webkit-border-radius: 20px 20px 0 0;
    -moz-border-radius: 20px 20px 0 0;
    border-radius: 20px 20px 0 0;
}
.position-sec .left-col .list-position:before {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    position: absolute;
    z-index: -1;
    content: "";
    left: 2px;
    top: 2px;
    background: linear-gradient(
        180deg,
        #ffffff 19.7%,
        rgba(255, 255, 255, 0.8) 53.51%,
        rgba(255, 255, 255, 0.4) 100%
    );
    -webkit-border-radius: 18px 18px 0 0;
    -moz-border-radius: 18px 18px 0 0;
    border-radius: 18px 18px 0 0;
}
.position-sec .left-col .list-position-inner {
    max-height: 19.896rem;
    padding-right: 0.729rem;
}
.position-sec .left-col .list-position-inner > .item {
    margin-bottom: 0.521rem;
    position: relative;
    cursor: pointer;
}
.position-sec .left-col .list-position-inner > .item .icon-wrap img {
    width: 1.146rem;
    min-width: 1.146rem;
    height: 1.146rem;
    object-fit: contain;
    filter: brightness(0) invert(1);
}
.position-sec .left-col .list-position-inner > .item .icon-wrap {
    background-color: var(--main-cl);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid var(--main-cl);
    display: flex;
    aspect-ratio: 1;
    padding: 0.521rem;
    position: relative;
    z-index: 3;
}
.position-sec .left-col .list-position-inner > .item:before {
    left: 1.042rem;
    top: 0;
    position: absolute;
    content: "";
    height: 100%;
    width: calc(100% - 1.042rem);
    z-index: 1;
    background: linear-gradient(90deg, rgba(14, 129, 138, 0.2) 0%, rgba(14, 129, 138, 0) 100%);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.position-sec .left-col .list-position-inner > .item:after {
    left: 1.042rem;
    top: 0;
    position: absolute;
    content: "";
    height: 100%;
    width: calc(100% - 1.042rem);
    z-index: 1;
    opacity: 0;
    background: linear-gradient(90deg, #f26a23 0%, rgba(242, 106, 35, 0) 100%);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.position-sec .left-col .list-position-inner > .item .name-wrap {
    padding-left: 0.729rem;
    font-size: 0.833rem;
    font-weight: 400;
    line-height: 1.25rem;
    position: relative;
    z-index: 3;
}
.position-sec .left-col .list-position-inner > .item.active:before,
.position-sec .left-col .list-position-inner > .item:hover:before {
    opacity: 0;
}
.position-sec .left-col .list-position-inner > .item.active:after,
.position-sec .left-col .list-position-inner > .item:hover:after {
    opacity: 0.3;
}
.position-sec .left-col .list-position-inner > .item.active .icon-wrap,
.position-sec .left-col .list-position-inner > .item:hover .icon-wrap {
    border-color: #ffcb8b;
    background-color: var(--sub-cl);
}
.position-sec .left-col .sec-title {
    margin-bottom: 0.9375rem;
}

.position-sec .left-col a.text-white {
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1.354rem;
    gap: 0.521rem;
    margin-top: 1.042rem;
    display: flex;
    align-items: center;
    width: max-content;
}
.position-sec .left-col a.text-white > span.text {
    text-decoration: underline;
}
.position-sec .left-col a.text-white:hover {
    color: #fff;
}
.position-sec .right-col {
    padding-left: 1.042rem;
    flex-grow: 1;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}
.position-sec .right-col img {
    max-height: 100vh;
    object-fit: contain;
	display:none;
}
.position-sec .right-col .map-icon {
    text-align: center;
    position: relative;
}
.position-sec .right-col .map-icon:before {
    position: absolute;
    content: "";
    z-index: 2;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 4.167rem;
    height: 4.167rem;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.position-sec .right-col .map-icon.active:before,
.position-sec .right-col .map-icon:hover:before {
    background-color: rgba(242, 106, 35, 0.8);
    animation: scaleBorder 1.2s infinite;
}
.position-sec .right-col .map-icon img {
    width: 5.208rem;
    height: 5.208rem;
    object-fit: contain;
    object-position: center;
    position: relative;
    z-index: 3;
}
.position-sec .right-col .map-icon .name {
    font-size: 0.3125rem;
    line-height: 0.521rem;
}

section.utilities-3 {
    background-image: url(/wp-content/themes/link-city/assets/images/Tienich_DS_3.jpg);
}

section .fp-tableCell {
    height: auto;
}

section.utilities-3 .sec-title {
    margin-bottom: 0.625rem;
}

section.utilities-3 .btn {
    padding: 0.521rem 3rem;
}

.utilities-swiper-2.swiper .flex-box {
    gap: 3.177rem;
}
.utilities-swiper-2.swiper .img-outer {
    height: 11.458rem;
}
.utilities-swiper-2.swiper .cont-wrap {
    height: 11.458rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.utilities-swiper-2.swiper .img-wrap {
    width: 7.8125rem;
    height: 7.8125rem;
    padding: 0.3125rem;
    margin-left: auto;
    margin-right: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: var(--main-cl);
    position: relative;
    z-index: 8;
}
.utilities-swiper-2.swiper .item {
    position: relative;
}
.utilities-swiper-2.swiper .item-odd .flex-box {
    flex-direction: column-reverse;
}
.utilities-swiper-2.swiper .item-even .img-outer {
    display: flex;
    align-items: flex-end;
    padding-bottom: 1.667rem;
}
.utilities-swiper-2.swiper .item-odd .img-outer {
    padding-top: 1.667rem;
    position: relative;
}
.utilities-swiper-2.swiper .item-even .img-outer {
    display: flex;
    align-items: flex-end;
    position: relative;
}
.utilities-swiper-2.swiper .img-outer:before {
    height: 3.125rem;
    width: 2.083rem;
    position: absolute;
    content: "";
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.utilities-swiper-2.swiper .item-even .img-outer:before {
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--main-cl);
}
.utilities-swiper-2.swiper .item-odd .img-outer:before {
    clip-path: polygon(50% 0%, 0 100%, 100% 100%);
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--main-cl);
}
.utilities-swiper-2.swiper .time {
    font-size: 1.042rem;
    font-weight: 700;
    line-height: 1.318rem;
    color: var(--main-cl);
    display: flex;
    align-items: center;
    margin-bottom: 0.1rem;
    justify-content: center;
    gap: 0.521rem;
    text-transform: uppercase;
}
.utilities-swiper-2.swiper .item:before {
    width: 0.9375rem;
    height: 0.9375rem;
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border: 1px solid var(--main-cl);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.utilities-swiper-2.swiper .item:after {
    width: 0.521rem;
    height: 0.521rem;
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--sub-cl);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    z-index: 3;
    opacity: 0;
}
.utilities-swiper-2.swiper .time > span {
    font-size: 2.34375rem;
    font-weight: 700;
    line-height: 2.965rem;
}
.utilities-swiper-2.swiper .fs-14 {
    max-width: 14.583rem;
}
.utilities-swiper-2-wrap {
    position: relative;
    padding: 0 3.90625rem;
    /* margin-top: 2.604rem; */
    margin-top: 1.5625rem;
}
.utilities-swiper-2-wrap:before {
    top: 13rem;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    width: calc(100% - 4.6875rem);
    background-image: linear-gradient(
        270deg,
        rgba(97, 152, 153, 0) 0%,
        rgba(97, 152, 153, 0.621053) 24.48%,
        #619899 49.48%,
        rgba(97, 152, 153, 0.659794) 77.6%,
        rgba(97, 152, 153, 0) 100%
    );
    position: absolute;
    content: "";
}
.utilities-swiper-2.swiper .item:hover .img-outer:before,
.utilities-swiper-2.swiper .item:hover .img-wrap {
    background-color: var(--sub-cl);
}
.utilities-swiper-2.swiper .item:hover:before {
    border-color: var(--sub-cl);
}
.utilities-swiper-2.swiper .item:hover:after {
    opacity: 1;
}
section.utilities-2 {
    overflow: hidden;
}
section.utilities-2 .col-6 {
    padding-right: 2.083rem;
}
section.utilities-2 .col-6 .sec-title {
    margin-bottom: 1.5625rem;
}
section.utilities-2 .list-utilities {
    width: 15.625rem;
}
section.utilities-2 .list-utilities .list-utilities-inner {
    padding-right: 1.042rem;
    max-height: 21.4375rem;
}
section.utilities-2 .list-utilities .item {
    padding: 2px;
    position: relative;
    z-index: 5;
    transform: translateX(-1.5625rem);
    opacity: 0;
}
section.utilities-2.fp-completely .list-utilities .item {
    transition-delay: var(--transition-delay);
    transform: translateX(0);
    opacity: 1;
}
section.utilities-2 .list-utilities .item:before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    content: "";
    -webkit-border-radius: 2.604rem 0 0 2.604rem;
    -moz-border-radius: 2.604rem 0 0 2.604rem;
    border-radius: 2.604rem 0 0 2.604rem;
    background: linear-gradient(
        90deg,
        #f26a23 0%,
        rgba(242, 106, 35, 0.638434) 55.5%,
        rgba(242, 106, 35, 0) 100%
    );
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
section.utilities-2 .list-utilities .item.active:before,
section.utilities-2 .list-utilities .item:hover:before {
    opacity: 1;
}
section.utilities-2 .list-utilities .item .number-count {
    width: 1.667rem;
    height: 1.667rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: var(--main-cl);
    display: flex;
    align-items: center;
    justify-content: center;
}
section.utilities-2 .list-utilities .item .name-wrap {
    font-size: 0.833rem;
    font-weight: 400;
    line-height: 1.25rem;
    margin-left: 0.417rem;
}
section.utilities-2 .list-utilities .item + .item {
    margin-top: 0.521rem;
}
.swiper-arrow-2.style-3 {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.img-wrap img {
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-arrow-2 {
    width: 2.1875rem;
    height: 2.1875rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background-color: rgba(0, 0, 0, 0.4);
    cursor: pointer;
}

.swiper-arrow-2:hover {
    background-color: #000;
}
.swiper-arrow-2.style-2 {
    background-color: transparent;
    border: 1px solid #32676833;
}
.swiper-arrow-2.style-3 {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
}
.swiper-arrow-2.style-2:hover {
    background-color: var(--main-cl);
    border-color: var(--main-cl);
}
.swiper-arrow-2.style-3:hover {
    background-color: #fff;
    border-color: #fff;
}
.swiper-arrow-2.style-3:hover path {
    stroke: var(--main-cl);
}
.swiper-arrow-2:hover path {
    stroke: #fff;
}
.swiper-arrow-2.arrow-inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
}
.swiper-arrow-2.arrow-outer {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
}
.swiper-arrow-2.arrow-outer.prev {
    left: -3.75rem;
}
.swiper-arrow-2.arrow-outer.next {
    right: -3.75rem;
}
.swiper-arrow-2.arrow-inner.prev {
    left: 0.521rem;
}
.swiper-arrow-2.arrow-inner.next {
    right: 0.521rem;
}

.swiper-button-disabled {
    opacity: 0.4 !important;
}
.utilities-swiper-2-wrap .swiper-arrow-2.prev {
    left: 0;
}

.utilities-swiper-2-wrap .swiper-arrow-2.next {
    right: 0;
}
.utilities-swiper-2-wrap .swiper-arrow-2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid rgba(50, 103, 104, 0.3);
    z-index: 9;
}

/* section 5 */

section.utilities-2 .section-bg {
    background-image: url(/wp-content/themes/link-city/assets/images/TIEN-ICH-1.jpg);
}

section.utilities-2 .section-bg {
    background-size: 100% 100%;
}
section.utilities-2 {
    overflow: hidden;
}

section.utilities-2 > .fp-tableCell {
    height: 100%;
}
section.utilities-2 .col-6 {
    padding-right: 2.083rem;
}
section.utilities-2 .col-6 .sec-title {
    margin-bottom: 1.5625rem;
}
section.utilities-2 .list-utilities {
    width: 15.625rem;
}
section.utilities-2 .list-utilities .list-utilities-inner {
    padding-right: 1.042rem;
    max-height: 21.4375rem;
}
section.utilities-2 .list-utilities .item {
    padding: 2px;
    position: relative;
    z-index: 5;
    transform: translateX(-1.5625rem);
    opacity: 0;
}
section.utilities-2.fp-completely .list-utilities .item {
    transition-delay: var(--transition-delay);
    transform: translateX(0);
    opacity: 1;
}
section.utilities-2 .list-utilities .item:before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    content: "";
    -webkit-border-radius: 2.604rem 0 0 2.604rem;
    -moz-border-radius: 2.604rem 0 0 2.604rem;
    border-radius: 2.604rem 0 0 2.604rem;
    background: linear-gradient(
        90deg,
        #f26a23 0%,
        rgba(242, 106, 35, 0.638434) 55.5%,
        rgba(242, 106, 35, 0) 100%
    );
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
section.utilities-2 .list-utilities .item.active:before,
section.utilities-2 .list-utilities .item:hover:before {
    opacity: 1;
}
section.utilities-2 .list-utilities .item .number-count {
    width: 1.667rem;
    height: 1.667rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: var(--main-cl);
    display: flex;
    align-items: center;
    justify-content: center;
}
section.utilities-2 .list-utilities .item .name-wrap {
    font-size: 0.833rem;
    font-weight: 400;
    line-height: 1.25rem;
    margin-left: 0.417rem;
}
section.utilities-2 .list-utilities .item + .item {
    margin-top: 0.521rem;
}
section .section-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
section.utilities-2 .section-bg {
    background-size: 100% 100%;
}

section.utilities-2 .section-bg .dot .box-tooltip .img-wrap:not(:has(img)) {
    display: none;
}
section.utilities-2 .section-bg .dot .box-tooltip {
    left: calc(100% + -4.2169rem);
    top: -120%;
    transform: translateY(-50%) scale(0);
    width: 7.292rem;
    -webkit-border-radius: 0.521rem;
    -moz-border-radius: 0.521rem;
    border-radius: 0.521rem;
    padding: 0.208rem;
    background-color: #fff;
    opacity: 1;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    z-index: 99;
    display: block;
    position: absolute;
}

section.utilities-2 .section-bg .dot .box-tooltip::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -0.5rem;
    border-width: 0.5rem;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

/* When .box-tooltip has a child div.img-wrap, adjust top */
section.utilities-2 .section-bg .dot .box-tooltip:has(> .wrap-link) {
    top: -350% !important;
}

section.utilities-2 .section-bg .dot .box-tooltip .img-wrap {
    -webkit-border-radius: 0.3125rem;
    -moz-border-radius: 0.3125rem;
    border-radius: 0.3125rem;
    aspect-ratio: 132/100;
}
section.utilities-2 .section-bg .dot .box-tooltip .title {
    font-size: 0.625rem;
    font-weight: 400;
    line-height: 0.790625rem;
    color: #333;
    padding: 0.365rem 0 0.15625rem;
}
section.utilities-2 .section-bg .dot {
    position: absolute;
    width: 1.2rem;
    height: 1.2rem;
    text-align: center;
    font-size: 0.433rem;
    font-weight: 400;
    line-height: 1.2rem;
    color: #fff;
    background-color: #43b19d;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 5;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
section.utilities-2 .section-bg .dot.active {
    background-color: #f26a23;
}
section.utilities-2 .section-bg .dot.active:before {
    background-color: rgb(177 129 67 / 50%);
}
section.utilities-2.fp-completely .section-bg .dot {
    transition-delay: var(--transition-delay);
    opacity: 1;
}
section.utilities-2 .section-bg .dot:before {
    width: 2rem;
    height: 2rem;
    position: absolute;
    content: "";
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(67, 177, 157, 0.5);
    z-index: -1;
}
section.utilities-2 .section-bg .dot.active,
section.utilities-2 .section-bg .dot:hover {
    transition-delay: 0s;
    z-index: 8;
}
section.utilities-2 .section-bg .dot.active:before,
section.utilities-2 .section-bg .dot:hover:before {
    animation: scaleBorder 1s infinite;
}
section.utilities-2 .section-bg .dot.active .box-tooltip,
section.utilities-2 .section-bg .dot:hover .box-tooltip {
    opacity: 1;
    transform: translateY(-50%) scale(1);
}
section.utilities-2 .cont-wrap {
    position: relative;
    height: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    width: max-content;
}
section.utilities-2 .cont-wrap .sec-title {
    position: relative;
    margin-bottom: 1.5625rem;
}

/* section 7 */

section.products-1 .section-bg {
    background-image: url(/wp-content/themes/link-city/assets/images/mat-bang.webp);
}

section.products-1 .section-bg {
    background-size: 100% 100%;
}

section.products-1 .fp-tableCell {
    height: 100%;
}

section.products-1 .cont-wrap .btn {
    margin-top: 1.25rem;
}

section.products-1 .section-bg .sub-division-img {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}
section.products-1 .section-bg .sub-division-img img {
    object-fit: unset;
}
section.products-1 .section-bg .sub-division-img.active {
    opacity: 1;
}

section.products-1 .custom-tooltip {
    transform: translateY(1.5625rem);
    opacity: 0;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
section.products-1.fp-completely .custom-tooltip {
    opacity: 1;
    transform: translateY(0);
}
section.products-1.fp-completely .custom-tooltip:nth-of-type(2) {
    transition-delay: 0.3s;
}
section.products-1.fp-completely .custom-tooltip:nth-of-type(4) {
    transition-delay: 0.5s;
}
section.products-1.fp-completely .custom-tooltip:nth-of-type(6) {
    transition-delay: 0.7s;
}
section.products-1.fp-completely .custom-tooltip:nth-of-type(8) {
    transition-delay: 0.9s;
}
section.products-1.fp-completely .custom-tooltip:nth-of-type(10) {
    transition-delay: 1.1s;
}

.custom-tooltip {
    position: absolute;
    z-index: 10;
}
.custom-tooltip .tooltip-text {
    font-size: 1.042rem;
    font-weight: 700;
    line-height: 1.458rem;
    padding: 0.625rem 1.25rem;
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    border: 2px solid var(--tooltip-cl);
    background-color: #fff;
    color: var(--tooltip-cl);
    margin-bottom: 5.208rem;
    position: relative;
}
.custom-tooltip .tooltip-text:before {
    left: 50%;
    height: 5.3125rem;
    top: 100%;
    width: 2px;
    background-color: #fff;
    position: absolute;
    content: "";
    transform: translateX(-50%);
}
.custom-tooltip .tooltip-dot {
    width: 0.9375rem;
    height: 0.9375rem;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: auto;
    position: relative;
}
.custom-tooltip .tooltip-dot:before {
    width: 0.625rem;
    height: 0.625rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    content: "";
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: var(--tooltip-cl);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.custom-tooltip.active .tooltip-text,
.custom-tooltip:hover .tooltip-text {
    border-color: var(--tooltip-hover-cl);
    color: var(--tooltip-hover-cl);
}
.custom-tooltip.active .tooltip-dot:before,
.custom-tooltip:hover .tooltip-dot:before {
    background-color: var(--tooltip-hover-cl);
}

section.products-1 .ground-svg {
    width: 100%;
    height: 100%;
}

section.products-1 .ground-svg path {
    cursor: pointer;
    transition: fill 0.4s, opacity 0.4s ease;
    opacity: 0;
}

section.products-1 .ground-svg path[data-id="0"].active {
    fill: #ff0000;
    opacity: 0.4;
}

section.products-1 .ground-svg path[data-id="1"].active {
    fill: #ffd700;
    opacity: 0.4;
}

section.products-1 .ground-svg path[data-id="2"].active {
    fill: #00ff00;
    opacity: 0.4;
}

section.products-1 .cont-wrap {
    width: 52%;
    position: relative;
    margin-top: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    z-index: 5;
    padding-bottom: 3.125rem;
}

.page-template-home section.products-1 .cont-wrap {
    padding-bottom: 3.229rem;
}
/* section 8 */

section.experience-page {
    display: flex;
    align-items: center;
    justify-content: center;
}

section.experience-page .section-bg {
    background-image: url(/wp-content/themes/link-city/assets/images/camera-360.jpg);
}
section .section-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

section.experience-page .box-360 {
    position: relative;
    width: 29.6875rem;
    max-width: 100%;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}
section.experience-page .box-360 img {
    height: 5.9375rem;
    width: 5.9375rem;
    position: relative;
    z-index: 3;
}
section.experience-page .box-360:before {
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    position: absolute;
    content: "";
    border: 1px solid #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    animation: scaleBorder 1.8s infinite;
    animation-delay: 1000ms;
}
section.experience-page .box-360:after {
    left: 50%;
    top: 50%;
    width: 13.75rem;
    height: 13.75rem;
    transform: translate(-50%, -50%);
    position: absolute;
    content: "";
    border: 1px solid #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    animation: scaleBorder 1.8s infinite;
    animation-delay: 500ms;
}
section.experience-page .box-360 .add-circle {
    width: 8.542rem;
    height: 8.542rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    background-color: rgba(255, 206, 80, 0.6);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    animation: scaleBorder 1.8s infinite;
}

.wrap-link {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    z-index: 20;
    opacity: 0 !important;
}

.wrap-fancybox > img {
    display: none;
}

@keyframes scaleBorder {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }

    100% {
        transform: translate(-50%, -50%) scale(1.3);
        opacity: 0;
    }
}

/* section tien do  */
section.progress-page {
    background-image: url(/wp-content/themes/link-city/assets/images/1.Tiendo.jpg);
}

.progress-page .sec-title {
    margin-bottom: 0.625rem;
}

section.progress-page .tab-gallery {
    animation: fade-up 0.6s;
}
section.progress-page .tab-gallery:not(.active) {
    display: none;
}
section.progress-page .col-8 .flex-box {
    gap: 1.25rem;
}
section.progress-page .progress-swiper {
    width: calc(100% - 12.5rem);
}
section.progress-page .progress-thumb.swiper {
    width: 11.25rem;
    height: 27.604rem;
}
.select-options {
    display: none;
}
section.progress-page .col-4 {
    padding-right: 3.4375rem;
    padding-top: 4.167rem;
}
section.progress-page .button-wrapper {
    text-align: center;
    margin-top: 1.5625rem;
}
section.progress-page .select {
    margin-bottom: 1.042rem;
}
section.progress-page .select-styled {
    min-height: 3.125rem;
    position: relative;
    padding: 0.625rem 1.354rem;
    -webkit-border-radius: 0.521rem;
    -moz-border-radius: 0.521rem;
    border-radius: 0.521rem;
    color: #fff;
    background-color: var(--main-cl);
    font-size: 0.833rem;
    font-weight: 500;
    line-height: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
section.progress-page .select-styled:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNjg3NSA0LjEyNUw2LjI1IDcuNTYyNUwyLjgxMjUgNC4xMjUiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
    filter: brightness(0) invert(1);
    position: relative;
    content: "";
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    background-size: contain;
    background-position: center;
}
section.progress-page .select {
    position: relative;
}
section.progress-page .select-options {
    position: absolute;
    list-style: none;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 10px #cecece;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    z-index: 60;
}
section.progress-page .select-options > li {
    margin-bottom: 0;
    padding: 0.625rem 1.354rem;
    font-size: 0.833rem;
    font-weight: 500;
    line-height: 1.25rem;
    color: var(--main-cl);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
    -webkit-border-radius: 0.521rem;
    -moz-border-radius: 0.521rem;
    border-radius: 0.521rem;
}
section.progress-page .select-options > li.active,
section.progress-page .select-options > li:hover {
    background-color: var(--main-cl);
    color: #fff;
}
section.progress-page .progress-thumb .swiper-slide .img-wrap {
    border: 3px solid transparent;
    cursor: pointer;
}
section.progress-page .progress-thumb .swiper-slide-thumb-active .img-wrap {
    border-color: var(--sub-cl);
}
section.progress-page .progress-thumb .arrow {
    position: absolute;
    z-index: 3;
    left: 50%;
    transform: translateX(-50%);
    width: 2.292rem;
    height: 2.292rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
}
section.progress-page .progress-thumb .arrow.prev {
    top: 0.521rem;
}
section.progress-page .progress-thumb .arrow.next {
    bottom: 0.521rem;
}
section.progress-page .progress-thumb .arrow:hover {
    background-color: #000;
}

/* section doi tac  */

.section.home-sec-4 {
    background-image: url(/wp-content/themes/link-city/assets/images/1.11_Doitac.jpg);
}

.section.home-sec-4 .fp-tableCell {
    height: auto;
}

.home-sec-4 .col-4 {
    padding-right: 0.521rem;
}

.home-sec-4 .col-4 .title-group {
    margin-bottom: 2.604rem;
}

.home-sec-4 .col-4 .title-group .sec-title {
    margin-bottom: 0.625rem;
}

.home-sec-4 .col-8 {
    padding-left: 3.646rem;
}

.home-sec-4 .col-8 .col-inner {
    background-color: #fff;
    padding: 4.167rem 1.25rem;
    border: 2px solid #32676833;
    border-radius: 1.042rem;
}

.home-sec-4 .col-8 .title-group {
    padding: 0 3.646rem;
}

.home-sec-4 .col-inner .sec-title {
    margin-bottom: 0.625rem;
}

.home-sec-4 .col-8 .swiper,
.home-sec-4 .col-8 .swiper-pagination {
    position: relative;
    margin-top: 2.083rem;
}

.home-sec-4 .col-8 .col-inner .img-wrap {
    height: 5.46875rem;
    padding: 0.26rem 1.042rem;
}

.home-sec-4 .col-8 .img-wrap img {
    object-fit: contain;
    object-position: center;
}

.img-wrap {
    overflow: hidden;
}

.home-sec-4 .col-8 .swiper,
.home-sec-4 .col-8 .swiper-pagination {
    position: relative;
    margin-top: 2.083rem;
}

.home-sec-4 .col-8 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    background-color: #326768;
}

.swiper-pagination > .swiper-pagination-bullet:before {
    height: 10px;
    width: 10px;
    position: absolute;
    content: "";
    left: 2px;
    top: 2px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: var(--sub-cl);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    opacity: 0;
}

.swiper-pagination > .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.3;
    border: 1px solid transparent;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    position: relative;
}

.swiper-pagination > .swiper-pagination-bullet-active {
    background-color: transparent !important;
    border-color: var(--sub-cl);
    opacity: 1;
}

.swiper-pagination > .swiper-pagination-bullet-active:before {
    opacity: 1;
}

/* section footer */

#footer {
    background-image: url(/wp-content/themes/link-city/assets/images/footer-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}

#footer .fp-tableCell {
    height: auto;
}

.fp-enabled #footer {
    padding: 2.083rem 0;
}

#footer .sec-title {
    margin-bottom: 2.083rem;
}

.text-primary {
    color: var(--main-cl);
}

.flex-wrap {
    flex-wrap: wrap;
}

#footer .col-4 {
    padding-right: 3.646rem;
}

#footer .footer-title {
    padding-bottom: 0.521rem;
    margin-bottom: 1.042rem;
    position: relative;
    font-weight: 700;
    line-height: 1.458rem;
    font-size: 1.042rem;
}

#footer .footer-title:before {
    bottom: 0;
    left: 0;
    position: absolute;
    content: "";
    height: 2px;
    width: 3.958rem;
    background-color: var(--sub-cl);
}

#footer .footer-content {
    font-size: 0.833rem;
    font-weight: 400;
    line-height: 1.25rem;
}

#footer .footer-content > .flex-box {
    gap: 0.521rem;
}

.al-start {
    align-items: flex-start;
}

#footer .footer-content > .flex-box + .flex-box {
    margin-top: 0.417rem;
}

#footer .col-4 .group-content + .group-content {
    margin-top: 1.5625rem;
}

#footer .col-4 .group-content.google-map-button {
    margin-top: 0.9375rem;
}

.google-map-button a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    line-height: 1.25rem;
    text-decoration: underline;
    width: max-content;
}

.google-map-button:hover a {
    opacity: 0.8;
    transition: all 0.4s ease-in-out;
}

.google-map-button svg {
    transform-origin: left center; /* Hoặc điểm neo phù hợp */
    animation: float-map 1s ease-in-out infinite alternate;
    transition: all 0.4s ease-in-out;
}

@keyframes float-map {
    0% {
        transform: translateX(5px) translateY(6px) rotate(-45deg);
    }
    100% {
        transform: translateX(20px) translateY(6px) rotate(-45deg);
    }
}

#footer .footer-socials {
    gap: 1.042rem 1.458rem;
}

#footer .form-lienhe {
    margin-bottom: 1.3em;
}

.wpcf7 .hidden-fields-container {
    display: none;
}

.form-wrap .form-group {
    position: relative;
}

.form-wrap textarea,
.form-wrap input:not([type="submit"]) {
    background-color: transparent !important;
    font-size: 0.833rem;
    font-weight: 400;
    line-height: 1.25rem;
    text-align: left;
    color: #333;
    border: none;
    border-bottom: 1px solid #333333;
    padding-left: 0;
    padding-top: 0.78125rem;
    padding-bottom: 0.78125rem;
    margin-bottom: 0 !important;
    height: auto;
}

.form-wrap textarea {
    height: 4.1625rem;
    min-height: unset;
}

.form-group.form-recaptcha {
    margin-top: 1.042rem;
}

.form-wrap .submit-btn.form-group {
    width: max-content;
    margin-top: 0.9375rem;
}

.form-wrap .submit-btn input[type="submit"] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 30;
    opacity: 0;
}

.primary,
input[type="submit"],
input[type="submit"].button {
    background-color: var(--main-cl);
}

#footer .copyright {
    margin-top: 1.042rem;
}

/* /// fixed buttons */
.fixed-buttons {
    position: fixed;
    bottom: 4.6875rem;
    right: 0;
    z-index: 99;
    transform: translateX(calc(100% - 3.646rem));
}
.fixed-buttons > .item {
    margin-top: 0.26rem;
    padding: 2px;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 2.604rem 0 0 2.604rem;
    -moz-border-radius: 2.604rem 0 0 2.604rem;
    border-radius: 2.604rem 0 0 2.604rem;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    width: 100%;
}
.fixed-buttons > .item:before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    content: "";
    background-image: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    z-index: -1;
}

.fixed-buttons > .item:hover {
    transform: translateX(calc(0rem - calc(100% - 3.75rem)));
}

.fixed-buttons > .item > .item-inner > a {
    display: flex;
    align-items: center;
    padding: 0.833rem 1.40625rem;
    background: var(--main-cl);
    -webkit-border-radius: 2.604rem 0 0 2.604rem;
    -moz-border-radius: 2.604rem 0 0 2.604rem;
    border-radius: 2.604rem 0 0 2.604rem;
}
.fixed-buttons > .item > .item-inner > a img {
    width: 1.5625rem;
    height: auto;
    margin-right: 1.40625rem;
}
.fixed-buttons > .item span {
    font-size: 0.729rem;
    font-weight: 700;
    line-height: 1.042rem;
    color: #fff;
}

.show-for-medium {
    display: none;
}

/* ============ LEPOPUP ============ */

#lepopup-form-13 {
    display: flex;
    justify-content: center;
    align-items: center;
}

#lepopup-form-13 > .modal-content {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 600px;
    height: 600px;
}

#lepopup-form-13 .lepopup-element-2 {
    background-color: rgba(255, 255, 255, 1);
    background-image: url(/wp-content/themes/link-city/assets/images/bg-xanh.jpg);
    background-size: contain;
    background-repeat: repeat;
    background-position: center top;
    border-radius: 10px;
    height: 100%;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}

#lepopup-form-13 .lepopup-form {
    max-width: 396px;
}

#lepopup-form-13 .lepopup-element-title {
    font-size: 30px;
    color: rgba(255, 255, 255, 1);
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    min-height: 85px;
}

#lepopup-form-13 .lepopup-element-description {
    font-size: 16px;
    color: rgba(255, 255, 255, 1);
    font-style: normal;
    text-decoration: none;
    text-align: center;
    min-height: 48px;
    font-weight: 300;
}

#lepopup-form-13 .lepopup-input input[type="text"],
#lepopup-form-13 .lepopup-input input[type="email"] {
    font-size: 14px;
    color: #000000;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    background-color: rgba(235, 235, 235, 0.9);
    background-image: none;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    border-radius: 0px;
    box-shadow: none;
    height: 45px;
}

#lepopup-form-13 .lepopup-element .lepopup-button,
#lepopup-form-13 .lepopup-element .lepopup-button:visited {
    font-size: 18px;
    color: #ffffff;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    background-color: rgba(24, 120, 98, 1);
    background-image: none;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(25, 90, 255, 1);
    border-radius: 0px;
    box-shadow: 1px 1px 15px -6px #202020;
    height: 45px;
    width: 165px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#lepopup-form-13 .lepopup-button-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 45px;
}

#lepopup-form-13 .lepopup-close {
    position: absolute;
    z-index: 507;
    top: 5px;
    right: 5px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

#lepopup-form-13 .lepopup-close span {
    font-size: 40px;
    color: rgba(255, 255, 255, 1);
}

/* ============ END LEPOPUP ============ */

/* ============ LOAD HOME PAGE ============ */

.load_home_page svg {
    width: 23.4375rem;
    max-width: 95%;
    height: auto;
    position: absolute;
    z-index: 99;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
.load_home_page {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    transition: 1s all;
    opacity: 1;
    background: transparent;
}

div.load_home_page .mask {
    /*background-color: #00BDFFFF;*/
    transition: 1s all ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
}

div.load_home_page.complete .mask {
    background-color: transparent;
}

div.load_home_page .mask span {
    display: block;
    width: 100%;
    height: 20%;
    position: absolute;
    left: 0;
    transition: 1s all ease-in-out;
    background-color: var(--main-cl);
    /*backdrop-filter: blur(40px);*/
}

div.load_home_page .mask span:nth-child(even) {
    left: unset;
    right: 0;
}

div.load_home_page .mask span:nth-child(1) {
    top: 0;
}

div.load_home_page .mask span:nth-child(2) {
    top: 20%;
}

div.load_home_page .mask span:nth-child(3) {
    top: 40%;
}

div.load_home_page .mask span:nth-child(4) {
    top: 60%;
}

div.load_home_page .mask span:nth-child(5) {
    top: 80%;
}

.load_home_page.complete {
    visibility: hidden;
}

div.load_home_page.complete .mask span {
    width: 0;
    opacity: 0;
    transition-delay: 0.8s;
}

.load_home_page.complete svg {
    transition-delay: 0.8s;
    opacity: 0;
}
.load_home_page rect,
.load_home_page path {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.path-1 {
    animation-name: Signature4;
    animation-duration: 5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(2, 0.25, 0.43, 0.96);
    stroke: #fff;
    stroke-width: 0.5px;
    stroke-dasharray: 2108;
    stroke-dashoffset: 2108;
    fill: transparent;
}

.path-2 {
    animation-name: Signature5;
    animation-duration: 7s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(2, 0.25, 0.43, 0.96);
    stroke: var(--sub-cl);
    stroke-width: 0.3px;
    stroke-dasharray: 2108;
    stroke-dashoffset: 2108;
    fill: transparent;
}
.load_home_page.complete .path-2 {
    fill: var(--sub-cl);
}
.load_home_page.complete .path-1 {
    fill: #fff;
}
@keyframes Signature5 {
    to {
        stroke: var(--sub-cl);
        stroke-dashoffset: 0;
    }
}
@keyframes Signature4 {
    to {
        stroke: #fff;
        stroke-dashoffset: 0;
    }
}

body.is-light-section .menu-text {
    color: var(--main-cl);
}

body.is-light-section .nav-icon .hamburger > span {
    background-color: var(--main-cl);
}

body.is-light-section .header-search > a path {
    stroke: var(--main-cl);
}

body.is-light-section .header-button-1 > a > span.icon > svg:nth-of-type(1) path {
    fill: var(--main-cl);
}

body.is-light-section span.hotline,
body.is-light-section .nav-icon .fs-18 {
    color: var(--main-cl) !important;
}

body.is-light-section .nav > li.header-divider {
    border-color: var(--main-cl);
}

body.is-light-section header#header .header-logo-dark {
    opacity: 0;
}

body.is-dark-section .nav-icon .menu-text {
    color: #fff;
}

body.is-light-section .wrap-fp-nav #fp-nav ul li a.active + .fp-tooltip,
body.is-light-section .wrap-fp-nav #fp-nav ul li:hover .fp-tooltip {
    color: var(--main-cl);
    text-shadow: none;
}

body.is-light-section .wrap-fp-nav #fp-nav ul li a:hover span,
body.is-light-section .wrap-fp-nav #fp-nav ul li a.active span {
    color: var(--main-cl);
    text-shadow: none;
}

body.is-light-section .wrap-fp-nav #fp-nav ul li a:before {
    background-color: #333;
}

body.is-light-section .wrap-fp-nav #fp-nav ul li a:hover:before,
body.is-light-section .wrap-fp-nav #fp-nav ul li a.active:before {
    background-color: var(--main-cl);
    box-shadow: none;
}

body.is-light-section .wrap-fp-nav #fp-nav ul li a span {
    color: #333;
}

@media only screen and (max-width: 1024px) {
    :root {
        --container-w: 59.375rem;
    }

    .grid-container {
        padding-right: 15px;
        padding-left: 15px;
    }
    #masthead .header_logo {
        width: 120px;
        height: auto;
    }

    header#header .nav > li > a {
        padding: 0;
    }

    .sec-title {
        font-size: 2rem !important;
        line-height: 1.3;
    }

    .add-pt {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .home-sec-2 .flex-box {
        padding-bottom: 4rem;
    }

    .home-sec-4 .col-8 .col-inner {
        padding: 2rem 1.25rem;
    }

    .fp-tableCell {
        height: 100% !important;
    }

    .section-home-1 .swiper-video-wrapper {
        margin: auto;
    }

    .home-banner {
        height: auto;
        aspect-ratio: 1920 / 936;
    }

    .position-sec > .flex-box {
        align-items: center;
    }

    .position-sec .left-col {
        width: 45%;
    }

    .pl-cont {
        padding-left: calc(calc(100vw - 57.5rem) / 2);
    }
}

@media only screen and (max-width: 991px) {
    header#header #masthead {
        padding: 18px 15px;
    }

    header#header .header-button-1 > a > span.hotline {
        display: none;
    }

    header#header .nav > li.header-search-lightbox > a > svg {
        color: var(--main-cl);
    }

    .nav-icon .menu-text {
        color: var(--main-cl);
    }

    .sec-title {
        font-size: 26px !important;
    }

    #nk-main-menu .menu-logo {
        padding: 0 2rem;
    }

    .utilities-swiper-2-wrap {
        padding: 0;

        max-width: var(--container-w);
        margin: 0 auto;
    }

    .tablet-flex-col {
        flex-direction: column;
    }

    .tablet-col-12 {
        flex: 0 0 auto;
        width: 100% !important;
    }

    .home-sec-4 .col-8 {
        padding: 3rem 3rem 0;
    }

    .load_home_page svg {
        width: 260px;
    }

    section.progress-page .col-4 {
        padding-right: 0;
        padding-top: 0;
        text-align: center;
    }

    section.progress-page .button-wrapper {
        display: flex;
        justify-content: center;
        margin-bottom: 1.5625rem;
    }

    .section-home-1 .flex-box {
        flex-direction: column;
        justify-content: space-around;
        height: 100%;
    }

    .position-sec .flex-box {
        flex-direction: column;
    }

    .position-sec .left-col {
        max-width: var(--container-w);
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 1rem;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    .pl-cont {
        padding-left: calc(calc(100vw - 45rem) / 2);
    }
    .position-sec .right-col {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        overflow: hidden;
		height: 600px;
    }

    section.products-1 .cont-wrap {
        padding-bottom: 2rem;
        padding-top: 2rem;
    }

    section.products-1 .section-bg {
        display: none;
    }

    section.products-1 {
        display: block;
        background-image: url(/wp-content/themes/link-city/assets/images/new-masterplan-2.jpg);
        background-size: contain !important;
        background-color: #181e1c;
        background-position: center top !important;
        min-height: max-content !important;
    }
}

@media (max-width: 849px) {
    .hide-for-medium,
    [data-show="hide-for-medium"] {
        display: none !important;
    }

    .show-for-medium {
        display: flex;
    }

    #search-lightbox.active .modal-content {
        transform: translateY(70%);
    }
}

@media only screen and (max-width: 767px) {
    .load_home_page svg {
        width: 260px;
    }

    #masthead .logo-wrapper > a {
        height: 31px;
    }

    .home-banner .swiper-pagination {
        display: block;
    }

    #nk-main-menu .main-menu {
        flex: 1;
    }

    section.section-home-1 .swiper-video-wrapper {
        width: 100%;
    }

    #fullpage > section {
        min-height: 100vh;
    }

    #fullpage > section.position-sec {
        height: auto;
    }

    #nk-main-menu .menu-logo {
        display: none;
    }

    #nk-main-menu .menu-logo {
        width: 100%;
    }

    header#header #masthead {
        padding: 14px 15px;
    }

    #masthead .header_logo {
        width: 160px;
        height: auto;
    }

    .add-pt {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .section-home-1 .col-4 {
        padding-bottom: 0;
        position: relative;
    }

    .home-banner {
        aspect-ratio: 425 / 300;
    }

    #fullpage > .section-trangchu {
        min-height: fit-content;
    }

    section.section-home-1 {
        background-position: left !important;
    }

    .sec-title {
        font-size: 22px !important;
        text-align: center;
    }

    .mobile-col-12 {
        flex: 0 0 auto;
        width: 100% !important;
    }

    .mobile-text-center {
        text-align: center;
    }

    .fixed-buttons {
        bottom: 0;
        transform: unset;
        left: 0;
        right: 0;
        display: flex;
    }

    .fixed-buttons > .item,
    .fixed-buttons > .item > .item-inner > a {
        border-radius: 0;
    }

    .fixed-buttons > .item {
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .fixed-buttons > .item > .item-inner,
    .fixed-buttons > .item > .item-inner > a {
        height: 100%;
        width: 100%;
    }

    .fixed-buttons > .item > .item-inner > a {
        justify-content: center;
    }

    .fixed-buttons > .item > .item-inner > a img {
        height: 22px;
        width: auto;
        margin: 0;
    }

    .fixed-buttons .item span {
        display: none !important;
    }

    .fixed-buttons > .item:hover {
        transform: none;
    }

    header#header .header-button-1 span.icon > svg:nth-of-type(1) {
        width: 32px;
        height: 32px;
    }

    header#header .header-button-1 {
        margin-left: 12px;
    }

    #search-lightbox .search-lightbox-title {
        margin-bottom: 20px;
        font-size: 20px;
    }

    #search-lightbox .search-keywords {
        margin-top: 20px;
    }

    #search-lightbox .search-keywords > a {
        font-size: 14px;
    }

    .utilities-3 .title-group {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
    }

    .swiper.utilities-swiper-2 {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .home-sec-4 .col-4 img {
        max-height: 50px;
        width: auto !important;
    }

    .home-sec-4 .col-8 {
        padding-top: 2rem;
        padding-left: 0;
        padding-right: 0;
    }

    .mobile-col-reverse {
        flex-direction: column-reverse;
    }

    section.progress-page .progress-swiper {
        width: 100%;
    }
    section.progress-page .progress-thumb.swiper {
        width: 100%;
        height: auto;
    }

    section.progress-page .progress-thumb .arrow {
        display: none !important;
    }

    .load_intro .wrap .may {
        animation: may_1 2s ease-in-out 1 forwards;
    }

    .load_intro .wrap img {
        object-fit: cover;
        max-width: unset;
        position: absolute;
        right: -243%;
    }

    .load_intro .wrap .may.right {
        animation: may_2 2s ease-in-out 1 forwards;
    }

    .load_intro .wrap img {
        object-fit: cover;
        max-width: unset;
        position: absolute;
        right: -243%;
    }

    .load_intro .wrap .may.right img {
        right: unset;
        left: -193%;
    }

    .position-sec .right-col {
        padding-left: 0;
        padding-right: 0;
    }

    .position-sec {
        padding: 3rem 0 0;
    }

    section.products-1 .cont-wrap {
        padding-left: 0;
        width: 80%;
        margin: 0 auto;
    }

    section.products-1 {
        padding: 0 0 0 !important;
    }

    section.utilities-2 > .fp-tableCell {
        height: 100%;
        display: flex;
        flex-direction: column-reverse;
        background-color: #0d4b4d;
    }

    section.utilities-2 .section-bg {
        background-image: url(/wp-content/themes/link-city/assets/images/new-masterplan.jpg);
        margin-top: 1.5rem;
        height: 250px;
    }

    section.utilities-2 .cont-wrap {
        width: 100%;
    }
}

@media (max-width: 549px) {
    .hide-for-small,
    [data-show="hide-for-small"] {
        display: none !important;
    }

    #lepopup-form-13 .lepopup-element-title {
        font-size: 26px;
    }

    #lepopup-form-13 .lepopup-element-description {
        font-size: 14px;
    }

    .lepopup-form > .flex-box {
        flex-direction: column;
    }
	

}

header.header-mobile {
    position: sticky !important;
    top: 0;
}

header.header-mobile:not(.menu-active) {
    background-color: #fff;
}

header.header-mobile:not(.menu-active) .nav-icon .hamburger > span {
    background-color: var(--main-cl);
}

header.header-mobile:not(.menu-active) .header-button-1 > a > span.icon > svg:nth-of-type(1) path {
    fill: var(--main-cl);
}

header.header-mobile:not(.menu-active) .header-search > a path {
    stroke: var(--main-cl);
}

header.header-mobile:not(.menu-active) .header-logo-dark {
    opacity: 0;
}

.header-single {
    position: sticky;
    top: 0;
    transition: all 0.6s ease;
}

header.header-single:not(.menu-active) {
    background-color: #fff;
    transition: background-color 0.6s ease;
    transition-delay: 0.7s;
}

header.header-shadow {
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
}

/*  ============================ DETAIL PAGE ============================ */

#detail-page {
    padding-top: 7.292rem;
}

.content-post blockquote,
dl,
figure,
form,
ol,
p,
pre,
ul {
    margin-bottom: 1.3em;
}

.single-post-wrap {
    background-image: url(/wp-content/themes/link-city/assets/images/bg-news-single.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

section.post-title-group {
    padding: 5.208rem 0 0;
}
section.post-title-group .grid-container .sec-title {
    width: 51.042rem;
    max-width: 100%;
    margin: 1.042rem auto;
}
section.post-title-group .post-date-share {
    gap: 2.396rem;
}
section.post-title-group .post-date-share .date {
    gap: 0.521rem;
}
section.post-title-group .post-date-share .share {
    gap: 1.25rem;
}
section.post-text-box > .grid-container {
    width: 48.4375rem;
}
body.single-post .box-title {
    margin-bottom: 1.458rem;
    text-transform: uppercase;
    font-size: 2.083rem;
    font-weight: 600;
    line-height: 2.917rem;
    color: var(--main-cl);
}
body.single-post .box-title {
    text-align: center;
}
section.post-text-img .col-6:first-child {
    padding-left: 6.25rem;
}
section.post-text-img .col-6:last-child {
    padding-left: 2.604rem;
    padding-right: 12.03125rem;
}
section.related-post {
    padding: 5.208rem 0 4.167rem;
}
section.related-post .grid-box {
    grid-gap: 1.458rem;
}
section.tags-sec > .grid-container {
    width: 48.4375rem;
    padding-top: 1.042rem;
    padding-bottom: 4.208rem;
    border-top: 1px solid #66666626;
    margin-top: 2.083rem;
}
.tags > span.text-primary {
    margin-right: 1.042rem;
}
section.tags-sec .share-btn svg {
    width: 1.25rem;
    height: 1.25rem;
}
section.tags-sec .share-btn {
    width: 12.5rem;
}
section.tags-sec .share-btn a {
    margin-left: 1.823rem;
}
section.tags-sec .tags {
    width: calc(100% - 13.542rem);
    margin-bottom: 1rem;
}
section.tags-sec .tags span.divider,
section.tags-sec .tags a {
    color: #666666;
}
section.normal-post .content-post {
    padding: 3.646rem 5.104rem;
    margin: 3.125rem auto 0;
    max-width: 100%;
    -webkit-border-radius: 1.042rem;
    -moz-border-radius: 1.042rem;
    border-radius: 1.042rem;
    box-shadow: 0rem 0rem 1.042rem 0rem #0437381a;
    background-color: #fff;
}
section.normal-post .content-post .post-excerpt {
    font-size: 1.042rem;
    font-weight: 600;
    line-height: 1.458rem;
    margin-bottom: 2.083rem;
}

section.normal-post .content-post > .flex-box {
    border-top: 1px solid #66666626;
    padding-top: 1.042rem;
    margin-top: 3.125rem;
}

section.normal-post .content-post .share-btn > * {
    margin-right: 1.5625rem;
}
section.default-page {
    padding: 5rem 0;
}

.content-wrapper h2 {
    font-size: 1.5625rem;
    font-weight: 700;
    line-height: 1.875rem;
}
.content-wrapper h3 {
    font-size: 1.302rem;
    font-weight: 700;
    line-height: 1.5625rem;
}
.content-wrapper h4 {
    font-weight: 700;
    font-size: 1.146rem;
    line-height: 1.354rem;
}
.content-wrapper h5 {
    font-weight: 400;
    font-size: 1.042rem;
    line-height: 1.354rem;
}
.content-wrapper > *:last-child {
    margin-bottom: 0 !important;
}
.content-wrapper .wp-caption .wp-caption-text {
    font-size: 0.729rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1.042rem;
    background: transparent;
    text-align: left;
}

/* // category page */

.category-page {
    padding-top: 7.292rem;
}

section.post-category-page {
    background-image: url(/wp-content/themes/link-city/assets/images/bg-news.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}

section.post-category-page {
    padding: 3.125rem 0px 5.208rem;
}

section.post-category-page h1.sec-title {
    margin-bottom: 2.083rem;
}

section.post-category-page .terms-menu {
    margin-bottom: 2.604rem;
}

.terms-menu > ul {
    gap: 1.042rem;
    margin: 0px;
}

.terms-menu > ul > li {
    position: relative;
    margin: 0px;
}

.terms-menu > ul > li::before {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    left: 0px;
    top: 0px;
    content: "";
    opacity: 0;
    background: linear-gradient(90deg, rgb(47, 124, 120) 0%, rgb(67, 177, 157) 100%);
    transition: 0.4s ease-in-out;

    border-radius: 1.042rem 0px;
}

.terms-menu > ul > li:hover::before,
.terms-menu > ul > li.current-menu-item::before {
    opacity: 1;
}

.terms-menu > ul > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1.042rem;
    font-weight: 600;
    line-height: 1.458rem;
    color: rgb(51, 51, 51);
    position: relative;
    z-index: 3;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(51, 51, 51, 0.2);
    border-image: initial;
    transition: 0.4s ease-in-out;
    padding: 0.625rem 1.042rem;
    border-radius: 1.042rem 0px;
    overflow: hidden;
}

.terms-menu > ul > li:hover > a,
.terms-menu > ul > li.current-menu-item > a {
    color: rgb(255, 255, 255);
    border-color: transparent;
}

#post-list {
    margin-top: 1.25rem;
}

.grid-3 {
    grid-template-columns: repeat(3, 1fr);
}

.grid-box {
    display: grid;
}
#post-list #post-grid {
    gap: 1.042rem 0px;
}

section.post-category-page .btn.load-more-posts {
    margin-top: 3.125rem;
}

.form-group.submit-btn:hover .btn-primary::after,
.btn-primary:hover::after {
    opacity: 1;
}

.post-item.post-item-media .img-wrap > svg {
    opacity: 0;
    pointer-events: none;
}

.post-item.post-item-media:hover .img-wrap > svg {
    opacity: 1;
}

.p-middle {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
@media only screen and (max-width: 1024px) {
    .category-page {
        padding-top: 0;
    }

    #detail-page {
        padding-top: 0;
    }

    section.products-1 {
        display: flex;
        align-items: end;
        padding: 14rem 0 0;
    }
	
	.position-sec .right-col{
		height: 500px;
	}
	
}

@media only screen and (max-width: 991px) {
    section.normal-post .content-post {
        padding: 2rem 3rem;
    }

    .position-sec .right-col {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        overflow: hidden;
    }
}

@media only screen and (max-width: 767px) {
    section.normal-post .content-post {
        padding: 1rem;
        margin-top: 2rem;
    }

    .terms-menu > ul {
        flex-wrap: wrap;
        gap: 10px 10px;
    }

    .mobile-grid-2 {
        grid-template-columns: 1fr 1fr;
    }

    #post-list #post-grid {
        grid-gap: 0 5px;
    }
	
	.position-sec .right-col img {
		display:block;
		width:80%;
		margin: auto
		
	}

    .terms-menu > ul > li {
        flex: 0 0 calc(50% - 5px);
    }

    .post-item .cont-wrap {
        padding: 10px;
    }

    .post-item .cont-wrap h3 {
        font-size: 16px;
        line-height: 20px;
    }

    .position-sec .right-col {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
		height: 500px;
    }
	 .car-bottom {
        display: none;
    }
}

.click-copy {
    cursor: pointer;
}

.car-bottom {
    position: absolute;
    bottom: 55px;
    width: 100%;
}


.car-bottom .car {
    z-index: 12;
    height: 2.34375rem;
    width: 2.1875rem;
    transform: translateY(-50%);
    left: 0;
    top: 50%;
    position: absolute;

}

.car-bottom .car .img-ratio img {
    display: block;
    height: 50%;
    position: relative;
}

.car-bottom .grid-container {
    padding: 32px 0;
    position: relative;
}

.car-bottom .grid-container .center-line {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);

    width: 100%;
    height: 0.052083333333333336rem;
    background-color: rgb(255 255 255 / 0.5);
}

.car-bottom .grid-container .driver-paths {
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
}

@keyframes car-drive {
    from {
        left: 0;
    }

    to {
        left: calc(100% - 2.1875rem);
    }
}

.driver-paths .wrap-icon {
    height: 48.3875px;
    margin-bottom: calc(4 / 1920 * 100rem);
    text-align: center;
}

.driver-paths .drive-path-item {
    opacity: 0.4;
    filter: grayscale(0.3);
    transform: translateY(0);
    transition: opacity 0.35s ease, transform 0.35s ease, filter 0.35s ease;
}

.driver-paths .wrap-icon>.icon {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.driver-paths .wrap-icon .icon .number {
    text-shadow: 0 2px 1.7px rgba(0, 0, 0, 0.25);
    color: var(--sub-cl);
    font-size: 1.875rem;
}

.driver-paths .title {
    height: 48.3875px;
    text-align: center;
    padding-top: 12px;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 0.35s ease, transform 0.35s ease;
}

.driver-paths .drive-path-item::before {
    width: 0.9375rem;
    height: 0.9375rem;
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border: 1px solid var(--main-cl);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.driver-paths .drive-path-item.active {
    opacity: 1;
    filter: grayscale(0);
}

.driver-paths .drive-path-item.active::after {
    width: 0.521rem;
    height: 0.521rem;
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--sub-cl);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    z-index: 3;
    opacity: 1;
}

.driver-paths .drive-path-item.active .title {
    opacity: 1;
    transform: translateY(0);
}