/* Hide banner */
#banner_gr {
  display: none;
}

/* ========== General   ========== */
.heading_h1 {
  font-family: Roboto;
  font-weight: 700;
  font-size: 40px;
  line-height: 1.2em;
  letter-spacing: 0%;
}

.heading_h2 {
  font-family: "Roboto Bold";
  font-weight: 700;
  font-size: 30px;
  line-height: 1.2em;
  letter-spacing: 0%;
}

.text-normal {
  font-family: Roboto;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 0px;
}

.section-wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}

.section .title-section {
  font-family: "Roboto Bold";
  font-weight: 700;
  font-size: 30px;
  line-height: 1.2em;
  letter-spacing: 0%;
  text-align: center;
  margin: 0;
  margin-bottom: 14px;
  color: #0f6eb8;
}

.section .content-section {
  font-family: Roboto;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 0px;
  text-align: center;
  margin: 0;
  margin-bottom: 30px;
}

.section .swiper-button-next,
.section .swiper-button-prev {
  width: 40px;
  height: 40px;
  background-color: white;
  border-radius: 50%;
  margin: 0;
  color: black;
  font-size: 16px;
  cursor: pointer;
  border: 1px solid #c2d6e5;
  transition: background-color 0.3s, color 0.3s;
}

.section .swiper-button-next:after,
.section .swiper-button-prev:after {
  font-size: 14px;
  font-weight: bold;
}

.section .swiper-button-next:hover,
.section .swiper-button-prev:hover {
  background-color: #f4f4f4;
  color: black;
}

.section .swiper-button-next {
  background: url("data:image/svg+xml;utf8,<svg width='9' height='14' viewBox='0 0 9 14' xmlns='http://www.w3.org/2000/svg'><path d='M0.678822 1.89761L6.17358 6.89788L1.17331 12.3926L2.65159 13.7379L8.99711 6.76484L2.02407 0.419323L0.678822 1.89761Z' fill='%23142D65'/></svg>")
    no-repeat center center;
  background-color: white;
  background-size: 16px 16px;
  right: 0;
  transform: translateX(-50%) translateY(-50%);
}

.section .swiper-button-prev {
  background: url("data:image/svg+xml;utf8,<svg width='9' height='14' viewBox='0 0 9 14' xmlns='http://www.w3.org/2000/svg'><path d='M8.32118 1.89761L2.82642 6.89788L7.82669 12.3926L6.34841 13.7379L0.00288844 6.76484L6.97593 0.419323L8.32118 1.89761Z' fill='%23142D65'/></svg>")
    no-repeat center center;
  background-color: white;
  background-size: 16px 16px;
  left: 0;
  transform: translateX(50%) translateY(-50%);
}

.seo-landing-page .grid-container {
  padding: 0;
}

/* ========== Section 1 ========== */
.action_sec_1 {
  /* Pass */
}

.action_sec_1:before {
  display: none;
}

.action_sec_1 .wrap {
  /* padding: 0;
  max-width: 1200px;
  margin: 0 auto; */
}

.action_sec_1 .wrap .box_content {
  max-width: 600px;
}

.action_sec_1 .wrap .box_content h1 {
  font-family: "Roboto Bold";
  font-weight: 700;
  font-size: 30px;
  line-height: 100%;
  letter-spacing: -0.15px;
}

.action_sec_1 .wrap .box_content .content {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0px;
}

.action_sec_1 .wrap .box_content .cta-wrapper {
  margin-top: 40px;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 11px;
  background: rgba(255, 211, 17, 1);
  padding: 12px 27px;
}

.action_sec_1 .wrap .box_content .cta-wrapper a {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0px;
}

.action_sec_1 .wrap_item .item {
  flex: 1;
}

.action_sec_1 .wrap_item .item:not(:last-child) {
  margin-right: 12px;
}

/* ========== End Section 1 ========== */

/* ========== Section 2 ========== */
.section.home_sec_1 {
  padding: 0;
}

@media (max-width: 768px) {
  .section.home_sec_1 {
    padding: 0;
  }
}

.section.home_sec_1 .area {
  margin: 0 auto;
  max-width: 1200px;
  padding: 100px 0;
  display: flex;
  gap: 40px;
  flex-direction: column;
}

.section.home_sec_1::before {
  z-index: -1;
}

