/*!*************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/modules/edit-post-button/style.css ***!
  \*************************************************************************************************************************************************************/
#et-main-area:has(div.de-fb-popup.open) {
  z-index: 9999999;
  position: relative;
}

.fb_delete_post.disabled {
  filter: opacity(0.5);
}

/* Fallback close icon styles for modal edit forms.
 * Dynamic module styles can override these when custom icon settings are saved. */
.de-fb-popup .modal-close:before {
  content: "M";
  font-family: ETmodules !important;
  font-weight: 400;
  font-size: 32px;
  color: #000;
  line-height: 1;
  display: block;
}

.de-fb-popup .de-fb-edit-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 260px;
  padding: 50px 24px;
  text-align: center;
}

.de-fb-popup .de-fb-edit-loading .ajax-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 120px;
}

.de-fb-popup .de-fb-edit-loading .lines {
  display: flex;
  align-items: center;
  justify-content: center;
}

.de-fb-popup .de-fb-edit-loading.load-1 .line:nth-last-child(1) {
  animation: de-fb-modal-loading 1s 0.4s infinite ease-in-out;
}

.de-fb-popup .de-fb-edit-loading.load-1 .line:nth-last-child(2) {
  animation: de-fb-modal-loading 1s 0.2s infinite ease-in-out;
}

.de-fb-popup .de-fb-edit-loading.load-1 .line:nth-last-child(3) {
  animation: de-fb-modal-loading 1s 0s infinite ease-in-out;
}

.de-fb-popup .de-fb-edit-loading-text {
  font-size: 16px;
  line-height: 1.5;
  color: #ffffff;
  font-weight: 600;
}

.de-fb-popup .de-fb-edit-loading.de-fb-edit-loading-error .de-fb-edit-loading-text {
  color: #ffdddd;
}

@keyframes de-fb-modal-loading {
  0%, 100% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(1.8);
  }
}
/*!*************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/modules/form/style.css ***!
  \*************************************************************************************************************************************************/
/* IOS CSS ONLY */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .divi-form-submit {
    color: #000;
  }
}
.de_form_builder_form_field {
  margin-bottom: 2.75%;
  /* width: 100%; */
}

.fb_payment_price_cont {
  margin-bottom: 2.75%;
}

/* Price field: ensure full-width so following fields don't overlap. */
.fb_payment_price_cont {
  display: block;
  width: 100%;
  float: left;
  clear: both;
}

.fb_payment_price_cont.price-label-top .plan-price-label,
.fb_payment_price_cont.price-label-top .plan-price,
.fb_payment_price_cont.price-label-top #custom_price_wrapper {
  display: block;
  width: 100%;
}

/* Divi 5 flex rows: remove legacy float-grid gutters (margin-right) so columns align correctly. */
@media (min-width: 981px) {
  .de_form_builder_form .divi-form-wrapper .et_flex_row .et_pb_column {
    margin-right: 0 !important;
  }
}
.dfb-captcha-wrapper {
  margin-bottom: 2.75%;
}

.quicktags-toolbar {
  display: none;
}

.input-field-error.et_pb_contact_field[data-type=select]:after {
  top: calc(50% - 10px);
}

.input-field-error .dfb_input_icon::after {
  margin-top: -10px;
}

.de_form_builder_form {
  width: 100%;
}

.dfb-vb-multistep-note {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-left: 3px solid #2ea3f2;
  background: #f2f8ff;
  color: #2c3e50;
  font-size: 13px;
  line-height: 1.45;
}

.dfb-multistep-setup-guide {
  margin: 0 0 14px;
  padding: 10px 12px;
  border-left: 3px solid #2ea3f2;
  border-radius: 4px;
  background: #f6f9ff;
  color: #2c3e50;
  font-size: 13px;
  line-height: 1.45;
}

.dfb-multistep-setup-guide.is-warning {
  border-left-color: #f2a03d;
  background: #fff8ee;
}

.dfb-multistep-setup-guide__title {
  display: block;
  margin-bottom: 6px;
}

.dfb-multistep-setup-guide__text ol {
  margin: 6px 0 8px 18px;
}

.dfb-multistep-setup-guide__text a {
  color: #2ea3f2;
  text-decoration: underline;
}

/* Multistep field list: subtly highlight Step rows for easier scanning. */
.et-vb-top-window-html .et-vb-draggable-list-item.dfb-step-list-item {
  background: #f4f8ff;
  border-color: #d8e7ff;
}

.et_pb_button_fullwidth .de_fb_submit_container,
.et_pb_button_fullwidth .divi-form-submit {
  display: block;
  width: 100%;
}

/* Divi 5: ensure the submit container can actually stretch full width. */
.de_fb_submit_container.et_pb_button_fullwidth {
  display: block;
  width: 100%;
}

.de_fb_submit_container.et_pb_button_fullwidth .divi-form-submit-container {
  width: 100%;
}

.de_fb_submit_container.et_pb_button_fullwidth .divi-form-submit {
  display: block;
  width: 100%;
}

/* Disabled submit button styling (Visual Builder preview). */
.de_form_builder_form button.divi-form-submit.et_pb_button[disabled],
.de_form_builder_form button.divi-form-submit.et_pb_button:disabled {
  cursor: not-allowed !important;
  opacity: 0.55 !important;
  pointer-events: none !important;
  filter: saturate(0.7);
}

/* Divi 5 Visual Builder sometimes renders a simplified submit markup:
   <div class="et_pb_contact_submit"><button class="et_pb_button">...</button></div>
   Ensure disabled + fullwidth styling still applies in that preview. */
.de_form_builder_form .et_pb_contact_submit button.et_pb_button[disabled],
.de_form_builder_form .et_pb_contact_submit button.et_pb_button:disabled {
  cursor: not-allowed !important;
  opacity: 0.55 !important;
  pointer-events: none !important;
  filter: saturate(0.7);
}

/* Fullwidth support for the simplified VB markup when Divi applies `et_pb_button_fullwidth` on the module. */
.de_form_builder_form.et_pb_button_fullwidth .et_pb_contact_submit,
.de_form_builder_form.et_pb_button_fullwidth .et_pb_contact_submit button.et_pb_button {
  display: block !important;
  width: 100% !important;
}

/* Select2 (Visual Builder preview): avoid double dropdown arrows. */
.de_form_builder_form .et_pb_contact_field.dfb-select2-active:after {
  display: none !important;
  content: none !important;
}

/* Fullwidth support for the simplified VB markup when we apply the class directly on the submit wrapper/button. */
.de_form_builder_form .et_contact_bottom_container .et_pb_contact_submit.et_pb_button_fullwidth {
  display: block !important;
  width: 100% !important;
  flex: 1 0 100% !important;
  float: none !important;
}

.de_form_builder_form .et_contact_bottom_container .et_pb_contact_submit.et_pb_button_fullwidth button.et_pb_button {
  display: block !important;
  width: 100% !important;
}

.de_form_builder_form .et_contact_bottom_container .et_pb_contact_submit button.et_pb_button.et_pb_button_fullwidth {
  display: block !important;
  width: 100% !important;
}

.de_form_builder_form.align-module_right .et_pb_module_inner,
.de_form_builder_form.align-module_left .et_pb_module_inner,
.de_form_builder_form.align-module_center .et_pb_module_inner {
  display: block;
}

.de_form_builder_form .divi-form-wrapper {
  overflow: visible !important;
}

.form_loading.load-1 .lines,
.form_loading.load-3 .lines,
.ai_loading.load-1 .lines,
.ai_loading.load-3 .lines {
  width: 50px;
}

