/* Submit */
.submitMsg {
  position: relative;
  left: 0;
  bottom: -15px;
  right: 0;
  text-align: center;
}
.submitMsg span {
  display: inline-block;
  clear: both;
  margin: 10px auto 1px;
  padding: 12px 20px;
  color: #fff;
  line-height: 1.2;
  letter-spacing: 0.02em;
  border-radius: 1px;
  font-size: 1.3rem;
}
.submitMsg.unprocessed {
  display: none;
}
.submitMsg.success span {
  background-color: #40ad65;
}
.submitMsg.failed span {
  background-color: #f43636;
}

#ic-recapCheck {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.asterisk {
  color: var(--color-red);
}

/* Error Message */
.errorMsg {
  display: none;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1;
  margin: 3px 0 -6px;
  background: #d32f2f;
  padding: 10px 5px;
  text-align: center;
  border-radius: 0 0 10px 10px;
}
.errorMsg.visible {
  display: block;
}

.ic-fieldset .ic-inputReq.notes .errorMsg.visible {
  margin-top: -1rem;
}
/* Request */
#requeste_detail {
  background: #fff;
  padding: 14rem 0;
}
.wrap_requeste-detail {
  display: flex;
  justify-content: space-between;
  gap: 4rem;
}
#wrap__requestInfo,
#ic-requestInfoShortlist,
#ic-requestContact,
#ic-requestInfo {
  display: flex;
  flex-direction: column;
  gap: 7rem;
}
.wrap-requestInfoShortlist {
  background-color: #fff;
  padding: 5rem 0;
}
#ic-requestInfoShortlist {
  gap: 0;
  max-width: 70rem;
  width: 90%;
  margin: 0 auto;
}
#ic-requestContact {
  max-width: 100%;
}
.title-req-desk {
  color: var(--color-black);
  text-align: start;
  margin-bottom: 4rem;
}
#ic-contact .title-req-desk {
  margin-bottom: 0;
}
.form-options {
  display: flex;
  gap: 2rem;
}

.option-btn input {
  display: none;
}

.option-btn span {
  display: inline-block;
  padding: 0.85rem 1.6rem;
  border-radius: 2.5rem;
  background: #f9f9f8;
  color: #080808;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3rem;
  cursor: pointer;
  transition: all 0.3s ease;
  transition: var(--transition);
}

.form-options.contact .option-btn span {
  background: #fff;
}
#wrap_req .option-btn input:checked + span,
#wrap_req .form-options.contact .option-btn input:checked + span,
.form-options.contact .option-btn input:checked + span,
.option-btn input:checked + span {
  background: #eae5d5;
}

#ic-requestInfoShortlist > form,
#ic-requestContact > form,
#ic-requestInfo > form {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.wrap_fieldset {
  display: flex;
  align-items: center;
  gap: 2.8rem;
}

#ic-requestInfoShortlist .checkbox,
#ic-requestInfo .checkbox {
  margin: 10px 0;
}

#ic-requestInfoShortlist .checkbox a,
#ic-requestInfo .checkbox a {
  color: #fff;
  font-weight: 700;
}

#ic-requestInfoShortlist [type="checkbox"]:not(:checked) + span,
#ic-requestInfoShortlist [type="checkbox"]:checked + span,
#ic-requestInfo [type="checkbox"]:not(:checked) + span,
#ic-requestInfo [type="checkbox"]:checked + span {
  color: #fff;
}
#ic-requestInfoShortlist a,
#ic-requestInfoShortlist a:visited,
#ic-requestInfo a,
#ic-requestInfo a:visited {
  color: #e2dad1;
}

#ic-requestInfoShortlist a:focus,
#ic-requestInfoShortlist a:hover,
#ic-requestInfoShortlist a:active,
#ic-requestInfo a:focus,
#ic-requestInfo a:hover,
#ic-requestInfo a:active {
  color: #fff;
}

#ic-requestInfoShortlist .ic-lightBTN,
#ic-requestInfo .ic-lightBTN {
  width: 100%;
  max-width: 200px;
  padding: 12px 10px;
  font-weight: 400;
}

#ic-requestInfoShortlist .ic-lightBTN:hover,
#ic-requestInfoShortlist .ic-lightBTN:focus,
#ic-requestInfoShortlist .ic-lightBTN:active,
#ic-requestInfo .ic-lightBTN:hover,
#ic-requestInfo .ic-lightBTN:focus,
#ic-requestInfo .ic-lightBTN:active {
  color: #000;
  background: #fff;
}
.form-options.contact .option-btn:hover span,
.option-btn:hover span {
  background: #eae5d5;
}
/* Contact Page */

