:root {
    --1: #e55fa0;
    --outline-active: #e55fa01c;
    --Stroke: #e55fa01c;
    --border-input: #e55fa01c;
}

body{
    font-family: "Nunito", sans-serif;
    font-size: 1.25rem;
    font-weight: 900;
    line-height: 1.6;
    color: #555;
    background: #fff;
}
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

body::-webkit-scrollbar {
    width: 0.5rem;
    background-color: #cedbff;
}

body::-webkit-scrollbar-thumb {
    background-color: #E559A0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 900;
    line-height: 1.3;
}

.container, .container-width, .full-width .ubermenu-nav, .row {
    max-width: 75rem;
}

html {
    font-size: 1vw;
}

.col, .columns, .gallery-item {padding: 0 10px;}

a#logo_hader img {
    height: 3.4835rem;
    display: block;
}

.inner_header {
    justify-content: center;
    padding-right: 2rem;
    gap: 3rem;
}

div#main_menu>ul {
    list-style: none;
    margin: 0;
    display: flex;
    gap: 1rem;
}

div#main_menu>ul li {
    margin: 0;
}

div#main_menu>ul a {
    font-size: 1rem;
    color: #555;
    line-height: 4.4rem;
    transition: .5s all;
}

div#main_menu>ul a:hover {
    color: #E559A0;
}

.home_sec_1_wrap {
    position: absolute;
    top: 3.1rem;
    width: 100%;
    text-align: center;
}

section.home_sec_1 {
    position: relative;
}

.home_sec_1_wrap .item {
    width: 50%;
}

.home_sec_1_wrap .box_content {
    color: #fff;
    max-width: 29rem;
    margin: auto;
}

.heading_title {
    color: #FFF;
    text-align: center;
    -webkit-text-stroke-width: .55rem;
    -webkit-text-stroke-color: var(--1, #E559A0);
    font-family: Nunito;
    font-size: 3.75rem;
    font-style: normal;
    font-weight: 900;
    line-height: 3.25rem; /* 108.333% */
    margin: 0;
    position: relative;
    margin-bottom: .5rem;
    line-height: 1.2;
}

.heading_title span {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    color: #fff;
    z-index: 2;
    text-align: center;
    -webkit-text-stroke-width: 0;
}

.home_sec_1_wrap b {
    display: block;
    margin-bottom: .5rem;
}

.button_style {
    margin: 0;
    border-radius: 100px;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    background: var(--1, #E559A0);
    color: #FFF;
    text-transform: unset;
    padding: 0 .4rem 0 1.15rem;
    gap: .6rem;
    z-index: 0;
    transition: .5s all;
}

.button_style .icon {
    width: 2rem;
    height: 2rem;
    background: #fff;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    overflow: hidden;
    transition: .5s all;
}
.home_sec_2_items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.6rem 10rem;
}

.home_sec_2_items .item {
    width: calc(calc(100% / 3) - 1.2rem);
    margin: 0 .6rem;
    cursor: pointer;
}

section.home_sec_2 {
    padding-top: 4rem;
    text-align: center;
    padding-bottom: 4rem;
}

.home_sec_2_items .box {}

.home_sec_2 .box_img {
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden;
    border-radius: 1.5rem;
}

.home_sec_2 .box_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    scale: 1;
    transition: .8s all;
}

.home_sec_2_items .item:hover img {
    scale: 1.1;
}

