.elementor-312 .elementor-element.elementor-element-1fe791e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}#elementor-popup-modal-312 .dialog-widget-content{animation-duration:1.2s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-312{background-color:#01366AAB;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-312 .dialog-message{width:90.2em;height:776px;align-items:flex-start;padding:60px 60px 60px 60px;}#elementor-popup-modal-312 .dialog-close-button{display:flex;}@media(max-width:1024px){#elementor-popup-modal-312 .dialog-message{width:85.4em;height:753px;}}@media(max-width:767px){#elementor-popup-modal-312 .dialog-message{height:655px;padding:30px 30px 30px 30px;}}/* Start custom CSS for text-editor, class: .elementor-element-b2ec441 *//* ==============================
   FORM WRAPPER
============================== */
.forminator-ui {
    font-family: 'Poppins', 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #333;
}

/* ==============================
   HEADINGS
============================== */
.forminator-ui h3,
.forminator-label {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #111;
}

/* ==============================
   RADIO / CHECKBOX as CARDS
============================== */
.forminator-radio input,
.forminator-checkbox input {
    display: none !important;
}

.forminator-radio label,
.forminator-checkbox label {
    display: flex;
    align-items: center;
    border: 2px solid #ddd;
    border-radius: 14px;
    padding: 14px 18px;
    margin-bottom: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    background: #fff;
    font-size: 16px;
    font-weight: 500;
}

/* Flag icons inside labels (if any) */
.forminator-radio label img,
.forminator-checkbox label img {
    width: 22px;
    height: 22px;
    margin-right: 10px;
}

/* Hover effect */
.forminator-radio label:hover,
.forminator-checkbox label:hover {
    border-color: #ff4fa1;
    background: #fff6fb;
}

/* ✅ Selected (active) state */
.forminator-radio input:checked ~ label,
.forminator-checkbox input:checked ~ label {
    border-color: #ff4fa1 !important;
    background: #ffe3f2 !important;
    box-shadow: 0 4px 12px rgba(255,79,161,0.25);
    color: #111 !important;
}

/* ==============================
   PROGRESS BAR
============================== */
.forminator-pagination-steps {
    display: block;
    width: 100%;
    height: 6px;
    background: #eee;
    border-radius: 4px;
    margin-bottom: 30px;
    position: relative;
}

.forminator-pagination-steps .forminator-step-dot {
    display: none !important; /* Hide dots */
}

.forminator-pagination-steps .forminator-step-bar {
    height: 6px;
    background: #ff4fa1;
    border-radius: 4px;
}

/* ==============================
   BUTTONS
============================== */
.forminator-button,
.forminator-button-next,
.forminator-button-submit {
    background-color: #ff4fa1 !important;
    color: #fff !important;
    border-radius: 30px !important;
    padding: 14px 36px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease;
    border: none !important;
}

.forminator-button:hover,
.forminator-button-next:hover,
.forminator-button-submit:hover {
    background-color: #e23e8e !important;
    box-shadow: 0 4px 12px rgba(226,62,142,0.3);
}

/* Back button */
.forminator-button-back {
    background: transparent !important;
    border: 2px solid #ddd !important;
    color: #333 !important;
    border-radius: 30px !important;
    padding: 14px 32px !important;
    margin-right: 10px;
    transition: all 0.3s ease;
}

.forminator-button-back:hover {
    border-color: #999 !important;
    background: #f9f9f9 !important;
}

/* Base style */
.forminator-radio,
.forminator-checkbox {
    display: flex;
    align-items: center;
    border: 2px solid #ddd;
    border-radius: 14px;
    padding: 14px 18px;
    margin-bottom: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    background: #fff;
    font-size: 16px;
    font-weight: 500;
}

/* Hover state */
.forminator-radio:hover,
.forminator-checkbox:hover {
    border-color: #ff4fa1;
    background: #fff6fb;
}

/* ✅ Selected (active) state */
.forminator-radio.forminator-is_checked,
.forminator-checkbox.forminator-is_checked {
    border-color: #ff4fa1 !important;
    background: #ffe3f2 !important;
    box-shadow: 0 4px 12px rgba(255,79,161,0.25);
    color: #111 !important;
    font-weight: 600;        /* make text bolder */
    text-decoration: underline; /* optional underline for extra clarity */
}

/* ==============================
   FIX PROGRESS BAR
============================== */

/* Default desktop styling (keep breaks) */
.forminator-pagination-steps {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px !important;
  gap: 8px;
}

.forminator-pagination-steps .forminator-break {
  flex: 1;
  height: 2px;
  background: #eee;
}

.forminator-pagination-steps .forminator-step {
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #ddd;
  border: none;
  cursor: default;
}

/* Active step */
.forminator-pagination-steps .forminator-step[aria-selected="true"] {
  background: #ff4fa1;
}

/* Hide progress bar completely on mobile */
@media (max-width: 767px) {
  .forminator-pagination-steps {
    display: none !important;
  }
}/* End custom CSS */