.py-40 {
    padding: 40px 0;
}

.pt-40 {
    padding-top: 40px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50 {
    padding-bottom: 50px;
}
.pb-60 {
    padding-bottom: 60px;
}
.pt-30 {
    padding-top: 30px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pt-20 {
    padding-top: 20px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pt-60{
    padding-top: 60px;
}
.box-invest-01 {
    padding: 40px 0;
}

.box-invest-01 .background img {
    position: absolute;
    top: 0;
    left: 0;
    height: 200px;
    z-index: 0;
    pointer-events: none;
}

.box-invest-01 .logo-box img {
    height: 68px;
    width: 68px;
}

.box-invest-01 .logo-box {
    text-align: center;
    margin-bottom: 10px;
}
.section-form-contact {
    padding: 40px 0;
}

.section-form-contact .info-form .title-section {
    color: #fff;
    margin-bottom: 20px;
    font-size: 25px;
}

.section-form-contact .info-form .form-group .btn-submit {
    display: block;
    height: 50px;
    padding: 0;
    line-height: 48px;
    border-radius: 5px;
    font-size: 16px;
}

.section-form-contact .info-form .form-group .form-control {
    height: 50px;
    border-radius: 5px;
    background: #ffffff3d;
}.banner-slider-home:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: #00000091;
}
.section-form-contact .info-form .form-group .form-control::placeholder {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

.section-advantage .info-advantage .item {
    display: flex;
    align-items: center;
}

.section-advantage .info-advantage .item .number {
    display: inline-block;
    margin-right: 10px;
    color: #DBA224;
    font-size: 52px;
    font-weight: 700;
    flex: 0 0 70px;
    line-height: 1.2;
}

.section-advantage .info-advantage .item .name {
    line-height: 22px;
    color: #AE0339;
    flex-basis: calc(100% - 70px);
}

.section-advantage .title-section {
    margin-bottom: 20px;
}

.list-icon-text>li {
    list-style: none;
    margin-bottom: 12px;
    color: var(--color-text-02);
}

.list-icon-text>li>i {
    position: relative;
    top: -2px;
    margin-right: 5px;
    display: inline-block;
    color: var(--yellow);
}

.list-icon-text>li>span {
    color: var(--color-text-03);
    margin-right: 5px;
    font-weight: 500;
}

.link-more a {
    display: inline-block;
    color: var(--red);
    font-size: 14px;
    font-weight: 700;
}

.section-location-utilities {
    padding: 40px 0;
    background-size: cover;
    background-position: center 55%;
    background-repeat: no-repeat;
    font-size: 16px;
}

.section-location-utilities .info-location-utilities {
    max-width: 770px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    color: #fff;
}
.swiper-button-prev-dv:hover, .swiper-button-next-dv:hover {
    background: var(--red);
    color: #fff;
}
.section-location-utilities .title-section {
    color: #fff;
}

.section-location-utilities  p i {
    color: var(--yellow);
    margin-right: 10px;
    padding-top: 4px;
}

.section-location-utilities  p {
    display: flex;
    color: #fff;
}

.info-location-center {
    margin-bottom: 50px;
}

.info-location-bottom ul {padding-left: 0;margin-bottom: 0;}

.info-location-bottom ul>li {
    list-style: none;
    color: #fff;
    margin-bottom: 10px;
}

.info-location-bottom .title-section {
    margin-bottom: 25px;
}

.info-location-bottom .list-image .item {
    position: relative;
}

.info-location-bottom .list-image .item .name {
    position: absolute;
    bottom: 50px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    z-index: 9;
}

.info-location-bottom .list-image .item:before {
    background: linear-gradient(0deg, #1D425B 0%, rgba(29, 66, 91, 0.68) 67.67%, rgba(29, 66, 91, 0) 101.84%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: '';
    height: 97px;
    z-index: 1;
    pointer-events: none;
}

.section-invest .info-invest p {
    font-size: 16px;
}
.info-location-center .info p>i {
    color: green;
}
.section-ground .list-img-ground .img.img-tow {
    padding-top: 90%;
}

.section-ground .slogan {
    font-size: 16px;
    text-align: center;
    margin-bottom: 30px;
}

.section-price-pay .list-text p {
    font-size: 16px;
    display: flex;
}

.section-price-pay .list-text p i {
    color: var(--yellow);
    padding-top: 3px;
    margin-right: 8px;
}

.section-award .description p {
    font-size: 16px;
}

.section-award .description p i {
    color: var(--yellow);
    margin-right: 8px;
}

.section-price-pay .list-text p>span>span {
    font-weight: 700;
    color: var(--color-text-02);
    margin-left: 4px;
    margin-right: 5px;
}

footer {
    background: #ddd;
    padding-top: 50px;
    position: relative;
}

footer .logo-section img {
    height: 11rem;
}

.title-footer {
    font-weight: 700;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 10px;
    font-size: 16px;
    color: #FAFAFA;
}

.title-footer:after {
    content: '';
    height: 2px;
    width: 30px;
    background: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.form-contact-footer .form-group .btn-submit {
    width: 100%;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 5px;
}

.form-contact-footer .form-group .form-control {
    border-radius: 5px;
}
.box-copy {
    background: #06423F;
}

.banner-slider-home {
    position: relative;
}

.banner-slider-home .content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
}

.banner-slider-home .content>.container {
    max-width: 820px;
}

.banner-slider-home .content .title {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px;
    line-height: 1.4;
}

.banner-slider-home .content .form .input-group {
    padding: 5px 5px 5px 15px;
    background: #fff;
    border-radius: 5px;
    border: 3px solid #15c386;
}

.banner-slider-home .content .form .input-group .form-control {
    padding: 0;
    border: 0;
    height: 60px;
    font-size: 16px;
}

.banner-slider-home .content .form .input-group .input-group-append .btn-submit {
    background: var(--color-highlight);
    border-color: var(--color-highlight);
    border-radius: 5px;
    padding: 0 20px;
    line-height: 57px !important;
    height: 60px;
}
.banner-slider-home .img img {
    height: 400px;
    width: 100%;
    object-fit: cover;
}

.header-menu-home {
    /* position: fixed; */
    z-index: 11;
    width: 100%;
    background: #fff;
}

.item-img-brand .img-brand img {
    object-fit: contain;
    filter: gray;
    /* -webkit-filter: grayscale(1); */
    /* filter: grayscale(1); */
}

.title-section-home {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff;
    background: linear-gradient(133.18deg, #F15B40 -31.2%, #F15B40 4.71%, #3A4F96 69.62%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.slogan-home {
    color: #15c386;
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 700;
}

.section-text-bg .info-text-bg p {
    margin-bottom: 16px;
    font-size: 18px;
}

.section-text-bg .info-text-bg p img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}
.product-item .inner-content .product-title a {
    color: var(--color-main);
}
.link-home .btn-ct {
    padding: 12px 25px;
    border-radius: 4px;
    box-shadow: none;
    font-size: 16px;
    background: var(--blue);
    color: #fff;
    font-weight: 700;
    display: inline-block;
    margin-top: 10px;
}

.link-home .btn-ct i {
    margin-left: 10px;
}
.product-item .inner-image .img {
    padding-top: 66%;
}

.product-item .inner-content {
    padding: 15px 15px 15px;
}

.product-item .inner-content .post-date {
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 40px rgba(112,144,176,.1);
    color: #6e88a9;
    font-size: 14px;
    margin-top: -21px;
    padding: 11px 12px;
    position: relative;
    z-index: 2;
}

.link-more a:hover {
    background: #fff;
    color: var(--color-main-home);
}
.slogan-section-home {
    font-size: 16px;
}

.slogan-section-home>span {
    margin-left: 5px;
    margin-right: 5px;
    color: #15c386;
    font-weight: 700;
}
.box-footer-banner>.row>div {
    position: inherit;
}

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

.footer-mid {
    position: relative;
    z-index: 1;
    padding-bottom: 30px;
    /* border-bottom: 1px solid #dddddd4f; */
}

.footer-mid .title-footer:after {
    background: var(--color-main);
}

.footer-mid address p {
    color: #FAFAFA;
    font-size: 14px;
}

.footer-mid address p i {
    display: inline-block;
    background-color: #fff;
    border-radius: 50px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    flex: 0 0 45px;
    color: var(--color-main-home);
    margin-right: 14px;
}

.menu-footer > .menu > ul {
    padding-left: 0;
}

.menu-footer > .menu > ul > li {
    list-style: none;
}

.menu-footer > .menu > ul > li > a {
    font-size: 14px;
    color: #DEDEDE;
    display: block;
    margin-bottom: 10px;
}


.section-form-footer .form-group {
    position: relative;
}

.section-form-footer .form-group .form-control {
    border: 1px solid #d3d3d3;
    padding: 13px 15px;
    border-radius: 8px;
    height: 48px;
    color: #2c2c2c;
    background: #fff;
}

.section-form-footer .form-group span.btn.btn-submit {
    background: var(--blue);
    border: 0;
    border-radius: 5px;
    padding: 0 15px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 9px;
    top: 8px;
}

.copy-home {
    background: var(--blue);
    position: relative;
    z-index: 222;
    font-size: 16px;
}
.section-form-footer p {
    font-size: 16px;
}

.hotline-top a {
    display: flex;
    padding: 7px 10px;
    border-radius: 8px;
    background: var(--red);
    border: solid 1px var(--red);
    font-weight: 500;
    align-items: center;
    justify-content: center;
    width: 180px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}
.hotline-top .icon img {
    height: 32px;
    width: 32px;
}
.hotline-top .icon {
    margin-right: 10px;
}

.align-row-center > .container > .row > div, .align-row-center>.row>div {
    margin-bottom: auto !important;
    margin-top: auto !important;
}

.item-img-brand .img-brand img {
    height: 100px;
}

.product-item .inner-content .action {
    display: flex;
    justify-content: space-between;
}

.product-item .inner-content .action a {
    padding: 0 10px;
    height: 45px;
    border-radius: 5px;
    display: flex;
    background: var(--blue);
    align-items: center;
    color: #fff;
    font-size: 15px;
    border: 1px solid #fff;
    min-width: 140px;
    justify-content: center;
}

.product-item .inner-content .action a i{
    margin-right: 10px;
}

.product-item:hover .inner-content .action a {
    color: #fff !important;
}

.product-item .inner-content .action a.btn-ct.btn-ct-02 {
    background: rgba(21,195,134,.1);
    color: #000;
}

.product-item .inner-content .action a.btn-ct.btn-ct-02 i {
    color: #93e3c8;
}

.product-item:hover .inner-content .action a i {
    color: #fff !important;
}

.header-menu.setting-menu.fix {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}
.dps-footer {
    color: #fff;
    font-size: 16px;
    font-style: italic;
}

@media (min-width:1200px){

    .footer-mid.footer-menu>.container>.row>div:nth-child(2), .footer-mid.footer-menu>.container>.row>div:nth-child(3), .footer-mid.footer-menu>.container>.row>div:nth-child(4) {
        flex: 0 0 14%;
        max-width: 14%;
    }
    .footer-mid.footer-menu>.container>.row>div:nth-child(1) {
        flex: 0 0 37%;
        max-width: 37%;
    }
    .header-menu.setting-menu.fix {
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
        -webkit-animation-name: fadeInDown;
        -webkit-animation-duration: 5s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-direction: normal;
        -webkit-animation-play-state: running;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-name: anim_titles;
        -moz-animation-duration: 5s;
        -moz-animation-timing-function: linear;
        -moz-animation-iteration-count: infinite;
        -moz-animation-direction: normal;
        -moz-animation-play-state: running;
        -moz-animation-fill-mode: forwards;
        -webkit-animation-delay: 1s;
        -moz-animation-delay: 1s;
        -webkit-animation-iteration-count: 1;
        -moz-animation-iteration-count: 1;
        -webkit-animation-duration: .7s;
        -moz-animation-duration: .7s;
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
    }
    header .container, .product .container {
        max-width: 1400px;
    }
    .header-menu-home>.container>.row>div:nth-child(2) {
        display: flex;
        justify-content: center;
        flex-basis: calc(83.33% - 210px);
        max-width: calc(83.33% - 210px);
    }

    .header-menu-home>.container>.row>div:nth-child(3) {
        display: flex;
        justify-content: flex-end;
        flex: 0 0 210px;
        max-width: 210px;
    }
    .banner-slider-home .content .form .input-group .input-group-append .btn-submit {
        font-size: 18px;
    }

    .header-menu-home.fix {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 99;
        box-shadow: 0 0 15px rgb(0 0 0 / 56%);
        -webkit-animation-name: fadeInDown;
        -webkit-animation-duration: 5s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-direction: normal;
        -webkit-animation-play-state: running;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-name: anim_titles;
        -moz-animation-duration: 5s;
        -moz-animation-timing-function: linear;
        -moz-animation-iteration-count: infinite;
        -moz-animation-direction: normal;
        -moz-animation-play-state: running;
        -moz-animation-fill-mode: forwards;
        -webkit-animation-delay: 1s;
        -moz-animation-delay: 1s;
        -webkit-animation-iteration-count: 1;
        -moz-animation-iteration-count: 1;
        -webkit-animation-duration: .7s;
        -moz-animation-duration: .7s;
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        background: #fff;
    }
    .header-menu-home .menu-section > ul > li{
        margin: 0;
    }
    .header-menu-home .menu-section > ul > li a.active, .header-menu-home .menu-section > ul > li a:hover {
        color: var(--red);
    }
    .header-menu-home .menu-section > ul > li a {
    display: inline-block;
    height: 70px;
    line-height: 70px;
    padding-right: 5px;
    padding-left: 5px;
    margin-right: 10px;
    margin-left: 10px;
    }
    .menu-section > ul > li {
        margin-left: 2rem;
        margin-right: 2rem;
    }
    .header-menu-home .menu-section > ul > li a:before {
        content: '';
        position: absolute;
        bottom: 15px;
        width: 0;
        left: 50%;
        transform: translateX(-50%);
        height: 2px;
        z-index: 1;
        background: var(--red);
        transition: 1s;
    }
    
    .header-menu-home .menu-section > ul > li a.active:before, .header-menu-home .menu-section > ul > li:hover>a:before {
        width: 100%;
    }
}

@media (max-width:1200px){
    
    .hotline-top a {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        margin-left: auto;
    }
    
    .hotline-top .icon {
        margin: 0;
    }
    
    .hotline-top {
        text-align: right;
    }
    .banner-slider-home .content .title {
        font-size: 25px;
    }
    
    .banner-slider-home .img img {
        height: 280px;
    }
    .title-section-home {
        font-size: 20px;
        margin-bottom: 20px !important;
    }
        .section-footer-bottom .title-footer {
        color: #fff;
    }
    
    .section-footer-bottom .title-footer:after {
        background: #fff;
    }
    .footer-mid {
        padding-bottom: 15px;
        border-bottom: 0;
    }
    .fix {
        background: var(--color-highlight);
    }
    .header-menu>.container>.row>div:nth-child(2) {
        display: flex;
        justify-content: flex-end;
    }

    .section-award .description p, .section-price-pay .list-text p, .section-invest .info-invest p , .section-location-utilities {
        font-size: 14px;
    }
    .section-footer-bottom {
        position: relative;
        z-index: 1;
    }
}

@media (max-width: 767px){
    
    .banner-slider-home .content .title {
        font-size: 20px;
    }
    
    .banner-slider-home .img img {
        height: 245px;
    }
        
    .title-section-home {
        font-size: 18px;
        margin-bottom: 15px !important;
    }
    
    .slogan-section-home {
        font-size: 14px;
    }
    
    .title-section-home>span.icon>img {
        width: 30px !important;
        height: 30px !important;
        top: -2px !important;
    }
    
    .section-footer-bottom>.container>.row>div {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .box-invest-01 {
        padding: 30px 0;
    }
    
    .title-section {
        font-size: 25px;
    }
    
    .section-form-contact .info-form .title-section {
        font-size: 16px;
    }
    .section-form-contact .form-group {
        margin-bottom: 10px !important;
    }
    
    .section-form-contact {
        padding: 30px 0 20px;
    }
    
    .section-advantage .info-advantage .item .number {
        font-size: 49px;
    }
    .section-form-contact .form-group {
        margin-bottom: 10px !important;
    }
    
    .section-form-contact {
        padding: 30px 0 20px;
    }
    
    .section-advantage .info-advantage .item .number {
        font-size: 49px;
    }
    
    .section-project-overview>.row>div:nth-child(1) {
        order: 2;
        margin-top: 20px;
    }
    
    .link-more a {
        margin-top: 0;
        font-size: 14px;
    }
    
    .section-invest .img {
        margin-bottom: 15px;
    }
    .section-invest .info-invest p {
        font-size: 14px;
    }
    .section-location-utilities {
        font-size: 14px;
        padding: 30px 0;
    }
    
    .info-location-center {
        margin-bottom: 30px;
    }
    
    .info-location-center .img {
        margin-bottom: 15px;
    }
    
    .section-ground .slogan {
        font-size: 14px;
    }
    
    .section-ground .list-img-ground .img.img-tow {
        margin-bottom: 30px;
    }
    
    
    .list-img-ground>.row>div:last-child .img.img-tow {
        margin-bottom: 0;
    }
    
    .section-award .description p {
        font-size: 14px;
    }
    
    .product_detail .pb-40 {
        padding-bottom: 30px;
    }
    
    .section-price-pay .list-text p {
        font-size: 14px;
    }

}

.contact-right {
    position: fixed;
    left: 20px;
    bottom: 22px;
    z-index: 999;
}
.contact-right li.entry-content {
    list-style: none;
    margin-top: 20px;
}

.contact-right li.entry-content img {
    width: 40px;
    height: 40px;
}

.article-item-small {
    display: flex;
    margin-bottom: 13px;
    padding-bottom: 13px;
    border-bottom: 1px solid #ddd;
}

.article-item-small .inner-image {
    flex: 0 0 120px;
    max-width: 120px;
}

.article-item-small .inner-content {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    margin-left: 15px;
}

.article-item-small .inner-image .img {
    border-radius: 5px;
    overflow: hidden;
}

.article-item-small .inner-content .article-title a {
    color: #000;
}

.article-item-small .inner-content .article-title {
    font-weight: 700;
    max-height: 66px;
    overflow: hidden;
}
.article-item-small:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0;
}

.section-form-contact-tt {
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    padding: 60px 0;
}

.section-form-contact-tt .img-contact {
    height: 100%;
    overflow: hidden;
    padding-top: 82%;
    border: 8px solid #fff;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,0.15);
}

.section-form-contact-tt .img-contact img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.section-form-contact-tt .info-form-contact label {
    font-weight: 400;
    color: var(--color-highlight);
    margin-bottom: 7px;
}

.section-form-contact-tt .info-form-contact .form-group {
    position: relative;
    margin-bottom: 18px;
}

.section-form-contact-tt .info-form-contact .form-group svg {
    position: absolute;
    top: 12px;
    left: 8px;
}
.info-form-contact .form-group .form-control {
    height: 51px;
    border-radius: 8px;
    padding-left: 21px;
    font-size: 15px;
}

.section-form-contact .info-form-contact .form-group .form-control {
    height: 48px;
    border-radius: 8px;
    padding-left: 40px;
    font-size: 16px;
}

.section-form-contact .info-form-contact .form-group textarea.form-control {
    height: 87px;
}

.section-form-contact .info-form-contact .form-group .btn-submit {
    width: 100%;
    height: 48px;
    padding: 0;
    line-height: 48px;
    border-radius: 8px;
    font-size: 16px;
    text-transform: uppercase;
}

.section-form-contact .info-form-contact .title-section {
    margin-bottom: 10px !important;
    font-size: 28px;
}
.section-form-contact .contact {
    background: var(--color-main);
    border-radius: 26px;
}

.section-form-contact-tt .container {
    max-width: 1000px;
}

.section-form-contact-tt .contact {
    overflow: hidden;
    background: #FFFFFF80;
    padding: 50px;
    border-radius: 5px;
}
.section-form-contact-tt  .info-form-contact .form-group .btn-submit {
    width: 100%;
    height: 50px;
    padding: 0;
    line-height: 48px;
    border-radius: 8px;
    font-size: 16px;
    text-transform: uppercase;
}

.section-form-contact-tt .contact {
    padding: 20px;
}

.section-form-contact-tt {
    padding: 60px 0;
}
.footer-mid.footer-mid-mbc .logo-section {
    text-align: center;
    margin-bottom: 20px;
}

.footer-mid.footer-mid-mbc .container {
    border-bottom: 0;
    padding-bottom: 0;
    text-align: center;
}



/*------------------------*/

.section-elementor-01 {
    background-color: transparent;
    background-image: linear-gradient(180deg, #374EA2 80%, #FFFFFF 76%);
}
.section-elementor-01 .elementor-content {
    background-position: top center;
    background-repeat: no-repeat;
    padding: 50px 0;
}

.section-elementor-01 .elementor-counter {
}

.section-elementor-01 .elementor-counter .elementor-item {
    text-align: center;
    margin-bottom: 30px;
}

.section-elementor-01 .elementor-counter .info-left {
    color: #fff;
}

.section-elementor-01 .elementor-content .info-left {
    color: #fff;
}

.section-elementor-01 .elementor-content .info-left .title {
    font-size: 32px;
    margin-bottom: 15px;
}

.section-elementor-01 .elementor-content .info-left .dis {
    font-size: 16px;
}

.section-elementor-01 .elementor-content .info-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.section-elementor-01 .elementor-counter .elementor-item .elementor-number {
    color: #F6F5C8;
    font-size: 36px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 3px;
}

.section-elementor-01 .elementor-content .content .top {
    margin-bottom: 30px;
}

.section-elementor-01 .elementor-counter .elementor-item:last-child {
    margin-bottom: 0;
}

.section-elementor-01 .elementor-counter .elementor-item .elementor-dsp {
    color: #fff;
    font-size: 19px;
}

.section-elm-02 .content .info-doc-quyen {
    background-color: #374EA2;
    border-style: double;
    border-color: #F58466;
    border-width: 6px 6px 6px 6px;
    padding: 30px;
    height: 100%;
}

.section-elm-02 .content .info-doc-quyen span.img img {
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.section-elm-02 .content .info-doc-quyen .title {
    text-align: center;
    margin-bottom: 15px;
    color: #ffcc00;
    font-size: 26px;
    font-weight: 700;
}

.section-elm-02 .content .info-doc-quyen .dsp-dq {
    color: #fff;
    font-weight: 700;
    font-size: 17px;
    padding: 0 20px;
    margin-bottom: 10px;
}

.section-elm-02 .content .info-doc-quyen span.img {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

.section-elm-02 .content .info-doc-quyen p {
    font-size: 16px;
    color: #fff;
}

.section-elm-02 .content .info-doc-quyen .phone {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}

.section-elm-02 .content .img-01 {
    padding-top: 125%;
}
.section-elm-02 .content .top {
    margin-bottom: 30px;
}

.section-elm-02 .content .bottom .item {
    background-color: transparent;
    background-image: linear-gradient(180deg, #374EA2 0%, #F58466 100%);
    padding: 20px;
    text-align: center;
    margin-bottom: 30px;
}

.section-elm-02 .content .bottom .item .name {
    font-size: 19px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px;
}

.section-elm-02 .content .bottom .item .link-more-dt a {
    display: inline-block;
    background: #fff;
    padding: 10px 28px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 700;
    color: #374EA2;
    margin-top: 20px;
}

.section-form-dt-01.section-form-contact {
    padding: 60px 0;
}

.section-form-dt-01.section-form-contact .info-form .title-section {
    margin-bottom: 30px;
    font-size: 28px;
}

.title-detail {
    font-size: 24px;
    color: #374EA2;
    font-weight: 700;
    margin-bottom: 20px;
}

.section-elm-03 .info-elm {
    padding-left: 120px;
}

.section-elm-03 .info-elm p {
    font-size: 16px;
}

.section-elm-03 .info-elm p>span {
    margin-right: 5px;
}

.section-elm-03 .info-elm>ul {
    margin-bottom: 0;
    padding-left: 17px;
}

.section-elm-03 .info-elm>ul>li {
    margin-bottom: 15px;
    font-size: 16px;
}

.section-elm-03 {
    padding-top: 45px;
}

.section-vitri-tiem-nang .info-tn {
    padding-top: 60px;
    padding-right: 120px;
}

.section-vitri-tiem-nang .info-tn p {
    font-size: 16px;
}
.section-mb-tt .img img {
    width: 100%;
}

.section-dai-duong p {
    font-size: 16px;
    margin-bottom: 30px;
}

.section-dai-duong .info .item {
    position: relative;
    margin-bottom: 20px;
}

.section-dai-duong .info .item .img {
    padding-top: 39.25%;
}

.section-dai-duong .info .item .content {
    position: absolute;
    top: 15px;
    left: 15px;
    background: aliceblue;
    z-index: 99;
    background-color: #0000008F;
    width: 33.33%;
    padding: 20px;
    text-align: center;
}

.section-dai-duong .info .item .content .title {
    color: #fff;
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 20px;
}

.section-dai-duong .info .item .content .dsc {
    color: #fff;
    font-size: 16px;
    text-align: justify;
}

.section-dai-duong .info .item.item-002 .content {
    right: 15px;
    left: initial;
}

.section-tin-ich {
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #374EA2;
    position: relative;
    padding: 50px 0;
    z-index: 1;
}

.section-tin-ich:before {
    background-color: #374ea2;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    z-index: -1;
}

.section-tin-ich .content .dsc {
    font-size: 16px;
    margin-bottom: 30px;
}

.slider-ct .swiper-button-next , .slider-ct .swiper-button-prev ,.section-tin-ich .swiper-button-next, .section-tin-ich .swiper-button-prev {
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    color: #00ceb5;
    font-size: 14px;
}

.slider-ct .swiper-button-next i, .slider-ct .swiper-button-prev i, .section-tin-ich .swiper-button-next i, .section-tin-ich .swiper-button-prev i {
    transform: none;
}

.section-nha-tt .dsc {
    margin-bottom: 30px;
    font-size: 16px;
}
.section-tieu-khu, .section-mat-bang {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 40px 0 40px;
    position: relative;
}

.section-tieu-khu .item {
    background-image: radial-gradient(at center center, #374EA2 0%, #000000F5 100%);
    padding: 30px;
    border-radius: 5px;
    height: 100%;
}

.section-tieu-khu .item .inter-img {
    border-style: solid;
    border-width: 5px 5px 5px 5px;
    border-color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
}

.section-tieu-khu .item .inter-content .name {
    text-align: center;
    color: #fff;
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 18px;
}

.section-tieu-khu .item .inter-content .description {
    font-size: 16px;
    color: #fff;
}

.section-tieu-khu:before, .section-mat-bang:before {
    background-color: #FFFFFF;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.9;
}

.section-tab-box {
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 50px 0;
}

.section-tab-box:before {
    background-image: radial-gradient(at center center, #374EA2 50%, #F58466 100%);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    z-index: 0;
}

.section-tab-box .content {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.section-tab-box .content .nav.nav-pills {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: -1px;
}

.section-tab-box .content .nav.nav-pills>li>a {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
    padding: 20px 25px;
    border: 1px solid #0000;
    border-radius: 0;
    border-bottom: 0;
    position: relative;
}

.section-tab-box .content .nav.nav-pills>li>a.active {
    background: #00ffff00;
    border-color: #fff;
}

.section-tab-box .content .tab-content {
    border: 1px solid #fff;
    padding: 50px;
    border-top: 0;
}

.section-tab-box .content .nav.nav-pills>li>a.active:before {
    content: '';
    position: absolute;
    right: 100%;
    width: 900px;
    height: 1px;
    background: #fff;
    bottom: 0;
}

.section-tab-box .content .nav.nav-pills>li>a.active:after {
    content: '';
    position: absolute;
    left: 100%;
    width: 800px;
    height: 1px;
    background: #fff;
    bottom: 0;
}


.inter-content-tab .info .name {
    font-size: 17px;
    margin-bottom: 15px;
}

.inter-content-tab .info .dsc {
    font-size: 16px;
    text-align: justify;
}
.section-tab-box .inter-img .img {
    border-style: solid;
    border-width: 8px 8px 8px 8px;
    border-color: #FFFFFF;
    border-radius: 3px 3px 3px 3px;
}
.section-youtube-full iframe {
    height: 55vw;
    width: 100%;
}
.mt-ytb {
    margin-top: -5px;
}

.section-form-contact-tt .info-form-contact .form-group.checkbox-ct {
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    color: #000;
}

.section-form-contact-tt .info-form-contact .form-group.checkbox-ct input {
    margin-right: 8px;
    display: inline-block;
    margin-top: 5px;
}

.section-form-contact-tt .info-form-contact .form-group.checkbox-ct label {
    color: #374ea2;
    margin-bottom: 0;
    font-size: 15px;
}

.info-form-contact .title-section {
    color: #374ea2;
}

.section-mat-bang .content {
    position: relative;
    z-index: 9;
}

.section-mat-bang .content .tabel .table {
    margin-bottom: 15px;
}

.section-mat-bang .content .tabel .table thead tr th {
    background-color: #374EA2;
    color: #fff;
    padding: 13px 15px;
    border-bottom: 0;
}

.section-mat-bang .content .tabel .table tbody {border: 1px solid #ddd;}

.section-mat-bang .content .tabel .table tbody tr td {
    padding: 12px;
}

.section-mat-bang .content .note {
    font-size: 16px;
}

.section-mat-bang .content .note>span {
    margin-right: 5px;
}

.header-menu-lannding {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.section-elm-02 .title-click {
    color: #F58466;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 30px;
}
.section-youtube-container iframe {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
}

.section-youtube-container {
    position: relative;
    padding-top: 56%;
    margin-bottom: 30px;
}


.section-du-an-002 ul.nav.nav-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: -1px;
}

.section-du-an-002 li>a {
    color: var(--color-main-home);
    font-size: 18px;
    font-weight: 700;
    padding: 20px 25px;
    border: 1px solid #0000;
    border-radius: 0;
    border-bottom: 0;
    position: relative;
}

.section-du-an-002 li>a.active {
    background: #00ffff00;
    border-color: #fff;
    color: #f58466 !important;
}

.section-du-an-002 .tab-content {
    border: 1px solid #fff;
    padding: 30px;
    border-top: 0;
}

.section-du-an-002 .nav.nav-pills>li>a.active:before {
    content: '';
    position: absolute;
    right: 100%;
    width: 1900px;
    height: 1px;
    background: #fff;
    bottom: 0;
}

.section-du-an-002 .nav.nav-pills>li>a.active:after {
    content: '';
    position: absolute;
    left: 100%;
    width: 1900px;
    height: 1px;
    background: #fff;
    bottom: 0;
}
.box-slider {
        margin-top: 50px;
    }
@media (max-width:992px){
    .section-elementor-01 .elementor-content .info-left .title {
        font-size: 20px;
    }
    
    .section-elementor-01 .elementor-content .info-left .dis {
        font-size: 14px;
    }
    
    .section-elementor-01 .elementor-counter .elementor-item .elementor-dsp {
        font-size: 16px;
    }
    
    .section-elementor-01 .elementor-counter .elementor-item .elementor-number {
        font-size: 28px;
    }
    
    .section-elementor-01 .elementor-counter .elementor-item {
        margin-bottom: 20px;
    }
    
    .title-detail {
        font-size: 20px;
        margin-bottom: 15px;
    }
    
    .section-elm-02 .title-click {
        margin-bottom: 20px;
    }
    
    .section-elm-02 .content .info-doc-quyen {
        padding: 20px;
        margin-bottom: 15px;
        height: auto;
    }
    
    .section-elm-02 .content .info-doc-quyen p {
        font-size: 14px;
    }
    
    .section-elementor-01 .elementor-content {
        padding: 30px 0;
    }
    
    .section-elm-02 .content .bottom .item .name {
        font-size: 17px;
        margin-bottom: 15px;
    }
    
    .section-elm-02 .content .bottom .item {
        margin-bottom: 15px;
    }
    
    .section-elm-02.section-elm-0002 {
        margin-bottom: 20px;
    }
    
    .section-du-an-002 li>a {
        padding: 10px 8px;
        font-size: 11px;
    }
    
    .section-du-an-002 .tab-content {
        padding: 15px;
    }
    
    .section-form-dt-01.section-form-contact .info-form .title-section {
        font-size: 15px;
        margin-bottom: 20px;
    }
    
    .section-form-dt-01.section-form-contact {
        padding: 30px 0 25px;
    }
    
    .section-elm-03 .info-elm {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 20px;
    }
    
    .section-elm-03 {
        padding-top: 30px;
    }
    
    .section-elm-03 .info-elm p {
        font-size: 14px;
    }
    
    .section-elm-03 .info-elm>ul>li {
        font-size: 14px;
    }
    
    .section-vitri-tiem-nang .info-tn {
        padding-top: 20px;
        padding-right: 15px;
        padding-left: 15px;
    }
    
    .section-vitri-tiem-nang .info-tn p {
        font-size: 14px;
    }
    
    .section-vitri-tiem-nang {
        margin-bottom: 20px;
    }
    
    .section-dai-duong p {
        font-size: 14px;
    }
    
    .section-dai-duong .info .item .content {
        position: initial;
        width: 100%;
    }
    
    .section-dai-duong .info .item .content .dsc {
        font-size: 14px;
    }
    
    .section-dai-duong .info .item .content .title {
        font-size: 16px;
        margin-bottom: 7px;
    }
    
    .section-tin-ich {
        padding: 30px 0;
    }
    
    .section-tin-ich .content .dsc {
        font-size: 14px;
    }
    
    .section-nha-tt .dsc {
        font-size: 14px;
    }
    
    .section-tieu-khu .item {
        padding: 20px;
    }
    
    .section-tieu-khu .item .inter-content .name {
        font-size: 16px;
        margin-bottom: 10px;
    }
    
    .section-tieu-khu .item .inter-content .description {
        font-size: 14px;
    }
    
    .section-tab-box .content .nav.nav-pills>li>a {
        font-size: 10px;
        padding: 10px 10px;
    }
    
    .section-tab-box .content .tab-content {
        padding: 20px;
    }
    
    .inter-content-tab .info .dsc {
        font-size: 14px;
        margin-bottom: 20px;
    }
    
    .section-tab-box {
        padding: 30px 0;
    }
    
    .section-mat-bang .content .tabel .table tbody tr td {
        padding: 8px;
        font-size: 11px;
    }
    
    .section-mat-bang .content .tabel .table thead tr th {
        padding: 10px 10px;
        font-size: 12px;
    }
    
    .section-mat-bang .content .note {
        font-size: 14px;
    }
    
    .section-tieu-khu, .section-mat-bang {
        padding: 30px 0 10px;
    }
    
    .section-form-contact-tt {
        padding: 30px 0;
    }
    .box-nha-o {
        padding-top: 30px;
    }
    .box-dai-duong {
        padding-top: 30px;
        padding-bottom: 20px !important;
    }
    
    .box-hinh-anh {
        padding-bottom: 30px;
        padding-top: 30px;
    }
    
}

@media (max-width:1200px){
    .header-menu-lannding>.container>.row>div:nth-child(2) {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .box-slider {
        margin-top: 30px;
    }
}
@media (min-width:1200px){
    .box-menu-002 .menu-section>ul>li>a:before {
        position: relative;
        transition: .3s;
        background: #f58466;
        display: inline-block;
        content: '';
        position: absolute;
        top: 0;
        width: 0;
        height: 100%;
        z-index: -1;
        left: 0;
        border-radius: 5px;
    }
    
    .box-menu-002 .menu-section>ul>li>a:hover:before {
        width: 100%;
        opacity: 1;
    }
    
    .box-menu-002 .menu-section>ul>li>a:hover {
        color: var(--white) !important;
    }
    
    .box-menu-002 .menu-section > ul > li > a {
        display: inline-block;
        height: 45px;
        line-height: 45px;
        padding-right: 20px;
        padding-left: 20px;
        border-radius: 5px;
    }
    
    .box-menu-002 .menu-section > ul > li {
        margin-left:0;
        margin-right:0;
    }
}

.box-banner-home .swiper-slider-main .swiper-slide img {
    height: 44vw;
}

.img-name-customer-reviews .img img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid var(--blue-black);
}
.description-customer-reviews {
    background-color: #f6f2f2;
    color: rgba(0, 0, 0, 0.6);
    font-style: italic;
    margin-bottom: 3rem;
    padding: 3rem;
    position: relative;
    font-size: 16px;
}

.description-customer-reviews:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 24px solid #f6f2f2;
    position: absolute;
    bottom: -24px;
    left: 50px;
    transform: skewX(30deg);
}

.img-name-customer-reviews .img {margin-bottom: 10px;}

.img-name-customer-reviews .text-customer-reviews {
    text-align: center;
}
.img-name-customer-reviews .text-customer-reviews .name {
    color: black;
    font-weight: 700;
    font-size: 2rem;
    margin-bottom: 5px;
}

.img-name-customer-reviews .text-customer-reviews .description {
    font-size: 1.5rem;
    color: var(--black);
    text-align: justify;
}
.img-name-customer-reviews {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.section-nhan-vien {position: relative;background-size: cover;background-repeat: no-repeat;padding: 50px 0;background: var(--light);}

.section-nhan-vien .item {
    text-align: center;
}

.section-nhan-vien .item .img {
    border: 5px solid #fff;
    margin-bottom: 15px;
}

.section-nhan-vien .item  .inter-content .name {
    color: var(--color-main-home);
    font-size: 20px;
    font-weight: 700;
}

.article-hot-top {
    background: #fff;
}

.article-hot-top .article-item .inner-image {
    padding-top: 47.25%;
    border-radius: 0;
}


.article-hot-top .article-item .inner-content .article-title {
    font-size: 18px;
    margin-bottom: 10px;
}

.article-hot-top .article-item .inner-content .article-title a {
    color: var(--color-main-home);
}

.article-hot-top .article-item .inner-content .link-more {
    font-size: 17px;
    color: var(--color-main-home);
}


.article-hot-bottom .article-item {
    border-radius: 8px;
    background: #F5F3E8;
    padding: 15px;
}

.article-hot-bottom .article-item .inner-image {
    background: #fff;
    margin-bottom: 15px;
}

.article-hot-bottom .article-item  .inner-content .article-title {
    margin-bottom: 10px;
}
.ct-slider-ht .swiper-button-next, .ct-slider-ht .swiper-button-prev {
    top: 50%;
    transform: translateY(-50%);
    background: var(--color-main-home);
    width: 40px;
    height: 40px;
}

.ct-slider-ht .swiper-button-next i, .ct-slider-ht .swiper-button-prev i {
    transform: none;
}

.ct-slider-ht .swiper-button-next:hover, .ct-slider-ht .swiper-button-prev:hover {
    border-color: var(--color-main-home);
    background: #fff;
    color: var(--color-main-home);
}

@media (max-width:1200px){
    .header-menu-home.fix {
    }
    .banner-slider-home .content .form .input-group .form-control {
        font-size: 14px;
        height: 50px;
    }
    
    .banner-slider-home .content .form .input-group .input-group-append .btn-submit {
        height: 50px;
        line-height: 44px !important;
    }
    
    .banner-slider-home .content .form .input-group {
        border: 2px solid #15c386;
        padding: 4px 4px 4px 10px;
    }
    
    .section-nhan-vien {
        padding: 30px 0;
    }
    
    .section-nhan-vien .item .inter-content .name {
        font-size: 16px;
    }
    
    .section-nhan-vien .item .img {
        margin-bottom: 10px;
    }
    
    .box-home-3 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .article-hot-top .article-item .inner-image {
        margin-bottom: 0;
    }
    
    .article-hot-top .article-item .inner-content {
        padding: 15px;
    }
    .article-hot-bottom>.row {
        margin-right: -5px;
        margin-left: -5px;
    }
    
    .article-hot-bottom>.row>div {
        padding-right: 5px;
        padding-left: 5px;
    }
    
    .article-hot-bottom .article-item {
        margin-bottom: 10px;
        padding: 5px;
    }
    
    .box-home-4 {
        padding-top: 30px;
    }
    
    .img-name-customer-reviews .text-customer-reviews .name {
        font-size: 15px;
    }
    
    .img-name-customer-reviews .text-customer-reviews .description {
        font-size: 12px;
    }
    
    .box-home-7 {
        padding-bottom: 30px;
        padding-top: 30px;
    }
    
    .box-home-8 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    footer {
        padding-top: 30px;
    }
    .product-page .product-item {
        margin-bottom: 10px;
    }
    
    .product-page .product-item .inner-content {
        padding: 0 10px 10px;
    }

    .row {
        margin-right: -5px;
        margin-left: -5px;
    }
    
    .row>div {
        padding-right: 5px;
        padding-left: 5px;
    }
}

.section-du-an .modal-content {
    border-radius: 10px;
}

.section-du-an .modal-content button.close {
    position: absolute;
    right: 3px;
    width: 20px;
    height: 20px;
    background: var(--red);
    opacity: 1;
    border-radius: 50%;
    box-shadow: 0px 0px 15px 1px rgba( 2, 2, 2, 0.75 );
    text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 );
    top: 2px;
    font-size: 15px;
    color: #fff;
    z-index: 9;
}

.section-du-an .modal-content .modal-body {
    padding: 25px;
    border-radius: 11px;
    overflow: hidden;
}

.section-du-an .modal-content .modal-body .title {
    text-align: center;
    color: var(--color-main-home);
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 9px;
}

.section-du-an .modal-content .slg {
    font-size: 16px;
    text-align: center;
    color: rgba( 245, 132, 102, 1.00 );
    margin-bottom: 15px;
}

.section-du-an .modal-content .dsc {
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
}

.section-du-an .modal-content .form-group {
    margin-bottom: 15px;
}

.section-du-an .modal-content .form-group .form-control {
    height: 50px;
    border: 0;
    border-bottom: 1px solid #ddd;
    padding: 0;
    font-size: 16px;
}

.section-du-an .modal-content .form-group .btn-submit {
    width: 100%;
    height: 50px;
    padding: 0;
    line-height: 50px;
    border-radius: 5px;
    background: var(--red);
    border-color: var(--red);
    font-weight: 700;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    display: table;
}

.section-du-an .modal-content .form-group .btn-submit:hover {
    color: var(--red);
    background: none;
}

.section-du-an .modal-content .modal-body .note {
    font-size: 14px;
    margin-top: 20px;
    text-align: center;
    color: #000;
}

.btn-bang-gia-fix {
    background: #d10d0d;
    position: fixed;
    border-radius: 5px 5px 0 0;
    /*left: 25%;*/
    right: 5rem;
    bottom: 0;
    padding: 8px 20px;
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    z-index: 999;
    border: 0;
}
.video-slider-ct iframe {
    height: 55.8vw;
    width: 100%;
}
.section-thu-ngo {
    padding: 50px 0;
    background: #e1ebfd;
}

.section-thu-ngo .content {
}

.section-thu-ngo .info-right {
    padding: 30px;
    border: 10px solid var(--color-highlight);
    height: 100%;
    background: #fff;
}

.section-thu-ngo .info-right .title {
    background: var(--color-highlight);
    color: #fff;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 5px;
    font-size: 18px;
}


.section-thu-ngo .info-right .description {
    font-size: 16px;
    font-size: 16px;
    text-align: justify;
}
.banner-slider-home .content .form .input-group .input-group-append .btn-submit:hover {
    color: var(--color-highlight);
    background: #fff;
}

.title-section-home>span.icon>img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    position: relative;
    top: -4px;
}
.box-banner-home .item-slider {
    position: relative;
}

.box-banner-home .item-slider:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #2b3653;opacity: 0.5;}
.box-banner-home .item-slider .info {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
}

.box-banner-home .item-slider .info .name {
    font-size: 64px;
    font-weight: 700;
}

.box-banner-home .item-slider .info .description {
    font-size: 24px;
    margin-bottom: 20px;
    height: 38px;
}

.box-banner-home .item-slider .info .link a {
    background: var(--red);
    display: inline-block;
    padding: 10px 25px;
    border-radius: 5px;
    color: #fff;
    border: 1px solid var(--red);
}
@media (max-width:992px){
    .section-thu-ngo {
        padding: 30px 0;
    }
    .section-thu-ngo .info-right .description {
        font-size: 14px;
    }
}

@media (min-width:1200px){

    .header-menu-home .menu-section > ul > li:hover {
        /* background: #101e7140 !important; */
    }
}


/*css-moi*/
.section-highlight {
    padding-top: 50px;
    padding-bottom: 50px;
}

.section-highlight>.info-highlight {
    background: #FBF6E8;
    padding: 30px;
    border-radius: 8px;
    border: 1px solid #D79D16;
    margin-bottom: 15px;
}

.section-highlight>.info-highlight>.row>div {
    flex: 0 0 20%;
}

.section-highlight>.info-highlight .item {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-highlight .title-highlight {
    font-size: 24px;
    max-width: 906px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    color: #6A4E0B;
    font-family: 'Big';
}

.section-highlight>.info-highlight .item .icon {
    margin-right: 15px;
}

.section-highlight>.info-highlight .item .icon img {
    width: 48px;
    height: 48px;
    object-fit: contain;
}

.section-highlight>.info-highlight>.row>div:before {
    content: '';
    position: absolute;
    right: 0;
    top: 9px;
    height: 32px;
    width: 1px;
    background: #D79D16;
}

.section-highlight>.info-highlight .item .name {
    font-weight: 700;
    font-size: 16px;
}

.section-highlight>.info-highlight>.row>div:last-child:before {
    display: none;
}
.section-highlight .dsc {
    font-size: 16px;
    color: #475569;
}


.section-lich-su .thumbs .item-slider {
    text-align: center;
}

.section-lich-su .thumbs {
    margin-bottom: 30px;
}

.section-lich-su .thumbs .item-slider .icon {
    margin-bottom: 10px;
}

.section-lich-su .thumbs .item-slider .icon img {
    height: 50px;
    width: 59px;
    object-fit: contain;
    filter: grayscale(31);
    cursor: pointer;
}

.section-lich-su .swiper-slide-thumb-active .item-slider .icon img {
    filter: none;
}
.section-lich-su .item-view .item-slider .info .dsc {
    font-family: "Big";
    font-size: 36px;
    color: #D79D16;
    margin-bottom: 10px;
    max-width: calc(100% - 123px);
}

.section-lich-su .item-view .item-slider .info .name {
    font-size: 36px;
    color: #D79D16;
    font-family: "Big";
}

.section-lich-su .item-view .item-slider .info .description {
    font-size: 16px;
}

.bg-01{
    background: var(--bg-01);
}

.section-box-dich-vu-01 {
    margin-top: 150px;
}

.section-box-dich-vu-01 .title-section {
    text-align: center;
    margin-bottom: 30px;
}

.section-box-lsht:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../assets/media/banner/gs2.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top;
    opacity: 0.5;
}

.section-box-lsht {
    position: relative;
}
.section-dich-vu .item-slider {
    background-image: linear-gradient(#D2B48C,#fefdfd, #fffefc);
    padding: 20px;
    border-radius: 16px;
}

.section-dich-vu .item-slider .name a {
    font-size: 24px;
    color: var(--color-highlight);
    font-family: 'Big';
}

.section-dich-vu .item-slider .img {
    margin-bottom: 10px;
    border-radius: 16px;
    overflow: hidden;
    padding-top: 110%;
}

.section-dich-vu .text-dv .title {
    font-size: 48px;
    font-family: 'Big';
    line-height: 1.2;
    color: var(--color-highlight);
    margin-bottom: 15px;
    max-width: 300px;
}
.section-lich-su .title-section {
    margin-bottom: 30px;
}
.section-dich-vu .swiper-slide {
    width: 32%;
    
}
.section-dich-vu .text-dv .bottom-dv {
    display: flex;
    justify-content: space-between;
    padding-bottom: 65px;
}
.section-dich-vu .text-dv {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.section-dich-vu .text-dv .bottom-dv .link a {display: flex;height: 46px;background: var(--red);align-items: center;justify-content: center;padding: 0 25px;color: #fff;border-radius: 4px;border: 1px solid var(--red);}

.section-dich-vu .text-dv .bottom-dv .link a:hover {
    background: none;
    color: var(--red);
}
.section-dich-vu .text-dv .bottom-dv .bottom-slider {
    display: flex;
    align-items: center;
}

 .swiper-button-prev-dv,  .swiper-button-next-dv {
    border: 2px solid var(--red);
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--red);
    font-size: 21px;
    border-radius: 3px;
    background: #fff;
}

.section-dich-vu .text-dv .bottom-dv .bottom-slider .next-dv-01 {
    margin-right: 10px;
}
.section-dich-vu.section-dich-vu-right {
    padding-top: 50px;
    padding-bottom: 50px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.section-dich-vu.section-dich-vu-right .text-dv .title {
    color: #fff;
    max-width: 100%;
}

.section-dich-vu.section-dich-vu-right .text-dv  .dsc {
    color: #fff;
}

.section-dich-vu.section-dich-vu-right .text-dv  .bottom-dv {
    padding-bottom: 0;
}

.section-dich-vu.section-dich-vu-right:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000094;
}
.swiper-button-prev-dv-02, .swiper-button-next-dv-02 {
    background: #fff;
}

.swiper-button-prev-dv-02, .swiper-button-next-dv-02 {
    background: #fff;
}

.section-dich-vu.section-dich-vu-right .item-slider {
    background: #fff;
    background-image: none;
}
.section-dv-ctbds .section-dich-vu.section-dich-vu-left {padding-top: 50px;padding-bottom: 50px;}
.section-dich-vu.section-dich-vu-left .img-before {
    position: absolute;
    right: -132px;
    top: 0;
    object-fit: contain;
    object-position: right;
    height: 100%;
    opacity: 0.2;
}

.section-dich-vu.section-dich-vu-left .img-before img {
    height: 100%;
    object-fit: contain;
}

.section-khach-hang {
    padding: 50px 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.section-khach-hang .title-section {
    margin-bottom: 40px;
}
.section-khach-hang .img {
    padding-top: 60%;
}

.section-khach-hang .img img {
    object-fit: contain;
}
.faq-section-kh .faq-project .card .item-title-process {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--color-main);
    font-family: 'Big';
    font-size: 36px;
    cursor: pointer;
}
.faq-section-kh .faq-project .card .item-title-process i {
    color: var(--red);
    font-size: 32px;
}

.faq-section-kh .faq-project .card .item-title-process.collapsed {
    color: #000;
    font-size: 24px;
}

.faq-section-kh .faq-project .card {
    padding: 13px 0;
    border-bottom: 1px solid #d79d1661;
}

.description-process {
    padding-top: 10px;
}

.faq-section-kh .faq-project .card:first-child {
    border-top: 1px solid var(--color-main);
}

.faq-section-kh .faq-project .card .item-title-process.collapsed i {
    transform: rotate(180deg);
}


.faq-section-kh .faq-project .info .img img {
    object-fit: contain;
    height: 100%;
}

.box-home-form-ds {
    background-image: url('../../assets/media/banner/banner_mpl.jpg');
    background-size: cover;
    padding-bottom: 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.section-form-tv-home {
    /*background: #aaa6a669;*/
    background: #00000080;
    padding: 40px;
    border-radius: 16px;
    margin-top: 50px;
    margin-bottom: 60px;
}

.section-form-tv-home .info .title {
    color: #fb8400;
    font-size: 48px;
    text-align: center;
    font-family: 'Big';
}
.box-home-form-ds .title-section {
    color: #fff;
    margin-bottom: 30px;
}
.section-form-tv-home .info .dsc {
    color: #fff;
}

.section-form-tv-home .form .title-form {
    font-size: 24px;
    font-family: 'Big';
    color: #fff;
    margin-bottom: 15px;
}

.section-form-tv-home .form .form-group .form-control {
    font-size: 16px;
    color: #000;
    height: 52px;
    display: inline-block;
    border-radius: 8px;
}

.section-form-tv-home .form .row>div {
    padding-left: 10px;
    padding-right: 10px;
}

.section-form-tv-home .form .row {
    margin-right: -10px;
    margin-left: -10px;
}

.section-form-tv-home .form select {
    width: 100%;
    height: 52px;
    border-radius: 8px;
    border: 0;
    padding: 10px;
    color: #6a6b6b;
}
.faq-section-kh {
    padding-bottom: 50px;
    padding-top: 50px;
}

.section-form-tv-home .form .form-group {
    margin-bottom: 20px;
}

.section-form-tv-home .form .form-group .btn-submit {
    background: var(--red);
    border-radius: 8px;
    border-color: var(--red);
    padding: 10px 30px;
}

.section-form-tv-home .form .form-group .btn-submit:hover {
    background: none;
    color: var(--red);
}
.section-quy-trinh .item-qt {
    padding: 20px;
    background: #fff;
    margin-bottom: 40px;
    border-radius: 16px;
    border: 1px solid var(--color-main);
}

.section-quy-trinh .item-qt .info {
    padding: 0 15px;
}

.section-quy-trinh .item-qt .info .step {
    color: var(--red);
    font-weight: 700;
}

.section-quy-trinh .item-qt .info .name {
    font-size: 36px;
    font-family: 'Big';
    color: var(--color-main);
    margin-bottom: 15px;
}

.section-quy-trinh .item-qt .info .description {
    text-align: justify;
}

.section-quy-trinh .item-qt .img {
    border-radius: 16px;
    overflow: hidden;
}

.section-quy-trinh .item-qt:nth-child(2n+1)>.row>div:nth-child(1) {
    order: 1;
}

.faq-section-kh .title-section {
    margin-bottom: 40px;
}

.box-dktv-dua {
    background-image: url('../../assets/media/banner/banner_tu_van.png');
    background-size: 100% auto;
    padding-top: 50px;
    background-position: top;
    padding-bottom: 50px;
    background-repeat: no-repeat;
}
.form-dktv-home .title-section {
    margin-bottom: 20px;
}

.form-dktv-home .dsc {
    margin-bottom: 20px;
}
.section-lich-su {
    position: relative;
}

.section-lich-su .bottom-slider {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
}
.section-box-prj .project-item {
    width: 70%;
    margin-bottom: 40px;
}

.section-box-prj .project-item .inner-image .img {
    border-radius: 16px;
    overflow: hidden;
    padding-top: 60.25%;
}
.form-dktv-home {
    margin-bottom: 50px;
}

.form-dktv-home .form-group .form-control {
    border-color: #CBD5E1;
    height: 52px;
    border-radius: 4px;
}

.form-dktv-home .form-group .btn-submit {
    width: 100%;
    height: 52px;
    border-radius: 4px;
    background: var(--red);
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    border-color: var(--red);
}

.section-box-prj .title-section {
    margin-bottom: 20px;
}

.section-box-prj  .title-section-02 {
    font-size: 48px;
    color: var(--color-highlight);
    font-family: 'Big';
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
}
.section-box-prj .title-section-02 > span {
     color: var(--color-highlight);
}
.section-box-prj .title-section-02.active > span {
     color: #FFF;
}
.section-box-prj .project-item .inner-content {
    height: 100%;
    background-image: linear-gradient(90deg, #e2cdb1, #fff2e2, #f8f2ea, white);
    border-top-left-radius: 16px;
    padding: 20px 0px 20px 20px;
    border-bottom-left-radius: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 40px;
}

.section-box-prj .project-item .inner-content .titlr-name .title a {
    font-size: 24px;
    font-family: 'Big';
    color: var(--color-highlight);
}

.section-box-prj .project-item .inner-image {
    background-image: linear-gradient(268deg, #D2B48C, white);
    padding: 20px 20px 20px 0;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}

.section-box-prj .project-item .inner-content .link a, .section-form-contact-home .contact .info-form .form-group .btn-submit {
    display: flex;
    height: 52px;
    background: var(--red);
    padding: 0 20px;
    align-items: center;
    justify-content: center;
    max-width: 185px;
    border-radius: 4px;
    color: #fff;
    border: 1px solid var(--red);
}

.section-box-prj .project-item .inner-content .titlr-name .title {
    margin-bottom: 15px;
}
.section-box-prj.box-prj-banner {
    background-size: cover;
    position: relative;
    padding: 50px 0;
    background-position: center;
}

.section-box-prj.box-prj-banner:before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00000066;
    left: 0;
}

.section-box-prj.box-prj-banner .project-item {
    background: #F1F5F9;
    border-radius: 16px;
}

.section-box-prj.box-prj-banner .project-item .inner-content, .section-box-prj.box-prj-banner .project-item .inner-image {
    background: none;
}

.section-box-prj .project-item .inner-content .titlr-name  .description {
    line-height: 1.7;
    text-align: justify;
}

.section-box-prj.box-prj-banner .title-section-02 {
    color: #fff;
}
.section-box-prj .project-item>.row {
    margin-right: 0;
    margin-left: 0;
}

.section-box-prj .project-item>.row>div {
    padding: 0;
}
.section-box-prj.box-prj-banner .swiper-pagination-bullet {
    background: #fff;
}

.section-box-prj.box-prj-banner .swiper-pagination-bullet-active {
    background: #ed1c24;
}
.box-project-k {
    padding: 50px 0;
    position: relative;
}
.section-form-contact-home {
    background-size: cover;
    padding: 60px 0;
}

.section-form-contact-home .contact {
    border-radius: 16px;
    overflow: hidden;
    background: #4f4f4f85;
}

.section-form-contact-home .contact>.row>div {
    padding: 0;
}
.header-menu-home .menu-section > ul > li>.dropdown>li>a:before {
    display: none;
}

.section-form-contact-home .contact>.row {
    margin: 0;
}

.section-form-contact-home .contact .info-form {
    padding: 40px 60px;
}

.section-form-contact-home .contact .info-form .title {
    font-size: 30px;
    text-align: center;
    color: #fff;
    font-family: 'Big';
    margin-bottom: 20px;
}

.section-form-contact-home .contact .info-form .form-group {
    margin-bottom: 20px;
}

.section-form-contact-home .contact .info-form .form-group .form-control {
    height: 52px;
    border-radius: 4px;
    font-size: 16px;
}

.section-form-contact-home .contact .info-form .form-group  select {
    display: block;
    width: 100%;
    height: 52px;
    border-radius: 5px;
    padding: 10px;
    color: #6a6b6b;
}

.section-form-contact-home .contact .info-form .form-group .btn-submit {
    height: 46px;
    font-weight: 700;
    margin-left: auto;
    margin-right: auto;
}
.section-article-hot {
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 85px;
    padding-bottom: 50px;
}

.section-article-hot .article-home .item-top {
    background: #F5F3E8;
    padding: 20px;
    border-radius: 16px;
    margin-bottom: 30px;
}

.section-article-hot .article-home .item-top .article-item {
    margin-bottom: 0;
}

.section-article-hot .article-home .item-top .article-item .inner-image {
    border-radius: 16px;
}

.section-article-hot .article-home  .inner-content .article-title {
    font-size: 36px;
    font-family: 'Big';
    margin-bottom: 15px;
}

.section-article-hot .article-home .inner-content .article-title a {
    color: #0F172A;
}

.inner-content a.link-more {
    color: var(--red);
    font-weight: 700;
}

.section-article-hot .article-home .inner-content .article-description {
    margin-bottom: 20px;
    text-align: justify;
}

.article-hot-bottom .article-item .inner-content .article-title {
    font-size: 18px;
    height: 48px;
    overflow: hidden;
    line-height: 1.4;
    margin-bottom: 10px;
}

.article-hot-bottom .article-item .inner-content .post-date {
    margin-bottom: 0 !important;
    font-size: 14px;
}

.post-date i {
    margin-right: 5px;
}

.section-article-hot .title-section {
    margin-bottom: 30px;
}
.article-home .link-all a {
    height: 46px;
    border: 1px solid var(--red);
    color: var(--red);
    display: inline-block;
    padding: 0 27px;
    border-radius: 4px;
    line-height: 44px;
}
.form-ct-banner {
    padding: 60px 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.form-ct-banner .form-dktv-home {
    margin-bottom: 0;
}

.form-ct-banner .form-dktv-home .title-section {
    color: #fff;
}

.form-ct-banner .form-dktv-home .dsc {
    color: #fff;
    margin-bottom: 30px;
}

.form-ct-banner .form-dktv-home .info-form {
    /*border: 2px solid var(--color-main);*/
    padding: 30px 20px;
    border-radius: 16px;
    background: #0000003b;
}

.form-ct-banner .form-dktv-home .info-form .form-group {
    margin-bottom: 0 !important;
}
.section-brand {
    position: relative;
    padding: 60px 0;
}

.section-brand .img-left {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 0;
}

.section-brand .img-right {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

.section-brand .img-left img {
    width: 300px;
    height: 100%;
    object-fit: contain;
    object-position: left;
}

.section-brand .img-right img {
    width: 300px;
    height: 100%;
    object-fit: contain;
    object-position: right;
}
.section-brand .container {
    max-width: 800px;
}
.google-map {
    margin-bottom: -6px;
}

.google-map iframe {
    width: 100%;
    height: 30vw;
}
.section-form-contact-bottom {
    background-image: linear-gradient(-90deg, #FBF1CE, #f2f2f2);
    padding: 20px;
    border-radius: 16px;
    margin-top: -132px;
    z-index: 9;
    position: relative;
    overflow: hidden;
    margin-bottom: 50px;
}

.section-form-contact-bottom .info .title {
    font-size: 30px;
    font-family: 'Big';
    line-height: 1.25;
    color: #000;
    margin-bottom: 10px;
}
.color-red {
    color: var(--red);
}

.section-form-contact-bottom .info .dsc {
    margin-bottom: 20px;
}

.section-form-contact-bottom .info .info-contact {
    margin-bottom: 20px;
}

.section-form-contact-bottom .info .info-contact .item .icon img {
    width: 48px;
    height: 48px;
}

.section-form-contact-bottom .info .info-contact .item .icon {
    margin-bottom: 10px;
}

.section-form-contact-bottom .info .info-contact .item .name-ct {
    margin-bottom: 5px;
    font-size: 11px;
}

.section-form-contact-bottom .info .info-contact .item .link a {
    display: inline-block;
    color: red;
    font-weight: 700;
    font-size: 24px;
}

.section-form-contact-bottom .info .list-address p {
    display: flex;
    color: #0F172A;
    max-width: 380px;
}

.section-form-contact-bottom .info .list-address p i {
    display: inline-block;
}

.section-form-contact-bottom .info .list-address p svg {
    margin-right: 5px;
    flex: 0 0 30px;
}

.section-form-contact-bottom .info .img-cd img {
    object-fit: contain;
    object-position: right;
}

.section-form-contact-bottom .info .img-cd {
    position: absolute;
    bottom: -68px;
    width: 100%;
    z-index: -1;
}

.section-form-contact-bottom .info .img-cd:before {
    width: 400px;
    height: 400px;
    border-radius: 100%;
    background: #E36D6D;
    position: absolute;
    z-index: 0;
    content: '';
    bottom: -155px;
    left: -65px;
}
.section-form-contact-bottom .form {
    background: #fff;
    padding: 30px;
    border-radius: 8px;
}

.section-form-contact-bottom .form .input-ratio-tv, .section-form-contact-bottom .form .top {
    background: #FEE9EA;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.section-form-contact-bottom .form .input-ratio-tv .custom-control, .section-form-contact-bottom .form ul.nav>li {
    padding: 0 5px;
    margin-right: 0;
    flex: 0 0 33.33%;
    display: block;
}

.section-form-contact-bottom .form .input-ratio-tv .custom-control .custom-control-label:before {
    display: none;
}

.section-form-contact-bottom .form .input-ratio-tv .custom-control-input {
    position: absolute;
    top: -10px;
}
.section-form-contact-bottom .form .input-ratio-tv>.list, .section-form-contact-bottom .form ul.nav {
    margin-left: -5px;
    margin-right: -5px;
    display: flex;
    border: 0;
}

.section-form-contact-bottom .form .input-ratio-tv>.list .custom-control-label, .section-form-contact-bottom .form ul.nav>li>a {
    display: flex;
    text-align: center;
    height: 45px;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    border: 0;
    margin-bottom: 0;
    font-weight: 600;
    color: var(--color-text);
}
.section-form-contact-bottom .form .input-ratio-tv>.list .custom-control-input:checked ~ .custom-control-label, .section-form-contact-bottom .form .input-ratio-tv>.list .custom-control-label:hover, .section-form-contact-bottom .form ul.nav>li>a.active, .section-form-contact-bottom .form ul.nav>li>a:hover {
    background: var(--red);
    color: #fff;
}

.section-form-contact-bottom .form .input-ratio-tv>.list .custom-control-label:after {
    display: none;
}
.section-form-contact-bottom .form .form-group .form-control {
    height: 40px;
    padding: 0;
    border: 0;
    border-bottom: 1px solid #E2E8F0;
    font-size: 16px;
}
.section-form-contact-bottom .form .form-group select {
    display: block;
    width: 100%;
    height: 40px;
    border: 0;
    padding: 0;
    border-bottom: 1px solid #E2E8F0;
    color: #727272;
}

.section-form-contact-bottom .form .form-group {
    margin-bottom: 20px;
}

.section-form-contact-bottom .form .form-group .btn-submit {
    display: flex;
    height: 46px;
    padding: 0;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    background: var(--red);
    border-color: var(--red);
    border-radius: 4px;
}
.section-form-contact-bottom .form .form-group.form-group-btn {
    margin-top: 30px;
}

.section-form-contact-bottom .form .input-ratio .custom-control-label {
    padding-left: 20px;
    font-weight: 400;
}

.section-form-contact-bottom .form .input-ratio .custom-control-label:before {
    width: 22px;
    height: 22px;
    border-color: #000;
    top: 1px;
    background: #fff;
}

.section-form-contact-bottom .form .input-ratio .custom-control-inline {
    margin-right: 0;
    width: 50%;
}

.section-form-contact-bottom .form .input-ratio .custom-control-label::after {width: 12px;height: 12px;border-radius: 50%;left: -10px;top: 6px;}
.section-form-contact-bottom 
 .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background: #1E293B;
}
.section-form-contact-bottom .info {
    position: relative;
    height: 100%;
}

.list-address {
    position: relative;
    z-index: 2;
}
.footer-menu-logo {
    position: relative;
    z-index: 9;
}

.footer-menu-logo .logo-section img {
    height: 75px;
}
.footer-mid address p {
    display: flex;
}

.footer-mid address p>span {
    display: inline-block;
    flex: 0 0 75px;
}

.entire-info-website .title-footer:after {
    display: none;
}
.copy-right {
    color: #DEDEDE;
    font-size: 14px;
}
.footer-mid.footer-menu>.container>.row>div:nth-child(5) {
    flex: 0 0 21%;
    max-width: 21%;
}

.section-fanpage-footer .fanpage {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.section-fanpage-footer .fanpage>.icon {
    padding-left: 10px;
    padding-right: 10px;
}

.section-fanpage-footer .fanpage>.icon img {
    width: 24px;
    height: 24px;
    display: inline-block;
}

.section-fanpage-footer .link a {
    display: flex;
    padding: 7px 10px;
    border-radius: 8px;
    background: var(--red);
    border: solid 1px var(--red);
    font-weight: 500;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #fff;
    max-width: 150px;
    margin-top: 20px;
}

.section-fanpage-footer .title-footer:after {
    display: none;
}
@media (min-width:1200px){
    .faq-project .info>.row>div:nth-child(1) {
        flex: 0 0 45%;
        max-width: 45%;
    }
    
    .faq-project .info>.row>div:nth-child(2) {
        flex: 0 0 55%;
        max-width: 55%;
    }
    .section-dich-vu.section-dich-vu-left , .faq-section-kh .faq-project{
        padding-right: calc((100% - 1200px)/2);
        position: relative;
    }
    .section-dich-vu.section-dich-vu-right {
        padding-left: calc((100% - 1200px)/2);
    }
}
@media (max-width:1200px){
    .box-banner-home .swiper-slider-main .swiper-slide img {
        height: 60vw;
    }
    .box-banner-home .item-slider .info .name {
        font-size: 24px;
    }
    
    .box-banner-home .item-slider .info {
        width: 80%;
    }
    
    .box-banner-home .item-slider .info .description {
        font-size: 16px;
        margin-bottom: 16px;
    }
    
    .box-banner-home .item-slider .info .link a {
        padding: 6px 20px;
    }
    .section-highlight .title-highlight {
        font-size: 16px;
    }
    
    .section-highlight {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .section-highlight>.info-highlight {
        padding: 15px;
    }
    .section-highlight>.info-highlight .item {
        display: flex;
        flex-direction: column;
    }
    
    .section-highlight>.info-highlight .item .icon {
        margin-right: 0;
        margin-bottom: 7px;
    }
    .section-lich-su .item-view .item-slider .info .name {
        font-size: 30px;
    }
    
    .section-lich-su .item-view .item-slider .info .dsc {
        max-width: 100%;
        font-size: 21px;
    }
    
    .section-box-dich-vu-01 {
        margin-top: 30px;
    }
    
    .section-box-dich-vu-01 .title-section {
        margin-bottom: 20px;
    }
    
    .section-dich-vu .item-slider {
        padding: 5px;
        background-image: linear-gradient(#D2B48C, #fefdfd, #e8e8e8);
    }
    .section-dich-vu .item-slider .name a {
        font-size: 15px;
    }
    .section-dich-vu .item-slider .name a {
        font-size: 15px;
    }
    
    .section-dich-vu .text-dv .title {
        max-width: 100%;
        font-size: 25px;
        margin-bottom: 10px;
    }
    
    .section-dich-vu .text-dv .info {
        margin-bottom: 15px;
    }
    
    .section-dich-vu .text-dv .bottom-dv {
        padding-bottom: 0;
    }
    .section-dich-vu.section-dich-vu-right {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    body {
        font-size: 15px;
    }
    .section-dich-vu .item-slider .name {
        height: 46px;
        overflow: hidden;
    }
    
    
    .swiper-button-prev-dv, .swiper-button-next-dv {
        width: 36px;
        height: 36px;
    }
    
    .section-dich-vu .text-dv .bottom-dv .link a {
        height: 36px;
    }
    .section-khach-hang {
        padding: 30px 0;
    }
    
    .section-khach-hang .title-section {
        margin-bottom: 20px;
    }
    .faq-section-kh {
        padding-bottom: 30px;
        padding-top: 30px;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .faq-section-kh .title-section {
        margin-bottom: 20px;
    }
    
    .faq-section-kh .faq-project .card .item-title-process {
        font-size: 18px;
    }
    
    .faq-section-kh .faq-project .card {
        padding: 10px 0;
    }
    
    .faq-section-kh .faq-project .card .item-title-process.collapsed {
        font-size: 16px;
    }
    
    .faq-section-kh .faq-project .card .item-title-process>span {
        line-height: 1;
        display: flex;
    }
    
    .faq-section-kh .faq-project .card .item-title-process i {
        font-size: 25px;
    }
    
    .description-process {
        font-size: 14px;
    }
    .section-form-tv-home {
        margin-top: 30px;
        margin-bottom: 30px;
        padding: 20px;
    }
    
    .section-form-tv-home .info .title {
        font-size: 30px;
    }
    
    .section-form-tv-home .info {
        margin-bottom: 15px;
    }
    
    .section-form-tv-home .form .form-group .form-control {
        height: 45px;
    }
    
    .section-form-tv-home .form select {
        height: 45px;
    }
    
    .section-quy-trinh .item-qt .info {
        padding: 0;
        padding-top: 10px;
    }
    
    .section-quy-trinh .item-qt .info .name {
        font-size: 20px;
        margin-bottom: 10px;
    }
    
    .section-quy-trinh .item-qt {
        padding: 15px;
        margin-bottom: 15px;
    }
    .box-dktv-dua {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .form-dktv-home .title-section {
        margin-bottom: 10px;
    }
    
    .form-dktv-home .form-group .form-control {
        height: 45px;
    }
    
    .form-dktv-home .form-group .btn-submit {
        height: 45px;
    }
    
    .form-dktv-home {
        margin-bottom: 25px;
    }
    
    .section-box-prj .title-section {
        margin-bottom: 10px;
    }
    
    .section-box-prj .title-section-02 {
        font-size: 30px;
    }
    .section-form-contact-home {
        padding: 30px 0;
    }
    
    .section-form-contact-home .contact .info-form {
        padding: 20px 30px;
    }
    
    .section-form-contact-home .contact .info-form .form-group .form-control, .section-form-contact-home .contact .info-form .form-group select {
        height: 45px;
    }
    
    .section-article-hot {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .section-article-hot .title-section {
        margin-bottom: 15px;
    }
    
    .section-article-hot .article-home .inner-content .article-title {
        font-size: 18px;
    }
    
    .section-article-hot .article-home .item-top .article-item .inner-image {
        margin-bottom: 10px;
    }
    
    .section-article-hot .article-home .item-top {
        padding: 15px;
        margin-bottom: 20px;
    }
    
    .article-hot-bottom .article-item .inner-content .article-title {
        font-size: 15px;
        height: 45px;
        margin-bottom: 5px;
    }
    
    .article-home .link-all a {
        height: 43px;
        line-height: 41px;
    }
    
    .form-ct-banner {
        padding: 30px 0;
    }
    
    .form-ct-banner .form-dktv-home .info-form {
        padding: 20px 20px 10px;
    }
    
    .form-ct-banner .form-dktv-home .info-form .form-group {
        margin-bottom: 10px !important;
    }
    
    .section-brand {
        padding: 30px 0;
    }
    
    .google-map iframe {
        height: 40vw;
    }
    
    .section-form-contact-bottom {
        margin-top: 20px;
        padding: 15px;
    }
    
    .section-form-contact-bottom .info .title {
        font-size: 20px;
    }
    
    .section-form-contact-bottom .info .img-cd:before {
        display: none;
    }
    .section-box-prj .project-item .inner-image {
        padding: 0;
        background: none;
        margin-bottom: 15px !important;
    }
    
    .section-box-prj .project-item .inner-content {
        padding: 0;
        background: none;
    }
    
    .section-box-prj .project-item>.row>div:nth-child(1) {
        order: 2;
    }
    
    .section-box-prj .project-item {
        padding: 10px;
        background-image: linear-gradient(90deg, #e2cdb1, #fff2e2, #f8f2ea, #dfdcdc);
        border-radius: 16px;
    }
    
    .section-box-prj .project-item .inner-content .titlr-name .title {
        margin-bottom: 5px;
    }
    
    .section-box-prj .project-item .inner-content .titlr-name .description {
        height: 77px;
        overflow: hidden;
        margin-bottom: 15px !important;
    }
    
    .section-box-prj .project-item .inner-content .link a, .section-form-contact-home .contact .info-form .form-group .btn-submit {
        height: 45px;
    }
    
    .section-box-prj .project-item .inner-content .titlr-name .title a {
        font-size: 16px;
    }
    
    .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
    .section-box-prj .project-item .inner-content .link a {
        height: 33px;
        max-width: 160px;
    }
    
    .box-project-k {
        padding: 30px 0;
    }
    .section-form-contact-bottom .form {
        padding: 15px;
    }
    
    .section-form-contact-bottom .form .input-ratio-tv,  .section-form-contact-bottom .form .top {
        padding: 10px;
    }
}

@media (min-width:767px) and (max-width:1200px){
    .title-section {
        font-size: 3.4rem;
    }
}
@media (max-width:767px){
    .section-dich-vu.section-dich-vu-left .text-dv {
        margin-top: 20px;
    }
    .section-dich-vu.section-dich-vu-left {
        padding-left: 10px;
        padding-right: 10px;
    }
    .section-box-prj.box-prj-banner {
        padding: 30px 10px;
    }
    .section-dich-vu .text-dv {
        height: auto;
    }
    .section-dich-vu.section-dich-vu-right .text-dv {
        margin-bottom: 20px;
        height: auto;
    }
    .section-quy-trinh .item-qt>.row>div:nth-child(1) {
        order: 1;
    }
    .section-box-prj {
        padding-left: 10px;
        padding-right: 10px;
    }
    .section-lich-su .bottom-slider {
        position: initial;
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }
}

.header-page-title {
    background-size: cover;
    padding: 100px 0;
}

.header-page-title .title-brc {
    text-align: center;
}

.header-page-title .title-brc .name {
    font-family: 'Big';
    color: #fff;
    font-size: 64px;
}

.header-page-title .title-brc .breadcrumbs-section {
    display: flex;
    justify-content: center;
}

.header-page-title .title-brc .breadcrumbs-section a {
    color: #fff;
    font-size: 24px;
    margin-right: 0;
}

.header-page-title .title-brc .breadcrumbs-section a>span {
    color: #fff;
}

/*tuyen-dung*/
.bg-hinh-tron {
    padding-bottom: 65px;
}

.btn-tron {
    position: absolute;
    bottom: -64px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}
.section-box-td-tg .dsc {
    max-width: 1003px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 20px;
}

.section-box-td-tg .title-section {
    margin-bottom: 15px;
}

.section-box-td-tg .img {
    text-align: center;
}

.section-box-td-tg .img img {
    width: 100%;
    max-width: 1515px;
}


.list-img {
    display: grid;
    grid-template-rows: repeat(11, 1fr);
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 15px;
    overflow: hidden;
    max-height: 610px;
}

.list-img .item:nth-child(1) {
    grid-row: span 4;
    grid-column: span 1;
    position: relative;
}



.list-img .item:nth-child(3) {
    grid-row: span 6;
    grid-column: span 1;
}

.list-img .item:nth-child(4) {
    grid-row: span 5;
    grid-column: span 1;
}

.list-img .item:nth-child(5) {
    grid-row: span 6;
    grid-column: span 1;
}

.list-img .item:nth-child(6) {
    grid-row: span 7;
    grid-column: span 1;
}
.list-img .item:nth-child(7) {
     grid-row: span 6;
    grid-column: span 1;
}

.list-img .item:nth-child(8) {
     grid-row: span 6;
    grid-column: span 1;
}
.list-img .item:nth-child(9) {
     grid-row: span 5;
     grid-column: span 1;
}

.list-img .item:nth-child(10) {
     grid-row: span 5;
     grid-column: span 1;
}

.list-img .item .img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: 1.1s;
}

.list-img .item .img {
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
}
.list-img .item:nth-child(2) {
    grid-row: span 5;
    grid-column: span 1;
}
.section-chd-td {
    margin-bottom: 50px;
}
.section-galaxy-td .item {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
}
.section-galaxy-td .item-right .item {margin-bottom: 30px;}

.section-galaxy-td .item-right .item .info {
    position: absolute;
    top: 10px;
    max-width: 195px;
    font-size: 20px;
    font-weight: 700;
    color: #0F172A;
    left: 10px;
    line-height: 1.3;
    text-align: justify;
}

.section-galaxy-td .item-right>.row>div:nth-child(3) .item .info {
    max-width: 235px;
}

.section-galaxy-td .item-right>.row>div:nth-child(4) .item .info {
    max-width: 226px;
}
.section-galaxy-td .item-left .item .img {
    padding-top: 87%;
}

.section-galaxy-td .item-left .item .info {
    padding: 15px;
}

.section-galaxy-td .item-left .item .info {
    font-size: 20px;
    font-weight: 700;
    color: #0F172A;
}

.section-galaxy-td .item-left .title-section {
    /*max-width: 100px;*/
    max-width: 200px;
    font-size: 37.5px;
    margin-bottom: 15px;
    line-height: 1.3;
}
.section-galaxy-td .item-left .title-section img {
    width: 100%;
    height: auto;
}
.section-mkt-td {
    padding: 53px 0;
}

.section-mkt-td .img img {
    width: 100%;
    object-fit: cover;
    /*height: 118vw;*/
}

.section-mkt-td .img {
    position: relative;
    /*margin-top: -78rem;*/
    pointer-events: none;
    z-index: -1;
}
.section-mkt-td .img:before {
    /*content: '';*/
    /*position: absolute;*/
    /*top: -110px;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*height: 111px;*/
    /*background-image: linear-gradient(1deg, #fbf5e5, white);*/
}
.section-galaxy-td {
    padding-top: 60px;
}
.section-tab-td .nav-tabs {
    margin-left: -5px;
    margin-right: -5px;
    border: 0;
}

.section-tab-td .nav-tabs>li.nav-item {
    flex: 0 0 16.66%;
    max-width: 16.66%;
    padding-left: 5px;
    padding-right: 5px;
}

.section-tab-td .nav-tabs>li.nav-item>a {
    display: block;
    border: 1px solid var(--color-text);
    text-align: center;
    color: var(--color-text);
    font-weight: 700;
    border-radius: 5px;
}

.section-tab-td .nav-tabs>li.nav-item>a.active, .section-tab-td .nav-tabs>li.nav-item>a:hover {
    color: var(--color-main);
    border-color:var(--color-main);
}
.section-tab-td .info-tab {
    margin-top: 50px;
    background: #FBF6E7;
    padding: 50px;
}

.section-tab-td .info-tab>.name {
    font-size: 36px;
    font-family: 'Big';
    margin-bottom: 15px;
    line-height: 1.2;
    display: flex;
    align-items: center;
}

.section-tab-td .info-tab .item {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.section-tab-td .info-tab .item .icon {
    margin-right: 10px;
}

.section-tab-td .info-tab .item>.name {
    font-weight: 700;
    color: var(--color-highlight);
}

.section-tab-td .info-tab .list-option {
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
}
.section-tab-td .info-tab .content {
    padding-top: 30px;
}

.section-tab-td .info-tab .content .item-ct .name {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--color-main);
}
.section-tab-td .info-tab .content .item-ct {
    margin-bottom: 25px;
}

.section-tab-td .info-tab .content .item-ct .info ul {
    padding-left: 20px;
}

.section-tab-td .info-tab .content .item-ct .info ul>li {
    margin-bottom: 5px;
}

.section-tab-td .info-tab .content .item-ct.section-tab-td .info-tab .content .item-ct:last-child {
    margin-bottom: 0;
}

.section-tab-td .info-tab .content .item-ct:last-child {
    margin-bottom: 0;
}
.section-tab-td .info-tab .content .img {
    padding-top: 131%;
    margin-bottom: -47px;
}

.section-tab-td .info-tab .content>.row {
    display: flex;
    /* align-items: flex-end; */
}

.section-tab-td {
    margin-bottom: 50px;
}

.section-tab-td .info-tab .content .img:before {
    content: '';
    background-image: radial-gradient(#D79D16 5%, #d79d164d 20%, #d79d1600 64%);
    width: 315px;
    height: 315px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
}
.section-tab-td .info-tab>.name span.hot {
    display: inline-block;
    background: #ed1c2436;
    font-size: 22px;
    font-family: 'Mulish';
    color: var(--red);
    padding: 5px 10px;
    font-weight: 700;
    border-radius: 5px;
    margin-left: 20px;
}
.section-tab-td .title-section {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}


@media (max-width:1200px){
    .header-page-title {
    padding: 40px 0 60px;
}

.header-page-title .title-brc .name {
    font-size: 29px;
}

.header-page-title .title-brc .breadcrumbs-section a {
    font-size: 14px;
}
    .section-box-td-tg .dsc {
    margin-bottom: 15px;
}

.section-box-td-tg {
    margin-bottom: 15px;
}


.section-chd-td {
    margin-bottom: 30px;
}

.section-galaxy-td {
    padding-top: 0;
}

.section-galaxy-td .item-left .title-section {
    max-width: 500px;
    font-size: 28.5px;
    margin-bottom: 10px;
}

.section-galaxy-td .item-left {
    margin-bottom: 15px;
}

.section-galaxy-td .item-right .item {
    margin-bottom: 15px;
}



.section-mkt-td {
    /*padding-top: 20px;*/
    /*margin-bottom: 30px;*/
}

.section-tab-td {
    margin-bottom: 30px;
}
.section-tab-td .info-tab {
    margin-top: 15px;
    padding: 15px;
}

.section-tab-td .info-tab .item {
    margin-bottom: 10px;
}

.section-tab-td .info-tab .list-option {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.section-tab-td .info-tab>.name {
    font-size: 25px;
}
.section-galaxy-td .item-right .item .info, .section-galaxy-td .item-left .item .info {
    font-size: 16px;
}
}

@media (max-width:767px){
    .section-mkt-td .img {
        /*margin-top: -154px;*/
    }
    .list-img {
        grid-gap: 5px;
    }
    
    .list-img .item .img {
        border-radius: 5px;
    }

    .section-form-contact-bottom .info .info-contact .item .link a {
        font-size: 14px;
    }
    
    .section-form-contact-bottom .info .img-cd {
        opacity: 0.5;
    }
    .footer-mid.footer-mid-mbc .container {
        text-align: inherit;
    }
    .section-tab-td .nav-tabs>li.nav-item {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 10px;
    }
    .section-tab-td .info-tab .content {
        padding-top: 15px;
    }
    .section-tab-td .info-tab .content .img {
        margin-bottom: 0;
    }
}
/*tuyen-dung*/

/*dich-vu*/
.section-box-dv-ct-bds .section-box-dich-vu-01 {
    margin-top: 50px;
}

.section-box-dv-ct-bds .section-box-dich-vu-01 .title-section {
    display: none;
}
.box-dich-vu-ds {
    padding-top: 50px;
}

.dv-dang-o-dau .dsc {
    text-align: center;
    color: var(--color-highlight);
    font-family: 'Big';
    font-size: 36px;
    line-height: 1.3;
    max-width: 910px;
    margin-left: auto;
    margin-right: auto;
}

.dv-dang-o-dau .img {
    padding-top: 46.25%;
}
.dv-dang-o-dau {
    padding-top: 50px;
    padding-bottom: 30px;
}
.list-lsht-page .list .item .name {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
}

.list-lsht-page .list .item .name span {background: #FBF6E8;border: 1px solid #D79D16;height: 52px;display: inline-block;width: 175px;border-radius: 8px;line-height: 50px;font-weight: 700;margin-bottom: 25px;}

.list-lsht-page .title-section {
    margin-bottom: 30px;
}

.list-lsht-page {
    padding-top: 50px;
}
/*dich-vu*/

/*vct*/
.list-lsht-page .list .item {
    padding-bottom: 50px;
}

.list-lsht-page .list .item .info {
    max-width: 480px;
}

.list-lsht-page .list .item .info .nam {
    font-family: 'Big';
    font-size: 36px;
    color: var(--color-highlight);
}

.list-lsht-page .list .item .info .dsc {
    text-align: justify;
}

.list-lsht-page .list .item .list-image {
    position: relative;
    padding-bottom: 40px;
    padding-left: 50px;
}

.list-lsht-page .list .item .list-image .img-top {
    padding-right: 40px;
}

.list-lsht-page .list .item .list-image .img-top .img {
    border-radius: 16px;
    overflow: hidden;
    padding-top: 61.25%;
}

.list-lsht-page .list .item .list-image .img-right {
    position: absolute;
    width: 50%;
    z-index: 9;
    bottom: 0;
    right: 0;
    border-radius: 16px;
    background: #fff;
    padding: 10px;
}

.list-lsht-page .list .item .list-image .img-right .img {
    border-radius: 8px;
    overflow: hidden;
}

.list-lsht-page .list .item:nth-child(2)>.row>div:nth-child(1), .list-lsht-page .list .item:nth-child(3)>.row>div:nth-child(1), .list-lsht-page .list .item:nth-child(6)>.row>div:nth-child(1) {
    order: 2;
    display: flex;
    justify-content: flex-end;
}

.list-lsht-page .list .item:nth-child(2) .list-image, .list-lsht-page .list .item:nth-child(3) .list-image {
    padding-top: 40px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 50px;
}

.list-lsht-page .list .item:nth-child(2) .list-image .img-right, .list-lsht-page .list .item:nth-child(3) .list-image .img-right, list-lsht-page .list .item:nth-child(6) .list-image .img-right {
    bottom: initial;
    left: 0;
    right: initial;
    top: 0;
    width: 39%;
}

.list-lsht-page .list .item:nth-child(2) .list-image .img-top, .list-lsht-page .list .item:nth-child(3) .list-image .img-top {
    padding-right: 0;
    padding-left: 40px;
}

.list-lsht-page .list .item:nth-child(2) .list-image .img-right .img,.list-lsht-page .list .item:nth-child(3) .list-image .img-right .img,.list-lsht-page .list .item:nth-child(6) .list-image .img-right .img {
    padding-top: 110%;
}
.list-lsht-page .list .item:nth-child(6) .list-image .img-right {
    width: 33%;
    left: 0;
    bottom: 0;
}

.list-lsht-page .list .item:nth-child(4) .list-image .img-right {
    width: 33%;
}

.list-lsht-page .list .item:nth-child(4) .list-image .img-right .img, .list-lsht-page .list .item:nth-child(5) .list-image .img-right .img {
    padding-top: 110%;
}


.list-lsht-page .list .item:nth-child(5) .list-image .img-right {
    top: 0;
    width: 33%;
    bottom: initial;
}

.list-lsht-page .list .item:nth-child(5) .list-image {
    padding-bottom: 0;
    padding-top: 40px;
}

.list-lsht-page .list .item:nth-child(7) .list-image .img-right {
    left: 0;
    width: 33%;
}

.list-lsht-page .list .item:nth-child(7) .list-image {
}

.list-lsht-page .list .item:nth-child(7) .list-image .img-right .img {
    padding-top: 110%;
}
.list-lsht-page .list .item .name img {
    width: 58px;
    height: 50px;
    object-fit: contain;
}

.box-section-tnsm {
    background: #FBF6E8;
}

.bct-img-tnsm {
    border-bottom: 10px solid var(--color-main);
    margin-bottom: 50px;
}

.bct-img-tnsm .img-lt .img {
    padding-top: 109%;
}

.bct-img-tnsm .dsc {
    font-size: 24px;
    color: var(--color-highlight);
    font-family: 'Big';
    padding-left: 60px;
    text-align: justify;
}

.bct-img-tnsm .info {
    position: relative;
}

.bct-img-tnsm .info svg {
    position: absolute;
    top: -85px;
}

.section-gtcl-pt .thumbs .swiper-slide {
    height: 75px !important;
    margin-bottom: 20px !important;
}

.section-gtcl-pt .thumbs .swiper-slide .item-slider {
    background: #F6EBD0;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    font-size: 36px;
    font-family: 'Big';
    color: #000;
    cursor: pointer;
}
.section-gtcl-pt .swiper-slide .swiper-slide-active {
    background: var(--color-highlight);
}


.section-gtcl-pt .swiper-slide.swiper-slide-thumb-active .item-slider, .section-gtcl-pt .thumbs .swiper-slide .item-slider:hover {
    background: var(--color-highlight);
    color: #fff;
}

.section-gtcl-pt .item-view .swiper-wrapper .swiper-slide {
    width: 384px;
    /*width: calc(100% / 3);*/
}
.section-gtcl-pt {
    padding-left: calc((100% - 1200px)/2);
    padding-top: 50px;
    padding-bottom: 50px;
}

.section-gtcl-pt .item-view .swiper-wrapper .swiper-slide.swiper-slide-active {
    /*width: 483px;*/
}

.section-gtcl-pt .item-view  .item-slider-text {
    background: #F6EBD0;
    padding: 20px;
    border-radius: 16px;
    height: 100%;
}

.section-gtcl-pt .item-view .item-slider-text .info .name {
    font-size: 48px;
    font-family: 'Big';
    color: #000;
}

.section-gtcl-pt .item-view .item-slider-text .info .dsc {
    color: #000;
    margin-bottom: 20px;
    text-align: justify;
}

.section-gtcl-pt .item-view .item-slider-text  .img {
    border-radius: 16px;
    overflow: hidden;
}

.section-gtcl-pt .swiper-slide.swiper-slide-active .item-slider-text {
    background: var(--color-highlight);
    /*padding: 25px 25px 35px 25px;*/
}

.section-gtcl-pt .swiper-slide.swiper-slide-active .item-slider-text .info .name {
    color: #fff;
}

.section-gtcl-pt .swiper-slide.swiper-slide-active .item-slider-text .info .dsc {
    color: #fff;
}
.section-linh-vuc .list .item-slider {
    position: relative;
}

.section-linh-vuc .list .item-slider .info {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    z-index: 9;
}
.section-linh-vuc .list .item-slider .inter {position: relative;}

.section-linh-vuc>.list>.row>div:nth-child(1) .item-slider .inter, .section-linh-vuc>.list>.row>div:nth-child(3) .item-slider .inter {
    padding-right: 24%;
}

.section-linh-vuc>.list>.row>div:nth-child(2) .item-slider .inter, .section-linh-vuc>.list>.row>div:nth-child(4) .item-slider .inter {
    padding-left: 24%;
}

.section-linh-vuc>.list>.row>div:nth-child(1) .item-slider .inter:before, .section-linh-vuc>.list>.row>div:nth-child(3) .item-slider .inter:before {
    content: '';
    position: absolute;
    right: 0;
    width: 49%;
    top: 0;
    background-image: linear-gradient(86deg, #f4f4f400, #F4F4F4, #F4F4F4);
    height: 100%;
    z-index: 9;
    pointer-events: none;
}

.section-linh-vuc>.list>.row>div:nth-child(2) .item-slider .inter:before, .section-linh-vuc>.list>.row>div:nth-child(4) .item-slider .inter:before {
    content: '';
    position: absolute;
    left: 0;
    width: 49%;
    top: 0;
    background-image: linear-gradient(273deg, #f4f4f400, #F4F4F4, #F4F4F4);
    height: 100%;
    z-index: 9;
}

.section-linh-vuc .list .item-slider .info .name {
    font-size: 48px;
    font-family: 'Big';
    /*color: #64748B;*/
    color: #fff;
    margin-bottom: 5px;
}

.section-linh-vuc .list .item-slider .info .link a {
    width: 145px;
    background: var(--red);
    color: #fff;
    height: 46px;
    display: inline-block;
    line-height: 44px;
    border: 1px solid var(--red);
    border-radius: 8px;
}

.section-linh-vuc .list .item-slider .info .link a:hover {
    background: #fff;
    color: var(--red);
}
.section-linh-vuc .list {
    position: relative;
}

.section-linh-vuc .list .logo {
    width: 170px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    z-index: 99;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.section-linh-vuc .list .logo img {
    /*height: 70px;*/
    height: auto;
    width: 14rem;
}

.section-linh-vuc>.list>.row>div:nth-child(2) .item-slider {
    padding-right: 30px;
    padding-top: 30px;
}

.section-linh-vuc>.list>.row>div:nth-child(3) .item-slider {
    padding-bottom: 30px;
    padding-left: 30px;
}

.section-linh-vuc>.list>.row>div:nth-child(4) .item-slider {
    padding-bottom: 30px;
    padding-right: 30px;
}


.box-danb-page {
    padding: 50px 0;
    background: #FBF6E8;
}
.list-category-page .item-project .title-section {
    font-size: 36px;
    margin-bottom: 20px;
}

.box-page-da-dm {
    padding-top: 50px;
    padding-bottom: 30px;
}

.box-danb-page .title-section-02 {
    font-size: 64px;
    font-weight: 700;
}

.article-detail .title {
    font-size: 44px;
    text-align: center;
    font-family: 'Big';
    color: var(--color-highlight);
    line-height: 120%;
}

.article-detail .list-info-dv {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 40px;
}

.article-detail .list-info-dv .item span{
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F6F8FF;
    height: 37px;
    padding: 0 15px;
    border-radius: 5px;
}
.article-detail .list-info-dv .item {
    padding-left: 15px;
    padding-right: 15px;
}

.section-box-service-lq .title-section {
    text-align: left !important;
    font-size: 36px;
    margin-bottom: 20px;
}

.section-box-service-lq .article-item {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    margin-bottom: 0;
}

.section-box-service-lq .article-item .inner-content {
    padding: 15px;
}

.section-box-service-lq .article-item .inner-content .article-title {
    font-size: 20px;
    font-family: 'Big';
}

.section-box-service-lq .article-item .inner-content .article-title a {
    color: var(--color-highlight);
}

.section-box-service-lq .article-item .inner-content .link_more a {
    display: inline-block;
    font-size: 14px;
    color: var(--red);
}
.section-box-service-lq .article-item {
    border-radius: 8px;
}
.article-detail .list-info-dv .item span svg {
    margin-right: 5px;
}

.article-detail .list-category {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.article-detail .list-category a {
    color: #000;
    font-size: 24px;
}
.section-box-01-page .section-form-contact-bottom {
    margin-top: 50px;
}
.section-box-service-lq {
    margin-bottom: 30px;
}
.header-page-title.header-page-dv .title-brc .name {
    line-height: 1.3;
}
.dv-dang-o-dau .content-dv .dsc {
    font-size: 16px;
    font-family: 'Mulish';
    text-align: left;
    color: var(--color-text);
}
.box-dv-top .img {
    padding-top: 44.25%;
}

.box-dv-top .content-dv {
    border-top: 10px solid var(--color-highlight);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: #FFFCF5;
    padding: 25px 30px;
}

.box-dv-top .content-dv .title-section {
    font-size: 50px;
}
.box-dv-top .content-dv .dsc {
    text-align: justify;
}

.list-lsht-page.list-dtdv-page .list .item .list-image .img-right {
    width: 33%;
}

.list-lsht-page.list-dtdv-page .list .item .list-image .img-right .img {
    padding-top: 120%;
}

.list-lsht-page.list-dtdv-page .list .item .list-image {
    padding-left: 0;
}

.list-lsht-page.list-dtdv-page .list .item .info {
    max-width: none;
}

.list-lsht-page.list-dtdv-page .list .item:nth-child(2) .list-image .img-right {
    right: 0;
    left: initial;
    bottom: 0;
    top: initial;
}

.list-lsht-page.list-dtdv-page .list .item:nth-child(2) .list-image {
    padding-top: 0;
    padding-bottom: 40px;
}

.list-lsht-page.list-dtdv-page  .list .item:nth-child(3)>.row>div:nth-child(1) {
    order: initial;
}

.list-lsht-page.list-dtdv-page  .list .item:nth-child(3) .list-image {
    padding-top: 0;
    padding-bottom: 40px;
}

.list-lsht-page.list-dtdv-page .list .item:nth-child(3) .list-image .img-right {
    right: 0;
    left: inherit;
    top: inherit;
    bottom: 0;
}

.list-lsht-page.list-dtdv-page .list .item:nth-child(3) .list-image .img-top {
    padding-left: 0;
}
.list-lsht-page.list-dtdv-page .list .item:nth-child(2) .list-image .img-top {
    padding-left: 0;
}
.section-box-dv-mb-01 {
    position: relative;
}

.section-box-dv-mb-01:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -73px;
    width: 240px;
    height: 400px;
    background-image: url('../../assets/media/banner/banner_dt_right.png');
    background-size: contain;
    background-repeat: no-repeat;
}
.list-lsht-page .gs-bg {
    position: absolute;
    left: 52%;
    transform: translateX(-50%);
    z-index: -1;
    top: 0;
    height: 100%;
}

.list-lsht-page .list {
    position: relative;
}

.list-lsht-page .gs-bg svg {
    height: calc(100% - 470px);
}

@media (min-width:1200px){
    .section-linh-vuc>.list>.row>div {
        margin-bottom: 30px;
    }

    .section-linh-vuc>.list>.row>div:nth-child(1) .item-slider .inter .img {
        /*padding-top: 69.66%;*/
    }
    .list-lsht-page .list .item:nth-child(2) .name {
        padding-left: 50px;
    }
    
    .list-lsht-page .list .item:nth-child(3) .name {
        padding-left: 66px;
    }
    
    .list-lsht-page .list .item:nth-child(4) .name {
        padding-right: 80px;
    }
    
    .list-lsht-page .list .item:nth-child(5) .name {
        padding-left: 109px;
    }
    
    .list-lsht-page .list .item:nth-child(6) .name {
        padding-left: 50px;
    }
    
    .list-lsht-page .list .item:nth-child(7) .name {
        padding-right: 91px;
    }
}

@media (max-width:1200px){
    .list-lsht-page .list .item .list-image {
        padding-left: 0;
    }
    
    .list-lsht-page .list .item:nth-child(2)>.row>div:nth-child(1), .list-lsht-page .list .item:nth-child(3)>.row>div:nth-child(1), .list-lsht-page .list .item:nth-child(6)>.row>div:nth-child(1) {
        order: inherit;
    }
    
    .list-lsht-page .list .item:nth-child(2) .list-image, .list-lsht-page .list .item:nth-child(3) .list-image {
        padding-right: 0;
    }
    
    .list-lsht-page {
        padding-top: 30px;
        padding-bottom: 15px;
    }
    
    .list-lsht-page .title-section {
        margin-bottom: 20px;
    }
    
    .list-lsht-page .list .item .info {
        margin-bottom: 20px;
    }
    
    .list-lsht-page .list .item {
        padding-bottom: 20px;
    }
    
    .list-lsht-page .list .item .info .nam {
        font-size: 27px;
        margin-bottom: 5px;
    }
    
    .list-lsht-page .list .item .list-image .img-top {
        padding-right: 0;
    }
    
    .bct-img-tnsm .dsc {
        padding-left: 0;
        font-size: 18px;
    }
    
    .bct-img-tnsm {
        padding-top: 102px;
        margin-bottom: 30px;
    }
    .box-danb-page .title-section-02 {
        font-size: 25px;
    }
    
    .box-danb-page {
        padding: 30px 0;
    }
    
    .box-page-da-dm {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .list-category-page .title-section {
        margin-bottom: 10px !important;
    }
    
    .list-category-page .item-project .title-section {
        font-size: 20px;
    }
    
    .product-item .inner-content {
        padding: 5px;
    }
    .box-dich-vu-ds {
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .dv-dang-o-dau {
        padding-top: 70px;
    }
    
    .dv-dang-o-dau .dsc {
        font-size: 22px;
    }
    .dv-dang-o-dau {
        padding-top: 0;
    }
    
    .dv-dang-o-dau .dsc {
        font-size: 18px;
    }
    
    .btn-tron svg {
        width: 100px;
        height: 83px;
    }
    
    .btn-tron {
        bottom: -51px;
    }
    .section-box-dv-ct-bds .section-box-dich-vu-01 {
        margin-top: 10px;
    }
    .section-box-01-page .section-form-contact-bottom {
        margin-top: 30px;
    }
    .section-form-contact-bottom .form .input-ratio-tv>.list .custom-control-label {
        height: 36px;
        font-size: 13px;
    }
    .article-detail .title {
        font-size: 26px;
    }
    
    .article-detail .list-category a {
        font-size: 16px;
    }
    
    .article-content {
        font-size: 16px;
    }
    
    .section-box-service-lq .title-section {
        font-size: 25px;
    }
    .section-box-service-lq .article-item .inner-content {
        padding: 10px;
    }
    
    .section-box-service-lq .article-item .inner-content .article-title {
        font-size: 16px;
    }
    
    .section-box-service-lq .article-item .inner-content .link_more a {
        font-size: 12px;
    }
    .section-linh-vuc .list .item-slider .info .link a {
        width: 135px;
        height: 40px;
        line-height: 38px;
    }
}
@media (max-width:1024px){
    .section-gtcl-pt .thumbs .swiper-slide .item-slider {
        font-size: 15px;
        height: 40px;
        border-radius: 8px;
    }
    
    .section-gtcl-pt .thumbs .swiper-slide {
        height: auto !important;
    }
    
    .section-gtcl-pt {
        padding: 30px 15px;
    }
    .product-title {
        font-size: 14px;
    }
}

@media (max-width:767px){
    .section-linh-vuc .list .item-slider .info .name {
        font-size: 28px;
    }
    
    .section-linh-vuc .list .item-slider {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        margin-bottom: 15px;
    }
    
    .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
        padding-right: 10px;
        padding-left: 10px;
    }
    .section-linh-vuc .list .logo {
        display: none;
    }
    .section-gtcl-pt .item-view .item-slider-text .info .name {
        font-size: 30px;
    }
}

.section-banner-ctda .item-slider img {
    height: 59vw;
}
.section-banner-ctda .item-slider img {
    height: calc(100vh - 70px);
}

.section-banner-ctda .item-slider {
    position: relative;
}

.section-banner-ctda  .info-content {
    position: absolute;
    right: calc((100% - 1200px)/2);
    bottom: 150px;
    z-index: 99;
    transition: 1.1s;
}

.section-banner-ctda .info-content .name {
    font-size: 64px;
    font-family: 'Big';
    color: #fff;
}

.section-banner-ctda .info-content .dsc {
    font-size: 30px;
    color: #fff;
    font-family: 'Big';
    margin-left: -40px;
}

.section-banner-ctda .item-slider:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(188deg, #2b365300, #2b365382);
    pointer-events: none;
    z-index: 0;
}
.about-detail-project {
    position: relative;
    padding-top: 60px;
}

.about-detail-project:before {
    content: '';
    position: absolute;
    background: #08437f;
    top: 0;
    left: 0;
    width: 100%;
    height: 70%;
    z-index: 0;
}

.about-detail-project .info {
    text-align: center;
    position: relative;
    z-index: 1;
}

.about-detail-project .info .logo img {
    height: 130px;
}

.about-detail-project .info .logo {
    margin-bottom: 35px;
}

.about-detail-project .info .dsc {
    color: #fff;
    font-size: 16px;
    margin-bottom: 40px;
}

.about-detail-project .info .name {
    margin-bottom: 50px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.about-detail-project .info .name span {
    font-size: 30px;
    color: #fff;
    font-family: 'Big';
    line-height: 1.1;
    margin-left: 20px;
}


.about-detail-project .info .inter-img .image {
    border-radius: 8px;
    overflow: hidden;
    padding-top: 48.25%;
}

.about-detail-project .before {
    position: absolute;
    height: 70%;
    right: 0;
    top: 0;
}

.about-detail-project .after {
    position: absolute;
    left: 0;
    top: 0;
    height: 70%;
    width: auto;
}

.about-detail-project .before img, .about-detail-project .after img {
    height: 100%;
    opacity: 0.5;
}

.section-box-ch {
    margin-top: 60px;
}

.section-box-ch .dsc {
    max-width: 890px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
.box-detail-project-02:before {
    content: '';
    position: absolute;
    left: 0;
    width: calc(100% + 200px);
    height: calc(100% + 501px);
    background-image: url('../../assets/media/banner/light_bg.png');
    top: -500px;
    z-index: -1;
    background-repeat: no-repeat;
    opacity: 0.3;
    right: -200px;
    background-size: aoto 100%;
}

.box-detail-project-02 {
    position: relative;
}

.light-high-du-an {
    margin-top: 55px;
    padding-bottom: 50px;
}

.light-high-du-an .item {
    text-align: center;
}

.light-high-du-an .item .icon {
    margin-bottom: 20px;
}

.light-high-du-an .item .icon img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.light-high-du-an .item .dsc {
    padding: 0 23px;
    color: var(--color-text);
}
.section-mb-vttn .img img {
    width: 100%;
    height: 37vw;
    object-fit: cover;
}
.section-detai-ti {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 60px 0;
}


@media (min-width:992px){
    .section-detai-ti .content .item-tien-ich {
        width: 80%;
    }

}
.section-detai-ti .content .item-tien-ich .item-slider .img {
    padding-top: 41.25%;
    margin-bottom: 20px;
    overflow: hidden;
}

.section-detai-ti .content .item-tien-ich .item-slider .name {
    font-family: 'Big';
    font-size: 36px;
    color: var(--color-highlight);
}

.section-detai-ti .title-section {
    margin-bottom: 60px;
}
.img-detail-project img {
    width: 100%;
    height: 56vw;
    object-fit: cover;
    /* transform: scale(1.1) translate(0, 0); */
    transition: all 1000ms ease;
}
.box-project-product {
    padding-top: 50px;
}

.box-project-product .img img {
    width: 100%;
    object-fit: cover;
    height: 44vw;
}
.project-the-aura {
    padding-top: 60px;
    padding-bottom: 60px;
}

.project-the-aura .info .dsc {
    color: #000;
    margin-bottom: 20px;
}

.project-the-aura .info .btn-link a, .project-the-aura .info .btn-link button {
    display: flex;
    background: var(--red);
    height: 56px;
    width: 165px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #fff;
    font-weight: 700;
    border: 1px solid var(--red);
    text-decoration: none !important;
}

.box-the-aura-02 .info-right .image {
    padding-top: 50%;
    border-radius: 16px;
    overflow: hidden;
}
.box-the-aura-02 .info-left {
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
}

.box-the-aura-02 .info-left .info-bottom-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.box-the-aura-02 .info-left .info-bottom-text .btn-next {
    display: flex;
    align-items: center;
}

.box-the-aura-02 .info-left .info-bottom-text .swiper-pagination-pro {
    position: initial;
    width: auto;
}

.box-the-aura-02 .info-left .info-bottom-text .swiper-pagination-pro .swiper-pagination-current {
    font-size: 45px;
    color: var(--color-main);
    font-weight: 700;
    line-height: 0.5;
    margin-right: 5px;
}

.box-the-aura-02 .info-left .info-bottom-text .swiper-pagination-pro  span.swiper-pagination-total {
    font-size: 24px;
    font-weight: 700;
    margin-left: 5px;
    color: #334155;
}

.box-the-aura-02 .info-left .info-bottom-text .swiper-pagination-pro .swiper-pagination-current:before {
    content: '0';
}

.box-the-aura-02 .info-left .info-bottom-text .swiper-pagination-pro span.swiper-pagination-total:before {
    content: '0';
}

.box-the-aura-02 {
    margin-bottom: 60px;
}

.section-the-aura-03 .item-slider .img {
    border-radius: 16px;
    overflow: hidden;
    padding-top: 80%;
    margin-bottom: 30px;
}

.section-the-aura-03 .item-slider .info {
    display: flex;
    justify-content: flex-end;
}

.section-the-aura-03 .item-slider .info .name {
    max-width: 385px;
    text-align: right;
    color: #000;
}

.section-the-aura-03>.row>div:nth-child(2) .item-slider {
    display: flex;
    flex-direction: column;
}

.section-the-aura-03>.row>div:nth-child(2) .item-slider .info {
    order: 1;
    margin-bottom: 30px;
    display: flex;
    justify-content: flex-start;
}

.section-the-aura-03>.row>div:nth-child(2) .item-slider .img {
    order: 2;
    margin-bottom: 0;
}

.section-the-aura-03>.row>div:nth-child(2) .item-slider .info .name {
    text-align: left;
}
.box-the-aura-all {
    background: #F4EEE4;
    padding-bottom: 60px;
}

.section-the-aura-03 {
    margin-bottom: 60px;
}


.img-theaura .img {
    padding-top: 42.25%;
    border-radius: 16px;
    overflow: hidden;
}

.section-phan-khu-qh .top {
    margin-bottom: 60px;
}

.section-phan-khu-qh .top .dsc {
    text-align: center;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.section-phan-khu-qh .top .title-section {
    line-height: 1.3;
    margin-bottom: 20px;
}

.section-phan-khu-qh .bottom .title-section {
    text-align: center;
    font-size: 40px;
}

.section-phan-khu-qh .bottom .info .nav-tabs {
    display: flex;
    justify-content: center;
    border: 0;
    margin-left: auto;
    margin-right: auto;
}

.section-phan-khu-qh .bottom .info .nav-tabs>li {flex: 0 0 16%;max-width: 16%;padding-left: 5px;padding-right: 5px;}

.section-phan-khu-qh .bottom .info .nav-tabs>li>a {
    background: #E6E3E3;
    height: 60px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.section-phan-khu-qh .bottom .info .nav-tabs {
    max-width: 80%;
}

.img-phan-khu img {
    width: 100%;
    height: 79vw;
    object-fit: cover;
}
.section-phan-khu-qh {
    padding-top: 60px;
}

.box-img-da-cs {
    padding: 50px 0 0;
}

.box-img-da-cs .img img {
    width: 100%;
    height: auto;
}

.list-tab-thu-vien .content-tab>.nav-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 0;
    margin-left: -10px;
    margin-right: -10px;
}

.list-tab-thu-vien .content-tab>.nav-tabs>li>a {
    margin-bottom: 0;
    width: 175px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    text-align: center;
    border: 1px solid #000;
    height: 53px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #000;
    font-family: 'Big';
    border-bottom: 0;
    background: #E6E3E3;
}

.list-tab-thu-vien .content-tab>.nav-tabs>li {
    padding-left: 10px;
    padding-right: 10px;
}

.list-tab-thu-vien .content-tab>.nav-tabs>li>a.active, .list-tab-thu-vien .content-tab>.nav-tabs>li>a:hover {
    background: #fff;
}

.box-article-lq {
    padding-top: 50px;
    padding-bottom: 50px;
}

.box-article-lq .title, .box-project-slider .title-link {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 30px;
}

.box-article-lq .title .title-section, .box-project-slider .title-link .title-section {
    margin-bottom: 0;
    font-size: 48px;
}

.box-article-lq .title .link a, .box-project-slider .title-link a.view-all {
    display: flex;
    height: 46px;
    width: 140px;
    background: var(--red);
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 4px;
    border: 1px solid var(--red);
}

.box-article-lq .title .link a:hover {
    background: none;
    color: var(--red);
}

.box-article-lq .article-item, .box-project-slider .product-item {
    margin-bottom: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    border-radius: 8px;
    background: #fff;
    margin-left: 1px;
    margin-right: 1px;
    border: 0;
}

.box-article-lq .article-item .inner-content {
    padding: 15px;
}

.box-article-lq .article-item .inner-image {
    margin-bottom: 0 !important;
}

.box-article-lq .article-item .inner-content .article-title {
    height: 46px;
    overflow: hidden;
    font-weight: 700;
}

.box-article-lq .article-item:hover .inner-content .article-title a {
    color: var(--color-highlight);
}

.box-article-lq .article-item .inner-content .date {
    font-size: 14px;
    display: flex;
    /* align-items: center; */
}
.box-article-lq .article-item .inner-content .date>svg {
    margin-right: 6px;
}
.box-project-slider {
    padding-bottom: 50px;
}

.box-project-slider .product-item .inner-content .product-title a {
    color: var(--color-text);
}
.footer-menu-logo .btn-bang-gia-fix {
    /*position: absolute;*/
    /*right: 0;*/
    /*left: inherit;*/
    /*top: -88px;*/
    /*bottom: initial;*/
}


.footer-menu-logo>.container>.row>div {
    position: initial;
}
.section-box-prj {
    position: relative;
}

.section-box-prj .img-before {
    width: 1200px;
    height: 300px;
    position: absolute;
    top: -55px;
    left: 0;
    pointer-events: none;
}

.section-box-prj .img-before img {
    width: 1200px;
    height: 300px;
}

.section-page-article .article-item {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    border-radius: 8px;
    background: #fff;
    margin-bottom: 0;
}

.section-page-article .article-item .inner-content {
    padding: 15px;
}

.section-page-article .article-item .inner-content .article-title a {
    color: var(--color-highlight);
}

.section-page-article .article-item .inner-content .article-title {
    font-size: 20px;
    font-family: 'Big';
}

.section-page-article .article-item .inner-content .link a {
    color: var(--red);
    font-size: 14px;
}
.header-menu-home .menu-section > ul > li>.dropdown {
    border-radius: 8px;
    padding: 5px 15px;
}

.header-menu-home .menu-section > ul > li>.dropdown>li {
    border-bottom: 1px dashed #ddd;
}

.header-menu-home .menu-section > ul > li>.dropdown>li>a {
    margin: 0;
    padding: 0;
    height: 35px;
    line-height: 35px;
}

.section-page-article .title-section {
    font-size: 36px;
    margin-bottom: 30px;
}
.section-linh-vuc>.list>.row>div:nth-child(1) .item-slider .name, .section-linh-vuc .list .item-slider:hover .info .name {
    /*color: #000;*/
}
.section-tab-td .info-tab>.name span {
    font-size: 22px;
    font-family: 'Mulish';
    color: var(--red);
    background: #ed1c2438;
    font-weight: 700;
    margin-left: 15px;
    position: relative;
    top: 3px;
    padding: 5px 10px;
    border-radius: 5px;
}
@media (max-width:1200px){
    .section-banner-ctda {
        position: relative;
    }
    
    .section-banner-ctda .info-content {
        left: 50%;
        right: initial;
        top: 50%;
        transform: translate(-50%, -50%);
        bottom: initial;
        width: 100%;
        text-align: center;
    }
    
    .section-banner-ctda .info-content .dsc {
        font-size: 20px;
        margin-left: 0;
    }
    
    .section-banner-ctda .info-content .name {
        font-size: 25px;
    }
    
    .about-detail-project .info .logo img {
        height: 70px;
    }
    
    .about-detail-project .info .logo {
        margin-bottom: 20px;
    }
    
    .about-detail-project {
        padding-top: 30px;
    }
    
    .about-detail-project .info .dsc {
        font-size: 14px;
        margin-bottom: 20px;
    }
    
    .about-detail-project .info .name span {
        font-size: 25px;
    }
    
    .about-detail-project .info .name {
        margin-bottom: 30px;
    }
    
    .about-detail-project:before {
        height: 82%;
    }
    
    .section-box-ch {
        margin-top: 25px;
    }
    
    .section-box-ch .dsc {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    .light-high-du-an {
        margin-top: 20px;
        padding-bottom: 30px;
    }
    
    .section-detai-ti {
        padding: 30px 0;
    }
    
    .section-detai-ti .title-section {
        margin-bottom: 20px;
    }
    
    .section-detai-ti .content .item-tien-ich .item-slider .name {
        font-size: 18px;
    }
    .section-detai-ti .content .item-tien-ich .item-slider .img {
        margin-bottom: 10px;
    }
        .section-detai-ti .content .item-tien-ich .item-slider .img {
        margin-bottom: 10px;
    }
    
    .project-the-aura {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .project-the-aura .info .btn-link a {
        height: 40px;
    }
    
    .box-the-aura-02 {
        margin-bottom: 30px;
    }
    .section-the-aura-03 {
        margin-bottom: 0;
    }
    
    .box-the-aura-all {
        padding-bottom: 30px;
    }
    
    .img-theaura .img {
        border-radius: 8px;
    }
    
    .box-project-product {
        padding-top: 20px;
    }
    
    .section-phan-khu-qh {
        padding-top: 30px;
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .section-phan-khu-qh .top .title-section {
        margin-bottom: 15px;
    }
    
    .section-phan-khu-qh .top {
        margin-bottom: 30px;
    }
    
    .section-phan-khu-qh .bottom .title-section {
        font-size: 25px;
    }
    
    .section-phan-khu-qh .bottom .info .nav-tabs {
        max-width: 100%;
    }
    .box-img-da-cs {
        padding: 30px 0 20px;
    }
    
    .list-tab-thu-vien .content-tab>.nav-tabs>li>a {
        width: 100%;
        height: 35px;
        font-size: 13px;
    }
    
    .list-tab-thu-vien .content-tab>.nav-tabs>li {
        flex: 0 0 105px;
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .box-article-lq {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .box-article-lq .title .title-section, .box-project-slider .title-link .title-section {
        font-size: 25px;
    }
    
    .box-article-lq .title .link a, .box-project-slider .title-link a.view-all {
        background: none;
        border: 0;
        color: var(--red);
        width: auto;
        height: auto;
    }
    
    .box-article-lq .title, .box-project-slider .title-link {
        margin-bottom: 20px;
    }
    
    .box-project-slider {
        padding-bottom: 25px;
    }
    .box-article-lq .article-item .inner-content {
        padding: 5px;
    }
    
    .box-article-lq .article-item .inner-content .article-title {
        font-size: 13px;
        height: 43px;
    }
    
    .box-project-slider .product-item .product-title {
        font-family: 'Mulish';
        color: var(--color-text);
        font-weight: 600;
    }
    
    .box-project-slider .product-item .product-title a {
        color: var(--color-text);
    }
}

@media (max-width:767px){
    .section-detai-ti .info {
        padding-left: 10px;
        padding-right: 10px;
    }
        .box-the-aura-02 .info-left {
        display: inline;
    }
    
    .box-the-aura-02>.row>div:nth-child(1) {
        order: 2;
    }
    
    .box-the-aura-02 .info-left .info-bottom-text {
        position: initial;
        padding-top: 15px;
    }
    
    .box-the-aura-02 .info-right {
        margin-bottom: 15px;
    }

    
    .section-the-aura-03>.row>div:nth-child(2) .item-slider .img {
        order: inherit;
        margin-bottom: 10px;
    }
    
    .section-the-aura-03 .item-slider .img {
        margin-bottom: 10px;
        padding-top: 50%;
    }
    
    .section-the-aura-03 .item-slider .info {
        display: flex;
        justify-content: flex-start;
    }
    
    .section-the-aura-03 .item-slider .info .name {
        text-align: justify;
    }
    
    .section-the-aura-03 .item-slider {
        margin-bottom: 20px;
    }
    
    .section-the-aura-03>.row>div:nth-child(2) .item-slider .info {
        margin-bottom: 0;
    }
    
    .section-the-aura-03>.row>div:nth-child(2) .item-slider .info .name {
        text-align: justify;
    }
     .section-phan-khu-qh .bottom .info .nav-tabs>li {
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 2.5px;
        padding-right: 2.5px;
        margin-bottom: 5px;
    }
    
    .section-phan-khu-qh .bottom .info .nav-tabs>li>a {
        height: 39px;
        border-radius: 5px;
        margin-bottom: 0;
        font-size: 12px;
    }
}
.section-form-contact-bottom .form .form-group textarea.form-control {
    height: 100px;
}
.section-form-contact-bottom .form .form-group .btn-submit:hover {
    background: none;
    color: var(--red);
}

.btn-ung-tuyen .ut {
    display: inline-block;
    padding: 0 30px;
    height: 46px;
    background: var(--red);
    line-height: 44px;
    color: #fff;
    font-weight: 600;
    border-radius: 5px;
    margin-top: 15px;
    border: 1px solid var(--red);
    margin-left: auto;
    margin-right: auto;
    display: table;
}

.btn-ung-tuyen .ut:hover {
    color: var(--red);
    background: #ffff;
}

/*.section-ung-tuyen .modal-dialog {*/
/*    max-width: 715px;*/
/*}*/

.section-ung-tuyen  .image-pupop {
    padding-top: 130%;
}

.section-ung-tuyen .image-pupop img {
    object-fit: contain;
}
.section-ung-tuyen .list-option {
    border: 0 !important;
    padding-bottom: 0 !important;
}


.section-ung-tuyen .list-option .item .name {
    color: var(--color-text);
    font-weight: 400;
    margin-left: 5px;
}
.section-search-project .info .form-group {
    margin-bottom: 0;
    position: relative;
}

.section-search-project .info-project .tab-content .info .item-left {
    border: 1px solid #E2E8F0;
    padding: 10px 15px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
}

.section-search-project .info-project ul.nav.nav-tabs {
    border-bottom: 0;
}

.section-search-project .info-project ul.nav.nav-tabs>li {
    margin-right: 15px;
}

.section-search-project .info-project ul.nav.nav-tabs>li .nav-link {
    width: 170px;
    height: 48px;
    background: #F1F5F9;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-bottom: -1px;
    border-top: 1px solid #F1F5F9;
    border-bottom: 0;
    border-left: 1px solid #F1F5F9;
    border-right: 1px solid #F1F5F9;
    position: relative;
    z-index: 1;
}

.section-search-project .info-project ul.nav.nav-tabs>li .nav-link.active, .section-search-project .info-project ul.nav.nav-tabs>li .nav-link:hover {
    background: #fff;
    border-color: #F1F5F9;
}

.section-search-project .info .form-group svg {
    position: absolute;
    z-index: 9;
    top: 7px;
    left: 10px;
    pointer-events: none;
}

.section-search-project .info-project .tab-content .form-group:before {
    content: '';
    position: absolute;
    right: -16px;
    height: 26px;
    width: 1px;
    background: #c8c8c8;
    z-index: 1;
    top: 3px;
}


.select-dropdown-page .dropdown-toggle {
    font-size: 16px;
    height: 36px !important;
    background: #fff !important;
    padding-left: 40px !important;
    color: var(--color-text);
    border: 0;
}

.section-search-project .info .item-right .form-group:before {
    display: none;
}

.section-search-project .info .item-right .form-group span.btn.btn-submit {
    width: 100%;
    height: 58px;
    border-radius: 8px;
    background: var(--red);
    border-color: var(--red);
    font-weight: 700;
    font-size: 16px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-search-project .info .item-right .form-group span.btn.btn-submit svg {
    position: initial;
    margin-right: 10px;
}


.section-search-project .info-project .tab-content .info .item-left>.row>div:last-child .form-group:before {
    display: none;
}

.section-search-project .info .item-right .form-group span.btn.btn-submit:hover {
    background: none;
    color: var(--red);
}

.section-search-project .info .item-right .form-group span.btn.btn-submit:hover svg {filter: invert(22%) sepia(84%) saturate(5245%) hue-rotate(321deg) brightness(92%) contrast(102%);}

.select-dropdown-page .dropdown-toggle .filter-option-inner-inner {
    font-size: 16px;
}

.select-dropdown-page .dropdown-menu {
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
}

.select-dropdown-page .dropdown-menu ul.dropdown-menu>li>a {
    background: #fff;
    padding: 7px 15px;
    border-bottom: 1px solid #f2f2f2;
    font-size: 16px;
}

.select-dropdown-page .dropdown-menu ul.dropdown-menu>li>a.active, .select-dropdown-page .dropdown-menu ul.dropdown-menu>li>a:hover {
    background: var(--red);
    color: #fff;
}
.section-search-project {
    padding-top: 50px;
}
@media (max-width:1200px){
    .section-search-project {
        padding-top: 30px;
    }
}
@media (max-width:767px) {
    
    .section-search-project .info-project .tab-content .info .item-left {
        margin-bottom: 15px;
    }
}

.box-profile {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 60px 0;
}

.box-profile .info-left .info {
    text-align: center;
}

.box-profile .info-left .info .cv {
    color: var(--red);
    text-align: center;
    font-family: 'Big';
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 700;
}

.box-profile .info-left .info .name {
    font-size: 24px;
    font-family: 'Big';
    color: #000;
    font-weight: 700;
    margin-bottom: 15px;
}

.box-profile .info-left .inter-img {
    margin-bottom: 20px;
    padding-top: 112%;
}

.box-profile .info-left .info .fanpage>ul {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 0;
}

.box-profile .info-left .info .fanpage>ul>li {
    list-style: none;
    margin: 0 10px;
}

.box-profile .info-left .info .contact, .box-profile .info-left .info .contact>.item a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.box-profile .info-left .info .contact>.item>a {
    margin: 0 10px;
    color: var(--red);
    font-weight: 700;
    font-size: 16px;
}

.box-profile .info-left .info .contact>.item>a>.icon {
    margin-right: 10px;
}

.box-profile .info-center .title-dsc, .box-profile .info-center .imgs {
    background: #fff;
    padding: 20px;
    border-radius: 16px;
}

.box-profile .info-center .title-dsc {
    margin-bottom: 20px;
}


.box-profile .info-center .title-dsc>.title, .box-profile .info-center .imgs .title, .box-profile .info-user .title, .list-du-an .title {
    font-size: 24px;
    color: var(--red);
    margin-bottom: 10px;
    font-weight: 700;
}

.box-profile .info-right .top {
    display: flex;
    flex-direction: column;
    font-size: 30px;
    color: var(--color-highlight);
    font-weight: 600;
    margin-bottom: 30px;
}

.box-profile .info-right .top span:nth-child(2) {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.box-profile .info-right .top span:nth-child(3) {
    text-align: right;
}

.box-profile .info-right .form {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
}

.box-profile .info-right .form .form-group {
    margin-bottom: 20px;
}

.box-profile .info-right .form .form-group input.form-control {border: 0;border-bottom: 1px solid #ddd;padding-left: 0;font-size: 16px;color: #475569;padding-top: 0;}

.box-profile .info-right .form .form-group input.form-control::placeholder {
    color: #475569;
}

.box-profile .info-right .form .form-group .btn.btn-submit {
    width: 100%;
    height: 46px;
    padding: 0;
    display: flex;
    border-radius: 8px;
    background: var(--red);
    border-color: var(--red);
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.box-profile .info-right .form .form-group .btn.btn-submit:hover {
    background: none;
    color: var(--red);
}
.box-profile .info-right .form .title {
    font-size: 24px;
    color: var(--red);
    font-weight: 700;
    margin-bottom: 20px;
}
.select-dropdown-da.select-dropdown-page .dropdown-toggle {
    padding-left: 0 !important;
    padding-right: 0;
    border-bottom: 1px solid #ddd;
    padding-top: 0;
    height: 43px !important;
}
.list-profile-img .item-img .img {
    border-radius: 8px;
    overflow: hidden;
}
.box-profile .info-center .title-dsc .item {
    margin-bottom: 15px;
}

.box-profile .info-center .title-dsc .item:last-child {
    margin-bottom: 0;
}

.box-profile .info-center .title-dsc .item .title {
    font-weight: 700;
    margin-bottom: 10px;
    position: relative;
    padding-left: 16px;
}

.box-profile .info-center .title-dsc .item .title:before {
    content: '';
    background: var(--color-text);
    width: 7px;
    height: 7px;
    display: inline-block;
    position: absolute;
    top: 9px;
    border-radius: 50%;
    left: 0;
}
.section-phan-khu-qh .top .title-section {
    max-width: 784px;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width:1200px){
    
    .box-profile {
        background-position: right;
        padding: 40px 0;
    }
    
    .box-profile .info-user {
        text-align: left;
        border: 1px solid #bac3cf;
        padding: 15px;
        border-radius: 8px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    
    
    .box-profile .info-center .title-dsc>.title, .box-profile .info-center .imgs .title, .box-profile .info-user .title, .list-du-an .title {
        font-size: 16px;
    }
    
    .box-profile .info-user .item {
        margin-bottom: 10px;
    }
    
    .box-profile .info-user .item span {
        display: inline-block;
        width: 110px;
        font-weight: 700;
    }
    
    .box-profile .info-user .item:last-child {
        margin-bottom: 0;
    }
    
    .box-profile .info-user .item a {
        color: var(--color-text);
    }
    .box-profile .info-center .title-dsc, .box-profile .info-center .imgs, .info-center .list-du-an {
        background: none;
        border: 1px solid #bac3cf;
        padding: 15px;
        margin-bottom: 30px;
        border-radius: 8px;
    }
    .list-du-an-profile .swiper-wrapper .swiper-slide {
        width: 70%;
    }
    
    .info-center .list-du-an {
        padding: 15px 0 26px;
        position: relative;
    }
    
    .list-du-an .title {
        padding: 0 15px;
    }
    .list-du-an-profile .inner-content {
        padding: 15px;
    }
    
    .list-du-an-profile .inner-content .product-title {
        font-size: 20px;
        text-transform: lowercase;
        height: 33px;
    }
    
    .list-du-an-profile .inner-content .product-title a {
        color: var(--color-highlight);
    }
    
    .list-du-an-profile .inner-content .product-title:first-letter {
        text-transform: uppercase;
    }
    .box-profile .info-left .inter-img {
        padding-top: 80%;
    }
    
    .box-profile .info-left .inter-img img {
        object-fit: contain;
    }
    .light-high-du-an .title-section, .section-box-ch .title-section, .section-mb-vttn .title-section, .section-detai-ti .title-section{
        text-align: center !important;
    }
    .section-search-project .info-project ul.nav.nav-tabs>li .nav-link {
        width: 140px;
        height: 35px;
    }
    
    .section-search-project .info .item-right .form-group span.btn.btn-submit {
        height: 47px;
    }
    .section-gtcl-pt .swiper-slide.swiper-slide-active .item-slider-text {
        padding: 15px;
    }
}


@media (min-width:767px) and (max-width:1200px){
    .section-the-aura-03 {
        margin-bottom: 30px;
    }
}
.info-image-video.list-image .inner-image i {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #00000099;
    font-size: 50px;
    transform: translate(-50%,  -50%);
}

.project-the-aura .info .btn-link a:hover {
    background: none;
    color: var(--red);
}
.btn-link:focus, .btn-link:hover {
    text-decoration: none !important;
}
.section-lich-su .thumbs .item-slider .icon:hover img {
    filter: none;
}

.section-dich-vu .item-slider:hover .img img {
    transform: scale(1.1);
}

.section-dich-vu .item-slider .img img {
    transition: 1s;
}

.hotline-top a:hover {
    background: #fff;
    color: var(--red);
}

.hotline-top a:hover .icon svg path {
    stroke: var(--red);
}

.section-dich-vu .item-slider:hover .name a {
    color: var(--red);
}

.faq-section-kh .faq-project .card .item-title-process.collapsed:hover {
    color: var(--color-main);
}

.section-quy-trinh .item-qt:hover .img img {
    transform: scale(1.1);
}

.section-quy-trinh .item-qt .img img {
    transition: 1s;
}

.form-dktv-home .form-group .btn-submit:hover {
    color: var(--red);
    background: #fff;
}
.box-banner-home .item-slider .info .link a:hover {
    color: var(--red);
    background: #fff;
}
.box-banner-home .swiper-slide.swiper-slide-active .info  .text {
    transform: scale(1);
}
.box-banner-home .item-slider .info .text {
    transform: scale(0);
    transition: 0.9s;
}
.section-box-prj .project-item .inner-content .link a:hover, .section-form-contact-home .contact .info-form .form-group .btn-submit:hover {
    color: var(--red);
    background: #fff;
}

.section-box-prj .project-item .inner-image .img img {
    transition: 1.1s;
}

.section-box-prj .project-item:hover .inner-image .img img {
    transform: scale(1.1);
}

.article-home .link-all a:hover {
    background: var(--red);
    color: #fff;
}

.inner-content a.link-more:hover {
    color: var(--color-main);
}

.article-item:hover .inner-image img {
    transform: scale(1.1);
}

.article-item .inner-image img {
    transition: 1.1s;
}
.article-item:hover .article-title a {
    color: var(--red) !important;
}
.menu-footer > .menu > ul > li > a:hover {
    color: var(--color-highlight);
}

.section-fanpage-footer .link a:hover {
    background: #fff;
    color: var(--red);
}

.list-img .item .img:hover img {
    transform: scale(1.1);
}
.product-item:hover .inner-image .img img {
    transform: scale(1.1);
}

.product-item .inner-image .img img {
    transition: 1.1s;
}

.product-item:hover .inner-content .product-title a {
    color: var(--red);
}

.btn-bang-gia-fix:hover {
    background: var(--color-highlight);
}


.about-detail-project .info .inter-img .image:hover img {
    transform: scale(1.1);
}

.about-detail-project .info .inter-img .image img {
    transition: 1.1s;
}

.section-detai-ti .content .item-tien-ich .item-slider:hover .name {
    color: var(--red);
}

.section-detai-ti .content .item-tien-ich .item-slider:hover .img img {
    transform: scale(1.1);
}

.section-detai-ti .content .item-tien-ich .item-slider .img img {
    transition: 1.1s;
}
.section-the-aura-03 .item-slider:hover .img img {
    transform: scale(1.1);
}

.section-the-aura-03 .item-slider .img img {
    transition: 1.1s;
}

.img-detail-project:hover img {
    transform: scale(1.1);
}


.box-the-aura-all .img-theaura .img:hover img {
    transform: scale(1.1);
}

.box-the-aura-all .img-theaura .img:after {
    background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: -180%;
    position: absolute;
    top: 0;
    transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px);
    width: 100%;
    transition: all .3s ease-out;
}

.box-the-aura-all .img-theaura .img:hover:after {
    left: -50%;
}

.box-the-aura-all .img-theaura .img img {
    transition: 1.1s;
}
.section-phan-khu-qh .bottom .info .nav-tabs>li>a:hover {
    background: #fff;
}
.info-image-video.list-image .inner-image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000082;
    opacity: 0;
    pointer-events: none;
}

.info-image-video.list-image .inner-image:hover:before {
    z-index: 1;
    opacity: 1;
}

.info-image-video.list-image .inner-image:hover i {
    z-index: 2;
    color: #fff;
}

.info-image-video.list-image .inner-image:hover img {
    transform: scale(1.1);
}

.info-image-video.list-image .inner-image img {
    transition: 1s;
}

.info-image-video.list-image .inner-image {
    overflow: hidden;
}
.box-article-lq .title .link a:hover, .box-project-slider .title-link a.view-all:hover {
    background: #fff;
    color: var(--red);
}
.section-highlight>.info-highlight .item .name a {
    color: var(--color-text);
}
.section-highlight>.info-highlight .item:hover .name a {
    color: var(--red);
}
@media (max-width:1200px){
    .info-image-video.list-image .inner-image i {
        font-size: 30px;
    }
}

.title-section>span {
    color: var(--white);
    position: relative;
    z-index: 1;
    padding: 5px 20px;
    display: inline-block;
}
.section-dich-vu .text-dv .title>span {
    position: relative;
    z-index: 1;
    padding: 5px 20px;
    display: inline-block;
}
.title-section>span:before, .section-dich-vu .text-dv .title>span:before {
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    border-radius: 10px;
    background: #2b93e5;
    z-index: -2;
    transition: 1s;
    left: 0;
    top: 00;
}

.title-section.active span:before, .section-dich-vu .text-dv .title.active>span:before {
    width: 100%;
}
.faq-section-kh .title-section>span {
    color: var(--color-highlight);
}
.section-dich-vu.section-dich-vu-right .text-dv .title.title-01 span {opacity: 0;}

.section-dich-vu.section-dich-vu-right .text-dv .title.title-01.active span {
    opacity: 1;
}
.box-banner-home .item-slider .info .description>span {
    display: inline-block;
    overflow: hidden;
    height: 40px;
    width: 0;
    transition: 2s;
    text-align: left;
}

.box-banner-home .swiper-backface-hidden .swiper-slide.swiper-slide-active span {width: 100%;transition: 3s;}

.swiper-button-prev-dv.swiper-button-disabled, .swiper-button-next-dv.swiper-button-disabled {
    opacity: 0.5;
}
.box-banner-home .item-slider .info .description:after {
    content: '|';
    padding-left: 8px;
}
.box-banner-home .item-slider .info .description{
    
    color:#ED1C24;
    font-weight: 700;
    font-size: 30px;
  
}
.title-section>span:before, .section-dich-vu .text-dv .title>span:before{
    background: #ED1C24;
}
.section-khach-hang .info {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    height: 75vh;
    overflow: hidden;
    justify-content: center;
 color:#FFFEFC;
}
/*.section-khach-hang .info::after,.section-khach-hang .info::before {*/
/*content: "";*/
/*    position: absolute;*/
/*    display: block;*/
/*    left: 50%;*/
/*    width: calc(100% - 2rem);*/
/*    height: 8.4rem;*/
/*    -webkit-transform: translate(-50%, 0);*/
/*    transform: translate(-50%, 0);*/
/*    border-collapse: separate;*/
/*    pointer-events: none;*/
/*    z-index: 2;*/
 
/*}*/
/*.section-khach-hang .info::before{*/
/*    top: 0;*/
/*    background: -webkit-gradient(linear, left bottom, left top, color-stop(14%, rgba(255, 234, 243, 0.15)), color-stop(36%, rgba(0, 0, 0, 0.15)), color-stop(68%, #ffeaf3), to(#ffeaf3));*/
/*    background: linear-gradient(0deg, rgba(255, 234, 243, 0.15) 14%, rgba(0, 0, 0, 0.15) 36%, #ffeaf3 68%, #ffffff 100%);*/
/*}*/
.section-khach-hang .info::after {
    /*bottom: 0;*/
    /*-webkit-box-shadow: inset 0rem -8rem 1rem -6rem;*/
    /*box-shadow: inset 0rem -8rem 1rem -6rem;*/
    /*color: #FFEAF3;*/
    
        content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-collapse: separate;
    box-shadow: inset 0 7rem 4rem -1.6rem, inset 0 -7rem 4rem -1.6rem;
        /*box-shadow: inset 0 7rem 10rem -0.6rem, inset 0 -6rem 10rem 2.4rem;*/
    pointer-events: none;
}
.section-khach-hang .img {
    width: 25%;
    padding-top: 0;
    position: relative;
}
.section-khach-hang .img img{
    position: relative;
    top:unset;
    left: unset;
    right: unset;
    bottom: unset;
}
.section-khach-hang .img-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
        animation: autoScrollTop 20s linear infinite;
}
.section-khach-hang .img:nth-child(even) .img-inner {

        animation: autoScrollBot 20s linear infinite;
}
@keyframes autoScrollBot {
    
    0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
    
}
@keyframes autoScrollTop {
    
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
    
}
.section-lich-su .item-view .swiper-slide{
    opacity: 0 !important;
}
.section-lich-su .item-view .swiper-slide-active{
    opacity: 1 !important;
}
.section-lich-su .item-view .item-slider .info  > * {
        opacity: 0;
        transform: translateY(-25px);
        transition: all 500ms;
      }
      
.section-lich-su .item-view .item-slider .info  .name {
     transition-delay: 0.2s;
      }
.section-lich-su .item-view .item-slider .info  .dsc {
     transition-delay: 0.3s;
      }
.section-lich-su .item-view .item-slider .info  .description {
     transition-delay: 0.4s;
      }
.section-lich-su .item-view .item-slider .img  img {
     opacity: 0;
      transform: translate(-25px, 0);
      transition: all 1000ms;
      }
.section-lich-su .item-view .swiper-slide-active .item-slider .img  > * {
        opacity: 1;
        transform: none;
        transition-delay: 400ms;
      }
.section-lich-su .item-view .swiper-slide-active .item-slider .info  > * {
        opacity: 1;
        transform: none;
      }
.section-lich-su .item-view .swiper-slide-active .item-slider .info  .name{
        transition-delay: 500ms;
      }
.section-lich-su .item-view .swiper-slide-active .item-slider .info  .dsc {
         transition-delay: 600ms;
      }
.section-lich-su .item-view .swiper-slide-active .item-slider .info  .description {
         transition-delay: 700ms;
         text-align: justify;
      }
.swiper-free-mode > .swiper-wrapper {
        transition-timing-function: linear !important;
}
.img-ghub {
    height: auto;
    width: 6.5rem;
    object-fit: contain;
    margin-right: 0;
    margin-bottom: .4rem;
}
.section-form-contact-bottom .info .info-contact {
    display: none;
}
@media screen and (min-width: 1400px) {
    .header-menu-home .menu-section > ul > li a {
        line-height: 80px;
        height: 80px;
    }
   footer .container, header .container {
       max-width: 1580px;
    }
    .menu-section > ul > li > a {
        font-size: 20px;
    }
    .img-ghub {
        width: 8rem;
    }
}
@media screen and (max-width: 1200px) {
 .menu-section > ul li a{
     height: 5rem;
     line-height: 5rem;
 }
  .menu-section {
      
      
  } 
  .btn-menu-mobile.is-active .icon-menu {
         opacity: 0;
      visibility: hidden;
      width: 0;
      height: 0;
      display: none;
  }
  .btn-menu-mobile .icon-menu {
    
  }
   .btn-menu-mobile .icon-close {
      opacity: 0;
      visibility: hidden;
      width: 0;
 
      height: 0;
      
      
  }
  .btn-menu-mobile.is-active .icon-close{
      opacity: 1;
      visibility: visible;
      width: fit-content;
      height: fit-content;
      display: block;
  }
}
header{
    transition: 0.5s ease;
    height: 70px;
    border: 1px solid #849937;
    display: flex;
    align-items: center;
    position: fixed;
    width: 100%;
    left: 0;
            z-index: 1102;
        box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
}
header.is-hidden {
    transform: translateY(-120%);
    
}
.post-date i,.post-date{
    color:#ED1C24;
}
.form-subscribe {
    
    margin-bottom: 30px;
}
.header-menu-home .menu-section > ul > li>.dropdown{
     transform: rotate(180deg);
}
.header-menu-home .menu-section > ul > li>.dropdown>li {
     transform: rotate(-180deg);
}
.section-linh-vuc>.list>.row>div:nth-child(2) .item-slider{
         padding-right: 0; 
     padding-top: 0;
}
.section-linh-vuc>.list>.row>div:nth-child(4) .item-slider {
        padding-bottom: 0;
    padding-right: 0;
}
.section-linh-vuc>.list>.row>div:nth-child(3) .item-slider {
    padding-bottom: 0;
    padding-left: 0;
}
.section-linh-vuc>.list>.row>div:nth-child(2) .item-slider .inter, .section-linh-vuc>.list>.row>div:nth-child(4) .item-slider .inter {
    padding-left: 0;
}
.section-linh-vuc>.list>.row>div:nth-child(1) .item-slider .inter, .section-linh-vuc>.list>.row>div:nth-child(3) .item-slider .inter {
    padding-right: 0;
}
.section-linh-vuc .list .item-slider .inter .img img{

transition: all .5s ease;
    
}
.section-linh-vuc .list .item-slider .inter {
    overflow: hidden;
}
.section-linh-vuc .list .item-slider:hover .inter .img img{
    transform: scale(1.1);
    
}
.section-linh-vuc>.list>.row>div:nth-child(2) .item-slider .inter:before, .section-linh-vuc>.list>.row>div:nth-child(4) .item-slider .inter:before,
.section-linh-vuc>.list>.row>div:nth-child(1) .item-slider .inter:before, .section-linh-vuc>.list>.row>div:nth-child(3) .item-slider .inter:before
{
    /*content: unset;*/
    width: 100%;
    background: rgba(0, 0, 0, 0.15);
    
}
.bct-img-tnsm .info.active {
    animation: shake .8s 2;
}
@keyframes shake {
  0% {
    transform: translate(1px, -2px) rotate(-1deg);
  }
  10% {
    transform: translate(-1px, 2px) rotate(-1deg);
  }
  20% {
    transform: translate(1px, 2px) rotate(0deg);
  }
  30% {
    transform: translate(3px, 2px) rotate(0deg);
  }
  40% {
    transform: translate(1px, -1px) rotate(1deg);
  }
  50% {
    transform: translate(-1px, -2px) rotate(-1deg);
  }
  60% {
    transform: translate(-3px, 1px) rotate(0deg);
  }
  70% {
    transform: translate(3px, 1px) rotate(-1deg);
  }
  80% {
    transform: translate(-1px, -1px) rotate(1deg);
  }
  90% {
    transform: translate(-3px, 0px) rotate(1deg);
  }
  100% {
    transform: translate(1px, 1px) rotate(0deg);
  }
}
.dv-dang-o-dau .title-section{
    margin-bottom: 50px;
    
}
.decor-mb {
    display: none;
}
.decor {

    margin-bottom: 20px;
    position: relative;

    
}
.decor:after {
    position: absolute;
    content:"";
    width: 100%;
    height: 8px;
    background: #D79D16;
    border-radius: 4px;
    bottom: 0;
    left: 0;
}
.decor:before{
     position: absolute;
    content:"";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
 background-size: contain;
    background-position: bottom;
    background-image: url(https://cdn.galaxyproperty.vn/media/dich-vu/decor/decor_bg1.png);
    opacity: .5;

}
.decor-1 {
    position: relative;
 max-width: 351px;
     margin-left: auto;
margin-right: auto;

}
.decor-2, .decor-3, .decor-4, .decor-5 {
    position: absolute;
        /*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius: 20rem;
    background: #fff;
    width: fit-content;
    height: fit-content;
    border: 4px solid #D79D16;
    overflow: hidden;
    z-index: 2;
    
}
.decor-2 img, .decor-3 img, .decor-4 img, .decor-5 img {
    position: unset;
    max-height: 95px;
}
.decor-5 {
        bottom: 61px;
    left: -200px;
    animation: zoom-in-zoom-out 1.8s linear infinite;
  animation-delay: 1.5s;
 
}
.decor-2 {
        top: 50px;
    right: -450px;
    animation: zoom-in-zoom-out 1.6s linear infinite;
        animation-delay: .5s;
      
}
.decor-3 {
        top: 0;
    left: -450px;
    animation: zoom-in-zoom-out 1.2s linear infinite;
}
.decor-4 {
  top: 230px;
    right: -290px;  
    animation: zoom-in-zoom-out 1.4s linear infinite; 
    animation-delay: 1s;
  
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}
/*@keyframes borderColor {*/
/*  0% {*/
/*    border-color: transparent;*/
/*  }*/
  /*50% {*/
  /*  border-color: rgba(215, 157, 22, .5);*/
  /*}*/
/*  100% {*/
/*   border-color: #D79D16;*/
/*  }*/
/*}*/

.recruit .decor-2 img, .recruit .decor-3 img, .recruit .decor-4 img, .recruit .decor-5 img{
    max-height: unset;
    
}
.recruit {
        margin-top: 15rem;
    margin-bottom: 15rem;
}
.recruit:after {
    width: 62%;
    left: 50%;
    transform: translateX(-50%);
}
.recruit .decor-1{
    max-width: 966px;
    /*max-width: 720px;*/
}
.recruit .img{
    /*padding-top: calc(256/966 * 100%);*/
    padding-top: 0;
}
.recruit .img > img {
    position: unset;
}
.recruit .decor-4 {
        bottom: 83px;
    right: -295px;
top: unset;
}
.recruit .decor-2 {
      top: -78px;
    right: -288px;
}
.recruit .decor-5 {
     bottom: -26px;
    left: -127px;
}
.recruit .decor-3 {
        top: 30px;
    left: -255px;
}


.section-mkt-td .title-section, .section-tab-td .title-section {
    color: #d10d0d;
}

.title-section .dash-bg {
        /*color: #d10d0d;*/
        color: #fff;
        display: inline-block;
        margin-right: 8px;
       border-radius: 8px;
    position: relative;
    background: #D79D16;
}
@keyframes  hotline-wrap-ani {
    100% {
    background-position: 100% 0, 0 100%, 0 0, 100% 100%;
}
}
.title-section .dash-bg:before {
       content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: .8rem;
    /*background: #ED1C24;*/
    /*background: transparent;*/
    z-index: -1;
             animation: hotline-wrap-ani 5s linear infinite;
     background: linear-gradient(90deg, #d10d0d 50%, transparent 50%), linear-gradient(90deg, #d10d0d 50%, transparent 50%), linear-gradient(0deg, #d10d0d 50%, transparent 50%), linear-gradient(0deg, #d10d0d 50%, transparent 50%);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: .5rem .2rem, .5rem .2rem, .2rem .5rem, .2rem .5rem;
    background-position: 0 0, 100% 100%, 0 100%, 100% 0;

}
.txt-add {
    display: inline;
}
.bridge-social {
    margin-right: auto;
    margin-left: auto;
margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
     width: 70%;
     position: relative;

   
   

}
.bridge-social img {
        /*width: 450px;*/
    /*height: auto;*/
   width: 100%;
   height: 100%;
   object-fit: cover;

}
.bridge {
    position: relative;
    z-index: -1;
    margin-top: -10px;
}
.bridge-img {
    position: relative;
    /*width: calc(100%*(4.2 / 12));*/
    width: 50%;
    margin: 0 auto;
}
.bridge-img img {
   object-fit: cover;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    transition: 1s;

}
.bridge-img > img {
            min-height: 200px;
}
.bridge-img-ani {
        position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
}
.txt-bridge {
background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}
.txt-bridge img{
    width: 150px;
    height: auto;
}

.coccoc-alo-ph-circle {
    width: 80px;
    height: 80px;
   top: 0;
    left: 0;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, 0.4);
    opacity: .1;
    -webkit-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.coccoc-alo-phone {
    background-color: transparent;
    width: 60px;
    height: 60px;
    cursor: pointer;
    z-index: 200000 !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s;
    position: relative;
}

.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.5);
    opacity: .75 !important;
}

.coccoc-alo-ph-circle-fill {
        width: 68px;
    height: 68px;
    top: 6px;
    left: 6px;
    position: absolute;
    background-color: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .1;
    -webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.coccoc-alo-ph-img-circle {
        width: 50px;
    height: 50px;
    top: 15px;
    left: 15px;
    position: absolute;
    background: rgba(30, 30, 30, 0.1) url(https://drive.google.com/uc?id=1V3N2b79QjDWetC_ss9wI3c-xpWDymn9R) no-repeat center center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .7;
    -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
}

.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle {
    background-color: #00aff2;
}

.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle {
    border-color: #00aff2;
    opacity: .5;
}

.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle,
.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle {
    border-color: #75eb50;
    opacity: .5;
}

.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill,
.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill {
    background-color: rgba(117, 235, 80, 0.5);
    opacity: .75 !important;
}

.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle,
.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle {
    background-color: #75eb50;
}

@-moz-keyframes coccoc-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-webkit-keyframes coccoc-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-o-keyframes coccoc-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@keyframes coccoc-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-moz-keyframes coccoc-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes coccoc-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-o-keyframes coccoc-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@keyframes coccoc-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-moz-keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-o-keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}
.cta-fixed {
    left: 10px;
    bottom: 60px;
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
.cta-fixed .entry-content {
    position: relative;
}
.cta-fixed .entry-content:nth-child(2) .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle {
    background-color: #fd7e14;
}
.cta-fixed .entry-content:nth-child(2) .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle {
    border-color: #fd7e14;

}
.cta-fixed .entry-content:nth-child(2) .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill {
       background-color: rgba(253, 126, 20, .5);


}
.coccoc-alo-ph-img-circle {
        display: flex;
    align-items: center;
    justify-content: center;
}
.coccoc-alo-ph-img-circle a {
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 1600px) { 
    .recruit .decor-1{

    max-width: 720px;
    
}
.recruit:after {
    width: 70%;

}

.recruit .decor-2 img, .recruit .decor-3 img, .recruit .decor-4 img, .recruit .decor-5 img {
        max-height: 90px;
    }
    .recruit .decor-3 {
    top: 10px;
    left: -194px;
}
.recruit .decor-5 {
    bottom: -26px;
    left: -115px;
}
.recruit .decor-4 {
    bottom: 61px;
    right: -219px;

}
.recruit .decor-2 {
    top: -63px;
    right: -197px;
}
}

@media screen and (max-width: 1300px) {
    .recruit {
        margin-top:0;
    margin-bottom: 0;
}
.recruit .decor-1 > img {
    display: none;
}.recruit .decor-1 {
    max-width: unset;
}
.recruit .decor-mb  > img {
    position: unset;
}
    .dv-dang-o-dau .img {
        padding-top: 0;
    }
    .decor-mb {
    display: block;
    
}
 .dv-dang-o-dau .decor-mb > img {
    position: unset;
 }
    .dv-dang-o-dau .img > img{
           display: none;
           
    }
.decor-1 {
    /*display: flex;*/
    /*flex-wrap: wrap;*/
     max-width: unset;
    /* gap: 2rem;*/
}
.decor:after,.decor:before {
    content: unset;
}
.decor-2 ,
.decor-3 ,
.decor-4 ,.decor-5 {
   /* position: unset;*/
   /* width: calc(50% - .5 * 2rem);*/
   /* padding: 20px;*/
   /*animation: unset;*/
   display: none;
}

.section-tab-td .nav-tabs>li.nav-item>a{
            font-size: 14px;
            padding: .5rem;
}
.section-tab-td .content .img img{
   position: relative;
        height: auto;
        width: fit-content;
        top: unset;
        left: unset;
        right: unset;
        bottom: unset;
        margin: 0 auto;
}
.section-tab-td .info-tab .content .img:before {
    z-index: 0;
}

.section-tab-td .info-tab .content .img{
    padding-top: 0;
        margin: 0 auto;
        width: fit-content;
        margin-bottom: 2rem;
}

}


@media screen and (max-width: 1200px) {
    .bridge-social img {
        /*width: 450px;*/
    /*height: auto;*/
}
.txt-bridge img{
    width: 100px;

}
    header {
        height: 76px;
    }
    .header-menu-home.fix {
        background: #fff;
    }
    .menu-section, .menu-vertical--nav {
       top:76px;
        /*padding-top: 76px;*/
        /*background: transparent;*/
    }
    .back-drop {
          top:76px;
    }
    
    .menu-section, .menu-vertical--nav{
        box-shadow: none;
      transition: .3s;
        pointer-events: none;
        opacity: 0;
        visibility: hidden;
         /*transform: translate3d(-100%, 0, 0);*/
          transform: unset;
    }
    .menu-section.open, .menu-vertical--nav.open {
     /*box-shadow: 0 .8rem 4rem .2rem rgba(0, 0, 0, .08);*/
        background-color: #fff;
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
        transform: unset;
    }
    /*.menu-top, .menu-vertical--top {*/
    /*    padding: 1.5rem;*/
    /*    margin: 0;*/
    /*    background: #fff;*/
    /*}*/
    /*.menu-section > ul {*/
    /*      background: #fff;*/
    /*      height: 90%;*/
    /*}*/
    
    .section-box-td-tg {
        padding: 0 15px;
    }
}
@media screen and (max-width: 991.98px) {
    .section-khach-hang .info{
        height: 50vh;
    }
    .section-galaxy-td .item-left .title-section img{
        width: 200px;
    }
}
@media screen and (max-width: 767.98px) {
   .box-banner-home .item-slider .info .description{

    font-size: 20px;
   }
    .section-khach-hang .info{
        height: 40vh;
    }
    .section-footer-bottom>.container>.row {
        row-gap: 20px;
    }
    .section-footer-bottom>.container>.row>div {
                flex: 0 0 50%;
    }
    .section-footer-bottom>.container>.row>div:nth-child(3) {
        margin-top: -7rem;
    }
    .section-form-contact-bottom .info .img-cd {
        display: none;
    }
}
@media screen and (max-width: 575.98px){
    .menu-section, .menu-vertical--nav{
        width: 100%;
               
    }
     .section-khach-hang .info{
        height: 30vh;
    }
     .section-khach-hang .img {
         width: calc(100% / 3);
     }
    .section-khach-hang .img:last-child{
        display: none;
    }.section-khach-hang .info::after {
        box-shadow: inset 0 4rem 2rem -1.6rem, inset 0 -4rem 2rem -1.6rem;
        
    }
.section-form-contact-bottom .info .img-cd{
    
    position: unset;
    bottom: unset;
    opacity: 1;
    display: block;
}
.section-form-contact-bottom .info .img-cd img {
    left: -20%;
}
.section-form-contact-bottom .info .dsc {
    margin-bottom: 0;
}
.section-form-contact-bottom .info .list-address {
    display: none;
}

.decor-2 ,
.decor-3 ,
.decor-4 ,.decor-5 {

    width: 100%;
    padding: 10px;

}
.decor-2 img, .decor-3 img, .decor-4 img, .decor-5 img{
    max-height: 54px;
}



.section-box-td-tg .dsc{
    font-size: 14px;
            text-align: justify;
}

 .section-galaxy-td .item-left .title-section img{
        width: 150px;
    }
    
    .title-section {
        font-size:22px;
    }
    
        .bridge-social {
        width: 100%;
        margin-top: 0;

}
.section-mkt-td{
    padding-top: 0;
}
.txt-bridge img{
    width: 50px;

}
    
}

.section-dich-vu .text-dv .dsc {
    text-align: justify;
}

.menu-article {
    margin-bottom: 30px;
}

.menu-article>.menu>ul {
    display: flex;
    /*border-bottom: 1px solid #000;*/
    flex-wrap: nowrap;
    overflow: auto;
        padding-bottom: 1rem;
        justify-content: center;
}

.menu-article>.menu>ul>li {
    list-style: none;
    padding: 0 15px;
   
}

.menu-article>.menu>ul>li>a {
    color: #000;
    font-size: 20px;
    position: relative;
    white-space: nowrap;
     padding: 10px;
}

.menu-article>.menu>ul>li>a.active {
    color: var(--red);
    font-weight: 700;
}

.menu-article>.menu>ul>li>a:before {
    content: '';
    bottom: 0;
    width: 0;
    height: 3px;
    background: #d79d1661;
    position: absolute;
    left: 0;
    /*opacity: 0;*/
    transition: .3s ease;
}

.menu-article>.menu>ul>li>a.active:before {
    opacity: 1;
    background: var(--red);
    width: 100%;
}
.menu-article>.menu>ul>li>a:hover:before{
    opacity: 1;
    background: var(--red);
    width: 100%;
}
@media (max-width:767px){
    .menu-article>.menu>ul>li>a {
        font-size: 17px;
    }
}
/*========================= START MENU THE CENTRIC ===============================*/
.logo02 .logo-section a{
    display: flex;
    align-items: center;
    justify-content: center;
}
   .logo02 .logo-section a img {
       height: 55px;
   }
.menu02 .menu-section > ul > li > a{
    color: #000;
}
@media screen and (min-width: 1400px){
    .menu02 .menu-section > ul > li > a{
        font-size: 18px;
    }
}
/*========================= END MENU THE CENTRIC ===============================*/
.style-common .video-slider-ct iframe {
  height: 50.8vw;
  width: 100%; }

.style-common #menu1 {
  padding-top: 0; }

.style-common .menu-href {
  padding: 2.5rem 0;
  overflow: hidden; }
  @media screen and (max-width: 575.98px) {
    .style-common .menu-href {
      padding: 1.5rem 0; } }

.style-common .heading {
  max-width: 80%;
  margin: 0 auto;
  text-align: center;
  color: rgba(27, 36, 78, 0.7); }
  @media screen and (max-width: 991.98px) {
    .style-common .heading {
      max-width: 100%; } }

.style-common .title {
  color: #e7b0a8;
  font-size: 3rem;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 1rem; }
  @media only screen and (max-width: 1200px) {
    .style-common .title {
      font-size: 2.7rem; } }
  @media only screen and (max-width: 800px) {
    .style-common .title {
      font-size: 2.4rem; } }

.style-common .intro-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-top: 3rem;
  max-height: 80vh;
  overflow: hidden; }
  .style-common .intro-wrap.intro2 {
    flex-direction: row-reverse; }
    .style-common .intro-wrap.intro2 .intro-content {
      padding: 0;
      padding-right: 2rem;
      justify-content: center;
      align-items: start; }
      .style-common .intro-wrap.intro2 .intro-content .heading {
        text-align: left;
        max-width: unset; }
  @media screen and (max-width: 991.98px) {
    .style-common .intro-wrap {
      max-height: unset; } }

.style-common .intro-slide {
  width: 70%;
  height: 100%; }
  .style-common .intro-slide .swiper-slide {
    padding-top: calc(1200 / 1728 * 100%);
    position: relative; }
    .style-common .intro-slide .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: 0;
      left: 0; }
  @media screen and (max-width: 991.98px) {
    .style-common .intro-slide {
      width: 100%;
      order: 2; } }

.style-common .intro-content {
  width: 30%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between; }
  @media screen and (max-width: 991.98px) {
    .style-common .intro-content {
      width: 100%;
      order: 1; } }

.style-common .swiper-pagination-bullet {
  width: 1.2rem;
  height: 1.2rem;
  opacity: 0.5;
  background: #fff; }
  .style-common .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background: #e7b0a8; }

.style-common .intro-owner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1rem;
  color: #fff; }
  .style-common .intro-owner img {
    width: 30rem; }
  @media screen and (max-width: 1199.98px) {
    .style-common .intro-owner img {
      width: 20rem; } }
  @media screen and (max-width: 991.98px) {
    .style-common .intro-owner {
      display: none; } }

.style-common .intro-text {
  color: #fff;
  width: 100%;
  padding: 2rem;
  background: #e7b0a8; }
  .style-common .intro-text ul {
    list-style: disc;
    padding-left: 1.5rem; }
  .style-common .intro-text li {
    margin-top: 0.5rem; }

.style-common .js-location {
  margin-top: 5rem;
  overflow: hidden;
  position: relative; }
  .style-common .js-location .swiper-pagination {
    bottom: 2rem;
    top: unset;
    width: 20%; }
  .style-common .js-location .swiper-container {
    width: 78%;
    margin-left: auto; }
  .style-common .js-location .swiper-slide {
    opacity: 0 !important;
    transition: 0.4s; }
    .style-common .js-location .swiper-slide > * {
      opacity: 0;
      transform: translateY(-25px);
      transition: all 500ms; }
    .style-common .js-location .swiper-slide-active {
      opacity: 1 !important; }
      .style-common .js-location .swiper-slide-active > * {
        opacity: 1;
        transform: none;
        transition-delay: 400ms; }

.style-common .time-address {
  color: #1b244e;
  font-size: 1.2rem;
  font-weight: 700; }

.style-common .time-number {
  color: #e7b0a8;
  font-weight: 900;
  font-size: 6rem; }

.style-common .time {
  font-weight: 500;
  color: #1b244e;
  text-transform: uppercase; }

.style-common .swiper-button-prev,
.style-common .swiper-button-next {
  width: fit-content;
  height: fit-content;
  margin: 0; 
        color: transparent;
    background: transparent;
    border-color: transparent;
    opacity: 1;
}
  .style-common .swiper-button-prev img,
  .style-common .swiper-button-next img {
    width: 3.2rem;
    height: 3.2rem; }
  .style-common .swiper-button-prev::after,
  .style-common .swiper-button-next::after {
    content: unset; }

.style-common .swiper-button-prev {
  transform: rotate(-180deg); }

.style-common .location-slide {
  width: 100%;
  display: flex; }
  .style-common .location-slide .swiper-button-prev {
    left: unset;
    right: 20%; }
  .style-common .location-slide .swiper-button-next {
    right: 8%; }
  .style-common .location-slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #e7b0a8; }

.style-common .hero {
  overflow: hidden;
  position: relative; }

.style-common .hero-img {
  position: relative;
  padding-top: calc(900 / 1728 * 100%);
  min-height: 35rem; }
  .style-common .hero-img::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(27, 36, 78, 0.3);
    opacity: 0;
    transform: translate(0, 0);
    transition: all 1000ms; }
  .style-common .hero-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transform: translate(0, 0);
    transition: all 1000ms; }

.style-common .hero-inner {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.style-common .hero-content {
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  padding: 2rem; }
  .style-common .hero-content .title {
    font-size: 5rem;
    color: #fff;
    line-height: 120%;
    transition-delay: 0.2s; }
  .style-common .hero-content .desc {
    color: #fefefe;
    max-width: 62.6rem;
    margin-top: 1.2rem;
    transition-delay: 0.3s;
    font-weight: 600; }
  .style-common .hero-content > * {
    opacity: 0;
    transform: translateY(-4.5rem);
    transition: all 900ms; }
  @media screen and (max-width: 1400.98px) {
    .style-common .hero-content .title {
      font-size: 4rem; } }
  @media screen and (max-width: 767.98px) {
    .style-common .hero-content {
      padding: 0; }
      .style-common .hero-content .title {
        font-size: 3rem; } }

.style-common .hero-slide {
  position: relative;
  margin-top: 3rem; }
  .style-common .hero-slide .swiper-slide.swiper-slide-active .hero-img::before,
  .style-common .hero-slide .swiper-slide.swiper-slide-active .hero-img img {
    opacity: 1;
    transform: none;
    transition-delay: 400ms; }
  .style-common .hero-slide .swiper-slide.swiper-slide-active .hero-content > * {
    opacity: 1;
    transform: none; }
    .style-common .hero-slide .swiper-slide.swiper-slide-active .hero-content > *:nth-child(1) {
      transition-delay: 600ms; }
    .style-common .hero-slide .swiper-slide.swiper-slide-active .hero-content > *:nth-child(2) {
      transition-delay: 700ms; }
    .style-common .hero-slide .swiper-slide.swiper-slide-active .hero-content > *:nth-child(3) {
      transition-delay: 800ms; }

.style-common .options {
  margin-top: 3rem;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  overflow-x: auto;
  height: 600px; }
  .style-common .options .option {
    position: relative;
    overflow: hidden;
    min-width: 100px;
    margin: 10px;
    background: var(--optionBackground, var(--defaultBackground, #e6e9ed));
    background-size: cover;
    background-position: center left;
    cursor: pointer;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95); }
    .style-common .options .option.active {
      flex-grow: 10000;
      transform: scale(1);
      border-radius: 16px;
      min-width: 250px;
      background-size: cover; }
      .style-common .options .option.active .shadow {
        box-shadow: inset 0 -120px 120px -120px black,
 inset 0 -120px 120px -100px black; }
    .style-common .options .option:not(.active) {
      flex-grow: 1;
      border-radius: 16px; }
      .style-common .options .option:not(.active) .shadow {
        bottom: -40px;
        box-shadow: inset 0 -120px 0px -120px black,
 inset 0 -120px 0px -100px black; }
    .style-common .options .option .shadow {
      position: absolute;
      bottom: 0px;
      left: 0px;
      right: 0px;
      height: 120px;
      transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95); }
    @media screen and (max-width: 991.98px) {
      .style-common .options .option {
        margin-right: 0;
        min-width: 50px; } }
  @media screen and (max-width: 767.98px) {
    .style-common .options {
      height: 35rem; } }

.style-common .options-wrap {
  margin-top: 5rem; }

.style-common .news-feed {
  margin-top: 1rem;
  display: flex;
  padding: 2rem 0; }
  .style-common .news-feed .article-item {
    width: calc(100% / 3); }
  @media screen and (max-width: 575.98px) {
    .style-common .news-feed .article-item {
      width: 100%; } }

.style-common .js-news-feed {
  max-width: 90rem;
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-bottom: 3rem;
  margin-right: auto;
  margin-left: auto; }
  .style-common .js-news-feed .swiper-pagination-bullet {
    background: #e7b0a8; }

.style-common .tc-wrap {
  padding: 5rem 0;
  background: #1b244e; }
  .style-common .tc-wrap .heading {
    margin-top: 3rem;
    margin-bottom: 3rem; }

.style-common .form-btn {
  width: fit-content;
  margin-right: auto;
  margin-left: auto; }
  .style-common .form-btn .btn {
    min-width: 15rem; }

.style-common .policy {
  padding: 2.5rem 0; }
  .style-common .policy .hero-img {
    min-height: unset;
    padding-top: calc(1520 / 1728 * 100%); }
    .style-common .policy .hero-img::before {
      content: unset; }
    .style-common .policy .hero-img img {
      opacity: 1; }
  .style-common .policy .swiper-pagination-bullet {
    background: #e7b0a8; }
  .style-common .policy .swiper-pagination {
    bottom: -4rem; }

.style-common .sales {
  padding: 5rem 0;
  margin-top: 5rem;
  padding-bottom: 8rem;
  background: #1b244e; }
  .style-common .sales .heading {
    color: #fff; }
    @media screen and (max-width: 575.98px) {
      .style-common .sales .heading {
        font-size: 1.4rem; } }
  .style-common .sales .hero-img {
    padding-top: calc(500 / 1728 * 100%);
    min-height: unset; }
    .style-common .sales .hero-img::before {
      content: unset; }
    .style-common .sales .hero-img img {
      opacity: 1; }
  .style-common .sales .swiper-pagination {
    bottom: -4rem; }

.style-common .download {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 1.2rem;
  border-radius: 0.8rem;
  background: #e7b0a8;
  color: #fff;
  width: fit-content;
  cursor: pointer;
  margin-right: auto;
  margin-left: auto;
  margin-top: 2rem;
  transition: 0.5s ease; }
  .style-common .download:hover {
    background: #ed1c24; }
  .style-common .download img {
    width: 2rem; }
    header {
        background: #fff;
        border: 0;
    }
header > div[nh-row="and7360"]{
    width: 100%;
}
.menu02 .menu-section {
        display: flex;
            justify-content: center;
}
div[nh-row="zevj71m"] > .container {
    max-width: unset;
    padding: 0;
    margin: 0;
}

.style-common .form-group {
  margin-bottom: 1.6rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem; }
   .style-common .form-group .form-label {
    width: calc(100% / 3 - (1 - 1 / 3) * 1.5rem); }
  @media screen and (max-width: 575.98px) {
     .style-common .form-group {
      gap: 0; }
       .style-common .form-group .form-label {
        width: 100%; } }

.style-common .form-label {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  font-family: var(--font-pri);
  display: block;
  margin-bottom: 1.6rem; }

.style-common textarea.form-input {
  height: 10rem; }

.style-common .form-input {
  font-family: var(--font-pri);
  border-radius: 1rem;
  border: 1px solid #8fab2a36;
  background: #fff;
  width: 100%;
  padding: 1.6rem;
  font-size: 1.5rem;
  color: rgba(27, 36, 78, 0.7);
  transition: 0.5s ease; }
   .style-common .form-input:focus {
    outline: none;
    border-color: #90ab2a;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; }
   .style-common .form-input::placeholder {
    color: #ccc; }

.style-common .form-text {
  display: inline-block;
  margin-bottom: 0.8rem; }

.style-common .form-password {
  position: relative; }

.style-common .password-icon {
  cursor: pointer;
  position: absolute;
  right: 1.6rem;
  width: fit-content;
  top: 50%;
  transform: translateY(-50%); }
   .style-common .password-icon .icon-show,
   .style-common .password-icon .icon-hide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem; }
   .style-common .password-icon img {
    width: 1.8rem;
    height: 1.8rem; }
   .style-common .password-icon .icon-hide {
    display: none; }
   .style-common .password-icon.is-active .icon-show {
    display: none; }
   .style-common .password-icon.is-active .icon-hide {
    display: block; }

.style-common .checkbox {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 2.5rem;
  margin-bottom: 1.6rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-height: 2rem; }
  .style-common .checkbox.radio .checkmark {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    top: 50%;
    left: 0;
    transform: translateY(-50%); }
    .style-common .checkbox.radio .checkmark::after {
      width: 1rem;
      height: 1rem;
      border: 0;
      background: #90ab2a;
      border-radius: 50%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

.style-common .checkbox-text {
  color: rgba(27, 36, 78, 0.7);
  font-size: 1.3rem;
  line-height: 100%; }

.style-common .checkbox-input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }
  .style-common .checkbox-input:checked ~ .checkmark::after {
    display: block; }

.style-common .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 2rem;
  border: 1px solid #90ab2a;
  width: 2rem;
  background-color: transparent;
  border-radius: 0.3rem;
  overflow: hidden; }
  .style-common .checkmark::after {
    content: "";
    position: absolute;
    display: none;
    left: 0.6rem;
    top: 0.1rem;
    width: 0.5rem;
    height: 1rem;
    border: solid #90ab2a;
    border-width: 0 0.3rem 0.3rem 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
    
    
 .style-common .article-item {
  width: 25%;
  padding: 0 0.75rem; }
  @media screen and (max-width: 575.98px) {
     .style-common .article-item {
      width: 100%;
      padding: 0; } }

 .style-common .article-card {
  transition: 0.5s ease;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 0.8rem;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  transition: 0.5s ease; }
   .style-common .article-card:hover {
    box-shadow: 1px 1px 15px -6px rgba(0, 0, 0, 0.74); }
  .style-common .article-card .tag {
    margin: 1rem 0; }

 .style-common .article-picture {
  display: block;
  width: 100%; }

 .style-common .article-img {
  display: block;
  padding-top: calc(220 / 384 * 100%);
  position: relative;
  border-radius: 0.8rem 0 0;
  overflow: hidden; }
   .style-common .article-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s ease; }
   .style-common .article-img:hover img {
    transform: translate(-50%, -50%) scale(1.1); }

 .style-common .article-content {
  padding: 1.5rem; }

 .style-common .article-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 1rem; }
   .style-common .article-info .avatar {
    width: 2rem;
    height: 2rem; }
   .style-common .article-info .avatar-wrap {
    display: flex;
    align-items: center;
    gap: 0.4rem; }
     .style-common .article-info .avatar-wrap .name {
      flex: 1;
      font-size: 1.2rem;
      transition: 0.5s ease;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      line-clamp: 1;
      -webkit-box-orient: vertical; }
     .style-common .article-info .avatar-wrap:hover .name {
      color: #e7b0a8; }

 .style-common .article-date {
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  gap: 0.2rem;
  min-width: 9rem; }
   .style-common .article-date img {
    width: 1.2rem;
    height: 1.2rem;
    margin-top: -0.2rem; }

.style-common .article-title {
  font-size: 2rem;
  color: #1b244e;
  transition: 0.5s ease;
  overflow: hidden; }
  @media only screen and (max-width: 1200px) {
    .style-common .article-title {
      font-size: 1.8rem; } }
  @media only screen and (max-width: 800px) {
    .style-common .article-title {
      font-size: 1.6rem; } }
  .style-common .article-title a {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical; }
  .style-common .article-title:hover {
    color: #e7b0a8; }

.style-common .article-desc {
  margin-top: 1rem; }
  .style-common .article-desc span {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical; }

.style-common .tag {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem; }

.style-common .tag-item a {
  background: #f4f4f4;
  font-size: 1.2rem;
  padding: 0.4rem;
  border-radius: 0.3rem;
  transition: 0.5s ease;
  cursor: pointer; }
   .style-common .tag-item a:hover {
    background: #e7b0a8;
    color: #fff; }

.style-common .article-more {
  font-size: 1.4rem;
  margin-top: 1rem;
  color: rgba(27, 36, 78, 0.7);
  text-align: right; }
  .style-common .article-more img {
    margin-left: 0.4rem;
    transition: 0.5s ease;
    width: 1.2rem; }
  .style-common .article-more a {
    display: inline-flex;
    align-items: center; }
  .style-common .article-more:hover {
    color: #e7b0a8; }
    .style-common .article-more:hover img {
      transform: translateX(0.2rem); }
      .style-common .btn {
  font-size: 1.8rem;
  display: inline-block;
  text-align: center;
  padding: 1.2rem 1.4rem;
  border-radius: 1rem;
  position: relative;
  transition: 0.3s ease all;
  z-index: 1;
  overflow: hidden;
  font-family: var(--font-pri);
  font-size: 1.5rem;
  font-weight: 500;
  background: #ed1c24;
  color: #fff; }
  @media only screen and (max-width: 1200px) {
    .style-common .btn {
      font-size: 1.6rem; } }
  @media only screen and (max-width: 800px) {
    .style-common .btn {
      font-size: 1.5rem; } }
  .style-common .btn::before {
    transition: 0.5s all ease;
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    bottom: 0;
    opacity: 0;
    content: "";
    background-color: #e7b0a8;
    z-index: -1; }
  .style-common .btn:hover, .btn:focus {
    color: white; }
  .style-common .btn:hover:before, .btn:focus:before {
    transition: 0.5s all ease;
    left: 0;
    right: 0;
    opacity: 1; }

.style-common .btn--second {
  background: #e7b0a8;
  color: #fff; }