.et-fb .field_wrapper #mceu_24 {
  display: block !important;
  visibility: visible !important;
}

.highest-priority {
  position: relative;
  z-index: 9999;
}

.et-fb .field_wrapper #mceu_25, .et-fb .field_wrapper #mceu_31, .et-fb .field_wrapper #mceu_32-body {
  display: none !important;
}

.et-fb #mceu_32 .textarea-field {
  display: block;
}

.et-fb .preview_image_cont .preview_image {
  height: 100px;
  width: 100px;
  background: grey;
}

.de_form_builder_form .error, .bloom_subscribe .error {
  color: #f00;
  display: block;
}

.form_loading .ajax-loading,
.ai_loading .ai-loading-cont {
  position: relative;
  display: block;
  width: 100%;
  min-height: 105px;
  padding: 30px 0;
  background: none;
}

.load-1 .line:last-child {
  -webkit-animation: loadingA 1.5s 1s infinite;
  animation: loadingA 1.5s 1s infinite;
}

.load-1 .line:nth-last-child(2) {
  -webkit-animation: loadingA 1.5s 0.5s infinite;
  animation: loadingA 1.5s 0.5s infinite;
}

.load-1 .line:nth-last-child(3) {
  -webkit-animation: loadingA 1.5s 0s infinite;
  animation: loadingA 1.5s 0s infinite;
}

.load-2 .line:last-child {
  -webkit-animation: loadingB 1.5s 1s infinite;
  animation: loadingB 1.5s 1s infinite;
}

.load-2 .line:nth-last-child(2) {
  -webkit-animation: loadingB 1.5s 0.5s infinite;
  animation: loadingB 1.5s 0.5s infinite;
}

.load-2 .line:nth-last-child(3) {
  -webkit-animation: loadingB 1.5s 0s infinite;
  animation: loadingB 1.5s 0s infinite;
}

.load-3 .line:last-child {
  -webkit-animation: loadingC 0.6s 0.1s linear infinite;
  animation: loadingC 0.6s 0.1s linear infinite;
}

.load-3 .line:nth-last-child(2) {
  -webkit-animation: loadingC 0.6s 0.2s linear infinite;
  animation: loadingC 0.6s 0.2s linear infinite;
}

.load-3 .line:nth-last-child(3) {
  -webkit-animation: loadingC 0.6s 0.3s linear infinite;
  animation: loadingC 0.6s 0.3s linear infinite;
}

.form_loading .divi-style,
.ai_loading .divi-style,
.preloader:not(.form_loading) .divi-style {
  display: none;
}

.form_loading.divi .divi-style,
.ai_loading.divi .divi-style,
.preloader:not(.form_loading).divi .divi-style {
  display: block;
}

.fb_form .form_loading {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  align-items: center;
  justify-content: center;
}

.fb_form.submitting .form_loading {
  display: flex;
}

/* Hide initial preloader by default - it should only show when form is hidden (hide_until_loaded) */
/* JavaScript will remove it when form becomes visible */
.preloader:not(.form_loading) {
  display: none;
}

/* Show initial preloader when parent container has has-hide-until-loaded class */
/* This class is added via module_classnames() when hide_until_loaded is enabled */
.de_form_builder_form.has-hide-until-loaded .preloader:not(.form_loading) {
  display: block;
}

.divi-style:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  box-shadow: 0 -17px #7e3bd0, 17px 0 #7e3bd0, 0 17px #7e3bd0, -17px 0 #7e3bd0;
  margin: -6px auto auto -6px;
  animation: et-fb-loader ease infinite 3s;
}

@keyframes et-fb-loader {
  0% {
    box-shadow: 0 -17px #7e3bd0, 17px 0 #29c4a9, 0 17px #7e3bd0, -17px 0 #29c4a9;
  }
  25% {
    box-shadow: 17px 0 #2b87da, 0 17px #29c4a9, -17px 0 #2b87da, 0 -17px #29c4a9;
  }
  50% {
    box-shadow: 0 17px #2b87da, -17px 0 #ff9232, 0 -17px #2b87da, 17px 0 #ff9232;
  }
  75% {
    box-shadow: -17px 0 #7e3bd0, 0 -17px #ff9232, 17px 0 #7e3bd0, 0 17px #ff9232;
  }
  to {
    box-shadow: 0 -17px #7e3bd0, 17px 0 #29c4a9, 0 17px #7e3bd0, -17px 0 #29c4a9;
  }
}
.form_loading.divi .spinner,
.form_loading.divi .lines,
.ai_loading.divi .spinner,
.ai_loading.divi .lines,
.load-1 .spinner,
.load-2 .spinner,
.load-3 .spinner,
.load-4 .lines,
.load-4 .spinner,
.load-5 .lines,
.load-5 .spinner,
.load-6 .lines,
.load-6 .spinner,
.preloader:not(.form_loading).divi .spinner,
.preloader:not(.form_loading).divi .lines,
.preloader:not(.form_loading).load-1 .spinner,
.preloader:not(.form_loading).load-2 .spinner,
.preloader:not(.form_loading).load-3 .spinner,
.preloader:not(.form_loading).load-4 .lines,
.preloader:not(.form_loading).load-4 .spinner,
.preloader:not(.form_loading).load-5 .lines,
.preloader:not(.form_loading).load-5 .spinner,
.preloader:not(.form_loading).load-6 .lines,
.preloader:not(.form_loading).load-6 .spinner {
  display: none;
}

/* Hide divi-style for ball animations (they use mapped load classes) */
.form_loading.ball-pulse .divi-style,
.form_loading.ball-grid-pulse .divi-style,
.form_loading.ball-clip-rotate .divi-style,
.form_loading.ball-scale .divi-style,
.form_loading.line-scale .divi-style,
.preloader:not(.form_loading).ball-pulse .divi-style,
.preloader:not(.form_loading).ball-grid-pulse .divi-style,
.preloader:not(.form_loading).ball-clip-rotate .divi-style,
.preloader:not(.form_loading).ball-scale .divi-style,
.preloader:not(.form_loading).line-scale .divi-style {
  display: none;
}

.load-4 .donut-cont,
.load-5 .donutmulti-cont,
.load-6 .ripple-cont,
.preloader:not(.form_loading).load-4 .donut-cont,
.preloader:not(.form_loading).load-5 .donutmulti-cont,
.preloader:not(.form_loading).load-6 .ripple-cont {
  display: block;
}

/* Show lines for load-1, load-2, load-3 (for both form_loading and initial preloader) */
.form_loading.load-1 .lines,
.form_loading.load-2 .lines,
.form_loading.load-3 .lines,
.preloader:not(.form_loading).load-1 .lines,
.preloader:not(.form_loading).load-2 .lines,
.preloader:not(.form_loading).load-3 .lines {
  display: block;
}

.form_loading .lines,
.form_loading .spinner,
.ai_loading .lines,
.ai_loading .spinner,
.preloader:not(.form_loading) .lines,
.preloader:not(.form_loading) .spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  transform: translate(-50%, -50%);
}

.line {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 15px;
  background-color: #4b9cdb;
  margin: 0 2px;
}

.donut {
  width: 2rem;
  height: 2rem;
  margin: 0;
  border-radius: 50%;
  border: 0.3rem solid rgba(151, 159, 208, 0.3);
  border-top-color: #979fd0;
  -webkit-animation: 1.5s spin infinite linear;
  animation: 1.5s spin infinite linear;
}

