/** Shopify CDN: Minification failed

Line 8:0 Unexpected "<"
Line 48:0 Unexpected "<"
Line 120:8 Expected ":"

**/
<style > .contact img {
  max-width: 100%;
}

.contact .form__message {
  align-items: flex-start;
}

.contact .icon-success {
  margin-top: 0.2rem;
}

.contact .field {
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 750px) {
  .contact .field {
    margin-bottom: 2rem;
  }
}

.contact__button {
  margin-top: 3rem;
}

@media screen and (min-width: 750px) {
  .contact__button {
    margin-top: 4rem;
  }
}

@media screen and (min-width: 750px) {
  .contact__fields {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 2rem;
  }
}

<style > .contact img {
  max-width: 100%;
}

.contact .form__message {
  align-items: flex-start;
}

.contact .icon-success {
  margin-top: 0.2rem;
}

.contact .field {
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 750px) {
  .contact .field {
    margin-bottom: 2rem;
  }
}

.contact__button {
  margin-top: 3rem;
}

@media screen and (min-width: 750px) {
  .contact__button {
    margin-top: 4rem;
  }
}

@media screen and (min-width: 750px) {
  .contact__fields {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 2rem;
  }
}

/* ... other theme styles */

/* Contact Form Styles */
.contact-form {
  display: flex;
  flex-direction: column;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Force 3 columns */
  grid-gap: 20px;
}

.form.body {
  font-family: local;
  font-size: local;
}

.form-group {
  margin-bottom: 20px;
}

.form-group label {
  margin-bottom: 5px;
}

.form-group input,
.form-group textarea,
.form-group select {
  width: 100%;
  padding: 12px;
  Border
  font-size: local(--font-body-size);
  font-family: local(--font-body-family);
}

.ContactForm-enquiry_type {
  font-size: local(--font-body-size);
  font-family: local(--font-body-family);
  font-color: #007632 (--color);
  border: 1px;
  border-block-color: local(--color);
  border-radius: 6px(--border-radius);
  background-color: #00000;
}

.form-group--full-width {
  grid-column: 1 / -1; /* Spans all columns */
}

.errors {
  color: red(--color-error);
  margin-bottom: 40px;
  margin: 20px;
}

.errors p {
  margin-bottom: 10px;
}

.btn {
  background-color: #8eab4c;
  color: white;
  padding: 12px 24px;
  border: none;
  border-radius: local(--border-radius);
  cursor: pointer;
  font-size: local(--font-body-size);
  font-family: local(--font-body-family);
}

.btn:hover {
  background-color: #007632;
  color: white;
}

/* Media query for smaller screens (adjust breakpoint as needed) */
@media screen and (max-width: 767px) {
  /* Example breakpoint */
  .form-grid {
    grid-template-columns: repeat(
      1,
      1fr
    ); /* Stack to 1 column on smaller screens */
  }
}
