:root {
    --main-cl: #146BCA;
    --sub-cl: linear-gradient(90deg, #D7AF50 0%, #F4E977 100%);
    --container-w: 68.125rem;
}

.container, .container-width, .full-width .ubermenu-nav, .row {
    max-width: var(--container-w) !important;
}

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: var(--main-cl);
}

input, optgroup, select, textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
    outline: none !important;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

body {
    overflow-x: hidden;
}

.grid-container {
    max-width: var(--container-w);
    margin-left: auto;
    margin-right: auto;
}

#search-lightbox {
    width: 37.5rem;
    max-width: 100%;
}

#search-lightbox .search-lightbox-title {
    margin-bottom: 1.667rem;
    font-size: 1.979rem;
    line-height: 1.2;
    font-weight: 700;
}

#search-lightbox .search-keywords {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 2.083rem;
    gap: 0.521rem;
}

#search-lightbox .search-keywords > a {
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    font-size: 0.833rem;
    line-height: 1.042rem;
    border: 1px solid rgba(255, 255, 255, 0.6);
    padding: 0.3125rem 0.833rem;
    display: flex;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#search-lightbox .search-keywords > a:hover {
    background-color: #fff;
    color: #000
}

#search-lightbox .flex-row > div {
    display: flex;
}

#search-lightbox .flex-row {
    align-items: unset;
    display: flex;
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    overflow: hidden;
}

#search-lightbox input {
    height: 100%;
    border: none;
}

#search-lightbox .button.icon {
    line-height: normal;
    min-height: unset;
    height: 100%;
    border: none;
    min-width: unset;
    background-color: #FFF;
    display: flex;
    align-items: center;
}

#search-lightbox .button.icon i {
    font-size: 0.9375rem;
    line-height: 1.25rem;
    color: #000
}

#search-lightbox input {
    font-size: 1.042rem;
    line-height: 1.25rem;
    padding-left: 1.5625rem;
    box-shadow: unset;
    height: 2.604rem;
}

.mfp-bg.mfp-ready {
    opacity: 0.8;
}

.mfp-content #search-lightbox {
    transform: translateY(-70%);
}

.load_home_page svg {
    width: 20.833rem;
    max-width: 95%;
    height: auto;
    position: absolute;
    z-index: 99;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.load_home_page {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999;
    transition: 1s all;
    opacity: 1;
    background: transparent;
}

div.load_home_page .mask {
    /*background-color: #00BDFFFF;*/
    transition: 1s all ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
}

div.load_home_page.complete .mask {
    background-color: transparent;
}

div.load_home_page .mask span {
    display: block;
    width: 100%;
    height: 20%;
    position: absolute;
    left: 0;
    transition: 1s all ease-in-out;
    background-color: var(--main-cl);
    /*backdrop-filter: blur(40px);*/
}

div.load_home_page .mask span:nth-child(even) {
    left: unset;
    right: 0;
}

div.load_home_page .mask span:nth-child(1) {
    top: 0;
}

div.load_home_page .mask span:nth-child(2) {
    top: 20%;
}

div.load_home_page .mask span:nth-child(3) {
    top: 40%;
}

div.load_home_page .mask span:nth-child(4) {
    top: 60%;
}

div.load_home_page .mask span:nth-child(5) {
    top: 80%;
}

.load_home_page.complete {
    visibility: hidden;
}

div.load_home_page.complete .mask span {
    width: 0;
    opacity: 0;
    transition-delay: .8s;
}

#respond input#wp-comment-cookies-consent {
    height: auto !important;
    margin: 0 10px 0 0 !important;
}

.load_home_page.complete svg {
    transition-delay: 0.8s;
    opacity: 0;
}

.load_home_page rect,
.load_home_page path {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.path-1 {
    animation-name: Signature2;
    animation-duration: 10s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(2, .25, .43, .96);
    stroke: #FFF;
    stroke-width: 1px;
    stroke-dasharray: 2108;
    stroke-dashoffset: 2108;
    fill: transparent;
}

.path-2 {
    animation-name: Signature1;
    animation-duration: 20s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(2, .25, .43, .96);
    stroke: var(--sub-cl);
    stroke-width: 1px;
    stroke-dasharray: 2108;
    stroke-dashoffset: 2108;
    fill: transparent;
}

.load_home_page.complete .path-2 {
    fill: var(--sub-cl);
}

.load_home_page.complete .path-1 {
    fill: #FFF
}

@keyframes Signature1 {
    to {
        stroke: var(--sub-cl);
        stroke-dashoffset: 0;
    }
}

@keyframes Signature2 {
    to {
        stroke: #FFF;
        stroke-dashoffset: 0;
    }
}

.tile-reveal {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-flow: row wrap;
    align-self: flex-start;
    align-items: center;
    align-content: center;
    justify-content: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 99;
    background: #fff;
}

.tile-reveal-square {
    flex: 1 1 auto;
    width: 75px;
    height: 75px;
    background-color: var(--main-cl);
    opacity: 1;
}

.wrap-enter-site {
    position: fixed;
    width: 100%;
    height: auto;
    bottom: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
}

.search-page {
    padding: 5.208rem 0;
}

.search-page h1 {
    margin-bottom: 2.604rem;
}

.search-tabs .search-tabs-title {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
    gap: 0.833rem;
}

.search-tabs .search-tabs-title .search-tab-title {
    padding: 0.625rem 1.25rem;
    border: 1px solid var(--main-cl);
    font-size: 1.042rem;
    line-height: 1.042rem;
    -moz-border-radius: 0.521rem;
    border-radius: 0.521rem;
    font-family: 'Cormorant semibold';
    cursor: pointer;
    transition: all 0.4s;
}

.search-tabs .search-tab-title:hover,
.search-tabs .search-tab-title.active {
    background-color: var(--main-cl);
    color: #FFF;
}

.search-tabs .search-tab-content {
    display: none;
}

.search-tabs .search-tab-content.active {
    display: block;
}

.search-tabs .search-empty {
    color: #333;
    font-size: 1.25rem;
    line-height: 2.083rem;
    padding: 0.521rem;
}

.search-tabs .search-grid {
    display: grid;
    grid-template-columns:  1fr 1fr 1fr;
    grid-gap: 1.667rem;
    margin-bottom: 1.5625rem;
}

.search-tabs .search-item h3 {
    margin: 0.521rem 0 0 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}


/*setup code*/

html.js.has-off-canvas-undefined {
    margin-right: 0.417rem !important;
}

body.compensate-for-scrollbar {
    margin-right: 0 !important;
}

.uppercase {
    text-transform: uppercase;
}

.justify {
    text-align: justify;
}

.italic {
    font-style: italic;
}

h1, h2, h3, h4, h5, h6, a, span, strong, .breadcrumbs {
    font-weight: unset !important;
    margin: 0;
}

.t-w,
.text-white,
.text_white {
    color: white;
}


.clearfix:after {
    content: unset;
}

.cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .7s all;
}

.contain {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: .7s all;
}

img,
path,
line,
svg {
    transition: .7s all;
}


.active > .clip-path-to-bot path,
.active > .clip-path-to-left path,
.active > .clip-path-to-right path,
.clip-path-to-bot.active path,
.clip-path-to-left.active path,
.clip-path-to-right.active path {
    clip-path: inset(0 0 0 0);
}

.clip-path-to-left path {
    transition: 2s;
    clip-path: inset(0 0 0 100%);
}

.clip-path-to-bot path {
    transition: 2s;
    clip-path: inset(0 0 100% 0);
}

.clip-path-to-right path {
    transition: 2s;
    clip-path: inset(0 100% 0 0);
}


.banner_hero_svg .clip-path-to-left path {
    clip-path: inset(0 0 0 100%);
    transition: none;
}

.banner_hero.banner_loading .banner_hero_svg .clip-path-to-left path {
    transition: none;
}

.banner_hero.active:not(.banner_loading) .banner_hero_svg .clip-path-to-left path {
    clip-path: inset(0 0 0 0);
    transition: clip-path 2s ease;
}

.banner_hero:not(.active) .banner_hero_svg .clip-path-to-left path {
    clip-path: inset(0 0 0 100%);
    transition: clip-path 1s ease;
}

svg {
    width: 100%;
    height: 100%;
    display: block;
}

.img-scale:hover img {
    transform: scale(1.1);
    transition: .7s all;
}

.pattern {
    position: absolute;
    pointer-events: none;
    transition: .7s all;
}

.z-1 {
    z-index: 1 !important;
}

.z-2 {
    z-index: 2 !important;
}

.z-3 {
    z-index: 3 !important;
}

.z-4 {
    z-index: 4 !important;
}

.z-5 {
    z-index: 5 !important;
}

.flex-col {
    flex-direction: column;
}

.item_link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

@keyframes opacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes transform-y {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes pulse-border {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

@keyframes pulse-border-transform {
    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
    }
}

@keyframes pulse-border-tiny {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }

    100% {
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0;
    }
}

@keyframes pulse-border-2 {
    0% {
        transform: scale(1) translate(-50%, -50%);
        opacity: 1;
    }
    100% {
        transform: scale(1.3) translate(-50%, -50%);;
        opacity: 0;
    }
}

@keyframes pulse-border3 {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    100% {
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0;
    }
}


@keyframes shake {
    0% {
        transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        transform: rotate(-15deg) scale(1) skew(1deg);
    }
    20% {
        transform: rotate(15deg) scale(1) skew(1deg);
    }
    30% {
        transform: rotate(-15deg) scale(1) skew(1deg);
    }
    40% {
        transform: rotate(15deg) scale(1) skew(1deg);
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
    }
}

@keyframes shake-2 {
    0% {
        transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        transform: rotate(-5deg) scale(1) skew(1deg);
    }
    20% {
        transform: rotate(5deg) scale(1) skew(1deg);
    }
    30% {
        transform: rotate(-5deg) scale(1) skew(1deg);
    }
    40% {
        transform: rotate(5deg) scale(1) skew(1deg);
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
    }
}

@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

.s-content {
    font-size: 0.9375rem;
}

.btn_content {
    font-size: 0.833rem
}

.content,
.content_text {
    font-size: 1.146rem;
}

.l-content {
    font-size: 1.25rem;
    line-height: normal;
}

.xl-content {
    font-size: 1.042rem;
}

.tab_block_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: translateX(-60px) skewX(8deg);
    transition: opacity .5s ease, transform .5s cubic-bezier(.34, 1.56, .64, 1);
    pointer-events: none;
    visibility: hidden;
    /* tab ẩn vẫn được layout (visibility:hidden không loại khỏi overflow),
       nên phải clip để nội dung rộng của nó không tạo scroll cho wrapper chung */
    overflow: hidden;
}

.tab_block_inner.active {
    opacity: 1;
    transform: translateX(0) skewX(0deg);
    pointer-events: auto;
    position: relative;
    visibility: visible;
    /* chỉ tab đang mở mới tự scroll ngang theo nội dung của chính nó */
    overflow-x: auto;
    overflow-y: hidden;
}


.count_opacity {
    opacity: 0;
}

.count {
    position: absolute;
    left: 0;
}

.mobile_display,
.mobile_flex {
    display: none;
}

.limit-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.limit-1 {
    -webkit-line-clamp: 1;
}

.limit-2 {
    -webkit-line-clamp: 2;
}

.limit-3 {
    -webkit-line-clamp: 3;
}

.limit-4 {
    -webkit-line-clamp: 4;
}

.limit-5 {
    -webkit-line-clamp: 5;
}

.limit-6 {
    -webkit-line-clamp: 6;
}

.limit-7 {
    -webkit-line-clamp: 7;
}

.the_content :is(ul,ol) {
    padding-left: 1rem;
}

.ajax_loading {
    position: absolute;
    inset: 0;
    background: rgb(255 253 249 / 80%);
    /*background:#0047391f;*/
    display: flex;
    align-items: start;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 10;
    padding-bottom: 20rem;
    padding-top: 15rem;
}

.ajax_loading.active {
    opacity: 1;
    pointer-events: auto;
    align-items: flex-end;
    padding-bottom: 20rem;
}

.ajax_loading_logo {
    width: 7rem;
    animation: loadingFloat 1s ease-in-out infinite;
}

@keyframes loadingFloat {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
}

.wpcf7 .wpcf7-not-valid-tip {
    position: absolute;
    opacity: 1;
    z-index: 1;
}

body {
    font-family: 'Roboto';
}

body #main {
    color: #333333;
}

.bg_sec {
    position: absolute;
    width: 100%;
    pointer-events: none;
}