.donut.multi {
  border-bottom-color: #979fd0;
}

.ripple {
  width: 2rem;
  height: 2rem;
  margin: 0;
  border-radius: 50%;
  border: 0.3rem solid #979fd0;
  -webkit-animation: 1s ripple ease-out infinite;
  animation: 1s ripple ease-out infinite;
}

@-webkit-keyframes ripple {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes ripple {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@-webkit-keyframes loadingA {
  0% {
    height: 15px;
  }
  50% {
    height: 35px;
  }
  to {
    height: 15px;
  }
}
@keyframes loadingA {
  0% {
    height: 15px;
  }
  50% {
    height: 35px;
  }
  to {
    height: 15px;
  }
}
@-webkit-keyframes loadingB {
  0% {
    width: 15px;
  }
  50% {
    width: 35px;
  }
  to {
    width: 15px;
  }
}
@keyframes loadingB {
  0% {
    width: 15px;
  }
  50% {
    width: 35px;
  }
  to {
    width: 15px;
  }
}
@-webkit-keyframes loadingC {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  50% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
@keyframes loadingC {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  50% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
.divi-form-wrapper,
.de_form_builder_form form,
.de_form_builder_form input[type=text].maths_answer {
  position: relative;
  border-style: solid;
}

.divi-form-wrapper .dfb-form-fields {
  width: 100%;
}

/* Divi 5 flex rows add a default row-gap (40px). Keep Form Builder spacing compact. */
.de_form_builder_form .divi-form-wrapper .dfb-form-fields.et_flex_row,
.de_form_builder_form .divi-form-wrapper .df_form_step.et_flex_row {
  --vertical-gap: 0px;
  row-gap: 0px;
}

/* Simple captcha + submit alignment (Visual Builder): keep captcha and button inline.
   Note: `.et_contact_bottom_container` may be rendered as a sibling of `.de_form_builder_form`. */
.de_form_builder_form .et_contact_bottom_container .submit-container,
.de_form_builder_form + .et_contact_bottom_container .submit-container,
.de_fb_form .et_contact_bottom_container .submit-container,
.de_fb_form + .et_contact_bottom_container .submit-container,
.de_fb_form ~ .et_contact_bottom_container .submit-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  width: 100%;
  justify-content: flex-end;
}

.de_form_builder_form .et_contact_bottom_container .dfb-captcha-wrapper,
.de_form_builder_form + .et_contact_bottom_container .dfb-captcha-wrapper,
.de_fb_form .et_contact_bottom_container .dfb-captcha-wrapper,
.de_fb_form + .et_contact_bottom_container .dfb-captcha-wrapper,
.de_fb_form ~ .et_contact_bottom_container .dfb-captcha-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 0 !important;
}

.de_form_builder_form .et_contact_bottom_container .maths_captcha.captcha-field,
.de_form_builder_form + .et_contact_bottom_container .maths_captcha.captcha-field,
.de_fb_form .et_contact_bottom_container .maths_captcha.captcha-field,
.de_fb_form + .et_contact_bottom_container .maths_captcha.captcha-field,
.de_fb_form ~ .et_contact_bottom_container .maths_captcha.captcha-field {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  width: auto !important;
  max-width: 100%;
  flex: 0 0 auto !important;
  float: none !important;
  margin: 0 !important;
}

.de_form_builder_form .et_contact_bottom_container .maths_captcha.captcha-field label,
.de_form_builder_form + .et_contact_bottom_container .maths_captcha.captcha-field label,
.de_fb_form .et_contact_bottom_container .maths_captcha.captcha-field label,
.de_fb_form + .et_contact_bottom_container .maths_captcha.captcha-field label,
.de_fb_form ~ .et_contact_bottom_container .maths_captcha.captcha-field label {
  margin: 0;
  line-height: 1;
}

.de_form_builder_form .et_contact_bottom_container .et_pb_contact_submit,
.de_form_builder_form + .et_contact_bottom_container .et_pb_contact_submit,
.de_fb_form .et_contact_bottom_container .et_pb_contact_submit,
.de_fb_form + .et_contact_bottom_container .et_pb_contact_submit,
.de_fb_form ~ .et_contact_bottom_container .et_pb_contact_submit {
  display: flex;
  align-items: center;
  margin: 0 !important;
}

.de_form_builder_form .et_contact_bottom_container .de_fb_submit_container,
.de_form_builder_form .et_contact_bottom_container .divi-form-submit-container,
.de_form_builder_form + .et_contact_bottom_container .de_fb_submit_container,
.de_form_builder_form + .et_contact_bottom_container .divi-form-submit-container {
  width: auto !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
}

/* Divi 5 Visual Builder: full-width submit button support must override the width:auto !important rule above. */
.de_form_builder_form .et_contact_bottom_container .de_fb_submit_container.et_pb_button_fullwidth,
.de_form_builder_form + .et_contact_bottom_container .de_fb_submit_container.et_pb_button_fullwidth {
  display: block !important;
  width: 100% !important;
  flex: 1 0 100% !important;
  float: none !important;
}

.de_form_builder_form .et_contact_bottom_container .de_fb_submit_container.et_pb_button_fullwidth .divi-form-submit-container,
.de_form_builder_form + .et_contact_bottom_container .de_fb_submit_container.et_pb_button_fullwidth .divi-form-submit-container {
  width: 100% !important;
  flex: 1 0 100% !important;
}

.de_form_builder_form .et_contact_bottom_container .de_fb_submit_container.et_pb_button_fullwidth .divi-form-submit,
.de_form_builder_form + .et_contact_bottom_container .de_fb_submit_container.et_pb_button_fullwidth .divi-form-submit {
  display: block !important;
  width: 100% !important;
}

.df_form_step {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 0;
  visibility: hidden;
}

/*.df_form_step:not(.active) {
    display: none;
}*/
.df_form_step.active {
  position: relative;
  top: auto;
  left: auto;
  height: auto;
  opacity: 1;
  visibility: visible;
}

/* Show step buttons only for active step */
.df_form_step .step_button_wrapper {
  display: none;
}

.df_form_step.active .step_button_wrapper {
  display: flex;
}

.animation_scaleOut .df_form_step {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.animation_scaleOut .df_form_step.active ~ .df_form_step {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.animation_scaleOut .df_form_step.active {
  position: absolute;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.animation_slideHorz .df_form_step {
  left: -80px;
}

.animation_slideHorz .df_form_step.active ~ .df_form_step {
  left: 80px;
}

.animation_slideHorz .df_form_step.active {
  position: absolute;
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: cubic-bezier(0.2, 1.13, 0.38, 1.43);
  transition-delay: 0s;
  left: 0;
}

.animation_slideVert .df_form_step {
  top: -50px;
}

.animation_slideVert .df_form_step.active ~ .df_form_step {
  top: 50px;
}

.animation_slideVert .df_form_step.active {
  position: absolute;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  top: 0;
}

.animation_fadeIn .df_form_step.active {
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: linear;
  transition-delay: 0s;
}

.animation_scaleIn .df_form_step {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.animation_scaleIn .df_form_step.active ~ .df_form_step {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.animation_scaleIn .df_form_step.active {
  position: absolute;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.df_step_button, .de_fb_trigger {
  cursor: pointer;
}

.de_form_builder_form .et_contact_bottom_container {
  margin-top: 0;
  padding-top: 20px;
  float: none;
  flex-direction: row-reverse;
}

.de_form_builder_form .et_contact_bottom_container.in_step {
  padding-top: 0;
  padding-bottom: 20px;
  display: block;
  text-align: right;
}

.de_form_builder_form .et_contact_bottom_container.in_step .captcha-field {
  display: inline-block;
}

.de_form_builder_form .et_contact_bottom_container {
  float: left;
  text-align: left;
  width: 100%;
  display: block;
}

.de_fb_submit_container {
  float: right;
  text-align: right;
  display: flex;
}

.align-button_left .de_fb_submit_container {
  flex-direction: inherit;
  float: none;
}

.align-button_center .de_fb_submit_container,
.align-button_center .et_contact_bottom_container {
  justify-content: center;
  text-align: center;
  float: none;
}

.step_button_wrapper {
  display: flex;
  width: 100%;
}

.multistep .et_contact_bottom_container {
  flex-direction: row;
}

.multistep.button_align_left .step_button_wrapper, .multistep.button_align_left .et_contact_bottom_container {
  justify-content: left;
}

.multistep.button_align_right .step_button_wrapper, .multistep.button_align_right .et_contact_bottom_container {
  justify-content: right;
}

.multistep.button_align_center .step_button_wrapper, .multistep.button_align_center .et_contact_bottom_container {
  justify-content: center;
}

.multistep.button_align_justified .step_button_wrapper, .multistep.button_align_justified .et_contact_bottom_container {
  justify-content: space-between;
}

.multistep.button_align_justified .df_step_1 .step_button_wrapper, .multistep.button_align_justified .form_step_1 .step_button_wrapper {
  justify-content: flex-end;
}

/* Progress Bar */
.entry-content .df_progressbar, .entry-content ul.df_progressbar, .df_progressbar {
  padding: 0px;
}

.df_progressbar_step {
  display: flex;
  justify-content: space-between;
  padding-top: 5px !important;
  overflow: hidden;
}

.df_progressbar_step li {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  transition-delay: 0s;
  position: relative;
  padding-top: 20px;
  border: none;
  background-color: transparent;
  outline: none !important;
  cursor: pointer;
  text-align: center;
  list-style: none;
  padding-bottom: 40px;
  width: 13px;
  height: 13px;
}

.df_progressbar_step .df_progressbar_number, .df_progressbar_step .df_step_title_text, .df_progressbar_step .df_progressbar_percentage {
  position: absolute;
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
}

.df_progressbar_step .df_progressbar_number, .df_progressbar_step .df_progressbar_icon {
  left: 50% !important;
  top: 0;
  z-index: 3;
  transform: translateX(-50%) !important;
  position: absolute;
  line-height: 20px;
  color: #fff;
}

.df_progressbar_step .df_progressbar_icon:after {
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  line-height: 20px;
}

.df_progressbar_step li:first-child > div {
  left: 0;
  transform: translateX(0);
}

.df_progressbar_step li:last-child > div {
  left: auto;
  right: 0;
  transform: translateX(0);
}

@media (max-width: 500px) {
  .df_progressbar_step .df_step_title_text {
    display: none;
  }
}
.df_progressbar_step li:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 13px;
  height: 13px;
  content: "";
  transition: all 0.15s linear 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
  transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
  transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
  border: 2px solid currentColor;
  border-radius: 50%;
  background-color: currentColor;
  box-sizing: border-box;
  z-index: 3;
}

.df_progressbar_step li:after {
  position: absolute;
  top: 5px;
  left: calc(-100vw + 13px);
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  transition-delay: 0s;
  display: block;
  width: 100vw;
  height: 2px;
  content: "";
  background-color: currentColor;
  z-index: 1;
}

.df_progressbar_step li:first-child:after {
  display: none;
}

.df_progressbar_step li.active:before, .df_progressbar_step li.prev-active:before, .df_progressbar_step li.active:after {
  background-color: currentColor;
  z-index: 2;
}

.df_progressbar_lollipop .df_progressbar_active, .df_progressbar_basic .df_progressbar_active {
  width: 0;
}

.df_progressbar_lollipop .df_progressbar_percentage, .df_progressbar_basic .df_progressbar_percentage {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.df_progressbar_container {
  display: flex;
}

.df_progressbar_lollipop {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.df_progressbar_basic {
  position: relative;
}

.df_progressbar_lollipop .df_progressbar_active {
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-size: 30px 30px;
  animation: move 2s linear infinite;
  transition: width 0.2s ease-out;
}

@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 30px 30px;
  }
}
.hidethis {
  display: none !important;
}

/* Payment gateway buttons (Visual Builder):
   - prevent duplicate icons from ::after
   - prevent Divi global hover padding shifting buttons */
body #page-container #main-content .et_pb_section .divi_fb_gateway_paypal::after,
body #page-container #main-content .et_pb_section .divi_fb_gateway_stripe::after {
  display: none !important;
  opacity: 0 !important;
}

body #page-container #main-content .et_pb_section .et_pb_button.divi_fb_payment_gateway_selection,
body #page-container #main-content .et_pb_section .et_pb_button.divi_fb_payment_gateway_selection:hover {
  padding: 0.3em 1em 0.3em 35px !important;
}

/* Match frontend hover styling for gateway buttons (Visual Builder). */
body #page-container #main-content .et_pb_section .de_form_builder_form .divi_fb_gateway_paypal:not(.selected):hover,
body #page-container #main-content .et_pb_section .de_form_builder_form .divi_fb_gateway_stripe:not(.selected):hover {
  border: 2px solid;
  padding: 0.3em 1em 0.3em 35px !important;
  background-color: #eeeeee;
  border-color: #666;
  color: #666;
}
/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/modules/form/components/edit-components/PaymentArea.css ***!
  \**********************************************************************************************************************************************************************************/
/* Payment Gateway Selection Styles */
/* Match frontend spacing - approximately 29px between gateway buttons and forms */
.gateway-selection.et_pb_column {
  margin-bottom: 29px;
}

.divi_fb_gateways a {
  list-style: none;
  display: inline-block;
  position: relative;
}

.divi_fb_gateways a input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: none;
}

.divi_fb_gateway_paypal.selected::before,
.divi_fb_gateway_stripe.selected::before {
  font-size: 20px;
}

/* Stripe unified card field demo */
.stripe-demo {
  width: 100%;
  font-family: Inter, system-ui, -apple-system, sans-serif;
}

/* Match frontend Stripe Elements container styling (Divi contact input look) */
.et_pb_contact .card-element,
.et_pb_contact p.et_pb_contact_field .card-element {
  -webkit-appearance: none;
  background-color: #eee;
  width: 100%;
  border-width: 0;
  border-radius: 0;
  color: #999;
  font-size: 14px;
  padding: 16px;
  min-height: 50px;
}

.stripe-field {
  position: relative;
  display: flex;
  align-items: center;
  -webkit-appearance: none;
  background-color: #eee;
  width: 100%;
  border-width: 0;
  border-radius: 0;
  color: #999;
  font-size: 14px;
  min-height: 50px;
  box-sizing: border-box;
  overflow: hidden;
}

.stripe-field:focus-within {
  outline: none;
}

.stripe-field #brand {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 2;
  width: 32px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.stripe-field #brand img {
  width: 32px;
  height: 24px;
  object-fit: contain;
  display: none;
}

.stripe-field #brand img.visa,
.stripe-field #brand img.mastercard,
.stripe-field #brand img.amex,
.stripe-field #brand img.discover,
.stripe-field #brand img.diners,
.stripe-field #brand img.jcb {
  display: block;
}

.stripe-field #brand img.default {
  display: block;
}

