/**
 * Theme Name:     K-Tech
 * Author:         K-Tech
 * Template:       flatsome
 * Text Domain:	   k-tech
 * Description:    Theme Build by Dai
 * Theme URI:      https://k-tech.net.vn/
 * Author URI:     https://k-tech.net.vn/
 * Version:        20250916
 * License:        2NRJM-B46WR-K6VQR-Y4T3D-QRWPX
 * License URI:    https://k-tech.net.vn/
 */

/*************** ADD CUSTOM CSS HERE.   ***************/
/* TRƯỜNG HỢP 1: Tối ưu nhất - Chỉ tắt cuộn mượt khi menu đang mở để không ảnh hưởng các tính năng khác */
html:has(body.body-scroll-lock--active) {
  scroll-behavior: auto !important;
}

/* TRƯỜNG HỢP 2: Tắt triệt để - Nếu Trường hợp 1 không hoạt động do trình duyệt của bạn quá cũ không hỗ trợ :has() */
html {
  scroll-behavior: auto !important;
}

:root {
  --bs-white-rgb: #fff;
}

body {
  font-family: "Mulish", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
a,
span.lang-code {
  font-family: "Alexandria", sans-serif;
}

p,
span {
  font-family: "Mulish", sans-serif;
}

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

.text-color {
  color: #D8CECC !important;
}

.py-30 {
  padding: 30px 0;
}

.width-max {
  width: max-content;
}

.max-w-container {
  max-width: none !important;
}

.max-w-container-90 {
  width: 100% !important;
  max-width: 90vw !important;
  margin: 0 auto;

  @media (max-width: 459px) {
    max-width: 100vh;
  }
}

.custom-center-box>.col-inner {
  display: flex !important;
  justify-content: center !important;
}

.px-0,
.px-0>.col-inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}



.gca-column>p {
  margin-bottom: 1rem !important;
}

.gca-column+p,
.blog-share.text-center {
  clear: both;
}

.gca-column+*:not(.gca-column) {
  clear: both;
}

.field input,
.field select,
.field textarea {
  border: none;
  border-bottom: 1px solid rgba(137, 127, 104, 0.4);
  min-height: 50px;
  margin-bottom: 20px;
  height: auto;
}

.field.submit {
  text-align: right;

  input {
    background: transparent;
    color: #302b22;
    border: none;
  }
}

.text-xl {
  font-size: 2rem;
}

.field.policy span.wpcf7-form-control-wrap label {
  display: flex;
  align-items: center;
  margin-top: 15px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #302B22;
}

.field.policy input[type="checkbox"] {
  display: none;
}

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

.list_post_related {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.wrapper {
  position: relative;
  z-index: 5;

  a.cover_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    transition: all .3s linear;
  }
}

.item_post {
  border: 1px solid rgba(137, 127, 104, 0.4);
  background: #fff;

  .item_img {
    overflow: hidden;

    img {
      width: 100%;
      height: auto;
      aspect-ratio: 16/9;
      transition: all 0.5s;
      transform: scale(1);
    }
  }

  .item_content {
    padding: 15px;

    .item_content_title {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      color: #544A40;
    }

    .seemore {
      font-size: 14px;
      padding: 10px 15px;
      width: max-content;
      border-bottom: 1px solid #544A40;
    }

    .item_expecrt {
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
  }

  &:hover {
    .item_img {
      img {
        transform: scale(1.25);
      }
    }
  }
}

.list_post_grid--3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

.list_post_grid--2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;

  .item_post {
    display: flex;
    border: none;
    box-shadow: none;

    .item_img {
      width: 36%;
      min-height: 320px;

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

    .item_content {
      flex: 1;
      /* width: 40%; */
      padding: 0 15px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
  }
}

ul.thenativePagination {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 2rem;
}

ul.thenativePagination li:not(:last-child) a,
ul.thenativePagination li:not(:last-child) span {
  border-right: 1px solid #B2B0AA;
  padding-right: 0.8rem;
}

ul.thenativePagination li.active a,
ul.thenativePagination li.active span {
  color: #000;
}

ul.thenativePagination li span,
ul.thenativePagination li a {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  color: #938F87;
}

ul.default_ul {
  list-style: none;
}

.category_post {

  .category_post_header {
    position: relative;
    padding: 180px 0 0 !important;
    overflow: hidden;
    background: #222;
    margin-bottom: 30px;
    text-align: center;

    @media (max-width: 768px) {
      padding: 120px 0 0 !important;
      margin-bottom: 20px;
    }

    .category_banner_img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      z-index: 0;
      pointer-events: none;
    }

    .container {
      position: relative;
      z-index: 2;
    }
  }

  .list_menu {
    position: relative;
    z-index: 2;
    border-bottom: 1px solid rgba(137, 127, 104, 0.5);
    margin-top: 30px;
    margin-bottom: 0;

    ul {
      list-style: none;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 20px;
      margin-bottom: 0;

      li {
        margin-bottom: 0;
        padding: 10px 15px;
        position: relative;

        &::before {
          content: "";
          position: absolute;
          bottom: -1px;
          left: 0;
          width: 0;
          height: 2px;
          background: #000;
          transition: all 0.3s;
        }

        &:hover,
        &.active {
          &::before {
            width: 100%;
          }
        }

        a {
          color: var(--fs-color-primary) !important;
          font-family: "Mulish", sans-serif;
        }
      }
    }
  }
}

.archive-content-container {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 3.5rem !important;

}

.filter_post {
  position: relative;
  margin-left: auto;
  width: max-content;
  margin-bottom: 50px;
}

.filter_toggle {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}

.filter_dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  background: #fff;
  border: 1px solid #ddd;
  min-width: 140px;
  display: none;
  z-index: 10;
  padding: 5px;
  border-radius: 5px;
  margin-bottom: 0;
}

.filter_dropdown li {
  list-style: none;
  color: #fff;
  transition: all 0.3s;
  border-radius: 2px;
}

.filter_dropdown li:hover {
  background: #302b22;
}

.filter_dropdown li:last-child {
  margin-bottom: 0;
}

.filter_dropdown a {
  display: block;
  padding: 8px 12px;
  color: #29261d;
}

.filter_dropdown li:hover a {
  color: #fff;
}

.filter_post.active .filter_dropdown {
  display: block;
}

.section_project_content {
  z-index: 0;
  display: flex;
  gap: 0 50px;
  align-items: stretch;
  padding: 40px 0;
}

.list_content_project {
  /* padding-right: calc((100vw - 1080px) / 2); */
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 30px;
}

.section_project_content .section_label {
  left: 0;
}