.home_sec_2_items h3 {
    margin: .5rem 0 0 0;
    font-size: 1.5rem;
    color: var(--1, #E559A0);
    letter-spacing: -0.025rem;
}

.group_heading .content {
    margin-bottom: .6rem;
}

.wrap_service .item:hover .box_img img {
    scale: 1.1;
}

.wrap_service .inner {
    display: flex;
    gap: 1.5rem;
}

.wrap_service .item {
    width: 16.75rem;
    flex: 0 0 auto;
    position: relative;
}

.home_sec_2 .wrap_service .box_img {
    padding-bottom: 144%;
}

.wrap_service h3 {
    margin: 0;
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    display: inline-flex;
    align-items: center;
    width: max-content;
    color: #fff;
    height: 2.8875rem;
    border-radius: 100px;
    border: 1.064px solid var(--1, #E559A0);
    background: var(--1, #E559A0);
    font-size: 1.1rem;
    padding: 0 1rem;
    gap: .6rem;
}

.wrap_service h3 img {
    max-height: 2rem;
    width: auto;
    height: auto;
}

.wrap_service {
    margin-top: 2.9rem;
}
section.home_sec_3 {
    padding-top: 6rem;
    padding-bottom: 7rem;
    background: linear-gradient(180deg, #FFE9F4 3.68%, rgba(255, 233, 244, 0.66) 62.6%, rgba(255, 233, 244, 0.00) 100%);
}

.tax_links {
    list-style: none;
    margin: 0 0 2.25rem;
    gap: 2.25rem;
}

.tax_links li {
    margin: 0;
}

.tax_links a {
    font-size: 1.25rem;
    color: #555;
    transition: .5s all;
    padding-bottom: .2rem;
    position: relative;
}

.tax_links a:before {
    content: '';
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    width: 0;
    transition: .5s all;
    background: #E559A0;
    position: absolute;
    bottom: 0;
}

.tax_links a:hover {
    color: #E559A0;
}

.tax_links a:hover:before {
    width: 100%;
}

.item_post {
    position: relative;
    width: calc(calc(100% / 3) - 1.2rem);
    margin: 0 .6rem 1.2rem;
    border-radius: 1.25rem;
    background: #FFF5FA;
    cursor: pointer;
}

.list_posts {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.6rem;
}

.item_post .box_img {
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden;
    border-radius: 0.9375rem;
}

.item_post .box_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    scale: 1;
    transition: .7s all;
}

.item_post:hover .box_img img {
    scale: 1.1;
}

.item_post .box_content {
    padding: 1.5rem 1.5rem .8rem;
}

.meta {
    font-size: 0.9rem;
    color: #666;
    font-weight: 700;
}

.item_post h3 {
    color: #555;
    font-size: 1.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin: .2rem 0 .7rem;
    transition: .5s all;
}

.item_post span.view_details {
    font-size: 0.9rem;
    color: var(--1, #E559A0);
    text-decoration: underline;
}

.item_post:hover h3 {
    color: var(--1, #E559A0);
}
section.home_sec_4 {
    padding-top: 6.4rem;
    background: ;
}

.heading_title.style_2 {
    color: var(--1, #E559A0);
    -webkit-text-stroke-width: .55rem;
    -webkit-text-stroke-color: #fff;
}

.heading_title.style_2 span {
    color: var(--1, #E559A0);
}

.home_sec_4 .group_heading {
    color: #fff;
    max-width: 45rem;
    margin: auto;
}

.content {
    line-height: 1.3;
}

.home_sec_4_items {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 2rem;
    font-size: 1rem;
    margin-bottom: 4.8rem;
    flex-wrap: wrap;
    padding: 0 2rem;
}

.home_sec_4_items .item {
    border-radius: 1rem;
    border: 1px solid #E0EFF9;
    background: #FFF;
    box-shadow: 0 4px 30px 0 rgba(240, 207, 223, 0.50);
    width: 22.75rem;
    overflow: hidden;
    position: relative;
    padding-bottom: 5.85rem;
    padding: 0 1.8rem 5.85rem;
}
.home_sec_4_items h3 {
    font-size: 2.25rem;
    color: var(--1, #E559A0);
    margin: 0;
    line-height: 1.2;
}

.home_sec_4_items .goi {
    font-size: 1.25rem;
    color: #E559A0;
}

.home_sec_4_items .line {
    background: rgb(229 89 160 / 30%);
    height: 3px;
    width: 100%;
    position: relative;
    margin: 1.95rem 0 1rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.sale {
    width: 3.99995rem;
    height: 3.9998rem;
    display: inline-flex;
    position: absolute;
    right: -.5rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    line-height: 1;
    color: #fff;
    font-size: 0.92755rem;
    background-image: url(../images/bg_sale.svg);
    background-size: contain;
}

.sale b {font-size: 1.2174rem;}

.price del {
    font-size: 1rem;
    display: block;
    margin-bottom: .3rem;
}

.price b {
    font-size: 1.75rem;
    color: var(--1, #E559A0);
}

.home_sec_4_items .tags {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    margin-top: .6rem;
}

.home_sec_4_items .tag {
    height: 1.6rem;
    color: #E559A0;
    border-radius: 5rem;
    border: 1px solid var(--f-2-accf, #F0CFDF);
    background: #FFF;
    display: inline-flex;
    align-items: center;
    font-size: 0.8rem;
    padding: 0 .6rem;
    cursor: pointer;
}

.home_sec_4_items .wrap_top {
    padding: 2rem 1.7rem;
    background: #FFE9F4;
    border-radius: 0 0 2.5rem 0;
    margin: 0 -1.8rem 1rem;
}

.home_sec_4_items a.link.button {
    margin: 0;
    background: var(--1, #E559A0);
    height: 2rem;
    display: inline-flex;
    align-items: center;
    font-size: 0.8rem;
    border-radius: 100px;
    padding: 0 1.6rem;
    margin-bottom: 1.5rem;
    text-transform: unset;
}

.home_sec_4_items .wrap_top .content {
    margin-top: 1.25rem;
}

a.link.button.buy_now {
    display: block;
    margin: auto;
    width: max-content;
    position: absolute;
    bottom: 1.6rem;
    left: 50%;
    transform: translateX(-50%);
    height: 2.3rem;
    display: inline-flex;
    font-size: 1rem;
    text-transform: uppercase;
}

.home_sec_4_items .style_2 h3 {
    color: #FFB200;
}

.home_sec_4_items .style_2 span.goi {
    color: #FFB200;
}

.home_sec_4_items .style_2 .price b {
    color: #FFB200;
}

.home_sec_4_items .style_2 .tag {
    color: #FFB200;
    border: 1px solid #F1E0BB;
}

.home_sec_4_items .style_2 .line {
    background: rgba(255, 179, 0, 0.30);
}

.home_sec_4_items .style_2 a.link.button {
    background: #FFB200;
}

.home_sec_4_items ul.info {
    margin: 0;
    font-size: 0.9rem;
    padding: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: 600;
}

.home_sec_4_items .style_2 .wrap_top {
    background: #FFFAEA;
}
.wrap_section45 {
}

section.home_sec_5 {
    color: #fff;
    position: relative;
    z-index: 2;
}

.home_sec_5_items {
    display: flex;
    flex-wrap: wrap;
    margin: 1.3rem -.6rem 1.3rem;
    justify-content: center;
}

.home_sec_5_items .item {
    width: calc(25% - 1.2rem);
    margin: 0 .6rem 0;
    border-radius: 1rem;
    background: transparent;
    box-shadow: 0 4px 30px 0 rgba(100, 100, 100, 0.10);
    color: #555;
}

.home_sec_5_items .title.flex {
    height: 5.95rem;
    display: flex;
    background: linear-gradient(
271deg, #F0CFDF 0%, #FFE9F4 34.62%, #FFF5FA 100%);
    border-radius: 1rem 1rem 5rem 0;
    position: relative;
}

.home_sec_5_items .title h3 {
    color: var(--1, #E559A0);
    font-size: 1.5rem;
    padding: 1.8rem 5.5rem .5rem 1.4rem;
    margin: 0;
    line-height: 1.2;
}

.home_sec_5_items .icon {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 4.25rem;
    height: 4.25rem;
    background: linear-gradient(135deg, #E559A0 49.66%, #F0CFDF 99.66%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    right: .5rem;
}

.home_sec_5_items .icon img {
    width: 100%;
    max-width: 57%;
    transform: rotateY(0deg);
    transition: .6s all;
    max-height: 57%;
}

.home_sec_5_items .content {
    padding: 1.1rem 2.8rem 1.45rem 1.45rem;
    font-weight: 800;
    line-height: 1.3;
}

.home_sec_5_number {
    display: flex;
    justify-content: center;
    text-align: center;
    position: relative;
    z-index: 2;
}

.home_sec_5_number .item {
    width: calc(100% / 3);
    margin: 0 auto;
    padding: 0 1rem;
}

.home_sec_5_number b {
    position: relative;
    display: flex;
    justify-content: center;
    font-size: 4.25rem;
    color: var(--1, #E559A0);
    text-align: center;
    -webkit-text-stroke-width: .4rem;
    -webkit-text-stroke-color: #FFF;
    line-height: 1.2;
}

.home_sec_5_number b span {
    position: absolute;
    color: var(--1, #E559A0);
    text-align: center;
    -webkit-text-stroke-width: 0;
    -webkit-text-stroke-color: #FFF;
}

.home_sec_5_number .item:nth-child(1),.home_sec_5_number .item:nth-child(3) {
    margin-top: 7rem;
}

.home_sec_5_img {
    position: relative;
    margin-top: 4rem;
}

.home_sec_5_img .box_img {
    margin-top: -15rem;
}

.video_box {
    background: #000;
    border-radius: 2.5rem;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -21rem;
    cursor: pointer;
    padding-bottom: 56.25%;
    position: relative;
}

.video_box .icon_video {
    position: absolute;
    z-index: 9;
    top: 50%;
    transform: translateY(-50%);
}

.video_box img {
    opacity: .8;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video_box .icon_video svg {
    width: 6.7rem;
    height: auto;
    display: block;
    position: relative;
    z-index: 2;
}

section.home_sec_6 {
    padding-top: 26rem;
    padding-bottom: 7rem;
}

section.home_sec_6 .group_heading {
    width: 47.9rem;
    margin: auto;
}


.slider_logo .item {
    height: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider_logo .item img {
    max-height: 100%;
    margin: auto;
}

.home_sec_7_wrap {
    border-radius: 3.2rem;
    background: var(--e-559-a-0, #E559A0);
    color: #fff;
    padding-top: 5rem;
    margin: 0 2.5rem;
    position: relative;
}
body.goto-here {}

section.kt_sec_1 {
    position: relative;
}

section.kt_sec_1 img {width: 100%;display: block;}

section.kt_sec_1 .row {
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: left;
    color: #fff;
    left: 50%;
}

.kt_sec_1 .group_heading {
    max-width: 34rem;
}

.kt_sec_1 .group_heading .heading_title {text-align: left;-webkit-text-stroke-width: .55rem;}

.kt_sec_1 .group_heading .heading_title span {
    text-align: left;
}

section.tv_page {
    padding: 5rem 0 1rem;
    position: relative;
}

.popup_content {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: .5s all;
    pointer-events:  none;
}
.popup_content.active{
    opacity: 1;
    pointer-events: unset;
}

.bg_close {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.30);
}

.inner.quyen_loi {
    width: 48.9rem;
    background: #fff;
    border-radius: 1.5rem;
    overflow: hidden;
}

.inner {
    background: #fff;
    position: relative;
    z-index: 9;
}

.quyen_loi_bottom {
    padding: 0 2.9rem 1.5rem 3rem;
}

.quyen_loi_bottom .content {
    max-height: 15rem;
    overflow: auto;
    padding-right: 1.5rem;
    font-size: 0.9rem;
    color: #555;
    line-height: 1.6;
}

.close_popup {
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
    z-index: 9;
}

.quyen_loi_top {
    padding: 2.4rem 2.4rem 7rem;
    background: #E559A0;
    color: #fff;
}

.quyen_loi_top h3 {
    font-size: 2.25rem;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: .3rem;
}

.quyen_loi_top .content {
    max-width: 24rem;
    margin: auto;
}

.quyen_loi .box_img {
    max-width: 24rem;
    margin: -6rem auto 2rem;
}

.quyen_loi .box_img img {
    width: 100%;
}

.quyen_loi_bottom .content h3 {
    color: var(--1, #E559A0);
}

.close_popup svg {
    width: 2rem;
    height: auto;
    display: block;
    transform: rotate(0deg) scale(1);
    transition: .5s all;
}

.close_popup:hover svg {
    transform: rotate(360deg) scale(1.1);
}
section.ttv_page {
    padding: 4rem 0;
    position: relative;
}

section.ttv_page:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg, #e559a026 0%, #e559a026 61.38%, rgba(244, 251, 254, 0.00) 100%);
    height: 90%;
    opacity: .3;
}

.ttv_page_img .inner img {
    width: 100%;
}

.ttv_page_img {
    padding-right: 3rem;
    text-align: center;
    position: sticky;
    top: 5rem;
}

a.quyen_loi_button {
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--1, #E559A0);
    color: #fff;
    font-size: 1rem;
    border-radius: 100px;
    padding: 0 1.7rem;
    margin-top: 2.2rem;
    border: 2px solid var(--1, #E559A0);
    transition: .6s all;
}

.ttv_page_info .heading_title,.ttv_page_info .heading_title span {
    text-align: left;
}

.ttv_page_info .heading_title {
    margin: 0;
    line-height: 1.1;
}

.ttv_page_info span.sub {
    color: var(--1, #E559A0);
}

.ttv_page_info .mo_ta {
    margin: .5rem 0 1.1rem;
    font-size: 1rem;
}

.price_box {
    border-radius: 0.9375rem;
    background: #FFE9F4;
    padding: 1rem 2.2rem;
    position: relative;
}

.price_box span {
    font-size: .9rem;
    color: rgba(51, 51, 51, 0.50);
    line-height: 1.2;
    margin-bottom: .5rem;
    display: block;
}

.price_box .price {
    display: flex;
    align-items: flex-end;
}

.ttv_page_info .price_box .price b {order: -1;margin-right: 1rem;}

.price_box .price del {
    color: rgba(51, 51, 51, 0.75);
    font-size: 1.25rem;
    margin-right: 1rem;
}

.price_box .sale {
    top: 0;
    transform: translateY(-40%);
    right: 2.4rem;
}

.quantity-selector button {
    margin: 0;
    height: 2.226rem;
    width: 2.226rem;
    min-height: unset;
    line-height: unset;
    text-align: center;
    padding: 0;
    font-size: 1.1rem;
    border-right: 1px solid #CFE1EA;
}
.quantity-selector {
    display: inline-flex;
    align-items: center;
    border-radius: 0.15rem;
    border: 1px solid #CFE1EA;
    margin: 1rem 0 1.87rem;
}

.quantity-selector button:last-child {
    border: none;
    border-left: 1px solid #CFE1EA;
}

.quantity-selector span.qty-value {
    color: var(--1, #E559A0);
    font-size: 1.1rem;
    width: 3.16rem;
    text-align: center;
}

.ttv_page_items>.item {
    padding: 1.55rem 0 2.5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.ttv_page_items>.item>b {
    color: #555;
    font-size: 1.1rem;
    display: block;
    margin-bottom: 1.1rem;
    line-height: 1.1;
}

.ttv_page_items>.item ul {
    list-style: none;
    display: flex;
    gap: 1.1rem;
    margin: 0;
}

.ttv_page_items>.item ul a {
    color: var(--1, #E559A0);
    font-size: 1.1rem;
    height: 2.25rem;
    border: 1px solid var(--1, #E559A0);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.4rem;
    padding: 0 .8rem;
    transition: .6s all;
    opacity: .5;
}
.ttv_page_items>.item ul a.active,.ttv_page_items>.item ul a:hover{
    opacity: 1;
}

.ttv_page_items>.item ul li {
    margin: 0;
}

.ttv_page_items>.item+.item {
    border-top: 1px solid #D9D9D9;
}

.box_gift.flex {
    gap: 1.05rem;
    text-align: center;
    margin-bottom: 2.4rem;
}
.ttv_page_items>.item:first-child {
    padding-top: 0;
}

.ttv_page_items>.item:last-child {
    padding-bottom: 0;
}

.button_style .icon path {
    stroke: var(--1, #E559A0);
}

.box_gift .item {2width: 8.65rem;height: 8.65rem;width: 8.65rem;border-radius: 1rem;background: #FFE9F4;padding: 1rem;}

.box_gift  h3 {
    color: var(--1, #E559A0);
    font-size: 0.9rem;
    margin: 0;
}

.box_gift .box_img {
    height: 5.5rem;
    display: flex;
    justify-content: center;
    margin-bottom: .5rem;
    align-items: center;
}

.box_gift .box_img img {
    max-height: 100%;
}

a.you_want {
    color: var(--1, #E559A0);
    text-decoration: underline;
    font-size: 1.1rem;
    margin-top: 1rem;
}
section.cs_page {
    padding: 4rem 0 8rem;
}

section.cs_page h2.heading_title,section.cs_page h2.heading_title span {
    text-align: left;
    font-size: 2.75rem;
}

section.cs_page .content {
    color: #333;
    line-height: 1.5;
}

section.cs_page img {
    margin-bottom: 2rem;
    border-radius: 2.5rem;
}

section.cs_page .content h3 {
    font-size: 2.25rem;
}

ul.menu_cs {
    list-style: none;
    position: sticky;
    top: 7rem;
}

ul.menu_cs li {
    margin: 0;
}

ul.menu_cs  a {
    color: #555;
    font-size: 1.25rem;
    padding: .8rem 0;
    display: flex;
    border-bottom: 1px solid #DBDBDB;
    transition: .5s all;
    justify-content: space-between;
    align-items: center;
}

ul.menu_cs li:first-child a {
    border-top: 1px solid #DBDBDB;
}

ul.menu_cs a:hover,ul.menu_cs a.active {
    color: var(--1, #E559A0);
}
ul.menu_cs a:after{
    content: '';
    background-image: url(../images/icon_arrow.svg);
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: .5rem;
    opacity: 0;
    transition: .5s all;
}
ul.menu_cs a:hover:after {
    opacity: 1;
}
form.filter_office input {
    background-image: url(../images/icon_search.svg);
}
section.pk_sec_1 {
    background: linear-gradient(180deg, #e559a00a 0%, #e559a00a 61.38%, rgba(244, 251, 254, 0.00) 100%);
    padding: 4.5rem 0 27rem;
    position: relative;
}

form.filter_office .inner {
    background: transparent;
    gap: 1.2rem;
}

form.filter_office select,form.filter_office input {
    background-color: transparent;
    min-height: unset;
    height: 2.9rem;
    border-radius: 0.5rem;
    border: 1px solid #E559A0;
    color: var(--1, #E559A0);
    font-size: 1.1rem;
    padding: 0 1rem;
    margin: 0;
}

form.filter_office input {
    width: 50%;
    flex: 0 0 auto;
    background-position: left 1rem center;
    background-repeat: no-repeat;
    background-size: 1.6rem;
    padding-left: 3rem;
}

form.filter_office input::placeholder {
    color: var(--1, #E559A0);
}

form.filter_office {
    margin: 2.6rem 0 2rem;
}

.wrap_office {
    background: #fff;
    display: flex;
    box-shadow: 0 4px 50px 0 rgba(0, 110, 151, 0.05);
    border-radius: 1rem;
}

.wrap_office_left {
    padding: 1.5rem;
    width: 50%;
}

.result.flex {
    align-items: center;
    font-size: 0.9rem;
    margin-bottom: 1.3rem;
}

.result.flex .icon {
    width: 1.2rem;
    display: flex;
    align-items: center;
}

.result.flex .icon svg {
    max-width: 100%;
    height: auto;
    display: block;
}

.result.flex b {
    color: var(--1, #E559A0);
    margin: 0 .2rem;
}

.item_office {
    border-radius: 0.5rem;
    background: #e559a012;
    display: flex;
    cursor: pointer;
    border-left: 3px solid transparent;
}

.item_office .icon {
    width: 1.2rem;
    margin-right: .3rem;
}

.item_office .icon svg {
    margin-top: .2rem;
}

.item_office h3 {
    margin: 0;
    color: #555;
    font-size: 1.25rem;
}

.item_office {
    font-size: 0.9rem;
    padding: 1rem 1.2rem;
}

.item_office ul {
    list-style: none;
    margin: 0 0 1.5rem;
}

.item_office ul li {
}

.item_office .time {
    color: #828282;
}

.item_office+.item_office {
    margin-top: .5rem;
}

.wrap_office {}

.wrap_office_right {
    width: 50%;
}

div#map iframe {
    width: 100%;
    display: block;
    height: 100%;
}
.list_office {
    padding-right: .6rem;
    max-height: 31rem;
    overflow: auto;
}
.list_office::-webkit-scrollbar-track,
.quyen_loi_bottom .content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.list_office::-webkit-scrollbar,
.quyen_loi_bottom .content::-webkit-scrollbar {
    width: 5px;
    background-color: #E559A0;
}

.list_office::-webkit-scrollbar-thumb,
.quyen_loi_bottom .content::-webkit-scrollbar-thumb {
    background-color: #E559A0;
}
div#map {
    height: 100%;
}
section.pk_sec_1:before,
.contact_sec_1:before {
    content: '';
    background-image: url(../images/nen_office.png);
    height: 50rem;
    width: 100%;
    position: absolute;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
}
section.contact_sec_1 {
    background: linear-gradient(180deg, #FFF5FA 0%, rgba(255, 245, 250, 0.00) 100%);
    padding: 5.2rem 0 25rem;
    position: relative;
}

.contact_page_items {
    display: flex;
    justify-content: center;
    gap: 1.2rem;
    margin-top: 4.8rem;
    margin-bottom: 2.7rem;
}

.contact_page_items .item {
    width: 18.65rem;
    border-radius: 1.5rem;
    background: #FFF;
    position: relative;
    padding: 4.5rem .9rem 2.7rem;
    box-shadow: 0 4px 30px 0 rgba(4, 173, 238, 0.05);
    border-bottom: 5px solid #E559A0;
    font-size: 1.1rem;
}

.contact_page_items .icon {
    width: 4.9rem;
    height: 4.9rem;
    background: #E559A0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.contact_page_items .icon img {
    max-height: 60%;
    max-width: 60%;
    width: auto;
    height: auto;
    transform: rotateY(0);
    transition: .6s all;
}
section.contact_sec_2 .content {
    max-width: 35rem;
    margin: 0 auto 2.4rem;
}

.wrap_form input, .wrap_form textarea, .wrap_form .col .wrapper-input> select,.css-1cfo1cf input {
    height: 2.9rem;
    border-radius: 0.5rem;
    border: 1px solid #E559A0;
    background-color: #FFF;
    min-height: unset;
    font-weight: 700;
    font-size: 1rem;
    color: #666;
    padding: 0 1rem;
    margin-bottom: .75rem;
    color: #333;
    box-shadow: none !important;
    font-family: "Nunito", sans-serif !important;
}

.wrap_input {
    display: flex;
    align-items: center;
    border: 1px solid #E559A0;
    border-radius: 0.5rem;
    padding: 0 0 0 1rem;
    height: 2.9rem;
    margin-bottom: .75rem;
}

.wrap_input span {
    flex: 0 0 auto;
    font-weight: 700;
    font-size: 1rem;
    color: #666;
}

.wrap_input select {
    margin: 0;
    border: none;
    padding: 0;
    text-align: right;
    padding-right: 3rem;
    background-color: transparent !important;
    box-shadow: none;
    font-weight: 700;
    font-size: 1rem;
    color: #666;
}

section.contact_sec_2 {
    padding-bottom: 4rem;
}

.wrap_form textarea {
    height: 7.6rem;
    min-height: unset;
    padding: 1rem;
}
.wrap_form button[type="submit"] {
    margin-top: 1rem;
}
section.tdd_sec_1 {
    background: linear-gradient(180deg, #FFF5FA 0%, rgba(255, 245, 250, 0.86) 46.91%, rgba(255, 245, 250, 0.00) 100%);
    padding-top: 5.5rem;
    padding-bottom: 6rem;
}

section.tdd_sec_1 h1.heading_title,section.tdd_sec_1 h1.heading_title span {
    text-align: left;
}

.nav_meta {
    justify-content: space-between;
    border-top: 1px solid #F0CFDF;
    border-bottom: 1px solid #F0CFDF;
    color: var(--5, #333);
    padding: .6rem 0;
}

ul.menu_share {
    list-style: none;
    margin: 0;
    display: flex;
    gap: .3rem;
    margin-left: 1.4rem;
}

ul.menu_share li {
    margin: 0;
}

ul.menu_share li {
    margin: 0;
}

ul.menu_share li svg {
    display: block;
    width: 1.7rem;
    height: 1.6rem;
    scale: 1;
    transition: .5s all;
}

.info_other h2 {
    font-size: 1.75rem;
}

.info_other  ul {
    margin-left: 1rem;
}

.info_other .item {
    padding: 2rem 0;
}

.info_other .item+.item {
    border-top: 1px solid #F0CFDF;
}

.wrap_form_td {
    border-radius: 1rem;
    background: #FFF5FA;
    box-shadow: 0 0 40px 0 rgba(20, 68, 96, 0.08);
    backdrop-filter: blur(15px);
    padding: 3rem 5rem;
}

.wrap_form_td label {
    font-size: 0.75rem;
    margin: 0;
}

.wrap_form_td input[type="file"] {
    margin: 0;
    font-size: 0.75rem;
}

.wrap_form_td h2.heading_title {
    font-size: 2.75rem;
}

.wrap_form_td h2.heading_title,.wrap_form_td h2.heading_title span {
    text-align: left;
}

.wrap_form_td .content {
    margin-bottom: 1.5rem;
}

.box_apply {
    border-radius: 1rem;
    background: var(--1, #E559A0);
    box-shadow: -5px 0 32px 0 rgba(0, 0, 0, 0.05);
    color: #fff;
    padding: 2rem 1.7rem;
}

.box_apply .content {
    font-size: 0.9rem;
    padding-bottom: 1.3rem;
    margin-bottom: 1.3rem;
    border-bottom: 1px solid rgba(220, 237, 241, 0.30);
}

.apply_online b {
    display: block;
}

.apply_online a {
    font-size: 0.9rem;
}

.td_other {
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.70);
    box-shadow: 0 0 40px 0 rgba(20, 68, 96, 0.08);
    backdrop-filter: blur(15px);
    margin-top: 1.8rem;
    padding: 1.7rem;
}

.td_other h2 {
    color: var(--1, #E559A0);
    font-size: 1.75rem;
}
.list_td h3 {
    font-size: 1.1rem;
    color: #555;
    margin-bottom: .2rem;
    transition: .5s all;
}

.list_td .content {
    font-size: 0.7rem;
}

.list_td .item {
    padding: .7rem 0;
}

.list_td .item:last-child {
    padding-bottom: 0;
}

.list_td .item+.item {
    border-top: 1px solid #F0CFDF;
}

.list_td .item:hover h3 {
    color: #E559A0;
}
.wrap_form_td input,.wrap_form_td textarea {
    background: none;
    border: none;
    box-shadow: none !important;
    padding: 0;
    border-bottom: 1px solid #F0CFDF;
    font-size: 1.1rem;
    min-height: unset;
    background-color: unset !important;
}

.wrap_form_td textarea {
    height: 5rem;
}
section.bs_sec_1 {
    padding-top: 6rem;
}

section.bs_sec_1 .heading_title span,section.bs_sec_1 .heading_title {
    font-size: 2.75rem;
}

.wrap_team {
    display: flex;
    flex-wrap: wrap;
    margin: 3rem -2.7rem 0;
}

.item_member {
    width: calc(calc(100% / 3) - 4.6rem);
    margin: 0 2.3rem 4rem;
    font-size: 1.1rem;
    padding: 0 1.3rem;
    position: relative;
    cursor: pointer;
}

.item_member h3 {
    font-size: 1.5rem;
    margin: 0;
}

.item_member ul {
    list-style: none;
    margin: 0;
}

.item_member ul li {
    margin: 0;
}

.item_member:before {
    content: '';
    position: absolute;
    top: 4rem;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, #F0CFDF 0%, rgba(240, 207, 223, 0.00) 100%);
    border-radius: 1rem 1rem 0 0;
}

.item_member .inner {
    background: transparent;
}

.item_member .box_img {
    position: relative;
    height: 17rem;
    display: flex;
    align-items: flex-end;
    margin-bottom: 1.4rem;
}

.item_member .box_img .icon {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 2.85rem;
    height: 2.85rem;
    background: #E559A0;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    transition: .5s all;
}

.item_member .box_img .icon svg {
    width: 100%;
    max-width: 37%;
    height: auto;
}

.item_member .box_img:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(0deg, #f8e9f0, transparent);
    height: 50%;
    z-index: 99;
}

.item_member .box_content {
    position: relative;
    z-index: 9;
}

.item_member a {
    margin-top: 1.5rem;
}
section.kt_sec_2 {
    padding: 3.5rem 0 5rem;
}

.list_tax_post {
    display: flex;
    justify-content: center;
    gap: 5rem;
    margin-bottom: 5rem;
}

.list_tax_post .icon {
    width: 7.1rem;
    height: 7.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFF5FA;
    border-radius: 100%;
    margin: 0 auto .5rem;
}

.list_tax_post .icon img {
    width: 100%;
    height: auto;
    max-width: 52%;
    transform: rotateY(0deg);
    transition: 1s all;
}

.list_tax_post .item {
    text-align: center;
    cursor: pointer;
    width: 9rem;
    flex: 0 0 auto;
    cursor: pointer;
    position: relative;
}

.list_tax_post b {
    font-size: 1.5rem;
    transition: .5s all;
}

.list_tax_post .item.active .icon {
    background: #E559A0;
}

.list_tax_post .item.active .icon img {
    filter: brightness(0) invert(1);
}

.list_tax_post .item.active b {
    color: #E559A0;
}

.list_tax_post .item:hover b {
    color: #E559A0;
}
.item_post.first_item {
    width: 100%;
    display: flex;
    background: #FFF5FA;
    border: 1px solid #F0CFDF;
    border-radius: 1.5rem;
}

.item_post.first_item .box_img {
    width: 34.65rem;
    height: 23.1rem;
    flex: 0 0 auto;
    padding: 0;
    border-radius: 1.5rem;
}

.item_post.first_item {
    align-items: center;
    margin-bottom: 2.5rem;
}

.item_post.first_item h3 {
    font-size: 1.75rem;
}

.item_post.first_item .meta {
    margin: .5rem 0;
}

.item_post.first_item .content {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 1rem;
}
section.banner_page img {
    width: 100%;
    height: auto;
    display: block;
}

section.service_sec_1 {
    padding: 8rem 0 0;
}

section.service_sec_1 .group_heading {
    max-width: 56rem;
    margin: auto;
}

.service_item {
    display: flex;
    border-radius: 1.5rem;
    border: 1px solid #F0CFDF;
    background: #FFF5FA;
    box-shadow: 0 5px 5px 0 rgba(6, 146, 199, 0.05);
    overflow: hidden;
    align-items: center;
    width: calc(100% - 3rem);
    margin: 0 1.5rem 3rem;
    position: relative;
}

.service_item .box_img {
width: 34.65rem;
    height: 34.65rem;
    flex: 0 0 auto;
    width: 34.65rem;
    position: relative;
    border-radius: 1.5rem;
    overflow: hidden;
}

.service_item .box_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    scale: 1;
    transition: .6s all;
}

.service_item .box_img .icon {
    position: absolute;
    width: 3.3973rem;
    height: 3.3973rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--1, #E559A0);
    border-radius: 100px;
    top: 1.75rem;
    left: 1.75rem;
    z-index: 2;
}

.service_item .box_img .icon img {
    max-width: 55%;
    width: auto;
    height: auto;
}

.service_item h3 {
    font-size: 2.75rem;
    color: var(--1, #E559A0);
    margin-bottom: 1.2rem;
    line-height: 1.2;
}

.service_item .box_content {
    padding: 2rem 5rem;
}

.service_item  .content {
    margin-bottom: 2rem;
}

.service_item+.service_item {
    flex-direction: column;
    width: calc(calc(100% / 3) - 3rem);
    margin: 0 1.5rem 3rem;
}

.lists_service {
    margin: 4rem -1.5rem;
    display: flex;
    flex-wrap: wrap;
}

.service_item+.service_item .box_img {
    height: 14.75rem;
}

.service_item+.service_item .box_content {
    padding: 1.8rem 2rem;
}

.service_item+.service_item h3 {
    font-size: 1.75rem;
    margin-bottom: 0.5rem;
}

.service_item+.service_item  .content {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin: 0;
}

.service_item+.service_item a.button_style.button {
    display: none;
}
section.service_sec_2 {
    background: linear-gradient(180deg, #FFF5FA 63.75%, rgba(255, 245, 250, 0.00) 100%);
    padding-top: 8rem;
    position: relative;
}

section.service_sec_2 .content {
    max-width: 27rem;
}

.service_sec_2_img img {
    max-width: 50.07755rem;
    margin-left: -10rem;
    margin-top: 6rem;
    position: relative;
    z-index: 9;
}
.service_sec_2_img:before{
    content: '';
    background-image: url("../images/img_line.svg");
    width: 100vw;
    position: absolute;
    height: 21rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    right: -12rem;
    bottom: -4rem;
}
.service_sec_2_number .item {
    text-align: center;
    max-width: 23rem;
    color: #333;
    margin-left: 15rem;
    flex: 0 0 auto;
}

.service_sec_2_number b.number {
    color: var(--1, #E559A0);
    text-align: center;
    -webkit-text-stroke-width: .8rem;
    -webkit-text-stroke-color: #FFF;
    font-size: 4.25rem;
    position: relative;
    line-height: 1;
}

.service_sec_2_number b.number span {
    color: var(--1, #E559A0);
    text-align: center;
    -webkit-text-stroke-width: 0;
    -webkit-text-stroke-color: #FFF;
    position: absolute;
    left: 0;
}
.service_sec_2_number .item:nth-child(2) {
    position: absolute;
    top: -12rem;
    left: 14rem;
    z-index: 9;
}

.service_sec_2_number .item:nth-child(3) {
    margin-top: -5rem;
    position: relative;
    z-index: 9;
    margin-left: 10rem;
}
.service_sec_2_items .item {
    width: calc(25% - 4rem);
    margin: 0 2rem;
    position: relative;
    z-index: 0;
    padding: 1.9rem 1.1rem 1.2rem;
    transform: rotate(-3.597deg) translateY(0);
    transition: .8s all;
}

.service_sec_2_items {
    margin: 3rem -2rem 9rem;
    align-items: flex-start;
}

.service_sec_2_items .item:before,.service_sec_2_items .item:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 1rem;
    background: var(--1, #E559A0);
    content: '';
    z-index: -1;
}

.service_sec_2_items .item:after {
    background: #fff;
}

.service_sec_2_items .item:before {
    bottom: -0.7rem;
    right: -0.7rem;
    top: unset;
    left: unset;
}

.service_sec_2_items .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 5.35rem;
    height: 5.35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: .3rem solid #E559A0;
    background: #fff;
    border-radius: 100px;
    transform: translate(-35%, -35%);
}

.service_sec_2_items .icon img {
    max-width: 60%;
    width: auto;
    height: auto;
}

.service_sec_2_items .content {
    background: linear-gradient(130deg, #E559A0 55.85%, #F0CFDF 98.29%);
    color: #fff;
    border-radius: 1rem;
    height: 11.15rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.2rem;
}
.service_sec_2_items h3 {
    margin: 0;
    font-size: 1.5rem;
    color: var(--1, #E559A0);
    margin-top: .9rem;
}
.service_sec_2_items .item:nth-child(2) {
    transform: rotate(0deg);
    margin-top: 5rem;
}

.service_sec_2_items .item:nth-child(3) {
    transform: rotate(-5.25deg);
}

.service_sec_2_items .item:nth-child(4) {
    transform: rotate(8.293deg);
    margin-top: 3rem;
}

.service_sec_2_items .item:nth-child(1) {
    margin-top: 2rem;
}
.serice_sec_3_wrap {
    background-repeat: no-repeat;
    margin: 0 2.5rem;
    border-radius: 2.5rem 2.5rem 0 0;
    background-image: url(../images/bg_section.png);
    background-size: 100% 100%;
    overflow: hidden;
    -webkit-mask-image: url(../images/bg_section.png);
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    margin-bottom: 6rem;
}
.serice_sec_3_wrap::before,
.serice_sec_3_wrap::after{
    content: '';
    background-image: url(../images/vt1.png);
    width: 30rem;
    height: 30rem;
    position: absolute;
    display: inline-block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    top: -10rem;
    left: 16rem;
    animation: rotematroi 14s ease-in-out infinite;
    border-radius: 100%;
}
.serice_sec_3_wrap::after{
        background-image: url(../images/vt2.png);
        top: unset;
        left: -7rem;
        bottom: -8rem;
}

.serice_sec_3_wrap .box_img img {
    max-width: unset;
    width: calc(100% + 10.5rem);
    float: right;
}

.serice_sec_3_wrap .content {
    color: #fff;
}
.serice_sec_3_wrap .wrap_form {
    padding-top: 6rem;
}
section.tc_sec_1 {
    padding-top: 8rem;
    padding-bottom: 4rem;
}

.tc_sec_1_img {
    position: relative;
    max-width: 90%;
    margin: 0 0 0 auto;
}

section.tc_sec_1 .content {
    margin-top: .7rem;
}

section.tc_sec_2 {
    padding-top: 4rem;
}

.tc_sec_1_img img {
    display: block;
    width: 100%;
    height: auto;
}

.tc_sec_2_items {
    position: relative;
    display: flex;
    margin-top: 3rem;
    background: #000;
}

.tc_sec_2_items img {
    width: 100%;
    display: block;
}

.tc_sec_2_items .item {
    height: 42rem;
}

.tc_sec_2_items>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    object-fit: cover;
}
.tc_sec_2_items  .inner {
    background: transparent;
    color: #fff;
}

.tc_sec_2_items>img {
    opacity: 1;
}

.tc_sec_2_items .item {
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 4.3rem 2.15rem;
    position: relative;
    z-index: 9;
}

.tc_sec_2_items .item+.item {
    border-left: 1px solid rgba(255, 255, 255, 0.201);
}

.tc_sec_2_items h3 {
    color: #fff;
    font-size: 1.75rem;
    margin-bottom: .6rem;
}

.tc_sec_2_items  .icon {
    width: 5.3rem;
    height: 5.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    border: .3rem solid var(--1, #E559A0);
    background: #fff;
    position: relative;
}

.tc_sec_2_items .icon img {
    max-width: 60%;
    width: auto;
    height: auto;
}
section.tc_sec_3 {
    padding-top: 7rem;
    position: relative;
}

.tc_sec_3_wrap>* {
    width: 50%;
}

.tc_sec_3_wrap .box_right.item {
    padding-left: 4.8rem;
}

.tc_sec_3_wrap.flex {
    align-items: center;
    margin-top: 2.7rem;
}

.tc_sec_3_toggle h3 {
    color: var(--5, #333);
    font-size: 1.25rem;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    text-transform: uppercase;
}

.tc_sec_3_toggle  .content {
    display: none;
}

.tc_sec_3_toggle .item.active .content {
    display: block;
}

.tc_sec_3_toggle .item.active * {
    color: #fff;
}

.tc_sec_3_toggle {
    border-radius: 1.25rem;
    overflow: hidden;
}

.tc_sec_3_toggle .item:nth-child(even) {
    background: #F0CFDF;
}

.tc_sec_3_toggle .item {
    padding: 1.8rem 1.7rem 1.2rem;
    border-radius: 1.25rem;
    background: #FFF5FA;
    position: relative;
    z-index: 1;
}

.tc_sec_3_toggle .item.active {
    background: #E559A0;
}

.tc_sec_3_toggle .item .content {
    max-width: 70%;
}

.tc_sec_3_toggle h3 span {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 0 0 auto;
    margin-left: 1rem;
}

.tc_sec_3_toggle h3 span:before,.tc_sec_3_toggle h3 span:after {
    width: 100%;
    height: 2px;
    background: #E559A0;
    content: '';
    position: absolute;
    border-radius: 100px;
}

.tc_sec_3_toggle h3 span:after {
    transform: rotate(90deg);
}

.tc_sec_3_toggle .item+.iten {}

.tc_sec_3_toggle .item.active h3 span:before,.tc_sec_3_toggle .item.active h3 span:after {
    background: #fff;
}

.box_right.item h3 {
    font-size: 2.75rem;
    color: var(--1, #E559A0);
    margin-bottom: .7rem;
}

.tc_sec_3_wrap .box_right.item ul {
    margin-left: 0;
    list-style: none;
    margin-bottom: 1rem;
}

.tc_sec_3_wrap .box_right.item ul li {
    margin: 0;
}

section.tc_sec_4 {
    padding-top: 7rem;
    background: linear-gradient(180deg, rgba(255, 245, 250, 0.00) 0%, #FFF5FA 100%);
    padding-bottom: 5rem;
}

section.tc_sec_4 .table_img .inner {
    border-radius: 1.5rem;
    margin-top: 2rem;
    max-height: 49rem;
    overflow: hidden;
    background: transparent;
}

.table_img .button {
    position: absolute;
    bottom: 0;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
}

.table_img .inner:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 245, 250, 0.78) 39.74%, rgba(255, 245, 250, 0.96) 67.35%, rgba(255, 245, 250, 0.99) 81.76%, #FFF5FA 100%);
    height: 14rem;
    z-index: 10;
}

section.tc_sec_5 {
    padding: 8rem 0 4rem;
}
section.tc_sec_5 .heading_title span,section.tc_sec_5 .heading_title {
    text-align: left;
}

section.tc_sec_5 .box_img img {
    float: right;
    max-width: unset;
    width: calc(100% + 13rem);
    border-radius: 1rem;
}

section.tc_sec_5 .group_heading {
    padding-left: 3rem;
}

section.tc_sec_5 .group_heading .content {
    margin: 1.4rem 0;
}
.tc_sec_6 .group_heading.text-center {
    max-width: 54rem;
    margin: auto;
}

.tc_sec_6_slider {
    display: flex;
    justify-content: center;
    margin-top: 3.5rem;
}

.tc_sec_6_slider .item {
    width: 100%;
    flex: 0 0 auto;
    padding-bottom: 4.5rem;
}

.tc_sec_6_slider .inner {
    padding-bottom: 100%;
    position: relative;
    width: 100%;
}

.tc_sec_6_slider .inner img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2.5rem;
}

.tc_sec_6_slider .box_img {
    width: 13.7rem;
    height: 13.7rem;
    display: flex;
    justify-content: center;
    margin-right: 1.9rem;
    flex: 0 0 auto;
    position: relative;
}

.tc_sec_6_slider b {
    font-size: 5rem;
    font-style: italic;
    color: var(--1, #E559A0);
    line-height: 1;
}

.tc_sec_6_slider h3 {
    margin: 0;
    font-size: 1.25rem;
}

.tc_sec_6_slider .box_content {
    max-width: 12rem;
}

section.tc_sec_7 {
    padding: 3rem 0 4rem;
}

.tc_sec_6_slider .box_img:before {
    content: '';
    position: absolute;
    width: 0.8rem;
    height: 0.8rem;
    background: var(--1, #E559A0);
    border-radius: 100px;
    bottom: -4.5rem;
}

.tc_sec_6_slider:before {
    width: 100vw;
    height: 1px;
    background: #F0CFDF;
    position: absolute;
    bottom: 0;
    content: '';
    bottom: .3rem;
}
section.tc_sec_6 {
    padding: 4rem 0;
}

.tc_sec_7_items {
    margin: 2.5rem -0.7rem;
    flex-wrap: wrap;
    justify-content: center;
}

.tc_sec_7_items .item {
    width: calc(50% - 1.4rem);
    margin: 0 .6rem 1.4rem;
    border-radius: 3.125rem;
    background: #FFF5FA;
    padding: 1.8rem 2.2rem;
}

.tc_sec_7_items .icon {}

.tc_sec_7_items .icon {
    width: 5rem;
    height: 5rem;
}

.tc_sec_7_items span.tag {
    border-radius: 0 5rem 5rem 0;
    background: #E559A0;
    height: 3.25rem;
    display: inline-flex;
    align-items: center;
    color: #fff;
    padding: 0 4.5rem 0 2.2rem;
    font-size: 1.6rem;
    margin: 1.7rem 0 1.7rem -2.2rem;
}

.tc_sec_7_items h3 {
    color: var(--1, #E559A0);
    font-size: 2.25rem;
    margin-bottom: 1rem;
}

.tc_sec_7_items ul {
    margin-left: 1rem;
}

.tc_sec_7_items ul li {
    margin: 0;
    line-height: 1.6;
}
section.tc_sec_8 {
    color: #fff;
    position: relative;
    background: #000;
    text-align: center;
    min-height: 45rem;
    font-size: large;
    display: flex;
    align-items: flex-end;
}

section.tc_sec_8>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .56;
}

.tc_sec_8_content {
    max-width: 34rem;
    margin: 0 auto 5rem;
    position: relative;
    z-index: 9;
}
.tc_sec_8_content .content{
    margin: .5rem 0 1rem;
}
.about_sec_1 {
    padding-top: 4.5rem;
    padding-bottom: 5rem;
    background: linear-gradient(180deg, #FFF5FA 0%, rgba(255, 245, 250, 0.00) 100%);
}

.about_sec_1 .heading_title {
    max-width: 53rem;
    margin: 0 auto 4rem;
}

.about_sec_1 .row {
    align-items: center;
}

.about_sec_1_img >* {
    border-radius: 2.5rem;
    border: .5rem solid #FFF;
    overflow: hidden;
}

.about_sec_1_img {
    position: relative;
}

.about_sec_1_img .img_2 {
    position: absolute;
    bottom: -3rem;
    right: 0;
    z-index: 9;
    width: 14.6rem;
    height: 14.65rem;
    box-shadow: -4px 0 15px 0 rgba(4, 172, 234, 0.10);
    z-index: 9;
    right: -2rem;
    transform: rotate(14.846deg);
}

.about_sec_1_img .img_2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about_sec_1_bottom .content {
    max-width: 95%;
    margin: 9rem auto 2rem;
    color: #333;
}

.slider_award {
    display: flex;
    overflow: hidden;
    margin-bottom: 7rem;
    max-width: 90%;
    margin: auto;
}

.slider_award .item {
    width: calc(100% / 3);
    flex: 0 0 auto;
}

.slider_award h3 {
    font-size: 1rem;
    max-width: 20rem;
    margin: auto;
    color: #555;
    text-align: center;
}

.slider_award b {
    color: var(--1, #E559A0);
    text-align: center;
    font-size: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    line-height: 1;
    gap: 1rem;
    margin: 1rem 0 .7rem 0;
}

.slider_award .box_img {
    height: 14.35695rem;
    display: flex;
    justify-content: center;
}
video {
    width: 100%;
    height: auto;
    display: block;
}
.about_sec_2_content .heading_title {}

.about_sec_2_content .group_heading {
    margin: 2.5rem 0;
}

.item_process {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.item_process b.year {
    line-height: 1;
    color: var(--1, #E559A0);
    font-size: 4rem;
}

.item_process h3 {
    font-size: 2.25rem;
    margin: .3rem 0 .6rem;
}

.item_process>* {
    width: calc(50% - 5rem);
}

.item_process .box_img img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 2.5rem;
}

.item_process:nth-child(even) .box_img {
    order: -1;
}

.item_process+.item_process {
    margin-top: 7.5rem;
}

.wrap_process {position: relative;}

.wrap_process:before {
    content: '';
    position: absolute;
    left: 50%;
    height: 100%;
    background: rgba(184, 204, 215, 0.65);
    width: 1px;
}

.item_process:before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: #E559A0;
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 50%;
    top: 6rem;
}
.about_sec_2_bg img {
    width: 100%;
    height: auto;
    display: block;
}

.about_sec_2_bg {
    position: relative;
}

.about_sec_2_bg:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    height: 6rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
}

section.about_sec_3 .heading_title,section.about_sec_2 .heading_title {
    font-size: 2.75rem;
}

section.about_sec_3 {
    padding-top: 7rem;
}
.about_sec_3_wrap .item>* {
    width: 50%;
}

.about_sec_3_wrap .box_img .inner {
    width: 100%;
    border-radius: 2.5rem;
    border: 12px solid #B8EAFF;
    opacity: 0.3;
    overflow: hidden;
    transition: .8s all;
    transform: rotate(0deg);
    top: 0;
}

.about_sec_3_wrap .box_img img {
    width: 100%;
    height: auto;
}

.about_sec_3_wrap .content {
    padding-right: 5rem;
}

.about_sec_3_wrap .item:nth-child(even) .box_img {
    order: -1;
    padding-right: 3rem;
    position: relative;
    top: 0;
    transition: .8s all;
}

.about_sec_3_wrap .item:nth-child(even) .content {
    margin-top: 5rem;
}

.about_sec_3_wrap .item:nth-child(odd) .box_img {
    position: relative;
    top: 3rem;
    transition: .5s all;
}

.about_sec_3_wrap {
    margin-top: 5rem;
}
section.about_sec_1 .heading_title {
    font-size: 2.75rem;
}

.about_sec_3_wrap .item:hover .box_img {
    opacity: 1;
}

.about_sec_3_wrap .item:hover .box_img .inner {
    opacity: 1;
    transform: rotate(3.573deg);
    top: -2rem;
}

.about_sec_3_wrap .item:nth-child(even):hover .box_img {
}

.about_sec_3_wrap .item:nth-child(even):hover .box_img .inner {
    transform: rotate(-4.016deg);
    top: -4rem;
}
section.about_sec_4 {
    padding-top: 5rem;
    position: relative;
    overflow: hidden;
    padding-bottom: 14rem;
}

.about_sec_4_nav .item {
    max-width: 13rem;
    margin: auto;
    text-align: center;
    cursor: pointer;
}

.about_sec_4_nav.flex {
    gap: 1rem;
}

.about_sec_4_nav .icon {
    width: 6.4894rem;
    height: 6.4894rem;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    background: #FFF5FA;
    border-radius: 100%;
}

.about_sec_4_nav .icon img {
    max-width: 63%;
}

.about_sec_4_nav b {
    line-height: 1.2;
    display: block;
    font-size: 1.25rem;
    margin-top: 1rem;
    transition: .5s all;
}
.about_sec_4_nav b br {
    display: none;
}
.about_sec_4_nav_for .item {
    display: none;
}

.about_sec_4_nav_for .item.active {
    display: block;
}

.about_sec_4_nav_for h3.heading_title,.about_sec_4_nav_for h3.heading_title span {
    text-align: left;
    font-size: 2.75rem;
}

.about_sec_4_nav_for .box_content {
    padding-right: 6rem;
    width: 50%;
}

.about_sec_4_nav_for .content {
    margin-bottom: 1.6rem;
}

.about_sec_4_nav_for  .box_img img {
    border-radius: 2.5rem;
    width: 100%;
    height: auto;
    display: block;
}

.about_sec_4_nav_for {
    margin-top: 4rem;
}

.about_sec_4_nav_for  .box_img {
    width: 50%;
}

section.about_sec_5 .heading_title {
    font-size: 2.75rem;
}

.content.quote.text-center {
    max-width: 52rem;
    margin: 5rem auto 8rem;
    color: var(--1, #E559A0);
    font-size: 1.25rem;
}

section.about_sec_5 {
    background: #FFF5FA;
    padding-top: 7.4rem;
    position: relative;
}

.slider_imgs {
    max-width: 82rem;
    margin: 5rem auto 6rem;
    border-radius: 2.5rem;
    overflow: hidden;
}
.about_sec_5_slider .item+.item {
    display: none;
}

.about_sec_5_slider .item {
    display: block;
}

.about_sec_5_slider .inner {
    background: transparent;
}

.about_sec_5_slider h3 {
    color: var(--1, #E559A0);
    font-size: 2.25rem;
    line-height: 1.1;
}

.about_sec_5_slider .box_content {
    width: 50%;
    padding-right: 4.5rem;
}

.about_sec_5_slider .box_img img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 2.5rem;
    border: 12px solid #FFF;
    overflow: hidden;
}

section.about_sec_5 a.button_style.button {
    margin: auto;
    display: flex;
    width: max-content;
    transform: translateY(50%);
    margin-top: 6rem;
}

section.about_sec_6 {
    padding-top: 8rem;
    position: relative;
}

section.about_sec_6 h2.heading_title {
    font-size: 2.75rem;
    margin-bottom: 3rem;
}
.about_sec_6_img img {
    width: 100%;
    transform: translateX(-3rem);
}

.about_sec_6_toggle h3 {
    font-size: 2.25rem;
    margin: 0;
    cursor: pointer;
    transition: .5s all;
}

.about_sec_6_toggle .content {
    margin: 1rem 0 0 0;
    display: none;
}

.about_sec_6_toggle .active .content {
    display: block;
}

.about_sec_6_toggle .item {
    padding: 1.5rem 0;
    border-bottom: 1px solid rgba(85, 85, 85, 0.30);
}

.about_sec_6_toggle .item.active h3 {
    color: var(--1, #E559A0);
}

.about_sec_6_toggle .item.active {
    border-color: #E559A0;
}
.wrap_animation {
    position: absolute;
    width: 100vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    top: 17rem;
}

.wrap_animation img {
    max-width: 22rem;
    transform: translateX(-50%);
    transition: 2s all;
}

section.home_sec_2 {
    position: relative;
}

section.home_sec_2 .group_heading .content {
    margin-bottom: 1.5rem;
}

section.home_sec_2 .group_heading.text-center {
    max-width: 45rem;
    margin: auto;
}

.wrap_animation .wrap_right img {
    transform: translateX(50%);
}

section:hover .wrap_animation img,.wrap_section45:hover .wrap_animation img {
    transform: translateX(0);
    transition-delay: .4s;
}
.home_sec_3{
    position: relative;
}
.home_sec_3:before{
    content: '';
    background-image: url('../images/line_top.png');
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3.5rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.wrap_section45{
    background-image: url(../images/nen.png);
    background-size: 106% auto;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    z-index: 9;
}
section.home_sec_5 .video_box {
    margin-bottom: -19rem;
}
.slider_logo .item {
    width: 20%;
    display: flex !important;
}
.home_sec_7_wrap h2.heading_title, .home_sec_7_wrap h2.heading_title span {
    text-align: left;
}

.home_sec_7_wrap h2.heading_title {
    margin-bottom: 0;
}

.home_sec_7_wrap .content {
    font-size: 1.5rem;
}

.slider_team_for .item {
    display: flex;
}

.slider_team_for .info {
    list-style: none;
}

.slider_team_for .box_content>.content {
    padding-left: 1.6rem;
    border-left: 2px solid #FFF;
    line-height: 1.4;
    margin-top: 1.9rem;
    margin-bottom: 2rem;
    font-weight: 600;
}

.slider_team_for .info li {
    display: flex;
    align-items: center;
    margin: 0;
}

.slider_team_for .info .icon {
    width: 1rem;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    margin-right: .4rem;
}

.slider_team_for .item:not(:first-child) {
    display: none;
}

.slider_team_for  h3 {
    color: #ffff;
    margin-bottom: .2rem;
}

.slider_team_for {
    margin-top: 1.6rem;
}

.slider_team_for .box_content {
    width: 35rem;
    flex: 0 0 auto;
}

.slider_team_for .box_img img {
    margin-top: -15rem;
    width: 46.5rem;
    max-width: unset;
}
.slider_nav_team {
    display: flex;
    border-radius: 0 0 3.2rem 3.2rem;
    padding: 0 6rem;
    overflow: hidden;
}

.item_nav_team {
    width: 20%;
    padding: 1.4rem 2rem;
    cursor: pointer;
}

.item_nav_team .box_img {
    width: 7.8rem;
    height: 7.8rem;
    display: flex;
    align-items: flex-end;
    position: relative;
    z-index: 2;
}

.item_nav_team .box_img:before,.item_nav_team .box_img:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2rem;
    background: linear-gradient(0deg, #e970ad, transparent);
    transition: .5s all;
}

.item_nav_team h3 {
    color: var(--4, #FFF);
    font-size: 1.15rem;
    margin: .5rem 0 0 0;
        min-height: 2.9rem;
}

.item_nav_team ul {
    list-style: none;
    margin: 0;
}

.item_nav_team ul li {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 700;
}

.item_nav_team+.item_nav_team {
    border-left: 1px solid rgba(255, 255, 255, 0.20);
}
.wrap_section45 .wrap_animation {top: 81%;}
.button_style.style_2 {
    background: #fff;
    color: #E559A0;
    transition: .5s all;
}

.button_style.style_2 .icon {
    background: #E559A0;
}

.button_style.style_2 .icon path {stroke: #fff;}


section.home_sec_8 .row {
    align-items: center;
}

.home_sec_8_img {
    width: calc(100% + 23rem);
    float: right;
    margin-right: -10rem;
}

.home_sec_8_img img {
    width: 100%;
    display: block;
}
.home_sec_8 .wrap_animation {
    z-index: 2;
}
.service_sec_1 .wrap_animation {
    top: 2rem;
}
section.service_sec_2:before{
    content: '';
    background-image: url(../images/may_ht.png);
    position: absolute;
    width: 55rem;
    height: 25rem;
    right: 0;
    top: 3rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
}
section.tc_sec_1 .heading_title span,section.tc_sec_1 .heading_title {
    text-align: left;
}

.list_posts.style_2.style_3 .item_post:nth-child(2),.list_posts.style_2.style_3 .item_post:nth-child(3) {
    width: calc(calc(100% / 2) - 1.2rem);
}
.slider_imgs .item+.item {
    display: none;
}
.about_sec_6_imgb {
    margin-top: 4rem;
    position: relative;
}

section.about_sec_7 .heading_title,section.about_sec_7 .heading_titl span {
    font-size: 2.75rem;
    line-height: 1.3;
}

section.about_sec_7 {
    padding-top: 7rem;
    background: #FFF5FA;
    padding-bottom: 5rem;
    background-image: url(../images/Group_1000007733.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top 49rem center;
}

section.about_sec_7 .heading_title {
    margin-bottom: 4rem;
}

section.about_sec_7 .content {
    margin-bottom: 1.5rem;
}

.about_sec_7_img img {width: 100%;height: auto;display: block;border-radius: 2.5rem;border: .6rem solid #FFF;}

.about_sec_6_imgb  a.button_style.button {
    transform: translateY(50%);
}

.about_sec_7_img {
    transform: rotate(3.573deg) translateX(2rem);
}

section.about_sec_7 .col.large-10.meidum-10.text-center .content {
    margin: 5rem 0 3rem;
}
.about_sec_7_imgb {
    padding: 0 4rem;
    margin-bottom: 3rem;
}

.about_sec_7_imgb + .content {
    text-align: center;
    line-height: 1.5;
}

.wrap_payment {
    display: flex;
    justify-content: center;
    gap: 2.5rem;
}

.wrap_payment .item {
    height: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.about_sec_8 {
    padding: 6rem 0;
}

.about_sec_8 .group_heading .content {
    margin: 1.6rem 0 5rem;
}

.td_sec_3_galery {
    display: grid;
    grid-template-columns: 50% 25% 25%;
    grid-template-rows: 50% 50%;
}

.td_sec_3_galery .item:nth-child(4) {
    grid-column: 2/4;
}

.td_sec_3_galery .item:nth-child(1) {
    grid-row: 1/3;
}

.td_sec_3_galery img {width: 100%;height: 100%;object-fit: cover;}

.about_sec_9_slider .item+.item {display: none;}

.about_sec_9_slider .item {
    border-radius: 2.5rem;
    overflow: hidden;
    height: 28rem;
}

.about_sec_9_slider .item img {
    width: 100%;
    height: auto;
    display: block;
}

.about_sec_9_slider {
    margin-top: 0.5rem;
}

section.about_sec_9 {
    padding-bottom: 4rem;
}
section.td_sec_1 {
    padding: 7rem 0;
    position: relative;
    background: linear-gradient(180deg, #F4FBFE 0%, rgba(244, 251, 254, 0.00) 100%);
}

section.td_sec_1 .text-center.group_heading {
    max-width: 57rem;
    margin: auto;
}

.td_sec_1_items .item {
    display: flex;
    align-items: center;
}

.td_sec_1_items .item>* {
    width: 50%;
}

.td_sec_1_items .box_img .inner {
    max-width: 90%;
    position: relative;
    background: transparent;
}

.td_sec_1_items .number {
    position: absolute;
}

.td_sec_1_items .box_img .inner img {
    border-radius: 1.875rem;
    transform: rotate(-0.977deg);
}

.td_sec_1_items h3 {
    font-size: 2.25rem;
    color: var(--1, #E559A0);
    margin-bottom: .8rem;
}

.td_sec_1_items ul {
    margin-left: 1rem;
}

.td_sec_1_items ul li {
    margin-bottom: 0rem;
}

.td_sec_1_items {
    margin-top: 3.7rem;
}

.td_sec_1_items .item:nth-child(even) .box_img {
    order: 2;
}

.td_sec_1_items .item:nth-child(even) .box_img .inner {
    margin-left: auto;
}

.td_sec_1_items .item:nth-child(even) .box_img .inner img {
    transform: rotate(-1.582deg);
}

.td_sec_1_items .item+.item {
    margin-top: 4rem;
}

section.td_sec_1 .video_box {
    margin: 6rem 0 0;
    border-radius: 0;
}
.td_sec_1_items .box_img .number {
    color: var(--1, #E559A0);
    text-align: center;
    -webkit-text-stroke-width: .9rem;
    -webkit-text-stroke-color: #FFF;
    font-family: Nunito;
    font-size: 7.5rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    font-style: italic;
}

.td_sec_1_items .box_img .number:before {
    content: attr(data-title);
    -webkit-text-stroke-width: 0;
    -webkit-text-stroke-color: #FFF;
    position: absolute;
}

.td_sec_1_items .item:nth-child(even) .number {
    right: unset;
    left: -3rem;
    top: -5rem;
}
ul.list_tax_td {
    list-style: none;
    margin: 2rem 0 3rem;
    display: flex;
    justify-content: center;
    gap: .9rem;
}

ul.list_tax_td li {
    margin: 0;
}

ul.list_tax_td a {
    height: 2.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #F0CFDF;
    border-radius: 100px;
    color: var(--1, #E559A0);
    justify-content: center;
    padding: 0 1.5rem;
    min-width: 15rem;
    transition: .5s all;
}

ul.list_tax_td a.active,ul.list_tax_td a:hover {
    background: var(--1, #E559A0);
    color: #fff;
}
.wrap_table_td tr, .wrap_table_td td,.wrap_table_td th {
    border: none;
}

.wrap_table_td tr {
    background: rgb(255 245 250 / 80%);
}

.wrap_table_td tr td {
    border-top: 4px solid #fff !important;
}

.wrap_table_td td,.wrap_table_td th {
    padding: 1rem;
    color: #333;
    font-size: 1.25rem;
}

.wrap_table_td td:nth-child(1) {
    color: var(--1, #E559A0);
    font-size: 1.75rem;
}

.wrap_table_td a,.wrap_table_td td>span {
    height: 2.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #E559A0;
    border-radius: 100px;
    color: #fff;
    padding: 0 1.3rem;
    min-width: 9rem;
    border: 2px solid #E559A0;
    transition: .5s all;
}

.wrap_table_td td>span {
    background: #CAEFFD;
    color: var(--1, #E559A0);
}

.wrap_table_td td:last-child, .wrap_table_td th:last-child, .wrap_table_td td:nth-child(3), .wrap_table_td th:nth-child(3), .wrap_table_td td:nth-child(4), .wrap_table_td th:nth-child(4), .wrap_table_td td:nth-child(1), .wrap_table_td th:nth-child(1) {
    text-align: center;
}

.wrap_table_td td:nth-child(2), .wrap_table_td th:nth-child(2) {
    width: 21%;
}

.wrap_table_td {
    text-align: center;
    border-radius: 1rem;
    overflow: hidden;
}

.wrap_table_td thead th {
    background: var(--1, #E559A0);
    color: #fff;
    font-weight: 900;
    text-transform: unset;
}

.wrap_table_td td:nth-child(5), .wrap_table_td th:nth-child(5) {
    width: 19%;
    text-align: center;
}
section.td_sec_3 {
    padding: 7rem 0 0;
}

section.td_sec_3 .group_heaidng {
    margin-bottom: 2rem;
}
section.footer_top {
    background: #FFF5FA;
    padding: 5rem 0 6rem;
}

section.footer_top .text-center.group_heading {
    max-width: 52rem;
    margin: auto;
}

.slider_office {
    display: flex;
    margin-top: 2rem;
}

.slider_office .item {
    width: calc(100% / 6);
    height: 4.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider_office .item img {
    max-height: 85%;
    width: auto;
}
.button_style .icon svg {
    max-width: 55%;
    transform: translate(0, 0);
    transition: .5s all;
}
.open_menu {
    display: none;
}
footer.footer {
    padding: 0;
    filter: drop-shadow(0 4px 35px rgba(100, 100, 100, 0.10));
    background-color: #fff;
    padding-top: 3rem;
    background-image: url(../images/Group_1000007053.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 32rem;
    background-repeat: no-repeat;
}

.logo_footer img {
    height: 5.5rem;
    display: flex;
}

.logo_footer {
    margin-bottom: 2rem;
}

.footer_1 .content {
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.6;
}

.footer_1 h3 {
    color: var(--1, #E559A0);
}

footer_1 {
    padding-right: 4rem;
}

.footer_1 {
    padding-right: 4rem;
}

.footer_1 .content p:last-child {
    margin: 0;
}

span.title_footer {
    color: var(--1, #E559A0);
    font-size: 1.25rem;
    display: block;
    margin-bottom: .6rem;
}

.menu_footer ul {
    list-style: none;
    margin: 0;
}

.menu_footer ul a {
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 700;
    transition: .5s all;
}

.menu_footer ul li {
    margin: 0;
}

.list_cn.flex {
    gap: .5rem;
    margin-top: 1.5rem;
}

.form_footer .inner {
    position: relative;
}

.form_footer input {
    margin: 0;
    border: none;
    box-shadow: none !important;
    padding: 0;
    border-bottom: 1px solid #E559A0;
    color: rgba(85, 85, 85, 0.50);
    font-size: 1rem;
}

.form_footer input::placeholder {
    color: rgba(85, 85, 85, 0.50);
}

.form_footer button {
    margin: 0;
    position: absolute;
    right: 0;
    display: flex;
    justify-content: center;
    top: 0;
    padding: 0;
    min-height: unset;
    display: flex;
    align-items: center;
    height: 100%;
}

.form_footer form {
    margin: 0;
}

.form_footer button svg {width: 1.2rem;height: auto;}

ul.socials_footer {
    list-style: none;
    margin: 1.1rem 0;
    display: flex;
    gap: .6rem;
}

ul.socials_footer li {
    margin: 0;
}

ul.socials_footer  img {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 100px;
    overflow: hidden;
}
ul.pttt {
    list-style: none;
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    align-items: center;
}

ul.pttt img {
    max-height: 2.2rem;
    width: auto;
    height: auto;
    display: block;
}

ul.pttt li {
    margin: 0;
}

.footer_nav {
    background: var(--1, #E559A0);
    color: #fff;
    font-size: 0.75rem;
    padding: 1rem 0;
    margin-top: 3rem;
}
.item.style_2 .sale {
    background-image: url(../images/bg_sale2.svg);
}
.contact_page_items .item .content {
    word-break: break-word;
}
.service_item+.service_item .box_img {
    width: 100%;
}
.link_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    display: block;
}
section.home_sec_1>img {
    width: 100%;
    height: auto;
    display: block;
}
.wrap_section45 .home_sec_4 .wrap_animation {
    top: -3%;
}


.wrap_section45 .home_sec_4 .wrap_animation .item.wrap_right {
    margin-right: 8rem;
}
section.home_sec_5::before{
    content: '';
    background-image: url(../images/line_bottom.svg);
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 4.5rem;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom center;
}
.home_sec_5_img a.button_style {
    position: absolute;
    bottom: 25rem;
    left: 50%;
    transform: translateX(-50%);
}
section.work_details {
    background: linear-gradient(180deg, #FFF5FA 0%, rgba(255, 245, 250, 0.00) 100%);
    padding: 5rem 0 0;
}

section.work_details h1.heading_title {
    text-align: left;
    font-size: 2.75rem;
}

section.work_details h1.heading_title span {
    text-align: left;
    display: inline-block;
}

section.work_details .group_heading {
    padding-right: 2rem;
}

.box_meta {
    color: #666;
    font-size: 0.9rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    margin: .7rem 0;
}

.box_meta span {
    opacity: 0.3;
    font-weight: 400;
    font-size: .6rem;
}

.share_post ul {
    list-style: none;
    margin: 0;
    display: flex;
    gap: .8rem;
}

.share_post ul a {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #C3C3C3;
    border-radius: 50%;
}

.share_post ul a svg {
    width: 50%;
    height: auto;
    max-height: 50%;
}

.share_post ul  li {
    margin: 0;
}

.content.mota {
    color: #333;
    font-size: 1.25rem;
}

section.work_details_banner img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.work_details_banner {
    margin: 2rem 0;
    position: relative;
}

section.work_details_banner .row {
    justify-content: flex-end;
}

.work_banner_content {
    background: var(--1, #E559A0);
    padding: 8rem 4rem 4rem;
    color: #fff;
}

.work_banner_content .content {
    font-size: 2.25rem;
    margin-bottom: 7rem;
}

.work_banner_content  .name {
    font-weight: 700;
    text-transform: uppercase;
}

.work_banner_content  .position {
    font-size: 0.9rem;
    font-weight: 700;
}

.work_details_box .row {
    justify-content: center;
}

.work_details_box {
    color: #333;
}

.work_details_box .group_heading .number {
    font-size: 7.5rem;
    color: var(--1, #E559A0);
    font-style: italic;
    line-height: .7;
    margin-bottom: 1.3rem;
    display: block;
}

.work_details_box .group_heading h2.title {
    font-size: 2.75rem;
    text-transform: uppercase;
}

.cac_tag ul {
    display: flex;
    list-style: none;
    margin: 0;
    justify-content: center;
}

.cac_tag ul li {
    margin: 0;
    font-weight: 700;
    font-size: 0.9rem;
    color: #666;
    display: flex;
    align-items: center;
}

.cac_tag ul li + li:before {
    content: '';
    width: 0.2rem;
    height: 0.2rem;
    background: #D9D9D9;
    display: inline-block;
    border-radius: 50%;
    margin: 0 1.5rem;
}

.cac_tag {
    margin-bottom: 3.5rem;
}

.work_details_img img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 2.5rem;
    transform: rotate(2.879deg);
}

.work_details_box .content.bottom {
    margin-top: 2.5rem;
}

.work_details_box .item.style_3>img {
    display: block;
    width: 100%;
    margin-top: 2.75rem;
}

.style_4 .work_details_img img {
    transform: rotate(-3.265deg);
}

section.work_details_bottom b {
    font-size: 1.1rem;
    color: #555;
}

ul.list_tags {
    list-style: none;
    margin: 0;
    display: flex;
    gap: .5rem;
}

.wrap_tags_post {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

ul.list_tags li {
    margin: 0;
}

ul.list_tags a {
    border-radius: 5rem;
    background: var(--1, #E559A0);
    color: #fff;
    font-size: 1.1rem;
    padding: .16rem 1rem;
    border: 1px solid var(--1, #E559A0);
    transition: .5s all;
}

section.work_details_bottom .row:before {
    content: '';
    left: 10px;
    right: 10px;
    height: 1px;
    background: #C0C0C0;
    position: absolute;
    top: 0;
}

section.work_details_bottom .row {
    position: relative;
    padding-top: 1.4rem;
}

section.work_details_bottom {
    margin-top: 4rem;
}

section.post_related {
    padding-top: 6rem;
    padding-bottom: 5rem;
}

section.post_related h2.heading_title {
    margin-bottom: 1.5rem;
}

.work_details_box .item+.item {
    margin-top: 5.5rem;
}

.content p:last-child {
    margin: 0;
}
section.news_details {
    background: linear-gradient(180deg, #fff5fa42, transparent);
    padding-top: 4.5rem;
}

section.news_details .group_heading {
    max-width: 58rem;
    margin: auto;
    text-align: center;
}

.info_bs {
    display: flex;
    align-items: center;
    margin: auto;
    border-radius: 100px;
    border: 1px solid #E559A0;
    background: #FFF;
    box-shadow: 0 4px 20px 0 rgba(6, 165, 237, 0.05);
    padding: .6rem;
    gap: 1.5rem;
    width: max-content;
    margin: 1.2rem auto 3rem;
    padding-right: 1.8rem;
    cursor: pointer;
    transition: .5s all;
}

.info_bs .box_img {
    width: 5.8rem;
    height: 5.8rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: #E7F5FC;
    border-radius: 100px;
    overflow: hidden;
}

.info_bs span {
    color: #717171;
    font-size: .9rem;
    font-weight: 700;
}

.info_bs h3 {
    font-size: 1.2rem;
    color: var(--1, #E559A0);
    margin: 0;
    text-transform: uppercase;
}

.info_bs h3 {
    margin: 0;
    line-height: 1;
    margin-top: .5rem;
}

.info_bs .position {
    color: #555;
    font-size: 1.1rem;
    font-weight: 700;
}

section.news_details .content.noi_dung {
    color: #555;
    font-size: 1.1rem;
    max-width: 58rem;
    margin: auto;
}

section.news_details .content.noi_dung ul {
    margin-left: 1.5rem;
}

section.news_details .content.noi_dung img {
    max-width: unset;
    margin: 0 -5rem;
    width: calc(100% + 10rem);
}

section.news_details+section.work_details_bottom {
    margin-top: 2.5rem;
}

section.post_related h2.heading_title {
    text-transform: uppercase;
}
.slider_post_related .item_post {
    width: calc(100% - 1rem);
    box-shadow: 0 5px 5px 0 rgba(6, 146, 199, 0.05);
    margin: .5rem !important;
}

.slider_post_related .slick-slide {
    padding: 0 .6rem;
}

.slider_post_related {
    margin: 0 -0.6rem;
}

ul.slick-dots {
    display: none !important;
    justify-content: center;
    list-style: none;
    margin: 0;
    gap: 1rem;
}

ul.slick-dots button {
    font-size: 0;
    padding: 0;
    width: .4rem;
    height: .4rem;
    background: #E559A0;
    border-radius: 50%;
    opacity: .2;
}

ul.slick-dots .slick-active button {
    opacity: 1;
}

ul.slick-dots li {
    margin: 0;
}
.wrap_animation{
    pointer-events: none;
}
.wrap_service {
  overflow: hidden;
  width: 100%;
}

.wrap_service .inner {
  display: flex;
  animation: marquee 15s linear infinite;
  /* Bỏ width: max-content */
}

.wrap_service .inner:hover {
  animation-play-state: paused;
}

@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(calc(-50% - 10px)); /* -10px = gap/2 */ }
}

.home_sec_4_items ul li::before,
section.serviced3 ul li::before,
section.serviced3::before{
    content: '';
    background-image: url(../images/icon_check.svg);
    display: inline-block;
    border-radius: 50%;
    width: 1.2rem;
    height: 1.2rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    flex: 0 0 auto;
    margin: .2rem .5rem 0 0;
}
section.serviced3::before {
    background-image: url(../images/Vector_29.png);
    right: -2.5rem;
    bottom: -2rem;
    position: absolute;
    width: 21rem;
    height: 16rem;
    background-size: cover;
    margin: 0;
    background-position: top right;
}

.home_sec_4_items .style_2 ul li::before{
    background-image: url(../images/icon_check2.svg);
}
.home_sec_4_items ul li {
    display: flex;
}
.slider_team_for .slick-list {
    overflow: unset;
}

.arrow_slider {
    position: absolute;
    top: 50%;
    left: 2rem;
    width: 2.25rem;
    height: 2.25rem;
    border: 1px solid var(--4_FFFFFF, #FFF);
    background: #FFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 9;
    cursor: pointer;
    transform: translateY(-50%);
}
.item_nav_team:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #fff;
    opacity: .1;
}

.item_nav_team {
    position: relative;
    cursor: pointer;
}

.item_nav_team:after {
    content: '';
    position: absolute;
    top: -2.3rem;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg, #F0CFDF 0%, rgba(229, 89, 160, 0.00) 100%);
    border-radius: 1.25rem 1.25rem 0 0;
    bottom: 0;
    opacity: 0;
    transition: .5s all;
}

.item_nav_team .info {
    position: relative;
    z-index: 2;
}

.slider_nav_team .slick-list {
    padding-top: 2.3rem;
}

.slick-slide.slick-active.slick-current .item_nav_team:after {
    opacity: 1;
}

.slick-slide.slick-active.slick-current {}

.slider_nav_team:before {
    content: '';
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.35) 0%, rgba(229, 89, 160, 0.70) 100%);
    backdrop-filter: blur(10px);
    position: absolute;
    top: 1.8rem;
    left: 0;
    width: 100%;
    bottom: 0;
}

.wrap_slider_nav_team {
    margin-top: -2.3rem;
    position: relative;
}

.item_nav_team .box_img:before {
    opacity: 1;
    transition: .5s all;
}

.item_nav_team .box_img:after {
    background: linear-gradient(0deg, #ec91bf, transparent);
    opacity: 0;
}

.slick-slide.slick-active.slick-current .item_nav_team .box_img:before {
    opacity: 0;
}

.slick-slide.slick-active.slick-current .item_nav_team .box_img:after {
    opacity: 1;
}

.arrow_slider.next {
    left: unset;
    right: 2rem;
}

.arrow_slider svg {
    width: .4rem;
    height: auto;
}
section.serviced1 img {
    width: 100vw;
    height: auto;
    display: block;
}

section.serviced2 {
    padding: 6rem 0 12rem;
    position: relative;
    background: linear-gradient(0deg, rgba(255, 245, 250, 0.00) 0%, rgba(255, 245, 250, 0.69) 34.18%, #FFF5FA 100%);
}

section.serviced2:before,
section.serviced2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80%;
}
section.serviced2:after{
    background-image: url(../images/service_line.svg);
    height: 21rem;
    background-repeat: no-repeat;
    background-size: 100% auto;
    bottom: 10rem;
}
section.serviced2 .content {
    padding: 0 5rem;
    text-align: left;
}

.serviced2_items .content {
    padding: 0 !important;
}

.serviced2_items {
    display: flex;
    justify-content: center;
    gap: 3rem;
    margin-top: 4rem;
}

.serviced2_items .item {
    padding: 2rem;
    width: 17.4rem;
    height: 17.4rem;
    position: relative;
    z-index: 0;
}

.serviced2_items b {
    color: var(--4, #FFF);
    -webkit-text-stroke-width: .7rem;
    -webkit-text-stroke-color: var(--1, #E559A0);
    font-size: 4rem;
    font-style: normal;
    font-weight: 900;
    line-height: 1; /* 37.5% */
    margin-bottom: .5rem;
    display: block;
    position: relative;
}

.serviced2_items .item:before,.serviced2_items .item:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    background: var(--1, #E559A0);
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 1.5rem;
}

.serviced2_items .item:after {
    background: #fff;
}

.serviced2_items .item:before {
    bottom: -.6rem;
    right: -.6rem;
}

section.serviced3 {
    padding-top: 5rem;
    padding-bottom: 10rem;
    position: relative;
}

section.serviced3 .about_sec_4_nav.flex {
    margin-top: 2rem;
}

section.serviced3  .box_content {
    padding: 0 0 0 6rem;
}

section.serviced3 ul li:before {
    content: '';
}

section.serviced3 ul {
    list-style: none;
    margin: 0;
}

.about_sec_4_nav .item.active b {
    color: #E559A0;
}
section.serviced2 .row.justify-center {
    z-index: 9;
    position: relative;
}

section.serviced2 .wrap_animation {
    z-index: 2;
}

section.serviced2 .wrap_animation .item.wrap_left {position: relative;top: 2.5rem;}


.serviced2_items b::before {
  content: attr(data-title);
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  color: #fff;
  z-index: 2;
  text-align: left;
  -webkit-text-stroke-width: 0;
}


.about_sec_4_nav_for .item.active {
    display: block;
    animation-name: fade_up;
    animation-duration: 1.5s;
}
@keyframes fade_up {
    from {
        opacity: 0;
        transform: translateY(0px);
    }
    to {
        opacity: 1;
        transform: translateY(0px);
    }
}
img.imgbb {
    width: 7rem;
    position: absolute;
    bottom: 0;
    left: -2rem;
    bottom: -1rem;
}

.content.about_sec_1_content {
    padding-right: 4rem;
}
img.about_sec_1_imght {
    position: absolute;
    z-index: 10;
    bottom: -3rem;
    left: 5rem;
    width: 34rem;
}
img.img_ong_nghe {
    position: absolute;
    width: 12rem;
    height: auto;
    top: 47rem;
}
.slider_award b::before,
.slider_award b::after{
    content: '';
    background-image: url(../images/vien_cn.svg);
    display: inline-block;
    width: 1.4rem;
    height: 4rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.slider_award b::after {
    transform: rotateY(180deg);
}

.slider_award .slick-slide {
    scale: 1;
    transition: .8s all;
    top: 0;
    position: relative;
}

.slider_award .slick-slide.slick-current {
    scale: 1.2;
    top: 2rem;
}

.slider_award .slick-list {
    padding: 0 0 4rem !important;
}
section.about_sec_2 {
    padding-top: 0rem;
    position: relative;
}

.about_sec_2_bg .content_top {
    overflow: hidden;
    max-width: 59rem;
    margin: auto;
    font-size: 1.4rem;
    color: #E559A0;
    line-height: 1.3;
}
.wrap_ht_section {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: space-between;
    top: 29rem;
    z-index: 9;
    pointer-events: none;
}

.wrap_ht_section .item img {
    transform: rotateY(180deg);
    width: 15rem;
}
.about_sec_2_img img {
    width: 100%;
    display: block;
}

.about_sec_2_img:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
    z-index: 2;
    top: 0;
    height: 24rem;
}

.about_sec_2_img {
    position: relative;
}
.about_sec_3_wrap .item .box_img::before{
    content: '';
    background-image: url(../images/icon1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 10rem;
    height: 10rem;
    z-index: 10;
    right: -4rem;
    top: -5rem;
    opacity: 0;
    transition: .6s all;
}
.about_sec_3_wrap .item:nth-child(even) .box_img::before{
    background-image: url(../images/icon2.png);
    width: 39rem;
    height: 28rem;
    right: 2rem;
    top: 1rem;
}
.about_sec_3_wrap .item:hover .box_img::before {
    opacity: 1;
}
section.about_sec_4::before{
    content: '';
    background-image: url(../images/co.png);
    width: 23rem;
    height: 4.5rem;
    display: inline-block;
    background-position: bottom center;
    background-size: contain;
    position: absolute;
    bottom: -1.5rem;
    left: 23rem;
}
.content.quote.text-center::before{
       content: '';
       background-image: url(../images/icon_quote.svg);
       display: inline-block;
       width: 4.5rem;
       height: 3.5rem;
       background-size: contain;
       background-repeat: no-repeat;
       display: block;
       margin: auto;
       margin-bottom: .5rem;
}
section.about_sec_5 .wrap_ht_section {
    top: -13rem;
}

.wrap_ht_section.style_2 img {
    transform: unset;
    width: 17rem;
}
section.about_sec_5 .group_heading.text-center {
    padding: 0 3rem;
}

.about_sec_5_slider {
    max-width: 93%;
    margin: auto;
}

.about_sec_5_slider .arrow_slider {
    bottom: 0;
    top: unset;
    left: 0;
    transform: unset;
    border: 1px solid var(--1, #E559A0);
    background: transparent;
    z-index: 10;
}

.about_sec_5_slider .arrow_slider.next {
    left: 3rem;
    right: unset;
}
section.about_sec_6:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(255, 245, 250, 0.00) 0%, #FFF5FA 100%);
    bottom: 0;
    height: 31.9rem;
    opacity: .7;
}
.about_sec_6_imgb::before{
    content: '';
    position: absolute;
    top: 1rem;
    left: 0;
    width: 100%;
    height: 27rem;
    background-image: url(../images/Group_1000007732.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
}
.about_sec_6_imgb .box_img {
    position: relative;
    z-index: 2;
    top: 3rem;
}
.about_sec_6_imgb .wrap_ht_section.style_2 {
    bottom: -3rem;
    top: unset;
    padding: 0 9rem;
}

.about_sec_6_imgb .wrap_ht_section.style_2 img {
    width: 14rem;
}

.about_sec_6_imgb .wrap_ht_section.style_2 .item {
    margin: 0;
}

.about_sec_6_imgb .wrap_ht_section.style_2 .item.right img {
    position: relative;
    top: 6rem;
    right: 2rem;
    width: 15rem;
}

section.about_sec_7 .col.large-10.medium-10.text-center {
    margin-top: 4rem;
    margin-bottom: 1rem;
}
.about_sec_9_slider .slick-slide {
    scale: 1;
    transition: .6s all;
    position: relative;
}

.about_sec_9_slider .slick-list {
    padding-top: 3rem  !important;
    padding-bottom: 3rem  !important;
}

.about_sec_9_slider .slick-slide.slick-active.slick-current {
    scale: 1.1;
    z-index: 9;
    transition-delay: .3s;
}

section.about_sec_9 .arrow_slider {
    left: -4rem;
    border: 1px solid var(--1, #E559A0);
}

section.about_sec_9 .arrow_slider.next {
    left: inherit;
    right: -4rem;
}
.tc_sec_1_img::before,
.tc_sec_1_img::after{
    content: '';
    position: absolute;
    bottom: -3rem;
    left: 5rem;
    width: 100%;
    height: 100%;
    background-image: url(../images/Vector_28.png);
    width: 41rem;
    height: 18rem;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
}
.tc_sec_1_img::after{
    background-image: url(../images/Group_1000007731.png);
    top: 0;
    left: unset;
    height: 42rem;
}
section.tc_sec_2 .wrap_ht_section {
    top: 0;
    bottom: unset;
}

section.tc_sec_3 .wrap_ht_section {
    top: 0;
}

section.tc_sec_3 .wrap_ht_section img {
    width: 14rem;
}

section.tc_sec_3 .wrap_ht_section .left img {
    margin-top: 4rem;
}

section.tc_sec_4 .table_img .inner.active {
    max-height: unset;
    padding-bottom: 4rem;
}
.tc_sec_6_slider .slick-list {overflow: unset;max-width: 100vw;}

section.kt_sec_1.style_2 .content {
    color: #555555;
    max-width: 29rem;
}
.bs_popup .inner {
    width: 49rem;
    border-radius: 1.5rem;
    overflow: hidden;
}

.bs_popup .wrap_top {
    display: flex;
    align-items: flex-end;
    background: var(--1, #E559A0);
    color: #fff;
    padding: 4rem 2rem 0 3rem;
    font-size: .9rem;
}

.bs_popup .wrap_top .box_img {
    width: 20rem;
    flex: 0 0 auto;
    margin-right: 3rem;
    flex: 0 0 auto;
}

.bs_popup .about_content {
    max-height: 17rem;
    overflow: auto;
    padding-right: 1rem;
    margin: 2rem 3rem;
    font-size: 0.9rem;
}

.bs_popup .about_content::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}
.bs_popup .about_content::-webkit-scrollbar {
    width: 0.217rem;
    background-color: #6d8bdd;
}
.bs_popup .about_content::-webkit-scrollbar-thumb {
    background-color: #E559A0;
}

.bs_popup .wrap_top h3 {
    font-size: 1.5rem;
    color: #fff;
    margin-bottom: 0;
}

.bs_popup .wrap_top ul {
    list-style: none;
    margin: 0 0 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #C9D6DC;
}

.bs_popup .wrap_top ul li {
    margin: 0;
    font-size: 1.1rem;
}

.bs_popup .wrap_top .box_content {
    padding-bottom: 2.7rem;
}

.bs_popup .about_content b,
.bs_popup .about_content strong {
    color: var(--1, #E559A0);
    font-size: 1.25rem;
}
.td_sec_1_items .item .box_img::before {
    content: '';
    position: absolute;
    bottom: -4rem;
    right: 1rem;
    transform: translateX(-50%);
    width: 6rem;
    height: 3rem;
    background-image: url(../images/Vector_23.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.td_sec_1_items .item.item:nth-child(even) .box_img::before {
    background-image: url(../images/Vector_24.png);
    width: 14rem;
    height: 6rem;
    left: 18rem;
    right: unset;
    bottom: -8rem;
}
.td_sec_1_items .item .box_img {
    position: relative;
}

.td_sec_1_items .item:last-child .box_img::before {
    display: none;
}

.wrap_table_td table {
    margin: 0;
}
section.td_sec_1 .wrap_ht_section.style_2 img {
    width: 8rem;
}

section.td_sec_1 .wrap_ht_section.style_2 .right img {
    width: 18rem;
}

section.td_sec_1 .wrap_ht_section.style_2 {
    top: 88rem;
}
section.td_sec_3 .text-center.group_heading {
    margin-bottom: 3rem;
}
.home_sec_7_wrap::before{
    content: '';
    position: absolute;
    background-image: url(../images/Group_1000007735.png);
    width: 60rem;
    height: 50rem;
    background-size: contain;
    top: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: top center;
}
section.home_sec_5 img.congau {
    position: absolute;
    top: -87rem;
    left: 0;
    width: 13rem;
    transform: unset !important;
    opacity: 1 !important;
}
.popup_video .box_iframe {
    padding-bottom: 56.25%;
    position: relative;
}

.popup_video .box_iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.popup_video .close_popup {
    background: #E559A0;
    border-radius: 100%;
}

.popup_video .close_popup svg {scale: .8;}
@keyframes pulse-border2 {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

.video_box .icon_video:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    animation: pulse-border2 1000ms ease-out infinite;
    top: 50%;
    left: 50%;
    background: var(--fe-6-a-1-a,#E559A0)
}

.button_style:hover {
    box-shadow: none !important;
}

.button_style:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: #84bd64;
    border-radius: 100px;
    opacity: 0;
    transition: .5s all;
    z-index: -1;
}

.button_style:hover {
    transition-delay: 0s !important;
    color: #fff !important;
}

.button_style:hover:before {
    opacity: 1;
}
.button_style.style_2:hover {
    color: #fff !important;
}

.button_style.style_2:before {
    background: #E559A0;
}

.button_style.style_2 .icon {
    border: 2px solid #fff;
    transition: .5s all;
}
.service_item:hover .box_img img {
    scale: 1.1;
}
header {
    position: fixed;
    z-index: 999;
    width: 100%;
    background: #fff;
    top: 0;
}

body {
    padding-top: 4.4rem;
}

section.work_details_bottom+section h2.heading_title {
    text-transform: uppercase;
}
.tc_sec_2_items .item .content {
    max-height: unset !important;
    height: 0;
    overflow: hidden;
    transition: 1s all !important;
}

.tc_sec_2_items .item:hover .content {
    height: 12rem;
}
@keyframes hu__hu__2 {
    50% { transform: translateY(1rem) }
}
.tc_sec_1_img::after {
    animation: hu__hu__2 infinite 2s ease-in-out;
}
img.imgbb,
img.about_sec_1_imght{
    animation: hu__hu__2 infinite 2s ease-in-out;
}
img.about_sec_1_imght{
    animation: hu__hu__2 infinite 3s ease-in-out;
}
.popup_form .inner.quyen_loi {
    width: auto;
    background: transparent;
}

.popup_form section.service_sec_3 {
    width: 100vw;
}

.popup_form .serice_sec_3_wrap {
    margin: 0;
}

.popup_content.popup_form .row {
    align-items: flex-end;
}

.popup_content.popup_form .serice_sec_3_wrap .box_img img {
    width: calc(100% + 17.5rem);
}
.info_bs>img {
    width: 2.4rem;
    flex: 0 0 auto;
    margin-left: 1.5rem;
}

.info_bs:hover {
    background: #E559A04d;
}
.wrap_table_td a:hover, .wrap_table_td td>span:hover {
    color: #E559A0;
    background: #fff;
}
.item_office.active {
    border-color: #E559A0;
}
section.tv_page .wrap_ht_section.style_2 {
    top: 8rem;
}

section.tv_page .wrap_ht_section.style_2 img {
    width: 38rem;
}

section.tv_page .wrap_ht_section.style_2 .left {
    margin-top: 15rem;
}
.search_button {
    position: absolute;
    right: 2rem;
    cursor: pointer;
}

.search_button img {
    width: 1.25rem;
    height: auto;
}
.popup_search {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    transition: .6s all;
}

.inner_search {
    position: relative;
    text-align: center;
}

.popup_search .bg_close {
    background: #000;
    opacity: .7;
}

.searchform input#s {
    width: 33rem;
    border-radius: 100px;
    padding: 0 1.6rem;
    height: 3.2rem;
}

.searchform button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    width: 3.2rem;
    height: 3.2rem;
    background: #fff;
    border-radius: 100px;
    margin-left: .5rem;
}

form.searchform {
    margin: 1rem 0;
}

.search-lightbox-title {
    font-size: 1.6rem;
}

.search-keywords a {
    font-weight: 400;
    font-size: 1rem;
    border: 1px solid #fff;
    padding: .2rem .8rem;
    border-radius: 100px;
    margin: 0 .3rem;
}

.popup_search.active {
    opacity: 1;
    pointer-events: unset;
}
.wrap_ht_footer img {
    position: absolute;
    bottom: 6rem;
    right: 20rem;
    z-index: 2;
    width: 6rem;
}
.wrap_ht_footer img.ht1{
      animation: cloudMove 3s ease-in-out infinite;
      width: 6rem;
}
.wrap_ht_footer img.ht2 {
    bottom: 15rem;
    right: 7rem;
    animation: cloudMove 5s ease-in-out infinite;
    width: 3.3rem;
}

footer.footer {
    overflow: hidden;
    border-radius: 1.5rem 1.5rem  0 0;
    filter: drop-shadow(0 4px 35px rgba(100, 100, 100, 0.10));
    margin-top: -1rem;
}

@keyframes cloudMove {
  0%   { transform: translateX(0); }
  50% { transform: translateX(2rem); }
  100%   { transform: translateX(0); }
}

@keyframes rotematroi {
  0%   { transform: rotate(0deg); }
  100%   { transform: rotate(360deg); }
}

.wrap_ht_footer img.ht3 {
    right: -3rem;
    bottom: 18rem;
    animation: rotematroi 5s ease-in-out infinite;
}


.slider_award {
    max-width: 100%;
}
.wrapper-page-search {
    padding: 3rem 0;
}

.wrapper-page-search h1 {
    margin-bottom: 2rem;
}
.service_sec_2_number.flex {
    margin-top: 1rem;
}
.about_sec_9_slider .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.service_sec_2_items .item:hover {
    transform: rotate(0) translateY(-3rem) !important;
}
a.button_link {
    height: 2.1rem;
    background: var(--1, #E559A0);
    border-radius: 100px;
    color: #fff;
    font-size: 0.9rem;
    letter-spacing: -0.025rem;
    height: 2.1rem;
    display: inline-flex;
    align-items: center;
    padding: 0 .7rem;
    margin-top: 1.55rem;
    transition: .5s all;
}
.footer_1 .content>p {
    margin-top: .7rem !important;
    display: block;
}
section.td_sec_3 h2.heading_title {
    font-size: 2.75rem;
}
section.td_sec_3 h2.heading_title {
    font-size: 2.5rem;
}
.contact_page_items .item:nth-child(2) .content {
    font-size: 1.5rem;
}
.contact_page_items .item:hover .icon img {
    transform: rotateY(360deg);
}
section.td_sec_1 h2.heading_title,
section.td_sec_2  h2.heading_title{
    font-size: 2.75rem;
}
section.tc_sec_4 .table_img .inner.active:before {
    display: none;
}

section.tc_sec_4 .table_img .inner img {
    width: 100%;
}
.slider_team_for ul.slick-dots {
    display: flex !important;
    position: absolute;
    z-index: 99;
    bottom: 5rem;
    left: 30%;
    gap: .7rem;
}

.slider_team_for ul.slick-dots button {
    background: #fff;
}
.list_tax_post .item:hover .icon img {
    transform: rotateY(360deg);
}
ul.list_tags a:hover {
    color: #E559A0;
    background: #fff;
}
.ttv_page_info .price_box .price del {
    margin: 0 0 .1rem;
}
a.quyen_loi_button:hover {
    color: var(--1, #E559A0);
    background: #fff;
}
ul.pttt li {
    width: 20%;
}
.button_style .icon::before{
    content: '';
    background-image: url(../images/icon_green.svg);
    width: .7rem;
    height: .7rem;
    position: absolute;
    transform: translate(-2rem, 2rem);
    transition: .5s all;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.button_style:hover .icon svg {
    transform: translate(2rem, -2rem);
}

.button_style:hover .icon::before {
    transform: translate(0rem, 0rem);
}

.tc_sec_3_toggle .item:nth-child(2) {
}

.tc_sec_3_toggle .item+.item {
    margin-top: -0.4rem;
}

.tc_sec_3_toggle .item:nth-child(2) {
    z-index: 8;
}

.tc_sec_3_toggle .item:nth-child(1) {
    z-index: 9;
}

.tc_sec_3_toggle .item:nth-child(3) {
    z-index: 7;
}

.tc_sec_3_toggle .item:nth-child(4) {
    z-index: 6;
}

.tc_sec_3_toggle .item:nth-child(5) {
    z-index: 5;
}
.tc_sec_3_toggle .item.active h3 span:after {
    transform: rotate(0deg);
}
.tc_sec_3_toggle .item.active .content {
    margin: 1rem 0 0 0;
}
.wrap_input select{
    background-image: url(../images/icon_down.svg);
    background-size: 1rem;
}
.slider_office  ul.slick-dots {
    display: flex !important;
    position: absolute;
    bottom: -3rem;
    left: 50%;
    transform: translateX(-50%);
}
.pho_bien {
    position: absolute;
    right: 0px;
    text-align: center;
    width: 3.9474rem;
    height: 3.2rem;
    font-size: 0.65rem;
    color: #fff;
    background: #E559A0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    border-radius: 0 0 100px 100px;
    line-height: 1.2;
    padding-bottom: .7rem;
}
/* html.hide_scroll {
    overflow: hidden;
} */
.slider_office {
    display: block;
}

.slider_office img {
    display: block;
    margin: auto;
}
.slider_award .arrow_slider {
    display: none;
}
.arrow_slider:hover {
    background: #84bd64;
    border-color: #84bd64;
}

.arrow_slider:hover path {stroke: #fff;}

.arrow_slider {
    transition: .5s all;
    cursor: pointer;
}

.arrow_slider path {
    transition: .5s all;
}
.item_post .box_img:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.65;
    background: linear-gradient(0deg, #E559A0 0%, rgba(4, 173, 238, 0.10) 100%);
    z-index: 2;
    opacity: 0;
    transition: .6s all;
}

.item_post:hover .box_img:before {
    opacity: 1;
}
.button_style:hover {
    background: #84bd64;
}
.button_style.style_2:hover:before {
    background: #84bd64 !important;
}

.button_style.style_2:hover .icon {
    background: #fff;
}
ul.wrap_may {
    list-style: none;
    margin: 0;
}

ul.wrap_may li {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.wrap_may li img {
    position: absolute;
    max-width: unset;
    margin: 0 !important;
}

ul.wrap_may li:nth-child(2) {
    left: 26rem;
    top: 2rem;
    animation: cloudMove 4s ease-in-out infinite;
}

ul.wrap_may li:nth-child(3) {
    left: 10rem;
    top: 6rem;
    animation: cloudMove 3s ease-in-out infinite;
}

ul.wrap_may li:nth-child(1) {
    top: 13rem;
    left: 43rem;
}
ul.fixed_button {
    position: fixed;
    bottom: 4rem;
    right: 2rem;
    list-style: none;
    margin: 0;
    gap: 0.9rem;
    display: flex;
    flex-direction: column;
    z-index: 20;
}

ul.fixed_button a {
    width: 2.08335rem;
    height: 2.08335rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--1, #E559A0);
    border-radius: 100px;
    position: relative;
    transition: .5s all;
}

ul.fixed_button a:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    animation: pulse-border2 1000ms ease-out infinite;
    top: 50%;
    left: 50%;
    background: var(--fe-6-a-1-a, #E559A0);
}
ul.fixed_button a img {
    max-height: 60%;
    max-width: 60%;
    position: relative;
}

ul.fixed_button li {
    margin: 0;
    transition: .5s all;
}
ul.fixed_button a:hover {
    background: #84bd64;
}
.slider_office .arrow_slider {
    display: none;
}
.popup_content.form_popup .inner {
    padding: 2rem !important;
}

.popup_content.form_popup form {
    margin: 0;
}
.popup_content.form_popup .inner .heading_title {
    margin-bottom: 1.5rem;
}
.about_sec_9_slider .slick-list::before, .about_sec_9_slider .slick-list::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    background-image: url(../images/vien.png);
    height: 83%;
    width: 7.45rem;
    background-position: top left;
    background-repeat: no-repeat;
    z-index: 20;
    transform: translateY(-50%);
    background-size: contain;
}
.about_sec_9_slider .slick-list::after {
    left: unset;
    right: 0;
    transform: translateY(-50%) rotateY(180deg);
    right: -1px;
}
.serice_sec_3_form>button {
    position: absolute;
    bottom: 0rem;
    left: 62%;
}

.serice_sec_3_form {
    position: relative;
}

.serice_sec_3_wrap button.button.button_style {
    display: none;
}
.popup_content .serice_sec_3_form>button {
    bottom: -1.5rem;
}
.popup_content.popup_form .inner.quyen_loi {
    overflow: unset;
}
.service_item a.button_style.button {
    position: relative;
    z-index: 10;
}
.about_sec_4_nav .item:hover b {
    color: #E559A0;
}
.about_sec_4_nav_for .inner.flex {
    align-items: center;
}
.form_footer input {
    font-weight: 700;
}
section.home_sec_4 .wrap_ht_section img,section.home_sec_3 .wrap_ht_section img {
    width: 35rem !important;
    animation: rotematroi 16s ease-in-out infinite;
}

section.home_sec_4 .wrap_ht_section .left {
    left: -14rem !important;
    position: relative;
    top: -5rem;
}

section.home_sec_4 .wrap_ht_section .right {
    position: relative;
    right: -14rem;
    top: 151rem;
}

section.home_sec_4 .wrap_ht_section {
    z-index: 1;
}

section.home_sec_4 .row {
    position: relative;
    z-index: 2;
}
.slider_imgs .item {
    display: block !important;
}
.item_member:hover .box_img .icon {
    background: var(--2, #83BD64);
}
.wrap_table_td tr td+td,.wrap_table_td th+th {
    border-left: 1px solid rgba(197, 236, 238, 0.60);
}

.wrap_table_td th+th {
    border-color: rgba(197, 236, 238, 0.15);
}
.ttv_page_info .heading_title {
    font-size: 2.25rem;
}
img.size-full.alignnone {
    margin: 0;
}
.inner_sidebar {
    position: sticky;
    top: 5rem;
}
ul.menu_share li a:hover svg {
    scale: 1.1;
}
.item_post.first_item .box_content {
    padding-left: 3rem;
}
.menu_footer ul a:hover {
    color: #E559A0;
}

a.button_link:hover {
    background: var(--2, #83BD64);
}
.wrap_form input[type="date"],
select[name="time"] {
    background-image: url(../images/icon_date.svg);
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1rem;
     appearance: none;
    -webkit-appearance: none;
    background-color: #fff; /* tuỳ chọn */
    background-repeat: no-repeat;
}
select[name="time"]{
    background-image: url(../images/Clock.svg);
}
.wrap_form input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
}
.serice_sec_3_wrap .box_img{
    position: relative;
    z-index: 9;
}
.tc_sec_2_items>img {
    opacity: 0;
}

.tc_sec_2_items:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    z-index: 2;
}

.tc_sec_2_items>img.active {
    opacity: 1;
}
.popup_content.form_popup .content {
    max-width: 34rem;
    margin-bottom: 2rem;
}

.popup_content.form_popup .heading_title {
    margin-bottom: .5rem !important;
    font-size: 3rem;
}
.serice_sec_3_wrap .row {
    position: relative;
    z-index: 9;
}
.item_post.first_item a.button.button_style.load_more_posts {
    position: relative;
    z-index: 10;
}
.popup_content.form_popup .close_popup svg path {
    stroke: #E559A0;
}
.validate-message {
    background: #E559A0;
    color: #fff;
}

.validate-message::before {
    border-bottom-color: #E559A0;
}
li.mobile_display {
    display: none;
}

.css-19bb58m {margin: 0 !important;padding: 0 !important;font-weight: 700;font-size: 1rem;}

.css-1cfo1cf {
    margin: 0 !important;
    padding: 0 !important;
}

.css-hlgwow {
    padding: 0 1rem;
}

.css-1jqq78o-placeholder {
    font-weight: 700;
    font-size: 1rem;
    margin: 0 !important;
}

.css-19bb58m input {
    font-weight: 700 !important;
    font-size: 1rem !important;
}

.css-1cfo1cf input {
    font: unset !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: #333 !important;
}

.css-1u9des2-indicatorSeparator {
    opacity: 0 !important;
}
.css-hlgwow {
    padding: 0 1rem !important;
}



.css-t3ipsp-control {
    border-radius: 0.5rem !important;
    margin-bottom: .75rem;
}


.css-d7l1ni-option {
    font-size: 1rem;
    font-weight: 700 !important;
}

.css-qr46ko>* {
    font-weight: 700;
    font-size: 1rem;
    color: #333;
}

.css-qr46ko {
    padding: 0 !important;
    border-radius: .5rem;
}

.css-1nmdiq5-menu {
    margin: 0 !important;
    border-radius: .5rem !important;
}

.css-13cymwt-control {
    border-radius: .5rem;
}

.css-19bb58m {
    font-weight: 700 !important;
}

.css-1dimb5e-singleValue {
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
    color: #333;
}
.css-qr46ko>* {
    font-size: 1rem !important;
    color: #333 !important;
}


.css-13cymwt-control {
    border-radius: .5rem !important;
    margin-bottom: .75rem !important;
}
.css-qr46ko {
    max-height: 10rem !important;
}
.time_select .css-qr46ko {
    max-height: 5rem;
}
.css-tj5bde-Svg path {
    fill: #E559A0 !important;
}


  .css-qr46ko::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

 .css-qr46ko::-webkit-scrollbar {
    width: 0.3rem;
    background-color: #cedbff;
}

 .css-qr46ko::-webkit-scrollbar-thumb {
    background-color: #E559A0;
}
.popup_form .serice_sec_3_wrap  .wrap_form {
    padding-bottom: 1rem;
}
div#main_menu>ul ul {
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
    min-width: 13rem;
    gap: 0 !important;
    display: block !important;
    opacity: 0;
    pointer-events: none;
    transition: .5s all;
}

div#main_menu>ul li {
    position: relative;
    display: block !important;
}

div#main_menu>ul ul ul {
    position: absolute;
    right: 0;
    transform: translateX(100%);
    top: 0;
    gap: 0;
}

div#main_menu>ul ul li a {
    display: block !important;
    line-height: 1.5rem;
    padding: .5rem 1rem;
    color: #333 !important;
}

div#main_menu>ul ul li+li {
    border-top: 1px solid #dcdcdc;
}

div#main_menu>ul ul li a:hover {
    color: #E559A0 !important;
}

div#main_menu>ul li:hover>ul {
    opacity: 1;
    pointer-events: unset;
}
/* Ẩn spinner cho Chrome, Safari, Edge */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Ẩn spinner cho Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}
li.wrapBackToTop {
    opacity: 1;
}

li.wrapBackToTop.hide {
    opacity: 0;
    pointer-events: none;
}
div:where(.swal2-container) button:where(.swal2-styled):not([disabled]) {
    height: 2.3rem;
    line-height: normal;
    border-radius: 100px;
    font-weight: 900;
}
.time_select2 .css-qr46ko {
    max-height: 5rem !important;
}
.wrap_input {
    justify-content: space-between;
}

.wrap_input .css-13cymwt-control {
    margin: 0 !important;
    border: none;
    background: transparent;
}

.wrap_input .css-13cymwt-control .css-hlgwow {
    border: none !important;
}
.wrap_input  .css-t3ipsp-control {
    margin: 0 !important;
}
  .select__option--is-selected {
    background-color: var(--1, #E559A0) !important;
    color: #fff !important;
}
/* Option khi hover */
 .select__option--is-focused {
    background-color: #e559a014 !important;
    color: #e559a0 !important;
}

/* Option đang được chọn */
.select__option--is-selected {
    background-color: #E559A0 !important;
    color: #fff !important;
    font-weight: 600;
}

.css-t3ipsp-control {
    box-shadow: none !important;
    border: none !important;
    background: transparent !important;
}
.home_sec_4_items .item .content .content {
    margin: 0 !important;
}

.home_sec_4_items .item .content {
    margin-bottom: .5rem;
    margin-top: 1rem;
}
.serice_sec_3_wrap .css-t3ipsp-control {background-color: #fff !important;}
.about-list-value .title-sec {
    width: 100%;
    text-align: center;
}

.about-list-value .title-sec:before {
    width: 30%;
    left: 50%;
    transform: translateX(-50%);
}
.wrap_ht_section.style_3 img {
    transform: rotateY(0deg);
}
section.serviced2 .wrap_animation {
    top: unset;
    bottom: 4rem;
}
.home_sec_2_content {
    text-align: left;
}

.home_sec_2_content h2.heading_title {
    text-align: left;
}

.home_sec_2_content h2.heading_title span {
    text-align: -webkit-auto;
}

.home_sec_2_content .content {
    padding-right: 3rem;
    text-align: justify;

}

section.home_sec_2 .group_heading.text-center {
    margin-top: 8rem;
}
.home_sec_2_img {
    position: relative;
}

.home_sec_2_img ul {
    list-style: none;
    margin: 0;
}

.home_sec_2_img ul li {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    margin: 0;
    top: 6rem;
    left: 4rem;
    animation: hu__hu__2 infinite 2s ease-in-out;
    z-index: 3;
}

.home_sec_2_img ul li img {
    position: absolute;
    max-width: unset;
    width: 7rem;
}

.home_sec_2_img ul li:nth-child(2) {
    top: 12rem;
    left: 34rem;
    animation: hu__hu__2 infinite 3s ease-in-out;
}

.home_sec_2_img ul li:nth-child(2) img {
    width: 11rem;
}
.home_sec_2_img::before{
    content: '';
    position: absolute;
    background-image: url(../images/item_line.svg);
    width: 39rem;
    height: 16rem;
    bottom: -2rem;
    left: 4rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.home_sec_2_img>img {
    position: relative;
}
section.home_sec_2 .wrap_animation {
    top: 34rem;
}
.home_sec_4_items .wrap_top img {
    border-radius: 1rem;
    width: 100%;
    height: auto;
    display: block;
    margin-top: 1rem;
}
section.home_sec_5 .group_heading.text-center {
    margin-bottom: 3.2rem;
}
section.home_sec_6 .slider_award {
    margin-bottom: 5rem;
}

section.home_sec_6 .slider_post_related {
    margin-top: 1.5rem;
    margin-bottom: 6rem;
}
.filter_office.flex select {
    width: 50%;
    height: 2.75rem;
    border-radius: 0.5rem;
    border: 1px solid var(--mt-3, #BCECF3);
    background-color: #FFF;
    color: #666;
    font-size: 1rem;
    border: 1px solid var(--f-2-accf, #F0CFDF);
}

.filter_office.flex {
    width: 100%;
    gap: .8rem;
}
.list_office_slider {
    width: 100%;
}

.item_office_card {
    border-radius: 0.75rem;
    background: #FFE9F4;
    padding: 1rem;
    margin: 0 .5rem;
    width: calc(100% - 1rem) !important;
}

.item_office_card .address {
    font-size: 0.8rem;
    color: #666;
    margin-bottom: .4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.item_office_card a.btn_phone {
    background: var(--mt-1, #E559A0);
    border-radius: 100px;
    color: #fff;
    font-size: 0.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .3rem;
    padding: 0 .5rem;
    height: 1.85rem;
}

a.btn_map {
    height: 1.85rem;
    width: 1.85rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--mt-1, #E559A0);
    border-radius: 100px;
    margin-left: .2rem;
}

.list_office_slider {
    margin: 0 -0.5rem !important;
    width: calc(100% + 1rem);
}

.item_office_card a.btn_phone svg {
    width: .8rem;
    height: auto;
    display: block;
}

a.btn_map svg {
    width: .8rem;
    height: auto;
}

.list_office_slider .arrow_slider {
    left: -1.5rem;
    width: 1.35rem;
    height: 1.35rem;
    border: 1px solid var(--mt-1, #E559A0);
}

.list_office_slider .arrow_slider.next {
    left: unset;
    right: -1.5rem;
}
header .row {
    /* max-width: unset; */
}
section.home_sec_3 .row {
    position: relative;
    z-index: 9;
}

section.home_sec_3 .wrap_ht_section .item {
    position: relative;
}

section.home_sec_3 .wrap_ht_section {
    bottom: -8rem;
    top: unset;
}

section.home_sec_3 .wrap_ht_section .item:nth-child(2) {
    top: -13rem;
}
.home_sec_4_items .item p {
    margin-bottom: .6rem;
}
.about_sec_1_bottom  h2.heading_title {
    margin-bottom: 2rem;
}

.about_sec_1_bottom {
    margin-top: 7rem;
}
.css-13cymwt-control {
    border: none !important;
}
section.serviced3 ul li {
    display: flex;
}
section.tv_page .wrap_ht_section.style_2 .row.justify-center {
    position: relative;
    z-index: 2;
}

section.tv_page .row.justify-center {
    position: relative;
    z-index: 9;
}

section.tv_page .wrap_ht_section.style_2 .item.right {
    right: -15rem;
    position: relative;
}
section.home_sec_5 .video_box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video_box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.select__menu {
  -webkit-overflow-scrolling: touch;
}
.select__control.css-1ff06q0-control,
.css-7pzezp-control {
    border-radius: 0.5rem !important;
    margin-bottom: .75rem !important;
}

form.filter_office .css-b62m3t-container {
    width: 100%;
}

form.filter_office .css-b62m3t-container .select__control.css-13cymwt-control {
    border: 1px solid #E559A0 !important;
    background: transparent !important;
        margin: 0 !important;

}

form.filter_office .css-t3ipsp-control {
    border: 1px solid #E559A0 !important;
    margin: 0 !important;
}

form.filter_office .css-b62m3t-container input {
    box-shadow: none;
}
.home_sec_4_items .tag.active {
    color: #fff;
    background: #E559A0;
}

.home_sec_4_items .style_2 .tag.active {
    background: #FFB200;
}
.swal2-actions .swal2-confirm {
    min-height: unset;
    line-height: normal;
    border-radius: 100px;
    background: #E559A0 !important;
    font-weight: 900;
}
a.expired {
    opacity: .5;
}
/* Option đã được chọn */
.select__option--is-selected {
    background-color: var(--1, #E559A0) !important;
    color: #fff !important;
}
.wrap_form .wrapper-input .select__control.css-13cymwt-control {
    border: 1px solid #E559A0 !important;
}
 .ty-page {
          --teal: #E559A0;
          --teal-light: #fcebf3;
          --teal-mid: #fcebf3;
          --pink: #F9527D;
          --text-dark: #1a2e35;
          --text-muted: #888;
          min-height: 100vh;
          background: #fcebf34a;
          padding: 2rem 0;
          font-size: 1rem;
        }

        .ty-card {
          max-width: 26rem;
          margin: 0 auto;
          background: #fff;
          border-radius: 1rem;
          border: 0.5px solid #fcebf3;
          overflow: hidden;
          box-shadow: 0 0 0 4px #fcebf3;
        }

        /* HEADER */
        .ty-header {
          background: #e559a01f;
          padding: 1.5rem 1.5rem 1.25rem;
          text-align: center;
        }
        .ty-header__brand {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: .5rem;
          margin-bottom: .35rem;
        }
        .ty-header__logo-icon rect { }
        .ty-header__name {
          color: #fff;
          font-size: 1rem;
          font-weight: 700;
          letter-spacing: .5px;
        }
        .ty-header__tagline {
          color: rgba(255,255,255,.75);
          font-size: .8ren;
          margin-bottom: 1rem;
        }
        .ty-header__check {
          width: 3.2rem;
          height: 3.2rem;
          background: var(--teal);
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 0 auto .5rem;
        }
        .ty-header__title {
          color: var(--text-dark);
          font-size: 1.2rem;
          font-weight: 700;
          margin-bottom: .25rem;
        }
        .ty-header__order-code {
          color: var(--text-dark);
          font-size: .8rem;
        }

        /* SECTION LABEL */
        .ty-section-label {
          font-size: 1rem;
          color: var(--teal);
          text-transform: uppercase;
          letter-spacing: .8px;
          margin-bottom: .6rem;
        }

        /* BUYER */
        .ty-buyer {
          padding: 1rem 1.25rem;
          border-bottom: 0.5px solid var(--teal-mid);
        }
        .ty-buyer__grid {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: .6rem;
        }
        .ty-buyer__item { }
        .ty-buyer__item--full { grid-column: span 2; }
        .ty-buyer__lbl {
          font-size: .9rem;
          color: #999;
          margin-bottom: .1rem;
        }
        .ty-buyer__val {
          font-size: .9rem;
          color: var(--text-dark);
          margin: 0;
        }

        /* ORDER ITEMS */
        .ty-order {
          padding: 1rem 1.25rem;
          border-bottom: 0.5px solid var(--teal-mid);
        }
        .ty-item {
          display: flex;
          justify-content: space-between;
          align-items: flex-start;
          padding: .5rem 0;
          gap: .5rem;
        }
        .ty-item:last-of-type { border-bottom: none; }
        .ty-item__name {
          font-size: .8rem;
          font-weight: 600;
          color: var(--text-dark);
          margin-bottom: .1rem;
        }
        .ty-item__sub {
          font-size: .9rem;
          color: var(--text-muted);
          margin: 0;
        }
        .ty-item__right { text-align: right; flex-shrink: 0; }
        .ty-item__qty {
          font-size: .6rem;
          color: var(--text-muted);
          margin-bottom: .1rem;
        }
        .ty-item__price {
          font-size: 1rem;
          font-weight: 600;
          color: var(--text-dark);
          margin: 0;
        }

        /* TOTALS */
        .ty-totals { padding-top: .6rem; }
        .ty-totals__row {
          display: flex;
          justify-content: space-between;
          font-size: .65rem;
          color: var(--text-muted);
          margin-bottom: .25rem;
        }
        .ty-totals__row--discount { color: var(--pink); }
        .ty-totals__row--total {
          display: flex;
          justify-content: space-between;
          font-size: 1rem;
          font-weight: 700;
          color: var(--text-dark);
          border-top: 0.5px solid var(--teal-mid);
          padding-top: .5rem;
          margin-top: .25rem;
        }
        .ty-totals__row--total span:last-child { color: var(--teal); }

        /* PAYMENT */
        .ty-payment {
          padding: 1rem 1.25rem;
          border-bottom: 0.5px solid var(--teal-mid);
        }
        .ty-payment__body {
          display: flex;
          gap: .8rem;
          align-items: flex-start;
        }
        .ty-payment__qr {
          border: 1.5px solid var(--teal);
          border-radius: .6rem;
          padding: .4rem;
          flex-shrink: 0;
          background: #fff;
        }
        .ty-payment__qr img {
          width: 11rem;
          display: block;
          border-radius: .3rem;
          object-fit: cover;
        }
        .ty-payment__qr-placeholder {
          width: 11rem;
          background: var(--teal-light);
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          gap: .2rem;
        }
        .ty-payment__qr-placeholder span {
          font-size: .65rem;
          color: red;
          font-weight: 600;
          padding: .5rem;
        }
        .ty-payment__info { flex: 1; min-width: 0; }
        .ty-payment__badges {
          display: flex;
          align-items: center;
          gap: .4rem;
          margin-bottom: .6rem;
        }
        .ty-badge {
          font-size: .55rem;
          font-weight: 700;
          padding: .2rem .5rem;
          border-radius: 20px;
        }
        .ty-badge--napas {
          background: var(--teal-light);
          color: var(--teal);
          border: 1px solid var(--teal-mid);
        }
        .ty-badge--abbank {
          background: #fff3e0;
          color: #e65100;
          border: 1px solid #ffd599;
        }
        .ty-badge-sep { color: #ccc; font-size: .6rem; }
        .ty-bank-row { margin-bottom: .4rem; }
        .ty-bank-lbl {
          font-size: .8rem;
          color: var(--text-muted);
          margin-bottom: .1rem;
        }
        .ty-bank-val {
          font-size: .8rem;
          font-weight: 600;
          color: var(--text-dark);
        }
        .ty-bank-val--account {
          font-size: .8rem;
          color: var(--teal);
          letter-spacing: .8px;
        }
        .ty-payment__note {
          display: flex;
          align-items: center;
          gap: .4rem;
          background: var(--teal-light);
          border-radius: .4rem;
          padding: .45rem .65rem;
          margin-top: .65rem;
          font-size: .8rem;
          color: var(--teal);
        }
        .ty-payment__note strong { font-weight: 700; }

        /* FOOTER */
        .ty-footer {
          padding: .85rem 1.25rem 1rem;
          text-align: center;
        }
        .ty-footer__hint {
          font-size: .8rem;
          color: var(--text-muted);
          margin-bottom: .6rem;
        }
        .ty-footer__contacts {
          display: flex;
          justify-content: center;
          gap: .5rem;
          flex-wrap: wrap;
        }
        .ty-contact-btn {
          display: flex;
          align-items: center;
          gap: .3rem;
          background: var(--teal-light);
          color: var(--teal);
          font-size: .8rem;
          font-weight: 700;
          padding: .3rem .75rem;
          border-radius: 20px;
          border: 1px solid var(--teal-mid);
          text-decoration: none;
          transition: background .2s;
        }
        .ty-contact-btn:hover { background: var(--teal-mid); }

        /* HOME BUTTON */
        .ty-home-wrap {
          text-align: center;
          margin-top: 1.25rem;
        }
        .ty-home-btn {
          display: inline-flex;
          align-items: center;
          gap: .4rem;
          background: var(--teal);
          color: #fff;
          font-size: .7rem;
          font-weight: 700;
          padding: .55rem 1.5rem;
          border-radius: .5rem;
          text-decoration: none;
          transition: background .2s, transform .15s;
        }
        .ty-home-btn:hover { background: #008c94; transform: translateY(-1px); }

        /* COPYRIGHT */
        .ty-copy {
          text-align: center;
          font-size: .55rem;
          color: #bbb;
          margin-top: .85rem;
        }
        .ty-header__brand img {
    width: auto;
    display: block;
}
.product_code {
    color: #ec2e81;
    background: #fff;
    display: inline-block;
    padding: .3rem .8rem;
    border-radius: 100px;
    backdrop-filter: blur(13px);
    font-size: .8rem;
    margin: .5rem 0;
}

.order-summary {
    display: flex;
    align-items: center;
    gap: .6rem;
    background: #E559A0;
    border-radius: .5rem;
    padding: 1rem;
}

.order-summary .order-thumbnail {
    width: 8rem;
    border-radius: .5rem;
    overflow: hidden;
}

.order-summary .order-thumbnail img {
    width: 100%;
    height: auto;
    display: block;
}

.order-rows {
    color: #fff;
    font-size: 1rem;
}

.order-row b {
    margin-left: .5rem;
}

.order-row span:after {
    content: ":";
}

.order-row span {
    color: #fff;
    font-weight: 600;
}

label.agree-checkbox {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

label.agree-checkbox input[type="checkbox"] {
    margin: 0;
    height: auto;
    margin-right: .5rem;
    width: 1rem;
    height: 1rem;
    accent-color: #E559A0;
    color: #fff !important;
    flex: 0 0 auto;
}

label.agree-checkbox a {
    text-decoration: underline;
    color: #E559A0;
    transition: .5s all;
}
/* Ẩn checkbox mặc định */
label.agree-checkbox input[type="checkbox"] {
    appearance: none;
    width: 1.4rem;
    height: 1.4rem;
    border: 2px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

/* Khi checked */
label.agree-checkbox input[type="checkbox"]:checked {
    background-color: #E559A0;
    border-color: #E559A0;
}

/* Icon check */
label.agree-checkbox input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    left: 31%;
    top: 50%;
    width: 7px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) translate(-50%, -50%);
}

label.agree-checkbox a:hover {
    color: #ed0c6e;
}

.price_box span:last-child {
    margin: .5rem 0 0 0;
}
b.title_box {
    color: #E559A0;
    display: block;
    margin-bottom: .3rem;
    margin-top: .5rem;
}


.wrap_form .select__control {
    border: 1px solid #E559A0 !important;
}
.ttv_page_info ul {
    margin-left: 1.5rem;
}
.react-datepicker-wrapper {
    width: 100%;
}
.react-datepicker__navigation {
    margin: 0 !important;
}

.react-datepicker__navigation>span:before {
    top: 13px;
}

.react-datepicker__header {
    background: #039de01a;
    border-bottom: none;
}


.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range{
        background: #e559a0 !important;
}
.react-datepicker__input-container>input {
    background-image: url(../images/icon_calendar.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right .8rem center !important;
    background-size: 1rem !important;
}
.react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll {
    width: 100%;
    margin: 0;
}

.react-datepicker__header__dropdown.react-datepicker__header__dropdown--select {
    display: flex;
    padding: 0 .5rem;
    gap: .5rem;
}

.react-datepicker__month-select, .react-datepicker__year-select, .react-datepicker__month-year-select {
    margin: .5rem 0 0 0;
}
@media only screen and (max-width: 1199px) {
    html {
        font-size: 1vw;
    }
    .wrap_animation{
        display: none;
    }
}
@media only screen and (max-width: 991px) {
    html {
        font-size: 1.25vw;
    }
    .slider_nav_team {
        padding: 0 2rem;
    }

    .home_sec_7_wrap {
        margin: 0 2rem;
    }

    .slider_team_for .box_img img {
        width: 41.5rem;
        margin-top: -12rem;
    }
}
@media only screen and (max-width: 767px) {
    html {
        font-size: 3.5vw;
    }
    .home_sec_1_wrap {
        flex-direction: column;
        position: unset;
        gap: 5rem;
    }

    .home_sec_1_wrap .item {
        width: 100%;
    }

    section.home_sec_1>img {position: unset;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;order: 2;}

    section.home_sec_1 {
        display: flex;
        background: #e559a0;
        flex-direction: column;
        padding: 4rem 0 0 0;
    }

    .heading_title {
        font-size: 2.5rem;
    }

    .wrap_animation {
        display: none;
    }
    .col, .columns, .gallery-item {
        padding: 0 15px;
    }

    .home_sec_2_items {
        gap: 2rem;
        margin-bottom: 4rem;
    }

    .home_sec_2_items .item {
        width: calc(calc(100%) - 1.2rem);
    }

    .wrap_service .item {
        width: 18rem;
    }

    .tax_links {
        flex-wrap: wrap;
        gap: 1rem;
        row-gap: .5rem;
    }

    .item_post {
        width: calc(calc(100%) - 1.2rem);
    }
    .home_sec_4_items {
        flex-direction: column;
    }

    .home_sec_4_items .item {
        width: 100%;
    }

    .home_sec_5_items .item {
        width: calc(100% - 1.2rem);
    }
    .home_sec_5_number {}.home_sec_5_number {
                             flex-direction: column;
                             gap: 2rem;
                         }

    .home_sec_5_number .item {
        width: 100%;
        margin: 0 !important;
    }

    .wrap_section45 {background-color: #E559A0;}

    body {
        font-size: 1.1rem;
    }

    section.home_sec_5 .video_box {
        margin: 0rem 0 -5rem;
    }

    .home_sec_5_img .box_img {
        margin: 0;
        margin-bottom: -11rem;
    }

    .home_sec_5_img {
        text-align: center;
    }

    section.home_sec_6 {
        padding: 9rem 0 3rem;
    }

    section.home_sec_6 .group_heading {
        width: 100%;
    }
    .home_sec_7_wrap {
        margin: 0 15px;
        border-radius: 1rem;
        padding: 3rem 0;
    }

    .slider_team_for .item .box_img {
        order: -1;
        margin-bottom: 1.5rem;
    }

    .slider_team_for .box_img img {
        width: 100%;
        margin: 0 !important;
    }

    .slider_team_for .item {
        flex-direction: column;
    }

    .slider_team_for .box_content {
        width: 100%;
        margin-bottom: 0;
    }

    .slider_nav_team {
        display: none;
    }

    .home_sec_8_img {
        width: calc(100% + 30px);
        margin: 0 -15px 2rem;
    }
    section.service_sec_1 {
        padding-top: 3rem;
    }

    .service_item {
        flex-direction: column !important;
        width: calc(100% - 3rem) !important;
    }

    .service_item .box_img {
        width: 100%;
        height: 14.75rem;
    }

    .service_item .box_content .box_content {
        padding: 1.8rem 2rem !important;
    }

    .service_item .box_content {
        padding: 1.8rem 2rem !important;
    }

    .service_item h3 {
        font-size: 1.75rem !important;
    }

    .service_item .button {
        display: none;
    }

    .service_item .content {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 4;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        margin: 0;
    }

    .lists_service {
        margin-bottom: 2rem;
    }

    section.service_sec_2 {
        padding: 4rem 0 0 0;
    }

    .service_sec_2_img img {
        max-width: 100%;
        margin: 0 auto;
    }

    .service_sec_2_img:before {
        display: none;
    }

    .service_sec_2_number .item {
        max-width: unset;
        margin: 0;
    }
    .service_sec_2_number {
        flex-direction: column;
        gap: 1rem;
    }

    .service_sec_2_number .item {
        position: unset !important;
        margin: 0 !important;
        padding: 0;
    }

    .service_sec_2_items {
        flex-direction: column;
        gap: 5rem;
    }

    .service_sec_2_items .item {
        width: calc(90% - 4rem);
        margin: auto;
        transform: unset !important;
        margin: 0 auto !important;
    }
    .service_sec_2_img {
        margin-top: 2rem;
    }
    .serice_sec_3_wrap .box_img img {
        width: 100%;
    }

    .serice_sec_3_wrap {
        -webkit-mask-image: unset;
        -webkit-mask-size: contain;
        -webkit-mask-position: center center;
        -webkit-mask-repeat: no-repeat;
        margin: 0 15px;
        background: #E559A0;
        border-radius: 1.5rem;
        overflow: hidden;
    }

    .service_sec_2_items {
        margin-bottom: 5rem;
    }
    section.tc_sec_1 {
        padding: 4rem 0;
    }

    .tc_sec_1_img {
        max-width: 100%;
        margin-top: 2rem;
    }

    .tc_sec_2_items {
        flex-direction: column;
    }

    .tc_sec_2_items .item {
        width: 100%;
        gap: 2rem;
        height: auto;
        padding: 1.5rem;
    }

    .tc_sec_2_items .item+.item {
        border-top: 1px solid #333;
    }

    section.tc_sec_3 {
        padding-top: 4rem;
    }

    .tc_sec_3_wrap.flex {
        flex-direction: column;
    }

    .tc_sec_3_wrap>* {
        width: 100%;
    }

    .tc_sec_3_wrap .box_right.item {
        padding: 2rem 0 0 0;
    }

    section.tc_sec_4 {
        padding-top: 4rem;
    }

    section.tc_sec_5 {
        padding: 4rem 0 2rem;
    }

    section.tc_sec_5 .box_img img {
        width: 100%;
    }

    section.tc_sec_5 .group_heading {
        padding: 2rem 0 0;
    }

    section.tc_sec_6 {
        padding: 2rem 0;
    }

    .tc_sec_7_items {
        flex-direction: column;
    }

    .tc_sec_7_items .item {
        width: calc(100% - 1.4rem);
    }

    section.tc_sec_7 {
        padding-bottom: 1rem;
    }

    section.tc_sec_8 {
        min-height: 28rem;
    }
    .kt_sec_1 .group_heading {
        margin: 0;
    }

    section.kt_sec_1 {
        padding: 0;
    }

    section.kt_sec_1 img {
        min-height: 20rem;
        object-fit: cover;
        object-position: left center;
    }

    .list_tax_post .icon {
        width: 4rem;
        height: 4rem;
    }

    .list_tax_post {
        flex-wrap: wrap;
        gap: 1.5rem;
    }
    .item_post.first_item {
        flex-direction: column;
    }

    .item_post.first_item .box_img {
        width: 100%;
        height: 16rem;
    }
    .list_posts.style_2.style_3 .item_post:nth-child(2), .list_posts.style_2.style_3 .item_post:nth-child(3) {
        width: calc(calc(100%) - 1.2rem);
    }
    .about_sec_1_img .img_2 {
        width: 11.6rem;
        height: 11.6rem;
        right: 0rem;
    }

    .about_sec_1_bottom .content {
        max-width: 100%;
        margin-top: 6rem;
    }

    .slider_award .box_img img {
        height: auto;
    }

    .slider_award .box_img {
        align-items: flex-end;
        height: 11.35695rem;
    }

    .slider_award {
        margin-bottom: 4rem;
    }

    section.about_sec_3 .heading_title, section.about_sec_2 .heading_title {
        font-size: 2.5rem;
    }

    .item_process>* {
        width: 100%;
        order: unset !important;
    }

    .item_process {
        flex-direction: column;
        gap: 1.5rem;
    }

    .wrap_process:before {
        display: none;
    }

    .item_process:before {
        display: none;
    }

    .item_process+.item_process {
        margin-top: 3rem;
    }

    section.about_sec_3 {
        padding-top: 4rem;
    }

    .about_sec_3_wrap .item.flex {
        flex-direction: column;
    }

    .about_sec_3_wrap .item>* {
        width: 100%;
        order: unset !important;
    }

    .about_sec_3_wrap .content {
        padding: 0 !important;
    }

    .about_sec_3_wrap {
        margin-top: 2rem;
    }

    .about_sec_3_wrap .item>* {
        top: unset !important;
        padding: 0 !important;
    }

    .about_sec_3_wrap .item .box_img {
        opacity: 1 !important;
        margin-top: 1rem;
    }

    .about_sec_3_wrap .box_img .inner {
        transform: unset !important;
        opacity: 1 !important;
    }

    .about_sec_4_nav.flex {
        flex-wrap: wrap;
    }


    .about_sec_4_nav_for .item .inner {
        display: block !important;
    }

    .about_sec_4_nav_for .box_content {
        padding: 0 !important;
        width: 100%;
        margin-bottom: 1.5rem;
    }

    .about_sec_4_nav_for .box_img {
        width: 100%;
    }

    .content.quote.text-center {
        max-width: 100%;
        margin-bottom: 4rem;
        margin-top: 2rem;
    }

    section.about_sec_5 {
        padding-top: 4rem;
    }
    .slider_imgs {
        max-width: unset;
        margin: 2rem 15px;
    }

    .about_sec_5_slider .inner {
        flex-direction: column;
    }

    .about_sec_5_slider .box_content {
        width: 100%;
        padding: 0;
        margin-bottom: 2rem;
    }

    section.about_sec_5 a.button_style.button {
        margin-top: 1rem;
    }

    .about_sec_6_img img {
        transform: unset;
    }

    .about_sec_6_toggle h3 {
        font-size: 2rem;
    }

    .about_sec_7_img {
        transform: unset;
        margin-top: 2rem;
    }

    section.about_sec_7 .col.large-10.meidum-10.text-center .content {
        margin: 2rem 0;
    }

    .about_sec_7_imgb {
        padding: 0;
    }

    .about_sec_8 {
        padding: 4rem 0;
    }

    section.about_sec_9 {
        padding-bottom: 0;
    }

    section.footer_top {
        padding: 4rem 0;
    }
    .item_member {
        width: calc(calc(100%) - 4.6rem);
    }

    .wrap_team {
        gap: 3.5rem;
        margin-top: 8rem;
    }

    section.bs_sec_1 {
        padding-top: 3rem;
    }
    .contact_page_items {
        flex-direction: column;
        gap: 5rem;
    }

    .contact_page_items .item {
        width: 100%;
    }

    section.contact_sec_1 {
        padding-bottom: 10rem;
    }

    section.pk_sec_1:before, .contact_sec_1:before {
        height: 23rem;
    }

    section.contact_sec_2 {
        padding-top: 4rem;
    }
    section.cs_page {
        padding-bottom: 4rem;
    }
    form.filter_office .inner {
        flex-direction: column;
        gap: .5rem;
    }

    form.filter_office input {width: 100%;}

    .wrap_office {
        flex-direction: column;
    }

    .wrap_office_left {
        width: 100%;
    }

    .item_office .icon {
        margin-right: .6rem;
    }

    .wrap_office_right {
        width: 100%;
    }

    div#map iframe {
        height: 18rem;
    }

    section.pk_sec_1 {
        padding-bottom: 10rem;
    }
    section.tv_page h2.heading_title {
        font-size: 2.5rem;
    }

    section.tv_page {
        padding-bottom: 0;
    }

    .ttv_page_img {
        padding: 0;
    }

    .ttv_page_info {
        margin-top: 2rem;
    }
    .box_gift .item {
        width: 7.5rem;
        height: 7.5rem;
    }

    .box_gift .box_img {
        height: 3.9rem;
    }
    .price_box {
        padding: 1rem;
    }
    section.td_sec_1 {
        padding: 4rem 0;
    }

    .td_sec_1_items .item {
        flex-direction: column;
        gap: 1.5rem;
    }

    .td_sec_1_items .item>* {
        width: 100%;
        order: unset !important;
    }

    .td_sec_1_items .item+.item {
        margin-top: 5rem;
    }

    section.td_sec_1 .video_box {
        margin-top: 2rem;
        border-radius: 0;
    }

    ul.list_tax_td {
        flex-direction: column;
    }
    .wrap_table_td,
    .wrap_table_td thead,
    .wrap_table_td tbody,
    .wrap_table_td th,
    .wrap_table_td td,
    .wrap_table_td tr {
        display: block;
    }

    .wrap_table_td thead {
        display: none;
    }

    .wrap_table_td  td:before {
        content: attr(data-title);
        left: 10px;
        width: 50%;
        padding-right: 10px;
        white-space: nowrap;
        font-size: 13px;
        text-align: left !important;
        display: inline-block;
    }

    .wrap_table_td td, .wrap_table_td th {
        width: 100% !important;
        text-align: left !important;
        border: none !important;
    }

    .wrap_table_td tr+tr td {
        border: none !important;
    }

    .wrap_table_td tr+tr {
        margin-top: 1.5rem;
    }
    .wrap_form_td {
        padding: 1.5rem;
    }

    .wrap_form_td h2.heading_title {
        font-size: 2rem;
    }

    section.tdd_sec_1 {
        padding-bottom: 3rem;
    }

    .wrap_form_td .col.large-6.medium-6.text-right {
        text-align: left;
        margin-top: 1rem;
    }
    .open_menu {
        display: none;
    }

    div#main_menu {
        position: fixed;
        background: #fff;
        left: 0;
        top: 5rem;
        height: 100vh;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        width: 100vw;
        padding-top: 3rem;
        transform: translateX(-100%);
        transition: .6s all;
    }

    a#logo_hader img {
        height: 3rem;
    }

    .open_menu {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .open_menu img {
        height: 4rem;
        width: auto;
        transition: 0s;
    }

    .inner_header {
        padding: .5rem 0;
    }
    .footer_1 .content {
        font-size: 1.1rem;
    }

    .menu_footer ul a {
        font-size: 1.1rem;
    }

    footer.footer>.row>.col+.col {
        margin-top: 1.6rem;
    }

    .footer_nav {
        margin-top: 19rem;
    }
    .home_sec_1_wrap .box_content {
        max-width: 75%;
    }
    section.home_sec_3 {
    padding-top: 4rem;
    padding-bottom: 5rem;
    }

    section.home_sec_4 {
        padding-top: 4.4rem;
    }

    .home_sec_5_img .box_img {
        margin-bottom: -6rem;
    }

    .home_sec_5_img a.button_style {
        bottom: 8rem;
        width: max-content;
    }

    .home_sec_7_wrap .arrow_slider {
        display: none;
    }
    div#main_menu>ul {
        flex-direction: column;
        align-items: center;
        gap: 0rem;
    }

    div#main_menu>ul a {
        font-size: 1.5rem;
    }

    div#main_menu.active {
        transform: translateX(0%);
    }
    .search_button {
    position: unset;
}


header .col.large-12 {
    padding-right: 0;
}

.search_button img {
    width: 1.8rem;
}

.searchform input#s {
    width: 21rem;
}

.searchform .flex-col.flex-grow {
    flex: unset;
}

form.searchform .flex-row.relative {
    justify-content: center;
}

.search-lightbox-title {
    font-size: 1.4rem;
}
section.home_sec_5 img.congau {
    display: none;
}
.inner.quyen_loi {
    max-width: 95vw;
}

.video_box .icon_video svg {
    width: 4rem;
}

.slider_office {
    flex-wrap: wrap;
}

.slider_office .item {
    width: calc(100% / 3);
    padding: .6rem;
}
.about_sec_1 h1.heading_title br {
    display: none;
}

.content.about_sec_1_content {
    padding: 0;
}

section.about_sec_1 .heading_title {
    margin-bottom: 1rem;
}

img.img_ong_nghe {
    display: none;
}

.about_sec_1_img {
    margin-top: 2rem;
    max-width: 80vw;
    margin: 2rem auto 0;
}

img.about_sec_1_imght {
    width: 20rem;
    left: 5rem;
    bottom: -1rem;
}
.slider_award .slick-slide.slick-current {
    scale: 1;
}
.slider_award b {
    font-size: 1.1rem;
}

.slider_award b::before, .slider_award b::after {
    height: 2rem;
}

.slider_award h3 {
    font-size: .8rem;
    text-align: center;
}

.slider_award .slick-list {
    padding-bottom: 0 !important;
}
section.about_sec_1 {
    padding-bottom: 0;
}

.wrap_ht_section {
    display: none;
}

.about_sec_2_img:before {
    height: 4rem;
}

.about_sec_3_wrap .item .box_img .inner {
    top: 0 !important;
    transform: unset !important;
}

.about_sec_3_wrap .item .box_img::before {
    width: 7rem;
    height: 7rem;
    right: -1rem;
    top: -3rem;
}

.about_sec_3_wrap .item:nth-child(even) .content {
    margin-top: 3rem;
}

.about_sec_3_wrap .item:nth-child(even) .box_img::before {
    width: 32rem;
    height: 20rem;
    right: -2rem;
    top: 4rem;
}

section.about_sec_5 .heading_title {
    font-size: 2rem;
}

section.about_sec_5 .group_heading.text-center {
    padding: 0;
}

.about_sec_5_slider .arrow_slider {
    display: none;
}
.about_sec_8 h2.heading_title.text-center br {
    display: none;
}

.about_sec_9_slider .item {
    border-radius: 1rem;
    height: 28rem;
}
.service_sec_2_number .item .content {
    max-width: 80%;
    margin: auto;
}
section.serviced2 {
    padding: 3rem 0;
}

section.serviced2 .content {
    padding: 0;
    text-align: left;
}

.serviced2_items {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.serviced2_items .item {
    width: 85%;
}

.about_sec_4_nav_for .box_img+.box_content {
    margin-top: 2rem;
}

section.serviced3::before {
    display: none;
}

section.serviced3 {
    padding-bottom: 2rem;
}

.serice_sec_3_wrap .wrap_form {
    padding-top: 6rem;
}
.tc_sec_1_img::after {
    height: 41rem;
    width: 28rem;
    top: -4rem;
    left: -1rem;
}

section.tc_sec_2 h2.heading_title br {
    display: none;
}

.content {
    max-height: unset !important;
}

.popup_content.popup_form .serice_sec_3_wrap .box_img img {
    display: none;
}

.popup_content.popup_form  .row {
    max-width: 100%;
    margin: 0 auto;
}

.popup_form section.service_sec_3 {
    width: auto;
}
.bs_popup .wrap_top {
    flex-direction: column;
    padding: 2rem;
    font-size: 1rem;
}

.bs_popup .wrap_top .box_img {
    display: none;
}

.bs_popup .inner {
    width: 95vw;
}

.bs_popup .wrap_top .box_content {
    padding-bottom: 0;
}

.bs_popup .about_content {
    margin: 2rem;
}
.info_bs>img {
    display: none;
}
ul.list_tags {
    overflow: auto;
}

ul.list_tags li {
    flex: 0 0 auto;
}

.wrap_tags_post {
    justify-content: flex-start;
    float: left;
    margin-top: 1rem;
}

section.post_related {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.work_details_box .group_heading h2.title {
    font-size: 1.7rem;
}

.work_details_box .group_heading .number {
    font-size: 3.5rem;
}

.work_details_img img {
    transform: unset;
    margin-top: 2rem;
}

.work_banner_content {
    padding: 2rem;
}

.work_banner_content .content {
    font-size: 1.6rem;
    margin-bottom: 3rem;
}

.work_details .share_post {
    margin-bottom: 2rem;
}

.style_4 .work_details_img img {
    transform: unset;
    margin-bottom: 2rem;
}

.cac_tag {
    margin-bottom: 1rem;
}
.td_sec_1_items .item .box_img::before {
    display: none;
}

ul.list_tax_td a {
    min-width: unset;
    padding: 0 1rem;
}

ul.list_tax_td.flex.justify-center {
    flex-direction: unset;
}
.wrap_ht_footer img.ht2 {
    bottom: 13rem;
}

.wrap_ht_footer img.ht3 {
    bottom: 16rem;
}
.item_process ul {
    margin-left: 1rem;
}
.slider_award .slick-slide.slick-current {
    top: 0;
}
.about_sec_9_slider .item {
    height: 8rem;
}
.service_sec_2_items .item:hover {
    transform: rotate(0) translateY(0rem) !important;
}
section.td_sec_1 h2.heading_title ,
section.td_sec_2  h2.heading_title{
    font-size: 2rem;
}
.quyen_loi_bottom .content {
    max-height: 13rem !important;
    font-size: 1.1rem;
}

.quyen_loi_bottom {
    padding: 1.5rem;
}

.quyen_loi .box_img {
    max-width: 21rem;
    margin-bottom: 1rem;
}
.item_member:before {
    top: -1rem;
}
a.link.button.buy_now {
    width: 90%;
    text-align: center;
    justify-content: center;
}
section.home_sec_5 h2.heading_title {
    max-width: 90%;
    margin: 0 auto 1rem;
}
.home_sec_5_items {
    margin-top: 2rem;
}
.wrap_form input, .wrap_form textarea, .wrap_form .col>select {
    font-size: 16px;
}

.wrap_input span {
    font-size: 16px;
    line-height: 1;
    width: 100%;
}

.wrap_input select {
    font-size: 16px;
    text-align: left;
}

.wrap_input {
    flex-direction: column;
    height: 5rem;
    align-items: center;
    justify-content: center;
    padding-top: .8rem;
}
section.service_sec_3 button.button.button_style {
    border: 2px solid #fff;
}
section.footer_top {
    padding-bottom: 3rem;
}

.slider_office ul.slick-dots {
    bottom: -1rem;
}
.slider_office .item img {
    display: block;
    margin: auto;
}
.tc_sec_2_items .item .content {
    height: auto !important;
}
.tc_sec_6_slider .item {
    justify-content: center;
}
.wrap_service .inner {
    display: block;
    animation: unset;
}

.wrap_service {
    padding: 0 10px;
}

section.home_sec_3 .list_posts {
    margin: 0 0 2rem;
    display: block;
}

section.home_sec_3 .item_post {
    margin: 0;
}
.is_slider_mobile  ul.slick-dots {
    display: flex !important;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.is_slider_mobile .arrow_slider {
    transform: unset;
    top: unset;
    bottom: .7rem;
    border: 1px solid #E559A0;
    display: flex;
}
section.home_sec_3 .list_posts .arrow_slider {
    bottom: -.4rem;
}
.slider_award {
    display: block;
}

ul.wrap_may{
    display: none;
}
.slider_office ul.slick-dots {position: unset;transform: unset;margin-top: 0;}

.slider_office .arrow_slider {
    bottom: -.1rem;
}
.slider_team_for  ul.slick-dots {
    display: flex !important;
    position: unset !important;
    margin: 3rem 0 2rem;
}
.wrap_service .arrow_slider {
    bottom: -0.27rem;
}
input[type="date"] {
    width: 100%;
  box-sizing: border-box;
  -webkit-appearance: none;
  font-size: 16px;
  box-sizing: border-box;
    position: relative ;
    
}
input[type="date"]:before {
  content: attr(placeholder);
  color: #999;
  position: absolute;
  left: 16px;
   left: 1rem;
}

input[type="date"]:focus:before,
input[type="date"]:valid:before {
  display: none;
}
.button_style .icon svg {
    width: .7rem;
    height: .7rem;
}
.home_sec_7_wrap .arrow_slider {
    display: flex;
    bottom: -0.55rem !important;
    top: unset;
    transform: unset;
}
.serice_sec_3_form>button {
    display: none;
}

.serice_sec_3_wrap button.button.button_style {
    display: inline-flex;
}
.tc_sec_8_content {
    padding: 0 15px;
}

.tc_sec_8_content .content br {
    display: none;
}
.ttv_page_info .mo_ta {
    margin-bottom: 2rem;
}
.item_post.first_item .box_content{
    padding-left: 1.5rem;
}
div#main_menu.active+div+div {
    background-image: url(../images/button_close.svg);
    background-size: 3rem;
    background-repeat: no-repeat;
    background-position: center;
}
div#main_menu.active+div+div img {
    opacity: 0;
}
.about_sec_4_nav .item {
    width: 44%;
    max-width: unset;
}
ul.fixed_button {
    width: auto;
    bottom: 10px;
    left: 10px;
    right: 10px;
    display: flex;
    flex-direction: unset;
    background: #E559A0;
    gap: 0;
    border-radius: 100px;
    overflow: hidden;
}

ul.fixed_button a:not(.back_to_top) {
    width: 5rem;
    height: 4rem;
}

ul.fixed_button a:not(.back_to_top):before {
    display: none;
}

ul.fixed_button li+li {
    border-left: 1px solid rgb(255 255 255 / 20%);
}

li.mobile_display {
    display: block;
    width: 100%;
}

li.mobile_display a {
    width: 100% !important;
    background: #84bd64;
    color: #fff;
    border-radius: 0;
}

a.back_to_top {
    position: fixed;
    bottom: 3rem;
    right: 3rem;
}

ul.fixed_button li:last-child {width: 0;border: none;}
.popup_content.form_popup .inner {
    padding: 2rem 1.2rem !important;
}
.css-1jqq78o-placeholder {
    font-size: 16px !important;
}

.css-19bb58m {
    font-size: 16px !important;
}

.css-1dimb5e-singleValue {
    font-size: 16px !important;
}
div#main_menu>ul ul{
    display: none !important;
}
.wrap_section45 {
    background-size: cover;
}
.home_sec_8 .content br {
    display: none;
}

.home_sec_2_img {
    margin-top: 3rem;
}

.home_sec_5_items {
    margin: 0 !important;
    display: flex;
    gap: 1.5rem;
}

.home_sec_5_items+.home_sec_5_items {
    margin-top: 1.5rem !important;
}
div#main_menu>ul a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

span.mega-indicator {
    width: 1.6rem;
    height: 1.6rem;
    background-image: url(../images/down.svg);
    background-size: 1.6rem;
    background-repeat: no-repeat;
    transform: rotate(180deg);
}

#main_menu .mega-sub-menu {
    position: unset !important;
    text-align: center;
}

#main_menu .mega-sub-menu li {
    border: none;
}

#main_menu .mega-sub-menu li a {
    line-height: 1.5;
    font-size: 1.1rem;
}
#main_menu .mega-sub-menu li a::after{
    content: '';
    background-image: url(../images/arrow_right.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: .8rem;
    height: .8rem;
}

div#main_menu {height: 100vh;}
  #main_menu .mega-sub-menu {
    display: none;
    padding: 0 1rem 1rem;
  }

  #main_menu li.submenu-open > .mega-sub-menu,
  #main_menu li.active > .mega-sub-menu {
    display: block;
  }

  #main_menu .mega-indicator {
    cursor: pointer;
  }
  #main_menu .mega-sub-menu {
    display: none !important;
}

#main_menu li.active .mega-sub-menu {
        display: block !important;
        background: transparent !important;
        opacity: 1;
}
div#main_menu>ul {
    width: 100%;
}

li.mega-menu-item-has-children.active {
    background: #6ec0551c !important;
}

    li.mega-menu-item-has-children.active {
        background: #e559a026 !important;
    }


#main_menu .mega-sub-menu li a {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    text-align: left;
    border-radius: .5rem;
    gap: 1rem;
}

#main_menu .mega-sub-menu li + li {
    margin-top: .6rem;
}
div#main_menu > ul > li+li:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #ebebeb;
    opacity: 1;
    transition: .5s all;
}

li.mega-menu-item-has-children.active:before {
    opacity: 0 !important;
}
li.mega-menu-item-has-children.active+li:before {
    opacity: 0 !important;
}
div#main_menu > ul li {
    width: 100%;
    border-radius: 1rem;
}

div#main_menu {
    padding: 3rem 1.5rem;
}
div#main_menu > ul li + li{
    border: none;
}
.home_sec_2_content .content {
    padding-right: 0rem;
}
div#main_menu>ul a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

span.mega-indicator {
    width: 1.6rem;
    height: 1.6rem;
    background-image: url(../images/down.svg);
    background-size: 1.6rem;
    background-repeat: no-repeat;
    transform: rotate(180deg);
}

#main_menu .mega-sub-menu {
    position: unset !important;
    text-align: center;
}

#main_menu .mega-sub-menu li {
    border: none;
}

#main_menu .mega-sub-menu li a {
    line-height: 1.5;
    font-size: 1.1rem;
}
#main_menu .mega-sub-menu li a::after{
    content: '';
    background-image: url(../images/arrow_right.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: .8rem;
    height: .8rem;
}

div#main_menu {height: 100vh;}
  #main_menu .mega-sub-menu {
    display: none;
    padding: 0 1rem 1rem;
  }

  #main_menu li.submenu-open > .mega-sub-menu,
  #main_menu li.active > .mega-sub-menu {
    display: block;
  }

  #main_menu .mega-indicator {
    cursor: pointer;
  }
  #main_menu .mega-sub-menu {
    display: none !important;
}

#main_menu li.active .mega-sub-menu {
        display: block !important;
        background: transparent !important;
        opacity: 1;
}
div#main_menu>ul {
    width: 100%;
}

li.mega-menu-item-has-children.active {
    background: #6ec0551c !important;
}

    li.mega-menu-item-has-children.active {
        background: #6ec0551c !important;
    }


#main_menu .mega-sub-menu li a {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    text-align: left;
    border-radius: .5rem;
    gap: 1rem;
}

#main_menu .mega-sub-menu li + li {
    margin-top: .6rem;
}
div#main_menu > ul > li+li:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #ebebeb;
    opacity: 1;
    transition: .5s all;
}

li.mega-menu-item-has-children.active:before {
    opacity: 0 !important;
}
li.mega-menu-item-has-children.active+li:before {
    opacity: 0 !important;
}
div#main_menu > ul li {
    width: 100%;
    border-radius: 1rem;
}

div#main_menu {
    padding: 3rem 1.5rem;
}
div#main_menu > ul li + li{
    border: none;
}
section.home_sec_1 {
    padding: 0;
    background: transparent;
}
section.home_sec_5 {
    background: #e559a0ab !important;
}
}/* ===== ACC PAGE (Login / Register / OTP) ===== */
section.acc_page {
    background: #F4FBFE;
    padding: 6rem 0;
}

.acc_box {
    border-radius: 1rem;
    background: #FFF;
    box-shadow: 0 4px 50px 0 rgba(20, 119, 192, 0.08);
    max-width: 34.7rem;
    margin: auto;
    padding: 3.75rem 3.3rem;
    text-align: center;
}

.acc_box > b {
    color: #555;
    font-size: 1.25rem;
    display: block;
    margin-bottom: 1rem;
}

.acc_box > b a {
    color: var(--1, #04ADEE);
}

.acc_box .content {
    color: #555;
    text-align: center;
    font-size: 0.8rem;
}

.acc_box .content a {
    color: var(--1, #04ADEE);
}

form.form_acc {
    margin-top: 2.5rem;
    margin-bottom: 0;
}

form.form_acc b {
    color: rgba(85, 85, 85, 0.60);
    text-align: center;
    font-family: Nunito;
    font-size: 1rem;
    display: block;
    margin-bottom: .3rem;
}

form.form_acc input {
    height: 3.25rem;
    border-radius: 0.5rem;
    border: 1px solid var(--border-input, rgba(85, 170, 223, 0.65));
    background: #FFF;
    font-size: 1.5rem;
    text-align: center;
    color: var(--1, #04ADEE) !important;
    box-shadow: none;
    margin: 0 2rem 2.5rem;
    width: calc(100% - 4rem);
    padding: 0 !important;
}

.form_acc .validate-message.phone {
    width: calc(100% - 4rem);
    margin: 0 2rem 2.5rem;
    bottom: -1.1rem;
}

section.acc_page button[type="submit"] {
    margin: 0;
    width: 100%;
    background: var(--1, #04ADEE);
    border-radius: 100px;
    color: #FFF;
    font-family: Nunito;
    font-size: 1.25rem;
    text-transform: unset;
}

section.acc_page + section.acc_page {
    margin-top: 4rem;
}

.otp_inputs {
    display: flex;
    padding: 0 3rem 2.5rem;
    gap: 1.5rem;
    justify-content: center;
}

.otp_inputs input {
    width: 3.35rem !important;
    height: 3.35rem !important;
    border: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid var(--1, #04ADEE) !important;
    margin: 0 !important;
}

form.form_acc[name="otp_form"] button[type="submit"] {
    margin-bottom: 2rem;
}

form.form_acc[name="register_form"] {
    text-align: left;
}

form.form_acc[name="register_form"] label {
    text-align: left;
    font-weight: 700;
}

form.form_acc[name="register_form"] input:not([type="radio"]) {
    text-align: left;
    width: 100% !important;
    margin: 0 0 1.25rem !important;
    font-size: 1.1rem;
    color: #555;
    padding: 0 1rem !important;
}

form.form_acc[name="register_form"] button[type="submit"] {
    margin-top: 1.6rem;
}

section.acc_page.register_page .acc_box {
    max-width: 42.7rem;
}

/* ===== Register — field-row / radio ===== */
.field-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.field-label {
    font-weight: 500;
    margin-right: 12px;
}

.radio-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 15px;
    color: #333;
}

.radio-label input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 1.3rem;
    height: 1.3rem;
    border: 2px solid var(--Stroke, #90C8EA);
    border-radius: 50%;
    cursor: pointer;
    transition: border-color 0.2s;
    flex-shrink: 0;
    position: relative;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.radio-label input[type="radio"]::after {
    content: "";
    display: block;
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    background: #fff;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.2s;
    position: absolute;
}

.radio-label input[type="radio"]:checked {
    background: #04ADEE;
    border-color: #04ADEE;
}

.radio-label input[type="radio"]:checked::after {
    transform: scale(1);
}

.radio-label + .radio-label {
    margin-left: 1rem;
}

/* ===== User / Account page ===== */
section.user_page {
    padding: 3.75rem 0 6rem;
    background: #F4FBFE;
}

.user_box {
    position: sticky;
    top: 7rem;
    border-radius: 1rem;
    background: #FFF;
    box-shadow: 0 4px 50px 0 rgba(35, 141, 219, 0.05);
    max-width: 17.95rem;
    overflow: hidden;
}

.user_box_top {
    text-align: center;
    background: #daf1fc;
    padding: 2.5rem;
    overflow: hidden;
    position: relative;
}

.user_box_top:before, .user_box_top:after {
    content: '';
    background: linear-gradient(310deg, rgba(5, 171, 238, 0.40) 14.65%, rgba(5, 171, 238, 0.00) 85.05%);
    filter: blur(20px);
    width: 9.60965rem;
    height: 9.60965rem;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(43%, -45%);
    pointer-events: none;
}

.user_box_top:after {
    top: unset;
    right: unset;
    left: 0;
    bottom: 0;
    transform: translate(-50%, 50%);
}

.user_box_top .avatar {
    width: 5.2rem;
    height: 5.2rem;
    margin: 0 auto 1.3rem;
    border-radius: 50%;
    overflow: hidden;
}

.user_box_top .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.user_name {
    color: var(--1, #04ADEE);
    text-align: center;
    font-size: 1.5rem;
    display: block;
    line-height: 1.2;
}

a.edit_profile, .info_user .avatar a {
    text-decoration: underline;
    color: #596472;
    font-family: Nunito;
    font-size: 0.8rem;
    transition: .5s all;
}

a.edit_profile:hover, .info_user .avatar a:hover {
    color: var(--1, #04ADEE);
}

.user_box_nav {
    margin: 0;
    padding: .8rem 1rem;
}

.user_box_nav ul {
    list-style: none;
    margin: 0;
}

.user_box_nav ul li {
    margin: 0;
}

.user_box_nav ul li a {
    display: flex;
    align-items: center;
    font-size: 1.1rem;
    color: #555;
    gap: .6rem;
    padding: .7rem 0;
    transition: .5s all;
}

.user_box_nav ul li a .icon svg {
    width: 1.2rem;
    display: block;
}

.user_box_nav ul li a.active, .user_box_nav ul li a:hover {
    color: var(--1, #04ADEE);
    background: #04adee12;
}

.user_box_nav ul li + li {
    border-top: 1px solid rgba(192, 220, 235, 0.60);
}

section.user_page h2.title {
    margin: 0;
    font-size: 2rem;
    color: var(--1, #04ADEE);
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid rgb(4 173 238 / 20%);
}

section.user_page h2.title.style_2 {
    text-align: center;
    border: none;
    padding: 0;
}

.info_user {
    display: flex;
}

.info_user .avatar {
    text-align: center;
    margin-right: 4rem;
    flex: 0 0 auto;
}

.info_user .avatar .img {
    width: 7.2222rem;
    height: 7.2222rem;
}

.info_user .avatar .img img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    object-fit: cover;
}

.info_user .avatar a {
    font-size: 0.9rem;
    margin-top: .5rem;
}

section.user_page form input:not([type="radio"]) {
    height: 2.75rem;
    border-radius: 0.5rem;
    border: 1px solid #C0DCEB;
    background: #FFF;
    box-shadow: none;
    font-size: 1.1rem;
    color: #555;
    padding: 0 1.3rem;
}

section.user_page form small {
    color: var(--1, #04ADEE);
    font-size: 0.7rem;
    transform: translateY(-1rem);
}

section.user_page form [type="submit"] {
    height: 3.1rem;
    display: inline-flex;
    align-items: center;
    margin: 0;
    border-radius: 5rem;
    background: var(--1, #04ADEE);
    color: #fff;
    padding: 0 1rem;
    line-height: normal;
    text-transform: unset;
    min-width: 18rem;
    text-align: center;
    justify-content: center;
}

.edit_user_box [name="edit_user"] {
    width: 100%;
}

.edit_user_box [name="edit_user"] .field-row {
    margin-bottom: 1rem;
}

section.user_page + .footer_top {
    display: none;
}

@media only screen and (max-width: 767px) {
    section.acc_page {
        padding: 2rem 0;
    }

    .user_box {
        width: 100%;
        max-width: 100%;
        margin-bottom: 2rem;
        border-radius: 0;
        background: transparent;
    }

    .user_box_top .avatar {
        width: 7rem;
        height: 7rem;
        float: left;
        margin: 0;
        margin-right: 1rem;
        border: 1px solid #fff;
        padding: .2rem;
    }

    .user_box_top .avatar img {
        border-radius: 100px;
        overflow: hidden;
    }

    .user_name {
        text-align: left;
        padding-top: 1.5rem;
    }

    .user_box_top {
        text-align: left;
        border-radius: 1rem;
    }

    .user_box_nav {
        padding: .5rem 0;
        background: #fff;
        border-radius: 1rem;
        margin-top: .5rem;
    }

    .user_box_nav ul {
        display: flex;
    }

    .user_box_nav ul li a {
        flex-direction: column;
        text-align: center;
        justify-content: flex-start;
        font-weight: 599;
        line-height: 1.2;
        border: none;
        font-size: .8rem;
        padding: .7rem .6rem;
        border-radius: .3rem;
        height: 100%;
    }

    .user_box_nav ul li a span.icon {
        height: 1.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .user_box_nav ul li {
        border: none !important;
        padding: 0 .5rem;
        width: 25%;
    }

    .user_box_nav ul li + li {
        border-left: 1px solid #ececec !important;
    }

    .info_user {
        flex-direction: column;
    }

    .info_user .avatar {
        text-align: center;
        justify-content: center;
        align-items: center;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 1em;
        margin-bottom: 2rem;
    }

    section.acc_page .wrap_ht_section {
        display: none !important;
    }

    .acc_box {
        padding: 2rem;
    }

    section.user_page form [type="submit"] {
        width: 100%;
    }
}

/* ===== Profile / Hồ sơ khám bệnh ===== */
.hs_user_info {
    display: flex;
    align-items: center;
}

.hs_user_info .avatar {
    width: 4.05rem;
    height: 4.05rem;
    border: 3px solid var(--1, #04ADEE);
    border-radius: 50%;
    margin-right: 1.3rem !important;
}

.hs_user_info .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.hs_user_info .info {
    display: flex;
    flex-direction: column;
    font-size: 1.1rem;
    width: 13rem;
    margin-right: 11rem;
}

.hs_user_info .info span.app_id {
    color: var(--1, #04ADEE);
}

.hs_user_info .address {
    float: right;
    font-size: 0.9rem;
    color: #555;
}

.top_user_info {
    background: #FFF;
    border-radius: 1.25rem 1.25rem 1.875rem 1.875rem;
    padding: 2rem 1.5rem 1.4rem;
}

.hs_tabs {
    border: 1px solid #C0DCEB;
    display: flex;
    border-radius: 100px;
    margin-top: 2rem;
}

.hs_tabs button {
    height: 2.75rem;
    margin: 0;
    width: 100%;
    border-radius: 100px;
    color: var(--1, #04ADEE);
    text-transform: unset;
    transition: .5s all;
    padding: 0 .5rem;
}

.hs_tabs button.active {
    background: var(--1, #04ADEE);
    color: #fff;
}

.hs_tab_content {
    border-radius: 1.25rem 1.25rem 1.875rem 1.875rem;
    background: #FFF;
    padding: 1.5rem 1.5rem;
    border-top: 1px dashed #C0DCEB;
}

.wrap_info_box {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -3.5rem 2rem;
}

.hs_row {
    font-size: 0.9rem;
}

.hs_tab_content .hs_row {
    width: calc(50% - 7rem);
    margin: 0 3.5rem;
    display: flex;
    justify-content: space-between;
    padding: .5rem 0;
}

.hs_tab_content .hs_row:nth-child(1), .hs_tab_content .hs_row:nth-child(2) {
    border: none;
    padding-top: 0;
}

.hs_tab_content .wrap_info_box .hs_row {
    position: relative;
}

.hs_tab_content .wrap_info_box .hs_row:after {
    content: "";
    border-top: 1px solid #D9EAF3;
    position: absolute;
    top: 0;
    height: 1px;
    width: 85%;
}

.hs_tab_content .wrap_info_box .hs_row:nth-child(1):after,
.hs_tab_content .wrap_info_box .hs_row:nth-child(2):after {
    display: none;
}

.wrap_info_box span.hs_value {
    position: relative;
    display: inline-block;
    background: #ffff;
    height: calc(100% + .6rem);
    right: 0;
    padding-left: 0;
    color: var(--1, #04ADEE);
}

.wrap_info_boxb {
    border-radius: 1rem;
    background: #F4FBFE;
    padding: 1rem;
    margin-top: 1rem;
    color: #555;
}

.wrap_info_boxb:first-child {
    margin-top: 0;
}

.wrap_info_boxb .hs_row {
    margin: 0;
    width: 100%;
    padding: 0.5rem 0 !important;
}

.wrap_info_boxb .hs_row + .hs_row {
    border-top: 1px solid #D9EAF3 !important;
}

span.hs_label {
    font-weight: 600;
}

span.hs_value.muted {
    color: rgb(85 85 85 / 65%);
    font-style: italic;
    display: inline-flex;
    align-items: center;
}

span.hs_value.muted svg {
    width: 1.3rem;
    margin-left: .4rem;
}

.hs_section_title {
    display: flex;
    align-items: center;
    margin: 1.8rem 0 1rem;
    color: var(--1, #04ADEE);
    font-size: 1.1rem;
    gap: .5rem;
}

.hs_section_title svg {
    display: grid;
    width: 1.5rem;
}

.hs_visit_date {
    display: inline-flex;
    align-items: center;
    border-radius: 5rem;
    background: rgba(4, 173, 238, 0.10);
    color: var(--1, #04ADEE);
    font-size: .9rem;
    padding: .4rem 1rem;
    margin-bottom: 1rem;
}

.hs_cards_grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.5rem;
}

.hs_card_item {
    width: calc(50% - 1rem);
    margin: 0 .5rem 1rem;
    border-radius: 1.3555rem;
    border: 2.711px solid rgba(4, 173, 238, 0.10);
    background: linear-gradient(0deg, #E4F6FF 0%, #E4F6FF 100%), #C4C4C4;
    padding: 1.3rem;
    position: relative;
    overflow: hidden;
}

.hs_card_item:before {
    content: '';
    background: linear-gradient(310deg, rgba(5, 171, 238, 0.40) 14.65%, rgba(5, 171, 238, 0.00) 85.05%);
    filter: blur(18.07366180419922px);
    width: 10.79195rem;
    height: 10.79195rem;
    transform: rotate(-90deg) translate(-34%, 32%);
    position: absolute;
    border-radius: 50%;
    bottom: 0;
    right: 0;
    top: unset;
    opacity: .6;
}

.hs_card_header {
    color: var(--1, #04ADEE);
    font-size: 1.1rem;
    display: flex;
    justify-content: space-between;
}

.hs_card_header .hs_card_type {
    max-width: 13rem;
}

.hs_card_badge {
    background: var(--2, #83BD64);
    border-radius: 100px;
    color: #fff;
    padding: 0 .5rem;
    font-size: 0.7rem;
    display: inline-flex;
    align-items: center;
    height: 1.3555rem;
}

span.hs_card_badge.inactive {
    background: #FFF;
    color: var(--1, #04ADEE);
}

.hs_card_sub {
    color: #656565;
    font-size: 0.8rem;
    display: block;
    width: 100%;
    border-bottom: 1px solid #AEDDF0;
    padding-bottom: .5rem;
    margin-bottom: 1rem;
}

.hs_card_name {
    color: var(--1, #04ADEE);
    font-size: 1.1rem;
}

.hs_card_id {
    color: #555;
    font-size: 0.9rem;
    margin-bottom: 1.3rem;
}

.hs_card_dates {
    display: flex;
    font-size: 0.7rem;
    align-items: center;
}

span.hs_date_label {
    display: block;
}

span.hs_date_val {
    color: var(--1, #04ADEE);
}

.hs_card_dates > div + div {
    padding-left: 1rem;
    margin-left: 1rem;
    border-left: 1px solid rgba(4, 173, 238, 0.30);
}

button.hs_btn_quyen_loi {
    background: var(--1, #04ADEE);
    border-radius: 100px;
    margin: 0;
    text-transform: unset;
    color: #fff;
    height: 1.3724rem;
    margin-left: 1rem;
}

.hs_card_item.toan_dien {
    background: linear-gradient(0deg, #FFFAE9 0%, #FFFAE9 100%), #C4C4C4;
    border: 2.711px solid rgba(255, 178, 0, 0.10);
}

.hs_card_item.toan_dien span.hs_card_type {
    color: #FFB200;
}

.hs_card_item.toan_dien .hs_card_name {
    color: #FFB200;
}

.hs_card_item.toan_dien span.hs_date_val {
    color: #FFB200;
}

.hs_card_item.toan_dien button.hs_btn_quyen_loi {
    background: #FFB200;
}

@media only screen and (max-width: 767px) {
    .hs_user_info {
        flex-direction: column;
        text-align: center;
    }

    .hs_user_info .info {
        width: 100%;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin: .7rem 0;
    }

    .hs_user_info .avatar {
        width: 6.05rem;
        height: 6.05rem;
        margin: 0 0 1rem !important;
    }

    .hs_tabs button {
        font-size: .75rem;
        line-height: 1.3;
    }

    .hs_tab_content .hs_row {
        width: 100%;
        gap: 1rem;
    }

    .hs_tab_content .wrap_info_box .hs_row:nth-child(2) {
        padding-top: 0.5rem;
    }

    .hs_tab_content .wrap_info_box .hs_row:nth-child(2):after {
        display: block;
    }

    .hs_card_item {
        width: calc(100% - 1rem);
    }

    span.hs_label {
        flex: 0 0 auto;
    }
}

.order_item {
    display: flex;
    background: #FFF;
    filter: drop-shadow(0 4px 50px rgba(25, 122, 193, 0.08));
    padding: 1rem;
    border-radius: 1rem;
}

.order_item .order_img {
    width: 10.8rem;
    height: 6.75rem;
    width: 10.8rem;
    border-radius: 0.5rem;
    overflow: hidden;
    margin-right: 2rem;
    flex: 0 0 auto;
}

.order_item .order_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.order_item+.order_item {
    margin-top: 1rem;
    align-items: center;
}

.order_name {
    color: #20292F;
    font-size: 1.1rem;
    display: block;
    line-height: 1;
}

.order_sub {
    color: #666;
    font-size: 0.8rem;
    display: block;
}

.order_status {
    min-width: 8.85rem;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #2CB974;
    color: #fff;
    border-radius: 100px;
    font-size: 0.8rem;
    height: 1.6rem;
    padding: 0 .5rem;
    margin-bottom: 1.1rem;
}

.order_right {
    width: 19rem;
    color: #666;
    font-size: 0.9rem;
    padding-left: 6rem;
    flex: 0 0 auto;
}

.order_info {
    width: 22rem;
}

.order_meta {
    display: flex;
    color: #666;
    font-size: 0.9rem;
    margin-top: .5rem;
    justify-content: space-between;
}

span.order_meta_label {
    display: block;
}

span.order_meta_val {
    color: var(--1, #04ADEE);
}

.order_payment_val {
    color: var(--1, #04ADEE);
}

span.order_status.cho_thanh_toan {
    background: #F70;
}

span.order_status.da_huy {
    background: var(--5, #333);
}

/* ========== CART ========== */
section.cartPage {
    background: #F4FBFE;
    padding: 3rem 0 5rem;
}

.nav_process {
    display: flex;
    justify-content: center;
    text-align: center;
    gap: 3rem;
    margin-bottom: 5.85rem;
}

.nav_process .icon {
    width: 4.85rem;
    height: 4.85rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFF;
    filter: drop-shadow(0 4px 30px rgba(171, 200, 209, 0.10));
    border-radius: 100px;
    margin: auto;
    opacity: .6;
}

.nav_process .icon path {
    fill: var(--1, #04ADEE);
}

.nav_process .item:nth-child(2) path {
    fill: unset;
    stroke: var(--1, #04ADEE);
}

.nav_process .item:nth-child(2) path:nth-child(2) {
    fill: var(--1, #04ADEE);
}

.nav_process .icon svg {
    max-width: 61%;
    width: auto;
    height: auto;
    display: block;
    margin: auto;
}

.nav_process .active .icon {
    background: var(--1, #04ADEE);
    opacity: 1;
    outline: .8rem solid var(--outline-active, #e55fa01c);
}

.nav_process .active .icon svg {
    filter: brightness(0) invert(1);
}

.nav_process .item {
    width: 10rem;
    text-align: center;
    line-height: 1.2;
    position: relative;
}

.nav_process .item+.item:before {
    content: '';
    width: 4rem;
    height: 1px;
    display: inline-block;
    position: absolute;
    left: -3rem;
    background: var(--border-input, rgba(4, 173, 238, 0.20));
    top: 2.5rem;
}

.nav_process .item b {
    color: #555;
    font-size: 1rem;
    line-height: 1.2;
    display: block;
    margin-top: 2rem;
}

.sideBarCart {
    padding-left: 4rem;
}

.box_order {
    background: #fff;
    border: 2px solid var(--border-input, rgba(144, 200, 234, 0.30));
    border-radius: 1.5rem;
    overflow: hidden;
    position: sticky;
    top: 6rem;
}

.box_order h3 {
    margin: 0;
    height: 3.89265rem;
    background: var(--1, #04ADEE);
    display: flex;
    align-items: center;
    color: #fff;
    padding: 0 1.6rem;
    font-size: 1.5rem;
}

.box_discount {
    padding: 1.6rem;
}

.discount_list .item {
    border-radius: 0.25rem;
    background: #EDF8FD;
    display: flex;
    align-items: center;
    color: var(--1, #04ADEE);
    font-size: .9rem;
    padding: .4rem .75rem;
    width: calc(50% - .8rem);
    margin: 0 .4rem .8rem;
    justify-content: space-between;
    cursor: pointer;
    transition: .4s all;
}

.discount_list .item b {
    display: block;
    font-size: 1.25rem;
    line-height: 1;
}

.discount_list {
    display: flex;
    margin: 0 -.4rem;
}

.discount_list .item svg {fill: #fff;}

.discount_list svg {
    height: auto;
}

.discount_list .icon {
    width: 1.2rem;
    height: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--1, #04ADEE);
    border-radius: 100px;
    padding: .2rem;
    opacity: .5;
    transition: .4s all;
}

.discount_list .item.active {
    color: var(--2, #83BD64);
    background: #F2FFEB;
}

.discount_list .item.active .icon {
    background: #83BD64;
    opacity: 1;
}

.box_discount>b {
    color: #555;
    display: block;
    font-size: 0.9rem;
    margin-bottom: .8rem;
}

.total_amount {
    margin-top: 1.75rem;
    padding-top: .8rem;
    border-top: 1px solid #D0E5EE;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.total_amount .box_content {
    color: var(--Gray-3, #828282);
    font-size: 0.7rem;
}

.total_amount .box_content b {
    font-size: 1.25rem;
    display: block;
    color: #555;
}

.total_amount .price {
    color: var(--1, #04ADEE);
    font-size: 1.5rem;
}

.box_discount .button_style {
    width: 100%;
    justify-content: space-between;
    margin-top: .5rem;
}

.for_steps h3.title {
    font-size: 2rem;
    color: var(--1, #04ADEE);
    display: block;
    margin-bottom: 2rem;
}

.item_card {
    padding: 2rem;
    border-radius: 1rem;
    border: 1px solid var(--Stroke, #90C8EA);
    background: #FFF;
    align-items: center;
}

.item_card .img {
    flex: 0 0 auto;
    width: 8.2rem;
    height: auto;
    border-radius: 0.37965rem;
    overflow: hidden;
    margin-right: 1.5rem;
}

.item_card .img img {
    width: 100%;
    height: auto;
    display: block;
}

.item_card h3 {
    color: var(--1, #04ADEE);
    margin: 0;
    font-size: 1.5rem;
}

.item_card b {
    color: #555;
    font-family: Nunito;
    font-size: 1rem;
    display: block;
    line-height: 1.2;
}

.item_card .nav_top.flex {
    align-items: center;
    position: relative;
    padding-right: 3rem;
}

.item_card .box_price {
    color: #828282;
    font-size: 0.9rem;
}

.item_card .box_price .price {
    color: #555;
    font-size: 1.25rem;
}

.item_card .box_content {
    width: 14rem;
    flex: 0 0 auto;
    padding-right: 1rem;
}

.item_card .remove {
    width: 1.5rem;
    height: 1.5rem;
    fill: #FFF;
    border: 1px solid var(--1, #04ADEE);
    stroke: var(--1, #04ADEE);
    opacity: 0.5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 505%;
    padding: .37rem;
    position: absolute;
    right: 0;
    cursor: pointer;
    transition: .4s all;
}

.item_card .remove:hover {
    opacity: 1;
}

.boxQuyenLoi b.title {
    display: flex;
    justify-content: space-between;
    color: var(--1, #04ADEE);
    font-size: 0.9rem;
}

.boxQuyenLoi b.title svg {
    width: 0.875rem;
    height: auto;
}

.boxQuyenLoi {
    border-radius: 0.75rem;
    background: #F5FBFC;
    padding: .9rem 1.4rem;
    margin-top: 1rem;
}

.boxQuyenLoi .content {
    margin-top: .85rem;
    font-size: 0.9rem;
    color: #555;
    display: none;
    border-top: 1px solid #D9EAF3;
    padding-top: .85rem;
}

.boxQuyenLoi.active .content {
    display: block;
}

.boxQuyenLoi .content ul {
    margin-left: 0;
    list-style: none;
    padding: 0;
}

.boxQuyenLoi .content li {
    margin: 0;
}

.boxQuyenLoi .content li+li {
    margin-top: .7rem;
}

.item_card+.item_card {
    margin-top: 2rem;
}

.product_item {
    display: flex;
    align-items: center;
    padding-right: 2rem;
    position: relative;
}

.product_item .box_img {
    width: 7.41545rem;
    height: auto;
    border-radius: 0.3312rem;
    flex: 0 0 auto;
    margin-right: 1.25rem;
}

.product_item .box_img img {
    width: 100%;
    height: auto;
}

.product_item b.title {
    color: var(--1, #04ADEE);
    font-size: 1.25rem;
    display: block;
    line-height: 1.1;
}

.product_item .card_type, .product_item .price {
    display: block;
    line-height: 1.2;
    color: var(--Gray-1, #555);
    font-size: 0.9rem;
}

.product_item .price {
    display: block;
    margin-top: .45rem;
}

.product_item a.remove_product {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    filter: grayscale(100%);
    transition: .6s all;
}

.product_item a.remove_product img {
    width: 1.2rem;
    height: auto;
}

.product_item a.remove_product:hover {
    filter: grayscale(0%);
}

.product_items {}

.product_item+.product_item {
    margin-top: 2rem;
}

.total_row {
    display: flex;
    justify-content: space-between;
    color: #555;
    font-size: 1.1rem;
    padding: .2rem 0;
}

.total_row .val {
    color: var(--1, #04ADEE);
}

.total_row.order-total {
    font-size: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid #D0E5EE;
    margin-top: 1rem;
}

.total_row.order-total .val {
    font-size: 1.5rem;
}

.checkout-total-table {
    border-top: 1px solid #E6EAF0;
    padding-top: .5rem;
    margin-top: 2rem;
}

.box_order .button_style {
    width: 100%;
    justify-content: space-between;
    margin-top: 1.8rem;
}

.inner_sideBarCart {
    padding: 1.6rem;
}

form[name="checkout"] .section-header {
    color: var(--4, #FFF);
    font-size: 1.5rem;
    font-style: italic;
    border-radius: 0.5rem;
    border: 1px solid var(--1, #04ADEE);
    background: var(--1, #04ADEE);
    padding: 1rem;
    display: block;
    line-height: 1.1;
    margin-bottom: 1rem;
}

.card-block .title {
    display: flex;
    align-items: center;
    color: var(--1, #04ADEE);
    font-size: 1.25rem;
    font-style: italic;
    gap: .4rem;
}

.card-block .title img {
    width: 1.5rem;
    height: auto;
}

.card-block .title span.icon {
    flex: 0 0 auto;
}

.card-block .note {
    color: #555;
    font-size: 0.9rem;
    font-style: italic;
    display: block;
    margin-bottom: .9rem;
}

.card-block {
    border-radius: 1rem;
    border: 1px solid var(--Stroke, #90C8EA);
    background: rgba(255, 255, 255, 0.30);
    padding: 1.6rem;
}

.card-block input, .card-block select {
    height: 2.75rem;
    box-shadow: none;
    border-radius: 0.5rem;
    border: 1px solid var(--border-input, rgba(85, 170, 223, 0.65));
    background-color: #FFF;
    color: #555;
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
    font-style: italic;
}

.field-row-2col {
    display: flex;
    gap: .8rem;
}

.field-row-2col input {
    width: 50%;
}

.field-row-1col:last-child input {
    margin: 0;
}

.card-block+.card-block {
    margin-top: 1rem;
}

.card-block+.section-header {
    margin-top: 3.9rem;
}

.for_steps>.item {
    display: none;
}

.for_steps>.item.active {
    display: block;
}

.btn-checkout {
    margin-top: 1rem;
}

/* ========== PAYMENT ========== */
.box_payment_info {
    border-radius: 1.25rem;
    background: #FFF;
    width: 58.25rem;
    margin: auto;
    padding: 3rem 8rem;
    font-size: 1.125rem;
    color: #555;
}

.box_payment_info h3 {
    color: var(--1, #04ADEE);
    font-size: 2.5rem;
    margin-bottom: .5rem;
}

.box_payment_info .img_box {
    border-radius: 1.25rem;
    border: 1px solid var(--Stroke, #90C8EA);
    background: #FFF;
    width: 21rem;
    overflow: hidden;
    padding: 1.7rem .8rem;
    margin-top: 2.6rem;
}

.box_payment_info ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.box_payment_info span {
    color: var(--1, #04ADEE);
}

.payment_content {
    margin-top: 2rem;
    display: block;
}

.payment_content .content {
    margin-bottom: 2rem;
}

.time_box .content {
    margin: 0;
}

.time_box .time {
    color: var(--1, #04ADEE);
    font-size: 1.875rem;
}

.time_box {
    margin-bottom: 2.8rem;
}

a.back_button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 3.1rem;
    background: var(--1, #04ADEE);
    border-radius: 100px;
    color: #FFF;
    font-size: 1.25rem;
    padding: 0 2rem;
}

/* ========== THANK YOU ========== */
.payment_success {
    text-align: center;
    max-width: 41.4rem;
    margin: auto;
}

.payment_success>.icon svg {
    width: 5.3625rem;
    height: auto;
}

.payment_success h3 {
    font-size: 2rem;
    color: var(--1, #04ADEE);
    margin: .2rem 0;
}

.payment_success a.button_style.button {
    margin-top: 3rem;
}

.payment_success.fail h3 {
    color: #ec0000;
}