:root {  --container-width: 1280px; --content-width: 800px;  --header-height: 65px; .special-text{ color: var(--principal); } }@media (max-width: 767px) { :root {  --header-height: 60px; }} body {font-style: normal; line-height: 1.6; text-decoration: none; font-size: var(--text-m); font-family: "Inter"; color: var(--text-dark)} h1, h2, h3, h4, h5, h6 {text-transform: none; text-decoration: none; font-family: "Sora"; font-weight: 500; color: var(--text-dark)} h1 {line-height: 1.15; letter-spacing: -0.02em; font-size: var(--text-5xl)} h2 {line-height: 1.2; letter-spacing: -0.01em; font-size: var(--text-5xl)} h3 {line-height: 1.25; letter-spacing: -0.01em; font-size: var(--text-l)} h4 {line-height: 1.3; font-size: var(--text-l)} h5 {line-height: 1.4; font-size: var(--text-m)} h6 {line-height: 1.4; letter-spacing: 0.02em; font-size: var(--text-m)} .bricks-type-hero {font-size: var(--text-8xl); line-height: 1.05; letter-spacing: -0.03em; font-weight: 600; font-family: "Sora"} .bricks-type-lead {line-height: 1.5; font-size: var(--text-l); font-family: "Inter"; font-weight: 400} blockquote {font-style: italic; font-size: var(--text-s); font-family: "Inter"} .brxe-section {display: flex; justify-content: center; align-items: center; padding-top: var(--space-5xl); padding-right: var(--space-m); padding-bottom: var(--space-5xl); padding-left: var(--space-m)} .brxe-container {display: flex; width: 100%; max-width: var(--container-width)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: var(--container-width)} .brxe-block {column-gap: var(--space-m); row-gap: var(--space-m)} .brxe-div:where(:not(.brx-dropdown-content)) {display: flex} .brxe-div {flex-direction: column} .bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)) {background-color: var(--text-dark)} .bricks-button {border-radius: 100px; padding-top: 1rem; padding-right: 3rem; padding-bottom: 1rem; padding-left: 3rem} .bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)):hover {background-color: var(--primary)} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: var(--text-dark)} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {color: var(--text-light); border: 1px solid var(--text-dark)} .bricks-button:where(.bricks-background-primary:not(.outline)):hover {background-color: var(--primary)} .bricks-button:where(.bricks-background-primary):hover, .bricks-button:where(.bricks-color-primary):hover {border-color: var(--primary)} .bricks-button:where(.bricks-background-secondary:not(.outline)):hover {background-color: var(--text-light)} .bricks-button:where(.bricks-background-secondary):hover, .bricks-button:where(.bricks-color-secondary):hover {color: var(--text-dark); border: 1px solid var(--text-dark)} .bricks-button:where(.bricks-background-secondary:not(.outline)) {background-color: var(--text-light)} .bricks-button:where(.bricks-background-secondary), .bricks-button:where(.bricks-color-secondary) {border: 1px solid var(--secondary); color: var(--text-dark)}.brxe-form .bricks-button {padding-top: 1.5rem; padding-bottom: 1.5rem}@media (max-width: 478px) { .bricks-type-hero {font-size: var(--text-5xl)} .bricks-button {padding-top: 0.5rem; padding-bottom: 0.5rem}}