.section_project_content .inner_section {
  padding: 20px 0 20px 5px;
  display: block;
  width: 50px;
  flex-shrink: 0;
  position: relative;
  background-color: #fff;
  display: flex;
  justify-content: center;
  border: none;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  height: max-content;
  border-radius: 0 2px 2px 0;
  border-left: 4px solid var(--Grey-G500, #29261d);
  background: var(--brown-G50, #fcfaf7);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.05);
  position: sticky;
  top: 150px;
}

.sticky_row {
  position: sticky;
  top: 150px;
  height: max-content;
}

.label_main {
  writing-mode: vertical-rl;
  font-feature-settings: normal;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.section_project_content .section_content {
  display: flex;
  gap: 20px;
}

.section_project_content .section_content .block_section_title {
  width: 30%;

  /* 	@media (min-width: 1282px) {
  		  width: 20%;
	} */
}

.section_project_content .section_content .block_section_content {
  width: 70%;
  /* 	@media (min-width: 1282px) {
  		  width: 50%;
	} */
}

.section_project_content .section_content .content.content_project figure,
.section_project_content .section_content .content.content_project figure a,
.section_project_content .section_content .content.content_project figure a img {
  width: 100% !important;
}

.section_project_content .section_content .block_section_content .gca-column img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  max-width: 300px;
}

.section_project_content .section_content .block_section_content .gca-column {
  max-width: 300px;

  @media (min-width: 1281px) {
    max-width: 400px;

    img {
      max-width: none;
    }
  }
}

.btn-primary {
  background: var(--primary-color);
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  position: relative;
  z-index: 3;
}

.btn-primary:before {
  content: '';
  border-radius: 2px;
  border: 1px solid #854700;
  background: var(--Grey-G400, var(--fs-color-primary));
  backdrop-filter: blur(8px);
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: absolute;
  z-index: -1;
  left: -2px;
}

/* Custom Shortcode Button in WYSIWYG Content */
a.btn.btn-primary.lv-shortcode-btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 10px 20px;
  width: max-content;
  max-width: 100%;
  margin: 12px 0;
  text-decoration: none !important;
  color: #fff !important;
  box-sizing: border-box;
}

a.btn.btn-primary.lv-shortcode-btn:hover {
  opacity: 0.92;
}

.wp-caption .wp-caption-text {
  background: transparent;
}

.content {
  clear: both;
}

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

.block_section_content .btn-primary {
  width: 60%;
  margin-left: auto;
}

.box_lavida {
  display: flex;
  justify-content: space-between;
  flex-direction: column-reverse;
  background: #fff;
  border-radius: 4px;
  background: var(--bs-white-rgb, #fff);
  position: relative;
  height: 100%;

  /* M3/Elevation Light/2 */
  box-shadow:
    0 1px 2px 0 rgba(0, 0, 0, 0.3),
    0 2px 6px 2px rgba(0, 0, 0, 0.15);
}

.box_living .col-inner {
  height: 100% !important;
}

.box_lavida .box {
  position: relative;
}

.box_lavida .box-image,
.box_lavida .box-image a {
  position: static;
}

.box_lavida .box-image a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

/* Thêm con trỏ chuột pointer và hiệu ứng hover nếu muốn */
.box_lavida .box:hover {
  cursor: pointer;
}

.title_popup {
  border-bottom: 1px solid var(--Grey-G100, #938f87);
  margin-bottom: 1.5rem;
}

.box_lavida:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 65%;
  height: 2px;
  background: #302b22;
}

.box_lavida .box-text {
  padding: 10px;
}

.env-wrapper {
  position: relative;
  width: 170px;
  height: 170px;
  /* width: 250px;
  height: 250px; */
}

.aura_circle {
  position: absolute;
  top: 0vh;
  left: 0vw;
}

/* ===== CENTER ===== */
.env-center {
  position: absolute;
  z-index: 10;
  text-align: center;
  top: 50%;
  left: 50%;
  /* top: 32%;
  left: 35%; */
  transform: translate(-50%, -50%);
}

.env-center img {
  width: 90px;
}

.env-center h3 {
  margin: 10px 0 0;
  color: #7ac142;
}

.env-center p {
  margin: 0;
  color: #7ac142;
}

/* ===== ORBIT BASE ===== */
.orbit {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-style: preserve-3d;
  /* width: 200px; */
  background-size: cover;
}

/* ===== HALO ===== */
.orbit-halo {
  translate: -50% -50%;
  animation: orbitTilt 25s linear infinite;
  background-size: contain;
  background-repeat: no-repeat;
}

.orbit-halo-small {
  animation: orbitTiltSmall 25s linear infinite;
  background-size: contain;
  background-repeat: no-repeat;
}

.halo {
  width: 170px;
  height: 170px;
  border-radius: 50%;
  /* transform: translate(-50%, -50%); */
}

/* ===== BORDER ===== */
.orbit-border {
  animation: orbitTiltReverse 14s linear infinite;
}

.border {
  width: 300px;
  height: 180px;
  border-radius: 50%;
  border: 2px dashed rgba(122, 193, 66, 0.5);

  transform: translate(-50%, -50%);
}

/* ===== ANIMATION ===== */

/* quay + nghiêng (giống quỹ đạo vệ tinh) */
@keyframes orbitTilt {
  from {
    transform: rotateX(75deg) rotateZ(0deg);
  }

  to {
    transform: rotateX(75deg) rotateZ(360deg);
  }
}

@keyframes orbitTiltSmall {
  from {
    transform: rotateX(60deg) rotateZ(0deg);
  }

  to {
    transform: rotateX(60deg) rotateZ(360deg);
  }
}

/* quay ngược chiỠu + lệch tốc độ */
@keyframes orbitTiltReverse {
  from {
    transform: rotateX(60deg) rotateZ(360deg);
  }

  to {
    transform: rotateX(60deg) rotateZ(0deg);
  }
}

/* ==========================================================================
   FANCYBOX LAVIDA POPUP RESPONSIVE FIX (FANCYBOX V5)
   ========================================================================== */
.fancybox__container {
  --f-carousel-slide-width: 100% !important;
  --f-carousel-slide-height: 100% !important;
  max-width: 100vw !important;
  overflow: hidden !important;
}

.fancybox__carousel,
.fancybox__viewport,
.fancybox__track {
  width: 100% !important;
  max-width: 100vw !important;
}

.fancybox__slide {
  width: 100% !important;
  max-width: 100vw !important;
  box-sizing: border-box !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.fancybox__slide.has-html,
.fancybox__slide.has-inline {
  padding: 40px 15px !important;
}

@media (max-width: 768px) {

  .fancybox__slide.has-html,
  .fancybox__slide.has-inline {
    padding: 30px 10px !important;
  }
}

.fancybox__slide.has-html .fancybox__content,
.fancybox__slide.has-inline .fancybox__content,
.fancybox__content:has(.lavida_popup_content),
.fancybox__content {
  width: 1000px !important;
  max-width: min(1000px, calc(100vw - 30px)) !important;
  max-height: calc(100vh - 60px) !important;
  padding: 0 !important;
  margin: auto !important;
  background: #ffffff !important;
  border-radius: 8px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}


.lavida_popup_content {
  width: 100% !important;
  max-width: 90vw !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

/* Đảm bảo toàn bộ block con, banner, row, col bên trong popup tự động co giãn */
.lavida_popup_content .section,
.lavida_popup_content .banner,
.lavida_popup_content .banner-bg,
.lavida_popup_content .banner-layers,
.lavida_popup_content .row,
.lavida_popup_content img {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.lavida_popup_content .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

.lavida_popup_content .banner .text-box {
  left: 0 !important;
  padding-left: calc(3rem + 15px) !important;

  @media (max-width: 859px) {
    padding-left: calc(2rem + 15px) !important;
  }

  @media (max-width: 559px) {
    padding-left: calc(1rem + 15px) !important;
  }
}

/* Các section bên trong popup không chứa banner thì padding 2 bên 2rem */
.lavida_popup_content .section:not(:has(.banner)),
.lavida_popup_content.f-html .section:not(:has(.banner)) {
  padding-left: 3rem !important;
  padding-right: 3rem !important;

  @media (max-width: 859px) {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  @media (max-width: 559px) {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

@media (max-width: 559px) {

  .lavida_popup_content .section:not(:has(.banner)),
  .lavida_popup_content.f-html .section:not(:has(.banner)) {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

.title_popup {
  border-bottom: 1px solid var(--Grey-G100, #938f87);
  margin-bottom: 1.5rem;
}

.box_lavida:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 65%;
  height: 2px;
  background: #302b22;
}

.box_inner_lavida {
  width: 50px;
  height: 50px;
  border: 1px solid #b0a49f;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  transition: all .3s linear;
  font-family: "Alexandria", sans-serif !important;

  @media (max-width: 559px) {
    width: 36px;
    height: 36px;
    font-size: 8px !important;
  }

  @media (max-width: 376px) {
    width: 33px;
    height: 33px;
  }
}

.box_abosulte .box_inner_lavida {
  width: 110px;

  @media (max-width: 559px) {
    width: 75px;
  }

}

.box_inner_lavida:hover {
  background-color: var(--fs-color-base);
  color: #D8CECC !important;
}

.box_inner_lavida br {
  display: none;
}

main#main {
  padding-top: 111px;
}

body.home main,
body.page-template-about_us- main#main {
  padding-top: 0px !important;
}

.box_text_lavida .box_inner_lavida:nth-child(2) {
  margin-left: 50px;

  @media (max-width: 559px) {
    margin-left: 36px;
  }

  @media (max-width: 376px) {
    margin-left: 33px;
  }
}

.box_text_lavida .box_inner_lavida:nth-child(3) {
  margin-left: 100px;

  @media (max-width: 559px) {
    margin-left: 72px;
  }

  @media (max-width: 376px) {
    margin-left: 66px;
  }
}

.env-label {
  position: absolute;
  bottom: 1.2rem;
  left: -27px;
  width: 150px;
  transform: translate(10px, -3px) scale(0.7) rotate(-3deg);
}

.list_env .item_env:nth-child(1) .env-label {
  bottom: .8rem;

}

.env-label h3,
.env-label p {
  position: absolute;
  left: 50%;
  bottom: 0;

  margin: 0;

  color: #7ac142;

  /* đẩy text ra mép hình tròn */
  transform-origin: center -120px;
}

.env-label h3 {
  font-size: 42px;
  font-weight: 700;

  transform: translateX(-50%) rotate(-12deg);
}

.env-label p {
  font-size: 24px;

  transform: translateX(-50%) rotate(8deg);

  bottom: -35px;
}


.list_env {
  position: relative;
  height: 100%;
  transform: scale(1.4);
  z-index: 1;
}

.list_env .item_env {
  position: absolute;
}

.list_env .item_env:nth-child(1) {
  top: 7.5%;
  left: 20%;
  transform: scale(1.3);

  @media (min-width: 1700px) {
    transform: scale(1.7);
  }

  @media (min-width: 1280px) {
    top: 0%;
    left: 27%;
  }

  @media (max-width: 869px) {
    transform: scale(1);
  }

  @media (max-width: 769px) {
    top: 2.5%;
    left: 17.5%;
  }

  @media (max-width: 459px) {
    left: 10%;
  }

  @media (max-width: 376px) {
    left: 5%;
  }
}

.list_env .item_env:nth-child(2) {
  bottom: -20%;
  left: 50%;
  transform: translateX(-50%) scale(1.3);

  @media (min-width: 1700px) {
    transform: translateX(-50%) scale(1.7);
  }

  @media (min-width: 1280px) {}

  @media (max-width: 869px) {
    transform: translateX(-50%) scale(1);
  }

  @media (max-width: 769px) {
    bottom: -25%;
  }

  @media (max-width: 459px) {
    bottom: -10%;

    transform: translateX(-50%) scale(.6) !important;
  }

  @media (max-width: 376px) {
    bottom: -5%;
  }
}

.list_env .item_env:nth-child(3) {
  top: 7.5%;
  right: 20%;
  transform: scale(1.3);

  @media (min-width: 1700px) {
    transform: scale(1.7);
  }

  @media (min-width: 1280px) {
    top: 0%;
    right: 25%;
  }

  @media (max-width: 869px) {
    transform: scale(1);
  }

  @media (max-width: 769px) {
    top: 2.5%;
    right: 17.5%;
  }

  @media (max-width: 459px) {
    right: 10%;
  }

  @media (max-width: 376px) {
    right: 5%;
  }
}

.box_text_lavida {
  position: absolute;
  bottom: -33%;
  left: 10%;

  @media (min-width: 1700px) {
    bottom: -30%;
    left: 17%;
  }

  @media (max-width: 769px) {
    bottom: -20%;
    left: 0%;
  }

  @media (max-width: 459px) {
    bottom: -3%;
    left: -2%;
  }

  @media (max-width: 376px) {
    bottom: 2%;
    left: -2%;
  }
}

.col_lavida .col-inner {
  height: 320px;
}

.box_abosulte {
  position: absolute;
}

.box_abosulte.box_abosulte--4 {
  right: 48%;
  top: -50%;
  transform: translateX(50%);
  z-index: 999;

  @media (max-width: 769px) {
    top: -30%;
  }

  @media (max-width: 559px) {
    right: 50%;
    top: -20%;
  }
}

.box_abosulte.box_abosulte--5 {
  bottom: -10%;
  right: 10%;
  z-index: 999;

  @media (min-width: 1700px) {
    bottom: -15%;
    right: 17.5%;
  }

  @media (max-width: 1100px) {
    bottom: -5%;
    right: 7.5%;
  }

  @media (max-width: 900px) {
    right: 5%;
  }

  @media (max-width: 769px) {
    right: 2%;
  }

  @media (max-width: 459px) {
    bottom: 20%;
    right: 0%;
  }
}

.arrow_env svg {
  display: block;
  width: 100%;
  height: auto;
}

.arrow_env svg .cls-1 {
  fill: #4b3025;

  transition:
    fill 0.18s linear,
    filter 0.18s linear;
}

.arrow_env svg .cls-1.electric {
  fill: var(--electric-color);

  filter: drop-shadow(0 0 2px var(--electric-color)) drop-shadow(0 0 6px var(--electric-color)) drop-shadow(0 0 12px var(--electric-color));
}

.arrow_env .cls-1 {
  fill: #472c21;
}

.arrow_env .cls-2 {
  opacity: 0.25;
}

.arrow_env {
  position: absolute;
  width: 160px;
  height: 160px;

  @media (max-width: 459px) {
    width: 110px;
    height: 110px;
  }
}

.arrow_env:nth-child(1) {
  top: -25%;
  left: 50%;
  transform: translateX(-50%);

  @media (max-width: 769px) {
    top: -10%;
  }

  @media (max-width: 459px) {
    top: -5%;
  }
}

.arrow_env:nth-child(2) {
  bottom: -5%;
  right: 20%;
  transform: rotate(140deg);

  @media (min-width: 1700px) {
    right: 25%;
    transform: rotate(150deg);
  }

  @media (max-width: 769px) {
    bottom: 3%;
    transform: rotate(125deg);

  }

  @media (max-width: 459px) {
    bottom: 20%;
    right: 20%;
    transform: rotate(150deg);

  }

  @media (max-width: 376px) {
    bottom: 25%;

  }
}

.arrow_env:nth-child(3) {
  bottom: -3%;
  left: 20%;
  transform: rotate(210deg);

  @media (min-width: 1700px) {
    left: 25%;
    transform: rotate(220deg);
  }

  @media (max-width: 769px) {
    bottom: 0%;
    transform: rotate(250deg);
  }

  @media (max-width: 459px) {
    bottom: 20%;
    right: 10%;
    transform: rotate(250deg);
  }

  @media (max-width: 459px) {
    bottom: 25%;
    right: 5%;
    transform: rotate(250deg);
  }
}

.list_env .item_env:nth-child(2) .env-center {
  transform: translate(-50%, -85%);
}

.list_env .item_env:nth-child(2) .env-label {
  transform: translate(16px, 0) scale(0.7) rotate(-3deg);
  width: 120px !important;
  bottom: 10px;
}

.list_env .item_env:nth-child(2) .env-label img {
  /* max-width: 120px !important; */
}

.list_env .item_env:nth-child(3) .env-label {
  transform: translate(10px, 6px) scale(0.7) rotate(-3deg);
}

/* FOOTER */
.section.footer_main {
  background-color: #fff;

  .is-divider.divider {

    margin-top: 0 !important;
  }

  .ux-menu-link__link {
    min-height: auto !important;
    line-height: 1;
  }

  @media (max-width: 459px) {

    padding: 30px 0 !important;


    .ux-menu-link {
      line-height: 1;
    }

  }
}

/* Ép toàn bộ ROW & COL trong Footer (#footer và .footer_main) luôn full height (stretch) */
#footer .row,
.footer_main .row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
}

/* Ép từng cột lớn & nhỏ (như col-1846254007) phải stretch theo chiều cao cao nhất của row */
#footer .row>.col,
.footer_main .row>.col {
  display: flex !important;
  flex-direction: column !important;
  align-self: stretch !important;
}

#footer .row>.col>.col-inner,
.footer_main .row>.col>.col-inner {
  flex: 1 !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/* Cho Inner Row và Inner Col chiếm trọn chiều cao */
#footer .col>.col-inner>.row,
.footer_main .col>.col-inner>.row {
  flex: 1 !important;
  height: 100% !important;
}

#footer .row .col>.col-inner>.row>.col>.col-inner,
.footer_main .row .col>.col-inner>.row>.col>.col-inner {
  justify-content: start !important;
  align-items: flex-start !important;
}

#footer .copyright-box>.col-inner,
.footer_main .copyright-box>.col-inner {
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
}

.footer-right.row {
  width: 100% !important;
  max-width: 100% !important;
}

#footer .row .col>.col-inner>.row>.col.footer-logo-col>.col-inner,
.footer_main .row .col>.col-inner>.row>.col.footer-logo-col>.col-inner {
  justify-content: center !important;
}

.footer-logo.img {
  width: 80px !important;
}

#footer .copyright-box .social-icons>a,
.footer_main .copyright-box .social-icons>a {
  background: var(--fs-color-base);
  border-color: var(--fs-color-base);
  color: #fff;
}

#footer .copyright-box .social-icons>a>i {
  top: 50% !important;
}

@media (min-width: 1024px) {

  #footer .row,
  .footer_main .row {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}

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

  .footer-custom-col,
  #footer .row-divided>.col+.col:not(.large-12),
  .footer_main .row-divided>.col+.col:not(.large-12) {
    border-left: 1px solid var(--fs-color-base);
    padding-left: 1.5rem !important;
  }


}

.section.footer_main .copyright {
  font-size: 10px !important;
  line-height: 1.6 !important;
  font-family: "Mulish", sans-serif;
  font-weight: 300;
}

.section.footer_main .footer-contact,
.section.footer_main .copyright {
  padding-bottom: .3em;
  padding-top: .3em;
}

.section.footer_main .ux-menu-link__text,
.section.footer_main .footer-contact>p {
  font-size: 14px !important;
  line-height: 1.3;
  font-weight: 400;
}

.section.footer_main .footer-right .copyright,
.section.footer_main .footer-right .ux-menu-link__text,
.section.footer_main .footer-right .footer-contact>p {
  line-height: 1.3;
  font-family: "Mulish", sans-serif !important;
}



.footer-row-divider {
  gap: 1rem;
}

.footer-row-divider>.col:not(:last-child) {
  padding-bottom: 1rem !important;
  border-bottom: 1px solid var(--fs-color-base);
}

.site-footer {
  width: 100%;
  background: #ffffff;
  /*   border-top: 1px solid rgba(68, 62, 48, 0.40); */
  padding: 28px 40px 22px;
}

.site-footer .footer-inner {
  /* max-width: 1200px;
  margin: 0 auto; */
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* ── Brand ── */
.site-footer .footer-brand {
  display: flex;
  align-items: start;
  flex: 0 0 auto;
  padding-right: 28px;
}

/* WordPress the_custom_logo() bọc trong <a>, reset style */
.site-footer .footer-brand a {
  display: block;
  line-height: 0;
}

.site-footer .footer-brand img,
.site-footer .footer-brand .custom-logo {
  width: 120px;
  height: auto;
  display: block;
}

.site-footer .footer-site-name {
  font-size: 18px;
  font-weight: 600;
  color: #b5924c;
  letter-spacing: 2px;
}

.box_popup .box-image {
  width: 100%;
}




/* ── Dotted divider ── */
.site-footer .dotted-divider {
  width: 1px;
  align-self: stretch;
  background: rgba(137, 127, 104, 1);
  margin: 0 12px;
  flex-shrink: 0;
}

section.category_post {
  padding-bottom: 40px;
}

section.category_post .container,
.single_project_1 .container {
  padding-left: 3.25rem !important;
  padding-right: 3.25rem !important;
}

.single_project_1_sec_1 {
  max-width: 100vw !important;
  width: 100vw;
  align-items: flex-start;

  @media (max-width: 859px) {
    max-width: 1280px !important;
    padding: 0 1rem !important;

  }
}

.single_project_1_sec_1 .single_project_1_sec_1_content {
  padding: 0 10vw !important;
  position: sticky;
  top: 150px;
  height: fit-content;

  @media (max-width: 859px) {
    position: relative;
    padding: 120px 0 0 0 !important;
    top: 0;
    height: auto;
  }
}

/* ── Contact ── */
.site-footer .footer-contact {
  flex: 0 0 auto;
  padding-right: 120px;
  margin: auto 0;
}

.site-footer .footer-contact p,
.site-footer .footer-contact a {
  font-size: 12.5px;
  color: #29261D;
  font-weight: 300;
  line-height: 1.85;
  letter-spacing: 0.01em;
  text-decoration: none;
}

.site-footer .footer-contact a:hover {
  color: #b5924c;
}

/* ── Solid dividers ── */
.site-footer .solid-divider {
  width: 0.5px;
  align-self: stretch;
  background: rgba(137, 127, 104, 1);
  margin: 0 13px;
  flex-shrink: 0;
}

/* ── Footer nav (wp_nav_menu) ── */
.site-footer .footer-nav,
.site-footer .footer-policy {
  display: flex;
  flex-direction: column;
  gap: 7px;
  flex: 0 0 auto;
  /* padding-right: 40px; */
}

/* Reset ul/li từ wp_nav_menu */
.site-footer .footer-nav ul,
.site-footer .footer-policy ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.site-footer .footer-nav a,
.site-footer .footer-policy a {
  font-size: 12.5px;
  color: #29261D;
  text-decoration: none;
  font-weight: 300;
  letter-spacing: 0.02em;
  line-height: 1.5;
  transition: color 0.2s;
  display: block;
}

.site-footer .footer-policy a {
  max-width: 180px;
}

.site-footer .footer-nav a:hover,
.site-footer .footer-policy a:hover {
  color: #b5924c;
}

.site-footer .footer-right {
  /* margin-left: auto; */
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 5px;
  flex-shrink: 0;
}

/* Lang switcher */
.site-footer .lang-switcher {
  display: flex;
  border: 1.5px solid #443E30;
  border-radius: 3px;
  overflow: hidden;
  padding: 2px;
}

.site-footer .lang-switcher button {
  background: none;
  border: none;
  padding: 0 10px;
  cursor: pointer;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #3a3a3a;
  transition:
    background 0.2s,
    color 0.2s;
  margin-bottom: 0;
  margin: 0;
  min-height: auto;
}

.site-footer .lang-switcher button.active {
  background: #443E30;
  color: #fff;
}

.site-footer .lang-switcher button:not(.active):hover {
  background: #f0ebe3;
}

/* Social icons */
.site-footer .social-icons {
  display: flex;
  gap: 10px;
}

.site-footer .social-icons a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #443E30;
  color: #fff;
  text-decoration: none;
  transition: background 0.2s;
}

.site-footer .social-icons a:hover {
  background: #b5924c;
}

/* Copyright */
.site-footer .copyright {
  font-size: 10.5px;
  color: #6b6b6b;
  font-weight: 300;
  text-align: left;
  line-height: 1.6;
  letter-spacing: 0.01em;
}

.box_popup {
  display: flex;
  flex-direction: column-reverse;
  background: #fff;
}

.row_5 .col {
  flex-basis: 20%;
  max-width: 20%;
}

.box_popup a.button {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #302b22;
}

.box_popup .box-text {
  padding: 7px 14px;
  transition: all 0.5s;

  @media (max-width:431px) {
    padding: .25rem !important;
  }
}

.box_popup:hover .box-text {
  background: #F2ECDC;
}

.box_popup a.button i {
  font-size: 29px;
}

.row_translate {
  transform: translateY(150px);
}

.lv-hero__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

section.lv-hero {
  height: 100vh;
  position: relative;
}

header#header {
  position: fixed;
  background: transparent;
}

.lv-hero__bg {
  height: 100%;
  position: relative;
}


.js-mori-reveal .lv-hero__content {
  opacity: 0;
  visibility: hidden;
}

.js-mori-reveal.is-ready .lv-hero__content {
  opacity: 1;
  visibility: visible;
}

.lv-hero__content {
  position: absolute;
  left: 5%;
  top: 50%;
  z-index: 10;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  transform: translateY(-50%);

  @media (min-width: 768px) {
    max-width: 60%;
  }

  .l {
    display: block;
    width: max-content;
    max-width: 100%;
    overflow: hidden;
    line-height: 1.5;
    margin-bottom: 0.4rem;
  }

  .l__s {
    display: inline-block;
    white-space: nowrap !important;
  }
}

.lv-hero__sticky {
  height: 100%;
}

.lv-hero {
  position: relative;
  height: 400vh;

  &__sticky {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden;
  }

  &__bg {
    position: absolute;
    inset: 0;

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

    &::before {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, 0.45);
    }
  }

  &__content {
    position: relative;
    z-index: 2;

    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;

    gap: 70px;

    max-width: 700px;
    padding-left: 120px;

    p {
      margin: 0;
    }
  }

  .line {
    display: block;
    overflow: hidden;
  }

  .line-inner {
    display: inline-block;

    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.45;

    clip-path: inset(0 100% 0 0);
    opacity: 0.15;

    will-change: clip-path, opacity;
  }
}

.lv-hero__sticky {
  height: 100%;
}

.lv-vm__grid {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;

  @media (max-width: 459px) {
    flex-direction: column;
    gap: 1rem;
  }
}

.lv-vm__grid .lv-vm__card {
  width: 50%;

  @media (max-width: 459px) {
    width: 100%;
    padding: 0 !important;
    border: none !important;
  }
}

.lv-vm__grid {}

section.lv-vm {
  padding: 21vh 0;

  @media (max-width: 459px) {
    padding: 0 0 20vh !important;

    &.full_height {
      min-height: 85vh;
    }
  }

  @media (max-width: 390px) {

    &.full_height {
      min-height: 115vh;
    }
  }
}

.lv-vm__grid .lv-vm__card:nth-child(2) {
  padding-left: 100px;
  border-left: 1px solid #302b22;
}

.lv-vm__grid .lv-vm__card:nth-child(1) {
  padding-right: 100px;
}

.core_value_circle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.core_value_circle {
  position: relative;
  width: 50%;
  height: 580px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.core_circle_item {
  position: absolute;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 50%;
  top: 50%;
  transform: translate(0%, -50%);
  overflow: hidden;
  background: var(--circle-color);
}

.core_circle_item.active {
  background: var(--click-color);
}

.core_circle_item h3 {
  margin: 0;
  color: #fff;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
}

/* Circle 1 */
.core_circle_item:nth-child(1) {
  width: 250px;
  height: 250px;
  z-index: 5;
  left: 0;
}

.core_circle_item:nth-child(1) h3 {
  font-size: 20px;
  /*   text-align: left; */
}

/* Circle 2 */
.core_circle_item:nth-child(2) {
  width: 330px;
  height: 330px;
  z-index: 4;
  left: 0;
}

.core_circle_item:nth-child(2) h3 {
  transform: rotate(270deg) translatey(115px);
  font-size: 18px;
}

/* Circle 3 */
.core_circle_item:nth-child(3) {
  width: 420px;
  height: 420px;
  z-index: 3;
  left: 0;
}

.core_circle_item:nth-child(3) h3 {
  transform: rotate(270deg) translatey(160px);
  font-size: 18px;
}

/* Circle 4 */
.core_circle_item:nth-child(4) {
  width: 500px;
  height: 500px;
  z-index: 2;
  left: 0;
}

.core_circle_item:nth-child(4) h3 {
  transform: rotate(270deg) translatey(202px);
  font-size: 18px;
}

/* Circle 5 */
.core_circle_item:nth-child(5) {
  width: 580px;
  height: 580px;
  z-index: 1;
  left: 0;
}

.core_circle_item:nth-child(5) h3 {
  transform: rotate(270deg) translatey(248px);
  font-size: 18px;
}

.core_value_grid {
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
  margin-top: 14.5vh;
}

.core_value_grid .core_value_content {
  width: calc(50%);
  /* transform: translateY(50%); */
}

.core_value_content {
  position: relative;
}

.core_content_item {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: 0.4s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.core_content_item.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

@media (max-width: 767px) {
  .core_value_circle {
    width: 320px;
    height: 320px;
  }

  .core_circle_item:nth-child(1) {
    width: 120px;
    height: 120px;
  }

  .core_circle_item:nth-child(2) {
    width: 180px;
    height: 180px;
  }

  .core_circle_item:nth-child(3) {
    width: 230px;
    height: 230px;
  }

  .core_circle_item:nth-child(4) {
    width: 280px;
    height: 280px;
  }

  .core_circle_item:nth-child(5) {
    width: 320px;
    height: 320px;
  }

  .core_circle_item h3 {
    font-size: 14px !important;
  }
}

.core_circle_item:not(:nth-child(1)) h3 {
  position: absolute;
  right: 0;
}

.lv-milestones .lv_grid {
  display: flex;
}

.lv-milestones .lv_grid .lv-milestones__header .sticky_item {
  position: sticky;
  top: 150px;
}

.lv-timeline__item {
  display: flex;
  gap: 90px;
  position: relative;
}

.lv-timeline__item .lv-timeline__year:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #b34b25;
  right: -50px;
  z-index: 4;
}

.lv-timeline__item .lv-timeline__year {
  position: relative;
  line-height: 1;
  color: #D8CECC;
}

section.lv-milestones {
  background: #29261d;
  color: #fff;
  padding: 4rem 0;
}

.lv-timeline__item .lv-timeline__year:after {
  content: "";
  position: absolute;
  background: rgba(255, 255, 255, 0.09);
  width: 2px;
  height: 100%;
  right: -46px;
}

.lv-milestones .title_main {
  color: #D8CECC !important;
}

.lv-timeline_tag {
  background: #b34b25;
  border-radius: 50px;
  padding: 3px 8px 4px 8px;
  width: max-content;
}

.lv-timeline__content h3 {
  font-size: 1.5rem;
  color: #D8CECC;
  margin: 1.5rem 0;
}

.lv-timeline__content .lv-timeline__content--des {
  color: #D8CECC;
}

.lv-timeline__content {
  margin-bottom: 50px;
}

.title_main {
  font-size: 2rem;
  text-transform: uppercase;
  color: #443e30;

  @media (max-width: 459px) {
    font-size: 1.75rem;
  }

  @media (max-width: 376px) {
    font-size: 1.5rem;
  }
}

.lv-milestones .lv_grid .lv-timeline {
  width: 70%;
}

.lv-eco-card {
  display: flex;
  align-items: center;
  border-top: 2px solid var(--Grey-G100, #d7d7d7);
  padding: 40px 80px;
  gap: 8rem;
  transition: all .3s linear;
  color: inherit;
  text-decoration: none;

  @media (max-width: 459px) {
    padding: 1rem;
    gap: 1rem;
  }
}

.lv-eco-card:hover {
  cursor: pointer;
  border-top: 2px solid var(--fs-color-base);
}

.lv-eco-card__img {
  max-width: 165px;
  width: 100%;
  height: auto !important;
  aspect-ratio: 165/48;
  object-fit: contain;
}

p:last-of-type {
  margin-bottom: 0;
}

.lv-ecosystem__grid {
  margin-top: 3rem;
}

.lv-awards {
  padding: 100px 0;
}

.lv-awards .title_main {
  color: #D8CECC !important;
}

.lv-awards .des_section {
  color: #D8CECC !important;
}

.item_awards {
    text-align: center;
}

section.lv_doitac {
  /*   background: #29261d; */
  padding: 4rem 0;
  color: #fff;
}

.item_doitac__desc {
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
  margin-top: 2rem;
}

.footer-contact p {
  margin-bottom: 0;
  font-weight: 400 !important;

}

.item_doitac__desc {
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
  margin-top: 2rem;
}

section.lv_quote {
  padding: 180px 0 140px;
}

header#header {
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

header#header.hidden_header {
  transform: translateY(-100%) !important;
}

header#header .inner_menu {
  transition: all 0.5s;
  transform: translateY(0);
}

header#header.hidden_header .inner_menu {
  transform: translateY(-200%);
}

.lv_quote__content {
  text-align: center;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  position: relative;
}

.lv_quote__content::before,
.lv_quote__content::after {
  content: "";
  font-size: 60px;
  background-image: url("./public/images/quote.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 85px;
  height: 64px;
  position: absolute;
}

.lv_quote__content::before {
  left: 0;
  top: -104px;
}

.lv_quote__content::after {
  right: 0;
  transform: rotate(180deg);
}

header#header .container {
  max-width: 98% !important;
}

.slider_doitac .swiper-wrapper,
.slider_awards .swiper-wrapper {
  transition-timing-function: linear !important;
}

.slider_awards.slider_awards--static .swiper-wrapper {
  justify-content: center;
}

nav.indicator {
  position: sticky;
  top: 150px;
}

.contact_bar {
  position: fixed;
  bottom: 4.5rem;
  right: 1rem;
  z-index: 1000;

  ul {
    list-style: none;

    a {
      position: relative;
      width: 100%;
      height: 100%;
      display: block;

      &:before {
        content: '';
        position: absolute;
        width: 2px;
        height: 0%;
        transform: rotate(45deg);
        background: var(--fs-color-secondary);
        right: 14px;
        top: 0;
      }

      img {
        max-width: 32px;
        padding: .375rem;
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
        object-fit: contain;
        background-color: var(--fs-color-primary) !important;
        border-radius: .25rem;
      }
    }

    a.sound_off:before {
      height: 100%;
    }
  }
}


.slider_hero {
  height: 100%;

  .item_slider,
  .item_slider>* {
    height: 100vh;
  }

  .item_slider video {
    display: block;
  }

  .item_slider>* {
    /* 		height: 100%; */
    object-fit: cover !important;
  }

  .swiper-pagination {
    /* display: flex;
    align-items: center;
    gap: 10px; */
    bottom: 20px !important;
  }

  .swiper-pagination-bullet {
    position: relative;
    width: calc((100vw / (var(--i) + 1 - var(--i) / 4)) - 20px);
    height: 2px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.5);
    opacity: 1;
    overflow: hidden;
  }

  /* layer màu */
  .swiper-pagination-bullet::after {
    content: "";
    position: absolute;
    inset: 0;
    width: 0%;
    background: #fff;
    border-radius: inherit;
  }

  /* slide đã qua */
  .swiper-pagination-bullet.completed::after {
    width: 100%;
  }

  /* slide active */
  .swiper-pagination-bullet-active.animating::after {
    animation: progressFill 2500ms linear forwards;
  }

  .swiper-pagination.paused .swiper-pagination-bullet-active.animating::after {
    animation-play-state: paused;
  }

  /* SPECIAL BULLET */
  .swiper-pagination-bullet.special {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff;
  }

  /* special không dùng progress */
  .swiper-pagination-bullet.special::after {
    display: none;
  }

  /* active special */
  .swiper-pagination-bullet.special.swiper-pagination-bullet-active {
    transform: scale(1.2);
  }
}

@keyframes progressFill {
  from {
    width: 0%;
  }

  to {
    width: 100%;
  }
}

@keyframes bulletProgress {
  from {
    width: 0%;
  }

  to {
    width: 100%;
  }
}

.slider_hero video,
.slider_hero img {
  width: 100%;
}

section.hero_banner,
.hero_section {
  height: 100vh;
  overflow: hidden;
  position: relative;

  @media (min-width: 1282px) {
    width: 100%;
    height: 100vh;
  }
}

section.hero_banner .inner_slider {
  height: 100%;
}

/* .home_2:before{
	content:"";
	height:100%;
	width:100%;
	display:block;
	position:absolute;
	top:0;
	background:#00000078;
	z-index:1
} */
/* {
  position: relative;
  width: 100%;
  padding-top: 45%;
  overflow: hidden;
} */

.home_2 .item_banner .item_banner__img,
.home_3 .item_banner .item_banner__img {
  @media (min-width: 1282px) {
    padding-top: 30% !important;
  }
}

.home_2 .item_banner .item_banner__img img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
}

.home_2 .item_banner a.item_banner__link {
  position: absolute;
  right: 5%;
  top: 50%;
  z-index: 1000;
  transform: translateY(-50%);
  color: #fff !important;
}



.item_banner a.item_banner__link {
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  font-family: "Alexandria", sans-serif;
  display: flex;
  white-space: nowrap;
  align-items: center;
}

.home_2 .item_banner {
  position: relative;
}

.home_2 .item_banner a.item_banner__link svg {
  border: 1px solid #fff;
  border-radius: 50%;
  margin-left: 1rem;
}

.home_2 .content-layout {
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  color: #fff;
  max-width: 750px;
  /* 	background:#302b22b5; */
  padding: 40px;
  /* 	backdrop-filter:blur(8px);
	border-radius:12px; */
  z-index: 2;

  @media (min-width: 1282px) {
    font-size: 1.5rem !important;
  }

}

.home_3 .item_banner a.item_banner__link {
  position: absolute;
  right: 5%;
  top: 50%;
  z-index: 1000;
  transform: translateY(-50%);
}

.home_3 .item_banner__link {
  color: rgb(141, 198, 63);
}

.home_3 .item_banner a.item_banner__link svg {
  border: 1px solid rgb(141, 198, 63);
  border-radius: 50%;
  margin-left: 1rem;
}

.home_3 .item_banner {
  position: relative;
}

section.home_3 {
  /*   padding: 28vh 0; */
  overflow: hidden;
}

.item_banner a.item_banner__link svg {
  width: 26px;
  height: 26px;
}

section.home_4.section_bg {
  /* background: #ececec; */
  padding: 11rem 0 10rem !important;
  color: #fff;
}

.home_4 .title_main,
.lv_doitac .title_main {
  color: #D8CECC !important;
}

.home_4 .item_project .item_project__title {
  color: #D8CECC !important;
}

.home_4 .item_project .item_project__desc {
  color: #D8CECC !important;
}

.lv_doitac .item_doitac__desc {
  color: #D8CECC !important;
}




.item_project .item_project_img img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
}

.item_project .item_project_img {
  position: relative;
  margin-bottom: 1.5rem;
}

.item_project .item_project_img:before {
  background:
    linear-gradient(0deg,
      rgba(0, 0, 0, 0.6) 0%,
      rgba(0, 0, 0, 0.48) 15.52%,
      rgba(0, 0, 0, 0) 42.5%),
    rgba(0, 0, 0, 0.1);
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
}

.slider_project .swiper-slide {
  position: relative;
}

@media (min-width: 821px) {
  .slider_project .swiper-slide:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background: #d9d9d9;
    right: -32px;
  }
}

