.table { width: 100%; overflow: hidden; overflow-x: auto;}.table table { width: 100%; border-collapse: collapse; font-size: var(--text-s); line-height: 1.3;}.table thead th { font-weight: 500; font-size: var(--text-s); text-align: center; padding: var(--space-xs) var(--space-s); border: none;}.table tbody td { text-align: center; padding: var(--space-xs) var(--space-s); color: var(--base); vertical-align: middle;}.table tbody td:first-child { font-weight: 500;}.table tbody tr:last-child { border-bottom: none;}@media (max-width: 640px) { .table thead { display: none; } .table tbody td { display: block; text-align: left; padding: var(--space-xs) var(--space-m); } .table tbody tr { margin-bottom: var(--space-l); display: block; border-radius: var(--radius-m); overflow: hidden; }}.table--primary { border: 2px solid color-mix(in oklch, var(--primary) 50%, transparent);}.table--primary thead { border-bottom: 2px solid var(--white);}.table--primary thead tr { background-color: var(--primary);}.table--primary thead th { color: var(--white); font-weight: 700 !important;}.table--primary tbody td:first-child { background-color: var(--primary); color: var(--white); font-weight: 700 !important;}.table--primary tbody tr:nth-child(odd) { background-color: color-mix(in oklch, var(--primary) 20%, transparent);}.table--primary tbody tr:nth-child(even) { background-color: color-mix(in oklch, var(--primary) 10%, transparent);}.table--primary tbody tr { border-bottom: 2px solid var(--white);}.table--primary tbody tr:last-child { border-bottom: none;}.table--primary tbody td { border-right: 2px solid var(--white);}.table--primary tbody td:last-child { border-right: none;}.table--primary thead th { border-right: 2px solid var(--white);}.table--primary thead th:last-child { border-right: none;}@media (max-width: 640px) { .table--primary tbody td:first-child { background-color: var(--primary); color: var(--white); font-weight: 700; padding: var(--space-s) var(--space-m); }}.table--minimal { border: 1px solid color-mix(in oklch, var(--primary) 30%, transparent);}.table--minimal thead tr { background-color: var(--primary);}.table--minimal thead th { color: var(--white);}.table--minimal tbody tr:nth-child(odd) { background-color: transparent;}.table--minimal tbody tr:nth-child(even) { background-color: color-mix(in oklch, var(--primary) 8%, transparent);}.table--minimal tbody tr { border-bottom: 1px solid color-mix(in oklch, var(--primary) 20%, transparent);}@media (max-width: 640px) { .table--minimal tbody td:first-child { background-color: var(--primary); color: var(--white); padding: var(--space-s) var(--space-m); }}:has(> .is-bg) { position: relative; isolation: isolate;}:is(*, img, figure, picture).is-bg { position: var(--bg-position, absolute) !important; inset: var(--bg-inset, 0); inline-size: var(--bg-width, 100%); max-inline-size: 100%; block-size: var(--bg-height, 100%); border-radius: var(--bg-radius, 0); object-fit: var(--bg-object-fit, cover); object-position: var(--bg-object-position, center); z-index: var(--bg-z-index, -2); pointer-events: none;}:is(*, img, figure, picture).is-bg > img { object-fit: var(--bg-object-fit, cover); object-position: var(--bg-object-position, center);}.content-grid > :is(*, img, figure, picture).is-bg { grid-column: full;}.has-corner-wedge::after { content: ""; position: absolute; right: var(--wedge-offset-right); bottom: var(--wedge-offset-bottom); width: 0; height: 0; border-style: solid; border-width: var(--wedge-border-width); border-color: transparent var(--wedge-color) var(--wedge-color) transparent; z-index: var(--wedge-z-index); pointer-events: none;}.has-corner-wedge--cut { --wedge-cut-size: 2rem; clip-path: polygon( 0 0, 100% 0, 100% calc(100% - var(--wedge-cut-size)), calc(100% - var(--wedge-cut-size)) 100%, 0 100% );}.has-corner-wedge--cut::after { display: none;}.has-corner-wedge--cut-hover-fill { transition: clip-path 200ms ease;}.has-corner-wedge--cut-hover-fill:hover { clip-path: polygon( 0 0, 100% 0, 100% 100%, 100% 100%, 0 100% );}.columns-2 > :first-child,.columns-3 > :first-child,.columns-auto > :first-child { margin-block-start: 0;}: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(--neutral)}:where(:root) .bricks-color-info {color: var(--info)}:where(:root) .bricks-background-info {background-color: var(--info)}:where(:root) .bricks-color-success {color: var(--success)}:where(:root) .bricks-background-success {background-color: var(--success)}:where(:root) .bricks-color-warning {color: var(--warning)}:where(:root) .bricks-background-warning {background-color: var(--warning)}:where(:root) .bricks-color-danger {color: var(--danger)}:where(:root) .bricks-background-danger {background-color: var(--danger)}:where(:root) .bricks-color-light {color: var(--white)}:where(:root) .bricks-background-light {background-color: var(--white)}:where(:root) .bricks-color-dark {color: var(--black)}:where(:root) .bricks-background-dark {background-color: var(--black)} body {color: var(--base); font-size: var(--text-m); font-family: "Outfit"; font-weight: 300; line-height: var(--line-height-base)} h1, h2, h3, h4, h5, h6 {line-height: var(--line-height-heading)} h1 {font-size: var(--h1)} h2 {font-size: var(--h2); color: var(--primary); font-weight: 700} h3 {font-size: var(--h3); color: var(--primary)} h4 {font-size: var(--h4)} h5 {font-size: var(--h5)} h6 {font-size: var(--h6)} blockquote {margin-top: var(--space-xl); margin-bottom: var(--space-xl); padding-top: var(--space-m); padding-bottom: var(--space-m); padding-left: var(--space-m); border-left-width: 5px; border-left-color: var(--secondary); font-size: var(--text-l); font-family: "Outfit"} .brxe-container {max-width: 100%; width: var(--width-content); column-gap: var(--container-gap); row-gap: var(--container-gap)} #brx-content.wordpress {max-width: 100%; width: var(--width-content)} .woocommerce main.site-main {width: var(--width-content)} .brxe-section {padding-top: var(--section-space-m); padding-right: var(--gutter); padding-bottom: var(--section-space-m); padding-left: var(--gutter); row-gap: var(--space-l)} :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(--primary); text-decoration: underline} :where(.brxe-accordion .accordion-content-wrapper) a:hover, :where(.brxe-icon-box .content) a:hover, :where(.brxe-list) a:hover, :where(.brxe-post-content):not([data-source="bricks"]) a:hover, :where(.brxe-posts .dynamic p) a:hover, :where(.brxe-shortcode) a:hover, :where(.brxe-tabs .tab-content) a:hover, :where(.brxe-team-members) .description a:hover, :where(.brxe-testimonials) .testimonial-content-wrapper a:hover, :where(.brxe-text) a:hover, :where(a.brxe-text):hover, :where(.brxe-text-basic) a:hover, :where(a.brxe-text-basic):hover, :where(.brxe-post-comments) .comment-content a:hover {color: var(--primary-d-2)} .bricks-button {color: var(--white)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)) {color: var(--primary)} .bricks-button.outline {color: var(--base)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--primary-d-2)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--primary-d-1)} .bricks-button:hover {transition: var(--transition-base)} .bricks-button.outline:hover {background-color: var(--primary-l-3)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--tertiary)} :root .bricks-button[class*="light"]:not(.outline):where(:not(.bricks-lightbox)):hover {background-color: var(--primary-l-2)} :root .bricks-button[class*="dark"]:not(.outline):hover {background-color: var(--base-l-3)} :root .bricks-button[class*="dark"]:hover {color: var(--black)} :root .bricks-button[class*="secondary"] {color: var(--primary); font-weight: 500; border-radius: var(--radius-m)} :root .bricks-button[class*="secondary"]:hover {color: var(--white)} .bricks-button.lg {padding-top: 1em; padding-right: 2.5em; padding-bottom: 1em; padding-left: 2.5em} :root .bricks-button[class*="primary"].outline {border-radius: var(--radius-m)} .brxe-block {row-gap: var(--content-gap)}.brxe-nav-menu .bricks-nav-menu > li > a:hover {color: var(--primary-d-3)}.brxe-nav-menu .bricks-nav-menu > li > .brx-submenu-toggle:hover {color: var(--primary-d-3)}