#ic-reqContact .errorMsg {
  text-align: left;
  padding: 10px;
}

.ic-fieldset {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
#ic-reqNewsletter .ic-fieldset {
  display: flex;
  flex-direction: row;
  gap: 3rem;
}
.wrap_fieldset .ic-inputReq {
  position: relative;
  width: 33.8rem;
  max-width: 100%;
  border-radius: 10px;
  border: 1px solid #eae5d5;
  background: #f9f9f8;
}
.ic-inputReq {
  position: relative;
}

#ic-reqInfoShortlist .ic-fieldset .multiselect .caption,
#ic-reqInfoShortlist .ic-fieldset #ic-formSelector,
#ic-reqInfoShortlist .ic-fieldset .multiselect .caption .text,
#ic-reqInfoShortlist .ic-fieldset input[type="text"],
#ic-reqInfoShortlist .ic-fieldset input[type="email"],
#ic-reqInfoShortlist .ic-fieldset input[type="tel"],
#ic-reqInfo .ic-fieldset .multiselect .caption,
#ic-reqInfo .ic-fieldset #ic-formSelector,
#ic-reqInfo .ic-fieldset .multiselect .caption .text,
#ic-reqInfo .ic-fieldset input[type="text"],
#ic-reqInfo .ic-fieldset input[type="email"],
#ic-reqInfo .ic-fieldset input[type="tel"] {
  height: 5rem;
  line-height: 5rem;
  border-bottom: none;
  padding-left: 2rem;
}
.ic-inputReq label.reqLabel {
  position: absolute;
  line-height: 5rem;
  border-bottom: none;
  padding-left: 2rem;
  height: 5rem;
  left: 0.8rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.ic-inputReq.notes label.reqLabel {
  top: 2rem;
}
#ic-reqContact .ic-fieldset .multiselect .caption,
#ic-reqContact .ic-fieldset #ic-formSelector,
#ic-reqContact .ic-fieldset .multiselect .caption .text,
#ic-reqContact .ic-fieldset input[type="text"],
#ic-reqContact .ic-fieldset input[type="email"],
#ic-reqContact .ic-fieldset input[type="tel"] {
  height: 5rem;
  line-height: 5rem;
  border-bottom: none;
  padding-left: 2rem;
}
#ic-reqInfoShortlist .ic-fieldset textarea,
#ic-reqContact .ic-fieldset textarea,
#ic-reqInfo .ic-fieldset textarea {
  height: 10rem;
  line-height: 5rem;
  border-bottom: none;
  padding-left: 2rem;
}

.ic-inputReq.notes textarea.filled + label,
.ic-inputReq.notes textarea:focus + label,
.ic-inputReq input:focus + label,
.ic-inputReq textarea:focus + label,
.ic-inputReq input.filled + label,
.ic-inputReq textarea.filled + label {
  top: -1.2rem;
  font-size: 1rem;
  color: var(--color-black);
  padding: 0 0.2rem;
}
.ic-fieldset .ic-inputReq.notes {
  border-radius: 10px;
  border: 1px solid #eae5d5;
  background: #f9f9f8;
  width: 70.6rem;
  max-width: 100%;
  height: 100px;
}
.ic-fieldset .ic-inputReq.notes textarea {
  resize: none;
  height: 100%;
}

/* #ic-reqContact input[type="text"],
#ic-reqContact input[type="email"],
#ic-reqContact input[type="tel"],
#ic-reqContact textarea,
#ic-requestInfo form input[type="text"],
#ic-requestInfo input[type="email"],
#ic-requestInfo input[type="tel"],
#ic-requestInfo textarea {
  border-bottom: none;
  line-height: 5rem;
  padding-left: 3rem;
} */

#ic-requestInfoShortlist .ic-checkbox.ic-inputReq span a,
#ic-requestInfoShortlist .ic-checkbox.ic-inputReq span,
#ic-reqContact .ic-checkbox.ic-inputReq span,
#ic-reqContact .ic-checkbox.ic-inputReq span a,
#ic-requestInfo .ic-checkbox.ic-inputReq span,
#ic-requestInfo .ic-checkbox.ic-inputReq span a {
  margin-bottom: 10px;
  color: #080808;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.6rem;
}
#ic-reqContact .ic-checkbox.ic-inputReq span {
  flex: 1;
}

