/* page-project */
.page-banner,
.blog-project .archive-page-header,
.blog-wrapper .archive-page-header {
    padding-top: 33%;
    position: relative;
}

.blog-project .archive-page-header .row {
    height: 0
}

.blog-project .archive-page-header .row .large-12 {
    display: none
}

.page-banner .banner-bg,
.archive-page-header .banner-bg {
    background-repeat: no-repeat;
    background-position: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: cover;
}

.row-project-main {
    padding-top: 60px;
    background: url(/wp-content/themes/flatsome-child/images/bg-page-duan.svg) no-repeat top;
    background-size: 100% auto;
}

#main {
    background: var(--BG2, linear-gradient(191deg, #141414 10.09%, #282828 52.17%, #282828 92.6%));
}

#main .title-home h2 {
    margin-bottom: 16px;
    font-family: var(--semi);
}

.row-project-main .title-home p {
    margin-bottom: 36px
}

.row-project-main .tab-project .nav {
    display: flex;

}

.row-project-main .tab-project {
    margin-bottom: 36px;
    padding-bottom: 36px;
    position: relative
}

.row-project-main .tab-project:before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(211, 164, 85, 0.00) 0%, #D3A455 50%, rgba(211, 164, 85, 0.00) 100%);
}

.row-project-main .tab-project .nav li {
    margin: 0 10px;
}

.row-project-main .tab-project .nav a {
    height: 38px;
    padding: 0 23px;
    min-width: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--text, #B8B8B8);
    color: #B8B8B8;
    font-size: 15px;
    font-weight: normal;
    text-transform: uppercase;
    font-family: var(--regular);
    border-radius: 5px;
}

.row-project-main .tab-project .nav a:hover,
.row-project-main .tab-project .nav a.active {
    border-color: var(--theme-color3);
    color: var(--theme-color3)
}

.row-project-main .tab-project .nav a:before {
    display: none
}

.box-project.box .image-cover {
    border-radius: 10px;
}

.box-project.box .image-cover img {
    transition: all .5s;
}

.box-project.box .image-cover:hover img {
    transform: scale(1.08);
}

.box-project.box .box-text {
    padding: 28px 0 6px
}

.box-project.box .project-info {
    margin: 0;
    color: #D6D6D6;
    font-size: 16px;
    font-family: var(--regular);
    line-height: 17px;
    margin-bottom: 16px;
}

.box-project.box .post-title {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-family: var(--medi);
    line-height: 1.5;
    /* 30px */
    text-transform: uppercase;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.box-project.box .post-title:hover {
    background: linear-gradient(270deg, #FFEECB 0.01%, #D3A455 99.97%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.box-project.box .post-title {
    padding-right: 87px;
    margin: 0;
}

.box-project.box .btn-viewmore {
    width: 42px;
    height: 42px;
    background-color: var(--theme-color3);
    border-radius: 99px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    bottom: 16px;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.box-project.box .btn-viewmore img {
    display: none
}

.box-project.box .btn-viewmore:before {
    content: "";
    background: url(/wp-content/themes/flatsome-child/images/arrow_forward.svg) no-repeat center;
    width: 100%;
    height: 100%;
    display: block;
    transform: rotate(-45deg);
    position: absolute;
    left: 0px;
    transition: all .4s;
    transform: translateX(-35px);
    filter: brightness(0) invert(1);
    background-size: 15px;
}

.box-project.box .btn-viewmore:after {
    content: "";
    background: url(/wp-content/themes/flatsome-child/images/arrow_forward.svg) no-repeat center;
    width: 100%;
    height: 100%;
    display: block;
    transition: all .4s;
    left: 0px;
    filter: brightness(0) invert(1);
    background-size: 15px;
}

.box-project.box .btn-viewmore:hover:after {
    transform: translateX(35px);
}

.box-project.box .btn-viewmore:hover:before {
    transform: translateX(0px);
}

/* End page-project */
/* archive-project */
.page-wrapper {
    padding-top: 0;
    padding-bottom: 0;
}

.row-project-main .col-tab {
    padding-bottom: 0
}

.row-project-main .flatsome-project-loadmore .icon-angle-right {
    display: none
}

#main .nav-pagination>li {
    margin: 0 10px;
    color: #fff;
}

.nav-pagination>li>a,
.nav-pagination>li>span {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-family: var(--medi);
    color: #fff;
    background: transparent;
    border: 0;
    font-size: 16px;
    border-radius: 8px;
    padding: 0;
    min-width: 32px;
}

.nav-pagination>li>span.current {
    color: #fff !important;
    background-color: var(--theme-color);
    border: var(--theme-color);
}

.nav-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px !important
}

.nav-pagination>li>a:hover {
    color: #fff !important
}

.nav-pagination .icon-angle-right:before {
    content: '\f061';
    font-family: var(--fa6);
    font-weight: 300
}

.nav-pagination .icon-angle-left:before {
    content: '\f060';
    font-family: var(--fa6);
    font-weight: 300
}

/* End archive-project */
/* project-single */
.blog-project .box-position {
    max-width: 66.6666666667%;
    margin-left: auto;
    margin-top: -90px;
}

.blog-project .box-position .row .col {
    padding-bottom: 0
}

.blog-project .box-position .image-cover {
    border: 2px solid transparent;
}

.blog-project .box-position .is-selected .image-cover {
    border-color: var(--theme-color);
}

.box-img-noslider {
    margin-bottom: 29px
}

.project-single {
    padding-top: 31px;
}

.page-mau .project-single {
    padding-bottom: 30px
}

.fancybox-container .fancybox-slide--image {
    padding: 44px 15px;
}

.project-gallery .flickity-button {
    display: none
}

.project-thumbnails .flickity-button svg {
    display: none
}

.project-thumbnails .flickity-button {
    right: -2px;
    transform: unset;
    opacity: 0;
    width: 32px !important;
    height: 32px;
    border: 1px solid #D3A455;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 1px;
    opacity: 1;
    min-height: 26px;
    background-color: transparent;
    border-radius: 50%;
    backdrop-filter: blur(6px);
    top: 36%;
}

.project-thumbnails .slider:hover .flickity-button {
    opacity: 1;
    transform: rotate(45deg) !important;
}

.project-thumbnails .flickity-button.previous {
    left: -2px;
    opacity: 1;
    transform: rotate(180deg) !important;
}

.project-thumbnails .flickity-button.previous:before {
    transform: rotate(-45deg) translateX(-35px);
}

.project-thumbnails .flickity-button.next {
    right: -2px;
    opacity: 1;
}

.project-thumbnails .flickity-button.previous:hover {}

.project-thumbnails .flickity-button.next:after {
    content: "";
    background: url(/wp-content/themes/flatsome-child/images/arrow_forward.svg) no-repeat center;
    width: 100%;
    height: 100%;
    display: block;

    transition: all .4s;
    filter: brightness(0) invert(1);
}

.project-thumbnails .flickity-button.next:before {
    content: "";
    background: url(/wp-content/themes/flatsome-child/images/arrow_forward.svg) no-repeat center;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0px;
    transition: all .4s;
    transform: translateX(-35px);
    filter: brightness(0) invert(1);
}

.project-thumbnails .flickity-button.next:hover:before {
    transform: translateX(0px);
}

.project-thumbnails .flickity-button.next:hover:after {
    transform: translateX(35px);
}

.project-thumbnails .flickity-button.previous:after {
    content: "";
    background: url(/wp-content/themes/flatsome-child/images/arrow_forward.svg) no-repeat center;
    width: 100%;
    height: 100%;
    display: block;
    transition: all .4s;
    filter: brightness(0) invert(1);
}

.project-thumbnails .flickity-button.previous:before {
    content: "";
    background: url(/wp-content/themes/flatsome-child/images/arrow_forward.svg) no-repeat center;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0px;
    transition: all .4s;
    transform: translateX(-35px);
    filter: brightness(0) invert(1);
}

.project-thumbnails .flickity-button.previous:hover:before {
    transform: translateX(0px);
}

.project-thumbnails .flickity-button.previous:hover:after {
    transform: translateX(35px);
}

.col-gallery .project-gallery>.slide,
.col-gallery .project-thumbnails>.col {
    height: 0;
    opacity: 0;
}

.project-single--top .project-name,
.blog-single h1.entry-title {
    font-size: 34px;
    text-transform: uppercase;
    /* background: var(--text-H3);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    color: var(--theme-color3);
    line-height: 1.2;
    width: fit-content;
    margin-bottom: 12px;
}

.project-single--top .project-breadcrumbs,
.post-breadcrumbs {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.post-breadcrumbs p {
    margin: 0
}

.project-single--top .project-breadcrumbs:after,
.post-breadcrumbs:after {
    content: "";
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, rgba(206, 162, 73, 0.00) 0%, #CEA249 49.5%, rgba(206, 162, 73, 0.00) 100%);
    margin-left: 40px;
}

.project-single--top .project-breadcrumbs a,
.project-single--top .project-breadcrumbs span,
.post-breadcrumbs a,
.post-breadcrumbs span {
    color: #fff;
    font-size: 15px;
    color: #B8B8B8BB;
    opacity: 1;
}

.post-breadcrumbs .last,
.post-breadcrumbs .separator:nth-last-of-type(2) {
    display: none
}

.project-single--top .project-breadcrumbs .separator,
.post-breadcrumbs .separator {
    margin: 0 5px;
}

.project-single--top .project-breadcrumbs .box-date,
.post-breadcrumbs .box-date {
    padding-left: 16px;
    margin-left: 16px;
    position: relative;
    color: #B8B8B8BB;
}

.project-single--top .project-breadcrumbs .box-date:before,
.post-breadcrumbs .box-date:before {
    content: "";
    height: 16PX;
    width: 0;
    border-left: 1px solid #B8B8B8BB;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.project-single .project-sidebar {
    padding-top: 16px;
    padding-left: 55px;
}

.project-single .project-sidebar .title-post {
    font-size: 26px;
    /* background: linear-gradient(90deg, #D3A455 0%, #FFEECB 52.52%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    color: var(--theme-color3);
    font-family: var(--bold);
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 22px;
    width: fit-content;
}

.project-sidebar .box-project a {
    display: flex;
    align-items: center;
}

.project-sidebar .box-project .box-image {
    width: 123px !important;
    flex-shrink: 0;
}

.project-sidebar .box-project .box-text {
    padding: 0 0 0 29px;
}

.project-sidebar .box-project.box .post-title {
    padding: 0;
    font-size: 15px;
    text-transform: none;
    font-family: var(--semi);
    -webkit-line-clamp: 3;
    line-height: 1.5;
}

.project-sidebar .col.post-item {
    padding-bottom: 22px;
}

.project-sidebar .col.post-item:last-child {
    padding-bottom: 0
}

.project-single .entry-content {
    padding-top: 0;
}

.project-single .project-info h2 {
    font-size: 24px;
    color: #F0F0F0;
    font-family: var(--semi);
    line-height: 1.2;
    margin-bottom: 25px;
}

.project-single .project-info .info-project {
    list-style: none;
    margin: 0;
}

.project-single .project-info .info-project li {
    display: flex;
    gap: 8px;
    color: #F0F0F0;
    margin-bottom: 20px;
}

.project-single .project-info .info-project li:last-child {
    margin: 0
}

.project-info .info-project .left {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    color: #F0F0F0;
    font-size: 16px;
    font-family: var(--medi);
    min-width: 210px;
}

.project-info .info-project .left img {
    position: absolute;
    left: 0;
    top: 3px;
}

.relatedcat {
    padding-top: 30px
}

.relatedcat .title-post {
    font-size: 34px;
    font-family: var(--bold);
    /* background: linear-gradient(90deg, #D3A455 0%, #FFEECB 31.23%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    text-transform: uppercase;
    margin-bottom: 18px;
    color: var(--theme-color3);
}

/* End project-single */
/* tin-tuc */
#main .news-top {
    padding-top: 60px;
    padding-bottom: 50px;
}

.news-top .tabbed-content {
    padding-bottom: 20px;
    position: relative;
}

.news-top .tabbed-content:before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(211, 164, 85, 0.00) 0%, #D3A455 50%, rgba(211, 164, 85, 0.00) 100%);
}