.stripe-field .card-element {
  flex: 1;
  min-width: 0;
  border: none;
  padding: 0;
  background: transparent;
  position: relative;
  overflow: hidden;
}

.stripe-field .card-element .InputElement {
  width: 100%;
  border: none;
  padding: 0;
  padding-left: 48px;
  padding-right: 120px;
  background: transparent;
  font-size: 14px;
  letter-spacing: 0.5px;
  font-family: inherit;
  color: #999;
  box-sizing: border-box;
  max-width: 100%;
}

.stripe-field .card-element .InputElement::placeholder {
  color: #999;
}

.stripe-field .card-element .InputElement:focus {
  outline: none;
  color: #111827;
}

.stripe-field .CardField-expiry,
.stripe-field .CardField-cvc {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #999;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

.stripe-field .CardField-expiry {
  right: 80px;
}

.stripe-field .CardField-cvc {
  right: 16px;
}

.pay {
  margin-top: 18px;
  width: 100%;
  background: #635bff;
  color: white;
  border: none;
  padding: 14px;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
  font-weight: 500;
}

.pay:hover {
  background: #5548d9;
}

.card-errors {
  color: #ef4444;
  font-size: 12px;
  margin-top: 8px;
}

/* Stripe Payment Element (Advanced Mode) - Visual Builder preview only */
.stripe-payment-element-preview {
  /* Outer wrapper should match frontend container feel */
  -webkit-appearance: none;
  background-color: #eee;
  width: 100%;
  border-width: 0;
  border-radius: 0;
  color: #999;
  font-size: 14px;
  padding: 16px;
  min-height: 50px;
  box-sizing: border-box;
}

.dfb-pe-preview-note {
  margin-top: 10px;
  font-size: 12px;
  color: #6b7280;
}

/* Tabs layout */
.dfb-pe-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.dfb-pe-tab {
  border: 1px solid rgba(17, 24, 39, 0.12);
  background: #fff;
  color: #374151;
  padding: 12px 12px;
  border-radius: 4px;
  font-size: 13px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  /* Icon above label (tile layout like frontend) */
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 6px;
  min-height: 48px;
  text-align: left;
}

.dfb-pe-tab--active {
  border-color: rgba(5, 112, 222, 0.9);
  box-shadow: 0 0 0 2px rgba(5, 112, 222, 0.18);
  color: rgb(5, 112, 222);
}

.dfb-pe-panel {
  background-color: #f3f4f6;
  border-radius: 4px;
  padding: 14px;
  min-height: 140px;
  box-sizing: border-box;
}

.dfb-pe-panel--accordion {
  min-height: 0;
}

.dfb-pe-method-icon {
  width: 18px;
  height: 18px;
  border-radius: 3px;
  background: rgba(17, 24, 39, 0.15);
  flex: 0 0 auto;
}

.dfb-pe-method-icon--card {
  background: rgba(5, 112, 222, 0.18);
}

.dfb-pe-method-icon--revolut_pay {
  background: rgba(17, 24, 39, 0.12);
}

.dfb-pe-method-icon--amazon_pay {
  background: rgba(255, 153, 0, 0.22);
}

.dfb-pe-method-label {
  font-weight: 500;
  color: inherit;
  display: block;
}

.dfb-pe-link {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-start;
  padding: 10px 10px;
  border: 0;
  background: transparent;
  color: rgb(5, 112, 222);
  font-size: 13px;
  font-weight: 600;
  cursor: default;
}

.dfb-pe-link-icon {
  width: 14px;
  height: 14px;
  border-radius: 2px;
  background: rgba(5, 112, 222, 0.25);
  flex: 0 0 auto;
}

.dfb-pe-link-text {
  flex: 0 0 auto;
  text-align: left;
}

.dfb-pe-link-chevron {
  width: 8px;
  height: 8px;
  border-right: 2px solid rgba(5, 112, 222, 0.75);
  border-bottom: 2px solid rgba(5, 112, 222, 0.75);
  transform: rotate(45deg);
  margin-left: 6px;
}

.dfb-pe-fields {
  margin-top: 10px;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 10px;
}

/* Accordion layout */
.dfb-pe-accordion {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.dfb-pe-accordion-item {
  border: 1px solid rgba(17, 24, 39, 0.12);
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
}

.dfb-pe-accordion-item.is-open {
  border-color: rgba(5, 112, 222, 0.9);
  box-shadow: 0 0 0 2px rgba(5, 112, 222, 0.18);
}

.dfb-pe-accordion-header {
  width: 100%;
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  padding: 12px 14px;
  background: #fff;
  border: 0;
  cursor: pointer;
  font-size: 13px;
  color: #111827;
  gap: 10px;
}

.dfb-pe-accordion-title {
  flex: 1;
  text-align: left;
}

.dfb-pe-accordion-indicator {
  width: 16px;
  height: 16px;
  border-radius: 999px;
  border: 2px solid rgba(17, 24, 39, 0.25);
  margin-left: 0 !important;
  margin-right: 10px;
  position: relative;
  box-sizing: border-box;
}

.dfb-pe-accordion-item.is-open .dfb-pe-accordion-indicator {
  border-color: rgba(5, 112, 222, 0.9);
}

.dfb-pe-accordion-item.is-open .dfb-pe-accordion-indicator::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  background: rgba(5, 112, 222, 0.9);
  border-radius: 999px;
  transform: translate(-50%, -50%);
}

.dfb-pe-accordion-content {
  background: transparent;
  padding: 12px 12px 14px;
  border-top: 1px solid rgba(17, 24, 39, 0.08);
}

/* Non-card method placeholder (Revolut Pay / Amazon Pay / etc.) */
.dfb-pe-noncard {
  background: rgba(255, 255, 255, 0.55);
  border: 1px dashed rgba(17, 24, 39, 0.18);
  border-radius: 6px;
  padding: 14px;
}

.dfb-pe-noncard-title {
  font-size: 13px;
  font-weight: 600;
  color: #111827;
  margin-bottom: 6px;
}

.dfb-pe-noncard-subtitle {
  font-size: 12px;
  color: #6b7280;
  margin-bottom: 12px;
}

.dfb-pe-noncard-cta {
  background: rgba(17, 24, 39, 0.85);
  border: 0;
  color: #fff;
  padding: 10px 14px;
  border-radius: 6px;
  font-size: 13px;
  cursor: default;
}

/* Shared field blocks */
.dfb-pe-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.dfb-pe-field-label {
  font-size: 12px;
  color: #374151;
}

.dfb-pe-field-input {
  height: 44px;
  background: #fff;
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  justify-content: space-between;
  box-sizing: border-box;
}

.dfb-pe-field-input--select {
  justify-content: space-between;
}

.dfb-pe-placeholder {
  color: #6b7280;
  font-size: 13px;
}

.dfb-pe-card-brands {
  display: inline-flex;
  gap: 6px;
  margin-left: 10px;
}

.dfb-pe-brand {
  width: 26px;
  height: 16px;
  border-radius: 3px;
  background: rgba(17, 24, 39, 0.1);
}

.dfb-pe-brand--visa {
  background: rgba(5, 112, 222, 0.25);
}

.dfb-pe-brand--mc {
  background: rgba(239, 68, 68, 0.22);
}

.dfb-pe-brand--amex {
  background: rgba(59, 130, 246, 0.2);
}

.dfb-pe-field--country {
  grid-column: 1/-1;
}

.dfb-pe-select-chevron {
  width: 8px;
  height: 8px;
  border-right: 2px solid rgba(17, 24, 39, 0.45);
  border-bottom: 2px solid rgba(17, 24, 39, 0.45);
  transform: rotate(45deg);
}
/*!*******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/modules/form-field/style.css ***!
  \*******************************************************************************************************************************************************/
.df_form_step .de_form_builder_form_field {
  position: absolute;
  height: 0;
  opacity: 0;
  visibility: hidden;
}

input[type=url] {
  background-color: #fff;
  border: 1px solid #bbb;
  padding: 2px;
  color: #4e4e4e;
}

.de_form_builder_form_field input[type=number] {
  border-style: solid;
}

.df_form_step.active .de_form_builder_form_field {
  position: relative;
  opacity: 1;
  visibility: visible;
  height: auto;
}

.dfb_forgot_password {
  width: 100%;
  text-align: right;
}

.dfb_remember_me {
  width: 100%;
}

.dfb_remember_forgot_password {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}

.hidden {
  opacity: 0;
}

.console-underscore {
  display: inline-block;
  position: relative;
  top: -0.14em;
  left: 0px;
}

.ai_loading_text {
  display: inline-block;
  float: left;
  clear: both;
}

.ai_loading_text_content {
  display: inline-block;
}

.ai_loading_text:not(.typing) .console-underscore {
  display: none !important;
}

.de_form_builder_form_field .field_label {
  display: inline-block;
}

.ai_loading {
  width: 100%;
  float: left;
}

.de_fb_trigger-container {
  padding-bottom: 20px;
}

.et_pb_contact .radio_image_cont input + label, .et_pb_contact .radio_image_cont input + label span.label_wrapper {
  display: flex !important;
  align-items: center;
}

/* Image options: show a clear selected state when checkbox/radio is checked. */
.et_pb_contact .radio_image_cont input + label span.label_wrapper {
  padding: 8px;
  border-radius: 8px;
  transition: box-shadow 0.2s ease;
}

.et_pb_contact .radio_image_cont input:checked + label span.label_wrapper {
  box-shadow: 0 0 0 2px rgba(46, 163, 242, 0.45), 0 12px 28px rgba(0, 0, 0, 0.24);
}

.de_form_builder_form_field p.et_pb_contact_field {
  position: relative;
}

.image-preview-edit-btn .et_pb_button,
.existing_image_preview .et_pb_button {
  display: inline-block;
}

.radio_image_cont label .label_wrapper,
.dfb_content_text_field,
.de_form_builder_form_field .et_pb_contact_field_options_list label > i {
  border-style: solid;
}

/* Checkbox & radio options: stack one per row by default (Visual Builder). */
.de_form_builder_form_field .et_pb_contact_field_options_list {
  display: block;
  width: 100%;
}

.de_form_builder_form_field .et_pb_contact_field_options_list .et_pb_contact_field_checkbox,
.de_form_builder_form_field .et_pb_contact_field_options_list .et_pb_contact_field_radio {
  display: block;
}

/* .et_pb_contact .equal_height input + label, .et_pb_contact .equal_height label .label_wrapper{
  height: 100%;
} */
.et_pb_contact .equal_height .radio_image {
  height: 100%;
  object-fit: cover;
}

.et_pb_contact .radio_image_cont.radio_label_top p input + label span.label_wrapper {
  flex-direction: column;
}

.et_pb_contact .radio_image_cont.radio_label_bottom p input + label span.label_wrapper {
  flex-direction: column-reverse;
}

.et_pb_contact .radio_image_cont.radio_label_right p input + label span.label_wrapper {
  flex-direction: row-reverse;
}

.et_pb_contact .radio_image_cont.radio_label_hide p input + label span.label_wrapper span {
  display: none;
}

.radio_image_cont.hide_radio i {
  display: none !important;
}

.existing_image_preview .existing_file_link {
  margin-right: 10px;
  position: relative;
  display: inline-block;
  border: 1px solid #DFDFDF;
  margin-bottom: 10px;
  padding: 10px;
  padding-right: 40px;
  background: #fff;
}

.existing_image_preview .existing_image_preview_link {
  padding-right: 10px;
  line-height: 1em;
}

.file_upload_item {
  background-color: #fff;
  display: block;
  margin-top: 20px;
  position: relative;
}

.file_upload_item_cont {
  display: flex;
}

.file_upload_item .preview_image_cont {
  padding: 20px;
}

.file_upload_item_cont > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.file_upload_item_cont .preview_content {
  flex: 1;
  margin-right: 10%;
}

.file_upload_item .remove_upload i {
  opacity: 0 !important;
}

.file_upload_item .remove_upload {
  cursor: pointer;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  color: #000;
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 100px;
}

.file_upload_item .preview_name {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 5px;
}

.file_upload_item .upload_size {
  font-size: 12px;
  padding-bottom: 5px;
}

.remove_upload:before,
.existing_image_preview .remove-file:before {
  display: block;
  font-family: ETmodules;
  content: "M";
  font-size: 22px;
  position: absolute;
  cursor: pointer;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}

.existing_image_preview .existing_image_preview_link .remove-file,
.existing_image_preview .existing_file_link .remove-file {
  transform: none;
  line-height: 24px;
  top: 6px;
  right: 6px;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  background-color: #000;
  border-radius: 100%;
  padding: 12px;
}

.existing_image_preview .existing_file_link .remove-file {
  top: 10px;
}

/* .existing_image_preview .remove-file{
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 5px;
  top: 50%;
  cursor: pointer;
  transform: translateY(-50%);
}

.existing_image_preview .remove-file:before{
  content: "M";
  font-size: 24px;
  font-family: ETmodules !important;
  font-weight: 400;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
} */
.file_preview_container, .file_preview_container .files {
  display: inline-block;
  width: 100%;
  line-height: 0;
}

.file_preview_container, .file_preview_container .files .name,
.file_preview_container, .file_preview_container .files .size {
  line-height: 14px;
}

.file_preview_container.files .template-upload.error .preview_image_cont,
.file_preview_container.files .template-upload.error .preview_name,
.file_preview_container.files .template-upload.error .upload_size,
.file_preview_container.files .template-upload.error .progress,
.file_preview_container.files .template-upload.error .btn {
  display: none;
}

.file_preview_container.files .template-upload.error {
  padding: 20px;
}

.file_preview_container .files .template-upload {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.file_preview_container .files .template-upload .progress {
  min-width: 100px;
  height: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.de_form_builder_form_field .fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.de_form_builder_form_field .fade.in {
  opacity: 1;
}

.dfb_input_icon {
  position: absolute !important;
  right: 0;
  top: 0;
}

.file_upload_item .progress-bar.active, .file_upload_item .progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-striped, .progress-striped .progress-bar {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}

.file_upload_item .progress-bar-success {
  background-color: #5cb85c;
}

.file_upload_item .progress {
  width: 100%;
  height: 20px;
}

.file_upload_item .progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #000000;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.et_pb_section .et_pb_row .divi-form-wrapper .de_form_builder_form_field.et_pb_module,
.et_pb_section .et_pb_row .divi-form-wrapper .de_form_builder_form_field.et_pb_module:last-child {
  margin-bottom: 2.75%;
}

.et_pb_section .et_pb_row .divi-form-wrapper .de_form_builder_form_field.et_pb_module.ui-sortable {
  margin-bottom: 0;
}

.et_pb_section .et_pb_row .divi-form-wrapper .de_form_builder_form_field.et_pb_module.ui-sortable .field_wrapper {
  margin-bottom: 2.75%;
}

.et_pb_contact_field[data-type=signature] .signature-field {
  background-color: transparent !important;
}

.signature-field canvas {
  border-style: solid;
}

#ui-datepicker-div {
  z-index: 9999999 !important;
}

body .datepicker-wrapper {
  display: block;
}

.divi-form-builder-field.datepicker-field {
  width: 100%;
}

/* .ui-widget-header {
  border: none;
  background: transparent;
}

.ui-datepicker-next span,
.ui-datepicker-prev span {
position: relative !important;
}

.ui-datepicker-next span,
.ui-datepicker-prev span {background-image: none !important;text-indent: initial !important;overflow: visible !important;font-size: 0;}

.ui-datepicker-next span::after,
.ui-datepicker-prev span::after {
  font-family: ETmodules!important;
  content: "\34";
  display: block;
  font-size: 24px;
  position: absolute;
  left: 50%;
  z-index: 999;
  top: 50%;
  transform: translate(-50%,-50%);
  color: #000;
}

.ui-datepicker-next span::after {
  content: "\35";
}

.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next span {
  background: none !important;
  border: none !important;
  cursor: pointer;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  background: none !important;
  border: none !important;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  cursor: pointer;
  -webkit-transition:all .2s;
  transition:all .2s;
  padding: 0 !important;
  margin: auto;
}

.ui-state-default.ui-state-active,
.ui-state-default:hover {
  background: red !important;
  color: #fff !important;
}

.ui-state-default.ui-timepicker-select,
button.ui-state-default,
.ui-state-default.ui-timepicker-select:hover,
button.ui-state-default:hover {
  width: 100%;
  background: transparent !important;
  color: inherit !important;
} */
body .de_form_builder_form_field .ui-datepicker-trigger {
  width: 100%;
  position: absolute !important;
  height: 100%;
  margin-left: 0;
  opacity: 0;
  left: 0;
}

.datepicker-wrapper,
.datetimepicker-wrapper {
  position: relative;
}

.datepicker-wrapper::after,
.datetimepicker-wrapper::after {
  font-family: ETmodules !important;
  content: "\e023";
  display: block;
  font-size: 24px;
  position: absolute;
  right: 10px;
  z-index: 999;
  top: 50%;
  transform: translateY(-50%);
}

.field_wrapper.step_hide {
  display: none;
}

.field_wrapper .image_upload_result,
.field_wrapper .file_upload_result {
  position: absolute;
  transform: translateY(-50%);
}

.field_wrapper .image_upload_result svg,
.field_wrapper .file_upload_result svg {
  width: 100%;
  height: 100%;
}

.field_wrapper .image_upload_result img,
.field_wrapper .file_upload_result img {
  width: 100%;
}

.image_upload_result {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.image_uploaded .image_upload_result .upload_icon,
.image_uploaded .upload_desc {
  display: none;
}

#page-container .image_uploaded.field_wrapper .image_upload_result,
#page-container .image_uploaded.field_wrapper .file_upload_result {
  position: relative;
  height: auto !important;
  margin: auto;
  top: 0;
  left: 0;
  transform: none;
}

.divi-form-builder-field.radio-field,
.divi-form-builder-field.checkbox-field,
.divi-form-builder-field.file-field,
.divi-form-builder-field.upload_field,
.dropzone {
  background-color: inherit;
}

.et_pb_contact_field .file_upload_wrapper {
  display: block;
  width: 100%;
  height: 100%;
  background-color: inherit;
  -webkit-transition: background-color 0.16s ease;
  -o-transition: background-color 0.16s ease;
  transition: background-color 0.16s ease;
}

.de_form_builder_form_field .dropzone {
  padding: 80px 0;
  border: 1px dashed #000;
}

.et_pb_contact_field[data-type=signature] {
  position: relative;
}

.et_pb_contact_field[data-type=signature] .signature-field {
  display: inline-block;
  position: relative;
}

.et_pb_contact_field[data-type=signature] .signature-field canvas {
  max-width: 100%;
}

.et_pb_contact_field[data-type=signature] .signature_clear {
  position: absolute;
  display: inline-block;
}

.drop-description {
  display: block;
  width: 100%;
}

.file_upload_wrapper input[type=file] {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}

.de_form_builder_form .divi-form-wrapper {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}

.de_form_builder_form .form-title {
  margin-bottom: 20px;
}

.field_wrapper .field_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Keep label/field spacing in VB when Divi flex-column rules reset column margins to 0. */
@media (min-width: 981px) {
  .de_form_builder_form .field_wrapper .field_row > .et_pb_column {
    margin-right: 5.5% !important;
  }
  .de_form_builder_form .field_wrapper .field_row > .et_pb_column:last-child {
    margin-right: 0 !important;
  }
  .et_pb_gutters1 .de_form_builder_form .field_wrapper .field_row > .et_pb_column,
  .et_pb_gutters1.et_pb_row .de_form_builder_form .field_wrapper .field_row > .et_pb_column {
    margin-right: 0 !important;
  }
  .et_pb_gutters2 .de_form_builder_form .field_wrapper .field_row > .et_pb_column,
  .et_pb_gutters2.et_pb_row .de_form_builder_form .field_wrapper .field_row > .et_pb_column {
    margin-right: 3% !important;
  }
  .et_pb_gutters4 .de_form_builder_form .field_wrapper .field_row > .et_pb_column,
  .et_pb_gutters4.et_pb_row .de_form_builder_form .field_wrapper .field_row > .et_pb_column {
    margin-right: 8% !important;
  }
}
.divi-form-builder-field:not(.radio-field, .checkbox-field) {
  width: 100%;
}

.de_form_builder_form .et_pb_contact_select {
  border: 1px solid #bbb;
  border-style: solid;
}

.dropzone {
  background: transparent;
  border: 1px solid #000;
  width: 100%;
  min-height: 52px;
  text-align: center;
}

.df-image {
  opacity: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  cursor: pointer;
}

.dropzone.fade {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 1;
}

.image_upload_result {
  display: flex;
}

.image_upload_result > div {
  padding: 5px;
  border-radius: 5px;
}

.datepicker-wrapper, .datetimepicker-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.ui-datepicker-trigger {
  width: 20px;
  height: 20px;
  margin-left: 10px;
}

.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}

.ui-timepicker-div dl {
  text-align: left;
}

.ui-timepicker-div dl dt {
  float: left;
  clear: left;
  padding: 0 0 0 5px;
}

.ui-timepicker-div dl dd {
  margin: 0 10px 10px 40%;
}

.ui-timepicker-div td {
  font-size: 90%;
}

.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.ui-timepicker-div .ui_tpicker_unit_hide {
  display: none;
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
  background: none;
  color: inherit;
  border: none;
  outline: none;
  border-bottom: solid 1px #555;
  width: 95%;
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
  border-bottom-color: #aaa;
}

.ui-timepicker-rtl {
  direction: rtl;
}

.ui-timepicker-rtl dl {
  text-align: right;
  padding: 0 5px 0 0;
}

.ui-timepicker-rtl dl dt {
  float: right;
  clear: right;
}

.ui-timepicker-rtl dl dd {
  margin: 0 40% 10px 10px;
}

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine {
  padding-right: 2px;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt {
  display: none;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
  display: block;
  padding-top: 2px;
}

.ui-timepicker-div.ui-timepicker-oneLine dl {
  text-align: right;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div {
  display: inline-block;
  margin: 0;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
  content: ":";
  display: inline-block;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
  content: ".";
  display: inline-block;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
  display: none;
}

.divi-form-submit {
  cursor: pointer;
}

.de_form_builder_form .et_pb_contact_field {
  padding: 0;
}

.de_form_builder_form_field p.et_pb_contact_field {
  padding: 0 !important;
}

.de_form_builder_form_field:has(p.et_pb_contact_field[data-type=hidden]) {
  margin-bottom: 0px !important;
}

.de_form_builder_form_field {
  display: flex;
  flex-direction: column;
}

.align-module_left {
  margin-right: auto;
}

.align-module_right {
  margin-left: auto;
}

.align-module_center {
  margin: auto;
}

.maths_captcha + .divi-form-submit {
  margin-left: 18px;
}

.de-fb-popup {
  position: fixed;
  z-index: 1020;
  width: 100vw;
  height: 100vh;
  visibility: hidden;
  pointer-events: none;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

.de-fb-popup.open {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.de-fb-popup .modal-close {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 20px;
  top: 20px;
  display: block;
  cursor: pointer;
  z-index: 999;
}

.de-fb-popup .modal-close:before {
  position: absolute;
  left: 50%;
  top: 50%;
  font-family: ETmodules !important;
  text-indent: 0;
  transform: translate(-50%, -50%);
}

.de_fb-nextprev-post {
  width: 100px;
  height: 50px;
  position: absolute;
  right: 20px;
  bottom: 20px;
  display: block;
  cursor: pointer;
  z-index: 999;
}

.de_fb-prev-post {
  position: absolute;
  left: 0;
  top: 50%;
}

.de_fb-next-post {
  position: absolute;
  right: 0;
  top: 50%;
}

.de_fb-next-post:before, .de_fb-prev-post:before {
  content: "4";
  font-family: ETmodules !important;
  text-indent: 0;
  transform: translateY(-50%);
  font-size: 30px;
}

.de_fb-next-post:before {
  content: "5";
}

#de_fb-modal-wrapper {
  z-index: 99999;
  position: relative;
}

.white-popup {
  display: none;
}

.item-entry.hidden {
  opacity: 1;
}

.grid-posts.et_pb_gallery_items {
  display: grid;
  grid-gap: 25px;
}

.grid-posts.et_pb_gallery_items::before {
  display: none;
}

.de-fb-popup .et_pb_section {
  max-height: 80vh;
  overflow-y: auto;
}

.de-fb-popup .post-modal-cont {
  width: 80%;
  max-width: 1080px;
  position: relative;
}

.de-fb-popup.side-modal .post-modal-cont {
  width: 50vw;
  max-width: 100%;
  position: absolute;
  right: 0;
  height: 100vh;
}

.de_form_builder_form_field.last-item {
  margin-right: 0 !important;
}

.de_form_builder_form_field.last-item + .de_form_builder_form_field {
  clear: both;
}

.de_form_builder_form_field p.et_pb_contact_field {
  margin: 0;
}

.et_pb_contact_field .file_upload_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  min-height: 185px;
  transition: background-color 160ms ease;
}

.et_pb_contact_field.drag-over .file_upload_wrapper {
  background-color: #68d391;
}

.et_pb_contact_field[data-type=file],
.et_pb_contact_field[data-type=image] {
  position: relative;
}

.et_pb_contact_field[data-type=file] .divi-form-builder-field,
.et_pb_contact_field[data-type=image] .divi-form-builder-field {
  cursor: pointer;
  padding: 0;
  min-height: 52px;
  opacity: 0;
}

/* .drop-description{
  left: 72px;
  position: absolute!important;
} */
.ui-datepicker-trigger {
  width: 26px;
}

.dfb_radio_button .et_pb_contact_field_checkbox {
  text-align: left;
  cursor: pointer;
  margin-bottom: 10px;
}

.dfb_radio_button .et_pb_contact_field_checkbox:nth-last-child(1) {
  margin-right: 0px;
}

.dfb_radio_button .et_pb_contact_field_checkbox label {
  width: 100%;
  padding: 0.3em 1em;
}

.dfb_radio_button .et_pb_contact_field_checkbox i {
  position: absolute;
  z-index: -1;
  display: block;
  width: 100%;
  border-radius: 0;
  visibility: hidden;
}

/* Button-style checkbox/radio layout: force one-column stack on small screens in the Visual Builder. */
@media (max-width: 767px) {
  .dfb_radio_button .et_pb_contact_field_options_list {
    display: block !important;
  }
  .dfb_radio_button .et_pb_contact_field_checkbox {
    width: 100%;
    margin-right: 0 !important;
  }
}
input[type=text].maths_answer {
  -webkit-appearance: none;
  background-color: #eee;
  width: 100%;
  border-width: 0;
  border-radius: 0;
  color: #999;
  font-size: 14px;
  padding: 16px;
  max-width: 50px;
  padding: 16px;
}

@-webkit-keyframes wobble-hor-bottom {
  0%, 100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-10px) rotate(-6deg);
    transform: translateX(-10px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(5px) rotate(6deg);
    transform: translateX(5px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-5px) rotate(-3.6deg);
    transform: translateX(-5px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
    transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
    transform: translateX(-6px) rotate(-1.2deg);
  }
}
@keyframes wobble-hor-bottom {
  0%, 100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-10px) rotate(-6deg);
    transform: translateX(-10px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(5px) rotate(6deg);
    transform: translateX(5px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-5px) rotate(-3.6deg);
    transform: translateX(-5px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
    transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
    transform: translateX(-6px) rotate(-1.2deg);
  }
}
@-webkit-keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
@-webkit-keyframes shake-horizontal {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
  }
}
@keyframes shake-horizontal {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
  }
}
@-webkit-keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.df_field_description_text {
  display: block;
}

@media (min-width: 981px) {
  .et_pb_gutters3 .df-vb-wrapper .de_form_builder_form_field, .et_pb_gutters3.et_pb_row .df-vb-wrapper .de_form_builder_form_field {
    margin-right: 5.5%;
  }
}
@media (min-width: 981px) {
  .et_pb_gutters1 .df-vb-wrapper .de_form_builder_form_field, .et_pb_gutters1.et_pb_row .df-vb-wrapper .de_form_builder_form_field {
    margin-right: 0;
  }
}
@media (max-width: 479px) {
  .df-vb-wrapper .de_form_builder_form_field {
    margin-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 981px) {
  .et_pb_gutters2 .df-vb-wrapper .de_form_builder_form_field, .et_pb_gutters2.et_pb_row .df-vb-wrapper .de_form_builder_form_field {
    margin-right: 3%;
  }
}
@media (min-width: 981px) {
  .et_pb_gutters4 .df-vb-wrapper .de_form_builder_form_field, .et_pb_gutters4.et_pb_row .df-vb-wrapper .de_form_builder_form_field {
    margin-right: 8%;
  }
}
.divi-form-wrapper .de_form_builder_form_field.calculation {
  display: none;
}

.upload-text-tabs-no-wrap.et-vb-field-input-button-options-wrap--tab-ui, .content-text-tabs-no-wrap.et-vb-field-input-button-options-wrap--tab-ui, .calculation-text-tabs-no-wrap.et-vb-field-input-button-options-wrap--tab-ui {
  flex-wrap: nowrap !important;
}

/* Remove margin from upload icon in custom select wrapper in visual builder */
.et-vb-top-window-html .et-vb-settings-custom-select-wrapper .select-option-item.select-option-item-upload {
  margin: 0 !important; /* or margin: 0 0 0 0 !important; */
}