:root {
    --primary-color: #6dbe00;
    --font-custom: 'UTM Penumbra';
}
html {
    scroll-behavior: smooth;
}
#page {
    overflow: hidden;
}
.header-main{
    border-bottom:1px solid #6dbe00;
}
.slick-slider .slick-prev {
    left: 15px;
}
.slick-slider .slick-next {
    right: 15px;
}
.slider-home:hover {
    cursor: pointer;
}
.home.sidebar-content .site-main,
.home.content-sidebar .site-main {
    width: 100%;
}
.slider-item {
    height: 700px;
    overflow: hidden;
}
.slider-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slider-home .slick-arrow {
    width: 50px;
    height: 50px;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slider-home .slick-arrow:hover {
    background: var(--primary-color);
}
.slider-home .slick-arrow::before {
    font-size: 18px;
    color: white;
}
.slider-home .slick-prev {
    left: 41px;
}
.slider-home .slick-next {
    right: 41px;
}
/* Header */
.top-bar {
    height: 36px;
    line-height: 36px;
    color: white;
    background: var(--primary-color);
}
.top-menu a {
    color: white;
}
.top-menu a i {
    margin-right: 6px;
}
.menu-top-sitemap,
.menu-top-email {
    margin-right: 35px;
    color: #a5c7ff !important;
}
.menu-top-sitemap:hover,
.menu-top-email:hover {
    color: white !important;
}
.site-header.header-logo .main-navigation ul.menu > li {
    margin-right: 25px;
}
.site-header.header-logo .main-navigation ul.menu > li > a {
    font-family: var(--font-custom);
    font-weight: normal;
    font-size: 14px;
    color: #333333;
    font-weight: bold;
}
.site-header.header-logo .main-navigation ul.menu > li:first-child a {
    font-size: 16px;
}
.main-navigation ul.menu > li > a:hover,
.main-navigation ul.menu > li.current-menu-item > a,
.site-header.logo-left .main-navigation ul.menu > li > a:hover,
.site-header.logo-left .main-navigation ul.menu > li.current-menu-item > a {
    color: #6dbe00 !important;
}
.site-header.header-logo .main-navigation ul.menu > li.menu-item-gtranslate {
    margin-right: 9px;
}
.site-header.header-logo .main-navigation ul.menu > li:last-child {
    margin-right: 0;
}
/* Footer */
 .secSupport__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    left: 20px;
    bottom: calc(25vh - 50px);
    z-index: 98;
}
.secSupport__social img {
    border-radius: 50%;
}
.secSupport__social a{
  margin-bottom: 15px;
}
.site-footer {
    color: #333333;
}
.footer-widgets {
    background: white;
}
.footer-widgets h4.widget-title {
    font-size: 17px;
    margin-bottom: 24px;
    color: #333333;
}
#social-2 ul {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.widget_social ul li a {
    box-shadow: none;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    color: white !important;
}
.widget_social ul li a i {
    font-size: 10px;
}
.widget_social ul li {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    width: 100px;
}
.widget_social .icon_facebook a {
    background: #3b5999;
}
.widget_social .icon_twitter a {
    background: #55acee;
}
.widget_social .icon_google a {
    background: #dd4b39;
}
.widget_social .icon_youtube a {
    background: #cd201f;
}
#social-2 h4.widget-title {
    text-align: center;
}
.brochure {
    display: flex;
    align-items: center;
}
.brochure-img {
    width: 48px;
    margin-right: 22px;
}
.brochure-content {
    width: calc(100% - 70px);
    font-size: 15px;
}
.brochure-content p {
    margin-bottom: 15px;
}
.brochure a {
    font-size: 15px;
    color: #ec161f;
    font-weight: bold;
}
.brochure a:hover {
    color: var(--primary-color);
}
.site-info {
    padding: 40px 0 13px;
    background-size: 100% 100%;
    background-position: bottom right;
    background-repeat: no-repeat;
}
.site-info-coppy,
.site-info-coppy a {
    color: #666666;
    font-size: 16px;
}
.menu-menu-footer-container {
    width: 100%;
}
.menu-menu-footer-container ul {
    padding: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}
.menu-menu-footer-container ul li a {
    font-size: 15px;
    color: #333333;
    text-transform: uppercase;
    font-family: var(--font-custom);
    margin: 0 12px;
}
.menu-menu-footer-container ul li a:hover {
    color: #333333;
    text-decoration: underline;
}
.form-footer {
    width: 100%;
}
.form-footer .form-group,
.subscribe-form {
    display: flex;
    align-items: center;
}
.form-footer .form-group {
    justify-content: center;
    margin-bottom: 46px;
}
.subscribe-label {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    margin-right: 30px;
}
.subscribe-form {
    max-width: 370px;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    overflow: hidden;
}
.subscribe-form input[type='submit'] {
    width: 87px;
    height: 38px;
    padding: 0;
    text-align: center;
    line-height: 37px;
    background: var(--primary-color);
    color: white;
    font-size: 15px;
    display: block;
    border-radius: 0;
}
.subscribe-form .email {
    width: calc(100% - 87px);
}
.subscribe-form .email input {
    border: 1px solid #e6e6e6;
    border-radius: 5px;
}
.subscribe-form .email input::placeholder {
    color: #999999;
    font-size: 15px;
}
.form-footer .wpcf7 .ajax-loader {
    display: none;
}
.form-footer .wpcf7 span.wpcf7-not-valid-tip {
    display: none;
}
/* Block */
.block-title {
    font-family: var(--font-custom);
    font-size: 34px;
    color: var(--primary-color);
    margin-bottom: 28px;
    text-transform: uppercase;font-weight: bold;
}
.block-desc {
    font-size: 15px;
    color: #333333;
    text-align: center;
    margin-bottom: 28px;
}
.block-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
/* Numbers */
.number-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 0;min-height: 150px;
}
.number-item-1 {
    background: #6dbe00;
}
.number-item-2 {
    background: #6dbe00cf;
}
.number-item-3 {
    background: #6dbe00b5;
}
.number-item-4 {
    background: #6dbe008c;
}
.number-icon {
    margin-right: 20px;
}
.number-title {
    font-size: 28px;
    font-family: var(--font-custom);
    font-weight: bold;
    color: white;
}
.number-desc {
    color: white;
    font-size: 16px;
}
/* Intro */
.block-intro {
    padding: 60px 0 150px;
 background-color: #eeeeee;
/*  background: linear-gradient(
          rgba(0, 0, 0, 0.6), 
          rgba(0, 0, 0, 0.6)
        ),
url("../images/bg_999.jpg");
            background-position: center;
            background-repeat: no-repeat;
            background-attachment: fixed;  background-size: cover;
    position: relative;*/
}
.block-intro .block-subtitle {
    padding-left: 85px;
    font-size: 20px;
    color: #ceb63f;
    position: relative;
    font-weight: 300;
    margin-bottom: 16px;
}
.block-intro .block-subtitle::before {
    content: '';
    display: block;
    width: 79px;
    height: 1px;
    background: #ceb63f;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.block-intro .block-title {
    text-align: left;
    margin-bottom: 44px;
}
.block-intro .intro-desc {
    font-size: 15px;
    color: #000;
    line-height: 24px;
    margin-bottom: 28px;
    text-align: justify;
}
.intro-btn {
    display: inline-block;
    background: white;
    padding: 9px 71px 9px 26px;
    position: relative;
    font-size: 15px;
    color: var(--primary-color);
}
.intro-btn:hover {
    background-color: var(--primary-color);
    color: white;
}
.intro-btn::after {
    content: '';
    width: 54px;
    height: 40px;
    background-size: 100% 100%;
    background-position: top right;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}
