input,
optgroup,
select,
textarea {
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inset 0.052rem 0.052rem 0.15625rem rgba(0, 0, 0, 0);
    -moz-box-shadow: inset 0.052rem 0.052rem 0.15625rem rgba(0, 0, 0, 0);
    box-shadow: inset 0.052rem 0.052rem 0.15625rem rgba(0, 0, 0, .0);
}

:root {
    --font-extra: 'Cormorant bold';
    --main-cl: #89c527;
    --sub-cl: linear-gradient(90deg, #9BC43D 0%, #03612F 100%);
}

/*body:not([class*="fp-viewing-"])::-webkit-scrollbar-track {*/
/*    -webkit-box-shadow: inset 0 0 0.3125rem rgba(0, 0, 0, 0.3);*/
/*    background-color: #015c4b;*/
/*}*/

/*body:not([class*="fp-viewing-"])::-webkit-scrollbar {*/
/*    width: 0rem;*/
/*    background-color: #015c4b;*/
/*}*/

/*body:not([class*="fp-viewing-"])::-webkit-scrollbar-thumb {*/
/*    background-color: #adadad;*/
/*}*/

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);
}


body.menu_color::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0.3125rem rgba(0, 0, 0, 0.3);
    background-color: #015c4b;
}

body.menu_color::-webkit-scrollbar {
    width: 0rem;
    background-color: #015c4b;
}

body.menu_color::-webkit-scrollbar-thumb {
    background-color: #adadad;
}


body {
    font-family: 'Roboto';
    color: #1F2B1A;
    overflow-x: hidden;
    font-size: 0.9375rem;
    background: #FFFBEF;
}

body ul {
    margin-top: 0;
    margin-bottom: 1.042rem;
}

.grid-container {
    max-width: 75rem;
    position: relative;
    width: 100%;
}

.load_home_page svg {
    width: 20.833rem;
    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: 999999999999;*/
/*    transition: opacity 1s ease;*/
/*    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;*/
/*    opacity:0;*/
/*}*/

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

#respond input#wp-comment-cookies-consent {
    height: auto !important;
    margin: 0 10px 0 0 !important;
}

.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: Signature2;
    animation-duration: 10s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(2, .25, .43, .96);
    stroke: #FFF;
    stroke-width: 1px;
    stroke-dasharray: 2108;
    stroke-dashoffset: 2108;
    fill: transparent;
}

.path-2 {
    animation-name: Signature1;
    animation-duration: 20s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(2, .25, .43, .96);
    stroke: var(--sub-cl);
    stroke-width: 1px;
    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 Signature1 {
    to {
        stroke: var(--sub-cl);
        stroke-dashoffset: 0;
    }
}

@keyframes Signature2 {
    to {
        stroke: #FFF;
        stroke-dashoffset: 0;
    }
}

.tile-reveal {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-flow: row wrap;
    align-self: flex-start;
    align-items: center;
    align-content: center;
    justify-content: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 99;
    background-color: var(--main-cl);
}

.tile-reveal-square {
    flex: 1 1 auto;
    width: 75px;
    height: 75px;
    background-color: var(--main-cl);
    opacity: 1;
}

.wrap-enter-site {
    position: fixed;
    width: 100%;
    height: auto;
    bottom: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
}

.load_home_page.complete img.logo_center {
    opacity: 0;
}

img.logo_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 23rem;
    max-width: 80vw;
    transition: .8s all ease-in-out;
    opacity: 1;
    max-height: 18rem;
    height: auto;
    object-fit: contain;
}

.content {
    font-size: 0.9375rem;
    color: #333333;
    line-height: 1.6;
    margin-bottom: 0;
}

a, a:hover {
    text-decoration: none !important;
    transition: all 1s;
}

.content > *:last-child {
    margin: 0;
}

b,
strong {
    font-family: 'Roboto bold';
}


h1,
h2,
h3 {
    font-family: 'Roboto bold';
}


.text_white,
.text_white * {
    color: white !important;
}

.text_justify {
    text-align: justify;
}

.text_center {
    text-align: center;
}

.text_up {
    text-transform: uppercase;
}

.fs14 {
    font-size: 0.729rem;
}

.fs15 {
    font-size: 0.78125rem;
}

.fs18 {
    font-size: 0.9375rem;
}

.style_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}

.max {
    width: 100%;
    height: 100%;
    z-index: 9;
}

.display_flex {
    display: flex;
}

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

.css_bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.content ul {
    list-style: disc;
    margin-left: 1.042rem;
}

.section {
    width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    overflow: hidden;
}

.arrow.prev {
    transform: rotate(180deg);
}

.swiper-slide img {
    display: block;
}

.hero-slider {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 0;
}

.hero-slider .swiper-slide h3 {
    color: #fff !important;
    line-height: 1;
}

.hero-slider .swiper-slide {
    overflow: hidden;
    /*width: 100% !important;*/
    background: #000;
}

.home_sec1 .swiper-slide {
    overflow: hidden; /* ✅ chặn slide-inner tràn ra ngoài gây đen */
}

.slide-inner {
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.hero-slider .swiper-container,
.hero-slider .swiper {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.hero-slider .slide-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    opacity: .7;
}

.slide-inner {
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/*--------------------------------------------------------------
    #hero-style
--------------------------------------------------------------*/
.hero-style {
    height: 100vh;
}

section {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.content_banner {
    position: absolute;
    top: 50%;
    z-index: 999;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 90vw;
}

.content_banner h3 {
    font-size: 4.167rem;
    margin-bottom: 3.125rem;
    font-family: var(--font-extra);
    text-transform: uppercase;
}

.content_banner .content {
    font-size: 1.302rem;
    color: white;
}

.hero-slider .swiper-pagination {
    position: absolute;
    bottom: 2.5rem;
    left: 50%;
    transform: translateX(-50%);
}

.swiper-pagination span {
    width: 2.604rem;
    height: 0.052rem;
    display: inline-block;
    background: white;
    border-radius: 0;
    height: 0.104rem;
    margin-right: 0.521rem;
    opacity: 1;
}

.hero-slider .slide-inner:before {
    background: linear-gradient(0deg, rgba(0, 31, 17, 0) 0%, rgba(0, 31, 17, 0.152439) 13.02%, rgba(0, 31, 17, 0.292683) 25%, rgba(0, 31, 17, 0.469512) 40.1%, rgba(0, 31, 17, 0.646341) 55.21%, rgba(0, 31, 17, 0.823171) 71.35%, #001F11 85.42%);
    opacity: 0.6;
    transform: rotate(180deg);
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    height: 40%;
    width: 100%;
}

a.play_video {
    background: rgba(0, 92, 39, 0.5);
    position: absolute;
    right: calc(calc(100vw - 57.292rem) / 2);
    z-index: 9;
    bottom: 7.03125rem;
    width: 5.729rem;
    height: 5.729rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

a.play_video span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../images/round_play.svg);
    background-size: cover;
}

a.play_video span {
    transform: rotateY(45deg);
    animation: rotateAnimation 2s linear infinite;
}

a.play_video span:before, ul.nav_right a.phone .icon:before {
    background-image: url(../../images/round_play.svg);
    content: '';
    position: absolute;
    top: -1.823rem;
    left: -1.823rem;
    right: -1.823rem;
    bottom: -1.823rem;
    background-size: cover;
    animation: rotateAnimation_2 1s linear infinite;
    background-repeat: no-repeat;
    background-size: contain;
}

@keyframes rotateAnimation_2 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


@keyframes rotateAnimation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

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

.home_sec2 .box_img img {
    display: block;
    max-width: calc(100% + calc(calc(100vw - 71.875rem) / 2));
}

.home_sec2 .box_img {
    display: flex;
    justify-content: flex-end;
    padding-right: 0.521rem;
}

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

.heading_h2 {
    background: var(--sub-cl);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-animation: i 30s ease infinite;
    animation: i 30s ease infinite;
    background-size: 500% 500%;
    text-transform: uppercase;
    font-family: var(--font-extra);
    margin-bottom: 1.5625rem;
    font-size: 2.604rem;
    line-height: 1.1;
}

@-webkit-keyframes i {
    0% {
        background-position: 0 13%
    }

    50% {
        background-position: 100% 88%
    }

    100% {
        background-position: 0 13%
    }
}

@keyframes i {
    0% {
        background-position: 0 13%
    }

    50% {
        background-position: 100% 88%
    }

    100% {
        background-position: 0 13%
    }
}

.content strong {
    display: block;
    font-family: 'Roboto bold';
    font-size: 1.042rem;
    margin-bottom: 0.521rem;
}

.home_sec2 .content {
    max-width: 31.6875rem;
    margin-bottom: 2.083rem;
    text-align: justify;
}

a.view_more {
    display: inline-flex;
    align-items: center;
    font-family: var(--font-bold);
    font-size: 0.9375rem;
    color: #89c527;
}

a.view_more svg {
    margin-left: 0.78125rem;
}

a.view_more span {
    border-bottom: 0.052rem solid #89c527;
}

.home_sec2 .box_content {
    padding-top: 5.208rem;
}

.home_sec2 .box_img {
    position: relative;
    height: 100vh;
    align-items: self-end;
}

.home_sec2 .box_img svg {
    position: absolute;
    max-width: calc(100% + calc(calc(100vw - 71.875rem) / 2));
    top: 0;
    right: 1.042rem;
    height: auto;
}

.home_sec2 .grid-container {
    display: flex;
    align-items: center;
}

.button_style {
    align-items: center;
    display: inline-flex;
    background-image: url(../../images/bg_button.svg);
    height: 2.8125rem;
    background-size: cover;
    padding: 0 0 0 1.198rem;
    transform: scale(1);
    transition: .3s all !important;
    opacity: 1;
}

.button_style .arrow {
    background-image: url(../../images/arrow_button.svg);
}

.home_sec3 .content {
    max-width: 16.75rem;
    margin-bottom: 2.083rem;
    text-align: justify;
}

.slider_action.swiper-container,
.swiper {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.button_style span {
    color: #89c527;
    font-size: 0.9375rem;
    text-transform: uppercase;
    font-family: var(--font-bold);
}

.button_style span.arrow {
    width: 4.323rem;
    height: 100%;
    background-size: 100%;
}

.slider_action .item .box_img {
    position: relative;
    padding-bottom: 145%;
    overflow: hidden;
    width: 100%;
    border-radius: 10px;
}

.slider_action .item .box_img img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s all;
    transform: scale(1);
    border-radius: 10px !important;
}

.slider_action .item .box_content {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.slider_action .item {
    position: relative;
    background: transparent;
    overflow: 0;
    transition: .3s all !important;
    border-radius: 15px;
    overflow: hidden;
}

.slider_action .item .box_content .num {
    text-transform: uppercase;
    background: linear-gradient(256.95deg, #FECB86 -84.56%, #B08552 105.38%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-family: var(--font-bold);
    font-size: 3.125rem;
    line-height: .8;
    padding-right: 0.885rem;
    margin-right: 0.885rem;
    border-right: 0.052rem solid #333333;
}

.slider_action .item .box_content h3 {
    font-size: 0.9375rem;
    margin: 0;
    line-height: 1.4;
    transition: .3s all;
    height: 4.583rem;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 10.417rem;
    font-family: var(--font-bold);
}

.slider_action .item:hover .box_content .num {
    color: #89c527;
    background-image: none;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #89c527;
}

.home_sec4 .wrap_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2.083rem;
}

.home_sec4 .wrap_title h2 {
    margin: 0;
}

.wrap_project {
    display: flex;
    margin: 0 -0.625rem;
    min-width: 100%;
}

.slider_project {
    width: calc(100% + calc(calc(100vw - 71.875rem) / 2));
}

.wrap_project .item {
    position: relative;
    padding-bottom: calc(30.5% - 1.25rem);
    width: calc(100% / 3);
    transition: 1s all;
    margin: 0 0.625rem;
    border-radius: 0.521rem;
    overflow: hidden;
}

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

.wrap_project .item .box_content {
    position: absolute;
    bottom: 2.1875rem;
    color: white;
    left: 2.083rem;
    right: 2.083rem;
    z-index: 2;
}

.wrap_project .item:hover {
    width: 45%;
    flex: 0 0 auto;
}

.wrap_project .item .box_content h3 {
    font-size: 1.042rem;
    text-transform: uppercase;
    margin: 0;
}

.wrap_project .item .box_content ul {
    margin: 0.677rem 0 0 0;
    list-style: none;
}

.wrap_project .item .box_content ul li {
    padding: 0.521rem 0;
    position: relative;
}

.wrap_project .item .box_content .content {
    color: white;
    font-size: 0.9375rem;
}

.wrap_project .item .box_content ul li:before {
    opacity: 0.3;
    background: white;
    width: 2.865rem;
    height: 0.052rem;
    content: '';
    position: absolute;
    top: 0;
}

.wrap_project .item .box_content ul li:first-child:before {
    display: none;
}

.hide_content {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: .5s;
}

.wrap_project .item .box_content ul b {
    color: #89c527;
    font-size: 0.9375rem;
}

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

.arrow_slider {
    border: 0.052rem solid #333333;
    width: 2.7546875rem;
    height: 2.7546875rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    transition: .3s all;
}

.wrap_project .item:hover .hide_content {
    height: 7.8rem;
    transition: .8s all;
    transition-delay: .5s;
    opacity: 1;
}

.home_sec4 .control {
    margin-top: 3.125rem;
    display: flex;
    align-items: center;
}

.home_sec4 .control .swiper-pagination {
    position: unset;
    margin-left: 2.604rem;
}

.home_sec4 .control .left {
    margin-right: 0.677rem;
}

.swiper-pagination span.swiper-pagination-bullet-active {
    background: #89c527;
}

.home_sec4 .control .swiper-pagination span {
    margin: 0;
    width: 4.6875rem;
    background: rgb(51 51 51 / 30%);
}

.home_sec4 .control .swiper-pagination span.swiper-pagination-bullet-active {
    background: #89c527 !important;
}

.arrow_slider:hover {
    border: 0.625rem solid #89c527;
}

.arrow_slider svg path {
    transition: .3s all;
    stroke-opacity: 1;
}

.arrow_slider:hover svg path {
    stroke: #89c527;
}

.wrap_post {
    display: flex;
}

/*.item_post .box_img {*/
/*    padding-bottom: 100%;*/
/*    position: relative;*/
/*    border-radius: 10px;*/
/*    overflow: hidden;*/
/*    z-index: 2;*/
/*    margin-bottom: 1.042rem;*/
/*}*/

/*.item_post .box_img img {*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*}*/

/*.item_post {*/
/*    padding: 0.9375rem 1.042rem 2.604rem;*/
/*    position: relative;*/
/*}*/

/*.item_post h3 {*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    -webkit-line-clamp: 2;*/
/*    display: -webkit-box;*/
/*    -webkit-box-orient: vertical;*/
/*    font-size: 1.042rem;*/
/*    text-transform: uppercase;*/
/*    line-height: 1.5;*/
/*    margin-bottom: 0.521rem;*/
/*    height: 3.125rem;*/
/*    transition: .5s all;*/
/*}*/

/*.item_post .content {*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    -webkit-line-clamp: 2;*/
/*    display: -webkit-box;*/
/*    -webkit-box-orient: vertical;*/
/*    height: 2.708rem;*/
/*    margin-bottom: 1.042rem;*/
/*}*/

span.date_post {
    font-size: 0.9375rem;
    color: #666666;
}

.home_sec5 .wrap_post {
    margin-bottom: 1.5625rem;
    margin-left: -1.042rem;
    margin-right: -1.042rem;
}

/*.item_post .box_content {*/
/*    padding: 0 1.354rem;*/
/*    position: relative;*/
/*    z-index: 2;*/
/*}*/


/*.item_post:last-child:before {*/
/*    display: none;*/
/*}*/

/*.item_post:after {*/
/*    background: linear-gradient(180deg, rgba(137, 197, 39, 0.20) 49.92%, rgba(137, 197, 39, 0.00) 100%);*/
/*    opacity: 0.3;*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    content: '';*/
/*    opacity: 0;*/
/*    transition: .5s all;*/
/*    border-radius: 10px;*/
/*}*/

/*.item_post:hover:after {*/
/*    opacity: 1;*/
/*}*/

/*.item_post:hover h3 {*/
/*    color: #89c527;*/
/*}*/

.home_sec6 .content {
    max-width: 29.6875rem;
}

.slider_logo .item {
    position: relative;
    height: auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: calc(100% - 1.042rem);
    background: white;
    margin: 0.625rem;
    box-shadow: 0 0 10px rgb(51 51 51 / 20%);
}

.home_sec6 .swiper-pagination {
    position: relative;
    margin-top: 1.5625rem;
    left: 50%;
    transform: translateX(-50%);
}

.home_sec6 .swiper-pagination span {
    background: rgba(51, 51, 51, 0.2);
    opacity: 0.8;
}

.home_sec6 .swiper-pagination span.swiper-pagination-bullet-active {
    background: #89c527;
}

.home_sec6 .box_content {
    padding-right: 5.885rem;
    text-align: justify;
}

.wrap_slider {
    position: relative;
}

.home_sec6 ul {
    list-style: none;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.home_sec6 ul li {
    width: 100%;
    height: 0.052rem;
    background: linear-gradient(90deg, rgba(51, 51, 51, 0) 0%, #333333 51.56%, rgba(51, 51, 51, 0) 100%);
    display: inline-block;
    position: absolute;
    z-index: 9;
    top: 33.333333%;
    opacity: 0.2;
}

.home_sec6 ul li:nth-child(2) {
    top: 66.6666%;
}

.home_sec6 ul li:nth-child(3), .home_sec6 ul li:nth-child(4) {
    height: 100%;
    width: 0.052rem;
    top: 0;
    background: linear-gradient(to top, rgba(196, 150, 12, 0) 0%, #333333 14%, #333333 86%, rgba(196, 150, 12, 0) 100%);
    left: 33.333333%;
}

.home_sec6 ul li:nth-child(4) {
    left: 66.66666%;
}

.contact_section .box_img {
    justify-content: flex-start;
}

.home_sec2 .box_img img {
    max-width: 49.479rem
}

.home_sec2.contact_section .box_img svg {
    right: unset;
    left: -10%;
}

.contact_section .wrap_info {
    display: flex;
    margin: 0 -2rem;
}

.contact_section .wrap_info > * {
    width: calc(50% - 4rem);
    margin: 0 2rem;
}

.contact_section .wrap_info * {
    color: #333333;
    font-size: 0.9375rem;
}

.contact_section .wrap_info b, .contact_section .wrap_info strong {
    margin-bottom: 0.26rem;
    display: block;
    text-transform: uppercase;
    font-family: 'Roboto bold';
}

.contact_section .wrap_info .left > *:not(:last-child) {
    text-align: left;
    margin-bottom: 1.3rem;
}

.contact_section .wrap_info .lef .phone a {
    font-size: 1.5625rem;
}

.contact_section .wrap_info .phone a {
    color: #89c527;
    font-size: 1.5625rem;
    font-family: 'Roboto bold';
}

.contact_section a {
    transition: .3s all;
}

.contact_section a:hover {
    color: #89c527;
}

.contact_section input {
    margin-bottom: .4rem;
}

.socials ul {
    list-style: none;
    margin: 0.521rem 0 0 0;
    display: flex;
}

.socials ul a {
    border: 0.052rem solid #fff;
    display: inline-flex;
    width: 2.604rem;
    height: 2.604rem;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.socials ul li:not(:last-child) {
    margin-right: 1.042rem;
}

.wrap_form {
    margin: 0 -0.521rem;
}

.wrap_form p {
    margin: 0;
}

.wrap_form input:not(.wpcf7-submit) {
    height: 3.021rem;
    background: transparent !important;
    border: none;
    font-size: 0.9375rem;
    color: #fff;
    padding: 0;
    border-bottom: 0.052rem solid rgb(255 255 255 / 50%);
    outline: none !important;
    font-family: 'Roboto';
}

.wrap_form input::placeholder {
    font-size: 0.9375rem;
    color: #fff;
}

.wrap_input {
    position: relative;
    display: inline-block;
    margin-top: 1.458rem;
}

.wrap_input input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0;
}

span.wpcf7-spinner {
    position: absolute;
    bottom: 0;
    right: 0;
}

.wrap_input p {
    display: inline-block;
}

.wrap_form br {
    display: none;
}

.wrap_input a.button_style span {
    color: #89c527;
}

span.wpcf7-not-valid-tip {
    color: red !important;
    font-size: 0.729rem;
!important;
    background: white;
    padding: 2px;
}

.wpcf7-response-output {
    margin: 0 !important;
    font-size: 0.625rem !important;
    margin-top: 0.521rem !important;
}

.copyright {
    position: absolute;
    bottom: 0;
    max-width: 72.917rem;
    width: 41%;
    left: calc(calc(100vw - 71.09375rem) / 2);
}

.copyright .content {
    margin: 0;
    font-size: 0.729rem;
    padding: 1.042rem 0;
    border-top: 0.026rem solid rgb(255 255 255 / 30%);
    width: 100%;
    max-width: unset;
}

header#masthead {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    background: transparent;
    padding: 1.302rem 2.604rem 0;
}

.open_menu {
    display: inline-flex;
    align-items: center;
    color: #333333;
    font-size: 1.042rem;
    text-transform: uppercase;
    transition: .5s all;
    filter: brightness(1) invert(0);
    cursor: pointer;
}

.open_menu svg path {
    stroke: #89c527;
}

.open_menu svg {
    margin-right: 0.521rem;
}

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

ul.nav_right a {
    display: flex;
    align-items: center;
}

ul.nav_right a.search svg path {
    stroke: #666666;
    transition: .5s all;
}

ul.nav_right a.search {
    margin-right: 1.5625rem;
}

ul.nav_right a.phone {
    font-size: 1.042rem;
    color: #89c527;
    font-family: var(--font-bold);
    transition: .5s all;
    margin-right: 2rem;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

ul.nav_right a.phone svg {
    display: block;
}

.site-logo {
    position: fixed;
    top: 0.302rem;
    left: 50%;
    z-index: 9999;
    transform: translate(-50%, 0%);
    display: flex;
    justify-content: center;
}

.site-logo img {
    max-width: 6.646rem;
    display: block;
    transition: .5s all;
    filter: brightness(1) invert(0);
}

.menu_color .site-logo img,
.fp-viewing-tin-thanh .site-logo img,
body.active .site-logo img {
    filter: brightness(0) invert(1);
}

.menu_color ul.nav_right a.search svg path,
.fp-viewing-tin-thanh ul.nav_right a.search svg path,
body.active ul.nav_right a.search svg path {
    stroke: white;
}

.menu_color ul.nav_right a.phone,
.fp-viewing-tin-thanh ul.nav_right a.phone,
body.active ul.nav_right a.phone {
    color: #89c527;
    filter: brightness(0) invert(1);
}

.menu_color .open_menu,
.fp-viewing-tin-thanh .open_menu,
body.active .open_menu {
    filter: brightness(0) invert(1);
}

#fp-nav ul li a {
    width: 1.40625rem;
    height: 1.40625rem;
    background: rgb(237 187 118 / 0%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

#fp-nav ul li a span {
    border-radius: 50% !important;
    width: 0.78125rem !important;
    height: 0.78125rem !important;
    background: rgba(137, 197, 39, 0.4);
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    margin: 0 !important;
}

#fp-nav ul li, .fp-slidesNav ul li {
    margin: 1.146rem 0 !important;
    display: block;
    width: auto;
    height: auto;
}

#fp-nav ul li a.active {
    background: rgba(137, 197, 39, 0.4);
}

#fp-nav ul li a.active span {
    background: #89c527;
}

#fp-nav.left {
    left: 2.604rem;
}

#fp-nav ul li a:before {
    background: #89c527;
    height: 0.104rem;
    width: 3.125rem;
    content: '';
    position: absolute;
    top: 50%;
    left: 0.46875rem;
    transform: translateX(-100%);
    opacity: 0;
    transition: .3s all;
}

#fp-nav ul li a.active:before {
    opacity: 1;
}

#fp-nav ul li .fp-tooltip.left {
    font-size: 0.729rem;
    color: #89c527;
    text-transform: uppercase;
    top: 47%;
    transform: translateY(-50%);
    overflow: unset;
    white-space: unset;
    width: 5.625rem !important;
    margin-left: 1.042rem;
    font-family: 'Roboto bold';
}

