.salse-inquiry-wrapper.service-form-page {
  background: #F6F7F9;
  display: block;
  width: 100%;
}
.salse-inquiry-wrapper.service-form-page .salse-inquiry-container {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
  padding-bottom: 120px;
  display: flex;
  flex-direction: column;
  padding: 64px 0 120px 0;
}
@media screen and (max-width: 767px) {
  .salse-inquiry-wrapper.service-form-page .salse-inquiry-container {
    padding: 0 20px;
  }
}
.salse-inquiry-wrapper.service-form-page .salse-inquiry-container .salse-inquiry-title {
  color: #434447;
  font-family: Heebo;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  font-size: 48px;
  border: none;
  padding: 0;
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .salse-inquiry-wrapper.service-form-page .salse-inquiry-container .salse-inquiry-title {
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 48px;
    margin: 40px 0 24px 0;
  }
}
.salse-inquiry-wrapper.service-form-page .salse-inquiry-container form {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .salse-inquiry-wrapper.service-form-page .salse-inquiry-container form {
    width: 100vw;
    margin-left: -20px;
  }
}
.salse-inquiry-wrapper.service-form-page .salse-inquiry-container form .fieldset-container {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .salse-inquiry-wrapper.service-form-page .salse-inquiry-container form .fieldset-container {
    flex-direction: column;
    gap: 12px;
  }
}
.salse-inquiry-wrapper.service-form-page .salse-inquiry-container form fieldset {
  max-width: 800px;
  width: 100%;
  background: #fff;
  padding: 40px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .salse-inquiry-wrapper.service-form-page .salse-inquiry-container form fieldset {
    padding: 20px;
  }
}
.salse-inquiry-wrapper.service-form-page .salse-inquiry-container form fieldset legend {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.72px;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .salse-inquiry-wrapper.service-form-page .salse-inquiry-container form fieldset legend {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
  }
}
.salse-inquiry-wrapper.service-form-page .salse-inquiry-container form fieldset legend + label {
  margin-top: 0 !important;
}
.salse-inquiry-wrapper.service-form-page .salse-inquiry-container form fieldset label {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  max-width: 100%;
  white-space: break-spaces;
  margin-bottom: 4px;
}
@media screen and (max-width: 767px) {
  .salse-inquiry-wrapper.service-form-page .salse-inquiry-container form fieldset label.error {
    color: #DB3A3A;
  }
}
.salse-inquiry-wrapper.service-form-page .salse-inquiry-container form fieldset #salseInquirySelectType {
  height: 40px;
  padding: 8px;
  border-radius: 2px;
  border: 1px solid #CFD2D5;
  background: #FFF;
  width: 100%;
}
.salse-inquiry-wrapper.service-form-page .salse-inquiry-container form fieldset textarea {
  padding: 8px 12px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  flex-shrink: 0;
  align-self: stretch;
  border-radius: 2px;
  border: 1px solid #CFD2D5;
  background: #FFF;
  margin: 4px 0 16px 0;
  height: 160px;
  resize: none;
}
.salse-inquiry-wrapper.service-form-page .salse-inquiry-container form fieldset a {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  color: #006EFF;
  padding: 8px 0;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  text-decoration: none;
}
.salse-inquiry-wrapper.service-form-page .salse-inquiry-container form fieldset a i {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"><path d="M8 18.916L8 7.41602C8 5.20602 9.79 3.41602 12 3.41602C14.21 3.41602 16 5.20602 16 7.41602L16 19.916C16 21.296 14.88 22.416 13.5 22.416C12.12 22.416 11 21.296 11 19.916L11 9.41602C11 8.86602 11.45 8.41602 12 8.41602C12.55 8.41602 13 8.86602 13 9.41602L13 18.916L14.5 18.916L14.5 9.41602C14.5 8.03602 13.38 6.91602 12 6.91602C10.62 6.91602 9.5 8.03602 9.5 9.41602L9.5 19.916C9.5 22.126 11.29 23.916 13.5 23.916C15.71 23.916 17.5 22.126 17.5 19.916L17.5 7.41602C17.5 4.37602 15.04 1.91602 12 1.91602C8.96 1.91602 6.5 4.37602 6.5 7.41602L6.5 18.916L8 18.916Z" fill="%23006EFF"/></svg>');
  height: 24px;
  width: 24px;
  display: inline-block;
  background-size: contain;
  cursor: pointer;
}
.salse-inquiry-wrapper.service-form-page .salse-inquiry-container form fieldset .input-item-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .salse-inquiry-wrapper.service-form-page .salse-inquiry-container form fieldset .input-item-container {
    flex-direction: column;
  }
}
.salse-inquiry-wrapper.service-form-page .salse-inquiry-container form fieldset .input-item {
  display: flex;
  flex-direction: column;
  width: calc(50% - 12px);
  margin-bottom: 24px;
  gap: 4px;
}
@media screen and (max-width: 767px) {
  .salse-inquiry-wrapper.service-form-page .salse-inquiry-container form fieldset .input-item {
    width: 100%;
  }
}
.salse-inquiry-wrapper.service-form-page .salse-inquiry-container form fieldset .input-item > div {
  display: flex;
  justify-content: space-between;
}
.salse-inquiry-wrapper.service-form-page .salse-inquiry-container form fieldset .input-item > div .element-wrapper.prefix {
  width: 40%;
}
.salse-inquiry-wrapper.service-form-page .salse-inquiry-container form fieldset .input-item > div .element-wrapper.prefix select {
  width: 100%;
}
.salse-inquiry-wrapper.service-form-page .salse-inquiry-container form fieldset .input-item > div .element-wrapper.last {
  width: 55%;
}
.salse-inquiry-wrapper.service-form-page .salse-inquiry-container form fieldset .input-item input, .salse-inquiry-wrapper.service-form-page .salse-inquiry-container form fieldset .input-item select {
  border-radius: var(--Roundness-Round-Inside, 2px);
  border: 1px solid var(--Gray-scale-50_Divider, #CFD2D5);
  background: var(--Gray-scale-00_White_BG, #FFF);
  height: 48px;
  padding: 8px 12px;
}
.salse-inquiry-wrapper.service-form-page .salse-inquiry-container form #form_content {
  margin-top: 24px;
}
.salse-inquiry-wrapper.service-form-page .salse-inquiry-container form p {
  margin: 16px 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  color: #B6BFC1;
}
.salse-inquiry-wrapper.service-form-page .salse-inquiry-container form p.request-policy {
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .salse-inquiry-wrapper.service-form-page .salse-inquiry-container form p {
    margin: 24px 20px;
  }
}
.salse-inquiry-wrapper.service-form-page .salse-inquiry-container form p a {
  color: #006EFF;
  text-decoration: none;
}
.salse-inquiry-wrapper.service-form-page .salse-inquiry-container form button.submitteBtn {
  height: 40px;
  padding: var(--Main-System-12px, 12px) 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  border-radius: 2px;
  background: var(--Brand-IoTMart-Brand-color_primary, #F39800);
  border: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
  color: #fff;
  min-width: 272.75px;
  margin: 0 auto;
  display: block;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .salse-inquiry-wrapper.service-form-page .salse-inquiry-container form button.submitteBtn {
    margin-bottom: 40px;
    width: calc(100% - 40px);
  }
}
.salse-inquiry-wrapper.service-form-page .salse-inquiry-container #dynamicFieldset > fieldset {
  padding-bottom: 0;
}
.salse-inquiry-wrapper.service-form-page .salse-inquiry-container #dynamicFieldset > fieldset label:not(.error) {
  margin-top: 24px;
}
.salse-inquiry-wrapper.service-form-page .salse-inquiry-container #dynamicFieldset input {
  border-radius: 2px;
  border: 1px solid #CFD2D5;
  background: #FFF;
  height: 48px;
  padding: 8px 12px;
  position: relative;
  width: 100%;
}
.salse-inquiry-wrapper.service-form-page .salse-inquiry-container #dynamicFieldset .line-with-two {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .salse-inquiry-wrapper.service-form-page .salse-inquiry-container #dynamicFieldset .line-with-two {
    flex-direction: column;
  }
}
.salse-inquiry-wrapper.service-form-page .salse-inquiry-container #dynamicFieldset .line-with-two .input-item {
  margin-bottom: 0;
}
.salse-inquiry-wrapper.service-form-page .salse-inquiry-container .upload-attachment-button {
  padding-top: 0;
  padding-bottom: 8px;
}
.salse-inquiry-wrapper.service-form-page .upload-popup-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
  z-index: 9;
}
.salse-inquiry-wrapper.service-form-page .upload-file-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  background: #fff;
  padding: 16px 24px;
  display: flex;
  flex-direction: column;
  width: 400px;
  margin-left: -200px;
  margin-top: -100px;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .salse-inquiry-wrapper.service-form-page .upload-file-popup {
    bottom: 0;
    left: 0;
    margin: 0;
    width: 100%;
    top: auto;
  }
}
.salse-inquiry-wrapper.service-form-page .upload-file-popup .title-popup {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #CFD2D5;
}
.salse-inquiry-wrapper.service-form-page .upload-file-popup .title-popup h4 {
  line-height: 1.75rem;
  padding-bottom: 18px;
  margin: 0;
}
.salse-inquiry-wrapper.service-form-page .upload-file-popup .title-popup i {
  cursor: pointer;
  border: none;
  background-color: #fff;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
  background: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_26185_14051)"><path d="M9.51116 22.2468C9.07924 21.8149 9.08929 21.0816 9.51116 20.6597L14.4029 15.7579L9.51116 10.8662C9.08929 10.4443 9.07924 9.71106 9.51116 9.27914C9.94308 8.84722 10.6763 8.85726 11.0982 9.26909L16 14.1709L20.8917 9.27914C21.3136 8.85726 22.0469 8.84722 22.4788 9.27914C22.9107 9.71106 22.9007 10.4443 22.4788 10.8662L17.5871 15.7579L22.4788 20.6597C22.9007 21.0816 22.9107 21.8149 22.4788 22.2468C22.0469 22.6787 21.3136 22.6686 20.8917 22.2468L16 17.355L11.0982 22.2468C10.6763 22.6686 9.94308 22.6787 9.51116 22.2468Z" fill="%23434447"/></g><defs><clipPath id="clip0_26185_14051"><rect width="32" height="32" fill="white"/></clipPath></defs></svg>');
}
.salse-inquiry-wrapper.service-form-page .upload-file-popup .drop-area-error {
  color: #DB3A3A;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  margin-bottom: 16px;
}
.salse-inquiry-wrapper.service-form-page .upload-file-popup .drop-area {
  position: relative;
  margin: 16px 0;
  padding: 16px;
  border: 1px dashed #004280;
}
.salse-inquiry-wrapper.service-form-page .upload-file-popup .drop-area.focusecd {
  border-radius: 2px;
  border: 1px solid #006EFF;
  background: #FFF;
  box-shadow: 0px 0px 0px 3px #DFEBF7;
}
.salse-inquiry-wrapper.service-form-page .upload-file-popup .drop-area .dz-button {
  width: 100%;
  height: 100%;
  border: none;
  background: none;
  text-align: left;
}
.salse-inquiry-wrapper.service-form-page .upload-file-popup .drop-area .drop-content {
  display: flex;
  gap: 10px;
}
.salse-inquiry-wrapper.service-form-page .upload-file-popup .drop-area .drop-content i {
  cursor: pointer;
  display: block;
  border: none;
  background-color: #fff;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M11 19H13V14.825L14.6 16.425L16 15L12 11L8 15L9.425 16.4L11 14.825V19ZM6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H14L20 8V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM13 9V4H6V20H18V9H13Z" fill="%23004280"/></svg>');
}
.salse-inquiry-wrapper.service-form-page .upload-file-popup .drop-area .drop-content h6 {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 10px;
}
.salse-inquiry-wrapper.service-form-page .upload-file-popup .drop-area .drop-content ul {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.42px;
  color: #434447;
}
.salse-inquiry-wrapper.service-form-page .upload-file-popup .drop-area input {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  opacity: 0;
}
.salse-inquiry-wrapper.service-form-page .upload-file-popup .popup {
  height: 40px;
  flex-shrink: 0;
  border-radius: 2px;
  background: #F39800;
  border: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.16px;
  color: #fff;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .salse-inquiry-wrapper.service-form-page .upload-file-popup .popup {
    width: 100%;
    text-align: center;
  }
}
.salse-inquiry-wrapper.service-form-page [name=subject] {
  border-radius: var(--Roundness-Round-Inside, 2px);
  border: 1px solid var(--Gray-scale-50_Divider, #CFD2D5);
  background: var(--Gray-scale-00_White_BG, #FFF);
  height: 48px;
  padding: 8px 12px;
  margin-top: 3px;
  margin-bottom: 12px;
  width: 50%;
}
@media screen and (max-width: 767px) {
  .salse-inquiry-wrapper.service-form-page [name=subject] {
    width: 100%;
  }
}
.salse-inquiry-wrapper.service-form-page .file-upload-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  row-gap: 8px;
}
.salse-inquiry-wrapper.service-form-page .file-upload-list .dz-preview {
  display: inline-flex;
  align-items: center;
  color: #434447;
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  gap: 4px;
  border-radius: 2px;
  border: 1px solid #CFD2D5;
  background: #FFF;
  padding: 2px 8px;
  margin-right: 16px;
}
.salse-inquiry-wrapper.service-form-page .file-upload-list .dz-preview a.dz-remove i {
  margin-left: 4px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" fill="none"><path d="M2.85714 10.5C3.10476 10.5 3.31429 10.4141 3.47619 10.2422L5.99048 7.72196L8.51429 10.2422C8.67619 10.4045 8.87619 10.5 9.13333 10.5C9.60952 10.5 9.99048 10.1181 9.99048 9.63126C9.99048 9.40215 9.89524 9.19212 9.73333 9.02983L7.20952 6.5L9.74286 3.96062C9.91429 3.78878 10 3.58831 10 3.35919C10 2.88186 9.61905 2.5 9.14286 2.5C8.90476 2.5 8.71429 2.58592 8.53333 2.7673L5.99048 5.29714L3.46667 2.77685C3.30476 2.60501 3.10476 2.51909 2.85714 2.51909C2.38095 2.51909 2 2.89141 2 3.36874C2 3.59785 2.09524 3.80788 2.25714 3.97017L4.78095 6.5L2.25714 9.03938C2.09524 9.19212 2 9.40215 2 9.63126C2 10.1181 2.38095 10.5 2.85714 10.5Z" fill="%23434447"/></svg>');
  background-size: contain;
  width: 12px;
  background-repeat: no-repeat;
  background-position: center;
}
.salse-inquiry-wrapper.service-form-page #form_note {
  max-width: 800px;
  width: 100%;
  background: #fff;
  margin-top: -16px;
  padding: 0 40px 40px 40px;
}
@media screen and (max-width: 767px) {
  .salse-inquiry-wrapper.service-form-page #form_note {
    padding: 20px 20px 24px 20px;
  }
}
.salse-inquiry-wrapper.service-form-page #form_note p {
  border-radius: 2px;
  background: #F6F7F9;
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
  color: #737B7D;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .salse-inquiry-wrapper.service-form-page #form_note p {
    padding: 16px 24px;
  }
}
.salse-inquiry-wrapper.service-form-page input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  left: 3%;
  top: 10px;
}
.salse-inquiry-wrapper.service-form-page input[type=date]:before {
  top: 3px;
  left: 3px;
  content: attr(data-date);
  display: inline-block;
  color: #434447;
  margin-left: 50px;
  margin-top: 4px;
}

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