.slider_project .item_project_status {
  transition: all 0.3s ease;
  opacity: 0;
}

.slider_project .item_project:hover .item_project_status {
  opacity: 1;
}

.item_testimonial {
  display: none;
  opacity: 0;
  transition: all 0.3s ease;
}

.item_testimonial.active {
  display: block;
  opacity: 1;
}

.list_button_testmoial {
  display: flex;
  gap: 16px;
  align-items: center;
}

.button_testimonial {
  width: 43px;
  height: 43px;
  border-radius: 999px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.35s ease;
  display: flex;
  align-items: center;
  background: #4a4133;
  color: #fff;
  justify-content: center;
}

.single_project_1 .col img {
  width: 100%;
}

.button_testimonial.active {
  width: 220px;
  padding: 6px;
  justify-content: start;
  height: 56px;
}

.button_testimonial__img {
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 50%;
  overflow: hidden;
}

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

.button_testimonial__info {
  opacity: 0;
  width: 0;
  overflow: hidden;
  transition: all 0.3s ease;
  margin-left: 0;
}

.button_testimonial.active .button_testimonial__info {
  opacity: 1;
  width: auto;
  margin-left: 12px;
}

.button_testimonial__name {
  margin: 0;
  font-size: 16px;
  color: #fff;
}

.button_testimonial__job {
  font-size: 13px;
  opacity: 0.8;
}

