/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.32_@babel+core@7.28.5_@opentelemetry+api@1.9.0_react-dom@18.3.1_react@18.3.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/.pnpm/next@14.2.32_@babel+core@7.28.5_@opentelemetry+api@1.9.0_react-dom@18.3.1_react@18.3.1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/app/contact/contact.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Form fields container */
#hubspot-contact .hs-form-field {
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem
}

/* Labels */
#hubspot-contact label {
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

/* Input fields */
#hubspot-contact input,
#hubspot-contact textarea,
#hubspot-contact select {
  width: 100%;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(38 81 82 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(32 33 35 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

/* Select field specific */
#hubspot-contact .hs-fieldtype-select > .input > select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23065F46'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 20px
}

/* Input focus states */
#hubspot-contact input:focus,
#hubspot-contact textarea:focus,
#hubspot-contact select:focus {
  --tw-border-opacity: 1;
  border-color: rgb(50 169 169 / var(--tw-border-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px
}

#hubspot-contact .actions {
  display: flex;
  align-items: center;
  justify-content: center
}

/* Submit button */
#hubspot-contact input[type='submit'] {
  width: auto;
  cursor: pointer;
  border-radius: 9999px;
  --tw-border-opacity: 1;
  border-color: rgb(189 0 94 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(189 0 94 / var(--tw-bg-opacity));
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

/* Error messages */
#hubspot-contact .hs-error-msgs label {
  margin-top: 0.25rem;
  font-size: 0.8125rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(205 145 123 / var(--tw-text-opacity))
}

#hubspot-contact .hs_error_rollup {
  margin-bottom: 2rem;
  text-align: center
}

/* Success message */
#hubspot-contact .submitted-message {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.02em;
  --tw-text-opacity: 1;
  color: rgb(50 169 169 / var(--tw-text-opacity))
}