/*
Theme Name:           Thuythu
Theme URI:            https://thuythu.vn/
Author:               Jack Lam and Team
Author URI:           https://thuythu.vn/
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: 'NVN Motherland Signature';
    src: url('../fonts/NVNMotherlandSignature-Reg.eot');
    src: url('../fonts/NVNMotherlandSignature-Reg.eot?#iefix') format('embedded-opentype'),
    url('../fonts/NVNMotherlandSignature-Reg.woff2') format('woff2'),
    url('../fonts/NVNMotherlandSignature-Reg.woff') format('woff'),
    url('../fonts/NVNMotherlandSignature-Reg.ttf') format('truetype'),
    url('../fonts/NVNMotherlandSignature-Reg.svg#NVNMotherlandSignature-Reg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root{
    --main-cl: #EA9C00;
    --sub-cl: #7A1414;
    --container-w: 72.917rem;
    --font-title : 'SFU SFUEurostileDemi';
}

body::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 0.3rem rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

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

body::-webkit-scrollbar-thumb
{
    background-color: var(--main-cl);
}
.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection {
    height: 2.7rem;
    line-height: 2.7rem;
    border-radius: 2.7rem !important;
    border: 1px solid rgba(0, 62, 45, 0.60);
}

.select2-container .select2-choice>.select2-chosen, .select2-container .select2-selection--single .select2-selection__rendered, .select2-selection {
    line-height: 2.7rem;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,.select2-container--default .select2-results__option--selected {
    background: #013e2d;
    color: #fff;
}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 0.3rem rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar
{
    width: 0.517rem;
    background-color: #cedbff;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb
{
    background-color: var(--main-cl);
}
.select2-container--open .select2-dropdown--below {
    border-top: 1px solid #aaa;
    border-radius: .6rem;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: .5rem;
}
input, optgroup, select, textarea{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
    outline: none !important;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}
body{
    overflow-x: hidden;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    overflow: hidden;
}

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

.fp-section {
    padding: 0;
}

.banner_slider,.banner_slider img {
    height: 100vh;
    width: 100%;
    object-fit: cover;
}
.container, .container-width, .full-width .ubermenu-nav, .row {
    max-width: 72rem !important;
}

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

video {
    max-width: 100%;
    height: auto;
}

.home_sec_2_video video {
    height: 26.35rem;
    border-radius: 1rem;
    width: 100%;
    object-fit: cover;
    display: block;
}

.home_sec_2_video {
    position: relative;
}

img.bg_section {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom center;
}
ul.home_sec_2_video_img {
    list-style: none;
    margin: 0;
}

ul.home_sec_2_video_img li {
    margin: 0;
    position: absolute;
    top: 37%;
    left: -16%;
    transition: 1s all;
    transform: rotate(0);
}

ul.home_sec_2_video_img li img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 9.75rem;
    width: 9.75rem;
    border-radius: 1rem;
    object-fit: cover;
}

ul.home_sec_2_video_img li:nth-child(2) {
    top: 71%;
    right: -16%;
    left: unset;
}

.section.active ul.home_sec_2_video_img li:nth-child(1) {
    left: 0%;
    transform: rotate(-19deg);
    transition-delay: .3s;
}

.section.active ul.home_sec_2_video_img li:nth-child(2) {
    top: 80%;
    right: -2%;
    transform: rotate(10deg);
    transition-delay: .3s;
}
.button_style {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--1, #003E2D);
    border-radius: 5rem;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0 1.25rem;
    height: 2.75rem;
    transition: .5s all;
    text-transform: uppercase;
    width: max-content;
}


.button_style svg {
    width: 1.1rem;
    height: auto;
    margin-left: 1rem;
    transition: .5s all;
}

.home_sec_2 .button_style {
    transform: translateY(-50%);
}

.home_sec_2_number b {
    font-size: 2.5rem;
    color: var(--2, #7A1414);
    font-weight: 800;
}

.home_sec_2_number {
    text-align: center;
    justify-content: space-between;
}

body {
    font-size: 0.8rem;
    color: #333;
}

.home_sec_2_number .item {
    max-width: 13rem;
}
.home_sec_3_content_logo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.home_sec_3_content_logo .item {
    width: 5rem;
    height: auto;
}

.home_sec_3_content_logo .item + .item {
    margin-left: 0.8rem;
}

.home_sec_3_content h2 {
    font-size: 2.4rem;
    color: var(--7, #467D58);
    text-transform: uppercase;
    letter-spacing: -0.072rem;
    line-height: 1.2;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    position: relative;
}

.home_sec_3_content h2 .fs_74 {
    font-size: 3.7rem;
    color: var(--1, #003E2D);
    font-weight: 800;
    letter-spacing: -0.11100000000000002rem;
    line-height: 1;
    margin-bottom: 0.75rem;
}

.home_sec_3_content h2 .fs_34 {
    font-size: 1.7rem;
}

.home_sec_3_content h2 .fs_42 {
    font-size: 2.1rem;
}

.home_sec_3_content h2:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0.2;
    background: #003E2D;
    height: 1px;
    width: 25.75rem;
}

.home_sec_3_img .box_img img {
    display: block;
    max-width: unset;
    width: calc(100% + calc(100vw - 65rem)/2);
}

.home_sec_3_img .items {
    display: flex;
    padding-left: 6rem;
    margin-bottom: 1.5rem;
}

.home_sec_3_img .items .item {
    width: 5.7rem;
    height: auto;
}

.home_sec_3_img .items .item + .item {
    margin-left: 1.9rem;
}
.home_sec_3 {
    align-items: flex-end;
}

.home_sec_3 .fp-tableCell {height: 100vh;display: flex;align-items: flex-end;width: 100vw;}

svg.line_bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}
.home_sec_3  .button_style {
    margin-top: 1.5rem;
}
.item_cooking {
    position: relative;
    cursor: pointer;
    width: calc(50% - 1.3rem);
    margin: 0.65rem;
    border-radius: 1rem;
    overflow: hidden;
}

.item_cooking .box_img {
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
}

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

.item_cooking:hover .box_img img {
    transform: scale(1.1);
}

.wrap_cooking {
    display: flex;
    flex-wrap: wrap;
    margin: -0.65rem;
}

.item_cooking .box_img:before {}

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

.item_cooking h3 {
    font-size: 1rem;

    color: #fff;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: -0.03rem;
    /*max-width: 11.25rem;*/

    margin: 0;
    line-height: 1.3;
}
.item_cooking .box_content{
    position: absolute;
    left: 1.5rem;
    bottom: 1.5rem;
    right: 1.5rem;
    bottom: 1rem;
    z-index: 9;
}

.home_sec_5_left {
    border-radius: 1.5rem;
    padding: 3rem 3rem 0;
    height: 100%;
    position: relative;
}

