.checkbox-option input[type="checkbox"] {
  opacity: 0;
  display: contents;
}

.checkbox-option label {
  font-family: Poppins;
  font-style: normal;
  font-size: 1rem;
  line-height: 150%;
  font-weight: 400;
  color: #181819;
  float: left;
  display: inline-flex;
  border: 2px solid #ffffff00;
  padding: 2px 3px 0px 2px;
  box-sizing: border-box;
}

.checkbox-option input[type="checkbox"]:checked + label {
  font-weight: 600;
  color: #000050;
}

.checkbox-option .checkbox-label:before {
  display: block;
  content: "";
  background-image: url("../images/icons/normal-inactive.svg");
  background-size: 16px 16px;
  height: 16px;
  width: 16px;
  margin-top: 4px;
  margin-right: 8px;
  min-width: 15px;
}

.checkbox-option input[type="checkbox"]:checked + label::before {
  content: "";
  background-image: url("../images/icons/normal-active.svg");
  background-size: 16px 16px;
  height: 16px;
  width: 16px;
  margin-top: 4px;
  margin-right: 8px;
  z-index: -1;
}

.checkbox-option input[type="checkbox"]:checked:focus + label,
.checkbox-option input[type="checkbox"]:not(:checked):focus + label {
  border: 2px solid #000050;
  box-sizing: border-box;
  font-weight: 600;
  color: #000050;
  padding: 2px 3px 0px 2px;
}

.checkbox-option input[type="checkbox"]:not(:checked):focus + label::before {
  background-image: url("../images/icons/hover-inactive.svg");
}

/**Button  Primary**/

.button-345930754,
.button-347049986,
.button-347047938,
.button-347045890 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  font-size: 1rem !important;
  min-width: 148px !important;
  width: auto !important;
  padding: 16px 32px !important;
  transition: all 0.5s ease;
  height: 48px;
  border: 2px solid #FA5A50 !important;
}

.button-345930754:active,
.button-345930754:hover,
.button-347049986:active,
.button-347049986:hover,
.button-347047938:active,
.button-347047938:hover,
.button-347045890:active,
.button-347045890:hover {
  border: 2px solid #690037 !important;
}

.button-345930754:focus,
.button-347049986:focus,
.button-347047938:focus,
.button-347045890:focus {
  border: 2px solid #000050 !important;
  background-color: #690037 !important;
  color: #ffffff !important;
  outline: unset;
}

/**Button Secondary**/

.button-345931778,
.button-347985922,
.button-347983874,
.button-347981826 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  font-size: 1rem !important;
  min-width: 148px !important;
  width: auto !important;
  padding: 16px 32px !important;
  transition: all 0.5s ease;
  height: 48px;
  border-width: 2px !important;
}

.button-345931778:hover,
.button-347985922:hover,
.button-347983874:hover,
.button-347981826:hover {
  border-color: #690037;
}

.button-345931778:focus,
.button-347985922:focus,
.button-347983874:focus,
.button-347981826:focus {
  border: 2px solid #000050;
  background-color: #690037 !important;
  color: #ffffff !important;
  outline: unset;
}

.button-345931778:active,
.button-347985922:active,
.button-347983874:active,
.button-347981826:active {
  background-color: #690037 !important;
  border-color: #690037 !important;
  color: #ffffff !important;
}

/**Button Primary Inverse**/

.button-345939970,
.button-347083778,
.button-347084802,
.button-347085826 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  font-size: 1rem !important;
  min-width: 148px !important;
  width: auto !important;
  padding: 16px 32px !important;
  transition: all 0.5s ease;
  height: 48px;
  border-width: 2px !important;
}

.button-345939970:hover,
.button-347083778:hover,
.button-347084802:hover,
.button-347085826:hover {
  border-color: #690037;
}

.button-345939970:focus,
.button-347083778:focus,
.button-347084802:focus,
.button-347085826:focus {
  border: 2px solid #000050;
  background-color: #690037 !important;
  color: #ffffff !important;
  outline: unset;
}

.button-345939970:active,
.button-347083778:active,
.button-347084802:active,
.button-347085826:active {
  background-color: #690037 !important;
  border-color: #690037 !important;
  color: #ffffff !important;
}

/**Button Secundary Inverse**/

.button-345940994,
.button-347986946,
.button-347983874,
.button-347982850 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  font-size: 1rem !important;
  min-width: 148px !important;
  width: auto !important;
  padding: 16px 32px !important;
  transition: all 0.5s ease;
  height: 48px;
  border-width: 2px !important;
  background-color: transparent !important;
}

.button-345940994:hover,
.button-347986946:hover,
.button-347983874:hover,
.button-347982850:hover {
  border-color: #690037;
  background-color: #690037 !important;
}

.button-345940994:hover,
.button-347986946:hover,
.button-347983874:hover,
.button-347982850:hover {
  height: 46px;
  font-size: 0.94rem !important;
  padding: .85rem 2rem !important;
}

/** TextArea, InputText**/
.textarea label,
.field > label,
.field:not(.checkbox):not(.radio) .field_value {
  font-family: Poppins;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 150%;
  font-weight: normal;
  color: #000000;
  width: 100%;
  transition: all 0.5s ease;
}

.textarea textarea {
  padding: 16px;
  transition: all 0.5s ease;
  font-family: 'Poppins', sans-serif;
  border: 2px solid #EEF0F3;
  box-sizing: border-box;
  height: 120px;
}
.field input[type="text"] {
  padding: 16px;
  transition: all 0.5s ease;
  font-family: Poppins;
  border: 2px solid #EEF0F3;
  box-sizing: border-box;
  height: 48px;
  width: 100%;
}

::placeholder {
  height: 24px;
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 200%;
  color: #000000;
  opacity: 1;
}

:-ms-input-placeholder {
  height: 24px;
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 200%;
  color: #000000;
}

::-ms-input-placeholder {
  height: 24px;
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 200%;
  color: #000000;
}

/**Hover **/
li.field:not(.checkbox):not(.radio):hover > label,
li.field:not(.checkbox):not(.radio):focus > label {
  color: #000050;
  font-weight: 600;
}

li.field:hover textarea,
li.field:hover input[type="text"],
li.field textarea:focus,
li.field input[type="text"]:focus {
  border: 2px solid #000050;
  background-color: #ffffff;
}

/** Error **/
label.error {
  color: #690037 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-weight: 400;
  order: 1;
  padding: 0 !important;
  margin: 10px 0 0 0 !important;
}

li.field:not(.checkbox):not(.radio):hover label.error {
  color: #690037;
  background: transparent;
  box-shadow: none;
  font-weight: 400;
}

.field input[type="text"].error,
.field textarea.error {
  border-color: #FA5A50;
}

.field {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
/** TextArea, InputText END**/

/** TextArea, InputText END**/

.thank-you-ciandt {
  font-family: Poppins;
  font-style: normal;
  /* font-size: 1rem; */
  line-height: 150%;
  font-weight: normal;
  color: rgb(255, 255, 255);
  float: left;
  display: inline-flex;
  border: 2px solid rgba(255, 255, 255, 0);
  padding: 2px 3px 0px 2px;
  box-sizing: border-box;
}