/* Root Variabels of this Forms Style */
:root {
  --input-height: 50px;
}

/* General Settings */
:disabled,
.disabled {
  opacity: 0.5;
}

:focus-visible {
  outline: none;
}

label {
  cursor: pointer;
}

.wp-block-button {
  list-style: none;
}

/* Buttons */
.gform_wrapper .button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.wp-block-search .wp-block-search__button,
.wp-block-button .wp-block-button__link,
.wp-block-file .wp-block-file__button {
  border-style: solid;
  cursor: pointer;
  transition: .2s linear;
  line-height: 19px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  text-wrap: nowrap;
}

/* Buttons Primary Fill */
.gform_wrapper button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.wp-block-search .wp-block-search__button,
.wp-block-button .wp-block-button__link,
.wp-block-file .wp-block-file__button {
  position: relative;
  font-size: 16px !important;
  font-weight: 500 !important;
}

.gform_wrapper button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.wp-block-search .wp-block-search__button,
.wp-block-button.is-style-fill .wp-block-button__link,
.wp-block-file .wp-block-file__button, .has-style-button-primary a {
  background: var(--wp--custom--button-primary--background-color);
  border: var(--wp--custom--button-primary--border-width) solid var(--wp--custom--button-primary--border-color);
  color: var(--wp--custom--button-primary--color) !important;
  opacity: var(--wp--custom--button-primary--opacity);
  border-radius: var(--wp--custom--button-primary--border-radius);
  padding: var(--wp--custom--button-primary--padding);
  font-weight: var(--wp--custom--button-primary--font-weight);
  transition: all 600ms;
}

.gform_wrapper button,
.wp-block-search .wp-block-search__button,
.wp-block-button,
.wp-block-file .wp-block-file__button {
  overflow: hidden;
  display: flex;
}

.gform_wrapper button:after,
.wp-block-search .wp-block-search__button:after,
.wp-block-button .wp-block-button__link:after,
.wp-block-file .wp-block-file__button:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 0;
  height: 0;
  transition: all 300ms;
  opacity: 0;
  background: rgb(255 255 255 / 20%);
  transform-origin: center;
}

.gform_wrapper button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
.wp-block-search .wp-block-search__button:hover,
.wp-block-button.is-style-fill .wp-block-button__link:hover,
.wp-block-file a.wp-block-file__button:hover, .has-style-button-primary a:hover {
  background: var(--wp--custom--button-primary-hover--background-color);
  border: var(--wp--custom--button-primary-hover--border-width) solid var(--wp--custom--button-primary-hover--border-color);
  color: var(--wp--custom--button-primary-hover--color);
  opacity: var(--wp--custom--button-primary-hover--opacity);
  border-radius: var(--wp--custom--button-primary-hover--border-radius);
  padding: var(--wp--custom--button-primary-hover--padding);
  font-weight: var(--wp--custom--button-primary-hover--font-weight);
  transition: all 600ms;
}