.menu_color #fp-nav ul li a.active span,
.fp-viewing-tin-thanh #fp-nav ul li a.active span,
body.active #fp-nav ul li a.active span {
    background: #fff;
}

.menu_color #fp-nav ul li a span,
.fp-viewing-tin-thanh #fp-nav ul li a span,
body.active #fp-nav ul li a span {
    background: rgba(137, 197, 39, 0.4);
}

.menu_color #fp-nav ul li a.active,
.fp-viewing-tin-thanh #fp-nav ul li a.active,
body.active #fp-nav ul li a.active {
    background: rgba(137, 197, 39, 0.4);
}

.menu_color #fp-nav ul li a:before,
.fp-viewing-tin-thanh #fp-nav ul li a:before,
body.active #fp-nav ul li a:before {
    background: #fff;
}

.menu_color #fp-nav ul li .fp-tooltip.left,
.fp-viewing-tin-thanh #fp-nav ul li .fp-tooltip.left,
body.active #fp-nav ul li .fp-tooltip.left {
    color: white;
    width: max-content !important;
}

.socials ul a {
    transition: .3s all;
}

.socials ul a:hover {
    background: #89c527;
    border-color: #89c527;
}


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

.slider_action .item:hover .box_img img {
}

.button_style:hover {
    transform: scale(.95);
    opacity: .8;
}

ul.nav_right a.phone .icon {
    position: relative;
    width: 3.646rem;
    height: 3.646rem;
    margin-right: 0.521rem;
}

ul.nav_right a.phone .icon:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

ul.nav_right a.phone svg > path {
    opacity: 0;
}

ul.nav_right a.phone svg {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.socials ul a svg {
    max-width: 60%;
    max-height: 60%;
}

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

.about_sec_1 .content {
    max-height: 21.458rem;
    overflow: auto;
    font-size: 0.78125rem;
    margin-bottom: 1.40625rem;
    padding-right: 2.083rem;
    text-align: justify;
}

.about_sec_1 .content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0.3125rem rgba(0, 0, 0, 0.3);
    background-color: #D9D9D9;
}

.about_sec_1 .content::-webkit-scrollbar {
    width: .3rem;
    background-color: #D9D9D9;
}

.about_sec_1 .content::-webkit-scrollbar-thumb {
    background-color: #015c4b;
}

.about_sec_1 b.name {
    text-transform: uppercase;
    font-family: var(--font-black);
    font-size: 1.042rem;
}

.about_sec_1 .position.text_up {
    font-size: 0.885rem;
}

.about_sec_1 img {
    display: block;
}

.about_sec_1 .box_content {
    padding-top: 0 !important;
}

.wrap_slider > .arrow_slider {
    position: absolute;
    left: -50px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    cursor: pointer;
}

.wrap_slider > .arrow_slider.right {
    right: -50px;
    left: unset;
}

.about_sec_3 h2.heading_h2 {
    margin-bottom: 1.042rem;
}

.content.top {
    max-width: 46.875rem;
    margin: 0 auto 2.34375rem;
}

.about_sec_4 h2.heading_h2 {
    margin-bottom: 0.885rem;
}

.tn_sm {
    display: flex;
    max-width: 63.542rem;
    margin: auto;
}

.tn_sm .item {
    width: calc(50% - 1.042rem);
    margin: 0 0.521rem;
    padding: 2.604rem;
    text-align: justify;
}

.tn_sm .item h3 {
    font-family: var(--font-normal);
    text-transform: uppercase;
    font-size: 1.823rem;
    padding-bottom: 1.5625rem;
    position: relative;
    text-align: left;
    margin-bottom: 1.5625rem;
}

.tn_sm .item h3:before {
    height: 0.208rem;
    width: 7.76rem;
    background: linear-gradient(180.47deg, #2d9e5f 28.57%, #2d9e5f 46.86%, #2d9e5f 83.16%, #2d9e5f 101.91%);
    content: '';
    position: absolute;
    bottom: 0;
}

.about_sec_5 h2.heading_h2 {
    margin-bottom: 1.042rem;
}

.about_sec_5 .top {
    max-width: 35.9375rem;
}

.about_sec_5 .wrap_items {
    display: flex;
    margin: 0 -1.823rem;
    justify-content: center;
}

.about_sec_5 .wrap_items .item {
    width: calc(calc(100% / 3) - 3.646rem);
    margin: 0 1.823rem;
}

.about_sec_5 .wrap_items .item h3 {
    background: linear-gradient(90deg, #89c527 -8.67%, #89c527 46.8%, #89c527 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-transform: uppercase;
    font-family: var(--font-black);
    margin-bottom: 1.823rem;
}

.about_sec_5 .wrap_items .item .icon {
    width: 4.53125rem;
    height: 4.53125rem;
    display: flex;
    align-items: center;
    font-family: cursive;
    justify-content: center;
    margin: 0 auto 1.823rem;
    background: #89c527;
    position: relative;
    border-radius: 50%;
}

.about_sec_5 .wrap_items .item .icon img {
    max-width: 60%;
    max-height: 60%;
    transform: rotateY(0);
    transition: .5s all;
}

.about_sec_5 .wrap_items .item:hover .icon img {
    transform: rotateY(350deg);
}

.about_sec_5 .wrap_items .item .icon:before {
    border: 1px solid #89c527;
    top: -0.521rem;
    left: -0.521rem;
    right: -0.521rem;
    bottom: -0.521rem;
    content: '';
    position: absolute;
    border-radius: 50%;
}

.about_sec_5 .wrap_items .item .content {
    text-align: justify;
}

.about_sec_2 .content {
    max-width: 100%;
}

.about_sec_2 .grid-40.box_img {
    padding-right: 0.521rem;
}

/*.slider_process .item {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    text-align: center;*/
/*    justify-content: center;*/
/*}*/

/*.slider_process .item img {*/
/*    width: 100%;*/
/*    margin: auto;*/
/*}*/

/*.slider_process .item {*/
/*    height: 29.792rem;*/
/*    position: relative;*/
/*}*/

.about_sec_3 .wrap_slider {
    max-width: 62.5rem;
    margin: auto;
}

/*.slider_process .swiper-slide:nth-child(odd) .box_img {*/
/*    order: -1;*/
/*}*/

/*.slider_process .item > * {*/
/*    height: calc(50% - 5.208rem);*/
/*    margin: 2.604rem 0;*/
/*}*/

/*.slider_process .item > * img {*/
/*    max-height: 100%;*/
/*    border-radius: 10px;*/
/*    overflow: hidden;*/
/*}*/

/*.slider_process {*/
/*    margin-top: -2.604rem;*/
/*}*/

/*.slider_process .item:before {*/
/*    width: 1.458rem;*/
/*    height: 1.458rem;*/
/*    background: #89c527;*/
/*    content: '';*/
/*    border-radius: 50%;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*    opacity: 1;*/
/*    transition: .5s all;*/
/*}*/

/*.slider_process .item:after {*/
/*    width: 1.042rem;*/
/*    height: 1.042rem;*/
/*    background: white;*/
/*    content: '';*/
/*    border-radius: 50%;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*    transition: .5s all;*/
/*    opacity: 0;*/
/*}*/

/*.slider_process .swiper-slide.swiper-slide-active .item:after {*/
/*    opacity: 1;*/
/*}*/

/*.slider_process .swiper-slide.swiper-slide-active .item:before {*/
/*    width: 1.979rem;*/
/*    height: 1.979rem;*/
/*    background: #89c527;*/
/*    opacity: 0.5;*/
/*}*/

/*.slider_process:before {*/
/*    background-image: linear-gradient(270deg, rgba(0, 84, 22, 0) 0%, #89c527 50.15%, rgba(0, 84, 22, 0) 99.04%);*/
/*    height: 0.15625rem;*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    width: 100%;*/
/*    left: 0;*/
/*}*/

/*.slider_process .item b {*/
/*    font-size: 1.5625rem;*/
/*    color: #89c527;*/
/*    text-transform: uppercase;*/
/*}*/

.about_sec_9 .wrap_items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.521rem;
    text-align: center;
}

.about_sec_9 .wrap_items .item {
    width: calc(calc(100% / 3) - 1.042rem);
    margin: 0.521rem;
}

.about_sec_9 .wrap_items .box_img {
    height: 12.1875rem;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    border-bottom: 0.208rem solid #89c527;
    margin-bottom: 0.521rem;
}

.about_sec_9 .wrap_items .box_img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transform: rotateY(0);
    transition: .5s all;
}

.about_sec_9 .wrap_items .item:hover .box_img img {
    transform: rotateY(360deg);
}

.about_sec_9 .wrap_items b {
    font-size: 1.042rem;
}

.about_sec_9 .wrap_items .content {
    font-size: 0.729rem;
}

.about_sec_9 .grid-container {
    display: flex;
    align-items: center;
}

.about_sec_9 .grid-50 + .grid-50 {
    padding: 0 4.6875rem;
}

.slider_member .item {
    position: relative;
    text-align: left;
}

.slider_member .item .box_img {
    position: relative;
    padding-bottom: 130%;
    margin-bottom: 1.042rem;
}

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

.slider_member .item b, .slider_member .item .content {
    font-size: 0.9375rem;
    color: #333333;
}

.about_sec_6 .arrow_slider.left {
    left: -3.90625rem;
}

.about_sec_6 .arrow_slider.right {
    right: -3.90625rem;
}

.item_popup {
    max-width: 62.5rem;
    background: #F2FFF7;
    border-radius: 0.521rem;
    overflow: hidden;
    padding: 2.604rem;
}

/*.item_popup:before {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    background-image: url(../../images/logo_popup.png);*/
/*    content: '';*/
/*    width: 60%;*/
/*    height: 100%;*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*    pointer-events: none;*/
/*}*/

.item_popup .inner {
    display: flex;
    align-items: center;
    position: relative;
}

.item_popup .inner .box_img {
    width: 40%;
    flex: 0 0 auto;
    margin-right: 3.125rem;
}

.item_popup .inner .position {
    font-size: 1.042rem;
}

.item_popup .inner b {
    font-size: 2.34375rem;
    color: #89c527;
    text-transform: uppercase;
}

.item_popup .inner .content {
    max-height: 18.4375rem;
    overflow: auto;
    padding-right: 1.5625rem;
    /*     text-align: justify; */
}

.item_popup .inner .content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0.3125rem rgba(0, 0, 0, 0.3);
    background-color: #D9D9D9;
}

.item_popup .inner .content::-webkit-scrollbar {
    width: .3rem;
    background-color: #D9D9D9;
}

.item_popup .inner .content::-webkit-scrollbar-thumb {
    background-color: #015c4b;
}

.fancybox-button:hover {
    background: #89c527;
    color: white;
}

.wrap_logo {
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
    grid-template-rows: calc(100% / 3) calc(100% / 3) calc(100% / 3);
}

.wrap_logo .item img {
    max-height: 95%;
    max-width: 95%;
}

.wrap_logo .item.none:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/2;
}

.wrap_logo .item.none:nth-child(2) {
    grid-column: 5/6;
    grid-row: 1/2;
}

.wrap_logo .item.none:nth-child(3) {
    grid-row: 3/4;
}

.wrap_logo .item.none:nth-child(4) {
    grid-column: 5/6;
    grid-row: 3/4;
}

.wrap_logo .item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 7.24rem;
}

.wrap_logo li {
    position: absolute;
    background: rgba(196, 196, 196, 0.5);
    height: 1px;
    width: 100%;
    top: 32%;
}

.wrap_logo .item {
    position: relative;
}

.wrap_logo li:nth-child(2) {
    top: 66%;
}

.wrap_logo li:nth-child(3), .wrap_logo li:nth-child(4), .wrap_logo li:nth-child(5), .wrap_logo li:nth-child(6) {
    width: 1px;
    height: 82%;
    top: 50%;
    transform: translateY(-50%);
    left: 20%;
}

.wrap_logo ul {
    list-style: none;
}

.wrap_logo li:nth-child(4) {
    left: 40%;
}

.wrap_logo li:nth-child(5) {
    left: 60%;
}

.wrap_logo li:nth-child(6) {
    left: 80%;
}

ul.nav_tab {
    list-style: none;
    margin: 0 0 3.646rem;
    justify-content: center;
    display: flex;
}

ul.nav_tab li {
    font-size: 0.9375rem;
    color: #333333;
    text-transform: uppercase;
    font-family: var(--font-semi);
    margin: 0 2.604rem;
    cursor: pointer;
    transition: .3s all;
}

ul.nav_tab li:hover, ul.nav_tab li.active {
    color: #89c527;
}

.about_sec_8 .swiper-pagination {
    left: 50%;
    transform: translateX(-50%);
}

.about_sec_8 .swiper-pagination span {
    margin: 0;
    width: 4.6875rem;
    background: rgb(51 51 51 / 30%) !important;
    height: 2px;
}

.about_sec_8 .swiper-pagination span.swiper-pagination-bullet-active {
    background: #89c527 !important;
}

/*.breadcrumbs {*/
/*    left: calc(calc(100vw - 72.917rem) / 2);*/
/*    position: absolute;*/
/*    z-index: 9;*/
/*    bottom: 2.604rem;*/
/*}*/

/*.breadcrumbs ul {*/
/*    list-style: none;*/
/*    margin: 0;*/
/*    display: flex;*/
/*}*/

/*.breadcrumbs ul * {*/
/*    color: white;*/
/*    font-style: inherit;*/
/*}*/

/*.breadcrumbs ul span.divider {*/
/*    margin: 0 0.521rem;*/
/*}*/

/*.breadcrumbs ul li.title_single {*/
/*    font-family: var(--font-bold);*/
/*}*/

.contact_sec_1 .grid-container > .grid-50:nth-child(2) {
    border-left: 2px solid #89c527;
    padding-left: 4.6875rem;
}

.contact_sec_1 .grid-container {
    display: flex;
}

.contact_sec_1 h2.heading_h2 {
    font-size: 2.448rem;
    margin-bottom: 1.042rem;
}

.contact_sec_1 .grid-50 > b {
    font-size: 0.9375rem;
    display: block;
    max-width: 30.99rem;
    font-family: 'Roboto';
    margin-bottom: 1.302rem;
}

.contact_sec_1 .wrap_form p > span:not(.wpcf7-form-control-wrap) {
    display: block;
    margin-bottom: 10px;
}

.contact_sec_1 .wrap_form input:not(.wpcf7-submit),
.contact_sec_1 .wrap_form textarea:not(.wpcf7-submit) {
    width: 100%;
    background: rgba(255, 255, 255, 0.6) !important;
    border: 1px solid #C9C9C9 !important;
    padding: 0 0.78125rem;
    height: 2.5rem;
    margin-bottom: 1.302rem;
    font-size: 0.9375rem;
}

.contact_sec_1 .wrap_form input::placeholder, .contact_sec_1 .wrap_form textarea::placeholder {
    color: #999999;
}

.contact_sec_1 .wrap_form textarea {
    height: 4.53125rem;
    padding: 0.78125rem;
    margin: 0;
}

.contact_sec_1 .wrap_form {
    max-width: 30.99rem;
}

.contact_sec_1 .wrap_form .grid-100.text_right {
    text-align: right;
}

.contact_sec_1 ul.list_info {
    list-style: none;
    margin: 0 0 1.5625rem;
}

.contact_sec_1 ul.list_info a {
    display: flex;
    font-size: 0.9375rem;
    color: #333333;
    transition: .3s all;
}

.contact_sec_1 ul.list_info .icon {
    width: 1.823rem;
    flex: 0 0 auto;
}

.contact_sec_1 ul.list_info li {
    gap: .5rem;
}

.contact_sec_1 ul.list_info a b {
    color: #89c527;
}

.wrap_form .link_style {
    line-height: 1;
    gap: .5rem;
}

.wrap_form .link_style:hover {
    background: var(--main-cl);
}

.wrap_form .link_style svg path {
    transition: .7s all;
}

.wpcf7 .wpcf7-not-valid-tip:after {
    border-bottom-color: var(--main-cl);
}

.wrap_form .link_style:hover svg path {
    stroke: white;
    transition: .7s all;
}

.contact_sec_1 ul.list_info li {
    border-top: 1px solid rgb(153 153 153 / 30%);
    padding: 1.5625rem 0;
}

.contact_sec_1 ul.list_info a:hover {
    color: #89c527;
}

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

ul.socials_contact li:not(:last-child) {
    margin-right: 1.5625rem;
}

.contact_sec_1 ul.list_info li:last-child {
    border-bottom: 1px solid rgb(153 153 153 / 30%);
}

section.contact_sec_1 span.wpcf7-not-valid-tip {
    position: absolute;
    bottom: -1.823rem;
}

.page-template-contact div#fp-nav {
    display: none;
}

section {
    position: relative;
}

.td_other li {
    padding: 1.042rem 0;
    position: relative;
}

.tuyen_dung_details {
    padding: 3.125rem 0 5.208rem;
}

.tuyen_dung_details .box_top {
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(69, 51, 12, 0.2);
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    margin-bottom: 4.167rem;
}

.tuyen_dung_details .box_top .left {
    background: linear-gradient(83.52deg, #89c527 0%, #02873A 50.17%, #89c527 98.3%);
    padding: 3.125rem 4.6875rem;
    width: 73%;
    flex: 0 0 auto;
}

.tuyen_dung_details .box_top .left h1 {
    font-size: 2.083rem;
    text-transform: uppercase;
    margin-bottom: 0.521rem;
}

.tuyen_dung_details .box_top ul.info {
    list-style: none;
    margin: 0;
    display: flex;
    padding-bottom: 1.302rem;
    border-bottom: 1px solid #E1E1E1;
    margin-bottom: 1.302rem;
}

.tuyen_dung_details .box_top ul.info li {
    display: flex;
    align-items: center;
}

.tuyen_dung_details .box_top ul.info li svg {
    margin-right: 0.26rem;
    flex: 0 0 auto;
    margin-top: -2px;
}

.tuyen_dung_details .box_top ul.info li:not(:last-child) {
    margin-right: 2.604rem;
}

.tuyen_dung_details .box_top .right {
    padding: 2.917rem;
}

.tuyen_dung_details .box_top .right b {
    font-size: 0.885rem;
    font-family: var(--font-600);
    text-transform: uppercase;
    display: block;
    margin-bottom: 1.042rem;
}

.tuyen_dung_details .box_top .righ a.button_style {
    margin-bottom: 2.604rem;
}

.tuyen_dung_details .box_top .right .button_style {
    margin-bottom: 2.083rem;
}

.tuyen_dung_details .box_top .right .button_style + b {
    margin-bottom: 0.521rem;
}

.tuyen_dung_details .box_top .right a.mail {
    color: #333333;
    font-size: 0.9375rem;
}

.tuyen_dung_details .item {
    display: flex;
}

.tuyen_dung_details .item .title {
    width: 8.333rem;
    flex: 0 0 auto;
    font-size: 0.9375rem;
    margin-right: 2.34375rem;
    font-family: var(--font-semi);
}

.tuyen_dung_details .item .content, .tuyen_dung_details .item .content a {
    font-size: 0.9375rem;
    line-height: 1.6;
    color: #333333;
}

.tuyen_dung_details .item {
    padding: 2.604rem 0;
}

.tuyen_dung_details .item:not(:last-child) {
    border-bottom: 1px solid #E7E7E7;
}

div#form_td {
    background: #ebffcb;
    padding: 4.6875rem 5.208rem 2.083rem;
}

div#form_td .wrap_form {
    margin: 0 -0.26rem;
    display: inline-block;
}

div#form_td h3 {
    background: linear-gradient(90deg, #89c527 -8.67%, #02873A 46.8%, #89c527 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 2.083rem;
    font-family: var(--font-semi);
    text-transform: uppercase;
}

div#form_td label {
    display: none;
}

div#form_td .wrap_form input:not(.wpcf7-submit) {
    margin-bottom: 1.302rem;
    width: 100%;
}

.wrap_form textarea {
    height: 3.021rem;
    background: transparent !important;
    border: none;
    font-size: 0.9375rem;
    color: #333333;
    padding: 0;
    border-bottom: 0.052rem solid rgb(51 51 51 / 50%);
    outline: none !important;
    font-family: var(--font-normal);
    color: #333333;
    margin-bottom: 1.042rem;
}

.wrap_form textarea::placeholder {
    color: #333333;
}

div#form_td .wrap_form .wrap_input {
    margin-top: 0;
}

div#form_td .wrap_form b {
    font-size: 0.729rem;
    color: #666666;
    display: block;
    margin-bottom: 9px;
}

.td_other h3 {
    background: linear-gradient(90deg, #89c527 -8.67%, #02873A 46.8%, #89c527 100%);
    text-align: center;
    color: white;
    text-transform: uppercase;
    font-size: 1.302rem;
    font-family: var(--font-semi);
    padding: 0.78125rem 0;
    margin: 0;
}

.td_other {
    box-shadow: 0px 0px 1.5625rem rgba(69, 51, 12, 0.1);
    padding: 0;
}

.td_other ul {
    list-style: none;
    margin: 0.26rem 2.34375rem;
}

.td_other li b {
    font-size: 0.9375rem;
    font-family: var(--font-semi);
    margin-bottom: 0.26rem;
    display: block;
    transition: .3s all;
}

.td_other li:not(:last-child) {
    border-bottom: 1px solid rgb(51 51 51 / 20%);
}

.td_other li:hover b {
    color: #89c527;
}

/*body:not([fp-viewing-]) div#page{*/
/*    margin-top: 7.292rem;*/
/*}*/
.banner_gr:after {
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgb(216 216 216 / 30%) 0%, rgba(0, 0, 0, 0) 46.67%, rgb(255 255 255) 100%);
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 2;
}

