@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@100;200;300;400;500;600;700;800;900&display=swap");

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@-moz-keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

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

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes shake-anim {
  0% {
    transform: rotate(0) scale(1) skew(1deg);
  }

  10%,
  30% {
    -moz-transform: rotate(-25deg) scale(1) skew(1deg);
  }

  20%,
  40% {
    -moz-transform: rotate(25deg) scale(1) skew(1deg);
  }

  100%,
  50% {
    -moz-transform: rotate(0) scale(1) skew(1deg);
  }
}

@-moz-keyframes shake-anim {
  0% {
    transform: rotate(0) scale(1) skew(1deg);
  }

  10%,
  30% {
    -moz-transform: rotate(-25deg) scale(1) skew(1deg);
  }

  20%,
  40% {
    -moz-transform: rotate(25deg) scale(1) skew(1deg);
  }

  100%,
  50% {
    -moz-transform: rotate(0) scale(1) skew(1deg);
  }
}

@-webkit-keyframes shake-anim {

  0%,
  100%,
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }

  10%,
  30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }

  20%,
  40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
}

@-o-keyframes shake-anim {

  0%,
  100%,
  50% {
    -o-transform: rotate(0) scale(1) skew(1deg);
  }

  10%,
  30% {
    -o-transform: rotate(-25deg) scale(1) skew(1deg);
  }

  20%,
  40% {
    -o-transform: rotate(25deg) scale(1) skew(1deg);
  }
}

/* arguments inittial */
/* font style */
/* site style */
/* [ background-image ]
-------------------------------------------------*/
/* [ writing-mode ]
-------------------------------------------------*/
/* [ easy breakpoint ]
-------------------------------------------------*/
/*-----------------------------------------------------------
clearfix
------------------------------------------------------------*/
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

/*-----------------------------------------------------------
reset
------------------------------------------------------------*/
p {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

input,
textarea {
  margin: 0;
  font-size: 100%;
  resize: none;
}

input[type=text],
input[type=date],
input[type=email],
input[type=number],
input[type=url] {
  word-break: normal;
  white-space: nowrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  appearance: none;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
}

dl,
dt,
dd,
th,
td {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  /*font-size: 100%;*/
  font-weight: normal;
  margin: 0;
  padding: 0;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
dialog {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

img {
  margin: 0;
  padding: 0;
  vertical-align: middle;
  border: 0;
  max-width: 100%;
  height: auto;
}

table img {
  margin: 0;
  padding: 0;
  vertical-align: middle;
  border: 0;
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

nav ul {
  list-style: none;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*:focus {
  outline: none !important;
}

label,
select,
button {
  cursor: pointer;
}

input,
textarea,
select,
button {
  font-family: inherit;
}

/*-----------------------------------------------------------
Link
------------------------------------------------------------*/
a {
  outline: none;
  -webkit-transition: 0.5s ease all;
  -moz-transition: 0.5s ease all;
  -ms-transition: 0.5s ease all;
  -o-transition: 0.5s ease all;
  transition: 0.5s ease all;
  transition: 0.5s ease all;
  cursor: pointer;
}

@media only screen and (min-width: 1025px) {
  a:hover {
    opacity: 0.75;
  }
}

a:link,
a:visited,
a:active {
  color: #3c3c3c;
  text-decoration: none;
}

/*-----------------------------------------------------------
FONT family
------------------------------------------------------------*/
.ffN {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Noto Sans JP", "メイリオ", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.ffM {
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

.ffYG {
  font-family: "游ゴシック体", "游ゴシック", "YuGothic", "Yu Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}

.ffYM {
  font-family: "游明朝体", "游明朝", "YuMincho", "Yu Mincho", "Noto Serif JP", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/*-----------------------------------------------------------
Body
-------------------------------------------------------------*/
html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
  text-size-adjust: 100%;
}

html.is-ipad * {
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none;
  text-size-adjust: none;
}

#wrap {
  display: block;
  overflow: hidden;
  padding-top: 150px;
}

@media (max-width: 767px) {
  #wrap {
    padding-top: 85px;
  }
}

/*-----------------------------------------------------------
COMMON
-------------------------------------------------------------*/
.innerWrap {
  max-width: 1130px;
  padding: 0 25px;
  margin: 0 auto;
}

.innerWrap02 {
  max-width: 1050px;
  padding: 0 25px;
  margin: 0 auto;
}

.innerWrap03 {
  max-width: 1210px;
  padding: 0 25px;
  margin: 0 auto;
}

@media (min-width: 768px) {

  .sp,
  .SP {
    display: none !important;
  }
}

@media (max-width: 767px) {

  .pc,
  .PC {
    display: none !important;
  }
}

:root {
  --color-main: #087b35;
  --color-main2: #ff7108;
}

/* Main */
body {
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 15px;
  font-weight: 400;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

a,
input,
textarea {
  outline: none;
  padding: 0px;
}

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

.w-clear:after {
  display: block;
  content: "";
  clear: both;
}

.hidden {
  display: none;
}

.clear {
  clear: both;
}

.none {
  display: none;
}

.hidden-seoh {
  visibility: hidden;
  height: 0px;
  margin: 0px;
  overflow: hidden;
}

.wrap-content {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0px 15px;
  width: 100%;
}

.wrap-content-detail {
  max-width: 1130px;
  margin: 0 auto;
  padding: 0px 15px;
  width: 100%;
}

.wrap-home {
  margin: 0 auto 0;
}

/* Transition All */
.transition {
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

/* Scale IMG */
.scale-img {
  overflow: hidden;
  display: block;
  -webkit-transition: 0.5s !important;
  -moz-transition: 0.5s !important;
  -o-transition: 0.5s !important;
  transition: 0.5s !important;
}

.scale-img img {
  -moz-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: 0.5s !important;
  -moz-transition: 0.5s !important;
  -o-transition: 0.5s !important;
  transition: 0.5s !important;
}

.scale-img:hover>img {
  -moz-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.box-btn {
  margin-top: 20px;
}

/* General */
.title-main span {
  font-size: 20px;
  font-size: 2rem;
  display: inline-block;
  font-weight: bold;
  margin-bottom: 20px;
}

.time-main {
  margin: 10px 0;
  color: #777;
}

.time-main i {
  margin-right: 5px;
}

.share {
  padding: 17px 0 10px 0;
  line-height: normal;
  /* background: rgba(128, 128, 128, 0.15); */
  border-radius: 5px;
}

.share b {
  display: block;
  margin-bottom: 5px;
}

.control-owl {
  position: absolute;
  width: 100%;
  z-index: 2;
  left: 0px;
  top: calc(50% - 22.5px);
}

.control-owl button {
  opacity: 0.5;
  top: 0px;
  position: absolute;
  outline: none;
  border: 0px;
  padding: 0px;
  margin: 0px;
  display: block;
  cursor: pointer;
  color: #ffffff;
  width: 45px;
  height: 45px;
  text-align: center;
  font-size: 25px;
  margin: 0px;
  background-color: var(--color-main2);
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
}

.control-owl button:hover {
  opacity: 1;
}

.control-owl button.owl-prev {
  left: 0;
}

.control-owl button.owl-next {
  right: 0;
}

.form-control,
.form-control-plaintext:not(textarea),
.custom-select {
  height: calc(1em + 1.25rem + 8px);
}

.custom-form-row {
  margin-right: -10px;
  margin-left: -10px;
}

.custom-form-row>.col,
.custom-form-row>[class*=col-] {
  padding-right: 10px;
  padding-left: 10px;
}

.text-sm {
  font-size: 17px !important;
}

.tuvan-input {
  margin-bottom: 20px;
}

/* Lazyload */
img.lazy {
  opacity: 0;
}

img:not(.initial) {
  transition: opacity 1s;
}

img.initial,
img.loaded,
img.error {
  opacity: 1;
}

img:not([src]) {
  visibility: hidden;
}

/* Header */
.header {
  background: #fff;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 12;
}

@media (max-width: 767px) {
  .header {
    position: sticky;
  }
}

.header .d-flex {
  justify-content: space-between;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .header .d-flex {
    justify-content: center;
  }
}

.header.fixed {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 12;
  box-shadow: 0 0px 9px 1px rgba(255, 255, 255, 0.2);
}

.header-top {
  padding: 26px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

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

@media only screen and (max-width: 767px) {
  .header-top {
    display: none;
  }
}

.header-top .cont-left {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.cont-right {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .cont-right {
    padding: 20px;
  }
}

.cont-right li {
  font-size: 18px;
  font-size: 1.8rem;
}

.cont-right li i {
  margin-right: 10px;
  color: var(--color-main2);
}

.cont-right li.giolamviec {
  border-right: 1px solid #C8C8C8;
  padding-right: 25px;
}

.cont-right li.hotline {
  padding-left: 25px;
}

.header-bottom {
  transition: 0.3s;
  background: var(--color-main);
}

@media only screen and (max-width: 767px) {
  .header-bottom {
    display: none;
  }
}

.header-bottom .box-search {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  align-items: center;
  width: 40%;
}

.header-bottom .box-search .search {
  position: relative;
  width: 100%;
  max-width: 342px;
}

.header-bottom .box-search .search input {
  background: #fff;
  border: 1px solid #fff;
  height: 37px;
  border-radius: 30px;
  width: 100%;
  padding: 0 15px;
}

.header-bottom .box-search .search p {
  position: absolute;
  top: 3px;
  right: 3px;
  background: var(--color-main2) url(../images/icon-search.png) no-repeat center;
  background-size: 25px 25px;
  width: 36px;
  height: calc(100% - 6px);
  border-radius: 50%;
}

.header-bottom .social ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  align-items: center;
  margin-left: 20px;
}

.header-bottom .social ul li {
  margin: 0 5px;
}

.logo-header img {
  max-height: 65px;
}

@media only screen and (max-width: 991px) {
  .logo-header img {
    max-height: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .logo-header img {
    max-height: 45px;
  }
}

.social-header {
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 1199px) {
  .social-header {
    display: none;
  }
}

.social-header li {
  margin-left: 15px;
  width: 30px;
}

.breadCrumbs {
  background-color: transparent;
}

.breadCrumbs-sub .breadcrumb {
  margin-bottom: 0;
}

.breadCrumbs li a {
  color: #333;
}

.breadCrumbs .breadcrumb {
  background: transparent;
  padding: 0.75rem 0;
}

/* Menu */
.menu {
  position: relative;
  z-index: 100;
}

@media only screen and (max-width: 767px) {
  .menu {
    display: none;
  }
}

.menu ul {
  width: 100%;
  padding: 0px;
  margin: auto;
  list-style: none;
}

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

.menu ul li {
  position: relative;
  z-index: 1;
}

.menu ul li:not(:last-child) {
  padding-right: 47px;
}

@media only screen and (max-width: 1450px) {
  .menu ul li:not(:last-child) {
    padding-right: 20px;
  }
}

@media only screen and (max-width: 1200px) {
  .menu ul li:not(:last-child) {
    padding-right: 10px;
  }
}

.menu ul li a {
  display: block;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  color: #000;
  padding: 13px 0;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  text-transform: uppercase;
  transition: 0.3s;
  font-weight: 600;
}

.menu ul li a i {
  margin-right: 7px;
}

@media only screen and (max-width: 1200px) {
  .menu ul li a {
    font-size: 15px;
    font-size: 1.5rem;
  }
}

@media only screen and (max-width: 991px) {
  .menu ul li a {
    font-size: 14px;
  }
}

.menu ul li a.active,
.menu ul li a:hover {
  color: var(--color-main);
  border-bottom: 1px solid;
}

.menu ul li a.has-child {
  padding-right: 16px;
  margin-right: 8px;
}

.menu ul li a.has-child:after {
  content: "";
  position: absolute;
  bottom: calc(50% - 2px);
  right: 5px;
  width: 5px;
  height: 5px;
  border: 1px solid #000;
  border-top: 0px;
  border-left: 0px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.menu ul li a:hover {
  opacity: 1;
}

.menu ul li ul {
  position: absolute;
  min-width: 250px;
  background-color: #fafafa;
  border-radius: 0.25rem;
  -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);
  -webkit-transform: perspective(600px) rotateX(-90deg);
  transform: perspective(600px) rotateX(-90deg);
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  opacity: 0;
  visibility: hidden;
}

.menu ul li:hover>ul {
  -webkit-transform: perspective(600px) rotateX(0);
  transform: perspective(600px) rotateX(0);
  transform-origin: 0 0 0;
  -webkit-transform-origin: 0 0 0;
  opacity: 1;
  visibility: visible;
}

.menu ul li ul li {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.menu ul li ul li a {
  font-size: 14px;
  color: #313131;
  border-top: 1px solid #ececec;
  padding: 10px 0;
  text-transform: capitalize;
  border-radius: 0;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
}

.menu ul li ul li a.has-child {
  margin-right: 0px;
}

.menu ul li ul li a.has-child:after {
  border-color: #313131;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.menu ul li ul li a.active {
  color: var(--color-main);
}

.menu ul li ul li a.active.has-child:after {
  border-color: var(--color-main);
}

.menu ul li ul li:last-child>a {
  border-bottom: 0px;
}

.menu ul li ul li:hover:last-child>a {
  border-bottom: 0px;
}

.menu ul li ul li:hover>a {
  color: var(--color-main);
}

.menu ul li ul li:not(:last-child) {
  border-bottom: 1px solid #ececec;
}

.menu ul li ul li ul {
  top: -0.75rem;
  left: 100%;
  margin-top: 0px;
}

.c-btn a,
.c-btn button {
  padding: 10px 28px;
  line-height: 21px;
  background: var(--color-main);
  color: #fff;
  border: 1px solid var(--color-main);
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  text-transform: uppercase;
  transition: 0.3s;
  cursor: pointer;
}

@media only screen and (min-width: 1025px) {

  .c-btn a:hover,
  .c-btn button:hover {
    background: #fff;
    color: var(--color-main);
    opacity: 1;
  }
}

@media only screen and (max-width: 1366px) {

  .c-btn a,
  .c-btn button {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

/* Mmenu */
.menu-res {
  height: 55px;
  z-index: 100;
  background: #fff;
  position: relative;
  display: none;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

@media only screen and (max-width: 767px) {
  .menu-res {
    display: block;
  }
}

.menu-bar-res {
  height: 55px;
  padding: 0px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#menu {
  display: none;
}

#hamburger {
  display: block;
  width: 45px;
  height: 23px;
  position: relative;
}

#hamburger:before,
#hamburger:after,
#hamburger span {
  background: var(--color-main);
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0px;
}

#hamburger:before {
  top: 0px;
}

#hamburger span {
  top: 10px;
}

#hamburger:after {
  top: 20px;
}

#hamburger:before,
#hamburger:after,
#hamburger span {
  -webkit-transition: none 0.5s ease 0.5s;
  transition: none 0.5s ease 0.5s;
  -webkit-transition-property: transform, top, bottom, left, opacity;
  transition-property: transform, top, bottom, left, opacity;
}

.mm-wrapper_opening #hamburger:before,
.mm-wrapper_opening #hamburger:after {
  top: 10px;
}

.mm-wrapper_opening #hamburger span {
  left: -50px;
  opacity: 0;
}

.mm-wrapper_opening #hamburger:before {
  transform: rotate(45deg);
}

.mm-wrapper_opening #hamburger:after {
  transform: rotate(-45deg);
}

.mm-menu_opened {
  display: block !important;
}

.mm-slideout {
  z-index: unset;
}

/* Search Responsive */
.search-res {
  position: relative;
}

.search-res .icon-search {
  width: 40px;
  height: 40px;
  cursor: pointer;
  text-align: center;
  line-height: 42px;
  color: var(--color-main);
  font-size: 17px;
  margin: 0px;
  border: 1px solid var(--color-main);
  border-radius: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.search-res .icon-search.active {
  border: 1px solid var(--color-main);
  border-radius: 100%;
}

.search-res .search-grid {
  position: absolute;
  top: 50px;
  right: 0px;
  width: 0px;
  height: 40px;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--color-main);
  z-index: 2;
  opacity: 0;
  border-radius: 25px;
  line-height: normal;
}

.search-res .search-grid p {
  float: left;
  width: 35px;
  height: 38px;
  cursor: pointer;
  outline: none;
  border: none;
  margin: 0px;
  font-size: 17px;
  display: block;
  color: var(--color-main);
  line-height: 40px;
  text-align: center;
}

.search-res .search-grid input {
  width: calc(100% - 35px);
  float: right;
  line-height: 38px;
  outline: none;
  border: none;
  color: #179B42;
}

.search-res .search-grid input::-webkit-input-placeholder {
  color: #313131;
}

.search-res .search-grid input:-moz-placeholder {
  color: #313131;
}

.search-res .search-grid input::-moz-placeholder {
  color: #313131;
}

.search-res .search-grid input:-ms-input-placeholder {
  color: #313131;
}

.slideshow {
  position: relative;
}

.slideshow::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: url(../images/bg-slider.png) no-repeat bottom center;
  background-size: 100% auto;
}

.slideshow.slidenone {
  margin-bottom: 40px;
  padding: 0;
}

.slideshow.slidenone .info-slideshow {
  display: none;
}

@media (max-width: 767px) {
  .slideshow .row-direction {
    flex-direction: column-reverse;
  }
}

.slideshow-image {
  position: relative;
  overflow: hidden;
  display: block;
}

.slideshow-image:hover {
  opacity: 1;
}

.slideshow-item2 {
  position: relative;
}

.slideshow-item2::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 90.2777777778%;
  height: 100%;
  content: "";
  background: linear-gradient(90deg, #F2F7FB 0%, rgba(242, 247, 251, 0) 100%);
  z-index: 2;
}

.slideshow-item .row {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  align-items: center;
}

.slideshow-item .wrap-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  z-index: 2;
}

.info-slideshow {
  display: flex;
  align-items: center;
  opacity: 0;
  -webkit-transform: translate(150px, 0);
  -moz-transform: translate(150px, 0);
  -ms-transform: translate(150px, 0);
  -o-transform: translate(150px, 0);
  transform: translate(150px, 0);
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
  max-width: 620px;
}

@media (max-width: 767px) {
  .info-slideshow {
    margin-top: 20px;
  }
}

.info-slideshow .ttl {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.6111111111em;
  font-weight: 700;
  color: var(--color-main);
  text-transform: uppercase;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1366px) {
  .info-slideshow .ttl {
    font-size: 20px;
    font-size: 2rem;
  }
}

@media (max-width: 767px) {
  .info-slideshow .ttl {
    font-size: 15px;
    font-size: 1.5rem;
  }
}

.info-slideshow .desc {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.6470588235em;
}

@media only screen and (max-width: 1366px) {
  .info-slideshow .desc {
    font-size: 15px;
    font-size: 1.5rem;
  }
}

@media (max-width: 767px) {
  .info-slideshow .desc {
    font-size: 15px;
    font-size: 1.5rem;
  }
}

.info-slideshow-info {
  max-width: 820px;
}

.owl-item.active .info-slideshow {
  opacity: 1;
  -webkit-transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  transition-delay: 0.8s;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.stat-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  width: 100%;
}

.stat-item {
  min-width: 0;
  min-height: 145px;
  padding: 24px 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  background: #fff;
  border-radius: 7px;
  border: 1px dashed #A2A2A2;
}

@media only screen and (max-width: 1300px) {
  .stat-item {
    padding: 15px;
  }
}

.stat-item__icon {
  width: 82px;
  height: 82px;
  flex: 0 0 82px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #f2f7fb;
  color: #073e92;
  font-size: 34px;
}

@media only screen and (max-width: 1300px) {
  .stat-item__icon {
    width: 65px;
    height: 65px;
    flex: 0 0 65px;
  }
}

.stat-item__content {
  min-width: 0;
}

.stat-item__number {
  margin-bottom: 8px;
  color: #073e92;
  font-size: 35px;
  font-size: 3.5rem;
  line-height: 1;
  font-weight: 700;
  white-space: nowrap;
}

.stat-item__number--small {
  font-size: 25px;
  font-size: 2.5rem;
}

.stat-item__label {
  color: #242424;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.4117647059em;
  font-weight: 400;
  text-transform: uppercase;
}

.stat-item--active {
  background: var(--color-main);
  border: 1px solid var(--color-main);
}

.stat-item--active .stat-item__number,
.stat-item--active .stat-item__label {
  color: #fff;
}

.stat-item--active .stat-item__icon {
  background: #f2f7fb;
  color: #0a3e91;
}

/* Tablet */
@media (max-width: 1199px) {
  .stat-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobile */
@media (max-width: 575px) {
  .stat-list {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .stat-item {
    min-height: 120px;
    padding: 20px;
  }

  .stat-item__icon {
    width: 68px;
    height: 68px;
    flex-basis: 68px;
    font-size: 28px;
  }

  .stat-item__number {
    font-size: 30px;
  }

  .stat-item__number--small {
    font-size: 24px;
  }

  .stat-item__label {
    font-size: 15px;
  }
}

.wrap-statistics {
  background-color: #fff;
  padding: 100px 0;
}

@media (max-width: 767px) {
  .wrap-statistics {
    padding: 50px 0;
  }
}

:root {
  --capacity-blue: #0b4095;
  --capacity-blue-dark: #083984;
  --capacity-light: #f2f7fb;
  --capacity-text: #353535;
  --capacity-border: #E6E6E6;
}

.capacity-section {
  width: 100%;
  padding: 100px 0 0;
  margin-bottom: -100px;
  position: relative;
  z-index: 2;
}

.capacity-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  min-height: 500px;
}

.capacity-main__image {
  min-width: 0;
  overflow: hidden;
  margin-right: 35px;
}

.capacity-main__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.capacity-main__content {
  padding: 62px 25px 48px;
  background: var(--capacity-light);
}

.capacity-main__eyebrow {
  margin-bottom: 22px;
  color: #4D4D4D;
  font-size: 22px;
  line-height: 1.3;
  font-weight: 600;
  text-transform: uppercase;
}

.capacity-main__title {
  margin: 0 0 28px;
  color: var(--color-main);
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.25;
  font-weight: 800;
  text-transform: uppercase;
}

.capacity-main__desc {
  max-width: 690px;
  margin: 0;
  color: var(--capacity-text);
  font-size: 17px;
  line-height: 1.65;
}

.capacity-features {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 46px;
}

.capacity-feature {
  position: relative;
  min-width: 0;
  padding: 0 10px;
  text-align: center;
}

.capacity-feature:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 6px;
  right: 0;
  width: 1px;
  height: 100%;
  background: #d3dce7;
}

.capacity-feature__icon {
  min-height: 50px;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-main);
  font-size: 37px;
}

.capacity-feature__icon img {
  object-fit: contain;
  max-height: 50px;
}

.capacity-feature__name {
  color: var(--color-main);
  font-size: 16px;
  line-height: 1.35;
  font-weight: 600;
  text-transform: uppercase;
}

.capacity-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 95px;
}