.section.home_sec_1 .area .sub:before {
  display: none;
}

.section.home_sec_1 .area .custom_title {
  font-family: "Roboto Bold";
  font-weight: 700;
  font-size: 30px;
  line-height: 1.2em;
  letter-spacing: 0%;
  text-align: center;
  margin: 0;
  margin-bottom: 14px;
}

.section.home_sec_1 .area .sub {
  font-family: Roboto;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 0px;
  text-align: center;
  margin: 0;
}

.wrap .item_cont {
  padding-top: 24px;
}

.area .wrap_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* căn giữa các hàng nếu không đủ 3 item */
  gap: 0;
}

/* Mỗi item chiếm 1/3 hàng (trừ khoảng cách) */
.area .wrap_list > * {
  flex: 1 1 calc(33.333% - 24px);
  max-width: calc(33.333% - 24px);
  box-sizing: border-box;
}

/* Nếu chỉ còn 1 item trong hàng (vd: item lẻ cuối cùng) → tự căn giữa nhờ justify-content: center */
.area .wrap_list > *:last-child:nth-child(3n + 1) {
  margin: 0 auto;
}

.area .wrap_list .item_img {
  aspect-ratio: 3 / 2;
  height: 100%;
}

/* Tablet: 2 cột */
@media (max-width: 768px) {
  .area .wrap_list > * {
    flex: 1 1 calc(50% - 16px);
    max-width: calc(50% - 16px);
  }

  .area .wrap_list .item_img {
    min-height: auto;
    height: auto;
  }
}

/* Mobile: 1 cột (xếp dọc) */
@media (max-width: 480px) {
  .area .wrap_list {
    justify-content: center;
  }

  .area .wrap_list > * {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.item_img img {
  width: 100%;
  height: 100%;
}

.area .item_cont .des {
  font-family: Roboto;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 0px;
  height: 0;
  overflow: hidden;
  transition: height 0.4s ease;
  padding-right: 5px;
}

/* Scrollbar styling */
.area .item_cont .des::-webkit-scrollbar {
  width: 6px;
}

.area .item_cont .des::-webkit-scrollbar-track {
  background-color: #F5F5F5;
  border-radius: 3px;
}

.area .item_cont .des::-webkit-scrollbar-thumb {
  background-color: #313591;
  border-radius: 3px;
}

/* ========== End Section 2 ========== */

/* ========== Section 3 ========== */
.section_3 {
  padding: 100px 0;
  background-color: #f5f5f5;
  position: relative;
}

.section_3 .bg-bottom {
  position: absolute;
  bottom: 66px;
  left: 0;
  z-index: 0;
  max-width: 100%;
  height: auto;
  opacity: 1;
  pointer-events: none;
}

.section_3 .bg-top {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  max-width: 100%;
  height: auto;
  opacity: 1;
  pointer-events: none;
}

div#tab_3 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  z-index: 1;
}

#tab_3 .title_tab {
  font-family: "Roboto Bold";
  font-weight: 700;
  font-size: 30px;
  line-height: 1.2em;
  letter-spacing: 0%;
  text-align: center;
}

ul.nav_tabs_process {
  flex-wrap: wrap;
  margin-top: 63px;
}

ul.nav_tabs_process li .inner img {
  max-width: 70%;
  max-height: 70%;
  width: auto;
  height: auto;
}

ul.nav_tabs_process li {
  /* width: auto; */
  text-align: center;
  cursor: pointer;
  width: 123px;
  margin-bottom: 15px;
}

ul.nav_tabs_process {
  display: flex;
  margin-bottom: 15px;
  position: relative;
  justify-content: center;
}

/* ul.nav_tabs_process li .icon {
  width: 85px;
  height: 85px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid white;
  border-radius: 50%;
  position: relative;
  margin: auto;
}

ul.nav_tabs_process li .icon .inner {
  width: 64px;
  height: 64px;
  background-color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
} */

ul.nav_tabs_process li h3 {
  width: 100%;
  font-size: 14px;
  font-family: "Roboto Bold";
  margin: 10px 0 0;
  color: #07539d;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 0px;
}

/* ul.nav_tabs_process:before {
  width: 90%;
  height: 1px;
  background: #c2d6e5;
  content: "";
  position: absolute;
  top: 52px;
} */

ul.nav_tabs_process li.active .icon {
  border: none;
}