.testimonial_section {
  position: relative;
  width: 50%;
  margin: 0 0 0 auto;
  aspect-ratio: 319 / 226;
  min-height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 3% 3% 8% 3%;
  box-sizing: border-box;
  z-index: 1;

  @media (min-width: 1280px) {
    max-width: 630px;
    /* padding: 35px 40px 65px 40px; */
  }

  @media (max-width: 559px) {
    width: 100%;
    margin: 0 auto;
    padding: 5% 5% 15% 3%;
  }

  @media (max-width: 459px) {
    padding: 6% 5% 14% 5%;

    .button_testimonial {
      padding: 16px;
    }

  }
}

.testimonial_section::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: 319 / 226;
  background-image: url(../../uploads/2026/07/Vector1.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 0;
}

.item_5__desc {
  text-align: justify;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
  font-size: 15px;
  line-height: 1.5;

  @media (max-width: 869px) {
    font-size: 14px;
    line-height: 1.45;
    -webkit-line-clamp: 3;
  }

  @media (max-width: 459px) {
    font-size: 12px;
    line-height: 1.4;
    -webkit-line-clamp: 6;
  }
}

.home_5 {
  padding: 140px 0 140px;

  h2.title_main.title_ani {
    margin-bottom: 4rem;
  }

  @media (max-width: 769px) {
    padding: 100px 0 100px;
  }
}

