:where(:root) .bricks-color-primary {color: var(--bricks-color-sxcole)}:where(:root) .bricks-background-primary {background-color: var(--bricks-color-sxcole)}:where(:root) .bricks-color-secondary {color: var(--bricks-color-jsdsrh)}:where(:root) .bricks-background-secondary {background-color: var(--bricks-color-jsdsrh)}:where(:root) .bricks-color-light {color: var(--bricks-color-tyogar)}:where(:root) .bricks-background-light {background-color: var(--bricks-color-tyogar)}:where(:root) .bricks-color-dark {color: var(--bricks-color-thptxn)}:where(:root) .bricks-background-dark {background-color: var(--bricks-color-thptxn)} body {font-size: 18px; font-family: "Poppins"; color: #151515} h1, h2, h3, h4, h5, h6 {color: #151515; font-family: "Poppins"; text-transform: uppercase} h1 {font-size: 55px; color: #151515; font-weight: 700; line-height: 0.9} h2 {font-size: 36px} h3 {font-size: 26px} h4 {font-size: 20px} .brxe-container {width: 1440px; padding-top: 70px; padding-right: 40px; padding-bottom: 70px; padding-left: 40px; row-gap: 30px; column-gap: 30px} .woocommerce main.site-main {width: 1440px} #brx-content.wordpress {width: 1440px} .bricks-button {color: var(--bricks-color-tyogar); font-family: "Poppins"; font-size: 16px; text-transform: uppercase; font-weight: 700; text-align: center; transition: all 0.4s; padding-top: 6px; padding-right: 15px; padding-bottom: 6px; padding-left: 15px; border-radius: 4px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-sxcole)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--bricks-color-jsdsrh)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--bricks-color-jsdsrh)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--bricks-color-sxcole)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--bricks-color-jsdsrh); border: 1px solid var(--bricks-color-jsdsrh)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--bricks-color-sxcole)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: rgba(0, 0, 0, 0)} :root .bricks-button[class*="light"]:not(.bricks-lightbox):hover {color: var(--bricks-color-tyogar)} :root .bricks-button[class*="dark"] {color: var(--bricks-color-jsdsrh)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--bricks-color-tyogar)} :root .bricks-button[class*="dark"]:not(.outline):hover {background-color: var(--bricks-color-sxcole)} :root .bricks-button[class*="dark"]:hover {color: var(--bricks-color-tyogar)} .brxe-block {row-gap: 10px; column-gap: 10px}@media (max-width: 1280px) { h1 {font-size: 50px} .brxe-container {row-gap: 25px; column-gap: 25px}}@media (max-width: 1024px) { h1 {font-size: 45px} .brxe-container {padding-top: 65px; padding-right: 35px; padding-bottom: 65px; padding-left: 35px; row-gap: 20px; column-gap: 20px} .bricks-button {font-weight: 600}}@media (max-width: 768px) { h1 {font-size: 43px} h2 {font-size: 32px} h3 {font-size: 24px} h4 {font-size: 19px} .brxe-container {padding-top: 60px; padding-bottom: 60px} .bricks-button {font-size: 15px} .brxe-block {row-gap: 5px; column-gap: 5px}}@media (max-width: 480px) { h1 {font-size: 40px} h2 {font-size: 30px} body {font-size: 15px} .brxe-container {padding-top: 55px; padding-right: 30px; padding-bottom: 55px; padding-left: 30px} .bricks-button {font-weight: 500}}@media (max-width: 320px) { h1 {font-size: 35px} h2 {font-size: 28px} h3 {font-size: 23px} h4 {font-size: 18px} body {font-size: 14px} .brxe-container {padding-top: 40px; padding-right: 20px; padding-bottom: 40px; padding-left: 20px}}