.intro-btn-more::after {
    background-image: url('../images/btn-more-bg2.png');
}
.intro-btn-more {
    margin-right: 20px;
}
.intro-btn-profile::after {
    background-image: url('../images/btn-profile-bg.png');
}
.intro-btn-profile {
    color: #333333;
}
.intro-video {
    margin-top: 56px;
    position: relative;
}
.intro-video::before {
    content: '';
    width: 226px;
    height: 218px;
    display: block;
    background-image: url('../images/bg-1.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top right;
    position: absolute;
    top: -20px;
    right: -20px;
}
.intro-video a {
    position: relative;
    display: block;
}
.intro-video a::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 1%, rgba(220, 133, 27, 0) 43%);
}
.intro-video .video-play {
    position: absolute;
    bottom: 21px;
    left: 21px;
    width: 100%;
    display: flex;
    align-items: center;
    z-index: 2;
}

  .main-title-inner {
    position: relative;
    display: inline-block;
    padding: 10px 15px;min-width: 23%;margin-bottom: 30px;text-align: center;
    cursor: pointer;
}
.main-title-inner:before {

    content: '';
    position: absolute;
    background: #6dbe00;
    transition: all .25s ease 0s;
    left: 0;
        top: 0;
    width: 50px;
    height: 1px;
}
.main-title-inner:hover .line-ben-duoi:before, .main-title-inner:hover:before {
    width: 40%;
}
.main-title-inner:after {
    top: 0;
    left: 0;
    width: 1px;
    height: 15px;
        content: '';
    position: absolute;
    background: #6dbe00;
    transition: all .25s ease 0s;
}
.line-ben-duoi {
    margin-bottom: 0;font-weight: bold;color: #6dbe00;
}
.main-title-inner .line-ben-duoi:before {
    right: 0;
    bottom: 0;
    width: 50px;
    height: 1px;
    content: '';
    position: absolute;
   background: #6dbe00;
    transition: all .25s ease 0s;
}
.main-title-inner .line-ben-duoi:after {
    right: 0;
    bottom: 0;
    width: 1px;
    height: 15px;
        content: '';
    position: absolute;
   background: #6dbe00;
    transition: all .25s ease 0s;
}