#main .news-top .title-home h2 {
    margin-bottom: 14px
}

.box-search-post form {
    margin: 0;
    display: flex;
    position: relative;
    max-width: 320px;
    margin-left: auto;
}

.box-search-post form:before {
    content: "";
    content: "";
    position: absolute;
    inset: 0;
    margin: -1px;
    background: linear-gradient(172deg, #646464 0%, #AD9A5E 100%);
    border-radius: inherit;
    z-index: -1;
    border-radius: 99px;
}

.box-search-post input[type=text] {
    background-color: #171717;
    border: 0;
    box-shadow: none;
    margin: 0;
    height: 43px;
    padding: 0 0 0 23px;
    border-radius: 99px;
    font-size: 14px;
    color: #fff;
}

.box-search-post input[type=text]::placeholder {
    color: #A7A7A7;
}

.box-search-post .button-search {
    margin: 0;
    padding: 0;
    width: 23px;
    height: 23px;
    border: 0;
    box-shadow: none;
    min-height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}

.news-top .nav a {
    height: 38px;
    padding: 0 20px;
    min-width: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--text, #B8B8B8);
    color: #F0F0F0;
    font-size: 15px;
    font-weight: normal;
    text-transform: uppercase;
    font-family: var(--regular);
    border-radius: 5px;
}

.news-top .nav a:before {
    display: none
}

.news-top .nav .active a,
.news-top .nav a:hover {
    border-color: var(--theme-color3);
    color: var(--theme-color3);
}

.news-top .nav .tab {
    margin: 0 10px
}

.news-top .nav {
    margin-bottom: 45px;
}

.news-top .tab-panels {
    padding: 0
}

.news-top .blog-grid {
    display: grid;
    grid-template-columns: 7fr 5fr;
}

.news-top .blog-grid .col.post-item:first-child .box-text {
    position: absolute;
    bottom: 0;
    padding: 20px 50px 34px;
    z-index: 2;
}

.news-top .blog-grid .col.post-item:first-child .box-info * {
    color: #fff;
    border-color: #fff;
}

.news-top .blog-grid .col.post-item:first-child .image-cover a:before {
    content: "";
    width: 100%;
    height: 60%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(21, 26, 30, 0.00) 0%, rgba(21, 26, 30, 0.80) 100%);
    z-index: 1
}

.news-top .blog-grid .post-item {
    flex-basis: 100%;
    max-width: 100%;
}

.news-top .blog-grid .post-item:first-child {
    grid-row: span 4;
}

.news-top .blog-grid .post-item:first-child .image-cover {
    padding-top: calc(62% + 15px) !important;
}

.news-top .blog-grid .post-item:nth-of-type(n+2) .box {
    display: flex;
}

.news-top .blog-grid .post-item:nth-of-type(n+2) .box-text {
    padding: 10px 0 0 25px
}

.news-top .blog-grid .post-item:nth-of-type(n+2) .box-image {
    width: 150px;
    flex-shrink: 0
}

.box-blog-post .box-info {
    display: flex;
    position: relative;
    margin-bottom: 10px;
}

.box-blog-post img {
    transition: all .3s
}

.box-blog-post .image-cover:hover img {
    transform: scale(1.08);
}

.box-blog-post .image-cover {
    border-radius: 10px;
}

.box-blog-post .box-info .cat-label,
.box-blog-post .box-text .post-title a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.box-blog-post .box-info .cat-label {
    border-left: 1px solid #B8B8B8;
    -webkit-line-clamp: 1;
    padding-left: 20px;
    margin: 0px 0 0 20px;
}

.box-blog-post .box-info .cat-label,
.box-blog-post .box-info .post-meta {
    font-size: 16px;
    line-height: 15px;
    color: #B8B8B8;
}

.box-blog-post .box-text {
    padding: 20px 0 0;
}

.box-blog-post .box-text .post-title {
    margin: 0
}

.box-blog-post .box-text .post-title a {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    font-family: var(--medi);
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
    margin-top: 0;
}

.box-blog-post .box-text .post-title a:hover {
    color: var(--theme-color)
}

#main .page-news-1 {
    padding-top: 0;
    padding-bottom: 20px;
}

#main .page-news-3 {
    padding-bottom: 30px
}

.section .col-title .col-inner {
    display: flex;
    justify-content: space-between;
    margin-bottom: 35px;
    align-items: center;
}

.page-service-4 .col-title .col-inner {
    justify-content: center
}

.section .col-title-mobile {
    display: none
}

#main .col-title .title-home h2 {
    margin: 0;
    text-transform: uppercase;
}

.section .btn-view {
    background: transparent;
    color: #fff;
    text-transform: uppercase;
    font-family: var(--regular);
    font-weight: normal;
    padding: 0;
    margin: 0;
    min-height: unset;
    line-height: 1;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 16px;
    border: 0;
}

.section .btn-view span {
    line-height: 1;
}

.section .btn-view:after {
    content: "";
    background: url(/wp-content/themes/flatsome-child/images/arrow_forward.svg) no-repeat center;
    width: 15px;
    height: 15px;
    background-size: contain;
}

.section .btn-view:hover {
    color: var(--theme-color);
    box-shadow: none;
}

.blog-col-1 .box-blog-post {
    display: flex;
    align-items: flex-start;
}

.blog-col-1 .box-blog-post .box-image {
    width: 150px !important;
    flex-shrink: 0;
}

.blog-col-1 .box-blog-post .box-text {
    padding: 10px 0 0 25px;
}

.blog-col-1 .box-blog-post .box-text a {
    -webkit-line-clamp: 3;
}

.blog-col-1 .box-blog-post .box-info {
    display: none
}

.page-news-1 .col-left,
.page-news-1 .col-right {
    padding-bottom: 0;
}

.page-news-1 .col-right .post-item {
    padding-bottom: 40px
}


#main .page-news-2 {
    padding-top: 0;
}

.section-content:has(.col-line) {
    position: unset !important;
}

.section-content .col-line .col-inner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(90deg, rgba(211, 164, 85, 0.00) 0%, #D3A455 50%, rgba(211, 164, 85, 0.00) 100%);
    height: 1px;
    width: 100%;
}

.section-content .col-line .col-inner {
    padding-bottom: 50px
}

.blog-col-4 {
    padding-bottom: 10px
}

/* End tin-tuc */
/* blog-archive */
.blog-wrapper .archive-page-header {
    position: relative;
}

#main .blog-archive .row-blog {
    margin-top: 0
}

.col-title h1.page-title {
    font-size: 34px;
    font-family: var(--bold);
    background: linear-gradient(90deg, #D3A455 0%, #FFEECB 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 28px;
    width: fit-content;
}

#post-list .post-item .box-text {
    padding-bottom: 10px
}

.row-divided>.col+.col:not(.large-12) {
    border-left: 0;
}

/* End blog-archive */
/* blog-single */
.blog-single .page-banner {
    margin-bottom: 60px;
}

.blog-single .entry-content.single-page {
    padding-top: 0;
    padding-bottom: 0;
}

.blog-single .blog-share {
    margin-top: 36px;
    display: flex;
    align-items: center;
}

.blog-single .blog-share:before {
    content: "";
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, rgba(206, 162, 73, 0.00) 0%, #CEA249 49.5%, rgba(206, 162, 73, 0.00) 100%);
    margin-right: 30px;
}

.blog-single .social-icons {
    flex-shrink: 0;
}

.blog-single .social-icons span {
    font-size: 16px;
    color: #929292;
    padding-right: 7px;
    font-weight: normal;
}

.blog-single .social-icons a {
    margin: 0 5px;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #D9D9D9;
    color: #929292;
}

.blog-single .social-icons a:hover {
    background-color: var(--theme-color);
    color: #fff
}

.post-lquan .title-post,
.post-sidebar .widget-title {
    font-size: 34px;
    text-transform: uppercase;
    background: var(--text-H3);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.2;
    width: fit-content;
    margin-bottom: 12px;
    font-family: var(--bold);
    margin-bottom: 28px;
}

.form-tuvan {
    background: url(/wp-content/themes/flatsome-child/images/bg-form.webp) no-repeat bottom;
    background-size: cover;
    padding: 330px 36px 55px;
}

#main .post-sidebar {
    padding-left: 50px
}

#main .post-sidebar .sticky-nhansu {
    top: 50px
}

.post-sidebar form {
    margin: 0
}

.form-tuvan .form-title {
    color: #fff;
    font-size: 26px;
    font-family: var(--bold);
    max-width: 270px;
    line-height: 1.2;
    margin-bottom: 33px;
}

.form-tuvan .form-content input,
.form-tuvan .form-content textarea {
    height: 40px;
    border: 1px solid #D9D9D9;
    background: #F0F0F0;
    box-shadow: none;
    font-size: 14px;
    padding: 0 16px;
    color: #B8B8B8;
}

.form-tuvan .form-content textarea {
    padding-top: 10px;
    margin-bottom: 24px;
}

.form-tuvan .form-content input::placeholder,
.form-tuvan .form-content textarea::placeholder {
    color: #B8B8B8;
}

