@charset "UTF-8";
.section-banner .gradient-line {
  width: 50px;
  border-radius: 6px;
  height: 5px;
  background: linear-gradient(90deg, #00A8EF 0%, #FCDD26 100%);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
}

div#contact-container .row_col_wrap_12 {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1300px) {
  div#contact-container .row_col_wrap_12 {
    margin-left: 24px !important;
    margin-right: 24px !important;
    width: auto;
  }
}
@media (max-width: 768px) {
  div#contact-container .row_col_wrap_12 {
    margin-left: 16px !important;
    margin-right: 16px !important;
    width: auto;
  }
}
div#contact-container div.contact-content-section > .vc_column-inner > .wpb_wrapper {
  display: flex;
  gap: 30px;
}
@media (max-width: 1023px) {
  div#contact-container div.contact-content-section > .vc_column-inner > .wpb_wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}
div#contact-container div.contact-content-section div#contact-content-title {
  min-width: 400px;
}
@media (max-width: 1023px) {
  div#contact-container div.contact-content-section div#contact-content-title {
    min-width: 100%;
  }
}
div#contact-container div.contact-content-section div#contact-content-title div#contact-description {
  color: var(--var-color-other-text-title, #1F1068);
  width: 407px;
  height: 92px;
  font-size: 44px;
  font-weight: 700;
  line-height: 46px;
}
div#contact-container div.contact-content-section div#follow-us-social-media .row_col_wrap_12_inner {
  display: flex;
  gap: 16px;
}