.left_full {
    margin-left: calc(-1 * calc(calc(100vw - var(--container-w)) / 2) - 15px);
}

.right_full {
    margin-right: calc(-1 * calc(calc(100vw - var(--container-w)) / 2) - 15px);
}

html body :is(input,textarea,form) {
    margin: 0;
}

.load_home_page.complete img.logo_center {
    opacity: 0;
}


img.logo_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20rem;
    max-width: 80vw;
    transition: .8s all ease-in-out;
    opacity: 1;
    max-height: 20rem;
    height: auto;
}

/*end setup*/
ul.header-nav li.current-menu-item > a,
ul.header-nav li:hover > a {
    background: var(--main-cl);
    color: white;
    transition: .7s all;
}

ul.header-nav li {
    margin: 0;
}

ul.header-nav li a {
    padding: 0.573rem 0.9375rem;
    line-height: normal;
    font-family: 'Cormorant bold';
    border-radius: 30px;
    transition: .7s all;
}

.home_banner_content {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: wheat;
    margin: 0 auto;
    padding: 0 15px;
    width: 60%;
}

.home_banner_content .subtitle {
    font-size: 2.604rem;
    color: white;
    line-height: 1.1;
}

.home_banner_content h2 {
    font-size: 5.46875rem;
    line-height: 1;
    color: white;
}

.home_banner_content .content {
    color: white;
}

.home_banner_item .btn {
    margin: 1.042rem auto 0;
    display: flex;
    justify-content: center;
    align-items: center;

}

.btn {
    background: var(--main-cl);
    width: fit-content;
    color: var(--sub-cl);
    padding: .75rem 1.5rem;
    border-radius: 60px;
    font-size: 0.729rem;
    line-height: normal;
    text-transform: uppercase;
    position: relative;
    transition: .7s all;
    overflow: hidden;
    font-family: 'Cormorant bold';
}

.btn:before {
    border-radius: 60px;
    position: absolute;
    content: '';
    background: var(--sub-cl);
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transition: .7s all;
    pointer-events: none;
}

.btn .btn_content {
    position: relative;
    z-index: 2;
    transition: .7s all;
    color: white;
    font-family: 'Cormorant bold';

}


.btn:hover .btn_content {
    color: white;
    transition: .7s all;
}

.btn:hover:before {
    width: 100%;
    opacity: 1;
    transition: .7s all;
}

header .header-main,
header .stuck .header-main {
    height: auto !important;
    padding: .25rem 0;
}

header .stuck #logo img,
header #logo img {
    max-height: 80px !important;
}

header .header-bg-color {
    background: white;
}

.top-divider.full-width {
    display: none;
}

ul.header-nav {
    justify-content: center;
    /*gap: 1.875rem;*/
}

ul.header-nav a {
    color: #3e2b26;
}

header a.btn {
    padding: 0.78125rem 1.354rem;
    border: 1px solid #D7AF50;
    background: transparent;
    color: black;
}

header a.btn .content {
    font-size: 0.729rem;
    transition: .7s all;
}

header a.btn:hover {
    background: transparent;
}

header a.btn .content {
    position: relative;
    z-index: 2;
}

main#main {
    background: url(../images/bg.jpg);
    background-position: center !important;
    background-repeat: repeat !important;
}

.home_2 {
    padding: 5.208rem 0;
}

h1 {
    color: var(--main-cl);
    font-size: 4.667em;
    line-height: normal;
}

.group_content .content {
    margin-top: 0.521rem;
    color: #D7AF50;
    width: fit-content;
}

.home_video_wrap,
.home_process_wrap {
    margin-top: 4rem;
    gap: 1rem;
    height: 26.042rem;
}

.home_process_wrap {
    margin-top: 1.5625rem;
}

.video_home,
.process_right {
    width: 57%;
    flex: 0 0 auto;
}

.video_detail,
.process_left {
    width: 43%;
    background: white;
}

.video_cta {
    left: 50%;
    top: 50%;
    transform: translate(-50%, 50%);
    transition: .7s all;
    opacity: 0;
    width: 3.59375rem;
    height: 3.59375rem;
    background: var(--main-cl);
    padding: 1.3rem;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.video_home:hover .video_cta {
    transform: translate(-50%, -50%);
    opacity: 1;
    transition: .7s all;
}

.video_home_main {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.video_detail .group_content {
    padding: 1rem 2.34375rem;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.video_detail .group_content {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

h3 {
    font-size: 2.5rem;
    line-height: normal;
    color: #3e2b26;
}

.video_detail h3 {
    margin-top: 1.042rem;
    font-size: 2rem;

}

.video_detail .s-content {
    margin-top: 1.042rem;
}

.video_detail a.btn {
    margin-top: 1.979rem;
}

.video_detail .group_content {
    position: relative;
}

.video_detail .group_content:after {
    content: '';
    width: 7.448rem;
    height: 6.927rem;
    display: block;
    background-color: transparent;
    border-top: 6px solid #D7AF50;
    border-right: 6px solid #D7AF50;
    position: absolute;
    z-index: 1;
    right: -0.3125rem;
    top: -0.3125rem;
}

.video_cta:hover {
    background: #D7AF50;
    transition: .7s all;
}

.video_cta:hover svg path {
    fill: black;
    transition: .7s all;
}

.video_home.active > img, .video_home.active .video_cta {
    opacity: 0;
    transition: .7s all;
}

.video_home.active .video_home_main {
    opacity: 1;
    transition: .7s all;
    pointer-events: all;
}

.video_home_main iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home_process_item {
    width: 100%;
    gap: .5rem;
    padding-bottom: 1.042rem;
    position: relative;
    width: 100%;
}

.process_svg {
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    justify-content: center;
    overflow: hidden;
    border-radius: 100%;
    border: 1px solid var(--main-cl);
}

.process_svg svg path {
    fill: var(--main-cl);
    transition: .7s all;
}

.process_svg .svg_item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: .2rem;
    transition: .7s all;
}

.process_svg .svg_1 {
    transform: translateX(-100%);
    transition: .7s all;
}

.home_process_item:hover .process_svg .svg_1 {
    transform: unset;
    transition: .7s all;
}

.home_process_item:hover .process_svg .svg_2 {
    transform: translateX(100%);
    transition: .7s all;
}

.process_left {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 1rem 2.34375rem;
    position: relative;

}

.home_process_image {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.process_left:after {
    content: '';
    width: 7.448rem;
    height: 6.927rem;
    display: block;
    background-color: transparent;
    border-bottom: 6px solid #D7AF50;
    border-left: 6px solid #D7AF50;
    position: absolute;
    z-index: 1;
    left: -0.3125rem;
    bottom: -0.3125rem;
}

.home_process_list {
    margin-top: 2.5rem;
    gap: 1.5625rem;
}


.home_process_item:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #efefef;
}

.home_process_item:last-child {
    padding-bottom: 0;
}

.home_process_item:last-child:before {
    content: unset;
}

.home_3 {
    height: 42.708rem;
}

.home_3 .bg_sec:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: .3;
    pointer-events: none;
}

.home_3 .group_content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.home_3 .group_content .col {
    padding-bottom: 0;
}

.home_3 .group_content_inner {
    width: 44.271rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

h2 {
    font-size: 3.646rem;
    line-height: normal;
}

.text-white .s-content {
    color: white;
    margin-top: 2.135rem;
}

.text-white a.btn {
    margin-top: 1.146rem;
}

.home_3 .s-content {
    width: 32.865rem;
}

.home_4 {
    background: white;
    padding-top: 5.208rem;
}

.home_3 .bg_sec {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.home_class_list {
    margin-top: 5.208rem;
    gap: 1.5625rem;
    row-gap: 3.125rem;
}

.home_class_list .item {
    width: calc(100% / 5 - (1.5625rem * 4 / 5));
    padding: 0 1.146rem;
}

.home_class_list .item .icon {
    background: var(--main-cl);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5rem;
    height: 5rem;
    padding: 1rem;
    margin-bottom: 0.9375rem;
    transition: .7s all;
}

.home_class_list .item .icon img {
    object-fit: contain;
}

.home_class_list a.title {
    color: #3e2b26;
    transition: .7s all;
}

.home_class_list a.title:hover {
    color: var(--main-cl);
    transition: .7s all;
}

.home_class_list .item:hover .icon {
    background: #D7AF50;
    transition: .7s all;
}

.home_class_list .item .icon:hover img {
    transform: rotateY(360deg);
    transition: .7s all;
}

.home_5 {
    background: white;
    padding: 5.208rem 0 3.646rem;
}

.home_instrument_wrap {
    height: 34.115rem;
}

.home_instrument_wrap .item_left, .home_instrument_wrap .item_right {
    width: 50%;
    flex: 0 0 auto;
}

.home_instrument_wrap .bg_sec {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.home_instrument_wrap .group_content {
    height: 100%;
    padding: 1.5625rem 3.125rem;
}

.home_instrument_wrap .desc {
    margin-top: 1.5625rem;
}

.home_5 .group_content .content {
    margin-top: 1.042rem;
}

.home_5 a.btn {
    margin-top: 1.5625rem;
}

.home_instrument_wrap .item_right:after {
    content: '';
    width: 7.448rem;
    height: 6.927rem;
    display: block;
    background-color: transparent;
    border-top: 6px solid #D7AF50;
    border-right: 6px solid #D7AF50;
    position: absolute;
    z-index: 1;
    right: -0.3125rem;
    top: -0.3125rem;
}

.home_6 .thumb {
    width: 100%;
    height: 100%;
    display: flex;
}

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

.home_6 ul.mainul {
    gap: .1rem;
}

footer {
    background-color: #3e2b26;
    color: #a5a09e;
    padding-top: 4.5rem;
    padding-bottom: 3rem;
}

.footer_logo {
    width: 9.375rem;
    margin: 0 auto;
    height: auto;
}

.footer_logo img {
    object-fit: contain;
}

.footer_middle {
    padding-top: 2.5rem;
    padding-bottom: 2.135rem;
    border-bottom: 1px solid white;
}

.footer_menu_wrap {
    gap: 1.5625rem;
}

.footer_menu_wrap > .item {
    width: calc(100% / 4 - (1.5625rem * 3 / 4));
}

.footer_menu_wrap .title {
    color: white;
    font-size: 1.600em;
    text-align: center;
    line-height: normal;
    font-family: 'Cormorant bold';
    letter-spacing: -0.5px;
    margin-bottom: 1.5625rem;
}

footer .menu_list {
    gap: 0.625rem;
}

footer .menu_list a {
    color: #a5a09e;
    display: flex;
    align-items: center;
    font-family: 'Cormorant medium';
    transition: .7s all;
}

footer .menu_list a:hover {
    color: white;
    transition: .7s all;
}

.footer_bottom .col {
    padding-bottom: 0;
}

.footer_bottom {
    padding-top: 2.96875rem;
}

.footer_bottom {
    font-size: 0.78125rem;
}

.footer_bottom a {
    color: white;
    transition: .7s all;
}

.footer_bottom a:hover {
    color: var(--main-cl);
    transition: .7s all;
}

.music_pattern {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 3rem;
    opacity: 50%;
}

.about_1 .sc_promo_image {
    position: relative;
}

.about_1 .sc_promo_image,
.about_1 .sc_promo_text {
    flex: 0 0 auto;
    width: 50%;
    height: 100%;
}

.about_1 .sc_promo {
    margin-top: 5.208rem;
    height: 33.073rem;
}

.about_1 .sc_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    height: 100%;
}

.about_1 .sc_promo_image {
    overflow: hidden;
    height: 100%;

}

.sc_promo_text {
    background: white;
}

.about_1 .desc.s-content {
    margin-top: 2rem;
    line-height: normal;
}

.about_1 .sc_promo_default .sc_item_title + .sc_item_subtitle {
    font-size: 0.729rem;
    color: #D7AF50;
}

.about_1 .sc_promo_text_inner.sc_align_center.trx_addons_inline_2032747218 {
    height: 100%;
}

.about_1 .sc_promo_content.sc_item_content {
    height: 100%;
}

section.breadcrumbs {
    background: #e1d1b3;
    padding: 1.5625rem 0;
}

.breadcrumbs ol {
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 0.328125rem;
}

.breadcrumbs ol li {
    margin: 0;
}

.breadcrumbs .col {
    padding-bottom: 0;
}

.breadcrumbs ol :is(a,span) {
    font-size: 0.729rem;
    color: #3e2b26;
    transition: .7s all;
    line-height: normal;
    font-family: 'Cormorant bold';
}

.breadcrumbs ol li:last-child {
    pointer-events: none;
}

.breadcrumbs ol :is(a,span):hover {
    color: var(--main-cl) !important;
    transition: .7s all;
}

.about_1 {
    padding-top: 7.8125rem;
    padding-bottom: 3.646rem;
}

span.breadcrumb-separator {
    width: 0.99rem;
    height: 0.885rem;
    border-radius: 100%;
    border: 1px solid black;
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.breadcrumbs ol li {
    display: flex;
}

.about_1 .sc_promo_text:before {
    content: '';
    width: 7.448rem;
    height: 6.927rem;
    display: block;
    background-color: transparent;
    border-top: 6px solid #D7AF50;
    border-right: 6px solid #D7AF50;
    position: absolute;
    z-index: 1;
    right: -0.3125rem;
    top: -0.3125rem;
}

.about_1 .sc_promo_text {
    position: relative;
}

.group_content_inner {
}

.about_2 {
    height: 45.99rem;
}

.about_2 .bg_sec {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.about_2 .group_content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.about_2 .group_content_inner {
    background: white;
    width: fit-content;
    padding: 2.34375rem 3.90625rem;
}

body #main {
    font-family: 'Cormorant' !important;
}

body #main :is(h1, h2, h3, h4, h5, h6, span, strong, b) {
    line-height: 1;
    font-family: 'Cormorant bold' !important;
}

.home_video_wrap .group_content .content {
    margin-top: 0;
}

.sc_item_subtitle {
    font-size: 0.9375rem;
    font-family: 'Cormorant bold';
}

.home_6 .esg-grid a {
    font-family: 'Cormorant bold';
}

.esg-entry-cover > .eec > * {
    font-family: 'Cormorant';
}

a.ab-item {
    display: flex !important;
    align-items: center !important;
    gap: .15rem;
}

.about_process_container {
    margin: 2.083rem 0;
    gap: 1.5rem;
    width: 100%;
}

.about_process_container .item {
    width: 100%;
}

.process_bar {
    background-color: #f7f6f1;
    height: 0.625rem;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 0.573rem;
}

.process_bar_complete {
    width: 0%;
    height: 100%;
    background-color: var(--main-cl);
    border-radius: 10px;
    transition: width 1.2s ease-in-out;
}

.about_process_container .percent {
    color: var(--main-cl);
    font-family: 'Cormorant bold';
    font-size: 1.042rem;
}

.about_1 .sc_promo .music_pattern {
    width: 5rem;
    top: 90%;
    opacity: 30%;
}

.about_2 .music_pattern {
    top: 39%;
    width: 4.5rem;
    opacity: 30%;
}

.about_3 {
    padding-top: 7.552rem;
    padding-bottom: 5.99rem;
    background: white;
}

.about_event_wrap {
    margin-top: 3.125rem;
}

.about_slide .slide_item {
    padding: 0 1.042rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    justify-content: center;
}

.about_slide {
    margin: 0 -1.042rem;
}

.about_slide {
}

.about_slide .slide_item .dot {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: center;
    justify-content: center;
}

.about_slide .slide_item .dot_circle {
    width: 1.5625rem;
    height: 1.5625rem;
    border-radius: 100%;
    background: var(--main-cl);
    position: relative;
    transition: .7s all;
}

.about_slide .slide_item .dot_line {
    width: 2px;
    height: 2.604rem;
    background: var(--main-cl);
    transition: .7s all;
}

.about_slide .slide_item .dot_circle:before {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #D7AF50;
    border-radius: 100%;
    width: 1.042rem;
    height: 1.042rem;
    opacity: 0;
    transition: .7s all;
}

.about_slide .slide_item:hover .dot_circle:before {
    opacity: 1;
    transition: .7s all;
}

.about_slide .slide_item:hover .dot_line {
    background: #D7AF50;
    transition: .7s all;
}

.about_event_detail {
    text-align: center;
}

.about_event_detail .thumb {
    height: 8.333rem;
    transition: .7s all;
}

.slide_item:hover .about_event_detail .thumb {
    height: 11.458rem;
    transition: .7s all;
}

.about_event_detail .title {
    color: var(--main-cl);
    font-family: 'Cormorant bold';
    margin-top: 0.521rem;
    line-height: 1.5;
    font-size: 1.5625rem;
    scale: 0.9;
    transition: .7s all;
}

.slide_item:hover .about_event_detail .title {
    scale: 1;
    transition: .7s all;
}

.about_event_detail .s-content {
    font-family: 'Cormorant semibold';
}

.about_event_detail .date.s-content {
    text-transform: uppercase;
    font-family: 'Cormorant bold';
    line-height: 1.5;
    margin: .25rem 0;
}

.about_event_wrap:before {
    position: absolute;
    content: '';
    left: 50%;
    top: .7rem;
    width: 93%;
    background: #ddd;
    height: 5px;
    transform: translateX(-50%);
}

.mobile_flex,
.mobile_display {
    display: none;
}

.about_event_wrap .arrow_slide {
    top: .4rem;
    position: absolute;
    width: 1.042rem;
    height: 1.042rem;
}

.about_event_wrap .swiper-button-lock {
    display: flex;
    pointer-events: none;
}

.about_event_wrap .arrow_slide.next {
    right: 0;
}

.about_event_wrap .arrow_slide.prev {
    left: 0;
}

.about_4 {
    padding-top: 7.96875rem;
    padding-bottom: 6.40625rem;
}

.about_campus_wrap {
    padding-top: 6.458rem;
    gap: .25rem;
}

.about_campus_wrap .item:first-child {
    width: 50%;
    flex: 0 0 auto;
}

.about_campus_wrap .item {
    width: 25%;
    flex: 0 0 auto;
    height: 21.979rem;
}

.about_campus_wrap .item:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: .7s all;
    z-index: 2;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
}

.about_campus_wrap .item:hover:before {
    opacity: 1;
    transition: .7s all;
}

.about_campus_wrap .item_inner {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 0.78125rem;
    z-index: 3;
}

.about_campus_wrap .item_inner .item_col {
    gap: .5rem;
    opacity: 0;
    transition: .7s all;
}

.about_campus_wrap .item:hover .item_col {
    opacity: 1;
    transition: .7s all;
}

.about_campus_wrap .item_inner .link_wrap {
    transform: translateY(-100%);
    transition: .4s all;
    gap: .5rem;
}

.about_campus_wrap .item:hover .link_wrap {
    transform: unset;
    transition: .4s all;
}

.about_campus_wrap .item_inner .link_wrap a {
    width: 3.125rem;
    height: 3.125rem;
    background: var(--main-cl);
    border-radius: 100%;
    padding: 1.1rem;
    transition: .7s all;
}

.about_campus_wrap .item_inner .link_wrap a svg path {
    fill: white;
}

.about_campus_wrap .item_inner .link_wrap a:hover {
    background: #D7AF50;
    transition: .7s all;
}

.about_campus_wrap .item_inner .item_title {
    color: white;
    font-family: 'Cormorant bold';
    scale: 0;
    transition: .4s all;
}

.about_campus_wrap .item:hover .item_title {
    scale: 1;
    transition: .4s all;
}

div#about_campus {
    width: 66.5625rem;
    height: 40rem;;
    padding: 0;
}

#about_campus button.fancybox-button.fancybox-close-small {
    padding: 0;
    color: white;
    top: -1rem;
    right: -7rem;
    opacity: 1;
}

div#about_campus {
    overflow: unset;
}