.video-img {
    height: 400px;
    overflow: hidden;
}
.video-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video-btn-border {
    width: 53px;
    height: 53px;
    border: 1px solid white;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video-btn {
    width: 42px;
    height: 42px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ceb63f;
}
.video-label {
    font-size: 15px;
    font-weight: bold;
    font-family: var(--font-custom);
    color: white;
    text-transform: uppercase;
    margin-left: 10px;
}
/* News */
.block-news {
    padding: 60px 0;
    background-color: #eeeeee;
    /* background: linear-gradient(
          rgba(0, 0, 0, 0.8), 
          rgba(0, 0, 0, 0.8)
        ),
url("../images/bg_tintuc2.jpg");
            background-position: center;
            background-repeat: no-repeat;
            background-attachment: fixed;  background-size: cover;*/
    position: relative;
}
.block-feature-project {
    padding: 64px 0 80px;
    background-image: url(../images/bg-news.png);
    background-size: 100% 100%;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    top: -85px;
    margin-bottom: -85px;
}
.block-news .block-title {
    text-align: center;
}
.news-list-left,
.news-list-right {
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15);
    position: relative;
    padding: 40px 16px 0;
    z-index: 2;
    background-color: white;
}
.block-news .row-custom-1 {
    margin-right: -5px;
    margin-left: -5px;
}
.block-news .col-custom-1 {
    padding-right: 5px;
    padding-left: 5px;
}
.block-news .heading {
    font-weight: bold;
    line-height: normal;
    border-bottom: 0;
    font-size: 20px;
}
.block-news .heading a {
    color: var(--primary-color) !important;
}
.block-news .heading a::after {
    display: none;
}
.news-list-left .row {
    margin-right: -10px;
    margin-left: -10px;
}
.news-list-left .col-md-6 {
    padding-right: 10px;
    padding-left: 10px;
}
.news-list-left .sh-blog-shortcode.style-6 .entry-thumb {
    padding: 0;
    border: none;
}
.news-list-left .first-element-layout .entry-thumb a {
    height: 230px;
    overflow: hidden;
}
.news-list-left .first-element-layout .entry-thumb a img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.news-list-left .sh-blog-shortcode .first-element-layout .element .entry-title {
    margin: 20px 0 17px;
}
.news-list-left .sh-blog-shortcode .first-element-layout .element .entry-title a {
    font-size: 18px;
    color: #333333;
    line-height: 24px;
    text-transform: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.news-list-left .sh-blog-shortcode .first-element-layout .element .entry-meta {
    margin-bottom: 6px;
}
.news-list-left .sh-blog-shortcode .first-element-layout .element .entry-description {
    color: #666666;
    font-size: 15px;
}
.news-list-left .sh-blog-shortcode .first-element-layout .element .entry-description p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
}
.news-list-left .sh-blog-shortcode .second-element-layout .element .entry-title a,
.news-list-right .sh-blog-shortcode .element .entry-title a {
    font-size: 15px;
    color: #333333;
    text-transform: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
}
.home .sh-blog-shortcode.style-1 .entry-meta span {
    margin-right: 4px;
}
.news-list-left .sh-blog-shortcode .second-element-layout .element .entry-thumb,
.news-list-right .sh-blog-shortcode .element .entry-thumb {
    width: 120px;
    height: 80px;
    overflow: hidden;
    margin-right: 13px;
}
.news-list-left .sh-blog-shortcode .second-element-layout .element .entry-meta {
    margin-bottom: 0;
}
.news-list-left .sh-blog-shortcode.style-6 .second-element-layout .element:not(:last-child) {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e3e3e3;
}
.news-list-right .sh-blog-shortcode .element:not(:last-child) {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e3e3e3;
}
.news-list-left .first-element-layout {
    margin-bottom: 0 !important;
}
.news-list-left .slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}
.row-custom-1 .col-custom-1:first-child:after {
    content: '';
    width: 226px;
    height: 218px;
    display: block;
    background-image: url('../images/bg-1-2.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top right;
    position: absolute;
    bottom: -20px;
    left: -15px;
    z-index: 1;
}
.row-custom-1 .col-custom-1:last-child:after {
    content: '';
    width: 226px;
    height: 218px;
    display: block;
    background-image: url('../images/bg-1.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top right;
    position: absolute;
    top: -20px;
    right: -15px;
    z-index: 1;
}
/* Project */
.block-project {
    background: #eeeeee;
    padding-top: 60px;
}
.block-project .block-title {
    text-align: center;
}
.projects {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.projects .slick-slide {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.projects .slick-arrow {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-color);
}
.projects .slick-next {
    right: 0;
}
.projects .slick-prev {
    left: 0;
}
.projects .slick-next::before {
    content: '' !important;
    width: 14px;
    height: 19px;
    background-image: url('../images/next.png');
}
.projects .slick-prev::before {
    content: '' !important;
    width: 14px;
    height: 19px;
    background-image: url('../images/prev.png');
}
.project-item {
    position: relative;
}
.project-title {
    font-family: var(--font-custom);
    font-size: 18px;
    color: white;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 1%, rgba(220, 133, 27, 0) 67%);
    padding: 20px 15px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.project-img {
    height: 350px;
    overflow: hidden;
}
.project-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.project-item .project-img img {
    transform: scale(1);
    transition: 0.5s ease-in-out;
}
.project-item:hover .project-img img {
    transform: scale(1.1);
    transition: 0.5s ease-in-out;
}
/* Slogan */
.block-slogan {
    padding: 60px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
}
.slogan-subtitle,
.slogan-desc {
    font-size: 18px;
    color: #eeeeee;
}
.slogan-subtitle strong {
    font-size: 24px;
}
.slogan-title {
    font-size: 36px;
    font-family: var(--font-custom);
    font-weight: bold;
    color: #eeeeee;
}
/* Gallery */
.block-gallery {
    padding: 60px 0;
}
.block-gallery .block-title {
    text-align: center;
}
.gallery-item-images {
    display: none;
}
.block-gallery .slick-arrow {
    width: 30px;
    height: 30px;
    background: #cccccc;
    display: flex;
    align-items: center;
    justify-content: center;
}
.block-gallery .slick-arrow::before {
    color: white;
    font-size: 14px;
}
.block-gallery .slick-arrow:hover {
    background: var(--primary-color);
}
.block-gallery .slick-prev {
    left: 5px;
}
.block-gallery .slick-next {
    right: 5px;
}
.prodject-block2 .slick-arrow {
    width: 30px;
    height: 30px;
    background: #cccccc;
    display: flex;
    align-items: center;
    justify-content: center;
}
.prodject-block2 .slick-arrow::before {
    color: white;
    font-size: 14px;
}
.prodject-block2 .slick-arrow:hover {
    background: var(--primary-color);
}
.prodject-block2 .slick-prev {
    left: 5px;
}
.prodject-block2 .slick-next {
    right: 5px;
}
.youtube-if{
  background: #f00;
 min-width: 80px;
    height: 52px;
    z-index: 9999;
    position: absolute;
    animation-delay: 0;
    /* left: 0; */border-radius: 10px;
    top:30%;
    left: 35%;
    border: 3px solid #f00;
}
.youtube-if:before {
    content: "";
    border-style: solid;
    border-width: 13px 0 13px 25px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
       top: 25%;
    left: 35%;  
}
.youtube-if {
    cursor: pointer
}
.bg_grey{
    background-color: #eeeeee;    padding: 20px;
}
.gallery-item {
    position: relative;
}
.gallery-title {
      padding: 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgb(0, 0, 0);
   background: linear-gradient(0deg, rgba(0, 0, 0, 1) 5%, rgb(220 133 27 / 79%) 77%);
    color: #6ebe04;
    font-weight: bold;
    text-align: left;
    text-shadow: 2px 4px 6px #000000;
    font-size: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.gallery-title i {
    margin-right: 4px;
}
   .block-gallery .block-content .gallery-list{
    position: relative;
    }
     .block-gallery .block-content .gallery-list:after{
    content: '';
    width: 146px;
    height: 148px;
    display: block;
    background-image: url(../images/bg-1-2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top right;
    position: absolute;
    bottom: -20px;
    left: 0px;
    z-index: -1;
    } 
    .block-gallery .block-content .gallery-list:before{
        content: '';
    width: 146px;
    height: 148px;
    display: block;
    background-image: url(../images/bg-1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top right;
    position: absolute;
    top: -20px;
    right: 5px;
    z-index: -1;
    }
/* Partner */
.block-parnter {
    padding: 60px 0;
    background-color: #eeeeee;
 /*  background: linear-gradient(
          rgba(0, 0, 0, 0.8), 
          rgba(0, 0, 0, 0.8)
        ),url(../images/bg_gt1.jpg);
         background-size: 100% 100%;
 background-position: center;
            background-repeat: no-repeat;
            background-attachment: fixed;  
      background-size: cover;
    position: relative;*/
}
.block-parnter .block-title {
    text-align: center;
}
.partner-img {
    height: 114px;
    overflow: hidden;
    border: 3px solid #cfcfcf;
    border-radius: 3px;
    background: white;
}
.partner-img img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}
/* Advisory */
.block-advisory {
    padding: 40px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
}
.advisory-left {
    display: flex;
    align-items: center;
}
.advisory-left strong {
    display: contents;
    font-size: 16px;
}
.advisory-right {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
}
.advisory-btn {
    width: 174px;
    height: 44px;
    border-radius: 10px;
    border: 2px solid white;
    padding: 0;
    text-align: center;
    line-height: 44px;
    color: white;
    margin-left: 44px;
}
.advisory-btn:hover {
    background-color: var(--primary-color);
    color: white;
}
.advisory-phone p:first-child {
    margin-bottom: 0;
}
.advisory-phone p:last-child {
    margin: 0;
    font-family: var(--font-custom);
    font-size: 22px;
    font-weight: bold;
}
.advisory-phone {
    text-align: right;
}
/* Search */
#searchModal .search-form {
    position: relative;
}
#searchModal .search-form input[type='search'] {
    color: #252525;
    border: 1px solid var(--primary-color);
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
}
#searchModal .search-form input[type='search']::placeholder {
    color: #252525;
}
#searchModal .search-form input[type='submit'] {
    background: url(../images/btsearch.png) center center no-repeat var(--primary-color);
    width: 40px;
    height: 40px;
    right: 0;
}
.page-template-page-about .site-content {
    padding-top: 0;
}
.page-template-page-about .site-main {
    width: 100%;
    float: unset;
}
.banner {
    height: 300px;
    overflow: hidden;
}
.banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.breadcrumb {
    padding: 9px 0;
    margin-bottom: 0;
}
.wtb-breadcrumb {
    background: #f5f5f5;
}
.wtb-breadcrumb a {
    color: #333333;
}
.about-nav {
    margin: 50px 0;
    display: flex;
    justify-content: center;
}
.about-nav .about-nav-item {
    border: 1px solid #b8d8ea;
}
.about-nav .about-nav-item:not(:last-child) {
    margin-right: -1px;
}
.about-nav-title {
    font-size: 14px;
    font-weight: bold;
    color: var(--primary-color);
    text-transform: uppercase;
}
.about-nav-item a {
    display: block;
    padding: 18px;
    background-color: #eef6fb;
    position: relative;
}
.about-nav-item a:hover::after {
    content: '\f0d7';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: var(--primary-color);
    position: absolute;
    bottom: -16px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 18px;
}
.about-nav-item a:hover {
    background: var(--primary-color);
}
.about-nav-item a:hover .about-nav-title {
    color: white;
}
.about-nav-icon {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center;
}
.about-nav-icon-1 {
    background-image: url(../images/about/care-about-planet.png);
}
.about-nav-item a:hover .about-nav-icon-1 {
    background-image: url(../images/about/care-about-planet-white.png);
}
.about-nav-icon-2 {
    background-image: url(../images/about/about-mission.png);
}
.about-nav-item a:hover .about-nav-icon-2 {
    background-image: url(../images/about/about-mission-white.png);
}
.about-nav-icon-3 {
    background-image: url(../images/about/about-charity.png);
}
.about-nav-item a:hover .about-nav-icon-3 {
    background-image: url(../images/about/about-charity-white.png);
}
.about-nav-icon-4 {
    background-image: url(../images/about/about-leadership.png);
}
.about-nav-item a:hover .about-nav-icon-4 {
    background-image: url(../images/about/about-leadership-white.png);
}
.about-nav-icon-5 {
    background-image: url(../images/about/about-career.png);
}
.about-nav-item a:hover .about-nav-icon-5 {
    background-image: url(../images/about/about-career-white.png);
}
.about-nav-icon-6 {
    background-image: url(../images/about/about-medal.png);
}
.about-nav-item a:hover .about-nav-icon-6 {
    background-image: url(../images/about/about-medal-white.png);
}
.about-title {
    font-size: 30px;
    font-weight: bold;
    font-family: var(--font-custom);
    color: var(--primary-color);
    margin-bottom: 24px;
    text-align: center;
}
.about-desc {
    font-size: 15px;
    color: #333333;
    line-height: 24px;
    text-align: center;
    margin-bottom: 24px;
}
.about-intro-logo {
    text-align: center;
    margin-bottom: 52px;
}
.about-intro-quote {
    text-align: center;
    margin-bottom: 20px;
}
.about-block-intro {
    background-image: url('../images/bg-intro-1.png');
    background-size: 100% 100%;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 68px 0 78px;
}
.about-award-item {
    display: flex;
    align-items: center;
}
.about-award-img {
    margin-right: 20px;
}
.about-award-title {
    font-size: 28px;
    color: var(--primary-color);
    font-weight: bold;
    text-transform: uppercase;
    font-family: var(--font-custom);
}
.about-award-desc {
    font-size: 15px;
    color: #888888;
}
.about-vision {
    padding: 60px 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    display: flex;
    align-items: center;
}
.about-visionTarget-content {
    width: 276px;
    height: 555px;
    background-color: #034063;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 0 62px 0 24px;
}
.about-vision-left .about-visionTarget-content {
    margin-left: auto;
    align-items: flex-end;
    padding: 0 24px 0 62px;
}
.about-visionTarget-title {
    font-size: 30px;
    font-family: var(--font-custom);
    color: white;
    text-transform: uppercase;
    margin-bottom: 32px;
}
.about-visionTarget-content .about-desc {
    color: white;
    text-align: left;
    min-height: 234px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
}
.about-vision-left .about-visionTarget-content .about-desc {
    text-align: right;
}
.about-vision-left .about-visionTarget-content {
    border-radius: 612px 0 0 612px;
}
.about-vision-right .about-visionTarget-content {
    border-radius: 0 612px 612px 0;
    background: #03314c;
}
.about-vision-right .about-target-border {
    width: 295px;
    height: 590px;
    border-radius: 0 612px 612px 0;
    border: 10px solid #f0f6fc7d;
    border-left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.about-vision-left .about-vision-border {
    width: 316px;
    height: 633px;
    border-radius: 612px 0 0 612px;
    border: 10px solid #f0f6fc7d;
    border-right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-left: auto;
}
.about-value {
    padding: 50px 0;
}
.about-value-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.about-value-item {
    width: calc((100% - 120px) / 5);
}
.about-value-item {
    border-radius: 10px;
    background: #355a70;
    padding: 0 15px 25px;
}
.about-value-icon {
    width: 94px;
    height: 94px;
    background: white;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 7px solid #355a70;
    margin: 0 auto;
    position: relative;
    top: -47px;
}
.about-value .about-desc {
    margin-bottom: 87px;
}
.about-value-title {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    text-transform: uppercase;
    padding-bottom: 14px;
    margin-bottom: 25px;
    color: white;
}
.about-value-title::after {
    content: '';
    width: 90px;
    height: 2px;
    background: white;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.about-value-desc {
    color: white;
    font-size: 15px;
    text-align: center;
}
.about-ceo {
    padding: 65px 0 24px;
    background: #f1f1f1;
}
.about-ceo-ava {
    height: 222px;
    overflow: hidden;
    border: 1px solid #103c55;
    margin-bottom: 29px;
}
.about-ceo-ava img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about-ceo-name {
    text-align: center;
    color: #333333;
    font-size: 18px;
    font-weight: bold;
}
.about-ceo-job {
    color: #666666;
    font-size: 15px;
    text-align: center;
}
.about-ceo .slick-dotted.slick-slider {
    margin-bottom: 0;
}
.about-history {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 60px 0;
}
.about-history,
.about-history .about-desc,
.about-history .about-title {
    color: white;
}
.history-date {
    font-size: 20px;
    display: inline-block;
    padding: 10px 32px;
    border-radius: 25px;
    position: relative;
}
.history-date::before {
    content: '';
    width: 12px;
    height: 12px;
    background-color: inherit;
    display: block;
    position: absolute;
    border-radius: 100%;
}
.history-date::after {
    content: '';
    width: 200px;
    height: 2px;
    background-color: inherit;
    display: block;
    position: absolute;
}
.history-content {
    margin-top: 32px;
    line-height: 24px;
    font-size: 15px;
}
.history-left {
    text-align: right;
}
.history-right {
    text-align: left;
}
.history-left .history-date::after {
    top: 50%;
    transform: translateY(-50%);
    right: -94px;
    width: 96px;
}
.history-left .history-date::before {
    top: 50%;
    transform: translateY(-50%);
    right: -103px;
    z-index: 2;
}
.history-right .history-date::after {
    top: 50%;
    transform: translateY(-50%);
    left: -120px;
    width: 120px;
}
.history-right .history-date::before {
    top: 50%;
    transform: translateY(-50%);
    left: -130px;
    z-index: 2;
}
.about-history-content {
    position: relative;
    padding: 94px 0 47px;
}
.time-line {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
}
.about-news {
    padding: 60px 0;
}
.about-news .sh-blog-shortcode .element .entry-title {
    margin: 19px 0 15px;
    font-size: 18px;
    font-weight: bold;
    text-transform: none;
    line-height: 24px;
}
.about-news .sh-blog-shortcode .element .entry-title a {
    color: #333333;
}
.about-news .view-more {
    width: 120px;
    height: 40px;
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 15px;
    text-transform: uppercase;
    color: var(--primary-color);
    padding: 0;
    border: 2px solid var(--primary-color);
    border-radius: 20px;
}
.about-news .view-more:hover {
    background-color: var(--primary-color);
    color: white;
}
.about-news .sh-blog-shortcode .element .entry-meta {
    margin-bottom: 17px;
}
.header-main.stuck {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999999999999999999999999999999;
    background-color: white;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.header-main.stuck .logo img {
    height: 40px;
}
.header-main.stuck .main-navigation ul.menu > li > a {
    height: 60px;
    line-height: 60px;
}
.about-block-nav.stuck {
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    z-index: 999999999999999999999999999999999;
    background: var(--primary-color);
}
.about-block-nav.stuck .about-nav-item a .about-nav-icon {
    display: none;
}
.about-block-nav.stuck .about-nav {
    margin: 0;
}
.about-block-nav.stuck .about-nav .about-nav-item {
    border: none;
}
.about-block-nav.stuck .about-nav-item a {
    padding: 0 15px;
    background-color: transparent;
    height: 50px;
    line-height: 50px;
}
.about-block-nav.stuck .about-nav-item a .about-nav-title {
    color: white;
}
.about-block-nav.stuck .about-nav .about-nav-item:not(:last-child) {
    border-right: 1px solid #b8d8ea;
}
.about-block-nav.stuck .about-nav-item a:hover::after {
    bottom: -27px;
}
.single.single-post .content-sidebar-wrap {
    padding-top: 50px;
}
.single.single-post .entry-meta {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 10px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.single.single-post h1.entry-title {
    font-size: 26px;
    color: var(--primary-color);
}
.size {
    display: flex;
    align-items: center;
}
.size-button {
    display: flex;
    align-items: center;
}
.size-ctr {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background: #e8e8e8;
    font-weight: bold;
    color: #999999;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 1.5px;
}
.size-label {
    color: #a0a0a0;
    margin-right: 10px;
}
.sidebar .widget-title {
    background: transparent;
    color: var(--primary-color);
    font-size: 18px;
    text-align: left;
    padding: 20px 15px 0;
}
.sidebar .widget:not(.widget_slider_products) ul {
    padding: 18px 15px 0;
    border: none;
}
.sidebar .widget {
    border: 1px solid #e7e7e7;
    border-bottom: 3px solid #e7e7e7;
}
.widget .list-post-item .alignleft {
    width: 90px;
    height: 60px;
    margin-right: 12px;
    overflow: hidden;
    display: block;
}
.widget .list-post-item .alignleft img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sidebar .widget:not(.widget_slider_products) ul li {
    display: flex;
}
.widget .list-post-item .view-post-meta {
    display: block;
    width: calc(100% - 102px);
}
.widget .list-post-item li {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e6e6e6;
}
.widget .list-post-item h3 {
    margin: 0;
}
.widget .list-post-item h3 a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    font-size: 15px;
    color: #333333;
}
.view-post-meta .entry-view {
    font-size: 13px;
    color: #999999;
}
.view-post-more {
    font-size: 15px;
    color: #1a4b9b;
    display: block;
    margin-bottom: 15px;
    text-align: right;
}
.view-post-more:hover {
    text-decoration: underline;
}
.single.single-post .site-content {
    padding-top: 0;
}
.clear {
    clear: both;
}
.related-posts {
    padding-top: 40px;
}
.related-posts .related-title {
    font-size: 22px;
    color: var(--primary-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e6e6e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.related-item {
    display: flex;
}
.realated-img a {
    display: block;
    width: 150px;
    height: 100px;
    overflow: hidden;
    margin-right: 14px;
}
.realated-img a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.related-meta {
    width: calc(100% - 164px);
}
.single.single-post .related-item .entry-meta {
    padding: 0;
    margin: 0;
    border: none;
    display: block;
}
.related-col .related-item:not(:last-child) {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}
.related-meta a {
    font-weight: bold;
    color: #333333;
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 13px;
    display: block;
}
.related-slider-control {
    display: flex;
    align-items: center;
}
.related-slider-control .btn {
    width: 26px;
    height: 26px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    background: #355a70;
    font-size: 10px;
    color: white;
    margin: 0 2.5px;
}
.related-slider-control .btn:hover {
    background: #03314c;
}
.related-slider-control .realated-next {
    margin-right: 0;
}
.post-control-new {
    padding: 6px 0 2px;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}
.post-control-new a {
    color: #999999;
    margin-right: 27px;
}
.post-control-new a:hover {
    color: var(--primary-color);
}
.list-post-item-tv li:not(:first-child) .img {
    display: none;
}
.list-post-item-tv li {
    display: flex;
    flex-direction: column;
}
.list-post-item-tv li .img {
    height: 152px;
    overflow: hidden;
    margin-bottom: 10px;
}
.list-post-item-tv li .entry-view {
    color: #999999;
    font-size: 12px;
    margin-top: 4px;
}
.list-post-item-tv li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.list-post-item-tv li:first-child .img {
    position: relative;
}
.list-post-item-tv li:first-child .img::after {
    width: 28px;
    height: 28px;
    content: '';
    display: block;
    background-image: url('../images/play-widget.png');
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 10px;
    left: 10px;
}
.list-post-item-tv li:first-child h3 a {
    color: var(--primary-color);
}
.list-post-item-tv li:not(:first-child) h3 {
    position: relative;
    padding-left: 15px;
}
.list-post-item-tv li:not(:first-child) h3::before {
    content: '\f0da';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 15px;
    color: #999999;
    position: absolute;
    top: 0;
    left: 0;
}
.list-post-item-tv li:not(:first-child) .entry-view {
    padding-left: 15px;
}
.post-type-archive-project.content-sidebar .site-main {
    width: 100%;
}
.page-title-project {
    font-size: 24px;
    font-weight: 700;
    color: var(--primary-color);
    padding: 50px 0 20px;
    text-transform: uppercase;
    margin: 0;
}
.page-desc-project {
    margin-bottom: 55px;
    line-height: 20px;
    color: rgb(33, 37, 41);
}
.post-type-archive-project .sh-blog-shortcode .element.item-new .entry-thumb {
    padding: 0;
}
.post-type-archive-project .sh-blog-shortcode.style-8 .element {
    margin-bottom: 20px;
}
.site-content {
    padding-top: 0;
}
.archive #primary,
.page-template #primary,
.page #primary,
.single #primary,
.search #primary {
    padding-top: 25px;
}
.nav-project .about-nav-item {
    width: calc(100% / 5);
    text-align: center;
}
.nav-project .about-nav-item a {
    width: 100%;
    height: 80px;
    padding: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.nav-project .about-nav-item a i {
    font-size: 22px;
    justify-content: center;
    margin-bottom: 10px;
}
.nav-project .about-nav-item img {
    width: 90%;
    height: 90%;
    object-fit: scale-down;
}
.nav-item-hotline a {
    background: #fb1f1f !important;
    color: white;
}
.nav-item-hotline .about-nav-title {
    color: white;
}
.nav-project .about-nav-item a:hover i {
    color: white;
}
.nav-project.stuck .about-nav-item a i {
    display: none;
}
.nav-project.stuck .about-nav-item img {
    width: 69%;
    height: 69%;
    object-fit: scale-down;
}
.project-block-title {
    font-size: 20px;
    background: var(--primary-color);
    color: #fff;
    padding: 13px 20px;
    border-radius: 5px;
}
.ext-item {
    height: 340px;
    overflow: hidden;
}
.ext-item img {
    width: 100%;
    height: 100%;
}
.project-content {
    padding: 20px;
    background: #eef5ff;
    margin-bottom: 30px;
}
.ext-wrap {
    overflow: hidden;
}
.project-image {
    height: 240px;
    overflow: hidden;
}
.project-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.project-images-wrap {
    overflow: hidden;
}
#mobilenav .mobilenav__inner > div:not(.toplg) {
    height: calc(100% - 128px - 40px);
}
.menu-lang {
    height: 40px !important;
    text-align: center;
}
html #popmake-183 {
    background-image: url('http://khachhang2.web3b.com/bdsdagiang/wp-content/uploads/2021/04/bg-popup.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 400px !important;
    padding: 55px 40px !important;
}
html #popmake-183 * {
    color: white !important;
    font-weight: bold;
}
html #popmake-183 .ajax-loader {
    display: none;
}
.btn-popup {
    background: var(--primary-color);
}
html #popmake-183 .form-control {
    color: var(--primary-color) !important;
}
html #popmake-183 .form-control::placeholder {
    color: var(--primary-color) !important;
}
.documents {
    padding-left: 0;
    list-style-type: none;
}
.documents li a {
    height: 40px;
    border-radius: 5px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin-bottom: 10px;
    background: white;
    padding: 0 15px;
    font-weight: bold;
}
.documents li a:hover {
    background-color: var(--primary-color);
    color: white;
}
.advisory-phone {
    width: calc(100% - 200px);
    word-break: break-all;
}
.row-custom {
    margin-right: -10px;
    margin-left: -10px;
}
.row-custom .col-md-2 {
    padding-right: 10px;
    padding-left: 10px;
}
.aparment-item {
    margin-bottom: 20px;
}
.aparment-img {
    height: 240px;
    overflow: hidden;
    border-radius: 6px;
}
.aparment-img a {
    display: block;
    height: 100%;
    width: 100%;
}
.aparment-img a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    opacity: 1;
}
.aparment-img:hover img {
    transform: scale(1.1);
    transition: 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    opacity: 0.8;
}
.apartment-meta {
    padding-top: 10px;
}
.apartment-title {
    font-size: 16px;
    color: #222;
    font-weight: bold;
    display: block;
    margin-bottom: 24px;
}
.apartment-title:hover {
    text-decoration: underline;
}
.apartment-location {
    color: #4f4f4f;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    margin-bottom: 8px;
}
.apartment-price {
    margin-top: 5px;
    font-size: 15px;
    color: #212529;
    font-weight: bold;
}
.apartment-extension {
    display: flex;
    align-items: center;
}
.extension-item {
    display: flex;
    align-items: center;
    margin-right: 10%;
}
.extension-icon {
    margin-right: 5px;
}
.post-type-archive-apartment .page_nav {
    width: 100%;
    padding-top: 20px;
}
.acf-map {
    width: 100%;
    height: 400px;
    border: #ccc solid 1px;
    margin: 20px 0;
}
.acf-map img {
    max-width: inherit !important;
}
.apartment-for-inner {
    height: 350px;
}
.apartment-for-item {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.apartment-for-item a {
    width: 100%;
    height: 100%;
    display: block;
}
.apartment-for-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.apartment-for {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.apartment-for-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.apartment-nav-item {
    height: 70px;
    overflow: hidden;
    display: block;
}
.apartment-nav-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.apartment-nav {
    margin-left: 5px !important;
    margin-right: 5px !important;
}
.apartment-nav-inner {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.apartment-wrap {
    padding: 10px;
    background: #222;
}
.apartment-nav .slick-arrow {
    width: 30px;
    height: 30px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
}
.apartment-nav .slick-arrow::before {
    color: #222;
    font-size: 14px;
}
.single-apartment-title {
    color: #222222;
    font-size: 30px;
    font-weight: bold;
    padding-top: 20px;
    margin-bottom: 8px;
}
.single-apartment-location {
    color: #4f4f4f;
    margin-bottom: 16px;
}
.single-apartment-price {
    color: #f5720e;
    font-weight: bold;
    font-size: 16px;
    padding: 0;
    margin: 0;
    padding-bottom: 10px;
}
.single-apartment-label {
    margin: 0;
    padding: 0;
    border-bottom: #e0e0e0 1px solid;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.single-apartment-meta-item {
    font-size: 16px;
    margin-bottom: 10px;
}
.single-apartment-meta-item .row .col-6:first-child {
    color: rgb(33, 37, 41);
}
.single-apartment-meta-item .row .col-6:last-child {
    font-weight: bold;
}
.single.single-apartment #primary {
    padding-top: 0;
}
.sell-box {
    margin-top: 20px;
    box-shadow: 0px 3px 16px rgb(0 0 0 / 10%);
    border-radius: 4px;
    padding: 30px;
    margin-bottom: 30px;
}
.sell-label {
    padding: 10px 0;
    font-weight: bold;
    color: #000;
    font-size: 18px;
    margin-bottom: 15px;
}
.sell-ava {
    height: 89px;
    overflow: hidden;
    border-radius: 4px;
    width: 140px;
    border: 1px solid #dee2e6;
}
.sell-ava img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sell-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sell-meta {
    width: calc(100% - 160px);
}
.sell-name {
    font-weight: bold;
    margin-bottom: 8px;
}
.sell-phone {
    font-weight: bold;
    color: #f5720e;
    margin-bottom: 8px;
}
.btn-contact {
    width: 100%;
    background: #f5720e;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
}
.single-apartment .banner {
    display: none;
}
.aparment-action {
    display: flex;
    justify-content: flex-end;
    color: white;
}
.action-item {
    width: 90px;
    height: 80px;
    background-color: rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 5px;
}
.action-item:hover {
    cursor: pointer;
}
.action-item i {
    font-size: 25px;
    margin-bottom: 10px;
}
.block-feature-project .nav-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 24px;
    border: none;
}
.block-feature-project .nav-tabs li {
    width: calc((100% - 18px) / 4);
    margin-bottom: 6px;
}
.block-feature-project .nav-tabs .nav-link {
    border-radius: 20px;
    background: #eeeeee;
    font-size: 14px;
    color: #333333;
    text-transform: uppercase;
    padding: 0 15px;
    text-align: center;
    line-height: 40px;
    height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.project-item {
    box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    overflow: hidden;
    background: #efefef;
    margin-bottom: 30px;
}
.project-img {
    height:210px;
    overflow: hidden;
    position: relative;
}
.project-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.price {
    position: absolute;
    bottom: 5px;
    left: 5px;
    height: 30px;
    line-height: 30px;
    background: #e41815;
    display: flex;
    align-items: center;
}
.price span:first-child {
    width: 42px;
    background: #6dbe00;
    color: white;
    display: block;
    height: 100%;
    text-align: center;
}
.price span:last-child {
    padding: 0 5px;
    color: white;
    display: block;
}
.project-meta {
    padding: 18px 8px 10px;
}
.project-f-title {
    font-size: 16px;
    color: #6dbe00;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 6px;
}
.project-address {
    color: #666666;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 14px;
}
.project-address i {
    font-size: 15px;
    color: #6dbe00;
}
.project-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 32px;
    /*background: white;*/
    padding-left: 9px;
    font-size: 15px;
}
.project-link {
    width: 97px;
    height: 100%;
    background-image: url(../images/detail.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex !important;
    justify-content: flex-end;
    align-items: center;
    padding-right: 13px;
    color: #333333;
    margin:0 auto;
}
.project-link i {
    margin-left: 4px;
}
.block-feature-project .nav-tabs .nav-item.show .nav-link,
.block-feature-project .nav-tabs .nav-link.active {
    background: #6dbe00;
    color: white;
}
.view-all-category {
    display: block;
    margin: 0 auto;
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: white;
    background: #6dbe00;
    text-transform: uppercase;
}
@media (max-width: 425px) {
    .top-bar {
        height: auto;
        line-height: normal;
        padding: 10px 0;
        text-align: center;
    }
    .menu-top-sitemap,
    .menu-top-email {
        margin-right: 14px;
    }
    .blog-description {
        margin-bottom: 4px;
    }
    .slider-item {
        height: 60vh;
    }
    .block-title {
        font-size: 30px;
        margin-bottom: 14px;
    }
    .block-news {
        background-size: contain;
    }
    .news-list-left {
        margin-bottom: 60px;
    }
    .slogan-subtitle,
    .slogan-desc {
        font-size: 14px;
    }
    .slogan-title {
        font-size: 28px;
    }
    .block-slogan {
        padding: 40px 0;
    }
    .block-gallery .slick-prev {
        left: 5px;
    }
    .block-gallery .slick-next {
        right: 5px;
    }
    .advisory-phone p:last-child {
        font-size: 18px;
    }
    .advisory-btn {
        margin: 0;
    }
    .advisory-left {
        margin-bottom: 14px;
        text-align: center;
    }
    .advisory-phone {
        margin-bottom: 10px;
    }
    .advisory-right {
        flex-direction: column;
    }
    .advisory-phone {
        text-align: center;
    }
    #social-2 h4.widget-title {
        text-align: left;
    }
    #social-2 ul {
        display: block;
    }
    .menu-menu-footer-container ul {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 10px;
    }
    .menu-menu-footer-container ul li {
        margin-bottom: 4px;
    }
    .form-footer .form-group {
        flex-direction: column;
        margin-bottom: 14px;
    }
    .subscribe-label {
        margin: 0 0 10px 0;
    }
    .site-info-coppy,
    .site-info-coppy a {
        font-size: 13px;
    }
    .site-info {
        background-size: cover;
    }
    .row-custom-1 .col-custom-1:first-child:after {
        bottom: 44px;
    }
    .about-nav {
        white-space: nowrap;
        overflow-x: scroll;
        justify-content: flex-start;
    }
    .about-nav::-webkit-scrollbar {
        height: 2px;
        background: var(--primary-color);
        margin: 30px 0 15px;
    }
    .about-nav-item a {
        padding: 4px 15px;
    }
    .about-block-intro {
        background: #eef6fb;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: contain;
        padding: 30px 0;
    }
    .about-award-item {
        margin-bottom: 20px;
    }
    .about-value-content {
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .about-value-item {
        width: calc(50% - 7.5px);
    }
    .about-value-item {
        margin-bottom: 60px;
    }
    .about-value {
        padding: 50px 0 0;
    }
    .about-ceo-ava {
        height: 160px;
    }
    .history-left,
    .history-right {
        text-align: left;
    }
    .history-item {
        padding-left: 40px;
    }
    .time-line {
        transform: unset;
        left: 0;
    }
    .history-right .history-date::after {
        top: 50%;
        transform: translateY(-50%);
        left: -19px;
        width: 20px;
    }
    .history-right .history-date::before {
        top: 50%;
        transform: translateY(-50%);
        left: -26px;
        z-index: 2;
    }
    .history-left .history-date::after {
        right: unset;
        width: 24px;
        left: -19px;
    }
    .history-left .history-date::before {
        left: -25px;
        z-index: 2;
        right: unset;
    }
    .history-content {
        margin-bottom: 20px;
        margin-top: 14px;
    }
    .time-line {
        transform: unset;
        left: -3px;
        height: 100%;
    }
    .about-title {
        font-size: 26px;
    }
    .banner {
        height: 140px;
    }
    .page-title-project {
        padding: 10px 0 20px;
    }
    .page-desc-project {
        margin-bottom: 30px;
    }
    .post-control-left {
        margin-bottom: 10px;
    }
    .list-post-item-tv li .img {
        height: 200px;
        width: 100%;
    }
    .single article.post .entry-content {
        text-align: justify;
    }
    .nav-project .about-nav-item {
        width: auto;
    }
    .nav-project .about-nav-item a {
        padding: 0 30px;
    }
    .single-apartment-title {
        font-size: 26px;
    }
    .single-apartment-label {
        padding-top: 0;
    }
    .aparment-action {
        margin-top: 10px;
    }
    .block-feature-project .nav-tabs li {
        width: 100%;
    }
    .block-feature-project {
        background-size: contain;
    }
}