.elementor-34 .elementor-element.elementor-element-6ef97ec{--display:flex;--min-height:400px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-34 .elementor-element.elementor-element-6ef97ec:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-6ef97ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fcl.vn/wp-content/uploads/2025/05/footer.jpg");background-position:center center;background-size:cover;}.elementor-34 .elementor-element.elementor-element-9c76323{--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;--margin-top:15px;--margin-bottom:15px;--margin-left:15px;--margin-right:15px;--padding-top:70px;--padding-bottom:070px;--padding-left:0px;--padding-right:0px;}.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-34 .elementor-element.elementor-element-62973db .elementor-heading-title{font-family:"Lexend", Sans-serif;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-34 .elementor-element.elementor-element-60ddee0{color:#FFFFFF;}.elementor-34 .elementor-element.elementor-element-85e1dae{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:15px;--margin-right:15px;}.elementor-34 .elementor-element.elementor-element-bde60a6{--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;}@media(min-width:768px){.elementor-34 .elementor-element.elementor-element-9c76323{--width:50%;}.elementor-34 .elementor-element.elementor-element-85e1dae{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-cb26b6f */.fcl-contact-form-wrapper {
    font-family: "Lexend", Sans-serif;
    background-color: #ffffff; /* Nền trắng cho form */
    padding: 40px 30px;
    border-radius: 8px;
    /* box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); /* Tuỳ chọn: Thêm bóng đổ nhẹ */
    max-width: 700px; /* Giới hạn chiều rộng để dễ nhìn */
    margin: 40px auto; /* Căn giữa và tạo khoảng cách */
  }

  .fcl-contact-form-wrapper * {
    box-sizing: border-box;
  }

  .fcl-contact-title {
    font-size: 28px;
    font-weight: 700;
    color: #212529; /* Màu chữ tiêu đề đậm */
    text-transform: uppercase;
    margin-bottom: 10px;
    text-align: left;
    position: relative;
  }

  .fcl-contact-title::after { /* Tạo đường gạch chân ngắn dưới tiêu đề */
    content: "";
    display: block;
    width: 80px;
    height: 3px;
    background-color: #f1c40f; /* Màu vàng như nút */
    margin-top: 8px;
  }

  .fcl-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 cột cho các trường ngắn */
    gap: 0 25px; /* Chỉ khoảng cách ngang giữa các cột */
    margin-top: 30px;
  }

  .fcl-form-group {
    margin-bottom: 25px;
    position: relative;
  }

  /* Các trường nội dung và địa chỉ chiếm full chiều rộng */
  .fcl-form-group.full-width {
    grid-column: 1 / -1; /* Kéo dài từ cột 1 đến hết */
  }

  .fcl-form-group label {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #495057; /* Màu chữ label */
    margin-bottom: 8px;
  }

  .fcl-form-group input[type="text"],
  .fcl-form-group input[type="email"],
  .fcl-form-group input[type="tel"],
  .fcl-form-group textarea {
    width: 100%;
    background-color: transparent; /* Nền trong suốt */
    border: none;
    border-bottom: 1px solid #ced4da; /* Chỉ có viền dưới */
    padding: 10px 0; /* Padding trên dưới, không có padding trái phải vì không có viền */
    font-size: 16px;
    font-family: "Lexend", Sans-serif;
    color: #212529; /* Màu chữ nhập vào */
    transition: border-bottom-color 0.3s ease;
  }

  .fcl-form-group textarea {
    min-height: 80px;
    resize: vertical;
  }

  .fcl-form-group input[type="text"]:focus,
  .fcl-form-group input[type="email"]:focus,
  .fcl-form-group input[type="tel"]:focus,
  .fcl-form-group textarea:focus {
    outline: none;
    border-bottom-color: #f1c40f; /* Màu vàng khi focus */
  }

  /* Placeholder styling nếu bạn muốn dùng placeholder thay vì label */
  /*
  .fcl-form-group input::placeholder,
  .fcl-form-group textarea::placeholder {
    color: #6c757d;
    opacity: 1;
  }
  */

  .fcl-submit-button-wrapper {
    text-align: center; /* Căn giữa nút */
    margin-top: 20px; /* Khoảng cách với trường cuối cùng */
  }

  .fcl-submit-button {
    background-color: #f1c40f; /* Màu vàng của nút */
    color: #212529; /* Chữ màu đen */
    border: none;
    border-radius: 5px;
    padding: 12px 30px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
    font-family: "Lexend", Sans-serif;
  }

  .fcl-submit-button:hover {
    background-color: #dab10d; /* Màu vàng đậm hơn khi hover */
    transform: translateY(-2px); /* Nâng nút lên một chút */
  }

  /* Responsive adjustments */
  @media (max-width: 768px) {
    .fcl-contact-form-wrapper {
      padding: 30px 20px;
    }
    .fcl-contact-title {
      font-size: 24px;
    }
    .fcl-form-grid {
      grid-template-columns: 1fr; /* Chuyển thành 1 cột trên màn hình nhỏ */
      gap: 0; /* Bỏ gap ngang khi chỉ còn 1 cột */
    }
     .fcl-form-group {
      margin-bottom: 20px;
    }
  }/* End custom CSS */