/*
	Abstracts are helpers, variables and functions
	for scss compliation.
*/
/**==================================================================================================================================
BREAKPOINT
@TODO: remove? What is use case?? either use simple global points or write custom line. why does first breakpoint have to be 0?
 ==================================================================================================================================*/
/**==================================================================================================================================
BREAKPOINT ENDS
==================================================================================================================================*/
span.edit-link {
  display: inline-block;
  background-color: yellow;
  font-weight: 700;
  position: fixed;
  left: 0;
  bottom: 3.125rem;
  transform: translateX(-45px);
  transition: all 0.2s;
}

span.edit-link a {
  display: block;
  padding: 0.9375rem;
}

span.edit-link:hover {
  transform: translateX(0);
}

/*
	Variables for compliation
	NB! Colors should be added to base/config file as css root variable.
*/
/**
 * Block section background colors.
 * Include the background options ACF fields group to use these.
 */
/*
 * makes ul/ol as a dropdown select (normaly in mobile)
 * Structure: div > title > list > li > a
*/
/*
	Variables for legacy dc plugins
*/
section.contact-form {
  --contact-form-bg: var(--color__blue);
  --contact-form-text: var(--color__white);
  --contact-form-input-bg: var(--color__light-blue);
  --contact-form-dropdown-bg: var(--color__white);
  --contact-form-input-text: var(--color__blue);
  --contact-form-accent: var(--color__black);
  --contact-form-accent-dot: var(--color__green-light);
  --contact-form-radius: var(--element-border-radius);
  overflow: visible;
  margin: var(--spacing-block) 0;
  scroll-margin-top: 8rem;
  color: var(--contact-form-text);
  /* --- WPForms ----------------------------------------------------------- */
  /* --- Entrance (JS takes over after measure) ------------------------------ */
}

section.contact-form[data-color-scheme=blue] {
  --contact-form-bg: var(--color__blue);
  --contact-form-text: var(--color__white);
  --contact-form-input-bg: var(--color__light-blue);
  --contact-form-input-text: var(--color__blue);
  --contact-form-accent: var(--color__black);
  --contact-form-accent-dot: var(--color__green-light);
}

section.contact-form[data-color-scheme=light-blue] {
  --contact-form-bg: var(--color__light-blue);
  --contact-form-text: var(--color__blue);
  --contact-form-input-bg: var(--color__blue-hover);
  --contact-form-input-text: var(--color__grey);
  --contact-form-accent: var(--color__black);
  --contact-form-accent-dot: var(--color__green-light);
}

section.contact-form[data-color-scheme=light-blue] .contact-form__text {
  padding-bottom: 5rem;
}

section.contact-form[data-color-scheme=moss-green] {
  --contact-form-bg: var(--color__moss-green);
  --contact-form-text: var(--color__green-light);
  --contact-form-input-bg: color-mix(in srgb, var(--color__moss-green) 18%, var(--color__white));
  --contact-form-input-text: var(--color__moss-green);
  --contact-form-accent: var(--color__black);
  --contact-form-accent-dot: var(--color__green-light);
}

section.contact-form[data-color-scheme=moss-green] div.wpforms-container-full .wpforms-form button.main-cta[type=submit],
section.contact-form[data-color-scheme=moss-green] div.wpforms-container-full .wpforms-form button.main-cta.wpforms-submit,
section.contact-form[data-color-scheme=moss-green] div.wpforms-container-full .wpforms-form button.main-cta[type=submit]:not(:hover):not(:active),
section.contact-form[data-color-scheme=moss-green] div.wpforms-container-full .wpforms-form button.main-cta.wpforms-submit:not(:hover):not(:active),
section.contact-form[data-color-scheme=moss-green] div.wpforms-container .wpforms-form button.main-cta[type=submit],
section.contact-form[data-color-scheme=moss-green] div.wpforms-container .wpforms-form button.main-cta.wpforms-submit,
section.contact-form[data-color-scheme=moss-green] div.wpforms-container .wpforms-form button.main-cta[type=submit]:not(:hover):not(:active),
section.contact-form[data-color-scheme=moss-green] div.wpforms-container .wpforms-form button.main-cta.wpforms-submit:not(:hover):not(:active) {
  border: 1px solid transparent !important;
}

section.contact-form[data-color-scheme=moss-green] div.wpforms-container-full .wpforms-form button.main-cta[type=submit]:hover,
section.contact-form[data-color-scheme=moss-green] div.wpforms-container-full .wpforms-form button.main-cta.wpforms-submit:hover,
section.contact-form[data-color-scheme=moss-green] div.wpforms-container-full .wpforms-form button.main-cta[type=submit]:focus-visible,
section.contact-form[data-color-scheme=moss-green] div.wpforms-container-full .wpforms-form button.main-cta.wpforms-submit:focus-visible,
section.contact-form[data-color-scheme=moss-green] div.wpforms-container .wpforms-form button.main-cta[type=submit]:hover,
section.contact-form[data-color-scheme=moss-green] div.wpforms-container .wpforms-form button.main-cta.wpforms-submit:hover,
section.contact-form[data-color-scheme=moss-green] div.wpforms-container .wpforms-form button.main-cta[type=submit]:focus-visible,
section.contact-form[data-color-scheme=moss-green] div.wpforms-container .wpforms-form button.main-cta.wpforms-submit:focus-visible {
  border-color: var(--color__green-light) !important;
}

