@charset "UTF-8";
@media screen and (min-width: 1201px) {
    .hct-row {
        --cg: 6.4rem;
        --rg: 6.4rem;
    }
    .hct-form .form-list {
        --cg: 2.4rem;
        --rg: 2.4rem;
    }
    .sec-rmk-service .rmk-service.ss-pd {
        padding: 16rem 0;
    }
    .sec-rmk-service .rmk-service .recontainer {
        padding-right: 6.4rem;
    }
    .sec-rmk-service .rmk-service .flex .left {
        width: 51%;
    }
    .sec-rmk-service .rmk-service .flex .right {
        width: 49%;
    }
    .sec-rmk-service .rmk-service .flex .left .wrapper {
        gap: 6.4rem;
    }
    .sec-rmk-service .rmk-service .flex .left .title-gr {
        padding-left: 6.4rem;
    }
    .sec-rmk-service .rmk-service .flex .left .title-gr .title-sub {
        margin-bottom: 2.4rem;
    }
    .sec-rmk-service .rmk-service .flex .left .title-gr .title-normal {
        margin-bottom: 2.4rem;
    }
    .sec-rmk-service .rmk-service .flex .left .title-gr .mona-content {
        margin-bottom: 4.8rem;
    }
    .sec-rmk-service .rmk-service__box > .row {
        --cg: 6.4rem;
        --rg: 6.4rem;
    }
    .sec-rmk-service .rmk-service__thumb {
        --cg: 2.4rem;
        --rg: 2.4rem;
    }
    .sec-rmk-service .rmk-service__thumb .swiper {
        margin: 0 calc(var(--cg) * -0.5) calc(var(--rg) * -1);
    }
    .sc-fixed .ic-link:nth-child(3) img {
        filter: brightness(0) saturate(100%) invert(17%) sepia(94%) saturate(3517%) hue-rotate(348deg) brightness(85%)
            contrast(99%);
    }
    .sc-fixed .ic-link:nth-child(3)::after {
        background-color: white;
    }
    .ft .right-bottom .ft-list .ft-item:last-child {
        width: 33.3333333333%;
        max-width: unset;
    }
    .ft .ft-wrap > .row {
        --cg: 6.4rem;
        --rg: 6.4rem;
    }
}
.dvc-slider .swiper-slide.active .dvc-item .inner .img-inner::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, #000000 100%);
    pointer-events: none;
}

.rmk-why__flex .left .img {
    height: 100%;
}
.rmk-why__flex .left .img-inner {
    height: 100%;
}

.faq-block .qa-item .qa-heading {
    align-items: center;
}
.faq-block .qa-item .qa-heading .icon {
    top: 1rem !important;
}

.hd.sticky .hd-nav .menu-nav > .menu-list > .menu-item:hover .menu-link {
    color: #4d4d4d;
}

@media screen and (min-width: 1201px) {
    .hd:hover .hd-nav .menu-nav > .menu-list > .menu-item:hover .menu-link {
        color: #4d4d4d;
    }
}
.hd .hd-nav .menu-item > .menu-list {
    background-color: #fafafa;
}
.hd .hd-nav .menu-item > .menu-list > .menu-item > .menu-link,
.hd .hd-nav .menu-item > .menu-list > .menu-item > a {
    color: #4d4d4d;
    display: block;
    width: 100% !important;
}
.hd .hd-nav .menu-item > .menu-list > .menu-item > .menu-link::before,
.hd .hd-nav .menu-item > .menu-list > .menu-item > a::before {
    display: none;
}
.hd .hd-nav .menu-item > .menu-list > .menu-item:hover > .menu-link,
.hd .hd-nav .menu-item > .menu-list > .menu-item:hover > a {
    color: black !important;
    background-color: white !important;
    text-decoration: underline;
    text-underline-offset: 1rem;
}
.hd .hd-nav .menu-item:hover > .menu-list > .menu-item.current_page_item > a,
.hd .hd-nav .menu-item:hover > .menu-list > .menu-item.current-menu-item > a {
    color: black !important;
    background-color: white !important;
}
.hd .mobile .mobile-lg__drop {
    background-color: #fafafa;
}
.hd .mobile .mobile-lg__link:hover,
.hd .mobile .mobile-lg__link.active {
    background-color: white;
    color: black;
}

.select2-container .select2-dropdown .select2-results ul {
    background-color: #fafafa;
}

.select2-container {
    height: 4rem;
}

.select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected] {
    background-color: white;
    color: black !important;
}

