@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: #003e2d;
  --sub-cl: #f27325;
  --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.6);
}

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

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-radius: 0.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: 0.3s;
}

.section.active ul.home_sec_2_video_img li:nth-child(2) {
  top: 80%;
  right: -2%;
  transform: rotate(10deg);
  transition-delay: 0.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: 0.5s all;
  text-transform: uppercase;
  width: max-content;
}

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

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

.home_sec_2_number b {
  font-size: 2.5rem;
  color: var(--2, #005b41);
  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: 0.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) 50%,
    rgba(0, 0, 0, 0.33) 72.25%,
    rgba(0, 0, 0, 0.5) 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(0.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: 0.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: 0.3s;
}
.title_animation {
  font-family: "NVN Motherland Signature";
  color: var(--2, #005b41);
  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: 0.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 #005b41;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  z-index: 6;
  transform: translateY(-50%);
  cursor: pointer;
  transition: 0.3s all;
}
.arrow_slider:hover {
  background: #005b41;
}

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

.arrow_slider path {
  transition: 0.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.6);
  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: 0.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, #005b41);
  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: #005b41;
}

.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: #005b41;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 50%;
  margin: 0;
  transition: 0.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.2);

  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, #005b41);
  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: 0.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: 0.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, #005b41);
  width: 2px;
  position: absolute;
  opacity: 0;
  transition: 0.5s all;
}

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

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

.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: #005b41;
}

.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.2);
  width: calc(calc(100% / 4) - 1.7rem);
  margin: 0 0.85rem 1.7rem;
  transition: 0.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: 0.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: 0.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, #005b41);
  position: relative;
}
.product_item span:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  background: #fff;
  transition: 0.5s all;
  width: 0;
}

.product_item:hover span:before {
  width: 100%;
}
.product_item .box_content {
  filter: brightness(1) invert(0);
  transition: 0.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.5);
  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: 0.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.5);
  padding: 0 1rem;
  font-size: 0.8rem;
}

.show_result b {
  color: var(--2, #005b41);
  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: 0.4s all;
}

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

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

.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.7);
  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: 0.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.7);
  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.1);
  background: rgba(249, 243, 235, 0.2);
  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: 0.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.3);
}

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, #005b41);
  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: 0.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: 0.5s all;
  cursor: pointer;
  position: relative;
}

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

.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, #005b41);
  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: #005b41;
  left: -4rem;
  transition: 0.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: 0.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.5) 30.47%,
    rgba(0, 0, 0, 0) 100%
  );
  z-index: 2;
  opacity: 0;
  transition: 0.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.3);
  padding: 0.9rem 1.75rem;
  transition: 0.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: 0.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%, #005b41 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: 0.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: 0.5rem 0;
}

.slider_logo {
  max-width: 80%;
  margin: 2rem auto 4rem;
}
.goc_nhin_sec_1 {
  background: linear-gradient(90deg, #003e2d 0%, #005b41 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.5);
  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: 0.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) 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: 0.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: 0.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: 0.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: 0.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: 0.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: #005b41;
  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: 0.5s all;
  transform: scale(1);
}

.item_ban_tin:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: calc(100% - 17.7rem);
  background: var(--2, #005b41);
  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, #005b41);
  font-size: 3.75rem;
  font-style: normal;
  font-weight: 600;
  /* 29.333% */
  letter-spacing: -0.1125rem;
  line-height: 0.9;
}

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

.wrap_date .content {
  color: var(--2, #005b41);
  -webkit-text-stroke-width: 0.01rem;
  -webkit-text-stroke-color: var(--2, #005b41);
  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: 0.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%, #005b41 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.2);
  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.2);
}

.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, #005b41);
  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: 0.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, #005b41);
}

.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.2);
}

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.6);
  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: 0.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: 0.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: 0.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.5);
  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.1);
}

.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: 0.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%, #005b41 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: 0.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, #005b41);
}

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.5);
}

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, #005b41);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
}

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: 0.3s;
}

.swiper-slide-active .product_home .box_img .ht.top {
  transform: scale(1);
  transition-delay: 0.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: 0.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: 0.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: 0.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: 0.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: 1rem;
  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(../assets/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: 4.25rem;
  height: auto;
}

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

footer .logo_footer img {
  width: 7.8rem;
  display: block;
}

.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.2);
}

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: 0.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.2);
  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: 0.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 #005b41;
  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: #005b41;
}

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