#ic-reqContact .ic-checkbox.ic-inputReq span.checkbox-container {
  flex: none;
}
#ic-requestInfoShortlist .ic-checkbox.ic-inputReq span.errorMsg.visible,
#ic-requestInfo .ic-checkbox.ic-inputReq span.errorMsg.visible,
#ic-reqContact .ic-checkbox.ic-inputReq span.errorMsg.visible {
  color: #ffff;
  margin-bottom: 1rem;
  line-height: 1;
}

#ic-requestInfoShortlist .ic-checkbox.ic-inputReq label,
#ic-reqContact .ic-checkbox.ic-inputReq label,
#ic-requestInfo .ic-checkbox.ic-inputReq label {
  display: flex;
  align-items: center;
  border-bottom: none;
}

#ic-requestInfoShortlist .btnGold,
#ic-reqContact .btnGold,
#ic-requestInfo .btnGold {
  align-self: flex-start;
}

#ic-requestInfoShortlist [type="checkbox"]:not(:checked) + span:after,
#ic-requestInfoShortlist [type="checkbox"]:checked + span:after,
#ic-reqContact [type="checkbox"]:checked + span:after,
#ic-reqContact [type="checkbox"]:not(:checked) + span:after,
#ic-requestInfo [type="checkbox"]:not(:checked) + span:after,
#ic-requestInfo [type="checkbox"]:checked + span:after {
  top: 2px;
  left: 6px;
  width: 0.6rem;
  height: 1.2rem;
}

#ic-requestInfoShortlist .checkbox-container,
#ic-reqContact .checkbox-container,
#ic-requestInfo .checkbox-container {
  border: 1px solid #bf9a5c;
  width: 20px;
  height: 20px;
}
.iti {
  width: 100% !important;
}
.iti__selected-flag {
  height: auto !important;
  padding: 18px 6px 0 8px !important;
}

.iti__flag-container {
  padding: 0 0 0 2rem !important;
}
.iti--allow-dropdown input,
.iti--allow-dropdown input[type="text"],
.iti--allow-dropdown input[type="tel"],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type="text"],
.iti--separate-dial-code input[type="tel"] {
  padding-left: 65px !important;
}
/* Request newsletter */
#ic-footerNewsletter .email {
  width: 52.2rem;
}

.wrap_form {
  display: flex;
  flex-direction: column;
}

#ic-footerNewsletter .privacy span,
#ic-footerNewsletter .privacy span a {
  color: var(--color-black);
  font-family: "Open Sans";
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.6rem;
}

#ic-footerNewsletter .privacy span {
  flex: 1;
}

#ic-footerNewsletter .privacy span.checkbox-container {
  flex: none;
}
#ic-footerNewsletter .privacy span.errorMsg.visible {
  color: #fff;
  line-height: normal;
  margin-bottom: 2rem;
}
.ic-checkbox.privacy label {
  display: flex;
  align-items: center;
}

/* Contact Banner */
#ic-contactBanner {
  max-width: none;
  margin: 0 auto;
  background: #e2dad1;
  padding: 50px 0;
}
#ic-contactBanner > h3 {
  text-align: center;
  margin-bottom: 7px;
}
#ic-contactBanner > p {
  text-align: center;
  line-height: 1.3;
  max-width: 570px;
  margin: 0 auto 20px;
}
#ic-contactBanner #ic-requestContact {
  padding: 0;
}
#ic-contactBanner #ic-requestInfo {
  background: transparent;
}
#ic-contactBanner form h3 {
  display: none;
}
#ic-contactBanner form {
  padding: 5px 20px;
  max-width: 720px;
}
#ic-contactBanner .ic-inputReq {
  flex: 1 49%;
  max-width: 49%;
  margin-bottom: 15px;
}
#ic-contactBanner .ic-inputReq.notes {
  flex: 1 100%;
  max-width: 100%;
  margin-bottom: 10px;
}

#ic-contactBanner .checkbox {
  margin: 0;
}
#ic-contactBanner textarea {
  height: 130px;
}
#ic-contactBanner .ic-lightBTN,
#ic-contactBanner .ic-lightBTN:visited {
  color: #fff;
  background: #000;
}
#ic-contactBanner [type="checkbox"]:not(:checked) + span:before,
#ic-contactBanner [type="checkbox"]:checked + span:before {
  border-color: #000;
}
#ic-contactBanner #ic-requestInfo [type="checkbox"]:not(:checked) + span,
#ic-contactBanner #ic-requestInfo [type="checkbox"]:checked + span {
  color: #000;
}
#ic-contactBanner #ic-requestInfo [type="checkbox"]:not(:checked) + span:after,
#ic-contactBanner #ic-requestInfo [type="checkbox"]:checked + span:after {
  background: #000;
}
.default::placeholder {
  color: var(--color-black);
  opacity: 1;
  font-family: "Open Sans", sans-serif;
}
/* RWD */