section.home_66 {
  position: relative;
  padding-bottom: 120px;
  padding-top: 145px;
}

section.home_66::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../../uploads/2026/07/new-line-scaled.png);
  background-size: contain;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  pointer-events: none;
  opacity: .2;
}

.home_66 .title_main {
  margin-bottom: 110px;
}

.home_66 .item_news_home__title {
  font-size: 18px;
}

.home_66 .item_news_home_cat {
  font-size: 16px;
}

.content_testimoial {
  position: relative;
  width: 100%;
  margin-bottom: auto;
  z-index: 2;
  display: flex;
  flex-direction: column;
}

.content_testimoial::before {
  content: "";
  background-image: url("./public/images/quote-2.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 42px;
  height: 30px;
  display: block;
  margin-bottom: 12px;
  position: static !important;
}

@media (max-width: 550px) {
  .content_testimoial::before {
    width: 28px;
    height: 20px;
    margin-bottom: 6px;
  }

  .list_button_testmoial {
    gap: 8px !important;
  }

  .button_testimonial.active {
    width: 170px !important;
    height: 44px !important;
    padding: 4px !important;
  }

  .button_testimonial__img {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
  }

  .button_testimonial {
    width: 36px !important;
    height: 36px !important;
  }

  .button_testimonial__name {
    font-size: 13px !important;
  }

  .button_testimonial__job {
    font-size: 11px !important;
  }
}

@media (max-width: 376px) {
  .button_testimonial.active {
    width: 150px !important;
    height: 38px !important;
  }

  .button_testimonial__img {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
  }

  .button_testimonial {
    width: 30px !important;
    height: 30px !important;
  }

  .button_testimonial__name {
    font-size: 11px !important;
  }

  .button_testimonial__job {
    font-size: 9px !important;
  }
}

.list_button_testmoial {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 12px;
  align-items: center;
  margin-top: auto;
}

.swiper-button-next,
.swiper-button-prev {
  color: transparent !important;
  width: 2rem;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  display: none;
}

.btn_overlay {
  position: absolute;
  border-radius: 4px;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(8px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px 20px;
  opacity: 0;
  transition: all 0.5s;
}

.item_project:hover .btn_overlay {
  opacity: 1;
}

a.link_decoration {
  text-decoration: underline;
  white-space: nowrap;
}

.slider_news .swiper-button-next,
.slider_news .swiper-button-prev {
  width: 4rem !important;
  color: var(--fs-color-base) !important;

  @media (max-width: 820px) {
    width: 3rem !important;
  }

  @media (max-width: 459px) {
    width: 2rem !important;
  }
}

.slider_news .swiper-button-next>svg,
.slider_news .swiper-button-prev>svg {
  color: var(--fs-color-base) !important;
  background: transparent !important;

}

.slider_news .swiper-button-next>svg foreignObject>*,
.slider_news .swiper-button-prev>svg foreignObject>* {
  backdrop-filter: none !important;
  clip-path: none !important;
}

.slider_news .swiper-button-prev svg path,
.slider_news .swiper-button-next svg rect,
.slider_news .swiper-button-next path {
  stroke: var(--fs-color-base) !important;
}

.slider_news .swiper-button-next {
  top: 40%;
  right: 10%;
}

.slider_news .swiper-button-prev {
  left: 10%;
  top: 40%;
}

.inner_slider {
  position: relative;
}

.inner_slider .slider_news {
  position: unset;
}

.item_news_home_img img {
  aspect-ratio: 16/9;
  width: 100%;
}

.item_news_home_img {
  margin-bottom: 15px;
}

.item_news_home_cat {
  font-size: 20px;
  color: #897f68;
}

.item_news_home_meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.item_news_home_date {
  font-size: 16px;
  color: #897f68;
}

h3.item_news_home__title {
  font-size: 1.5rem;
  color: #29261d;
  /* display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden; */
}

.item_news_home .btn-more {
  font-size: 16px;
  color: #544A40;
  text-align: right;
  width: 100%;
  display: block;
  margin-top: 20px;
}


.header-nav>ul>li {
  position: relative;
}

.header-nav>ul>li>a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 10px;
  background: #fff;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 500;
  color: var(--fs-color-primary);
  text-decoration: none;
  transition: all 0.3s ease;
  text-transform: uppercase;
  box-shadow: 0 0 3.2px 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(10px);
}

.header-nav>ul>li:hover>a {
  background: var(--fs-color-primary);
  color: #fff;
}

.header-nav>ul>li.current-menu-item>a {
  border-bottom: 4px solid var(--fs-color-primary);
}

.header-nav {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* ===== CUSTOM POLYLANG DROPDOWN SWITCHER (VN / EN) ===== */
#header .custom-pll-dropdown {
  margin-bottom: .6em;
}

#header .custom-pll-dropdown .current-lang-btn {
  border-radius: 2px !important;
  min-height: 38px !important;
  font-size: .75rem !important;
  font-weight: 500 !important;
}

.custom-pll-dropdown {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin: 0;
}

.custom-pll-dropdown .current-lang-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: auto;
  padding: .5rem !important;
  background: #ffffff !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--fs-color-primary) !important;
  text-decoration: none !important;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25) !important;
  backdrop-filter: blur(10px);
  transition: all 0.3s ease !important;
  cursor: pointer;
}

.custom-pll-dropdown .current-lang-btn .lang-caret {
  transition: transform 0.3s ease;
  fill: var(--fs-color-primary);
}

.custom-pll-dropdown.active .current-lang-btn,
.custom-pll-dropdown.is-active .current-lang-btn {
  background: var(--fs-color-primary) !important;
  color: #ffffff !important;
}

.custom-pll-dropdown:hover .current-lang-btn .lang-caret,
.custom-pll-dropdown.active .current-lang-btn .lang-caret,
.custom-pll-dropdown.is-active .current-lang-btn .lang-caret {
  transform: rotate(180deg);
  fill: #ffffff;
}

.custom-pll-dropdown .lang-dropdown-menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: 100%;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  list-style: none !important;
  margin: 0 !important;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: all 0.3s ease;
  z-index: 99999;
}

.custom-pll-dropdown.active .lang-dropdown-menu,
.custom-pll-dropdown.is-active .lang-dropdown-menu {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

.custom-pll-dropdown .lang-dropdown-menu li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.custom-pll-dropdown .lang-dropdown-menu li a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--fs-color-primary) !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.custom-pll-dropdown .lang-dropdown-menu li a:hover {
  background: var(--fs-color-primary) !important;
  color: #ffffff !important;
}

/* Polylang Language Menu Item in Mobile Off-Canvas Sidebar Drawer - Match normal menu items */
.nav-sidebar li.menu-item-language>a,
.nav-sidebar li.pll-parent-menu-item>a,
.nav-sidebar li.lang-item>a {
  text-transform: uppercase !important;
}

/* ===== DROPDOWN ===== */
.custom-pll-dropdown>button.toggle {
  display: none !important;
}

/* Mobile Sidebar Toggle Button for Custom Polylang Dropdown - Match 100% with native toggle button */
.mobile-sidebar .custom-pll-dropdown,
.off-canvas .custom-pll-dropdown,
.nav-sidebar .custom-pll-dropdown,
li.html_topbar_left .custom-pll-dropdown {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
}

