/* Generated by tests/build-divi-css.php from front.css and gf-membership.css. Do not edit. */
.et-db #et-boc .et-l .klsp { --_bg: var(--klsp-c-bg, transparent); --_title: var(--klsp-c-title, var(--klsp-title, #222)); --_text: var(--klsp-c-text, var(--klsp-text, #333)); --_card: var(--klsp-c-card, var(--klsp-bg, #fff)); --_accent: var(--klsp-c-accent, var(--klsp-active, #222)); --_btn-bg: var(--klsp-c-button-bg, var(--klsp-button-bg, #222)); --_btn-text: var(--klsp-c-button-text, var(--klsp-button-text, #fff)); --_btn-border: var(--klsp-c-button-border, var(--klsp-button-border, var(--_btn-bg))); --_btn-hover-bg: var(--klsp-c-button-hover-bg, var(--klsp-button-hover-bg, transparent)); --_btn-hover-text: var(--klsp-c-button-hover-text, var(--klsp-button-hover-text, var(--_btn-bg))); --_btn-hover-border: var(--klsp-c-button-hover-border, var(--klsp-button-hover-border, var(--_btn-bg))); --_border: var(--klsp-c-border, color-mix(in srgb, var(--_title) 13%, transparent)); --_radius: var(--klsp-radius, 16px); --_muted: color-mix(in srgb, var(--_text) 72%, transparent); --_line: color-mix(in srgb, var(--_title) 13%, transparent); --_tint: color-mix(in srgb, var(--_accent) 16%, #fff); --_accent-ink: color-mix(in srgb, var(--_accent) 62%, #000); --_second: var(--klsp-button2-bg, #c79b62); --_second-tint: color-mix(in srgb, var(--_second) 20%, #fff); --_second-ink: color-mix(in srgb, var(--_second) 45%, #000); --_danger: #b42318; --_danger-tint: #fdecea; --_signal: var(--klsp-signal, #c2410c); --_signal-tint: color-mix(in srgb, var(--_signal) 11%, #fff); --_signal-ink: color-mix(in srgb, var(--_signal) 88%, #000); --_section: var(--klsp-bg-alt, #f3f5fa); --_tile: color-mix(in srgb, var(--_title) 6%, transparent); --_shadow: 0 10px 30px rgba(16, 29, 48, .06); --_shadow-up: 0 18px 40px rgba(16, 29, 48, .10); --_check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); --_cross: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E"); --_dash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E"); box-sizing: border-box; max-width: var(--klsp-maxw, none); margin: var(--klsp-mt, 0) auto var(--klsp-mb, 0); padding: var(--klsp-pad, 0); background: var(--_bg); border-radius: var(--_radius); color: var(--_text); font-size: calc(1rem * var(--klsp-scale, 1)); line-height: 1.5; }
.et-db #et-boc .et-l .klsp *,
.et-db #et-boc .et-l .klsp *::before,
.et-db #et-boc .et-l .klsp *::after { box-sizing: border-box; }
.et-db #et-boc .et-l .klsp .klsp-title { margin: 0 0 .4em; padding: 0; color: var(--_title); font-weight: 700; line-height: 1.25; }
.et-db #et-boc .et-l .klsp .klsp-text { margin: 0 0 1em; padding: 0; }
.et-db #et-boc .et-l .klsp h2.klsp-title { font-size: 37px; line-height: 1.3; }
.et-db #et-boc .et-l .klsp h2.klsp-title + .klsp-text { font-size: 18px; line-height: 1.5; font-weight: 500; }
@media (max-width: 980px) {
.et-db #et-boc .et-l .klsp h2.klsp-title { font-size: 32px; }
}
@media (max-width: 767px) {
.et-db #et-boc .et-l .klsp h2.klsp-title { font-size: 26px; }
.et-db #et-boc .et-l .klsp h2.klsp-title + .klsp-text { font-size: 16px; }
}
.et-db #et-boc .et-l .klsp .klsp-label { margin: 0 0 .5em; padding: 0; color: var(--_title); font-weight: 600; }
.et-db #et-boc .et-l .klsp .klsp-meta { margin: 0; padding: 0; color: var(--_muted); font-size: .875em; font-weight: 500; }
@media (max-width: 1024px) {
.et-db #et-boc .et-l .klsp-only-desktop { display: none !important; }
}
@media (min-width: 1025px) {
.et-db #et-boc .et-l .klsp-only-mobile { display: none !important; }
}
.et-db #et-boc .et-l .et_pb_bg_layout_dark .klsp,
.et-db #et-boc .et-l .klsp-on-dark .klsp,
.et-db #et-boc .et-l .klsp.klsp-on-dark { --_title: var(--klsp-c-title, #fff); --_text: var(--klsp-c-text, rgba(255, 255, 255, .9)); --_line: rgba(255, 255, 255, .25); --_tile: rgba(255, 255, 255, .12); --_muted: rgba(255, 255, 255, .8); --_tint: rgba(255, 255, 255, .2); }
.et-db #et-boc .et-l .klsp .klsp-btn:not(.theme-button) { display: inline-flex; align-items: center; justify-content: center; gap: .65em; min-height: 48px; margin: 0; padding: .8em 1.4em; border: 0; border-radius: var(--klsp-btn-radius, 12px); background: var(--_btn-bg); box-shadow: inset 0 0 0 2px var(--_btn-border); color: var(--_btn-text); font: inherit; font-size: 1.125em; font-weight: 500; line-height: 1.2; text-align: center; text-decoration: none; cursor: pointer; transition: background-color .15s, color .15s, box-shadow .15s; }
@media (hover: hover) and (pointer: fine) {
.et-db #et-boc .et-l .klsp:not(.klsp-sticky) .klsp-btn:not(.theme-button):hover { background: var(--_btn-hover-bg); box-shadow: inset 0 0 0 2px var(--_btn-hover-border); }
.et-db #et-boc .et-l :is(.klsp, .et-db #et-boc .et-l .klsp, #page-container .et_pb_module .klsp):not(.klsp-sticky) a.klsp-btn:not(.theme-button):hover { color: var(--_btn-hover-text) !important; }
}
.et-db #et-boc .et-l .klsp .klsp-btn:focus-visible { outline: 3px solid color-mix(in srgb, var(--_btn-bg) 55%, #fff); outline-offset: 3px; }
.et-db #et-boc .et-l .klsp .klsp-arrow { flex: none; width: 1em; height: 1em; transition: transform .15s; }
.et-db #et-boc .et-l .klsp .klsp-btn:hover .klsp-arrow { transform: translateX(3px); }
@media (prefers-reduced-motion: reduce) {
.et-db #et-boc .et-l .klsp .klsp-btn:hover .klsp-arrow { transform: none; }
}
.et-db #et-boc .et-l :is(.klsp, .et-db #et-boc .et-l .klsp, #page-container .et_pb_module .klsp) a.klsp-btn { color: var(--_btn-text) !important; text-decoration: none !important; }
.et-db #et-boc .et-l :is(.klsp, .et-db #et-boc .et-l .klsp, #page-container .et_pb_module .klsp) a.klsp-btn.theme-button { color: var(--klsp-c-button-text, var(--klsp-theme-button-text, var(--_btn-text))) !important; }
.et-db #et-boc .et-l :is(.klsp, .et-db #et-boc .et-l .klsp, #page-container .et_pb_module .klsp) a.klsp-btn.theme-button:is(:hover, :focus-visible) { color: var(--klsp-c-button-hover-text, var(--_btn-hover-text)) !important; }
.et-db #et-boc .et-l .klsp .klsp-btn.klsp-btn--secondary { --_btn-bg: var(--_second); --_btn-text: var(--klsp-c-button-text, var(--klsp-button2-text, #111)); --_btn-border: var(--klsp-button2-border, var(--_second)); --_btn-hover-bg: var(--klsp-button2-hover-bg, transparent); --_btn-hover-text: var(--klsp-button2-hover-text, var(--_second)); --_btn-hover-border: var(--klsp-button2-hover-border, var(--_second)); }
.et-db #et-boc .et-l .klsp .klsp-btn.klsp-btn--outline { --_btn-bg: transparent; --_btn-text: var(--_title); --_btn-border: var(--_title); --_btn-hover-bg: var(--klsp-c-button-bg, var(--klsp-button-bg, #222)); --_btn-hover-text: var(--klsp-c-button-text, var(--klsp-button-text, #fff)); --_btn-hover-border: var(--klsp-c-button-bg, var(--klsp-button-bg, #222)); }
.et-db #et-boc .et-l .klsp .klsp-btn.klsp-btn--soft { --_btn-bg: color-mix(in srgb, var(--_title) 10%, transparent); --_btn-text: var(--_title); --_btn-border: transparent; --_btn-hover-bg: color-mix(in srgb, var(--_title) 18%, transparent); --_btn-hover-text: var(--_title); --_btn-hover-border: transparent; }
.et-db #et-boc .et-l .klsp .klsp-btn.klsp-btn--pill { border-radius: 999px !important; }
.et-db #et-boc .et-l .klsp[style*="--klsp-c-button-bg:"] a.klsp-btn.theme-button { background-color: var(--klsp-c-button-bg) !important; border-color: var(--klsp-c-button-border, var(--klsp-c-button-bg)) !important; }
.et-db #et-boc .et-l .klsp[style*="--klsp-c-button-border:"] a.klsp-btn.theme-button { border-color: var(--klsp-c-button-border) !important; }
.et-db #et-boc .et-l .klsp:is([style*="--klsp-c-button-bg:"], [style*="--klsp-c-button-hover-"]) a.klsp-btn.theme-button:hover { background-color: var(--klsp-c-button-hover-bg, transparent) !important; color: var(--klsp-c-button-hover-text, var(--klsp-c-button-bg, var(--klsp-button-bg, #222))) !important; border-color: var(--klsp-c-button-hover-border, var(--klsp-c-button-bg, var(--klsp-button-bg, #222))) !important; }
.et-db #et-boc .et-l .klsp .klsp-pill { display: inline-flex; align-items: center; gap: .55em; padding: .38em .92em; border-radius: 999px; font-size: .8125em; font-weight: 600; line-height: 1.3; white-space: nowrap; }
.et-db #et-boc .et-l .klsp-pill--accent { background: var(--_tint); color: var(--_accent-ink); }
.et-db #et-boc .et-l .klsp-pill--second { background: var(--_second-tint); color: var(--_second-ink); }
.et-db #et-boc .et-l .klsp-pill--muted { background: color-mix(in srgb, var(--_title) 8%, transparent); color: var(--_muted); }
.et-db #et-boc .et-l .klsp-pill--section { background: var(--_section); color: var(--_text); }
.et-db #et-boc .et-l .klsp-pill--danger { background: var(--_danger-tint); color: var(--_danger); }
.et-db #et-boc .et-l .klsp-pill--solid { background: var(--_accent); color: var(--klsp-button-text, #fff); }
.et-db #et-boc .et-l .klsp .klsp-pill .klsp-dot { margin: 0; width: .62em; height: .62em; }
.et-db #et-boc .et-l .klsp .klsp-badge { display: inline-block; align-self: flex-start; padding: .38em .92em; border-radius: 999px; background: var(--_second-tint); color: var(--_second-ink); font-size: .8125em; font-weight: 600; line-height: 1.3; }
.et-db #et-boc .et-l .klsp .klsp-list,
.et-db #et-boc .et-l .klsp .klsp-plan-usps,
.et-db #et-boc .et-l .klsp .klsp-event-program { display: flex; flex-direction: column; gap: .5em; margin: 0; padding: 0; list-style: none; font-size: .94em; font-weight: 500; }
.et-db #et-boc .et-l .klsp .klsp-list li,
.et-db #et-boc .et-l .klsp .klsp-plan-usps li,
.et-db #et-boc .et-l .klsp .klsp-event-program li { position: relative; margin: 0; padding: 0 0 0 1.95em; list-style: none; }
.et-db #et-boc .et-l .klsp .klsp-list li::before,
.et-db #et-boc .et-l .klsp .klsp-plan-usps li::before,
.et-db #et-boc .et-l .klsp .klsp-event-program li::before { content: ""; position: absolute; top: .12em; left: 0; width: 1.33em; height: 1.33em; background: var(--_accent-ink); -webkit-mask: var(--_check) center / contain no-repeat; mask: var(--_check) center / contain no-repeat; }
.et-db #et-boc .et-l .klsp .klsp-list li.is-missed { color: var(--_muted); }
.et-db #et-boc .et-l .klsp .klsp-list li.is-missed::before { background: var(--_muted); -webkit-mask-image: var(--_cross); mask-image: var(--_cross); }
.et-db #et-boc .et-l .klsp .klsp-plan-usps li.false { color: var(--_muted); }
.et-db #et-boc .et-l .klsp .klsp-plan-usps li.false::before { background: var(--_muted); -webkit-mask-image: var(--_dash); mask-image: var(--_dash); }
.et-db #et-boc .et-l .klsp .klsp-plan-usps li.gold { color: var(--_title); font-weight: 600; }
.et-db #et-boc .et-l .klsp .klsp-usp-label { display: inline-block; margin-left: .4em; padding: .2em .7em; border-radius: 999px; background: var(--_second-tint); color: var(--_second-ink); font-size: .8em; font-weight: 600; vertical-align: .05em; white-space: nowrap; }
.et-db #et-boc .et-l .klsp-dot { display: inline-block; flex: none; width: .65em; height: .65em; margin-right: .6em; border-radius: 50%; background: #9ca3af; vertical-align: .05em; }
.et-db #et-boc .et-l .klsp-dot.is-live { background: #2e9e5b; box-shadow: 0 0 0 0 rgba(46, 158, 91, .55); animation: klsp-pulse 2s infinite; }
@media (prefers-reduced-motion: reduce) {
.et-db #et-boc .et-l .klsp-dot.is-live { animation: none; box-shadow: 0 0 0 .3em rgba(46, 158, 91, .25); }
}
.et-db #et-boc .et-l .klsp-cd { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5em; max-width: 24em; }
.et-db #et-boc .et-l .klsp-cd-unit { display: flex; flex-direction: column; align-items: center; gap: .1em; padding: .6em .25em; border-radius: 10px; background: var(--_tile); }
.et-db #et-boc .et-l .klsp-cd-unit b { color: var(--_title); font-size: 1.5em; font-weight: 700; line-height: 1.1; font-variant-numeric: tabular-nums; }
.et-db #et-boc .et-l .klsp-cd-unit small { color: var(--_muted); font-size: .75em; font-weight: 500; }
.et-db #et-boc .et-l .klsp-cd-ended { display: none; grid-column: 1 / -1; color: var(--_title); font-weight: 600; }
.et-db #et-boc .et-l .klsp-cd.is-ended .klsp-cd-unit,
.et-db #et-boc .et-l .klsp-cd.is-ended .klsp-cd-short { display: none; }
.et-db #et-boc .et-l .klsp-cd.is-ended .klsp-cd-ended { display: inline; }
.et-db #et-boc .et-l .klsp-cd--inline { display: inline-flex; flex-wrap: nowrap; align-items: baseline; gap: .45em; max-width: none; }
.et-db #et-boc .et-l .klsp-cd--inline .klsp-cd-unit { flex-direction: row; align-items: baseline; gap: .2em; padding: 0; background: none; }
.et-db #et-boc .et-l .klsp-cd--inline .klsp-cd-unit b { color: inherit; font-size: 1em; }
.et-db #et-boc .et-l .klsp-cd--inline .klsp-cd-unit small { color: inherit; font-size: .8em; opacity: .85; }
.et-db #et-boc .et-l .klsp-cd--short { display: inline; max-width: none; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.et-db #et-boc .et-l .klsp-cd--short b { font-weight: inherit; }
.et-db #et-boc .et-l .klsp-cards-wrap,
.et-db #et-boc .et-l .klsp-cards { container-type: inline-size; }
.et-db #et-boc .et-l .klsp .klsp-cards > .klsp-card > :last-child { margin-top: auto; }
.et-db #et-boc .et-l .klsp-cards,
.et-db #et-boc .et-l .klsp-plans { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5em; align-items: stretch; }
.et-db #et-boc .et-l .klsp-memberships { container-type: inline-size; }
.et-db #et-boc .et-l .klsp-cards.klsp-n1,
.et-db #et-boc .et-l .klsp-plans.klsp-n1 { grid-template-columns: minmax(0, 30em); }
@container (min-width: 560px) {
.et-db #et-boc .et-l .klsp-plans:is(.klsp-n2, .klsp-n4, .klsp-n6) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container (min-width: 760px) {
.et-db #et-boc .et-l .klsp-cards:is(.klsp-n2, .klsp-n4, .klsp-n6) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@supports (grid-template-rows: subgrid) {
.et-db #et-boc .et-l .klsp .klsp-plans > .klsp-plan { display: grid; grid-row: span 4; grid-template-rows: subgrid; row-gap: 0; }
.et-db #et-boc .et-l .klsp-plans > .klsp-plan > .klsp-plan-head { grid-row: 1; }
.et-db #et-boc .et-l .klsp-plans > .klsp-plan > .klsp-plan-offer { grid-row: 2; }
.et-db #et-boc .et-l .klsp-plans > .klsp-plan > .klsp-plan-usps { grid-row: 3; }
.et-db #et-boc .et-l .klsp .klsp-plans > .klsp-plan > .klsp-btn.klsp-btn { grid-row: 4; align-self: end; margin-top: 1.25em; }
.et-db #et-boc .et-l .klsp-plans > .klsp-plan > * + * { margin-top: 1.1em; }
}
@container (min-width: 900px) {
.et-db #et-boc .et-l .klsp-cards:is(.klsp-n3, .klsp-n5, .klsp-n6),
.et-db #et-boc .et-l .klsp-plans:is(.klsp-n3, .klsp-n5, .klsp-n6) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@container (min-width: 1100px) {
.et-db #et-boc .et-l .klsp-cards.klsp-n4,
.et-db #et-boc .et-l .klsp-plans.klsp-n4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.et-db #et-boc .et-l .klsp .klsp-card { display: flex; flex-direction: column; gap: 1.1em; margin: 0; padding: 1.75em; border-radius: var(--_radius); background: var(--_card); box-shadow: var(--_shadow); }
.et-db #et-boc .et-l .klsp .klsp-card.is-now { box-shadow: 0 0 0 2px var(--_accent), var(--_shadow-up); }
.et-db #et-boc .et-l .klsp .klsp-card.is-full { box-shadow: 0 0 0 2px var(--_second), var(--_shadow-up); }
.et-db #et-boc .et-l .klsp .klsp-card.is-gap { background: transparent; box-shadow: inset 0 0 0 1px var(--_line); }
.et-db #et-boc .et-l .klsp .klsp-card.is-past { background: color-mix(in srgb, var(--_title) 5%, var(--_section)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--_title) 12%, var(--_section)); }
.et-db #et-boc .et-l .klsp-card-head { display: flex; justify-content: space-between; align-items: center; gap: .75em; }
.et-db #et-boc .et-l .klsp-card-name { color: var(--_title); font-size: 1.25em; font-weight: 600; line-height: 1.3; }
.et-db #et-boc .et-l .klsp-card.is-past .klsp-card-name { color: var(--_text); }
.et-db #et-boc .et-l .klsp-card-line { display: none; }
.et-db #et-boc .et-l .klsp-card .klsp-narrow { display: none; }
.et-db #et-boc .et-l .klsp .klsp-card-note { margin: 0; padding: 0; font-size: .875em; font-weight: 600; line-height: 1.45; }
.et-db #et-boc .et-l .klsp .klsp-card-note.is-late { color: var(--_danger) !important; }
.et-db #et-boc .et-l .klsp .klsp-card-note.is-wait { color: var(--_second-ink) !important; }
.et-db #et-boc .et-l .klsp .klsp-card-foot { margin-top: auto; }
.et-db #et-boc .et-l .klsp-spots.is-done .klsp-meter { background: color-mix(in srgb, var(--_title) 12%, var(--_section)); }
.et-db #et-boc .et-l .klsp-spots.is-done .klsp-meter span { background: color-mix(in srgb, var(--_title) 55%, var(--_section)); }
.et-db #et-boc .et-l .klsp-spots.is-soon .klsp-meter { background: var(--_section); }
.et-db #et-boc .et-l .klsp-card-short { display: none; }
.et-db #et-boc .et-l .klsp .klsp-card-pct { display: flex; flex-direction: column; gap: .35em; margin: 0; padding: 0; }
.et-db #et-boc .et-l .klsp-card-num { color: var(--_title); font-size: 3.5em; font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums; }
.et-db #et-boc .et-l .klsp-card.is-next .klsp-card-num { color: var(--_text); }
.et-db #et-boc .et-l .klsp-card.is-past .klsp-card-num { color: var(--_muted); }
.et-db #et-boc .et-l .klsp-card-num s,
.et-db #et-boc .et-l .klsp-card-short s { text-decoration-thickness: 3px; }
.et-db #et-boc .et-l .klsp-card-sub { color: var(--_text); font-weight: 500; }
.et-db #et-boc .et-l .klsp .klsp-card-lead { margin: 0; padding: 0; color: var(--_title); font-size: 1.35em; font-weight: 700; line-height: 1.3; }
.et-db #et-boc .et-l .klsp-card.is-gap .klsp-card-lead { font-size: 1.25em; font-weight: 600; }
.et-db #et-boc .et-l .klsp-card-live { display: flex; flex-direction: column; gap: .5em; }
.et-db #et-boc .et-l .klsp-card .klsp-btn { align-self: stretch; margin-top: auto; }
.et-db #et-boc .et-l .klsp :is(.klsp-card, .klsp-plan, .klsp-event) .klsp-btn:not(.theme-button) { gap: .5em; padding: .85em 1.1em; font-size: 1em; }
.et-db #et-boc .et-l .klsp :is(.klsp-card, .klsp-plan, .klsp-event) a.klsp-btn.theme-button { padding-left: 1.1em !important; padding-right: 2.6em !important; font-size: 1em !important; white-space: nowrap; }
.et-db #et-boc .et-l .klsp :is(.klsp-card, .klsp-plan, .klsp-event) a.klsp-btn.theme-button::after { right: 1.1em !important; }
.et-db #et-boc .et-l .klsp-card.is-full .klsp-meter { background: var(--_second-tint); }
@container (max-width: 759px) {
.et-db #et-boc .et-l .klsp .klsp-card { padding: 1.4em; }
.et-db #et-boc .et-l .klsp-card-num { font-size: 3em; }
.et-db #et-boc .et-l .klsp .klsp-card.is-past { gap: .75em; padding: 1.1em 1.3em; }
.et-db #et-boc .et-l .klsp .klsp-card.is-next { padding: 1.1em 1.4em; }
.et-db #et-boc .et-l .klsp-card:is(.is-past, .is-next) :is(.klsp-card-pct, .klsp-card-foot) { display: none; }
.et-db #et-boc .et-l .klsp-card.is-next :is(.klsp-card-extras, .klsp-spots, .klsp-card-note) { display: none; }
.et-db #et-boc .et-l .klsp-card:is(.is-past, .is-next) .klsp-card-short { display: inline; }
.et-db #et-boc .et-l .klsp-card:is(.is-past, .is-next) .klsp-card-name { font-size: 1em; }
.et-db #et-boc .et-l .klsp-card.is-next .klsp-card-line { display: block; margin-top: .15em; color: var(--_muted); font-size: .8125em; font-weight: 500; }
.et-db #et-boc .et-l .klsp-card.is-next .klsp-wide { display: none; }
.et-db #et-boc .et-l .klsp-card.is-next .klsp-narrow { display: inline; }
}
.et-db #et-boc .et-l .klsp .klsp-status-line { margin: 0; color: var(--_title); font-weight: 600; }
.et-db #et-boc .et-l .klsp-status-cd { display: block; margin-top: .2em; font-weight: 500; opacity: .9; }
.et-db #et-boc .et-l .klsp-status--tiles { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.et-db #et-boc .et-l .klsp-status--tiles .klsp-cd { display: flex; gap: 8px; max-width: none; }
.et-db #et-boc .et-l .klsp-status--tiles .klsp-cd-unit { min-width: 52px; padding: 8px 12px; }
.et-db #et-boc .et-l .klsp-status--tiles .klsp-cd-unit b { font-size: 22px; }
.et-db #et-boc .et-l .klsp .klsp-join-note { margin: 0; padding: 0; color: var(--_muted); font-size: 15px; font-style: italic; font-weight: 500; }
.et-db #et-boc .et-l .klsp.klsp-ribbon { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; width: fit-content; max-width: 100%; box-sizing: border-box; margin: 0; padding: 14px 52px 14px 22px; border-radius: 10px 0 0 10px; background: var(--klsp-text, #101d30); color: #fff; clip-path: polygon(0 0, 100% 0, calc(100% - 22px) 50%, 100% 100%, 0 100%); }
.et-db #et-boc .et-l .klsp-ribbon-icon { flex: none; color: var(--_second); }
.et-db #et-boc .et-l .klsp-ribbon-text { font-size: 20px; font-weight: 700; line-height: 1.3; }
.et-db #et-boc .et-l .klsp-ribbon-text b { color: var(--_second); font-size: 28px; font-weight: 800; font-variant-numeric: tabular-nums; }
.et-db #et-boc .et-l .klsp-ribbon-tag { color: color-mix(in srgb, #fff 88%, transparent); font-size: 15px; font-weight: 600; }
.et-db #et-boc .et-l .klsp.klsp-proeflessen { container-type: inline-size; }
.et-db #et-boc .et-l .klsp-lesson-photo { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 12px; }
.et-db #et-boc .et-l .klsp .klsp-lesson-text { font-size: 15px; }
.et-db #et-boc .et-l .klsp-slots { display: flex; flex-wrap: wrap; gap: 8px; }
.et-db #et-boc .et-l .klsp .klsp-slot { min-height: 44px; margin: 0; padding: 10px 14px; border: 0; border-radius: 10px; background: var(--_section); box-shadow: inset 0 0 0 1px var(--_line); color: var(--_title); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.et-db #et-boc .et-l .klsp .klsp-slot[aria-pressed="true"] { background: var(--_accent); box-shadow: none; color: var(--klsp-button-text, #fff); }
.et-db #et-boc .et-l .klsp .klsp-slot:disabled { color: var(--_muted); text-decoration: line-through; cursor: not-allowed; }
.et-db #et-boc .et-l .klsp .klsp-slot:focus-visible { outline: 2px solid var(--_accent); outline-offset: 2px; }
.et-db #et-boc .et-l .klsp .klsp-lesson-left { margin: 0; padding: 0; color: var(--_muted); font-size: 14px; font-weight: 500; }
.et-db #et-boc .et-l .klsp .klsp-lesson-left.is-few { color: var(--_danger) !important; font-weight: 600; }
.et-db #et-boc .et-l .klsp.klsp-proefles_plan .klsp-slot-main { background: var(--_section); box-shadow: none; }
.et-db #et-boc .et-l .klsp .klsp-trial-after { font-size: 24px; font-weight: 700; }
.et-db #et-boc .et-l .klsp .klsp-slot-side .klsp-meter { background: rgba(255, 255, 255, .16); }
.et-db #et-boc .et-l .klsp.klsp-proefles_plan .gform_wrapper.gform_wrapper .gform_footer { grid-column: 1 / -1; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; }
.et-db #et-boc .et-l .klsp.klsp-proefles_plan.klsp-slot .gform_wrapper.gform_wrapper .gform_footer :is(button, input[type="submit"]) { width: auto; }
.et-db #et-boc .et-l .klsp .klsp-trial-cancel { color: var(--_muted); font-size: 14px; font-weight: 500; }
.et-db #et-boc .et-l .klsp-eyebrow { margin: 0 0 4px !important; padding: 0 !important; color: var(--klsp-button2-ink, color-mix(in srgb, var(--klsp-button2-bg, #c79b62) 45%, #000)) !important; font-size: 13px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.et-db #et-boc .et-l .klsp-werkt-kop h2 { font-size: 28px !important; font-weight: 600 !important; line-height: 1.2 !important; }
.et-db #et-boc .et-l .klsp-slot .gfield.klsp-proefles-keuze { grid-column: 1 / -1 !important; }
.et-db #et-boc .et-l .klsp-trust .klsp-points { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 24px 36px; margin: 0 !important; }
.et-db #et-boc .et-l .klsp-trust .klsp-points li { gap: 14px; color: #fff !important; font-size: 18px; font-weight: 500; line-height: 1.35; }
.et-db #et-boc .et-l .klsp-trust .klsp-points li::before { width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, .18) var(--_trust-check) center / 20px no-repeat; -webkit-mask: none; mask: none; }
.et-db #et-boc .et-l .klsp-trust { --_trust-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }
.et-db #et-boc .et-l .klsp-hero-pill { display: inline-block; margin: 0 0 18px; padding: 5px 12px; border-radius: 999px; background: rgba(255, 255, 255, .14); color: #fff; font-size: 13px; font-weight: 600; }
.et-db #et-boc .et-l .klsp-steps-pills .klsp-steps { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 14px; }
.et-db #et-boc .et-l .klsp-steps-pills .klsp-steps li { align-items: center; gap: 14px; padding: 10px 24px 10px 10px; border-radius: 999px; background: var(--klsp-c-tint, color-mix(in srgb, var(--klsp-button2-bg, #c79b62) 20%, #fff)); }
.et-db #et-boc .et-l .klsp-steps-pills .klsp-steps li::before { width: 38px; height: 38px; margin: 0; background: var(--klsp-button2-bg, #c79b62); color: var(--klsp-title, #101d30); font-size: 15px; font-weight: 600; }
.et-db #et-boc .et-l .klsp-step-text { display: flex; flex-direction: column; gap: 1px; min-width: 0; line-height: 1.3; }
.et-db #et-boc .et-l .klsp-steps li b { display: block; color: var(--klsp-title, #101d30); font-weight: 600; }
.et-db #et-boc .et-l .klsp-steps li span { display: block; color: color-mix(in srgb, var(--klsp-text, #333) 72%, #fff); font-size: .875em; font-weight: 500; }
.et-db #et-boc .et-l .klsp.klsp-twijfel { display: flex; flex-wrap: wrap; align-items: stretch; gap: 24px; }
.et-db #et-boc .et-l .klsp-twijfel-past { flex: 2 1 560px; min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 24px; padding: 28px; border-radius: var(--_radius); background: var(--_section); }
.et-db #et-boc .et-l .klsp-twijfel-copy { flex: 1 1 280px; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.et-db #et-boc .et-l .klsp .klsp-twijfel-title { margin: 0; padding: 0; color: var(--_title); font-size: 22px; font-weight: 700; line-height: 1.3; }
.et-db #et-boc .et-l .klsp .klsp-twijfel-copy .klsp-meta { font-size: 15px; }
.et-db #et-boc .et-l .klsp-twijfel-trial { flex: 1 1 300px; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 18px; padding: 28px; border-radius: var(--_radius); background: var(--klsp-text, #101d30); color: #fff; }
.et-db #et-boc .et-l .klsp .klsp-twijfel-name { margin: 0; padding: 0; font-size: 18px; font-weight: 600; }
.et-db #et-boc .et-l .klsp .klsp-twijfel-text { margin: 0; padding: 0; color: color-mix(in srgb, #fff 80%, transparent) !important; font-size: 15px; line-height: 1.5; }
.et-db #et-boc .et-l .klsp .klsp-twijfel-trial .klsp-btn { margin-top: auto; }
.et-db #et-boc .et-l .klsp .klsp-status-meta { margin: 0; padding: 0; color: var(--_text); font-size: 14px; font-weight: 500; opacity: .9; }
.et-db #et-boc .et-l .klsp.klsp-knoppen { display: flex; flex-wrap: wrap; align-items: stretch; gap: 16px; }
.et-db #et-boc .et-l .klsp.klsp-knoppen .klsp-btn:not(.theme-button) { font-weight: 400; }
@media (max-width: 600px) {
.et-db #et-boc .et-l .klsp.klsp-knoppen > a { flex: 1 1 100%; }
}
.et-db #et-boc .et-l .klsp-spots { display: flex; flex-direction: column; gap: .5em; }
.et-db #et-boc .et-l .klsp .klsp-spots p { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .2em 1em; margin: 0; color: var(--_title); font-size: .94em; font-weight: 600; }
.et-db #et-boc .et-l .klsp .klsp-spots p > span { color: var(--_muted); font-weight: 500; }
.et-db #et-boc .et-l .klsp-meter { height: 8px; border-radius: 999px; background: var(--_tint); overflow: hidden; }
.et-db #et-boc .et-l .klsp-meter span { display: block; height: 100%; border-radius: 999px; background: var(--_accent); }
.et-db #et-boc .et-l .klsp-counters > .klsp-spots { padding: 1.4em 1.75em; border-radius: var(--_radius); background: var(--_card); box-shadow: var(--_shadow); }
.et-db #et-boc .et-l .klsp .klsp-registrations { margin: 0; color: var(--_title); font-weight: 600; }
.et-db #et-boc .et-l .klsp-social { display: flex; flex-direction: column; gap: .3em; padding: 1.4em 1.75em; border-radius: var(--_radius); background: var(--_card); box-shadow: var(--_shadow); }
.et-db #et-boc .et-l .klsp-social .klsp-registrations b { display: block; font-size: 2.75em; font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums; }
.et-db #et-boc .et-l .klsp .klsp-quote { margin: 0; padding: 0; border: 0; color: var(--_muted); font-size: .875em; font-style: normal; }
.et-db #et-boc .et-l .klsp .klsp-quote p { margin: 0; padding: 0; }
.et-db #et-boc .et-l .klsp .klsp-quote p::before { content: "\201C"; }
.et-db #et-boc .et-l .klsp .klsp-quote p::after { content: "\201D"; }
.et-db #et-boc .et-l .klsp .klsp-quote cite { font-style: normal; font-weight: 600; }
.et-db #et-boc .et-l .klsp-lead,
.et-db #et-boc .et-l .klsp-anchor { scroll-margin-top: calc(var(--klsp-bar-h, 0px) + 100px); }
.et-db #et-boc .et-l .klsp.klsp-slot { display: flex; flex-wrap: wrap; align-items: stretch; gap: 24px; }
.et-db #et-boc .et-l .klsp-slot-main { container-type: inline-size; flex: 2 1 600px; min-width: 0; display: flex; flex-direction: column; gap: 22px; padding: 40px; border-radius: var(--_radius); background: var(--_card); box-shadow: var(--_shadow); scroll-margin-top: calc(var(--klsp-bar-h, 0px) + 100px); }
.et-db #et-boc .et-l .klsp-slot-head { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.et-db #et-boc .et-l .klsp .klsp-slot-head :is(.klsp-title, .klsp-text) { margin: 0; }
.et-db #et-boc .et-l .klsp-slot-side { flex: 1 1 300px; min-width: 0; display: flex; flex-direction: column; gap: 18px; padding: 32px; border-radius: var(--_radius); background: var(--klsp-text, #101d30); color: #fff; }
.et-db #et-boc .et-l .klsp .klsp-slot-name { margin: 0; padding: 0; font-size: 1.25em; font-weight: 600; line-height: 1.3; }
.et-db #et-boc .et-l .klsp .klsp-slot-side .klsp-list { color: #fff; }
.et-db #et-boc .et-l .klsp .klsp-slot-side .klsp-list li::before { background: var(--_accent); }
.et-db #et-boc .et-l .klsp .klsp-slot-time { margin: 0; padding: 0; color: color-mix(in srgb, #fff 80%, transparent) !important; font-size: .875em; font-variant-numeric: tabular-nums; }
.et-db #et-boc .et-l .klsp .klsp-slot-side .klsp-btn { align-self: stretch; margin-top: auto; }
.et-db #et-boc .et-l .klsp.klsp-slot .gform_wrapper.gform_wrapper form { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-items: end; margin: 0; }
@container (min-width: 420px) {
.et-db #et-boc .et-l .klsp.klsp-slot .gform_wrapper.gform_wrapper form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container (min-width: 880px) {
.et-db #et-boc .et-l .klsp.klsp-slot .gform_wrapper.gform_wrapper form { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.et-db #et-boc .et-l .klsp.klsp-slot .gform_wrapper.gform_wrapper :is(.gform_body, .gform_fields) { display: contents; }
.et-db #et-boc .et-l .klsp.klsp-slot .gform_wrapper.gform_wrapper :is(.gform_validation_container, .gform_hidden, .gfield_visibility_hidden, .akismet-fields-container) { display: none; }
.et-db #et-boc .et-l .klsp.klsp-slot .gform_wrapper.gform_wrapper .gfield { grid-column: auto; margin: 0; padding: 0; }
.et-db #et-boc .et-l .klsp.klsp-slot .gform_wrapper.gform_wrapper :is(.gfield--type-consent, .gfield--type-checkbox, .gfield--type-textarea, .gfield--type-html, .gfield--type-section, .gform_validation_errors, .gform_heading) { grid-column: 1 / -1; }
.et-db #et-boc .et-l .klsp.klsp-slot .gform_wrapper.gform_wrapper .gfield_label { margin: 0 0 6px; color: var(--_title); font-size: 14px; font-weight: 600; }
.et-db #et-boc .et-l .klsp.klsp-slot .gform_wrapper.gform_wrapper .gfield input:is([type="text"], [type="email"], [type="tel"], [type="number"], [type="url"]),
.et-db #et-boc .et-l .klsp.klsp-slot .gform_wrapper.gform_wrapper .gfield :is(textarea, select) { width: 100% !important; min-height: 50px; padding: 13px 14px !important; border: 1px solid color-mix(in srgb, var(--_title) 20%, #fff) !important; border-radius: 10px !important; background: #fff !important; color: var(--_text); font-size: 16px !important; font-weight: 500; }
.et-db #et-boc .et-l .klsp.klsp-slot .gform_wrapper.gform_wrapper .gform_footer { margin: 0; padding: 0; }
.et-db #et-boc .et-l .klsp.klsp-slot .gform_wrapper.gform_wrapper .gform_footer :is(button, input[type="submit"]) { width: 100%; min-height: 50px; margin: 0; }
@media (max-width: 767px) {
.et-db #et-boc .et-l .klsp-slot-main { padding: 24px; }
.et-db #et-boc .et-l .klsp-slot-side { padding: 24px; }
}
.et-db #et-boc .et-l .klsp-nested { padding: 0; }
.et-db #et-boc .et-l .klsp .klsp-event { display: flex; flex-direction: column; gap: 1em; margin: 0; padding: 1.75em; border-radius: var(--_radius); background: var(--_card); box-shadow: var(--_shadow); }
.et-db #et-boc .et-l .klsp-event-head { display: flex; flex-wrap: wrap; align-items: center; gap: 1em; }
.et-db #et-boc .et-l .klsp-event-head > div { flex: 1 1 0; min-width: min-content; max-width: 100%; overflow-wrap: break-word; }
.et-db #et-boc .et-l .klsp-event-day { display: flex; flex: none; flex-direction: column; align-items: center; justify-content: center; width: 4em; height: 4.25em; border-radius: 12px; background: var(--_second-tint); color: var(--_second-ink); line-height: 1.1; }
.et-db #et-boc .et-l .klsp-event-day b { font-size: 1.5em; font-weight: 700; }
.et-db #et-boc .et-l .klsp-event-day small { font-size: .75em; font-weight: 600; }
.et-db #et-boc .et-l .klsp .klsp-event-date { margin: 0; padding: 0; color: var(--_title); font-size: 1.25em; font-weight: 600; line-height: 1.3; }
.et-db #et-boc .et-l .klsp .klsp-event-meta { margin: 0; padding: 0; color: var(--_muted); font-size: .875em; font-weight: 500; }
.et-db #et-boc .et-l .klsp-event .klsp-btn { align-self: flex-start; }
.et-db #et-boc .et-l .klsp .klsp-aftel { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; width: 8.25em; height: 8.25em; border-radius: 50%; background: var(--_card); box-shadow: inset 0 0 0 3px var(--_accent); color: var(--_title); text-align: center; text-decoration: none; line-height: 1.1; }
.et-db #et-boc .et-l .klsp-aftel b { font-size: 2.75em; font-weight: 800; line-height: 1; }
.et-db #et-boc .et-l .klsp-aftel small { max-width: 7em; margin-top: .2em; color: var(--_muted); font-size: .8em; font-weight: 500; }
.et-db #et-boc .et-l :is(.et_pb_bg_layout_dark, .klsp-on-dark) .klsp .klsp-aftel,
.et-db #et-boc .et-l .klsp.klsp-on-dark .klsp-aftel { background: var(--_btn-bg); box-shadow: 0 0 0 6px color-mix(in srgb, var(--_btn-bg) 30%, transparent); color: var(--_btn-text); }
.et-db #et-boc .et-l :is(.et_pb_bg_layout_dark, .klsp-on-dark) .klsp .klsp-aftel small,
.et-db #et-boc .et-l .klsp.klsp-on-dark .klsp-aftel small { color: inherit; opacity: .9; }
.et-db #et-boc .et-l :is(.klsp, #page-container .et_pb_module .klsp) a.klsp-aftel { color: var(--_title) !important; text-decoration: none !important; }
.et-db #et-boc .et-l :is(.et_pb_bg_layout_dark, .klsp-on-dark) :is(.klsp, #page-container .et_pb_module .klsp) a.klsp-aftel { color: var(--_btn-text) !important; }
.et-db #et-boc .et-l .klsp-faq { display: flex; flex-direction: column; gap: .75em; }
.et-db #et-boc .et-l .klsp-faq > .klsp-title { margin-bottom: .2em; }
.et-db #et-boc .et-l .klsp .klsp-faq-item { margin: 0; padding: 0; border-radius: 14px; background: var(--_card); box-shadow: inset 0 0 0 1px var(--klsp-c-border, transparent), 0 6px 18px rgba(16, 29, 48, .05); }
.et-db #et-boc .et-l .klsp .klsp-faq-item summary { display: flex; justify-content: space-between; align-items: center; gap: 1em; padding: 1.15em 1.4em; color: var(--_title); font-size: 1.06em; font-weight: 600; line-height: 1.4; cursor: pointer; list-style: none; }
.et-db #et-boc .et-l .klsp-faq-item summary::-webkit-details-marker { display: none; }
.et-db #et-boc .et-l .klsp-faq-item summary:focus-visible { outline: 3px solid color-mix(in srgb, var(--_accent) 55%, #fff); outline-offset: 2px; border-radius: 14px; }
.et-db #et-boc .et-l .klsp-faq-item summary::after { content: ""; flex: none; width: 2em; height: 2em; border-radius: 50%; background: var(--_tint) center / 1em no-repeat; -webkit-mask: none; }
.et-db #et-boc .et-l .klsp-faq-item summary { position: relative; }
.et-db #et-boc .et-l .klsp-faq-item summary::before { content: ""; position: absolute; top: 50%; right: calc(1.4em + .5em); width: 1em; height: 1em; margin-top: -.5em; background: var(--_accent-ink); -webkit-mask: var(--_faq-icon) center / contain no-repeat; mask: var(--_faq-icon) center / contain no-repeat; transition: transform .2s; z-index: 1; }
.et-db #et-boc .et-l .klsp-faq--plus { --_faq-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M6 12h12M12 6v12'/%3E%3C/svg%3E"); }
.et-db #et-boc .et-l .klsp-faq--plus details[open] { --_faq-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E"); }
.et-db #et-boc .et-l .klsp-faq--chevron { --_faq-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); }
.et-db #et-boc .et-l .klsp-faq--chevron details[open] summary::before { transform: rotate(180deg); }
.et-db #et-boc .et-l .klsp .klsp-faq-answer { padding: 0 1.4em 1.35em; color: var(--_text); line-height: 1.6; }
.et-db #et-boc .et-l .klsp-faq-answer > :first-child { margin-top: 0; }
.et-db #et-boc .et-l .klsp-faq-answer > :last-child { margin-bottom: 0; padding-bottom: 0; }
.et-db #et-boc .et-l .et_pb_module.klsp-faq-look .et_pb_toggle,
.et-db #et-boc .et-l .et_pb_module.klsp-faq-look.et_pb_toggle { margin: 0 0 12px !important; padding: 0 !important; border: 0 !important; border-radius: 14px; background: var(--klsp-bg, #fff) !important; box-shadow: 0 6px 18px rgba(16, 29, 48, .05); }
.et-db #et-boc .et-l .et_pb_module.klsp-faq-look .et_pb_toggle_title,
.et-db #et-boc .et-l .et_pb_module.klsp-faq-look.et_pb_toggle .et_pb_toggle_title { position: relative; margin: 0; padding: 20px 64px 20px 24px !important; color: var(--klsp-title, #222) !important; font-size: 17px; font-weight: 600; line-height: 1.4; }
.et-db #et-boc .et-l .et_pb_module.klsp-faq-look .et_pb_toggle_title::before { top: 50% !important; right: 24px !important; width: 32px; height: 32px; margin-top: -16px !important; border-radius: 50%; background: color-mix(in srgb, var(--klsp-active, #222) 16%, #fff); color: color-mix(in srgb, var(--klsp-active, #222) 62%, #000) !important; font-size: 16px !important; line-height: 32px; text-align: center; }
.et-db #et-boc .et-l .et_pb_module.klsp-faq-look .et_pb_toggle_content { padding: 0 24px 22px !important; color: var(--klsp-text, #333); font-size: 16px; line-height: 1.6; }
.et-db #et-boc .et-l .klsp-join_header { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.et-db #et-boc .et-l .klsp .klsp-deal { display: flex; align-items: center; margin: 0; padding: 0; color: var(--_title); font-weight: 600; }
.et-db #et-boc .et-l .klsp-plans-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 1em 1.5em; margin: 0 0 2em; }
.et-db #et-boc .et-l .klsp-plans-head > div > :last-child { margin-bottom: 0; }
.et-db #et-boc .et-l .klsp .klsp-tabs { display: inline-flex; gap: 4px; margin: 0; padding: 4px; border-radius: 12px; background: var(--_section); }
.et-db #et-boc .et-l .klsp .klsp-tab { min-height: 44px; margin: 0; padding: .6em 1.15em; border: 0; border-radius: 9px; background: transparent; color: var(--_text); font: inherit; font-size: .94em; font-weight: 600; cursor: pointer; }
.et-db #et-boc .et-l .klsp .klsp-tab[aria-pressed="true"] { background: var(--_card); box-shadow: 0 2px 8px rgba(16, 29, 48, .10); color: var(--_title); }
.et-db #et-boc .et-l .klsp .klsp-tab:focus-visible { outline: 3px solid color-mix(in srgb, var(--_accent) 55%, #fff); outline-offset: 2px; }
.et-db #et-boc .et-l .klsp-plans[hidden] { display: none; }
.et-db #et-boc .et-l .klsp-plans:not([hidden]),
.et-db #et-boc .et-l .klsp-gf .gfield_radio > li[data-klsp-panel]:not([hidden]) { animation: klsp-fade-in .28s ease both; }
@media (prefers-reduced-motion: reduce) {
.et-db #et-boc .et-l .klsp-plans:not([hidden]),
.et-db #et-boc .et-l .klsp-gf .gfield_radio > li[data-klsp-panel]:not([hidden]) { animation: none; }
}
.et-db #et-boc .et-l .klsp .klsp-plan { display: flex; flex-direction: column; gap: 1.1em; margin: 0; padding: 1.75em; border-radius: var(--_radius); background: var(--_section); box-shadow: none; }
.et-db #et-boc .et-l .klsp .klsp-plan.is-featured { background: var(--_card); box-shadow: 0 0 0 2px var(--_accent), var(--_shadow-up); }
.et-db #et-boc .et-l .klsp-plan-head { display: flex; justify-content: space-between; align-items: center; gap: .75em; }
.et-db #et-boc .et-l .klsp .klsp-plan-name { margin: 0; padding: 0; color: var(--_title); font-size: 1.25em; font-weight: 600; line-height: 1.3; }
.et-db #et-boc .et-l .klsp .klsp-plan-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: .2em .6em; margin: 0; padding: 0; }
.et-db #et-boc .et-l .klsp-plan-price b { color: var(--_title); font-size: 2.75em; font-weight: 800; line-height: 1.1; font-variant-numeric: tabular-nums; }
.et-db #et-boc .et-l .klsp-plan-price s { color: var(--_muted); font-size: 1.1em; }
.et-db #et-boc .et-l .klsp-plan-price small { color: var(--_muted); font-size: .875em; font-weight: 500; }
.et-db #et-boc .et-l .klsp-plan-offer { display: flex; flex-direction: column; align-items: flex-start; gap: 1.1em; }
.et-db #et-boc .et-l .klsp .klsp-plan-saving { align-self: flex-start; margin: 0; padding: .38em .92em; border-radius: 999px; background: var(--_second-tint); color: var(--_second-ink); font-size: .8125em; font-weight: 600; }
.et-db #et-boc .et-l .klsp .klsp-plan .klsp-btn { margin-top: auto; align-self: stretch; }
@media (max-width: 600px) {
.et-db #et-boc .et-l .klsp-plans-head { flex-direction: column; align-items: stretch; }
.et-db #et-boc .et-l .klsp .klsp-tabs { display: grid; grid-auto-columns: 1fr; grid-auto-flow: column; }
.et-db #et-boc .et-l .klsp-plan-price b { font-size: 2.25em; }
}
.et-db #et-boc .et-l .klsp.klsp-bar { --_bg: var(--klsp-c-bg, var(--klsp-bar-bg, #222)); --_text: var(--klsp-c-text, var(--klsp-bar-text, #fff)); --_title: var(--_text); position: sticky; top: var(--wp-admin--admin-bar--height, 0px); z-index: 99990; margin: 0; border-radius: 0; border-bottom: 1px solid var(--klsp-c-border, transparent); font-size: calc(.9375rem * var(--klsp-scale, 1)); }
.et-db #et-boc .et-l .klsp-bar.is-pinned { position: fixed; left: 0; right: 0; }
.et-db #et-boc .et-l .klsp-bar-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .5em 1.75em; padding: var(--klsp-pad, .6em 1em); }
.et-db #et-boc .et-l .klsp-bar-text { font-weight: 600; text-align: center; }
.et-db #et-boc .et-l .klsp-bar .klsp-bar-time { font-weight: 500; }
.et-db #et-boc .et-l .klsp-bar .klsp-cd--short { display: none; }
.et-db #et-boc .et-l .klsp.klsp-bar .klsp-btn:not(.theme-button) { min-height: 40px; padding: .6em 1.15em; font-size: 1.05em; }
@media (max-width: 1023px) {
.et-db #et-boc .et-l .klsp-bar-inner { flex-wrap: nowrap; justify-content: space-between; gap: .75em; padding: var(--klsp-pad, 7px 12px 7px 16px); }
.et-db #et-boc .et-l .klsp-bar-text { display: flex; flex-direction: column; min-width: 0; font-size: .875em; line-height: 1.3; text-align: left; }
.et-db #et-boc .et-l .klsp-bar-offer { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.et-db #et-boc .et-l .klsp-bar .klsp-bar-time { display: none; }
.et-db #et-boc .et-l .klsp-bar .klsp-cd--short { display: inline; }
.et-db #et-boc .et-l .klsp.klsp-bar .klsp-btn:not(.theme-button) { flex: none; min-height: 40px; padding: .55em .9em; font-size: .95em; }
.et-db #et-boc .et-l .klsp.klsp-bar a.klsp-btn.theme-button { flex: none; padding: .55em .9em !important; font-size: .95em !important; white-space: nowrap; }
.et-db #et-boc .et-l .klsp-bar .klsp-arrow,
.et-db #et-boc .et-l .klsp.klsp-bar a.klsp-btn.theme-button::after { display: none; }
}
.et-db #et-boc .et-l .klsp-sticky { display: none; }
@media (max-width: 767px) {
.et-db #et-boc .et-l .klsp.klsp-sticky { display: block; position: fixed; z-index: 99980; left: 0; right: 0; bottom: var(--klsp-sticky-offset, 0px); margin: 0; padding: var(--klsp-pad, 12px 16px calc(12px + env(safe-area-inset-bottom))); border-radius: 0; background: var(--klsp-c-bg, var(--klsp-title, #222)); transition: transform .25s; }
.et-db #et-boc .et-l .klsp.klsp-sticky--floating { left: auto; right: 16px; bottom: calc(16px + var(--klsp-sticky-offset, 0px)); padding: 0; background: transparent; }
.et-db #et-boc .et-l .klsp.klsp-sticky .klsp-btn { display: flex; width: 100%; justify-content: space-between; gap: 1em; border-radius: var(--klsp-radius, 12px); box-shadow: inset 0 0 0 2px var(--klsp-c-border, transparent); }
.et-db #et-boc .et-l .klsp.klsp-sticky--floating .klsp-btn { width: auto; border-radius: var(--klsp-radius, 999px); box-shadow: inset 0 0 0 2px var(--klsp-c-border, transparent), 0 10px 24px rgba(16, 29, 48, .25); }
.et-db #et-boc .et-l .klsp.klsp-sticky--floating.klsp-sticky--shadow-strong .klsp-btn { box-shadow: inset 0 0 0 2px var(--klsp-c-border, transparent), 0 12px 32px rgba(0, 0, 0, .38); }
.et-db #et-boc .et-l .klsp.klsp-sticky--bar.klsp-sticky--shadow-strong { box-shadow: 0 -8px 28px rgba(0, 0, 0, .28); }
.et-db #et-boc .et-l .klsp.klsp-sticky--bar:not(.klsp-sticky--shadow-none) { box-shadow: 0 -6px 20px rgba(0, 0, 0, .12); }
.et-db #et-boc .et-l .klsp.klsp-sticky--floating.klsp-sticky--shadow-none .klsp-btn { box-shadow: inset 0 0 0 2px var(--klsp-c-border, transparent); }
.et-db #et-boc .et-l .klsp-sticky .klsp-cd--short { font-size: .85em; }
.et-db #et-boc .et-l .klsp-sticky.is-hidden { transform: translateY(calc(100% + 24px)); }
}
.et-db #et-boc .et-l :is(#et-boc, #page-container, body) .et_pb_row:has(.klsp-cards, .klsp-plans, .klsp-gf) { overflow: visible !important; }
.et-db #et-boc .et-l :is(#et-boc, #page-container, body) :is(.et_pb_section, .et_pb_row).klsp-blk.klsp-blk.klsp-blk.klsp-bg-white { background-color: #fff !important; background-image: none !important; }
.et-db #et-boc .et-l :is(#et-boc, #page-container, body) :is(.et_pb_section, .et_pb_row).klsp-blk.klsp-blk.klsp-blk.klsp-bg-light { background-color: var(--klsp-bg-alt, #f3f5fa) !important; background-image: none !important; }
.et-db #et-boc .et-l :is(#et-boc, #page-container, body) :is(.et_pb_section, .et_pb_row).klsp-blk.klsp-blk.klsp-blk.klsp-space-tight { --klsp-space: 40px; }
.et-db #et-boc .et-l :is(#et-boc, #page-container, body) :is(.et_pb_section, .et_pb_row).klsp-blk.klsp-blk.klsp-blk.klsp-space-compact { --klsp-space: 56px; }
.et-db #et-boc .et-l :is(#et-boc, #page-container, body) :is(.et_pb_section, .et_pb_row).klsp-blk.klsp-blk.klsp-blk.klsp-space-normal { --klsp-space: 96px; }
.et-db #et-boc .et-l :is(#et-boc, #page-container, body) :is(.et_pb_section, .et_pb_row).klsp-blk.klsp-blk.klsp-blk.klsp-space-large { --klsp-space: 120px; }
.et-db #et-boc .et-l :is(#et-boc, #page-container, body) :is(.et_pb_section, .et_pb_row).klsp-blk.klsp-blk.klsp-blk[class*="klsp-space-"] { padding-top: var(--klsp-space) !important; padding-bottom: var(--klsp-space) !important; }
.et-db #et-boc .et-l :is(#et-boc, #page-container, body) .et_pb_section.klsp-blk.klsp-blk.klsp-blk[class*="klsp-space-"] > .et_pb_row { padding-top: 0 !important; padding-bottom: 0 !important; }
.et-db #et-boc .et-l :is(#et-boc, #page-container, body) .et_pb_section.klsp-blk.klsp-blk.klsp-blk[class*="klsp-space-"] > .et_pb_row + .et_pb_row { padding-top: var(--klsp-space) !important; }
.et-db #et-boc .et-l :is(#et-boc, #page-container, body) .et_pb_row.klsp-blk.klsp-blk.klsp-blk[class*="klsp-space-"] + .et_pb_row.klsp-blk.klsp-blk.klsp-blk[class*="klsp-space-"] { padding-top: 0 !important; }
@media (max-width: 767px) {
.et-db #et-boc .et-l :is(#et-boc, #page-container, body) :is(.et_pb_section, .et_pb_row).klsp-blk.klsp-blk.klsp-blk.klsp-space-tight { --klsp-space: 28px; }
.et-db #et-boc .et-l :is(#et-boc, #page-container, body) :is(.et_pb_section, .et_pb_row).klsp-blk.klsp-blk.klsp-blk.klsp-space-compact { --klsp-space: 32px; }
.et-db #et-boc .et-l :is(#et-boc, #page-container, body) :is(.et_pb_section, .et_pb_row).klsp-blk.klsp-blk.klsp-blk.klsp-space-normal { --klsp-space: 48px; }
.et-db #et-boc .et-l :is(#et-boc, #page-container, body) :is(.et_pb_section, .et_pb_row).klsp-blk.klsp-blk.klsp-blk.klsp-space-large { --klsp-space: 56px; }
}
.et-db #et-boc .et-l :is(#et-boc, #page-container, body) .et_pb_section.klsp-blk.klsp-blk.klsp-blk.klsp-width-narrow .et_pb_row,
.et-db #et-boc .et-l :is(#et-boc, #page-container, body) .et_pb_row.klsp-blk.klsp-blk.klsp-blk.klsp-width-narrow { max-width: 760px !important; }
.et-db #et-boc .et-l :is(#et-boc, #page-container, body) .et_pb_section.klsp-blk.klsp-blk.klsp-blk.klsp-width-normal .et_pb_row,
.et-db #et-boc .et-l :is(#et-boc, #page-container, body) .et_pb_row.klsp-blk.klsp-blk.klsp-blk.klsp-width-normal { max-width: 1080px !important; }
.et-db #et-boc .et-l :is(#et-boc, #page-container, body) .et_pb_section.klsp-blk.klsp-blk.klsp-blk.klsp-width-wide .et_pb_row,
.et-db #et-boc .et-l :is(#et-boc, #page-container, body) .et_pb_row.klsp-blk.klsp-blk.klsp-blk.klsp-width-wide { width: 90% !important; max-width: 1400px !important; }
.et-db #et-boc .et-l :is(#et-boc, #page-container, body) :is(.et_pb_section, .et_pb_row).klsp-blk.klsp-blk.klsp-blk.klsp-align-center :is(.et_pb_text, .et_pb_text_inner, h1, h2, h3, h4, p) { text-align: center !important; }
.et-db #et-boc .et-l :is(#et-boc, #page-container, body) :is(.et_pb_section, .et_pb_row).klsp-blk.klsp-blk.klsp-blk.klsp-align-center :is(.et_pb_button_module_wrapper, .button_module_wrapper) { text-align: center !important; justify-content: center !important; }
.et-db #et-boc .et-l :is(#et-boc, #page-container, body) :is(.et_pb_section, .et_pb_row).klsp-blk.klsp-blk.klsp-blk.klsp-align-left :is(.et_pb_text, .et_pb_text_inner, h1, h2, h3, h4, p) { text-align: left !important; }
.et-db #et-boc .et-l :is(#et-boc, #page-container, body) :is(.et_pb_section, .et_pb_row).klsp-blk.klsp-blk.klsp-blk.klsp-align-left :is(.et_pb_button_module_wrapper, .button_module_wrapper) { text-align: left !important; justify-content: flex-start !important; }
.et-db #et-boc .et-l .klsp-points { margin: 0 0 1em !important; padding: 0; list-style: none; display: flex; flex-direction: column; gap: .5em; }
.et-db #et-boc .et-l .klsp-points li { display: flex; align-items: center; gap: .5em; margin: 0; padding: 0; }
.et-db #et-boc .et-l .klsp-points li::before { content: ""; flex: none; width: 1.1em; height: 1.1em; background: var(--klsp-active, var(--klsp-button-bg, #222)); -webkit-mask: var(--_check, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")) center / contain no-repeat; mask: var(--_check, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")) center / contain no-repeat; }
.et-db #et-boc .et-l .klsp-steps { margin: 0 0 1em !important; padding: 0 !important; list-style: none; counter-reset: klsp-step; display: grid; grid-auto-rows: 1fr; gap: .7em; }
.et-db #et-boc .et-l .klsp-steps li { counter-increment: klsp-step; display: flex; align-items: flex-start; gap: .7em; margin: 0; padding: 0; }
.et-db #et-boc .et-l .klsp-steps li::before { content: counter(klsp-step); flex: none; width: 1.75em; height: 1.75em; margin-top: -.15em; border-radius: 50%; display: grid; place-items: center; background: var(--klsp-active, var(--klsp-button-bg, #222)); color: var(--klsp-button-text, #fff); font-size: .875em; font-weight: 700; line-height: 1; }
.et-db #et-boc .et-l .et_pb_text_inner:has(.klsp-points, .klsp-steps, .klsp-pairs) > :is(p, ul, ol, div) + :is(h2, h3, h4),
.et-db #et-boc .et-l .et_pb_text_inner > p + :is(.klsp-points, .klsp-steps, .klsp-pairs) { margin-top: .9em !important; }
.et-db #et-boc .et-l .klsp-pairs { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 1em 1.6em; }
.et-db #et-boc .et-l .klsp-pairs > div { display: flex; flex-direction: column; gap: .25em; }
.et-db #et-boc .et-l .klsp-pairs b { font-weight: 700; }
.et-db #et-boc .et-l .klsp-video { position: relative; aspect-ratio: 16 / 9; border-radius: var(--klsp-radius, 16px); overflow: hidden; background: #000; }
.et-db #et-boc .et-l .klsp-video :is(iframe, video) { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.et-db #et-boc .et-l .klsp-compare { width: 100%; border-collapse: collapse; }
.et-db #et-boc .et-l .klsp-compare :is(th, td) { padding: .7em .8em; border-bottom: 1px solid color-mix(in srgb, currentColor 15%, transparent); text-align: left; }
.et-db #et-boc .et-l .klsp-compare thead th { font-size: .875em; font-weight: 600; opacity: .75; }
@media (max-width: 480px) {
.et-db #et-boc .et-l .klsp-compare :is(th, td) { padding: .6em .4em; font-size: .9375em; }
}
.et-db #et-boc .et-l .klsp-blk .et_pb_text_inner > :last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.et-db #et-boc .et-l .klsp.klsp-slot .gform_wrapper.gform_wrapper .gfield input:is([type="text"], [type="email"], [type="tel"], [type="number"], [type="url"]),
.et-db #et-boc .et-l .klsp.klsp-slot .gform_wrapper.gform_wrapper .gfield select { height: 52px !important; min-height: 52px !important; padding-top: 0 !important; padding-bottom: 0 !important; line-height: 1.4 !important; }
.et-db #et-boc .et-l .klsp.klsp-slot .gform_wrapper.gform_wrapper .gfield select { padding-right: 40px !important; line-height: 50px !important; }
.et-db #et-boc .et-l .klsp.klsp-slot .gform_wrapper.gform_wrapper .gfield textarea { line-height: 1.5 !important; }
.et-db #et-boc .et-l .klsp.klsp-slot .gform_wrapper.gform_wrapper .ginput_container { margin-top: 0 !important; }
.et-db #et-boc .et-l .klsp .klsp-plan > .klsp-plan-offer + .klsp-plan-usps { margin-top: 1.1em; }
.et-db #et-boc .et-l .klsp-gf { --_accent: var(--klsp-active, var(--klsp-button-bg, #111827)); --_accent-ink: color-mix(in srgb, var(--_accent) 65%, #000); --_btn-bg: var(--klsp-button-bg, #111827); --_btn-text: var(--klsp-button-text, #fff); --_ink: var(--klsp-title, #101d30); --_text: var(--klsp-text, #222); --_muted: color-mix(in srgb, var(--_text) 72%, #fff); --_line: color-mix(in srgb, var(--_ink) 14%, #fff); --_card: var(--klsp-bg, #fff); --_tint: color-mix(in srgb, var(--_accent) 16%, #fff); --_second: var(--klsp-button2-bg, #c79b62); --_check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); --_dash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E"); }
.et-db #et-boc .et-l .klsp-gf .gfield--type-moov_joining_field .ginput_container_radio { container-type: inline-size; }
.et-db #et-boc .et-l .klsp-gf .gfield--type-moov_joining_field .gfield_radio { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; align-items: stretch; margin: 0; padding: 0; list-style: none; }
.et-db #et-boc .et-l .klsp-gf .gfield--type-moov_joining_field .gfield_radio > li { display: block; height: 100%; margin: 0; padding: 0; list-style: none; }
.et-db #et-boc .et-l .klsp-gf .custom-radio-item { height: 100%; border-radius: 16px; background: var(--_card); box-shadow: inset 0 0 0 1px var(--_line); transition: box-shadow .15s; }
.et-db #et-boc .et-l .klsp-gf .custom-radio-item label { display: flex; flex-direction: column; gap: 14px; height: 100%; margin: 0; padding: 24px; cursor: pointer; color: var(--_text); font-weight: 500; }
.et-db #et-boc .et-l .klsp-gf .custom-radio-item:has(input:checked) { box-shadow: inset 0 0 0 2px var(--_accent), 0 18px 40px rgba(16, 29, 48, .10); }
@media (hover: hover) {
.et-db #et-boc .et-l .klsp-gf .custom-radio-item:hover { box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--_accent) 55%, #fff); }
.et-db #et-boc .et-l .klsp-gf .custom-radio-item:has(input:checked):hover { box-shadow: inset 0 0 0 2px var(--_accent), 0 18px 40px rgba(16, 29, 48, .10); }
}
.et-db #et-boc .et-l .klsp-gf .custom-radio-item:has(input:focus-visible) { outline: 3px solid color-mix(in srgb, var(--_accent) 60%, #fff); outline-offset: 3px; }
.et-db #et-boc .et-l .klsp-gf .custom-radio-top-container { display: flex; flex-direction: column; gap: 14px; }
.et-db #et-boc .et-l .klsp-gf .custom-radio-title-container { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.et-db #et-boc .et-l .klsp-gf .custom-radio-top-container input[type="radio"],
.et-db #et-boc .et-l .gform-theme--framework .klsp-gf .custom-radio-top-container input[type="radio"] { -webkit-appearance: none; appearance: none; flex: none; width: 22px; height: 22px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: var(--_card); box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--_text) 55%, #fff); outline: none; cursor: pointer; transition: box-shadow .15s; }
.et-db #et-boc .et-l .klsp-gf .custom-radio-top-container input[type="radio"]::before,
.et-db #et-boc .et-l .klsp-gf .custom-radio-top-container input[type="radio"]::after { content: none; display: none; }
.et-db #et-boc .et-l .klsp-gf .custom-radio-top-container input[type="radio"]:checked,
.et-db #et-boc .et-l .gform-theme--framework .klsp-gf .custom-radio-top-container input[type="radio"]:checked { background: var(--_card); box-shadow: inset 0 0 0 7px var(--_accent); }
.et-db #et-boc .et-l .klsp-gf .custom-radio-title { flex: 1 1 auto; color: var(--_ink); font-size: 19px; font-weight: 600; line-height: 1.3; }
.et-db #et-boc .et-l .klsp-gf .custom-radio-highlight { padding: 5px 12px; border-radius: 999px; background: var(--_accent); color: var(--klsp-button-text, #fff); font-size: 13px; font-weight: 600; line-height: 1.3; white-space: nowrap; }
.et-db #et-boc .et-l .klsp-gf .custom-radio-price-container { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.et-db #et-boc .et-l .klsp-gf .custom-radio-price { order: 1; color: var(--_ink); font-size: 36px; font-weight: 800; line-height: 1.1; font-variant-numeric: tabular-nums; }
.et-db #et-boc .et-l .klsp-gf .custom-radio-original-price { order: 2; color: var(--_muted); font-size: 16px; text-decoration: line-through; }
.et-db #et-boc .et-l .klsp-gf .custom-radio-text { order: 3; color: var(--_muted); font-size: 14px; font-weight: 500; }
@supports (grid-template-rows: subgrid) {
.et-db #et-boc .et-l .klsp-gf .gfield--type-moov_joining_field .gfield_radio > li,
.et-db #et-boc .et-l .klsp-gf .gfield--type-moov_joining_field .custom-radio-item,
.et-db #et-boc .et-l .klsp-gf .gfield--type-moov_joining_field .custom-radio-item label { display: grid; grid-row: span 3; grid-template-rows: subgrid; row-gap: 0; }
.et-db #et-boc .et-l .klsp-gf .gfield--type-moov_joining_field .custom-radio-top-container { display: contents; }
.et-db #et-boc .et-l .klsp-gf .gfield--type-moov_joining_field .custom-radio-title-container { grid-row: 1; }
.et-db #et-boc .et-l .klsp-gf .gfield--type-moov_joining_field .custom-radio-price-container { grid-row: 2; margin-top: 14px; align-self: start; }
.et-db #et-boc .et-l .klsp-gf .gfield--type-moov_joining_field .custom-radio-bottom-container { grid-row: 3; margin-top: 14px; }
}
.et-db #et-boc .et-l .klsp-gf .klsp-gf-plans .klsp-tabs { display: flex; width: fit-content; gap: 4px; margin: 0 auto 24px; padding: 4px; border-radius: 12px; background: var(--_card); box-shadow: inset 0 0 0 1px var(--_line); }
.et-db #et-boc .et-l .klsp-gf .klsp-gf-plans .klsp-tab { min-height: 44px; margin: 0; padding: 10px 20px; border: 0; border-radius: 9px; background: transparent; color: var(--_text); font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; }
.et-db #et-boc .et-l .klsp-gf .klsp-gf-plans .klsp-tab[aria-pressed="true"] { background: var(--_accent); color: var(--klsp-button-text, #fff); }
.et-db #et-boc .et-l .klsp-gf .klsp-gf-plans .klsp-tab:focus-visible { outline: 3px solid color-mix(in srgb, var(--_accent) 60%, #fff); outline-offset: 2px; }
.et-db #et-boc .et-l .klsp-gf .gfield_radio > li[hidden] { display: none; }
@container (min-width: 560px) {
.et-db #et-boc .et-l .klsp-gf .gfield_radio:is(.klsp-n2, .klsp-n4, .klsp-n6) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container (min-width: 820px) {
.et-db #et-boc .et-l .klsp-gf .gfield_radio:is(.klsp-n3, .klsp-n5, .klsp-n6) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@container (min-width: 1040px) {
.et-db #et-boc .et-l .klsp-gf .gfield_radio.klsp-n4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.et-db #et-boc .et-l .klsp-gf .custom-radio-bottom-container,
.et-db #et-boc .et-l .klsp-gf .custom-radio-usp { display: block; }
.et-db #et-boc .et-l .klsp-gf .custom-radio-usp ul { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
.et-db #et-boc .et-l .klsp-gf .custom-radio-usp li { position: relative; margin: 0; padding: 0 0 0 30px; color: var(--_text); font-size: 15px; font-weight: 500; line-height: 1.45; list-style: none; }
.et-db #et-boc .et-l .klsp-gf .custom-radio-usp li::before { content: ""; position: absolute; top: .1em; left: 0; width: 20px; height: 20px; background: var(--_accent-ink); -webkit-mask: var(--_check) center / contain no-repeat; mask: var(--_check) center / contain no-repeat; }
.et-db #et-boc .et-l .klsp-gf .custom-radio-usp li.false { color: var(--_muted); }
.et-db #et-boc .et-l .klsp-gf .custom-radio-usp li.false::before { background: var(--_muted); -webkit-mask-image: var(--_dash); mask-image: var(--_dash); }
.et-db #et-boc .et-l .klsp-gf .custom-radio-usp li.gold { color: var(--_ink); font-weight: 600; }
.et-db #et-boc .et-l .klsp-gf .klsp-usp-label { display: inline-block; margin-left: 6px; padding: 3px 9px; border-radius: 999px; background: color-mix(in srgb, var(--_second) 20%, #fff); color: color-mix(in srgb, var(--_second) 45%, #000); font-size: 12px; font-weight: 600; line-height: 1.4; vertical-align: 1px; white-space: nowrap; }
.et-db #et-boc .et-l .klsp-gf .gf_page_steps { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px; margin: 0 0 28px; padding: 0; border: 0; }
.et-db #et-boc .et-l .klsp-gf .gf_step { display: flex; align-items: center; gap: 10px; margin: 0; color: var(--_muted); font-size: 15px; font-weight: 600; opacity: 1; }
.et-db #et-boc .et-l .klsp-gf .gf_step + .gf_step::before { content: ""; display: block; width: 64px; height: 2px; margin-right: 2px; background: var(--_line); }
.et-db #et-boc .et-l .klsp-gf .gf_step .gf_step_number { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border: 0; border-radius: 50%; background: var(--_card); box-shadow: inset 0 0 0 2px var(--_line); color: var(--_muted); font-size: 14px; font-weight: 700; }
.et-db #et-boc .et-l .klsp-gf .gf_step_active,
.et-db #et-boc .et-l .klsp-gf .gf_step_completed { color: var(--_ink); }
.et-db #et-boc .et-l .klsp-gf .gf_step_active .gf_step_number,
.et-db #et-boc .et-l .klsp-gf .gf_step_completed .gf_step_number { background: var(--_accent); box-shadow: none; color: var(--klsp-button-text, #fff); }
.et-db #et-boc .et-l .klsp-gf .gf_step_completed .gf_step_number::before,
.et-db #et-boc .et-l .klsp-gf .gf_step_completed .gf_step_number::after { background: var(--_accent); border-color: var(--_accent); }
.et-db #et-boc .et-l .klsp-gf .gf_progressbar_wrapper { margin: 0 0 28px; padding: 0; border: 0; }
.et-db #et-boc .et-l .klsp-gf .gf_progressbar_title { margin: 0 0 10px; color: var(--_muted); font-size: 15px; font-weight: 600; }
.et-db #et-boc .et-l .klsp-gf .gf_progressbar { height: 8px; padding: 0; border-radius: 999px; background: var(--_tint); box-shadow: none; overflow: hidden; }
.et-db #et-boc .et-l .klsp-gf .gf_progressbar_percentage { height: 100%; border-radius: 999px; background: var(--_accent); color: transparent; }
.et-db #et-boc .et-l .klsp-gf .gf_progressbar_percentage span { display: none; }
.et-db #et-boc .et-l .gform-theme--framework .klsp-gf .gfield.klsp-gf-switch .gfield_radio,
.et-db #et-boc .et-l .klsp-gf .gfield.klsp-gf-switch .gfield_radio { display: inline-flex; flex-direction: row; flex-wrap: wrap; gap: 4px; padding: 4px; border-radius: 12px; background: var(--_card); box-shadow: inset 0 0 0 1px var(--_line); }
.et-db #et-boc .et-l .gform-theme--framework .klsp-gf .gfield.klsp-gf-switch .gchoice,
.et-db #et-boc .et-l .klsp-gf .gfield.klsp-gf-switch .gchoice { display: block; position: relative; margin: 0; }
.et-db #et-boc .et-l .klsp-gf .gfield.klsp-gf-switch .gchoice input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.et-db #et-boc .et-l .klsp-gf .gfield.klsp-gf-switch .gchoice label { display: block; max-width: none; margin: 0; padding: 10px 20px; border-radius: 9px; color: var(--_text); font-size: 15px; font-weight: 600; line-height: 1.3; text-align: center; }
.et-db #et-boc .et-l .klsp-gf .gfield.klsp-gf-switch .gchoice label :is(span, br) { display: none; }
.et-db #et-boc .et-l .klsp-gf .gfield.klsp-gf-switch .gchoice:has(input:checked) label { background: var(--_accent); color: var(--klsp-button-text, #fff); }
.et-db #et-boc .et-l .klsp-gf .gfield.klsp-gf-switch .gchoice:has(input:focus-visible) label { outline: 2px solid var(--_accent); outline-offset: 1px; }
.et-db #et-boc .et-l .klsp-gf .gfield--type-consent input[type="checkbox"],
.et-db #et-boc .et-l .klsp-gf .gfield--type-checkbox input[type="checkbox"] { width: 22px; height: 22px; accent-color: var(--_accent); }
.et-db #et-boc .et-l .klsp-gf .gfield--type-consent label { color: var(--_text); font-size: 15px; font-weight: 500; }
.et-db #et-boc .et-l .klsp-gf .gform_page_footer,
.et-db #et-boc .et-l .klsp-gf .gform_footer { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 12px 16px; padding-top: 24px; border-top: 1px solid var(--_line); }
.et-db #et-boc .et-l .klsp-gf .gform_page_footer .gform_previous_button { margin-right: auto; }
.et-db #et-boc .et-l .gform-theme--framework .klsp-gf .gform_next_button.button,
.et-db #et-boc .et-l .gform-theme--framework .klsp-gf .gform_button.button,
.et-db #et-boc .et-l .klsp-gf .gform_next_button,
.et-db #et-boc .et-l .klsp-gf .gform_button { display: inline-flex; align-items: center; gap: 12px; min-height: 48px; padding: 15px 25px; border: 0; border-radius: 12px; background: var(--_btn-bg); color: var(--_btn-text); font: inherit; font-size: 18px; line-height: 1.2; cursor: pointer; }
.et-db #et-boc .et-l .klsp-gf .klsp-arrow { flex: none; width: 18px; height: 18px; }
.et-db #et-boc .et-l .gform-theme--framework .klsp-gf .gform_previous_button.button,
.et-db #et-boc .et-l .klsp-gf .gform_previous_button { min-height: 48px; padding: 13px 23px; border: 2px solid var(--_line); border-radius: 12px; background: transparent; color: var(--_ink); font: inherit; font-size: 16px; cursor: pointer; }
.et-db #et-boc .et-l .klsp-gf .gform_next_button:hover,
.et-db #et-boc .et-l .klsp-gf .gform_button:hover { filter: brightness(.94); }
.et-db #et-boc .et-l .klsp-gf .gform_previous_button:hover { border-color: var(--_accent); }
.et-db #et-boc .et-l .klsp-gf .gform_next_button:focus-visible,
.et-db #et-boc .et-l .klsp-gf .gform_button:focus-visible,
.et-db #et-boc .et-l .klsp-gf .gform_previous_button:focus-visible { outline: 3px solid color-mix(in srgb, var(--_accent) 60%, #fff); outline-offset: 3px; }
@media (max-width: 600px) {
.et-db #et-boc .et-l .klsp-gf .custom-radio-item label { padding: 20px; }
.et-db #et-boc .et-l .klsp-gf .custom-radio-price { font-size: 30px; }
.et-db #et-boc .et-l .klsp-gf .gf_step + .gf_step::before { width: 24px; }
.et-db #et-boc .et-l .klsp-gf .gf_page_steps { flex-wrap: nowrap; }
.et-db #et-boc .et-l .klsp-gf .gf_step:not(.gf_step_active) .gf_step_label { display: none; }
.et-db #et-boc .et-l .klsp-gf .klsp-gf-plans .klsp-tabs { display: grid; grid-auto-columns: 1fr; grid-auto-flow: column; width: auto; }
.et-db #et-boc .et-l .klsp-gf .gform_page_footer .gform_next_button,
.et-db #et-boc .et-l .klsp-gf .gform_page_footer .gform_previous_button,
.et-db #et-boc .et-l .klsp-gf .gform_footer .gform_button { flex: 1 1 0; justify-content: center; margin-right: 0; }
}
.et-db #et-boc .et-l .klsp-gf .nf-breadcrumbs { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px; margin: 0 0 8px; padding: 0; list-style: none; counter-reset: klsp-step; }
.et-db #et-boc .et-l .klsp-gf .nf-breadcrumbs li { display: flex; align-items: center; gap: 12px; margin: 0; padding: 0; list-style: none; counter-increment: klsp-step; }
.et-db #et-boc .et-l .klsp-gf .nf-breadcrumbs li + li::before { content: ""; width: 64px; height: 2px; background: var(--_line); }
.et-db #et-boc .et-l .klsp-gf .nf-breadcrumb { display: flex; align-items: center; gap: 10px; color: var(--_muted); font-size: 15px; font-weight: 600; line-height: 1.3; }
.et-db #et-boc .et-l .klsp-gf .nf-breadcrumb::before { content: counter(klsp-step); flex: none; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: var(--_card); box-shadow: inset 0 0 0 2px var(--_line); color: var(--_muted); font-size: 14px; font-weight: 700; }
.et-db #et-boc .et-l .klsp-gf .nf-breadcrumbs li.active .nf-breadcrumb { color: var(--_ink); }
.et-db #et-boc .et-l .klsp-gf .nf-breadcrumbs li.active .nf-breadcrumb::before { background: var(--_accent); box-shadow: none; color: var(--klsp-button-text, #fff); }
.et-db #et-boc .et-l .klsp-gf:has(.nf-breadcrumbs) .gf_progressbar_wrapper { display: none; }
@media (max-width: 480px) {
.et-db #et-boc .et-l .klsp-gf .nf-breadcrumbs li + li::before { width: 24px; }
.et-db #et-boc .et-l .klsp-gf .nf-breadcrumb { font-size: 14px; }
}
.et-db #et-boc .et-l .klsp-gf .gfield.klsp-gf-switch .ginput_container { display: flex; justify-content: center; }
.et-db #et-boc .et-l .klsp-gf .gfield.klsp-gf-switch { display: flex; flex-direction: column; align-items: stretch; }
.et-db #et-boc .et-l :is(.gform-theme--framework, .gform_wrapper) .klsp-gf h2.klsp-gf-title,
.et-db #et-boc .et-l .klsp-gf h2.klsp-gf-title { margin: 0 0 12px; padding: 0; color: var(--_ink); font-size: 37px; font-weight: 700; line-height: 1.3; text-align: center; }
@media (max-width: 980px) {
.et-db #et-boc .et-l .klsp-gf h2.klsp-gf-title { font-size: 32px; }
}
@media (max-width: 767px) {
.et-db #et-boc .et-l .klsp-gf h2.klsp-gf-title { font-size: 26px; }
}
.et-db #et-boc .et-l .klsp-gf .ginput_container_radio > .klsp-ribbon { margin-top: 28px; }
.et-db #et-boc .et-l .klsp-gf .gform_page_footer:has(.klsp-gf-cooling) { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; }
.et-db #et-boc .et-l .klsp-gf .klsp-gf-cooling { color: var(--_muted); font-size: 14px; font-weight: 500; }
.et-db #et-boc .et-l :is(.gform-theme--framework, .gform_wrapper) .klsp-gf p.klsp-gf-note,
.et-db #et-boc .et-l .klsp-gf p.klsp-gf-note { display: block; width: 100%; margin: -6px 0 18px; padding: 0; color: var(--_muted); font-size: 14px; font-weight: 500; line-height: 1.4; text-align: center; }
.et-db #et-boc .et-l :is(.gform-theme--framework, .gform_wrapper) .klsp-gf p.klsp-gf-picked,
.et-db #et-boc .et-l .klsp-gf p.klsp-gf-picked { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; margin: 0 0 18px; padding: 12px 16px; border-radius: 12px; background: color-mix(in srgb, var(--_accent, #68a09b) 14%, #fff); color: var(--_title, #112337); font-size: 15px; font-weight: 600; line-height: 1.4; text-align: center; }
.et-db #et-boc .et-l .klsp-gf-picked-mark { flex: none; width: 22px; height: 22px; border-radius: 50%; background: var(--_accent, #68a09b) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 14px no-repeat; }
.et-db #et-boc .et-l .klsp-gf li.klsp-gf-pulse .custom-radio-item { animation: klsp-gf-pulse 1s ease-out 2; }
@media (prefers-reduced-motion: reduce) {
.et-db #et-boc .et-l .klsp-gf li.klsp-gf-pulse .custom-radio-item { animation: none; }
}