root{
    --font-body: "Plus Jakarta Sans", sans-serif;
}
@font-face {
    font-family: 'Caturrita Regular';
    src: url('../fonts/CaturritaVU-Regular.eot');
    src: url('../fonts/CaturritaVU-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/CaturritaVU-Regular.woff2') format('woff2'),
    url('../fonts/CaturritaVU-Regular.woff') format('woff'),
    url('../fonts/CaturritaVU-Regular.ttf') format('truetype'),
    url('../fonts/CaturritaVU-Regular.svg#CaturritaVU-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Caturrita Bold';
    src: url('../fonts/CaturritaVU-Bold.eot');
    src: url('../fonts/CaturritaVU-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/CaturritaVU-Bold.woff2') format('woff2'),
    url('../fonts/CaturritaVU-Bold.woff') format('woff'),
    url('../fonts/CaturritaVU-Bold.ttf') format('truetype'),
    url('../fonts/CaturritaVU-Bold.svg#CaturritaVU-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

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: #FFCE7B;
}
body{
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 0.8rem;
    font-weight: 400;
}
.font_title{
    font-family: 'Caturrita Bold';
    background: linear-gradient(90deg, #F2BE54 0%, #F7D184 34.86%, #FFE1A6 50.54%, #F7D184 67.69%, #F2BD53 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 2.7rem;
    text-shadow: 0rem 0.2rem 0.5rem rgba(0, 0, 0, 0.20);
    margin-bottom: 1rem;
    line-height: 1.1;
    padding-top: 0.7rem;
}

.fp-watermark {
    display: none;
}
.bg_section {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.content_banner .logo img {
    display: block;
    margin: auto;
    max-height: 6rem;
    width: auto;
}



.content_banner .font_title {
    margin: 0;
    animation: action_title 1s ease-out 1 forwards;
    animation-delay: 2s;
    opacity: 0;

}
.content_banner .line span {
    width: 1px;
    display: inline-block;
    background: rgba(254, 223, 160, 0.35);
    transition: 1s all;
    animation: line_action 1s ease-out 1 forwards;
    animation-delay: 2s;
}
@keyframes line_action {
    from {margin: 0;
        height: 0}
    to {height: 13.9rem;
        margin: 2rem 0;}
}
@keyframes action_title {
    from {margin-top: 0rem;
        opacity: 0}
    to {
        margin-top: 0rem;
        opacity: 1
    }
}

.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100vw;
    height: 100vh;
    max-width: 100vw;
    position: relative;
}

.col, .columns, .gallery-item {
    padding-bottom: 0;
}
.container, .container-width, .full-width .ubermenu-nav, .row {
    max-width: 74.25rem;
}

.text_white {
    color: #fff;
}

span.sub_title {
    font-size: 1rem;
    font-family: 'Caturrita Bold';
    text-transform: uppercase;
    display: block;
}

.section {
    padding: 0;
    display: block;
    overflow: hidden;
}

.home_sec_2 .fp-tableCell {
    vertical-align: bottom;
    padding-bottom: 6.25rem;
}
.container, .container-width, .full-width .ubermenu-nav, .row {
    max-width: 74rem;
}
.home_sec_2 .box_content {
    padding-left: 1rem;
}

.button_style {
    display: inline-flex;
    justify-content: center;
    padding: 0 1rem;
    border: 1px solid var(--ffce-7-b, #FFCE7B);
    border-radius: 5rem;
    color: #fff;
    font-family: 'Caturrita Bold';
    line-height: 2.15rem;
    transition: .5s all;
    height: 2.1rem;
    padding-right: 3.4rem;
    position: relative;
}

.button_style .icon svg {
    width: 1.7rem;
    height: auto;
    display: block;
}

.button_style .icon {
    margin-left: 0.5rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.05rem;
}

.button_style:hover {
    background: #FFCE7B;
    color: #002C30;
}

.button_style:hover svg path {
    fill: #002C30;
}

.button_style svg path {
    transition: .5s all;
}

.home_sec_2:before {
    background: linear-gradient(0deg, rgba(0, 30, 18, 0.50) 0%, rgba(0, 30, 18, 0.32) 53%, rgba(0, 30, 18, 0.00) 100%);
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 9.25rem;
    width: 100%;
    z-index: 2;
    pointer-events: none;
}
.pk_details_sec_2 {
}

.items_home_sec3 {
    display: flex;
    overflow: auto;
    margin: 8.25rem -0.5rem 0;
    justify-content: flex-start;
}

.items_home_sec3::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 0.3rem rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.items_home_sec3::-webkit-scrollbar
{
    width: 0rem;
    height: 0;
    background-color: #cedbff;
}

.items_home_sec3::-webkit-scrollbar-thumb
{
    background-color: #EE3124;
}
a.button_style {
    margin-top: 1.5rem;
}

.items_home_sec3 .item {
    width: calc(25% - 1rem);
    margin: 0 0.5rem;
    flex: 0 0 auto;
}

.items_home_sec3 .item b.font_title span {
    font-size: 1.5rem;
    color: #fff;
}

.items_home_sec3 .item .title span {
    color: #fff;
    font-family: 'Caturrita Bold';
    font-size: 1.5rem;
}

.items_home_sec3 .item .sub {
    margin: 0 0 0.25rem;
}

.items_home_sec3 .item .content {
    color: #fff;
    margin-top: 0.5rem;
    font-weight: 700;
}

.home_sec_3 .box_content {
    max-width: 26rem;
}
.home_sec_5 .dot {
    position: absolute;
    top: 50%;
    left: 64.7%;
    display: flex;
    align-items: center;
    justify-content: center;
}



.home_sec_5 .dot:before {
    content: '';
    background: linear-gradient(90deg, #F2BE54 0%, #F7D184 20.07%, #FFE1A6 50.54%, #F7D184 77.34%, #F2BE54 100%);
    width: 3rem;
    height: 3rem;
    content: '';
    position: absolute;
    border-radius: 50%;
    animation: pulse-border 1000ms ease-out infinite;
}
.load_intro {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    pointer-events: none;
}


@keyframes pulse-border {
    0% {
        transform: translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform:translateZ(0) scale(1.5);
        opacity: 0;
    }
}

.load_intro .wrap .may {
    position: absolute;
    opacity: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .8s all;
    animation: may_1 3s ease-in-out 1 forwards; /* Chạy animation 1 lần và giữ trạng thái cuối */
    animation-delay: 0.8s; /* Delay 0.5 giây trước khi bắt đầu */
    /* overflow: hidden; */
}

.load_intro .wrap .may.right {
    animation: may_2 3s ease-in-out 1 forwards; /* Chạy animation 1 lần và giữ trạng thái cuối */
    animation-delay: 0.8s; /* Delay 0.5 giây trước khi bắt đầu */
}
.home_sec_5 .bg_section {
    background-size: cover;
}

@keyframes may_1 {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(-80%);
    }
    100% {
        transform: translateX(-100%);
    }
}

@keyframes may_2 {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(80%);
    }
    100% {
        transform: translateX(100%);
    }
}



.home_sec_5 .bg_section {
    left: unset;
    right: 0;
    background-size: 100% 100%;
}

.home_sec_5 {
    background: rgba(0, 30, 18);
}
.home_sec_5 .box_content {
    max-width: 26.7rem;
}

.home_sec_5 h2.font_title {
    margin-bottom: 0.5rem;
}


.items_home_sec_5 {
    max-height: 13.85rem;
    overflow: auto;
    position: relative;
}

.items_home_sec_5 .item {
    display: flex;
    align-items: center;
}

.items_home_sec_5 .item .title {
    font-size: 0.8rem;
    color: #fff;
    font-weight: 700;
    flex: 0 0 auto;
    width: 5.75rem;
    position: relative;
}

.items_home_sec_5 .item b.font_title {
    font-size: 1.5rem;
}

.items_home_sec_5 .item .title:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 0.5rem;
    height: 0.5rem;
    background: #F7D184;
    border-radius: 50%;
}

.items_home_sec_5 .item .content {
    color: #fff;
    height: 2.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    margin-left: 1.5rem;
    padding-left: 1.35rem;
    background-image: url(../img/bg_text_vitri.svg);
    width: 100%;
    background-size: cover;
    background-position: left center;
    max-width: 18.3rem;
    background-repeat: no-repeat;
    background-position: left center;
    line-height: normal;
    padding-top: 2px;
}

.items_home_sec_5 .item+.item {
    margin-top: 1.75rem;
}


.box_items_home_sec_5 {
    margin-top: 4.5rem;
    position: relative;
}

.box_items_home_sec_5:before {
    content: '';
    width: 1px;
    height: 134%;
    background: linear-gradient(106deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.30) 50%, rgba(255, 255, 255, 0.00) 100%);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5.45rem;
}
.items_home_sec_5::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 0.3rem rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.items_home_sec_5::-webkit-scrollbar
{
    width: 0rem;
    height: 0;
    background-color: #cedbff;
}

.items_home_sec_5::-webkit-scrollbar-thumb
{
    background-color: #EE3124;
}
.phan_khu_nen svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: .5s all;
}
.phan_khu_nen svg polygon {
  opacity: 0;
  transition: .5s all;
  stroke-width: 3;
}
.phan_khu_nen img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .5s all;
    opacity: 0;
}
.home_sec_6 .bg_section {
    background-size: 100% 100%;
}
ul.ten_phan_khu {
    list-style: none;
    margin: 0;
}

ul.ten_phan_khu li {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    cursor: pointer;
}