@media only screen and (max-width: 1400px) {
  #ic-reqNewsletter .ic-fieldset {
    flex-wrap: wrap;
    margin-bottom: 2rem;
  }
}

@media only screen and (max-width: 1160px) {
  .wrap_fieldset .ic-inputReq {
    width: 50%;
  }
  .ic-fieldset .ic-inputReq.notes {
    width: 100%;
  }
  #ic-reqNewsletter .ic-fieldset .btnWrapper {
    width: initial;
  }
}
@media only screen and (max-width: 1100px) {
  #wrap__requestInfo,
  #ic-requestInfo,
  .ic-fieldset .ic-inputReq.notes,
  .wrap_fieldset .ic-inputReq {
    width: 100%;
  }
  #wrap__requestInfo,
  #ic-requestInfo {
    gap: 3rem;
  }
  .salesperson.det {
    display: none;
  }

  .wrap_requeste-detail {
    flex-direction: column;
  }

  .salesperson {
    background-color: #fff;
    padding: 0;
  }
  .wrap_salesperson {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 2rem;
  }
  .content_Salesperson {
    align-items: flex-start;
    margin-top: 0;
  }
  .wrap_salesperson .wra {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .wrap_salesperson h3 br {
    display: none;
  }
}

@media only screen and (max-width: 800px) {
  #ic-requestContact {
    max-width: 100%;
    padding: 0;
  }

  #wrap_req .ic-fieldset .ic-inputReq.notes,
  #wrap_req .wrap_fieldset .ic-inputReq {
    background: #f9f9f8;
  }
}

@media only screen and (max-width: 766px) {
  #ic-recapCheck {
    margin-top: 4rem;
  }
  .wrap_fieldset {
    align-items: flex-start;
    flex-direction: column;
  }

  .wrap_fieldset.top {
    flex-direction: row;
  }
  .wrap_requeste-detail #ic-recapCheck {
    margin-top: 0;
  }
  .title-req-desk {
    margin-bottom: 2rem;
    text-align: center;
  }

  #ic-requestInfoShortlist > form,
  #ic-requestContact > form,
  #ic-requestInfo > form {
    gap: 2rem;
  }
  .option-btn span {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.2rem;
  }
  .form-options {
    gap: 1rem;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 500px) {
  .ic-fieldset .ic-inputReq.notes,
  .wrap_fieldset .ic-inputReq {
    background-color: transparent;
  }
  #ic-reqNewsletter .ic-fieldset {
    flex-direction: column;
    gap: 5rem;
  }
  #ic-reqNewsletter .ic-fieldset .btnWrapper {
    position: absolute;
    bottom: -7rem;
  }

  .ic-fieldset,
  .wrap_fieldset {
    gap: 2rem;
  }
  #ic-requestInfo .btnGold {
    width: 100%;
  }
  #requeste_detail {
    padding: 6rem 0;
  }
  #ic-reqContact .btnGold {
    width: 100%;
    align-self: center;
  }
  .form-options.contact .option-btn span {
    background: #f9f9f8;
  }
  #ic-footerNewsletter .email {
    width: 100%;
  }
  #ic-footerNewsletter .privacy span,
  #ic-footerNewsletter .privacy span a {
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4rem;
  }
  .checkbox-container {
    width: 2.3rem;
    height: 2.3rem;
    margin-right: 1rem;
  }
  #ic-recapCheck {
    gap: 0;
  }

  #ic-footerNewsletter #ic-recapCheck {
    gap: 2rem;
  }
  #ic-requestInfoShortlist .ic-checkbox.ic-inputReq label,
  #ic-reqContact .ic-checkbox.ic-inputReq label,
  #ic-requestInfo .ic-checkbox.ic-inputReq label {
    align-items: flex-start;
  }

  #ic-requestInfoShortlist .ic-checkbox.ic-inputReq span a,
  #ic-requestInfoShortlist .ic-checkbox.ic-inputReq span,
  #ic-reqContact .ic-checkbox.ic-inputReq span,
  #ic-reqContact .ic-checkbox.ic-inputReq span a,
  #ic-requestInfo .ic-checkbox.ic-inputReq span,
  #ic-requestInfo .ic-checkbox.ic-inputReq span a {
    line-height: normal;
  }
}