/* Buttons Primary Outline */
.wp-block-button.is-style-outline .wp-block-button__link, .has-style-button-primary-outline a {
  background: var(--wp--custom--button-primary-outline--background-color);
  border: var(--wp--custom--button-primary-outline--border-width) solid var(--wp--custom--button-primary-outline--border-color);
  color: var(--wp--custom--button-primary-outline--color) !important;
  opacity: var(--wp--custom--button-primary-outline--opacity);
  border-radius: var(--wp--custom--button-primary-outline--border-radius);
  transition: all 600ms;
  padding: var(--wp--custom--button-primary-outline--padding);
  font-weight: var(--wp--custom--button-primary-outline--font-weight);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover, .has-style-button-primary-outline a:hover {
  background: var(--wp--custom--button-primary-outline-hover--background-color);
  border: var(--wp--custom--button-primary-outline-hover--border-width) solid var(--wp--custom--button-primary-outline-hover--border-color);
  color: var(--wp--custom--button-primary-outline-hover--color);
  opacity: var(--wp--custom--button-primary-outline-hover--opacity);
  border-radius: var(--wp--custom--button-primary-outline-hover--border-radius);
  padding: var(--wp--custom--button-primary-outline-hover--padding);
  font-weight: var(--wp--custom--button-primary-outline-hover--font-weight);
  transition: all 600ms;
}

/* Buttons Secondary Fill */
.wp-block-button.is-style-fill-secondary .wp-block-button__link, .has-style-button-secondary a {
  background: var(--wp--custom--button-secondary--background-color);
  border: var(--wp--custom--button-secondary--border-width) solid var(--wp--custom--button-secondary--border-color);
  color: var(--wp--custom--button-secondary--color);
  opacity: var(--wp--custom--button-secondary--opacity);
  border-radius: var(--wp--custom--button-secondary--border-radius);
  padding: var(--wp--custom--button-secondary--padding);
  font-weight: var(--wp--custom--button-secondary--font-weight);
}

.wp-block-button.is-style-fill-secondary .wp-block-button__link:hover, .has-style-button-secondary a:hover {
  background: var(--wp--custom--button-secondary-hover--background-color);
  border: var(--wp--custom--button-secondary-hover--border-width) solid var(--wp--custom--button-secondary-hover--border-color);
  color: var(--wp--custom--button-secondary-hover--color);
  opacity: var(--wp--custom--button-secondary-hover--opacity);
  border-radius: var(--wp--custom--button-secondary-hover--border-radius);
  padding: var(--wp--custom--button-secondary-hover--padding);
  font-weight: var(--wp--custom--button-secondary-hover--font-weight);
}

/* Buttons Secondary Outline */
.wp-block-button.is-style-outline-secondary .wp-block-button__link, .has-style-button-secondary-outline a {
  background: var(--wp--custom--button-secondary-outline--background-color);
  border-color: var(--wp--custom--button-secondary-outline--border-color);
  color: var(--wp--custom--button-secondary-outline--color);
  border: var(--wp--custom--button-secondary-outline--border-width) solid var(--wp--custom--button-secondary-outline--border-color);
  opacity: var(--wp--custom--button-secondary-outline--opacity);
  border-radius: var(--wp--custom--button-secondary-outline--border-radius);
  padding: var(--wp--custom--button-secondary-outline--padding);
  font-weight: var(--wp--custom--button-secondary-outline--font-weight);
}

.wp-block-button.is-style-outline-secondary .wp-block-button__link:hover, .has-style-button-secondary-outline a:hover {
  background: var(--wp--custom--button-secondary-outline-hover--background-color);
  border: var(--wp--custom--button-secondary-outline-hover--border-width) solid var(--wp--custom--button-secondary-outline-hover--border-color);
  color: var(--wp--custom--button-secondary-outline-hover--color);
  opacity: var(--wp--custom--button-secondary-outline-hover--opacity);
  border-radius: var(--wp--custom--button-secondary-outline-hover--border-radius);
  padding: var(--wp--custom--button-secondary-outline-hover--padding);
  font-weight: var(--wp--custom--button-secondary-outline-hover--font-weight);
}

/* Buttons Tertiary Fill */
.wp-block-button.is-style-fill-tertiary .wp-block-button__link, .has-style-button-tertiary a {
  background: var(--wp--custom--button-tertiary--background-color);
  border: var(--wp--custom--button-tertiary--border-width) solid var(--wp--custom--button-tertiary--border-color);
  color: var(--wp--custom--button-tertiary--color);
  opacity: var(--wp--custom--button-tertiary--opacity);
  border-radius: var(--wp--custom--button-tertiary--border-radius);
  padding: var(--wp--custom--button-tertiary--padding);
  font-weight: var(--wp--custom--button-tertiary--font-weight);
}

.wp-block-button.is-style-fill-tertiary .wp-block-button__link:hover, .has-style-button-tertiary a:hover {
  background: var(--wp--custom--button-tertiary-hover--background-color);
  border: var(--wp--custom--button-tertiary-hover--border-width) solid var(--wp--custom--button-tertiary-hover--border-color);
  color: var(--wp--custom--button-tertiary-hover--color);
  opacity: var(--wp--custom--button-tertiary-hover--opacity);
  border-radius: var(--wp--custom--button-tertiary-hover--border-radius);
  padding: var(--wp--custom--button-tertiary-hover--padding);
  font-weight: var(--wp--custom--button-tertiary-hover--font-weight);
}

/* Buttons Tertiary Outline */
.wp-block-button.is-style-outline-tertiary .wp-block-button__link, .has-style-button-tertiary-outline a {
  background: var(--wp--custom--button-tertiary-outline--background-color);
  border-color: var(--wp--custom--button-tertiary-outline--border-color);
  color: var(--wp--custom--button-tertiary-outline--color);
  border: var(--wp--custom--button-tertiary-outline--border-width) solid var(--wp--custom--button-tertiary-outline--border-color);
  opacity: var(--wp--custom--button-tertiary-outline--opacity);
  border-radius: var(--wp--custom--button-tertiary-outline--border-radius);
  padding: var(--wp--custom--button-tertiary-outline--padding);
  font-weight: var(--wp--custom--button-tertiary-outline--font-weight);
}

.wp-block-button.is-style-outline-tertiary .wp-block-button__link:hover, .has-style-button-tertiary-outline a:hover {
  background: var(--wp--custom--button-tertiary-outline-hover--background-color);
  border: var(--wp--custom--button-tertiary-outline-hover--border-width) solid var(--wp--custom--button-tertiary-outline-hover--border-color);
  color: var(--wp--custom--button-tertiary-outline-hover--color);
  opacity: var(--wp--custom--button-tertiary-outline-hover--opacity);
  border-radius: var(--wp--custom--button-tertiary-outline-hover--border-radius);
  padding: var(--wp--custom--button-tertiary-outline-hover--padding);
  font-weight: var(--wp--custom--button-tertiary-outline-hover--font-weight);
}

/* Input */
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  line-height: var(--wp--custom--form--input-line-height);
  border-radius: 8px;
  border: solid;
  border-width: var(--wp--custom--form--input-border-width);
  border-color: #D9D9D9;
  font-size: 16px !important;
  font-weight: 300 !important;
  background: var(--wp--custom--form--input-background-color);
  color: #898989;
  padding: 14px !important;
  font-family: "Work sans";
}

