/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/trackOrderForm.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --skin-link-color-2: #212121;
}

@media (max-width: 1279.98px) {
  .track-your-order {
    padding: 0 1.5rem;
  }
}
@media (min-width: 1024px) {
  .track-your-order {
    max-width: 44.125rem;
  }
}
.track-your-order .track-your-order-title {
  margin-bottom: 0.5rem;
  margin-top: 2.5rem;
}
@media (min-width: 1024px) {
  .track-your-order .track-your-order-title {
    margin-bottom: 0.75rem;
    margin-top: 1.5rem;
  }
}
.track-your-order .track-your-order-title .track-your-order-heading {
  font-family: "Vollkorn", serif;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2.25rem;
  text-transform: capitalize;
  color: #8d201e;
}
@media (min-width: 1024px) {
  .track-your-order .track-your-order-title .track-your-order-heading {
    font-size: 2.25rem;
    line-height: 3.375rem;
  }
}
.track-your-order .section-wrapper .section-paragraph {
  font-family: "Karla", sans-serif;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #303030;
  margin-bottom: 0.5rem;
  text-align: center;
}
@media (min-width: 1024px) {
  .track-your-order .section-wrapper .section-paragraph {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    margin-bottom: 0.75rem;
  }
}
.track-your-order .track-my-order-form {
  margin-top: 1rem;
  margin-bottom: 2.5rem;
}
@media (min-width: 1024px) {
  .track-your-order .track-my-order-form {
    max-width: 20rem;
    margin: 1.25rem auto 3.125rem;
  }
}
.track-your-order .track-my-order-form .input-field {
  padding: 1.1875rem 1rem 0.25rem;
}
@media (min-width: 1024px) {
  .track-your-order .track-my-order-form .input-field {
    padding-top: 1.375rem;
  }
}
.track-your-order .track-my-order-form .placeholder-label {
  left: 1rem;
}
.track-your-order .track-my-order-form .invalid-feedback::after {
  display: none;
}
@media (min-width: 1024px) {
  .track-your-order .track-my-order-form .submit-track-form .trackorder-btn {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
  }
}

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