ul.nav_tabs_process li.active .inner {
  background: #07539d;
}

ul.nav_tabs_process li.active .inner img {
  filter: brightness(0) invert(1);
}

div.for_tab_process {
  position: relative;
  min-height: 400px; /* Prevent layout jumping */
}

div.for_tab_process .item {
  display: flex;
  padding-top: 20px;
  gap: 80px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out,
    transform 0.4s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

div.for_tab_process .item.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  position: relative;
}

div.for_tab_process .item > * {
  padding: 0 !important;
}

div.for_tab_process .item .wrap_gallery {
  width: 60%;
  flex: 0 0 auto;
  position: relative;
  height: 390px;
}

div.for_tab_process .item .box_content {
  padding: 30px 30px 0 0;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

div.for_tab_process .item .box_content h3 {
  font-size: 18px;
  font-family: "Roboto Bold";
  line-height: 150%;
  margin: 0;
  margin-bottom: 5px;
}

div.for_tab_process .item .box_content .content {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 0px;
  color: #333333;
  opacity: 0.6;
}

div.for_tab_process .item .box_content li {
  display: flex;
}

div.for_tab_process .item .box_content li:not(:last-child) {
  margin-bottom: 10px;
}

div.for_tab_process .item .box_content li:before {
  display: none;
}

div.for_tab_process .swiper-pagination {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}

div.for_tab_process .swiper-pagination span {
  border-radius: 0;
  width: 20px;
  background: white;
  opacity: 1;
  margin: 0 3px;
  height: 2px;
}

div.for_tab_process .swiper-pagination span.swiper-pagination-bullet-active {
  background: #ffd311;
}

.wrap_gallery .slider_gallery {
  height: 100%;
}

.slider_gallery .swiper-slide img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.slider_gallery svg {
  position: absolute;
  z-index: 99;
  bottom: 4px;
  right: 8px;
}

.slider_gallery svg {
  position: absolute;
  z-index: 99;
  bottom: 4px;
  right: 8px;
}

.slider_gallery .swiper-slide:before {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.2) 100%
  );
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  content: "";
}

/* Navigation buttons styling */
.navigation_buttons {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}

.navigation_buttons .swiper-button-next,
.navigation_buttons .swiper-button-prev {
  position: static;
  width: 40px;
  height: 40px;
  background-color: white;
  border-radius: 50%;
  margin: 0;
  color: black;
  font-size: 16px;
  cursor: pointer;
  border: 1px solid #c2d6e5;
  transition: background-color 0.3s, color 0.3s;
  transform: none;
}

.navigation_buttons .swiper-button-next:after,
.navigation_buttons .swiper-button-prev:after {
  font-size: 14px;
  font-weight: bold;
}

.navigation_buttons .swiper-button-next:hover,
.navigation_buttons .swiper-button-prev:hover {
  background-color: #f4f4f4;
  color: black;
}

.navigation_buttons .swiper-button-next {
  background: url("data:image/svg+xml;utf8,<svg width='9' height='14' viewBox='0 0 9 14' xmlns='http://www.w3.org/2000/svg'><path d='M0.678822 1.89761L6.17358 6.89788L1.17331 12.3926L2.65159 13.7379L8.99711 6.76484L2.02407 0.419323L0.678822 1.89761Z' fill='%23142D65'/></svg>")
    no-repeat center center;
  background-size: 16px 16px;
  background-color: white;
}

.navigation_buttons .swiper-button-prev {
  background: url("data:image/svg+xml;utf8,<svg width='9' height='14' viewBox='0 0 9 14' xmlns='http://www.w3.org/2000/svg'><path d='M8.32118 1.89761L2.82642 6.89788L7.82669 12.3926L6.34841 13.7379L0.00288844 6.76484L6.97593 0.419323L8.32118 1.89761Z' fill='%23142D65'/></svg>")
    no-repeat center center;
  background-size: 16px 16px;
  background-color: white;
}

/* ========== End Section 3 ========== */

/* ========== Section 4 ========== */

.section_4.action_sec_2 {
  padding-top: 140px;
}

.section_4 .grid-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}

.section_4 .title_group {
  margin-bottom: 30px;
}

