button.f-button.is-close-btn {
  top: 10px !important;
  right: 10px !important;
}
.modal.form_pupop_callback {
  width: 100%;
  max-width: 590px;
  min-width: 300px;
  position: relative;
  .modal_inner.form_pupop_callback {
    max-width:100%;
    .modal_top.form_pupop_callback {
      .modal_mid.form_pupop_callback {
        text-align: left;

        .form_question__title_box.form_pupop_callback {
          text-align:center;
          > h2 {
            text-wrap: balance;
            font-size: 25px;
            margin: 16px 0 30px 0;
            line-height: 1.2;
            font-weight: bold;
          }
        }

        form {
          display: flex;
          flex-direction: column;
          gap: 16px;

          .form_item:not(:has([type=file])) {
            position: relative;
            padding: 10px 16px;
            border-radius: 12px;
            border: 1px solid #6F6F6F;

            .form_label {
              position: absolute;
              pointer-events: none;
              left: 16px;
              top: 50%;
              transform: translateY(-50%);
              font-size: clamp(14px, 3vw, 16px);
              color: var(--grey-AF);
              white-space: nowrap;
              overflow: hidden;
              transition: .4s;
              display: inline-block;
            }

            > input,
            > textarea {
              background: transparent;
              height: 58px;
              min-height: 58px;
              font-size: 16px;
              resize: none;
              width: 100%;
              border: none;
            }

            > input:focus ~ .form_label {
              top: 11px;
              transform: unset;
              font-size: 12px;
              border:none;
            }

            > input:not(:focus):valid ~ .form_label {
              top: 11px;
              transform: unset;
              font-size: 12px;
            }

            > input:focus {
              padding: 30px 16px 11px;
              border:none;
            }

            > input:not(:focus):valid {
              padding: 30px 16px 11px;
            }
          }

          .form_item:has([type=file]) {
            color: var(--grey-AF);
            margin-top: 16px;
            margin-bottom: 24px;

            > input[type=file]::file-selector-button {
              border: 1px dashed var(--grey-AF);
              border-radius: 12px;
              background: transparent;
              padding: 20px 24px;
              font-size: 16px;
              color: var(--black-21);
              cursor: pointer;
              margin-right: 20px;
            }
          }

          .form_btn {
            .btn.btn1 {
              width: 100%;
              max-width: 100%;
              padding: 20px;
              background: var(--red-7E);
              color: var(--white);
              border-radius: 5px;
              font-weight:bold;
              font-size:16px;
            }
          }
        }

        .form_question__check {
          max-width:320px;
          font-size: 13px;
          color: #888888;
          text-align:center;
          margin:0 auto;
          & a {
            color: #888888;
          }
        }

      }
    }

  }
}

@media (max-width: 820px) {
  div#comp_51971f50ebdaeaf30b442eebf3f9f7c9 {
    padding: 0 15px;
  }
  .s_form_question form {
    flex-direction: column;
    align-items: unset;
    gap: 8px;
  }

  .form_question__title_box {
    gap: 14px;
  }
}

@media (max-width: 550px) {
  .form_input{
    padding: 18px 16px;
    max-height: 20px;
  }

  .form_item .form_input:focus ~ .form_label {
    top: 9px;
  }
  .form_item .form_input:not(:focus):valid ~ .form_label {
    top: 9px;
  }
  .form_item .form_input:focus {
    padding: 28px 16px 9px;
  }
  .form_item .form_input:not(:focus):valid {
    padding: 28px 16px 9px;
  }

  .form_question {
    gap: 24px;
    padding: 136px 20px 20px;
    border-radius: 24px;
    margin: 0 auto;
  }

  .form_question__sub_title {
    max-width: 235px;
    font-size: 14px;
  }

  .form_btn .btn {
    width: 100%;
    font-size: 14px;
    padding: 17px 24px;
  }
}


