/** Shopify CDN: Minification failed

Line 29:15 Unexpected "*"
Line 33:15 Unexpected "*"

**/
.contact {
  margin-top: 6.75rem; 
  width: 100%;
  max-width: 950px;
}

.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;
}

.contact .field* {
  font-family: inherit;
}

.contact .field*:focus-visible {
  outline: 0;
  outline-offset: 0;
  box-shadow: none;
  border-bottom: 1px solid var(--color-green-70);
}

.contact .field input[type="date"]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}

.contact .field__radio.vertical {
  flex-direction: column;
}


.contact .field__radio.vertical > label {
/*   color: var(--color-black); */
}

.contact .field__radio .radio-buttons-wrapper {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  margin-top: 1.5rem;
  border-bottom: 1px solid var(--color-green-60);
  padding-bottom: 2rem;
}

.contact .field__radio .radio-buttons-wrapper label {
  margin-left: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.25rem;
}

.contact .field__radio .radio-buttons-wrapper label input[type="radio"]{
  margin: 0;
}

.contact .heading-title {
  margin-top: 6rem!important;
}

.globo-form-control:first-child .heading-title {
  margin-top: 0!important;
}

.contact .globo-label {
  margin-bottom: 1.5rem;
  margin-top: 1rem;
}

.contact .globo-label .label-content {
  color: #6c6c6c;
}

@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: 3rem;
  }
}

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

@media screen and (max-width: 990px) {
  
  .contact {
    width: 100%;
  }
  
}

@media screen and (max-width: 750px) {
  
  .contact {
    width: 100%;
  }
  
}