.section_4 .custom_title {
  font-family: "Roboto Bold";
  font-weight: 700;
  font-size: 30px;
  line-height: 1.2em;
  letter-spacing: 0%;
  text-align: center;
  margin: 0;
  margin-bottom: 14px;
}

.section_4 .sub {
  font-family: Roboto;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 0px;
  text-align: center;
  margin: 0;
}

.section_4 .grid-100 {
  padding: 0;
}

.section_4.action_sec_2 .wrap {
  margin: 0;
  position: relative;
}

.action_sec_2 .wrap .swiper-seo-lp-section-4 .item {
  width: 100%;
  margin: 0;
}

.action_sec_2 .wrap .item .box_content .content {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5em;
}

.section_4 .swiper-button-next,
.section_4 .swiper-button-prev {
  width: 40px;
  height: 40px;
  background-color: white;
  border-radius: 50%;
  margin: 0;
  color: black;
  font-size: 16px;
  cursor: pointer;
  border: 1px solid #c2d6e5;
  transition: background-color 0.3s, color 0.3s;
}

.section_4 .swiper-button-next:after,
.section_4 .swiper-button-prev:after {
  font-size: 14px;
  font-weight: bold;
}

.section_4 .swiper-button-next:hover,
.section_4 .swiper-button-prev:hover {
  background-color: #f4f4f4;
  color: black;
}

.section_4 .swiper-button-next {
  background: url("data:image/svg+xml;utf8,<svg width='9' height='14' viewBox='0 0 9 14' xmlns='http://www.w3.org/2000/svg'><path d='M0.678822 1.89761L6.17358 6.89788L1.17331 12.3926L2.65159 13.7379L8.99711 6.76484L2.02407 0.419323L0.678822 1.89761Z' fill='%23142D65'/></svg>")
    no-repeat center center;
  background-size: 16px 16px;
  right: -30px;
  transform: translateX(50%);
  background-color: white;
}

.section_4 .swiper-button-prev {
  background: url("data:image/svg+xml;utf8,<svg width='9' height='14' viewBox='0 0 9 14' xmlns='http://www.w3.org/2000/svg'><path d='M8.32118 1.89761L2.82642 6.89788L7.82669 12.3926L6.34841 13.7379L0.00288844 6.76484L6.97593 0.419323L8.32118 1.89761Z' fill='%23142D65'/></svg>")
    no-repeat center center;
  background-size: 16px 16px;
  left: -30px;
  transform: translateX(-50%);
  background-color: white;
}

/* ========== End Section 4 ========== */

/* ========== Section 5 ========== */

.section_5 {
  background-color: #f5f5f5;
  position: relative;
}

.section_5 .bg-top-left {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  max-width: 100%;
  height: auto;
  opacity: 1;
  pointer-events: none;
  transform: scaleX(-1);
}

.section_5 .bg-bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
  max-width: 100%;
  height: auto;
  opacity: 1;
  pointer-events: none;
  transform: scaleX(-1);
}

.document-wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 90px 0;
}

.document-wrapper .heading_h2 {
  font-family: "Roboto Bold";
  font-weight: 700;
  font-size: 30px;
  line-height: 1.2em;
  letter-spacing: 0%;
  text-align: center;
  margin-bottom: 20px;
}

.document-wrapper .document-type {
  display: flex;
  gap: 40px;
  justify-content: center;
  margin-bottom: 30px;
}

.document-wrapper ul.document-type {
  display: flex;
  margin-bottom: 50px;
}

.document-wrapper ul.document-type a {
  font-family: Roboto;
  font-weight: 700;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0%;
  vertical-align: middle;
  display: flex;
  align-items: center;
  color: #333333;
  cursor: pointer;
}

.document-wrapper ul.document-type li:not(:last-child) {
  margin-right: 0;
}

.document-wrapper ul.document-type a span {
  background: #0f6eb8;
  width: 0;
  height: 2px;
  margin-right: 0;
  transition: 0.3s all;
}

ul.document-type a.active span {
  margin: 0 10px 0 0;
  width: 33px;
}

ul.document-type a.active {
  color: #0f6eb8;
}

#list-documents {
  width: 100%;
  position: relative;
  padding: 0 6.25rem;
}

.tab-swiper {
  width: 100%;
  display: none;
}

.tab-swiper.active {
  display: block;
}

/* .swiper-documents .swiper-wrapper {
  align-items: flex-end;
} */