.banner_gr:before {
    width: 100%;
    height: 60%;
    background: linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgba(0, 0, 0, 0) 46.67%, rgba(0, 0, 0, 0.79) 100%);
    opacity: 0.7;
    content: '';
    position: absolute;
    bottom: 0;
    z-index: 2;
}

div#banner_gr img {
    display: block;
}

.site-content {
    display: block;
}

section.section.td_sec_1 {
    padding: 11.458rem 0;
}

section.section.td_sec_2 {
    padding: 4.948rem 0 7.8125rem;
}

section.section.td_sec_2 .wrap_items {
    margin: 2.604rem -1.71875rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

section.section.td_sec_2 .wrap_items .item {
    width: 25%;
    padding: 0 3.177rem;
    position: relative;
    padding-bottom: 2.083rem;
}

section.section.td_sec_2 .wrap_items .item:not(:last-child):before {
    height: 95%;
    background: rgba(102, 102, 102, 0.15);
    width: 1px;
    content: '';
    position: absolute;
    right: 0;
}

section.section.td_sec_2 .wrap_items .item .icon {
    height: 4.01rem;
    margin-bottom: 1.5625rem;
}

section.section.td_sec_2 .wrap_items .item .icon img {
    max-height: 100%;
    max-width: 100%;
    transition: .5s all;
    transform: rotateY(0);
}

section.section.td_sec_2 .wrap_items .item:hover .icon img {
    transform: rotateY(360deg);
}

section.section.td_sec_2 .wrap_items .item h3 {
    font-size: 1.302rem;
    color: #89c527;
    font-family: var(--font-semi);
    min-height: 5rem;
}

section.section.td_sec_2 .wrap_items .item:after {
    background: #89c527;
    height: 0.15625rem;
    left: 3.125rem;
    right: 3.125rem;
    content: '';
    position: absolute;
    bottom: 0;
}

.td_sec_3 {
    padding: 5.208rem 0;
}

.single-post div#banner_gr {
    display: none;
}

body {
    background: white;
}

/*.nav-float-right #site-navigation {*/
/*    display: none;*/
/*}*/

.post_details .grid-100 {
    padding: 0;
    box-shadow: 4px 4px 30px rgba(0, 92, 39, 0.1);
    border-radius: 10px;
    overflow: hidden;
    width: calc(100% - 1.5625rem);
    margin: 0 0.78125rem;
}

section.section.post_details {
    padding-bottom: 2.083rem;
}

.banner_post {
    position: relative;
}

.banner_post img {
    display: block;
    width: 100%;
}

.banner_post .breadcrumbs {
    left: calc(calc(100vw - 93.75rem) / 2);
    bottom: 1.667rem;
}

.content_post {
    padding: 2.34375rem 4.6875rem;
}

.content_post h1.heading_h2 {
    max-width: 49.479rem;
    margin: 0 auto 1.5625rem;
}

.content_post .nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1.5px solid #E4E4E4;
    border-bottom: 1.5px solid #E4E4E4;
    padding: 0.78125rem 0;
    margin-bottom: 1.5625rem;
}

.content_post .nav > * {
    display: flex;
    align-items: center;
    color: #666666;
}

.content_post .nav .left .date_post {
    margin-right: 0.3125rem;
}

.content_post .nav .right ul {
    list-style: none;
    margin: 0;
    display: flex;
    align-items: center;
}

.content_post .nav .right li {
    margin-left: 0.677rem;
}

.content_post .content {
    text-align: justify;
}

.wp-caption-text {
    border-left: 1.5px solid #89c527;
    padding-left: 0.521rem;
    font-size: 0.833rem !important;
    color: #333333;
    opacity: 1 !important;
    margin-top: 0.729rem;
}

.post_details_related {
    padding: 2.083rem 0 4.6875rem;
}

.post_item {
    position: relative;
    background: #F3F3F3;
    border-radius: 10px;
    display: inline-block;
}

.post_item .box_img {
    padding-bottom: 56.25%;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    margin: 0.78125rem 0.78125rem 0;
}

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

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

.post_item .box_content {
    padding: 0.78125rem 1.25rem 1.25rem;
}

.post_item .box_content .date_post {
    font-size: 0.625rem;
    color: #666666;
    display: block;
    margin-bottom: 0.521rem;
}

.post_item .box_content h3 {
    font-size: 0.9375rem;
    color: #89c527;
    font-family: var(--font-semi);
    text-transform: uppercase;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 0.625rem;
    height: 2.65625rem;
}

.post_item .box_content .content {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    padding-top: 0.78125rem;
    position: relative;
}

.post_item .box_content .content:before {
    background: #89c527;
    width: 11.042rem;
    height: 1px;
    position: absolute;
    top: 0;
    content: '';
}

.post_details_related .arrow_slider.left {
    left: -4.167rem !important;
}

.post_details_related .arrow_slider.right {
    right: -4.167rem !important;
}

.next_post {
    display: flex;
    align-items: center;
    border-top: 1.5px solid #E4E4E4;
    border-bottom: 1.5px solid #E4E4E4;
    padding: 0.729rem 0;
    margin-top: 1.5625rem;
    padding-right: 5.208rem;
    position: relative;
}

.post_details .wrap_bottom b {
    flex: 0 0 auto;
    margin-right: 1.042rem;
    font-size: 0.9375rem;
    font-family: var(--font-semi);
}

.next_post a {
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.next_post svg {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.tags {
    display: flex;
    margin-top: 0.9375rem;
    align-items: center;
}

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

.tags ul a {
    height: 2.083rem;
    background: #F8F8F8;
    font-size: 0.9375rem;
    color: #333333;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.78125rem;
    transition: .3s all;
}

.tags ul li:not(:last-child) {
    margin-right: 0.26rem;
}

.tags ul a:hover {
    background: #89c527;
    color: white;
}

.wrap_post_hl .item {
    position: relative;
}

.wrap_post_hl {
    margin-top: 1.5625rem;
    margin-bottom: 5.729rem;
    display: inline-block;
    width: 100%;
}

.wrap_post_hl .item {
    display: flex;
    width: 50%;
    float: left;
    background: #F5F5F5;
    transition: .5s all;
}

.wrap_post_hl .item > * {
    width: 50%;
}

.wrap_post_hl .item .box_img {
    height: 15.625rem;
}

.wrap_post_hl .item .box_img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wrap_post_hl .item:hover {
    background: #0E8243;
}

/*.wrap_post_hl .item:hover * {color: white;}*/


/*.wrap_post_hl .item:hover * {color: white;}*/
.wrap_post_hl .item .box_content {
    padding: 2.083rem 2.34375rem 0;
    position: relative;
}

.wrap_post_hl .item .box_content .date_post {
    font-size: 0.729rem;
    margin-bottom: 2.083rem;
}

.wrap_post_hl .item .box_content h3 {
    font-size: 0.9375rem;
    font-family: 'Roboto 500';
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 2.604rem;
    transition: .5s all;
}

.wrap_post_hl .item:not(:first-child):hover .box_content > * {
    color: white !important;
}

.wrap_post_hl .item:not(:first-child) .box_content h3 {
    color: #89c527;
}

.wrap_post_hl .item .box_content span {
    position: absolute;
    bottom: 1.042rem;
    right: 1.5625rem;
}

.wrap_post_hl .item .box_content span svg path {
    transition: .5s all;
}

.wrap_post_hl .item:hover .box_content span svg path {
    stroke: white;
}

.wrap_post_hl .item a {
    z-index: 99;
    width: 100%;
}

.wrap_post_hl .item:first-child .box_img {
    width: 100%;
    height: 31.25rem;
}

.wrap_post_hl .item:first-child .box_content {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 0;
    width: auto;
    padding: 0 3.385rem 2.34375rem 2.083rem;
    z-index: 2;
}

.wrap_post_hl .item:first-child .box_content * {
    color: white;
    stroke: white;
}

.wrap_post_hl .item:first-child .box_content .date_post {
    margin-bottom: 0.521rem;
}

.wrap_post_hl .item:first-child .box_content h3 {
    text-transform: uppercase;
    font-family: 'Roboto Bold';
    margin: 0;
}

.wrap_post_hl .item:first-child .box_content span {
    right: 1.302rem;
    bottom: 0.521rem;
}

.wrap_post_hl .item:first-child:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    position: absolute;
    bottom: 0;
    width: 100%;
    content: '';
    height: 12.76rem;
}

.wrap_post_hl .item:first-child:hover * {
    color: #0E8243;
    stroke: #0E8243 !important;
}

.wrap_post_hl .item * {
    transition: .5s all;
}

.wrap_post_hl .item:nth-child(3) .box_img {
    order: 2;
}

.wrap_post_hl.style_2 .item:first-child .box_content {
    background: #0e8243;
    background: rgba(14, 130, 67, 0.9);
    width: 15.625rem;
    height: 15.625rem;
    box-sizing: border-box;
}

.wrap_post_hl.style_2 .item:first-child:before {
    display: none;
}

section.section.news_page {
    padding: 3.646rem 0 4.167rem;
}

.wrap_post_hl.style_2 .item:first-child .box_content {
    background: #0e8243;
    background: rgb(0 92 39 / 90%);
    width: 17.917rem;
    height: 15.625rem;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    align-items: end;
}

.wrap_post_hl.style_2 .item:first-child:before {
    display: none;
}

.wrap_post_hl .item:first-child:hover .box_content {
    background: white;
}

.news_page .wrap_post {
    flex-wrap: wrap;
    margin: 0 -0.625rem;
}

.news_page .wrap_post .post_item {
    width: calc(25% - 1.25rem);
    margin: 0 0.625rem 1.25rem;
}

ul.thenativePagination {
    list-style: none;
    margin: 1.5625rem 0 0;
    display: flex;
    justify-content: center;
}

ul.thenativePagination a {
    border: 0.5px solid #DADADA;
    width: 2.083rem;
    height: 2.083rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #666666;
    font-size: 0.9375rem;
    margin: 0 0.208rem;
}

ul.thenativePagination .active a {
    border: 1px solid #20B45F;
    color: #89c527;
    font-family: var(--font-bold);
}

.menu_news ul {
    list-style: none;
    margin: 0 0 2.604rem;
    display: flex;
    justify-content: center;
}

.menu_news ul a {
    font-size: 0.9375rem;
    font-family: var(--font-semi);
    color: #333333;
    text-transform: uppercase;
    margin: 0 1.71875rem;
    transition: .3s all;
}

.menu_news ul a:hover,
.menu_news ul .current-menu-item a {
    color: #89c527;
}

.linh_vuc_page .item {
    position: relative;
}

.linh_vuc_page .item .box_content {
    position: relative;
    z-index: 2;
    background: linear-gradient(35.19deg, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0.14) 100%);
    backdrop-filter: blur(5px);
    /* Note: backdrop-filter has minimal browser support */
    border-radius: 10px;
    padding: 2.865rem 5.208rem;
}

.linh_vuc_page .item:nth-child(odd) .grid-container {
    display: flex;
    justify-content: flex-end;
}

.linh_vuc_page .item {
    padding: 9.8125rem 0;
}

.linh_vuc_page .item .box_content .num {
    color: #89c527;
    font-size: 4.6875rem;
    font-family: var(--font-bold);
    line-height: 1;
    margin-bottom: 0.78125rem;
}

.linh_vuc_page .item .box_content h2 {
    font-size: 2.604rem;
    text-transform: uppercase;
    font-family: var(--font-black);
    margin-bottom: 0.521rem;
}

.linh_vuc_page .item .box_content .content {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 1.042rem;
}

.linh_vuc_page .item .box_content a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 0.9375rem;
    text-transform: uppercase;
    font-family: var(--font-bold);
}

.linh_vuc_page .item .box_content a svg {
    margin-left: 0.78125rem;
    transition: .3s all;
}

.linh_vuc_page .item .box_content a:hover svg {
    margin-left: 1.5rem;
}

.lv_sec_1 {
    padding: 5.208rem 0 8.333rem;
}

.lv_sec_1 .grid-container {
    display: flex;
    align-items: center;
}

.lv_sec_1 .content strong {
    display: unset;
}

.lv_sec_1 .content {
    text-align: justify;
}

.lv_sec_1 .content a {
    color: #333333;
}

.lv_sec_1 .content p {
    margin-bottom: 0.521rem;
}

.lv_sec_2 {
    padding-bottom: 3.646rem;
}

.lv_sec_3 {
    padding-top: 6.25rem;
}

ul.nav_tab_round li {
    position: absolute;
    top: 40%;

}

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

.wrap_round .round {
    width: 57.65625rem;
    height: 57.65625rem;
    border: 0.104rem solid #89c527;
    border-radius: 50%;
    margin: 5.208rem auto 0;
    position: relative;
    margin-bottom: -26.042rem;
}

.for_tab_round {
    position: absolute;
    top: 11.71875rem;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    width: 20.833rem;
}

.for_tab_round .item {
    display: none;
}

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

.for_tab_round .item h3 {
    text-transform: uppercase;
    font-size: 2.083rem;
}

.for_tab_round .item .content b {
    display: block;
    font-family: var(--font-600);
    text-align: center;
}

.for_tab_round .item .content {
    text-align: left;
}

ul.nav_tab_round li .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 7.96875rem;
    height: 7.96875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

ul.nav_tab_round li .icon:before, ul.nav_tab_round li .icon:after {
    width: 7.96875rem;
    height: 7.96875rem;
    border: 1px solid #89c527;
    position: absolute;
    content: '';
    border-radius: 50%;
    opacity: .4;
}

ul.nav_tab_round li .icon:after {
    width: 6.302rem;
    height: 6.302rem;
    background: #89c527;
    opacity: 1;
}

ul.nav_tab_round li .icon img {
    position: relative;
    z-index: 2;
    max-width: 70%;
    max-height: 70%;
}

ul.nav_tab_round li:nth-child(6) {
    left: 99%;
}

ul.nav_tab_round li:nth-child(2) {
    top: 18%;
    left: 12%;
}

ul.nav_tab_round li:nth-child(5) {
    left: 88%;
    top: 18%;
}

ul.nav_tab_round li:nth-child(3), ul.nav_tab_round li:nth-child(4) {
    left: 33%;
    top: 3%;
}

ul.nav_tab_round li:nth-child(4) {
    left: 67%;
}

ul.nav_tab_round li.active .icon:before {
    width: 7.34375rem;
    height: 7.34375rem;
    background: #89c527;
    border: none;
    top: 50%;
    left: 50%;
}

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

ul.nav_tab_round li:hover .icon img {
    transform: rotateY(360deg);
    cursor: pointer;
}

ul.nav_tab_round li.active .icon:before {
    animation: pulse-border 1000ms ease-out infinite;
}

ul.nav_tab_round li.active .icon:after {
    background: linear-gradient(180.47deg, #3cb64b 28.57%, #3cb64b 46.86%, #3cb64b 83.16%, #3cb64b 101.91%);
    border: none;
    width: 5.99rem;
    height: 5.99rem;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2);
        opacity: 0;
    }
}

.lv_sec_4 {
    padding: 7.292rem 0 6.25rem;
}

.lv_sec_4 .wrap_items {
    margin: 0 -0.677rem;
    display: flex;
    flex-wrap: wrap;
}

.lv_sec_4 .wrap_items .item {
    width: calc(50% - 1.354rem);
    margin: 0 0.677rem 2.396rem;
}

.lv_sec_4 .wrap_items .item .box_img {
    padding-bottom: 56.25%;
    position: relative;
    margin-bottom: 0.78125rem;
}

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

.lv_sec_4 .wrap_items .item h3 {
    margin: 0;
    text-align: center;
    font-size: 1.5625rem;
    color: #89c527;
}

.lv_sec_4 h2.heading_h2 {
    margin-bottom: 2.34375rem;
}

.lv_sec_5 {
    background-image: url(../../images/bg_last_lv.jpg);
}

.lv_sec_5 {
    background-size: cover;
    background-position: top center;
    padding: 7.292rem 0 0;
}

div#load_product {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.042rem;
}

div#load_product.active {
    background-image: url(../../images/loading_io.gif);
    background-size: 100px;
    background-position: top 100px center;
    background-repeat: no-repeat;
}

div#load_product.active .item_product {
    opacity: 0;
}

.item_product {
    width: calc(50% - 2.084rem);
    margin: 0 1.042rem 8.854rem;
    cursor: pointer;
}

.item_product .box_img {
    height: 23.4375rem;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 1.5625rem;
    position: relative;
}

.item_product .box_img:before {
    position: absolute;
    bottom: -0.40625rem;
    height: 13.021rem;
    width: 23.4375rem;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    background-image: url(../../images/ke.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.item_product .box_img img {
    max-height: 100%;
    width: auto;
    transform: scale(1);
    transition: .5s all;
    margin-bottom: 0;
}

.item_product h3 {
    text-align: center;
    font-size: 1.302rem;
    color: #89c527;
    max-width: 21.615rem;
    margin: 1.042rem auto 0;
    line-height: 1.5;
}

ul.tax_product {
    list-style: none;
    margin: 0 0 6.771rem;
    display: flex;
    justify-content: center;
}

ul.tax_product a {
    background: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.604rem;
    color: #333333;
    font-size: 1.042rem;
    padding: 0 2.604rem;
    transition: .3s all;
}

ul.tax_product a:hover, ul.tax_product a.active {
    background: #89c527;
    color: white;
}

.item_product:hover .box_img img {
    transform: scale(1.1);
    margin-bottom: 1.042rem;
}

.item_popup.popup_product {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    max-width: unset;
    padding: 5.208rem 7.8125rem;
    opacity: 0;
    transition: .3s all;
    pointer-events: none;
}

.item_popup.popup_product.active {
    opacity: 1;
    transition: .3s all;
    pointer-events: unset;
}

.mySwiper2 .swiper-slide {
    cursor: pointer;
}

.swiper.mySwiper .swiper-slide {
    cursor: pointer;
}

.item_popup.popup_product .inner .content {
    max-height: 26.042rem;
}

.item_popup .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    cursor: pointer;
}

.mySwiper2 img {
    transform: scale(.9);
}

.qh_cd {
    padding: 4.167rem 0 10.417rem;
}

.qh_cd .wrap_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2.083rem;
}

.qh_cd .wrap_top .heading_h2 {
    margin: 0;
}

select#filter_year {
    height: 2.65625rem;
    border: 1px solid rgba(9, 2, 41, 0.15);
    padding: 0 70px 0 1.5625rem;
    background-image: url(../../images/arrow_down.svg);
    background-repeat: no-repeat;
    background-position: top 50% right 12px;
    cursor: pointer;
}

.wrap_document .item {
    display: flex;
    align-items: center;
    padding: 1.5625rem 1.25rem;
    position: relative;
    transition: .3s all;
    background: white;
}

.wrap_document .item .date {
    text-align: center;
    flex: 0 0 auto;
    padding-right: 1.667rem;
    margin-right: 1.667rem;
    border-right: 1px solid #B1B1B1;
}

.wrap_document .item .date b {
    font-size: 1.667rem;
    font-family: var(--font-semi);
    background-clip: text;
    line-height: 1;
    width: 2.604rem;
    color: #89c527;
}

.wrap_document .item .date .content {
    font-size: 0.573rem;
    color: #89c527;
}

.wrap_document .item h3 {
    margin: 0;
    font-size: 0.9375rem;
    color: #484848;
    opacity: 0.9;
    text-transform: uppercase;
}

.wrap_document .item svg {
    position: absolute;
    right: 1.5625rem;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s all;
}

.wrap_document .item:nth-child(odd) {
    background: #F4F4F4;
}

.wrap_document .item * {
    transition: .3s all;
}

.wrap_document .item:hover * {
    color: white !important;
    background: unset;
}

.wrap_document .item:hover {
    background: #89c527;
}

.wrap_document .item:hover svg {
    filter: brightness(0) invert(1);
}

section.section.qh_cd {
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: auto;
}


.bds_sec_1 .heading_h2 {
    margin-bottom: 2.604rem;
}

.bds_sec_1 .arrow_slider {
    left: -4.167rem;
}

.bds_sec_1 .arrow_slider.right {
    right: -4.167rem;
}

.slider_terms_project .box_img {
    position: relative;
    border-radius: 0.521rem;
    overflow: hidden;
    padding-bottom: 125%;
    margin-bottom: 1.042rem;
}

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

.slider_terms_project .box_content {
    display: flex;
    align-items: center;
}

