.elementor-2789 .elementor-element.elementor-element-2716be1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2789 .elementor-element.elementor-element-2716be1:not(.elementor-motion-effects-element-type-background), .elementor-2789 .elementor-element.elementor-element-2716be1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sachtienganhtphcm.com/wp-content/uploads/2025/10/blue-bg-1.jpg");background-size:cover;}.elementor-2789 .elementor-element.elementor-element-2716be1 > .elementor-shape-top svg, .elementor-2789 .elementor-element.elementor-element-2716be1 > .e-con-inner > .elementor-shape-top svg{width:calc(120% + 1.3px);height:177px;}.elementor-2789 .elementor-element.elementor-element-2716be1 > .elementor-shape-bottom svg, .elementor-2789 .elementor-element.elementor-element-2716be1 > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:184px;}.elementor-2789 .elementor-element.elementor-element-2716be1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2789 .elementor-element.elementor-element-beb9c11{--spacer-size:50px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2789 .elementor-element.elementor-element-7d589a6{text-align:center;}.elementor-2789 .elementor-element.elementor-element-7d589a6 .elementor-heading-title{text-shadow:2px 3px 4px rgba(0,0,0,0.3);color:#266aba;}.elementor-2789 .elementor-element.elementor-element-f9888ab{--display:flex;}.elementor-2789 .elementor-element.elementor-element-32fdf66{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-2789 .elementor-element.elementor-element-32fdf66.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2789 .elementor-element.elementor-element-32fdf66{width:var( --container-widget-width, 791.4px );max-width:791.4px;--container-widget-width:791.4px;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-2789 .elementor-element.elementor-element-2716be1{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-32fdf66 *//* Giãn khoảng cách giữa label và input */
.wpcf7-form label {
  font-weight: 600;
  display: block;
  margin-bottom: 0.5rem;
  color: #333;
  font-size: 0.75rem;
}

/* Khoảng cách giữa các cặp label + input */
.wpcf7-form p {
  margin-bottom: 1rem;
  grid-column: span 2;
}

/* Input & file đẹp */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="file"],
.wpcf7-form input[type="date"],
.wpcf7-form input[type="time"],
.wpcf7-form select,
.wpcf7-form textarea {
  width: 100%;
  padding: 0.7rem 0.9rem;
  border: 1px solid #ccc;
  border-radius: 0.6rem;
  font-size: 0.75rem;
  box-sizing: border-box;
  transition: border-color 0.2s ease;
  background-color: #f3f6fc; /* xanh nhạt */
  color: #333;
}

/* Focus: Xanh dương đậm */
.wpcf7-form input:focus,
.wpcf7-form select:focus,
.wpcf7-form textarea:focus {
  border-color: #4a90e2; /* xanh dương */
  outline: none;
}

/* Nút gửi màu gradient xanh dương + đẹp + to hơn + canh giữa */
.wpcf7 .wpcf7-submit {
  background: linear-gradient(135deg, #2193b0, #6dd5ed); /* Gradient xanh dương */
  color: white;
  padding: 0.8rem 1.4rem;
  font-size: 0.9rem;
  font-weight: bold;
  border: none;
  border-radius: 1.8rem;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 3px 10px rgba(33, 147, 176, 0.3);
  display: block;
  margin: 0 auto;
  text-align: center;
}

.wpcf7 .wpcf7-submit:hover {
  background: linear-gradient(135deg, #1e88b4, #4fc3f7); /* hover xanh đậm hơn */
  transform: translateY(-2px);
}

/* Tách label và input thành 2 dòng */
.wpcf7-form label > span {
  display: block;
  margin-top: 0.35rem;
}

/* Đảm bảo input nền xanh nhạt, đồng bộ */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
  background-color: #f3f6fc;
  border: 1px solid #e0e7ed;
  border-radius: 0.6rem;
  padding: 0.7rem 0.9rem;
  font-size: 0.75rem;
  color: #333;
  width: 100%;
  box-sizing: border-box;
  transition: border-color 0.2s ease;
}

.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
  outline: none;
  border-color: #4a90e2; /* xanh dương khi focus */
}

.wpcf7 {
  background: #fff;
  padding: 2rem;
  border-radius: 1rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
  max-width: 1200px;
  margin: 0 auto;
}

/* 2 cột layout */
.wpcf7-form .form-row {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}

.wpcf7-form .form-col {
  flex: 1 1 48%;
}

/* Nút gửi canh giữa */
.wpcf7-form .full-submit {
  justify-content: center;
}

.wpcf7-form .form-col-full {
  flex: 1 1 100%;
  text-align: center;
}

/* Responsive: quay về 1 cột */
@media (max-width: 768px) {
  .wpcf7-form .form-col {
    flex: 1 1 100%;
  }
}

/* Label phía trên input */
.wpcf7-form .form-col label {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
  color: #333;
  font-size: 0.85rem;
}

/* Ép checkbox nằm trước chữ trong checkbox group */
.wpcf7-form .wpcf7-checkbox label {
  display: flex !important;
  flex-direction: row-reverse !important;
  align-items: center;
  gap: 0.5rem;
}

/* Bọc nhóm checkbox thành khối có viền và bo góc */
.wpcf7-form .boxed-checkbox {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 8px;
  border: 1px solid #ccc;
  border-radius: 12px;
  padding: 1rem;
  background-color: #fafafa;
  margin-top: 0.5rem;
}

/* Căn đều checkbox theo lưới */
.boxed-checkbox span.wpcf7-list-item {
  display: inline-block;
  width: 150px;
  margin-bottom: 8px;
  vertical-align: top;
}

/* Căn trái checkbox label */
.boxed-checkbox span.wpcf7-list-item-label {
  display: inline-block;
  padding-left: 4px;
}

/* Khoảng cách giữa các form-row */
.form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 24px;
}

/* Bọc nhóm checkbox thành khối có viền, bo góc, căn trái nội dung */
.wpcf7-form .boxed-checkbox {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); /* responsive lưới */
  gap: 12px;
  border: 1px solid #ccc;
  border-radius: 12px;
  padding: 1.2rem;
  background-color: #fafafa;
  margin-top: 0.5rem;
  text-align: left; /* ✅ Căn trái toàn bộ nội dung */
}

/* Căn trái label của từng ô checkbox */
.wpcf7-form .boxed-checkbox label {
  justify-content: flex-start !important; /* ✅ label nằm bên phải checkbox */
  flex-direction: row !important;
  text-align: left;
  font-weight: normal;
  font-size: 0.85rem;
}

/* Checkbox list item không còn giới hạn chiều rộng */
.wpcf7-form .boxed-checkbox span.wpcf7-list-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Đảm bảo checkbox hiển thị đúng */
.wpcf7-form .boxed-checkbox input[type="checkbox"] {
  margin: 0;
}

.wpcf7-form label {
  text-align: left !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9888ab *//* Chia các checkbox thành 4 cột */
.wpcf7-form .wpcf7-checkbox {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4 cột đều nhau */
  gap: 0.75rem 1rem;
}

/* Giúp checkbox và label sát nhau, đều dòng */
.wpcf7-form .wpcf7-checkbox label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  margin: 0;
  line-height: 1.4;
}/* End custom CSS */