@charset "UTF-8";
main.page-thankyou .section-thankyou {
  padding: 80px 0; }
  @media screen and (max-width: 767px) {
    main.page-thankyou .section-thankyou {
      padding: 50px 0; } }
  main.page-thankyou .section-thankyou .container {
    max-width: 670px;
    margin: 0 auto; }
    main.page-thankyou .section-thankyou .container img {
      width: 100%;
      height: auto;
      object-fit: cover; }
    main.page-thankyou .section-thankyou .container .box-heading {
      margin-bottom: 30px;
      text-align: center; }
      main.page-thankyou .section-thankyou .container .box-heading h1 {
        font-size: 48px;
        font-family: "Montserrat Bold";
        color: #052360; }
        @media screen and (max-width: 767px) {
          main.page-thankyou .section-thankyou .container .box-heading h1 {
            font-size: 26px; } }
      main.page-thankyou .section-thankyou .container .box-heading p {
        color: #1b1b1c;
        font-family: "Montserrat Regular";
        font-size: 18px;
        text-align: center !important; }
        main.page-thankyou .section-thankyou .container .box-heading p span {
          font-family: "Montserrat Bold"; }
    main.page-thankyou .section-thankyou .container .promotion {
      margin: 30px 0;
      text-align: center; }
      main.page-thankyou .section-thankyou .container .promotion p {
        color: #1b1b1c;
        font-family: "Montserrat Medium";
        font-size: 22px;
        font-style: italic; }
        @media screen and (max-width: 767px) {
          main.page-thankyou .section-thankyou .container .promotion p {
            text-align: center !important; } }
    main.page-thankyou .section-thankyou .container .box-form {
      background: #fff5e5;
      padding: 30px 40px;
      border-radius: 30px; }
      @media screen and (max-width: 767px) {
        main.page-thankyou .section-thankyou .container .box-form {
          padding: 30px; } }
      main.page-thankyou .section-thankyou .container .box-form .ps-relative {
        margin-bottom: 20px; }
        main.page-thankyou .section-thankyou .container .box-form .ps-relative input:not(input[type="radio"]) {
          border: none;
          border-radius: 10px;
          padding: 12px;
          font-size: 16px;
          color: #1b1b1c;
          font-family: "Montserrat Medium"; }
          main.page-thankyou .section-thankyou .container .box-form .ps-relative input:not(input[type="radio"]):focus {
            box-shadow: unset; }
          main.page-thankyou .section-thankyou .container .box-form .ps-relative input:not(input[type="radio"])::placeholder {
            /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: #1b1b1c;
            opacity: 1;
            /* Firefox */
            font-family: "Montserrat Medium"; }
          main.page-thankyou .section-thankyou .container .box-form .ps-relative input:not(input[type="radio"]):-ms-input-placeholder {
            /* Internet Explorer 10-11 */
            color: #1b1b1c;
            font-family: "Montserrat Medium"; }
          main.page-thankyou .section-thankyou .container .box-form .ps-relative input:not(input[type="radio"])::-ms-input-placeholder {
            /* Microsoft Edge */
            color: #1b1b1c;
            font-family: "Montserrat Medium"; }
        main.page-thankyou .section-thankyou .container .box-form .ps-relative select {
          border: none;
          border-radius: 10px;
          padding: 12px;
          font-size: 16px;
          color: #1b1b1c;
          font-family: "Montserrat Medium"; }
          main.page-thankyou .section-thankyou .container .box-form .ps-relative select:focus {
            box-shadow: unset; }
        main.page-thankyou .section-thankyou .container .box-form .ps-relative .your-option {
          display: block;
          padding: 12px;
          border-radius: 10px;
          background: #fff; }
          main.page-thankyou .section-thankyou .container .box-form .ps-relative .your-option .form-check .form-check-input:focus {
            box-shadow: unset; }
          main.page-thankyou .section-thankyou .container .box-form .ps-relative .your-option .form-check .form-check-input:checked {
            background-color: #052360;
            border-color: #052360; }
          main.page-thankyou .section-thankyou .container .box-form .ps-relative .your-option .form-check label {
            font-size: 16px;
            color: #1b1b1c;
            font-family: "Montserrat Medium"; }
      main.page-thankyou .section-thankyou .container .box-form .button-wrapper {
        text-align: center;
        margin-bottom: 0; }
        main.page-thankyou .section-thankyou .container .box-form .button-wrapper button {
          animation: zoominoutsinglefeatured 1.5s infinite;
          background: #ed3c32;
          font-size: 24px;
          font-family: "Montserrat Bold";
          border-radius: 24px;
          padding: 20px 25px; }
          @media screen and (max-width: 767px) {
            main.page-thankyou .section-thankyou .container .box-form .button-wrapper button {
              font-size: 20px; } }
    main.page-thankyou .section-thankyou .container .box-phone-contact {
      margin-top: 40px;
      text-align: center; }
      main.page-thankyou .section-thankyou .container .box-phone-contact a img {
        width: auto; }
        @media screen and (max-width: 767px) {
          main.page-thankyou .section-thankyou .container .box-phone-contact a img {
            width: 80%; } }

/* Lớp phủ nền mờ */
.popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  /* Nền xám mờ */
  z-index: 100000;
  opacity: 0;
  transition: opacity 0.3s ease;
  /* Hiệu ứng mờ dần */
  /* Nội dung popup */ }
  .popup .popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ffffff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    text-align: center;
    max-width: 400px;
    width: 90%;
    animation: slideIn 0.3s ease-out;
    /* Hiệu ứng trượt xuống */
    /* Tiêu đề */
    /* Đoạn văn */
    /* Nút đóng */ }
    .popup .popup-content h3 {
      margin: 0 0 15px;
      font-size: 24px;
      color: #052360;
      font-family: "Montserrat Bold"; }
    .popup .popup-content p {
      margin: 0 0 20px;
      font-size: 16px;
      color: #7f8c8d;
      line-height: 1.5;
      text-align: center !important; }
      .popup .popup-content p .count-number {
        color: #16a498; }
    .popup .popup-content button {
      padding: 10px 20px;
      background: #052360;
      color: white;
      border: none;
      border-radius: 25px;
      font-size: 16px;
      cursor: pointer;
      transition: background 0.3s ease, transform 0.2s ease; }
    .popup .popup-content button:hover {
      background: #16a498;
      transform: translateY(-2px);
      /* Nút nhấc nhẹ khi hover */ }
    .popup .popup-content button:active {
      transform: translateY(0);
      /* Trở lại vị trí ban đầu khi nhấn */ }

/* Hiệu ứng xuất hiện */
@keyframes slideIn {
  from {
    transform: translate(-50%, -60%);
    opacity: 0; }
  to {
    transform: translate(-50%, -50%);
    opacity: 1; } }
/* Khi popup hiển thị */
.popup.active {
  display: block;
  opacity: 1; }

/*# sourceMappingURL=thankyou.css.map */