.elementor-269 .elementor-element.elementor-element-2e69c2c:not(.elementor-motion-effects-element-type-background), .elementor-269 .elementor-element.elementor-element-2e69c2c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(299deg, #02225D 0%, #003796 100%);}.elementor-269 .elementor-element.elementor-element-2e69c2c > .elementor-container{max-width:1300px;min-height:266px;}.elementor-269 .elementor-element.elementor-element-2e69c2c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 30px 50px 30px;}.elementor-269 .elementor-element.elementor-element-2e69c2c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-269 .elementor-element.elementor-element-d47ce2f{text-align:center;}.elementor-269 .elementor-element.elementor-element-d47ce2f .elementor-heading-title{font-family:"Abril Fatface", Sans-serif;font-size:39px;font-weight:400;line-height:1.3em;color:var( --e-global-color-1b2cd22 );}.elementor-269 .elementor-element.elementor-element-be106af > .elementor-container{max-width:1300px;}.elementor-269 .elementor-element.elementor-element-be106af{padding:50px 30px 50px 30px;}.elementor-bc-flex-widget .elementor-269 .elementor-element.elementor-element-673ac07.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-269 .elementor-element.elementor-element-673ac07.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-269 .elementor-element.elementor-element-673ac07.elementor-column > .elementor-widget-wrap{justify-content:center;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-269 .elementor-element.elementor-element-2e69c2c > .elementor-container{min-height:177px;}}@media(max-width:767px){.elementor-269 .elementor-element.elementor-element-2e69c2c{padding:30px 10px 30px 10px;}.elementor-269 .elementor-element.elementor-element-d47ce2f .elementor-heading-title{font-size:30px;}.elementor-269 .elementor-element.elementor-element-be106af{padding:30px 10px 30px 10px;}}/* Start custom CSS for section, class: .elementor-element-be106af *//* =========================================================
   STARMARIS DEPRESSION ASSESSMENT — CLEAN FINAL CSS
   Headings: Abril Fatface | Body: Poppins
   Colors: #02225D, #D09000, #DBEDFD
========================================================= */

.depression-assessment-form {
    --sm-navy: #02225D;
    --sm-gold: #D09000;
    --sm-light: #DBEDFD;
    --sm-white: #FFFFFF;
    --sm-text: #425674;
    --sm-border: #C9D8E8;
}

body .depression-assessment-form .forminator-ui {
    width: 100% !important;
    max-width: 1300px !important;
    margin: 0 auto !important;
    padding: 28px !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(2, 34, 93, 0.14) !important;
    border-radius: 8px 26px 8px 26px !important;
    box-shadow: 0 18px 45px rgba(2, 34, 93, 0.09) !important;
}

body .depression-assessment-form .forminator-ui,
body .depression-assessment-form .forminator-ui *,
body .depression-assessment-form input,
body .depression-assessment-form select,
body .depression-assessment-form textarea,
body .depression-assessment-form button {
    box-sizing: border-box !important;
    font-family: "Poppins", Arial, sans-serif !important;
}

body .depression-assessment-form .forminator-field-html > .forminator-label,
body .depression-assessment-form .forminator-field-html > label {
    display: none !important;
}

/* ================= DISCLAIMER ================= */

body .forminator-ui .depression-disclaimer,
body .depression-assessment-form .depression-disclaimer {
    position: relative !important;
    overflow: hidden !important;
    margin: 0 0 26px !important;
    padding: 28px 30px !important;
    background: linear-gradient(135deg, #DBEDFD 0%, #F4F9FE 62%, #FFFFFF 100%) !important;
    border: 1px solid rgba(2, 34, 93, 0.15) !important;
    border-left: 5px solid #D09000 !important;
    border-radius: 5px 22px 5px 22px !important;
    box-shadow: 0 12px 30px rgba(2, 34, 93, 0.08) !important;
}

body .depression-disclaimer .required-information {
    margin: 0 0 5px !important;
    color: #52657A !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

body .depression-disclaimer-badge {
    display: inline-block !important;
    margin: 0 0 8px !important;
    padding: 5px 11px !important;
    background: rgba(208, 144, 0, 0.12) !important;
    border: 1px solid rgba(208, 144, 0, 0.28) !important;
    border-radius: 20px !important;
    color: #8C6000 !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

body .depression-disclaimer h3 {
    margin: 0 0 13px !important;
    color: #02225D !important;
    font-family: "Abril Fatface", Georgia, serif !important;
    font-size: 32px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
}

body .depression-disclaimer > p {
    margin: 0 0 11px !important;
    color: #425674 !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
}

body .depression-disclaimer .emergency-information {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 18px 0 0 !important;
    padding: 18px 20px !important;
    background: #02225D !important;
    border: 0 !important;
    border-left: 5px solid #D09000 !important;
    border-radius: 5px 15px 5px 15px !important;
    box-shadow: 0 8px 20px rgba(2, 34, 93, 0.16) !important;
}

body .depression-disclaimer .emergency-icon {
    display: flex !important;
    flex: 0 0 36px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    background: #D09000 !important;
    border-radius: 50% !important;
    color: #FFFFFF !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

body .depression-disclaimer .emergency-information > div > strong {
    display: block !important;
    margin: 0 0 4px !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

body .depression-disclaimer .emergency-information p {
    margin: 0 !important;
    color: #DBEDFD !important;
    -webkit-text-fill-color: #DBEDFD !important;
    font-size: 12.5px !important;
    line-height: 1.6 !important;
}

body .depression-disclaimer .emergency-information p strong {
    display: inline !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

/* ================= TOTAL SCORE ================= */

body .forminator-ui .forminator-field.depression-total-score,
body .forminator-ui .depression-total-score > .forminator-field {
    margin: 18px 0 24px !important;
    padding: 22px 24px !important;
    background: linear-gradient(135deg, #02225D 0%, #073B7A 100%) !important;
    border: 1px solid #02225D !important;
    border-bottom: 5px solid #D09000 !important;
    border-radius: 18px 5px 18px 5px !important;
    box-shadow: 0 12px 28px rgba(2, 34, 93, 0.18) !important;
}

body .forminator-ui .forminator-field.depression-total-score > .forminator-label,
body .forminator-ui .depression-total-score .forminator-label {
    margin: 0 0 8px !important;
    color: #DBEDFD !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.7px !important;
    text-transform: uppercase !important;
}

body .forminator-ui .forminator-field.depression-total-score input,
body .forminator-ui .depression-total-score input,
body .forminator-ui .depression-total-score .forminator-calculation {
    width: 100% !important;
    min-height: auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-family: "Abril Fatface", Georgia, serif !important;
    font-size: 38px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
}

/* ================= DIFFICULTY QUESTION ================= */

body .forminator-ui .forminator-field.depression-difficulty,
body .forminator-ui .depression-difficulty > .forminator-field {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 18px 0 26px !important;
    padding: 24px !important;
    background: linear-gradient(135deg, #FFFFFF 0%, #F3F9FF 100%) !important;
    border: 1px solid rgba(2, 34, 93, 0.16) !important;
    border-left: 5px solid #D09000 !important;
    border-radius: 5px 18px 5px 18px !important;
    box-shadow: 0 9px 25px rgba(2, 34, 93, 0.08) !important;
}

body .forminator-ui .forminator-field.depression-difficulty > .forminator-label,
body .forminator-ui .depression-difficulty > .forminator-field > .forminator-label {
    grid-column: 1 / -1 !important;
    display: block !important;
    margin: 0 0 6px !important;
    color: #02225D !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;
}

body .forminator-ui .forminator-field.depression-difficulty > .forminator-field-radio,
body .forminator-ui .forminator-field.depression-difficulty .forminator-field-radio,
body .forminator-ui .depression-difficulty > .forminator-field > .forminator-field-radio {
    display: contents !important;
}

body .forminator-ui .forminator-field.depression-difficulty > .forminator-radio,
body .forminator-ui .forminator-field.depression-difficulty .forminator-field-radio > .forminator-radio,
body .forminator-ui .depression-difficulty > .forminator-field > .forminator-radio,
body .forminator-ui .depression-difficulty > .forminator-field .forminator-field-radio > .forminator-radio {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 10px 8px !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(2, 34, 93, 0.20) !important;
    border-radius: 6px 14px 6px 14px !important;
    cursor: pointer !important;
    text-align: center !important;
    transition: 0.2s ease !important;
}

body .forminator-ui .depression-difficulty .forminator-radio-bullet,
body .forminator-ui .forminator-field.depression-difficulty .forminator-radio-bullet {
    display: none !important;
}

body .forminator-ui .depression-difficulty input[type="radio"],
body .forminator-ui .forminator-field.depression-difficulty input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

body .forminator-ui .depression-difficulty .forminator-radio-label,
body .forminator-ui .forminator-field.depression-difficulty .forminator-radio-label {
    margin: 0 !important;
    padding: 0 !important;
    color: #02225D !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}

body .forminator-ui .depression-difficulty .forminator-radio:hover,
body .forminator-ui .forminator-field.depression-difficulty .forminator-radio:hover {
    background: #DBEDFD !important;
    border-color: #D09000 !important;
    transform: translateY(-1px) !important;
}

body .forminator-ui .depression-difficulty .forminator-radio:has(input:checked),
body .forminator-ui .forminator-field.depression-difficulty .forminator-radio:has(input:checked) {
    background: #02225D !important;
    border-color: #02225D !important;
    box-shadow: 0 7px 17px rgba(2, 34, 93, 0.18) !important;
}

body .forminator-ui .depression-difficulty .forminator-radio:has(input:checked) .forminator-radio-label,
body .forminator-ui .forminator-field.depression-difficulty .forminator-radio:has(input:checked) .forminator-radio-label {
    color: #FFFFFF !important;
    font-weight: 600 !important;
}

body .forminator-ui .forminator-field.depression-difficulty .forminator-error-message,
body .forminator-ui .depression-difficulty .forminator-error-message {
    grid-column: 1 / -1 !important;
}

/* ================= SCORING GUIDE ================= */

body .forminator-ui .depression-score-guide,
body .depression-assessment-form .depression-score-guide {
    margin: 0 0 26px !important;
    padding: 27px !important;
    background: linear-gradient(135deg, #FFFFFF 0%, #F2F8FE 100%) !important;
    border: 1px solid rgba(2, 34, 93, 0.15) !important;
    border-top: 5px solid #D09000 !important;
    border-radius: 6px 22px 6px 22px !important;
    box-shadow: 0 11px 29px rgba(2, 34, 93, 0.08) !important;
}

body .score-guide-heading > span {
    display: inline-block !important;
    margin: 0 0 7px !important;
    color: #D09000 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.9px !important;
    text-transform: uppercase !important;
}

body .score-guide-heading h3 {
    margin: 0 0 7px !important;
    color: #02225D !important;
    font-family: "Abril Fatface", Georgia, serif !important;
    font-size: 29px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
}

body .score-guide-heading p {
    margin: 0 0 19px !important;
    color: #52657A !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
}

body .score-range-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 9px !important;
}

body .score-range {
    min-height: 100px !important;
    padding: 15px 12px !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(2, 34, 93, 0.16) !important;
    border-radius: 5px 14px 5px 14px !important;
    text-align: center !important;
}

body .score-range strong {
    display: block !important;
    margin-bottom: 7px !important;
    color: #D09000 !important;
    font-family: "Abril Fatface", Georgia, serif !important;
    font-size: 24px !important;
    font-weight: 400 !important;
}

body .score-range span {
    display: block !important;
    color: #02225D !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
}

body .score-guide-notice {
    margin-top: 17px !important;
    padding: 13px 15px !important;
    background: #DBEDFD !important;
    border-left: 4px solid #02225D !important;
    border-radius: 4px 12px 4px 12px !important;
    color: #425674 !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
}

body .score-guide-notice strong {
    color: #02225D !important;
}

/* ================= URGENT SUPPORT ================= */

body .forminator-ui .urgent-support-notice,
body .forminator-custom-form .urgent-support-notice,
body div.urgent-support-notice {
    display: flex !important;
    align-items: flex-start !important;
    gap: 16px !important;
    margin: 20px 0 25px !important;
    padding: 23px 25px !important;
    background: linear-gradient(135deg, #02225D 0%, #073B7A 100%) !important;
    border: 1px solid rgba(208, 144, 0, 0.45) !important;
    border-top: 5px solid #D09000 !important;
    border-radius: 18px 5px 18px 5px !important;
    box-shadow: 0 13px 30px rgba(2, 34, 93, 0.19) !important;
}

body .urgent-support-notice .urgent-support-icon {
    display: flex !important;
    flex: 0 0 42px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    background: #D09000 !important;
    border: 2px solid rgba(255, 255, 255, 0.28) !important;
    border-radius: 50% !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 1 !important;
    overflow: hidden !important;
}

/* Always show the alert symbol, even when the HTML icon is empty */
body .urgent-support-notice .urgent-support-icon::before {
    content: "!" !important;
    display: block !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-family: "Poppins", Arial, sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}
body .urgent-support-notice .urgent-support-content {
    flex: 1 !important;
}

body .urgent-support-notice .urgent-support-label {
    display: inline-block !important;
    margin: 0 0 7px !important;
    padding: 5px 10px !important;
    background: rgba(219, 237, 253, 0.13) !important;
    border-radius: 30px !important;
    color: #DBEDFD !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.7px !important;
    text-transform: uppercase !important;
}

body .urgent-support-notice .urgent-support-content > strong,
body .urgent-support-notice > strong {
    display: block !important;
    margin: 0 0 8px !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-family: "Abril Fatface", Georgia, serif !important;
    font-size: 23px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
}

body .urgent-support-notice p {
    margin: 0 0 9px !important;
    color: #DBEDFD !important;
    -webkit-text-fill-color: #DBEDFD !important;
    font-size: 12.5px !important;
    line-height: 1.65 !important;
}

body .urgent-support-notice .urgent-monitoring-note,
body .urgent-support-notice p:last-child {
    margin: 13px 0 0 !important;
    padding: 11px 13px !important;
    background: rgba(255, 255, 255, 0.10) !important;
    border-left: 4px solid #D09000 !important;
    border-radius: 4px 11px 4px 11px !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

/* ================= CONTACT FIELDS ================= */

/* Keep standard contact labels above inputs instead of floating inside them */
body .depression-assessment-form
.forminator-field:not(.depression-difficulty):not(.depression-total-score)
> .forminator-label {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    z-index: auto !important;
    display: block !important;
    width: 100% !important;
    margin: 0 0 7px !important;
    padding: 0 !important;
    background: transparent !important;
    color: #02225D !important;
    font-family: "Poppins", Arial, sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
    transform: none !important;
    pointer-events: auto !important;
}

/* Reset fields that use Forminator's floating-label positioning */
body .depression-assessment-form
.forminator-field:not(.depression-difficulty):not(.depression-total-score) {
    position: relative !important;
    padding-top: 0 !important;
    overflow: visible !important;
}

body .depression-assessment-form .forminator-row:has(input[type="text"]),
body .depression-assessment-form .forminator-row:has(input[type="email"]),
body .depression-assessment-form .forminator-row:has(input[type="tel"]) {
    margin-bottom: 17px !important;
}

body .depression-assessment-form .forminator-required {
    color: #D09000 !important;
}

body .depression-assessment-form .forminator-input,
body .depression-assessment-form input[type="text"],
body .depression-assessment-form input[type="email"],
body .depression-assessment-form input[type="tel"],
body .depression-assessment-form input[type="number"],
body .depression-assessment-form textarea,
body .depression-assessment-form select {
    position: static !important;
    display: block !important;
    width: 100% !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 11px 14px !important;
    background: #FFFFFF !important;
    border: 1px solid #C9D8E8 !important;
    border-radius: 6px 14px 6px 14px !important;
    color: #02225D !important;
    -webkit-text-fill-color: #02225D !important;
    font-family: "Poppins", Arial, sans-serif !important;
    font-size: 13.5px !important;
    line-height: 1.4 !important;
    box-shadow: none !important;
    transform: none !important;
}

body .depression-assessment-form input::placeholder,
body .depression-assessment-form textarea::placeholder {
    color: #8291A7 !important;
    -webkit-text-fill-color: #8291A7 !important;
    opacity: 1 !important;
}

body .depression-assessment-form .forminator-input:focus,
body .depression-assessment-form input:focus,
body .depression-assessment-form textarea:focus,
body .depression-assessment-form select:focus {
    border-color: #D09000 !important;
    box-shadow: 0 0 0 3px rgba(208, 144, 0, 0.12) !important;
    outline: none !important;
}

body .depression-assessment-form .forminator-description {
    margin-top: 6px !important;
    color: #65758B !important;
    font-size: 11.5px !important;
    line-height: 1.5 !important;
}

body .depression-assessment-form .forminator-button-submit {
    min-width: 175px !important;
    min-height: 49px !important;
    padding: 11px 28px !important;
    background: linear-gradient(135deg, #02225D 0%, #073B7A 100%) !important;
    border: 1px solid #02225D !important;
    border-bottom: 4px solid #D09000 !important;
    border-radius: 5px 14px 5px 14px !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    box-shadow: 0 9px 22px rgba(2, 34, 93, 0.20) !important;
}

body .depression-assessment-form .forminator-button-submit:hover {
    background: linear-gradient(135deg, #D09000 0%, #B97900 100%) !important;
    border-color: #D09000 !important;
    border-bottom-color: #02225D !important;
    transform: translateY(-1px) !important;
}

/* ================= RESPONSIVE ================= */

@media (max-width: 900px) {
    body .forminator-ui .forminator-field.depression-difficulty,
    body .forminator-ui .depression-difficulty > .forminator-field {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body .score-range-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 600px) {
    body .depression-assessment-form .forminator-ui {
        padding: 18px 12px !important;
    }

    body .forminator-ui .forminator-field.depression-difficulty,
    body .forminator-ui .depression-difficulty > .forminator-field,
    body .score-range-grid {
        grid-template-columns: 1fr !important;
    }

    body .forminator-ui .depression-disclaimer,
    body .forminator-ui .depression-score-guide {
        padding: 20px 15px !important;
    }

    body .depression-disclaimer h3 {
        font-size: 27px !important;
    }

    body .urgent-support-notice {
        display: block !important;
        padding: 18px 15px !important;
    }

    body .urgent-support-notice .urgent-support-icon {
        margin-bottom: 12px !important;
    }

    body .depression-assessment-form .forminator-button-submit {
        width: 100% !important;
    }
}

/* ==========================================
   DEPRESSION QUESTION TEXT — CENTER FIX
========================================== */

/* Question card ko full-height alignment do */
body .depression-assessment-form
.forminator-row:has(.assessment-question)
.forminator-field {
    align-items: stretch !important;
}

/* Class direct field ya wrapper par ho, dono cases cover */
body .depression-assessment-form
.forminator-row:has(.assessment-question)
.forminator-field > .forminator-label,

body .depression-assessment-form
.forminator-field.assessment-question
> .forminator-label,

body .depression-assessment-form
.assessment-question
.forminator-field
> .forminator-label {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    align-self: stretch !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 76px !important;

    margin: 0 !important;
    padding: 12px 14px !important;

    color: #02225D !important;
    font-family: "Poppins", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
}

/* Answer text exact center */
body .depression-assessment-form
.forminator-row:has(.assessment-question)
.forminator-radio {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body .depression-assessment-form
.forminator-row:has(.assessment-question)
.forminator-radio-label {
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
}/* End custom CSS */