/*
Theme Name: flatsome-child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* ==========================================================================
   VKI HEADER (.header)
   ========================================================================== */

/* Layout Max-Width & Padding */
.header-wrapper .container {
  max-width: 1440px !important;
  padding-left: 64px !important;
  padding-right: 64px !important;
  width: 100% !important;
}

@media (min-width: 850px) {
  /* Top & Bottom Bar Backgrounds */
  .header-main {
    height: 53px !important;
    background: linear-gradient(to left, #077b4d, #2c484e);
  }
  .header-bottom {
    min-height: 54px !important;
    background-color: #ffffff;
    border-bottom: 1px solid #eaeaea;
  }

  /* Logo Overlap (spans both header-main & header-bottom) */
  #logo {
    width: 211px !important;
    height: 53px;
    position: relative;
    z-index: 999;
    margin: 0 !important;
  }
  #logo a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 107px; /* 53px + 54px */
    background-color: #ffffff;
    border-radius: 0 0 8px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.05); /* Soft shadow */
  }
  #logo a img {
    max-height: 80px;
    max-width: 90%;
  }

  /* Right-align the top right elements */
  .header-main .flex-left.flex-grow {
    justify-content: flex-end;
    padding-right: 32px !important; /* Khoảng cách cứng với hotline */
  }
  .header-main .nav-left {
    justify-content: flex-end;
  }
  
  /* Prevent logo from overlapping menu by adding margin to menu wrapper */
  .header-bottom .flex-center {
    justify-content: flex-start;
    padding-left: 240px; /* Offset to clear the 211px logo */
  }
}

/* Right Elements Alignment */
.header-main .flex-right {
  display: flex;
  align-items: center;
}
.header-nav.nav-right {
  display: flex;
  align-items: center;
  gap: 16px; /* Spacing between Phone and Language */
}

