.elementor-130656 .elementor-element.elementor-element-49df082{--display:flex;}.elementor-130656 .elementor-element.elementor-element-e249579 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-130656 .elementor-element.elementor-element-d0f04c1 > .elementor-widget-container{background-color:var( --e-global-color-primary );}/* 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 */