.slider_terms_project .box_content .num {
    flex: 0 0 auto;
    background: linear-gradient(256.95deg, #89c527 -84.56%, #89c527 105.38%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-family: var(--font-bold);
    font-size: 3.125rem;
    line-height: .8;
    padding-right: 1.042rem;
    margin-right: 1.042rem;
    flex: 0 0 auto;
    border-right: 1px solid rgb(51 51 51 / 30%);
    transition: .5s all;
    line-height: 1;
}

.slider_terms_project .box_content h3 {
    margin: 0;
    font-size: 0.9375rem;
    text-transform: uppercase;
    line-height: 1.5;
}

.slider_terms_project .swiper-slide:nth-child(odd) .item {
    margin-top: 3.125rem;
}

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

.slider_terms_project .item:hover .box_content .num {
    background: linear-gradient(256.95deg, #3CB64B -84.56%, #3CB64B 105.38%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.bds_sec_2 {
    padding: 5.208rem 0;
}

.project_item {
    position: relative;
    width: calc(calc(100% / 3) - 1.25rem);
    margin: 0 0.625rem 1.25rem;
    text-align: left;
    border-radius: 0.521rem;
    overflow: hidden;
    box-shadow: 0px 4px 1.042rem rgba(0, 0, 0, 0.07);
    background: white;
    transition: .5s all;
}

.wrap_project {
    flex-wrap: wrap;
}

ul.list_tax_project {
    list-style: none;
    margin: 0 0 2.865rem;
    display: flex;
    justify-content: center;
}

ul.list_tax_project a {
    height: 2.604rem;
    background: #EAEAEA;
    font-size: 1.042rem;
    color: #333333;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 2.604rem;
    margin: 0 0.78125rem;
    transition: .3s all;
}

ul.list_tax_project a:hover,
ul.list_tax_project a.active {
    background: #89c527;
    color: white;
}

.project_item .box_img {
    padding-bottom: 66.25%;
    position: relative;
}

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

.project_item .box_content {
    padding: 1.302rem 1.823rem;
}

.project_item .box_content .term {
    font-size: 0.729rem;
    display: block;
    margin-bottom: 0.26rem;
}

.project_item .box_content h3 {
    font-size: 1.146rem;
    color: #89c527;
    margin-bottom: 0.78125rem;
}

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

.project_item .box_content ul li {
    display: flex;
    align-items: flex-start;
}

.project_item .box_content ul li .icon {
    width: 1.5625rem;
    flex: 0 0 auto;
    padding-top: 1px;
    max-width: 1rem;
}

.project_item .box_content ul li {
    gap: 1rem;
}

.project_item:hover {
    background: #89c527;
}

.project_item .box_content > * {
    transition: .5s all;
    filter: brightness(1) invert(0);
}

.project_item:hover .box_content > * {
    filter: brightness(0) invert(1);
}

section.section.tax_du_an {
    padding-top: 3.646rem;
}

section.section.tax_du_an_2 {
    padding: 8.333rem 0 6.771rem;
}

.wrap_gallery .item {
    position: relative;
    width: calc(25% - 0.834rem);
    margin: 0.417rem;
    overflow: hidden;
    padding-bottom: 25%;
    position: relative;
}

.wrap_gallery {
    display: flex;
    flex-wrap: wrap;
    margin: -0.417rem;
    align-items: flex-start;
}

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

.wrap_gallery .item:nth-child(6n+1), .wrap_gallery .item:nth-child(6n+6) {
    width: calc(50% - 0.833rem);
}

.wrap_gallery .item:hover img {
    transform: scale(1.2);
}

.fancybox-navigation button {
    background: transparent !important;
}

ul.nav_scroll {
    list-style: none;
    margin: auto;
    display: flex;
    justify-content: center;
    max-width: fit-content;
    position: sticky;
    top: 6.8rem;
    box-shadow: 0px 0px 10px rgb(128 128 128 / 20%);
    z-index: 10;
}

ul.nav_scroll a {
    height: 2.604rem;
    font-size: 1.042rem;
    color: #333333;
    padding: 0 1.88rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: white;
    transition: .3s all;
}

.du_an_sec_1 {
    padding: 8rem 0 5rem;
}

.du_an_sec_1 .content.top {
    max-width: 52.083rem;
    font-size: 0.9375rem;
    margin-bottom: 1.5625rem;
}

.du_an_sec_1 .heading_h2 {
    font-size: 2.083rem;
    margin-bottom: 1.042rem;
}

.du_an_sec_1 .wrap_items {
    display: flex;
    flex-wrap: wrap;
}

.du_an_sec_1 .wrap_items .item {
    width: calc(calc(100% / 3) - 5.208rem);
    margin: 1.354rem 2.604rem;
}

.du_an_sec_1 .wrap_items .item .icon {
    background: linear-gradient(180.47deg, #89c52769 28.57%, #89c52769 46.86%, #89c52769 83.16%, #89c52769 101.91%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 5.417rem;
    height: 5.417rem;
    border-radius: 50%;
    position: relative;
    margin-bottom: 20px;
}

.du_an_sec_1 .wrap_items .item .icon img {
    max-width: 60%;
    max-height: 60%;
    position: relative;
    transform: rotateY(0);
    transition: .5s all;
}

.du_an_sec_1 .wrap_items .item:hover .icon img {
    transform: rotateY(360deg);

}

.du_an_sec_1 .wrap_items .item .icon:before {
    background: linear-gradient(180.47deg, #89c527 28.57%, #89c527 46.86%, #89c527 83.16%, #89c527 101.91%);
    top: 0.46875rem;
    left: 0.46875rem;
    right: 0.46875rem;
    bottom: 0.46875rem;
    content: '';
    position: absolute;
    border-radius: 50%;
}

.du_an_sec_1 .wrap_items .item span {
    font-size: 0.9375rem;
    color: #666666;
}

.du_an_sec_1 .wrap_items .item .content {
    font-size: 0.9375rem;
    font-family: 'Roboto 600';
}

.du_an_sec_1 .wrap_items .item .content b {
    display: block;
}

.du_an_sec_1 .wrap_items .item .content span {
    display: block;
    font-family: var(--font-normal);
}

section.section.du_an_sec_2 {
    background: #ebffcb;
}

.du_an_sec_2 .grid-container {
    display: flex;
    align-items: center;
}

.du_an_sec_2 .wrap {
    display: flex;
    align-items: center;
}

.single-du-an h2.heading_h2 {
    font-size: 2.083rem;
}

.du_an_sec_2 h2.heading_h2 {
    margin-bottom: 1.042rem;
}

.du_an_sec_2 .content {
    margin-bottom: 1.302rem;
    text-align: justify;
}

.du_an_sec_2 img {
    display: block;
}

.du_an_sec_2 ul.list {
    list-style: none;
    margin: 0;
    text-align: center;
}

.du_an_sec_2 ul.list .box {
    width: 5.208rem;
    height: 5.208rem;
    margin: auto;
    background: #89c527;
    display: flex;
    align-content: center;
    justify-content: center;
    color: white;
    border-radius: 50%;
    text-align: center;
    flex-wrap: wrap;
    font-size: 0.625rem;
    font-family: 'Roboto 600';
    margin-bottom: 0.365rem;
}

.du_an_sec_2 ul.list .box br {
    display: none;
}

.du_an_sec_2 ul.list .box b {
    display: block;
    width: 100%;
    font-size: 2.1875rem;
    line-height: .9;
}

.du_an_sec_2 ul.list li > b {
    font-size: 0.625rem;
    font-family: var(--font-semi);
    color: #333333;
    max-width: 10.15625rem;
    display: inline-block;
}

.du_an_sec_2 ul.list li {
    margin: 1.09375rem 0;
}

ul.nav_scroll a:hover, ul.nav_scroll a.active {
    background: #89c527;
    color: white;
}

.du_an_sec_3 h2.heading_h2 {
    margin: 0;
}

.du_an_sec_3 {
    padding-top: 5.208rem;
}

.du_an_sec_3 .wrap_gallery {
    width: 100%;
    margin-top: 3.333rem;
}

.du_an_sec_3 .wrap_gallery .item:before {
    background: linear-gradient(360deg, rgba(0, 0, 0, 0.64) 0%, rgba(63, 63, 63, 0) 102.41%);
    height: 80%;
    width: 100%;
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 0;
}

.du_an_sec_3 .wrap_gallery .item h3 {
    position: absolute;
    bottom: 1.302rem;
    z-index: 5;
    color: white;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    font-size: 1.354rem;
    margin: 0;
    width: 100%;
    padding: 0 1rem;
    right: unset;
    left: unset;
}

.du_an_sec_3 .wrap_gallery .item:nth-child(6n+1), .du_an_sec_3 .wrap_gallery .item:nth-child(6n+6) {
    margin: 0;
    width: 50%;
}

.du_an_sec_3 .wrap_gallery {
    margin: 3.333rem 0 0 0;
}

.du_an_sec_3 .wrap_gallery .item {
    width: 25%;
    margin: 0;
}

section.section.du_an_sec_4 {
    padding: 5.729rem 0 0 0;
}

section.section.du_an_sec_4 .list_tax_project a {
    margin: 0;
    box-shadow: 0px 0.208rem 1.5625rem rgba(0, 0, 0, 0.05);
    background: white;
}

section.section.du_an_sec_4 .list_tax_project a:hover, section.section.du_an_sec_4 .list_tax_project a.active {
    background: #89c527;
}

.du_an_sec_5 .box_video {
    position: relative;
    max-width: 46.875rem;
    margin: auto;
    border-radius: 2.083rem;
    overflow: hidden;
    border: 0px solid #89c527;
    box-sizing: border-box;
    transition: .5s all;
}

.du_an_sec_5 ul.list_tax_project a {
    margin: 0;
    background: #FFFFFF;
}

.du_an_sec_5 ul.list_tax_project a:hover, .du_an_sec_5 ul.list_tax_project a.active {
    background: #89c527;
}

.du_an_sec_5 ul.list_tax_project {
    box-shadow: 0px 0.208rem 1.5625rem rgba(0, 0, 0, 0.05);
}

section.section.du_an_sec_5 {
    padding-top: 7.292rem;
}

.slider_gallery_project img {
    width: 100%;
    display: block;
    transition: .5s all;
    opacity: 1;
}

.slider_gallery_project .item {
    background: black;
}

.slider_gallery_project .item:hover img {
    opacity: .5;
}

.du_an_sec_5 .arrow_slider {
    left: -4.167rem;
}

.du_an_sec_5 .arrow_slider.right {
    right: -4.167rem;
}

.du_an_sec_5 .box_video:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: '';
    background: transparent;
    border: 0px solid #89c527;
    border-radius: 2.083rem;
    position: absolute;
    transition: .3s all;
}

.du_an_sec_5 .box_video:hover:before {
    border: 0.521rem solid #89c527;
}

.du_an_sec_5 .box_video h4 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    z-index: 5;
    color: white;
    bottom: 10px;
    text-transform: uppercase;
    font-family: var(--font-bold);
    padding: 0.521rem 1.5625rem;
    background: #89c527;
    border-radius: 100px;
    bottom: 10px;
}

.icon_play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: white;
    width: 4.167rem;
    height: 4.167rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: transparent;
    transition: .3s all;
}

.du_an_sec_5 .box_video img {
    display: block;
}

.icon_play svg {
    width: 80%;
    height: 80%;
}

.du_an_sec_5 .box_video:hover .icon_play {
    background: #89c527;
}

.slider_gallery_project .box_img {
    position: relative;
    padding-bottom: 150%;
}

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

.slider_gallery_project h3 {
    text-transform: uppercase;
    text-align: center;
    padding: 1.042rem 0 0 0;

    font-size: 1.146rem;
    color: #89c527;
    background: white;
}

.slider_gallery_project.document .box_img {
    border: 2px solid #89c527;
    box-sizing: border-box;
}

.du_an_sec_6 .arrow_slider {
    left: -4.167rem;
}

.du_an_sec_6 .arrow_slider.right {
    right: -4.167rem;
}

.du_an_sec_6 {
    padding-top: 7.292rem;
}

.du_an_sec_8 .project_item {
    width: 100%;
    margin: 0;
}

.du_an_sec_8 .arrow_slider {
    left: -4.167rem;
}

.du_an_sec_8 .arrow_slider.right {
    right: -4.167rem;
}

.du_an_sec_8 {
    padding-top: 7.292rem;
    padding-bottom: 7.8125rem;
}

.slider_project_single {
    padding-bottom: 0.521rem;
}

.du_an_sec_7 .wrap {
    box-shadow: 0px 4px 1.5625rem rgba(156, 29, 32, 0.1);
    border-radius: 0.521rem;
    display: flex;
    overflow: hidden;
    align-items: center;
    margin-bottom: 1.042rem;
    background: #ebffcb;
}

.du_an_sec_7 .wrap .box_img {
    flex: 0 0 auto;
}

section.section.du_an_sec_7 {
    padding-top: 7.292rem;
}

.du_an_sec_7 .wrap .box_content {
    padding: 0 6.25rem;
}

.du_an_sec_7 .wrap .box_content h2.heading_h2 {
    font-family: var(--font-normal);
    margin-bottom: 1.042rem;
}

.du_an_sec_7 .wrap .box_content .content {
    margin-bottom: 1.042rem;
}

.du_an_sec_7 .wrap .wrap_forrm {
    margin: 0 !important;
}

.du_an_sec_7 .wrap .wrap_form {
    margin: 0;
}

.du_an_sec_7 .wrap .wrap_form input {
    width: 100%;
    margin-bottom: 1.042rem;
}

nav#site-navigation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .5s all;
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    background: white;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    background-image: url(../../images/bg_menu_open.jpg);

}

nav#site-navigation li {
    display: block;
}

.main-navigation .main-nav > ul {
    display: block;
    text-align: center;
}

.main-navigation .main-nav > ul {
    display: block;
    text-align: center;
}

.main-navigation .main-nav ul li a {
    color: #fff !important;
    font-size: 1.5625rem;
    text-transform: uppercase;
    line-height: 3.5rem;
    min-width: 21.875rem;
    opacity: 1;
    transition: .3s all;
    transform: scale(1);
    font-family: 'SVN-Gotham Book';
}

.main-navigation .main-nav ul li a:hover,
.wrap_contact_right ul a:hover {
    /*opacity: .8;*/
    /*transform: scale(.9);*/
    background-size: 100% 100%;
    background-position: center;
    background: linear-gradient(90deg, rgba(60, 182, 75, 0.00) 0%, #3CB64B 50%, rgba(60, 182, 75, 0.00) 100%) !important;
}

.main-navigation .main-nav ul li {
    margin: 0.3125rem 0;
}

.menu-item-has-children .dropdown-menu-toggle {
    display: none;
}

.main-navigation .main-nav ul li.menu-item-has-children > a {
    padding-right: 1.25rem;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    font-family: var(--font-bold);
    /*background-image: url(../../images/bg_active.png);*/
    background-size: 100% 100%;
    background-position: center;
    background: linear-gradient(90deg, rgba(60, 182, 75, 0.00) 0%, #3CB64B 50%, rgba(60, 182, 75, 0.00) 100%) !important;
    color: #fff !important;
}

nav#site-navigation {
    flex-wrap: wrap;
    justify-content: center;
}

nav#site-navigation.active {
    opacity: 1;
    pointer-events: unset;
}

header#masthead {
    z-index: 999;
}

/*.fp-auto-height-responsive{*/
/*    overflow: hidden;*/
/*}*/

div#form_td .wrap_form .text_center {
    display: none;
}

.tuyen_dung_details .breadcrumbs {
    position: unset;
    max-width: 71.875rem;
    margin: 0 auto 3.125rem;
}

.tuyen_dung_details {
    padding-top: 8.333rem;
}

.tuyen_dung_details .breadcrumbs ul * {
    color: #333333;
}

.single-tuyen-dung header#masthead {
    background: #F8F8F8;
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
}

header#masthead:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 138%;
    background: linear-gradient(0deg, rgb(0 0 0 / 0%) 0%, rgb(255 255 255 / 85%) 46.67%, rgb(255 255 255) 100%);
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    transition: .3s all;
}

header#masthead.sticky {
    background: transparent;
}

header#masthead.sticky:before {
    opacity: .5;
}

.single-du-an header#masthead.sticky:before {
    opacity: 1;
    background: white;
    height: calc(100% + 0.521rem);
}

section.section.nav_tax_qh {
    background: linear-gradient(90deg, #89c527 -8.67%, #02873A 46.8%, #89c527 100%);
}

section.section.nav_tax_qh ul {
    list-style: none;
    margin: 0;
    display: flex;
    justify-content: center;
    color: white;
}

section.section.nav_tax_qh ul a {
    color: white;
    padding: 0.9375rem;
    display: inline-block;
    font-family: var(--font-semi);
    transition: .3s all;
}

section.section.nav_tax_qh ul a:hover, section.section.nav_tax_qh ul li.current-menu-item a {
    color: #89c527;
    background: #FFFFFF;
}

.wrap_search_popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: .3s all;
    pointer-events: none;
}

.wrap_search_popup.show {
    opacity: 1;
    pointer-events: unset;
}

.wrap_search_popup .inner {
    background: rgb(255 255 255);
    padding: 1.823rem calc(calc(100vw - 60.729rem) / 2) 1.823rem;
    position: relative;
    z-index: 2;
    transform: translateY(-120%);
    transition: .3s all;
}

.wrap_search_popup.show .inner {
    transform: translateY(0%);
    transition-delay: .3s;
}

.wrap_search_popup .inner .button_close {
    position: absolute;
    top: 2.1875rem;
    right: 2.34375rem;
    cursor: pointer;
}

.wrap_search_popup .inner .button_close path {
    fill: #89c527;
}

.wrap_search_popup .inner h2 {
    font-size: 2.083rem;
    margin-bottom: 1.5625rem;
}

.wrap_search_popup input::placeholder {
    font-size: 1.302rem;
    color: #929292;
}

.wrap_search_popup input#s {
    margin-bottom: 0;
    height: 2.604rem;
    width: 31.25rem;
    margin-right: 0.521rem;
    outline: none;
    background-color: transparent;
    color: #333333;
    font-size: 0.9375rem;
    transition: .5s all;
    border: 0.104rem solid #89c527;
    border-radius: 0rem;
}

.wrap_search_popup input#s:focus {
    border-color: #89c527;
}

.wrap_search_popup input#s::placeholder {
    font-size: 0.9375rem;
}

.wrap_search_popup input#searchsubmit {
    height: 2.604rem;
    width: 12.5rem;
    font-size: 0.9375rem;
    text-transform: uppercase;
    color: white;
    flex: 0 0 auto;
    /*background: #a35529;*/
    border-radius: 0.26rem;
    position: unset;
    opacity: 1;
    background: #89c527;
    /*background-image: linear-gradient(to left, #212475 0%, #313591 100%);*/
    border: 2px solid #89c527;
    border-radius: 0;
}

.wrap_search_popup form {
    display: flex;
    justify-content: center;
}

.wrap_search_popup h2 {
    color: #fff;
}


.site-logo.active img {
    filter: unset;
}

.search div#banner_gr {
    display: none;
}

.search section.section.news_page {
    padding: 8.646rem 0 4.167rem;
}

section.section.post_details {
    margin-top: 7.917rem;
}

.tag div#banner_gr {
    display: none;
}

.tag section.section.news_page {
    margin-top: 4rem;
}

.fancybox-container {
    z-index: 999999999;
}

.item_popup .inner .content {
    max-height: 10.4375rem;
}

.about_sec_3 .wrap_slider > .arrow_slider {
    border-color: #89c527;
}

.about_sec_3 .wrap_slider > .arrow_slider svg path {
    stroke: #89c527;
}

.lv_sec_1 img {
    max-width: 95%;
}

.slider_gallery_project .item a {
    cursor: zoom-in;
}

.post_item .box_content > * {
    transition: .3s all;
}

.post_item:hover .box_content > * {
    color: white;
}

.post_item {
    transition: .3s all;
}

.post_item:hover {
    background: #89c527;
}

.content_post .content a {
    color: #333333;
    text-decoration: underline;
}

.mobile_display {
    display: none;
}

a.file_dowload {
    display: inline-flex;
    align-items: center;
    background: rgb(255 255 255 / 10%);
    border-radius: 100px;
    font-size: 0.729rem !important;
    font-family: var(--font-bold);
    color: #fff !important;
    padding-right: 1.823rem;
}

a.file_dowload span {
    width: 2.604rem;
    height: 2.604rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: white;
    border-radius: 50%;
    fill: #89c527;
    margin-right: 0.78125rem;
    border-radius: 100px;
    overflow: hidden;
    flex: 0 0 auto;
}

.close svg {
    width: 1.354rem;
    display: block;
    float: left;
    margin-top: 0.104rem;
}

.open_menu .close {
    display: none;
}

header#masthead.active .open_menu .close {
    display: flex;
    align-items: center;
}

header#masthead.active .open_menu .open {
    display: none;
}

.wrap_gallery .item_gal {
    width: calc(25% - 1.042rem);
    margin: 0 0.521rem 1.5625rem;
    position: relative;
    display: none;
}

.gallery_page {
    padding: 9rem 0 5rem;
}

.contact_sec_1 .grid-container {
    padding-top: 5rem;
}

.wrap_gallery .item_gal .box_img {
    padding-bottom: 56.25%;
    position: relative;
    background: black;
    overflow: hidden;
    border-radius: 0.521rem;
    margin-bottom: 0.521rem;
}

.wrap_gallery .item_gal .box_img img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .8;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.1);
    transition: .5s all;
}

.wrap_gallery .item_gal:hover .box_img img {
    transform: translate(-50%, -50%) scale(1);
}

.wrap_gallery .item_gal .box_img svg {
    width: 2.708rem;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9;
    fill: white;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.wrap_gallery .item_gal h3 {
    font-size: 1.042rem;
    margin-bottom: 0;
    text-align: center;
}

.gallery_wrap h2 {
    margin-bottom: 1.823rem;
    display: block;
}

.gallery_wrap + .gallery_wrap {
    margin-top: 2.604rem;
    display: inline-block;
    width: 100%;
}

.thank_page .grid-container {
    height: 100vh;
    display: flex;
    align-items: center;
}

.thank_page
.group_content {
    max-width: 29.167rem;
    margin: auto;
    background: rgb(0 92 39 / 90%);
    border-radius: 1.042rem;
    padding: 2.083rem;
}

.thank_page .group_content * {
    color: white;
}

.thank_page .group_content p:last-child {
    margin: 0;
}

.thank_page .group_content p {
    font-size: 1.042rem;
}

section.section.thank_page.css_bg {
    background-size: cover !important;
    background-attachment: fixed !important;
}

.home_sec5 .wrap_post .item_post {
    width: calc(100% / 3);
}

.CR-site-loading-svg svg + .slogan {
    color: white;
    position: absolute;
    z-index: 999;
    transform: translateY(9.292rem);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgb(255 255 255 / 20%) 50%, rgba(255, 255, 255, 0.00) 100%);
    height: 3.385rem;
    display: flex;
    align-items: center;
    padding: 0 5.99rem;
    font-size: 1.5625rem;
    text-transform: unset;
    opacity: 0;
    transition: 1s all;
    /*animation: fadeInUp 1s forwards;*/
    /*animation-delay: 6s;*/
}

.CR-site-loading-svg svg + .slogan b span {
    font-weight: 400 !important;
    opacity: 0;
}

.CR-site-loading-svg svg + .slogan b {
    font-family: var(--font-normal);
}

.CR-site-loading-svg svg + .slogan.show b span {
    animation: fadeInUp .5s ease-in-out forwards;
}

@keyframes fadeInUp {
    to {
        opacity: 1;
    }
}

.CR-site-loading-svg img.bg {
    position: absolute;
    z-index: 1;
    opacity: .05;
}

.CR-site-loading-svg {
    background: linear-gradient(180deg, rgba(60, 182, 75, 0.95) -17.15%, rgba(44, 151, 85, 0.95) -3.11%, rgba(23, 108, 100, 0.95) 28.75%, rgba(8, 79, 109, 0.80) 68.65%, rgba(0, 62, 111, 0.40) 100%);
}

.CR-site-load-bg {
    background-color: none !important;
    background: linear-gradient(180deg, rgba(60, 182, 75, 0.95) -17.15%, rgba(44, 151, 85, 0.95) -3.11%, rgba(23, 108, 100, 0.95) 28.75%, rgba(8, 79, 109, 0.80) 68.65%, rgba(0, 62, 111, 0.40) 100%);
}

.home_sec2 .content br {
    display: none;
}

.content_banner img.logo {
    display: block;
    margin: 0 auto 0.521rem;
}

