@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap'); :root {
    --main-cl: #1072BA;
    --cl-main: #F27325;
    --cl-white: #FFF;
    --sub-cl: #F27325;
    --container-w: 72rem;
}

body {
    overflow-x: hidden !important;
}

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

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

body::-webkit-scrollbar-thumb {
    background-color: #FF6100;
}

input, optgroup, select, textarea {
    -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);
    outline: none !important;
}

body {
    font-family: "Plus Jakarta Sans", sans-serif;
    overflow-x: unset;
}

.header-nav>li.lang-item a {
    box-shadow: 0 0 5px #fff;
}



.grid-container {
    max-width: var(--container-w);
}

.container, .container-width, .full-width .ubermenu-nav, .row {
    max-width: 72.2rem;
    position: relative;
    z-index: 9;
}

.header .flex-row {
    max-width: unset;
}

div#masthead {
    height: auto !important;
    padding: .8rem 0;
    background: #F5F5F5;
    Colors Hex Hex Background colors #F5F5F5; }

#logo {
    width: auto !important;
}

#logo img,.stuck #logo img {
    max-height: unset !important;
    height: 2.5rem;
    width: auto;
}

.header.show-on-scroll, .stuck .header-main {
    height: auto !important;
}

.nav-uppercase>li>a {
    font-weight: 600 !important;
    font-size: 0.75rem;
    color: #fff;
    padding: 0 !important;
    letter-spacing: 0;
}

.header-nav>li {
    margin: 0;
}

.header-nav>li+li {
    margin-left: 3.5rem;
}

.header-bg-container.fill {
    display: none !important;
}

.header-shadow .header-wrapper, .header-wrapper.stuck, .layout-shadow #wrapper {
    box-shadow: none;
}

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

.home_sec_1 li.dot {
    width: 100% !important;
    height: 0.2rem !important;
    border: none;
    background: #FFF;
}

.flickity-page-dots {
    display: flex;
    bottom: 2.5rem;
}

.home_sec_1 .slider:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00)0%, rgba(0, 0, 0, 0.64)100%);
    height: 11rem;
    z-index: 3;
    pointer-events: none;
}

.pt_150 {
    padding-top: 7.5rem !important;
}

.group_heading h3 {
    font-size: 0.8rem;
    color: var(--7, <?= home_url() ?>) !important;
    letter-spacing: 0.376rem;
}

.group_heading h1,.group_heading h2 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
    line-height: 1.3;
    color: #454545;
}

.group_heading {
    font-size: 0.8rem;
}

.mb_35 {
    margin-bottom: 1.75rem;
}

.button_style {
    height: 2.2rem;
    line-height: 2.85rem;
    display: inline-flex;
    align-items: center;
    font-weight: 400;
    font-size: 0.8rem;
    padding: 0 1.2rem;
    margin-bottom: 0;
}

.mb_75 {
    margin-bottom: 3.75rem;
}

.home_sec_2 .banner {
    border-radius: 1.5rem;
    overflow: hidden;
}

.row .col {
    padding-bottom: 0;
}

.home_sec_2 {
    padding-bottom: 0 !important;
}

.home_sec_3 {
    padding-top: 22rem !important;
    margin-top: -12.5rem;
    padding-bottom: 7.5rem !important;
}

.project_lists .banner {
    height: 31.5rem;
    border-radius: 1.5rem;
    overflow: hidden;
}

.project_lists .banner .bg:before {
    content: '';
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00)0%, rgba(0, 0, 0, 0.54)43.5%, rgba(0, 0, 0, 0.90)100%);
    height: 24.5rem;
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 100%;
    pointer-events: none;
}

.project_lists .col {
    padding: 0 0.5rem;
}

.project_lists .group_content h3,.project_lists .group_content h1,.project_lists .group_content h2 {
    font-size: 1.5rem;
    font-weight: 700;
}

.project_lists .group_content {
    font-size: 0.7rem;
    padding: 0 1.75rem 2rem;
    pointer-events: none;
    max-width: 27.5rem;
}

.project_lists .group_content>p:last-child {
    margin-bottom: 0;
}

.project_lists {
    margin: 0 -0.5rem;
}

.project_lists .banner_large {
    margin-bottom: 1rem;
}

.project_lists .banner .bg {
    transform: scale(1);
    transition: 1s all;
}

.project_lists .banner:hover .bg {
    transform: scale(1.2);
}

.project_lists .banner:before {
    width: 4.3rem;
    height: 4.3rem;
    background: #FF6100;
    content: '';
    position: absolute;
    z-index: 9;
    border-radius: 5rem;
    right: 3rem;
    top: 2.75rem;
    opacity: 0;
    transition: 1s all;
    pointer-events: none;
    background-image: url(../images/icon_button.svg);
    background-size: 2.15rem;
    background-repeat: no-repeat;
    background-position: bottom left;
    transition: .5s all;
}

.project_lists .banner:hover:before {
    opacity: 1;
}

.project_lists .banner.banner_small:before {
    width: 3.5rem;
    height: 3.5rem;
    top: 1rem;
    right: 1rem;
}

.pt_180 {
    padding-top: 9rem !important;
}

.pb_160 {
    padding-bottom: 8rem !important;
}

.home_sec_5 .group_heading {
    max-width: 28rem;
}

.home_sec_5 .icon-box {
    display: flex;
    border-radius: 1.5rem;
    background: #f7f6f6;
    backdrop-filter: blur(0.5rem);
    flex-wrap: wrap;
    font-size: 0.75rem;
    padding: 1.5rem 1.5rem 0.5rem;
}

.home_sec_5 .icon-box .icon-box-img {
    order: 2;
    width: 100% !important;
    margin: 1.5rem 0 0 0;
}

.home_sec_5 .icon-box .icon-inner {
    height: 6rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.home_sec_5 .icon-box .icon-inner img {
    max-height: 100%;
    width: auto;
}

.home_sec_5 .icon-box h3,.home_sec_5 .icon-box h2,.home_sec_5 .icon-box h1 {
    font-size: 1.35rem;
    font-weight: 700;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    line-height: 1.5;
}

.home_sec_5 .col {
    padding: 0 0.35rem;
    padding-bottom: 0 !important;
    margin-bottom: 0.75rem;
}

.home_sec_6 {
    padding: 9rem 0 3.5rem !important;
}

.banner_content .group_heading h1,.banner_content .group_heading h2,.banner_content .group_heading h3 {
    font-size: 2.25rem;
    font-weight: 700;
}

.banner_content .group_heading {
    max-width: 27.15rem;
    font-size: 0.8rem;
    padding-left: 3.5rem;
}

.banner_content {
    border-radius: 1.5rem;
    overflow: hidden;
}

.mb_25 {
    margin-bottom: 1.25rem;
}

.banner_video {
    height: 24.5rem;
    border-radius: 1.5rem;
    overflow: hidden;
}

.home_sec_6 .col {
    padding: 0 0.5rem;
}

.banner_right {
    border-radius: 1.5rem;
    overflow: hidden;
    height: 44.5rem;
}

.banner_right .bg:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00)0%, rgba(255, 255, 255, 0.80)100%);
    height: 14rem;
}

.banner_right .button_style {
}

.banner_right .text-box {
    padding: 0 2rem 2rem 0;
}

.banner_right .button_style:before {
}

@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.1);
        opacity: 0;
    }
}

.banner_right .button_style:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 100%;
    height: 120%;
    background: #FF6100;
    border-radius: 5rem;
    animation: pulse-border 1000ms ease-out infinite;
    z-index: -1;
}

.footer_top {
    padding: 1.75rem 0 !important;
}

.footer_top p {
    margin: 0;
}

.footer_top .group_heading h1,.footer_top .group_heading h2,.footer_top .group_heading h3 {
    font-size: 1.75rem;
    font-weight: 700;
}

.footer_top .group_heading {
    font-weight: 400;
}

.form_footer>p {
    display: flex;
}