.capacity-card {
  min-width: 0;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid var(--capacity-border);
}

.capacity-card__title {
  margin: 0;
  padding: 20px 24px;
  background: var(--color-main);
  color: #fff;
  font-size: 22px;
  line-height: 1.3;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.capacity-card__body {
  position: relative;
  min-height: 235px;
  padding: 32px 24px 30px;
}

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

.capacity-card__body ul li {
  position: relative;
  margin-bottom: 21px;
  padding-left: 30px;
  color: #333;
  font-size: 15px;
  line-height: 1.45;
}

.capacity-card__body ul li:last-child {
  margin-bottom: 0;
}

.capacity-card__body ul li::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 21px;
  height: 21px;
  background: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5049 0.577148C15.9982 0.577214 20.4316 4.94189 20.4316 10.3018C20.4316 15.6616 15.9981 20.0253 10.5049 20.0254C5.01157 20.0254 0.577218 15.6616 0.577148 10.3018C0.577148 4.94185 5.01153 0.577148 10.5049 0.577148Z" stroke="%23043489" stroke-width="1.155"/><path d="M16.3057 6.66656C16.2481 6.63433 16.1954 6.59492 16.1402 6.5592C15.9646 6.44562 15.7885 6.33244 15.6126 6.21906C15.6143 6.2311 15.6152 6.24274 15.615 6.25401C15.615 6.24274 15.6143 6.2311 15.6126 6.21906C15.5465 6.17577 15.4807 6.13267 15.4146 6.08937C15.2334 5.96997 15.052 5.85096 14.8714 5.73079C14.8373 5.70807 14.8279 5.73564 14.8153 5.75156C14.7595 5.82087 14.7051 5.89115 14.6503 5.96104C14.0697 6.69995 13.489 7.43867 12.9085 8.17777C12.7974 8.31911 12.6874 8.46103 12.577 8.60256C12.5113 8.68507 12.4459 8.76758 12.3802 8.85009C12.3551 8.88348 12.3299 8.91687 12.3048 8.95027C12.2809 8.97453 12.2585 8.99977 12.2436 9.02967C12.2091 9.06054 12.1837 9.09782 12.159 9.13529C12.1387 9.16052 12.1187 9.18576 12.0984 9.211C12.0846 9.21896 12.0771 9.231 12.0722 9.24459C12.0524 9.26439 12.0332 9.28478 12.0223 9.31021C11.9671 9.36709 11.9219 9.43058 11.8761 9.49367C11.8597 9.51522 11.843 9.53677 11.8266 9.55852C11.8196 9.56512 11.8115 9.57094 11.8057 9.57832C11.4625 10.0146 11.1195 10.451 10.7765 10.8874C10.4766 11.2691 10.1762 11.6504 9.87691 12.0325C9.85282 12.0632 9.83896 12.0736 9.80742 12.0368C9.40323 11.5648 8.99756 11.0942 8.59231 10.623C8.17193 10.1342 7.7507 9.64588 7.33266 9.15548C7.29237 9.1083 7.26956 9.11315 7.22437 9.14577C6.95747 9.33894 6.68823 9.5294 6.41984 9.72102C6.23395 9.85362 6.04849 9.9868 5.86217 10.119C5.83489 10.1384 5.82508 10.1524 5.8513 10.1809C5.91312 10.2483 5.9711 10.3188 6.03058 10.3881C6.50788 10.9431 6.98476 11.4986 7.46248 12.0535C7.67523 12.3006 7.88947 12.547 8.10286 12.7935C8.15466 12.8537 8.20647 12.9141 8.25827 12.9743C8.26061 12.9811 8.26402 12.9867 8.27298 12.9869L8.2717 12.9883C8.27873 13.0176 8.30644 13.0333 8.32499 13.0548C8.83853 13.653 9.35356 14.25 9.86604 14.8489C9.9042 14.8936 9.91976 14.8856 9.95046 14.8458C10.1184 14.6288 10.2881 14.4131 10.4578 14.1972C11.0696 13.4187 11.6812 12.6402 12.2935 11.8622C12.9249 11.0598 13.5572 10.2578 14.1884 9.45543C14.6714 8.84155 15.1537 8.22689 15.6363 7.61281C15.8644 7.32238 16.092 7.03174 16.3221 6.74247C16.3515 6.70558 16.3462 6.68986 16.3054 6.66714L16.3057 6.66656ZM14.3039 7.22103C14.295 7.21288 14.2869 7.20395 14.2801 7.19444C14.2871 7.20395 14.295 7.21288 14.3039 7.22103ZM14.571 7.48914C14.5685 7.48817 14.5655 7.48604 14.5632 7.48546C14.5655 7.48604 14.5685 7.48798 14.571 7.48914Z" fill="%23043489"/></svg>') no-repeat left center;
}

.capacity-card:first-child .capacity-card__body ul {
  max-width: calc(100% - 100px);
}

.capacity-card__certificate {
  position: absolute;
  right: 18px;
  bottom: 30px;
  width: 82px;
  height: auto;
  object-fit: contain;
}

.capacity-market {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: var(--color-main) !important;
  text-decoration: none;
  text-align: center;
}

.capacity-market img {
  display: block;
  width: 100%;
  max-height: 180px;
  margin: auto;
  object-fit: contain;
}

.capacity-market span {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}

.capacity-market i {
  margin-left: 5px;
  transition: transform 0.25s ease;
}

.capacity-market:hover i {
  transform: translateX(5px);
}

.capacity-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-top: 95px;
  padding: 45px 54px;
  border-radius: 8px;
  background: linear-gradient(105deg, #3e6daf 0%, #0c4094 72%, #083984 100%);
}

.capacity-cta__content h2 {
  margin: 0 0 14px;
  color: #fff;
  font-size: 41px;
  font-size: 4.1rem;
  line-height: 1.5;
  font-weight: 700;
  text-transform: uppercase;
}

.capacity-cta__content p {
  margin: 0;
  color: #fff;
  font-size: 21px;
  line-height: 1.5;
}

.capacity-cta__button {
  flex: 0 0 auto;
  min-width: 270px;
  padding: 20px 28px;
  border-radius: 7px;
  background: #fff;
  color: var(--color-main) !important;
  font-size: 17px;
  line-height: 1.3;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.capacity-cta__button i {
  margin-left: 7px;
}

.capacity-cta__button:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

@media (max-width: 1199px) {
  .capacity-main__content {
    padding: 45px 30px;
  }

  .capacity-features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px 0;
  }

  .capacity-feature:nth-child(2)::after {
    display: none;
  }

  .capacity-feature__name {
    font-size: 14px;
  }

  .capacity-cards {
    margin-top: 60px;
  }

  .capacity-card__title {
    font-size: 18px;
  }
}

@media (max-width: 991px) {
  .capacity-main {
    grid-template-columns: 1fr;
  }

  .capacity-main__image {
    height: 480px;
  }

  .capacity-cards {
    grid-template-columns: 1fr;
  }

  .capacity-card:not(:last-child) {
    border-right: 0;
    border: 1px solid var(--capacity-border);
  }

  .capacity-card__body {
    min-height: auto;
  }

  .capacity-card:first-child .capacity-card__body ul {
    max-width: calc(100% - 100px);
  }

  .capacity-card--market .capacity-card__body {
    min-height: 280px;
  }

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

  .capacity-cta__button {
    min-width: 0;
  }
}

@media (max-width: 575px) {
  .capacity-section {
    padding-bottom: 40px;
  }

  .capacity-main__image {
    height: 320px;
  }

  .capacity-main__content {
    padding: 35px 20px;
  }

  .capacity-main__eyebrow {
    margin-bottom: 15px;
    font-size: 16px;
  }

  .capacity-main__title {
    margin-bottom: 20px;
    font-size: 28px;
  }

  .capacity-main__desc {
    font-size: 15px;
  }

  .capacity-features {
    margin-top: 35px;
  }

  .capacity-feature {
    padding: 0 12px;
  }

  .capacity-feature:not(:last-child)::after {
    height: 80px;
  }

  .capacity-feature:nth-child(2)::after {
    display: none;
  }

  .capacity-feature__icon {
    font-size: 30px;
  }

  .capacity-feature__name {
    font-size: 14px;
  }

  .capacity-cards {
    margin-top: 40px;
  }

  .capacity-card__title {
    padding: 16px;
    font-size: 17px;
  }

  .capacity-card__body {
    padding: 25px 18px;
  }

  .capacity-card:first-child .capacity-card__body ul {
    max-width: 100%;
    padding-bottom: 115px;
  }

  .capacity-card__certificate {
    right: auto;
    left: 48px;
    bottom: 20px;
  }

  .capacity-cta {
    margin-top: 40px;
    padding: 32px 22px;
  }

  .capacity-cta__content h2 {
    font-size: 27px;
  }

  .capacity-cta__content p {
    font-size: 15px;
  }

  .capacity-cta__button {
    width: 100%;
    padding: 17px 20px;
    font-size: 15px;
  }
}