.home_sec_5_left h2 {
    font-size: 2.75rem;
    font-weight: 800;
    line-height: 1.2;
    color: var(--1, #003E2D);
    margin: 0;
}

.home_sec_5_left .box_img {
    max-width: 18.7rem;
    position: relative;
}

.home_sec_5_left .box_img .hoa_tiet {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(.5);
    opacity: 0;
    transition: 1s;
    z-index: 2;
}

.home_sec_5_left .button_style {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
}

section.active .home_sec_5_left .box_img .hoa_tiet {
    transform: translate(-50%, -50%) scale(1.9);
    opacity: 1;
    transition-delay: .3s;
}

.home_sec_5_left .box_img .img {
    transform: scale(1.5);
    transition: 1s;
}

section.active .home_sec_5_left .box_img .img {
    transform: scale(1);
    transition-delay: .3s;
}
.title_animation{
    font-family: 'NVN Motherland Signature';
    color: var(--2, #7A1414);
    font-size: 1.5rem;
    transform: rotate(-7.042deg);
}
.swiper-grid-column>.swiper-wrapper {
    flex-direction: unset;
}
.post_item {
    position: relative;
    display: flex;
    margin: 0.75rem 0;
}

a.link_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.post_item .box_img {
    width: 16.85rem;
    height: 9.4rem;
    flex: 0 0 auto;
    border-radius: 0.5rem;
    overflow: hidden;
    position: relative;
}

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

.post_item .box_content {
    padding: 0.75rem 1rem;
}

.post_item .box_content h3 {
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.027000000000000003rem;
    margin-bottom: 0.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.box_meta {
    display: flex;
    font-size: 0.7rem;
    color: var(--1, #003E2D);
    font-weight: 500;
}

.box_meta span+span {
    margin-left: 1.1rem;
}

.post_item:hover .box_img img {
    transform: scale(1.15);
}

.heading_title {
    color: var(--1, #003E2D);
    font-size: 2.75rem;
    font-style: normal;
    font-weight: 800;
    line-height: 3rem; /* 109.091% */
    letter-spacing: -0.08249999999999999rem;
    text-transform: uppercase;
    line-height: 1.25;
}

.item_goc_nhin h3 {
    color: var(--1, #003E2D);
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 600;
    /* 138.889% */
    letter-spacing: -0.027000000000000003rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.item_goc_nhin {
    padding: 2.25rem 0;
}

.arrow_slider {
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
    border-radius: 2rem;
    border: 1px solid #7A1414;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    z-index: 6;
    transform: translateY(-50%);
    cursor: pointer;
    transition: .3s all;
}
.arrow_slider:hover {
    background: #7A1414;
}

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

.arrow_slider path {
    transition: .3s all;
}
.arrow_slider svg {
    width: 0.85rem;
    height: auto;
}

.slider_goc_nhin .swiper-slide:before {content: '';position: absolute;bottom: -2px;left: 0;width: 100%;height: 1px;opacity: 0.15;background: #003E2D;}
.home_sec_6 .col.large-5.medium-5 {
    padding: 0 5.5rem 0 3rem;
}

.home_sec_6 .wrap_slider.wrap_right {max-width: 78%;}

.slider_goc_nhin {
    margin: -2.25rem 0;
}

.slider_posts {
    margin: -0.65rem 0;
}

.home_sec_6 .title_animation {
    margin-top: 2rem;
}

.home_sec_6 .button_style {
    margin-top: 5rem;
}

.home_sec_6
h2.heading_title {
    margin-bottom: 2rem;
}
.home_sec_6 .arrow_slider {
    bottom: 0;
    top: unset;
    transform: unset;
    left: 0.5rem;
}

.home_sec_6 .col {
}

.wrap_slider {
    position: relative;
}

.home_sec_6 .wrap_slider {
    position: unset;
}

.home_sec_6 .col.large-5.medium-5 .arrow_slider {
    left: 3rem;
}

.home_sec_6 .col.large-5.medium-5 .arrow_slider.right {
    left: 5.5rem;
    right: unset;
}

.home_sec_6 .arrow_slider.right {
    right: unset;
    left: 3rem;
}
.home_sec_6 .col.large-12 {
    padding-bottom: 0;
}
img.home_sec_6_img {
    position: absolute;
    right: 0;
    width: auto;
    bottom: 0;
    width: auto;
    height: 100vh;
    max-width: 36rem;
    height: auto;
}
.custom-select-container {
    position: relative;
    width: 100%;
}

.selected-option {
    padding: 0.5rem;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-color: transparent;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center right 0.5rem;
    border-radius: 5rem;
    height: 2.75rem;
    display: flex;
    align-items: center;
    color: var(--4, #333);
    padding: 0 1.5rem 0 1.5rem;
    border: 1px solid rgba(0, 62, 45, 0.60);
    background-size: 1rem;
}

.custom-select {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    border-top: none;
    width: 100%;
    position: absolute;
    background-color: #f9f9f9;
    z-index: 1000;
    overflow-y: auto;
    background: #F5F2EB;
    border-radius: 1rem;
}

.custom-select li {
    padding: 0.5rem;
    cursor: pointer;
    border-bottom: 1px solid rgba(51, 51, 51, 0.15);
    text-align: left;
}

.custom-select li:hover {
    background-color: #003E2D;
    color: #fff;
}
.custom-select li {
    margin: 0 !important;
    transition: .3s all;
}

.custom-select li {
    color: #333;
}
.custom-select::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 0.3rem rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.custom-select::-webkit-scrollbar
{
    width: 0.217rem;
    background-color: #cedbff;
}

.custom-select::-webkit-scrollbar-thumb
{
    background-color: var(--main-cl);
}
body{
    background-image: url(../img/bg_all_site.jpg);
    background-repeat: repeat;
    background-size: 100% auto;
}
.office_page {
    padding: 10rem 0 6rem;
}

.office_page_number {
    display: flex;
    margin-bottom: 7rem;
}

.office_page_number .item {
    text-align: center;
    width: calc(25%);
    position: relative;
}

.office_page_number .item b {
    color: var(--2, #7A1414);
    font-size: 3rem;
    font-weight: 800;
    line-height: 1.2;
}

.office_page_number .item .content {
    max-width: 12rem;
    margin: auto;
    font-weight: 500;
}

.office_page_number .item+.item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2.75rem;
    width: 1px;
    height: 1.5rem;
    opacity: 0.5;
    background: #7A1414;
}

.office_page .text-center>h1 {
    margin-bottom: 0.5rem;
}

form#filter_office .wrap {
    display: flex;
    justify-content: space-between;
}

form#filter_office {
    margin: 3rem 0 3rem -0.5rem;
}

form#filter_office .wrap .item {
    width: calc(25% - 1.25rem);
    margin: 0 0.5rem;
}


.style_form button {
    width: 2.75rem;
    height: 2.75rem;
    background: #7A1414;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 50%;
    margin: 0;
    transition: .4s all;
}

form#filter_office button svg {
    max-width: 60%;
    max-height: 60%;
    width: auto;
    height: auto;
}

.wrap_office .wrap {
    display: flex;
}

.wrap_office {
    border: 1px solid rgba(0, 62, 45, 0.20);

    border-radius: 1rem;
    overflow: hidden;
}

.wrap_office .left {
    width: 33.3333%;
    padding: 2.25rem 1.5rem;
}

.wrap_office .right {
    width: 66.6667%;
}

.wrap_office .right iframe {
    width: 100%;
    display: block;
    height: 100%;
}

.left {}

.tong_cua_hang {
    color: var(--2, #7A1414);
    letter-spacing: -0.024rem;
}

.tong_cua_hang b {
    font-weight: 600;
}

.item_office h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
    transition: .5s all;
}

h1, h2, h3, h4, h5, h6 {
    color: #333;
}

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

.item_office {
    padding: 1.5rem 0 1.5rem 0;
    transition: .5s all;
    position: relative;
    cursor: pointer;
}

.item_office+.item_office {
    border-top: 1px solid #003E2D;
}

.item_office:hover {
    padding-left: 0.9rem;
}

.item_office:before {
    content: '';
    top: 1.5rem;
    bottom: 1.5rem;
    left: 0;
    background: var(--2, #7A1414);
    width: 2px;
    position: absolute;
    opacity: 0;
    transition: .5s all;
}

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

.item_office:hover h3 {
    color: var(--2, #7A1414);
}

.list_office {
    max-height: 28.45rem;
    overflow: auto;
    width: calc(100% + 1.5rem);
    padding-right: 1.5rem;
}
.list_office::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 0.3rem rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.list_office::-webkit-scrollbar
{
    width: 0.417rem;
    background-color: #cedbff;
}
.list_office.home::-webkit-scrollbar{
    width: 0;
}

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


.wrap_office .right .inner {
    height: 100%;
}
.css_bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

h1.heading_title span {
    font-size: 1.75rem;
    font-weight: 500;
    display: block;
}

.product_banner  h1.heading_title {
    margin-bottom: 0.5rem;
}

.product_banner .office_page_number {
    margin: 3rem 0 0 0;
}

section.product_banner {
    padding: 9.5rem 0 6.25rem;
    position: relative;
}

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

.wrap_ht li {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: 1s all;
    transform: translateY(0);
}

.wrap_ht.right ul li {
    left: unset;
    right: 0;
    top: unset;
    bottom: 0;
}

.wrap_ht.left li:nth-child(1) img {
    width: 13.7rem;
    height: auto;
    display: block;
}

.wrap_ht.left li:nth-child(2) {
    top: 50%;
    left: 0%;
}

.wrap_ht.left li:nth-child(2) img {
    width: 4.15rem;
    height: auto;
}

.wrap_ht.left li:nth-child(3) img {
    width: 5.7rem;
    height: auto;
}

.wrap_ht.left li:nth-child(3) {
    top: 39%;
    left: 10%;
    transition: 1.2s;
}

section.product_banner:hover .wrap_ht.left li {
    transform: translateY(-2.5rem);
}

.wrap_ht.left li:nth-child(2) {
    transition: 1.5s;
}

.wrap_ht.right {}

.wrap_ht.right ul li:nth-child(1) img {
    width: 10.9rem;
    height: auto;
}

.wrap_ht.right ul li:nth-child(1) {
    right: 0;
    bottom: -15%;
}

.wrap_ht.right ul li:nth-child(2) {
    right: 0;
    bottom: 9%;
}

.wrap_ht.right ul li:nth-child(3) {
    right: 6%;
    bottom: 27%;
}

.wrap_ht.right ul li:nth-child(4) {
    right: 13%;
    bottom: -14%;
}

section.product_banner:hover .wrap_ht.right li {
    transform: translateY(-6rem);
}

section.product_banner:hover .wrap_ht.right li:nth-child(2) {
    transform: translateY(-12.5rem);
}

section.product_banner:hover .wrap_ht.right li:nth-child(3) {
    transform: translateY(0.25rem);
}

section.product_banner:hover .wrap_ht.right li:nth-child(4) {
    transform: translateY(-2.5rem);
}
.wrap_ht.right ul li:nth-child(2) img {
    width: 5.8rem;
}

.wrap_ht.right ul li:nth-child(3) img {
    width: 6.7rem;
}

.wrap_ht.right ul li:nth-child(4) img {
    width: 9.4rem;
}
.wrap_product {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.85rem;
}

.product_item {
    background: rgba(231, 214, 190, 0.20);
    width: calc(calc(100% / 4) - 1.7rem);
    margin: 0 0.85rem 1.7rem;
    transition: .5s all;
    border-radius: 0.75rem;
    overflow: hidden;
}

.product_item {
    padding: 2.5rem 1.25rem 1.25rem;
    position: relative;
    cursor: pointer;
}

ul.tl {
    list-style: none;
    margin: 0;
    display: flex;
    position: absolute;
    top: 1.25rem;
    transition: .5s all;
    filter: brightness(1) invert(0);
}

ul.tl li {
    color: var(--1, #003E2D);
    font-size: 0.65rem;
    font-style: normal;
    font-weight: 500;
    border: 0.0375rem solid var(--1, #003E2D);
    border-radius: 5rem;
    padding: 0 0.5rem;
    margin-bottom: 0;
}

ul.tl li+li {
    margin-left: 0.4rem;
}

.product_item .box_img {
    padding-bottom: 89%;
    position: relative;
    margin: 1.75rem 0;
}

.product_item .box_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0);
    max-height: 100%;
    max-width: 100%;
    transition: .5s all;
}

.product_item:hover {
    background: #EC7323;
}

.product_item:hover ul.tl {
    filter: brightness(0) invert(1);
}

.product_item h3 {
    color: var(--1, #003E2D);
    font-size: 0.9rem;
    margin-bottom: 2px;
}

.product_item span {
    font-size: 0.65rem;
    color: var(--2, #7A1414);
    position: relative;
}
.product_item span:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    background: #fff;
    transition: .5s all;
    width: 0;
}

.product_item:hover span:before {
    width: 100%;
}
.product_item .box_content {
    filter: brightness(1) invert(0);
    transition: .5s all;
}

.product_item:hover .box_content {
    filter: brightness(0) invert(1);
}

.product_item:hover .box_img img {
    transform: translate(-50%, -50%) rotate(10deg);
}

section.product_page {
    padding: 6.5rem 0;
}

section.product_page .group_content {
    max-width: 41.5rem;
    margin: 0 auto 3rem;
}

section.product_page .group_content h2 {
    margin-bottom: 0.5rem;
}

ul.product_tax {
    list-style: none;
    margin: 0 0 3rem;
    display: flex;
}

ul.product_tax a {
    border: 1px solid rgba(0, 62, 45, 0.50);
    height: 3.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    color: var(--1, #003E2D);
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 1rem;
    line-height: 1.2;
    transition: .5s all;
}

ul.product_tax li + li {
    margin-left: 0.85rem;
}

ul.product_tax a.active,
ul.product_tax a:hover {
    background: #EC7323;
    border-color: #EC7323;
    color: #fff;
}
.product_page .nav_bottom {
    justify-content: space-between;
    align-items: center;
}

.show_result {
    height: 2.1rem;
    display: inline-flex;
    align-items: center;
    border-radius: 5rem;
    border: 1px solid rgba(51, 51, 51, 0.50);
    padding: 0 1rem;
    font-size: 0.8rem;
}

.show_result b {
    color: var(--2, #7A1414);
    margin-left: 0.25rem;
}

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

.nav_pagination ul li {
    margin: 0;
}

.nav_pagination ul a {
    width: 2.1rem;
    height: 2.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #666;
    border-radius: 5rem;
    font-weight: 600;
    color: #666;
    transition: .4s all;
}

.nav_pagination ul li + li {
    margin-left: 0.6rem;
}

.nav_pagination ul .active a,.nav_pagination ul a:hover {
    background: #7A1414;
    color: #fff;
    border-color: #7A1414;
}

.wrap_form_tv {
    margin-top: 6rem;
    position: relative;
    z-index: 0;
}

.wrap_form_tv .inner {
    padding: 3.25rem 4.75rem;
}

.box_form input:not([type="checkbox"]) {
    height: 3rem;
    box-shadow: none;
    border-radius: 5rem;
    border: 1px solid #CCC9BB;
    background: rgba(255, 255, 255, 0.70);
    padding: 0 1.25rem;
    margin-bottom: 1rem;
    color: var(--4, #333);
}

.box_form .selected-option {
    border: 1px solid #CCC9BB;
    color: var(--4, #333);
}

.box_form input::placeholder {
    color: var(--4, #333);
}

.box_form.form-consulting .selected-option {
    height: 3rem;
}

.wrap_form_tv h2.heading_title {
    margin-bottom: 0.5rem;
}

.box_form {
    margin-top: 2rem;
}

.box_form b {
    color: var(--1, #07341F);
    font-size: 1rem;
    margin-top: 1.5rem;
    display: block;
    margin-bottom: 1.15rem;
}

.checkbox-container {
    display: flex;
    flex-wrap: wrap;
}

.checkbox-container label.checkbox-item {
    width: calc(100% / 3);
    font-weight: 400;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 0.9rem;
}

.checkbox-container label.checkbox-item strong {
    font-weight: 400;
}

span.custom-checkbox {
    width: 1.2rem;
    height: 1.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5rem;
    border: 1px solid var(--2, #1A5633);
    flex: 0 0 auto;
    margin-right: 0.7rem;
}

span.custom-checkbox:before {
    content: '';
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    background: var(--2, #1A5633);
    border-radius: 5rem;
    transform: scale(0);
    transition: .5s all;
}

.checkbox-container label.checkbox-item input[type="checkbox"]:checked + .custom-checkbox:before {
    transform: scale(1);
}

.checkbox-container input[type="checkbox"] {
    display: none;
}

.checkbox-container label.checkbox-item input[type="checkbox"]:checked {}

.box_form textarea {
    border-radius: 1rem;
    border: 1px solid #CCC9BB;
    background: rgba(255, 255, 255, 0.70);
    color: #666;
    padding: 0.8rem 1.3rem;
    margin-top: 1rem;
}

.wrap_info_form {
    display: flex;
    flex-wrap: wrap;
}

.wrap_info_form .item {
    width: calc(25% - 2.6rem);
    margin: 0 1.3rem;
}

.wrap_form_tv  .wrap_bottom {
    border-top: 1px solid rgba(51, 51, 51, 0.10);
    background: rgba(249, 243, 235, 0.20);
    padding: 1.5rem 3rem;
}

.wrap_info_form .item.title b {color: var(--1, #07341F);font-size: 0.9rem;}

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

.box_form button.button_style {
    margin: 0.5rem 0 0;
}
.box_form button.button_style:hover{
    background: var(--6, #FCD7A3);
    color: var(--1, #003E2D);
}
.wrap_form_tv .wrap_ht.left li:nth-child(1) img {
    width: 6.15rem;
    height: auto;
}

.wrap_form_tv .wrap_ht.left li:nth-child(2) img {
    width: 8.3rem;
    height: auto;
}

.wrap_form_tv .wrap_ht.left li {
    top: 34%;
    left: -5%;
}

.wrap_form_tv .wrap_ht.left li:nth-child(2) {z-index: -1;top: 40%;left: 5%;}

.wrap_form_tv .inner_form {
    background: #fff;
    border-radius: 1rem;
}

.wrap_form_tv:hover .wrap_ht.left li:nth-child(2) {
    left: -7%;
}

.wrap_form_tv .wrap_ht.left li:hover:nth-child(2) {}

.wrap_form_tv:hover .wrap_ht.left li:nth-child(1) {
    left: -10%;
}

.wrap_form_tv .wrap_ht.right ul li:nth-child(1) {
    right: -11%;
    bottom: 54%;
}

.wrap_form_tv .wrap_ht.right ul li:nth-child(1) img {
    width: 10.45rem;
}

.wrap_form_tv .wrap_ht.right ul li:nth-child(2) img {
    width: 16.4rem;
}

.wrap_form_tv .wrap_ht.right ul li:nth-child(2) {
    right: 2%;
    bottom: 22%;
    z-index: -1;
}

.wrap_form_tv:hover .wrap_ht.right ul li:nth-child(2) {
    right: -20%;
}
.wrap_form_tv:hover .wrap_ht.right ul li:nth-child(1) {
    right: -13%;
}
.product_details .wrap_slider>.left {
    height: 27.5rem;
    width: 5rem;
}

.slider_nav_product {
    height: 24.8rem;
}

.product_details .wrap_slider {
    display: flex;
    position: sticky;
    top: 5rem;
}

.product_details .wrap_slider>.right {
    width: calc(100% - 5rem);
    position: relative;
}

.product_details .wrap_slider>.left .box_img {
    padding-bottom: 100%;
    position: relative;
    cursor: pointer;
    background: transparent;
    transition: .4s all;
}

.product_details .wrap_slider>.left .box_img img {
    max-height: 62%;
    max-width: 62%;
    width: auto;
    height: auto;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}

section.product_details {
    padding: 1.5rem 0 4rem;
}


.product_details .wrap_slider>.right .box_img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.slider_for_product {
    height: 100%;
}

.product_details .wrap_slider>.left .swiper-slide-thumb-active .box_img {
    border-radius: 0.5rem;
    background: rgba(231, 214, 190, 0.30);
}

h1.title_product {
    font-size: 2rem;
    letter-spacing: -0.06rem;
    color: var(--1, #003E2D);
    font-weight: 800;
    margin-bottom: 0.75rem;
}

.info_product {
    margin-top: 1.25rem;
}

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

.info_product .item .title {
    font-size: 0.75rem;
    font-weight: 500;
    /* 146.667% */
    letter-spacing: -0.0225rem;
    flex: 0 0 auto;
    margin-right: 0.8rem;
}

.info_product .item  b.price {
    color: var(--2, #7A1414);
    font-size: 1.25rem;
}

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

.info_product .item ul li {
    height: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--1, #003E2D);
    font-size: 0.75rem;
    font-weight: 500;
    border: 1px solid var(--1, #003E2D);
    border-radius: 5rem;
    padding: 0 0.7rem;
    transition: .5s all;
    cursor: pointer;
    margin-bottom: 0;
}

.info_product .item ul li:hover {
    background: var(--1, #003E2D);
    color: #fff;
}

.info_product .item ul li + li {
    margin-left: 0.5rem;
}

.info_product .item+.item {
    margin-top: 1rem;
}

.info_product .item:first-child {
    margin-bottom: 1.5rem;
}

.buy_now {
    padding: 1.25rem 0;
    border-top: 1px solid rgb(0 62 45 / 20%);
    border-bottom: 1px solid rgb(0 62 45 / 20%);
    margin: 1.5rem 0;
}

.product_details b.title {
    color: var(--1, #003E2D);
    font-size: 1rem;
    font-weight: 700;
    /* 110% */
    letter-spacing: -0.03rem;
    display: block;
    margin-bottom: 1rem;
}

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

.buy_now ul img {
    width: 3.15rem;
    height: auto;
    display: block;
    border-radius: 5rem;
}

.buy_now ul li + li {
    margin-left: 1rem;
}

.product_box .box_img {
    padding-bottom: 100%;
    position: relative;
}

.product_box .box_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 90%;
    max-height: 82%;
    width: auto;
    height: auto;
}

.product_box h3 {
    font-size: 0.85rem;
    font-weight: 500;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.product_box {
    padding: 0.5rem;
    border-radius: 0.5rem;
    background: transparent;
    transition: .5s all;
    cursor: pointer;
    position: relative;
}

.product_box:hover {
    background: rgba(231, 214, 190, 0.30);
}

.swiper-pagination span {
    height: 0.3rem;
    width: 0.3rem;
    opacity: 0.2;
    background: var(--4, #333);
}

.swiper-pagination span.swiper-pagination-bullet-active {
    background: var(--2, #7A1414);
    opacity: 1;
}

.slider_product_together .swiper-pagination {
    display: flex;
    justify-content: flex-end;
    top: 0;
    left: unset;
    bottom: unset;
}

.slider_product_together {
    padding-top: 2rem;
    margin-top: -2rem;
}
.product_details_sec_2 {
    padding: 3rem 0;
}

.product_details_sec_2 .col {
    margin: 0;
}

.text_white {
    color: #fff;
}

.product_details_sec_2 .icon {
    height: 7.5rem;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 1rem;
}

.product_details_sec_2 .icon img {
    max-height: 100%;
}

.product_details_sec_2 .content {
    font-size: 0.85rem;
}
.product_details_sec_4 {
    padding: 3.5rem 0 3rem;
}

.product_details_sec_4 h2.heading_title {
    margin-bottom: 0.25rem;
}

.arrow_slider.style_2 {
    background: #7A1414;
    left: -4rem;
    transition: .3s all;
}
.arrow_slider.style_2:hover{
    background: var(--6, #FCD7A3);
    border-color: var(--6, #FCD7A3);
}

.slider_cooking .item_cooking {
    width: calc(100% - 2.2rem);
    margin: 0 1.1rem;
}

.slider_cooking {
    margin: 0 -1.1rem;
}

.product_details_sec_4 .wrap_slider {
    margin-top: 2.25rem;
}

.arrow_slider.style_2.right {
    left: unset;
    right: -4rem;
}

.product_details_sec_5 {
    padding: 3rem 0 2.5rem;
}

.product_details_sec_5 h2.heading_title {
    margin-bottom: 0.25rem;
}

.product_blog {
    position: relative;
    border-radius: 0.75rem;
    overflow: hidden;
    cursor: pointer;
}

.product_blog .box_img {
    padding-bottom: 100%;
    position: relative;
}

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

.product_blog h3 {
    position: absolute;
    z-index: 9;
    top: 5rem;
    left: 0;
    width: 100%;
    font-weight: 400;
    color: #fff;
    line-height: 1.4;
    font-size: 0.8rem;
    padding: 1.35rem;
    opacity: 0;
    transition: .5s all;
}

.slider_blog_product .swiper-slide {
    padding: 0 0.25rem;
}

.slider_blog_product {
    margin: 2.75rem 0.25rem 0;
}

.product_blog .box_img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 30.47%, rgba(0, 0, 0, 0.00) 100%);
    z-index: 2;
    opacity: 0;
    transition: .5s all;
}

.product_blog:hover .box_img:before {
    opacity: 1;
}

.product_blog:hover h3 {
    opacity: 1;
    top: 0;
}

.item_qa {
    border-radius: 5rem;
    border: 1px solid rgba(0, 62, 45, 0.30);
    padding: 0.9rem 1.75rem;
    transition: .5s all;
}

.item_qa .content {
    display: none;
}

.item_qa h3 {
    margin: 0;
    font-size: 1rem;
    color: var(--1, #003E2D);
    letter-spacing: -0.03rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    line-height: 1.7;
}

.item_qa h3 span {
    width: 1.5rem;
    height: 1.5rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item_qa h3 span:before,.item_qa h3 span:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #003E2D;
    position: absolute;
    transition: .5s all;
}

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

.item_qa+.item_qa {
    margin-top: 1.25rem;
}

.item_qa.active {
    border: 1px solid var(--1, #003E2D);
    border-radius: 1.5rem;
}

.item_qa.active h3 span:after {
    transform: rotate(0deg);
}


.item_qa .content {
    line-height: 1.7;
    margin-top: 0.5rem;
}

.product_details_sec_3 {
    padding-top: 3.5rem;
}

.product_details_sec_3>img {
    margin-top: 3.5rem;
}
section.about_sec_1 {
    background: linear-gradient(90deg, #003E2D 0%, #7A1414 50.03%, #003E2D 100%);
    padding-top: 9rem;
}

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

ul.nav_tabs_about a {
    color: var(--5, #FCD7A3);
    text-align: center;
    font-size: 0.75rem;
    font-weight: 600;
    border: 1px solid var(--5, #FCD7A3);
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.25rem;
    border-radius: 5rem;
    margin: 0 0.35rem;
    transition: .5s all;
    text-transform: uppercase;
}

ul.nav_tabs_about {
    margin-bottom: 2rem;
}

ul.nav_tabs_about a:hover,ul.nav_tabs_about a.active {
    color: var(--1, #003E2D);
    background: var(--5, #FCD7A3);
}

.for_tabs_about .content {
    max-width: 41.5rem;
    margin: auto;
    text-align: center;
    letter-spacing: -0.024rem;
    margin-bottom: 1.5rem;
}

.for_tabs_about .item_for>img {
    display: block;
    margin: 0 auto -7.5rem;
    position: relative;
}

.for_tabs_about .wrap_ht .title_animation {
    max-width: 24rem;
    font-size: 2.25rem;
}

.for_tabs_about .text-center.wrap_ht {
    height: 13rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.for_tabs_about .wrap_ht li:nth-child(1) img {
    width: 13.8rem;
}

.for_tabs_about .wrap_ht li:nth-child(2) img {
    width: 15.5rem;
}

.for_tabs_about .wrap_ht li:nth-child(1) {
    left: 10%;
    /*animation: hu__hu__ infinite 6s ease-in-out*/
}

.for_tabs_about .wrap_ht li:nth-child(2) {
    left: unset;
    right: 10%;
    /*animation: hu__hu__ infinite 8s ease-in-out*/
}
@keyframes hu__hu__ {
    50% { transform: translateY(1.5rem) }
}
section.about_sec_2 {
    padding-top: 15rem;
}

section.about_sec_2 h1.heading_title {
    margin-bottom: 0.25rem;
}

section.about_sec_2 .office_page_number {
    margin-top: 2.5rem;
}

.heading_title.small {
    font-size: 1.75rem;
    text-transform: unset;
    font-weight: 700;
    margin-bottom: 0.25rem;
}

.slider_logo a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 4rem;
    margin: .5rem 0;
}

.slider_logo {
    max-width: 80%;
    margin: 2rem auto 4rem;
}
.goc_nhin_sec_1 {
    background: linear-gradient(90deg, #003E2D 0%, #7A1414 50.03%, #003E2D 100%);
    padding: 12rem 0 0 0;
}

.goc_nhin_sec_1_img {
    width: 23.4rem;
    height: auto;
    display: inline-block;
    height: auto;
    position: relative;
}

.goc_nhin_sec_1_img img {
    border-radius: 1rem;
}

.goc_nhin_sec_1_img ul img {
    display: block;
    width: auto;
    height: auto;
}

.goc_nhin_sec_1_img li {
    margin: 0;
    position: absolute;
    top: -12%;
    right: -28%;
}

.goc_nhin_sec_1_img img {
    border-radius: 1rem;
}

.goc_nhin_sec_1_img li img {
    border-radius: 1rem;
    width: 9.9rem;
    height: auto;
}

.goc_nhin_sec_1_img li:nth-child(2) img {
    width: 18.25rem;
}

.goc_nhin_sec_1_img>img {transform: rotate(-5deg);position: relative;z-index: 2;}

.goc_nhin_sec_1_img li:nth-child(2) {
    top: unset;
    bottom: -22%;
    right: unset;
    left: -22%;
    z-index: 3;
}

.goc_nhin_sec_1_img svg {
    position: absolute;
    bottom: -17%;
    right: -28%;
    width: 11.75rem;
    z-index: 1;
}

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

.goc_nhin_sec_1 h1.heading_title {
    margin-top: 4rem;
}

.goc_nhin_sec_1 .content {
    text-align: justify;
}

.goc_nhin_sec_1 .bottom {
    margin-top: 6rem;
}

.goc_nhin_sec_1 .bottom .content_left {
    padding-right: 4.5rem;
}

.goc_nhin_sec_1 .content_right b {
    color: var(--5, #FCD7A3);
    font-family: Montserrat;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 700;
    /* 133.333% */
    letter-spacing: -0.045rem;
    display: block;
    line-height: 1.4;
}

.goc_nhin_sec_1 .content_right span {
    color: var(--3, #FFF);
    font-size: 0.7rem;
    /* 178.571% */
    letter-spacing: -0.020999999999999998rem;
    color: #fff;
    display: block;
    margin-top: 1rem;
    position: relative;
    display: flex;
    align-items: center;
}

.goc_nhin_sec_1 .content_right span:before {
    content: '';
    width: 1.95rem;
    height: 1px;
    background: rgba(255, 255, 255, 0.50);
    display: inline-block;
    margin-right: 0.5rem;
}

.goc_nhin_sec_1_bottom img {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 42rem;
    height: auto;
}

.goc_nhin_sec_1_bottom {
    position: relative;
    margin-top: 2.5rem;
    padding-bottom: 5rem;
}
.goc_nhin_sec_1_bottom svg {
    display: block;
    width: 100%;
    height: auto;
}

.wrap_post_gn {
    display: flex;
    margin: 3rem -0.75rem;
}

section.goc_nhin_sec_2 {
    padding: 6.5rem 0;
}

.wrap_post_gn .left {
    width: calc(58% - 1.5rem);
    margin: 0 0.75rem;
}

.wrap_post_gn .right {
    width: calc(42% - 1.5rem);
    margin: 0 0.75rem;
}

.item_lagre_post .box_img {
    height: 24rem;
    position: relative;
}

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

.item_lagre_post {
    position: relative;
    border-radius: 0.5rem;
    overflow: hidden;
    cursor: pointer;
}

.item_lagre_post .box_content {
    position: absolute;
    max-width: 26.5rem;
    left: 2rem;
    bottom: 2rem;
    z-index: 3;
    transition: .5s all;
    opacity: 0;
}

.item_lagre_post .box_img:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.75) 100%);
    z-index: 2;
    opacity: 0;
    transition: -0.5s all;
}

.item_lagre_post:hover .box_img:before {
    opacity: 1;
}

.item_lagre_post:hover .box_content {
    opacity: 1;
}

.post_list .post_item {
    margin: 0;
}

.post_list .post_item+.post_item {
    margin-top: 1rem;
}

.post_list .post_item .box_img {
    width: 11.9rem;
    height: 7.3rem;
}
.wrap_all_section {
    padding: 3rem 0;
}

ul.nav_tabs_about.style_2 a {
    border-color: #003E2D;
    color: #003E2D;
}

ul.nav_tabs_about.style_2 a:hover,ul.nav_tabs_about.style_2 a:active {
    background: var(--1, #003E2D) !important;
    color: #fff;
}

ul.nav_tabs_about.style_2 {
    margin: 0;
}

.td_sec_1 {
    padding: 5rem 0 3rem;
}

.td_sec_1 h1.heading_title {
    margin-bottom: 0.25rem;
}

form#filter_recruit .wrap_form {
    display: flex;
    justify-content: center;
}

form#filter_recruit .wrap_form .item {
    width: 12rem;
    margin: 0 0.4rem;
}

form#filter_recruit {
    margin: 2rem 0 2.5rem;
}

.wrap_post_td {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.35rem 1.5rem;
}

.item_td {
    position: relative;
    width: calc(calc(100% / 3) - 2.7rem);
    margin: 0 1.35rem 1.5rem;
    border-radius: 0.75rem;
    background: #FFF;
    box-shadow: 0rem 0rem 1rem 0rem rgba(127, 117, 110, 0.05);
    padding: 1.65rem;
    cursor: pointer;
    transition: .3s all;
}

.item_td .top {
    position: relative;
    margin-bottom: 1.9rem;
}

.item_td .top:before {
    content: '';
    position: absolute;
    top: 2px;
    left: -1.65rem;
    bottom: 2px;
    width: 2px;
    background: #003E2D;
    transition: .3s all;
}

.item_td .top span {
    font-size: 0.75rem;
}

.item_td h3 {
    color: var(--1, #003E2D);
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
}

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

.item_td ul li {
    margin: 0;
    font-size: 0.7rem;
}

.item_td ul li + li {
    margin-top: 0.2rem;
}

.item_td {
    transition: .3s all;
}

.item_td:hover * {
    color: #fff;
}

.item_td:hover {
    background: var(--1, #003E2D);
}

.item_td:hover .top:before {
    background: #fff;
}
.slider_nhan_su {
    overflow: unset;
    margin: 5rem 0 0 0;
}

.item_ns .box_content {
    width: calc(100% - 5rem);
    border-radius: 1rem;
    background: rgb(252 215 163 / 25%);
    padding: 4.25rem 18rem 4.25rem 3.5rem;
    opacity: 0;
    transition: .5s all;
    min-height: 24.75rem;
}

.item_ns h3 {
    color: var(--1, #003E2D);
    font-size: 1.25rem;
    font-weight: 700;
    /* 88% */
    letter-spacing: -0.0375rem;
    color: #003E2D;
    margin-bottom: 0;
}

.item_ns  .postion {
    font-size: 0.75rem;
    display: block;
    margin-bottom: 1.5rem;
}

.item_ns .content {
    letter-spacing: -0.024rem;
    font-weight: 500;
}

.slider_nhan_su .box_img {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%) rotate(0);
    transition: 1s all;
    border-radius: 1rem;
    background: #F9F7F4;
    padding: 0.95rem;
}

.slider_nhan_su .box_img.right {
    left: unset;
    right: 0;
    width: 20rem;
}

.slider_nhan_su .box_img img {
    border-radius: 0.8rem;
    overflow: hidden;
}
.slider_nhan_su .swiper-slide-active .box_content {
    opacity: 1;
}

.slider_nhan_su .box_img {
    opacity: .5;
}

.slider_nhan_su .swiper-slide-active .box_img {
    opacity: 0;
}

.item_ns {
    margin: 0 4rem;
    position: relative;
}

.slider_nhan_su .swiper-slide-active .box_img.right {
    opacity: 1;
    top: -1.25rem;
    transform: translateY(0) rotate(6deg);
}
.td_sec_2 .arrow_slider.style_2.left {
    left: -1.5rem;
}

.td_sec_2 .arrow_slider.style_2.right {
    right: -1.5rem;
}
.td_sec_3 h2.heading_title {
    margin-bottom: 0.25rem;
}

.td_sec_3 {
    padding: 5rem 0 2.5rem;
}

.slider_ban_tin {
    margin: 3rem -0.9rem 0 -0.9rem;
}

.item_ban_tin {
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    margin: 0 0.9rem;
    height: 100%;
    background: #7A1414;
    cursor: pointer;
}

.item_ban_tin .box_img {
    height: 21.75rem;
    position: relative;
    overflow: hidden;
}

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

.item_ban_tin:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: calc(100% - 17.7rem);
    background: var(--2, #7A1414);
    border-radius: 230%;
    z-index: 2;
    width: 37rem;
    right: -3.3rem;
}

.slider_ban_tin .swiper-slide {
    height: auto;
}

.item_ban_tin .box_content {
    position: relative;
    z-index: 2;
    padding: 0 1.5rem 1.5rem;
    color: #fff;
}

.item_ban_tin .box_content h3 {
    color: var(--3, #FFF);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    /* 120% */
    letter-spacing: -0.0375rem;
    line-height: 1.5;
}

.item_ban_tin .box_content .content {
    font-size: 0.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.item_ban_tin .box_content span {
    color: var(--3, #FFF);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 0.8rem; /* 106.667% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    display: block;
    margin-top: 1.25rem;
}

.item_ban_tin:hover .box_img img {
    transform: scale(1.1);
}

.slider_ban_tin .swiper-slide:nth-child(3n + 2) .item_ban_tin,.slider_ban_tin .swiper-slide:nth-child(3n + 2) .item_ban_tin:before {
    background: #ED7323;
}

.slider_ban_tin .swiper-slide:nth-child(3n + 3) .item_ban_tin, .slider_ban_tin .swiper-slide:nth-child(3n + 3) .item_ban_tin:before {
    background: #B33031;
}

.swiper-pagination.mb_display {
    position: unset;
}

.mb_display {
    display: none;
}
.td_sec_4_content svg {
    display: block;
    width: 100%;
    height: auto;
}

.td_sec_4_content .inner_content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-width: 21.6rem;
    left: 5rem;
}

.td_sec_4_content {
    position: relative;
    transform: translateX(2rem);
}

.td_sec_4_img img {
    max-width: 33.5rem;
    float: right;
    margin-right: 2.6rem;
    margin-top: 5rem;
    border-radius: 1rem;
    transform: rotate(6deg);
}

.wrap_date {
    display: flex;
    align-items: center;
}

.wrap_date .date_inner {
    width: 6.4rem;
    height: 6.25rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    align-content: center;
    border-radius: 0.5rem;
    border: 1px solid rgb(0 62 45 / 80%);
}

.wrap_date .date_inner .date {
    display: block;
    width: 100%;
    color: var(--2, #7A1414);
    font-size: 3.75rem;
    font-style: normal;
    font-weight: 600;
    /* 29.333% */
    letter-spacing: -0.1125rem;
    line-height: .9;
}

.wrap_date .date_inner .month {
    color: var(--2, #7A1414);
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    /* 110% */
    letter-spacing: -0.03rem;
}


.wrap_date .content {
    color: var(--2, #7A1414);
    -webkit-text-stroke-width: 0.01rem;
    -webkit-text-stroke-color: var(--2, #7A1414);
    font-family: "NVN Motherland Signature";
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 400;
    /* 171.429% */
    margin-left: 1.5rem;
    margin-bottom: 0 !important;
}

.td_sec_4 {
    padding-top: 4rem;
    padding-bottom: 3rem;
}
.td_sec_5 .heading_title {
    margin-bottom: 0.25rem;
}

.td_sec_5 {
    padding: 2.5rem 0 7.5rem;
}

.td_sec_5 .title_animation {
    font-size: 2.25rem;
    margin: 1.5rem 0 3.5rem;
}

.td_sec_5_items {
    display: flex;
    justify-content: center;
}

.td_sec_5_items .box_img {
    padding-bottom: 100%;
    position: relative;
    border-radius: 1.5rem;
    border: 0.75rem solid #F9F7F3;
    overflow: hidden;
}

.td_sec_5_items .box_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.7rem;
    transform: scale(1);
    transition: .5s all;
}

.td_sec_5_items .item {
    width: calc(100% / 3);
    transform: rotate(-6.369deg);
    cursor: pointer;
    position: relative;
}

.td_sec_5_items .item:nth-child(2) {
    transform: rotate(4.081deg);
    margin-top: 1.5rem;
    position: relative;
    z-index: 2;
    margin: 1.5rem -2rem 0;
}

.td_sec_5_items .item:nth-child(3) {
    transform: unset;
}

.td_sec_5_items h3 {
    text-align: center;
    margin: 0;
    color: var(--1, #003E2D);
    font-size: 1.25rem;
}

.td_sec_5_items .item:hover .box_img img {
    transform: scale(1.1);
}
a.style_center.max {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}
section.td_details_sec_1 {
    background: linear-gradient(90deg, #003E2D 0%, #7A1414 50.03%, #003E2D 100%);
    color: #fff;
    padding: 9rem 0 4rem;
}

h2.job-title {
    color: var(--3, #FFF);
    font-family: Montserrat;
    font-size: 2.25rem;
    font-weight: 800;
    /* 122.222% */
    letter-spacing: -0.0675rem;
    max-width: 35rem;
    margin-bottom: 3rem;
}

.td_details_sec_1 ul {
    list-style: none;
    margin: 0;
    letter-spacing: -0.024rem;
}

.td_details_sec_1 ul em {}

.td_details_sec_1 ul i {
    font-weight: 400;
}

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

.td_details_sec_1 ul li + li {
    margin-top: 1rem;
}

.td_details_sec_1 ul b {
    width: 16.5rem;
    flex: 0 0 auto;
    display: block;
    padding-right: 1rem;
    font-weight: 700;
}

section.td_details_sec_2 {
    padding: 2.25rem 0;
}

.box_benefits {
    border-radius: 0.75rem;
    background: rgba(231, 214, 190, 0.20);
    padding: 1.5rem 3rem;
    margin-bottom: 0.5rem;
}

.box_benefits h3 {
    text-transform: uppercase;
    font-size: 0.9rem;
}

.box_benefits h3 i {
    font-weight: 400;
}

.box_benefits ul {
    list-style: none;
    margin: 1rem -0.5rem 0;
    display: flex;
    flex-wrap: wrap;
}

.box_benefits ul li {
    width: calc(100% / 3);
    padding: 0 0.5rem;
    display: flex;
    align-items: center;
}

.box_benefits ul li svg {
    width: 0.95rem;
    height: auto;
    margin-right: 0.5rem;
}

.info_td .item {
    display: flex;
}

.info_td .item .title {
    width: 12.5rem;
    flex: 0 0 auto;
    padding-right: 1rem;
}

.info_td .item .title h3 {
    font-size: 0.9rem;
    margin-bottom: 0;
}

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

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

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

.info_td .content {
    font-weight: 500;
}

.td_details_sec_2 .col.large-9.medium-9 {
    padding-right: 2.5rem;
}

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

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

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

ul.share_post li + li {
    margin-left: 0.5rem;
}

.sidebar_td {
    border-radius: 0.75rem;
    background: var(--2, #7A1414);
    color: #fff;
    padding: 1.65rem;
}

.sidebar_td.inner>b {}

.sidebar_td .inner>b {
    color: #FFF;
    font-size: 1.1rem;
    font-weight: 700;
    /* 100% */
    display: block;
    margin-bottom: 0.3rem;
}

.sidebar_td .inner {
    font-size: 0.75rem;
}

a.scroll_to_form {
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5rem;
    border: 1px solid #FFF;
    padding: 0 1.3rem;
    font-size: 0.7rem;
    font-weight: 700;
    margin-top: 0.75rem;
    transition: .3s all;
}

.sidebar_td .line {
    background: rgba(255, 255, 255, 0.15);
    height: 1px;
    width: 100%;
    margin: 1.5rem 0;
}

a.scroll_to_form:hover {
    background: #fff;
    color: var(--2, #7A1414);
}

.sidebar_td .content strong {
    font-size: 0.7rem;
    font-weight: 500;
}

.sidebar_td .content.bottom {
    margin-top: 0.5rem;
}

.download_file_td a {
    border-radius: 0.75rem;
    background: var(--5, #FCD7A3);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.35rem 1.75rem;
    font-weight: 700;
    color: var(--1, #003E2D);
    justify-content: space-between;
}

.download_file_td a svg {
    width: 2.4rem;
    height: auto;
    flex: 0 0 auto;
}

.download_file_td {
    margin-top: 1rem;
}
.sidebar_td .content.bottom strong {
    display: block;
}
div#form_td .heading_title {
    font-size: 2rem;
    text-transform: unset;
    margin-bottom: 0.25rem;
}

div#form_td input[type="file"] {
    border: none;
    padding: 0;
    border-radius: 0;
    height: auto;
    margin: 0;
}

div#form_td .content {
    font-size: 0.7rem;
    margin-bottom: 0.25rem;
}

.info_td .item:last-child {
    border-bottom: 1px solid rgba(0, 62, 45, 0.20);
}

ul.share_post li {
    margin-bottom: 0;
}

div#form_td .heading_title+.content {
    color: var(--1, #003E2D);
}

div#form_td {
    margin-top: 2.5rem;
}
section.td_details_sec_3 {
    padding: 5rem 0;
}

section.td_details_sec_3 h2.heading_title {
    margin-bottom: 1rem;
}

section.td_details_sec_3 .wrap_post_td {
    margin-top: 2rem;
}
section.nha_may_sec_1 {
    padding: 5rem 0 2.5rem;
}

section.nha_may_sec_1 .box_video video {
    width: 55rem;
    height: auto;
    border-radius: 1rem;
    display: block;
    margin: auto;
}

.group_title .heading_title {
    margin-bottom: 0.5rem;
}

.box_video {
    margin-top: 1.5rem;
}

section.nha_may_sec_2 {
    padding: 1.5rem 0 2rem;
}

section.nha_may_sec_2 .group_title {
    margin-bottom: 4rem;
}

.nha_may_sec_2_items h3 {
    color: var(--1, #003E2D);
    font-size: 1rem;
    font-weight: 700;
    /* 110% */
    letter-spacing: -0.03rem;
    position: relative;
}

.nha_may_sec_2_items {
    margin-left: 5rem;
    padding-left: 0.25rem;
}

.nha_may_sec_2_items h3:before {
    background: #A2CE62;
    width: 0.5rem;
    height: 0.5rem;
    content: '';
    position: absolute;
    left: -2.25rem;
    border-radius: 50%;
    top: 0.55rem;
}

.nha_may_sec_2_items .item+.item {
    margin-top: 1rem;
}

.nha_may_sec_2_items .item:before {
    content: '';
    width: 1px;
    border-left: 1px dashed rgb(0 91 65 / 20%);
    height: calc(83% + 2.9rem);
    position: absolute;
    left: -2.05rem;
    top: 1.6rem;
}

.nha_may_sec_2_items .item {
    position: relative;
}

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

section.nha_may_sec_3 {
    padding: 2rem 0 5.5rem;
}

section.nha_may_sec_3 .group_title {
    max-width: 31rem;
}

.nha_may_sec_3_items {
    display: flex;
    justify-content: space-between;
    text-align: center;
    margin: 3.5rem -1rem 0;
}

.nha_may_sec_3_items .icon {
    height: 4.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 1s all;
    margin-top: 0;
}
.nha_may_sec_3_items .item:hover .icon {
    margin-top: -40px;
}

.nha_may_sec_3_items   h3 {
    color: var(--4, #333);
    text-align: center;
    font-size: 0.8rem;
    font-weight: 600;
    /* 137.5% */
    letter-spacing: -0.024rem;
    margin-top: 0.95rem;
    margin-bottom: 0;
}

.nha_may_sec_3_items .item {
    padding: 0 1rem;
    cursor: pointer;
}

.nha_may_sec_4_img {
    position: relative;
    padding-left: 5rem;
}

.nha_may_sec_4_img img {
    max-width: unset;
    width: calc(100% + calc(100vw - 71.35rem)/2);
    margin-top: 1.5rem;
}

.nha_may_sec_4_img svg {
    position: absolute;
    top: 6.65rem;
    left: -2.25rem;
}

section.nha_may_sec_4 .col:first-child {
    padding-right: 2.5rem;
}

.nha_may_sec_4_items {
    max-width: 28.2rem;
    margin-top: 2rem;
}

.nha_may_sec_4_items .item {
    display: flex;
    align-items: flex-start;
    color: var(--4, #333);
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    /* 137.5% */
    letter-spacing: -0.024rem;
}

.nha_may_sec_4_items .item svg {
    flex: 0 0 auto;
    width: 1.9rem;
    height: auto;
    display: block;
    margin-right: 0.95rem;
    transform: translateY(-0.15rem);
}
.nha_may_sec_4_items .item + .item {
    margin-top: 1rem;
}
.cooking_sec_2{
    background-image: url(../img/bg_bottom.png);
    padding-top: 3rem;
    background-position: bottom center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding-bottom: 5.35rem;
}
.banner_cooking_img {

}

.banner_cooking_inner {
    display: flex;
    background: #f3e7d4;
    mix-blend-mode: multiply;
    border-radius: 1.5rem;
    padding: 2.5rem 0;
}

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

.banner_cooking_img {
    width: 50%;
    position: relative;
}

.banner_cooking_content {
    width: 50%;
    position: relative;
    display: flex;
    align-items: center;
}

.banner_cooking_img .inner_img>img {
    display: block;
    margin: auto;
}

.ht_cooking.left {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition: 1s all;
}

.ht_cooking.left img {
    width: 35rem;
    max-width: 35rem;
}

.banner_cooking_inner:hover .ht_cooking.left {
    transform: translate(-50%, -50%) scale(1.2);
}

.ht_cooking.right {
    position: absolute;
    bottom: 0;
    top: unset;
    right: -3.35rem;
    transform: translateY(0);
    transition: 1s all;
}

.banner_cooking_content .inner {
    max-width: 16.65rem;
}

.banner_cooking_content .inner h1.heading_title {
    line-height: 1.3;
    margin-bottom: 0.4rem;
}

.banner_cooking_content  .content {
    margin-bottom: 1.25rem;
}

.banner_cooking_inner:hover .ht_cooking.right {
    transform: translateY(5rem);
}

form#filter_cooking .wrap {
    display: flex;
}

form#filter_cooking .wrap .item {
    width: 100%;
    margin-right: 0.8rem;
}

form#filter_cooking .wrap button {
    flex: 0 0 auto;
}

form#filter_cooking .wrap button svg{
    max-width: 50%;
    height: auto;
}

form#filter_cooking .wrap .item input {
    height: 2.75rem;
    display: flex;
    align-items: center;
    color: var(--4, #333);
    padding: 0 1.5rem 0 1.5rem;
    border: 1px solid rgba(0, 62, 45, 0.60);
    border-radius: 5rem;
    margin: 0;
    background: transparent;
}

form#filter_cooking .wrap .item input {}

.cooking_sec_2_wrap .box_content {
    width: 41.85rem;
    flex: 0 0 auto;
    position: relative;
}

.cooking_sec_2_wrap {
    display: flex;
    margin-top: 2.75rem;
}

.cooking_sec_2_wrap .box_content>svg {
    width: 100%;
    display: block;
    height: auto;
}

.cooking_sec_2_wrap .box_content .inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 7rem;
    max-width: 23.25rem;
}

.cooking_sec_2_wrap .box_content h2 {
    color: var(--1, #003E2D);
    font-size: 1.5rem;
    font-weight: 800;
    /* 126.667% */
    letter-spacing: -0.045rem;
    margin: 0;
}

.cooking_sec_2_items {
    display: flex;
    justify-content: space-between;
    text-align: center;
    margin: 1.75rem 0;
}

.cooking_sec_2_items .item {
    width: 4rem;
    flex: 0 0 auto;
    transform: translateY(0);
    transition: .5s all;
    cursor: pointer;
}

.cooking_sec_2_items .icon {
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.25rem;
    transition: 1s all;
}

.cooking_sec_2_items span {
    display: block;
    font-size: 0.7rem;
}

.cooking_sec_2_items .item b {
    letter-spacing: -0.024rem;
}

.cooking_sec_2_wrap .content {
    line-height: 1.7;
    font-size: 0.75rem;
    margin-bottom: 1.5rem;
}

.cooking_sec_2_wrap>.box_img img {
    max-width: 33.8rem;
    height: auto;
    float: right;
    border-radius: 1rem;
    display: block;
}

.cooking_sec_2_wrap>.box_img {width: calc(100% - 41.85rem);position: relative;z-index: 2;transform: translateY(3rem);}

ul.nav_tabs_about.style_2 a.active {
    background: var(--1, #003E2D) !important;
    color: #fff;
}
.wrap_cooking_page {
    display: flex;
    margin: 2.5rem -1rem 1rem;
    flex-wrap: wrap;
}

.wrap_cooking_page .item_cooking {
    width: calc(calc(100% / 3) - 2rem);
    margin: 0 1rem 2rem;
}

section.cooking_sec_3 {
    padding-bottom: 4rem;
}
section.breadcrumb ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 1rem 0;
}

section.breadcrumb ul a,section.breadcrumb ul li {
    color: var(--4, #333);
    font-size: 0.7rem;
    font-weight: 400;
    /* 178.571% */
    letter-spacing: -0.020999999999999998rem;
}

.wrap_product_cooking .product_box .box_img {}

.wrap_product_cooking {
    display: flex;
    flex-wrap: wrap;
}

.wrap_product_cooking .product_box {
    width: calc(100% / 3);
}

.cdtails_sc_2_wrap  h3.heading_title {
    font-size: 1.75rem;
    letter-spacing: -0.052500000000000005rem;
    margin-bottom: 0.55rem;
}

.cdtails_sc_2_wrap ul {
    list-style: none;
    margin: 0 0 1.15rem -0.5rem;
    display: flex;
    flex-wrap: wrap;
    max-height: 8rem;
    overflow: auto;
}

.cdtails_sc_2_wrap ul li {
    width: 50%;
    padding: 0 0.5rem;
}

a.play_video {
    width: 2.75rem;
    height: 2.75rem;
    border: 1px solid var(--1, #003E2D);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-left: 1rem;
    transition: .3s all;
}

a.play_video svg {
    max-width: 50%;
    height: auto;
}
.nav_slider_product a.active{
    pointer-events: none;
}

.cdtails_sc_2_wrap .wrap_bottom {
    margin-top: 1.1rem;
    display: flex;
    align-content: center;
}

.cdtails_sc_2_wrap.cooking_sec_2_wrap>.box_img img {
    max-width: 40.95rem;
}

section.cdtails_sc_1 {padding-bottom: 6rem;padding-top: 3rem;}

.cooking_sec_2_wrap.cdtails_sc_2_wrap .box_content .inner {
    max-width: 20.45rem;
}

.cdtails_sc_1 .heading_title {
    margin-bottom: 0.45rem;
}

.cdtails_sc_1 .content {
    letter-spacing: -0.024rem;
}

.cdtails_sc_1 .cooking_sec_2_items {
    justify-content: center;
}

.cdtails_sc_1 .cooking_sec_2_items .item {
    display: flex;
    width: auto;
    align-items: center;
    text-align: left;
    margin: 0 1.3rem;
}

.cdtails_sc_1 .cooking_sec_2_items .item .icon {
    width: 1.8rem;
    margin-right: 0.65rem;
}

.cdtails_sc_1 .cooking_sec_2_items .item .icon svg {
    width: 100%;
    height: auto;
}
section.breadcrumb ul a:after {
    content: '';
    width: 0.15rem;
    height: 0.15rem;
    background: var(--4, #333);
    opacity: 0.5;
    border-radius: 5rem;
    margin: 0 0.5rem;
}

section.breadcrumb ul a {
    display: flex;
    align-items: center;
}

section.breadcrumb ul li {
    font-weight: 600;
}
section.cdtails_sc_2 .col {
    position: relative;
}



.content.content_post h2 {
    color: var(--1, #003E2D);
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 800;
    /* 108.571% */
    letter-spacing: -0.052500000000000005rem;
}

.content.content_post h3 {
    color: var(--1, #003E2D);
    font-size: 1.1rem;
    font-weight: 600;
    /* 113.636% */
    letter-spacing: -0.033rem;
}

.content.content_post a {
    text-decoration: underline;
}

.content.content_post img {
    margin-bottom: 1.5rem;
}

.cdtails_sc_2 .nav_bottom {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid rgb(0 62 45 / 20%);
    margin-top: 2.5rem;
    padding-top: 1.75rem;
}

.cdtails_sc_2 .nav_bottom span {
    color: #333;
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 700;
    /* 100% */
    margin-right: 1.05rem;
}

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

.cdtails_sc_2 .nav_bottom ul a {
    height: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5rem;
    background: var(--1, #003E2D);
    color: var(--3, #FFF);
    font-size: 0.7rem;
    font-weight: 500;
    /* 128.571% */
    padding: 0 0.65rem;
    transition: .3s all;
}
.cdtails_sc_2 .nav_bottom ul a:hover{
    background: var(--6, #FCD7A3);
    color: var(--1, #003E2D);
}

.cdtails_sc_2 .nav_bottom li {
    margin: 0;
}

.cdtails_sc_2 .nav_bottom .left {
    display: flex;
    align-items: center;
}

.cdtails_sc_2 .nav_bottom .left li + li {
    margin-left: 1rem;
}

.cdtails_sc_2 .nav_bottom ul.share_post a {
    padding: 0;
}

.cdtails_sc_2 .nav_bottom .right {
    display: flex;
    align-items: center;
}

.cdtails_sc_2 .nav_bottom ul.share_post li + li {
    margin-left: 0.75rem;
}

form#form_comment {}

input[type="text"] {}

form#form_comment textarea {
    margin-top: 0;
}

.ht_cm.left {
    position: absolute;
    top: 12%;
    left: -11%;
}

.ht_cm.left img {
    width: 9.85rem;
    height: auto;
}

.ht_cm.left+.ht_cm.left {
    left: unset;
    right: -10%;
    top: 43%;
}

.item_cmt .inner {
    display: flex;
}

.item_cmt .box_img {
    width: 2.5rem;
    height: 2.5rem;
    flex: 0 0 auto;
    margin-right: 0.85rem;
    overflow: hidden;
}

.item_cmt .box_img img {
    width: 100%;
    height: 100%;
}

.item_cmt  .name {
    color: var(--1, #003E2D);
    font-weight: 700;
    /* 137.5% */
    letter-spacing: -0.024rem;
}

.reply {
    border-radius: 0.5851rem;
    background: rgba(255, 255, 255, 0.50);
    display: block;
    padding: 1rem 1.5rem;
    margin: 1.5rem 0 0 3.35rem;
}

.item_cmt+.item_cmt {
    margin-top: 1.5rem;
}

div#list_comment {
    margin-top: 3rem;
}
.product_details_sec_4.cdtails_sc_3 {
    padding-top: 3.25rem;
}
.box_map {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
    max-width: 52rem;
    margin: auto;
}

.box_map .inner_map {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.box_map .inner_map svg {
    display: block;
    height: auto;
    max-width: 100%;
}

.box_map .inner_map path[stroke="#FCD7A3"] {
    stroke-dasharray: 1200;
    stroke-dashoffset: 1200;
    transition: 1s all;
}

.box_map .inner_map:hover path[stroke="#FCD7A3"] {
    stroke-dashoffset: 0;
}
v.box_map .inner_map .item {
    position: absolute;
}

.box_map .inner_map .item>span {
    width: 0.5rem;
    height: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #B6D433;
    position: absolute;
    border-radius: 50%;
}

.box_map .inner_map .item>span:before {
    content: '';
    position: absolute;
    width: 155%;
    height: 155%;
    border-radius: 100%;
    animation: pulse-border2 1000ms ease-out infinite;
    border: 1px solid #B6D433;
}

@keyframes pulse-border2 {
    0% {
        transform: translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateZ(0) scale(1.5);
        opacity: 0;
    }
}


.box_map .inner_map .items_map {
    position: absolute;
    top: 54%;
    left: 76%;
    width: 0.55rem;
    height: 0.55rem;
    transition: 1s all;
    opacity: 0;
}

.box_map .inner_map .items_map .item {
    position: absolute;

}

.box_map .inner_map:hover .items_map {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;
}
section.hoptac_sec_1 {
    padding: 10rem 0 3.5rem;
}

section.hoptac_sec_1 .group_title {
    margin-bottom: 2rem;
}

.slider_logo_tt a, .slider_logo_tt_2 a {
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin: 0.75rem 0;
}

.slider_logo_tt , .slider_logo_tt_2 {
    padding-bottom: 2rem;
}

section.hoptac_sec_2 {
    padding: 3.5rem 0;
}

section.hoptac_sec_2 .group_title .content {
    letter-spacing: -0.024rem;
}

section.hoptac_sec_2 .group_title {
    margin-bottom: 2rem;
}

.hoptac_tabs {
    display: flex;
}

.hoptac_tabs .box_img {
    width: 50%;
    position: relative;
    transform: translateX(-5rem);
}

.hoptac_tabs .box_img .inner_img {
    padding-bottom: 100%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0.9rem;
    box-shadow: 0rem 0.1783rem 1.3372rem 0rem rgba(0, 0, 0, 0.10);
}

.hoptac_tabs .box_content {
    width: 50%;
}

.hoptac_tabs .box_img>span {
    padding-bottom: 100%;
    width: 100%;
    display: block;
    position: absolute;
    border-radius: 0.9rem;
    transform: rotate(7deg);
}

.nav_hoptac_tabs .item {
    height: 4.0116rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 0;
    color: var(--3, #FFF);
    font-size: 1rem;
    font-weight: 600;
    /* 113.636% */
    letter-spacing: -0.0294rem;
    line-height: 1.5;
    border-radius: 0.45rem;
    overflow: hidden;
    padding: 0 1.5rem;
    cursor: pointer;
}

.nav_hoptac_tabs .item .color {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: .5s all;
}

.nav_hoptac_tabs .item .icon {
    flex: 0 0 auto;
    width: 1.85rem;
    height: auto;
    margin-left: 4rem;
    opacity: 0;
}

.nav_hoptac_tabs .item+.item {
    margin-top: 0.5rem;
}

.nav_hoptac_tabs .item .color.normal {
    z-index: -2;
    filter: brightness(1.1);
}

.nav_hoptac_tabs .item .color.active {
    width: 0;
}

.nav_hoptac_tabs .item:hover .color,.nav_hoptac_tabs .item.active .color {
    width: 100%;
}

.hoptac_sec_3 .text-center.group_title {
    margin-bottom: 3rem;
}

section.hoptac_sec_3 {
    padding-bottom: 6rem;
}
.hoptac_tabs .title_animation {
    font-size: 2rem;
    transform: rotate(-4.042deg);
}
section.meida_sec_1 {
    background: linear-gradient(90deg, #003E2D 0%, #7A1414 50.03%, #003E2D 100%);
    padding: 10rem 0 0.75rem;
}

.meida_sec_1 .box_content {
    filter: brightness(0) invert(1);
}

section.meida_sec_1 .title_animation {
    font-size: 2rem;
    color: var(--5, #FCD7A3);
    transform: rotate(-3.042deg);
}

.meida_sec_1 .wrap_top {
    align-items: flex-end;
}

section.meida_sec_2 {
    padding: 4.5rem 0 5rem;
}

.wrap_media {
    display: flex;
    flex-wrap: wrap;
    margin: 2.5rem -1.5rem 0;
}

.post_item.vertical {
    width: calc(calc(100% / 3 ) - 3rem);
    margin: 0 1.5rem 3rem;
    display: block;
}

.post_item.vertical .box_img {
    width: 100%;
    height: 12rem;
}

.post_item.vertical  .box_content {
    padding: 1rem 0 0 0;
}
section.single_page {
    padding: 12rem 0 5rem;
}

.meta_post {
    display: flex;
    font-size: 0.7rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

.meta_post .cate {
    color: var(--1, #003E2D);
    font-size: 0.7rem;
    font-weight: 500;
    /* 178.571% */
    position: relative;
    display: flex;
    align-items: center;
}

.meta_post .cate:after {
    width: 0.2rem;
    height: 0.2rem;
    background: #333;
    opacity: .3;
    content: '';
    display: inline-block;
    border-radius: 50%;
    margin: 0 0.65rem;
}

.conent.mota_post {
    font-weight: 600;
    /* 156.25% */
    letter-spacing: -0.024rem;
}

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

.post_content.content {
    font-weight: 500;
    /* 137.5% */
    letter-spacing: -0.024rem;
    line-height: 1.5;
}

section.single_sec_2.cdtails_sc_2 {
    padding: 4rem 0;
}

/*.post_content.content img {*/
/*    margin-bottom: 1rem;*/
/*}*/

section.single_sec_2.cdtails_sc_2 table {border-radius: 20px;overflow: hidden;border: 1px solid var(--2, #7A1414);}

section.single_sec_2.cdtails_sc_2 table td {
    padding: 1rem;
    color: var(--4, #333);
    font-size: 0.8rem;
    font-weight: 500;
    /* 137.5% */
    letter-spacing: -0.024rem;
    border-color: rgba(0, 91, 65, 0.50);
}

section.single_sec_2.cdtails_sc_2 table td:first-child {
    font-weight: 700;
}

section.single_sec_2.cdtails_sc_2 table tr:first-child td {
    background: var(--2, #7A1414);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.20);
}

section.single_sec_2.cdtails_sc_2 table tr:last-child {
    border-bottom-left-radius: 1rem;
}

section.single_sec_3 {
    padding: 4rem 0 4.5rem;
}

section.single_sec_3 .post_item.vertical {
    width: calc(calc(100%) - 3rem);
}

.display_mobie {
    display: none;
}

.slier_post_related {
    margin: 2rem -1.5rem 0;
}
.product_home {
    position: relative;
    overflow: hidden;
}

.product_home img.img_large {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-53%,-50%);
    transition: 1.5s all;
    max-width: 23rem;
}

.product_home .row {
    justify-content: flex-end;
}

.product_home .col.large-4 {
    padding-left: 4rem;
}

.product_home h3 {
    font-size: 2.75rem;
    font-weight: 800;
    /* 109.091% */
    letter-spacing: -0.08249999999999999rem;
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 0.5rem;
}

.product_home .content {
    margin-bottom: 1rem;
}

.product_home .box_img {
    padding-bottom: 91%;
    position: relative;
}

.product_home .box_img>img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    width: auto;
    height: auto;
    z-index: 2;
    max-width: 23rem;
}

.product_home .box_img .ht.bottom {
    position: absolute;
    bottom: 0.35rem;
}

.product_home .box_img .ht.top {
    position: absolute;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    top: 0%;
    transform: scale(0);
    transition: 1s;
}

.product_home .box_img .ht.bottom img {
    display: block;
}

.product_home .box_img .ht.top img {
    width: 88%;
}

.slider_product_home .swiper-slide:nth-child(even) .product_home .img_large {
    left: unset;
    right: 0;
    transform: translate(53%, -50%);
}

.slider_product_home .swiper-slide:nth-child(even) .product_home .row.items-center {
    justify-content: flex-start;
}

.slider_product_home .swiper-slide:nth-child(even) .product_home .row .col.large-4.medium-4 {
    order: 2;
    padding: 0 4rem 0 0.5rem;
}
.swiper.slider_product_home {
    width: 100vw;
}
.swiper-slide-active .product_home img.img_large {
    transform: translate(0%, -50%);
    transition-delay: .3s;
}

.swiper-slide-active .product_home .box_img .ht.top {
    transform: scale(1);
    transition-delay: .3s;
}
.slider_product_home .swiper-slide-active.swiper-slide:nth-child(even) .product_home .img_large {
    transform: translate(0%, -50%);
}
.nav_slider_product {
    list-style: none;
    margin: 2.5rem 0 0;
}

.nav_slider_product a {
    border-radius: 5rem;
    background: var(--1, #003E2D);
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--3, #FFF);
    text-align: center;
    font-size: 0.75rem;
    font-weight: 600;
    /* 166.667% */
    text-transform: uppercase;
    padding: 0 1.6rem;
    margin: 0 0.5rem;
    transition: .5s all;
}
.nav_slider_product li {
    margin: 0;
}
.home_sec_4 .arrow_slider {
    position: unset;
    transform: unset;
}

.home_sec_4 .col.large-12 {
    text-align: right;
    position: relative;
    margin-bottom: -5rem;
    z-index: 9;
}
.fp-tableCell{
    width: 100%;
}
.banner_slider .arrow_slider.left {
    left: 4rem;
}

.banner_slider .arrow_slider.right {
    left: unset;
    right: 4rem;
}
.banner_slider .arrow_slider {
    width: 2.75rem;
    height: 2.75rem;
}
header {
    position: fixed;
    z-index: 9999;
    width: 100%;
}

header .col {
    display: flex;
    justify-content: center;
    align-items: center;
}

.main_menu li a {
    color: var(--3, #FFF);
    text-align: center;
    font-size: 0.75rem;
    font-weight: 500;
    /* 160% */
    text-transform: uppercase;
    transition: .3s all;
    line-height: 4.12rem;
    display: block;
    position: relative;
}
.main_menu li a:before {
    height: 2px;
    content: '';
    position: absolute;
    bottom: 0;
    width: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: .5s all;
    background: #fff;
}

.main_menu li a:hover:before {
    width: 100%;
}

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

.main_menu ul li {
    margin: 0;
}

.main_menu li + li {
    margin-left: 3rem;
}

ul {}

.nav_right.main_menu {
    display: flex;
    align-items: center;
    width: 50%;
    justify-content: flex-start;
    padding-left: 7.5rem;
}

a.shop_button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2rem;
    border: 1px solid #FCD7A3;
    border-radius: 5rem;
    color: var(--6, #FCD7A3);
    text-align: center;
    font-size: 0.7rem;
    font-weight: 600;
    /* 171.429% */
    text-transform: uppercase;
    padding: 0 0.85rem;
    margin-left: 3rem;
    transition: .3s all;
}

.nav_left.main_menu {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    padding-right: 7.5rem;
}

a.shop_button svg {
    display: block;
    width: 1.25rem;
    height: auto;
    margin-right: 0.5rem;
}

.inner_header .logo {
    flex: 0 0 auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -1.5rem;
    z-index: 9;
}

.button_language {
    display: flex;
    color: #fff;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 700;
    /* 160% */
    text-transform: uppercase;
    margin-left: 1.5rem;
    position: relative;
    height: 4.12rem;
    align-items: center;
}

.button_language .icon {
    width: 1.2rem;
    height: 1.2rem;
    margin-right: 0.3rem;
    border-radius: 100px;
    overflow: hidden;
}
header::before{
    content: '';
    background-image: url(../img/bg_header.png);
    height: 6.65rem;
    width: 104%;
    position: absolute;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
}
.inner_header .logo img {
    width: 8.25rem;
    height: auto;
}

.fp-tableCell {
    padding-top: 4rem;
}
footer {
    background: linear-gradient(90deg, #003E2D 0%, #7A1414 50.03%, #003E2D 100%);
    min-height: 100vh !important;
}

footer .logo_footer img {
    width: 9.8rem;
    display: block;
}
.logo_footer {
    display: flex;
    justify-content: center;
}
.footer_top_items {
    color: #fff;
}

.footer_top_items h3 {
    color: var(--3, #FFF);
    font-size: 1rem;
    font-weight: 700;
    /* 125% */
    margin-bottom: 0.25rem;
}

.footer_top_items {
    display: flex;
    margin: 0 -3rem;
    font-size: 0.75rem;
}

.footer_top_items .item {
    width: 50%;
    padding: 0 4rem;
    line-height: 1.9;
}

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

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

ul.follow_us a {
    width: 2rem;
    height: 2rem;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5rem;
    transition: .5s all;
}

ul.follow_us a svg {
    max-width: 60%;
    max-height: 60%;
    width: auto;
    height: auto;
}

ul.follow_us li + li {
    margin-left: 0.85rem;
}

ul.follow_us {
    margin-top: 1.25rem;
}

.line {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.20);
    margin: 1rem 0;
}

.info_footer {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2rem;
}

.info_footer .item {
    width: calc(25% - 4rem);
    margin: 0 2rem;
    color: #fff;
    line-height: 1.8;
}

.info_footer .item h3 {
    color: var(--3, #FFF);
    font-size: 0.9rem;
    font-weight: 700;
    /* 125% */
    display: block;
    margin-bottom: 0.4rem;
}

.footer_bottom:after {
    display: none;
}

.footer_bottom {
    color: #fff;
}

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

.footer_bottom .content {
    font-size: 0.6rem;
    line-height: 1.8;
}

.footer_bottom ul li + li:before {
    content: "|";
    margin: 0 0.5rem;
}

form.form_footer .inner {
    display: flex;
    position: relative;
}

form.form_footer  button.button_style {
    position: absolute;
    right: 0;
    margin: 0;
    height: 100%;
    background: var(--6, #FCD7A3);
    color: var(--1, #07341F);
    display: flex;
}

form.form_footer {
    border-radius: 5rem;
    overflow: hidden;
}

form.form_footer input[type="email"] {
    height: 2.5rem;
    border-radius: 5rem;
    margin: 0;
    padding: 0 10rem 0 1rem;
    font-size: 0.8rem;
}

form.form_footer input[type="email"]::placeholder {
    font-size: 0.8rem;
    opacity: .6;
}

ul.follow_us a:hover {
    background: var(--6, #FCD7A3);
}
.fp-watermark {
    display: none;
}
footer::before{
    content: '';
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/ht_footer.png);
    width: 100%;
    height: 13.75rem;
    position: absolute;
    bottom: 0;
    pointer-events: none;
}
footer .fp-tableCell {
    position: relative;
    z-index: 2;
    padding: 0;
}
#fp-nav ul li .fp-tooltip {
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
    border: 1px solid #7A1414;
    background: transparent;
    width: 0.5rem;
    height: 0.5rem;
    position: unset;
    margin: 0;
}

span.fp-sr-only {
    display: none;
}

#fp-nav ul li a, .fp-slidesNav ul li a {
    position: absolute;
    display: flex;
    align-items: center;
}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
    margin: 0;
    width: 0.5rem;
    height: 0.5rem;
    background: #7A1414;
}

#fp-nav ul li, .fp-slidesNav ul li {
    margin: 1rem 0 !important;
}

#fp-nav ul li .fp-tooltip {
    color: var(--2, #7A1414);
    font-size: 0.7rem;
}

#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
    margin: 0 !important;
}
.fp-viewing-lien-he div#fp-nav {
    filter: brightness(0) invert(1);
}
.nav_hoptac_tabs .item .icon svg {
    max-width: 100%;
    height: auto;
}
.open_menu {
    display: none;
}

.menu_mobile {
    display: none;
}
.slider_logo a img {
    max-height: 100%;
    width: auto;
}

.ht_cooking.right img {
    width: 17rem;
}

.item_process {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}
.item_process .year {
    position: relative;
    display: inline-block;
    margin-bottom: 0.5rem;
}

.item_process .year svg {
    width: 12.5rem;
    display: block;
    height: auto;
}

.item_process .year span {
    color: var(--5, #FCD7A3);
    text-align: center;
    font-size: 2rem;
    font-weight: 800;
    /* 120% */
    letter-spacing: -0.075rem;
    text-transform: uppercase;
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
    line-height: 1;
}

.item_process h3 {
    color: var(--1, #003E2D);
    font-size: 1.5rem;
    font-weight: 700;
    /* 116.667% */
    letter-spacing: -0.045rem;
    line-height: 1.5;
}

.item_process .box_content {
    max-width: 22rem;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.item_process .box_img {
    width: 59%;
    position: relative;
    z-index: 2;
}

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

.item_process + .item_process {
    margin-top: 6.2rem;
    justify-content: center;
}

section.about_sec_3 {
    padding-bottom: 7.5rem;
    padding-top: 6rem;
}
.item_process:nth-child(4) .box_content {
    margin: 0rem 7.25rem 0 auto;
}


.item_process:nth-child(2):before {
    background-image: url(../img/line_2.svg);
    width: 53.2rem;
    height: 18.45rem;
    left: 23%;
}
.item_process:nth-child(3) {
    margin-top: 2rem;
}

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

.about_sec_3 .group_title {
    margin-bottom: 6rem;
}
.item_process:after{
    content: '';
    background-image: url(../img/ht_process_1.png);
    width: 92.8rem;
    height: 9.7rem;
    position: absolute;
    right: -13rem;
    bottom: -15%;
    background-size: cover;
    background-repeat: no-repeat;
}
.item_process:nth-child(2):after{
    content: '';
    background-image: url(../img/ht_process_4.png);
    width: 21.8rem;
    height: 7.3rem;
    position: absolute;
    bottom: 0%;
    background-size: cover;
    background-repeat: no-repeat;
    left: 37%;
}
.item_process:nth-child(3):after{
    content: '';
    background-image: url(../img/ht_process_2.png);
    width: 47.7rem;
    height: 12.2rem;
    position: absolute;
    bottom: 12%;
    background-size: cover;
    background-repeat: no-repeat;
    left: 43%;
}
.item_process:nth-child(4):after{
    content: '';
    background-image: url(../img/ht_process_3.png);
    width: 40.8rem;
    height: 11.6rem;
    position: absolute;
    bottom: 23%;
    background-size: cover;
    background-repeat: no-repeat;
    left: -14rem;
}
.item_process:last-child:after {
    display: none;
}
.box_process {
    position: relative;
}

.nav_scroll {
    position: absolute;
    height: 100%;
    top: 0;
}

.nav_scroll ul {
    position: sticky;
    top: 50%;
    margin: 0 0 0 2rem;
    list-style: none;
    transform: translateY(-50%);
}

.nav_scroll a:before {
    width: 0.85rem;
    height: 0.05rem;
    content: '';
    background: var(--2, #7A1414);
    margin-right: 0.5rem;
    transition: .3s all;
}

.nav_scroll a {
    display: flex;
    align-items: center;
    color: var(--2, #7A1414);
    font-size: 0.8rem;
    font-weight: 500;
    /* 93.75% */
    letter-spacing: -0.024rem;
    transition: .3s all;
}

.nav_scroll li {
    margin: 1.2rem 0;
}
.nav_scroll li.active a, .nav_scroll li:hover a,.nav_scroll li a.active {
    font-size: 25px;
    font-weight: 700;
}

.nav_scroll li.active a:before, .nav_scroll li:hover a:before, .nav_scroll li a.active:before {
    width: 40px;
}
a.button_style:hover {
    background: var(--5, #FCD7A3);
    color: #fff;
}
/*loading-effect-page*/
.load_home_page svg {
    width: 15rem;
    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: 9999999;
    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: #d2cecd;
    /*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: .3s;
}
body.fp-viewing-dh-foods header::before{
    background-image: url(../img/bg_tranparent.svg);
}
@media only screen and (max-width: 991px) {
    .load_home_page svg {
        width: 320px;
    }
}

@media only screen and (max-width: 767px) {
    .load_home_page svg {
        width: 240px;
    }
}

.load_home_page.complete svg {
    transition-delay: 0.4s;
    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;
}

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

.load_home_page.complete img.logo_center {
    opacity: 0;
}
body.fp-viewing-dh-foods div#fp-nav {
    opacity: 0;
}
.home_sec_2_number .item .content {
    font-weight: 500;
    max-width: 94%;
}

a.shop_button:hover {
    background: var(--6, #FCD7A3) !important;
    color: var(--1, #003E2D)  !important;
}

a.shop_button:hover svg path {
    stroke: var(--1, #003E2D)  !important;
}

a.shop_button svg path {
    transition: .3s all;
}
.about_sec_2 .office_page_number .item+.item:before {
    display: none;
}

.wrap_partner .col+.col.large-6:before {
    position: absolute;
    content: '';
    background: rgba(191, 155, 105, 0.3);
    width: 1px;
    height: 80%;
    left: 0;
}
.cooking_sec_2_items .item:hover .icon {
}
.line_section{
    opacity: 0.2;
    background: #003E2D;
    width: 100%;
    height: 1px;
    margin-top: 3.25rem;
}
section.breadcrumb {
    padding-top: 4rem;
}
.box_form input:not([type="checkbox"])::placeholder,.box_form textarea::placeholder {
    opacity: .5;
}
section.banner_page {
    padding-top: 4rem;
}
.td_sec_4_content .inner_content h2 {
    margin-bottom: .5rem;
}

.td_sec_4_content .inner_content .content {
    margin-bottom: 2rem;
}
#main, #wrapper {
    background: none;
}
.nav_hoptac_tabs .item:hover .icon {
    opacity: 1;
}

.nav_hoptac_tabs .item.active .icon {
    opacity: 1;
}
.item_goc_nhin:hover h3 {
    text-decoration: underline;
}


.nav_pagination ul {
    justify-content: center;
    margin-top: 2rem;
}
.sidebar_td .content {
    font-size: .65rem;
}
.nav_slider_product a:hover {
    background: var(--6, #FCD7A3);
}
.post_content.content a {
    text-decoration: underline;
}
.wrap_info_form .content a {
    text-decoration: underline;
}
.checkbox-container label.checkbox-item input[type="checkbox"]:checked ~ strong {
    font-weight: 800;
}
ul.share_post a {
    transition: .3s all;
}

ul.share_post a:hover {
    background: #003E2D;
}
.home_sec_6 .col:first-child {
    padding-right: 3.5rem;
}

.home_sec_6 .col:first-child:before {
    opacity: 0.1;
    background: #003E2D;
    content: '';
    position: absolute;
    width: 1px;
    height: calc(100% - 5.5rem);
    right: 0;
    bottom: 0;
}



.button_style path {
    transition: .5s al;
}

.button_style:hover path {stroke: var(--1, #003E2D);}

a.button_style:hover {
    color: var(--1, #003E2D);
}

.button_style:hover svg {
    margin-left: 1.4rem;
}
.content_form a {
    color: var(--2, #7A1414);
}
.mega_menu {
    position: absolute;
    border-radius: 10px;
    background: #F5F2EB;
    left: -11rem;
    opacity: 0;
    pointer-events: none;
    transition: .3s all;
    width: 68rem;
}

.main_menu>ul>li {
    position: relative;
}

ul.sub_menu {
    position: absolute;
    border-radius: 10px;
    background: #F5F2EB;
    min-width: 14rem;
    opacity: 0;
    transition: .5s all;
    pointer-events: none;
    display: block;
    text-align: left;
    overflow: hidden;
}

.main_menu>ul>li:hover .sub_menu {
    opacity: 1;
    pointer-events: unset;
}

ul.sub_menu li {
    margin: 0;
}

ul.sub_menu li a {
    text-align: left;
    color: var(--4, #333);
    font-size: .9rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.4; /* 138.889% */
    text-transform: unset;
    margin: 0 1rem;
    padding: .7rem 0;
}

ul.sub_menu li a {
    border-bottom: 1px solid rgba(51, 51, 51, 0.15);
}

ul.sub_menu li:last-child a {
    border: none;
}

ul.sub_menu li a:before {
    bottom: -1px;
    background: var(--1, #003E2D);
}
.main_menu>ul>li:hover .mega_menu {opacity: 1;pointer-events: unset;}

.mega_menu .inner {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1rem;
    padding: 2rem 3rem;
}

.mega_menu .inner .product_box {
    width: calc(20% - 2rem);
    margin: 1rem;
}

.mega_menu .inner .product_box .box_img {
    padding-bottom: 64%;
}
.mega_menu{
    background-image: url(../img/hoa_tiet_menu.svg);
    background-size: 9rem;
    background-repeat: no-repeat;
    background-position: bottom 3rem right  2rem;
    z-index: 10;
}
.table-of-content{
    background-color: #FFF;
    -webkit-border-radius: 1.042rem;
    -moz-border-radius: 1.042rem;
    border-radius: 1.042rem;
    box-shadow: 0rem 0rem 1.042rem 0rem #0000000D;
    margin-bottom: 2.083rem;
}
.table-of-content .toc-heading-wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.875rem 1.5625rem 1.042rem 2.708rem;
    border-bottom: 1px solid #E6E6E6;
    cursor: pointer;
}
.table-of-content .toc-heading-wrap > .toc-title{
    font-size: 1.302rem;
    font-weight: 700;
    line-height: 1.354rem;
    color: #333;
    display: flex;
    align-items: center;
}
.table-of-content .toc-heading-wrap > .toc-title:before{
    content: '';
    display: inline-block;
    width: 2.2rem;
    height: 2.2rem;
    background-image: url(../img/icon_note.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: .8rem;
}
.table-of-content .toc-list ul {
    padding: 1.042rem 2.708rem 0.729rem;
    list-style: none;
    margin: 0;
}
.table-of-content .toc-list li {
    margin-bottom: 0.208rem;
}

.table-of-content .toc-list > ul > li > a,
.table-of-content .toc-list > ul ul a {
    color: #333;
    font-size: 0.833rem;
    font-weight: 500;
    line-height: 1.146rem;
    -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;
    text-decoration: unset;
}
.table-of-content .toc-list ul ul {
    padding-top: 0;
    padding-bottom: 0;
}
.table-of-content .toc-list a:hover {
    color: var(--main-cl);
    text-decoration: underline;
}
.table-of-content .toc-list li {
    margin-bottom: 0.833rem;
}
.table-of-content .toc-list > ul > li  > a {
    font-size: 1.042rem;
    font-weight: 500;
    line-height: 1.354rem;
    text-decoration: unset !important;
}
.table-of-content .toc-list ul ul {
    padding: 0;
    margin-left: 1.5625rem;
    margin-top: 0.521rem;
    list-style: none;
}
.product_details .wrap_slider>.right .box_img img {
    max-width: 100%;
    max-height: 400px;
    object-fit: contain;
}
.home_sec_7_ht {
    position: absolute;
    bottom: 4%;
    left: 4%;
    transition: 2s all;
    transform: translate(-200%, 0);
    opacity: 0;
}

.home_sec_7_ht.center {
    bottom: 0;
    left: 44%;
    transform: translate(0%, 100%);
}

.home_sec_7_ht.right {
    bottom: 0;
    right: 0;
    left: unset;
    transform: translate(150%, 0%);
}

.home_sec_7_ht img {
    width: 9.6rem;
    height: auto;
}

.home_sec_7_ht.center img {
    width: 17.2rem;
}

.home_sec_7_ht.right img {
    width: 13.15rem;
    height: auto;
}

section.section.active .home_sec_7_ht {
    transform: translate(0, 0);
    opacity: 1;
    transition-delay: .7s;
}
table.table-text-image {
    background: transparent;
}

table.table-text-image *,
table.table-image-text *{
    border: none;
    background: transparent !important;
    font-size: 0.8rem;
    color: #333;
    font-weight: 500;
    line-height: 1.4;
}

table.table-text-image td ,
table.table-image-text td{
    font-weight: 400 !important;
    padding: 0;
    width: 50%;
}


table.table-text-image,
table.table-image-text {
    box-shadow: none !important;
    border: none !important;
    overflow: unset !important;
}

table.table-text-image img,
table.table-image-text img{
    width: calc(100% + 3rem);
    max-width: unset;
}

img.image-over-container {
    width: calc(100% + 6rem);
    max-width: calc(100% + 6rem);
    margin-left: -3rem !important;
}

table.table-text-image td:first-child,
table.table-image-text td:first-child {
    padding-right: 1.5rem !important;
}



table.table-image-text img {
    float: right;
}
.home_sec_4 .swiper-slide-active:first-child .product_home img.img_large {
    transform: translate(-100%, -50%);
}

.home_sec_4.active .swiper-slide-active:first-child .product_home img.img_large {
    transform: translate(0%, -50%);
}

.home_sec_4 .swiper-slide-active:first-child .product_home .ht.top {
    transform: scale(0);
}

.home_sec_4.active .swiper-slide-active:first-child .product_home .ht.top {
    transform: scale(1);
}
.product_page .nav_bottom ul {
    margin-top: 0;
}
.wrap_partner{
    position: relative;
}
.wrap_partner:before{
    content: '';
    background-image: url(../img/ht_nen.png);
    position: absolute;
    left: 50%;
    top: -7.5rem;
    transform: translateX(-50%);
    width: 54.2rem;

    height: 32.05rem;
    opacity: .5;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.box_map .inner_map .items_map .item .box_content {
    position: absolute;
    top: 61%;
    left: 1rem;
    transform: translateY(-32%);
    pointer-events: none;
    opacity: 0;
    transition: .3s all;
}

.box_map .inner_map .items_map .item .box_content .inner {
    background: #fff;
    display: flex;
    width: max-content;
    align-items: center;
    border-radius: 100px;
    padding: .1rem .4rem;
    font-size: .7rem;
    font-weight: 500;
}

.box_map .inner_map .items_map .item .box_content .inner img {
    width: 1.3rem;
    height: auto;
    margin-right: .2rem;
    padding: .2rem;
    flex: 0 0 auto;
}

.box_map .inner_map .items_map .item:hover .box_content {
    opacity: 1;
}
a.play_video:hover {
    background: var(--1, #003E2D);
}

a.play_video:hover path {
    fill: #fff;
}
.style_form button:hover {
    background: var(--6, #FCD7A3);
}
body.fp-viewing-dh-foods header a.shop_button {
    background: var(--2, #7A1414);
    border-color: var(--2, #7A1414);
}
.info_product .item:not(:first-child) .title {
    min-width: 5rem;
}
.item_cooking .box_content ul {
    list-style: none;
    margin: .5rem -.1rem 0;
    display: flex;
    color: #fff;
    align-items: flex-start;
    height: 0;
    overflow: hidden;
    transition: .4s all;
}

.item_cooking .box_content ul li {
    border: 1px solid var(--3, #FFF);
    border-radius: 100px;
    padding: 0 .4rem;
    font-size: .5rem;
    margin: 0 .1rem;
    line-height: 2;
}

.item_cooking:hover .box_content ul {
    height: 2rem;
}
.slider_product_home .swiper-slide {
    opacity: 0 !important;
}

.slider_product_home .swiper-slide.swiper-slide-active {
    opacity: 1 !important;
}
.item_for {
    display: none;
}

.item_for.active {
    display: block;
    animation-name: fade_up;
    animation-duration: 1.5s;
}
i.note {
    color: var(--1, #003E2D);
    margin-bottom: .5rem;
    display: block;
}
.cooking_sec_2_items .item:hover {
    transform: translateY(-1.3rem);
}
button#toc-fixed-button {
    width: 3rem;
    background: transparent !important;
    height: 3rem;
    padding: 0 !important;
    fill: var(--2, #7A1414);
    cursor: pointer;
}

button#toc-fixed-button svg {
    width: 100%;
    height: auto;
    display: block;
}

div#toc-popup-clone {
    max-width: 21rem;
}

div#toc-popup-clone::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 0.3rem rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

div#toc-popup-clone::-webkit-scrollbar
{
    width: 0.517rem;
    background-color: #cedbff;
}

div#toc-popup-clone::-webkit-scrollbar-thumb
{
    background-color: var(--main-cl);
}

div#toc-popup-clone ul {
    margin-left: 1rem;
}
.tt-nav-pagination nav>div:first-child {display: none;}

.tt-nav-pagination .hidden {
    display: block !important;
    visibility: unset !important;
}

.tt-nav-pagination .hidden>*:first-child {
    display: none;
}

.tt-nav-pagination nav {
    justify-content: center;
}

.tt-nav-pagination nav a, .tt-nav-pagination nav span.relative.z-0.inline-flex.shadow-sm.rounded-md >span {
    width: 2.1rem;
    height: 2.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #666;
    border-radius: 5rem;
    font-weight: 600;
    color: #666;
    transition: .4s all;
    margin: 0 .2rem;
    cursor: pointer;
}

.tt-nav-pagination nav span.relative.z-0.inline-flex.shadow-sm.rounded-md {
    display: flex;
    align-items: center;
    justify-content: center;
}

.tt-nav-pagination nav a svg, .tt-nav-pagination nav span svg {width: 21px;height: auto;display: block;}

.tt-nav-pagination nav span[aria-current="page"] {
    background: #7A1414;
    color: #fff !important;
    border-color: #7A1414 !important;
}
.tt-nav-pagination nav a:hover, .tt-nav-pagination nav span.relative.z-0.inline-flex.shadow-sm.rounded-md >span:hover {
    background: #7A1414;
    color: #fff !important;
    border-color: #7A1414 !important;
}
.nav_pagination{
    display: none;
}
.info_product+.san_pham_mua_cung {
    margin-top: 2rem;
}
.toc-heading-wrap.active svg {
    transform: rotate(180deg);
}
.search_button svg {
    width: 1rem;
    height: auto;
    fill: #fff;
    filter: brightness(0) invert(1);
    display: block;
}

.search_button {
    transform: translateX(1.5rem);
}
@keyframes fade_up {
    from {
        opacity: 0;
        transform: translateY(0px);
    }
    to {
        opacity: 1;
        transform: translateY(0px);
    }
}
.searchform-wrapper form {
    background: #fff;
    border-radius: 100px;
    overflow: hidden;
}

.searchform-wrapper form input {
    height: 2.5rem;
    font-size: .8rem;
    box-shadow: none;
    border: none;
    padding: 0 1rem;
}

.search-keywords a {
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    font-size: 0.633rem;
    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;
    color: #fff;
    display: inline-flex;
    margin: 0 .2rem .4rem;
}

.search-keywords {
    margin-top: 1rem;
}

.search-keywords a:hover {
    color: #333;
    background: #fff;
}
.search_popup {}

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

.bg_close {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 90%);
    cursor: pointer;
    background-image: url(../images/close.svg);
    background-repeat: no-repeat;
    background-position: top .5rem  right .5rem;
    background-size: 1.7rem;
}

.search_popup .inner {
    width: 39rem;
    position: relative;
    z-index: 9;
}

.search-lightbox-title {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: .8rem;
}
.search_popup.show {
    opacity: 1;
    pointer-events: unset;
}
.searchform .button.icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    background: transparent !important;
    border: none;
    box-shadow: none !important;
    height: 2.5rem;
}

.searchform .button.icon svg {
    max-width: 80%;
}
section.search_page {
    padding: 9rem 0;
}

.wrap_tabs_search .heading_title {
    font-size: 2rem;
}

section.search_page h1.heading_title {
    margin-bottom: 0;
}

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

ul.tabs_search li {
    margin: 0;
}

ul.tabs_search li+li {
    margin-left: .6rem;
}

ul.tabs_search li a {
    font-weight: 600;
    padding: .4rem .9rem;
    border-radius: .3rem;
    background: transparent;
    transition: .5s all;
    display: inline-flex;
    align-items: center;
}

ul.tabs_search li a.active,ul.tabs_search li a:hover {
    background: var(--1, #003E2D);
    color: #fff;
}

.wrap_tabs_search {
    margin-top: 2rem;
}

section.search_page form.searchform {
    margin-top: 2rem;
    max-width: 26rem;
}

section.search_page form.searchform input {
    height: 2.4rem;
    box-shadow: none;
    border: none;
}

section.search_page form.searchform button.ux-search-submit {
    background-color: #fff !important;
}

section.search_page form.searchform button.ux-search-submit svg {
    max-width: 65%;
}
.wrap_tabs_search .item_tab.active {
    display: block;
}

.wrap_tabs_search .item_tab {
    display: none;
}
.item_process>svg {
    position: absolute;
    content: '';
    width: 39.65rem;
    height: 16.7rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    top: 89%;
    transform: translateY(0%);
    left: 14%;
}

.item_process:nth-child(2)>svg {width: 53.2rem;height: 18.45rem;left: 23%;}

.item_process:last-child>svg {
    width: 34.85rem;
    height: 35.3rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    top: -1%;
    transform: translateY(-100%);
    left: 50%;
}
.item_process>svg path {
    stroke-dasharray: 0 6; /* Nét đứt khúc: 5px vẽ, 5px hở */
    stroke-dashoffset: 0;
    transition: 1s all;
}

.item_process>svg.active path {
    stroke-dasharray: 5 6;
}

.item_process:last-child {
    justify-content: center !important;
}

.item_process:last-child .box_img {
    display: none;
}
.goc_nhin_sec_1_bottom svg path {
    stroke-dasharray: 0 6; /* Nét đứt khúc: 5px vẽ, 5px hở */

    /* độ dài giả định */
    stroke-dashoffset: 500;
    transition: 1.5s all;
    stroke-width: 1.2px;
}

.goc_nhin_sec_1_bottom svg.active path {
    stroke-dasharray: 2 3;
}
section.nha_may_sec_1 h1.heading_title {
    margin-bottom: 0;
}
section.nha_may_sec_2 img {
    max-height: 56vh;
    width: auto;
    margin: 0 1rem 0 auto;
    display: block;
}

section.nha_may_sec_2 .group_title {
    margin-bottom: 1rem;
}

.nha_may_sec_2_items .item p {
    margin-bottom: .5rem;
}
.product_details .wrap_slider>.right .icon_svg {
    position: absolute;
    bottom: 2rem;
    right: 2rem;
}

.product_details .wrap_slider>.right .icon_svg svg {width: 2rem;height: auto;}

.product_details .wrap_slider>.right .icon_svg svg {
    width: 2rem;
    height: auto;
}
.san_pham_mua_cung .box_slider {
    position: relative;
}

.san_pham_mua_cung .arrow_slider {
    left: unset;
    top: -1rem;
    right: 1rem !important;
    transform: unset;
}

.san_pham_mua_cung .arrow_slider.left {
    left: unset;
    top: -1rem;
    right: 3.5rem !important;
}
.slider_product_together .swiper-pagination span {
    width: .6rem;
    height: .6rem;
}
ul.sub_language {
    list-style: none;
    margin: 0;
    position: absolute;
    display: block;
    left: 0;
    bottom: 0;
    transform: translateY(100%);
    border-radius: 10px;
    background: #F5F2EB;
    border-radius: 10px;
    padding: .2rem .6rem;
    opacity: 0;
    pointer-events: none;
    transition: .3s all;
}

ul.sub_language a {
    display: flex;
    color: #333;
    line-height: normal;
}

ul.sub_language li {
    display: block;
}

ul.sub_language li {
    margin: 0;
}

ul.sub_language li {
    padding: .5rem 0;
}

ul.sub_language li+li {
    border-top: 1px solid #E7DCCD;
}

ul.sub_language a:before {
    display: none;
}

.button_language:hover .sub_language {
    opacity: 1;
    pointer-events: unset;
    display: block !important;
}
.button_language .icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.15);
}

ul.sub_menu li.active a:before {
    width: 100%;
}
.main_menu>ul>li>a.active {
    color: var(--6, #FCD7A3);
}

.main_menu>ul>li>a.active:before {
    background: var(--6, #FCD7A3);
    width: 100%;

}
.product_item.animation-down-to-up .box_img img {
    transform: translate(-50%, -50%) rotate(0);
}

.product_item.animation-down-to-up:hover .box_img img {
    transform: translate(-50%, -56%) rotate(0);
}
.zoomContainer{
    z-index: 9;
}

.zoomLens {
    cursor: zoom-in;
    border-width: 1px !important;
}
.zoomWindow {
    border-width: 1px !important;
}
section.single_sec_2.cdtails_sc_2 table td {
    border: 1px solid var(--2, #7A1414);
}


section.single_sec_2.cdtails_sc_2 table tr:not(:last-child) td {
    border-bottom: none;
}

section.single_sec_2.cdtails_sc_2 table tr td {
    border-left: none;
}

section.single_sec_2.cdtails_sc_2 table tr:last-child td {
    border-bottom: none;
}

section.single_sec_2.cdtails_sc_2 table tr td:last-child {
    border-right: none;
}
.content.content_post ul {
    margin-left: 1rem;
}
div:where(.swal2-container) h2:where(.swal2-title) {
    font-size: 1.2rem !important;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
    height: 2rem;
    line-height: 2rem;
    padding: 0 1.5rem !important;
    background: #003e2d !important;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover {
    opacity: .7;
}
.goc_nhin_sec_1 .content ul {
    margin-left: 1.5rem;
}
.mobile_show{
    display: none;
}
section.support-page {
    background: none !important;
    padding: 9rem 0 4rem !important;
}

section.support-page .container-small {
    max-width: 72rem;
    margin: auto;
}
form#filter_office .wrap .item span.select2.select2-container.select2-container--default {
    max-width: 100%;
}

.style_form button {
    flex: 0 0 auto;
}

.title_animation.ml3 {
    opacity: 1 !important;
}
.slider_blog_product.center-align .swiper-wrapper {
    justify-content: center;
}
.swiper.center-align .swiper-wrapper {
    justify-content: center;
    display: flex;
    margin: auto;
}
section.breadcrumb {
    position: relative;
}
section.breadcrumb ul {
    max-width: 45%;
}
.wrap_product_cooking {
    max-height: 10rem;
    overflow: auto;
}
.wrap_product_cooking::-webkit-scrollbar-track,
.cdtails_sc_2_wrap ul::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 0.3rem rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.wrap_product_cooking::-webkit-scrollbar,
.cdtails_sc_2_wrap ul::-webkit-scrollbar
{
    width: 0.517rem;
    background-color: #cedbff;
}

.wrap_product_cooking::-webkit-scrollbar-thumb,
.cdtails_sc_2_wrap ul::-webkit-scrollbar-thumb
{
    background-color: var(--main-cl);
}

.content.content_post img {
    height: auto !important;
}
.show_mobile{
    display: none;
}
.hide_mobile{
    display: block;
}
.for_tabs_about .content ul {
    margin-left: 20px;
}
.product_details_sec_3>img{
    margin: 3.5rem auto;
}
.like_post {
    position: absolute;
    left: -5.55rem;
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
}

.like_post svg {
    max-width: 60%;
    max-height: 60%;
    width: auto;
    height: auto;
}
.like_post.mobile.display_mobie{
    display: none !important;
}
section.product_details_sec_3:last-child {
    padding-bottom: 3rem;
}

.news-detail-page .wrap_form_tv {
    margin-top: 0;
}
footer .title_animation {
    color: var(--5, #FCD7A3);
    bottom: 3rem;
    position: absolute;
    right: 19rem;
    font-size: 1.9rem;
}
.goc_nhin_sec_1_bottom .title_animation {
    color: #fff;
    font-size: 2rem;
    position: absolute;
    left: 12.4rem;
    top: 1.8rem;
    transform: rotate(-6.042deg);
}
.hoptac_tabs .title_animation{
    margin-bottom: 1.3rem;
}
.cdtails_sc_2 .nav_bottom .left ul {
    flex-wrap: wrap;
    margin: -.2rem;
}

.cdtails_sc_2 .nav_bottom .left span {
    flex: 0 0 auto;
    margin-top: .15rem;
}

.cdtails_sc_2 .nav_bottom .left {
    align-items: unset;
    padding-right: 2rem;
}

.cdtails_sc_2 .nav_bottom .left ul li {margin: .2rem;}

.cdtails_sc_2 .nav_bottom {
    align-items: flex-start;
}
.default-page-content {
    padding: 8rem 0 4rem;
}

.news-content-detail ul,.news-content-detail ol {
    margin-left: 1rem;
}
.cookie-popup-wrapper {
    position: fixed;
    left: 0;
    right: 0;
    min-height: 8rem;
    background: #005b42;
    color: #fff;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: all 0.5s;
    bottom: -100%;
    font-size: 1rem;
}
.cookie-popup-wrapper a {
    text-decoration: underline;
}
.cookie-popup-wrapper.show {
    z-index: 99;
    visibility: visible;
    opacity: 1;
    transition: all 0.5s;
    bottom: 0;
}

.cookie-popup-wrapper .cookie-content {
  font-size: 0.75rem;
  text-align: justify;
}
.cookie-popup-wrapper .cookie-content p {
  margin-bottom: 0;
}
.cookie-popup-wrapper .cookie-popup-inner {
    max-width: 40rem;
    margin: auto;
    text-align: left;
    padding: 1rem;
}
.cookie-popup-wrapper .cookie-action {
    padding-top: 1rem;
    text-align: center;
}
.cookie-popup-wrapper .btn {
    margin: 0;
    font-size: 1rem;
    min-height: initial;
    line-height: initial;
    padding: 0.3rem 1rem;
    font-size: 0.75rem;
}

.cookie-popup-wrapper .btn-accept-cookie {
    margin-right: 1rem;
    border: 1px solid rgb(233, 203, 154);
    color: rgb(233, 203, 154);
}
.cookie-popup-wrapper .btn-reject-cookie {
    border: 1px solid rgb(233, 203, 154);
}
.product_details .wrap_slider .arrow_slider.left {
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    top: -2rem;
}

.product_details .wrap_slider .arrow_slider.right {
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    bottom: 2rem;
    top: unset;
}
@media only screen and (min-width: 1500px){
    html{
        font-size: 1vw;
    }
}
@media only screen and (min-width: 1200px){
    html{
        font-size: 1.05vw;
    }
}
@media only screen and (max-width: 1199px){
    html{
        font-size: 1.3vw;
    }

    .banner_slider, .banner_slider img {
        height: auto;
    }

    .home_sec_3 .fp-tableCell {
        height: auto;
    }

    .product_home img.img_large {
        max-width: 17rem;
    }

    .home_sec_5_left .box_img .img {
        transform: scale(1);
    }

    .home_sec_5_left .box_img .hoa_tiet {
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 1;
    }

    img.home_sec_6_img {
        width: 22rem;
    }

    .home_sec_7 {
        padding: 4rem 0px;
    }

    footer.section {
        padding: 4rem 0 10rem;
    }
    .footer_top_items {
        font-size: 1rem;
    }

    .info_footer .item {
        font-size: 1rem;
    }

    .footer_bottom .content {
        font-size: .8rem;
    }
    footer {
        min-height: unset !important;
    }
    .goc_nhin_sec_1_img li:nth-child(2) {
        left: -9%;
    }
    section.nha_may_sec_4 {
        padding-bottom: 3rem;
    }
    body {
        overflow: hidden !important;
    }

    .nav_scroll {
        display: none;
    }
    .goc_nhin_sec_1_bottom img {
        max-width: 32rem;
    }
    .nav_slider_product {
        flex-wrap: wrap;
    }

    .nav_slider_product a {
        margin: 0 0.5rem 1rem;
    }
    .section ul.home_sec_2_video_img li:nth-child(1) {
        left: 0%;
        transform: rotate(-19deg);
        transition-delay: .3s;
    }

    .section ul.home_sec_2_video_img li:nth-child(2) {
        top: 80%;
        right: -2%;
        transform: rotate(10deg);
        transition-delay: .3s;
    }
    .home_sec_4 .swiper-slide-active:first-child .product_home img.img_large {
        transform: translate(0%, -50%);
    }

    .home_sec_4 .swiper-slide-active:first-child .product_home .ht.top {
        transform: scale(1);
    }
    .hode_for_mobile{
        display: none;
    }
    .nav_slider_product li {width: calc(100% / 5);}

    .nav_slider_product li a {
        display: flex;
    }
    .item_cooking .box_content ul {
        height: 2rem;
    }
    .title_animation.ml3 {
        opacity: 0 !important;
    }

    .title_animation.ml3.animated {
        opacity: 1 !important;
    }
    .goc_nhin_sec_1_bottom .title_animation {
        left: 8.4rem;
    }
}
@media only screen and (max-width: 849px) {
    .arrow_slider.style_2.right {
        right: -1rem;
    }

    .arrow_slider.style_2 {
        left: -1rem;
    }

    .product_details_sec_5 .arrow_slider.style_2.left {
        left: 1rem;
    }

    .product_details_sec_5 .arrow_slider.style_2.right {
        right: 1rem;
    }
}
@media only screen and (min-width: 768px) {
    section.breadcrumb {
        max-width: 100%;
    }

    section.breadcrumb ul>*:not(:last-child) {
        flex: 0 0 auto;
    }

    section.breadcrumb ul li:last-child {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
}
@media only screen and (max-width: 767px){
    body{
        font-size: 1.15rem;
    }
    .footer_top_items {
        display: block;
        margin: 0;
        font-size: .85rem;
    }

    .footer_top_items .item {
        width: 100%;
        padding: 1rem 0;
    }

    .footer_top_items .item + .item {
        border: none;
        border-top: 1px solid rgba(255, 255, 255, 0.20);
    }

    footer .logo_footer img {
        width: 5.8rem;
    }

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

    .info_footer .item {
        width: 100%;
        margin: 0;
        padding: 1rem 0;
        font-size: .85rem;
    }

    .info_footer {
        margin: 0;
    }

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

    .info_footer .item:first-child {
        padding-top: 0;
    }

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

    .footer_bottom .content {
        font-size: .8rem;
    }

    form.form_footer {
        margin-top: 2rem;
    }

    footer::before {
        height: 4.75rem;
    }

    footer.section {
        padding: 4rem 0 5rem;
    }
    .nav_left.main_menu {
        display: none;
    }

    .nav_right ul {
        display: none;
    }

    header::before {
        display: none;
    }

    header {
        background: linear-gradient(90deg, #003E2D 12.5%, #7A1414 50.03%, #003E2D 87%);
        height: 4.6rem;
        align-items: center;
        max-width: 100vw;
    }

    .inner_header .logo {
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    header .col {
        justify-content: space-between;
    }

    .inner_header .logo img {
        width: auto;
        height: 3.5rem;
    }

    .open_menu {
        display: block;
    }

    .open_menu {
        width: 4.2rem;
        height: 4.2rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-right: .5rem;
        order: -1;
    }

    .open_menu svg {
        fill: #fff;
        position: absolute;
        max-width: 3rem;
        max-height: 3rem;
    }

    .open_menu .close {
        display: none;
    }

    .open_menu.active .close {
        display: block;
    }

    .open_menu.active .open {
        display: none;
    }

    .nav_right.main_menu {
        padding: 0;
        width: auto;
    }

    a.shop_button {
        width: 2.7rem;
        height: 2.7rem;
        font-size: 0;
        padding: 0;
        display: inline-flex;
        float: right;
        order: 2;
        margin-left: .5rem;
    }

    a.shop_button svg {
        margin: 0;
    }

    .button_language {
        margin: 0 0 0 1rem;
        font-size: 0;
    }

    .button_language .icon {
        width: 2rem;
        margin: 0;
    }

    .button_language .icon img {
        width: 100%;
        object-fit: contain;
    }

    main {
        padding-top: 4.6rem;
    }
    html {
        font-size: 4vw;
    }

    header {
    }

    .banner_slider .arrow_slider.left {
        left: 15px;
    }

    .banner_slider .arrow_slider.right {
        right: 15px;
    }

    .banner_slider .arrow_slider {
        width: 2.2rem;
        height: 2.2rem;
    }

    section.section.home_sec_1 {
        padding: 0;
    }

    .home_sec_2 {
        padding: 3rem 0 2rem;
    }

    .fp-tableCell {
        padding: 0;
    }

    .home_sec_2_video video {
        height: 13.35rem;
    }

    ul.home_sec_2_video_img {
        display: none;
    }

    .home_sec_2_number .item {
        width: 50%;
        margin-bottom: 1rem;
    }

    .home_sec_2_number {
        flex-wrap: wrap;
    }

    .home_sec_2_number b {
        font-size: 2rem;
    }

    .home_sec_3 {
        padding: 0;
    }

    .home_sec_3_content h2 {
        font-size: 1.6rem;
    }

    .home_sec_3_content h2 .fs_74 {
        font-size: 2.6rem;
    }

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

    .home_sec_3_img .box_img img {
        width: calc(100% + 2rem);
        margin: 0 -1rem;
    }

    .home_sec_3_img .items {
        padding-left: 0;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .home_sec_3  img.bg_section {
        display: none;
    }

    .home_sec_3_content_logo .item {
        width: 3.5rem;
    }

    .product_home .col.large-4 {
        padding-left: 1rem;
    }

    .product_home img.img_large {
        display: none;
    }

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

    .product_home .box_img {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .product_home .box_img .ht.bottom {
        bottom: -2.65rem;
    }

    section.section.home_sec_4 {
        padding: 4rem 0 1rem;
    }
    .slider_product_home .swiper-slide:nth-child(even) .product_home .row .col.large-4.medium-4 {
        order: -1;
        padding: 0 1rem;
    }

    .product_home .box_img .ht.top {
    }

    .button_style {
        min-width: max-content;
    }

    .home_sec_5_left {
        margin-bottom: 3rem;
    }

    .wrap_cooking {
        margin-top: 3rem;
    }

    .heading_title {
        font-size: 1.8rem;
    }

    .post_item .box_img {
        width: 9.85rem;
        height: 6.4rem;
    }

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

    .home_sec_6 .button_style {
        margin-top: 1rem;
    }

    .home_sec_6 .col.large-5.medium-5 {
        padding: 0 1rem;
        margin-top: 3rem;
    }

    img.home_sec_6_img {
        position: unset;
        order: 2;
        width: 100%;
    }

    .home_sec_6 {
        flex-wrap: wrap;
    }

    .home_sec_6 .wrap_slider.wrap_right {
        max-width: 100%;
    }

    .hoptac_tabs {
        display: block;
    }

    .hoptac_tabs .box_img {
        width: 90%;
        position: relative;
        transform: translateX(0rem);
        margin: auto;
        display: none;
    }

    .hoptac_tabs .box_content {
        width: 100%;
        margin-top: 3rem;
    }

    .nav_hoptac_tabs .item .icon {
        margin-left: 1rem;
    }

    .home_sec_6 .col.large-5.medium-5 .arrow_slider {
        position: relative;
        margin-top: 2rem;
        left: unset !important;
        right: unset !important;
        transform: unset !important;
    }
    img.home_sec_6_img{
        position: relative;
    }
    .item_cooking h3 {
        left: .8rem;
        right: .8rem;
        bottom: .8rem;
        max-width: calc(100% - 1.6rem);
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        height: 2.5rem;
    }
    section.about_sec_1 {
        padding-top: 3rem;
    }

    ul.nav_tabs_about li {
        width: 50%;
    }

    ul.nav_tabs_about {
        flex-wrap: wrap;
    }

    ul.nav_tabs_about a {
        line-height: 1.2;
        width: calc(100% - 0.7rem);
    }

    .for_tabs_about .item_for>img {
        margin-bottom: -3.5rem;
    }

    .for_tabs_about .wrap_ht li:nth-child(2) img {
        width: 5.5rem;
    }

    .for_tabs_about .wrap_ht li:nth-child(1) img {
        width: 6.8rem;
    }

    .for_tabs_about .wrap_ht li:nth-child(1) {
        left: 0;
    }

    .for_tabs_about .wrap_ht li:nth-child(2) {
        right: 0;
    }

    section.about_sec_2 {
        padding-top: 6rem;
    }

    .office_page_number {
        flex-wrap: wrap;
        margin-bottom: 2rem;
    }

    .office_page_number .item {
        width: 50%;
        margin-bottom: 1rem;
        padding: 0 .5rem;
    }

    .office_page_number .item b {
        font-size: 2rem;
    }

    .office_page_number .item+.item:before {
        display: none;
    }
    .goc_nhin_sec_1_img>img {
        max-width: 74%;
        margin: auto;
        display: block;
    }

    .goc_nhin_sec_1_img li:nth-child(2) img {
        width: 12.25rem;
    }

    .goc_nhin_sec_1_img li:nth-child(2) {
        left: 2%;
    }

    .goc_nhin_sec_1_img li img {
        width: 7.9rem;
    }

    .goc_nhin_sec_1_img li {
        right: 0%;
    }

    .goc_nhin_sec_1 {
        padding: 4rem 0 0 0;
    }

    .goc_nhin_sec_1_img svg {
        width: 8.75rem;
        bottom: -17%;
        right: 0%;
    }

    .goc_nhin_sec_1 h1.heading_title {
        margin-top: 0;
    }

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

    .goc_nhin_sec_1 .bottom .content_left {
        padding: revert-layer;
    }

    .goc_nhin_sec_1_bottom img {
        position: unset;
        max-width: 100%;
    }

    .goc_nhin_sec_1_bottom {
        padding-bottom: 0;
    }

    svg {}

    .goc_nhin_sec_1 .content_right {
        margin-top: 1rem;
    }

    section.goc_nhin_sec_2 {
        padding: 3rem 0 2rem;
    }

    .wrap_post_gn {
        display: block;
        margin-top: 2rem;
    }

    .wrap_post_gn .left {
        width: calc(100% - 1.5rem);
    }

    .item_lagre_post .box_img {
        height: 13rem;
    }

    .wrap_post_gn .right {
        width: calc(100% - 1.5rem);
    }

    .post_list .post_item .box_img {
        width: 9.9rem;
        height: 6.3rem;
    }

    .item_lagre_post {
        margin-bottom: 1rem;
    }
    .wrap_all_section ul.nav_tabs_about.style_2 {
        display: none;
    }

    .wrap_all_section {
        padding: 0;
    }

    form#filter_recruit .wrap_form .item {
        width: 100%;
        margin: 0;
    }

    form#filter_recruit .wrap_form {
        display: block;
    }

    .item_td {
        width: calc(calc(100% ) - 1rem);
        margin: 0 .5rem 1rem;
    }

    .wrap_post_td {
        margin: 0 -0.5rem;
    }

    .item_td ul li {
        font-size: .8rem;
    }

    form#filter_recruit .wrap_form .item + .item {
        margin: 1rem 0 0 0;
    }

    .item_ns .box_content {
        width: 100%;
    }

    .item_ns {
        margin: 0;
    }

    .item_ns .box_content {
        padding: 23rem 1rem 1rem;
    }

    .slider_nhan_su .box_img {
        transform: translateY(0) rotate(0) !important;
    }

    .slider_nhan_su .box_img.right {
        width: 100%;
    }

    .td_sec_2 .arrow_slider {
        display: none;
    }

    .slider_nhan_su {
        margin-top: 2rem;
    }

    .td_sec_4_content {
        transform: unset;
    }

    .td_sec_4_content .inner_content {
        left: 2rem;
        right: 2rem;
    }

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

    .td_sec_4_img img {
        max-width: 100%;
        margin: 0;
    }

    .td_sec_5 .title_animation {
        font-size: 2rem;
    }

    .td_sec_5_items {
        display: block;
    }

    .td_sec_5_items .item {
        width: 100%;
        margin: auto !important;
        transform: unset !important;
    }

    .td_sec_5 {
        padding-bottom: 3rem;
    }

    section.banner_page {
        margin-top: 0;
    }
    .mb_display {
        display: block;
    }

    .swiper-pagination span {
        width: .6rem;
        height: .6rem;
    }

    .swiper-pagination {
        margin-top: 1rem;
    }
    section.td_details_sec_1 {
        padding: 2rem 0 2rem;
    }

    h2.job-title {
        font-size: 2rem;
    }

    .td_details_sec_1 ul b {
        width: 13.5rem;
    }

    .td_details_sec_1 ul+ul {}

    .td_details_sec_1 ul {
        margin-bottom: 1rem;
    }

    .box_benefits {
        padding: 1.5rem;
    }

    .box_benefits ul {
        display: block;
    }

    .box_benefits ul li {
        width: 100%;
    }

    .info_td .item {
        display: block;
    }

    .info_td .content {
        font-size: .8rem;
    }

    .info_td .item .title {
        padding: 0;
        width: 100%;
        margin-bottom: 1rem;
    }

    .info_td .item .title h3 {
        font-size: 1.1rem;
    }

    .td_details_sec_2 .col.large-9.medium-9 {
        padding-right: 1rem;
    }

    .wrap_form_tv .inner {
        padding: 2rem;
    }

    div#form_td .heading_title {
        font-size: 1.6rem;
    }

    div#form_td .content {
        font-size: .8rem;
    }

    section.td_details_sec_3 {
        padding: 3rem 0;
    }
    section.nha_may_sec_1 {
        padding: 3rem 0 2.5rem;
    }

    .box_video {
        margin-top: 1.5rem;
    }

    .nha_may_sec_2_items {
        margin-left: 2rem;
        margin-top: 2rem;
    }

    .nha_may_sec_3_items {
        flex-wrap: wrap;
    }

    .nha_may_sec_3_items .item {
        width: calc(calc(50% - 2rem));
        margin: 0 1rem 3rem;
    }

    section.nha_may_sec_3 {
        padding: 2rem 0 0.5rem;
    }

    .nha_may_sec_4_img img {
        width: 100%;
        transform: translateX(1rem);
    }

    section.nha_may_sec_4 {
        padding-bottom: 0;
    }

    .nha_may_sec_4_img svg {
        top: 0;
        width: 7rem;
    }
    .office_page {
        padding: 4rem 0;
    }

    form#filter_office .wrap .item {
        width: 100% !important;
        margin: 0 0 1rem;
    }

    form#filter_office .wrap {flex-wrap: wrap;margin: 0 !important;}

    form#filter_office .wrap .item:nth-child(4) {
        width: calc(100% - 3.5rem) !important;
    }

    form#filter_office {
        margin: 2rem 0;
    }

    .wrap_office .wrap {
        flex-wrap: wrap;
    }

    .wrap_office .left {
        width: 100%;
        order: 2;
    }

    .wrap_office .right {
        width: 100%;
        height: 31.25rem;
        order: 1;
    }
    .wrap_ht.left li:nth-child(1) img {
        width: 7.7rem;
    }

    .wrap_ht.left li:nth-child(2) img {
        width: 2.15rem;
    }

    .wrap_ht.left li:nth-child(3) img {
        width: 2.7rem;
    }

    .wrap_ht.left li:nth-child(3) {
        left: 1%;
    }

    .wrap_ht.right ul li:nth-child(1) img {
        width: 4.9rem;
    }

    .wrap_ht.right ul li:nth-child(4) img {
        width: 6.4rem;
    }

    section.product_banner {
        padding: 5.5rem 0 2.25rem;
    }

    .wrap_ht.right ul li:nth-child(1) {
        bottom: -4%;
    }

    .wrap_ht.right ul li:nth-child(4) {
        bottom: -9%;
    }

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

    .checkbox-container label.checkbox-item {
        width: calc(100% / 2);
        padding-right: .2rem;
    }

    .wrap_info_form .item {
        width: calc(100% - 1rem);
        margin: 0 .5rem;
    }

    .wrap_form_tv .wrap_bottom {
        padding: 1.5rem;
        font-size: 1rem;
    }

    .wrap_form_tv .wrap_bottom .content {
        font-size: .9rem;
    }

    .box_form textarea::placeholder {
        font-size: .8rem;
    }

    .box_form input:not([type="checkbox"]) {font-size: .8rem;}

    .wrap_info_form .item + .item {
        margin-top: 1rem;
    }

    .wrap_info_form .item.title b {
        font-size: 1.2rem;
    }

    .wrap_form_tv {
        margin-top: 3rem;
    }
    section.product_details {
        padding: 3rem 0 2rem;
    }

    .product_details .wrap_slider>.left{
        height: 22.8rem;
    }
    .slider_nav_product {
        height: 22.8rem;
    }
    .slider_product_together {
        padding-top: 2.6rem;
        margin-top: -2.6rem;
    }

    .product_details b.title {
        font-size: 1.3rem;
    }

    .product_details_sec_2 .col {
        width: 50%;
        margin-bottom: 2rem;
    }

    .product_details_sec_2 {
        padding-bottom: 1rem;
    }
    .slider_cooking .item_cooking {
        margin: 0;
        width: 100%;
    }

    .slider_cooking .swiper-slide {
        padding: 0 .5rem;
    }

    .slider_cooking {
        margin: 0 -0.5rem;
    }
    .slider_blog_product .swiper-slide {
        padding: 0 .5rem;
    }

    .slider_blog_product {
        margin: 2.75rem 0.25rem 0;
    }
    section.banner_cooking {
        padding: 4rem 0 0 0;
    }

    .ht_cooking.left img {
        width: 20rem;
    }

    .banner_cooking_inner {
        display: block;
    }

    .banner_cooking_img {
        width: 100%;
    }

    .banner_cooking_content {
        width: 100%;
        padding: 0 2rem;
    }

    .banner_cooking_content .inner {
        max-width: 100%;
    }

    form#filter_cooking .wrap {
        flex-wrap: wrap;
    }

    form#filter_cooking .wrap .item input,form#filter_cooking .wrap .item input::placeholder {
        font-size: .8rem;
    }

    form#filter_cooking .wrap .item + .item {
        margin-top: .5rem;
    }

    form#filter_cooking .wrap .item:nth-child(5) {
        width: calc(100% - 5rem);
    }

    form#filter_cooking .wrap button {
        margin-top: .5em;
    }

    .cooking_sec_2_wrap {
        display: block;
    }

    .cooking_sec_2_wrap .box_content {
        width: 58.85rem;
        transform: translateX(-5rem);
    }

    .cooking_sec_2_wrap .box_content .inner {
        max-width: 19.25rem;
    }

    .cooking_sec_2_wrap>.box_img {
        width: 100%;
    }

    .cooking_sec_2_wrap>.box_img img {
        max-width: 100%;
    }

    .wrap_cooking_page .item_cooking {
        width: calc(calc(100% / 2) - 1rem);
        margin: 0 .5rem 1rem;
    }
    .ht_cooking.right {
        display: none;
    }
    .banner_cooking_content{
        padding-top: 1.5rem;
    }
    section.breadcrumb {
        display: none;
    }

    .cooking_sec_2_items {
        flex-wrap: wrap;
    }

    .cdtails_sc_1 .cooking_sec_2_items .item {
        width: calc(50% - 2.6rem);
        margin-bottom: 2rem;
    }

    .cdtails_sc_2_wrap.cooking_sec_2_wrap>.box_img img {
        max-width: 100%;
    }

    .cdtails_sc_2 .nav_bottom {
        display: block;
    }

    .cdtails_sc_2 .nav_bottom ul {overflow: auto;}

    .cdtails_sc_2 .nav_bottom li {
        flex: 0 0 auto;
    }

    .cdtails_sc_2 .nav_bottom .left li + li {
        margin-left: .2r5m;
    }

    .cdtails_sc_2 .nav_bottom .right {
        margin-top: 1rem;
    }

    .ht_cm.left {
        display: none;
    }
    section.hoptac_sec_1 {
        padding: 3rem 0 3.5rem;
    }

    .box_map .inner_map .items_map {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 1;
    }

    .box_map .inner_map path[stroke="#FCD7A3"] {
        stroke-dasharray: unset;
        stroke-dashoffset: unset;
    }
    section.meida_sec_1 .title_animation {
        display: none;
    }

    section.meida_sec_1 {
        padding-top: 3rem;
    }

    ul.nav_tabs_about a {
        height: 2.8rem;
    }

    .post_item.vertical {
        width: calc(calc(100% / 2) - 1rem);
        margin: 0 .5rem 1rem;
    }

    .wrap_media {
        margin: 2.5rem -.5rem 0;
    }

    .post_item.vertical .box_img {
        height: 8rem;
    }
    section.single_page {
        padding: 4rem 0 5rem;
    }

    section.single_page .wrap_bottom {
        margin-bottom: 2rem;
    }

    section.single_page {
        padding-bottom: 2rem;
        padding-top: 3rem;
    }

    section.single_sec_2.cdtails_sc_2 {
        padding: 2rem 0;
    }
    section.single_sec_3 .post_item.vertical {
        width: calc(calc(100%) - 1rem);
    }

    .slier_post_related {
        margin: 2rem -.5rem 0;
    }

    .display_mobie {
        display: block;
        position: unset;
    }
    .item_process .box_img {
        order: 2 !important;
        width: 100% !important;
        margin-top: 1.2rem;
    }

    .item_process {
        display: block !important;
    }

    .item_process:before {
        display: none !important;
    }

    .item_process+.item_process {
        margin-top: 3rem !important;
    }
    .item_process .box_content {
        max-width: 100% !important;
        width: 100%;
    }
    .product_details .wrap_slider>.right .box_img {
        max-height: 22rem;
    }

    .product_details .wrap_slider>.right .box_img img {
        max-height: 100%;
    }

    .product_details .wrap_slider {
        margin-bottom: 1rem;
    }
    .menu_mobile {
        justify-content: center;
        position: fixed;
        top: 4.6rem;
        width: 100vw;
        height: calc(100vh - 4.6rem);
        z-index: 999;
        background: linear-gradient(90deg, #003E2D 12.5%, #7A1414 50.03%, #003E2D 87%);
        display: flex;
        align-items: unset;
        transform: translateX(-100%);
        transition: .5s all;
    }

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

    .menu_mobile ul li {
        width: 100%;
        margin: 0;
    }

    .menu_mobile ul li a {
        font-size: 1.3rem;
        font-weight: 700;
        text-transform: uppercase;
    }

    .menu_mobile.active {
        transform: translateX(0%);
    }
    section.breadcrumb {
        padding-top: 0rem;
    }
    section.cdtails_sc_1 {
        padding-top: 3rem;
    }
    section.banner_page {
        padding-top: 0rem;
    }
    .home_sec_6 .col:first-child {
        padding: 0 1rem;
    }
    ul.nav_tabs_about a {
        padding: 0 .5rem;
    }
    .wrap_form_tv h2.heading_title {
        font-size: 1.4rem;
    }

    .product_details_sec_4 h2.heading_title {
        font-size: 1.7rem;
    }
    section.hoptac_sec_1 {
        padding-bottom: 0rem;
    }
    .slider_logo a img {
        max-height: 75%;
        max-width: 75%;
        width: auto;
        height: auto;
    }
    .about_sec_3 .group_title {
        margin-bottom: 1rem;
    }

    .slider_logo {
        margin-bottom: 1rem;
    }

    section.about_sec_3 {
        padding-top: 3rem;
    }
    ul.product_tax a {
        height: 3rem;
        padding: 0 .5rem;
        width: auto;
    }

    ul.product_tax li + li {
        margin-left: 0.5rem;
    }

    ul.product_tax {
        overflow: auto;
    }

    ul.product_tax li {
        max-width: 44%;
        flex: 0 0 auto;
    }
    .hode_for_mobile{
        display: none !important;
    }
    table.table-text-image, table.table-image-text {
        display: block;
    }

    table.table-text-image td, table.table-image-text td {
        display: block;
        width: 100%;
        padding: 0 !important;
    }

    table.table-text-image img, table.table-image-text img {
        width: 100% !important;
    }

    table.table-text-image td:first-child, table.table-image-text td:first-child {
        padding: 0 !important;
    }

    img.image-over-container {
        width: 100%;
        margin: 0 !important;
    }
    .product_page .nav_bottom {
        display: block;
    }
    .product_page .nav_bottom ul{
        margin-top: 2rem;
    }
    .menu_mobile ul.main_menu>li .toggle_menu {
        position: absolute;
        right: 0;
        top: 1rem;
        width: 2rem;
        height: 2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        fill: #fff;
    }

    .menu_mobile .inner {
        width: 100%;
    }

    .menu_mobile ul li {
        position: relative;
    }

    .menu_mobile ul li a {
        text-align: left;
    }

    .menu_mobile ul.main_menu>li {
        padding: 0 1rem;
    }

    .menu_mobile ul.main_menu>li+li {
        border-top: 1px solid #fff;
    }

    .main_menu li a:before {
        display: none;
    }

    ul.sub_menu {
        position: unset;
        opacity: 1;
        pointer-events: unset;
        margin-bottom: .78rem;
    }

    .menu_mobile {}

    .box_sub {
        display: none;
    }

    .mega_menu {
        position: unset;
        opacity: 1;
        width: 100%;
        margin-bottom: .8rem;
        pointer-events: unset;
    }

    .mega_menu .inner {
        padding: 1rem;
    }

    .mega_menu .inner .product_box {
        width: calc(calc(100% / 2) - 1rem);
        margin: .5rem;
    }

    .menu_mobile>.inner {
        max-height: 86vh;
        overflow: auto;
    }
    .show_result{
        display: none;
    }
    .td_sec_4_img img {
        transform: rotate(0deg);
        margin-top: 2rem;
    }

    .td_sec_4_content svg {
        transform: scale(1.5);
    }
    .home_sec_2_number .item .content {
        max-width: 95%;
    }
    .info_product .item ul {
        flex-wrap: wrap;
    }

    .info_product .item ul li {
        margin: 0 .2rem .4rem !important;
    }

    .info_product .item+.item {
        align-items: flex-start;
    }
    .search_button {
        right: unset;
        left: 4rem;
        position: absolute;

    }

    .search_button svg {
        width: 1.4rem;
    }

    section.search_page {
        padding: 3rem 0;
    }

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

    .search_popup .inner {
        max-width: 95vw;
    }
    .item_process>svg{
        display: none;
    }
    .san_pham_mua_cung .arrow_slider {
        top: -0.5rem !important;
    }
    .select2-container {
        width: 100% !important;
    }
    .product_details_sec_4 {
        padding-bottom: 0;
    }

    .slider_blog_product {
        margin-top: 1rem;
    }
    .td_sec_1 {
        padding-top: 3rem;
    }
    .cooking_sec_2_wrap {
        margin-top: 3rem;
    }
    .home_sec_3_content_logo {
        justify-content: space-between;
    }
    section.about_sec_2 .office_page_number {
        margin-top: 1.2rem;
    }

    section.about_sec_3 {
        padding-bottom: 3rem;
    }
    section.single_sec_3 {
        padding: 1rem 0 2rem;
    }
    section.product_page {
        padding: 3rem 0;
    }
    section.cooking_sec_3 {
        padding-bottom: 2rem;
    }
    section.product_details_sec_4.cdtails_sc_3 {
        padding-bottom: 2rem;
    }

    .item_cooking .box_content {
        left: .5rem;
        right: .5rem;
        bottom: 0.5rem;
    }

    .item_cooking .box_img:before {
        background: linear-gradient(0deg, black, transparent);
    }

    .item_cooking .box_content ul {
        height: auto !important;
    }
    section.meida_sec_2 {
        padding: 3rem 0;
    }
    .info_footer .item p:last-child {
        margin: 0;
    }

    .footer_top_items .item .content p:last-child {
        margin: 0;
    }
    section.hoptac_sec_2 {
        padding-top: 0;
    }

    section.hoptac_sec_3 {
        padding-bottom: 3rem;
    }
    .slider_ban_tin {
        margin-top: 1rem;
    }

    .td_sec_3 {
        padding-top: 3rem;
    }
    .td_sec_4 {
        padding-bottom: 1rem;
    }
    .home_sec_2 .col.large-12 {
        order: -1;
    }
    .item_lagre_post .box_content {
        opacity: 1;
    }
    .item_lagre_post .box_img:before {
        opacity: 1;
    }
    .cooking_sec_2_wrap .box_content .inner {
        top: 2rem;
        transform: unset;
    }

    .cooking_sec_2_wrap>.box_img {
        transform: translateY(0);
        display: inline-block;
        margin-top: -15rem;
    }
    .menu_mobile ul.main_menu>li .toggle_menu svg {
        width: 2rem;
        height: auto;
    }
    .nav_slider_product li {
        width: calc(100% / 3);
    }

    .nav_slider_product li a {
        padding: 0 .2rem;
        line-height: 1.3;
        height: 2.7rem;
        border-radius: 100px;
        margin: 0 .2rem .4rem;
    }

    .nav_slider_product {padding: 0 .4em;margin-top: .5rem;}
    .item_cooking {
        border-radius: .5rem;
    }
    .product_home .content {
        height: 5rem;
        overflow: auto;
    }

    .product_home h3 {
        font-size: 1.8rem;
    }

    .product_home h3 br {
        display: none;
    }

    .home_sec_4 .arrow_slider {
        display: none;
    }
    .button_language .icon {
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
    }

    .button_language .icon img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .cooking_sec_2_wrap {
        margin-top: 0;
    }

    section.cdtails_sc_1 {
        padding-bottom: 2rem;
    }
    .slider_nhan_su .swiper-slide .box_img.right {
        opacity: 1;
        top: -1.25rem;
        transform: translateY(0) rotate(6deg);
        z-index: 9 !important;
    }

    .slider_nhan_su .swiper-slide .box_img.left {
        opacity: 0 !important;
    }
    div#form_td {
        margin-bottom: 2rem;
    }
    section.cdtails_sc_1 .cooking_sec_2_wrap>.box_img {
        margin-top: -17rem;
    }
    .product_details .wrap_slider>.right .box_img a {
        max-height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .product_details .wrap_slider>.right .box_img a img {
        max-height: 20rem;
        width: auto;
        height: auto;
    }

    .product_details .wrap_slider>.right .icon_svg {
        display: none;
    }
    .product_blog h3 {
        opacity: 1;
        top: 0;
    }

    .product_blog .box_img:before {
        opacity: 1;
    }
    .mobile_show{
        display: flex;
    }
    .slider_blog_product .swiper-pagination {
        position: unset;
        justify-content: center;
    }
    .goc_nhin_sec_1_bottom svg{
        width: 75rem;
        left: -4rem;
        position: relative;
    }
    section.support-page {
        padding: 2rem 15px !important;
    }
    .home_sec_6 .col.large-5.medium-5 .arrow_slider+.arrow_slider {
        margin-left: .3rem;
    }
    .home_sec_7 {
        padding: 0 0 4rem;
    }

    .home_sec_7  h2.heading_title.text-center {
        text-align: left;
    }
    .goc_nhin_sec_1_img {
        display: none;
    }
    div#form_td{
        margin-bottom: 0;
    }
    .hide_mobile{
        display: none;
    }
    .show_mobile{
        display: block;
    }
    .cdtails_sc_1 .cooking_sec_2_wrap .box_content .inner {
        position: relative;
        width: 100%;
        transform: unset;
        top: unset;
        left: unset;
    }

    section.cdtails_sc_1 .cooking_sec_2_wrap>.box_img {
        margin-top: 0;
    }

    .cdtails_sc_1 .cooking_sec_2_wrap .box_content {
        width: 100%;
        padding-top: 2rem;
        position: relative;
    }

    .cdtails_sc_1 .cooking_sec_2_wrap .box_content>svg {
        width: auto;
        height: 45rem;
        right: 0;
        top: 0;
    }

    .cdtails_sc_1 .cooking_sec_2_wrap.cdtails_sc_2_wrap .box_content .inner {
        max-width: 100%;
        margin-bottom: 2rem;
    }
    .cdtails_sc_1 .cooking_sec_2_wrap .box_content>svg {
        position: absolute;
    }

    .cdtails_sc_1 .cooking_sec_2_wrap .box_content {
        transform: unset;
    }
    section.cdtails_sc_1 {
        overflow: hidden;
    }

    section.cdtails_sc_2 {
        padding-top: 2rem;
    }
    .cooking_sec_2_wrap .content {
        font-size: 1rem;
    }
    .title_animation.ml3 {
        margin-top: 1rem;
        margin-bottom: 2rem;
    }
    .product_details_sec_2 .content {
        font-size: 1rem;
    }

    .product_details_sec_2 .col {
    }

    .item_qa h3 {
        font-size: 1.35rem;
        line-height: 1.3;
        padding-right: 1rem;
    }

    .product_box h3 {
        font-size: 1rem;
    }
    .item_cooking .box_content ul{
        flex-wrap: wrap;
    }
    .item_cooking .box_content ul li {
        margin-bottom: .3rem;
    }
    .like_post.mobile.display_mobie {
        display: inline-flex;
        align-items: center;
        float: left;
        margin: .2rem .8rem 0 0;
    }

    .like_post.mobile.display_mobie img {
        margin: 0;
        max-width: 60%;
    }
    .like_post.mobile.display_mobie{
        display: inline-flex !important;
    }
    .wrap_product_cooking {
        max-height: 12rem;
    }

    .cdtails_sc_2_wrap ul {
        max-height: 14rem;
    }
    footer .title_animation {
        display: none;
    }
    .goc_nhin_sec_1_bottom .title_animation {
        font-size: 1.4rem;
        left: 5rem;
    }
    .cdtails_sc_2 .nav_bottom .left {
        padding-right: 0;
    }

    .cdtails_sc_2 .nav_bottom .left span {
        margin-top: .5rem;
    }
    ul.sub_language a {
        font-size: 0;
    }
    .default-page-content {
        padding: 4rem 0 4rem;
    }
    .product_details .wrap_slider .arrow_slider.right {
        bottom: -.7rem;
    }

    h1.title_product {
        margin-top: 1rem;
    }
}/* Force cache reset */