#hifu {
    overflow-x: hidden;
}

.section_banner_area {
    background-image: url("/images/hifu/banner_bg.jpg");
    padding-bottom: 0;
    background-size: cover;
    background-position: center ;
}

.section_banner_content_gp {
    height: 100vh;
    display: flex;
    align-items: flex-start;
    position: relative;
    text-align: center;
}

.section_banner_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    right: 48%;
    top: 25%;
}
.logo_hifu {
    width: 100%;
    max-width: 510px;
}
.section_banner_title {
     font-size: 50px;
     font-weight: 500;
}

.hifu_intro_section .share_section_padding {
    padding-bottom: 60px;
}
.page_title {
    line-height: 1.4em;
    font-size: 40px;
}
.font_highlight {
    color: #FF7B53;
    font-weight: 500;
}
.font_highlight_xl {
    color: #FC4D56;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.4em;
}
.hifu_description_section .container {
    max-width: 1080px;
}
.hifu_intro {
    background-image: url(/images/hifu/des_bg.jpg);
    background-size: cover;
    background-position: center;
    padding-bottom: 8rem;
}
.hifu_intro_text { 
    display: flex;
    align-items: center;
    justify-content:end;
    background-color: rgba(255, 255, 255, 0.65);
    border-radius: 25px;
    padding-left: 25px;
}
.hifu_intro_img {
    margin-top: -16%;
    margin-right: -40px;
}

.hifu_detail {
    background: linear-gradient(182deg,#FFF3C9 34%, #FFD9BB 100%);
}
.hifu_detail .share_section_padding {
    top: -5rem;
}
.hifu_detail_row {
    position: relative;
    margin-bottom: 5rem;
}
.hifu_detail_row:last-child {
    margin-bottom: 0;
}
.hifu_detail_row:last-child .title_circle{
    bottom: 50px;
}
.title_circle {
    position:absolute;
    max-width: 160px;
    top: -60px;
    bottom: -40px;
    left: 3%;
    z-index: 5;
}

.title_circle img {
    position: relative;
    z-index: 5;
}
.title_circle::after{
    content: '';
    width: 2px;
    height: 0%;
    background-color: #FC4D56;
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    transition: all 1.5s;
}
.title_circle.active::after {
    height: 100%; /* Animate to full height */
}

.hifu_detail_col {
    background-color: rgba(255, 255, 255, 0.65);
    border-radius: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10%;
    padding: 0 20px 50px;
}
.hifu_ani_gp {
    margin-top: -10%;
    margin-bottom:2rem;
    width:50%;
    max-width: 460px;
    position: relative;
    overflow: hidden;
}
.hifu_ani_step > img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}

.hifu_ani_gp_a .step1 {animation: hifu_ani_a_step1 10s ease-in infinite;}
.hifu_ani_gp_a .step2 {animation: hifu_ani_a_step2 10s ease-in infinite;}
.hifu_ani_gp_a .step3 {animation: hifu_ani_a_step3 10s ease-in infinite;}
.hifu_ani_gp_a .step4 {animation: hifu_ani_a_step4 10s ease-in infinite;}
.hifu_ani_gp_a .bg1 {animation: hifu_ani_a_bg1 10s ease-in infinite; }
.hifu_ani_gp_a .bg2 {animation: hifu_ani_a_bg2 10s ease-in infinite; }

@keyframes hifu_ani_a_step1 {
    0% { opacity: 0; transform: translateY(10px);} 
    3% { opacity: 0; }
    6% { opacity: 100%; transform: translateY(0);}
    26% { opacity: 100%;}
    29% { opacity: 0;}
    100% {opacity: 0;}
}
@keyframes hifu_ani_a_step2{
    0% { opacity: 0; transform: translateY(5px);} 
    28% { opacity: 0; height: 85%;}
    34% { opacity: 100%; height: 100%;}
    58% { opacity: 100%;}
    60% { opacity: 0; transform: translateY(13px);}
    100% { opacity: 0;}
}
@keyframes hifu_ani_a_step3{
    0% { opacity: 0;}
    32% { opacity: 0;transform: translateY(-10px);}
    34% { opacity: 100%;transform: translateY(0);}
    58% { opacity: 100%;}
    60% { opacity: 0; }
    100% { opacity: 0;}
}
@keyframes hifu_ani_a_step4{
    0% {opacity: 0;}
    67% { opacity: 0; transform: translateY(10px);}
    71% { opacity: 100%;transform: translateY(0);}
    95% { opacity: 100%;}
    98% {opacity: 0;}
    100% {opacity: 0;}
}
@keyframes hifu_ani_a_bg1{ 
    0% {opacity: 100%;}
    62% {opacity: 100%;}
    66% {opacity: 0;}
    100% {opacity: 0;}
}
@keyframes hifu_ani_a_bg2{
    0% {opacity: 0; }
    62% {opacity: 0; }
    64% {opacity: 100%;}
    100% {opacity: 100%;}
}