:root {
  --solution-text: #3C3C3C;
  --solution-border: #dce3ea;
}

.product-solution {
  padding: 80px 0 95px;
  background: #F2F7FB;
}

.product-solution .container {
  margin: 0 auto;
}

/* Heading */
.product-solution__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 62px;
}

.title-global {
  margin: 0;
  color: var(--color-main);
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 700;
  text-transform: uppercase;
}

/* Grid */
.product-solution__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

/* Card */
.product-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--solution-border);
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 2px 5px rgba(9, 45, 90, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.product-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(9, 45, 90, 0.14);
}

/* Image */
.product-card__image {
  display: block;
  height: 245px;
  overflow: hidden;
  background: #eef2f6;
}

.product-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s ease;
}

.product-card:hover .product-card__image img {
  transform: scale(1.05);
}

/* Content */
.product-card__content {
  min-height: 200px;
  padding: 27px 15px 28px;
  display: flex;
  flex-direction: column;
}

.product-card__title {
  margin: 0 0 15px;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-main);
}

.product-card__title a {
  color: var(--color-main);
  text-decoration: none;
}

.product-card__desc {
  margin: 0 0 18px;
  color: var(--solution-text);
  font-size: 16px;
  line-height: 1.65;
}

.product-card__link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  width: fit-content;
  margin-top: auto;
  color: var(--color-main);
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
  text-decoration: none;
  text-transform: capitalize;
}

.product-card__link i {
  font-size: 14px;
  transition: transform 0.25s ease;
}

.product-card__link:hover i {
  transform: translateX(5px);
}

@media (max-width: 1199px) {
  .product-solution {
    padding: 70px 0 80px;
  }

  .product-solution__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px;
  }

  .product-card__image {
    height: 280px;
  }
}

@media (max-width: 767px) {
  .product-solution {
    padding: 50px 0 60px;
  }

  .product-solution__heading {
    align-items: flex-start;
    margin-bottom: 35px;
  }

  .title-global {
    font-size: 28px;
  }

  .product-solution__view-all {
    min-height: 44px;
    padding: 12px 18px;
    font-size: 14px;
  }
}

@media (max-width: 575px) {
  .product-solution__heading {
    flex-direction: column;
  }

  .product-solution__grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .product-card__image {
    height: 245px;
  }

  .product-card__content {
    min-height: auto;
    padding: 24px 18px;
  }

  .product-card__title {
    margin-bottom: 14px;
    font-size: 19px;
  }

  .product-card__desc {
    font-size: 15px;
  }
}

:root {
  --footer-bg: #F2F7FB;
  --footer-text: #525252;
  --footer-border: #d9e0e8;
}

.site-footer {
  padding: 200px 0 75px;
  background: var(--footer-bg);
}

.container {
  margin: 0 auto;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr 1fr;
  gap: 90px;
  align-items: start;
}

/* Tiêu đề */
.footer-title {
  margin: 0 0 30px;
  color: var(--color-main);
  font-size: 22px;
  line-height: 1.3;
  font-weight: 800;
  text-transform: uppercase;
}

/* Cột giới thiệu */
.footer-logo {
  display: inline-block;
  margin-bottom: 34px;
}

.footer-logo img {
  display: block;
  width: 328px;
  max-width: 100%;
  height: auto;
}

.footer-description {
  max-width: 430px;
  margin: 0;
  color: var(--footer-text);
  font-size: 17px;
  line-height: 1.7;
}

/* Liên hệ */
.footer-contact-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-contact-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 25px;
  color: var(--footer-text);
  font-size: 17px;
  line-height: 1.5;
}

.footer-contact-list li:last-child {
  margin-bottom: 0;
}

.footer-contact-list a {
  color: inherit;
  text-decoration: none;
  transition: color 0.25s ease;
}

.footer-contact-list a:hover {
  color: var(--color-main);
}

.footer-contact-icon {
  width: 27px;
  height: 27px;
  flex: 0 0 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--color-main);
  color: #fff;
  font-size: 14px;
}

/* Mạng xã hội */
.footer-social-list {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 38px;
}

.footer-social-list a {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--footer-border);
  border-radius: 50%;
  background: transparent;
  color: var(--color-main);
  font-size: 21px;
  text-decoration: none;
  transition: color 0.25s ease, background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.footer-social-list a:first-child {
  border-color: var(--color-main);
  background: var(--color-main);
  color: #fff;
}

.footer-social-list a:hover {
  border-color: var(--color-main);
  background: var(--color-main);
  color: #fff;
  transform: translateY(-3px);
}

.footer-social-list .footer-social-zalo {
  background: url('data:image/svg+xml,<svg width="30" height="13" viewBox="0 0 30 13" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1_1170)"><path d="M9.62482 11.6184C9.60259 12.3161 9.15808 12.7952 8.4427 12.8162C6.17709 12.883 3.91148 12.9168 1.64657 12.8057C1.39445 12.7929 1.14024 12.7689 0.89507 12.6795C0.214415 12.4317 -0.10577 11.8377 0.0310551 11.0717C0.102593 10.6685 0.277619 10.3193 0.50543 10.0001C2.07858 7.79077 3.65381 5.5837 5.22765 3.37587C5.36795 3.17987 5.59437 2.95008 5.48393 2.72779C5.39573 2.55057 5.10193 2.67222 4.89774 2.67372C3.77674 2.68123 2.65366 2.72104 1.53544 2.61365C0.968692 2.55883 0.425557 2.39362 0.240808 1.69147C0.066477 1.02762 0.335266 0.461394 0.927714 0.212075C1.36736 0.0273385 1.8334 0.00856451 2.29389 0.00781355C4.10943 0.0048097 5.92497 0.0160741 7.74121 0.0295914C8.22322 0.0333462 8.69274 0.108442 9.03584 0.534988C9.45882 1.06066 9.49007 1.73127 9.05876 2.40188C8.5184 3.24295 7.93846 4.05549 7.36615 4.87254C6.2146 6.51714 5.05679 8.15574 3.90245 9.79884C3.84203 9.88445 3.75451 9.95729 3.74479 10.1375C5.16236 10.1375 6.56187 10.136 7.96068 10.1398C8.15655 10.1398 8.3538 10.151 8.54758 10.1818C9.26643 10.2945 9.64982 10.8111 9.62482 11.6184Z" fill="%23043489"/><path d="M17.6826 8.25033C17.6826 7.22527 17.6875 6.19945 17.6805 5.17364C17.6771 4.58639 17.4611 4.12605 16.9332 3.90076C16.4262 3.68449 15.9525 3.73029 15.5733 4.19814C15.367 4.45272 15.1823 4.40916 14.942 4.2417C13.6987 3.37509 12.2068 3.41038 11.0581 4.40165C9.55783 5.69556 9.11888 7.43704 9.50227 9.40831C10.0558 12.2575 12.8041 13.89 15.01 12.2207C15.2135 12.0667 15.4024 12.108 15.567 12.2988C15.9671 12.7636 16.4443 12.8267 16.9596 12.5841C17.4909 12.3341 17.6875 11.8564 17.684 11.2527C17.6792 10.2516 17.6826 9.25136 17.6826 8.25033ZM15.0691 9.15148C14.8294 9.93248 14.2891 10.3748 13.5508 10.3906C12.8479 10.4056 12.2471 9.94374 12.0117 9.17851C11.7915 8.4636 11.8102 7.75244 12.1207 7.06832C12.4117 6.4285 12.8944 6.0793 13.557 6.08756C14.2189 6.09657 14.6891 6.46304 14.9732 7.10511C15.135 7.47158 15.1975 7.86283 15.1878 8.29538C15.1941 8.56949 15.1566 8.86461 15.0691 9.15148Z" fill="%23043489"/><path d="M25.6095 3.65967C23.1418 3.65667 21.4255 5.53933 21.4297 8.24429C21.4346 10.9207 23.1598 12.8642 25.5546 12.8905C27.93 12.916 29.7392 10.9222 29.751 8.26531C29.7629 5.60166 28.0189 3.66192 25.6095 3.65967ZM27.0013 9.43381C26.6957 10.0744 26.2026 10.3965 25.5477 10.3838C24.8594 10.3703 24.3593 10.0038 24.103 9.3069C23.8502 8.61977 23.8509 7.91462 24.0968 7.22448C24.3593 6.48854 24.9344 6.06875 25.6116 6.08227C26.2658 6.09579 26.818 6.53886 27.077 7.25377C27.1923 7.57143 27.2278 7.90485 27.2569 8.24053C27.2257 8.65206 27.1812 9.05833 27.0013 9.43381Z" fill="%23043489"/><path d="M20.7908 4.4351C20.7908 6.6234 20.7922 8.8117 20.7894 10.9992C20.7887 11.1982 20.7755 11.3995 20.745 11.5955C20.6213 12.3818 20.1859 12.7362 19.4205 12.6859C18.8016 12.6461 18.3696 12.1377 18.3654 11.395C18.355 9.71961 18.362 8.04497 18.362 6.36957C18.3613 4.7077 18.3557 3.04507 18.3634 1.38244C18.3682 0.324339 19.1142 -0.241886 20.0331 0.0990504C20.5199 0.280032 20.7852 0.721597 20.7894 1.39746C20.7957 2.40976 20.7908 3.4228 20.7908 4.4351Z" fill="%23043489"/></g><defs><clipPath id="clip0_1_1170"><rect width="29.7502" height="12.8917" fill="white"/></clipPath></defs></svg>') no-repeat center center;
}

.footer-social-list .footer-social-zalo:hover {
  background: var(--color-main) url('data:image/svg+xml,<svg width="30" height="13" viewBox="0 0 30 13" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1_1170)"><path d="M9.62482 11.6184C9.60259 12.3161 9.15808 12.7952 8.4427 12.8162C6.17709 12.883 3.91148 12.9168 1.64657 12.8057C1.39445 12.7929 1.14024 12.7689 0.89507 12.6795C0.214415 12.4317 -0.10577 11.8377 0.0310551 11.0717C0.102593 10.6685 0.277619 10.3193 0.50543 10.0001C2.07858 7.79077 3.65381 5.5837 5.22765 3.37587C5.36795 3.17987 5.59437 2.95008 5.48393 2.72779C5.39573 2.55057 5.10193 2.67222 4.89774 2.67372C3.77674 2.68123 2.65366 2.72104 1.53544 2.61365C0.968692 2.55883 0.425557 2.39362 0.240808 1.69147C0.066477 1.02762 0.335266 0.461394 0.927714 0.212075C1.36736 0.0273385 1.8334 0.00856451 2.29389 0.00781355C4.10943 0.0048097 5.92497 0.0160741 7.74121 0.0295914C8.22322 0.0333462 8.69274 0.108442 9.03584 0.534988C9.45882 1.06066 9.49007 1.73127 9.05876 2.40188C8.5184 3.24295 7.93846 4.05549 7.36615 4.87254C6.2146 6.51714 5.05679 8.15574 3.90245 9.79884C3.84203 9.88445 3.75451 9.95729 3.74479 10.1375C5.16236 10.1375 6.56187 10.136 7.96068 10.1398C8.15655 10.1398 8.3538 10.151 8.54758 10.1818C9.26643 10.2945 9.64982 10.8111 9.62482 11.6184Z" fill="%23fff"/><path d="M17.6826 8.25033C17.6826 7.22527 17.6875 6.19945 17.6805 5.17364C17.6771 4.58639 17.4611 4.12605 16.9332 3.90076C16.4262 3.68449 15.9525 3.73029 15.5733 4.19814C15.367 4.45272 15.1823 4.40916 14.942 4.2417C13.6987 3.37509 12.2068 3.41038 11.0581 4.40165C9.55783 5.69556 9.11888 7.43704 9.50227 9.40831C10.0558 12.2575 12.8041 13.89 15.01 12.2207C15.2135 12.0667 15.4024 12.108 15.567 12.2988C15.9671 12.7636 16.4443 12.8267 16.9596 12.5841C17.4909 12.3341 17.6875 11.8564 17.684 11.2527C17.6792 10.2516 17.6826 9.25136 17.6826 8.25033ZM15.0691 9.15148C14.8294 9.93248 14.2891 10.3748 13.5508 10.3906C12.8479 10.4056 12.2471 9.94374 12.0117 9.17851C11.7915 8.4636 11.8102 7.75244 12.1207 7.06832C12.4117 6.4285 12.8944 6.0793 13.557 6.08756C14.2189 6.09657 14.6891 6.46304 14.9732 7.10511C15.135 7.47158 15.1975 7.86283 15.1878 8.29538C15.1941 8.56949 15.1566 8.86461 15.0691 9.15148Z" fill="%23fff"/><path d="M25.6095 3.65967C23.1418 3.65667 21.4255 5.53933 21.4297 8.24429C21.4346 10.9207 23.1598 12.8642 25.5546 12.8905C27.93 12.916 29.7392 10.9222 29.751 8.26531C29.7629 5.60166 28.0189 3.66192 25.6095 3.65967ZM27.0013 9.43381C26.6957 10.0744 26.2026 10.3965 25.5477 10.3838C24.8594 10.3703 24.3593 10.0038 24.103 9.3069C23.8502 8.61977 23.8509 7.91462 24.0968 7.22448C24.3593 6.48854 24.9344 6.06875 25.6116 6.08227C26.2658 6.09579 26.818 6.53886 27.077 7.25377C27.1923 7.57143 27.2278 7.90485 27.2569 8.24053C27.2257 8.65206 27.1812 9.05833 27.0013 9.43381Z" fill="%23fff"/><path d="M20.7908 4.4351C20.7908 6.6234 20.7922 8.8117 20.7894 10.9992C20.7887 11.1982 20.7755 11.3995 20.745 11.5955C20.6213 12.3818 20.1859 12.7362 19.4205 12.6859C18.8016 12.6461 18.3696 12.1377 18.3654 11.395C18.355 9.71961 18.362 8.04497 18.362 6.36957C18.3613 4.7077 18.3557 3.04507 18.3634 1.38244C18.3682 0.324339 19.1142 -0.241886 20.0331 0.0990504C20.5199 0.280032 20.7852 0.721597 20.7894 1.39746C20.7957 2.40976 20.7908 3.4228 20.7908 4.4351Z" fill="%23fff"/></g><defs><clipPath id="clip0_1_1170"><rect width="29.7502" height="12.8917" fill="white"/></clipPath></defs></svg>') no-repeat center center;
}

.footer-policy {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
  color: var(--footer-text);
  font-size: 16px;
}

.footer-policy a {
  color: inherit;
  text-decoration: none;
  transition: color 0.25s ease;
}

.footer-policy a:hover {
  color: var(--color-main);
}

.footer-copyright {
  color: var(--footer-text);
  font-size: 16px;
  line-height: 1.5;
}

.footer-copyright strong {
  color: #000;
  font-weight: 700;
}

@media (max-width: 1199px) {
  .site-footer {
    padding: 70px 0;
  }

  .footer-grid {
    gap: 45px;
  }

  .footer-logo img {
    width: 220px;
  }
}

@media (max-width: 991px) {
  .footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .footer-social {
    grid-column: 1/-1;
  }
}