.form_footer input {
    margin: 0;
    background: transparent;
    color: var(--6, var(--1, #FFF));
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 500;
    padding: 0 1.5rem;
    height: 3.3rem;
    border: none !important;
}

.form_footer input::placeholder {
    color: var(--6, var(--1, #FFF));
    opacity: 0.5;
}

.form_footer {
    border: 1px solid #fff;
    border-radius: 5rem;
    overflow: hidden;
}

span.wpcf7-spinner {
    position: absolute;
}

.form_footer span.wpcf7-form-control-wrap {
    width: 100%;
}

span.wpcf7-form-control-wrap {
}

.form_footer {
}

.form_footer input[type="submit"] {
    padding: 0 2rem;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 500;
    border-left: 1px solid rgba(255, 255, 255, 0.20) !important;
}

.wpcf7-form {
    margin: 0;
}

.footer_bottom {
    padding: 3rem 0 0 0 !important;
}

.footer_bottom .logo img {
    height: 5.25rem !important;
    width: auto;
    margin-bottom: 1.75rem;
}

.footer_bottom .title h1, .footer_bottom .title h2, .footer_bottom .title h3 {
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.footer_bottom .ux-menu-link a {
    font-size: 0.7rem;
    padding: 0 !important;
    min-height: unset !important;
}

.ux-menu-link .ux-menu-title {
    min-height: unset !important;
}

.ux-menu-title {
    min-height: unset;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0 !important;
    margin-bottom: 0.25rem !important;
}

.footer_bottom .ux-menu-link+.ux-menu-link {
    margin-top: 0.65rem !important;
}

.footer_bottom .footer_2 .ux-menu-link+.ux-menu-link {
    margin-top: 0rem !important;
}

.mb_20 {
    margin-bottom: 1rem !important;
}

.mb_50 {
    margin-bottom: 2.5rem !important;
}

.socials_footer img {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 5rem;
    overflow: hidden;
}

.socials_footer {
    justify-content: flex-start !important;
}

.socials_footer .img {
    width: auto !important;
}

.socials_footer .img+.img {
    margin-left: 0.9rem !important;
}

.footer_bottom .logo {
    margin: 0 !important;
}

.footer_1 {
    padding-right: 6rem;
}

.absolute-footer {
    display: none !important;
}

.footer_bottom .is-divider {
    margin-top: 2.75rem !important;
    margin-bottom: 0 !important;
}

.copyright p {
    margin: 0 !important;
}

.copyright {
    padding: 1.25rem 0 !important;
    color: var(--8, #333);
    font-size: 0.65rem;
}

.footer_3 {
    padding-left: 5rem;
}

.footer_bottom a {
    transition: .5s all;
}

.footer_bottom a:hover {
    color: var(--7, #FF6100) !important;
}

.footer_2 {
    padding-right: 2rem;
}

.wpcf7 .wpcf7-not-valid-tip {
    text-align: center;
    font-size: 0.65rem;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0.5rem 0 0 0;
    background: #fff;
    border: none;
    text-align: center;
    font-size: 0.8rem;
}

.nav_tabs_project .nav {
    display: inline-flex !important;
    width: auto !important;
}

.nav_tabs_project {
    justify-content: flex-end;
    width: auto !important;
    display: inline-flex;
    float: right;
    background: rgba(255, 255, 255, 0.10);
    border-radius: 5rem;
    overflow: hidden;
}

.nav_tabs_project a {
    line-height: normal;
    padding: 0.9rem 1.25rem !important;
    font-size: 0.9rem !important;
    font-weight: 500;
    color: #fff !important;
    opacity: 1 !important;
    outline: none !important;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent !important;
    border-radius: 5rem !important;
    transition: .5s all !important;
}

.nav_tabs_project a span {
    color: #fff;
    opacity: 1 !important;
}

.nav_tabs_project .active a,.nav_tabs_project a:hover {
    background: var(--7, #FF6100) !important;
}

.nav_tabs_project .nav li {
    margin: 0;
}

.home_sec_2 .bg:before, .home_sec_2 .bg:after, .home_sec_5 .bg:before, .home_sec_5 .bg:after, .about_sec_2 .bg:before, .about_sec_2 .bg:after, .about_sec_4 .bg:before,.contact_sec_3 .bg:before,.contact_sec_3 .bg:after, .project_sec_1:before, .project_sec_1:after, .project_sec_4:after {
    content: '';
    background-image: url(../images/bf_ab_sec_1.svg);
    width: 23.7rem;
    height: 57.1rem;
    position: absolute;
    top: -20rem;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
}

.home_sec_2 .bg:after, .about_sec_2 .bg:after, .contact_sec_3 .bg:after, .project_sec_1:after,.project_sec_4:after {
    background-image: url(../images/at_ab_sec_1.svg);
    width: 28.05rem;
    height: 50.4rem;
    left: unset;
    right: 0;
    bottom: 0;
    top: unset;
}

.home_sec_5 .bg:before {
    background-image: url(../images/bf_home_sec_5.svg);
    width: 21.2rem;
    height: 31.5rem;
    top: unset;
}

.home_sec_5 .bg:after {
    background-image: url(../images/at_home_sec_5.svg);
    width: 34.45rem;
    height: 53.35rem;
    left: unset;
    right: 0;
    bottom: 0;
    top: unset;
    z-index: 1;
}

.home_sec_4 {
    padding: 9rem 0 8rem !important;
}

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

.wrap_bds_home .item {
    width: calc(calc(100% / 3) - 3rem);
    margin: 0 1.5rem 3rem;
}

.wrap_bds_home {
    margin: 0 -1.5rem;
}

ul.slick-dots {
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
}

ul.slick-dots button {
    font-size: 0;
    padding: 0;
    margin: 0 !important;
    width: 0.5rem;
    height: 0.5rem;
    background: rgba(255, 255, 255, 0.50);
    border-radius: 5rem;
    opacity: 1 !important;
    border: 1px solid transparent;
    transition: .5s all;
}

.slider_gallery ul.slick-dots {
    position: absolute;
    bottom: 0.5rem;
    justify-content: center;
    width: 100%;
}

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

ul.slick-dots .slick-active button {
    width: 0.65rem;
    height: 0.65rem;
    background: #FF6100;
}

.slider_gallery,.slider_gallery img {
    height: 17.5rem !important;
    margin: 0 !important;
    border-radius: 1.5rem;
    overflow: hidden;
}

.slider_gallery>li {
    margin: 0 !important;
}

.slider_gallery>li {
    margin: 0 !important;
}

.slider_gallery .slick-slide {
    margin: 0 !important;
    overflow: hidden;
}

.slider_gallery:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00)0%, rgba(0, 0, 0, 0.80)100%);
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4rem;
    z-index: 2;
    pointer-events: none;
}

.slider_gallery img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: .5s all;
    border-radius: 0 !important;
}

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

.item_project .box_content h3 {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
    line-height: 1.4;
    height: 3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.item_project ul.info {
    list-style: none;
    margin: 0;
    font-size: 0.75rem;
}

.item_project ul.info li {
    margin: 0;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.item_project ul.info li > a:hover {
    color: var(--7, #FF6100);
}

.item_project ul.info ul {
    list-style: none;
    margin: 0.5rem -0.4rem 0;
    display: flex;
    flex-wrap: wrap;
}

.item_project ul.info li svg {
    max-width: 0.8rem;
    height: auto;
    margin-right: 0.1rem;
    flex: 0 0 auto;
    transform: translateY(.07rem);
}

.item_project ul.info ul li {
    padding: 0 0.4rem;
    line-height: 1.4;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: .8rem;
    align-items: center;
}

.item_project ul.info ul li+li {
}

.item_project .nav_bottom {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 10;
}

.item_project .price {
    font-size: 1rem;
    display: flex;
    align-items: center;
}

.item_project .price b {
    color: #AE0000;
    font-size: 1.6rem;
    font-weight: 800;
    margin-left: .5rem;
}

.item_project {
    cursor: pointer;
}

.item_project:hover .slider_gallery img {
    transform: scale(1.1);
}

.wrap_bds_home+.wrap_bds_home {
    margin-top: 6rem;
}

.wrap_bds_home .box_info {
    background-image: url(../images/bg_info_project.jpg);
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.wrap_bds_home .box_info h1,.wrap_bds_home .box_info h2,.wrap_bds_home .box_info h3 {
    color: #fff;
}

.wrap_bds_home .box_info {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    padding: 4.25rem 2.5rem 3rem;
    border-radius: 1.5rem;
    overflow: hidden;
}

.wrap_bds_home .box_info a.button {
    margin: 0;
}

.slick-arrow {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    transition: .3s all;
    z-index: 9;
    border: 1px solid #FF6100;
    border-radius: .5rem;
}

.slick-arrow.slick-next {
    left: unset;
    right: -5rem;
}

.slick-arrow svg {
    width: 1rem;
    height: auto;
    max-width: 60%;
}

.slick-arrow svg path {
    transition: .3s all;
}

.slick-arrow:hover svg path {
    stroke: #fff;
}

.slick-arrow:hover {
    background: #FF6100;
}

.item_uu_dai {
    width: calc(100% - 1rem);
    margin: 0 0.5rem;
}

.slider_uu_dai {
    margin: 0 -0.5rem;
}

.slider_uu_dai .box_img {
    padding-bottom: 100%;
    position: relative;
    border-radius: 1.5rem;
    overflow: hidden;
    margin-top: 1.5rem;
}

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

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

.item_uu_dai {
    cursor: pointer;
}

.item_uu_dai h3 {
    color: #231F20;
    font-size: 1rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin: 0;
    height: 4.5rem;
}

.item_uu_dai span {
    border: 1px solid var(--7, #FF6100);
    border-radius: 5rem;
    color: var(--7, #FF6100);
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.3rem 1rem;
    display: inline-block;
    margin-bottom: 0.5rem;
}

.slider_uu_dai .slick-arrow {
    transform: unset;
    top: -5rem;
    right: 0;
    left: unset;
}

.slider_uu_dai .slick-arrow.slick-prev {
    right: 3.25rem;
}

.home_sec_7 {
    padding-bottom: 8rem !important;
    padding-top: 3.5rem !important;
}

.home_sec_8 {
    padding: 6rem 0 8rem !important;
}

.white_heading h3 {
    color: #fff !important;
}

.button_whiite {
    background: #fff;
    color: #080101;
}

.button_whiite:hover {
    background: #090101;
}

.wrap_posts_left {
    width: calc(58% - 1rem);
    margin-right: 1rem;
    float: left;
    margin-top: 2.5rem;
}

.wrap_posts_right {
    width: 42%;
    float: left;
    margin-top: 2.5rem;
    padding-right: 1rem;
    max-height: 34.6rem;
    overflow: auto;
}

.wrap_posts_right::-webkit-scrollbar-track {
    background-color: #f5f5f530;
}

.wrap_posts_right::-webkit-scrollbar {
    width: 0.2rem;
    background-color: #f5f5f530;
}

.wrap_posts_right::-webkit-scrollbar-thumb {
    background-color: #fff;
}

.item_post .box_img {
    height: 25rem;
    position: relative;
    border-radius: 1.2rem;
    overflow: hidden;
    margin-bottom: 1rem;
}

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

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

.item_post {
    cursor: pointer;
    position: relative;
}

.item_post .box_content {
    color: #fff;
}

.item_post .box_content>span {
    font-size: 0.7rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
}

.item_post .box_content>span .dot {
    width: 0.15rem;
    height: 0.15rem;
    background: #fff;
    border-radius: 5rem;
    margin: 0 0.5rem;
}

.item_post h3 {
    font-size: 1.2rem;
    color: #fff;
    margin-bottom: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 1.3;
}

.item_post .content {
    font-size: 0.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.wrap_posts_right .item_post {
    display: flex;
    align-items: center;
}

.wrap_posts_right .item_post .box_img {
    width: 12.2rem;
    height: 7.65rem;
    flex: 0 0 auto;
    margin-right: 1.5rem;
    margin-bottom: 0;
}

.wrap_posts_right .item_post .content {
    display: none;
}

.wrap_posts_right .item_post h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 1rem;
    font-weight: 500;
    margin: 0;
    line-height: 1.5;
}

.wrap_posts_right .item_post+.item_post {
    margin-top: 1rem;
}

.filter_shortcode {
    position: absolute;
    top: 50%;
    z-index: 99;
    transform: translateY(-50%);
    right: calc(calc(100vw - 72rem)/2);
    border-radius: 1.5rem;
    background: var(--1, #FFF);
    box-shadow: 0rem 0rem 3rem 0rem rgba(0, 0, 0, 0.05);
    padding: 1.25rem 1.5rem;
    max-width: 22rem;
}

.filter_shortcode ul.nav {
    display: flex;
    justify-content: space-between;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 5rem;
    padding: 0.15rem;
    margin-bottom: 1.75rem;
}

.filter_shortcode ul.nav li {
    padding: 0 1.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    margin: 0;
    color: var(--8, #333);
    border-radius: 5rem;
    height: 2.7rem;
    transition: .5s all;
    cursor: pointer;
}

.filter_shortcode ul.nav li.active,.filter_shortcode ul.nav li:hover {
    background: #FF6100;
    color: #fff;
}

.inner_search form.search-form {
    margin: 0;
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
}

.inner_search form.search-form input:not([type="submit"]) {
    height: 2.5rem;
    box-shadow: none;
    color: var(--8, #333);
    font-size: 0.75rem;
    border-radius: .5rem 0 0 .5rem;
    padding: 0 1rem;
    border-right: none;
    outline: none;
    margin: 0;
}

.inner_search input[type="submit"] {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0;
    border-radius: 0 .5rem .5rem 0;
    background: transparent;
    flex: 0 0 auto;
    background-image: url(../images/icon_search.svg);
    background-size: 1rem;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #ddd;
    border-left: none;
}

.wrap_select {
    border-radius: 0;
    border: 1px solid #EEE;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
    color: var(--8, #333);
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
}

.wrap_select .icon {
    width: 1rem;
    display: block;
    margin-right: 0.3rem !important;
}

.wrap_select>span {
    display: flex;
    align-items: center;
}

.wrap_select .icon svg {
    display: block;
    max-width: 100%;
}

.wrap_select+.wrap_select {
    margin-top: 0.5rem;
}

.button_style i.icon-angle-right:before {
    content: '';
    background-image: url(../images/icon_button.svg);
    width: 1.2rem !important;
    height: 1.2rem !important;
    display: inline-block;
    background-size: 82%;
    background-repeat: no-repeat;
    background-position: center;
    transform: translateY(0.15rem) rotate(45deg);
}

.button_style:hover {
    background: #090101;
}

div#masthead:after {
    opacity: 0;
    transition: .5s all;
}

.stuck div#masthead:after {
    opacity: 1 !important;
    background: #FF6100;
    height: 100%;
}

.stuck div#masthead:before {
    opacity: 0;
}

.project_lists .banner:hover:before {
    background-position: center;
}

.footer_bottom .icon-map-pin-fill:before {
    content: '';
    background-image: url(../images/map.svg);
    background-size: 14px !important;
}

.footer_bottom .icon-phone:before {
    content: '';
    background-image: url(../images/phone.svg);
}

.footer_bottom .icon-envelop:before {
    content: '';
    background-image: url(../images/mail.svg);
    background-size: 17px !important;
}

.footer_bottom .icon-500px:before {
    content: '';
    background-image: url(../images/qr_code.svg);
}

.footer_bottom .ux-menu-link__icon:before {
    display: inline-block;
    width: 20px !important;
    height: 20px !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center !important;
    transform: translateY(6px);
}

.ux-menu-link__icon {
    margin-right: 3px !important;
}

.load_home_page {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: 1.5s all;
    opacity: 1;
    overflow: hidden;
    background: #FF6100;
}

.load_home_page.active {
    box-shadow: inset 0px 0px 5.208rem 0px #89A0A9;
}

.load_home_page.hide {
    opacity: 0;
    pointer-events: none;
}

.load_home_page svg {
    max-width: 23.833rem;
    width: 100%;
    height: auto;
    position: relative;
    opacity: 1;
    transform: scale(1);
    transition: 1s all;
}

.load_home_page.active svg {
    opacity: 0;
    transform: scale(2);
}

#CR-home-page .why--sec .item .wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.load_home_page .wrap {
    display: inline-flex;
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    transform: scale(1.3);
    overflow: hidden;
}

.nav-column li.active>a, .nav-column li>a:hover, .nav-dropdown li.active>a, .nav-dropdown>li>a:hover, .nav-vertical-fly-out>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav>li>a:hover {
    color: #fff;
}

.scroll_to_buttom {
    content: '';
    background-image: url(../images/icon_scroll.svg);
    position: absolute;
    bottom: 4rem;
    left: 1.5rem;
    width: 1.2rem;
    height: 6.4rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 9;
    animation: hu__hu__ infinite 2s ease-in-out;
    cursor: pointer;
}

@keyframes hu__hu__ {
    50% {
        transform: translateY(30px)
    }
}

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

ul.nav_right_head li {
    margin: 0;
}

ul.nav_right_head li.language img {
    display: block;
    width: 1.25rem;
    height: 1rem;
}

ul.nav_right_head .hotline {
    background: #fff;
    height: 2.25rem;
    display: flex;
    align-items: center;
    border-radius: 5rem;
    flex-wrap: wrap;
    align-content: center;
    font-size: 0.5rem;
    padding: 0 0.75rem 0 0.4rem;
    line-height: 1.4;
    margin-left: 1.5rem;
    position: relative;
}

ul.nav_right_head .hotline b {
    display: block;
    color: var(--7, #FF6100);
    font-size: 0.8rem;
    font-weight: 700 !important;
}

ul.nav_right_head .hotline svg {
    width: 1.75rem;
    height: 1.75rem;
    display: block;
}

ul.nav_right_head .hotline .icon {
    margin-right: 0.1rem;
}

ul.nav_right_head .hotline:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 100%;
    height: 120%;
    background: #fff;
    border-radius: 5rem;
    animation: pulse-border 1000ms ease-out infinite;
    z-index: -1;
}

.header-nav>li>a:before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 4px;
    width: 0;
    transition: .5s all;
    background: #fff;
    bottom: 0;
    border-radius: 10px 10px 0px 0px;
}

.header-nav>li>a:hover:before {
    width: 100%;
}

.scroll_to_buttom svg {
    display: none;
}

.project_lists .banner .text-box {
    height: 10rem;
}

.project_lists .banner .text-box .text {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 7;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.banner_page.banner_about .banner:before, .banner_page.banner_about .banner:after {
    content: '';
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.64) 0%, rgba(0, 0, 0, 0.00) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}

.banner_page.banner_about .banner:after {
    left: unset;
    right: 0;
    background: linear-gradient(-90deg, rgba(0, 0, 0, 0.64) 0%, rgba(0, 0, 0, 0.00) 100%);
}

.banner_page .banner h1, .banner_page .banner h2, .banner_page .banner h3 {
    font-size: 3.5rem;
    font-weight: 800;
}

.banner_page .banner .text {
    font-weight: 500;
}

.breadcrumbs.text {
    bottom: 2rem;
    width: 100%;
    z-index: 9;
    margin-top: 1.5rem;
}

.breadcrumbs.text * {
    font-style: unset !important;
    font-size: 0.75rem;
    font-weight: 400;
    color: #D9D9D9;
}

.breadcrumbs.text ul {
    display: flex;
    list-style: none;
    margin: 0;
    font-style: unset !important;
    align-items: center;
}

.breadcrumbs.text ul li {
    margin: 0;
}

.about_sec_2 {
    padding: 7.25rem 0 9rem !important;
}

.about_sec_2 .group_heading {
    margin-bottom: 4.5rem;
}

.about_sec_2 .gallery-col {
    padding: 0 0.5rem !important;
    border-radius: 1.5rem;
    overflow: hidden;
}

.about_sec_2 .gallery-col img {
    width: 100%;
    display: block;
    height: 26.5rem;
    object-fit: cover;
    transform: scale(1);
    transition: .5s all;
}

.about_sec_2 .gallery-col a {
    border-radius: 1.5rem;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}

.about_sec_2 .gallery-col .box-text {
    display: none;
}

.about_sec_2 .gallery-col:nth-child(odd) {
    margin-top: 2.75rem;
}

.about_sec_2 .gallery-col:hover img {
    transform: scale(1.2);
}

.about_sec_3 {
    padding: 0 !important;
}

.about_sec_3 .group_heading {
    max-width: 29rem;
}

.wrap_gallery .col {
    padding: 0 !important;
}

.wrap_gallery>.col-inner {
    width: calc(100% + calc(calc(100vw - 72.85rem)/2));
    flex: unset;
}

.wrap_gallery .img-inner {
    padding-bottom: 100%;
    position: relative;
}

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

.wrap_gallery .img-inner img:hover {
    transform: scale(.95);
}

.about_sec_4 {
    padding: 9rem 0 !important;
}

.about_sec_4 .box_img img {
    display: block;
    width: 100%;
    border-radius: 1.5rem;
    max-width: 29.75rem;
}

.about_sec_4 .list_items .icon-box-img {
    width: auto !important;
    margin-right: 1.2rem;
}

.about_sec_4 .list_items .icon-box-img .icon-inner {
    width: 2.5rem;
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
}

.about_sec_4 .list_items .icon-box-img .icon-inner img {
    max-width: 100%;
}

.about_sec_4 .list_items .icon-box-text {
    padding: 0;
    font-size: 0.9rem;
}

.about_sec_4 .list_items h1,.about_sec_4 .list_items h2,.about_sec_4 .list_items h3 {
    font-size: 0.9rem;
    font-weight: 700;
    margin-bottom: 0.4rem;
}

.about_sec_4 .list_items .icon-box+.icon-box {
    margin-top: 1.25rem !important;
}

.about_sec_5 {
    padding: 7.5rem 0 27.2rem !important;
}

.slider_logo a {
    width: 100%;
    height: 5.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    background: var(--1, #FFF);
    box-shadow: 0rem 0.2rem 1.5rem 0rem rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.slider_logo a img {
    max-height: 5rem;
    width: auto;
    max-width: 90%;
    display: block;
    margin: auto;
    transition: .5s all;
    transform: scale(1);
}

.slider_logo .img {
    padding: 0 0.65rem !important;
}

.slider_logo a:hover img {
    transform: scale(1.1);
}

.about_sec_5 .group_heading {
    margin-bottom: 2.25rem !important;
}

.about_sec_4 .bg:before {
    background-image: url(../images/hoa_tiet_ab_sec_4.svg);
    width: 25.45rem;
    height: 48.35rem;
    top: 0;
}

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

.contact_sec_2 {
    padding: 5rem 0 6rem !important;
}

.info_contact .icon-box-img {
    width: auto !important;
}

.info_contact .icon-box-img .icon-inner {
    width: 3.3rem;
    height: 3.3rem;
    background: #FF6100;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5rem;
}

.info_contact .icon-box-img .icon-inner img {
    max-width: 60%;
    max-height: 60%;
    width: auto;
    height: auto;
    display: block;
}

.info_contact .icon-box-text {
    padding-left: 1.4rem !important;
    font-size: 0.9rem;
}

.info_contact .icon-box-text strong {
    font-size: 1.25rem;
}

.info_contact .col {
    padding: 0 3.5rem !important;
}

.info_contact {
    max-width: calc(72rem + 5rem);
    margin-bottom: 4.5rem;
}

.info_contact .icon-box {
    flex-flow: unset !important;
}

.info_contact .col+.col {
    border-left: 1px solid rgb(108 108 108 / 20%);
}

.contact_sec_3 {
    padding: 5rem 0 !important;
}

.wrap_form input, .wrap_form textarea {
    height: 2.5rem;
    width: 100%;
    box-shadow: none !important;
    font-size: 0.8rem;
    padding: 0 1.4rem;
    line-height: normal;
    border-radius: 5rem;
    border: 1px solid #C8D2D9;
    transition: .3s all;
    margin-bottom: 1rem;
}

.wrap_form input::placeholder, .wrap_form textarea::placeholder {
    opacity: .5;
}

.wrap_form input:focus {
    border-color: #FF6100;
}

.wrap_form textarea {
    border-radius: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.mb_30 {
    margin-bottom: 1.5rem;
}

.wrap_form input[type="submit"] {
    width: auto;
    text-transform: unset;
    background: var(--7, #FF6100);
    padding: 0 2.75rem;
    border: none;
    font-size: 0.9rem;
    font-weight: 400;
    margin-top: 0.75rem;
}

.nav_tabs .icon-box {
    border-radius: 0.5rem;
    background: #F5F5F5;
    padding: 2.25rem 2.5rem 2.25rem 1.5rem;
    font-size: 0.8rem;
    cursor: pointer;
    transition: .3s all;
}

.nav_tabs .icon-box p {
    margin: 0;
}

.nav_tabs .icon-box h1, .nav_tabs .icon-box h2, .nav_tabs .icon-box strong {
    color: var(--7, #FF6100) !important;
    font-size: 1.25rem;
    margin-bottom: 0.3rem;
    display: block;
}

.nav_tabs .icon-box br {
    display: none;
}

.nav_tabs .icon-box+.icon-box {
    margin-top: 0.75rem;
}

.nav_tabs .icon-box.active {
    background: var(--7, #FF6100);
}

.nav_tabs .icon-box.active>* {
    filter: brightness(0) invert(1);
}

.nav_tabs .icon-box>* {
    transition: .3s all;
}

div#load_map p {
    margin: 0;
}

div#load_map iframe {
    width: 100%;
    border-radius: 0.5rem;
    height: 29.7rem;
}

.contact_sec_3 .bg:before {
    left: -2rem;
}

.contact_sec_3 .bg:after {
    bottom: -16rem;
    right: -12rem;
    width: 32.05rem;
    height: 54.4rem;
}

.menu_support {
    max-width: 19.75rem;
}

.menu_support li {
    border: none !important;
}

.menu_support li a {
    border: none !important;
    padding: 0.75rem 1.75rem !important;
    display: block !important;
    border: 1px solid #E0E0E0 !important;
    border-radius: 0 5rem 5rem 0;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--8, #333);
    transition: .3s all;
}

.menu_support li +li {
    margin-top: 0.6rem !important;
}

.menu_support li a:hover,.menu_support li.current_page_item a {
    background: var(--7, #FF6100);
    color: #fff;
}

.support_sec_2 {
    padding: 5rem 0 7.5rem !important;
}

.support_sec_2 .section-title {
    border-bottom: 1px solid rgba(51, 51, 51, 0.20);
    color: var(--7, #FF6100);
    margin-bottom: 2.5rem;
    padding: 0.45rem 0;
}

.support_sec_2 .section-title b {
    display: none;
}

.support_sec_2 .section-title span:before {
    border: none !important;
    text-transform: unset;
    font-size: 2.5rem;
    font-weight: 600;
    background: var(--7, #FF6100);
    width: 0.2rem;
    border-radius: 5rem;
    left: -3rem;
    height: 59%;
    top: 1.2rem;
}

.support_sec_2 .box_content {
    border-radius: 1rem;
    background: #F9F9F9;
    box-shadow: 0 0 1.5rem #e1e1e1;
    padding: 1.5rem 3rem 1.5rem;
}

.support_sec_2 .box_content .text {
    font-size: 0.8rem;
}

.support_sec_2 .box_content .text h3 {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
}

.section-title-normal span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
}

.support_sec_2 .section-title span {
    padding: 0 !important;
    border: none !important;
    text-transform: unset;
    font-size: 2.5rem;
    font-weight: 600;
}

.accordion-item a {
    border: none !important;
    display: flex !important;
    padding=l: 0;
    outline: none !important;
    padding-left: 0 !important;
    font-size: 1.2rem;
    background: transparent !important;
    padding: 1.15rem 2rem 1.15rem 0 !important;
    font-weight: 400 !important;
}

.accordion-item a button {
    order: 2;
}

.accordion-item a button {
    left: unset !important;
    right: 0 !important;
    margin: 0 !important;
}

.accordion .toggle {
    top: 1.3rem;
    opacity: 1 !important;
    font-size: .8rem !important;
}

.accordion-item {
    border-bottom: 1px solid rgb(108 108 108 / 20%);
}

.accordion {
    margin-top: -2.4rem !important;
    margin-bottom: 2.5rem !important;
}

.accordion-inner {
    padding-left: 0;
    font-size: 1rem;
}

.accordion-item a.active {
    font-weight: 700 !important;
}

.accordion+.section-title-container .section-title {
    border: none;
    margin-bottom: 0;
}

.mb_30 {
    margin-bottom: 1.5rem !important;
}

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

.news_sec_2 {
    padding: 5rem 0 !important;
}

.news_sec_2 .wrap_posts_left {
    margin-top: 0;
    width: calc(58% - 1.5rem);
    margin-right: 1.5rem;
}

.news_sec_2 .wrap_posts_right {
    margin-top: 0 !important;
}

.news_sec_2 .wrap_posts_right * {
    color: #000;
}

.news_sec_2 .wrap_posts_left * {
    color: #000;
}

.news_sec_2 .wrap_posts_right .item_post .box_img {
    height: 8rem;
}

.news_sec_2 .wrap_posts_left .item_post .box_img {
    height: 27rem;
}

.news_sec_2 .wrap_posts_right .item_post+.item_post {
    margin-top: 1.5rem;
}

.news_sec_3 {
    padding: 4rem 0 5rem !important;
}

.news_sec_3 .slider_uu_dai .slick-arrow {
    left: -4rem;
    top: 50%;
    transform: translateY(-50%);
}

.news_sec_3 .slider_uu_dai .slick-arrow.slick-next {
    right: -4rem;
    left: unset;
}

.news_sec_4 {
    padding: 0 0 6.5rem !important;
}

.wrap_posts {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1rem;
}

.wrap_posts .item_post {
    width: calc(calc(100% / 3) - 2rem);
    margin: 0 1rem 2.5rem;
}

.wrap_posts .item_post .box_img {
    height: 14rem;
}

.wrap_posts .item_post * {
    color: #231F20;
}

.wrap_posts .item_post h3 {
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
}

.wrap_posts .item_post .dot {
    background: #231F20 !important;
}

.news_sec_2 .wrap_posts_right .dot {
    background: #000 !important;
}

.news_sec_4 .wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}

.box_menu a {
    padding: 0 !important;
}

.box_menu li {
    border: none !important;
}

.box_menu ul {
    display: flex;
    border-radius: 5rem;
    margin: 0.25rem 0 0 0;
    justify-content: center;
}

.box_menu ul a {
    padding: 0.6rem 1.5rem !important;
    color: #FF6100;
    text-align: center;
    font-size: 0.9rem;
    border-radius: 5rem;
    transition: .3s all;
    border: 1px solid #FF6100;
    Colors Hex Hex Border colors #FF6100; }

.box_menu ul a: hover, .box_menu ul .current-menu-item a,.box_menu ul a.active {
    background: #FF6100;
    color: #fff !important;
}

.single-post header#header {
    /* position: fixed; */
}

section.post_details {
    padding: 5rem 0;
}

section.post_details .wrap_title {
    text-align: center;
    margin: 0 auto 2.5rem;
    align-items: center;
}

section.post_details .wrap_title h2 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: .7rem;
    text-align: left;
}

section.post_details .wrap_title .date_post {
    color: var(--7, #FF6100);
    font-size: 0.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

section.post_details .wrap_title .date_post .dot {
    width: 0.2rem;
    height: 0.2rem;
    background: var(--7, #FF6100);
    display: inline-block;
    border-radius: 5rem;
    margin: 0 0.5rem;
}

section.post_details .banner img {
    display: block;
    width: 100%;
    border-radius: 1rem;
}

section.post_details .banner {
    margin-bottom: 2rem;
    position: unset;
    border-radius: 1rem;
    overflow: hidden;
}

.content.content_post {
    font-size: 0.8rem;
    color: #333;
    margin: auto;
    margin-top: 50px;
}

.content.content_post img {
    display: block;
    border-radius: 1rem;
}

.content.content_post .nav_bottom {
    border-top: 1px solid #DADADA;
    padding-top: 1.5rem;
    display: flex;
    justify-content: space-between;
    margin-top: 2.4rem;
}

.content.content_post .nav_bottom>* {
    display: flex;
    align-items: center;
}

.content.content_post .nav_bottom ul {
    display: flex;
    list-style: none;
    margin: 0 !important;
}

.content.content_post .nav_bottom ul li {
    margin: 0 !important;
    padding: 0 !important;
}

.content.content_post .nav_bottom span {
    color: var(--3, #231F20);
    font-size: 0.8rem;
    font-weight: 700;
    display: block;
    margin-right: 1rem;
}

.content.content_post .nav_bottom .tags li {
    border-radius: 5rem;
    background: #F4F4F4;
    color: var(--3, #231F20);
    font-size: 0.8rem;
    padding: 0.3rem 1rem !important;
    display: inline-block;
    transition: .3s all;
}

.content.content_post .nav_bottom .tags li+li {
    margin-left: 1rem !important;
}

.share a {
    width: 1.8rem;
    height: 1.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #FF6100;
    border-radius: 5rem;
    transition: .3s all;
}

.share li+li {
    margin-left: 0.35rem !important;
}

.content.content_post .nav_bottom .share li+li {
    margin-left: 0.35rem !important;
}

.header, .header-wrapper {
    z-index: 9999;
}

.post_related .wrap_post {
    display: block !important;
}

.post_related .wrap_posts {
    display: block !important;
}

.post_related {
    padding-top: 4.5rem;
}

.comment_bottom {
    margin: 2.5rem -0.5rem 0;
}

.fb_iframe_widget_fluid_desktop, .fb_iframe_widget_fluid_desktop span, .fb_iframe_widget_fluid_desktop iframe {
    max-width: 100% !important;
    width: 100% !important;
}

.category header#header {
    position: fixed;
}

ul.fixed_button {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 99;
    list-style: none;
    margin: 0;
}

ul.fixed_button a {
    /*width: 2.75rem;*/
    height: 2.75rem;
    background: #231F20;
    border-radius: 0.25rem 0 0 0.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: .3s all;
}

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

ul.fixed_button li {
    margin: 0.1rem 0;
}

ul.fixed_button a:hover {
    background: #FF6100;
}

.about_sec_3 .group_heading strong {
    margin-bottom: .5rem;
    display: block;
}

.img_border img {
    border-radius: 1rem 0 0 0;
}

.support_sec_2 .large-4>.col-inner {
    position: sticky;
    top: 8rem;
}

.support_sec_2 .box_content .text img {
    margin-top: 1.7rem;
}

nav.breadcrumb svg {
    display: block;
}

.accordion-inner>p:last-child {
    margin: 0;
}

.accordion-inner p {
    font-size: .8rem;
}

.accordion-inner {
    padding-top: 0;
}

#ez-toc-container {
    width: 100%;
    border-radius: 1.5rem;
    background: #F9F9F9;
    box-shadow: 0 0 0.5rem #0000001a;
    border: none;
    padding: 0;
}

.ez-toc-title-container {
    padding: 1.5rem 2.5rem 1rem;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700 !important;
}

div#ez-toc-container .ez-toc-title {
    font-weight: 700;
    font-size: 1.25rem;
}

#ez-toc-container nav>ul {
    padding: 1rem 2.5rem;
    border-top: 1px solid #E6E6E6;
}

#ez-toc-container nav a {
    color: #333;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
}

#ez-toc-container nav li+li {
    margin-top: 0.5rem !important;
}

.ez-toc-counter nav ul li a::before {
    display: none;
}

#ez-toc-container a:hover {
    color: var(--7, #FF6100);
}

.header-nav li.current-menu-item> a:before {
    width: 100%;
}

.nav_tabs .icon-box img {
    margin-top: .35rem;
    height: 1.2rem;
    width: auto;
}

section.section {
    display: block;
}

.project_sec_1 {
    padding: 17rem 0 20rem;
    background: #F9F9F9;
}

.background {
    position: absolute;
    bottom: 0;
}

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

.background:before {
    content: '';
    width: 100%;
    background: linear-gradient(180deg, #f9f9f9 20%, rgba(255, 255, 255, 0.17) 76.28%, rgba(255, 255, 255, 0.00) 100%);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.project_sec_1 .box_content {
    max-width: 32rem;
}

.project_list_item_sec_1 .item {
    display: flex;
    align-items: center;
    font-size: 0.9rem;
}

.project_list_item_sec_1 .item b {
    display: block;
}

.project_list_item_sec_1 .item .wrap_content {
    line-height: normal;
}

.project_list_item_sec_1 .item .icon {
    width: 2.25rem;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: 1rem;
}

.project_list_item_sec_1 .item .icon img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.project_list_item_sec_1 .item+.item {
    margin-top: 2.6rem;
}

.project_list_item_sec_1 {
    margin-left: 5rem;
}

.group_heading.group_title h2 {
    font-weight: 800;
    margin-bottom: 1.5rem;
}

.group_heading.group_title h2 span {
    font-weight: 300;
}

.project_sec_1:before {
    background-image: url(../images/project_hoa_tiet_sec_1.svg);
    width: 29.65rem;
    height: 25.15rem;
    top: 0;
    left: 0;
}

.project_sec_1:after,.project_sec_4:after {
    background-image: url(../images/project_oa_tiet_sec_1_2.svg);
    width: 24.65rem;
    height: 16.7rem;
    z-index: 2;
    top: 22rem;
    bottom: unset;
}

.text_white * {
    color: #fff;
}

.project_sec_2 .box_img img {
    width: calc(100% + calc(calc(100vw - 71rem) / 2));
    max-width: calc(100% + calc(calc(100vw - 71rem) / 2));
}

.project_sec_2 .row {
    display: flex;
    align-items: flex-end;
}

.project_sec_2 .group_heading {
    margin-bottom: 8rem;
}

.project_sec_2 {
    padding: 0;
}

.project_sec_2:before {
    content: '';
    position: absolute;
    background-image: url(../images/logo_hoa_tiet.svg);
    width: 63.35rem;
    height: 33.65rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    top: 1.5rem;
}

.project_sec_3 {
    padding: 6.5rem 0 26rem;
    background: #F9F9F9;
}

.project_sec_3 .group_heading {
    margin-bottom: 5rem;
}

.slider_lien_ket .inner {
    width: 7.1rem;
    height: 7.1rem;
    display: flex;
    box-shadow: 0rem 0rem 1.5rem 0rem rgba(0, 0, 0, 0.10);
    border-radius: 5rem;
    overflow: hidden;
    border: 0.3rem solid #fff;
}

.project_sec_3 .background:before {
    background: linear-gradient(180deg, #F9F9F9 20%, rgba(255, 255, 255, 0.17) 76.28%, rgba(255, 255, 255, 0.00) 100%);
}

.slider_lien_ket .box_img:before {
    content: '';
    background-image: url(../images/icon_box.svg);
    width: 52px;
    height: 48px;
    position: absolute;
    bottom: 34px;
    left: 50%;
    transform: translateX(-50%);
}

.slider_lien_ket .box_img {
    position: relative;
}

.slider_lien_ket .inner img {
    position: relative;
}

.slider_lien_ket .box_content b {
    color: var(--7, #FF6100);
    font-size: 2.5rem;
    line-height: 1;
}

.slider_lien_ket .box_content b span {
    font-weight: 300;
    font-size: 1.25rem;
}

.slider_lien_ket .box_content .text {
    font-size: 0.8rem;
}

.slider_lien_ket .item {
    height: 24.5rem;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    position: relative;
}

.slider_lien_ket .item>* {
    height: 50%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.slider_lien_ket .item .box_content >* {
    width: 100%;
}

.slider_lien_ket .item:nth-child(even) .box_img {
    order: 2;
}

.slider_lien_ket .item:nth-child(even) .box_img:before {
    transform: translateX(-50%) rotateX(180deg);
    bottom: unset;
    top: 1.7rem;
}

.slider_lien_ket:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    opacity: 0.8;
    background: linear-gradient(270deg, rgba(183, 183, 183, 0.00) 0%, #B7B7B7 50.15%, rgba(183, 183, 183, 0.00) 99.04%);
}

.slider_lien_ket .item:before {
    width: 1.1rem;
    height: 1.1rem;
    content: '';
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    border: 1px solid #B0B0B0;
    background: #F9F9F9;
    z-index: 2;
    border-radius: 50%;
}

.slider_lien_ket {
    margin-top: -2.5rem;
}

.project_list_sec_4:after {
    display: none;
}

.project_sec_4 {
    background: #F9F9F9;
    padding-top: 6rem;
    padding-bottom: 2rem;
}

.project_list_sec_4 h3 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.project_list_sec_4 ul {
    list-style: none;
    margin: 0 -1rem;
    display: flex;
    flex-wrap: wrap;
}

.project_list_sec_4 ul li {
    display: flex;
    align-items: center;
    width: 50%;
    padding: 0 1rem;
    color: #444;
    font-size: 0.75rem;
}

.project_list_sec_4 ul li svg {
    width: 1.2rem;
    height: auto;
    margin-right: 0.5rem;
}

.project_list_sec_4 {
    margin-bottom: 7rem;
    margin-top: 4.5rem;
}

.project_sec_4 .box_content h3 {
    color: var(--8, #333);
    font-size: 1.5rem;
    font-weight: 600;
}

.project_sec_4 .box_content .text {
    font-size: 0.9rem;
}

.slider_tien_ich .item {
    padding: 0 1.25rem;
}

.slider_tien_ich .slick-list {
}

.slider_tien_ich .inner {
    height: 34rem;
    position: relative;
    border-radius: 1.5rem;
    overflow: hidden;
}

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

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

.slider_tien_ich .box_content {
    padding: 0 11.25rem 3rem;
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 2;
}

.slider_tien_ich .item {
    position: relative;
}

.slider_tien_ich .box_content * {
    color: #fff;
}

.slider_tien_ich .item h3 {
    color: #FFF;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.slider_tien_ich .item .content {
    font-size: 0.9rem;
}

.project_sec_5 .group_heading.group_title h2 {
    margin-bottom: 0.5rem;
}

.wrap_tabs {
    height: calc(100vh - 3rem);
    overflow: hidden;
}

.wrap_tabs .slider_gallery {
    height: 100% !important;
    border-radius: 0;
}

.wrap_tabs .slider_gallery img {
    height: 100vh !important;
}

.wrap_tabs .item_tab {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: .5s all;
}

.box_video {
    height: 100%;
}

.box_video img {
}

.box_video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

ul.nav_tabs {
    position: absolute;
    bottom: 3rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    display: flex;
    list-style: none;
    margin: 0;
}

.box_video a {
}

ul.nav_tabs a {
    background: #FFF;
    border-radius: 5rem;
    min-width: 7.5rem;
    padding: 0 1.1rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--8, #333);
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 600;
    margin: 0 0.25rem;
    transition: .3s all;
}

ul.nav_tabs li {
    margin: 0;
}

ul.nav_tabs a:hover, ul.nav_tabs a.active {
    background: var(--7, #FF6100);
    color: #fff
}

.wrap_tabs .item_tab.active {
    z-index: 2;
    pointer-events: unset;
    opacity: 1;
}

.slider_tien_ich .slick-arrow {
    top: -7rem;
    right: -6rem;
    transform: unset;
    background: transparent;
}

.slider_tien_ich .slick-arrow.slick-prev {
    left: unset;
    right: -3rem;
}

.slider_tien_ich .slick-arrow:hover {
    background: #FF6100;
}

.project_sec_4:after {
    background-image: url(../images/hoa_tiet_project_sec_4.svg);
    width: 36.5rem;
    height: 16.5rem;
    top: 34rem;
    right: 3rem;
}

.project_sec_7 {
    padding: 0 !important;
}

.item_tab .box_video {
    background: rgb(0 0 0);
}

.item_tab .box_video>img {
    opacity: .6;
}

a.button_play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 120px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 100px;
}

a.button_play:before,a.button_play:after {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 110%;
    height: 110%;
    background: transparent;
    border-radius: 5rem;
    animation: pulse-border 1000ms ease-out infinite;
    z-index: -1;
    border: 1px solid #fff;
}

a.button_play svg {
    width: 30px;
    height: auto;
}

a.button_play:after {
    width: 120%;
    height: 120%;
}

.for_tabs_cs .item {
    display: none;
}

.for_tabs_cs .item_tab_cs {
    display: none;
}

.project_sec_8 {
    padding: 5.5rem 0 10rem;
    background: #F4F4F4;
}

ul.tabs_cs {
    list-style: none;
    margin: 2rem 0 0 0;
    max-width: 13.8rem;
}

ul.tabs_cs a {
    display: flex;
    align-items: center;
    background: var(--8, #333);
    font-size: 0.85rem;
    color: #fff;
    border-radius: 5rem;
    height: 2.5rem;
    padding: 0 2rem 0 1.5rem;
    transition: .5s all;
}

ul.tabs_cs a svg {
    width: 1.15rem;
    flex: 0 0 auto;
    margin-right: 0.5rem;
}

ul.tabs_cs a:hover,ul.tabs_cs a.active {
    background: var(--7, #FF6100);
}

ul.tabs_cs li {
    margin: 0;
}

ul.tabs_cs li+li {
    margin-top: 0.75rem;
}

.project_sec_8 .box_content {
    max-width: 17.5rem;
}

.project_sec_9 {
    padding: 5rem 0 8.75rem;
}

.wrap_dt {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.box_img {
}

.wrap_dt .item {
    width: 11.6rem;
    cursor: pointer;
}

.wrap_dt .item .box_img {
    width: 100%;
    height: 6.0054rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    background: #FFF;
    box-shadow: 0rem 0.2rem 1.5rem 0rem rgba(0, 0, 0, 0.05);
    margin-bottom: 0.5rem;
}

.wrap_dt .item .box_img img {
    max-width: 80%;
    max-height: 80%;
    width: auto;
    height: auto;
    transform: rotateY(0deg);
    transition: 2s all;
}

.wrap_dt .item h3 {
    font-size: 0.9rem;
    font-weight: 500;
    text-align: center;
    margin: 0.5rem 0 0 0;
}

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

.project_sec_9 .group_title {
    margin-bottom: 3.75rem;
}

.project_sec_9 {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.wrap_form_project {
    margin-top: 7.5rem;
    border-radius: 1.5rem;
    background: #FFF;
    box-shadow: 0rem 0.2rem 2.5rem 0rem rgba(20, 45, 101, 0.08);
    display: flex;
    overflow: hidden;
}

.wrap_form_project .box_img {
    width: 26.25rem;
    flex: 0 0 auto;
    height: 100%;
}

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

.wrap_form_project .form_project {
    padding: 1.45rem 4rem;
    display: flex;
    align-items: center;
}

.wrap_form_project .form_project h3 {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0;
}

.wrap_form_project .form_project .content {
    font-size: 0.9rem;
    margin-bottom: 1.7rem;
    margin-top: 0.25rem;
}

.wrap_form_project .form_project h3 b {
    font-weight: 700;
}

.wrap_form label {
    font-size: 0.7rem;
    font-weight: 700;
}

.form_project .wrap_form input:not([type="submit"]) {
    border-color: #D0D5E0;
    color: #333;
}

.form_project .wrap_form input::placeholder, .form_project .wrap_form textarea::placeholder {
    color: #666;
}

#title_project {
    display: none;
}

.project_page .box_menu ul {
    display: inline-flex;
    margin: 0;
    background: #fff;
}

.project_page {
    background: #F9F9F9;
    padding: 3.25rem 0 5rem;
}

.wrap_project {
    display: flex;
    flex-wrap: wrap;
    margin: 3.25rem -0.5rem 0;
}

.project_item {
    width: calc(calc(100% / 3) - 1rem);
    margin: 0 0.5rem 1rem;
    position: relative;
}

.project_item .box_img {
    padding-bottom: 100%;
    position: relative;
    border-radius: 1.5rem;
    overflow: hidden;
    margin-bottom: 1.5rem;
}

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

.project_item .box_img span {
    padding: 0.55rem 1rem 0.5rem 1rem;
    position: absolute;
    top: 1.5rem;
    left: 0;
    background: var(--7, #FF6100);
    z-index: 2;
    color: #fff;
    line-height: normal;
    border-radius: 0 5rem 5rem 0;
    font-size: 0.7rem;
    font-weight: 600;
}

.project_item h3 {
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 0.15rem;
}

.project_item b {
    font-size: 0.8rem;
    font-weight: 500;
}

.project_item .wrap {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #C8D2D9;
    border-bottom: 1px solid #C8D2D9;
    padding: 0.9rem 0;
    margin: 1rem 0 0.75rem;
    font-size: 0.8rem;
}

.project_item .content {
    font-size: 0.8rem;
}

.project_item .button_style {
    display: none;
}

.project_item .wrap b {
    font-weight: 700;
}

.project_item:first-child {
    width: 100%;
    display: flex;
    align-items: center;
}

.project_item:first-child .box_img {
    width: calc(66.666666% - 0.5rem);
    padding: 0;
    height: 26.25rem;
    flex: 0 0 auto;
    margin-right: 2rem;
}

.project_item:first-child h3 {
    font-size: 1.9rem;
    font-weight: 800;
}

.project_item:first-child .button_style {
    display: inline-flex;
    margin-top: 2.25rem;
}

.project_item:hover .box_img img {
    transform: scale(1.2);
}

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

li.thenativePaginationStart, .thenativePaginationPrev, .thenativePaginationNext,.thenativePaginationEnd {
    display: none;
}

ul.thenativePagination a {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #333;
    border-radius: 5rem;
    margin: 0 0.35rem;
}

ul.thenativePagination .active a {
    background: var(--7, #FF6100);
    color: #fff;
    border-color: var(--7, #FF6100);
}

.gm-style .gm-style-iw-c {
    max-width: 16rem !important;
    padding: .5rem !important;
    display: flex;
    flex-direction: unset;
}

.product_sec_1 {
    padding: 0 !important;
}

.slider_for_product .inner {
    height: 33.25rem;
    position: relative;
    border-radius: 1rem;
    margin: 0 0.5rem !important;
    overflow: hidden;
    background: #fff;
}

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

.slider_for_product {
    max-width: 60rem;
    margin: 0 auto 0.75rem;
}

.slider_for_product .slick-list {
    overflow: unset;
}

.slider_for_product .slick-arrow {
    left: -11rem;
    background: rgb(255 255 255 / 20%);
}

.slider_for_product .slick-arrow.slick-next {
    right: -11rem;
    left: unset;
}

.slider_for_product .slick-current.slick-active .inner img {
    opacity: 1;
}

.slider_for_product .slick-arrow path {
    stroke: #fff;
}

.slider_for_product .slick-arrow:hover {
    background: #FF6100;
}

.slider_nav_product .inner {
    height: 6rem;
    position: relative;
    border-radius: 0.5rem;
    overflow: hidden;
    margin: 0 0.4rem;
    border: 0.1rem solid #fff;
    transition: .5s all;
    cursor: pointer;
}

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

.slider_nav_product .slick-current.slick-active .inner, .slider_nav_product .slick-current.slick-slide.slick-center .inner {
    border: 0.1rem solid var(--7, #FF6100);
}

.nav_gallery {
    background: #F5F5F5;
    margin-top: 0.8rem;
}

.nav_gallery .col {
    display: flex;
    justify-content: center;
}

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

.nav_gallery .box_right {
    display: flex;
    align-items: center;
    display: none;
}

.nav_gallery li {
    margin: 0 !important;
    position: relative;
}

.box_share {
    position: absolute;
    opacity: 0;
    display: flex;
    background: #c8c8c8;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
}

ul.nav_left a {
    color: #FF6100;
    display: flex;
    align-items: center;
    font-size: 0.8rem;
    min-height: 3rem;
    padding: 0 1.9rem;
    transition: .5s all;
}

ul.nav_left a svg {
    width: 1.2rem;
    height: auto;
    margin-right: 0.4rem;
}

ul.nav_left a:hover {
    background: #ff61001f;
    border-color: var(--7, #FF6100);
}

ul.nav_right svg {
    display: block;
    width: 1.5rem;
    height: auto;
}

ul.nav_right a {
    display: inline-flex;
    padding: 0 0.75rem;
    justify-content: center;
    align-items: center;
    min-height: 3rem;
    transition: .5s all;
}

.nav_gallery .button_style {
    min-height: 3rem;
}

ul.nav_right a:hover {
    background: var(--7, #FF6100);
}

.box_share a {
    width: 2.5rem;
    height: 2.5rem;
    min-height: unset !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box_share a svg {
    width: 1rem;
    height: auto;
}

.box_share a path {
    fill: #fff;
}

.nav_gallery li:hover .box_share {
    opacity: 1;
    pointer-events: unset;
}

.product_sec_2 nav.breadcrumb ul {
    list-style: none;
    margin: 0;
    display: flex;
    filter: brightness(0) invert(0);
    display: flex;
    align-items: center;
}

.product_sec_2 nav.breadcrumb ul * {
    font-style: unset;
}

.product_sec_2 nav.breadcrumb ul svg {
    display: block;
}

.product_sec_2 nav.breadcrumb ul * {
    font-size: 0.75rem;
    opacity: 1;
    color: #333;
}

.product_sec_2 nav.breadcrumb ul li {
    margin: 0;
}

.product_sec_2 nav.breadcrumb {
    padding: 0 0.75rem;
    margin-bottom: 1.5rem;
}

.product_sec_2 nav.breadcrumb span.divider {
    margin: 0 0.5rem;
}

.product_sec_2 nav.breadcrumb li.title_single * {
    font-weight: 600;
}

div#thong_tin_du_an .item {
    position: relative;
}

.product_sec_2 .wrap_title {
}

.product_sec_2 .wrap_title h1 {
    font-size: 1.75rem;
    margin-bottom: 0.5rem;
}

.product_sec_2 .wrap_title .address {
    display: flex;
    align-items: center;
    font-size: 0.75rem;
}

.product_sec_2 .wrap_title .address svg {
    width: 0.8rem;
    flex: 0 0 auto;
    margin-right: 0.25rem;
}

.product_sec_2 .wrap_title .address a {
    color: var(--7, #FF6100);
    text-decoration: underline;
    margin-left: 0.5rem;
}

.product_sec_2 .wrap_title .wrap_right {
}

.product_sec_2 .wrap_title .wrap_right .price {
    font-size: 2rem;
    color: #FF6100;
    font-weight: 700;
    flex: 0 0 auto;
    line-height: 1;
}

.product_sec_2 .wrap_title .wrap_right .price span {
    font-weight: 400;
    font-size: 1.5rem;
}

.product_sec_2 .wrap_title .price_m {
    font-size: 0.7rem;
    opacity: .8;
    color: #FF6100;
    margin-left: .4rem;
}

.box_menu .product_menu a {
    font-size: 0.7rem;
    padding: 0.5rem 0.5rem !important;
}

html[lang="en-GB"] .box_menu .product_menu a {
    font-size: 0.7rem;
    padding: 0.6rem 0.6rem !important;
}

.product_sec_2 .box_menu ul {
    background: #F5F5F5;
    box-shadow: 0rem 0.2rem 2rem 0rem rgba(0, 0, 0, 0.05);
    margin-top: 2rem;
    justify-content: space-between;
}

.wrap_info_product .item_info {
    padding: 1.25rem 0;
}

.wrap_info_product .item_info+.item_info {
}

.wrap_info_product .item_info>h2 {
    font-weight: 600;
    font-size: 1.5rem;
}

div#tong_quan ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

div#tong_quan ul li {
    width: calc(calc(50%));
    padding: 1.2rem 0;
    border-bottom: 1px solid #E6E6E6;
    display: flex;
    align-items: center;
}

div#tong_quan ul li span {
    display: block;
    color: #666;
    font-size: 0.7rem;
    line-height: normal;
}

div#tong_quan ul li .icon {
    width: 1.5rem;
    flex: 0 0 auto;
    margin-right: 0.3rem;
}

div#tong_quan ul li .icon svg {
    max-width: 100%;
    height: auto;
    display: block;
}

div#tong_quan ul li b {
    font-size: 1.1rem;
    font-weight: 600;
    line-height: normal;
}

div#tong_quan ul li b span {
    font-size: 0.8rem;
    font-weight: 600;
    line-height: normal;
    display: inline-block;
    color: var(--8, #333);
}

div#tong_quan ul li:nth-child(n+9) {
    border: none;
    padding-bottom: 0;
}

div#uu_diem .item {
    display: flex;
}

div#uu_diem .item>h3 {
    flex: 0 0 auto;
    width: 11.5rem;
    font-size: 0.9rem;
    font-weight: 600;
    margin-right: 1rem;
}

div#uu_diem .item .content {
    color: #444;
    font-size: 0.75rem;
    font-weight: 500;
}

div#uu_diem .item {
    padding: 1.5rem 0;
}

div#uu_diem .item+.item {
    border-top: 1px solid rgba(214, 214, 214, 0.50);
}

div#uu_diem .item:last-child {
    padding-bottom: 0;
}

div#tien_ich iframe {
    height: 26.5rem;
    width: 100%;
    border-radius: 1rem;
    display: block;
}

div#dich_vu .content ul {
    list-style: none;
    margin: 0;
}

div#dich_vu .content ul li {
    position: relative;
    display: flex;
    align-items: center;
}

div#dich_vu .content ul li:before {
    content: '';
    background-image: url(../images/icon_check.svg);
    width: 1.2rem;
    height: 1.2rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    flex: 0 0 auto;
    display: inline-block;
    margin-right: .5rem;
}

div#dich_vu .content {
    color: #444;
    font-size: 0.75rem;
    font-weight: 500;
}

div#dich_vu .wrap {
    display: flex;
    justify-content: space-between;
}

div#dich_vu .wrap .item {
    width: 50%;
}

div#dich_vu .wrap .item>h2 {
    font-size: 1.5rem;
    font-weight: 600;
}

div#cong_dong {
    border-top: none;
    padding-top: 0;
}

div#cong_dong .item {
    margin: 0 0.5rem;
}

div#cong_dong .item .box_img {
    padding-bottom: 56.25%;
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    margin-bottom: 1.25rem;
}

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

div#cong_dong .item h3 {
    font-size: 0.9rem;
    font-weight: 700;
}

div#cong_dong .item .content {
    font-size: 0.75rem;
    color: #444;
    font-weight: 500;
}

div#thong_tin_du_an .item {
    display: flex;
    align-items: center;
    margin-top: 1.5rem;
}

div#thong_tin_du_an .item .box_img {
    flex: 0 0 auto;
    width: 22.85rem;
    height: 15.3rem;
    border-radius: 1rem;
    overflow: hidden;
    position: relative;
    margin-right: 2.5rem;
}

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