#about_campus button.fancybox-button.fancybox-close-small:hover svg {
    transform: rotate(360deg);
    transition: .7s all;
}

.about_4 .btn_wrap {
    margin-top: 3rem;
}

.contact_1 {
    padding-top: 7.8125rem;
    padding-bottom: 7.396rem;
    background: white;
}

.contact_1 .contact_wrap {
    margin-top: 4.479rem;
    padding: 0 5rem;
}

.form_contact,
.product_popup {
    padding: 4.0625rem 3.75rem;
}

.form_contact .bg_sec,
.product_popup .bg_sec {

    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.form_contact input,
.product_popup input {

    color: #615d5b;
    background-color: #ffffff;
    padding: 1em 1.8em;
    border: 2px solid #ededed;
    border-radius: 60px;
    box-shadow: unset;
}

.form_contact .col,
.product_popup .col {

    padding: 0 0 20px;
}

.form_contact .col:last-child,
.product_popup .col:last-child {

    padding-bottom: 0;
}

.form_contact textarea,
.product_popup textarea {

    color: #615d5b;
    background-color: #ffffff;
    padding: 1em 1.8em;
    border: 2px solid #ededed;
    border-radius: 30px;
    box-shadow: unset;
    min-height: 11.71875rem;
}

.form_contact :is(input,textarea),
.product_popup :is(input,textarea) {

    font-size: 0.9375rem;
    color: #333333;
}

.btn_form_wrap button {
    margin: 0;
    background: var(--main-cl);
    font-family: 'Cormorant bold';
    color: white;
    line-height: normal;
    font-size: 1.042rem;
    border-radius: 60px;
    padding: .5rem 2rem;
    min-height: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: .7s all;
}

.btn_form_wrap button:hover {
    background: #D7AF50;
    transition: .7s all;
}

.btn_form_wrap button:disabled,
.btn_form_wrap button:disabled:hover {
    background: var(--main-cl);
    opacity: .45;
    cursor: not-allowed;
}

.form_agree {
    gap: .625rem;
}

/* Ghi de .form_contact input (padding/border-radius cua o text) */
.form_contact .form_agree_input,
.form_agree_input {
    width: 1.042rem;
    height: 1.042rem;
    flex: 0 0 auto;
    margin: .15rem 0 0;
    padding: 0;
    border: 2px solid #ededed;
    border-radius: 3px;
    cursor: pointer;
    accent-color: #D7AF50;
}

.form_agree_text {
    cursor: pointer;
    font-size: 0.9375rem;
    line-height: 1.5;
}

.form_agree_text p:last-child {
    margin-bottom: 0;
}

.contact_wrap a {
    color: var(--main-cl);
    transition: .7s all;
}

.contact_wrap a:hover {
    color: #D7AF50;
    transition: .7s all;
}

.contact_wrap {
    gap: 1rem;
}

.contact_2 {
    height: 26.042rem;
}

.contact_2 iframe {
    width: 100%;
    height: 100%;
}

.blog {
    background: white;
    padding: 7.1875rem 0 5.3125rem;
}

.blog_list {
    gap: 3.125rem;
}

.blog_item {
    padding-bottom: 3.125rem;
    height: 20.3125rem;
    gap: 1.5625rem;
    align-items: center;
}

.blog_item .thumb {
    width: 20.833rem;
    flex: 0 0 auto;
    overflow: hidden;
    height: 100%;
    display: flex;
}

.blog_item .meta .date {
    gap: .5rem;
    text-transform: uppercase;
    color: var(--main-cl);
    font-family: 'Cormorant bold';
}

.blog_item .meta .svg {
    width: 0.885rem;
    display: flex;
}

.blog_item h3 {
    margin-top: 0.417rem;
    font-size: 1.667rem;
    line-height: normal;
    transition: .7s all;
}

.blog_item h3:hover {
    color: var(--main-cl);
    transition: .7s all;
}

.blog_item .excerpt {
    margin-top: 0.78125rem;
    line-height: normal;
    color: #333333;
    font-family: 'Cormorant medium';
}

.blog_item .btn {
    margin-top: 1.5625rem;
    display: flex;
}

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

.blog_item h3 {
    font-size: 1.5625rem;
    line-height: normal;
}

.blog_item:not(:last-child) {
    border-bottom: 1px solid #eee;
}

.process_1 {
    padding-top: 7.1875rem;
    background: white;
    padding-bottom: 5.208rem;
}

.process_client_container {
    background: white;
    padding: 1.5625rem 4.6875rem;
    height: 20.833rem;
    margin-top: 5.729rem;

}

.process_client_slide_wrap {
    height: 100%;
}

.process_client_item {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.process_slide {
    height: 100%;
}

.process_slide .slide_item {
    height: 100%;
    padding: 0 2rem;
}

.swiper.process_slide {
    margin: 0 -2rem;
}

.process_client_item .title {
    font-size: 1.8rem;
    color: #333333;
    font-family: 'Cormorant bold';
    line-height: normal;
}

.process_client_item .s-content {
    margin-top: 1.25rem;
    font-family: 'Cormorant semibold';
    line-height: normal;
    color: #333333;
}

.process_client_item .name.s-content {
    color: var(--main-cl);
    text-transform: uppercase;
}

.process_2 {
    padding-top: 7.96875rem;
    padding-bottom: 9.427rem;
}

.pattern_process {
    top: 0;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 2.292rem;
}

.process_slide_avatar {
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 80%);
    display: flex;
    align-items: center;
}

.process_slide_avatar .item {
    width: 5.208rem;
    height: 5.208rem;
    border-radius: 100%;
    border: 2px solid transparent;
    overflow: hidden;
    margin: 0 -0.521rem;
    transition: .4s all;
    cursor: pointer;
    scale: 0.9;
}

.process_slide_avatar .item.active {
    border: 5px solid white;
    transition: .4s all;
    z-index: 10;
    scale: 1.1;

}

.process_client_container:after {
    content: '';
    display: block;
    width: 7.448rem;
    height: 6.875rem;
    background-color: transparent;
    border-bottom: 7px solid #D7AF50;
    border-left: 7px solid #D7AF50;
    position: absolute;
    z-index: 1;
    left: -0.365rem;
    bottom: -0.365rem;
    pointer-events: none;
}

.process_3 {
    background: white;
    padding-top: 7.552rem;
    padding-bottom: 5.208rem;
}

.accordion_wrap {
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

.accordion_wrap .item_heading {
    color: white;
    cursor: pointer;
    background: #c5b8a0;
    padding: 0.78125rem;
    font-size: 1.25rem;
    line-height: normal;
    font-family: 'Cormorant bold';
    transition: .7s all;
    gap: 1rem;
    flex-wrap: wrap;
}

.accordion_wrap .item.active .item_heading {
    background: #D7AF50;
    transition: .7s all;
}

.accordion_main {
    padding: 1.198rem 1.5625rem;
    background: #f8f8f8;
    gap: 1.5625rem;
}

.accordion_main .item {
    width: calc(100% / 2 - (1.5625rem * 1 / 2));
}

.price_item {
    width: 100%;
    padding-bottom: .25rem;
    position: relative;
    font-size: 0.9375rem;
}

.price_item:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 1px dashed gray;

}

.price_wrap {
    gap: .25rem;
}

.accordion_main .title {
    color: #333333;
    font-family: 'Cormorant bold';
}

.accordion_wrap .item_heading .svg {
    width: 0.625rem;
    height: auto;
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    transition: .7s all;
    align-items: center;
}

.accordion_wrap .item.active .item_heading .svg {
    transform: rotate(180deg);
    transition: .7s all;
}

.process_3 .bg_sec {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.process_3 .group_content {
    height: 32.03125rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 0.78125rem;
}

.process_3_first_col .group_content {
    height: auto;
}

.process_3 .s-content {
    margin-top: 1rem;
}

.process_3 .music_pattern {
    width: 4.5rem;
    top: 44%;
}

.process_3_first_col {
    padding-bottom: 4.427rem;
}

.process_3 .s-content.title {
    margin-top: 0;
}

.course_wrap {
    margin-top: 5.729rem;
}

.course_list {
    gap: 1.5625rem;
}

.course_item {
    width: calc(100% / 3 - (1.5625rem * 2 / 3));
    height: 22.552rem;
}

.course_item .thumb {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

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

.course_item:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #41312b;
    opacity: 50%;
    z-index: 1;
}

.course_item:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #41312b;
    opacity: 0;
    transition: .7s all;
}

.course_item:hover:after {
    opacity: 50%;
    transition: .7s all;
}

.course_item_detail {
    height: 100%;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    flex-direction: column;
    z-index: 5;
    padding: 0 15px;
}

.course_item h3 {
    width: fit-content;
}

.course_item .term {
    text-transform: uppercase;
    font-family: 'Cormorant bold';
    transition: .7s all;

}

.course_item h3 {
    font-size: 2.083rem;
    margin: .5rem 0 1rem;
    transition: .7s all;
}

.course_item h3:hover {
    color: var(--main-cl);
    transition: .7s all;
}

.course_item .term:hover {
    color: var(--main-cl);
    transition: .7s all;
}

.course_detail_1 {
    background: white;
}

section.course_detail_1 {
    padding-top: 7.1875rem;
}

.course_detail_image {
    margin-bottom: 1.979rem;
    width: 100%;
    height: auto;
}

.the_content h2 {
    font-size: 2rem;
    line-height: normal;
    margin-bottom: 0.885rem;
}

.the_content p {
    line-height: normal;
}

.course_quote {
    color: #3e2b26;
    background-color: #f7f6f1;
    margin: 1.5625rem 0.417rem;
    padding: 3.125rem 2.604rem;
    text-align: center;
    position: relative;
}

.course_quote .title {
    font-size: 1.458rem;
    line-height: normal;
    font-family: 'Cormorant bold';
}

.course_quote .s-content {
    margin-top: 1.5625rem;
    text-transform: uppercase;
    font-family: 'Cormorant bold';
    line-height: normal;
    color: var(--main-cl);
}

.course_quote:before {
    width: 7.448rem;
    height: 6.875rem;
    display: block;
    background-color: transparent;
    border-top: 7px solid #D7AF50;
    border-right: 7px solid #D7AF50;
    position: absolute;
    z-index: 1;
    right: -0.365rem;
    top: -0.365rem;
    content: '';
    pointer-events: none;

}

.course_quote:after {
    content: '';
    width: 7.448rem;
    height: 6.875rem;
    display: block;
    background-color: transparent;
    border-bottom: 7px solid #D7AF50;
    border-left: 7px solid #D7AF50;
    position: absolute;
    z-index: 1;
    left: -0.365rem;
    bottom: -0.365rem;
    pointer-events: none;

}

.course_quote .pattern {
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    width: 7rem;
    opacity: 0.7;
}

.course_quote svg path {
    fill: rgba(62, 43, 38, 0.05);
}

.form_contact_2_wrap .btn_form_wrap {
    justify-content: start;
}

.course_detail_2 {
    padding-bottom: 5.208rem;
}

.course_detail_2 {
    background: white;
}

.form_contact_2_wrap .form_title {
    margin-bottom: 2rem;
}

.form_contact_2_wrap.form_contact .col {
    padding: 0 1.5625rem 1.042rem;
}

.form_contact a {
    color: #D7AF50;
    transition: .7s all;
}

.form_contact a:hover {
    color: var(--main-cl);
    transition: .7s all;
}

.form_contact_2_wrap.form_contact {
    padding: 0;
}

.product_bottom {
    position: absolute;
    list-style: none;
}

.product_heading {
    background: #ffffff !important;
    border: 1px solid #ededed;
    padding: .75rem 1rem;
    padding-right: 1.5em !important;
    border-radius: 60px;
    overflow: hidden;
    line-height: normal;
    width: 15.625rem !important;
}

.product_heading .svg {
    width: 0.833rem;
}

.product_wrap {
    margin-top: 3.125rem;
}

.product_list {
    gap: 1.5625rem;
}

.product_item {
    width: calc(100% / 2 - (1.5625rem * 1 / 2));
    border: 2px solid #eceae6;
}

.product_item .thumb {
    width: 100%;
    height: 17.96875rem;
    position: relative;
}

.product_item .thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product_1 {
    background: white;
}

.product_item .detail {
    padding: 1.5625rem 1.146rem;
}

.product_item .detail h3 {
    font-family: 'Cormorant bold';
    line-height: normal;
    font-size: 1.354rem;
    transition: .7s all;
}

.product_item .detail .price {
    margin-top: .5rem;
    font-size: 1.146rem;
    color: var(--main-cl);
    transition: .7s all;
}

.product_item:before {
    content: '';
    width: 7.448rem;
    height: 6.927rem;
    display: block;
    background-color: transparent;
    border-bottom: 6px solid #D7AF50;
    border-left: 6px solid #D7AF50;
    position: absolute;
    z-index: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    transition: .7s all;
}

.product_item:hover:before {
    opacity: 1;
    transition: .7s all;
}

.product_1 {
    padding-top: 7.1875rem;
}

.product_item .thumb:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: white;
    opacity: 0;
    transition: .7s all;
}

