@charset "UTF-8";
:root {
  --color-main: #212877;
  --color-main-2: #F77B00;
  --bg-main: #12254D;
  --color-gradient-main: linear-gradient(180deg, #000000 0%, #0D0D0D 100%);
  --color-gradient-main-2: linear-gradient(180deg, #ffe270 0%, #ffa10a 100%);
  --color-text: #333;
  --color-border: #CDCDCD;
  --color-hover: #f1dd82;
  --w-container: 1180px;
  --w-container-2: 1446px;
  --size-section: 60px;
  --fs-h1: 2.4rem;
  --fs-h2: 2.2rem;
  --fs-h3: 2rem;
  --fs-h4: 1.9rem;
  --fs-h5: 1.8rem;
  --fs-h6: 1.6rem;
  --fs-text: 16px;
  --fs-menu: 17px;
  --fs-title-slide: 38px;
  --fs-subtitle-slide: 20px;
  --fs-sub-title: 22px;
  --fs-title-name: 24px;
  --fs-detail-news: 30px;
  --fs-title: 34px;
  --fs-contact: 18px;
  --fs-title-card: 18px;
  --fs-title-contact: 28px;
  --fs-title-min: 2.8rem;
  --fs-title-min-2: 24px;
  --fs-title-tp: 5.2rem;
}

@media (max-width: 1599px) {
  :root {
    --fs-title-slide: 35px;
  }
}
@media (max-width: 1399px) {
  :root {
    --w-container: 1140px;
    --size-section: 50px;
    --fs-h1: 2.2rem;
    --fs-h2: 2rem;
    --fs-h3: 1.8rem;
    --fs-h4: 1.7rem;
    --fs-h5: 1.6rem;
    --fs-h6: 1.5rem;
    --fs-text: 1.4rem;
    --fs-title: 2.6rem;
    --fs-title-contact: 2.6rem;
  }
}
@media (max-width: 1199px) {
  :root {
    --w-container: 960px;
    --size-section: 40px;
    --fs-title-slide: 25px;
    --fs-title-name: 16px;
  }
}
@media (max-width: 991px) {
  :root {
    --w-container: 720px;
    --size-section: 30px;
    --fs-h1: 2rem;
    --fs-h2: 1.9rem;
    --fs-h3: 1.7rem;
    --fs-h4: 1.6rem;
    --fs-h5: 1.5rem;
    --fs-h6: 1.4rem;
    --fs-text: 1.4rem;
    --fs-title: 2.5rem;
    --fs-title-min: 2.6rem;
    --fs-title-min-2: 2.4rem;
    --fs-title-tp: 4.8rem;
    --fs-title-contact: 2.5rem;
  }
}
@media (max-width: 767px) {
  :root {
    --fs-title-tp: 4.4rem;
    --w-container: 540px;
    --size-section: 20px;
    --fs-title-min: 2rem;
    --fs-title: 22px;
    --fs-title-min-2: 2.4rem;
    --fs-title-slide: 18px;
    --fs-sub-title: 16px;
    --fs-contact: 15px;
    --fs-title-name: 16px;
    --fs-detail-news: 22px;
    --fs-title-contact: 18px;
    --fs-subtitle-slide: 12px;
  }
}
@media (max-width: 575px) {
  :root {
    --w-container: 100%;
    --size-section: 15px;
  }
}
:root {
  --color-main: #212877;
  --color-main-2: #F77B00;
  --bg-main: #12254D;
  --color-gradient-main: linear-gradient(180deg, #000000 0%, #0D0D0D 100%);
  --color-gradient-main-2: linear-gradient(180deg, #ffe270 0%, #ffa10a 100%);
  --color-text: #333;
  --color-border: #CDCDCD;
  --color-hover: #f1dd82;
  --w-container: 1180px;
  --w-container-2: 1446px;
  --size-section: 60px;
  --fs-h1: 2.4rem;
  --fs-h2: 2.2rem;
  --fs-h3: 2rem;
  --fs-h4: 1.9rem;
  --fs-h5: 1.8rem;
  --fs-h6: 1.6rem;
  --fs-text: 16px;
  --fs-menu: 17px;
  --fs-title-slide: 38px;
  --fs-subtitle-slide: 20px;
  --fs-sub-title: 22px;
  --fs-title-name: 24px;
  --fs-detail-news: 30px;
  --fs-title: 34px;
  --fs-contact: 18px;
  --fs-title-card: 18px;
  --fs-title-contact: 28px;
  --fs-title-min: 2.8rem;
  --fs-title-min-2: 24px;
  --fs-title-tp: 5.2rem;
}

@media (max-width: 1599px) {
  :root {
    --fs-title-slide: 35px;
  }
}
@media (max-width: 1399px) {
  :root {
    --w-container: 1140px;
    --size-section: 50px;
    --fs-h1: 2.2rem;
    --fs-h2: 2rem;
    --fs-h3: 1.8rem;
    --fs-h4: 1.7rem;
    --fs-h5: 1.6rem;
    --fs-h6: 1.5rem;
    --fs-text: 1.4rem;
    --fs-title: 2.6rem;
    --fs-title-contact: 2.6rem;
  }
}
@media (max-width: 1199px) {
  :root {
    --w-container: 960px;
    --size-section: 40px;
    --fs-title-slide: 25px;
    --fs-title-name: 16px;
  }
}
@media (max-width: 991px) {
  :root {
    --w-container: 720px;
    --size-section: 30px;
    --fs-h1: 2rem;
    --fs-h2: 1.9rem;
    --fs-h3: 1.7rem;
    --fs-h4: 1.6rem;
    --fs-h5: 1.5rem;
    --fs-h6: 1.4rem;
    --fs-text: 1.4rem;
    --fs-title: 2.5rem;
    --fs-title-min: 2.6rem;
    --fs-title-min-2: 2.4rem;
    --fs-title-tp: 4.8rem;
    --fs-title-contact: 2.5rem;
  }
}
@media (max-width: 767px) {
  :root {
    --fs-title-tp: 4.4rem;
    --w-container: 540px;
    --size-section: 20px;
    --fs-title-min: 2rem;
    --fs-title: 22px;
    --fs-title-min-2: 2.4rem;
    --fs-title-slide: 18px;
    --fs-sub-title: 16px;
    --fs-contact: 15px;
    --fs-title-name: 16px;
    --fs-detail-news: 22px;
    --fs-title-contact: 18px;
    --fs-subtitle-slide: 12px;
  }
}
@media (max-width: 575px) {
  :root {
    --w-container: 100%;
    --size-section: 15px;
  }
}
@font-face {
  font-family: "Montserrat-Regular";
  src: url("../fonts/Montserrat-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat-Semibold";
  src: url("../fonts/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat-Bold";
  src: url("../fonts/Montserrat-Bold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "PlayfairDisplay";
  src: url("../fonts/PlayfairDisplay-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Montserrat-Regular;
}

.no-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #ccc;
}

.container {
  padding-left: 15px;
  padding-right: 15px;
  width: var(--w-container);
  margin: auto;
}

.social-fixed {
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 20;
}
.social-fixed .scroll-top {
  background: #fff;
  border: 1px solid var(--color-main-2);
}
.social-fixed .scroll-top svg {
  width: 20px;
}
.social-fixed a, .social-fixed div {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px 0;
  width: 45px;
  background: var(--color-main-2);
  height: 45px;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  position: relative;
  cursor: pointer;
}
.social-fixed a img, .social-fixed div img {
  object-fit: contain;
  width: 60%;
}
@media (min-width: 0) {
  .social-fixed .coccoc-alo-ph-circle {
    width: 60px;
    height: 60px;
    top: -27.5px;
    left: -14px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid var(--color-main-2);
    opacity: 0.1;
    -webkit-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .social-fixed .coccoc-alo-ph-circle {
    top: -23.5px;
    left: -8px;
  }
}
@media (min-width: 0) {
  .social-fixed .coccoc-alo-phone {
    background-color: transparent;
    cursor: pointer;
    z-index: 200000 !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility 0.5s;
    -moz-transition: visibility 0.5s;
    -o-transition: visibility 0.5s;
    transition: visibility 0.5s;
  }
  .social-fixed .coccoc-alo-ph-circle-fill {
    width: 38px;
    height: 38px;
    top: -15px;
    left: 0px;
    display: none;
    position: absolute;
    background-color: var(--color-main-2);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
  .social-fixed .coccoc-alo-ph-img-circle {
    width: 35px;
    height: 35px;
    top: -8px;
    left: 8px;
    position: absolute;
    z-index: 10;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: 1;
    -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    background-color: var(--color-main-2);
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .social-fixed .coccoc-alo-ph-img-circle {
    top: -10px;
    left: 6px;
  }
}
@media (min-width: 0) {
  @-moz-keyframes coccoc-alo-circle-anim {
    0% {
      transform: rotate(0) scale(0.5) skew(1deg);
      opacity: 0.1;
    }
    30% {
      transform: rotate(0) scale(0.7) skew(1deg);
      opacity: 0.5;
    }
    100% {
      transform: rotate(0) scale(1) skew(1deg);
      opacity: 0.1;
    }
  }
  @-webkit-keyframes coccoc-alo-circle-anim {
    0% {
      transform: rotate(0) scale(0.5) skew(1deg);
      opacity: 0.1;
    }
    30% {
      transform: rotate(0) scale(0.7) skew(1deg);
      opacity: 0.5;
    }
    100% {
      transform: rotate(0) scale(1) skew(1deg);
      opacity: 0.1;
    }
  }
  @-o-keyframes coccoc-alo-circle-anim {
    0% {
      transform: rotate(0) scale(0.5) skew(1deg);
      opacity: 0.1;
    }
    30% {
      transform: rotate(0) scale(0.7) skew(1deg);
      opacity: 0.5;
    }
    100% {
      transform: rotate(0) scale(1) skew(1deg);
      opacity: 0.1;
    }
  }
  @keyframes coccoc-alo-circle-anim {
    0% {
      transform: rotate(0) scale(0.5) skew(1deg);
      opacity: 0.1;
    }
    30% {
      transform: rotate(0) scale(0.7) skew(1deg);
      opacity: 0.5;
    }
    100% {
      transform: rotate(0) scale(1) skew(1deg);
      opacity: 0.1;
    }
  }
  @-moz-keyframes coccoc-alo-circle-fill-anim {
    0% {
      transform: rotate(0) scale(0.7) skew(1deg);
      opacity: 0.9;
    }
    50% {
      transform: rotate(0) scale(1) skew(1deg);
      opacity: 0.9;
    }
    100% {
      transform: rotate(0) scale(0.7) skew(1deg);
      opacity: 0.9;
    }
  }
  @-webkit-keyframes coccoc-alo-circle-fill-anim {
    0% {
      transform: rotate(0) scale(0.7) skew(1deg);
      opacity: 0.9;
    }
    50% {
      transform: rotate(0) scale(1) skew(1deg);
      opacity: 0.9;
    }
    100% {
      transform: rotate(0) scale(0.7) skew(1deg);
      opacity: 0.9;
    }
  }
  @-o-keyframes coccoc-alo-circle-fill-anim {
    0% {
      transform: rotate(0) scale(0.7) skew(1deg);
      opacity: 0.9;
    }
    50% {
      transform: rotate(0) scale(1) skew(1deg);
      opacity: 0.9;
    }
    100% {
      transform: rotate(0) scale(0.7) skew(1deg);
      opacity: 0.9;
    }
  }
  @keyframes coccoc-alo-circle-fill-anim {
    0% {
      transform: rotate(0) scale(0.7) skew(1deg);
      opacity: 0.9;
    }
    50% {
      transform: rotate(0) scale(1) skew(1deg);
      opacity: 0.9;
    }
    100% {
      transform: rotate(0) scale(0.7) skew(1deg);
      opacity: 0.9;
    }
  }
  @-moz-keyframes coccoc-alo-circle-img-anim {
    0% {
      transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
      transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
      transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
      transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
      transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
      transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
      transform: rotate(0) scale(1) skew(1deg);
    }
  }
  @-webkit-keyframes coccoc-alo-circle-img-anim {
    0% {
      transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
      transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
      transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
      transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
      transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
      transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
      transform: rotate(0) scale(1) skew(1deg);
    }
  }
  @-o-keyframes coccoc-alo-circle-img-anim {
    0% {
      transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
      transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
      transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
      transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
      transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
      transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
      transform: rotate(0) scale(1) skew(1deg);
    }
  }
  @keyframes coccoc-alo-circle-img-anim {
    0% {
      transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
      transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
      transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
      transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
      transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
      transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
      transform: rotate(0) scale(1) skew(1deg);
    }
  }
}
@media (min-width: 992px) {
  .social-fixed .coccoc-alo-ph-circle {
    width: 70px;
    height: 70px;
  }
  .social-fixed .coccoc-alo-ph-circle-fill {
    width: 50px;
    height: 50px;
  }
  .social-fixed .coccoc-alo-ph-img-circle {
    width: 40px;
    height: 40px;
    top: -12px;
    left: 2px;
  }
}
@media (min-width: 1024px) {
  .social-fixed .open-contact-menu {
    display: none;
  }
}
.social-fixed .open-contact-menu {
  display: flex;
  align-items: center;
  justify-content: center;
}
.social-fixed .open-contact-menu svg {
  width: 30px;
  fill: #333;
}
.social-fixed .open-contact-menu svg path {
  fill: #333;
  stroke: #333;
}

.skiptranslate {
  display: none;
}

.text-uppercase {
  text-transform: uppercase;
}

/* width */
::-webkit-scrollbar {
  width: 8px;
  height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 15px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #ddd;
}

html {
  font-size: 62.5%;
}

body {
  overflow-x: hidden;
  top: 0 !important;
  color: #333;
  font-family: "Montserrat-Regular", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
}
body.no-scroll {
  overflow: hidden;
}

.overflow-hidden {
  overflow-x: hidden;
}

a {
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  color: var(--color-text);
}
a:hover {
  color: var(--color-hover);
}

button {
  cursor: pointer;
}

img {
  max-width: 100%;
  height: auto;
  transition: all 0.3s linear;
}

.img {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.img.hover:hover img {
  transform: scale(1.05);
}

.img-contain {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.img-contain img {
  width: initial;
  height: initial;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
}
.img-contain.hover:hover img {
  transform: scale(1.05);
}

strong {
  font-weight: 700;
}

form input.error,
form textarea.error,
form select.error {
  color: red !important;
}
form input.error::placeholder,
form textarea.error::placeholder,
form select.error::placeholder {
  color: red !important;
}
form label.error {
  display: none !important;
}

input,
button,
textarea,
select {
  outline: none;
  border: 0;
  padding: 0;
  margin: 0;
  background-color: transparent;
  font-weight: 400;
  font-size: var(--fs-text);
}
input::placeholder,
button::placeholder,
textarea::placeholder,
select::placeholder {
  font-size: var(--fs-text);
  font-weight: 400;
}

h1 {
  font-size: var(--fs-h1);
}

h2 {
  font-size: var(--fs-h2);
}

h3 {
  font-size: var(--fs-h3);
}

h4 {
  font-size: var(--fs-h4);
}

h5 {
  font-size: var(--fs-h5);
}

h6 {
  font-size: var(--fs-h6);
}

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

.mb-30 {
  margin-bottom: 30px;
}
@media (max-width: 1200px) {
  .mb-30 {
    margin-bottom: 15px;
  }
}

.mb-15 {
  margin-bottom: 15px;
}

.py-block {
  padding-top: var(--size-section);
  padding-bottom: var(--size-section);
}

.pb-block {
  padding-bottom: var(--size-section);
}

.pt-block {
  padding-top: var(--size-section);
}

.my-block {
  margin-top: var(--size-section);
  margin-bottom: var(--size-section);
}

.mb-block {
  margin-bottom: var(--size-section);
}

.mt-block {
  margin-top: var(--size-section);
}

/* HTML: <div class="loader"></div> */
.loader {
  width: 50px;
  aspect-ratio: 1;
  display: grid;
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 50%;
  border-color: #ccc rgba(0, 0, 0, 0);
  animation: l16 1s infinite linear;
}

.loader::before,
.loader::after {
  content: "";
  grid-area: 1/1;
  margin: 2px;
  border: inherit;
  border-radius: 50%;
}

.loader::before {
  border-color: #f03355 rgba(0, 0, 0, 0);
  animation: inherit;
  animation-duration: 0.5s;
  animation-direction: reverse;
}

.loader::after {
  margin: 8px;
}

@keyframes l16 {
  100% {
    transform: rotate(1turn);
  }
}
.loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 30;
}
.loading.active {
  opacity: 1;
  pointer-events: all;
  z-index: 100;
  color: #fff;
}

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  opacity: 0;
  transition: all 0.5s ease;
}
.overlay.show {
  opacity: 1;
  pointer-events: all;
  display: flex !important;
}
.overlay.show1 {
  opacity: 1;
  pointer-events: all;
  display: flex !important;
}

.detail-content h2,
.detail-content h3,
.detail-content h4,
.detail-content h5,
.detail-content h6 {
  margin-bottom: 15px;
  line-height: 1.5;
  color: var(--color-text);
}
.detail-content h2,
.detail-content h3,
.detail-content h4 {
  font-weight: 700;
}
.detail-content p {
  line-height: 1.5;
  margin-bottom: 15px;
}
.detail-content p:last-child {
  margin-bottom: 0;
}
.detail-content img {
  height: initial !important;
}
.detail-content figure {
  margin-bottom: 15px;
}
.detail-content figure img {
  display: block;
}
.detail-content figure figcaption {
  text-align: center;
  padding: 5px 15px;
  font-size: var(--fs-text-min);
  font-style: italic;
}
.detail-content ul,
.detail-content ol {
  margin-bottom: 15px;
  padding-left: 25px;
}
.detail-content ul li,
.detail-content ol li {
  padding-bottom: 5px;
  line-height: 1.5;
}
.detail-content ul li:last-child,
.detail-content ol li:last-child {
  padding-bottom: 0;
}
.detail-content ul li::marker,
.detail-content ol li::marker {
  color: var(--color-text);
}
.detail-content ul {
  list-style-type: disc;
}
.detail-content ul li {
  list-style-type: disc;
  color: var(--color-text);
}
.detail-content ol {
  list-style-type: decimal;
}
.detail-content ol li {
  list-style-type: decimal;
}
.detail-content .image-center {
  display: flex;
  justify-content: center;
  margin: 0 auto 15px;
}
.detail-content .image-center img {
  margin: auto;
}
.detail-content .image-left {
  float: left;
  margin-bottom: 15px;
  margin-right: 15px;
}
.detail-content .image-right {
  float: right;
  margin-bottom: 15px;
  margin-left: 15px;
}
.detail-content a {
  text-decoration: underline;
}
.detail-content a:hover {
  color: var(--color-main);
}
.detail-content .button {
  background: var(--color-main-2);
  font-size: var(--fs-text);
  color: #fff;
  text-decoration: none;
  display: table;
  vertical-align: middle;
  padding: 0 25px;
  border-radius: 5px;
  line-height: 35px;
}
.detail-content .button svg {
  margin-left: 10px;
}
.detail-content .button:hover {
  background: var(--color-main);
  color: #fff;
}
.detail-content table {
  margin-bottom: 15px;
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
}
.detail-content table tr th {
  line-height: 1;
  font-weight: 400;
  font-size: var(--fs-text);
  color: var(--color-text);
  border: 1px solid var(--color-border);
  border-top-color: var(--color-main);
}
.detail-content table tr th:first-child {
  border-left-color: var(--color-main);
}
.detail-content table tr th:last-child {
  border-right-color: var(--color-main);
}
.detail-content table tr th,
.detail-content table tr td {
  font-size: var(--fs-text);
  line-height: 1.5;
  padding: 5px;
}
.detail-content iframe {
  max-width: 100%;
  aspect-ratio: 16/9;
}
.detail-content .iframe_video {
  margin-bottom: 15px;
  aspect-ratio: 16/9;
}
.detail-content .iframe_video iframe,
.detail-content .iframe_video video {
  width: 100%;
  display: block;
  height: 100%;
}

.grecaptcha-badge {
  display: none !important;
}

.title.sub-title span {
  font-size: 2.8rem;
  font-weight: 500;
  position: relative;
  margin-bottom: 5px;
  display: inline-block;
}
.title.sub-title span:after {
  content: "";
  position: absolute;
  left: calc(100% + 5px);
  bottom: 10px;
  height: 2px;
  width: 65px;
  background: var(--color-main-2);
}
.title.sub-title h1 {
  font-size: 3.2rem;
  font-weight: 700;
}
@media (max-width: 991px) {
  .title.sub-title span {
    font-size: 2.2rem;
  }
  .title.sub-title h1 {
    font-size: 2.8rem;
  }
}
@media (max-width: 767px) {
  .title.sub-title span {
    font-size: 1.8rem;
  }
  .title.sub-title h1 {
    font-size: 2rem;
  }
}

.title-thu-phap {
  font-family: "ThuPhap";
  font-size: var(--fs-title-tp);
  color: var(--color-main);
  line-height: 1.5;
  font-weight: 400;
}

.title-sub {
  font-size: var(--fs-title-min);
  font-weight: 300;
}

.title-size {
  font-size: var(--fs-title-min-2);
}

.max-70 {
  max-width: 70%;
}
@media (max-width: 991px) {
  .max-70 {
    max-width: 100%;
  }
}

.max-50 {
  max-width: 50%;
}
@media (max-width: 991px) {
  .max-50 {
    max-width: 70%;
  }
}
@media (max-width: 767px) {
  .max-50 {
    max-width: 100%;
  }
}

.text-main,
.text-main a {
  color: var(--color-main);
}

.text-main-2,
.text-main-2 a {
  color: var(--color-main-2);
}

.title-max {
  font-size: var(--fs-title);
}

.leaf-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 316px;
  height: 316px;
  background: url("../images/la-trai.png") no-repeat;
  background-size: contain;
  z-index: -1;
  pointer-events: none;
}
@media (max-width: 991px) {
  .leaf-left {
    width: 250px;
    height: 250px;
  }
}
@media (max-width: 767px) {
  .leaf-left {
    width: 150px;
    height: 150px;
  }
}

.leaf-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 271px;
  height: 205px;
  background: url("../images/la-phai.png") no-repeat;
  background-size: contain;
  background-position: right center;
  z-index: -1;
  pointer-events: none;
}
@media (max-width: 991px) {
  .leaf-right {
    width: 140px;
    height: 140px;
  }
}
@media (max-width: 767px) {
  .leaf-right {
    width: 100px;
    height: 100px;
  }
}

.leaf-left-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 457px;
  height: 452px;
  background: url("../images/la-phai-2.png") no-repeat;
  background-size: contain;
  z-index: -1;
  pointer-events: none;
  max-width: 100%;
}

.text-white,
.text-white a {
  color: #fff !important;
}
.text-white font,
.text-white a font {
  color: #fff !important;
}

.btn-toggle {
  position: relative;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  padding: 12px;
  background-color: transparent;
  border-color: transparent;
  outline: none;
  transform: translateZ(0);
  transition: transform 0.1s ease-out;
}
.btn-toggle:active {
  transform: translateY(4px);
}
.btn-toggle:focus .line:after {
  background-color: black;
}
@media (min-width: 992px) {
  .btn-toggle {
    display: none;
  }
}

.line {
  display: block;
  width: 50px;
  padding: 3.75px;
}
.line:after {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background-color: #fff;
  border-radius: 2px;
  transform: translateZ(0) rotate(0);
  transition: background-color 0.2s ease-out;
}

.open .line:nth-child(1) {
  animation: jump-1 0.9s forwards ease;
}
.open .line:nth-child(1):after {
  animation: line-1 0.9s forwards ease-in-out;
}
.open .line:nth-child(2) {
  animation: jump-2 0.9s forwards ease;
}
.open .line:nth-child(2):after {
  animation: line-2 0.9s forwards ease-in-out;
}

.close .line:nth-child(1) {
  animation: jump-1 0.9s reverse ease;
}
.close .line:nth-child(1):after {
  animation: line-1 0.9s reverse ease-in-out;
}
.close .line:nth-child(2) {
  animation: jump-2 0.9s reverse ease;
}
.close .line:nth-child(2):after {
  animation: line-2 0.9s reverse ease-in-out;
}

.open .line:nth-child(3),
.close .line:nth-child(3) {
  animation: jump-3 0.9s forwards ease-out;
}

@keyframes line-1 {
  10% {
    transform: translateZ(0) rotate(0);
  }
  80% {
    transform: translateZ(0) rotate(395deg);
  }
  90%, 100% {
    transform: translateZ(0) rotate(405deg);
  }
}
@keyframes line-2 {
  10% {
    transform: translateZ(0) rotate(0);
  }
  20% {
    transform: translateZ(0) rotate(10deg);
  }
  90%, 100% {
    transform: translateZ(0) rotate(-405deg);
  }
}
@keyframes jump-1 {
  10% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-90px);
  }
  90%, 100% {
    transform: translateY(1px);
  }
}
@keyframes jump-2 {
  10% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-75px);
  }
  85%, 100% {
    transform: translateY(-10.5px);
  }
}
@keyframes jump-3 {
  10% {
    transform: translateY(-7.5px) rotate(15deg);
  }
  30% {
    transform: translateY(-30px) rotate(-10deg);
  }
  50% {
    transform: translateY(7.5px) rotate(5deg);
  }
  80% {
    transform: translateY(0);
  }
}
@keyframes glow {
  50% {
    box-shadow: #000 0 0 2px 2px;
  }
}
@media (max-width: 767px) {
  .btn-toggle {
    padding: 0px;
  }
  .line {
    width: 40px;
  }
  .line:after {
    height: 2px;
  }
  @keyframes jump-2 {
    10% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-75px);
    }
    85%, 100% {
      transform: translateY(-6.5px);
    }
  }
  @keyframes jump-1 {
    10% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-90px);
    }
    90%, 100% {
      transform: translateY(2px);
    }
  }
}
.page {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 30px;
}
.page span,
.page a,
.page div {
  width: 33px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--color-border);
  background: #fff;
  position: relative;
}
.page span:hover, .page span.active-page,
.page a:hover,
.page a.active-page,
.page div:hover,
.page div.active-page {
  color: var(--color-main);
  border-color: var(--color-main);
}
.page span:hover svg, .page span.active-page svg,
.page a:hover svg,
.page a.active-page svg,
.page div:hover svg,
.page div.active-page svg {
  fill: var(--color-main);
}
.page span.disabled,
.page a.disabled,
.page div.disabled {
  display: none;
  pointer-events: none;
}
.page .prev i {
  margin-right: 10px;
}
.page .next i {
  margin-left: 10px;
}

