@import url('https://fonts.googleapis.com/css2?family=Literata:ital,opsz,wght@0,7..72,200..900;1,7..72,200..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap'); :root {
    --main-cl: #773C1C;
    --sub-cl: #F27325;
    --container-w: 72.917rem;
}

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.417rem;
    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: clip;
}

@media (min-width: 1200px) {
    html {
        font-size: 1vw;
    }
    [lang="en-GB"] section.list1 .heading_title {
        font-size: 3rem;
    }
}

.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: #f0e5d5;
    /*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: #EEE5D7;
}

div#wrapper.header_2 .tile-reveal, div#wrapper.header_2 .tile-reveal-square {
    background: #0D1B44;
}

.tile-reveal-square {
    flex: 1 1 auto;
    width: 75px;
    height: 75px;
    background-color: #EEE5D7;
    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(--fs-color-primary);
    font-size: 0.833rem;
    line-height: 1.042rem;
    color: var(--fs-color-primary);
    -webkit-border-radius: 0.521rem;
    -moz-border-radius: 0.521rem;
    border-radius: 0.521rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.4s;
}

.search-tabs .search-tab-title:hover, .search-tabs .search-tab-title.active {
    background-color: var(--fs-color-primary);
    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 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;
}

.home_sec_1 video.bg-video {
    display: block;
    width: 100%;
    height: auto;
    opacity: 1;
    object-fit: cover;
    object-position: top center;
    margin-top: -20vh;
    opacity: .5;
}

.home_sec_1:before,.home_sec_1:after {
    content: '';
    background: linear-gradient(0deg, #fff, transparent, transparent, transparent,#fff);
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}

section {
    position: relative;
}

.home_sec_1 .row {
    position: absolute;
    top: 25.7rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

.home_sec_1:after {
    background: linear-gradient(90deg, #fff, transparent, #fff), transparent;
    z-index: 9;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top 0 center;
}

.home_sec_1 .icon_logo svg {
    width: 4.3936rem;
    height: auto;
    display: block;
    margin: auto;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Literata;
    font-weight: 500;
    color: var(--Primary-Oxford-Blue, #0D1B44);
    font-style: italic;
    line-height: 1.3;
    margin-bottom: 1rem;
}

body {
    font-size: 0.85rem;
    color: var(--Secondary-Sepia, #773C1C);
    font-family: 'SVN-Zona Pro';
    font-weight: normal;
    line-height: 1.7;
}

.heading_title {
    font-size: 4rem;
    color: var(--Primary-Oxford-Blue, #0D1B44);
    line-height: 1.3;
    font-style: italic;
}

.home_sec_1 .content {
    color: var(--Primary-Oxford-Blue, #0D1B44);
    max-width: 33rem;
}

a.scroll_down {
    margin-top: 2.85rem;
    display: inline-block;
}

.icon_logo {
    margin-bottom: 1.4rem;
}

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

.slider_hieu_suat {
    height: 39.45rem;
}

.item_hieu_suat {
    height: 100%;
    text-align: center;
    padding-top: 9.5rem;
}

.item_hieu_suat h3 {
    font-size: 2.75rem;
}

.item_hieu_suat .box_img {
    width: 12.25rem;
    height: 12.25rem;
    border-radius: 100%;
    overflow: hidden;
    display: block;
    margin: 0 auto .75rem;
}

.item_hieu_suat .content {
    max-width: 30rem;
    margin: auto;
}

.item_hieu_suat:before,.item_hieu_suat:after {
    content: '';
    background-image: url(../images/giot_cf.png);
    position: absolute;
    width: 4rem;
    height: 4.75rem;
    top: 0;
    transform: translateX(-50%);
    z-index: 9;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    left: 50%;
}

.item_hieu_suat:after {
    top: unset;
    bottom: 0;
    width: 2.65rem;
    height: 3.1566rem;
}

.ht_line {
    display: flex;
    margin: auto;
    justify-content: center;
}

.ht_line .inner {
    height: 0;
    overflow: hidden;
    transition: 2s all;
    transform: rotate(9deg);
}

.ht_line .inner img {
    height: 20rem;
    display: block;
    margin: auto;
}

.ht_line {
    height: 20rem;
}

.home_sec_2.active .ht_line .inner {
    height: 40rem;
}

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

.giot_cf {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    top: 12.53rem;
}

.giot_cf img {
    width: 14rem;
    margin: 0 0 0 1.95rem;
}

.home_sec_2_img {
    position: relative;
    margin-top: -9rem;
    transform: scale(1.05) translateX(-.35rem);
}

.home_sec_2_img .svg_round_1 {
    position: absolute;
    width: 70rem;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
    top: 17.5rem;
    transition: 1.2s all;
}

.home_sec_2_img:before {
    content: '';
    background-image: url(../images/line_bottom.png);
    width: 100%;
    height: 5rem;
    position: absolute;
    bottom: 1rem;
    left: 0;
    background-size: 100% auto;
    background-position: bottom center;
    background-repeat: no-repeat;
}

section.home_sec_3 {
    background: #eee5d7;
    padding-bottom: 7rem;
    z-index: 2;
    padding-top: 4rem;
}

.home_sec_3_items {
    margin-top: 12rem;
}

.home_sec_3_items .box_content {
    width: 42%;
    padding-right: 11rem;
}

.home_sec_3_items .box_img {
    width: 58%;
}

.button_link {
    display: inline-flex;
    align-items: center;
    color: #0D1B44;
    font-family: Literata;
    font-size: 0.75rem;
    transition: .6s all;
    cursor: pointer;
    text-transform: uppercase;
}

.button_link svg {
    width: 3.4rem;
    height: auto;
    display: block;
}

.button_link span.icon {
    margin-right: .7rem;
    transform: rotate(0deg);
    transition: .6s all;
}

.home_sec_3_items .box_content .button_link {
    margin-top: 1rem;
}

.button_link:hover span.icon {
    transform: rotate(180deg);
}

/*.button_link:hover {*/
/*    color: var(--Secondary-Sepia, #773C1C);*/
/*}*/
.home_sec_3_items .box_img .inner {
    width: 34rem;
    height: 34rem;
    display: flex;
    margin: auto;
    position: relative;
    justify-content: center;
    align-items: center;
}

.home_sec_3_items .box_img .inner>svg {
    position: absolute;
    width: 37.2548rem;
    height: auto;
    transform: rotate(0deg) scale(.9);
    transition: .8s all;
}

.box_ht {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    scale: 0;
    transition: 1s all;
}

.home_sec_3_items .box_img .inner>img {
    max-height: 100%;
    width: auto;
    position: relative;
    z-index: 2;
    transition: 1s all;
    transform: translateY(0);
}

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

.home_sec_3_items .box_img .inner>svg path {
    transition: .8s all;
}

.home_sec_3_items .item.active .box_img .inner>svg path {
    fill: rgba(162, 207, 230,1);
    SVG; }

.home_sec_3_items .item.active .box_img .inner>svg {
    transform: rotate(180deg) scale(1.1);
}

.home_sec_3_items .item.active .box_img .inner>img {
    transform: translateY(-2rem);
}

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

.home_sec_3_items .item.active .box_img .inner>.box_ht {
    scale: 1;
}

.home_sec_3_items .item:nth-child(even) .box_content {
    padding: 0 5rem 0 8rem;
}

.home_sec_3_items .item+.item {
    margin-top: 9rem;
}

.home_sec_3_items .item {
    cursor: pointer;
    position: relative;
}

.home_sec_3_items .item:nth-child(3) .box_content {
    padding-right: 5rem;
}

section.home_sec_3>.ht_line {
    height: 31rem;
}

section.home_sec_3.active>.ht_line>.inner {
    height: 31rem;
}

section.home_sec_3>.ht_line img {
    height: 31rem;
}

section.home_sec_3>.ht_line {
    margin: 1rem 0 -9rem;
    transform: translate(50%,8rem);
    right: 56%;
}

.home_sec_3_items .ht_line {
    position: absolute;
}

section.home_sec_2 {
    z-index: 2;
    background: #fff;
    padding-top: 5rem;
}

.home_sec_3_items .item .ht_line {
    position: absolute;
    bottom: 12rem;
    right: -2rem;
    transform: translateY(100%);
}

.home_sec_3_items .item .ht_line {
    width: 45.75rem;
    height: 31.3rem;
}

.home_sec_3_items .item .ht_line * {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.home_sec_3_items .item .ht_line .inner_line {
    height: 0;
    overflow: hidden;
    transition: 1.4s all;
}

.home_sec_3_items .item .ht_line img {
    height: unset;
}

.home_sec_3_items .item.active .ht_line .inner_line {
    height: 100%;
}

.home_sec_3_items .item:nth-child(2) .ht_line {
    right: unset;
    left: -9rem;
    bottom: 10rem;
}

.home_sec_4 {
    background: #0D1B44;
    height: auto;
    position: relative;
    overflow: hidden;
    padding-bottom: 56.25%;
}

.home_sec_4_box {
    width: 23.1rem;
    height: 23.1rem;
    position: absolute;
    display: flex;
    align-items: center;
    border-radius: 50%;
    overflow: hidden;
    transition: 1s all !important;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 23.1rem !important;
}

.home_sec_4_box img, .home_sec_4_box video,.home_sec_4_box iframe {
    width: 150%;
    height: 150%;
    object-fit: cover;
    position: absolute;
}

.home_sec_4_box .inner_content {
    position: absolute;
    width: 44rem;
    flex: 0 0 auto;
    left: 50%;
    transform: translateX(-50%);
    filter: brightness(0) invert(1);
    margin-left: 2rem;
    z-index: 2;
}

.home_sec_4_box .inner_content b {
    font-weight: 500;
    font-style: italic;
}

.home_sec_4_box .inner_content b:last-child {
    margin-left: 16.5rem;
}

.home_sec_4_box a.button_link {
    flex: 0 0 auto;
    margin-right: 5rem;
    transform: translateY(-4rem);
}

.home_sec_4_box .content {
    max-width: 21rem;
}

.home_sec_4_box:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    z-index: 2;
    opacity: 0;
    transition: 1s all;
    pointer-events: none;
}

.home_sec_4.active .home_sec_4_box {
    width: 115vw;
    height: 100vw;
    max-width: unset;
}

.home_sec_4_box:hover:before {
    opacity: 1;
}

.home_sec_4_box+.home_sec_4_box {
    overflow: unset;
    pointer-events: none;
}

.home_sec_4_box+.home_sec_4_box .inner_content .box_content {
    visibility: hidden;
}

.home_sec_4_box:first-child .heading_title {
    visibility: hidden;
}

.home_sec_4_box+.home_sec_4_box:before {
    display: none;
}

.home_sec_4_box:hover:before {
    opacity: 1;
}

.home_sec_5_img {
    max-width: 64rem;
    margin: auto;
    position: relative;
}

.home_sec_5_img .wrap_svg img {
    width: 100%;
    display: block;
    transition: 1s all;
    opacity: 1;
}

.wrap_svg {
    position: relative;
    scale: 1;
    transition: 1s all;
    scale: 1;
}

.wrap_svg img.svg_hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    opacity: 0;
    transition: 1s all;
}

.home_sec_5.active .wrap_svg img.svg_hover {
    opacity: 1;
}

.home_sec_5.active .wrap_svg img:not(.svg_hover) {
    opacity: 0;
}

.home_sec_5_items .item {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    top: 14%;
    left: 40%;
    opacity: 0;
    transition: 1s all;
}

.home_sec_5_items .item .inner {
    position: absolute;
    width: 26rem;
}

.home_sec_5_items .item:last-child {
    opacity: 1;
}

.home_sec_5_items .item .box_img {
    width: 9.1rem;
    height: 9.1rem;
    flex: 0 0 auto;
    margin-right: 1.65rem;
}

.home_sec_5_items .item .box_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    overflow: hidden;
}