ul.ten_phan_khu li .dot {
    position: absolute;
    background: #73D935;
    width: 1.2rem;
    height: 1.2rem;
    content: '';
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.ten_phan_khu li:nth-child(1) {
    top: 73%;
    left: 44%;
}

ul.ten_phan_khu li:nth-child(2) {
    top: 57%;
    left: 73%;
}

ul.ten_phan_khu li:nth-child(3) {
    top: 46%;
    left: 86%;
}

ul.ten_phan_khu li:nth-child(4) {
    top: 41%;
    left: 92%;
}

ul.ten_phan_khu li:nth-child(5) {
    top: 34%;
    left: 91.67%;
}

.phan_khu_nen {
    pointer-events: none;
}
.phan_khu_nen svg polygon.active,
.phan_khu_nen svg .active,
.phan_khu_nen img.active {
    opacity: 1;
}
ul.ten_phan_khu li .dot:before,ul.ten_phan_khu li .dot:after {
    width: 130%;
    height: 130%;
    content: '';
    background: #73D935;
    border-radius: 50%;
    animation: pulse-border 1000ms ease-out infinite;
    position: absolute;
}

ul.ten_phan_khu li .dot:after {
    width: 135%;
    height: 135%;
    background: transparent;
    border: 1px solid #73D935;
}

ul.ten_phan_khu li:nth-child(2) .dot {
    background: #00A1B0;
}

ul.ten_phan_khu li:nth-child(2) .dot:before {
    background: #00A1B0;
}

ul.ten_phan_khu li:nth-child(2) .dot:after {
    border-color: #00A1B0;
}

ul.ten_phan_khu li:nth-child(3) .dot:after {
    border-color: #FFC762;
}

ul.ten_phan_khu li:nth-child(3) .dot,ul.ten_phan_khu li:nth-child(3) .dot:before {
    background: #FFC762;
}

ul.ten_phan_khu li:nth-child(4) .dot, ul.ten_phan_khu li:nth-child(4) .dot:before {
    background: #B658FF;
}

ul.ten_phan_khu li:nth-child(4) .dot:after {
    border-color: #B658FF;
}

ul.ten_phan_khu li:nth-child(5) .dot, ul.ten_phan_khu li:nth-child(5) .dot:before {
    background: #8FC9FF;
}

ul.ten_phan_khu li:nth-child(5) .dot:after {
    border-color: #8FC9FF;
}
ul.ten_phan_khu li .box {
    position: absolute;
    pointer-events: none;
}

ul.ten_phan_khu li .box .inner {
    border: 1px solid rgba(8, 209, 231, 0.30);
    background: rgba(8, 209, 231, 0.50);
    background: rgba(0, 44, 48, 0.40);
    backdrop-filter: blur(0.25rem);
    width: 5.8rem;
    height: 5.8rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    position: absolute;
    bottom: 3.5rem;
    left: 50%;
    transform: translate(-50%,100%) scale(0);
    z-index: 0;
    transition: .5s all;
}

ul.ten_phan_khu li .box .inner h3 {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0;
    line-height: 1.2;
}
ul.ten_phan_khu li .box .inner:before {
    content: '';
    filter: drop-shadow(0rem 0.2rem 3rem rgba(0, 112, 122, 0.30));
    background: linear-gradient(180deg, #00A7B7 0%, rgba(0, 167, 183, 0.28) 42%, rgba(0, 167, 183, 0.00) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50%;
    z-index: -1;
    animation: pulse-border 1000ms ease-out infinite;
}

ul.ten_phan_khu li .box .inner p {
    margin: 0;
    color: #fff;
    font-weight: 600;
    font-size: 0.7rem;
}

ul.ten_phan_khu li .box .inner h3 {
    font-family: 'Caturrita Regular';
    font-size: 0.7rem;
    color: #C5FFA3;
    line-height: 1.4;
    text-transform: uppercase;
}

ul.ten_phan_khu li .box .inner h3 b {
    font-family: 'Caturrita Bold';
    font-size: 0.95rem;
    display: block;
    line-height: 1.2;
}

ul.ten_phan_khu li:nth-child(2) .box .inner h3 {
    color: #80F7FF;
}

ul.ten_phan_khu li:nth-child(3) .box .inner h3 {
    color: var(--ffce-7-b, #FFCE7B);
}

ul.ten_phan_khu li:nth-child(4) .box .inner h3 {
    color: #E2B2FF;
}

ul.ten_phan_khu li:nth-child(5) .box .inner h3 {
    color: #8FC9FF;
}

ul.ten_phan_khu li .box .inner:after {
    width: 1px;
    height: 2.35rem;
    content: '';
    position: absolute;
    bottom: 0;
    transform: translateY(100%);
    background: linear-gradient(180deg, #00ABAF 0%, rgba(164, 212, 214, 0.69) 54.14%, rgba(255, 255, 255, 0.00) 77.27%);
}

ul.ten_phan_khu li:hover {
    z-index: 5;
}

ul.ten_phan_khu li:hover .box .inner {
    transform: translate(-50%, 0%) scale(1);
}
ul.vi_tri_phan_khu {
    list-style: none;
    margin: 0;
}

ul.vi_tri_phan_khu li {
    position: absolute;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 88%;
    left: 9.4%;
    z-index: 4;
    cursor: pointer;
}

ul.vi_tri_phan_khu li>span {
    position: absolute;
    width: 1.25rem;
    height: 1.25rem;
    display: inline-flex;
    justify-content: center;
    background: #007580;
    color: #fff;
    border-radius: 50%;
    font-weight: 700;
    line-height: 1.3rem;
    z-index: 0;
    align-items: center;
}

ul.vi_tri_phan_khu li:nth-child(2) {
    top: 88%;
    left: 24.4%;
}

ul.vi_tri_phan_khu li:nth-child(3) {
    top: 65%;
    left: 26%;
}

ul.vi_tri_phan_khu li:nth-child(4) {
    top: 74%;
    left: 29%;
}

ul.vi_tri_phan_khu li:nth-child(5) {
    top: 81%;
    left: 32%;
}

ul.vi_tri_phan_khu li:nth-child(6) {
    top: 89%;
    left: 34%;
}

ul.vi_tri_phan_khu li:nth-child(7) {
    top: 73%;
    left: 39%;
}

ul.vi_tri_phan_khu li:nth-child(8) {
    top: 67%;
    left: 40%;
}

ul.vi_tri_phan_khu li:nth-child(9) {
    top: 80%;
    left: 40.6%;
}

ul.vi_tri_phan_khu li:nth-child(10) {
    top: 87%;
    left: 40.9%;
}

ul.vi_tri_phan_khu li:nth-child(11) {
    top: 83%;
    left: 44.9%;
}

ul.vi_tri_phan_khu li:nth-child(12) {
    top: 65%;
    left: 49.9%;
}

ul.vi_tri_phan_khu li>span:before {
    content: '';
    position: absolute;
    width: 120%;
    height: 120%;
    background: #007580;
    border-radius: 50%;
    z-index: -1;
    animation: pulse-border 1000ms ease-out infinite;
}
ul.vi_tri_phan_khu li:nth-child(13) {
    top: 73%;
    left: 48.9%;
}

ul.vi_tri_phan_khu li:nth-child(14) {
    top: 67%;
    left: 59.5%;
}

ul.vi_tri_phan_khu li:nth-child(15) {
    top: 73%;
    left: 55.90%;
}

ul.vi_tri_phan_khu li:nth-child(16) {
    top: 61%;
    left: 58.9%;
}

ul.vi_tri_phan_khu li:nth-child(17) {
    top: 58%;
    left: 64.9%;
}

ul.vi_tri_phan_khu li:nth-child(18) {
    top: 63%;
    left: 67.2%;
}

ul.vi_tri_phan_khu li:nth-child(19) {
    top: 55%;
    left: 77.7%;
}

ul.vi_tri_phan_khu li:nth-child(20) {
    top: 50%;
    left: 73.7%;
}

ul.vi_tri_phan_khu li:nth-child(21) {
    top: 47%;
    left: 80.5%;
}

ul.vi_tri_phan_khu li:nth-child(22) {
    top: 49%;
    left: 87.5%;
}

ul.vi_tri_phan_khu li:nth-child(23) {
    top: 40%;
    left: 88.5%;
}

ul.vi_tri_phan_khu li:nth-child(24) {
    top: 36%;
    left: 89.8%;
}

ul.vi_tri_phan_khu li:nth-child(25) {
    top: 29%;
    left: 90.5%;
}
.box_vi_tri {
    position: absolute;
    top: 50%;
    left: 7rem;
    z-index: 9;
    transform: translateY(-50%);
    border-radius: 0.75rem;
    padding: 1.5rem 1rem;
}

.box_vi_tri ul {
    list-style: none;
    margin: 0;
    padding-right: 1rem;
    overflow: auto;
    max-height: 22.5rem;
}

.box_vi_tri ul li span {
    color: #fff;
    font-weight: 700;
    width: 1.25rem;
    height: 1.25rem;
    background: #007580;
    display: inline-flex;
    justify-content: center;
    border-radius: 50%;
    line-height: 1.3rem;
    flex: 0 0 auto;
    margin-right: 0.25rem;
    transition: .3s all;
}

.box_vi_tri ul li {
    color: #fff;
    font-size: 0.7rem;
    font-weight: 500;
    margin: 0;
    transition: .5s all;
    cursor: pointer;
}

.box_vi_tri ul li + li {
    margin-top: 1rem;
}
.list_vi_tri_phan_khu::-webkit-scrollbar-track
{

    background: rgb(255 255 255 / 20%);

}

.list_vi_tri_phan_khu::-webkit-scrollbar
{
    width: 0.15rem;
    height: 0;
    background-color: #cedbff;
}

.list_vi_tri_phan_khu::-webkit-scrollbar-thumb
{
    background-color: #FFCE7B;
}

.box_vi_tri ul li:hover {
    color: #FFCE7B;
}

.box_vi_tri ul li:hover span {
    background: #F3BF57;
    color: var(--007580, #007580);
}
ul.vi_tri_phan_khu li .box {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    pointer-events: none;
}

ul.vi_tri_phan_khu li .box .inner {
    width: 10.8rem;
    position: absolute;
    border-radius: 0.5rem;
    border: 1px solid #FFCE7B;
    background: rgba(0, 117, 128, 0.80);
    backdrop-filter: blur(2px);
    overflow: hidden;
    text-align: center;
    margin-bottom: 1.5rem;
    animation-name: goScale2;
    animation-duration: .5s;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}
ul.vi_tri_phan_khu li.active .box .inner {
    animation-name: goScale;
    animation-duration: .5s;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

@keyframes goScale2 {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(0)
    }
}
@keyframes goScale {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1)
    }
}
ul.vi_tri_phan_khu  .box_img {
    padding-bottom: 56.25%;
    position: relative;
}

ul.vi_tri_phan_khu .box_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

ul.vi_tri_phan_khu h3 {
    font-size: 0.7rem;
    margin: 0;
    color: var(--ffce-7-b, #FFCE7B);
    font-weight: 700;
    padding: 0 1rem;
    min-height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
ul.vi_tri_phan_khu li.active{
    z-index: 8;
}
ul.vi_tri_phan_khu li.active>span{
    background: #F3BF57;
    color: #007580;
}
.home_sec_6 .fp-tableCell {
    vertical-align: top;
    padding-top: 6.5rem;
}
.home_sec_6 a.button_style {
    margin: 0;
}

.home_sec_6 h2.font_title {
    margin: 0 0 0.5rem;
}
.home_sec_7 .fp-tableCell {
    vertical-align: top;
    padding-top: 12.5rem;
}

.home_sec_7 .bg_section:before,.home_sec_7 .bg_section:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(300deg, rgba(0, 0, 0, 0.00) 47.21%, rgba(0, 0, 0, 0.60) 85.72%);
    width: 100%;
    height: 100%;
}

.home_sec_7  h2.font_title {
    margin: 0;
}

.home_sec_7 a.button_style {
    margin-top: 0.5rem;
}

.home_sec_7 .bg_section:after {
    background: linear-gradient(0deg, rgba(0, 30, 18, 0.50) 0%, rgba(0, 30, 18, 0.32) 53%, rgba(0, 30, 18, 0.00) 100%);
    height: 18rem;
    bottom: 0;
    top: unset;
}
.tabs_round {
    position: absolute;
    width: 37.2412rem;
    height: 37.2412rem;
    background: linear-gradient(137deg, #002C30 18.49%, rgba(0, 82, 90, 0.40) 63.27%, rgba(0, 140, 153, 0.00) 82.23%);
    border-radius: 50%;
    bottom: 0;
    right: -1.5rem;
    transform: translateY(40%);
    z-index: 9;
}

.tabs_round ul {
    list-style: none;
    margin: 0;
}

.tabs_round ul li {
    position: absolute;
}
ul.nav_tabs_round li {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    left: 1%;
    cursor: pointer;
}

ul.nav_tabs_round li .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 4.55rem;
    height: 4.55rem;
    border: 1px solid rgba(8, 209, 231, 0.30);
    background: rgba(0, 44, 48, 0.30);
    backdrop-filter: blur(0.75rem);
    border-radius: 50%;
    overflow: hidden;
    transform: scale(1);
    transition: .5s all;
}

ul.nav_tabs_round li .icon img {
    position: absolute;
    max-width: 60%;
    max-height: 60%;
    width: auto;
    height: auto;
    transition: .5s all;
    transform: rotateY(0deg);
}

ul.nav_tabs_round li .icon img.icon_active {
    opacity: 0;
}

ul.nav_tabs_round li.active .icon img.icon_active {
    opacity: 1;
}

ul.nav_tabs_round li.active .icon img:not(.icon_active) {
    opacity: 0;
}

ul.nav_tabs_round li:nth-child(2) {
    top: 30%;
    left: 4%;
}

ul.nav_tabs_round li:nth-child(3) {
    top: 13%;
    left: 17%;
}

ul.nav_tabs_round li:nth-child(4) {
    top: 2%;
    left: 35%;
}

ul.nav_tabs_round li:nth-child(5) {
    top: 1%;
    left: 57%;
}

ul.nav_tabs_round li:nth-child(6) {
    top: 8%;
    left: 77%;
}

ul.nav_tabs_round li.active .icon {
    transform: scale(1.2);
}

ul.nav_tabs_round li:hover .icon img {
    transform: rotateY(360deg);
}
.for_tabs_round {
    position: absolute;
    top: 35%;
    transform: translate(-50%,-50%);
    max-width: 22rem;
    margin: auto;
    width: 100%;
    left: 50%;
}

.for_tabs_round .item {
    display: none;
}

.for_tabs_round .item.active {
    display: block;
}

.for_tabs_round h3.font_title {
    font-size: 1.75rem;
    margin-bottom: 0.5rem;
}

.for_tabs_round .content {
    color: #fff;
}
.home_sec_7 .bg_section {
    transition: background-image .5s ease-in-out;
}

.home_sec_8 h2.font_title {
    width: auto;
    display: block;
    margin: 0;
}

.home_sec_8 .wrap_title a {
    margin: 0;
}

.home_sec_8 .wrap_title {
    margin-bottom: 2rem;
}
.slider_gallery {
    width: calc(100% + calc(100vw - 71rem)/2);
}

.slider_gallery .slick-list {
    padding-right: calc(calc(100vw - 71rem)/2);
}

.slider_gallery .item_slide {
    padding: 0 0.6rem;
}

.item_gallery {
    width: 100%;
    cursor: pointer;
    position: relative;
    cursor: pointer;
}

.item_gallery .box_img {
    padding-bottom: 60.25%;
    position: relative;
    overflow: hidden;
}

.item_gallery .box_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: .5s all;
}

.item_gallery:hover .box_img img {
    transform: scale(1.1);
}

.item_gallery .box_img:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 43.67%, rgba(0, 0, 0, 0.50) 71.68%);
    z-index: 2;
    bottom: 0;
}

.item_gallery .box_content {
    position: absolute;
    bottom: 0;
    z-index: 2;
    right: 0;
    left: 0;
    padding: 0 2.25rem 1.4rem;
}

.item_gallery .box_content .font_title {
    margin: 0;
    font-size: 1.25rem;
}

.item_gallery .box_content span {
    color: #fff;
    font-size: 0.7rem;
}

.font_title.white {
    filter: brightness(0) invert(1);
}

.home_sec_8:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 9;
    background: linear-gradient(90deg, rgba(0, 61, 50, 0.00) 0%, rgba(0, 61, 50, 0.51) 41.47%, rgba(0, 61, 50, 0.72) 69.96%, rgba(0, 61, 50, 0.80) 100%);
    width: calc(calc(100vw - 74rem)/2);
}
ul.slick-dots {
    list-style: none;
    margin: 0;
    display: flex;
    justify-content: center;
    position: unset;
    margin-top: 0.65rem;
}