div#contact-location-container > .row_col_wrap_12 {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 999px) {
  div#contact-location-container > .row_col_wrap_12 > .vc_col-sm-8.wpb_column > .vc_column-inner {
    border-radius: 0 0 16px 16px;
  }
}
div#contact-location-container > .row_col_wrap_12 > .vc_col-sm-8.wpb_column > .vc_column-inner .wpb_wrapper #bangkok-location-map-section,
div#contact-location-container > .row_col_wrap_12 > .vc_col-sm-8.wpb_column > .vc_column-inner .wpb_wrapper #rayong-location-map-section {
  height: 100%;
}
div#contact-location-container > .row_col_wrap_12 > .vc_col-sm-8.wpb_column > .vc_column-inner .wpb_wrapper #bangkok-location-map-section .row_col_wrap_12_inner,
div#contact-location-container > .row_col_wrap_12 > .vc_col-sm-8.wpb_column > .vc_column-inner .wpb_wrapper #rayong-location-map-section .row_col_wrap_12_inner {
  height: inherit;
}
div#contact-location-container > .row_col_wrap_12 > .vc_col-sm-8.wpb_column > .vc_column-inner .wpb_wrapper #bangkok-location-map-section .row_col_wrap_12_inner .vc_col-sm-12 .vc_column-inner,
div#contact-location-container > .row_col_wrap_12 > .vc_col-sm-8.wpb_column > .vc_column-inner .wpb_wrapper #rayong-location-map-section .row_col_wrap_12_inner .vc_col-sm-12 .vc_column-inner {
  height: 100%;
}
div#contact-location-container > .row_col_wrap_12 > .vc_col-sm-8.wpb_column > .vc_column-inner .wpb_wrapper #bangkok-location-map-section .row_col_wrap_12_inner .vc_col-sm-12 .vc_column-inner .wpb_wrapper,
div#contact-location-container > .row_col_wrap_12 > .vc_col-sm-8.wpb_column > .vc_column-inner .wpb_wrapper #rayong-location-map-section .row_col_wrap_12_inner .vc_col-sm-12 .vc_column-inner .wpb_wrapper {
  height: inherit;
}
div#contact-location-container > .row_col_wrap_12 > .vc_col-sm-8.wpb_column > .vc_column-inner .wpb_wrapper #bangkok-location-map-section .row_col_wrap_12_inner .vc_col-sm-12 .vc_column-inner .wpb_wrapper .wpb_raw_code,
div#contact-location-container > .row_col_wrap_12 > .vc_col-sm-8.wpb_column > .vc_column-inner .wpb_wrapper #rayong-location-map-section .row_col_wrap_12_inner .vc_col-sm-12 .vc_column-inner .wpb_wrapper .wpb_raw_code {
  height: inherit;
}
div#contact-location-container > .row_col_wrap_12 > .vc_col-sm-8.wpb_column > .vc_column-inner .wpb_wrapper #bangkok-location-map-section .row_col_wrap_12_inner .vc_col-sm-12 .vc_column-inner .wpb_wrapper .wpb_raw_code .wpb_wrapper,
div#contact-location-container > .row_col_wrap_12 > .vc_col-sm-8.wpb_column > .vc_column-inner .wpb_wrapper #rayong-location-map-section .row_col_wrap_12_inner .vc_col-sm-12 .vc_column-inner .wpb_wrapper .wpb_raw_code .wpb_wrapper {
  height: inherit;
}
@media screen and (max-width: 999px) {
  div#contact-location-container > .row_col_wrap_12 > .vc_col-sm-8.wpb_column > .vc_column-inner .wpb_wrapper #bangkok-location-map-section .row_col_wrap_12_inner .vc_col-sm-12 .vc_column-inner .wpb_wrapper .wpb_raw_code .wpb_wrapper,
  div#contact-location-container > .row_col_wrap_12 > .vc_col-sm-8.wpb_column > .vc_column-inner .wpb_wrapper #rayong-location-map-section .row_col_wrap_12_inner .vc_col-sm-12 .vc_column-inner .wpb_wrapper .wpb_raw_code .wpb_wrapper {
    height: 608px;
  }
}
@media screen and (max-width: 999px) {
  div#contact-location-container > .row_col_wrap_12 .vc_col-sm-4.wpb_column > .vc_column-inner {
    border-radius: 16px 16px 0 0;
  }
}
@media screen and (max-width: 999px) {
  div#contact-location-container > .row_col_wrap_12 .vc_col-sm-4.wpb_column > .vc_column-inner .column-bg-overlay-wrap {
    border-radius: 16px 16px 0 0;
  }
}
@media screen and (max-width: 999px) {
  div#contact-location-container > .row_col_wrap_12 .vc_col-sm-4.wpb_column > .vc_column-inner .wpb_wrapper {
    display: flex;
    gap: 16px;
  }
}
@media screen and (max-width: 690px) {
  div#contact-location-container > .row_col_wrap_12 .vc_col-sm-4.wpb_column > .vc_column-inner .wpb_wrapper {
    flex-direction: inherit;
  }
}
div#contact-location-container > .row_col_wrap_12 .vc_col-sm-4.wpb_column > .vc_column-inner .wpb_wrapper div#contact-bangkok-info-section,
div#contact-location-container > .row_col_wrap_12 .vc_col-sm-4.wpb_column > .vc_column-inner .wpb_wrapper div#contact-rayong-info-section {
  cursor: pointer;
  border-radius: 16px;
}
@media screen and (max-width: 999px) {
  div#contact-location-container > .row_col_wrap_12 .vc_col-sm-4.wpb_column > .vc_column-inner .wpb_wrapper div#contact-bangkok-info-section,
  div#contact-location-container > .row_col_wrap_12 .vc_col-sm-4.wpb_column > .vc_column-inner .wpb_wrapper div#contact-rayong-info-section {
    flex: 1 1 50%;
  }
}
div#contact-location-container > .row_col_wrap_12 .vc_col-sm-4.wpb_column > .vc_column-inner .wpb_wrapper div#contact-bangkok-info-section div.office-location-wrapper,
div#contact-location-container > .row_col_wrap_12 .vc_col-sm-4.wpb_column > .vc_column-inner .wpb_wrapper div#contact-rayong-info-section div.office-location-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
div#contact-location-container > .row_col_wrap_12 .vc_col-sm-4.wpb_column > .vc_column-inner .wpb_wrapper div#contact-bangkok-info-section div.office-location-wrapper div.office-location-title,
div#contact-location-container > .row_col_wrap_12 .vc_col-sm-4.wpb_column > .vc_column-inner .wpb_wrapper div#contact-rayong-info-section div.office-location-wrapper div.office-location-title {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--var-color-other, #001E7F);
}
div#contact-location-container > .row_col_wrap_12 .vc_col-sm-4.wpb_column > .vc_column-inner .wpb_wrapper div#contact-bangkok-info-section div.office-location-wrapper div.office-location-address,
div#contact-location-container > .row_col_wrap_12 .vc_col-sm-4.wpb_column > .vc_column-inner .wpb_wrapper div#contact-rayong-info-section div.office-location-wrapper div.office-location-address {
  color: var(--var-color-neutral-grey-400, #4E4E4E);
}
div#contact-location-container > .row_col_wrap_12 .vc_col-sm-4.wpb_column > .vc_column-inner .wpb_wrapper div#contact-bangkok-info-section div.office-location-wrapper div.office-location-contact,
div#contact-location-container > .row_col_wrap_12 .vc_col-sm-4.wpb_column > .vc_column-inner .wpb_wrapper div#contact-rayong-info-section div.office-location-wrapper div.office-location-contact {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
div#contact-location-container > .row_col_wrap_12 .vc_col-sm-4.wpb_column > .vc_column-inner .wpb_wrapper div#contact-bangkok-info-section div.office-location-wrapper div.office-location-contact .office-location-tel,
div#contact-location-container > .row_col_wrap_12 .vc_col-sm-4.wpb_column > .vc_column-inner .wpb_wrapper div#contact-bangkok-info-section div.office-location-wrapper div.office-location-contact .office-location-fax,
div#contact-location-container > .row_col_wrap_12 .vc_col-sm-4.wpb_column > .vc_column-inner .wpb_wrapper div#contact-rayong-info-section div.office-location-wrapper div.office-location-contact .office-location-tel,
div#contact-location-container > .row_col_wrap_12 .vc_col-sm-4.wpb_column > .vc_column-inner .wpb_wrapper div#contact-rayong-info-section div.office-location-wrapper div.office-location-contact .office-location-fax {
  display: flex;
  align-items: center;
  gap: 8px;
}
div#contact-location-container > .row_col_wrap_12 .vc_col-sm-4.wpb_column > .vc_column-inner .wpb_wrapper div#contact-bangkok-info-section div.office-location-wrapper div.office-location-contact .office-location-tel span,
div#contact-location-container > .row_col_wrap_12 .vc_col-sm-4.wpb_column > .vc_column-inner .wpb_wrapper div#contact-bangkok-info-section div.office-location-wrapper div.office-location-contact .office-location-fax span,
div#contact-location-container > .row_col_wrap_12 .vc_col-sm-4.wpb_column > .vc_column-inner .wpb_wrapper div#contact-rayong-info-section div.office-location-wrapper div.office-location-contact .office-location-tel span,
div#contact-location-container > .row_col_wrap_12 .vc_col-sm-4.wpb_column > .vc_column-inner .wpb_wrapper div#contact-rayong-info-section div.office-location-wrapper div.office-location-contact .office-location-fax span {
  color: var(--var-color-neutral-grey-500, #474E62);
}
div#contact-location-container > .row_col_wrap_12 .vc_col-sm-4.wpb_column > .vc_column-inner .wpb_wrapper div#contact-bangkok-info-section div.office-location-wrapper div.office-location-button,
div#contact-location-container > .row_col_wrap_12 .vc_col-sm-4.wpb_column > .vc_column-inner .wpb_wrapper div#contact-rayong-info-section div.office-location-wrapper div.office-location-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 52px;
  padding: 12px 24px 12px 24px;
  gap: 10px;
  border-radius: 8px;
  box-shadow: 0 3px 16px 0 rgba(24, 74, 234, 0.0901960784);
  cursor: pointer;
}
div#contact-location-container > .row_col_wrap_12 .vc_col-sm-4.wpb_column > .vc_column-inner .wpb_wrapper div#contact-bangkok-info-section div.office-location-wrapper div.office-location-button .office-location-label,
div#contact-location-container > .row_col_wrap_12 .vc_col-sm-4.wpb_column > .vc_column-inner .wpb_wrapper div#contact-rayong-info-section div.office-location-wrapper div.office-location-button .office-location-label {
  color: var(--var-color-secondary-salmon, #FA9370);
}
div#contact-location-container > .row_col_wrap_12 .vc_col-sm-4.wpb_column > .vc_column-inner .wpb_wrapper div#contact-bangkok-info-section .map-route-button,
div#contact-location-container > .row_col_wrap_12 .vc_col-sm-4.wpb_column > .vc_column-inner .wpb_wrapper div#contact-rayong-info-section .map-route-button {
  cursor: pointer;
  width: 100%;
}
div#contact-location-container > .row_col_wrap_12 .vc_col-sm-4.wpb_column > .vc_column-inner .wpb_wrapper div#contact-bangkok-info-section.active,
div#contact-location-container > .row_col_wrap_12 .vc_col-sm-4.wpb_column > .vc_column-inner .wpb_wrapper div#contact-rayong-info-section.active {
  background-color: #F8FAFD;
}