.home_sec_5_items b.number {
    font-family: Literata;
    font-size: 4.5rem;
    font-style: italic;
    font-weight: 600;
    color: var(--Primary-Oxford-Blue, #0D1B44);
    line-height: .8;
    margin-bottom: .8rem;
    display: block;
}

.home_sec_5_items h3 {
    font-size: 0.95rem;
    color: var(--Secondary-Sepia, #773C1C);
    font-family: 'SVN-Zona Pro SemiBold';
    font-style: unset;
    margin-bottom: .2rem;
}

.home_sec_5_items .item:nth-child(3) .box_img {
    width: 9.7769rem;
    height: 9.7769rem;
}

.home_sec_5_items .item:nth-child(3) .inner {
    width: 25rem;
}

.home_sec_5_items .item:nth-child(2) .box_img {
    width: 8.15rem;
    height: 8.15rem;
}

.home_sec_5_items .item:nth-child(2) .inner {
    width: 26rem;
}

.home_sec_5_items .item:nth-child(4) .box_img {
    width: 13.2rem;
    height: 13.2rem;
}

.home_sec_5_items .item:nth-child(4) .inner {
    width: 31rem;
}

section.home_sec_5.active .wrap_svg {
    scale: 1.6;
}

section.home_sec_6:before,section.home_sec_6:after {
    content: '';
    background-image: url(../images/bf_line.png);
    position: absolute;
    height: 10rem;
    width: 100%;
    top: -5rem;
    background-position: top center;
    z-index: 2;
    background-size: cover;
    background-repeat: no-repeat;
}

.home_sec_5.active .home_sec_5_items .item:nth-child(1) {
    left: 50%;
    top: 20%;
}

.home_sec_5.active .home_sec_5_items .item {
    opacity: 1;
}

.home_sec_5.active .home_sec_5_items .item:nth-child(2) {
    left: 0%;
    top: 13%;
}

.home_sec_5.active .home_sec_5_items .item:nth-child(3) {
    left: 67%;
    top: -4%;
}

.home_sec_5.active .home_sec_5_items .item:nth-child(4) {
    left: 17%;
    top: -21%;
}

.home_sec_5_content {
    position: absolute;
    top: 59%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.home_sec_5_content .heading_title b {
    font-weight: 600;
    transform: translateX(-6rem);
    display: inline-block;
}

.home_sec_5_content .heading_title b:last-child {
    transform: translateX(6rem);
}

div#wrapper {
    overflow: clip;
}

section.home_sec_5 {
    padding-top: 25rem;
    background: #f0e5d5;
    padding-bottom: 20rem;
    position: relative;
    z-index: 2;
}

section.home_sec_6 {
    background: linear-gradient(0deg, #07123F 0%, #07123F 100%);
    SVG; padding-bottom: 4.7rem;
}

.home_sec_6_img img {
    max-width: 77.5rem;
    display: block;
    margin: auto;
    position: relative;
    z-index: 2;
    pointer-events: none;
}

.home_sec_6_img {
    display: flex;
    justify-content: center;
    margin-top: -27rem;
    position: relative;
    z-index: 9;
    pointer-events: none;
}

.home_sec_6_img:before {
    content: '';
    position: absolute;
    top: 5rem;
    left: 0;
    width: 100%;
    height: 17rem;
    background: #f0e5d5;
}

.home_sec_6 .heading_title {
    margin-top: -20rem;
    color: var(--Secondary-White-Chocola, #F0E5D5);
    position: relative;
    z-index: 9;
    margin-bottom: 5rem;
}

.home_sec_6_items {
    display: flex;
    margin: 0 -1rem 4.5rem;
    color: #fff;
    position: relative;
    z-index: 3;
}

.home_sec_6_items .item {
    width: calc(calc(100% / 4) - 2rem);
    margin: 0 1rem;
}

.home_sec_6_items .icon {
    width: 4.23215rem;
    height: 4.2081rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    transform: rotateY(0deg);
    transition: 1s all;
}

.home_sec_6_items h3 {
    color: #FFF;
    font-family: 'SVN-Zona Pro SemiBold';
    font-weight: normal;
    font-style: unset;
    margin-bottom: .5rem;
}

.item {
}

.home_sec_6_items .icon img {
    max-height: 100%;
    width: auto;
    height: auto;
}

.home_sec_6_items .item:nth-child(1),.home_sec_6_items .item:nth-child(4) {
    margin-top: 4rem;
}

.home_sec_6 .content.bottom {
    color: #fff;
    font-size: 1rem;
    display: block;
    margin-bottom: 2.6rem;
}

.swiper-pagination {
    position: unset;
}

.swiper-pagination span {
    background: #fff;
    width: .4rem;
    height: .4rem;
    margin: 0 .4rem !important;
}

.slider_chung_nhan .swiper-pagination {
    margin-top: 2rem;
}

.slider_chung_nhan .item_logo {
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slider_chung_nhan .item_logo img {
    max-height: 100%;
    width: auto;
    height: auto;
}

section.home_sec_7 {
    background: linear-gradient(183deg, #F0E5D5 0.65%, #F0E5D5 66.46%);
}

.home_sec_7_wrap {
    width: 57.4rem;
    margin: auto;
    margin-top: 6rem;
    position: relative;
    cursor: pointer;
}

.home_sec_7_wrap>img {
    width: 100%;
    display: block;
    transition: 1s all;
    transform: rotate(0deg);
}

.item.active {
}

.home_sec_7_tabs {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40rem;
}

.home_sec_7_tabs .content {
    max-width: 32rem;
    margin: 1rem auto 1.5rem;
}

.home_sec_7_tabs .item {
    display: none;
}

.home_sec_7_tabs .item.active {
    display: block;
    animation-name: fade_up;
    animation-duration: 1.5s;
}

@keyframes fade_up {
    from {
        opacity: 0;
        transform: translateY(1rem);
    }

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

.home_sec_7 .inner {
    width: 29.9rem;
    height: 29.9rem;
    margin: auto;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.home_sec_7 .inner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 100%);
}

.home_sec_7 .inner .text-center {
    position: relative;
    z-index: 9;
    color: #fff;
    max-width: 19rem;
    margin: auto;
}

.home_sec_7 .inner h3 {
    font-size: 1.5rem;
    color: #fff;
    display: block;
    margin-bottom: 0;
}

.home_sec_7 .inner .content {
    margin: .5rem 0 0 0;
}

.home_sec_7_tabs .item:nth-child(1) {
    margin-top: 4rem;
}

.home_sec_8 {
    padding-top: 11rem;
    background: #f0e5d5;
    z-index: 10;
}

h2.heading_title b {
    font-weight: 600;
}

.home_sec_8 h2.heading_title b:last-child {
    margin-left: 10rem;
}

.home_sec_8_img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, #F0E5D5 0%, rgba(240, 229, 213, 0.76) 24.36%, rgba(240, 229, 213, 0.55) 45.4%, rgba(240, 229, 213, 0.00) 100%);
    height: 18.35rem;
    width: 100%;
}

.home_sec_8_img {
    position: relative;
    margin-top: -8rem;
}

.home_sec_8 .row {
    position: relative;
    z-index: 9;
}

.home_sec_8 .content {
    margin: 1.5rem 0 1rem 10rem;
    max-width: 29.25rem;
}

.home_sec_8 a.button_link {
    margin-left: 10rem;
}

footer#footer {
    background: linear-gradient(0deg, #07123F 0%, #07123F 100%);
    color: #fff;
    padding-top: 2rem;
    position: relative;
    z-index: 11;
}

.wrap_footer .content {
    display: inline-block;
    float: left;
    margin-right: 1.5rem;
    font-size: .8rem;
}

.wrap_footer {
    display: flex;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(241, 241, 241, 0.10);
    margin-bottom: 2rem;
}

.wrap_footer .left {
    width: 60%;
    padding-right: 1rem;
}

.wrap_footer .right {
    width: 45%;
    padding-left: 0;
}

.wrap_footer b {
    font-family: Literata;
    font-weight: 500;
    font-style: italic;
}

.wrap_footer {
}

.wrap_footer_bottom {
    display: flex;
    justify-content: space-between;
}

.wrap_footer_bottom .logo img {
    height: 5rem;
    width: auto;
    display: block;
}

.wrap_footer_bottom .right {
    width: 23rem;
    font-size: 0.7rem;
}

ul.menu_footer {
    list-style: none;
    margin: 0 0 .6rem;
    padding: 0;
    display: flex;
}

ul.menu_footer a {
    color: #fff;
}

ul.menu_footer li {
    margin: 0;
}

ul.menu_footer li+li:before {
    content: '|';
    margin: 0 1rem;
    opacity: 0.5;
}

.logo_large img {
    width: 29rem;
    margin: 4rem 0px -12rem 5rem;
    animation: spin 4s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.rotate-infinite {
    animation: spin 2s linear infinite;
}

.box_language ul {
    list-style: none !important;
    margin: 0 !important;
    display: flex;
}

.nav_header_left ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.box_language ul a {
    color: rgba(13, 27, 68, 0.50);
}

.box_language ul a.active {
    color: var(--Primary-Oxford-Blue, #0D1B44);
    font-weight: 600;
}

.box_language ul li+li:before {
    content: '|';
    color: var(--Primary-Oxford-Blue, #0D1B44);
    font-size: .6rem;
    display: block;
    margin: 0 .4rem;
}

.box_language ul li {
    display: flex;
    align-items: center;
    margin: 0;
}

.nav_header_left ul li {
    margin: 0;
}

a.hotline_header {
    display: flex;
    align-items: center;
    color: var(--Primary-Oxford-Blue, #0D1B44);
    margin-left: 3rem;
}

a.hotline_header svg {
    display: block;
    width: 2.3636rem;
    height: auto;
    margin-right: .2rem;
}

.header-inner.container {
    max-width: unset !important;
    padding: 0 4rem;
}

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

.nav_header_right ul {
    list-style: none;
    margin: 0;
    display: flex;
    align-items: center;
}

.nav_header_right ul svg {
    display: block;
    height: 1.3rem;
}

.dang_ky_button {
    height: 2.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    color: var(--Primary-Oxford-Blue, #0D1B44);
    background: transparent;
    text-transform: unset;
    font-weight: normal;
    border: 1px solid var(--Primary-Oxford-Blue, #0D1B44);
    padding: 0 1.3rem;
    transition: .5s all;
    margin: 0;
}

.dang_ky_button:hover {
    background: var(--Primary-Oxford-Blue, #0D1B44);
    color: #fff;
}

a.button_search {
    margin: 0 2rem 0 3rem !important;
    display: inline-flex;
    align-items: center;
}

.nav_header_right li {
    margin: 0;
    display: flex;
}

div#logo {
    width: auto !important;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    margin: 0 !important;
}

.header-main {
    height: 4rem !important;
}

.header, .header-wrapper {
    height: auto !important;
}

body .header.show-on-scroll,body .stuck .header-main {
    height: 4rem !important;
}

.header-shadow .header-wrapper, .header-wrapper.stuck, .layout-shadow #wrapper {
    box-shadow: none;
}

.stuck .header-bg-color {
    background: #eee5d7;
}

div#logo img {
    height: 3.3262rem;
    SVG; display: block;
}

section.home_sec_1 {
    background: radial-gradient(27.94% 57.37% at 42.63% 50%, #F1F9FE 0%, rgba(241, 249, 254, 0.85) 45.97%, rgba(241, 249, 254, 0.00) 100%);
}

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

.slider_hieu_suat .swiper-slide {
    opacity: 0;
    transition: 1s all;
}

.slider_hieu_suat .swiper-slide.swiper-slide-active {
    opacity: 1;
}

.item_hieu_suat:before,.item_hieu_suat:after {
    transform: translate(-50%,-100%);
    opacity: 0;
    transition: .7s all;
}

.slider_hieu_suat .swiper-slide.swiper-slide-active .item_hieu_suat:before,.slider_hieu_suat .swiper-slide.swiper-slide-active .item_hieu_suat:after {
    transform: translate(-50%,0%);
    opacity: 1;
    transition-delay: .8s;
}

.home_sec_3_items .item:nth-child(3) .ht_line {
    transform: translateY(100%) rotateY(180deg);
    bottom: 13rem;
    right: 7rem;
    height: 37.3rem;
}

.ht_line {
    pointer-events: none;
}

.home_sec_2_img .svg_round_1_hover {
    opacity: 0;
}

.home_sec_2_img:hover .svg_round_1 {
    transform: translateX(-50%) scale(1.8) rotateX(4deg);
    opacity: 0;
}

.home_sec_2_img:hover .svg_round_1_hover {
    opacity: 1;
}

.home_sec_8_img .box_ht img {
    position: unset;
    width: 100%;
    height: auto;
    display: block;
    opacity: 1;
    transition: 1.2s all;
}

.home_sec_8_img .box_ht {
    width: 100%;
    scale: 1;
    height: auto;
    top: 34%;
    left: 1%;
    scale: 1;
    transition: 1.1s all;
    transform: scale(1) rotateX(0deg);
}

.home_sec_8_img .box_ht img.ht_hover {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    opacity: 0;
}

.home_sec_8_img:hover .box_ht img {
    opacity: 0;
}

.home_sec_8_img:hover .box_ht {
    left: -6%;
    top: 36%;
    transform: scale(1.5) rotateX(0);
}

.home_sec_8_img:hover .box_ht img.ht_hover {
    opacity: 1;
}

.home_sec_8_img img.person {
    z-index: 9;
    position: absolute;
    top: 46%;
    left: 33.35%;
    width: 40rem;
}

section.home_sec_6:after {
    bottom: -3rem;
    background-position: bottom center;
    top: unset;
}

.slider_chung_nhan {
    position: relative;
    z-index: 9;
}

.home_sec_8:before, footer#footer:before {
    background-image: url(../images/line_pt.svg);
    content: "";
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 7rem;
    z-index: 2;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
}

section.home_sec_9 {
    background: #f0e5d5;
    padding-bottom: 10rem;
    z-index: 9;
    padding-top: 16rem;
    z-index: 10;
}

footer#footer:before {
    background-image: url(../images/bg_footer.png);
    top: -5rem;
    background-position: top center;
}

.home_sec_9:hover .ht_line .inner {
    height: 100%;
}

.home_sec_9 .ht_line {
    height: 40rem;
    position: absolute;
    left: 58%;
    transform: translateX(-50%) rotate(6deg);
    top: -18rem;
    display: flex;
    justify-content: center;
}

.home_sec_9 .ht_line .inner img {
    height: 40rem;
}

a.scroll_down svg {
    width: 3.5rem;
    height: auto;
}

.my-carousel {
    position: relative;
}

.item_post .box_img {
    padding-bottom: 134%;
    position: relative;
    background: #0d1b44;
}

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

.item_post .box_content {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
    width: 100%;
    padding: 2rem;
}

.item_post {
    border-radius: 1rem;
    overflow: hidden;
    max-width: calc(100% - 4rem);
    position: relative;
    margin: 0 auto;
    transform: translate(0, 0);
    /*transition: .1s all;*/
    cursor: pointer;
}

.swiper.my-carousel__swiper {
    padding: 5rem 0px 19rem;
}

.item_post .box_content .date_post {
    font-family: Literata;
    font-size: .7rem;
    color: #fff;
    display: block;
    margin-bottom: .2rem;
}

.item_post .box_content h3 {
    margin: 0;
    color: #fff;
    font-size: 0.9rem;
    font-family: 'SVN-Zona Pro Bold';
    font-style: unset;
}

.item_post .box_img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 49.01%, rgba(0, 0, 0, 0.50) 73.29%);
    z-index: 2;
}

.item_post .box_img img {
    opacity: 1;
    transition: .5s all;
}

.item_post:hover .box_img img {
    opacity: .2;
}

.swiper.slider_post {
    padding: 5rem 0;
}

section.home_sec_9:hover .swiper.slider_post .swiper-slide {
    transition: 1s all;
    transition-delay: .7s;
}

section.home_sec_9:hover .swiper.slider_post .swiper-slide:nth-child(2) {
    transform: translate(0, 1.2rem) rotate(-6deg);
}

section.home_sec_9:hover .swiper.slider_post .swiper-slide:nth-child(1),section.home_sec_9:hover .swiper.slider_post .swiper-slide:nth-child(5) {
    transform: translate(0, 3.9rem) rotate(-10deg);
    opacity: .6;
}

section.home_sec_9:hover .swiper.slider_post .swiper-slide:nth-child(4) {
    transform: translate(0, 1.2rem) rotate(6deg);
}

section.home_sec_9:hover .swiper.slider_post .swiper-slide:nth-child(5) {
    transform: translate(0, 3.9rem) rotate(10deg);
}

.swiper.slider_post .swiper-slide:hover {
    opacity: 1;
}

.swiper.slider_post .swiper-slide:nth-child(1) {
    transform: translate(200%, 0) rotate(0);
}

.swiper.slider_post .swiper-slide:nth-child(2) {
    transform: translate(100%, 0) rotate(0);
}

.swiper.slider_post .swiper-slide:nth-child(4) {
    transform: translate(-100%, 0) rotate(0);
}

.swiper.slider_post .swiper-slide:nth-child(5) {
    transform: translate(-200%, 0) rotate(0);
    transition: 2s all;
}

.swiper.slider_post .swiper-slide {
    transition: 1s all;
}

.home_sec_3_items .item:not(:last-child) .ht_line {
    pointer-events: unset;
}

.home_sec_6_items .item:hover .icon {
    transform: rotateY(360deg);
}

ul.menu_footer a {
    position: relative;
}

ul.menu_footer a:before {
    content: '';
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #fff;
    transition: .5s all;
    position: absolute;
}

ul.menu_footer a:hover:before {
    width: 100%;
}

.item_post .box_content h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

section.cauchuyen1 video,
section.cauchuyen1 iframe{
    width: 100%;
    height: auto;
    display: block;
    max-height: 100vh;
    object-fit: cover;
    opacity: .7;
}
section.cauchuyen1 iframe {
    height: 100vh;
    display: block;
}

section.cauchuyen1:before, .cauchuyen2_img:before, section.story2:before,.story3:before {
    content: '';
    background-image: url(../images/gt_line1.svg);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 10rem;
    background-position: bottom center;
    background-repeat: no-repeat;
    z-index: 2;
    background-size: cover;
}

.cauchuyen2_img:before {
    background-image: url(../images/gt_line2.svg);
}

.cauchuyen1_content {
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 40%;
    width: 49rem;
}

.cauchuyen1 a.scroll_down {
    position: absolute;
    left: 50%;
    bottom: 11rem;
    transform: translateX(-50%);
}

.cauchuyen1_content * {
    color: var(--Secondary-White-Chocola, #F0E5D5);
}

.cauchuyen1_content .content {
    max-width: 80%;
}

section.cauchuyen2 {
    padding-top: 2rem;
    background: #EEE5D7;
    padding-bottom: 26rem;
}

.cauchuyen2_content {
    margin-top: 10rem;
    font-family: Literata;
    font-size: 1.75rem;
    font-style: italic;
    line-height: 1.4;
    margin-bottom: 3.5rem;
    position: relative;
}

.cauchuyen2_items .item {
    width: 50%;
}

.cauchuyen2_items.flex {
    gap: 3.5rem;
}

.cauchuyen2_items h3 {
    color: #773C1C;
    font-size: 1.75rem;
    font-style: normal;
    font-family: 'SVN-Zona Pro SemiBold';
    margin-bottom: .2rem;
}

.cauchuyen2_img {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
}

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

section.cauchuyen3 {
    padding: 8rem 0 31rem;
    background: #0D1B44;
}

section.cauchuyen3 * {
    color: #F0E5D5;
}

section.cauchuyen3 .group_heading .content {
    margin-left: 8rem;
    max-width: 17rem;
}

.heading_title span+span {
    display: block;
    margin-left: 8rem;
}

.group_heading {
    position: relative;
}

.icon_cf {
    position: absolute;
    bottom: 1rem;
    left: -9rem;
}

.icon_cf img {
    width: 12rem;
    height: auto;
    display: block;
}

.cauchuyen3_item .box_img {
    width: 14rem;
    height: 14rem;
    overflow: hidden;
    border-radius: 50%;
    flex: 0 0 auto;
}

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

.cauchuyen3_item:nth-child(2) .box_img {
    width: 8.7rem;
    height: 8.7rem;
}

.cauchuyen3_item:nth-child(3) .box_img {
    1 2width: 6.1rem;height: 6.1rem;
    width: 6.1rem;
}

.cauchuyen3_item h3 {
    font-size: 1.75rem;
    /* 100% */
    font-family: 'SVN-Zona Pro SemiBold';
    font-style: unset;
    margin-bottom: .2rem;
}

.cauchuyen3_item .box_content {
    width: 12.5rem;
    margin-left: 2.7rem;
}

.cauchuyen3_items {
    display: flex;
    margin-top: 10rem;
}

.cauchuyen3_item {
    flex: 0 0 auto;
}

.cauchuyen3_item:nth-child(2) {
    top: -8rem;
    left: -1rem;
    position: relative;
}

.cauchuyen3_item:nth-child(3) {
    top: -22rem;
    left: -3rem;
    position: relative;
}

.cauchuyen3_img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
}

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

.row {
    position: relative;
    z-index: 9;
}

.cauchuyen3_img:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(0deg, #F0E5D5 0%, rgba(240, 229, 213, 0.89) 12.44%, rgba(240, 229, 213, 0.32) 47.19%, rgba(240, 229, 213, 0.14) 66.02%, rgba(240, 229, 213, 0.04) 86.2%, rgba(240, 229, 213, 0.00) 100%);
    height: 23.6rem;
    bottom: 0;
    z-index: 10;
}

.cauchuyen4 {
    background: #efe4d4;
}

.cauchuyen4_img {
    width: 79rem;
    float: right;
    position: relative;
    left: 30rem;
}

.slider_logo .swiper-wrapper {
    flex-direction: unset;
}

.slider_logo .box_img {
    height: 6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.slider_logo img {
    max-height: 62%;
    width: auto;
    max-width: 76%;
}

.slider_logo .swiper-pagination span {
    opacity: 0.5;
    background: #B79372;
}

.slider_logo .swiper-pagination span.swiper-pagination-bullet-active {
    background: #B79372;
    opacity: 1;
}

.slider_logo {
    margin: 2rem 0;
}

.slider_logo .swiper-pagination {
    position: unset;
    margin-top: .6rem;
}

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

section.cauchuyen4 .group_heading {
    max-width: 32rem;
    margin: auto;
}

section.cauchuyen5 {
    padding-top: 13rem;
    background-color: #efe4d4;
    background-position: bottom center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding-bottom: 38rem;
}

.slider_cn a.box_img {
    padding-bottom: 144%;
    position: relative;
    display: inline-block;
    width: 100%;
    border-radius: 0.5rem;
    overflow: hidden;
}

.slider_cn a.box_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper.slider_cn {
    margin: 1.5rem 0;
}

.cauchuyen5 .group_heading {
    max-width: 48rem;
    margin: auto;
}

.page-template-about span.swiper-pagination-bullet {
    background: #B79372;
}

.slider_cn_bottom {
    margin-top: 2.8rem;
    padding: 6rem 8rem 0;
}

.slider_cn_bottom .item {
    background: #fff;
    margin: 0 1rem;
    position: relative;
    padding: 4rem 2.55rem 2.55rem;
    text-align: center;
    border-radius: 0.5rem;
}

.slider_cn_bottom .icon {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%) scale(1);
    2 width: 4.15rem;
    height: 4.15rem;
    width: 4.15rem;
    background: #fff;
    border: 3px solid #0D1B44;
    border-radius: 50%;
    padding: .6rem;
    transition: 1s all;
}

.slider_cn_bottom h3 {
    font-family: 'SVN-Zona Pro Bold';
    font-style: unset;
    color: #773C1C;
    font-size: 1rem;
}

.slider_cn_bottom .swiper-pagination {
    margin-top: 1rem;
}

.slider_cn_bottom:beforem {
    stroke: rgba(183, 147, 114, 0.00);
    width: 34.8rem;
    height: 1px;
    background: linear-gradient(45deg, transparent, #B79372, transparent);
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

#main, #wrapper {
    background: #EEE5D7;
}

section.contact_sec_1 {
    padding-top: 9rem;
    padding-bottom: 8.25rem;
}

section.contact_sec_1 h1.heading_title {
    margin-bottom: 3.9rem;
}

.contact_sec_1_box>.content {
    font-family: 'SVN-Zona Pro SemiBold';
    font-size: .85rem;
}

.contact_sec_1_items {
    gap: 9rem;
    margin-top: 3.2rem;
}

.contact_sec_1_item {
    width: 50%;
}

p:last-child {
    margin: 0;
}

.contact_sec_1_items b {
    font-size: 1rem;
    display: block;
    margin-bottom: .5rem;
}

b, strong {
    font-weight: normal;
    font-family: 'SVN-Zona Pro Bold';
}

ul.socials {
    list-style: none;
    margin: 2rem 0 0;
    gap: .8rem;
}

ul.socials a {
    height: 1.75rem;
    width: 1.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #0D1B44;
    border-radius: 100px;
}

ul.socials a img {
    max-width: 80%;
    max-height: 80%;
    width: auto;
    height: auto;
}

ul.socials li {
    margin: 0;
}

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

.contact_sec_2 {
    padding: 4rem 0;
}

.contact_sec_2_box {
    background: var(--Primary-Oxford-Blue, #0D1B44);
    padding: 3rem;
    border-radius: 1rem;
}

.contact_sec_2_box .group_heading * {
    color: var(--Secondary-White-Chocola, #F0E5D5);
}

.contact_sec_2_box .group_heading {
    margin-bottom: 2rem;
}

.wrap_form_contact input:not([type="file"]), .wrap_form_contact textarea {
    background: transparent !important;
    border: none;
    padding: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    font-family: 'SVN-Zona Pro SemiBold';
    color: #fff;
    box-shadow: none !important;
    padding: 1.2rem 0;
    margin: 0 0 .6rem 0;
}

.wrap_form_contact input::placeholder, .wrap_form_contact textarea::placeholder {
    color: #fff;
    opacity: .8;
}

.wrap_form_contact textarea {
    min-height: unset;
    height: 6rem;
}

.wrap_form_contact .button_link {
    color: #B79372;
}

.wrap_form_contact .button_link input.wpcf7-form-control.wpcf7-submit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.product_slider {
    margin: 0 10rem;
    /*padding: 0 9rem;*/
}

section.contact_sec_3 {
    padding: 5rem 0 11rem;
}

section.contact_sec_3 .wrap_link {
    gap: 2rem;
    margin-top: 1rem;
}

.product_slider .item {
    scale: .7;
    display: flex;
    justify-content: center;
}

section.cs_page {
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
    padding-bottom: 47rem;
    padding-top: 10rem;
}

.menu_poli li a {
    border: none !important;
    padding: 0 !important;
    color: rgb(13 27 68 / 50%);
    font-size: 0.9rem;
    position: relative;
    display: flex !important;
    align-items: center;
}

.menu_poli li {
    border: none !important;
}

.menu_poli ul {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

.menu_poli {
    max-width: 13rem;
    position: sticky;
    top: 10rem;
}

.inner_col {
    height: 100%;
}

.menu_poli li a:before {
    content: '';
    width: 7px;
    height: 7px;
    background: #A2CFE6;
    display: inline-flex;
    align-items: center;
    border-radius: 100px;
    margin-right: 2.7rem;
    flex: 0 0 auto;
}

.menu_poli:before {
    content: '';
    position: absolute;
    top: 0;
    left: 3px;
    width: 1px;
    height: 100%;
    background: linear-gradient(90deg, #A2CFE6 0%, rgba(162, 207, 230, 0.00) 100%);
}

.menu_poli li.current-menu-item>a {
    color: #0D1B44;
    font-family: 'SVN-Zona Pro SemiBold';
}

.item_faq h3 {
    font-size: 1rem;
    font-family: 'SVN-Zona Pro SemiBold';
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    font-style: unset;
}

.item_faq svg {
    width: 2.5rem;
    height: auto;
}

.item_faq {
    padding: 2rem 0;
    border-top: 1px solid rgb(183 147 114 / 40%);
    cursor: pointer;
}

.item_faq+.item_faq .content {
    display: none;
}

.wrap_faqs .content {
    margin-top: 1rem;
}

section.cs_page h1.heading_title {
    margin-bottom: 1rem;
}

.wrap_faqs {
    margin-top: 2rem;
}

section.td1 {
    padding: 10rem 0 8rem;
}

section.td1 .content {
    max-width: 31rem;
    margin: 2rem 0 1rem;
}

.td1_img {
    max-width: 86rem;
    width: 100%;
    margin: auto;
}

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

.td2_item {
    width: 16rem;
}

.td2_items.flex {
    justify-content: space-between;
    margin-top: 6rem;
}

.td2_item span {
    color: var(--Secondary-Sepia, #773C1C);
    font-size: 0.9rem;
}

.td2_item h3 {
    color: var(--Secondary-Sepia, #773C1C);
    font-size: 2rem;
    font-family: 'SVN-Zona Pro SemiBold';
    font-style: unset;
    margin-bottom: .5rem;
}

.td2_item .conten {
    font-family: 'SVN-Zona Pro SemiBold';
}

.td3_wrap {
    position: relative;
    border-radius: 1.5rem;
    background: var(--Primary-Chamoisee, #B79372);
    margin: 10rem 4rem 0;
    min-height: 37rem;
}

.td3_wrap>img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 65rem;
}

.td3_box {
    filter: brightness(0) invert(1);
    max-width: 38rem;
    padding-top: 4rem;
}

.td3_box .item_faq {
    padding: 1rem 6rem 1rem 0;
    border-color: rgb(255 255 255 / 20%);
}

.td3_box .item_faq .icon svg {
    display: none;
}

.td3_box .item_faq .icon {
    align-items: center;
    width: 1rem;
    height: 1rem;
    display: flex;
    justify-content: center;
    position: relative;
    flex: 0 0 auto;
    margin-left: 1rem;
}

.td3_box .item_faq .icon:before,.td3_box .item_faq .icon:after {
    width: 1px;
    height: 100%;
    background: #fff;
    content: '';
    position: absolute;
    transition: .5s all;
}

.td3_box .item_faq .icon:after {
    transform: rotate(90deg);
}

.item_step {
    margin: 0 1.75rem;
}

.slider_steps {
    margin: 3rem -1.75rem 0;
}

.item_step .box_img {
    height: 17rem;
    width: 100%;
    display: flex;
    align-items: flex-end;
}

.item_step .box_img img {
    width: 100%;
    height: auto;
    max-height: 100%;
    border-radius: 0.5rem;
}

.item_step .box_content {
    padding-top: 2.5rem;
    margin-top: 2.5rem;
    position: relative;
}

.item_step .box_content:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: .5rem;
    height: .5rem;
    background: #A2CFE6;
    border-radius: 100px;
}

section.td4 .wrap_slider:before {
    content: '';
    position: absolute;
    top: 19.8rem;
    height: 1px;
    width: calc(100% + 26rem);
    background: linear-gradient(90deg, #A2CFE5,#A2CFE6, transparent);
}

.wrap_slider {
    position: relative;
}

section.td4 {
    padding-bottom: 8rem;
    padding-top: 4rem;
}

section.td5 {
    padding: 8rem 0;
    background: #07123F;
}

section.td5 * {
    color: var(--Secondary-White-Chocola, #F0E5D5);
}

section.td5 h2.heading_title {
    margin-bottom: 2.5rem;
}

.item_td {
    padding: 2.5rem 0;
}

.item_td:before,.item_td:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 1px;
    background: rgba(255, 255, 255, 0.10);
    transform: translateX(-50%);
}

.item_td .left {
    width: 100%;
}

.item_td a {
    flex: 0 0 auto;
    color: #B79372;
}

.item_td h3 {
    color: var(--Secondary-White-Chocola, #F0E5D5);
    font-size: 2.75rem;
    line-height: 1.2;
    margin-bottom: .7rem;
    font-width: 300;
}

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

.item_td ul li {
    margin: 0;
    display: flex;
    align-items: center;
}

.item_td ul svg {
    display: block;
    width: .8rem;
    height: auto;
    margin-right: .3rem;
}

.wrap_td {
    margin-top: 4rem;
}

.content.td5_content {
    max-width: 31.5rem;
}

section.td6 {
    padding: 8rem 0 45rem;
}

section.td6 h2.heading_title span+span {
    margin-left: 17rem;
}

.slider_td6 {
    margin-left: 17rem;
    margin-top: 2rem;
}

.content {
}

.td6_content .content {
    font-size: 1.75rem;
    font-style: italic;
    font-family: Literata;
    line-height: 1.4;
}

.td6_content .meta {
    margin-top: 1.8rem;
}

.td6_content .name {
    font-size: 1rem;
    font-family: 'SVN-Zona Pro SemiBold';
}

.td6_img {
    width: 100%;
    position: absolute;
    bottom: 0;
}

.td6_img img {
    width: 100%;
}

.slider_td6 .swiper-pagination {
    display: flex;
    justify-content: flex-end;
}

.slider_td6 .swiper-pagination span {
    background: #B79372;
}

section.td4:before {
    content: '';
    background-image: url(../images/td_svg.svg);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 3rem;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.std_page {
    padding: 8rem 0 10rem;
}

ul.td_info {
    list-style: none;
    margin: 1rem 0 0 0;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

ul.td_info li {
    margin: 0;
    display: flex;
}

ul.td_info li svg {
    width: 1rem;
    height: auto;
    display: flex;
}

ul.td_info .icon {
    width: 1.2rem;
    height: auto;
    display: flex;
    align-items: center;
    margin-right: .4rem;
}

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

ul.td_info {
}

.td_info_other .icon {
    display: flex;
    align-items: center;
    margin-right: .3rem;
}

.td_info_other .icon svg {
    max-width: 1rem;
    height: auto;
}

.td_info_other {
    display: flex;
    gap: .8rem;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}

.td_info_other .item {
    border: 1px solid rgba(119, 60, 28, 0.45);
    border-radius: 100px;
    padding: .1rem .5rem;
    font-size: .8rem;
}

ul.td_info b {
    margin-left: .2rem;
}

.td_info_other b {
    margin-left: .2rem;
    font-family: 'SVN-Zona Pro SemiBold';
}

.std_page_banner {
    margin: 0;
    border-radius: 1.5rem;
    overflow: hidden;
    margin: 1.4rem 4.95rem 4rem;
}

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

.td_other .item {
    display: flex;
}

.td_other .item .title {
    width: 13rem;
    flex: 0 0 auto;
}

.td_other .item .title h3 {
    font-size: 1.75rem;
    padding-right: 1rem;
}

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

.td_other .item {
    padding: 3rem 0;
}

.td_other .item:nth-child(1) {
    padding-top: 0;
}

.td_other .item .content h3 {
    color: var(--Secondary-Sepia, #773C1C);
    font-style: unset;
    font-family: 'SVN-Zona Pro Bold';
    font-size: 1rem;
    margin-bottom: .5rem;
}

.td_other .item+.item {
    border-top: 1px solid rgba(0, 0, 0, 0.20);
}

.slidebar_td_top {
    border-radius: 1rem;
    padding: 2.25rem;
    font-size: .8rem;
}

.slidebar_td_top * {
    color: #F0E5D5 !important;
}

.slidebar_td_top b {
    font-size: 1rem;
}

.slidebar_td_top b.bottom {
    padding-top: 1.25rem;
    margin-top: 1.25rem;
    display: block;
    border-top: 1px solid rgba(240, 229, 213, 0.20);
}

.slidebar_td_bottom {
    position: sticky;
    top: 7rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.50);
    box-shadow: 0 0 40px 0 rgba(20, 68, 96, 0.08);
    backdrop-filter: blur(15px);
    padding: 2.25rem;
    margin-top: 1.45rem;
    margin-bottom: 2rem;
}

.slidebar_td {
    height: 100%;
}

.slidebar_td_bottom h2 {
    font-size: 1rem;
    color: var(--Secondary-Sepia, #773C1C);
    font-family: 'SVN-Zona Pro Bold';
    font-style: unset;
    margin: 0 0 1.15rem;
}

.list_td_other .item {
    padding: 1.15rem 0;
    position: relative;
}

.list_td_other h3 {
    color: var(--Secondary-Sepia, #773C1C);
    font-size: 0.85rem;
    font-style: unset;
    margin-bottom: .2rem;
    font-family: 'SVN-Zona Pro SemiBold';
}

.list_td_other .item {
    border-top: 1px solid rgba(183, 147, 114, 0.30);
}

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

.wrap_link_bottom {
    border: 1px solid rgba(0, 0, 0, 0.10);
    border-right: none;
    border-left: none;
    padding: .5rem 0;
}

section.news_page {
    padding-top: 7.5rem;
}

.slider_news {
    max-width: 90%;
    margin: auto;
    overflow: unset;
    margin: 2rem 0 13rem;
}

.item_post_nb {
    margin: 0 1rem;
    border-radius: 1rem;
    overflow: hidden;
}

.item_post_nb .box_img {
    padding-bottom: 56.25%;
    position: relative;
}

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

.item_post_nb .box_content {
    width: 25.25rem;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.20);
    backdrop-filter: blur(25px);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 2.2rem;
    gap: .4rem;
}

.item_post_nb * {
    color: var(--Secondary-White-Chocola, #F0E5D5);
}

.item_post_nb .tax_post {
    position: absolute;
    z-index: 9;
    color: #F0E5D5;
    font-family: Literata;
    font-size: .7rem;
    font-style: normal;
    font-weight: 500;
    left: 2.2rem;
    top: 3.5rem;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: .6rem;
}

.date_post {
    overflow: hidden;
    color: var(--Secondary-White-Chocola, #F0E5D5);
    text-overflow: ellipsis;
    font-family: Literata;
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.7rem;
    /* 100% */
    text-transform: uppercase;
}

.item_post_nb h3 {
    margin: 0;
    font-size: 1.25rem;
    font-family: 'SVN-Zona Pro SemiBold';
    font-style: unset;
}

.item_post_nb .tax_post:before {
    content: '';
    1 2 width: 0.37245rem;
    width: 0.37245rem;
    1 2 width: 0.37245rem;
    height: 0.37245rem;
    background: #F0E5D5;
    border-radius: 50%;
    display: inline-block;
}

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

.menu_news ul {
    display: flex;
    justify-content: center;
    margin: 0;
    gap: 1.35rem;
}

.menu_news li {
    margin: 0;
}

.menu_news a {
    height: 2.5rem;
    justify-content: center;
    border: 1px solid var(--Primary-Chamoisee, #B79372);
    border-radius: 100px;
    font-size: 0.9rem;
    text-transform: uppercase;
    color: var(--Primary-Chamoisee, #B79372);
    align-items: center;
    line-height: normal;
    padding: 0 1rem !important;
    display: inline-flex !important;
    font-family: 'SVN-Zona Pro Bold';
    min-width: 11.5rem;
    transition: .5s all;
}

section.news_page .menu_news {
    margin: 3.5rem 0 4.5rem;
    position: relative;
    z-index: 9;
}

.post_item .box_img {
    padding-bottom: 56.25%;
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    margin-bottom: .8rem;
}

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

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

.post_item .date {
    font-size: 0.7rem;
    color: var(--Primary-Oxford-Blue, #0D1B44);
    opacity: .5;
}

.post_item h3 {
    font-size: 1.1rem;
    font-family: 'SVN-Zona Pro SemiBold';
    font-style: unset;
    margin-bottom: .5rem;
}

.post_item .content {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.post_item {
    width: calc(calc(100% /3) - 1.6rem);
    margin: 0 .8rem;
}

div#posts_list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 2.65rem;
    margin: 0 -1.3rem;
}

div#posts_list {
}

div#posts_list .post_item:nth-child(1) {
    width: calc(calc(100% /3) + calc(100% /3) - 1.6rem);
}

div#posts_list .post_item:nth-child(1) .box_img, div#posts_list .post_item:nth-child(2) .box_img {
    height: 26.1rem;
    margin: 0;
    padding: 0;
}

div#posts_list .post_item:nth-child(1) .box_content, div#posts_list .post_item:nth-child(2) .box_content {
    position: absolute;
    bottom: 0;
    padding: 0 2.6rem 2rem;
    filter: brightness(0) invert(1);
    z-index: 9;
    transition: .5s all;
}

div#posts_list .post_item:nth-child(1) .box_content .content, div#posts_list .post_item:nth-child(2) .box_content .content {
    display: none;
}

div#posts_list .post_item:nth-child(1) .box_img:before, div#posts_list .post_item:nth-child(2) .box_img:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 64.08%, rgba(0, 0, 0, 0.50) 88.77%);
    height: 26.1rem;
    z-index: 2;
}

div#posts_list .post_item:nth-child(1) .box_content .date, div#posts_list .post_item:nth-child(2) .box_content .date {
    opacity: 1;
}

div#posts_list .post_item:nth-child(1) .box_content h3, div#posts_list .post_item:nth-child(2) .box_content h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.news_page_image img {
    width: 100%;
    display: block;
    margin-top: 3rem;
    height: auto;
}

section.single_page {
    padding-top: 8rem;
}

section.single_page h1.heading_title {
    margin-bottom: 4.15rem;
}

.meta_post {
    display: flex;
    align-items: center;
    gap: .7rem;
    margin-bottom: .95rem;
}

.meta_post .date:before {
    content: '';
    width: 0.2rem;
    height: 0.2rem;
    opacity: 0.3;
    background: var(--Secondary-Sepia, #773C1C);
    display: inline-block;
    border-radius: 100px;
}

.meta_post .date {
    display: flex;
    align-items: center;
    gap: .7rem;
}

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

ul.share_posts li {
    margin: 0;
}

ul.share_posts a {
    width: 1.5rem;
    height: 1.5rem;
    background: #0D1B44;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    transition: .4s all;
}

ul.share_posts a img {
    max-width: 70%;
    width: auto;
    height: auto;
    max-height: 70%;
}

.nav_cre.flex ul {
    list-style: none;
    margin: 0;
    display: flex;
}

.nav_cre.flex ul a {
    color: var(--Secondary-Sepia, #773C1C);
}

.nav_cre.flex ul li + li:before {
    content: '/';
    margin: 0 .7rem;
}

.nav_cre.flex+.content {
    font-family: 'SVN-Zona Pro SemiBold';
    max-width: 31rem;
}

.content.content_post {
    margin-top: 3.5rem;
}

.content.content_post h1,.content.content_post h2,.content.content_post h3,.content.content_post h4,.content.content_post h5,.content.content_post h6 {
    font-family: 'SVN-Zona Pro SemiBold';
    font-style: unset;
    margin: 0 0 .7rem 0;
}

.nav_bottom_post {
    padding-top: 2.2rem;
    border-top: 1px solid rgb(183 147 114 / 30%);
    margin-top: 3rem;
}

.nav_bottom_post span {
    font-family: 'SVN-Zona Pro Bold';
}

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

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

ul.list_tags li {
    margin: 0;
}

ul.list_tags a {
    border-radius: 100px;
    background: var(--Primary-Chamoisee, #B79372);
    color: #fff;
    height: 1.5rem;
    display: inline-flex;
    align-items: center;
    padding: 0 .65rem;
    transition: .5s all;
}

section.post_related {
    padding: 7rem 0 9rem;
}

.slider_post_related .post_item.relative {
    width: calc(calc(100%) - 1.6rem);
}

.slider_post_related {
    margin: 2rem -0.8rem 0;
}

.res1 {
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.res1:before,.res1:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 15.16455rem;
    background: linear-gradient(0deg, #F0E5D5 0%, rgba(240, 229, 213, 0.89) 26.81%, rgba(240, 229, 213, 0.67) 45.81%, rgba(240, 229, 213, 0.32) 66.96%, rgba(240, 229, 213, 0.00) 100%);
}

.res1 * {
    color: #F0E5D5;
}

.res1:before {
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);
}

.res2 h2 {
    max-width: 30rem;
    font-size: 1.75rem;
    font-family: 'SVN-Zona Pro SemiBold';
    font-style: unset;
    font-weight: normal;
    text-align: center;
    margin: auto;
    margin-bottom: 3.5rem;
}

.res2_items {
    gap: 1.4rem;
    text-align: center;
    justify-content: center;
}

.res2_item {
    width: 25%;
    height: 21.4rem;
    border-radius: 1rem;
    border: 1px solid var(--Primary-Chamoisee, #B79372);
    padding: 1.2rem;
    font-family: 'SVN-Zona Pro SemiBold';
    transition: .5s all;
}

.res2_item .icon {
    height: 3.35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .5rem;
}

section.res2 {
    padding-bottom: 10rem;
    padding-top: 4rem;
}

.res2_item:hover {
    scale: 1.05;
    box-shadow: 0 0 10px #3333339e;
}

section.res3 {
    background: #0D1B44;
    padding-top: 0;
    padding-bottom: 16rem;
}

section.res3 * {
    color: var(--Secondary-White-Chocola, #F0E5D5);
}

.res3_item {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.res3_item>* {
    width: 50%;
    padding: 0 5.8rem;
}

.res3_item img {
    width: 9.4rem;
    height: 9.4rem;
    border-radius: 100px;
    display: block;
    margin: 0 0 0 auto;
}

.res3_item h3 {
    font-size: 1.25rem;
    font-family: 'SVN-Zona Pro Bold';
    font-style: unset;
    margin-bottom: .5rem;
}

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

.res3_item:nth-child(even) {
    text-align: right;
}

.res3_item:nth-child(even) .box_img img {
    margin: 0;
}

.res3_items {
    display: flex;
    flex-direction: column;
    gap: 6rem;
    padding-bottom: 12rem;
    padding-top: 5rem;
}

.res3_items:before,.res3_items:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    background: linear-gradient( 180deg, #A2CFE7 0%, rgba(162, 207, 230, 0.00) 100%);
    width: 1px;
}

.res3_items {
    position: relative;
    margin-top: 3rem;
}

.res3_items:after {
    width: 0.35rem;
    height: 0.35rem;
    border-radius: 100px;
}

.res3_items:after {
    background: #A2CFE7;
    transform: translateX(-50%);
}

.res3_item .box_content {
    padding-right: 15rem;
}

.res3_item:nth-child(even) .box_content {
    padding: 0 5.8rem 0 15rem;
}

.res3_item:before, .res3_item:after {
    width: 0.35rem;
    height: 0.35rem;
    border-radius: 100px;
    content: '';
    position: absolute;
    left: 50%;
    background: #A2CFE6;
    transform: translateX(-50%);
}

.res3_item:after {
    background-image: url(../images/icon_ht_4.svg);
    width: 4.25rem;
    height: 4.25rem;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: .5s all;
}

section.res3 .img_bottom {
    position: absolute;
    bottom: 0;
    right: 0;
}

section.res3 .img_bottom img {
    width: 100%;
    display: block;
    height: auto;
    margin: 0 0 0 auto;
}

.res4_items {
    display: flex;
    gap: .7rem;
    margin-top: 5rem;
}

.res4_item .box_img {
    height: 31rem;
}

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

.res4_item {
    width: 100%;
    border-radius: 19px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    transition: 1s all;
}

.res4 h2.heading_title {
    margin: 0;
}

.res4_item .box_content {
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 9;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 3rem;
    color: #fff;
}

.res4_item h3 {
    font-size: 1.25rem;
    color: #fff;
    font-family: 'SVN-Zona Pro Bold';
    font-style: unset;
    margin-bottom: 1rem;
}

.res4_item .inner {
    max-width: 15rem;
    width: 15rem;
    flex: 0 0 auto;
    opacity: 0;
    transition: .5s all;
    overflow: hidden;
    height: auto;
    position: absolute;
    top: 3rem;
    left: 3rem;
}

.res4_item .number {
    color: var(--Secondary-White, #FFF);
    font-family: Literata;
    font-size: 4rem;
    font-style: italic;
    font-weight: 500;
    line-height: 1;
}

.res4_item .box_img:before {
    background: linear-gradient( 90deg, black, transparent);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    content: '';
    opacity: .7;
}

.res4_item.active .inner {
    opacity: 1;
}

.res4_item.active {
    width: 67%;
    flex: 0 0 auto;
}

section.res4 {
    padding-bottom: 6rem;
	z-index: 10;
}

section.res5 {
    background: #000;
    padding: 12.5rem 0 9.5rem;
}

section.res5 video.bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .7;
}

section.res5 * {
    color: #F0E5D5;
}

section.res5 .group_heading .content {
    max-width: 34.5rem;
    margin: auto;
}

.res5_items {
    display: flex;
    gap: 6.5rem;
    margin-top: 3rem;
}

.res5_item {
    width: 25%;
    position: relative;
}

.res5_item b {
    font-family: Literata;
    font-size: 4.5rem;
    font-style: italic;
    font-weight: 600;
    line-height: 1;
}

.res5_item .content {
    font-size: 1rem;
    font-family: 'SVN-Zona Pro SemiBold';
    color: #F0E5D5;
}

.res6 {
    padding: 11rem 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.res6 h2.heading_title {
    font-size: 2.25rem;
    font-style: italic;
    font-weight: 500;
    line-height: 1.2;
    max-width: 34rem;
    margin-bottom: 2rem;
}

.res6_img img {
    max-width: 41rem;
    margin-left: -5rem;
}

.res6_box {
    background: var(--Primary-Oxford-Blue, #0D1B44);
    max-width: 28.8rem;
    margin: 0 0 0 auto;
    border-radius: 1rem;
    padding: 3rem;
}

.res6_box h3 {
    color: var(--Secondary-White-Chocola, #F0E5D5);
    font-size: 2.25rem;
    margin-bottom: .2rem;
}

.res6_box .content {
    color: var(--Secondary-White-Chocola, #F0E5D5);
    margin-bottom: 1rem;
}

section.res2:before, section.res3:before, section.res5:before,.business5:before,.office2_section:before {
    content: '';
    position: absolute;
    background-image: url(../images/res2_svg.svg);
    width: 100%;
    height: 10rem;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
}

section.res3:before {
    background-image: url(../images/res3.svg);
    height: 17rem;
    z-index: 2;
    bottom: -4rem;
}

section.res5:before {
    background-image: url(../images/res4.svg);
    background-position: top center;
    bottom: unset;
    top: -4rem;
    z-index: 9;
}

.business5:before {
    background-image: url(../images/business5.svg);
    z-index: 2;
    top: -7rem;
    bottom: unset;
}

.office2_section:before {
    background-image: url(../images/office2_sectionsvg.svg);
}

.business1 {
    padding-top: 32rem;
}

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

.business_bg:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(0deg, #F0E5D5 0%, rgba(240, 229, 213, 0.89) 26.81%, rgba(240, 229, 213, 0.67) 45.81%, rgba(240, 229, 213, 0.32) 66.96%, rgba(240, 229, 213, 0.00) 100%);
    height: 15.1rem;
}

.business_bg {
    position: absolute;
    top: 0;
}

.business1 .group_heading {
    max-width: 53rem;
    margin: auto;
}

.business1 .group_heading .content {
    margin-bottom: 1rem;
}

.business1_items {
    padding: 0 3rem;
    margin-top: 2.5rem;
    display: flex;
    flex-direction: column;
    gap: 7rem;
}

.business1_item {
    position: relative;
    border-radius: 1.5rem;
    overflow: hidden;
    position: sticky;
    top: 5rem;
}

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

.business1_item .box_content {
    position: absolute;
    max-width: 29rem;
    bottom: 5rem;
    left: 3.5rem;
    z-index: 9;
}

.business1_item h2 {
    color: var(--Secondary-White-Chocola, #F0E5D5);
    font-family: Literata;
    font-size: 2.25rem;
    font-style: italic;
    font-weight: 600;
    color: var(--Secondary-White-Chocola, #F0E5D5);
    margin-bottom: .5rem;
}

.business1_item .content {
    color: var(--Secondary-White-Chocola, #F0E5D5);
}

.business1_item .box_img:before {
    background: #000 !important;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    content: '';
    opacity: .6;
}

section.business2 {
    padding-top: 8rem;
    padding-bottom: 45rem;
}

.col.large-12 {
}

section.business2 h2.heading_title {
    margin-bottom: 5rem;
}

.solution_item_slide .icon {
    height: 4.0788rem;
    display: flex;
    align-items: center;
}

.solution_item_slide .icon img {
    max-height: 100%;
    width: auto;
    height: auto;
}

.solution_item_slide .box_content {
    padding-top: 2.5rem;
    margin-top: 1.95rem;
    position: relative;
}

.solution_item_slide .box_content:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0.5rem;
    height: 0.5rem;
    background: #A2CFE6;
    border-radius: 50%;
}

.slider_solution {
    width: calc(100% + 14rem);
    padding-right: 13rem;
}

.solution_item_slide {
    padding-right: 5.95rem;
}

.solution_item_slide h3 {
    font-size: 1.5rem;
    color: var(--Secondary-Sepia, #773C1C);
    font-family: 'SVN-Zona Pro Bold';
    font-style: unset;
    line-height: 1.2;
}

.arrow_slider {
    width: 2.55rem;
    height: 2.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #B79372;
    border-radius: 50%;
    transition: .5s all;
    cursor: pointer;
}

.arrow_slider svg {
    width: .4rem;
    height: auto;
}

.nav_control {
    gap: .85rem;
}

.arrow_slider:hover {
    background: #0D1B44;
    border-color: #0D1B44;
}

.slider_solution .nav_control.flex {
}

section.business2 .nav_control.flex {
    margin-top: 1.5rem;
    padding-left: 0;
    gap: 1rem;
}

.slider_solution:before {
    content: '';
    position: absolute;
    top: 6.3rem;
    width: 100%;
    height: 1px;
    background: #A2CFE6;
}

.business2_img {
    position: absolute;
    bottom: 0;
}

.business2_img:before,.business2_img:after {
    content: '';
    position: absolute;
    background: linear-gradient(180deg, #EEE5D7 12.73%, rgba(239, 230, 217, 0.95) 33.64%, rgba(240, 232, 219, 0.89) 47.09%, rgba(242, 235, 224, 0.78) 63.83%, rgba(245, 239, 230, 0.62) 75.78%, rgba(255, 255, 255, 0.00) 94.97%);
    width: 100%;
    height: 15.7rem;
    top: 0;
    left: 0;
}

.business2_img:after {
    top: unset;
    bottom: -3px;
    transform: rotate(180deg);
}

.business3 h2.heading_title {
    max-width: 55rem;
    margin: 0 auto 0;
}

.business3_item>* {
    width: 50%;
}

.business3_item .box_img .inner {
    width: 17.5rem;
    height: 17.5rem;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 0 0 auto;
    margin-right: 6rem;
}

.business3_item b {
    color: var(--Primary-Oxford-Blue, #0D1B44);
    font-family: Literata;
    font-size: 4.5rem;
    font-style: italic;
    font-weight: 600;
    line-height: 1;
}

.business3_item h3 {
    font-size: 1rem;
    font-family: 'SVN-Zona Pro Bold';
    font-style: unset;
    margin: .5rem 0;
    color: var(--Secondary-Sepia, #773C1C);
    line-height: 1.6;
}

.business3_item:nth-child(even) .box_img .inner {
    margin: 0 0 0 6rem;
}

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

.business3_item:nth-child(even) {
    text-align: right;
}

.business3_item .box_content {
    padding-left: 6rem;
}

.business3_item .box_content .inner {
    max-width: 14rem;
}

.business3_item:nth-child(even) .box_content {
    padding: 0 6rem 0 0;
    display: flex;
    justify-content: flex-end;
}

.business3_items {
    display: flex;
    flex-direction: column;
    gap: 7rem;
    position: relative;
    padding-top: 10rem;
}

section.business4 {
    padding-top: 10rem;
}

section.business4 .content {
    max-width: 32rem;
    margin: auto;
}

.slider_partner .item_logo {
    height: 3.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slider_partner .item_logo img {
    max-height: 100%;
    width: auto;
    max-width: 70%;
}

section.business4 .nav_control.flex {
    display: none;
}

.slider_partner {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

section.business5 {
    padding: 18rem 0;
    background: #000;
}

section.business5 video {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .7;
}

section.business5 h2.heading_title {
    font-size: 2.5rem;
    color: var(--Secondary-White-Chocola, #F0E5D5);
    max-width: 50rem;
    margin: 0 auto 2rem;
}

section.business5 a.button_link {
    color: #F0E5D5;
}

.business3_items_line {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    pointer-events: none;
}

.business3_items_line span:before {
    content: '';
    background: linear-gradient( 119deg, rgba(162, 207, 230, 0.00) 0%, #A2CFE6 100%);
    height: 19.0625rem;
    width: 1px;
    z-index: 2;
    display: inline-block;
    top: 2rem;
}

.business3_items_line span:after {
    content: '';
    width: 0.6875rem;
    height: 0.6875rem;
    background: #A2CFE6;
    border-radius: 50%;
    display: inline-block;
}

.business3_items_line span {
    display: flex;
    flex-direction: column;
    align-items: center;
    top: 0;
    position: sticky;
}

section.banner_section:before {
    background: linear-gradient(0deg, #F0E5D5 0%, rgba(240, 229, 213, 0.89) 26.81%, rgba(240, 229, 213, 0.67) 45.81%, rgba(240, 229, 213, 0.32) 66.96%, rgba(240, 229, 213, 0.00) 100%);
    height: 18.875rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    content: '';
}

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

.office_section .content {
    max-width: 23rem;
}

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

.wrap_office_left {
    width: 35.0625rem;
    background: var(--Primary-Oxford-Blue, #0D1B44);
    border-radius: 1.875rem;
    padding: 2.75rem 2.5rem;
    flex: 0 0 auto;
    min-height: 34rem;
}

.wrap_filter_office .item {
    width: 50%;
}

.wrap_filter_office {
    gap: .7rem;
}

.wrap_filter_office select {
    margin: 0;
    height: 2.25rem;
    border-radius: 0.625rem;
    border: 1px solid rgba(240, 229, 213, 0.30);
    background-color: transparent;
    color: #F0E5D5;
    font-size: .7rem;
}

.wrap_office_left span.title {
    display: flex;
    align-items: center;
    color: #A2CFE6;
    font-size: .8rem;
    padding: 1rem 0;
}

.wrap_office_left span.title svg {
    width: .9rem;
    margin-right: .4rem;
    height: auto;
}

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

.item_office ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: .8rem;
}

.item_office h3 {
    display: flex;
    align-items: center;
    color: var(--Secondary-White-Chocola, #F0E5D5);
    font-family: 'SVN-Zona Pro Bold';
    font-style: unset;
    margin-bottom: .4rem;
    font-size: .9rem;
}

.item_office h3 svg {
    width: .9rem;
    flex: 0 0 auto;
    margin-right: .4rem;
}

.item_office {
    color: var(--Secondary-White-Chocola, #F0E5D5);
}

.item_office ul li {
    margin: 0;
}

.item_office {
    padding: 1.25rem 0;
    cursor: pointer;
}

.item_office {
    border-top: 1px solid rgba(240, 229, 213, 0.20);
}

.item_office.active h3 {
    text-decoration: underline;
    color: #A2CFE6;
}

section.office_section .row {
    max-width: 86rem !important;
}

.wrap_office_right {
    width: 100%;
}

.wrap_office.flex {
    gap: 1rem;
    margin-top: 3.5rem;
}

div#iframe_map {
    height: 100%;
}

div#iframe_map iframe {
    width: 100%;
    height: 100%;
    border-radius: 1.5rem;
}

.list_office {
    max-height: 26rem;
    padding-right: 1.5rem;
    overflow: auto;
}

.list_office::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}

.list_office::-webkit-scrollbar {
    width: 0.25rem;
    background-color: #A2CFE6;
}

.list_office::-webkit-scrollbar-thumb {
    background-color: #A2CFE6;
}

.office2_section {
    padding-top: 8rem;
}

.office2_section .content {
    max-width: 22rem;
    margin-bottom: 2rem;
}

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

ul.list_tm li {
    margin: 0;
}

ul.list_tm img {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    display: block;
    scale: 1;
    transition: .5s all;
}

ul.list_tm a:hover img {
    scale: 1.05;
}

.office2_section>img {
    display: block;
    width: 100%;
    margin-top: -10rem;
}

section.office3_section {
    padding-bottom: 8rem;
    padding-top: 0;
}

.office3_section .wrap_box_link {
    gap: 2.5rem;
}

.office3_section_content {
    max-width: 36rem;
    margin: auto;
}

h2.heading_title b {
    font-family: Literata;
    font-weight: 500;
    font-style: italic;
}

.ultra1 {
    padding-top: 11.3rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 16rem;
    aspect-ratio: 16 / 9;
    display: flex;
    align-items: center;
}

.ultra1:before,.ultra1:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(0deg, #F0E5D5 0%, rgba(240, 229, 213, 0.89) 17.4%, rgba(240, 229, 213, 0.65) 34.03%, rgba(240, 229, 213, 0.32) 47.19%, rgba(240, 229, 213, 0.14) 66.02%, rgba(240, 229, 213, 0.04) 86.2%, rgba(240, 229, 213, 0.00) 100%);
    height: 19rem;
    z-index: 2;
    pointer-events: none;
}

.ultra1:before {
    background: #000;
    height: 100%;
    opacity: .5;
    z-index: 2;
}

.ultra1 * {
    color: #F0E5D5;
}

.ultra1 .content {
    max-width: 30rem;
    margin: auto;
}

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

.ultra2_wrap {
    display: flex;
    margin-top: 9rem;
}

.ultra2_col ultra2_col_left {
    text-align: right;
}

.ultra2_item {
    max-width: 13rem;
    font-size: 0.8rem;
    margin: 0 0 0 auto;
}

.ultra2_col_left {
    text-align: right;
}

.ultra2_center img {
    border-radius: 50%;
    width: 22.1rem;
    height: 22.1rem;
    overflow: hidden;
}

.ultra2_center .box_img:before, .item_post_nb:before, .post_item .box_img:after,.box_contact_page:before {
    content: '';
    background-image: url(../images/sieuam_round.svg);
    position: absolute;
    top: -4rem;
    right: -4rem;
    bottom: -4rem;
    left: -4rem;
    background-size: contain;
    background-repeat: no-repeat;
    animation: spin 10s linear infinite;
    width: 30rem;
    height: 30rem;
    pointer-events: none;
}

.ultra2_center {
    flex: 0 0 auto;
    margin: 0 7.3rem;
}

.ultra2_col {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 6.4rem;
}

.ultra2_item h3 {
    font-size: 1rem;
    font-family: 'SVN-Zona Pro Bold';
    font-style: unset;
    margin-bottom: .2rem;
    color: var(--Secondary-Sepia, #773C1C);
    line-height: 1.5;
}

.ultra2_item:nth-child(1) {
    margin: 0 4rem 0 auto;
}

.ultra2_col_right .ultra2_item {
    margin: 0 auto 0 0;
}

.ultra2_col_right .ultra2_item:nth-child(1) {
    margin: 0 0 0 4rem;
}

section.ultra2 {
    padding-bottom: 16rem;
}

section.ultra2:before, .ultra3:before, .ultra4:before, .ultra6:before {
    background-image: url(../images/sieuam_line1.svg);
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 12rem;
    width: 100%;
    background-position: top center;
    background-size: 100% auto;
}

.ultra3 {
    background-image: url(../images/sieuam_line1.svg);
    padding-bottom: 10rem;
    overflow: hidden;
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
}

.ultra3:before, .ultra6:before {
    background-image: url(../images/sieuam_line2.svg);
    height: 6rem;
    background-position: top center;
}

.ultra4:before {
    background-image: url(../images/sieuam_line3.svg);
    height: 6rem;
    background-position: top center;
    z-index: 2;
}

.ultra3 * {
    color: #F0E5D5;
}

.ultra3_step_nav {
    display: flex;
    margin-top: 6rem;
    justify-content: center;
    gap: 7rem;
}

.ultra3_step_nav .item {
    width: 23rem;
    display: flex;
    align-items: center;
    gap: 1.2rem;
    flex: 0 0 auto;
    position: relative;
    top: 1rem;
    cursor: pointer;
    z-index: 9;
}

.ultra3_step_for {
    max-width: 25rem;
    text-align: center;
    margin: auto;
    position: relative;
    padding-top: 12rem;
}

.ultra3_step_for .item_for {
    display: none;
}

.ultra3_step_for .item_for.active {
    display: block;
}

.ultra3_step_for h3 {
    color: #A2CFE6;
    font-size: 1.5rem;
    font-family: 'SVN-Zona Pro SemiBold';
    font-style: unset;
}

.ultra4_items {
    display: flex;
    justify-content: space-between;
    margin-top: 11rem;
}

.ultra4_item {
    text-align: center;
    max-width: 11rem;
    position: relative;
    transform: translateY(0);
    transition: 1s all;
}

.ultra4_item .icon {
    width: 6.05rem;
    height: 6.05rem;
    margin: 0 auto 1.2rem;
    border-radius: 50%;
    overflow: hidden;
}

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

.ultra4_item h3 {
    margin: 0;
    font-size: 1rem;
    color: var(--Secondary-Sepia, #773C1C);
    font-family: 'SVN-Zona Pro SemiBold';
    font-style: unset;
    line-height: 1.5;
}

.ultra3_step_nav .item:nth-child(1),.ultra3_step_nav .item:nth-child(4) {
    flex-direction: column;
    gap: .2rem;
    align-items: flex-end;
    position: relative;
    top: 13rem;
}

.ultra3_step_nav .item .icon {
    height: 9.5rem;
    width: 9.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ultra3_step_nav .item .icon img {
    max-height: 100%;
    width: auto;
}

.ultra3_step_nav .number {
    position: absolute;
    width: 2.7rem;
    height: 2.7rem;
    border: 1px solid #A2CFE6;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0d1b44;
    border-radius: 100px;
    color: #A2CFE6;
    font-size: 1.25rem;
    font-family: 'SVN-Zona Pro SemiBold';
    bottom: -2.4rem;
    z-index: 1;
    right: 3.2rem;
    transition: .4s all;
}

.ultra3_step_nav .item:nth-child(2) .icon {
    order: 2;
}

.ultra3_step_nav .item:nth-child(2), .ultra3_step_nav .item:nth-child(1) {
    text-align: right;
}

.ultra3_step_nav .content {
    font-size: 1rem;
    font-family: 'SVN-Zona Pro SemiBold';
    line-height: 1.4;
    max-width: 14rem;
}

.ultra3_step_nav .item:nth-child(1) .icon {
    justify-content: flex-end;
}

.ultra3_step_nav .item:nth-child(4) {
    align-items: flex-start;
}

.ultra3_step_nav .item:nth-child(1) .icon, .ultra3_step_nav .item:nth-child(4) .icon {
    align-items: flex-end;
}

.ultra3_step_nav .item:nth-child(2) {
    justify-content: flex-end;
}

.ultra3_step_for svg {
    position: absolute;
    top: 1rem;
    left: 50%;
    transform: translateX(-50%);
    width: 47rem;
    height: auto;
}

.ultra3_step_nav .active .number {
    background: #A2CFE6;
    color: #0D1B44;
}

.ultra3_step_nav .item:nth-child(3) .number {
    bottom: -2.4rem;
    z-index: 1;
    left: 3.2rem;
    right: unset;
}

.ultra3_step_nav .item:nth-child(1) {
    right: -11rem;
}

.ultra3_step_nav .item:nth-child(1) .number {
    left: unset;
    right: -5.5rem;
    bottom: 2rem;
}

.ultra3_step_nav .item:nth-child(4) {
    right: unset;
    left: -11rem;
}

.ultra3_step_nav .item:nth-child(4) .number {
    right: unset;
    left: -5.5rem;
    bottom: 2rem;
}

.ultra4 .content {
    max-width: 42rem;
}

.ultra4_item:before,.ultra4_item:after {
    content: '';
    width: 0.65rem;
    height: 0.65rem;
    position: absolute;
    bottom: -1.8rem;
    left: 50%;
    background: #A2CFE6;
    border-radius: 50%;
    transform: translateX(-50%);
}

.ultra4_item:after {
    background: linear-gradient( 180deg, #A2CFE6 50.23%, rgba(162, 207, 230, 0.00) 100%);
    width: 1px;
    height: 15.75rem;
    transform: translateY(100%);
}

.ultra4_img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

section.ultra4 {
    padding-bottom: 35rem;
    overflow: hidden;
}

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

.ultra5_item {
    position: relative;
}

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

.ultra5_item_content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 12rem;
    max-width: 22rem;
}

.ultra5_item_content h3 {
    font-size: 3rem;
    margin-bottom: .4rem;
}

.ultra5_item:nth-child(even) .ultra5_item_content {
    left: unset;
    right: 12rem;
}

.ultra6 {
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 45rem;
    padding-top: 9rem;
}

.ultra6_content {
    max-width: 38rem;
}

.ultra6_content .content {
    color: var(--Secondary-Sepia, #773C1C);
    font-family: Literata;
    font-size: 2.25rem;
    font-style: italic;
    font-weight: 400;
    /* 122.222% */
    line-height: 1.2;
    margin-bottom: 2rem;
}

section.develop1 .row {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 35rem;
    transition: 1.5s all;
}

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

.develop1_img .img_2 {
    position: absolute;
    z-index: 9;
    bottom: 0;
}

section.develop1:hover .row {
    top: 7rem;
}

.develop1_img {
    pointer-events: none;
}

section.develop2 .content {
    margin-left: 8rem;
    max-width: 36rem;
}

.develop2_img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

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

section.develop2 {
    padding-bottom: 42rem;
    z-index: 11;
}

.develop2_quote {
    padding-top: 4rem;
    color: var(--Primary-Oxford-Blue, #0D1B44);
    text-align: center;
    font-family: Literata;
    font-size: 2.25rem;
    font-style: italic;
    line-height: 1.2;
    padding: 4rem 4rem 7rem;
    background-image: linear-gradient(to right, #773C1C 50%, #0D1B44 50%);
    background-size: 200% 100%;
    background-position: 100% center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    transition: background-position 2.5s cubic-bezier(0.4, 0, 0.2, 1);
}

section.develop3 {
    padding-top: 0;
    padding-bottom: 37rem;
}

section.develop3 .group_heading {
    text-align: center;
}

.develop3_item {
    display: flex;
    align-items: center;
    position: relative;
}

.develop3_item:nth-child(1):before {
    content: '';
    background-image: url(../images/develop3_item.svg);
    position: absolute;
    width: 40rem;
    height: 70rem;
    z-index: 2;
    left: 18rem;
    top: -5.5rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.develop3_item:nth-child(2):before {
    content: '';
    background-image: url(../images/develop3_item2.svg);
    width: 42rem;
    height: 37rem;
    position: absolute;
    top: 22rem;
    left: 2rem;
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
}

.develop3_item>* {
    width: 50%;
}

.develop3_item_content h3 {
    font-size: 2.75rem;
    margin-bottom: .2rem;
}

.develop3_item_sub {
    color: var(--Primary-Oxford-Blue, #0D1B44);
    font-size: 1rem;
    display: block;
    margin-bottom: 1.1rem;
}

.develop3_item_img img {
    border-radius: 50%;
    overflow: hidden;
    width: 100%;
}

.develop3_item_img {
    padding-left: 4rem;
    position: relative;
    z-index: 2;
}

.develop3_item_content {
    padding: 0 6rem;
}

.develop3_item:nth-child(even) .develop3_item_img {
    order: -1;
}

.develop3_quote {
    max-width: 41rem;
    margin: 0 0 0 auto;
    color: var(--Secondary-Sepia, #773C1C);
    font-family: Literata;
    font-size: 2.25rem;
    line-height: 1.2;
    font-weight: 400;
    font-style: italic;
    margin-top: 10rem;
}

.develop3_items {
    margin-top: 7.9rem;
}

.develop3_img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

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

.develop4 .group_heading .content {
    margin-left: 8rem;
    max-width: 24rem;
}

.develop4_items {
    margin-top: 4.7rem;
    display: flex;
    flex-direction: column;
    gap: 7rem;
}

.develop4_item {
    display: flex;
    border-radius: 1.5rem;
    background: #F5F0E8;
    overflow: hidden;
    position: sticky;
    top: 5rem;
}

.develop4_item_inner {
    display: flex;
    align-items: center;
    width: 100%;
}

.develop4_item_img {
    width: 100%;
}

.develop4_item_text {
    width: 30rem;
    flex: 0 0 auto;
    padding: 3rem;
}

.develop4_item_img img {
    width: 100%;
}

.develop4_item_text h3 {
    font-size: 1.5rem;
    font-family: 'SVN-Zona Pro SemiBold';
    font-style: unset;
    margin-bottom: .7rem;
}

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

.develop4_item:nth-child(2) .develop4_item_text,.develop4_item:nth-child(3) .develop4_item_text {
    filter: brightness(0) invert(1);
}

.develop4_item:nth-child(2) {
    background: #773C1C;
}

.develop4_item:nth-child(3) {
    background: var(--Primary-Oxford-Blue, #0D1B44);
}

section.develop4 {
    padding-bottom: 6rem;
    padding-top: 2rem;
}

section.develop5 {
    background: #535252;
    padding-top: 22rem;
    padding-bottom: 33rem;
    max-height: 100vh;
    background-size: cover;
}

section.develop5 * {
    color: var(--Secondary-White-Chocola, #F0E5D5);
}

.develop5_items {
    display: flex;
    justify-content: space-between;
    text-align: center;
}

section.develop5 .group_heading {
    margin-bottom: 3rem;
}

.develop5_item {
    max-width: 16rem;
}

.develop5_item .develop5_item_number {
    color: var(--Secondary-White-Chocola, #F0E5D5);
    text-align: center;
    font-family: Literata;
    font-size: 4rem;
    font-style: italic;
    font-weight: 600;
    /* 106.25% */
    line-height: normal;
}

section.develop6 {
    padding-top: 5rem;
    padding-bottom: 28rem;
}

.develop6_quote {
    margin-top: 10rem;
    filter: brightness(0) invert(1);
    max-width: 37rem;
}

.develop6_img {
    position: absolute;
    bottom: 0;
    width: 100%;
}

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

.sx2_img img {
    width: 100%;
}

.office2_section_bg img {
    width: 100%;
}

.develop6_quote blockquote {
    border: none;
    padding: 0;
    margin: 0;
    font-size: 2.5rem;
    color: var(--Secondary-White-Chocola, #F0E5D5);
    font-weight: 500;
    line-height: 1.2;
    font-family: Literata;
    margin-bottom: 2rem;
}

section.develop6 .res4_items {
    margin-top: 3rem;
}

section.develop1:before, section.develop2:before, section.develop3:before, section.develop5:before, section.develop5:after, section.sx5:before {
    background-image: url(../images/develop1_line_1.svg);
    content: '';
    position: absolute;
    bottom: -1rem;
    left: 0;
    width: 100%;
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat;
    z-index: 10;
    height: 16rem;
    background-repeat: no-repeat;
    pointer-events: none;
}

section.develop2:before, section.develop3:before {
    background-image: url(../images/develop2_line.svg);
}

section.develop5:before {
    background-image: url(../images/develop2_line.svg);
    bottom: unset;
    top: -5rem;
    transform: rotate(180deg);
}

section.develop5:after {
    background-image: url(../images/develop_line_4.svg);
    pointer-events: none;
}

section.res1.product1 video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.res1.product1 h1.heading_title span+span {
    margin-left: 6rem;
}

section.res1.product1 h1.heading_title {
    text-align: left;
}

section.product2 {
    text-align: center;
    overflow: hidden;
}

section.product2 .group_heading {
    max-width: 40rem;
    margin: auto;
}

.product2_items {
    margin: 5rem auto 0;
}

.product2_items h3 {
    font-size: 2rem;
    margin-bottom: .2rem;
}

.product2_items {
    font-family: 'SVN-Zona Pro SemiBold';
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: overlay;
    max-height: 19rem;
    margin: 0 -13rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-top: 5rem;
    margin-bottom: 10rem;
}

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

.product2_items::-webkit-scrollbar {
    width: 0;
    background-color: #cedbff;
}

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

.product2_item {
    top: 7rem;
    background: #eee5d7;
    max-width: 21rem;
    margin: auto;
}

.product2_wrap:before, .product2_wrap:after {
    height: 1.5rem;
    width: 100%;
    position: absolute;
    background: linear-gradient(180deg, #eee5d7, transparent);
    content: '';
    z-index: 2;
    top: 0;
    left: 0;
}

.product2_wrap {
    position: relative;
    z-index: 20;
}

.product2_wrap:after {
    top: unset;
    bottom: 0;
}

.product2_wrap:after {
    background: linear-gradient( 0deg, #eee5d7, transparent);
}

.product2_box_items {
    display: block;
}

.product3_box {
    padding: 0 4rem;
}

.product3_box .content {
    max-width: 35rem;
}

.product3_wrap .box_right {
    width: 100%;
}

.product3_wrap .box_left {
    width: 22rem;
    flex: 0 0 auto;
}

.product_cat {
    position: relative;
    background: #773C1C;
    border-radius: 1rem;
    padding-bottom: 2.7rem;
    padding-top: 9rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.product3_wrap {
    margin-top: 3rem;
    gap: 1rem;
}

.product_cat .box_img {
    height: 15.9rem;
    width: 90%;
    align-items: center;
    justify-content: center;
    margin: auto;
    display: flex;
    scale: 1;
    transition: .5s all;
}

.product_cat .box_img img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
}

.product_cat h3 {
    position: absolute;
    text-align: center;
    width: 100%;
    font-size: 1.5rem;
    color: var(--Secondary-White-Chocola, #F0E5D5);
    top: 3rem;
    padding: 0 1rem;
}

.product_cat:hover .box_img {
    scale: 1.1;
}

.product_box .box_img {
    height: 13rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s all;
    position: relative;
    top: 2rem;
}

.product_box .box_img img {
    max-height: 100%;
    scale: 1;
    transition: 1s all;
    width: auto;
}

.product_box {
    height: 24rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #773C1C;
    border-radius: 1rem;
    margin: 0 1rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

span.swiper-pagination-progressbar-fill {
    background: #773C1C !important;
}

.wrap_button {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.wrap_button svg {
    width: .7rem;
    height: auto;
}

.wrap_button .arrow_slider {
    height: 1.8rem;
    width: 1.8rem;
    border-color: #773C1C;
    border-width: 2px;
}

.nav_control.flex {
    align-items: center;
    padding: 0 1rem;
    margin-top: 1.8rem;
    gap: 1.8rem;
}

.swiper-pagination.swiper-pagination-progressbar {
    height: 2px;
}

section.product4 {
    padding-top: 10rem;
}

.product4_items {
    display: flex;
    text-align: center;
    gap: 2.7rem;
    margin-bottom: 4rem;
}

section.product4 h2.heading_title {
    text-align: center;
    max-width: 26rem;
    margin: 0 auto 4rem;
}

.product4_item .icon {
    2 width: 4.23215rem;
    height: 4.2081rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.product4_item {
    display: flex;
    flex-direction: column;
    width: 25%;
}

.product4_item h3 {
    margin: 1rem 0 .2rem;
    font-size: 1rem;
    color: #773C1C;
    font-family: 'SVN-Zona Pro SemiBold';
    font-style: unset;
}

video.product5_video {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 1.5rem;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    object-fit: cover;
}

section.product5 {
    padding: 6.5rem 0 12rem;
}

.product5_content {
    padding-left: 4rem;
}

.product5_content .note {
    color: var(--Secondary-Sepia, #773C1C);
    font-family: Literata;
    font-size: 1.75rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1.4;
    /* 128.571% */
    margin: 2rem 0;
    text-align: justify;
}

.product2_item .icon img {
    width: 4.5rem;
    height: auto;
    margin-bottom: 1.2rem;
}

.product2_items .item>img {
    width: 2.5rem;
    height: auto;
}

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

.product2_item+.product2_item {
    margin-top: 7rem;
}

.product2_item .item {
    margin-bottom: 7rem;
}

.product2_items .item {
    margin-bottom: 18rem;
}

section.story2 .giot_cf {
    position: absolute;
    width: 4rem;
    height: auto;
    top: -8rem;
    left: 50%;
    transform: translateX(-50%);
    transition: top 3.5s, opacity 0.4s 2.6s;
    /* opacity delay 3.5s */
    pointer-events: none;
    z-index: 20;
    opacity: 1;
}

section.story2.active .giot_cf {
    top: 17rem;
    opacity: 0;
}

.story2_content {
    color: var(--Primary-Oxford-Blue, #0D1B44);
    text-align: center;
    font-family: Literata;
    font-size: 2.25rem;
    font-style: italic;
    font-weight: 500;
    line-height: 1.4;
    /* 122.222% */
    transition: 1s all;
}

.img_story2 {
    position: absolute;
    width: 100%;
    bottom: 0;
}

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

section.story2 {
    padding-bottom: 47rem;
    padding-top: 4rem;
}

section.story2:hover .giot_cf {
    top: 17rem;
}

.story2_content {
    background-image: linear-gradient( to right, #773C1C 50%, #0D1B44 50% );
    background-size: 200% 100%;
    background-position: 100% center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    transition: background-position 2.5s cubic-bezier(0.4, 0, 0.2, 1);
}

section.story2.active .story2_content {
    background-position: 0% center;
}

.story3 {
    padding-top: 3rem;
}

.story3 h2.heading_title {
    max-width: 47rem;
    margin: auto;
}

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

.story3_items .story3_img img {
    max-width: calc(100vw - 13rem);
    margin-left: -13rem;
}

.story3_items h3 {
    font-size: 2.5rem;
    margin-bottom: .5rem;
}

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

.story3_items .row:nth-child(even) .col.large-4.medium-4 {
    order: -1;
    position: relative;
    z-index: 9;
}

.col.large-4.medium-4 {
}

.story3_items .row:nth-child(even) .story3_img img {
    margin: 0;
    float: right;
    left: unset;
    position: relative;
    right: -14rem;
}

.story3_img {
    position: relative;
}

.story3_items .row:before {
    content: '';
    position: absolute;
    bottom: 0;
    height: 23rem;
    background: linear-gradient(0deg, #eee5d7, transparent);
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    pointer-events: none;
}

.story4 {
    padding-top: 2rem;
}

.slider_products .product_cat {
    margin: 2.3rem 1rem;
}

.slider_products {
    margin: 0 -1rem;
}

section.story5 .content {
    color: var(--Secondary-Sepia, #773C1C);
    font-family: Literata;
    font-size: 1.75rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1.5;
    /* 128.571% */
    max-width: 90%;
}

section.story5>img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
}

section.story5 {
    padding-bottom: 37rem;
    padding-top: 6rem;
}

.story3:before {
    background-image: url(../images/story3.svg);
    z-index: 11;
}

section.sx1 video {
    width: 100%;
    height: auto;
    display: block;
    max-height: 100vh;
    object-fit: cover;
}

video.bg-video {
}

.sx1 .box_video:before {
    background: linear-gradient(0deg, #F0E5D5 0%, rgba(240, 229, 213, 0.89) 17.4%, rgba(240, 229, 213, 0.65) 34.03%, rgba(240, 229, 213, 0.32) 47.19%, rgba(240, 229, 213, 0.14) 66.02%, rgba(240, 229, 213, 0.04) 86.2%, rgba(240, 229, 213, 0.00) 100%);
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 19.6rem;
    z-index: 2;
}

.box_video {
    position: relative;
}

section.sx1 .content {
    max-width: 34rem;
    margin: auto;
}

.sx1_note {
    color: var(--Primary-Oxford-Blue, #0D1B44);
    text-align: center;
    font-family: Literata;
    font-size: 2.25rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1.4;
    /* 122.222% */
    transition: .5s all;
    margin: 5rem -5rem;
    background-image: linear-gradient(to right, #773C1C 50%, #0D1B44 50%);
    background-size: 200% 100%;
    background-position: 100% center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    transition: background-position 2.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.sx2_text {
    max-width: 49rem;
    margin: auto;
    margin-bottom: 10rem;
    position: relative;
    transform: translateY(300%);
    transition: 2s all;
}

.sx2_text .content {
    max-width: 30rem;
}

.sx2_img {
    position: relative;
}

.sx2_img>img.sx2_mask {
    position: absolute;
    top: -1rem;
    transition: 1s all;
}

img.attachment-full.size-full {
}

.sx2_img .img_2 {
    position: relative;
    z-index: 2;
}

.sx2_hero:hover .sx2_text {
    transform: translateY(0);
    transition-delay: .2s;
}

.sx2_hero:hover img.sx2_mask {
    top: -9rem;
    transition-delay: .5s;
}

.sx2_icon {
    position: absolute;
    scale: 0;
    transition: 1s all;
}

.sx2_icon.sx2_icon_leaf1 {
    top: -2rem;
    left: 2rem;
}

.sx2_icon.sx2_icon_leaf1 img {
    width: 7.5rem;
    height: auto;
}

.sx2_icon.sx2_icon_leaf2 {
    right: 10rem;
    left: unset;
    top: -4rem;
}

.sx2_icon.sx2_icon_leaf3 {
    left: unset;
    right: 0;
}

.sx2_icon.sx2_icon_berry {
    left: unset;
    right: 3rem;
    top: 1rem;
}

.sx2_hero:hover .sx2_icon {
    scale: 1;
    transition-delay: 2s;
}

section.sx2 {
    overflow: hidden;
    padding-top: 3rem;
}

section.sx3 .content {
    max-width: 36rem;
}

.sx3_wrap {
    margin-top: 5.7rem;
}

.sx3_nav {
    width: 17rem;
    flex: 0 0 auto;
    padding-right: 4.5rem;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    margin-left: 1.6rem;
    position: relative;
}

.sx3_slider_group {
    display: none;
}

.sx3_slider_group.active {
    display: block;
}

.sx3_nav_item span {
    color: rgb(13 27 68 / 50%);
    font-size: 0.9rem;
    font-family: 'SVN-Zona Pro SemiBold';
    line-height: 1.4;
    font-weight: normal;
    transition: .5s all;
}

.sx3_nav_item {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 2.7rem;
    cursor: pointer;
}

.sx3_nav_item .dot {
    position: absolute;
    background: #A2CFE6;
    width: 0.35rem;
    height: 0.35rem;
    display: inline-block;
    border-radius: 50%;
    left: 0;
}

.sx3_nav:before {
    content: '';
    background: linear-gradient(90deg, #A2CFE6 0%, rgba(162, 207, 230, 0.00) 100%);
    height: 100%;
    position: absolute;
    width: 1px;
    left: .2rem;
}

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

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

.sx3_slide_item .sx3_caption {
    font-family: 'SVN-Zona Pro SemiBold';
    margin: .6rem 0 0 0;
}

.sx3_nav_item.active>span {
    color: rgb(13 27 68 / 100%);
}

.sx3_video_wrap {
    position: absolute;
    bottom: 0;
}

section.sx3 {
    padding-bottom: 26rem;
    z-index: 9;
}

.sx3_video_wrap {
    width: 69rem;
    height: auto;
}

.sx3_video_wrap video {
    width: 100%;
    height: auto;
    display: block;
}

.sx3_video_wrap:before,.sx3_video_wrap:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #F0E5D5 0%, rgba(240, 229, 213, 0.89) 32.39%, rgba(240, 229, 213, 0.65) 48.23%, rgba(240, 229, 213, 0.32) 72.23%, rgba(240, 229, 213, 0.14) 80.85%, rgba(240, 229, 213, 0.04) 91.1%, rgba(240, 229, 213, 0.00) 100%);
}

.sx3_video_wrap:after {
    background: linear-gradient(-90deg, #F0E5D5 0%, rgba(240, 229, 213, 0.89) 32.39%, rgba(240, 229, 213, 0.65) 48.23%, rgba(240, 229, 213, 0.32) 72.23%, rgba(240, 229, 213, 0.14) 80.85%, rgba(240, 229, 213, 0.04) 91.1%, rgba(240, 229, 213, 0.00) 100%);
    height: 100%;
    width: 100%;
    right: 0;
    left: unset;
}

section#sx4_section {
    background-image: url(../images/sx_line2.svg);
    padding-bottom: 2.3rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}

section#sx4_section * {
    color: var(--Secondary-White-Chocola, #F0E5D5);
}

.sx3_sliders_wrap {
    width: 100%;
}

.sx3_slide_item {
    padding-right: 1.75rem;
}

.swiper .sx3_swiper_0.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-free-mode.swiper-backface-hidden {
}

.sx3_slider_group .swiper {
    padding-right: 10rem;
}

section.sx2:before,section.sx3:before {
    content: '';
    background-image: url(../images/sx_line1.svg);
    position: absolute;
    width: 100%;
    height: 20rem;
    background-position: bottom center;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    z-index: 4;
    background-size: cover;
}

section.sx3:before {
    background-image: url(../images/sx_line2.svg);
    background-position: top center;
    height: 12rem;
    background-size: cover;
    bottom: -1rem;
}

/* Scroll hint */
.sx4_scroll_hint {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    justify-content: center;
    margin-top: 2rem;
    color: rgba(162, 207, 230, 0.5);
    font-size: 0.65rem;
    letter-spacing: 0.06em;
}

.sx4_scroll_dot {
    display: inline-block;
    width: 1.4rem;
    height: 0.8rem;
    border-radius: 0.4rem;
    border: 0.075rem solid rgba(162, 207, 230, 0.4);
    position: relative;
}

.sx4_scroll_dot::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0.2rem;
    transform: translateY(-50%);
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 50%;
    background: rgba(162, 207, 230, 0.6);
    animation: sx4_dot_bounce 1.5s ease-in-out infinite;
}

@keyframes sx4_dot_bounce {
    0%, 100% {
        left: 0.2rem;
    }

    50% {
        left: 0.7rem;
    }
}

div#sx4_track {
    display: flex;
    overflow: hidden !important;
    gap: 7.5rem;
    padding-left: 15rem;
    padding-top: 11rem;
    padding-bottom: 6rem;
    position: relative;
    width: max-content;
}

.sx4_step {
    width: 9.5rem;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-family: 'SVN-Zona Pro SemiBold';
    position: relative;
    z-index: 9;
    cursor: pointer;
}

.sx4_line {
    position: absolute;
    width: 100%;
    height: 1px;
    top: 18.2rem;
    background: linear-gradient(90deg, rgba(162, 207, 230, 0.03) 0%, rgba(162, 207, 230, 0.50) 50%, rgba(162, 207, 230, 0.03) 100%);
}

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

div#sx4_track::-webkit-scrollbar {
    height: 0;
    width: 0;
    background-color: #cedbff;
}

div#sx4_track::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
}

.sx4_step_tooltip {
    position: absolute;
    display: none;
}

.sx4_step_icon {
    height: 6.221rem;
    display: flex;
    align-items: flex-end;
}

.sx4_step_icon img {
    max-height: 100%;
    width: auto;
    height: auto;
}

.sx4_step_dot {
    width: 2.65rem;
    height: 2.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #A2CFE6;
    border-radius: 50%;
    color: var(--Primary-Oxford-Blue, #0D1B44) !important;
    font-family: 'SVN-Zona Pro SemiBold';
    margin: 1.7rem 0;
    position: relative;
    font-size: 1.25rem;
}

.sx4_step_dot span {
    color: var(--Primary-Oxford-Blue, #0D1B44) !important;
}

.sx4_step.sx4_step_highlight {
    width: 31rem;
    justify-content: center;
}

.sx4_step.sx4_step_highlight .sx4_step_dot {
    left: 1.5rem;
    position: absolute;
    top: 7.85rem;
    margin: 0;
}

.sx4_step.sx4_step_highlight .sx4_step_name {
    color: var(--Primary-Oxford-Blue, #0D1B44) !important;
    max-width: 11rem;
    margin-top: .5rem;
}

section.sx5 {
    padding-top: 8rem;
    padding-bottom: 39rem;
}

.sx5_items {
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
    z-index: 20;
}

.sx5_items .box_line {
    position: absolute;
    top: -17rem;
    right: -9rem;
    pointer-events: none;
    opacity: 0;
    transition: 1.5s all;
}

.sx5_item .box_img {
    2width: 9.3125rem;height: 7.45rem;
    width: 7.45rem;
    overflow: hidden;
    border-radius: 50%;
    flex: 0 0 auto;
}

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

.sx5_item {
    display: inline-flex;
    width: auto;
    font-size: 1rem;
    max-width: 15rem;
    line-height: 1.5;
}

.sx5_item {
    font-family: 'SVN-Zona Pro Bold';
    position: relative;
    z-index: 2;
}

.sx5_item:nth-child(2),.sx5_item:nth-child(3) {
    flex-direction: column;
    display: flex;
    gap: 1.5rem;
}

.sx5_item:nth-child(3) {
    margin-right: 14rem;
    top: -8rem;
}

.sx5_item:nth-child(4) .box_content {
    order: -1;
}

.sx5_item:nth-child(4) ,.sx5_item:nth-child(5),.sx5_item:nth-child(6) {
    max-width: 24rem;
    align-items: center;
    gap: 1rem;
    text-align: right;
}

.sx5_item:nth-child(4), .sx5_item:nth-child(5) {
    margin-right: 37rem;
}

.sx5_item:nth-child(5) .box_content {
    order: -1;
}

.sx5_item:nth-child(5) {
    margin-right: 39rem;
    top: -10rem;
}

.sx5_items .box_line img {
    width: 56rem;
}

.sx5_item:nth-child(4) {
    top: -18rem;
}

.sx5_item:nth-child(6) {
    text-align: left;
    top: -9rem;
    margin-right: 11rem;
}

.sx5_img {
    position: absolute;
    bottom: 0;
    width: 100%;
}

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

section.sx5.active .box_line {
    opacity: 1;
    transition-delay: .5s;
}

.sx6_quote {
    color: var(--Secondary-Sepia, #773C1C);
    text-align: center;
    font-family: Literata;
    font-size: 2.5rem;
    font-style: italic;
    font-weight: 500;
    line-height: 1.3;
    /* 120% */
    max-width: 40rem;
    margin: auto;
}

.sx6_quote blockquote {
    margin: 0;
    padding: 0;
    border: none !important;
    text-align: center;
    color: #773C1C;
    margin-bottom: 1.3rem;
}

section.sx6 {
    padding-top: 4rem;
    padding-bottom: 39rem;
}

.sx6_img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    display: block;
}

.sx4_step_highlight:before {
    content: '';
    background-image: url(../images/line_round.svg);
    width: 25rem;
    height: 25rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    top: -4rem;
    position: absolute;
    z-index: -1;
    animation: spin 9s linear infinite;
}

.detail1_gallery {
    background-image: url(../images/bg_product.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 1rem;
    padding: 2rem;
}

.slider_gallery_main .box_img {
    height: 19.3125rem;
    display: flex;
    a; a; align-items: center;
    justify-content: center;
}

.slider_gallery_main .box_img img {
    max-height: 100%;
    width: auto;
    object-fit: contain;
}

.slider_gallery_thumbs .box_img {
    padding-bottom: 100%;
    position: relative;
    border-radius: .5rem;
    overflow: hidden;
    background: #E5D8C5;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.slider_gallery_thumbs .box_img img {
    position: absolute;
    width: auto;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
    max-height: 65%;
    max-width: 65%;
    width: auto;
    height: auto;
}

.detail1_gallery_thumbs {
    max-width: 12rem;
    margin: auto;
}

.detail1_gallery_main {
    margin-bottom: 2rem;
}

.detail1_content {
    padding-left: 5rem;
}

section.detail1 {
    padding-top: 8.5rem;
}

.detail1_content h1.heading_title {
    font-size: 3.25rem;
    margin: 0 0 .2rem;
}

.detail1_subtitle {
    font-size: 1.25rem;
    color: var(--Primary-Oxford-Blue, #0D1B44);
    font-family: 'SVN-Zona Pro SemiBold';
    margin: .5rem 0 1.5rem;
}

.detail1_spec_row {
    padding: 1rem 0;
    border-top: 1px solid rgb(183 147 114 / 50%);
    display: flex;
    gap: 1rem;
    align-items: center;
}

.detail1_specs {
    margin-top: 2rem;
}

.detail1_spec_item {
    width: 12rem;
    display: flex;
    flex-direction: column;
}

.detail1_spec_item span.label {
    font-family: 'SVN-Zona Pro Bold';
}

.detail1_badges {
    display: flex;
    align-items: center;
    gap: 1.4rem;
    flex: 0 0 auto;
}

.detail1_spec_item2 {
    flex-direction: unset;
    width: 100%;
    align-items: center;
}

.detail1_spec_item2 span.label {
    width: 12rem;
}

a.weight_btn {
    margin: 0;
    height: 1.8rem;
    display: inline-flex;
    min-height: unset;
    align-items: center;
    padding: 0 1rem;
    border-radius: 100px;
    border-radius: 5rem;
    border: 1px solid var(--Primary-Chamoisee, #B79372);
    transition: .4s all;
    color: var(--Primary-Chamoisee, #B79372);
}

.detail1_weight_options {
    gap: .75rem;
    display: flex;
}

a.weight_btn.active,a.weight_btn:hover {
    background: var(--Primary-Chamoisee, #B79372);
    color: #fff;
}

.detail1_spec_row3 {
    justify-content: space-between;
}

.detail1_badges img {
    display: block;
    height: 2.6rem;
    width: auto !important;
    max-width: unset;
}

.detail1_badges span.badge {
    display: flex;
    align-items: center;
    width: auto;
    height: auto;
}

.detail1_spec_row:last-child {
    border-bottom: 1px solid rgb(183 147 114 / 50%);
}

.detail1_actions a {
    border-radius: 100px;
    background: var(--Primary-Chamoisee, #B79372);
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-family: 'SVN-Zona Pro Bold';
    color: #fff;
    gap: .5rem;
    justify-content: center;
    width: 100%;
    scale: 1;
    opacity: 1;
    transition: .5s all;
}

.detail1_actions a span.icon {
    display: flex;
    align-items: center;
}

.detail1_actions a span.icon img {
}

.detail1_actions a span.icon svg {
    width: 1.5rem;
    height: auto;
}

.detail1_actions.flex {
    gap: 1.15rem;
    padding-top: 1.2rem;
}

.detail1_actions a:nth-child(2) {
    background: var(--Primary-Oxford-Blue, #0D1B44);
    color: var(--Secondary-White-Chocola, #F0E5D5);
}

.detail1_spec_item .value {
    display: flex;
    gap: 1rem;
}

.detail1_spec_item .value span span {
    font-family: 'SVN-Zona Pro Bold';
    margin-right: .4rem;
}

.detail2_items {
    display: flex;
    gap: 1rem;
    padding: 2.95rem 0;
    margin-top: 5rem;
    border-top: 1px solid rgb(183 147 114 / 50%);
}

.detail2_item {
    border-radius: 0.5rem;
    background: #F4EEE5;
    width: calc(100% / 3);
    padding: 1.7rem 2.4rem;
    font-size: .75rem;
}

h3.detail2_item_title {
    font-size: 1rem;
    font-family: 'SVN-Zona Pro Bold';
    font-style: unset;
    margin-bottom: .9rem;
}

.detail2_items {
}

span.attr_value {
    font-family: 'SVN-Zona Pro SemiBold';
    margin-left: .1rem;
}

.detail2_commit_item {
    display: flex;
    align-items: center;
}

.detail2_commit_item .icon {
    width: 1.8rem;
    height: 1.8rem;
    flex: 0 0 auto;
    margin-right: 1rem;
}

.detail2_commit_item strong {
    font-size: 0.85rem;
}

.detail2_commit_item p {
    line-height: 1.3;
}

.detail2_commit {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.roast_bar {
    display: flex;
    width: 100%;
    height: 0.2rem;
    background: #D9D9D9;
    border-radius: 100px;
    margin: .2rem 0;
    font-size: 0.55rem;
}

.roast_bar_fill {
    background: var(--Secondary-Sepia, #773C1C);
    border-radius: 4.5rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.roast_bar_fill:before {
    content: '';
    2 width: 0.4rem;
    height: 0.4rem;
    width: 0.4rem;
    background: var(--Secondary-Sepia, #773C1C);
    position: absolute;
    border-radius: 100px;
}

.detail2_roast {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

span.roast_end_label {
    font-size: .55rem;
}

span.roast_label {
    font-size: 0.75rem;
}

section.detail_custom_section .heading_title {
    font-size: 1.75rem;
    font-family: 'SVN-Zona Pro SemiBold';
    font-style: unset;
}

.detail5_tab_nav {
    display: flex;
    gap: .15rem;
}

button.detail5_tab_btn {
    align-items: center;
    text-align: left;
    height: 5.4rem;
    width: calc(100% / 3);
    margin: 0;
    border-radius: 0.9375rem 0.9375rem 0 0;
    border: 1px solid rgba(183, 147, 114, 0.65);
    border-bottom: none;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    gap: .5rem;
    opacity: .5;
    transition: .4s all;
}

button.detail5_tab_btn span.tab_icon {
    width: 3.3rem;
    height: 3.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
}

button.detail5_tab_btn span.tab_icon img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
}

span.tab_name {
    display: block;
}

span.tab_desc {
    display: block;
}

.detail5_tab_content {
    background: #F4EEE5;
    padding: 2.15rem 4.95rem;
    border-radius: 0 0 20px 20px;
}

.detail5_panel_inner {
    display: flex;
}

.detail5_panel_text {
    width: 100%;
    padding-right: 4.9rem;
}

.detail5_panel_media {
    width: 30.8rem;
    flex: 0 0 auto;
    border-radius: 1rem;
    background: #000;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.play_btn {
    position: absolute;
    z-index: 9;
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box_img.video_thumb {
    position: relative;
}

.box_img.video_thumb img {
    opacity: .6;
}

.play_btn svg {
    width: 6rem;
}

.detail5_panel_text>h3 {
    display: none;
}

.detail5_tab_panel {
    display: none;
}

.detail5_tab_panel.active {
    display: block;
}

button.detail5_tab_btn.active {
    background: #F4EEE5;
    border-color: transparent;
    opacity: 1;
}

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

.detail_custom_section_item {
    display: flex;
    border-top: 1px solid rgb(183 147 114 / 50%);
    padding: 3rem 0;
}

.detail_custom_section_item h2.heading_title {
    width: 50%;
    flex: 0 0 auto;
    line-height: 1.2;
    padding-right: 1rem;
}

.detail_custom_section_item:last-child {
    border-bottom: 1px solid rgb(183 147 114 / 50%);
}

section.detail5 h2.heading_title {
    font-size: 1.75rem;
    font-family: 'SVN-Zona Pro SemiBold';
    font-style: unset;
    margin-bottom: 2rem;
}

button.detail5_tab_btn span.tab_desc {
    line-height: 1.4;
    font-size: 0.85rem;
    text-transform: none;
}

button.detail5_tab_btn span.tab_name {
    font-family: 'SVN-Zona Pro Bold';
    line-height: 1.4;
    font-size: 1rem;
    text-transform: capitalize;
}

a.link_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.product_item {
    border-radius: 1.5rem;
    background: #F7EEE1;
    position: relative;
    margin: 0 .8rem;
    padding: 4rem 2rem 2.5rem;
    cursor: pointer;
    transition: .5s all;
}

.product_item .box_img {
    height: 15.7rem;
    display: flex;
    justify-content: center;
    margin-bottom: 1.45rem;
    transform: translateY(0px);
    transition: .5s all;
}

.product_item_badge {
    position: absolute;
    top: 0;
    right: 0;
    width: 3.7rem;
    height: 3.7rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: var(--Primary-Chamoisee, #B79372);
    border-radius: 0 0 100px 100px;
    line-height: 1;
    font-size: 1rem;
    font-family: 'SVN-Zona Pro Bold';
    color: #fff;
}

.product_item_badge small, .product_item_badge span {
    font-size: 0.7rem;
    font-family: 'SVN-Zona Pro';
}

.product_item .box_img img {
    width: auto;
}

.product_item h3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.5rem;
}

.product_item h3 svg {
    display: block;
    width: 1.5rem;
    height: auto;
}

.product_item_ratio ul {
    list-style: none;
    margin: 0;
    display: flex;
}

.product_item_ratio ul li {
    margin: 0;
}

.product_item_ratio ul li+li:before {
    content: '|';
    color: rgba(119, 60, 28, 0.30);
    margin: 0 1.25rem;
}

.product_item_ratio ul b {
    margin-left: .2rem;
}

.product_item_ratio {
    padding: .4rem 0;
    border: 1px solid rgb(183 147 114 / 50%);
    border-right: none;
    border-left: none;
    margin-bottom: .5rem;
}

section.detail6 {
    padding-bottom: 10rem;
}

section.detail6 h2.heading_title {
    font-size: 1.75rem;
    font-family: 'SVN-Zona Pro SemiBold';
    font-style: unset;
    margin-bottom: 2.5rem;
}

section.detail6 .slider_product_box {
    margin: 0 -0.8rem;
}

span.tab_name {
    font-size: 1rem;
}

section.list1 .row {
    align-items: center;
    z-index: unset;
}

section.list1 {
    background: linear-gradient(280deg, #E6D2B6, #e6d2b61c);
    overflow: hidden;
    padding-top: 6rem;
}

section.list1 .list1_content {
    max-width: 31rem;
}

.list1_img img {
    max-width: 36rem;
    max-height: 31rem;
    width: auto;
    height: auto;
    margin: auto;
}

section.list2 {
    padding-top: 8rem;
}

section.list2 h2.heading_title {
    font-size: 2.25rem;
    color: var(--Secondary-Sepia, #773C1C);
    font-family: 'SVN-Zona Pro';
    font-style: unset;
    display: block;
    margin-bottom: 2.8rem;
}

.list2_items.flex {
}

.list2_item {
    width: calc(100% / 3);
    text-align: center;
}

.list2_item .box_img {
    width: 12.7rem;
    height: 12.7rem;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.list2_item .box_img img {
    max-height: 100%;
    width: auto;
    height: auto;
    scale: 1;
    transition: .5s all;
}

.list2_item h3 {
    color: var(--Secondary-Sepia, #773C1C);
    font-size: 1.5rem;
    margin: 1rem 0 .2rem;
}

.list2_item {
    font-family: 'SVN-Zona Pro SemiBold';
    padding: 0 1rem;
}

.product_wraps.flex {
    flex-wrap: wrap;
    margin: 3.5rem -8.8rem 0;
    row-gap: 1.6rem;
}

.product_wraps .product_item {
    width: calc(25% - 1.6rem);
    margin: 0 .8rem;
    box-shadow: 0 0 5px #3333331c;
}

section.list3 {
    padding: 8rem 0 2rem;
}

section.list5 {
    padding-bottom: 8rem;
}

section.list1:before {
    content: '';
    background-image: url(../images/product_tax_line.svg);
    width: 100%;
    height: 4rem;
    background-position: bottom center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    z-index: 10;
    background-size: cover;
}

.product_cat, .product_box {
    background-image: url(../images/prodyuct_bg_1.jpg);
}

.swiper-slide:nth-child(3n + 2) .product_cat, .swiper-slide:nth-child(3n + 2) .product_box {
    background-image: url(../images/prodyuct_bg_2.jpg);
}

.swiper-slide:nth-child(3n + 3) .product_cat, .swiper-slide:nth-child(3n + 3) .product_box {
    background-image: url(../images/prodyuct_bg_3.jpg);
}

.tax-product-category #main,.tax-product-category #wrapper {
    background: linear-gradient(180deg, #faf1e5, #EEE5D7);
}

.list2_wrap {
    flex-wrap: wrap;
    display: flex;
    margin: 0 -1rem;
}

.list2_wrap .item {
    width: calc(25% - 2rem);
    margin: 0 1rem;
    font-family: 'SVN-Zona Pro Bold';
}

.list2_wrap .icon {
    width: 3.5rem;
    flex: 0 0 auto;
    margin-right: .8rem;
}

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

.list2_wrap {
}

.style_2 .list1_content {
    text-align: center;
    margin: auto;
    max-width: 46rem !important;
}

.style_2 .list1_content .list1_img {
    width: 34rem;
    margin: 2.3rem auto 0;
    display: flex;
    justify-content: center;
}

.style_2 .list1_content .list1_img img {
    margin: auto;
    display: block;
    max-width: unset;
}

section.list1.style_2 {
    background: radial-gradient(86.11% 97.93% at 48.98% 97.93%, #DBBB8D 0%, rgba(230, 210, 182, 0.00) 100%);
    padding-top: 9rem;
}

.style_2 .list1_content .list1_img img {
    max-width: 91%;
}

.product_item.style_2 .content {
    border-top: 1px solid rgb(183 147 114 / 50%);
    padding-top: .7rem;
}

.product_item.style_2 span.cat {
    color: var(--Primary-Oxford-Blue, #0D1B44);
    font-family: 'SVN-Zona Pro SemiBold';
}

section.res2:before {
    height: 6rem;
    background-position: top center;
}

.ultra5 .group_heading {
    text-align: center;
}

section.ultra5 {
    padding-top: 3rem;
}

.ultra5_items {
    margin-top: 2rem;
}

section.ultra7 {
    padding-bottom: 9rem;
}

.slider_product_box2 {
    margin: 0 -8rem;
}

section.ultra7 .wrap_slider {
    margin-bottom: 2rem;
    margin-top: 3rem;
}

section.home_sec_2 h3 {
    color: var(--Primary-Oxford-Blue, #0D1B44);
    text-align: center;
    font-family: Literata;
    font-size: 1.75rem;
    font-style: italic;
    line-height: 1.2;
    /* 114.286% */
    height: 5rem;
    margin-bottom: .5rem;
}

section.home_sec_2 .ultra4_item {
    max-width: 12rem;
    transform: translateY(20rem);
    opacity: 0;
    transition: 1.5s all;
}

section.home_sec_2 .ultra4_item .icon {
    2 width: 9.35rem;
    height: 9.35rem;
    width: 9.35rem;
}

section.home_sec_2 .ultra4_item:nth-child(1),section.home_sec_2 .ultra4_item:nth-child(4) {
    margin-top: 5rem;
}

section.home_sec_2 .ultra4_items {
    align-items: flex-start;
    margin: 0 -8rem;
}

section.home_sec_2.active .ultra4_item {
    transform: translateY(0rem);
    opacity: 1;
    transition-delay: .5s;
}

section.home_sec_2.active .ultra4_item:nth-child(1), section.home_sec_2.active .ultra4_item:nth-child(4) {
    transition-delay: .7s !important;
    transform: translateY(0rem);
}

section.home_sec_2 .ht_line {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 40rem;
    z-index: 9;
    top: -3rem;
}

section.home_sec_2 .ht_line img {
    height: 39rem;
}

section.sx5.home_sec_7 .group_heading {
    max-width: 40rem;
}

section.home_sec_7 .sx5_item h3 {
    font-family: 'SVN-Zona Pro SemiBold';
    margin: 0;
    font-style: unset;
    color: var(--Secondary-Sepia, #773C1C);
    text-align: center;
}

section.sx5.home_sec_7 {
    padding-bottom: 12rem;
}

section.sx5.home_sec_7 .sx5_item:nth-child(4) {
    top: -9rem;
    margin-right: 42rem;
}

section.sx5.home_sec_7 .sx5_item:nth-child(3) {
    margin-right: 20rem;
    top: -6rem;
}

section.sx5.home_sec_7 .sx5_item:nth-child(5) {
    top: 0rem;
    margin-right: 33rem;
}

section.sx5.home_sec_7 a.button_link {
    margin-right: 9rem;
    position: relative;
    top: -4rem;
    z-index: 20;
}

.home_sec_8 .ht_line {
    position: absolute;
    top: -22rem;
    right: -10rem;
    height: 12rem;
    transform: rotate(0deg);
}

.home_sec_8.active .ht_line .inner {
    height: 40rem;
}

.home_sec_8 .ht_line img {
    height: 40rem;
}

.cauchuyen2_img img.img_2 {
    position: absolute;
    top: 0;
    width: 100%;
    top: 0;
    z-index: 6;
}

.cauchuyen2_img .svg_round_1, .img_story2 .svg_round_1, .res3 .svg_round_1, .business2_img .svg_round_1, .ultra4_img .svg_round_1, .cauchuyen3_img .svg_round_1, .office2_section_bg .svg_round_1, .develop2_img .svg_round_1, .develop3_img .svg_round_1, .develop6_img .svg_round_1, .ht_am_thanh .svg_round_1 {
    position: absolute;
    width: 86rem;
    height: auto;
    left: 54%;
    transform: translateX(-50%);
    top: 29.5rem;
    transition: 1.2s all;
}

.cauchuyen2_img .svg_round_1_hover , .img_story2 .svg_round_1_hover, .res3 .svg_round_1_hover, .business2_img .svg_round_1_hover, .ultra4_img .svg_round_1_hover, .cauchuyen3_img .svg_round_1_hover, .office2_section_bg .svg_round_1_hover, .develop2_img .svg_round_1_hover, .develop3_img .svg_round_1_hover, .develop6_img .svg_round_1_hover, .ht_am_thanh .svg_round_1_hover {
    opacity: 0;
}

.cauchuyen2:hover .svg_round_1 , .img_story2:hover .svg_round_1, .res3:hover .svg_round_1, .business2_img:hover .svg_round_1, .ultra4_img:hover .svg_round_1, .cauchuyen3_img:hover .svg_round_1, .office2_section_bg:hover .svg_round_1, .develop2_img:hover .svg_round_1, .develop3_img:hover .svg_round_1, .develop6_img:hover .svg_round_1, .ht_am_thanh:hover .svg_round_1 {
    transform: translateX(-50%) scale(1.8) rotateX(4deg);
    opacity: 0;
}

.cauchuyen2:hover .svg_round_1_hover, .story2:hover .svg_round_1_hover, .res3:hover .svg_round_1_hover, .business2_img:hover .svg_round_1_hover, .ultra4_img:hover .svg_round_1_hover, .cauchuyen3_img:hover .svg_round_1_hover, .office2_section_bg:hover .svg_round_1_hover, .develop2_img:hover .svg_round_1_hover, .develop3_img:hover .svg_round_1_hover, .ht_am_thanh:hover .svg_round_1_hover, .develop6_img:hover .svg_round_1_hover {
    opacity: 1;
}

section.cauchuyen2:hover .ht_line {
    height: 27rem;
    width: 40rem;
}

.ht_line {
    position: absolute;
    right: -7rem;
    overflow: hidden;
    height: 0;
    transition: 2s all;
    display: flex;
    align-items: flex-start;
    top: 2rem;
}

.ht_line img {
    width: 40rem;
    max-width: unset;
    height: 27rem;
    max-height: unset;
    top: 0;
}

.cauchuyen3 .ht_line img {
    width: 61rem;
    height: auto;
}

section.cauchuyen3:hover .ht_line {
    height: 33rem;
}

section.cauchuyen3 .ht_line {
    top: -20rem;
    right: 10rem;
}

section.cauchuyen5:hover .ht_line {
    height: 40rem;
}

section.cauchuyen5 .ht_line {
    top: -13rem;
    right: 16rem;
    z-index: 9;
}

section.story2 .svg_round_1 {
    top: 16.5rem;
    left: 50%;
}

.story3_items h3 span {
    display: block;
    font-size: 1.3rem;
    font-family: 'SVN-Zona Pro SemiBold';
    font-style: normal;
}

.song_am {
    position: absolute;
    z-index: 1;
    top: 8rem;
    left: -1rem;
    animation: spin 4s linear infinite;
}

.list1_img {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 11;
}

.song_am img {
    width: 34rem;
}

section.list1.style_2 .song_am {
    left: 25%;
    top: 11rem;
    scale: 1.1;
}

.header-bg-container {
    transition: .5s all;
    opacity: 0;
}

.header-wrapper.stuck .header-bg-container {
    opacity: 1;
}

.hieu_ung_song_am {
    background-image: url(../images/song_am_2.svg);
    position: absolute;
    top: -9rem;
    width: 40.5rem;
    height: 40.5rem;
    background-size: contain;
    background-position: center;
    right: -4rem;
    animation: pulse-border2 4000ms ease-out infinite;
    background-repeat: no-repeat;
}

.hieu_ung_song_am.style_2 {
    background-image: url(../images/songam1.svg);
    left: 29% !important;
    right: unset !important;
    width: 31.5rem;
    height: 31.5rem;
}

@keyframes pulse-border2 {
    0% {
        scale: 1;
        opacity: 1
    }

    50% {
        scale: 1.2;
        opacity: 0
    }
}

.menu_news .current-menu-item a {
    background: var(--Primary-Chamoisee, #B79372);
    color: #fff;
}

.nav_header_left ul li {
    display: flex;
}

.header-wrapper {
    position: fixed;
    top: 0;
}

.header_2 .header-wrapper:not(.stuck) img.header_logo {
    display: none !important;
}

.header_2 .header-wrapper:not(.stuck) img.header-logo-dark {
    display: block !important;
}

.header_2 .header-wrapper:not(.stuck) .box_language ul a {
    color: var(--Secondary-White-Chocola, #F0E5D5);
}

.header_2 header .header-wrapper:not(.stuck) path {
    stroke: var(--Secondary-White-Chocola, #F0E5D5);
}

section.res3 .img_bottom img.img_2 {
    position: relative;
}

section.res3 .img_bottom img.svg_round_1 {
    width: 66%;
    right: -48rem;
    bottom: 4rem;
    top: unset;
}

div#wrapper.header_2:before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 10rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.65) 0%, rgba(14, 14, 14, 0.56) 28.18%, rgba(43, 43, 43, 0.37) 56.32%, rgba(102, 102, 102, 0.00) 88.15%);
    display: block;
    z-index: 99;
    pointer-events: none;
}

.business2_img .img_3 {
    position: absolute;
    z-index: 9;
    left: 0;
}

.business2_img img.svg_round_1 {
    left: 67%;
    transform: translateX(-50%);
    top: 21.5rem;
}

.ultra4_img .svg_round_1 {
    top: 16.5rem;
    left: 50%;
}

section.ultra4:hover .ultra4_item {
    transform: translateY(-8rem);
}

section.ultra4:hover .ultra4_item:nth-child(2),section.ultra4:hover .ultra4_item:nth-child(4) {
    transform: translateY(-3rem);
}

.product_item:hover {
    background: #E2D5C1;
}

.product_item:hover .box_img {
    transform: translateY(-1rem);
}

.sx1_note {
    position: relative;
    transition-delay: .5s;
}

.sx1_note img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -14rem;
    width: 9rem;
    transition: 2.5s all;
    transition-delay: .5s;
}

section.sx1>.row .sx1_note.text-center.active {
    color: #773C1C;
    transition-delay: .2s;
    background-position: 0% center;
}

section.sx1>.row .sx1_note.active img.cf_icon {
    left: calc(100% + 2rem);
    transition-delay: .2s;
}

.heading_title br+br {
    display: none;
}

.develop3_item:nth-child(2) {
    position: relative;
    z-index: -1;
}

.develop3_item:nth-child(3) {
    z-index: -2;
    margin-top: 8rem;
}

.develop5 {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: background-image 0.4s ease;
}

.develop5 .nen {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.52) 37.77%, rgba(0, 0, 0, 0.85) 100%);
    z-index: 2;
    height: 100%;
}

.develop5_item * {
    transition: .5s all;
}

.develop5_item {
    cursor: pointer;
}

.develop5_item.active * {
    color: #A2CFE6 !important;
}

.menu_main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    opacity: 0;
    transition: .5s all;
    pointer-events: none;
}

.menu_main .inner {
    width: 18rem;
    height: auto;
    background: #0D1B44;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 9;
}

.menu_main .close_menu {
    position: absolute;
    top: 1rem;
    left: 1rem;
    fill: #fff;
    transform: rotate(0);
    transition: .6s all;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.menu_main .close_menu svg {
    width: 2rem;
    height: auto;
}

.menu_main ul {
    margin: 0;
    row-gap: 1.5rem;
}

.menu_main ul li {
    border: none !important;
}

.menu_main ul li a {
    color: #fff;
}

.menu_main .inner .primary {
    background: transparent !important;
    width: 100%;
    padding: 4.5rem 0 0;
}

.menu_main ul li {
    box-sizing: border-box;
}

.menu_main ul li a {
    font-size: 0.9rem;
    padding: 0;
    position: relative;
    font-family: 'SVN-Zona Pro SemiBold';
    padding: .7rem 2rem !important;
    color: var(--Secondary-White-Chocola, #F0E5D5);
}

.menu_main ul li a:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #fff;
    transition: .5s all;
    display: none;
}

.menu_main ul li a:hover:before {
    width: 100%;
}

.close_menu:hover {
    transform: rotate(360deg);
}

.menu_main ul li.current-menu-item a:before {
    width: 100%;
}

.bg_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .7;
}

.menu_main.active {
    opacity: 1;
    pointer-events: unset;
}

.list2_item:hover .box_img img {
    scale: .9;
}

.list2_item {
    cursor: pointer;
}

section.list2.style_2 {
    padding-top: 3rem;
}

.product_wraps.flex.style_2 {
    margin: 3rem -.8rem 0;
}

.product_item.style_2 {
    width: calc(calc(100% / 3) - 1.6rem);
}

.box_img_round {
    position: absolute;
}

.product2_box_img>img {
    display: block;
    width: 100%;
    height: 100vh;
    position: relative;
    object-fit: cover;
}

.box_img_round {
    position: absolute;
    top: 22vh;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25rem;
    transition: .5s all;
}

.product2_box {
    position: relative;
}

.product2_box_title {
    position: absolute;
    width: max-content;
    filter: brightness(0) invert(1);
    top: 7rem;
}

.product2_box_img {
    position: relative;
}

.product2_box_img>.img2 {
    opacity: 1;
    position: absolute;
    bottom: 0;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.5);
    transition: 2s all;
}

.product2_box_img>.img2 {
    transform: translate(-50%, -50%) scale(1);
    z-index: 10;
    pointer-events: none;
    opacity: 0;
}

/*.product2_box_img:hover>.img2 {*/
/*    transform: translate(-50%, -50%) scale(10);*/
/*    pointer-events: none;*/
/*}*/
section.product2>.row {
    z-index: 11;
}

section.product2:before {
    content: '';
    background-image: url(../images/img_line_bottom.svg);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10rem;
    background-repeat: no-repeat;
    background-position: bottom center;
    z-index: 9;
}

section.product3 {
    padding-top: 2rem;
    overflow: hidden;
}

.product2_box_item {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 15;
    opacity: 0;
    transition: 1s all;
    transform: translateY(1.5rem);
}

.product2_box_item {
    width: 7.15rem;
    height: 7.15rem;
    position: absolute;
    top: 10rem;
    left: 14rem;
    animation: hu__hu__2 infinite 2s ease-in-out;
}

.product2_box_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.product2_box_item:nth-child(2) {
    top: 27rem;
    left: 18rem;
    z-index: 2;
    animation: hu__hu__2 infinite 3s ease-in-out;
}

.product2_box_item:nth-child(3) {
    top: 31rem;
    left: 8rem;
    width: 15.85rem;
    height: 15.85rem;
    z-index: 1;
    animation: hu__hu__2 infinite 4s ease-in-out;
}

.product2_box_item:nth-child(4) {
    width: 15.05rem;
    height: 15.05rem;
    top: 9rem;
    left: unset;
    right: 4rem;
    animation: hu__hu__2 infinite 5s ease-in-out;
}

.product2_box_item:nth-child(5) {
    width: 6.85rem;
    height: 6.85rem;
    left: unset;
    right: 21rem;
    bottom: 10rem;
    top: unset;
}

.product2_box_img:hover .product2_box_item {
    opacity: 1;
    transition: 1s all;
    transform: translateY(0rem);
}

.product2_box:hover .product2_box_item {
    opacity: 1;
    transform: translateY(0);
}

.has_ht:hover .ht_line {
    height: 33rem;
    z-index: 9999999;
}

.has_ht .ht_line {
    top: unset;
    bottom: 14rem;
    left: 50%;
    transform: translate(-50%,100%);
}

[href="#search-lightbox"] {
    display: none !important;
}

section.search-page {
    padding: 8rem 0;
}

a.scroll_down svg {
    animation: hu__hu__2 infinite 2s ease-in-out;
}

@keyframes hu__hu__2 {
    50% {
        transform: translateY(30px)
    }
}

.wrap_footer .content p {
    margin-bottom: 1.4rem;
}

.home_sec_1:after {
    background-image: url(../images/nen_banner.png);
}

section.sx5.home_sec_7:before {
    display: none;
}

section.sx5.home_sec_7 {
    padding-bottom: 0 !important;
}

.line_hover {
    position: absolute;
    top: -14rem;
    right: 9rem;
    pointer-events: none !important;
}

.line_hover img {
    height: 29rem;
    width: auto;
    transform: rotate( 9deg);
}

.line_hover .inner {
    overflow: hidden;
    height: 0;
    transition: 1s all;
}

.home_sec_8.active .line_hover .inner {
    height: 29rem;
}

section.cauchuyen1 {
    background: #000;
}

.cauchuyen2_content img {
    width: 10rem;
    position: absolute;
    top: -10rem;
    right: -6rem;
    animation: hu__hu__2 infinite 2s ease-in-out;
}

.cauchuyen3_item {
    line-height: 1.4;
}

.cauchuyen3_img .svg_round_1 {
    left: 80%;
    top: 34.5rem;
    transform: translateX(-50%) rotateX(13deg);
}

.cauchuyen3_img>img:nth-child(1) {
    z-index: 2;
    position: relative;
}

.slider_cn_bottom:before {
    width: 34.8rem;
    height: 2px;
    display: inline-block;
    content: '';
    background: linear-gradient(45deg, transparent, #B79372, transparent);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: .7;
}

.slider_cn_bottom .item:hover .icon {
    transform: translate(-50%,-50%) scale(1.15);
}

.story3_items .img_2 {
    position: absolute !important;
    top: 0;
    z-index: 1;
}

img.song_am_ht {
    position: absolute !important;
    width: 32rem;
    animation: spin 7s linear infinite;
    left: 13rem !important;
    top: 12rem !important;
}

.story3_items .row:nth-child(2):after {
    content: '';
    content: '';
    position: absolute;
    bottom: 0;
    height: 100%;
    background: linear-gradient(90deg, #eee5d7, #EEE5D7,#EEE5D7, transparent);
    width: 105%;
    transform: translateX(-50%);
    z-index: 2;
    pointer-events: none;
    left: 0;
    right: unset;
}

.story3_items .row:hover .line_hover .inner {
    height: 35rem;
}

body .story3_items .line_hover {
    top: 0;
    width: auto !important;
    z-index: 9;
}

.story3_items .row:nth-child(1) .line_hover {
    left: unset;
    right: -13rem;
    top: 9rem;
}

.story3_items .inner img {
    height: 40rem;
}

.story3_items .inner {
    justify-content: flex-end;
    display: flex;
    transition: 3s all;
}

.story3_items .row:nth-child(2) .line_hover .inner {
    justify-content: flex-start;
}

.story3_items .row:nth-child(2) .line_hover .inner img {
    height: 26rem;
    transform: rotate(1deg);
}

.story3_items .row:nth-child(2) .line_hover {
    top: -1rem;
    left: 9rem;
}

.story3_items .row+.row {
    margin-top: -4rem;
}

.story3_items .row:nth-child(2):hover .line_hover .inner img {
    height: 26rem;
}

.story3_items .row:nth-child(3) .line_hover .inner img {
    height: 35rem;
}

.story3_items .row:nth-child(3) .line_hover .inner {
    transform: rotate(-7deg);
    justify-content: flex-start;
    padding-left: 10rem;
}

.story3_items .row:nth-child(3) .line_hover {
    top: -5rem;
}

.story3_items .row:nth-child(3) .story3_img {
    z-index: 10;
}

.story3_items .row:nth-child(3):before {
    z-index: 12;
}

.story3_items .row:nth-child(4) .line_hover .inner {
    display: flex;
    justify-content: flex-start;
    transform: rotate(-12deg);
}

.story3_items .row:nth-child(4) .line_hover {
    top: -22rem;
}

.story3_items .row:nth-child(5) {
    margin-top: -16rem;
}

.story3_items .row:nth-child(5) h3 {
    margin-top: 15rem;
}

.story3_items .row:nth-child(5) .line_hover .inner {
    display: flex;
    justify-content: flex-start;
}

.story3_items .row:nth-child(5) .line_hover .inner img {
    height: 21rem;
}

.story3_items .row:nth-child(5):before {
    display: none;
}

.arrow_style .arrow_slider {
    position: absolute;
    top: 50%;
    left: -4rem;
    width: 2.25rem;
    height: 2.25rem;
    border: 2px solid #773C1C;
}

.arrow_style .arrow_slider svg {
    width: 54%;
}

.arrow_style .arrow_slider.next {
    left: unset;
    right: -4rem;
}

.arrow_style .arrow_slider:hover {
    background: #8e5d4136;
}

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

.wrap_button .arrow_slider:hover {
    background: rgb(119 60 28 / 30%);
}

.product4_item:hover .icon img {
    transform: rotateY(360deg);
}

.office2_section_bg img.svg_round_1 {
    width: 74rem;
    left: 67%;
    top: 40.5rem;
    transform: translateX(-50%) rotateX(8deg);
}

.office2_section_bg .img_2 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: block;
    z-index: 2;
}

.develop2_img img.svg_round_1 {
    width: 79rem;
    left: 62%;
    top: 23.5rem;
}

.develop4_item_text>.icon {
    width: 6rem;
    height: 6rem;
    margin-bottom: .7rem;
    display: flex;
    justify-content: flex-end;
}

.develop4_item_text>.icon img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.develop3_img .svg_round_1 {
    width: 85rem;
    left: 28rem;
    top: 24.5rem;
    transform: translateX(-50%) rotateX(11deg);
}

.develop6_img .svg_round_1 {
    width: 75rem;
    left: 64%;
    top: 23.5rem;
}

.develop3:hover .develop2_quote {
    background-position: 0% center;
}

.sx5_img img.svg_round_1 {
    width: 76rem;
    left: 63%;
    top: 22.5rem;
}

.sx2_hero {
    padding-top: 12rem;
}

section.sx2 .line_hover {
    top: -1rem;
    right: unset;
    transform: translateX(-50%);
    left: 50%;
}

section.sx2:hover .line_hover .inner {
    height: 26rem;
}

section.sx2 .line_hover img {
    height: 13rem;
    object-fit: contain;
    transform: rotate(-11deg);
}

section.sx2 .line_hover .inner {
    transition: 5.5s all;
}

section.sx3:hover .line_hover .inner,section.sx4:hover .line_hover .inner {
    height: 30rem;
}

section.sx3 .line_hover .inner img {
    transform: rotate(2deg);
    height: 30rem;
}

section.sx3 .line_hover .inner,section.sx4 .line_hover .inner {
    transition: 3s all;
}

.ultra2_center .box_img {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.ultra2_center .box_img img {
    position: relative;
}

section.ultra2:hover .line_hover .inner {
    height: 19rem;
}

section.ultra2 .line_hover {
    z-index: 9;
    right: 50%;
    transform: translateX(50%);
    top: -16rem;
}

section.ultra2 .line_hover img {
    height: 24rem;
    transform: rotate( 0);
}

.ultra5_item:hover .line_hover .inner {
    height: 30rem;
    transition: 2s all;
}

.ultra5_item:nth-child(3) .line_hover .inner {
}

.ultra5_item:nth-child(3) .line_hover {
    right: 60%;
    top: -7rem;
}

.ultra5_item:nth-child(4) .line_hover {
    right: 28%;
    top: -14rem;
}

.ultra5_item:nth-child(4) .line_hover img {
    transform: rotate( -4deg);
}

section.ultra6:hover .line_hover .inner {
    height: 30rem;
    transition: 2s all;
}

section.ultra6 .line_hover .inner img {
    height: 30rem;
    transform: rotate(-9deg);
}

section.ultra6 .line_hover {
    top: -11rem;
    right: 2rem;
    z-index: 10;
}

.sx5_img .img_2, .img_path {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}

.detail1_actions a:hover {
    scale: .95;
    opacity: .7;
}

section.business2 .row {
    z-index: 10;
}

.wrap_product_info .item {
    display: flex;
    padding: 1.2rem 0;
    border-bottom: 1px solid rgb(183 147 114 / 50%);
}

.wrap_product_info .item>b {
    flex: 0 0 auto;
    width: 24rem;
    padding-right: 2rem;
}

.wrap_product_info {
    margin: 1.2rem 0 2rem;
}

.wrap_product_info .item:nth-child(1) {
    border-top: 1px solid rgb(183 147 114 / 50%);
}

.detail1_subtitle:first-child {
    margin: 0;
}

.detail1_subtitle+h1.heading_title {
    margin-bottom: 1rem;
}

section.detail1+section.detail_custom_section {
    margin-top: 3rem;
}

.wrap_form_contact.td_form {
}

.form_td {
    max-width: 44rem;
    border-radius: 2.5rem;
    background: var(--Primary-Oxford-Blue, #0D1B44);
    padding: 3.15rem 3.15rem 1rem;
}

.form_td * {
    color: var(--Secondary-White-Chocola, #F0E5D5);
}

.form_td label span {
    color: red;
}

.form_td input:not([type="file"]), .form_td textarea {
    height: 2.75rem;
    border-radius: 100px !important;
    border: 1px solid rgba(240, 229, 213, 0.35);
    padding: 0 1.1rem;
}

.form_td h2.heading_title {
    font-size: 2.5rem;
}

.form_td .group_heading.text-center {
    margin-bottom: 1rem !important;
}

.form_td .content_apply {
    font-size: .65rem;
    margin-bottom: .2rem;
}

.form_td textarea {
    padding: 1.1rem;
    height: 4.45rem;
    border-radius: 0.75rem !important;
}

.form_td .content {
    font-size: .65rem;
}

.form_td .group_heading.text-center .content {
    font-size: .8rem;
}

.form_td .button_link.relative {
    margin: 2rem 0 0;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    margin: 0 !important;
}

section.list5 h2.heading_title {
    font-family: 'SVN-Zona Pro SemiBold';
    font-style: unset;
    font-size: 1.75rem;
    margin: 0;
}

.arrow_slider:hover {
    border-color: #0d1b44 !important;
    background: #0d1b44 !important;
}

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

.arrow_slider path {
    transition: .5s all;
}

.detail1_spec_row.detail1_spec_row2 >* {
    width: 100%;
    flex-direction: unset;
    align-items: center;
}

.detail1_spec_row.detail1_spec_row2 label {
    width: 12rem !important;
}

.detail1_spec_row.detail1_spec_row2 span.label {
    width: 13rem;
}

.office2_section .row {
    max-width: 86rem !important;
}

.item_step .box_content b {
    font-size: 1.5rem;
}

.wpcf7 .wpcf7-not-valid-tip {
    color: #333 !important;
    font-size: .7rem;
}

.wpcf7-response-output {
    text-align: center;
    margin-top: .5rem !important;
}

button.fancybox-button {
    width: 2.5rem;
    height: 2.5rem;
    background: #fff;
    top: 1rem !important;
    right: 1rem !important;
    border-radius: 100px;
    opacity: 1 !important;
    color: #0d1b44 !important;
}

button.fancybox-button * {
    color: #0d1b44 !important;
}

.list_td_other .dateline {
    font-size: .7rem;
}

.play_btn:before,.play_btn:after {
    border: 1px solid rgb(157 113 88);
    content: '';
    width: 7rem;
    height: 7rem;
    content: '';
    position: absolute;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
}

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

    100% {
        transform: translateZ(0) scale(1.5);
        opacity: 0
    }
}

.play_btn:after {
    animation: pulse-border 1700ms ease-out infinite;
}

.item_faq.active .icon:before {
    transform: rotate(90deg);
}

div#ez-toc-container {
    border-radius: 1rem;
    background: #F7EEDF;
    border: none;
    padding: 0;
}

/*span.ez-toc-icon-toggle-span {*/
/*    display: none;*/
/*}*/
.ez-toc-title-container {
    padding: 1.3rem 2rem .8rem;
    font-size: 1rem;
    font-family: 'SVN-Zona Pro SemiBold';
    text-transform: uppercase;
    color: var(--Primary-Oxford-Blue, #0D1B44);
}

ul.ez-toc-list a {
    color: var(--Primary-Oxford-Blue, #0D1B44) !important;
    font-size: 0.9rem !important;
}

ul.ez-toc-list.ez-toc-list-level-1 {
    padding: .9rem 2rem !important;
}

ul.ez-toc-list.ez-toc-list-level-1 li+li {
    margin-top: .2rem !important;
}

.item_post_nb:before, .post_item .box_img:after {
    top: unset;
    left: unset;
    z-index: 9;
    width: 22rem;
    height: 22rem;
    right: -10rem;
    bottom: -11rem;
    opacity: 0;
    transition: .5s all;
}

.item_post_nb:hover:before {
    opacity: 1;
}

.post_item:hover .box_img:after {
    opacity: 1;
}

.post_item .box_img:after {
    width: 14rem;
    height: 14rem;
    right: -6.5rem;
    bottom: -7rem;
}

div#posts_list .post_item:hover:nth-child(1) .box_content, div#posts_list .post_item:hover:nth-child(2) .box_content {
    opacity: 0;
}

a#btn_load_more {
    margin-top: 3rem;
}

.res3_item:hover:after {
    opacity: 1;
}

.res5_item+.res5_item:before {
    content: '';
    position: absolute;
    background: rgba(240, 229, 213, 0.20);
    width: 1px;
    height: 100%;
    left: -3rem;
}

.sx5_item .box_img .number {
    width: 2.05rem;
    height: 2.05rem;
    position: absolute;
    background: #A2CFE6;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    color: #0B1637;
    font-size: 1rem;
    border: 3px solid #EEE5D7;
}

section#sx4_section .line_hover {
    z-index: 9;
    top: -23rem;
    right: 1rem;
}

.sx3_arrows.flex .arrow_slider {
    height: 1.8rem;
    width: 1.8rem;
    border: 1px solid #773C1C;
}

.sx3_arrows.flex .arrow_slider svg {
    width: 51%;
}

.sx3_arrows.flex {
    gap: .5rem;
    padding-left: 2.7rem;
}

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

.detail_custom_section_item ul li {
    display: flex;
}

.detail_custom_section_item ul li:before {
    content: '';
    background-image: url(../images/hatcf.svg);
    width: .9rem;
    height: .9rem;
    flex: 0 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
    margin: .2rem .5rem 0 0;
}

.list_office {
    margin-top: 1rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 2.25rem;
    font-size: 0.7rem;
    color: #fff;
}

.select2-container .select2-selection--single {
    height: 2.25rem;
    border-radius: 0.5rem;
    border: 1px solid rgba(240, 229, 213, 0.30);
    background-color: transparent !important;
}

button.select2-selection__clear {
    display: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
}

.select2-results__option {
    margin: 0;
    font-size: .8rem;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: #eee5d7;
    color: #333;
}

.list_office {
    margin-top: 1rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 2.25rem !important;
    font-size: 0.7rem !important;
    color: #fff !important;
}

.select2-container .select2-selection--single {
    height: 2.25rem !important;
    border-radius: 0.5rem !important;
    border: 1px solid rgba(240, 229, 213, 0.30) !important;
    background-color: transparent !important;
    background-image: url(../images/down_icon.svg);
}

button.select2-selection__clear {
    display: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
}

.select2-results__option {
    margin: 0;
    font-size: .8rem;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: #d5c2a5 !important;
    color: #333 !important;
}

.hamburger {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    cursor: pointer;
    width: 2.5rem;
}

.hamburger span {
    display: block;
    height: 2px;
    background-color: #0D1B44;
    border-radius: 2px;
    transition: width 0.3s ease;
}
.hamburger span:nth-child(1) {
    width: 100%;
}

.hamburger span:nth-child(2) {
    width: 70%;
}

.hamburger span:nth-child(3) {
    width: 45%;
}
.hamburger:hover span:nth-child(1) {
    width: 100%;
}

.hamburger:hover span:nth-child(2) {
    width: 100%;
}

.hamburger:hover span:nth-child(3) {
    width: 100%;
}

.header_2 .header-wrapper:not(.stuck) .hamburger span {
    background: var(--Secondary-White-Chocola, #F0E5D5);
}

.product2_section {
    position: relative;
}

.product2_desktop {

    height: 250vh;
    position: relative;
}

.product2_container {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.product2_mask {
    width: 100%;
    height: 100%;
    clip-path: circle(27% at 50% 50%);
    transition: clip-path 0.05s linear;
}

.product2_box {
    width: 100%;
    height: 100%;

}

.box_img_round>img {
    opacity: 0;
}

.slider_product_box .product_item.style_2 {
    width: calc(calc(100% ) - 1.6rem);
}

.box_popup {
    position: absolute;
    top: 0;
    transform: translateY(-104%);
    border: 1px solid rgba(33, 53, 111, 0.50);
    background: rgba(13, 27, 68, 0.50);
    backdrop-filter: blur(50px);
    width: 13rem;
    text-align: left;
    font-size: .7rem;
    font-family: 'SVN-Zona Pro';
    padding: 1.5rem;
    pointer-events: none;
    opacity: 0;
    transition: .5s all;
    border-radius: 1rem;
}

.box_popup h3 {
    margin: 0;
    color: #A2CFE6;
    font-size: 0.85rem;
    font-family: 'SVN-Zona Pro SemiBold';
    font-style: unset;
    margin: .2rem 0;
    color: #A2CFE6 !important;
}

.sx4_step:hover .box_popup {
    opacity: 1;
}

.box_contact_page {
    position: relative;
    border-radius: 1rem;
    background: var(--Primary-Oxford-Blue, #0D1B44);
    overflow: hidden;
    margin-top: 1.5rem;
}

.box_contact_page * {
    color: #F0E5D5;
}

.box_contact_page a.button_link {
    flex: 0 0 auto;
}

.box_contact_page h3 {
    margin: 0;
    font-size: 1.5rem;
    font-style: italic;
    font-weight: 500;
    margin-right: 3rem;
}

.box_contact_page {
    padding: 4rem 2rem 4rem 10rem;
}

.box_contact_page:before {
    width: 13.65rem;
    height: 13.75rem;
    top: 0;
    right: unset;
    left: -7rem;
}

span.wpcf7-spinner {
    position: absolute;
}

.nav_mobile_control {
    display: none;
}

.product_box {
    position: relative;
}

.product_box h3 {
    position: absolute;
    padding: 2rem;
    top: 0rem;
    text-align: center;
    color: #f0e5d5;
    font-size: 1.6rem;
    opacity: 1;
    transition: .5s all;
}

.product3_wrap .nav_control.flex {
    position: absolute;
    bottom: 0;
    width: 75%;
    right: 0;
    z-index: 9;
}

section.product3 .swiper.slider_product_box {
    padding-bottom: 3rem;
}

section.product3 .slider_product_box .swiper-slide {
    transition: .6s all;
}

section.product3 .slider_product_box .swiper-slide.swiper-slide-active .product_box {
    height: calc(100% + 2rem) !important;
}

section.product3 .slider_product_box .swiper-slide {
    height: auto;
}

section.product3 .slider_product_box .swiper-slide.swiper-slide-active .product_box .box_img {
    height: 17rem;
    top: 3rem;
}

section.product3 .slider_product_box .swiper-slide.swiper-slide-active .product_box h3 {
    opacity: 1;
}

section.product3 .slider_product_box .swiper-slide .product_box {
    height: 24rem;
    transition: .7s all;
}

.menu_main ul li a {
    width: 100%;
    padding: 1rem 0;
    transition: .5s all;
}

.menu_main .menu>li+li {
    border-top: 1px solid rgba(240, 229, 213, 0.15) !important;
}

.toggle {
    color: var(--Secondary-White-Chocola, #F0E5D5) !important;
    opacity: 1;
    font-size: .8rem;
}

ul.sub-menu {
    border: none !important;
}

ul.sub-menu a {
    font-size: .9rem !important;
    padding: .2rem 1rem !important;
}

.menu_main ul ul li a {
    padding: .5rem 1rem !important;
    font-size: .8rem !important;
}

.menu_main .menu>li.current-menu-item>a,.menu_main .menu>li a:hover {
    background: var(--Primary-Chamoisee, #B79372);
    color: #fff;
}

.primary>.menu {
    max-height: 90vh;
    overflow: auto;
    overflow-x: hidden;
}

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

.primary>.menu::-webkit-scrollbar {
    width: 0.417rem;
    background-color: #cedbff;
}

.primary>.menu::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
}

a.button_search {
    margin: 0 1rem !important;
}

li.html.header-button-1 a {
    background: #0D1B44;
}

a#top-link {
    background: #0D1B44 !important;
    border-color: #0D1B44 !important;
    color: #fff !important;
}

.product2_item:last-child {
    margin-bottom: 6rem;
}

.sx3_slider_group.active , .detail5_tab_panel.active {
    animation-name: fade_up;
    animation-duration: 1.5s;
}

ul.ez-toc-list.ez-toc-list-level-1 {
    border-top: 1px solid rgba(0, 0, 0, 0.10);
}

span.ez-toc-icon-toggle-span {
    background-image: url(../images/down.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
}

.toc_close span.ez-toc-js-icon-con {
    transform: rotate(180deg);
}

span.ez-toc-icon-toggle-span svg {
    opacity: 0;
}

span.ez-toc-js-icon-con {
    border: none !important;
}

section.contact_sec_1 .hieu_ung_song_am.style_2 {
    top: unset;
    left: 0 !important;
    right: unset;
    bottom: -13rem !important;
}

.home_sec_8 .line_hover {
    top: -8rem;
    right: 5rem;
}

ul.socials_footer {
    list-style: none;
    margin: 1rem 0 2rem 0;
    display: flex;
    fill: #fff;
    gap: 1rem;
}

ul.socials_footer svg {
    width: 1rem;
    height: auto;
}

ul.socials_footer li {
    margin: 0;
}

ul.socials_footer a {
    display: flex;
    align-items: center;
}

ul.socials_footer a path {
    fill: #fff;
}

.zoom_lens_cursor {
    position: fixed;
    border: 2px solid rgba(180,150,100,0.9);
    background: rgba(240,229,213,0.25);
    pointer-events: none;
    z-index: 99999;
    /* ← tăng z-index cao hơn zoom box */
    box-sizing: border-box;
    min-width: 10px;
    /* ← tránh collapse về 0 */
    min-height: 10px;
    display: block;
}

footer#footer {
    padding-bottom: 1rem;
}

li.html.header-button-1 a:hover {
    background: #773C1C;
    box-shadow: none;
}

@keyframes fade_up {
    from {
        opacity: 0;
        transform: translateY(1rem);
    }

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

/*.slider_gallery_main .swiper-slide {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*}*/
.product3_wrap {
    display: block;
}

ul.share_posts a:hover {
    background: #773C1C;
}

.product3_wrap .box_right {
    width: auto;
    margin: 0 -1rem;
}

ul.list_tags a:hover {
    background: #0d1b44;
}

.home_sec_8_img img {
    width: 100%;
}

.sx6_img img {
    width: 100%;
}

.list2_item .box_img img.active {
    position: absolute;
    opacity: 0;
    transition: .5s all;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.list2_item:hover .box_img img.active {
    opacity: 1;
}

.list2_item:hover .box_img img {
    opacity: 0;
}

.arcu-widget .messanger .arcu-item-icon {
    width: 50px;
    height: 50px;
    margin-top: -25px;
}

.arcu-widget .messanger {
    min-height: 60px;
    padding: 8px 20px 8px 70px;
}

button.fancybox-button.fancybox-button--zoom {
    margin-right: 10px;
}

.item_office ul li a {
    color: #fff !important;
}

.res2_item .icon img {
    max-height: 100%;
    width: auto;
    display: block;
}

.res2_item .content {
    max-height: 9rem;
    overflow: auto;
    text-align: center;
    padding-right: .4rem;
    text-align: justify;
}

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

.res2_item .content::-webkit-scrollbar {
    width: 0.217rem;
    background-color: #cedbff;
}

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

.res2_item h3.title {
    color: #773C1C;
    font-size: 1.25rem;
    margin: .8rem 0;
    font-style: unset;
    font-family: 'SVN-Zona Pro Bold';
}

section.list1 .song_am svg {
    width: 38rem;
}

section.list1 .song_am svg path {
    fill: rgb(240, 229, 213);
    transition: fill 2s ease;
    animation: changeFill 2s ease forwards;
    animation-delay: 1s;
    /* delay 2 giây */
}

@keyframes changeFill {
    from {
        fill: rgb(240, 229, 213);
        /* màu ban đầu */
    }

    to {
        fill: rgba(162, 207, 230, 1);
    }
}

section.list1 .song_am svg {
    width: 34rem;
    height: auto;
}

html {
    overflow: unset !important;
    margin: 0 !important;
}

.content {
    text-align: justify;
}

.text-center .content {
    text-align: center;
}

section.develop5 h3 {
    font-style: unset;
    font-family: 'SVN-Zona Pro Bold';
}

.inner_content.link_position {
    margin-top: 40rem;
}

#product-filter-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 2rem;
    justify-content: flex-end;
    margin: 1.5rem -8.8rem;
}

.filter_group {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 10rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    gap: 0;
    border: 1px solid #c8b8a8;
    border-radius: 0.3rem;
    background: #fff;
    cursor: pointer;
    height: 2.5rem;
}

/* Label hiển thị như placeholder của select */
.filter_group > .filter_label {
    position: absolute;
    left: 0.7rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.65rem;
    color: #6b5c4e;
    /* tuỳ màu theme */
    pointer-events: none;
    white-space: nowrap;
    z-index: 2;
    transition: opacity 0.2s;
}

/* Ẩn label khi đã có filter active trong nhóm này */
.filter_group.has-active > .filter_label {
    opacity: 1;
}

/* Options wrapper — mặc định ẩn, hiện khi hover/focus */
.filter_options {
    display: flex;
    align-items: center;
    gap: 0;
    border-radius: 0.3rem;
    overflow: hidden;
    cursor: pointer;
    min-width: 7rem;
    height: 2.2rem;
    padding-left: 4.5rem;
    /* chá»— cho label */
    position: absolute;
    left: 0;
    z-index: 9;
    overflow: auto;
    max-width: 100%;
}

/* Khi nhóm đã có item active thì bỏ padding */
.filter_group.has-active .filter_options {
    padding-left: 0.4rem;
}

/* Má»—i button filter */
.filter_btn {
    display: none;
    /* ẩn mặc định — chỉ hiện khi dropdown mở */
    border: none;
    background: transparent;
    padding: 0.4rem 0.7rem;
    font-size: 0.65rem;
    color: #4a3728;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s;
    height: 100%;
}

/* Nút đang active thì luôn hiển thị (đã chọn) */
.filter_btn.active {
    display: inline-flex;
    align-items: center;
    background: #773C1C;
    color: #fff;
    border-radius: 0.2rem;
    margin: 0;
    padding: 0.2rem 0.5rem;
    font-size: 0.6rem;
    height: auto;
    border: 2px solid #fff;
}

/* Dropdown mở */
.filter_group.open .filter_options {
    position: absolute;
    top: calc(100% + 0.2rem);
    left: 0;
    z-index: 100;
    flex-direction: column;
    align-items: stretch;
    border-radius: 0.4rem;
    min-width: 8rem;
    height: auto;
    padding: 0;
    box-shadow: 0 0.2rem 0.8rem rgba(0,0,0,0.12);
    background: #fff;
}

.filter_group.open .filter_btn {
    display: block;
    padding: 0.5rem 0.8rem;
    text-align: left;
    border-radius: 0;
    height: auto;
    margin: 0;
}

.filter_group.open .filter_btn:hover {
    background: #f5ede5;
}

.filter_group.open .filter_btn.active {
    background: #f5ede5;
    color: #773C1C;
    font-weight: 500;
    border-radius: 0;
    margin: 0;
    padding: 0.5rem 0.8rem;
    font-size: 0.65rem;
}

/* Mũi tên dropdown */
.filter_group::after {
    content: '';
    position: absolute;
    right: 0.6rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 0.2rem solid transparent;
    border-right: 0.2rem solid transparent;
    border-top: 0.25rem solid #773C1C;
    pointer-events: none;
    transition: transform 0.2s;
}

.filter_group.open::after {
    transform: translateY(-50%) rotate(180deg);
}

/* Nút reset */
#btn-filter-reset {
    border: 0.05rem solid #773C1C;
    background: transparent;
    color: #773C1C;
    border-radius: 0.3rem;
    padding: 0.4rem 0.8rem;
    font-size: 0.65rem;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
    margin: 0;
    height: 2.5rem;
    min-height: unset;
    padding: 0 1rem;
}

#btn-filter-reset:hover {
    background: #773C1C;
    color: #fff;
}
[lang="en-GB"] .office3_section_content.text-center {
    max-width: 50rem;
}
[lang="en-GB"] section.product4 h2.heading_title {
    max-width: 38rem;
}
[lang="en-GB"] section.list1 .list1_content {
    max-width: 33rem;
}
[lang="en-GB"] .home_sec_3_items .item:nth-child(even) .box_content {
    padding: 0 5rem 0 3rem;
}
.develop5_item .content{
    text-align: center;
}
.filter_group > .filter_label {
    position: unset !important;
    transform: unset !important;
}

.filter_options {
    position: unset;
    max-width: unset !important;
    padding: 0 !important;
    min-width: unset;
}

.filter_group {
    border-radius: 100px;
    padding: 0 1rem;
    width: auto;
    min-width: 7rem;
    gap: .3rem;
}

.filter_btn {
    border-radius: 100px !important;
}

.filter_group.open .filter_btn {
    border-radius: .4rem !important;
    line-height: 1.6;
}

.filter_group.open .filter_btn.active {
    background: #773C1C;
    color: #fff;
}

#btn-filter-reset {
    border-radius: 100px;
}
#product-filter-wrap .box_title {
    display: flex;
    align-items: center;
    gap: .5rem;
    fill: #773c1c;
}

#product-filter-wrap .box_title svg {
    display: block;
    width: 1rem;
    height: auto;
}
.sx4_tooltip_icon{
    display: none;
}
.video_box_iframe {
    padding-bottom: 56.25%;
    position: relative;
}

.video_box_iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    max-height: unset !important;
    /*pointer-events: none;*/
}
.home_sec_4.active .home_sec_4_box {
    width: 100vw;
    border-radius: 0;
    height: 100% !important;
}

.home_sec_4_box iframe {
    width: 100%;
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
    /*pointer-events: none;*/
}
[lang="en-GB"] .ultra5_item_content {
    max-width: 28rem;
}
/*section.home_sec_4.active .home_sec_4_box.video_box_iframe {*/
/*    padding-bottom: 56.25%;*/
/*    position: relative;*/
/*    width: auto !important;*/
/*    height: auto !important;*/
/*}*/
.video_if {
    padding-bottom: 56.25%;
    position: relative;
    background: #000;
    width: 100%;
}

.video_if iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .6;
}

.video_if_box .row {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 9 !important;
}

.video_if_box {
    padding: 0 !important;
}

.video_if_box h1.heading_title {
    color: var(--Secondary-White-Chocola, #F0E5D5);
}

.video_if_box .content {
    color: var(--Secondary-White-Chocola, #F0E5D5);
    text-align: center;
}
section.list1.video_if_box:not(.style_2) * {
    text-align: left;
}
section.list1.video_if_box:not(.style_2) .row {
    bottom: 4rem;
}
.sx1 .video_if iframe {
    opacity: 1;
}
section.ultra1.video_if_box {
    position: relative;
}

section.ultra1.video_if_box .row.justify-center {
    top: 50%;
    transform: translate(-50%,-50%);
}
.slider_product_box2 .swiper-slide {
    height: auto;
}

.slider_product_box2 .product_item {
    height: 100%;
}
.page-template-sieu_am .ultra1:before {
    opacity: .1;
}

.page-template-sieu_am .ultra1 iframe {
    opacity: 1;
}
.slider_product_box .swiper-slide {
    height: auto;
}

.slider_product_box .swiper-slide>* {
    height: 100%;
}
section.res1.product1.video_box_iframe .row {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translate(-50%,-50%);
    left: 50%;
}
.list2_wrap .item .content {
    text-align: left;
}
@media only screen and (min-width: 767px) {
    .ultra3_step_nav .item:nth-child(1) .content,.ultra3_step_nav .item:nth-child(2) .content {
        text-align: right;
    }

    .ultra3_step_nav .item:nth-child(3) .content, .ultra3_step_nav .item:nth-child(4) .content {
        text-align: left;
    }
}
@media only screen and (max-width: 1199px) {
    html {
        font-size: 1.3vw;
    }

    :root {
        --container-w: 950px
    }

    .load_home_page svg {
        width: 320px;
    }

    .home_sec_4 {
        height: 45rem;
    }

    .heading_title {
        font-size: 3.2rem;
    }

    .home_sec_1 video.bg-video {
        margin-top: -9vh;
    }

    .home_sec_1 .row {
        top: 19.2rem;
    }

    .giot_cf {
        top: 9.53rem;
    }

    .giot_cf img {
        width: 11.2rem;
        margin: 0 0 0 1.7rem;
    }

    .home_sec_2_img {
        margin-top: -3rem;
    }

    .home_sec_2_img .svg_round_1 {
        top: 10rem;
    }

    .home_sec_4 .home_sec_4_box {
        width: 100%;
        height: 100%;
        border-radius: 0;
        overflow: unset;
    }

    .home_sec_4_box img,.home_sec_4_box video {
        width: 100%;
        height: 100%;
    }

    img.lazyloaded .home_sec_5 .home_sec_5_items .item:nth-child(1) {
        left: 0%;
        top: 18%;
    }

    .home_sec_5 .home_sec_5_items .item {
        opacity: 1;
    }

    .home_sec_5 .home_sec_5_items .item:nth-child(2) {
        left: 17%;
        top: -16%;
    }

    .home_sec_5 .home_sec_5_items .item:nth-child(3) {
        left: 67%;
        top: 4%;
    }

    .home_sec_5 .home_sec_5_items .item:nth-child(4) {
        left: 50%;
        top: 28%;
    }

    .home_sec_5 .home_sec_5_items .item:nth-child(1) {
        left: 0%;
        top: 18%;
    }

    section.home_sec_5 .wrap_svg {
        scale: 1.6;
    }

    .story3_items .story3_img img {
        max-width: 53rem;
        margin-left: -3rem;
    }

    .story3_items .row:nth-child(even) .story3_img img {
        right: -3rem;
    }

    .story3_items .row:before {
        height: 7rem;
    }

    ul.socials a img {
        max-width: 50%;
        max-height: 50%;
    }

    ul.share_posts a svg {
        max-width: 60%;
        max-height: 60%;
    }

    ul.share_posts a {
        width: 2.4rem;
        height: 2.4rem;
    }

    .ultra3 {
        background-size: 120%;
    }

    .ultra5_item_content {
        max-width: 27rem;
    }

    .ultra5_item_content {
        left: 4rem;
    }

    .ultra5_item:nth-child(even) .ultra5_item_content {
        right: 4rem;
    }

    section#sx4_section {
        background-size: 200%;
    }

    section.develop1 .row {
        top: 7rem;
    }

    section.develop5:before {
        background-position: top center;
        height: 8rem;
    }

    section.develop5 {
        padding-top: 15rem;
    }

    .product_wraps.flex {
        margin-left: 0;
        margin-right: 0;
    }

    .product_wraps .product_item {
        width: calc(calc(100% / 3) - 1.6rem);
    }

    .list1_img img {
        max-width: 23rem;
    }

    section.list1 {
        padding-top: 5rem;
    }

    section.home_sec_2 .ultra4_items {
        margin: 0;
    }

    section.home_sec_2 .ht_line {
        display: none;
    }

    .home_sec_2_img:before {
        bottom: .7rem;
    }

    section.home_sec_3>.ht_line>.inner {
        height: 31rem;
    }

    section.sx5 .box_line {
        opacity: 1;
    }

    .box_img_round {
        top: 11.65rem;
        width: 19rem;
    }

    .product2_box_item:nth-child(3) {
        width: 8.85rem;
        height: 8.85rem;
    }

    section.home_sec_2 .ultra4_item:nth-child(1), section.home_sec_2 .ultra4_item:nth-child(4) {
        transition-delay: .7s !important;
        transform: translateY(0rem);
    }

    section.home_sec_2 .ultra4_item {
        transform: translateY(0rem);
        opacity: 1;
        transition-delay: .5s;
    }
}

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

    .load_home_page svg {
        width: 320px;
    }

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

    html {
        font-size: 1.47vw;
    }

    .dang_ky_button {
        display: none;
    }

    .header-inner.container {
        padding: 0 2rem;
    }

    .home_sec_7_wrap {
        width: 48.4rem;
    }

    .home_sec_1 .row {
        top: 17.2rem;
    }

    .home_sec_2_img .svg_round_1 {
        top: 11rem;
        width: 52rem;
    }

    .giot_cf img {
        width: 0.7rem;
    }

    .giot_cf {
        top: 8.53rem;
    }

    .home_sec_5.active .home_sec_5_items .item:nth-child(3) {
        left: 61%;
        top: 4%;
    }

    .home_sec_9 .ht_line .inner {
        height: 100%;
    }

    .home_sec_3_items .item .ht_line .inner_line {
        height: 100% !important;
    }

    .cauchuyen4_img {
        width: 61rem;
    }

    .cauchuyen3_item:nth-child(3) {
        left: -9rem;
    }

    .icon_cf {
        display: none;
    }

    section.cauchuyen3 {
        padding: 8rem 0 22rem;
    }

    section.cauchuyen1:before, .cauchuyen2_img:before, section.story2:before, .story3:before {
        background-position: top center;
    }

    .cauchuyen2_content {
        margin-top: 2rem;
    }

    section.cauchuyen2 {
        padding-bottom: 17rem;
    }

    section.cauchuyen5 {
        padding-bottom: 25rem;
    }

    .product_slider {
        margin: 0;
    }

    .wrap_office_left {
        width: 26.0625rem;
    }

    section.banner_section:before {
        height: 7rem;
    }

    .office_section .content {
        max-width: 100%;
    }

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

    .wrap_office_left {
        width: 100%;
    }

    .wrap_filter_office select {
        height: 3.2rem;
        font-size: 1.1rem;
    }

    div#iframe_map iframe {
        height: 26rem;
    }

    ul.list_tm {
        gap: 0.75rem;
    }

    section.ultra2:before {
        bottom: -3rem;
    }

    /*img.song_am_ht {*/
    /*    display: none;*/
    /*}*/
    .story3_items .row:nth-child(5) {
        margin-top: -10rem;
    }

    .story3_items .row:nth-child(5) {
    }

    .story3:before {
        height: 7rem;
    }

    .story3_items .row:nth-child(5) h3 {
        margin-top: 4rem;
    }

    .story3_items .row+.row {
        margin-top: -4rem;
    }

    .cauchuyen2_content img {
        width: 7rem;
        right: -1rem;
    }

    section.develop2:before {
        background-size: 100% auto;
    }

    section.develop6 {
        padding-bottom: 16rem;
    }
}

@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: 3vw;
    }

    a.button_search {
        margin: 0 !important;
    }

    .header-inner.container {
        padding: 0 15px;
        p;: ;
        p;: 0;
    }

    a.hotline_header {
        font-size: 0;
        margin-left: 1rem;
    }

    .home_sec_1 video.bg-video {
        margin-top: 0;
    }

    .home_sec_1 .row {
        top: 7rem;
    }

    .home_sec_2 .ht_line {
        display: none;
    }

    section.home_sec_2 {
        padding-top: 13rem;
    }

    .home_sec_2_img .svg_round_1 {
        top: 5.5rem;
        width: 24rem;
    }

    .home_sec_2_img {
        margin-top: 0;
        margin-bottom: -2rem;
    }

    .home_sec_2_img:before {
        bottom: 1rem;
    }

    .home_sec_3_items .item {
        display: block;
    }

    .home_sec_3_items .box_content {
        width: 100%;
        padding: 0 !important;
        margin-bottom: 2rem;
    }

    .home_sec_3_items .box_img .inner {
        width: 88%;
        height: 26rem;
    }

    .home_sec_3_items .box_img {
        width: 100%;
        display: flex;
    }

    .home_sec_3_items .item .ht_line {
        display: none;
    }

    .home_sec_3_items .box_img .inner>svg {
        width: 30.2548rem;
    }

    body {
        font-size: 1.1rem;
    }

    a.button_link {
        font-size: .9rem;
    }

    section.home_sec_3 {
        padding-bottom: 2rem;
    }

    .home_sec_4 {
        height: 19rem;
    }

    .home_sec_4_box .inner_content {
        width: 100%;
        padding: 0 15px;
        margin: 0;
    }

    .heading_title {
        font-size: 2.5rem;
    }

    .home_sec_4_box .inner_content b:last-child {
        margin: 0;
    }

    .home_sec_4 .home_sec_4_box {
        width: 100% !important;
    }

    .home_sec_4_box a.button_link {
        order: 2;
        transform: unset;
        margin-top: .5rem;
    }

    .home_sec_4_box .box_content.flex {
        flex-wrap: wrap;
    }

    .home_sec_4_box .content {
        width: 100%;
        max-width: unset;
    }

    .home_sec_4_box:before {
        opacity: 1;
    }

    section.home_sec_5 {
        padding-top: 17rem;
        padding: 5rem 15px 8rem;
    }

    .home_sec_5_img {
        max-width: 100%;
        display: flex;
        flex-direction: column;
    }

    .home_sec_5_content {
        position: unset;
        order: -1;
        transform: unset;
    }

    .home_sec_5 .home_sec_5_items .item {
        position: unset;
    }

    .home_sec_5_items .item .inner {
        position: unset !important;
        width: 100% !important;
    }

    section.home_sec_5 .wrap_svg {
        display: none;
    }

    .home_sec_5_items .item .box_img {
        width: 8rem !important;
        height: 8rem !important;
    }

    .home_sec_5_items b.number {
        font-size: 3rem;
    }

    .home_sec_5_items h3 {
        font-size: 1.3rem;
    }

    .home_sec_5.active .home_sec_5_items .item {
    }

    .home_sec_5 .home_sec_5_items .item {
        margin-bottom: 2rem;
    }

    .home_sec_6_img {
        margin-top: -1rem;
    }

    .home_sec_6_img:before {
        display: none;
    }

    .home_sec_6 .heading_title {
        margin-top: -5rem;
        margin-bottom: 4rem;
    }

    .home_sec_6_items {
        display: block;
    }

    .home_sec_6_items .item {
        width: calc(calc(100%) - 2rem);
        padding: 0 2rem 3rem;
        margin-top: 0 !important;
    }

    section.home_sec_6 {
        padding-bottom: 1rem;
    }

    .home_sec_7_wrap {
        width: 100%;
    }

    .home_sec_8 h2.heading_title b:last-child {
        margin: 0;
    }

    .home_sec_8 .content {
        max-width: 100%;
        margin: 1rem 0 0 0;
    }

    .home_sec_8 a.button_link {
        margin: 1rem 0 0;
    }

    .home_sec_8_img {
        margin-top: -1rem;
    }

    .home_sec_8_img:before {
        height: 3rem;
    }

    .home_sec_8_img img.person {
        width: 13.5rem;
    }

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

    .wrap_footer b {
        font-size: 1.3rem;
    }

    .wrap_footer_bottom {
        display: block;
    }

    .wrap_footer_bottom .right {
        margin-top: 2rem;
        font-size: 1rem;
        width: 100%;
    }

    section.home_sec_3>.ht_line {
        display: none;
    }

    .home_sec_3_items {
        margin-top: 4rem;
    }

    .swiper.slider_post .swiper-slide {
        transform: unset !important;
        opacity: 1 !important;
    }

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

    .swiper.slider_post {
        padding: 2rem 0;
    }

    .item_post .box_content h3 {
        font-size: 1.4rem;
    }

    .item_post .box_content .date_post {
        font-size: 1rem;
    }

    .slider_hieu_suat {
        height: 42rem;
    }

    .cauchuyen1_content {
        width: 100%;
        padding: 0 15px;
        top: 53%;
    }

    section.cauchuyen1 video,
    section.cauchuyen1 iframe{
        height: 30rem;
    }

    .cauchuyen1_content .content {
        max-width: 100%;
    }

    .cauchuyen1 a.scroll_down {
        display: none;
    }

    section.cauchuyen1:before, .cauchuyen2_img:before, section.story2:before, .story3:before {
        height: 6rem;
    }

    .cauchuyen3_items {
        flex-direction: column;
        margin-top: 2rem;
        gap: 2rem;
    }

    .cauchuyen3_item {
        top: unset !important;
        left: unset !important;
        right: unset !important;
    }

    .cauchuyen3_item .box_img {
        width: 10rem !important;
        height: 10rem !important;
    }

    .cauchuyen3_item .box_content {
        width: 100%;
    }

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

    .cauchuyen2_img:before {
        z-index: 9;
        background-position: bottom center;
        height: 3rem;
        background-size: cover;
    }

    section.cauchuyen3 .group_heading .content {
        max-width: 100%;
    }

    .cauchuyen4_img {
        width: 46rem;
        float: unset;
        left: -2rem;
        margin-bottom: 3rem;
    }

    section.cauchuyen5 {
        padding-top: 3rem;
        padding-bottom: 12rem;
    }

    .slider_cn_bottom {
        margin-top: 0;
    }

    .slider_cn_bottom {
        padding: 4rem 0 0;
    }

    .slider_cn_bottom h3 {
        font-size: 1.2rem;
    }

    .story2_content {
        font-size: 2.1rem;
    }

    section.story2 {
        padding-bottom: 20rem;
    }

    /*section.story2 .giot_cf {*/
    /*    display: none;*/
    /*}*/
    .story3_items .story3_img img {
        max-width: 52rem;
        margin-left: -15px;
    }

    .story3_items .row:before {
        display: none;
    }

    .story3_items .row .col.large-4.medium-4 {
        order: unset !important;
    }

    .story3_items .row:nth-child(even) .story3_img img {
        right: -15px;
    }

    .story3_img:before {
        content: '';
        height: 2rem;
        width: calc(100% + 30px);
        position: absolute;
        bottom: 0;
        left: -15px;
        background: linear-gradient(0deg, #eee5d7, transparent);
    }

    section.story5 .content {
        max-width: 100%;
        font-size: 1.5rem;
    }

    section.story5 {
        padding-bottom: 18rem;
    }

    section.story5>img {
        bottom: 3rem;
    }

    .product_cat .box_img {
        height: 9.9rem;
    }

    section.contact_sec_1 {
        padding: 6rem 0 4rem;
    }

    .contact_sec_1_items {
        flex-direction: column;
    }

    .contact_sec_1_box>.content {
        font-size: 1.3rem;
    }

    section.contact_sec_1 h1.heading_title {
        margin-bottom: 1rem;
    }

    .contact_sec_1_item {
        width: 100%;
    }

    .contact_sec_1_items b {
        font-size: 1.2rem;
    }

    .contact_sec_1_items {
        gap: 1rem;
    }

    ul.socials a {
        width: 2.5rem;
        height: 2.5rem;
    }

    section.contact_sec_3 .wrap_link {
        flex-direction: unset;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .item_faq h3 {
        font-size: 1.34rem;
    }

    section.cs_page {
        padding-bottom: 17rem;
    }

    .item_faq h3 .icon {
        margin-left: 2rem;
    }

    section.td6 {
        padding: 8rem 0 32rem;
    }

    section.td1 {
        padding: 7rem 0 3rem;
    }

    .td1_img {
        max-width: 100%;
        padding: 0 15px;
    }

    .td2_items.flex {
        flex-direction: column;
        gap: 2rem;
        margin-top: 2rem;
    }

    .td2_item {
        width: 100%;
    }

    .td2_item span {
        font-size: 1.1rem;
    }

    .td3_wrap {
        margin: 3rem 15px 0;
    }

    .td3_box {
        padding: 3rem 0 22rem;
    }

    .td3_box .item_faq {
        padding-right: 0;
    }

    section.td4 .col.large-6.medium-6.text-right {
        text-align: left;
        padding-top: 2rem;
    }

    .item_step b {
        font-size: 1.2rem;
    }

    section.td5 {
        padding: 3rem 0;
    }

    .item_td {
        flex-direction: column;
        align-items: flex-end;
    }

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

    .item_td ul svg {
        width: 1.4rem;
        margin-right: .6rem;
    }

    section.td6 h2.heading_title span+span {
        margin: 0;
    }

    .slider_td6 {
        margin-left: 0;
    }

    section.td6 {
        padding: 4rem 0 17rem;
    }

    .std_page {
        padding: 7rem 0 10rem;
    }

    .td_info_other {
        flex-wrap: wrap;
    }

    .td_info_other .item {
        font-size: 1rem;
    }

    .std_page_banner {
        margin: 1rem 15px 2rem;
    }

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

    .td_other .item .title h3 {
        width: 100%;
        font-size: 2.2rem;
    }

    .td_other .item .title {
        width: 100%;
    }

    .content ul {
        margin-left: 2rem;
    }

    .td_other .item .content h3 {
        font-size: 1.4rem;
    }

    .td_other .item .title h3 br {
        display: none;
    }

    .slidebar_td_top {
        font-size: 1.2rem;
    }

    .slidebar_td_top b {
        font-size: 1.4rem;
    }

    .slidebar_td_bottom h2 {
        font-size: 1.4rem;
    }

    .list_td_other h3 {
        font-size: 1.3rem;
    }

    .item_post_nb .box_img {
    }

    .item_post_nb .content {
        display: none;
    }

    .item_post_nb .box_content {
        width: 64%;
    }

    .item_post_nb h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .slider_news {
        max-width: unset;
        margin-bottom: 5rem;
    }

    .item_post_nb {
        margin: 0 .4rem;
    }

    section.news_page .menu_news {
        margin: 1.5rem 0 2.5rem;
    }

    .menu_news a {
        height: 3rem;
    }

    .menu_news ul {
        gap: .5rem;
    }

    div#posts_list .post_item:nth-child(1),div#posts_list .post_item:nth-child(2) {
        width: calc(calc(100% ) - 1.6rem) !important;
    }

    .post_item {
        width: calc(calc(100% / 2) - 1.6rem);
    }

    .post_item h3 {
        font-size: 1.3rem;
    }

    section.single_page {
        padding-top: 6rem;
    }

    ul.share_posts {
        margin-bottom: 2rem;
    }

    .nav_bottom_post {
        flex-direction: column;
        gap: 1.7rem;
    }

    ul.list_tags {
        flex-wrap: wrap;
    }

    ul.list_tags a {
        height: 2.6rem;
        padding: 0 1rem;
    }

    .nav_bottom_post .item {
        align-items: flex-start;
    }

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

    .res1 {
        min-height: 31rem;
    }

    .res1:after {
        height: 8.16455rem;
    }

    .res2_items {
        flex-direction: column;
    }

    .res2_item {
        width: 100%;
        height: 26.4rem;
        font-size: 1.4rem;
        padding: 1.9rem;
    }

    .res2_item .icon img {
        max-height: 100%;
    }

    .res2_item .icon {
        height: 6.35rem;
    }

    /*.res3_item:before {*/
    /*    display: none;*/
    /*}*/
    /*.res3_items:before, .res3_items:after {*/
    /*    display: none;*/
    /*}*/
    .res3_item .box_content {
        padding: 0;
    }

    .res3_item:nth-child(even) .box_content {
        padding: 0;
    }

    .res3_item>* {
        padding: 0;
    }

    .res3_item img {
        width: 100%;
        height: auto;
    }

    .res3_items {
        padding-bottom: 2rem;
        margin-left: -2rem;
        margin-right: -2rem;
    }

    section.res3:before {
        height: 9rem;
    }

    section.res4 {
        padding-top: 3rem;
    }

    section.res3 .col.large-4.medium-4.text-right {
        text-align: left;
    }

    section.res4 .col.large-4.medium-4.text-right {
        text-align: left;
        margin-top: 2rem;
    }

    .res4_items {
        margin-top: 2rem;
        flex-direction: column;
    }

    .res4_item {
        width: 100% !important;
    }

    .res4_item .inner {
        max-width: unset;
        width: unset;
        flex: unset;
        right: 3rem;
        opacity: 1;
    }

    .res4_item .box_content {
        width: 100%;
        font-size: 1.2rem;
        align-items: flex-end;
    }

    .res4_item h3 {
        font-size: 1.75rem;
    }

    .res5_items {
        flex-direction: column;
        gap: 3rem;
    }

    .res5_item {
        width: 100%;
    }

    .res5_item .content {
        font-size: 1.2rem;
    }

    .res5_item {
        padding: 0 6rem;
    }

    section.res5 {
        padding: 7.5rem 0 4.5rem;
    }

    section.res5:before {
        height: 10rem;
        background-size: cover;
        background-position: right;
    }

    .res6 {
        padding: 4rem 0;
    }

    .res6_img {
        margin: 0 0 2rem;
    }

    .res6_box {
        max-width: 100%;
        margin-bottom: 4rem;
    }

    .business1 {
        padding-top: 13rem;
    }

    .business_bg:before {
        height: 4.1rem;
    }

    .business1_items {
        padding: 0 15px;
        gap: 3rem;
    }

    .business1_item .box_content {
        left: 2rem;
        right: 2rem;
        bottom: 2rem;
    }

    .business1_item .box_img {
        height: 19rem;
    }

    .business1_item .box_img img {
        height: 100%;
    }

    .business1_item {
        top: unset;
        position: relative;
    }

    section.business2 {
        padding-top: 5rem;
        padding-bottom: 19rem;
    }

    .business2_img:before, .business2_img:after {
        height: 3.7rem;
    }

    .business2_img:after {
        bottom: -1rem;
    }

    .business3_item {
        font-size: 1.2rem;
        gap: 2rem;
    }

    .business3_item>* {
    }

    .business3_item .box_content {
        padding: 0 !important;
    }

    .business3_item .box_content .inner {
        max-width: 100%;
    }

    .business3_items_line {
    }

    .business3_item h3 {
        font-size: 1.2rem;
    }

    section.business5 {
        padding: 10rem 0;
    }

    .solution_item_slide {
        padding-right: 1.5rem;
    }

    .ultra2_wrap {
        flex-direction: column;
        margin: 2rem 0 0 0;
    }

    .ultra2_col {
        gap: 2rem;
        text-align: center;
    }

    .ultra2_item {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0;
        font-size: 1.1rem;
    }

    .ultra2_center {
        margin: 5rem auto;
    }

    .ultra2_col_right .ultra2_item {
        margin: 0 !important;
    }

    .ultra2_item h3 {
        font-size: 1.4rem;
    }

    .ultra5_item_content {
        position: unset !important;
        max-width: 100% !important;
        padding: 0 15px;
        text-align: center;
        transform: unset !important;
    }

    .ultra4:before {
        background-repeat: no-repeat;
        background-position: bottom center;
        bottom: -1rem;
    }

    .ultra6_img {
        margin: 3rem 0;
    }

    .ultra6_content .content {
        font-size: 2rem;
    }

    .ultra5_item_img img {
        width: 49rem;
        max-width: unset !important;
    }

    .ultra5_item:nth-child(odd) img {
        float: right;
    }

    section.ultra4 {
        padding-bottom: 17rem;
    }

    .ultra4_item:after {
        height: 6.75rem;
    }

    .ultra4_item h3 {
        padding: 0 .5rem;
        font-size: .8rem;
    }

    .ultra4_items {
        margin-top: 2rem;
    }

    .ultra3:before {
        background-repeat: no-repeat;
        background-position: top center;
        height: 3rem;
    }

    .ultra3 {
        padding-bottom: 6rem;
        background-size: 500% 200%;
        background-position: bottom center;
    }

    section.ultra2:before {
        height: 5em;
    }

    section.ultra2 {
        padding-bottom: 8rem;
    }

    .ultra3_step_nav {
        flex-wrap: wrap;
        gap: .5rem !important;
        row-gap: 3rem !important;
        margin-top: 2rem;
    }

    .ultra3_step_nav .item {
        flex-direction: column !important;
        width: 44% !important;
        top: unset !important;
        left: unset !important;
        right: unset !important;
        bottom: unset !important;
        align-items: center !important;
        padding-bottom: 4rem !important;
        gap: .5rem !important;
    }

    .ultra3_step_nav .item * {
        order: unset !important;
        text-align: center !important;
    }

    .ultra3_step_for svg {
        display: none !important;
    }

    .ultra3_step_nav .number {
        bottom: .5rem !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }

    .ultra3_step_nav .item .icon {
        justify-content: center !important;
        height: 5.5rem !important;
    }

    .ultra3_step_for {
        padding-top: 3rem;
    }

    .slider_product_box2 {
        margin: 0;
    }

    .sx1_note {
        margin: 2rem 0;
        font-size: 2rem;
    }

    .sx2_icon img {
        width: 3.5rem !important;
        scale: 1 !important;
    }

    .sx2_hero .sx2_text {
        transform: translateY(0);
    }

    .sx2_hero img.sx2_mask {
        top: -9rem;
    }

    .sx2_icon.sx2_icon_berry {
        right: 0;
        transition-delay: 0s !important;
    }

    section.sx2:before {
        height: 14rem;
        background-position: top center;
    }

    .sx2_hero .sx2_icon {
        scale: 1 !important;
    }

    .sx3_wrap {
        flex-direction: column;
    }

    .sx3_nav {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .sx3_nav_item span {
        font-size: 1.4rem;
    }

    .sx3_slider_group .swiper {
        padding: 0;
        margin-top: 2rem;
    }

    .sx3_slide_item {
        padding: 0 .5rem;
    }

    section.sx3 {
        padding-bottom: 16rem;
    }

    section.sx3:before {
        height: 9rem;
    }

    section#sx4_section {
        background-size: 500% 200%;
    }

    .sx5_items .box_line {
        display: none;
    }

    section.sx5 {
        padding: 3rem 0 15em;
    }

    .sx5_item {
        width: 100% !important;
        top: unset !important;
        left: unset !important;
        margin: 0 !important;
        flex-direction: unset !important;
        max-width: unset !important;
        align-items: center !important;
        font-size: 1.1rem !important;
    }

    .sx5_item * {
        order: unset !important;
        text-align: left !important;
    }

    .sx6_quote blockquote {
        font-size: 2rem;
    }

    section.sx6 {
        padding-bottom: 16rem;
    }

    section.develop1 .row {
        z-index: 99;
    }

    section.develop1 {
        padding-bottom: 33rem;
    }

    .develop1_img img {
        position: absolute;
        bottom: 0;
    }

    a.scroll_down {
        display: none;
    }

    section.develop2 .heading_title span+span {
        margin: 0;
    }

    section.develop2 .content {
        margin: 0;
    }

    section.develop2 {
        padding-bottom: 19rem;
    }

    section.develop2:before, section.develop3:before {
        background-size: 100vw auto;
    }

    section.develop1:before, section.develop2:before, section.develop3:before, section.develop5:before, section.develop5:after, section.sx5:before {
        background-size: 100vw auto;
    }

    .develop3_item {
        flex-direction: column;
        gap: 2rem;
    }

    .develop3_item>* {
        width: 100% !important;
        order: unset !important;
        padding: 0;
        text-align: center;
    }

    .develop3_item_sub {
        font-size: 1.1rem;
    }

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

    .develop3_item .content {
        text-align: justify;
    }

    section.develop3 {
        padding-bottom: 20rem;
    }

    section.develop4 {
        padding-top: 3rem;
    }

    section.develop4 h2.heading_title span {
        margin: 0;
    }

    .develop4 .group_heading .content {
        margin: 0;
        max-width: 100%;
    }

    .develop4_item_inner {
        flex-direction: column;
    }

    .develop4_item {
        position: relative;
        top: unset !important;
    }

    .develop4_items {
        gap: 4rem;
    }

    section.develop5:before {
        top: -6rem;
    }

    section.develop5 {
        padding: 4rem 0 8rem;
    }

    .develop5_items {
        flex-wrap: wrap;
    }

    section.develop5:after {
        height: 9rem;
        background-size: cover;
        background-position: left center;
    }

    section.develop6 {
        padding-top: 1rem;
        padding-bottom: 12rem;
    }

    .develop6_img img {
        height: 27rem;
        object-fit: cover;
    }

    .develop6_quote blockquote {
        font-size: 1.8rem;
    }

    .office2_section {
        padding: 6rem 0 4rem;
    }

    .list1_img {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 2rem;
    }

    section.list1 .list1_content {
        max-width: 100%;
        text-align: center;
    }

    .list2_item .box_img {
        width: 100%;
        height: 6rem;
        position: relative;
    }

    section.list2 h2.heading_title {
    }

    .product_item .box_img img {
        height: auto;
        width: auto;
        object-fit: contain;
    }

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

    .detail5_panel_inner {
        flex-direction: column;
    }

    .detail5_panel_text {
        padding: 0;
    }

    .detail5_tab_content {
        padding: 2rem;
    }

    button.detail5_tab_btn {
        padding: 0 2rem;
        flex: 0 0 auto;
        width: 17rem;
    }

    .detail5_panel_media {
        width: 100%;
        margin-top: 2rem;
    }

    .style_2 .list1_content .list1_img {
        width: 100%;
        margin: 2rem 0 0;
    }

    .style_2 .list1_content .list1_img img {
        max-width: 77%;
    }

    .list2_wrap .item {
        width: calc(50% - 2rem);
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .list2_wrap {
        row-gap: 1.6rem;
    }

    section.list2 {
        padding-top: 5rem;
    }

    section.list3 {
        padding: 5rem 0 2rem;
    }

    .detail1_content {
        padding: 0;
    }

    .detail1_gallery {
        margin-bottom: 2rem;
    }

    a.weight_btn {
        height: 2.2rem;
    }

    .detail1_spec_row3 {
        flex-direction: column;
        align-items: center;
    }

    .detail1_spec_item {
        width: 100%;
    }

    .detail1_badges {
        width: 100%;
    }

    .detail2_items {
        flex-direction: column;
    }

    .detail2_item {
        width: 100% !important;
        font-size: 1.1rem;
    }

    h3.detail2_item_title {
        font-size: 1.2rem;
    }

    span.roast_label {
        font-size: 1.1rem;
    }

    span.roast_end_label {
        font-size: .9rem;
    }

    .detail2_commit_item strong {
        font-size: 1.1rem;
    }

    .detail2_commit_item .icon {
        width: 2.2rem;
        height: 2.2rem;
    }

    .detail_custom_section_item {
        flex-direction: column;
    }

    .detail_custom_section_item h2.heading_title {
        width: 100%;
    }

    .detail5_tab_nav {
        overflow: auto;
    }

    section.home_sec_2 {
    }

    section.home_sec_2 .ultra4_item {
        transform: unset !important;
        opacity: 1 !important;
        margin: 0 !important;
        width: 50% !important;
        max-width: 50% !important;
        padding: 0 14px;
    }

    section.home_sec_2.active .ultra4_item {
        width: 50%;
        max-width: 50% !important;
        margin: 0 !important;
    }

    section.home_sec_2 .ultra4_items {
        flex-wrap: wrap;
        row-gap: 5rem;
    }

    section.home_sec_2 .ultra4_item:before,section.home_sec_2 .ultra4_item:after {
        display: none !important;
    }

    .home_sec_2_img:before {
        bottom: 0;
    }

    section.sx5.home_sec_7 {
        padding-top: 7rem;
        padding-bottom: 0;
    }

    .sx5_items {
        gap: 2rem;
    }

    section.sx5.home_sec_7 a.button_link {
        top: unset;
        margin-top: 2rem;
    }

    section.sx5.home_sec_7:before {
        display: none;
    }

    section.sx5.home_sec_7 .sx5_item {
        flex-direction: column !important;
        width: 50% !important;
        justify-content: flex-start !important;
        margin: 0 !important;
        top: unset !important;
    }

    section.sx5.home_sec_7 .sx5_items {
        flex-direction: unset !important;
        flex-wrap: wrap;
        gap: unset;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        margin-top: 3rem;
        row-gap: 1.6rem;
    }

    section.sx5.home_sec_7 a.button_link {
        margin: 0 !important;
    }

    section.sx5.home_sec_7 .text-right {
        text-align: center !important;
        margin-top: 2rem;
    }

    /*.cauchuyen2_img .svg_round_1 {*/
    /*    display: none;*/
    /*}*/
    .ht_line {
        display: none;
    }

    section.list1.style_2 .song_am {
        left: -2%;
        scale: 1;
    }

    .menu_main .inner {
        width: 100%;
    }

    .menu_main .inner .primary {
        padding: 0 1rem;
    }

    .menu_main ul li a {
        font-size: 1.3rem;
    }

    a.button_search svg {
        width: 1.5rem;
        margin-right: 1rem;
    }

    .product2_items {
        margin-bottom: 3rem;
        padding-top: 3rem;
        height: 24rem;
        max-height: unset;
    }

    .product2_box_img>.img2 {
    }

    .box_img_round {
        position: unset;
        order: -1;
        transform: unset;
        width: 90%;
        margin: auto;
    }

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

    .product2_box_title {
        top: 27rem;
    }

    .product2_box_img>img {
        /* display: none; */
    }

    .product2_box_items {
    }

    .product3_box {
        padding: 3rem 15px 0;
        text-align: center;
    }

    .product3_wrap {
        flex-direction: column;
    }

    .product3_wrap .box_left {
        width: 100%;
    }

    .product3_wrap .box_right {
        width: 100%;
    }

    .product_box {
        margin: 0;
    }

    .product4_items {
        flex-wrap: wrap;
    }

    .product4_item {
        width: 45%;
    }

    .product5_content {
        padding: 3rem 0 0 0;
    }

    section.product5 {
        padding: 6.5rem 0 8rem;
    }

    .line_hover {
        display: none;
    }

    /*img.svg_round_1 {*/
    /*    display: none;*/
    /*}*/
    .develop2_quote {
        padding: 3rem 0;
        font-size: 2rem;
    }

    .develop3_item:before {
        display: none;
    }

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

    .wrap_product_info .item>b {
        width: 100%;
        margin-bottom: .5rem;
    }

    .form_td {
        max-width: 95vw;
        padding: 2rem 0;
    }

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

    .form_td .content_apply {
        font-size: 1rem;
    }

    .form_td .group_heading.text-center .content {
        font-size: 1.1rem;
    }

    .form_td input:not([type="file"]), .form_td textarea {
        height: 3.75rem;
    }

    /*img.song_am_ht {*/
    /*    display: none;*/
    /*}*/
    .story3_items .row+.row {
        margin-top: 1rem;
    }

    .story3_items .row .col.large-4.medium-4 {
        padding-top: 2rem;
    }

    section.home_sec_9 {
        padding-bottom: 3rem;
    }

    .home_sec_9 .ht_line {
        display: none;
    }

    .home_sec_8:before {
        bottom: -5px;
    }

    .home_sec_8 {
        padding-top: 4rem;
    }

    .home_sec_5_items {
        margin-top: 3rem;
    }

    .item_office h3 {
        font-size: 1.05rem;
    }

    .item_office ul {
        font-size: 1rem;
    }

    #ez-toc-container a {
        font-size: 1.1rem !important;
    }

    .res5_item+.res5_item:before {
        display: none;
    }

    .sx5_items {
        margin-top: 2rem;
    }

    .res1 {
        background-attachment: unset;
    }

    .select2-container .select2-selection--single {
        background-size: .7rem;
        height: 3rem !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 3rem !important;
        font-size: 1rem !important;
    }

    .box_contact_page .inner.flex.items-center {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .box_contact_page h3 {
        margin-right: 0rem;
    }

    .box_contact_page {
        padding: 2rem 2rem 2rem 8rem;
    }

    select#menu-poli-select {
        width: 100%;
        height: 3.5rem;
        border-radius: 10px;
        background-color: transparent !important;
        border: 1px solid #3333331f;
    }

    .menu_poli {
        width: 100%;
        max-width: unset;
        margin-bottom: 2rem;
    }

    .menu_poli:before {
        display: none;
    }

    section.cs_page {
        padding-top: 6rem;
    }

    .story3_items .row:nth-child(5) h3 {
        margin-top: 1rem;
    }

    section.res1.product1 h1.heading_title span+span {
        margin-left: 9rem;
    }

    .box_img_round>img {
        opacity: 0;
        position: relative;
        top: 15.7rem;
    }

    .wrap_footer .content a {
        color: #fff;
    }

    .product2_item+.product2_item {
        margin-top: 14rem;
    }

    button.detail5_tab_btn {
        padding: .5rem 1rem;
        flex-direction: column;
        text-align: center;
        height: auto;
        width: calc(calc(100% / 3) - .15rem);
    }

    button.detail5_tab_btn span.tab_icon {
        width: 1.5rem;
        height: 1.5rem;
    }

    .detail5_tab_nav {
        overflow: hidden;
    }

    section.detail1 {
        padding-top: 5.5rem;
    }

    .detail2_items {
        margin-top: 1.5rem;
    }

    .detail1_badges img {
        height: 3.6rem;
    }

    .detail_custom_section_item .content ul {
        margin-left: 0;
    }

    .contact_sec_2>img {
        position: unset;
        width: 152%;
        max-width: unset;
        float: right;
        margin-bottom: 2rem;
    }

    .contact_sec_2 {
        padding: 0;
    }

    section.cs_page span.select2 {
        background: #0d1b44;
        border-radius: .6rem;
    }

    .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 1.1rem;
    }

    .select2-results__option {
        font-size: 1.1rem;
    }

    .sx2_hero {
        padding-top: 3rem;
    }

    .ultra2_center .box_img:before {
        top: -4rem;
        right: -4rem;
        bottom: -4rem;
        left: -4rem;
        width: auto;
        height: auto;
    }

    section.ultra2:before {
        bottom: 0rem;
    }

    .develop3_items {
        margin-top: 2.9rem;
    }

    .cauchuyen2_content img {
        width: 5rem;
        top: -6rem;
    }

    .cauchuyen4 .col:nth-child(2) {
        order: -1;
    }

    .story3_items .large-8 {
        order: 2;
    }

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

    .nav_mobile_control {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .nav_mobile_control {
        margin-top: 1rem;
    }

    .nav_mobile_control .arrow_slider {
        flex: 0 0 auto;
    }

    .nav_mobile_control .arrow_slider svg {
        width: 51%;
    }

    .nav_mobile_control span.swiper-pagination-bullet {
        background: #824b2d;
    }

    .home_sec_9 .nav_mobile_control {
        padding: 0 15px;
    }

    .nav_mobile_control {
        padding: 0 15px;
    }

    .nav_mobile_control>* {
        margin: 0 !important;
    }

    .slider_chung_nhan .nav_mobile_control {
        filter: brightness(0) invert(1);
        margin-top: 3rem !important;
    }

    .nav_mobile_control>* {
        position: unset !important;
    }

    .story4 .nav_mobile_control {
        margin: 0 0 2rem;
    }

    section.office3_section .wrap_slider {
        margin-bottom: 3rem;
    }

    section.product3 .slider_product_box .swiper-slide .product_box {
        height: 28rem !important;
    }

    section.product3 .swiper.slider_product_box {
        padding: 0 !important;
    }

    .product3_box .nav_mobile_control {
        margin-top: 4rem;
    }

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

    section.home_sec_6 .arrow_slider.next {
        background: transparent !important;
    }

    .menu_main .inner .primary {
        padding: 6rem 0;
    }

    .menu_main ul ul li a {
        font-size: 1.1rem !important;
    }

    section.ultra4:hover .ultra4_item {
        transform: unset !important;
    }

    .menu_main .inner .primary {
        padding-bottom: 0;
    }

    a#top-link {
        display: block !important;
    }

    .product2_mask {
        margin-top: 7vh;
    }

    .product2_box_img>img {
        width: auto;
        top: -1rem;
        order: -1;
    }

    .product2_box_item:nth-child(4) {
        width: 5.05rem;
        height: 5.05rem;
        top: 14%;
        left: 76%;
    }

    .product2_box_item {
        width: 6.15rem;
        height: 6.15rem;
        top: 9%;
        left: 2%;
    }

    .product2_box_item:nth-child(3) {
        width: 6.85rem;
        height: 6.85rem;
        top: 36rem;
        left: 8rem;
        top: 65%;
        left: 47%;
    }

    .product2_box_item:nth-child(5) {
        right: 25rem;
        bottom: 17rem;
        top: 57%;
        left: 5%;
    }

    .product2_box_item:nth-child(2) {
        top: 27rem;
        left: 26rem;
        top: 57%;
        left: 77%;
    }

    .product2_box .product2_box_item {
        opacity: 1;
    }

    footer#footer:before {
        top: -2rem;
    }

    ul.sub-menu {
        margin: 0 !important;
    }

    .cauchuyen2_img .svg_round_1 {
        top: 9rem;
    }

    section.story2 .svg_round_1 {
        top: 4.5rem;
    }

    section.story2 .giot_cf {
        top: -3rem;
    }

    .story3_items .story3_img img.song_am_ht {
        bottom: 0;
        top: 0rem !important;
        right: -1rem !important;
        width: 25rem;
        left: unset !important;
    }

    section.story5>img {
        bottom: 0;
    }

    .develop2_img img.svg_round_1 {
        top: 6.5rem;
    }

    .develop3_img .svg_round_1 {
        top: 5.5rem;
        left: 10rem;
    }

    .develop6_img .svg_round_1 {
        top: 11.5rem;
        left: 72%;
    }

    .develop6_img .svg_round_1 {
        top: 11.5rem;
        left: 72%;
    }

    .office2_section_bg {
        position: relative;
    }

    .office2_section:before {
        z-index: 2;
    }

    .office2_section_bg img.svg_round_1 {
        left: 67%;
        top: 28%;
    }

    .sx5_img img.svg_round_1 {
        left: 63%;
        top: 43%;
    }

    section.ultra2 .line_hover {
        display: block;
    }

    section.ultra2:hover .line_hover .inner {
        height: 15rem;
    }

    section.ultra2 .line_hover img {
        height: 19rem;
    }

    .ultra6 {
        padding-top: 4rem;
    }

    section.res3 .img_bottom img.svg_round_1 {
        right: -16rem;
        bottom: 4rem;
        z-index: 9;
    }

    section.res3 .img_bottom img.img_2 {
        z-index: 15;
    }

    section.res3:before {
        z-index: 20;
        height: 8rem;
        background-position: top center;
    }

    section.res3 {
        overflow: hidden;
    }

    .business2_img img.svg_round_1 {
        top: 7.5rem;
    }

    section.sx1 {
    }

    section.sx1 h1.heading_title {
        font-size: 2.4rem;
    }

    section.sx1 .content {
        max-width: 26rem;
    }

    .sx1_note {
        font-size: 1.9rem;
        margin-top: 2rem;
    }

    .sx1_note br {
        display: none;
    }

    .sx1 .box_video:before {
        height: 13.6rem;
    }

    ul.socials_footer svg {
        width: 1.5rem;
    }

    .zoom_lens_cursor, #zoom_lens_box {
        display: none !important;
    }

    .product3_wrap .box_right {
        margin: 0;
    }

    section.product4 h2.heading_title {
        max-width: 100%;
    }

    .wrap_office_left {
        min-height: unset !important;
    }

    li.html.header-button-1 a {
        font-size: .7rem;
        padding: 0 .4rem;
    }

    .res3_item:after {
        opacity: 1;
        width: 2.7rem;
        height: 2.7rem;
    }

    .contact_sec_1_item a {
        color: var(--Secondary-Sepia, #773C1C) !important;
    }

    section.cauchuyen1:before, section.story2:before {
        bottom: -3px;
    }

    .ultra1 {
        display: flex;
        aspect-ratio: unset;
        padding-bottom: 56.25%;
        padding: 0 0 56.25%;
        justify-content: center;
    }

    .ultra1 .row {
        max-width: 100% !important;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .ultra1:before {
    }

    .ultra1:after {
        height: 9rem;
    }

    .story3:before {
        background-position: center;
        height: 2rem;
    }

    .res2_item h3.title {
        font-size: 1.7rem;
    }

    .res3_items {
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
    }

    .res3_item .box_img {
        border-radius: 50%;
        overflow: hidden;
        max-width: 68%;
        margin-bottom: 2rem;
    }

    .res3_item h3 {
        font-size: 1.6rem;
    }

    /*.res3_items:before, .res3_items:after {*/
    /*    display: none;*/
    /*}*/
    .res3_item .box_content {
        font-size: 1.1rem;
    }

    .wrap_footer {
        flex-direction: column;
    }

    .wrap_footer .left {
        width: 100%;
    }

    .wrap_footer .right {
        width: 100%;
    }

    section.sx2:before {
        height: 7rem;
        bottom: -5px;
    }

    .product2_desktop {
        height: 60rem;
    }

    .product2_section.active .product2_mask {
        clip-path: circle(100% at 50% 50%) !important;
        transition-delay: 1s;
    }

    .product2_mask {
        transition: 1s all;
    }

    .product2_mask {
        margin-top: 0;
    }

    .product2_container {
        height: 60rem;
    }

    section.product2:before {
        opacity: 0;
    }

    .business3_item .box_img .inner {
        margin: 0 !important;
        width: 13.5rem;
        height: 13.5rem;
    }

    .business3_items {
        padding-top: 3rem;
    }

    .res3_item {
        gap: 3rem;
    }
    #product-filter-wrap {
        margin: 1rem 0;
        justify-content: flex-start;
    }

    .filter_group > .filter_label {
        font-size: .87rem;
    }

    .filter_group.open .filter_btn.active {
        font-size: .8rem;
    }

    .filter_group.open .filter_btn {
        font-size: .8rem;
    }
    .video_if {z-index: 20;}

    section.list1 .row {
        position: unset;
        left: unset;
        transform: unset;
    }


    .video_if_box h1.heading_title,.video_if_box .content {
        color: var(--Primary-Oxford-Blue, #0D1B44);
    }

    .video_if iframe {
        opacity: 1;
    }
    .video_if {
        margin-bottom: 5rem;
    }
    section.ultra1.video_if_box .row.justify-center {
        z-index: 21 !important;
    }

    section.ultra1.video_if_box .row.justify-center * {
        color: var(--Secondary-White-Chocola, #F0E5D5);
    }
    section.res1.product1 h1.heading_title span+span {
        margin-left: 4rem;
    }
    .video_if {
    padding-bottom: 100%;
}
section.cauchuyen1:before {
    height: 2rem;
}
.video_box_iframe {
    padding-bottom: 100%;
}

}
.list2_wrap .item .content {
    text-align: left;
}