div#thong_tin_du_an .item:hover .box_img img {
    transform: scale(1.2);
}

div#thong_tin_du_an .item h3 {
    font-size: 1.25rem;
}

div#thong_tin_du_an .item .content {
    font-size: 0.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 1rem;
}

div#thong_tin_du_an .item .box_content {
    position: relative;
}

div#thong_tin_du_an .item .box_content a.button {
    position: relative;
    z-index: 20;
    height: 2.5rem;
}

.slider_cong_dong .slick-arrow, .wrap_posts_right.slider_posts_project .slick-arrow {
    top: -3rem;
    right: 0;
    transform: unset;
    width: 1.8rem;
    height: 1.8rem;
    min-height: unset;
    background: transparent;
    border: 1px solid #FF6100;
}

.slider_cong_dong {
    margin-top: 1rem;
}

.slider_cong_dong .slick-arrow svg, .wrap_posts_right.slider_posts_project .slick-arrow svg {
    max-width: 33% !important;
    height: auto;
    width: .4rem;
}

.slider_cong_dong .slick-arrow.slick-prev, .wrap_posts_right.slider_posts_project .slick-arrow.slick-prev {
    left: unset;
    right: 2.2rem;
}

.slider_cong_dong .slick-arrow:hover, .wrap_posts_right.slider_posts_project .slick-arrow:hover {
    background: #FF6100;
}

.wrap_posts_right.slider_posts_project {
    width: 100% !important;
    overflow: unset;
}

a {
    outline: none !important;
}

.wrap_posts_right.slider_posts_project .item_post {
    display: flex !important;
    margin: 1rem 0;
}

div#tien_do .news_sec_2 {
    padding: 0 !important;
}

div#tien_do .wrap {
    display: flex;
    padding-right: 6.5rem;
}

.box_sidebar_product>h3 {
    color: #FF6100;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.box_sidebar_product>.content {
    color: #444;
    font-size: 0.7rem;
    font-weight: 500;
    margin-bottom: 1.2rem;
}

.box_sidebar_product .wrap_form input:not([type="submit"]) {
    border: none !important;
    height: 2.5rem;
    margin-bottom: 0.5rem;
    padding: 0;
    border-bottom: 1px solid rgba(69, 69, 69, 0.20) !important;
    border-radius: 0;
    outline: none !important;
    background: transparent;
}

.box_sidebar_product .wrap_form input:focus {
    border: 1px solid var(--7, #FF6100);
}

.box_sidebar_product [data-name="your-subject"] input {
    height: 5.75rem;
    border-radius: 1.15rem;
}

.box_sidebar_product .wrap_form .content {
    color: #444;
    font-size: 0.6rem;
    font-style: normal;
    font-weight: 500;
}

.box_sidebar_product {
    max-width: 19.5rem;
    margin-left: auto;
    background: #FFF;
    padding: 1.5rem 1.75rem;
    border-radius: 1.5rem;
    position: sticky;
    top: 7.15rem;
    background: #F5F5F5;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
}

body.product-template-default.single.single-product {
}

.product_sec_1,.product_sec_2 {
}

.wrap_member {
    display: flex;
    align-items: center;
    border-radius: 0.5rem;
    background: #F3F3F3;
    padding: 1rem 1.2rem;
}

.wrap_member .avatar {
    width: 2.8rem;
    height: 2.8rem;
    display: flex;
    flex: 0 0 auto;
    margin-right: 1.1rem;
    border-radius: 5rem;
    overflow: hidden;
    position: relative;
}

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

.wrap_member .box_content> span {
    font-size: 0.7rem;
    display: flex;
    align-items: center;
}

.wrap_member .box_content> span span {
    border-radius: 1rem;
    background: #2DA608;
    color: #fff;
    height: 1.05rem;
    padding: 0 0.5rem;
    font-size: 0.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.25rem;
}

.box_number {
    height: 1.5rem;
    border: 1px solid var(--7, #FF6100);
    border-radius: 5rem;
    padding: 0 0.75rem;
    display: inline-flex;
    align-items: center;
    font-size: 0.65rem;
    color: #333;
    font-weight: 400;
    width: 100%;
    justify-content: space-between;
}

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

.box_sidebar_product ul li {
    display: flex;
    align-items: center;
    color: #000;
    font-size: 0.6rem;
    display: none;
}

.box_sidebar_product ul li svg {
    width: 1.25rem;
    flex: 0 0 auto;
    margin-right: 0.5rem;
}

.box_sidebar_product ul li {
    margin: 0 !important;
}

.box_sidebar_product ul li {
    margin-top: 0.75rem !important;
}

.box_sidebar_product .wrap_form input[type="submit"] {
    width: 100%;
}

input#title_product {
    display: none;
}

.single-product {
    overflow-x: unset !important;
}

.box_sidebar_product .wrap {
    position: relative;
}

.box_sidebar_product .wrap label {
    position: absolute;
    z-index: 9;
    left: 1rem;
    top: 1.05rem;
    color: #666;
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 400;
}

.box_sidebar_product .wrap textarea {
    height: 5.75rem;
    min-height: unset;
    padding-top: 2.5rem;
    padding-bottom: 0.5rem;
    color: var(--8, #333);
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 600;
    pointer-events: none;
    border: none !important;
    padding-left: 0;
    padding-right: 0 !important;
    border-bottom: 1px solid rgba(69, 69, 69, 0.20) !important;
    border-radius: 0 !important;
    background: transparent;
}

.tax-loai-category header#header, .page-template-so_sanh header#header, .single-product header#header {
    position: relative;
}

.wrap_filter_product {
    display: flex;
    align-items: center;
    padding: 0.75rem 1.75rem;
}

.box_option {
    display: none;
}

.wrap_item_select {
    display: flex;
}

.wrap_filter_product .box_menu a {
    height: 2.2rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    min-width: 5.5rem;
    justify-content: center;
    font-size: .8rem;
}

.wrap_filter_product .box_menu ul {
}

.wrap_filter_product {
    display: flex;
    align-items: center;
    padding: 0.75rem 1.75rem;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
    Colors Hex Hex Background colors #FFFFFF; }

.box_option {
    display: none;
    position: absolute;
    z-index: 99;
    background: #fff;
    left: 0;
    min-width: 12.75rem;
    padding: 0.5rem 1.25rem;
    border-radius: 0;
    border: 1px solid #EEE;
    background: #FFF;
    box-shadow: 0rem 0.2rem 1rem 0rem rgba(0, 0, 0, 0.07);
    bottom: 0;
    transform: translateY(100%);
}

.wrap_item_select {
    display: flex;
}

.wrap_filter_product .box_menu a {
    height: 2.2rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    min-width: 5.5rem;
    justify-content: center;
}

.wrap_filter_product .box_menu ul {
    margin: 0 !important;
}

.wrap_filter_product .inner_search form.search-form input {
    height: 2.4rem;
}

.wrap_filter_product .inner_search form.search-form {
    margin: 0;
    margin-left: 2rem;
    padding-left: 1rem;
    border-left: 1px solid #DFDFDF;
    padding-right: 1rem;
    border-right: 1px solid #DFDFDF;
    width: 16rem;
    flex: 0 0 auto;
}

.wrap_item_select .item>span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #231F20;
    font-size: 0.75rem;
    margin-bottom: .2rem;
}

.wrap_item_select .item>span .icon svg {
    margin-right: 0.4rem;
    flex: 0 0 auto;
    width: 1.2rem;
    flex: 0 0 auto;
}

.wrap_item_select .item>span .icon {
    display: flex;
    align-items: center;
    line-height: normal;
    flex: 0 0 auto;
}

.wrap_item_select .item {
    width: 10rem;
    padding: 0 1rem;
    border-right: 1px solid #DFDFDF;
    min-width: 9.6rem;
    cursor: pointer;
    position: relative;
    flex: 0 0 auto;
}

.wrap_item_select .item b {
    color: var(--8, #333);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

span.icon_down svg {
    display: block;
}

span.icon_down {
    margin-left: 0.4rem;
}

.tax-loai-category #wrapper , .page-template-so_sanh #wrapper {
    background: #F9F9F9;
}

a.reset_filter {
    display: inline-flex;
    min-height: 2.8rem;
    align-items: center;
    color: #231F20;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    padding: 0 1rem;
    border-right: 1px solid #DFDFDF;
    flex: 0 0 auto;
}

a.reset_filter svg {
    width: 1rem;
    height: auto;
    margin-right: 0.3rem;
    display: block;
}

.map_control {
    padding-left: 1rem;
    padding-=l: ;
    padding-=l: 1rem;
    padding-=l: 20p;
    padding-=l: 20;
    padding-=l: 2;
    color: #444;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

.map_control .control {
    height: 1.2rem;
    width: 2.35rem;
    border-radius: 1.5rem;
    border: 1px solid #DBDBDB;
    background: #FFF;
    display: flex;
    align-items: center;
    padding: 0 0.1rem;
    margin-left: 0.5rem;
    cursor: pointer;
}

.map_control .control span {
    width: 0.9rem;
    height: 0.9rem;
    background: #FF6100;
    display: inline-block;
    border-radius: 5rem;
}

.wrap_product {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1rem;
}

.wrap_product .item_project {
    width: calc(calc(100% / 3) - 2rem);
    margin: 0 1rem 2.5rem;
}

.item_project ul.info ul li:nth-child(4) {
    border: none;
}

.product_sec_2 .wrap_right {
    transition: .5s all !important;
}

.row.wrap_all_filter_product {
    flex-wrap: nowrap;
    transition: .5s all;
}

.product_sec_2 .wrap_all_filter_product.row>div:not(.col):not([class^=col-]):not([class*=" col-"]).wrap_left {
    width: 0 !important;
    transition: .5s all;
}

.row.wrap_all_filter_product.active {
    max-width: 100%;
}

.product_sec_2 .wrap_all_filter_product.active .wrap_left.div:not(.col):not([class^=col-]):not([class*=" col-"]) {
    width: 60% !important;
    flex: 0 0 auto;
}

.product_sec_2 .wrap_all_filter_product.row.active>div:not(.col):not([class^=col-]):not([class*=" col-"]).wrap_left {
    width: 100% !important;
}

div#map {
    margin: 0;
    width: 100%;
}

.product_sec_2 .wrap_right.active {
    width: 33.333333%;
}

.product_sec_2 .row.active>div:not(.col):not([class^=col-]):not([class*=" col-"]).wrap_right {
    width: 38.35rem !important;
    flex: 0 0 auto;
    padding: 0 1.5rem 0 1.5rem;
}

.wrap_all_filter_product.active .wrap_product .item_project {
    width: calc(calc(100% ) - 2rem);
    display: flex;
    align-items: center;
    margin: 0;
}

.wrap_all_filter_product.active .wrap_product .item_project .box_img, .wrap_all_filter_product.active .wrap_product .item_project .box_img img, .wrap_all_filter_product.active .wrap_product .item_project .slider_gallery {
    width: 14.65rem;
    height: 11.15rem !important;
    flex: 0 0 auto;
}

.sidebar_filter {
    width: 100%;
    transition: .5s all;
    overflow: hidden;
}

.active .sidebar_filter {
    width: 0;
}

.row.wrap_all_filter_product .col.small-12.large-2 {
    transition: .5s all;
    overflow: hidden;
}

.row.wrap_all_filter_product.active .col.small-12.large-2 {
    flex-basis: 0;
    max-width: 0;
    overflow: hidden;
    padding: 0;
    height: 0;
}

.product_sec_2 .wrap_right .col.small-12.large-10 {
    transition: .5s all;
}

.col.small-12.large-10 {
}

.row.wrap_all_filter_product.active .col.small-12.large-10 {
    flex-basis: 100%;
    max-width: 100%;
    padding: 0;
}

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

.box_option ul li {
    margin: 0;
    line-height: normal;
}

.box_option ul li a {
    color: var(--8, #333);
    font-size: 0.75rem;
    padding: 0.4rem 0;
    display: block;
    width: max-content;
    transition: .5s all;
    width: 100%;
    width: max-content;
    min-width: 100%;
    font-weight: 400;
}

.box_option ul li:not(:last-child) {
    border-bottom: 1px solid #EEE;
}

.box_option ul li a.active {
    color: var(--7, #FF6100);
    font-weight: 700;
}

.wrap_item_select .item.active .box_option {
    display: block;
}

.box_option ul li a:hover {
    color: #FF6100;
}

.sidebar_filter {
    border-radius: 0.5rem;
    background: #FFF;
    padding: 0.75rem 1rem;
}

.sidebar_filter b {
    display: flex;
    align-items: center;
    color: #444;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0.75rem;
}

.sidebar_filter b svg {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.sidebar_filter b .icon {
    width: 1.2rem;
    height: auto;
    margin-right: 0.5rem;
    flex: 0 0 auto;
}

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

.sidebar_filter ul a {
    font-size: 0.75rem;
    color: var(--8, #333);
    display: flex;
    align-items: center;
    line-height: normal;
}

.sidebar_filter ul li {
    margin: 0;
}

.sidebar_filter ul a span {
    width: 0.6rem;
    height: 0.6rem;
    flex: 0 0 auto;
    border: 1px solid #d9d9d9;
    border-radius: 5rem;
    margin: 0 0.5rem 0 0;
}

.sidebar_filter ul li+li {
    margin-top: 0.5rem;
}

.sidebar_filter .box {
    padding: 1rem 0;
}

.sidebar_filter .box+.box {
    border-top: 1px solid #E9E9E9;
}

.sidebar_filter ul a.active span {
    background: #FF6100;
}

.box_option.slider_rance {
    min-width: 19rem;
    padding: 1.5rem;
}

.box_option.slider_rance .title,.box_option.slider_rance strong {
    color: var(--8, #333);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 700;
    display: block;
    margin-bottom: 0.5rem;
}

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

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

.slider_rance .wrap input {
    margin: 0;
    border: none;
    box-shadow: none;
    font-size: 0.6rem;
    font-weight: 500;
    text-align: center;
    width: auto !important;
    max-width: 3.85rem;
}

.slider_rance .wrap label {
    margin: 0;
    color: var(--8, #333);
    font-size: 0.6rem;
    font-weight: 500;
    opacity: .5;
}

.slider_rance .wrap>*:not(svg) {
    height: 1.7rem;
    border-radius: 0.25rem;
    border: 1px solid #D9D9D9;
    padding: 0 1rem;
}

.slider_rance .wrap>svg {
    width: 0.9rem;
    height: auto;
    margin: 0 0.65rem;
}

.box_option.slider_rance strong {
    margin: 0;
    padding: 1rem 0;
    border: 1px solid #EEE;
    border-right: none;
    border-left: none;
    margin-top: 1.5rem;
}

.slider_rance .wrap_bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 0.75rem;
}

.slider_rance .wrap_bottom a.reset_filter {
    border: none;
    min-height: unset;
    padding: 0;
}

.slider_rance .wrap_bottom ul {
    display: flex;
}

.slider_rance .wrap_bottom ul a {
    height: 1.75rem;
    display: inline-flex;
    align-items: center;
    padding: 0;
    background: #F1F1F1;
    padding: 0 1rem;
    border-radius: 5rem;
    line-height: normal;
}

.slider_rance .wrap_bottom ul li {
    border: none;
}

.box_option ul li a.apply {
    background: var(--7, #FF6100);
    color: #fff;
}

.slider_rance .wrap_bottom ul li+li {
    margin-left: 0.5rem;
}

.ui-widget.ui-widget-content {
    height: 0.15rem;
    background: #F1F1F1;
    border-color: #F1F1F1;
}

.ui-slider .ui-slider-handle {
    width: 0.8rem;
    height: 0.8rem;
    background: #FF6100;
    border-radius: 5rem;
    border: none;
    cursor: pointer;
    top: -.36em;
}

.ui-widget.ui-widget-content {
    margin-top: 1.15rem;
}

.ui-slider-horizontal .ui-slider-range {
    background: #FF6100;
    height: 0.15rem;
}

.box_option.slider_rance.other_filter {
    left: unset;
    right: 0;
}

.item_filter ul {
    display: flex;
    flex-wrap: wrap;
}

.item_filter ul li {
    border: none !important;
    height: 1.75rem;
    line-height: normal;
    color: #231F20;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    background: #F2F2F2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    border-radius: 5rem;
    margin: 0 0.5rem 0.5rem 0;
    transition: .3s all;
}

.item_filter.number ul li {
    width: 1.75rem;
    padding: 0;
    background: transparent;
    border: 1px solid #EEE !important;
    color: var(--8, #333);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    transition: .3s all;
    margin: 0 0.5rem 0.5rem 0;
}

.item_filter ul li:hover,.item_filter ul li.active {
    background: var(--7, #FF6100);
    color: #ffff;
}

li {
}

.other_filter .item_filter {
    padding: 1.25rem 0 0.75rem;
    border-bottom: 1px solid #ECECEC;
}

.other_filter .item_filter .title {
    font-size: 0.75rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.other_filter .item_filter:first-child {
}

.other_filter .wrap_box {
    margin: -1.5rem;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #ECECEC;
    margin-bottom: 0;
}

.other_filter .wrap_box .title {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 600;
}

.map_control .control.active {
    background: #FF6100;
    justify-content: flex-end;
}

.map_control .control.active span {
    background: #fff;
}

.wrap_all_filter_product .wrap_top {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #DFDFDF;
    padding: 1rem 0 1.25rem;
}

.wrap_all_filter_product .wrap_top .content_display {
    flex: 0 0 auto;
    color: #444;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 500;
}

.wrap_all_filter_product .wrap_top .content_display b {
    font-weight: 700;
    color: var(--7, #FF6100);
}

.select2-container {
    width: auto !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-container--default .select2-selection--single {
    border: none;
    color: #444;
    font-size: 0.75rem;
    background-color: transparent;
    box-shadow: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-right: 0.5rem !important;
}

.select2-search--dropdown {
    display: none;
}

.select2-results__option {
    font-size: 0.6rem;
    margin: 0 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: var(--7, #FF6100);
}

.tag_filter {
    display: flex;
    color: #444;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 500;
    padding-bottom: 1.25rem;
    margin-top: 1rem;
}

.tag_filter ul {
    list-style: none;
    margin: 0;
    display: flex;
    font-size: 0.7rem;
    align-items: center;
}

.tag_filter ul li {
    margin: 0;
    line-height: normal;
    padding: .35rem 0.75rem;
    cursor: pointer;
    position: relative;
    display: inline-flex;
    align-items: center;
    background: #EEE;
    Colors
    Hex
    Hex
    Background colors

    #EEEEEE;
    border-radius: 100px;
}

.tag_filter ul li:after {
    content: '';
    background-image: url(../images/icon_close.svg);
    width: 0.6rem;
    height: 0.6rem;
    margin-left: 0.3rem;
}

.tag_filter ul li p {
    margin: 0;
}

.tag_filter>span {
    flex: 0 0 auto;
    margin-right: 1.25rem;
}

.tag_filter ul li+li {
    margin-left: 1.2rem;
}

.wrap_product .slider_gallery,.wrap_product .slider_gallery img {
    height: 21.85rem !important;
}

.tax-loai-category div#masthead, .page-template-so_sanh div#masthead, .single-product div#masthead {
    position: relative;
}

.tax-loai-category div#masthead div#masthead:before, .page-template-so_sanh div#masthead div#masthead:before, .single-product div#masthead div#masthead:before {
    opacity: 0 !important;
}

.tax-loai-category div#masthead #logo img , .page-template-so_sanh div#masthead #logo img, .single-product div#masthead #logo img {
    filter: brightness(1) invert(0);
}

.tax-loai-category div#masthead .nav-uppercase>li>a, .page-template-so_sanh div#masthead .nav-uppercase>li>a, .single-product div#masthead .nav-uppercase>li>a {
    color: #333333;
}

.single-product div#masthead:before,.single-product div#masthead:after {
    opacity: 0;
}

.tax-loai-category div#masthead .stuck #logo img, .page-template-so_sanh div#masthead .stuck #logo img {
    filter: brightness(0) invert(1);
}

.tax-loai-category div#masthead .stuck .nav-uppercase>li>a, .page-template-so_sanh div#masthead .stuck .nav-uppercase>li>a {
    color: #fff;
}

.tax-loai-category section.section.product_sec_2 {
    padding: 1rem 0 4.5rem;
}

section.section.product_sec_2.active {
    padding: 0;
}

section.section.product_sec_2.active section.breadcrumbs {
    display: none;
}

.wrap_all_filter_product.active .wrap_product .item_project+.item_project {
    margin-top: 1.75rem;
}

.wrap_all_filter_product.active .wrap_product .item_project .box_img {
    margin-right: 1rem;
}

.wrap_all_filter_product.active .wrap_product .item_project .box_content {
    margin: 0;
}

.wrap_all_filter_product.active .wrap_product .item_project .box_content .nav_bottom {
    margin-top: .4rem;
    padding-top: .4rem;
}

.wrap_all_filter_product.active div#load_product {
    max-height: 33rem;
    overflow: auto;
    margin: 0;
}

div#map {
    height: 41rem;
}

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

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

div#load_product::-webkit-scrollbar-thumb {
    background-color: #090101;
}

.gm-style .gm-style-iw-d {
    padding: 0 !important;
}

.gm-style-iw-d {
    padding: 1rem !important;
}

.gm-style .gm-style-iw-c * {
    padding: 0 !important;
    overflow: hidden !important;
    color: #FF6100;
}

.gm-style .gm-style-iw-d h3 {
    font-size: 0.7rem;
}

button.gm-ui-hover-effect {
    right: 0 !important;
    width: 1.5rem !important;
    height: 1.5rem !important;
    transform: scale(.6) translateX(0.65rem) !important;
}

button.gm-ui-hover-effect span {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: 0.5rem !important;
}

.box_img {
    position: relative;
}

.box_img .nhan {
    position: absolute;
    top: 1.2rem;
    left: 0;
    height: 1.5rem;
    z-index: 9;
    border-radius: 0rem 5rem 5rem 0rem;
    border: 1px solid var(--7, #FF6100);
    background: var(--7, #FF6100);
    color: var(--7, #FFF);
    font-size: 0.6rem;
    font-style: normal;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
}

.single-product .product_sec_2 .wrap_title .wrap_right {
    display: flex;
    align-items: flex-end;
    margin-top: 1rem;
}

.single-product .product_sec_2 .wrap_title .wrap_right .nhan {
    height: 1.9rem;
    display: inline-flex;
    border: 1px solid var(--7, #FF6100);
    background: var(--7, #FF6100);
    color: var(--7, #FFF);
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
    padding: 0 1rem;
    min-width: 8.5rem;
    border-radius: 5rem;
}

.wrap_project_related .item_project {
    display: flex;
    align-items: center;
}

.wrap_project_related .item_project .box_img {
    width: 11.75rem;
    height: 8.35rem;
    flex: 0 0 auto;
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    margin-right: 1.75rem !important;
}

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

.wrap_project_related .item_project .box_content {
    margin: 0;
    padding-right: 10rem;
    position: relative;
}

.wrap_project_related .item_project .box_content .nav_bottom {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
}

.wrap_project_related .item_project .box_content .nav_bottom:before {
    display: none;
}

.wrap_project_related .item_project .box_content .nav_bottom .price b {
    display: block;
}

.wrap_project_related .item_project h3 {
    margin-bottom: .8rem;
}

.wrap_project_related .item_project+.item_project {
    margin-top: 1.75rem;
}

.wrap_project_related {
    margin-top: 1.5rem;
}

.wrap_project_related .item_project:hover .box_img img {
    transform: scale(1.2);
}

div#tien_do .select2-container--default .select2-selection--single {
    padding: 0.55rem 1rem;
    height: auto;
    border: 1px solid var(--8, #333);
    border-radius: 5rem;
}

div#tien_do .select2-container--default .select2-selection--single span#select2-sort_year-container {
    padding-right: 1rem !important;
    line-height: normal;
}

div#tieu_chuan .wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

div#tieu_chuan .wrap a {
    flex: 0 0 auto;
}

div#tieu_chuan .wrap h2 {
    margin: 0;
}

.slider_product_related .item_project {
    width: calc(100% - 3rem);
    margin: 0 1.5rem;
}

.slider_product_related {
    margin: 0 -1.5rem;
}

.single-product .product_sec_2 {
    padding-bottom: 4.5rem;
}

.product_sec_3 {
    padding: 3.75rem 0;
}

.product_sec_3 h2 {
    color: var(--8, #333);
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 2rem;
}

.slider_product_related .slick-arrow {
    top: -4rem;
    transform: unset;
    right: 1.5rem;
}

.slider_product_related .slick-arrow.slick-prev {
    left: unset;
    right: 4.7rem;
}

.product_sec_2 .box_menu {
    position: sticky;
    top: 6.8rem;
    z-index: 99;
}

.box_filter_search.wrap_item_select {
    display: block;
}

.box_filter_search.wrap_item_select .wrap_select.item {
    width: 100%;
}

.home .wrap_item_select .item .box_option {
    min-width: 100%;
}

.box_filter_search.wrap_item_select .box_option {
    bottom: unset;
    top: 0;
    transform: unset;
}

.box_filter_search.wrap_item_select .box_option.other_filter {
    top: unset !important;
    bottom: -6rem !important;
    transform: unset !important;
}

.box_filter_search.wrap_item_select .box_option.slider_rance {
    top: 50%;
    transform: translateY(-50%);
}

.wrap_item_select .item .box.khoang_gia ul li {
    border: none;
}

.wrap_item_select .item .box {
    border: none !important;
    background: #fff;
    margin-top: -0.9rem;
}

.wrap_item_select .item .box ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.25rem;
}

.wrap_item_select .item .box ul li {
    /*width: calc(100% / 3);*/
}

.wrap_item_select .item .box a {
    font-size: 0.7rem;
    padding: 0.25rem;
}

.wrap_item_select .box.khoang_dt li {
    width: 50% !important;
    border: none !important;
}

.project_sec_6 {
    padding: 5rem 0 0;
}

.project_sec_6 .wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 3.1rem;
}

.project_sec_6 .wrap h2,.project_sec_6 .wrap .group_heading {
    margin: 0 !important;
}

.project_sec_6 .wrap .box_menu ul {
    margin: 0;
}

.project_sec_6 .wrap .box_menu ul a {
    min-width: 5.8rem;
    cursor: pointer;
}

.view_more_product {
    margin: 2rem 0 0 0;
    border: 1px solid var(--7, #FF6100);
    background: transparent;
    color: var(--7, #FF6100);
}

.view_more_product:hover {
    border-color: var(--7, #FF6100);
}

a.so_sanh_du_an {
    width: 100%;
    z-index: 888;
    left: 2.5rem;
    bottom: 2.5rem;
    border-radius: 1.5rem;
    background: var(--7, #FF6100);
    box-shadow: 0rem 0.2rem 1rem 0rem rgba(0, 0, 0, 0.10);
    color: var(--6, #FFF);
    font-size: 0.9rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    padding: 0 2rem;
    transition: .5s all;
    cursor: pointer;
    transform: scale(1);
    transition: .5s all;
    justify-content: center;
    margin-bottom: 1rem;
}

.wrap_ss {
    display: none;
}

.wrap_ss {
    position: fixed;
    display: flex;
    bottom: 0;
    z-index: 999;
    left: 50%;
    transform: translate(-50%,130%);
    width: 60rem;
    background: #d5d5d5;
    border-radius: .8rem .8rem 0 0;
    transition: .5s all;
    align-items: center;
}

.wrap_ss .wrap_item {
    display: flex;
    padding: 1rem;
    margin: 0 -0.5rem;
    width: 100%;
}

.wrap_ss .wrap_item .item {
    width: calc(calc(100% / 3) - 1rem);
    margin: 0 0.5rem;
,:;,:;,: -0;,: revert-layer;,: -; text-align: center;
    min-height: 4.15rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.wrap_ss .wrap_item .item {
    background: #fff;
    border-radius: 0.5rem;
    border: 1px dashed #FF6100;
    color: #FF6100;
    font-size: 0.65rem;
    transition: .5s all;
    position: relative;
}

.wrap_ss .wrap_item .item .icon {
    width: 1rem;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    border: 1px solid #FF6100;
    border-radius: 100px;
}

.wrap_ss.active {
    transform: translate(-50%,0%);
}

.wrap_ss .wrap_item .item .icon svg {
    max-width: 60%;
    max-height: 60%;
    fill: #FF6100;
}

a.so_sanh_du_an.active {
    transform: scale(0);
}

.hide_ss {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) scale(1);
    width: 2rem;
    height: 2rem;
    background: #ea2229;
    display: flex;
    align-items: center;
    justify-content: center;
    fill: #fff;
    border-radius: 50%;
    top: -1.15rem;
    cursor: pointer;
    transition: .5s all;
    opacity: 1;
}

.hide_ss svg {
    transform: scale(.7);
}

a.action_ss {
    flex: 0 0 auto;
    left: 2.5rem;
    bottom: 2.5rem;
    border-radius: 1.5rem;
    background: var(--7, #FF6100);
    box-shadow: 0rem 0.2rem 1rem 0rem rgba(0, 0, 0, 0.10);
    color: var(--6, #FFF);
    font-size: 0.9rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    padding: 0 2rem;
    transition: .5s all;
    cursor: pointer;
    transform: scale(1);
    transition: .5s all;
    margin-right: 1rem;
}

.hide_ss:hover {
    transform: translateX(-50%) scale(.8);
    opacity: .7;
}

a.action_ss:hover {
    opacity: .8;
    transform: scale(.9);
}

.wrap_ss .wrap_item .item:hover {
    background: #FF610026;
}

div#load_product_so_sanh {
    opacity: 0;
    transition: .5s all;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 100%;
    display: block !important;
    width: 100%;
    height: 100%;
}

div#load_product_so_sanh.active {
    opacity: 1;
    pointer-events: unset;
    z-index: 9999;
}

div#load_product_so_sanh .inner {
    max-width: 92vw;
    margin: auto;
    padding: 2rem;
    overflow: auto;
    background: #fff;
    position: relative;
    z-index: 2;
    border-radius: 0 0 1rem 1rem;
}

div#load_product_so_sanh .inner .wrap_project_related {
    max-height: 70vh;
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    overflow-x: hidden;
}

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

div#load_product_so_sanh .inner .wrap_project_related::-webkit-scrollbar {
    width: 0.25rem;
    background-color: #cedbff;
}

div#load_product_so_sanh .inner .wrap_project_related::-webkit-scrollbar-thumb {
    background-color: #090101;
}

.bg_close {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000005c;
    cursor: pointer;
}

div#load_product_so_sanh .inner .wrap_project_related .item_project {
    width: calc(50% - 1rem);
    margin: 0 0.5rem 1rem;
}

div#load_product_so_sanh .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    width: 2rem;
    height: 2rem;
    background: #fff;
    border-radius: 0 0 0 0.25rem;
    cursor: pointer;
}

div#load_product_so_sanh .close svg {
    transform: scale(.7);
}

div#load_product_so_sanh .inner .wrap_project_related .item_project .box_content {
    padding-right: 6rem;
}

a.them_vao_ss {
    border-radius: 1.5rem;
    background: var(--7, #FF6100);
    box-shadow: 0rem 0.2rem 1rem 0rem rgba(0, 0, 0, 0.10);
    color: #fff;
    font-size: 0.85rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    transition: .5s all;
}

a.them_vao_ss.active {
    background: #000;
}

a.remove_can.style_center.max {
    z-index: 10;
}

.wrap_ss .wrap_item .item.added .icon {
    display: none;
}

.wrap_ss .wrap_item .item.added .title {
    font-size: 0.8rem;
    line-height: 1.2;
    padding: 0 1rem;
}

a.remove_can.style_center.max {
    opacity: 0;
}

.wrap_item_ss .item {
    width: calc(100% / 3);
}

.wrap_item_ss {
    display: flex;
    box-shadow: 0 0 0.5rem #3333335c;
    border-radius: 1rem;
}

.wrap_item_ss .col {
    padding: 1rem;
    display: flex;
    justify-content: space-between;
}

.wrap_item_ss .col:nth-child(even) {
    background: #e3e3e3;
}

.wrap_item_ss .col .box_img {
    max-width: 100%;
}

.wrap_item_ss .item+.item {
    border-left: 1px solid #33333338;
}

.wrap_item_ss .col .inner {
    max-width: 100%;
}

.wrap_item_ss .col .inner h3 {
    text-align: center;
    margin-top: 1rem;
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.like_project.chosen svg path {
    fill: rgb(225, 27, 34);
    stroke: rgb(225, 27, 34);
}

.project_item .wrap .info:first-child {
    flex: 0 0 auto;
    margin-right: 2rem;
}

.nhan.da_coc {
    background: #FF6200;
    border-color: #FF6200;
}

.nhan.da_ban {
    background: #333333;
    border-color: #333333;
}

.tax-loai-category div#masthead:after, .tax-loai-category div#masthead:before, .page-template-so_sanh div#masthead:after, .page-template-so_sanh div#masthead:before {
    opacity: 0;
}

.slick-slide {
    will-change: transform;
}

.tax-loai-category .stuck div#masthead .nav-uppercase>li>a, .page-template-so_sanh .stuck div#masthead .nav-uppercase>li>a, .single-product .stuck div#masthead .nav-uppercase>li>a {
    color: #fff;
}

.item_project ul.info ul li:nth-child(3n + 3) {
}

.tax-loai-category .header-wrapper:not(.stuck) div#masthead .nav-uppercase>li.current-menu-item>a {
    color: var(--7, #FF6100);
}

.tax-loai-category .header-wrapper:not(.stuck) div#masthead .nav-uppercase>li.current-menu-item>a:before {
    background: var(--7, #FF6100);
}

.sidebar_filter ul a:hover {
    color: #FF6100;
}

.row.wrap_all_filter_product.active .wrap_product {
    margin: 0;
}

div#load_product_so_sanh .inner .wrap_project_related .item_project {
    display: block;
    width: calc(calc(100% / 3) - 1rem);
}

div#load_product_so_sanh .inner .wrap_project_related .item_project .box_img {
    width: 100%;
    margin: 0 0 1rem;
    height: 17rem;
}

div#load_product_so_sanh .inner .wrap_project_related .item_project .box_content {
    padding: 0;
    display: block;
}