.btn-main {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  color: #333;
  font-family: "Montserrat-Bold", sans-serif;
  background: var(--color-main-2);
  font-size: var(--fs-text);
  padding: 10px 50px;
  font-weight: 700;
  border: 2px solid var(--color-main-2);
  text-transform: uppercase;
}
.btn-main span, .btn-main a, .btn-main div {
  display: inline-flex;
  align-items: center;
  color: #333;
  font-family: "Montserrat-Bold", sans-serif;
  font-size: var(--fs-text);
}
.btn-main .icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-main:hover {
  background: transparent;
  color: var(--color-main-2);
}
.btn-main:hover span, .btn-main:hover a, .btn-main:hover div {
  color: var(--color-main-2);
}
.btn-main:hover svg path {
  fill: var(--color-main-2);
}
@media (max-width: 767px) {
  .btn-main {
    padding: 7px 30px;
  }
}

.btn-main-2 {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  color: var(--color-main-2);
  background: transparent;
  font-size: var(--fs-text);
  padding: 10px 50px;
  gap: 5px;
  border: 2px solid var(--color-main-2);
  font-family: "Montserrat-Bold", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
.btn-main-2 .icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-main-2:hover {
  background: var(--color-main-2);
  color: #333;
}
@media (max-width: 767px) {
  .btn-main-2 {
    padding: 7px 30px;
  }
}
.btn-main-2 span, .btn-main-2 div {
  font-family: "Montserrat-Bold", sans-serif;
  font-size: var(--fs-text);
  font-weight: 700;
  text-transform: uppercase;
}

.title-main {
  color: var(--color-main);
  font-size: var(--fs-title-min-2);
  font-weight: 700;
  text-transform: uppercase;
}

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

.nav-circle {
  position: relative;
}
.nav-circle .owl-nav {
  margin-top: 0;
}
.nav-circle .owl-next,
.nav-circle .owl-prev {
  position: absolute;
  top: 30%;
  z-index: 2;
  width: 50px;
  height: 50px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
  margin: 0 !important;
}
.nav-circle .owl-next svg,
.nav-circle .owl-prev svg {
  width: 8px;
  height: 20px;
}
.nav-circle .owl-next {
  transform: translate(50%, -50%);
  right: 0;
}
.nav-circle .owl-prev {
  left: 0;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .nav-circle .owl-next {
    transform: translate(0, -50%);
  }
  .nav-circle .owl-prev {
    transform: translate(0, -50%);
  }
}

.owl-dot-main .owl-dots {
  margin-top: 15px;
}
.owl-dot-main .owl-dot span {
  width: 12px !important;
  height: 12px !important;
  border: 1px solid var(--color-main);
  background: #fff !important;
}
.owl-dot-main .owl-dot.active span {
  background: var(--color-main) !important;
}

.chanh-ot,
.bat-mi,
.la-mo,
.la-net {
  position: absolute;
  pointer-events: none;
  z-index: -1;
}

.chanh-ot {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url("../images/chanh-ot.png") no-repeat;
  background-size: contain;
  width: 289.034px;
  aspect-ratio: 289/169;
  opacity: 0.5;
}

.bat-mi {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: url("../images/to-mi.png") no-repeat;
  background-size: contain;
  width: 266px;
  aspect-ratio: 266/337;
  opacity: 0.5;
}

.la-mo {
  top: 10%;
  right: 5%;
  background: url("../images/la-mo.png") no-repeat;
  background-size: contain;
  width: 102px;
  aspect-ratio: 102/105;
}

.la-net {
  bottom: 10%;
  left: 5%;
  background: url("../images/la-net.png") no-repeat;
  background-size: contain;
  width: 102px;
  aspect-ratio: 102/105;
}

.container {
  width: var(--w-container);
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container.container-2 {
  width: var(--w-container-2);
}
@media (max-width: 700px) {
  .container.container-2 {
    width: 100%;
  }
}

.show {
  display: flex !important;
}

.hidden {
  display: none !important;
}

.hide {
  display: none !important;
}

.messenger-success.hidden {
  display: none;
}
.messenger-success .text-center {
  text-align: center;
  margin-top: 5px;
}

.my-module {
  margin: 50px 0;
}
@media (max-width: 700px) {
  .my-module {
    margin: 15px 0;
  }
}

.title {
  color: var(--color-main);
  font-family: "Montserrat-Semibold", sans-serif;
  font-size: var(--fs-title);
  letter-spacing: 0px;
  font-weight: 600;
}
.title font {
  color: var(--color-main);
  font-family: "Montserrat-Semibold", sans-serif;
  font-size: var(--fs-title);
  letter-spacing: 0px;
  font-weight: 600;
}

.menu-content .sub-title {
  color: #333;
  text-align: center;
  font-family: "Montserrat-Regular", sans-serif;
  font-size: var(--fs-sub-title);
  font-weight: 400;
  line-height: 1.5;
}
.menu-content .sub-title font {
  color: #333;
  text-align: center;
  font-family: "Montserrat-Regular", sans-serif;
  font-size: var(--fs-sub-title);
  font-weight: 400;
  line-height: 1.5;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  transform: translateY(0);
  transition: padding 0.3s linear, background 0.3s linear, transform 0.3s linear;
  width: 100vw;
  padding: 30px 0;
}
@media (max-width: 1200px) {
  header {
    position: sticky;
    padding: 5px 0;
    background: var(--color-main);
    border-bottom: 1px solid #fff;
  }
}
header.fixed {
  top: 0;
  transform: translateY(0);
  left: 0;
  right: 0;
  padding: 5px 0;
  background: var(--color-main);
  border-bottom: 1px solid var(--color-main);
  transition: padding 0.3s linear, background 0.3s linear, transform 0.3s linear;
}
header.fixed.active {
  transform: translateY(0);
  transition: transform 0.3s linear;
}
header.fixed:after {
  display: none;
}
header.fixed .logo {
  width: 200px;
}
@media (max-width: 768px) {
  header.fixed .logo {
    width: 150px;
  }
}
header.fixed .menu li.active > a {
  color: var(--color-main-2);
}
header.fixed .menu li.active > a font {
  color: var(--color-main-2);
}
header.fixed .menu li.active > a svg path {
  fill: var(--color-main-2);
}
header.fixed .menu li.active > a:before {
  bottom: 0;
}
header.fixed .menu li:hover > a {
  color: var(--color-main-2);
}
header.fixed .menu li:hover > a font {
  color: var(--color-main-2);
}
header.fixed .menu li:hover > a svg path {
  fill: var(--color-main-2);
}
header.fixed .menu li:hover > a:before {
  bottom: 0;
}
header.fixed .menu li a {
  color: #fff;
}
header.fixed .menu li a font {
  color: #fff;
}
header.fixed .menu li a svg path {
  fill: #fff;
}
header.fixed .menu li a:before {
  bottom: 0;
}
@media (min-width: 700px) and (max-width: 1180px) {
  header.fixed .touch-menu {
    bottom: 17px;
  }
}
@media (min-width: 1200px) {
  header.fixed .menu > li > a {
    padding: 7px 0;
  }
}
header.fixed .language .toggle-dropdown svg path {
  stroke: var(--color-main);
}
header.fixed .search-lang .search .icon svg path {
  stroke: var(--color-main);
}
header.fixed .search-lang .lang .item {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: var(--fs-text);
  position: relative;
  color: #333;
}
header.fixed .search-lang .lang .item:first-child:before {
  width: 1px;
  height: 15px;
  content: "";
  position: absolute;
  right: -13px;
  top: 5px;
  background: var(--color-border);
}
header.fixed .search-lang .lang .item.active {
  color: var(--color-main);
}
header.fixed .sub-product {
  top: calc(100% - 3px) !important;
}
header.fixed .sub-product li a {
  color: #333;
}
header.fixed .sub-product li a:hover {
  color: var(--color-main) !important;
}
header .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
header .right-top {
  display: none;
  align-items: center;
  gap: 60px;
}
@media (min-width: 1200px) and (max-width: 1600px) {
  header .right-top {
    gap: 30px;
  }
}
@media (max-width: 1199px) {
  header .right-top {
    padding-right: 75px;
  }
}
@media (max-width: 768px) {
  header .right-top {
    padding-right: 50px;
  }
}
header .logo {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: start;
  display: flex;
  gap: 30px;
  align-items: center;
  width: 239px;
  aspect-ratio: 239/56;
  transition: width 0.5s ease;
}
@media (max-width: 1200px) {
  header .logo {
    aspect-ratio: 239/56;
  }
}
header .logo .logo-item {
  display: flex;
  align-items: center;
  transition: width 0.5s ease;
  aspect-ratio: 239/56;
  width: 239px;
}
@media (max-width: 1200px) {
  header .logo .logo-item {
    aspect-ratio: 239/56;
  }
}
header .logo img {
  width: initial;
  max-width: 100%;
  height: initial;
  max-height: 100%;
  object-fit: contain;
}
header .language {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  justify-content: center;
  align-items: center;
}
header .language .item-lang {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: var(--fs-text);
  position: relative;
  color: #fff;
  line-height: 1;
}
header .language .item-lang:first-child:before {
  width: 1px;
  height: 15px;
  content: "";
  position: absolute;
  right: -13px;
  top: 0px;
  background: var(--color-border);
}
header .language .item-lang.active {
  color: var(--color-main);
}
header .search-lang {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 1600px) {
  header .search-lang {
    gap: 20px;
  }
}
header .search-lang .hotline a {
  display: flex;
  align-items: center;
}
header .search-lang .hotline svg {
  fill: #fff;
}
header .search-lang .search {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
header .search-lang .search .icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  header .search-lang .search .icon svg {
    height: 16px;
  }
}
header .search-lang .search .icon svg path {
  stroke: #fff;
}
header .search-lang .lang {
  display: flex;
  align-items: center;
  gap: 25px;
  justify-content: center;
  align-items: center;
}
header .search-lang .lang .item {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: var(--fs-text);
  position: relative;
  color: #fff;
}
header .search-lang .lang .item:first-child:before {
  width: 1px;
  height: 15px;
  content: "";
  position: absolute;
  right: -13px;
  top: 5px;
  background: var(--color-border);
}
header .search-lang .lang .item.active {
  color: var(--color-main-2);
}
@media (max-width: 1199px) {
  header .search-lang .lang .item.active {
    color: var(--color-main-2);
  }
}
header .lang-flag {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
header .lang-flag span {
  color: #fff;
  font-family: "Montserrat-Regular", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: var(--fs-text);
}
header .lang-flag img {
  width: 100%;
  height: 100%;
}
header .toggle-dropdown {
  display: flex;
  cursor: pointer;
}
header .toggle-dropdown svg {
  transition: transform 0.3s ease;
}
header .dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  border: 1px solid #ddd;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  min-width: 100px;
  display: none;
  flex-direction: column;
  z-index: 10;
  padding: 8px 0;
}
header .dropdown.active {
  display: flex;
}
header .dropdown li {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  cursor: pointer;
  transition: background-color 0.2s;
}
header .dropdown li .lang-flag {
  margin-right: 8px;
}
@media (min-width: 1200px) {
  header nav {
    width: 100%;
    position: relative;
  }
  header .menu {
    display: flex;
    align-items: center;
    list-style: none;
    justify-content: space-between;
    gap: 25px;
  }
}
@media (min-width: 1200px) and (min-width: 1300px) and (max-width: 1600px) {
  header .menu {
    gap: 25px;
  }
  header .menu.menu-vi {
    gap: 10px;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  header .menu {
    gap: 20px;
  }
}
@media (min-width: 1200px) {
  header .menu li {
    list-style: none;
    position: relative;
  }
  header .menu > li {
    position: relative;
  }
  header .menu > li.active > a {
    color: var(--color-main-2);
  }
  header .menu > li.active > a font {
    color: var(--color-main-2);
  }
  header .menu > li.active > a svg path {
    fill: var(--color-main-2);
  }
  header .menu > li:hover > a::before {
    width: 100%;
    transition: all 0.3s linear;
  }
  header .menu > li > .collapsible-plus {
    position: absolute;
    top: 10px;
    right: 0;
    display: none;
  }
  header .menu > li > a {
    position: relative;
    text-transform: uppercase;
    color: #fff;
    font-family: "Montserrat-Regular", sans-serif;
    font-weight: 600;
    display: flex;
    font-size: var(--fs-text);
    align-items: center;
    justify-content: center;
    padding: 7px 0;
    transition: background 0.3s linear, height 0.3s linear, padding 0.3s linear;
  }
  header .menu > li > a::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    background-color: var(--color-main-2);
    transition: all 0.3s linear;
  }
  header .menu > li > a font {
    position: relative;
    font-family: "Montserrat-Regular", sans-serif;
    color: #fff;
    display: flex;
    font-size: var(--fs-text);
    align-items: center;
    font-weight: 600;
    justify-content: center;
  }
  header .menu > li > a > svg {
    margin-top: -5px;
  }
  header .menu > li > a.active {
    color: var(--color-main-2) !important;
  }
  header .menu > li > a.active:hover {
    color: var(--color-main-2) !important;
  }
  header .menu > li > a.active > svg {
    fill: var(--color-main-2) !important;
  }
  header .menu > li > a.active > svg path {
    fill: var(--color-main-2) !important;
  }
  header .menu > li .menu-sub {
    position: absolute;
    top: calc(100% - 3px);
    left: 0;
    transform: translateY(15px);
    background-color: #fff;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.25);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s linear, transform 0.3s linear;
    border-top: 2px solid var(--color-main);
  }
  header .menu > li .menu-sub.sub-default > li {
    position: relative;
  }
  header .menu > li .menu-sub.sub-default > li > a {
    font-size: var(--fs-text);
    font-weight: 400;
  }
  header .menu > li .menu-sub.sub-default > li > a font {
    font-size: var(--fs-text);
    font-weight: 400;
  }
  header .menu > li .menu-sub li a {
    padding: 5px 20px;
    display: block;
    font-size: 16px;
    transition: background 0.5s linear;
    width: 100%;
  }
  header .menu > li .menu-sub li a:hover {
    color: var(--color-main-2) !important;
  }
  header .menu > li.menu-product {
    position: relative;
  }
  header .menu > li.menu-product > ul {
    width: 100%;
    background: #fff;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
    min-width: 200px;
  }
  header .menu > li.menu-product > ul li {
    width: 100%;
    display: flex;
    gap: 15px;
    align-items: center;
    border-bottom: 1px solid #DFDFDF;
  }
  header .menu > li.menu-product > ul li.active > a {
    color: var(--color-main-2);
  }
  header .menu > li.menu-product > ul li.active > a font {
    color: var(--color-main-2);
  }
  header .menu > li.menu-product > ul li.active > a svg path {
    fill: var(--color-main-2);
  }
  header .menu > li.menu-product > ul li a {
    padding: 10px 10px;
  }
  header .menu > li.menu-product > ul li .icon {
    width: 30px;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: start;
  }
  header .menu > li.menu-product > ul li .icon img {
    filter: grayscale(100);
  }
  header .menu > li.menu-product > ul li .name {
    width: calc(100% - 50px);
  }
  header .menu > li.menu-product > ul li:hover .icon img {
    filter: grayscale(0);
  }
  header .menu > li.menu-product > ul li:hover .name a {
    background: #fff;
    color: var(--color-main-2);
  }
  header .menu > li:hover > a:not(.active) {
    color: var(--color-main-2);
  }
  header .menu > li:hover > .collapsible-plus svg path {
    fill: var(--color-main-2);
  }
  header .menu > li:hover .menu-sub {
    opacity: 1;
    transform: translateY(0);
    pointer-events: all;
  }
}
@media (min-width: 1200px) {
  header .touch-menu,
  header .bg-black,
  header .collapsible-plus {
    display: none;
  }
}
@media (max-width: 1180px) {
  header .collapsible-plus {
    width: 26px;
    height: 26px;
    background: transparent;
    border: 1px solid var(--color-main);
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 5px;
    right: 5px;
  }
  header .collapsible-plus svg {
    fill: var(--color-main);
  }
  header .collapsible-plus svg path {
    fill: var(--color-main);
  }
  header .collapsible-plus.active svg {
    transform: rotate(180deg);
  }
  header .right-top {
    display: flex;
  }
  header .menu {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 40vw;
    display: block;
    background: var(--color-main);
    padding: 20px;
    z-index: 1000;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 10px;
    transition: clip-path 0.5s linear;
    clip-path: circle(0% at 0 0);
  }
}
@media (max-width: 1180px) and (min-width: 701px) {
  header .menu {
    top: 100%;
    right: 0;
    left: unset;
    width: 300px;
    height: initial;
    border-radius: 6px;
    max-height: calc(100vh - var(--h-header2));
    overflow-y: auto;
    clip-path: circle(0% at 100% 0);
  }
}
@media (max-width: 1180px) {
  header .menu > li {
    position: relative;
    margin-bottom: 10px;
    list-style: none;
  }
  header .menu > li.hotline-action, header .menu > li.search-action, header .menu > li.language {
    display: none;
  }
}
@media (max-width: 1180px) and (min-width: 701px) and (max-width: 1190px) {
  header .menu > li:first-child a svg {
    fill: #fff;
  }
}
@media (max-width: 1180px) {
  header .menu > li .icon {
    display: none;
  }
  header .menu > li > a {
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 7.5px;
    display: block;
    border-radius: 4px;
    color: var(--color-main);
    background: #fff;
    box-shadow: 0 0 10px -5px #333;
  }
  header .menu > li > a svg {
    fill: var(--color-main);
  }
  header .menu > li > a svg path {
    stroke: var(--color-main);
  }
}
@media (max-width: 1180px) and (min-width: 701px) {
  header .menu > li:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 1180px) {
  header .menu > li ul {
    display: none;
  }
  header .menu > li ul li a {
    display: block;
    padding: 7.5px 0;
    font-size: 15px;
    color: #333;
    font-weight: 500;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  header .menu > li ul li:last-child a {
    border-bottom: none;
  }
  header .menu > li .menu-sub-3 {
    display: none;
  }
}
@media (max-width: 1180px) and (min-width: 701px) and (max-width: 1190px) {
  header .menu > li .menu-sub-3 {
    overflow: hidden;
  }
  header .menu > li .menu-sub-3 li {
    float: left;
    width: calc((100% - 30px) / 3);
    border-radius: 5px;
    background: #e9e9e9;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 5px;
    margin: 10px 5px 0px 5px;
  }
  header .menu > li .menu-sub-3 li a {
    min-height: 55px;
    text-align: center;
  }
  header .menu > li .menu-sub-3 li .icon {
    aspect-ratio: 1;
    height: 35px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header .menu > li .menu-sub-3 li .icon img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    width: initial;
    height: initial;
  }
}
@media (max-width: 1180px) {
  header .menu > li .menu-sub-3 .flex {
    flex-wrap: wrap;
    gap: 10px;
    display: flex;
    padding: 10px 0;
  }
  header .menu > li .menu-sub-3 .flex .item {
    list-style: none;
    width: calc((100% - 20px) / 3);
    border-radius: 5px;
    background: #e9e9e9;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 5px;
  }
  header .menu > li .menu-sub-3 .flex .item .icon {
    aspect-ratio: 1;
    height: 35px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header .menu > li .menu-sub-3 .flex .item .icon img {
    object-fit: contain;
    width: 100%;
    height: 100%;
  }
  header .menu > li .menu-sub-3 .flex .item a {
    border: none;
    font-size: 12px;
    text-align: center;
    padding: 0;
  }
}
@media (max-width: 1180px) and (min-width: 701px) and (max-width: 1190px) {
  header .menu > li .sub-default li > svg {
    display: none;
  }
}
@media (max-width: 1180px) {
  header .menu > li.home .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 60px;
    margin-bottom: 15px;
    background: transparent;
    padding: 0;
  }
  header .menu.active {
    clip-path: circle(100% at 50% 50%);
  }
  header .sub-product li a {
    color: #fff !important;
    padding: 10px 0 !important;
  }
  header .bg-black {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    display: block;
    background: #333;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
  }
  header .bg-black.active {
    opacity: 0.9;
    visibility: visible;
  }
  header .touch-menu {
    display: block;
    height: 36px;
    width: 36px;
    position: absolute;
    z-index: 999;
    bottom: 35px;
    bottom: 50%;
    right: 15px;
    transform: translateY(50%);
    z-index: 9999;
  }
}
@media (max-width: 1180px) and (min-width: 701px) and (max-width: 1190px) {
  header .touch-menu {
    right: calc((100vw - var(--w-container)) / 2 - 10px);
  }
}
@media (max-width: 1180px) {
  header .touch-menu span {
    display: block;
    width: 28px;
    height: 2px;
    background: var(--color-main-2);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 2px;
    transition: transform 0.5s linear;
  }
  header .touch-menu span:before, header .touch-menu span:after {
    display: block;
    width: 32px;
    height: 2px;
    background: var(--color-main-2);
    position: absolute;
    top: 50%;
    content: "";
    transform: translateY(-50%);
    transition: transform 0.5s linear, opacity 0.5s linear;
  }
  header .touch-menu span:after {
    top: initial;
    bottom: -9px;
  }
  header .touch-menu span:before {
    top: -7px;
  }
  header .touch-menu.active span {
    transform: rotate(-45deg);
    width: 32px;
  }
  header .touch-menu.active span:before {
    opacity: 0;
  }
  header .touch-menu.active span:after {
    transform: rotate(90deg);
    top: 0;
  }
  header.fixed .touch-menu {
    bottom: 18px;
  }
}
@media (max-width: 768px) {
  header .menu {
    width: 100vw;
    top: 100%;
    height: initial;
    max-height: 100vh;
    clip-path: circle(0% at 100% 0);
  }
  header .menu li.booking-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
  }
  header > .item {
    display: flex;
    align-items: center;
    gap: 5px;
  }
  header > .item .text {
    color: #fff;
    line-height: 1;
  }
  header > .item .text div {
    font-size: 12px;
  }
  header > .item .text strong {
    font-size: 12px;
  }
  header > .item svg {
    height: 24px;
  }
  header > .item svg path {
    stroke: #fff;
  }
}

.flex-btn {
  display: flex;
  gap: 15px;
}
.flex-btn .detail {
  padding: 0 40px;
  height: 50px;
  border-radius: 25px;
  background: var(--color-main-2);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-main-2);
  transition: all 0.3s ease;
}
.flex-btn .detail:hover {
  background: transparent;
  transition: all 0.3s ease;
}
.flex-btn .detail:hover span {
  color: var(--color-main-2);
  transition: all 0.3s ease;
}
.flex-btn .detail span {
  color: #FFF;
  text-align: center;
  font-family: "Montserrat-Bold", sans-serif;
  font-size: var(--fs-text);
  font-weight: 600;
  transition: all 0.3s ease;
}
.flex-btn .detail span font {
  color: #FFF;
  text-align: center;
  font-family: "Montserrat-Bold", sans-serif;
  font-size: var(--fs-text);
  font-weight: 600;
}

.nav-index {
  position: relative;
}
.nav-index .owl-nav {
  margin-top: 0;
}
.nav-index .owl-nav .owl-next,
.nav-index .owl-nav .owl-prev {
  position: absolute;
  bottom: 0;
  width: 15px;
  height: 12px;
  background: 0 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px !important;
  opacity: 0;
  transition: all 0.3s ease;
  border-radius: 6px;
}
.nav-index .owl-nav .owl-next svg,
.nav-index .owl-nav .owl-prev svg {
  width: 30px;
  height: 30px;
}
.nav-index .owl-nav .owl-next:hover,
.nav-index .owl-nav .owl-prev:hover {
  bottom: 15px;
}
.nav-index .owl-nav .owl-next {
  right: 50px;
}
.nav-index .owl-nav .owl-prev {
  right: 77px;
}
.nav-index:hover .owl-nav .owl-next,
.nav-index:hover .owl-nav .owl-prev {
  bottom: 15px;
  opacity: 1;
}

.dot-index {
  position: relative;
}
.dot-index .owl-dots {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(50%);
  transition: all 0.3s ease;
  opacity: 0;
}
.dot-index .owl-dots .owl-dot span {
  background: transparent;
  border: 1px solid #fff;
}
.dot-index .owl-dots .owl-dot.active span {
  background-color: #fff;
}
.dot-index:hover .owl-dots {
  bottom: 15px;
  opacity: 1;
}

.my-block {
  position: relative;
}

.pad-section {
  padding: 100px 0;
}
@media (min-width: 700px) and (max-width: 1200px) {
  .pad-section {
    padding: 30px 0;
  }
}
@media (max-width: 700px) {
  .pad-section {
    padding: 15px 0;
  }
}

.slide-index {
  aspect-ratio: 1920/950;
  position: relative;
}
.slide-index .item {
  aspect-ratio: 1920/950;
  position: relative;
}
.slide-index .item .img {
  aspect-ratio: 1920/950;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
}
.slide-index .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.slide-index .item .infor {
  width: 31%;
  position: absolute;
  top: 50%;
  left: calc((100% - var(--w-container)) / 2 + 15px);
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  z-index: 5;
}
@media (max-width: 700px) {
  .slide-index .item .infor {
    width: 50%;
  }
}
.slide-index .item .infor .title-slide {
  color: #fff;
  text-align: left;
  font-family: "Montserrat-Bold", sans-serif;
  font-size: var(--fs-title-slide);
  margin-bottom: 40px;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-weight: 700;
}
@media (max-width: 1200px) {
  .slide-index .item .infor .title-slide {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .slide-index .item .infor .title-slide {
    width: 100%;
  }
}
.slide-index .item .infor .title-slide font {
  color: #fff;
  text-align: center;
  font-family: "Montserrat-Bold", sans-serif;
  font-size: var(--fs-title-slide);
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-weight: 700;
}
.slide-index .item .infor .description div, .slide-index .item .infor .description p {
  color: #fff;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "Montserrat-Semibold", sans-serif;
  font-size: var(--fs-subtitle-slide);
  font-weight: 500;
  line-height: 1.5;
}
.slide-index .item .infor .description div font, .slide-index .item .infor .description p font {
  color: #fff;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "Montserrat-Semibold", sans-serif;
  font-size: var(--fs-subtitle-slide);
  font-weight: 500;
  line-height: 1.5;
}
@media (max-width: 1200px) {
  .slide-index .owl-nav, .slide-index .owl-dots {
    display: none;
  }
}

.about-index {
  background-color: #fff;
}
.about-index .container {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .about-index .container {
    flex-direction: column;
    gap: 15px;
  }
}
.about-index .left {
  width: 45.92%;
  aspect-ratio: 132/89;
  flex-shrink: 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .about-index .left {
    width: 100%;
  }
}
.about-index .left img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.about-index .right {
  padding-left: 70px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (min-width: 768px) and (max-width: 990px) {
  .about-index .right {
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .about-index .right {
    width: 100%;
    padding-left: 0px;
    align-items: center;
    justify-content: center;
  }
}
.about-index .right .detail-content {
  text-align: justify;
  font-family: "Montserrat-Regular", sans-serif;
  font-weight: 400;
  font-size: var(--fs-text);
  line-height: 1.5;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .about-index .right .detail-content {
    margin-bottom: 15px;
  }
}
@media (max-width: 990px) {
  .about-index .right .detail-content {
    margin-bottom: 15px;
  }
}
.about-index .right .detail-content p {
  text-align: justify;
  font-family: "Montserrat-Regular", sans-serif;
  font-weight: 400;
  font-size: var(--fs-text);
  line-height: 1.5;
}
.about-index .right .detail-content p font {
  text-align: justify;
  font-family: "Montserrat-Regular", sans-serif;
  font-weight: 400;
  font-size: var(--fs-text);
  line-height: 1.5;
}

.flex-about-us {
  margin-bottom: 0px;
}
@media (max-width: 767px) {
  .flex-about-us {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .flex-about-us {
    margin-bottom: 0px;
  }
}
@media (min-width: 768px) and (max-width: 990px) {
  .flex-about-us {
    margin-bottom: 0px;
  }
}
.flex-about-us .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 120px;
}
@media (max-width: 767px) {
  .flex-about-us .container {
    flex-direction: column;
    gap: 15px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .flex-about-us .container {
    gap: 15px;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .flex-about-us .container {
    gap: 50px;
  }
}
@media (min-width: 768px) and (max-width: 990px) {
  .flex-about-us .container {
    row-gap: 30px;
  }
}
.flex-about-us .container .item {
  width: calc((100% - 240px) / 3);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .flex-about-us .container .item {
    width: calc((100% - 30px) / 3);
    align-items: center;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .flex-about-us .container .item {
    width: calc((100% - 150px) / 3);
  }
}
@media (max-width: 767px) {
  .flex-about-us .container .item {
    width: 100%;
    justify-content: center;
    align-items: center;
  }
}
.flex-about-us .container .item .img {
  width: 75px;
  height: 75px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-about-us .container .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.flex-about-us .container .item .title-name {
  color: #333;
  font-family: "Montserrat-Semibold", sans-serif;
  font-size: var(--fs-title-name);
  font-weight: 600;
  line-height: 1.5;
}
@media (max-width: 1200px) {
  .flex-about-us .container .item .title-name {
    text-align: center !important;
  }
}
.flex-about-us .container .item .title-name font {
  color: #333;
  font-family: "Montserrat-Semibold", sans-serif;
  font-size: var(--fs-title-name);
  font-weight: 600;
  line-height: 1.5;
}
.flex-about-us .container .item .description p {
  color: #333;
  font-family: "Montserrat-Regular", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
@media (max-width: 1200px) {
  .flex-about-us .container .item .description p {
    text-align: center !important;
  }
}
.flex-about-us .container .item .description p font {
  color: #333;
  font-family: "Montserrat-Regular", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
}

.menu-slide-index {
  position: relative;
  aspect-ratio: 1920/550;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .menu-slide-index {
    aspect-ratio: 1920/1000;
  }
}
.menu-slide-index.dot-index .owl-dots {
  left: 50%;
  transform: translateX(50%);
}
@media (max-width: 1200px) {
  .menu-slide-index.dot-index .owl-dots {
    display: none;
  }
}
.menu-slide-index.dot-index:hover .owl-dots {
  bottom: 80px;
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .menu-slide-index.dot-index:hover .owl-dots {
    bottom: 30px;
  }
}
.menu-slide-index .item {
  position: relative;
  aspect-ratio: 1920/550;
}
@media (max-width: 767px) {
  .menu-slide-index .item {
    aspect-ratio: 1920/1000;
  }
}
.menu-slide-index .item .infor {
  position: absolute;
  bottom: 50%;
  padding-left: calc((100% - var(--w-container)) / 2 + 15px);
  transform: translateY(50%);
  display: flex;
  flex-direction: column;
  z-index: 2;
}
.menu-slide-index .item .infor .sub-title {
  color: #fff;
  font-family: "Montserrat-Regular", sans-serif;
  font-size: var(--fs-sub-title);
  font-weight: 400;
  line-height: 1.5;
  text-transform: uppercase;
}
.menu-slide-index .item .infor .sub-title font {
  color: #fff;
  font-family: "Montserrat-Regular", sans-serif;
  font-size: var(--fs-sub-title);
  font-weight: 400;
  line-height: 1.5;
  text-transform: uppercase;
}
.menu-slide-index .item .infor .title {
  color: #fff;
  font-size: var(--fs-title);
  font-family: "Montserrat-Bold", sans-serif;
  font-weight: 700;
  letter-spacing: 1.64px;
  text-transform: uppercase;
}
.menu-slide-index .item .infor .title font {
  color: #fff;
  font-size: var(--fs-title);
  font-family: "Montserrat-Bold", sans-serif;
  font-weight: 700;
  letter-spacing: 1.64px;
  text-transform: uppercase;
}

.list-social {
  display: flex;
  gap: 10px;
}
.list-social .it {
  width: 37px;
  height: 37px;
  border-radius: 50%;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.list-social .it.main {
  border-color: var(--color-main);
}
.list-social .it.main svg path {
  fill: var(--color-main);
}
.list-social .it:hover.face {
  background-color: #0866ff;
  border-color: #0866ff;
}
.list-social .it:hover.youtube {
  background-color: #ff0000;
  border-color: #ff0000;
}
.list-social .it:hover.instagram {
  background: #f09433;
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f09433", endColorstr="#bc1888", GradientType=1);
}
.list-social .it:hover.tiktok {
  background-color: #fff;
  border-color: #fff;
}
.list-social .it:hover.tiktok.main {
  border-color: var(--color-main);
}
.list-social .it:hover.tiktok svg {
  fill: #111111;
  filter: drop-shadow(2px 0px 0px #fd3e3e) drop-shadow(-2px -2px 0px #4de8f4);
}
.list-social .it:hover.main svg path {
  fill: #fff;
}

.item-menu-module {
  aspect-ratio: 404/555;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}
.item-menu-module::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 30%;
  z-index: 5;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(31, 31, 31, 0) 0%, #1f1f1f 100%);
}
.item-menu-module .info {
  position: absolute;
  bottom: 30px;
  left: 50px;
  right: 50px;
  text-align: center;
  pointer-events: none;
  z-index: 6;
}
.item-menu-module .info h3 {
  color: #fff;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
  font-size: 37px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #fff;
}
.item-menu-module .info p {
  color: #fff;
  font-family: Aboreto;
  font-size: 29px;
  font-weight: 400;
}
.item-menu-module:hover::after {
  background: linear-gradient(180deg, rgba(113, 19, 15, 0) 0%, #4f0300 100%);
}
@media (max-width: 991px) {
  .item-menu-module .info {
    left: 30px;
    right: 30px;
  }
  .item-menu-module .info h3 {
    font-size: 30px;
  }
  .item-menu-module .info p {
    font-size: 24px;
  }
}

.slide-menu .owl-next,
.slide-menu .owl-prev {
  top: 50%;
}

.bg-top-bot {
  position: relative;
}
.bg-top-bot:after {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  background: url("../images/bg-top.webp") no-repeat;
  background-size: 100% auto;
  aspect-ratio: 1920/78;
  z-index: 3;
}
.bg-top-bot::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  background: url("../images/bg-bot.webp") no-repeat;
  background-size: 100% auto;
  aspect-ratio: 1920/77;
  z-index: 3;
}

.choose-index {
  position: relative;
}
.choose-index:before {
  content: "";
  position: absolute;
  bottom: 20px;
  left: 60px;
  background-image: url("../images/cu-hanh.webp");
  background-repeat: no-repeat;
  background-size: contain;
  width: 248px;
  height: 200px;
  aspect-ratio: 31/25;
  z-index: -1;
}
@media (max-width: 767px) {
  .choose-index:before {
    bottom: 0px;
    left: 0px;
  }
}
.choose-index:after {
  content: "";
  position: absolute;
  top: 60px;
  right: 150px;
  background-image: url("../images/chillies.webp");
  background-repeat: no-repeat;
  background-size: contain;
  width: 166px;
  height: 182px;
  aspect-ratio: 83/91;
  z-index: -1;
}
@media (max-width: 767px) {
  .choose-index:after {
    top: 0px;
    right: 0px;
  }
}
.choose-index .sub-title {
  color: #333;
  text-align: center;
  font-family: "Montserrat-Regular", sans-serif;
  font-size: var(--fs-sub-title);
  font-weight: 400;
  line-height: 1.5;
}
.choose-index .sub-title font {
  color: #333;
  text-align: center;
  font-family: "Montserrat-Regular", sans-serif;
  font-size: var(--fs-sub-title);
  font-weight: 400;
  line-height: 1.5;
}
.choose-index .title {
  color: #333;
  font-family: "Montserrat-Bold", sans-serif;
  font-size: var(--fs-title);
  font-weight: 700;
  letter-spacing: 1.64px;
  text-transform: uppercase;
}
.choose-index .title font {
  color: #333;
  font-family: "Montserrat-Bold", sans-serif;
  font-size: var(--fs-title);
  font-weight: 700;
  letter-spacing: 1.64px;
  text-transform: uppercase;
}

.list-choose-index {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 28px;
}
@media (max-width: 767px) {
  .list-choose-index {
    gap: 15px;
    flex-wrap: wrap;
  }
}

.list-choose-index .owl-carousel .item-choose-index {
  width: auto;
}
.list-choose-index .owl-carousel .item-choose-index .icon {
  width: auto !important;
  height: auto !important;
}

.item-choose-index {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  color: #fff;
  width: calc((100% - 84px) / 4);
}
@media (min-width: 768px) and (max-width: 1200px) {
  .item-choose-index {
    width: calc((100% - 28px) / 2);
  }
}
.item-choose-index .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 279px;
  height: 279px;
  aspect-ratio: 1;
}
@media (min-width: 768px) and (max-width: 990px) {
  .item-choose-index .icon {
    width: 350px;
    height: 350px;
  }
}
@media (min-width: 990px) and (max-width: 1200px) {
  .item-choose-index .icon {
    width: 450px;
    height: 450px;
  }
}
@media (max-width: 767px) {
  .item-choose-index .icon {
    width: auto;
    height: auto;
  }
}
.item-choose-index .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.item-choose-index h3 {
  color: #333;
  text-align: center;
  font-family: "Montserrat-Semibold", sans-serif;
  font-size: var(--fs-text);
  font-weight: 600;
  line-height: 1.5;
}
.item-choose-index h3 font {
  color: #333;
  text-align: center;
  font-family: "Montserrat-Semibold", sans-serif;
  font-size: var(--fs-text);
  font-weight: 600;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .item-choose-index {
    width: calc((100% - 15px) / 2);
  }
}

.news-module {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 40px;
}
@media (max-width: 768px) {
  .news-module {
    flex-direction: column;
    gap: 15px;
  }
}
.news-module .item-news {
  width: calc((100% - 80px) / 3);
}
@media (min-width: 768px) and (max-width: 1200px) {
  .news-module .item-news {
    width: calc((100% - 40px) / 2);
  }
}
@media (max-width: 768px) {
  .news-module .item-news {
    width: 100%;
  }
}

.item-news .img {
  aspect-ratio: 1;
  height: auto;
  width: 100%;
}
.item-news .date {
  color: #333;
  font-size: var(--fs-text);
  font-family: "Montserrat-Regular", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 10px;
}
.item-news .date font {
  color: #333;
  font-size: var(--fs-text);
  font-family: "Montserrat-Regular", sans-serif;
  font-weight: 400;
  line-height: 1.5;
}
.item-news h3 {
  color: var(--color-main);
  font-family: "Montserrat-Bold", sans-serif;
  font-size: var(--fs-contact);
  font-weight: 700;
  line-height: 1.5;
  text-transform: uppercase;
  padding-bottom: 15px;
  border-bottom: 1px solid #D8D8D8;
}
.item-news h3 a {
  color: var(--color-main);
  font-family: "Montserrat-Bold", sans-serif;
  font-size: var(--fs-contact);
  font-weight: 700;
  line-height: 1.5;
  text-transform: uppercase;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.item-news h3 a:hover {
  color: var(--color-main-2);
}
.item-news h3 a:hover font {
  color: var(--color-main-2);
}
.item-news h3 a font {
  color: var(--color-main);
  font-family: "Montserrat-Bold", sans-serif;
  font-size: var(--fs-contact);
  font-weight: 700;
  line-height: 1.5;
  text-transform: uppercase;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.item-news h3 font {
  color: var(--color-main);
  font-family: "Montserrat-Bold", sans-serif;
  font-size: var(--fs-contact);
  font-weight: 700;
  line-height: 1.5;
  text-transform: uppercase;
}
.item-news .btn .view-all {
  color: #333;
  font-family: "Montserrat-Bold", sans-serif;
  font-size: var(--fs-text);
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.item-news .btn .view-all:hover {
  color: var(--color-main-2);
}
.item-news .btn .view-all font {
  color: #333;
  font-family: "Montserrat-Bold", sans-serif;
  font-size: var(--fs-text);
  font-weight: 700;
  text-transform: uppercase;
}

.contact .container .left h2 {
  color: #333;
  font-family: "Montserrat-Bold", sans-serif;
  font-size: var(--fs-title-contact);
  font-weight: 700;
  line-height: 1.5;
  text-transform: uppercase;
}
.contact .container .left h2 font {
  color: #333;
  font-family: "Montserrat-Bold", sans-serif;
  font-size: var(--fs-title-contact);
  font-weight: 700;
  line-height: 1.5;
  text-transform: uppercase;
}
.contact .container .right .title-main {
  color: #333;
  font-family: "Montserrat-Bold", sans-serif;
  font-size: var(--fs-title-contact);
  font-weight: 700;
  line-height: 1.5;
  text-transform: uppercase;
}
.contact .container .right .title-main font {
  color: #333;
  font-family: "Montserrat-Bold", sans-serif;
  font-size: var(--fs-title-contact);
  font-weight: 700;
  line-height: 1.5;
  text-transform: uppercase;
}

.order-index {
  color: #fff;
}
.order-index a {
  color: #fff;
}
.order-index .container {
  display: flex;
  flex-direction: column;
}

.item-image-index {
  aspect-ratio: 415/266;
}

.map-index .sub-title {
  color: #333;
  font-size: var(--fs-sub-title);
  font-weight: 300;
}

.scale-project {
  position: relative;
}
.scale-project .leaf-left {
  z-index: 1;
  top: -80%;
}
.scale-project .container {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
}
.scale-project .container .title {
  white-space: nowrap;
  margin-right: 50px;
}
.scale-project .container .item {
  padding: 0 30px;
}
.scale-project .container .item .num {
  font-size: 50px;
  font-weight: 700;
  background: var(--color-gradient-main);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 991px) {
  .scale-project .leaf-left {
    top: -20%;
  }
  .scale-project .container {
    flex-wrap: wrap;
    gap: 30px;
  }
  .scale-project .container .title {
    width: 100%;
    text-align: center;
    margin-right: 0;
  }
  .scale-project .container .title br {
    display: none;
  }
  .scale-project .container .item {
    width: calc((100% - 30px) / 2);
  }
}
@media (max-width: 767px) {
  .scale-project .leaf-left {
    top: 0;
  }
  .scale-project .leaf-right {
    top: 75px;
  }
  .scale-project .container {
    align-items: flex-start;
    gap: 15px;
  }
  .scale-project .container .item {
    width: calc((100% - 15px) / 2);
    padding: 0;
  }
}

.total-face {
  aspect-ratio: 1920/960;
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  z-index: 6;
}
.total-face > .img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.total-face .img {
  height: auto;
}
.total-face .right {
  width: 40%;
  position: relative;
  z-index: 3;
  padding-right: 60px;
  color: #fff;
}
.total-face .right .list-detail .item {
  align-items: flex-start;
}
.total-face .right .list-detail .item .num {
  font-weight: 700;
  font-size: 2.9rem;
  background: var(--color-gradient-main-2);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.total-face .right .list-module {
  display: flex;
  gap: 25px;
}
.total-face .right .list-module .item {
  width: calc((100% - 25px) / 2);
  text-align: center;
}
.total-face .right .list-module .item .img {
  margin-bottom: 15px;
  border-radius: 12px;
  position: relative;
  border: 2px solid #fff;
  aspect-ratio: 16/9;
}
.total-face .right .list-module .item .img .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 77px;
  height: 77px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(180deg, #ffa428 0%, #ffc929 32%, #ff4d09 100%);
}
.total-face .right .list-module .item a:hover {
  color: var(--color-main-2);
}
@media (max-width: 991px) {
  .total-face {
    flex-direction: column-reverse;
  }
  .total-face .right {
    width: var(--w-container);
    padding: 0 15px;
    margin: 0 auto 15px;
  }
  .total-face .right .text-white a {
    color: var(--color-main);
  }
  .total-face .right .detail-content p {
    color: var(--color-text);
  }
  .total-face .right .list-detail .item,
  .total-face .right .list-detail .item p {
    color: var(--color-text);
  }
  .total-face .right .list-module .text-white,
  .total-face .right .list-module .text-white a {
    color: var(--color-text);
  }
  .total-face .right .list-detail .item .num {
    background: var(--color-gradient-main);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .total-face > .img {
    position: static;
  }
}
@media (max-width: 767px) {
  .total-face .right .list-detail .item .num {
    font-size: 2rem;
  }
  .total-face .right .list-module {
    gap: 15px;
  }
  .total-face .right .list-module .item {
    width: calc((100% - 15px) / 2);
  }
  .total-face .right .list-module .item .img .icon {
    width: 50px;
    height: 50px;
  }
  .total-face .right .list-module .item .img .icon svg {
    width: 45px;
    height: 45px;
  }
}

.location-index {
  aspect-ratio: 1920/900;
  position: relative;
  display: flex;
  align-items: center;
}
.location-index > .img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.location-index .left {
  position: relative;
  z-index: 5;
  padding-left: 110px;
  width: 40%;
}
@media (max-width: 991px) {
  .location-index {
    flex-direction: column-reverse;
  }
  .location-index > .img {
    position: static;
  }
  .location-index > .img img {
    object-position: right;
  }
  .location-index .left {
    width: var(--w-container);
    padding: 0 15px;
    margin: 0 auto 15px;
  }
}
@media (max-width: 767px) {
  .location-index > .img img {
    object-position: center;
  }
}

.list-address-hot {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
.list-address-hot .item {
  width: calc((100% - 30px) / 2);
  display: flex;
  align-items: center;
}
.list-address-hot .item .img {
  width: 70px;
  height: 70px;
  position: relative;
  border-radius: 50%;
  padding: 2px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.list-address-hot .item .img img {
  border-radius: 50%;
}
.list-address-hot .item .img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, #ff8d07, #ffcfa5, #ff7700);
  z-index: -1;
}
.list-address-hot .item .text {
  width: calc(100% - 70px);
  padding-left: 15px;
}
.list-address-hot .item .text .num {
  background: linear-gradient(180deg, #ff8626 0%, #ff4d09 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 2.9rem;
  font-weight: 700;
}
@media (max-width: 767px) {
  .list-address-hot {
    gap: 15px;
  }
  .list-address-hot .item {
    width: calc((100% - 15px) / 2);
  }
  .list-address-hot .item .img {
    width: 50px;
    height: 50px;
  }
  .list-address-hot .item .text {
    width: calc(100% - 50px);
  }
  .list-address-hot .item .text .num {
    font-size: 2.4rem;
  }
}

.btn-main-3 {
  text-align: center;
  color: var(--color-main);
  background: transparent;
  font-family: "Montserrat-Regular", sans-serif;
  padding: 10px 50px;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: 400;
  border: 1px solid var(--color-main);
}
.btn-main-3:hover {
  background: var(--color-main);
  border: 1px solid var(--color-main);
  color: #fff;
}

.diverse-amenities {
  position: relative;
  padding: 30px;
  display: flex;
  align-items: flex-end;
  gap: 32px;
}
.diverse-amenities .slide-diverse {
  width: 62%;
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 1166/862;
}
.diverse-amenities .slide-diverse .item {
  aspect-ratio: 1166/862;
}
.diverse-amenities .slide-diverse-2 {
  width: calc(38% - 32px);
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 658/405;
  position: relative;
}
.diverse-amenities .slide-diverse-2 .item {
  aspect-ratio: 658/405;
}
.diverse-amenities .info {
  position: absolute;
  top: 50px;
  right: 0;
  width: calc(38% - 32px);
  padding: 50px 150px 50px 50px;
}
.diverse-amenities .info .nav-slide {
  display: flex;
  align-items: center;
  gap: 10px;
}
.diverse-amenities .info .nav-slide .nav-next,
.diverse-amenities .info .nav-slide .nav-prev {
  width: 50px;
  height: 50px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-gradient-main);
  border-radius: 50%;
  border: 1px solid transparent;
}
.diverse-amenities .info .nav-slide .nav-next:hover,
.diverse-amenities .info .nav-slide .nav-prev:hover {
  border-color: var(--color-main-2);
  background: #fff;
}
.diverse-amenities .info .nav-slide .nav-next:hover svg path,
.diverse-amenities .info .nav-slide .nav-prev:hover svg path {
  stroke: var(--color-main-2);
}
@media (max-width: 991px) {
  .diverse-amenities {
    flex-wrap: wrap;
  }
  .diverse-amenities .info {
    position: relative;
    width: 100%;
    padding: 0;
    margin-bottom: 30px;
  }
  .diverse-amenities .info .nav-slide {
    justify-content: flex-end;
    position: absolute;
    bottom: -15px;
    right: calc((38% - 32px) / 2);
    transform: translate(50%, 100%);
  }
}
@media (max-width: 767px) {
  .diverse-amenities {
    padding: 15px;
    gap: 15px;
  }
  .diverse-amenities .info {
    top: 0;
    margin-bottom: 0;
  }
  .diverse-amenities .info .nav-slide .nav-next,
  .diverse-amenities .info .nav-slide .nav-prev {
    width: 40px;
    height: 40px;
  }
  .diverse-amenities .info .nav-slide .nav-next svg,
  .diverse-amenities .info .nav-slide .nav-prev svg {
    width: 60%;
    height: 60%;
  }
  .diverse-amenities .slide-diverse {
    border-radius: 6px;
  }
  .diverse-amenities .slide-diverse-2 {
    border-radius: 4px;
    width: calc(38% - 15px);
  }
}

.item-real-estate {
  border-radius: 12px;
  border: 1px solid var(--color-border);
}
.item-real-estate .img {
  border-radius: 12px;
  aspect-ratio: 340/246;
  height: auto;
}
.item-real-estate .info {
  padding: 20px;
}
.item-real-estate .info .top {
  display: flex;
  gap: 30px;
  margin-bottom: 15px;
}
.item-real-estate .info .top .it {
  display: flex;
  gap: 5px;
}
.item-real-estate .info h3 {
  margin-bottom: 15px;
}
.item-real-estate .info h3 a {
  font-size: var(--fs-h5);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.item-real-estate .info .add {
  display: flex;
}
.item-real-estate .info .add .ic {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.item-real-estate .info .add .txt {
  width: calc(100% - 20px);
  padding-left: 15px;
}

.real-estate {
  position: relative;
}
.real-estate .leaf-left-2 {
  top: calc(0px - var(--size-section));
}
.real-estate .container {
  position: relative;
  z-index: 2;
}

.news-index {
  background: url("../images/bg-news-index.webp");
  background-size: cover;
}

.list-grid-news-index {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
  gap: 30px;
}
.list-grid-news-index .item:nth-child(1) {
  grid-area: 1/1/5/3;
}
.list-grid-news-index .item:nth-child(2) {
  grid-area: 1/3/2/5;
}
.list-grid-news-index .item:nth-child(3) {
  grid-area: 2/3/3/5;
}
.list-grid-news-index .item:nth-child(4) {
  grid-area: 3/3/4/5;
}
.list-grid-news-index .item:nth-child(5) {
  grid-area: 4/3/5/5;
}
@media (max-width: 991px) {
  .list-grid-news-index {
    display: block;
  }
  .list-grid-news-index .item:after {
    display: none;
  }
  .list-grid-news-index .item:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--color-border);
  }
}

.item-news-index .img {
  aspect-ratio: 705/411;
  height: auto;
  border-radius: 12px;
  margin-bottom: 15px;
}
.item-news-index .date {
  display: flex;
  align-items: center;
  gap: 10px;
}
.item-news-index .date .ic {
  display: flex;
  align-items: center;
  justify-content: center;
}
.item-news-index .info h3 a {
  font-size: var(--fs-h1);
}
.item-news-index.right {
  display: flex;
  position: relative;
}
.item-news-index.right:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -15px;
  z-index: 1;
  border-bottom: 1px solid var(--color-border);
}
.item-news-index.right:last-child:after {
  display: none;
}
.item-news-index.right .img {
  aspect-ratio: 184/129;
  width: 184px;
  margin-bottom: 0;
}
.item-news-index.right .info {
  width: calc(100% - 184px);
  padding-left: 30px;
}
.item-news-index.right .info h3 {
  margin-bottom: 0;
}
.item-news-index.right .info h3 a {
  font-size: var(--fs-h5);
  font-weight: 600;
}
@media (max-width: 767px) {
  .item-news-index.right {
    display: block;
  }
  .item-news-index.right .img {
    width: 100%;
    margin-bottom: 15px;
  }
  .item-news-index.right .info {
    width: 100%;
    padding-left: 0;
  }
  .item-news-index.right .info h3 {
    margin-bottom: 0;
  }
}

.banner-content {
  aspect-ratio: 1920/570;
  position: relative;
}
.banner-content .item {
  width: 100%;
  height: 100%;
}
.banner-content .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.tab-module {
  display: flex;
  justify-content: center;
  background: #fff;
  border-bottom: 1px solid #C9C9C9;
  position: sticky;
  top: calc(var(--h-header) - 130px);
  z-index: 10;
}
@media (max-width: 700px) {
  .tab-module {
    top: calc(var(--h-header) + 2px);
  }
}
.tab-module .container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media (max-width: 990px) {
  .tab-module .container {
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 0px;
    justify-content: flex-start;
    align-items: center;
    overflow-x: auto;
    white-space: nowrap;
    scroll-snap-type: x mandatory;
  }
}
.tab-module .container .item {
  padding: 12px 25px;
  color: #222;
  font-family: "Montserrat-Semibold", sans-serif;
  font-size: 13px;
  text-transform: uppercase;
}
@media (max-width: 700px) {
  .tab-module .container .item {
    padding: 5px 15px;
  }
}
.tab-module .container .item font {
  color: #222;
  font-family: "Montserrat-Semibold", sans-serif;
  font-size: var(--fs-tab-module);
  text-transform: uppercase;
}
.tab-module .container .item:hover {
  border-bottom: 1px solid var(--color-main);
}
.tab-module .container .item:hover font {
  border-bottom: 1px solid var(--color-main);
}
.tab-module .container .item.active {
  border-bottom: 1px solid var(--color-main);
}
.tab-module .container .item.active font {
  border-bottom: 1px solid var(--color-main);
}

.banner-module {
  aspect-ratio: 1920/592;
  position: relative;
}
.banner-module .infor {
  position: absolute;
  top: 50%;
  left: calc((100% - var(--w-container)) / 2 + 15px);
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  width: 31%;
}
@media (max-width: 700px) {
  .banner-module .infor {
    width: 50%;
  }
}
.banner-module .infor .title-slide {
  color: #fff;
  text-align: left;
  font-family: "Montserrat-Bold", sans-serif;
  font-size: var(--fs-title-slide);
  margin-bottom: 15px;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-weight: 700;
}
@media (max-width: 1200px) {
  .banner-module .infor .title-slide {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .banner-module .infor .title-slide {
    width: 100%;
  }
}
.banner-module .infor .title-slide font {
  color: #fff;
  text-align: center;
  font-family: "Montserrat-Bold", sans-serif;
  font-size: var(--fs-title-slide);
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-weight: 700;
}
.banner-module .infor .description {
  color: #fff;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "Montserrat-Semibold", sans-serif;
  font-size: var(--fs-subtitle-slide);
  font-weight: 500;
  line-height: 1.5;
}
.banner-module .infor .description font {
  color: #fff;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "Montserrat-Semibold", sans-serif;
  font-size: var(--fs-subtitle-slide);
  font-weight: 500;
  line-height: 1.5;
}
.banner-module .infor .description div, .banner-module .infor .description p {
  color: #fff;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "Montserrat-Semibold", sans-serif;
  font-size: var(--fs-subtitle-slide);
  font-weight: 500;
  line-height: 1.5;
}
.banner-module .infor .description div font, .banner-module .infor .description p font {
  color: #fff;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "Montserrat-Semibold", sans-serif;
  font-size: var(--fs-subtitle-slide);
  font-weight: 500;
  line-height: 1.5;
}
.banner-module .img {
  aspect-ratio: 1920/592;
}

.about-content {
  position: relative;
}
.about-content:before {
  content: "";
  position: absolute;
  bottom: 20px;
  left: 60px;
  background-image: url("../images/cu-hanh.webp");
  background-repeat: no-repeat;
  background-size: contain;
  width: 248px;
  height: 200px;
  aspect-ratio: 31/25;
  z-index: -1;
}
@media (max-width: 1200px) {
  .about-content:before {
    bottom: 0px;
    left: 0px;
  }
}
.about-content:after {
  content: "";
  position: absolute;
  top: 60px;
  right: 150px;
  background-image: url("../images/chillies.webp");
  background-repeat: no-repeat;
  background-size: contain;
  width: 166px;
  height: 182px;
  aspect-ratio: 83/91;
  z-index: -1;
}
@media (max-width: 1200px) {
  .about-content:after {
    top: 0px;
    right: 0px;
  }
}
.about-content .detail-content {
  max-width: 75%;
  margin: auto;
  font-weight: 300;
}
.about-content .detail-content p {
  color: #333;
  font-family: "Montserrat-Regular", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
}
.about-content .detail-content p font {
  color: #333;
  font-family: "Montserrat-Regular", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 991px) {
  .about-content .chanh-ot,
  .about-content .bat-mi {
    width: 160px;
  }
}
@media (max-width: 767px) {
  .about-content .chanh-ot,
  .about-content .bat-mi {
    display: none;
  }
  .about-content .detail-content {
    max-width: 100%;
  }
}

.sr-only {
  display: none !important;
}

.list-img-about {
  display: flex;
  flex-wrap: wrap;
}
.list-img-about .item {
  width: 25%;
  aspect-ratio: 1;
}
@media (max-width: 767px) {
  .list-img-about .item {
    width: 50%;
  }
}

.block-menu {
  margin-bottom: 50px;
  padding: 10px 0;
  position: sticky;
  top: 127px;
  z-index: 5;
  background: #fff;
}
@media (max-width: 991px) {
  .block-menu {
    overflow: auto;
    margin-bottom: 15px;
  }
}
@media (max-width: 1200px) {
  .block-menu {
    top: 76px;
  }
}

.list-module-menu {
  display: flex;
  justify-content: center;
  gap: 30px;
  padding: 0 15px;
}
@media (max-width: 767px) {
  .list-module-menu {
    justify-content: flex-start;
  }
}

.item-content-menu {
  display: flex;
  margin-bottom: 40px;
  background-color: #fff;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
}
.item-content-menu:last-child {
  margin-bottom: 0;
}
.item-content-menu .left {
  width: 42.2%;
  height: unset;
}
.item-content-menu .right {
  width: 57.8%;
  padding: 55px 48px;
}
.item-content-menu .right h2 {
  position: relative;
  padding-left: 40px;
  font-size: 3.5rem;
  font-weight: 700;
}
.item-content-menu .right h2 span {
  display: block;
}
.item-content-menu .right h2 span:nth-child(1) {
  text-transform: uppercase;
  margin-bottom: 10px;
}
.item-content-menu .right h2 span:nth-child(2) {
  text-transform: uppercase;
}
.item-content-menu .right h2::after {
  content: "";
  border-left: 9px solid var(--color-main-2);
  position: absolute;
  left: 0;
  top: 0px;
  bottom: 10px;
  z-index: 1;
}
.item-content-menu .right table {
  width: 100%;
  border-collapse: collapse;
}
.item-content-menu .right table tbody tr {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px solid var(--color-border);
}
@media (min-width: 768px) {
  .item-content-menu .right table tbody tr {
    padding-right: 10px;
  }
}
.item-content-menu .right table tbody tr td {
  max-width: 80%;
}
@media (max-width: 1200px) {
  .item-content-menu .right table tbody tr td {
    max-width: 75%;
  }
}
.item-content-menu .right table tbody tr td:last-child {
  color: var(--color-main);
}
.item-content-menu .right table tbody tr:last-child {
  border-bottom: 0;
}
@media (min-width: 768px) {
  .item-content-menu .right .detail-content {
    max-height: 600px;
    overflow: scroll;
  }
}
@media (max-width: 1200px) {
  .item-content-menu .right {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .item-content-menu {
    flex-direction: column;
  }
  .item-content-menu .left {
    width: 100%;
  }
  .item-content-menu .right {
    width: 100%;
  }
  .item-content-menu .right h2 {
    padding-left: 30px;
    font-size: 2.5rem;
  }
  .item-content-menu .right h2::after {
    content: "";
    border-left: 10px solid var(--color-main);
    top: 0px;
    bottom: 5px;
  }
}

.item-module-menu {
  text-align: center;
  font-size: var(--fs-text);
  font-family: "Montserrat-Bold", sans-serif;
  font-weight: 700;
  border-radius: 30px;
  border: 2px solid #222;
  padding: 10px 30px;
  min-width: 173px;
  cursor: pointer;
}
.item-module-menu:hover, .item-module-menu.active {
  background: var(--color-main-2);
  color: #222;
  border-color: var(--color-main-2);
}
@media (max-width: 991px) {
  .item-module-menu {
    min-width: auto;
    white-space: nowrap;
  }
}
@media (max-width: 767px) {
  .item-module-menu {
    padding: 5px 15px;
    font-size: var(--fs-h6);
  }
}

.contact .container {
  display: flex;
  position: relative;
  z-index: 5;
}
.contact .container .right {
  width: 57%;
}
.contact .container .left {
  width: 43%;
}
@media (max-width: 767px) {
  .contact .container {
    flex-direction: column;
    gap: 15px;
  }
  .contact .container .right {
    width: 100%;
  }
  .contact .container .left {
    width: 100%;
  }
}

#SendContact {
  width: 100%;
  display: block;
}
#SendContact .box {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
#SendContact .box .form-input {
  width: calc((100% - 20px) / 2);
}
#SendContact .box .form-textarea {
  width: 100%;
}
#SendContact .box input,
#SendContact .box textarea {
  width: 100%;
  height: 100%;
  background: #ededed;
  border-radius: 4px;
}
#SendContact .box input {
  height: 48px;
  padding-left: 15px;
}
#SendContact .box textarea {
  padding-left: 15px;
  padding-top: 15px;
  height: 136px;
  resize: none;
}
@media (max-width: 767px) {
  #SendContact .box {
    gap: 15px;
  }
  #SendContact .box .form-input {
    width: 100%;
  }
}

.map {
  aspect-ratio: 1921/613;
}
.map iframe {
  width: 100%;
  height: 100%;
  display: block;
}
@media (max-width: 991px) {
  .map {
    aspect-ratio: 16/10;
  }
}

.contact-info {
  padding-right: 50px;
}
.contact-info p {
  margin-bottom: 15px;
  position: relative;
  padding-left: 35px;
}
.contact-info p svg {
  position: absolute;
  top: 0;
  height: 22px;
  left: 0;
}
.contact-info .social-contact {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid var(--color-border);
}
.contact-info .social-contact h2 {
  font-size: var(--fs-h6);
}
@media (max-width: 991px) {
  .contact-info {
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  .contact-info {
    padding-right: 0;
  }
  .contact-info .social-contact {
    margin-top: 15px;
    padding-top: 15px;
  }
}

.bg-min-left {
  position: relative;
}
.bg-min-left .leaf-left {
  width: 203px;
  top: 30px;
}

.list-recuiment-top {
  display: flex;
  gap: 100px;
  position: relative;
  z-index: 5;
}
.list-recuiment-top .item {
  width: calc((100% - 200px) / 3);
}
@media (max-width: 991px) {
  .list-recuiment-top {
    gap: 30px;
  }
  .list-recuiment-top .item {
    width: calc((100% - 60px) / 3);
  }
}
@media (max-width: 767px) {
  .list-recuiment-top {
    gap: 15px;
    flex-wrap: wrap;
  }
  .list-recuiment-top .item {
    width: 100%;
  }
}

.item-recuiment-top {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: column;
}
.item-recuiment-top .icon {
  width: 96px;
  height: 96px;
  background: linear-gradient(180deg, #ff8b27 0%, #ff4907 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-bottom: 30px;
}
.item-recuiment-top .icon img {
  object-fit: contain;
  filter: brightness(0) invert(1);
}
.item-recuiment-top h2 {
  font-size: var(--fs-h2);
}

.list-recuiment {
  overflow: auto;
}
.list-recuiment table {
  width: 100%;
  border-collapse: collapse;
}
.list-recuiment table thead {
  background: var(--color-main);
}
.list-recuiment table th {
  height: 66px;
  color: #fff;
  font-weight: 700;
  padding: 15px 30px;
  font-size: var(--fs-h5);
  white-space: nowrap;
}
.list-recuiment table th:first-child {
  text-align: left;
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
}
@media (max-width: 991px) {
  .list-recuiment table th:first-child {
    min-width: 300px;
  }
}
.list-recuiment table th:last-child {
  border-bottom-right-radius: 12px;
  border-top-right-radius: 12px;
}
.list-recuiment table tbody tr td {
  height: 80px;
  padding: 15px 30px;
  text-align: center;
}
.list-recuiment table tbody tr td:first-child {
  text-align: left;
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
  font-size: var(--fs-h5);
  font-weight: 700;
}
.list-recuiment table tbody tr td:last-child {
  border-bottom-right-radius: 12px;
  border-top-right-radius: 12px;
}
.list-recuiment table tbody tr td .btn-main-2 {
  white-space: nowrap;
}
.list-recuiment table tbody tr:nth-child(even) {
  background: #e5f3f9;
}

.like-social {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 15px;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--color-border);
}
.like-social .duration {
  display: flex;
  align-items: center;
  gap: 15px;
}
.like-social .social {
  width: 130px;
  height: 20px;
  overflow: hidden;
}

.block-right-recuiment {
  background: #f1f1f1;
  padding: 30px;
  border-radius: 12px;
}
.block-right-recuiment .title {
  font-size: var(--fs-h1);
  text-transform: uppercase;
  font-weight: 600;
  color: var(--color-main);
}
.block-right-recuiment.no-bg {
  background: transparent;
  padding: 0;
}
@media (max-width: 991px) {
  .block-right-recuiment {
    padding: 15px;
  }
}

.layout-2 {
  display: flex;
}
.layout-2 .left {
  width: 70%;
  padding-right: 50px;
}
.layout-2 .right {
  width: 30%;
}
@media (max-width: 991px) {
  .layout-2 .left {
    width: 60%;
    padding-right: 30px;
  }
  .layout-2 .right {
    width: 40%;
  }
}
@media (max-width: 767px) {
  .layout-2 {
    flex-wrap: wrap;
    gap: 15px;
  }
  .layout-2 .left {
    width: 100%;
    padding-right: 0;
  }
  .layout-2 .right {
    width: 100%;
  }
}

.apply-form .form_contact input {
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #cdcdcd;
  color: var(--color-text);
  font-size: 1.6rem;
  font-weight: 400;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 7px;
  margin-bottom: 7px;
}
.apply-form .form_contact input::placeholder {
  color: var(--color-text);
  font-size: 1.6rem;
  font-weight: 400;
}
.apply-form .form_contact #upload {
  display: none;
}
.apply-form .form_contact .file label {
  border-bottom: 1px solid #cdcdcd;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 56px;
  margin-bottom: 10px;
}
.apply-form .form_contact .file label .icon {
  background-color: var(--color-white);
  padding: 3px 10px;
  border: 1px solid #b5b5b5;
  border-radius: 5px;
}
.apply-form .form_contact .file #text {
  padding-left: 7px;
}
.apply-form .form_contact .note {
  font-size: 1.3rem;
}

.item-right-recuiment {
  display: flex;
  align-items: center;
}
.item-right-recuiment:not(:last-child) {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid var(--color-border);
}
.item-right-recuiment .item-img {
  width: 30%;
  background: #fff;
  border: 1px solid var(--color-border);
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
}
.item-right-recuiment .item-img img {
  object-fit: contain;
  max-width: 80%;
  max-height: 80%;
  display: block;
}
.item-right-recuiment .item-content {
  width: 70%;
  padding-left: 15px;
}
.item-right-recuiment .item-content .text a {
  font-size: var(--fs-h6);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  margin-bottom: 5px;
}

.list-news-hot {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.list-news-hot .item {
  width: calc((100% - 60px) / 3);
}
.list-news-hot .item .img {
  aspect-ratio: 16/9;
  height: auto;
  border-radius: 12px;
}
.list-news-hot .item .date-time {
  display: flex;
  align-items: center;
  gap: 10px;
}
.list-news-hot .item:not(:first-child) .img {
  margin-bottom: 15px;
}
.list-news-hot .item:not(:first-child) .info .date-time {
  margin-bottom: 15px;
}
.list-news-hot .item:not(:first-child) .info h3 a {
  font-size: var(--fs-h5);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.list-news-hot .item:first-child {
  display: flex;
  width: 100%;
}
.list-news-hot .item:first-child .img,
.list-news-hot .item:first-child .info {
  width: 50%;
}
.list-news-hot .item:first-child .info {
  padding-left: 50px;
}
.list-news-hot .item:first-child .info h3 {
  margin-bottom: 15px;
}
.list-news-hot .item:first-child .info h3 a {
  font-size: var(--fs-h1);
  font-weight: 600;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.list-news-hot .item:first-child .info .btn-main-3 {
  padding: 5px 20px;
  border: 0;
  text-transform: none;
  margin-bottom: 30px;
  font-size: var(--fs-h2);
}
@media (max-width: 991px) {
  .list-news-hot {
    gap: 15px;
  }
  .list-news-hot .item {
    width: calc((100% - 30px) / 3);
  }
  .list-news-hot .item:first-child .img,
  .list-news-hot .item:first-child .info {
    width: 50%;
  }
  .list-news-hot .item:first-child .info {
    padding-left: 15px;
  }
}
@media (max-width: 767px) {
  .list-news-hot .item {
    width: 100%;
  }
  .list-news-hot .item:first-child {
    width: 100%;
    flex-wrap: wrap;
    gap: 15px;
  }
  .list-news-hot .item:first-child .img,
  .list-news-hot .item:first-child .info {
    width: 100%;
  }
  .list-news-hot .item:first-child .info {
    padding-left: 0;
  }
  .list-news-hot .item:first-child .info .btn-main-3 {
    margin-bottom: 15px;
  }
}

.module-section .list-module {
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
  padding: 10px 0;
}
.module-section .list-module .block {
  display: flex;
  justify-content: center;
  gap: 30px;
}
.module-section .list-module .block a {
  font-size: var(--fs-h5);
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  padding-left: 30px;
}
.module-section .list-module .block a:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  display: block;
  background: #4d4d4f;
}
.module-section .list-module .block a.active, .module-section .list-module .block a:hover {
  color: var(--color-main);
}
.module-section .list-module .block a.active:after, .module-section .list-module .block a:hover:after {
  background: var(--color-main);
}
@media (max-width: 767px) {
  .module-section .list-module {
    overflow: auto;
  }
  .module-section .list-module .block {
    justify-content: flex-start;
  }
  .module-section .list-module .block a {
    white-space: nowrap;
  }
}

.item-news-content {
  display: flex;
}
.item-news-content:not(:last-child) {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--color-border);
}
.item-news-content .img {
  width: 30%;
  border-radius: 12px;
  aspect-ratio: 16/9;
  height: auto;
}
.item-news-content .info {
  width: 70%;
  padding-left: 38px;
}
.item-news-content .info h3 {
  margin-bottom: 15px;
}
.item-news-content .info h3 a {
  font-size: var(--fs-h3);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
@media (max-width: 991px) {
  .item-news-content .info {
    padding-left: 15px;
  }
}
@media (max-width: 767px) {
  .item-news-content {
    flex-direction: column;
  }
  .item-news-content .img {
    width: 100%;
    margin-bottom: 15px;
  }
  .item-news-content .info {
    width: 100%;
    padding-left: 0;
  }
}

.date-time {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}

.news-detail .detail-content {
  padding: 30px 0;
  border-bottom: 1px solid #E4E4E4;
}
@media (max-width: 700px) {
  .news-detail .detail-content {
    padding: 15px 0;
  }
}
.news-detail .detail-content .description div, .news-detail .detail-content .description p {
  color: #333;
  text-align: justify;
  font-size: var(--fs-text);
  font-style: italic;
  font-weight: 600;
  line-height: 1.5;
}
.news-detail .detail-content .description div font, .news-detail .detail-content .description p font {
  color: #333;
  text-align: justify;
  font-size: var(--fs-text);
  font-style: italic;
  font-weight: 600;
  line-height: 1.5;
}
.news-detail h1 {
  font-family: "Montserrat-Bold", sans-serif;
  font-size: var(--fs-detail-news);
  font-weight: 700;
}
.news-detail h1 font {
  font-family: "Montserrat-Bold", sans-serif;
  font-size: var(--fs-detail-news);
  font-weight: 700;
}
.news-detail .text-main {
  font-size: var(--fs-title-min-2);
  font-family: "Montserrat-Bold", sans-serif;
}
.news-detail .fb-like {
  width: 113px;
  height: 23px;
  overflow: hidden;
}

.item-news-other .img {
  aspect-ratio: 1;
  margin-bottom: 15px;
}
.item-news-other .info a {
  color: #333;
  font-family: "Montserrat-Semibold", sans-serif;
  font-size: var(--fs-text);
  font-weight: 600;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.item-news-other .info a font {
  color: #333;
  font-family: "Montserrat-Semibold", sans-serif;
  font-size: var(--fs-text);
  font-weight: 600;
  line-height: 1.5;
}

.nav-circle-center {
  position: relative;
}
.nav-circle-center .owl-prev,
.nav-circle-center .owl-next {
  position: absolute;
  top: 23%;
  background: #fff !important;
  border-radius: 50% !important;
  width: 50px;
  height: 50px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.nav-circle-center .owl-prev:hover,
.nav-circle-center .owl-next:hover {
  background: var(--color-main);
}
.nav-circle-center .owl-prev {
  left: 0;
  transform: translateX(-50%);
}
.nav-circle-center .owl-next {
  right: 0;
  transform: translateX(50%);
}

.item-news-new {
  display: flex;
  align-items: center;
  border-top: 1px solid var(--color-border);
  padding-top: 15px;
  margin-top: 15px;
}
.item-news-new .img {
  aspect-ratio: 117/73;
  width: 34%;
  border-radius: 7px;
}
.item-news-new .img img {
  border-radius: 7px;
}
.item-news-new h3 {
  display: block;
  width: 66%;
  padding-left: 20px;
}
.item-news-new h3 a {
  color: #333;
  text-align: justify;
  font-family: "Montserrat-Semibold", sans-serif;
  font-size: var(--fs-text);
  font-weight: 600;
  line-height: 1.5;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.item-news-new h3 a font {
  color: #333;
  text-align: justify;
  font-family: "Montserrat-Semibold", sans-serif;
  font-size: var(--fs-text);
  font-weight: 600;
  line-height: 1.5;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}

.list-3-item {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.list-3-item .item {
  width: calc((100% - 60px) / 3);
}
@media (max-width: 991px) {
  .list-3-item {
    gap: 15px;
  }
  .list-3-item .item {
    width: calc((100% - 30px) / 2);
  }
}
@media (max-width: 767px) {
  .list-3-item .item {
    width: 100%;
  }
}

.item-project {
  border-radius: 12px;
  border: 1px solid #cdcdcd;
  background: #fff;
}
.item-project .img {
  height: auto;
  aspect-ratio: 453/263;
  border-radius: 12px 12px 0px 0px;
}
.item-project .info {
  padding: 30px;
}
.item-project h3 {
  margin-bottom: 15px;
}
.item-project h3 a {
  font-size: var(--fs-h5);
  font-weight: 600;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.item-project .btn-detail {
  margin-top: 15px;
}

.btn-detail {
  display: inline-block;
  color: #ff4d09;
  font-size: var(--fs-h6);
  font-weight: 600;
  border-bottom: 1px solid #ff4d09;
  text-transform: uppercase;
}

.project-other {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid var(--color-border);
}

.breadcrumb {
  padding: 30px 0;
}
.breadcrumb ul {
  display: flex;
  align-items: center;
  list-style: none;
  gap: 15px;
  flex-wrap: wrap;
}
.breadcrumb ul li a {
  margin-right: 10px;
}
.breadcrumb ul li.active {
  color: var(--color-main);
}
@media (max-width: 767px) {
  .breadcrumb {
    padding: 15px 0;
  }
  .breadcrumb ul {
    gap: 10px;
  }
}

.mySwiper2 {
  width: 100%;
  margin-bottom: 15px;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.mySwiper2 .next,
.mySwiper2 .prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 40px;
  height: 40px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
}
.mySwiper2 .next:hover,
.mySwiper2 .prev:hover {
  background: var(--color-main);
}
.mySwiper2 .next:hover svg path,
.mySwiper2 .prev:hover svg path {
  fill: #fff;
}
.mySwiper2 .next {
  right: 15px;
}
.mySwiper2 .prev {
  left: 15px;
}
.mySwiper2 .swiper-slide {
  width: 100%;
  height: 100%;
  aspect-ratio: 1000/568;
}

.mySwiper .swiper-slide {
  aspect-ratio: 187/106;
  border-radius: 4px;
  border: 1px solid #fff;
}
.mySwiper .swiper-slide.swiper-slide-thumb-active {
  border-color: var(--color-main);
}

.project-detail .title-detail {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--color-border);
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .project-detail .title-detail {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}
.project-detail .title-detail h1 {
  font-size: var(--fs-h1);
  margin-bottom: 15px;
}
.project-detail .title-detail .text {
  flex: 1;
}
.project-detail .title-detail .share {
  border-radius: 6px;
  border: 1px solid #ff4d09;
  background: #fff;
  width: 145px;
  height: 41.631px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
@media (max-width: 767px) {
  .project-detail .title-detail {
    flex-direction: column;
    gap: 15px;
  }
  .project-detail .title-detail .share {
    width: 100px;
    height: 40px;
  }
}

.item-project-new {
  display: flex;
  align-items: center;
}
.item-project-new:not(:last-child) {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--color-border);
}
.item-project-new .img {
  width: 30%;
  aspect-ratio: 1;
  border-radius: 6px;
}
.item-project-new .info {
  width: 70%;
  padding-left: 15px;
}
.item-project-new .info .date-time {
  margin-bottom: 5px;
}
.item-project-new .info h3 a {
  font-size: var(--fs-h6);
  font-weight: 600;
}

.form-contact-right .text-main {
  font-size: var(--fs-h1);
  text-align: center;
}
.form-contact-right #SendContact .box input,
.form-contact-right #SendContact .box textarea {
  border-radius: 12px;
  border: 1px solid #c6c6c6;
  background: #fff;
}
.form-contact-right #SendContact .btn-submit {
  width: 100%;
  justify-content: center;
  background: var(--color-main);
}
.form-contact-right #SendContact .btn-submit:hover {
  border-color: var(--color-main);
  color: var(--color-main);
  background: #fff;
}
.form-contact-right #SendContact .btn-submit:hover svg path {
  stroke: var(--color-main);
}

.list-4-item {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
.list-4-item .item {
  width: calc((100% - 45px) / 4);
}
@media (max-width: 991px) {
  .list-4-item .item {
    width: calc((100% - 30px) / 3);
  }
}
@media (max-width: 767px) {
  .list-4-item .item {
    width: 100%;
  }
}

.form-search {
  padding-bottom: 30px;
  border-bottom: 1px solid var(--color-border);
}
.form-search form {
  display: flex;
  gap: 15px;
}
.form-search form .select {
  flex: 1;
  border-radius: 8px;
  border: 1px solid #cdcdcd;
  background: #f9fafb;
  height: 52px;
  position: relative;
}
.form-search form .select svg {
  position: absolute;
  top: 50%;
  pointer-events: none;
  transform: translateY(-50%);
}
.form-search form .select svg:first-child {
  left: 15px;
}
.form-search form .select svg:nth-child(3) {
  right: 15px;
}
.form-search form .select select {
  width: 100%;
  height: 100%;
  padding-left: 45px;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.form-search form .btn-submit {
  border-radius: 8px;
  background: linear-gradient(180deg, #ff8625 0%, #ff4f0b 100%);
}
.form-search form .btn-submit button {
  color: #fff;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-size: var(--fs-h6);
}
.form-search form .btn-submit:hover {
  background: #fff;
}
.form-search form .btn-submit:hover button {
  color: #ff4f0b;
}
.form-search form .btn-submit:hover button svg path {
  fill: #fff;
  stroke: #ff4f0b;
}
@media (max-width: 767px) {
  .form-search form {
    flex-wrap: wrap;
    justify-content: center;
  }
  .form-search form .select {
    width: 100%;
    flex: unset;
  }
}

.list-characteristic {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--color-border);
  gap: 20px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .list-characteristic {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .list-characteristic {
    gap: 10px;
  }
}

.item-characteristic {
  width: calc((100% - 20px) / 2);
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .item-characteristic {
    width: 100%;
  }
}
.item-characteristic .icon {
  display: flex;
  align-items: center;
  gap: 15px;
}
.item-characteristic .icon svg {
  width: 20px;
}

.list-module-about {
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
  position: sticky;
  top: 70px;
  z-index: 10;
}
@media (max-width: 767px) {
  .list-module-about {
    top: 60px;
    overflow-x: auto;
    justify-content: flex-start;
  }
}

.item-module {
  padding: 20px 30px;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
}
@media (max-width: 991px) {
  .item-module {
    padding: 10px 15px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .item-module {
    white-space: nowrap;
  }
}
.item-module:hover, .item-module.active {
  background: var(--color-main);
  color: #fff;
}

.about-1 .container {
  display: flex;
}
.about-1 .container .img {
  border-radius: 12px;
}
.about-1 .container .left {
  width: 46%;
}
.about-1 .container .right {
  width: 54%;
  padding-left: 100px;
}
.about-1.right .container {
  flex-direction: row-reverse;
}
.about-1.right .container .left {
  width: 54%;
  padding-left: 100px;
}
.about-1.right .container .right {
  width: 46%;
  padding-left: 0;
}
@media (max-width: 991px) {
  .about-1 .container {
    flex-wrap: wrap;
    gap: 20px;
  }
  .about-1 .container .left {
    width: 100%;
  }
  .about-1 .container .right {
    width: 100%;
    padding-left: 0;
  }
  .about-1.right .container .left {
    width: 100%;
    padding-left: 0;
  }
  .about-1.right .container .right {
    width: 100%;
  }
}

.bg-about {
  background: #f1f1f1;
}

.item-team .img {
  aspect-ratio: 324/420;
  height: auto;
  margin-bottom: 15px;
  border-radius: 12px;
}
.item-team .text h3 {
  color: var(--color-main);
  font-size: var(--fs-h5);
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 10px;
}
.item-team .text .detail-content {
  text-align: center;
}

.item-achievement {
  position: relative;
  padding: 30px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  margin: 5px;
}
.item-achievement .img {
  aspect-ratio: 386/288;
  border-radius: 12px;
  margin-bottom: 30px;
}
.item-achievement .img img {
  object-fit: contain;
  max-height: 100%;
}
@media (max-width: 991px) {
  .item-achievement .img {
    margin-bottom: 15px;
  }
}
.item-achievement h3 {
  font-size: var(--fs-h6);
  text-align: center;
  font-weight: 600;
}

.result-search .item {
  padding: 20px 0;
  border-bottom: 1px solid var(--color-border);
  display: flex;
  align-items: center;
}
.result-search .item .img {
  width: 20%;
  aspect-ratio: 16/9;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.result-search .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.result-search .item .right {
  width: 80%;
  padding-left: 30px;
}
.result-search .item:last-child {
  border-bottom: 0;
}
.result-search .item .module {
  color: #fff;
  background-color: var(--color-main);
  padding: 2px 10px;
  border-radius: 5px;
  margin-right: 10px;
  display: inline-block;
  white-space: nowrap;
}
.result-search .item h3 a {
  font-weight: 700;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.result-search .item h3:hover a {
  color: var(--color-main);
}
.result-search .item .time {
  font-size: 13px;
  color: var(--color-main);
  font-style: italic;
  margin: 5px 0;
  display: flex;
  align-items: center;
}
.result-search .item .time svg {
  margin-right: 10px;
  fill: var(--color-main);
}
.result-search .item ._desc {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
@media (max-width: 767px) {
  .result-search .item {
    flex-direction: column;
  }
  .result-search .item .img {
    width: 100%;
    aspect-ratio: 16/9;
    margin-bottom: 15px;
  }
  .result-search .item .right {
    padding: 0;
    width: 100%;
  }
}

.popup-video {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s linear;
}
.popup-video .overlay-popup-video {
  position: absolute;
  z-index: 11;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}
.popup-video .wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 12;
  width: 70%;
  aspect-ratio: 16/9;
}
.popup-video .wrapper .icon-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.popup-video .wrapper .icon-close svg {
  fill: var(--color-white);
}
.popup-video .wrapper iframe,
.popup-video .wrapper video,
.popup-video .wrapper .video {
  width: 100%;
  height: 100%;
  display: block;
}
.popup-video.active {
  opacity: 1;
  pointer-events: all;
}
@media (max-width: 767px) {
  .popup-video .wrapper {
    width: 100%;
  }
}

.form-contact.booking-module .sent-infor-contact form .form-input input,
.form-contact.booking-module .sent-infor-contact form .form-input select {
  font-size: var(--fs-contact);
  border-bottom: 1px solid #333 !important;
  color: #333;
}
.form-contact.booking-module .sent-infor-contact form .form-input .input-group svg {
  position: absolute;
  right: 0;
  pointer-events: none;
}
.form-contact.booking-module .sent-infor-contact form .form-input .input-group svg path path {
  stroke: #333;
}
.form-contact.booking-module .sent-infor-contact form .form-input .input-group select {
  color: #333;
}
.form-contact.booking-module .sent-infor-contact form .form-input input::placeholder {
  font-family: "Montserrat-Regular", sans-serif;
  font-size: var(--fs-contact);
  font-weight: 400;
  color: #333;
}
.form-contact.booking-module .sent-infor-contact form svg path {
  fill: #333;
}

.sent-infor-contact form {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  row-gap: 50px;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .sent-infor-contact form {
    gap: 15px;
    row-gap: 15px;
  }
}
.sent-infor-contact form .form-input {
  position: relative;
  width: calc((100% - 40px) / 3);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
}
@media (max-width: 767px) {
  .sent-infor-contact form .form-input {
    width: 100%;
  }
}
.sent-infor-contact form .form-input svg {
  position: absolute;
  bottom: 15px;
}
.sent-infor-contact form .form-input input,
.sent-infor-contact form .form-input select {
  font-family: "Montserrat-Regular", sans-serif;
  font-size: 18px;
  font-weight: 400;
  width: 100%;
  background: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #fff !important;
  color: #fff;
  font-size: var(--fs-text);
  padding: 15px 0;
  outline: none;
  transition: all 0.3s ease;
  padding-left: 40px;
}
.sent-infor-contact form .form-input input:focus,
.sent-infor-contact form .form-input select:focus {
  border-color: var(--color-main-2);
}
.sent-infor-contact form .form-input .input-group {
  position: relative;
  display: flex;
  align-items: center;
}
.sent-infor-contact form .form-input .input-group svg {
  position: absolute;
  right: 0;
  pointer-events: none;
}
.sent-infor-contact form .form-input .input-group select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  color: #fff;
}
.sent-infor-contact form .form-input input[type=date] {
  display: none;
}
.sent-infor-contact form .form-input .input-group svg {
  display: none;
}
.sent-infor-contact form .form-input input::placeholder {
  font-family: "Montserrat-Regular", sans-serif;
  font-size: var(--fs-contact);
  font-weight: 400;
  color: #fff;
}
.sent-infor-contact form .form-input {
  position: relative;
}
.sent-infor-contact form .form-input svg {
  position: absolute;
  bottom: 15px;
}
.sent-infor-contact form .form-input select {
  outline: none;
  appearance: none; /* Chuẩn */
  -webkit-appearance: none; /* Safari, Chrome */
  -moz-appearance: none; /* Firefox */
  border: 0;
  padding: 0;
  margin: 0;
  background-color: transparent;
  font-weight: 400;
  border-radius: 0;
  background-color: transparent;
  font-family: "Montserrat-Regular", sans-serif;
  font-size: var(--fs-contact);
  font-weight: 400;
  color: #fff;
  width: 100%;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  padding: 10px 0;
  padding-left: 40px;
}
.sent-infor-contact form .form-input select option {
  padding-left: 0px;
  font-family: "Montserrat-Regular", sans-serif;
  font-size: var(--fs-contact);
  font-weight: 400;
  width: 100%;
  color: #333;
}
.sent-infor-contact form .form-input .input-group {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-radius: 0;
}
.sent-infor-contact form .booking-btn {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pb-30 {
  padding-bottom: 30px;
}
@media (max-width: 767px) {
  .pb-30 {
    padding-bottom: 15px;
  }
}

.pt-30 {
  padding-top: 30px;
}
@media (max-width: 767px) {
  .pt-30 {
    padding-top: 15px;
  }
}

footer {
  background: linear-gradient(0deg, rgba(1, 51, 135, 0.7) 0%, rgba(1, 51, 135, 0.7) 100%), url("../images/background-footer.jpg") lightgray 50%/cover no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 50px;
}
@media (max-width: 767px) {
  footer {
    padding-bottom: 15px !important;
  }
}
footer .title-footer {
  color: #fff;
  font-size: var(--fs-subtitle-slide);
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 15px;
  text-transform: uppercase;
}
footer .title-footer font {
  color: #fff;
  font-size: var(--fs-subtitle-slide);
  font-weight: 700;
  line-height: 1.5;
}
footer .container {
  display: flex;
  flex-direction: column;
}
footer .container .footer-top {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom: 1px solid #4B6398;
}
@media (max-width: 1200px) {
  footer .container .footer-top {
    flex-direction: column;
    justify-content: center;
  }
}
footer .container .footer-top .left {
  width: 20.8%;
}
footer .container .footer-top .left .logo {
  aspect-ratio: 239/56;
}
footer .container .footer-top .left .logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
footer .container .footer-top .left .flex-social {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
footer .container .footer-top .left .flex-social p {
  color: #fff;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.8;
}
footer .container .footer-top .left .flex-social p font {
  color: #fff;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.8;
}
@media (max-width: 1200px) {
  footer .container .footer-top .left {
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
footer .container .footer-top .information-contact {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
@media (max-width: 1200px) {
  footer .container .footer-top .information-contact {
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
footer .container .footer-top .information-contact .flex-contact {
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 1200px) {
  footer .container .footer-top .information-contact .flex-contact {
    text-align: left;
  }
}
footer .container .footer-top .information-contact .flex-contact span {
  color: #FFF;
}
footer .container .footer-top .menu-footer {
  width: calc(30.2% - 200px);
}
@media (max-width: 700px) {
  footer .container .footer-top .menu-footer {
    width: 100%;
  }
}
footer .container .footer-top .menu-footer ul {
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
footer .container .footer-top .menu-footer ul li {
  color: #fff;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
}
footer .container .footer-top .menu-footer ul li a {
  color: #fff;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
}
footer .container .footer-top .menu-footer ul li a:hover {
  color: var(--color-main-2);
}
footer .container .footer-top .menu-footer ul li a font {
  color: #fff;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
}
footer .container .footer-top .menu-footer ul li font {
  color: #fff;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
}

.social-links {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .social-links {
    margin-top: 10px;
  }
}
.social-links svg {
  display: inline-block;
  transform-origin: center;
  transition: transform 0.5s linear;
}
.social-links a {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  border: 1px solid #FFF;
  background: #FFF;
}
.social-links a:hover svg {
  transform: rotateY(360deg);
  fill: #fff;
}
.social-links a:hover svg path {
  fill: #fff;
}
.social-links .facebook::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #3b5999;
  transition: all 0.5s linear;
  z-index: 0;
}
.social-links .facebook:hover {
  border: 1px solid #fff;
}
.social-links .facebook:hover::before {
  top: 0;
  background: #3b5999;
}
.social-links .youtube::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FE0808;
  transition: all 0.5s linear;
  z-index: 0;
}
.social-links .youtube:hover {
  border: 1px solid #fff;
}
.social-links .youtube:hover::before {
  top: 0;
  background: #FE0808;
}
.social-links .instagram::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #f58529 0%, #feda77 25%, #dd2a7b 50%, #8134af 75%, #515bd4 100%);
  transition: all 0.5s linear;
  z-index: 0;
}
.social-links .instagram:hover {
  border: 1px solid #fff;
}
.social-links .instagram:hover::before {
  top: 0;
  background: linear-gradient(45deg, #f58529 0%, #feda77 25%, #dd2a7b 50%, #8134af 75%, #515bd4 100%);
}
.social-links .tiktok::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #212121;
  transition: all 0.5s linear;
  z-index: 0;
}
.social-links .tiktok:hover {
  border: 1px solid #fff;
}
.social-links .tiktok:hover::before {
  top: 0;
  background: #212121;
}

.copyright {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  line-height: 35px;
  font-size: var(--fs-text);
  font-family: "Montserrat-Regular", sans-serif;
}
.copyright font {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  line-height: 35px;
  font-size: var(--fs-text);
  font-family: "Montserrat-Regular", sans-serif;
}

.faq-section .container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.faq-section .container .faq-item {
  background: #F2F2F2;
  border-radius: 10px;
  padding: 20px 30px;
}
@media (max-width: 767px) {
  .faq-section .container .faq-item {
    padding: 15px;
  }
}
.faq-section .container .faq-item .faq-question {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: background 0.2s ease;
}
.faq-section .container .faq-item .faq-question.open .faq-icon {
  transform: rotate(180deg);
}
.faq-section .container .faq-item .faq-question .left {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.faq-section .container .faq-item .faq-question .left .faq-title {
  color: #333;
  font-family: "Montserrat-Bold", sans-serif;
  font-size: var(--fs-contact);
  font-weight: 700;
  line-height: 1.5;
}
.faq-section .container .faq-item .faq-question .left .faq-title font {
  color: #333;
  font-family: "Montserrat-Bold", sans-serif;
  font-size: var(--fs-contact);
  font-weight: 700;
  line-height: 1.5;
}
.faq-section .container .faq-item .faq-question .right .faq-icon {
  transition: transform 0.3s ease;
  transform-origin: center;
}
.faq-section .container .faq-item .faq-answer {
  display: none;
  margin-top: 10px;
  color: #333;
  font-family: "Montserrat-Regular", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
}
.faq-section .container .faq-item .faq-answer font {
  color: #333;
  font-family: "Montserrat-Regular", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
}
.faq-section .container .faq-item .faq-answer ul {
  padding-left: 20px;
}
.faq-section .container .faq-item .faq-answer ul li {
  margin-bottom: 10px;
  color: #333;
  font-family: "Montserrat-Regular", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
}
.faq-section .container .faq-item .faq-answer ul li font {
  color: #333;
  font-family: "Montserrat-Regular", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
}

.solution-index {
  background: #F3F6FF;
}
.solution-index .btn-ctn {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-solution-index {
  position: relative;
}
.flex-solution-index .owl-carousel {
  position: initial;
}
.flex-solution-index .owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.flex-solution-index .owl-theme .owl-nav [class*=owl-]:hover {
  background: #fff;
  opacity: 0.7;
}
.flex-solution-index .owl-theme .owl-nav [class*=owl-].owl-prev {
  left: -40px;
}
@media (max-width: 700px) {
  .flex-solution-index .owl-theme .owl-nav [class*=owl-].owl-prev {
    left: -12px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .flex-solution-index .owl-theme .owl-nav [class*=owl-].owl-prev {
    left: 0;
  }
}
.flex-solution-index .owl-theme .owl-nav [class*=owl-].owl-next {
  right: -40px;
}
@media (max-width: 700px) {
  .flex-solution-index .owl-theme .owl-nav [class*=owl-].owl-next {
    right: -12px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .flex-solution-index .owl-theme .owl-nav [class*=owl-].owl-next {
    right: 0;
  }
}
.flex-solution-index .card-item {
  position: relative;
  aspect-ratio: 347/482;
  border-radius: 25px;
}
.flex-solution-index .card-item .img {
  aspect-ratio: 347/482;
  border-radius: 25px;
  overflow: hidden;
  position: relative;
}
.flex-solution-index .card-item .img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 25px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 64.52%, rgb(0, 0, 0) 100%);
  overflow: hidden;
  z-index: 1;
}
.flex-solution-index .card-item .img:hover img {
  transform: scale(1.1);
  transition: all 0.3s ease;
}
.flex-solution-index .card-item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: all 0.3s ease;
}
.flex-solution-index .card-item .infor {
  position: absolute;
  padding: 25px 47px;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.flex-solution-index .card-item .infor .title-card {
  color: #fff;
  text-align: center;
  font-family: "Montserrat-Bold", sans-serif;
  font-size: var(--fs-title-card);
  line-height: 1.6;
  text-transform: uppercase;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.flex-solution-index .card-item .infor .title-card a {
  color: #fff;
  text-align: center;
  font-family: "Montserrat-Bold", sans-serif;
  font-size: var(--fs-title-card);
  line-height: 1.6;
  text-transform: uppercase;
}
.flex-solution-index .card-item .infor .title-card a:hover {
  color: var(--color-main-2);
}
.flex-solution-index .card-item .infor .title-card a font {
  color: #fff;
  text-align: center;
  font-family: "Montserrat-Bold", sans-serif;
  font-size: var(--fs-title-card);
  line-height: 1.6;
  text-transform: uppercase;
}

.news-index .news-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 22px;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 700px) {
  .news-index .news-flex {
    flex-direction: column;
    gap: 15px;
  }
}
.news-index .news-flex .card-news {
  width: 48.7%;
  aspect-ratio: 560/388;
  border-radius: 7px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 37.89%, #000 100%);
  position: relative;
}
@media (max-width: 700px) {
  .news-index .news-flex .card-news {
    width: 100%;
  }
}
.news-index .news-flex .card-news .img {
  border-radius: 7px;
  aspect-ratio: 560/388;
  position: relative;
  transition: all 0.3s ease;
}
.news-index .news-flex .card-news .img:hover img {
  transform: scale(1.1);
  transition: all 0.3s ease;
}
.news-index .news-flex .card-news .img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 25px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 37.89%, #000 100%);
  overflow: hidden;
  z-index: 1;
}
.news-index .news-flex .card-news .img img {
  border-radius: 7px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.news-index .news-flex .card-news .infor {
  padding: 0 30px 15px 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.news-index .news-flex .card-news .infor .title-news a {
  color: #FFF;
  font-family: "Montserrat-Semibold", sans-serif;
  font-size: var(--fs-text);
  font-weight: 600;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.news-index .news-flex .card-news .infor .title-news a font {
  color: #FFF;
  font-family: "Montserrat-Semibold", sans-serif;
  font-size: var(--fs-text);
  font-weight: 600;
  line-height: 1.5;
}
.news-index .news-flex .card-news .infor .date-link .date {
  color: #ADADAD;
  font-size: var(--fs-text);
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.news-index .news-flex .news-veritcal {
  width: calc(51.3% - 22px);
  display: flex;
  flex-direction: column;
  gap: 28px;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 700px) {
  .news-index .news-flex .news-veritcal {
    width: 100%;
  }
}
.news-index .news-flex .news-veritcal .card-news-small {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.news-index .news-flex .news-veritcal .card-news-small .img {
  width: 53.67%;
  aspect-ratio: 179/110;
  border-radius: 7px;
  transition: all 0.3s ease;
}
.news-index .news-flex .news-veritcal .card-news-small .img:hover img {
  transform: scale(1.1);
  transition: all 0.3s ease;
}
.news-index .news-flex .news-veritcal .card-news-small .img img {
  border-radius: 7px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.news-index .news-flex .news-veritcal .card-news-small .infor {
  padding-left: 28px;
}
@media (max-width: 700px) {
  .news-index .news-flex .news-veritcal .card-news-small .infor {
    padding-left: 15px;
  }
}
.news-index .news-flex .news-veritcal .card-news-small .infor .title-news a {
  color: #333;
  font-size: var(--fs-text);
  font-weight: 600;
  line-height: 1.5;
}
.news-index .news-flex .news-veritcal .card-news-small .infor .title-news a:hover {
  color: var(--color-main-2);
}
.news-index .news-flex .news-veritcal .card-news-small .infor .title-news a font {
  color: #333;
  font-size: var(--fs-text);
  font-weight: 600;
  line-height: 1.5;
}
.news-index .news-flex .news-veritcal .card-news-small .infor .date-link .date {
  color: #71767B;
  font-size: var(--fs-text);
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

.partner-index {
  padding-bottom: 100px;
}
@media (max-width: 700px) {
  .partner-index {
    padding-bottom: 15px;
  }
}

.flex-partner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 13px;
}
.flex-partner.row-5 .card-partner {
  width: calc((100% - 52px) / 5);
  aspect-ratio: 216/103;
}
@media (max-width: 700px) {
  .flex-partner.row-5 .card-partner {
    width: calc((100% - 13px) / 2);
  }
}
.flex-partner.row-5 .card-partner .img {
  aspect-ratio: 216/103;
}
.flex-partner .card-partner {
  width: calc((100% - 65px) / 6);
  aspect-ratio: 180/86;
}
@media (max-width: 700px) {
  .flex-partner .card-partner {
    width: calc((100% - 13px) / 2);
  }
}
.flex-partner .card-partner .img {
  aspect-ratio: 180/86;
  border-radius: 7px;
  border: 1px solid #D3D3D3;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.flex-partner .card-partner .img img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}

@media (min-width: 1200px) {
  .wave-text {
    display: inline-block;
    animation: wave 2s ease-in-out infinite;
  }
  @keyframes wave {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-20px);
    }
  }
}
.vision-index {
  background: #F3F6FF;
}
.vision-index.row-1 {
  padding-top: 100px;
  padding-bottom: 25px;
}
@media (max-width: 700px) {
  .vision-index.row-1 {
    padding: 15px;
  }
}
.vision-index.row-2 {
  padding-top: 25px;
  padding-bottom: 100px;
}
@media (max-width: 700px) {
  .vision-index.row-2 {
    padding: 15px;
  }
}
.vision-index .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 64px;
}
@media (max-width: 700px) {
  .vision-index .container {
    flex-direction: column;
    gap: 15px;
  }
}
.vision-index .container.row-reverse {
  flex-direction: row-reverse;
}
@media (max-width: 700px) {
  .vision-index .container.row-reverse {
    flex-direction: column;
  }
}
.vision-index .container .left {
  width: calc(53.7% - 64px);
  aspect-ratio: 553/289;
  border-radius: 25px;
}
@media (max-width: 700px) {
  .vision-index .container .left {
    width: 100%;
  }
}
.vision-index .container .left .img {
  aspect-ratio: 553/289;
  border-radius: 25px;
}
.vision-index .container .left .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.vision-index .container .right {
  width: 46.3%;
}
@media (max-width: 700px) {
  .vision-index .container .right {
    width: 100%;
  }
}

.flex-list-core {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
}
@media (max-width: 700px) {
  .flex-list-core {
    gap: 15px;
  }
}
.flex-list-core .item {
  width: calc((100% - 72px) / 4);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  border-radius: 19px;
  border: 1px solid #9EB9EB;
  background: #FFF;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  padding: 50px 32px;
}
@media (max-width: 700px) {
  .flex-list-core .item {
    width: calc((100% - 15px) / 2);
  }
}
.flex-list-core .item .icon {
  width: 72px;
  height: 74px;
}
.flex-list-core .item .icon img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.flex-list-core .item .title-item {
  color: #333;
  text-align: center;
  font-family: "Montserrat-Semibold", sans-serif;
  font-size: var(--fs-sub-title);
  font-weight: 600;
  line-height: 1.8;
}
.flex-list-core .item .title-item font {
  color: #333;
  text-align: center;
  font-family: "Montserrat-Semibold", sans-serif;
  font-size: var(--fs-sub-title);
  font-weight: 600;
  line-height: 1.8;
}
.flex-list-core .item .description div, .flex-list-core .item .description p {
  color: #333;
  text-align: center;
  font-family: "Montserrat-Regular", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.6;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.flex-list-core .item .description div font, .flex-list-core .item .description p font {
  color: #333;
  text-align: center;
  font-family: "Montserrat-Regular", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.6;
}

.chart-intro {
  background: url("../images/banner-introduce.png") no-repeat;
  background-size: cover;
  background-position: center;
}

.introduce-5-intro {
  padding-bottom: 50px;
}
@media (max-width: 700px) {
  .introduce-5-intro {
    padding-bottom: 15px;
  }
}
.introduce-5-intro .container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 63px;
}
@media (max-width: 700px) {
  .introduce-5-intro .container {
    flex-direction: column;
    gap: 15px;
  }
}
.introduce-5-intro .container .left {
  width: calc(50% - 63px);
}
@media (max-width: 700px) {
  .introduce-5-intro .container .left {
    width: 100%;
  }
}
.introduce-5-intro .container .left .description {
  color: #333;
  text-align: justify;
  font-family: "Montserrat-Regular", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.6;
}
.introduce-5-intro .container .left .description div, .introduce-5-intro .container .left .description p {
  color: #333;
  text-align: justify;
  font-family: "Montserrat-Regular", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.6;
}
.introduce-5-intro .container .left .description div font, .introduce-5-intro .container .left .description p font {
  color: #333;
  text-align: justify;
  font-family: "Montserrat-Regular", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.6;
}
.introduce-5-intro .container .left .detail:hover span svg path {
  fill: var(--color-main-2);
}
.introduce-5-intro .container .left .detail span {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.introduce-5-intro .container .right {
  width: 50%;
  aspect-ratio: 553/413;
  border-radius: 25px;
}
@media (max-width: 700px) {
  .introduce-5-intro .container .right {
    width: 100%;
  }
}
.introduce-5-intro .container .right .img {
  aspect-ratio: 553/413;
  border-radius: 25px;
}
.introduce-5-intro .container .right .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.img.no-hover:hover img {
  transform: scale(1);
}
.img:hover img {
  transform: scale(1.1);
  transition: all 0.3s ease;
}
.img img {
  transition: all 0.3s ease;
}

.item-module-solution {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 67px;
}
@media (max-width: 700px) {
  .item-module-solution {
    flex-direction: column;
    gap: 15px;
  }
}
.item-module-solution.row-reverse {
  flex-direction: row-reverse;
}
@media (max-width: 700px) {
  .item-module-solution.row-reverse {
    flex-direction: column;
  }
}
.item-module-solution .left {
  aspect-ratio: 550/400;
  border-radius: 25px;
  width: 47.8%;
}
@media (max-width: 700px) {
  .item-module-solution .left {
    width: 100%;
  }
}
.item-module-solution .left .img {
  aspect-ratio: 550/400;
  border-radius: 25px;
}
.item-module-solution .left .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.item-module-solution .right {
  width: calc(52.2% - 67px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 700px) {
  .item-module-solution .right {
    width: 100%;
  }
}
.item-module-solution .right .title {
  color: var(--color-main);
}
.item-module-solution .right .title a {
  color: var(--color-main);
}
.item-module-solution .right .title a font {
  color: var(--color-main);
}

.case-1-product .title {
  margin-bottom: 80px;
}

.flex-nav-item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 36px;
  justify-content: flex-start;
}
.flex-nav-item .item {
  width: calc((100% - 72px) / 3);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border-radius: 25px;
  background: #E7F4FD;
  padding: 20px;
}
.flex-nav-item .item .img {
  width: 100px;
  height: 100px;
  background: linear-gradient(180deg, #0180E8 0%, #0845A1 100%);
  border: 8px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transform: translateY(-70%);
  margin-bottom: -20px;
}
.flex-nav-item .item .img img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.flex-nav-item .item .title-name {
  color: #333;
  font-family: "Montserrat-Bold", sans-serif;
  font-size: var(--fs-subtitle-slide);
  font-weight: 600;
  line-height: 1.6;
  text-transform: uppercase;
}
.flex-nav-item .item .title-name font {
  color: #333;
  font-family: "Montserrat-Bold", sans-serif;
  font-size: var(--fs-subtitle-slide);
  font-weight: 600;
  line-height: 1.6;
  text-transform: uppercase;
}
.flex-nav-item .item .description ul {
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.flex-nav-item .item .description div, .flex-nav-item .item .description p, .flex-nav-item .item .description li {
  color: #333;
  font-family: "Montserrat-Regular", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
}
.flex-nav-item .item .description div font, .flex-nav-item .item .description p font, .flex-nav-item .item .description li font {
  color: #333;
  font-family: "Montserrat-Regular", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
}

.max-height {
  max-height: 52px;
}

.case-2-product .container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 100px;
  row-gap: 50px;
}
.case-2-product .container.row-reverse {
  flex-direction: row-reverse;
}
.case-2-product .container .left {
  width: calc(54.4% - 100px);
  display: flex;
  flex-direction: column;
}
.case-2-product .container .right {
  width: 45.6%;
  aspect-ratio: 524/294;
  border-radius: 25px;
}
.case-2-product .container .right .img {
  aspect-ratio: 524/294;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.case-2-product .container .right .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.flex-loi-ich {
  width: 100%;
  position: relative;
}
.flex-loi-ich:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  transform: translateY(-50%);
  background: #C7C7C7;
}
.flex-loi-ich .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.flex-loi-ich .item .img {
  width: 100px;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 25px;
  position: relative;
  overflow: visible;
}
.flex-loi-ich .item .img:before {
  content: "";
  position: absolute;
  bottom: -9px;
  left: 50%;
  transform: translateX(-50%);
  width: 9px;
  height: 9px;
  background: #0845A1;
  border: 5px solid #fff;
  border-radius: 50%;
}
.flex-loi-ich .item .img img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.flex-loi-ich .item .title-name {
  padding-top: 25px;
  color: #333;
  text-align: center;
  font-size: var(--fs-text);
  font-weight: 500;
  line-height: 1.5;
}
.flex-loi-ich .item .title-name font {
  color: #333;
  font-family: "Montserrat-Regular", sans-serif;
  text-align: center;
  font-size: var(--fs-text);
  font-weight: 500;
  line-height: 1.5;
}

.slide-news .item {
  display: flex;
  flex-direction: row;
  border-radius: 7px;
  border: 1px solid #E0E0E0;
  background: #FFF;
}
@media (max-width: 700px) {
  .slide-news .item {
    flex-direction: column;
  }
}
.slide-news .item .left, .slide-news .item .right {
  width: 50%;
}
@media (max-width: 700px) {
  .slide-news .item .left, .slide-news .item .right {
    width: 100%;
  }
}
.slide-news .item .left {
  aspect-ratio: 560/388;
}
.slide-news .item .img {
  border-radius: 7px 0 0 7px;
  aspect-ratio: 560/388;
}
.slide-news .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.slide-news .item .right {
  padding: 50px 50px 50px 70px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 700px) {
  .slide-news .item .right {
    padding: 15px;
  }
}
.slide-news .item .right .title-news {
  color: #333;
  font-size: var(--fs-title-name);
  font-family: "Montserrat-Bold", sans-serif;
  font-weight: 600;
}
.slide-news .item .right .title-news font {
  color: #333;
  font-size: var(--fs-title-name);
  font-family: "Montserrat-Bold", sans-serif;
  font-weight: 600;
}
.slide-news .item .right .title-news a {
  color: #333;
  font-size: var(--fs-title-name);
  font-family: "Montserrat-Bold", sans-serif;
  font-weight: 600;
}
.slide-news .item .right .title-news a:hover {
  color: var(--color-main-2);
}
.slide-news .item .right .title-news a font {
  color: #333;
  font-size: var(--fs-title-name);
  font-family: "Montserrat-Bold", sans-serif;
  font-weight: 600;
}
.slide-news .owl-dots {
  margin-top: 30px;
}
@media (max-width: 700px) {
  .slide-news .owl-dots {
    margin-top: 15px;
  }
}

.news-flex-3 {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 25px;
}
@media (max-width: 700px) {
  .news-flex-3 {
    gap: 15px;
  }
}
.news-flex-3 .item {
  width: calc((100% - 50px) / 3);
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  border: 1px solid #E0E0E0;
  background: #FFF;
}
@media (max-width: 700px) {
  .news-flex-3 .item {
    width: calc((100% - 15px) / 2);
  }
}
.news-flex-3 .item .img {
  aspect-ratio: 366/228;
  border-radius: 7px;
}
@media (max-width: 700px) {
  .news-flex-3 .item .img {
    max-height: 118px;
  }
}
.news-flex-3 .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 7px;
}
.news-flex-3 .item .info {
  padding: 15px 22px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 700px) {
  .news-flex-3 .item .info {
    padding: 15px;
  }
}
.news-flex-3 .item .info .title-news {
  color: #333;
  font-size: var(--fs-text);
  font-weight: 600;
  line-height: 1.5;
}
.news-flex-3 .item .info .title-news font {
  color: #333;
  font-size: var(--fs-text);
  font-weight: 600;
  line-height: 1.5;
}
.news-flex-3 .item .info .description div, .news-flex-3 .item .info .description p {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}

.title-detail {
  padding-bottom: 30px;
  border-bottom: 1px solid #E4E4E4;
}
@media (max-width: 700px) {
  .title-detail {
    padding-bottom: 15px;
  }
}

.system-tags {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 20px 0;
}
.system-tags span {
  color: #333;
  font-size: 14px;
  font-weight: 600;
}
.system-tags span font {
  color: #333;
  font-size: 14px;
  font-weight: 600;
}
.system-tags .text-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.system-tags .text-container a {
  border-radius: 15.5px;
  border: 1px solid #E3E5E8;
  background: #F4F6FA;
  padding: 5px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6A6866;
  font-size: 14px;
  font-weight: 400;
}
.system-tags .text-container a:hover {
  background: transparent;
}
.system-tags .text-container a font {
  color: #6A6866;
  font-size: 14px;
  font-weight: 400;
}

.other-section .item {
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  border: 1px solid #E0E0E0;
  background: #FFF;
}
.other-section .item .img {
  aspect-ratio: 366/228;
  border-radius: 7px;
}
.other-section .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 7px;
}
.other-section .item .info {
  padding: 15px 22px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.other-section .item .info .title-news {
  color: #333;
  font-size: var(--fs-text);
  font-weight: 600;
  line-height: 1.5;
}
.other-section .item .info .title-news font {
  color: #333;
  font-size: var(--fs-text);
  font-weight: 600;
  line-height: 1.5;
}
.other-section .item .info .description div, .other-section .item .info .description p {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}

/*# sourceMappingURL=style.css.map */