#wrapper .form-tuvan .btn-viewall {
    margin: 0;
    background-color: #f0f0f0;
    font-size: 16px;
    color: #BE912E;
    border: 1px solid #BE912E;
    padding: 0 34px;
    box-shadow: none;
}

#wrapper .form-tuvan .btn-viewall:hover {
    background-color: #43413B
}

#wrapper .form-tuvan .btn-viewall i {
    width: 13px;
    height: 13px;
    background: url(/wp-content/themes/flatsome-child/images/arrow_forward.svg) no-repeat center;
    margin-left: 16px;
    margin-right: 0;
    top: unset;
    transition: all .3s;
}

.post-sidebar .widget {
    margin-top: 60px;
}

.post-sidebar .widget-title {
    margin-bottom: 22px;
}

.post-sidebar .box-blog-post {
    display: flex;
}

.post-sidebar .box-blog-post .box-image {
    width: 125px;
    flex-shrink: 0;
}

.post-sidebar .box-blog-post .box-image .image-cover {
    padding-top: 62%;
}

.post-sidebar .post-item+.post-item {
    margin-top: 22px
}

.post-sidebar .box-blog-post .box-text {
    padding: 10px 0 0 24px;
}

.post-sidebar .box-blog-post .post-title {
    color: #fff;
    font-size: 15px;
    line-height: 1.2;
    font-family: var(--medi);
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
    margin-top: 0;
}

.post-sidebar .box-blog-post .post-title:hover {
    color: var(--theme-color)
}

.page-contact .title-home h1 {
    font-family: var(--bold);
    margin-bottom: 52px;
    font-size: 34px;
    background: linear-gradient(90deg, #D3A455 0%, #FFEECB 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: fit-content;
}

.page-contact .col-left p,
.form-contact .form-title {
    font-size: 18px;
    font-family: var(--bold);
    text-transform: uppercase;
    color: #B8B8B8;
    margin-bottom: 20px;
}

.page-contact .col-left ul {
    margin-bottom: 40px;
    list-style: none;
}

.page-contact .col-left ul li {
    margin-left: 0;
    margin-bottom: 10px;
    gap: 43px;
    display: flex;
}

.page-contact .col-left ul li span {
    font-size: 16px;
    font-family: var(--semi);
    color: #F0F0F0;
    min-width: 90px;
    display: inline-block;
}

.page-contact .col-left ul li a {
    color: #F0F0F0;
    font-size: 16px;
}

.page-contact .col-right {
    padding-left: 60px
}

.form-contact label {
    color: #F0F0F0;
    font-size: 16px;
    font-family: var(--regular);
    font-weight: normal;
}

.form-contact .form-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 25px 30px;
    margin-bottom: 30px;
}

.form-contact .form-content input {
    margin: 0;
    border: 0;
    background-color: #282828;
    height: 40px;
    font-size: 14px;
    padding: 0 16px;
    color: #B8B8B8;
}

.form-contact .form-content input::placeholder {
    color: #B8B8B8;
}

.page-contact form {
    margin: 0
}

.form-contact .form-content .wpcf7-form-control-wrap {
    background: linear-gradient(172deg, #646464 0%, #AD9A5E 100%);
    padding: 1px;
}

.page-contact .wpcf7 .wpcf7-not-valid-tip {
    bottom: -18px;
    right: 0;
    left: unset;
    color: #fff;
    border: 0;
}

.form-contact .form-content .form-item:last-child {
    grid-column: span 2;
}

#wrapper .form-contact .btn-viewall {
    margin: 0;
    height: 40px;
    min-height: 40px;
    font-size: 16px;
    padding: 0 35px;
    font-family: var(--regular);
    box-shadow: none;
}

#wrapper .form-contact .btn-viewall:hover {
    background-color: #fff;
}

#wrapper .form-contact .btn-viewall:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    margin: -2px;
    background: linear-gradient(270deg, #FFFDEB 0%, #D3A455 100%);
    border-radius: inherit;
}

#wrapper .form-contact .btn-viewall i {
    width: 13px;
    height: 13px;
    background: url(/wp-content/themes/flatsome-child/images/arrow_forward.svg) no-repeat center;
    margin-left: 6px;
    margin-right: 0;
    top: unset;
    transition: all .3s;
    filter: brightness(0) invert(1);
    transition: unset
}

#wrapper .form-contact .btn-viewall:hover i {
    filter: unset
}

.page-contact .form-contact {
    margin-bottom: 60px
}

.page-contact .social-footer p {
    font-size: 18px;
    color: #CEA249;
    font-family: var(--bold);
    margin-bottom: 20px;
}

.page-contact .social-footer .list-social {
    display: flex;
    gap: 25px;
}

.page-contact .social-footer a {
    width: 57px;
    height: 57px;
    border-radius: 99px;
}

#main .page-contact {
    padding-bottom: 30px
}

/* page-about-1 */
.page-about-1 .section-content,
.service-banner .section-content {
    position: absolute !important;
    bottom: 0;
    left: 0;
}

#main .page-about-1,
#main .service-banner {
    padding-bottom: 0;
    padding-top: 40%
}

.page-about-1 .section-bg-overlay,
.service-banner .section-bg-overlay,
.banner-nhansu .overlay {
    height: 60%;
    bottom: 0;
    top: unset;
    background: linear-gradient(180deg, rgba(13, 13, 13, 0.00) 0%, #161616 94.5%);
}

.page-about-1 .rank-math-breadcrumb a,
.page-about-1 .rank-math-breadcrumb span,
.service-banner .rank-math-breadcrumb a,
.service-banner .rank-math-breadcrumb span {
    font-size: 18px;
    text-transform: uppercase;
    color: #fff
}

.page-about-1 .rank-math-breadcrumb .separator,
.service-banner .rank-math-breadcrumb .separator {
    margin: 0 10px;
    opacity: 1;
    color: #fff;
}

.page-about-1 .rank-math-breadcrumb p,
.service-banner .rank-math-breadcrumb p {
    margin-bottom: 5px;
    text-align: center;
}

.page-about-1 .rank-math-breadcrumb p {
    text-align: left
}

.page-about-1 .col-left h1,
.service-banner h1 {
    color: #CEA249;
    margin: 0;
    font-size: 40px;
    font-family: var(--semi);
    line-height: 1.2;
    text-transform: uppercase
}

.page-about-1 .col-left,
.page-about-1 .col-right {
    padding-bottom: 0
}

.page-about-1 .row {
    padding-bottom: 44px;
    align-items: flex-end;
}

.page-about-1 .col-right .col-inner {
    display: flex;
    justify-content: flex-end;
    gap: 50px
}

.page-about-1 .icon-box-text {
    text-align: center;
}

.page-about-1 .icon-box-text p {
    font-family: var(--medi);
    text-transform: uppercase;
}

.page-about-1 .icon-box-text .number-run {
    font-size: 70px;
    height: 75px;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.page-about-1 .odometer.odometer-auto-theme .odometer-value {
    font-family: var(--medi);
    color: #CEA249
}

.page-about-1 .number-run .icon {
    font-size: 40px;
    color: #CEA249;
    font-family: var(--regular);
    line-height: 1;
    color: #CEA249;
}

.page-id-565 #main {
    background: #0D0D0D
}

#main .page-about-2 {
    padding-top: 70px;
    padding-bottom: 0px;
}

#main .page-about-3 {
    padding-top: 40px;
    padding-bottom: 5px;
}

.page-about-2 .col-text {
    padding-top: 62px;
    padding-right: 30px;
    padding-left: 65px;
}

.title-home-2 h2 {
    font-size: 34px;
    font-family: var(--medi);
    line-height: 1.2;
    position: relative;
    display: flex;
    gap: 20px;
    margin-bottom: 22px;
    color: #CEA249;
}

.title-home-2 h2:before {
    content: "01";
    display: block;
    font-size: 100px;
    line-height: 0.8;
    font-family: var(--th);
    color: #CEA249;
}

.title-home-2 {
    position: relative
}

.title-home-2:before {
    content: "";
    position: absolute;
    width: 210px;
    height: 210px;
    background: url(/wp-content/themes/flatsome-child/images/icon-title.webp) no-repeat center;
    background-size: cover;
    top: -55px;
    left: -60px;
    opacity: 0;
    visibility: hidden;
}

.title-home-2 p {
    padding-left: 40px;
    line-height: 22px;
    color: #B8B8B8;
    max-width: 550px;
    margin-bottom: 0;
}

.page-about-2 .image-cover {
    border-radius: 15px;
}

.page-about-2 .image-cover img {
    transition: all 1s
}

.page-about-2 .img:hover img {
    transform: scale(1.08);
}

.page-about-2 .image-cover:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.60) 100%);
    top: 0;
}

.page-about-2 .col-image .img {
    border-radius: 15px;
    background: linear-gradient(180deg, #FFFDEB 0%, #D3A455 87.5%);
    padding: 1px;
}

.page-about-2 .col-image {
    padding-left: 30px
}

.page-about-2 .section-bg {
    background-size: auto 100% !important;
    background-position: left center;
}

.page-about-3 .col-image {
    padding-left: 15px;
    padding-right: 30px
}

.page-about-3 .title-home-2 h2:before {
    content: "02";
}

.page-about-3 .section-bg {
    background-position: right 40px;
    height: 110%;
    top: 45%;
    transform: translateY(-50%);
}

.page-about-4 .title-home-2 h2:before {
    content: "03";
}

#main .page-about-4 {
    padding-top: 35px;
    padding-bottom: 40px;
}

/* End page-about-1 */
/* page-service */
.service-banner {
    text-align: center;
}

.service-banner .col {
    padding-bottom: 47px;
}

#main .page-service-1 {
    padding-top: 60px;
    padding-bottom: 0;
}

#main .page-service-1 h2 {
    margin-bottom: 0;
    font-family: var(--medi);
    text-transform: uppercase;
}

.page-service-1 .tab-panels {
    padding-top: 27px
}

.page-service-1 .nav {
    flex: 1;
    justify-content: flex-end;
}

.page-service-1 .nav a {
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
    padding: 0;
    position: relative;
}

.page-service-1 .nav a:before {
    display: none
}

.page-service-1 .nav .active a,
.page-service-1 .nav a:hover {
    color: #fff;
    color: #CEA249;
    font-family: var(--regular);
}