.product_layout_1 .product_item:hover .thumb:after {
    opacity: .6;
    transition: .7s all;
}

.product_detail_1 {
    padding-top: 7.1875rem;
    background: white;
}

.product_detail_avatar {
    padding: 2rem;
    border: 1px solid #dfdfdf;
    transition: .7s all;
}

.product_detail_avatar:hover {
    border: 1px solid transparent;
    transition: .7s all;
}

.product_detail_avatar img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product_detail_wrap .price {
    color: #3e2b26;
    font-size: 1.875rem;
    font-family: 'Cormorant bold';
    line-height: normal;
}

.product_detail_wrap .desc {
    margin-top: 1rem;
    line-height: normal;
    color: #333333;
}

.product_detail_2 {
    background: white;
    padding-top: 2.34375rem;
    padding-bottom: 5.208rem;
}

.product_detail_2 .tab_heading {
    color: #3e2b26;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.product_detail_2 .tab_heading .item {
    font-size: 0.9375rem;
    text-transform: uppercase;
    line-height: normal;
    font-family: 'Cormorant bold';
    transition: .7s all;
    padding: .5rem 1.25rem;
    background: #c5b8a0;
    border-radius: 60px;
    cursor: pointer;
}

.product_detail_2 .tab_heading .item:hover, .product_detail_2 .tab_heading .item.active {
    background: var(--main-cl);
    color: white;
    transition: .7s all;
}

.product_detail_2 .the_content h2 {
    font-size: 1.5rem;
}

.product_detail_3 {
    padding-top: 6.5625rem;
    padding-bottom: 3.28125rem;
}

.product_detail_3 .product_layout_1 {
    margin-top: 3.125rem;
}

.product_detail_3 .product_item {
    background: white;
    width: calc(100% / 4 - (1.5625rem * 3 / 4));
}

.product_detail_3 .product_list {
    gap: 1.5625rem;
}

.product_pattern {
    width: 2.5rem;
    height: 2.5rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    background: var(--main-cl);
    border-radius: 100%;
    padding: .7rem;
    opacity: 0;
    transition: .4s all;
    z-index: 5;
}

.product_item:hover .product_pattern {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    transition: .4s all;
}

.product_item .product_pattern:hover {
    background: #D7AF50;
    transition: .7s all;

}

.magnifier_wrap {
    position: relative;
    display: inline-block;
    width: 100%;
    overflow: visible;
}

.magnifier_img {
    display: block;
    width: 100%;
    height: auto;
    cursor: crosshair;
}

.magnifier_lens {
    position: absolute;
    border: 1px solid #ddd;
    background-color: rgba(255, 255, 255, 0.3);
    width: 150px;
    height: 150px;
    cursor: crosshair;
    display: none;
    pointer-events: none;
    z-index: 2;
}

.magnifier_result {
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 20px;
    width: 400px;
    height: 400px;
    background-repeat: no-repeat;
    border: 1px solid #ddd;
    background-color: #fff;
    display: none;
    z-index: 3;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

a.product_popup_toggle {
    top: -1rem;
    right: -1rem;
    width: 1.042rem;
}

a.product_popup_toggle svg path {
    fill: black;
}

.blog_sidebar,
.product_sidebar {
    background: #f7f6f1;
    padding: 2.083rem;
    gap: 2.083rem;
    display: flex;
    flex-direction: column;
}

.blog_sidebar_item,
.product_sidebar_item {
    background: white;
    padding: 2.604rem 2.083rem;

}

.sidebar_title {
    font-size: 1.5625rem;
    color: #3e2b26;
    font-family: 'Cormorant bold';
    line-height: normal;
}

.sidebar_cat_wrap {
    margin-top: 1rem;
    gap: .5rem;
}


.sidebar_cat_wrap .blog_term {
    padding-bottom: .5rem;
    position: relative;
    width: 100%;
    gap: .5rem;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-bottom: 1px solid #dcdcdc;
    color: #333333;
    font-size: 0.833rem;
    text-transform: uppercase;
    font-family: 'Cormorant medium';
    transition: .7s all;
}

.sidebar_cat_wrap .svg {
    width: 1.042rem;
    border-radius: 100%;
    border: 1px solid black;
    flex: 0 0 auto;
    height: 1.042rem;
    transition: .7s all;
    padding: .2rem;
}

.sidebar_cat_wrap .blog_term:hover {
    color: var(--main-cl);
    transition: .7s all;
}

.sidebar_cat_wrap .blog_term:hover svg path {
    fill: var(--main-cl);
    transition: .7s all;
}

.sidebar_cat_wrap .blog_term:hover .svg {
    border: 1px solid var(--main-cl);
    transition: .7s all;
}

.sidebar_cat_wrap .blog_term:last-child {
    border: unset;
    padding-bottom: 0;
}


.blog_sidebar_item input,
.product_sidebar_item input {
    margin-top: 1rem;
    color: #615d5b;
    border-color: #ededed;
    background-color: #ffffff;
    padding: .5rem 1rem;
    border-radius: 60px;
    box-shadow: unset;
    transition: .7s all;
    font-family: 'Cormorant medium';
    font-size: 0.9375rem;
}

.sidebar_blog_new {
    margin-top: 1rem;
    gap: 1.5rem;
}

.sidebar_blog_new .blog_item {
    width: 100%;
    height: 7.292rem;
    padding-bottom: 0;
    position: relative;
}

.sidebar_blog_new .blog_item .thumb {
    width: 100%;
    height: 100%;
}

.sidebar_blog_new .blog_item .detail {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 15px;
    text-align: center;
    z-index: 2;
}

.sidebar_blog_new .blog_item:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: black;
    z-index: 1;
    opacity: .4;
}