.link_style {
    background: white;
    color: var(--1, #89c527);
    font-size: 0.9375rem;
    text-transform: uppercase;
    font-family: 'Roboto bold';
    padding: 0.729rem 1.5625rem;
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    transition: .5s all;
}

a.link_style svg {
    margin-left: 0.78125rem;
}

a.link_style:hover {
}

a.link_style:hover {
    color: white;
    background: var(--1, #89c527);
}

a.link_style svg path {
    transition: .5s all;
}

a.link_style:hover svg path {
    stroke: white;
}

.swiper-pagination span {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.30);
    opacity: 1 !important;
    transition: .5s all;
}

.swiper-pagination span.swiper-pagination-bullet-active {
    width: 2.125rem;
    background: var(--5, #FFF);
}

a.link_style.color {
    background: var(--sub-cl);
    color: white;
    position: relative;
    overflow: hidden;
    z-index: 0;
    white-space: nowrap;
}

.box_project .wrap_content h3 {
    color: white;
}

a.link_style.color:before {
    z-index: -1;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff4a;
    transition: .5s all;
    opacity: 0;
}

a.link_style.color:hover:before {
    opacity: 1;
}

.slider_action .item:hover {
    background: #89c527;
    padding: 0.26rem;
}

.slider_action .item {
    transition-delay: unset !important;
    padding: 0.26rem !important;
}

.slider_action .item:hover .box_content h3 {
    color: white;
}

.home_sec4 .box_content {
    position: absolute;
    top: 20%;
    z-index: 15;
    left: calc(calc(100% - 70.917rem) / 2);
}

.box_project {
    display: flex;
    height: 100vh;
}

.box_project img {
    height: 100%;
    object-fit: cover;
    max-width: unset;
    transition: 1.5s all;
    opacity: .4;
    object-position: left;
}

.box_project .item {
    overflow: hidden;
    transition: 1.5s all;
    position: relative;
    width: 25%;
}

.box_project .item:hover img,
.box_project .item.hover img {
    opacity: 1;
    object-position: right;
}

.box_project .item {
    background: #000;
}

.box_project .item:hover,
.box_project .item.hover {
    width: 60%;
    flex: 0 0 auto;
}

.box_project .item a {
    z-index: 8;
}

.home.fp-viewing-section_4 header#masthead {
    opacity: 0;
    pointer-events: none;
}

.box_project .wrap_content {
    position: absolute;
    bottom: 8%;
    color: white;
    left: calc(calc(100vw - 70.917rem) / 2);
    opacity: 0;
    transition: .1s all;
    z-index: 3;
    max-width: 60%;
}

.box_project .wrap_content span {
    display: block;
    color: white;
    text-transform: uppercase;
    margin-bottom: 0.521rem;
    font-family: 'Roboto bold';
}

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

.box_project .wrap_content {
    width: max-content;
}

.box_project .wrap_content h3 {
    font-size: 1.5625rem;
    font-style: normal;
    font-weight: 900;
    /* 122.857% */
    text-transform: uppercase;
    margin-bottom: 1.823rem;
    line-height: 1.5;
    font-family: 'Roboto bold';
    max-width: 26.042rem;
}

.box_project .wrap_content ul li:not(:last-child):before {
    width: 4.896rem;
    height: 1.5px;
    opacity: 0.3;
    background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
}

.box_project .wrap_content li {
    padding: 1.042rem 0;
    position: relative;
}

.box_project .wrap_content li:first-child {
    padding-top: 0;
}

.box_project .wrap_content li:last-child {
    padding-bottom: 0;
}

.box_project .item:hover .wrap_content,
.box_project .item.hover .wrap_content {
    opacity: 1;
    transition: .3s;
    transition-delay: .7s;
}

.box_project .item:before {
    background: linear-gradient(24deg, #000 0%, rgba(0, 0, 0, 0.71) 35.94%, rgba(0, 0, 0, 0.33) 75.31%, rgba(0, 0, 0, 0.00) 100%);
    opacity: 0.8;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    transition: .7s all;
    pointer-events: none;
}

.box_project .item:hover:before,
.box_project .item.hover:before {
    opacity: 1;
}

.home_sec_4 .box_content h2 {
    color: white;
    margin-bottom: 1.042rem;
}

.box_project .item .box_num {
    position: absolute;
    bottom: 8%;
    z-index: 99;
    color: white;
    font-size: 2.083rem;
    line-height: 1;
    right: 50%;
    transform: translateX(50%);
    transition: .7s all;
    font-family: 'SVN-Gotham';
}

.box_project .item .box_num span {
    width: 0.104rem;
    height: 4.271rem;
    background: linear-gradient(100deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -115%);
    transition: .7s all;
}


.box_project .item:hover .box_num,
.box_project .item.hover .box_num {
    right: 9%;
}

.heading_h2.text_white {
    background: linear-gradient(90deg, #fff -8.67%, #fff 46.8%, #fff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.home_sec5 .wrap_top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.823rem;
}

.home_sec5 .wrap_top h2 {
    margin: 0;
}

.contact_section {
    background: linear-gradient(180deg, rgba(60, 182, 75, 0.95) -39.21%, #2C9755 -17.77%, #176C64 28.95%, #084F6D 70.27%, #003E6F 100%);
}

.contact_section .wrap_info p {
    margin-bottom: 0.26rem;
}

a.file_dowload path {
    fill: #89c527;
}

.wrap_form .link_style {
    color: var(--1, #89c527) !important;
}

.wrap_form .link_style:hover {
    color: #fff !important;
}

.slider_logo {
    margin: .5rem -1.5625rem 0;
}

.home_sec3 .wrap_slide_background_icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 15.26rem;
    height: auto;
    transform: translate(40%, -46%);
    pointer-events: none;
}

.home_sec6 .content br {
    display: none;
}

.linh_vuc_page .item .box_content a path {
    stroke: #fff;
}

header#masthead.active {
    background: transparent !important;
    z-index: 9999;
}

header#masthead.active:before {
    opacity: 0 !important;
}

.du_an_sec_7 .wrap .box_img img {
    display: block;
}

.black_color.wrap_form input:not(.wpcf7-submit) {
    color: #333;
    border-bottom: 0.052rem solid rgb(51 51 51 / 50%);
}

.black_color.wrap_form input:not(.wpcf7-submit)::placeholder {
    color: #333;
}

/*.home_sec3 .grid-container {*/
/*    padding-top: 7.8125rem;*/
/*}*/

.scroll_down {
    FONT-WEIGHT: 300;
    position: absolute;
    z-index: 9;
    bottom: 4.167rem;
    right: 3.125rem;
    animation: hu__hu__ infinite 2s ease-in-out;
}

.scroll_down svg {
    display: block;
    width: 1.302rem;
    height: auto;
}

.home_sec5 .wrap_slide_background_icon {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 11.5625rem;
    height: auto;
    pointer-events: none;
    z-index: 2;
}

section.section.td_sec_1 .content, section.section.td_sec_2 .wrap_items .item .content {
    text-align: justify;
}

a.button_style.load_more_gallery span {
    color: #fff;
}

ul.term_gallery {
    list-style: none;
    margin: 0;
    display: flex;
    justify-content: center;
    margin-bottom: 2.083rem;
}

ul.term_gallery a {
    font-size: 1.042rem;
    color: #333;
    font-family: 'Roboto bold';
    margin: 0 1.042rem;
    text-transform: uppercase;
    border-bottom: 1px solid transparent;
    padding-bottom: 0.26rem;
}

ul.term_gallery a.active,
ul.term_gallery a:hover {
    color: #89c527;
    border-bottom: 1px solid #89c527;
}

#load_gallery_imgs.loading > * {
    opacity: .2;
}

#load_gallery_imgs.loading:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: '';
    background-image: url(../../images/loading_io.gif);
    width: 5.208rem;
    height: 5.208rem;
    background-size: cover;
}

.about_banner,
div#banner_gr {
    display: none !important;
}

/*body:not(.home) {*/
/*    padding-top: 4rem;*/
/*}*/

.page-template-about,
.page-template-linh-vuc,
.page-template-tuyen-dung,
.page-template-contact,
.page-template-thank_page {
    padding-top: 0 !important;
}

section.section.td_sec_2 .wrap_items .item .content {
    max-height: 15rem;
    overflow: auto;
    padding-right: .5rem;
    margin-right: -.5rem;
}

section.section.td_sec_2 .wrap_items .item .content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0.3125rem rgba(0, 0, 0, 0.3);
    background-color: #015c4b;
}

section.section.td_sec_2 .wrap_items .item .content::-webkit-scrollbar {
    width: 5px;
    background-color: #015c4b;
}

section.section.td_sec_2 .wrap_items .item .content::-webkit-scrollbar-thumb {
    background-color: #adadad;
}

.slider_terms_project.center .swiper-wrapper {
    justify-content: center;
}

.about_sec_1 .grid-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

@keyframes hu__hu__ {
    50% {
        transform: translateY(1.5625rem)
    }
}


/*header*/
header#header {
    position: fixed;
    top: 0;
}

header#header .wrap {
    display: flex;
    justify-content: space-between;
    padding: 0 3.646rem 0 2.604rem;
}

.logo_header a {
    /*border-radius: 0px 0px 55.498px 55.498px;*/
    /*border-right: 0.793px solid var(--7, #F0D5A5);*/
    /*border-bottom: 0.793px solid var(--7, #F0D5A5);*/
    /*border-left: 0.793px solid var(--7, #F0D5A5);*/
    /*background: #89c527;*/
    /*box-shadow: 0px 4px 1.042rem 0px rgba(0, 0, 0, 0.10);*/
    width: 5.9375rem;
    height: 7.03125rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.logo_header a img {
    max-width: 5.5rem;
    height: auto;
}

header#header .wrap .nav_right ul {
    list-style: none;
    margin: 1.823rem 0 0 0;
    display: flex;
}

header#header .wrap .nav_right ul li + li {
    margin-left: 2.865rem;
}

header#header .wrap .nav_right ul li {
    margin: 0;
}

li.icon_search svg {
    width: 2.76rem;
    height: auto;
}

li.icon_menu svg {
    width: 2.917rem;
    height: auto;
}

.menu_header li {
    border: none !important;
}

.menu_header {
    display: flex;
    align-items: center;
    align-items: flex-start;
}

.menu_header li a {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    text-transform: uppercase;
}

.menu_header > .menu {
    margin-right: 2.865rem !important;
}

.menu_header li a {
    font-size: 0.833rem;
    font-family: 'Roboto bold';
    color: black;
    display: inline-flex;
    align-items: center;
    line-height: normal !important;
}

.menu_header li a svg {
    display: block;
    margin-top: 0.208rem;
}

.menu_color .menu_header li a {
    color: #333;
}

.menu_head {
    margin-right: 2.865rem;
}

.menu_header li a svg path {
    stroke: #fff;
    transition: .5s all;
}

.menu_color .menu_header li a svg path {
    stroke: #333;
}

/*end header*/

.is-light-section header#header:before {
    content: unset;
}

.slider_brochure .box_content, .slider_brochure .box_img {
    position: relative !important;
}

.slider_brochure .item img,
.slider_brochure .item .text_up {
    transition: .7s all
}

.slider_brochure .item:hover .text_up {
    color: var(--main-cl);
    transition: .7s all;
}

.slider_brochure .item:hover img {
    transform: scale(1.1);
    transition: .7s all;
}

.slider_brochure .box_img {
    height: 20rem;
    border-radius: 15px;
    overflow: hidden;

}

.slider_brochure .item {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}

.home_sec3 .slider_brochure .content {
    margin: 0;
}


/*footer*/
/*footer#footer {*/
/*    min-height: 100vh;*/
/*}*/
.contact_section .grid-container {
    display: flex;
    align-items: center;
}

.contact_section .box_img {
    position: relative;
    height: 100vh;
    align-items: self-end;
}

.contact_section .box_img {
    display: flex;
    justify-content: flex-end;
    padding-right: 0.521rem;
}


.contact_section .box_img img {
    display: block;
    max-width: calc(100% + calc(calc(100vw - 71.875rem) / 2));
}

.contact_section .box_img img {
    max-width: 49.479rem;
}

footer#footer * {
    color: #fff;
}

.footer_top .inner {
    display: flex;
}

.footer_3 {
    width: 100%;
}

.footer_1, .footer_2 {
    flex: 0 0 auto;
}

footer img.background_section {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}

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

.menu_footer > ul > li + li {
    margin-top: 0.521rem;
}

.menu_footer a {
    font-size: 0.78125rem;
    line-height: 1.5;
}

.footer_nav .wrap ul {
    list-style: none;
    margin: 0;
    display: flex;
    gap: 0.833rem;
}

.footer_nav .wrap * {
    color: #fff;
    font-size: 0.729rem;
}

img.logo_footer {
    width: 12.292rem;
    height: auto;
}

.menu_footer .icon {
    width: 1.042rem;
    flex: 0 0 auto;
    margin-right: 0.677rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu_footer a:hover {
    text-decoration: underline !important;
}

.menu_footer li {
    display: flex;
    margin: 0;
    align-items: start;
}

h3.title_footer {
    min-height: 4.01rem;
    font-size: 1.302rem;
    background: var(--sub-cl);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Cormorant", serif;
    display: block;
    margin-bottom: 0.78125rem;
    position: relative;
    line-height: 1.2;
    text-transform: uppercase;
}

h3.title_footer:before {
    width: 4.167rem;
    height: 0.104rem;
    background: var(--main-cl);
    content: '';
    position: absolute;
    bottom: 0;
}

.active .footer_top:before {
    opacity: 1;
    transition-delay: 1s;
}

.footer_top:before {
    height: 1px;
    width: 100%;
    bottom: 0;
    content: '';
    position: absolute;
    background: linear-gradient(45deg, transparent, #fff, transparent);
    opacity: 0;
    transition: .5s all;
}

.footer_nav {
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top: 1px solid rgb(255 255 255 / 40%);
}

.footer_nav .wrap {
    padding: 0.521rem 0;
    /*opacity: .6;*/
}

.footer_nav .wrap .content,
.footer_nav ul li a {
    opacity: .6;
}

.footer_nav ul li a:hover {
    opacity: 1;
    text-decoration: underline !important;

    transition: opacity .7s;
}

.footer_nav .wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer_top {
    padding-bottom: 2.604rem;
    margin-bottom: 2.604rem;
    position: relative;
}

.footer_3 {
    padding-left: 7.8125rem;
}

.footer_3 {
    width: 100%;
}

/*end footer*/

/*about*/
.about_sec_1 .banner_content {
    margin-bottom: 5rem;
}

.banner_page {
    min-height: 100vh;
    display: flex;
    align-items: flex-end;
}

ul.nav_tabs li.active .icon img {
    filter: brightness(0) invert(1);
}

.banner_page:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: linear-gradient(90deg, black, transparent, black);
    opacity: .9;
    pointer-events: none;
}

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


.banner_page h1.heading_title:before {
    opacity: .6;
    background: #000;
    filter: blur(37px);
    content: '';
    width: 150%;
    height: 200%;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*.banner_page h1.heading_title {*/
/*    position: relative;*/
/*    display: inline-block;*/
/*    width: auto;*/
/*    -webkit-background-clip: text !important;*/
/*    -webkit-text-fill-color: transparent;*/
/*    background: var(--sub-cl);*/
/*    font-size: 3.125rem;*/
/*    font-family: 'Cormorant bold';*/
/*    text-transform: uppercase;*/
/*}*/

.banner_content {
    z-index: 2;
    width: 100%;
}

.breadcrumbs ol {
    list-style: none;
    display: flex;
    gap: 0.625rem;
}

.breadcrumbs ol li:not(:last-child) {
    padding-right: 0.625rem;
}

.breadcrumbs ol li a {
    color: white;
    opacity: .35;
}

.breadcrumbs ol li:last-child a {
    opacity: 1;
}

.breadcrumbs ol li {
    flex: 0 0 auto;
    position: relative;
    white-space: nowrap;
}

.breadcrumbs ol li:not(:last-child):before {
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 0.9375rem;
    border: 1px solid white;
}

.breadcrumbs ol li:hover > a {
    opacity: 1;
    transition: .7s all;
    color: white;
}

.breadcrumbs ol li:last-child:hover > a {
    color: var(--main-cl);
    transition: .7s all;
}

.slider_terms_project {
    padding: 0 1rem;
}

.du_an_sec_2 {
    padding: 0;
}

.gallery_item {
    display: none;
}

.gallery_item.active {
    display: block;
}

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

.slider_gallery {
    height: 45rem;
}

.du_an_sec_4 .wrap_slider > .arrow_slider.left {
    left: -70px;
}

.du_an_sec_4 .wrap_slider > .arrow_slider.right {
    right: -70px;
}

.du_an_sec_4 .wrap_slider > .arrow_slider:hover {
    background: var(--main-cl);
}

.du_an_sec_4 .wrap_slider > .arrow_slider:hover svg path {
    stroke: white;
}

.load_gallery_imgs {
    opacity: 0;
    height: 0;
    overflow: hidden;
    pointer-events: none;
    transition: opacity 0.4s ease;
}

.load_gallery_imgs.active {
    opacity: 1;
    height: auto;
    overflow: visible;
    pointer-events: auto;
}

/* Chỉ target .item con trực tiếp của .tab_project */
.tab_project > .item {
    display: none;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.tab_project > .item.active {
    display: block;
    opacity: 1;
}

/* Tab menu */
.term_gallery {
    list-style: none;
    padding: 0;
    margin: 0 0 24px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

section.contact_sec_1 span.wpcf7-not-valid-tip {
    bottom: 0;
    background: var(--main-cl);
    color: white !important;
    opacity: 1;
}

header#header .wrap .nav_right ul li + li a {
    color: white;
}

.menu_header li a svg path {
    stroke: white;
}

.is-light-section header li > a {
    color: black !important;
    transition: .7s all;
}

.is-dark-section header li > a {
    transition: .7s all;
    color: white !important;
}

.is-light-section .menu_header li a svg path {
    stroke: black;
}

.is-dark-section .menu_header li a svg path {
    stroke: white;
}

.page-template-about .wrap-fp-nav {
    display: none;
}

header#header .wrap .nav_right ul > li a {
    transition: .7s all;
    color: white;

}

header#header .wrap .nav_right ul li.current_page_item a,
header#header .wrap .nav_right ul > li:hover a {
    color: var(--main-cl) !important;
    transition: .7s all;
}

header#header:before {
    width: 100%;
    height: 115%;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    background: linear-gradient(180deg, #0000008c, transparent);
    z-index: -1;
    pointer-events: none;
}

.du_an_sec_7 .wrap .wrap_form input {
    box-shadow: none;
}

.wpcf7 .wrap_form .wpcf7-not-valid-tip {
    background: #ffb900;
    color: white !important;
    opacity: 1;
    width: fit-content;
}

.search-page {
    padding: 5.208rem 0;
}

.search-page h1 {
    margin-bottom: 2.604rem;
}

.search-tabs .search-tabs-title {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
    gap: 0.833rem;
}

.search-tabs .search-tabs-title .search-tab-title {
    padding: 0.625rem 1.25rem;
    border: 1px solid var(--fs-color-primary);
    font-size: 0.9375rem;
    line-height: 1.042rem;
    color: var(--fs-color-primary);
    -webkit-border-radius: 0.521rem;
    -moz-border-radius: 0.521rem;
    border-radius: 0.521rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.4s;
}

.search-tabs .search-tab-title:hover,
.search-tabs .search-tab-title.active {
    background-color: var(--fs-color-primary);
    color: #FFF;
}

.search-tabs .search-tab-content {
    display: none;
}

.search-tabs .search-tab-content.active {
    display: block;
}

.search-tabs .search-empty {
    color: #333;
    font-size: 1.25rem;
    line-height: 2.083rem;
    padding: 0.521rem;
}

.search-tabs .search-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1.667rem;
    margin-bottom: 1.5625rem;
}

.search-tabs .search-item h3 {
    margin: 0.521rem 0 0 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}

#search-lightbox {
    width: 37.5rem;
    max-width: 100%;
}

#search-lightbox .search-lightbox-title {
    margin-bottom: 1.667rem;
    font-size: 1.979rem;
    line-height: 1.2;
    font-weight: 700;
}

#search-lightbox .search-keywords {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 2.083rem;
    gap: 0.521rem;
}

#search-lightbox .search-keywords > a {
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    font-size: 0.9375rem;
    line-height: 1.042rem;
    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;
    -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 .flex-row > div {
    display: flex;
}

#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.icon {
    line-height: normal;
    min-height: unset;
    height: 100%;
    border: none;
    min-width: unset;
    background-color: #FFF;
    display: flex;
    align-items: center;
}

#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;
    height: 2.604rem;
}

.search-results .item_post:nth-child(1) {
    width: calc(calc(25% - 1.042rem));
}

.du_an_sec_5 ul.list_tax_project {
    justify-content: start;
    width: fit-content;
}

.du_an_sec_5 ul.list_tax_project li {
    margin: 0;
}

.wrap_slider > .arrow_slider:hover {
    background: var(--main-cl);
    transition: .7s all;
}

.wrap_slider > .arrow_slider:hover svg path {
    stroke: white;
    transition: .7s all;
}

ul.nav_scroll {
    background: white;
}

.single-project {
    overflow: unset;
}

ul.nav_scroll li {
    margin: 0;
}

footer#footer {
    z-index: 10;
}

.du_an_sec_8 .project_item {
    width: 100%;
    margin: 0;
    height: 30rem;
}

.home_sec5 .box_content .content {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

span.sub {
    letter-spacing: 0.3125rem;
    font-family: 'Roboto 300';
}

.heading_title {
    font-size: 3.125rem;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    margin: 0.521rem 0 1.302rem;
    line-height: 1.1;
    background: var(--sub-cl);
    -webkit-background-clip: text;
    font-family: 'Cormorant bold';
}

.banner_page h1.heading_title {
    position: relative;
    display: inline-block;
    width: auto;
    font-size: 3.125rem;
    font-family: 'Cormorant bold';
    background: unset;
    -webkit-text-fill-color: unset;
    text-transform: uppercase;
    color: white;
    text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.70);
}

.ajax_project {
    margin: 1rem auto;
}

.page-template-partner .wrap-fp-nav {
    display: none;
}

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

.partner_sec_1 .banner_content {
    margin-bottom: 5rem;
}

.wpcf7 form.invalid .wpcf7-response-output {
    background: #ffb900;
    color: white;
    border-radius: 5px;
    line-height: normal;
    padding: .5rem;
    font-family: 'Roboto bold';
    font-size: 0.729rem;
}

.wpcf7 form.sent .wpcf7-response-output {
    background: #46b450;
    color: white;
    border-radius: 5px;
    padding: .5rem;
    font-size: 14px;
    font-family: 'Roboto bold';
}

.mobile_pagination,
.mobile_flex,
.mobile_display,
.tablet_flex {
    display: none;
}

.default-page {
    padding: 6rem 0 3rem !important;
}

.menu_head {
    display: flex;
}

ul.language_wrap {
    margin-left: 2.865rem !important;
}

html.js.has-off-canvas-undefined {
    margin-right: 0.417rem !important;
}

body.compensate-for-scrollbar {
    margin-right: 0 !important;
}

.bds_sec_1 {
    padding-top: 10rem;
}

span.button_svg {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
}

