:where(:root) .bricks-color-primary {color: var(--bricks-color-gajybl)}:where(:root) .bricks-background-primary {background-color: var(--bricks-color-gajybl)}:where(:root) .bricks-color-secondary {color: var(--bricks-color-ohzacw)}:where(:root) .bricks-background-secondary {background-color: var(--bricks-color-ohzacw)}:where(:root) .bricks-color-light {color: #c9f31d}:where(:root) .bricks-background-light {background-color: #c9f31d}:where(:root) .bricks-color-muted {color: var(--bricks-color-upxxqx)}:where(:root) .bricks-background-muted {background-color: var(--bricks-color-upxxqx)} html {font-size: 100%} body {font-size: 16px; color: #8c8f94; line-height: 1.4; font-family: "DM Sans"} h1, h2, h3, h4, h5, h6 {font-weight: 500; color: #FFFFFF} h1 {font-weight: 400} h2 {margin-top: 64px; margin-bottom: 32px} h3 {font-size: 24px; margin-top: 32px; margin-bottom: 16px} .bricks-type-hero {line-height: 1; font-size: 56px; font-family: "Urbanist"} .bricks-button {padding-top: 0.4em; padding-right: 1.2em; padding-bottom: 0.4em; padding-left: 1.2em; font-size: 16px; font-weight: 600; color: var(--bricks-color-eaotaz); border-radius: 100px} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--bricks-color-ohzacw)} :root .bricks-button[class*="dark"] {color: #00040f} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--color-17)} .bricks-button.lg {padding-top: 1.1em; padding-bottom: 1.1em} .bricks-button.xl {font-size: 24px; padding-top: 0.6em; padding-right: 2.4em; padding-bottom: 0.6em; padding-left: 2.4em} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--color-17)} .bricks-button:hover {box-shadow: 0 0 10px 0 rgba(153, 234, 72, 0.63); transition: all 0.8s} :root .bricks-button[class*="secondary"] {color: var(--color-17); font-weight: 400; font-size: 18px} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: hsla(0, 0%, 100%, 0)} :root .bricks-button[class*="secondary"]:hover {box-shadow: 0 0 0 0 transparent; color: var(--color-16)} .brxe-container {width: 100%; max-width: 1350px} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 1350px}@media (max-width: 478px) { h1 {font-size: 28px} .bricks-type-lead {font-size: 12px; line-height: 1.4} body {font-size: 16px} .bricks-type-hero {font-size: 40px} .bricks-button {font-size: 14px; padding-right: 2em; padding-left: 2em} .bricks-button.md {font-size: 18px} .brxe-container {padding-right: 20px; padding-left: 20px}}