@charset "UTF-8";
:root {
  --w-container-header: clamp(400px, calc(1540 * 100vw / 1920), 1540px);
  --w-container: clamp(400px, calc(1540 * 100vw / 1920), 1540px);
  --w-container-2: clamp(400px, calc(1159 * 100vw / 1920), 1159px);
  --w-container-news: 995px;
  --size-section: clamp(20px, calc(80 * 100vw / 1920), 80px);
  --size-section-module: clamp(25px, calc(50 * 100vw / 1920), 50px);
  --gap-section: clamp(15px, calc(80 * 100vw / 1920), 80px);
  --gap-item: clamp(15px, calc(20 * 100vw / 1920), 20px);
  --fs-text: clamp(14px, calc(16 * 100vw / 1920), 16px);
  --fs-subtitle-slide: clamp(18px, calc(26 * 100vw / 1920), 26px);
  --fs-title-slide: clamp(32px, calc(110.1 * 100vw / 1920), 110.1px);
  --fs-number: clamp(28px, calc(71.1 * 100vw / 1920), 71.1px);
  --fs-title-name: clamp(16px, calc(20 * 100vw / 1920), 20px);
  --fs-sub-title: clamp(18px, calc(22 * 100vw / 1920), 22px);
  --fs-title: clamp(24px, calc(56 * 100vw / 1920), 56px);
  --fs-module-tab: clamp(14px, calc(18 * 100vw / 1920), 18px);
  --fs-number-prd: clamp(20px, calc(33 * 100vw / 1920), 33px);
  --fs-number-contribute: clamp(28px, calc(44.1 * 100vw / 1920), 44.1px);
  --fs-title-name-prd: clamp(18px, calc(24 * 100vw / 1920), 24px);
  --fs-title-slide-2: clamp(32px, calc(87.1 * 100vw / 1920), 87.1px);
  --fs-title-giatri: clamp(20px, calc(28 * 100vw / 1920), 28px);
  --fs-title-detail: clamp(20px, calc(26 * 100vw / 1920), 26px);
  --fs-tskt: clamp(18px, calc(23 * 100vw / 1920), 23px);
  --fs-number-bao-hanh: clamp(24px, calc(34 * 100vw / 1920), 34px);
}

@media screen and (max-width: 568px) {
  :root {
    --w-container-header: 100%;
    --w-container: 100%;
    --w-container-2: 100%;
  }
}
@font-face {
  font-family: "Inter-Regular";
  src: url("../fonts/Inter_18pt-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter-Semibold";
  src: url("../fonts/Inter_18pt-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter-Bold";
  src: url("../fonts/Inter_18pt-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter-Medium";
  src: url("../fonts/Inter_18pt-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter-ExtraBold";
  src: url("../fonts/Inter_18pt-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CormorantGaramond-Bold";
  src: url("../fonts/CormorantGaramond-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@keyframes scrolldown {
  0% {
    top: 4px;
    opacity: 0;
  }
  50% {
    opacity: 1;
    top: calc(50% - 2px);
  }
  100% {
    opacity: 0;
    top: calc(100% - 4px);
  }
}
html {
  scroll-behavior: smooth;
}

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeSpeed;
}

.load {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 201;
}
.load svg {
  z-index: 2;
  position: relative;
}
.load:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.load.show {
  display: flex !important;
}

.pad-section {
  padding: var(--size-section) 0;
}

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

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

.pad-module {
  padding: var(--size-section-module) 0;
}

.padtop-module {
  padding-top: var(--size-section-module);
}

.padbot-module {
  padding-bottom: var(--size-section-module);
}

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

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

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.4;
}

.hide-pc {
  display: none;
}
@media (max-width: 991px) {
  .hide-pc {
    display: block;
  }
}

.no-border {
  border: none !important;
}

.no-margin {
  margin: 0px !important;
}

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

.no-pad-y {
  padding-top: 0px;
  padding-bottom: 0px;
}

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

a {
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  color: #383934;
  display: flex;
  align-items: center;
}
a:hover {
  color: #DE9F38;
}

button {
  cursor: pointer;
}

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

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

@media (max-width: 767px) {
  .menu-bottom-mb {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    height: 55px;
    gap: 15px;
    justify-content: center;
    background-color: rgb(255, 255, 255);
    border-top: 3px solid #DE9F38;
    padding: 0 20px;
    z-index: 99;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
  .menu-bottom-mb img {
    height: 25px;
    width: initial;
    object-fit: contain;
  }
  .menu-bottom-mb .item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 35px;
    border: 1px solid #DE9F38;
    background: #fff;
    box-shadow: 0 0 10px -5px #383934;
  }
  .menu-bottom-mb .item svg {
    width: 25px;
    height: 25px;
  }
  .menu-bottom-mb .item.fb svg {
    fill: #DE9F38;
  }
  .menu-bottom-mb .item.yt svg {
    fill: #DE9F38;
  }
  .menu-bottom-mb .item.phone svg {
    fill: #DE9F38;
  }
  .menu-bottom-mb .item.mess svg {
    fill: #DE9F38;
  }
  .menu-bottom-mb .item.zalo {
    background: #DE9F38;
  }
  .menu-bottom-mb .item.language {
    font-weight: 700;
    font-size: 16px;
    color: #DE9F38;
  }
  .menu-bottom-mb .item.scroll-top svg path {
    fill: #DE9F38;
  }
}
.load.text-center {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 201;
}
.load.text-center.show {
  display: flex;
}
.load.text-center:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.load.text-center p {
  color: rgb(255, 255, 255);
  z-index: 2;
}
.load.text-center img {
  z-index: 2;
  width: 100px;
}

.w-full {
  width: 100% !important;
}

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

strong {
  font-family: "Inter-Bold", sans-serif;
  font-weight: 700;
}
strong font {
  font-family: "Inter-Bold", sans-serif;
  font-weight: 700;
}

form input.error,
form textarea.error,
form select.error {
  border: 1px solid red !important;
}
form label.error {
  display: none !important;
}

input,
button,
textarea,
select {
  outline: none;
  border: 0;
  padding: 0;
  margin: 0;
  background-color: transparent;
  font-weight: 400;
}

.alrt-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
}
.alrt-popup.show {
  opacity: 1;
  pointer-events: all;
}
.alrt-popup .wapper {
  background: rgb(255, 255, 255);
  width: 320px;
  border-radius: 10px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.alrt-popup .wapper .main {
  padding: 15px;
  text-align: center;
}
.alrt-popup .wapper .title {
  background: #bf2929;
  color: rgb(255, 255, 255);
  text-align: center;
  font-weight: 400;
  padding: 15px 10px;
  margin-bottom: 0;
}
.alrt-popup .wapper .close-alrt {
  text-align: center;
  margin: 0 auto 10px auto;
  border: 2px solid #bf2929;
  padding: 5px 15px;
  cursor: pointer;
  width: 205px;
  height: 38px;
  border-radius: 20px;
  color: #bf2929;
  display: flex;
  align-items: center;
  justify-content: center;
}
.alrt-popup.success .wapper .title {
  background: #09e493;
}
.alrt-popup.success .wapper .close-alrt {
  display: none;
}

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

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

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

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

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

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

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

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

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

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

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

#notfound {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
}
#notfound .notfound {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#notfound .notfound .notfound-404 {
  text-align: center;
  color: #DE9F38;
  font-size: 100px;
}
#notfound .notfound h1 {
  line-height: 1;
}
#notfound .notfound h2,
#notfound .notfound p,
#notfound .notfound a {
  text-align: center;
}
#notfound .notfound h2 {
  color: #DE9F38;
  font-size: 32px;
  margin-bottom: 20px;
}
#notfound .notfound p {
  margin-bottom: 30px;
}
#notfound .notfound a {
  font-size: var(--fs-text);
  color: rgb(255, 255, 255);
  background-color: #DE9F38;
  padding: 10px 15px;
  border-radius: 5px;
  transition: background 0.5s linear;
  border: 1px solid #DE9F38;
  max-width: 250px;
}
#notfound .notfound a:hover {
  background-color: rgb(255, 255, 255);
  color: #DE9F38;
}
@media (max-width: 767px) {
  #notfound .notfound .notfound-404 {
    font-size: 50px;
  }
  #notfound .notfound h2 {
    font-size: 16px;
    margin-bottom: 15px;
  }
  #notfound .notfound p,
  #notfound .notfound a {
    font-size: 14px;
  }
}

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

.detail-ser h1 {
  color: #383934;
  font-size: 20px;
}
.detail-ser .title-module {
  padding: 0;
  margin-bottom: 0;
}
.detail-ser .result-search .item {
  padding: 20px 0;
  border-bottom: 1px solid #c8c8c8;
  display: flex;
  align-items: center;
}
.detail-ser .result-search .item .img {
  width: 15%;
  aspect-ratio: 16/10;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #c8c8c8;
  background: #fff;
}
.detail-ser .result-search .item .img img {
  object-fit: contain;
}
.detail-ser .result-search .item .right {
  width: 85%;
  padding-left: 15px;
}
.detail-ser .result-search .item:last-child {
  border-bottom: 0;
}
.detail-ser .result-search .item .module {
  color: rgb(255, 255, 255);
  background-color: #DE9F38;
  padding: 2px 10px;
  border-radius: 5px;
  margin-right: 10px;
  white-space: nowrap;
  font-size: 14px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.detail-ser .result-search .item h3 a {
  font-weight: 700;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.detail-ser .result-search .item h3:hover a {
  color: #DE9F38;
}
.detail-ser .result-search .item .time {
  font-size: 16px;
  color: #DE9F38;
  font-style: italic;
  margin: 10px 0;
  display: flex;
  align-items: center;
}
.detail-ser .result-search .item .time svg {
  margin-right: 10px;
  fill: #DE9F38;
}
.detail-ser .result-search .item ._desc {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.detail-ser .result-search .item ._desc p {
  line-height: 1.3;
}
@media (max-width: 767px) {
  .detail-ser .result-search .item {
    flex-direction: column;
  }
  .detail-ser .result-search .item .img {
    width: 100%;
    aspect-ratio: 16/9;
    margin-bottom: 15px;
  }
  .detail-ser .result-search .item .right {
    padding: 0;
    width: 100%;
  }
}

.social-fixed {
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 20;
}
.social-fixed .mess {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  background: #DE9F38;
  border-radius: 30px;
  padding: 5px 20px;
}
.social-fixed .mess span {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-text);
  color: rgb(255, 255, 255);
  text-transform: uppercase;
}

.timeout {
  text-align: center;
  padding: 5px 0;
}

.popup-video {
  display: none;
}

.detail-content h2,
.detail-content h3,
.detail-content h4,
.detail-content h5,
.detail-content h6 {
  margin-bottom: 15px;
  line-height: 1.5;
  color: #383934;
}
@media (max-width: 767px) {
  .detail-content h2,
  .detail-content h3,
  .detail-content h4,
  .detail-content h5,
  .detail-content h6 {
    margin-bottom: 15px;
  }
}
.detail-content h2,
.detail-content h3,
.detail-content h4 {
  font-weight: 700;
}
.detail-content h2 font,
.detail-content h3 font,
.detail-content h4 font {
  font-weight: 700;
}
.detail-content h2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}
.detail-content h2 font {
  font-size: 20px;
}
.detail-content h3 {
  font-size: clamp(16px, 0.9375vw, 18px);
  font-family: "Inter-Semibold", sans-serif;
  line-height: 1.4;
}
.detail-content h3 font, .detail-content h3 span {
  font-size: clamp(16px, 0.9375vw, 18px);
  font-family: "Inter-Semibold", sans-serif;
}
.detail-content h4 {
  font-size: clamp(15px, 0.9375vw, 16px);
  font-family: "Inter-Semibold", sans-serif;
  line-height: 38px;
}
.detail-content h4 strong {
  font-size: clamp(15px, 0.9375vw, 16px);
  font-family: "Inter-Semibold", sans-serif;
  line-height: 38px;
}
.detail-content h4 font, .detail-content h4 span {
  font-size: var(--fs-text);
  font-weight: 700;
}
.detail-content h5 {
  font-size: 14px;
  font-weight: 700;
  line-height: 38px;
}
.detail-content h5 strong {
  font-size: 14px;
  font-weight: 700;
  line-height: 38px;
}
.detail-content h5 font, .detail-content h5 span {
  font-size: 14px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .detail-content h5 {
    font-size: 14px;
  }
  .detail-content h5 font, .detail-content h5 span {
    font-size: 14px;
  }
}
.detail-content .title-item-about {
  font-size: 30px;
  color: #DE9F38;
  margin-bottom: 20px;
}
.detail-content .title-item-about font {
  font-size: 30px;
}
@media (max-width: 767px) {
  .detail-content .title-item-about {
    margin-bottom: 15px;
    font-size: 20px;
  }
  .detail-content .title-item-about font {
    font-size: 20px;
  }
}
.detail-content .description p {
  font-family: "Inter-Regular", sans-serif;
  font-weight: 400;
  font-size: var(--fs-text);
}
.detail-content p {
  line-height: 1.5;
  margin-bottom: 15px;
  font-size: var(--fs-text);
}
.detail-content p:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .detail-content p {
    margin-bottom: 15px;
  }
}
.detail-content strong {
  font-size: var(--fs-text);
}
.detail-content strong font, .detail-content strong span {
  font-weight: 700;
}
.detail-content figure {
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .detail-content figure {
    margin-bottom: 10px;
  }
}
.detail-content figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.detail-content figure figcaption {
  text-align: center;
  padding: 5px 15px;
  font-size: var(--fs-text-min);
  font-weight: 600;
  font-style: italic;
}
.detail-content figure figcaption font {
  font-size: var(--fs-text-min);
  font-weight: 600;
  font-style: italic;
}
.detail-content figure figcaption {
  font-style: italic;
}
.detail-content ul,
.detail-content ol {
  margin-bottom: 15px;
  padding-left: 25px;
}
.detail-content ul li,
.detail-content ol li {
  padding-bottom: 5px;
  line-height: 1.5;
  font-size: var(--fs-text);
  color: #383934;
}
.detail-content ul li:last-child,
.detail-content ol li:last-child {
  padding-bottom: 0;
}
.detail-content ul li::marker,
.detail-content ol li::marker {
  color: #383934;
}
.detail-content ul {
  list-style-type: disc;
}
.detail-content ul li {
  list-style-type: disc;
  font-size: var(--fs-text);
  color: #383934;
}
.detail-content ul ul {
  list-style-type: circle;
}
.detail-content ul ul li {
  list-style-type: circle;
}
.detail-content ol {
  list-style-type: decimal;
}
.detail-content ol li {
  list-style-type: decimal;
}
.detail-content .image-center {
  display: flex;
  justify-content: center;
  margin: 0 auto 15px;
}
.detail-content .image-center img {
  margin: auto;
  height: initial;
  object-fit: initial;
}
.detail-content .image-left {
  float: left;
}
.detail-content .image-left img {
  margin: auto;
  height: initial;
  object-fit: initial;
}
.detail-content .image-right {
  float: right;
  margin-bottom: 15px;
}
.detail-content .image-right img {
  margin: auto;
  height: initial;
  object-fit: initial;
}
.detail-content a {
  text-decoration: underline;
}
.detail-content a:hover {
  color: #DE9F38;
}
.detail-content a.more {
  text-decoration: none;
  color: #fff;
  margin: auto;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .detail-content a.more {
    margin-bottom: 15px;
  }
}
.detail-content table {
  margin-bottom: 15px;
  width: 100%;
  border: none;
}
.detail-content table thead th {
  font-weight: 700;
  font-size: var(--fs-text);
  background: #DE9F38;
  color: #fff;
  border: 1px solid #DE9F38;
  padding: 10px;
}
.detail-content table thead th:nth-of-type(1) {
  border-radius: 6px 0 0 6px;
}
.detail-content table thead th:last-child {
  border-radius: 0 6px 6px 0;
}
.detail-content table tbody tr th {
  line-height: 1;
  font-weight: 400;
  font-size: var(--fs-text);
  color: #383934;
  border: none;
  background: #CEE5DA;
  font-weight: 700;
  white-space: nowrap;
}
.detail-content table tbody tr th,
.detail-content table tbody tr td {
  font-size: var(--fs-text);
  line-height: 1.5;
  padding: 15px;
  border: none;
  border-radius: 6px;
  border: 1px solid #fff;
}
.detail-content table tbody tr td {
  background: #F6F6F6;
}
.detail-content table.table {
  width: 100%;
  border: none;
}
.detail-content table.table thead th {
  font-weight: 700;
  font-size: var(--fs-text);
  background: #DE9F38;
  color: #fff;
  border: 1px solid #DE9F38;
  padding: 10px;
}
.detail-content table.table thead th:nth-of-type(1) {
  border-radius: 6px 0 0 6px;
}
.detail-content table.table thead th:last-child {
  border-radius: 0 6px 6px 0;
}
.detail-content table.table tbody tr th {
  line-height: 1;
  font-weight: 400;
  font-size: var(--fs-text);
  color: #383934;
  border: none;
  background: #CEE5DA;
  font-weight: 700;
  white-space: nowrap;
}
.detail-content table.table tbody tr th,
.detail-content table.table tbody tr td {
  font-size: var(--fs-text);
  line-height: 1.5;
  padding: 15px;
  border: none;
  border-radius: 6px;
  border: 1px solid #fff;
}
.detail-content table.table tbody tr td {
  background: #F6F6F6;
}
.detail-content table.table2 {
  width: 100%;
  border: none;
}
.detail-content table.table2 thead th {
  font-weight: 700;
  font-size: var(--fs-text);
  background: #DE9F38;
  color: #fff;
  border: 1px solid rgb(255, 255, 255);
  padding: 10px;
  border-radius: 6px;
}
.detail-content table.table2 tbody tr th {
  line-height: 1;
  font-weight: 400;
  font-size: var(--fs-text);
  color: #383934;
  border: none;
  background: #CEE5DA;
  font-weight: 700;
  white-space: nowrap;
}
.detail-content table.table2 tbody tr th,
.detail-content table.table2 tbody tr td {
  font-size: var(--fs-text);
  line-height: 1.5;
  padding: 15px;
  border: none;
  border-radius: 6px;
  border: 1px solid #fff;
}
.detail-content table.table2 tbody tr td {
  background: #E4F4EC;
}
.detail-content iframe {
  max-width: 100%;
}
.detail-content .iframe_video {
  margin-bottom: 15px;
}
.detail-content .iframe_video iframe,
.detail-content .iframe_video video {
  width: 100%;
  height: 100%;
}

.page {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-top: var(--size-section-module);
  width: 100%;
}
.page span,
.page a,
.page div {
  width: 37px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 37px;
  overflow: hidden;
  border: 1px solid #D8DEE6;
  position: relative;
  font-size: var(--fs-text);
  color: #383934;
}
.page span:hover, .page span.active-page,
.page a:hover,
.page a.active-page,
.page div:hover,
.page div.active-page {
  color: #DE9F38;
  border-color: #DE9F38;
}
.page span:hover svg path, .page span.active-page svg path,
.page a:hover svg path,
.page a.active-page svg path,
.page div:hover svg path,
.page div.active-page svg path {
  stroke: #DE9F38;
}
.page span.disabled,
.page a.disabled,
.page div.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}
.page svg path {
  stroke: #D8DEE6;
}
.page .prev,
.page .next {
  width: 37px;
  height: 37px;
  background: rgb(255, 255, 255);
}

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

.popup-index {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s linear;
}
.popup-index .overlay-popup-index {
  position: absolute;
  z-index: 11;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}
.popup-index .wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 12;
  max-width: 70%;
  aspect-ratio: 16/9;
}
.popup-index .wrapper.has-video {
  width: 70%;
  max-width: 100%;
}
@media (max-width: 767px) {
  .popup-index .wrapper.has-video {
    width: calc(100% - 30px);
    max-width: 100%;
  }
}
.popup-index .wrapper .exit-popup {
  position: absolute;
  right: -40px;
  top: -40px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: #DE9F38;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .popup-index .wrapper .exit-popup {
    right: calc((100% - 40px) / 2);
    top: initial;
    bottom: -50px;
  }
}
.popup-index .wrapper .exit-popup svg {
  fill: rgb(255, 255, 255);
}
.popup-index .wrapper iframe,
.popup-index .wrapper video,
.popup-index .wrapper .video {
  width: 100%;
  height: 100%;
  display: block;
}
.popup-index.active {
  opacity: 1;
  pointer-events: all;
}
@media (max-width: 767px) {
  .popup-index .wrapper {
    width: 100%;
  }
}

.card-news {
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  border: 1px solid #E2DFD5;
  background: #FFF;
}
.card-news .img {
  aspect-ratio: 479/295;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px 20px 0 0;
}
.card-news .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-news .info {
  padding: 20px 25px;
}
@media (max-width: 767px) {
  .card-news .info {
    padding: 10px;
  }
}
.card-news .info span {
  color: #838383;
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
  text-transform: lowercase;
  margin-bottom: 15px;
  display: inline-flex;
}
@media (max-width: 767px) {
  .card-news .info span {
    margin-bottom: 10px;
  }
}
.card-news .info .title-name {
  color: #383934;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-module-tab);
  margin-bottom: 15px;
}
.card-news .info .title-name font {
  color: #383934;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-module-tab);
}
.card-news .info .title-name a {
  color: #383934;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-module-tab);
}
.card-news .info .title-name a font {
  color: #383934;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-module-tab);
}
@media (max-width: 767px) {
  .card-news .info .title-name {
    margin-bottom: 10px;
  }
}
.card-news .info .flex-btn {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.card-news .info .flex-btn .view {
  width: 41px;
  height: 41px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border-radius: 25px;
  border: 1px solid #DE9F38;
}
.card-news .info .flex-btn .view svg path {
  fill: #DE9F38;
}
.card-news:hover {
  border-color: #DE9F38;
}
.card-news:hover img {
  transform: scale(1.1);
}
.card-news:hover .info .title-name {
  color: #DE9F38;
}
.card-news:hover .info .title-name a {
  color: #DE9F38;
}
.card-news:hover .view {
  background: #DE9F38 !important;
}
.card-news:hover .view svg path {
  fill: rgb(255, 255, 255) !important;
}
.card-news.card-gallery {
  border: none;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}
.card-news.card-gallery .info .title-name {
  margin-bottom: 0;
}
.card-news.card-video {
  border: none;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}
.card-news.card-video .img {
  position: relative;
}
.card-news.card-video .img > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: grayscale(100);
  -moz-filter: grayscale(100);
  -webkit-filter: grayscale(100);
}
.card-news.card-video .info .title-name {
  margin-bottom: 0;
}
.card-news.card-video:hover .img > svg {
  filter: grayscale(0);
  -moz-filter: grayscale(0);
  -webkit-filter: grayscale(0);
}

.news-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--gap-item);
}
.news-flex.flex-3-rows .card-news {
  width: calc((100% - var(--gap-item) * 2) / 3);
}
@media (max-width: 990px) {
  .news-flex.flex-3-rows .card-news {
    width: calc((100% - var(--gap-item)) / 2);
  }
}
@media (max-width: 767px) {
  .news-flex.flex-3-rows .card-news {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .news-flex {
    flex-direction: column;
  }
}

.card-catalogue {
  border-radius: 12px;
  border: 1px solid #DBDBDB;
  background: #FFFEFE;
  padding: 20px;
  display: flex;
  flex-direction: column;
}
.card-catalogue .img {
  aspect-ratio: 291/406;
  overflow: hidden;
}
.card-catalogue .title-name {
  color: #383934;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--gap-item);
  padding: var(--gap-item) 0;
}
.card-catalogue .title-name a {
  color: #383934;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--gap-item);
  display: block;
  text-align: center;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  min-height: 42px;
}
.card-catalogue .flex-btn {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 15px;
}
@media (max-width: 767px) {
  .card-catalogue .flex-btn {
    gap: 10px;
    flex-direction: column;
  }
}
.card-catalogue .flex-btn > * {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #383934;
  font-family: "Inter-Semibold", sans-serif;
  height: 45px;
  width: calc((100% - 15px) / 2);
  border-radius: 6px;
  transition: background 0.5s ease;
}
.card-catalogue .flex-btn > * span {
  font-family: "Inter-Semibold", sans-serif;
}
@media (max-width: 767px) {
  .card-catalogue .flex-btn > * {
    width: 100%;
    font-family: "Inter-Regular", sans-serif;
    font-weight: 400;
    text-transform: initial;
  }
  .card-catalogue .flex-btn > * span {
    font-family: "Inter-Regular", sans-serif;
    font-weight: 400;
    text-transform: initial;
  }
}
.card-catalogue:hover .title-name {
  color: #DE9F38;
}
@media (max-width: 1600px) {
  .card-catalogue {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .card-catalogue {
    padding: 10px;
  }
}

.flex-4-rows {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-item);
}
.flex-4-rows > * {
  width: calc((100% - var(--gap-item) * 3) / 4);
}
@media (max-width: 767px) {
  .flex-4-rows > * {
    width: calc((100% - var(--gap-item)) / 2);
  }
}

.skiptranslate {
  display: none !important;
}

.uppercase {
  text-transform: uppercase;
}

body {
  top: 0 !important;
}

.no-bf::before {
  display: none !important;
}

section[id^=section-] {
  scroll-margin-top: 200px;
}

html {
  scroll-behavior: smooth;
}

.input-validation-error {
  border: 1px solid red;
  color: red;
  padding-top: 5px;
  padding-left: 10px;
}

.pad-section {
  scroll-margin-top: 125px;
}

.uppercase {
  text-transform: uppercase;
}

.desc,
.description {
  line-height: 28px;
}

.center {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.center div, .center p, .center li {
  text-align: center !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.shadow {
  box-shadow: 0px 0px var(--fs-title-name) rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(20px);
}

.grid-column-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.item-wrap-3 {
  width: calc((100% - 30px) / 3);
}

.flex-column-reserve {
  flex-direction: column-reverse;
}

.flex-row-reserve {
  flex-direction: row-reverse;
}

.mid-nav .owl-carousel {
  position: initial;
}
.mid-nav .owl-theme .owl-nav {
  margin-top: 0;
  position: absolute;
  right: 0;
  display: flex;
  gap: 5px;
  top: 0;
}
.mid-nav .owl-theme .owl-nav [class*=owl-] svg {
  height: 18px;
  fill: #787878;
}
.mid-nav .owl-theme .owl-nav [class*=owl-]:hover svg {
  fill: #DE9F38;
}

.center-nav .owl-carousel {
  position: initial;
}
.center-nav .owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  overflow: hidden;
  z-index: 1;
}
.center-nav .owl-theme .owl-nav [class*=owl-].owl-prev {
  left: -40px;
}
.center-nav .owl-theme .owl-nav [class*=owl-].owl-next {
  right: -40px;
}
.center-nav .owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent;
}
.center-nav .owl-theme .owl-nav [class*=owl-]:hover svg path {
  fill: #DE9F38;
}

.flex-btn {
  display: flex;
  gap: 15px;
}

.detail {
  height: 46px;
  padding: 0 25px;
  color: #fff;
  font-size: var(--fs-text);
  font-family: "Inter-Bold", sans-serif;
  font-weight: 700;
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #DE9F38;
  border-radius: 6px;
}
.detail font {
  font-size: var(--fs-text);
  font-weight: 700;
}
@media (max-width: 1400px) {
  .detail {
    height: 40px;
    padding: 0 15px;
  }
}
@media (max-width: 900px) {
  .detail {
    height: 40px;
  }
}
@media (max-width: 767px) {
  .detail {
    padding: 0 10px;
    height: 35px !important;
  }
  .detail font {
    font-size: 15px;
  }
}
.detail.dark {
  border: 1px solid #DE9F38 !important;
}
.detail.dark:before, .detail.dark:after {
  background: #DE9F38 !important;
}
.detail.dark:after {
  background: #DE9F38 !important;
}
.detail.dark span {
  color: rgb(255, 255, 255);
}
.detail.dark:hover {
  background: rgb(255, 255, 255);
  border: 1px solid #DE9F38;
}
.detail.dark:hover span {
  color: #DE9F38 !important;
}
.detail.dark:hover span svg path {
  stroke: #DE9F38 !important;
}
.detail.transparent {
  border: 1px solid rgb(255, 255, 255) !important;
}
.detail.transparent:before, .detail.transparent:after {
  background: transparent !important;
}
.detail.transparent:after {
  background: transparent !important;
}
.detail.transparent span {
  color: rgb(255, 255, 255);
}
.detail.transparent:hover {
  background: #DE9F38;
  border: 1px solid #DE9F38;
}
.detail.transparent:hover span {
  color: rgb(255, 255, 255) !important;
}
.detail.transparent:hover span svg path {
  stroke: rgb(255, 255, 255) !important;
}
.detail.darkness {
  border: 1px solid #383934 !important;
}
.detail.darkness:before, .detail.darkness:after {
  background: rgb(255, 255, 255) !important;
}
.detail.darkness:after {
  background: rgb(255, 255, 255) !important;
}
.detail.darkness span {
  color: #383934;
}
.detail.darkness span font {
  color: #383934;
}
.detail.darkness:hover {
  background: #DE9F38;
  border: 1px solid #DE9F38 !important;
}
.detail.darkness:hover span {
  color: rgb(255, 255, 255) !important;
}
.detail.darkness:hover span font {
  color: rgb(255, 255, 255) !important;
}
.detail.darkness:hover span svg path {
  fill: rgb(255, 255, 255) !important;
  stroke: #DE9F38 !important;
}
.detail.white {
  border-color: #58595B;
}
.detail.white:before, .detail.white:after {
  background: rgb(255, 255, 255);
}
.detail.white:after {
  background: rgb(255, 255, 255);
  right: 1px;
}
.detail.white span {
  color: #383934;
}
.detail.white span font {
  color: #383934;
}
.detail.white:hover {
  background: #383934;
  border: 1px solid #383934;
}
.detail.white:hover span {
  color: #fff;
}
.detail.white:hover span font {
  color: #fff;
}
.detail.white:hover span svg path {
  fill: rgb(255, 255, 255) !important;
  stroke: rgb(255, 255, 255) !important;
}
.detail:before {
  position: absolute;
  content: "";
  z-index: 1;
  width: 51%;
  height: 100%;
  top: 0;
  left: 0;
  background: #DE9F38;
  transition: left 0.4s ease;
}
.detail svg {
  position: relative;
  z-index: 3;
}
.detail:after {
  position: absolute;
  content: "";
  background: #DE9F38;
  z-index: 1;
  width: 50%;
  height: 100%;
  bottom: 0;
  right: 0;
  transition: right 0.4s ease;
}
.detail span {
  position: relative;
  z-index: 3;
  font-weight: 700;
  color: rgb(255, 255, 255);
  line-height: 1;
  font-family: "Inter-Bold", sans-serif;
  line-height: 1.6; /* 166.667% */
  font-size: var(--fs-text);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  text-transform: uppercase;
}
.detail span font {
  font-weight: 700;
  color: rgb(255, 255, 255);
  line-height: 1;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-text);
}
@media (max-width: 767px) {
  .detail span {
    font-weight: 700;
  }
}
.detail:hover {
  background: rgb(255, 255, 255);
  border: 1px solid #DE9F38;
}
.detail:hover:before {
  left: -51%;
}
.detail:hover:after {
  right: -50%;
}
.detail:hover span {
  color: #DE9F38;
}
.detail:hover span font {
  color: #DE9F38;
}
.detail:hover svg path {
  fill: #DE9F38;
}
.detail.large {
  height: 59px;
  width: 210px;
  border-width: 2px;
}
.detail.large:hover {
  border-width: 2px;
}
.detail.semi {
  width: 200px;
  height: 48px;
}
.detail.semi span {
  gap: 8px;
}
.detail.medium {
  height: 43px;
  padding: 0 17px;
}
.detail.small {
  height: 45px;
  width: 183px;
  font-weight: 400;
  font-size: var(--fs-text-small);
}
.detail.small span {
  font-weight: 400;
  font-size: var(--fs-text-small);
}
.detail.small font {
  font-weight: 400;
  font-size: var(--fs-text-small);
}
.detail.radius {
  border-radius: 6px;
}
.detail.no-shadow {
  box-shadow: none;
}
.detail.btn-orange {
  border: 1px solid #DE9F38;
}
.detail.btn-orange:before, .detail.btn-orange:after {
  background: #DE9F38;
}
.detail.detail-reserve {
  color: #DE9F38;
  background: rgb(255, 255, 255);
}
.detail.detail-reserve:before {
  top: -50%;
}
.detail.detail-reserve:after {
  bottom: -50%;
}
.detail.detail-reserve svg path {
  stroke: #DE9F38;
}
.detail.detail-reserve:hover {
  color: #fff;
}
.detail.detail-reserve:hover:before {
  top: 0;
}
.detail.detail-reserve:hover:after {
  bottom: 0;
}
.detail.detail-reserve:hover svg path {
  stroke: rgb(255, 255, 255);
}

.description-project {
  margin: 50px 0;
}
@media (max-width: 1200px) {
  .description-project {
    margin: 15px 0;
  }
}
.description-project div, .description-project p, .description-project li {
  color: #383934;
  font-size: var(--fs-text);
  font-family: "Inter-Regular", sans-serif;
  font-weight: 400;
  line-height: 1.3;
}
@media (max-width: 1200px) {
  .description-project div, .description-project p, .description-project li {
    width: var(--w-container);
    padding: 0 15px;
  }
}
.description-project div font, .description-project p font, .description-project li font {
  color: #383934;
  font-size: var(--fs-text);
  font-family: "Inter-Regular", sans-serif;
  font-weight: 400;
}

.project-page {
  margin: 50px 0;
}
@media (max-width: 1200px) {
  .project-page {
    margin: 15px 0;
  }
}

.other-project {
  padding-top: 50px;
}
.other-project .title {
  margin-bottom: 30px;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .other-project .title {
    margin-bottom: 15px;
  }
}

.news-page-index .title {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .news-page-index .title {
    margin-bottom: 15px;
  }
}

.flex-news-module {
  display: flex;
  flex-direction: column;
  gap: 38px;
}
@media (max-width: 767px) {
  .flex-news-module {
    gap: 15px;
  }
}
.flex-news-module .card-news {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
@media (max-width: 989px) {
  .flex-news-module .card-news {
    flex-direction: column;
    gap: 15px;
  }
}
.flex-news-module .card-news .img {
  width: 59.6%;
  aspect-ratio: 495/270;
  border-radius: 8px;
}
@media (min-width: 990px) {
  .flex-news-module .card-news .img {
    min-width: 495px;
    max-width: 495px;
  }
}
@media (max-width: 989px) {
  .flex-news-module .card-news .img {
    width: 100%;
  }
}
.flex-news-module .card-news .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.flex-news-module .card-news .infor {
  padding-left: 45px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 989px) {
  .flex-news-module .card-news .infor {
    padding-left: 0px;
  }
}
.flex-news-module .card-news .infor .title-name {
  color: #383934;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-title-module);
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 15px;
}
.flex-news-module .card-news .infor .title-name font {
  color: #383934;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-title-module);
  font-weight: 600;
}
.flex-news-module .card-news .infor .title-name:hover a {
  color: #DE9F38;
}
.flex-news-module .card-news .infor .title-name a {
  color: #383934;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-title-module);
  font-weight: 600;
  line-height: 1.3;
}
.flex-news-module .card-news .infor .title-name a font {
  color: #383934;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-title-module);
  font-weight: 600;
}
.flex-news-module .card-news .infor .date-link {
  margin-bottom: 15px;
}
.flex-news-module .card-news .infor .date-link .date {
  color: #5F5F5F;
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text-small);
  font-weight: 400;
  line-height: 24px; /* 150% */
}
.flex-news-module .card-news .infor .date-link .date font {
  color: #5F5F5F;
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text-small);
  font-weight: 400;
  line-height: 24px; /* 150% */
}
.flex-news-module .card-news .infor .description {
  margin-bottom: 15px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}

.logo-contact {
  padding-bottom: 30px;
  aspect-ratio: 225/119;
  max-width: 225px;
}
.logo-contact img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}

.flex-project-module {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 36px;
  width: 100%;
}
@media (min-width: 701px) and (max-width: 990px) {
  .flex-project-module {
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .flex-project-module {
    gap: 15px;
  }
}
.flex-project-module .card-project {
  width: calc((100% - 72px) / 3);
}
@media (min-width: 701px) and (max-width: 990px) {
  .flex-project-module .card-project {
    width: calc((100% - 45px) / 3);
  }
}
@media (max-width: 767px) {
  .flex-project-module .card-project {
    width: calc((100% - 15px) / 2);
  }
}
.flex-project-module .card-project .img {
  aspect-ratio: 504/389;
  border-radius: 8px;
  margin-bottom: var(--fs-title-name);
}
.flex-project-module .card-project .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.flex-project-module .card-project .title-name {
  margin-bottom: 15px;
}
.flex-project-module .card-project .title-name a {
  color: #383934;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-text);
  font-weight: 700;
  line-height: 1.6;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
@media (max-width: 990px) {
  .flex-project-module .card-project .title-name a {
    min-height: 48px;
  }
}
.flex-project-module .card-project .title-name a font {
  color: #383934;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-text);
  font-weight: 700;
  line-height: 1.6;
}
.flex-project-module .card-project:hover .img img {
  transform: scale(1.1);
  transition: all 0.3s ease;
}
.flex-project-module .card-project:hover .title-name a {
  color: #DE9F38;
}
.flex-project-module .card-project:hover .title-name a font {
  color: #DE9F38;
}

.project-detail-index .container .flex-left-right {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 50px;
  border-bottom: 1px solid #D2D2D2;
}
@media (min-width: 701px) and (max-width: 990px) {
  .project-detail-index .container .flex-left-right {
    flex-direction: column;
    gap: 50px;
    padding-bottom: 25px;
  }
}
@media (max-width: 767px) {
  .project-detail-index .container .flex-left-right {
    flex-direction: column;
    padding-bottom: 15px;
    gap: var(--fs-title-name);
  }
}
.project-detail-index .container .flex-left-right .left {
  width: 48.45%;
}
@media (min-width: 701px) and (max-width: 990px) {
  .project-detail-index .container .flex-left-right .left {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .project-detail-index .container .flex-left-right .left {
    width: 100%;
  }
}
.project-detail-index .container .flex-left-right .left .slide-project {
  position: relative;
}
.project-detail-index .container .flex-left-right .left .owl-dots {
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: row;
  gap: 15px;
}
@media (max-width: 767px) {
  .project-detail-index .container .flex-left-right .left .owl-dots {
    bottom: -15px;
  }
}
.project-detail-index .container .flex-left-right .left .owl-dots .owl-dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border: 2px solid #DE9F38;
  background: rgb(255, 255, 255);
}
.project-detail-index .container .flex-left-right .left .owl-dots .owl-dot.active {
  background: #DE9F38;
}
.project-detail-index .container .flex-left-right .left .img {
  aspect-ratio: 768/593;
  border-radius: 8px;
}
.project-detail-index .container .flex-left-right .left .img:hover img {
  transform: scale(1.1);
  transition: all 0.3s ease;
}
.project-detail-index .container .flex-left-right .left .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.project-detail-index .container .flex-left-right .right {
  padding-left: 80px;
  width: 51.55%;
}
@media (min-width: 701px) and (max-width: 990px) {
  .project-detail-index .container .flex-left-right .right {
    padding-left: 0px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .project-detail-index .container .flex-left-right .right {
    width: 100%;
    padding-left: 0px;
  }
}
.project-detail-index .container .flex-left-right .right .title {
  color: #383934;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-detail-product);
  font-weight: 700;
  line-height: 1.2;
  text-transform: none;
  margin-bottom: 15px;
}
.project-detail-index .container .flex-left-right .right .title font {
  color: #383934;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-detail-product);
  font-weight: 700;
  line-height: 1.2;
  text-transform: none;
}
.project-detail-index .container .flex-left-right .right .description {
  margin-bottom: 15px;
}
.project-detail-index .container .flex-left-right .right .description ul {
  padding-left: 25px;
}
.project-detail-index .container .flex-left-right .right .description div, .project-detail-index .container .flex-left-right .right .description p, .project-detail-index .container .flex-left-right .right .description li {
  font-size: var(--fs-text-small);
  font-weight: 400;
  line-height: 1.5;
}
.project-detail-index .container .flex-left-right .right .description div font, .project-detail-index .container .flex-left-right .right .description p font, .project-detail-index .container .flex-left-right .right .description li font {
  font-size: var(--fs-text-small);
  font-weight: 400;
  line-height: 1.5;
}
.project-detail-index .container .information-project {
  border-bottom: 1px solid #D2D2D2;
}
.project-detail-index .container .information-project .title {
  margin-bottom: 30px;
  line-height: 1.2;
}
.project-detail-index .container .information-project .detail-content h3 {
  font-size: var(--fs-text);
  font-family: "Inter-Bold", sans-serif;
}
.project-detail-index .container .information-project .detail-content h3 font {
  font-size: var(--fs-text);
  font-family: "Inter-Bold", sans-serif;
}
.project-detail-index .container .information-project .detail-content h4 {
  font-size: var(--fs-text-small);
  font-family: "Inter-Bold", sans-serif;
}
.project-detail-index .container .information-project .detail-content h4 strong {
  font-size: var(--fs-text-small);
  font-family: "Inter-Bold", sans-serif;
}
.project-detail-index .container .information-project .detail-content h4 strong font {
  font-size: var(--fs-text-small);
  font-family: "Inter-Bold", sans-serif;
}
.project-detail-index .container .information-project .detail-content h4 font {
  font-size: var(--fs-text-small);
  font-family: "Inter-Bold", sans-serif;
}
.project-detail-index .container .information-project .detail-content div, .project-detail-index .container .information-project .detail-content p, .project-detail-index .container .information-project .detail-content li {
  font-size: var(--fs-text-small);
  font-family: "Inter-Regular", sans-serif;
}
.project-detail-index .container .information-project .detail-content div strong, .project-detail-index .container .information-project .detail-content p strong, .project-detail-index .container .information-project .detail-content li strong {
  font-size: var(--fs-text-small);
  font-family: "Inter-Bold", sans-serif;
}
.project-detail-index .container .information-project .detail-content div strong font, .project-detail-index .container .information-project .detail-content p strong font, .project-detail-index .container .information-project .detail-content li strong font {
  font-size: var(--fs-text-small);
  font-family: "Inter-Bold", sans-serif;
}
.project-detail-index .container .information-project .detail-content div font, .project-detail-index .container .information-project .detail-content p font, .project-detail-index .container .information-project .detail-content li font {
  font-size: var(--fs-text-small);
  font-family: "Inter-Regular", sans-serif;
}

.tab-module-product {
  width: 100%;
  background: #F3F3F3;
}
.tab-module-product .container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media (max-width: 990px) {
  .tab-module-product .container {
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 0px;
    justify-content: flex-start;
    align-items: center;
    overflow-x: auto;
    white-space: nowrap;
    scroll-snap-type: x mandatory;
  }
}
.tab-module-product .container .item {
  position: relative;
  background: transparent;
  padding: 30px 70px;
  border-bottom: 6px solid transparent;
}
@media (max-width: 767px) {
  .tab-module-product .container .item {
    padding: 15px;
  }
}
.tab-module-product .container .item:before {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 0;
  height: 6px;
  background: #DE9F38;
  transition: all 0.3s ease;
}
.tab-module-product .container .item.active {
  background: #fff;
}
.tab-module-product .container .item.active:before {
  width: 100%;
  transition: all 0.3s ease;
}
.tab-module-product .container .item.active .icon-default {
  opacity: 0;
  transform: scale(0.85);
  display: none;
}
.tab-module-product .container .item.active .icon-hover {
  opacity: 1;
  transform: scale(1);
  display: flex;
}
.tab-module-product .container .item.active a .title-name {
  color: #DE9F38;
}
.tab-module-product .container .item.active a .title-name font {
  color: #DE9F38;
}
@media (min-width: 1200px) {
  .tab-module-product .container .item:hover {
    background: #fff;
  }
  .tab-module-product .container .item:hover:before {
    width: 100%;
    transition: all 0.3s ease;
  }
  .tab-module-product .container .item:hover .icon-default {
    opacity: 0;
    transform: scale(0.85);
    display: none;
  }
  .tab-module-product .container .item:hover .icon-hover {
    opacity: 1;
    transform: scale(1);
    display: flex;
  }
  .tab-module-product .container .item:hover a .title-name {
    color: #DE9F38;
  }
  .tab-module-product .container .item:hover a .title-name font {
    color: #DE9F38;
  }
}
.tab-module-product .container .item a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.tab-module-product .container .item a .icon-default, .tab-module-product .container .item a .icon-hover {
  margin-bottom: 15px;
  inset: 0;
  transition: opacity 0.25s ease, transform 0.25s ease;
}
.tab-module-product .container .item a .icon-default img, .tab-module-product .container .item a .icon-hover img {
  width: 50px;
  height: 50px;
}
.tab-module-product .container .item a .icon-default {
  display: flex;
}
.tab-module-product .container .item a .icon-hover {
  opacity: 0;
  transform: scale(0.85);
  display: none;
}
.tab-module-product .container .item a .title-name {
  font-size: var(--fs-text-small);
  font-family: "Inter-Semibold", sans-serif;
  font-weight: 600;
  line-height: 1.5;
}
.tab-module-product .container .item a .title-name font {
  font-size: var(--fs-text-small);
  font-family: "Inter-Semibold", sans-serif;
  font-weight: 600;
  line-height: 1.5;
}

.view-all {
  width: 160px;
  height: 49px;
  border: 1px solid #DE9F38;
  display: flex;
  gap: 10px;
  align-items: center;
  line-height: 1;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  color: #DE9F38;
  justify-content: center;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
}
.view-all font {
  font-size: 14px;
}
@media (max-width: 767px) {
  .view-all {
    height: 35px;
    width: 140px;
  }
}
.view-all:after {
  content: "";
  width: 50%;
  height: 100%;
  background: #DE9F38;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  clip-path: circle(0% at -150% 50%);
  transition: clip-path 0.5s linear;
}
.view-all:before {
  content: "";
  width: 50%;
  height: 100%;
  background: #DE9F38;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  clip-path: circle(0% at 150% 50%);
  transition: clip-path 0.5s linear;
}
.view-all span {
  font-weight: 700;
}
.view-all span font {
  font-weight: 700;
}
.view-all span,
.view-all svg {
  z-index: 2;
  position: relative;
}
.view-all svg {
  margin-top: -3px;
}
.view-all:hover span {
  color: rgb(255, 255, 255);
}
.view-all:hover svg {
  fill: rgb(255, 255, 255);
}
.view-all:hover svg path {
  stroke: rgb(255, 255, 255);
}
.view-all:hover:after {
  clip-path: circle(100% at 50% 50%);
}
.view-all:hover:before {
  clip-path: circle(100% at 50% 50%);
}

input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
}

.hidden {
  display: none;
}

.show {
  display: block;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  background: transparent;
  transition: background 0.3s ease;
}
header .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
header .container .logo-item {
  width: 157px;
  aspect-ratio: 157/72;
}
@media (max-width: 768px) {
  header .container .logo-item {
    width: 90px;
  }
}
header .container .middle-header nav .menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: clamp(10px, 1.5625vw, 30px);
  list-style: none;
}
header .container .middle-header nav .menu > li {
  position: relative;
}
header .container .middle-header nav .menu > li.active > a {
  color: #DE9F38;
}
header .container .middle-header nav .menu > li > a:hover, header .container .middle-header nav .menu > li > a.active {
  color: #DE9F38;
}
header .container .middle-header nav .menu > li > a:hover font, header .container .middle-header nav .menu > li > a.active font {
  color: #DE9F38;
}
@media (min-width: 1200px) {
  header .container .middle-header nav .menu > li:hover .menu-sub {
    opacity: 1;
    transition: all 0.3s ease;
    transform: translateY(0px);
    pointer-events: all;
  }
}
header .container .middle-header nav .menu > li a {
  color: rgb(255, 255, 255);
  text-align: center;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-text);
  text-transform: uppercase;
  padding: 35px 0;
  transition: padding 0.3s ease;
}
header .container .middle-header nav .menu > li a font {
  color: rgb(255, 255, 255);
  font-family: "Inter-Semibold", sans-serif;
}
header .container .middle-header nav .menu > li.lang-search {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
}
@media (max-width: 1200px) {
  header .container .middle-header nav .menu > li.lang-search {
    display: none;
  }
}
header .container .middle-header nav .menu > li.lang-search .language {
  cursor: pointer;
}
header .container .middle-header nav .menu > li.lang-search .language .flex-lang span {
  display: flex;
  width: 41px;
  height: 41px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-text);
  text-transform: uppercase;
}
header .container .middle-header nav .menu > li.lang-search .language .flex-lang span.active {
  display: none;
}
header .container .middle-header nav .menu > li.lang-search .search-action .icon {
  width: 41px;
  height: 41px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #DE9F38;
}
header .container .middle-header nav .menu > li.lang-search .search-action .icon svg {
  padding: 2px;
}
header .container .middle-header nav .touch-menu {
  display: none;
}
@media (max-width: 1200px) {
  header .container .middle-header nav .touch-menu {
    display: block;
    height: 36px;
    width: 36px;
    position: absolute;
    z-index: 1000;
    bottom: 35px;
    right: 15px;
  }
}
@media (max-width: 1200px) and (min-width: 701px) and (max-width: 1190px) {
  header .container .middle-header nav .touch-menu {
    bottom: 20px;
    right: 60px;
  }
}
@media (max-width: 1200px) and (max-width: 767px) {
  header .container .middle-header nav .touch-menu {
    top: 11px;
  }
}
@media (max-width: 1200px) {
  header .container .middle-header nav .touch-menu span {
    display: block;
    width: 28px;
    height: 2px;
    background: rgb(255, 255, 255);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 2px;
    transition: transform 0.5s linear;
  }
  header .container .middle-header nav .touch-menu span:before, header .container .middle-header nav .touch-menu span:after {
    display: block;
    width: 32px;
    height: 2px;
    background: rgb(255, 255, 255);
    position: absolute;
    top: 50%;
    content: "";
    transform: translateY(-50%);
    transition: transform 0.5s linear, opacity 0.5s linear;
  }
  header .container .middle-header nav .touch-menu span:after {
    top: initial;
    bottom: -9px;
  }
  header .container .middle-header nav .touch-menu span:before {
    top: -7px;
  }
  header .container .middle-header nav .touch-menu.active span {
    transform: rotate(-45deg);
    width: 32px;
  }
  header .container .middle-header nav .touch-menu.active span:before {
    opacity: 0;
  }
  header .container .middle-header nav .touch-menu.active span:after {
    transform: rotate(90deg);
    top: 0;
  }
}
@media (min-width: 768px) {
  header .container .middle-header .collapsible-plus {
    display: none;
  }
}
header .container .middle-header .menu-sub {
  position: absolute;
  opacity: 0;
  top: 100%;
  left: 0;
  transform: translateY(10px);
  list-style: none;
  padding: 10px 15px;
  white-space: nowrap;
  border-radius: 6px;
  border: 1px solid #C7C7C9;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(15px);
  pointer-events: none;
  min-width: 200px;
}
@media (max-width: 1200px) {
  header .container .middle-header .menu-sub {
    display: none;
    position: static;
    transform: none;
    padding: 0 10px;
    box-shadow: none;
    border: none;
    opacity: 1;
    pointer-events: all;
  }
}
header .container .middle-header .menu-sub > li > a {
  padding: 10px 0 !important;
  color: #383934 !important;
  font-family: "Inter-Regular", sans-serif !important;
  font-weight: 400;
  font-size: var(--fs-text) !important;
  border-bottom: 1px solid #c9c9c9;
  text-transform: none !important;
}
header .container .middle-header .menu-sub > li > a font {
  color: #383934 !important;
  font-family: "Inter-Regular", sans-serif !important;
  font-weight: 400;
  font-size: var(--fs-text) !important;
}
@media (max-width: 1200px) {
  header .container .middle-header .menu-sub > li > a {
    font-family: "Inter-Regular", sans-serif !important;
    font-weight: 400 !important;
    text-align: left !important;
    border-bottom: none !important;
    padding-left: 10px !important;
  }
}
header .container .middle-header .menu-sub > li:last-child a {
  border-bottom: none !important;
}
header .container .middle-header .menu-sub > li a:hover {
  color: #DE9F38 !important;
}
header .container .middle-header .menu-sub > li a:hover font {
  color: #DE9F38 !important;
}
header .container .middle-header .menu-sub.sub-product {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  min-width: 858px;
  gap: 50px;
  padding: 25px 40px;
}
@media (max-width: 1200px) {
  header .container .middle-header .menu-sub.sub-product {
    display: none;
    min-width: unset;
    width: 100%;
    padding: 0 10px;
    opacity: 1;
    border: none;
  }
}
header .container .middle-header .menu-sub.sub-product > li {
  width: calc((100% - 150px) / 4);
}
@media (max-width: 1200px) {
  header .container .middle-header .menu-sub.sub-product > li {
    width: 100%;
  }
}
header .container .middle-header .menu-sub.sub-product > li > a {
  padding-top: 0 !important;
  border-color: #DE9F38 !important;
  font-family: "Inter-Bold", sans-serif;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}
@media (max-width: 1200px) {
  header .container .middle-header .menu-sub.sub-product > li > a {
    font-family: "Inter-Regular", sans-serif !important;
    font-weight: 400 !important;
    text-align: left;
    border-bottom: none !important;
    padding-left: 10px !important;
  }
}
header .container .middle-header .menu-sub.sub-product > li:last-child > a {
  border-bottom: 1px solid #DE9F38 !important;
}
@media (max-width: 1200px) {
  header .container .middle-header .menu-sub.sub-product > li:last-child > a {
    border-bottom: none !important;
  }
}
header .container .middle-header .menu-sub.sub-product > li .list-sub-menu {
  margin-top: 20px;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media (max-width: 1180px) {
  header .container .middle-header .menu-sub.sub-product > li .list-sub-menu {
    display: none;
    position: initial;
    opacity: 1;
    pointer-events: all;
    background: initial;
    border-radius: 0;
    transform: translateY(0);
    margin: 5px 0;
    margin-bottom: 10px;
  }
  header .container .middle-header .menu-sub.sub-product > li .list-sub-menu li {
    padding-left: 15px !important;
  }
}
@media (max-width: 1180px) and (max-width: 1200px) {
  header .container .middle-header .menu-sub.sub-product > li .list-sub-menu li {
    margin-bottom: 10px;
  }
}
@media (max-width: 1180px) {
  header .container .middle-header .menu-sub.sub-product > li .list-sub-menu li:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
  header .container .middle-header .menu-sub.sub-product > li .list-sub-menu li:last-child {
    padding-bottom: 0 !important;
  }
}
header .container .middle-header .menu-sub.sub-product > li .list-sub-menu > li > a {
  color: #383934 !important;
  font-family: "Inter-Regular", sans-serif !important;
  font-family: 400 !important;
  font-size: var(--fs-text) !important;
  padding: 0 !important;
  text-transform: none !important;
}
header .container .middle-header .menu-sub.sub-product > li .list-sub-menu > li > a font {
  color: #383934 !important;
  font-family: "Inter-Regular", sans-serif !important;
  font-family: 400 !important;
  font-size: var(--fs-text) !important;
}
@media (max-width: 1200px) {
  header .container .middle-header .menu-sub.sub-product > li .list-sub-menu > li > a {
    text-align: left;
  }
}
header .container .middle-header .menu-sub.sub-product > li .list-sub-menu > li > a:hover {
  color: #DE9F38 !important;
}
header .container .middle-header .menu-sub.sub-product > li .list-sub-menu > li > a:hover font {
  color: #DE9F38 !important;
}
header.sticky {
  background: rgb(43, 43, 43);
  transition: background 0.3s ease;
}
header.sticky .container .logo-item {
  width: 120px;
  transition: width 0.3s ease;
}
header.sticky .container .middle-header nav .menu > li a {
  padding: 20px 0;
  transition: padding 0.3s ease;
}
header.sticky-mobile {
  position: sticky;
  background: rgb(43, 43, 43);
  transition: background 0.3s ease;
}
@media (max-width: 767px) {
  header.sticky-mobile {
    padding: 10px 0;
  }
}
@media (max-width: 1180px) {
  header .collapsible-plus {
    width: 26px;
    height: 26px;
    background: transparent;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 5px;
    right: 5px;
  }
  header .collapsible-plus svg {
    fill: #DE9F38;
  }
  header .collapsible-plus svg path {
    fill: #DE9F38;
  }
  header .collapsible-plus.active svg {
    transform: rotate(180deg);
  }
  header .right-top {
    display: flex;
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
  }
  header .menu {
    position: fixed;
    top: 75px;
    left: 0;
    height: 100vh;
    width: 40vw;
    display: block;
    background: rgb(255, 255, 255);
    padding: var(--fs-title-name);
    z-index: 1000;
    overflow: auto;
    padding: 0 10px;
    flex-direction: column !important;
    gap: 0 !important;
    overflow: hidden;
  }
}
@media (max-width: 1180px) and (min-width: 701px) {
  header .menu {
    right: calc((100vw - var(--w-container)) / 2 - 15px);
    left: initial;
    width: 350px;
    height: initial;
    border-top: 2px solid #DE9F38;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
@media (max-width: 1180px) {
  header .menu li:last-child {
    border-bottom: 0;
  }
  header .menu > li {
    position: relative;
    list-style: none;
    border-bottom: 1px solid #BDBDBD;
    width: 100%;
  }
  header .menu > li.hotline-action, header .menu > li.search-action, header .menu > li.language {
    display: none;
  }
}
@media (max-width: 1180px) and (min-width: 701px) and (max-width: 1190px) {
  header .menu > li:first-child a svg {
    fill: #fff;
  }
}
@media (max-width: 1180px) {
  header .menu > li .icon {
    display: none;
  }
  header .menu > li > a {
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 7.5px !important;
    display: block;
    border-radius: 4px;
    color: #383934 !important;
    background: rgb(255, 255, 255);
    text-align: left !important;
  }
  header .menu > li > a svg {
    fill: #DE9F38;
  }
  header .menu > li > a svg path {
    stroke: #DE9F38;
  }
}
@media (max-width: 1180px) and (min-width: 701px) {
  header .menu > li:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 1180px) {
  header .menu > li ul {
    display: none;
  }
  header .menu > li ul li a {
    display: block;
    padding: 7.5px 0;
    font-size: 15px;
    color: #383934;
    font-weight: 500;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  header .menu > li ul li:last-child a {
    border-bottom: none;
  }
  header .menu > li .menu-sub-3 {
    display: none;
  }
}
@media (max-width: 1180px) and (min-width: 701px) and (max-width: 1190px) {
  header .menu > li .menu-sub-3 {
    overflow: hidden;
  }
  header .menu > li .menu-sub-3 li {
    float: left;
    width: calc((100% - 30px) / 3);
    border-radius: 5px;
    background: #e9e9e9;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 5px;
    margin: 10px 5px 0px 5px;
  }
  header .menu > li .menu-sub-3 li a {
    min-height: 55px;
    text-align: center;
  }
  header .menu > li .menu-sub-3 li .icon {
    aspect-ratio: 1;
    height: 35px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header .menu > li .menu-sub-3 li .icon img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    width: initial;
    height: initial;
  }
}
@media (max-width: 1180px) {
  header .menu > li .menu-sub-3 .flex {
    flex-wrap: wrap;
    gap: 10px;
    display: flex;
    padding: 10px 0;
  }
  header .menu > li .menu-sub-3 .flex .item {
    list-style: none;
    width: calc((100% - var(--fs-title-name)) / 3);
    border-radius: 5px;
    background: #e9e9e9;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 5px;
  }
  header .menu > li .menu-sub-3 .flex .item .icon {
    aspect-ratio: 1;
    height: 35px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header .menu > li .menu-sub-3 .flex .item .icon img {
    object-fit: contain;
    width: 100%;
    height: 100%;
  }
  header .menu > li .menu-sub-3 .flex .item a {
    border: none;
    font-size: 12px;
    text-align: center;
    padding: 0;
  }
}
@media (max-width: 1180px) and (min-width: 701px) and (max-width: 1190px) {
  header .menu > li .sub-default li > svg {
    display: none;
  }
}
@media (max-width: 1180px) {
  header .menu > li.home .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 60px;
    margin-bottom: 15px;
    background: transparent;
    padding: 0;
  }
  header .menu.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    max-height: 100vh;
    transition: all 0.7s ease;
  }
}
@media (max-width: 1180px) and (min-width: 701px) {
  header .menu.active {
    left: initial;
  }
}
@media (max-width: 1180px) {
  header .sub-product li a {
    padding: 10px 7.5px !important;
  }
  header .bg-black {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    display: block;
    background: #383934;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
  }
  header .bg-black.active {
    opacity: 0.9;
    visibility: visible;
  }
  header .touch-menu {
    display: block;
    height: 36px;
    width: 36px;
    position: absolute;
    z-index: 999;
    bottom: 35px;
    right: 15px;
  }
}
@media (max-width: 1180px) and (min-width: 701px) and (max-width: 1190px) {
  header .touch-menu {
    bottom: 30px;
    right: 60px;
  }
}
@media (max-width: 1180px) and (max-width: 767px) {
  header .touch-menu {
    top: 13px;
  }
}
@media (max-width: 1180px) {
  header .touch-menu span {
    display: block;
    width: 28px;
    height: 2px;
    background: #383934;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 2px;
    transition: transform 0.5s linear;
  }
  header .touch-menu span:before, header .touch-menu span:after {
    display: block;
    width: 32px;
    height: 2px;
    background: #383934;
    position: absolute;
    top: 50%;
    content: "";
    transform: translateY(-50%);
    transition: transform 0.5s linear, opacity 0.5s linear;
  }
  header .touch-menu span:after {
    top: initial;
    bottom: -9px;
  }
  header .touch-menu span:before {
    top: -7px;
  }
  header .touch-menu.active span {
    transform: rotate(-45deg);
    width: 32px;
  }
  header .touch-menu.active span:before {
    opacity: 0;
  }
  header .touch-menu.active span:after {
    transform: rotate(90deg);
    top: 0;
  }
  header.fixed .touch-menu {
    bottom: 18px;
  }
}
@media (max-width: 767px) {
  header .menu {
    width: 100vw;
    top: 75px;
    height: initial;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.3s ease;
  }
  header > .item {
    display: flex;
    align-items: center;
    gap: 5px;
  }
  header > .item .text {
    color: #fff;
    line-height: 1;
  }
  header > .item .text div {
    font-size: 12px;
  }
  header > .item .text strong {
    font-size: 12px;
  }
  header > .item svg {
    height: 24px;
  }
  header > .item svg path {
    stroke: #fff;
  }
}

.bg-black {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  display: block;
  background: #383934;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
}
.bg-black.active {
  opacity: 0.9;
  visibility: visible;
}

.search-complete {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  background-color: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: center;
  gap: 10px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s linear, height 0.3s linear;
  z-index: 10;
  padding-right: 125px;
  border-bottom: 2px solid #DE9F38;
}
@media (max-width: 767px) {
  .search-complete {
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .search-complete {
    gap: 10px;
    top: 100%;
    padding: 0 15px;
  }
}
.search-complete.active {
  padding-top: 10px;
  padding-bottom: 10px;
  pointer-events: all;
  opacity: 1;
  height: var(--h-header2);
}
@media (max-width: 767px) {
  .search-complete.active {
    height: 40px;
  }
}
.search-complete form {
  position: relative;
  background-color: #fff;
  width: 35%;
  height: 40px;
  border-radius: 6px;
  border: 1px solid #DE9F38;
}
@media (max-width: 767px) {
  .search-complete form {
    height: 35px;
    width: 100%;
  }
}
.search-complete form input {
  width: 100%;
  height: 100%;
  padding-left: 15px;
  font-size: var(--fs-text);
}
@media (max-width: 767px) {
  .search-complete form input {
    font-size: var(--fs-text);
  }
}
.search-complete form button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}
.search-complete form button svg {
  width: 15px;
  height: 15px;
}
@media (max-width: 767px) {
  .search-complete form button {
    right: 10px;
  }
  .search-complete form button svg {
    height: 13px;
  }
}
.search-complete form button:hover svg {
  fill: #014763;
}
.search-complete .search-exit {
  width: var(--fs-title-name);
  height: var(--fs-title-name);
  cursor: pointer;
}
@media (max-width: 767px) {
  .search-complete .search-exit {
    width: 15px;
    height: 15px;
  }
}
.search-complete .search-exit svg {
  width: 100%;
  height: 100%;
}
.search-complete .search-exit svg path {
  fill: #DE9F38;
  stroke: #DE9F38;
}
.search-complete .search-exit:hover svg {
  fill: #014763;
}

.scroll-down {
  position: absolute;
  bottom: 30px;
  left: 30px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  z-index: 1;
}
@media (max-width: 1200px) {
  .scroll-down {
    display: none;
  }
}
.scroll-down svg path:nth-last-child(-n+2) {
  animation: arrowMove 1.5s infinite;
}

@keyframes arrowMove {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(10px);
    opacity: 0;
  }
}
.banner {
  width: 100%;
  position: relative;
  z-index: 1;
}
.banner.banner-product::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(1, 71, 99, 0.7);
  z-index: 1;
}
.banner.banner-product .title-slide {
  margin-bottom: 60px;
}
.banner.banner-product .title-slide h1, .banner.banner-product .title-slide p {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title-about-index-2);
  text-align: center;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
}
.banner.banner-product .infor-prd {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.banner.banner-product .infor-prd .flex-module-product {
  width: var(--w-container);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.banner.banner-product .infor-prd .flex-module-product .card-md {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.banner.banner-product .infor-prd .flex-module-product .card-md .icon {
  width: 155px;
  height: 155px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  border-radius: 50%;
  border: 4px solid #FFFFFF;
  margin-bottom: 15px;
  position: relative;
}
.banner.banner-product .infor-prd .flex-module-product .card-md .icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.banner.banner-product .infor-prd .flex-module-product .card-md .icon img .img-default {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.banner.banner-product .infor-prd .flex-module-product .card-md .icon img.img-hover {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.banner.banner-product .infor-prd .flex-module-product .card-md .title-name a {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-text);
  text-align: center;
  color: rgb(255, 255, 255);
}
.banner.banner-product .infor-prd .flex-module-product .card-md:hover .icon {
  background: rgb(255, 255, 255);
}
.banner.banner-product .infor-prd .flex-module-product .card-md:hover .icon .img-default {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.banner.banner-product .infor-prd .flex-module-product .card-md:hover .icon .img-hover {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.banner.banner-product .infor-prd .flex-module-product .card-md:hover .title-name {
  color: rgb(255, 255, 255);
}
.banner.banner-product .infor-prd .flex-module-product .card-md:hover .title-name a {
  color: rgb(255, 255, 255);
}
.banner.banner-2 {
  position: relative;
}
.banner.banner-2 .slide-index {
  aspect-ratio: 1920/792;
}
@media (max-width: 1199px) {
  .banner.banner-2 .slide-index {
    aspect-ratio: 1920/424;
  }
}
@media (max-width: 800px) {
  .banner.banner-2 .slide-index {
    aspect-ratio: 1920/424;
    background-size: 200%;
  }
}
@media (max-width: 767px) {
  .banner.banner-2 .slide-index {
    aspect-ratio: 540/340;
  }
}
.banner.banner-2 .slide-index .item {
  aspect-ratio: 1920/792;
  max-height: 100%;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}
@media (max-width: 1199px) {
  .banner.banner-2 .slide-index .item {
    aspect-ratio: 1920/424;
  }
}
@media (max-width: 800px) {
  .banner.banner-2 .slide-index .item {
    aspect-ratio: 1920/424;
    background-size: 200%;
  }
}
@media (max-width: 767px) {
  .banner.banner-2 .slide-index .item {
    aspect-ratio: 540/340;
  }
}
.banner.banner-2 .slide-index .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner.banner-2 .slide-index .item .infor {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: var(--size-section-module);
  width: 100%;
}
.banner.banner-2 .slide-index .item .infor .title-slide {
  margin-bottom: 0px;
}
.banner.banner-2 .slide-index .item .infor .title-slide h1, .banner.banner-2 .slide-index .item .infor .title-slide p {
  color: rgb(255, 255, 255);
  text-align: center;
  font-family: "CormorantGaramond-Bold", sans-serif;
  font-size: clamp(30px, 4.53vw, var(--fs-title-slide-2));
  line-height: 1;
}
.banner.banner-2 .slide-index .item .infor .title-slide h1 font, .banner.banner-2 .slide-index .item .infor .title-slide p font {
  color: rgb(255, 255, 255);
  text-align: center;
  font-family: "CormorantGaramond-Bold", sans-serif;
  font-size: var(--fs-title-slide-2);
}
.banner.banner-2 .slide-index .item .infor .breadcrumb-banner {
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}
@media (max-width: 767px) {
  .banner.banner-2 .slide-index .item .infor .breadcrumb-banner {
    row-gap: 10px;
  }
}
.banner.banner-2 .slide-index .item .infor .breadcrumb-banner li {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 18px;
  color: rgb(255, 255, 255);
  padding: 0 15px;
  border-left: 1px solid rgb(255, 255, 255);
}
@media (max-width: 767px) {
  .banner.banner-2 .slide-index .item .infor .breadcrumb-banner li {
    font-size: 14px;
  }
}
.banner.banner-2 .slide-index .item .infor .breadcrumb-banner li:first-child {
  padding-left: 0;
  border-left: none;
}
.banner.banner-2 .slide-index .item .infor .breadcrumb-banner li a {
  font-family: "Inter-Regular", sans-serif;
  font-size: 18px;
  color: rgb(255, 255, 255);
}
@media (max-width: 767px) {
  .banner.banner-2 .slide-index .item .infor .breadcrumb-banner li a {
    font-size: 14px;
  }
}
.banner.banner-2 .slide-index .item .infor .breadcrumb-banner li a:hover {
  color: #DE9F38;
}
.banner .slide-index {
  aspect-ratio: initial;
  overflow: hidden;
  position: relative;
}
.banner .slide-index .owl-carousel {
  position: initial;
}
.banner .slide-index .owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  overflow: hidden;
  z-index: 1;
}
.banner .slide-index .owl-theme .owl-nav [class*=owl-].owl-prev {
  left: -40px;
}
.banner .slide-index .owl-theme .owl-nav [class*=owl-].owl-next {
  right: -40px;
}
.banner .slide-index .owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent;
}
.banner .slide-index .owl-theme .owl-nav [class*=owl-]:hover svg path {
  fill: #DE9F38;
}
@media (min-width: 1200px) {
  .banner .slide-index .owl-carousel {
    position: initial;
  }
  .banner .slide-index .owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    overflow: hidden;
    z-index: 1;
  }
  .banner .slide-index .owl-theme .owl-nav [class*=owl-].owl-prev {
    left: -40px;
  }
  .banner .slide-index .owl-theme .owl-nav [class*=owl-].owl-next {
    right: -40px;
  }
  .banner .slide-index .owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
  }
  .banner .slide-index .owl-theme .owl-nav [class*=owl-]:hover svg path {
    fill: #DE9F38;
  }
}
.banner .slide-index {
  aspect-ratio: 1925/968;
}
@media (max-width: 767px) {
  .banner .slide-index {
    aspect-ratio: 9/5;
  }
}
.banner .slide-index .banner-video {
  width: 100%;
  position: relative;
  aspect-ratio: initial;
  height: 100vh;
}
.banner .slide-index .banner-video:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.banner .slide-index .banner-video iframe,
.banner .slide-index .banner-video video {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: block;
  z-index: -1;
}
.banner .slide-index .banner-video .infor {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  z-index: 2;
  transform: translate(-50%, -50%);
  padding: 0 15px;
}
@media (max-width: 767px) {
  .banner .slide-index .banner-video .infor {
    width: 100%;
    bottom: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.banner .slide-index .banner-video .infor .subname {
  color: rgb(255, 255, 255);
  font-size: 55px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.banner .slide-index .banner-video .infor .subname font {
  font-weight: 600;
}
@media (max-width: 1600px) {
  .banner .slide-index .banner-video .infor .subname {
    font-size: 40px;
  }
}
@media (max-width: 1400px) {
  .banner .slide-index .banner-video .infor .subname {
    font-size: 30px;
  }
}
@media (max-width: 1199px) {
  .banner .slide-index .banner-video .infor .subname {
    font-size: var(--fs-title-name);
  }
}
@media (max-width: 900px) {
  .banner .slide-index .banner-video .infor .subname {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .banner .slide-index .banner-video .infor .subname {
    font-size: 14px;
    margin-bottom: 5px;
  }
}
.banner .slide-index .banner-video .infor .title-slide {
  color: rgb(255, 255, 255);
  font-size: var(--fs-big-banner);
  line-height: 1;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.banner .slide-index .banner-video .infor .title-slide p {
  font-size: var(--fs-big-banner);
  font-weight: 700;
}
.banner .slide-index .banner-video .infor .title-slide p font {
  font-size: var(--fs-big-banner);
  font-weight: 700;
}
@media (max-width: 1199px) {
  .banner .slide-index .banner-video .infor .title-slide {
    line-height: 1.5;
  }
}
@media (max-width: 900px) {
  .banner .slide-index .banner-video .infor .title-slide {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .banner .slide-index .banner-video .infor .title-slide {
    margin-bottom: 5px;
  }
}
.banner .slide-index .banner-video .infor .description p {
  color: #fff;
  font-size: var(--fs-banner);
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  line-height: 1.5;
}
.banner .slide-index .banner-video .infor .description p font {
  font-size: var(--fs-banner);
}
@media (max-width: 767px) {
  .banner .slide-index .banner-video .infor .description p {
    padding: 0 15px;
  }
}
.banner .slide-index .owl-nav .before {
  animation-name: show100;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  fill: none !important;
  stroke: rgb(255, 255, 255);
  stroke-width: 1;
  opacity: 0.5;
  stroke-dasharray: 570;
  stroke-dashoffset: 570;
  transform-origin: 50% 50%;
}
.banner .slide-index .owl-nav .after {
  fill: none !important;
  stroke: rgb(255, 255, 255);
  stroke-width: 1;
  stroke-dasharray: 570;
  stroke-dashoffset: 570;
  transform-origin: 50% 50%;
}
.banner .slide-index .owl-next, .banner .slide-index .owl-prev {
  position: absolute;
  background: transparent;
  opacity: 1;
  color: rgb(255, 255, 255);
  display: block;
  transform-origin: center center;
  transition: all 0.3s ease-in-out;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .banner .slide-index .owl-next, .banner .slide-index .owl-prev {
    width: 50px;
    height: 50px;
  }
}
.banner .slide-index .owl-next svg, .banner .slide-index .owl-prev svg {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.banner .slide-index .owl-next::before, .banner .slide-index .owl-prev::before {
  content: "";
  width: 60%;
  height: 60%;
  position: absolute;
  left: 20%;
  top: 20%;
  border-radius: 50%;
  transform: scale(0);
  z-index: -1;
  transition: all 0.3s ease-in-out;
}
.banner .slide-index .owl-next:hover, .banner .slide-index .owl-prev:hover {
  background-color: transparent;
  box-shadow: none;
  color: #DE9F38;
  border-color: transparent;
  opacity: 1;
}
.banner .slide-index .owl-next:hover::before, .banner .slide-index .owl-prev:hover::before {
  transform: scale(1);
  background-color: rgb(255, 255, 255);
  box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
}
.banner .slide-index .owl-next:hover .before, .banner .slide-index .owl-prev:hover .before {
  stroke-width: 0;
}
.banner .slide-index .owl-next:hover .after, .banner .slide-index .owl-prev:hover .after {
  animation-name: show100;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  stroke: rgb(255, 255, 255);
}
.banner .slide-index .owl-prev {
  left: 50px !important;
}
.banner .slide-index .owl-prev svg {
  transform: scaleX(-1);
}
@media (max-width: 767px) {
  .banner .slide-index .owl-prev {
    left: 15px !important;
  }
}
.banner .slide-index .owl-next {
  right: 50px !important;
}
@media (max-width: 767px) {
  .banner .slide-index .owl-next {
    right: 15px !important;
  }
}
.banner .slide-index .item {
  width: 100%;
  position: relative;
  aspect-ratio: initial;
  aspect-ratio: 1925/968;
  max-height: 100%;
  background-size: cover;
  background-attachment: fixed;
  z-index: 2;
}
@media (max-width: 767px) {
  .banner .slide-index .item {
    aspect-ratio: 9/5;
  }
}
.banner .slide-index .item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(56, 57, 52, 0.8) 10%, rgba(56, 57, 52, 0) 50%, rgba(56, 57, 52, 0) 70%, #383934 100%);
  mix-blend-mode: multiply;
  z-index: 1;
}
@media (max-width: 767px) {
  .banner .slide-index .item::before {
    width: 100%;
  }
}
.banner .slide-index .item .img {
  width: 100%;
  height: 100%;
}
.banner .slide-index .item .img img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 767px) {
  .banner .slide-index .item .img img {
    object-position: right;
  }
}
.banner .slide-index .item .infor {
  position: absolute;
  bottom: 56px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
}
.banner .slide-index .item .infor .subtitle {
  color: rgb(255, 255, 255);
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: var(--fs-subtitle-slide);
  text-transform: uppercase;
  margin-bottom: 0;
}
.banner .slide-index .item .infor .subtitle p {
  color: rgb(255, 255, 255);
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: var(--fs-subtitle-slide);
  text-transform: uppercase;
}
.banner .slide-index .item .infor .subtitle p font {
  color: rgb(255, 255, 255);
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: var(--fs-subtitle-slide);
  text-transform: uppercase;
}
.banner .slide-index .item .infor .title-slide {
  color: rgb(255, 255, 255);
  text-align: center;
  font-family: "CormorantGaramond-Bold", sans-serif;
  font-size: var(--fs-title-slide);
  line-height: 1.2;
  margin-bottom: 30px;
}
.banner .slide-index .item .infor .title-slide font {
  color: rgb(255, 255, 255);
  text-align: center;
  font-family: "CormorantGaramond-Bold", sans-serif;
  font-size: var(--fs-title-slide);
}
.banner .srcoll-down {
  position: absolute;
  width: 86px;
  height: 86px;
  left: 50px;
  bottom: 30px;
  pointer-events: none;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(255, 255, 255);
  transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
  z-index: 15;
}
@media (max-width: 767px) {
  .banner .srcoll-down {
    width: 40px;
    height: 40px;
    left: 15px;
    bottom: 15px;
  }
}
.banner .srcoll-down::before {
  content: "";
  position: absolute;
  transform: scale(0);
  width: 50%;
  height: 50%;
  left: 25%;
  top: 25%;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}
.banner .srcoll-down::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border: 1px solid rgb(255, 255, 255);
  transition: all 0.3s ease-in-out;
  border-radius: 50%;
}
.banner .srcoll-down svg {
  width: 10px;
  height: 10px;
  left: 20%;
  top: 20%;
  display: block;
  animation: trackBallSlide 3s alternate infinite;
  transition: all 0.3s ease-in-out;
  z-index: 3;
}
.banner .srcoll-down svg path {
  transition: fill 0.3s ease;
}
.banner .srcoll-down span {
  position: absolute;
  width: 85%;
  height: 85%;
  left: 8%;
  top: 8%;
  z-index: 2;
  background: url("/html/assets/images/scroll-down.svg") no-repeat 50%/100%;
  animation: Rotate 10s linear infinite;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .banner .srcoll-down span {
    left: 10.5%;
    top: 10%;
  }
}
.banner .srcoll-down.show {
  pointer-events: auto;
  cursor: pointer;
  opacity: 1;
}
.banner .srcoll-down.show:hover::before {
  transform: scale(1);
  background-color: rgb(255, 255, 255);
  box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
}
.banner .srcoll-down.show:hover svg {
  fill: #DE9F38;
  animation-play-state: paused;
}
.banner .srcoll-down.show:hover svg path {
  fill: #DE9F38;
  transition: fill 0.3s ease;
}

@keyframes Rotate {
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes trackBallSlide {
  90% {
    transform: none;
  }
  95% {
    transform: translateY(0.8rem);
  }
  100% {
    transform: none;
  }
}
@keyframes show100 {
  0% {
    stroke-dashoffset: 570;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.banner-module {
  position: relative;
  aspect-ratio: 1920/590;
}
.banner-module .slide-index {
  aspect-ratio: 1920/590;
}
@media (max-width: 700px) {
  .banner-module {
    aspect-ratio: 1900/400;
  }
}
@media (max-width: 767px) {
  .banner-module {
    aspect-ratio: 390/200;
  }
}
.banner-module .title-module {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.banner-module .image-frame {
  position: relative;
  height: 100%;
}
.banner-module .image-frame .item {
  position: relative;
  z-index: 2;
  height: 100%;
  overflow: hidden;
}
.banner-module .image-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-module.fixed .image-frame {
  width: 100%;
}
.banner-module.no-banner {
  aspect-ratio: 1900/373;
}
@media (max-width: 700px) {
  .banner-module.no-banner {
    aspect-ratio: 1900/600;
  }
}
@media (max-width: 767px) {
  .banner-module.no-banner {
    aspect-ratio: 390/200;
  }
}

.breadcrumb {
  margin: 20px 0;
}
.breadcrumb ul {
  display: flex;
  gap: 10px;
  list-style: none;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .breadcrumb ul {
    row-gap: 5px;
  }
}
.breadcrumb ul li {
  display: flex;
  align-items: center;
}
.breadcrumb ul li svg {
  margin-left: 10px;
}
.breadcrumb ul li a {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text-small);
  color: #383934;
}
.breadcrumb ul li a:hover {
  color: #DE9F38;
}
.breadcrumb ul li span {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text-small);
  color: #383934;
}

.line-effect {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .line-effect {
    margin-bottom: 15px;
  }
}
.line-effect .line {
  width: 93px;
  height: 2px;
  background: #DE9F38;
}
.line-effect .icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.line-effect .icon svg {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}

.about-index .grid-ab-index {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 84px;
}
@media (min-width: 990px) and (max-width: 1200px) {
  .about-index .grid-ab-index {
    gap: 20px;
  }
}
@media (max-width: 990px) {
  .about-index .grid-ab-index {
    gap: 15px;
    flex-direction: column;
  }
}
.about-index .grid-ab-index .left {
  width: calc(50% - 84px);
}
@media (min-width: 990px) and (max-width: 1200px) {
  .about-index .grid-ab-index .left {
    width: calc(50% - 20px);
  }
}
@media (min-width: 768px) and (max-width: 990px) {
  .about-index .grid-ab-index .left {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .about-index .grid-ab-index .left {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.about-index .grid-ab-index .left .sub-title {
  margin-bottom: 15px;
}
.about-index .grid-ab-index .left .title {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .about-index .grid-ab-index .left .title {
    margin-bottom: 15px;
  }
}
.about-index .grid-ab-index .left .title.color-main {
  margin-bottom: 10px;
}
.about-index .grid-ab-index .left .description {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .about-index .grid-ab-index .left .description {
    margin-bottom: 15px;
  }
}
.about-index .grid-ab-index .left .description div, .about-index .grid-ab-index .left .description p {
  color: #383934;
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
  text-align: left;
}
.about-index .grid-ab-index .left .flex-btn-index {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
}
@media (max-width: 1200px) {
  .about-index .grid-ab-index .left .flex-btn-index {
    gap: 10px;
  }
}
.about-index .grid-ab-index .right {
  width: 50%;
  border-radius: 20px;
}
@media (max-width: 990px) {
  .about-index .grid-ab-index .right {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .about-index .grid-ab-index .right {
    width: 100%;
  }
}
.about-index .grid-ab-index .right .img {
  border-radius: 20px;
}
.about-index .grid-ab-index .right .img:hover img {
  transform: scale(1.1);
}
.about-index.about-us-page .grid-ab-index {
  gap: 181px;
}
@media (min-width: 990px) and (max-width: 1200px) {
  .about-index.about-us-page .grid-ab-index {
    gap: 50px;
  }
}
@media (max-width: 989px) {
  .about-index.about-us-page .grid-ab-index {
    gap: 15px;
  }
}
.about-index.about-us-page .grid-ab-index .left {
  width: calc(70% - 181px);
}
@media (min-width: 990px) and (max-width: 1200px) {
  .about-index.about-us-page .grid-ab-index .left {
    width: calc(55% - 50px);
  }
}
@media (max-width: 989px) {
  .about-index.about-us-page .grid-ab-index .left {
    width: 100%;
  }
}
.about-index.about-us-page .grid-ab-index .right {
  width: 30%;
}
@media (min-width: 990px) and (max-width: 1200px) {
  .about-index.about-us-page .grid-ab-index .right {
    width: 45%;
  }
}
@media (max-width: 989px) {
  .about-index.about-us-page .grid-ab-index .right {
    width: 100%;
  }
}
.about-index.about-us-page .grid-ab-index .right .item {
  width: 100%;
  border-radius: 12px;
  border: 1px solid #DBDBDB;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%), url("/html/assets/images/background-gach.png") lightgray 50%/cover no-repeat;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(20px);
  padding: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 990px) {
  .about-index.about-us-page .grid-ab-index .right .item {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .about-index.about-us-page .grid-ab-index .right .item {
    padding: 15px;
  }
}
.about-index.about-us-page .grid-ab-index .right .item .img {
  aspect-ratio: 17/24;
  border: 1px solid #D3D3D3;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .about-index.about-us-page .grid-ab-index .right .item .img {
    margin-bottom: 15px;
  }
}
.about-index.about-us-page .grid-ab-index .right .item .title-name {
  color: #383934;
  font-family: "Inter-Bold", sans-serif;
  text-align: justify;
  font-size: var(--fs-module-tab);
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .about-index.about-us-page .grid-ab-index .right .item .title-name {
    margin-bottom: 15px;
  }
}

.top-ab {
  width: 100%;
  position: relative;
}
.top-ab::after {
  content: "";
  position: absolute;
  bottom: 13.5px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #E6E6E6;
  z-index: -1;
}
.top-ab .list-ct-about {
  position: relative;
  width: var(--w-container);
  margin: 0 auto;
  padding: 0 15px;
}
@media (max-width: 1200px) {
  .top-ab .list-ct-about {
    overflow: hidden;
    width: 100%;
  }
}
.top-ab .list-ct-about .owl-stage {
  display: flex;
}
.top-ab .list-ct-about .owl-stage .owl-item {
  display: flex;
  height: 100%;
  align-self: stretch;
}
.top-ab .list-ct-about .owl-stage .owl-item .item {
  width: 100%;
}
.top-ab .list-ct-about .item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.top-ab .list-ct-about .item .number {
  color: #DE9F38;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-number);
  line-height: 1;
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .top-ab .list-ct-about .item .number {
    margin-bottom: 15px;
  }
}
.top-ab .list-ct-about .item .number span {
  position: absolute;
  top: -12px;
  right: -45px;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-number);
  line-height: 1;
}
@media (max-width: 767px) {
  .top-ab .list-ct-about .item .number span {
    right: -17px;
  }
}
.top-ab .list-ct-about .item .title-name {
  color: #383934;
  text-align: center;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-title-name);
  text-transform: uppercase;
  margin-bottom: 20px;
}
.top-ab .list-ct-about .item .title-name font {
  color: #383934;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-title-name);
}
@media (max-width: 767px) {
  .top-ab .list-ct-about .item .title-name {
    margin-bottom: 15px;
  }
}
.top-ab .list-ct-about .item .desc {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .top-ab .list-ct-about .item .desc {
    margin-bottom: 15px;
  }
}
.top-ab .list-ct-about .item .desc div, .top-ab .list-ct-about .item .desc p {
  text-align: center;
  color: #383934;
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 1.8;
}
.top-ab .list-ct-about .item .dot {
  border-radius: 50%;
  width: 27px;
  height: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 5px solid rgb(255, 255, 255);
  background: #DE9F38;
}
.top-ab.about-us-page::after {
  top: 13.5px;
  bottom: unset;
}
.top-ab.about-us-page .dot {
  margin-bottom: 20px;
}
.top-ab.about-us-page .desc {
  margin-bottom: 0;
}

.advertising-flex .container {
  display: flex;
  flex-direction: row;
  gap: 50px;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .advertising-flex .container {
    gap: 15px;
  }
}
.advertising-flex .container .item {
  width: calc((100% - 150px) / 4);
  display: flex;
  flex-direction: column;
  justify-self: flex-start;
  align-items: center;
}
@media (max-width: 767px) {
  .advertising-flex .container .item {
    width: calc((100% - 15px) / 2);
  }
}
.advertising-flex .container .item .icon {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  border-radius: 16px;
  background: linear-gradient(135deg, #01597F 0%, #01577B 11.11%, #015478 22.22%, #015275 33.33%, #015071 44.44%, #014E6E 55.56%, #014C6A 66.67%, #014967 77.78%, #014763 88.89%, #014560 100%);
  box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.1019607843);
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843);
  backdrop-filter: blur(20px);
  margin-bottom: 20px;
}
.advertising-flex .container .item .title-name {
  font-family: "Inter-Bold", sans-serif;
  color: #383934;
  font-size: var(--fs-title-name);
  text-align: center;
  margin-bottom: 20px;
}
.advertising-flex .container .item .desc {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text-small);
  text-align: center;
}
.advertising-flex .container .item .desc div, .advertising-flex .container .item .desc p {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text-small);
  text-align: center;
}

.view-detail {
  display: flex;
}
.view-detail a:hover span {
  opacity: 0.8;
}
.view-detail a span {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  color: #DE9F38;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-text-small);
  line-height: 1.6;
  font-weight: 600;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .view-detail a span {
    gap: 5px;
  }
}
.view-detail a span:hover {
  color: #383934;
}
.view-detail a span font {
  color: #DE9F38;
  font-family: "Inter-Bold", sans-serif;
  text-transform: uppercase;
  font-size: var(--fs-btn);
}

.description {
  color: #383934;
  text-align: justify;
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
  line-height: 1.5; /* 150% */
}
.description p {
  color: #383934;
  text-align: justify;
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
  line-height: 1.5; /* 150% */
}
.description p font {
  color: #383934;
  text-align: justify;
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
  line-height: 1.5; /* 150% */
}

.box_gioithieu {
  position: relative;
}
.box_gioithieu::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  aspect-ratio: 325/383;
  width: 35%;
  opacity: 1;
  background: url(../images/highlight-left.png) no-repeat;
  background-position: left center;
  background-size: contain;
}
.box_gioithieu .flex-gt {
  display: flex;
  flex-direction: row;
  margin-bottom: 50px;
}
@media (max-width: 990px) {
  .box_gioithieu .flex-gt {
    flex-direction: column;
    margin-bottom: 15px;
  }
}
.box_gioithieu .flex-gt .left {
  width: 52%;
}
@media (max-width: 990px) {
  .box_gioithieu .flex-gt .left {
    width: 100%;
  }
}
.box_gioithieu .flex-gt .left .title-about {
  position: relative;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-title-name);
  text-transform: uppercase;
  color: #DE9F38;
  margin-bottom: 20px;
  padding-left: 80px;
}
@media (max-width: 990px) {
  .box_gioithieu .flex-gt .left .title-about {
    margin-bottom: 15px;
    padding-left: 80px;
  }
}
.box_gioithieu .flex-gt .left .title-about:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 64px;
  height: 1px;
  background: #DE9F38;
}
.box_gioithieu .flex-gt .left .name-about {
  font-family: "Inter-Bold", sans-serif;
  font-weight: 700;
  font-size: var(--fs-title);
  color: #383934;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .box_gioithieu .flex-gt .left .name-about {
    display: block;
  }
  .box_gioithieu .flex-gt .left .name-about br {
    display: none;
  }
}
.box_gioithieu .flex-gt .left .name-about font {
  font-family: "Inter-Bold", sans-serif;
  font-weight: 700;
  font-size: var(--fs-title);
  color: #383934;
}
.box_gioithieu .flex-gt .left .name-about b {
  font-family: "Inter-Bold", sans-serif;
  font-weight: 700;
  font-size: var(--fs-big-title);
  color: #383934;
  line-height: 1.6;
}
@media (max-width: 767px) {
  .box_gioithieu .flex-gt .left .name-about b {
    font-size: var(--fs-title);
    font-family: "Inter-Bold", sans-serif;
  }
  .box_gioithieu .flex-gt .left .name-about b font {
    font-size: var(--fs-title);
    font-family: "Inter-Bold", sans-serif;
  }
}
.box_gioithieu .flex-gt .left .name-about b font {
  font-family: "Inter-Bold", sans-serif;
  font-weight: 700;
  font-size: var(--fs-big-title);
  color: #383934;
}
.box_gioithieu .flex-gt .right {
  width: 48%;
}
@media (max-width: 990px) {
  .box_gioithieu .flex-gt .right {
    width: 100%;
  }
}
.box_gioithieu .flex-gt .right .description {
  margin-bottom: var(--fs-description);
}
.box_gioithieu .flex-gt .right .description div, .box_gioithieu .flex-gt .right .description p {
  font-size: var(--fs-description);
  color: #383934;
  text-align: justify;
}
.box_gioithieu .flex-gt .right .flex-about-index {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .box_gioithieu .flex-gt .right .flex-about-index {
    margin-bottom: 15px;
    flex-direction: column;
    gap: 15px;
  }
}
.box_gioithieu .flex-gt .right .flex-about-index .item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .box_gioithieu .flex-gt .right .flex-about-index .item {
    width: 100%;
    justify-content: center;
    align-items: center;
  }
}
.box_gioithieu .flex-gt .right .flex-about-index .item .icon {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}
.box_gioithieu .flex-gt .right .flex-about-index .item .icon img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.box_gioithieu .flex-gt .right .flex-about-index .item .title-name {
  font-family: "Inter-Bold", sans-serif;
  font-weight: 700;
  font-size: var(--fs-title-name);
  line-height: 1.2;
}
.box_gioithieu .flex-gt .right .flex-about-index .item .title-name font {
  font-size: var(--fs-title-name);
  font-family: "Inter-Bold", sans-serif;
}
.box_gioithieu .flex-gt .right .flex-button {
  justify-content: flex-start;
}
.box_gioithieu .flex-about-index {
  margin-top: 91px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 95px;
}
@media (max-width: 1700px) {
  .box_gioithieu .flex-about-index {
    margin-top: 65px;
  }
}
@media (min-width: 768px) and (max-width: 990px) {
  .box_gioithieu .flex-about-index {
    gap: 35px;
  }
}
@media (max-width: 767px) {
  .box_gioithieu .flex-about-index {
    margin-top: 15px;
    gap: 15px;
  }
}
.box_gioithieu .flex-about-index .item {
  width: calc((100% - 285px) / 4);
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) and (max-width: 990px) {
  .box_gioithieu .flex-about-index .item {
    width: calc((100% - 35px) / 2);
  }
}
@media (max-width: 767px) {
  .box_gioithieu .flex-about-index .item {
    width: calc((100% - 15px) / 2);
  }
}
.box_gioithieu .flex-about-index .item .icon {
  width: 85px;
  height: 85px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.box_gioithieu .flex-about-index .item .icon img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.box_gioithieu .flex-about-index .item .title-name {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-small-title);
  text-align: justify;
  text-transform: uppercase;
  margin-bottom: 15px;
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #D9D9D9;
}
@media (max-width: 767px) {
  .box_gioithieu .flex-about-index .item .title-name {
    margin-top: 15px;
    padding-top: 15px;
  }
}
.box_gioithieu .flex-about-index .item .title-name font {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-small-title);
  text-align: justify;
  text-transform: uppercase;
}
.box_gioithieu .flex-about-index .item .desc div, .box_gioithieu .flex-about-index .item .desc p, .box_gioithieu .flex-about-index .item .desc li {
  font-family: "Inter-Regular", sans-serif;
  font-weight: 400;
  font-size: var(--fs-description);
  text-align: justify;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .box_gioithieu .flex-about-index .item .desc div, .box_gioithieu .flex-about-index .item .desc p, .box_gioithieu .flex-about-index .item .desc li {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
  }
}
.box_gioithieu .flex-about-index .item .desc div font, .box_gioithieu .flex-about-index .item .desc p font, .box_gioithieu .flex-about-index .item .desc li font {
  font-family: "Inter-Regular", sans-serif;
  font-weight: 400;
  font-size: var(--fs-description);
}

.sub-title {
  color: #383934;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-sub-title);
  text-transform: uppercase;
}
.sub-title font {
  color: #383934;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-sub-title);
  text-transform: uppercase;
}
.sub-title.center {
  text-align: center;
}

.subtitle {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-text);
  color: #DE9F38;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.subtitle font {
  font-size: var(--fs-text);
  color: #DE9F38;
  font-family: "Inter-Semibold", sans-serif;
}
.subtitle.center {
  text-align: center;
}

.title {
  font-family: "CormorantGaramond-Bold", sans-serif;
  font-size: var(--fs-title);
  line-height: 1;
  color: #383934;
  text-transform: uppercase;
}
.title font {
  font-family: "CormorantGaramond-Bold", sans-serif;
  font-size: var(--fs-title);
  color: #383934;
}
.title.color-main {
  color: #DE9F38;
}
.title.color-main font {
  color: #DE9F38;
}
.title.color-main a {
  color: #DE9F38;
}
.title.color-main a font {
  color: #DE9F38;
}
.title:hover a {
  color: #DE9F38;
}
.title a {
  font-family: "CormorantGaramond-Bold", sans-serif;
  font-size: var(--fs-title);
  line-height: 1;
  color: #383934;
}
.title a:hover {
  color: #DE9F38 !important;
}
.title a font {
  font-family: "CormorantGaramond-Bold", sans-serif;
  font-size: var(--fs-title);
  color: #DE9F38;
}
.title.center {
  text-align: center;
}
.title.center a {
  text-align: center;
}

.hot-service {
  background: rgb(255, 255, 255);
}
.hot-service .title {
  margin-bottom: 15px;
}
.hot-service .description {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .hot-service .description {
    margin-bottom: 15px;
  }
}
.hot-service .description div, .hot-service .description p {
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 18px;
}
.hot-service .hot-service-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 55px;
}
@media (max-width: 767px) {
  .hot-service .hot-service-flex {
    gap: 15px;
  }
}
@media (max-width: 990px) {
  .hot-service .hot-service-flex {
    gap: 15px;
  }
}
.hot-service .hot-service-flex .item {
  position: relative;
  width: calc((100% - 58px) / 2);
  display: flex;
  flex-direction: row;
}
@media (min-width: 701px) and (max-width: 990px) {
  .hot-service .hot-service-flex .item {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .hot-service .hot-service-flex .item {
    width: 100%;
    flex-direction: column;
  }
}
.hot-service .hot-service-flex .item .img {
  aspect-ratio: 268/332;
  width: 41%;
  max-width: 268px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1000px) and (max-width: 1200px) {
  .hot-service .hot-service-flex .item .img {
    aspect-ratio: unset;
    height: 100%;
  }
}
@media (max-width: 767px) {
  .hot-service .hot-service-flex .item .img {
    width: 100%;
    max-width: unset;
  }
}
.hot-service .hot-service-flex .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hot-service .hot-service-flex .item .box-sv {
  width: 59%;
  padding: 30px;
  background: rgb(255, 255, 255);
  height: 100%;
}
@media (max-width: 767px) {
  .hot-service .hot-service-flex .item .box-sv {
    width: 100%;
    padding: 15px;
    height: unset;
  }
}
.hot-service .hot-service-flex .item .box-sv .icon {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}
.hot-service .hot-service-flex .item .box-sv .icon img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.hot-service .hot-service-flex .item .box-sv .title-name {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-small-title);
  line-height: 1.5;
  color: #383934;
  margin-bottom: 15px;
}
.hot-service .hot-service-flex .item .box-sv .title-name font {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-small-title);
  color: #383934;
}
.hot-service .hot-service-flex .item .box-sv .desc {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-description);
  margin-bottom: 15px;
}
.hot-service .hot-service-flex .item .box-sv .desc div, .hot-service .hot-service-flex .item .box-sv .desc p {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-description);
  line-height: 1.5;
  color: #383934;
}
.hot-service .hot-service-flex .item .box-sv .desc div font, .hot-service .hot-service-flex .item .box-sv .desc p font {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-description);
  color: #383934;
}
.hot-service .hot-service-flex .item .box-sv .view-detail {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
}
.hot-service .hot-service-flex .item .box-sv .view-detail span {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text-small);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
}
.hot-service .hot-service-flex .item:hover {
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1490196078);
  backdrop-filter: blur(20px);
}
.hot-service .hot-service-flex .item:hover .title-name {
  color: #DE9F38;
}
.hot-service .hot-service-flex .item:hover .title-name font {
  color: #DE9F38;
}
.hot-service .hot-service-flex .item:hover .view-detail span {
  color: #DE9F38;
}
.hot-service .hot-service-flex .item:hover .view-detail svg path {
  stroke: #DE9F38;
}

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

.title-module .icon-active {
  display: none;
}

.title-module.active .icon-default {
  display: none;
}

.title-module.active .icon-active {
  display: flex;
  gap: 6px;
}

@keyframes fade {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.banner-product {
  background: url("../images/banner-product.png") no-repeat;
  background-size: cover;
  background-position: center;
}
@media (min-width: 991px) and (max-width: 1200px) {
  .banner-product .slide-index {
    aspect-ratio: 16/6 !important;
  }
  .banner-product .slide-index .item {
    aspect-ratio: 16/6 !important;
  }
}
@media (min-width: 768px) and (max-width: 990px) {
  .banner-product .slide-index {
    aspect-ratio: 9/7 !important;
  }
  .banner-product .slide-index .item {
    aspect-ratio: 9/7 !important;
  }
  .banner-product .slide-index .item .infor-prd {
    width: 100%;
  }
  .banner-product .slide-index .item .infor-prd .title-slide {
    margin-bottom: 15px;
  }
  .banner-product .slide-index .item .infor-prd .flex-module-product {
    gap: 15px;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .banner-product .slide-index .item .infor-prd .flex-module-product .card-md {
    width: calc((100% - 30px) / 3);
  }
}
@media (max-width: 767px) {
  .banner-product .slide-index {
    aspect-ratio: 9/16 !important;
  }
  .banner-product .slide-index .item {
    aspect-ratio: 9/16 !important;
  }
  .banner-product .slide-index .item .infor-prd {
    width: 100%;
  }
  .banner-product .slide-index .item .infor-prd .title-slide {
    margin-bottom: 15px;
  }
  .banner-product .slide-index .item .infor-prd .flex-module-product {
    gap: 15px;
    flex-wrap: wrap;
  }
  .banner-product .slide-index .item .infor-prd .flex-module-product .card-md {
    width: calc((100% - 15px) / 2);
  }
}
.banner-product .sub-title {
  color: rgb(255, 255, 255);
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-subtitle-about);
  font-weight: 600;
}
.banner-product .sub-title font {
  color: rgb(255, 255, 255);
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-subtitle-about);
  font-weight: 600;
}

.about-scope {
  background: rgb(255, 255, 255);
  position: relative;
  z-index: 2;
}
.about-scope:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 60%;
  background-image: url(../images/background-index.jpg);
  background-repeat: no-repeat;
  z-index: 0;
}
@media (max-width: 767px) {
  .about-scope:after {
    display: none;
  }
}
.about-scope .subtract-before {
  position: absolute;
  top: -180px;
}
@media (min-width: 1300px) and (max-width: 1600px) {
  .about-scope .subtract-before {
    top: -135px;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .about-scope .subtract-before {
    top: -120px;
  }
}
@media (max-width: 1200px) {
  .about-scope .subtract-before {
    display: none;
  }
}

.scope-index {
  display: flex;
  position: relative;
  z-index: 2;
}
.scope-index::before {
  content: "";
  position: absolute;
  background-image: url("/html/assets/images/dot-1.webp");
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 50px;
  right: 175px;
  width: 112px;
  aspect-ratio: 112/162;
  opacity: 0.3;
}
@media (min-width: 1400px) and (max-width: 1600px) {
  .scope-index::before {
    right: 130px;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .scope-index::before {
    right: 40px;
  }
}
@media (max-width: 1200px) {
  .scope-index::before {
    display: none;
  }
}
.scope-index::after {
  content: "";
  position: absolute;
  background-image: url("/html/assets/images/dot-1.webp");
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 50px;
  right: 295px;
  width: 112px;
  aspect-ratio: 112/162;
  opacity: 0.3;
}
@media (min-width: 1400px) and (max-width: 1600px) {
  .scope-index::after {
    right: 250px;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .scope-index::after {
    right: 100px;
  }
}
@media (max-width: 1200px) {
  .scope-index::after {
    display: none;
  }
}
.scope-index.other-scope {
  padding-bottom: 50px;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .scope-index.other-scope {
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .scope-index.other-scope {
    padding-bottom: 15px;
  }
}
.scope-index.other-scope:after, .scope-index.other-scope:before {
  display: none;
}
.scope-index.other-scope .container {
  gap: 75px;
}
@media (min-width: 990px) and (max-width: 1180px) {
  .scope-index.other-scope .container {
    gap: 50px;
  }
}
@media (min-width: 700px) and (max-width: 990px) {
  .scope-index.other-scope .container {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .scope-index.other-scope .container {
    gap: 15px;
  }
}
.scope-index.other-scope .container .left-side {
  width: calc(50% - 75px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 990px) {
  .scope-index.other-scope .container .left-side {
    width: 100%;
  }
}
.scope-index.other-scope .container .left-side ul {
  padding-left: var(--fs-title-name);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.scope-index.other-scope .container .left-side ul li {
  line-height: 1.4;
}
.scope-index.other-scope .container .right-side {
  width: 50%;
}
@media (max-width: 990px) {
  .scope-index.other-scope .container .right-side {
    width: 100%;
  }
}
.scope-index.other-scope .container .right-side .card {
  width: 100%;
  aspect-ratio: 736/684;
}
.scope-index.other-scope .container .right-side .card:before {
  display: none;
}
.scope-index.other-scope .container .right-side .card .img {
  aspect-ratio: 736/684;
}
.scope-index.other-scope .container .right-side .card .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.scope-index .container {
  display: flex;
  flex-direction: row;
  gap: 180px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 768px) and (max-width: 990px) {
  .scope-index .container {
    flex-direction: column;
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .scope-index .container {
    flex-direction: column;
    gap: 15px;
  }
}
.scope-index .container .left-side {
  width: calc(50% - 180px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (min-width: 768px) and (max-width: 990px) {
  .scope-index .container .left-side {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .scope-index .container .left-side {
    width: 100%;
  }
}
.scope-index .container .left-side .top-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--fs-title-name);
}
@media (max-width: 767px) {
  .scope-index .container .left-side .top-title {
    gap: 15px;
  }
}
.scope-index .container .left-side .top-title .line {
  width: 63px;
  height: 3px;
  background: #DE9F38;
}
.scope-index .container .left-side .top-title .top-name {
  color: #383934;
  text-align: justify;
  font-size: var(--fs-text);
  font-family: "Inter-Regular", sans-serif;
  line-height: 1.5;
  text-transform: uppercase;
}
.scope-index .container .left-side .title {
  margin-bottom: var(--fs-title-name);
}
@media (max-width: 767px) {
  .scope-index .container .left-side .title {
    margin-bottom: 15px;
  }
}
.scope-index .container .left-side .description {
  margin-bottom: var(--fs-title-name);
}
@media (max-width: 767px) {
  .scope-index .container .left-side .description {
    margin-bottom: 15px;
  }
}
.scope-index .container .right-side {
  width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 35px;
}
@media (min-width: 768px) and (max-width: 990px) {
  .scope-index .container .right-side {
    width: 100%;
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .scope-index .container .right-side {
    gap: 15px;
    width: 100%;
  }
}
.scope-index .container .right-side .card {
  width: calc((100% - 15px) / 2);
  aspect-ratio: 376/610;
  position: relative;
}
@media (min-width: 768px) and (max-width: 990px) {
  .scope-index .container .right-side .card {
    width: calc((100% - 30px) / 2);
  }
}
.scope-index .container .right-side .card:hover .img img {
  transform: scale(1.2);
  overflow: hidden;
}
.scope-index .container .right-side .card:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  flex-shrink: 0;
  background: linear-gradient(0deg, #000 0%, rgba(102, 102, 102, 0) 100%);
  z-index: 3;
}
.scope-index .container .right-side .card .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: 376/610;
  z-index: 2;
}
.scope-index .container .right-side .card .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.scope-index .container .right-side .card .infor {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 3;
}
.scope-index .container .right-side .card .infor .icon {
  margin-bottom: var(--fs-title-name);
}
.scope-index .container .right-side .card .infor .sub-title {
  color: rgb(255, 255, 255);
  text-align: justify;
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
  line-height: 1.5;
  text-transform: uppercase;
}
.scope-index .container .right-side .card .infor .sub-title font {
  color: rgb(255, 255, 255);
  text-align: justify;
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
  line-height: 1.5;
  text-transform: uppercase;
}
.scope-index .container .right-side .card .infor .title-name {
  color: rgb(255, 255, 255);
  font-size: var(--fs-title-name);
  font-family: "Inter-Bold", sans-serif;
  text-transform: uppercase;
}
.scope-index .container .right-side .card .infor .title-name font {
  color: rgb(255, 255, 255);
  font-size: var(--fs-title-name);
  font-family: "Inter-Bold", sans-serif;
  text-transform: uppercase;
}

.benefit-list .container {
  flex-direction: column;
}
.benefit-list .infor {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--size-section-module);
}
.benefit-list .infor .sub-title {
  font-size: var(--fs-sub-title);
  font-family: "Inter-Bold", sans-serif;
  color: #383934;
  margin-bottom: 15px;
}
.benefit-list .infor .sub-title font {
  font-size: var(--fs-sub-title);
  font-family: "Inter-Bold", sans-serif;
}
.benefit-list .infor .title {
  font-size: var(--fs-title);
  font-family: "Inter-Semibold", sans-serif;
  color: #DE9F38;
  margin-bottom: 30px;
}
.benefit-list .infor .title font {
  font-size: var(--fs-title);
  font-family: "Inter-Semibold", sans-serif;
}
@media (max-width: 767px) {
  .benefit-list .infor .title {
    text-align: center;
    margin-bottom: 15px;
  }
}
.benefit-list .infor .description {
  font-size: var(--fs-text);
  text-align: center;
  color: #383934;
  max-width: 80%;
  margin: auto;
}
@media (max-width: 767px) {
  .benefit-list .infor .description {
    width: 100%;
    max-width: 100%;
  }
  .benefit-list .infor .description br {
    display: none;
  }
}
.benefit-list .infor .description p {
  line-height: 1.4;
}
.benefit-list .flex-col {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 15px;
}
.benefit-list .flex-col .item-benefit {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: calc((100% - 60px) / 5);
  gap: var(--fs-title-name);
}
.benefit-list .flex-col .item-benefit .icon {
  position: relative;
  top: 0;
  left: 0;
  transform: none;
  max-height: 100px;
  height: 100px;
  aspect-ratio: 1;
  display: flex;
  align-items: end;
  justify-content: center;
}
.benefit-list .flex-col .item-benefit p {
  text-align: center;
  font-size: var(--fs-text);
  font-family: "Inter-Semibold", sans-serif;
}
.benefit-list .flex-col .item-benefit p font {
  font-size: var(--fs-text);
  font-family: "Inter-Semibold", sans-serif;
}
@media (max-width: 767px) {
  .benefit-list .flex-col {
    flex-direction: column;
    row-gap: 5px;
  }
  .benefit-list .flex-col .item-benefit {
    width: 100%;
    gap: 15px;
    flex-direction: row;
  }
  .benefit-list .flex-col .item-benefit .icon {
    width: 60px;
    height: 60px;
    margin-bottom: 0;
  }
  .benefit-list .flex-col .item-benefit .icon img {
    width: 100%;
  }
  .benefit-list .flex-col .item-benefit p {
    width: calc(100% - 65px);
    text-align: left;
  }
}

.service-index .container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 767px) {
  .service-index .container {
    flex-direction: column;
    gap: 15px;
  }
}
.service-index .container .infor {
  width: 50%;
}
@media (max-width: 767px) {
  .service-index .container .infor {
    width: 100%;
  }
  .service-index .container .infor .title {
    text-align: center;
  }
  .service-index .container .infor > p {
    text-align: center;
  }
}
.service-index .container .infor p {
  font-size: var(--fs-text);
  font-family: "Inter-Semibold", sans-serif;
  margin-bottom: var(--fs-title-name);
}
.service-index .container .infor p font {
  font-size: var(--fs-text);
  font-family: "Inter-Semibold", sans-serif;
}
@media (max-width: 767px) {
  .service-index .container .infor p {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .service-index .container .infor .flex-btn {
    justify-content: center;
  }
}
.service-index .container .infor .flex-btn .detail {
  border-color: #DE9F38;
}
@media (max-width: 767px) {
  .service-index .container .infor .flex-btn .detail {
    height: 34px;
    width: 125px;
  }
}
.service-index .container .infor .flex-btn .detail span {
  color: #DE9F38;
}
.service-index .container .infor .flex-btn .detail::before, .service-index .container .infor .flex-btn .detail::after {
  background: #383934;
}
.service-index .container .infor .flex-btn .detail::before {
  left: -50%;
}
.service-index .container .infor .flex-btn .detail:after {
  right: -50%;
}
.service-index .container .infor .flex-btn .detail:hover {
  background-color: #DE9F38;
  border-color: #383934;
}
.service-index .container .infor .flex-btn .detail:hover::before {
  left: 0;
}
.service-index .container .infor .flex-btn .detail:hover:after {
  right: 0;
}
.service-index .container .infor .flex-btn .detail:hover span {
  color: rgb(255, 255, 255);
}
.service-index .container .desc {
  width: 50%;
  line-height: 28px;
  text-align: justify;
}
@media (max-width: 767px) {
  .service-index .container .desc {
    width: 100%;
  }
}
.service-index .container .desc p {
  line-height: 1.4;
  text-align: justify !important;
}
.service-index .rentcar-index {
  padding: 55px 25px;
}
@media (max-width: 767px) {
  .service-index .rentcar-index {
    padding: 15px 15px 0 15px;
  }
}
.service-index .item-grid {
  position: relative;
  transition: all 0.5s ease;
}
.service-index .item-grid .img {
  aspect-ratio: 450/455;
  max-width: 100%;
}
.service-index .item-grid .img img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.service-index .item-grid::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20%;
  background: linear-gradient(to bottom, rgba(2, 2, 2, 0), rgb(0, 0, 0));
  border-radius: 12px;
  transition: background 0.5s ease, height 0.5s ease;
}
.service-index .item-grid .infor {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: var(--fs-title-name);
  color: rgb(255, 255, 255);
  left: 50%;
  transform: translateX(-50%);
}
.service-index .item-grid .infor .title-name {
  font-size: var(--fs-title-name);
  font-family: "Inter-Semibold", sans-serif;
  line-height: 24px;
}
.service-index .item-grid .infor .desc,
.service-index .item-grid .infor .flex-btn {
  display: none;
}
.service-index .item-grid:hover::before {
  background: rgba(255, 112, 0, 0.9);
  height: 100%;
}
.service-index .item-grid:hover .infor {
  bottom: 50%;
  transform: translate(-50%, 50%);
}
.service-index .item-grid:hover .infor .title-name {
  margin-bottom: var(--fs-title-name);
}
.service-index .item-grid:hover .infor .desc {
  padding: 0 40px;
  line-height: 24px;
  margin-bottom: var(--fs-title-name);
  display: flex;
}
.service-index .item-grid:hover .infor .flex-btn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.service-index .item-grid:hover .infor .flex-btn .detail {
  background: rgb(255, 255, 255);
  border: 1px solid transparent;
  z-index: 2;
}
.service-index .item-grid:hover .infor .flex-btn .detail span {
  color: rgb(255, 255, 255);
}
.service-index .item-grid:hover .infor .flex-btn .detail::after, .service-index .item-grid:hover .infor .flex-btn .detail::before {
  background: #DE9F38;
}
.service-index .item-grid:hover .infor .flex-btn .detail:hover span {
  color: #383934;
}
.service-index .grid-3-col {
  grid-column-gap: 25px;
  padding: 50px 0px;
}
.service-index .grid-4-col {
  padding: 50px 25px 0 25px;
}
@media (max-width: 767px) {
  .service-index .grid-4-col {
    padding: 15px 15px 0 15px;
    gap: 15px;
    grid-template-columns: repeat(1, 1fr);
  }
}
.service-index .flex-col .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.flex-col {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: var(--fs-title-name);
}
@media (max-width: 767px) {
  .flex-col {
    gap: 15px;
    flex-direction: column;
  }
}
.flex-col .item-benefit.flex-3 {
  width: calc((100% - 30px) / 3);
}
@media (max-width: 767px) {
  .flex-col .item-benefit.flex-3 {
    width: 100%;
  }
}
.flex-col .item-benefit.flex-4 {
  width: calc((100% - 60px) / 4);
}
@media (max-width: 767px) {
  .flex-col .item-benefit.flex-4 {
    width: 100%;
  }
}
.flex-col .item-benefit {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.flex-col .item-benefit .img {
  position: relative;
  margin-bottom: var(--fs-title-name);
  aspect-ratio: 1;
}
.flex-col .item-benefit .img .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-col .item-benefit .img .icon img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.flex-col .item-benefit .sub-title {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-small-title);
  margin-bottom: 15px;
  text-align: center;
}
.flex-col .item-benefit .sub-title font {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-small-title);
}
.flex-col .item-benefit p {
  text-align: center;
  line-height: 1.4;
}
.flex-col .item-benefit > .icon {
  width: 120px;
  aspect-ratio: 1;
  display: flex;
  align-items: end;
  justify-content: center;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .flex-col .item-benefit > .icon {
    margin-bottom: 10px;
    width: 70px;
  }
}
.flex-col .item-benefit .title-name {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-small-title);
  color: #383934;
  margin-bottom: 15px;
}
.flex-col .item-benefit .title-name font {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-small-title);
}
.flex-col .item-benefit .desc {
  font-size: var(--fs-text);
}
.flex-col .item-benefit .desc p {
  font-size: var(--fs-text);
}

.grid-3-col {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 767px) {
  .grid-3-col {
    display: block;
  }
}

.grid-4-col {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 25px;
}

.card-rentcar {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}
.card-rentcar .img {
  aspect-ratio: 450/455;
  overflow: hidden;
  border-radius: 12px;
}
.card-rentcar .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-rentcar::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20%;
  background: linear-gradient(to bottom, rgba(2, 2, 2, 0), rgb(0, 0, 0));
  border-radius: 12px;
  transition: bottom 0.5s ease;
  z-index: 1;
}
.card-rentcar::before {
  position: absolute;
  content: "";
  top: -100%;
  left: 0;
  width: 100%;
  background: rgba(2, 115, 188, 0.9);
  height: 100%;
  border-radius: 12px;
  transition: top 0.5s ease;
  z-index: 2;
}
.card-rentcar .infor {
  z-index: 3;
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  transition: bottom 0.5s ease, transform 0.5s ease;
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .card-rentcar .infor {
    bottom: var(--fs-title-name);
  }
}
.card-rentcar .infor .title-name {
  font-family: "Inter-Semibold", sans-serif;
}
.card-rentcar .infor .title-name a {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-title-name);
  text-transform: uppercase;
  line-height: 1.4;
  color: rgb(255, 255, 255);
  display: block;
  text-align: center;
}
.card-rentcar .infor .title-name font {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-title-name);
}
.card-rentcar .infor .desc {
  margin-bottom: var(--fs-title-name);
  display: flex;
  padding: 0 30px;
}
.card-rentcar .infor .desc p {
  line-height: 1.4;
  color: #fff;
}
.card-rentcar .infor .flex-btn .detail {
  background: #fff;
  border: 1px solid #fff;
}
.card-rentcar .infor .flex-btn .detail span {
  color: #383934;
}
.card-rentcar .infor .flex-btn .detail::after, .card-rentcar .infor .flex-btn .detail::before {
  background: #fff;
}
.card-rentcar .infor .desc,
.card-rentcar .infor .flex-btn {
  display: none;
}
.card-rentcar:not(.aside):hover::before {
  top: 0;
}
.card-rentcar:not(.aside):hover::after {
  bottom: -20%;
}
.card-rentcar:not(.aside):hover .infor {
  bottom: 50%;
  transform: translate(-50%, 50%);
}
.card-rentcar:not(.aside):hover .infor .title-name {
  margin-bottom: var(--fs-title-name);
}
.card-rentcar:not(.aside):hover .infor .desc {
  display: flex;
}
.card-rentcar:not(.aside):hover .infor .flex-btn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-rentcar.aside:before {
  aspect-ratio: 304/159;
  background: linear-gradient(180deg, rgba(2, 2, 2, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  height: initial;
}
.card-rentcar.aside .img {
  border-radius: 8px;
}
.card-rentcar.aside .infor .title-name {
  margin-bottom: 15px;
  font-size: var(--fs-title-module);
}
.card-rentcar.aside .infor .title-name a {
  font-size: var(--fs-title-module);
}
.card-rentcar.aside .infor .flex-btn {
  display: flex;
  justify-content: center;
}
.card-rentcar.aside .infor .flex-btn .detail {
  border-color: #DE9F38;
  background: #DE9F38;
}
.card-rentcar.aside .infor .flex-btn .detail:before {
  left: -50%;
}
.card-rentcar.aside .infor .flex-btn .detail:after {
  right: -50%;
}
.card-rentcar.aside .infor .flex-btn .detail:before, .card-rentcar.aside .infor .flex-btn .detail:after {
  background: #383934;
}
.card-rentcar.aside .infor .flex-btn .detail span {
  color: #fff;
}
.card-rentcar.aside .infor .flex-btn .detail:hover {
  border-color: #383934;
  background: transparent;
}
.card-rentcar.aside .infor .flex-btn .detail:hover:before {
  left: 0;
}
.card-rentcar.aside .infor .flex-btn .detail:hover:after {
  right: 0;
}

.grid-5-col {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 25px;
  grid-row-gap: 25px;
}

.rental-process {
  background-image: url(../images/background-quy-trinh.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-align: center;
  aspect-ratio: 1920/782;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.rental-process .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .rental-process .container {
    flex-direction: column;
    position: relative;
  }
}
.rental-process .container::before {
  position: absolute;
  content: "";
  left: 22%;
  width: 55%;
  height: 2px;
  background-color: #DE9F38;
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .rental-process .container::before {
    width: 62%;
    left: 18%;
  }
}
@media (max-width: 767px) {
  .rental-process .container::before {
    height: 80%;
    width: 2px;
    left: 40px;
    top: 10%;
  }
}
.rental-process .step {
  width: 20%;
  display: flex;
  flex-direction: column;
  gap: 30px;
  text-align: center;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media (max-width: 767px) {
  .rental-process .step {
    width: 100%;
    gap: 15px;
    flex-direction: row;
    padding: 15px 0;
    padding-left: 60px;
  }
}
.rental-process .step .step-icon {
  aspect-ratio: 1;
  width: 162px;
  margin: 0 auto;
  background: linear-gradient(to top, #0273bc, #018feb);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 30px;
  border: 4px solid rgb(255, 255, 255);
}
.rental-process .step .step-icon img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .rental-process .step .step-icon {
    width: 120px;
  }
  .rental-process .step .step-icon img {
    width: 55%;
  }
}
@media (max-width: 767px) {
  .rental-process .step .step-icon {
    width: 80px;
    height: 80px;
  }
  .rental-process .step .step-icon img {
    width: 55%;
  }
}
.rental-process .step .step-number {
  aspect-ratio: 1;
  width: 49px;
  height: 49px;
  font-size: var(--fs-title-module);
  font-family: "Inter-Semibold", sans-serif;
  line-height: 1;
  color: #DE9F38;
  background-color: rgb(255, 255, 255);
  border: 2px solid #DE9F38;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  padding-top: 5px;
}
@media (max-width: 767px) {
  .rental-process .step .step-number {
    position: absolute;
    left: 0;
  }
}
.rental-process .step .step-description {
  font-size: var(--fs-text);
  font-family: "Inter-Semibold", sans-serif;
  max-height: 162px;
  height: 162px;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 1.4;
}
.rental-process .step .step-description font {
  font-size: var(--fs-text);
  font-family: "Inter-Semibold", sans-serif;
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .rental-process .step .step-description {
    max-height: 120px;
    height: 120px;
  }
}
@media (max-width: 800px) {
  .rental-process .step .step-description {
    max-height: 120px;
    height: 120px;
  }
}
@media (max-width: 767px) {
  .rental-process .step .step-description {
    max-height: initial;
    height: initial;
    text-align: left;
  }
}
@media (min-width: 700px) {
  .rental-process .step:nth-child(even) {
    flex-direction: column-reverse;
  }
  .rental-process .step:nth-child(even) .step-description {
    display: flex;
    align-items: flex-end;
  }
}

.card-place {
  aspect-ratio: 345/457;
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 13px;
}
.card-place .img {
  aspect-ratio: 345/457;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 13px;
  z-index: 1;
}
.card-place .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.card-place .img::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 20%;
  bottom: 0;
  left: 0;
  background: linear-gradient(to top, #000000, rgba(2, 2, 2, 0));
  border-radius: 13px;
  z-index: 1;
  transition: height 0.5s ease-in-out;
}
@media (min-width: 700px) {
  .card-place.card-place-index {
    margin-top: 70px;
  }
}
.card-place .infor {
  position: absolute;
  bottom: -34px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: rgb(255, 255, 255);
  z-index: 2;
  transition: bottom 0.5s ease-in-out;
  width: 100%;
}
.card-place .infor .desc {
  line-height: 1;
  margin-bottom: 10px;
}
.card-place .infor .title-name {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-title-location);
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: var(--fs-title-name);
}
.card-place .infor .title-name font {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-title-location);
}
.card-place:hover {
  overflow: hidden;
  border-radius: 13px;
}
.card-place:hover .img img {
  transform: scale(1.05);
}
.card-place:hover .img::before {
  height: 50%;
}
.card-place:hover .infor {
  bottom: 30px;
}

@media (max-width: 767px) {
  .discovery-place {
    padding-bottom: 45px;
  }
}
.discovery-place .container {
  text-align: center;
}
.discovery-place .container > .desc {
  width: 70%;
  margin: auto;
}
@media (max-width: 767px) {
  .discovery-place .container > .desc {
    width: 100%;
  }
}
.discovery-place .container > .desc p {
  line-height: 1.4;
}
.discovery-place .place-index {
  padding: 50px 25px 0 25px;
}
.discovery-place .place-index .owl-dots {
  transition: background-color 0.3s ease;
  bottom: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 15px;
  padding-top: 15px;
}
.discovery-place .place-index .owl-dots .owl-dot {
  background-color: transparent;
  border: 1px solid #DE9F38;
  width: 13px;
  height: 13px;
  border-radius: 50%;
}
.discovery-place .place-index .owl-dots .owl-dot.active {
  background-color: #DE9F38;
}
.discovery-place .grid-4-col {
  grid-row-gap: 30px;
  grid-column-gap: 30px;
}
@media (max-width: 767px) {
  .discovery-place .grid-4-col {
    gap: 15px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.discovery-place .flex-btn {
  display: flex;
}
.discovery-place .flex-btn .detail {
  background: #DE9F38;
  transition: background 0.5s ease;
}
.discovery-place .flex-btn .detail::before {
  left: -50%;
}
.discovery-place .flex-btn .detail:after {
  right: -50%;
}
.discovery-place .flex-btn .detail::before, .discovery-place .flex-btn .detail::after {
  background: #383934;
}
.discovery-place .flex-btn .detail span {
  color: rgb(255, 255, 255);
}
.discovery-place .flex-btn .detail:hover {
  background: transparent;
  border-color: #383934;
}
.discovery-place .flex-btn .detail:hover::before {
  left: 0;
}
.discovery-place .flex-btn .detail:hover:after {
  right: 0;
}

.support-index {
  background-image: url("../images/ho-tro.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  aspect-ratio: 1920/400;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .support-index {
    background-size: auto 100%;
    aspect-ratio: 430/300;
  }
}
.support-index .title {
  text-align: center;
  color: rgb(255, 255, 255);
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .support-index .title {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .support-index .title {
    font-size: 18px;
  }
}
.support-index .btn-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: var(--fs-title-name);
}
@media (max-width: 767px) {
  .support-index .btn-row {
    gap: 15px;
  }
}
.support-index .btn-row .flex-btn .detail {
  border-radius: 30px;
}
@media (max-width: 767px) {
  .support-index .btn-row .flex-btn .detail {
    height: 40px;
    width: 175px;
  }
}
.support-index .btn-row .flex-btn .detail.hotline {
  background: transparent;
}
@media (max-width: 767px) {
  .support-index .btn-row .flex-btn .detail.hotline .icon svg {
    width: 25px;
    height: initial;
  }
}
.support-index .btn-row .flex-btn .detail.hotline:hover span {
  color: #383934;
}
.support-index .btn-row .flex-btn .detail.hotline:hover:before {
  left: 0;
  background: rgb(255, 255, 255);
}
.support-index .btn-row .flex-btn .detail.hotline:hover:after {
  right: 0;
  background: rgb(255, 255, 255);
}
.support-index .btn-row .flex-btn .detail.require-hotline::after, .support-index .btn-row .flex-btn .detail.require-hotline::before {
  background: rgb(255, 255, 255);
}
.support-index .btn-row .flex-btn .detail.require-hotline span {
  color: #DE9F38;
  text-transform: uppercase;
  font-family: "Inter-Semibold", sans-serif;
}
.support-index .btn-row .flex-btn .detail.require-hotline span font {
  font-family: "Inter-Semibold", sans-serif;
}
.support-index .btn-row .flex-btn .detail.require-hotline:hover span {
  color: rgb(255, 255, 255);
}

.feature-news .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: end;
}
@media (max-width: 767px) {
  .feature-news .container {
    gap: 15px;
    align-items: center;
    justify-content: center;
  }
  .feature-news .container .right-side {
    justify-content: center;
  }
}
.feature-news .sub-title {
  color: #383934;
}
.feature-news .title {
  color: #DE9F38;
  margin-bottom: 0;
}
.feature-news .flex-btn .detail {
  border: 1px solid #DE9F38;
}
@media (max-width: 767px) {
  .feature-news .flex-btn .detail {
    height: 34px;
    width: 125px;
  }
}
.feature-news .flex-btn .detail::before {
  left: -50%;
}
.feature-news .flex-btn .detail::after {
  right: -50%;
}
.feature-news .flex-btn .detail::after, .feature-news .flex-btn .detail::before {
  background: #383934;
}
.feature-news .flex-btn .detail span {
  color: #DE9F38;
}
.feature-news .flex-btn .detail:hover {
  border-color: #383934;
  background: #DE9F38;
}
.feature-news .flex-btn .detail:hover::before {
  left: 0;
}
.feature-news .flex-btn .detail:hover::after {
  right: 0;
}
.feature-news .flex-btn .detail:hover span {
  color: rgb(255, 255, 255);
}
.feature-news .slide-index-news {
  overflow: visible;
  position: relative;
}
.feature-news .slide-index-news .owl-carousel {
  position: initial;
}
.feature-news .slide-index-news .owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  overflow: hidden;
  z-index: 1;
}
.feature-news .slide-index-news .owl-theme .owl-nav [class*=owl-].owl-prev {
  left: -40px;
}
.feature-news .slide-index-news .owl-theme .owl-nav [class*=owl-].owl-next {
  right: -40px;
}
.feature-news .slide-index-news .owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent;
}
.feature-news .slide-index-news .owl-theme .owl-nav [class*=owl-]:hover svg path {
  fill: #DE9F38;
}
.feature-news .slide-index-news {
  padding-top: 45px;
  margin-left: calc((100vw - var(--w-container)) / 2 + 15px);
  width: calc(100% - (100vw - var(--w-container)) / 2);
  overflow: hidden;
}
@media (max-width: 767px) {
  .feature-news .slide-index-news {
    margin-left: 0;
    width: 100%;
    padding: 0 15px;
    padding-top: 15px;
  }
}
.feature-news .slide-index-news .padding-half-right {
  padding-right: calc((100vw - var(--w-container)) / 2 + 30px);
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .feature-news .slide-index-news .padding-half-right {
    padding-right: calc((100% - var(--w-container)) / 2 + 30px);
  }
}
@media (max-width: 767px) {
  .feature-news .slide-index-news .padding-half-right {
    padding-right: 0;
  }
}
.feature-news .slide-index-news .owl-theme .owl-nav [class*=owl-] {
  top: 37%;
}
.feature-news .slide-index-news .owl-theme .owl-nav [class*=owl-].owl-prev {
  left: var(--fs-title-name);
}
.feature-news .slide-index-news .owl-theme .owl-nav [class*=owl-].owl-next {
  right: calc((100vw - var(--w-container)) / 2 - 75px);
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .feature-news .slide-index-news .owl-theme .owl-nav [class*=owl-].owl-next {
    right: calc((100% - var(--w-container)) / 2 - 75px);
  }
}
@media (max-width: 767px) {
  .feature-news .slide-index-news .owl-theme .owl-nav [class*=owl-].owl-next {
    right: var(--fs-title-name);
  }
}
.feature-news .slide-index-news .owl-carousel {
  position: initial;
}
.feature-news .slide-index-news .owl-carousel .owl-item {
  padding-bottom: 15px;
}
.feature-news .slide-index-news .owl-carousel .owl-stage-outer {
  overflow: visible;
}
@media (max-width: 767px) {
  .feature-news .slide-index-news .owl-carousel .owl-stage-outer {
    overflow: hidden;
  }
}
.feature-news .slide-index-news .owl-carousel .owl-nav .owl-prev,
.feature-news .slide-index-news .owl-carousel .owl-nav .owl-next {
  border: 1px solid #DE9F38;
}

.top-footer {
  background: url("/html/assets/images/top-footer.png") no-repeat;
  background-size: cover;
  position: relative;
}
.top-footer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(16, 16, 16, 0.7);
}
.top-footer .container {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 172px;
  z-index: 1;
}
@media (min-width: 990px) and (max-width: 1200px) {
  .top-footer .container {
    gap: 50px;
  }
}
@media (max-width: 990px) {
  .top-footer .container {
    flex-direction: column;
    gap: 15px;
  }
}
.top-footer .container .left {
  display: flex;
  flex-direction: column;
  width: calc(64% - 172px);
}
@media (min-width: 990px) and (max-width: 1200px) {
  .top-footer .container .left {
    width: calc(50% - 50px);
  }
}
@media (max-width: 990px) {
  .top-footer .container .left {
    width: 100%;
  }
}
.top-footer .container .left .title {
  color: rgb(255, 255, 255);
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "CormorantGaramond-Bold", sans-serif;
  font-size: var(--fs-title);
  text-transform: uppercase;
  margin-bottom: 25px;
  line-height: 1.3;
}
@media (max-width: 767px) {
  .top-footer .container .left .title {
    margin-bottom: 15px;
    text-align: center;
  }
}
.top-footer .container .left .title font {
  color: rgb(255, 255, 255);
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "CormorantGaramond-Bold", sans-serif;
  font-size: var(--fs-title);
}
.top-footer .container .left .description {
  color: rgb(255, 255, 255);
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-module-tab);
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .top-footer .container .left .description {
    margin-bottom: 15px;
    text-align: center;
  }
}
.top-footer .container .left .description div, .top-footer .container .left .description p {
  color: rgb(255, 255, 255);
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-module-tab);
}
@media (max-width: 767px) {
  .top-footer .container .left .description div, .top-footer .container .left .description p {
    text-align: center;
  }
}
.top-footer .container .left .flex-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 60px;
}
@media (max-width: 1200px) {
  .top-footer .container .left .flex-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
}
@media (max-width: 990px) {
  .top-footer .container .left .flex-row {
    align-items: center;
  }
}
.top-footer .container .left .item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 19px;
  margin-bottom: 30px;
  width: max-content;
}
@media (max-width: 990px) {
  .top-footer .container .left .item {
    gap: 15px;
    margin-bottom: 0px;
  }
}
.top-footer .container .left .item .icon {
  width: 51px;
  height: 51px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #B2B2B2;
}
.top-footer .container .left .item .info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.top-footer .container .left .item .info span {
  color: rgb(255, 255, 255);
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
}
.top-footer .container .left .item .info .bold {
  color: rgb(255, 255, 255);
  font-family: "Inter-Bold", sans-serif;
  font-size: 19px;
}
.top-footer .container .left .item .info .bold font {
  color: rgb(255, 255, 255);
  font-family: "Inter-Bold", sans-serif;
  font-size: 19px;
}
.top-footer .container .left .item:hover .icon {
  border-color: #DE9F38;
}
.top-footer .container .left .item:hover .icon svg path {
  fill: #DE9F38;
}
.top-footer .container .left .item:hover span, .top-footer .container .left .item:hover .bold {
  color: #DE9F38;
}
.top-footer .container .right {
  width: 36%;
}
@media (min-width: 990px) and (max-width: 1200px) {
  .top-footer .container .right {
    width: 50%;
  }
}
@media (max-width: 990px) {
  .top-footer .container .right {
    width: 100%;
  }
}
.top-footer .container .right .main-decu {
  padding: 40px 52px;
  border-radius: 20px;
  border: 1px solid #8E8E8E;
  background: rgba(48, 48, 48, 0.4);
  backdrop-filter: blur(10px);
}
@media (max-width: 990px) {
  .top-footer .container .right .main-decu {
    padding: 20px;
  }
}
.top-footer .container .right .main-decu .title-name {
  color: rgb(255, 255, 255);
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title-name);
  margin-bottom: 15px;
}
.top-footer .container .right .main-decu .title-name font {
  color: rgb(255, 255, 255);
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title-name);
}
.top-footer .container .right .main-decu .description {
  margin-bottom: 15px;
}
.top-footer .container .right .main-decu .description p {
  color: #E3E3E3;
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
}
.top-footer .container .right .main-decu .description p font {
  color: #E3E3E3;
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
}
.top-footer .container .right .main-decu .form-input {
  margin-bottom: 15px;
}
.top-footer .container .right .main-decu .form-input input {
  border-radius: 6px;
  border: 1px solid #E5E7EB;
  background: #FFF;
  width: 100%;
  padding: 10px 0 10px 20px;
}
.top-footer .container .right .main-decu .form-input input::placeholder {
  color: #6A7282;
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
}
.top-footer .container .right .main-decu .button {
  margin-bottom: 15px;
}
.top-footer .container .right .main-decu .button .detail {
  width: 100%;
  border-radius: 6px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
}
.top-footer .container .right .main-decu span.center {
  color: #E3E3E3;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.custom-select {
  position: relative;
  width: 100%;
  margin-bottom: 15px;
}
.custom-select.active .arrow {
  transform: translateY(-50%) rotate(-180deg);
}

.select-box {
  border: 1px solid #ddd;
  padding: 10px 20px;
  border-radius: 8px;
  cursor: pointer;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.select-box .arrow {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
.select-box .selected {
  color: #6A7282;
}

.options {
  position: absolute;
  width: 100%;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  margin-top: 5px;
  display: none;
  max-height: 200px;
  overflow-y: auto;
  z-index: 10;
}
.options .option {
  padding: 10px 15px;
  cursor: pointer;
  transition: 0.2s;
}
.options .option:hover {
  background: rgb(255, 255, 255);
}

.flex-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 15px;
  align-items: center;
}
@media (max-width: 767px) {
  .flex-button {
    flex-direction: column;
  }
  .flex-button .flex-btn {
    width: 100%;
  }
  .flex-button .flex-btn .detail {
    width: 100%;
  }
}

footer {
  background: rgb(43, 43, 43);
}
footer .over-top {
  padding: 25px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  footer .over-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
}
footer .over-top .logo {
  max-width: 214px;
  aspect-ratio: 214/53;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1200px) {
  footer .over-top .logo {
    margin-bottom: 15px;
  }
}
footer .over-top .logo img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
footer .over-top .flex-social {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
}
footer .over-top .flex-social span {
  margin-right: 10px;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-text);
  text-transform: uppercase;
  color: rgb(255, 255, 255);
}
footer .over-top .flex-social .item {
  border-radius: 16.5px;
  width: 41px;
  height: 41px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid rgb(255, 255, 255);
}
footer .over-top .flex-social .item:hover svg {
  transform: scale(0.8);
  transition: transform 0.3s ease;
}
footer .over-top .flex-social .item svg {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
  transition: transform 0.3s ease;
}
footer .over-top .flex-social .item svg path {
  fill: rgb(255, 255, 255);
}
footer .top {
  width: 100%;
  padding: 40px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
@media (max-width: 767px) {
  footer .top {
    padding: 15px 0;
  }
}
footer .top .title-footer {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title-name);
  color: rgb(255, 255, 255);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  footer .top .title-footer {
    margin-bottom: 0px;
  }
}
footer .top .title-footer .icon {
  display: none;
  width: 15px;
  height: 15px;
}
@media (max-width: 767px) {
  footer .top .title-footer .icon {
    display: block;
  }
}
footer .top .title-footer .icon svg {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
footer .top .title-footer font {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-subtitle);
  color: rgb(255, 255, 255);
}
footer .top .infor-footer {
  width: 31%;
}
@media (min-width: 1200px) and (max-width: 1600px) {
  footer .top .infor-footer {
    width: 33%;
  }
}
@media (max-width: 1200px) {
  footer .top .infor-footer {
    width: 100%;
  }
}
footer .top .infor-footer .flex-address {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: var(--fs-title-name);
}
@media (max-width: 767px) {
  footer .top .infor-footer .flex-address {
    gap: 8px;
  }
}
footer .top .infor-footer .flex-address p {
  position: relative;
  display: flex;
  flex-direction: row;
  padding-left: 30px;
}
footer .top .infor-footer .flex-address p a:hover span {
  color: #DE9F38;
}
footer .top .infor-footer .flex-address p span {
  color: rgb(255, 255, 255);
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text-small);
  line-height: 1.4;
}
footer .top .infor-footer .flex-address p span font {
  color: rgb(255, 255, 255);
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text-small);
}
footer .top .infor-footer .flex-address p svg {
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 767px) {
  footer .top .infor-footer .flex-address p svg {
    top: -3px;
  }
}
footer .top .menu-footer {
  width: 15%;
}
@media (min-width: 1200px) and (max-width: 1600px) {
  footer .top .menu-footer {
    width: 15%;
  }
}
@media (max-width: 1200px) {
  footer .top .menu-footer {
    width: 100%;
  }
}
footer .top .menu-footer .item.active svg {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}
footer .top .menu-footer ul {
  display: flex;
  flex-direction: column;
  gap: var(--fs-title-name);
  list-style: none;
}
@media (max-width: 767px) {
  footer .top .menu-footer ul {
    gap: 5px;
    margin-top: 10px;
    display: none;
  }
}
footer .top .menu-footer ul li {
  position: relative;
}
@media (max-width: 767px) {
  footer .top .menu-footer ul li {
    margin-bottom: 5px;
  }
}
footer .top .menu-footer ul li a:hover {
  color: #DE9F38;
}
footer .top .menu-footer ul li a {
  color: rgb(255, 255, 255);
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text-small);
}
footer .top .menu-footer ul li a font {
  color: rgb(255, 255, 255);
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text-small);
}
footer .top .sign-email {
  width: 26%;
}
@media (min-width: 1200px) and (max-width: 1600px) {
  footer .top .sign-email {
    width: 23%;
  }
}
@media (max-width: 1200px) {
  footer .top .sign-email {
    width: 100%;
    align-items: flex-start;
  }
}
footer .top .sign-email .desc {
  color: rgb(255, 255, 255);
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text-small);
  margin-bottom: 15px;
}
footer .top .sign-email .desc div, footer .top .sign-email .desc p {
  color: rgb(255, 255, 255);
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text-small);
  line-height: 1.4;
}
footer .top .sign-email .form-email form {
  width: 100%;
  height: 48px;
  padding: 3px 3px 3px 18px;
  border: 1px solid #DE9F38;
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
footer .top .sign-email .form-email form .icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .top .sign-email .form-email form .icon svg {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
footer .top .sign-email .form-email form .form-input {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 13px;
  width: 80%;
}
footer .top .sign-email .form-email form .form-input input {
  width: 100%;
}
footer .top .sign-email .form-email input {
  color: rgb(255, 255, 255);
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
}
footer .top .sign-email .form-email input::placeholder {
  color: #D4D4D4;
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
}
footer .top .sign-email .form-email .send-email {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background: #DE9F38;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .top .sign-email .form-email .send-email:hover {
  background: rgb(255, 255, 255);
}
footer .bot {
  padding: 25px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  footer .bot {
    padding: 15px 0;
    flex-direction: column;
    align-items: flex-start;
  }
}
footer .bot .left-bot {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
}
@media (max-width: 767px) {
  footer .bot .left-bot {
    flex-direction: column;
    align-items: flex-start;
  }
}
footer .bot .left-bot .logo-footer {
  aspect-ratio: 121/56;
  max-width: 121px;
}
footer .bot .left-bot .logo-footer img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
footer .bot .right-bot .flex-social {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
}
footer .bot .right-bot .flex-social .item {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #C2C2C2;
}
footer .bot .right-bot .flex-social .item svg path {
  fill: #C2C2C2;
}
footer .bot .right-bot .flex-social .item:hover {
  border: 1px solid #DE9F38;
  background: rgb(255, 255, 255);
}
footer .bot .right-bot .flex-social .item:hover svg path {
  fill: #DE9F38;
}
footer .bot .copyright {
  color: rgb(255, 255, 255);
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text-small);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 25px 0;
}
@media (max-width: 767px) {
  footer .bot .copyright {
    flex-direction: column;
    padding: 15px 0;
  }
}
footer .bot .copyright font {
  font-family: "Inter-Regular", sans-serif;
  color: rgb(255, 255, 255);
}
footer .bot .copyright a:hover span {
  color: #DE9F38;
}
footer .bot .copyright a span {
  color: rgb(255, 255, 255);
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text-small);
}

.social-links {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}
.social-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 30px;
  border: 1px solid #8E8E8E;
  background-color: transparent;
}
.social-links a svg {
  fill: #8E8E8E;
}
.social-links a svg path {
  fill: #8E8E8E;
}
.social-links a.facebook:hover {
  background-color: #1877f2;
  border: 1px solid #1877f2;
}
.social-links a.facebook:hover path {
  fill: rgb(255, 255, 255);
}
.social-links a.youtube:hover {
  background-color: #cd201f;
  border: 1px solid #cd201f;
}
.social-links a.instagram:hover {
  background-color: #e4405f;
  border: 1px solid #e4405f;
}
.social-links a.tiktok:hover {
  background-color: #410093;
  border: 1px solid #410093;
}

.main-field-index {
  position: relative;
  background: url("../images/about-2.webp") no-repeat;
  background-size: cover;
}
.main-field-index .container {
  display: flex;
  justify-content: flex-end;
}
.main-field-index .container .infor {
  width: 47%;
}
@media (max-width: 990px) {
  .main-field-index .container .infor {
    width: 100%;
  }
}
.main-field-index .container .sub-title {
  color: rgb(255, 255, 255);
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-big-title);
  text-transform: uppercase;
  padding-bottom: 15px;
  margin-bottom: 15px;
  position: relative;
}
.main-field-index .container .sub-title font {
  color: rgb(255, 255, 255);
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-big-title);
  text-transform: uppercase;
}
.main-field-index .container .sub-title:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 10%;
  height: 2px;
  background: rgb(255, 255, 255);
}
.main-field-index .container .description ul {
  padding-left: 25px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.main-field-index .container .description ul li {
  color: #FFF9F9;
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
  line-height: 1.5; /* 150% */
}

.experience-index {
  background: url("../images/background-co-cau-to-chuc.png") no-repeat bottom;
  background-size: cover;
}
.experience-index .title {
  margin-bottom: 30px;
}
.experience-index .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.experience-index .infor {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.experience-index .infor .description {
  text-align: center;
  width: 60%;
}
@media (max-width: 767px) {
  .experience-index .infor .description {
    width: 100%;
  }
}
.experience-index .infor .description p {
  text-align: center;
}
.experience-index .img {
  aspect-ratio: 1489/594;
  max-width: 1489px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.experience-index .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-flex-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
}
.about-flex-wrap .item-about {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 15px;
}
@media (max-width: 767px) {
  .about-flex-wrap .item-about {
    flex-direction: column-reverse;
    padding: 0 15px;
  }
}
@media (min-width: 700px) {
  .about-flex-wrap .item-about:nth-of-type(2n + 2) {
    flex-direction: row-reverse;
  }
  .about-flex-wrap .item-about:nth-of-type(2n + 2) .left-side .img {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media (min-width: 700px) and (max-width: 767px) {
  .about-flex-wrap .item-about:nth-of-type(2n + 2) .left-side .img {
    border-radius: 15px;
  }
}
.about-flex-wrap .item-about .left-side {
  width: 57.27%;
  padding: 0;
}
@media (max-width: 767px) {
  .about-flex-wrap .item-about .left-side {
    width: 100%;
  }
}
.about-flex-wrap .item-about .left-side .img {
  width: 100%;
  aspect-ratio: 1045/613;
  overflow: hidden;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
}
@media (max-width: 767px) {
  .about-flex-wrap .item-about .left-side .img {
    border-radius: 15px;
  }
}
.about-flex-wrap .item-about .left-side .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-flex-wrap .item-about .right-side {
  width: 42.73%;
  display: flex;
  flex-direction: column;
  padding: 0;
}
@media (max-width: 767px) {
  .about-flex-wrap .item-about .right-side {
    width: 100%;
  }
}
.about-flex-wrap .item-about .right-side .title {
  text-align: center;
}
.about-flex-wrap .item-about .right-side .desc {
  text-align: center;
  width: 60%;
  margin: auto;
}
@media (max-width: 1199px) {
  .about-flex-wrap .item-about .right-side .desc {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .about-flex-wrap .item-about .right-side .desc {
    width: 100%;
    text-align: justify;
  }
}
.about-flex-wrap .item-about .right-side .desc p {
  line-height: 1.4;
}

.core-value .container .title {
  text-align: center;
}
.core-value .container .core-flex-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 25px;
}
@media (max-width: 767px) {
  .core-value .container .core-flex-wrap {
    gap: 15px;
  }
}
.core-value .container .core-flex-wrap .core-value-item {
  width: calc((100% - 50px) / 3);
  aspect-ratio: 435/259;
  border-radius: 26px;
  border: 1px solid #d0d0d0;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
@media (max-width: 800px) {
  .core-value .container .core-flex-wrap .core-value-item {
    width: calc((100% - 25px) / 2);
  }
}
@media (max-width: 767px) {
  .core-value .container .core-flex-wrap .core-value-item {
    width: calc((100% - 15px) / 2);
    padding: 15px 0;
  }
}
.core-value .container .core-flex-wrap .core-value-item .icon {
  aspect-ratio: 1;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .core-value .container .core-flex-wrap .core-value-item .icon {
    width: 60px;
  }
}
.core-value .container .core-flex-wrap .core-value-item p {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-small-title);
}
.core-value .container .core-flex-wrap .core-value-item p font {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-small-title);
}
@media (max-width: 767px) {
  .core-value .container .core-flex-wrap .core-value-item p {
    text-align: center;
    font-weight: 400;
  }
  .core-value .container .core-flex-wrap .core-value-item p font {
    font-weight: 400;
  }
}

.partner-index .title {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .partner-index .title {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}
.partner-index .title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 2px;
  width: 71px;
  background: #DE9F38;
}
.partner-index .description {
  margin-bottom: 50px;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .partner-index .description {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .partner-index .description {
    margin-bottom: 15px;
  }
}
.partner-index .flex-partner-index {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.partner-index .flex-partner-index .owl-stage-outer {
  overflow: hidden !important;
}
.partner-index .flex-partner-index .card-partner {
  max-width: 193px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.partner-index .flex-partner-index .card-partner img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}

.maintain-index {
  margin: 50px 0;
}
@media (max-width: 1200px) {
  .maintain-index {
    margin: 15px 0;
  }
}
.maintain-index .container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 68px;
}
@media (max-width: 1200px) {
  .maintain-index .container {
    flex-direction: column;
    gap: 15px;
  }
}
.maintain-index .container .left {
  width: calc(53% - 68px);
  display: flex;
  flex-direction: column;
}
@media (max-width: 1200px) {
  .maintain-index .container .left {
    width: 100%;
  }
}
.maintain-index .container .left .title {
  font-size: var(--fs-contact-small-title);
  font-family: "Inter-Semibold", sans-serif;
  font-weight: 600;
  text-transform: none;
  margin-bottom: 15px;
}
.maintain-index .container .left .title font {
  font-size: var(--fs-contact-small-title);
  font-family: "Inter-Semibold", sans-serif;
  font-weight: 600;
  text-transform: none;
}
.maintain-index .container .left .description ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-left: var(--fs-title-name);
}
@media (max-width: 767px) {
  .maintain-index .container .left .description ul {
    padding-left: var(--fs-title-name);
  }
}
.maintain-index .container .left .description div, .maintain-index .container .left .description p, .maintain-index .container .left .description li {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text-small);
  line-height: 1.5;
}
.maintain-index .container .left .description div strong, .maintain-index .container .left .description p strong, .maintain-index .container .left .description li strong {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-text-small);
}
.maintain-index .container .right {
  width: 47%;
}
@media (max-width: 1200px) {
  .maintain-index .container .right {
    width: 100%;
  }
}
.maintain-index .container .right .img {
  aspect-ratio: 750/429;
  border-radius: 12px;
  overflow: hidden;
}
.maintain-index .container .right .img:hover img {
  transform: scale(1.1);
  transition: all 0.3s ease;
}
.maintain-index .container .right .img img {
  transition: all 0.3s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flex-contact-main {
  margin: 50px 0;
}
@media (max-width: 1200px) {
  .flex-contact-main {
    margin: 15px 0;
  }
}
.flex-contact-main .container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 82px;
}
@media (max-width: 1200px) {
  .flex-contact-main .container {
    flex-direction: column;
    gap: 15px;
  }
}
.flex-contact-main .container .left {
  width: calc(52.5% - 82px);
}
@media (max-width: 1200px) {
  .flex-contact-main .container .left {
    width: 100%;
  }
}
.flex-contact-main .container .left .map {
  aspect-ratio: 750/429;
  border-radius: 12px;
}
.flex-contact-main .container .right {
  width: 47.5%;
}
@media (max-width: 1200px) {
  .flex-contact-main .container .right {
    width: 100%;
  }
}

.thong-tin-contact {
  margin: 50px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1200px) {
  .thong-tin-contact {
    margin: 15px 0;
  }
}
.thong-tin-contact p {
  width: 53%;
  color: #DE9F38;
  text-align: center;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-contact-small-title);
  font-weight: 600;
  line-height: 1.3;
}
@media (max-width: 1200px) {
  .thong-tin-contact p {
    width: var(--w-container);
    padding: 0 15px;
  }
}
.thong-tin-contact p font {
  color: #DE9F38;
  text-align: center;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-contact-small-title);
  font-weight: 600;
}

.document-page .module-item {
  background: rgb(255, 255, 255);
}
.document-page .module-item .title {
  margin-bottom: 30px;
}
.document-page .module-item .flex-document {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 65px;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 1200px) {
  .document-page .module-item .flex-document {
    gap: 15px;
  }
}
.document-page .module-item .flex-document .card-doc {
  width: calc((100% - 195px) / 4);
  display: flex;
  flex-direction: column;
}
@media (min-width: 701px) and (max-width: 1200px) {
  .document-page .module-item .flex-document .card-doc {
    width: calc((100% - 60px) / 4);
  }
}
@media (max-width: 767px) {
  .document-page .module-item .flex-document .card-doc {
    width: calc((100% - 15px) / 2);
  }
}
.document-page .module-item .flex-document .card-doc:hover img {
  transform: scale(1.1);
  transition: all 0.3s ease;
}
.document-page .module-item .flex-document .card-doc:hover .title-name a, .document-page .module-item .flex-document .card-doc:hover .download-btn a {
  color: #DE9F38;
}
.document-page .module-item .flex-document .card-doc .img {
  aspect-ratio: 340/483;
  border-radius: 6px;
  border: 1px solid #B8B8B8;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(20px);
  margin-bottom: 15px;
}
.document-page .module-item .flex-document .card-doc .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.document-page .module-item .flex-document .card-doc .title-name {
  margin-bottom: 15px;
}
.document-page .module-item .flex-document .card-doc .title-name a {
  color: #383934;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-text);
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .document-page .module-item .flex-document .card-doc .title-name a {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 46px;
  }
}
.document-page .module-item .flex-document .card-doc .title-name a font {
  color: #383934;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-text);
  font-weight: 700;
  line-height: 1.5;
}
.document-page .module-item .flex-document .card-doc .flex-btn .detail {
  width: 100%;
}
.document-page .module-item .flex-document .card-doc .download-btn a {
  color: #DE9F38;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-text-small);
  font-weight: 600;
  line-height: 1.5;
}
.document-page .module-item .flex-document .card-doc .download-btn a font {
  color: #DE9F38;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-text-small);
  font-weight: 600;
  line-height: 1.5;
}
.document-page .module-item.active {
  background: #F5F5F5;
}

.document-index .title {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .document-index .title {
    margin-bottom: 15px;
  }
}
.document-index .flex-document-index {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 40px;
}
@media (max-width: 990px) {
  .document-index .flex-document-index {
    gap: 15px;
  }
}
.document-index .flex-document-index .card-item {
  width: calc((100% - 80px) / 3);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border-bottom: 1px solid #D0D0D0;
  position: relative;
}
@media (min-width: 701px) and (max-width: 990px) {
  .document-index .flex-document-index .card-item {
    width: calc((100% - 30px) / 3);
  }
}
@media (max-width: 767px) {
  .document-index .flex-document-index .card-item {
    width: 100%;
  }
}
.document-index .flex-document-index .card-item:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: #D0D0D0;
  width: 0;
  height: 1px;
  transition: all 0.3s linear;
}
.document-index .flex-document-index .card-item:hover .img img {
  transform: scale(1.1);
  overflow: hidden;
  transition: transform 0.3s ease;
}
.document-index .flex-document-index .card-item:hover .title-name {
  color: #DE9F38;
}
.document-index .flex-document-index .card-item:hover:before {
  background: #DE9F38;
  width: 100%;
  height: 1px;
  transition: all 0.3s linear;
}
.document-index .flex-document-index .card-item .img {
  aspect-ratio: 494/278;
  border-radius: 6px;
}
.document-index .flex-document-index .card-item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.document-index .flex-document-index .card-item .title-name {
  color: #383934;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-text);
  font-weight: 700;
  line-height: 1.5;
  padding: 17px 0;
}
.document-index .flex-document-index .card-item .title-name font {
  color: #383934;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-text);
  font-weight: 700;
  line-height: 1.5;
}

.commitment-index {
  text-align: center;
}
@media (max-width: 800px) {
  .commitment-index {
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .commitment-index {
    padding-bottom: 50px;
  }
}
.commitment-index .small-title {
  font-size: var(--fs-title-commitment);
  font-family: "Inter-Semibold", sans-serif;
  margin-bottom: 30px;
}
.commitment-index .desc {
  padding: 0 150px;
  margin-bottom: 30px;
}

.scope-index .description {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .scope-index .description {
    margin-bottom: 15px;
  }
}
.scope-index .scope-grid {
  position: relative;
}
.scope-index .scope-grid .owl-dots {
  transition: background-color 0.3s ease;
  bottom: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 15px;
  padding-top: 15px;
}
.scope-index .scope-grid .owl-dots .owl-dot {
  background-color: transparent;
  border: 1px solid #DE9F38;
  width: 13px;
  height: 13px;
  border-radius: 50%;
}
.scope-index .scope-grid .owl-dots .owl-dot.active {
  background-color: #DE9F38;
}

.card-range {
  aspect-ratio: 392/535;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}
.card-range .img {
  aspect-ratio: 392/535;
  overflow: hidden;
  border-radius: 12px;
}
.card-range .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.card-range .infor {
  aspect-ratio: 292/248;
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 30px;
  left: 0;
  background: linear-gradient(180deg, rgba(2, 2, 2, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  display: flex;
  align-items: end;
}
.card-range .title-range {
  color: #fff;
  line-height: 1.4;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.card-range:hover .img img {
  transform: scale(1.05);
}

@media (max-width: 767px) {
  .contact-page-index {
    padding-bottom: 60px;
  }
}
.contact-page-index .container .infor {
  padding-bottom: 85px;
}
@media (max-width: 767px) {
  .contact-page-index .container .infor {
    padding-bottom: 45px;
  }
}
.contact-page-index .container .infor .sub-title {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-contact);
  margin-bottom: var(--fs-title-name);
}
.contact-page-index .container .infor .sub-title font {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-contact);
}
@media (max-width: 767px) {
  .contact-page-index .container .infor .sub-title {
    margin-bottom: 15px;
  }
}
.contact-page-index .container .infor .small-title {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-contact-small-title);
}
.contact-page-index .container .contact-us {
  display: flex;
  justify-content: space-between;
  gap: var(--fs-title-name);
}
@media (min-width: 700px) and (max-width: 1180px) {
  .contact-page-index .container .contact-us {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
}
.contact-page-index .container .contact-us {
  padding-bottom: 50px;
}
@media (max-width: 767px) {
  .contact-page-index .container .contact-us {
    justify-content: center;
    flex-direction: column;
    padding-bottom: 15px;
  }
}
.contact-page-index .container .contact-us .contact-card {
  position: relative;
  width: 100%;
  max-width: 302px;
  aspect-ratio: 302/189;
  border: 1px solid #d0d0d0;
  border-radius: 18px;
}
@media (min-width: 700px) and (max-width: 1180px) {
  .contact-page-index .container .contact-us .contact-card {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .contact-page-index .container .contact-us .contact-card {
    max-width: 100%;
    margin-bottom: 30px;
    aspect-ratio: 302/110;
  }
  .contact-page-index .container .contact-us .contact-card:last-child {
    margin-bottom: 0;
  }
}
.contact-page-index .container .contact-us .contact-card .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1;
  padding: 10px;
  position: absolute;
  top: -36px;
  left: var(--fs-title-name);
  background-color: #DE9F38;
  width: 72px;
  border-radius: 50%;
  border: 5px solid #fff;
}
.contact-page-index .container .contact-us .contact-card .contact-content {
  margin-top: 0;
  padding: 70px var(--fs-title-name) var(--fs-title-name) var(--fs-title-name);
}
@media (max-width: 767px) {
  .contact-page-index .container .contact-us .contact-card .contact-content {
    padding: 50px var(--fs-title-name) var(--fs-title-name) var(--fs-title-name);
  }
}
.contact-page-index .container .contact-us .contact-card .contact-content .contact-title {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
  padding-bottom: 10px;
  line-height: 1;
}
.contact-page-index .container .contact-us .contact-card .contact-content .contact-des {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-contact-media);
}
.contact-page-index .container .contact-us .contact-card .contact-content .contact-des .phone {
  font-size: 31px;
}
.contact-page-index .container .contact-us .contact-card .contact-content .contact-des2 {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-text);
  line-height: 1.2;
}
.contact-page-index .container .contact-us .contact-card .contact-content .contact-des2 font {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-text);
}
.contact-page-index .container .information-contact {
  display: flex;
  justify-content: space-between;
  gap: 25px;
}
@media (max-width: 767px) {
  .contact-page-index .container .information-contact {
    flex-direction: column;
  }
}
.contact-page-index .container .information-contact .map {
  width: calc((100% - 25px) / 2);
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 625/436;
}
@media (max-width: 767px) {
  .contact-page-index .container .information-contact .map {
    width: 100%;
    max-width: 100%;
  }
}
.contact-page-index .container .information-contact .map iframe {
  border-radius: 16px;
  width: 100%;
  display: block;
}
.contact-page-index .container .information-contact .send-information-contact {
  width: calc((100% - 25px) / 2);
}
@media (max-width: 767px) {
  .contact-page-index .container .information-contact .send-information-contact {
    width: 100%;
  }
}
.contact-page-index .container .information-contact .send-information-contact .title-contact {
  font-family: "Inter-Semibold", sans-serif;
  text-transform: uppercase;
  font-size: clamp(18px, var(--fs-title-contact) * 100vw / 1920, var(--fs-title-contact));
  padding-bottom: var(--fs-title-name);
}
.contact-page-index .container .information-contact .send-information-contact .title-contact font {
  font-size: var(--fs-title-contact);
  font-family: "Inter-Semibold", sans-serif;
}
@media (max-width: 767px) {
  .contact-page-index .container .information-contact .send-information-contact .title-contact {
    padding-bottom: 15px;
  }
}
.contact-page-index .container .information-contact .detail {
  height: 48px;
  border: 1px solid #DE9F38;
  font-size: var(--fs-btn);
  font-weight: 600;
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0 21px;
  overflow: hidden;
  border-radius: 4px;
  cursor: pointer;
}
.contact-page-index .container .information-contact .detail:before, .contact-page-index .container .information-contact .detail:after {
  background: #DE9F38;
}
.contact-page-index .container .information-contact .detail:hover {
  background: transparent;
  border: 1px solid #DE9F38;
}
.contact-page-index .container .information-contact .detail:hover:before, .contact-page-index .container .information-contact .detail:hover:after {
  background: #DE9F38;
}
.contact-page-index .container .information-contact .detail:hover span {
  color: #DE9F38;
}
.contact-page-index .container .information-contact span {
  position: relative;
  z-index: 3;
  font-weight: 600;
}
.contact-page-index .container .flex-btn .detail {
  width: 253px;
  height: 57px;
  border-radius: 32.82px;
  text-transform: uppercase;
  border: 2px solid #DE9F38;
  background: #DE9F38;
  transition: background 0.5s ease;
}
@media (max-width: 767px) {
  .contact-page-index .container .flex-btn .detail {
    height: 50px;
    width: 195px;
  }
}
.contact-page-index .container .flex-btn .detail span {
  display: flex;
  gap: 10px;
  align-items: center;
}
.contact-page-index .container .flex-btn .detail span svg {
  margin-top: -2px;
}
.contact-page-index .container .flex-btn .detail::before, .contact-page-index .container .flex-btn .detail::after {
  background-color: #383934;
}
.contact-page-index .container .flex-btn .detail:before {
  left: -50%;
}
.contact-page-index .container .flex-btn .detail:after {
  right: -50%;
}
.contact-page-index .container .flex-btn .detail:hover {
  border-color: #383934;
  background: transparent;
}
.contact-page-index .container .flex-btn .detail:hover:before {
  left: 0;
}
.contact-page-index .container .flex-btn .detail:hover:after {
  right: 0;
}
.contact-page-index .container .flex-btn .detail:hover span {
  color: rgb(255, 255, 255);
}
.contact-page-index .container .flex-btn .detail:hover svg path {
  stroke: transparent;
}

.news-latest {
  padding-top: 50px;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .news-latest {
    padding-top: 30px;
  }
}
@media (max-width: 767px) {
  .news-latest {
    padding-top: 15px;
  }
}
.news-latest .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.news-latest .container .title {
  margin-bottom: var(--fs-title-name);
}
@media (max-width: 767px) {
  .news-latest .container .title {
    margin-bottom: 15px;
  }
}
.news-latest .container .description {
  width: 65%;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .news-latest .container .description {
    margin-bottom: 15px;
    width: 100%;
  }
}
.news-latest .container .description p {
  text-align: center;
}
.news-latest .news-flex {
  gap: 0 !important;
  width: 100%;
}
.news-latest .news-flex .card-news {
  width: unset !important;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.pagination a {
  text-decoration: none;
  color: #343441;
  padding: 8px 12px;
  border: 1px solid #d0d0d0;
  cursor: pointer;
}
.pagination a:hover {
  background-color: #f0f0f0;
}
.pagination a.active {
  background-color: #DE9F38;
  color: white;
}
.pagination a.prev, .pagination a.next {
  font-weight: bold;
}

.large-img-right {
  aspect-ratio: 305/186;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: var(--fs-title-name);
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .large-img-right {
    margin-bottom: 15px;
  }
}
.large-img-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rent-to-car {
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .rent-to-car {
    margin-bottom: 15px;
  }
}

.owl-rent {
  width: 74.9%;
  margin: auto;
  padding-top: var(--fs-title-name);
}
@media (max-width: 767px) {
  .owl-rent {
    padding-top: 0;
    width: 100%;
  }
}
.owl-rent .owl-carousel .owl-stage-outer {
  overflow: initial;
}
@media (max-width: 767px) {
  .owl-rent .owl-carousel .owl-stage-outer {
    overflow: hidden;
  }
}
.owl-rent .owl-carousel .img {
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}
.owl-rent .owl-carousel .img:after {
  content: "";
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.owl-rent .owl-carousel .img {
  aspect-ratio: 978/558;
}
.owl-rent .owl-carousel .img img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.owl-rent .owl-carousel .owl-item.center .img:after {
  display: none;
}
.owl-rent .owl-dots {
  position: absolute;
  bottom: -50px;
  left: 50%;
  display: flex;
  flex-direction: row;
  gap: 15px;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .owl-rent .owl-dots {
    bottom: -35px;
  }
}
.owl-rent .owl-dots .owl-dot {
  width: 15px;
  height: 15px;
  border: 1px solid #DE9F38;
  border-radius: 50%;
}
.owl-rent .owl-dots .owl-dot.active {
  background-color: #DE9F38;
}

.clrindexknh {
  border-radius: 4px;
  border: 1px solid #E8E8E8;
  background: #F9F9F9;
  padding: 20px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .clrindexknh {
    padding: 15px;
    margin-bottom: 15px;
  }
}
.clrindexknh .mucluc {
  display: flex;
  justify-content: start;
  align-items: center;
  font-family: "Inter-Semibold", sans-serif;
  gap: 15px;
  margin-bottom: 10px;
  cursor: pointer;
  font-size: clamp(15px, 1.0416666667vw, 20px);
}
.clrindexknh .mucluc span {
  font-family: "Inter-Semibold", sans-serif;
}
.clrindexknh .mucluc .icon {
  width: 33px;
  height: 33px;
  border-radius: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #DE9F38;
}
.clrindexknh .mucluc font {
  font-family: "Inter-Semibold", sans-serif;
  font-size: clamp(15px, 1.0416666667vw, 20px);
}
@media (max-width: 767px) {
  .clrindexknh .mucluc {
    margin-bottom: 15px;
  }
}
.clrindexknh .table-of-content {
  padding-left: 45px;
}
.clrindexknh .table-of-content h5,
.clrindexknh .table-of-content h6 {
  line-height: 1.5;
  margin-bottom: 10px;
}

.letter-intro .container {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 127px;
}
@media (max-width: 990px) {
  .letter-intro .container {
    flex-direction: column;
    gap: var(--fs-title-name);
  }
}
.letter-intro .container.container-3 .right-side {
  width: 48%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 990px) {
  .letter-intro .container.container-3 .right-side {
    width: 100%;
  }
}
.letter-intro .container.container-3 .right-side .img {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 747/413;
  border-radius: 12px;
  border: 5px solid rgb(255, 255, 255);
  max-width: 747px;
}
.letter-intro .container.container-3 .right-side .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.letter-intro .container.row-reverse {
  flex-direction: row-reverse;
  gap: 87px;
}
@media (max-width: 990px) {
  .letter-intro .container.row-reverse {
    flex-direction: column;
    gap: var(--fs-title-name);
  }
}
.letter-intro .container.row-reverse .left-side {
  width: calc(53% - 87px);
}
@media (max-width: 990px) {
  .letter-intro .container.row-reverse .left-side {
    width: 100%;
  }
}
.letter-intro .container.row-reverse .left-side .title {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .letter-intro .container.row-reverse .left-side .title {
    margin-bottom: 15px;
  }
}
.letter-intro .container.row-reverse .right-side {
  width: 47%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  max-height: 651px;
}
@media (max-width: 990px) {
  .letter-intro .container.row-reverse .right-side {
    width: 100%;
  }
}
.letter-intro .container.row-reverse .right-side:before {
  content: "";
  position: absolute;
  top: -15px;
  left: -15px;
  width: 151px;
  height: 151px;
  border-radius: 12px;
  background: #DE9F38;
  z-index: -1;
}
.letter-intro .container.row-reverse .right-side .img {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 754/651;
  border-radius: 12px;
  border: 5px solid rgb(255, 255, 255);
  max-width: 754px;
}
.letter-intro .container.row-reverse .right-side .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.letter-intro .container .left-side {
  width: calc(52% - 127px);
}
@media (max-width: 990px) {
  .letter-intro .container .left-side {
    width: 100%;
  }
}
.letter-intro .container .left-side .title {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .letter-intro .container .left-side .title {
    margin-bottom: 15px;
  }
}
.letter-intro .container .left-side .description ul {
  padding-left: var(--fs-title-name);
}
.letter-intro .container .left-side .description ul li {
  margin-bottom: 10px !important;
}
.letter-intro .container .left-side .description ul, .letter-intro .container .left-side .description li, .letter-intro .container .left-side .description div, .letter-intro .container .left-side .description p {
  color: #383934;
  font-size: var(--fs-text-small);
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 15px;
}
.letter-intro .container .left-side .description ul font, .letter-intro .container .left-side .description li font, .letter-intro .container .left-side .description div font, .letter-intro .container .left-side .description p font {
  color: #383934;
  font-size: var(--fs-text-small);
  font-weight: 400;
  line-height: 1.5;
}
.letter-intro .container .right-side {
  width: 48%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 990px) {
  .letter-intro .container .right-side {
    width: 100%;
  }
}
.letter-intro .container .right-side:before {
  content: "";
  position: absolute;
  top: -15px;
  left: -15px;
  width: 151px;
  height: 151px;
  border-radius: 12px;
  background: #DE9F38;
  z-index: -1;
}
.letter-intro .container .right-side .img {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 753/511;
  border-radius: 12px;
  border: 5px solid rgb(255, 255, 255);
  max-width: 753px;
}
.letter-intro .container .right-side .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tab-module {
  display: flex;
  justify-content: center;
  position: sticky;
  top: calc(var(--h-header) - 114px);
  z-index: 10;
  background: rgb(255, 255, 255);
  border-bottom: 1px solid #DFDFDF;
}
@media (max-width: 767px) {
  .tab-module {
    top: calc(var(--h-header) + 3px);
  }
}
.tab-module.is-stuck {
  opacity: 1;
}
.tab-module .container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 50px;
  align-items: center;
}
@media (max-width: 990px) {
  .tab-module .container {
    padding-right: 0px;
    padding-left: 0px;
    justify-content: flex-start;
    align-items: center;
    overflow-x: auto;
    white-space: nowrap;
    scroll-snap-type: x mandatory;
  }
}
.tab-module .container .item {
  padding: 15px 0;
  font-weight: 600;
  line-height: 1.5;
  border-bottom: 1px solid transparent;
}
.tab-module .container .item span {
  font-family: "Inter-Semibold", sans-serif;
  font-weight: 600;
  font-size: var(--fs-text-small);
  text-transform: uppercase;
  color: #383934;
}
@media (max-width: 767px) {
  .tab-module .container .item {
    padding: 10px 15px;
  }
}
.tab-module .container .item font {
  font-family: "Inter-Semibold", sans-serif;
  font-weight: 600;
  font-size: var(--fs-text-small);
  text-transform: uppercase;
  color: #383934;
}
.tab-module .container .item:hover {
  border-bottom: 1px solid #DE9F38;
}
.tab-module .container .item:hover span {
  color: #DE9F38;
}
.tab-module .container .item.active {
  border-bottom: 1px solid #DE9F38;
}
.tab-module .container .item.active span {
  color: #DE9F38;
}

.share-news {
  display: flex;
  gap: 15px;
  align-items: center;
  margin-top: 15px;
}
.share-news a {
  width: 45px;
  height: 45px;
  border-radius: 30px;
  border: 1px solid #383934;
  display: flex;
  align-items: center;
  justify-content: center;
}
.share-news a.fb:hover {
  background: #3d7ef8;
  border-color: #3d7ef8;
}
.share-news a.fb:hover svg rect {
  fill: transparent;
}
.share-news a.fb:hover svg path {
  fill: rgb(255, 255, 255);
}
.share-news a.mail:hover {
  background: #383934;
}
.share-news a.mail:hover svg path {
  fill: rgb(255, 255, 255);
}

.news-other-left {
  border-top: 1px solid #c5c5c5;
  margin-top: 40px;
  padding-top: 40px;
}
@media (max-width: 767px) {
  .news-other-left {
    padding-top: 15px;
    margin-top: 15px;
  }
}

.other-service .owl-carousel {
  position: initial;
}
.other-service .owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  overflow: hidden;
  z-index: 1;
}
.other-service .owl-theme .owl-nav [class*=owl-].owl-prev {
  left: -40px;
}
.other-service .owl-theme .owl-nav [class*=owl-].owl-next {
  right: -40px;
}
.other-service .owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent;
}
.other-service .owl-theme .owl-nav [class*=owl-]:hover svg path {
  fill: #DE9F38;
}
.other-service .owl-otherservice {
  position: relative;
}

.partners-index .title {
  text-align: center;
}

.slide-partners-index .owl-carousel .owl-item img {
  width: initial;
  height: initial;
}

.card-partner {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 220/100;
}
.card-partner img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}

.project-page .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.project-page .container .flex-project-index {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 30px;
  margin-bottom: 40px;
}
@media (max-width: 1200px) {
  .project-page .container .flex-project-index {
    gap: 15px;
    margin-bottom: 15px;
  }
}
.project-page .container .flex-project-index .item {
  width: calc((100% - 60px) / 3);
  position: relative;
  aspect-ratio: 600/463;
  border-radius: 8px;
}
@media (max-width: 1200px) {
  .project-page .container .flex-project-index .item {
    width: calc((100% - 15px) / 2);
  }
}
@media (max-width: 767px) {
  .project-page .container .flex-project-index .item {
    width: 100% !important;
    aspect-ratio: unset;
  }
}
.project-page .container .flex-project-index .item:hover .title-name {
  background: #DE9F38 !important;
  color: rgb(255, 255, 255) !important;
}
.project-page .container .flex-project-index .item:hover .title-name font {
  color: rgb(255, 255, 255) !important;
}
.project-page .container .flex-project-index .item .img {
  aspect-ratio: 600/463;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .project-page .container .flex-project-index .item .img {
    aspect-ratio: unset !important;
  }
}
.project-page .container .flex-project-index .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.project-page .container .flex-project-index .item .infor {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  width: 95%;
}
@media (max-width: 767px) {
  .project-page .container .flex-project-index .item .infor {
    bottom: 15px;
  }
}
.project-page .container .flex-project-index .item .infor .title-name {
  width: 100%;
  text-align: center;
  color: #383934;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-text);
  font-weight: 700;
  line-height: normal;
  height: 92px;
  padding: 0 60px;
  border-radius: 8px;
  background: #FFF;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1200px) {
  .project-page .container .flex-project-index .item .infor .title-name {
    padding: 0 15px;
  }
}
@media (max-width: 767px) {
  .project-page .container .flex-project-index .item .infor .title-name {
    height: 60px;
  }
}
.project-page .container .flex-project-index .item .infor .title-name font {
  color: #383934;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-text);
  font-weight: 700;
  line-height: normal;
}
.project-page .container .flex-project-index .item .infor .title-name a {
  text-align: center;
  color: #383934;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-text);
  font-weight: 700;
  line-height: normal;
  height: 92px;
  padding: 0 60px;
  border-radius: 8px;
  background: #FFF;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1200px) {
  .project-page .container .flex-project-index .item .infor .title-name a {
    padding: 0 15px;
  }
}
@media (max-width: 767px) {
  .project-page .container .flex-project-index .item .infor .title-name a {
    height: 60px;
  }
}
.project-page .container .flex-project-index .item .infor .title-name a:hover {
  background: #DE9F38;
  color: rgb(255, 255, 255);
}
.project-page .container .flex-project-index .item .infor .title-name a:hover font {
  color: rgb(255, 255, 255);
}
.project-page .container .flex-project-index .item .infor .title-name a font {
  color: #383934;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-text);
  font-weight: 700;
  line-height: normal;
}
.project-page .description {
  width: 32%;
}
@media (min-width: 991px) and (max-width: 1600px) {
  .project-page .description {
    width: 50%;
  }
}
@media (max-width: 990px) {
  .project-page .description {
    width: 100%;
  }
}
.project-page .description div, .project-page .description p {
  text-align: center;
}

.slide-comment .owl-stage {
  display: flex;
}
.slide-comment .owl-stage .card-comment {
  min-height: 100%;
}

.flex-3-rows {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 30px;
}
@media (min-width: 701px) and (max-width: 1200px) {
  .flex-3-rows {
    gap: 30px;
  }
}
.flex-3-rows.slide-crs {
  display: unset;
}
.flex-3-rows.slide-crs .card-prj {
  width: unset;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .flex-3-rows.slide-crs .card-prj {
    width: unset;
  }
}
.flex-3-rows.slide-crs .card-prj .title-name {
  font-size: var(--fs-title-name);
}
.flex-3-rows.slide-crs .card-prj .title-name font {
  font-size: var(--fs-title-name);
}
@media (max-width: 767px) {
  .flex-3-rows {
    flex-direction: column;
    gap: 15px;
  }
}
.flex-3-rows .card-prj {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: calc((100% - 60px) / 3);
}
@media (min-width: 701px) and (max-width: 1200px) {
  .flex-3-rows .card-prj {
    width: calc((100% - 30px) / 2);
  }
}
@media (max-width: 990px) {
  .flex-3-rows .card-prj {
    width: 100%;
  }
}
.flex-3-rows .card-prj .img {
  aspect-ratio: 441/247;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}
.flex-3-rows .card-prj .img:hover img {
  transform: scale(1.1);
}
.flex-3-rows .card-prj .box-prj .title-name {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title-name);
  margin-bottom: 15px;
  line-height: 1.4;
}
.flex-3-rows .card-prj .box-prj .title-name font {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title-name);
}
.flex-3-rows .card-prj .box-prj .sub-prj {
  font-family: "Inter-Medium", sans-serif;
  font-size: var(--fs-text-small);
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.flex-3-rows .card-prj .box-prj .sub-prj font {
  font-family: "Inter-Medium", sans-serif;
  font-size: var(--fs-text-small);
}
.flex-3-rows .card-prj .box-prj .date-news {
  display: inline-block;
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text-small);
  color: #828282;
  margin-bottom: 15px;
}
.flex-3-rows .card-prj .box-prj .date-news font {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text-small);
  color: #828282;
}
.flex-3-rows .card-prj .box-prj .view-more {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
}
.flex-3-rows .card-prj .box-prj .view-more span {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text-small);
  color: #DE9F38;
}

.news-flex-half {
  display: flex;
  flex-direction: column;
  gap: 50px;
  justify-content: space-between;
  align-items: flex-start;
}
@media (min-width: 700px) and (max-width: 990px) {
  .news-flex-half {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .news-flex-half {
    gap: 15px;
  }
}
.news-flex-half .top-half {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
}
@media (min-width: 700px) and (max-width: 990px) {
  .news-flex-half .top-half {
    flex-direction: column;
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .news-flex-half .top-half {
    flex-direction: column;
    gap: 15px;
  }
}
.news-flex-half .top-half .left-side.card-news {
  aspect-ratio: 736/438;
  max-width: 100%;
  position: relative;
  width: 50.6%;
  overflow: hidden;
  border-radius: 0;
}
@media (max-width: 990px) {
  .news-flex-half .top-half .left-side.card-news {
    width: 100%;
  }
}
.news-flex-half .top-half .left-side.card-news::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(0deg, #000 0%, rgba(102, 102, 102, 0) 100%);
  z-index: 2;
  transition: height 0.5s ease-in-out;
}
@media (max-width: 1199px) {
  .news-flex-half .top-half .left-side.card-news::before {
    height: 50%;
  }
}
.news-flex-half .top-half .left-side.card-news .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: 736/438;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  border-radius: 0;
}
.news-flex-half .top-half .left-side.card-news .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-flex-half .top-half .left-side.card-news .infor {
  width: 100%;
  position: absolute;
  bottom: 30px;
  left: 0;
  padding: 0 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  z-index: 3;
  transition: bottom 0.5s ease-in-out;
}
@media (max-width: 1199px) {
  .news-flex-half .top-half .left-side.card-news .infor {
    bottom: 30px;
  }
}
.news-flex-half .top-half .left-side.card-news .infor .title-name {
  width: 80%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  color: rgb(255, 255, 255);
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-title-module);
  line-height: 1.4;
  margin-bottom: 0 !important;
}
.news-flex-half .top-half .left-side.card-news .infor .title-name font {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  color: rgb(255, 255, 255);
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-title-module);
  line-height: 1.4;
}
.news-flex-half .top-half .left-side.card-news .infor .btn-view {
  display: flex;
}
.news-flex-half .top-half .left-side.card-news .infor .btn-view:hover a {
  background: rgb(255, 255, 255);
  border: 1px solid #DE9F38;
}
.news-flex-half .top-half .left-side.card-news .infor .btn-view:hover a svg {
  fill: #DE9F38;
}
.news-flex-half .top-half .left-side.card-news .infor .btn-view:hover a svg path {
  fill: #DE9F38;
}
.news-flex-half .top-half .left-side.card-news .infor .btn-view a {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #DE9F38;
}
.news-flex-half .top-half .right-side {
  padding-left: 75px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 49.4%;
}
@media (max-width: 990px) {
  .news-flex-half .top-half .right-side {
    padding-left: 0px;
    width: 100%;
  }
}
.news-flex-half .top-half .right-side .top-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--fs-title-name);
}
.news-flex-half .top-half .right-side .top-title .line {
  width: 63px;
  height: 3px;
  background: #DE9F38;
}
.news-flex-half .top-half .right-side .top-title .top-name {
  color: #383934;
  text-align: justify;
  font-size: var(--fs-text);
  font-family: "Inter-Regular", sans-serif;
  line-height: 1.5;
  text-transform: uppercase;
}
.news-flex-half .top-half .right-side .title {
  margin-bottom: var(--fs-title-name);
}
@media (max-width: 767px) {
  .news-flex-half .top-half .right-side .title {
    margin-bottom: 15px;
  }
}
.news-flex-half .top-half .right-side .title-name {
  width: 100%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  color: #383934;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-title-module);
  line-height: 1.4;
  margin-bottom: 0 !important;
}
.news-flex-half .top-half .right-side .title-name font {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  color: #383934;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-title-module);
  line-height: 1.4;
}
.news-flex-half .top-half .right-side .btn-view {
  display: flex;
}
.news-flex-half .top-half .right-side .btn-view:hover a {
  background: rgb(255, 255, 255);
  border: 1px solid #DE9F38;
}
.news-flex-half .top-half .right-side .btn-view:hover a svg {
  fill: #DE9F38;
}
.news-flex-half .top-half .right-side .btn-view:hover a svg path {
  fill: #DE9F38;
}
.news-flex-half .top-half .right-side .btn-view a {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #DE9F38;
}
.news-flex-half .top-half .right-side .description {
  margin-bottom: var(--fs-title-name);
}

.bottom-half.news-flex {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 44px;
}
@media (min-width: 700px) and (max-width: 990px) {
  .bottom-half.news-flex {
    flex-direction: row;
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .bottom-half.news-flex {
    flex-direction: column;
    gap: 15px;
  }
}
.bottom-half.news-flex .card-news {
  width: calc((100% - 88px) / 3);
  display: flex;
  flex-direction: column;
}
@media (min-width: 700px) and (max-width: 990px) {
  .bottom-half.news-flex .card-news {
    width: calc((100% - 30px) / 2);
  }
}
@media (max-width: 767px) {
  .bottom-half.news-flex .card-news {
    width: 100%;
  }
}
.bottom-half.news-flex .card-news .img {
  aspect-ratio: 459/273;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  border-radius: 0;
}
.bottom-half.news-flex .card-news .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bottom-half.news-flex .card-news .infor {
  width: 100%;
  padding-top: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  z-index: 3;
  transition: bottom 0.5s ease-in-out;
}
.bottom-half.news-flex .card-news .infor .title-name {
  width: 80%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  color: #383934;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-title-module);
  line-height: 1.4;
  margin-bottom: 0 !important;
}
.bottom-half.news-flex .card-news .infor .title-name font {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  color: #383934;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-title-module);
  line-height: 1.4;
}
.bottom-half.news-flex .card-news .infor .btn-view {
  display: flex;
}
.bottom-half.news-flex .card-news .infor .btn-view:hover a {
  background: #DE9F38;
}
.bottom-half.news-flex .card-news .infor .btn-view:hover a svg {
  fill: rgb(255, 255, 255);
}
.bottom-half.news-flex .card-news .infor .btn-view:hover a svg path {
  fill: rgb(255, 255, 255);
}
.bottom-half.news-flex .card-news .infor .btn-view a {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid #DE9F38;
}

.skill-index {
  background: url("../images/background-about-4.webp") no-repeat;
  background-size: cover;
}
.skill-index .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.skill-index .container .title {
  color: rgb(255, 255, 255);
}
.skill-index .container .title font {
  color: rgb(255, 255, 255);
}
.skill-index .container .description {
  color: rgb(255, 255, 255);
  position: relative;
  padding-bottom: 30px;
}
.skill-index .container .description p {
  color: rgb(255, 255, 255);
}
.skill-index .container .description:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 30%;
  height: 3px;
  background: #DE9F38;
}

.main-skill-index {
  padding-top: 50px;
}
@media (min-width: 700px) and (max-width: 1200px) {
  .main-skill-index {
    padding-top: 30px;
  }
}
@media (max-width: 767px) {
  .main-skill-index {
    padding-top: 15px;
  }
}
.main-skill-index .people-working-in-field {
  display: flex;
  flex-direction: row;
  gap: 87px;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
@media (min-width: 990px) and (max-width: 1180px) {
  .main-skill-index .people-working-in-field {
    gap: 50px;
    margin-bottom: 50px;
  }
}
@media (min-width: 700px) and (max-width: 990px) {
  .main-skill-index .people-working-in-field {
    gap: 30px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .main-skill-index .people-working-in-field {
    flex-direction: row;
    gap: 10px;
    margin-bottom: 15px;
  }
}
.main-skill-index .people-working-in-field .item {
  width: calc((100% - 87px - 87px) / 3);
}
@media (min-width: 990px) and (max-width: 1180px) {
  .main-skill-index .people-working-in-field .item {
    width: calc((100% - 50px) / 2);
  }
}
@media (min-width: 700px) and (max-width: 990px) {
  .main-skill-index .people-working-in-field .item {
    width: calc((100% - 30px) / 2);
  }
}
@media (max-width: 767px) {
  .main-skill-index .people-working-in-field .item {
    width: 100%;
  }
}
.main-skill-index .people-working-in-field .item ul {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-left: 25px;
}
@media (max-width: 767px) {
  .main-skill-index .people-working-in-field .item ul {
    padding-left: var(--fs-title-name);
    gap: 10px;
  }
}
.main-skill-index .people-working-in-field .item ul li {
  line-height: 1.2;
}
.main-skill-index .flex-more-infor {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 63px;
}
@media (min-width: 990px) and (max-width: 1180px) {
  .main-skill-index .flex-more-infor {
    gap: 50px;
  }
}
@media (min-width: 700px) and (max-width: 990px) {
  .main-skill-index .flex-more-infor {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .main-skill-index .flex-more-infor {
    flex-direction: column;
    gap: 15px;
  }
}
.main-skill-index .flex-more-infor .left-side {
  width: 51.6%;
  aspect-ratio: 750/383;
}
@media (max-width: 990px) {
  .main-skill-index .flex-more-infor .left-side {
    width: 100%;
  }
}
.main-skill-index .flex-more-infor .left-side .img {
  aspect-ratio: 750/383;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-skill-index .flex-more-infor .left-side .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main-skill-index .flex-more-infor .right-side {
  width: calc(48.4% - 63px);
}
@media (max-width: 990px) {
  .main-skill-index .flex-more-infor .right-side {
    width: 100%;
  }
}
.main-skill-index .flex-more-infor .right-side p {
  line-height: 1.4;
  text-align: justify;
}

.document-index .container .title-ctn {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: var(--fs-title-name);
  border-bottom: 3px solid #DE9F38;
}
.document-index .container .title-ctn .left-side {
  color: #383934;
  font-family: "Inter-Bold", sans-serif;
  text-transform: uppercase;
}
.document-index .container .title-ctn .left-side font {
  color: #383934;
  font-family: "Inter-Bold", sans-serif;
  text-transform: uppercase;
}
.document-index .container .title-ctn .right-side {
  padding: 0 25px;
  margin-right: 19px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .document-index .container .title-ctn .right-side {
    margin-right: 15px;
  }
}
.document-index .container .title-ctn .right-side h1 {
  color: #383934;
  font-family: "Inter-Bold", sans-serif;
  text-transform: uppercase;
}
.document-index .container .title-ctn .right-side h1 font {
  color: #383934;
  font-family: "Inter-Bold", sans-serif;
  text-transform: uppercase;
}
.document-index .container .download-flex-index {
  display: flex;
  flex-direction: column;
}
.document-index .container .download-flex-index .card-download {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 25px 19px;
  background: rgb(255, 255, 255);
  gap: 25px;
}
@media (max-width: 767px) {
  .document-index .container .download-flex-index .card-download {
    gap: 15px;
    padding: 15px;
  }
}
.document-index .container .download-flex-index .card-download .icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.document-index .container .download-flex-index .card-download .infor {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.document-index .container .download-flex-index .card-download .infor .title-download {
  font-family: "Inter-Bold", sans-serif;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .document-index .container .download-flex-index .card-download .infor .title-download {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
  }
}
.document-index .container .download-flex-index .card-download .infor .title-download a {
  font-family: "Inter-Bold", sans-serif;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .document-index .container .download-flex-index .card-download .infor .title-download a {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
  }
}
.document-index .container .download-flex-index .card-download .infor .title-download a font {
  font-family: "Inter-Bold", sans-serif;
  line-height: 1.4;
}
.document-index .container .download-flex-index .card-download .infor .title-download font {
  font-family: "Inter-Bold", sans-serif;
  line-height: 1.4;
}
.document-index .container .download-flex-index .card-download .infor .button-download {
  height: 35px;
  padding: 0 25px;
  border-radius: 5px;
  background: transparent;
  border: 1px solid #DE9F38;
  display: flex;
  align-items: center;
  justify-content: center;
}
.document-index .container .download-flex-index .card-download .infor .button-download:hover {
  background: #DE9F38;
}
.document-index .container .download-flex-index .card-download .infor .button-download:hover span {
  color: rgb(255, 255, 255);
}
.document-index .container .download-flex-index .card-download .infor .button-download span {
  color: #DE9F38;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-menu);
  line-height: 1.6;
  text-transform: uppercase;
}
.document-index .container .download-flex-index .card-download:nth-child(even) {
  background: #F6F6F6;
}

.activity-list {
  display: flex;
  flex-direction: row;
  gap: 42px;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .activity-list {
    gap: 15px;
  }
}
.activity-list .card-news {
  width: calc((100% - 42px - 42px) / 3);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 25px;
}
@media (max-width: 767px) {
  .activity-list .card-news {
    gap: 15px;
    width: calc((100% - 15px) / 2);
  }
}
.activity-list .card-news .img {
  aspect-ratio: 459/274;
  display: flex;
  align-items: center;
  justify-content: center;
}
.activity-list .card-news .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.activity-list .card-news .title-name {
  color: #383934;
  font-size: var(--fs-title-module);
  font-family: "Inter-Semibold", sans-serif;
  line-height: 1.3; /* 136.364% */
  margin-bottom: 25px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.activity-list .card-news .title-name font {
  color: #383934;
  font-size: var(--fs-title-module);
  font-family: "Inter-Semibold", sans-serif;
}
@media (max-width: 767px) {
  .activity-list .card-news .title-name {
    margin-bottom: 15px;
  }
}
.activity-list .card-news .title-name a {
  color: #383934;
  font-size: var(--fs-title-module);
  font-family: "Inter-Semibold", sans-serif;
  line-height: 1.3; /* 136.364% */
}
.activity-list .card-news .title-name a font {
  color: #383934;
  font-size: var(--fs-title-module);
  font-family: "Inter-Semibold", sans-serif;
  line-height: 1.3; /* 136.364% */
}

.section-recuitment .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.section-recuitment .title {
  margin-bottom: var(--fs-title-name);
}
@media (max-width: 767px) {
  .section-recuitment .title {
    margin-bottom: 15px;
  }
}
.section-recuitment .description {
  padding: 0 15px;
  width: var(--w-container-2);
  text-align: center;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .section-recuitment .description {
    text-align: justify;
    padding: 0px;
    margin-bottom: 15px;
  }
}
.section-recuitment .description p {
  text-align: center;
}
.section-recuitment .flex-module-recuitment {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 32px;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 990px) {
  .section-recuitment .flex-module-recuitment {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .section-recuitment .flex-module-recuitment {
    gap: 15px;
  }
}
.section-recuitment .flex-module-recuitment .card-module {
  width: calc((100% - 32px - 32px) / 3);
  position: relative;
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) and (max-width: 990px) {
  .section-recuitment .flex-module-recuitment .card-module {
    width: calc((100% - 30px) / 2);
  }
}
@media (max-width: 767px) {
  .section-recuitment .flex-module-recuitment .card-module {
    width: 100%;
  }
}
.section-recuitment .flex-module-recuitment .card-module::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  z-index: 1;
}
.section-recuitment .flex-module-recuitment .card-module:hover img {
  transform: scale(1.2);
}
.section-recuitment .flex-module-recuitment .card-module .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
}
.section-recuitment .flex-module-recuitment .card-module .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-recuitment .flex-module-recuitment .card-module .infor {
  width: 100%;
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
  z-index: 2;
}
.section-recuitment .flex-module-recuitment .card-module .infor .title-module {
  color: rgb(255, 255, 255);
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-module-recuit);
  line-height: 1.2;
  text-transform: uppercase;
}
.section-recuitment .flex-module-recuitment .card-module .infor .title-module font {
  color: rgb(255, 255, 255);
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-module-recuit);
  line-height: 1.2;
  text-transform: uppercase;
}
.section-recuitment .flex-module-recuitment .card-module .infor .desc {
  color: rgb(255, 255, 255);
  text-align: center;
  width: 70%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 1.3;
}
.section-recuitment .flex-module-recuitment .card-module .infor .desc font {
  color: rgb(255, 255, 255);
  text-align: center;
}
.section-recuitment .flex-module-recuitment .card-module .infor .desc p {
  color: rgb(255, 255, 255);
  text-align: center;
  line-height: 1.3;
}
.section-recuitment .flex-module-recuitment .card-module .infor .desc p font {
  color: rgb(255, 255, 255);
  text-align: center;
}
.section-recuitment table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  text-align: left;
}
.section-recuitment table thead {
  background-color: #DE9F38;
  color: #fff;
  text-transform: uppercase;
}
.section-recuitment table thead th {
  padding: 18px 36px;
  border-right: 1px solid #ddd;
  color: rgb(255, 255, 255);
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title-module);
  line-height: 1.3; /* 136.364% */
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .section-recuitment table thead th {
    padding: 10px 15px;
  }
}
.section-recuitment table thead th:nth-child(2) {
  text-align: left;
}
.section-recuitment table tbody tr:nth-child(even) {
  background-color: #fafafa;
}
.section-recuitment table tbody tr:hover {
  background-color: #f1f7ff;
}
.section-recuitment table tbody td {
  padding: 10px;
  border-right: 1px solid #d9d9d9;
  vertical-align: middle;
  text-align: center;
  line-height: 1.2;
}
.section-recuitment table tbody td .button-download {
  height: 35px;
  width: 147px;
  padding: 0 25px;
  border-radius: 5px;
  background: transparent;
  border: 1px solid #DE9F38;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .section-recuitment table tbody td .button-download {
    width: 100px;
    padding: 0 0px;
  }
}
.section-recuitment table tbody td .button-download:hover {
  background: #DE9F38;
}
.section-recuitment table tbody td .button-download:hover span {
  color: rgb(255, 255, 255);
}
.section-recuitment table tbody td .button-download span {
  color: #DE9F38;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-menu);
  line-height: 1.6;
  text-transform: uppercase;
}
.section-recuitment table tbody td:nth-child(2) {
  padding-left: 36px;
  text-align: left;
}
@media (max-width: 767px) {
  .section-recuitment table tbody td:nth-child(2) {
    padding-left: 10px;
  }
}
.section-recuitment table tbody td:nth-child(5) {
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: none;
}

/* Form wrapper */
.grid-apply.side-item {
  max-width: 100%;
  background: #fff;
  padding: 40px 36px;
  border: 1px solid #ddd;
  border-radius: 6px;
}
@media (max-width: 767px) {
  .grid-apply.side-item {
    padding: 15px;
  }
}
.grid-apply .title {
  color: #DE9F38;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-contact-recuit);
  line-height: 1.2; /* 118.421% */
  text-transform: uppercase;
  margin-bottom: 30px;
}
.grid-apply .form-table {
  display: grid;
  gap: 23px;
}
.grid-apply .form-table .row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px var(--fs-title-name);
}

.group-input {
  position: relative;
}
.group-input.no-change input {
  background: #CECECE;
}
.group-input input {
  width: 100%;
  padding: 17px 14px;
  border-radius: 4px;
  font-size: 14px;
  transition: border-color 0.2s, background 0.2s;
  border-radius: 4px;
  background: #F0F1F2;
  color: #929292;
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-title-name);
  font-weight: 400;
  line-height: 1, 6;
}
.group-input input:focus {
  border: 1px solid #b8860b;
  background: #fff;
}
.group-input svg {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
.group-input select {
  -webkit-appearance: none; /* Chrome, Safari, Edge */
  -moz-appearance: none; /* Firefox */
  appearance: none;
  width: 100%;
  padding: 17px 14px;
  border-radius: 4px;
  font-size: 14px;
  transition: border-color 0.2s, background 0.2s;
  border-radius: 4px;
  background: #F0F1F2;
  color: #929292;
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-title-name);
  font-weight: 400;
  line-height: 1, 6;
}
.group-input select:focus {
  border: 1px solid #b8860b;
  background: #fff;
}
.group-input.file-attach {
  margin-top: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 17px 14px;
  border-radius: 4px;
  font-size: 14px;
  transition: border-color 0.2s, background 0.2s;
  border-radius: 4px;
  background: #F0F1F2;
  color: #929292;
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-title-name);
  font-weight: 400;
  line-height: 1, 6;
}
.group-input.file-attach .btn {
  background: rgb(255, 255, 255);
  border: 1px solid #DE9F38;
  color: #DE9F38;
  padding: 2px 15px;
  border-radius: 4px;
  color: #DE9F38;
  line-height: 1.6;
}
.group-input.file-attach .txt {
  color: #929292;
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-title-name);
  font-weight: 400;
  line-height: 1, 6;
}
.group-input.file-attach label.FormFile {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.group-input.file-attach input[type=file] {
  display: none;
}

/* Submit button */
.action {
  margin-top: var(--fs-title-name);
  text-align: center;
}

.action .more {
  background: #b8860b;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  padding: 12px 25px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s;
}

.action .more:hover {
  background: #a07509;
}

/* Responsive: mobile về 1 cột */
@media (max-width: 700px) {
  .form-table .row {
    grid-template-columns: 1fr;
  }
}
.section-contact {
  width: 100%;
}
@media (min-width: 701px) and (max-width: 1180px) {
  .section-contact .flex-contact .information-contact {
    width: 100%;
  }
}
.section-contact .flex-contact .information-contact .content-contact .title-contact {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title);
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .section-contact .flex-contact .information-contact .content-contact .title-contact {
    display: block;
    margin-bottom: 15px;
  }
}
.section-contact .flex-contact .information-contact .content-contact .title-contact span {
  font-family: "Inter-Bold", sans-serif;
  font-weight: 800;
  font-size: var(--fs-big-title);
}
@media (max-width: 767px) {
  .section-contact .flex-contact .information-contact .content-contact .title-contact span {
    font-family: "Inter-Bold", sans-serif;
    font-weight: 700;
  }
}
.section-contact .flex-contact .information-contact .content-contact .title-contact span font {
  font-family: "Inter-Bold", sans-serif;
  font-weight: 800;
  font-size: var(--fs-big-title);
}
@media (max-width: 767px) {
  .section-contact .flex-contact .information-contact .content-contact .title-contact span font {
    font-family: "Inter-Bold", sans-serif;
    font-weight: 700;
  }
}
.section-contact .flex-contact .information-contact .content-contact .title-contact font {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title);
}
.section-contact .flex-contact .information-contact .info-contact {
  padding-bottom: 30px;
}
.section-contact .flex-contact .information-contact .info-contact .ct {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 25px;
  padding-left: 60px;
}
@media (max-width: 767px) {
  .section-contact .flex-contact .information-contact .info-contact .ct {
    margin-bottom: 15px;
  }
}
.section-contact .flex-contact .information-contact .info-contact .ct strong {
  line-height: 1.3;
}
.section-contact .flex-contact .information-contact .info-contact .ct .icon {
  position: absolute;
  top: 0%;
  left: 0;
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #DE9F38;
  border-radius: 50%;
}
.section-contact .flex-contact .information-contact .info-contact .ct .icon svg {
  padding: 10px;
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
@media (max-width: 767px) {
  .section-contact .flex-contact .information-contact .info-contact {
    padding-bottom: 15px;
  }
}
.section-contact .flex-contact .information-contact .social-contact {
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  padding: 30px 0 !important;
  margin-top: 0px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
  padding-top: 0;
}
@media (max-width: 767px) {
  .section-contact .flex-contact .information-contact .social-contact {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}
.section-contact .flex-contact .information-contact .social-contact .flex-social {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.section-contact .flex-contact .information-contact .social-contact .flex-social .item {
  width: 33px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgb(255, 255, 255);
  border: 1px solid #DE9F38;
}
.section-contact .flex-contact .information-contact .social-contact .flex-social .item svg path {
  fill: #DE9F38;
}
.section-contact .flex-contact .information-contact .social-contact .flex-social .item:hover svg {
  transform: scale(0.8);
}
.section-contact .flex-contact .information-contact .social-contact .flex-social .item:hover svg path {
  fill: #DE9F38 !important;
}
.section-contact .flex-contact .information-contact .social-contact p {
  font-size: var(--fs-description);
  font-family: "Inter-Regular", sans-serif;
}
.section-contact .flex-contact .information-contact .social-contact p font {
  font-size: var(--fs-description);
  font-family: "Inter-Regular", sans-serif;
}
.section-contact .flex-contact .information-contact .social-contact .fb:hover svg path {
  fill: rgb(255, 255, 255) !important;
}
.section-contact .flex-contact .information-contact .social-contact .tiktok:hover {
  background: #383934;
}
.section-contact .flex-contact .information-contact .social-contact .tiktok:hover svg path {
  fill: rgb(255, 255, 255) !important;
}
.section-contact .flex-contact .information-contact .social-contact .zalo:hover {
  background: #0065F7;
}
.section-contact .flex-contact .information-contact .social-contact .zalo:hover svg path {
  fill: rgb(255, 255, 255) !important;
}
.section-contact .flex-contact .send-information-contact {
  background-color: rgb(245, 245, 245);
}
@media (min-width: 701px) and (max-width: 1180px) {
  .section-contact .flex-contact .send-information-contact {
    width: 100%;
    padding: var(--fs-title-name);
  }
}
.section-contact .flex-contact .send-information-contact .title-contact {
  border-top: none;
  font-size: var(--fs-title-other);
  font-weight: 600;
  font-family: "Inter-Bold", sans-serif;
}
.section-contact .flex-contact .send-information-contact .title-contact font {
  font-size: var(--fs-title-other);
  font-weight: 600;
  font-family: "Inter-Bold", sans-serif;
}
@media (max-width: 767px) {
  .section-contact .flex-contact .send-information-contact .title-contact {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .section-contact .flex-contact .send-information-contact .title-contact font {
    font-size: 16px;
  }
}
.section-contact .flex-contact .send-information-contact form .form-input {
  border: none;
  position: relative;
}
.section-contact .flex-contact .send-information-contact form .form-input .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  width: 20px;
  height: 20px;
}
.section-contact .flex-contact .send-information-contact form .form-input input {
  background-color: rgb(255, 255, 255);
}
.section-contact .flex-contact .send-information-contact form .form-textarea {
  position: relative;
}
.section-contact .flex-contact .send-information-contact form .form-textarea .icon {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 20px;
  height: 20px;
}
.section-contact .flex-contact .send-information-contact form .form-textarea textarea {
  background: rgb(255, 255, 255);
  aspect-ratio: 822/243;
  max-width: 100%;
}
.section-contact .flex-contact .send-information-contact form .button {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.section-contact .flex-contact .send-information-contact form .button .detail {
  height: 51px;
  box-shadow: none;
  border-radius: 4px;
  padding: 15px;
  padding: 0px 30px;
  width: unset;
}
.section-contact .flex-contact .send-information-contact form .button .detail:before, .section-contact .flex-contact .send-information-contact form .button .detail:after {
  background: #DE9F38;
}
.section-contact .flex-contact .send-information-contact form .button .detail span {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-text-small);
  text-align: center;
  text-transform: none;
  color: rgb(255, 255, 255);
}
.section-contact .flex-contact .send-information-contact form .button .detail:hover span {
  color: #DE9F38;
}
.section-contact .flex-contact .send-information-contact form .button .detail:hover svg path {
  stroke: #DE9F38;
}
.section-contact .flex-contact .map {
  margin-top: 5px;
  border-radius: 6px;
}

.flex-contact {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  width: 100%;
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .flex-contact {
    gap: 48px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .flex-contact {
    gap: 30px;
  }
}
.flex-contact .information-contact {
  width: calc(49.5% - 75px);
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .flex-contact .information-contact {
    width: calc(50% - 48px);
  }
}
@media (min-width: 768px) and (max-width: 990px) {
  .flex-contact .information-contact {
    width: calc(37% - 30px);
  }
}
.flex-contact .map {
  width: calc(49.5% - 20px);
  aspect-ratio: 670/620;
  border-radius: 20px !important;
  margin-top: 0 !important;
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .flex-contact .map {
    width: calc(50% - 48px);
    aspect-ratio: 670/720;
  }
}
.flex-contact .map iframe {
  width: 100%;
  height: 100%;
}
@media (max-width: 1200px) {
  .flex-contact .map {
    width: 100%;
    aspect-ratio: 16/10;
  }
  .flex-contact .map iframe {
    width: 100%;
    height: 100%;
  }
}
.flex-contact .send-information-contact {
  width: 50.5%;
  padding: 50px 30px;
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .flex-contact .send-information-contact {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .flex-contact .send-information-contact {
    width: 100%;
    padding: 15px;
  }
}
.flex-contact .send-information-contact .title {
  color: #DE9F38;
  font-size: var(--fs-title-about-index);
  font-weight: 700;
  margin-bottom: 0px;
}
@media (max-width: 1200px) {
  .flex-contact .send-information-contact .title {
    width: 100%;
  }
}
.flex-contact .send-information-contact .title font {
  color: #DE9F38;
  font-size: var(--fs-title-about-index);
  font-weight: 700;
}
.flex-contact .send-information-contact .sub, .flex-contact .send-information-contact .desc {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text-small);
  line-height: 1.2;
  width: 100%;
}
@media (max-width: 1200px) {
  .flex-contact .send-information-contact .sub, .flex-contact .send-information-contact .desc {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .flex-contact {
    flex-direction: column;
    gap: 15px;
  }
  .flex-contact .information-contact {
    width: 100%;
  }
  .flex-contact .send-information-contact {
    width: 100%;
  }
}

#loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 99999;
}

.loading-spinner {
  border: 6px solid #f3f3f3;
  border-top: 6px solid #DE9F38;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 1s linear infinite;
}

.loading-text {
  margin-top: 15px;
  font-size: 18px;
  color: #DE9F38;
  font-weight: 600;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.grid-group-services {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 44px;
}
@media (min-width: 701px) and (max-width: 1200px) {
  .grid-group-services {
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .grid-group-services {
    gap: 15px;
    flex-direction: column;
  }
}
.grid-group-services .item-service {
  width: calc((100% - 88px) / 3);
  position: relative;
  aspect-ratio: 492/379;
  border-radius: 12px;
  overflow: hidden;
}
@media (min-width: 701px) and (max-width: 1200px) {
  .grid-group-services .item-service {
    width: calc((100% - 45px) / 3);
  }
}
@media (max-width: 767px) {
  .grid-group-services .item-service {
    width: 100%;
    aspect-ratio: 492/379;
  }
}
.grid-group-services .item-service:hover:after {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  background: rgba(191, 32, 48, 0.9);
  z-index: 2;
  transition: all 0.3s ease;
}
.grid-group-services .item-service:hover .infor {
  bottom: 50%;
  transform: translate(-50%, 50%);
}
.grid-group-services .item-service:hover .infor .icon-default, .grid-group-services .item-service:hover .infor .title-name {
  margin-bottom: var(--fs-title-name);
}
.grid-group-services .item-service:hover .infor .icon-default, .grid-group-services .item-service:hover .infor .flex-btn {
  opacity: 1;
}
.grid-group-services .item-service:hover .infor .title-name {
  color: rgb(255, 255, 255);
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-small-title);
  font-weight: 700;
}
.grid-group-services .item-service:hover .infor .title-name a {
  color: rgb(255, 255, 255);
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-small-title);
  font-weight: 700;
}
.grid-group-services .item-service:hover .infor .title-name a font {
  color: rgb(255, 255, 255);
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-small-title);
  font-weight: 700;
}
.grid-group-services .item-service:hover .infor .title-name font {
  color: rgb(255, 255, 255);
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-small-title);
  font-weight: 700;
}
.grid-group-services .item-service:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0%;
  border-radius: 12px;
  background: rgba(191, 32, 48, 0.9);
  z-index: 2;
  transition: all 0.3s ease;
}
.grid-group-services .item-service:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  border-radius: 12px;
  background: linear-gradient(to top, #383934 0%, rgba(51, 51, 51, 0) 100%);
  z-index: 2;
}
.grid-group-services .item-service .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: 492/379;
  border-radius: 12px;
  z-index: 1;
}
.grid-group-services .item-service .img:hover img {
  transform: scale(1.1);
  overflow: hidden;
  transition: all 0.3s linear;
}
.grid-group-services .item-service .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s linear;
}
.grid-group-services .item-service .infor {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  left: 50%;
  bottom: -25px;
  transform: translateX(-50%);
  width: 100%;
  z-index: 3;
}
@media (max-width: 767px) {
  .grid-group-services .item-service .infor {
    bottom: -10px;
  }
}
.grid-group-services .item-service .infor .icon-default, .grid-group-services .item-service .infor .flex-btn {
  opacity: 0;
}
.grid-group-services .item-service .infor .title-name {
  color: rgb(255, 255, 255);
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-small-title);
  font-weight: 700;
}
.grid-group-services .item-service .infor .title-name a {
  color: rgb(255, 255, 255);
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-small-title);
  font-weight: 700;
}
.grid-group-services .item-service .infor .title-name a font {
  color: rgb(255, 255, 255);
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-small-title);
  font-weight: 700;
}
.grid-group-services .item-service .infor .title-name font {
  color: rgb(255, 255, 255);
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-small-title);
  font-weight: 700;
}

.pt-20 {
  padding-top: 20px;
}

.flex-module-prd {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.flex-module-prd .title {
  margin-bottom: 0;
}

.big-title {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.big-title:before {
  content: "";
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  height: 2px;
  width: 216px;
  background: #DE9F38;
}
.big-title .title {
  margin-bottom: 20px;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .big-title .title {
    margin-bottom: 10px;
  }
}
.big-title .title a {
  line-height: 1.2;
}
.big-title .icon {
  position: relative;
  padding: 0 5px;
  background: rgb(255, 255, 255);
  z-index: 1;
}

@media (max-width: 1200px) {
  .product-index {
    overflow: hidden;
  }
}
.product-index .big-title {
  margin-bottom: 30px;
}
@media (max-width: 990px) {
  .product-index .big-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .product-index .big-title {
    margin-bottom: 15px;
  }
}
.product-index .container {
  width: 856px;
}
@media (max-width: 1200px) {
  .product-index .container {
    width: var(--w-container);
  }
}
@media (max-width: 767px) {
  .product-index .container {
    width: 100%;
  }
}
.product-index .list-module-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 40px;
  margin-bottom: 30px;
}
@media (max-width: 990px) {
  .product-index .list-module-parent {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .product-index .list-module-parent {
    gap: 20px;
    white-space: nowrap;
    overflow: scroll;
    justify-content: flex-start;
    margin-left: 0;
    margin-bottom: 15px;
  }
}
.product-index .list-module-parent .item-parent {
  cursor: pointer;
}
.product-index .list-module-parent .item-parent.active h3, .product-index .list-module-parent .item-parent:hover h3 {
  color: #DE9F38;
  transition: all 0.3s ease;
}
.product-index .list-module-parent .item-parent.active h3 font, .product-index .list-module-parent .item-parent:hover h3 font {
  color: #DE9F38;
}
.product-index .list-module-parent .item-parent.active h3::before, .product-index .list-module-parent .item-parent:hover h3::before {
  width: 100%;
  background: #DE9F38;
  transition: all 0.3s ease;
}
.product-index .list-module-parent .item-parent h3 {
  position: relative;
  color: #383934;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-module-tab);
  padding-bottom: 15px;
  transition: all 0.3s ease;
}
.product-index .list-module-parent .item-parent h3 font {
  color: #383934;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-module-tab);
}
.product-index .list-module-parent .item-parent h3:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: transparent;
  transition: all 0.3s ease;
}

.list-md-prd .owl-item {
  opacity: 1 !important;
}
@media (max-width: 1200px) {
  .list-md-prd .owl-item {
    opacity: 0 !important;
  }
}
@media (max-width: 1200px) {
  .list-md-prd .owl-item.active {
    opacity: 1 !important;
  }
}

.card-md-prd {
  position: relative;
  aspect-ratio: 854/482;
  border-radius: 20px;
}
.card-md-prd::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(56, 57, 52, 0) 73.05%, #383934 100%);
  border-radius: 20px;
  z-index: 1;
}
.card-md-prd .img {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.card-md-prd .info {
  position: absolute;
  bottom: 30px;
  left: 30px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 20px;
  z-index: 2;
}
.card-md-prd .info .icon {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  background: #DE9F38;
  padding: 13px;
  color: rgb(255, 255, 255);
  font-family: "Inter-Medium", sans-serif;
  font-size: var(--fs-number-prd);
}
.card-md-prd .info .icon font {
  color: rgb(255, 255, 255);
  font-size: var(--fs-number-prd);
  font-family: "Inter-Medium", sans-serif;
}
@media (max-width: 767px) {
  .card-md-prd .info .icon {
    width: 40px;
    height: 40px;
  }
}
.card-md-prd .info .right-if span {
  color: rgb(255, 255, 255);
  font-family: "Inter-Medium", sans-serif;
  font-size: var(--fs-text);
}
.card-md-prd .info .right-if .title-name {
  color: rgb(255, 255, 255);
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-title-name-prd);
  text-transform: uppercase;
  position: relative;
}
.card-md-prd .info .right-if .title-name font {
  color: rgb(255, 255, 255);
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-title-name-prd);
  text-transform: uppercase;
}
.card-md-prd .info .right-if .title-name:before {
  content: "";
  position: relative;
  bottom: -35px;
  left: 0;
  display: flex;
  height: 2px;
  width: 42px;
  background: #DE9F38;
}
.card-md-prd:hover img {
  transform: scale(1.1);
}

.module-parent {
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .module-parent {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .module-parent {
    margin-top: 15px;
    flex-direction: column;
    gap: 15px;
  }
}
.module-parent .left {
  width: calc(100% - 30px - 139px);
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-right: 45px;
}
@media (max-width: 767px) {
  .module-parent .left {
    flex-direction: column;
    width: 100%;
    padding-right: 0;
  }
}
.module-parent .left .info {
  padding-left: 34px;
}
@media (max-width: 767px) {
  .module-parent .left .info {
    padding-left: 0px;
  }
}
.module-parent .left .info .title-module {
  color: #383934;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-module-tab);
  text-transform: uppercase;
  margin-bottom: 10px;
}
.module-parent .left .info .title-module font {
  color: #383934;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-module-tab);
}
@media (max-width: 767px) {
  .module-parent .left .info .title-module {
    text-align: center;
  }
}
.module-parent .left .info .desc div, .module-parent .left .info .desc p {
  color: #383934;
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
  font-style: italic;
}
@media (max-width: 767px) {
  .module-parent .left .info .desc div, .module-parent .left .info .desc p {
    text-align: center;
  }
}
.module-parent.active {
  display: flex;
}
.module-parent .img {
  aspect-ratio: 190.76/113.41;
  padding-right: 34px;
  min-width: 190px;
  position: relative;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .module-parent .img {
    min-width: unset;
    max-width: 150px;
  }
}
@media (max-width: 767px) {
  .module-parent .img {
    padding-right: 0;
    max-width: 190px;
    margin-bottom: 15px;
  }
}
.module-parent .img:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  height: 80%;
  width: 1px;
  background: linear-gradient(180deg, #DE9F38 0%, #F2EDE6 100%);
}
@media (max-width: 767px) {
  .module-parent .img:after {
    top: unset;
    bottom: 0;
    height: 1px;
    width: 100%;
  }
}
.module-parent .img img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}

.top-contribution {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 95px;
  margin-bottom: 50px;
}
@media (max-width: 1200px) {
  .top-contribution {
    gap: 15px;
    margin-bottom: 30px;
    flex-wrap: wrap;
  }
}
.top-contribution .left {
  width: calc(74% - 95px);
  aspect-ratio: 1025/505;
}
@media (max-width: 1200px) {
  .top-contribution .left {
    width: 100%;
  }
}
.top-contribution .left .map {
  aspect-ratio: 1025/505;
  width: 100%;
}
.top-contribution .left .map img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.top-contribution .right {
  width: 26%;
}
@media (max-width: 1200px) {
  .top-contribution .right {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .top-contribution .right {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.top-contribution .right .big-title {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .top-contribution .right .big-title {
    margin-bottom: 15px;
    justify-content: center;
    align-items: center;
  }
}
.top-contribution .right .big-title .title {
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .top-contribution .right .big-title .title {
    margin-bottom: 15px;
  }
}
.top-contribution .right .big-title:before {
  left: 0;
  transform: translateX(0);
  width: 100px;
  z-index: 2;
}
.top-contribution .right .big-title .icon {
  padding-left: 105px;
}
@media (max-width: 767px) {
  .top-contribution .right .big-title .icon {
    padding-left: 105px;
  }
}
.top-contribution .right .description {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .top-contribution .right .description {
    margin-bottom: 15px;
  }
}
.top-contribution .right .description div, .top-contribution .right .description p {
  color: #383934;
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
}
.top-contribution .right .flex-daily {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 60px;
}
@media (max-width: 767px) {
  .top-contribution .right .flex-daily {
    gap: 15px;
  }
}
.top-contribution .right .flex-daily .number {
  color: #DE9F38;
  font-family: "Inter-ExtraBold", sans-serif;
  font-size: var(--fs-number-contribute);
}
.top-contribution .right .flex-daily .number .plus {
  color: #DE9F38;
  font-family: "Inter-ExtraBold", sans-serif;
  font-size: var(--fs-number-contribute);
  line-height: 1;
}
.top-contribution .right .flex-daily .title-name {
  color: #383934;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-module-tab);
  font-weight: 600;
}
.top-contribution .right .flex-daily .title-name font {
  color: #383934;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-module-tab);
  font-weight: 600;
}
.top-contribution .right .flex-daily .desc {
  color: #383934;
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .top-contribution .right .flex-daily .desc {
    margin-bottom: 15px;
  }
}
.top-contribution .right .flex-daily .desc div, .top-contribution .right .flex-daily .desc p {
  color: #383934;
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
}

.bot-contribution {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 30px;
}
@media (max-width: 1200px) {
  .bot-contribution {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .bot-contribution {
    gap: 10px;
  }
}
.bot-contribution .item {
  width: calc((100% - 90px) / 4);
  display: flex;
  flex-direction: row;
}
@media (max-width: 1200px) {
  .bot-contribution .item {
    width: calc((100% - 20px) / 2);
  }
}
@media (max-width: 767px) {
  .bot-contribution .item {
    width: calc((100% - 10px) / 2);
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    align-self: stretch;
  }
}
.bot-contribution .item .icon {
  width: 70px;
  height: 70px;
}
.bot-contribution .item .icon img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.bot-contribution .item .info {
  padding-left: 25px;
  width: calc(100% - 70px);
}
@media (max-width: 767px) {
  .bot-contribution .item .info {
    padding-left: 0px;
    width: 100%;
  }
}
.bot-contribution .item .info .title-name {
  color: #383934;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-module-tab);
  text-transform: uppercase;
  margin-bottom: 10px;
}
.bot-contribution .item .info .title-name font {
  color: #383934;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-module-tab);
}
@media (max-width: 767px) {
  .bot-contribution .item .info .title-name {
    text-align: center;
  }
}
.bot-contribution .item .info .desc div, .bot-contribution .item .info .desc p {
  color: #383934;
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
}
@media (max-width: 767px) {
  .bot-contribution .item .info .desc div, .bot-contribution .item .info .desc p {
    text-align: center;
  }
}

.list-news-index {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 35px;
}
@media (max-width: 1200px) {
  .list-news-index {
    gap: 10px;
  }
}
@media (min-width: 768px) and (max-width: 990px) {
  .list-news-index {
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .list-news-index {
    gap: 15px;
  }
}
.list-news-index.mt-50 {
  margin-top: 50px;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .list-news-index.mt-50 {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .list-news-index.mt-50 {
    margin-top: 15px;
  }
}
.list-news-index .card-news {
  width: calc((100% - 70px) / 3);
}
@media (max-width: 1200px) {
  .list-news-index .card-news {
    width: calc((100% - 20px) / 3);
  }
}
@media (max-width: 990px) {
  .list-news-index .card-news {
    width: 100%;
  }
}

.certification-index.intro-page {
  background: #FAFAFA;
}
.certification-index .description {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .certification-index .description {
    margin-bottom: 15px;
  }
  .certification-index .description div, .certification-index .description p {
    text-align: center;
  }
}
.certification-index .list-certification {
  margin-top: 50px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .certification-index .list-certification {
    margin-top: 20px;
    gap: 30px;
    justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  .certification-index .list-certification {
    margin-top: 15px;
    gap: 15px;
  }
}
.certification-index .list-certification .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 16.6666666667%;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .certification-index .list-certification .item {
    width: calc((100% - 60px) / 3);
  }
}
@media (max-width: 767px) {
  .certification-index .list-certification .item {
    width: calc((100% - 15px) / 2);
  }
}
.certification-index .list-certification .item .img {
  width: 146px;
  height: 146px;
  margin-bottom: 50px;
  aspect-ratio: 1;
}
@media (max-width: 767px) {
  .certification-index .list-certification .item .img {
    margin-bottom: 15px;
    width: 90px;
    height: 90px;
  }
}
.certification-index .list-certification .item .img img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.certification-index .list-certification .item .title-name {
  color: #383934;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-text);
  text-transform: uppercase;
}
.certification-index .list-certification .item .title-name font {
  color: #383934;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-text);
  text-transform: uppercase;
}

#product-container {
  margin-top: 100px;
}
@media (max-width: 767px) {
  #product-container {
    margin-top: 15px;
  }
}
#product-container .flex-button-prd {
  display: flex;
  justify-content: center;
  align-items: center;
}
#product-container .flex-button-prd .flex-btn {
  margin-top: 50px;
}

.flex-grid-prd {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
.flex-grid-prd .title {
  margin-bottom: 15px;
}
.flex-grid-prd .description div, .flex-grid-prd .description p {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-description);
  text-align: justify;
}
.flex-grid-prd .description div br, .flex-grid-prd .description p br {
  display: none;
}
.flex-grid-prd .description div font, .flex-grid-prd .description p font {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-description);
}

.flex-customer .card-customer {
  padding: 35px;
  display: flex;
  flex-direction: column;
  background: #F9FAFB;
}
@media (max-width: 767px) {
  .flex-customer .card-customer {
    padding: 15px;
  }
}
.flex-customer .card-customer .sign-cmt {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  margin-bottom: 15px;
}
.flex-customer .card-customer .sign-cmt img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.flex-customer .card-customer .desc {
  margin-bottom: 30px;
}
.flex-customer .card-customer .desc div, .flex-customer .card-customer .desc p {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-description);
  line-height: 1.5;
  text-align: justify;
}
.flex-customer .card-customer .flex-avatar {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.flex-customer .card-customer .flex-avatar .img {
  width: 69px;
  height: 69px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-customer .card-customer .flex-avatar .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.flex-customer .card-customer .flex-avatar .customer-name {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.flex-customer .card-customer .flex-avatar .customer-name .title-name {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title-name);
  color: #383934;
}
.flex-customer .card-customer .flex-avatar .customer-name .title-name font {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title-name);
  color: #383934;
}
.flex-customer .card-customer .flex-avatar .customer-name .sub-name {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-description);
  color: #383934;
}
.flex-customer .card-customer .flex-avatar .customer-name .sub-name font {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-description);
  color: #383934;
}

.category-index {
  position: relative;
  background: url("/html/assets/images/category.png") no-repeat;
  background-size: cover;
  background-position: center;
}
.category-index:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(1, 71, 99, 0.6980392157);
}
.category-index .container {
  position: relative;
  z-index: 1;
}
.category-index .container .title {
  color: rgb(255, 255, 255);
  margin-bottom: 60px;
}
.category-index .container .category-flex {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (max-width: 990px) {
  .category-index .container .category-flex {
    gap: 15px;
    flex-wrap: wrap;
  }
}
.category-index .container .category-flex .item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 990px) {
  .category-index .container .category-flex .item {
    width: calc((100% - 15px) / 2);
  }
}
.category-index .container .category-flex .item .icon {
  width: 155px;
  height: 155px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 4px solid rgb(255, 255, 255);
  border-radius: 50%;
  padding: 30px;
  margin-bottom: 20px;
  position: relative;
}
.category-index .container .category-flex .item .icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.category-index .container .category-flex .item .icon img .img-default {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.category-index .container .category-flex .item .icon img.img-hover {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.category-index .container .category-flex .item .title-name {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-text);
  text-align: center;
  color: rgb(255, 255, 255);
}
.category-index .container .category-flex .item .title-name a {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-text);
  color: rgb(255, 255, 255);
  text-align: center;
}
.category-index .container .category-flex .item:hover .icon {
  background: rgb(255, 255, 255);
}
.category-index .container .category-flex .item:hover .icon .img-default {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.category-index .container .category-flex .item:hover .icon .img-hover {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.category-index .container .category-flex .item:hover .title-name {
  color: rgb(255, 255, 255);
}
.category-index .container .category-flex .item:hover .title-name a {
  color: rgb(255, 255, 255);
}

.innovation-index {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 990px) {
  .innovation-index {
    overflow: hidden;
  }
}
.innovation-index .title {
  margin-bottom: 44px;
}
@media (max-width: 767px) {
  .innovation-index .title {
    margin-bottom: 15px;
  }
}
.innovation-index .innovation-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 32px;
  margin-bottom: 34px;
}
@media (max-width: 1200px) {
  .innovation-index .innovation-flex {
    gap: 15px;
    margin-bottom: 15px;
  }
}
.innovation-index .innovation-flex.o-crs {
  position: relative;
  margin-bottom: 0;
}
.innovation-index .innovation-flex.o-crs .owl-carousel {
  position: initial;
}
.innovation-index .innovation-flex.o-crs .owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  overflow: hidden;
  z-index: 1;
}
.innovation-index .innovation-flex.o-crs .owl-theme .owl-nav [class*=owl-].owl-prev {
  left: -40px;
}
.innovation-index .innovation-flex.o-crs .owl-theme .owl-nav [class*=owl-].owl-next {
  right: -40px;
}
.innovation-index .innovation-flex.o-crs .owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent;
}
.innovation-index .innovation-flex.o-crs .owl-theme .owl-nav [class*=owl-]:hover svg path {
  fill: #DE9F38;
}
.innovation-index .innovation-flex.o-crs .owl-prev, .innovation-index .innovation-flex.o-crs .owl-next {
  border: none !important;
}
.innovation-index .innovation-flex.o-crs .owl-prev:hover svg, .innovation-index .innovation-flex.o-crs .owl-next:hover svg {
  fill: none !important;
}
.innovation-index .innovation-flex.o-crs .owl-prev:hover svg path, .innovation-index .innovation-flex.o-crs .owl-next:hover svg path {
  fill: none !important;
}
.innovation-index .innovation-flex.o-crs .owl-prev {
  left: -50px !important;
}
.innovation-index .innovation-flex.o-crs .owl-next {
  right: -50px !important;
}
.innovation-index .innovation-flex.o-crs .card-innovation {
  width: 100%;
}
.innovation-index .innovation-flex .card-innovation {
  width: calc((100% - 64px) / 3);
  border-radius: 10px;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843);
  backdrop-filter: blur(20px);
  display: flex;
  flex-direction: column;
  position: relative;
}
.innovation-index .innovation-flex .card-innovation:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-radius: 10px;
  height: 0;
  background: #DE9F38;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .innovation-index .innovation-flex .card-innovation {
    width: calc((100% - 15px) / 2);
  }
}
@media (max-width: 767px) {
  .innovation-index .innovation-flex .card-innovation {
    width: 100%;
  }
}
.innovation-index .innovation-flex .card-innovation .img {
  aspect-ratio: 502/305;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.innovation-index .innovation-flex .card-innovation .info {
  padding: 30px 24px;
  position: relative;
  z-index: 2;
}
.innovation-index .innovation-flex .card-innovation .info .title-name {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title-name);
  margin-bottom: 15px;
  text-transform: uppercase;
  color: #DE9F38;
}
.innovation-index .innovation-flex .card-innovation .info .desc {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text-small);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  position: relative;
  z-index: 3;
}
.innovation-index .innovation-flex .card-innovation:hover:before {
  height: 100%;
  transition: height 0.3s ease;
}
.innovation-index .innovation-flex .card-innovation:hover .img img {
  transform: scale(1.1);
  transition: all 0.3s ease;
}
.innovation-index .innovation-flex .card-innovation:hover .info .title-name {
  color: rgb(255, 255, 255);
}
.innovation-index .innovation-flex .card-innovation:hover .info .desc {
  color: rgb(255, 255, 255);
}
.innovation-index.bg-blue {
  background: rgb(241, 245, 249);
}
.innovation-index.system-page .title {
  margin-bottom: 10px;
}
.innovation-index.system-page .description {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .innovation-index.system-page .description {
    margin-bottom: 15px;
  }
}
.innovation-index.system-page .description div, .innovation-index.system-page .description p {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-title-name);
  text-align: center;
}
.innovation-index.system-page .innovation-flex {
  margin-bottom: 34px;
}
@media (max-width: 767px) {
  .innovation-index.system-page .innovation-flex {
    margin-bottom: 15px;
  }
}
.innovation-index .flex-btn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.innovation-index .flex-btn .detail {
  padding: 0px 40px;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.camket-intro {
  margin: 150px 0;
}
@media (max-width: 1200px) {
  .camket-intro {
    margin: var(--gap-section) 0;
  }
}
@media (max-width: 767px) {
  .camket-intro {
    margin: 15px 0;
  }
}
.camket-intro .title {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .camket-intro .title {
    margin-bottom: 15px;
  }
}
.camket-intro .flex-camket {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .camket-intro .flex-camket {
    gap: 15px;
  }
}
.camket-intro .flex-camket .item {
  width: 25%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .camket-intro .flex-camket .item {
    width: calc((100% - 15px) / 2);
  }
}
.camket-intro .flex-camket .item .icon {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}
.camket-intro .flex-camket .item .icon svg {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.camket-intro .flex-camket .item .title-name {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title-name);
  line-height: 1.2;
}
.camket-intro .flex-camket .item .title-name font {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title-name);
  line-height: 1.2;
}

.humanrs .description {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .humanrs .description {
    margin-bottom: 15px;
  }
}
.humanrs .title {
  margin-bottom: 15px;
}
.humanrs .flex-human {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .humanrs .flex-human {
    gap: 15px;
  }
}
.humanrs .flex-human .item {
  width: 33.3333333333%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .humanrs .flex-human .item {
    width: 100%;
  }
}
.humanrs .flex-human .item .icon {
  width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}
.humanrs .flex-human .item .icon svg {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.humanrs .flex-human .item .title-name {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-small-title);
  color: #383934;
  margin-bottom: 15px;
}
.humanrs .flex-human .item .title-name font {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-small-title);
  color: #383934;
}

.list-services .title {
  margin-bottom: 15px;
}
.list-services .description {
  margin-bottom: 40px;
}
.list-services .description p {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 767px) {
  .list-services .description {
    margin-bottom: 15px;
  }
}

.content-detail p img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content-detail .flex-img {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 36px;
  margin: 30px 0;
}
@media (max-width: 767px) {
  .content-detail .flex-img {
    flex-direction: column;
    margin: 15px 0;
    gap: 15px;
  }
}
.content-detail .flex-img p {
  width: calc((100% - 36px) / 2);
  margin-bottom: 0;
  aspect-ratio: 674/400;
}
@media (max-width: 767px) {
  .content-detail .flex-img p {
    width: 100%;
  }
}
.content-detail .flex-img p img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content-detail .title {
  margin-bottom: 15px;
}
.content-detail .description {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .content-detail .description {
    margin-bottom: 15px;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .content-detail .description p {
    text-align: left !important;
  }
}
.content-detail .detail-content {
  display: flex;
  flex-direction: column;
}
.content-detail .social-links {
  margin-top: 50px;
  padding: 20px 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  border: 1px solid #E0E0E0;
  border-left: none;
  border-right: none;
}
@media (max-width: 767px) {
  .content-detail .social-links {
    margin-top: 15px;
    padding: 15px 0;
  }
}
.content-detail .social-links .icon {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #383934;
  border: 1px solid #383934;
}
.content-detail .social-links .icon:hover {
  background: #DE9F38;
  border: 1px solid #DE9F38;
}
.content-detail .social-links .icon span {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-description);
}
.content-detail .social-links .icon svg {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.content-detail .social-links .icon svg path {
  fill: rgb(255, 255, 255);
}

.detail-product .top-detail-prd {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
@media (min-width: 701px) and (max-width: 1200px) {
  .detail-product .top-detail-prd {
    flex-direction: column;
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .detail-product .top-detail-prd {
    flex-direction: column;
    margin-bottom: 15px;
    gap: 15px;
  }
}
.detail-product .top-detail-prd .left-prd {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
@media (min-width: 701px) and (max-width: 1200px) {
  .detail-product .top-detail-prd .left-prd {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .detail-product .top-detail-prd .left-prd {
    width: 100%;
  }
}
.detail-product .top-detail-prd .left-prd .img {
  max-width: 390px;
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  background: rgb(255, 255, 255);
}
.detail-product .top-detail-prd .left-prd .img img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.detail-product .top-detail-prd .right-prd {
  width: 50%;
}
@media (min-width: 701px) and (max-width: 1200px) {
  .detail-product .top-detail-prd .right-prd {
    width: 100%;
    padding-left: 0px;
  }
}
@media (max-width: 767px) {
  .detail-product .top-detail-prd .right-prd {
    width: 100%;
    padding-left: 0px;
  }
}
.detail-product .top-detail-prd .right-prd .title-prd {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title-about-index);
  margin-bottom: 15px;
  line-height: 1.4;
  text-transform: uppercase;
  color: rgb(1, 89, 127);
}
@media (max-width: 767px) {
  .detail-product .top-detail-prd .right-prd .title-prd {
    margin-bottom: 15px;
  }
}
.detail-product .top-detail-prd .right-prd .title-prd font {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title-about-index);
}
.detail-product .top-detail-prd .right-prd .brand {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-title-name);
  color: rgb(1, 89, 127);
  margin-bottom: 15px;
}
.detail-product .top-detail-prd .right-prd .code-prd {
  font-size: var(--fs-description);
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .detail-product .top-detail-prd .right-prd .code-prd {
    margin-bottom: 15px;
  }
}
.detail-product .top-detail-prd .right-prd .price-prd {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.detail-product .top-detail-prd .right-prd .price-prd span {
  font-size: var(--fs-description);
}
.detail-product .top-detail-prd .right-prd .price-prd .prd-ctn {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: flex-end;
  justify-items: flex-start;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .detail-product .top-detail-prd .right-prd .price-prd .prd-ctn {
    margin-bottom: 15px;
  }
}
.detail-product .top-detail-prd .right-prd .price-prd .prd-ctn .new-price {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title);
  color: #DE9F38;
}
.detail-product .top-detail-prd .right-prd .price-prd .prd-ctn .new-price font {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title);
}
.detail-product .top-detail-prd .right-prd .price-prd .prd-ctn .old-price {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
  text-decoration: line-through;
}
.detail-product .top-detail-prd .right-prd .price-prd .prd-ctn .old-price font {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
}
.detail-product .top-detail-prd .right-prd .description {
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .detail-product .top-detail-prd .right-prd .description {
    margin-bottom: 15px;
  }
}
.detail-product .top-detail-prd .right-prd .description ul {
  padding-left: 20px;
}
.detail-product .top-detail-prd .right-prd .description ul, .detail-product .top-detail-prd .right-prd .description div, .detail-product .top-detail-prd .right-prd .description p, .detail-product .top-detail-prd .right-prd .description li, .detail-product .top-detail-prd .right-prd .description h3 {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text-small);
  line-height: 1.5;
}
.detail-product .top-detail-prd .right-prd .description ul strong, .detail-product .top-detail-prd .right-prd .description div strong, .detail-product .top-detail-prd .right-prd .description p strong, .detail-product .top-detail-prd .right-prd .description li strong, .detail-product .top-detail-prd .right-prd .description h3 strong {
  font-family: "Inter-Semibold", sans-serif;
  font-weight: 600;
  font-size: var(--fs-text-small);
}
.detail-product .top-detail-prd .right-prd .description ul font, .detail-product .top-detail-prd .right-prd .description div font, .detail-product .top-detail-prd .right-prd .description p font, .detail-product .top-detail-prd .right-prd .description li font, .detail-product .top-detail-prd .right-prd .description h3 font {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text-small);
}
.detail-product .top-detail-prd .right-prd .information-prd {
  margin-bottom: 15px;
}
.detail-product .top-detail-prd .right-prd .information-prd .title-info {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title-name);
  margin-bottom: 15px;
}
.detail-product .top-detail-prd .right-prd .information-prd .title-info font {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title-name);
}
.detail-product .top-detail-prd .right-prd .information-prd ul {
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.detail-product .top-detail-prd .right-prd .information-prd li, .detail-product .top-detail-prd .right-prd .information-prd div, .detail-product .top-detail-prd .right-prd .information-prd p {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-description);
}
.detail-product .bot-detail-prd {
  padding: 50px 0;
  border-top: 1px solid #CCD2D6;
  border-bottom: 1px solid #CCD2D6;
}
@media (max-width: 767px) {
  .detail-product .bot-detail-prd {
    padding: 15px 0;
  }
}
.detail-product .flex-button {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 20px;
}
@media (max-width: 767px) {
  .detail-product .flex-button {
    gap: 15px;
  }
}
.detail-product .flex-button .flex-btn {
  width: calc((100% - 20px) / 2);
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .detail-product .flex-button .flex-btn {
    width: 100%;
  }
}
.detail-product .flex-button .flex-btn a {
  width: 100%;
  border-radius: 100px;
}

.solution-index {
  position: relative;
  background: rgb(245, 245, 245);
}
@media (max-width: 1200px) {
  .solution-index {
    overflow: hidden;
  }
}
.solution-index .title {
  margin-bottom: 15px;
}
.solution-index .description {
  margin-bottom: 35px;
}
@media (max-width: 767px) {
  .solution-index .description {
    margin-bottom: 15px;
  }
}
.solution-index .description div, .solution-index .description p, .solution-index .description li {
  font-size: var(--fs-text);
}
.solution-index .description div font, .solution-index .description p font, .solution-index .description li font {
  font-size: var(--fs-text);
}

.owl-dots {
  margin-top: 35px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 17px;
}
@media (max-width: 767px) {
  .owl-dots {
    margin-top: 15px;
  }
}
.owl-dots .owl-dot span {
  display: flex;
  border-radius: 50%;
  width: 11px;
  height: 11px;
  margin: 0;
  background: rgb(194, 194, 194);
}
.owl-dots .owl-dot.active span {
  background: #DE9F38;
}

.pt-20 {
  padding-top: 20px;
}

.program-page.white {
  background: rgb(255, 255, 255);
}
.program-page .title {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .program-page .title {
    margin-bottom: 15px;
  }
}

.list-module-solution.crs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 30px;
}
@media (min-width: 768px) and (max-width: 990px) {
  .list-module-solution.crs {
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .list-module-solution.crs {
    gap: 15px;
  }
}
.list-module-solution.crs .card-wrapper {
  width: calc((100% - 60px) / 3);
}
.list-module-solution.crs .card-wrapper .btn-bot-hover {
  position: absolute;
}
@media (min-width: 768px) and (max-width: 990px) {
  .list-module-solution.crs .card-wrapper {
    width: calc((100% - 15px) / 2);
  }
}
@media (max-width: 767px) {
  .list-module-solution.crs .card-wrapper {
    width: 100%;
  }
}
.list-module-solution .owl-dots {
  margin-top: 35px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 17px;
}
.list-module-solution .owl-dots .owl-dot span {
  display: flex;
  border-radius: 50%;
  width: 11px;
  height: 11px;
  margin: 0;
  background: rgb(194, 194, 194);
}
.list-module-solution .owl-dots .owl-dot.active span {
  background: #DE9F38;
}
.list-module-solution .card-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
  aspect-ratio: 440/392;
}
@media (max-width: 767px) {
  .list-module-solution .card-wrapper {
    aspect-ratio: unset;
  }
}
.list-module-solution .card-solution {
  position: relative;
  aspect-ratio: 440/392;
  border-radius: 20px;
  width: 100%;
  background: rgb(255, 255, 255);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #E5E5E5;
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .list-module-solution .card-solution {
    aspect-ratio: 1;
  }
}
@media (max-width: 767px) {
  .list-module-solution .card-solution {
    aspect-ratio: unset;
  }
}
.list-module-solution .card-solution:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background: #DE9F38;
  transition: height 0.3s ease;
  border-radius: 20px;
}
.list-module-solution .card-solution .img {
  aspect-ratio: 440/248;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  transition: all 0.3s ease;
  z-index: 2;
  max-height: 230px;
}
.list-module-solution .card-solution .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.list-module-solution .card-solution .info {
  padding: 36px 24px;
  display: flex;
  flex-direction: column;
  z-index: 2;
}
@media (max-width: 990px) {
  .list-module-solution .card-solution .info {
    padding: 15px;
  }
}
.list-module-solution .card-solution .info .title-name {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-title-module);
  text-transform: uppercase;
  color: #DE9F38;
  margin-bottom: 15px;
}
.list-module-solution .card-solution .info .title-name a {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-title-module);
  text-transform: uppercase;
  color: #DE9F38;
}
.list-module-solution .card-solution .info .title-name a:hover {
  color: #DE9F38 !important;
}
.list-module-solution .card-solution .info .title-name font {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-title-module);
  text-transform: uppercase;
  color: #DE9F38;
}
.list-module-solution .card-solution .info .flex-title-view {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
  gap: 30px;
}
@media (max-width: 990px) {
  .list-module-solution .card-solution .info .flex-title-view {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
}
.list-module-solution .card-solution .info .flex-title-view .desc {
  width: calc(100% - 35px - 30px);
  position: relative;
}
.list-module-solution .card-solution .info .flex-title-view .desc div, .list-module-solution .card-solution .info .flex-title-view .desc p {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
@media (max-width: 990px) {
  .list-module-solution .card-solution .info .flex-title-view .desc {
    width: 100%;
  }
}
.list-module-solution .card-solution .info .flex-title-view .view-module {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.list-module-solution .card-solution .info .flex-title-view .view-module .view {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 1px solid rgb(165, 172, 184);
  background: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  justify-content: center;
}
.list-module-solution .card-solution .info .flex-title-view .view-module .view:hover {
  border-color: #DE9F38 !important;
}
.list-module-solution .card-solution .info .flex-title-view .view-module .view:hover svg path {
  fill: rgb(255, 255, 255);
}
.list-module-solution .card-solution .btn-bot-hover {
  position: absolute;
  display: flex;
  margin-top: 15px;
  padding-top: 15px;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  width: calc(100% - 48px);
  bottom: 0;
  transform: translateY(50px);
  right: 24px;
  pointer-events: none;
  transition: all 0.3s ease;
}
.list-module-solution .card-solution .btn-bot-hover:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
}
.list-module-solution .card-solution .btn-bot-hover .view-module-hover {
  display: flex;
  align-items: center;
  justify-content: center;
}
.list-module-solution .card-solution .btn-bot-hover .view-module-hover .view {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 1px solid rgb(165, 172, 184);
  background: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  justify-content: center;
}
.list-module-solution .card-solution .btn-bot-hover .view-module-hover .view:hover {
  border-color: #DE9F38 !important;
}
.list-module-solution .card-solution .btn-bot-hover .view-module-hover .view:hover svg path {
  fill: rgb(255, 255, 255);
}
.list-module-solution .card-solution .btn-bot-hover span {
  font-family: "Inter-Regular", sans-serif;
  color: rgb(255, 255, 255);
  font-size: var(--fs-text);
}
@media (min-width: 1200px) {
  .list-module-solution .card-solution:hover {
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(20px);
    transition: all 0.3s ease;
  }
  .list-module-solution .card-solution:hover:before {
    height: 100%;
    transition: height 0.3s ease;
    border-radius: 20px;
  }
  .list-module-solution .card-solution:hover .img {
    aspect-ratio: 440/176;
    transition: all 0.3s ease;
  }
  .list-module-solution .card-solution:hover .info .view-module {
    opacity: 0;
    pointer-events: none;
  }
  .list-module-solution .card-solution:hover .info .title-name {
    display: flex;
    z-index: 2;
  }
  .list-module-solution .card-solution:hover .info .title-name a {
    color: rgb(255, 255, 255);
  }
  .list-module-solution .card-solution:hover .info .desc {
    display: flex;
    z-index: 2;
    color: rgb(255, 255, 255);
    position: relative;
    width: 100%;
  }
  .list-module-solution .card-solution:hover .img img {
    transform: scale(1.1);
    transition: all 0.3s ease;
  }
  .list-module-solution .card-solution:hover .view-module .view, .list-module-solution .card-solution:hover .view-module-hover .view {
    border-color: #DE9F38 !important;
    background: #DE9F38 !important;
  }
  .list-module-solution .card-solution:hover .view-module .view svg path, .list-module-solution .card-solution:hover .view-module-hover .view svg path {
    fill: rgb(255, 255, 255);
  }
  .list-module-solution .card-solution:hover .btn-bot-hover {
    display: flex;
    bottom: 30px;
    transform: translateY(0px);
    right: 24px;
    transition: all 0.3s ease;
    pointer-events: all;
  }
  .list-module-solution .card-solution:hover .btn-bot-hover:before {
    width: 100%;
  }
  .list-module-solution .card-solution:hover .view {
    background: #DE9F38;
  }
}
.list-module-solution.no-carousel {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 40px;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .list-module-solution.no-carousel {
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .list-module-solution.no-carousel {
    gap: 15px;
  }
}
.list-module-solution.no-carousel .card-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: calc((100% - 120px) / 4);
  gap: 15px;
}
.list-module-solution.no-carousel .card-wrapper .card-solution {
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .list-module-solution.no-carousel .card-wrapper {
    width: calc((100% - 15px) / 2);
  }
}
@media (max-width: 767px) {
  .list-module-solution.no-carousel .card-wrapper {
    width: 100%;
  }
}

@keyframes draw_draw {
  100% {
    stroke-dashoffset: 0;
  }
}
.customer-index {
  position: relative;
  margin-top: 0px;
}
.customer-index .container {
  overflow: hidden;
}
.customer-index.no-before::before {
  display: none;
}
.customer-index.no-before::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: var(--w-container);
  padding: 0 15px;
  height: 1px;
  background: #DADADA;
}
@media (max-width: 767px) {
  .customer-index.no-before::after {
    padding: 0;
  }
}
.customer-index::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  aspect-ratio: 1102/553;
  width: 100%;
  height: 120%;
  background: url("/html/assets/images/map.png") no-repeat center;
  background-size: contain;
}
@media (max-width: 767px) {
  .customer-index::before {
    width: 100%;
  }
}
.customer-index .title {
  margin-bottom: 15px;
}
.customer-index .description {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .customer-index .description {
    margin-bottom: 15px;
  }
}
.customer-index .description div, .customer-index .description p {
  text-align: center;
}
.customer-index .flex-cus {
  overflow: hidden;
}
.customer-index .flex-cus .marquee {
  width: 100%;
  overflow: hidden;
}
.customer-index .flex-cus .marquee-track {
  display: flex;
  gap: 74px;
  width: max-content;
  animation: scrollX 30s linear infinite;
}
.customer-index .flex-cus .card-partner {
  flex: 0 0 auto;
  width: 220px;
  aspect-ratio: 220/110;
}
.customer-index .flex-cus:hover .marquee-track {
  animation-play-state: paused;
}
@media (max-width: 767px) {
  .customer-index .flex-cus .marquee-track {
    gap: 15px;
    animation-duration: 12s;
  }
  .customer-index .flex-cus .card-partner {
    width: 100%;
  }
}
@keyframes scrollX {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.flex-mod-prd {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 17px;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .flex-mod-prd {
    width: 100%;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 15px;
  }
}
.flex-mod-prd .module {
  height: 53px;
  padding: 0 38.5px;
  border-radius: 50px;
  background: #EAE8E8;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 767px) {
  .flex-mod-prd .module {
    width: calc((100% - 15px) / 2);
    height: 38px;
  }
}
.flex-mod-prd .module.active, .flex-mod-prd .module:hover {
  background: #DE9F38;
}
.flex-mod-prd .module.active span, .flex-mod-prd .module:hover span {
  color: rgb(255, 255, 255);
}
.flex-mod-prd .module span {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-text);
  text-align: center;
  text-transform: uppercase;
}
.flex-mod-prd .module span font {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-text);
  text-align: center;
  text-transform: uppercase;
}
.list-product-index .owl-nav, .list-product-index-1 .owl-nav, .list-product-index-2 .owl-nav, .list-product-index-3 .owl-nav, .list-product-index-4 .owl-nav, .list-product-index-5 .owl-nav {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 15px;
  padding-top: 50px;
}
@media (max-width: 768px) {
  .list-product-index .owl-nav, .list-product-index-1 .owl-nav, .list-product-index-2 .owl-nav, .list-product-index-3 .owl-nav, .list-product-index-4 .owl-nav, .list-product-index-5 .owl-nav {
    padding-top: 30px;
  }
}
.list-product-index .owl-nav .owl-prev, .list-product-index .owl-nav .owl-next, .list-product-index-1 .owl-nav .owl-prev, .list-product-index-1 .owl-nav .owl-next, .list-product-index-2 .owl-nav .owl-prev, .list-product-index-2 .owl-nav .owl-next, .list-product-index-3 .owl-nav .owl-prev, .list-product-index-3 .owl-nav .owl-next, .list-product-index-4 .owl-nav .owl-prev, .list-product-index-4 .owl-nav .owl-next, .list-product-index-5 .owl-nav .owl-prev, .list-product-index-5 .owl-nav .owl-next {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 15px;
  border-radius: 50%;
  object-fit: contain;
  transform-origin: center;
}
.list-product-index .owl-nav .owl-prev, .list-product-index-1 .owl-nav .owl-prev, .list-product-index-2 .owl-nav .owl-prev, .list-product-index-3 .owl-nav .owl-prev, .list-product-index-4 .owl-nav .owl-prev, .list-product-index-5 .owl-nav .owl-prev {
  top: 50%;
  transform: translateY(-50%);
  left: -50px;
}
@media (max-width: 1200px) {
  .list-product-index .owl-nav .owl-prev, .list-product-index-1 .owl-nav .owl-prev, .list-product-index-2 .owl-nav .owl-prev, .list-product-index-3 .owl-nav .owl-prev, .list-product-index-4 .owl-nav .owl-prev, .list-product-index-5 .owl-nav .owl-prev {
    left: -35px;
  }
}
.list-product-index .owl-nav .owl-next, .list-product-index-1 .owl-nav .owl-next, .list-product-index-2 .owl-nav .owl-next, .list-product-index-3 .owl-nav .owl-next, .list-product-index-4 .owl-nav .owl-next, .list-product-index-5 .owl-nav .owl-next {
  top: 50%;
  transform: translateY(-50%);
  right: -50px;
}
@media (max-width: 1200px) {
  .list-product-index .owl-nav .owl-next, .list-product-index-1 .owl-nav .owl-next, .list-product-index-2 .owl-nav .owl-next, .list-product-index-3 .owl-nav .owl-next, .list-product-index-4 .owl-nav .owl-next, .list-product-index-5 .owl-nav .owl-next {
    right: -35px;
  }
}
.list-product-index .owl-dots, .list-product-index-1 .owl-dots, .list-product-index-2 .owl-dots, .list-product-index-3 .owl-dots, .list-product-index-4 .owl-dots, .list-product-index-5 .owl-dots {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 19px;
  margin-top: 30px;
}
.list-product-index .owl-dots .owl-dot span, .list-product-index-1 .owl-dots .owl-dot span, .list-product-index-2 .owl-dots .owl-dot span, .list-product-index-3 .owl-dots .owl-dot span, .list-product-index-4 .owl-dots .owl-dot span, .list-product-index-5 .owl-dots .owl-dot span {
  display: flex;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background: #D4D4D4;
}
.list-product-index .owl-dots .owl-dot.active span, .list-product-index-1 .owl-dots .owl-dot.active span, .list-product-index-2 .owl-dots .owl-dot.active span, .list-product-index-3 .owl-dots .owl-dot.active span, .list-product-index-4 .owl-dots .owl-dot.active span, .list-product-index-5 .owl-dots .owl-dot.active span {
  background: #DE9F38;
}

.view-module .view {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  opacity: 1;
  background: rgba(255, 255, 255, 0.3019607843);
  backdrop-filter: blur(20px);
}
.view-module:hover .view {
  background: #DE9F38;
}

.owl-stage-outer {
  overflow: visible !important;
}
.owl-stage-outer .owl-item {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.1s ease;
}
.owl-stage-outer .owl-item.active {
  opacity: 1;
  pointer-events: all;
  transition: opacity 0.1s ease;
}

.project-index {
  display: flex;
  justify-content: center;
  align-items: center;
}
.project-index .flex-project-index {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 36px;
}
@media (max-width: 768px) {
  .project-index .flex-project-index {
    gap: 15px;
  }
}
.project-index .flex-project-index .card-prj {
  position: relative;
  width: calc((100% - 36px) / 2);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  aspect-ratio: 674/377;
}
@media (max-width: 768px) {
  .project-index .flex-project-index .card-prj {
    width: 100%;
  }
}
.project-index .flex-project-index .card-prj .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: 674/377;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  z-index: 1;
}
.project-index .flex-project-index .card-prj .img img {
  transition: transform 0.3s ease;
}
.project-index .flex-project-index .card-prj::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 133px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #2B2B2B 100%);
  border-radius: 20px;
  z-index: 2;
}
.project-index .flex-project-index .card-prj .info {
  position: absolute;
  bottom: 30px;
  left: 30px;
  width: calc(100% - 60px);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  z-index: 2;
}
@media (max-width: 768px) {
  .project-index .flex-project-index .card-prj .info {
    bottom: 30px;
    left: 15px;
    width: calc(100% - 25px);
  }
}
.project-index .flex-project-index .card-prj .info .left .title-name {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-small-title);
  color: rgb(255, 255, 255);
  margin-bottom: 15px;
}
.project-index .flex-project-index .card-prj .info .left .title-name a {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-small-title);
  color: rgb(255, 255, 255);
  text-transform: uppercase;
}
.project-index .flex-project-index .card-prj .info .left .title-name a font {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-small-title);
  color: rgb(255, 255, 255);
  text-transform: uppercase;
}
.project-index .flex-project-index .card-prj .info .left .more-info {
  font-family: "Inter-Medium", sans-serif;
  font-size: var(--fs-text-small);
  color: rgb(255, 255, 255);
  text-transform: uppercase;
}
.project-index .flex-project-index .card-prj:hover img {
  transform: scale(1.1);
  transition: transform 0.3s ease;
}
.project-index .flex-project-index .card-prj:hover .view-module a {
  background: #DE9F38;
}
.project-index .flex-btn {
  margin-top: 30px;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .project-index .flex-btn {
    margin-top: 15px;
  }
}

.customer-reviews {
  background: #F8F8F8;
  position: relative;
  overflow: hidden;
  padding-right: 45px;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .customer-reviews {
    padding-right: 0px;
  }
}
@media (max-width: 767px) {
  .customer-reviews {
    padding-right: 0px;
  }
}

.flex-customer-review {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-items: center;
  gap: 76px;
}
@media (max-width: 1200px) {
  .flex-customer-review {
    width: var(--w-container);
    padding: 0 15px;
    margin: 0 auto;
    flex-direction: column;
    gap: 0px;
  }
}
@media (max-width: 767px) {
  .flex-customer-review {
    gap: 0px;
  }
}
.flex-customer-review .left {
  position: absolute;
  left: calc((100% - var(--w-container)) / 2 + 15px);
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1200px) {
  .flex-customer-review .left {
    position: static;
    width: 100%;
    transform: none;
  }
  .flex-customer-review .left .title {
    display: flex;
    flex-direction: row;
  }
  .flex-customer-review .left .title br {
    display: none;
  }
}
@media (max-width: 990px) {
  .flex-customer-review .left .subtitle, .flex-customer-review .left .title {
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}
.flex-customer-review .right {
  width: calc(66% - 76px);
}
@media (max-width: 1200px) {
  .flex-customer-review .right {
    width: 100%;
  }
}
.flex-customer-review .right .item {
  aspect-ratio: 358/411;
  border-radius: 30px;
  box-shadow: 0px 0px 20px 0px rgba(153, 153, 153, 0.2509803922);
  backdrop-filter: blur(20px);
  padding: 45px 45px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  background: #fff;
  position: relative;
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .flex-customer-review .right .item {
    padding: 45px 25px;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .flex-customer-review .right .item {
    padding: 25px;
    aspect-ratio: 358/420;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .flex-customer-review .right .item {
    aspect-ratio: unset;
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .flex-customer-review .right .item {
    aspect-ratio: unset;
    padding: 15px;
  }
}
.flex-customer-review .right .item .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 90px);
}
@media (min-width: 1200px) and (max-width: 1500px) {
  .flex-customer-review .right .item .content {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .flex-customer-review .right .item .content {
    position: unset;
    transform: unset;
    width: 100%;
  }
}
.flex-customer-review .right .item .content .avatar {
  width: 89px;
  height: 89px;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2509803922);
  backdrop-filter: blur(20px);
  margin-bottom: 30px;
}
.flex-customer-review .right .item .content .avatar img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.flex-customer-review .right .item .content .location {
  margin-bottom: 15px;
}
.flex-customer-review .right .item .content .comma-sign {
  margin-bottom: 15px;
}
.flex-customer-review .right .item .content .title-name {
  font-family: "Inter-Bold", sans-serif;
  font-size: 20px;
  margin-bottom: 15px;
}
@media (max-width: 1599px) {
  .flex-customer-review .right .item .content .title-name {
    font-size: 16px;
  }
}
.flex-customer-review .right .item .content .title-name font {
  font-family: "Inter-Bold", sans-serif;
  font-size: 20px;
}
@media (max-width: 1599px) {
  .flex-customer-review .right .item .content .title-name font {
    font-size: 18px;
  }
}
.flex-customer-review .right .item .description div, .flex-customer-review .right .item .description p, .flex-customer-review .right .item .description li {
  min-height: 153px;
  text-align: center;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .flex-customer-review .right .item .description div, .flex-customer-review .right .item .description p, .flex-customer-review .right .item .description li {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    min-height: unset;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .flex-customer-review .right .item .description div, .flex-customer-review .right .item .description p, .flex-customer-review .right .item .description li {
    min-height: 48px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
  }
}
@media (max-width: 767px) {
  .flex-customer-review .right .item .description div, .flex-customer-review .right .item .description p, .flex-customer-review .right .item .description li {
    min-height: 60px;
  }
}
.flex-customer-review .right .owl-nav {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 15px;
  padding-top: 50px;
  position: absolute;
  bottom: 74px;
  left: calc((100% - 2090px) / 2 + 15px);
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .flex-customer-review .right .owl-nav {
    bottom: 50px;
    left: calc((100% - 1700px) / 2 + 15px);
  }
}
@media (min-width: 1400px) and (max-width: 1500px) {
  .flex-customer-review .right .owl-nav {
    bottom: 40px;
    left: calc((100% - 1650px) / 2 + 15px);
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .flex-customer-review .right .owl-nav {
    bottom: 0px;
    left: calc((100% - 1615px) / 2 + 15px);
    padding-top: 15px;
  }
}
.flex-customer-review .right .owl-nav .owl-prev, .flex-customer-review .right .owl-nav .owl-next {
  gap: 15px;
  border-radius: 50%;
  object-fit: contain;
  transform-origin: center;
  width: 44px;
  height: 44px;
  border: 1px solid #969696;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.flex-customer-review .right .owl-nav .owl-prev:hover, .flex-customer-review .right .owl-nav .owl-next:hover {
  border-color: #DE9F38;
}
.flex-customer-review .right .owl-nav .owl-prev:hover svg path, .flex-customer-review .right .owl-nav .owl-next:hover svg path {
  fill: #DE9F38;
}

.thu-ngo .flex-thu-ngo {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 78px;
}
@media (min-width: 768px) and (max-width: 990px) {
  .thu-ngo .flex-thu-ngo {
    flex-direction: column;
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .thu-ngo .flex-thu-ngo {
    flex-direction: column;
    gap: 15px;
  }
}
.thu-ngo .flex-thu-ngo .left {
  width: 33.3%;
  aspect-ratio: 460/606;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 990px) {
  .thu-ngo .flex-thu-ngo .left {
    width: 100%;
    aspect-ratio: 16/10;
  }
}
.thu-ngo .flex-thu-ngo .left:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55.12%, rgba(0, 0, 0, 0.5) 100%);
  border-radius: 20px;
}
.thu-ngo .flex-thu-ngo .left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.thu-ngo .flex-thu-ngo .right {
  width: calc(66.7% - 78px);
}
@media (max-width: 990px) {
  .thu-ngo .flex-thu-ngo .right {
    width: 100%;
  }
}
.thu-ngo .flex-thu-ngo .right .description {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-description);
  text-align: justify;
}
.thu-ngo .flex-thu-ngo .right .description div, .thu-ngo .flex-thu-ngo .right .description p {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-description);
  text-align: justify;
}
.thu-ngo .hand-sign {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
@media (max-width: 767px) {
  .thu-ngo .hand-sign {
    margin-top: 15px;
  }
}
.thu-ngo .hand-sign .img {
  aspect-ratio: 144/90;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 144px;
  margin-bottom: 15px;
}
.thu-ngo .hand-sign .img img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.thu-ngo .hand-sign .fullname-sign {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.thu-ngo .hand-sign .fullname-sign span {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-description);
  text-transform: uppercase;
  line-height: 1.4;
}

.gtc {
  background: #F8F8F8;
}
.gtc .container {
  display: flex;
  flex-direction: row;
  gap: 117px;
}
@media (min-width: 768px) and (max-width: 900px) {
  .gtc .container {
    flex-direction: column;
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .gtc .container {
    flex-direction: column;
    gap: 15px;
  }
}
.gtc .container .left {
  width: calc(56% - 117px);
}
@media (max-width: 990px) {
  .gtc .container .left {
    width: 100%;
  }
}
.gtc .container .left .description div, .gtc .container .left .description p {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-description);
  line-height: 1.7;
}
.gtc .container .right {
  width: 44%;
  opacity: 1;
  border-radius: 20px;
  aspect-ratio: 611/396;
  max-height: 396px;
}
@media (max-width: 990px) {
  .gtc .container .right {
    width: 100%;
  }
}
.gtc .container .right img {
  border-radius: 20px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flex-mission {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 40px;
}
@media (min-width: 768px) and (max-width: 990px) {
  .flex-mission {
    flex-direction: column;
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .flex-mission {
    gap: 15px;
  }
}
.flex-mission .item {
  width: calc((100% - 80px) / 3);
  padding: 40px 50px;
  border-radius: 20px;
  background: #F8F8F8;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  aspect-ratio: 436/330;
}
@media (min-width: 768px) and (max-width: 990px) {
  .flex-mission .item {
    width: 100%;
    aspect-ratio: unset;
  }
}
@media (max-width: 767px) {
  .flex-mission .item {
    width: 100%;
    aspect-ratio: unset;
    padding: 15px;
  }
}
.flex-mission .item .icon {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}
.flex-mission .item .icon svg {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.flex-mission .item h3 {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-small-title);
  text-align: center;
  margin-bottom: 15px;
}
.flex-mission .item h3 font {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-small-title);
}
.flex-mission .item .desc div, .flex-mission .item .desc p {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-description);
  line-height: 1.4;
  text-align: center;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.flex-mission .item .desc div font, .flex-mission .item .desc p font {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-description);
}

.organization-about {
  background-color: rgba(232, 232, 232, 0.5019607843);
  background-size: cover;
  background-position: center;
  position: relative;
}
.organization-about:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/about-bg.jpg") no-repeat rgba(232, 232, 232, 0.5019607843);
  background-size: cover;
  background-position: center;
  z-index: -1;
}
.organization-about .title {
  margin-bottom: 15px;
}
.organization-about .description {
  margin-bottom: 30px;
}
.organization-about .description div, .organization-about .description p {
  font-family: "Inter-Medium", sans-serif;
  font-size: var(--fs-description);
  text-align: center;
}
.organization-about .description div font, .organization-about .description p font {
  font-family: "Inter-Medium", sans-serif;
  font-size: var(--fs-description);
}
.organization-about .img {
  aspect-ratio: 1196/550;
  display: flex;
  align-items: center;
  justify-content: center;
}
.organization-about .img img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}

.development_history .historis .tw-title h2, .development_history .historis .tw-title p {
  margin: 0;
}
@media (max-width: 576px) {
  .development_history .historis .block_history_slide_js {
    padding: 0 8vw;
  }
}
.development_history .historis .block_history_slide_js .swiper-wrapper {
  position: relative;
}
.development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide {
  width: auto;
  position: relative;
}
.development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide p.year {
  font-family: "CormorantGaramond-Bold", sans-serif;
  font-size: var(--fs-year);
  font-size: 38px;
  line-height: 1.25;
  text-align: center;
  color: #A0A0A2;
  transition: 0.5s;
  height: 8.3333333333vw;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media (max-width: 576px) {
  .development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide p.year {
    height: 26.6666666667vw;
  }
}
.development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide .dots {
  z-index: 9;
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  margin: 15px auto;
  width: 43px;
  height: 43px;
}
@media (max-width: 576px) {
  .development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide .dots {
    display: none;
  }
}
.development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide .dots .dot_active {
  position: relative;
  display: none;
  margin: auto;
  width: 43px;
  height: 43px;
  border: 1px solid #DE9F38;
  border-radius: 50%;
  background: rgb(255, 255, 255);
}
.development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide .dots .dot_active:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 23px;
  height: 23px;
  background: #DE9F38;
  border-radius: 50%;
}
.development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide .dots .dot_gray {
  display: block;
  margin: auto;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background: #A0A0A2;
}
.development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide .mo_ta_ngan {
  opacity: 0;
  transition: 0.5s;
  width: 40.625vw;
  margin-left: -14vw;
  margin-top: 2.0833333333vw;
}
@media (max-width: 576px) {
  .development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide .mo_ta_ngan {
    width: 100%;
    margin-left: 0;
    margin-top: 5.3333333333vw;
  }
}
.development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide .mo_ta_ngan .large_title {
  font-family: "Inter-Bold", sans-serif;
  font-size: 30px;
  color: #DE9F38;
  margin-bottom: 15px;
  text-align: center;
}
@media (max-width: 767px) {
  .development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide .mo_ta_ngan .large_title {
    font-size: 17px;
  }
}
.development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide .mo_ta_ngan .small_desc {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-description);
  text-align: center;
  vertical-align: middle;
  line-height: 1.4;
}
.development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide .mo_ta_ngan .small_desc div, .development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide .mo_ta_ngan .small_desc p, .development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide .mo_ta_ngan .small_desc li {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-description);
  text-align: center;
  line-height: 1.4;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide.swiper-slide-active p.year {
  font-family: "CormorantGaramond-Bold", sans-serif;
  color: #383934;
  font-weight: 400;
  font-size: var(--fs-year);
  line-height: 1.25;
}
@media (max-width: 576px) {
  .development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide.swiper-slide-active p.year {
    font-size: var(--fs-year);
  }
}
.development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide.swiper-slide-active .dot_active {
  display: block;
}
.development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide.swiper-slide-active .dot_gray {
  display: none;
}
.development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide.swiper-slide-active .mo_ta_ngan {
  opacity: 1;
}
.development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide.swiper-slide-next p.year, .development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide.swiper-slide-prev p.year {
  color: #767679;
  font-size: 58px;
  line-height: 1.25;
}
.development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide.swiper-slide-next .dot_gray, .development_history .historis .block_history_slide_js .swiper-wrapper .swiper-slide.swiper-slide-prev .dot_gray {
  width: 1.1111111111vw;
  height: 1.1111111111vw;
}
.development_history .historis .block_history_slide_js .dash {
  position: absolute;
  content: "";
  width: 1000%;
  height: 1px;
  border-bottom: 1px dashed #a0a0a2;
  top: 50%;
  transform: translate(0px, 3px);
  z-index: 0;
}
@media (min-width: 1500px) and (max-width: 1600px) {
  .development_history .historis .block_history_slide_js .dash {
    transform: translate(0px, -5px);
  }
}
@media (min-width: 1400px) and (max-width: 1500px) {
  .development_history .historis .block_history_slide_js .dash {
    transform: translate(0px, -25px);
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .development_history .historis .block_history_slide_js .dash {
    transform: translate(0px, -27px);
  }
}
@media (max-width: 576px) {
  .development_history .historis .block_history_slide_js .dash {
    display: none;
  }
}
.development_history .historis .block_history_slide_js .navigation-group .navigation {
  top: 90%;
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .development_history .historis .block_history_slide_js .navigation-group .navigation {
    top: 70%;
  }
}
@media (max-width: 576px) {
  .development_history .historis .block_history_slide_js .navigation-group .navigation {
    top: 50%;
  }
}
.development_history .historis .block_history_slide_js .navigation-group .navigation:after {
  display: none;
}
.development_history .historis .block_history_slide_js .navigation-group .swiper-button-next, .development_history .historis .block_history_slide_js .navigation-group .swiper-button-prev {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid #969696;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13px;
}
.development_history .historis .block_history_slide_js .navigation-group .swiper-button-next:hover, .development_history .historis .block_history_slide_js .navigation-group .swiper-button-prev:hover {
  border: 1px solid #DE9F38;
}
.development_history .historis .block_history_slide_js .navigation-group .swiper-button-next:hover svg path, .development_history .historis .block_history_slide_js .navigation-group .swiper-button-prev:hover svg path {
  fill: #DE9F38;
}
.development_history .historis .block_history_slide_js .navigation-group .swiper-button-next {
  right: 13%;
}
@media (max-width: 576px) {
  .development_history .historis .block_history_slide_js .navigation-group .swiper-button-next {
    right: 0%;
  }
}
.development_history .historis .block_history_slide_js .navigation-group .swiper-button-prev {
  left: 15%;
}
@media (max-width: 576px) {
  .development_history .historis .block_history_slide_js .navigation-group .swiper-button-prev {
    left: 0%;
  }
}

.list-timeline {
  display: flex;
  flex-direction: column;
  gap: 56px;
}
.list-timeline .item {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: flex-start;
  gap: 38px;
}
@media (min-width: 768px) and (max-width: 990px) {
  .list-timeline .item {
    gap: 80px;
  }
}
@media (max-width: 767px) {
  .list-timeline .item {
    gap: 30px;
  }
}
.list-timeline .item .year {
  font-family: "Inter-Bold", sans-serif;
  text-transform: uppercase;
  position: relative;
  line-height: 1;
  width: 91px;
  height: 91px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F3F3F3;
  border-radius: 50%;
  color: #787878;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-sub-title);
}
.list-timeline .item .year font {
  text-transform: uppercase;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-sub-title);
}
@media (max-width: 767px) {
  .list-timeline .item .year {
    width: 50px;
    height: 50px;
    font-size: 14px;
  }
}
.list-timeline .item .content {
  background: rgb(255, 255, 255);
  padding: 40px 55px;
  border-radius: 20px;
  width: calc(100% - 91px - 38px);
  border: 1px solid #D4D3D3;
}
@media (max-width: 990px) {
  .list-timeline .item .content {
    padding: 20px 15px;
  }
}
@media (max-width: 767px) {
  .list-timeline .item .content {
    width: calc(100% - 50px - 30px);
  }
}
.list-timeline .item .content h3 {
  font-family: "Inter-Medium", sans-serif;
  font-size: var(--fs-title-giatri);
  color: #787878;
  margin-bottom: 15px;
}
.list-timeline .item .content h3 font {
  font-family: "Inter-Medium", sans-serif;
  font-size: var(--fs-title-giatri);
  color: #787878;
}
.list-timeline .item .content p {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
}
.list-timeline .item:hover .year {
  background: #DE9F38;
  color: rgb(255, 255, 255);
}
.list-timeline .item:hover .year font {
  color: rgb(255, 255, 255);
}
.list-timeline .item:hover .content {
  border-color: #DE9F38;
}
.list-timeline .item:hover .content h3 {
  color: #383934;
}
.list-timeline .item:hover .content h3 font {
  color: #383934;
}

.sub-services {
  min-width: 582px !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  column-gap: 42px !important;
  padding: 20px;
  border: none !important;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2509803922) !important;
  backdrop-filter: blur(20px);
  list-style-position: inside;
  list-style: disc !important;
}
@media (max-width: 1200px) {
  .sub-services {
    padding: 0px;
    box-shadow: none !important;
    min-width: 100% !important;
  }
}
.sub-services li {
  position: relative;
  display: block !important;
  width: calc((100% - 42px) / 2) !important;
  padding: 15px 0;
  padding-left: 15px;
  list-style: disc !important;
}
@media (max-width: 767px) {
  .sub-services li {
    width: 100% !important;
    padding: 0px;
  }
}
.sub-services li:nth-child(1) {
  padding-top: 0;
}
.sub-services li:nth-child(1):before {
  top: 7px;
}
.sub-services li:nth-child(2) {
  padding-top: 0;
}
.sub-services li:nth-child(2):before {
  top: 7px;
}
.sub-services li:nth-last-child(1) {
  padding-bottom: 0;
  border-bottom: none !important;
}
.sub-services li:nth-last-child(2) {
  padding-bottom: 0;
  border-bottom: none !important;
}
.sub-services li:before {
  content: "";
  position: absolute;
  top: 22px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #58595B;
}
@media (max-width: 1200px) {
  .sub-services li:before {
    display: none;
  }
}
.sub-services li a {
  padding: 0 !important;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .sub-services li a {
    padding: 10px 0 !important;
  }
}

.social-news {
  border-top: 1px solid #D8DEE6;
  position: relative;
}
.social-news .share {
  position: absolute;
  height: 55px;
  top: -27.5px;
  display: flex;
  align-items: center;
  gap: 10px;
  background: #fff;
  transform: translateX(-50%);
  left: 50%;
  padding: 0 20px;
  border: 1px solid #D8DEE6;
  border-radius: 40px;
}
@media (max-width: 767px) {
  .social-news .share {
    height: 50px;
    padding: 0 5px;
  }
}
.social-news span {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-description);
  color: rgb(51, 51, 51);
}
.social-news span font {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-description);
  color: rgb(51, 51, 51);
}
.social-news .flex-social {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.social-news .flex-social .icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #EDEDED;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #EDEDED;
}
.social-news .flex-social .icon:hover svg {
  transform: scale(0.8);
  transition: transform 0.3s ease;
}
.social-news .flex-social .icon svg {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
  transition: transform 0.3s ease;
}

.tab-info .ctn-content {
  padding: 50px 0;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .tab-info .ctn-content {
    padding: 20px 0;
  }
}
@media (max-width: 767px) {
  .tab-info .ctn-content {
    padding: 15px 0;
  }
}
.tab-info .ctn-content .content > div:not(.social-news) {
  display: none;
}
.tab-info .ctn-content .content > div.active {
  display: flex;
  flex-direction: column;
}
.tab-info .ctn-content .first-tab {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 40px;
}
@media (max-width: 767px) {
  .tab-info .ctn-content .first-tab {
    gap: 15px;
  }
}
.tab-info .ctn-content .first-tab .img {
  aspect-ratio: 540/327;
  border-radius: 10px;
  position: relative;
  width: 540px;
}
@media (max-width: 1200px) {
  .tab-info .ctn-content .first-tab .img {
    width: 100%;
  }
}
.tab-info .ctn-content .first-tab .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tab-info .ctn-content .first-tab .img .title-name {
  border-radius: 10px;
  background: rgba(56, 57, 52, 0.5);
  backdrop-filter: blur(10px);
  padding: 5px 10px;
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  color: rgb(255, 255, 255);
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: var(--fs-module-tab);
  text-transform: uppercase;
}
.tab-info .ctn-content .first-tab .right {
  width: calc(100% - 540px - 40px);
}
@media (max-width: 1200px) {
  .tab-info .ctn-content .first-tab .right {
    width: 100%;
  }
}
.tab-info .ctn-content .first-tab .right .title-name {
  color: #383934;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-tskt);
  text-transform: uppercase;
  margin-bottom: 20px;
}
.tab-info .ctn-content .first-tab .right .title-name font {
  color: #383934;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-tskt);
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .tab-info .ctn-content .first-tab .right .title-name {
    margin-bottom: 15px;
  }
}

.detail-prj .owl-stage-outer {
  overflow: hidden !important;
}
.detail-prj .container {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 67px;
}
@media (min-width: 768px) and (max-width: 990px) {
  .detail-prj .container {
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .detail-prj .container {
    gap: 15px;
  }
}
.detail-prj .container .left {
  width: 50%;
  aspect-ratio: 720/491;
}
@media (min-width: 768px) and (max-width: 990px) {
  .detail-prj .container .left {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .detail-prj .container .left {
    width: 100%;
  }
}
.detail-prj .container .left .slide-detail-prj {
  position: relative;
  aspect-ratio: 720/491;
}
.detail-prj .container .left .slide-detail-prj .owl-carousel {
  position: initial;
}
.detail-prj .container .left .slide-detail-prj .owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  overflow: hidden;
  z-index: 1;
}
.detail-prj .container .left .slide-detail-prj .owl-theme .owl-nav [class*=owl-].owl-prev {
  left: -40px;
}
.detail-prj .container .left .slide-detail-prj .owl-theme .owl-nav [class*=owl-].owl-next {
  right: -40px;
}
.detail-prj .container .left .slide-detail-prj .owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent;
}
.detail-prj .container .left .slide-detail-prj .owl-theme .owl-nav [class*=owl-]:hover svg path {
  fill: #DE9F38;
}
.detail-prj .container .left .slide-detail-prj .img {
  aspect-ratio: 720/491;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
}
.detail-prj .container .left .slide-detail-prj .img:hover img {
  transform: scale(1.1);
}
.detail-prj .container .left .slide-detail-prj .img img {
  border-radius: 20px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.detail-prj .container .right {
  width: calc(50% - 67px);
}
@media (min-width: 768px) and (max-width: 990px) {
  .detail-prj .container .right {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .detail-prj .container .right {
    width: 100%;
  }
}
.detail-prj .container .right .title-prj {
  font-family: "Inter-Bold", sans-serif;
  font-size: 34px;
  line-height: 1.2;
  margin-bottom: 15px;
  text-transform: uppercase;
  color: #DE9F38;
}
@media (max-width: 767px) {
  .detail-prj .container .right .title-prj {
    font-size: 22px;
  }
}
.detail-prj .container .right .sub-proj {
  font-family: "Inter-Medium", sans-serif;
  font-size: var(--fs-text);
  margin-bottom: 15px;
}
.detail-prj .container .right .description ul {
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.detail-prj .container .right .description div, .detail-prj .container .right .description p, .detail-prj .container .right .description li {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text-small);
  line-height: 1.4;
  text-align: left;
}

.other-prj {
  overflow: hidden;
  background: rgb(241, 245, 249);
}
.other-prj .title {
  color: #383934;
}

.map {
  aspect-ratio: 1920/499;
  max-width: 1920px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .map {
    aspect-ratio: unset;
  }
}

.flex-advers {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .flex-advers {
    gap: 15px;
    row-gap: 30px;
  }
}
.flex-advers .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 33.3333333333%;
  border-right: 1px solid rgb(229, 231, 235);
}
.flex-advers .item:last-child {
  border-right: none;
}
@media (max-width: 1200px) {
  .flex-advers .item {
    width: calc((100% - 15px) / 2);
  }
}
@media (max-width: 767px) {
  .flex-advers .item {
    border-right: none;
  }
}
.flex-advers .item .icon {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .flex-advers .item .icon {
    width: 60px;
    height: 60px;
  }
}
.flex-advers .item .icon img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.flex-advers .item .number-run {
  font-family: "Inter-Bold", sans-serif;
  font-size: 64px;
  text-align: center;
  color: #DE9F38;
  margin-bottom: 15px;
  line-height: 1;
  min-width: 300px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .flex-advers .item .number-run {
    min-width: 225px;
    font-size: 55px;
  }
}
@media (max-width: 1200px) {
  .flex-advers .item .number-run {
    min-width: 100%;
  }
}
@media (max-width: 767px) {
  .flex-advers .item .number-run {
    font-size: 35px;
    min-width: 100%;
  }
  .flex-advers .item .number-run font {
    font-size: 35px;
    min-width: 100%;
  }
}
.flex-advers .item .number-run font {
  font-family: "Inter-Bold", sans-serif;
  font-size: 64px;
  text-align: center;
  color: #DE9F38;
}
.flex-advers .item .number-run .plus-sign {
  font-family: "Inter-Bold", sans-serif;
  font-size: 64px;
  text-align: center;
  color: #DE9F38;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .flex-advers .item .number-run .plus-sign {
    width: 20px;
    height: 20px;
    font-size: 60px;
  }
}
@media (max-width: 767px) {
  .flex-advers .item .number-run .plus-sign {
    width: 20px;
    height: 20px;
    font-size: 35px;
  }
  .flex-advers .item .number-run .plus-sign font {
    font-size: 35px;
  }
}
.flex-advers .item .title-name {
  font-family: "Inter-Semibold", sans-serif;
  text-transform: uppercase;
  font-size: var(--fs-text);
  color: #383934;
}
@media (max-width: 767px) {
  .flex-advers .item .title-name {
    font-size: 13px;
  }
}
.flex-advers .item .title-name font {
  font-family: "Inter-Semibold", sans-serif;
  text-transform: uppercase;
  font-size: var(--fs-text);
  color: #383934;
}

.module-tab {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}
.module-tab .tab {
  padding: 0 10px;
  position: relative;
}
.module-tab .tab:before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #383934;
  width: 2px;
  height: 60%;
}
.module-tab .tab:first-child {
  padding-left: 0;
}
.module-tab .tab:last-child {
  padding-right: 0;
}
.module-tab .tab:last-child:before {
  display: none;
}
.module-tab .tab.active span {
  color: #DE9F38;
}
.module-tab .tab.active span font {
  color: #DE9F38;
}
.module-tab .tab span {
  font-family: "Inter-Medium", sans-serif;
  font-size: var(--fs-title-name);
  text-transform: uppercase;
  color: #383934;
}
.module-tab .tab span font {
  font-family: "Inter-Medium", sans-serif;
  font-size: var(--fs-title-name);
  text-transform: uppercase;
  color: #383934;
}

.project-index-2 {
  background: #F9FAFB;
}
.project-index-2.bg-white {
  background: rgb(255, 255, 255);
}
.project-index-2.bg-white .flex-left-right {
  flex-direction: row-reverse;
}
.project-index-2.bg-white .flex-left-right .left {
  width: 50%;
  padding-right: 0;
  padding-left: 86px;
}
@media (max-width: 990px) {
  .project-index-2.bg-white .flex-left-right .left {
    width: 100%;
    padding-left: 0;
  }
}
.project-index-2.bg-white .flex-left-right .right {
  width: 50%;
}
@media (max-width: 990px) {
  .project-index-2.bg-white .flex-left-right .right {
    width: 100%;
  }
}
.project-index-2 .flex-left-right {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 990px) {
  .project-index-2 .flex-left-right {
    gap: 15px;
  }
}
.project-index-2 .flex-left-right .left {
  padding-right: 96px;
  width: 55%;
}
@media (max-width: 990px) {
  .project-index-2 .flex-left-right .left {
    width: 100%;
    padding-right: 0px;
  }
}
.project-index-2 .flex-left-right .left .title {
  color: #DE9F38;
  margin-bottom: 20px;
  line-height: 1.4;
}
@media (max-width: 1200px) {
  .project-index-2 .flex-left-right .left .title {
    font-size: 22px;
  }
}
.project-index-2 .flex-left-right .left .description {
  margin-bottom: 20px;
}
.project-index-2 .flex-left-right .left .description div, .project-index-2 .flex-left-right .left .description p {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text-small);
}
.project-index-2 .flex-left-right .right {
  width: 45%;
}
@media (max-width: 990px) {
  .project-index-2 .flex-left-right .right {
    width: 100%;
  }
}
.project-index-2 .flex-left-right .right .img {
  aspect-ratio: 719/384;
  border-radius: 10px;
  box-shadow: 0px 8px 10px -6px rgba(0, 0, 0, 0.1019607843);
  box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1019607843);
  backdrop-filter: blur(20px);
}
.project-index-2 .flex-left-right .right .img:hover img {
  transform: scale(1.1);
  transition: transform 0.3s ease;
}

.about-mega .container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 100px;
}
@media (max-width: 990px) {
  .about-mega .container {
    gap: 15px;
    flex-wrap: wrap;
  }
}
.about-mega .container .left {
  aspect-ratio: 515/659;
  border-radius: 20px;
  width: 37.2%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 990px) {
  .about-mega .container .left {
    width: 100%;
  }
}
.about-mega .container .left img {
  border-radius: 20px;
  object-position: center;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-mega .container .right {
  width: calc(62.8% - 100px);
}
@media (max-width: 990px) {
  .about-mega .container .right {
    width: 100%;
  }
}
.about-mega .container .right .title {
  margin-bottom: 10px;
}
.about-mega .container .right .description div, .about-mega .container .right .description p {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text-small);
  text-align: justify;
}

.flex-core-value {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 32px;
}
@media (max-width: 990px) {
  .flex-core-value {
    gap: 15px;
  }
}
.flex-core-value .item {
  width: calc((100% - 64px) / 3);
  padding: 40px 25px;
  border-radius: 20px;
  border: 1px solid #E4E4E4;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1019607843);
  backdrop-filter: blur(20px);
  background: rgb(255, 255, 255);
}
@media (max-width: 990px) {
  .flex-core-value .item {
    width: calc((100% - 15px) / 2);
    padding: 15px;
  }
}
.flex-core-value .item.column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
  box-shadow: none;
  border: none;
  padding-left: 0;
}
.flex-core-value .item.column .title {
  margin-bottom: 20px;
}
.flex-core-value .item .icon {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 20px;
  border-radius: 16px;
  background: #DE9F38;
  margin-bottom: 20px;
}
.flex-core-value .item .title-name {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title-name);
  margin-bottom: 10px;
}
.flex-core-value .item .desc {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text-small);
}
.flex-core-value .item .desc p {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text-small);
}

.history-of-information {
  background: rgb(255, 255, 255);
}
.history-of-information .container {
  display: flex;
  flex-direction: row;
  gap: 89px;
}
@media (min-width: 990px) and (max-width: 1200px) {
  .history-of-information .container {
    gap: 30px;
  }
}
@media (max-width: 990px) {
  .history-of-information .container {
    flex-wrap: wrap;
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .history-of-information .container {
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    align-items: center;
  }
}
.history-of-information .container .left {
  position: sticky;
  top: 92px;
  left: 0;
  width: calc(36% - 89px);
  display: flex;
  flex-direction: column;
  align-self: flex-start;
}
@media (min-width: 990px) and (max-width: 1200px) {
  .history-of-information .container .left {
    width: calc(36% - 30px);
  }
}
@media (max-width: 990px) {
  .history-of-information .container .left {
    width: 100%;
    justify-content: center;
    align-items: center;
  }
}
.history-of-information .container .left .title {
  margin-bottom: 20px;
  width: 80%;
}
@media (max-width: 990px) {
  .history-of-information .container .left .title {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .history-of-information .container .left .title {
    text-align: center;
  }
}
.history-of-information .container .left .description {
  margin-bottom: 20px;
}
@media (max-width: 990px) {
  .history-of-information .container .left .description {
    margin-bottom: 15px;
  }
}
.history-of-information .container .left .description p, .history-of-information .container .left .description div {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
  color: #383934;
}
@media (max-width: 767px) {
  .history-of-information .container .left .description p, .history-of-information .container .left .description div {
    text-align: center;
  }
}
.history-of-information .container .left .img {
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
}
.history-of-information .container .left .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 40px;
}
.history-of-information .container .right {
  width: 64%;
}
@media (max-width: 990px) {
  .history-of-information .container .right {
    width: 100%;
  }
}
.history-of-information .container .right .timeline {
  height: 670px;
  position: relative;
}
.history-of-information .container .right .timeline::before {
  content: "";
  position: absolute;
  top: 0;
  left: 44px;
  width: 1px;
  height: 100%;
  background: #B9B9B9;
}
@media (min-width: 768px) and (max-width: 990px) {
  .history-of-information .container .right .timeline::before {
    left: 116px;
  }
}
@media (max-width: 767px) {
  .history-of-information .container .right .timeline::before {
    left: 25px;
  }
}
.history-of-information .container .right .timeline .swiper {
  height: 100%;
}
.history-of-information .container .right .timeline .swiper .item {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: flex-start;
  gap: 38px;
}
@media (min-width: 768px) and (max-width: 990px) {
  .history-of-information .container .right .timeline .swiper .item {
    gap: 80px;
  }
}
@media (max-width: 767px) {
  .history-of-information .container .right .timeline .swiper .item {
    gap: 30px;
  }
}
.history-of-information .container .right .timeline .swiper .item .year {
  font-family: "Inter-Bold", sans-serif;
  text-transform: uppercase;
  position: relative;
  line-height: 1;
  width: 91px;
  height: 91px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F3F3F3;
  border-radius: 50%;
  color: #787878;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-sub-title);
}
@media (max-width: 767px) {
  .history-of-information .container .right .timeline .swiper .item .year {
    width: 50px;
    height: 50px;
    font-size: 14px;
  }
}
.history-of-information .container .right .timeline .swiper .item .content {
  background: rgb(255, 255, 255);
  padding: 40px 55px;
  border-radius: 20px;
  width: calc(100% - 91px - 38px);
  border: 1px solid #D4D3D3;
}
@media (max-width: 990px) {
  .history-of-information .container .right .timeline .swiper .item .content {
    padding: 20px 15px;
  }
}
@media (max-width: 767px) {
  .history-of-information .container .right .timeline .swiper .item .content {
    width: calc(100% - 50px - 30px);
  }
}
.history-of-information .container .right .timeline .swiper .item .content h3 {
  font-family: "Inter-Medium", sans-serif;
  font-size: var(--fs-title-giatri);
  color: #383934;
  margin-bottom: 15px;
}
.history-of-information .container .right .timeline .swiper .item .content p {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
}
.history-of-information .container .right .swiper-slide-active .year {
  background: #DE9F38 !important;
  color: rgb(255, 255, 255) !important;
}
.history-of-information .container .right .swiper-slide-active .year::after {
  border-color: #DE9F38 !important;
}
.history-of-information .container .right .swiper-slide-active .content {
  border-color: #DE9F38 !important;
}

.detail-first {
  padding-top: 0;
}
.detail-first .flex-detail-first {
  display: flex;
  flex-direction: row;
  gap: 78px;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 990px) {
  .detail-first .flex-detail-first {
    gap: 15px;
  }
}
.detail-first .flex-detail-first .left {
  width: calc(61% - 78px);
}
@media (max-width: 990px) {
  .detail-first .flex-detail-first .left {
    width: 100%;
  }
}
.detail-first .flex-detail-first .left .description div, .detail-first .flex-detail-first .left .description p {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text-small);
  text-align: justify;
}
.detail-first .flex-detail-first .right {
  width: 39%;
}
@media (max-width: 990px) {
  .detail-first .flex-detail-first .right {
    width: 100%;
  }
}
.detail-first .flex-detail-first .right .img {
  aspect-ratio: 605/450;
  display: flex;
  align-items: center;
  justify-content: center;
}
.detail-first .flex-detail-first .right .img img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}

.detail-second {
  background: rgb(241, 245, 249);
}
.detail-second .flex-img {
  margin-top: 30px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 25px;
}
@media (max-width: 990px) {
  .detail-second .flex-img {
    margin-top: 15px;
    gap: 15px;
    flex-wrap: wrap;
  }
}
.detail-second .flex-img img {
  width: calc((100% - 75px) / 4);
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
@media (min-width: 768px) and (max-width: 990px) {
  .detail-second .flex-img img {
    width: calc((100% - 15px) / 2);
  }
}
@media (max-width: 767px) {
  .detail-second .flex-img img {
    width: 100%;
  }
}

.detail-third .title {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .detail-third .title {
    margin-bottom: 15px;
  }
}
.detail-third .list-file-download {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 45px;
}
@media (max-width: 1200px) {
  .detail-third .list-file-download {
    gap: 15px;
  }
}
.detail-third .list-file-download .card-file-download {
  width: calc((100% - 135px) / 4);
  background: rgb(241, 245, 249);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(20px);
  border-radius: 10px;
  aspect-ratio: 1;
  padding: 60px 34px;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .detail-third .list-file-download .card-file-download {
    width: calc((100% - 15px) / 2);
    padding: 15px;
    aspect-ratio: unset !important;
  }
}
@media (max-width: 767px) {
  .detail-third .list-file-download .card-file-download {
    width: 100%;
    padding: 15px;
    aspect-ratio: unset !important;
  }
}
.detail-third .list-file-download .card-file-download .icon {
  width: 84px;
  height: 115px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}
@media (max-width: 1200px) {
  .detail-third .list-file-download .card-file-download .icon {
    aspect-ratio: 84/115;
  }
}
.detail-third .list-file-download .card-file-download .icon svg {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.detail-third .list-file-download .card-file-download h3 {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title-name);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.detail-third .list-file-download .card-file-download span {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text-small);
  text-align: center;
  text-transform: uppercase;
}
.detail-third .list-file-download .card-file-download:hover {
  border: 1px solid #DE9F38;
  background: rgb(255, 255, 255);
}
.detail-third .list-file-download .card-file-download:hover svg path {
  stroke: #DE9F38;
}
.detail-third.bg-blue .card-file-download {
  background: rgb(255, 255, 255);
}

.list-projects {
  padding-top: 0;
}

.list-project-index {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 29px;
  margin-bottom: 34px;
  position: relative;
}
.list-project-index .owl-carousel {
  position: initial;
}
.list-project-index .owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  overflow: hidden;
  z-index: 1;
}
.list-project-index .owl-theme .owl-nav [class*=owl-].owl-prev {
  left: -40px;
}
.list-project-index .owl-theme .owl-nav [class*=owl-].owl-next {
  right: -40px;
}
.list-project-index .owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent;
}
.list-project-index .owl-theme .owl-nav [class*=owl-]:hover svg path {
  fill: #DE9F38;
}
@media (max-width: 990px) {
  .list-project-index {
    gap: 15px;
    margin-bottom: 15px;
  }
}
.list-project-index.no-crs {
  margin-bottom: 0px;
  background: rgb(241, 245, 249);
}
.list-project-index.no-crs .card-project {
  width: 100%;
}
.list-project-index.no-crs .owl-prev, .list-project-index.no-crs .owl-next {
  border: none !important;
}
.list-project-index.no-crs .owl-prev:hover svg, .list-project-index.no-crs .owl-next:hover svg {
  fill: none !important;
}
.list-project-index.no-crs .owl-prev:hover svg path, .list-project-index.no-crs .owl-next:hover svg path {
  fill: none !important;
}
.list-project-index.no-crs .owl-prev {
  left: -50px !important;
}
.list-project-index.no-crs .owl-next {
  right: -50px !important;
}
.list-project-index.no-crs .card-innovation {
  width: 100%;
}
.list-project-index .card-project {
  width: calc((100% - 58px) / 3);
  border-radius: 10px;
  background: rgb(255, 255, 255);
  box-shadow: 0px 4px 6px 1px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
}
@media (min-width: 768px) and (max-width: 990px) {
  .list-project-index .card-project {
    width: calc((100% - 15px) / 2);
  }
}
@media (max-width: 767px) {
  .list-project-index .card-project {
    width: 100%;
  }
}
.list-project-index .card-project:hover {
  background: rgb(1, 89, 127);
}
.list-project-index .card-project:hover .info a {
  color: rgb(255, 255, 255) !important;
}
.list-project-index .card-project .img {
  aspect-ratio: 476/325;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.list-project-index .card-project .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.list-project-index .card-project .info {
  padding: 21px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .list-project-index .card-project .info {
    padding: 15px 0;
  }
}
.list-project-index .card-project .info h3 a {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title-name);
  text-transform: uppercase;
  color: #383934;
}

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

.bg-blue {
  background: rgb(241, 245, 249) !important;
}

.top-header {
  background: #DE9F38;
  padding: 15px 0;
  position: relative;
  z-index: 101;
}
@media (max-width: 767px) {
  .top-header {
    padding: 10px 0;
  }
}
.top-header .container .flex-end-th {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  list-style: none;
}
.top-header .container .flex-end-th .register-program a {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding-right: 25px;
}
.top-header .container .flex-end-th .register-program a:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 2px;
  height: 60%;
  transform: translateY(-50%);
  background: rgb(255, 255, 255);
}
.top-header .container .flex-end-th .register-program a:hover {
  color: #DE9F38;
}
.top-header .container .flex-end-th .register-program a:hover span {
  color: #DE9F38;
}
.top-header .container .flex-end-th .register-program span {
  color: rgb(255, 255, 255);
  font-family: "Inter-Medium", sans-serif;
  font-size: var(--fs-text-small);
}
.top-header .container .flex-end-th .language {
  padding-left: 25px;
}
.top-header .container .flex-end-th .language .flex-lang {
  color: rgb(255, 255, 255);
  font-family: "Inter-Medium", sans-serif;
  font-size: var(--fs-text-small);
}
.top-header .container .flex-end-th .language .flex-lang span {
  color: rgb(255, 255, 255);
  font-family: "Inter-Medium", sans-serif;
  font-size: var(--fs-text-small);
  display: none;
}
.top-header .container .flex-end-th .language .flex-lang span.active {
  display: block;
}
.top-header .container .flex-end-th .search-action {
  padding-left: 25px;
}
.top-header .container .flex-end-th .search-action .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.top-header .container .flex-end-th .search-action .icon svg path {
  stroke: rgb(255, 255, 255);
}
.top-header .language {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  gap: 10px;
}
.top-header .language.active .list-language {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
}
@media (max-width: 768px) {
  .top-header .language {
    z-index: 1000;
  }
}
.top-header .language .list-language {
  transition: all 0.3s linear;
}
@media (min-width: 768px) {
  .top-header .language:hover .list-language {
    opacity: 1;
    transform: translateY(0);
    pointer-events: all !important;
  }
}
.top-header .language > p {
  font-family: "Inter-Medium", sans-serif;
  font-size: var(--fs-text);
  color: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  justify-content: center;
}
.top-header .language > p img {
  width: 30px;
  height: 20px;
  object-fit: cover;
}
.top-header .language .icon svg,
.top-header .language .icon1 svg {
  fill: rgb(255, 255, 255);
}
.top-header .language .icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.top-header .language .icon1 {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.top-header .list-language {
  position: absolute;
  top: 100%;
  border-radius: 5px;
  right: 0px;
  background: rgb(255, 255, 255);
  width: 150px;
  text-align: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(20px);
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px);
  transition: opacity 0.3s linear;
}
@media (max-width: 767px) {
  .top-header .list-language {
    pointer-events: none;
  }
}
.top-header .list-language .item:not(:last-child) {
  border-bottom: 1px solid rgb(229, 231, 235);
}
.top-header .list-language .item {
  padding: 10px 0px 10px 0;
  display: block;
}
.top-header .list-language .item:hover {
  color: #DE9F38;
  cursor: pointer;
}

.professor-index .flex-title-name {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
}
.professor-index .card-professor {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.professor-index .card-professor .icon {
  width: 263px;
  height: 263px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-bottom: 30px;
  overflow: hidden;
}
.professor-index .card-professor .icon img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.professor-index .card-professor .infor {
  display: flex;
  flex-direction: column;
}
.professor-index .card-professor .infor .title-name {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-title-module);
  text-align: center;
  vertical-align: middle;
  color: #DE9F38;
}
.professor-index .card-professor .infor .title-name font {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-title-module);
  text-align: center;
  vertical-align: middle;
  color: #DE9F38;
}
.professor-index .card-professor .infor .other-title {
  display: inline-block;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-text);
  text-align: center;
  vertical-align: middle;
  color: #DE9F38;
  margin-bottom: 20px;
}
.professor-index .card-professor .infor .desc {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
  text-align: center;
  vertical-align: middle;
}
.professor-index .card-professor .infor .desc div, .professor-index .card-professor .infor .desc p {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
  text-align: center;
  vertical-align: middle;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.professor-index .card-professor:hover .icon img {
  transform: scale(1.1);
}
.professor-index .card-professor:hover .title-name {
  color: #DE9F38;
}
.professor-index .owl-dots {
  margin-bottom: 35px;
}

.top-banner {
  background: url("/Upload/hoc-vien/banner-thanh-tich.webp") no-repeat;
  background-size: cover;
  background-position: center;
  padding: 100px 0;
  position: relative;
}
@media (max-width: 767px) {
  .top-banner {
    padding: 20px 0;
  }
}
.top-banner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #070758 0%, rgba(7, 7, 88, 0) 100%);
  z-index: 0;
}
.top-banner .title {
  position: relative;
  color: rgb(255, 255, 255);
  z-index: 1;
  font-family: "Inter-Semibold", sans-serif;
}
.top-banner .title a {
  font-family: "Inter-Semibold", sans-serif;
  color: rgb(255, 255, 255);
}
.top-banner .title a font {
  font-family: "Inter-Semibold", sans-serif;
  color: rgb(255, 255, 255);
}
.top-banner .description {
  position: relative;
  font-size: 17px;
  color: rgb(255, 255, 255);
  width: 45%;
  margin-bottom: 30px;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .top-banner .description {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .top-banner .description {
    width: 100%;
    margin-bottom: 14px;
  }
}
.top-banner .description div, .top-banner .description p {
  font-size: 17px;
  color: rgb(255, 255, 255);
  text-align: left;
}
.top-banner .description div font, .top-banner .description p font {
  font-size: 17px;
  color: rgb(255, 255, 255);
}
@media (max-width: 767px) {
  .top-banner .description div font, .top-banner .description p font {
    margin-bottom: 14px;
  }
}
@media (max-width: 767px) {
  .top-banner .description div, .top-banner .description p {
    margin-bottom: 14px;
  }
}

.list-hocvien {
  overflow: hidden;
}

.slide-hovien {
  position: relative;
}
.slide-hovien .owl-carousel {
  position: initial;
}
.slide-hovien .owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  overflow: hidden;
  z-index: 1;
}
.slide-hovien .owl-theme .owl-nav [class*=owl-].owl-prev {
  left: -40px;
}
.slide-hovien .owl-theme .owl-nav [class*=owl-].owl-next {
  right: -40px;
}
.slide-hovien .owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent;
}
.slide-hovien .owl-theme .owl-nav [class*=owl-]:hover svg path {
  fill: #DE9F38;
}
.slide-hovien .card-hocvien {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.slide-hovien .card-hocvien .icon {
  overflow: hidden;
  width: 138px;
  height: 138px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid rgb(255, 255, 255);
  border-radius: 50%;
}
.slide-hovien .card-hocvien .info {
  padding-left: 20px;
  width: calc(100% - 138px);
}
.slide-hovien .card-hocvien .info .title-name {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title-name);
  color: #DE9F38;
  text-transform: uppercase;
}
.slide-hovien .card-hocvien .info .title-name font {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title-name);
  color: #DE9F38;
}
.slide-hovien .card-hocvien .info span {
  display: inline-block;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-score);
  color: #DE9F38;
}
.slide-hovien .card-hocvien .info span font {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-score);
  color: #DE9F38;
}
.slide-hovien .card-hocvien .info .description div, .slide-hovien .card-hocvien .info .description p {
  font-family: "Inter-Semibold", sans-serif;
  font-style: Italic;
  font-size: var(--fs-text);
  text-transform: capitalize;
}
.slide-hovien .card-hocvien .info .description div font, .slide-hovien .card-hocvien .info .description p font {
  font-family: "Inter-Semibold", sans-serif;
  font-style: Italic;
  font-size: var(--fs-text);
  text-transform: capitalize;
}

.comment-index {
  overflow: hidden;
}
@media (max-width: 767px) {
  .comment-index .title {
    text-align: left !important;
    display: flex;
    justify-content: flex-start;
  }
}
.comment-index .description {
  margin-bottom: 30px;
  width: 100%;
}
.comment-index .description div, .comment-index .description p, .comment-index .description li {
  text-align: center;
  width: 51%;
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .comment-index .description div, .comment-index .description p, .comment-index .description li {
    width: 70%;
  }
}
@media (min-width: 990px) and (max-width: 1200px) {
  .comment-index .description div, .comment-index .description p, .comment-index .description li {
    width: 80%;
  }
}
@media (max-width: 990px) {
  .comment-index .description div, .comment-index .description p, .comment-index .description li {
    width: 100%;
    text-align: left;
  }
}
@media (max-width: 767px) {
  .comment-index .description {
    margin-bottom: 15px;
  }
  .comment-index .description div, .comment-index .description p, .comment-index .description li {
    font-size: 14px;
  }
}
.comment-index .card-comment {
  padding: 30px 40px;
  border-radius: 20px;
  background: rgb(245, 245, 245);
}
@media (max-width: 767px) {
  .comment-index .card-comment {
    padding: 20px;
  }
}
.comment-index .card-comment .top-card {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding-bottom: 22px;
  margin-bottom: 22px;
  border-bottom: 1px solid rgb(217, 220, 227);
}
@media (max-width: 767px) {
  .comment-index .card-comment .top-card {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}
.comment-index .card-comment .top-card:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 36px;
  background: url("/html/assets/images/comment.png") no-repeat;
  background-size: contain;
}
.comment-index .card-comment .top-card .icon {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid rgb(255, 255, 255);
}
.comment-index .card-comment .top-card .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.comment-index .card-comment .top-card .info {
  padding-left: 20px;
  width: calc(100% - 72px);
}
@media (max-width: 767px) {
  .comment-index .card-comment .top-card .info {
    padding-right: 30px;
  }
}
.comment-index .card-comment .top-card .info .title-name {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title-name);
  color: #DE9F38;
}
.comment-index .card-comment .top-card .info .title-name font {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title-name);
  color: #DE9F38;
}
.comment-index .card-comment .top-card .info span {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
}
.comment-index .card-comment .top-card .info span font {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
}
.comment-index .card-comment .top-card .bottom-card .desc div, .comment-index .card-comment .top-card .bottom-card .desc p {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
}

.about-us {
  margin-top: 20px;
}
.about-us .flex-left-right {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 70px;
}
@media (max-width: 1200px) {
  .about-us .flex-left-right {
    gap: 15px;
    flex-direction: column;
  }
}
.about-us .flex-left-right .left {
  width: calc(57% - 70px);
}
@media (max-width: 1200px) {
  .about-us .flex-left-right .left {
    width: 100%;
  }
}
.about-us .flex-left-right .left .description div, .about-us .flex-left-right .left .description p {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
  text-align: justify;
}
.about-us .flex-left-right .right {
  width: 43%;
}
@media (max-width: 1200px) {
  .about-us .flex-left-right .right {
    width: 100%;
  }
}
.about-us .flex-left-right .right .flex-img {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px;
}
.about-us .flex-left-right .right .flex-img .img {
  width: calc((100% - 15px) / 2);
  aspect-ratio: 1;
  border-radius: 20px;
  object-position: center;
}
.about-us .flex-left-right .right .flex-img .img img {
  object-position: center;
}
.about-us .flex-left-right .right .flex-img .img:hover img {
  transform: scale(1.1);
}
.about-us .flex-left-right .right .flex-img .img:first-child {
  width: 100%;
  aspect-ratio: 598/387;
}

.founder-ceo .flex-founder {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 78px;
}
@media (max-width: 1200px) {
  .founder-ceo .flex-founder {
    flex-direction: column;
    gap: 15px;
  }
}
.founder-ceo .flex-founder .left {
  width: 33%;
}
@media (max-width: 1200px) {
  .founder-ceo .flex-founder .left {
    width: 100%;
  }
}
.founder-ceo .flex-founder .right {
  width: calc(67% - 78px);
}
@media (max-width: 1200px) {
  .founder-ceo .flex-founder .right {
    width: 100%;
  }
}
.founder-ceo .flex-founder .right .description div, .founder-ceo .flex-founder .right .description p {
  font-size: var(--fs-text);
}

@media (max-width: 1200px) {
  .hot-number .title {
    text-align: left !important;
    display: flex;
    justify-content: flex-start;
  }
}
.hot-number .description {
  margin-bottom: 35px;
}
@media (max-width: 1200px) {
  .hot-number .description {
    margin-bottom: 15px;
    justify-content: flex-start;
  }
}
.hot-number .description div, .hot-number .description p {
  font-family: "Inter-Bold", sans-serif;
  font-size: 17px;
  text-align: center;
}
.hot-number .description div font, .hot-number .description p font {
  font-family: "Inter-Bold", sans-serif;
  font-size: 17px;
}
@media (max-width: 1200px) {
  .hot-number .description div, .hot-number .description p {
    font-size: 14px;
    display: flex;
    justify-content: flex-start;
    text-align: left !important;
  }
}
.hot-number .flex-content-ctn {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 30px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .hot-number .flex-content-ctn {
    gap: 15px;
    margin-bottom: 15px;
  }
}
.hot-number .flex-content-ctn .item {
  width: calc((100% - 60px) / 3);
  padding: 32px 50px;
  aspect-ratio: 444/240;
  background: rgb(245, 245, 245);
  border-radius: 20px;
}
@media (max-width: 1200px) {
  .hot-number .flex-content-ctn .item {
    width: 100%;
    padding: 20px;
    aspect-ratio: unset;
  }
}
.hot-number .flex-content-ctn .item .icon {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}
.hot-number .flex-content-ctn .item .icon svg {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.hot-number .flex-content-ctn .item .text div, .hot-number .flex-content-ctn .item .text p {
  font-family: "Inter-Medium", sans-serif;
  font-size: var(--fs-text);
  text-align: justify;
  line-height: 1.4;
}
.hot-number .flex-content-ctn .item .text div font, .hot-number .flex-content-ctn .item .text p font {
  font-family: "Inter-Medium", sans-serif;
  font-size: var(--fs-text);
}

.partner-index-1 {
  overflow: hidden;
}
.partner-index-1 .text-ctn {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .partner-index-1 .text-ctn {
    gap: 15px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .partner-index-1 .text-ctn {
    margin-bottom: 20px;
  }
  .partner-index-1 .text-ctn .description {
    margin-bottom: 15px;
  }
}
.partner-index-1 .text-ctn .title {
  margin-bottom: 15px;
}
.partner-index-1 .text-ctn .title a {
  color: #DE9F38;
}
.partner-index-1 .text-ctn .left {
  width: 58%;
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .partner-index-1 .text-ctn .left {
    width: 70%;
  }
}
@media (min-width: 990px) and (max-width: 1199px) {
  .partner-index-1 .text-ctn .left {
    width: 80%;
  }
}
@media (max-width: 990px) {
  .partner-index-1 .text-ctn {
    flex-direction: column;
    align-items: flex-start;
  }
  .partner-index-1 .text-ctn .left {
    width: 100%;
  }
  .partner-index-1 .text-ctn .right {
    width: 100%;
  }
  .partner-index-1 .text-ctn .right .flex-btn {
    width: 100%;
  }
}

.partner-page {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .partner-page .title, .partner-page .description p, .partner-page .description div {
    text-align: left !important;
    display: flex;
    justify-content: flex-start !important;
    align-items: flex-start;
  }
}
.partner-page .description {
  margin-bottom: 50px;
}
.partner-page .description div, .partner-page .description p {
  flex-direction: column;
}
@media (max-width: 767px) {
  .partner-page .description {
    margin-bottom: 15px;
  }
}

.list-gv.no-crs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 55px;
}
@media (max-width: 990px) {
  .list-gv.no-crs {
    gap: 15px;
  }
}
.list-gv.no-crs .card-gv {
  width: calc((100% - 165px) / 4);
}
@media (max-width: 990px) {
  .list-gv.no-crs .card-gv {
    width: calc((100% - 15px) / 2);
  }
}
.list-gv .owl-stage-outer {
  overflow: hidden !important;
}
.list-gv .card-gv {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
.list-gv .card-gv .icon {
  aspect-ratio: 1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 263px;
  height: 263px;
  margin-bottom: 25px;
}
@media (min-width: 990px) and (max-width: 1200px) {
  .list-gv .card-gv .icon {
    width: 200px;
    height: 200px;
  }
}
@media (max-width: 990px) {
  .list-gv .card-gv .icon {
    width: 150px;
    height: 150px;
  }
}
.list-gv .card-gv .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.list-gv .card-gv .icon span {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  background: rgb(196, 196, 196);
  display: flex;
  align-items: center;
  justify-content: center;
}
.list-gv .card-gv .title-name {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-title-module);
  text-align: center;
  margin-bottom: 5px;
  color: #DE9F38;
}
.list-gv .card-gv .title-name font {
  color: #DE9F38;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-title-module);
}
.list-gv .card-gv .subtitle {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-text);
  text-align: center;
  text-transform: none;
}
.list-gv .card-gv .subtitle font {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-text);
}
.list-gv .card-gv .desc div, .list-gv .card-gv .desc p {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
  text-align: center;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}

.list-gv-index {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  row-gap: 50px;
}
.list-gv-index.crs .card-gv {
  width: 100%;
}
.list-gv-index .card-gv {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  width: calc((100% - 50px) / 6);
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .list-gv-index .card-gv {
    width: calc((100% - 40px) / 5);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .list-gv-index .card-gv {
    width: calc((100% - 30px) / 4);
  }
}
@media (min-width: 1200px) {
  .list-gv-index .card-gv:hover .icon {
    border-color: #DE9F38;
  }
}
.list-gv-index .card-gv.active .icon {
  border-color: #DE9F38;
}
.list-gv-index .card-gv .icon {
  aspect-ratio: 1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 170px;
  height: 170px;
  padding: 7px;
  border: 2px solid transparent;
  margin-bottom: 15px;
}
.list-gv-index .card-gv .icon img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.list-gv-index .card-gv .icon span {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  background: rgb(196, 196, 196);
  display: flex;
  align-items: center;
  justify-content: center;
}
.list-gv-index .card-gv .title-name {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-text);
  text-align: center;
  margin-bottom: 5px;
  color: #DE9F38;
}
.list-gv-index .card-gv .title-name font {
  color: #DE9F38;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-text);
}
.list-gv-index .card-gv .subtitle {
  font-family: "Inter-Semibold", sans-serif;
  font-size: 14px;
  text-align: center;
  text-transform: none;
}
@media (max-width: 767px) {
  .list-gv-index .card-gv .subtitle {
    font-size: 12px;
  }
  .list-gv-index .card-gv .subtitle font {
    font-size: 12px;
  }
}
.list-gv-index .card-gv .subtitle font {
  font-family: "Inter-Semibold", sans-serif;
  font-size: 14px;
}
.list-gv-index .card-gv .desc {
  display: none;
}
.list-gv-index .card-gv .desc div, .list-gv-index .card-gv .desc p {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
  text-align: center;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}

.card-popup-index {
  display: flex;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .card-popup-index {
    margin-bottom: 15px;
  }
}
.card-popup-index .popup-content {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 70px;
  flex-wrap: wrap;
  aspect-ratio: 1392/462;
  width: 100%;
  padding: 70px 60px;
  border-radius: 20px;
  border: 1px solid #DEDEDE;
  background: #FFF;
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .card-popup-index .popup-content {
    padding: 40px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .card-popup-index .popup-content {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .card-popup-index .popup-content {
    padding: 15px;
    gap: 15px;
  }
}
.card-popup-index .popup-content .left {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 339px;
}
@media (max-width: 767px) {
  .card-popup-index .popup-content .left {
    width: 100%;
  }
}
.card-popup-index .popup-content .left .popup-img {
  aspect-ratio: 1;
  width: 339px;
  height: 339px;
  border-radius: 50%;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .card-popup-index .popup-content .left .popup-img {
    width: 300px;
    height: 300px;
  }
}
.card-popup-index .popup-content .left .popup-img img {
  aspect-ratio: 1;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-popup-index .popup-content .right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: calc(100% - 339px - 70px);
}
@media (max-width: 767px) {
  .card-popup-index .popup-content .right {
    width: 100%;
    align-items: center;
    justify-content: center;
  }
}
.card-popup-index .popup-content .right .popup-name {
  color: #DE9F38;
  text-align: center;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-small-title);
}
.card-popup-index .popup-content .right .popup-title {
  color: #DE9F38;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-title-module);
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .card-popup-index .popup-content .right .popup-title {
    margin-bottom: 15px;
  }
}
.card-popup-index .popup-content .right .popup-desc ul {
  padding-left: 20px;
}
.card-popup-index .popup-content .right .popup-desc div, .card-popup-index .popup-content .right .popup-desc p, .card-popup-index .popup-content .right .popup-desc li {
  color: #383934;
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
}
.card-popup-index .popup-close {
  cursor: pointer;
}
.card-popup-index.show {
  display: block;
}

.card-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 9999;
}
.card-popup.show {
  display: block;
}
.card-popup .popup-content {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  aspect-ratio: 992/470;
  max-width: 992px;
}
.card-popup .popup-content .popup-close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 33px;
  height: 33px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.card-popup .popup-content .popup-close svg {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.card-popup .popup-content .popup-close:hover svg path {
  stroke: rgb(230, 0, 40);
}
.card-popup .popup-content .left {
  width: 40%;
  padding: 60px 50px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background: rgb(246, 246, 246);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.card-popup .popup-content .left .popup-img {
  aspect-ratio: 1;
  width: 263px;
  height: 263px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 20px;
}
.card-popup .popup-content .left .popup-img img {
  aspect-ratio: 1;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-popup .popup-content .left .popup-name {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-title-module);
  text-align: center;
  margin-bottom: 5px;
}
.card-popup .popup-content .left .popup-name font {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-title-module);
}
.card-popup .popup-content .left .popup-title {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-text);
  text-align: center;
  text-transform: none;
  color: rgb(230, 0, 40);
}
.card-popup .popup-content .left .popup-title font {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-text);
}
.card-popup .popup-content .right {
  width: 60%;
  padding: 60px 80px;
  background: rgb(255, 255, 255);
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.card-popup .popup-content .right .title {
  width: 100%;
  font-family: "Inter-Semibold", sans-serif;
  font-size: 26px;
  color: rgb(7, 7, 88);
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgb(216, 216, 216);
}
.card-popup .popup-content .right .popup-desc ul {
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.card-popup .popup-content .right .popup-desc div,
.card-popup .popup-content .right .popup-desc p,
.card-popup .popup-content .right .popup-desc li {
  font-family: "Montserrat-Regular", sans-serif;
  font-size: var(--fs-text);
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .card-popup .popup-content .right {
    padding: 50px;
  }
}
@media (max-width: 1200px) {
  .card-popup .popup-content {
    flex-direction: column;
    aspect-ratio: unset;
    width: 400px;
  }
  .card-popup .popup-content .left {
    width: 100%;
    padding: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0;
  }
  .card-popup .popup-content .left .popup-img {
    width: 150px;
    height: 150px;
  }
  .card-popup .popup-content .right {
    width: 100%;
    padding: 20px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 20px;
  }
  .card-popup .popup-content .right .title {
    margin-bottom: 15px;
    padding-bottom: 15px;
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .partner-index {
    overflow: hidden;
  }
}
.partner-index .description p {
  display: flex;
  flex-direction: column;
  width: 63%;
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .partner-index .description p {
    width: 75%;
  }
}
@media (min-width: 990px) and (max-width: 1200px) {
  .partner-index .description p {
    width: 80%;
  }
}
@media (max-width: 990px) {
  .partner-index .description p {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .partner-index .description p {
    text-align: left !important;
  }
}

.hot-prize {
  margin-top: 20px;
}
.hot-prize .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .hot-prize .container {
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  .hot-prize .title {
    text-align: left;
    justify-content: flex-start !important;
  }
}
.hot-prize .description {
  width: 65%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .hot-prize .description {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .hot-prize .description {
    width: 100%;
    text-align: left;
    justify-content: flex-start !important;
    align-items: flex-start;
    margin-bottom: 15px;
  }
}
.hot-prize .description div, .hot-prize .description p {
  font-family: "Inter-Medium", sans-serif;
  font-size: 17px;
  font-style: italic;
  color: #383934;
  text-align: center;
}
.hot-prize .description div font, .hot-prize .description p font {
  font-family: "Inter-Medium", sans-serif;
  font-size: 17px;
  font-style: italic;
  color: #383934;
}
@media (max-width: 767px) {
  .hot-prize .description div font, .hot-prize .description p font {
    text-align: left;
    justify-content: flex-start !important;
    align-items: flex-start;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .hot-prize .description div, .hot-prize .description p {
    text-align: left;
    justify-content: flex-start !important;
    align-items: flex-start;
    font-size: 14px;
  }
}
.hot-prize .list-prize {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 34px;
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .hot-prize .list-prize {
    gap: 25px;
  }
}
@media (max-width: 1200px) {
  .hot-prize .list-prize {
    gap: 15px;
  }
}
.hot-prize .list-prize .card-prize {
  padding: 40px 20px;
  width: calc((100% - 102px) / 4);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid rgb(229, 229, 229);
  border-radius: 20px;
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .hot-prize .list-prize .card-prize {
    width: calc((100% - 50px) / 3);
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .hot-prize .list-prize .card-prize {
    width: calc((100% - 15px) / 2);
  }
}
@media (max-width: 767px) {
  .hot-prize .list-prize .card-prize {
    padding: 20px;
    width: 100%;
  }
}
.hot-prize .list-prize .card-prize .icon {
  border: 2px solid rgb(255, 255, 255);
  width: 213px;
  height: 213px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .hot-prize .list-prize .card-prize .icon {
    width: 150px;
    height: 150px;
  }
}
.hot-prize .list-prize .card-prize .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hot-prize .list-prize .card-prize .title-name {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title-name);
  color: #DE9F38;
}
.hot-prize .list-prize .card-prize .title-name font {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title-name);
  color: #DE9F38;
}
.hot-prize .list-prize .card-prize .score {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-score);
  color: #DE9F38;
}
.hot-prize .list-prize .card-prize .score font {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-score);
  color: #DE9F38;
}
.hot-prize .list-prize .card-prize .desc div, .hot-prize .list-prize .card-prize .desc p, .hot-prize .list-prize .card-prize .desc li {
  font-family: "Inter-Semibold", sans-serif;
  font-style: Italic;
  font-size: var(--fs-text);
}
.hot-prize .list-prize .card-prize .desc div font, .hot-prize .list-prize .card-prize .desc p font, .hot-prize .list-prize .card-prize .desc li font {
  font-family: "Inter-Semibold", sans-serif;
  font-style: Italic;
  font-size: var(--fs-text);
}
.hot-prize .list-prize .card-prize:hover {
  background: #DE9F38;
}
.hot-prize .list-prize .card-prize:hover .title-name, .hot-prize .list-prize .card-prize:hover .desc div, .hot-prize .list-prize .card-prize:hover .desc p, .hot-prize .list-prize .card-prize:hover .desc li {
  color: rgb(255, 255, 255);
}
.hot-prize .list-prize .card-prize:hover .title-name font, .hot-prize .list-prize .card-prize:hover .desc div font, .hot-prize .list-prize .card-prize:hover .desc p font, .hot-prize .list-prize .card-prize:hover .desc li font {
  color: rgb(255, 255, 255);
}

.test-ielts {
  position: relative;
  background: url("/Upload/test-ielts/dang-ky-test-dau-vao.webp") no-repeat;
  background-size: cover;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.test-ielts:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(77.9deg, rgba(0, 0, 0, 0.7) 5.28%, rgba(7, 7, 88, 0.7) 48.33%, rgba(0, 0, 47, 0.7) 97.6%);
}
.test-ielts .container {
  position: relative;
  width: 1171px;
  z-index: 2;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .test-ielts .container {
    width: var(--w-container);
  }
}
@media (max-width: 767px) {
  .test-ielts .container {
    width: 100%;
  }
}
.test-ielts .container .flex-test {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 67px;
}
@media (max-width: 1200px) {
  .test-ielts .container .flex-test {
    flex-direction: column;
    gap: 15px;
  }
}
.test-ielts .container .flex-test .left {
  width: calc(53% - 67px);
}
@media (max-width: 1200px) {
  .test-ielts .container .flex-test .left {
    width: 100%;
  }
}
.test-ielts .container .flex-test .left .logo {
  aspect-ratio: 205/127;
  max-width: 205px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 60px;
}
@media (max-width: 1200px) {
  .test-ielts .container .flex-test .left .logo {
    max-width: 150px;
    margin-bottom: 15px;
  }
}
.test-ielts .container .flex-test .left .logo img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.test-ielts .container .flex-test .left h1 {
  font-family: "Inter-Bold", sans-serif;
  font-size: 43px;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
  margin-bottom: 15px;
}
.test-ielts .container .flex-test .left h1 font {
  font-family: "Inter-Bold", sans-serif;
  font-size: 43px;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
}
@media (max-width: 1200px) {
  .test-ielts .container .flex-test .left h1 font {
    font-size: 25px;
  }
}
@media (max-width: 1200px) {
  .test-ielts .container .flex-test .left h1 {
    font-size: 25px;
  }
}
.test-ielts .container .flex-test .left h1 span {
  font-family: "Inter-Bold", sans-serif;
  text-transform: uppercase;
  font-size: 54px;
}
.test-ielts .container .flex-test .left h1 span font {
  font-family: "Inter-Bold", sans-serif;
  text-transform: uppercase;
  font-size: 54px;
}
@media (max-width: 1200px) {
  .test-ielts .container .flex-test .left h1 span font {
    font-size: 25px;
  }
}
@media (max-width: 1200px) {
  .test-ielts .container .flex-test .left h1 span {
    font-size: 25px;
  }
}
.test-ielts .container .flex-test .left .desc {
  margin-bottom: 30px;
}
@media (max-width: 1200px) {
  .test-ielts .container .flex-test .left .desc {
    margin-bottom: 15px;
  }
}
.test-ielts .container .flex-test .left .desc div, .test-ielts .container .flex-test .left .desc p {
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-title-module);
  color: rgb(255, 255, 255);
}
.test-ielts .container .flex-test .left .detail {
  border: 1px solid rgb(119, 119, 119);
  background: rgba(217, 217, 217, 0.1);
  cursor: text;
}
.test-ielts .container .flex-test .left .detail:hover:after, .test-ielts .container .flex-test .left .detail:hover:before {
  display: none;
}
.test-ielts .container .flex-test .left .detail:after, .test-ielts .container .flex-test .left .detail:before {
  display: none;
}
.test-ielts .container .flex-test .right {
  width: 47%;
}
@media (max-width: 1200px) {
  .test-ielts .container .flex-test .right {
    width: 100%;
  }
}
.test-ielts .container .flex-test .right .popup-test-index .main-test {
  padding: 27px 42px;
  border-radius: 20px;
  background: rgb(255, 255, 255);
  position: relative;
}
.test-ielts .container .flex-test .right .popup-test-index .main-test:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
  height: 45px;
  background: #DE9F38;
  border-radius: 20px;
  z-index: -1;
}
@media (max-width: 1200px) {
  .test-ielts .container .flex-test .right .popup-test-index .main-test {
    padding: 20px;
  }
}
.test-ielts .container .flex-test .right .popup-test-index .main-test .title-name {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title-module);
  color: rgb(78, 88, 104);
  text-align: center;
  margin-bottom: 5px;
}
.test-ielts .container .flex-test .right .popup-test-index .main-test .title-name font {
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title-module);
  color: rgb(78, 88, 104);
}
.test-ielts .container .flex-test .right .popup-test-index .main-test .description {
  margin-bottom: 20px;
}
@media (max-width: 1200px) {
  .test-ielts .container .flex-test .right .popup-test-index .main-test .description {
    margin-bottom: 15px;
  }
}
.test-ielts .container .flex-test .right .popup-test-index .main-test .description div, .test-ielts .container .flex-test .right .popup-test-index .main-test .description p {
  text-align: center;
}
.test-ielts .container .flex-test .right .popup-test-index .main-test form .form-input {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
  position: relative;
}
.test-ielts .container .flex-test .right .popup-test-index .main-test form .form-input .icon {
  position: absolute;
  bottom: 10px;
  left: 15px;
  z-index: 2;
}
.test-ielts .container .flex-test .right .popup-test-index .main-test form .form-input label {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-text);
  margin-bottom: 10px;
}
.test-ielts .container .flex-test .right .popup-test-index .main-test form .form-input label font {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-text);
}
.test-ielts .container .flex-test .right .popup-test-index .main-test form .form-input label .dot {
  color: #DE9F38;
}
.test-ielts .container .flex-test .right .popup-test-index .main-test form .form-input input {
  padding: 13px 50px;
  background: rgb(249, 250, 251);
  border: 1px solid rgb(229, 231, 235);
  position: relative;
}
.test-ielts .container .flex-test .right .popup-test-index .main-test form .form-select label {
  display: inline-block;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-text);
  margin-bottom: 10px;
}
.test-ielts .container .flex-test .right .popup-test-index .main-test form .form-select label font {
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-text);
}
.test-ielts .container .flex-test .right .popup-test-index .main-test form .form-select label .dot {
  color: #DE9F38;
}
.test-ielts .container .flex-test .right .popup-test-index .main-test form .form-select .select-box {
  position: relative;
  padding: 13px 50px;
  background: rgb(249, 250, 251);
  border: 1px solid rgb(229, 231, 235);
}
.test-ielts .container .flex-test .right .popup-test-index .main-test form .form-select .select-box .icon {
  position: absolute;
  bottom: 10px;
  left: 15px;
  z-index: 2;
}
.test-ielts .container .flex-test .right .popup-test-index .main-test form .button {
  margin: 30px 0;
  padding-bottom: 30px;
  border-bottom: 1px solid rgb(229, 231, 235);
}
@media (max-width: 1200px) {
  .test-ielts .container .flex-test .right .popup-test-index .main-test form .button {
    margin: 15px 0;
    padding-bottom: 15px;
  }
}
.test-ielts .container .flex-test .right .popup-test-index .main-test form .button .detail {
  border-radius: 6px;
  width: 100%;
}
.test-ielts .container .flex-test .right .popup-test-index .main-test form span.center {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  color: rgb(106, 115, 131);
}

.special-adver {
  background: rgb(234, 234, 234);
  position: relative;
}
.special-adver .img {
  transition: transform 0.15s linear, opacity 0.3s ease;
  will-change: transform;
}
.special-adver .pop-website {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 20px;
  background: rgba(6, 41, 89, 0.7);
  backdrop-filter: blur(10px);
  padding: 70px 59px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 791px;
}
@media (min-width: 1500px) and (max-width: 1600px) {
  .special-adver .pop-website {
    padding: 40px;
    max-width: 700px;
  }
}
@media (min-width: 1200px) and (max-width: 1500px) {
  .special-adver .pop-website {
    padding: 30px;
    max-width: 620px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .special-adver .pop-website {
    padding: 30px;
    max-width: 600px;
  }
}
.special-adver .pop-website .subtitle {
  text-align: center;
  color: rgb(255, 255, 255);
}
.special-adver .pop-website .title {
  color: rgb(255, 255, 255);
}
.special-adver .pop-website .description {
  margin-bottom: 30px;
}
.special-adver .pop-website .description div, .special-adver .pop-website .description p {
  text-align: center;
  color: rgb(255, 255, 255);
}
.special-adver .pop-website .detail {
  border-color: transparent;
}
.special-adver .pop-website .detail:before, .special-adver .pop-website .detail:after {
  background: rgb(255, 255, 255);
}
.special-adver .pop-website .detail span {
  color: #E60028;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-text);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.special-adver .pop-website .detail:hover {
  background: #E60028;
}
.special-adver .pop-website .detail:hover span {
  color: rgb(255, 255, 255);
}
.special-adver .pop-website .detail:hover span svg path {
  stroke: rgb(255, 255, 255);
}
.special-adver .flex-special-adver {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}
.special-adver .flex-special-adver .left {
  max-width: 387px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.special-adver .flex-special-adver .left .img {
  aspect-ratio: 387/307;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  margin-bottom: 30px;
}
.special-adver .flex-special-adver .left .img img {
  border-radius: 20px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.special-adver .flex-special-adver .left .item {
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(184, 184, 184, 0.7215686275);
}
.special-adver .flex-special-adver .left .item:last-child {
  padding-bottom: 0px;
  padding-top: 30px;
  border-bottom: none;
}
.special-adver .flex-special-adver .left .item .number-run {
  color: #E60028;
  font-family: "Inter-Bold", sans-serif;
  font-size: 64px;
  position: relative;
  line-height: 1;
}
.special-adver .flex-special-adver .left .item .number-run .plus-sign {
  color: #E60028;
  font-family: "Inter-Bold", sans-serif;
  font-size: 50px;
  position: absolute;
  line-height: 1;
}
.special-adver .flex-special-adver .left .item .number-run .percent-sign {
  color: #E60028;
  font-family: "Inter-Bold", sans-serif;
  font-size: 64px;
  line-height: 1;
}
.special-adver .flex-special-adver .left .item .title-name {
  color: #383934;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-text);
  line-height: 1.5;
  text-transform: uppercase;
}
.special-adver .flex-special-adver .right {
  max-width: 387px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
}
.special-adver .flex-special-adver .right .img {
  aspect-ratio: 387/307;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  margin-top: 30px;
}
.special-adver .flex-special-adver .right .img img {
  border-radius: 20px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.special-adver .flex-special-adver .right .item {
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(184, 184, 184, 0.7215686275);
  position: relative;
  width: 228px;
}
@media (max-width: 1200px) {
  .special-adver .flex-special-adver .right .item {
    width: 190px;
  }
}
.special-adver .flex-special-adver .right .item:nth-child(2) {
  padding-bottom: 0px;
  padding-top: 30px;
  border-bottom: none;
}
.special-adver .flex-special-adver .right .item .number-run {
  color: #E60028;
  font-family: "Inter-Bold", sans-serif;
  font-size: 64px;
  line-height: 1;
}
.special-adver .flex-special-adver .right .item .number-run .plus-sign {
  color: #E60028;
  font-family: "Inter-Bold", sans-serif;
  font-size: 50px;
  position: absolute;
  line-height: 1;
}
.special-adver .flex-special-adver .right .item .number-run .percent-sign {
  color: #E60028;
  font-family: "Inter-Bold", sans-serif;
  font-size: 64px;
  line-height: 1;
}
.special-adver .flex-special-adver .right .item .title-name {
  color: #383934;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-text);
  line-height: 1.5;
  text-transform: uppercase;
}
@media (min-width: 1500px) and (max-width: 1600px) {
  .special-adver .flex-special-adver .left, .special-adver .flex-special-adver .right {
    max-width: 300px;
  }
  .special-adver .flex-special-adver .left .number-run, .special-adver .flex-special-adver .right .number-run {
    font-size: 55px;
  }
}
@media (min-width: 1200px) and (max-width: 1500px) {
  .special-adver .flex-special-adver .left, .special-adver .flex-special-adver .right {
    max-width: 300px;
  }
  .special-adver .flex-special-adver .left .number-run, .special-adver .flex-special-adver .right .number-run {
    font-size: 50px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .special-adver .flex-special-adver .left, .special-adver .flex-special-adver .right {
    max-width: 280px;
  }
  .special-adver .flex-special-adver .left .number-run, .special-adver .flex-special-adver .left .percent-sign, .special-adver .flex-special-adver .right .number-run, .special-adver .flex-special-adver .right .percent-sign {
    font-size: 40px !important;
  }
  .special-adver .flex-special-adver .left .plus-sign, .special-adver .flex-special-adver .right .plus-sign {
    font-size: 30px !important;
  }
}

.about-tabs {
  border-bottom: 1px solid #E6E6E6;
  position: sticky;
  background: rgb(255, 255, 255);
  top: 62px;
  z-index: 1000;
}
.about-tabs .container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
@media (max-width: 1200px) {
  .about-tabs .container {
    gap: 15px;
  }
}
@media (max-width: 990px) {
  .about-tabs .container {
    justify-content: start;
    flex-wrap: nowrap;
    overflow: scroll;
    width: 100%;
    white-space: nowrap;
    gap: 30px;
  }
}
.about-tabs .container .item {
  padding: 15px 0;
  position: relative;
  cursor: pointer;
}
.about-tabs .container .item:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 3px;
  background: transparent;
  transition: all 0.3s ease;
}
.about-tabs .container .item span {
  color: #383934;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-text);
  text-transform: uppercase;
  line-height: 1.5;
}
.about-tabs .container .item span font {
  color: #383934;
  font-family: "Inter-Semibold", sans-serif;
  font-size: var(--fs-text);
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .about-tabs .container .item span {
    text-transform: initial;
  }
}
.about-tabs .container .item.active:after, .about-tabs .container .item:hover:after {
  width: 100%;
  background: #DE9F38;
  transition: all 0.3s ease;
}
.about-tabs .container .item.active span font, .about-tabs .container .item:hover span font {
  color: #DE9F38;
}
.about-tabs .container .item.active span, .about-tabs .container .item:hover span {
  color: #DE9F38;
}

.vision .container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 767px) {
  .vision .container {
    gap: 15px;
  }
}
.vision .container .left {
  width: 48.4%;
  aspect-ratio: 730/433;
}
@media (max-width: 767px) {
  .vision .container .left {
    width: 100%;
  }
}
.vision .container .left .img {
  aspect-ratio: 730/433;
  border-radius: 20px;
  backdrop-filter: blur(10px);
}
.vision .container .left .img:hover img {
  transform: scale(1.1);
}
.vision .container .right {
  padding-left: 83px;
  width: 51.6%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .vision .container .right {
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .vision .container .right {
    padding-left: 0px;
    width: 100%;
    justify-content: center;
    align-items: center;
  }
}
.vision .container .right .description div, .vision .container .right .description p {
  text-align: left;
}
@media (max-width: 767px) {
  .vision .container .right .description div, .vision .container .right .description p {
    text-align: center;
  }
}
.vision .container.row-reverse {
  flex-direction: row-reverse;
}
.vision .container.row-reverse .right {
  padding-left: 0px;
  padding-right: 83px;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .vision .container.row-reverse .right {
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  .vision .container.row-reverse .right {
    padding-right: 0px;
  }
}

.gia-tri-cot-loi {
  background: #FAFAFA;
}
.gia-tri-cot-loi .list-giatri {
  margin-top: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 90px;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .gia-tri-cot-loi .list-giatri {
    margin-top: 30px;
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .gia-tri-cot-loi .list-giatri {
    margin-top: 15px;
    gap: 15px;
    flex-wrap: wrap;
  }
}
.gia-tri-cot-loi .list-giatri .item {
  width: calc((100% - 180px) / 3);
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .gia-tri-cot-loi .list-giatri .item {
    width: calc((100% - 40px) / 3);
  }
}
@media (max-width: 767px) {
  .gia-tri-cot-loi .list-giatri .item {
    width: 100%;
    justify-content: center;
    align-items: center;
  }
}
.gia-tri-cot-loi .list-giatri .item .icon {
  margin-bottom: 15px;
  aspect-ratio: 1;
  width: 89px;
  height: 89px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gia-tri-cot-loi .list-giatri .item .icon img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.gia-tri-cot-loi .list-giatri .item .title-name {
  color: #383934;
  font-family: "Inter-Medium", sans-serif;
  font-size: var(--fs-title-giatri);
  margin-bottom: 15px;
}
.gia-tri-cot-loi .list-giatri .item .title-name font {
  color: #383934;
  font-family: "Inter-Medium", sans-serif;
  font-size: var(--fs-title-giatri);
}
@media (max-width: 767px) {
  .gia-tri-cot-loi .list-giatri .item .description div, .gia-tri-cot-loi .list-giatri .item .description p {
    text-align: center;
  }
}

.info-module {
  margin: 50px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .info-module {
    margin: 30px 0;
  }
}
@media (max-width: 767px) {
  .info-module {
    margin: 20px 0;
  }
}
.info-module .img {
  aspect-ratio: 337/200;
  max-width: 337px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 35px;
}
@media (max-width: 767px) {
  .info-module .img {
    max-width: 200px;
    margin-bottom: 15px;
  }
}
.info-module .img img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.info-module .description {
  width: 58%;
}
@media (max-width: 1200px) {
  .info-module .description {
    width: 100%;
  }
}
.info-module .description div, .info-module .description p {
  color: #383934;
  font-family: "Inter-Regular", sans-serif;
  text-align: center;
  font-size: var(--fs-text);
}

.module-extra {
  padding: 50px 0;
  border-bottom: 1px solid #E6E6E6;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .module-extra {
    padding: 30px 0;
  }
}
@media (max-width: 767px) {
  .module-extra {
    padding: 20px 0;
  }
}
.module-extra.no-pad {
  padding-top: 0;
}
.module-extra .flex-main-module {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 23px;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .module-extra .flex-main-module {
    gap: 15px;
    margin-bottom: 15px;
  }
}
.module-extra .flex-main-module .img {
  width: 50%;
  aspect-ratio: 744/432;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .module-extra .flex-main-module .img {
    width: 100%;
  }
}
.module-extra .flex-main-module .img:hover img {
  transform: scale(1.1);
}
.module-extra .flex-main-module .img img {
  border-radius: 10px;
}
.module-extra .flex-main-module .info {
  width: calc(50% - 23px);
  border-radius: 10px;
  background: linear-gradient(0deg, #F8F8F8 0%, #F8F8F8 100%);
  padding: 40px 82px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .module-extra .flex-main-module .info {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .module-extra .flex-main-module .info {
    width: 100%;
    padding: 20px;
  }
}
.module-extra .flex-main-module .info .subtitle {
  color: #383934;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-module-tab);
  text-transform: uppercase;
  margin-bottom: 10px;
}
.module-extra .flex-main-module .info .subtitle font {
  color: #383934;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-module-tab);
  text-transform: uppercase;
}
.module-extra .flex-main-module .info .title {
  margin-bottom: 30px;
}
.module-extra .flex-main-module .info .description {
  margin-bottom: 30px;
}
.module-extra .flex-main-module .info .description div, .module-extra .flex-main-module .info .description p {
  text-align: left;
}
.module-extra .list-prd {
  position: relative;
}
.module-extra .list-prd .owl-carousel {
  position: initial;
}
.module-extra .list-prd .owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  overflow: hidden;
  z-index: 1;
}
.module-extra .list-prd .owl-theme .owl-nav [class*=owl-].owl-prev {
  left: -40px;
}
.module-extra .list-prd .owl-theme .owl-nav [class*=owl-].owl-next {
  right: -40px;
}
.module-extra .list-prd .owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent;
}
.module-extra .list-prd .owl-theme .owl-nav [class*=owl-]:hover svg path {
  fill: #DE9F38;
}
.module-extra .list-prd .card-product {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
}
.module-extra .list-prd .card-product .img {
  aspect-ratio: 358/233;
  border-radius: 10px;
  margin-bottom: 20px;
  position: relative;
}
.module-extra .list-prd .card-product .img:before {
  content: "";
  position: absolute;
  pointer-events: none;
  top: 0;
  left: -100%;
  width: 120%;
  height: 100%;
  opacity: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 35%, rgba(255, 255, 255, 0.2), 70%, rgba(255, 255, 255, 0.3) 100%);
  transform: skewX(-25deg);
}
.module-extra .list-prd .card-product .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.module-extra .list-prd .card-product .title-name {
  color: #383934;
  font-family: "Inter-Medium", sans-serif;
  font-size: var(--fs-text);
  text-transform: uppercase;
}
.module-extra .list-prd .card-product .title-name font {
  color: #383934;
  font-family: "Inter-Medium", sans-serif;
  font-size: var(--fs-text);
  text-transform: uppercase;
}
.module-extra .list-prd .card-product:hover .img::before {
  opacity: 1;
  left: 120%;
  transition-property: left, top, opacity;
  transition-duration: 1s, 2s, 0.1s;
  transition-timing-function: ease;
}
.module-extra .list-prd .card-product:hover .title-name {
  color: #DE9F38;
}

.list-grid-product .main-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.list-grid-product .main-info .description {
  margin-bottom: 30px;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .list-grid-product .main-info .description {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .list-grid-product .main-info .description {
    width: 100%;
    margin-bottom: 15px;
  }
}
.list-grid-product .main-info .description div, .list-grid-product .main-info .description p {
  text-align: center;
}
.list-grid-product .main-info .flex-btn-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 18px;
}
@media (max-width: 767px) {
  .list-grid-product .main-info .flex-btn-row {
    flex-direction: column;
    gap: 15px;
  }
}
.list-grid-product .main-info .flex-btn-row .detail:hover svg path {
  stroke: #DE9F38;
}
.list-grid-product .slide-picture {
  position: relative;
  margin-bottom: 25px;
}
.list-grid-product .slide-picture .img {
  aspect-ratio: 1509/608;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}
.list-grid-product .slide-picture .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.list-grid-product .slide-picture .owl-dots {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 30px;
}
.list-grid-product .slide-picture .owl-dots .owl-dot {
  width: 14px;
  height: 14px;
  border: 2px solid rgb(255, 255, 255);
  background: transparent;
  border-radius: 50%;
}
.list-grid-product .slide-picture .owl-dots .owl-dot span {
  background: transparent;
  width: 100%;
  height: 100%;
}
.list-grid-product .slide-picture .owl-dots .owl-dot.active span {
  background: rgb(255, 255, 255);
}
.list-grid-product .list-grid-product-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 25px;
}
@media (max-width: 767px) {
  .list-grid-product .list-grid-product-item {
    gap: 15px;
  }
}
.list-grid-product .list-grid-product-item .card-product {
  width: calc((100% - 75px) / 4);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .list-grid-product .list-grid-product-item .card-product {
    width: calc((100% - 15px) / 2);
    align-self: stretch;
  }
}
.list-grid-product .list-grid-product-item .card-product .img {
  aspect-ratio: 358/233;
  border-radius: 10px;
  margin-bottom: 20px;
  position: relative;
}
.list-grid-product .list-grid-product-item .card-product .img:before {
  content: "";
  position: absolute;
  pointer-events: none;
  top: 0;
  left: -100%;
  width: 120%;
  height: 100%;
  opacity: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 35%, rgba(255, 255, 255, 0.2), 70%, rgba(255, 255, 255, 0.3) 100%);
  transform: skewX(-25deg);
}
.list-grid-product .list-grid-product-item .card-product .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.list-grid-product .list-grid-product-item .card-product .title-name {
  color: #383934;
  font-family: "Inter-Medium", sans-serif;
  font-size: var(--fs-text);
  text-transform: uppercase;
}
.list-grid-product .list-grid-product-item .card-product .title-name font {
  color: #383934;
  font-family: "Inter-Medium", sans-serif;
  font-size: var(--fs-text);
}
.list-grid-product .list-grid-product-item .card-product:hover .img::before {
  opacity: 1;
  left: 120%;
  transition-property: left, top, opacity;
  transition-duration: 1s, 2s, 0.1s;
  transition-timing-function: ease;
}
.list-grid-product .list-grid-product-item .card-product:hover .title-name {
  color: #DE9F38;
}

.list-other-module {
  background: #F8F8F8;
}
.list-other-module .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.list-other-module .subtitle {
  color: #383934;
  font-family: "Inter-Bold", sans-serif;
  text-align: center;
  font-size: var(--fs-module-tab);
  text-transform: uppercase;
}
.list-other-module .big-title .icon {
  background: #F8F8F8;
}
.list-other-module .list-album {
  width: 100%;
  height: 100%;
  margin-top: 50px;
}
@media (max-width: 767px) {
  .list-other-module .list-album {
    margin-top: 15px;
  }
}

.product-page .title {
  font-family: "Inter-Medium", sans-serif;
  margin-bottom: 30px;
}
.product-page .title font {
  font-family: "Inter-Medium", sans-serif;
}
@media (max-width: 767px) {
  .product-page .title {
    margin-bottom: 15px;
  }
}

.detail-main-product {
  aspect-ratio: 1920/859;
  background: url("/html/assets/images/background-detail-product.png") no-repeat;
  background-size: cover;
}
.detail-main-product .img {
  aspect-ratio: 1125/521;
  border-radius: 10px;
  border: 2px solid rgb(255, 255, 255);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}
.detail-main-product .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.detail-main-product .img:before {
  content: "";
  position: absolute;
  aspect-ratio: 1092/21;
  width: 1092px;
  height: 21px;
  bottom: -23px;
  left: 50%;
  transform: translateX(-50%);
  background: url("/html/assets/images/bongmo.png") no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .detail-main-product .img:before {
    width: 80%;
  }
}
.detail-main-product .img .btn-zoom-in {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  border-radius: 6px;
  border: 1px solid #DFDFDF;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.detail-main-product .img .btn-zoom-in:hover svg {
  transform: scale(0.9);
  transition: transform 0.3s ease;
}
.detail-main-product .list-short-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 50px;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .detail-main-product .list-short-info {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .detail-main-product .list-short-info {
    margin-top: 15px;
    flex-wrap: wrap;
    gap: 15px;
  }
}
.detail-main-product .list-short-info .item {
  width: 20%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .detail-main-product .list-short-info .item {
    width: calc((100% - 40px) / 3);
  }
}
@media (max-width: 767px) {
  .detail-main-product .list-short-info .item {
    width: calc((100% - 15px) / 2);
    align-self: stretch;
  }
}
.detail-main-product .list-short-info .item .icon {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgb(255, 255, 255);
  margin-bottom: 20px;
}
.detail-main-product .list-short-info .item .icon svg {
  padding: 15px;
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.detail-main-product .list-short-info .item span {
  color: rgb(255, 255, 255);
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: var(--fs-text);
  text-transform: uppercase;
  margin-bottom: 15px;
}
.detail-main-product .list-short-info .item span font {
  color: rgb(255, 255, 255);
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: var(--fs-text);
  text-transform: uppercase;
}
.detail-main-product .list-short-info .item .title-name {
  color: rgb(255, 255, 255);
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-module-tab);
}
.detail-main-product .list-short-info .item .title-name font {
  color: rgb(255, 255, 255);
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-module-tab);
}

.scan-qr {
  margin-top: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 20px;
  border: 1px solid #EAEAEA;
  background: #F8F8F8;
  padding: 25px 25px 25px 40px;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .scan-qr {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .scan-qr {
    margin-top: 15px;
    padding: 15px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
  }
}
.scan-qr .left {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 25px;
}
@media (max-width: 767px) {
  .scan-qr .left {
    width: 100%;
    flex-direction: column;
    gap: 15px;
    align-items: center;
  }
}
.scan-qr .left .tit-name {
  color: #383934;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title-name);
  line-height: normal;
  margin-bottom: 5px;
}
.scan-qr .left .tit-name font {
  color: #383934;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title-name);
}
@media (max-width: 767px) {
  .scan-qr .left .tit-name {
    text-align: center;
  }
}
.scan-qr .left .desc div, .scan-qr .left .desc p {
  text-align: center;
}
.scan-qr .right {
  width: 87px;
  height: 87px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.scan-qr .right img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
}

.detail-content img {
  border-radius: 10px;
}

.note-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.note-list > div {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.note-list span {
  width: 53px;
  height: 53px;
  flex-shrink: 0;
  border-radius: 50%;
  background: #DE9F38;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  color: #FFF;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-tskt);
  text-transform: uppercase;
}
.note-list h3 {
  color: #383934;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-module-tab);
  text-transform: uppercase;
  margin: 15px 0;
}

.list-other-prd {
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 25px;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .list-other-prd {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .list-other-prd {
    margin-top: 15px;
    gap: 15px;
  }
}
.list-other-prd .card-product {
  width: calc((100% - 50px) / 3);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-self: stretch;
}
@media (max-width: 767px) {
  .list-other-prd .card-product {
    width: calc((100% - 15px) / 2);
    align-self: stretch;
  }
}
.list-other-prd .card-product .img {
  aspect-ratio: 358/233;
  border-radius: 10px;
  margin-bottom: 20px;
  position: relative;
}
.list-other-prd .card-product .img:before {
  content: "";
  position: absolute;
  pointer-events: none;
  top: 0;
  left: -100%;
  width: 120%;
  height: 100%;
  opacity: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 35%, rgba(255, 255, 255, 0.2), 70%, rgba(255, 255, 255, 0.3) 100%);
  transform: skewX(-25deg);
}
.list-other-prd .card-product .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.list-other-prd .card-product .title-name {
  color: #383934;
  font-family: "Inter-Medium", sans-serif;
  font-size: var(--fs-text);
  text-transform: uppercase;
}
.list-other-prd .card-product .title-name font {
  color: #383934;
  font-family: "Inter-Medium", sans-serif;
  font-size: var(--fs-text);
  text-transform: uppercase;
}
.list-other-prd .card-product:hover .img::before {
  opacity: 1;
  left: 120%;
  transition-property: left, top, opacity;
  transition-duration: 1s, 2s, 0.1s;
  transition-timing-function: ease;
}
.list-other-prd .card-product:hover .title-name {
  color: #DE9F38;
}

.simple-module-1 {
  padding: 50px 0;
  border-bottom: 1px solid #D0D0D0;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .simple-module-1 {
    padding: 30px 0;
  }
}
@media (max-width: 767px) {
  .simple-module-1 {
    padding: 20px 0;
  }
}
.simple-module-1 .list-item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 137px;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .simple-module-1 .list-item {
    gap: 50px;
  }
}
@media (max-width: 767px) {
  .simple-module-1 .list-item {
    gap: 15px;
  }
}
.simple-module-1 .list-item .item {
  width: calc((100% - 274px) / 3);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .simple-module-1 .list-item .item {
    width: calc((100% - 100px) / 3);
  }
}
@media (max-width: 767px) {
  .simple-module-1 .list-item .item {
    width: 100%;
    flex-wrap: wrap;
  }
}
.simple-module-1 .list-item .item .icon {
  max-height: 86px;
  margin-bottom: 15px;
}
.simple-module-1 .list-item .item .icon svg {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.simple-module-1 .list-item .item .tit-name {
  color: #383934;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title-name);
  text-transform: uppercase;
  margin-bottom: 15px;
}
.simple-module-1 .list-item .item .tit-name font {
  color: #383934;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title-name);
  text-transform: uppercase;
}
.simple-module-1 .list-item .item .desc p, .simple-module-1 .list-item .item .desc div {
  text-align: center;
}

.simple-module-2 .container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 163px;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .simple-module-2 .container {
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .simple-module-2 .container {
    gap: 15px;
  }
}
.simple-module-2 .container .left {
  width: calc(69.9% - 163px);
}
@media (max-width: 1200px) {
  .simple-module-2 .container .left {
    width: 100%;
  }
}
.simple-module-2 .container .left .title {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .simple-module-2 .container .left .title {
    margin-bottom: 15px;
  }
}
.simple-module-2 .container .left .line-effect {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .simple-module-2 .container .left .line-effect {
    margin-bottom: 15px;
  }
}
.simple-module-2 .container .left .description ol {
  padding-left: 20px;
}
.simple-module-2 .container .left .description p, .simple-module-2 .container .left .description div {
  color: #383934;
  text-align: justify;
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
  margin-bottom: 30px;
}
.simple-module-2 .container .left .description p font, .simple-module-2 .container .left .description div font {
  color: #383934;
  text-align: justify;
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
}
@media (max-width: 767px) {
  .simple-module-2 .container .left .description p, .simple-module-2 .container .left .description div {
    margin-bottom: 15px;
  }
}
.simple-module-2 .container .left .description li {
  color: #383934;
  text-align: justify;
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
  margin-bottom: 10px;
}
.simple-module-2 .container .right {
  width: 30.1%;
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1200px) {
  .simple-module-2 .container .right {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .simple-module-2 .container .right {
    width: 100%;
  }
}
.simple-module-2 .container .right .img {
  width: 391px;
  height: 391px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 23px;
}
@media (max-width: 767px) {
  .simple-module-2 .container .right .img {
    margin-bottom: 15px;
  }
}
.simple-module-2 .container .right .img img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.simple-module-2 .container .right h3 {
  color: #000;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-text);
  text-transform: uppercase;
}

.simple-module-3 .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.simple-module-3 .container .description {
  margin-top: 20px;
  margin-top: 20px;
  width: 65%;
}
@media (max-width: 767px) {
  .simple-module-3 .container .description {
    width: 100%;
  }
}
.simple-module-3 .container .description div, .simple-module-3 .container .description p {
  text-align: center;
}
.simple-module-3 .container .list-module-3 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 37px;
  margin-top: 80px;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .simple-module-3 .container .list-module-3 {
    gap: 20px;
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .simple-module-3 .container .list-module-3 {
    gap: 15px;
    margin-top: 15px;
  }
}
.simple-module-3 .container .list-module-3 .item {
  width: calc((100% - 74px) / 3);
  position: relative;
  padding: 70px 30px 70px 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border-radius: 20px;
  border: 1px solid #DBDBDB;
  background: #FFF;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .simple-module-3 .container .list-module-3 .item {
    width: 100%;
    padding: 40px;
  }
}
@media (max-width: 767px) {
  .simple-module-3 .container .list-module-3 .item {
    width: 100%;
    padding: 15px;
  }
}
.simple-module-3 .container .list-module-3 .item span {
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  width: 96px;
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #DE9F38;
  color: rgb(255, 255, 255);
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-number-bao-hanh);
  text-transform: uppercase;
}
@media (max-width: 1200px) {
  .simple-module-3 .container .list-module-3 .item span {
    position: static;
    transform: none;
    margin-bottom: 15px;
  }
}
.simple-module-3 .container .list-module-3 .item .title-name {
  color: #383934;
  font-family: "Inter-Bold", sans-serif;
  text-align: center;
  font-size: var(--fs-title-name);
  text-transform: uppercase;
  margin-bottom: 15px;
  width: 70%;
}
.simple-module-3 .container .list-module-3 .item .title-name font {
  color: #383934;
  font-family: "Inter-Bold", sans-serif;
  text-align: center;
  font-size: var(--fs-title-name);
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .simple-module-3 .container .list-module-3 .item .title-name {
    width: 100%;
  }
}
.simple-module-3 .container .list-module-3 .item .desc div, .simple-module-3 .container .list-module-3 .item .desc p {
  color: #383934;
  text-align: justify;
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
}
.simple-module-3 .container .list-module-3 .item .desc div font, .simple-module-3 .container .list-module-3 .item .desc p font {
  color: #383934;
  text-align: justify;
  font-family: "Inter-Regular", sans-serif;
  font-size: var(--fs-text);
}

.simple-module-4 .container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 75px;
}
@media (max-width: 767px) {
  .simple-module-4 .container {
    gap: 15px;
  }
}
.simple-module-4 .container .left {
  width: calc(49.8% - 75px);
  aspect-ratio: 676/696;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 990px) {
  .simple-module-4 .container .left {
    width: 100%;
  }
}
.simple-module-4 .container .left:hover img {
  transform: scale(1.1);
}
.simple-module-4 .container .left img {
  border-radius: 20px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.simple-module-4 .container .right {
  width: 50.2%;
}
@media (max-width: 990px) {
  .simple-module-4 .container .right {
    width: 100%;
  }
}
.simple-module-4 .container .right .title {
  line-height: 1.2;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .simple-module-4 .container .right .title {
    margin-bottom: 15px;
  }
}
.simple-module-4 .container .right .description h3 {
  color: #383934;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title-name);
  text-transform: uppercase;
  margin-bottom: 10px;
}
.simple-module-4 .container .right .description h3 font {
  color: #383934;
  font-family: "Inter-Bold", sans-serif;
  font-size: var(--fs-title-name);
  text-transform: uppercase;
}
.simple-module-4 .container .right .description div, .simple-module-4 .container .right .description p {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .simple-module-4 .container .right .description div, .simple-module-4 .container .right .description p {
    margin-bottom: 15px;
  }
}

@media (max-width: 767px) {
  .magnify > .magnify-lens {
    width: 100px !important;
    height: 100px !important;
  }
}

.loadpic-product-details {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  position: fixed;
  width: 100vw;
  height: 0;
  pointer-events: none;
  top: 0;
  left: 0;
  z-index: 9999;
}
.loadpic-product-details.show {
  opacity: 1;
  visibility: visible;
  height: 100vh;
}
.loadpic-product-details.show .exit-fullsize {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}
.loadpic-product-details .fullsize {
  position: absolute;
  top: 40px;
  right: 40px;
  width: 40px;
  height: 40px;
  border-radius: 6px;
  border: 1px solid #DFDFDF;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  z-index: 9999;
}
.loadpic-product-details .exit-fullsize {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  z-index: 999999;
}
.loadpic-product-details .magnify-image-02 {
  position: relative;
  display: block;
  width: 100%;
  min-height: 100vh;
  object-fit: cover;
  object-position: center center;
}

.info-condotel .item {
  position: absolute;
  opacity: 0;
  transform: scaleX(0) translateY(35px);
  transition: opacity 0.3s linear, transform 0.3s linear;
  background: #00619d;
  padding: 10px 20px;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  pointer-events: none;
  z-index: 11;
  color: #fff;
}
.info-condotel .item.show {
  opacity: 1;
  transform: scaleY(1) translateY(0);
}

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