ul.slick-dots li {
    margin: 0 0.4rem;
}

ul.slick-dots li button {
    font-size: 0;
    padding: 0;
    width: 0.35rem;
    height: 0.35rem;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
    background: #fff;
}

ul.slick-dots li.slick-active button {
    opacity: 1;
    background: #FFCE7B;
}

.slider_logo a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 36%;
    width: 100%;
    position: relative;
}

.slider_logo a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 70%;
    max-height: 70%;
    width: auto;
    height: auto;
}

.slider_logo .item_slide {
    padding: 0 1rem;
}

.slider_gallery {
    margin: 0 -0.6rem;
}

.slider_logo {
    margin-top: 4rem;
}
.item_post_large {
    position: relative;
}

.item_post_large .box_img,.item_post .box_img {
    padding-bottom: 86%;
    position: relative;
    overflow: hidden;
    margin-bottom: 1rem;
}

.item_post_large .box_img img, .item_post .box_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: .5s all;
}

.item_post_large:hover .box_img img, .item_post:hover .box_img img {
    transform: scale(1.1);
}

.item_post_large .box_img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
}

.item_post_large h3 {
    font-size: 1.4rem;
    margin-bottom: 0.5rem;
}

.item_post_large .content {
    color: #fff;
    font-size: 0.7rem;
}

.item_post_large {
}

.item_post .box_img {
    padding-bottom: 56.25%;
}

.item_post h3 {
    font-size: 0.9rem;
    color: #fff;
    margin: 0;
}

.item_post .box_img {
    margin-bottom: 0.75rem;
}

.list_post .item_post+.item_post {
    margin-top: 2rem;
}

.list_post {
    padding-right: 2rem;
    padding-left: 3.5rem;
    max-height: calc(100vh - 6.75rem);
    overflow: auto;
}
.list_post::-webkit-scrollbar-track
{

    background: rgb(255 255 255 / 20%);

}

.list_post::-webkit-scrollbar
{
    width: 0.15rem;
    height: 0;
    background-color: #ffffff12;
}

.list_post::-webkit-scrollbar-thumb
{
    background-color: #FFCE7B;
}



.home_sec_10 .fp-tableCell {
    vertical-align: bottom;
}

.home_sec_10 h2.font_title {
    margin-top: 10rem;
    margin-bottom: 0;
}

.home_sec_10 .button_style {
    margin-top: 0.75rem;
}

.button_style.style_2 {
    background: #C49F56;
    border-color: #C49F56;
}

.button_style.style_2 path {
    fill: #fff;
}

a.style_center.max {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.item_post {position: relative;}
.home_sec_10:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8.35rem;
    background: linear-gradient(0deg, rgba(0, 30, 18, 0.50) 0%, rgba(0, 30, 18, 0.32) 53%, rgba(0, 30, 18, 0.00) 100%);
    z-index: 9;
    pointer-events: none;
}
.home_sec_11 .content {
    font-weight: 500;
}

a.view_map {
    color: var(--ffce-7-b, #FFCE7B);
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    margin-top: 0.7rem;
}

a.view_map svg {
    width: 0.85rem;
    height: auto;
    display: block;
    margin-right: 0.4rem;
}

ul.info_contact .content {
    color: #FFF;
    display: block;
    margin-bottom: 0.25rem;
}

ul.info_contact a.phone.font_title {
    font-size: 1.75rem;
    text-shadow: none;
}

ul.info_contact li {
    margin: 1rem 0 0 0;
}

ul.info_contact {
    list-style: none;
    margin: 0;
}

ul.info_contact b {
    font-size: 0.9rem;
    color: #fff;
}

ul.socials {
    list-style: none;
    margin: 1.5rem 0 0 0;
    display: flex;
    align-items: center;
}

ul.socials li+li {
    margin-left: 0.85rem;
}

ul.socials li {
    margin-bottom: 0;
}

ul.socials svg {
    max-width: 1.5rem;
    display: block;
}
.box_form{
    background: linear-gradient(180deg, rgba(0, 47, 51, 0.30) 0%, rgba(0, 47, 51, 0.00) 100%);
    backdrop-filter: blur(0.75rem);
    padding: 3.5rem 4rem 2.75rem;
    position: relative;
}
.box_form .font_title {
    font-size: 2.25rem;
    margin-bottom: 0.25rem;
}

.box_form .content {
    font-size: 0.7rem;
    margin-bottom: 0.75rem;
}

.wrap_input input {
    background: transparent !important;
    border: none;
    box-shadow: none !important;
    padding: 1.35rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.30);
    color: #fff !important;
}