.select2-container .select2-dropdown .select2-results ul .select2-results__option {
    padding-left: 1.4rem;
}

.form-list .form-ip textarea::placeholder {
    font-weight: 300;
    font-size: 1.4rem;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-container--default .select2-selection--single .select2-selection__rendered[title="Chọn dịch vụ"] {
    font-size: 1.4rem;
}

@media screen and (min-width: 1201px) {
    .abi-py.ss-mg {
        margin: 0;
        padding: 6.4rem 0;
    }
}
@media screen and (min-width: 1201px) {
    :root {
        --pd-sc: 6.4rem;
    }
    .rmk-partner .rmk-title-gr.center,
    .rmk-history__head .rmk-title-gr.center {
        margin: 6.4rem 0 !important;
    }
    .rmk-partner__item {
        --pd-sc: 6.4rem;
    }
    .rmk-partner__item:first-child {
        padding-top: 6.4rem;
    }
    .rmk-service-head.ss-pd,
    .rmk-progress,
    .rmk-award,
    .rmk-total.ss-pd,
    .rmk-why.ss-pd {
        padding: 6.4rem 0;
    }
    /* .rmk-total.ss-pd {
        padding: 6.4rem 0;
    } */

    .abv-group,
    .abc-panel {
        padding-top: 6.4rem;
    }

    .rmk-brand.ss-mg {
        margin: 6.4rem 0;
    }
}
.rmk-bn .bg::after {
    display: none;
}

.rmk-bn__content {
    min-height: 36.3756613757vw;
}

.rmk-bn__title .tt {
    backdrop-filter: unset;
    /* 1. Làm ruột chữ gần như trong suốt (có thể dùng 'transparent' nếu muốn trong suốt 100%) */
    /* color: rgba(255, 255, 255, 0.1); */
    /* 2. Tạo viền trắng cho chữ (hỗ trợ tốt trên hầu hết trình duyệt hiện nay) */
    /* -webkit-text-stroke: 1px #ffffff; */
    /* 3. Đổ bóng nhẹ phía sau để chữ nổi lên */
    /* filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.6)); */
}
.hd {
    --font-size-link: 1.5rem;
}

.rmk-why__flex .right .flex-item .mona-content {
    flex: 1;
}

.bnh-panel {
    max-width: 100%;
    min-height: 36.3756613757vw;
}

.bnh-panel .b-head {
    font-weight: 900;
    line-height: 1.2;
    text-transform: uppercase;
    gap: 1rem;
}

.bnh-panel .b-head .txt {
    font-size: 5rem;
    color: rgba(255, 255, 255, 0.5);
    -webkit-text-stroke: 0.1rem rgba(255, 255, 255, 0.8);
    letter-spacing: 0.5rem;
    width: fit-content;
    /* text-shadow: 0 0 6.69px rgba(0, 0, 0, 0.5); */
    filter: drop-shadow(1px 1px 6.69px rgba(0, 0, 0, 0.5));
}
.bnh-panel .b-head .text {
    font-size: 8.5rem;
    -webkit-text-stroke: 0.1rem rgba(255, 255, 255, 0.6);
    paint-order: stroke;
    color: rgba(255, 255, 255, 0.2);
    letter-spacing: 0.5rem;
    width: fit-content;
    /* text-shadow: 0 0 6.69px rgba(0, 0, 0, 0.3); */
    filter: drop-shadow(1px 1px 6.69px rgba(0, 0, 0, 0.88));
}

.bnh-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 1200px) {
    .bnh-item:not(.no-content) {
        background: transparent;
    }
    .bnh-item:not(.no-content) .bnh-img {
        position: absolute;
        aspect-ratio: unset;
        z-index: -1;
    }
}

@media screen and (max-width: 768px) {
    .bnh-panel .b-head .text {
        font-size: 4rem;
    }

    .bnh-panel .b-head .txt {
        font-size: 2.6rem;
    }
}

html[lang="en-US"] {
    @media screen and (min-width: 1201px) {
        .rmk-bn__content .rmk-bn__title {
            font-size: 10rem;
        }
    }
    @media screen and (max-width: 768px) {
        .rmk-bn__title,
        .bnh-panel .b-head .text {
            font-size: 4rem;
        }
    }

    @media screen and (max-width: 575px) {
        .bnh-item:not(.no-content) .bnh-panel {
            padding: 2.4rem 0 8rem;
            
        }
    }
}

/*# sourceMappingURL=update-fb.css.map */