.elementor-83 .elementor-element.elementor-element-a906070{--display:flex;border-style:solid;--border-style:solid;border-width:0.05em 0em 0em 0em;--border-top-width:0.05em;--border-right-width:0em;--border-bottom-width:0em;--border-left-width:0em;border-color:#C7FFC8;--border-color:#C7FFC8;--padding-top:120px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-83 .elementor-element.elementor-element-a906070:not(.elementor-motion-effects-element-type-background), .elementor-83 .elementor-element.elementor-element-a906070 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F172A;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-61e68f5 *//* --- CẤU HÌNH CHUNG --- */
.footer-container {
  font-family: "Spline Sans", sans-serif;
  box-sizing: border-box;
  
  /* Màu sắc chủ đạo */
  --ft-primary: #13ec6d;      /* Màu xanh neon */
  --ft-text-title: #ffffff;   /* Màu tiêu đề trắng */
  --ft-text-body: #94a3b8;    /* Màu chữ xám (slate-400) */
  --ft-border: #28392f;       /* Màu viền tối */
  --ft-bg-icon: rgba(19, 236, 109, 0.2); /* Nền icon mờ */

  /* Layout Grid chính (Desktop 4 cột) */
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3rem; /* gap-12 ~ 48px */
  width: 100%;
}

/* --- RESPONSIVE (Mobile & Tablet) --- */
@media (max-width: 1024px) {
  .footer-container {
    grid-template-columns: 1fr; /* Về 1 cột trên màn nhỏ */
    gap: 2rem;
  }
}

/* ========================================= */
/* CỘT 1: THƯƠNG HIỆU (BRAND) */
/* ========================================= */
.footer-col-brand {
  grid-column: span 1; /* Chiếm 1 phần */
  display: flex;
  flex-direction: column;
  gap: 2rem; /* space-y-8 */
}

/* Logo & Tên */
.brand-box {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.brand-icon {
  width: 2rem; height: 2rem; /* size-8 */
  background-color: var(--ft-bg-icon);
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ft-primary);
}

.brand-name {
  font-size: 1.25rem; /* text-xl */
  font-weight: 900;   /* font-black */
  color: var(--ft-text-title);
  margin: 0;
}

/* Mô tả */
.brand-desc {
  color: var(--ft-text-body);
  font-size: 1rem;
  line-height: 1.625;
  margin: 0;
}

/* Các icon mạng xã hội */
.social-icons {
  display: flex;
  gap: 1rem;
}

.social-link {
  width: 2.5rem; height: 2.5rem; /* size-10 */
  border-radius: 999px;
  border: 1px solid var(--ft-border);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ft-text-body);
  text-decoration: none;
  transition: all 0.3s ease;
}

.social-link .material-symbols-outlined {
  font-size: 18px !important;
}

/* Hiệu ứng hover icon */
.social-link:hover {
  color: var(--ft-primary);
  border-color: var(--ft-primary);
  transform: translateY(-2px); /* Nảy lên nhẹ */
}

/* ========================================= */
/* CỘT 2-3-4: THÔNG TIN LIÊN HỆ */
/* ========================================= */
.footer-col-info {
  grid-column: span 3; /* Chiếm 3 phần còn lại */
  
  /* Chia nhỏ thành 3 cột con bên trong */
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem; /* gap-10 */
}

/* Responsive cho phần thông tin */
@media (max-width: 768px) {
  .footer-col-info {
    grid-template-columns: 1fr; /* Mobile: Xếp chồng dọc */
    gap: 2rem;
  }
}

/* Style cho từng khối thông tin */
.info-block {
  display: flex;
  flex-direction: column;
  gap: 1.5rem; /* space-y-6 */
}

.info-title {
  font-size: 1.125rem; /* text-lg */
  font-weight: 700;
  color: var(--ft-text-title);
  margin: 0;
}

.info-item {
  display: flex;
  gap: 0.75rem; /* gap-3 */
  align-items: flex-start; /* Canh icon lên trên cùng */
  color: var(--ft-text-body);
}

.info-icon {
  color: var(--ft-primary);
  font-size: 1.25rem !important; /* text-sm to hơn chút cho dễ nhìn */
  margin-top: 0.25rem; /* Canh chỉnh vị trí so với dòng chữ */
}

.info-text {
  font-size: 0.875rem; /* text-sm */
  line-height: 1.625;
  margin: 0;
}

.contact-list {
  display: flex;
  flex-direction: column;
  gap: 1rem; /* space-y-4 */
}/* End custom CSS */