@media (max-width: 767px) {
  .site-footer {
    padding: 150px 0 50px;
  }

  .footer-grid {
    grid-template-columns: 1fr;
    gap: 45px;
  }

  .footer-social {
    grid-column: auto;
  }

  .footer-title {
    margin-bottom: 22px;
    font-size: 20px;
  }

  .footer-logo {
    margin-bottom: 24px;
  }

  .footer-logo img {
    width: 200px;
  }

  .footer-description,
  .footer-contact-list li {
    font-size: 15px;
  }

  .footer-social-list {
    margin-bottom: 28px;
  }

  .footer-policy,
  .footer-copyright {
    font-size: 14px;
  }
}

@media (max-width: 420px) {
  .footer-policy {
    align-items: flex-start;
    flex-direction: column;
    gap: 7px;
  }

  .footer-policy span {
    display: none;
  }
}

/* Scroll Top */
.scrollToTop {
  width: 41px;
  height: 41px;
  text-align: center;
  font-weight: bold;
  color: #444;
  text-decoration: none;
  position: fixed;
  bottom: 65px;
  right: 25px;
  display: none;
  z-index: 10;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .scrollToTop {
    display: none !important;
  }
}

.bv-khac {
  padding: 0;
  margin: 0;
  list-style: none;
}

.bv-khac li a {
  color: #333;
  padding: 10px 0;
}

.contact-input {
  margin-bottom: 10px;
}

.contact-input input,
.contact-input select {
  font-size: 15px !important;
  height: 40px;
}

.contact-input textarea {
  height: 90px;
  font-size: 15px !important;
}

.contact-map {
  position: relative;
  padding-top: 70%;
}

.contact-map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Toolbar */
.toolbar {
  background: #fff;
  width: 100%;
  padding: 7px 4px calc(7px + env(safe-area-inset-bottom));
  bottom: 0px;
  position: fixed;
  z-index: 9999;
  height: auto;
  left: 0px;
  display: none;
  border-top: 1px solid #e8e4df;
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.1);
}

.toolbar ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.toolbar ul li {
  text-align: center;
  width: 20%;
}

.toolbar ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 100%;
  min-height: 48px;
  color: #087b35;
  cursor: pointer;
}

.toolbar ul li a i {
  font-size: 21px;
}

.toolbar ul li a img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.toolbar ul li a span {
  display: block;
  color: #625e59;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
}

.toolbar ul li .toolbar__call i {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -24px;
  border: 4px solid #fff;
  border-radius: 50%;
  background: #ff7108;
  color: #fff;
  box-shadow: 0 3px 10px rgba(255, 113, 8, 0.35);
}

.toolbar ul li #chatzalo img {
  width: 21px;
  height: 21px;
  padding: 0;
  border-radius: 7px;
  /* background: #001aff; */
  object-fit: contain;
  /* margin-top: -11px; */
}

@media (max-width: 767px) {
  body {
    padding-bottom: calc(66px + env(safe-area-inset-bottom));
  }

  .toolbar {
    display: block;
  }
}

/* Fixbar */
.fixbar {
  bottom: 0;
  display: block;
  background: #f0eff4;
  border-top: 1px solid #ddd;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  margin: 0;
  z-index: 500;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 50px;
}

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

.fixbar ul li {
  margin: 0 auto 10px;
  text-align: center;
  width: 25%;
  float: left;
}

.fixbar .icon-cart-mobile,
.fixbar .icon-cart-new,
.fixbar .icon-home-new,
.fixbar .icon-hotdeal-new {
  width: 20px;
  height: 20px;
  display: block;
  margin: 8px auto 0;
}

.fixbar .icon-cart-mobile {
  background: url(../images/cart-mobile.png) no-repeat;
}

.cart-total-header-mobile {
  font-size: 14px;
  position: absolute;
  background: red;
  color: #fff !important;
  border-radius: 50%;
  height: 15px;
  width: 15px;
  line-height: 15px;
  top: 5px;
  margin-left: 5px;
}

.fixbar ul li a {
  font-size: 14px;
  text-decoration: none;
  color: #333;
}

.fixbar ul li a i {
  font-size: 20px;
}

/* Plugbar */
.plugbar {
  position: fixed;
  bottom: 0;
  left: 0;
  border-top: 1px solid #eae6e6;
  width: 100%;
  right: 0;
  max-width: 767px;
  margin: 0 auto;
  background: #ffffff;
  padding: 9px 10px 10px 7px;
  z-index: 10;
}

.plugbar ul {
  list-style: none;
  padding: 0;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.plugbar ul li {
  width: 20%;
  float: left;
}

.plugbar ul li a {
  display: block;
  color: #696969;
  font-size: 14px;
  text-align: center;
  position: relative;
}

.plugbar ul li a i {
  font-size: 20px;
  color: #696969;
}

.plugbar ul li a span {
  position: absolute;
  width: 50px;
  height: 50px;
  top: -40px;
  left: calc(50% - 25px);
  font-size: 14px;
  display: block;
  border: 1px solid rgba(234, 230, 230, 0.5);
  border-radius: 100%;
}

.mobile_menu_section {
  display: block;
  padding: 15px;
}

.mobile_menu_section .mobile_menu_section-title {
  font-size: 15px;
  line-height: 1.85;
  text-transform: uppercase;
  font-weight: 500;
  font-style: normal;
  color: #333;
  margin: 0;
}

.mobile_menu_section .mobile_menu_help {
  color: #677279;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.mobile_menu_section .mobile_menu_help svg {
  margin-right: 16px;
  width: 24px;
  height: 24px;
}

.content-main img {
  height: auto !important;
  max-width: 100%;
}

.breadcrumb {
  margin-bottom: 1rem;
}

.item-tour {
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  position: relative;
  margin-bottom: 30px;
}

.item-tour .img-tour img {
  width: 100%;
}

.item-tour .price-per {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #E83E62;
  color: #fff;
  padding: 2px 10px 2px 10px;
  border-radius: 8px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2em;
  letter-spacing: 0em;
  font-weight: 600;
  z-index: 1;
}

@media (max-width: 767px) {
  .item-tour .price-per {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.5384615385em;
  }
}

.item-tour .lst-utilities {
  background: #179B42;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  justify-content: center;
  max-width: 90%;
  height: 52px;
  border-radius: 10px;
  margin: -26px auto 20px;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .item-tour .lst-utilities {
    height: 42px;
    margin: -20px auto 15px;
  }
}

.item-tour .lst-utilities li {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4285714286em;
  letter-spacing: 0em;
  font-weight: 400;
  color: #fff;
  display: flex;
  align-items: center;
}

.item-tour .lst-utilities li:nth-child(2) {
  padding: 0 12px;
  margin: 0 12px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.item-tour .lst-utilities li i {
  font-size: 17px;
  margin-right: 5px;
}

.item-tour .cont-tour {
  padding: 0 20px 20px;
}

.item-tour .cont-tour-v2 {
  padding: 20px;
}

.item-tour .ttl-tour {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.5882352941em;
  letter-spacing: 0em;
  font-weight: 700;
  margin-bottom: 12px;
}

@media (max-width: 767px) {
  .item-tour .ttl-tour {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 6px;
  }
}

.price-tour {
  border-top: 1px solid rgba(135, 135, 135, 0.2);
  padding: 20px 0 0 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  align-items: center;
}

@media (max-width: 767px) {
  .price-tour {
    padding: 10px 0 0 0;
  }
}

.price-tour .price-new {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.5833333333em;
  letter-spacing: 0.02em;
  font-weight: 700;
  color: #E83E62;
  margin-right: 10px;
}

@media (max-width: 767px) {
  .price-tour .price-new {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.price-tour .price-old {
  color: #878787;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5555555556em;
  letter-spacing: 0em;
  text-decoration: line-through;
}

@media (max-width: 767px) {
  .price-tour .price-old {
    font-size: 13px;
    font-size: 1.3rem;
  }
}

.price-tour .price-per--v2 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2em;
  letter-spacing: 0em;
  font-weight: 600;
  background: #179B42;
  color: #fff;
  height: 32px;
  border-radius: 8px;
  padding: 2px 10px 2px 10px;
  margin-left: 16px;
  min-width: 50px;
  text-align: center;
}

@media (max-width: 767px) {
  .price-tour .price-per--v2 {
    font-size: 13px;
    font-size: 1.3rem;
    height: 25px;
    padding: 0 10px;
  }
}

.price-tour--v2 {
  border: none;
  padding: 0;
  margin-bottom: 20px;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .price-tour--v2 {
    margin-bottom: 0;
  }
}

.d-flex3 {
  align-items: center;
  display: -ms-flexbox !important;
  display: flex !important;
}

@media (max-width: 767px) {
  .d-flex3 {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.rating {
  width: 100%;
  display: flex;
  font-size: 14px;
  margin-bottom: 20px;
  align-items: center;
}

@media (max-width: 767px) {
  .rating {
    margin-bottom: 10px;
  }
}

.rating .count {
  margin: 0 3px 0 5px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5555555556em;
  letter-spacing: 0em;
  font-weight: 400;
  color: #878787;
}

@media (max-width: 767px) {
  .rating .count {
    font-size: 15px;
    font-size: 1.5rem;
  }
}

.rating .star-rating {
  position: relative;
  z-index: 0;
  display: inline-block;
  white-space: nowrap;
  color: #ccc;
  font-size: 18px;
}

.rating .star-rating:before,
.rating .star-rating:after {
  content: "★ ★ ★ ★ ★";
}

.rating .star-rating:after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  color: #FFB800;
}

.rating .star-rating[data-rate="5"]:after {
  width: 100%;
}

.rating .star-rating[data-rate="4.5"]:after {
  width: 90%;
}

.rating .star-rating[data-rate="4"]:after {
  width: 80%;
}

.rating .star-rating[data-rate="3.5"]:after {
  width: 70%;
}

.rating .star-rating[data-rate="3"]:after {
  width: 60%;
}

.rating .star-rating[data-rate="2.5"]:after {
  width: 50%;
}

.rating .star-rating[data-rate="2"]:after {
  width: 40%;
}

.rating .star-rating[data-rate="1.5"]:after {
  width: 30%;
}

.rating .star-rating[data-rate="1"]:after {
  width: 20%;
}

.rating .star-rating[data-rate="0.5"]:after {
  width: 10%;
}

.rating .star-rating[data-rate="0"]:after {
  width: 0%;
}

.content-static {
  padding: 0 0 50px;
}

@media (max-width: 767px) {
  .content-static {
    padding: 0 0 30px;
  }
}

.detail-content {
  padding: 40px 0;
}

.detail-content img {
  max-width: 100%;
  height: auto;
}

.archive-tour {
  padding: 50px 0;
}

.single-tour {
  background-image: url(../images/bnr01.svg), url(../images/bnr02.svg), linear-gradient(90deg, rgb(9, 97, 185) 30%, rgb(46, 150, 222) calc(100% - 522px), transparent calc(100% - 510px), transparent 100%);
  background-size: auto, auto, 100% 281px;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: left -80px, right -80px, left top;
}

.thumb-pro-detail {
  display: block;
}

.thumb-pro-detail img {
  width: 100%;
  height: 400px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 5px;
}

.thumb-pro-detail-sub {
  margin-bottom: 10px;
  position: relative;
}

.thumb-pro-detail-sub .thumb_more {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.6196078431);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 35px;
  color: #179B42;
  font-weight: bold;
}

.thumb-pro-detail-sub img {
  height: 195px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media only screen and (max-width: 575px) {
  .thumb-pro-detail-sub img {
    height: 100px;
  }
}

.thumb-pro-detail-none {
  display: none;
}

@media only screen and (max-width: 767px) {
  .thumb-pro-detail-top {
    margin-bottom: 10px;
  }
}

.grid-pro-detail {
  margin: 30px 0;
}

.title-pro-detail {
  font-size: 22px;
  font-size: 2.2rem;
  display: block;
  margin: 10px 0 20px;
  font-weight: bold;
}

.map-detail {
  color: #fff;
  font-size: 15px;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.map-detail i {
  font-size: 22px;
  margin-right: 5px;
}

.map-detail a {
  font-size: 15px;
  color: #fff;
  font-weight: bold;
  margin-left: 10px;
}

.js-faq {
  background-color: #F3F8FF;
  margin-bottom: 15px;
  border-radius: 5px;
}

.js-faq .ttl {
  margin: 0;
  padding: 30px 45px;
  cursor: pointer;
  position: relative;
  font-size: 30px;
  font-size: 3rem;
  font-weight: 500;
}

@media only screen and (max-width: 1366px) {
  .js-faq .ttl {
    font-size: 20px;
    font-size: 2rem;
    padding: 10px 45px 10px 15px;
  }
}

.js-faq .ttl.is-active:after {
  content: "\f056";
}

.js-faq .ttl:after {
  position: absolute;
  top: 0;
  margin: auto;
  right: 0;
  content: "\f055";
  color: var(--color-main2);
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  width: 54px;
  height: 100%;
}

.js-faq .desc {
  font-size: 20px;
  font-size: 2rem;
  padding: 0 45px 15px;
  display: none;
}

@media only screen and (max-width: 1366px) {
  .js-faq .desc {
    font-size: 17px;
    font-size: 1.7rem;
  }
}

.no-rel {
  position: initial !important;
}

.sub-menu {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  left: 0;
  min-width: 700px !important;
}

.sub-menu>li {
  width: 33.3333333333%;
}

.sub-menu>li:nth-child(1) a,
.sub-menu>li:nth-child(2) a,
.sub-menu>li:nth-child(3) a {
  border-top: none !important;
}

.cont-detail {
  margin: 30px 0;
}

.cont-detail img {
  max-width: 100%;
  height: auto !important;
}

.banner-detail {
  max-height: 450px;
  overflow: hidden;
  position: relative;
  padding-bottom: 450px;
}

@media (max-width: 767px) {
  .banner-detail {
    padding-bottom: 0;
  }
}

.banner-detail img {
  object-fit: cover;
  object-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .banner-detail img {
    position: relative;
  }
}

.desc-destination-detail {
  margin-bottom: 30px;
  line-height: 25px;
}

.desc-destination-detail ol,
.desc-destination-detail ul {
  list-style: auto;
  padding-left: 25px;
  margin: 15px 0;
}

/* BOTTOM TAB */
.bottom-tab {
  background-color: #fff;
  position: fixed;
  bottom: 0;
  z-index: 5;
  width: 100vw;
  border-top: 2px solid black;
  justify-content: space-between;
  align-items: center;
  display: none;
}

@media (max-width: 767px) {
  .bottom-tab {
    display: flex !important;
  }
}

.bottom-tab a {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

.bottom-tab>div {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3.23rem;
}

.bottom-tab>div p {
  color: var(--gray-scale-50, #727272);
  text-align: center;
  font-family: Trip Sans;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 900;
  line-height: 4.26667rem;
  /* 177.778% */
  letter-spacing: 0.13333rem;
}

.bottom-tab>div svg {
  width: 3.73333rem;
  height: 3.73333rem;
}

.bottom-tab> :first-child {
  background-color: #0067ff;
  padding: 10px 13px;
}

.bottom-tab> :last-child {
  padding: 10px 13px;
}

.bottom-tab> :first-child p {
  color: #fff;
}

/* END BOTTOM TAB */
.content-detail {
  line-height: 1.8;
  font-size: 15px;
  text-align: justify;
}

.content-detail img {
  margin: 15px 0;
  max-width: 100% !important;
  height: auto !important;
}

.content-detail h1,
.content-detail h2,
.content-detail h3,
.content-detail h4,
.content-detail h5 {
  margin-bottom: 15px;
}

.content-detail p {
  margin-bottom: 1rem;
}

#form-booking {
  background: url(../images/bg-blog.png) no-repeat left top;
  border-radius: 30px;
  clear: both;
  display: flow-root;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5019607843);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
  max-width: 800px;
}

#form-booking h3 {
  font-size: 25px;
  font-weight: bold;
  color: #179B42;
  margin-bottom: 20px;
}

#form-booking .blk-booking {
  background: rgba(250, 250, 250, 0.8392156863);
  padding: 20px;
  border-radius: 30px;
  clear: both;
  display: flow-root;
}

#form-booking .d-flex>div {
  display: flex;
  align-items: center;
}

#form-booking .d-flex>div label {
  margin-left: 10px;
}

#form-booking .btn {
  font-size: 16px;
  width: 100%;
  height: 50px;
  background: #179B42;
  border-color: #179B42;
}