.selecte_icon_checkbox {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 30px;
  margin-top: 15px;
  > .title {
    font-size: 1.2rem;
  }
}
.icon-checkbox {display: none!important;}
.icon-checkbox + label,
.icon-checkbox > span{
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.selecte_icon_checkbox > label:nth-child(2):before,
.selecte_icon_checkbox > .icon-checkbox:nth-child(1) > span:before{
  content: url("data:image/svg+xml,%3Csvg width='31' height='32' viewBox='0 0 31 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_51_30575)'%3E%3Cpath d='M0.661592 15.4341C0.660865 18.0591 1.34674 20.6222 2.65092 22.8813L0.536865 30.6L8.43605 28.5289C10.6209 29.7183 13.0688 30.3415 15.5564 30.3416H15.5629C23.7749 30.3416 30.4596 23.6593 30.4631 15.4459C30.4647 11.4659 28.9162 7.72337 26.1027 4.9077C23.2897 2.09227 19.5485 0.54094 15.5623 0.539124C7.34936 0.539124 0.665104 7.22108 0.661713 15.4341' fill='url(%23paint0_linear_51_30575)'/%3E%3Cpath d='M0.12957 15.4293C0.128723 18.1487 0.83918 20.8034 2.18986 23.1434L0 31.1389L8.18243 28.9935C10.4369 30.2227 12.9753 30.8708 15.5582 30.8718H15.5649C24.0715 30.8718 30.9964 23.9491 31 15.4416C31.0015 11.3186 29.3972 7.44157 26.4832 4.52503C23.5688 1.60885 19.6938 0.00169531 15.5649 0C7.05686 0 0.132961 6.92172 0.12957 15.4293ZM5.00238 22.7404L4.69686 22.2555C3.41254 20.2133 2.73466 17.8535 2.73563 15.4303C2.73841 8.35898 8.49327 2.60594 15.5698 2.60594C18.9967 2.60739 22.2173 3.9433 24.6397 6.36711C27.0619 8.79116 28.3948 12.0135 28.3939 15.4407C28.3908 22.5119 22.6358 28.2657 15.5649 28.2657H15.5598C13.2575 28.2645 10.9994 27.6462 9.0302 26.4778L8.56157 26.1998L3.70595 27.4729L5.00238 22.7403V22.7404Z' fill='url(%23paint1_linear_51_30575)'/%3E%3Cpath d='M11.7071 8.97885C11.4182 8.33669 11.1141 8.32373 10.8394 8.31247C10.6144 8.30278 10.3572 8.30351 10.1002 8.30351C9.843 8.30351 9.42511 8.40026 9.07188 8.78595C8.71828 9.17199 7.72192 10.1049 7.72192 12.0023C7.72192 13.8999 9.10397 15.7336 9.29663 15.9911C9.48953 16.2482 11.9647 20.2666 15.8847 21.8125C19.1426 23.0972 19.8056 22.8417 20.5127 22.7772C21.2199 22.7131 22.7946 21.8446 23.1158 20.944C23.4373 20.0435 23.4373 19.2717 23.341 19.1104C23.2446 18.9497 22.9874 18.8532 22.6017 18.6604C22.2159 18.4675 20.3198 17.5345 19.9663 17.4058C19.6127 17.2772 19.3556 17.213 19.0984 17.5992C18.8412 17.9847 18.1027 18.8532 17.8776 19.1104C17.6527 19.3682 17.4276 19.4003 17.042 19.2074C16.6561 19.0139 15.414 18.6071 13.9405 17.2934C12.7939 16.2711 12.0199 15.0087 11.7949 14.6225C11.5699 14.237 11.7708 14.028 11.9642 13.8358C12.1375 13.663 12.35 13.3855 12.543 13.1603C12.7353 12.9351 12.7995 12.7744 12.9281 12.5172C13.0568 12.2598 12.9924 12.0345 12.8961 11.8416C12.7995 11.6487 12.0501 9.74138 11.7071 8.97885Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_51_30575' x1='1496.85' y1='3006.63' x2='1496.85' y2='0.539124' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%231FAF38'/%3E%3Cstop offset='1' stop-color='%2360D669'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_51_30575' x1='1550' y1='3113.89' x2='1550' y2='0' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F9F9F9'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_51_30575'%3E%3Crect width='31' height='31.2422' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  width: 32px;
  height: 32px;
  display:block;
}
.selecte_icon_checkbox > label:nth-child(5):before,
.selecte_icon_checkbox > .icon-checkbox:nth-child(2) > span:before{
  content: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_157_29273)'%3E%3Cpath d='M15.5 0C11.3901 0 7.44484 1.63404 4.54102 4.5398C1.63419 7.44672 0.0008052 11.3891 0 15.5C0 19.6092 1.63477 23.5544 4.54102 26.4602C7.44484 29.366 11.3901 31 15.5 31C19.6099 31 23.5552 29.366 26.459 26.4602C29.3652 23.5544 31 19.6092 31 15.5C31 11.3908 29.3652 7.44557 26.459 4.5398C23.5552 1.63404 19.6099 0 15.5 0Z' fill='url(%23paint0_linear_157_29273)'/%3E%3Cpath d='M7.01621 15.3363C11.5354 13.3678 14.5482 12.0699 16.0547 11.4429C20.3607 9.65238 21.2544 9.34141 21.8381 9.33087C21.9664 9.32881 22.2522 9.36054 22.4387 9.5113C22.5937 9.63845 22.6373 9.8104 22.6591 9.93113C22.6785 10.0517 22.7051 10.3266 22.6833 10.5412C22.4508 12.9921 21.4409 18.9398 20.9275 21.685C20.7119 22.8465 20.2832 23.2359 19.8691 23.274C18.9682 23.3568 18.2852 22.6792 17.4133 22.1078C16.0498 21.2134 15.2797 20.6569 13.9549 19.7843C12.4243 18.7758 13.4172 18.2215 14.2891 17.3157C14.5168 17.0786 18.4838 13.4712 18.5589 13.144C18.5686 13.1031 18.5782 12.9505 18.4862 12.8701C18.3966 12.7894 18.2634 12.817 18.1665 12.8388C18.0285 12.8698 15.8512 14.3104 11.6275 17.1602C11.0099 17.585 10.4504 17.7921 9.94668 17.7812C9.39449 17.7693 8.32887 17.4683 7.53692 17.211C6.56817 16.8955 5.79559 16.7286 5.8634 16.1926C5.89731 15.9136 6.28238 15.6281 7.01621 15.3363Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_157_29273' x1='1550' y1='0' x2='1550' y2='3100' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232AABEE'/%3E%3Cstop offset='1' stop-color='%23229ED9'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_157_29273'%3E%3Crect width='31' height='31' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  width: 32px;
  height: 32px;
  display:block;
}
.selecte_icon_checkbox > label:nth-child(8):before,
.selecte_icon_checkbox > .icon-checkbox:nth-child(3) > span:before{
  content: url("data:image/svg+xml,%3Csvg width='32px' height='32px' viewBox='0 0 32 32' id='icon' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23231f20; %7D .cls-2 %7B fill: none; %7D %3C/style%3E%3C/defs%3E%3Cpath d='M26,29h-.17C6.18,27.87,3.39,11.29,3,6.23A3,3,0,0,1,5.7612,3.0088Q5.88,3,6,3h5.27a2,2,0,0,1,1.86,1.26L14.65,8a2,2,0,0,1-.44,2.16l-2.13,2.15a9.36,9.36,0,0,0,7.58,7.6l2.17-2.15A2,2,0,0,1,24,17.35l3.77,1.51A2,2,0,0,1,29,20.72V26A3,3,0,0,1,26,29ZM6,5a1,1,0,0,0-1.0032.9968q0,.0417.0032.0832C5.46,12,8.41,26,25.94,27a1,1,0,0,0,1.0582-.9382Q27,26.0309,27,26V20.72l-3.77-1.51-2.87,2.85L19.88,22C11.18,20.91,10,12.21,10,12.12l-.06-.48,2.84-2.87L11.28,5Z' transform='translate(0)'/%3E%3Cpolygon class='cls-1' points='27 13 27 11 22.414 11 29 4.414 27.586 3 21 9.586 21 5 19 5 19 13 27 13'/%3E%3Crect id='_Transparent_Rectangle_' data-name='<Transparent Rectangle>' class='cls-2' width='32' height='32'/%3E%3C/svg%3E");
  width: 32px;
  height: 32px;
  display:block;
}
.icon-checkbox:checked + label:before {opacity: .6;}

.form_inputs > #from_btn_send{
  margin: 0 auto;
  position: static;
}