div#load_product_so_sanh .inner .wrap_project_related .item_project .nav_bottom {
    position: unset;
    display: flex;
    margin-top: .5rem;
    text-align: left;
    width: 100%;
}

.nhan.da_thue {
    background: #000;
    border-color: #000;
}

ul.tien_ich_nk {
    list-style: none;
    margin: 1.5rem 0rem 0 -2.5rem;
    display: flex;
    flex-wrap: wrap;
    padding-right: 0;
    max-height: 6.4rem;
    overflow: auto;
}

ul.tien_ich_nk li {
    padding: 0 2.5rem;
    display: flex;
    justify-content: space-between;
    width: 50%;
    font-size: 0.75rem;
    align-items: center;
}

ul.tien_ich_nk li b {
    flex: 0 0 auto;
    margin-left: 1rem;
}

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

ul.tien_ich_nk::-webkit-scrollbar {
    width: 0.217rem;
    background-color: #cedbff;
}

ul.tien_ich_nk::-webkit-scrollbar-thumb {
    background-color: #FF6100;
}

ul.tien_ich_nk li:nth-child(2n + 2) {
    padding-right: 1rem;
}

ul.tien_ich_nk li {
    margin: 0 0 .4rem;
}

.slider_gallery .slick-arrow {
    display: none;
}

.item_project .slider_gallery .slick-arrow {
    width: 1.8rem;
    height: 1.8rem;
    min-height: unset;
    display: inline-flex;
    left: 1rem;
    background: rgba(255, 255, 255, 0.80);
    opacity: 0;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.item_project .slider_gallery .slick-arrow.slick-next {
    left: unset;
    right: 1rem;
}

.item_project .slider_gallery .slick-arrow svg {
    max-width: 40%;
    max-height: 40%;
}

.item_project .slider_gallery .slick-arrow:hover {
    background: #FF6100;
}

.item_project .box_img:hover .slick-arrow {
    opacity: 1;
}

div#dktq {
    width: 44.4rem;
    padding: 3.5rem 5rem 2rem;
    border-radius: 1rem;
}

div#dktq .col {
    padding: 0;
}

div#dktq .box_sidebar_product {
    padding: 0;
    width: 100%;
    max-width: unset;
}

div#dktq h3,div#dktq .content {
    text-align: center;
}

div#dktq .box_sidebar_product .wrap_form input[type="submit"] {
    width: auto;
    margin: 0;
}

div#dktq .box_sidebar_product .wrap label {
    left: 0rem !important;
}

div#dktq h3 {
    font-size: 2rem;
}

a.link_product .price {
    color: #FF6100;
    font-weight: 500;
    margin-bottom: .5rem;
    display: block;
    display: none;
}

a.link_product .price>span:last-child {
    color: #333;
    font-weight: 300;
    margin-left: .2rem;
}

.row.nav_menu_project {
    margin-top: 0;
    position: sticky;
    top: 2rem;
    z-index: 999;
}

.row.nav_menu_project .box_menu {
    position: absolute;
    width: 100%;
    top: 3rem;
}

.row.nav_menu_project .box_menu .menu_news.product_menu {
    width: 100%;
    justify-content: space-between;
}

.row.nav_menu_project .box_menu a {
    font-size: 0.9rem;
    padding: 0.6rem 2rem !important;
}

.single-project,.page-template-service {
    overflow-x: unset !important;
}

a.like_product.chosen svg path {
    fill: #FF6100;
}

.row.wrap_all_filter_product.active .load_more_product {
    margin-top: 2rem;
}

.wpcf7-response-output {
    display: none;
}

form.wpcf7-form.sent .wpcf7-response-output {
    display: block;
}

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

.paging ul li {
    margin: 0;
}

.paging ul li a {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #333;
    border-radius: 5rem;
    margin: 0 0.35rem;
}

.paging ul li a.active {
    background: var(--7, #FF6100);
    color: #fff;
    border-color: var(--7, #FF6100);
}

.paging {
    width: 100%;
    display: block;
}

.tab_support>.box_content {
    display: none;
}

ul.fixed_button a .icon {
    width: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.fixed_button li {
    display: flex;
    justify-content: flex-end;
}

ul.fixed_button a span.box_content {
    color: #fff;
    line-height: 1.2;
    font-size: .76rem;
    padding: 0;
    border-left: 1px solid transparent;
    width: 0;
    transition: .5s all;
    overflow: hidden;
}

ul.fixed_button a span.box_content * {
    display: block;
    width: max-content;
}

ul.fixed_button a:hover span.box_content {
    width: 9rem;
    padding: 0 .8rem;
    border-left: 1px solid rgb(255 255 255 / 10%);
}

body.scroll {
    overflow-x: unset !important;
}

.footer_bottom .icon-phone+span {
    font-weight: 700;
    color: #FF6100;
}

.header-nav>li.lang-item a {
    width: 1.25rem;
    height: .9rem;
    background-image: url(../images/US.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 3px;
    overflow: hidden;
}

.header-nav>li.lang-item a img {
    opacity: 0;
}

html[lang="en-GB"] .header-nav>li.lang-item a {
    background-image: url(../images/Flag_of_Vietnam.svg.png);
}

a.hotline.en_lang {
    display: none;
}

html[lang="en-GB"] a.hotline.en_lang {
    display: inline-flex;
}

html[lang="en-GB"] a.hotline.vi_lang {
    display: none;
}

.service_sec_2 .slider_lien_ket .item .box_content >* {
    color: var(--7, #FF6100);
    font-size: 110%;
}

.service_sec_3 .project_list_sec_4 ul li {
    width: 100%;
    margin-bottom: 1.5rem;
}

/*.item_project .price span,*/
/*.price span{*/
/*    display: none;*/
/*}*/
form .text-right {
    margin-top: 10px;
    display: flex;
    justify-content: flex-end;
}

.height-fix.is-invisible img {
    max-height: 100vh;
    object-fit: cover;
}

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

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

.wrap_posts .wrap_slider {
    max-width: 100%;
}

.header.has-transparent, .header.show-on-scroll, .header.transparent {
    position: unset;
}

header#header {
    background: #F5F5F5;
}

.header-full-width .container.header-inner {
    max-width: 86.5rem !important;
}

.wrap_right_box {
    display: flex;
    align-items: center;
    margin-left: 5rem;
}

.searchform-wrapper input#s {
    width: 25rem;
    box-shadow: none;
    border-radius: 5rem;
    height: 2rem;
    font-size: 0.8rem;
    padding: 0 1rem;
}

.searchform-wrapper button.ux-search-submit {
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 2.85rem;
    background: transparent;
}

.searchform-wrapper button.ux-search-submit i {
    color: #FF6100;
}

a.link_action {
    display: flex;
    align-items: center;
    color: #FF6100;
    font-family: "Plus Jakarta Sans";
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5;
}

a.link_action .icon {
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    margin-right: 0.3rem;
    display: flex;
}

.wrap_right_box .box_item+.box_item {
    border-left: 1px solid rgba(51, 51, 51, 0.10);
}

.wrap_right_box .box_item {
    padding: 0 1rem;
    display: flex;
    align-items: center;
}

a.dang_tin {
    height: 1.75rem;
    background: #FF6100;
    Colors Hex Hex Background colors #FF6100;
    font-size: 0.95rem;
    font-weight: 600;
    color: #fff;
    border-radius: 5rem;
    display: flex;
    align-items: center;
    padding: 0 0.9rem;
    margin-right: 2.5rem;
    margin-left: 1.5rem;
    transition: .3s all;
}

a.dang_tin svg {
    display: block;
    width: 1rem;
    height: auto;
    margin-right: 0.25rem;
}

.box_language {
    display: flex;
    align-items: center;
    color: #FF6100;
    font-family: "Plus Jakarta Sans";
    font-size: 0.75rem;
    font-weight: 700;
    color: #FF6100;
}

.box_language img {
    width: 1.2rem;
    height: 1.2rem;
    border: 1px solid #FF6100;
    margin-right: 0.4rem;
    border-radius: 50%;
}

.header-bottom {
    background: #FF6100 !important;
}

.header-bottom .header-nav a {
    line-height: 2.5rem;
    font-size: 0.95rem;
}

.home_page_sec_3 .bg {
    background-size: 100% auto !important;
    background-position: bottom center;
}

.row.row-full-width {
    max-width: 86.5rem !important;
}

.home_page_sec_3_img {
    max-width: 36.15rem;
    border-radius: 1.5rem;
    box-shadow: 0.1rem 0.2rem 0.75rem 0rem rgba(0, 0, 0, 0.05);
    overflow: hidden;
    margin: 0;
}

.home_page_sec_3_img_small {
    width: 12.35rem !important;
    height: 14.6rem;
    position: absolute;
    bottom: 11.3rem;
    right: 0;
    2 3 4 border-radius: 1.5rem;
    border: 0.45rem solid #FFF;
    box-shadow: 0.1rem 0.2rem 0.75rem 0rem rgba(0, 0, 0, 0.05);
    Colors Hex Hex Border colors #FFFFFF; overflow: hidden;
    border-radius: 1.5rem;
    transform: rotate(15deg);
}

.home_page_sec_3 .row {
    align-items: center;
    max-width: 86.5rem !important;
}

.home_page_sec_3 .group_heading p strong {
    font-size: 1rem;
    font-weight: 500;
}

.home_page_sec_3 .group_heading {
    line-height: 1.4;
}

.home_page_sec_5_box .icon-box-img {
    width: auto !important;
}

.home_page_sec_5_box .icon-inner {
    width: 4.6rem;
    height: 4.6rem;
    background: #FF6100;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: auto;
}

.home_page_sec_5_box .icon-inner img {
    max-width: 55%;
    max-height: 55%;
    width: auto;
    height: auto;
    display: block;
    padding: 0;
}

.icon-box-img img, .icon-box-img svg {
    padding: 0;
}

.home_page_sec_5_box .icon-box {
    border-radius: 1rem;
    border-bottom: 0.5rem solid #FF6100;
    background: #FFF;
    box-shadow: 0rem 0.2rem 0.6rem 0rem rgba(0, 0, 0, .3);
    Colors Hex Hex Selection colors;
    padding: 0.9rem 1.2rem 2.5rem;
    margin: 0;
    width: calc(20%);
}

.home_page_sec_5_box {
    justify-content: space-around;
    flex-wrap: wrap;
    align-items: flex-start;
}

.home_page_sec_5_box .icon-box {
    font-size: 0.8rem;
}

.home_page_sec_5_box h3 {
    font-size: 1rem;
    max-width: 9.5rem;
    margin: 0 auto 1rem;
}

.home_page_sec_5_box .icon-box:nth-child(even) {
    margin-top: 18rem !important;
}

.box_dk_tham_quan>img {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: auto;
    border-radius: 1.5rem;
}

.box_dk_tham_quan {
    display: flex;
    align-items: center;
    border-radius: 1.5rem;
    overflow: hidden;
}

.box_dk_tham_quan .box_content {
    background: linear-gradient(96deg, #CD2300, #FA540C);
    min-height: 35rem;
    display: inline-flex;
    align-items: center;
    padding: 5rem 11rem 5rem 3rem;
    position: relative;
    z-index: 2;
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
    max-width: 35.6rem;
}

.box_dk_tham_quan .box_content * {
    color: #fff;
}

a.phone_button {
    height: 3rem;
    display: inline-flex;
    align-items: center;
    border-radius: 5rem;
    border: 1px solid #FFF;
    font-size: 1.2rem;
    padding: 0 1.75rem;
    margin-top: 1.5rem;
}

a.phone_button svg {
    width: 1.3rem;
    display: block;
    margin-right: 0.3rem;
    height: auto;
}

section.home_page_sec_7 {
    background: rgb(220 220 220 / 40%);
    Colors Hex Hex Background colors #DCDCDC; }

.home_page_sec_7_img {
    width: calc(100% + calc(100vw - 84rem)/2);
    float: right;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    position: relative;
    min-height: 31.5rem;
}

.home_page_sec_7_img .inner_img {
    position: absolute;
    bottom: 0;
    right: 2rem;
}

.home_page_sec_7 .row {
    align-items: center;
}

.home_page_sec_7 .group_heading {
    margin-left: 4rem;
    font-size: 1rem;
}

section.home_page_sec_7 .row {
    max-width: 86.5rem !important;
}

.home_page_sec_7 .group_heading .content {
    max-width: 31.5rem;
}

.wrap_form_tv input,.wrap_form_tv textarea {
    height: 2.5rem;
    border: none;
    background: transparent;
    box-shadow: none;
    outline: none !important;
    padding: 0;
    Colors Hex Hex Border colors #FF6100; font-size: 0.8rem;
    color: #454545;
    border-bottom: 1px solid rgba(69, 69, 69, 0.20);
    box-shadow: none !important;
    margin: 0;
}

.wrap_form_tv textarea {
    min-height: 3.4rem;
}

.wrap_form_tv {
    margin-top: 1rem;
}

.button_style input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent !important;
    margin: 0;
    opacity: 0 !important;
}

.slick-arrow.next_button {
    right: -5rem;
    left: unset;
}

.home_page_sec_4 {
    padding: 4rem 0 8rem;
    background-size: cover;
    background-repeat: no-repeat;
}

.home_page_sec_4 .group_heading h2 {
    color: #fff;
}

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

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

ul.style_menu_new a {
    padding: 0.6rem 1.2rem;
    color: #FFF;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 500;
    border: 1px solid #FFF;
    Colors Hex Hex Border colors #FFFFFF; border-radius: 5rem;
    display: inline-flex;
    transition: .3s all;
}

ul.style_menu_new li {
    margin: 0;
}

ul.style_menu_new li+li {
    margin-left: 1.25rem;
}

.item_project_home .box_img {
    height: auto;
}

.item_project_home .box_img {
    height: 28rem;
    border-radius: 1rem;
    overflow: hidden;
    width: 100%;
    background: #000;
}

.item_project_home .box_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1;
    transition: .5s all;
}

.wrap_slider_home {
    display: flex;
    padding: 0 .65rem;
}

.wrap_slider_home .item_project_home {
    width: 28rem;
}

.wrap_slider_home .item_project_home:nth-child(1) {
    width: 100%;
}

.row {
}

.wrap_slider_home .item_project_home:nth-child(2) {
    flex: 0 0 auto;
    margin-left: 1.3rem;
}

.item_project_home {
    position: relative;
}

.item_project_home .box_img span {
    position: absolute;
    top: 50%;
    top FONT-WEIGHT: 500;
    top FONT-WEIGHT: 500;
    top FONT-WEIGHT: 500;
    transform: translateY(-50%);
    right: 3.2rem;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    opacity: 0;
    transition: .5s all;
}

.box_img {
}

.item_project_home .box_img span svg {
    width: 3.75rem;
    height: auto;
    display: block;
    margin-left: 0.5rem;
}

.item_project_home:hover .box_img img {
    opacity: .4;
}

.item_project_home:hover .box_img span {
    opacity: 1;
}

ul.style_menu_new a.active,ul.style_menu_new a:hover {
    background: #FFF;
    Colors Hex Hex Background colors #FFFFFF; color: #FF6100;
}

.slider_project_home {
    width: calc(100% + calc(100vw - 85rem)/2);
    margin: 0 -.7rem;
}

.slider_project_home .slick-list {
    padding-right: 12rem;
}

.button_slide.style_2 {
    background: rgb(255 255 255 / 50%);
    Colors Hex Hex Background colors #FFFFFF; border-color: rgb(255 255 255 / 50%);
}

.button_slide.style_2 path {
    stroke: #fff;
}

.button_slide.style_2:hover path {
    stroke: #FF6100;
}

.button_slide.style_2:hover {
    background: #fff;
    border-color: #fff;
}

.slider_post_home .item_post {
    width: calc(calc(100%) - 2rem);
    margin: 0 1rem 0;
    opacity: .4;
    transition: .3s all;
}

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

.slider_post_home .slick-list {
    padding-right: 10rem;
}

.slider_post_home .slick-active .item_post {
    opacity: 1;
}

.slider_post_home .item_post .box_img {
    height: 17rem;
}

.slider_post_home.style_slider button.button_slide {
    top: unset;
    bottom: 5rem;
    transform: unset;
    left: -9rem;
}

.slider_post_home.style_slider button.button_slide.next_button {
    bottom: 2.4rem !important;
    transform: unset;
    left: -6.3rem;
}

.section_banner_content {
    position: absolute;
    top: 50%;
    z-index: 9;
    transform: translateY(-50%);
    max-width: 36rem;
    left: calc(calc(100vw - 85rem)/2);
}

section.section_banner {
    position: relative;
}

.section_banner_slider img {
    height: calc(100vh - 7rem);
    object-fit: cover;
}

.section_banner_slider:before,.section_banner_slider:after {
    content: '';
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 100%);
    Colors Hex Hex Background colors; height: 100%;
    width: 50%;
    position: absolute;
    z-index: 2;
    top: 0;
    opacity: .8;
    pointer-events: none;
}

.section_banner_slider ul.slick-dots {
    position: absolute;
    bottom: 1rem;
}

.section_banner_slider:after {
    width: 100%;
}

span.scroll_down {
    position: absolute;
    left: 4.5rem;
    bottom: 4rem;
    z-index: 9;
    animation: hu__hu__ infinite 2s ease-in-out;
}

span.scroll_down svg {
    width: 2.5rem;
    height: auto;
}

.section_banner_content * {
    color: #fff;
}

.section_banner_content h1 {
    font-size: 3.2rem;
    margin-bottom: 0;
    text-transform: uppercase;
}

.section_banner_content {
    font-size: 1.4rem;
}

.cre_bottom ul {
    list-style: none;
    margin: 0;
    display: flex;
    color: #D9D9D9;
    align-items: center;
}

.cre_bottom ul * {
    2 3 4 5 6color: #D9D9D9;font-family: "Plus Jakarta Sans";
    font-size: 0.8rem;
}

.cre_bottom ul li {
    margin: 0;
}

.cre_bottom {
    position: absolute;
    width: 100%;
    margin-top: 2rem;
    z-index: 11;
}

.ab_page_sec_1 .bg:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 13.95rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
    Colors Hex Hex Background colors; bottom: 0;
}

.slider_logo_ab .item_slide {
    height: 6rem;
    width: 12rem !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: auto;
}

.ab_page_sec_3_content .col-inner * {
    color: #fff;
}

.ab_page_sec_3_content .col-inner {
    padding: 3.75rem;
    width: 35.3rem;
    border-radius: 1.5rem;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), linear-gradient(288deg, #FA540C 26.66%, #CD2300 95.71%);
}

.ab_page_sec_4_img {
    border-radius: 1.5rem;
    overflow: hidden;
    margin-top: 3rem;
}

.ab_page_sec_4 .bg {
    background-size: auto !important;
    background-position: bottom left;
}

.ab_page_sec_4_box .icon-box-img {
    width: auto !important;
}

.ab_page_sec_4_box .icon-inner {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: #FF6100;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: 0.5rem solid rgba(255, 97, 0, 0.20);
}

.ab_page_sec_4_box .icon-inner img {
    display: block;
    max-width: 50%;
    max-height: 50%;
    width: auto;
    height: auto;
    transform: rotateY(0);
    transition: 1s all;
}

.ab_page_sec_4_box .icon-box-img {
    margin-right: 2rem;
}

.ab_page_sec_4_box h3 {
    color: #FF6100;
    font-size: 1rem;
    font-style: normal;
    color: #FF6100;
    margin-bottom: 0.25rem;
    font-weight: 700;
}

.ab_page_sec_4_box .icon-box-text {
    padding: 0 !important;
}

.ab_page_sec_4_box .icon-box+.icon-box {
    margin-top: 1.2rem !important;
}

.ab_page_sec_4_box {
    margin-top: 2.5rem;
    position: relative;
}

.ab_page_sec_4_box:before {
    content: '';
    position: absolute;
    left: 1.5rem;
    height: 100%;
    width: 1px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.10) 12%, rgba(0, 0, 0, 0.10) 89.5%, rgba(0, 0, 0, 0.00) 100%);
}

.ab_page_sec_4_box .icon-box {
    font-size: 0.8rem;
}

.member_item .box_img {
    height: 21rem;
    position: relative;
    border-radius: 1.5rem;
    overflow: hidden;
    margin-bottom: 0.75rem;
}

.member_item .box_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.content_hover {
    padding: 2rem 1.5rem;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
    top: 0;
    border: 1px solid rgba(255, 97, 0, 0.30);
    background: #FFF;
    border-radius: 1.5rem;
    opacity: 0;
    transition: .5s all;
}

.member_item {
    margin: 0 1.5rem;
}

.member_item h3 {
    font-size: 1rem;
    text-transform: uppercase;
    margin-bottom: 0.25rem;
}

.member_item {
    font-size: 0.8rem;
    cursor: pointer;
}

.slider_team_ab {
    margin: 0 -1.5rem;
}

.member_item:hover .content_hover {
    opacity: 1;
}

.ab_page_sec_7_logo {
    flex-wrap: wrap;
    justify-content: center;
}

.ab_page_sec_7_logo .img {
    width: calc(20% - 4rem) !important;
    margin: 0 2rem 2.3rem !important;
    border-radius: 1.5rem;
    box-shadow: 0rem 0rem 1rem 0rem rgba(0, 0, 0, 0.08);
    border-radius: 0.95rem;
    overflow: hidden;
}

.item_cam_nhan .box_content {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), linear-gradient(288deg, #FA540C 26.66%, #CD2300 95.71%), #D9D9D9;
    color: #fff;
    font-size: 0.8rem;
    padding: 2.5rem 3rem 2.5rem 35.5rem;
    border-radius: 1.5rem;
}

.item_cam_nhan h3 {
    color: #FFF;
    font-family: "Plus Jakarta Sans";
    font-size: 1.2rem;
    font-weight: 700;
    /* 100% */
    text-transform: uppercase;
    margin-bottom: 0;
}