.page-service-1 .nav a:after {
    content: "";
    width: 0%;
    height: 1px;
    position: absolute;
    bottom: 0;
    background: linear-gradient(90deg, #D3A455 0.92%, rgba(255, 253, 235, 0.00) 100%);
    transition: all .5s
}

.page-service-1 .nav .active a:after,
.page-service-1 .nav a:hover:after {
    width: 100%;
}

.page-service-1 .nav .tab {
    margin-right: 40px
}

.page-service-1 .box-project.box .box-image {
    background-clip: padding-box;
    padding: 1px;
    border-radius: 10px;
}

.page-service-1 .box-project.box .box-image:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    margin: -1px;
    background-image: linear-gradient(180deg, #DFC69B 0%, #C99C52 100%);
    border-radius: inherit;
    opacity: 0;
    transition: all .4s;
}

.page-service-1 .box-project.box .box-image:after {
    content: "";
    width: 38px;
    height: 38px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: url(/wp-content/themes/flatsome-child/images/icon-project.svg) no-repeat center;
    opacity: 0;
    transition: all .4s;
}

.page-service-1 .box-project.box:hover .box-image:before,
.page-service-1 .box-project.box:hover .box-image:after {
    opacity: 1;
}

.page-service-1 .box-project.box .box-text {
    padding: 25px 0 10px;
}

.page-service-1 .box-project.box .post-title i {
    display: none
}

.page-service-1 .box-project.box .post-title {
    text-transform: unset;
    padding-right: 0;
    font-size: 18px;
    line-height: 22px;
}

#main .page-service-2 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.page-service {
    background: #0D0D0D;
}

.page-service-3 h2,
.page-service .text-title h2 {
    font-size: 32px;
    font-family: var(--semi);
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 11px;
    /* background: linear-gradient(90deg, #D3A455 0%, #FFEECB 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    width: fit-content;
    margin: 0 auto 12px;
    color: #CEA249;
}

.page-service-2 .text-title p,
.page-service-3 .text-title p,
.page-service-4 .text-title p,
.page-service-5 .text-title p,
.page-service-step .text-title p {
    max-width: 750px;
    text-align: center;
    margin: 0 auto 50px;
    color: #E8E8E8;
}

.page-service-3 .text-title p {
    max-width: 650px;
    margin-bottom: 35px;
}

.page-service-2 .stack {
    justify-content: space-around;
    margin-bottom: 48px;
    text-align: center;
}

.page-service-2 .stack p {
    text-align: center;
}

.page-service-2 .stack .number-run {
    font-size: 100px;
    height: 100px;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.page-service-2 .odometer.odometer-auto-theme .odometer-value {
    font-family: var(--th);
    color: #CEA249
}

.page-service-2 .number-run .icon {
    font-size: 180px;
    color: #CEA249;
    font-family: var(--th);
    line-height: 40px;
}

.page-service-2 .stack .icon-box:nth-of-type(3) .icon {
    font-size: 40px
}

.page-service-2 .text-desc p {
    text-align: center;
    font-size: 24px;
    font-family: var(--medi);
    color: #E8E8E8;
    line-height: 1.4;
    margin-bottom: 35px;
}

.page-service-2 .text-desc p strong {
    font-family: var(--medi);
    color: #D3A455;
}

.page-service-2 .col-bottom .col-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 68px;
    padding: 42px 0 35px;
}

.page-service-2 .col-bottom .col-inner:before,
.page-service-8 .col-bottom .col-inner:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 0%;
    background: linear-gradient(180deg, rgba(255, 253, 235, 0.00) 0.92%, #D3A455 50%, rgba(255, 253, 235, 0.00) 99.2%);
    left: 50%;
    transform: translateX(-50%);
    transition: all 1s;
}

.page-service-2 .col-bottom.scroll-css .col-inner:before,
.page-service-8 .col-bottom.scroll-css .col-inner:before {
    height: 100%
}

.page-service-2 .col-bottom .col-inner:after,
.page-service-8 .col-bottom .col-inner:after {
    content: "";
    position: absolute;
    width: 0%;
    height: 2PX;
    background: linear-gradient(90deg, rgba(255, 253, 235, 0.00) 0.92%, #D3A455 50%, rgba(255, 253, 235, 0.00) 99.2%);
    top: 45%;
    transform: translateY(-50%);
    transition: all 1s;
}

.page-service-2 .col-bottom.scroll-css .col-inner:after,
.page-service-8 .col-bottom.scroll-css .col-inner:after {
    width: 100%
}

.page-service-2 .col-bottom .icon-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.page-service-2 .col-bottom .icon-box-img {
    width: 63px !important;
}

.page-service-2 .col-bottom .icon-box-img img {
    padding: 0;
}

.page-service-2 .col-bottom .icon-box h3 {
    font-size: 18px;
    font-family: var(--medi);
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

#main .page-service-3 {
    padding-top: 40px;
    padding-bottom: 30px;
}


.page-service-3 .list-service .col-inner {
    max-width: 350px
}

.page-service-3 .list-service .col-inner p {
    margin: 0;
    color: #E8E8E8;
}

.page-service-3 .list-service h3 span {
    font-size: 80px;
    line-height: 1;
    font-family: var(--th);
    color: #CEA249
}

.page-service-3 .list-service h3 {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    margin-bottom: 15px;
}

.page-service-3 .accordion-title.active h3 strong {
    color: #CEA249
}

.page-service-3 .list-service h3 strong {
    font-size: 20px;
    font-family: var(--medi);
    color: #fff;
    margin-bottom: 5px;
    text-transform: uppercase;
}


#main .page-service-4 {
    z-index: 2;
    padding-top: 30px;
}

.page-service-step .section-content {
    z-index: 3
}

.page-service-4 .section-bg {
    background-position: top;
    /* height: 1116px; */
}

.page-service-4 .section-bg:after {
    content: "";
    width: 100%;
    height: 100px;
    background: linear-gradient(180deg, rgb(22 22 22 / 0%) 0%, rgb(22 22 22 / 9%) 0%, #0d0d0d 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.page-service-3 .section-bg-overlay {
    background: linear-gradient(180deg, #0D0D0D 0%, rgba(22, 22, 22, 0.85) 48.5%, #0D0D0D 100%);
}

.page-service-4 .list-whychose .box-bottom {
    display: flex;
    gap: 30px;
    align-items: center;
}

.page-service-4 .list-whychose .box-bottom p {
    margin: 0;
}

.page-service-4 .list-whychose .img {
    width: 65px;
    flex-shrink: 0;
}

.page-service-4 .list-whychose .box-top {
    width: 100%;
    display: flex;
    gap: 16px;
    margin-bottom: 12px;
}

.page-service-4 .list-whychose .box-top .content {
    display: flex;
    align-items: center;
    gap: 10px;
}

.page-service-4 .list-whychose h3 {
    margin: 0;
    font-size: 24px;
    font-family: var(--medi);
    text-transform: uppercase;
    line-height: 42px;
}

.page-service-4 .list-whychose span {
    font-size: 26px;
    color: var(--theme-color);
    left: 0;
    font-family: var(--th);
    line-height: 1;
    top: 13px;
}


#main .page-service .sec-teams {
    background-color: #161616;
    padding-bottom: 30px;
}

#main .page-service .sec-teams .title-home h2 {
    font-family: var(--medi)
}

#main .page-service-5 {
    padding-top: 30px;
    padding-bottom: 0;
}

.page-service-5 .text-title p {
    max-width: 725px;
    margin: 0 auto 25px;
}

.nhaxuong-wrapper .nhaxuong-image .slider-track {
    transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
}

.nhaxuong-wrapper .nhaxuong-image .image-cover {
    padding-top: 45%;
    border-radius: 16px;
}

.nhaxuong-wrapper .nhaxuong-image .img {
    padding: 1px;
    position: relative;
    border-radius: 15px;
}

.nhaxuong-wrapper .nhaxuong-image .img:before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 15px;
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, #C99C52 0%, #DFC69B 100%);
}

.nhaxuong-wrapper .nhaxuong-image img {
    width: 100%;
    transition: all 1.5s cubic-bezier(0.7, 0, 0.3, 1);
    transform: scale(1.2);
}

.nhaxuong-wrapper .nhaxuong-image .slick-active img {
    transform: scale(1);
    opacity: 1;
}

.nhaxuong-wrapper .nhaxuong-image .text {
    position: absolute;
    bottom: 95px;
    width: 100%;
    z-index: 2;
}