/* Search Form Styling */
.header-search-form {
  display: flex;
  align-items: center; /* Căn giữa dọc */
  height: 100%;
  margin-right: 16px !important; /* Thêm một lớp khoảng cách phụ */
}
.header-search-form .searchform-wrapper {
  margin: 0;
  padding: 0;
}
.header-search-form .searchform {
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 999px;
  height: 36px !important; /* Chiều cao bằng hotline */
  width: 240px !important; 
  overflow: hidden;
  margin: 0;
  background: transparent !important;
}
/* Căn icon bên trái, ô nhập bên phải, reset margin/padding của Flatsome */
.header-search-form .searchform .flex-row {
  display: flex !important;
  align-items: center !important;
  flex-direction: row-reverse !important; 
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
}
.header-search-form .searchform .flex-col {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
}
.header-search-form .searchform .flex-col.flex-grow {
  flex: 1;
}
.header-search-form input[type="search"] {
  background: transparent !important;
  border: none !important;
  color: #ffffff !important;
  box-shadow: none !important;
  height: 100% !important;
  padding: 0 16px 0 8px !important;
  font-size: 14px;
  margin: 0 !important;
}
.header-search-form input[type="search"]::placeholder {
  color: rgba(255, 255, 255, 0.6) !important; 
}
.header-search-form button[type="submit"] {
  background: transparent !important;
  border: none !important;
  color: transparent !important;
  height: 100% !important;
  width: 36px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.header-search-form button[type="submit"] i {
  display: none !important; /* Ẩn icon mặc định */
}
.header-search-form button[type="submit"]::before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M21 21L16.65 16.65" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Phone Button Styling */
.header-button-1 .button {
  background-color: #ffffff !important;
  border-radius: 999px !important;
  height: 36px !important; /* Bằng chiều cao ô search */
  line-height: 36px !important;
  padding: 0 16px !important;
  margin: 0 !important;
  display: flex;
  align-items: center;
  gap: 8px;
  border: none !important;
  min-height: 36px !important;
}
.header-button-1 .button span {
  background: linear-gradient(180deg, #077b4d 0%, #2c484e 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'SVN-Gilroy', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}
/* Fixed Hotline Icon inside button */
.header-button-1 .button::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4176 12.4221 16 8.00684 16C3.59154 16 0 12.4286 0 8C0 3.57143 3.58056 0 7.99585 0C12.4111 0 16 3.58242 16 8ZM15.3766 8C15.3766 3.92308 12.0707 0.626374 8.00684 0.626374C3.94301 0.626374 0.62605 3.93407 0.62605 8C0.62605 12.0659 3.93203 15.3736 7.99585 15.3736C12.0597 15.3736 15.3766 12.0769 15.3766 8Z' fill='url(%23g1)'/%3E%3Cpath d='M9.99476 9.61536C10.5 9.8791 11.0931 10.0769 11.5214 10.4505C11.8839 11.2747 11.2578 12.2198 10.3902 12.3626C9.01724 12.5934 7.76514 11.8901 6.83156 10.956C6.16158 10.2747 5.95289 9.90108 5.43668 9.09888C4.8326 8.15383 4.42621 7.12086 4.39326 5.978C4.3713 5.29668 4.51408 4.59339 4.98636 4.12086C5.42569 3.6813 6.07371 3.49449 6.65583 3.63734C7.33679 3.80218 7.12811 4.37361 7.32581 5.51646C7.51253 6.65932 6.26043 6.71427 6.38124 7.09888C6.60091 7.79119 7.92989 10.011 8.41316 10.011C8.76462 9.99998 9.02822 9.12086 9.99476 9.61536Z' fill='url(%23g2)'/%3E%3Cdefs%3E%3ClinearGradient id='g1' x1='8' y1='0' x2='8' y2='16' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3ClinearGradient id='g2' x1='8' y1='3.5' x2='8' y2='12.4' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Custom [X-gtranslate] shortcode styling */
.html_topbar_right {
  display: flex;
  align-items: center;
}
.x-gtranslate-wrapper .x-gtranslate-btn {
  display: flex;
  align-items: center;
  gap: 4px;
  background-color: #F8FFFC;
  border-radius: 12px;
  height: 24px;
  padding: 0 10px;
  text-decoration: none;
  transition: opacity 0.3s;
}
.x-gtranslate-wrapper .x-gtranslate-btn:hover {
  opacity: 0.8;
}
.x-gtranslate-wrapper .x-gtranslate-text {
  color: #0FA05F;
  font-family: 'SVN-Gilroy', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
.x-gtranslate-wrapper .x-gtranslate-icon {
  display: flex;
  align-items: center;
}
.x-gtranslate-wrapper .x-gtranslate-arrow {
  display: flex;
  align-items: center;
  margin-left: 2px;
}

/* Bottom Navigation Menu Styling */
.header-bottom-nav {
  display: flex;
  align-items: center;
}
/* Normal Menu Item */
.header-bottom-nav > li > a {
  color: #2E3A5B;
  font-family: 'SVN-Gilroy', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
  padding: 0 16px;
  text-transform: uppercase;
  transition: all 0.3s ease;
  height: 54px;
  display: flex;
  align-items: center;
}
/* Active / Hover Menu Item */
.header-bottom-nav > li.active > a,
.header-bottom-nav > li > a:hover {
  color: #0FA05F;
  font-family: 'SVN-Gilroy', sans-serif;
  /* Use text-stroke to simulate bold without changing character width and shifting layout */
  -webkit-text-stroke: 0.5px #0FA05F;
}
.header-bottom-nav > li.has-dropdown > a i.icon-angle-down {
  margin-left: 6px;
  font-size: 14px;
  color: currentColor;
}

/* ==========================================================================
   GILROY FONT DECLARATIONS
   ========================================================================== */
@font-face {
  font-family: 'Gilroy';
  src: url('assets/fonts/Gilroy/SVN-Gilroy%20Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('assets/fonts/Gilroy/SVN-Gilroy%20Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('assets/fonts/Gilroy/SVN-Gilroy%20SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('assets/fonts/Gilroy/SVN-Gilroy%20Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('assets/fonts/Gilroy/SVN-Gilroy%20XBold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('assets/fonts/Gilroy/SVN-Gilroy%20Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* ==========================================================================
   VKI HERO SECTION (.xc-home-hero)
   ========================================================================== */
.xc-home-hero {
  min-height: 701px; /* Chiều cao Rectangle 954 */
  background-image: url('https://vki.local/wp-content/uploads/2026/05/hero-bg-figma.png');
  background-size: cover;
  background-position: center;
}
/* Background Gradient Overlay (Xanh đậm ở trên, trong suốt ở dưới) */
.xc-home-hero .section-bg.fill::after {
  content: '';
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background: linear-gradient(180deg, rgba(44, 72, 78, 0.00) 0%, #0B7243 50.96%);
  mix-blend-mode: multiply;
  pointer-events: none;
  z-index: 1; /* Nằm trên ảnh nền */
}

/* Tiêu đề chính */
.xc-home-hero h2 {
  font-family: 'Gilroy', sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 58px;
  text-align: center;
  color: #FFFFFF !important;
  margin-bottom: 16px;
  text-transform: uppercase;
}

/* Các thẻ p (Đoạn text mô tả) */
.xc-home-hero p {
  font-family: 'Gilroy', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 24px */
  color: #FEFEFF !important;
  text-align: center;
  margin-bottom: 24px; /* Cách các khối bên dưới */
}

/* 4 Khối hộp bên dưới */
.xc-home-hero .box {
  background: rgba(255, 255, 255, 0.15); /* Nền kính mờ cho toàn bộ Box */
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 4px 15px rgba(0,0,0,0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.xc-home-hero .box:hover {
  transform: translateY(-5px);
  box-shadow: 0px 10px 25px rgba(0,0,0,0.2);
}
.xc-home-hero .box-image {
  flex-grow: 1;
  width: 100%;
  height: 100%;
}
.xc-home-hero .box-image > div {
  height: 100%;
}
.xc-home-hero .box-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Đảm bảo các ảnh bằng nhau không bị méo */
}
/* Nền dải màu vàng kim cho Box Text (Nằm dưới ảnh) */
.xc-home-hero .box-text {
  background: linear-gradient(90deg, #FBE976 0%, #ECB928 26%, #FFF68A 44%, #ECB928 58%, #FFCF45 79%, #FFF68A 100%);
  padding: 12px 10px;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.xc-home-hero .box-text h4 {
  font-family: 'Gilroy', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: #2E3A5B !important;
  margin: 0;
  text-align: center;
}

/* Button Liên hệ ngay (Màu Đỏ) */
.xc-home-hero .button.primary {
  display: inline-flex; /* Dùng inline-flex thay vì flex để nút không bị kéo dài toàn trang ngang */
  padding: 8px 32px;
  justify-content: center;
  align-items: center;
  gap: 9px;
  border-radius: 4px;
  border: 1px solid #FEFEFF;
  background: #A01010 !important;
  margin-top: 24px;
  box-shadow: none; /* Bỏ shadow cũ */
}
.xc-home-hero .button.primary span {
  font-family: 'Gilroy', sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #FFFFFF !important;
  margin: 0; /* Xoá margin mặc định vì đã dùng gap */
  line-height: 1;
  display: flex;
  align-items: center;
}
.xc-home-hero .button.primary i {
  color: #FFFFFF !important;
  margin: 0; /* Xoá margin mặc định vì đã dùng gap */
  top: 0 !important; /* Xoá offset mặc định của Flatsome */
  position: static !important;
  line-height: 1;
  display: flex;
  align-items: center;
}

/* ==========================================================================
   VKI ABOUT SECTION (.xc-home-about-us)
   ========================================================================== */
.xc-home-about-us {
  position: relative;
  width: 100%;
  max-width: 1440px;
  min-height: 380px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden;
  background: transparent;
}

.xc-home-about-us .section-bg.fill {
  top: auto;
  bottom: 0;
  height: 214px;
  background: linear-gradient(90deg, #2C484E 0%, #077B4D 100%);
}

.xc-home-about-us .section-content {
  position: relative;
  z-index: 2;
  min-height: 380px;
}

.xc-home-about-us > .section-content > .row {
  position: relative;
  width: 100%;
  max-width: 1440px !important;
  min-height: 380px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.xc-home-about-us > .section-content > .row > .col,
.xc-home-about-us > .section-content > .row > .col > .col-inner {
  position: static;
  min-height: 380px;
  padding: 0 !important;
}

.xc-home-about-us h2,
.xc-home-about-us h3 {
  position: absolute;
  left: 73px;
  z-index: 4;
  color: #FEFEFF !important;
  font-family: 'Gilroy', 'SVN-Gilroy', sans-serif;
  text-align: left;
  letter-spacing: 0.02em;
  margin: 0 !important;
  max-width: 639px;
}

.xc-home-about-us h2 {
  top: 208px;
  width: 404px;
  font-size: 25.65px;
  font-weight: 400;
  line-height: 1.2;
  text-transform: uppercase;
}

.xc-home-about-us h3 {
  top: 253px;
  width: 639px;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
  text-transform: uppercase;
}

.xc-home-about-us .img {
  position: absolute !important;
  top: 0;
  left: auto !important;
  right: -57px;
  bottom: auto !important;
  z-index: 3;
  width: 1082px !important;
  height: 380px;
  max-width: none !important;
  margin: 0 !important;
  transform: none !important;
  pointer-events: none;
}

.xc-home-about-us .img-inner {
  height: 100%;
  overflow: hidden;
}

.xc-home-about-us .img img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: fill;
}

@media (max-width: 1199px) {
  .xc-home-about-us {
    min-height: 360px;
  }
  .xc-home-about-us .section-content,
  .xc-home-about-us > .section-content > .row,
  .xc-home-about-us > .section-content > .row > .col,
  .xc-home-about-us > .section-content > .row > .col > .col-inner {
    min-height: 360px;
  }
  .xc-home-about-us .section-bg.fill {
    height: 214px;
  }
  .xc-home-about-us h2,
  .xc-home-about-us h3 {
    left: 32px;
  }
  .xc-home-about-us h2 {
    top: 185px;
  }
  .xc-home-about-us h3 {
    top: 228px;
    width: min(58vw, 620px);
    font-size: 32px;
  }
  .xc-home-about-us .img {
    right: -160px;
    width: 920px !important;
    height: 330px;
  }
}

@media (max-width: 849px) {
  .xc-home-about-us {
    min-height: 0;
    overflow: hidden;
    background: linear-gradient(90deg, #2C484E 0%, #077B4D 100%);
  }
  .xc-home-about-us .section-bg.fill {
    height: 100%;
  }
  .xc-home-about-us .section-content,
  .xc-home-about-us > .section-content > .row,
  .xc-home-about-us > .section-content > .row > .col,
  .xc-home-about-us > .section-content > .row > .col > .col-inner {
    min-height: 0;
  }
  .xc-home-about-us > .section-content > .row {
    padding: 42px 20px 0 !important;
  }
  .xc-home-about-us h2,
  .xc-home-about-us h3,
  .xc-home-about-us .img {
    position: relative !important;
    top: auto;
    left: auto;
    right: auto;
  }
  .xc-home-about-us h2,
  .xc-home-about-us h3 {
    width: 100%;
    max-width: 640px;
  }
  .xc-home-about-us h2 {
    font-size: 20px;
    line-height: 1.25;
  }
  .xc-home-about-us h3 {
    margin-top: 12px !important;
    font-size: 28px;
    line-height: 1.25;
  }
  .xc-home-about-us .img {
    width: calc(100% + 96px) !important;
    height: auto;
    margin: 26px -68px 0 -28px !important;
  }
  .xc-home-about-us .img-inner {
    height: auto;
  }
  .xc-home-about-us .img img {
    height: auto;
    object-fit: contain;
  }
}

@media (max-width: 549px) {
  .xc-home-about-us > .section-content > .row {
    padding: 36px 16px 0 !important;
  }
  .xc-home-about-us h3 {
    font-size: 24px;
  }
  .xc-home-about-us .img {
    width: calc(100% + 120px) !important;
    margin: 22px -78px 0 -42px !important;
  }
}

/* ==========================================================================
   GLOBAL SECTION TITLE (.xc-section-title)
   ========================================================================== */
h2.xc-section-title {
  text-align: center;
  font-family: 'Gilroy', sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 46.8px */
  letter-spacing: 0.72px;
  background: linear-gradient(180deg, #077B4D 0%, #2C484E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  padding-bottom: 20px; /* Nhường khoảng trống cho vạch ngang ở dưới */
  margin-bottom: 30px;
  display: block; /* Đảm bảo khối nằm giữa mượt mà */
  width: 100%;
}

h2.xc-section-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 2px;
  background: #2E3A5B;
  border: 0 solid #E5E7EB; /* Tôn trọng CSS gốc của bạn */
}

/* ==========================================================================
   VKI PARTNERS SECTION (.xc-home-partners)
   ========================================================================== */
.xc-home-partners .row-grid {
  display: grid !important;
  grid-template-columns: repeat(7, 1fr);
  gap: 20px;
}
.xc-home-partners .row-grid::after,
.xc-home-partners .row-grid::before {
  display: none; /* Bỏ clearfix mặc định của block row trong Flatsome */
}
.xc-home-partners .row-grid .col {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  flex-basis: auto !important;
}
@media (max-width: 849px) {
  .xc-home-partners .row-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
  }
}
@media (max-width: 549px) {
  .xc-home-partners .row-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}

.xc-home-partners .img-inner {
  border-radius: 8px;
  border: 0.25px solid #0FA05F;
  background: #FEFEFF;
  padding: 31.5px 28px; /* (85-22)/2 = 31.5px dọc, (163-107)/2 = 28px ngang */
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.xc-home-partners .img-inner img {
  width: 107px;
  height: 22px;
  max-width: 100%;
  object-fit: contain;
}

/* Button "Cùng nhiều đối tác..." */
.xc-home-partners .button.primary {
  height: 58px;
  border-radius: 8px !important;
  border: 2px solid #0FA05F !important;
  background: linear-gradient(180deg, #077B4D 0%, #2C484E 100%) !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 32px; /* Padding ngang */
  margin-top: 24px; /* Khoảng cách với cụm đối tác phía trên */
  box-shadow: none; /* Bỏ viền bóng mặc định nếu có */
}
.xc-home-partners .button.primary span {
  font-family: 'Gilroy', sans-serif;
  font-weight: 600;
  color: #FFFFFF !important;
  margin: 0;
}

/* ==========================================================================
   VKI HOME FORM (.xc-home-form)
   ========================================================================== */
.xc-home-form {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: flex-end;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
.xc-home-form__row {
  display: contents; /* Biến thẻ bao row thành vô hình, gộp group và submit vào chung 1 hàng flex */
}
/* Khử thẻ p và br tự động của Contact Form 7 */
.xc-home-form p {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
}
.xc-home-form br {
  display: none !important;
}

.xc-home-form__group {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 150px;
}
.xc-home-form__group--large {
  flex: 1.5;
  min-width: 250px;
}
.xc-home-form__label {
  font-family: 'Gilroy', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #2E3A5B;
  margin-bottom: 8px;
  display: block;
}
.xc-home-form__input {
  width: 100%;
  border: none !important;
  border-bottom: 1px solid #2E3A5B !important;
  background: transparent !important;
  padding: 0 0 8px 0 !important;
  font-family: 'Gilroy', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #2E3A5B !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin-bottom: 0 !important;
}
.xc-home-form__input::placeholder {
  color: #2E3A5B;
  opacity: 0.6;
}
.xc-home-form__input:focus {
  outline: none !important;
  box-shadow: none !important;
  border-bottom: 2px solid #0FA05F !important;
}

.xc-home-form__submit-wrap {
  flex: 0 0 auto;
  margin: 0;
}
/* Ép CSS cho nút Gửi bất kể CF7 tự sinh ra class gì */
.xc-home-form input[type="submit"] {
  height: 40px;
  padding: 0 40px 0 24px !important; /* Tăng padding phải để nhường chỗ cho icon */
  border-radius: 4px !important;
  border: 1px solid #0B7243 !important;
  background: #F3F4F6 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%230B7243" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg>') no-repeat right 16px center !important;
  color: #0B7243 !important;
  font-family: 'Gilroy', sans-serif;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  transition: all 0.3s ease;
}
.xc-home-form input[type="submit"]:hover {
  background: #0B7243 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg>') no-repeat right 16px center !important;
  color: #FFFFFF !important;
}

/* Ẩn vạch dưới tiêu đề ở section liên hệ */
.xc-home-lien-he h2.xc-section-title::after {
  display: none !important;
}
.xc-home-lien-he h2.xc-section-title {
  padding-bottom: 0 !important;
  margin-bottom: 40px !important;
}

@media (max-width: 991px) {
  .xc-home-form__group, .xc-home-form__group--large, .xc-home-form__submit-wrap {
    flex: 100%;
    min-width: 100%;
  }
  .xc-home-form input[type="submit"] {
    width: 100%;
  }
}

/* ==========================================================================
   GLOBAL UTILITIES & OVERRIDES
   ========================================================================== */
.entry-content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.absolute-footer {
  display: none !important;
}

/* ==========================================================================
   VKI FOOTER (.xc-footer)
   ========================================================================== */
.xc-footer {
  position: relative;
  color: #fff;
}

/* Background Overlay */
.xc-footer .section-bg.fill {
  background: linear-gradient(180deg, #077B4D 0%, #2C484E 100%);
}
.xc-footer .section-bg.fill::after {
  content: '';
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background-image: url('assets/images/bg-footer.png');
  background-size: cover;
  background-position: center;
  pointer-events: none;
}

/* Logo & Title Layout - Ép nằm trên 1 hàng chuẩn Figma */
.xc-footer > .section-content > .row > .col:first-child > .col-inner > .row {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 20px;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 32px;
  width: 100%;
}
.xc-footer > .section-content > .row > .col:first-child > .col-inner > .row > .col {
  padding: 0 !important;
  margin: 0 !important;
}
.xc-footer > .section-content > .row > .col:first-child > .col-inner > .row > .col:first-child {
  flex: 0 0 93px;
  max-width: 93px;
}
.xc-footer > .section-content > .row > .col:first-child > .col-inner > .row > .col:last-child {
  flex: 1;
  max-width: 399px;
}
.xc-footer > .section-content > .row > .col:first-child > .col-inner > .row > .col:first-child .col-inner,
.xc-footer > .section-content > .row > .col:first-child > .col-inner > .row > .col:first-child .img {
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
}
.xc-footer > .section-content > .row > .col:first-child > .col-inner > .row > .col:first-child img {
  filter: brightness(0) invert(1);
  width: 93px !important;
  height: 77px !important;
  object-fit: contain;
  margin: 0 !important;
}
.xc-footer p.title {
  font-family: 'SVN-Gilroy', sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
  line-height: 27px;
  margin: 0 !important;
  max-width: 399px;
  text-transform: uppercase;
}

.xc-footer h5.widget-title {
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 24px;
  text-transform: none;
}

/* Contact List - Viền tròn, nền trong suốt, icon màu trắng */
.xc-footer__contact {
  list-style: none;
  padding: 0;
  margin: 0 0 24px 0;
}
.col-inner ul.xc-footer__contact li,
.xc-footer .col-inner ul.xc-footer__contact li {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
  margin-left: 0 !important;
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
  line-height: 24px;
}
.xc-footer__contact li::before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.xc-footer__contact li.contact-phone::before { background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M32 16C32 24.8352 24.8443 32 16.0137 32C7.18313 32 0 24.8571 0 16C0 7.14286 7.16116 0 15.9917 0C24.8223 0 32 7.16483 32 16ZM30.7533 16C30.7533 7.84615 24.1414 1.25275 16.0137 1.25275C7.88606 1.25275 1.25214 7.86813 1.25214 16C1.25214 24.1319 7.86409 30.7473 15.9917 30.7473C24.1194 30.7473 30.7533 24.1538 30.7533 16Z" fill="%23FEFEFF"/%3E%3Cpath d="M19.9898 19.2303C21.0002 19.7578 22.1864 20.1534 23.0431 20.9006C23.768 22.549 22.5159 24.4391 20.7805 24.7248C18.0347 25.1863 15.5305 23.7797 13.6634 21.9116C12.3234 20.549 11.906 19.8017 10.8736 18.1973C9.66544 16.3072 8.85267 14.2413 8.78677 11.9556C8.74284 10.5929 9.0284 9.18634 9.97297 8.24128C10.8516 7.36216 12.1477 6.98854 13.3119 7.27425C14.6738 7.60392 14.2565 8.74678 14.6519 11.0325C15.0253 13.3182 12.5211 13.4281 12.7627 14.1973C13.2021 15.5819 15.86 20.0215 16.8266 20.0215C17.5295 19.9995 18.0567 18.2413 19.9898 19.2303Z" fill="%23FEFEFF"/%3E%3C/svg%3E'); }
.xc-footer__contact li.contact-email::before { background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M31.9835 16C31.9835 24.823 24.8322 32 15.9918 32C7.17328 32 0 24.845 0 16C0 7.15501 7.15134 0 15.9918 0C24.8322 0.0219479 31.9835 7.17696 31.9835 16ZM30.7111 16C30.7111 7.85734 24.1083 1.27298 15.9918 1.27298C7.87524 1.27298 1.27235 7.87929 1.27235 16C1.27235 24.1207 7.87524 30.727 15.9918 30.727C24.1083 30.727 30.7111 24.1427 30.7111 16Z" fill="%23FEFEFF"/%3E%3Cpath d="M25.3586 21.9696C25.1173 22.233 24.7444 22.4086 24.3934 22.4086L8.88434 22.3866C8.2043 22.3866 7.54621 22.3427 6.91005 22.1891C6.55907 22.1013 6.51519 21.3331 6.69069 21.0478V11.1713C6.55907 10.7323 6.581 10.2055 6.86618 9.85438C7.12941 9.50321 7.65589 9.6788 8.05075 9.6788L22.1559 9.65685H23.516C23.9986 9.65685 24.7006 9.54711 25.1173 9.81048C25.6 10.1178 25.3806 10.842 25.3806 11.3029L25.3586 21.9696ZM20.752 12.9271L23.4063 10.7323L22.1559 10.6884L11.2535 10.7103L8.77465 10.8201L16.0356 16.8777L20.752 12.9271ZM12.9645 15.8462L11.6483 14.6829L8.59916 12.1809C8.29205 11.9175 8.05075 11.5663 7.63395 11.4785V19.7968C7.63395 19.9285 7.76557 20.1699 7.80944 20.1479C7.83138 20.126 7.96301 20.0601 8.05075 19.9943L12.9645 15.8462ZM19.0629 15.8462L24.3496 20.3016L24.3715 11.3688L21.3223 13.9147L19.0629 15.8462ZM20.0939 18.1946L18.1635 16.5485L16.4305 18.019C16.2111 18.1946 15.8382 18.1946 15.6188 17.997L13.8859 16.5704L12.5039 17.7556C11.0999 18.9627 9.65212 20.0601 8.27012 21.3112H23.8012L20.0939 18.1946Z" fill="%23FEFEFF"/%3E%3C/svg%3E'); }
.xc-footer__contact li.contact-address::before { background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M32 16C32 24.8352 24.8443 32 16.0137 32C7.18312 32 0 24.8571 0 16C0 7.14286 7.16115 0 15.9917 0C24.8223 0 32 7.16484 32 16ZM30.7753 16C30.7753 7.84615 24.1633 1.23077 16.0137 1.23077C7.86408 1.23077 1.27409 7.84615 1.27409 16C1.27409 24.1538 7.88605 30.7692 16.0357 30.7692C24.1853 30.7692 30.7753 24.1538 30.7753 16Z" fill="%23FEFEFF"/%3E%3Cpath d="M15.794 25.2528C13.6632 22.7692 10.0167 18.1758 9.46758 14.9451C9.31381 14.044 9.26988 13.033 9.46758 12.1539C10.1925 8.65936 13.5094 6.32969 16.9802 6.83518C20.9781 7.42859 23.702 11.5605 22.5158 15.3846C21.3955 19.3627 18.6057 22.1539 15.794 25.2528ZM19.1549 13.4945C19.1549 11.7583 17.749 10.3517 16.0136 10.3517C14.2783 10.3517 12.8724 11.7583 12.8724 13.4945C12.8724 15.2308 14.2783 16.6374 16.0136 16.6374C17.749 16.6374 19.1549 15.2308 19.1549 13.4945Z" fill="%23FEFEFF"/%3E%3C/svg%3E'); }

/* Menu Link - Icon mũi tên kép (Double Chevron) */
.xc-footer .ux-menu { padding: 0; margin: 0; }
.xc-footer .ux-menu-link { margin-bottom: 24px; }
.xc-footer .ux-menu-link a {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  transition: opacity 0.3s;
}
.xc-footer .ux-menu-link a::before {
  content: '»';
  display: inline-block;
  font-size: 20px;
  line-height: 1;
  color: #ffffff;
  margin-right: 8px;
  font-weight: 300;
}
.xc-footer .ux-menu-link a:hover { opacity: 0.7; }

/* Newsletter Form - Form nền mờ trong suốt, icon bao thư gửi đi */
.xc-footer .wpcf7 form { margin-bottom: 32px; }

.xc-footer .wpcf7 form p {
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 4px;
  overflow: hidden;
  height: 32px;
  margin-bottom: 0;
  padding-right: 8px;
}
.xc-footer .wpcf7 br {
  display: none !important;
}

.xc-footer .wpcf7-form-control-wrap {
  flex: 1;
  height: 100%;
}

.xc-footer .wpcf7 input[type="email"] {
  width: 100%;
  height: 100%;
  background: transparent !important;
  border: none !important;
  color: #ffffff !important;
  padding: 0 16px;
  margin: 0;
  font-size: 14px;
  font-family: 'Gilroy', sans-serif;
  box-shadow: none !important;
}
.xc-footer .wpcf7 input[type="email"]::placeholder {
  color: #ffffff;
  opacity: 0.8;
}
.xc-footer .wpcf7 input[type="email"]:focus {
  outline: none;
  box-shadow: none !important;
}

.xc-footer .wpcf7 input[type="submit"] {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-color: transparent !important;
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M4 4H20C21.1 4 22 4.9 22 6V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M22 6L12 13L2 6" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E') !important;
  background-size: 18px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  color: transparent !important;
  border: none !important;
  padding: 0;
  margin: 0;
  cursor: pointer;
  box-shadow: none !important;
  transition: opacity 0.3s;
}
.xc-footer .wpcf7 input[type="submit"]:hover {
  opacity: 0.8;
}
.xc-footer .wpcf7-spinner {
  display: none !important;
}

/* Social Icons - Theo chuẩn Figma: FB, IN, WeChat, WhatsApp, YT, Zalo */
.xc-footer__socials {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 16px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  align-items: center;
}
/* Override Flatsome's default .col-inner ul li margin-left: 1.3em */
.col-inner ul.xc-footer__socials li,
.xc-footer .col-inner ul.xc-footer__socials li { 
  margin: 0 !important; 
  padding: 0 !important;
}

/* Reorder to match Figma: FB(1), IN(2), WeChat(3), WhatsApp(4), YT(5), Zalo(6) */
.xc-footer__socials li.social-fb { order: 1; }
.xc-footer__socials li.social-in { order: 2; }
.xc-footer__socials li.social-tt { order: 3; } /* Mapped to WeChat */
.xc-footer__socials li.social-tw { order: 4; } /* Mapped to WhatsApp */
.xc-footer__socials li.social-yt { order: 5; }
.xc-footer__socials li.social-zl { order: 6; }

.xc-footer__socials li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #ffffff;
  transition: all 0.3s;
}
.xc-footer__socials li a:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.xc-footer__socials li a::before {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  background: linear-gradient(180deg, #077B4D 0%, #2C484E 100%);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}
.xc-footer__socials li.social-fb a::before { -webkit-mask-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.469h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.469h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/%3E%3C/svg%3E'); mask-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.469h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.469h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/%3E%3C/svg%3E'); }
.xc-footer__socials li.social-in a::before { -webkit-mask-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/%3E%3C/svg%3E'); mask-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/%3E%3C/svg%3E'); }
.xc-footer__socials li.social-yt a::before { -webkit-mask-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/%3E%3C/svg%3E'); mask-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/%3E%3C/svg%3E'); }
.xc-footer__socials li.social-zl a::before { -webkit-mask-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M21.822 10.158c0-4.646-4.502-8.411-10.057-8.411-5.553 0-10.055 3.765-10.055 8.411 0 4.644 4.502 8.409 10.055 8.409.771 0 1.521-.082 2.241-.233l3.665 2.106-.723-3.053c2.721-1.393 4.874-4.103 4.874-7.229zM10.187 13.918h-2.31V9.45H10.187v4.468zm-1.155-5.187c-.643 0-1.166-.523-1.166-1.167 0-.645.523-1.168 1.166-1.168.646 0 1.167.523 1.167 1.168 0 .644-.521 1.167-1.167 1.167zm7.399 5.187h-2.31v-2.385c0-.655-.436-1.01-1.013-1.01-.58 0-1.127.355-1.127 1.01v2.385h-2.311V9.45h2.311v.567c.396-.447 1.037-.733 1.73-.733 1.543 0 2.72 1.096 2.72 2.89v1.744z"/%3E%3C/svg%3E'); mask-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M21.822 10.158c0-4.646-4.502-8.411-10.057-8.411-5.553 0-10.055 3.765-10.055 8.411 0 4.644 4.502 8.409 10.055 8.409.771 0 1.521-.082 2.241-.233l3.665 2.106-.723-3.053c2.721-1.393 4.874-4.103 4.874-7.229zM10.187 13.918h-2.31V9.45H10.187v4.468zm-1.155-5.187c-.643 0-1.166-.523-1.166-1.167 0-.645.523-1.168 1.166-1.168.646 0 1.167.523 1.167 1.168 0 .644-.521 1.167-1.167 1.167zm7.399 5.187h-2.31v-2.385c0-.655-.436-1.01-1.013-1.01-.58 0-1.127.355-1.127 1.01v2.385h-2.311V9.45h2.311v.567c.396-.447 1.037-.733 1.73-.733 1.543 0 2.72 1.096 2.72 2.89v1.744z"/%3E%3C/svg%3E'); }
/* Tiktok Icon */
.xc-footer__socials li.social-tt a::before { -webkit-mask-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.95v7.45c-.01 2.21-.92 4.31-2.48 5.86-1.44 1.43-3.4 2.3-5.46 2.45-2.58.19-5.18-.75-7.04-2.51-1.7-1.62-2.73-3.92-2.65-6.32.06-2.22.97-4.32 2.52-5.87 1.54-1.54 3.65-2.43 5.82-2.5 1.53-.06 3.06.31 4.41 1.05V11.8c-.52-.3-1.11-.47-1.71-.5-1.16-.06-2.32.32-3.17 1.05-.98.84-1.55 2.1-1.51 3.39.04 1.34.69 2.6 1.74 3.39 1.14.86 2.64 1.16 4.02.82 1.4-.35 2.57-1.33 3.12-2.64.28-.66.42-1.37.4-2.09V.02h-1.89z"/%3E%3C/svg%3E'); mask-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.95v7.45c-.01 2.21-.92 4.31-2.48 5.86-1.44 1.43-3.4 2.3-5.46 2.45-2.58.19-5.18-.75-7.04-2.51-1.7-1.62-2.73-3.92-2.65-6.32.06-2.22.97-4.32 2.52-5.87 1.54-1.54 3.65-2.43 5.82-2.5 1.53-.06 3.06.31 4.41 1.05V11.8c-.52-.3-1.11-.47-1.71-.5-1.16-.06-2.32.32-3.17 1.05-.98.84-1.55 2.1-1.51 3.39.04 1.34.69 2.6 1.74 3.39 1.14.86 2.64 1.16 4.02.82 1.4-.35 2.57-1.33 3.12-2.64.28-.66.42-1.37.4-2.09V.02h-1.89z"/%3E%3C/svg%3E'); -webkit-mask-size: 16px; mask-size: 16px; }
/* Twitter Icon */
.xc-footer__socials li.social-tw a::before { -webkit-mask-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M23.643 4.937c-.835.37-1.732.62-2.675.733.962-.576 1.7-1.49 2.048-2.578-.9.534-1.897.922-2.958 1.13-.85-.904-2.06-1.47-3.4-1.47-2.572 0-4.658 2.086-4.658 4.66 0 .364.042.718.12 1.06-3.873-.195-7.304-2.05-9.602-4.868-.4.69-.63 1.49-.63 2.342 0 1.616.823 3.043 2.072 3.878-.764-.025-1.482-.234-2.11-.583v.06c0 2.257 1.605 4.14 3.737 4.568-.392.106-.803.162-1.227.162-.3 0-.593-.028-.877-.082.593 1.85 2.313 3.198 4.352 3.234-1.595 1.25-3.604 1.995-5.786 1.995-.376 0-.747-.022-1.112-.065 2.062 1.323 4.51 2.093 7.14 2.093 8.57 0 13.255-7.1 13.255-13.254 0-.2-.005-.402-.014-.602.91-.658 1.7-1.477 2.323-2.41z"/%3E%3C/svg%3E'); mask-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M23.643 4.937c-.835.37-1.732.62-2.675.733.962-.576 1.7-1.49 2.048-2.578-.9.534-1.897.922-2.958 1.13-.85-.904-2.06-1.47-3.4-1.47-2.572 0-4.658 2.086-4.658 4.66 0 .364.042.718.12 1.06-3.873-.195-7.304-2.05-9.602-4.868-.4.69-.63 1.49-.63 2.342 0 1.616.823 3.043 2.072 3.878-.764-.025-1.482-.234-2.11-.583v.06c0 2.257 1.605 4.14 3.737 4.568-.392.106-.803.162-1.227.162-.3 0-.593-.028-.877-.082.593 1.85 2.313 3.198 4.352 3.234-1.595 1.25-3.604 1.995-5.786 1.995-.376 0-.747-.022-1.112-.065 2.062 1.323 4.51 2.093 7.14 2.093 8.57 0 13.255-7.1 13.255-13.254 0-.2-.005-.402-.014-.602.91-.658 1.7-1.477 2.323-2.41z"/%3E%3C/svg%3E'); -webkit-mask-size: 16px; mask-size: 16px; }

/* ==========================================================================
   LIÊN HỆ VỚI CHÚNG TÔI (.xc-home-lien-he)
   ========================================================================== */
.xc-home-lien-he {
  background-color: #F8FFFC;
}
.xc-home-lien-he .xc-section-title::after {
  display: none !important;
}
.xc-home-lien-he .xc-section-title {
  text-align: center;
  color: #077B4D;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 40px;
}
.xc-home-lien-he .wpcf7 form {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: flex-end;
}
.xc-home-lien-he .wpcf7 form p {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: flex-end;
  width: 100%;
  margin: 0;
}
.xc-home-lien-he .wpcf7 br {
  display: none !important;
}
.xc-home-lien-he .wpcf7-form-control-wrap {
  flex: 1;
  min-width: 200px;
}
.xc-home-lien-he .wpcf7 input[type="text"],
.xc-home-lien-he .wpcf7 input[type="email"],
.xc-home-lien-he .wpcf7 input[type="tel"] {
  width: 100%;
  border: none !important;
  border-bottom: 1px solid #B0B0B0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 8px 0;
  color: #333;
}
.xc-home-lien-he .wpcf7 input[type="submit"] {
  background-color: #E8F5F1 !important;
  color: #0FA05F !important;
  border: 1px solid #0FA05F !important;
  border-radius: 4px;
  padding: 10px 24px 10px 16px;
  font-weight: 600;
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M4 2L8 6L4 10" stroke="%230FA05F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E') !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 12px !important;
  padding-right: 32px !important;
  cursor: pointer;
  box-shadow: none !important;
}
.xc-home-lien-he .wpcf7 input[type="submit"]:hover {
  opacity: 0.8;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
  .xc-footer > .section-content > .row > .col:first-child > .col-inner > .row {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }
  .xc-footer p.title {
    text-align: center;
    margin-top: 16px;
  }
  .xc-home-lien-he .wpcf7 form p {
    flex-direction: column;
    align-items: stretch;
  }
}

/* ==========================================================================
   VKI NEWS & EVENTS PAGE CUSTOM STYLES (.vki-news-events-page-wrapper)
   ========================================================================== */

.vki-news-events-page-wrapper {
  background-color: #FEFEFF;
  font-family: 'Gilroy', 'SVN-Gilroy', sans-serif;
  color: #2E3A5B;
  width: 100%;
  overflow-x: hidden;
}

.vki-news-events-page-wrapper a {
  text-decoration: none;
  transition: all 0.3s ease;
}

.vki-container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 64px;
  padding-right: 64px;
  box-sizing: border-box;
}

@media (max-width: 849px) {
  .vki-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* --- 1. HERO BANNER --- */
.vki-archive-hero {
  position: relative;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 302 / 111;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}



/* --- 2. BREADCRUMBS --- */
.vki-breadcrumbs-container {
  background-color: #F8FFFC;
  padding: 16px 0;
  border-bottom: 1px solid #ECEFF4;
}

.vki-breadcrumbs {
  font-family: 'Gilroy', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #8C94A5;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.vki-breadcrumbs a {
  color: #077B4D;
  font-weight: 600;
}

.vki-breadcrumbs a:hover {
  color: #0FA05F;
}

.vki-breadcrumbs-sep {
  margin: 0 8px;
  color: #B0B0B0;
  font-size: 12px;
}

.vki-breadcrumbs-current {
  color: #2E3A5B;
  font-weight: 400;
}

/* --- GLOBAL SECTION STYLES --- */
.vki-section {
  padding: 60px 0;
  position: relative;
}

.vki-section-title {
  font-family: 'SVN-Gilroy', 'Gilroy', sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 46.8px */
  letter-spacing: 0.72px;
  background: linear-gradient(180deg, #077B4D 0%, #2C484E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  padding-bottom: 24px;
  margin: 0 0 40px 0;
  display: inline-block;
  z-index: 1; /* Tạo stacking context để ::after không bị chìm xuống dưới nền trang */
  isolation: isolate; /* Ngăn chặn ::after lặn xuống dưới background của thẻ cha/ông */
}


.vki-section-title::after {
  content: '';
  position: absolute;
  bottom: 22px; /* Cao hẳn lên chồng lên phần dưới của chữ làm highlight */
  left: 0;
  width: 201px;
  height: 19px;
  background: linear-gradient(270deg, rgba(15, 160, 95, 0.20) 0%, rgba(230, 243, 237, 0.00) 100%);
  z-index: -1; /* Nằm dưới chữ để không đè lên nét chữ */
}





/* --- 3. NEWS SECTION --- */
.vki-section-news {
  background-color: #ffffff;
}

.vki-news-grid-main {
  display: grid;
  grid-template-columns: 1.6fr 1.4fr;
  gap: 40px;
  margin-bottom: 40px;
}

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

/* --- FEATURED CARD (LEFT) --- */
.vki-featured-post-card {
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #ECEFF4;
  box-shadow: 0 4px 20px rgba(7, 123, 77, 0.03);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.vki-featured-post-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(7, 123, 77, 0.07);
  border-color: #DDF0E7;
}

.vki-featured-thumb-link {
  display: block;
  width: 100%;
  overflow: hidden;
}

.vki-featured-thumb {
  height: 360px;
  background-size: cover;
  background-position: center;
  transition: transform 0.5s ease;
}

.vki-featured-post-card:hover .vki-featured-thumb {
  transform: scale(1.02);
}

.vki-featured-content {
  padding: 28px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.vki-post-badge, .vki-sidebar-badge, .vki-card-badge {
  display: inline-block;
  align-self: flex-start;
  background-color: #E8F5F1;
  color: #0FA05F;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 4px;
  text-transform: uppercase;
  margin-bottom: 14px;
  letter-spacing: 0.5px;
}

.vki-featured-title {
  font-size: 24px;
  font-weight: 800;
  line-height: 1.35;
  margin: 0 0 12px 0;
  font-family: 'Gilroy', sans-serif;
}

.vki-featured-title a {
  color: #2E3A5B;
}

.vki-featured-title a:hover {
  color: #0FA05F;
}

.vki-post-date {
  font-size: 13px;
  color: #8C94A5;
  margin-bottom: 16px;
  display: block;
}

.vki-featured-excerpt {
  font-size: 15px;
  color: #5A647A;
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 767px) {
  .vki-featured-thumb {
    height: 240px;
  }
  .vki-featured-content {
    padding: 20px;
  }
  .vki-featured-title {
    font-size: 20px;
  }
}

/* --- SIDEBAR LIST (RIGHT) --- */
.vki-news-sidebar-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.vki-sidebar-news-item {
  display: flex;
  gap: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ECEFF4;
}

.vki-sidebar-news-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.vki-sidebar-thumb-link {
  display: block;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
}

.vki-sidebar-thumb {
  width: 150px;
  height: 105px;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
}

.vki-sidebar-news-item:hover .vki-sidebar-thumb {
  transform: scale(1.04);
}

.vki-sidebar-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.vki-sidebar-badge {
  font-size: 10px;
  padding: 2px 8px;
  margin-bottom: 8px;
}

.vki-sidebar-title {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  margin: 0 0 6px 0;
  font-family: 'Gilroy', sans-serif;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.vki-sidebar-title a {
  color: #2E3A5B;
}

.vki-sidebar-title a:hover {
  color: #0FA05F;
}

.vki-sidebar-date {
  font-size: 12px;
  color: #8C94A5;
}

@media (max-width: 575px) {
  .vki-sidebar-news-item {
    gap: 16px;
  }
  .vki-sidebar-thumb {
    width: 110px;
    height: 80px;
  }
  .vki-sidebar-title {
    font-size: 14px;
  }
}

/* --- BOTTOM GRID --- */
.vki-news-grid-bottom {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 40px;
}

@media (max-width: 991px) {
  .vki-news-grid-bottom {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 650px) {
  .vki-news-grid-bottom {
    grid-template-columns: 1fr;
  }
}

.vki-news-card {
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #ECEFF4;
  box-shadow: 0 4px 16px rgba(7, 123, 77, 0.02);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  padding-bottom: 60px; /* Space for the bottom arrow button */
}

.vki-news-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(7, 123, 77, 0.06);
  border-color: #DDF0E7;
}

.vki-card-thumb-link {
  display: block;
  width: 100%;
  overflow: hidden;
}

.vki-card-thumb {
  height: 200px;
  background-size: cover;
  background-position: center;
  transition: transform 0.5s ease;
}

.vki-news-card:hover .vki-card-thumb {
  transform: scale(1.03);
}

.vki-card-content {
  padding: 24px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.vki-card-badge {
  font-size: 10px;
  padding: 2px 8px;
  margin-bottom: 10px;
}

.vki-card-title {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4;
  margin: 0 0 8px 0;
  font-family: 'Gilroy', sans-serif;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.vki-card-title a {
  color: #2E3A5B;
}

.vki-card-title a:hover {
  color: #0FA05F;
}

.vki-card-date {
  font-size: 12px;
  color: #8C94A5;
  margin-bottom: 12px;
  display: block;
}

.vki-card-excerpt {
  font-size: 14px;
  color: #5A647A;
  line-height: 1.5;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.vki-card-arrow-btn {
  position: absolute;
  right: 24px;
  bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  transition: transform 0.3s ease;
}

.vki-card-arrow-btn svg {
  width: 100%;
  height: 100%;
}

.vki-news-card:hover .vki-card-arrow-btn {
  transform: translateX(4px);
}

/* --- 4. EVENTS SECTION --- */
.vki-section-events {
  background-color: #F3FAF7;
  padding: 70px 0;
}

.vki-events-carousel-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  position: relative;
  margin-bottom: 40px;
}

.vki-carousel-nav-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  flex-shrink: 0;
}

.vki-carousel-nav-btn svg {
  transition: all 0.3s ease;
}

.vki-carousel-nav-btn:hover {
  transform: scale(1.08);
  opacity: 0.9;
}


@media (max-width: 849px) {
  .vki-carousel-nav-btn {
    display: none !important; /* Hide arrows on mobile and tablet, user swipes/clicks thumbs */
  }
}

.vki-event-main-card {
  display: block;
  background: lightgray;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  width: 100%;
  max-width: 1088px;
  margin: 0 auto;
  aspect-ratio: 64 / 35;
  opacity: 1;
  transition: opacity 0.3s ease;
}

.vki-event-main-card.vki-fading {
  opacity: 0;
}

.vki-event-banner-wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 8px;
}

.vki-event-banner-img {
  width: 100%;
  height: 100%;
  background-size: 100% 102.857%;
  background-position: 0px 0.13px;
  background-repeat: no-repeat;
  border-radius: 8px;
}

@media (max-width: 991px) {
  .vki-event-main-card {
    /* Keep the perfect aspect ratio on smaller screens */
    aspect-ratio: 64 / 35;
  }
}

/* --- THUMBNAILS (BELOW) --- */
.vki-events-thumbnails {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 30px;
  overflow-x: auto;
  padding-bottom: 10px;
}

.vki-event-thumb-item {
  display: block;
  padding: 3px;
  background: lightgray;
  border: 1.5px solid #EBF5F0;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 338px;
  aspect-ratio: 321 / 170;
  flex-shrink: 0;
  box-sizing: border-box;
  overflow: hidden;
}

.vki-event-thumb-item:hover {
  border-color: #0FA05F;
  transform: translateY(-2px);
}

.vki-event-thumb-item.active {
  border-color: #0FA05F;
  background-color: #E8F5F1;
  box-shadow: 0 4px 15px rgba(7, 123, 77, 0.1);
}

.vki-event-thumb-img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background-size: 100% 100%;
  background-position: 0.051px 0.044px;
  background-repeat: no-repeat;
}



/* --- 5. CONTACT SECTION --- */
.vki-section-contact {
  position: relative;
  padding: 80px 0;
  background-image: url('https://images.unsplash.com/photo-1590486803833-1c5dc8ddd4c8?auto=format&fit=crop&w=1200&q=80');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.vki-contact-bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(44, 72, 78, 0.96) 0%, rgba(7, 123, 77, 0.9) 100%);
  mix-blend-mode: multiply;
  z-index: 1;
}

.vki-contact-grid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 50px;
  position: relative;
  z-index: 2;
  align-items: center;
}

@media (max-width: 991px) {
  .vki-contact-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

/* --- MAP GRAPHIC --- */
.vki-contact-visual {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 400px;
}

@media (max-width: 991px) {
  .vki-contact-visual {
    display: none;
  }
}

.vki-map-container {
  width: 100%;
  height: 100%;
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 800 400" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M100 150 C200 80, 300 220, 450 120 C550 220, 650 40, 720 180" stroke="rgba(255,255,255,0.18)" stroke-width="2.5" stroke-dasharray="10 10"/%3E%3C/svg%3E');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.vki-map-marker {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vki-map-marker.marker-1 {
  top: 25%;
  left: 35%;
}

.vki-map-marker.marker-2 {
  top: 55%;
  left: 68%;
}

.vki-marker-pin {
  width: 16px;
  height: 16px;
  background-color: #FFF68A;
  border-radius: 50%;
  border: 3.5px solid #ECB928;
  z-index: 2;
  box-shadow: 0 0 15px rgba(236,185,40,0.6);
}

.vki-marker-pulse {
  position: absolute;
  width: 44px;
  height: 44px;
  background-color: rgba(236,185,40,0.45);
  border-radius: 50%;
  animation: vkiMarkerPulse 2.2s infinite ease-out;
  z-index: 1;
}

@keyframes vkiMarkerPulse {
  0% {
    transform: scale(0.4);
    opacity: 1;
  }
  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}

/* --- GLASSMORPHISM FORM CARD --- */
.vki-contact-form-card {
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 16px;
  padding: 40px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.18);
  width: 100%;
  box-sizing: border-box;
}

.vki-form-card-title {
  font-family: 'Gilroy', sans-serif;
  font-size: 28px;
  font-weight: 800;
  color: #FFF68A !important;
  margin: 0 0 12px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.vki-form-card-subtitle {
  font-family: 'Gilroy', sans-serif;
  font-size: 15px;
  color: rgba(254, 254, 255, 0.85) !important;
  line-height: 1.5;
  margin: 0 0 28px 0;
}

.vki-cf-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.vki-form-row {
  display: flex;
  gap: 20px;
}

@media (max-width: 575px) {
  .vki-form-row {
    flex-direction: column;
    gap: 20px;
  }
}

.vki-form-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}

.vki-form-label {
  font-family: 'Gilroy', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #FEFEFF;
}

.vki-form-control {
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.5) !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  font-size: 14.5px !important;
  color: #2C484E !important;
  font-family: 'Gilroy', sans-serif !important;
  width: 100% !important;
  box-sizing: border-box !important;
  transition: all 0.3s ease;
  box-shadow: none !important;
}

.vki-form-control::placeholder {
  color: #8C94A5 !important;
  opacity: 0.7;
}

.vki-form-control:focus {
  background: #ffffff !important;
  border-color: #FFF68A !important;
  outline: none !important;
  box-shadow: 0 0 12px rgba(255, 246, 138, 0.35) !important;
}

textarea.vki-form-control {
  resize: vertical;
}

.vki-form-submit-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: linear-gradient(90deg, #FBE976 0%, #ECB928 26%, #FFF68A 44%, #ECB928 58%, #FFCF45 79%, #FFF68A 100%);
  color: #2E3A5B !important;
  font-weight: 700;
  font-size: 16px;
  border: none !important;
  padding: 14px 28px !important;
  border-radius: 8px !important;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: 'Gilroy', sans-serif;
  text-transform: uppercase;
  width: 100%;
  box-shadow: 0 4px 15px rgba(236, 185, 40, 0.25);
  margin-top: 10px;
}

.vki-form-submit-btn:hover {
  opacity: 0.95;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(236, 185, 40, 0.35);
}

.vki-form-submit-btn svg {
  transition: transform 0.3s ease;
}

.vki-form-submit-btn:hover svg {
  transform: translateX(4px);
}

@media (max-width: 767px) {
  .vki-contact-form-card {
    padding: 28px 20px;
  }
  .vki-form-card-title {
    font-size: 24px;
  }
}

/* ==========================================================================
   DICH VU HERO SECTION (.xc-dich-vu-hero)
   ========================================================================== */
.xc-dich-vu-hero,
.xc-dich-vu-bdscn-hero {
  padding-top: 80px !important;
  padding-bottom: 0 !important;
  max-width: 1440px;
  margin: 0 auto;
  min-height: 700px;
  display: flex;
  flex-direction: column;
}
.xc-dich-vu-hero .section-content,
.xc-dich-vu-bdscn-hero .section-content {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.xc-dich-vu-hero .row,
.xc-dich-vu-bdscn-hero .row {
  max-width: 1440px !important;
}

.xc-dich-vu-hero h2,
.xc-dich-vu-bdscn-hero h2 {
  text-align: center;
  font-family: 'Gilroy', sans-serif;
  font-size: 55px;
  font-style: normal;
  font-weight: 800;
  line-height: 80px;
  text-transform: uppercase;
  background: linear-gradient(180deg, #077B4D 0%, #2C484E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 10px;
}

.xc-dich-vu-hero .lead,
.xc-dich-vu-bdscn-hero .lead {
  color: #18272B;
  text-align: center;
  font-family: 'Gilroy', sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}

.xc-dich-vu-hero .row:nth-of-type(2),
.xc-dich-vu-bdscn-hero .row:nth-of-type(2) {
  border-radius: 16px 16px 0 0;
  background: linear-gradient(270deg, #077B4D 0%, #2C484E 100%);
  padding: 40px;
  margin-top: auto;
}

.xc-dich-vu-hero .row:nth-of-type(2) h3,
.xc-dich-vu-bdscn-hero .row:nth-of-type(2) h3 {
  color: #FEFEFF;
  text-align: justify;
  font-family: 'Gilroy', sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 0.72px;
  margin-bottom: 0;
}

.xc-dich-vu-hero .row:nth-of-type(2) p,
.xc-dich-vu-bdscn-hero .row:nth-of-type(2) p {
  color: #FEFEFF;
  text-align: justify;
  font-family: 'Gilroy', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 0;
}

@media (max-width: 849px) {
  .xc-dich-vu-hero h2,
  .xc-dich-vu-bdscn-hero h2 {
    font-size: 36px;
    line-height: 1.3;
  }
  .xc-dich-vu-hero .lead,
  .xc-dich-vu-bdscn-hero .lead {
    font-size: 20px;
  }
  .xc-dich-vu-hero .row:nth-of-type(2),
  .xc-dich-vu-bdscn-hero .row:nth-of-type(2) {
    padding: 24px;
  }
  .xc-dich-vu-hero .row:nth-of-type(2) h3,
  .xc-dich-vu-bdscn-hero .row:nth-of-type(2) h3 {
    font-size: 28px;
    margin-bottom: 15px;
  }
}

/* ==========================================================================
   DICH VU LIST SECTION (.xc-dich-vu-list-dich-vu)
   ========================================================================== */
.xc-dich-vu-list-dich-vu {
  padding-top: 30px;
  padding-bottom: 30px;
}

/* Box Layout: Image left, text right */
.xc-dich-vu-list-dich-vu .box-dich-vu {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 64px;
  background: transparent;
  margin-bottom: 40px;
}
.xc-dich-vu-list-dich-vu .box-dich-vu .box-image {
  flex: 1;
  width: 50%;
  margin: 0;
  border-radius: 16px;
  overflow: hidden;
}
.xc-dich-vu-list-dich-vu .box-dich-vu .box-image img {
  width: 638px;
  height: 360px;
  max-width: 100%;
  aspect-ratio: 140/79;
  object-fit: cover;
  display: block;
}
.xc-dich-vu-list-dich-vu .box-dich-vu .box-text {
  flex: 1;
  width: 50%;
  padding: 0;
  text-align: left;
  background: transparent;
}
.xc-dich-vu-list-dich-vu .box-dich-vu .box-text-inner {
  padding: 0;
}

/* H4 Styling */
.xc-dich-vu-list-dich-vu .box-dich-vu h4 {
  font-family: 'Gilroy', sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 46.8px */
  letter-spacing: 0.72px;
  margin-bottom: 24px;
  padding-bottom: 16px;
  text-align: left;
  background: linear-gradient(180deg, #077B4D 0%, #2C484E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  position: relative;
}
.xc-dich-vu-list-dich-vu .box-dich-vu h4::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 640px;
  height: 1px;
  background: linear-gradient(180deg, #077B4D 0%, #2C484E 100%);
}

/* P Styling */
.xc-dich-vu-list-dich-vu .box-dich-vu p {
  max-width: 630px;
  color: #000;
  text-align: justify;
  font-family: 'Gilroy', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 24px;
}

/* UL and LI Styling */
.xc-dich-vu-list-dich-vu .box-dich-vu ul {
  list-style: none;
  padding: 0;
  margin: 0 0 32px 0;
}
.xc-dich-vu-list-dich-vu .box-dich-vu ul li {
  color: #18272B;
  text-align: justify;
  font-family: 'Gilroy', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 120% */
  margin-bottom: 16px;
  margin-left: 0 !important;
  position: relative;
  padding-left: 56px; /* space for the 45px icon */
  display: flex;
  align-items: center;
  min-height: 45px;
}
.xc-dich-vu-list-dich-vu .box-dich-vu ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 45px;
  height: 45px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' viewBox='0 0 45 45' fill='none'%3E%3Ccircle cx='22.1468' cy='22.1473' r='21.6468' stroke='url(%23paint0_linear_1716_6600)'/%3E%3Cpath d='M21.6484 11.7656C21.9059 11.5082 22.3181 11.511 22.5684 11.7637L22.5713 11.7656L31.9141 21.1045C32.1713 21.3621 32.1688 21.7743 31.916 22.0244L31.9141 22.0264L22.5703 31.3691C22.3127 31.6266 21.9006 31.624 21.6504 31.3711L20.582 30.3027C20.3246 30.0453 20.3288 29.6222 20.5937 29.3682L20.5928 29.3672L26.3838 23.8516L27.2881 22.9902H12.2256C11.8627 22.9901 11.5725 22.6997 11.5723 22.3369V20.7988C11.5723 20.4358 11.8626 20.1456 12.2256 20.1455H27.2881L26.3838 19.2832L20.5918 13.7656V13.7646L20.5039 13.6631C20.3272 13.4092 20.3527 13.059 20.5801 12.834L20.582 12.833L21.6484 11.7656Z' fill='url(%23paint1_linear_1716_6600)' stroke='url(%23paint2_linear_1716_6600)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1716_6600' x1='22.1468' y1='0' x2='22.1468' y2='44.2942' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_1716_6600' x1='21.8393' y1='11.0732' x2='21.8393' y2='32.0618' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_1716_6600' x1='21.8393' y1='11.0732' x2='21.8393' y2='32.0618' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* Button with Gradient Outline */
.xc-dich-vu-list-dich-vu .box-dich-vu .button {
  background: transparent !important;
  border-radius: 8px !important;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 32px;
  z-index: 1;
  box-shadow: none !important;
  border: 1.5px solid transparent !important;
  margin: 0;
  text-transform: none !important;
  gap: 8px;
}
.xc-dich-vu-list-dich-vu .box-dich-vu .button::after {
  content: "\f105";
  font-family: "fl-icons";
  font-size: 16px;
  background: linear-gradient(180deg, #077B4D 0%, #2C484E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 700;
}
.xc-dich-vu-list-dich-vu .box-dich-vu .button::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 8px;
  padding: 1.5px; /* border thickness */
  background: linear-gradient(180deg, #077B4D 0%, #2C484E 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
.xc-dich-vu-list-dich-vu .box-dich-vu .button span {
  font-family: 'Gilroy', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  background: linear-gradient(180deg, #077B4D 0%, #2C484E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0;
}

/* Breadcrumbs Styling */
.rank-math-breadcrumb {
  margin-bottom: 24px;
}
.rank-math-breadcrumb p,
.rank-math-breadcrumb a,
.rank-math-breadcrumb span {
  color: #18272B !important;
  text-align: justify;
  font-family: 'Gilroy', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.rank-math-breadcrumb .last {
  font-weight: 700;
}

/* Responsive */
@media (max-width: 849px) {
  .xc-dich-vu-list-dich-vu .box-dich-vu {
    flex-direction: column;
    gap: 32px;
  }
  .xc-dich-vu-list-dich-vu .box-dich-vu .box-image,
  .xc-dich-vu-list-dich-vu .box-dich-vu .box-text {
    width: 100%;
  }
  .xc-dich-vu-list-dich-vu .box-dich-vu h4 {
    font-size: 28px;
  }
}

/* ==========================================================================
   DICH VU CONTENT SECTION (.xc-dich-vu-content)
   ========================================================================== */
.xc-dich-vu-content h1 {
  font-family: 'Gilroy', sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 46.8px */
  letter-spacing: 0.72px;
  background: linear-gradient(180deg, #077B4D 0%, #2C484E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 24px;
}
.xc-dich-vu-content .lead {
  color: #FEFEFF;
  font-family: 'Gilroy', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  text-transform: capitalize;
  margin-bottom: 8px;
}
.xc-dich-vu-content h2 {
  color: #FEFEFF;
  font-family: 'Gilroy', sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 0.72px;
  margin-bottom: 24px;
}
.xc-dich-vu-content p:not(.lead) {
  color: #18272B;
  text-align: justify;
  font-family: 'Gilroy', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 16px;
}
.xc-dich-vu-content p:not(.lead) strong {
  font-weight: 700;
}

/* Row 1 / Content Row specific styling */
.xc-dich-vu-content .row:nth-of-type(3) {
  align-items: center;
  margin-bottom: 60px;
}
.xc-dich-vu-content .row:nth-of-type(3) > .col:nth-child(1) {
  padding-right: 0 !important;
}
.xc-dich-vu-content .row:nth-of-type(3) > .col:nth-child(2) {
  padding-left: 0 !important;
}

.xc-dich-vu-content .row:nth-of-type(3) > .col:nth-child(1) .col-inner {
  border-radius: 0 8px 8px 8px;
  background: linear-gradient(90deg, #077B4D 0%, #2C484E 100%);
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.xc-dich-vu-content .row:nth-of-type(3) .col:nth-child(2) .img-inner,
.xc-dich-vu-content .row:nth-of-type(4) .col:nth-child(2) .img-inner {
  border-radius: 8px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  overflow: hidden;
  max-width: 528px;
  margin: 0 auto;
}
.xc-dich-vu-content .row:nth-of-type(3) .col:nth-child(2) img,
.xc-dich-vu-content .row:nth-of-type(4) .col:nth-child(2) img {
  border-radius: 8px;
  width: 100%;
  height: 599px;
  object-fit: cover;
  display: block;
}

.xc-dich-vu-content .row:nth-of-type(3) > .col:nth-child(3) .col-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.xc-dich-vu-content .row:nth-of-type(3) .col:nth-child(3) .button {
  align-self: flex-end;
  margin-top: 16px;
}

/* Custom Button for Content Section */
.xc-dich-vu-content .button {
  background-color: #fff !important;
  border-radius: 4px !important;
  border: 1px solid #077B4D !important;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 18px !important;
  z-index: 1;
  box-shadow: none !important;
  margin: 0;
  text-transform: none !important;
  gap: 8px;
}
.xc-dich-vu-content .button::after {
  content: "\f105";
  font-family: "fl-icons";
  font-size: 16px;
  background: linear-gradient(180deg, #077B4D 0%, #2C484E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 700;
}
.xc-dich-vu-content .button span {
  font-family: 'Gilroy', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  background: linear-gradient(180deg, #077B4D 0%, #2C484E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0;
}

/* Row 2 (Marketing) / Content Row 2 specific styling */
.xc-dich-vu-content .row:nth-of-type(4) {
  align-items: center;
}
.xc-dich-vu-content .row:nth-of-type(4) > .col:nth-child(2) {
  padding-right: 0 !important;
}
.xc-dich-vu-content .row:nth-of-type(4) > .col:nth-child(3) {
  padding-left: 0 !important;
}

.xc-dich-vu-content .row:nth-of-type(4) > .col:nth-child(3) .col-inner {
  border-radius: 0 8px 8px 8px;
  background: linear-gradient(90deg, #077B4D 0%, #2C484E 100%);
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.xc-dich-vu-content .row:nth-of-type(4) > .col:nth-child(1) .col-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.xc-dich-vu-content .row:nth-of-type(4) .col:nth-child(1) .button {
  align-self: flex-start;
  margin-top: 16px;
}

/* Force image column to exact width and ensure it stays on top for shadow casting */
.xc-dich-vu-content .row:nth-of-type(3) > .col:nth-child(2),
.xc-dich-vu-content .row:nth-of-type(4) > .col:nth-child(2) {
  z-index: 10;
}

@media (min-width: 850px) {
  /* Green Box Columns */
  .xc-dich-vu-content .row:nth-of-type(3) > .col:nth-child(1),
  .xc-dich-vu-content .row:nth-of-type(4) > .col:nth-child(3) {
    max-width: 320px !important;
    flex-basis: 320px !important;
  }
  
  /* Image Columns */
  .xc-dich-vu-content .row:nth-of-type(3) > .col:nth-child(2),
  .xc-dich-vu-content .row:nth-of-type(4) > .col:nth-child(2) {
    max-width: 528px !important;
    flex-basis: 528px !important;
  }
  
  /* Text Columns */
  .xc-dich-vu-content .row:nth-of-type(3) > .col:nth-child(3),
  .xc-dich-vu-content .row:nth-of-type(4) > .col:nth-child(1) {
    max-width: 480px !important;
    flex-basis: 480px !important;
  }

  /* Auto margins to push the text column away and create the staggered gap */
  .xc-dich-vu-content .row:nth-of-type(3) > .col:nth-child(2) {
    margin-right: auto !important;
  }
  .xc-dich-vu-content .row:nth-of-type(4) > .col:nth-child(2) {
    margin-left: auto !important;
  }
}

/* Contact Hero Section */
.xc-contact-hero .contact-banner {
  text-align: center;
}
.xc-contact-hero .contact-banner img {
  width: 1442px;
  max-width: 100%;
  height: 525px;
  aspect-ratio: 206 / 75;
  object-fit: cover;
  margin: 0 auto;
  display: block;
}

.xc-contact-info h2 {
  display: block !important;
  text-align: left !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  text-indent: 0 !important;
  color: #2E3A5B;
  font-family: 'Gilroy', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 17px;
  margin-bottom: 24px;
}

.xc-contact-info h2::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  bottom: 0 !important;
  width: 456px !important;
  max-width: 100% !important;
  height: 2px !important;
  background-color: #077B4D !important;
  transform: none !important;
  margin: 0 !important;
}

/* Contact List */
.xc-contact-info .contact-list {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.xc-contact-info .contact-list li {
  list-style: none !important;
  margin-left: 0 !important;
}

/* Icons */
.xc-contact-info .icon-phone,
.xc-contact-info .icon-contact {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
  background-size: contain;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

/* Prevent Flatsome's default icon font from rendering and causing duplication */
.xc-contact-info .icon-phone::before,
.xc-contact-info .icon-contact::before {
  content: none !important;
  display: none !important;
}

.xc-contact-info .icon-phone {
  width: 32.005px;
  height: 32px;
  aspect-ratio: 32.01/32.00;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M32.0054 16C32.0054 24.8352 24.8443 32 16.0137 32C7.18309 32 0 24.8571 0 16C0 7.14286 7.16112 0 15.9917 0C24.8223 0 32.0054 7.16483 32.0054 16ZM30.7533 16C30.7533 7.84615 24.1413 1.25275 16.0137 1.25275C7.88602 1.25275 1.2521 7.86813 1.2521 16C1.2521 24.1319 7.86405 30.7473 15.9917 30.7473C24.1194 30.7473 30.7533 24.1538 30.7533 16Z' fill='%232E3A5B'/%3E%3Cpath d='M19.9885 19.2302C20.999 19.7577 22.1852 20.1533 23.0419 20.9005C23.7668 22.5489 22.5147 24.439 20.7793 24.7247C18.0335 25.1863 15.5293 23.7797 13.6621 21.9115C12.3222 20.5489 11.9048 19.8016 10.8724 18.1972C9.66422 16.3071 8.85145 14.2412 8.78555 11.9555C8.74162 10.5929 9.02718 9.18626 9.97175 8.2412C10.8504 7.36208 12.1464 6.98846 13.3107 7.27417C14.6726 7.60384 14.2552 8.7467 14.6506 11.0324C15.0241 13.3181 12.5199 13.428 12.7615 14.1972C13.2008 15.5819 15.8588 20.0214 16.8253 20.0214C17.5283 19.9994 18.0555 18.2412 19.9885 19.2302Z' fill='%232E3A5B'/%3E%3C/svg%3E");
}

.xc-contact-info .icon-contact {
  width: 31.983px;
  height: 32px;
  aspect-ratio: 31.98/32.00;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M31.9834 16C31.9834 24.823 24.8321 32 15.9917 32C7.17324 32 0 24.845 0 16C0 7.15501 7.15131 0 15.9917 0C24.8321 0.0219479 31.9834 7.17696 31.9834 16ZM30.7111 16C30.7111 7.85734 24.1082 1.27298 15.9917 1.27298C7.87521 1.27298 1.27231 7.87929 1.27231 16C1.27231 24.1207 7.87521 30.727 15.9917 30.727C24.1082 30.727 30.7111 24.1427 30.7111 16Z' fill='%232E3A5B'/%3E%3Cpath d='M25.3581 21.9702C25.1168 22.2336 24.7439 22.4092 24.3929 22.4092L8.88376 22.3872C8.20372 22.3872 7.54563 22.3433 6.90947 22.1897C6.55849 22.1019 6.51461 21.3337 6.69011 21.0484V11.1718C6.55849 10.7329 6.58042 10.2061 6.8656 9.85497C7.12883 9.5038 7.65531 9.67939 8.05017 9.67939L22.1553 9.65744H23.5154C23.998 9.65744 24.7 9.5477 25.1168 9.81107C25.5994 10.1183 25.38 10.8426 25.38 11.3035L25.3581 21.9702ZM20.7514 12.9277L23.4057 10.7329L22.1553 10.689L11.2529 10.7109L8.77407 10.8207L16.0351 16.8783L20.7514 12.9277ZM12.9639 15.8467L11.6478 14.6835L8.59858 12.1814C8.29147 11.9181 8.05017 11.5669 7.63337 11.4791V19.7974C7.63337 19.929 7.76499 20.1705 7.80886 20.1485C7.8308 20.1266 7.96243 20.0607 8.05017 19.9949L12.9639 15.8467ZM19.0623 15.8467L24.349 20.3022L24.3709 11.3694L21.3218 13.9153L19.0623 15.8467ZM20.0933 18.1952L18.1629 16.5491L16.4299 18.0196C16.2106 18.1952 15.8376 18.1952 15.6183 17.9976L13.8853 16.571L12.5033 17.7562C11.0993 18.9633 9.65154 20.0607 8.26954 21.3118H23.8006L20.0933 18.1952Z' fill='%232E3A5B'/%3E%3C/svg%3E");
}

/* Follow Social Icons */
.xc-contact-info .social-list {
  display: flex;
  align-items: center;
  gap: 16px;
  list-style: none !important;
  padding-left: 0;
  margin-bottom: 24px !important;
  flex-wrap: wrap;
}

.xc-contact-info .social-list li {
  list-style: none !important;
  margin-bottom: 0;
  margin-left: 0 !important;
}

.xc-contact-info .social-list li::before {
  content: none !important;
  display: none !important;
}

.xc-contact-info .social-list a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.xc-contact-info .social-list i {
  display: inline-block;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.xc-contact-info .social-list i::before {
  content: none !important;
  display: none !important;
}

.xc-contact-info p.lead {
  color: var(--Blue-50, #FEFEFF);
  font-family: 'Gilroy', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 16px; /* typical spacing, can be adjusted */
}

.xc-contact-info p.lead + p {
  max-width: 348px;
  color: var(--Blue-50, #FEFEFF);
  text-align: justify;
  font-family: 'Gilroy', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
  margin-bottom: 24px;
}

/* Contact Form */
.xc-contact-info-contact-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 24px;
}

.xc-contact-info-contact-form .form-row {
  width: 100%;
}

.xc-contact-info-contact-form .form-row-inline {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.xc-contact-info-contact-form .form-row-inline .form-col {
  flex: 1;
  min-width: calc(50% - 8px);
}

.xc-contact-info-contact-form input[type="text"],
.xc-contact-info-contact-form input[type="tel"],
.xc-contact-info-contact-form input[type="email"],
.xc-contact-info-contact-form textarea {
  width: 100%;
  border-radius: 8px !important;
  background: #FEFEFF !important;
  border: 1px solid #EAEAEA !important; /* fallback border if bg is white */
  color: #2E3A5B !important;
  font-family: 'Gilroy', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  padding: 18px 20px !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
}

.xc-contact-info-contact-form input::placeholder,
.xc-contact-info-contact-form textarea::placeholder {
  color: #2E3A5B;
  opacity: 0.7;
}

.xc-contact-info-contact-form textarea {
  height: 126px !important;
  resize: vertical;
}

.xc-contact-info-contact-form .form-submit-row {
  display: flex;
  justify-content: flex-start;
}

.xc-contact-info-contact-form input[type="submit"] {
  width: 205px !important;
  padding: 8px 18px !important;
  padding-right: 40px !important; /* Make room for arrow */
  border-radius: 4px !important;
  border: 1px solid #077B4D !important;
  
  /* Fallback */
  background: #FFF !important;
  color: #077B4D !important;

  /* Gradient Text Trick + SVG Arrow Background */
  background-image: 
    linear-gradient(270deg, #077B4D 0%, #2C484E 100%), 
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23077B4D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E"), 
    linear-gradient(#FFF, #FFF) !important;
  background-clip: text, padding-box, padding-box !important;
  -webkit-background-clip: text, padding-box, padding-box !important;
  background-position: center, right 24px center, center !important;
  background-size: auto, 16px 16px, auto !important;
  background-repeat: repeat, no-repeat, repeat !important;
  
  -webkit-text-fill-color: transparent !important;

  font-family: 'Gilroy', sans-serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 125% !important;
  cursor: pointer;
  margin-bottom: 0 !important;
  transition: all 0.3s ease;
  text-align: center !important;
}

.xc-contact-info-contact-form input[type="submit"]:hover {
  background-image: 
    none, 
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E"), 
    none !important;
  background-color: #077B4D !important;
  -webkit-text-fill-color: #FFF !important;
  color: #FFF !important;
}

.icon-social-1 {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M15.9922 0.5C24.5457 0.500258 31.4834 7.46242 31.4834 16V16.001C31.5047 24.558 24.5473 31.4997 15.9922 31.5C7.43843 31.5 0.5 24.5377 0.5 16C0.5 7.44118 7.4595 0.5 15.9922 0.5Z' fill='%23FEFEFF' stroke='url(%23paint0_linear_1716_9773)'/%3E%3Cpath d='M16.957 6.89453H19.9502V9.21289H18.2754C17.5075 9.21289 16.918 9.84127 16.918 10.5703V13.0928H19.8838L19.6865 15.4111H16.918V25.0811H13.9863V15.4111H12.0312V13.0928H14.0078V9.84473C14.008 8.2087 15.3224 6.89453 16.957 6.89453Z' fill='url(%23paint1_linear_1716_9773)' stroke='url(%23paint2_linear_1716_9773)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1716_9773' x1='15.9917' y1='0' x2='15.9917' y2='32' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_1716_9773' x1='15.9905' y1='6.39453' x2='15.9905' y2='25.5813' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_1716_9773' x1='15.9905' y1='6.39453' x2='15.9905' y2='25.5813' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.icon-social-2 {
  width: 31.983px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M15.9922 0.5C24.5457 0.500258 31.4834 7.46243 31.4834 16V16.001C31.5047 24.5364 24.5469 31.4997 15.9922 31.5C7.43843 31.5 0.5 24.5377 0.5 16C0.500007 7.44118 7.45951 0.5 15.9922 0.5Z' fill='%23FEFEFF' stroke='url(%23paint0_linear_1716_9778)'/%3E%3Cpath d='M20.8896 12.8086C21.9634 12.8086 22.8569 13.159 23.4863 13.8447C24.1197 14.5347 24.541 15.6254 24.541 17.21V22.9512H21.9385V17.627C21.9384 16.8453 21.8016 16.1128 21.4268 15.5625C21.0302 14.9804 20.4108 14.666 19.6152 14.666C18.3333 14.6662 17.5966 15.5426 17.2861 16.293L17.2822 16.3037L17.2783 16.3135C17.1585 16.6431 17.1387 17.0263 17.1387 17.3633V22.9512H14.5371C14.5405 21.1616 14.5736 15.0341 14.54 13.0723H17.1387V14.0049C17.0841 14.189 17.1443 14.3686 17.2461 14.4834C17.3479 14.5981 17.49 14.6543 17.6279 14.6543C17.8528 14.6542 18.0412 14.5084 18.1094 14.3066C18.3296 13.976 18.6105 13.621 19.0146 13.3398C19.4425 13.0424 20.0342 12.8086 20.8896 12.8086ZM11.4932 13.0723V22.9512H8.89062V13.0723H11.4932Z' fill='url(%23paint1_linear_1716_9778)' stroke='url(%23paint2_linear_1716_9778)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1716_9778' x1='15.9917' y1='0' x2='15.9917' y2='32' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_1716_9778' x1='16.716' y1='12.3086' x2='16.716' y2='23.4514' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_1716_9778' x1='16.716' y1='12.3086' x2='16.716' y2='23.4514' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.icon-social-3 {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M16 0.5C24.5604 0.5 31.5 7.43961 31.5 16C31.5 24.5604 24.5604 31.5 16 31.5C7.43961 31.5 0.5 24.5604 0.5 16C0.5 7.43961 7.43961 0.5 16 0.5Z' fill='%23FEFEFF' stroke='url(%23paint0_linear_1716_9786)'/%3E%3Cpath d='M11.9512 7.9668C15.3171 7.96698 18.0583 9.88035 18.8408 12.3633C14.9598 12.5042 11.721 15.2004 11.7207 18.6738C11.7207 19.026 11.7565 19.3713 11.8223 19.707C11.0713 19.6961 10.3484 19.5911 9.67383 19.4033H9.67285C9.51841 19.3595 9.35827 19.3619 9.20996 19.4053L9.06348 19.4629L8.06055 19.9736C7.85165 20.08 7.61816 19.8815 7.68945 19.6582L7.84375 19.1758C7.92758 18.9132 7.82323 18.6275 7.59082 18.4795H7.5918C5.88914 17.3891 4.83216 15.7007 4.83203 13.8389C4.83203 10.676 7.93191 7.9668 11.9512 7.9668ZM9.2998 10.1084C8.44864 10.1084 7.72966 10.7797 7.72949 11.6436C7.72949 12.5062 8.44768 13.1797 9.2998 13.1797C10.1511 13.1795 10.8701 12.5067 10.8701 11.6436C10.8699 10.7792 10.1502 10.1086 9.2998 10.1084ZM14.6016 10.1084C13.7495 10.1086 13.0324 10.7803 13.0322 11.6436C13.0322 12.5056 13.7486 13.1795 14.6016 13.1797C15.454 13.1797 16.1709 12.5058 16.1709 11.6436C16.1707 10.7801 15.4531 10.1084 14.6016 10.1084Z' fill='url(%23paint1_linear_1716_9786)' stroke='url(%23paint2_linear_1716_9786)'/%3E%3Cpath d='M19.4375 13.8281C22.8023 13.8281 25.373 16.0948 25.373 18.7109C25.3729 20.1568 24.6031 21.4803 23.3369 22.3896L23.0771 22.5664C22.8519 22.7099 22.7509 22.9872 22.832 23.2422L22.9639 23.6543C23.0024 23.776 22.8746 23.8842 22.7607 23.8262L21.9121 23.3936L21.7705 23.3379C21.6273 23.2973 21.4803 23.2994 21.3477 23.334L21.3389 23.3369C20.7439 23.5033 20.103 23.5938 19.4375 23.5938C16.0713 23.5936 13.5003 21.3278 13.5 18.7109C13.5 16.095 16.071 13.8283 19.4375 13.8281ZM17.1973 15.4824C16.4384 15.4825 15.793 16.0825 15.793 16.8564C15.7931 17.6312 16.4373 18.2334 17.1973 18.2334C17.9583 18.2334 18.6014 17.6312 18.6016 16.8564C18.6016 16.0825 17.9572 15.4824 17.1973 15.4824ZM21.6758 15.4824C20.916 15.4827 20.2725 16.0832 20.2725 16.8564C20.2726 17.6305 20.9149 18.2331 21.6758 18.2334C22.4372 18.2334 23.0799 17.6308 23.0801 16.8564C23.0801 16.0829 22.4361 15.4824 21.6758 15.4824Z' fill='url(%23paint3_linear_1716_9786)' stroke='url(%23paint4_linear_1716_9786)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1716_9786' x1='16' y1='0' x2='16' y2='32' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_1716_9786' x1='11.9064' y1='7.4668' x2='11.9064' y2='21.2503' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_1716_9786' x1='11.9064' y1='7.4668' x2='11.9064' y2='21.2503' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_1716_9786' x1='19.4365' y1='13.3281' x2='19.4365' y2='24.9729' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear_1716_9786' x1='19.4365' y1='13.3281' x2='19.4365' y2='24.9729' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.icon-social-4 {
  width: 31.983px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M15.9922 0.5C24.5457 0.500262 31.4834 7.46243 31.4834 16V16.001C31.5047 24.558 24.5473 31.4997 15.9922 31.5C7.43844 31.5 0.5 24.5377 0.5 16C0.500003 7.44118 7.45951 0.5 15.9922 0.5Z' fill='%23FEFEFF' stroke='url(%23paint0_linear_1716_9751)'/%3E%3Cpath d='M16.7598 6.08203C21.8011 6.08218 25.9241 10.1893 25.9033 15.2285V15.2305C25.9033 20.2952 21.7988 24.4004 16.7373 24.4004C15.2393 24.4004 13.7599 24.026 12.4248 23.3164L12.249 23.2227L12.0566 23.2764L8.01465 24.3965L8.00293 24.3994C7.99523 24.4 7.98539 24.4002 7.97266 24.4004C7.95945 24.4006 7.94572 24.4004 7.92871 24.4004C7.80038 24.4003 7.72284 24.3551 7.68652 24.3086L7.68164 24.3018L7.67578 24.2949C7.57807 24.1775 7.56043 24.0472 7.61914 23.9102L9.08691 20.6904L9.2002 20.4414L9.05176 20.2109C8.09445 18.7325 7.59375 17.0248 7.59375 15.252C7.59397 10.1874 11.6984 6.08203 16.7598 6.08203ZM16.7812 6.7959C12.1116 6.79601 8.30762 10.603 8.30762 15.2744C8.30763 16.9565 8.77906 18.5626 9.70508 19.9521L9.89648 20.2275C9.97343 20.3334 9.98619 20.4498 9.93555 20.5596L9.93457 20.5615L9.01172 22.583L8.56738 23.5566L9.59961 23.2725L12.2354 22.5479L12.2432 22.5449C12.2445 22.5448 12.2462 22.5451 12.248 22.5449C12.2557 22.5444 12.2656 22.5442 12.2783 22.5439C12.2915 22.5437 12.3052 22.5439 12.3223 22.5439C12.3558 22.544 12.4299 22.5591 12.5107 22.5986C13.8101 23.3371 15.2725 23.7305 16.7598 23.7305C21.4294 23.7303 25.2334 19.9234 25.2334 15.252C25.2332 10.5578 21.4499 6.7959 16.7812 6.7959Z' fill='url(%23paint1_linear_1716_9751)' stroke='url(%23paint2_linear_1716_9751)'/%3E%3Cpath d='M13.207 11.4912C13.4768 11.294 13.7491 11.2822 13.8721 11.3545L13.8828 11.3604L13.8926 11.3662C13.9707 11.4074 14.0664 11.506 14.1777 11.707C14.2957 11.9201 14.365 12.1119 14.4863 12.3682C14.561 12.5284 14.6287 12.6847 14.6719 12.8359C14.7156 12.9894 14.7247 13.1049 14.71 13.1885C14.6941 13.278 14.6476 13.3809 14.5615 13.5068C14.4739 13.6349 14.374 13.7479 14.2549 13.8906C14.1425 14.0191 14.0262 14.1975 14.0039 14.4277C13.9819 14.6564 14.0609 14.8522 14.1611 15.0078V15.0088C14.9827 16.3474 16.1183 17.3448 17.585 17.9365V17.9355C17.7267 17.9966 17.9121 18.0501 18.1191 18.0117C18.3428 17.9702 18.5021 17.8397 18.6133 17.71L18.6152 17.708C18.7003 17.6074 18.7757 17.492 18.8369 17.3945C18.9049 17.2863 18.9565 17.1991 19.0176 17.1074C19.1457 16.9151 19.2218 16.8513 19.2568 16.8359L19.2578 16.8369C19.3604 16.7949 19.4887 16.7916 19.6621 16.8428C19.751 16.869 19.8424 16.9065 19.9346 16.9521L20.2139 17.1084C20.3183 17.1753 20.4394 17.2435 20.54 17.3018C20.652 17.3666 20.7524 17.4266 20.8398 17.4883C21.0381 17.6282 21.0554 17.6996 21.0557 17.7012L21.0576 17.7129L21.0605 17.7246C21.0791 17.8175 21.0642 17.9561 20.999 18.1201C20.7944 18.6236 20.2216 19.0244 19.5967 19.1348L19.5908 19.1357C19.0393 19.2391 18.5766 19.0748 17.8867 18.8447C17.3382 18.6618 16.8025 18.3951 16.3018 18.082L16.2959 18.0781L15.9297 17.8428C15.0897 17.27 14.3455 16.5319 13.7422 15.71C13.534 15.4183 13.3449 15.1251 13.1543 14.8076C12.9124 14.3673 12.7061 13.9639 12.6143 13.5596L12.6094 13.5361L12.6016 13.5127L12.5732 13.4121C12.5496 13.3085 12.5391 13.1947 12.5391 13.0557C12.5391 12.4437 12.7611 11.8577 13.207 11.4912Z' fill='url(%23paint3_linear_1716_9751)' stroke='url(%23paint4_linear_1716_9751)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1716_9751' x1='15.9917' y1='0' x2='15.9917' y2='32' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_1716_9751' x1='16.7444' y1='5.58203' x2='16.7444' y2='24.9007' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_1716_9751' x1='16.7444' y1='5.58203' x2='16.7444' y2='24.9007' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_1716_9751' x1='16.8035' y1='10.8125' x2='16.8035' y2='19.6666' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear_1716_9751' x1='16.8035' y1='10.8125' x2='16.8035' y2='19.6666' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.icon-social-5 {
  width: 80.054px;
  height: 32.151px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='81' height='33' viewBox='0 0 81 33' fill='none'%3E%3Cpath d='M15.9922 0.5C24.5457 0.500259 31.4834 7.46242 31.4834 16C31.4834 24.5376 24.5457 31.4997 15.9922 31.5C7.43843 31.5 0.5 24.5377 0.5 16C0.5 7.44118 7.45951 0.5 15.9922 0.5Z' fill='%23FEFEFF' stroke='url(%23paint0_linear_1716_9759)'/%3E%3Cpath d='M10.8066 9.95117H21.4609C23.447 9.95125 25.0684 11.5737 25.0684 13.5615V18.5498C25.0684 20.5376 23.4471 22.1601 21.4609 22.1602H10.8066C8.82062 22.16 7.19922 20.5375 7.19922 18.5498V13.5615C7.19922 11.5738 8.82062 9.95135 10.8066 9.95117ZM14.833 12.9297C14.5912 12.7868 14.2927 12.7836 14.0547 12.9521C13.8308 13.1108 13.7334 13.3678 13.7334 13.6055V18.3965C13.7335 18.637 13.8402 18.8794 14.0439 19.0322C14.2632 19.1967 14.5618 19.226 14.8242 19.0752L14.8252 19.0771L19.0869 16.7471L19.0898 16.7451C19.3331 16.6098 19.489 16.3655 19.5049 16.0957C19.5211 15.8179 19.3846 15.5431 19.1172 15.3916H19.1182L14.834 12.9297H14.833Z' fill='url(%23paint1_linear_1716_9759)' stroke='url(%23paint2_linear_1716_9759)'/%3E%3Cpath d='M62.5742 0.331055H65.4102C69.2974 0.331055 71.5615 0.901564 73.5684 1.97754C75.4509 2.98691 76.9604 4.43191 78.0186 6.2627L78.2236 6.63379C79.2996 8.64061 79.8711 10.9039 79.8711 14.791V17.6152C79.8711 21.5025 79.2996 23.7666 78.2236 25.7734C77.1471 27.7811 75.5754 29.3647 73.5684 30.4287V30.4297C71.5615 31.5057 69.2974 32.0762 65.4102 32.0762H62.5859C58.6989 32.0762 56.4355 31.5056 54.4287 30.4297C52.4207 29.3531 50.8366 27.7808 49.7725 25.7734C48.6965 23.7666 48.126 21.5025 48.126 17.6152V14.791C48.126 10.9039 48.6965 8.64061 49.7725 6.63379C50.7817 4.75141 52.2262 3.24178 54.0566 2.18359L54.4287 1.97754C56.4233 0.901684 58.699 0.331055 62.5742 0.331055Z' fill='url(%23paint3_linear_1716_9759)' stroke='url(%23paint4_linear_1716_9759)' stroke-width='0.15'/%3E%3Cpath d='M62.6162 0.650391H65.4629C69.317 0.650391 71.5151 1.21544 73.4502 2.25293C75.3927 3.29451 76.9207 4.81173 77.9482 6.75L77.9492 6.75195C78.9867 8.68704 79.5518 10.885 79.5518 14.7393V17.5732C79.5518 21.4273 78.9867 23.6245 77.9492 25.5596C77.7905 25.8556 77.6189 26.1409 77.4385 26.417C74.824 28.0599 71.3525 28.9351 67.8145 29.0088C64.2367 29.0832 60.6434 28.3385 57.8613 26.8008L57.6338 26.6758L57.4014 26.7891C56.3231 27.3126 54.8689 27.6773 53.6074 27.6758C53.9743 27.1875 54.2696 26.6257 54.4395 26.0586C54.6717 25.2832 54.6994 24.4033 54.2354 23.7139L54.2207 23.6875L54.2021 23.6611L54.002 23.3848C51.9673 20.4917 51.0236 16.4523 51.2158 12.4834C51.4144 8.38406 52.8187 4.45397 55.3633 2.00098C55.4353 1.93158 55.5094 1.86366 55.584 1.7959C57.3016 1.05322 59.3754 0.650415 62.6162 0.650391Z' fill='%23FEFEFF' stroke='url(%23paint5_linear_1716_9759)'/%3E%3Cpath d='M60.6221 11.5684C60.5959 11.7009 60.5481 11.8204 60.4561 11.9561L60.4541 11.96L60.4453 11.9717C60.3952 12.0339 60.2977 12.1541 60.2422 12.2207L60.2354 12.2295L56.2178 17.2695L55.5713 18.0811H60.6621V18.2998C60.662 18.3046 60.66 18.3135 60.6504 18.3232C60.6405 18.3332 60.6308 18.335 60.626 18.335H55.2441C55.2516 18.2625 55.2613 18.2128 55.2734 18.1768C55.2923 18.1208 55.3192 18.0713 55.374 17.9912L59.6279 12.7217L60.2842 11.9072H55.4053V11.5684H60.6221Z' fill='url(%23paint6_linear_1716_9759)' stroke='url(%23paint7_linear_1716_9759)'/%3E%3Cpath d='M69.4873 11.5684V18.335H69.1484V11.5684H69.4873Z' fill='url(%23paint8_linear_1716_9759)' stroke='url(%23paint9_linear_1716_9759)'/%3E%3Cpath d='M64.5195 13.2949C65.9376 13.2949 67.0736 14.436 67.0635 15.835V15.8379C67.0635 17.2417 65.9234 18.3818 64.5195 18.3818C63.1159 18.3816 61.9766 17.2416 61.9766 15.8379C61.9768 14.4344 63.1161 13.2952 64.5195 13.2949ZM64.5195 13.5488C63.2577 13.5491 62.2307 14.5761 62.2305 15.8379C62.2305 17.0999 63.2575 18.1277 64.5195 18.1279C65.7961 18.1279 66.8096 17.0979 66.8096 15.8379C66.8093 14.5759 65.7816 13.5488 64.5195 13.5488Z' fill='url(%23paint10_linear_1716_9759)' stroke='url(%23paint11_linear_1716_9759)'/%3E%3Cpath d='M73.9424 13.2461C75.3582 13.2461 76.5105 14.3977 76.5107 15.8135C76.5107 17.2295 75.3583 18.3818 73.9424 18.3818C72.5265 18.3816 71.375 17.2294 71.375 15.8135C71.3752 14.3978 72.5267 13.2463 73.9424 13.2461ZM73.9424 13.5244C72.6682 13.5246 71.6406 14.5519 71.6406 15.8262C71.6407 17.1004 72.6682 18.1277 73.9424 18.1279C75.2167 18.1279 76.2441 17.1005 76.2441 15.8262C76.2441 14.5518 75.2168 13.5244 73.9424 13.5244Z' fill='url(%23paint12_linear_1716_9759)' stroke='url(%23paint13_linear_1716_9759)'/%3E%3Cpath d='M67.0781 13.4648V18.333H66.8594C66.854 18.3329 66.8436 18.3298 66.833 18.3193C66.8218 18.3082 66.8242 18.3028 66.8242 18.3096V13.4648H67.0781Z' fill='url(%23paint14_linear_1716_9759)' stroke='url(%23paint15_linear_1716_9759)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1716_9759' x1='15.9917' y1='0' x2='15.9917' y2='32' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_1716_9759' x1='16.1339' y1='9.45117' x2='16.1339' y2='22.66' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_1716_9759' x1='16.1339' y1='9.45117' x2='16.1339' y2='22.66' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_1716_9759' x1='63.9983' y1='32.151' x2='63.9983' y2='0.255859' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear_1716_9759' x1='63.9983' y1='0.255859' x2='63.9983' y2='32.151' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint5_linear_1716_9759' x1='65.3715' y1='0.150391' x2='65.3715' y2='29.5136' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint6_linear_1716_9759' x1='61.1621' y1='14.9518' x2='54.7344' y2='14.9518' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint7_linear_1716_9759' x1='57.9482' y1='11.0684' x2='57.9482' y2='18.8352' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint8_linear_1716_9759' x1='69.9875' y1='14.9518' x2='68.6484' y2='14.9518' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint9_linear_1716_9759' x1='69.318' y1='11.0684' x2='69.318' y2='18.8352' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint10_linear_1716_9759' x1='67.5635' y1='15.8383' x2='61.4766' y2='15.8383' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint11_linear_1716_9759' x1='64.52' y1='12.7949' x2='64.52' y2='18.8818' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint12_linear_1716_9759' x1='77.0105' y1='15.8139' x2='70.875' y2='15.8139' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint13_linear_1716_9759' x1='73.9428' y1='12.7461' x2='73.9428' y2='18.8817' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint14_linear_1716_9759' x1='67.5781' y1='15.8987' x2='66.3242' y2='15.8987' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint15_linear_1716_9759' x1='66.9512' y1='12.9648' x2='66.9512' y2='18.8326' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.icon-social-6 {
  width: 29.36px;
  height: 29.363px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M11.9248 0.5H14.7715C18.6256 0.5 20.8237 1.06505 22.7588 2.10254C24.7013 3.14412 26.2293 4.66134 27.2568 6.59961L27.2578 6.60156C28.2953 8.53665 28.8604 10.7346 28.8604 14.5889V17.4229C28.8604 21.2769 28.2953 23.4741 27.2578 25.4092C27.0991 25.7052 26.9274 25.9905 26.7471 26.2666C24.1326 27.9095 20.6611 28.7847 17.123 28.8584C13.5453 28.9329 9.95201 28.1881 7.16992 26.6504L6.94238 26.5254L6.70996 26.6387C5.63165 27.1622 4.17746 27.5269 2.91602 27.5254C3.28288 27.0372 3.57815 26.4754 3.74805 25.9082C3.98029 25.1329 4.00797 24.2529 3.54395 23.5635L3.5293 23.5371L3.51074 23.5107L3.31055 23.2344C1.27594 20.3413 0.332238 16.3019 0.524414 12.333C0.72295 8.23367 2.12733 4.30358 4.67188 1.85059C4.74385 1.78119 4.81804 1.71327 4.89258 1.64551C6.61024 0.902832 8.68403 0.500024 11.9248 0.5Z' fill='%23FEFEFF' stroke='url(%23paint0_linear_1716_9767)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1716_9767' x1='14.6801' y1='0' x2='14.6801' y2='29.3632' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23077B4D'/%3E%3Cstop offset='1' stop-color='%232C484E'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.xc-contact-info h5 {
  color: #2E3A5B;
  font-family: 'Gilroy', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 16px;
}

/* Contact List */
.xc-contact-info .contact-list {
  list-style-type: none !important;
  padding-left: 0;
  margin-bottom: 24px;
}

.xc-contact-info .contact-list li,
.xc-contact-info .contact-list .contact-item {
  list-style: none !important;
}

/* Force hide Flatsome's default list markers if any */
.xc-contact-info .contact-list li::before {
  content: none !important;
  display: none !important;
}

/* Flex layout with Flatsome wpautop handling */
.xc-contact-info .contact-list .contact-item {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #2E3A5B;
  font-family: 'Gilroy', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 16px;
}

/* If Flatsome wraps text in <p>, flex the <p> instead */
.xc-contact-info .contact-list .contact-item > p {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 !important;
  width: 100%;
}

/* Hide annoying <br> tags added by visual editor */
.xc-contact-info .contact-list .contact-item br {
  display: none !important;
}

/* Form Column Background & Padding */
.xc-contact-info .row > .col:last-child .col-inner {
  border-radius: 0 0 8px 0;
  padding-top: 148px !important;
  padding-bottom: 143px !important;
  padding-left: 66px !important;
  padding-right: 66px !important; /* Mình tự động thêm phải bằng trái để form không bị dính sát lề phải */
  
  /* Dùng center / cover thay vì pixel cứng để background tự động co giãn Responsive không bị lỗi */
  background-image: url("assets/images/bg-form.png"), linear-gradient(180deg, #077B4D 60.58%, rgba(44, 72, 78, 0.00) 100%);
  background-position: center top, center;
  background-size: cover, auto;
  background-repeat: no-repeat, no-repeat;
  background-blend-mode: multiply; /* Dùng background-blend-mode thay vì mix-blend-mode để chữ không bị trong suốt */
}

/* ==========================================================================
   DICH VU XAY XUONG HERO (.xc-dich-vu-xay-xuong-hero)
   ========================================================================== */
.xc-dich-vu-xay-xuong-hero {
  width: 100%;
  max-width: 1442px;
  height: auto;
  aspect-ratio: 302 / 111;
  background: url('https://vki.local/wp-content/uploads/2026/05/8e96fe538b0adc970e6e077d48425637f492266b.png') lightgray 50% / cover no-repeat;
  margin: 0 auto;
}
.xc-dich-vu-xay-xuong-hero img {
  display: none !important;
}

/* ==========================================================================
   DICH VU XAY XUONG CONTENT (.xc-dich-vu-xay-xuong-content)
   ========================================================================== */
.xc-dich-vu-xay-xuong-content .row {
  align-items: stretch;
}
.xc-dich-vu-xay-xuong-content .col {
  display: flex;
  flex-direction: column;
}
.xc-dich-vu-xay-xuong-content .col-inner {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* Headings */
.xc-dich-vu-xay-xuong-content h1 {
  font-family: 'Gilroy', sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 46.8px */
  letter-spacing: 0.72px;
  background: linear-gradient(180deg, #077B4D 0%, #2C484E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  margin-bottom: 24px;
}

.xc-dich-vu-xay-xuong-content h2 {
  font-family: 'Gilroy', sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 46.8px */
  letter-spacing: 0.72px;
  text-transform: capitalize;
  width: 100%;
  max-width: 517px;
  background: linear-gradient(180deg, #077B4D 0%, #2C484E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 24px;
}

/* All Images in Content */
.xc-dich-vu-xay-xuong-content .img {
  flex: 1;
  border-radius: 8px;
  overflow: hidden;
}
.xc-dich-vu-xay-xuong-content .img-inner {
  height: 100%;
}
.xc-dich-vu-xay-xuong-content .img-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Specific Image Aspect Ratios to dictate Row Height */
.xc-dich-vu-xay-xuong-content .row:nth-of-type(3) .img-inner {
  aspect-ratio: 752 / 396;
}
.xc-dich-vu-xay-xuong-content .row:nth-of-type(4) .img-inner {
  aspect-ratio: 640 / 460;
}
.xc-dich-vu-xay-xuong-content .row:nth-of-type(5) .img-inner {
  aspect-ratio: 640 / 443;
}

/* Content 1: Icon Box Top */
.xc-dich-vu-xay-xuong-content .icon-box.icon-box-top {
  border-radius: 8px;
  opacity: 0.9;
  background: linear-gradient(270deg, #077B4D 0%, #2C484E 100%);
  padding: 32px !important;
  flex: 1; /* Stretch to fill col-inner */
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.xc-dich-vu-xay-xuong-content .icon-box.icon-box-top h3 {
  color: #FEFEFF !important;
  font-family: 'Gilroy', sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 46.8px */
  letter-spacing: 0.72px;
  text-transform: capitalize;
}
.xc-dich-vu-xay-xuong-content .icon-box.icon-box-top p {
  color: #FEFEFF !important;
  text-align: justify;
  font-family: 'Gilroy', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
}

/* Content 2: Icon Box Left & Grey Box */
.xc-dich-vu-xay-xuong-content .col-inner:has(.icon-box-left) {
  border-radius: 8px;
  opacity: 0.9;
  background: #EAEDED;
  padding: 32px !important;
  justify-content: center; /* Since col-inner is now flex col */
}
.xc-dich-vu-xay-xuong-content .icon-box p {
  color: #18272B !important;
  text-align: justify;
  font-family: 'Gilroy', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
}

/* Content 3 Text & Button */
.xc-dich-vu-xay-xuong-content .row:nth-of-type(5) .col:first-child p {
  color: #18272B !important;
  text-align: justify;
  font-family: 'Gilroy', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
}
.xc-dich-vu-xay-xuong-content .button {
  align-self: flex-start;
}

/* ==========================================================================
   DICH VU XAY XUONG NANG LUC (.xc-dich-vu-xay-xuong-nang-luc)
   ========================================================================== */
.xc-dich-vu-xay-xuong-nang-luc {
  max-width: 1440px;
  margin: 0 auto;
}
.xc-dich-vu-xay-xuong-nang-luc .section-bg {
  background: linear-gradient(180deg, #077B4D 0%, #2C484E 100%);
}
.xc-dich-vu-xay-xuong-nang-luc .section-bg img.bg {
  opacity: 0.5;
  mix-blend-mode: multiply;
  object-fit: cover;
}

.xc-dich-vu-xay-xuong-nang-luc h2 {
  color: #FEFEFF !important;
  font-family: 'Gilroy', sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 46.8px */
  letter-spacing: 0.72px;
  text-align: left;
  margin-bottom: 40px;
}

.xc-dich-vu-xay-xuong-nang-luc .box-nang-luc {
  border-radius: 8px;
  background: lightgray;
  box-shadow: 0 0 8px -2px #00BF58;
  overflow: hidden;
  position: relative;
}

.xc-dich-vu-xay-xuong-nang-luc .box-nang-luc .box-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 23px 32px !important;
  background: rgba(15, 160, 95, 0.9) !important; /* #0FA05F with 0.9 opacity */
  border-radius: 0 0 8px 8px;
}

.xc-dich-vu-xay-xuong-nang-luc .box-nang-luc h4 {
  color: #FEFEFF !important;
  text-align: left !important;
  font-family: 'Gilroy', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}

/* ==========================================================================
   DICH VU XAY XUONG TAI SAO (.xc-dich-vu-xay-xuong-tai-sao)
   ========================================================================== */
.xc-dich-vu-xay-xuong-tai-sao .box-du-an {
  border-radius: 8px;
  background: lightgray;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.xc-dich-vu-xay-xuong-tai-sao .box-du-an .box-image {
  flex-shrink: 0;
}
.xc-dich-vu-xay-xuong-tai-sao .box-du-an .box-image img {
  width: 100%;
  aspect-ratio: 426 / 298;
  object-fit: cover;
}

.xc-dich-vu-xay-xuong-tai-sao .box-du-an .box-text {
  border-radius: 0 0 8px 8px;
  background: linear-gradient(270deg, #077B4D 0%, #2C484E 100%);
  padding: 24px 16px !important;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.xc-dich-vu-xay-xuong-tai-sao .box-du-an h4 {
  color: #FEFEFF !important;
  font-family: 'Gilroy', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 12px;
  text-align: left !important;
}

.xc-dich-vu-xay-xuong-tai-sao .box-du-an p {
  color: #F8FFFC !important;
  font-family: 'Gilroy', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 6px;
  text-align: left !important;
}
.xc-dich-vu-xay-xuong-tai-sao .box-du-an p:last-child {
  margin-bottom: 0;
}

.xc-dich-vu-xay-xuong-tai-sao h2 {
  background: linear-gradient(270deg, #077B4D 0%, #2C484E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ==========================================================================
   ACCORDION (.xc-dich-vu-xay-xuong-tai-sao .accordion)
   ========================================================================== */
.xc-dich-vu-xay-xuong-tai-sao .accordion {
  counter-reset: accordion-counter;
}

.xc-dich-vu-xay-xuong-tai-sao .accordion-item .accordion-title {
  display: flex !important;
  align-items: center;
  padding: 16px 24px !important;
  color: #2E3A5B !important;
  font-family: 'Gilroy', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
  text-decoration: none;
  background: transparent;
  transition: all 0.3s ease;
  border-radius: 0 8px 8px 0;
  border: none !important;
}

/* The number block */
.xc-dich-vu-xay-xuong-tai-sao .accordion-item .accordion-title::before {
  counter-increment: accordion-counter;
  content: counter(accordion-counter);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 4px;
  background: #0FA05F;
  color: #FEFEFF;
  font-family: 'Gilroy', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  margin-right: 16px;
}

/* Active State */
.xc-dich-vu-xay-xuong-tai-sao .accordion-item.active .accordion-title,
.xc-dich-vu-xay-xuong-tai-sao .accordion-title.active {
  background: linear-gradient(270deg, #2C484E 0%, #077B4D 100%) !important;
  color: #FEFEFF !important;
  line-height: 1.2 !important; /* 28.8px */
}

/* Hide Flatsome toggle arrow */
.xc-dich-vu-xay-xuong-tai-sao .accordion-title .toggle,
.xc-dich-vu-xay-xuong-tai-sao .accordion-title i {
  display: none !important;
}

/* ==========================================================================
   HO TRO DAU TU HERO (.xc-ho-tro-dau-tu-hero)
   ========================================================================== */
.xc-ho-tro-dau-tu-hero {
  width: 100%;
  max-width: 1442px;
  margin: 0 auto;
}
.xc-ho-tro-dau-tu-hero .img-inner {
  width: 100%;
  aspect-ratio: 302 / 111;
}
.xc-ho-tro-dau-tu-hero .img-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ==========================================================================
   HO TRO DAU TU CONTENT (.xc-ho-tro-dau-tu-content)
   ========================================================================== */
.xc-ho-tro-dau-tu-content h1,
.xc-ho-tro-dau-tu-content h2 {
  font-family: 'Gilroy', sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 46.8px */
  letter-spacing: 0.72px;
  background: linear-gradient(180deg, #077B4D 0%, #2C484E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Thuc trang row */
.xc-ho-tro-dau-tu-content .row.thuc-trang {
  display: flex;
  align-items: stretch;
}
.xc-ho-tro-dau-tu-content .row.thuc-trang > .col > .col-inner {
  height: 100%;
  display: flex;
}
.xc-ho-tro-dau-tu-content .row.thuc-trang .icon-box {
  flex: 1;
  border-radius: 8px;
  background: linear-gradient(270deg, #077B4D 0%, #2C484E 100%);
  padding: 40px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.xc-ho-tro-dau-tu-content .row.thuc-trang .icon-box h3,
.xc-ho-tro-dau-tu-content .row.thuc-trang .icon-box h4 {
  color: #FEFEFF !important;
  font-family: 'Gilroy', sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 46.8px */
  letter-spacing: 0.72px;
  text-transform: uppercase;
}
.xc-ho-tro-dau-tu-content .row.thuc-trang .icon-box p {
  color: #FEFEFF !important;
  text-align: justify;
  font-family: 'Gilroy', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
}

.xc-ho-tro-dau-tu-content .row.thuc-trang .img {
  border-radius: 8px;
  overflow: hidden;
  height: 100%;
  display: flex;
}
.xc-ho-tro-dau-tu-content .row.thuc-trang .img .img-inner {
  width: 100%;
}
.xc-ho-tro-dau-tu-content .row.thuc-trang .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

/* Kho Khan row */
.xc-ho-tro-dau-tu-content .row.kho-khan {
  display: flex;
  align-items: stretch;
}
.xc-ho-tro-dau-tu-content .row.kho-khan > .col > .col-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Image */
.xc-ho-tro-dau-tu-content .row.kho-khan .col:first-child .img {
  border-radius: 8px;
  background: lightgray;
  height: 100%;
  overflow: hidden;
  display: flex;
}
.xc-ho-tro-dau-tu-content .row.kho-khan .col:first-child .img .img-inner {
  width: 100%;
}
.xc-ho-tro-dau-tu-content .row.kho-khan .col:first-child .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Grey box (2nd column) */
.xc-ho-tro-dau-tu-content .row.kho-khan .col:nth-child(2) > .col-inner {
  padding: 40px 32px 40px 50px !important;
  border-radius: 8px;
  opacity: 0.9;
  background: #EAEDED;
  justify-content: center;
}

/* Icons styling */
.xc-ho-tro-dau-tu-content .row.kho-khan .icon-box-img {
  width: auto !important;
}
.xc-ho-tro-dau-tu-content .row.kho-khan .icon-box svg {
  height: 32px;
  width: auto;
}

/* Icon box text styling */
.xc-ho-tro-dau-tu-content .row.kho-khan .icon-box {
  margin-bottom: 24px;
}
.xc-ho-tro-dau-tu-content .row.kho-khan .icon-box:last-child {
  margin-bottom: 0;
}
.xc-ho-tro-dau-tu-content .row.kho-khan .icon-box p {
  color: #18272B !important;
  text-align: justify;
  font-family: 'Gilroy', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
}

/* ==========================================================================
   SHORTCODE DICH VU (.xc-dich-vu-grid)
   ========================================================================== */
.xc-dich-vu-grid .xc-dv-box {
  width: 100%;
  max-width: 304px;
  min-height: 326px;
  border-radius: 8px;
  background: var(--Blue-50, #FEFEFF);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
  margin: 0 auto 24px auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.xc-dich-vu-grid .xc-dv-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 15px rgba(0,0,0,0.1);
}
.xc-dich-vu-grid .xc-dv-link {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none !important;
}
.xc-dich-vu-grid .xc-dv-img {
  width: 100%;
  height: 166.615px;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  flex-shrink: 0;
}
.xc-dich-vu-grid .xc-dv-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.xc-dich-vu-grid .xc-dv-content {
  padding: 16px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.xc-dich-vu-grid .xc-dv-title {
  color: var(--bnh-tt, #2E3A5B);
  text-align: justify;
  font-family: 'Gilroy', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 137.5% */
  margin-top: 0;
  margin-bottom: 12px;
}
.xc-dich-vu-grid .xc-dv-meta {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 50px;
  flex: 1;
}
.xc-dich-vu-grid .meta-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: var(--bnh-tt, #2E3A5B);
  font-family: 'Gilroy', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.xc-dich-vu-grid .meta-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* SVG specific sizes based on user input */
.xc-dich-vu-grid .meta-icon-vitri svg { width: 15.99px; height: 16px; }
.xc-dich-vu-grid .meta-icon-tyle svg { width: 16px; height: 12.984px; }
.xc-dich-vu-grid .meta-icon-phaply svg { width: 16px; height: 16px; }
.xc-dich-vu-grid .meta-icon-dientich svg { width: 15.98px; height: 16px; }
.xc-dich-vu-grid .meta-icon-gia svg { width: 9px; height: 16px; }

.xc-dich-vu-grid .xc-dv-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #077B4D;
  font-family: 'Gilroy', sans-serif;
  font-weight: 700;
  font-size: 16px;
  margin-top: auto;
}
.xc-dich-vu-grid .xc-dv-action .action-icon {
  display: flex;
  align-items: center;
}
.xc-dich-vu-grid .xc-dv-action .action-icon svg {
  width: 32px;
  height: 32px;
}

/* ==========================================================================
   SHORTCODE DICH VU SEARCH SIDEBAR
   ========================================================================== */
.xc-dv-search-wrap {
  width: 100%;
  border-radius: 8px;
  background: var(--Grey-50, #EAEDED);
  overflow: hidden;
}
.xc-dv-search-top-bar {
  width: 100%;
  height: 10px;
  background: var(--G-700, linear-gradient(180deg, #077B4D 0%, #2C484E 100%));
}
.xc-dv-search-inner {
  padding: 24px;
}
.xc-dv-search-inner h3 {
  font-family: 'Gilroy', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 28.8px */
  text-transform: uppercase;
  background: var(--G-700, linear-gradient(180deg, #077B4D 0%, #2C484E 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: 0;
  margin-bottom: 24px;
}
.xc-dv-s-field {
  margin-bottom: 20px;
}
.xc-dv-s-field label {
  display: block;
  color: var(--bnh-tt, #2E3A5B);
  font-family: 'Gilroy', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 8px;
}
.xc-dv-s-field input[type="text"],
.xc-dv-s-field select {
  display: flex;
  width: 100%;
  height: 45px;
  padding: 12px;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #E5E7EB;
  background: #FFF;
  color: var(--bnh-tt, #2E3A5B);
  font-family: 'Gilroy', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.xc-dv-s-field input::placeholder {
  color: #9CA3AF;
}
.xc-dv-range-slider {
  position: relative;
  width: 100%;
  height: 5px;
  background: #E5E7EB;
  border-radius: 5px;
  margin: 15px 0 20px 0;
}
.xc-dv-range-slider input[type="range"] {
  position: absolute;
  width: 100%;
  height: 5px;
  top: -2px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  border: none;
}
.xc-dv-range-slider input[type="range"]::-webkit-slider-thumb {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #077B4D;
  pointer-events: auto;
  -webkit-appearance: none;
  cursor: pointer;
}
.xc-dv-range-slider input[type="range"]::-moz-range-thumb {
  height: 16px;
  width: 16px;
  border: none;
  border-radius: 50%;
  background: #077B4D;
  pointer-events: auto;
  cursor: pointer;
}
.xc-dv-range-unit {
  color: var(--bnh-tt, #2E3A5B);
  text-align: right;
  font-family: 'Gilroy', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.xc-dv-btn-search {
  display: flex;
  width: 100%;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 0;
  background: var(--red, #A01010);
  color: #FFF;
  font-family: 'Gilroy', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  cursor: pointer;
  transition: opacity 0.3s;
}
.xc-dv-btn-search:hover {
  opacity: 0.9;
}

/* ==========================================================================
   SHORTCODE DICH VU LOAD MORE BUTTON
   ========================================================================== */
.xc-dv-load-more-wrap {
  display: flex;
  justify-content: center;
  margin-top: 66px;
}
.xc-dv-load-more {
  display: flex;
  width: 170px;
  padding: 4px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 0 solid #E5E7EB;
  background: var(--G-700, linear-gradient(180deg, #077B4D 0%, #2C484E 100%));
  color: #fff;
  font-family: 'Gilroy', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  cursor: pointer;
  transition: opacity 0.3s;
}
.xc-dv-load-more:hover {
  opacity: 0.9;
}
.xc-dv-load-more.loading {
  opacity: 0.7;
  pointer-events: none;
}

/* ==========================================================================
   KHU CONG NGHIEP HERO SECTION
   ========================================================================== */
.section.xc-khu-cong-nghiep.hero {
  max-width: 1440px;
  width: 100%;
  aspect-ratio: 169/73;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px !important;
  padding-bottom: 0 !important;
}

.section.xc-khu-cong-nghiep.hero .row {
  max-width: 100%;
}
.section.xc-khu-cong-nghiep.hero h2 {
  text-align: center;
  font-family: 'Gilroy', sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.96px;
  background: var(--G-700, linear-gradient(180deg, #077B4D 0%, #2C484E 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 20px;
}

.section.xc-khu-cong-nghiep.hero .section-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.section.xc-khu-cong-nghiep.hero .row:nth-of-type(2) {
  border-radius: 16px 16px 0 0;
  background: linear-gradient(270deg, #077B4D 0%, #2C484E 100%);
  padding: 30px; /* Thêm padding mặc định để chữ không sát viền */
  margin-top: auto;
  width: 100%;
}

.section.xc-khu-cong-nghiep.hero .row:nth-of-type(2) p.lead {
  color: var(--Blue-50, #FEFEFF);
  text-align: justify;
  font-family: 'Gilroy', sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 46.8px */
  letter-spacing: 0.72px;
  margin-bottom: 0;
}

.section.xc-khu-cong-nghiep.hero .row:nth-of-type(2) p:not(.lead) {
  color: var(--Blue-50, #FEFEFF);
  text-align: justify;
  font-family: 'Gilroy', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
  margin-bottom: 0;
}

/* ==========================================================================
   H1 TITLE KHU CONG NGHIEP NOI BAT
   ========================================================================== */
.section.xc-khu-cong-nghiep.noi-bat h1 {
  font-family: 'Gilroy', sans-serif !important;
  font-size: 36px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 130% !important; /* 46.8px */
  letter-spacing: 0.72px !important;
  margin-bottom: 40px;
}

/* ==========================================================================
   TABS KHU CONG NGHIEP
   ========================================================================== */
.xc-kcn-tabs.nav,
.xc-kcn-tabs .nav {
  display: flex !important;
  justify-content: flex-start !important;
  gap: 36px;
  border: none !important;
  padding: 0;
  margin-left: 0;
}

.xc-kcn-tabs.nav li.active a::after,
.xc-kcn-tabs.nav li a::after,
.xc-kcn-tabs .nav li.active a::after,
.xc-kcn-tabs .nav li a::after,
.xc-kcn-tabs.nav li.active a::before,
.xc-kcn-tabs.nav li a::before,
.xc-kcn-tabs .nav li.active a::before,
.xc-kcn-tabs .nav li a::before {
  display: none !important;
}

.xc-kcn-tabs.nav li,
.xc-kcn-tabs .nav li {
  margin: 0 !important;
  padding: 0 !important;
}

.xc-kcn-tabs.nav li a,
.xc-kcn-tabs .nav li a {
  display: flex !important;
  width: 217px;
  padding: 8px 16px !important;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  background: var(--Grey-50, #EAEDED) !important;
  color: #18272B !important;
  font-family: 'Gilroy', sans-serif !important;
  font-size: 20px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 24px !important;
  border: none !important;
  text-transform: none !important;
}

.xc-kcn-tabs.nav li.active a,
.xc-kcn-tabs.nav li a:hover,
.xc-kcn-tabs .nav li.active a,
.xc-kcn-tabs .nav li a:hover {
  background: var(--G-700, linear-gradient(180deg, #077B4D 0%, #2C484E 100%)) !important;
  color: var(--Blue-50, #FEFEFF) !important;
}

.xc-dv-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 8px; /* Optional spacing if needed */
}

/* ==========================================================================
   VKI THANH TUU SECTION (.xc-home-thanh-tuu)
   ========================================================================== */
.xc-home-thanh-tuu .don-vi-tu-van p {
  color: #2E3A5B;
  text-align: justify;
  font-family: 'SVN-Gilroy', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 125% */
  margin-bottom: 20px;
}

/* Reset default box styles */
.xc-home-thanh-tuu .box {
  margin: 0 auto;
  box-shadow: none;
  background: none;
}
.xc-home-thanh-tuu .box-text {
  padding: 0 !important;
}

/* Box Dự Án */
.xc-home-thanh-tuu .box-du-an {
  width: 100%;
  max-width: 304px;
  height: 342px;
  border-radius: 8px;
  background: linear-gradient(180deg, #077B4D 0%, #2C484E 100%);
  box-shadow: 0 0 8px 0 #00814F;
  display: flex;
  flex-direction: column-reverse; /* Đưa ảnh xuống dưới, text lên trên */
  justify-content: space-between;
  overflow: hidden;
}
.xc-home-thanh-tuu .box-du-an .box-text {
  padding: 24px 24px 0 24px !important;
  text-align: left !important;
}
.xc-home-thanh-tuu .box-du-an .box-image {
  height: 167px;
  margin-top: auto;
}
.xc-home-thanh-tuu .box-du-an .box-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0 0 8px 8px; 
}
.xc-home-thanh-tuu .box-du-an h4 {
  color: #F8FFFC;
  font-family: 'SVN-Gilroy', sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 76.8px */
  letter-spacing: 1.28px;
  margin-bottom: 8px;
}
.xc-home-thanh-tuu .box-du-an p {
  color: #F8FFFC;
  text-align: justify;
  font-family: 'SVN-Gilroy', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
  margin-bottom: 0;
}

/* Box Đối Tác & Box Kinh Nghiệm */
.xc-home-thanh-tuu .box-doi-tac,
.xc-home-thanh-tuu .box-kinh-nghiem {
  width: 100%;
  max-width: 247px;
  height: 155px;
  border-radius: 8px;
  border: 1px solid #EAEDED;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px;
}
.xc-home-thanh-tuu .box-doi-tac .box-image,
.xc-home-thanh-tuu .box-kinh-nghiem .box-image {
  display: none !important; /* Ẩn ảnh theo design */
}
.xc-home-thanh-tuu .box-doi-tac .box-text,
.xc-home-thanh-tuu .box-kinh-nghiem .box-text {
  text-align: left !important;
}
.xc-home-thanh-tuu .box-doi-tac h4,
.xc-home-thanh-tuu .box-kinh-nghiem h4 {
  font-family: 'SVN-Gilroy', sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 76.8px */
  letter-spacing: 1.28px;
  background: linear-gradient(180deg, #077B4D 0%, #2C484E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 8px;
}
.xc-home-thanh-tuu .box-doi-tac p,
.xc-home-thanh-tuu .box-kinh-nghiem p {
  color: #2E3A5B;
  text-align: justify;
  font-family: 'SVN-Gilroy', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
  margin-bottom: 0;
}

/* Box Khách Hàng */
.xc-home-thanh-tuu .box-khach-hang {
  width: 100%;
  height: 155px;
  border-radius: 8px;
  border: 1px solid #EAEDED;
  background: #fff;
  padding: 24px 32px;
}
.xc-home-thanh-tuu .box-khach-hang .box-image {
  display: none !important; /* Ẩn ảnh theo design */
}
.xc-home-thanh-tuu .box-khach-hang .box-text {
  height: 100%;
}
.xc-home-thanh-tuu .box-khach-hang .box-text-inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 32px; /* Khoảng cách giữa h4 và p */
  height: 100%;
}
.xc-home-thanh-tuu .box-khach-hang h4 {
  font-family: 'SVN-Gilroy', sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 76.8px */
  letter-spacing: 1.28px;
  background: linear-gradient(180deg, #077B4D 0%, #2C484E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0;
  flex-shrink: 0;
}
.xc-home-thanh-tuu .box-khach-hang p {
  color: #2E3A5B;
  text-align: justify;
  font-family: 'SVN-Gilroy', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
  margin-bottom: 0;
}

@media (max-width: 849px) {
  .xc-home-thanh-tuu .box-khach-hang .box-text-inner {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
  }
}