#fp-nav ul li .fp-tooltip {
  color: var(--2, #005b41);
  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, #005b41);
  margin-right: 0.5rem;
  transition: 0.3s all;
}

.nav_scroll a {
  display: flex;
  align-items: center;
  color: var(--2, #005b41);
  font-size: 0.8rem;
  font-weight: 500;
  /* 93.75% */
  letter-spacing: -0.024rem;
  transition: 0.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: #003e2d;
  /*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: 0.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: 0.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: 0.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: 0.5;
}
section.banner_page {
  padding-top: 4rem;
}
.td_sec_4_content .inner_content h2 {
  margin-bottom: 0.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: 0.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: 0.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: 0.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, #005b41);
}
.mega_menu {
  position: absolute;
  border-radius: 10px;
  background: #f5f2eb;
  left: -11rem;
  opacity: 0;
  pointer-events: none;
  transition: 0.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: 0.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: 0.9rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.4; /* 138.889% */
  text-transform: unset;
  margin: 0 1rem;
  padding: 0.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: 0.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: 0.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: 0.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: 0.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: 0.1rem 0.4rem;
  font-size: 0.7rem;
  font-weight: 500;
}

.box_map .inner_map .items_map .item .box_content .inner img {
  width: 1.3rem;
  height: auto;
  margin-right: 0.2rem;
  padding: 0.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, #005b41);
  border-color: var(--2, #005b41);
}
.info_product .item:not(:first-child) .title {
  min-width: 5rem;
}
.item_cooking .box_content ul {
  list-style: none;
  margin: 0.5rem -0.1rem 0;
  display: flex;
  color: #fff;
  align-items: flex-start;
  height: 0;
  overflow: hidden;
  transition: 0.4s all;
}

.item_cooking .box_content ul li {
  border: 1px solid var(--3, #fff);
  border-radius: 100px;
  padding: 0 0.4rem;
  font-size: 0.5rem;
  margin: 0 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: 0.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, #005b41);
  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: 0.4s all;
  margin: 0 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: #005b41;
  color: #fff !important;
  border-color: #005b41 !important;
}
.tt-nav-pagination nav a:hover,
.tt-nav-pagination
  nav
  span.relative.z-0.inline-flex.shadow-sm.rounded-md
  > span:hover {
  background: #005b41;
  color: #fff !important;
  border-color: #005b41 !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: 0.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 0.2rem 0.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: 0.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 0.5rem right 0.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: 0.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: 0.6rem;
}

ul.tabs_search li a {
  font-weight: 600;
  padding: 0.4rem 0.9rem;
  border-radius: 0.3rem;
  background: transparent;
  transition: 0.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: 0.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: 0.6rem;
  height: 0.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: 0.2rem 0.6rem;
  opacity: 0;
  pointer-events: none;
  transition: 0.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: 0.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, #005b41);
}

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: 0.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: -0.2rem;
}

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

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

.cdtails_sc_2 .nav_bottom .left ul li {
  margin: 0.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;
}
@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: 0.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: 0.3s;
  }

  .section ul.home_sec_2_video_img li:nth-child(2) {
    top: 80%;
    right: -2%;
    transform: rotate(10deg);
    transition-delay: 0.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: 0.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.2);
  }

  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: 0.85rem;
  }

  .info_footer {
    margin: 0;
  }

  .info_footer .item + .item {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }

  .info_footer .item:first-child {
    padding-top: 0;
  }

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

  .footer_bottom .content {
    font-size: 0.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%,
      #005b41 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: 0.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: 0.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: 0.8rem;
    right: 0.8rem;
    bottom: 0.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 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 0.5rem 1rem;
  }

  .wrap_post_td {
    margin: 0 -0.5rem;
  }

  .item_td ul li {
    font-size: 0.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: 0.6rem;
    height: 0.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: 0.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: 0.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: 0.2rem;
  }

  .wrap_info_form .item {
    width: calc(100% - 1rem);
    margin: 0 0.5rem;
  }

  .wrap_form_tv .wrap_bottom {
    padding: 1.5rem;
    font-size: 1rem;
  }

  .wrap_form_tv .wrap_bottom .content {
    font-size: 0.9rem;
  }

  .box_form textarea::placeholder {
    font-size: 0.8rem;
  }

  .box_form input:not([type="checkbox"]) {
    font-size: 0.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 0.5rem;
  }

  .slider_cooking {
    margin: 0 -0.5rem;
  }
  .slider_blog_product .swiper-slide {
    padding: 0 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: 0.8rem;
  }

  form#filter_cooking .wrap .item + .item {
    margin-top: 0.5rem;
  }

  form#filter_cooking .wrap .item:nth-child(5) {
    width: calc(100% - 5rem);
  }

  form#filter_cooking .wrap button {
    margin-top: 0.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 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: 0.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 0.5rem 1rem;
  }

  .wrap_media {
    margin: 2.5rem -0.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 -0.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%,
      #005b41 50.03%,
      #003e2d 87%
    );
    display: flex;
    align-items: unset;
    transform: translateX(-100%);
    transition: 0.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 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 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: 0.78rem;
  }

  .menu_mobile {
  }

  .box_sub {
    display: none;
  }

  .mega_menu {
    position: unset;
    opacity: 1;
    width: 100%;
    margin-bottom: 0.8rem;
    pointer-events: unset;
  }

  .mega_menu .inner {
    padding: 1rem;
  }

  .mega_menu .inner .product_box {
    width: calc(calc(100% / 2) - 1rem);
    margin: 0.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 0.2rem 0.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: 0.5rem;
    right: 0.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 0.2rem;
    line-height: 1.3;
    height: 2.7rem;
    border-radius: 100px;
    margin: 0 0.2rem 0.4rem;
  }

  .nav_slider_product {
    padding: 0 0.4em;
    margin-top: 0.5rem;
  }
  .item_cooking {
    border-radius: 0.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: 0.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: 0.3rem;
  }
  .like_post.mobile.display_mobie {
    display: inline-flex;
    align-items: center;
    float: left;
    margin: 0.2rem 0.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: 0.5rem;
  }
  ul.sub_language a {
    font-size: 0;
  }
  .default-page-content {
    padding: 4rem 0 4rem;
  }
}
/* --- new code 8/9_ss2 --- */
/* CHỜ: đặt ảnh ở vị trí đích nhưng dịch ra ngoài màn hình bằng transform */
.home_sec_2_video ul.home_sec_2_video_img li {
  opacity: 0;
  will-change: transform, opacity;
}
.home_sec_2_video:not(.in-view) ul.home_sec_2_video_img li:nth-child(1) {
  left: 0%;
  transform: translateX(-80vw) rotate(-19deg);
}
.home_sec_2_video:not(.in-view) ul.home_sec_2_video_img li:nth-child(2) {
  top: 80%;
  right: -2%;
  transform: translateX(80vw) rotate(10deg);
}