.box-detail2 {
  position: sticky;
  top: 120px;
  border: 1px dashed var(--color-main2);
}

.box-detail {
  background: #fff;
  padding: 15px;
}

.box-detail-sticky {
  position: sticky;
  top: 120px;
}

.banner-pd {
  margin-bottom: 15px;
  display: block;
}

.ul-category2 li i {
  font-size: 14px;
  position: relative;
  top: 0px;
  margin-right: 5px;
}

.ul-category2>li>a {
  border-bottom: 1px solid #ccc;
  padding: 10px;
}

.ul-category2 a {
  color: #000;
  display: block;
  padding: 8px 0;
  font-size: 14px;
}

.ul-category2 a:hover {
  color: var(--color-dark-red);
  text-decoration: none;
}

.ul-category2 {
  padding: 0;
  list-style: none;
  margin: 0;
  border: 1px solid #ccc;
}

.ul-category2 li {
  list-style: none;
  position: relative;
}

.ul-category2 ul {
  padding: 0 0 0 0;
  list-style: none;
  margin: 0;
  /* display: none; */
}

.ul-category2 ul li a {
  background: #f0f0f0;
  padding-left: 15px;
}

.ul-category2 ul li i {
  font-size: 7px;
  position: relative;
  top: -2px;
  margin-right: 5px;
}

.ul-category2 ul ul {
  padding-left: 15px;
}

.ul-category2 ul ul li a {
  background: #fff;
}

.title-left {
  margin-bottom: 10px;
  color: #fff;
  position: relative;
  font-weight: normal;
  font-size: 15px;
  text-align: left;
  background: var(--color-main);
  padding: 10px;
  text-transform: uppercase;
}

/* Toc */
.box-readmore {
  padding: 8px;
  border: 1px solid #dedede;
  margin-bottom: 1rem;
  /* border-radius: 5px; */
  background-color: rgba(60, 180, 74, 0.1882352941);
}

.box-readmore li ul>li {
  margin: 0;
  margin-bottom: 8px;
}

.box-readmore li ul>li:before {
  content: counters(item, ".") " ";
}

.box-readmore ul {
  list-style-type: none;
  counter-reset: item;
  margin-bottom: 0px;
  padding-left: 0px !important;
  margin-top: 8px;
}

.box-readmore ul li {
  display: table;
  counter-increment: item;
  margin-bottom: 5px;
}

.box-readmore ul li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 5px;
}

.box-readmore ul li a {
  color: #333333;
  cursor: pointer;
  font-weight: 600;
}

.box-readmore ul li a:hover {
  color: #767676;
}

.box-product {
  position: relative;
  display: block;
  margin-bottom: 20px;
  height: 100%;
  border: 1px dashed #d7d7d7;
  padding: 10px;
  background: #fff;
}

.name-product {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 8px 0;
  font-weight: 500;
}

.price-new {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
}

.price-new em {
  font-style: normal;
  color: var(--color-main2);
}

.content-main {
  margin-bottom: 30px;
}

.c-btn2 {
  font-size: 16px;
}

.box-detail {
  background: #fff;
  padding: 15px;
}

/* Breadcrumb */
.breadCrumbs .wrap-content {
  padding: 0 0 0.75rem 0;
}

.breadCrumbs .wrap-content .breadcrumb {
  padding: 0;
  margin-bottom: 0;
  background-color: transparent;
  border-radius: 0;
}

.breadCrumbs .wrap-content .breadcrumb-item a {
  color: var(--color-black);
  font-size: 14px;
}

.wrap-map {
  margin-bottom: 50px;
}

.breadCrumbs .wrap-content .breadcrumb-item.active a {
  color: var(--color-gray);
}

.left-pro-detail {
  position: relative;
  text-align: center;
}

.left-pro-detail .MagicZoom {
  border: 1px solid #eee;
  padding: 7px;
  border-radius: 5px;
  background-color: #ffffff;
}

.gallery-thumb-pro {
  position: relative;
  margin-top: 10px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: rgba(60, 180, 74, 0.1882352941);
}

.box-thongso th {
  width: 30%;
}

.box-thongso th,
.box-thongso td {
  font-size: 14px;
  font-weight: 400;
  padding: 5px 10px !important;
}

.box-thongso table,
.box-thongso th,
.box-thongso td {
  border: 1px solid #3cb44a;
  margin: 0;
}

.zalocall {
  width: 100%;
  float: left;
  border-radius: 4px;
  margin: 20px 0px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  line-height: 40px;
  text-align: center;
}

.buttonzalo {
  background: #3cb44a;
  color: #fff;
  border-radius: 5px;
}

.buttonzalo a {
  color: #fff;
  font-size: 18px;
  border-radius: 5px;
}

.buttoncall {
  background: #e11b1e;
  color: #fff;
  border-radius: 5px;
}

.buttoncall a {
  color: #fff;
  font-size: 18px;
  border-radius: 5px;
}

.form-sdt {
  font-size: 15px;
  margin-bottom: 15px;
  border: 1px dashed #038018;
  border-radius: 3px;
  background: #f7fff1;
  padding: 15px 15px 30px;
  width: 100%;
  float: left;
  text-align: center;
}

h3.title-formsp {
  font-weight: 600;
  margin: 10px 0px 15px !important;
}

.field-sp input {
  height: 40px;
  line-height: 40px;
  margin-bottom: 10px;
  border-radius: 10px;
}

.field-sp input.wpcf7-form-control.wpcf7-submit {
  line-height: 20px;
  width: 40%;
  margin: auto 30%;
  text-align: center;
}

#FormProduct .btn {
  background: #f6d127;
  color: #fff;
  display: inline-block;
  padding: 10px;
  max-width: 200px;
}

.product-price--v2 span {
  color: #e11b1e;
  font-weight: 500;
  font-size: 20px;
}

.paging-product-category {
  padding: 0 15px;
}

.article__content {
  height: 450px;
  overflow: hidden;
  transition: 0.3s;
  position: relative;
  padding: 30px 20px;
}

.article__content img {
  max-width: 100%;
  height: auto !important;
}

.btn-detail {
  border: 1px solid #3fc3bc;
  border-radius: 5px;
  color: #3fc3bc;
  display: block;
  margin: 0 auto;
  max-width: 340px;
  padding: 10px 5px;
  text-align: center;
  position: relative;
  margin-bottom: 30px;
}

.btn-detail:hover {
  text-decoration: none;
}

.bg-article {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255), rgb(255, 255, 255));
  bottom: 0;
  height: 105px;
  left: 0;
  position: absolute;
  width: 100%;
}

.article__content.long {
  height: auto;
  background: #fff;
}

.tab-content img {
  max-width: 100%;
  height: auto !important;
}

.archive-product {
  background: #f2f2f2;
  margin-top: -40px;
  padding: 0 0 40px 0;
}

.h2-title {
  position: relative;
  text-align: center;
  background: url(../images/line.png);
  background-repeat-x: inherit;
  background-position: center;
  background-repeat-y: no-repeat;
  margin-bottom: 30px;
}

.h2-title .title--default {
  position: relative;
  font-size: 25px;
  margin-bottom: 0;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  background: #f2f2f2;
  padding: 0px 20px;
}

.box-listsp {
  margin-bottom: 30px;
  background: #fff;
  padding: 30px 0;
}

.item-listsp {
  text-align: center;
  padding: 20px 15px;
  border: 1px solid #dddede;
  background: #fff;
  height: 100%;
}

.item-listsp .ttl-product {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  margin-top: 10px;
}

.item-listsp .img-thumb {
  padding: 0 15px;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: var(--color-main2);
  border-color: var(--color-main2);
}

.page-link {
  color: var(--color-main2);
}

:root {
  --pp-green: #08752e;
  --pp-green-dark: #056327;
  --pp-green-light: #eaf6ef;
  --pp-text: #242424;
  --pp-text-light: #555;
  --pp-border: #dfe6e1;
  --pp-background: #f7faf8;
}

* {
  box-sizing: border-box;
}

.pp-page {
  color: var(--pp-text);
  font-family: Arial, Helvetica, sans-serif;
}

.pp-page img {
  max-width: 100%;
}

.pp-container {
  margin: 0 auto;
}

.pp-container--small {
  max-width: 1050px;
}

/* Hero */
.pp-hero {
  position: relative;
  min-height: 395px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background-image: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.97) 34%, rgba(255, 255, 255, 0.62) 55%, rgba(255, 255, 255, 0) 76%), var(--hero-image);
  background-position: center, center right;
  background-repeat: no-repeat;
  background-size: cover;
}

.pp-hero__content {
  position: relative;
  z-index: 2;
  width: 58%;
  padding: 30px 0 45px;
}

.pp-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 26px;
  font-size: 14px;
}

.pp-breadcrumb a,
.pp-breadcrumb span {
  color: #4e4e4e;
  text-decoration: none;
}

.pp-breadcrumb i {
  color: #999;
  font-size: 14px;
}

.pp-hero__title {
  margin: 0 0 10px;
  color: var(--color-main);
  font-size: clamp(38px, 4vw, 58px);
  line-height: 1.1;
  font-weight: 800;
}

.pp-hero__subtitle {
  margin: 0 0 13px;
  font-size: clamp(22px, 2.2vw, 29px);
  line-height: 1.3;
  font-weight: 700;
}

.pp-hero__description {
  margin: 0 0 30px;
  font-size: 17px;
  line-height: 1.6;
}

.pp-hero__features {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px 35px;
  margin-bottom: 29px;
}

.pp-hero-feature {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 14px;
  font-weight: 600;
}

.pp-hero-feature i {
  color: var(--color-main);
  font-size: 22px;
}

.pp-button {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  border: 1px solid var(--color-main);
  border-radius: 4px;
  background: var(--color-main);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: 0.25s ease;
}

.pp-button:hover {
  background: #fff;
  color: var(--color-main);
}

.pp-hero__arrow {
  position: absolute;
  z-index: 3;
  top: 50%;
  width: 46px;
  height: 46px;
  border: 1px solid #ddd;
  border-radius: 50%;
  background: #fff;
  color: #222;
  cursor: pointer;
  transform: translateY(-50%);
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.12);
}

.pp-hero__arrow--prev {
  left: 25px;
}

.pp-hero__arrow--next {
  right: 25px;
}

.pp-hero__dots {
  position: absolute;
  z-index: 3;
  bottom: 17px;
  left: 50%;
  display: flex;
  gap: 10px;
  transform: translateX(-50%);
}

.pp-hero__dots button {
  width: 11px;
  height: 11px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
}

.pp-hero__dots button.is-active {
  background: var(--color-main);
}

/* Intro */
.pp-intro {
  padding: 24px 0 26px;
  text-align: center;
}

.pp-intro p {
  margin: 0 0 8px;
  color: #4a4a4a;
  font-size: 15px;
  line-height: 1.55;
}

/* Products */
.pp-products {
  padding: 10px 0 20px;
}

.pp-products>.pp-container {
  padding: 14px;
  border: 1px solid var(--pp-border);
  background: #fff;
}

.pp-products__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 15px;
}

.pp-products__count {
  font-size: 14px;
  font-weight: 600;
}

.pp-products__filters {
  display: flex;
  align-items: center;
  gap: 12px;
}

.pp-products__filters select {
  min-width: 195px;
  height: 42px;
  padding: 0 35px 0 15px;
  border: 1px solid var(--pp-border);
  border-radius: 4px;
  background: #fff;
  color: #444;
}

.pp-products__filters button {
  width: 36px;
  height: 36px;
  border: 0;
  background: transparent;
  color: #444;
  cursor: pointer;
  font-size: 17px;
}

.pp-products__filters button.is-active {
  color: var(--color-main);
}

.pp-products__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.pp-product-card {
  min-width: 0;
  border: 1px solid #e4e8e5;
  background: #fff;
  text-align: center;
  transition: 0.3s ease;
}

.pp-product-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 80, 35, 0.1);
}

.pp-product-card__image {
  display: block;
  padding: 15px;
  overflow: hidden;
}

.pp-product-card__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.35s ease;
}

.pp-product-card__content {
  padding: 0 14px 17px;
}

.pp-product-card__content h3 {
  margin: 0 0 11px;
  font-size: 17px;
  line-height: 1.4;
}

.pp-product-card__content p {
  margin: 0 0 14px;
  color: #555;
  font-size: 14px;
  line-height: 1.5;
}

.pp-product-card__button {
  min-width: 170px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 18px;
  border: 1px solid var(--color-main);
  border-radius: 3px;
  color: var(--color-main);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: 0.25s ease;
}

.pp-product-card__button:hover {
  background: var(--color-main);
  color: #fff;
}

.pp-products__more {
  margin-top: 15px;
  text-align: center;
}

.pp-products__more a {
  min-width: 240px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 20px;
  border-radius: 4px;
  background: var(--color-main);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

/* Information */
.pp-information {
  padding-top: 15px;
}

.pp-information>.pp-container {
  padding: 20px 25px 0;
  border: 1px solid var(--pp-border);
}

.pp-section-title {
  position: relative;
  margin: 0 0 25px;
  padding-bottom: 7px;
  color: var(--color-main);
  font-size: 25px;
  font-weight: 800;
}

.pp-section-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 85px;
  height: 3px;
  background: var(--color-main);
}

.pp-information__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 40px;
}

.pp-information__grid2 {
  padding: 0 0 40px 0;
}

.pp-information__block {
  margin-bottom: 27px;
}

.pp-information__block h3 {
  margin: 0 0 10px;
  color: var(--color-main);
  font-size: 17px;
}

.pp-information__block p {
  margin: 0 0 8px;
  color: #444;
  font-size: 14px;
  line-height: 1.65;
}

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

.pp-information__block li {
  position: relative;
  margin-bottom: 7px;
  padding-left: 18px;
  color: #444;
  font-size: 14px;
  line-height: 1.55;
}

.pp-information__block li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 1px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color-main);
}

.pp-commitment {
  min-height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  padding: 13px 0;
  border-top: 1px solid var(--pp-border);
  text-align: center;
}

.pp-commitment__icon {
  color: var(--color-main);
  font-size: 38px;
}

.pp-commitment p {
  max-width: 850px;
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
}

/* FAQ */
.pp-faq {
  padding: 15px;
}

.pp-faq>.pp-container {
  padding: 18px;
  border: 1px solid var(--pp-border);
}

.pp-faq .pp-section-title {
  margin-bottom: 15px;
  font-size: 20px;
}

.pp-faq__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 30px;
}

.pp-faq-item {
  border: 1px solid #e2e7e3;
  background: #fff;
}

.pp-faq-item summary {
  min-height: 43px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 10px 15px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  list-style: none;
}

.pp-faq-item summary::-webkit-details-marker {
  display: none;
}

.pp-faq-item summary i {
  font-size: 14px;
  transition: transform 0.25s ease;
}

.pp-faq-item[open] summary i {
  transform: rotate(90deg);
}

.pp-faq-item__content {
  padding: 5px 15px 15px;
  color: #555;
  font-size: 14px;
  line-height: 1.6;
}

