.survey-question.vertical-brand-debt-relief .ez.slide.ez.slide{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;width:100%!important;column-count:1!important;column-gap:0!important;columns:auto 1!important;grid-template-columns:1fr!important;grid-auto-flow:row!important} div.ez.survey-question,div.ez.survey-question.horizontal-brand-insurahealth{background:#fff!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 0 0 1px rgba(0,0,0,.04),0 8px 22px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.08)!important;padding:22px 20px 26px!important;width:100%!important;max-width:none!important;margin:0!important;border:none!important;box-sizing:border-box!important} div.ez.survey-question .field.choice,div.ez.survey-question.horizontal-brand-insurahealth .field.choice{display:flex!important;flex-direction:row!important;gap:10px!important;width:100%!important} div.ez.survey-question .field.choice>button,div.ez.survey-question.horizontal-brand-insurahealth .field.choice>button{ flex:1 1 0!important; height:52px!important; border:0!important; border-radius:12px!important; font-size:16px!important; font-weight:600!important; letter-spacing:0!important; text-transform:none!important; display:flex!important; align-items:center!important; justify-content:center!important; cursor:pointer!important; margin:0!important; box-sizing:border-box!important; transition:transform 150ms ease,box-shadow 150ms ease,filter 150ms ease,background 150ms ease!important; will-change:transform!important; font-family:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif!important } div.ez.survey-question .field.choice>button:first-child,div.ez.survey-question.horizontal-brand-insurahealth .field.choice>button:first-child{ background:#38B44A!important; color:#fff!important; box-shadow:0 12px 26px rgba(56,180,74,.35)!important } div.ez.survey-question .field.choice>button:last-child,div.ez.survey-question.horizontal-brand-insurahealth .field.choice>button:last-child{ background:#e6e6e6!important; color:#111!important; box-shadow:0 10px 22px rgba(0,0,0,.08)!important } div.ez.survey-question .field.choice>button:hover,div.ez.survey-question .field.choice>button:focus,div.ez.survey-question.horizontal-brand-insurahealth .field.choice>button:hover,div.ez.survey-question.horizontal-brand-insurahealth .field.choice>button:focus{transform:translateY(-2px)!important;filter:brightness(.98)!important;outline:none!important} div.ez.survey-question .field.choice>button:first-child:hover,div.ez.survey-question .field.choice>button:first-child:focus,div.ez.survey-question.horizontal-brand-insurahealth .field.choice>button:first-child:hover,div.ez.survey-question.horizontal-brand-insurahealth .field.choice>button:first-child:focus{box-shadow:0 16px 32px rgba(56,180,74,.42)!important} div.ez.survey-question .field.choice>button:last-child:hover,div.ez.survey-question .field.choice>button:last-child:focus,div.ez.survey-question.horizontal-brand-insurahealth .field.choice>button:last-child:hover,div.ez.survey-question.horizontal-brand-insurahealth .field.choice>button:last-child:focus{box-shadow:0 14px 26px rgba(0,0,0,.12)!important} div.ez.survey-question .field.choice>button:active,div.ez.survey-question.horizontal-brand-insurahealth .field.choice>button:active{transform:translateY(0)!important;filter:none!important} div.ez.survey-question .field.choice:has(button:nth-child(3)),div.ez.survey-question.horizontal-brand-insurahealth .field.choice:has(button:nth-child(3)){flex-direction:column!important;gap:12px!important} div.ez.survey-question .field.choice:has(button:nth-child(3))>button,div.ez.survey-question.horizontal-brand-insurahealth .field.choice:has(button:nth-child(3))>button{ width:100%!important; flex:none!important; height:52px!important; border-radius:12px!important; background:#fff!important; color:#0f172a!important; border:1px solid rgba(0,0,0,.14)!important; box-shadow:0 8px 20px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.6)!important; padding:0 16px 0 52px!important; position:relative!important; transition:transform 150ms ease,box-shadow 150ms ease,border-color 150ms ease,filter 150ms ease!important; font-family:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif!important } div.ez.survey-question .field.choice:has(button:nth-child(3))>button::before,div.ez.survey-question.horizontal-brand-insurahealth .field.choice:has(button:nth-child(3))>button::before{ content:""!important; position:absolute!important; left:16px!important; top:50%!important; transform:translateY(-50%)!important; width:18px!important; height:18px!important; border-radius:9999px!important; border:2px solid rgba(56,180,74,.8)!important; background:#fff!important; box-sizing:border-box!important } div.ez.survey-question .field.choice:has(button:nth-child(3))>button:hover,div.ez.survey-question .field.choice:has(button:nth-child(3))>button:focus,div.ez.survey-question.horizontal-brand-insurahealth .field.choice:has(button:nth-child(3))>button:hover,div.ez.survey-question.horizontal-brand-insurahealth .field.choice:has(button:nth-child(3))>button:focus{ border-color:rgba(56,180,74,.6)!important; box-shadow:0 10px 24px rgba(0,0,0,.16),0 0 0 2px rgba(56,180,74,.12)!important; transform:translateY(-2px)!important; outline:none!important } div.ez.survey-question .field.choice:has(button:nth-child(3))>button:active,div.ez.survey-question.horizontal-brand-insurahealth .field.choice:has(button:nth-child(3))>button:active{ transform:translateY(0)!important; box-shadow:0 8px 20px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.6)!important } div.ez.survey-question.everydayconsumers-blue.ez.slide.ez.slide{ display:flex!important; flex-direction:column!important; flex-wrap:nowrap!important; align-items:stretch!important; width:100%!important; column-count:1!important; column-gap:0!important; columns:auto 1!important; grid-template-columns:1fr!important; grid-auto-flow:row!important; } div.ez.survey-question.everydayconsumers-blue, div.ez.survey-question.everydayconsumers-blue.horizontal-yellow-vector{ background:#ffffff!important; border-radius:14px!important; overflow:hidden!important; padding:22px 20px 26px!important; width:100%!important; max-width:none!important; margin:0!important; box-sizing:border-box!important; box-shadow:none!important; border:1px solid #D9E0E8!important; } div.ez.survey-question.everydayconsumers-blue.field.choice{ display:flex!important; flex-direction:row!important; gap:14px!important; width:100%!important; align-items:stretch!important; } div.ez.survey-question.everydayconsumers-blue.field.choice button{ flex:1 1 0!important; height:56px!important; border:1px solid #D9E0E8!important; border-radius:9999px!important; padding:0 18px!important; font-size:16px!important; font-weight:600!important; letter-spacing:0!important; text-transform:none!important; display:flex!important; align-items:center!important; justify-content:center!important; cursor:pointer!important; margin:0!important; box-sizing:border-box!important; background:#ffffff!important; color:#0b1220!important; box-shadow:none!important; transition:background .15s ease,border-color .15s ease,transform .05s ease!important; white-space:nowrap!important; } div.ez.survey-question.everydayconsumers-blue.field.choice button:first-child{ background:#E51C2A!important; border-color:#E51C2A!important; color:#ffffff!important; padding-right:56px!important; position:relative!important; } div.ez.survey-question.everydayconsumers-blue.field.choice button:first-child::after{ content:""!important; position:absolute!important; right:18px!important; top:50%!important; transform:translateY(-50%)!important; width:18px!important; height:18px!important; background-repeat:no-repeat!important; background-size:18px 18px!important; background-position:center center!important; background-image:url("data:image/svg+xml;utf8,")!important; } div.ez.survey-question.everydayconsumers-blue.field.choice button:first-child:hover, div.ez.survey-question.everydayconsumers-blue.field.choice button:first-child:focus{ background:#cf1825!important; border-color:#cf1825!important; } div.ez.survey-question.everydayconsumers-blue.field.choice button:last-child:hover, div.ez.survey-question.everydayconsumers-blue.field.choice button:last-child:focus{ background:#f6f8fb!important; border-color:#cfd7e2!important; } div.ez.survey-question.everydayconsumers-blue.field.choice button:active{ transform:translateY(1px)!important; } div.ez.survey-question.everydayconsumers-blue.field.choice button svg, div.ez.survey-question.everydayconsumers-blue.field.choice button i{ display:none!important; } .survey-question.vertical-brand-insurahealth .ez.slide.ez.slide{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;width:100%!important;column-count:1!important;column-gap:0!important;columns:auto 1!important;grid-template-columns:1fr!important;grid-auto-flow:row!important} div.ez.survey-question,div.ez.survey-question.horizontal-yellow-vector{background:#fff!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 0 0 1px rgba(0,0,0,.04),0 8px 22px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.08)!important;padding:22px 20px 26px!important;width:100%!important;max-width:none!important;margin:0!important;border:none!important;box-sizing:border-box!important} .survey-question.vertical-brand-insurahealth .field.choice{display:flex!important;flex-direction:row!important;gap:10px!important;width:100%!important} .survey-question.vertical-brand-insurahealth .field.choice button{ flex:1 1 0!important; height:52px!important; border:0!important; border-radius:9999px!important; font-size:16px!important; font-weight:600!important; letter-spacing:0!important; text-transform:none!important; display:flex!important; align-items:center!important; justify-content:center!important; cursor:pointer!important; margin:0!important; box-sizing:border-box!important; transition:transform 150ms ease,box-shadow 150ms ease,filter 150ms ease,background 150ms ease!important; will-change:transform } .survey-question.vertical-brand-insurahealth .field.choice button:first-child{ background:#0B8F3F!important; color:#fff!important; box-shadow:none!important } .survey-question.vertical-brand-insurahealth .field.choice button:first-child:hover, .survey-question.vertical-brand-insurahealth .field.choice button:first-child:focus{ box-shadow:none!important } .survey-question.vertical-brand-insurahealth .field.choice button:last-child{ background:#e6e6e6!important; color:#111!important; box-shadow:0 10px 22px rgba(0,0,0,.08)!important } .survey-question.vertical-brand-insurahealth .field.choice button:hover,.field.choice button:focus{transform:translateY(-2px)!important;filter:brightness(.98)!important;outline:none!important} .survey-question.vertical-brand-insurahealth .field.choice button:last-child:hover,.field.choice button:last-child:focus{box-shadow:0 14px 26px rgba(0,0,0,.12)!important} .survey-question.vertical-brand-insurahealth .field.choice button:active{transform:translateY(0)!important;filter:none!important} .survey-question.vertical-brand-insurahealth .field.choice:has(button:nth-child(3)){flex-direction:column!important;gap:12px!important} .survey-question.vertical-brand-insurahealth .field.choice:has(button:nth-child(3)) button{width:100%!important;flex:none!important;height:52px!important;border-radius:14px!important;background:#fff!important;color:#0f172a!important;border:1px solid rgba(0,0,0,.14)!important;box-shadow:0 8px 20px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.6)!important;padding:0 16px 0 52px!important;position:relative!important;transition:transform 150ms ease,box-shadow 150ms ease,border-color 150ms ease,filter 150ms ease!important} .survey-question.vertical-brand-insurahealth .field.choice:has(button:nth-child(3)) button::before{content:""!important;position:absolute!important;left:16px!important;top:50%!important;transform:translateY(-50%)!important;width:18px!important;height:18px!important;border-radius:9999px!important;border:2px solid rgba(15,23,42,.45)!important;background:#fff!important;box-sizing:border-box!important} .survey-question.vertical-brand-insurahealth .field.choice:has(button:nth-child(3)) button:hover,.field.choice:has(button:nth-child(3)) button:focus{border-color:rgba(0,0,0,.22)!important;box-shadow:0 10px 24px rgba(0,0,0,.16),0 0 0 2px rgba(255,255,255,.25)!important;transform:translateY(-2px)!important} .survey-question.vertical-brand-insurahealth .field.choice:has(button:nth-child(3)) button:active{transform:translateY(0)!important;box-shadow:0 8px 20px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.6)!important} .survey-question.vertical-yellow-vector .field.choice { display: flex !important; flex-direction: column !important; gap: 4px !important; } .survey-question.vertical-yellow-vector .field.choice button { width: 100% !important; height: 50px !important; background: #ffe100 !important; color: #000000 !important; border: none !important; border-radius: 3px !important; font-size: 16px !important; font-weight: 700 !important; letter-spacing: 0.5px !important; text-transform: uppercase !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; transition: background 0.15s ease, transform 0.05s ease !important; margin: 0 !important; } .survey-question.vertical-yellow-vector .field.choice button + button { margin-top: 4px !important; } .survey-question.vertical-yellow-vector .field.choice button:hover, .survey-question.vertical-yellow-vector .field.choice button:focus { background: #b09a00 !important; } .survey-question.vertical-yellow-vector .field.choice button:active { transform: translateY(1px) !important; } .survey-question.vertical-yellow-vector .field.field-text h3, .survey-question.vertical-yellow-vector .field.field-text p, .survey-question.vertical-yellow-vector .field.field-text span, .survey-question.vertical-yellow-vector .field.field-text strong { color: rgb(29, 77, 205) !important; font-weight: 400 !important; text-align: center !important; text-transform: uppercase !important; margin: 0px 0px 2px 0px !important; font-size: 18.3333px !important; font-family: Roboto, Helvetica, Arial, sans-serif !important; line-height: 1.167 !important; letter-spacing: 0em !important; display: block !important; margin-block-start: 0 !important; margin-block-end: 4px !important; margin-inline-start: 0 !important; margin-inline-end: 0 !important; font-weight: 400 !important; } .survey-question.vertical-yellow-vector .field.field-text h3 { margin-block-start: 0 !important; margin-block-end: 4px !important; margin-inline-start: 0 !important; margin-inline-end: 0 !important; font-weight: 400 !important; } .survey-question.horizontal-yellow-vector .ez.slide.ez.slide { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: stretch !important; width: 100% !important; column-count: 1 !important; column-gap: 0 !important; columns: auto 1 !important; grid-template-columns: 1fr !important; grid-auto-flow: row !important; } div.ez.survey-question, div.ez.survey-question.horizontal-yellow-vector { background: #ffffff !important; border-radius: 14px !important; overflow: hidden !important; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 8px 22px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.08) !important; padding: 22px 20px 26px !important; width: 100% !important; max-width: none !important; margin: 0 !important; border: none !important; box-sizing: border-box !important; } .survey-question.horizontal-yellow-vector .field.choice { display: flex !important; flex-direction: row !important; gap: 8px !important; width: 100% !important; } .survey-question.horizontal-yellow-vector .field.choice button { flex: 1 1 0 !important; height: 50px !important; border: none !important; border-radius: 3px !important; font-size: 16px !important; font-weight: 700 !important; letter-spacing: 0.5px !important; text-transform: none !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; transition: background 0.15s ease, transform 0.05s ease !important; margin: 0 !important; box-sizing: border-box !important; } .survey-question.horizontal-yellow-vector .field.choice button:first-child { background: #ffe100 !important; color: #000000 !important; } .survey-question.horizontal-yellow-vector .field.choice button:last-child { background: #e6e6e6 !important; color: #000000 !important; } .survey-question.horizontal-yellow-vector .field.choice button:first-child:hover, .survey-question.horizontal-yellow-vector .field.choice button:first-child:focus { background: #b09a00 !important; } .survey-question.horizontal-yellow-vector .field.choice button:last-child:hover, .survey-question.horizontal-yellow-vector .field.choice button:last-child:focus { background: #cfcfcf !important; } .survey-question.horizontal-yellow-vector .field.choice button:active { transform: translateY(1px) !important; } .survey-question.horizontal-yellow-vector .field.choice:has(button:nth-child(3)) { flex-direction: column !important; gap: 8px !important; } .survey-question.horizontal-yellow-vector .field.choice:has(button:nth-child(3)) button { width: 100% !important; flex: none !important; height: auto !important; background: #ffffff !important; color: #6b6b6b !important; border: 1px solid #d5d5d5 !important; border-radius: 4px !important; font-size: 16px !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 14px 12px 14px 44px !important; position: relative !important; cursor: pointer !important; margin: 0 !important; box-sizing: border-box !important; transition: border-color 0.15s ease, background 0.15s ease, transform 0.05s ease !important; } .survey-question.horizontal-yellow-vector .field.choice:has(button:nth-child(3)) button::before { content: "" !important; position: absolute !important; left: 14px !important; top: 50% !important; transform: translateY(-50%) !important; width: 14px !important; height: 14px !important; border: 2px solid #6b6b6b !important; border-radius: 50% !important; background: #ffffff !important; box-sizing: border-box !important; } .survey-question.horizontal-yellow-vector .field.choice:has(button:nth-child(3)) button:hover, .survey-question.horizontal-yellow-vector .field.choice:has(button:nth-child(3)) button:focus { border-color: #000000 !important; background: #ffffff !important; } .survey-question.horizontal-yellow-vector .field.choice:has(button:nth-child(3)) button:active { transform: translateY(1px) !important; } /* ?? Outer wrapper: floating with margin, fully rounded ?? */ #popChat:has(.data-collection.pop-up-minimal) { overflow: visible !important; border-radius: 16px !important; margin: 0 12px 16px !important; } #popChat:has(.data-collection.pop-up-minimal) > div:not(.popchaticons) { border-radius: 16px; overflow: hidden; background: #ffffff; isolation: isolate; box-shadow: 0 0 0 1px rgba(22, 163, 74, .14), 0 6px 30px rgba(22, 163, 74, .22), 0 2px 8px rgba(0, 0, 0, .06); } /* ?? Close (?) button ?? */ #popChat:has(.data-collection.pop-up-minimal) .popchaticons { position: absolute !important; top: 18px !important; right: 14px !important; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; cursor: pointer; background: transparent; border-radius: 0; z-index: 99999; user-select: none; box-sizing: border-box; font-size: 0; color: transparent; visibility: visible; opacity: 1; } #popChat:has(.data-collection.pop-up-minimal) .popchaticons::before { content: "\00D7"; display: block; font-size: 22px; line-height: 1; color: #64748b; font-weight: 300; font-family: system-ui, -apple-system, sans-serif; } /* ?? Main container ?? */ .data-collection.pop-up-minimal.pop-up-minimal { display: flex; flex-direction: column; box-sizing: border-box; width: 360px !important; max-height: 92vh !important; overflow-y: auto; scrollbar-width: none; -ms-overflow-style: none; background: #ffffff; border-radius: 16px; padding: 0 20px 24px !important; font: 400 14px/1.6 system-ui, -apple-system, sans-serif; color: #1e293b; } .data-collection.pop-up-minimal.pop-up-minimal::-webkit-scrollbar { display: none; } .data-collection.pop-up-minimal.pop-up-minimal br { display: none; } /* ?? Header ?? Flat light header with SVG two-line text: "PLEASE PROVIDE" (green) + "Your details" (dark). order: -1 renders it first in the flex column regardless of DOM position. */ .data-collection.pop-up-minimal.pop-up-minimal::before { content: ""; order: -1; flex-shrink: 0; position: sticky; top: 0; z-index: 10; display: block; height: 64px; margin: 0 -20px 20px; box-sizing: border-box; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 360 64' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='18' y='24' font-family='system-ui%2C-apple-system%2Csans-serif' font-size='10' font-weight='700' letter-spacing='1' fill='%2316a34a'%3EPLEASE PROVIDE%3C%2Ftext%3E%3Ctext x='18' y='46' font-family='system-ui%2C-apple-system%2Csans-serif' font-size='15' font-weight='700' fill='%230f172a'%3EYour details%3C%2Ftext%3E%3C%2Fsvg%3E") no-repeat 0 0 / 100% 100%, #f8fafc; border-bottom: 1px solid #f1f5f9; } /* ?? Fields ?? */ .data-collection.pop-up-minimal.pop-up-minimal .field { margin-bottom: 10px; } .data-collection.pop-up-minimal.pop-up-minimal .field:last-child { margin-bottom: 0; } .data-collection.pop-up-minimal.pop-up-minimal .field.field-text:first-child p { margin: 0 0 4px; font-size: clamp(14px, 4vw, 17px); font-weight: 700; line-height: 1.35; color: #0f172a; text-align: center; } .data-collection.pop-up-minimal.pop-up-minimal .field.field-text:first-child span { font-size: inherit !important; } /* ?? Text inputs ?? */ .data-collection.pop-up-minimal.pop-up-minimal .field input.input { width: 100%; box-sizing: border-box; display: block; border: 1.5px solid #e2e8f0; border-radius: 12px; padding: 11px 14px; font-size: 15px; line-height: 1.3; color: #0f172a; background: #ffffff; outline: none; transition: border-color 120ms ease, box-shadow 120ms ease; font-family: system-ui, -apple-system, sans-serif; } .data-collection.pop-up-minimal.pop-up-minimal .field input.input:hover { border-color: #cbd5e1; } .data-collection.pop-up-minimal.pop-up-minimal .field input.input:focus { border-color: #16a34a; box-shadow: 0 0 0 3px rgba(22, 163, 74, .10); outline: none; } .data-collection.pop-up-minimal.pop-up-minimal .field input.input::placeholder { color: #94a3b8; } /* ?? Submit button ?? */ .data-collection.pop-up-minimal.pop-up-minimal .field.button-submit { margin-top: 4px; } .data-collection.pop-up-minimal.pop-up-minimal .field.button-submit button { width: 100%; padding: 14px 20px; background: #16a34a; color: white; border: none; border-radius: 10px; font-size: 15px; font-weight: 600; font-family: inherit; cursor: pointer; box-sizing: border-box; transition: background 120ms ease, box-shadow 120ms ease; } .data-collection.pop-up-minimal.pop-up-minimal .field.button-submit button:hover { background: #15803d; box-shadow: 0 4px 14px rgba(22, 163, 74, .28); } /* ?? Secondary text fields (terms, links, checkbox) ?? */ .data-collection.pop-up-minimal.pop-up-minimal .field.field-text:not(:first-child) { margin-bottom: 8px; } .data-collection.pop-up-minimal.pop-up-minimal .field.field-text:not(:first-child) p { font-size: 11px; line-height: 1.5; color: #1e293b; margin: 0; } .data-collection.pop-up-minimal.pop-up-minimal .field.field-text:not(:first-child) a { color: #16a34a; text-decoration: underline; } .data-collection.pop-up-minimal.pop-up-minimal .field.field-text:not(:first-child):has(input[type="checkbox"]) {