/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./sfra-webpack-builder/node_modules/css-unicode-loader/index.js!./sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[4]!./code/app_pothys/cartridge/client/default/scss/components/contactUs.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --skin-link-color-2: #212121;
}

.contactus-page .contactus-header {
  padding: 2.5rem 0 1.5rem;
}
@media (min-width: 1024px) {
  .contactus-page .contactus-header {
    padding: 1.5rem 0 1.25rem;
  }
}
.contactus-page .contactus-header .header-title {
  font-weight: 600;
  font-size: 1.5rem;
  font-family: "Vollkorn", serif;
  color: #8d201e;
}
@media (min-width: 1024px) {
  .contactus-page .contactus-header .header-title {
    font-size: 2.25rem;
  }
}
.contactus-page .contactus-header .logo-container {
  padding-top: 0.5rem;
}
@media (min-width: 1024px) {
  .contactus-page .contactus-header .logo-container {
    padding-top: 0.75rem;
  }
}
.contactus-page .contactus-img-container {
  padding: 0 1rem 1.5rem;
}
@media (min-width: 1024px) {
  .contactus-page .contactus-img-container {
    padding: 0 0 2rem;
    max-width: 33.75rem;
  }
}
.contactus-page .contactus-details-container {
  padding: 0 1rem 2.5rem;
}
@media (min-width: 1024px) {
  .contactus-page .contactus-details-container {
    max-width: 61.875rem;
    padding-bottom: 3.5rem;
  }
}
.contactus-page .contactus-details-container .contactus-details {
  border: 0.0625rem solid #f6eace;
  border-radius: 0.25rem;
  padding: 1rem;
  background-color: #fff8ef;
}
.contactus-page .contactus-details-container .contactus-details:not(:last-child) {
  margin-bottom: 1.5rem;
}
@media (min-width: 1024px) {
  .contactus-page .contactus-details-container .contactus-details:not(:last-child) {
    margin-right: 1.5rem;
  }
}
.contactus-page .contactus-details-container .contactus-details .online-shopping-title {
  font-size: 0.875rem;
  font-weight: 600;
}
@media (min-width: 1024px) {
  .contactus-page .contactus-details-container .contactus-details .online-shopping-title {
    font-size: 1rem;
  }
}
.contactus-page .contactus-details-container .contactus-details .desc {
  font-size: 0.75rem;
  font-weight: 600;
}
@media (min-width: 1024px) {
  .contactus-page .contactus-details-container .contactus-details .desc {
    font-size: 0.875rem;
  }
}
.contactus-page .contactus-details-container .contactus-details .desc p {
  margin-bottom: 0.5rem;
}
.contactus-page .contactus-details-container .contactus-details .desc .contact a {
  color: #303030 !important;
}
.contactus-page .contactus-details-container .contactus-details .desc .contact .phone-number {
  text-decoration: underline;
}
.contactus-page .contactus-details-container .contactus-details .desc .contact .email-address {
  font-weight: 400;
}
@media (min-width: 1024px) {
  .contactus-page .contactus-details-container .contactus-details .desc .contact.variable-size {
    font-size: 0.84375rem;
  }
}
.contactus-page .contactus-details-container .contactus-details .desc .working-days,
.contactus-page .contactus-details-container .contactus-details .desc .address {
  font-weight: 400;
}
@media (min-width: 1024px) {
  .contactus-page .contactus-form {
    max-width: 44.25rem;
  }
}
.contactus-page .contactus-form .form-header {
  color: #8d201e;
  font-family: "Vollkorn", serif;
  font-weight: 600;
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .contactus-page .contactus-form .form-header {
    font-size: 2.25rem;
    padding-bottom: 1.5rem;
  }
}
.contactus-page .contactus-form .contact-form {
  margin-bottom: 2.5rem;
}
@media (min-width: 1024px) {
  .contactus-page .contactus-form .contact-form {
    margin-bottom: 4.875rem;
  }
}
.contactus-page .contactus-form .contact-form .form-input-fields {
  margin-bottom: 1.5rem;
}
@media (min-width: 1024px) {
  .contactus-page .contactus-form .contact-form .form-input-fields {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1024px) {
  .contactus-page .contactus-form .contact-form .form-input-fields .form-input-field {
    width: 45.5%;
  }
}
.contactus-page .contactus-form .contact-form .form-input-fields .form-input-field .invalid-feedback::after {
  display: none;
}
.contactus-page .contactus-form .contact-form .form-input-fields .phone-wrap {
  margin-bottom: 1rem;
}
.contactus-page .contactus-form .contact-form .form-input-fields .phone-wrap .input-group {
  border: 0.0625rem solid #b5b5b5;
  border-radius: 0.25rem;
}
.contactus-page .contactus-form .contact-form .form-input-fields .phone-wrap .input-group:hover {
  border-color: #c9a885;
}
.contactus-page .contactus-form .contact-form .form-input-fields .phone-wrap .input-group.is-invalid {
  border-color: #ea4d4b;
}
.contactus-page .contactus-form .contact-form .form-input-fields .phone-wrap .input-group .custom-select-head {
  padding-left: 0.75rem;
}
.contactus-page .contactus-form .contact-form .form-input-fields .phone-wrap .input-group .custom-select-head .py-custom-select-input {
  max-width: 4rem;
  padding-left: 0.5rem;
}
.contactus-page .contactus-form .contact-form .form-input-fields .phone-wrap .input-group .custom-select-head .py-dropdown-icon {
  top: 0.625rem;
  left: 4.75rem;
}
@media (min-width: 1024px) {
  .contactus-page .contactus-form .contact-form .form-input-fields .phone-wrap .input-group .custom-select-head .py-dropdown-icon {
    top: 0.8125rem;
  }
}
.contactus-page .contactus-form .contact-form .form-input-fields .phone-wrap .input-group .py-option-values {
  max-height: 12.5rem;
}
.contactus-page .contactus-form .contact-form .form-input-fields .phone-wrap .input-group .py-option-values .py-option-value {
  padding: 0.5rem 0.25rem 0.5rem 0.75rem;
}
.contactus-page .contactus-form .contact-form .form-input-fields .phone-wrap .input-group .py-option-values .py-option-value span {
  padding-left: 0.375rem;
}
.contactus-page .contactus-form .contact-form .form-input-fields .phone-wrap .input-group .py-option-values .py-option-value span.country-code-val {
  width: 2.625rem;
}
.contactus-page .contactus-form .contact-form .form-input-fields .phone-wrap .input-group .py-cross-right {
  top: 0.625rem;
  right: 1.3125rem;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .contactus-page .contactus-form .contact-form .form-input-fields .phone-wrap .input-group .py-cross-right {
    top: 0.8125rem;
  }
}
.contactus-page .contactus-form .contact-form .form-input-fields .phone-wrap .input-group .py-cross-right svg {
  width: 0.729375rem;
}
.contactus-page .contactus-form .contact-form .form-input-fields .phone-wrap .input-group .py-cross-right svg path {
  stroke: #b5b5b5;
}
.contactus-page .contactus-form .contact-form .form-input-fields .phone-wrap .input-group .contact-us-form-phone {
  padding-left: 0.5rem;
  padding-right: 1.25rem;
}
.contactus-page .contactus-form .contact-form .form-input-fields .phone-wrap .input-group .mobile-num-label {
  left: 0.5rem;
}
.contactus-page .contactus-form .contact-form .form-input-fields .phone-wrap .invalid-feedback {
  display: flex;
  font-size: 0.625rem;
  padding-top: 0.25rem;
  color: #ea4d4b;
}
@media (min-width: 1024px) {
  .contactus-page .contactus-form .contact-form .form-input-fields .phone-wrap .invalid-feedback {
    font-size: 0.75rem;
    padding-top: 0.3125rem;
  }
}
@media (min-width: 1024px) {
  .contactus-page .contactus-form .contact-form .form-input-fields .form-textarea-field {
    margin-bottom: 1rem;
    width: 51.5%;
  }
}
.contactus-page .contactus-form .contact-form .form-input-fields .form-textarea-field .contactus-textarea {
  padding: 1rem;
  border: 0.0625rem solid #b5b5b5;
  border-radius: 0.25rem;
  resize: none;
  color: #303030;
  font-size: 0.75rem;
}
@media (min-width: 1024px) {
  .contactus-page .contactus-form .contact-form .form-input-fields .form-textarea-field .contactus-textarea {
    font-size: 0.875rem;
  }
}
.contactus-page .contactus-form .contact-form .form-input-fields .form-textarea-field .contactus-textarea::-moz-placeholder {
  color: #b5b5b5;
  font-size: 0.875rem;
}
.contactus-page .contactus-form .contact-form .form-input-fields .form-textarea-field .contactus-textarea::placeholder {
  color: #b5b5b5;
  font-size: 0.875rem;
}
@media (min-width: 1024px) {
  .contactus-page .contactus-form .contact-form .form-input-fields .form-textarea-field .contactus-textarea::-moz-placeholder {
    font-size: 1rem;
  }
  .contactus-page .contactus-form .contact-form .form-input-fields .form-textarea-field .contactus-textarea::placeholder {
    font-size: 1rem;
  }
}
.contactus-page .contactus-form .contact-form .form-input-fields .form-textarea-field .contactus-textarea:focus, .contactus-page .contactus-form .contact-form .form-input-fields .form-textarea-field .contactus-textarea:hover {
  outline: none;
  border-color: #c9a885;
}
.contactus-page .contactus-form .contact-form .form-input-fields .form-textarea-field .char-count {
  bottom: 1rem;
  right: 1rem;
  color: #b5b5b5;
  font-size: 0.75rem;
  font-weight: 500;
}
@media (min-width: 1024px) {
  .contactus-page .contactus-form .contact-form .form-input-fields .form-textarea-field .char-count {
    font-size: 0.875rem;
  }
}
.contactus-page .contactus-form .contact-form .submit-contact-btn {
  padding-inline: 3.4375rem;
}
@media (min-width: 1024px) {
  .contactus-page .contactus-form .contact-form .submit-contact-btn {
    padding-inline: 4.40625rem;
  }
}

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