.mobile-sidebar .custom-pll-dropdown a,
.off-canvas .custom-pll-dropdown a,
.nav-sidebar .custom-pll-dropdown a,
li.html_topbar_left .custom-pll-dropdown a {
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

.mobile-sidebar .custom-pll-dropdown a span,
.off-canvas .custom-pll-dropdown a span,
.nav-sidebar .custom-pll-dropdown a span,
li.html_topbar_left .custom-pll-dropdown a span {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  color: rgba(74, 74, 74, .85) !important;
  text-transform: uppercase !important;
}

.mobile-sidebar .custom-pll-dropdown .lang-caret,
.off-canvas .custom-pll-dropdown .lang-caret,
.nav-sidebar .custom-pll-dropdown .lang-caret,
li.html_topbar_left .custom-pll-dropdown .lang-caret {
  display: none !important;
}

.mobile-sidebar .custom-pll-dropdown>button.toggle,
.off-canvas .custom-pll-dropdown>button.toggle,
.nav-sidebar .custom-pll-dropdown>button.toggle,
li.html_topbar_left .custom-pll-dropdown>button.toggle {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 45px !important;
  height: 38.8px !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
}

.mobile-sidebar .custom-pll-dropdown>button.toggle i,
.off-canvas .custom-pll-dropdown>button.toggle i,
.nav-sidebar .custom-pll-dropdown>button.toggle i,
li.html_topbar_left .custom-pll-dropdown>button.toggle i {
  font-size: 1.8em !important;
  color: rgba(74, 74, 74, .85) !important;
  transition: transform 0.3s ease !important;
}

.mobile-sidebar .custom-pll-dropdown>button.toggle i::before {
  font-size: 1.2em !important;
}

.mobile-sidebar .custom-pll-dropdown.is-active>button.toggle i,
.mobile-sidebar .custom-pll-dropdown.active>button.toggle i,
.off-canvas .custom-pll-dropdown.is-active>button.toggle i,
.off-canvas .custom-pll-dropdown.active>button.toggle i,
li.html_topbar_left .custom-pll-dropdown.is-active>button.toggle i {
  transform: rotate(180deg) !important;
}

.mobile-sidebar .custom-pll-dropdown.active .current-lang-btn,
.mobile-sidebar .custom-pll-dropdown.is-active .current-lang-btn {
  background-color: transparent !important;
}

.mobile-sidebar .custom-pll-dropdown .lang-dropdown-menu a {
  font-size: 1.5rem !important;
}

/*  */

.indicator_section_container {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 170px;
  position: static;
}

.indicator_section a {
  position: relative;
  display: flex;
  align-items: center;
  /* min-height: 92px; */
  padding: 10px;
  background: #f8f7f5;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
  text-decoration: none;
  overflow: hidden;
  transition: all 0.3s ease;
  border-radius: 2px;
  width: 120px
}

.indicator_section a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 0;
  background: var(--fs-color-primary);
  transition: height 0.35s ease;

}

.indicator_section.active a::before,
.indicator_section a:hover::before {
  height: 100%;
}

.label_achor {
  display: block;
  font-size: 12px;
  line-height: 1.1;
  font-weight: 700;
  color: var(--fs-color-primary);
  transition: all 0.3s ease;
}

/* .indicator_section a:hover .label_achor,
.indicator_section.active .label_achor {
    transform: translateX(8px);
} */

/* nếu muốn card active luôn giống hình */

.header-nav .sub-menu {
  position: absolute;
  top: calc(100% + 12px);
  left: 50%;
  min-width: 280px;
  background: #fff;
  border-radius: 4px;
  padding: 10px 0;
  margin: 0;
  list-style: none;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px) translateX(-50%);
  transition: all 0.3s ease;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.header-nav li:hover>.sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) translateX(-50%);
  z-index: 999;
}

.header-nav .sub-menu li a {
  display: block;
  padding: 10px 16px;
  color: var(--fs-color-primary);
  text-decoration: none;
  font-size: 16px;
  transition: all 0.3s ease;
}

.header-nav .sub-menu li:hover>a,
.header-nav .sub-menu .current-menu-item>a {
  background: var(--fs-color-primary);
  color: #fff;
}

/* ===== ARROW ===== */

.header-nav .menu-item-has-children>a::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 6px;
  margin-left: 8px;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0L5 6L10 0H0Z' fill='%23000'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0L5 6L10 0H0Z' fill='%23000'/%3E%3C/svg%3E") no-repeat center / contain;
  transition: transform 0.3s ease;
}

/* ===== RESPONSIVE ===== */

@media (max-width: 991px) {
  .inner_header {
    justify-content: space-between;
  }

  .header_logo {
    position: relative;
    left: unset;
    transform: none;
  }

  .header-nav>ul {
    flex-wrap: wrap;
    justify-content: center;
  }

  .header-nav>ul>li:nth-child(2) {
    margin-right: 0;
  }

  .slider_news .swiper-button-next {
    top: 30%;
    right: 5%;
  }

  .slider_news .swiper-button-prev {
    top: 30%;
    left: 5%;
  }
}

.header-nav>ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

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

.inner_slider .slider_project {
  position: unset;
}

.full_height {
  min-height: 100vh;
  display: flex;
  align-items: center;
}


.inner_slider .slider_project .swiper-button-prev {
  left: -70px;
}

.inner_slider .slider_project .swiper-button-next {
  right: -70px;
}

.title_quote {
  font-size: 2.5rem;
}

.scroll_down_btn {
  position: absolute;
  left: 40px;
  bottom: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  color: #fff;
  cursor: pointer;
  z-index: 10;
}

section.home_2 {
  padding: 20px 0px;
  background: #F2F2F2;
  position: relative;
}

.inner_header .logo {
  padding: 15px 0;
}

.img_ani {
  overflow: hidden;
}

.lv-banner .lv-hero__bg img,
.img_ani img {
  transform: scale(1);
  transition: all 1.5s;
}

.lv-banner .lv-hero__bg:hover img,
.img_ani:hover img {
  transform: scale(1.2);
}

.img_ani_2:hover img {
  transform: scale(1.2);
}

.img_ani_2 img {
  width: 100%;
  transform: scale(1);
  transition: all ease 1.5s;
}

.inner_form input,
.inner_form select,
.inner_form textarea {
  background: transparent;
  color: #897F68;
  font-family: "Google Sans Flex", sans-serif;
}

.inner_form select {
  position: relative;
  background: url('../../uploads/2026/05/arrow.png)');
  background-repeat: no-repeat;
  background-position: right;
  box-shadow: none;
}

.row_2 {
  display: flex;
  gap: 20px;
}

.row_2 .field {
  width: 50%;
}

/* .item_news_home_img {
  height: 440px;
} */

.item_news_home_img img {
  object-fit: cover;
  object-position: center;
}

.inner_form {
  margin-top: 49px;
}

section.section_bg {
  position: relative;
  padding: 200px 0 !important;
  background-image: url(../../uploads/2026/05/bg-section.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
}

section.section_bg__2 {
  position: relative;
  padding: 100px 0 200px !important;
  background-image: url(../../uploads/2026/05/bg-section.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
}

.section_bg:before,
.section_bg:after {
  content: '';
  position: absolute;
  background: linear-gradient(to bottom 0% #fff 73% #29261D);
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(41, 38, 29, 1) 73%);
  width: 100%;
  height: 200px;
  top: 0;
  display: none;
}

.section_bg:after {
  background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(41, 38, 29, 1) 73%);
  top: unset;
  bottom: -1px;
}

.item_news_home__desc {
  display: none;
}

/* .fancybox__carousel button.f-button.is-arrow.is-next {
  right: 47px !important;
} */

.slider_news .swiper-slide .item_news_home_img {
  position: relative;
}

.slider_news .swiper-slide .item_news_home_img::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.6);
  transition: opacity 0.5s ease;
  pointer-events: none;
}

.slider_news .swiper-slide.swiper-slide-active .item_news_home_img::after {
  opacity: 0;
}

/* (Tùy chọn) 3. Ẩn nội dung chữ ở các slide 2 bên nếu bạn chỉ muốn hiển thị chữ ở slide giữa */
.slider_news .swiper-slide .item_news_home_content {
  opacity: 0;
  transition: opacity 0.5s ease;
}

.slider_news .swiper-slide.swiper-slide-active .item_news_home_content {
  opacity: 1;
}


.swiper-slide:hover .item_news_home__title::before {
  width: 100% !important;
}

.item_news_home__title {
  position: relative;
  /* width: max-content; */
}

.item_news_home .item_news_home__title::before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0;
  height: 2px;
  background: #544A40;
  transition: width 0.4s cubic-bezier(0.4, 0.0, 0.2, 1);
}




h1.text-2xl.font-bold.text-primary.mb-4.uppercase {
  text-align: center;
}


.lv-ecosystem {
  padding: 120px 0 100px 0;

  @media (max-width: 559px) {
    padding: 80px 0 60px 0;
  }
}

.lv_doitac.section_bg {
  padding: 12rem 0 12rem !important;
}



.swiper-button-prev svg path,
.swiper-button-next svg rect,
.swiper-button-next path {
  stroke: #fff;
}


@media only screen and (max-width: 48em) {

  /*************** ADD MOBILE ONLY CSS HERE  ***************/
  .lv-awards {
    padding: 3rem 0;
  }



  .lv-hero__content {
    left: 25px;
  }

  .title_quote {
    font-size: 1.5rem;
  }

  .lv_quote__content::before,
  .lv_quote__content::after {
    width: 40px;
    height: 30px;
  }

  section.lv_quote {
    padding: 90px 0;
  }

  .lv_quote__content::before {
    top: -50px;
  }

  .list_button_testmoial {
    gap: 10px;
  }

  .button_testimonial {
    padding: 20px;
  }

  .core_value_grid {
    margin-top: 40px
  }
}

/* popup */
#popup-contact section {
  padding: 0px !important;
  padding-top: 30px !important
}



.contact_bar>ul {
  margin: 0;
}

.contact_bar>ul li:last-child {
  margin-bottom: 0;
}

.list_post_grid--3 .item_post .item_content .item_news_meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.list_post_grid--3 .item_post .item_content .cate {
  font-size: 14px;
}

.list_post_grid--3 .item_post .item_content .date {
  font-size: 14px;
  color: #897f68;
}

.list_post_grid--2 .date {
  display: none;
}

.page-id-23 #main,
#wrapper {
  background-color: #F2F2F2;
}

.site-footer .social-icons .yb {
  margin-top: -3px;
  width: 38px;
  height: 38px;
  background: transparent !important;
  border-radius: 0;

  svg {
    width: 38px;
    height: 38px;
  }
}


.item_project .item_project__title {
  position: relative;
  width: max-content;
}

.item_project .item_project__title::before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0;
  height: 2px;
  background: #fff;
  transition: width 0.4s cubic-bezier(0.4, 0.0, 0.2, 1);
}

.item_project:hover .item_project__title::before {
  width: 100%;
}


.archive.category .site-footer,
.single-project .site-footer,
.page-id-85 .site-footer {
  border-top: 1px solid #000;
}

.archive.category #main {
  padding-top: 0 !important;
}

.single-project #main {
  padding-top: 0 !important;
}

.single-project .single_project_1 {
  padding-top: 0 !important;
}

.inner_slider {
  position: relative;
}

.txt_hero {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  z-index: 9;
  font-size: 40px;
  font-weight: 700;
  text-align: center;
}

.txt-xxx {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  z-index: 9;
  font-size: 16px;
  opacity: .75;
}

.lv-vm .container {
  position: relative;
  margin-bottom: 10%;

  @media (max-width: 391px) {
    margin-bottom: 20%;
  }
}