/* KÍCH HOẠT: hai ảnh chạy vào CÙNG LÚC */
.home_sec_2_video.in-view ul.home_sec_2_video_img li {
  opacity: 1;
}
.home_sec_2_video.in-view ul.home_sec_2_video_img li:nth-child(1) {
  animation: runin-left 2.2s cubic-bezier(0.18, 0.89, 0.32, 1.28) forwards;
}
.home_sec_2_video.in-view ul.home_sec_2_video_img li:nth-child(2) {
  animation: runin-right 2.2s cubic-bezier(0.18, 0.89, 0.32, 1.28) forwards;
}

@keyframes runin-left {
  0% {
    transform: translateX(-80vw) rotate(-19deg);
  }
  72% {
    transform: translateX(2vw) rotate(-19deg);
  } /* vượt đà nhẹ */
  100% {
    transform: translateX(0) rotate(-19deg);
  }
}
@keyframes runin-right {
  0% {
    transform: translateX(80vw) rotate(10deg);
  }
  72% {
    transform: translateX(-2vw) rotate(10deg);
  } /* vượt đà nhẹ */
  100% {
    transform: translateX(0) rotate(10deg);
  }
}

/* Nếu trước đây có rule tự chạy với .section.active, chặn lại để chỉ theo .in-view */
.section.active .home_sec_2_video ul.home_sec_2_video_img li {
  transition: none;
}

/* --- new code 8/9_ss3 --- */
/* === Stagger fade-in chung cho mọi cụm có .js-stagger === */
.js-stagger {
  --dur: 0.6s;
  --gap: 0.08s;
} /* chỉnh tốc độ ở đây */
.js-stagger > * {
  opacity: 0;
  transform: translateY(20px); /* mặc định: trượt nhẹ lên */
  filter: blur(4px);
  transition: opacity var(--dur) ease, transform var(--dur) ease,
    filter var(--dur) ease;
  will-change: opacity, transform, filter;
}

