:where(:root) .bricks-color-secondary {color: var(--bricks-color-zbvsht)}:where(:root) .bricks-background-secondary {background-color: var(--bricks-color-zbvsht)}:where(:root) .bricks-color-primary {color: var(--bricks-color-amzwrd)}:where(:root) .bricks-background-primary {background-color: var(--bricks-color-amzwrd)}:where(:root) .bricks-color-muted {color: var(--bricks-color-iewfvw)}:where(:root) .bricks-background-muted {background-color: var(--bricks-color-iewfvw)}:where(:root) .bricks-color-dark {color: var(--bricks-color-rwaiav)}:where(:root) .bricks-background-dark {background-color: var(--bricks-color-rwaiav)}:where(:root) .bricks-color-light {color: var(--bricks-color-hmanpg)}:where(:root) .bricks-background-light {background-color: var(--bricks-color-hmanpg)}:where(:root) * {border-color: var(--bricks-color-amzwrd)} html {font-size: 16px} body {font-size: 1rem; color: var(--bricks-color-wthxqf); font-family: "Open Sans"; letter-spacing: -0.3px; line-height: 1.6} h1, h2, h3, h4, h5, h6 {font-weight: 600; font-family: "Roboto Slab"; text-transform: capitalize; line-height: 0.9; color: var(--bricks-color-zbvsht)} h1 {font-size: 5rem} h2 {font-size: 5rem} .brxe-container {flex-direction: column; justify-content: center; align-items: center; width: 1240px; column-gap: 2rem; row-gap: 2rem; display: flex} .woocommerce main.site-main {width: 1240px} #brx-content.wordpress {width: 1240px} .brxe-section {row-gap: 2rem; flex-direction: column; display: flex; column-gap: 2rem; padding-top: 2.5rem; padding-right: 1rem; padding-bottom: 2.5rem; padding-left: 1rem} .brxe-block:where(:not(.accordion-content-wrapper):not(.accordion-title-wrapper)) {display: flex} .brxe-block {flex-direction: column; justify-content: center; align-items: center; width: 100%; column-gap: 1.2rem; row-gap: 1.2rem} :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(--bricks-color-amzwrd)} .bricks-button {text-transform: uppercase; color: var(--bricks-color-hmanpg); font-weight: 800; line-height: 1.1; font-size: 1rem; border-radius: 1.85rem; padding-top: 0.75rem; padding-right: 1rem; padding-bottom: 0.75rem; padding-left: 1rem; transition: all 0.3s ease} .bricks-button.md {padding-top: 0.75rem; padding-right: 1rem; padding-bottom: 0.75rem; padding-left: 1rem} .bricks-button.sm {padding-top: 0.5rem; padding-right: 1rem; padding-bottom: 0.5rem; padding-left: 1rem} .bricks-button.lg {padding-top: 1.25rem; padding-right: 1.25rem; padding-bottom: 1.25rem; padding-left: 1.25rem} .bricks-button.xl {padding-top: 1.75rem; padding-right: 1.25rem; padding-bottom: 1.75rem; padding-left: 1.25rem} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--bricks-color-imjxwd)} :root .bricks-button[class*="primary"] {border-radius: 1.85rem}@media (max-width: 896px) { html {font-size: 15px} .brxe-section {padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem}}