:where(:root) .bricks-color-primary {color: var(--bricks-color-lelxqi)}:where(:root) .bricks-background-primary {background-color: var(--bricks-color-lelxqi)}:where(:root) .bricks-color-secondary {color: var(--bricks-color-tuxhbc)}:where(:root) .bricks-background-secondary {background-color: var(--bricks-color-tuxhbc)} html {font-size: 1rem} body {color: #000000; font-size: 1rem; font-family: "Roboto"; font-style: normal; line-height: 1.85714285714286; font-weight: 400} h1, h2, h3, h4, h5, h6 {color: #000000; font-weight: 800} h1 {margin-top: 0; margin-bottom: 0} h2 {letter-spacing: .5px; margin-top: 0; margin-bottom: 0} h3 {margin-top: 0; margin-bottom: 0} h4 {font-size: 1.9rem} .bricks-button {color: #ffffff; text-align: center; font-style: normal; font-size: 18px; font-family: "Roboto"; font-weight: 700; text-transform: capitalize; border-style: none; padding-top: 1em; padding-bottom: 1em; transition: 0.3s ease} :root .bricks-button[class*="primary"] {border-radius: 20px; font-size: 18px; color: #ffffff; line-height: normal} :root .bricks-button[class*="dark"] {font-size: 1em} :root .bricks-button[class*="dark"]:not(.outline) {background-color: linear-gradient(90deg, #cb4231, #ac3526);} .brxe-container {width: 1440px} .woocommerce main.site-main {width: 1440px} #brx-content.wordpress {width: 1440px}@media (max-width: 991px) { .brxe-container {width: 90%} .woocommerce main.site-main {width: 90%} #brx-content.wordpress {width: 90%}}@media (max-width: 478px) { .brxe-container {width: 100%} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%}}