/***********
 CONTACT
***********/
main[data-template="page.contact"] {
  .globo-form-app {
    background: var(--color-background);
    .header {
      margin-bottom: 38px;
      .title {
        font-size: 13px!important;
        margin-top: 44px;
        margin-bottom: 50px;
      }
      p {
        font-size: 12px;
      }
      a {
        text-decoration: none;
        color: #b7b1ae;
      }
      .description {
        line-height: 1.9;
      }
    }
    .wizard__content {
      .panel {
        gap: 4px;
      }
      label, .heading-caption {
        font-size: 12px;
        padding: 0 10px 2px;
        .text-danger {
          display: none;
        }
      }
      input[type="text"], select, textarea {
        font-size: 12px;
        box-shadow: none;
        border-radius: 4px;
        height: 56px;
        &::placeholder {
          color: #b7b1ae;
        }
      }
      textarea {
        height: 174px;
        padding: 18px 12px;
      }
      select {
        -webkit-appearance: none;
        appearance: none;
        &:has(option[value=""]:checked) {
          color: #b7b1ae;
        }
        option {
          color: #000;
        }
        option[disabled="disabled"] {
          color: #b7b1ae;
        }
      }
      .globo-form-input:has(> select) {
        position: relative;
        &:after {
          content: "";
          position: absolute;
          width: 6px;
          height: 6px;
          border-bottom: 1px solid #000;
          border-right: 1px solid #000;
          top: 22px;
          right: 18px;
          transform: rotate(45deg);
        }
      }
      .form-agree {
        padding: 0 16px;
        margin-top: -10px !important;
        .label-content a {
          color: #b7b1ae;
        }
        .checkbox-label {
          padding-left: 0;
          &:before, &:after {
            width: 15px;
            height: 15px;
            top: 4px;
            border-radius: 2px;
          }
          &:before {
            background-color: rgba(183, 177, 174, 0.3);
            box-shadow: none;
            border: none;
          }
        }
        .checkbox-input:checked~.checkbox-label:after {
          background-color: #000;
          background-image: url(/cdn/shop/files/form_check.svg?v=1788857139);
          background-size: 100%;
          background-position: center;
          background-repeat: no-repeat;
        }
      }
      .gfb__footer {
        margin-top: 40px;
      }
      button.submit {
        height: 62px;
        border-radius: 50px;
        border-color: #fff;
        font-size: 12px;
      }
    }
  }
}