.custom-form {
  touch-action: none;
  display: flex;
  flex-flow: column;
}

.custom-form h3 {
  display: none;
}

.custom-form .cf-field {
  margin-bottom: 5px;
}

.custom-form fieldset {
  max-width: 100% !important;
}

.custom-form .actions {
  text-align: right;
}

.custom-form button,
.custom-form input[type="submit"] {
  align-self:       flex-end;
  background-color: #1a1a1a;
  border:           1px solid;
  border-radius:    7px !important;
  color:            #f2eb3f;
  cursor:           pointer;
  display:          inline-block;
  font-family:      var(--font-secondary), var(--font-secondary-fallback);
  font-size:        14px;
  font-weight:      700;
  padding:          11px 20px;
  text-transform:   uppercase;
  transition:       all .3s ease;
  -webkit-transition: all .3s ease;
  width:            auto !important;
}

.custom-form button:hover,
.custom-form input[type="submit"]:hover {
  background-color: #ffffff;
  color:            #1a1a1a;
}

.custom-form input,
.custom-form textarea {
  display:     block;
  padding:     8px 10px;
  border-radius: 6px;
  width:       100% !important;
  font-size:   16px;
  border:      1px solid #1a1a1a;
  font-family: var(--font-secondary), var(--font-secondary-fallback);
  outline:     none;
}

.custom-form textarea {
  min-height: 100px;
  max-height: 100px;
}

.contact-popup {
  background:    rgb(242 235 63 / 88%);
  border-radius: 10px;
  box-shadow:    0px 4px 12px 0px #121212;
  min-height:    338.3px;
  display:       none;
  position:      fixed;
  top:           0;
  left:          0;
  z-index:       9999;
  width:         450px;
  max-width:     90vw;
  padding:       20px;
}

.popup-drag-handle {
  align-items:     center;
  background:      hsl(0deg 0% 19.69% / 0%);
  border-radius:   10px 10px 0 0;
  display:         flex;
  justify-content: space-between;
  margin:          -20px -20px 24px;
  padding:         14px 20px;
  touch-action:    none;
  user-select:     none;
  border-bottom:   1px solid #1a1a1a;
}

.popup-drag-handle > div {
  display:     flex;
  align-items: center;
  gap:         2px;
}

.popup-drag-handle span {
  font-size:      16px;
  color:          #1a1a1a;
  font-weight:    bold;
  text-transform: uppercase;
}

.close-contact {
  color:       #1a1a1a;
  font-weight: bold;
}

.cf-success {
  background-color: #1a1a1a;
  border-radius:    10px;
  text-align:       center;
  padding:          20px 0;
}

.cf-success-icon {
  color:         #ffffff;
  font-size:     2.5rem;
  margin-bottom: 16px;
  font-family:   var(--font-secondary-fallback);
}

.cf-success h3 {
  color:          #f2eb3f;
  margin:         0 0 8px;
  font-size:      1.2rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.cf-success p {
  color:       #d1d1d1;
  margin:      0;
  font-size:   0.9rem;
  line-height: 1.6;
}

.cf-success button {
  margin-top:    24px;
  background:    none;
  border:        1px solid rgba(255,255,255,0.2);
  color:         #fff;
  padding:       10px 24px;
  border-radius: 99px;
  cursor:        pointer;
  font-size:     0.8rem;
  letter-spacing: 0.1em;
}

.minimize-contact {
  background:  none;
  border:      none;
  color:       #1a1a1a;
  font-size:   1.2rem;
  cursor:      pointer;
  line-height: 1;
  padding:     0 4px;
  font-weight: bold;
  margin-top:  -6px;
}

.minimize-contact.is-minimized {
  {#   margin-top: 0; #}
}

.close-contact {
  background:  none;
  border:      none;
  color:       #1a1a1a;
  font-size:   1.2rem;
  cursor:      pointer;
  line-height: 1;
}

.cf-field {
  position: relative;
}

.cf-tip {
  color:       #d90d0d;
  display:     block;
  font-size:   10px;
  letter-spacing: .05em;
  margin-top:  4px;
  padding:     0 3px;
  opacity:     0;
  transform:   translateY(-4px);
  transition:  opacity .2s, transform .2s, visibility .2s;
  visibility:  hidden;
}

.cf-field.has-error .cf-tip {
  opacity:   1;
  visibility: visible;
  transform: translateY(0);
}

.submitted-message {
  display: none;
}

.hs_recaptcha {
  padding:         20px 0;
  text-align:      right;
  display:         flex;
  justify-content: flex-end;
}

.hs_request {
  display: none;
}

.no-list.hs-error-msgs {
  list-style: none;
  padding:    0;
  font-size:  9px;
}

.hs_error_rollup {
  display: none;
}

.hs-custom-form .field {
  margin-bottom: 5px;
}

.hs-custom-form .field > label {
  display:       block;
  margin-bottom: 4px;
  font-size:     13px;
}

@media all and (max-width: 768px) {
  .minimize-contact {
    display: none;
  }

  .contact-popup {
    max-width:  100%;
    background: #f2eb3f;
    z-index:    9999 !important;
    height: 100% !important;
    overflow-y: auto;
  }

  .close-contact {
    font-size: 24px !important;
  }

  .popup-drag-handle span {
    font-size: 19px;
  }

  .custom-form button, .custom-form input[type="submit"] {
    display: block;
    font-size: 18px;
    padding: 15px 20px;
    width: 100% !important;
  }

  .hs-custom-form .field > label {
    font-size:     15px;
  }

  .custom-form input, .custom-form textarea {
    padding: 10px 10px;
    font-size: 15px;
  }
}