.hidden {
  display: none !important; }

.vendor-contact-form {
  position: fixed;
  display: none;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.7); }
  .vendor-contact-form__content {
    position: relative;
    font-family: "greenpal-light";
    padding: 20px 30px 30px 30px;
    background-color: #ffffff;
    text-align: left;
    width: 90%;
    max-width: 450px; }
    .vendor-contact-form__content__heading {
      display: block;
      font-weight: 600;
      margin-bottom: 18px; }
    .vendor-contact-form__content__description {
      display: block;
      font-size: 22px;
      margin-bottom: 22px; }
      .vendor-contact-form__content__description span {
        font-size: 22px;
        display: block; }
    .vendor-contact-form__content__cross-btn {
      position: absolute;
      font-size: 28px;
      right: 12px;
      top: 0;
      cursor: pointer; }
    .vendor-contact-form__content__field {
      margin-bottom: 18px; }
      .vendor-contact-form__content__field__title {
        margin-bottom: 6px;
        font-weight: 500; }

#phone-error {
  display: none;
  font-size: 13px;
  margin: -8px 0 10px 2px;
  color: #ef5350;
  font-family: ProximaNova-Regular; }

.contact-submit-button {
  color: #ffffff;
  background-color: #f3943d;
  border-radius: 25px;
  font-size: 15px;
  margin-top: 22px;
  padding: 10px 20px; }
  .contact-submit-button:hover {
    background-color: #f3943d; }

.vendor-contact-form .row {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.vendor-contact-form .columns {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.vendor-contact-form input[type="text"],
.vendor-contact-form input[type="email"],
.vendor-contact-form input[type="tel"] {
  margin: 0;
  height: 42px;
  line-height: 42px;
  box-sizing: border-box;
  width: 100%; }

@media (max-width: 641px) {
  .contact-submit-button {
    font-size: 14px; } }
@media (max-width: 450px) {
  .vendor-contact-form__content__field__title {
    font-size: 12px; } }
@media (max-width: 390px) {
  .vendor-contact-form__content__heading {
    font-size: 21px; }
  .vendor-contact-form__content__description {
    font-size: 15px; }
    .vendor-contact-form__content__description span {
      font-size: 15px; }

  .contact-submit-button {
    font-size: 13px; } }
@media (max-width: 350px) {
  .vendor-contact-form__content__heading {
    font-size: 19px; }
  .vendor-contact-form__content__description {
    font-size: 13px; }
    .vendor-contact-form__content__description span {
      font-size: 13px; }

  .contact-submit-button {
    font-size: 12px; } }