.wrap_input input::placeholder {
    color: #fff;
}

.button_style[type="submit"] {
    margin: 1.05rem 0 0 0;
}

.box_form:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/hoa_tiet_form.png);
    content: '';
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: auto;
    pointer-events: none;
}

form {
    margin: 0;
}
.items_about_sec_2 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3rem;
}

.items_about_sec_2 .item {
    display: flex;
    width: 25%;
    align-items: center;
    color: #fff;
    padding: 1.5rem 0;
    border-bottom: 1px solid rgb(255 255 255 / 30%);
}

.items_about_sec_2 .item .icon {
    width: 3.7rem;
    height: 3.7rem;
    background: rgba(255, 255, 255, 0.10);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    flex: 0 0 auto;
    margin-right: 1rem;
}

.items_about_sec_2 .item img {
    max-width: 60%;
    max-height: 60%;
    width: auto;
    height: auto;
    transform: rotateY(0deg);
    transition: 1s all;
}
.items_about_sec_2 .item b {
    display: block;
    font-size: 0.9rem;
}

.items_about_sec_2 .item:nth-child(n + 5) {
    border-bottom: none;
}

.about_sec_2 .sub_title {margin-top: 10rem;}

.items_about_sec_2 .item:hover img {
    transform: rotateY(360deg);
}
.home_sec_11 .box_content h2.font_title {
    font-size: 2.5rem;
}

.home_sec_11 .box_content {
    max-width: 18.5rem;
}
.footer_page .box_form {
    background: linear-gradient(180deg, rgba(0, 47, 51, 0.30) 0%, rgba(0, 47, 51, 0.00) 100%);
    backdrop-filter: unset;
}

.footer_page .row:after {
    display: none;
}

.footer_page .box_form {transform: translateX(-7.75rem);margin-top: -2rem;}

.footer_page .box_form:before {
    display: none;
}
.tong_quan_sec_2 .bg_section {
    background-size: auto 100%;
    background-position: right center;
}

.tong_quan_sec_2 .bg_section:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(270deg, rgba(0, 88, 96, 0.00) 0%, rgba(0, 88, 96, 1) 60.31%,rgba(0, 88, 96, .7), #005860 129%);
    height: 100%;
    width: 60%;
}

.tong_quan_sec_2 {
    background: #005860;
}

.tong_quan_sec_2 .bg_section:after {
    background: linear-gradient(0deg, rgba(0, 30, 18, 0.70) 0%, rgba(0, 30, 18, 0.44) 53%, rgba(0, 30, 18, 0.00) 100%);
    height: 21.5rem;
    width: 100%;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
}
.tong_quan_sec_2 .box_content {
    max-width: 26.25rem;
}

.tong_quan_sec_2 h2.font_title {
    font-size: 3.5rem;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}
ul.nav_tab_phan_khu {
    position: absolute;
    bottom: 2rem;
    right: calc(calc(100vw - 74rem)/2);
    list-style: none;
    margin: 0;
    display: flex;
    z-index: 2;
}

