.support2_inquiry {

  overflow: visible;

  padding-top: 13.4rem;

  padding-bottom: 8.7rem;

  margin-bottom: 15rem;

  background-color: #f9f6ef;

  position: relative;

}

.support2_inquiry .support2_main {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  position: relative;

}

.support2_inquiry .head {

  max-width: 78rem;

  margin: auto;

}

.support2_inquiry .head h2 {

  width: 100%;

  margin-bottom: 4.6rem;

}

.support2_inquiry .head p {

  font-size: 1.8rem;

  line-height: 2.6rem;

  font-weight: 400;

  color: #424242;

}

.support2_inquiry .form {

  margin-top: 4.6rem;

  margin-bottom: 17rem;

}

.support2_inquiry .form form {

  display: grid;

  grid-template-columns: 1fr auto;

  margin: 0 auto;

  gap: 1.8rem;

  width: fit-content;

  justify-content: space-between;

}

.support2_inquiry .form form input {

  width: 62.4rem;

  background-color: transparent;

  border: 2px solid rgba(25, 25, 30, 0.24);

  font-size: 1.8rem;

  padding: 0 2rem;

}

.support2_inquiry .form form input::placeholder {

  color: #757575;

}

.support2_inquiry .form label .btn {

  cursor: pointer;

  text-align: center;

  padding: 1.2rem 5.8rem;

}

.support2_inquiry .form label input {

  display: none;

}

.support2_inquiry a {

  display: block;

  font-size: 2rem;

  line-height: 2.1rem;

  font-weight: 600;

  color: #161616;

  position: relative;

  margin: auto;

  transition: all 0.3s;

  padding-right: 2rem;

}

.support2_inquiry a:hover {

  color: #e96100;

}

.support2_inquiry a:hover::after {

  transform: translate(0.5rem, 0.3rem);

}

.support2_inquiry a::after {

  content: '';

  display: block;

  position: absolute;

  top: 0;

  right: 0;

  width: 1rem;

  height: 1.4rem;

  transform: translateY(0.3rem);

  transition: all 0.3s;

  background: url(../img/arr-rw2.svg) no-repeat center / contain;

}

.support2_inquiry .img {

  position: absolute;

}

.support2_inquiry .left {

  left: -24.1%;

  top: -3%;

  max-width: 45.2rem;

  aspect-ratio: 452/452;

}

.support2_inquiry .right {

  top: -14%;

  right: 6%;

  max-width: 33.7rem;

  aspect-ratio: 337/324;

}

.support2_inquiry .right2 {

  bottom: -20%;

  right: 1%;

  max-width: 62rem;

  aspect-ratio: 620/465;

}

.inquiry_main {

  background-color: #fff;

  padding-top: 10.8rem;

  padding-bottom: 21.6rem;

}

.inquiry_main .left {

  flex: 1;

  max-width: 39.4rem;

}

.inquiry_main .left .head p {

  font-size: 1.8rem;

  color: #3d3d3d;

  line-height: 2.8rem;

  margin-top: 3.7rem;

}

.inquiry_main .left .way {

  margin-top: 5.4rem;

}

.inquiry_main .left .way .item {

  display: flex;

  align-items: center;

  gap: 2.2rem;

  margin-bottom: 2.4rem;

  width: fit-content;

}

.inquiry_main .left .way .item:hover i {

  background-color: var(--theme_color);

}

.inquiry_main .left .way .item:last-child {

  margin-bottom: 0;

}

.inquiry_main .left .way i {

  display: block;

  width: 4.8rem;

  height: 4.8rem;

  border-radius: 50%;

  background: no-repeat center / contain;

  background-color: #161616;

  transition: all 0.3s;

  flex-shrink: 0;

}

.inquiry_main .left .way .phone i {

  background-image: url(../img/cphone.svg);

}

.inquiry_main .left .way .email i {

  background-image: url(../img/cemail.svg);

}

.inquiry_main .left .way a {

  font-size: 2.2rem;

  font-family: 'Oswald', sans-serif;

  font-weight: 700;

  transition: all 0.3s;

}

.inquiry_main .left .way a:hover {

  color: var(--theme_color);

}