.hifu_ani_gp_b .step1 {animation: hifu_ani_b_step1 10s ease-in infinite;}
.hifu_ani_gp_b .step2 {animation: hifu_ani_b_step2 10s ease-in infinite;}
.hifu_ani_gp_b .step3_top {animation: hifu_ani_b_step3_top 10s ease-in infinite;}
.hifu_ani_gp_b .step3_bottom {animation: hifu_ani_b_step3_bottom 10s ease-in infinite;}
.hifu_ani_gp_b .step4 {animation: hifu_ani_b_step4 10s ease-in infinite;}
.hifu_ani_gp_b .step5 {animation: hifu_ani_b_step5 10s ease-in infinite;}
.hifu_ani_gp_b .step6 {animation: hifu_ani_b_step6 10s ease-in infinite;}
.hifu_ani_gp_b .top_before {overflow: hidden;animation: hifu_ani_b_top_before 10s ease-in infinite;}
.hifu_ani_gp_b .top_after {overflow: hidden;animation: hifu_ani_b_top_after 10s ease-in infinite;}

@keyframes hifu_ani_b_step1 {
    0% {opacity: 100%; }
    50% { transform: scale(1, 1); }
    51% { transform: scale(0.9, 1.15); }
    52% { transform: scale(1.15, 0.9); }
    53% { transform: scale(0.95, 1.05); }
    54% { transform: scale(1, 1); }
    60% { opacity: 100%;}
    64% {opacity: 0;}
    100% {opacity: 0;}
}
/* text box */
@keyframes hifu_ani_b_step2 {
    0% {opacity: 0; }
    2% {opacity: 0; transform: translateY(5px);}
    5% {opacity: 100%; transform: translateY(0); }
    22% {opacity: 100%;}
    25% {opacity: 0;}
    100% {opacity: 0;}
}
@keyframes hifu_ani_b_step3_top {
    0% {opacity: 0; }
    30% {opacity: 0;transform: translateY(8px); }
    34% {opacity: 100%;transform: translateY(0); }
    55% {opacity: 100%;}
    57% {opacity: 0;}
    100% {opacity: 0;}
}
@keyframes hifu_ani_b_step3_bottom {
    0% {opacity: 0; }
    30% {opacity: 0;transform: translateY(-8px); }
    34% {opacity: 100%;transform: translateY(0); }
    55% {opacity: 100%;}
    57% {opacity: 0;}
    100% {opacity: 0;}
}

/* text box */
@keyframes hifu_ani_b_step4 {
    0% {opacity: 0; }
    37% {opacity: 0; transform: translateY(5px);}
    40% { opacity: 100%; transform: translateY(0); }
    60% { opacity: 100%;}
    64% { opacity: 0; }
    100% {opacity: 0;}
}

@keyframes hifu_ani_b_step5 {
    0% {opacity: 0; }
    60% {opacity: 0;}
    64% {opacity: 100%;}
    100% {opacity: 100%;}
}

/* text box */
@keyframes hifu_ani_b_step6 {
    0% {opacity: 0; }
    76% {opacity: 0;transform: translateY(5px);}
    79% {opacity: 100%;transform: translateY(0px);}
    100% {opacity: 100%;}
}

@keyframes hifu_ani_b_top_before {
    0% {opacity: 100%; }
    68% {opacity: 100%;}
    74% {opacity: 0;}
    100% {opacity: 0; }
}

@keyframes hifu_ani_b_top_after {
    0% {opacity: 0; }
    66% {opacity: 0; }
    69% {opacity: 100%; }
    100% {opacity: 100%;}
}

.hifu_ani_gp_c .step1 {animation: hifu_ani_c_step1 6s ease-in infinite;}

@keyframes hifu_ani_c_step1 {
    0% {opacity: 0; height: 40%;} 
    10% {opacity: 100%; height: 100%;}
    100% {opacity: 100%;}
}

.compare_section  {
    width: 100%;
    overflow: auto;
}

.compare_section table {
    width: 100%;
    cursor: auto;
}
.compare_section .page_subtitle {
    font-size: 25px;
    display: flex;
    align-items: end;
    justify-content: center;
}


.compare_table .page_con02 {
    font-size: 22px;
}

.compare_table td {
    text-align: center;
    padding: 20px;
    border: 3px solid white;
}

.compare_table td>img {
    width: 150px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.compare_table>tr:nth-child(1)>td:nth-child(1) {
    border: none;
    background: none !important;
}

.compare_table>tr>td:nth-child(1) {
    background: #FFF3C3;
    width: 14%;
}

.compare_table>tr:nth-child(1)>td:nth-child(2) {
    background:#FD6031;
    background: linear-gradient(135deg, #FD6031 16%, #FFCFB1 73%, #FFE98B 110%);
    color: white;
    font-weight: 700;
}

.compare_table>tr:nth-child(1)>td:nth-child(n+3) {
    background: #A4A5A7;
    color: white;
    line-height: 1.2 !important;
    font-weight: 700;
}

.compare_table p.for_seo {
    display: block;
    font-weight: 400;
    line-height: 1.6em;
}

.compare_table .col-1 {
    background-color: #FFFEF2;
    color: #FF7B53;
    position: relative;
    width: 40%;
}
.compare_table .col-1 div {
    display: flex;
    justify-content: center;
    align-items: center;
}
.compare_table .col-2 {
    background-color: #F7F7F7;
    width: 40%;
}

.compare_table .icon {
    width: 42px;
    aspect-ratio: 11/9;
    margin-left: 8px;
}

#hifu label.mLabel {
    border-color: #F85C23;
    background-color: #F85C23;
}

#hifu label.mLabel:hover {
    color: #F85C23!important;
}