/* Contact */
.pp-contact {
  padding: 0 0 12px;
}

.pp-contact__inner {
  min-height: 82px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 13px 35px;
  background: rgba(173, 203, 255, 0.3098039216);
  border: 1px solid #dbece1;
}

.pp-contact__intro {
  display: flex;
  align-items: center;
  gap: 20px;
}

.pp-contact__icon {
  color: var(--color-main);
  font-size: 42px;
}

.pp-contact__intro h2 {
  margin: 0 0 5px;
  color: var(--color-main);
  font-size: 17px;
}

.pp-contact__intro p {
  margin: 0;
  font-size: 14px;
}

.pp-contact__phone {
  min-width: 355px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 8px 22px;
  border-radius: 5px;
  background: linear-gradient(100deg, var(--color-main), var(--color-main));
  color: #fff !important;
  text-decoration: none;
}

.pp-contact__phone>span {
  font-size: 34px;
}

.pp-contact__phone div {
  display: grid;
  grid-template-columns: auto auto;
  align-items: baseline;
  column-gap: 7px;
}

.pp-contact__phone small {
  font-size: 14px;
}

.pp-contact__phone strong {
  font-size: 22px;
}

.pp-contact__phone em {
  grid-column: 1/-1;
  font-size: 14px;
  font-style: normal;
}

/* Benefits */
.pp-benefits {
  border-top: 1px solid #e5eee8;
  border-bottom: 4px solid var(--color-main);
  background: #f7fbf8;
}

.pp-benefits__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pp-benefit {
  min-height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding: 12px 20px;
}

.pp-benefit i {
  color: var(--color-main);
  font-size: 32px;
}

.pp-benefit div {
  display: flex;
  flex-direction: column;
}

.pp-benefit strong {
  margin-bottom: 3px;
  font-size: 14px;
  text-transform: uppercase;
}

.pp-benefit span {
  color: #555;
  font-size: 14px;
  line-height: 1.4;
}

/* Responsive */
@media (max-width: 1199px) {
  .pp-hero__content {
    width: 65%;
  }

  .pp-products__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pp-benefits__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .pp-hero {
    min-height: auto;
    padding-top: 360px;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 35%, #fff 44%), var(--hero-image);
    background-position: top center;
    background-size: auto 420px;
  }

  .pp-hero__content {
    width: 100%;
  }

  .pp-hero__arrow {
    top: 190px;
  }

  .pp-information__grid {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .pp-faq__grid {
    grid-template-columns: 1fr;
  }

  .pp-contact__inner {
    align-items: stretch;
    flex-direction: column;
  }

  .pp-contact__phone {
    min-width: 0;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .pp-hero {
    padding-top: 290px;
    background-size: auto 330px;
  }

  .pp-hero__title {
    font-size: 36px;
  }

  .pp-hero__subtitle {
    font-size: 21px;
  }

  .pp-hero__features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 17px;
  }

  .pp-hero__arrow {
    top: 150px;
    width: 38px;
    height: 38px;
  }

  .pp-hero__arrow--prev {
    left: 10px;
  }

  .pp-hero__arrow--next {
    right: 10px;
  }

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

  .pp-products__filters {
    width: 100%;
    flex-wrap: wrap;
  }

  .pp-products__filters select {
    min-width: 0;
    flex: 1 1 calc(50% - 10px);
  }

  .pp-products__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
  }

  .pp-product-card__image {
    padding: 5px;
  }

  .pp-product-card__button {
    min-width: auto;
  }

  .pp-product-card__content {
    padding: 0 10px 17px;
  }

  .pp-commitment {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    text-align: left;
  }

  .pp-contact__inner {
    padding: 20px;
  }

  .pp-contact__intro {
    align-items: flex-start;
  }

  .pp-contact__phone div {
    grid-template-columns: 1fr;
  }

  .pp-contact__phone em {
    grid-column: auto;
  }

  .pp-benefits__grid {
    grid-template-columns: 1fr;
  }

  .pp-benefit {
    justify-content: flex-start;
    border-bottom: 1px solid #e0e9e3;
  }
}

@media (max-width: 480px) {
  .pp-hero {
    padding-top: 250px;
    background-size: auto 285px;
  }

  .pp-hero__features {
    grid-template-columns: 1fr;
  }

  .pp-products__filters select {
    flex-basis: 100%;
  }

  .pp-contact__phone {
    justify-content: flex-start;
    padding: 13px 18px;
  }

  .pp-contact__phone strong {
    font-size: 19px;
  }
}

.footer-sub {
  padding-top: 100px;
}

:root {
  --pd-green: #043489;
  --pd-green-dark: #043489;
  --pd-green-light: #eff9f2;
  --pd-text: #252525;
  --pd-text-light: #5c5c5c;
  --pd-border: #e0e5e2;
}

* {
  box-sizing: border-box;
}

.product-detail-page {
  color: var(--pd-text);
  font-family: Arial, Helvetica, sans-serif;
}

.product-detail-page img {
  max-width: 100%;
}

.pd-container {
  margin: 0 auto;
}

/* Breadcrumb */
.pd-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 18px 0 25px;
  color: #777;
  font-size: 14px;
}

.pd-breadcrumb a,
.pd-breadcrumb span {
  color: inherit;
  text-decoration: none;
}

.pd-breadcrumb>i {
  color: #a3a3a3;
  font-size: 14px;
}

/* Overview */
.pd-overview {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 45px;
}

/* Gallery */
.pd-gallery {
  min-width: 0;
  display: grid;
  grid-template-columns: 105px minmax(0, 1fr);
  gap: 20px;
}

.pd-gallery__main {
  grid-column: 2;
  grid-row: 1;
  height: 510px;
  padding: 25px;
  overflow: hidden;
  border-radius: 5px;
  background: #fafafa;
}

.pd-gallery__main img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pd-gallery__thumbs {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.pd-gallery__thumb {
  width: 105px;
  height: 105px;
  padding: 5px;
  overflow: hidden;
  border: 1px solid var(--pd-border);
  border-radius: 5px;
  background: #fff;
  cursor: pointer;
}

.pd-gallery__thumb.is-active {
  border-color: var(--pd-green);
  box-shadow: 0 0 0 1px var(--pd-green);
}

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

.pd-gallery-features {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 5px;
  padding: 20px 15px;
  border: 1px solid var(--pd-border);
}

.pd-gallery-feature {
  min-width: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  padding: 0 10px;
  color: #333;
  text-align: center;
}

.pd-gallery-feature i {
  color: var(--pd-green);
  font-size: 27px;
}

.pd-gallery-feature span {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  line-height: 1.45;
  text-transform: uppercase;
}

.pd-gallery-feature strong {
  font-weight: 500;
}

/* Summary */
.pd-summary {
  min-width: 0;
}

.pd-summary__heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}

.pd-summary__heading h1 {
  margin: 0;
  font-size: 30px;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.25;
}

.pd-summary__sku {
  flex: 0 0 auto;
  padding-top: 55px;
  color: #333;
  font-size: 14px;
  font-weight: 600;
}

.pd-summary__price {
  margin: 22px 0;
  color: var(--pd-green);
  font-size: 35px;
  line-height: 1;
  font-weight: 800;
}

.pd-summary__price sup {
  margin-left: 3px;
  font-size: 18px;
}

.pd-summary__price span {
  color: #555;
  font-size: 14px;
  font-weight: 400;
}

.pd-summary__description {
  margin: 0 0 22px;
  color: #4a4a4a;
  font-size: 15px;
  line-height: 1.65;
}

.pd-specifications {
  margin-bottom: 24px;
}

.pd-specifications__row {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  gap: 15px;
  margin-bottom: 12px;
  color: #444;
  font-size: 14px;
  line-height: 1.5;
}

.pd-specifications__row span {
  color: #555;
}

.pd-specifications__row strong {
  font-weight: 500;
}

.pd-variant {
  margin-bottom: 20px;
}

.pd-variant__label {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
}

.pd-variant__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.pd-variant__item input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.pd-variant__item span {
  min-height: 42px;
  display: flex;
  align-items: center;
  padding: 10px 14px;
  border: 1px solid var(--pd-border);
  border-radius: 5px;
  color: #555;
  cursor: pointer;
  font-size: 14px;
  transition: 0.25s ease;
}

.pd-variant__item input:checked+span {
  border-color: var(--pd-green);
  color: var(--pd-green);
  box-shadow: inset 0 0 0 1px var(--pd-green);
}

.pd-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
}

.pd-button {
  min-height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 12px 20px;
  border: 1px solid var(--pd-green);
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  transition: 0.25s ease;
}

.pd-button strong {
  margin-bottom: 5px;
  font-size: 16px;
  text-transform: uppercase;
}

.pd-button span {
  font-size: 14px;
}

.pd-button--primary {
  background: var(--pd-green-dark);
  color: #fff !important;
}

.pd-button--outline {
  background: #fff;
  color: var(--pd-green);
}

.pd-button--outline:hover {
  background: var(--pd-green);
  color: #fff;
}

.pd-commitment {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 17px;
  color: #555;
  font-size: 14px;
}

.pd-commitment i {
  color: var(--pd-green);
  font-size: 17px;
}

/* Tabs */
.pd-tabs {
  margin-top: 40px;
  border: 1px solid var(--pd-border);
}

.pd-tabs__nav {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-bottom: 1px solid var(--pd-border);
}

.pd-tabs__button {
  position: relative;
  min-height: 62px;
  border: 0;
  background: #fff;
  color: #555;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
}

.pd-tabs__button.is-active {
  color: #222;
}

.pd-tabs__button.is-active::after {
  content: "";
  position: absolute;
  right: 30px;
  bottom: 0;
  left: 30px;
  height: 3px;
  background: var(--pd-green);
}

.pd-tabs__panel {
  display: none;
  padding: 30px 35px;
}

.pd-tabs__panel.is-active {
  display: block;
}

.pd-description__content p {
  margin: 0 0 16px;
  color: #444;
  font-size: 14px;
  line-height: 1.65;
}

.pd-description__content h3 {
  margin: 24px 0 12px;
  color: var(--pd-green);
  font-size: 17px;
}

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

.pd-description__content li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 25px;
  color: #444;
  font-size: 14px;
}

.pd-description__content li::before {
  content: "\f00c";
  position: absolute;
  top: 0;
  left: 0;
  color: var(--pd-green);
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
}

.pd-video {
  color: var(--pd-green);
  text-align: center;
  text-decoration: none;
}

.pd-video__image {
  position: relative;
  height: 280px;
  overflow: hidden;
  border-radius: 5px;
}

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

.pd-video__play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid #fff;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.15);
  color: #fff;
  font-size: 25px;
  transform: translate(-50%, -50%);
}

.pd-video__caption {
  display: block;
  margin-top: 13px;
  font-size: 14px;
  font-weight: 600;
}

.pd-table {
  width: 100%;
  border-collapse: collapse;
}

.pd-table th,
.pd-table td {
  padding: 14px 18px;
  border: 1px solid var(--pd-border);
  font-size: 14px;
  text-align: left;
}

.pd-table th {
  width: 240px;
  background: #f7faf8;
}

.pd-guide h3 {
  margin-top: 0;
  color: var(--pd-green);
}

.pd-guide li {
  margin-bottom: 12px;
  color: #444;
  line-height: 1.6;
}

/* Sản phẩm liên quan */
.pd-related {
  padding: 30px 0;
}

.pd-related__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.pd-related__heading h2 {
  margin: 0;
  font-size: 22px;
  text-transform: uppercase;
}

.pd-related__heading>a {
  color: var(--pd-green);
  font-size: 14px;
  text-decoration: none;
}

.pd-related__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
}

.pd-related-card {
  min-width: 0;
  padding: 15px;
  border: 1px solid var(--pd-border);
  border-radius: 6px;
  background: #fff;
  text-align: center;
  transition: 0.3s ease;
}

.pd-related-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 80, 40, 0.1);
}

.pd-related-card__image {
  height: 190px;
  display: block;
  margin-bottom: 12px;
}

.pd-related-card__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.pd-related-card h3 {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

.pd-related-card h3 a {
  color: #222;
  text-decoration: none;
}

/* Benefits */
.pd-benefits {
  border-bottom: 4px solid var(--pd-green);
  background: linear-gradient(90deg, #eff9f2, #f8fcf9);
}

.pd-benefits__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pd-benefit {
  min-height: 82px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 17px;
  padding: 14px 20px;
}

.pd-benefit>i {
  color: var(--pd-green);
  font-size: 31px;
}

.pd-benefit div {
  display: flex;
  flex-direction: column;
}

.pd-benefit strong {
  margin-bottom: 4px;
  font-size: 14px;
  text-transform: uppercase;
}

.pd-benefit span {
  color: #555;
  font-size: 14px;
}

/* Responsive */
@media (max-width: 1199px) {
  .pd-gallery__main {
    height: 450px;
  }

  .pd-overview {
    gap: 30px;
  }

  .pd-related__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .pd-related-card:last-child {
    display: none;
  }
}

@media (max-width: 991px) {
  .pd-overview {
    grid-template-columns: 1fr;
  }

  .pd-summary__sku {
    padding-top: 15px;
  }

  .pd-description {
    grid-template-columns: 1fr;
  }

  .pd-related__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pd-related-card:last-child {
    display: block;
  }

  .pd-benefits__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .pd-gallery {
    grid-template-columns: 1fr;
  }

  .pd-gallery__main {
    grid-column: 1;
    grid-row: 1;
    height: 370px;
  }

  .pd-gallery__thumbs {
    grid-column: 1;
    grid-row: 2;
    flex-direction: row;
    overflow-x: auto;
  }

  .pd-gallery__thumb {
    width: 80px;
    height: 80px;
    flex: 0 0 80px;
  }

  .pd-gallery-features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px 0;
  }

  .pd-summary__heading {
    flex-direction: column;
    gap: 0;
  }

  .pd-summary__sku {
    padding-top: 8px;
  }

  .pd-specifications__row {
    grid-template-columns: 100px minmax(0, 1fr);
  }

  .pd-actions {
    grid-template-columns: 1fr;
  }

  .pd-tabs__nav {
    grid-template-columns: 1fr;
  }

  .pd-tabs__button {
    min-height: 50px;
    border-bottom: 1px solid var(--pd-border);
  }

  .pd-tabs__button.is-active::after {
    right: 0;
    left: 0;
  }

  .pd-tabs__panel {
    padding: 22px 18px;
  }

  .pd-video__image {
    height: 220px;
  }

  .pd-related__grid {
    grid-template-columns: 1fr;
  }

  .pd-related-card__image {
    height: 230px;
  }

  .pd-benefits__grid {
    grid-template-columns: 1fr;
  }

  .pd-benefit {
    justify-content: flex-start;
    border-bottom: 1px solid var(--pd-border);
  }
}

.pd-gallery {
  --gallery-height: 510px;
  min-width: 0;
  display: grid;
  grid-template-columns: 105px minmax(0, 1fr);
  gap: 20px;
}

.pd-gallery__main {
  grid-column: 2;
  grid-row: 1;
  height: var(--gallery-height);
  padding: 25px;
  overflow: hidden;
  border-radius: 5px;
  background: #fafafa;
}

.pd-gallery__thumbs {
  grid-column: 1;
  grid-row: 1;
  height: var(--gallery-height);
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-right: 5px;
  overflow-x: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: #07852f #eeeeee;
}

.pd-gallery__thumb {
  width: 100%;
  height: 92px;
  flex: 0 0 92px;
  padding: 5px;
  overflow: hidden;
  border: 1px solid var(--pd-border);
  border-radius: 5px;
  background: #fff;
  cursor: pointer;
}

.pd-gallery__thumbs::-webkit-scrollbar {
  width: 4px;
}

.pd-gallery__thumbs::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #eeeeee;
}