.sidebar_blog_new .blog_item h3 {
    color: white;
    font-size: 1.146rem;
    line-height: normal;
}

.sidebar_blog_new .blog_item .date {
    color: #D7AF50;
    line-height: normal;
    margin-top: .25rem;
}

.sidebar_tag_wrap {
    margin-top: 1rem;
    gap: .5rem;
    justify-content: center;
    row-gap: .25rem;
}

.sidebar_tag_wrap .blog_term {
    color: #3e2b26;
    background-color: #dad6cf;
    padding: .25rem 0.75rem;
    text-transform: uppercase;
    font-family: 'Cormorant bold';
    line-height: normal;
    font-size: 0.833rem;
    border-radius: 60px;
    transition: .7s all;
}

.sidebar_tag_wrap .blog_term:hover, .sidebar_tag_wrap .blog_term.active {
    background: var(--main-cl);
    color: white;
    transition: .7s all;
}

.blog_detail h1 {
    color: #333333;
    line-height: normal;
    font-size: 2.5rem;
    margin-top: 1rem;
}

.blog_detail .meta .date {
    gap: .5rem;
    text-transform: uppercase;
    color: var(--main-cl);
    line-height: normal;
    font-size: 1.042rem;
}

.blog_detail .meta .date .svg {
    width: 1.042rem;
}

.blog_detail .meta {
    margin-top: .5rem;
}

.single_blog_content {
    margin-top: 1rem;
}

.blog_detail_bottom {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #ececec;
    gap: 1rem;
    align-items: start;
}

.tag_list {
    gap: .5rem;
}

.tag_list a {
    line-height: normal;
    font-size: 0.833rem;
    text-transform: uppercase;
    color: #333333;
    border-radius: 60px;
    padding: .5rem 1rem;
    transition: .7s all;
    background-color: #dad6cf;
    color: #3e2b26;
}

.tag_list a:hover {
    background: var(--main-cl);
    color: white;
    transition: .7s all;
}

.share {
    gap: .5rem;
    flex: 0 0 auto;
}

.share a {
    width: 2.96875rem;
    height: 2.96875rem;
    background: var(--main-cl);
    border-radius: 100%;
    padding: 1rem;
    flex: 0 0 auto;
    border: 1px solid transparent;
}

.share a svg path {
    fill: white;
    transition: .7s all;
}

.share a:hover {
    border: 1px solid var(--main-cl);
    background: transparent;
    transition: .7s all;
}

.share a:hover svg path {
    fill: black;
    transition: .7s all;
}

.ajax_wrap {
    margin: 2rem auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

.ajax_wrap li {
    margin: 0;
}

.ajax_wrap li a {
    width: 2.083rem;
    color: #333333;
    height: 2.083rem;
    border: 0.5px solid #333333;
    border-radius: 100px;
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .7s all;
    font-size: 1.25rem;
    font-family: 'Cormorant bold';
}

.ajax_wrap li a.active, .ajax_wrap li a:hover {
    background: var(--main-cl);
    color: white;
    border: 1px solid var(--main-cl);
    transition: .7s all;
}

.ajax_wrap li a:hover svg path {
    stroke: white;
    transition: .7s all;
}

.ajax_wrap li svg {
    width: 0.833rem;
    height: 0.833rem;
}

.search-item .meta {
    margin-top: 1rem;
}

.search-item .meta .svg {
    width: 1.042rem;
}

.search-item .meta .date {
    gap: 0.26rem;
    color: var(--main-cl);
    font-family: 'Cormorant bold';
    line-height: normal;
}

.search-item .excerpt {
    line-height: 1.4;
    margin-top: 1rem;
}

.search-item a h3 {
    font-size: 1.667rem !important;
    line-height: normal;
}

.search-item a {
    margin-top: .5rem !important;
    display: flex;
}

.search-item-thumbnail {
    overflow: hidden;
}

.search-page h1 {
    font-size: 2.5rem;
    line-height: normal;
    text-align: center;
    margin-bottom: 1rem;
}

.img_empty {
    width: 13rem;
    margin: 2rem auto;
}

.back_to_home a.button {
    background: var(--main-cl);
    border-radius: 60px;
    font-family: 'Cormorant bold';
    line-height: normal;
    font-size: 1.042rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
    transition: .7s all;
    border: 1px solid transparent;
    box-shadow: unset;
}

.text-center.back_to_home {
    display: flex;
    justify-content: center;
    align-items: center;
}

.back_to_home a.button:hover {
    border: 1px solid var(--main-cl);
    color: var(--main-cl);
    transition: .7s all;
    background: white;
    opacity: 1;
}

.product_filter {
    cursor: pointer;
    user-select: none;
}

.product_filter .product_heading .svg svg {
    transition: transform 0.3s ease;
    width: 12px;
}

/* Xoay mũi tên khi mở */
.product_filter.active .product_heading .svg svg {
    transform: rotate(180deg);
}

.product_filter_bottom {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 100%;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    z-index: 20;
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
}

.product_filter_bottom li {
    padding: 0.26rem 0.521rem;
    font-size: 0.9375rem;
    cursor: pointer;
    transition: background 0.2s ease;
    margin: 0;
    font-family: 'Cormorant medium';
    transition: .7s all;

}

.product_filter_bottom li:hover {
    background: var(--main-cl);
    color: white;
    transition: .7s all;
}

.product_filter_bottom li.active {
    font-family: 'Cormorant semibold';
    background: var(--main-cl);
    color: white;
    transition: .7s all;
}

.search-grid .product_item {
    width: 100%;
    background: white;
}

.search-grid .product_item {
    width: 100%;
    background: white;
}

.search-grid .product_item:hover .product_pattern {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    transition: .4s all;
}

.search-grid .product_item:hover .thumb:after {
    opacity: .6;
    transition: .7s all;
}

.search-grid .product_item .thumb:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: white;
    opacity: 0;
    transition: .7s all;
}

.search-grid .product_item:before {
    content: '';
    width: 7.448rem;
    height: 6.927rem;
    display: block;
    background-color: transparent;
    border-bottom: 6px solid #D7AF50;
    border-left: 6px solid #D7AF50;
    position: absolute;
    z-index: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    transition: .7s all;
}

.search-grid .product_item:hover:before {
    opacity: 1;
    transition: .7s all;
}

.product_layout_toggle {
    gap: .5rem;
}

.product_layout_wrap {
    gap: .5rem;
}

.product_layout_toggle svg rect {
    fill: gray;
    opacity: .3;
}

.product_layout_toggle .toggle_item {
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    flex: 0 0 auto;
    cursor: pointer;
}

.product_layout_toggle .toggle_item.active rect, .product_layout_toggle .toggle_item:hover rect {
    fill: var(--main-cl);
    opacity: 1;
    transition: .7s all;
}

.product_list.active .product_item {
    display: flex;
    border: unset;
}

.product_list.active .product_item .thumb {
    border: 1px solid rgb(236, 234, 230);
    width: 33%;
    flex: 0 0 auto;
}

.product_list.active .product_item {
    width: 100%;
}

.product_list.active .product_item .detail {
    text-align: start;
}

.product_item .excerpt {
    display: none;
}

.product_list.active .product_item .excerpt {
    display: flex;
    margin-top: 1rem;
}

ul.sub-menu {
    padding: 0;
    border: unset !important;
    border-radius: 10px !important;
    overflow: hidden;
}

ul.sub-menu li, ul.sub-menu a {
    border-radius: 0 !important;
    width: 100% !important;
    margin: 0 !important;
}

ul.sub-menu a {
    padding: .35rem 1rem !important;
    font-size: 0.9375rem;
    line-height: normal;
}

ul.sub-menu li.current-menu-item > a, ul.sub-menu li:hover > a {
    background: transparent;
    color: var(--main-cl);
    transition: .7s all;
}

ul.sub-menu li.menu-item > ul.sub-menu {
    position: absolute;
    left: 100%;
    background: white;
    top: 0;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, .15);
    opacity: 0;
    transition: .7s all;
    pointer-events: none;
}

ul.sub-menu.nav-dropdown.nav-dropdown-default {
    display: flex;
    flex-direction: column;
    overflow: unset;
}

ul.sub-menu li.menu-item.menu-item-has-children:hover ul.sub-menu {
    opacity: 1;
    pointer-events: all;
    transition: .7s all;
}

ul.sub-menu > li.menu-item.menu-item-has-children {
    position: relative;
}

ul.sub-menu > li.menu-item.menu-item-has-children:before {
    position: absolute;
    content: '';
    right: .75rem;
    top: .5rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA1IiBoZWlnaHQ9IjEyMCIgdmlld0JveD0iMCAwIDEwNSAxMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yOTgzXzIpIj4KPHBhdGggZD0iTTQ3LjIwNTEgOTUuMjk2OUM1MC4xMzQ4IDk4LjIyNjYgNTQuODkyNiA5OC4yMjY2IDU3LjgyMjMgOTUuMjk2OUwxMDIuODIyIDUwLjI5NjlDMTA1Ljc1MiA0Ny4zNjcyIDEwNS43NTIgNDIuNjA5NCAxMDIuODIyIDM5LjY3OTdDOTkuODkyNiAzNi43NSA5NS4xMzQ4IDM2Ljc1IDkyLjIwNTEgMzkuNjc5N0w1Mi41MDIgNzkuMzgyOEwxMi43OTg4IDM5LjcwMzFDOS44NjkxNCAzNi43NzM0IDUuMTExMzMgMzYuNzczNCAyLjE4MTY0IDM5LjcwMzFDLTAuNzQ4MDQ3IDQyLjYzMjggLTAuNzQ4MDQ3IDQ3LjM5MDYgMi4xODE2NCA1MC4zMjAzTDQ3LjE4MTYgOTUuMzIwM0w0Ny4yMDUxIDk1LjI5NjlaIiBmaWxsPSJibGFjayIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzI5ODNfMiI+CjxyZWN0IHdpZHRoPSIxMDUiIGhlaWdodD0iMTIwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
    background-size: cover;
    width: .6rem;
    height: .6rem;
    background-repeat: no-repeat;
    opacity: .7;
}

#menu_mobile,
.menu_mobile {
    display: none;
}

.copyright {
    font-family: 'Cormorant medium';
}

.about_2 .col {
    padding-bottom: 0;
}

.product_list.active .product_item:before {
    content: unset;
}

div#product_avatar {
    padding: 0;
    overflow: unset;
    width: 30rem;
}

.fancybox-slide--html #product_avatar .fancybox-close-small {
    right: -3rem;
    color: white;
    padding: 0;
    top: -2rem;
    opacity: 1;
}

.fancybox-slide--html #product_avatar .fancybox-close-small:hover svg {
    transform: rotate(360deg);
    transition: .7s all;
}

header a.btn:hover {
    background: transparent !important;
}

.blog_detail_3 {
    padding-top: 2rem;
}

.blog_detail_2 h2 {
    margin: 3.49rem 0 2.1875rem;
}

.blog_like .blog_item:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: .5;
    z-index: 1;
    pointer-events: none;
}

.blog_like .blog_item .detail {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    width: 100%;
    padding: 0 15px;
    text-align: center;
}

.blog_like {
    gap: 1rem;
}

.blog_like .blog_item {
    width: calc(100% / 2 - (1rem * 1 / 2));
    padding: 0;
    height: 15.625rem;
}

