.elementor-130702 .elementor-element.elementor-element-49df082{--display:flex;}.elementor-130702 .elementor-element.elementor-element-1c83960 .eael-data-table{max-width:100%;}.elementor-130702 .elementor-element.elementor-element-1c83960 .eael-data-table thead tr th{color:#fff;background-color:#0261AE;}.elementor-130702 .elementor-element.elementor-element-1c83960 table.dataTable thead .sorting:after{color:#fff;}.elementor-130702 .elementor-element.elementor-element-1c83960 table.dataTable thead .sorting_asc:after{color:#fff;}.elementor-130702 .elementor-element.elementor-element-1c83960 table.dataTable thead .sorting_desc:after{color:#fff;}.elementor-130702 .elementor-element.elementor-element-1c83960 .eael-data-table thead tr th:hover{color:#fff;}.elementor-130702 .elementor-element.elementor-element-1c83960 table.dataTable thead .sorting:after:hover{color:#fff;}.elementor-130702 .elementor-element.elementor-element-1c83960 table.dataTable thead .sorting_asc:after:hover{color:#fff;}.elementor-130702 .elementor-element.elementor-element-1c83960 table.dataTable thead .sorting_desc:after:hover{color:#fff;}.elementor-130702 .elementor-element.elementor-element-1c83960 .eael-data-table thead tr th i{font-size:20px;}.elementor-130702 .elementor-element.elementor-element-1c83960 .eael-data-table thead tr th .data-table-header-svg-icon{height:20px;width:20px;}.elementor-130702 .elementor-element.elementor-element-1c83960 .eael-data-table tbody > tr:nth-child(2n) td{color:#000000;}.elementor-130702 .elementor-element.elementor-element-1c83960 .eael-data-table tbody > tr:nth-child(2n+1) td{color:#000000;background-color:#0261AE14;}.elementor-130702 .elementor-element.elementor-element-1c83960 .eael-data-table tbody > tr:nth-child(2n+1) td:hover{color:#6d7882;}.elementor-130702 .elementor-element.elementor-element-1c83960 .eael-data-table tbody tr td{line-height:2em;}.elementor-130702 .elementor-element.elementor-element-1c83960 .eael-data-table-wrap table td a{color:#c15959;}.elementor-130702 .elementor-element.elementor-element-1c83960 .eael-data-table-wrap table td a:hover{color:#6d7882;}.elementor-130702 .elementor-element.elementor-element-1c83960 .eael-data-table tbody .td-content-wrapper{text-align:left;}.elementor-130702 .elementor-element.elementor-element-1c83960 .eael-data-table tbody .td-content-wrapper .eael-datatable-icon i{font-size:20px;color:#c15959;}.elementor-130702 .elementor-element.elementor-element-1c83960 .eael-data-table tbody .td-content-wrapper .eael-datatable-icon svg{height:20px;width:20px;fill:#c15959;}.elementor-130702 .elementor-element.elementor-element-1c83960 .eael-data-table tbody .td-content-wrapper:hover .eael-datatable-icon i{color:#6d7882;}.elementor-130702 .elementor-element.elementor-element-1c83960 .eael-data-table tbody .td-content-wrapper:hover .eael-datatable-icon svg{fill:#6d7882;}.elementor-130702 .elementor-element.elementor-element-e249579 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-130702 .elementor-element.elementor-element-ef0b8cc .eael-data-table{max-width:100%;}.elementor-130702 .elementor-element.elementor-element-ef0b8cc .eael-data-table thead tr th{color:#fff;background-color:#0261AE;}.elementor-130702 .elementor-element.elementor-element-ef0b8cc table.dataTable thead .sorting:after{color:#fff;}.elementor-130702 .elementor-element.elementor-element-ef0b8cc table.dataTable thead .sorting_asc:after{color:#fff;}.elementor-130702 .elementor-element.elementor-element-ef0b8cc table.dataTable thead .sorting_desc:after{color:#fff;}.elementor-130702 .elementor-element.elementor-element-ef0b8cc .eael-data-table thead tr th:hover{color:#fff;}.elementor-130702 .elementor-element.elementor-element-ef0b8cc table.dataTable thead .sorting:after:hover{color:#fff;}.elementor-130702 .elementor-element.elementor-element-ef0b8cc table.dataTable thead .sorting_asc:after:hover{color:#fff;}.elementor-130702 .elementor-element.elementor-element-ef0b8cc table.dataTable thead .sorting_desc:after:hover{color:#fff;}.elementor-130702 .elementor-element.elementor-element-ef0b8cc .eael-data-table thead tr th i{font-size:20px;}.elementor-130702 .elementor-element.elementor-element-ef0b8cc .eael-data-table thead tr th .data-table-header-svg-icon{height:20px;width:20px;}.elementor-130702 .elementor-element.elementor-element-ef0b8cc .eael-data-table tbody > tr:nth-child(2n) td{color:#000000;}.elementor-130702 .elementor-element.elementor-element-ef0b8cc .eael-data-table tbody > tr:nth-child(2n+1) td{color:#000000;background-color:#0261AE14;}.elementor-130702 .elementor-element.elementor-element-ef0b8cc .eael-data-table tbody > tr:nth-child(2n+1) td:hover{color:#6d7882;}.elementor-130702 .elementor-element.elementor-element-ef0b8cc .eael-data-table tbody tr td{line-height:2em;}.elementor-130702 .elementor-element.elementor-element-ef0b8cc .eael-data-table-wrap table td a{color:#c15959;}.elementor-130702 .elementor-element.elementor-element-ef0b8cc .eael-data-table-wrap table td a:hover{color:#6d7882;}.elementor-130702 .elementor-element.elementor-element-ef0b8cc .eael-data-table tbody .td-content-wrapper{text-align:left;}.elementor-130702 .elementor-element.elementor-element-ef0b8cc .eael-data-table tbody .td-content-wrapper .eael-datatable-icon i{font-size:20px;color:#c15959;}.elementor-130702 .elementor-element.elementor-element-ef0b8cc .eael-data-table tbody .td-content-wrapper .eael-datatable-icon svg{height:20px;width:20px;fill:#c15959;}.elementor-130702 .elementor-element.elementor-element-ef0b8cc .eael-data-table tbody .td-content-wrapper:hover .eael-datatable-icon i{color:#6d7882;}.elementor-130702 .elementor-element.elementor-element-ef0b8cc .eael-data-table tbody .td-content-wrapper:hover .eael-datatable-icon svg{fill:#6d7882;}.elementor-130702 .elementor-element.elementor-element-d0f04c1 > .elementor-widget-container{background-color:var( --e-global-color-primary );}/* Start custom CSS for eael-data-table, class: .elementor-element-1c83960 *//* in nghiêng tất cả nội dung bên trong */
.elementor-130702 .elementor-element.elementor-element-1c83960 .in-nghieng {
  font-style: italic;
}/* End custom CSS */
/* Start custom CSS for eael-data-table, class: .elementor-element-ef0b8cc *//* Để in nghiêng tất cả nội dung bên trong */
.elementor-130702 .elementor-element.elementor-element-ef0b8cc .in-nghieng {
  font-style: italic;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74631f1 */<style>
body {
  font-family: sans-serif;
}

/* Style cho mobile (màn hình <= 768px) */
@media (max-width: 768px) {
  .form-container {
    display: block;
  }

  .form-column-1{
      text-align: center;
      color: #001DB5; /* Màu chữ cho column-1 */
  }

  .form-column-3{
      position: relative;
      z-index: 2;
      align-items: center;
  }

  .form-column {
    /* Căn giữa theo chiều dọc và ngang bằng flexbox */
    display: block;
    justify-content: center; /* Căn giữa theo chiều dọc */
    align-items: center; /* Căn giữa theo chiều ngang */
  }

  .wpcf7-form-control-wrap {
    margin-top: 20px;
  }
}

/* Style chung (áp dụng cho cả desktop và mobile) */
.form-container {
  gap: 20px; /* Khoảng cách giữa các cột */
  width: 90%;
  margin: 50px auto;
  border: 3px dashed #001DB5; /* Border dashed */
  border-radius: 20px; /* Border radius */
  padding: 20px;
  background-image: url(https://nhakhoadongnam.com/wp-content/uploads/2025/01/form-dang-ky-bac-si-dang-quoc-dung.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.form-registration {
  display: flex;
  flex-direction: column;
  padding: 20px;
  border-radius: 5px;
  width: 90%;
  border: none; /* Bỏ border của form */
}

.form-registration input, .form-registration button {
  border-radius: 3px;
  margin: 0px;
}

.form-registration input{
  color: #001DB5; /* Màu chữ trong form */
  border: 1px solid #001DB5; /* Màu border của input */
}

.form-registration button {
  background-color: #001DB5; /* Màu nền nút */
  color: white; /* Màu chữ nút */
  cursor: pointer;
  border: none;
}

input.wpcf7-form-control.wpcf7-submit {
  background-color: #001DB5; /* Màu nền nút */
  color: white; /* Màu chữ nút */
  cursor: pointer;
  border: none;
  border-radius: 3px !important;
}

input.wpcf7-form-control.wpcf7-text {
  color: #001DB5; /* Màu chữ trong form */
  border: 1px solid #001DB5; /* Màu border của input */
  border-radius: 3px !important;
}

/* Style cho desktop (màn hình >= 769px) */
@media (min-width: 769px) {
  .form-container {
    display: grid;
    grid-template-columns: 1.5fr 1.5fr 2fr 1fr 1fr; /* Chia thành 5 cột */
    aspect-ratio: 3.25 / 1; /* Tỉ lệ chiều rộng/chiều cao */
  }

  .form-column-1{
      grid-column: span 2;
      flex-direction: column;
      text-align: center;
      color: #001DB5; /* Màu chữ cho column-1 */
  }

  .form-column-3{
      grid-column: 3 / span 2;
      flex-direction: column;
      position: relative;
      z-index: 2;
      align-items: center;
  }

  .form-column {
    /* Căn giữa theo chiều dọc và ngang bằng flexbox */
    display: flex;
    justify-content: center; /* Căn giữa theo chiều dọc */
    align-items: center; /* Căn giữa theo chiều ngang */
  }
}
</style>/* End custom CSS */