@media (max-width: 768px) {
    /* ===================== Content home page ======================== */
    .content__index {
    }

    /* --------------------- Section 1 ---------------------- */
    .content__index .index__section-1,
    .content__about-us .about-us__section-1,
    .content__service-dc .dc__section-1,
    .content__service-mc .mc__section-1,
    .content__service-qr-pay .qr-pay__section-1,
    .content__service-pos .pos__section-1 {
        height: auto;
    }

    .index__section-1 .section-1__slogan,
    .about-us__section-1 .section-1__slogan,
    .megapay__section-1 .section-1__slogan,
    .fb__section-1 .section-1__slogan,
    .dc__section-1 .section-1__slogan,
    .mc__section-1 .section-1__slogan,
    .topup__section-1 .section-1__slogan,
    .qr-pay__section-1 .section-1__slogan,
    .qr-noti__section-1 .section-1__slogan,
    .pos__section-1 .section-1__slogan {
        padding-top: var(--space-40px);
        padding-left: var(--space-20px);
        padding-right: var(--space-20px);
    }

    .section-1__slogan .title {
        font-size: var(--font-size-22px);
        line-height: 1.2;
    }

    .section-1__slogan .description,
    .section-1__slogan .see-more,
    .megav__section-1 .description {
        font-size: var(--font-size-8px);
    }

    /* --------------------- /Section 1 ---------------------- */

    /* --------------------- Section 2 ---------------------- */
    .content__index .index__section-2,
    .content__about-us .about-us__section-2 {
        padding: 0 var(--space-20px);
        margin: var(--space-20px) 0;
        height: auto;
        justify-content: center;
        display: flex;
    }

    .highlights {
        max-width: 100%;
        gap: var(--space-10px) 0;
    }

    .index__section-2 .highlight {
        padding: var(--space-8px) 0;
    }

    .index__section-2 .highlight__icon,
    .about-us__section-2 .highlight__icon {
        width: var(--space-28px);
        height: var(--space-28px);
    }

    .index__section-2 .highlight__number,
    .about-us__section-2 .highlight__number {
        font-size: var(--font-size-24px);
        line-height: 1.2;
    }

    .index__section-2 .highlight__text,
    .about-us__section-2 .highlight__text {
        font-size: var(--font-size-10px);
        line-height: 1.2;
    }

    /* --------------------- /Section 2 ---------------------- */

    /* --------------------- Section 3 ---------------------- */
    .content__index .index__section-3 {
        padding: 0 var(--space-20px);
        margin: var(--space-20px) 0;
        height: auto;
    }

    .index__section-3 .megapay {
        padding-top: 0;
        width: 58%;
    }

    .index__section-3 .megapay .megapay__header {
        font-size: var(--font-size-20px);
        line-height: 1.3;
        display: inline;
        width: fit-content;
    }

    .index__section-3 .megapay .megapay__body {
        margin-top: var(--space-20px);
    }

    .index__section-3 .megapay__body .advantage:not(:first-child) {
        padding-top: var(--space-10px);
    }

    .index__section-3 .megapay__body .advantage__icon {
        width: var(--space-20px);
        height: auto;
        padding-top: 100%;
        background-position: top center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .index__section-3 .megapay__body .advantage__body {
        margin-left: var(--space-4px);
    }

    .index__section-3 .megapay__body .advantage__title {
        font-size: var(--font-size-10px);
        line-height: 1.2;
    }

    .index__section-3 .megapay__body .advantage__content {
        font-size: var(--font-size-8px);
        line-height: 1.2;
        margin-top: var(--space-6px);
    }

    .index__section-3 .iphone-screen {
        height: auto;
        flex: 1;
        width: auto;
        background-position: center;
    }

    /* --------------------- /Section 3 ---------------------- */

    /* --------------------- Section 4 ---------------------- */
    .content__index .index__section-4 {
        padding: 0 var(--space-20px);
        margin: var(--space-20px) 0;
        height: auto;
    }

    .index__section-4 .header__title {
        font-size: var(--font-size-20px);
        line-height: 1.3;
    }

    .index__section-4 .pos-image svg {
        max-width: var(--space-94px);
    }

    .index__section-4 .section-4__advantages {
        padding: 2.84rem 0;
        gap: 2.84rem 0;
    }

    .index__section-4 .advantage {
        width: 80%;
    }

    .index__section-4 .advantage__title {
        font-size: var(--font-size-10px);
        margin: var(--space-6px) 0;
    }

    .index__section-4 .advantage__content {
        font-size: var(--font-size-8px);
        color: #798a9a;
    }

    /* --------------------- /Section 4 ---------------------- */

    /* --------------------- Section 5 ---------------------- */
    .content__index .index__section-5 {
        padding: 0 var(--space-20px);
        margin: var(--space-20px) 0;
    }

    .index__section-5 .advantages__header {
        font-size: var(--font-size-16px);
        line-height: 1.3;
    }

    .index__section-5 .advantages__header + .advantages__header {
        font-size: var(--font-size-20px);
    }

    .index__section-5 .content-1 {
        justify-content: space-between;
        height: auto;
    }

    .index__section-5 .megav-images {
        width: 40%;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
    }

    .index__section-5 .ip_screen_megav {
        position: relative;
        width: 80%;
    }

    .index__section-5 .ip_screen_megav img {
        width: fit-content;
        height: auto;
        object-fit: contain;
        max-width: 100%;
    }

    .index__section-5 .megav-advantages {
        padding: var(--space-16px) var(--space-12px) var(--space-12px) 0;
    }

    .index__section-5 .advantage__body {
        margin-top: var(--space-14px);
    }

    .index__section-5 .advantage__body .advantage {
        gap: 0 var(--space-8px);
    }

    .index__section-5 .advantage__body .advantage:not(:first-child) {
        margin-top: var(--space-10px);
    }

    .index__section-5 .advantage__body .advantage__icon img {
        width: var(--space-20px);
        height: auto;
        object-fit: contain;
    }

    .index__section-5 .advantage__body .content__tittle {
        font-size: var(--font-size-10px);
        line-height: 1.2;
    }

    .index__section-5 .advantage__body .content__text {
        font-size: var(--font-size-8px);
        line-height: 1.2;
        margin-top: var(--space-4px);
    }

    .index__section-5 .content-2 {
        margin-top: var(--space-20px);
        flex-wrap: wrap;
    }

    .index__section-5 .content2__element {
        width: 100%;
        padding: var(--space-8px) var(--space-16px) var(--space-16px)
            var(--space-16px);
    }

    .index__section-5 .content2__element + .content2__element {
        margin-top: var(--space-20px);
        padding-bottom: 0;
    }

    .index__section-5 .content2__element:first-child {
        border: 3px solid #fd4685;
    }

    .index__section-5 .content2__element .body__body {
        margin-left: var(--space-8px);
    }

    .index__section-5 .content2__element .body__icon img {
        width: 20px;
        height: auto;
    }

    .index__section-5 .content2__element:first-child .content2__header {
        font-size: var(--font-size-20px);
        line-height: 1.2;
    }

    .index__section-5 .content2__element .content2__header {
        width: 100%;
    }

    .index__section-5 .content2__element.download-megav .content2__header {
        font-size: var(--font-size-12px);
        margin-top: var(--space-22px);
    }

    .index__section-5 .content2__element .body__element {
        margin-top: var(--space-10px);
    }

    .index__section-5 .content2__element .body__element:first-child {
        margin-top: 0;
    }

    .index__section-5 .content2__element:first-child .body__tittle {
        font-size: var(--font-size-12px);
        line-height: 1.2;
        margin-bottom: var(--space-6px);
    }

    .index__section-5 .content2__element:first-child .body__content {
        font-size: var(--font-size-8px);
        line-height: 1.2;
    }

    .index__section-5 .download-megav .body__content {
        font-size: var(--font-size-12px);
        margin-top: var(--space-10px);
    }

    .index__section-5 .download-megav .body__icon {
        margin-right: var(--space-8px);
    }

    .index__section-5 .download-megav .content2__fotter {
        justify-content: space-between;
    }

    .index__section-5 .download-megav .qr_code img {
        width: var(--space-76px);
        height: auto;
    }

    .index__section-5 .download-megav .appstore_download,
    .index__section-5 .download-megav .googleplay_download {
        margin-left: var(--space-10px);
    }

    .index__section-5 .download-megav .appstore_download img,
    .index__section-5 .download-megav .googleplay_download img {
        height: var(--space-38px);
        width: auto;
        object-fit: contain;
    }

    /* --------------------- /Section 5 ---------------------- */

    /* --------------------- Section 6 ---------------------- */
    .content__index .index__section-6 {
        padding: 0 var(--space-20px);
        margin: var(--space-20px) 0;
        height: auto;
    }

    .index__section-6 .section-6__content {
        max-width: 100%;
        width: 100%;
        padding: 0;
        position: relative;
    }

    .index__section-6 .section-6__chart {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .index__section-6 .dich_vu_thu_chi,
    .index__section-6 .section-6__chart {
        width: 100%;
    }

    .index__section-6 .dich_vu_thu_chi {
        order: 2;
    }

    .index__section-6 .section-6__chart {
        order: 1;
        display: flex;
        justify-content: flex-end;
    }

    .index__section-6 .thu_chi__header {
        position: absolute;
        top: 20%;
        left: var(--space-20px);
    }

    .index__section-6 .thu_chi__body {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: var(--space-12px);
        margin-top: var(--space-12px);
    }

    .index__section-6 .advantage {
        flex-basis: 48%;
        border-radius: 15px;
        background: linear-gradient(
            180deg,
            rgba(255, 234, 234, 0.3) 0%,
            rgba(236, 236, 236, 0.15) 100%
        );
        padding: var(--space-16px) var(--space-8px) var(--space-16px)
            var(--space-30px);
        position: relative;
    }

    .index__section-6 .advantage {
        background: linear-gradient(#ffeaea4d, #ececec26, 180deg);
    }

    .index__section-6 .advantage:not(:first-child) {
        margin-top: unset;
    }

    .index__section-6 .advantage__icon {
        position: absolute;
        left: 0;
        top: var(--space-16px);
    }

    .index__section-6 .advantage__icon img {
        width: var(--space-20px);
        height: auto;
        object-fit: contain;
    }

    .index__section-6 .advantage__body {
        margin-left: 0;
    }

    .index__section-6 .advantage__title {
        font-size: var(--font-size-11px);
        line-height: 1.2;
    }

    .index__section-6 .advantage__content {
        font-size: var(--font-size-9px);
        line-height: 1.2;
    }

    .index__section-6 .section-6__chart #Group6 part:first-child {
        font-size: var(--font-size-28px);
        line-height: 1.2;
    }

    /* --------------------- /Section 6 ---------------------- */

    /* --------------------- Section 7 ---------------------- */
    .content__index .index__section-7 {
        height: auto;
    }

    .index__section-7 .customers__header .header__tittle,
    .index__section-7 .partner-bank__header .header__tittle,
    .megapay__section-5 .partner__header .tittle,
    .fb__section-5 .partner__header .tittle,
    .dc__section-5 .partner__header .tittle,
    .mc__section-4 .partner__header .tittle,
    .mc__section-4 .merchant__header .tittle,
    .topup__section-4 .partner__header .tittle,
    .topup__section-4 .merchant__header .tittle,
    .qr-pay__section-5 .partner__header .tittle,
    .qr-pay__section-5 .merchant__header .tittle {
        font-size: var(--font-size-20px);
        line-height: 1.2;
        width: 100%;
    }

    .index__section-7 .customers__body-1,
    .index__section-7 .partner-bank__body-1,
    .megapay__section-5 .partner-bank__body-1,
    .fb__section-5 .partner-bank__body-1,
    .dc__section-5 .partner__body-1,
    .topup__section-4 .partner__body-1,
    .topup__section-4 .merchant__body-1 {
        width: 100%;
    }

    .fb__section-5 .partner .customer,
    .dc__section-5 .partner .customer,
    .mc__section-4 .body__list-partner .item__img {
        width: auto;
        height: auto;
    }

    /* --------------------- /Section 7 ---------------------- */
    /* --------------------- Section 8 ---------------------- */
    .content__index .index__section-8 {
        height: auto;
    }

    .content__index .section-8__content {
        padding: var(--space-60px) var(--space-20px) var(--space-20px)
            var(--space-20px);
        position: relative;
    }

    .content__index .section-8__content::before {
        content: "Tin tức";
        position: absolute;
        top: var(--space-20px);
        left: var(--space-20px);
        font-size: var(--font-size-20px);
        display: block;
        line-height: 1.2;
        height: auto;
        width: fit-content;
        font-weight: 600;
    }

    html[lang="en"] .content__index .section-8__content::before {
        content: "News";
    }

    .index__section-8 .new {
        position: relative;
    }

    .index__section-8 .new__image {
        height: auto;
    }

    .index__section-8 .new__image img {
        width: 100%;
        height: auto;
        max-height: var(--space-260px);
        object-fit: cover;
    }

    .index__section-8 .new__title {
        font-size: var(--font-size-12px);
        line-height: 1.2;
        max-height: unset;
        height: auto;
        margin-top: var(--space-20px);
    }

    .index__section-8 .new__date-time,
    .index__section-8 .new__btn-see-more {
        margin-top: var(--space-10px);
        font-size: var(--font-size-12px);
        line-height: 1.2;
        width: fit-content;
    }

    .index__section-8 .new__btn-see-more {
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 0 var(--space-12px);
    }

    .index__section-8 .new__content {
        display: none;
    }

    .index__section-8 .navbar .next-element,
    .index__section-8 .navbar .prev-element {
        top: var(--space-130px);
        width: var(--space-20px);
        height: var(--space-20px);
        z-index: 2;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: var(--font-size-10px);
    }

    .index__section-8 .navbar .next-element {
        right: calc(-1 * var(--space-20px));
    }

    .index__section-8 .navbar .prev-element {
        left: calc(-1 * var(--space-20px));
    }

    .index__section-8 .btn-see-more {
        display: none;
    }

    /* --------------------- /Section 8 ---------------------- */

    /* --------------------- Section 9 ---------------------- */
    .content__index .index__section-9,
    .content__about-us .about-us__section-6 {
        padding: 0;
        margin: var(--space-20px) 0;
        height: auto;
    }

    .index__section-9 .section-9__content,
    .content__about-us .section-6__content {
        position: relative;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: var(--space-20px);
        padding-right: var(--space-20px);
        height: auto;
    }

    .index__section-9 .info,
    .about-us__section-6 .info {
        position: absolute;
        right: 0;
        top: 10%;
        z-index: 1;
        padding-left: var(--space-10px);
        padding-bottom: 0;
    }

    .index__section-9 .advise,
    .about-us__section-6 .advise {
        width: 100%;
        padding: 6.82rem 0;
    }

    .index__section-9 .form-advise,
    .about-us__section-6 .form-advise {
        padding: 0;
        position: relative;
    }

    .index__section-9 .form-input,
    .index__section-9 .form-btn,
    .index__section-9 .option,
    .about-us__section-6 .form-input,
    .about-us__section-6 .form-btn,
    .about-us__section-6 .option 
    {
        padding: var(--space-10px);
        font-size: var(--font-size-12px);
        line-height: 1.4;
        border-radius: 8px;
    }

    .index__section-9 .form-group,
    .about-us__section-6 .form-group {
        display: block;
        width: 50%;
        flex-basis: 51%;
        z-index: 1;
    }

    .index__section-9 .form-group,
    .index__section-9 .form-group:not(:first-child),
    .about-us__section-6 .form-group,
    .about-us__section-6 .form-group:not(:first-child) {
        margin-top: 0;
    }

    .index__section-9 .form-group + .form-group,
    .about-us__section-6 .form-group + .form-group {
        margin-top: var(--space-10px);
    }

    .index__section-9 .form-group:first-child,
    .index__section-9 .form-group:last-child,
    .about-us__section-6 .form-group:first-child,
    .about-us__section-6 .form-group:last-child {
        margin-top: 0;
    }

    .index__section-9 .form-btn,
    .about-us__section-6 .form-btn {
        position: absolute;
        width: 48%;
        right: 0;
        bottom: 0;
        z-index: 0;
    }

    .index__section-9 .info__logo img,
    .about-us__section-6 .info__logo img {
        width: var(--space-54px);
    }

    .index__section-9 .info__text,
    .about-us__section-6 .info__text {
        font-size: var(--font-size-12px);
        margin: var(--space-8px) 0;
        line-height: 1.4;
    }

    .index__section-9 .info__slogan,
    .about-us__section-6 .info__slogan {
        font-size: var(--font-size-12px);
        font-weight: bold;
        width: 100%;
        line-height: 1.4;
    }

    /* --------------------- Section 9 ---------------------- */

    /* ===================== /Content home page ======================== */

    /* ===================== Content about us ======================== */

    /* --------------------- Section 1 ---------------------- */
    .content__about-us .about-us__section-1 {
        background-size: contain;
    }

    .about-us__section-1 .section-1__slogan .title {
        width: 60%;
        font-size: var(--font-size-18px);
        line-height: 1.2;
    }

    .about-us__section-1 .form-btn {
        font-size: var(--font-size-10px);
        line-height: 1.2;
    }

    /* --------------------- /Section 1 ---------------------- */

    /* --------------------- Section 3 ---------------------- */
    .content__about-us .about-us__section-3 {
        padding: var(--space-16px) var(--space-20px);
        margin: var(--space-20px) 0;
    }

    .about-us__section-3 .header__title {
        font-size: var(--font-size-20px);
        line-height: 1.2;
    }

    .about-us__section-3 .section-3__body {
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
        gap: var(--space-14px);
    }

    .about-us__section-3 .body__el {
        min-height: var(--space-92px);
        flex: 1 1 80%;
        position: relative;
        align-items: flex-start;
        aspect-ratio: unset;
        padding: var(--space-16px) var(--space-16px) var(--space-16px)
            var(--space-84px);
        max-width: 100%;
    }

    .about-us__section-3 .el__icon {
        position: absolute;
        left: var(--space-12px);
        top: var(--space-12px);
    }

    .about-us__section-3 .el__icon img {
        width: var(--space-64px);
        height: auto;
        object-fit: contain;
    }

    .about-us__section-3 .el__title {
        font-size: var(--font-size-14px);
        line-height: 1.2;
    }

    .about-us__section-3 .el_description {
        font-size: var(--font-size-10px);
        line-height: 1.2;
        text-align: left;
    }

    /* --------------------- /Section 3 ---------------------- */

    /* --------------------- Section 4 ---------------------- */
    .content__about-us .about-us__section-4 {
        padding: 0 var(--space-20px);
        margin: var(--space-20px) 0;
    }

    .about-us__section-4 .section-4__content {
        flex-wrap: wrap;
    }

    .about-us__section-4 .content__navbar {
        width: 100%;
        flex: 1 1 100%;
    }

    .about-us__section-4 .navbar__list {
        display: flex;
        flex-wrap: wrap;
        gap: var(--space-6px) var(--space-16px);
        justify-content: center;
    }

    .about-us__section-4 .navbar__el {
        flex: 0 1 30%;
    }

    .about-us__section-4 .navbar__el,
    .about-us__section-4 .body__el {
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .about-us__section-4 .el__title {
        font-size: var(--font-size-10px);
        line-height: 1.4;
    }

    .about-us__section-4 .el__content {
        font-size: var(--font-size-14px);
        line-height: 1.4;
        font-weight: 600;
    }

    .about-us__section-4 .content__body {
        margin-top: var(--space-12px);
        width: 100%;
    }

    .about-us__section-4 .body_year {
        font-size: var(--font-size-34px);
        line-height: 1.2;
    }

    .about-us__section-4 .body__el {
        gap: 0 var(--space-16px);
        padding: var(--space-14px) 0;
    }

    .about-us__section-4 .body__content {
        margin-top: 0;
        width: auto;
        flex: 1;
    }

    .about-us__section-4 .content__title {
        font-size: var(--font-size-16px);
        line-height: 1.4;
    }

    .about-us__section-4 .content__list {
        margin-top: var(--space-4px);
    }

    .about-us__section-4 .content__list li {
        font-size: var(--font-size-10px);
        line-height: 1.4;
    }

    /* --------------------- /Section 4 ---------------------- */

    /* --------------------- Section 5 ---------------------- */
    .content__about-us .about-us__section-5 {
        padding: 0 var(--space-20px);
        margin: var(--space-20px) 0;
    }

    .about-us__section-5 .header__tittle {
        font-size: var(--font-size-20px);
        line-height: 1.2;
    }

    .about-us__section-5 .header__btn-see-all {
        font-size: var(--font-size-14px);
        line-height: 1.2;
    }

    .about-us__section-5 .section-5__body {
        flex-wrap: wrap;
        gap: 3.98rem 0;
    }

    .about-us__section-5 .section-5__new {
        display: block;
        height: fit-content;
        flex: 1 1 100%;
        width: auto;
    }

    .about-us__section-5 .new__img {
        height: auto;
    }

    .about-us__section-5 .new__content {
        padding: var(--space-12px);
    }

    .about-us__section-5 .new__tittle,
    .about-us__section-5 .new__notification,
    .about-us__section-5 .notification__date {
        font-size: var(--font-size-12px);
        line-height: 1.2;
        max-height: unset;
        height: auto;
    }

    .about-us__section-5 .new__notification {
        margin-top: var(--space-12px);
    }

    /* --------------------- /Section 5 ---------------------- */

    /* ===================== /Content about us ======================== */

    /* ===================== Content megapay ======================== */

    /* --------------------- Section 1 ---------------------- */
    .content__service-megapay .megapay__section-1 {
        height: var(--space-236px);
    }

    /* --------------------- /Section 1 ---------------------- */

    /* --------------------- Section 2 ---------------------- */
    .content__service-megapay .megapay__section-2,
    .content__service-qr-noti .qr-noti__section-5 {
        min-height: unset;
        height: auto;
        background-image: none !important;
        padding: var(--space-20px);
    }

    .megapay__section-2 .section-2__content,
    .qr-noti__section-5 .section-5__content {
        padding: var(--space-20px);
        background-image: linear-gradient(180deg, #cccccc4d, #ececec26);
        border-radius: 20px;
    }

    .megapay__section-2 .header__title,
    .qr-noti__section-5 .content__title {
        font-size: var(--font-size-20px);
        line-height: 1.2;
    }

    .megapay__section-2 .content__header img {
        max-width: 100%;
        width: auto;
        height: auto;
        object-fit: contain;
    }

    .megapay__section-2 .content__body {
        margin-top: var(--space-14px);
        margin-bottom: var(--space-18px);
    }

    .megapay__section-2 .content__pttt:not(:first-child) {
        margin-top: var(--space-14px);
    }

    .megapay__section-2 .pttt__tittle,
    .megapay__section-2 .pttt__tittle-sub,
    .megapay__section-2 .content__see-more {
        font-size: var(--font-size-14px);
        line-height: 1.2;
    }

    .megapay__section-2 .pttt_text {
        font-size: var(--font-size-12px);
        line-height: 1.2;
        margin-top: var(--space-6px);
    }

    /* --------------------- /Section 2 ---------------------- */

    /* --------------------- Section 3 ---------------------- */
    .content__service-megapay .megapay__section-3,
    .content__service-fb .fb__section-3,
    .content__service-dc .dc__section-3,
    .content__service-mc .mc__section-3,
    .content__service-topup .topup__section-3,
    .content__service-qr-pay .qr-pay__section-3,
    .content__service-pos .pos__section-5 {
        padding: var(--space-20px);
        background-position: top right;
        background-size: cover;
    }

    .megapay__section-3 .section-3__content,
    .fb__section-3 .section-3__content,
    .dc__section-3 .section-3__content,
    .mc__section-3 .section-3__content,
    .topup__section-3 .section-3__content,
    .qr-pay__section-3 .section-3__content,
    .pos__section-5 .section-5__content {
        padding: var(--space-20px);
        border: 1.5px solid #f98181;
        background: unset;
        backdrop-filter: blur(51.14rem);
        background-blend-mode: overlay;
    }

    .megapay__section-3 .advantages__header .title,
    .fb__section-3 .advantages__header .title,
    .dc__section-3 .advantages__header .title,
    .mc__section-3 .advantages__header .title,
    .topup__section-3 .advantages__header .title,
    .qr-pay__section-3 .advantages__header .title,
    .pos__section-5 .advantages__header .title {
        font-size: var(--font-size-20px);
        line-height: 1.2;
    }

    .megapay__section-3 .advantages,
    .fb__section-3 .advantages,
    .dc__section-3 .advantages,
    .dc__section-3 .advantages__body,
    .mc__section-3 .advantages,
    .mc__section-3 .advantages__body,
    .topup__section-3 .advantages,
    .topup__section-3 .advantages__body,
    .qr-pay__section-3 .advantages,
    .qr-pay__section-3 .advantages__body,
    .pos__section-5 .advantages,
    .pos__section-5 .advantages__body {
        padding: 0;
    }

    .megapay__section-3 .advantages__body,
    .fb__section-3 .advantages__body,
    .mc__section-3 .advantages__body,
    .topup__section-3 .advantages__body,
    .qr-pay__section-3 .advantages__body,
    .pos__section-5 .advantages__body {
    }

    .megapay__section-3 .advantage,
    .fb__section-3 .advantage,
    .dc__section-3 .advantage,
    .mc__section-3 .advantage,
    .topup__section-3 .advantage,
    .qr-pay__section-3 .advantage,
    .pos__section-5 .advantage {
        flex: 1 1 100%;
        margin-top: var(--space-12px);
        gap: 0 var(--space-6px);
    }

    .megapay__section-3 .advantage:first-child,
    .fb__section-3 .advantage:first-child,
    .dc__section-3 .advantage:first-child,
    .mc__section-3 .advantage:first-child,
    .topup__section-3 .advantage:first-child,
    .qr-pay__section-3 .advantage:first-child,
    .pos__section-5 .advantage:first-child {
        margin-top: 0;
    }

    .megapay__section-3 .advantage:nth-child(1),
    .fb__section-3 .advantage:nth-child(1),
    .dc__section-3 .advantage:nth-child(1),
    .mc__section-3 .advantage:nth-child(1),
    .qr-pay__section-3 .advantage:nth-child(1),
    .pos__section-5 .advantage:nth-child(1),
    .topup__section-3 .advantage:nth-child(1) {
        order: 1;
    }

    .megapay__section-3 .advantage:nth-child(2),
    .fb__section-3 .advantage:nth-child(4),
    .dc__section-3 .advantage:nth-child(2),
    .mc__section-3 .advantage:nth-child(2),
    .qr-pay__section-3 .advantage:nth-child(4),
    .pos__section-5 .advantage:nth-child(2),
    .topup__section-3 .advantage:nth-child(4) {
        order: 4;
    }

    .megapay__section-3 .advantage:nth-child(3),
    .fb__section-3 .advantage:nth-child(3),
    .dc__section-3 .advantage:nth-child(4),
    .mc__section-3 .advantage:nth-child(3),
    .qr-pay__section-3 .advantage:nth-child(3),
    .pos__section-5 .advantage:nth-child(3),
    .topup__section-3 .advantage:nth-child(3) {
        order: 2;
    }

    .megapay__section-3 .advantage:nth-child(4),
    .dc__section-3 .advantage:nth-child(3),
    .mc__section-3 .advantage:nth-child(4),
    .pos__section-5 .advantage:nth-child(4) {
        order: 5;
    }

    .megapay__section-3 .advantage:nth-child(5),
    .fb__section-3 .advantage:nth-child(2),
    .dc__section-3 .advantage:nth-child(5),
    .mc__section-3 .advantage:nth-child(5),
    .qr-pay__section-3 .advantage:nth-child(2),
    .pos__section-5 .advantage:nth-child(5),
    .topup__section-3 .advantage:nth-child(2) {
        order: 3;
    }

    .megapay__section-3 .advantage:nth-child(6),
    .mc__section-3 .advantage:nth-child(6) {
        order: 6;
    }

    .megapay__section-3 .advantage__icon img,
    .fb__section-3 .advantage__icon img,
    .dc__section-3 .advantage__icon img,
    .mc__section-3 .advantage__icon img,
    .topup__section-3 .advantage__icon img,
    .qr-pay__section-3 .advantage__icon img,
    .pos__section-5 .advantage__icon img {
        width: var(--space-38px);
        height: auto;
        object-fit: contain;
    }

    .megapay__section-3 .advantage__title,
    .fb__section-3 .advantage__title,
    .dc__section-3 .advantage__title,
    .mc__section-3 .advantage__title,
    .topup__section-3 .advantage__title,
    .qr-pay__section-3 .advantage__title,
    .pos__section-5 .advantage__title {
        font-size: var(--font-size-14px);
        line-height: 1.2;
    }

    .megapay__section-3 .advantage__content,
    .fb__section-3 .advantage__content,
    .dc__section-3 .advantage__content,
    .mc__section-3 .advantage__content,
    .topup__section-3 .advantage__content,
    .qr-pay__section-3 .advantage__content,
    .pos__section-5 .advantage__content {
        font-size: var(--font-size-12px);
        line-height: 1.2;
        margin-top: var(--space-8px);
    }

    /* --------------------- /Section 3 ---------------------- */

    /* --------------------- Section 4 ---------------------- */
    .content__service-megapay .megapay__section-4 {
        padding: var(--space-20px);
        height: fit-content;
    }

    .megapay__section-4 .section-4__content {
        padding: var(--space-16px) var(--space-14px);
        border: 1.5px solid #f98181;
        backdrop-filter: blur(150px);
    }

    .megapay__section-4 .section-4__body {
        flex-wrap: wrap;
        margin-top: var(--space-20px);
        gap: var(--space-12px);
    }

    .megapay__section-4 .body__platform:first-child {
        flex: 1 1 100%;
    }

    .megapay__section-4 .body__platform:not(:first-child) {
        flex: 1 1 40%;
    }

    .megapay__section-4 .header__tittle {
        font-size: var(--font-size-20px);
        line-height: 1.2;
    }

    .megapay__section-4 .heder_text {
        font-size: var(--font-size-12px);
        line-height: 1.2;
        width: 80%;
    }

    .megapay__section-4 .platform__name {
        font-size: var(--font-size-14px);
        line-height: 1.2;
    }

    .megapay__section-4 .platform__text {
        font-size: var(--font-size-10px);
        line-height: 1.2;
        width: 100%;
    }

    .megapay__section-4 .body__platform:first-child .platform__text {
        width: 60%;
    }

    /* --------------------- /Section 4 ---------------------- */

    /* --------------------- Section 6 ---------------------- */
    .content__service-megapay .megapay__section-6,
    .content__service-fb .fb__section-6,
    .content__service-dc .dc__section-6,
    .content__service-mc .mc__section-6,
    .content__service-topup .topup__section-6,
    .content__service-qr-pay .qr-pay__section-4,
    .content__service-pos .pos__section-6 {
        padding: var(--space-20px);
        margin-bottom: var(--space-20px);
    }

    .megapay__section-6 .header__tittle,
    .fb__section-6 .header__tittle,
    .dc__section-6 .header__tittle,
    .mc__section-6 .header__tittle,
    .topup__section-6 .header__tittle,
    .qr-pay__section-4 .header__tittle,
    .pos__section-6 .header__tittle {
        font-size: var(--font-size-20px);
        line-height: 1.2;
    }

    .megapay__section-6 .section-6__body,
    .fb__section-6 .section-6__body,
    .dc__section-6 .section-6__body,
    .mc__section-6 .section-6__body,
    .topup__section-6 .section-6__body,
    .qr-pay__section-4 .section-4__body,
    .pos__section-6 .section-6__body {
        flex-wrap: wrap;
    }

    .megapay__section-6 .section-6__left,
    .megapay__section-6 .section-6__right,
    .fb__section-6 .section-6__left,
    .fb__section-6 .section-6__right,
    .dc__section-6 .section-6__left,
    .dc__section-6 .section-6__right,
    .mc__section-6 .section-6__left,
    .mc__section-6 .section-6__right,
    .topup__section-6 .section-6__left,
    .topup__section-6 .section-6__right,
    .qr-pay__section-4 .section-4__left,
    .qr-pay__section-4 .section-4__right,
    .pos__section-6 .section-6__left,
    .pos__section-6 .section-6__right {
        width: 100%;
        gap: var(--space-10px) 0;
    }

    .megapay__section-6 .body__q-a,
    .fb__section-6 .body__q-a,
    .dc__section-6 .body__q-a,
    .mc__section-6 .body__q-a,
    .topup__section-6 .body__q-a,
    .qr-pay__section-4 .body__q-a,
    .pos__section-6 .body__q-a {
        padding: var(--space-12px) var(--space-20px);
        margin: 0;
    }

    .megapay__section-6 .body__question,
    .megapay__section-6 .body__answer-item,
    .megapay__section-6 .q-a__button-toggle,
    .megapay__section-6 .body__answer,
    .fb__section-6 .body__question,
    .fb__section-6 .body__answer-item,
    .fb__section-6 .q-a__button-toggle,
    .fb__section-6 .body__answer,
    .dc__section-6 .body__question,
    .dc__section-6 .body__answer-item,
    .dc__section-6 .q-a__button-toggle,
    .dc__section-6 .body__answer,
    .mc__section-6 .body__question,
    .mc__section-6 .body__answer-item,
    .mc__section-6 .q-a__button-toggle,
    .mc__section-6 .body__answer,
    .topup__section-6 .body__question,
    .topup__section-6 .body__answer-item,
    .topup__section-6 .q-a__button-toggle,
    .topup__section-6 .body__answer,
    .qr-pay__section-4 .body__question,
    .qr-pay__section-4 .body__answer-item,
    .qr-pay__section-4 .q-a__button-toggle,
    .qr-pay__section-4 .body__answer,
    .pos__section-6 .body__question,
    .pos__section-6 .body__answer-item,
    .pos__section-6 .q-a__button-toggle,
    .pos__section-6 .body__answer {
        font-size: var(--font-size-12px);
        line-height: 1.2;
    }

    /* --------------------- /Section 6 ---------------------- */

    /* ===================== /Content megapay ======================== */

    /* ===================== Content firmbanking ======================== */
    /* --------------------- Section 1 ---------------------- */
    .fb__section-1 .section-1__slogan .title,
    .dc__section-1 .section-1__slogan .title,
    .section-1__slogan .title,
    .megav__section-1 .section-1__content .title {
        font-size: var(--font-size-20px);
        line-height: 1.2;
    }

    /* --------------------- /Section 1 ---------------------- */

    /* --------------------- Section 2 ---------------------- */

    .content__service-fb .fb__section-2,
    .content__service-dc .dc__section-2,
    .content__service-mc .mc__section-2,
    .content__service-topup .topup__section-2,
    .content__service-qr-pay .qr-pay__section-2 {
        height: auto;
        padding: 0 var(--space-20px);
        margin: var(--space-20px) 0;
    }

    .fb__section-2 .section-2__content,
    .dc__section-2 .section-2__content,
    .mc__section-2 .section-2__content,
    .topup__section-2 .section-2__content,
    .qr-pay__section-2 .section-2__content {
        padding: var(--space-16px);
        border-radius: 21px;
        background: linear-gradient(
            180deg,
            rgba(204, 204, 204, 0.15) 0%,
            rgba(236, 236, 236, 0.08) 100%
        );
        justify-content: center;
        max-width: 100%;
        margin: 0 auto;
    }

    .fb__section-2 .title,
    .dc__section-2 .title,
    .mc__section-2 .title,
    .topup__section-2 .title,
    .qr-pay__section-2 .title {
        font-size: var(--font-size-20px);
    }

    .fb__section-2 .content__header,
    .dc__section-2 .content__header,
    .mc__section-2 .content__header,
    .topup__section-2 .content__header,
    .qr-pay__section-2 .content__header {
        margin-bottom: var(--space-12px);
        order: 1;
    }

    .fb__section-2 .content__procedure,
    .fb__section-2 .content__procedure-image,
    .dc__section-2 .content__procedure,
    .dc__section-2 .content__procedure-image,
    .mc__section-2 .content__procedure,
    .mc__section-2 .content__procedure-image,
    .topup__section-2 .content__procedure,
    .topup__section-2 .content__procedure-image,
    .qr-pay__section-2 .content__procedure,
    .qr-pay__section-2 .content__procedure-image {
        flex: 1 1 100%;
        padding: 0;
    }

    .fb__section-2 .content__procedure-image,
    .dc__section-2 .content__procedure-image,
    .mc__section-2 .content__procedure-image,
    .topup__section-2 .content__procedure-image,
    .qr-pay__section-2 .content__procedure-image {
        order: 2;
        max-width: 53%;
    }

    .fb__section-2 .content__procedure,
    .dc__section-2 .content__procedure,
    .mc__section-2 .content__procedure,
    .topup__section-2 .content__procedure,
    .qr-pay__section-2 .content__procedure {
        order: 3;
        max-width: 79.5%;
    }

    .fb__section-2 .procedure__step,
    .dc__section-2 .procedure__step,
    .mc__section-2 .procedure__step,
    .topup__section-2 .procedure__step,
    .qr-pay__section-2 .procedure__step {
        align-items: flex-start;
        position: relative;
    }

    .fb__section-2 .procedure__step:not(:last-child),
    .dc__section-2 .procedure__step:not(:last-child),
    .mc__section-2 .procedure__step:not(:last-child),
    .topup__section-2 .procedure__step:not(:last-child),
    .qr-pay__section-2 .procedure__step:not(:last-child) {
        padding-bottom: var(--space-24px);
    }

    .fb__section-2 .procedure__step:not(:first-child),
    .dc__section-2 .procedure__step:not(:first-child),
    .mc__section-2 .procedure__step:not(:first-child),
    .topup__section-2 .procedure__step:not(:first-child),
    .qr-pay__section-2 .procedure__step:not(:first-child) {
        margin-top: 0;
    }

    .fb__section-2 .procedure__step:not(:last-child):before,
    .dc__section-2 .procedure__step:not(:last-child):before,
    .mc__section-2 .procedure__step:not(:last-child):before,
    .topup__section-2 .procedure__step:not(:last-child):before,
    .qr-pay__section-2 .procedure__step:not(:last-child):before {
        content: "";
        display: block;
        width: 0;
        height: 100%;
        bottom: 0;
        left: var(--space-18px);
        border-left: 1px dashed var(--primary-color);
        position: absolute;
    }

    .fb__section-2 .procedure__stt,
    .dc__section-2 .procedure__stt,
    .mc__section-2 .procedure__stt,
    .topup__section-2 .procedure__stt,
    .qr-pay__section-2 .procedure__stt {
        width: var(--space-36px);
        height: var(--space-36px);
        font-size: var(--font-size-16px);
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        background: white;
    }

    .fb__section-2 .procedure__step:not(:first-child) .procedure__stt::after,
    .dc__section-2 .procedure__step:not(:first-child) .procedure__stt::after,
    .mc__section-2 .procedure__step:not(:first-child) .procedure__stt::after,
    .topup__section-2 .procedure__step:not(:first-child) .procedure__stt::after,
    .qr-pay__section-2
        .procedure__step:not(:first-child)
        .procedure__stt::after {
        display: none;
    }

    .fb__section-2 .procedure__text,
    .dc__section-2 .procedure__text,
    .mc__section-2 .procedure__text,
    .topup__section-2 .procedure__text,
    .qr-pay__section-2 .procedure__text {
        font-size: var(--font-size-12px);
        line-height: 1.2;
        height: auto;
        margin-left: var(--space-20px);
        color: black;
    }

    /* --------------------- /Section 2 ---------------------- */

    /* --------------------- Section 4 ---------------------- */
    .content__service-fb .fb__section-4,
    .content__service-dc .dc__section-4,
    .content__service-qr-noti .qr-noti__section-3,
    .content__service-qr-noti .qr-noti__section-4 {
        padding: 0 var(--space-20px);
        margin: var(--space-20px) 0;
    }

    .fb__section-4 .title,
    .dc__section-4 .title,
    .qr-noti__section-3 .title {
        font-size: var(--font-size-20px);
        line-height: 1.2;
    }

    .fb__section-4 .content__body,
    .dc__section-4 .content__body,
    .qr-noti__section-3 .content__body {
        justify-content: space-between;
        gap: var(--space-14px) 0;
    }

    .fb__section-4 .body__field,
    .dc__section-4 .body__field,
    .qr-noti__section-3 .body__field {
        margin: 0;
        width: auto;
        flex: 0 1 30%;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .fb__section-4 .field__tittle,
    .dc__section-4 .field__tittle,
    .qr-noti__section-3 .field__tittle {
        font-size: var(--font-size-14px);
        line-height: 1.2;
    }

    /* --------------------- /Section 4 ---------------------- */

    /* --------------------- Section 5 ---------------------- */
    .fb__section-5 .section-5__content,
    .dc__section-5 .section-5__content,
    .topup__section-4 .section-4__content,
    .qr-pay__section-5 .section-5__content {
        padding: var(--space-20px);
    }

    /* --------------------- /Section 5 ---------------------- */

    /* ===================== /Content firmbanking ======================== */

    /* ===================== Content deposit code ======================== */

    /* --------------------- Section 1 ---------------------- */
    .dc__section-1 .section-1__slogan,
    .mc__section-1 .section-1__slogan,
    .topup__section-1 .section-1__slogan,
    .qr-pay__section-1 .section-1__slogan,
    .pos__section-1 .section-1__slogan {
        padding-top: var(--space-30px);
        padding-bottom: var(--space-20px);
    }

    /* --------------------- /Section 1 ---------------------- */

    /* ===================== /Content deposit code ======================== */

    /* ===================== Content MC ======================== */

    /* --------------------- Section 4 ---------------------- */
    .content__service-mc .mc__section-4 {
        padding: 0 var(--space-20px);
        margin: var(--space-20px) 0;
    }

    .mc__section-4 .section-4__content {
        padding: var(--space-20px) 0 0 0;
    }

    .mc__section-4 .partner__body {
        margin-top: var(--space-18px);
        padding: var(--space-26px) var(--space-8px);
    }

    .mc__section-4 .body__tittle {
        font-size: var(--font-size-14px);
        margin-left: 0;
    }

    .mc__section-4 .body__list-service {
        margin-top: var(--space-8px);
        padding: 0;
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
        gap: var(--space-12px) var(--space-8px);
    }

    .mc__section-4 .body__list-service .body__item {
        width: auto;
        flex: 0 0 23%;
    }

    .mc__section-4 .body__list-service .item__img img {
        width: 55%;
        height: auto;
        object-fit: contain;
    }

    .mc__section-4 .body__list-service .item__tittle {
        font-size: var(--font-size-12px);
        line-height: 1.2;
        margin-top: var(--space-6px);
    }

    .mc__section-4 .merchant {
        margin-top: var(--space-36px);
    }

    /* --------------------- /Section 4 ---------------------- */

    /* ===================== /Content MC  ======================== */

    /* ===================== Content Topup  ======================== */
    /* --------------------- Section 1 ---------------------- */
    .topup__section-1 .section-1__slogan {
        position: relative;
        top: 0;
        left: 0;
        z-index: 1;
    }

    /* --------------------- /Section 1 ---------------------- */

    /* --------------------- Section 2 ---------------------- */
    .topup__section-2 .content__procedure-image {
        max-width: 80%;
    }

    /* --------------------- /Section 2 ---------------------- */

    /* --------------------- Section 4 ---------------------- */
    .content__service-topup .topup__section-4 {
        height: auto;
    }

    .topup__section-4 .partner__body-1,
    .topup__section-4 .merchant__body-1 {
        margin-left: 0;
    }

    /* --------------------- Section 4 ---------------------- */
    /* ===================== /Content Topup  ======================== */

    /* ===================== Content MegaV  ======================== */
    /* --------------------- Section 1 ---------------------- */
    .content__service-megav .megav__section-1 {
        aspect-ratio: unset;
        height: fit-content;
    }

    .megav__section-1 .downloads {
        margin-top: var(--space-10px);
        gap: 0 var(--space-8px);
    }

    .megav__section-1 .download__appstore {
        width: 70px;
        height: 24px;
    }

    .megav__section-1 .download__chplay {
        width: 80px;
        height: 24px;
    }

    .megav__section-1 .download__appstore img,
    .megav__section-1 .download__chplay img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    /* --------------------- /Section 1 ---------------------- */

    /* --------------------- Section 2 ---------------------- */
    .content__service-megav .megav__section-2 {
        padding: 0 var(--space-20px);
        margin: var(--space-20px) 0;
        gap: 0 var(--space-8px);
    }

    .megav__section-2 .section-2__right {
        gap: var(--space-8px) 0;
    }

    .megav__section-2 .advantage1 .advantage__title,
    .megav__section-2 .advantage2 .advantage__title,
    .megav__section-2 .advantage4 .advantage__title {
        font-size: var(--font-size-10px);
        line-height: 1.2;
    }

    /* --------------------- /Section 2 ---------------------- */

    /* --------------------- Section 3 ---------------------- */
    .content__service-megav .megav__section-6,
    .content__service-megav .megav__section-4,
    .content__service-megav .megav__section-5,
    .content__service-qr-noti .qr-noti__section-2 {
        padding: 0 var(--space-20px);
        margin: var(--space-20px) 0 var(--space-30px);
        gap: 0 var(--space-10px);
    }

    .megav__section-6 .section-6__image,
    .megav__section-4 .section-4__image,
    .megav__section-5 .section-5__image,
    .qr-noti__section-2 .section-2__content__img {
        width: auto;
        flex: 1 1 42%;
    }

    .megav__section-6 .section-6__content,
    .megav__section-4 .section-4__content,
    .megav__section-5 .section-5__content,
    .qr-noti__section-2 .section-2__content {
        margin-top: 0;
        margin-left: 0;
        flex: 1 1 58%;
    }

    .megav__section-6 .header__title,
    .megav__section-4 .header__title,
    .megav__section-5 .header__title,
    .qr-noti__section-2 .header__title {
        font-size: var(--font-size-20px);
        line-height: 1.2;
    }

    .megav__section-6 .content__body,
    .megav__section-4 .content__body,
    .megav__section-5 .content__body,
    .qr-noti__section-2 .content__body {
        margin-top: var(--space-10px);
    }

    .megav__section-6 .advantage__icon img,
    .megav__section-4 .advantage__icon img,
    .megav__section-5 .advantage__icon img,
    .qr-noti__section-2 .advantage__icon img {
        width: var(--space-20px);
        height: auto;
        object-fit: contain;
    }

    .megav__section-6 .advantage__body,
    .megav__section-4 .advantage__body,
    .megav__section-5 .advantage__body,
    .qr-noti__section-2 .advantage__body {
        margin-left: var(--space-8px);
    }

    .megav__section-6 .advantage__content,
    .megav__section-4 .advantage__content,
    .megav__section-5 .advantage__content,
    .qr-noti__section-2 .advantage__content {
        margin-top: 0;
        font-size: var(--font-size-8px);
        line-height: 1.4;
    }

    .megav__section-6 .body__advantage:not(:first-child),
    .megav__section-4 .body__advantage:not(:first-child),
    .megav__section-5 .body__advantage:not(:first-child),
    .qr-noti__section-2 .body__advantage:not(:first-child) {
        margin-top: var(--space-10px);
    }

    .megav__section-6 .advantage__title,
    .megav__section-4 .advantage__title,
    .megav__section-5 .advantage__title {
        font-size: var(--font-size-12px);
        line-height: 1.2;
    }

    /* --------------------- /Section 3 ---------------------- */
    /* ===================== /Content MegaV  ======================== */

    /* ===================== Content QR Pay  ======================== */
    /* --------------------- Section 1 ---------------------- */
    .link_google_qr_pay {
        font-size: var(--font-size-8px);
        line-height: 1.2;
        margin-top: var(--space-8px);
    }

    /* --------------------- /Section 1 ---------------------- */
    /* ===================== /Content QR Pay  ======================== */

    /* ===================== Content QR Noti  ======================== */

    /* --------------------- Section 3 ---------------------- */
    .qr-noti__section-2 .advantage__title {
        font-size: var(--font-size-10px);
    }

    /* --------------------- /Section 3 ---------------------- */

    /* --------------------- Section 4 ---------------------- */
    .content__service-qr-noti .qr-noti__section-4 {
        flex-wrap: wrap;
        gap: var(--space-8px) 0;
    }

    .qr-noti__section-4 .section-4__content {
        flex: 1 1 100%;
        min-height: var(--space-224px);
        padding: var(--space-40px) var(--space-20px) var(--space-20px)
            var(--space-20px);
    }

    .qr-noti__section-4 .content__text,
    .qr-noti__section-4 .content__title,
    .qr-noti__section-4 .item__text {
        font-size: var(--font-size-12px);
        line-height: 1.2;
        max-width: unset;
        width: 60%;
    }

    .qr-noti__section-4 .content__text:not(:first-child) {
        margin-top: var(--space-16px);
    }

    .qr-noti__section-4 .content__title {
        width: 60%;
    }

    .qr-noti__section-4 .list__item {
        margin-top: var(--space-8px);
        max-width: 80%;
    }

    .qr-noti__section-4 .item__text {
        /* width: 60%; */
    }

    /* --------------------- /Section 4 ---------------------- */

    /* --------------------- Section 5 ---------------------- */
    .content__service-qr-noti .qr-noti__section-5 {
        margin-bottom: var(--space-20px);
    }

    .qr-noti__section-5 .section-5__content {
        position: relative;
        margin-bottom: var(--space-200px);
    }

    .qr-noti__section-5 .content__benefits {
        width: 100%;
        margin-top: 0;
        display: block;
    }

    .qr-noti__section-5 .benefits__column {
        width: 100%;
        margin-top: var(--space-18px);
        margin-bottom: var(--space-18px);
    }

    .qr-noti__section-5 .column__title {
        width: 100% !important;
        font-size: var(--font-size-14px);
        line-height: 1.2;
    }

    .qr-noti__section-5 .column__list {
        width: 100%;
        margin-top: var(--space-6px);
    }

    .qr-noti__section-5 .content__benefits .item__text {
        font-size: var(--font-size-12px);
        line-height: 1.2;
    }

    .qr-noti__section-5 .content__register {
        margin-top: 0;
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        top: 100%;
        transform: translateY(60%);
    }

    .qr-noti__section-5 .register__title {
        width: 90%;
    }

    .qr-noti__section-5 .title__img {
        width: 32%;
        top: 0;
        right: 0;
        transform: translate(40%, -36%);
    }

    .qr-noti__section-5 .title__text,
    .qr-noti__section-5 .register__features {
        max-width: 100%;
    }

    .qr-noti__section-5 .title__text {
        font-size: var(--font-size-14px);
        line-height: 1.2;
    }

    .qr-noti__section-5 .content__register .item__text {
        font-size: var(--font-size-8px);
        line-height: 1.2;
    }

    /* --------------------- /Section 5 ---------------------- */

    /* ===================== /Content QR Noti  ======================== */

    /* ===================== Content Epay POS  ======================== */

    /* --------------------- Section 1 ---------------------- */
    .content__service-pos .pos__section-1 {
        background: url(../img/dich_vu_pos/sec1-bg-mobile2.png) no-repeat top
                right,
            linear-gradient(
                30deg,
                rgba(255, 238, 241, 0.375) -4.77%,
                rgba(255, 198, 207, 0.75) 100.28%
            );
        background-size: 100% 80%, cover;
        height: fit-content;
        max-height: 270px;
        overflow: hidden;
    }

    /* --------------------- /Section 1 ---------------------- */

    /* --------------------- Section 2 ---------------------- */
    .content__service-pos .pos__section-2,
    .content__service-pos .pos__section-3,
    .content__service-pos .pos__section-4 {
        padding: 0 var(--space-20px);
        margin: var(--space-20px) 0;
        width: 100%;
        height: auto;
    }

    .pos__section-2 .content__header .title,
    .pos__section-3 .content__header .title,
    .pos__section-4 .content__header .title {
        font-size: var(--font-size-20px);
        line-height: 1.2;
    }

    .pos__section-2 .content__body,
    .pos__section-4 .content__body {
        margin-top: var(--space-12px);
    }

    .pos__section-2 .method__img {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .pos__section-2 .method__img img {
        width: var(--space-86px);
        height: var(--space-86px);
        object-fit: contain;
    }

    .pos__section-2 .method__tittle {
        font-size: var(--font-size-12px);
        line-height: 1.2;
        margin-top: var(--space-6px);
    }

    /* --------------------- /Section 2 ---------------------- */

    /* --------------------- Section 3 ---------------------- */
    .pos__section-3 .table__tittle {
        font-size: var(--font-size-8px);
        line-height: 1.2;
    }

    .pos__section-3 .table__content {
        font-size: var(--font-size-8px);
        line-height: 1.2;
    }

    /* --------------------- /Section 3 ---------------------- */

    /* --------------------- Section 4 ---------------------- */
    .pos__section-4 .navbar__tittle {
        font-size: var(--font-size-12px);
        line-height: 1.2;
    }

    .pos__section-4 .body__content {
        margin-top: var(--space-16px);
    }

    .pos__section-4 .item__right {
        margin-top: 0;
    }

    .pos__section-4 .item__tittle {
        font-size: var(--font-size-14px);
        line-height: 1.2;
    }

    .pos__section-4 .item__body {
        width: 100%;
    }

    .pos__section-4 .item__body-item-content-tittle {
        font-size: var(--font-size-10px);
        line-height: 1.2;
    }

    .pos__section-4 .item__img {
        width: auto;
        height: auto;
        max-width: 100%;
    }

    .pos__section-4 .item__left {
        width: 50%;
    }

    .pos__section-4 .item__right {
        width: 45%;
    }

    /* --------------------- /Section 4 ---------------------- */

    /* --------------------- Section 9 ---------------------- */
    .content__service-pos .pos__section-9 {
        height: auto;
        padding: 0 0;
        margin: var(--space-20px) 0;
    }

    .pos__section-9 .section-9__content {
        height: auto;
        padding: var(--space-32px);
    }

    .pos__section-9 .info {
        padding: 0;
    }

    .pos__section-9 .info__logo {
        width: var(--space-50px);
        height: auto;
    }

    .pos__section-9 .info__logo img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    .pos__section-9 .info__text {
        font-size: var(--font-size-10px);
        line-height: 1.2;
        margin-top: var(--space-12px);
    }

    .pos__section-9 .info__slogan {
        font-size: var(--space-18px);
        line-height: 1.2;
        margin-top: var(--space-12px);
        width: 100%;
    }

    .pos__section-9 .advise {
        padding: 0;
    }

    .pos__section-9 .form-advise {
        padding: 0;
    }

    .pos__section-9 .form-group {
        width: 100%;
    }

    .pos__section-9 .form-input,
    .pos__section-9 .form-btn {
        padding: var(--space-10px);
        font-size: var(--font-size-12px);
        line-height: 1.2;
    }

    /* --------------------- /Section 9 ---------------------- */
    /* ===================== /Content Epay POS  ======================== */
}