.nhaxuong-wrapper .nhaxuong-image .text p {
    text-align: center;
    margin: 0;
    background: linear-gradient(180deg, #FFF 0%, #E9CBA3 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 48px;
    font-family: var(--semi);
    text-transform: uppercase;
    line-height: 1.3;
    opacity: 0;
    transition: all .5s
}

.nhaxuong-wrapper .nhaxuong-image .image-cover:before {
    content: "";
    border-radius: 15px 15px 0px 0px;
    background: linear-gradient(180deg, rgba(13, 13, 13, 0.00) 0%, rgba(29, 29, 29, 0.80) 84.5%);
    width: 100%;
    height: 85%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.nhaxuong-wrapper .nhaxuong-image .slick-active .text p {
    opacity: 1;
}

.nhaxuong-wrapper .nhaxuong-text {
    width: 83%;
    POSITION: ABSOLUTE;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
}

.nhaxuong-wrapper .nhaxuong-text .item {
    padding: 0 18px
}

.nhaxuong-wrapper .nhaxuong-text .slick-list {
    margin: 0 -18px;
}

.nhaxuong-wrapper .nhaxuong-text .text h3 {
    text-align: center;
    font-size: 20px;
    font-family: var(--regular);
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    cursor: pointer;
}

.nhaxuong-wrapper .nhaxuong-text .text {
    position: relative;
    padding-top: 20px;
    border-top: 2px solid #C6C6C6;
}

.nhaxuong-wrapper .nhaxuong-text .text:before {
    content: "";
    width: 0%;
    height: 2px;
    background: linear-gradient(0deg, #FFFDEB 0%, #D3A455 100%);
    position: absolute;
    top: -2px;
    transition: all 0s;
    Z-INDEX: 2;
}

.nhaxuong-wrapper .nhaxuong-text .slick-current .text h3 {
    color: var(--theme-color);

}

.nhaxuong-wrapper .nhaxuong-text .slick-current .text:before {
    width: 100%;
    transition: all 3s;
}

.nhaxuong-wrapper .nhaxuong-image .slider-track {
    transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
}

#main .page-service-contact {
    padding-top: 60px;
}

.form-service .form-title {
    font-size: 36px;
    font-family: var(--semi);
    text-transform: uppercase;
    line-height: 1.5;
    margin-bottom: 11px;
    width: fit-content;
    margin-bottom: 38px;
    color: #CEA249;
}

.wpcf7 .form-service .wpcf7-not-valid-tip {
    color: #fff;
    bottom: -18px;
    right: 0;
    left: unset;
}

.form-service .form-content input {
    height: 50px;
    box-shadow: none;
    background: linear-gradient(180deg, rgba(13, 13, 13, 0.95) 0%, rgba(22, 22, 22, 0.85) 100%);
    font-size: 15px;
    color: #D9D9D9;
    border-radius: 5px;
    border: 0;
    margin: 0;
}

.form-service .form-content input::placeholder {
    color: #D9D9D9;
}



.form-service .form-content .wpcf7-form-control-wrap {
    position: relative;
    padding: 1px;
    background: linear-gradient(172deg, #FFFDEB 0%, #796A52 100%);
    ;
    border-radius: 5px;
}

.form-service .form-content {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

#wrapper .form-service .btn-viewall2 {
    margin: 25px 0 0;
    height: 50px;
    min-width: 292px;
}

.page-service-contact form {
    margin: 0;
    margin-top: 16px;
}

.page-service-contact .col-image {
    padding-right: 4%;
}

.page-service-contact .stack,
.page-service-contact .wpcf7 {
    width: 100%
}

.page-service-contact .col-image .image-cover {
    border-radius: 15px;
    z-index: 2;
}

.page-service-contact .col-image .img {
    padding: 1px;
    border-radius: 15px;
    z-index: 1;
    position: relative
}

.page-service-contact .col-image .img:after {
    content: "";
    z-index: 0;
    border-radius: 15px;
    background: linear-gradient(0deg, #C99C52 0%, #DFC69B 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0
}

.page-service-contact .col-image .img:before {
    content: "";
    width: calc(100% - 90px);
    height: calc(100% - 60px);
    position: absolute;
    background: linear-gradient(131deg, #222 17.71%, #2F2E2B 92.63%);
    top: -30px;
    left: -90px;
    z-index: -1;
}

#main .page-service-6 {
    padding-top: 60px;
}

.page-service-6 .text-title h2,
.page-service-7 .text-title h2,
.page-service-8 .text-title h2 {
    margin-bottom: 30px;
    line-height: 1.3;
}

.page-service-6 .image-cover {
    border-radius: 15px;
}

.page-service-6 .image-cover .overlay {
    border-radius: 15px 15px 0px 0px;
    background: linear-gradient(180deg, rgba(13, 13, 13, 0.00) 0%, #1D1D1D 100%);
    bottom: 0;
    top: unset;
    height: 80%;
}

.page-service-6 .box-text {
    position: absolute;
    bottom: 49px;
    width: 70%;
    padding: 0 10px;
    left: 50%;
    transform: translateX(-50%);
}

.page-service-6 .box-text-inner {
    position: relative
}

.page-service-6 .box-text-inner:before {
    content: "";
    position: absolute;
    width: 65px;
    height: 52px;
    background: url(./images/icon-service-6.svg) no-repeat center;
    background-size: contain;
    right: calc(100% + 15px);
    top: -15px;
}

.page-service-6 .box-text-inner:after {
    content: "";
    position: absolute;
    width: 65px;
    height: 52px;
    background: url(./images/icon-service-6.svg) no-repeat center;
    background-size: contain;
    left: calc(100% + 10px);
    bottom: -15px;
    transform: rotate(180deg)
}

.page-service-6 img {
    transition: all 1s
}

.page-service-6 .box:hover img {
    transform: scale(1.08);
}

.page-service-6 .box-text P {
    color: #E8E8E8;
    font-size: 24px;
    font-family: var(--medi);
    line-height: 1.4;
    margin: 0;
}

.page-service-6 .box-text P strong {
    color: var(--theme-color);
    font-family: var(--medi);
}

.page-service-7 .stack .box {
    flex: 1;
    transition: all .8s;
    cursor: pointer;
}

.page-service-7 .stack .box.active {
    flex-grow: 2;
}

.page-service-7 .stack {
    gap: 30px
}

.page-service-7 .box .box-text {
    position: absolute;
    bottom: 0;
    padding: 17px 15px 21px 15px;
    z-index: 2;
}

.page-service-7 .box .box-text:before {
    content: "";
    background: linear-gradient(270deg, rgba(255, 253, 235, 0.00) 0%, #D3A455 50%, rgba(255, 253, 235, 0.00) 100%);
    width: 100%;
    max-width: 246px;
    height: 1px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.page-service-7 .stack .box .image-cover {
    border-radius: 15px;
}

.page-service-7 .stack .box .image-cover:before {
    content: "";
    width: 100%;
    border-radius: 15px 15px 0px 0px;
    bottom: 0;
    top: unset;
    height: 65%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(13, 13, 13, 0.00) 0%, #0D0D0D 100%);
    z-index: 1;
}

.page-service-7 .stack .box .box-image {
    padding: 1px;
    border-radius: 15px;
    background: linear-gradient(180deg, #DFC69B 0%, #C99C52 100%);
}

.page-service-7 .stack .box h3 {
    margin: 0 auto;
    font-size: 18px;
    font-family: var(--medi);
    text-transform: uppercase;
    background: linear-gradient(90deg, #D3A455 0%, #FFEECB 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    width: fit-content;
}

.page-service-8 .col-bottom .col-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 120px;
    padding: 19px 0 15px;
}

.page-service-8 .col-bottom img {
    padding: 0;
    height: 52px;
    object-fit: contain;
}

.page-service-8 .col-bottom .icon-box-img {
    width: 52px !important;
    margin-bottom: 30px;
}

.page-service-8 .col-bottom h3 {
    font-size: 18px;
    font-family: var(--regular);
    background: linear-gradient(270deg, #FFEECB 13.32%, #D3A455 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    width: fit-content;
    margin-bottom: 12px;
}

.page-service-8 .col-bottom p {
    color: #E8E8E8
}

.banner-nhansu .text-title h2 {
    font-size: 40px;
    margin: 0 auto;
}

.banner-nhansu .text-box {
    top: unset;
    bottom: 30px;
    transform: translateX(-50%) !important;
}

.teams-project {
    padding: 0;
    z-index: 2;
}

.teams-project .text-title h2 {
    margin-bottom: 36px
}

.teams-project .box-team:first-of-type {
    padding-top: 30px;
}

.teams-project .box-team {
    padding-top: 30px;
    padding-bottom: 30px;
    /* background: linear-gradient(90deg, rgba(22, 22, 22, 0.00) 0%, #161616 50.5%, #161616 100%); */
    position: relative
}

.teams-project .box-team:not(.box-event):before,
.teams-project .box-team.box-event:before {
    width: 600px;
    height: 2px;
    content: "";
    position: absolute;
    background: linear-gradient(270deg, rgba(255, 253, 235, 0.00) 0.92%, #D3A455 100%);
    left: 0;
    bottom: 0px;
    transition: all 1.5s;
    transition-delay: .5s;
    z-index: 1;
    max-width: 100%;
    transform: translateX(-100%);
}

.teams-project .box-team.box-event:before {
    background: linear-gradient(90deg, rgba(255, 253, 235, 0.00) 0.92%, #D3A455 100%);
    transform: translateX(100%);
    right: 0;
    left: unset;
}

.teams-project .box-team:has(.scroll-css):before {
    transform: translateX(0%);
}

.teams-project .box-team.box-event {
    background: #161616;
}

.teams-project .box-team .col-image {
    padding-right: 55px;
}

.teams-project .box-team .col-image .img {
    max-width: 463px;
    padding: 10px;
}

.teams-project .box-team .col-image img {
    border-radius: 50%;
    border: 1px solid rgba(223, 198, 155, 0.78);
    overflow: hidden
}

.teams-project .box-team .col-image .image-cover {
    overflow: unset
}

.teams-project .box-team .col-image .image-cover:before {
    content: "";
    position: absolute;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    background: url(/wp-content/themes/flatsome-child/images/line-bg-team2.png) no-repeat top;
    background-size: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s;
}

.teams-project .box-team .box-image a:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(13, 13, 13, 0.00) 0%, rgba(13, 13, 13, 0.90) 87.5%);
    z-index: 1;
    border-radius: 0 0 10px 10px;
}

.teams-project .col-text {
    padding-top: 40px;
}

.teams-project .col-text>.col-inner:before {
    content: "";
    position: absolute;
    width: 64px;
    height: 50px;
    background: url(./images/icon-team-text.svg) no-repeat center;
    background-size: contain;
    right: 0;
    top: 0;
    opacity: 0;
}

.teams-project .info-user .name a {
    font-size: 28px;
    font-family: var(--medi);
    /* background: linear-gradient(270deg, #FFEECB 0.78%, #D3A455 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    text-transform: uppercase;
    width: fit-content;
    line-height: 1.3;
    margin-bottom: 6px;
    color: #CEA249
}

.teams-project .info-user .name a:hover {
    text-decoration: underline
}

.teams-project .info-user .position {
    font-size: 20px;
    color: #fff;
    font-family: var(--medi);
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 21px;
    text-transform: uppercase;
}

.teams-project .info-user .position:before {
    content: "";
    width: 17px;
    height: 21px;
    background: url('./images/icon-team-position.svg') no-repeat center;
    display: inline-block;
    background-size: contain;
}

.teams-project .col-text .desc {
    padding-right: 30px;
    color: #E8E8E8;
    margin: 0;
}

.teams-project .col-text .title {
    font-size: 20px;
    color: #fff;
    font-family: var(--medi);
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 21px;
    text-transform: uppercase;
    margin-top: 33px;
}

.teams-project .btn-action {
    margin-top: 30px
}

.teams-project .btn-action a {
    margin: 0
}

#wrapper .teams-project .btn-viewall2 {
    margin-right: 15px;
}

#wrapper .teams-project .btn-dangkyngay {
    margin: 0;
    background-color: var(--theme-color3);
}

#wrapper .teams-project .btn-dangkyngay:hover {
    color: #fff;
    background-color: #43413B;
}

.teams-project .box-project.box .box-text {
    padding: 10px 15px 15px;
    position: absolute;
    bottom: 0;
    z-index: 4;
}

.teams-project .box-project.box .box-text a {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 14px;
    color: #fff;
    height: 38px;
}

.teams-project .box-project.box:hover .box-text a,
.teams-project .box-project.box.slick-current .box-text a {
    color: var(--theme-color)
}

.teams-project .col-text .title:before {
    content: "";
    width: 18px;
    height: 18px;
    background: url('./images/icon-team-project.svg');
    display: inline-block;
}

.teams-project .col-text .box-project.box {
    padding: 0 15px
}

.teams-project .col-text .slick-list {
    margin: 0 -15px;
}

.teams-project .col-text .slick-current .box-image {
    padding: 1px;
    border-radius: 10px;
    background-image: linear-gradient(180deg, #DFC69B 0%, #C99C52 100%);
}

.teams-project .box-team.box-event .col-image {
    order: 1;
    padding-right: 15px;
    padding-left: 55px;
}

.teams-project .box-team.box-event .col-image .img {
    margin-left: auto;
    margin-right: 0;
}

.page-service-step .step-box {
    /* display: none; */
    opacity: 0.4;
}

.page-service-step .step-box {
    /* margin-top: 40px; */
    /* border-top: 1.33333px solid #b9bfcb21; */
    padding-top: 60px;
}

.page-service-step .step-box.active {
    display: block;
    opacity: 1 !important;
}

.page-service-step .step-box .step-box-title {
    display: flex;
    gap: 33px;
    padding-bottom: 17px;
    margin-bottom: 25px;
    position: relative;
}

.page-service-step .step-box .step-box-title:before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(255, 253, 235, 0.00) 0.92%, #D3A455 50%, rgba(255, 253, 235, 0.00) 99.2%)
}

.page-service-step .step-box .step-box-content p {
    margin-bottom: 40px;
    color: #E8E8E8;
}

.page-service-step .step-box .step-box-content .image-cover {
    border-radius: 15px;
}

.page-service-step .step-box .step-box-content .image-cover img {
    transition: all 1s
}

.page-service-step .step-box .step-box-content .image-cover:hover img {
    transform: scale(1.08);
}

.page-service-step .step-box .step-box-title .img {
    width: 70px;
    flex-shrink: 0
}

.page-service-step .step-box .step-box-title h3 {
    font-size: 20px;
    font-family: var(--medi);
    text-transform: uppercase;
    margin: 0;
}

.page-service-step .col-step {
    padding-bottom: 0;
}

.page-service-step .col-content {
    padding-bottom: 0;
}


#main .page-service-step {
    padding-bottom: 60px
}

.page-service-step .process-num {
    position: relative;
    max-width: 615px;
    transform: scale(1.1);
}

.page-service-step .line-svg1 {
    position: absolute;
    right: 50px;
    top: 30px;
    z-index: -1;
}

.page-service-step .line-svg1:before {
    content: "";
    width: 20vw;
    border-bottom: 2px solid #4a4a4a;
    top: 0;
    position: absolute;
    left: -20vw;
}

.page-service-step .line-svg1.active:before {
    border-color: #8d764e;
}

.page-service-step .process-num-relative {
    display: grid;
    padding: 0 50px;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 35px 30px;
}

.page-service-step .process-num-relative .num {
    width: 62px;
    height: 62px;
    background: linear-gradient(#FFF 23.25%, #F8EFD4 77.71%);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #161616;
    font-family: var(--th);
    font-size: 28px;
    position: relative;
}

.page-service-step .process-num-relative .num:before {
    content: "";
    position: absolute;
    width: calc(100% + 14px);
    height: calc(100% + 14px);
    border-radius: 50%;
    border: 1px solid #FFFDEB;
    opacity: 0
}

.page-service-step .process-num-relative .num-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 19px;
}

.page-service-step .process-num-relative .num-item:nth-child(3) {
    grid-column: 2/3
}

.page-service-step .process-num-relative .num-item:nth-child(4) {
    grid-column: 1/2;
    grid-row: 2/3
}

.page-service-step .process-num-relative .num-item:nth-of-type(3),
.page-service-step .process-num-relative .num-item:nth-of-type(4) {
    margin-bottom: 18px;
}

.page-service-step .process-num-relative .title {
    line-height: 19px;
    text-align: center;
    color: #E8E8E8;
    max-width: 190px;
    margin: 0 auto;
    font-family: var(--medi);
}

.page-service-step .num-item.active .title {
    color: var(--theme-color);
    font-family: var(--medi);
}

.page-service-step .num-item.active .num {
    background: var(--Linear, linear-gradient(180deg, #FFFDEB 23.25%, #D3A455 77.71%));
}

.page-service-step .num-item .num.active:before,
.page-service-step .num-item.active .num:before {
    opacity: 1;
}

/* End page-service */
@media screen and (min-width: 1600px) {
    .page-service-step .col-step {
        width: fit-content;
        flex-basis: 44%;
        max-width: 44%;
    }

    .page-service-step .process-num {
        transform: scale(1.2);
    }

    .page-service-step .text-title p {
        margin-bottom: 90px
    }
}

@media screen and (min-width: 1200px) {
    .page-service-4 .col-title:not(.uxb-draggable) {
        position: absolute;
        width: 30%;
        top: 38%;
    }

    .page-service-4 .text-title p {
        margin-bottom: 0;
        max-width: 410px;
    }

    .page-service-4 .list-whychose {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 40px calc(33% + 60px);
    }

    .page-service-4 .list-whychose .item {
        padding: 20px;
        border-radius: 15px;
        padding: 0px;
        overflow: unset;
    }

    .page-service-4 .list-whychose .item:nth-of-type(1),
    .page-service-4 .list-whychose .item:nth-of-type(5) {
        margin-right: -100px;
        margin-left: 100px;
    }

    .page-service-4 .list-whychose .item:nth-of-type(2),
    .page-service-4 .list-whychose .item:nth-of-type(6) {
        margin-right: 100px;
        margin-left: -100px;
    }



    .page-service-4 .list-whychose .col-inner {
        z-index: 2;
        display: block;
        border-radius: 15px;
        height: 100%;
        padding: 1px;
        background-image: linear-gradient(180deg, #DFC69B 0%, #C99C52 100%);
    }

    .page-service-4 .list-whychose .effect {
        height: 100%
    }

    .page-service-4 .list-whychose .col-inner .box {
        padding: 20px;
        background: #090909;
        border-radius: 15px;
        height: 100%;
    }

}

@media screen and (min-width: 850px) and (max-width: 1199.98px) {
    .row-project-main .tab-project .nav li {
        margin-bottom: 10px
    }

    .page-about-2 .col-text {
        padding-left: 40px;
    }

    .page-about-3 .col-image {
        padding-right: 15px;
    }

    .page-about-2 .col-image {
        padding-left: 15px
    }

    .title-home-2 h2 {
        font-size: 30px
    }


}

@media screen and (min-width: 850px) {
    .page-service-3 .list-service {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 34px 30px;
        position: relative;
        max-width: 1260px;
        margin: 0 auto;
    }

    .page-service-3 .list-service .item {
        padding: 66px 50px 69px;
        overflow: hidden;
        position: relative;
        background-image: url(/wp-content/themes/flatsome-child/images/tongthau-1.webp);
        background-repeat: no-repeat;
        background-size: contain;
        transition: all 1s;
    }

    .page-service-3 .list-service .item-1 {
        transform: translate(-20%, -20%);
        opacity: 0;
    }

    .page-service-3 .list-service.scroll-css .item-1 {
        transform: translate(0%, 0%) scale(1);
        opacity: 1;
    }

    .page-service-3 .list-service .item-2 {
        transform: translate(20%, -20%);
        opacity: 0;
        transition-delay: .3s;
    }

    .page-service-3 .list-service .item-4 {
        transform: translate(-20%, 20%);
        opacity: 0;
        transition-delay: .6s;
    }

    .page-service-3 .list-service .item-5 {
        transform: translate(20%, 20%);
        opacity: 0;
        transition-delay: .9s;
    }

    .page-service-3 .list-service.scroll-css .item-1,
    .page-service-3 .list-service.scroll-css .item-2,
    .page-service-3 .list-service.scroll-css .item-4,
    .page-service-3 .list-service.scroll-css .item-5 {
        transform: translate(0%, 0%) scale(1);
        opacity: 1;
    }

    #main .page-service-3 .list-service.scroll-css .item-3 {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }

    .page-service-3 .list-service .item:nth-of-type(2) {
        background-image: url(/wp-content/themes/flatsome-child/images/tongthau-2.webp);
    }

    .page-service-3 .list-service .item:nth-of-type(4) {
        background-image: url(/wp-content/themes/flatsome-child/images/tongthau-4.webp);
    }

    .page-service-3 .list-service .item:nth-of-type(5) {
        background-image: url(/wp-content/themes/flatsome-child/images/tongthau-5.webp);
    }

    .page-service-3 .list-service .item:nth-of-type(1) .col-inner,
    .page-service-3 .list-service .item:nth-of-type(4) .col-inner {
        margin-left: 0
    }

    .page-service-3 .list-service .item:nth-of-type(2) .col-inner,
    .page-service-3 .list-service .item:nth-of-type(5) .col-inner {
        margin-left: auto;
        margin-right: 0
    }

    .page-service-3 .list-service .item:nth-of-type(3) {
        width: 362px;
        height: 362px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.6);
        background-image: url(/wp-content/themes/flatsome-child/images/tongthau-3.webp);
        transition-delay: 1.1s;
        opacity: 0;
    }

    .page-service-3 .list-service .item:nth-of-type(3) p {
        text-align: center;
    }

    .page-service-3 .list-service .item:nth-of-type(3) h3 {
        flex-direction: column;
        align-items: center;
        gap: 0;
        margin-bottom: 13px;
    }

    .page-service-3 .list-service .item:nth-of-type(3) h3 strong {
        margin-bottom: 0
    }

    .process-info-wrapper {
        width: 100%;
        height: 100vh;
        position: sticky;
        top: 60px;
    }

    .process-info-reality {
        display: flex;
        flex-direction: column;
        transition: all 600ms;

    }

}

@media screen and (max-width: 849.98px) {
    .page-service-step .step-box {
        display: none;
        padding-top: 30px;
    }

    .row-project-main .tab-project .nav,
    .news-top .nav {
        gap: 10px 0;
        width: 100%;
        flex-direction: row;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        scroll-snap-type: x mandatory;
        margin-bottom: 0;
        justify-content: flex-start;
        scroll-padding: 10px;
        -ms-overflow-style: none;
        scrollbar-width: none;
        padding-bottom: 25px;
        margin-bottom: -25px;
    }

    .row-project-main .tab-project .nav a {
        padding: 0 18px;
        font-size: 14px;
        min-width: unset;
    }

    .blog-project .box-position {
        margin-top: -30px
    }

    .project-thumbnails .flickity-button {
        top: 30%
    }

    .project-single--top .project-name,
    .blog-single h1.entry-title {
        font-size: 30px
    }

    .project-single .project-sidebar {
        padding-left: 15px
    }

    .project-single .project-sidebar .title-post,
    .relatedcat .title-post {
        font-size: 24px;
    }

    .project-sidebar .box-project .box-text {
        padding-left: 18px
    }

    .news-top .nav {
        margin-bottom: 30px;
        margin-top: 10px;
    }

    .news-top .blog-grid {
        grid-template-columns: repeat(2, 1fr);
        max-width: unset;
    }

    .news-top .blog-grid .post-item:first-child {
        grid-column: span 2;
        grid-row: unset;
    }

    .page-news-1 .col-left,
    .page-news-1 .col-right {
        flex-basis: 100%;
        max-width: 100%;
    }

    .blog-col-1 .post-item,
    .blog-col-2 .post-item,
    .blog-col-4 .post-item {
        flex-basis: 50%;
        max-width: 50%;
    }

    .news-top .blog-grid .col.post-item:first-child .box-text {
        padding: 20px 30px 30px;
    }

    #main .post-sidebar {
        padding-left: 15px
    }

    .form-tuvan {
        padding: 50px 36px 50px;
    }

    .post-lquan .title-post,
    .post-sidebar .widget-title {
        font-size: 24px
    }

    .post-lquan {
        padding-bottom: 0
    }

    .page-contact .title-home h1 {
        margin-bottom: 30px;
        font-size: 30px;
    }

    .page-contact .col-right {
        padding-left: 30px
    }

    .page-contact .col-left ul li {
        gap: 20px;
    }

    .page-about-2 .col-image {
        padding-left: 15px;
    }

    .page-about-3 .col-image {
        padding-right: 15px;
    }

    .title-home-2 h2 {
        font-size: 22px;
        gap: 16px;
    }

    .title-home-2 h2:before {
        font-size: 65px;
    }

    .page-about-2 .col-text {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 20px;
    }

    .page-about-2 .title-home-2 p {
        max-height: 112px;
        overflow-y: auto;
    }

    .page-about-2 .title-home-2 p {
        padding-left: 20px;
    }

    .page-about-2 .title-home-2 p::-webkit-scrollbar {
        width: 3px;
        background-color: transparent;
    }

    .title-home-2:before {
        width: 180px;
        height: 180px;
        top: -40px;
        left: -53px;
    }

    .page-about-1 .col-right {
        flex-basis: 100%;
        max-width: 100%;
    }

    .page-about-1 .col-left {
        flex-basis: 100%;
        max-width: 100%;
    }

    .page-about-1 .row {
        padding-bottom: 30px
    }

    .page-about-1 .col-left h1,
    .service-banner h1 {
        font-size: 34px;
        text-align: left;
    }

    .service-banner h1 {
        font-size: 32px;
        text-align: left;
    }

    .service-banner .rank-math-breadcrumb {
        text-align: left;
    }

    .page-about-1 .rank-math-breadcrumb a,
    .page-about-1 .rank-math-breadcrumb span,
    .service-banner .rank-math-breadcrumb a,
    .service-banner .rank-math-breadcrumb span {
        font-size: 16px;
    }

    #main .page-about-1,
    #main .service-banner {
        padding-top: 45%
    }

    .service-banner .col {
        padding-bottom: 30px
    }

    .page-about-1 .col-right .col-inner {
        display: none
    }

    .page-service-1 .nav a {
        font-size: 16px;
    }

    .page-service-1 .nav .tab {
        margin-right: 24px;
        flex-shrink: 0;
    }

    #main .page-service-2 {
        padding-top: 30px;
    }

    .page-service-2 .text-desc p {
        font-size: 18px;
    }

    .page-service-3 .accordion-item+.accordion-item {
        margin-top: 20px
    }

    .page-service-3 .accordion-title {
        border: 0;
        display: flex;
        padding: 12px 20px;
        background: linear-gradient(90deg, rgba(42, 42, 40, 0.60) 0%, rgba(13, 13, 13, 0.60) 100%);
        align-items: center;
        border-radius: 99px;
        gap: 16px;
        color: #2B2B2B;
        font-family: var(--medi);
        font-size: 20px;
        font-weight: normal;
        border: 1px solid #796A52;
    }

    .page-service-3 .list-service h3 span {
        font-size: 42px;
    }

    .page-service-3 .list-service h3 strong {
        margin: 0
    }

    .page-service-3 .list-service h3 {
        margin: 0;
        align-items: center;
        gap: 12px;
    }

    .page-service-3 .accordion-inner {
        padding: 20px 0 0 20px;
        border-left: 1px solid var(--theme-color);
        margin-left: 5px;
    }

    .page-service-4 .list-whychose .item {
        padding: 20px 0;
    }

    .page-service .text-title h2 br {
        display: none
    }

    .page-service-4 .list-whychose .item:nth-of-type(2n+1):after {
        content: "";
        background: linear-gradient(90deg, rgba(22, 22, 22, 0.00) 0%, #161616 50.5%, rgba(22, 22, 22, 0.00) 100%);
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        width: 120vw;
        height: 100%;
        z-index: -1;
    }

    .page-service-4 .list-whychose .item:before {
        content: "";
        background: linear-gradient(270deg, rgba(255, 253, 235, 0.00) 0.92%, #D3A455 100%);
        width: 0%;
        height: 1px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        transition: all 1s;
    }

    .page-service-4 .list-whychose .scroll-css.item:before {
        width: 100%
    }

    #main .page-service-3 {
        padding-bottom: 30px;
    }

    #main .page-service-4 {
        padding-bottom: 0;
        padding-top: 30px;
    }

    .nhaxuong-wrapper .nhaxuong-text .text h3 {
        font-size: 18px;
    }

    .nhaxuong-wrapper .nhaxuong-text .text {
        padding-top: 16px
    }

    .nhaxuong-wrapper .nhaxuong-image .text p {
        font-size: 34px
    }

    .page-service-contact .col-image {
        flex-basis: 80%;
        max-width: 80%;
        padding-right: 15px;
        display: none;
    }

    .page-service-contact .col-form {
        flex-basis: 80%;
        max-width: 80%;
        padding-bottom: 0;
        padding-top: 30px;
    }

    .page-service-contact .row {
        justify-content: center;
    }

    .page-service-6 .image-cover {
        padding-top: 62% !important;
    }

    .page-service-6 .box-text {
        width: 80%
    }

    .page-service-6 .box-text P {
        font-size: 18px;
    }

    .page-service-7 .box .box-text {
        opacity: 0;
    }

    .page-service-7 .box.active .box-text {
        opacity: 1;
    }

    .page-service-7 .stack .box h3 {
        font-size: 16px;
    }

    .page-service-7 .stack {
        gap: 20px
    }

    .page-service-8 .col-bottom .col-inner {
        gap: 60px;
    }

    .page-service-8 .col-bottom .col-inner:after {
        top: 46%;
    }

    .teams-project .box-team .col-image {
        padding-right: 15px;
    }

    .teams-project .box-team .col-image .img {
        width: 130px;
        padding: 5px;
        margin-bottom: 0;
        flex-shrink: 0;
    }

    .teams-project .box-team .col-image .col-inner {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .teams-project .box-team .col-image .image-cover:before {
        width: calc(100% + 10px);
        height: calc(100% + 10px);
    }

    .teams-project .col-text {
        padding-top: 15px
    }

    .teams-project .box-team {
        padding-bottom: 50px
    }

    .teams-project .box-team.box-event .col-image {
        order: -1;
        padding-right: 15px;
        padding-left: 15px;
    }

    .teams-project .box-team.box-event .col-image .img {
        margin-left: 0;
        margin-right: 0;
    }

    #main .page-service-contact {
        padding-top: 0;
    }

    .page-service-step .process-num {
        margin: 0 auto;
        transform: unset;
    }

    .page-service-step .col-content {
        display: none
    }

    .page-service-step .process-num-relative .num-item {
        flex-shrink: 0;
    }

    .page-service-step .process-num-relative .title {
        font-family: var(--light);
        font-size: 15px;
    }

    .page-service-4 .section-bg {
        height: 100%
    }

    .page-about-1 .rank-math-breadcrumb p,
    .service-banner .rank-math-breadcrumb p {
        text-align: left
    }

    #main .page-service .sec-teams {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    #main .page-service .sec-teams .row-top {
        margin-bottom: 0
    }

    #main .page-service-5 {
        padding-top: 30px;
    }

    .page-service-contact form {
        margin-top: 0
    }

    #main .page-service-step {
        padding-bottom: 35px
    }

    .teams-project .box-project.box .box-text a {
        font-size: 16px
    }

    .teams-project .box-project.box .box-text {
        padding: 15px
    }

    .project-single .entry-content {
        padding-bottom: 0
    }

    .project-single .project-sidebar {
        padding-top: 0
    }

    #main .post-sidebar .wpcf7 {
        margin-bottom: 0
    }
}

@media screen and (max-width: 767.98px) {
    #wrapper .teams-project .btn-action a {
        min-width: unset;
        padding: 0 20px;
        font-size: 14px;
    }

    .teams-project .btn-action {
        display: flex;
    }

    #main .page-news-1,
    #main .page-news-2 {
        padding-bottom: 5px
    }

    .section-content .col-line .col-inner {
        padding-bottom: 30px
    }

    .news-top .blog-grid .col.post-item:first-child .box-text {
        padding: 20px 25px 25px;
    }

    .col-title h1.page-title {
        font-size: 24px;
        margin-bottom: 25px;
    }

    .news-top .tabbed-content {
        padding-bottom: 0
    }

    #main .banner-nhansu {
        padding-top: 55%;
    }

    .teams-project .box-team:first-of-type {
        padding-top: 30px
    }

    .teams-project .box-team {
        padding-bottom: 30px;
        padding-top: 30px;
    }

    .page-service-4 .list-whychose .box-top {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 16px;
    }


    .teams-project .box-team .col-image .col-inner {
        gap: 15px;
    }

    .teams-project .box-team .col-image .img {
        width: 100px;
    }

    .teams-project .info-user .name {
        font-size: 18px;
    }

    .teams-project .info-user .position {
        font-size: 14px;
        gap: 5px;
    }

    .teams-project .info-user .position:before {
        width: 13px
    }

    .teams-project .col-text .col-inner:before {
        width: 35px;
        top: -45px;
    }

    .teams-project .col-text .desc {
        padding-right: 0
    }

    .box-search-post {
        display: none
    }

    .page-banner,
    .blog-project .archive-page-header,
    .blog-wrapper .archive-page-header {
        padding-top: 45%
    }

    .row-project-main {
        padding-top: 50px;
    }

    .row-project-main>.large-12.col,
    .row-blog>.large-12.col {
        padding-bottom: 0
    }

    .row-project-main .title-home p {
        margin-bottom: 30px
    }

    .row-project-main .tab-project {
        margin-bottom: 30px;
    }

    .box-project.box .post-title {
        font-size: 18px
    }

    .box-project.box .btn-viewmore {
        width: 36px;
        height: 36px;
    }

    .project-single--top .project-name,
    .blog-single h1.entry-title {
        font-size: 24px;
        line-height: 1.3;
    }

    .blog-project .box-position {
        max-width: 100%
    }

    .project-thumbnails .flickity-button {
        background-color: var(--theme-color) !important;
    }

    .blog-project .project-gallery .image-cover {
        padding-top: 75% !important;
    }

    .project-single--top .project-breadcrumbs:after,
    .post-breadcrumbs:after {
        margin-left: 10px
    }

    .project-single .project-info .info-project li {
        /* flex-direction:column; */
        font-size: 14px;
    }

    .project-info .info-project .left {
        min-width: 100px;
        width: 140px;
        flex-shrink: 0;
        font-size: 14px;
    }

    .box-project.box .box-text {
        padding-top: 18px
    }

    .box-img-noslider .image-cover {
        padding-top: 75% !important;
    }

    .box-img-noslider {
        margin-bottom: 0
    }

    .news-top .blog-grid {
        display: flex;
    }

    .blog-col-1 .post-item {
        flex-basis: 100%;
        max-width: 100%;
    }

    .img-banner .image-cover {
        padding-top: 45% !important;
    }

    #main .news-top {
        padding-top: 50px;
        padding-bottom: 30px;
    }

    .box-search-post form {
        max-width: unset
    }

    .box-search-post input[type=text] {
        height: 38px
    }

    .news-top .nav {
        margin-top: 15px;
        margin-bottom: 0;
    }

    .news-top .blog-grid .post-item:nth-of-type(n+2) .box-image {
        width: 130px
    }

    .news-top .blog-grid .post-item:nth-of-type(n+2) .box-text {
        padding: 4px 0 0 18px;
    }

    .blog-col-1 .box-blog-post .box-image {
        width: 130px !important;
    }

    .blog-col-1 .box-blog-post .box-text {
        padding: 4px 0 0 18px;
    }

    #main .page-contact {
        padding-top: 50px
    }

    .page-contact .title-home h1 {
        font-size: 24px
    }

    .page-contact .col-right {
        padding-left: 15px
    }

    .form-contact .form-content {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 20px;
    }

    .page-about-2 .col-image {
        order: 1;
        flex-basis: 100%;
        max-width: 100%;
    }

    .page-about-2 .col-text {
        flex-basis: 100%;
        max-width: 100%;
        padding-top: 0;
    }

    .page-about-2 .title-home-2 h2 {
        margin-bottom: 12px;
    }

    .page-about-2 .title-home-2 p {
        max-height: unset;
        overflow: unset;
        padding-left: 0;
    }

    #main .page-about-2 {
        padding-top: 30px;
    }

    #main .page-about-4,
    #main .page-about-3 {
        padding-top: 0;
    }

    #main .page-about-4 {
        padding-bottom: 0;
    }

    .page-about-1 .col-left h1 {
        font-size: 24px;
        line-height: 1.2;
    }

    .page-about-1 .rank-math-breadcrumb p {
        margin: 0
    }

    .page-about-1 .rank-math-breadcrumb a,
    .page-about-1 .rank-math-breadcrumb span,
    .service-banner .rank-math-breadcrumb a,
    .service-banner .rank-math-breadcrumb span {
        font-size: 15px
    }

    .page-about-1 .row {
        padding-bottom: 20px;
    }

    #main .page-about-1 {
        padding-top: 55%;
    }

    .page-about-1 .bg {
        background-position: bottom;
    }

    .service-banner h1 {
        font-size: 24px
    }

    #main .service-banner {
        padding-top: 70%
    }

    .service-banner .col {
        padding-bottom: 20px;
    }

    #main .page-service-1 {
        padding-top: 50px;
        padding-bottom: 0;
    }

    #main .page-service-1 .title-home {
        width: 100%;
        margin-bottom: 15px;
    }

    #main .page-service-2 {
        padding-top: 10px;
        padding-bottom: 0;
    }

    .page-service-3 h2,
    .page-service .text-title h2 {
        font-size: 24px;
    }

    .page-service-6 .text-title h2,
    .page-service-7 .text-title h2,
    .page-service-8 .text-title h2 {
        margin-bottom: 25px;
    }

    .page-service-2 .stack {
        flex-direction: column;
        gap: 30px;
        margin-bottom: 30PX;
    }

    .page-service-2 .text-title p {
        margin-bottom: 30px
    }

    .page-service-2 .stack .number-run {
        font-size: 70px;
        height: 70px;
    }

    .page-service-2 .number-run .icon {
        font-size: 75px;
    }

    .page-service-2 .stack .icon-box:nth-of-type(3) .icon {
        font-size: 30px
    }

    .page-service-2 .text-desc p {
        font-size: 16px;
    }

    .page-service-2 .col-bottom .icon-box-img {
        width: 50px !important;
        margin-bottom: 0;
    }

    .page-service-2 .col-bottom .col-inner {
        grid-gap: 50px 20px;
        grid-template-columns: repeat(2, 1fr);
        padding: 30px 0px;
    }

    .page-service-2 .col-bottom .icon-box h3 {
        font-size: 16px;
    }

    .page-service-2 .col-bottom .icon-box {
        display: flex;
        gap: 18px;
    }

    .page-service-3 .list-service h3 {}

    .page-service-3 .list-service .item {
        padding: 20px 15px;
        min-width: 75%;
        width: 75%;
    }

    .page-service-3 .list-service h3 strong {
        font-size: 18px;
    }

    .page-service-4 .list-whychose .item {
        padding: 20px 0
    }

    .page-service-4 .list-whychose h3 {
        width: 100%;
        font-size: 24px;
        line-height: 1.3;
    }

    .page-service-4 .list-whychose span {
        top: 5px;
        transform: unset;
        position: unset;
    }

    .page-service-4 .list-whychose .box-bottom {
        gap: 20px;
    }

    .page-service-step .line-svg1 {
        display: none;
        right: 15px;
        width: 100%;
        top: 0;
    }

    #main .page-service-5 {
        padding-top: 30px;
    }

    .nhaxuong-wrapper .nhaxuong-image .image-cover {
        padding-top: 75%
    }

    .nhaxuong-wrapper .nhaxuong-image .text p {
        font-size: 24px
    }

    .nhaxuong-wrapper .nhaxuong-image .text {
        padding: 0 15px
    }

    .page-service-contact .col-form {
        flex-basis: 100%;
        max-width: 100%;
        padding-top: 30px;
    }

    #main .page-service-contact {
        padding-top: 0;
    }

    .page-service-contact form {
        margin: 0
    }

    .form-service .form-title {
        font-size: 24px;
        margin-bottom: 25px;
    }

    .form-service .form-content input {
        height: 40px
    }

    #wrapper .form-service .btn-viewall2 {
        min-width: 160px;
        height: 40px;
    }

    .page-service-6 .box-text {
        width: 100%;
        padding-top: 15px;
        bottom: 0;
        padding: 15px 20px;
    }

    .page-service-6 .image-cover {
        padding-top: 75% !important;
    }

    .page-service-6 .image-cover .overlay {
        height: 100%
    }

    .page-service-6 .box-text P {
        font-size: 15px;
    }

    .page-service-6 .box-text-inner:before {
        width: 20px;
        height: 20px;
        right: unset;
        left: -15px;
        top: -10px;
    }

    .page-service-6 .box-text-inner:after {
        width: 20px;

        bottom: -5px;
        left: calc(100% - 5px);
    }

    #main .page-service-6 {
        padding-top: 30px;
    }

    .page-service-7 .stack {
        flex-direction: column;
    }

    .page-service-7 .box .box-text {
        opacity: 1;
    }

    .page-service-8 .col-bottom .col-inner {
        grid-template-columns: repeat(1, 1fr);
        padding: 0;
    }

    .page-service-step .process-num-relative {
        gap: 20px;
        transition: all .3s;
        padding: 0 0px;
        grid-template-columns: repeat(2, 1fr);
    }

    .page-service-step .text-title p {
        margin-bottom: 25px;
    }

    .page-service-step .process-num-relative .num {
        width: 55px;
        height: 55px;
        font-size: 24px;
    }

    .page-service-step .process-num-relative .num-item {
        gap: 10px;
    }

    .page-news-1-mobile .blog-col-1 .post-item {
        flex-basis: 50%;
        max-width: 50%;
    }

    .page-news-1-mobile .blog-col-1 .box-blog-post {
        flex-wrap: wrap;
    }

    .page-news-1-mobile .blog-col-1 .box-blog-post .box-image {
        width: 100% !important;
    }

    .page-news-1-mobile .blog-col-1 .box-blog-post .box-text {
        padding: 20px 0 0;
    }

    .page-news-1-mobile .blog-col-1 .box-blog-post .box-text a {
        -webkit-line-clamp: 2;
    }

    .page-news-1-mobile .blog-col-2 .post-item {
        flex-basis: 100%;
        max-width: 100%;
    }

    .page-news-1-mobile .blog-col-2 .box-blog-post {
        display: flex;
    }

    .page-news-1-mobile .blog-col-2 .box-blog-post .box-image {
        width: 130px;
        flex-shrink: 0;
    }

    .page-news-1-mobile .blog-col-2 .box-blog-post .box-text {
        padding: 4px 0 0 18px
    }

    .page-news-1-mobile .blog-col-2 .box-blog-post .box-text .post-title a {
        -webkit-line-clamp: 3;
    }

    .page-news-1-mobile .blog-col-2 .box-blog-post .box-info {
        display: none
    }

    .relatedcat {
        padding-top: 0
    }
}