.inquiry_main .right {

  width: 53.611%;

  padding-top: 2.5rem;

}

.inquiry_main .right form {

  display: flex;

  justify-content: space-between;

  gap: 2.3rem 1rem;

  flex-wrap: wrap;

}

.inquiry_main .right form div {

  width: 100%;

}

.inquiry_main .right form span:not(.wpcf7-not-valid-tip) {

  font-size: 1.6rem;

  color: #727272;

  display: block;

  cursor: pointer;

}

.inquiry_main .right form i {

  font-size: 1.5rem;

  color: var(--theme_color);

}

.inquiry_main .right form input,

.inquiry_main .right form textarea,

.inquiry_main .right form select {

  font-size: 1.6rem;

  width: 100%;

  background-color: #f4f4f4;

  padding: 1.5rem;

  margin-top: 1.1rem;

  outline: none;

  border: none;

}

.inquiry_main .right form textarea {

  height: 17.8rem;

}

.inquiry_main .right form .col2 {

  width: 100%;

}

.inquiry_main .right form .check {

  margin-top: -0.4rem;

}

.inquiry_main .right form .check label {

  display: flex;

  gap: 1.6rem;

}

.inquiry_main .right form .check input {

  padding: 0;

  border: 1px solid #d6d6d6;

  width: 2.6rem;

  height: 2.6rem;

  flex-shrink: 0;

  background: url(../img/yes.svg) no-repeat center / 90%;

  background-color: transparent;

  margin-top: 0;

  transition: all 0.3s;

}

.inquiry_main .right form .check input:checked {

  background-color: var(--theme_color);

  border-color: var(--theme_color);

}

.inquiry_main .right form .check span {

  font-size: 1.7rem;

  color: #3d3d3d;

  line-height: 2.6rem;

  cursor: pointer;

}

.inquiry_main .right form .submit {

  margin-top: 2.1rem;

  width: fit-content;

  position: relative;

}

.inquiry_main .right form .submit input {

  display: none;

}

.inquiry_main .right form .submit .btn {

  padding: 1.2rem 5.2rem;

}

.registration_main {

  padding: 10.8rem 0 17rem;

}

.registration_main .head {

  max-width: 85.9rem;

  margin: 0 auto;

}

.registration_main .head h2 {

  margin: 0 auto;

}

.registration_main .head p {

  font-size: 1.8rem;

  color: #3d3d3d;

  line-height: 2.8rem;

  text-align: center;

  margin-top: 5.4rem;

}

.registration_main .form {

  max-width: 91.9rem;

  margin: 0 auto;

  margin-top: 7.2rem;

}

.registration_main .form form {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  gap: 2.2rem 1.2rem;

}

.registration_main .form form > div {

  width: 100%;

}

.registration_main .form .col2 {

  width: 48.966%;

}

.registration_main .form span:not(.wpcf7-not-valid-tip) {

  font-size: 1.6rem;

  color: #727272;

  display: block;

  cursor: pointer;

}

.registration_main .form span:not(.wpcf7-not-valid-tip).country-name {

  display: inline;

}

.registration_main .form i {

  font-size: 1.5rem;

  color: var(--theme_color);

}

.registration_main .form input,

.registration_main .form textarea,

.registration_main .form select {

  font-size: 1.6rem;

  width: 100%;

  background-color: #f4f4f4;

  padding: 1.5rem 2.1rem;

  margin-top: 1.1rem;

  line-height: 2rem;

  outline: none;

  border: none;

}

.country-select {

  margin-top: 1.1rem;

}

.registration_main .form textarea {

  height: 11.3rem;

}

.registration_main .form select {

  padding-right: 5rem;

  width: 100%;

  font-weight: 600;

  background: url(../img/arr-thb.svg) no-repeat 96% center / 1.4rem #f4f4f4;

}

.registration_main .form .check {

  margin-top: -0.4rem;

}

.registration_main .form .check label {

  display: flex;

  gap: 1.6rem;

}

.registration_main .form .check input {

  padding: 0;

  border: 1px solid #d6d6d6;

  width: 2.6rem;

  height: 2.6rem;

  flex-shrink: 0;

  background: url(../img/yes.svg) no-repeat center / 90%;

  background-color: transparent;

  margin-top: 0;

  transition: all 0.3s;

}