.lv-vm .aura_circle {
  top: auto;
  bottom: 170%;
  left: 50%;
  transform: translateX(-50%) !important;

  @media (max-width: 869px) {
    bottom: 110%;
  }

  @media (max-width: 459px) {
    bottom: 100%;
  }
}

/* .lv-vm .aura_circle .orbit.orbit-halo {
  transform: translateX(-50%) !important;
} */


/* Container bao phủ */
.core_values_diagram {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px 1rem 25px 1rem;
  overflow: hidden;
}

/* Khối tỷ lệ 1:1 chứa vòng tròn, max-width tùy chỉnh theo thiết kế của bạn */
.cv_rings_container {
  position: relative;
  width: 100%;
  max-width: 750px;
  aspect-ratio: 1 / 1;
}

/* Vòng tròn đứt nét */
.cv_ring {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px dashed #b5b5b5;
  /* Màu viền đứt nét nhạt */
  border-radius: 50%;
  pointer-events: none;
  transition: border-color 0.3s ease;
}

/* Khối bọc chấm tròn (Dot) */
.cv_dot_item {
  position: absolute;
  top: 50%;
  left: 0;
  /* Căn tất cả nằm thẳng hàng bên trái trục ngang */
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  pointer-events: auto;
  cursor: pointer;
  z-index: 10;
  transition: opacity 0.3s ease;
}

/* Chấm tròn khi chưa active (Mờ) */

.cv_ring.active {
  border-color: #333 !important;
}

/* Khối tròn chuyên bắt chuột chính xác theo bán kính (bỏ qua 4 góc hình vuông) */
.cv_ring_area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  clip-path: circle(50% at 50% 50%);
  pointer-events: auto;
  cursor: pointer;
  z-index: 1;
}

.cv_dot_item .dot {
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;

  opacity: 1;
  /* Làm mờ theo thiết kế */
  transition: all 0.3s ease;
}


.cv_ring:nth-child(1) .cv_dot_item .dot {
  background-color: #BFECFC;
}

.cv_ring:nth-child(2) .cv_dot_item .dot {
  background-color: #7DC5B8;
}

.cv_ring:nth-child(3) .cv_dot_item .dot {
  background-color: #B5D77A;
}

.cv_ring:nth-child(4) .cv_dot_item .dot {
  background-color: #B97C55;
}

.cv_ring:nth-child(5) .cv_dot_item .dot {
  background-color: #BC3938;
}

.cv_dot_item .title span {
  line-height: 1;
  display: block;
  position: relative;
  width: 70px;
  white-space: wrap;
}


/* Tiêu đề bên cạnh dot khi chưa active (ẨN ĐI) */
.cv_dot_item .title {
  position: absolute;
  left: 20px;
  white-space: nowrap;
  font-size: 14px;
  color: #333;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-10px);
  transition: all 0.3s ease;

  @media (max-width: 459px) {
    left: 0;
    top: -10px;
    transform: translateY(-100%) !important;
  }
}

/* TRẠNG THÁI ACTIVE: Dot sáng lên, to ra và HIỆN CHỮ */
.cv_dot_item.active .dot {
  opacity: 1;
  transform: scale(1.4);
}

.cv_dot_item.active .title {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

/* Hiệu ứng làm mờ các dot không active khi hover vào container */
.cv_rings_container:hover .cv_dot_item:not(.active) {
  opacity: 0.5;
}

.cv_rings_container:hover .cv_ring:not(:has(.cv_dot_item.active)) {
  border-color: #d5d5d5;
}

/* Nội dung Text nằm sát mép phải của vòng tròn đứt nét */
.cv_content_text {
  position: absolute;
  top: 50%;
  right: 0;
  /* Ép sát vào mép viền đứt nét bên phải */

  /* Chỉ đẩy lên 50% để căn giữa theo chiều dọc. 
     Nếu bạn muốn text nằm đè lên vạch đứt (như dot bên trái), hãy đổi thành: transform: translate(50%, -50%); */
  transform: translateY(-50%);

  width: 250px;
  /* Giới hạn độ rộng để text rớt xuống nhiều dòng giống thiết kế */
  text-align: center;
  /* Căn giữa các dòng chữ */

  opacity: 0;
  visibility: hidden;
  pointer-events: auto;
  /* Cho phép bôi đen text nếu muốn */
  transition: all 0.4s ease;
}

/* Nội dung Text hiển thị khi active */
.cv_content_text.active {
  opacity: 1;
  visibility: visible;
}

.cv_content_text p {
  font-size: 14px;
  line-height: 1.6;
  color: #333;
  margin: 0;
}




section.section_bg__2 {
  padding: 200px 0 180px !important;
}



.has-html5video .f-html,
.has-youtube .f-html,
.has-vimeo .f-html {
  max-width: var(--f-video-width, 1200px);
  max-height: var(--f-video-height, 700px);
}

.f-button.is-close-button {
  top: 0rem;
}

.fancybox__slide.has-iframe {
  padding: 0 !important;
}


.lv-vm .aura_circle.baolong-bg,
.aura_circle.baolong-bg {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 50%;
  transform: none !important;
  z-index: 0;
  pointer-events: none;

  @media (max-width: 459px) {
    bottom: -60%;
  }

  @media (max-width: 391px) {
    bottom: -45%;
  }

}

.baolong-bg .orbit.orbit-halo {
  top: 0;
  left: 0;
}

.baolong-bg .orbit.orbit-halo .halo {
  width: 1500px;
  height: 1500px;

  @media (max-width: 459px) {
    width: 800px;
    height: 800px;
  }
}


.cv_rings_container {
  max-width: 100%;
}


.core_values_diagram {
  height: 800px;
}

@media (max-width: 859px) {
  .core_values_diagram {
    height: 100%;
  }
}

@media (max-width: 559px) {
  .core_values_diagram {
    overflow: visible !important;
  }



  .header_logo {
    width: 60px;
  }
}

@media (max-width: 376px) {
  .core_values_diagram {
    height: 100%;
  }
}

.cv_ring:has(.cv_dot_item.active) {
  border-color: #333 !important;
}

.lv-section.lv-values {
  padding-top: 120px !important;
  padding-bottom: 120px !important;

  @media (max-width: 559px) {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}

.lv-section.lv-values .container {
  position: relative;
}

.lv-values__header.lv-reveal {
  padding-left: 1rem;
  position: absolute !important;
  text-align: center;
  top: 25%;
  width: 100% !important;
  max-width: 100%;

  @media (max-width: 1300px) and (min-width: 1159px) {
    top: 35% !important;
  }
}

.lv-values__header.lv-reveal .title_main {
  margin-bottom: 70px;
}

/* TDEV CUSTOM */
.section-lvl {
  padding-bottom: 100px !important;
}

.section-lvl h1 {
  font-size: 2.25rem !important;
}

.lv-banner {
  position: relative !important;
  width: 100% !important;
  min-height: 150px;
  overflow: hidden;
}

.lv-banner video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  aspect-ratio: 5 / 2;
}

.lv-banner .lv-hero__bg {
  position: relative;
  width: 100%;
  min-height: 150px;
  aspect-ratio: 5 / 2;
  overflow: hidden;
}

.single_project_2,
.category_post {
  border-bottom: 1px solid rgba(137, 127, 104, 0.5);
}

.section-lvl .absolute-title {
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);

  @media (max-width: 1059px) and (min-width: 870px) {
    flex-basis: 27.5%;
    max-width: 27.5%;
  }

  @media (max-width: 869px) {
    top: 75%;
  }

  @media (min-width: 459px) {
    position: absolute;
  }
}

.section-lvl .absolute-title p {
	margin-bottom: 0 !important;
}

.sec-popup-lvl .box_popup a.button span {
  @media (max-width: 869px) {
    font-size: .75rem;
  }

  @media (max-width: 769px) {
    font-size: .625rem;
  }
}

@media (min-width: 1280px) {
  .xxl-max-w-none {
    max-width: none !important;
  }

  section.lv-section.lv-values.full_height>.container {
    max-width: none !important;

  }

  .core_values_diagram {
    padding: 50px 4rem 25px;
  }
}

