/* Start custom CSS for html, class: .elementor-element-af8bb20 *//* ==================================================
   FIX LOGO + NGƯỜI MẪU QH88
   ================================================== */

/* Logo căn giữa phía trên */

.qh88-top-logo {
    width: 300px !important;
    max-width: 60% !important;
    max-height: 95px !important;

    margin: 18px auto 0 !important;

    object-fit: contain !important;
}

/* Khối nội dung bên trái */

.qh88-hero-copy {
    top: 135px !important;
    left: 5% !important;

    width: 52% !important;
    max-width: 730px !important;
}

/* Khung chứa người mẫu */

.qh88-model-wrap {
    right: 5% !important;
    bottom: 0 !important;

    width: 39% !important;
    height: 430px !important;

    align-items: flex-end !important;
    justify-content: center !important;

    overflow: visible !important;
}

/* Ảnh người mẫu */

.qh88-model-image {
    width: auto !important;
    max-width: 100% !important;
    height: 420px !important;

    object-fit: contain !important;
    object-position: center bottom !important;

    transform: translateX(-15px) !important;

    filter:
        drop-shadow(0 18px 24px rgba(0, 0, 0, 0.45)) !important;
}

/* Giữ 6 ô không chồng quá sát người mẫu */

.qh88-access-section {
    margin-top: -8px !important;
}

/* ==================================================
   TABLET
   ================================================== */

@media screen and (max-width: 1100px) {

    .qh88-hero-copy {
        top: 125px !important;
        left: 3% !important;

        width: 56% !important;
    }

    .qh88-model-wrap {
        right: 1% !important;

        width: 42% !important;
        height: 395px !important;
    }

    .qh88-model-image {
        height: 385px !important;
        transform: translateX(0) !important;
    }
}

/* ==================================================
   MOBILE
   ================================================== */

@media screen and (max-width: 700px) {

    .qh88-hero {
        min-height: 660px !important;
    }

    .qh88-hero-inner {
        min-height: 660px !important;
    }

    .qh88-top-logo {
        width: 220px !important;
        max-width: 75% !important;
        max-height: 75px !important;

        margin-top: 10px !important;
    }

    .qh88-hero-copy {
        position: relative !important;

        top: auto !important;
        left: auto !important;

        width: 100% !important;

        padding: 0 10px !important;
    }

    .qh88-model-wrap {
        right: 0 !important;
        bottom: 0 !important;

        width: 100% !important;
        height: 320px !important;
    }

    .qh88-model-image {
        height: 315px !important;
        max-width: 92% !important;

        transform: none !important;
    }

    .qh88-access-section {
        margin-top: -5px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3cd54ccd *//* ==================================================
   FIX LOGO + NGƯỜI MẪU QH88
   ================================================== */

/* Logo căn giữa phía trên */

.qh88-top-logo {
    width: 300px !important;
    max-width: 60% !important;
    max-height: 95px !important;

    margin: 18px auto 0 !important;

    object-fit: contain !important;
}

/* Khối nội dung bên trái */

.qh88-hero-copy {
    top: 135px !important;
    left: 5% !important;

    width: 52% !important;
    max-width: 730px !important;
}

/* Khung chứa người mẫu */

.qh88-model-wrap {
    right: 5% !important;
    bottom: 0 !important;

    width: 39% !important;
    height: 430px !important;

    align-items: flex-end !important;
    justify-content: center !important;

    overflow: visible !important;
}

/* Ảnh người mẫu */

.qh88-model-image {
    width: auto !important;
    max-width: 100% !important;
    height: 420px !important;

    object-fit: contain !important;
    object-position: center bottom !important;

    transform: translateX(-15px) !important;

    filter:
        drop-shadow(0 18px 24px rgba(0, 0, 0, 0.45)) !important;
}

/* Giữ 6 ô không chồng quá sát người mẫu */

.qh88-access-section {
    margin-top: -8px !important;
}

/* ==================================================
   TABLET
   ================================================== */

@media screen and (max-width: 1100px) {

    .qh88-hero-copy {
        top: 125px !important;
        left: 3% !important;

        width: 56% !important;
    }

    .qh88-model-wrap {
        right: 1% !important;

        width: 42% !important;
        height: 395px !important;
    }

    .qh88-model-image {
        height: 385px !important;
        transform: translateX(0) !important;
    }
}

/* ==================================================
   MOBILE
   ================================================== */

@media screen and (max-width: 700px) {

    .qh88-hero {
        min-height: 660px !important;
    }

    .qh88-hero-inner {
        min-height: 660px !important;
    }

    .qh88-top-logo {
        width: 220px !important;
        max-width: 75% !important;
        max-height: 75px !important;

        margin-top: 10px !important;
    }

    .qh88-hero-copy {
        position: relative !important;

        top: auto !important;
        left: auto !important;

        width: 100% !important;

        padding: 0 10px !important;
    }

    .qh88-model-wrap {
        right: 0 !important;
        bottom: 0 !important;

        width: 100% !important;
        height: 320px !important;
    }

    .qh88-model-image {
        height: 315px !important;
        max-width: 92% !important;

        transform: none !important;
    }

    .qh88-access-section {
        margin-top: -5px !important;
    }
}/* End custom CSS */