span.button_svg svg {
    margin: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.ajax_project .button_link svg,
.ajax_blog .button_link svg {
    transform: rotate(135deg);
}

span.button_svg_wrap {
    width: 1.2rem;
    height: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.ajax_project .button_link,
.ajax_blog .button_link {
    gap: .5rem;
    align-items: center;
    display: flex;
}

span.button_svg.svg_2 {
    transform: translateY(-150%);
    transition: .7s all;
}

.ajax_blog .button_link:hover .svg_2,
.ajax_project .button_link:hover .svg_2 {
    transform: translate(0);
    transition: .7s all;
}

.ajax_blog .button_link:hover .svg_1,
.ajax_project .button_link:hover .svg_1 {
    transform: translateY(150%);
    transition: .7s all;
}

.ajax_blog .button_link .svg_1,
.ajax_project .button_link .svg_1 {
    transition: .7s all;
}

.ajax_blog .button_link:hover svg,
.ajax_project .button_link:hover svg {
    transform: rotate(135deg);
}

.contact_section {
    background: var(--main-cl);
}

.contact_section .box_img {
    justify-content: flex-start;
}

.home_sec2 .box_img img {
    max-width: 49.479rem
}

.home_sec2.contact_section .box_img svg {
    right: unset;
    left: -10%;
}

.contact_section .wrap_info {
    display: flex;
    margin: 0 -2rem;
}

.contact_section .wrap_info > * {
    width: calc(50% - 4rem);
    margin: 0 2rem;
}

.contact_section .wrap_info * {
    color: #333333;
    font-size: 0.9375rem;
}

.contact_section .wrap_info b, .contact_section .wrap_info strong {
    margin-bottom: 0.26rem;
    display: block;
    text-transform: uppercase;
    font-family: 'SVN-GothamBlack';
}

.contact_section .wrap_info .left > *:not(:last-child) {
    text-align: left;
    margin-bottom: 1.3rem;
}

.contact_section .wrap_info .lef .phone a {
    font-size: 1.5625rem;
}

.contact_section .wrap_info .phone a {
    color: #06528D;
    font-size: 1.5625rem;
    font-family: 'SVN-GothamBlack';
}

.contact_section a {
    transition: .3s all;
}

.contact_section a:hover {
    color: #06528D;
}

.contact_section input {
    margin-bottom: .4rem;
}

.socials ul {
    list-style: none;
    margin: 0.521rem 0 0 0;
    display: flex;
}

.socials ul a {
    border: 0.052rem solid #fff;
    display: inline-flex;
    width: 2.604rem;
    height: 2.604rem;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.socials ul li:not(:last-child) {
    margin-right: 1.042rem;
}

.wrap_form {
    margin: 0 -0.521rem;
}

.wrap_form p {
    margin: 0;
}

.wrap_form input:not(.wpcf7-submit) {
    height: 3.021rem;
    background: transparent !important;
    border: none;
    font-size: 0.833rem;
    color: #fff;
    padding: 0;
    border-bottom: 0.052rem solid rgb(255 255 255 / 50%);
    outline: none !important;
    font-family: var(--font-normal);
}

.wrap_form input::placeholder {
    font-size: 0.833rem;
    color: #fff;
}

.wrap_input {
    position: relative;
    display: inline-block;
    margin-top: 1.458rem;
}

.wrap_input input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0;
}

span.wpcf7-spinner {
    position: absolute;
    bottom: 0;
    right: 0;
}

.wrap_input p {
    display: inline-block;
}

.wrap_form br {
    display: none;
}

.wrap_input a.button_style span {
    color: #06528D;
}

span.wpcf7-not-valid-tip {
    color: red !important;
    font-size: 0.521rem !important;
    background: white;
    padding: 2px;
}

.wpcf7-response-output {
    margin: 0 !important;
    font-size: 0.625rem !important;
    margin-top: 0.521rem !important;
}

.copyright {
    position: absolute;
    bottom: 0;
    max-width: 72.917rem;
    width: 41%;
    left: calc(calc(100vw - 71.09375rem) / 2);
}

.copyright .content {
    margin: 0;
    font-size: 0.729rem;
    padding: 1.042rem 0;
    border-top: 0.026rem solid rgb(255 255 255 / 30%);
    width: 100%;
    max-width: unset;
}

.grid-45.box_img img {
    margin-right: calc(-1 * calc(calc(100vw - 75rem) / 2) - 15px);
}

.contact_section button.btn-submit-custom {
    background: white;
    color: var(--main-cl) !important;
    border-radius: 30px;
    text-transform: unset;
    gap: .5rem;
    display: flex;
    align-items: center;
}

.contact_section button.btn-submit-custom svg path {
    stroke: var(--main-cl);
}

.wpcf7 .wrap_form .wpcf7-not-valid-tip {
    font-size: .8rem !important;
    position: absolute;
    margin-top: -20px;
}

.wpcf7 form.invalid .wpcf7-response-output {
    font-size: .8rem !important;
    font-family: 'Roboto';
}

footer a:hover {
    color: var(--main-cl) !important;
    transition: .7s all;
}

footer a {
    transition: .7s all;
}

.wrap_form input:focus {
    box-shadow: none;
}

.socials ul a {
    padding: .25rem;
}

.socials ul a img {
    width: 80%;
    height: 80%;
    object-fit: contain;
}

.wrap_form input {
    box-shadow: none;
}

a.file_dowload {
    text-transform: uppercase;
    font-family: 'Roboto bold';
}

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

@media only screen and (max-width: 1199px) {
    /*.grid-container {*/
    /*    max-width: 62.5rem;*/
    /*}*/
    .bds_sec_1 .grid-container.flex.justify-center {
        display: unset;
    }
    .slider_brochure .box_img {
        height: 15rem;
        border-radius: 15px;
        overflow: hidden;
    }
    .contact_sec_1 .grid-container {
        padding-top: 0;
    }

    section.section.bds_sec_1 {
        padding-top: 5rem;
    }

    .container-width, .full-width .ubermenu-nav, .container, .row {
        max-width: 730px !important;
    }

    .banner_page {
        height: 55vh;
        min-height: unset;
    }

    .lv_sec_1 img {
        max-width: 100%;
    }

    .content_banner {
    }

    .hero-slider .swiper-pagination {
    }

    .heading_h2 {
        font-size: 2.083rem;
        line-height: 1.4;
        margin-bottom: 1.042rem;
    }

    #fp-nav.left {
        left: 1.042rem;
    }

    #fp-nav ul li .fp-tooltip.left {
        font-size: 0.625rem;
        width: 4.635rem !important;
    }

    .slider_project {
        width: calc(100% + calc(calc(100vw - 60.417rem) / 2));
    }

    .home_sec4 .wrap_title {
        margin-bottom: 1.042rem;
    }

    .home_sec4 .control {
        margin-top: 1.5625rem;
    }

    .arrow_slider {
        width: 2.34375rem;
        height: 2.34375rem;
    }

    .wrap_project .item {
        padding-bottom: calc(30% - 1.25rem);
    }


    .content {
        font-size: 0.729rem;
    }

    /*.item_post .content {*/
    /*    height: 2.34375rem;*/
    /*    margin-bottom: 0.521rem;*/
    /*}*/
    /*.item_post h3 {*/
    /*    font-size: 0.9375rem*/
    /*    height: 2.604rem;*/
    /*}*/
    /*.item_post .box_img {*/
    /*    padding-bottom: 60%;*/
    /*    margin-top: 1.042rem;*/
    /*}*/
    .contact_section .wrap_info * {
        font-size: 0.9375rem;
    }

    .home_sec5 .grid-container {
        margin-top: 3.385rem;
    }

    .home_sec4 .grid-container {
        margin-top: 3.125rem;
    }

    .slider_action .item .box_content h3 {
        font-size: 0.729rem;
    }

    .slider_action .item .box_content .num {
        font-size: 2.083rem;
    }

    .home_sec2 .box_img img {
        max-width: calc(100% + calc(calc(100vw - 60.365rem) / 2));
    }

    .home_sec2 .box_img {
        height: auto;
    }

    .home_sec2 .grid-container {
        max-width: 950px;
    }

    .home_sec2 .box_img img {
        max-width: calc(100% + calc(calc(100vw - 56.365rem) / 2));
    }

    section.home_sec3 {
        padding: 40px 0;
    }

    .grid-container {
        max-width: 950px;
    }

    section.home_sec5 {
        padding: 40px 0;
    }

    section.home_sec4 {
        padding: 0;
    }

    section {
        overflow: hidden;
    }

    section.home_sec2.contact_section {
        padding: 40px 0;
    }

    .copyright {
        position: unset;
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }

    .hero-style {
        height: auto;
        padding-bottom: 56.25%;
    }

    .content_banner {
    }

    .hero-slider .swiper-pagination {
    }

    .hero-slider .swiper-pagination {
        bottom: 1rem;
    }

    .CR-site-loading-svg svg {
        max-width: 70vw;
    }

    .about_sec_9 .wrap_items .item {
        width: calc(calc(100% / 2) - 1.042rem);
    }

    .about_banner {
        padding-bottom: 56.25%;
    }

    .page-template-about div#fullpage > section {
        padding: 40px 0;
    }

    section.about_sec_1 {
        padding: 0 !important;
    }

    section.home_sec2.about_sec_2 {
        padding: 0 !important;
    }

    .home_sec2.about_sec_2 .box_content {
        padding-top: 20px;
    }

    .about_sec_6 .wrap_slider, .about_sec_3 .wrap_slider {
        max-width: 850px;
        margin: auto;
    }

    .about_banner {
        padding-bottom: 56.25% !important;
    }

    .linh_vuc_page .item .box_content h2 {
        font-size: 1.5rem;
    }

    .linh_vuc_page .item .box_content .num {
        font-size: 3rem;
    }

    .breadcrumbs {
        left: calc(calc(100vw - 55.917rem) / 2);
    }

    .tn_sm .item h3 {
        text-align: left;
        font-size: 1.5rem;
    }

    .wrap_round .round {
        width: 52.65625rem;
        height: 52.65625rem;
    }

    ul.tax_product a {
        padding: 0 1rem;
    }

    section.contact_sec_1 {
        padding: 40px 0;
    }

    .contact_sec_1 h2.heading_h2 {
        font-size: 1.9rem;
    }

    .post_details_related .arrow_slider.left {
        left: -2.167rem !important;
    }

    .post_details_related .arrow_slider.right {
        right: -2.167rem !important;
    }

    /*.banner_post .breadcrumbs {*/
    /*    display: none;*/
    /*}*/
    section.section.td_sec_1 {
        padding: 5.458rem 0;
    }

    .td_sec_3 {
        padding: 40px 0;
    }

    section.section.td_sec_2 {
        padding: 40px 0;
    }

    .tuyen_dung_details .box_top .left {
        padding: 40px;
    }

    .tuyen_dung_details .box_top .right b {
        font-size: 15px;
    }

    .tuyen_dung_details .box_top .right {
        padding: 1.5rem;
    }

    .td_other h3 {
        font-size: 1rem;
    }

    .tuyen_dung_details .box_top {
        margin-bottom: 20px;
    }

    .tuyen_dung_details .box_top .left h1 {
        font-size: 1.5rem;
    }

    .bds_sec_1 .wrap_slider {
        max-width: 90%;
        margin: auto;
    }

    ul.nav_scroll {
        display: none;
    }

    .single-du-an .wrap_slider {
        max-width: 800px;
        margin: auto;
    }

    ul.list_tax_project a {
        padding: 0 .8rem;
    }

    .du_an_sec_5 ul.list_tax_project {
        display: inline-flex;
        float: right;
    }

    .du_an_sec_7 .wrap .box_content {
        padding: 0 3.25rem;
    }

    .du_an_sec_7 .wrap .box_img {
        width: 40%;
    }

    .du_an_sec_7 .wrap .box_content h2.heading_h2 {
        font-size: 1.5rem;
    }

    .du_an_sec_8 {
        padding: 40px 0;
    }

    .du_an_sec_7 .wrap .box_img img {
        display: block;
    }

    section.section.du_an_sec_7 {
        padding-top: 60px;
    }

    .slider_gallery_project h3 {
        font-size: .9rem;
    }

    .du_an_sec_6 {
        padding-top: 60px;
    }

    section.section.du_an_sec_5 {
        padding-top: 60px;
    }

    section.section.du_an_sec_4 {
        padding-top: 60px;
    }

    .du_an_sec_3 {
        padding-top: 60px;
    }

    .tuyen_dung_details .breadcrumbs {
        max-width: 56.875rem;
    }

    .wrap_gallery .item_gal {
        width: calc(calc(100% / 3) - 1.042rem);
    }

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

    .home_sec4 .box_content {
        left: calc(calc(100% - 58.917rem) / 2);
    }

    .box_project .wrap_content {
        left: 7.5%;
    }

    .content_banner h3 {
        font-size: 3.5rem;
    }

    .link_style {
        padding: .5rem 1.25rem;
    }

    .box_project {
        height: 75vh;
    }

    .home_sec6,
    .home_sec3 {
        padding: 5rem 0 !important;
    }

    .slider_brochure .box_img {
        height: 20rem;
        border-radius: 15px;
        overflow: hidden;
    }

    .bds_sec_1 .wrap_slider {
        max-width: 100%;
    }

    .slider_gallery {
        height: 35rem;
    }

    .du_an_sec_4 .wrap_slider > .arrow_slider.right {
        right: -50px;
    }

    .du_an_sec_4 .wrap_slider > .arrow_slider.left {
        left: -50px;
    }

    .du_an_sec_5 .text_right {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /*.slider_gallery_project {*/
    /*    height: 30rem;*/
    /*}*/
    /*.slider_gallery_project .item {*/
    /*    height: 100%;*/
    /*}*/
    /*.slider_gallery_project .box_img {*/
    /*    padding-bottom: 0;*/
    /*    height: 100%;*/
    /*}*/
    .du_an_sec_5 .arrow_slider {
        left: -3.167rem;
    }

    .du_an_sec_5 .arrow_slider.right {
        right: -3.167rem;
    }

    .du_an_sec_8 .arrow_slider.right {
        right: -3.167rem;
    }

    .du_an_sec_8 .arrow_slider {
        left: -3.167rem;
    }

    .du_an_sec_1 {
        padding-top: 8rem;
    }

    .grid-10, .grid-100, .grid-15, .grid-20, .grid-25, .grid-30, .grid-33, .grid-35, .grid-40, .grid-45, .grid-5, .grid-50, .grid-55, .grid-60, .grid-65, .grid-66, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, [class*=mobile-grid-], [class*=tablet-grid-] {
        padding: 0;
    }

    .slider_terms_project.center .swiper-wrapper {
        justify-content: start;
    }

    .contact_sec_1 .grid-container > .grid-50:nth-child(2) {
        border-left: 2px solid #89c527;
        padding-left: 2.6875rem;
        margin-left: 2rem;
    }

    section.contact_sec_1 {
        padding-top: 3rem !important;
    }

    .home_sec2 .box_img {
        height: auto;
    }

    .home_sec2 .box_img img {
        max-width: 20rem;
        margin-right: 0;
    }

    .home_sec2 {
        padding: 40px 0 5px;
    }
}