ul.nav_tab_phan_khu li a {
    border-radius: 5rem;
    border: 0.025rem solid var(--ffffff, #FFF);
    padding: 0.8rem 1.05rem 0.6rem 1.05rem;
    color: var(--ffffff, #FFF);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    font-family: 'Caturrita Bold';
    line-height: normal;
    text-transform: uppercase;
    transition: .5s all;
}

ul.nav_tab_phan_khu li {
    margin: 0 !important;
    flex: 0 0 auto;
}

ul.nav_tab_phan_khu li a br {
    display: none;
}

ul.nav_tab_phan_khu li+li {
    margin-left: 1.25rem !important;
}

ul.nav_tab_phan_khu li a:hover,ul.nav_tab_phan_khu li a.active {
    color: #FFCE7B;
    border-color: #FFCE7B;
}
.hoa_tiet_svg {
    position: absolute;
    bottom: 0;
    left: 4.75rem;
    pointer-events: none;
}

.hoa_tiet_svg svg {
    display: block;
    width: 24.65rem;
    height: auto;
}
.slider_for_gallery .item {
    position: relative;
    height: 100vh;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.slider_for_gallery .item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slider_for_gallery  h3 {
    position: relative;
    z-index: 2;
    text-align: center;
    margin: 0 0 14rem;
    max-width: 70rem;
    font-size: 1.5rem;
}

.slider_for_gallery .item:before {
    background: linear-gradient(0deg, #001E12 0%, rgba(0, 30, 18, 0.90) 46.11%, rgba(0, 30, 18, 0.63) 76.38%, rgba(0, 30, 18, 0.00) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 22.15rem;
    content: '';
    z-index: 1;
}
.slider_for_gallery .item a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider_for_gallery .item a:before {
    content: '';
    position: absolute;
    width: 5rem;
    height: 5rem;
    background: #fff;
    border-radius: 50%;
    animation: pulse-border 1000ms ease-out infinite;
}

.slider_for_gallery .item a svg {
    width: 5rem;
    height: auto;
    position: relative;
    z-index: 2;
}
.slider_for_gallery {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.pk_details_sec_1 .fp-tableCell {
    vertical-align: bottom;
    padding-bottom: 3.75rem;
}

.arrow_slider {
    border-radius: 50%;
    width: 2.45rem;
    height: 2.45rem;
    border: 1px solid #FFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -4rem;
    cursor: pointer;
    transition: .5s all;
}

.arrow_slider svg {
    width: 0.5rem;
    height: auto;
}

.arrow_slider.right {
    left: unset;
    right: -4rem;
}

.slider_nav_gallery .item {
    padding-bottom: 56.25%;
    position: relative;
    border: 2px solid var(--ffce-7-b, #FFCE7B);
    border-radius: 0.5rem;
    overflow: hidden;
    border-color: transparent;
    transition: .5s all;
    cursor: pointer;
}

.slider_nav_gallery .item_slide {
    padding: 0 0.7rem;
}

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

.slider_nav_gallery .item a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.30);
}

.slider_nav_gallery .slick-current.slick-active .item {
    border: 2px solid var(--ffce-7-b, #FFCE7B);
}

.slider_nav_gallery .item a svg {
    width: 2rem;
    height: auto;
}
.pk_details_sec_2 .bg_section:before {
    background: #005860;
}

.pk_details_sec_2 {
    background: #005860;
}

.pk_details_sec_2 .bg_section {
    background-size: auto 100%;
    background-position: right center;
}

.pk_details_sec_2 .fp-tableCell {
    vertical-align: bottom;
}

.pk_details_sec_2  .bg_section:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(270deg, rgba(0, 88, 96, 0.00) 0%, rgba(0, 88, 96, 1) 55.31%, rgba(0, 88, 96, .7), #005860 129%);
    height: 100%;
    width: 60%;
}

.pk_details_sec_2 .items_home_sec3 {
    margin: 7.25rem 0 0 0;
}
.pk_details_sec_2 .bg_section:after {
    background: linear-gradient(0deg, rgba(0, 30, 18, 0.70) 0%, rgba(0, 30, 18, 0.44) 53%, rgba(0, 30, 18, 0.00) 100%);
    height: 21.5rem;
    width: 100%;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
}

.pk_details_sec_2 .items_home_sec3 {
    width: auto !important;
    padding-bottom: 3rem;
}

.pk_details_sec_2 .items_home_sec3 .item {
    width: auto !important;
    margin: 0;
}

.pk_details_sec_2 .items_home_sec3 .item+.item {
    margin-left: 4.5rem;
}
.pk_details_sec_3 ul.ten_phan_khu li .box .inner {
    transform: translate(-50%, 0%) scale(1);
}
.pk_details_sec_4 ul.ten_phan_khu li .dot:before {
    background: linear-gradient(180deg, #FFC762 0%, #FFDF6B 100%) !important;
}

.pk_details_sec_4 ul.ten_phan_khu li .dot {
    background: linear-gradient(180deg, #FFC762 0%, #FFDF6B 100%) !important;
}

.pk_details_sec_4 ul.ten_phan_khu li .dot:after {
    border-color: #FFC762 !important;
}
.pk_details_sec_4 .fp-tableCell {
    vertical-align: bottom;
    padding: 0 0 5.25rem;
    pointer-events: none;
}

.pk_details_sec_4 .content {
    max-width: 19.75rem;
    margin-bottom: 1.5rem;
}
.wrap_products {
    display: flex;
    width: 100%;
}

.wrap_products .item {
    height: 100vh;
    width: 25%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    display: flex;
    align-items: flex-end;
}

.wrap_products .item:before,.wrap_products .item:after {
    content: '';
    background: linear-gradient(180deg, rgba(0, 30, 18, 0.00) 0%, rgba(0, 30, 18, 0.73) 62.5%, #001E12 100%);
    height: 55vh;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: .5s all;
}

.wrap_products .item .box_content {
    width: 100%;
    padding: 2.75rem;
    position: relative;
    z-index: 2;
}

.wrap_products .item h3.font_title {
    font-size: 2rem;
    transition: .5s all;
    background-color: unset !important;
    background: none;
    background-clip: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset !important;
    color: var(--007580, #007580) !important;
}

.wrap_products .item ul {margin-left: 1rem;}

.wrap_products .box_content>span {
    display: inline-flex;
    align-items: center;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 700;
    transition: .5s all;
}

.wrap_products .box_content>span svg {
    width: 1.2rem;
    height: auto;
    margin-left: 0.5rem;
}

.wrap_products .item:after {
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 206, 123, 0.00) 0%, rgba(255, 206, 123, 0.73) 62.5%, #FFCE7B 100%);
    opacity: 0;
    transition: .5s all;
}

.wrap_products .item:hover:after {
    opacity: 1;
}

.wrap_products .item:hover:before {
    opacity: 0;
}

.wrap_products .item:hover h3.font_title {
    filter: unset;
}

.wrap_products .item .content {
    transition: .5s all;
}

.wrap_products .item:hover .content {
    color: var(--59595-c, #59595C);
}

.wrap_products .item:hover .box_content>span {
    color: var(--007580, #007580);
}

.wrap_products .item .box_content>span path {
    transition: .5s all;
}

.wrap_products .item:hover .box_content>span path {
    stroke: var(--007580, #007580);
}
.slider_nav_gallery {
    position: relative;
    z-index: 2;
}
svg.svg_mat_bang {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.chi_tiet_sec_2 .bg_section {
    background-position: right center;
    background-size: 100% 100%;
}

.chi_tiet_sec_2 {
    background: #035762;
}
.chi_tiet_sec_2 ul.ten_phan_khu li .dot:after {
    border-color: #FFC762;
}

.chi_tiet_sec_2 ul.ten_phan_khu li .dot:before,.chi_tiet_sec_2 ul.ten_phan_khu li .dot {
    background: #FFC762;
}
.chi_tiet_sec_2 .box_content {
    max-width: 19.75rem;
}
ul.list_mb li {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}

ul.list_mb {
    list-style: none;
    margin: 0;
}

ul.list_mb li span.num {
    width: 1.25rem;
    height: 1.25rem;
    background: #007580;
    display: inline-flex;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-weight: 900;
    position: absolute;
    font-size: 0.7rem;
    line-height: 1.3rem;
    transition: .3s all;
}

ul.list_mb li .box {
    position: absolute;
    opacity: 0;
}

ul.list_mb li a {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.list_mb li span.num:before {
    content: '';
    background: linear-gradient(90deg, #F2BE54 0%, #F7D184 20.07%, #FFE1A6 50.54%, #F7D184 77.34%, #F2BE54 100%);
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    border-radius: 50%;
    animation: pulse-border 1000ms ease-out infinite;
    z-index: -1;
}

.info_mb b {
    color: var(--ffce-7-b, #FFCE7B);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    display: block;
    margin-top: 0.35rem;
}

.info_mb .item+.item {margin-top: 2rem;}

.info_mb {
    margin-top: 2rem;
}
ul.list_mb li .box {
    border: 2px solid var(--Linear, #C69B5D);
    background: #003D43;
    width: 11.8rem;
    border-radius: 0.5rem;
    text-align: center;
    color: #fff;
    padding: 1rem;
    position: absolute;
    right: -3.75rem;
    transform: translate(50%, -50%) scale(0);
    opacity: 0;
    top: 50%;
}

ul.list_mb li .box li {
    position: unset;
    display: block;
}

ul.list_mb li .box  ul {
    margin: 0;
}

ul.list_mb li .box h3 {
    color: var(--ffce-7-b, #FFCE7B);
    font-size: 0.9rem;
    margin-bottom: 0.25rem;
}

ul.list_mb li .box ul {
    font-size: 0.7rem;
}

ul.list_mb li .box ul li {
    margin: 0;
}

ul.list_mb li .box ul li+li {
    margin-top: 0.25rem;
}

ul.list_mb li:hover .box {
    opacity: 1;
    transform: translate(100%, -50%) scale(1);
}

ul.list_mb li .box:before {
    content: '';
    position: absolute;
    width: 2.5rem;
    height: 2px;
    background: linear-gradient(-90deg, #C69B5D, transparent);
    top: 50%;
    transform: translate(-100%,-50%);
    left: 0;
}
.chi_tiet_san_pham .bg_section {
    background-size: 100% 100%;
}
.popup_mat_bang {
    width: 100vw;
    height: 100vh;
    padding: 0;
}

.fancybox-slide--html {
    padding: 0;
}

.popup_mat_bang .inner {
    display: flex;
    max-width: 74rem;
    margin: auto;
    height: 100vh;
    align-items: center;
}

.popup_mat_bang .inner .wrap_info {
    width: 42%;
    flex: 0 0 auto;
}

.popup_mat_bang .inner .wrap_title {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 1.5rem;
    align-items: center;
}

.popup_mat_bang .inner .wrap_title .img {
    width: 6.5rem;
    flex: 0 0 auto;
}

.popup_mat_bang .inner .wrap_title span.sub_title {
    color: #BBA65E;
    letter-spacing: 0.3rem;
}

.popup_mat_bang .inner .wrap_title h2.font_title.uppercase {
    background: unset;
    background-color: unset;
    background-clip: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    color: var(--1, #326768);
    text-shadow: none;
    font-size: 2rem;
    margin: 0;
}

.popup_mat_bang .inner .info {
    display: flex;
    flex-wrap: wrap;
    margin: 2.5rem -0.5rem 0;
}

.popup_mat_bang .inner .info .item {
    width: calc(50% - 1rem);
    margin: 1rem 0.5rem;
}

.popup_mat_bang .inner .info .item b {
    font-size: 1.25rem;
    color: var(--007580, #007580);
    display: block;
}

.popup_mat_bang .inner .info .item .content {
    font-size: 0.7rem;
}

.popup_mat_bang .inner .wrap_img_mb {
    width: 58%;
    padding-left: 13.5rem;
    padding-right: 5rem;
    max-height: 80vh;
    overflow: auto;
    text-align: center;
}

.popup_mat_bang .inner .wrap_img_mb .box_img {
    width: 23.25rem;
}

.popup_mat_bang .inner .wrap_img_mb .box_img img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 0.9rem;
}

.popup_mat_bang .inner .wrap_img_mb .content {
    color: #000;
    font-size: 0.7rem;
}

.popup_mat_bang .inner .wrap_img_mb .item+.item {
    margin-top: 2rem;
}

.wrap_img_mb::-webkit-scrollbar-track
{
    background-color: #F5F5F5;
}

.wrap_img_mb::-webkit-scrollbar
{
    width: 2px;
    height: 0;
    background-color: #cedbff;
}

.wrap_img_mb::-webkit-scrollbar-thumb
{
    background: #007580;
}
.slider_rows_post .slick-slide {
    padding: 0 1.5rem;
}

.slider_rows_post .item_post {
    margin: 0.75rem 0;
}

.slider_rows_post .item_post .box_img {
    padding-bottom: 56.25%;
}

.slider_rows_post {
    margin: 0 -1.5rem;
}
.news_section .row {
    justify-content: center;
}
.slider_media {
    margin: 0 2rem;
}

.slider_media .slick-slide {
    padding: 0 0.75rem;
}

.item_media {
    position: relative;
    margin: 0.75rem 0;
}

.item_media .box_img {
    padding-bottom: 44.25%;
    position: relative;
}

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

.item_media h3 {
    position: absolute;
    bottom: 0;
    margin: 0;
    padding: 1.25rem;
    color: var(--5, #FFF);
    font-size: 0.9rem;
    font-family: 'Caturrita Bold';
    z-index: 2;
}

.item_media .box_img:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 43.67%, rgba(0, 0, 0, 0.50) 71.68%);
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.slider_media {
    margin: 0 2rem;
}

.slider_media .slick-slide {
    padding: 0 0.75rem;
}

.item_media {
    position: relative;
    margin: 0.75rem 0;
}

.item_media .box_img {
    padding-bottom: 62.25%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
}

.item_media .box_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s all;
    opacity: 1;
}

.item_media h3 {
    position: absolute;
    bottom: 0;
    margin: 0;
    padding: 1.25rem;
    color: var(--5, #FFF);
    font-size: 0.9rem;
    font-family: 'Caturrita Bold';
    z-index: 2;
}

.item_media .box_img:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 43.67%, rgba(0, 0, 0, 0.50) 71.68%);
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.item_media .box_img svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 3rem;
    display: block;
    height: auto;
    z-index: 3;
    opacity: 0;
    transition: .5s all;
}

.item_media:hover .box_img svg {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.item_media:hover .box_img img {
    opacity: .5;
}
/* Default slide */
.slider_video .slick-slide{
    transform: scale(1);
    opacity: .5;
    transition: all 0.4s ease-in-out;
}
.slider_video .slick-slide,
.slider_video .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
    transform: scale(1);
    opacity: .5;
    transition: all 0.4s ease-in-out;
}

/* Active center slide (You can change anything here for cenetr slide)*/
.slider_video .slick-center,
.slider_video .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
    z-index: 9;
    transform: scale(1.3);
    opacity: 1;
}
.slider_video .slick-current.slick-active{
    transform: scale(1.3);
    z-index: 9;
    position: relative;
    opacity: 1;
}


/* Default slide */
.slider_video .slick-slide h3{
    opacity: 0;
    transition: all 0.4s ease-in-out;
}
.slider_video .slick-slide h3,
.slider_video .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] h3{
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

/* Active center slide (You can change anything here for cenetr slide)*/
.slider_video .slick-center h3,
.slider_video .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] h3{
    opacity: 1;
}
.slider_video .slick-current.slick-active h3{
    opacity: 1;
}
.slider_video .slick-list {
    padding: 3.5rem 15rem !important;
}

.item_video {
    padding-bottom: 56.25%;
    POSITION: relative;

}

.item_video img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2;
}

.item_video h3 {
    position: absolute;
    z-index: 4;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
}

.item_video h3 {
    font-size: 0.9rem;
    color: #fff;
    font-family: 'Caturrita Bold';
    margin: 0;
    padding: 1.5rem;
    opacity: 0;
    transition: .5s all;
}

.item_video:before {}

.item_video:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10rem;
    background: linear-gradient(0deg, black, transparent);
    z-index: 3;
    opacity: .7;
}

.item_video h3 svg {
    width: 2.5rem;
    height: auto;
    flex: 0 0 auto;
    margin-right: 1rem;
}

.item_video.item_document h3 {
    opacity: 1;
    font-size: 1rem;
}

.document_section .box_content {
    max-width: 18rem;
}

.document_section .box_content .font_title {
    margin-bottom: 0.5rem;
}

.wrap_arrow_slider {
    position: relative;
    margin-top: 1rem;
}

.wrap_arrow_slider>* {
    position: relative;
    top: unset !important;
    left: unset !important;
    transform: unset !important;
    right: unset !important;
}

.wrap_arrow_slider .left {
    margin-right: 0.75rem;
}

.chu_dau_tu_page .bg_section:before {
    content: '';
    background: linear-gradient(180deg, rgba(0, 30, 18, 0.00) 32.02%, rgba(0, 30, 18, 0.60) 52.3%);
    position: absolute;
    bottom: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
}

.chu_dau_tu_page .box_content {
    position: relative;
    z-index: 9;
    max-width: 36rem;
    padding-bottom: 4.5rem;
}


.chu_dau_tu_page .fp-tableCell {
    vertical-align: bottom;
}
header#header {
    position: fixed;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 30, 18, 0.50) 0%, rgba(0, 30, 18, 0.32) 53%, rgba(0, 30, 18, 0.00) 100%);
    display: flex;
}

header#header .inner_header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 1.75rem;
}

.inner_header .logo img {
    height: 2.5rem;
    width: auto;
}

.inner_header .wrap_right {
    display: flex;
    align-items: center;
}

.inner_header .wrap_right .icon {
    width: 1.9rem;
    height: 1.9rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #FFCE7B;
    border-radius: 50%;
    font-size: 0.8rem;
    color: var(--ffce-7-b, #FFCE7B);
    font-family: 'Caturrita Bold';
}

.inner_header .wrap_right .icon svg {
    max-width: 60%;
    max-height: 60%;
    width: auto;
    height: auto;
}

.inner_header .wrap_right a.language .icon {
    align-items: unset;
    line-height: 2.05rem;
}

a.hotline {
    font-family: 'Caturrita Bold';
    font-size: 0.8rem;
    color: #fff;
    display: flex;
    margin-right: 1.5rem;
    line-height: 2.05rem;
}

a.hotline span.icon {
    margin-right: 0.7rem;
}

a.language {
    margin-right: 2.25rem;
}

.action_menu svg {
    display: block;
    height: 1.2rem;
    width: auto;
}
.menu_page {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999;
    background: linear-gradient(290deg, #003F44 25.29%, #005860 100%);
    opacity: 0;
    transition: .5s all;
    pointer-events: none;
}

.menu_page .hoa_tiet_svg {
    left: 0;
}

.menu_page .hoa_tiet_svg svg {
    width: 66.65rem;
}

.menu_page .wrap {
    display: flex;
    align-items: center;
    height: 100vh;
    justify-content: space-between;
}

.menu_page .wrap_menu {
    width: 23.5rem;
    flex: 0 0 auto;
}

.menu_page .wrap_menu .logo_load {}

.logo_load {
    width: calc(100% - 23.5rem);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 15rem;
}

.logo_load svg {
    height: 6rem;
    width: auto;
}

.wrap_menu ul {
    list-style: none;
    margin: 0;
    display: inline-block;
    width: 20rem;
    overflow: hidden;
}

.wrap_menu ul li {
    margin: 0;
    transform: translateX(150%);
    opacity: 0;
    transition: .8s all;
}

.wrap_menu ul li a {
    font-size: 1.5rem;
    color: var(--ffffff, #FFF);
    font-family: 'Caturrita Bold';
    transition: .5s all;
    text-transform: uppercase;
}

.wrap_menu ul li + li {
    margin-top: 1.75rem;
}

.wrap_menu ul li a:hover {
    color: var(--ffce-7-b, #FFCE7B);
}
.menu_page.show {
    opacity: 1;
}

header#header.hide_logo .logo{
    opacity: 0;
    pointer-events: none;
}

.menu_page .load_logo path {
    fill: transparent;
    stroke: #FFCE7B;
    stroke-width: 1px;
    stroke-dasharray: 2905;
    stroke-dashoffset: 2905;
    fill-opacity: 1;
}

.menu_page.show  .load_logo path {
    animation-name: Signature;
    animation-duration: 30s;
}

@keyframes Signature {
    0% {
        fill: transparent;
    }
    4%{
        fill: transparent;
    }
    30%{
        fill: transparent ;
        stroke-dashoffset: 0;
        /*stroke-width: 0rem;*/
        stroke: #FFCE7B;

    }
    /*11%{*/
    /*    fill: #FFDF28;*/

    /*}*/
    30%{

    }
    100%{
        stroke: #FFCE7B;
        fill: transparent ;
        stroke-dashoffset: 0;
    }
}
.logo_load .box_logo {
    display: flow;
    width: auto;
    position: relative;
}

svg.logo_fill {
    position: absolute;
    left: 0;
    width: 100%;
    height: auto;
    opacity: 0;
    transition: .5s all;
}

.menu_page.show svg.logo_fill {
    opacity: 1;
    transition-delay: 1.3s;
}

.menu_page.show .wrap_menu ul li {
    transform: translateX(0);
    opacity: 1;
    transition-delay: 0s;
}

.menu_page.show .wrap_menu ul li:nth-child(1) {
    transition-delay: .6s;
}
.menu_page.show .wrap_menu ul li:nth-child(2) {
    transition-delay: .7s;
}
.menu_page.show .wrap_menu ul li:nth-child(3) {
    transition-delay: .8s;
}
.menu_page.show .wrap_menu ul li:nth-child(4) {
    transition-delay: .9s;
}
.menu_page.show .wrap_menu ul li:nth-child(5) {
    transition-delay: 1s;
}
.menu_page.show .wrap_menu ul li:nth-child(6) {
    transition-delay: 1.1s;
}
.menu_page.show .wrap_menu ul li:nth-child(7) {
    transition-delay: 1.2s;
}
.menu_page.show .wrap_menu ul li:nth-child(8) {
    transition-delay: 1.3s;
}
.action_menu a {
    position: relative;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    padding-top: .6rem;
}

.action_menu a svg.button_close {
    position: absolute;
    top: 29%;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 1.3rem;
    height: auto;
    opacity: 0;
    transition: .3s all;
}

.action_menu a svg.button_open {
    opacity: 1;
    transition: .3s all;
}

header#header.hide_logo .button_close {
    opacity: 1;
}

header#header.hide_logo .button_open {
    opacity: 0;
}
ul.button_fixed {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    z-index: 99;
    right: 1.5rem;
    list-style: none;
}

ul.button_fixed li {
    margin: 0.5rem 0;
}

.menu_page.show {
    pointer-events: unset;
}

ul.button_fixed a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

ul.button_fixed a img {
    /* max-width: 2.9rem; */
    width: auto;
    height: auto;
    position: relative;
    z-index: 9;
}

.scroll_down {
    position: fixed;
    bottom: 0;
    z-index: 99;
    right: 2.5rem;
    bottom: 1.5rem;
}

.scroll_down svg {
    width: 0.8rem;
    animation: hu__hu__ infinite 2s ease-in-out
}
@keyframes hu__hu__ {
    50% { transform: translateY(1.5rem) }
}


#fp-nav ul li .fp-tooltip {
    font-size: 0.65rem;
    font-weight: 600;
}


#fp-nav ul li a span, .fp-slidesNav ul li a span {
    width: 0.5rem !important;
    height: 0.5rem !important;
    background: #fff;
    opacity: .5;
    margin: 0 !important;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

#fp-nav ul li .fp-tooltip {
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
}

#fp-nav ul li, .fp-slidesNav ul li {
    width: 1rem !important;
    height: 1.75rem;
    display: flex;
    align-items: center;
}

#fp-nav ul li a, .fp-slidesNav ul li a {
    display: flex !important;
    align-items: center;
}

#fp-nav.fp-show-active a.active span {
    background: #ffce7b !important;
    opacity: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#fp-nav.fp-show-active a.active span:before {
    width: 120%;
    height: 120%;
    content: '';
    background: #ffce7b !important;
    border-radius: 50%;
    animation: pulse-border 1000ms ease-out infinite;
    position: absolute;
}
.copyright {
    position: fixed;
    bottom: 0;
    left: 0;
    font-size: 0.65rem;
    color: #fff;
    z-index: 9999;
    width: 100vw;
    padding: 0.75rem 1.5rem;
}

.copyright:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(0deg, rgba(0, 30, 18, 0.50) 0%, rgba(0, 30, 18, 0.32) 53%, rgba(0, 30, 18, 0.00) 100%);
    height: 7.5rem;
    z-index: -1;
    pointer-events: none;
}
video#myVideo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.home_sec_5 .dot svg {
    position: absolute;
    width: 32.2rem;
    height: auto;
    display: block;
}
.banner_post img {
    display: block;
    width: 100%;
    height: auto;
}

ul.cre {
    list-style: none;
    margin: 1.5rem 0 0;
    display: flex;
    max-width: 35rem;
    align-items: center;
}

ul.cre>*:not(:last-child) {
    flex: 0 0 auto;
}

ul.cre * {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 0.8rem;
    color: var(--59595-c, #59595C);
}

ul.cre svg {
    display: block;
    width: 1.05rem;
    height: auto;
}

ul.cre b {}

ul.cre li {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0;
}

ul.cre li:before {
    content: '';
    width: 0.2rem;
    height: 0.2rem;
    background: #007580;
    display: inline-block;
    border-radius: 50%;
    margin: 0 0.5rem;
    flex: 0 0 auto;
}

ul.cre li:first-child:before {
    display: none;
}

ul.cre li a {line-height: 1rem;}

section.post_details {
    padding: 5rem 0;
}

h1.title_post {
    color: var(--007580, #007580);
    font-family: 'Caturrita Bold';
    font-size: 2.5rem;
    max-width: 51rem;
    margin: auto;
}

.post_date {
    display: inline-flex;
    color: var(--59595-c, #59595C);
    line-height: 1rem;
    margin-top: 0.75rem;
}

.post_date svg {
    width: 1.05rem;
    height: auto;
    margin-right: 0.5rem;
}

.content.content_post {
    color: var(--59595-c, #59595C);
    line-height: 1.5;
    margin-top: 1.5rem;
}

.content.content_post h1,.content.content_post h2,.content.content_post h3 {
    color: var(--007580, #007580);
}

.content.content_post img {
    margin-bottom: 1.5rem;
}

.content.content_post ul {
    margin-left: 1rem;
}

.nav_bottom_post {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid rgba(102, 102, 102, 0.20);
    padding-top: 1rem;
    margin-top: 2rem;
}

.nav_bottom_post>* {
    display: flex;
    align-items: center;
}

.nav_bottom_post ul {
    list-style: none;
    margin: 0;
    display: flex;
}

.nav_bottom_post ul li {
    margin-bottom: 0;
}

.tags li+li:before {
    content: '/';
    margin: 0 0.5rem;
}

.nav_bottom_post ul li {
    display: flex;
    font-weight: 700;
}

.nav_bottom_post span {
    display: inline-block;
    margin-right: 0.5rem;
}

.share_post li+li {
    margin-left: 0.75rem;
}

.share_post li svg {
    width: 1.25rem;
    height: auto;
    display: block;
}
.slider_post_related .arrow_slider {
    filter: brightness(0) invert(0);
    opacity: .5;
}

.slider_post_related h3 {
    color: var(--59595-c, #59595C);
}

.item_post.slick-slide.slick-cloned {}

section.post_related {
    background: #F5F5F5;
    padding: 5.208rem 0;
}

section.post_related h2.font_title {
    background: none;
    background-color: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    color: var(--007580, #007580);
    margin-bottom: 1.7rem;
}
.slider_post_related .item_slide {
    padding: 0 1.5rem;
}
div.popup_tong_quan {
    padding: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

div.popup_tong_quan .row {
    display: flex;
    height: 100vh;
    align-content: flex-end;
    position: relative;
    z-index: 2;
    padding-bottom: 5rem;
}

div.popup_tong_quan:before {
    content: '';
    position: absolute;
    bottom: 0;
    background: linear-gradient(0deg, #001E12 0%, rgba(0, 30, 18, 0.90) 46.11%, rgba(0, 30, 18, 0.63) 76.38%, rgba(0, 30, 18, 0.00) 100%);
    height: 22.15rem;
    width: 100%;
    z-index: 1;
}

div.popup_tong_quan .box_content {
    max-width: 28.5rem;
}

div.popup_tong_quan .fancybox-close-small {
    opacity: 1;
    z-index: 99999;
    background: rgb(255 255 255 / 40%);
    border: 0.05rem solid #fff;
    border-radius: 50%;
    color: #fff;
    top: 2.5rem;
    right: 2.5rem;
    padding: 0.3rem;
}
.items_tong_quan {
    display: flex;
    flex-wrap: wrap;
}

.items_tong_quan .item {
    width: calc(100% / 3);
    font-size: 0.9rem;
    color: #fff;
    font-weight: 700;
    margin-bottom: 0.85rem;
}

.items_tong_quan .item b {
    font-size: 2.25rem;
    font-family: 'Caturrita Regular';
}

div.popup_tong_quan a.button_style {
    margin-top: 0.65rem;
}

.load_intro .wrap img {
    height: 100%;
}
.slider_post_related .arrow_slider:hover {
    background: #FFCE7B;
    filter: brightness(1) invert(0);
    opacity: 1;
}
.popup_mat_bang {}

.popup_mat_bang button.fancybox-button.fancybox-close-small:before {
    content: 'Đóng';
}

.popup_mat_bang button.fancybox-button.fancybox-close-small {
    width: auto;
    display: flex;
    align-items: center;
    line-height: 1;
    font-weight: 400;
    top: 20px;
    right: 20px;
}

.popup_mat_bang button.fancybox-button.fancybox-close-small svg {
    width: 2rem;
    height: auto;
}
ul.button_fixed a:before {
    content: '';
    width: 2.2rem;
    height: 2.2rem;
    background: #F2BE54;
    border-radius: 50%;
    position: absolute;
    opacity: 0;
    transition: .3s all;
}

ul.button_fixed a:hover:before {
    opacity: 1;
    animation: pulse-border 1000ms ease-out infinite;
}

@keyframes type {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

@keyframes cursor {
    50% {
        border-color: transparent;
    }
}

.font_title{
    color: #dbd56e;
    font-size: 2.7rem;
    font-weight: 500;
    position: relative;
}

.box_vi_tri:before {
    background: linear-gradient(180deg, rgba(0, 47, 51, 0.50) 0%, rgba(0, 140, 153, 0.50) 100%);
    backdrop-filter: blur(2px);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    border-radius: 0.75rem;
}
@keyframes goWidth {
    from {
        transform: scale3d(0,1,1)
    }

    to {
        transform: scale3d(1,1,1)
    }
}


section.active .box_vi_tri:before {
    animation-name: goWidth;
    animation-duration: 1s;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}
.bg_section.bg_section_blur {
    filter: blur(0px);
    transform: scale(1);
    opacity: 1;
    transition: .5s all;
    transition-delay: .3s;
}

section.active .bg_section.bg_section_blur {
    filter: blur(20px);
    transform: scale(1.3);
    opacity: 0;
    transition: 5s;
    transition-delay: .5s;
}
.bg_animation {
    transform: scale(1.2);
    transition: .5s;
    transition-delay: .3s;
}

.active .bg_animation {
    transform: scale(1);
    transition: 5s;
    transition-delay: .3s;
}
.active .box_form {
    animation-name: goWidth;
    animation-duration: 1s;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}
ul.list_mb li:hover span.num {
    background: #dcb466;
}
@media only screen and (min-width: 1200px) {
    /* Animation sequence */
    .CR-sequence-ani,
    .CR-sequence-ani div {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .CR-sequence-ani div {
        display: inline-block;
        -webkit-animation-name: CRleZoomIn;
        animation-name: CRleZoomIn;
        pointer-events: none;
        background: linear-gradient(90deg, #fbce75 0%, #f6c96e 68.97%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        padding-top: .6rem;
    }


    @-webkit-keyframes CRleZoomIn {
        from {
            -webkit-transform: scale(10);
            transform: scale(10);
            opacity: 0;
        }
    }

    @keyframes CRleZoomIn {
        from {
            -webkit-transform: scale(10);
            transform: scale(10);
            opacity: 0;
        }
    }
}

@media (max-width: 1600px){
    .font_title{
        font-size: 2.6rem;
    }
}
@media (min-width: 1200px) {
    html {
        font-size: 1vw;
    }
}
ul.ten_phan_khu li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.arrow_slider:hover {
    background: #cf9012 !important;
    border-color: #cf9012 !important;
}
@media (max-width: 1199px) {
    html {
        font-size: 1.5vw;
    }

    .box_vi_tri {
        left: 2rem;
    }

    .fp-tableCell {
        min-height: 40rem;
        height: auto;
        display: block;
        padding: 4rem 0;
    }

    .list_post {
        max-height: 34rem;
    }

    .home_sec_2 .fp-tableCell .row.align-right {
        height: 100%;
    }

    .slider_gallery {
        width: auto;
        margin: 0 -0.6rem;
    }

    .home_sec_8 .fp-tableCell,.home_sec_9 .fp-tableCell {
        min-height: unset;
    }
    .home_sec_2 .fp-tableCell {
        vertical-align: bottom;
        padding: 23rem 0 4rem;
    }
    .tong_quan_sec_2 .fp-tableCell {
        min-height: unset;
        padding: 9rem 0;
    }

    .tong_quan_sec_2 .bg_section {
        background-repeat: no-repeat;
    }

    ul.nav_tab_phan_khu {
        right: calc(calc(100vw - 62rem) / 2);
    }
    .slider_for_gallery {
        position: unset;
    }

    .slider_for_gallery h3 {
        margin-bottom: 1rem;
    }

    .slider_for_gallery .item img {
        object-fit: cover;
    }

    .slider_for_gallery .item {
        height: 33rem;
    }

    .pk_details_sec_1 .fp-tableCell {
        min-height: unset;
        background: #011e12;
        padding-top: 1rem;
        padding-bottom: 4rem;
    }

    .pk_details_sec_4 {
        padding-top: 4rem;
    }

    .pk_details_sec_4 .fp-tableCell {
        padding: 0 !important;
        min-height: 34rem;
    }
    .product_page .fp-tableCell {
        padding: 0 !important;
        min-height: unset !important;
    }

    .wrap_products {
        flex-wrap: wrap;
    }

    .wrap_products .item {width: 20%;height: 32rem;}

    .wrap_products .item .box_content {
        padding: 1rem;
    }
    .chi_tiet_san_pham .fp-tableCell {
        min-height: 35rem;
    }

    .chi_tiet_sec_2 .fp-tableCell {
        min-height: 35rem;
    }
    .popup_mat_bang .inner {
        max-width: 58rem;
    }

    .popup_mat_bang .inner .wrap_img_mb .box_img {
        width: 100%;
    }

    .popup_mat_bang .inner .wrap_img_mb {
        padding-left: 2.5rem;
    }
    .container, .container-width, .full-width .ubermenu-nav, .row {
        max-width: 64rem;
    }

    .font_title {
        font-size: 2.4rem;
    }
    .load_intro{
        /* display: none; */
    }
    .menu_page .wrap_menu {
        width: 14.5rem;
    }

    .logo_load {
        width: 100%;
        padding: 0;
    }
    .items_tong_quan .item {
        width: calc(100% / 2);
    }
    .bg_section_blur {
        display: none;
    }
    /* Animation sequence */
    section .CR-sequence-ani,
    section .CR-sequence-ani div {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        display: inline-block;
        /*opacity: 0;*/
    }

    .aos-animate.CR-sequence-ani div {
        display: inline-block;
        -webkit-animation-name: CRleZoomIn;
        animation-name: CRleZoomIn;
        pointer-events: none;
        background: linear-gradient(90deg, #fbce75 0%, #f6c96e 68.97%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        padding-top: .6rem;
    }


    @-webkit-keyframes CRleZoomIn {
        from {
            -webkit-transform: scale(10);
            transform: scale(10);
            opacity: 0;
        }
    }

    @keyframes CRleZoomIn {
        from {
            -webkit-transform: scale(10);
            transform: scale(10);
            opacity: 0;
        }
    }
}
@media only screen and (max-width: 991px){
    html {
        font-size: 1.6vw;
    }

    .font_title {
        font-size: 2rem;
    }

    ul.vi_tri_phan_khu li.active {
        z-index: 50;
    }
    .box_form {
        PADDING: 2.5rem;
    }
    ul.nav_tab_phan_khu {
        right: 15px;
    }
    div.popup_tong_quan:before {
        height: 100%;
    }
    header#header {
        background: linear-gradient(290deg, #003F44 25.29%, #005860 100%);
    }

    header#header.hide_logo {
        background: none;
    }
}
@media only screen and (max-width: 767px) {
    html {
        font-size: 4vw;
    }

    .content_banner .logo img {
        max-width: 60vw;
    }

    .content_banner {
        margin-top: 5rem;
    }

    @keyframes line_action {
        from {margin: 0;
            height: 0}
        to {height: 4.9rem;
            margin: 2rem 0;}
    }

    .home_sec_1 .fp-tableCell {
        min-height: auto;
    }

    .home_sec_3 .fp-tableCell {
        min-height: unset;
    }

    a.hotline {
        font-size: 0;
        margin-right: 1rem;
    }

    header#header .inner_header {
        padding: 1rem;
    }

    .inner_header .wrap_right .icon {
        margin: 0;
    }

    .home_sec_2 .fp-tableCell {
        padding: 12rem 0 4rem;
        min-height: unset;
    }

    .home_sec_2 .bg_section {
        background-position: bottom right;
    }

    .home_sec_2 .box_content {
        padding: 0;
    }

    a.language {
        margin-right: 1rem;
    }

    .home_sec_3 .bg_section {
        background-position: bottom left;
    }

    .items_home_sec3 {
        margin: 4.25rem -0.5rem 0;
    }

    .scroll_down {
        display: none;
    }

    ul.button_fixed {
        bottom: 2rem;
        top: unset;
        transform: unset;
        display: flex;
        align-items: center;
    }
    ul.button_fixed li {
        margin-left: .6rem;
    }

    .items_home_sec_5 .item .content {
        background-position: left center;
        height: 2.8rem;
    }

    .items_home_sec3 {
        overflow: unset;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .items_home_sec3 .item {
        width: calc(50% - 1rem);
        margin-top: 2rem;
    }

    .home_sec_6 .bg_section {
        height: 13rem;
        background-size: cover;
        position: relative;
    }

    .box_vi_tri {margin: 2rem 15px;position: relative;transform: unset;width: 100%;left: unset;top: unset;}

    .home_sec_6 {
        padding: 4rem 0;
        background: linear-gradient(290deg, #003F44 25.29%, #005860 100%);
        display: flex;
        flex-wrap: wrap;
    }

    .home_sec_6 .fp-tableCell {min-height: unset;padding: 0 0 2rem;order: -1;}

    ul.vi_tri_phan_khu li {
        transform: scale(.5);
    }

    ul.ten_phan_khu li {
        transform: scale(.5);
    }

    .box_vi_tri ul li {
        font-size: 1rem;
    }

    .box_vi_tri ul li span {
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
    }

    .home_sec_7 .fp-tableCell {
        padding-top: 4rem;
    }

    .tabs_round {
        right: 42%;
        transform: translate(50%, 40%);
        width: 26.2412rem;
        height: 26.2412rem;
    }

    ul.nav_tabs_round li {
        transform: scale(.7);
    }

    .for_tabs_round {
        max-width: 17rem;
    }

    .home_sec_7 .fp-tableCell {
        min-height: unset;
        padding-bottom: 20rem;
    }

    .home_sec_7 .bg_section:after {
        height: 100%;
        background: linear-gradient(0deg, rgba(0, 30, 18, 0.80) 0%, rgba(0, 30, 18, 0.52) 68%, rgba(0, 30, 18, 0.00) 100%);
    }

    .for_tabs_round h3.font_title {
        font-size: 1.4rem;
    }
    .box_form {
        padding: 3rem 2.5rem 2.75rem;
    }
    ul.vi_tri_phan_khu h3 {
        font-size: 1rem;
    }
    .home_sec_10 .fp-tableCell {
        min-height: unset !important;
    }

    .home_sec_10 h2.font_title {
        margin: 0;
    }

    .home_sec_10 .large-3.medium-3.col {
        text-align: center;
        margin-bottom: 2rem;
    }

    .home_sec_10 .bg_section {
        background-position: bottom left;
    }

    .list_post {
        padding-left: 0;
        margin-top: 2rem;
        padding-right: 1rem;
    }

    .home_sec_11 .bg_section {
        background-position: top left;
    }

    .home_sec_11 .fp-tableCell {
        min-height: unset;
    }
    .about_sec_2 .fp-tableCell {
        min-height: unset !important;
    }

    .about_sec_2 .sub_title {
        margin: 0;
    }

    .about_sec_2 .bg_section {
        background-position: bottom left -2rem;
    }

    .items_about_sec_2 .item {
        width: 100%;
    }

    .items_about_sec_2 {
        margin-top: 0;
    }

    .footer_page .box_form {
        margin: 3rem 0 0;
        transform: unset;
        background: linear-gradient(180deg, rgba(0, 47, 51, 0.80) 25%, rgba(0, 47, 51, 0.00) 100%);
    }
    .about_sec_4 {
        padding-bottom: 0 !important;
    }
    .phan_khu_page {
        padding-top: 7rem;
    }
    .tong_quan_sec_2 .fp-tableCell {
        padding: 4rem 0 9rem;
        min-height: 28rem;
    }

    .tong_quan_sec_2 .bg_section {
        background-size: cover;
    }

    .tong_quan_sec_2 .bg_section:before {
        width: 100%;
        background: linear-gradient(45deg, black, transparent);
    }

    ul.nav_tab_phan_khu {
        display: none;
    }

    .tong_quan_sec_2 h2.font_title {
        font-size: 2.5rem;
    }

    .tong_quan_sec_2 .bg_section:after {
        height: 100%;
    }

    .slider_for_gallery .item {
        height: 20rem;
    }

    .slider_for_gallery .item:before {
        height: 7.15rem;
    }

    .pk_details_sec_1 .fp-tableCell {
        padding-bottom: 2rem;
    }

    span.sub_title {
        margin-bottom: 0;
    }

    .pk_details_sec_2 .bg_section:before {
        width: 200%;
        background: linear-gradient(90deg, #005860, transparent);
    }

    .pk_details_sec_2 .bg_section:after {
        height: 100%;
    }

    .pk_details_sec_2 .items_home_sec3 .item {
        width: 100% !important;
        justify-content: flex-end;
    }

    .pk_details_sec_2 .items_home_sec3 {justify-content: flex-end;margin-top: 2rem;}

    .pk_details_sec_2 .items_home_sec3 .item+.item {
        margin: 2rem 0 0 0 !important;
    }

    section.section.home_sec_6.pk_details_sec_3 {
        padding-bottom: 0 !important;
    }
    section.section.home_sec_6.pk_details_sec_4 {
        padding-bottom: 0;
    }

    section.section.home_sec_6.pk_details_sec_4 .fp-tableCell {
        margin-bottom: 2rem;
    }
    .wrap_products .item {
        width: 100%;
    }

    .wrap_products .item .box_content h3 br {
        display: none;
    }

    .wrap_products .item .content {
        font-size: 1rem;
    }

    .wrap_products .item .box_content {
        padding: 1.5rem;
    }

    .chi_tiet_sec_2 .bg_section {
        position: relative !important;
        width: 100%;
        height: 12rem;
    }

    .chi_tiet_san_pham .bg_section {
        background-size: cover;
        position: relative;
        height: 12rem;
    }

    ul.list_mb li {
        transform: scale(.5);
    }

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

    .chi_tiet_san_pham .bg_section {
        order: 2;
    }

    .chi_tiet_san_pham {
        background: #014343;
    }

    .chi_tiet_san_pham .fp-tableCell {
        min-height: unset;
    }
    .popup_mat_bang .inner {
        display: block;
        max-width: 100%;
        padding: 5rem 1.5rem 3rem;
        height: auto;
    }

    .popup_mat_bang .inner .wrap_info {
        width: 100%;
    }

    .popup_mat_bang .inner .wrap_img_mb {
        width: 100%;
        padding: 0;
        margin-top: 2rem;
        height: 20rem;
    }
    .slider_rows_post .slick-slide {
        padding: 0 .5rem;
    }

    .slider_rows_post {
        margin: 0 -0.5rem;
    }

    .news_section .fp-tableCell {
        min-height: unset;
        padding-top: 6rem;
    }
    .item_media h3 {
        font-size: .8rem;
        padding: .3rem .8rem;
    }

    .item_media .box_img svg {
        width: 2rem;
    }
    .slider_video .slick-list {
        padding: 3rem !important;
    }

    .video_section .fp-tableCell {
        min-height: unset !important;
    }

    .document_section .fp-tableCell {
        min-height: unset !important;
    }

    .wrap_arrow_slider {
        margin-bottom: 2rem;
    }
    .item_video h3 {
        padding: .8rem;
    }

    .item_video h3 svg {
        width: 2rem;
    }
    .chu_dau_tu_page .bg_section:before {
        transform: rotate(180deg);
        background: linear-gradient(180deg, rgba(0, 30, 18, 0.7) 32.02%, rgba(0, 30, 18, 0.7) 52.3%);
    }

    .chu_dau_tu_page .fp-tableCell {
        min-height: unset !important;
        padding: 8rem 0 2rem;
    }

    .chu_dau_tu_page .box_content h1.font_title {
        font-size: 1.7rem;
        line-height: 1.4;
    }

    .home_sec_9 .large-3.medium-3.text-right {
        text-align: center;
    }

    .slider_logo {
        margin-top: 0;
    }
    .home_sec_5 .bg_section {
        background-size: cover;
    }

    .home_sec_5 .dot {
        display: none;
    }
    .menu_page .wrap {flex-wrap: wrap;justify-content: center;align-content: center;}

    .menu_page .hoa_tiet_svg {
        width: 100%;
        height: auto;
    }

    .menu_page .hoa_tiet_svg svg {
        width: 100%;
        height: auto;
    }

    .logo_load svg {
        height: 4rem;
    }

    .wrap_menu ul {
        width: 100%;
    }

    .menu_page .wrap_menu {
        text-align: center;
        margin-top: 2rem;
    }

    .wrap_menu ul li a {
        font-size: 1.2rem;
    }

    div.popup_tong_quan .box_content {
        max-width: 100%;
        margin-bottom: 2rem;
    }
    h1.title_post {
        font-size: 2rem;
    }

    section.post_details {
        padding: 3rem 0;
    }

    .slider_post_related .item_slide {
        padding: 0.5rem;
    }

    section.post_related {
        padding: 3rem 0;
    }
    header#header .inner_header .logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .inner_header .wrap_right {width: 100%;}

    .action_menu {
        position: absolute;
        right: 1rem;
    }

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

    .load_intro .wrap .may.right img {
        right: unset;
        left: -193%;
    }
    @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;

        }
    }
    div#fullpage {
        margin-top: 2rem;
    }

    header#header {
        top: 0;
    }
    .slider_post_related h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
    .slider_post_related
    ul.slick-dots li button {
        background: #FFCE7B;
    }
    .chi_tiet_sec_2 .fp-tableCell{
        min-height: unset;
    }
    .home_sec_8 .wrap_title a {
        margin-bottom: .5rem;
    }

    .home_sec_8 .wrap_title {
        align-items: flex-end;
    }
    .tong_quan_sec_2  ul.slick-dots {
        position: absolute;
        bottom: 1rem;
        width: 100%;
    }
}