.item_cam_nhan .chuc_vu {
    color: #FFF;
    font-weight: 400;
    /* 150% */
    font-style: italic;
    margin-bottom: 1rem;
}

.item_cam_nhan {
    min-height: 25rem;
    position: relative;
    display: flex;
    align-items: flex-end;
    border-radius: 1.5rem;
}

.item_cam_nhan .box_img {
    position: absolute;
    bottom: 0;
    left: 7rem;
    width: 20.7rem;
    height: 25.1rem;
    box-shadow: 0rem 0rem 0.5rem 0rem rgba(0, 0, 0, 0.08);
    overflow: hidden;
    border-radius: 1.5rem 1.5rem 0rem 0rem;
    display: flex;
}

.slider_cam_nhan {
    margin-top: -4rem;
}

.field_item {
    position: relative;
    max-height: calc(100vh - 9rem);
    border-radius: 1.5rem;
    overflow: hidden;
    height: calc(100vh - 9rem);
    font-size: 0.8rem;
}

.field_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}

.field_item+.field_item {
    margin-top: 2rem;
}

.field_item .box_content {
    border-radius: 0rem 0rem 1.5rem 1.5rem;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), linear-gradient(288deg, #FA540C 26.66%, #CD2300 95.71%);
    padding: 2.5rem 3rem;
    width: 28rem;
    margin-left: 5.5rem;
    min-height: 23rem;
    position: relative;
}

.field_item .box_content:before {
    background-image: url(../images/ht_bottom_box.png);
    background-size: 100% auto;
    background-position: bottom center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-repeat: no-repeat;
    pointer-events: none;
}

.field_item .box_content h3, .field_item .box_content .content {
    color: #fff;
}

.field_item h3 {
    font-size: 2.75rem;
    margin-bottom: 0.5rem;
}

.field_item .box_content .content {
    margin-bottom: 1.5rem;
}

.field_item .row {
    max-width: 100% !important;
    margin: 0 !important;
}

.field_item:nth-child(even) .box_content {
    float: right;
    margin: 0 5.5rem 0 0;
}

.cre_bottom ul * {
    font-style: unset;
    font-weight: 400;
    font-size: 0.8rem;
    color: #D9D9D9;
}

.cre_bottom ul li.title_single * {
    color: #FF6100;
}

.cre_bottom .row {
    max-width: 85.5rem !important;
}

.field_item .box_content h3 {
    line-height: 1.2;
}

.field_sec_1_img_large {
    border-radius: 1.5rem;
    box-shadow: 0rem 0rem 0.75rem 0rem rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.field_sec_1_img_small {
    width: 9.35rem !important;
    height: 9.35rem;
    box-shadow: 0rem 0rem 0.75rem 0rem rgba(0, 0, 0, 0.08);
    border-radius: 1.25rem;
    position: absolute;
    overflow: hidden;
    transform: rotate(-7.846deg);
    bottom: -2.25rem;
    left: -5.65rem;
}

.field_sec_1 .group_heading {
    max-width: 30rem;
    margin: 0;
    margin-left: 5.5rem;
}

.field_sec_1 .row {
    align-items: center;
}

.field_sec_2_banner .banner {
    border-radius: 1.5rem;
    overflow: hidden;
}

.field_sec_2_banner .bg:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 32.58%, rgba(0, 0, 0, 0.90) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    content: '';
}

.bg.fill.bg-fill.bg-loaded {
}

.field_sec_2_banner p {
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.field_sec_2_banner h3 {
    color: #FFF;
    font-family: "Plus Jakarta Sans";
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 700;
    margin: 0 !important;
}

.field_sec_2_banner .banner .text-box {
    bottom: 1.5rem;
}

section.service_other {
    padding: 5rem 0;
}

.slider_lv {
    margin-top: 1.75rem;
    margin: 1.75rem -1.75rem;
}

.item_field_other {
    position: relative;
}

.item_field_other .box_img {
    height: 18.4rem;
    border-radius: 1rem;
    overflow: hidden;
    background: #FF6100;
}

.item_field_other .box_img img {
    height: 100%;
    object-fit: cover;
    opacity: 1;
    transition: .5s all;
}

.item_field_other {
    margin: 0 1.75rem;
    text-align: center;
}

.item_field_other h3 {
    color: #333;
    text-align: center;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 1rem;
}

.slider_lv button {
    top: -4rem;
    transform: unset;
    right: 1.4rem !important;
    left: unset;
}

.slider_lv button.slick-prev {
    right: 4.4rem !important;
}

.item_field_other:hover .box_img img {
    opacity: .5;
}

.tabbed-content.box_menu ul {
    background: transparent;
}

.tabbed-content.box_menu .nav a {
    border: 1px solid #FF6100 !important;
    Colors Hex Hex Border colors #FF6100; color: #FF6100;
    font-size: 0.8rem;
    height: 2.2rem;
    padding: 0 1.2rem !important;
}

.tabbed-content.box_menu .nav .active a {
    background: #FF6100;
    Colors Hex Hex Background colors #FF6100; color: #fff !important;
}

.slider_image_pj {
}

.slider_image_pj {
    max-width: 59rem;
    margin: auto;
}

.slider_image_pj .slick-list {
    overflow: unset;
}

.slider_image_pj .item_slide_image {
    height: 30rem;
    display: flex;
    align-items: center;
    border-radius: 1.5rem;
    overflow: hidden;
    margin: 0 0.6rem;
    opacity: .5;
    transition: .5s all;
}

.slider_image_pj .item_slide_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tabs_project.tabbed-content.box_menu .nav {
    position: absolute;
    top: 0;
    right: 0;
}

.tabs_project.tabbed-content.box_menu .nav ul {
    justify-content: flex-end !important;
}

.tabs_project.tabbed-content.box_menu .nav {
    justify-content: flex-end;
    margin: 1rem 0 0 0;
}

.proj_sec_2 .bg {
    background-position: bottom center;
    background-size: 100% auto !important;
    background-repeat: no-repeat !important;
    height: 46.7rem;
    bottom: 0;
    top: unset;
}

.proj_sec_2 .bg:before,.proj_sec_2 .bg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.90) 12.37%, rgba(255, 255, 255, 0.80) 24.84%, rgba(255, 255, 255, 0.00) 100%);
    Colors Hex Hex Background colors; height: 50%;
}

.proj_sec_2 .bg:after {
    top: unset;
    bottom: -1px;
    transform: rotate(180deg);
}

.group_heading h2 strong {
    color: #FF6100;
}

.proj_sec_2_items .icon-box-img {
    width: auto !important;
}

.proj_sec_2_items .icon-inner {
    height: 2.25rem;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 0.25rem;
}

.proj_sec_2_items .icon-inner img {
    max-height: 100%;
    transform: rotateY(0deg);
    transition: .5s all;
}

.proj_sec_2_items h6 {
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 400;
}

.proj_sec_2_items h3 {
    2 3 4 5 6 7color: #333;text-align: center;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 700;
}

.proj_sec_2_items .icon-box-text {
    max-width: 18rem;
}

.proj_sec_2_items .icon-box {
    margin-bottom: 2.5rem;
}

.proj_sec_3_content .col-inner {
    max-width: 29.25rem;
    margin: 0 auto 0 0 !important;
}

.proj_sec_3_items {
    flex-wrap: wrap;
    margin: 0 -0.5rem;
}

.proj_sec_3_items .text {
    width: calc(50% - 1rem);
    margin: 0 .5rem;
}

.proj_sec_3_items h3 {
    font-size: 1rem;
    font-weight: 400;
    color: #FF6100;
    line-height: 1;
    margin-bottom: 0.25rem;
}

.proj_sec_3_items h3 strong {
    font-size: 2.75rem;
    font-weight: 700;
    line-height: 1;
}

.proj_sec_3_items {
    font-size: 0.8rem;
}

.proj_sec_3_items .text:nth-child(n + 3) {
    margin-top: 2rem !important;
}

.tab_tien_ich .content_top {
    max-width: 57rem;
    margin: auto;
    font-size: 1rem;
}

.slider_tien_ich .box-image {
    border-radius: 1.5rem;
}

.slider_tien_ich .box {
    margin: 0 0.6rem;
    width: auto;
}

.slider_tien_ich {
    margin: 0 -0.6rem;
}

.slider_tien_ich h3 {
    color: #454545;
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 0.5rem;
}

.proj_sec_5 .group_heading {
    font-size: 1rem;
}

.proj_sec_5 .box_menu .nav li {
    margin: 0 0.6rem !important;
}

.proj_sec_5 .box_menu .nav {
    margin-bottom: 2rem;
}

.box_menu ul li +li {
    margin-left: .5rem;
}

.slider_logo_project .inner {
    width: 13.35rem;
    height: 6.65rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    margin: auto;
    border-radius: 1.5rem;
    box-shadow: 0rem 0rem 1rem 0rem rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.slider_logo_project {
    margin: 0 -2.5rem 12rem;
}

section.proj_sec_8 {
    padding: 1.5rem 0 4rem;
}

.style_slider ul.slick-dots {
    background: rgba(0, 0, 0, 0.10);
    height: 1px;
    Style; margin-top: 4.5rem;
    width: calc(100% - 12rem);
}

.style_slider ul.slick-dots button {
    height: 0.15rem;
    border-radius: 0;
    width: 100%;
    border: none;
    background: #FF6100;
}

.style_slider ul.slick-dots li {
    width: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    opacity: 0;
}

.style_slider ul.slick-dots li.slick-active {
    opacity: 1;
}

.proj_item {
    position: relative;
    margin: 0 1.75rem;
}

.proj_item .box_img {
    height: 18.4rem;
    border-radius: 1rem;
    overflow: hidden;
}

.proj_item .box_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: .5s all;
}

.proj_item span.nhan {
    border: none;
    background: #FF6100;
    Colors Hex Hex Background colors #FF6100; left: 1.6rem;
    border-radius: 5rem;
}

.proj_item span.nhan.nb {
    left: unset;
    right: 1.6rem;
    background: #FFDFCC;
    Colors Hex Hex Background colors #FFDFCC; color: #FF6100;
}

.slider_project_othder {
    margin: 2rem -1.75rem 0;
}

.proj_item h3 {
    font-size: 1.1rem;
    margin: 1rem 0;
}

.proj_item .address {
    display: flex;
    align-items: center;
}

.proj_item .icon {
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

.proj_item {
    font-size: 0.8rem;
}

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

.proj_item ul.info_project li {
    display: flex;
    align-items: center;
    padding: 0 1.25rem;
    margin-bottom: 0;
}

.proj_item ul.info_project li .icon {
    margin-right: 0.25rem;
}

.proj_item ul.info_project {
    margin: 1rem -1.25rem;
}

.proj_item ul.info_project li +li {
    border-left: 1px solid rgba(69, 69, 69, 0.20);
}

.proj_item .content {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

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

.style_slider button.button_slide {
    bottom: .2rem;
    top: unset;
    transform: unset;
    right: 6rem !important;
    left: unset;
}

.style_slider button.button_slide.next_button {
    bottom: -2.6rem !important;
    right: 3.5rem !important;
}

.tabs_project iframe {
    width: 100%;
    height: 31rem;
}

.item_slide_image a.style_center.max {
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(0 0 0 / 50%);
}

.item_slide_image a.style_center.max svg {
    width: 100px;
    fill: #fff;
    transform: scale(1);
    transition: .5s all;
}

.item_slide_image a.style_center.max svg path {
    fill: #fff;
}

.item_slide_image:hover a.style_center.max svg {
    transform: scale(1.15);
}

.slider_image_pj .item_slide_image.slick-active {
    opacity: 1;
}

.proj_sec_9 {
    background-image: url(../images/bg_project_sec_6.jpg) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin-top: 5rem;
}

.proj_sec_9 .group_heading h2 {
    font-size: 1.6rem;
    color: #FFF;
    font-weight: 400;
}

.proj_sec_9 .group_heading h2 strong {
}

.proj_sec_9 .group_heading {
    font-size: 0.9rem;
    color: #fff;
}

.proj_sec_9 .wrap_form_tv input, .proj_sec_9 .wrap_form_tv textarea {
    border-color: #fff;
    opacity: 0.5;
    background: transparent !important;
    color: #fff !important;
}

.proj_sec_9 .wrap_form_tv input:focus, .proj_sec_9 .wrap_form_tv textarea:focus {
    opacity: 1;
}

.bn_page .banner-layers.container {
    max-width: 86.5rem !important;
}

.breadcrumbs.text li.title_single * {
    color: #FF6100;
}

.item_post .box_content>span:before {
    content: '';
    width: 0.6rem;
    background: #AE0000;
    Colors Hex Hex Border colors; height: 1px;
    margin-right: 0.4rem;
}

.wrap_posts_left .box_content {
    position: absolute;
    bottom: 0;
    filter: brightness(0) invert(1);
    z-index: 3;
    padding: 1.2rem 2rem;
    max-width: 30.4rem;
}

.news_sec_2 .wrap_posts_left .item_post .box_img:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12rem;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 100%);
    z-index: 2;
}

.item_post .box_img span.box_date {
    position: absolute;
    top: 0.8rem;
    right: 0.8rem;
    z-index: 9;
    border-radius: 1.75rem;
    background: var(--main, #FF6100);
    padding: 0.272rem 0.8800000000000001rem;
    font-size: 0.48rem;
    color: #fff;
    line-height: normal;
}

.nav_top_post {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgba(0, 0, 0, 0.10);
    padding-top: 0.75rem;
}

.nav_top_post .date_post {
    display: flex;
    font-size: 0.8rem;
    color: #FF6100;
}

.nav_top_post .date_post >* {
    color: rgba(0, 0, 0, 0.10);
    margin: 0 0.7rem;
}

.nav_top_post .share {
    display: flex;
    align-items: center;
}

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

.nav_top_post .share ul li {
    margin: 0 0 0 0.5rem;
}

.content.content_post strong {
    font-weight: 600;
}

.content.content_post blockquote {
    font-size: .8rem;
    color: var(--main, #FF6100);
    border-color: #FF6100;
    border-width: 0.2rem;
    margin-left: 6.25rem;
}

.wp-caption .wp-caption-text {
    background: transparent;
}

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

.share a path {
    fill: #FF6100;
}

.content.content_post a {
    color: #FF6100;
    border-bottom: 1px solid #FF6100;
    font-weight: 700;
}

.support_section ul.nav {
    position: absolute;
    top: -9.7rem;
}

.support_section {
    position: relative;
    z-index: 10;
}

.support_section ul.nav a {
    height: 2.75rem;
    border-radius: 1rem 1rem 0rem 0rem;
    background: rgba(0, 0, 0, 0.30);
    backdrop-filter: blur(0.25rem);
    border: none;
    color: #FFF;
    text-align: center;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.4rem;
}

.support_section ul.nav .active a {
    background: #FF6100;
    color: #fff;
}

.support_section .tab-panels {
    background: transparent;
    border: none;
    max-width: 57.25rem;
    margin: auto;
    font-size: 0.8rem;
    padding: 0;
}

.tab-panels {
}

.accordion-item a>span:before {
}

.support_section .accordion {
    margin-top: 0 !important;
}

.accordion-item a.active {
    color: #FF6100;
    font-weight: 500 !important;
}

.accordion-item p a {
    color: #FF6100;
    font-size: 0.8rem;
    border-bottom: 1px solid #FF6100 !important;
    display: inline-block !important;
    padding: 0 !important;
    font-weight: 700 !important;
}

.support_section .bg {
    background-size: 100% auto !important;
    background-position: bottom center;
}

a.link_action .icon svg {
    max-width: 100%;
    height: auto;
}

.logo_contact {
    max-width: 9.85rem;
    margin-bottom: 2rem !important;
}

.accordion.contact_toggle {
    margin: 0 !important;
}

.contact_page_sec_1 h3.accordion_title {
    font-size: 1.2rem;
    margin-bottom: 2rem;
}

.contact_toggle .accordion-item {
    border-top: 0.05rem solid var(--4, #FFF);
    Colors Hex Hex Border colors; border-bottom: none !important;
}

.contact_toggle .accordion-item a {
    padding: .7rem 3rem 1rem 0 !important;
    2 3 4 5 6 color: var(--4, #FFF);
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 700 !important;
}

.contact_toggle button.toggle {
    top: .2rem !important;
}

.contact_page_sec_1_right .col-inner {
    border-radius: 1.5rem;
    background: #FFF;
    box-shadow: 0rem 0rem 0.75rem 0rem rgba(0, 0, 0, 0.05);
    padding: 2.5rem 4rem;
    font-size: 0.8rem;
    color: #454545;
    margin: 5rem 0 0 5rem !important;
}

.contact_page_sec_1_right .col-inner>p {
    color: #454545;
}

.contact_page_sec_1_right .col-inner h2 {
    color: #FF6100;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0.4rem;
}

.iframe_contact iframe {
    width: 100%;
    height: 27.5rem;
    border-radius: 1.5rem;
    box-shadow: 0rem 0rem 0.75rem 0rem rgba(0, 0, 0, 0.08);
    margin-top: -7rem;
    margin-bottom: 3rem;
}

.section_footer {
    padding: 4.5rem 0 0 !important;
}

.section_footer .section-title {
    border: none;
    margin: 0;
}

.section_footer .section-title b {
    display: none;
}

.section_footer .section-title span.section-title-main {
    border: none;
    margin: 0;
    padding: 0;
    color: #454545;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    align-items: center;
}

.section_footer .section-title span.section-title-main:before {
    content: '';
    width: 1rem;
    height: 0.05rem;
    background: #AE0000;
    position: unset;
    margin-right: 0.5rem;
}

.logo_footer {
    max-width: 7.2rem !important;
    display: block;
    margin: auto;
}

.footer_col_2_list {
    font-size: 0.8rem;
}

.footer_col_2_list .icon-box {
    align-items: center;
}

.footer_col_2_list .icon-box-img {
    width: 1.1rem !important;
    height: auto;
    align-items: center;
}

.footer_col_2_list .icon-box+.icon-box {
    margin-top: 0.75rem !important;
}

.section_footer .ux-menu-link__link {
    padding: 0 !important;
    font-size: 0.8rem;
    min-height: unset;
}

.section_footer .ux-menu-link+.ux-menu-link {
    margin-top: 0.6rem !important;
}

.section_footer .container.section-title-container {
    margin-bottom: 1rem;
}

.socials_footer a {
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    box-shadow: 0.1rem 0.1rem 0.4rem 0rem rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    transition: .5s all;
}

.socials_footer a img {
    max-width: 1.5rem;
    max-height: 1.5rem;
    width: auto;
    height: auto;
    border-radius: unset;
}

.img_bct {
    max-width: 5.95rem;
    margin-top: 2.75rem;
}

.footer_col_3 .col-inner {
    padding-left: 0;
}

section_footer .is-divider.divider {
    margin-top: 2rem !important;
    display: block;
}

.section_footer .is-divider.divider {
    margin-top: 2rem !important;
}

.item_project_home .box_content * {
    color: #fff;
}

.item_project_home .box_content {
    max-width: 28rem;
}

.item_project_home h3 {
    color: #FFF;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 0.5rem;
}

.item_project_home .content {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 4.8rem;
    margin-bottom: 1.5rem;
}

.item_project_home>span {
    color: #FFF;
    margin-top: 1rem;
    display: block;
}

section.ctv_section {
    padding: 5rem 0 4rem;
}

section.ctv_section .group_heading.text-center {
    margin-bottom: 2rem;
}

.ctv_section .content ul {
    margin-left: 1.5rem;
}

.ctv_section .content h2,.ctv_section .content h3,.ctv_section .content h4 {
    font-weight: 600;
}

.ctv_section .content h2 {
    font-size: 1.2rem;
}

.ctv_section .content {
    font-size: 0.8rem;
}

.ctv_section .content h3 {
    font-size: 1rem;
}

a.style_button.open_form {
    background: #FF6100;
    Colors Hex Hex Background colors #FF6100;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 0 1.75rem;
    border-radius: 5rem;
    font-size: 0.8rem;
    transition: .4s all;
}

.ctv_section .content_bottom h2 {
    color: #FF6100;
    font-size: 1.8rem;
    margin-top: 3rem;
    font-weight: 600;
}

div#popup_ctv {
    max-width: 32rem;
    border-radius: 1rem;
    overflow: hidden;
}

div#popup_ctv h2.title_form {
    text-align: center;
    padding: 0 .5rem;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.2;
}

div#popup_ctv input:not([type="file"]), div#popup_ctv textarea {
    border: none;
    padding: 0;
    box-shadow: none !important;
    color: rgb(69 69 69 / 40%);
    font-size: 0.8rem;
    border-bottom: 0.05rem solid rgba(69, 69, 69, 0.20);
}

.wrap_form_ctv label {
    font-weight: 400;
    font-size: 0.8rem;
}

.wrap_form_ctv input.wpcf7-submit {
    background: #FF6100;
    height: 2.2rem;
    width: 100%;
    border-radius: 5rem;
    font-size: 0.8rem;
    color: #fff !important;
    font-weight: 400;
    margin-top: 1rem;
    text-transform: unset;
}

.item_pj {
    position: relative;
}

.item_pj img {
    height: calc(100vh - 8rem);
    object-fit: cover;
    min-height: 37rem;
}

.item_pj .box_content {
    position: absolute;
    top: 0;
    width: 32.75rem;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
    backdrop-filter: blur(0.25rem);
    height: 100%;
    padding: 3.5rem 4.5rem;
    font-size: 0.8rem;
}

.item_pj .box_content * {
    color: #fff;
}

.item_pj span.box_term {
    height: 1.7rem;
    display: inline-flex;
    align-items: center;
    font-size: 0.7rem;
    font-weight: 500;
    border: 0.05rem solid rgba(255, 255, 255, 0.40);
    padding: 0 1.25rem;
    margin-bottom: 1.25rem;
}

.item_pj h3 {
    font-size: 2.75rem;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.item_pj .icon {
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.4rem;
}

.item_pj .icon img {
    display: block;
}

.item_pj .address {
    display: flex;
    font-size: 0.8rem;
    align-items: center;
}

.item_pj ul.info_project {
    list-style: none;
    margin: 1rem 0 1.75rem;
    display: flex;
    padding: 1rem 0;
    border-top: 0.05rem solid rgba(255, 255, 255, 0.20);
    border-bottom: 0.05rem solid rgba(255, 255, 255, 0.20);
}

.item_pj ul.info_project li {
    display: flex;
    align-items: center;
}

.item_pj ul.info_project li+li {
    margin-left: 2.5rem;
}

.item_pj ul.info_project li {
    margin-bottom: 0;
}

span.button_view,
.button_view{
    display: flex;
    align-items: center;
    float: right;
    margin-top: 1.5rem;
}

span.button_view svg,
.button_view svg{
    height: 2.5rem;
    width: auto;
    margin-left: 0.75rem;
    transform: scale(1);
}

.slider_project_nb ul.slick-dots, .section_banner_slider ul.slick-dots {
    position: absolute;
    bottom: 3.5rem;
    left: 4.5rem;
}

.slider_project_nb ul.slick-dots button, .section_banner_slider ul.slick-dots button {
    width: auto;
    height: auto;
    font-size: 0.8rem;
    background: transparent;
    border: none;
    color: #FFF;
    font-weight: 500;
    line-height: 1;
    display: flex;
    align-items: center;
    outline: none !important;
}

.slider_project_nb ul.slick-dots li , .section_banner_slider ul.slick-dots li {
    margin: 0;
}

.slider_project_nb ul.slick-dots .slick-active button, .section_banner_slider ul.slick-dots .slick-active button {
    color: #FF6100;
}

.item_pj:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 47.5rem;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 100%);
}

.slider_project_nb ul.slick-dots button:before, .section_banner_slider ul.slick-dots button:before {
    display: inline-block;
    content: '';
    width: 0;
    height: 0.05rem;
    background: #FF6100;
    margin-right: 0.4rem;
    transition: .5s all;
    order: -1;
}

.slider_project_nb ul.slick-dots li+li, .section_banner_slider ul.slick-dots li+li {
    margin-left: 0.4rem;
}

.slider_project_nb ul.slick-dots .slick-active button:before, .section_banner_slider ul.slick-dots .slick-active button:before {
    width: 1.75rem;
}

.slider_project_nb button#slick-slide-control03 {
}

.slider_project_nb .button_slide {
    right: unset !important;
    left: 25.75rem;
    z-index: 9;
    bottom: 2rem;
    top: unset;
    transform: unset;
    background: rgb(255 255 255 / 70%);
    border: none;
}

.slider_project_nb .button_slide.prev_button {
    bottom: 4.6rem;
    left: 23.6rem;
}

.wrap_project_page {
    display: flex;
    flex-wrap: wrap;
    margin: 2.5rem -1.75rem 0;
}

.wrap_project_page .proj_item {
    width: calc(calc(100% / 3) - 3.5rem);
    margin: 0 1.75rem 3rem;
}

.item_project .box_img .nhan {
    border-radius: 100px;
    left: 1.5rem;
    top: 1.5rem;
}

ul.nhan_right {
    text-align: right;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    z-index: 9;
    max-width: 10rem;
}

ul.nhan_right li {
    display: inline-flex;
    width: auto;
    height: 1.5rem;
    z-index: 9;
    border-radius: 5rem;
    background: var(--7, #FF6100);
    color: var(--7, #FFF);
    font-size: 0.6rem;
    font-style: normal;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 .8rem;
    margin: 0;
}

ul.nhan_right li + li {
    margin-top: .5rem;
}

.item_project .price:before {
    content: '';
    width: 1rem;
    height: 0.05rem;
    display: block;
    background: #E11B22;
    margin-right: .7rem;
}

.item_project ul.info a {
    display: flex;
    align-items: flex-start;
}

.item_project ul.info a svg {
    flex: 0 0 auto;
    margin-right: .2rem;
}

.item_project ul.info li+li {
}

.product_sec_2 .item_project ul.info ul li {
    width: 50%;
    margin-top: .1rem;
}

div#thong_tin_du_an .proj_item {
    margin: 0;
    display: flex;
    align-items: center;
}

div#thong_tin_du_an .proj_item .box_img {
    width: 24rem;
    flex: 0 0 auto;
    margin-right: 1.5rem;
    height: 16rem;
}

.product_sec_2 .box_menu li {
    margin: 0;
}

.product_sec_2 .box_menu ul a {
    padding: 0.5rem 1.4rem !important;
    border: none;
    color: #333;
    font-size: .9rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.single .inputcalc {
    width: 100%;
}

.single .inputcalc .irs .irs-bar, .single .inputcalc .irs .irs-bar-edge {
    background: #FF6100;
}

.single .inputcalc .irs .irs-handle {
    border: 0.15rem solid #FF6100;
}

.single .loan-tool-block .col {
    padding: 3.25rem;
    padding-bottom: 2.5rem;
    width: 50%;
}

.single .loan-tool-block .col.loan-box-right {
    padding-left: 0;
    padding-right: 0;
}

.single .loan-tool-block .col.loan-box-right h2, .single .loan-tool-block .col.loan-box-right .chart-box, .single .loan-tool-block .col.loan-box-right .total-pay {
    padding-left: 3.25rem;
    padding-right: 3.25rem;
}

.single span.irs-single {
    display: none;
}

.single .loan-box-left .row .calc-wrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    width: 100%;
}

.single .loan-box-left .row .calc-wrapper select {
    background: #FFFFFF;
    border: 0.05rem solid #D0D5E0;
    border-radius: 1rem;
    padding: 0.45rem 0.85rem;
    line-height: 1rem;
    color: #666666;
    height: auto;
    font-size: .8rem;
}

.single .loan-box-left .option-group {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    display: flex;
}

.single .loan-box-left .option-group .option {
    padding-right: 2.5rem;
    display: flex;
}

.single .loan-box-left .option input[type="radio"] {
    width: 0.7rem;
    height: 0.7rem;
    float: left;
    display: block;
    visibility: visible;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: 0 0;
}

.single .loan-box-left .option input[type="radio"]::before {
    display: inline-block;
    content: "";
    width: 1.05rem;
    height: 1.05rem;
    background: #FFFFFF;
    border: 0.1rem solid #FF6100;
    border-radius: 50%;
    box-sizing: border-box;
}

.single .loan-box-left .option input[type="radio"]::after {
    display: inline-block;
    content: "";
    width: 0.65rem;
    height: 0.65rem;
    position: absolute;
    top: 0.2rem;
    left: 0.2rem;
    border-radius: 50%;
}

.single .loan-box-left .option input[type="radio"]:checked::after {
    background: #FF6100;
}

.single .loan-box-left .option label {
    padding: 0 0 0 0.75rem;
    display: block;
    width: calc(100% - 0.7rem);
    float: left;
    line-height: 1.3;
    font-size: 0.7rem;
    color: #000000;
    font-weight: 300;
}

.single .input-group {
    display: block;
    width: 5rem;
    height: 1.8rem;
    margin-left: 1rem;
    float: left;
}

.single .input-group {
    position: relative;
}

.single .input-group .calc-input {
    height: 100%;
    width: 100%;
    display: block;
    visibility: visible;
    border: 0;
    outline: 0;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0.5rem;
    border-radius: 3rem;
    background: #FFFFFF;
    border: 1px solid #D0D5E0;
    color: #FF6100;
}

.single .input-group .calc-input {
    padding-right: 1.1rem;
}

.single .input-group .calc-input::-webkit-outer-spin-button, .single .input-group .calc-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.single .input-group .calc-input[type=number] {
    -moz-appearance: textfield;
}

.single .input-group .unit {
    font-weight: 300;
    position: absolute;
    right: 0.8rem;
    top: 0;
    font-size: 0.7rem;
    height: 1.7rem;
    line-height: 1.7rem;
    color: #FF6100;
    width: auto;
}

.single .input-group label {
    display: block;
    width: 100%;
    height: 100%;
}

.single .chart-box {
    display: flex;
    position: relative;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3.5rem;
}

.single .chart-box .chart1 {
    width: 50%;
    position: relative;
}

