/** Shopify CDN: Minification failed

Line 69:25 Expected ":"

**/
.contact .grid-bs {
    row-gap: 4rem;
}

.contact--width-limit {
    max-width: 67rem;
    margin: 0 auto;
}

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

.contact .title {
    margin-top: 0;
    margin-bottom: 0;
}

.contact__subheading {
    margin-top: 2rem;
}

.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: 577px) {
    .contact .field {
        margin-bottom: 2rem;
    }
}

.contact__button {
    margin-top: 3rem;
}

.grecaptcha-badge {
    visibility: hidden;
}
/* ======================================= CUSTOM CSS ======================================= */
.services-list {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr;
}
@media (min-width: 640px) {
  .services-list { grid-template-columns: 1fr 1fr; }
}

.services-field fieldset {
    width: 100%;
}

.label_services_field {
    font-size: 20px;
    margin-bottom: 2rem;s
}

.services-list.checkbox {
  display: flex;
  align-items: center;
  gap: .5rem;
}

.checkbox input[type="checkbox"] {
  width: 18px; height: 18px;
  display: inline-block;
}

.checkbox span {
    display: inline-block;
    width: 100%;
    border: none !important;
}

.checkbox input:checked+span {
    background-color: transparent;
}

/* SERVICES checkbox layout — reset the theme's floating-label styles */
.field.services-field .services-group { margin: 0; padding: 0; border: 0; }

/* grid the options */
.field.services-field .services-list {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr;
}
@media (min-width: 640px) {
  .field.services-field .services-list { grid-template-columns: 1fr 1fr; }
}

/* make each option behave like a normal row */
.field.services-field .services-list label.checkbox {
  position: static !important;      /* undo absolute */
  display: flex;
  align-items: center;
  gap: .5rem;
  margin: 0;
}

/* make sure the actual checkbox isn't absolutely positioned by theme */
.field.services-field input[type="checkbox"] {
  position: static !important;
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}

/* if your left icon overlaps, give the group some left padding */
.field.services-field { padding-left: 2.25rem; }
.field.services-field .field__icon { pointer-events: none; }

@media screen and (max-width: 1200px) {
  .desktop_contact_image {
    display: none;
  }
}