/* Hướng xuất hiện (tuỳ chọn bằng data-stagger) */
.js-stagger[data-stagger="up"] > * {
  transform: translateY(20px);
}
.js-stagger[data-stagger="down"] > * {
  transform: translateY(-20px);
}
.js-stagger[data-stagger="left"] > * {
  transform: translateX(24px);
}
.js-stagger[data-stagger="right"] > * {
  transform: translateX(-24px);
}

/* Khi vào khung nhìn → kích hoạt */
.js-stagger.in-view > * {
  opacity: 1;
  transform: none;
  filter: blur(0);
}

/* Stagger delay cho 10 phần tử đầu (thêm nếu cần) */
.js-stagger.in-view > *:nth-child(1) {
  transition-delay: calc(var(--gap) * 0);
}
.js-stagger.in-view > *:nth-child(2) {
  transition-delay: calc(var(--gap) * 1);
}
.js-stagger.in-view > *:nth-child(3) {
  transition-delay: calc(var(--gap) * 2);
}
.js-stagger.in-view > *:nth-child(4) {
  transition-delay: calc(var(--gap) * 3);
}
.js-stagger.in-view > *:nth-child(5) {
  transition-delay: calc(var(--gap) * 4);
}
.js-stagger.in-view > *:nth-child(6) {
  transition-delay: calc(var(--gap) * 5);
}
.js-stagger.in-view > *:nth-child(7) {
  transition-delay: calc(var(--gap) * 6);
}
.js-stagger.in-view > *:nth-child(8) {
  transition-delay: calc(var(--gap) * 7);
}
.js-stagger.in-view > *:nth-child(9) {
  transition-delay: calc(var(--gap) * 8);
}
.js-stagger.in-view > *:nth-child(10) {
  transition-delay: calc(var(--gap) * 9);
}

/* Nếu trước đó bạn có rule ẩn/opacity khác, nhớ để block này ở CUỐI file để ghi đè */

/* --- new code 9/9_ss5 --- */
/* ===== HOME SEC 5 — FINAL, minimal & safe ===== */

/* Khung chứa */
section.home_sec_5 .home_sec_5_left .box_img {
  position: relative;
  overflow: visible; /* tránh cắt mép khi scale */
}

/* -------- Trạng thái BAN ĐẦU -------- */
/* Họa tiết: ẩn + scale(0), đặt đúng tâm */
section.home_sec_5 .home_sec_5_left .box_img .hoa_tiet {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0) !important;
  opacity: 0;
  transition: transform 1s cubic-bezier(0.2, 0.7, 0.2, 1), opacity 0.6s ease;
  will-change: transform, opacity;
  z-index: 1; /* dưới đĩa */
  pointer-events: none;
}

/* Đĩa: to sẵn để khi kích hoạt thì zoom-out */
section.home_sec_5 .home_sec_5_left .box_img .img {
  position: relative;
  z-index: 2; /* trên họa tiết */
  transform-origin: 50% 50%;
  transform: scale(1.35) !important; /* chỉnh độ “to” ban đầu tại đây */
  transition: transform 0.9s cubic-bezier(0.2, 0.7, 0.2, 1);
  backface-visibility: hidden;
  will-change: transform;
}

/* -------- TRẠNG THÁI KÍCH HOẠT (khi .sec5-on xuất hiện) -------- */
section.home_sec_5.sec5-on .home_sec_5_left .box_img .hoa_tiet {
  transform: translate(-50%, -50%) scale(1.8) !important; /* bung như video */
  opacity: 1;
  transition-delay: 0.3s, 0.3s; /* giống timing video/product */
}

section.home_sec_5.sec5-on .home_sec_5_left .box_img .img {
  transform: scale(1) !important; /* đĩa zoom-out về 1 */
  transition-delay: 0.1s;
}

/* Không dùng hover cho khu này để tránh giật hiệu ứng */
@media (hover: hover) {
  section.home_sec_5 .home_sec_5_left .box_img:hover .img,
  section.home_sec_5 .home_sec_5_left .box_img:hover .hoa_tiet {
    transform: none;
  }
}

/* Tôn trọng reduce motion */
@media (prefers-reduced-motion: reduce) {
  section.home_sec_5 .home_sec_5_left .box_img .img,
  section.home_sec_5 .home_sec_5_left .box_img .hoa_tiet {
    transition: none !important;
  }
}

/* --- new code 9/9_ss7 --- */
/* =========================================================
   HOME_SEC_7 – Animate 3 khối trong ô đỏ khi tới section
   Kích hoạt bằng class .sec7-on (JS sẽ tự thêm đúng lúc)
   ========================================================= */