section.contact-form[data-color-scheme=beige] {
  --contact-form-bg: var(--color__beige);
  --contact-form-text: var(--color__black);
  --contact-form-input-bg: color-mix(in srgb, var(--color__black) 12%, var(--color__beige));
  --contact-form-input-text: var(--color__black);
  --contact-form-accent: var(--color__black);
  --contact-form-accent-dot: var(--color__green-light);
}

section.contact-form[data-color-scheme=beige] .contact-form__text {
  padding-bottom: 5rem;
}

section.contact-form .contact-form__surface {
  --dot-card-color: var(--contact-form-bg);
  --dot-opacity: 1;
  --dot-scale: 1;
  position: relative;
  padding: clamp(2.5rem, 5vw, 5rem);
  overflow: visible;
  border-radius: var(--contact-form-radius);
  background: var(--contact-form-bg);
  color: var(--contact-form-text);
}

section.contact-form .contact-form__surface::before, section.contact-form .contact-form__surface::after {
  opacity: var(--dot-opacity);
}

section.contact-form .contact-form__surface::before {
  transform: scale(var(--dot-scale));
}

section.contact-form .contact-form__surface::after {
  transform: scale(calc(0.45 * var(--dot-scale)));
}

section.contact-form .contact-form__watermark-clip {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none;
}

section.contact-form .contact-form__watermark {
  position: absolute;
  left: 49px;
  bottom: 0;
  width: min(72%, 60rem);
  min-width: 22.5rem;
  opacity: 0.14;
}

section.contact-form .contact-form__watermark svg {
  display: block;
  width: 100%;
  height: auto;
}

section.contact-form .contact-form__watermark svg path {
  fill: var(--contact-form-text);
}

section.contact-form .contact-form__logo {
  position: absolute;
  left: clamp(1.75rem, 4vw, 3.5rem);
  bottom: clamp(1.75rem, 4vw, 3.5rem);
  z-index: 0;
  width: 3.6875rem;
  color: var(--contact-form-text);
  pointer-events: none;
}

section.contact-form .contact-form__logo svg {
  display: block;
  width: 100%;
  height: auto;
}

section.contact-form .contact-form__logo svg path {
  fill: currentColor;
}

section.contact-form .contact-form__wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  gap: clamp(2.5rem, 5vw, 5rem);
}

@media screen and (max-width: 1000px) {
  section.contact-form .contact-form__wrapper {
    flex-direction: column;
  }
}
section.contact-form .contact-form__text {
  flex: 0 0 40%;
  max-width: 32.5rem;
}

@media screen and (max-width: 1000px) {
  section.contact-form .contact-form__text {
    flex: 1;
    max-width: none;
  }
}
section.contact-form .contact-form__title {
  margin: 0;
  color: inherit;
  font-family: "Noe-Display", serif;
  font-size: clamp(1.75rem, 2vw + 1.25rem, 3rem);
  font-weight: 700;
  line-height: 1.15;
}

section.contact-form .contact-form__intro {
  max-width: 36ch;
  margin: 1.75rem 0 0;
  color: inherit;
  font-size: clamp(1.375rem, 0.6vw + 1.15rem, 1.625rem);
  font-weight: 400;
  line-height: 1.5;
}

section.contact-form .contact-form__form {
  flex: 1 1 60%;
  min-width: 0;
  overflow: visible;
}