#hifu .share_people_section {
    background-color: #FFF8DD;
}

#hifu .share_people_box:before {
    background-color: #FFE0D0;
}

.share_people_img {
    display: flex;
    flex-direction: column;
}

.reviews_section {
    background-image: url("/images/hifu/reviews_bg.jpg");
    background-position: center;
    background-size: cover;
}
.reviews_content {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
}
.reviews_img {
    position: relative;
    width: 80%;
    max-width: 700px;
}
.reviews_title {
    font-weight: 500;
    color: #FF7B53;
    position: absolute;
    top: 39%;
    left: 50%;
}
.reviews_title_l {
    font-size: 76px;
    line-height: .8em;
    font-weight: 700;
}

.reviews_title_l sup {
    font-size: 42px;
    top: -30px;
}

.reviews_title_m {
    font-size: 28px;
}

.reviews_row img {
    margin-bottom: 30px;
}
.feature_gp {
    width: 20%;
}
.feature {
    font-size: 30px;
    position: absolute;
}

.feature_1 {top: 6%; left: 59%; }
.feature_2 {top: 21%; left: 67%; }
.feature_3 {top: 40%; left: 71%; }
.feature_4 {top: 60%; left: 70%; }
.feature_5 {top: 77%; left: 63%; }
.feature_6 {top: 90%; left: 53%; }

.reviews_note {
    display: inline-block;
    margin-top: 30px;
    width: 100%;
}
.hifu_offer {
    margin: -30px auto 20px;
    width: 100%;
    max-width: 500px;
}

@media (max-width: 1279.98px) {
    .section_banner_area {
        height: 52vh;
        min-height: 600px;
        position: relative;
    }

    .section_banner_content_gp {
        height: 100%;
    }
    .logo_hifu {
        max-width: 350px;
    }
    .section_banner_title {
        font-size: 36px;
    }
    .section_banner_content {
        right: 30%;
        left: 2%;
    }
    .reviews_img {
        width: 75%;
    }
    .feature_gp {
        width: 30%;
    }
    .reviews_title_l {
        font-size: 63px;
    }
    .reviews_title_m {
        font-size: 24px;
    }
    .reviews_title_l sup {
        font-size: 36px;
        top: -23px;
    }
}

@media (max-width: 991.98px) {
    .page_title {
        font-size: 36px;
    }
    .title_circle {
        max-width: 120px;
    }

    .compare_table>tr>td:nth-child(1) {
        font-size: 20px;

    }

    .compare_table .for_seo {
        font-size: 18px;
    }

    .compare_table td {
        padding: 12px;
    }

    .compare_table .icon::after {
        width: 32px;
    }

    .compare_table>tr>td:nth-child(1) {
        min-width: 117px;
        font-size: 18px;
    }

    .hifu_detail_col br {
        display: none;
    }
    .font_highlight_xl {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .hifu_intro {
        padding-bottom: 5rem;
    }
   .hifu_intro_text {
     background-color: unset;
     padding: unset;
    flex-direction: column-reverse

   }
   .hifu_intro_text .page_con {
    padding: 3rem;
    background-color: rgba(255, 255, 255, 0.65);
    width: 100%;
    border-radius: 25px;
   }
   .hifu_intro_img {
    margin-top: -70px;
    width: 100%;
    max-width: 320px;
   }
   .title_circle {
    width: 100px;
    top: -25px;
   }
   .hifu_detail_row {
    margin-bottom: 40px;
   }
   .hifu_ani_gp {
    margin-top: -13%;
    width: 68%;
   }
   .hifu_detail_col {
    margin-top: 14%;
   }
   .feature {
    font-size: 23px;
   }
   .reviews_content {
    overflow: hidden;
   }
    .reviews_title_l {
        font-size: 52px;
    }
    .reviews_title_m {
        font-size: 18px;
    }
    .reviews_title_l sup {
        font-size: 28px;
        top: -23px;
    }
}

@media (max-width:640px) {
    .section_banner_area {
        background-image: url("/images/hifu/banner_bg_m.jpg");
    }
     .section_banner_content_gp {
        margin-left: unset;
    }
     .section_banner_content {
        top: 29%;
     }

    .section_banner_title {
        font-size: 28px;
    }
   .hifu_intro_text .page_con {
        padding: 2rem;
    }
    
}