html {font-size: var(--root-font-size)} body {font-size: var(--text-m); color: var(--text-body); line-height: var(--body-line-height); font-family: "Hind Vadodara"; text-wrap: pretty} h1, h2, h3, h4, h5, h6 {color: var(--text-title); font-family: "Signika Negative"} h1 {font-size: var} body.bricks-is-frontend :focus-visible {outline: none} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: none; }} .brxe-container {min-width: var(--min-screen-width); padding-right: var(--container-padding-inline); padding-left: var(--container-padding-inline); margin-right: auto; margin-left: auto; max-width: var(--boxed-width); width: 100%} #brx-content.wordpress {min-width: var(--min-screen-width); max-width: var(--boxed-width); width: 100%} .woocommerce main.site-main {width: 100%}:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)}:where(:root) .bricks-color-secondary {color: var(--secondary)}:where(:root) .bricks-background-secondary {background-color: var(--secondary)}:where(:root) .bricks-color-light {color: var(--light)}:where(:root) .bricks-background-light {background-color: var(--light)}:where(:root) .bricks-color-dark {color: var(--dark)}:where(:root) .bricks-background-dark {background-color: var(--dark)}:where(:root) .bricks-color-warning {color: var(--error)}:where(:root) .bricks-background-warning {background-color: var(--error)}:where(:root) .bricks-color-danger {color: var(--error)}:where(:root) .bricks-background-danger {background-color: var(--error)}:where(:root) .bricks-color-success {color: var(--success)}:where(:root) .bricks-background-success {background-color: var(--success)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--secondary)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--dark)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--light)} :root .bricks-button[class*="muted"]:not(.outline) {background-color: var(--light-60)} :root .bricks-button[class*="dark"] {border-color: var(--dark)} :root .bricks-button[class*="primary"] {border-color: var(--primary)} :root .bricks-button[class*="secondary"] {border-color: var(--secondary)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {border-color: var(--light)} html {background-color: var(--bg-body)} body {background: none}.brxe-divider.horizontal .line {border-top-color: var(--border-color)}.brxe-divider.vertical .line {border-right-color: var(--border-color)}.brxe-divider .icon i {color: var(--border-color)}.sfx-check-list { --icon-url: url('/wp-content/uploads/2025/06/lucide-check.svg'); --icon-color: var(--primary); --icon-offset: 0 .5ex; --icon-size: 1em; --icon-gap: var(--space-3xs); --icon-display: flex; --list-indent: .125em; --list-gap: var(--space-3xs); --icon-bg-offset: -.4ex 0; --icon-bg-color: var(--primary-10);}.sfx-check-list ul { list-style: none; padding: 0; margin-inline-start: var(--list-indent); display: flex; flex-direction: column; gap: var(--list-gap);}ul:first-child { margin-top: 0;}.sfx-check-list li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--icon-gap); &::before { content: ''; display: var(--icon-display); width: var(--icon-size); height: var(--icon-size); background-color: var(--icon-color); -webkit-mask-image: var(--icon-url); mask-image: var(--icon-url); mask-size: cover; translate: var(--icon-offset); z-index: 1; } &::after { content: ''; position: absolute; z-index: 0; width: calc(var(--icon-size) + 8px); height: calc(var(--icon-size) + 8px); background-color: var(--icon-bg-color); translate: var(--icon-bg-offset); border-radius: var(--radius-full); }} .brxe-section {padding-top: var(--section-spacing-m); padding-bottom: var(--section-spacing-m)}@media (min-width: 1536px) { .brxe-container {max-width: var(--boxed-width); width: 100%} #brx-content.wordpress {max-width: var(--boxed-width); width: 100%} .woocommerce main.site-main {width: 100%}}@media (max-width: 420px) { .brxe-container {padding-right: var(--container-padding-inline); padding-left: var(--container-padding-inline)}}