div.follow-us-social-group svg.social-icon:hover {
  cursor: pointer;
}
div.follow-us-social-group svg.social-icon:hover rect {
  stroke: #F1437A;
}
div.follow-us-social-group svg.social-icon:hover path {
  fill: #F1437A;
}
div.follow-us-social-group svg.social-icon:hover rect {
  stroke: var(--var-color-secondary-text-link, #FC835C);
}
div.follow-us-social-group svg.social-icon:hover path {
  fill: var(--var-color-secondary-text-link, #FC835C);
}
div.follow-us-social-group svg.social-icon:hover.facebook rect {
  stroke: #1877F2;
}
div.follow-us-social-group svg.social-icon:hover.facebook path {
  fill: #1877F2;
}
div.follow-us-social-group svg.social-icon:hover.twitter rect {
  stroke: #000926;
}
div.follow-us-social-group svg.social-icon:hover.twitter path {
  fill: #000926;
}
div.follow-us-social-group svg.social-icon:hover.instagram rect {
  stroke: #F1437A;
}
div.follow-us-social-group svg.social-icon:hover.instagram path {
  fill: #F1437A;
}
div.follow-us-social-group svg.social-icon:hover.youtube rect {
  stroke: #E31010;
}
div.follow-us-social-group svg.social-icon:hover.youtube path {
  fill: #E31010;
}

div#contact-form-container .row-bg-wrap .inner-wrap.row-bg-layer.using-image .row-bg.viewport-desktop.using-image {
  height: 500px;
  border-bottom-right-radius: 64px;
}
div#contact-form-container .row_col_wrap_12 {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}
div#contact-form-container .row_col_wrap_12 .wpb_column {
  padding-left: 0;
  padding-right: 0;
}
div#contact-form-container .row_col_wrap_12 .vc_col-sm-6:has(#contact-form-section) {
  padding: 0;
}
div#contact-form-container .row_col_wrap_12 .vc_col-sm-6:has(#contact-form-section) > .vc_column-inner {
  padding-top: 0;
}
div#contact-form-container div#contact-form-title {
  margin-bottom: 0;
}
div#contact-form-container div#contact-form-description {
  color: var(--var-color-other-text-title, #1F1068);
  width: 407px;
  height: 92px;
  font-size: 44px;
  font-weight: 700;
  line-height: 46px;
}
div#contact-form-container div#contact-form-section .row_col_wrap_12_inner .wpb_column .vc_column-inner {
  box-shadow: 0 3px 16px 0 rgba(24, 74, 234, 0.09);
}
div#contact-form-container div#contact-form-section div#forminator-form-section div.forminator-field label {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  color: var(--var-color-neutral-grey-600, #2A2C37);
}
div#contact-form-container div#contact-form-section div#forminator-form-section div.forminator-field input,
div#contact-form-container div#contact-form-section div#forminator-form-section div.forminator-field textarea {
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  color: var(--var-color-neutral-grey-500, #474E62);
  border-radius: 12px;
  border: 1px solid var(--var-color-neutral-grey-200, #CCCED4);
  padding: 12px 16px;
  background-color: var(--white, #FFFFFF);
}
div#contact-form-container div#contact-form-section div#forminator-form-section div.forminator-field span.forminator-select .selection span.select2-selection {
  border-radius: 12px;
  border: 1px solid var(--var-color-neutral-grey-200, #CCCED4);
  background-color: var(--white, #FFFFFF);
}
div#contact-form-container div#contact-form-section div#forminator-form-section div.forminator-field span.forminator-select .selection span.select2-selection:focus {
  border: 1px solid var(--var-color-primary-green, #03B6B5);
  box-shadow: 0 0 5px 0 rgba(3, 182, 181, 0.2509803922);
}
div#contact-form-container div#contact-form-section div#forminator-form-section div.forminator-field span.forminator-select .selection span.select2-selection span.select2-selection__rendered {
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  color: var(--var-color-neutral-grey-300, #999DA8);
  padding: 12px 16px;
}
div#contact-form-container div#contact-form-section div#forminator-form-section div.form-consent-field div.forminator-field label.forminator-checkbox {
  display: flex;
  align-items: flex-start;
}
div#contact-form-container div#contact-form-section div#forminator-form-section div.form-consent-field div.forminator-field label.forminator-checkbox input[type=checkbox]:checked ~ span.forminator-checkbox-box {
  color: #ffffff;
  border-color: var(--var-color-primary-green, #03B6B5);
  background-color: var(--var-color-primary-green, #03B6B5);
}
div#contact-form-container div#contact-form-section div#forminator-form-section div.form-consent-field div.forminator-field label.forminator-checkbox span.forminator-checkbox-box {
  border-radius: 4px;
  background-color: var(--white, #FFFFFF);
}
div#contact-form-container div#contact-form-section div#forminator-form-section div.form-consent-field div.forminator-field label.forminator-checkbox span.forminator-checkbox-label {
  font-size: 24px;
  font-weight: 400;
  color: var(--var-color-neutral-grey-500, #474E62);
}
div#contact-form-container div#contact-form-section div#forminator-form-section div.form-consent-field div.forminator-field label.forminator-checkbox span.forminator-checkbox-label a#form-consent-personal-link {
  font-size: 24px;
  font-weight: 400;
  color: var(--var-color-other-text-link, #FC835C);
  text-decoration: none;
}
div#contact-form-container div#contact-form-section div#forminator-form-section div.forminator-row.forminator-row-last div.forminator-field {
  text-align: center;
}
div#contact-form-container div#contact-form-img-bg {
  position: absolute;
  top: -60px;
  left: 275px;
}
@media screen and (max-width: 374px) {
  div#contact-form-container div#contact-form-img-bg {
    left: auto;
    right: 0;
  }
}
div#contact-form-container .send-contact-form-button {
  width: 125px;
  height: 52px;
  gap: 10px;
  border-radius: 8px;
  color: #ffffff;
  background-color: var(--var-color-secondary-salmon, #FA9370);
  font-weight: 500;
  font-size: 24px !important;
  line-height: 28px !important;
}
div#contact-form-container .send-contact-form-button::after {
  display: inline-block;
  content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.00065 1.83301C6.36515 1.83301 4.79663 2.48271 3.64016 3.63918C2.48369 4.79566 1.83398 6.36417 1.83398 7.99967C1.83398 9.63518 2.48369 11.2037 3.64016 12.3602C4.79663 13.5166 6.36515 14.1663 8.00065 14.1663C9.63615 14.1663 11.2047 13.5166 12.3611 12.3602C13.5176 11.2037 14.1673 9.63518 14.1673 7.99967C14.1673 6.36417 13.5176 4.79566 12.3611 3.63918C11.2047 2.48271 9.63615 1.83301 8.00065 1.83301ZM0.833984 7.99967C0.833984 4.04167 4.04265 0.833008 8.00065 0.833008C11.9587 0.833008 15.1673 4.04167 15.1673 7.99967C15.1673 11.9577 11.9587 15.1663 8.00065 15.1663C4.04265 15.1663 0.833984 11.9577 0.833984 7.99967ZM6.64732 5.64634C6.74107 5.55271 6.86815 5.50011 7.00065 5.50011C7.13315 5.50011 7.26023 5.55271 7.35398 5.64634L9.35398 7.64634C9.44762 7.74009 9.50021 7.86717 9.50021 7.99967C9.50021 8.13217 9.44762 8.25926 9.35398 8.35301L7.35398 10.353C7.30821 10.4021 7.25301 10.4415 7.19168 10.4689C7.13034 10.4962 7.06413 10.5109 6.997 10.5121C6.92986 10.5133 6.86318 10.5009 6.80092 10.4758C6.73866 10.4506 6.68211 10.4132 6.63463 10.3657C6.58715 10.3182 6.54972 10.2617 6.52457 10.1994C6.49942 10.1371 6.48707 10.0705 6.48826 10.0033C6.48944 9.93619 6.50414 9.86998 6.53146 9.80865C6.55879 9.74732 6.59819 9.69212 6.64732 9.64634L8.29398 7.99967L6.64732 6.35301C6.55368 6.25926 6.50109 6.13217 6.50109 5.99967C6.50109 5.86717 6.55368 5.74009 6.64732 5.64634Z" fill="white"/> </svg>');
  font-weight: 900;
  margin-left: 10px;
}