.swiper-documents.wrap_cncl .item {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
  margin: 0;
}

.swiper-documents .swiper-slide .box_img {
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: scale(0.8);
  transform-origin: bottom center;
}

.swiper-documents .swiper-slide-active .box_img {
  transform: scale(1);
}

.swiper-documents .swiper-slide .document-image {
  width: 100%;
  height: auto;
}

.swiper-documents.wrap_cncl .item .content {
  font-family: Roboto;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 0px;
  text-align: center;
  color: #333333;
}

.swiper-documents.wrap_cncl .swiper-slide-active .item .content {
  font-family: Roboto;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 0px;
  text-align: center;
  color: #0f6eb8;
}

.tab-swiper .swiper-pagination {
  position: absolute;
  bottom: -1rem;
  left: 50%;
  transform: translateX(-50%);
}

.tab-swiper .swiper-pagination span {
  border-radius: 0;
  width: 20px;
  background: #c9c9c9;
  opacity: 1;
  margin: 0 3px;
  height: 2px;
}

.tab-swiper .swiper-pagination span.swiper-pagination-bullet-active {
  background: #0f6eb8;
}

.swiper-documents .swiper-button-next,
.swiper-documents .swiper-button-prev {
  width: 40px;
  height: 40px;
  background-color: white;
  border-radius: 50%;
  margin: 0;
  color: black;
  font-size: 16px;
  cursor: pointer;
  border: 1px solid #c2d6e5;
  transition: background-color 0.3s, color 0.3s;
}

.swiper-documents .swiper-button-next:after,
.swiper-documents .swiper-button-prev:after {
  font-size: 14px;
  font-weight: bold;
}

.swiper-documents .swiper-button-next:hover,
.swiper-documents .swiper-button-prev:hover {
  background-color: #f4f4f4;
  color: black;
}

.swiper-documents .swiper-button-next {
  background: url("data:image/svg+xml;utf8,<svg width='9' height='14' viewBox='0 0 9 14' xmlns='http://www.w3.org/2000/svg'><path d='M0.678822 1.89761L6.17358 6.89788L1.17331 12.3926L2.65159 13.7379L8.99711 6.76484L2.02407 0.419323L0.678822 1.89761Z' fill='%23142D65'/></svg>")
    no-repeat center center;
  background-size: 16px 16px;
  right: 0;
  transform: translateX(-50%);
  background-color: white;
}

.swiper-documents .swiper-button-prev {
  background: url("data:image/svg+xml;utf8,<svg width='9' height='14' viewBox='0 0 9 14' xmlns='http://www.w3.org/2000/svg'><path d='M8.32118 1.89761L2.82642 6.89788L7.82669 12.3926L6.34841 13.7379L0.00288844 6.76484L6.97593 0.419323L8.32118 1.89761Z' fill='%23142D65'/></svg>")
    no-repeat center center;
  background-size: 16px 16px;
  left: 0;
  transform: translateX(50%);
  background-color: white;
}

/* ========== End Section 5 ========== */

/* ========== Section 6 ========== */

.section_6 {
  padding: 100px 0 50px 0;
  position: relative;
}

.swiper-certifications {
  position: relative;
  padding: 0 42px;
}

.swiper-certifications .swiper-slide .item {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
  border-bottom: 1px solid #0f6eb8;
  padding-bottom: 24px;
}

.swiper-certifications .swiper-slide .item .content {
  color: #090229;
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5em;
}

.swiper-certifications .swiper-button-next {
  transform: translateX(0) translateY(-50%);
}

.swiper-certifications .swiper-button-prev {
  transform: translateX(0) translateY(-50%);
}

/* ========== End Section 6 ========== */

/* ========== Section 7 ========== */
.section_7 {
  padding: 100px 0;
}

.section_7 .wrap_section_cat {
  max-width: 1000px;
  margin: 0 auto;
}

/* ========== End Section 7 ========== */

/* ========== Section 8 ========== */

.section_8 {
  padding: 100px 0;
}

