:where(:root) .bricks-color-primary {color: var(--bricks-color-nhayer)}:where(:root) .bricks-background-primary {background-color: var(--bricks-color-nhayer)}:where(:root) .bricks-color-secondary {color: var(--bricks-color-c56aa1)}:where(:root) .bricks-background-secondary {background-color: var(--bricks-color-c56aa1)} body {font-family: "Monserrat"; line-height: 22.5px; color: var(--bricks-color-tevejf); font-size: 15px} h1, h2, h3, h4, h5, h6 {font-weight: 500; color: #0d0d0d; font-family: "Oswald"} h1 {font-size: 40px; line-height: 59.28px} h2 {font-size: 30px; line-height: 20px; font-family: "Monserrat"; font-weight: 500} h3 {font-size: 23px; line-height: 34.09px; color: var(--bricks-color-nhayer)} h4 {font-size: 18px; line-height: 26.68px} .bricks-type-hero {font-size: 87px; line-height: 100.78px} :root .bricks-button[class*="primary"] {font-size: 14px; color: var(--bricks-color-awnwdc); text-align: center; font-weight: 500; text-transform: uppercase; border: 1px solid rgba(237, 237, 237, 0)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-nhayer)} .bricks-button {padding-right: 45px; padding-left: 45px; color: var(--bricks-color-nhayer); font-weight: 500; font-size: 30px; border: 1px solid rgba(255, 255, 255, 0)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--bricks-color-nhayer)} .bricks-button:hover {color: #ffffff; border: 1px solid var(--bricks-color-awnwdc)} :root .bricks-button[class*="primary"]:hover {color: var(--bricks-color-nhayer); border: 1px solid var(--bricks-color-nhayer)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--bricks-color-awnwdc)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--bricks-color-2bbd2d)} :root .bricks-button[class*="secondary"] {font-size: 14px; font-weight: 500; color: var(--bricks-color-nhayer); text-align: center; text-transform: uppercase; border: 1px solid var(--bricks-color-nhayer)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: #ffffff} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--bricks-color-nhayer)} :root .bricks-button[class*="secondary"]:hover {border: 1px solid var(--bricks-color-nhayer); color: var(--bricks-color-2bbd2d)} .brxe-container {max-width: 1440px; padding-right: 0; padding-left: 0; width: 90%} #brx-content.wordpress {max-width: 1440px; width: 90%} .woocommerce main.site-main {width: 90%}@media (max-width: 991px) { .bricks-button {padding-top: 12px; padding-right: 38px; padding-bottom: 12px; padding-left: 38px; font-size: 16px} :root .bricks-button[class*="primary"] {font-size: 16px} :root .bricks-button[class*="secondary"] {font-size: 16px} .brxe-container {width: 90%; padding-right: 0; padding-left: 0} .woocommerce main.site-main {width: 90%} #brx-content.wordpress {width: 90%}}@media (max-width: 767px) { h1 {font-size: 2.5rem} h2 {font-size: 2rem} h3 {font-size: 2rem} h4 {font-size: 1.5rem} .bricks-type-hero {font-size: 5rem; line-height: 65.78px} .bricks-button {padding-top: 9px; padding-right: 33px; padding-bottom: 9px; padding-left: 33px; font-size: 15px} :root .bricks-button[class*="primary"] {font-size: 15px} :root .bricks-button[class*="secondary"] {font-size: 15px} .brxe-container {width: 90%} .woocommerce main.site-main {width: 90%} #brx-content.wordpress {width: 90%}}@media (max-width: 478px) { h3 {font-size: 2.2rem} .bricks-button {padding-top: 6px; padding-right: 28px; padding-bottom: 6px; padding-left: 28px; font-size: 13px} :root .bricks-button[class*="primary"] {font-size: 13px} :root .bricks-button[class*="secondary"] {font-size: 13px} .brxe-container {width: 90%} .woocommerce main.site-main {width: 90%} #brx-content.wordpress {width: 90%}}