.registration_main .form .check input:checked {

  background-color: var(--theme_color);

  border-color: var(--theme_color);

}

.registration_main .form .check span {

  font-size: 1.7rem;

  color: #3d3d3d;

  line-height: 2.6rem;

  cursor: pointer;

}

.registration_main .form .model > span {

  font-size: 1.5rem;

  color: #3d3d3d;

  display: block;

  margin-top: 1.2rem;

  margin-bottom: 0.2rem;

  cursor: unset;

}

.registration_main .form .model select {

  background-position: 97.5% center;

}

.registration_main .form .submit {

  margin-top: 4.3rem;

  position: relative;

}

.registration_main .form .submit .wpcf7-spinner {

  left: unset;

  right: 0;

}

.registration_main .form .submit input {

  display: none;

}

.registration_main .form .submit .btn {

  padding: 1.2rem 5.2rem;

  margin: 0 auto;

}

.support_inquiry {

  padding-top: 23.8rem;

  padding-bottom: 28rem;

  overflow: hidden;

  position: relative;

}

.support_inquiry .support_main {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  position: relative;

}

.support_inquiry .head {

  max-width: 79rem;

  margin: auto;

}

.support_inquiry .head h2 {

  width: 100%;

  margin-bottom: 4.6rem;

}

.support_inquiry .head h2::after {

  margin-left: 1.5rem;

  margin-bottom: 3rem;

}

.support_inquiry .head p {

  font-size: 1.8rem;

  line-height: 2.6rem;

  font-weight: 400;

  color: #424242;

}

.support_inquiry .form {

  margin-top: 4.6rem;

  margin-bottom: 17rem;

}

.support_inquiry .form form {

  display: grid;

  grid-template-columns: 1fr auto;

  margin: 0 auto;

  gap: 1.8rem;

  width: fit-content;

  justify-content: space-between;

}

.support_inquiry .form form input {

  width: 62.4rem;

  background-color: transparent;

  border: 2px solid rgba(25, 25, 30, 0.24);

  font-size: 1.8rem;

  padding: 0 2rem;

}

.support_inquiry .form form input::placeholder {

  color: #757575;

}

.support_inquiry .form label .btn {

  cursor: pointer;

  text-align: center;

  padding: 1.2rem 5.8rem;

}

.support_inquiry .form label input {

  display: none;

}

.support_inquiry a {

  display: block;

  font-size: 2rem;

  line-height: 2.1rem;

  font-weight: 600;

  color: #161616;

  margin: auto;

  transition: all 0.3s;

  padding-right: 2rem;

  position: relative;

}

.support_inquiry a:hover {

  color: #e96100;

}

.support_inquiry a:hover::after {

  transform: translate(0.5rem, 0.3rem);

}

.support_inquiry a::after {

  content: '';

  display: block;

  width: 1rem;

  height: 1.4rem;

  position: absolute;

  top: 0;

  right: 0;

  transform: translateY(0.3rem);

  transition: all 0.3s;

  background: url(../img/arr-rw2.svg) no-repeat center / contain;

}

.support_inquiry .img {

  position: absolute;

}

.support_inquiry .left {

  left: -27.5%;

  top: -3%;

  max-width: 45.2rem;

  aspect-ratio: 452/452;

}

.support_inquiry .right {

  top: -6%;

  right: -6.7%;

  overflow: hidden;

  max-width: 40rem;

  aspect-ratio: 337/324;

}

.support_inquiry .right2 {

  bottom: 6%;

  right: -8.6%;

  max-width: 62rem;

  aspect-ratio: 620/465;

}




#result{
  margin-top: 3rem;
}
#result.loading{
  height: 200px;
}

#result table{
  border-collapse: collapse;

}
#result table td{
  padding: 1rem;
  background-color: transparent;
  font-size: 1.8rem;
}

#result table:nth-of-type(1) td{
  font-size: 2rem;
  font-weight: 500;
  color: #333;
  border: none;
}
#result table:nth-of-type(2) tbody tr:nth-of-type(2n+1) td{
  background-color: #eee;
}