.pd-gallery__thumbs::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #07852f;
}

@media (max-width: 767px) {
  .pd-gallery {
    --gallery-height: 370px;
    grid-template-columns: 1fr;
  }

  .pd-gallery__main {
    grid-column: 1;
    grid-row: 1;
  }

  .pd-gallery__thumbs {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    height: auto;
    flex-direction: row;
    padding-right: 0;
    padding-bottom: 5px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x proximity;
  }

  .pd-gallery__thumb {
    width: 80px;
    height: 80px;
    flex: 0 0 80px;
    scroll-snap-align: start;
  }

  .pd-gallery__thumbs::-webkit-scrollbar {
    width: auto;
    height: 4px;
  }
}

.language-selector {
  position: relative;
  display: inline-block;
  margin-left: 15px;
}

.language-current {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.flag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 30px;
  overflow: hidden;
}

.language-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #073d8f;
  transition: transform 0.25s ease;
}

.language-dropdown {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 100;
  padding: 6px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: 0.25s ease;
}

.language-selector.active .language-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.language-selector.active .language-arrow {
  transform: rotate(180deg);
}

.language-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  color: #222;
  font-size: 14px;
  text-decoration: none;
  border-radius: 4px;
}

.language-item .flag {
  width: 32px;
  height: 22px;
}

.language-item .flag-vn .star {
  font-size: 15px;
}

.language-item .flag-en {
  font-size: 24px;
}

.language-item:hover {
  color: #073d8f;
  background: #f2f6fc;
}

/* ===== Túi Giấy Sài Gòn - Figma UI ===== */
/* Header */
.header {
  position: sticky;
  top: 0;
  z-index: 120;
  width: 100%;
  background: #fff;
  box-shadow: 0 3px 7px rgba(56, 42, 28, 0.17);
}

.header .header-top {
  min-height: 86px;
  display: flex;
  align-items: center;
  padding: 10px 0;
  border: 0;
  background: #fff;
}

.header .header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.header .cont-left {
  flex: 0 0 auto;
}

.header .logo-header {
  display: block;
}

.header .logo-header img {
  display: block;
  width: 210px;
  max-width: none;
  max-height: 52px;
  object-fit: contain;
}

.header .cont-right {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(20px, 2.2vw, 42px);
}

.header .menu {
  flex: 1 1 auto;
}

.header .menu ul.menu-main {
  justify-content: flex-end;
  gap: clamp(15px, 1.55vw, 29px);
}

.header .menu ul.menu-main>li {
  flex: 0 0 auto;
  padding: 0;
}

.header .menu ul.menu-main>li>a {
  padding: 23px 0;
  border: 0;
  color: #343434;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 600;
  text-transform: capitalize;
  white-space: nowrap;
}

.header .menu ul.menu-main>li>a.has-child {
  margin: 0;
  padding-right: 0;
}

.header .menu ul.menu-main>li>a.has-child::after {
  display: none;
}

.header .menu ul.menu-main>li>a::before {
  position: absolute;
  right: 50%;
  bottom: 14px;
  left: 50%;
  height: 2px;
  border-radius: 2px;
  content: "";
  background: #087b35;
  transition: 0.2s ease;
}

.header .menu ul.menu-main>li>a.active,
.header .menu ul.menu-main>li>a:hover {
  border: 0;
  color: #087b35;
}

.header .menu ul.menu-main>li>a.active::before,
.header .menu ul.menu-main>li>a:hover::before {
  right: 0;
  left: 0;
}

.header .menu ul li ul {
  top: calc(100% - 7px);
  min-width: 220px;
  padding: 8px 0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.14);
}

.header .menu ul li ul li {
  padding: 0 16px;
}

.header .menu ul li ul a {
  padding: 11px 0;
  color: #444;
  font-size: 14px;
  font-weight: 500;
}

.header-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 10px;
}

.header-action {
  min-height: 43px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 9px 15px;
  border-radius: 9px;
  color: #fff !important;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;
  white-space: nowrap;
  transition: 0.2s ease;
}

.header-action:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 13px rgba(33, 61, 36, 0.18);
}

.header-action--phone {
  background: #ff7108;
}

.header-action--quote {
  background: #087b35;
}

.header-action i {
  color: #fff;
  font-size: 15px;
}

/* Hero */
.home-hero {
  position: relative;
}

.home-hero__slider {
  position: relative;
}

.home-hero__slider .owl-dots {
  position: absolute;
  right: 0;
  bottom: 22px;
  left: 0;
  z-index: 5;
}

.home-hero__slide {
  position: relative;
}

.home-hero__image {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}

.home-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
}

.home-hero__inner {
  position: relative;
  display: flex;
  align-items: center;
  padding-top: 38px;
  padding-bottom: 115px;
}

.home-hero__copy {
  position: relative;
  z-index: 4;
  max-width: 50%;
}

.home-hero__copy .ttl {
  margin: 0 0 22px;
  color: #087b35;
  font-size: clamp(21px, 4vw, 40px);
  line-height: 1.17;
  font-weight: 750;
  letter-spacing: -0.02em;
}

.home-hero__copy .ttl span {
  color: #ff7108;
}

.home-hero__copy>p {
  max-width: 510px;
  margin: 0 0 30px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 15px;
  line-height: 1.65;
}

.home-hero__eyebrow,
.home-eyebrow {
  width: max-content;
  max-width: 100%;
  margin-bottom: 20px;
  padding: 7px 15px;
  border-radius: 20px;
  background: #fff0d9;
  color: #37824f;
  font-size: 14px;
  line-height: 1.2;
}

.home-hero__eyebrow i,
.home-eyebrow i {
  margin-right: 5px;
}

.home-hero__actions {
  display: flex;
  align-items: center;
  gap: 15px;
}

.home-hero__button {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 11px 20px;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;
  transition: 0.2s ease;
}

.home-hero__button:hover {
  transform: translateY(-2px);
  box-shadow: 0 7px 15px rgba(67, 49, 30, 0.14);
}

.home-hero__button--primary {
  background: #ff7108;
  color: #fff !important;
}

.home-hero__button--outline {
  border: 1px solid #087b35;
  background: #fff;
  color: #087b35 !important;
}

.home-hero__visual {
  position: relative;
  align-self: stretch;
  min-width: 0;
}

.home-hero__circle {
  position: absolute;
  top: -110px;
  right: -50px;
  width: 720px;
  height: 720px;
  border-radius: 50%;
  background: rgba(255, 239, 216, 0.82);
}

.home-hero__orange-shape {
  position: absolute;
  top: -75px;
  right: -165px;
  width: 520px;
  height: 460px;
  border-radius: 50% 0 45% 55%;
  background: linear-gradient(145deg, #ffb04c, #ff8a12);
  transform: rotate(-12deg);
}

.home-hero__product {
  position: absolute;
  z-index: 2;
  overflow: hidden;
  border: 7px solid rgba(255, 255, 255, 0.9);
  border-radius: 16px;
  background: #f1dfcd;
  box-shadow: 0 15px 30px rgba(91, 61, 31, 0.2);
}

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

.home-hero__product--bag {
  top: 115px;
  left: 80px;
  width: 385px;
  height: 300px;
  transform: rotate(-2deg);
}

.home-hero__product--box {
  right: 20px;
  bottom: 78px;
  width: 315px;
  height: 215px;
  transform: rotate(2deg);
}

.home-hero__product--label {
  bottom: 70px;
  left: 15px;
  width: 265px;
  height: 180px;
  transform: rotate(-2deg);
}

.home-hero__chip {
  position: absolute;
  z-index: 4;
  min-height: 45px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 18px;
  border-radius: 25px;
  background: #fff;
  box-shadow: 0 5px 17px rgba(49, 42, 33, 0.17);
  color: #41413e;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}

.home-hero__chip i {
  color: #3e9c2a;
  font-size: 20px;
}

.home-hero__chip--print {
  top: 30px;
  left: 145px;
}

.home-hero__chip--models {
  top: 63px;
  right: 100px;
}

.home-hero__chip--delivery {
  top: 230px;
  left: 0;
}

.home-hero__chip--price {
  top: 300px;
  right: 15px;
}

.home-hero__leaf {
  position: absolute;
  z-index: 1;
  top: 20px;
  right: -35px;
  width: 220px;
  height: 330px;
}

.home-hero__leaf span {
  position: absolute;
  display: block;
  width: 165px;
  height: 85px;
  border-radius: 100% 0 100% 0;
  background: linear-gradient(135deg, #2c8f31, #0f5e27);
}

.home-hero__leaf span:nth-child(1) {
  top: 20px;
  right: 10px;
  transform: rotate(28deg);
}

.home-hero__leaf span:nth-child(2) {
  top: 115px;
  right: -4px;
  transform: rotate(53deg) scale(0.9);
}

.home-hero__leaf span:nth-child(3) {
  top: 210px;
  right: 25px;
  transform: rotate(73deg) scale(0.75);
}

.home-hero-benefits {
  position: absolute;
  right: 0;
  bottom: -50px;
  left: 0;
  z-index: 6;
  min-height: 100px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 18px 25px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 8px 24px rgba(60, 47, 33, 0.16);
  max-width: 1358px;
  margin: auto;
}

.home-hero-benefits article {
  min-width: 0;
  flex: 0 0 25%;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0 22px;
}

.home-hero-benefits article:not(:last-child) {
  border-right: 1px solid #e5e5e5;
}

.home-hero-benefits article .home-hero-benefits__icon {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #edf9eb;
  color: #53a268;
  font-size: 19px;
}

.home-hero-benefits article:nth-child(even)>i {
  background: #fff2e3;
  color: #ff821f;
}

.home-hero-benefits h3 {
  margin: 0 0 5px;
  color: #16813c;
  font-size: 14px;
  font-weight: 700;
}

.home-hero-benefits p {
  margin: 0;
  color: #77736d;
  font-size: 14px;
  line-height: 1.45;
}

/* Homepage content */
.home-section {
  padding: 50px 0 50px;
  background: #fff;
}

.home-content {
  max-width: 1388px;
}

.home-heading {
  margin-bottom: 42px;
  text-align: center;
}

.home-heading .home-eyebrow {
  margin: 0 auto 11px;
  padding: 5px 13px;
  background: #eff9ed;
  font-size: 14px;
}

.home-heading h2 {
  margin: 0;
  color: #087b35;
  font-size: clamp(29px, 3vw, 42px);
  line-height: 1.18;
  font-weight: 700;
}

.home-heading h2 span {
  color: #ff7108;
}

.home-category-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
}

.home-category-card {
  width: calc((100% - 56px) / 3);
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 6px 6px 18px;
  border: 1px solid #e8e4df;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(66, 53, 38, 0.14);
}

.home-category-card:hover .home-category-card__image img {
  transform: scale(1.045);
}

.home-category-card ul {
  margin: 13px 20px 16px;
  padding: 0;
  list-style: none;
}

.home-category-card li {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  padding: 14px 10px 14px 50px;
  border-radius: 13px;
  background: #fff4e5;
  color: #74736f;
  font-size: 14px;
  background-image: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="13" cy="13" r="12.5" stroke="%23146C2E"/><path d="M7 12L11.1538 18L19 8" stroke="%23146C2E" stroke-width="2" stroke-linecap="round"/></svg>');
  background-repeat: no-repeat;
  background-position: left 15px center;
  background-size: 26px;
}

.home-category-card li i {
  color: #70aa67;
}

.home-category-card__desc {
  margin: 0 0 0;
  color: #74736f;
  font-size: 14px;
  line-height: 1.6;
}

.home-category-card__desc p {
  margin: 0;
}

.home-category-card__image {
  height: 245px;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  background: #f5e4d4;
}

.home-category-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.35s ease;
}

.home-category-card__title {
  min-height: 66px;
  display: flex;
  align-items: flex-end;
  gap: 13px;
  margin-top: -34px;
  position: relative;
  z-index: 1;
}

.home-category-card__title>span {
  width: 72px;
  height: 72px;
  flex: 0 0 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 8px solid #fff;
  border-radius: 50%;
  background: #eff9ed;
  color: #169047;
  padding: 15px;
}

.home-category-card__title h3 {
  margin: 0 0 8px;
  color: #16863e;
  font-size: 18px;
  font-weight: 700;
}

.home-outline-button {
  margin: 0 20px;
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid #16863e;
  border-radius: 7px;
  color: #16863e !important;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;
}

.home-outline-button.is-active,
.home-outline-button:hover {
  background: #087b35;
  color: #fff !important;
}

.home-factory,
.home-industries {
  background: #fff6e9;
}

.home-factory-main {
  display: flex;
  gap: 56px;
  align-items: stretch;
}

.home-factory-gallery {
  min-width: 0;
  flex: 1.12 1 0;
}

.home-factory-gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-factory-gallery__hero {
  height: 260px;
  overflow: hidden;
  border-radius: 12px 12px 0 0;
}

.home-factory-gallery__small {
  display: flex;
  gap: 6px;
  height: 210px;
  margin-top: 6px;
}

.home-factory-gallery__small img {
  min-width: 0;
  flex: 1 1 0;
}

.home-factory-gallery__small img:first-child {
  object-position: left center;
  border-radius: 0 0 0 12px;
}

.home-factory-gallery__small img:last-child {
  border-radius: 0 0 12px 0;
}

.home-factory-copy {
  min-width: 0;
  flex: 0.88 1 0;
}

.home-factory-copy .home-eyebrow {
  margin-right: 0;
  margin-left: 0;
  background: #eff9ed;
}

.home-factory-copy h2 {
  margin: 0 0 24px;
  color: #087b35;
  font-size: clamp(29px, 3vw, 42px);
  line-height: 1.18;
  font-weight: 700;
}

.home-factory-copy h2 span {
  color: #ff7108;
}

.home-factory-copy>p {
  margin: 0 0 24px;
  color: #6d6b66;
  font-size: 14px;
  line-height: 1.7;
}

.home-factory-features {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.home-factory-features>div {
  min-height: 43px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 13px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 3px 11px rgba(61, 48, 35, 0.1);
  color: #5c5c58;
  font-size: 14px;
}

.home-factory-features i {
  width: 25px;
  color: #6cb67a;
  font-size: 16px;
  text-align: center;
}

.home-service-strip {
  display: flex;
  gap: 28px;
  margin-top: 28px;
}

.home-service-strip article {
  min-height: 104px;
  min-width: 0;
  flex: 1 1 0;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 21px 28px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(66, 53, 38, 0.14);
}

.home-service-strip article>i {
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff3e4;
  color: #ff7c1a;
  font-size: 24px;
}

.home-service-strip h3 {
  margin: 0 0 5px;
  color: #13813c;
  font-size: 14px;
  font-weight: 700;
}

.home-service-strip p {
  margin: 0;
  color: #88847e;
  font-size: 14px;
  line-height: 1.45;
}

.home-process-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
}

.home-process-card {
  width: calc((100% - 88px) / 5);
  position: relative;
  min-height: 188px;
  padding: 52px 16px 20px;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(66, 53, 38, 0.14);
  text-align: center;
}

.home-process-card__number {
  position: absolute;
  top: 13px;
  left: 50%;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transform: translateX(-50%);
  background: #087b35;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  border: 5px solid #EFF8E8;
}

.home-process-card:nth-child(even) .home-process-card__number {
  background: #ff7108;
  border: 5px solid #FFF0DD;
}

.home-process-card>img {
  margin: 25px 0 15px;
  color: #47a568;
  font-size: 31px;
  max-width: 50px;
}

.home-process-card h3 {
  margin: 0 0 7px;
  color: #13813c;
  font-size: 14px;
  font-weight: 700;
}

.home-process-card p {
  margin: 0;
  color: #8c8985;
  font-size: 14px;
  line-height: 1.45;
}

.home-process-card__arrow {
  position: absolute;
  top: 50%;
  right: -27px;
  z-index: 2;
  color: #39a05e;
  font-size: 15px;
  transform: translateY(-50%);
}

.home-process-actions {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 36px;
}

.home-button {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 9px 23px;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;
}

.home-button--orange {
  background: #ff7108;
  color: #fff !important;
}

.home-button--outline {
  border: 1px solid #087b35;
  color: #087b35 !important;
}

.home-industry-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
}