/** Dropdown `เลือกหัวข้อที่ต้องการติดต่อ` */
span.forminator-select span.forminator-select-dropdown {
  background-color: var(--white, #FFFFFF);
}
span.forminator-select span.forminator-select-dropdown span.select2-results ul.select2-results__options li {
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 28px !important;
}
span.forminator-select span.forminator-select-dropdown span.select2-results ul.select2-results__options li.select2-results__option.select2-results__option--selected {
  background-color: var(--white, #FFFFFF);
  color: var(--var-color-primary-green, #03B6B5);
}
span.forminator-select span.forminator-select-dropdown span.select2-results ul.select2-results__options li.select2-results__option.select2-results__option--selectable.select2-results__option--highlighted {
  background: rgba(3, 182, 181, 0.1019607843);
}

.select2-container.forminator-select.forminator-select-dropdown-container--open.select2-container--open .forminator-select-dropdown.forminator-dropdown--default.forminator-select-dropdown--below {
  border-color: transparent;
  box-shadow: 0 3px 16px 0 rgba(24, 74, 234, 0.0901960784);
  border-radius: 8px;
  background-color: var(--white, #FFFFFF);
}
.select2-container.forminator-select.forminator-select-dropdown-container--open.select2-container--open .forminator-select-dropdown.forminator-dropdown--default.forminator-select-dropdown--below .select2-results .select2-results__options .select2-results__option--selected {
  color: var(--var-color-primary-green, #03B6B5);
  background-color: var(--white, #FFFFFF);
}
.select2-container.forminator-select.forminator-select-dropdown-container--open.select2-container--open .forminator-select-dropdown.forminator-dropdown--default.forminator-select-dropdown--below .select2-results .select2-results__options .select2-results__option--highlighted {
  background-color: rgba(3, 182, 181, 0.1019607843);
}

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