.blog_like .blog_item .thumb {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.blog_like .blog_item .detail h3 {
    color: white;
    transition: .7s all;
    font-size: 1.5rem;
    margin-top: .5rem;
}

.blog_like .blog_item .detail .date {
    color: #D7AF50;
    font-size: 1.25rem;
}

.blog_detail_2 {
    padding: 2rem 0;
}

.home_7 {
    padding-top: 8.49rem;
    padding-bottom: 6rem;
}

.home_7 .product_list {
    margin-top: 5.573rem;
}

.home_7 .product_list .product_item {
    width: calc(100% / 4 - (1.5625rem * 3 / 4));
}

.home_7 .btn_wrap {
    margin-top: 3rem;
}

.product_heading_wrap {
    position: relative;
    z-index: 5;
}

.contact_1 h1 {
    font-size: 3.5rem;
}

.load-more-search.button.primary {
    width: fit-content;
    padding: .75rem 1.5rem;
    border-radius: 60px;
    font-size: 0.729rem;
    line-height: normal;
    text-transform: uppercase;
    position: relative;
    transition: .7s all;
    overflow: hidden;
    font-family: 'Cormorant bold';
    background: var(--main-cl);
    margin: 0 !important;
    color: white;
}

.load-more-search.button.primary:before {
    border-radius: 60px;
    position: absolute;
    content: '';
    background: var(--sub-cl);
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transition: .7s all;
    pointer-events: none;

}

.load-more-search.button.primary:hover:before {
    width: 100%;
    opacity: 1;
    transition: .7s all;
}

.load-more-search span.text {
    position: relative;
    z-index: 2;
}

.home_banner_content h2 {
    line-height: normal !important;
    margin-bottom: 1rem;
}

.product_pattern svg path {
    fill: white;
}

.product_popup {
    width: 25rem;
    padding: 2rem;
    border-radius: 20px;
}

.fancybox-slide--html .product_popup .fancybox-close-small {
    right: -3rem;
    top: -3rem;
    color: white;
    padding: 0;
    opacity: 1;
}

.product_popup {
    overflow: unset;
}

.form_contact .bg_sec, .product_popup .bg_sec {
    border-radius: 30px;
}

.fancybox-slide--html .product_popup .fancybox-close-small:hover svg {
    transform: rotate(360deg);
    transition: .7s all;
}

.product_popup :is(input,textarea) {
    font-family: 'Cormorant bold';
}

.product_popup :is(input,textarea) {
    font-family: 'Cormorant bold';
}

a.product_popup {
    border: 1px solid var(--main-cl);
    width: fit-content;
    padding: .75rem 1rem;
    background: var(--main-cl);
    color: white;
    font-family: 'Cormorant bold';
    line-height: normal;
    font-size: 1.042rem;
    transition: .7s all;
}

.product_detail_wrap .price_wrap {
    margin-top: 1rem;
    gap: 1rem;
}

a.product_popup:hover {
    background: transparent;
    color: var(--main-cl);
    transition: .7s all;
}

footer {
    background: var(--main-cl);
}

.footer_menu_wrap .title {
    font-family: 'plus bold';
    font-size: 1.2rem;
}

footer .menu_list a {
    font-family: 'plus';
    color: white;
}

.copyright {
    color: white;
    font-family: 'plus bold';
}

.footer_bottom a:hover {
    color: #F4E977;
    transition: .7s all;
}

@media (max-width: 1600px) and (min-width: 1300px) {
    html {
        font-size: 1.2vw !important;
    }

    h1 {
        font-size: 3.5rem !important;
    }
}

@media (min-width: 1280px) {
    body, html {
        font-size: 1vw;
    }
}

@media only screen and (max-width: 1199px) {
    :root {
        --container-w: 950px
    }

    .load_home_page svg {
        width: 320px;
    }
}

@media only screen and (max-width: 991px) {
    :root {
        --container-w: 720px
    }

    .magnifier_lens,
    .magnifier_result {
        display: none !important;
    }

    .load_home_page svg {
        width: 320px;
    }

    .search-tabs .search-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }

    [data-open="#main-menu"] {
        display: block;
        width: 3.5rem;
        height: 3.5rem;
        background-image: url(../images/menu_mb.svg) !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: left center !important;
        background-color: unset !important;
        padding: 0 !important;
    }

    [data-open="#main-menu"] i {
        display: none;
    }

    [data-open="#search-lightbox"] {
        width: 2rem;
        height: 2rem !important;
    }

    i.icon-menu:before {
        content: unset;
    }

    .header-main li.html.custom {
        display: flex;
    }

    .mfp-bg.off-canvas.off-canvas-left {
        top: 88px !important;
        position: fixed !important;
    }

    .mfp-content {
        top: 88px !important;
        box-shadow: none !important;
    }

    .off-canvas .sidebar-menu {
        padding-top: 0;
    }

    [data-open="#main-menu"] {
        display: block;
        width: 3.5rem;
        height: 3.5rem;
        background-image: url(../images/menu_mb.svg) !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: left center !important;
        background-color: unset !important;
        padding: 0 !important;
    }

    [data-open="#main-menu"] i {
        display: none;
    }

    [data-open="#search-lightbox"] {
        width: 2rem;
        height: 2rem !important;
    }

    i.icon-menu:before {
        content: unset;
    }

    .header-main li.html.custom {
        display: flex;
    }

    header a.btn .content {
        font-size: .9rem;
    }

    .medium-logo-center .logo {
        order: 1;
        display: flex;
        align-items: start;
    }

    .medium-logo-center .flex-left {
        order: 2;
    }

    .header-inner .flex-left .nav {
        justify-content: center;
    }

    li.nav-icon.has-icon {
        display: flex;
    }

    /* ================= MENU MOBILE ================= */
    /* Dung #menu_mobile (specificity id) de de len rule .menu_mobile cua theme nguyentuan-main.css */
    #menu_mobile {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999999;
        background: var(--main-cl);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        /* Trang thai dong: nam tren dinh man hinh, truot tu tren xuong khi mo */
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: -webkit-transform .5s cubic-bezier(.4, 0, .2, 1), opacity .35s ease, visibility 0s linear .5s;
        transition: transform .5s cubic-bezier(.4, 0, .2, 1), opacity .35s ease, visibility 0s linear .5s;
    }

    #menu_mobile.opened {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: -webkit-transform .5s cubic-bezier(.4, 0, .2, 1), opacity .35s ease, visibility 0s;
        transition: transform .5s cubic-bezier(.4, 0, .2, 1), opacity .35s ease, visibility 0s;
    }

    body.menu_mobile_opened {
        overflow: hidden;
    }

    #menu_mobile .menu_mobile_wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        min-height: 100%;
        height: auto;
        padding: 2rem 1.5rem 3rem;
    }

    #menu_mobile .menu__moble_toggle {
        position: absolute;
        right: 1rem;
        top: 1rem;
        z-index: 9;
        width: 1.75rem;
        height: 1.75rem;
        cursor: pointer;
        pointer-events: all;
    }

    #menu_mobile .menu__moble_toggle svg {
        display: block;
        width: 100%;
        height: 100%;
    }

    #menu_mobile .logo_mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 10rem;
        max-width: 60%;
        margin: 1rem auto;
    }

    #menu_mobile .logo_mobile img {
        display: block;
        width: 100%;
        height: auto;
    }

    #menu_mobile .menu_mobile_nav {
        width: 100%;
    }

    #menu_mobile .menu_mobile_list,
    #menu_mobile .menu_mobile_list ul {
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    #menu_mobile .menu_mobile_list li {
        position: relative;
        display: block;
        width: 100%;
        list-style: none;
        margin: 0;
        text-align: left;
    }

    #menu_mobile .menu_mobile_list > li {
        border-bottom: 1px solid rgba(255, 255, 255, .12);
    }

    #menu_mobile .menu_mobile_list > li:last-child {
        border-bottom: 0;
    }

    /* Cap 1 */
    #menu_mobile .menu_mobile_list a {
        position: relative;
        display: block;
        padding: .9rem 3rem .9rem 0;
        color: #fff;
        font-size: 1.125rem;
        line-height: 1.4;
        text-transform: uppercase;
        transition: color .3s ease;
    }

    /* Cap 2: thut vao so voi cap cha */
    #menu_mobile .menu_mobile_list .sub-menu a {
        padding-left: 1.25rem;
    }

    /* Cap 3 */
    #menu_mobile .menu_mobile_list .sub-menu .sub-menu a {
        padding-left: 2.5rem;
    }

    #menu_mobile .menu_mobile_list > li {
        opacity: 0;
        -webkit-transform: translateY(-1.25rem);
        transform: translateY(-1.25rem);
    }

    #menu_mobile.opened .menu_mobile_list > li {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: opacity .4s ease, -webkit-transform .4s ease;
        transition: opacity .4s ease, transform .4s ease;
    }

    #menu_mobile .menu_mobile_arrow {
        position: absolute;
        right: 0;
        top: .95rem;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        padding: 4px;
        border-radius: 4px;
        background: rgba(255, 255, 255, 0.1);
        color: #fff;
        cursor: pointer;
        z-index: 2;
        transition: transform .3s ease, background-color .3s ease;
    }


    #menu_mobile .menu_mobile_arrow svg {
        display: block;
        width: 100%;
        height: 100%;
    }

    #menu_mobile li.opened > .menu_mobile_arrow {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    /* Menu con */
    #menu_mobile .menu_mobile_list .sub-menu {
        display: none;
        padding: 0 0 .5rem;
        background: rgba(0, 0, 0, .12);
    }

    #menu_mobile .menu_mobile_list .sub-menu a {
        padding-top: .6rem;
        padding-bottom: .6rem;
        font-size: .95rem;
        text-transform: none;
        color: rgba(255, 255, 255, .8);
        width: fit-content !important;
    }

    #menu_mobile .menu_mobile_list .sub-menu .menu_mobile_arrow {
        top: .6rem;
        right: .25rem;
    }

    #menu_mobile .menu_mobile_list .sub-menu {
        position: relative;
        inset: unset;
        opacity: 1;
        background: transparent;
        padding: 0 2rem;
    }

    li.menu-item.opened > span > svg {
        transform: rotate(180deg);
        transition: .7s all;
    }

    li.menu-item.opened > span > svg path {
        fill: var(--main-cl);
    }

    .menu_mobile_nav li {
        border: unset !important;
    }

    .menu_mobile_nav li a {
        font-family: 'Cormorant bold';
        line-height: normal;
        font-size: 1.25rem !important;
        padding: .5rem !important;
    }

    ul.sub-menu > li.menu-item.menu-item-has-children:before {
        content: unset;
    }

    #menu_mobile .menu_mobile_list .sub-menu {
        box-shadow: unset;
    }

    ul.sub-menu > li.menu-item-has-children > ul.sub-menu {
        padding: 0 2rem !important;
    }

    .menu_social a.item {
        width: 1.042rem;
        height: 1.042rem;
        flex: 0 0 auto;
    }

    .menu_social a.item img {
        object-fit: contain;
    }

    .menu_social {
        margin-top: 2rem;
        gap: .5rem;
    }

    nav.menu_mobile_nav {
        max-height: 40rem;
        overflow: auto;
        padding-right: 1rem;
    }

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

    nav.menu_mobile_nav::-webkit-scrollbar {
        width: 0.2rem;
        background-color: #cedbff;
    }

    nav.menu_mobile_nav::-webkit-scrollbar-thumb {
        background-color: var(--main-cl);
    }

    .home_banner_content {
        width: 100%;
    }

    .btn_content {
        font-size: 1rem;
    }

    .content, .content_text {
        font-size: 1.25rem;
    }

    .home_2 {
        padding: 3rem 0;
    }

    h3 {
        font-size: 2rem;
    }

    .video_detail .group_content {
        padding: 1rem;
    }

    .s-content {
        font-size: 1.05rem;
    }

    .process_left {
        padding: 1rem;
    }

    .home_process_item {
        flex-wrap: wrap;
    }

    .video_home, .process_right {
        width: 50%;
    }

    .home_video_wrap, .home_process_wrap {
        height: auto;
    }

    .video_detail, .process_left {
        width: 50%;
    }

    .video_home .video_cta {
        transform: translate(-50%, -50%);
        opacity: 1;
        transition: .7s all;
    }

    .home_3 {
        height: 30rem;
    }

    .home_class_list {
        gap: 1rem;
        row-gap: 2rem;
        align-items: start;
    }

    .home_class_list .item {
        width: calc(100% / 4 - (1rem * 3 / 4));
        padding: 0 .5rem;
    }

    .home_class_list a.title {
        font-size: 1.2rem;
    }

    .home_4 {
        padding-top: 3rem;
    }

    .home_class_list {
        margin-top: 2rem;
    }

    .home_5 {
        padding: 3rem 0;
    }

    .home_instrument_wrap {
        height: auto;
    }

    .home_instrument_wrap .group_content {
        padding: 1rem;
    }


    .home_6 ul.mainul {
        height: 300px !important;
    }

    .home_6 ul.mainul li {
        height: 100% !important;
    }

    .esg-entry-cover {
        height: 100% !important;
    }

    .esg-overflowtrick {
        height: 300px !important;
    }

    .esg-entry-cover > .eec {
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        left: 50%;
        padding: 0 15px;
    }

    .eg-custom-blog-skin-element-1 {
        padding: 0;
    }

    .home_8 {
        padding: 2rem 0;
    }

    .vc_empty_space {
        display: none;
    }

    .home_8 .sc_content_container {
        margin-top: 2rem;
    }

    .hide_on_tablet {
        display: none;
    }

    .contact_map, .contact_wrap_detail {
        height: 25rem;
    }

    h2 {
        font-size: 2.8rem;
    }

    .contact_wrap_detail .wpb_wrapper {
        padding: 0;
    }

    footer {
        padding: 2rem 0 1rem;
    }

    .footer_middle {
        padding: 1.5rem 0;
    }

    .footer_bottom {
        padding-top: 1rem;
    }

    .breadcrumbs ol :is(a,span) {
        font-size: 1rem;
    }

    span.breadcrumb-separator {
        width: 1.25rem;
        height: 1.25rem;
    }

    .breadcrumbs ol {
        gap: .5rem;
    }

    .about_1 {
        padding: 2rem 0;
    }

    .about_1 .sc_promo {
        height: 26rem;
        margin-top: 2rem;
    }

    .about_1 .desc.s-content {
        margin-top: 1rem;
    }

    .about_1 .sc_content {
        padding: 1rem;
    }

    .about_1 .sc_promo_default .sc_item_title + .sc_item_subtitle {
        font-size: 1rem;
        margin-top: 1rem;
    }

    .about_2 {
        height: 30rem;
    }

    .about_2 .group_content_inner {
        padding: 1rem;
        width: 100%;
    }

    .about_process_container {
        gap: .5rem;
    }

    .about_process_container .percent {
        font-size: 1.2rem;
    }

    .about_2 h3 {
        font-size: 2rem;
    }

    .about_3 {
        padding: 2rem 0;
    }

    .swiper-slide-active .slide_item .about_event_detail .thumb {
        height: 12rem;
        transition: .7s all;
    }

    .about_event_wrap .arrow_slide {
        width: 2rem;
        height: 2rem;
        top: -.2rem;
        z-index: 99;
    }

    .about_event_wrap:before {
        width: 84%;
        height: 3px;
    }

    .swiper-slide-active .slide_item .dot_circle:before {
        opacity: 1;
        transition: .7s all;
    }

    .swiper-slide-active .slide_item .dot_line {
        background: #D7AF50;
        transition: .7s all;
    }

    .about_campus_wrap {
        padding-top: 2rem;
    }

    .about_4 {
        padding: 2rem 0;
    }

    h1 {
        font-size: 3.5rem;
    }

    .contact_1 {
        padding: 2rem 0;
    }

    .form_contact {
        padding: 2rem;
    }

    .process_1 {
        padding: 2rem 0;
    }

    .course_wrap {
        margin-top: 2rem;
    }

    .course_item .term {
        text-align: center;
    }

    .course_item h3 {
        text-align: center;
    }

    .course_item {
        height: 17rem;
        width: calc(100% / 2 - (1rem * 1 / 2));
    }

    .course_list {
        gap: 1rem;
    }

    .ajax_wrap li a {
        width: 2.5rem;
        height: 2.5rem;
        font-size: 1.5rem;
    }

    .process_2 {
        padding: 2rem 0;
    }

    .process_client_container {
        margin-top: 3rem;
        padding: 1.5rem 2rem;
    }

    .process_slide_avatar .item {
        width: 4rem;
        height: 4rem;
    }

    .process_3 {
        padding: 2rem 0;
    }

    .process_3_first_col {
        padding-bottom: 3rem;
    }

    .process_3 .music_pattern {
        width: 2.5rem;
    }

    .accordion_main {
        padding: 1rem;
    }

    .accordion_wrap .item_heading {
        font-size: 1.35rem;
    }

    .accordion_wrap .item_heading .svg {
        width: 1rem;
    }

    .accordion_main .title {
        font-size: 1.25rem;
    }

    .process_3 .s-content {
        margin-top: .25rem;
        font-size: 1.2rem;
    }

    .process_3 .group_content {
        height: auto;
        padding: 2rem;
    }

    section.course_detail_1 {
        padding-top: 2rem;
    }

    .the_content.s-content p {
        line-height: 1.5;
    }

    .form_contact .form_agree_input, .form_agree_input {
        width: 1.25rem;
        height: 1.25rem;
        margin-top: .4rem;
    }

    .course_detail_2 {
        padding-bottom: 2rem;
    }

    .blog_item {
        height: auto;
        align-items: start;
        gap: 1rem;
    }


    .blog_item {
        padding-bottom: 1rem;
    }

    .blog_list {
        gap: 1rem;
    }

    .blog {
        padding: 2rem 0;
    }

    .blog_sidebar, .product_sidebar {
        flex-direction: row;
        gap: 1rem;
        flex-wrap: wrap;
    }

    .blog_sidebar_item, .product_sidebar_item {
        width: calc(100% / 2 - (1rem * 1 / 2));
        padding: 1.5rem;
    }

    .sidebar_cat_wrap .blog_term {
        font-size: 1.05rem;
        color: #333333;
    }

    .blog_sidebar_item.blog_search,
    .product_search,
    .blog_sidebar_tag {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .blog_sidebar_item input, .product_sidebar_item input {
        font-size: 1.1rem;
    }

    .sidebar_blog_new .blog_item {
        height: 10rem;
    }

    .sidebar_blog_new .blog_item h3 {
        font-size: 1.3rem;
    }

    .sidebar_blog_new .blog_item .date {
        font-size: 1.15rem;
    }

    .sidebar_tag_wrap .blog_term {
        font-size: 1rem;
    }

    .blog_item .meta .svg {
        width: 1rem;
    }

    .product_1 {
        padding-top: 2rem;
    }

    .product_layout_toggle .toggle_item {
        width: 1.5rem;
        height: 1.5rem;
    }

    .product_layout_wrap.s-content {
        font-size: 1.2rem;
    }

    .product_heading {
        font-family: 'Cormorant bold';
    }

    .product_wrap {
        margin-top: 1.5rem;
    }

    .product_item:before {
        opacity: 1;
    }

    .product_item .thumb {
        height: 14rem;
    }

    .product_item .detail h3 {
        font-size: 1.5rem;
    }

    .product_item .detail .price {
        font-size: 1.4rem;
    }

    .product_list {
        gap: 1rem;
    }

    .product_item {
        width: calc(100% / 2 - (1rem * 1 / 2));
    }

    .product_filter_bottom li {
        font-size: 1.1rem;
        padding: .5rem .75rem;
    }

    .product_list.active .product_item .thumb {
        height: 18rem;
        width: 35%;
    }

    .product_detail_1 {
        padding-top: 2rem;
    }

    .product_detail_2 {
        padding: 1rem 0 2rem;
    }

    .product_detail_3 {
        padding: 2rem 0;
    }

    .product_detail_3 .product_list {
        gap: 1rem;
    }

    .product_detail_3 .product_item {
        width: calc(100% / 2 - (1rem * 1 / 2));
    }

    .product_detail_3 .product_layout_1 {
        margin-top: 1rem;
    }

    .home_7 .product_list .product_item {
        width: calc(100% / 2 - (1.5625rem * 1 / 2));
    }

    .home_banner_content h2 {
        font-size: 3rem;
    }

    .home_banner_content .subtitle {
        font-size: 2rem;
    }

    .home_banner_content .content {
        font-size: 1rem;
    }

    .menu_social a.item img {
        filter: brightness(0) invert(1);
    }

    .menu_social a.item img {
        filter: brightness(0) invert(1);
    }

    #menu_mobile .menu_mobile_list a {
        position: relative;
        width: fit-content;
        padding-left: 0 !important;
    }

    #menu_mobile .menu_mobile_list li.current-menu-item > a:before {
        position: absolute;
        content: '';
        left: 0;
        bottom: -1%;
        height: 1px;
        pointer-events: none;
        width: 100%;
        background: white;
    }
}