section.contact-form div.wpforms-container-full,
section.contact-form div.wpforms-container {
  width: 100%;
  max-width: none;
  margin: 0 !important;
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-container,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-container {
  width: 100%;
  overflow: visible;
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field {
  position: relative;
  z-index: 0;
  padding: 0 0 1.5rem;
  overflow: visible;
}

@media screen and (max-width: 850px) {
  section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-layout,
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-row,
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-layout-row,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-layout,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-row,
section.contact-form div.wpforms-container .wpforms-form .wpforms-layout-row {
    /* padding-bottom: rem-calc(16); */
    gap: 1.5rem;
  }
}
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-layout .wpforms-field,
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-row .wpforms-field,
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-layout-column .wpforms-field,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-field,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-row .wpforms-field,
section.contact-form div.wpforms-container .wpforms-form .wpforms-layout-column .wpforms-field {
  padding-bottom: 0;
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone {
  position: relative;
  z-index: 3;
  overflow: visible;
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone:has(.iti__arrow--up), section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone:has(.iti--container-open),
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone:has(.iti__arrow--up),
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone:has(.iti--container-open) {
  z-index: 15;
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field:has(.choices),
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-select,
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-select-style-modern,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field:has(.choices),
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-select,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-select-style-modern {
  position: relative;
  z-index: 3;
  overflow: visible !important;
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field:has(.choices):has(.choices.is-open), section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field:has(.choices).is-dropdown-open,
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-select:has(.choices.is-open),
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-select.is-dropdown-open,
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-select-style-modern:has(.choices.is-open),
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-select-style-modern.is-dropdown-open,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field:has(.choices):has(.choices.is-open),
section.contact-form div.wpforms-container .wpforms-form .wpforms-field:has(.choices).is-dropdown-open,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-select:has(.choices.is-open),
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-select.is-dropdown-open,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-select-style-modern:has(.choices.is-open),
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-select-style-modern.is-dropdown-open {
  z-index: 15;
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-row,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-row {
  display: flex;
  gap: 1rem;
}

@media screen and (max-width: 850px) {
  section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-row,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-row {
    flex-direction: column;
  }
}
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-one-half,
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-one-third,
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-two-thirds,
section.contact-form div.wpforms-container .wpforms-form .wpforms-one-half,
section.contact-form div.wpforms-container .wpforms-form .wpforms-one-third,
section.contact-form div.wpforms-container .wpforms-form .wpforms-two-thirds {
  float: none;
  width: 100%;
  padding: 0;
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-one-half,
section.contact-form div.wpforms-container .wpforms-form .wpforms-one-half {
  flex: 1 1 50%;
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-required-label,
section.contact-form div.wpforms-container .wpforms-form .wpforms-required-label {
  display: none !important;
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-label,
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-sublabel,
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-number-slider-hint,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-label,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-sublabel,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-number-slider-hint {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

section.contact-form div.wpforms-container-full .wpforms-form label.wpforms-error,
section.contact-form div.wpforms-container-full .wpforms-form em.wpforms-error,
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-error:not(input):not(textarea):not(select),
section.contact-form div.wpforms-container .wpforms-form label.wpforms-error,
section.contact-form div.wpforms-container .wpforms-form em.wpforms-error,
section.contact-form div.wpforms-container .wpforms-form .wpforms-error:not(input):not(textarea):not(select) {
  position: static !important;
  display: inline-flex !important;
  align-items: center;
  gap: 0.375rem;
  width: auto;
  height: auto;
  margin: 0.5rem 0 0 !important;
  padding: 0.375rem 0.625rem !important;
  overflow: visible;
  clip: auto;
  white-space: normal;
  border: none;
  border-radius: 6px;
  background: color-mix(in srgb, var(--color__black) 28%, transparent);
  color: var(--color__white) !important;
  font-size: 0.8125rem !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 1.3;
}

section.contact-form div.wpforms-container-full .wpforms-form label.wpforms-error::before,
section.contact-form div.wpforms-container-full .wpforms-form em.wpforms-error::before,
section.contact-form div.wpforms-container .wpforms-form label.wpforms-error::before,
section.contact-form div.wpforms-container .wpforms-form em.wpforms-error::before {
  background-color: var(--color__white) !important;
  color: var(--color__white) !important;
}

section.contact-form div.wpforms-container-full .wpforms-form input[type=text],
section.contact-form div.wpforms-container-full .wpforms-form input[type=email],
section.contact-form div.wpforms-container-full .wpforms-form input[type=url],
section.contact-form div.wpforms-container-full .wpforms-form input[type=tel],
section.contact-form div.wpforms-container-full .wpforms-form input[type=number],
section.contact-form div.wpforms-container-full .wpforms-form input[type=date],
section.contact-form div.wpforms-container-full .wpforms-form input[type=password],
section.contact-form div.wpforms-container-full .wpforms-form textarea,
section.contact-form div.wpforms-container-full .wpforms-form select,
section.contact-form div.wpforms-container .wpforms-form input[type=text],
section.contact-form div.wpforms-container .wpforms-form input[type=email],
section.contact-form div.wpforms-container .wpforms-form input[type=url],
section.contact-form div.wpforms-container .wpforms-form input[type=tel],
section.contact-form div.wpforms-container .wpforms-form input[type=number],
section.contact-form div.wpforms-container .wpforms-form input[type=date],
section.contact-form div.wpforms-container .wpforms-form input[type=password],
section.contact-form div.wpforms-container .wpforms-form textarea,
section.contact-form div.wpforms-container .wpforms-form select {
  width: 100% !important;
  max-width: none !important;
  height: 3.5rem !important;
  padding: 1rem 1.25rem !important;
  border: none !important;
  border-radius: var(--contact-form-radius) !important;
  background-color: var(--contact-form-input-bg) !important;
  color: var(--contact-form-input-text) !important;
  box-shadow: none !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.4;
}

section.contact-form div.wpforms-container-full .wpforms-form input[type=text]::-moz-placeholder, section.contact-form div.wpforms-container-full .wpforms-form input[type=email]::-moz-placeholder, section.contact-form div.wpforms-container-full .wpforms-form input[type=url]::-moz-placeholder, section.contact-form div.wpforms-container-full .wpforms-form input[type=tel]::-moz-placeholder, section.contact-form div.wpforms-container-full .wpforms-form input[type=number]::-moz-placeholder, section.contact-form div.wpforms-container-full .wpforms-form input[type=date]::-moz-placeholder, section.contact-form div.wpforms-container-full .wpforms-form input[type=password]::-moz-placeholder, section.contact-form div.wpforms-container-full .wpforms-form textarea::-moz-placeholder, section.contact-form div.wpforms-container-full .wpforms-form select::-moz-placeholder, section.contact-form div.wpforms-container .wpforms-form input[type=text]::-moz-placeholder, section.contact-form div.wpforms-container .wpforms-form input[type=email]::-moz-placeholder, section.contact-form div.wpforms-container .wpforms-form input[type=url]::-moz-placeholder, section.contact-form div.wpforms-container .wpforms-form input[type=tel]::-moz-placeholder, section.contact-form div.wpforms-container .wpforms-form input[type=number]::-moz-placeholder, section.contact-form div.wpforms-container .wpforms-form input[type=date]::-moz-placeholder, section.contact-form div.wpforms-container .wpforms-form input[type=password]::-moz-placeholder, section.contact-form div.wpforms-container .wpforms-form textarea::-moz-placeholder, section.contact-form div.wpforms-container .wpforms-form select::-moz-placeholder {
  color: var(--contact-form-input-text) !important;
  opacity: 0.85;
}

section.contact-form div.wpforms-container-full .wpforms-form input[type=text]::placeholder,
section.contact-form div.wpforms-container-full .wpforms-form input[type=email]::placeholder,
section.contact-form div.wpforms-container-full .wpforms-form input[type=url]::placeholder,
section.contact-form div.wpforms-container-full .wpforms-form input[type=tel]::placeholder,
section.contact-form div.wpforms-container-full .wpforms-form input[type=number]::placeholder,
section.contact-form div.wpforms-container-full .wpforms-form input[type=date]::placeholder,
section.contact-form div.wpforms-container-full .wpforms-form input[type=password]::placeholder,
section.contact-form div.wpforms-container-full .wpforms-form textarea::placeholder,
section.contact-form div.wpforms-container-full .wpforms-form select::placeholder,
section.contact-form div.wpforms-container .wpforms-form input[type=text]::placeholder,
section.contact-form div.wpforms-container .wpforms-form input[type=email]::placeholder,
section.contact-form div.wpforms-container .wpforms-form input[type=url]::placeholder,
section.contact-form div.wpforms-container .wpforms-form input[type=tel]::placeholder,
section.contact-form div.wpforms-container .wpforms-form input[type=number]::placeholder,
section.contact-form div.wpforms-container .wpforms-form input[type=date]::placeholder,
section.contact-form div.wpforms-container .wpforms-form input[type=password]::placeholder,
section.contact-form div.wpforms-container .wpforms-form textarea::placeholder,
section.contact-form div.wpforms-container .wpforms-form select::placeholder {
  color: var(--contact-form-input-text) !important;
  opacity: 0.85;
}

section.contact-form div.wpforms-container-full .wpforms-form input[type=text]:focus,
section.contact-form div.wpforms-container-full .wpforms-form input[type=email]:focus,
section.contact-form div.wpforms-container-full .wpforms-form input[type=url]:focus,
section.contact-form div.wpforms-container-full .wpforms-form input[type=tel]:focus,
section.contact-form div.wpforms-container-full .wpforms-form input[type=number]:focus,
section.contact-form div.wpforms-container-full .wpforms-form input[type=date]:focus,
section.contact-form div.wpforms-container-full .wpforms-form input[type=password]:focus,
section.contact-form div.wpforms-container-full .wpforms-form textarea:focus,
section.contact-form div.wpforms-container-full .wpforms-form select:focus,
section.contact-form div.wpforms-container .wpforms-form input[type=text]:focus,
section.contact-form div.wpforms-container .wpforms-form input[type=email]:focus,
section.contact-form div.wpforms-container .wpforms-form input[type=url]:focus,
section.contact-form div.wpforms-container .wpforms-form input[type=tel]:focus,
section.contact-form div.wpforms-container .wpforms-form input[type=number]:focus,
section.contact-form div.wpforms-container .wpforms-form input[type=date]:focus,
section.contact-form div.wpforms-container .wpforms-form input[type=password]:focus,
section.contact-form div.wpforms-container .wpforms-form textarea:focus,
section.contact-form div.wpforms-container .wpforms-form select:focus {
  outline: 2px solid color-mix(in srgb, var(--contact-form-text) 45%, transparent);
  outline-offset: 2px;
}

section.contact-form div.wpforms-container-full .wpforms-form textarea,
section.contact-form div.wpforms-container .wpforms-form textarea {
  height: 8.75rem !important;
  min-height: 8.75rem;
  padding: 1.125rem 1.25rem !important;
  resize: vertical;
}

section.contact-form div.wpforms-container-full .wpforms-form select,
section.contact-form div.wpforms-container .wpforms-form select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-right: 3.5rem !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='14' fill='%2324232B'/%3E%3Cpath d='M9 12l5 5 5-5' fill='none' stroke='%23DAFDA3' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 28px 28px !important;
  cursor: pointer !important;
}

section.contact-form div.wpforms-container-full .wpforms-form .choices,
section.contact-form div.wpforms-container-full .wpforms-form .choices.is-focused,
section.contact-form div.wpforms-container-full .wpforms-form .choices.is-open,
section.contact-form div.wpforms-container .wpforms-form .choices,
section.contact-form div.wpforms-container .wpforms-form .choices.is-focused,
section.contact-form div.wpforms-container .wpforms-form .choices.is-open {
  position: relative !important;
  margin: 0;
  overflow: visible !important;
  outline: none !important;
  box-shadow: none !important;
  cursor: pointer;
}

section.contact-form div.wpforms-container-full .wpforms-form .choices__inner,
section.contact-form div.wpforms-container .wpforms-form .choices__inner {
  overflow: visible !important;
}

section.contact-form div.wpforms-container-full .wpforms-form .choices select,
section.contact-form div.wpforms-container-full .wpforms-form .choices .choices__input--hidden,
section.contact-form div.wpforms-container-full .wpforms-form .choices select.choices__input,
section.contact-form div.wpforms-container .wpforms-form .choices select,
section.contact-form div.wpforms-container .wpforms-form .choices .choices__input--hidden,
section.contact-form div.wpforms-container .wpforms-form .choices select.choices__input {
  position: absolute !important;
  inset: 0 auto auto 0 !important;
  z-index: -1;
  width: 1px !important;
  min-width: 0 !important;
  height: 1px !important;
  min-height: 0 !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  pointer-events: none !important;
}

section.contact-form div.wpforms-container-full .wpforms-form .choices[data-type*=select-one] input.choices__input,
section.contact-form div.wpforms-container .wpforms-form .choices[data-type*=select-one] input.choices__input {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

section.contact-form div.wpforms-container-full .wpforms-form .choices.is-open .choices__inner,
section.contact-form div.wpforms-container-full .wpforms-form .choices.is-open.is-flipped .choices__inner,
section.contact-form div.wpforms-container .wpforms-form .choices.is-open .choices__inner,
section.contact-form div.wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__inner {
  border-radius: var(--contact-form-radius) !important;
}

section.contact-form div.wpforms-container-full .wpforms-form .choices[data-type*=select-one] .choices__inner,
section.contact-form div.wpforms-container-full .wpforms-form .choices.is-focused .choices__inner,
section.contact-form div.wpforms-container-full .wpforms-form .choices.is-open .choices__inner,
section.contact-form div.wpforms-container-full .wpforms-form .choices__inner,
section.contact-form div.wpforms-container .wpforms-form .choices[data-type*=select-one] .choices__inner,
section.contact-form div.wpforms-container .wpforms-form .choices.is-focused .choices__inner,
section.contact-form div.wpforms-container .wpforms-form .choices.is-open .choices__inner,
section.contact-form div.wpforms-container .wpforms-form .choices__inner {
  position: relative;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center;
  min-height: 3.5rem !important;
  padding: 1rem 3.5rem 1rem 1.25rem !important;
  border: none !important;
  border-radius: var(--contact-form-radius) !important;
  background-color: var(--contact-form-input-bg) !important;
  background-image: none !important;
  color: var(--contact-form-input-text) !important;
  font-size: 1rem !important;
  line-height: 1.4;
  outline: none !important;
  box-shadow: none !important;
  overflow: visible !important;
  cursor: pointer;
}

section.contact-form div.wpforms-container-full .wpforms-form .choices[data-type*=select-one] .choices__inner::before,
section.contact-form div.wpforms-container-full .wpforms-form .choices__inner::before,
section.contact-form div.wpforms-container .wpforms-form .choices[data-type*=select-one] .choices__inner::before,
section.contact-form div.wpforms-container .wpforms-form .choices__inner::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: var(--color__black);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M9 12l5 5 5-5' fill='none' stroke='%23DAFDA3' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px;
  transform: translateY(-50%) rotate(0deg);
  transition: transform 0.22s ease;
  pointer-events: none;
}

section.contact-form div.wpforms-container-full .wpforms-form .choices.is-open .choices__inner::before,
section.contact-form div.wpforms-container .wpforms-form .choices.is-open .choices__inner::before {
  transform: translateY(-50%) rotate(180deg);
}

section.contact-form div.wpforms-container-full .wpforms-form .choices__list--single,
section.contact-form div.wpforms-container .wpforms-form .choices__list--single {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 !important;
}

section.contact-form div.wpforms-container-full .wpforms-form .choices__list--single .choices__item,
section.contact-form div.wpforms-container .wpforms-form .choices__list--single .choices__item {
  padding: 0 !important;
  overflow: hidden;
  background: transparent !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

section.contact-form div.wpforms-container-full .wpforms-form .choices__item,
section.contact-form div.wpforms-container .wpforms-form .choices__item {
  color: var(--contact-form-input-text) !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
}

section.contact-form div.wpforms-container-full .wpforms-form .choices[data-type*=select-one] .choices__inner::after,
section.contact-form div.wpforms-container-full .wpforms-form .choices[data-type*=select-one]::after,
section.contact-form div.wpforms-container-full .wpforms-form .choices[data-type*=select-one] .choices__item--selectable::after,
section.contact-form div.wpforms-container .wpforms-form .choices[data-type*=select-one] .choices__inner::after,
section.contact-form div.wpforms-container .wpforms-form .choices[data-type*=select-one]::after,
section.contact-form div.wpforms-container .wpforms-form .choices[data-type*=select-one] .choices__item--selectable::after {
  display: none !important;
}

section.contact-form div.wpforms-container-full .wpforms-form .choices__list--dropdown,
section.contact-form div.wpforms-container .wpforms-form .choices__list--dropdown {
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  right: auto !important;
  bottom: auto !important;
  left: 0 !important;
  z-index: 20;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: none !important;
  margin-top: 0.5rem !important;
  padding: 0.5rem 0 !important;
  border: none !important;
  border-radius: var(--contact-form-radius) !important;
  background-color: var(--contact-form-dropdown-bg) !important;
  box-shadow: none !important;
  overflow: visible !important;
  word-break: normal;
}

section.contact-form div.wpforms-container-full .wpforms-form .choices.is-open .choices__list--dropdown,
section.contact-form div.wpforms-container-full .wpforms-form .choices__list--dropdown.is-active,
section.contact-form div.wpforms-container .wpforms-form .choices.is-open .choices__list--dropdown,
section.contact-form div.wpforms-container .wpforms-form .choices__list--dropdown.is-active {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  background-color: var(--contact-form-dropdown-bg) !important;
}

section.contact-form div.wpforms-container-full .wpforms-form .choices.is-flipped .choices__list--dropdown,
section.contact-form div.wpforms-container .wpforms-form .choices.is-flipped .choices__list--dropdown {
  top: 100% !important;
  bottom: auto !important;
}

section.contact-form div.wpforms-container-full .wpforms-form .choices__list--dropdown .choices__list,
section.contact-form div.wpforms-container .wpforms-form .choices__list--dropdown .choices__list {
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
  background-color: var(--contact-form-dropdown-bg) !important;
}

section.contact-form div.wpforms-container-full .wpforms-form .choices__list--dropdown .choices__item--choice,
section.contact-form div.wpforms-container-full .wpforms-form .choices [role=listbox] .choices__item--choice,
section.contact-form div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--choice,
section.contact-form div.wpforms-container .wpforms-form .choices [role=listbox] .choices__item--choice {
  align-items: center;
  padding: 0.75rem 1.25rem !important;
  background-color: transparent !important;
  color: var(--color__black) !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  cursor: pointer;
}

section.contact-form div.wpforms-container-full .wpforms-form .choices__list--dropdown .choices__item--choice.is-highlighted,
section.contact-form div.wpforms-container-full .wpforms-form .choices__list--dropdown .choices__item--choice:hover,
section.contact-form div.wpforms-container-full .wpforms-form .choices [role=listbox] .choices__item--choice.is-highlighted,
section.contact-form div.wpforms-container-full .wpforms-form .choices [role=listbox] .choices__item--choice:hover,
section.contact-form div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--choice.is-highlighted,
section.contact-form div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--choice:hover,
section.contact-form div.wpforms-container .wpforms-form .choices [role=listbox] .choices__item--choice.is-highlighted,
section.contact-form div.wpforms-container .wpforms-form .choices [role=listbox] .choices__item--choice:hover {
  background-color: var(--contact-form-bg) !important;
  color: var(--contact-form-text) !important;
}

section.contact-form div.wpforms-container-full .wpforms-form .choices__list--dropdown input.choices__input,
section.contact-form div.wpforms-container .wpforms-form .choices__list--dropdown input.choices__input {
  display: none !important;
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .iti,
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .wpforms-field-phone-input-container,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .iti,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .wpforms-field-phone-input-container {
  display: flex !important;
  align-items: stretch;
  /* gap: rem-calc(8); */
  width: 100%;
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .iti,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .iti {
  position: relative;
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .iti input[type=tel],
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .iti input[type=text],
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .iti input.iti__tel-input,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .iti input[type=tel],
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .iti input[type=text],
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .iti input.iti__tel-input {
  flex: 1 1 auto;
  width: 0 !important;
  min-width: 0;
  margin: 0 0 0 -0.75rem !important;
  padding-left: 1.625rem !important;
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .iti__country-container,
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .wpforms-field-phone-country-container,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .iti__country-container,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .wpforms-field-phone-country-container {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 2;
  flex: 0 0 auto;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .iti__selected-country,
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .wpforms-field-phone-country-container,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .iti__selected-country,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .wpforms-field-phone-country-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0;
  width: 6.65rem;
  min-width: 6.65rem;
  height: 3.5rem;
  padding: 0 1rem 0 1rem;
  border: 0 !important;
  border-radius: var(--contact-form-radius);
  background: var(--contact-form-accent);
  color: var(--color__white);
  overflow: hidden;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none !important;
  box-shadow: none !important;
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .iti__selected-country:focus, section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .iti__selected-country:focus-visible,
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .wpforms-field-phone-country-container:focus,
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .wpforms-field-phone-country-container:focus-visible,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .iti__selected-country:focus,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .iti__selected-country:focus-visible,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .wpforms-field-phone-country-container:focus,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .wpforms-field-phone-country-container:focus-visible {
  outline: none !important;
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--color__white) 50%, transparent) !important;
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .iti__selected-country-primary,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .iti__selected-country-primary {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
  height: 100%;
  padding: 0 36px 0 0;
  background: transparent !important;
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .iti__selected-country-primary::after,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .iti__selected-country-primary::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: var(--contact-form-accent-dot);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M9 12l5 5 5-5' fill='none' stroke='%2324232B' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px;
  transform: translateY(-50%) rotate(0deg);
  transform-origin: center;
  transition: transform 0.22s var(--ease__smooth);
  pointer-events: none;
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .iti:has(.iti__arrow--up) .iti__selected-country-primary::after, section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone:has(.iti__arrow--up) .iti__selected-country-primary::after, section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone:has(.iti--container-open) .iti__selected-country-primary::after,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .iti:has(.iti__arrow--up) .iti__selected-country-primary::after,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone:has(.iti__arrow--up) .iti__selected-country-primary::after,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone:has(.iti--container-open) .iti__selected-country-primary::after {
  transform: translateY(-50%) rotate(180deg);
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .iti__flag,
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .wpforms-field-phone-flag,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .iti__flag,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .wpforms-field-phone-flag {
  display: block;
  flex: 0 0 auto;
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone.has-dial-code .iti__flag,
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .iti.has-dial-code .iti__flag,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone.has-dial-code .iti__flag,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .iti.has-dial-code .iti__flag {
  display: none;
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .iti__selected-dial-code,
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .contact-form__dial-code,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .iti__selected-dial-code,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .contact-form__dial-code {
  /* 		flex: 1 1 auto;
  		min-width: 2.75em; */
  color: var(--color__white);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .iti__arrow,
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .wpforms-field-phone-arrow,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .iti__arrow,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .wpforms-field-phone-arrow {
  position: absolute !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  background: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: none !important;
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .iti__arrow--up,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .iti__arrow--up {
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  transform: none !important;
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .iti__dropdown-content,
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .iti__country-list,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .iti__dropdown-content,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .iti__country-list {
  z-index: 20;
  width: 20rem;
  max-width: min(92vw, 22.5rem);
  margin-top: 0.5rem;
  border: none !important;
  border-radius: var(--contact-form-radius) !important;
  background: var(--contact-form-dropdown-bg) !important;
  box-shadow: none;
  color: var(--contact-form-input-text);
  overflow: hidden;
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .iti--inline-dropdown .iti__dropdown-content,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .iti--inline-dropdown .iti__dropdown-content {
  position: absolute !important;
  top: 100% !important;
  right: auto !important;
  bottom: auto !important;
  left: 0 !important;
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .iti__country-list,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .iti__country-list {
  max-height: 15rem;
  margin-top: 0;
  overflow-y: auto;
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .iti__country,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .iti__country {
  align-items: center;
  padding: 0.625rem 0.875rem !important;
  color: var(--contact-form-input-text) !important;
  font-size: 0.9375rem !important;
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .iti__country-name,
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .iti__dial-code,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .iti__country-name,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .iti__dial-code {
  color: var(--contact-form-input-text) !important;
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .iti__country.iti__highlight,
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .iti__country:hover,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .iti__country.iti__highlight,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .iti__country:hover {
  background: var(--contact-form-bg) !important;
  color: var(--contact-form-text) !important;
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .iti__country.iti__highlight .iti__country-name,
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .iti__country.iti__highlight .iti__dial-code,
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .iti__country:hover .iti__country-name,
section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .iti__country:hover .iti__dial-code,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .iti__country.iti__highlight .iti__country-name,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .iti__country.iti__highlight .iti__dial-code,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .iti__country:hover .iti__country-name,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .iti__country:hover .iti__dial-code {
  color: var(--contact-form-text) !important;
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-field-phone .iti__country-list .iti__flag,
section.contact-form div.wpforms-container .wpforms-form .wpforms-field-phone .iti__country-list .iti__flag {
  display: block;
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-submit-container,
section.contact-form div.wpforms-container .wpforms-form .wpforms-submit-container {
  display: flex;
  justify-content: flex-end;
  margin: 0.5rem 0 0;
  padding: 0;
}

section.contact-form div.wpforms-container-full .wpforms-form button.main-cta[type=submit],
section.contact-form div.wpforms-container-full .wpforms-form button.main-cta.wpforms-submit,
section.contact-form div.wpforms-container-full .wpforms-form button.main-cta[type=submit]:not(:hover):not(:active),
section.contact-form div.wpforms-container-full .wpforms-form button.main-cta.wpforms-submit:not(:hover):not(:active),
section.contact-form div.wpforms-container .wpforms-form button.main-cta[type=submit],
section.contact-form div.wpforms-container .wpforms-form button.main-cta.wpforms-submit,
section.contact-form div.wpforms-container .wpforms-form button.main-cta[type=submit]:not(:hover):not(:active),
section.contact-form div.wpforms-container .wpforms-form button.main-cta.wpforms-submit:not(:hover):not(:active) {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  overflow: hidden !important;
  float: none;
  width: auto !important;
  height: 56px !important;
  margin: 0 !important;
  padding: 0 20px !important;
  border: none !important;
  border-radius: var(--element-border-radius) !important;
  background: var(--cta-bg) !important;
  color: var(--cta-text);
  box-shadow: none !important;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase !important;
  transition: none !important;
}

section.contact-form div.wpforms-container-full .wpforms-form .main-cta__dot,
section.contact-form div.wpforms-container .wpforms-form .main-cta__dot {
  position: relative !important;
  z-index: -1;
  flex: 0 0 auto;
  width: var(--cta-dot-size);
  height: var(--cta-dot-size);
  pointer-events: none;
}

section.contact-form div.wpforms-container-full .wpforms-form .main-cta__dot-expand,
section.contact-form div.wpforms-container-full .wpforms-form .main-cta__dot-core,
section.contact-form div.wpforms-container .wpforms-form .main-cta__dot-expand,
section.contact-form div.wpforms-container .wpforms-form .main-cta__dot-core {
  position: absolute !important;
  inset: 0;
  border-radius: 50%;
  background: var(--cta-dot);
}

section.contact-form div.wpforms-container-full .wpforms-form .wpforms-confirmation-container-full,
section.contact-form div.wpforms-container .wpforms-form .wpforms-confirmation-container-full {
  padding: 0;
  border: none;
  background: transparent;
  color: var(--contact-form-text);
}

section.contact-form .contact-form-choices .choices__list--dropdown {
  background-color: var(--contact-form-dropdown-bg) !important;
}

section.contact-form .contact-form-choices .choices__list--dropdown .choices__item--choice {
  background-color: transparent !important;
  color: var(--color__black) !important;
}

section.contact-form .contact-form-choices .choices__list--dropdown .choices__item--choice.is-highlighted,
section.contact-form .contact-form-choices .choices__list--dropdown .choices__item--choice:hover {
  background-color: var(--contact-form-bg) !important;
  color: var(--contact-form-text) !important;
}

@media screen and (max-width: 850px) {
  section.contact-form .contact-form__surface {
    padding: 2.25rem 1.5rem;
  }
  section.contact-form .contact-form__intro {
    max-width: none;
    margin-top: 1.25rem;
  }
  section.contact-form .contact-form__watermark {
    width: 90%;
    min-width: 12.5rem;
  }
  section.contact-form .contact-form__logo {
    width: 2.75rem;
  }
}
section.contact-form.contact-form--anim-dot .contact-form__surface {
  --dot-opacity: 0;
  --dot-scale: 0;
}

section.contact-form.contact-form--anim-fade {
  opacity: 0;
}

section.contact-form.contact-form--anim-complex .contact-form__surface {
  --dot-opacity: 0;
  --dot-scale: 0;
}

section.contact-form.contact-form--anim-complex .contact-form__watermark,
section.contact-form.contact-form--anim-complex .contact-form__logo {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  section.contact-form.contact-form--anim-dot .contact-form__surface {
    --dot-opacity: 1;
    --dot-scale: 1;
  }
  section.contact-form.contact-form--anim-fade {
    opacity: 1;
  }
  section.contact-form.contact-form--anim-complex .contact-form__surface {
    --dot-opacity: 1;
    --dot-scale: 1;
  }
  section.contact-form.contact-form--anim-complex .contact-form__watermark {
    opacity: 0.14;
  }
  section.contact-form.contact-form--anim-complex .contact-form__logo {
    opacity: 1;
  }
}
.acf-block-preview section.contact-form.contact-form--anim-dot .contact-form__surface {
  --dot-opacity: 1;
  --dot-scale: 1;
}

.acf-block-preview section.contact-form.contact-form--anim-fade {
  opacity: 1;
}

.acf-block-preview section.contact-form.contact-form--anim-complex .contact-form__surface {
  --dot-opacity: 1;
  --dot-scale: 1;
}

.acf-block-preview section.contact-form.contact-form--anim-complex .contact-form__watermark {
  opacity: 0.14;
}

.acf-block-preview section.contact-form.contact-form--anim-complex .contact-form__logo {
  opacity: 1;
}