.home-industry-card {
  width: calc((100% - 66px) / 4);
  overflow: hidden;
  padding: 8px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(66, 53, 38, 0.14);
  position: relative;
}

.home-industry-card h3 {
  min-height: 36px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px 0;
  color: #ff7108;
  font-size: 14px;
  font-weight: 700;
}

.home-industry-card h3.is-green {
  color: #087b35;
}

.home-industry-card h3 .home-industry-card__icon {
  width: 45px;
  height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: currentColor;
}

.home-industry-card h3 i::before {
  color: #fff;
}

.home-industry-card>img {
  width: 100%;
  height: 220px;
  border-radius: 8px;
  object-fit: cover;
}

.home-industry-card>div {
  min-height: 75px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 11px 6px 4px;
}

.home-industry-card p {
  flex: 1;
  margin: 0;
  color: #817f7a;
  font-size: 15px;
  line-height: 1.45;
}

.home-industry-card .xt {
  width: 31px;
  height: 31px;
  flex: 0 0 31px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff4e5;
  color: #ff7108;
}

.home-industry-card__image {
  border-radius: 12px;
  width: 100%;
}

.xt-info {
  display: flex;
  margin: 20px 0 15px 0;
  justify-content: space-between;
  align-items: center;
}

.home-reason-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 22px 28px;
}

.home-reason-grid article {
  width: calc((100% - 56px) / 3);
  min-height: 100px;
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 18px 22px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(66, 53, 38, 0.14);
}

.home-reason-grid article>.home-reason-image {
  width: 51px;
  height: 51px;
  flex: 0 0 51px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFF0DD;
  border-radius: 50%;
  color: #ff7b18;
  padding: 10px;
}

.home-reason-grid article>.home-reason-image img {
  display: block;
}

.home-reason-grid h3 {
  margin: 0 0 5px;
  color: #15803c;
  font-size: 14px;
  font-weight: 700;
}

.home-reason-grid p {
  margin: 0;
  color: #87837f;
  font-size: 14px;
  line-height: 1.45;
}

.home-samples {
  padding-top: 30px;
  padding-bottom: 95px;
  background: linear-gradient(#fff 0%, #fffaf4 100%);
}

.home-sample-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.home-sample-card {
  width: calc((100% - 72px) / 4);
  overflow: hidden;
  display: block;
  padding: 7px;
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(66, 53, 38, 0.14);
  text-decoration: none !important;
}

.home-sample-card img {
  width: 100%;
  height: 190px;
  border-radius: 6px;
  object-fit: cover;
  transition: 0.3s ease;
}

.home-sample-card:hover img {
  transform: scale(1.04);
}

.home-sample-card h3 {
  margin: 0;
  padding: 12px 5px 7px;
  color: #12803c;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}

/* Footer */
.site-footer {
  --footer-green: #087b35;
  --footer-orange: #ff7108;
  position: relative;
  margin-top: 92px;
  padding: 0;
  background: #f1f9ea;
  color: #687168;
}

.footer-cta {
  position: relative;
  z-index: 2;
  min-height: 198px;
  display: flex;
  align-items: center;
  gap: 35px;
  padding: 30px 145px 30px 50px;
  border-radius: 22px;
  background: url(../images/bg-baogia.jpg?v=a) no-repeat bottom right;
  background-size: cover;
  box-shadow: 0 7px 22px rgba(103, 71, 36, 0.16);
  transform: translateY(-50%);
  margin-bottom: -58px;
  overflow: hidden;
}

.footer-cta__support {
  flex: 0 0 70px;
  position: relative;
  z-index: 1;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 6px 17px rgba(62, 49, 36, 0.2);
  color: #ff7108;
  font-size: 42px;
}

.footer-cta__copy {
  min-width: 0;
  flex: 1 1 auto;
  position: relative;
  z-index: 1;
}

.footer-cta__copy h2 {
  margin: 0 0 12px;
  color: #087b35;
  font-size: clamp(18px, 2vw, 30px);
  line-height: 1.2;
  font-weight: 700;
}

.footer-cta__copy h2 span {
  color: #ff7108;
}

.footer-cta__copy p {
  margin: 0;
  color: #656565;
  font-size: 15px;
  line-height: 1.55;
}

.footer-cta__actions {
  flex: 0 0 280px;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.footer-cta__button {
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 10px 22px;
  border-radius: 11px;
  color: #fff !important;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none !important;
}

.footer-cta__button--phone {
  background: #ff7108;
}

.footer-cta__button--quote {
  background: #087b35;
}

.footer-cta__plant {
  position: absolute;
  right: -8px;
  bottom: -5px;
  width: 130px;
  height: 150px;
}

.footer-cta__stem {
  position: absolute;
  right: 50px;
  bottom: -10px;
  width: 3px;
  height: 127px;
  background: #44691c;
  transform: rotate(8deg);
}

.footer-cta__leaf {
  position: absolute;
  width: 68px;
  height: 30px;
  border-radius: 100% 0 100% 0;
  background: linear-gradient(135deg, #8cae2e, #316a20);
}

.footer-cta__leaf--1 {
  right: 46px;
  bottom: 20px;
  transform: rotate(15deg);
}

.footer-cta__leaf--2 {
  right: 9px;
  bottom: 52px;
  transform: rotate(207deg) scale(0.86);
}

.footer-cta__leaf--3 {
  right: 50px;
  bottom: 75px;
  transform: rotate(45deg) scale(0.84);
}

.footer-cta__leaf--4 {
  right: 8px;
  bottom: 105px;
  transform: rotate(224deg) scale(0.72);
}

.site-footer .footer-grid {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(28px, 3vw, 65px);
  align-items: start;
  padding: 0 0 72px;
}

.site-footer .footer-grid>* {
  min-width: 0;
  flex: 1 1 0;
}

.site-footer .footer-grid>*:first-child {
  flex-grow: 1.55;
}

.site-footer .footer-grid>*:last-child {
  flex-grow: 1.45;
}

.site-footer .footer-logo {
  display: inline-block;
  margin: 0 0 24px;
}

.site-footer .footer-logo img {
  display: block;
  width: 235px;
  max-width: 100%;
  height: auto;
}

.site-footer .footer-description {
  max-width: 315px;
  margin: 0;
  color: #687168;
  font-size: 14px;
  line-height: 1.65;
  text-align: justify;
}

.footer-column h3 {
  margin: 4px 0 26px;
  color: #116c31;
  font-size: 16px;
  font-weight: 700;
}

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

.footer-column li {
  margin: 0 0 17px;
  color: #687168;
  font-size: 14px;
  line-height: 1.45;
}

.footer-column a {
  color: inherit;
  text-decoration: none;
}

.footer-column a:hover {
  color: #ff7108;
}

.footer-contact li {
  display: flex;
  align-items: flex-start;
  gap: 9px;
}

.footer-contact li i {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #ff7108;
  color: #fff;
  font-size: 14px;
}

.footer-bottom {
  min-height: 49px;
  display: flex;
  align-items: center;
  background: #087b35;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}

.footer-bottom .wrap-content {
  width: 100%;
}

.home-categories {
  padding-top: 120px;
}

/* Responsive */
@media (max-width: 1199px) {
  .header .logo-header img {
    width: 170px;
  }

  .header .cont-right {
    gap: 15px;
  }

  .header .menu ul.menu-main {
    gap: 13px;
  }

  .header .menu ul.menu-main>li>a {
    font-size: 14px;
  }

  .header-action {
    min-height: 39px;
    padding: 8px 10px;
    font-size: 14px;
  }

  .home-hero__copy {
    padding-left: 20px;
  }

  .home-hero-benefits {
    right: 25px;
    left: 25px;
  }

  .home-hero-benefits article {
    padding: 0 13px;
  }

  .site-footer .footer-grid>* {
    width: calc((100% - 2 * clamp(28px, 3vw, 65px)) / 3);
    flex: 0 0 auto;
  }

  .footer-cta {
    padding: 26px 115px 26px 32px;
  }

  .footer-cta__support {
    flex-basis: 82px;
  }

  .footer-cta__actions {
    flex-basis: 240px;
  }
}

@media (max-width: 991px) {
  .header .header-top {
    display: none;
  }

  .menu-res {
    display: block;
    height: 66px;
  }

  .menu-bar-res {
    height: 66px;
  }

  .menu-res .logo-header img {
    width: 175px;
    max-height: 48px;
  }

  .home-hero__inner {
    flex-direction: column;
    min-height: 790px;
    align-items: start;
    padding-top: 65px;
    padding-bottom: 155px;
  }

  .home-hero__visual {
    position: absolute;
    right: 0;
    bottom: 125px;
    width: 55%;
    height: 440px;
    opacity: 0.27;
  }

  .home-hero-benefits {
    gap: 18px 0;
  }

  .home-hero-benefits article {
    flex-basis: 50%;
  }

  .home-category-grid {
    gap: 18px;
  }

  .home-category-card__image {
    height: 190px;
  }

  .home-factory-main {
    flex-direction: column;
  }

  .home-process-grid .home-process-card {
    width: calc((100% - 44px) / 3);
  }

  .home-process-card__arrow {
    display: none;
  }

  .home-industry-grid>*,
  .home-sample-grid>* {
    width: calc((100% - 22px) / 2);
  }

  .site-footer .footer-grid>* {
    width: calc((100% - clamp(28px, 3vw, 65px)) / 2);
  }

  .footer-cta {
    flex-wrap: wrap;
    padding: 28px 32px;
    transform: translateY(-35%);
    margin-bottom: -25px;
  }

  .footer-cta__actions {
    width: calc(100% - 107px);
    flex-basis: auto;
    flex-direction: row;
    margin-left: 107px;
  }

  .footer-cta__actions>* {
    flex: 1 1 0;
  }

  .footer-cta__plant {
    display: none;
  }
}

@media (max-width: 767px) {

  /* .home-hero__slide {
    height: 580px;
  } */
  .home-hero__overlay {
    position: inherit;
  }

  .home-hero__slide::after {
    background: rgba(5, 37, 19, 0.68);
  }

  .home-hero__inner {
    min-height: 735px;
    padding-top: 50px;
    padding-bottom: 270px;
  }

  .home-hero__copy {
    max-width: 100%;
    padding: 20px;
  }

  .home-hero__copy h1 {
    font-size: 36px;
  }

  .home-hero__copy>p {
    font-size: 14px;
  }

  .home-hero__actions {
    align-items: stretch;
    flex-direction: column;
  }

  .home-hero__button {
    width: 100%;
  }

  .home-hero__visual {
    bottom: 205px;
    width: 90%;
    height: 320px;
  }

  .home-hero-benefits {
    right: 0;
    bottom: 0;
    left: 0;
    padding: 14px 8px;
position: inherit;
        margin-top: 30px;
  }

  .home-hero-benefits article {
    gap: 8px;
    padding: 0 8px;
    border-right: 0 !important;
  }

  .home-hero-benefits article .home-hero-benefits__icon {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
    font-size: 15px;
  }

  .home-hero-benefits h3 {
    font-size: 14px;
  }

  .home-hero-benefits p {
    display: none;
  }

  .home-section {
    padding: 30px 0;
  }

  .home-heading {
    margin-bottom: 30px;
  }

  .home-heading h2 {
    font-size: 18px;
  }

  .home-category-grid:not(.slick-initialized) .home-category-card {
    width: 100%;
  }

  .home-category-grid.slick-initialized {
    display: block;
    gap: 0;
    margin-bottom: 30px;
  }

  .home-category-grid.slick-initialized .slick-track {
    display: flex;
  }

  .home-category-grid.slick-initialized .slick-slide {
    height: auto;
    transform: scale(0.9);
    transition: transform 0.4s ease;
  }

  .home-category-grid.slick-initialized .slick-center {
    transform: scale(1);
  }

  .home-category-grid.slick-initialized .home-category-card {
    display: flex;
    box-shadow: none;
  }

  .home-category-grid.slick-initialized .slick-dots {
    bottom: -35px;
  }

  .home-category-grid.slick-initialized .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 4px;
  }

  .home-category-grid.slick-initialized .slick-dots li button {
    width: 10px;
    height: 10px;
    padding: 0;
  }

  .home-category-grid.slick-initialized .slick-dots li button::before {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #c9c9c9;
    color: transparent;
    opacity: 1;
    content: "";
  }

  .home-category-grid.slick-initialized .slick-dots li.slick-active button::before {
    background: #ff7108;
  }

  .home-process-grid.slick-initialized {
    display: block;
    gap: 0;
    margin-bottom: 30px;
    /* padding: 0 10px; */
  }

  .home-process-grid.slick-initialized .slick-track {
    display: flex;
    align-items: stretch;
    padding: 30px;
  }

  .home-process-grid.slick-initialized .slick-slide {
    height: auto;
    margin-right: 16px;
  }

  .home-process-grid.slick-initialized .slick-list {
    height: auto !important;
    margin: -12px;
    padding: 0 15px;
  }

  .home-process-grid.slick-initialized .home-process-card {
    display: block;
    width: 250px;
    max-width: calc(100vw - 60px);
  }

  .home-process-card>img {
    margin: 25px auto 15px;
  }

  .home-process-grid.slick-initialized .slick-dots {
    bottom: 0;
  }

  .home-process-grid.slick-initialized .slick-dots li.slick-active button::before {
    color: #ff7108;
  }

  .home-process-grid.slick-initialized .home-process-card__arrow {
    display: none;
  }

  .home-reason-grid article {
    width: 100%;
  }

  .home-service-strip {
    flex-direction: column;
  }

  .home-service-strip article {
    width: 100%;
  }

  .home-category-card__image {
    height: 250px;
  }

  .home-factory-main {
    gap: 35px;
  }

  .home-process-grid .home-process-card {
    width: calc((100% - 22px) / 2);
  }

  .home-process-actions {
    flex-direction: column;
  }

  .home-button {
    width: 100%;
  }

  .site-footer {
    margin-top: 105px;
  }

  .footer-cta {
    display: block;
    padding: 28px 22px;
    transform: translateY(-22%);
    margin-bottom: -12px;
    text-align: center;
  }

  .footer-cta__support {
    width: 62px;
    height: 62px;
    margin: 0 auto 20px;
    font-size: 29px;
  }

  .footer-cta__actions {
    width: 100%;
    flex-direction: column;
    margin-left: 0;
    margin-top: 22px;
  }

  .site-footer .footer-grid {
    gap: 34px 25px;
    padding-bottom: 45px;
  }

  .site-footer .footer-grid>* {
    width: calc((100% - 25px) / 2);
  }

  .footer-brand,
  .footer-contact {
    width: 100% !important;
  }
  .home-industry-card .xt {
   position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
  }
  .home-hero__eyebrow, .home-eyebrow ,.home-heading .home-eyebrow{
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  .home-hero__copy h1 {
    font-size: 31px;
  }

  .home-process-grid>*,
  .home-industry-grid>*,
  .home-sample-grid>* {
    width: 100%;
  }

  .home-industry-card>img,
  .home-sample-card img {
    height: 230px;
  }

  .site-footer .footer-grid>* {
    width: 100%;
  }

  .footer-brand,
  .footer-contact {
    width: 100%;
  }
}