:root {  --container-width: 1280px; --content-width: 800px;  --header-height: 65px; .special-text{ color: var(--principal); } }@media (max-width: 767px) { :root {  --header-height: 60px; }} .brxe-section {display: flex; padding-top: var(--space-3xl); padding-right: var(--space-m); padding-bottom: var(--space-3xl); padding-left: var(--space-m); flex-direction: column; justify-content: center; align-items: center} .brxe-container {display: flex; width: 100%; max-width: var(--container-width); flex-direction: column; margin-right: auto; margin-left: auto} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: var(--container-width)} body {color: var(--text-dark); font-size: var(--text-m); font-family: "Inter"; font-style: normal; line-height: 1.6; text-decoration: none} h1, h2, h3, h4, h5, h6 {font-family: "Plus Jakarta Sans"; text-decoration: none; text-transform: none} h1 {font-size: var(--text-5xl); line-height: 1.15; letter-spacing: -0.02em} h2 {font-size: var(--text-4xl); font-family: "Plus Jakarta Sans"; font-weight: 700; line-height: 1.2; letter-spacing: -0.01em} h3 {font-size: var(--text-3xl); font-family: "Plus Jakarta Sans"; font-weight: 700; line-height: 1.25} h4 {font-size: var(--text-2xl); font-family: "Plus Jakarta Sans"; font-weight: 700; line-height: 1.3} h5 {font-size: var(--text-xl); font-family: "Plus Jakarta Sans"; font-weight: 600; line-height: 1.35} h6 {font-size: var(--text-l); font-family: "Plus Jakarta Sans"; line-height: 1.4; letter-spacing: 0.02em; font-weight: 600} .bricks-type-hero {font-size: var(--text-6xl); font-family: "Plus Jakarta Sans"; font-weight: 700; line-height: 1.05; letter-spacing: -0.03em} .bricks-type-lead {font-size: var(--text-xl); font-family: "Inter"; font-weight: 500; line-height: 1.5} blockquote {font-size: var(--text-l); font-family: "Inter"; font-weight: 500; font-style: italic} .brxe-block {column-gap: var(--space-m); row-gap: var(--space-m); flex-direction: column} .bricks-button {font-size: var(--text-m); font-family: "Inter"; font-weight: 600; line-height: 1; letter-spacing: 0.01em; padding-top: var(--space-xs); padding-right: var(--space-m); padding-bottom: var(--space-xs); padding-left: var(--space-m); border-radius: var(--space-2xs)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--principal)} :root .bricks-button[class*="primary"] {color: var(--text-dark)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--secondary)} :root .bricks-button[class*="secondary"] {color: var(--text-light)} :root .bricks-button[class*="light"]:not(.outline):where(:not(.bricks-lightbox)) {background-color: rgba(245, 183, 80, 0)} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)) {color: var(--text-dark); border: 1px solid var(--secondary)} .bricks-button.sm {padding-top: var(--space-3xs); padding-bottom: var(--space-3xs); font-size: var(--text-s)} .bricks-button.md {padding-top: var(--space-2xs); padding-right: var(--space-s); padding-bottom: var(--space-2xs); padding-left: var(--space-s); font-size: var(--text-m)} .bricks-button.lg {padding-top: var(--space-xs); padding-right: var(--space-m); padding-bottom: var(--space-xs); padding-left: var(--space-m); font-size: var(--text-l)} .bricks-button.xl {padding-top: var(--space-s); padding-right: var(--space-l); padding-bottom: var(--space-s); padding-left: var(--space-l); font-size: var(--text-xl)} .brxe-div:where(:not(.brx-dropdown-content)) {display: flex} .brxe-div {flex-direction: column} .brxe-text * + p, .brxe-post-content:not([data-source=bricks]) * + p, body:not(.woocommerce-checkout) [class*=woocommerce] * + p:not(.brxe-woocommerce-account-form-edit-account *) {margin-block-start: var(--space-s)}.brxe-icon-box p:not(:first-child) {margin-block-start: var(--space-s)}