.disabled,
input:disabled,
select:disabled,
textarea:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.gform_wrapper.gravity-theme .gfield_description {
  color: #898989;
}

textarea {
  font-family: "Work sans";
  line-height: 2;
  -webkit-appearance: none;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 8px;
  border: 1px solid #D9D9D9;
  background: var(--wp--custom--form--input-background-color);
  font-size: 16px !important;
  color: #898989;
  padding: 14px !important;
  font-weight: 300;
}

select {
  line-height: 2;
  color: var(--wp--custom--form--input-font-color);
  box-shadow: none;
  -webkit-appearance: none;
  cursor: pointer;
  vertical-align: middle;
  line-height: var(--wp--custom--form--input-line-height);
  border-radius: var(--wp--custom--form--input-border-radius);
  border: var(--wp--custom--form--input-border-width) solid var(--wp--custom--form--input-border-color);
  background-color: var(--wp--custom--form--input-background-color) !important;
  font-size: var(--wp--custom--form--input-font-size) !important;
  padding: var(--wp--custom--form--input-padding) !important;
}

select:not([multiple="multiple"]) {
  background: #fff
    url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E)
    no-repeat right 5px top 55%;
  background-size: 16px 16px;
}

input[type="checkbox"] {
  /* For iOS < 15 */
  background-color: #fff;
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: #8c8f94;
  width: 18px;
  height: 18px;
  border: var(--wp--custom--form--input-border-width) solid var(--wp--custom--form--input-border-color);
  border-radius: var(--wp--custom--form--input-border-radius);
}

input[type="radio"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  -moz-appearance: none;
  appearance: none;
  /* For iOS < 15 */
  background-color: #fff;
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: #8c8f94;
  width: 18px;
  height: 18px;
  border: 1px solid var(--wp--custom--form--input-border-color);
  border-radius: 50%;
}

input[type="radio"]:before {
  content: "";
  width: 10px;
  height: 10px;
  transform: scale(0);
  transform-origin: center center;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--wp--preset--color--primary);
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 3px;
  left: 3px;
}

input[type="radio"]:checked:before {
  transform: scale(1);
}

.gform_wrapper.gravity-theme .gfield_label {
  font-size: var(--wp--custom--form--label-font-size);
  color: var(--wp--custom--form--label-font-color);
  font-weight: 500;
}