@media (max-width: 1024px) {
  .section_project_content {
    gap: 0 1rem;
  }

  .section_project_content .section_content {
    display: flex;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    gap: 16px;
    box-sizing: border-box;
  }

  .section_project_content .section_content .block_section_title {
    display: block;
    position: relative;
    width: 100% !important;
    top: 0;
  }

  .section_project_content .section_content .block_section_title,
  .section_project_content .section_content .block_section_content {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
}

@media (max-width: 820px) {

  /* Single Project Page Responsive Layout */
  .single_project_2 {
    padding: 2.5rem 0 !important;
    overflow-x: clip;
    width: 100%;
    box-sizing: border-box;
  }

  .single_project_2 .list_content_project {
    display: flex;
    /* flex-direction: column !important; */
    width: 100% !important;
    max-width: 100% !important;
    gap: 30px;
    box-sizing: border-box;
  }

  .single_project_2 .list_content_project .section_indicator_wrapper {
    max-width: 20%;
  }

  .single_project_2 .list_content_project .section_indicator_wrapper nav.indicator {
    position: sticky !important;
    top: 90px;
    z-index: 10;
  }

  /* .single_project_2 .section_indicator_wrapper {
    display: none;
  } */

  .single_project_2 .indicator_section_container {
    display: flex;
    /* flex-direction: row !important; */
    max-width: 100% !important;
    overflow-x: auto;
    padding-bottom: 10px;
    gap: 10px;
    -webkit-overflow-scrolling: touch;
  }

  .single_project_2 .indicator_section a {
    width: auto !important;
    white-space: nowrap;
    padding: 8px 16px;
  }

  .section_content_project {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  /* .section_project_content .section_label {
    display: none;
  } */



  .section_project_content .inner_section {
    position: sticky !important;
    top: 90px;
    z-index: 5;
    width: auto !important;
    writing-mode: horizontal-tb !important;
    padding: 6px 14px;
    margin-bottom: 12px;
    border-left: none;
    border-top: 3px solid var(--Grey-G500, #29261d);
    display: inline-flex;
    height: auto;
  }

  .section_project_content .label_main {
    writing-mode: horizontal-tb !important;
  }

  .section_project_content .content_project figure,
  .section_project_content .content_project figure img {
    width: 100% !important;
  }

  .block_section_content .btn-primary {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .content_project img,
  .content_project iframe,
  .content_project video {
    max-width: 100% !important;
    height: auto;
  }



  .sm-bl .footer-contact {
    padding-right: 28px !important;
  }
}

@media (max-width: 559px) {
  .single_project_2 .list_content_project {
    gap: 10px !important;
  }

  /* Indicator Navigation Tabs (Minimal Color Pills on <= 559px) */
  .single_project_2 .list_content_project .section_indicator_wrapper {
    max-width: 16px !important;
    width: 14px !important;
    flex-shrink: 0;
  }

  .single_project_2 .indicator_section_container {
    display: flex;
    flex-direction: column !important;
    gap: 8px !important;
    max-width: 100% !important;
    width: 14px !important;
  }

  .single_project_2 .indicator_section {
    width: 100% !important;
  }

  .single_project_2 .indicator_section a {
    display: block !important;
    width: 8px !important;
    min-width: 8px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    margin-right: .5rem;
    background: #fcfaf7 !important;
    border-radius: 0 4px 4px 0 !important;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s ease;
    box-sizing: border-box;
  }

  .single_project_2 .indicator_section a::before {
    display: none !important;
  }

  .single_project_2 .indicator_section.active a,
  .single_project_2 .indicator_section a:hover {
    background: var(--Grey-G500, #29261d) !important;
  }

  .single_project_2 .indicator_section .label_achor {
    display: none !important;
  }

  /* Rotate Section Label */
  .section_project_content {
    gap: 10px !important;
  }

  .section_project_content .inner_section {
    writing-mode: vertical-rl !important;
    width: 38px !important;
    min-width: 38px !important;
    padding: 14px 4px !important;
    border-top: none !important;
    border-left: 3px solid var(--Grey-G500, #29261d) !important;
    border-radius: 0 2px 2px 0 !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: max-content !important;
  }

  .section_project_content .label_main {
    writing-mode: vertical-rl !important;
    text-align: center;
    white-space: nowrap;
  }

  .section_project_content .section_content {
    width: calc(100% - 48px) !important;
    max-width: calc(100% - 48px) !important;
  }

  .lv-values__header.lv-reveal {
    top: 10%;
  }

}

@media (max-width: 959px) and (min-width: 459px) {
  .cv_ring:nth-last-child(-n+2) .cv_content_text {
    right: -40% !important;
  }

  .cv_ring:last-child .cv_content_text {
    right: -60% !important;
  }

  .cv_dot_item .title {
    left: .25rem;
    top: -1rem;
    transform: translate(-50%, -50%) !important;
  }

  .cv_ring:first-child .cv_dot_item .title {
    left: 0;
    transform: translate(0, -50%) !important;
  }
}

@media (max-width: 869px) {
  .section.footer_main {
    padding: 30px;
  }

  #footer .row>.col.md-none,
  .footer_main .row>.col.md-none {
    display: none !important;
  }

  section.section_bg,
  section.section_bg__2 {
    background-size: cover;
  }

  /* HOME PAGE */
  section.hero_banner,
  .hero_section {
    height: auto;
  }

  section.hero_banner .txt_hero,
  .hero_banner .txt_hero {
    width: 60%;
  }

  /*   section.home_3 {
    padding: 15vh 0;
  } */

  .lv-hero__bg video {
    width: 100%;
  }

  /*  About	 */
  section.lv-section.lv-values.full_height {
    min-height: 75vh;
  }

  section.lv-section.lv-values.full_height .core_values_diagram {
    padding-top: 0;
  }

  /*  About	 */
  .lv-values__header.lv-reveal {
    padding: 0 !important;
  }

  .lv-values__header.lv-reveal .title_main {
    margin-bottom: 0px;
  }

  .lv-section.lv-values .core_values_diagram {
    padding: 5rem 1.5rem 1rem !important;
  }

}

@media (max-width: 769px) {
  .section-lvl {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 559px) {

  .lv-section.lv-values .core_values_diagram {
    padding: 8rem 1.5rem 1rem !important;
  }
}

@media (max-width: 459px) {

  header#header {
    background: #fff;
  }

  .sm-pb-0 {
    padding-bottom: 0 !important;
  }

  .sm-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Home */
  section.hero_banner .txt_hero,
  .hero_banner .txt_hero {
    font-size: 1rem !important;
    top: 65%;
  }

  .scroll_down_btn {
    left: 20px;
  }

  .item_project .item_project_img img {
    height: 100%;
  }

  .home_2 .content-layout {
    max-width: 45%;
    padding: 0;
  }

  .home_3 .item_banner {
    flex-direction: column-reverse;
    gap: 1rem;
  }

  .item_banner a.item_banner__link {
    font-size: 22px;
  }

  .home_66 .item_news_home__title {
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* La Vida Life */
  .list_env .item_env {
    transform: scale(.6) !important;
  }

  /* 	 */
  .lv-eco-card__content {
    max-width: 65% !important;
  }

  .section-lvl {
    padding-bottom: 0px !important;
  }

  .button:not(.icon)>span+i {
    margin-left: 0;
    margin-right: 0;
  }

  .sm-col-small>.col {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  /* 	NEWS TAB */
  /* Category Menu Horizontal Scroll on Mobile (<= 459px) */
  .list_menu {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    width: 100% !important;
    box-sizing: border-box;
    scrollbar-width: none;
  }

  .list_menu::-webkit-scrollbar {
    display: none;
  }

  .list_menu ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    width: max-content !important;
    min-width: 100%;
    gap: 0.75rem !important;
    padding: 0 1rem 0.5rem 1rem !important;
    margin-bottom: 0 !important;
  }

  li.item_menu {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    padding: 0.5rem 0.75rem !important;
  }

  li.item_menu a {
    font-size: 1rem !important;
    white-space: nowrap !important;
  }

  .category_post .list_post_grid--3,
  .category_post .list_post_grid--2 {
    grid-template-columns: repeat(1, 1fr) !important;
  }

}

@media (max-width: 376px) {
  .lv-hero__content .l {
    line-height: 1 !important;
  }

  .lv-ecosystem .lv-ecosystem__header h2.title_ani {
    opacity: 1;
    font-weight: 500;
  }
}

.back-to-top {
  right: 1rem;
  transform: translateX(.5rem) !important;
}

/* ==========================================================================
   VIDEO PLAY ICON OVERLAY & PROJECT IMAGE POPUP STYLES
   ========================================================================== */
.video-play-icon-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
  background: rgba(0, 0, 0, 0.65);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  pointer-events: none;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
  z-index: 10;
}

.video-play-icon-overlay::after {
  content: '';
  width: 0;
  height: 0;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 18px solid #fff;
  margin-left: 5px;
  transition: transform 0.2s ease;
}

a:hover .video-play-icon-overlay {
  background: var(--fs-color-primary);
  transform: translate(-50%, -50%) scale(1.1);
  box-shadow: 0 6px 25px var(--fs-color-base);
}

/* Cấu hình kích thước ảnh hiển thị trong Popup Modal là 50vw */
.mfp-container .mfp-content {
  width: 50vw !important;
  max-width: 50vw !important;
  margin: 0 auto !important;
}

.mfp-container .mfp-content img.mfp-img {
  width: 50vw !important;
  max-width: 50vw !important;
  height: auto !important;
  max-height: 85vh !important;
  object-fit: contain;
  margin: 0 auto !important;
}

@media (min-width: 1300px) {
  .cv_dot_item .title {
    font-size: 1.125rem !important;
  }

  .cv_content_text p {
    font-size: 1.125rem !important;
  }

  .cv_content_text {
    width: 300px;
  }

  .core_values_diagram {
    height: 100vh;
  }

  .absolute-title.large-2 {
    flex-basis: 25% !important;
    max-width: 25% !important;
  }
}

@media (min-width: 1500px) {


  .cv_content_text {
    width: 400px;
  }
	
}

@media (min-width: 1400px) {

  .arrow_env:nth-child(3) {
    left: 27.5%;
  }
	
	.arrow_env:nth-child(2) {
		right: 27.5%;
	}
	
	.box_text_lavida {
		left: 20%;
	}
	
	.box_abosulte.box_abosulte--5 {
		right: 20%;
	}
	
	

}


@media (min-width: 1025px) {

  .footer-menu,
  .copyright-box {
    padding: 0 0 0 1rem !important;
    border-left: 1px solid var(--fs-color-secondary);
  }

  .footer-menu {
    padding-right: 1rem !important;
  }
}


@media (max-width: 1024px) {
  #footer .medium-12 {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }

  #footer .row .md-none {
    display: none !important;
  }

  .sm-bl>.col-inner {
    padding: 0 0 0 1rem !important;
    border-left: 1px solid var(--fs-color-secondary);
  }

  .section.footer_main .footer-right .copyright,
  .section.footer_main .footer-right .ux-menu-link__text,
  .section.footer_main .footer-right .footer-contact>p {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }

  .footer-contact p {
    padding-top: 10.8px !important;
    padding-bottom: 10.8px !important;

  }
}

@media (max-width: 1024px) and (min-width: 767px) {

  #footer .footer-menu {
    flex-basis: 50% !important;
    max-width: 50% !important;
  }
}

@media (max-width: 869px) {

  /* Xóa tam giác mũi tên ::before thừa trên Mobile Off-Canvas Sidebar Menu */
  .nav-sidebar li::before,
  .mobile-sidebar li::before,
  .off-canvas li::before,
  .header-sidebar li::before,
  .nav-sidebar li::after,
  .mobile-sidebar li::after,
  .off-canvas li::after,
  .header-sidebar li::after {
    content: none !important;
    display: none !important;
  }

  #header .mobile-sidebar .toggle i::before,
  li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.has-dropdown .toggle i {
    font-size: 1.8em !important;
  }


}

@media (max-width: 768px) {

  .mfp-container .mfp-content,
  .mfp-container .mfp-content img.mfp-img {
    width: 100% !important;
    max-width: 90vw !important;
  }

  .section_project_content .section_content .block_section_content .gca-column {
    max-width: 100%;
  }
}

@media (max-width: 559px) {

  .fancybox__slide.has-close-btn {
    padding-top: .5rem !important;
  }

  li.html.custom.html_topbar_left {
    justify-content: center;
  }

  .row.row_translate.max-w-container-90 {
    max-width: 100vw !important;
  }

  .row_5 {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: left !important;
    width: 100vw !important;
    max-width: 100vw !important;
  }

  .row_5 .col {
    flex-basis: calc(100% / 3) !important;
    max-width: calc(100% / 3) !important;
    width: calc(100% / 3) !important;
    padding: .25rem;
	margin: 0;
  }

  .header-nav>ul {
    gap: 0 10px;
  }

  section.home_66 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .home_66 .title_main {
    margin-bottom: 60px;
  }

  /* Căn chỉnh nội dung cv_content_text nằm bên dưới sơ đồ vòng tròn trên mobile (<= 459px) */
  .core_values_diagram {
    margin-bottom: 10rem !important;
  }

  .cv_content_text {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: 90vw !important;
    max-width: 350px !important;
    text-align: center !important;
  }

  /* Đẩy cv_content_text của từng vòng tròn về đúng vị trí bên dưới sơ đồ (ngoài vòng 100%) */
  .cv_ring[data-index="0"] .cv_content_text {
    top: 120% !important;
  }

  .cv_ring[data-index="1"] .cv_content_text {
    top: 130% !important;
  }

  .cv_ring[data-index="2"] .cv_content_text {
    top: 150% !important;
  }

  .cv_ring[data-index="3"] .cv_content_text {
    top: 180% !important;
  }

  .cv_ring[data-index="4"] .cv_content_text {
    top: 240% !important;
  }

  /* ==========================================================================
   BẢO MẬT NỘI DUNG: CHẶN BÔI ĐEN COPY VĂN BẢN & KÉO THẢ ẢNH (NO COPY / NO DRAG)
   ========================================================================== */
  /* 1. Chặn bôi đen copy văn bản trên toàn bộ trang web */
  body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  /* 2. Ngoại lệ: Cho phép bôi đen & thao tác bình thường trong các ô nhập liệu (input, textarea) để khách điền form */
  input,
  textarea,
  select {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
  }

  /* 3. Chặn thao tác bấm giữ và kéo ảnh (drag image) sang nơi khác để lưu */
  img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
  }
}

/* Dimmed menu item for coming soon / inactive projects (status = false) */
li.disabled-project-item,
li.disabled-project-item>a {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  filter: grayscale(100%);
}