@media only screen and (max-width: 991px) {
    section {
        position: relative;
    }

    .home_sec2 .grid-container {
        max-width: 720px;
    }

    section.section.bds_sec_1 {
        padding-top: 10rem;
    }

    .contact_sec_1 .grid-container {
        padding-top: 2rem;
    }

    .hero-style {
        height: auto;
        padding-bottom: 56.25%;
    }

    .content_banner h3 {
        font-size: 1.823rem;
    }

    .content_banner .content {
        font-size: 1.042rem;
    }

    a.play_video {
        right: calc(calc(100vw - 41.667rem) / 2);
    }

    a.play_video {
        width: 4.167rem;
        height: 4.167rem;
        bottom: 5.208rem;
    }

    a.play_video span:before {
        top: -1.042rem;
        left: -1.042rem;
        right: -1.042rem;
        bottom: -1.042rem;
    }

    .home_sec2 .box_img {
        height: auto;
        padding: 5.208rem 0.521rem 0;
    }

    .home_sec2 .box_content {
        padding-top: 0;
    }

    .home_sec2 .box_img img {
        max-width: calc(100% + calc(calc(100vw - 47.34375rem) / 2));
    }

    .grid-container {
        max-width: 92.604rem;
    }

    .home_sec2 .box_img svg {
        max-width: calc(100% + calc(calc(100vw - 92.604rem) / 2));
    }

    .heading_h2 {
        font-size: 1.5625rem;
    }

    body {
        font-size: 0.729rem;
    }

    a.view_more {
        font-size: 0.9375rem;
    }

    .home_sec3 {
        padding: 3.125rem 0;
    }

    .home_sec3 .content {
        max-width: unset;
    }

    .slider_action .item .box_content h3 {
        font-size: 0.573rem;
    }

    .slider_action .item .box_content .num {
        font-size: 1.5625rem;
        padding-right: 0.521rem;
        margin-right: 0.521rem;
    }

    .button_style span {
        font-size: 0.729rem !important;
    }

    .button_style {
        height: 2.292rem;
    }

    .button_style span.arrow {
        width: 3.854rem;
        background-size: 100%;
    }

    .home_sec4 {
        padding: 3.125rem 0;
        background: linear-gradient(90deg, #89c527 -8.67%, #89c527 46.8%, #89c527 100%);
    }

    .slider_project {
        width: calc(100% + calc(calc(100vw - 47.5rem) / 2));
    }

    .wrap_project .item .box_content {
        left: 1.042rem;
        right: 1.042rem;
        bottom: 1.042rem;
    }

    .wrap_project .item .box_content h3 {
        font-size: 0.9375rem;
    }

    .wrap_project .item .box_content .content {
        font-size: 0.729rem;
    }

    .home_sec4 .grid-container {
        margin-top: 0;
    }

    .home_sec5 .grid-container {
        margin-top: 0;
    }

    section.home_sec5 {
        padding: 3.125rem 0;
    }

    /*.item_post .box_content {*/
    /*    padding: 0 0.521rem;*/
    /*}*/
    .home_sec6 {
        padding: 3.125rem 0 4.167rem;
    }

    section.home_sec2.contact_section {
        padding: 0 0 0rem 0;
    }

    .copyright {
        left: calc(calc(100vw - 92.604rem) / 2);
        max-width: 92.604rem;
        width: 100%;
        position: relative;
        margin-top: 1.5625rem;
    }

    .copyright .content {
        text-align: center;
        padding: 0.521rem 0;
    }

    .button_style span {
    }

    .wrap_form input:not(.wpcf7-submit) {
    }

    .contact_section .wrap_info * {
        font-size: 0.729rem;
    }

    .contact_section .wrap_info .phone a {
        font-size: 1.042rem;
    }

    .socials ul a {
        width: 2.083rem;
        height: 2.083rem;
    }

    .socials ul a svg {
        max-width: 60%;
        max-height: 60%;
    }

    header#masthead {
        z-index: 999;
        background: white;
        padding: 0.521rem 1.042rem;
    }

    /*.nav-float-right #site-navigation {*/
    /*    display: none;*/
    /*}*/
    .site-logo {
        top: 0.78125rem;
    }

    .site-logo img {
        max-width: unset;
        height: 2.5rem;
    }

    /*ul.nav_right a.phone svg {*/
    /*    max-height: 2.604rem;*/
    /*}*/
    /*div#fullpage {*/
    /*    margin-top: 3.646rem;*/
    /*}*/
    li.header-search.header-search-lightbox.has-icon {
        background: var(--main-cl);
        width: fit-content;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 44px;
        height: 44px;
        border-radius: 100%;
        border: 1px solid white;
    }

    header#header .wrap .nav_right ul li + li {
        margin-left: 1rem;
    }

    li.icon_menu svg path {
        stroke: var(--main-cl) !important;
        fill: var(--main-cl);
    }

    i.icon-search {
        font-size: 20px !important;
    }

    .slider_action {
        margin-top: 0;
    }

    .content_banner .content {
        font-size: 1.1rem;
    }

    .content_banner {
        max-width: 26.375rem;
    }

    .content_banner h3 {
        font-size: 2rem;
    }

    a.play_video {
        bottom: 3.042rem;
    }

    .heading_h2 {
        font-size: 2rem;
    }

    .content {
        font-size: .8rem;
    }

    .grid-container {
        max-width: 720px;
    }

    .slider_action .item .box_content h3 {
        font-size: 1rem;
    }

    .main-navigation .main-nav > ul {
        display: block !important;
    }

    header#masthead {
        z-index: 9999;
    }

    .main-navigation .main-nav ul li a {
        font-size: 1.2rem;
    }

    .about_sec_9 .grid-container > * {
        width: 100%;
    }

    .about_sec_9 .grid-container {
        flex-wrap: wrap;
    }

    .about_sec_9 .grid-50 + .grid-50 {
        order: -1;
        text-align: center;
        padding: 0 10px;
    }

    ul.nav_tab li {
        margin: 0 15px;
    }

    .about_sec_6 .wrap_slider, .about_sec_3 .wrap_slider {
        max-width: 600px;
    }

    .tn_sm .item h3 {
        font-size: 1.5rem;
    }

    .tn_sm .item h3 {
        font-size: 1.2rem;
    }

    .about_sec_1 .grid-container {
        display: flex;
        align-items: flex-end;
    }

    .about_sec_1 .box_content {
        padding-bottom: 1rem;
    }

    .about_sec_2 .grid-40.box_img {
    }


    .home_sec2 .box_img img {
        max-width: 10rem;
    }


    .home_sec2.about_sec_2 .box_content {
        padding-top: 50px;
    }

    .item_popup .inner b {
        font-size: 1.5rem;
    }

    .item_popup {
        max-width: 95%;
    }

    .about_sec_5 .wrap_items .item h3 {
        font-size: 1.2rem;
    }

    .linh_vuc_page .item .box_content h2 {
        font-size: 1.5rem;
    }

    .linh_vuc_page .item .box_content .num {
        font-size: 3rem;
    }

    .linh_vuc_page .grid-50.tablet-grid-50 {
        width: 100%;
    }

    .linh_vuc_page .item {
        padding: 5rem;
    }

    .lv_sec_1 .grid-container {
        align-items: flex-start;
    }

    .lv_sec_1 .content {
        max-height: 339px;
        overflow: auto;
        padding-right: 20px;
    }

    .lv_sec_1 {
        padding: 40px 0;
    }

    .wrap_round .round {
        width: 38.65625rem;
        height: 44.65625rem;
    }

    ul.nav_tab_round li .icon {
        width: 4.96875rem;
        height: 4.96875rem;
    }

    ul.nav_tab_round li .icon:before, ul.nav_tab_round li .icon:after {
        width: 4.96875rem;
        height: 4.96875rem;
    }

    ul.nav_tab_round li .icon:after {
        width: 5.302rem;
        height: 5.302rem;
    }

    ul.nav_tab_round li.active .icon:after {
        width: 4.99rem;
        height: 4.99rem;
    }

    ul.nav_tab_round li.active .icon:before {
        width: 6.34375rem;
        height: 6.34375rem;
    }

    .for_tab_round {
        top: 4.71875rem;
    }

    .for_tab_round .item h3 {
        font-size: 1.5rem;
    }

    ul.nav_tab_round li {
        top: 33%;
        left: 3%;
    }

    ul.nav_tab_round li:nth-child(6) {
        left: 97%;
    }

    ul.nav_tab_round li:nth-child(2) {
        top: 15%;
    }

    ul.nav_tab_round li:nth-child(5) {
        top: 15%;
    }

    .lv_sec_4 {
        padding: 40px 0;
    }

    .lv_sec_5 {
        padding: 40px 0;
    }

    .item_product .box_img {
        height: 17.4375rem;
    }

    .item_product .box_img:before {
        height: 10.021rem;
        width: 17.4375rem;
    }

    .item_product {
        margin: 0 1.042rem 1.854rem;
    }

    ul.tax_product {
        margin: 0 0 3.771rem;
    }

    section.home_sec2.contact_section {
        padding: 40px 0 0;
    }

    .item_popup.popup_product {
        padding: 3rem;
    }

    .item_popup.popup_product {
        display: flex;
        align-items: center;
    }

    .item_popup .inner .box_img > * {
        max-width: 100%;
        width: 100%;
    }

    div#load_content_popup {
        max-width: 100%;
    }

    .breadcrumbs {
        left: calc(calc(100vw - 41.917rem) / 2);
    }

    /*ul.nav_right a.phone .icon:before {*/
    /*    top: 0.208rem;*/
    /*    left: 0.208rem;*/
    /*    width: 2.125rem;*/
    /*    height: 2.125rem;*/
    /*    left: 1.08rem;*/
    /*}*/
    ul.nav_right a.search {
        margin-right: 0;
    }

    .wrap_post_hl .item {
        width: 100%;
    }

    .menu_news ul a {
        justify-content: center;
        display: inherit;
        margin: 0 .71875rem;
    }

    .news_page .wrap_post .post_item {
        width: calc(calc(100% / 3) - 1.25rem);
    }

    .wrap_post_hl {
        margin-top: 0;
    }

    section.section.news_page {
        padding: 40px 0;
    }

    div#page {
        margin-top: 60px;
    }

    .content_post {
        padding: 2.34375rem 2.6875rem;
    }

    section.section.td_sec_2 .wrap_items .item {
        margin-top: 40px;
        width: 50%;
    }

    section.section.td_sec_2 .wrap_items {
        margin-top: 0;
    }

    .td_other {
        margin: 30px 10px 0;
    }

    /*.project_item {*/
    /*    width: calc(calc(100% / 2) - 1.25rem);*/
    /*}*/
    header#header .wrap {
        padding: 0 2.2rem;
    }

    .project_item .box_content {
        padding: 1rem .5rem;
    }

    .bds_sec_2 {
        padding: 1.5rem 0;
    }

    .project_item .box_content h3 {
        font-size: .9rem;
    }

    ul.list_tax_project a {
        padding: 0 1rem;
        margin: 0 0.5rem;
    }

    .slider_terms_project .box_content .num {
        font-size: 2rem;
    }

    section.section.tax_du_an_2 {
        padding: 40px 0;
    }

    .du_an_sec_1 .wrap_items .item .content {
        font-size: 15px;
    }

    .du_an_sec_1 .wrap_items .item {
        width: calc(calc(100% / 3) - 30px);
        margin: 15px;
    }

    .du_an_sec_2 .grid-container {
        flex-wrap: wrap;
    }

    .du_an_sec_2 .grid-container > * {
        width: 100%;
    }

    section.section.du_an_sec_2 {
        padding: 60px 0 0 0;
    }

    .du_an_sec_2 .grid-container > *.grid-66.tablet-grid-66 {
        margin-top: 30px;
    }

    .du_an_sec_3 .wrap_gallery .item h3 {
        font-size: 1rem;
    }

    .single-du-an .wrap_slider {
        max-width: 600px;
    }

    .du_an_sec_5 .grid-container > * {
        width: 100%;
        text-align: center;
    }

    .du_an_sec_5 ul.list_tax_project {
        float: unset;
    }

    .du_an_sec_7 .wrap .box_content {
        padding: 1.5rem;
        width: 100%;
    }

    .du_an_sec_7 .wrap .box_content h2.heading_h2 {
        font-size: 1.2rem;
    }

    .du_an_sec_7 .wrap {
        align-items: unset;
    }

    .du_an_sec_7 .wrap .box_img img {
        height: 100%;
        object-fit: cover;
    }

    section.section.nav_tax_qh ul li {
        flex: 0 0 auto;
    }

    section.section.nav_tax_qh ul {
        justify-content: flex-start;
        overflow: auto;
    }

    .wrap_document .item {
        padding-right: 8rem !important;
    }

    section.section.qh_cd {
        padding: 40px 0;
    }

    ul.nav_right a.phone .icon {
        position: relative;
        width: 2.646rem;
        height: 2.646rem;
    }

    ul.nav_right a.phone {
        margin-left: 10px;
    }

    .wrap_search_popup .inner {
        padding: 1.823rem calc(calc(100vw - 33.729rem) / 2) 1.823rem;
    }

    header#masthead {
        background: white !important;
    }

    header#masthead:before {
        display: none;
    }

    .home_sec5 .wrap_post .item_post {
        width: calc(100% / 2);
    }

    /*.home_sec5 .wrap_post {*/
    /*    flex-wrap: wrap;*/
    /*}*/
    .home_sec4 .box_content {
        position: unset;
        text-align: center;
        padding: 40px 0;
    }

    .box_project {
        flex-wrap: wrap;
        height: auto;
    }

    .box_project .item {
        width: 50% !important;
        height: auto;
        padding-top: 50%;
    }

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

    .box_project .item .wrap_content, .box_project .item .wrap_content {
        opacity: 1;
        transition: .3s;
        transition-delay: .7s;
    }

    .box_project .item .box_num, .box_project .item .box_num {
        right: 9%;
    }

    .box_project .wrap_content {
        left: 20px;
    }

    .copyright {
        left: 0;
    }

    ul.hide_on_pc {
        display: flex !important;
    }

    ul#menu_header.menu {
        flex-direction: column;
        gap: 2rem;
    }

    .menu_header {
        flex-wrap: wrap;
        transform: translateX(-100%);
        transition: .5s all;
    }

    .menu_header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: #003d2e;
        display: flex;
        align-items: center;
        z-index: 1001;
    }

    .menu_header.active {
        transform: translateX(0%);
    }

    header#header .wrap .nav_right ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    header#header .wrap .nav_right ul {
        text-align: left;
    }

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

    header#header .current-menu-item a,
    header#header li a:hover {
        color: #ffd99d;
    }

    .close_menu {
        position: absolute;
        top: 1rem;
        right: 1rem;
        width: 4rem;
        height: 4rem;
        border: 1px solid #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        fill: #fff;
    }

    .close_menu svg {
        max-width: 60%;
        max-height: 60%;
        width: 100%;
        height: auto;
    }

    ul.\#search-lightbox {
        display: none ! IMPORTANT;
    }

    .menu_header {
        display: flex;
        text-align: left;
        align-content: center;
        padding: 0 2rem 0;
    }

    header#header .wrap .nav_right ul li + li {
        margin: 0;
    }

    li.icon_menu {
        margin-left: 1rem !important;
    }

    .home_sec6 .box_content {
        padding-right: 3rem;
    }

    .scroll_down {
        display: none;
    }

    .slider_gallery {
        height: 25rem;
    }

    .wrap_slider {
        padding: 0 1rem;
    }

    .du_an_sec_4 .wrap_slider > .arrow_slider.left {
        left: -28px;
    }

    .du_an_sec_4 .wrap_slider > .arrow_slider.right {
        right: -28px;
    }

    .du_an_sec_5 ul.list_tax_project {
        margin-bottom: 2rem;
    }

    .wrap_posts {
        margin: 1.5rem 0 !important;
    }

    .is-light-section header li > a {
        color: unset;
    }

    .default-page {
        padding: 9rem 0 3rem !important;
    }

    .menu_head {
        flex-direction: column;
        align-items: start;
    }

    header#header .wrap .nav_right ul {
        margin-left: 0 !important;
    }

    .wrap_slider {
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    section.section.bds_sec_1 {
        padding-top: 7rem;
    }

    .contact_sec_1 .grid-container {
        padding-top: 0;
    }

    button.menu-toggle {
        display: none !important;
    }

    .content_banner h3 {
        font-size: 1.8rem;
    }

    .content_banner .content {
        font-size: 0.9375rem;
    }

    .hero-slider .swiper-pagination {
    }

    .grid-container {
        max-width: 37.5rem;
    }

    .home_sec2 .box_img img {
        max-width: 10rem;
    }

    .heading_h2 {
        font-size: 1.302rem;
    }

    a.view_more {
        font-size: 0.729rem;
    }

    .home_sec3 .content {
        margin-bottom: 1.042rem;
    }

    .button_style span {
        font-size: 0.625rem !important;
    }

    .slider_project {
        width: 100%;
    }

    .slider_project {
    }

    .hide_content {
        display: none;
    }

    /*.item_post {*/
    /*    padding: 1.302rem 1.042rem 0;*/
    /*}*/
    .slider_logo img {
        max-width: 80%;
    }

    .slider_logo .item {
        height: 5.208rem;
    }

    .home_sec6 .swiper-pagination {
        margin-top: 0.521rem;
    }

    .contact_section .box_img {
        display: none;
    }

    .copyright {
        left: unset;
    }

    section.home_sec2.contact_section {
        padding-top: 3.125rem;
    }

    .content_banner {
    }

    a.play_video {
        right: calc(calc(100vw - 31.25rem) / 2);
    }

    ul.nav_right a.phone {
        font-size: 0.9375rem;
    }

    ul.nav_right a.search {
        margin-right: 0.78125rem;
    }

    .contact_section .wrap_info {
        flex-wrap: wrap;
        margin: 0;
    }

    .contact_section .wrap_info > * {
        width: 100%;
        margin: 0;
    }

    section {
        overflow: hidden;
    }

    .site-logo img {
        height: 2.771rem;
        width: auto;
    }

    .open_menu svg {
        width: 1.042rem;
    }

    .open_menu {
        font-size: 0.78125rem;
    }

    ul.nav_right a.phone {
        font-size: 0;
    }

    header#masthead {
        padding: 0.521rem 0.78125rem;
    }

    ul.nav_right a.search {
        margin-right: 0.521rem;
    }

    ul.nav_right a.phone svg {
        max-width: 50%;
    }

    ul.nav_right {
    }

    /*ul.nav_right a.phone svg {*/
    /*    max-height: 2.083rem;*/
    /*    width: auto;*/
    /*}*/
    ul.nav_right a.search svg {
        width: 0.885rem;
    }

    /*div#fullpage {*/
    /*    margin-top: 3.125rem;*/
    /*}*/
    .content_banner {
    }

    .content_banner h3 {
        line-height: 1.5;
        margin-bottom: 10px;
    }

    .content_banner .content {
        font-size: 0.625rem;
        FONT-WEIGHT: 100;
    }

    .hero-slider .swiper-pagination {
        bottom: 0.521rem;
    }

    .hero-slider .swiper-pagination span {
    }

    .swiper-pagination span {
        margin-right: 0.26rem;
    }

    a.play_video {
        bottom: 1.042rem;
        right: 2.083rem;
    }

    a.play_video {
        width: 2.083rem;
        height: 2.083rem;
    }

    a.play_video svg {
        width: 0.573rem;
    }

    a.play_video span:before {
        top: -0.521rem;
        left: -0.521rem;
        right: -0.521rem;
        bottom: -0.521rem;
    }

    .home_sec2 {
        padding-top: 2.083rem;
    }

    .home_sec2 .grid-container {
        flex-wrap: wrap;
    }

    .home_sec2 .grid-50.box_img {
        order: 2;
        padding-top: 2.604rem;
        margin-top: 2.083rem;
    }

    .content {
        font-size: 0.625rem;
    }

    body {
        font-size: 0.625rem;
    }

    .heading_h2 {
        font-size: 1.042rem;
    }

    .home_sec2 .box_img img {
        max-width: 100vw;
        left: unset;
        margin-left: -1.042rem;
    }

    .home_sec2 .box_img {
        display: block;
    }

    .home_sec2 .box_img svg {
        max-width: 100vw;
    }

    .home_sec3 {
        padding: 2.083rem 0;
    }

    .slider_action {
        margin-top: 1.5625rem;
    }

    .home_sec4 {
        padding: 2.083rem 0;
    }

    .wrap_project .item {
        width: 100% !important;
        padding-bottom: 60%;
        flex: unset !important;
    }

    .wrap_project {
        flex-wrap: wrap;
    }

    .home_sec4 .control .swiper-pagination span {
        width: 1.5625rem;
    }

    .arrow_slider {
        width: 1.823rem;
        height: 1.823rem;
    }

    .home_sec4 .control .left {
        margin-right: 0.521rem;
    }

    .home_sec4 .control .swiper-pagination {
        margin-left: 1.5625rem;
    }

    .button_style {
        padding-left: 0.625rem;
        height: 2.083rem;
    }

    .button_style span.arrow {
        width: 3.542rem;
    }

    .wrap_project .item:not(last-child) {
        margin-bottom: 1.5625rem;
    }

    .home_sec4 .control {
        margin-top: 0;
    }

    .home_sec4 .wrap_title {
    }

    .home_sec4 .wrap_title a.button_style {
        flex: 0 0 auto;
    }

    .home_sec4 .wrap_title h2 {
    }

    section.home_sec5 {
        padding: 2.083rem 0 0;
    }

    .wrap_post {
        flex-wrap: wrap;
    }

    /*.item_post:before {*/
    /*    display: none;*/
    /*}*/
    /*.item_post:after {*/
    /*    opacity: .2;*/
    /*}*/
    /*.item_post {*/
    /*    padding: 1.302rem 1.042rem;*/
    /*    border-radius: 0 0 0.521rem 0.521rem;*/
    /*    overflow: hidden;*/
    /*}*/
    /*.item_post .content {*/
    /*    height: 2.6875rem;*/
    /*}*/
    /*.item_post:not(:last-child) {*/
    /*    margin-bottom: 1.5625rem;*/
    /*}*/
    .home_sec6 .box_content {
        padding-top: 0;
        padding-right: 10px;
    }

    .slider_logo .item {
        height: 4.167rem;
    }

    .home_sec6 .heading_h2, .home_sec6 .content {
        text-align: center;
    }

    .home_sec6 .heading_h2 {
    }

    .slider_logo img {
        max-width: 70%;
        max-height: 70%;
    }

    .contact_section .box_img {
        display: none !important;
    }

    .home_sec2 .content {
        max-width: 100%;
    }


    .wrap_form input:not(.wpcf7-submit) {
        height: 2.083rem;
        font-size: 0.625rem;
        width: 100%;
    }

    .wrap_form input::placeholder {
        font-size: 0.625rem;
    }

    .contact_section .wrap_info .right {
        margin-top: 1.042rem;
    }

    .contact_section .wrap_info .left > *:not(:last-child) {
        margin-bottom: 1.042rem;
    }

    .copyright .content {
        font-size: 0.521rem;
    }

    section.home_sec2.contact_section {
        padding-top: 2.083rem;
    }

    /*ul.nav_right a.phone .icon:before {*/
    /*    width: 30px;*/
    /*    height: 30px;*/
    /*    top: 0px;*/
    /*    left: 0px;*/
    /*}*/
    .slider_action .item .box_content h3 {
        font-size: .8rem;
    }

    .about_banner {
        padding-bottom: 39.25% !important;
    }

    .heading_h2 {
        font-size: 2rem;
    }

    .about_sec_1 .grid-container {
        flex-wrap: wrap;
    }

    .about_sec_1 .box_content {
        order: -1;
    }

    .about_sec_1 .content {
        padding-right: 1rem;
    }

    .about_sec_1 .box_content {
        padding-top: 40px;
    }

    .about_sec_2 .grid-40.box_img {
        order: 2;
    }

    .content {
        font-size: 1rem;
    }

    .content strong {
        font-size: 1.1rem;
    }

    .about_sec_2 .box_img img {
        margin-left: -1.2rem !important;
    }

    .tn_sm .item {
        width: 100% !important;
        margin: 0 0 10px;
    }

    .tn_sm {
        flex-wrap: wrap;
        margin: 0;
    }

    .about_sec_5 .wrap_items .item {
        text-align: center;
        width: 100% !important;
        margin: 0;
    }

    .about_sec_5 .wrap_items {
        flex-wrap: wrap;
        margin: 0;
    }

    .about_sec_5 .wrap_items .item:not(:last-child) {
        margin-bottom: 30px;
    }

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

    .item_popup .inner .box_img {
        width: 100%;
        margin-bottom: 20px;
    }

    .item_popup .inner .content {
        text-align: justify;
    }

    .item_popup {
        padding: 30px;
    }

    ul.nav_tab li {
        font-size: .8rem;
    }

    .about_sec_8 .swiper-pagination span {
        width: 2rem;
    }

    .wrap_logo .item {
        height: 4rem;
    }

    ul.nav_tab {
        margin-bottom: 1.5rem;
    }

    /*}*/
    /*.slider_process .item {*/
    /*    height: auto;*/
    /*}*/
    /*.slider_process .item .box_img {*/
    /*    order: -1;*/
    /*    margin-bottom: 50px;*/
    /*}*/
    /*.slider_process .item > * {*/
    /*    height: auto;*/
    /*    margin: 0;*/
    /*}*/
    /*.slider_process {*/
    /*    margin-top: 30px;*/
    /*}*/
    /*.slider_process:before {*/
    /*    top: 13rem;*/
    /*}*/
    /*.slider_process .item:before {*/
    /*    top: 13rem;*/
    /*}*/
    /*.slider_process .item:after {*/
    /*    top: 13rem;*/
    /*}*/
    .linh_vuc_page .item {
        padding: 2rem 1rem;
    }

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

    div#page {
        margin-top: 55px;
    }

    .linh_vuc_page .item .box_content .num {
        font-size: 2rem;
    }

    .linh_vuc_page .item .box_content h2 {
        font-size: 1.2rem;
    }

    .lv_sec_1 .grid-container {
        flex-wrap: wrap;
    }

    .lv_sec_1 .grid-50 + .grid-50 {
        order: -1;
        margin-bottom: 20px;
    }

    .lv_sec_3 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    ul.nav_tab_round {
        display: flex;
        flex-wrap: wrap;
    }

    ul.nav_tab_round li {
        position: relative !important;
        transform: unset !important;
        top: unset !important;
        left: unset !important;
        right: unset !important;
        bottom: unset !important;
        width: calc(100% / 6);
    }

    .wrap_round .round {
        width: 100%;
        height: 100%;
        margin: 0;
        border: none;
    }

    ul.nav_tab_round li .icon {
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
    }

    .for_tab_round {
        position: unset;
        transform: unset;
        margin-top: 30px;
    }

    ul.nav_tab_round li .icon img {
        max-width: 60%;
        max-height: 60%;
    }

    ul.nav_tab_round li .icon {
        width: 2.96875rem;
        height: 2.96875rem;
    }

    ul.nav_tab_round li .icon:before, ul.nav_tab_round li .icon:after {
        width: 2.96875rem;
        height: 2.96875rem;
    }

    ul.nav_tab_round li.active .icon:before, ul.nav_tab_round li.active .icon:after {
        width: 3.34375rem;
        height: 3.34375rem;
    }

    .for_tab_round .item h3 {
        font-size: 1.2rem;
    }

    .lv_sec_4 .wrap_items .item h3 {
        font-size: 1.1rem;
    }

    .lv_sec_4 .wrap_items .item {
        width: 100%;
    }

    .lv_sec_4 .wrap_items .item:not(:last-child) {
        margin-bottom: 30px !important;
    }

    .lv_sec_4 .wrap_items .item:last-child {
        margin-bottom: 0;
    }

    ul.tax_product {
        justify-content: flex-start;
        overflow: auto;
        padding-bottom: 10px;
        margin-bottom: 1.5rem;
    }

    ul.tax_product li {
        flex: 0 0 auto;
    }

    ul.tax_product a {
        font-size: .8rem;
    }

    .item_product .box_img {
        height: 11.4375rem;
        padding-bottom: 10px;
    }

    .item_product .box_img:before {
        height: 5.5rem;
        width: 18.4375rem;
    }

    .item_product h3 {
        font-size: .8rem;
        line-height: 1.2;
    }

    .item_popup.popup_product .inner .content {
        max-height: 15.042rem;
    }

    /*.breadcrumbs {*/
    /*    display: none;*/
    /*}*/
    section.contact_sec_1 {
        padding-top: 7rem !important;
    }

    .contact_sec_1 .grid-container {
        flex-wrap: wrap;
    }

    .contact_sec_1 .grid-container > .grid-50:nth-child(2) {
        border: none;
        border-top: 2px solid #89c527;
        padding-left: 10px;
        padding-top: 30px;
        margin-top: 30px;
    }

    .contact_sec_1 h2.heading_h2 {
        font-size: 1.5rem;
    }

    body {
        font-size: .8rem;
    }

    .wrap_form input:not(.wpcf7-submit) {
        height: 3.083rem;
        font-size: .8rem;
    }

    .wrap_form input:not(.wpcf7-submit)::placeholder {
        font-size: .8rem;
    }

    .wrap_post_hl .item:first-child .box_img {
        height: 100% !important;
    }

    .wrap_post_hl .item {
        padding-bottom: 100%;
    }

    .wrap_post_hl .item .box_img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .wrap_post_hl .item .box_img img {
        height: 100%;
    }

    .wrap_post_hl .item:not(:first-child) .box_img {
        position: unset;
    }

    .wrap_post_hl .item:not(:first-child) {
        margin-top: 20px;
        flex-wrap: wrap;
        padding-bottom: 2.083rem;
    }

    .wrap_post_hl .item:not(:first-child) .box_content {
        width: 100%;
        order: 2 !important;
    }

    .wrap_post_hl .item .box_content span {
        bottom: -0.958rem;
    }

    .menu_news ul li {
        flex: 0 0 auto;
    }

    .menu_news ul {
        justify-content: flex-start;
        overflow: auto;
        padding-bottom: 10px;
        margin: 0 0 2.04rem;
    }

    .menu_news ul a {
        font-size: .8rem;
    }

    .news_page .wrap_post .post_item {
        width: calc(calc(100% / 2) - 1.25rem);
    }

    .post_item .box_content h3 {
        font-size: .8rem;
        height: 2.35625rem;
        line-height: 1.45;
    }

    .content_post {
        padding: 1.5rem;
    }

    .content_post h1.heading_h2 {
        font-size: 1.2rem;
    }

    .content_post .nav {
        flex-wrap: wrap;
        justify-content: center;
    }

    .content_post .nav .left {
        margin-bottom: 5px;
    }

    .wp-caption-text {
        font-size: 12px !important;
    }

    .tags ul li {
        flex: 0 0 auto;
    }

    .tags ul {
        overflow: auto;
        padding-bottom: 5px;
    }

    .post_details_related {
        padding: 0 0 40px;
    }

    .post_details_related .arrow_slider {
        display: none;
    }

    section.section.td_sec_1 {
        padding: 40px 0;
    }

    section.section.td_sec_1 img.bg {
        opacity: .2;
    }

    section.section.td_sec_2 .wrap_items .item {
        width: 100%;
        margin-top: 30px;
    }

    section.section.td_sec_2 .wrap_items .item h3 {
        font-size: 1rem;
    }

    table.table_td {
        margin: 0;
    }

    .tuyen_dung_details .box_top {
        flex-wrap: wrap;
        box-shadow: 0px 0px 20px rgba(69, 51, 12, 0.2);
    }

    .tuyen_dung_details .box_top > * {
        width: 100% !important;
    }

    .tuyen_dung_details .box_top .left {
        padding: 30px;
    }

    .tuyen_dung_details .box_top ul.info li {
        width: 100%;
    }

    .tuyen_dung_details .box_top ul.info {
        flex-wrap: wrap;
    }

    .tuyen_dung_details .box_top ul.info li:not(:last-child) {
        margin-bottom: 10px;
    }

    .tuyen_dung_details .box_top .left h1 {
        font-size: 1.3rem;
    }

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

    .tuyen_dung_details .item .title {
        width: 100%;
        font-size: 18px;
        margin-bottom: 20px;
    }

    div#form_td {
        padding: 2rem;
    }

    div#form_td h3 {
        font-size: 1.2rem;
    }

    .wrap_form input.wpcf7-form-control.wpcf7-file {
        height: auto;
    }

    .tuyen_dung_details {
        padding: 40px 0;
    }

    .slider_terms_project .swiper-slide:nth-child(odd) .item {
        margin-top: 0;
    }

    .bds_sec_1 .wrap_slider {
        max-width: 100%;
    }

    .slider_terms_project .box_content .num {
        padding-right: .5rem;
        margin-right: .5rem;
    }

    .slider_terms_project .box_content h3 {
        font-size: .7rem;
    }

    .bds_sec_2 {
        padding: 40px 0;
    }

    ul.list_tax_project li {
        flex: 0 0 auto;
    }

    ul.list_tax_project {
        justify-content: flex-start;
        overflow: auto;
        padding-bottom: 10px;
    }

    ul.list_tax_project a {
        font-size: .9rem;
    }

    .project_item {
        width: 100%;
    }

    .bds_sec_1 .heading_h2 {
        margin-bottom: 2rem;
    }

    .wrap_gallery .item {
        width: calc(50% - 0.834rem) !important;
    }

    section.section.tax_du_an {
        padding-top: 40px;
    }

    .copyright {
        position: relative;
        left: unset;
    }

    .single-du-an h2.heading_h2 {
        font-size: 1.5rem;
    }

    .du_an_sec_1 {
        padding: 40px 0;
    }

    .du_an_sec_1 .wrap_items .item {
        width: calc(calc(100% / 3) - 30px);
    }

    .du_an_sec_1 .wrap_items .item .content {
        font-size: 14px;
    }

    .du_an_sec_2 .wrap {
        flex-wrap: wrap;
        display: block;
    }

    .du_an_sec_2 ul.list {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .du_an_sec_2 ul.list li {
        width: 50%;
    }

    section.section.du_an_sec_2 {
        padding-top: 40px;
    }

    .du_an_sec_3 {
        padding-top: 40px;
    }

    .du_an_sec_3 .wrap_gallery {
        margin-top: 20px;
    }

    .du_an_sec_3 .wrap_gallery .item {
        width: 100% !important;
        padding-bottom: 56.25%;
    }

    .du_an_sec_3 .wrap_gallery .item img {
        object-fit: cover;
    }

    .du_an_sec_5 ul.list_tax_project {
        margin: 0 0 0.865rem;
    }

    .du_an_sec_5 .box_video h4 {
        font-size: .6rem;
    }

    .icon_play {
        width: 3rem;
        height: 3rem;
    }

    .du_an_sec_6 {
        padding-top: 40px;
    }

    section.section.du_an_sec_7 {
        padding-top: 40px;
    }

    .du_an_sec_7 .wrap .box_img {
        order: 2;
        width: 100%;
        display: none;
    }

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

    .du_an_sec_7 .wrap .box_img img {
        border-radius: 10px;
    }

    .du_an_sec_7 .wrap .box_content {
        padding: 1rem;
    }

    .du_an_sec_7 .wrap .box_content h2.heading_h2 {
        font-size: 1.1rem;
    }

    .single-tuyen-dung header#masthead {
        padding: 10px;
    }

    .main-navigation .main-nav ul li a {
        line-height: 3rem;
    }

    .site-logo {
        top: .5rem;
    }

    ul.nav_tab li {
        font-size: .7rem;
    }

    .wrap_document .item {
        padding-right: 1.25rem !important;
    }

    .wrap_document .item svg {
        display: none;
    }

    .wrap_document .item h3 {
        font-size: 0.8rem;
    }

    select#filter_year {
        padding: 0 30px;
    }

    .qh_cd .wrap_top .heading_h2 {
        margin-right: 20px;
    }

    ul.nav_right a.phone {
        margin: 0;
    }

    ul.nav_right a.phone .icon {
        margin: 0;
        width: 2rem;
        height: 2rem;
    }

    .search section.section.news_page {
        padding: 2.646rem 0 4.167rem;
    }

    .wrap_search_popup input#searchsubmit {
        width: auto;
    }

    .wrap_search_popup .inner .button_close {
        top: 50%;
        transform: translateY(-50%);
        right: 14px;
    }

    .wrap_search_popup .inner {
        padding: 10px 50px 10px 15px;
    }

    section.section.post_details {
        margin-top: 4.917rem;
    }

    nav#site-navigation {
        width: 100%;
        transform: translateX(-150%);
    }

    nav#site-navigation {
        opacity: 1;
        pointer-events: unset;
    }

    .main-navigation .main-nav ul li a {
        min-width: 100%;
    }

    nav#site-navigation.active {
        transform: translateX(0%);
    }

    ul.list_tax_project {
        flex-wrap: wrap;
        justify-content: center;
    }

    ul.list_tax_project a {
        font-size: .8rem;
        padding: .5rem;
        margin: 0 0.3rem .3rem;
    }

    .for_tab_round {
        margin: 30px auto 0;
    }

    .about_sec_6 .arrow_slider.right {
        background: white;
        right: -1rem;
    }

    .about_sec_6 .arrow_slider {
        background: white;
        left: 0;
    }

    .about_sec_6 .arrow_slider.left {
        left: -1rem;
    }

    .mobile_display {
        display: flex;
    }

    .mobile_display {
        justify-content: center;
        position: unset;
        margin-top: 10px;
    }

    .mobile_display span {
        background: #7375745c;
        width: 12px;
        height: 3px;
    }

    .gallery_page {
        padding: 2.167rem 0;
    }

    .wrap_gallery .item_gal {
        width: calc(calc(100% / 2) - 1.042rem);
    }

    .wrap_gallery .item_gal .box_img svg {
        width: 1.708rem;
    }

    .close svg {
        margin-top: 0;
    }

    .open {
        display: inline-flex;
    }

    .content_banner img.logo {
        max-height: 70px;
    }

    .hero-style {
        padding-bottom: 90%;
    }

    .link_style {
        font-size: 12px;
        padding: 7px 16px;
    }

    .link_style svg {
        width: 16px;
    }

    .home_sec3 .wrap_slider:before {
        width: 11.26rem;
        height: 11.26rem;
        transform: translate(53%, -42%);
        background-size: cover;
    }

    .box_project .item {
        width: 100% !important;
        padding-top: 100%;
    }

    section.home_sec5 {
    }

    .slider_logo {
        margin: 1.042rem -0.5625rem 0;
    }

    header#masthead.active {
        background: transparent !important;
    }

    .CR-site-loading-svg svg + .slogan {
        font-size: 12px;
        padding: 0;
        transform: translateY(7.292rem);
    }

    .box_project .wrap_content {
        max-width: 100% !important;
        padding: 0 20px;
        left: 0;
    }

    .box_project .wrap_content h3 {
        font-size: 1.2rem;
    }

    .home_sec3 .grid-container {
        padding-top: 0;
    }

    ul.term_gallery a {
        font-size: 16px;
        margin: 0 0 6px;
        display: inline-block;
    }

    ul.term_gallery {
        flex-wrap: wrap;
    }

    .about_sec_1 .box_content {
        padding-top: 2rem !important;
    }

    .logo_header a {
        width: 4.9375rem;
        height: 5.03125rem;
        align-items: flex-start;
    }

    .logo_header a img {
        max-width: 3.5rem;
        margin-top: .5rem;
    }

    header#header .wrap {
        padding: 0 15px;
    }

    header#header .wrap .nav_right ul {
        margin-top: .5rem;
    }

    li.header-search.header-search-lightbox.has-icon {
        width: 36px;
        height: 36px;
    }

    i.icon-search {
        font-size: 16px !important;
    }

    li.icon_menu svg {
        width: 2.217rem;
    }

    .home_sec6, .home_sec3 {
        padding: 2rem 0 !important;
    }

    .slider_action {
        margin-top: 2rem !important;
    }

    .slider_action .item .box_img {
        height: 15rem !important;
        padding: 0;
    }

    .mobile_pagination {
        display: flex;
    }

    .mobile_pagination .arrow_slide_item {
        position: relative;
        inset: 0;
        width: 2.2rem;
        height: 2.2rem;
        padding: .3rem !important;
    }

    .mobile_pagination .swiper-pagination {
        position: relative;
        width: fit-content;
        margin-top: 1rem;
    }

    .mobile_pagination {
        width: 100%;
        justify-content: space-between;
    }

    .mobile_pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        border-radius: 100%;
        background: var(--main-cl);
        opacity: .3 !important;
    }

    .mobile_pagination .swiper-pagination-bullet-active {
        width: 10px !important;
        height: 10px;
        border-radius: 100%;
        background: var(--main-cl) !important;
        opacity: 1 !important;
    }

    .mobile_pagination .arrow_slide_item svg {
        width: 100%;
        height: 100%;
        display: block;
    }

    .home_sec3 .wrap_slider:before {
        height: 8rem;
        width: 8rem;
        transform: translate(33%, -70%);
    }

    .desktop_display {
        display: none;
    }

    .mobile_display {
        display: block;
    }

    .mobile_flex {
        display: flex;
    }

    .home_sec5 .wrap_post .item_post {
        width: 100%;
    }

    .home_sec5 .wrap_post {
        gap: 1rem;
    }

    .item_post .box_img {
        height: 15rem;
    }

    .home_sec5 .wrap_top h2 {
        text-align: center;
    }

    .home_sec5 .wrap_slide_background_icon {
        display: none;
    }

    .home_sec5 .mobile_flex {
        margin: 2rem 0;
    }

    a.link_style.color {
        font-size: 0.833rem;
        padding: .5rem 1.25rem;
    }

    .grid-10, .grid-100, .grid-15, .grid-20, .grid-25, .grid-30, .grid-33, .grid-35, .grid-40, .grid-45, .grid-5, .grid-50, .grid-55, .grid-60, .grid-65, .grid-66, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, [class*=mobile-grid-], [class*=tablet-grid-] {
        padding: 0;
    }

    .grid-container {
        padding: 0 15px;
    }

    .home_sec3 .slider_brochure .mobile_pagination {
        margin: 2rem 0 0;
    }

    .slider_brochure h3.text_up {
        font-size: 1.4rem;
    }

    footer .footer_top .inner {
        flex-wrap: wrap;
        align-items: start;
        justify-content: start;
        gap: 1rem;
    }

    .footer_3 {
        padding-left: 0;
    }

    img.logo_footer {
        width: 10rem;
        object-fit: contain;
    }

    .footer_top {
        margin: 0;
    }

    .footer_bottom {
        display: flex;
        flex-direction: column;
        row-gap: 1rem;
    }

    footer#footer {
        height: auto !important;
    }

    .footer_nav {
        position: relative;
        bottom: unset;
    }

    footer#footer {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }

    .footer_top {
        padding-bottom: 1rem;
    }

    .footer_nav .wrap {
        flex-wrap: wrap;
        justify-content: center;
        gap: 1.5rem;
    }

    .footer_2 {
        width: 100%;
    }

    footer#footer {
        padding-bottom: 0;
    }

    .menu_footer a {
        font-size: .9375rem;
    }

    .footer_nav .wrap * {
        font-size: .85rem;
    }

    .footer_nav .wrap * {
        margin: 0;
    }

    .footer_nav .wrap {
        gap: 1rem;
    }

    .close_menu {
        width: 3rem;
        height: 3rem;
    }

    .home_sec5 .wrap_post {
        margin: 0;
        width: 100%;
    }

    .home_sec5 .wrap_post .item_post {
        margin: 0;
    }

    .brochure_cta {
        display: flex;
        justify-content: center;
    }

    h3.title_footer {
        min-height: unset;
        padding-bottom: 1rem;
    }

    .banner_page {
        height: 25rem;
        min-height: unset;
    }

    .about_sec_2 .box_img {
        margin-bottom: 2rem;
    }

    .footer_3 {
        padding-left: 0;
    }

    .gallery_wrap h2 {
        font-size: 1.75rem;
    }

    header#header:before {
        background: linear-gradient(180deg, #000000bd, transparent);
    }

    .grid-container {
        max-width: 100%;
    }

    section.section.bds_sec_1 {
        width: 100%;
    }

    .slider_terms_project.center .swiper-wrapper {
        justify-content: start;
    }

    .bds_sec_1 .mobile_pagination {
        margin: 1.5rem 0;
    }

    .wrap_project {
        margin: 0;
        width: 100%;
        gap: 1rem;
    }

    .project_item {
        margin: 0;
    }

    .project_item .box_content .term {
        font-size: .833rem;
    }

    .project_item .box_content h3 {
        font-size: 1.1rem;
    }

    body {
        font-size: .9375rem;
    }

    .du_an_sec_1 .wrap_items {
        justify-content: center;
    }

    .du_an_sec_1 {
        padding-top: 7rem !important;
    }

    .du_an_sec_3 .wrap_gallery .item {
        padding-bottom: 0;
        height: 20rem;
    }

    .du_an_sec_3 .wrap_gallery {
        gap: 1rem;
    }

    .du_an_sec_5 .mobile_pagination {
        margin: 1.5rem auto 0;
    }

    section.section.du_an_sec_7 {
        padding-top: 0;
    }

    .wrap_slider {
        padding: 0;
    }

    .slider_gallery_project .box_img {
        height: 21rem;
        padding-bottom: 0;
    }

    .du_an_sec_5 ul.list_tax_project {
        padding: 0;
    }

    ul.list_tax_project a {
        font-size: 1rem;
        padding: 1rem;
    }

    input.wpcf7-form-control {
        font-size: 18px !important;
    }

    .du_an_sec_8 .mobile_pagination {
        margin: 1.5rem auto 0;
    }

    .du_an_sec_5 .arrow_slide_item.right svg,
    .du_an_sec_8 .arrow_slide_item.right svg {
        transform: rotate(180deg);
    }

    .du_an_sec_4 {
        padding-top: 1rem !important;
    }

    .du_an_sec_8 {
        padding-top: 0;
    }

    /*    click mở term*/
    .list_tax_mobile {
        display: block !important;
        border: 1px solid var(--main-cl);
        color: var(--main-cl);
        margin-right: auto;
        border-radius: 15px;
        transition: background-color .3s ease, color .3s ease;
        width: 100%;
        text-align: left;
        z-index: 5;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    li.product_term_item.active, li.product_term_item:hover {
        color: var(--main-cl);
        transition: .7s all;
    }

    li.product_term_item {
        border-bottom: 1px solid var(--main-cl);
    }

    .list_tax_mobile.active {
        background: var(--main-cl);
        color: white !important;
    }

    .product_term_mobile_title {
        padding: .5rem !important;
        position: relative;
        font-size: 1rem;
    }

    .product_term_mobile_title:before {
        position: absolute;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%);
        content: '';
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACjSURBVHgB7Y/NDYMwDIWTTMAIHaErsEHZIFKUeTpAcsgmZYSOwAgMkJ/aUo0QEIPECYl3cWI/f/IT4tb1JOlhjHlBeSulOufcl1uy1j5zzh8pZee977GnaJhS6kspAg1o3IOAd4wxDtSfQCGEEQwtGmqwOQS9sDOsopG01g+Ih2c3UFuKyUE2QVsw7HGQKmgJwz8HYUFz2P+iKuSwANiIW6f1A/BVfO+porbcAAAAAElFTkSuQmCC);
        background-repeat: no-repeat;
        background-size: cover;
        width: 1rem;
        height: 1rem;
        transition: .7s all;
        filter: brightness(0) invert(0);
    }

    .desktop_display {
        display: none;
    }

    .about_2_image_mobile,
    .process_3_image_mobile {
        display: block;
        border-radius: 20px;
        overflow: hidden;
    }

    .blog_category_mobile.active {
        background: var(--main-cl);
        color: white !important;
    }

    .list_tax_mobile.active .list_tax_cat {
        opacity: 1 !important;
        z-index: 10;
    }

    ul.list_tax_cat {
        background: white;
        left: 50%;
        transform: translateX(-50%);
        width: 101%;
        row-gap: 0;
        top: 100%;
        pointer-events: auto;
        justify-content: center;
        position: absolute;
        margin: 0;
        max-height: 20rem;
        overflow: auto;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        box-shadow: 1px 1px 15px rgba(0, 0, 0, .1);
    }

    ul.list_tax_cat {
        display: none;
        z-index: 3;
    }

    li.list_tax_item {
        transition: .7s all;
        /*border: 1px solid var(--main-cl);*/
        text-align: start;
        width: 100%;
        border-radius: 0;
        padding: 0 !important;
        cursor: pointer;
        margin: 0;
    }

    ul.list_tax_cat li a {
        color: rgba(1, 32, 51, 1);
        transition: .5s all;
        display: block;
        padding: .5rem !important;
        font-size: 1rem;
        line-height: 1.5;
    }

    .list_tax_mobile.active .product_term_mobile_title:before {
        filter: brightness(0) invert(1);
        transform: translateY(-50%) rotateX(180deg);
        transition: .7s all;
    }

    .wrap_posts {
        margin-top: 1.5rem;
        gap: 1rem;
    }

    .tablet_flex {
        display: flex;
    }

    ul.term_list.desktop_display {
        display: none;
    }

    .item_post {
        width: 100% !important;
        margin: 0 !important;
    }

    .item_post:nth-child(1) {
        width: 100% !important;
        margin: 0 !important;
    }

    .text_center.term_blog.relative {
        z-index: 50;
    }

    ul.list_tax_cat li a {
        width: 100%;
        display: block;
    }

    section.section.tax_action {
        padding-top: 2rem !important;
    }

    .default-page {
        padding: 7rem 0 3rem !important;
    }

    .menu_head {
        gap: 2rem;
    }

    header#header .wrap .nav_right ul.language_wrap {
        margin-top: 0;
    }

    img.logo_center {
        object-fit: contain;
        width: 15rem;
        max-height: 12rem;
    }

    .contact_sec_1 .grid-container > .grid-50:nth-child(2) {
        margin-left: 0;
        margin-top: 1rem;
    }

    .page-template-contact .wrap_form {
        margin: 0;
    }

    .copyright .content {
        font-size: .8rem;
    }

    .copyright {
        margin-top: 0;
    }

    .contact_section button.btn-submit-custom {
        margin: 0;
        font-size: 1rem;
    }

    .wrap_form input::placeholder {
        font-size: 1rem !important;
    }

    .wrap_form input {
        font-size: 18px;
    }

    .contact_section .wrap_info b {
        font-size: 1rem;
    }

    .wrap_form .grid-100 {
        padding: 0 5px;
    }

    .contact_section .wrap_info * {
        font-size: 1rem;
    }

    a.file_dowload {
        font-size: .9rem !important;
    }

    .socials ul a img {
        width: 90%;
        height: 90%;
    }

    .socials ul a {
        width: 2.5rem;
        height: 2.5rem;
        padding: .4rem;
    }

    .home_sec3 .wrap_slide_background_icon {
        width: 10rem;
        right: 3rem;
        top: -1rem;
    }

    .logo_header {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: .7rem;
    }

    span.logo_page.logo_nguyen_ban {
        opacity: 1 !important;
    }

    span.logo_page.logo_am_ban {
        opacity: 0;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .grid-container {
        max-width: unset;
    }

    .about_sec_1 .grid-container > * {
        width: 50%;
        order: unset;
    }

    .about_sec_2 .grid-container > * {
        width: 50%;
        order: unset;
    }

    .about_sec_2 .grid-container > * img {
        max-width: 100%;
    }

    .home_sec2 .grid-container {
        align-items: center;
    }

    .about_sec_2 .box_img img {
        margin: 0 !important;
        max-width: 50vw;
    }

    .lv_sec_1 .grid-container > * {
        width: 50%;
    }

    .lv_sec_4 .wrap_items .item {
        width: calc(50% - 1.354rem);
    }

    .project_item {
        width: calc(calc(100% / 2) - 1.25rem);
    }

    .scroll_down,
    .home_sec5:before {
        display: none;
    }

    .swiper-pagination span.swiper-pagination-bullet-active {
        background: #89c527 !important;
    }

    section.section.td_sec_2 .wrap_items .item h3 {
        min-height: unset;
    }

    section.section.td_sec_2 .wrap_items .item .content {
        overflow: unset;
        padding: 0;
        margin: 0;
    }

    .contact_sec_1 .grid-container > .grid-50:nth-child(2) {
        margin: 0;
        padding-left: 0;
    }

    section.section.tax_action {
        padding: 7rem 0 3rem !important;
    }

    .content_banner {
        top: 60%;
    }
}


.logo_header span.logo_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}

span.logo_page {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity .7s ease;
}

span.logo_page.logo_nguyen_ban {
    opacity: 0;
}


.load_home_page {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999;
    opacity: 1;
    transition: opacity .7s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at left, rgba(180, 220, 200, 0.25), transparent 60%),
    radial-gradient(circle at right, rgba(255, 200, 210, 0.25), transparent 60%),
    linear-gradient(
            90deg,
            #cfd3da 0%,
            #e6e8ec 40%,
            #f4f5f7 60%,
            #e6e8ec 100%
    );
}

.load_home_page.complete {
    opacity: 0;
    pointer-events: none;
}

video.elementor-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    will-change: transform;
}

.is-light-section .logo_header .logo_am_ban {
    opacity: 0;
}

.is-light-section .logo_header .logo_nguyen_ban {
    opacity: 1;
}


@media only screen and (max-width: 767px) {
    .logo_header {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 1.5rem !important;
    }

    span.logo_page.logo_nguyen_ban {
        opacity: 1 !important;
    }

    span.logo_page.logo_am_ban {
        opacity: 0;
    }

}