/* Select2 */
.chosen-container-single .chosen-single,
.gform_wrapper.gravity-theme .gfield .chosen-container-single .chosen-single {
  padding: var(--wp--custom--form--input-padding) !important;
  line-height: 2;
  border-radius: var(--wp--custom--form--input-border-radius);
  border: 1px solid var(--wp--custom--form--input-border-color);
  background: transparent;
  box-shadow: none;
}
.chosen-container .chosen-drop,
.gform_wrapper.gravity-theme .chosen-container .chosen-drop {
  border: 2px solid var(--wp--preset--color--primary);
  border-top: 0;
}
.chosen-container-single .chosen-search input[type="text"],
.gform_wrapper.gravity-theme
  .chosen-container-single
  .chosen-search
  input[type="text"] {
  padding: 2px 20px 4px 5px;
  border-radius: 3px;
}
.chosen-container-single .chosen-single span,
.gform_wrapper.gravity-theme .chosen-container-single .chosen-single span {
  line-height: calc(var(--input-height) - 2px);
}
.chosen-container-single .chosen-single div b,
.chosen-container-active.chosen-with-drop .chosen-single div b,
.gform_wrapper.gravity-theme .chosen-container-single .chosen-single div b,
.gform_wrapper.gravity-theme
  .chosen-container-active.chosen-with-drop
  .chosen-single
  div
  b {
  background-position-y: calc(var(--input-height) / 3.57);
  background-position: right 5px top 55%;
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) !important;
  background-size: 16px 16px !important;
}
.chosen-container-single .chosen-search input[type="text"],
.gform_wrapper.gravity-theme
  .chosen-container-single
  .chosen-search
  input[type="text"] {
  min-height: auto;
}
.chosen-container .chosen-results li.highlighted,
.gform_wrapper.gravity-theme .chosen-container .chosen-results li.highlighted {
  background-color: var(--wp--preset--color--primary);
  background-image: none;
  color: #fff;
}
.chosen-container-active .chosen-single,
.gform_wrapper.gravity-theme .chosen-container-active .chosen-single {
  border: 2px solid var(--wp--preset--color--primary) !important;
}
.chosen-container-active.chosen-with-drop .chosen-single,
.gform_wrapper.gravity-theme
  .chosen-container-active.chosen-with-drop
  .chosen-single {
  border-bottom-color: transparent !important;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

/* Datepicker */
.ui-datepicker-other-month.ui-datepicker-unselectable.ui-state-disabled {
  visibility: hidden;
}

/* Tooltip */
.tooltip {
  cursor: pointer;
  position: relative;
}
.tooltip svg {
  height: 15px;
  width: 15px;
  fill: currentColor;
}
.tooltip::before {
  position: absolute;
  bottom: calc(100% + 12px);
  background-color: #2b222a;
  border-radius: 5px;
  color: #fff;
  content: attr(data-tooltip-text);
  padding: 5px 10px;
  text-transform: none;
  transition: all 0.5s ease;
  max-width: 160px;
  right: 50%;
  transform: translateX(50%);
  font-size: 80%;
}
.tooltip::after {
  position: absolute;
  top: -12px;
  left: 9px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #2b222a;
  content: " ";
  font-size: 0;
  line-height: 0;
  margin-left: -5px;
  width: 0;
}
.tooltip::before,
.tooltip::after {
  color: #efefef;
  opacity: 0;
  pointer-events: none;
  text-align: center;
  transition: all 300ms ease;
}
.tooltip:focus::before,
.tooltip:focus::after,
.tooltip:hover::before,
.tooltip:hover::after {
  opacity: 1;
}

/* Gravityforms styling */
.gform_wrapper.gravity-theme .gf_step_active .gf_step_number {
  background-color: var(--wp--preset--color--primary);
  border-color: var(--wp--preset--color--primary);
  color: #fff;
}

.gform_wrapper.gravity-theme .gform_validation_errors,
.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message {
  border-radius: var(--wp--custom--form--input-border-radius);
  box-shadow: var(--input-box-shadow);
  min-height: var(--input-height);
  background: none !important;
}

.gform_wrapper.gravity-theme .gform_validation_errors h2 {
  margin: 0 !important;
  color: #c02b0a !important;
}

.gform_wrapper .gfield_required .gfield_required_custom,
.gform_wrapper .gfield_required .gfield_required_text {
  font-style: normal;
  margin-left: 5px;
  top: -0.5em;
}

.field_sublabel_below label {
  margin-bottom: 10px;
}

.field_sublabel_top label {
  margin-top: 10px;
}

.gfield_checkbox .gchoice,
.gfield_radio .gchoice {
  min-height: 30px;
}

.gfield_checkbox .gchoice label,
.gfield_radio .gchoice label,
.gfield_consent_label {
  margin: 0 0 0 5px;
  color: #898989;
}

.gfield-choice-input {
  position: relative;
}

.ginput_container_consent input[type="checkbox"] {
  transform: translateY(0.175em);
}

.gform_wrapper.gravity-theme .hour_minute_colon {
  line-height: 3;
}

.gform_drop_area {
  border-color: var(--wp--custom--form--input-border-color);
  background: transparent;
}

.gform_delete_file {
  color: #c02b0a;
  padding: 5px;
}

.gform_delete_file:hover {
  background-color: #c02b0a;
  color: #fff;
}

.gform_wrapper.gravity-theme .description,
.gform_wrapper.gravity-theme .gfield_description,
.gform_wrapper.gravity-theme .gsection_description,
.gform_wrapper.gravity-theme .instruction {
  opacity: 0.7;
}

.gform_wrapper.gravity-theme .gform_footer,
.gform_wrapper.gravity-theme .gform_page_footer {
  display: flex;
  align-items: center;
}

.gform_wrapper.gravity-theme .gform_footer button,
.gform_wrapper.gravity-theme .gform_footer input,
.gform_wrapper.gravity-theme .gform_page_footer button,
.gform_wrapper.gravity-theme .gform_page_footer input {
  margin: 0;
  box-shadow: none;
}

.gfield_select, .gfield_consent_label{
  color: #8c8f94;
}

.ginput_container_consent .gfield_required_text{
  display: none;
}

/* Gravity Forms errors styling */
.gform_validation_errors,
.gfield_validation_message {
  border: none !important;
  color: #c02b0a !important;
  opacity: 1 !important;
}

.gform_submission_error {
  color: #fff !important;
}

.gform_validation_errors .gform-icon::before,
.gfield_validation_message::before {
  content: '!';
  color: #fff;
  font-family: 'Work sans';
  box-shadow: 0 1px 0 5px rgba(193 42 11 / 50%);
  border-radius: 50%;
  background-color: #c02b0a;
  font-size: 20px;
  padding: 10px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gfield_validation_message::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(50%, -50%);
}

.gform_wrapper.gravity-theme .gform_validation_errors,
.gfield_validation_message {
  padding: 16px 16px 16px 56px !important;
  position: relative !important;
}

.gform_required_legend {
  display: none !important;
}

/* conversational forms styling */
.gform-conversational__screens img {
  height: 100%;
  width: 60%;
  object-fit: cover;

}

.gform-conversational__screens .gform-conversational__screen-content{
  padding-top: 1rem !important;
}

.gform-conversational__screens .gfield_label{
  font-size: 1.6rem;
  color:#282a5f;
}

.gform-conversational__screens .button{
  border:1px solid green;
}

.gform-conversational__screens input[type="checkbox"]:checked::after {
 content:none;
}

.gform-conversational__screens input[type="checkbox"]{
  box-shadow: none;
}

.gform-conversational__screens .gform-orbital-icon--arrow-narrow-right{
  display: none;
}

.gform-conversational__form-fields .gfield_label {
  padding-bottom:0;
}

.gform-conversational__screens .gchoice label {
  font-size: 1.4rem;
  color:#282a5f;
  margin-left:1%;
}

.gform-conversational__screens .gchoice {
  border: 1px solid #3f4171;
  color: #282a5f;
  display: flex;
  align-items: center;
  background-color: #e9e9ef;
  border-radius: 8px;
  padding: 1.25%;
  cursor: pointer;
}

.gform-conversational__field-nav button.gform-conversational__nav-button {
  font-size: 1.5rem !important;
  padding:0.73%
}

.gform-conversational__field-nav button.gform-conversational__nav-button {
 padding:3rem;
}

.gfield_required .gfield_required_text{
   color: transparent;
}

.gfield_required .gfield_required_text::before{
  font-size: 24px;
  content: "*"; 
    color:  #3f4171; 
}
.gform-conversational__progress-bar-outer {
  width: 80%; 
}

.gform-conversational__screens .gform-conversational__progress-bar-inner {
  width: 100%; 
}

/* styling for the form to display differently on hover or on click of elements*/ 
.gform-conversational__screens .gchoice {
  transition: all 0.2s linear;
  border: 1px solid #898989;
}

.gform-conversational__screens .gchoice:hover {
  background-color: #cacad5;
}

.gform-conversational__screens .gchoice:has(input[type="checkbox"]:checked),
.gform-conversational__screens .gchoice:has(input[type="radio"]:checked) {
  box-shadow: 0 0 0 2.5px #463161;
  background-color: #cacad5;
}

/* text size */
.gform-conversational__screens .gchoice label {
  font-size: 1.25rem;
 }

.gform-conversational__screens .gfield_label {
  font-size: 1.5rem;
}

.gform-conversational__screen-content .gform-conversational__welcome-title {
   font-size: 1.6rem !important;
}