/* Trạng thái mặc định: ẩn và đặt hướng trượt vào */
.section.home_sec_7 .home_sec_7_ht {
  position: absolute;
  pointer-events: none;
  z-index: 3;
  opacity: 0;
  will-change: transform, opacity;
}

/* Trái: trượt từ trái vào */
.section.home_sec_7 .home_sec_7_ht.left {
  transform: translate3d(-120px, 0, 0) !important;
  transition: transform 1200ms cubic-bezier(0.2, 0.8, 0.2, 1),
    opacity 420ms ease;
  transition-delay: 120ms;
}

/* Giữa: trượt từ dưới lên */
.section.home_sec_7 .home_sec_7_ht.center {
  transform: translate3d(0, 80px, 0) !important;
  transition: transform 1200ms cubic-bezier(0.2, 0.8, 0.2, 1),
    opacity 420ms ease;
  transition-delay: 300ms;
}

/* Phải: trượt từ phải vào */
.section.home_sec_7 .home_sec_7_ht.right {
  transform: translate3d(120px, 0, 0) !important;
  transition: transform 1200ms cubic-bezier(0.2, 0.8, 0.2, 1),
    opacity 420ms ease;
  transition-delay: 380ms;
}

/* Khi tới section (JS thêm .sec7-on) -> về vị trí gốc + hiện dần */
.section.home_sec_7.sec7-on .home_sec_7_ht {
  transform: translate3d(0, 0, 0) !important;
  opacity: 1 !important;
}

/* Micro float nhẹ như video (chỉ sau khi đã vào chỗ) */
@keyframes floatLeft {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -6px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes floatCenter {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -10px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes floatRight {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -8px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}

.section.home_sec_7.sec7-on .home_sec_7_ht.left img {
  animation: floatLeft 7s ease-in-out 500ms infinite;
}
.section.home_sec_7.sec7-on .home_sec_7_ht.center img {
  animation: floatCenter 8s ease-in-out 700ms infinite;
}
.section.home_sec_7.sec7-on .home_sec_7_ht.right img {
  animation: floatRight 7.5s ease-in-out 600ms infinite;
}

/* Tôn trọng tùy chọn giảm chuyển động của người dùng */
@media (prefers-reduced-motion: reduce) {
  .section.home_sec_7 .home_sec_7_ht {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
  .section.home_sec_7 .home_sec_7_ht img {
    animation: none !important;
  }
}

/* --- new code 11/9 --- */

/* Styling cho header */
.header {
  background-color: var(--main-cl); /* Màu xanh đậm */
  padding: 10px 20px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* Viền dưới nhẹ */
}

.nav-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: var(--container-w); /* Sử dụng container width từ root */
  max-width: 100%;
}

.nav-left,
.nav-right {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}

.nav-left li,
.nav-right li {
  margin: 0 15px;
}

.nav-left a,
.nav-right a {
  color: white;
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  transition: color 0.3s ease;
}

.nav-left a:hover,
.nav-right a:hover {
  color: var(--sub-cl); /* Màu cam khi hover */
}

.logo img {
  height: 40px; /* Điều chỉnh kích thước logo */
  margin: 0 20px;
}

.btn-diem-ban {
  background-color: var(--sub-cl); /* Màu cam */
  color: white;
  padding: 5px 15px;
  border-radius: 20px;
  text-decoration: none;
  font-size: 0.9rem;
  transition: background-color 0.3s ease;
}

.btn-diem-ban:hover {
  background-color: #d65b0d; /* Màu cam đậm hơn khi hover */
}

.nav-icon a {
  color: white;
  margin-left: 10px;
  font-size: 1.2rem;
  text-decoration: none;
}

.nav-icon a:hover {
  color: var(--sub-cl);
}

.nav-icon .icon-cart,
.nav-icon .icon-search {
  /* Thêm icon từ font hoặc file SVG, cần tích hợp thêm */
}

/* Responsive design */
@media (max-width: 1199px) {
  .nav-container {
    flex-direction: column;
    padding: 10px;
  }
  .nav-left,
  .nav-right {
    flex-direction: column;
    width: 100%;
  }
  .nav-left li,
  .nav-right li {
    margin: 10px 0;
  }
  .logo {
    margin: 10px 0;
  }
}

/* --- new code 13/9 --- */

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

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

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

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

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

.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 li:nth-child(2) img {
  width: 18.25rem;
}

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