@media only screen and (max-width: 767px) {
    .grid-container {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .load_home_page svg {
        width: 240px;
    }

    #search-lightbox {
        margin-left: -20px;
        margin-right: -20px;
        max-width: calc(100% + 40px);
    }

    #search-lightbox .search-lightbox-title {
        margin-bottom: 20px;
        font-size: 20px;
    }

    #search-lightbox .search-keywords {
        margin-top: 20px;
    }

    #search-lightbox .search-keywords > a {
        font-size: 14px;
    }

    .search-tabs .search-grid {
        grid-template-columns: 1fr 1fr;
        grid-gap: 1.5rem 1rem
    }

    .search-page {
        padding: 3rem 0;
    }

    .search-page h1 {
        margin-bottom: 2rem;
    }

    .search-tabs .search-tabs-title .search-tab-title {
        font-size: 0.75rem;
        padding: 0.5rem 1rem;
    }

    html {
        font-size: 3.5vw;
    }

    header #logo {
        width: 100px !important;
    }

    header a.btn {
        white-space: nowrap;
        font-size: 1rem;
    }

    .home_banner_item {
        height: 20rem;
    }

    .home_banner_content h2 {
        font-size: 3.5rem;
    }

    .home_banner_content .subtitle {
        font-size: 2rem;
    }

    .content, .content_text {
        font-size: 1.4rem;
    }

    .btn_content {
        font-size: 1.2rem;
    }

    h1 {
        font-size: 2.5rem;
    }

    .content, .content_text {
        font-size: 1.6rem;
    }

    .home_video_wrap, .home_process_wrap {
        flex-direction: column;
    }

    .video_home, .process_right {
        width: 100%;
    }

    .video_detail, .process_left {
        width: 100%;
    }

    .home_video_wrap {
        flex-direction: column-reverse;
    }

    .s-content {
        font-size: 1.3rem;
        line-height: 1.5;
    }

    .s-content {
    }

    h3 {
        font-size: 2.2rem;
    }

    .video_detail a.btn {
        margin-top: 1rem;
    }

    .home_process_list {
        margin-top: 1.25rem;
    }

    .process_svg {
        width: 1.75rem;
        height: 1.75rem;
    }

    .home_2 {
        padding: 2rem 0 0;
    }

    .home_3 .group_content_inner {
        width: 100%;
    }

    .home_3 .s-content {
        width: 100%;
        margin-top: 1rem;
    }

    .home_3 .text-white a.btn {
        margin-top: 0;
    }

    .home_class_list {
        gap: 1rem;
    }

    .home_class_list .item {
        width: calc(100% / 2 - (1rem * 1 / 2));
        padding: 0;
    }

    .home_class_list .item .icon {
        width: 7rem;
        height: 7rem;
        padding: 1.5rem;
    }

    .home_class_list a.title {
        font-size: 1.5rem;
    }

    .home_4 {
        padding: 2rem 0 0;
    }

    .home_instrument_wrap {
        flex-direction: column;
    }

    .home_instrument_wrap .item_left, .home_instrument_wrap .item_right {
        width: 100%;
    }

    .home_5 a.btn {
        margin-top: 1rem;
    }

    .home_instrument_wrap .desc {
        margin-top: 1rem;
    }

    .home_instrument_wrap .group_content {
        padding: 1.5rem 1rem;
    }

    .home_5 {
        padding: 2rem 0 0;
    }

    .home_6 ul.mainul {
        height: auto !important;
        flex-direction: column;
    }

    .home_6 ul.mainul li {
        height: 100% !important;
        width: 100% !important;
    }

    .esg-overflowtrick {
        height: auto !important;
    }

    .contact_wrap .title {
        font-size: 1.7rem;
    }

    .home_8 .sc_content_container {
        width: 100%;
    }

    .sc_content {
        width: 100%;
    }

    .footer_menu_wrap {
        gap: 1rem;
        row-gap: 3rem;
    }

    .footer_menu_wrap > .item {
        width: calc(100% / 2 - (1rem * 1 / 2));
    }

    .footer_menu_wrap .title {
        text-align: center;
        font-size: 1.5rem;
    }

    .footer_menu_wrap .item_wrap {
        text-align: start;
        align-items: start;
    }

    footer .menu_list a {
        font-size: 1.3rem;
    }

    .footer_middle {
        padding: 0;
    }

    .footer_logo {
        width: 11rem;
    }

    .copyright {
        font-size: 1.5rem;
    }

    #menu_mobile .menu_mobile_list a {
        font-size: 1.5rem !important;
    }

    .menu_social {
        gap: 1rem;
    }

    .menu_social a.item {
        width: 2rem;
        height: 2rem;
    }

    .video_home .video_cta {
        width: 5rem;
        height: 5rem;
    }


    .breadcrumbs ol :is(a,span) {
        font-size: 1.1rem;
    }

    .breadcrumbs ol li {
        flex: 0 0 auto;
    }

    .breadcrumbs ol {
        padding-bottom: .5rem;
        overflow: auto;
    }

    .about_1 .sc_promo {
        height: auto;
        flex-direction: column;
    }

    .about_1 .sc_promo_image, .about_1 .sc_promo_text {
        width: 100% !important;
    }

    .sc_promo_text {
    }

    .about_1 h1 {
        font-size: 2.5rem;
    }

    .about_1 .sc_content {
        padding: 1.5rem 1rem;
    }

    .about_1 .sc_promo_default .sc_item_title + .sc_item_subtitle {
        font-size: 1.35rem;
    }

    .about_1 {
        padding: 2rem 0 0;
    }

    .about_process_container .percent {
        font-size: 1.5rem;
    }

    .about_process_container {
        gap: .75rem;
    }

    .pagination_wrap {
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
        margin: 1rem 0 0;
    }

    .pagination_wrap .arrow_slide {
        position: relative;
        inset: unset;
        transform: unset;
        width: 3rem;
        height: 3rem;
        border: 1px solid var(--main-cl);
        border-radius: 100%;
        padding: .5rem;
        transition: .7s all;

    }

    .pagination_wrap .arrow_slide svg path {
        fill: var(--main-cl);
    }

    .mobile_flex {
        display: flex;
    }

    .mobile_block {
        display: block;
    }

    .desktop_display {
        display: none;
    }

    .pagination_wrap .swiper-pagination {
        position: relative;
        inset: unset !important;
        width: fit-content;
        transition: unset;
    }

    .pagination_wrap .swiper-pagination-bullet {
        background: var(--main-cl);
    }

    .about_event_detail .title {
        font-size: 2rem;
    }

    .about_event_detail .date.s-content {
        font-size: 1.5rem;
    }

    .swiper-slide-active .slide_item .about_event_detail .thumb {
        height: auto !important;
    }

    .about_event_detail .thumb {
        height: auto !important;
    }

    .pagination_wrap .arrow_slide:hover {
        background: var(--main-cl);
        transition: .7s all;
    }

    .pagination_wrap .arrow_slide:hover svg path {
        fill: white;
        transition: .7s all;
    }

    .about_campus_wrap.flex.items-stretch {
        flex-direction: column;
    }

    .about_campus_wrap .item {
        width: 100% !important;
    }

    .about_campus_wrap .item_inner .link_wrap a {
        width: 3.5rem;
        height: 3.5rem;
    }

    .about_campus_wrap .item:before {
        opacity: 1;
    }

    .about_campus_wrap .item .item_col {
        opacity: 1;
    }

    .about_campus_wrap .item .item_title {
        scale: 1;
        transition: .7s all;
    }

    .about_campus_wrap .item_inner .link_wrap {
        transform: unset !important;
    }

    .btn {
        padding: 1rem 1.5rem;
    }

    html body :is(input,textarea) {
        font-size: 18px !important;
    }

    html body :is(input,textarea)::placeholder {
        font-size: 1.3rem !important;
    }

    .form_contact input, .form_contact textarea {
        padding: 1rem;
    }

    .btn_form_wrap button {
        font-size: 1.4rem;
        padding: .75rem 2rem;
    }

    .contact_1 .contact_wrap {
        margin-top: 2rem;
        padding: 0;
    }

    section.breadcrumbs {
        padding: 1.5rem 0 1.45rem;
    }

    .course_item {
        width: 100%;
        height: 15rem;
    }

    .ajax_wrap li a {
        width: 3rem;
        height: 3rem;
        font-size: 2.5rem;
    }

    .ajax_wrap li svg {
        width: 1.25rem;
        height: 1.25rem;
    }

    .process_1 {
        padding: 2rem 0 0;
    }

    .process_client_container {
        height: 30rem;
    }

    .process_slide_avatar .item {
        width: 4.5rem;
        height: 4.5rem;
    }

    .process_slide .slide_item {
        padding: 0 1rem;
    }

    .process_3 {
        padding: 2rem 0 0;
    }

    .process_3_first_col {
        padding-bottom: 0;
    }

    .accordion_wrap .item_heading {
        font-size: 1.5rem;
    }

    .accordion_main {
        gap: 1rem;
        flex-direction: column;
    }

    .accordion_main .item {
        width: 100%;
    }

    .process_3 .s-content {
        font-size: 1.45rem;
    }

    .course_quote {
        padding: 2rem 1rem;
    }

    .form_contact_2_wrap .form_title {
        text-align: center;
    }

    label.form_agree_text.s-content {
        font-size: 1.2rem;
    }

    .form_contact_2_wrap .btn_form_wrap {
        justify-content: center;
    }

    .course_detail_2 {
        padding-bottom: 0;
    }

    .blog_item {
        flex-direction: column;
    }

    .blog_item .thumb {
        width: 100%;
        height: auto;
    }

    .blog_item .meta .svg {
        width: 1.2rem;
    }

    .meta.s-content {
        font-size: 1.5rem;
    }

    .blog_item h3 {
        font-size: 1.7rem;
    }

    .blog_item .excerpt {
        line-height: 1.5;
        -webkit-line-clamp: 3;
    }

    .blog_item .btn {
        margin-top: .5rem;
    }

    .blog_sidebar, .product_sidebar {
        padding: 1rem;
    }

    .blog_sidebar_item, .product_sidebar_item {
        width: 100%;
        padding: 1.5rem 1rem;
    }

    .sidebar_cat_wrap .blog_term {
        font-size: 1.3rem;
    }

    .sidebar_cat_wrap {
        gap: .75rem;
    }

    .sidebar_title {
        font-size: 1.75rem;
    }

    .blog_sidebar_item input, .product_sidebar_item input {
        width: 100%;
    }

    .sidebar_search_wrap {
        width: 100%;
    }

    .sidebar_blog_new .blog_item {
        height: auto;
    }

    .sidebar_blog_new .blog_item h3 {
        font-size: 1.7rem;
        line-height: 1.5;
    }

    .sidebar_blog_new .blog_item .date {
        font-size: 1.5rem;
    }

    .sidebar_tag_wrap .blog_term {
        font-size: 1.3rem;
        padding: .5rem 1rem;
    }

    .sidebar_tag_wrap {
        gap: 1rem;
        row-gap: .5rem;
    }

    .blog {
        padding: 2rem 0 0;
    }

    .blog_detail .meta .date {
        font-size: 1.4rem;
    }

    .blog_detail .meta .date .svg {
        width: 1.3rem;
    }

    .the_content h2 {
        font-size: 2.2rem;
    }

    .blog_detail_bottom {
        flex-direction: column;
        align-items: start;
    }

    .tag_list a {
        font-size: 1.2rem;
        padding: .75rem 1.25rem;
    }

    .share a {
        width: 3.25rem;
        height: 3.25rem;
        padding: .8rem;
    }

    .product_heading_wrap {
        flex-direction: column;
        gap: 1rem;
    }

    .product_layout_wrap.s-content {
        font-size: 1.5rem;
    }

    .product_layout_toggle .toggle_item {
        width: 2rem;
        height: 2rem;
    }

    .product_filter_bottom li {
        font-size: 1.25rem;
        padding: .7rem 1rem;
    }

    .product_item {
        width: 100%;
    }

    .product_item .detail .price {
        font-size: 1.7rem;
    }

    .product_item .detail h3 {
        font-size: 2rem;
    }

    .product_pattern {
        width: 3.5rem;
        height: 3.5rem;
        padding: 1rem;
    }

    .sidebar_cat_wrap .blog_term {
        padding-bottom: .75rem;
    }

    .product_list.active .product_item {
        flex-direction: column;
    }

    .product_list.active .product_item .thumb {
        width: 100%;
    }

    .product_list.active .product_item .detail {
        padding: 1.5rem 0;
    }

    .product_list.active .product_item .excerpt {
        font-size: 1.3rem;
        line-height: 1.5;
    }

    .product_list.active .product_item .thumb {
        height: 14rem;
    }

    .product_detail_avatar {
        border: 1px solid #e2e2e2 !important;
    }

    .product_detail_wrap .price {
        font-size: 2.5rem;
    }

    .product_detail_wrap .desc {
        font-size: 1.3rem;
        line-height: 1.5;
    }

    .product_detail_2 .tab_heading .item {
        width: calc(100% / 2 - (1rem * 1 / 2));
        text-align: center;
        font-size: 1rem;
        padding: .75rem 1rem;
    }

    .product_detail_2 .tab_heading {
        margin-bottom: 1rem;
    }

    .product_detail_2 {
        padding: 0;
    }

    .product_detail_3 .product_item {
        width: 100%;
    }

    .product_detail_3 {
        padding: 2rem 0 0;
    }

    .home_1 .pagination_wrap {
        padding: 0 15px;
    }

    .blog_like {
        flex-direction: column;
    }

    .blog_like .blog_item {
        width: 100%;
    }

    .blog_detail_2 h2 {
        margin: 1rem 0;
    }

    .blog_like .blog_item .detail .date {
        font-size: 1.5rem;
    }

    .blog_like .blog_item .detail h3 {
        font-size: 1.75rem;
    }

    .blog_detail_3 {
        padding-top: 1rem;
    }

    .home_7 .product_list .product_item {
        width: 100%;
    }

    .home_7 {
        padding: 2rem 0 0;
    }

    .home_banner_content .content {
        display: none;
    }

    .home_banner_content h2 {
        font-size: 2.5rem;
    }

    .home_banner_content .subtitle {
        font-size: 1.6rem;
    }

    .video_detail h3 {
        font-size: 2.2rem;
    }

    .contact_1 h1 {
        font-size: 2.5rem;
    }

    h2 {
        font-size: 2.2rem;
    }

    .home_3 {
        height: auto;
    }

    .home_3 .group_content_inner {
        padding: 3rem 0;
    }

    .swiper-slide .slide_item .about_event_detail .thumb {
        height: 20rem !important;
    }

    .search-tabs .search-tabs-title .search-tab-title {
        font-size: 1.3rem;
        padding: 1rem 1.5rem;
    }

    .search-tabs .search-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .search-grid .product_item:before {
        opacity: 1;
    }

    .home_video_wrap, .home_process_wrap {
        margin-top: 2rem;
    }

    .contact_map, .contact_wrap_detail {
        height: auto;
    }

    a.product_popup {
        font-size: 1.35rem;
        padding: 1rem;
    }

    .fancybox-slide--html .product_popup .fancybox-close-small {
        right: 0;
        top: -5rem;
    }

    .footer_bottom a:hover {
        color: #F4E977;
        transition: .7s all;
    }

    footer .menu_list a {
        font-size: 1.15rem;
        text-align: center;
    }

    .footer_menu_wrap .title {
        font-size: 1.2rem;
    }

    .copyright {
        font-size: 1rem;
    }
}

/* =================== CTA Fixed =================== */
.tt-cta-fixed {
    position: fixed;
    right: 20px;
    bottom: 80px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.tt-cta-btn {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    text-decoration: none;
}

.tt-cta-btn:hover {
    transform: scale(1.12);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
}

.tt-cta-zalo {
    background: #fff;
    padding: 4px;
}

.tt-cta-facebook {
    background: #1877f2;
}

@media (max-width: 767px) {
    .tt-cta-fixed {
        right: 14px;
        bottom: 60px;
        gap: 10px;
    }

    .tt-cta-btn {
        width: 46px;
        height: 46px;
    }

    .tt-cta-btn svg {
        width: 24px;
        height: 24px;
    }
}