.single .chart-box .estimate {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.single .chart-box .estimate .estimate-value {
    font-size: 1.5rem;
    font-weight: 600;
    color: #30333a;
    line-height: 0.7;
}

.single .chart-box .estimate .estimate-value span {
    font-size: 1rem;
    font-weight: 500;
}

.single .chart-box .chart-description {
    position: relative;
    justify-content: space-between;
    width: 50%;
    padding-left: 1.5rem;
}

.single .chart-box .chart-description .chart-legend .value {
    font-size: 0.7rem;
    font-weight: 600;
}

.single .chart-box .chart-description .chart-legend {
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    margin-bottom: 0.75rem;
    padding-left: 1.5rem;
}

.single .chart-box .chart-description .chart-legend::before {
    content: '';
    display: block;
    position: absolute;
    top: 0.1rem;
    left: 0;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
}

.single .chart-box .chart-description .chart-legend:nth-child(1)::before {
    background-color: #FEC106;
}

.single .chart-box .chart-description .chart-legend:nth-child(2)::before {
    background-color: #AE0000;
}

.single .chart-box .chart-description .chart-legend:nth-child(3)::before {
    background-color: #FF6100;
}

.single .chart-box .chart-description .chart-legend .label {
    font-size: 0.7rem;
    color: rgba(68, 76, 89, 0.7);
    height: 0.7rem;
    line-height: 0.7rem;
}

.single .loan-tool-block:after {
    content: "";
    display: block;
    clear: both;
}

.single .loan-tool-block {
    display: flex;
    margin-top: 1.75rem;
    border: 0.05rem solid #E1E1E1;
    background: #FFFFFF;
}

.single .loan-box-right {
    border-left: 0.05rem solid #E1E1E1;
    background: #FBFBFB;
}

.single .loan-box-right .total-pay {
    padding: 4rem 0 0;
    border-top: 0.05rem solid #E1E1E1;
}

.single .loan-box-right .total-pay .inner {
    display: flex;
    position: relative;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.single .loan-box-right .total-pay .inner .label {
    line-height: 1.3;
    font-weight: 300;
    margin-right: 0.5rem;
}

.single .loan-box-right .total-pay .inner .total-pay-value {
    font-size: 1.5rem;
    color: #FF6100;
    font-weight: 700;
}

.single .loan-box-right .down-payment {
    display: flex;
    flex-flow: row wrap;
    margin-top: 1.25rem;
}

.single .loan-box-right .down-payment button {
    margin-bottom: 0.75rem;
    width: 100%;
}

.btn-green {
    border-color: #02a24b;
    background: #02a24b;
}

.single .loan-box-right .down-payment a {
    color: rgba(51, 117, 136, 0.86);
    margin-bottom: 0.75rem;
    font-size: 0.7rem;
    height: 1rem;
    line-height: 1rem;
    vertical-align: unset;
    align-items: baseline;
}

.single .btn-show-calc {
    height: 2.25rem;
    line-height: 2.25rem;
    font-size: 0.8rem;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    font-weight: 700;
    min-width: 10rem;
    text-align: center;
    padding: 0 1rem;
    background-color: var(--cl-second);
    color: var(--cl-main);
    transition: .2s all ease-in-out;
    display: none;
}

.single .btn-show-calc:hover {
    transform: scale(1.05);
}

div#tinh_vay_mua_nha {
    padding-bottom: 0;
}

div#tinh_vay_mua_nha .group_content.text-center {
    display: none;
}

.wp_phongthuy_form .form-line select {
    background-size: 12px;
}

.wp_phongthuy_form .form-line input[type="submit"], .wp_phongthuy_form .form-line input[type="button"] {
    background: #FF6100;
}

.grid-container {
    margin: auto;
}

.custom-select-container {
    position: relative;
    width: 100%;
    font-family: Arial, sans-serif;
}

.selected-option {
    padding: 10px;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-color: transparent;
    width: 100%;
    padding: 0;
    border: none !important;
    border-bottom: 1px solid rgba(45, 106, 102, 0.20) !important;
    box-shadow: none !important;
    padding: 0;
    color: #666;
    font-size: 0.7rem;
    margin-bottom: 0.9rem;
    background-repeat: no-repeat;
    background-position: right center;
    height: 2.507em;
    background-size: 1rem;
}

.custom-select {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    border-top: none;
    width: 100%;
    position: absolute;
    background-color: #f9f9f9;
    z-index: 1000;
    overflow-y: auto;
    background: #0F6B67;
    border-radius: 1rem;
    margin-top: -1rem;
}

.custom-select li {
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #f7f7f73b;
}

.custom-select li:hover {
    background-color: #A71D45;
}

.custom-select li {
    margin: 0 !important;
}

.custom-select li {
    color: #ffff;
}

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

.custom-select::-webkit-scrollbar {
    width: 0.217rem;
    background-color: #cedbff;
}

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

.page-template-my-account {
    overflow: unset !important;
}

.button_fixed {
    position: sticky;
    bottom: 0;
    z-index: 9;
    width: 100%;
}

.dang_tin_section {
    position: relative;
}

.error-message {
    color: red;
    font-size: 13px;
    margin-top: 5px;
    display: none;
}

.upload__box {
    padding: .5rem 0;
}

.upload__inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.upload__btn {
    display: inline-block;
    font-weight: 600;
    color: #fff;
    text-align: center;
    padding: 5px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 2px solid;
    background-color: #FF6100;
    border-color: #FF6100;
    border-radius: 10px;
    line-height: normal;
    font-size: 14px;
    padding: .5rem 1rem;
}

.upload__btn:hover {
    background-color: unset;
    color: #FF6100;
    transition: all 0.3s ease;
}

.upload__btn-box {
    margin-bottom: 10px;
}

.upload__img-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.upload__img-box {
    width: 25%;
    padding: 0 10px;
    margin-bottom: 12px;
}

.upload__img-close {
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: .2rem;
    right: .2rem;
    text-align: center;
    z-index: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.upload__img-close:after {
    content: 'x';
    font-size: .8rem;
    color: white;
    line-height: 1.3;
}

.img-bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding-bottom: 100%;
}

.wrap_item_select .item svg {
    width: .8rem;
    height: auto;
}

.home .cre_bottom {
    display: none;
}

ul.nhan_right li svg {
    max-height: 68%;
    width: auto;
    margin-right: .2rem;
}

.slider_lv button.prev_button {
    right: 4.4rem !important;
}

.share a svg {
    max-width: 50%;
    max-height: 50%;
}

.dang_tin_section ul.loai_bds {
    list-style: none;
    margin: 0;
    display: flex;
    width: 100%;
}

.dang_tin_section ul.loai_bds li {
    width: 50%;
    text-align: center;
}

.dang_tin_section ul.loai_bds li a {
    background: #fff;
    color: #fff;
    display: flex;
    justify-content: center;
    padding: .4rem;
    border: 1px solid #FF6100;
    color: #FF6100;
    transition: .5s all;
}

.dang_tin_section ul.loai_bds li a.active {
    background: #FF6100;
    color: #fff;
}

.dang_tin_section label {
    font-size: .8rem;
    font-weight: 400;
}

.dang_tin_section select, .dang_tin_section input,.dang_tin_section textarea {
    border-radius: 6px;
    box-shadow: none !important;
    font-size: .9rem;
    height: 2.5rem;
    margin-bottom: 0;
}

.dang_tin_section div#map {
    border-radius: .5rem;
    height: 19rem;
    margin-top: 1rem;
}

.dang_tin_section .wrap_box {
    padding: 1.5rem;
    box-shadow: 0 0 5px #dedede;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.dang_tin_section label span {
    color: red;
}

.dang_tin_section .wrap_box h3 {
    width: 100%;
    display: block;
}

.dang_tin_section .wrap_item {
    width: calc(50% - .5rem);
    margin-bottom: 1rem;
}

.dang_tin_section .wrap_item.full {
    width: 100%;
}

.wrap_input {
    position: relative;
}

.wrap_input .don_vi {
    position: absolute;
    top: 1px;
    width: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 1px;
    background: #fff;
    bottom: 1px;
    border-radius: .5rem;
}

.wrap_input input {
    margin: 0;
}

.dang_tin_section span.review-field {
    font-size: .8rem;
}

.CR-box-input input {
    margin-bottom: 0;
}

.dang_tin_section span.review-field b {
    color: #FF6100;
}

.dang_tin_section .wrap_box+.wrap_box {
    margin-top: 1rem;
}

.CR-custom-note-upload-field {
    font-size: .8rem;
}

.CR-custom-note-upload-field b {
    color: #FF6100;
}

.CR-custom-note-upload-field p {
    margin-bottom: .2rem;
}

.upload__btn p {
    margin: 0;
}

a.submit_dang_tin {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FF6100;
    color: #fff;
    height: 2.5rem;
    border-radius: .5rem;
    margin-top: .5rem;
    font-weight: 700;
    text-transform: uppercase;
}

.gm-style .gm-style-iw-c .gm-style-iw-d {
    order: -1;
}

.gm-style .gm-style-iw-c .gm-style-iw-d a.link_product {
    display: flex;
    align-items: center;
}

.gm-style .gm-style-iw-c .gm-style-iw-d a.link_product img {
    order: -1;
    height: 5rem;
    object-fit: cover;
    width: 5rem !important;
    flex: 0 0 auto;
    border-radius: .5rem;
    margin-right: .5rem;
}

.gm-style .gm-style-iw-c button.gm-ui-hover-effect {
    display: none !important;
}

.wrap_all_left {
}

.product_sec_2 .wrap_title .wrap_box {
    display: flex;
}

.product_sec_2 .wrap_title .wrap_all_right {
    width: 10.55rem;
    flex: 0 0 auto;
    margin-left: 1.5rem;
    text-align: right;
}

.product_sec_2 .wrap_title a.button.secondary.lowercase.reveal-icon.button_style {
    flex: 0 0 auto;
    width: max-content;
    border-radius: 5rem;
    font-size: 0.8rem;
    padding: 0 0.7rem;
    margin: 0 0 3rem 0;
}

.product_sec_2 .wrap_title .button_action ul {
    list-style: none;
    margin: 0;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0rem;
}

.product_sec_2 .wrap_title .button_action ul svg {
    display: block;
    width: 1.25rem;
    height: auto;
}

.product_sec_2 .wrap_title .button_action ul li+li {
    margin-left: 1.25rem;
}

.wrap_date {
    font-size: 0.7rem;
    color: #454545;
}

.wrap_date span {
    display: block;
}

.wrap_date b {
    color: #FF6100;
    font-size: 0.8rem;
}

.wrap_date .item+.item {
    margin-top: 1rem;
}

ul.project_info {
    list-style: none;
    margin: 2rem -2rem 0;
    display: flex;
    color: #454545;
    font-size: 0.8rem;
}

ul.project_info li {
    display: flex;
    align-items: center;
    padding: 0 2rem;
}

ul.project_info li svg {
    display: block;
    width: 1rem;
    height: auto;
}

ul.project_info li .icon {
    margin-right: .3rem;
}

div#mo_ta .content {
    font-size: 0.8rem;
}

div#mo_ta .content ul {
    margin-left: 1.25rem;
}

.wrap_info_product {
    margin-top: 2rem;
}

ul.wrap_info_tong_quan li {
    width: 100%;
}

div#tong_quan ul li .box_title {
    display: flex;
    align-items: center;
    width: 15rem;
    flex: 0 0 auto;
    font-size: 0.8rem;
}

div#tong_quan ul li .box_title svg {
    width: 1.6rem;
    height: auto;
    display: block;
    margin-right: .5rem;
}

div#tong_quan ul li .box_title b {
    font-size: 1.2rem;
}

div#dktq .box_sidebar_product {
    box-shadow: none;
    background: transparent;
}

.wrap_all_filter_product .wrap_right {
    display: flex;
    flex-wrap: wrap;
}

img.logo_center {
    width: 20rem;
}

.popup_success {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgb(0 0 0 / 30%);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: .4s all;
}

.popup_success .inner {
    background: #fff;
    border-radius: 0.5rem;
    text-align: center;
    padding: 2rem 3rem;
}

.popup_success a.button {
    margin: 0;
}