.section_8 .wrap {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.section_8 .wrap .box_img .map-image {
  margin: 0 auto;
}

.about_sec_5 .wrap .box_content .heading_h2 {
  font-family: "Roboto Bold";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2em; /* 120% */
}

.section_8 .box_content h2,
.section_8 .box_content .content-section {
  text-align: left;
}

@media (max-width: 767px) {
  .section_8 .box_content h2,
  .section_8 .box_content .content-section {
    text-align: center;
  }
}

/* ========== End Section 8 ========== */

/* ========== Section 9 ========== */
.section_9 .custom_title {
  font-family: "Roboto Bold";
  color: #0f6eb8;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2em; /* 125% */
  text-transform: uppercase;
}

.section_9 .top .content {
  color: #333;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5em; /* 157.143% */
}

.section_9 .swiper-button-prev {
  transform: translateX(-100%) translateY(-50%);
}

.section_9 .swiper-button-next {
  transform: translateX(100%) translateY(-50%);
}

/* ========== End Section 9 ========== */

/* ========== Section 10 ========== */
.section_10 {
  background: #f5f5f5;
}

.section_10 .section-wrapper {
  display: flex;
  gap: 6.25rem;
  flex-wrap: wrap;
}

.section_10 .col-left {
  flex: 1;
}

section_10 .col-right {
  width: fit-content;
  flex: 0 0 auto;
}

.section_10 .grid-60,
.section_10 .tablet-grid-60,
.section_10 .grid-33,
.section_10 .tablet-grid-33 {
  padding: 0;
}

.section_10 .title_form {
  font-family: "Roboto Bold";
  color: #0f6eb8;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2em; /* 120% */
  text-transform: uppercase;
}

.section_10 .cus_form p {
  margin: 0;
}

.section_10 .wpcf7-form-control {
  background-color: white;
  border-color: #dbdbdb;
}

.section_10 .item_c {
  background-color: #ffffff;
  padding: 36px 32px;
}

.section_10 .item_c:not(:last-child) {
  margin-bottom: 1.5rem;
}

.section_10 .item_c h3 {
  color: #0f6eb8;
}

.section_10 .item_c a {
  color: #0f6eb8;
}

/* ========== End Section 10 ========== */

/* ========== Section 11 ========== */

.section_11 {
  padding: 100px 0;
  background-color: #f5f5f5;
}

.section_11 .title-section {
  margin-bottom: 2rem;
}

.section_11 .item.item_tab_3 {
  padding: 0 10rem;
}

.button-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

.section_11 .item.item_tab_3 .item_q_a {
  background-color: #ffffff;
  transition: all 0.3s;
}

.section_11 .item.item_tab_3 .item_q_a h3 {
  padding: 20px 70px 20px 20px;
  background-color: #ffffff;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px; /* 144.444% */
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.section_11 .item.item_tab_3 .item_q_a.active h3 {
  color: #0f6eb8;
}

.section_11 .item.item_tab_3 .item_q_a h3 span:after {
  transition: all ease 0.3s;
}

.section_11 .item.item_tab_3 .item_q_a .box_content {
  transition: all 0.3s;
}

.section_11 .item.item_tab_3 .item_q_a .box_content .inner.content {
  padding: 20px 70px 20px 20px;
}

/* FAQ visibility control */
.section_11 .item_q_a.hidden-initially {
  display: none;
}

.section_11 .q_a.show-all .item_q_a.hidden-initially {
  display: block;
}

.section_11 .button-wrapper {
  text-align: center;
  margin-top: 30px;
}

.section_11 .btn-read-more-faqs.hidden {
  display: none;
}

/* ========== End Section 11 ========== */

/* ========== Section 12 ========== */

.section_12.section-box-content .section-wrapper .news_content {
  max-height: 600px;
  overflow: hidden;
  position: relative;
}

/* Add bg overlay blur from bottom to 30% */
.section_12.section-box-content .section-wrapper .news_content::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(transparent, rgba(250, 250, 251, 0.9), #fafafb);
  pointer-events: none;
}

.section_12.section-box-content .news_content {
  font-family: Roboto;
}

.section_12.section-box-content .news_content.expanded {
  max-height: none;
}

.section_12.section-box-content .section-wrapper .expanded.news_content::after {
  display: none;
}

.section_12.section-box-content .button-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}

.section_12.section-box-content .button-wrapper .read-more-btn.expanded {
  display: none;
}

/* ========== End Section 12 ========== */

/* ========== Section 13 Video ========== */

.section_13 {
  padding: 100px 0;
  background-color: #f5f5f5;
}

.videoWrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  overflow: hidden;
  background-color: #000;
}

.videoWrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-play-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.3);
  cursor: pointer;
  transition: opacity 0.3s ease;
  z-index: 10;
}

.video-play-overlay.hidden {
  opacity: 0;
  pointer-events: none;
}

.video-play-button {
  background: none;
  border: none;
  cursor: pointer;
  transition: transform 0.3s ease;
  padding: 0;
  margin: 0;
}

.video-play-button:hover {
  transform: scale(1.1);
}

.video-play-button svg {
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
}

/* ========== End Section 13 Video ========== */

@media (max-width: 768px) {
  .section {
    padding: 1rem;
  }

  .action_sec_1 {
    padding: 50px 1rem;
  }

  .section_1 .wrap_item {
    flex-direction: column;
    gap: 1rem;
  }

  .section.home_sec_1 .area {
    padding: 50px 1rem;
  }

  .section_3 .bg-bottom,
  .section_3 .bg-top {
    display: none;
  }

  div.for_tab_process {
    min-height: 300px; /* Smaller min-height for mobile */
  }

  div.for_tab_process .item {
    flex-direction: column;
    gap: 20px;
  }

  div.for_tab_process .item .wrap_gallery {
    width: 100%;
    height: auto;
  }

  .slider_gallery .swiper-slide img {
    height: 100%;
    object-fit: cover;
  }

  ul.nav_tabs_process {
    margin: 0;
  }

  ul.nav_tabs_process li {
    max-width: 90px;
    text-align: center;
    cursor: pointer;
  }

  ul.nav_tabs_process:before {
    display: none;
  }

  ul.nav_tabs_process li.active .icon {
    border: none;
  }

  ul.nav_tabs_process li.active .inner {
    background: #07539d;
  }

  .section_4.action_sec_2 {
    padding-top: 50px;
  }

  .section_4 .swiper-button-next {
    display: none;
  }

  .section_4 .swiper-button-prev {
    display: none;
  }

  .section_5 .bg-top-left,
  .section_5 .bg-bottom-right {
    display: none;
  }

  .document-wrapper {
    padding: 50px 1rem;
  }

  #list-documents {
    padding: 0 1rem;
  }

  .section_11 .item.item_tab_3 {
    padding: 0;
  }

  .section.news_detail {
    padding: 50px 1rem;
  }

  .section_10 .section-wrapper {
    flex-direction: column;
    gap: 2rem;
  }

  .home_sec_3 .cus_arrow {
    display: block;
  }

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

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

  .text-normal,
  .section .content-section,
  .action_sec_1 .wrap .box_content .content,
  .action_sec_1 .wrap .box_content .cta-wrapper a,
  .section.home_sec_1 .area .sub,
  .area .item_cont .des,
  ul.nav_tabs_process li h3,
  div.for_tab_process .item .box_content .content,
  .section_4 .sub,
  .action_sec_2 .wrap .item .box_content .content,
  .swiper-documents.wrap_cncl .item .content,
  .swiper-documents.wrap_cncl .swiper-slide-active .item .content,
  .swiper-certifications .swiper-slide .item .content,
  .section_9 .top .content,
  .cus_form label,
  .news_content p {
    font-size: 13px;
    line-height: 1.5em;
  }

  .section_11 .item.item_tab_3 .item_q_a h3 {
    font-size: 16px;
    line-height: 1.4em;
  }

  .btn_submit {
    height: auto;
    padding: 6px 12px;
  }

  .swiper-documents .swiper-slide .box_img {
    transition: transform 0.3s ease, opacity 0.3s ease;
    transform: scale(1);
    transform-origin: bottom center;
  }

  .swiper-documents .swiper-slide-active .box_img {
    transform: scale(1);
  }

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

  .section_12.section-box-content .section-wrapper .news_content {
    max-height: 400px;
  }
}

/* ========== End Section 14 Video ========== */

.section_14 .col-left {
  max-width: 1000px;
  margin: 0 auto;
}

.section_14 .col-left .title_form {
  text-align: center;
}

.section_14 .col-left textarea {
  height: 45px;
  margin: 5px 0 10px;
  margin-bottom: 16px;
}

/* ========== End Section 15 Gallery Images ========== */

.section_15.action_sec_2 {
  padding: 0;
}

/* ========== End Section 15 Gallery Images ========== */