:where(:root) .bricks-color-primary {color: var(--primary-color)}:where(:root) .bricks-background-primary {background-color: var(--primary-color)}:where(:root) .bricks-color-secondary {color: var(--secondary-color)}:where(:root) .bricks-background-secondary {background-color: var(--secondary-color)}:where(:root) .bricks-color-light {color: var(--white)}:where(:root) .bricks-background-light {background-color: var(--white)}:where(:root) .bricks-color-dark {color: var(--black)}:where(:root) .bricks-background-dark {background-color: var(--black)} body {font-size: 16px; color: var(--secondary-color)} h1, h2, h3, h4, h5, h6 {text-transform: capitalize; font-weight: 500} h1 {font-size: 60px; font-weight: 700} h2 {font-size: 20px} h3 {font-size: 18px} .brxe-container {width: 1440px; row-gap: 20px; column-gap: 20px} .woocommerce main.site-main {width: 1440px} #brx-content.wordpress {width: 1440px} .brxe-section {padding-top: 80px; padding-right: 20px; padding-bottom: 80px; padding-left: 20px} .bricks-button {border-radius: 10px; transition: all 0.5s; padding-top: 12px; padding-right: 23px; padding-bottom: 12px; padding-left: 23px; text-transform: capitalize} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary-color)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: #edb200} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--secondary-color)} :root .bricks-button[class*="secondary"] {border: 2px solid var(--primary-color)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: #e6ac00} :root .bricks-button[class*="secondary"]:hover {color: var(--secondary-color)}@media (max-width: 1279px) { h1 {font-size: 50px} .brxe-section {padding-top: 70px; padding-bottom: 70px}}@media (max-width: 991px) { h1 {font-size: 40px} .brxe-section {padding-top: 60px; padding-bottom: 60px} .bricks-button {padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px}}@media (max-width: 767px) { h1 {font-size: 30px} h2 {font-size: 19px} h3 {font-size: 17px} .brxe-section {padding-top: 50px; padding-bottom: 50px}}@media (max-width: 478px) { h1 {font-size: 25px} .brxe-section {padding-top: 40px; padding-right: 15px; padding-bottom: 40px; padding-left: 15px} .bricks-button {padding-top: 8px; padding-right: 15px; padding-bottom: 8px; padding-left: 15px}}