.popup_success .icon {
    width: 3rem;
    height: 3rem;
    display: flex;
    margin: auto;
    justify-content: center;
    background: var(--fs-color-secondary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    fill: #fff;
    margin-bottom: 0.6rem;
}

.popup_success .icon svg {
    max-width: 50%;
    max-height: 50%;
    width: auto;
    height: auto;
}

.popup_success .content {
    font-weight: 700;
    margin-bottom: 1rem;
}

.popup_success.active {
    opacity: 1;
    pointer-events: unset;
}

a.submit_dang_tin.loading {
    pointer-events: none;
}

a.submit_dang_tin.loading:before {
    animation: spin .5s linear infinite;
    border: 2px solid #fff;
    border-radius: 32px;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    content: "";
    display: block;
    height: 16px;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}

a.submit_dang_tin.loading {
    color: transparent;
}

.searchform .button.icon {
    background: transparent !important;
    box-shadow: none !important;
    height: 2rem !important;
    min-height: unset !important;
    display: flex;
    a; a; align-items: center;
    justify-content: center;
    font-size: .7rem;
}

ul.header-nav.header-nav-main.nav.nav-right {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.searchform .button.icon i {
    display: block;
}

.searchform-wrapper {
    width: auto;
}

.box_option ul {
    max-height: 16rem;
    overflow: auto;
}

.box_filter_search.wrap_item_select .box_option.slider_rance {
    max-height: 29rem;
    overflow: auto;
}

.box_option ul::-webkit-scrollbar-track, .box_filter_search.wrap_item_select .box_option.slider_rance::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0.3rem rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.box_option ul::-webkit-scrollbar, .box_filter_search.wrap_item_select .box_option.slider_rance::-webkit-scrollbar {
    width: 0.417rem;
    background-color: #cedbff;
}

.box_option ul::-webkit-scrollbar-thumb, .box_filter_search.wrap_item_select .box_option.slider_rance::-webkit-scrollbar-thumb {
    background-color: #FF6100;
}

.wrap_form_tv input:focus, .wrap_form_tv textarea:focus {
    background: transparent;
    border-color: #FF6100;
    color: #FF6100;
}

.wrap_form_tv span.wpcf7-not-valid-tip {
    text-align: left;
    margin: 0;
}

.wrap_form_tv .col {
    margin-bottom: .7rem;
}

.wrap_form_tv .row {
    align-items: unset;
}

.socials_footer a:hover {
    background: #dedede;
}

.nav-dropdown-has-arrow li.current-dropdown.has-dropdown::after, .nav-dropdown-has-arrow li.current-dropdown.has-dropdown::before {
    display: none;
}

.nav-dropdown-has-border .nav-dropdown {
    border: none;
    padding: .5rem;
}

.nav-dropdown-has-border .nav-dropdown a {
    margin: 0 !important;
    padding: 0 .5rem !important;
    font-size: .9rem;
    color: #333;
    font-weight: 500;
}

.nav-dropdown-has-border .nav-dropdown a:hover {
    color: #FF6100;
}

section.account-login-page .ajax-form-wrapper {
    max-width: 44rem;
    border-radius: 30px;
}

.NK-form input[type='text'], .NK-form input[type='password'], .NK-form input[type='email'], .NK-form input[type='tel'], .NK-form input[type='date'] {
    border-radius: .5rem;
}

.NK-form button.submit-form-btn {
    border-radius: .5rem;
}

.product_sec_2 .wrap_product .slider_gallery,.product_sec_2 .wrap_product .slider_gallery img {
    height: 18.85rem !important;
}

.product_sec_2 .box_menu ul a:hover,.product_sec_2 .box_menu ul a.active , .wrap_filter_product .box_menu .current-menu-item a {
    background: var(--7, #FF6100);
    color: #fff;
}

.slider_project_nb ul.slick-dots button:after, .section_banner_slider ul.slick-dots button:after {
    content: '0';
    height: unset;
    width: unset;
    order: -1;
}

.section_banner_slider ul.slick-dots {
    width: 100%;
    justify-content: center;
    left: 0;
    bottom: 1.2rem;
}

ul.button_fixedd {
    position: fixed;
    right: .8rem;
    transform: translateY(-50%);
    left: unset;
    justify-content: flex-end;
    list-style: none;
    width: auto;
    margin: 0;
    display: inline-block;
    bottom: 6rem;
    z-index: 99;
}

ul.button_fixedd a {
    background: #FF6100;
    box-shadow: 0.1rem 0.1rem 0.4rem 0rem rgba(0, 0, 0, 0.08);
    width: 2.8rem;
    height: 2.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

ul.button_fixedd a svg {
    display: block;
    max-width: 89%;
    width: auto;
    height: auto;
    margin: auto;
}

.home_page_sec_3:before {
    content: '';
    background-image: url(../images/line_top.png);
    width: 100%;
    height: 24rem;
    position: absolute;
    top: -4rem;
    background-size: cover;
    background-repeat: no-repeat;
}

.item_project .box_content h3.vip,.item_project .box_content h3.gap {
    color: red;
    text-transform: uppercase;
}

.item_project .box_content h3 span {
    display: inline-flex;
    text-transform: initial;
    font-weight: 400;
    fill: red;
    margin-right: .2rem;
    align-items: center;
    height: 1.2rem;
    font-size: .8rem;
}

.item_project .box_content h3 span svg {
    height: .7rem;
    width: auto;
}

.item_project .box_content h3.gap svg {
    margin-right: .2rem;
}

.item_project .box_content h3.gap span {
    background: red;
    border-radius: .2rem;
    color: #fff;
    padding: .3rem;
    fill: #fff;
    transform: translateY(-.1rem);
}

.item_project .box_content {
    display: flex;
    align-items: flex-start;
}

.item_project ul.nav_right {
    list-style: none;
    margin: 0 0 0 .7rem;
    flex: 0 0 auto;
}

.item_project ul.nav_right a {
    width: 1.4rem;
    height: 1.4rem;
    padding: 0;
    min-height: unset;
    padding: .2rem;
}

.item_project ul.nav_right li {
    margin-bottom: .4rem !important;
}

.item_project ul.nav_right a svg {
    display: block;
}
div#load_product_so_sanh ul.info {
    display: none;
}
.section_footer .ux-menu-link__link {
    transition: .3s all;
}

.section_footer .ux-menu-link__link:hover {
    color: #FF6100;
}
.proj_sec_2_items .icon-box:hover .icon-inner img {
    transform: rotateY(360deg);
}
.proj_sec_4 {
    z-index: 2;
}
.project_sec_6 .wrap .box_menu ul a:hover, .project_sec_6 .wrap .box_menu ul .current-menu-item a {
    background: #FF6100;
    color: #fff;
}
.box_menu ul .current-menu-item a,
.box_menu ul a:hover{
    background: #FF6100;
    color: #fff;
}
.share a:hover {
    background: #e3e3e3;
    border-color: #e3e3e3;
}
.proj_sec_9 .wrap_form_tv input::placeholder, .proj_sec_9 .wrap_form_tv textarea::placeholder {
    color: #fff;
}
a.style_button.open_form:hover {
    color: #FF6100;
    background: #e3e3e3;
}
div#ez-toc-container a {
    border: none;
}
a.dang_tin:hover {
    background: #000;
}
.item_pj .box_content {
    z-index: 10;
}

.item_pj .button_view {
    z-index: 11;
    position: relative;
}
.item_pj .button_view svg {transition: .5s all;}

.item_pj .button_view:hover svg {
    transform: scale(.7);
    margin-left: 0;
}
.has-off-canvas-left button.mfp-close {
    display: none;
}
.item_project ul.info a svg {
    margin-top: .1rem;
}
.field_sec_2_banner .banner .button_style:hover {
    background: #f5f5f5 !important;
    border-color: #f5f5f5 !important;
}
.content.content_post .nav_bottom .tags li:hover {
    background: #ff6100;
    color: #fff;
}
.field_sec_2_banner .col+.col {
    margin-top: 1rem;
}
.project_page .box_menu ul{
    background: transparent !important;
}
ul.slick-dots li:only-child {
    display: none;
}
.ab_page_sec_4_box .icon-box:hover img {
    transform: rotateY(360deg);
}
.category .news_sec_4 {
    padding-top: 8rem !important;
}
.item_project ul.nav_right a:hover svg path {
    stroke: #fff;
}

.item_project ul.nav_right a svg path {
    transition: .4s all;
}

.item_project ul.nav_right a.active svg path {
    stroke: #fff;
}

.item_project ul.nav_right a.active {
    background: var(--7, #FF6100);
    /* pointer-events: none; */
}
.footer_top_col .col+.col {
    border-left: 1px solid #dbdbdb;
}
div#popup_360 {
    width: 100vw;
    /*padding: 0;*/
    height: 100vh;
}
.ipanorama {
    height: 100% !important;
}
.fancybox__container {
    z-index: 9999 !important;
}
.CR-recharge--box .main--box .info--box {
}

.CR-recharge--box .main--box .info--box .heading-title {
    color: #111111;
    font-size: 1.875rem  /* 30/16 */;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    margin-bottom: 1.875rem  /* 30/16 */;
}

.CR-recharge--box .main--box .info--box .sub--box:not(:last-child) {
    margin-bottom: 3.75rem  /* 60/16 */;
}

.CR-recharge--box .main--box .billing-info--box {
    flex: 1;
}

.CR-recharge--box .package-list--box {
    margin: -0.4375rem  /* -7/16 */ -0.75rem  /* -12/16 */;
    list-style: none;
}

.CR-recharge--box .package-list--box li {
    width: 25%;
    padding: 0.4375rem  /* 7/16 */ 0.75rem  /* 12/16 */;
}

.CR-recharge--box .package-list--box label {
    background: #FFF;
    padding: 1rem  /* 24/16 */ 0.625rem  /* 10/16 */;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.5s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
}

.CR-recharge--box .package-list--box label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.CR-recharge--box .package-list--box label .checkmark {
    position: absolute;
    top: 0.625rem  /* 10/16 */;
    left: 0.625rem  /* 10/16 */;
    height: 0.875rem  /* 14/16 */;
    width: 0.875rem  /* 14/16 */;
    border: 1px solid #B6B6B6;
    background-color: #F0F0F0;
    border-radius: 50%;
    transition: 0.5s ease-in-out;
}

.CR-recharge--box .package-list--box label:hover input ~ .checkmark {
    border-color: var(--cl-main);
}

.CR-recharge--box .package-list--box label input:checked ~ .checkmark {
    border-color: var(--cl-main);
}

.CR-recharge--box .package-list--box label input:checked ~ .checkmark:after {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.CR-recharge--box .package-list--box label .checkmark:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    height: 70%;
    border-radius: 50%;
    background: var(--cl-main);
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
}

.CR-recharge--box .package-list--box label .border {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    border: 1px solid #D9D9D9;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-recharge--box .package-list--box label:hover .border,
.CR-recharge--box .package-list--box label input:checked ~ .checkmark ~ .border {
    border-color: var(--cl-main) !important;
}

.CR-recharge--box .package-list--box .info-package .point {
    display: block;
    color: #666666;
    font-size: 1.125rem  /* 18/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.CR-recharge--box .package-list--box .info-package .point b {
    font-size: 2rem  /* 32/16 */;
    font-weight: 900;
    color: #111111;
    margin-right: 0.25rem;
}

.CR-recharge--box .package-list--box .info-package .price {
    color: #666666;
    font-size: 0.85rem /* 15/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
    text-align: center;
}

.CR-recharge--box .view--box {
    position: sticky;
    top: 0;
    transition: 1s ease-in-out;

    background: #FFF;
}

.CR-recharge--box .view--box .heading-title{
    background: #111111;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
    color: #ffffff;
    font-size: 1.25rem  /* 20/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    display: flex;
    align-items: center;
    padding: 0.9375rem  /* 15/16 */ 1.75rem  /* 28/16 */;
}

.CR-recharge--box .view--box .sub--box {
    border: 1px solid #C4C4C4;
    border-top: none;
    padding: 1.4375rem  /* 23/16 */ 1.75rem  /* 28/16 */;
}

.CR-recharge--box .view--box .list {
    margin-bottom: 1.875rem  /* 30/16 */;
    padding-bottom: 1.875rem  /* 30/16 */;
    border-bottom: 1px solid #E0E0E0;
}

.CR-recharge--box .view--box .list li {
    color: #111111;
    font-size: 1.125rem  /* 18/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    justify-content: space-between;
    align-items: center;
}

.CR-recharge--box .view--box .list li:not(:last-child) {
    margin-bottom: 0.625rem  /* 10/16 */;
}

.CR-recharge--box .view--box .list p,
.CR-recharge--box .view--box .list b {
    font-size: 0.9375rem  /* 15/16 */;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}
.CR-recharge--box .view--box .list p{
    font-weight: 400;
}

.CR-recharge--box .view--box .total--box{
    align-items: center;
    justify-content: space-between;
}
.CR-recharge--box .view--box .total--box p {
    color: #111111;
    font-size: 1.125rem  /* 18/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.CR-recharge--box .view--box .total-recharge-result {
    color: #111111;
    font-size: 0.9375rem  /* 15/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.CR-recharge--box .view--box .total-recharge-result b {
    font-size: 1.5625rem /* 25/16 */;
    font-weight: 900;
    line-height: normal;
    margin-right: 0.25rem;
}

.CR-recharge--box .view--box .action--box {
    margin-top: 1.875rem  /* 30/16 */;
}

.CR-recharge--box .payment-methods-list--box {
    list-style: none;
    margin: -0.3125rem  /* -5/16 */ -0.4375rem  /* -7/16 */;
}

.CR-recharge--box .payment-methods-list--box .payment-method {
    width: 100%;
    padding: 0.3125rem  /* 5/16 */ 0.4375rem  /* 7/16 */;
}

.CR-recharge--box .payment-methods-list--box .payment-method:not(:last-child) {
    margin-bottom: 1rem !important;
}

.CR-recharge--box .payment-methods-list--box .payment-method label:hover {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    border-color: var(--cl-main) !important;
}

.CR-recharge--box .payment-methods-list--box .payment-method label {
    padding: 0.9375rem /* 15/16 */ 1.25rem /* 20/16 */;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: normal !important;
    width: 100%;
    background: #FFF;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    position: relative;
    cursor: pointer;
}

.CR-recharge--box .payment-methods-list--box .payment-method--icon {
    width: 10%;
    padding-right: 1rem;
}

.CR-recharge--box .payment-methods-list--box .payment-method--icon svg {
    width: 100%;
    height: auto;
    fill: #000;
}

.CR-recharge--box .payment-methods-list--box .payment-method--info {
    border-left: 1px solid #F0F0F2;
    padding-left: 1rem;
    width: 90%;
}

.CR-recharge--box .payment-methods-list--box input {
    display: none;
}

.CR-recharge--box .payment-methods-list--box .payment-method--content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 2.5rem /* 40/16 */;
    width: 100%;
}

.CR-recharge--box .payment-methods-list--box .payment-method--title {
    color: #666666;
    font-size: 1rem  /* 16/16 */;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
}

.CR-recharge--box .payment-methods-list--box label:hover .payment-method--title,
.CR-recharge--box .payment-methods-list--box label input:checked ~ .checkmark ~ .border ~ .payment-method--content .payment-method--info .payment-method--title {
    color: var(--cl-main);
}

.CR-recharge--box .payment-methods-list--box .payment-method--des {
    color: #000 !important;
    font-size: 0.75rem /* 12/16 */ !important;
    font-weight: 500;
    padding: 0 !important;
    border-radius: 0 !important;
    line-height: normal !important;
    background-color: transparent !important;
    margin: 0 !important;
    display: block !important;
}

.CR-recharge--box .payment-methods-list--box .payment-method--des:before {
    display: none !important;
}

.CR-recharge--box .payment-methods-list--box .payment-method--des .logo--box {
    margin-top: 0.5rem;
}

.CR-recharge--box .payment-methods-list--box .payment-method--des .logo--box svg {
    width: auto;
    height: 3.125rem  /* 50/16 */;
}

.CR-recharge--box .payment-methods-list--box .checkmark {
    position: absolute;
    top: 50%;
    left: 1.25rem /* 20/16 */;
    height: 1.5625rem /* 25/16 */;
    width: 1.5625rem /* 25/16 */;
    border: 1px solid var(--cl-light-gray);
    border-radius: 50%;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    transform: translate(0, -50%);
}

.CR-recharge--box .payment-methods-list--box label input:checked ~ .checkmark {
    border: 1px solid var(--cl-main);
}

.CR-recharge--box .payment-methods-list--box label input:checked ~ .checkmark:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.CR-recharge--box .payment-methods-list--box label .checkmark:after {
    top: 0.25rem;
    left: 0.25rem;
    bottom: 0.25rem;
    right: 0.25rem;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    border-radius: 100%;
    background: var(--cl-main);
    content: "";
    position: absolute;
    opacity: 0;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-recharge--box .payment-methods-list--box label .border {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    border: 1px solid #C4C4C4;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-recharge--box .payment-methods-list--box label:hover .border,
.CR-recharge--box .payment-methods-list--box label input:checked ~ .checkmark ~ .border {
    border-color: var(--cl-main) !important;
}

.CR-recharge--box .payment-methods-list--box .bank-list--box {
    margin: 1rem 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.CR-recharge--box .payment-methods-list--box .bank-item {
    padding: 0.85rem;
    border-radius: 0.5rem;
    background: var(--cl-light-gray);
    height: 100%;
    width: 33.33%;
}

.CR-recharge--box .payment-methods-list--box .bank-item:not(:last-child) {
    margin-bottom: 1rem !important;
}

.CR-recharge--box .payment-methods-list--box .bank-item .bank--info {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.CR-recharge--box .payment-methods-list--box .bank-item li:after,
.CR-recharge--box .payment-methods-list--box .bank-item li:before {
    display: none !important;
}

.CR-recharge--box .payment-methods-list--box .bank-item li {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0.75rem /* 12/16 */;
    line-height: normal !important;
    color: #000;
    font-weight: 500;
}

.CR-recharge--box .payment-methods-list--box .bank-item li:not(.bank--name) b {
    color: #000;
}

.CR-recharge--box .payment-methods-list--box .bank-item li b {
    font-weight: 700;
}

.CR-recharge--box .payment-methods-list--box .bank-item li.qr-code img {
    width: 100%;
    height: auto;
}

.CR-recharge--box #CR-form-recharge {
    flex-direction: column;
}
.CR-recharge--box.show-result #CR-form-recharge {
    display: none !important;
}

.CR-recharge--box.show-result .result--box {
    display: block;
}

.CR-recharge--box .result--box {
    width: 75%;
    margin: 0 auto;
    display: none;
}

.CR-recharge--box .result--box .top--box {
    margin-bottom: 2.8125rem  /* 45/16 */;
}

.CR-recharge--box .result--box .info-order--box .info-order-default--box li {
    color: #111111;
    font-size: 0.75rem  /* 12/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0.8125rem  /* 13/16 */;
    width: 20%;
}

.CR-recharge--box .result--box .info-order--box .info-order-default--box li:last-child {
    text-align: right;
}

.CR-recharge--box .result--box .info-order--box .info-order-default--box li.pending {
    color: var(--cl-dark-red);
}

.CR-recharge--box .result--box .info-order--box .info-order-default--box li.completed {
    color: #029F41;
}

.CR-recharge--box .result--box .info-order--box .head--box {
    background: #111111;
}

.CR-recharge--box .result--box .info-order--box .head--box li {
    color: #FFF !important;
}

.CR-recharge--box .result--box .info-order--box .total--box {
    background: #D6D6D6;
    padding: 0.8125rem  /* 13/16 */;
}

.CR-recharge--box .result--box .info-order--box .total--box li {
    color: #111111;
    font-size: 0.9375rem  /* 15/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.CR-recharge--box .result--box .info-order--box .total--box li.total-info-order-result {
    font-weight: 900;
    font-size: 1.25rem  /* 20/16 */;
    text-align: right;
}

.CR-recharge--box .result--box .info-order--box .button--box {
    margin-top: 1.875rem  /* 30/16 */;
}

.CR-recharge--box .result--box .info-order--box .button--box a:hover {
    background: #FFF;
    color: var(--cl-main);
}

.CR-recharge--box .result--box .info-order--box .button--box a {
    color: #FFF;
    font-size: 1.125rem /* 18/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: var(--cl-main);
    height: 3.125rem /* 50/16 */;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    padding: 0 2.5rem  /* 40/16 */;
    border: 1px solid var(--cl-main);
    width: max-content;
    max-width: 100%;
    outline: none !important;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    margin: 0 auto;
}

.CR-recharge--box .result--box .info-order--box {

}

.CR-recharge--box .result--box .icon--box {
    min-width: 9.375rem  /* 150/16 */;
    width: 9.375rem  /* 150/16 */;
}

.CR-recharge--box .result--box .icon--box svg {
    width: 100%;
    height: auto;
}

.CR-recharge--box .result--box .cont--box {
    flex: 1;
    padding-left: 1rem;
}

.CR-recharge--box .result--box .heading-title {
    color: #111111;
    font-size: 0.8125rem  /* 13/16 */;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 0.625rem  /* 10/16 */;
}

.CR-recharge--box .result--box .desc * {
    color: #111111;
    font-size: 0.9375rem  /* 15/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem  /* 22/16 */;
}

.CR-recharge--box .result--box .desc b,
.CR-recharge--box .result--box .desc strong {
    font-weight: 700;
}

.CR-recharge--box .result--box .desc a {
    color: var(--cl-main) !important;
    font-weight: 700;
}

.CR-recharge--box button {
    color: #FFF;
    font-size: 1.125rem /* 18/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: var(--cl-main);
    height: 3.125rem /* 50/16 */;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    padding: 0 1rem;
    border: 1px solid var(--cl-main);
    width: 100%;
    outline: none !important;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-recharge--box button:hover {
    background: #FFF;
    color: var(--cl-main);
}
.CR-order-recharge-history--box {
    position: relative;
}

.CR-order-recharge-history--box .head--box {
    background: #111111;
    position: sticky;
    top: 0;
    transition: 1s ease-in-out;
    z-index: 1;
}

.CR-order-recharge-history--box .head--box .CR-order-recharge-col-box li {
    color: var(--cl-white);
    font-weight: 900;
}

.CR-order-recharge-col-box {

}

.CR-order-recharge-col-box li {
    padding: 0.875rem;
    width: 16.6667%;
}
.points-use-page .CR-order-recharge-col-box li{
    width: 20%;
}

.CR-order-recharge-col-box li:last-child {
    text-align: right;
}

.CR-order-recharge-col-box li,
.CR-order-recharge-col-box li * {
    color: #111111;
    font-size: 0.8rem  /* 16/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
}
.CR-order-recharge-col-box{
    margin: 0;
}
.CR-order-recharge-col-box li.statusDisplay p {
    font-weight: 700;
    text-align: right;
    display: block;
    width: 100%;
}

.CR-order-recharge-col-box li .thanh-cong {
    color: #029F41;
}

.CR-order-recharge-col-box li .that-bai {
    color: #AB0000;
}
.CR-order-recharge-col-box li .cho-thanh-toan {
    color: #ffac33;
}
.CR-order-recharge-col-box li .cho-thanh-toan > a{
    display: block;
    border: 1px solid var(--cl-main);
    background-color: var(--cl-main);
    width: max-content;
    margin-left: auto;
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: #FFF;
}
.CR-item-order-recharge {
    width: 100%;
    border-bottom: 1px solid #E3E3E3;
}

.checkout-result-wrap .icon-result{
    text-align: center;
    margin: 0 auto 1.25rem;
    width: 5rem;
    height: 5rem;
    border: 0.125rem solid;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.checkout-result-wrap.fail .icon-result{
    border-color: #AB0000;
}
.checkout-result-wrap.pending .icon-result{
    border-color: #edb800;
    padding: 0.521rem;
}
.checkout-result-wrap.success .icon-result{
    border-color: #029F41;
}
.checkout-result-wrap .text-result{
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 2.5rem;
}
.checkout-result-wrap.success .text-result{
    color: #029F41
}
.checkout-result-wrap.fail .text-result{
    color: #AB0000
}
.align-items-stretch {
    align-items: stretch !important;
}
.CR-order-recharge-col-box{
    list-style: none;
}
.current-points{
    color: #FFF;
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
}
.points-use-page .CR-order-recharge-col-box li:nth-of-type(1){
    width: 10%;
}
.points-use-page .CR-order-recharge-col-box li:nth-of-type(2){
    flex-grow: 1;
}
.paymentMethod.type-1 > p{
    color: #08b908;
}
.paymentMethod.type-0 > p{
    color: #c72528;
}
.bacs-payment-box{
    margin-bottom: 30px;
}
.bacs-payment-box .left-col ul{
    list-style: none;
}
.bacs-payment-box .left-col ul > li{
    font-size: 18px;
    line-height: 24px;
    display: flex;
}
.bacs-payment-box .left-col ul > li >span{
    display: inline-block;
    min-width: 130px;
}
.bacs-payment-box .left-col{
    width: 65%;
    padding-right: 40px;
    border-right: 1px solid #ddd;
}
.bacs-payment-box .right-col{
    width: 35%;
    padding-left: 40px;
}
.checkout-result-wrap.success{
    background-color: transparent !important;
}
.nav-dropdown li.active>a { color: #ff6100; }
section.section.product_sec_1 {
    overflow: hidden;
}
.wpcf7 form .wpcf7-response-output {
    background: #ff6100;
}
.ui-datepicker .ui-datepicker-calendar {
    background: #fff;
    box-shadow: 0 0 .5rem #33333342;
}

.ui-datepicker .ui-datepicker-calendar tbody td > a {
    border-radius: 0;
    background: transparent;
    color: #333;
    border: none;
}

.ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-current-day > a, .ui-datepicker .ui-datepicker-calendar tbody td:hover > a {
    background: #ff6100;
    color: #fff !important;
    outline: none !important;
    box-shadow: none !important;
    border: none;
}
.ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-today > a {
    b: initial;
    background: #ff6100;
}

.ui-datepicker .ui-datepicker-calendar tbody td {
    border-color: #33333330;
}
#du-toan-form {
    max-width: 25rem;
    background: #f8f9fa;
    border: 1px solid #ddd;
    padding: 1.2rem;
    border-radius: 0.6rem;
    font-family: Arial, sans-serif;
    box-shadow: 0 0.2rem 0.6rem rgba(0,0,0,0.05);
    margin: 1.2rem auto;
}

#du-toan-form label {
    display: block;
    margin-bottom: 0.8rem;
    font-weight: 600;
    color: #333;
}

#du-toan-form input,
#du-toan-form select {
    width: 100%;
    padding: 0.5rem 0.6rem;
    margin-top: 0.3rem;
    border: 0.05rem solid #ccc;
    border-radius: 0.3rem;
    font-size: .8rem;
    transition: border-color 0.3s ease;
    padding: 0 .5rem;
    height: 2rem;
    box-shadow: none;
    font-weight: 500;
    margin-bottom: 0;
}

#du-toan-form input:focus,
#du-toan-form select:focus {
    border-color: #0073aa;
    outline: none;
}

#du-toan-form button {
    background-color: #FF6100;
    color: #fff;
    padding: 0.9rem 0.9rem;
    border: none;
    border-radius: 0.3rem;
    font-size: 0.8rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
    line-height: 1;
}

#du-toan-form button:hover {
    background-color: #005f8d;
}
.wrap_table_chi_phi  table {
    width: 100%;
    max-width: 62rem;
    margin: 1.5rem auto;
    border-collapse: collapse;
    font-size: 14px;
    background: #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.wrap_table_chi_phi  table thead {
    background-color: #FF6100;
    color: #fff !important;
}

.wrap_table_chi_phi  table th,
.wrap_table_chi_phi  table td {
    padding: 12px 16px;
    border: 1px solid #ddd;
    text-align: left;
    color: #333;
}

.wrap_table_chi_phi  table tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}

.wrap_table_chi_phi  table tfoot td {
    font-weight: bold;
    background-color: #f1f1f1;
}
.wrap_table_chi_phi  table tbody tr:hover {
    background-color: #e6f4ff;
    transition: background-color 0.2s ease;
}
.wrap_table_chi_phi  table {
    font-size: 1.1rem;
}

.wrap_table_chi_phi  table thead * {
    color: #fff;
}
.wrap_table_chi_phi table {
}

.wrap_table_chi_phi {
    overflow: auto;
}
section.du_toan_xay_dung {
    padding: 3rem  0;
}
.wrap_table_chi_phi {
    max-width: 62rem;
    margin: auto;
}
@media (min-width: 1200px) {
    html {
        font-size: 1.05vw;
    }
    .slider_image_pj
    button.button_slide {
        right: -10rem !important;
    }

    .slider_image_pj button.button_slide.next_button {
        right: -12.5rem !important;
    }
    .slider_image_pj ul.slick-dots {
        width: calc(100% + 19rem);
        margin-left: -13rem;
    }
    .footer_col_4 {
        flex-basis: 18%;
        max-width: 18%;
    }
    .footer_col_3 + * {
        flex-basis: 15%;
        max-width: 15%;
    }



    .footer_col_3 {
        flex-basis: 13%;
        max-width: 13%;
    }

}
@media only screen and (max-width: 1199px) {
    .open_filter {
        position: fixed;
        width: 3.6rem;
        height: 3.6rem;
        background: #FF6100;
        z-index: 99;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        right: 0.4rem;
        fill: #ffff;
        border-radius: 100px;
        top: 65%;
    }

    .open_filter svg {
        max-width: 70%;
        max-height: 70%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    html {
        font-size: 1.1vw;
    }

    .home_sec_1 img {
        height: auto;
    }

    .slider_lien_ket .item>* {
        width: 100%;
    }

    .slider_lien_ket:before {
        margin-top: -1rem;
    }

    .slider_tien_ich .slick-arrow {
        right: -2rem;
    }

    .slider_tien_ich .slick-arrow.slick-prev {
        right: 1rem;
    }

    .wrap_tabs .slider_gallery img {
        height: auto !important;
    }

    .wrap_tabs {
        height: auto !important;
        padding-bottom: 56.25%;
    }

    .wrap_tabs .slider_gallery>*,.wrap_tabs .slider_gallery>*>* {
        height: 100%;
    }

    .slider_gallery ul.slick-dots {
        height: auto !important;
    }

    .slider_gallery .inner,.slider_gallery .inner>img {
        height: 100% !important;
        object-fit: cover;
    }

    .project_sec_1 {
        padding-top: 10rem;
    }

    .wrap_filter_product {
        position: fixed;
        top: 0;
        left: 0;
        width: 50vh;
        height: 100%;
        background: #fff;
        display: block;
        opacity: 0;
        pointer-events: none;
        transition: .3s all;
        z-index: 9999;
        box-shadow: 0 0 10px #000000a3;
        max-height: 100vh;
        overflow: auto;
    }

    .single-product {
    }

    .wrap_filter_product.active {
        opacity: 1;
        pointer-events: unset;
    }

    .close_menu {
        position: absolute;
        top: 1rem;
        right: 1rem;
        z-index: 9;
        display: inline-block !important;
    }

    .close_menu svg {
        width: 2rem;
        height: auto;
        display: block;
    }

    .wrap_filter_product {
        padding: 4rem;
    }

    .wrap_filter_product .box_menu ul {
        width: auto !important;
        display: inline-flex;
    }

    .wrap_filter_product .inner_search form.search-form {
        margin: 2rem 0;
        padding: 0;
        border: none;
        width: 100%;
    }

    .wrap_item_select {
        flex-wrap: wrap;
    }

    .wrap_item_select .item {
        width: 100% !important;
        border: none;
        border-bottom: 1px solid #00000030;
        padding: 1rem 0;
    }

    .wrap_item_select .item+.item {
    }

    .wrap_item_select .item b {
        font-size: .7rem;
    }

    .wrap_item_select .item>span {
        font-size: 1.3rem;
    }

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

    a.reset_filter {
        font-size: 1.2rem;
    }

    .wrap_item_select .item .box a {
        font-size: 1rem;
        padding: .5rem 0;
    }

    .box_option.slider_rance strong {
        font-size: 1.2rem;
    }

    .slider_rance .wrap_bottom ul a {
        height: 2.5rem;
    }

    .slider_rance .wrap>*:not(svg) {
        height: 3rem;
    }

    .slider_rance .wrap label {
        font-size: 1rem;
    }

    .slider_rance .wrap input {
        font-size: 1rem;
        line-height: normal;
        min-height: unset !important;
        padding: 0;
    }

    .box_option.slider_rance .title, .box_option.slider_rance strong {
        font-size: 1.2rem;
    }

    .map_control {
        font-size: 1rem;
        width: auto !important;
        display: inline-flex;
    }

    .wrap_filter_product .inner_search form.search-form input {
        height: 3.2rem;
        font-size: 1.2rem;
    }

    .wrap_filter_product .inner_search form.search-form input.search-submit {
        margin: 0;
        font-size: 0;
    }

    input.search-submit {
    }

    .wrap_filter_product .box_menu a {
        height: 3rem;
        font-size: 1.2rem;
    }

    .wrap_filter_product .box_menu a {
        min-width: 15rem !important;
    }

    .wrap_filter_product {
        width: 100vw;
        padding: 4rem 2rem;
    }

    .wrap_filter_product .box_menu a {
        min-width: 10rem !important;
    }

    .home_sec_1 {
        z-index: 2;
    }

    .open_filter svg.close {
        display: none;
    }

    .open_filter.active svg {
        display: none;
    }

    .open_filter.active .close {
        display: block;
    }

    .single-project {
        overflow-x: hidden !important;
    }

    body.scroll {
        overflow-x: hidden !important;
    }

    .home_page_sec_7_img .inner_img img {
        max-width: 36rem;
    }

    .field_item {
        height: 36rem;
    }

    .section_banner_slider img {
        height: 40rem;
    }

    .item_pj img {
        height: 38rem;
    }

    .support_section ul.nav {
        position: unset;
    }

    .support_section ul.nav a {
        border-radius: 100px;
        margin: 0 .4rem .8rem;
    }
    .support_section ul.nav {
        flex-wrap: nowrap;
        overflow: auto;
        justify-content: flex-start;
    }

    .support_section ul.nav li {
        flex: 0 0 auto;
    }
    .bacs-payment-box .left-col ul > li{
        font-size: 12px;
        line-height: 20px;
    }
    section.account-login-page .ajax-form-wrapper {
        max-width: 50rem;
    }
    .open_filter {
        border-radius: .5rem  0 0 .5rem;
        right: 0;
        padding: 0 1rem 0 4rem;
        width: auto;
        color: #fff;
    }
    .open_filter svg {
        left: 2rem !important;
    }
}
@media only screen and (max-width: 850px) {
    html {
        font-size: 1.3vw;
    }

    .home_sec_1 img {
        height: auto;
    }

    html {
        font-size: 1.1vw;
    }

    .home_sec_1 img {
        height: 50rem;
    }

    [data-open="#main-menu"] {
        color: #fff !important;
        font-size: 1.5rem !important;
    }

    div#masthead {
        padding: 0 !important;
    }

    #logo img, .stuck #logo img {
        height: 4rem;
    }

    .footer_bottom .ux-menu-link a {
        font-size: 1rem;
    }

    .footer_bottom .title h1, .footer_bottom .title h2, .footer_bottom .title h3 {
        font-size: 1.2rem;
    }

    .ux-menu-title {
        font-size: 1rem;
    }

    .copyright {
        font-size: .8rem;
    }

    body {
        font-size: 1rem;
    }

    .group_heading {
        font-size: 1rem;
    }

    .project_lists .group_content {
        font-size: 1rem;
    }

    .project_lists .group_content h3, .project_lists .group_content h1, .project_lists .group_content h2 {
    }

    .item_project ul.info {
        font-size: 1rem;
    }

    .item_project .box_content h3 {
        font-size: 1.4rem;
        height: 3.97rem;
    }

    .item_project .price {
        font-size: 1rem;
    }

    .like_project svg {
        max-width: 2rem;
        height: auto;
        display: block;
    }

    .item_uu_dai h3 {
        font-size: 1.3rem;
        height: 5.6rem;
    }

    .item_uu_dai span {
        font-size: 1rem;
    }

    .item_post .content {
        font-size: 1rem;
    }

    .item_post .box_content>span {
        font-size: 1rem;
    }

    .nav-uppercase>li>a {
        font-size: 1.5rem;
        padding: 1rem !important;
    }

    .off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
        background: #f5f5f5;
        box-shadow: none;
    }

    .nav-sidebar.nav-vertical>li+li {
        border-color: #ffffff36;
    }

    [data-open="#main-menu"] {
        background-image: url(../images/icon_menu.svg);
        opacity: 1 !important;
        background-size: auto;
        background-repeat: no-repeat;
        background-position: top center;
    }
    [data-open="#main-menu"].current-lightbox-clicked{
        background-image: url(../images/close.svg);
        background-position: center;
    }

    [data-open="#main-menu"] i {
        opacity: 0;
    }

    .nav-uppercase>li>a {
        font-size: 1.2rem;
    }

    .support_sec_2 .box_content .text {
        font-size: 1rem;
    }

    .menu_support li a {
        font-size: 1rem;
    }

    .menu_support {
        max-width: 100%;
    }

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

    .item_project ul.info ul li {
        width: calc(100% / 2) !important;
        font-size: 1rem;
    }

    .row.wrap_all_filter_product .col.small-12.large-2 {
        display: none;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding-right: 2rem !important;
        font-size: 1rem;
    }

    .product_sec_2 nav.breadcrumb ul * {
        font-size: 1rem;
    }

    .product_sec_2 nav.breadcrumb ul svg {
        width: 1.5rem;
    }

    .box_menu .product_menu a {
        padding: 0.6rem 0.8rem !important;
    }

    div#uu_diem .item .content {
        font-size: 1rem;
    }

    div#uu_diem .item>h3 {
        font-size: 1.2rem;
    }

    .box_sidebar_product>.content {
        font-size: 1rem;
    }

    .box_sidebar_product .wrap_form .content {
        font-size: 1rem;
    }

    div#cong_dong .item .content {
        font-size: 1rem;
    }

    div#cong_dong .item h3 {
        font-size: 1.2rem;
    }

    div#tien_do .select2-container--default .select2-selection--single span#select2-sort_year-container {
        padding-right: 2rem !important;
        line-height: normal;
    }

    body.body-scroll-lock--active .mfp-wrap {
        z-index: 99999;
    }

    .nav.nav-vertical li.current-menu-item a {
        background: #FF6100;
    }

    .row.nav_menu_project {
        display: none;
    }

    button.mfp-close {
        opacity: 1 !important;
    }

    .mfp-bg.mfp-ready {
        z-index: 99999;
    }

    a.hotline {
        display: none !important;
    }

    a.hotline.en_lang {
        display: inline-flex !important;
    }

    a.dang_tin {
        width: fle;
        flex: 0 0 auto;
    }

    .wrap_right_box {
        margin: 0;
    }

    .section_banner_slider img {
        height: 49rem;
    }

    .off-canvas-left .mfp-content {
        top: 4.9rem;
    }

    .has-off-canvas-left .mfp-bg {
        position: fixed !important;
        top: 4.9rem !important;
    }

    .off-canvas .nav-vertical>li>a {
        color: #333;
    }

    .nav.nav-vertical li+li {
        border-top: 1px solid rgb(51 51 51 / 10%);
    }
    .NK-my-account .NK-my-account-nav-wrap .NK-my-account-nav .NK-my-account-nav-link svg{
        width: 2rem;
    }
    .checkout-result-wrap .icon-result{
        width: 10rem;
        height: 10rem;
    }
    .checkout-result-wrap .text-result{
        font-size: 3rem;
    }
    .CR-order-recharge-col-box li, .CR-order-recharge-col-box li *{
        font-size: 1.5rem;
    }
    h1.my-account-heading{
        font-size: 3rem;
    }
    .CR-order-recharge-col-box li .cho-thanh-toan > a{
        font-size: 1.5rem;
        line-height: 2.5rem;
        margin-top: 0.5rem;
    }
    section.account-login-page .ajax-form-wrapper {
        max-width: 100%;
    }
    html {
        font-size: 1.2vw;
    }

    .section_banner_content {
        left: 2rem;
    }
    a.link_action {
        font-size: 0;
    }
    .NK-form label {
        font-size: 1.1rem;
    }

    .ajax-form-desc {
        font-size: 1rem;
    }

    section.account-login-page .ajax-form-wrapper .ajax-form-redirect {
        font-size: 1rem;
    }

    .NK-form input[type='text'], .NK-form input[type='password'], .NK-form input[type='email'], .NK-form input[type='tel'], .NK-form input[type='date'] {
        font-size: 1rem;
        height: 3rem;
    }

    .NK-form input[type='text']::placeholder, .NK-form input[type='password']::placeholder, .NK-form input[type='email']::placeholder, .NK-form input[type='tel']::placeholder, .NK-form input[type='date']::placeholder {
        font-size: 1rem;
    }

    .NK-form button.submit-form-btn {
        height: 3rem;
        font-size: 1.1rem;
    }
    .row.row-full-width {
        max-width: 80rem !important;
    }

    body {
        font-size: 1.2rem;
    }

    .support_section .tab-panels {
        font-size: 1.1rem;
    }

    .footer_col_2_list {
        font-size: 1.1rem;
    }

    .section_footer .section-title span.section-title-main {
        font-size: 1rem;
    }
    .open_filter {
        border-radius: .5rem  0 0 .5rem;
        right: 0;
        padding: 0 1rem 0 4rem;
        width: auto;
        color: #fff;
    }
}
@media only screen and (min-width: 767px){

    .mfp-content .wrap_right_box {
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    html {
        font-size: 3.5vw;
    }

    .home_sec_1 img {
        height: 17rem;
    }

    .pt_150 {
        padding-top: 4rem !important;
    }

    .home_sec_3 {
        padding-top: 18rem !important;
        padding-bottom: 4rem !important;
    }

    .home_sec_3 .group_heading {
        text-align: center !important;
    }

    .nav_tabs_project {
        float: unset;
        margin: auto;
        display: block;
    }

    .project_lists .banner {
        height: 30rem !important;
        margin: 1rem 0 0 0 !important;
    }

    .project_lists .banner:before {
        width: 3.5rem;
        height: 3.5rem;
        top: 1rem;
        right: 1rem;
    }

    .home_sec_4 {
        padding: 4rem 0 !important;
    }

    .wrap_bds_home .item {
        width: 100% !important;
    }

    .wrap_bds_home .box_info {
        margin-bottom: 3rem;
    }

    .wrap_bds_home .item {
        margin: 0 !important;
    }

    .wrap_bds_home {
        margin-left: 0;
        margin-right: 0;
    }

    .wrap_bds_home .item+.item {
        margin-top: 2rem !important;
    }

    .pb_160 {
        padding-bottom: 4rem !important;
    }

    .pt_180 {
        padding-top: 4rem !important;
    }

    .container, .container-width, .full-width .ubermenu-nav, .row {
        max-width: unset !important;
    }

    .home_sec_5 .col {
        padding: 0 15px;
    }

    .home_sec_5 .icon-box h3, .home_sec_5 .icon-box h2, .home_sec_5 .icon-box h1 {
        font-size: 2rem;
        line-height: 1.3;
    }

    .home_sec_5 .icon-box {
        font-size: 1.2rem;
    }

    .home_sec_6 {
        padding: 4rem 0 !important;
    }

    .banner_content {
        height: 20rem;
    }

    .banner_content .group_heading {
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 2rem;
    }

    .group_heading {
        font-size: 1.1rem !important;
    }

    .banner_video {
        height: auto;
        padding-top: 56.25%;
        margin-bottom: 1.25rem;
    }

    .home_sec_6 .col {
        padding: 0 15px;
    }

    .home_sec_7 {
        padding: 4rem 0 !important;
    }

    .wrap_posts_left {
        width: 100% !important;
        margin: 0 !important;
        margin-top: 2rem !important;
    }

    .item_post .box_img {
        height: 17rem;
    }

    .item_post .content {
        font-size: 1.1rem;
    }

    .item_post h3 {
        font-size: 1.5rem;
    }

    .wrap_posts_right {
        width: 100% !important;
    }

    .wrap_posts_right .item_post h3 {
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        font-size: 1.2rem;
    }

    .home_sec_8 {
        padding: 4rem 0 !important;
    }

    .form_footer {
        margin-top: 2rem !important;
    }

    .footer_1 {
        padding-right: 15px;
    }

    .group_heading h1, .group_heading h2 {
        font-size: 2rem;
    }

    .slider_uu_dai ul.slick-dots li button {
        background: #ccc;
        width: .8rem;
        height: .8rem;
    }

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

    .slider_uu_dai ul.slick-dots .slick-active button {
        width: 1rem;
        height: 1rem;
        background: transparent;
    }

    .slider_uu_dai ul.slick-dots {
        margin-top: 2rem;
    }

    .footer_top .group_heading h1, .footer_top .group_heading h2, .footer_top .group_heading h3 {
        font-size: 1.6rem;
    }

    .footer_bottom .ux-menu-link a {
        font-size: 1.1rem;
    }

    .footer_bottom .title h1, .footer_bottom .title h2, .footer_bottom .title h3 {
        font-size: 1.5rem;
    }

    .ux-menu-title {
        font-size: 1.3rem;
    }

    .footer_1,.footer_3 {
        margin-bottom: 3rem;
    }

    .footer_2 {
        margin-bottom: 3rem;
    }

    .footer_3 {
        padding-left: 15px;
    }

    .socials_footer img {
        width: 3rem;
        height: 3rem;
    }

    .copyright p {
        text-align: center;
        font-size: 1rem;
    }

    .filter_shortcode {
        left: 50%;
        transform: translate(-50%,0%);
        bottom: -24rem;
        top: unset;
        width: 92vw;
        max-width: unset;
    }

    .home_sec_2 {
        padding-top: 28rem !important;
    }

    .wrap_select {
        font-size: .9rem;
    }

    .wrap_select .icon {
        width: 1.2rem;
        margin-right: .8rem !important;
    }

    .filter_shortcode ul.nav li {
        width: calc(100% / 3);
    }

    .flickity-page-dots {
        bottom: 4rem;
    }

    .home_sec_1 .slider:before {
        height: 100%;
    }

    .button_style {
        font-size: 1.1rem;
    }

    .home_sec_8 .text-right {
        text-align: center;
        margin-top: 1rem;
    }

    .load_home_page svg {
        max-width: 70vw;
    }

    .home_sec_1 .slider:after {
        display: none;
    }

    .wrap_bds_home+.wrap_bds_home {
        margin-top: 3rem;
    }

    .header-main li.html.custom {
        display: block;
    }

    ul.nav_right_head .hotline span.content {
        display: none;
    }

    ul.nav_right_head .hotline {
        padding: 0;
        width: 3rem;
        height: 3rem;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 2rem;
    }

    ul.nav_right_head .hotline:before {
        width: 110%;
        height: 110%;
    }

    li.language, .scroll_to_buttom {
        display: none;
    }

    .project_lists .banner .banner-layers {
        overflow: hidden;
    }

    .project_lists .banner .text-box {
        height: 15rem;
    }

    .banner_about .banner {
        padding-top: 100% !important;
    }

    .banner_page.banner_about .banner:before, .banner_page.banner_about .banner:after {
        width: 66%;
    }

    .banner_page .text-box-content {
        padding: 0 15px;
    }

    .banner_page .banner h1, .banner_page .banner h2, .banner_page .banner h3 {
        font-size: 2.4rem;
    }

    .breadcrumbs.text {
        display: none;
    }

    .about_sec_2 {
        padding: 4rem 0 !important;
    }

    .about_sec_2 .gallery-col:nth-child(odd) {
        margin: 0 0 1rem;
    }

    .about_sec_2 .group_heading {
        margin-bottom: 3rem;
    }

    .about_sec_3 {
        padding-top: 4rem !important;
    }

    .wrap_gallery>.col-inner {
        width: auto !important;
    }

    .wrap_gallery .img-inner img {
        width: 100%;
        height: 100%;
    }

    .wrap_gallery .img-inner {
        margin: 0 15px 15px;
    }

    .about_sec_4 {
        padding: 4rem 0 !important;
    }

    .about_sec_4 .group_heading {
        margin-top: 2rem !important;
    }

    .about_sec_5 {
        padding: 4rem 0 18rem !important;
    }

    .info_contact .col {
        padding: 15px !important;
    }

    .banner_page .banner {
        padding-bottom: 50% !important;
    }

    .info_contact {
        margin-bottom: 2rem !important;
    }

    .nav_tabs {
        margin-bottom: 3rem !important;
    }

    div#load_map iframe {
        height: 15rem;
    }

    .wrap_form input, .wrap_form textarea {
        height: 3rem;
        font-size: 1rem;
    }

    .support_sec_2 .section-title span {
        line-height: normal;
        font-size: 2rem;
        padding: 1rem 0 !important;
    }

    h1 {
    }

    .support_sec_2 .box_content {
        padding: 1rem 1.5rem;
    }

    .support_sec_2 .section-title span:before {
        left: -1.5rem;
    }

    .support_sec_2 {
        padding: 3rem 0 !important;
    }

    .accordion-item a>span {
        display: flex;
        align-items: center;
        margin-right: 2rem;
    }

    .accordion-item a>span:before {
        width: 4rem;
        flex: 0 0 auto;
    }

    .accordion-inner {
        padding-right: 0;
    }

    .news_sec_2 .wrap_posts_left {
        margin-bottom: 2rem !important;
    }

    .wrap_posts .item_post {
        width: calc(calc(100% /2 ) - 2rem);
    }

    .wrap_posts .item_post .box_img {
        height: 9rem;
    }

    .wrap_posts .item_post h3 {
        font-size: 1.2rem;
        line-height: 1.4;
    }

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

    .box_menu ul {
        background: transparent;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 2rem;
    }

    .news_sec_4 {
        padding: 4rem 0 !important;
    }

    .news_sec_4 div#text-1783144743 {
        width: 100%;
        text-align: center;
    }

    section.post_details .wrap_title h2 {
        font-size: 2rem;
        line-height: 1.3;
    }

    .content.content_post {
        font-size: 1rem;
    }

    .content.content_post .nav_bottom {
        flex-wrap: wrap;
    }

    .content.content_post .nav_bottom ul {
        flex-wrap: wrap;
    }

    .content.content_post .nav_bottom .tags li {
        margin: 0 .4rem .4rem !important;
    }

    .share a svg {
        max-width: 1rem;
        max-height: 1rem;
    }

    .content.content_post .nav_bottom .tags {
        align-items: flex-start;
        margin-bottom: 2rem;
    }

    .slider_posts_related ul.slick-dots button {
        background: #e0e0e0;
        border-radius: 10px;
    }

    .footer_bottom .text-right {
        justify-content: center;
        text-align: center !important;
    }

    .footer_bottom {
        padding-bottom: 1rem !important;
    }

    .footer_bottom .text-right img {
        height: 50px;
        width: auto !important;
        max-width: unset;
    }

    .footer_bottom .img-inner.dark {
        overflow: unset;
    }

    .footer_bottom .text-right .img {
        margin: auto;
        width: auto !important;
    }

    .accordion-inner {
        padding-left: 0;
    }

    ul.fixed_button {
        bottom: 0;
        top: unset;
        transform: unset;
        display: flex;
        width: 100%;
    }

    ul.fixed_button li {
        margin: 0;
        width: 25%;
    }

    ul.fixed_button li a {
        border-radius: 0;
        width: 100%;
    }

    footer#footer {
        padding-bottom: 4rem;
    }

    .project_page li#menu-item-810 {
    }

    section.section.project_page .box_menu ul li {
        width: 50% !important;
    }

    section.section.project_page .box_menu ul li a {
        width: 100%;
    }

    .project_item:first-child {
        flex-wrap: wrap;
    }

    .project_item:first-child .box_img {
        width: 100%;
        margin: 0 0 1rem;
    }

    .project_item {
        width: calc(calc(100% ) - 1rem);
    }

    .project_item b, .project_item .content, .project_item .wrap {
        font-size: 1rem;
    }

    .project_item .wrap {
        font-size: 1rem;
    }

    .banner_page .banner .text {
        font-size: 1rem;
    }

    .project_sec_1 {
        padding-top: 4rem;
        padding-bottom: 10rem;
    }

    .project_list_item_sec_1 {
        margin: 2rem 0 0;
    }

    .project_sec_2 {
        padding: 4rem 0;
    }

    .project_sec_2 .box_img img {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }

    .project_sec_2 .group_heading {
        margin-bottom: 2rem;
    }

    .project_sec_3 {
        padding-bottom: 10rem;
    }

    ul.slick-dots button {
        background: #cfcfcf;
    }

    .project_sec_4 {
        padding-top: 4rem;
    }

    .project_list_sec_4 {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .project_list_sec_4 ul {
        margin-bottom: 1rem;
    }

    .project_sec_4:after {
        display: none;
    }

    .slider_tien_ich .box_content {
        padding: 0 !important;
        box-sizing: border-box !important;
        width: auto;
        left: 2rem;
        right: 2rem;
        bottom: 2rem;
    }

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

    .slider_tien_ich .item h3 {
        font-size: 1.4rem;
    }

    .project_sec_4 .box_content .text {
        font-size: 1rem;
    }

    .project_sec_6 .wrap {
        display: block;
        text-align: center;
    }

    .project_sec_6 .wrap .box_menu ul {
        width: auto !important;
        display: inline-flex;
        margin-top: 2rem;
    }

    .wrap_product .item_project {
        width: calc(calc(100% / 1) - 2rem);
    }

    ul.nav_tabs a {
        width: max-content;
    }

    ul.nav_tabs {
        bottom: 0;
    }

    a.button_play {
        transform: translate(-50%, -50%) scale(.3);
    }

    .project_sec_8 .box_content {
        max-width: 100%;
    }

    ul.tabs_cs {
        display: flex;
        max-width: unset;
        margin: 0 -0.2rem;
    }

    ul.tabs_cs a,ul.tabs_cs li {
        margin: 0 !important;
        padding: 0 1.4rem;
    }

    ul.tabs_cs li {
        padding: 0 .2rem;
    }

    .project_sec_8 {
        padding: 4rem 0;
    }

    .wrap_dt .item {
        width: 50%;
        padding: 0 1rem;
        margin-bottom: 2rem;
    }

    .wrap_form_project {
        margin-top: 2rem;
    }

    .wrap_form_project {
        display: block;
    }

    .wrap_form_project .box_img {
        width: 100%;
        height: auto;
    }

    .wrap_form_project .form_project {
        padding: 2rem;
    }

    .wrap_form label {
        font-size: 1rem;
    }

    .project_sec_9 {
        padding-bottom: 4rem;
    }

    .slider_for_product .inner {
        margin: 0 !important;
        border-radius: 0;
        height: 22.25rem;
    }

    .nav_gallery li {
        flex: 0 0 auto !important;
    }

    .nav_gallery .col {
        max-width: 100%;
        display: block;
        padding: 0;
    }

    .nav_gallery .button_style {
        flex: 0 0 auto;
        padding: 0 1rem;
    }

    .nav_gallery .button_style span {
        width: max-content;
    }

    ul.nav_left a {
        padding: 0 .6rem;
        font-size: .8rem;
    }

    .nav_gallery .box_right {
        border-top: 1px solid rgba(230, 230, 230, 0.12);
        justify-content: center;
    }

    .nav_gallery ul {
        justify-content: center;
    }

    .breadcrumbs {
        display: none;
    }

    .product_sec_2 .wrap_title {
        flex-wrap: wrap;
        display: block;
        text-align: left;
    }

    .single-product .product_sec_2 .wrap_title .wrap_right {
        margin: 0;
        text-align: left;
    }

    .product_sec_2 .wrap_title .address {
    }

    .box_menu .product_menu a {
    }

    .single-product .product_sec_2 .box_menu {
        display: none;
    }

    div#tong_quan ul li {
        width: calc(calc(100% - 2.5rem));
    }

    div#tong_quan ul li .icon {
        margin-right: 1rem;
    }

    div#tong_quan ul li * {
        font-size: .9rem !important;
    }

    div#dich_vu .wrap {
        display: block;
    }

    div#dich_vu .content ul li {
        font-size: 1rem;
    }

    div#dich_vu .wrap .item {
        width: 100%;
    }

    div#dich_vu .wrap .item+.item {
        margin-top: 2rem;
    }

    .slider_cong_dong {
        margin-left: -0.5rem;
        margin-right: -0.5rem;
    }

    .wrap_project_related .item_project {
        display: block;
    }

    .wrap_project_related .item_project .box_img {
        width: 100% !important;
        height: 15.35rem;
        margin-bottom: 2rem;
    }

    .wrap_project_related .item_project .box_content {
        padding: 0;
    }

    .wrap_project_related .item_project .box_content .nav_bottom {
        position: unset;
        text-align: left;
    }

    .wrap_project_related .item_project .box_content .nav_bottom .price {
        display: flex;
        align-items: center;
    }

    .wrap_project_related .item_project .box_content .nav_bottom .price b {
        margin-right: .5rem;
    }

    div#thong_tin_du_an .item {
        display: block;
    }

    div#thong_tin_du_an .item .box_img {
        margin: 0 0 1rem !important;
        width: 100%;
    }

    div#thong_tin_du_an .item .content {
        font-size: 1rem;
    }

    div#thong_tin_du_an .item h3 {
        font-size: 1.4rem;
    }

    div#tieu_chuan .wrap {
        display: block;
    }

    div#tieu_chuan .wrap h2 {
        margin-bottom: 1rem;
    }

    .slider_cong_dong .slick-arrow, .wrap_posts_right.slider_posts_project .slick-arrow {
        top: -2.2rem;
    }

    .box_sidebar_product {
        max-width: 100%;
        margin-top: 2rem;
    }

    .box_sidebar_product .wrap label {
        font-size: 1rem;
        left: 2rem;
    }

    .box_sidebar_product .wrap textarea {
        font-size: 1rem;
        height: 6.75rem;
        padding-top: 3rem;
        padding-left: .9rem;
    }

    .box_number {
        font-size: 1rem;
        height: 2.2rem;
    }

    a.show_number {
        margin-left: 1rem;
    }

    .wrap_member .box_content> span {
        font-size: 1rem;
        margin-bottom: .5rem;
    }

    .wrap_member .avatar {
        width: 4rem;
        height: 4rem;
    }

    .wrap_member .box_content> span span {
        font-size: .8rem;
    }

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

    .product_sec_3 h2 {
        font-size: 2rem;
    }

    .box_filter_search.wrap_item_select .wrap_select.item {
        border: 1px solid #EEE !important;
        padding: 0 1.5rem;
        height: 3.5rem;
    }

    .box_filter_search.wrap_item_select .wrap_select.item b {
        font-size: 1rem;
    }

    .inner_search form.search-form input:not([type="submit"]) {
        font-size: 1rem;
        height: 3.5rem;
    }

    .wrap_item_select .item.active .box_option {
        min-width: 100%;
        top: 0;
        bottom: unset;
        transform: unset;
    }

    a.so_sanh_du_an {
        bottom: 4rem;
        left: 1rem;
    }

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

    .wrap_ss .wrap_item .item {
    }

    .wrap_ss {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
        padding-bottom: 2rem;
        padding-top: 1rem;
    }

    .wrap_ss .wrap_item .item {
        font-size: 1rem;
    }

    div#load_product_so_sanh .inner .wrap_project_related .item_project {
        width: calc(100% - 1rem);
    }

    .inner_ss {
        width: 69rem;
        flex: 0 0 auto;
        max-width: unset !important;
    }

    .wrap_item_ss {
        overflow-x: auto;
    }

    div#uu_diem .item {
        display: block;
    }

    .project_list_sec_4 ul li {
        align-items: flex-start;
    }

    .project_list_sec_4 ul li svg {
        margin-top: .2rem;
        flex: 0 0 auto;
    }

    .row.wrap_all_filter_product {
        display: block !important;
    }

    .wrap_all_filter_product.active div#map {
        height: 30vh;
    }

    .wrap_all_filter_product>.wrap_left {
        display: none;
    }

    .wrap_all_filter_product.active >.wrap_left {
        display: block;
    }

    .product_sec_2 .row.active>div:not(.col):not([class^=col-]):not([class*=" col-"]).wrap_right {
        width: 100% !important;
        margin-bottom: 3rem;
    }

    .wrap_all_filter_product.active .wrap_product .item_project {
        display: block;
    }

    .wrap_all_filter_product.active .wrap_product .item_project .box_img, .wrap_all_filter_product.active .wrap_product .item_project .box_img img, .wrap_all_filter_product.active .wrap_product .item_project .slider_gallery {
        width: 100% !important;
        height: 15rem !important;
    }

    .wrap_all_filter_product.active .wrap_product .item_project .box_img {
        margin-bottom: 1rem;
    }

    .wrap_all_filter_product.active div#load_product {
        max-height: 49vh;
    }

    button.gm-ui-hover-effect span {
        background-repeat: no-repeat !important;
        height: 17px !important;
        width: 17px !important;
    }

    .open_filter {
        top: 50%;
        transform: translateY(-50%);
    }

    ul.tien_ich_nk li {
        width: 100%;
        padding: 0 1rem 0 2.5rem !important;
        font-size: 1rem;
    }

    ul.tien_ich_nk {
        max-height: 16rem;
    }

    div#dktq {
        padding: 2rem;
    }

    .product_sec_2 .wrap_title .wrap_right .price {
        width: auto;
        display: inline-block;
    }

    .product_sec_2 .wrap_title .price_m {
        display: inline-block;
        font-size: 1rem;
    }

    .single-product .product_sec_2 .wrap_title .wrap_right .nhan {
        float: right;
    }

    .banner_page .banner {
        padding-bottom: 10% !important;
    }

    ul.fixed_button a span.box_content {
        display: none !important;
    }

    .box_share {
        background: #000000;
    }

    ul.nav_right a.like_product {
        background: transparent !important;
    }

    .filter_shortcode {
        bottom: 0;
        position: unset;
        transform: unset;
        width: 100%;
    }

    .section_banner_content {
        font-size: 1rem;
        left: 15px;
        right: 15px;
    }

    span.scroll_down {
        display: none;
    }

    .section_banner_content h1 {
        font-size: 1.7rem;
    }

    .home_page_sec_3_img_small {
        bottom: -1.7rem;
    }

    .box_dk_tham_quan .box_content {
        padding: 2rem;
        background: linear-gradient(96deg, rgb(205 35 0 / 70%), rgb(250 84 12 / 70%));
        clip-path: unset;
        min-height: 28rem;
    }

    .box_dk_tham_quan>img {
        object-fit: cover;
    }

    .home_page_sec_5_box .icon-box:nth-child(even) {
        margin-top: 0 !important;
    }

    .home_page_sec_5_box {
        flex-wrap: wrap;
    }

    .home_page_sec_5_box .icon-box {
        width: calc(47%);
        margin-bottom: 2rem !important;
        font-size: .9rem;
    }

    .home_page_sec_5_box .icon-box:nth-child(5) {
        width: 100%;
    }

    .home_page_sec_7_img .inner_img img {
        max-width: 100%;
    }

    .home_page_sec_7_img {
        width: 100%;
        margin-top: 3rem;
        margin-bottom: 2rem;
    }

    .home_page_sec_7 .group_heading {
        margin-left: 0;
    }

    section.home_page_sec_7 {
        padding-bottom: 4rem;
    }

    .slider_post_home {
        width: 100%;
    }

    .home_page_sec_8 .wrap_posts {
        display: block;
        margin: 0 -.5rem;
    }

    .slider_post_home .slick-list {
        padding: 0 !important;
    }

    .slider_post_home .item_post {
        width: calc(calc(100%) - 1rem);
        margin: 0 .5rem 0;
    }

    .style_slider ul.slick-dots {
        width: 100%;
    }

    .inner_search input[type="submit"] {
        width: 3.5rem;
        height: 3.5rem;
    }

    .home_page_sec_4 .wrap_top {
        display: block;
        text-align: center;
    }

    .slider_project_home .slick-list {
        padding: 0;
    }

    .slider_project_home {
        width: auto;
        margin: 0 -.5rem;
    }

    .wrap_slider_home .item_project_home {
        width: calc(50% - 1rem) !important;
        margin: 0 0.5rem !important;
    }

    .wrap_slider_home {
        padding: 0;
    }

    .item_project_home .box_img {
        height: 13rem;
    }

    .item_project_home h3 {
        font-size: 1.2rem;
    }

    .style_slider button.button_slide {
        display: none;
    }

    .home_page_sec_4 {
        padding: 3rem 0;
    }

    .section_banner_slider img {
        height: 16rem;
    }

    .field_item .box_content {
        left: 0 !important;
        right: unset !important;
        margin: 0 !important;
        width: 100% !important;
        border-radius: 1.5rem;
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .field_item .box_content h3 {
        font-size: 1.6rem;
    }

    .field_item {
        height: auto;
    }

    .field_sec_1_img_small {
        bottom: -0.25rem;
        left: -0.65rem;
    }

    .field_sec_1 .group_heading {
        max-width: 100%;
        margin: 2rem 0 0 0;
    }

    .field_sec_1 .gap-element {
        padding-top: 3.5rem !important;
    }

    .item_field_other {
        margin: 0 .5rem;
    }

    .slider_lv {
        margin: 1.75rem -0.5rem;
    }

    .item_field_other .box_img {
        height: 11.4rem;
    }

    .slider_lv ul.slick-dots {
        position: unset !important;
    }

    .slider_lv ul.slick-dots button {
        bottom: unset !important;
        top: unset !important;
    }

    section.service_other {
        padding: 3rem 0;
    }

    .group_heading h1, .group_heading h2 {
    }

    .ab_page_sec_1 .bg {
        background-size: 100% auto !important;
        background-position: bottom center;
    }

    .style_slider ul.slick-dots {
        margin-top: 2rem;
    }

    .row.row-full-width {
        max-width: 100% !important;
    }

    .ab_page_sec_3_content .col-inner {
        width: 100%;
        padding: 2rem;
    }

    .ab_page_sec_3 {
        padding: 0 !important;
    }

    .ab_page_sec_4_img {
        margin-bottom: 2rem;
    }

    .member_item {
        margin: 0 .5rem;
    }

    .slider_team_ab {
        margin: 0 -0.5rem;
    }

    .content_hover {
        display: none;
    }

    .box_img {
    }

    .member_item .box_img {
        height: 16rem;
    }

    .item_cam_nhan {
        display: block;
    }

    .item_cam_nhan .box_img {
        width: 100%;
        height: auto;
        position: unset;
    }

    .slider_cam_nhan {
        margin-top: 2rem;
    }

    .item_cam_nhan .box_content {
        border-radius: 0 0 1.5rem 1.5rem;
        padding: 2rem;
    }

    .ab_page_sec_7_logo .img {
        width: calc(calc(100% / 3) - 1rem) !important;
        margin: 0 0.5rem 1rem !important;
    }

    .item_pj .box_content {
        width: 100%;
        padding: 2rem;
    }

    .item_pj h3 {
        font-size: 1.5rem;
    }

    .slider_project_nb ul.slick-dots {
        left: 2.5rem;
    }

    .slider_project_nb .button_slide {
        transform: translateX(-2rem);
    }

    .wrap_project_page {
        margin: 2rem -0.5rem 0;
    }

    .wrap_project_page .proj_item {
        width: calc(calc(100%) - 1rem);
        margin: 0 .5rem 2rem;
    }

    section.section.project_page .box_menu ul li a {
        min-width: unset !important;
    }

    section.section.project_page .box_menu ul li {
        width: auto !important;
        margin: 0 .2rem .4rem;
    }

    .tabs_project.tabbed-content.box_menu .nav {
        position: unset;
        justify-content: center;
    }

    .proj_sec_1 .group_heading h1, .proj_sec_1 .group_heading h2 {
        text-align: center;
    }

    .slider_image_pj .item_slide_image {
        height: 17rem;
    }

    .style_slider ul.slick-dots {
        display: flex;
        flex-wrap: nowrap;
    }

    .proj_sec_2 .gap-element {
        display: none !important;
    }

    .proj_sec_2 .bg {
        height: 12.7rem;
        background-size: cover !important;
    }

    .proj_sec_2 {
        padding-bottom: 10rem !important;
    }

    .proj_sec_3_items {
        justify-content: center;
    }

    .proj_sec_5 .box_menu .nav li {
        margin: 0 .2rem .4rem !important;
    }

    .box_menu ul li +li {
        margin-left: .4rem;
    }

    .slider_logo_project {
        margin: 0 -.5rem 1rem;
    }

    .slider_logo_project ul.slick-dots {
        margin-top: 1rem;
    }

    .slider_project_othder {
        margin-left: 0;
        margin-right: 0;
    }

    .slider_project_othder .proj_item {
        margin: 0;
    }

    .slider_logo_project .inner {
        width: auto;
        margin: 0 .5rem;
    }

    .contact_page_sec_1_right .col-inner {
        margin: 2rem 0 0 0 !important;
        padding: 3rem !important;
    }

    .iframe_contact iframe {
        height: 20.5rem;
    }

    .support_section .tab-panels {
        font-size: 1.1rem;
    }

    .support_section .gap-element {
        padding-top: 3rem !important;
    }

    .support_section ul.nav {
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow: auto;
        margin-bottom: 2rem;
    }

    .support_section ul.nav li {
        flex: 0 0 auto;
    }

    .news_sec_2 .group_heading h1, .news_sec_2 .group_heading h2 {
        text-align: center;
    }

    .news_sec_2 .group_heading {
        margin-bottom: 0;
    }

    .news_sec_2 .wrap_posts_left .item_post .box_img {
        height: 21rem;
    }

    .box_menu.load_ajax_post li {
        margin-bottom: .8rem;
    }

    .news_sec_2 {
        padding-bottom: 0 !important;
    }

    .content.content_post blockquote {
        margin-left: 0;
        font-size: 1rem;
    }

    .post_related .wrap_posts {
        margin: 0;
    }

    .wrap_right_box {
        display: block;
        width: 100%;
        margin-top: 1rem;
    }

    a.link_action {
        font-size: 1rem;
    }

    .wrap_right_box .box_item+.box_item {
        margin-top: 1rem;
    }

    .wrap_right_box .box_item {
        display: block;
    }

    a.dang_tin {
        margin: 1rem 0 !important;
        justify-content: center;
        height: 2.7rem;
        font-size: 1.2rem;
    }

    .box_language {
        font-size: 1rem;
    }

    .box_language img {
        width: 1.5rem;
        height: 1.5rem;
    }

    #logo img, .stuck #logo img {
        height: 3rem;
    }

    .nav>li>a>i.icon-search {
        font-size: 1.4rem;
    }

    ul.mobile-nav.nav.nav-right .wrap_right_box {
        margin: 0;
        width: 100%;
    }

    ul.mobile-nav.nav.nav-right a.link_action {
        display: none;
    }

    ul.mobile-nav.nav.nav-right a.dang_tin {
        display: none;
    }

    ul.mobile-nav.nav.nav-right .box_item {
        padding: 0;
        margin: 0;
        border: none;
    }

    ul.mobile-nav.nav.nav-right {
        justify-content: flex-end;
        display: flex;
    }

    .mfp-content .box_language {
        display: none;
    }

    .footer_col_3 .col-inner {
        padding: 0;
    }

    .logo_footer {
        max-width: 8.2rem !important;
        margin-bottom: 2rem;
    }

    footer#footer {
        font-size: 1rem;
        padding-bottom: 0;
    }

    .section_footer .section-title span.section-title-main {
        font-size: 1rem;
    }

    .footer_col_3 {
        margin-top: 2rem;
    }

    .footer_col_4 {
        margin-top: 2rem;
    }

    .section_footer {
        padding: 3rem 0 0 0 !important;
    }

    .product_sec_2 .wrap_title .wrap_box {
        display: block;
    }

    .product_sec_2 .wrap_title .wrap_all_right {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin: 1rem 0 0;
        align-items: center;
    }

    .product_sec_2 .wrap_title .wrap_all_right .wrap_bttom {
        display: flex;
        align-items: center;
    }

    .product_sec_2 .wrap_title .wrap_all_right .wrap_bttom .button_action {
        margin-right: 1rem;
        display: flex;
        align-items: center;
    }

    div#tong_quan ul li {
    }

    div#thong_tin_du_an .proj_item {
        display: block;
    }

    div#thong_tin_du_an .proj_item .box_img {
        width: 100%;
    }

    .single .loan-tool-block {
        display: block;
    }

    .single .loan-tool-block .col {
        width: 100%;
    }

    .single .input-group .calc-input[type=number] {
        margin-bottom: 0;
    }

    .single .loan-box-left .option input[type="radio"] {
        margin: 0 !important;
    }

    .single .loan-box-left .option input[type="radio"]:checked::after {
        top: .6rem;
    }

    .single-product .product_sec_2 {
        padding-bottom: 0;
    }

    .product_sec_3 ul.slick-dots {
        margin-top: 2rem;
    }

    .product_sec_3+.product_sec_3 {
        padding-top: 0;
    }

    section.account-login-page .ajax-form-wrapper {
        max-width: 100%;
    }

    ul.project_info {
        flex-wrap: wrap;
    }
    .item_project ul.info a svg {
        margin-top: .3rem;
    }
    .wrap_item_select .item .box a {
        margin: 0 .3rem .3rem 0;
    }
    .wrap_date {
        display: flex;
    }

    .wrap_date .item+.item {
        margin: 0 0 0 .7rem;
    }

    .product_sec_2 .wrap_title a.button.secondary.lowercase.reveal-icon.button_style {
        margin-bottom: 0;
    }

    .product_sec_2 .wrap_title .wrap_all_right .wrap_bttom .button_action li {
        margin-bottom: 0;
    }
    ul.project_info li {
        width: 50%;
    }
    .mobile_center {
        text-align: center;
    }

    .mobile_center .group_heading {
        text-align: center !important;
    }
    .home_page_sec_4 button.button_slide {
        display: none !important;
    }
    .bacs-payment-box{
        flex-direction: column;
    }
    .bacs-payment-box .right-col{
        width: 60%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
    }
    .bacs-payment-box .left-col{
        padding-right: 0;
        border: none;
        width: 100%;
    }
    .bacs-payment-box .left-col ul > li{
        font-size: 14px;
    }
    .checkout-result-wrap .text-result{
        font-size: 1.5rem;
    }
    h1.my-account-heading{
        font-size: 1.875rem;
    }
    .checkout-result-wrap.pending .icon-result{
        width: 7rem;
        height: 7rem;
    }
    .NK-my-account .NK-my-account-nav-wrap .NK-my-account-nav{
        flex-wrap: wrap;
    }
    .NK-my-account .NK-my-account-nav-wrap .NK-my-account-nav .NK-my-account-nav-link{
        width: 25%;
    }
    .CR-recharge--box .main--box .info--box .heading-title {
        font-size: 1.25rem  /* 20/16 */;
    }

    .CR-recharge--box .steps--box {
        margin-bottom:  3.125rem  /* 50/16 */;
    }

    .CR-recharge--box .steps--box ul {
        gap: 3.125rem  /* 50/16 */;
    }

    .CR-recharge--box .steps--box li:not(:last-child):after {
        width: calc(3.125rem  /* 50/16 */ - 1.875rem);
    }

    .CR-recharge--box .steps--box li span {
        min-width: 3.125rem  /* 50/16 */;
        width:3.125rem  /* 50/16 */;
        font-size: 1rem  /* 16/16 */;
    }

    .CR-recharge--box .package-list--box li {
        width: 50%;
    }

    .CR-recharge--box .package-list--box .info-package .price,
    .CR-recharge--box .package-list--box .info-package .point {
        font-size: 0.875rem  /* 14/16 */;
    }

    .CR-recharge--box .package-list--box .info-package .point b {
        font-size: 1.25rem  /* 20/16 */;
    }

    .CR-recharge--box #CR-form-recharge {
        flex-wrap: wrap;
    }

    .CR-recharge--box .main--box .billing-info--box,
    .CR-recharge--box .main--box .info--box {
        width: 100%;
        min-width: 100%;
        padding: 1.25rem /* 20/16 */ 0;
    }

    .CR-recharge--box .payment-methods-list--box .bank-item {
        width: 100%;
    }

    .CR-recharge--box .result--box {
        width: 100%;
    }

    .CR-recharge--box .result--box .icon--box {
        min-width: 2.5rem  /* 40/16 */;
        width: 2.5rem  /* 40/16 */;
    }

    .CR-recharge--box .result--box .info-order--box .info-order-default--box li {
        padding: 0.5rem 0.35rem;
    }

    .CR-order-recharge-history--box .head--box {
        display: none !important;
    }

    .CR-order-recharge-col-box {
        flex-wrap: wrap;
    }

    .CR-order-recharge-col-box li {
        width: 50%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
        padding: 0.75rem;
    }

    .CR-order-recharge-col-box li .label {
        display: block !important;
        font-weight: 700;
    }

    .CR-order-recharge-col-box li * {
        text-align: left !important;
    }

    .CR-item-order-recharge {
        background: #f4f5f9;
        border: none !important;
    }

    .CR-item-order-recharge:not(:last-child) {
        margin-bottom: 1rem;
    }
    .CR-recharge--box .main--box .info--box{
        border-right: none !important;
    }
    .checkout-result-wrap.pending.bacs .checkout-result > .flex-box{
        flex-direction: column;
        gap: 1.5625rem;
    }
    .bacs-details > p{
        margin-bottom: 10px;
    }
    .checkout-result-wrap.pending.bacs .checkout-result > .flex-box .right{
        width: 70%;
        margin: 0 auto;
    }
    .checkout-result-wrap.pending.bacs .checkout-result > .flex-box .left{
        width: 100%;
    }
    .checkout-result-wrap.pending.bacs .checkout-result > .flex-box .inner-left{
        flex-direction: column;

    }
    .CR-order-recharge-col-box li, .CR-order-recharge-col-box li{
        gap: 0.25rem
    }
    .CR-order-recharge-col-box li, .CR-order-recharge-col-box li *{
        font-size: 0.875rem;
    }
    .CR-order-recharge-col-box li .cho-thanh-toan > a{
        font-size: 1rem;
        line-height: 1.5rem;
        margin-left: unset;
        margin-right: auto;
    }
    .points-use-page .CR-order-recharge-col-box li{
        width: 50%;
        min-width: 50%;
    }
    .open_filter {
        border-radius: .5rem  0 0 .5rem;
        right: 0;
        padding: 0 1rem 0 4rem;
        width: auto;
        color: #fff;
    }
    .open_filter svg {
        left: 2rem !important;
    }
    .open_filter {
        font-size: .9rem;
        padding-left: 3rem !important;
    }

    .open_filter svg {
        width: 2rem;
        height: auto;
        left: 1.6rem !important;
    }
    .single-product {
        overflow: hidden;
    }
    .NK-my-account .NK-my-account-nav-wrap .NK-my-account-nav .NK-my-account-nav-link > a {
        font-size: 1rem;
        line-height: 1.5;
    }

    .NK-form .form-respond-output, .NK-form a.forget-password, .NK-form input[type='text']::placeholder, .NK-form input[type='password']::placeholder, .NK-form input[type='email']::placeholder, .NK-form input[type='tel']::placeholder, .NK-form input[type='date']::placeholder, .NK-form input[type='text'], .NK-form input[type='password'], .NK-form input[type='email'], .NK-form input[type='tel'], .NK-form input[type='date'], .NK-form .NK-form-group > label {
        font-size: 1rem;
        line-height: 1.5;
    }
    .product_sec_2 .wrap_title .wrap_all_right {
        display: flex;
        text-align: left;
        flex-wrap: wrap;
    }

    .product_sec_2 .wrap_title a.button.secondary.lowercase.reveal-icon.button_style {
        margin: 1rem 0;
    }

    .product_sec_2 .wrap_title .wrap_all_right .wrap_bttom {
        order: -1;
        width: 100%;
    }
    #du-toan-form input, #du-toan-form select {
        font-size: 1.2rem;
        height: 3rem;
        padding: 0 1rem;
    }
    .wrap_table_chi_phi table th, .wrap_table_chi_phi table td {
        padding: .5rem .3rem;
        font-size: .7rem;
    }
}