@media screen and (max-width: 575.98px) {
    .page-news-1-mobile .blog-col-1 .post-item {
        flex-basis: 100%;
        max-width: 100%;
    }

    .page-service-step .step-box .step-box-title {
        /* flex-direction:column; */
        gap: 10px;
    }

    .page-service-step .step-box .step-box-content p {
        margin-bottom: 20px
    }

    .page-service-step .step-box .step-box-title .img {
        width: 50px
    }

    .page-service-step .step-box .step-box-title h3 {
        font-size: 18px;
    }

    .blog-col-2 .post-item,
    .blog-col-4 .post-item {
        flex-basis: 100%;
        max-width: 100%;
    }

    .section .col-title .col-inner {
        flex-direction: column;
        gap: 12px;
        margin-bottom: 25px;
    }

    .page-service-4 .col-title .col-inner {
        margin-bottom: 25px
    }

    .page-service-4 .text-title p {
        margin-bottom: 0
    }

    .blog-single .page-banner {
        margin-bottom: 50px
    }

    .form-tuvan {
        padding-top: 330px;
    }

    .form-contact .form-content .form-item:last-child {
        grid-column: unset
    }

    .page-contact .social-footer a {
        width: 40px;
        height: 40px
    }

    .page-contact .form-contact {
        margin-bottom: 40px
    }

    .section .col-title-mobile {
        display: block;
    }

    .section .col-title-mobile .btn-view {
        display: flex;
    }

    .section .btn-view {
        display: none
    }

    .page-news-1 .col-right .post-item:last-child {
        padding-bottom: 30px
    }
}