#bricks-blank-canvas { background: var(--bg-base); min-height: 100dvh; display: flex; justify-content: center;}svg:not(.bricks-shape-divider-inner > svg) { height: 1em; width: 1em; min-height: unset; min-width: unset;}@layer bricks { img { object-fit: cover; }}html { scrollbar-gutter: stable;}* { scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 0.25) transparent;}*::-webkit-scrollbar { width: 8px; height: 8px; background: transparent;}*::-webkit-scrollbar-track,*::-webkit-scrollbar-track-piece,*::-webkit-scrollbar-corner { background: transparent;}*::-webkit-scrollbar-thumb { background-color: transparent; border-radius: 8px; border: 2px solid transparent; background-clip: padding-box; transition: background-color 0.2s ease;}*:hover::-webkit-scrollbar-thumb,*:focus-within::-webkit-scrollbar-thumb,*:active::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.35);}*::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.55);}@media (prefers-color-scheme: dark) { * { scrollbar-color: rgba(255, 255, 255, 0.25) transparent; } *:hover::-webkit-scrollbar-thumb, *:focus-within::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.35); } *::-webkit-scrollbar-thumb:hover { background-color: rgba(255, 255, 255, 0.6); }}ul,ol { list-style: none; margin: 0; padding: 0;}li { margin: 0; padding: 0;} html {font-size: 16px} body {font-size: var(--text-m); color: var(--text-dark); letter-spacing: -1%; font-family: "Poppins"; font-weight: 500} h1, h2, h3, h4, h5, h6 {font-weight: 700; font-family: "Benton Modern"; color: var(--primary-900); font-style: normal; line-height: 1.2} h1 {font-size: var(--h1); line-height: 1.1} h2 {font-size: var(--h2)} h3 {font-size: var(--h3)} h4 {font-size: var(--h4)} h5 {font-size: var(--h5)} h6 {font-size: var(--h6)} body.bricks-is-frontend :focus-visible {outline: none} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: none; }} .brxe-container {display: flex; flex-direction: column; justify-content: flex-start; row-gap: var(--space-l); column-gap: var(--space-l); max-width: min(100%, var(--content-width-max)); width: 100%; padding-right: var(--gutter); padding-left: var(--gutter)} #brx-content.wordpress {max-width: min(100%, var(--content-width-max)); width: 100%} .woocommerce main.site-main {width: 100%}.brxe-svg * {fill: currentColor !important}.brxe-svg {height: 1em; width: 1em} .brxe-section {padding-top: var(--pad-section-m); padding-bottom: var(--pad-section-m)}: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) * {border-color: var(--border)}:where(:root) .bricks-color-light {color: var(--text-light)}:where(:root) .bricks-background-light {background-color: var(--text-light)}:where(:root) .bricks-color-dark {color: var(--text-dark)}:where(:root) .bricks-background-dark {background-color: var(--text-dark)}:where(:root) .bricks-color-muted {color: var(--text-dark-muted)}:where(:root) .bricks-background-muted {background-color: var(--text-dark-muted)} html {background-color: var(--bg-base)} body {background: none} :where(.brxe-accordion .accordion-content-wrapper) a, :where(.brxe-icon-box .content) a, :where(.brxe-list) a, :where(.brxe-post-content):not([data-source="bricks"]) a, :where(.brxe-posts .dynamic p) a, :where(.brxe-shortcode) a, :where(.brxe-tabs .tab-content) a, :where(.brxe-team-members) .description a, :where(.brxe-testimonials) .testimonial-content-wrapper a, :where(.brxe-text) a, :where(a.brxe-text), :where(.brxe-text-basic) a, :where(a.brxe-text-basic), :where(.brxe-post-comments) .comment-content a {color: var(--text-link)} .brxe-div:where(:not(.brx-dropdown-content)) {display: flex} .brxe-div {flex-direction: column}.brxe-divider.horizontal .line {border-top-color: var(--border-subtle)}.brxe-divider.vertical .line {border-right-color: var(--border-subtle)}.brxe-divider .icon i {color: var(--border-subtle)} .bricks-button {color: var(--text-light); text-transform: uppercase; line-height: 1.5; font-weight: 500; padding-top: var(--space-xs); padding-right: var(--space-l); padding-bottom: var(--space-xs); padding-left: var(--space-l)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--primary-700)} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)) {color: var(--primary); font-weight: 600} :root .bricks-button[class*="light"]:not(.outline):where(:not(.bricks-lightbox)) {background-color: var(--primary-50)} .bricks-button.sm {padding-top: var(--space-2xs); padding-right: var(--space-s); padding-bottom: var(--space-2xs); padding-left: var(--space-s)} :root .bricks-button[class*="light"]:not(.outline):where(:not(.bricks-lightbox)):hover {background-color: var(--primary-100)}@media (max-width: 477px) {: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)}}