html {background-color: #ffffff} body {background: none} body {font-size: 1.6rem; font-family: "Work Sans"; color: var(--body-text)} h1, h2, h3, h4, h5, h6 {color: var(--button); font-size: 3.8rem; font-family: "Archivo"; font-weight: 800} h1 {color: var(--button); font-size: 4.8rem} h2 {color: var(--button); font-size: 3.8rem} h3 {color: var(--button); font-size: 3rem; font-family: "Archivo"; font-weight: 700} h4 {font-size: 2.2rem; font-family: "Archivo"; font-weight: 700; color: var(--button)} h5 {font-size: 2rem; color: var(--button); font-family: "Archivo"; font-weight: 700} h6 {font-size: 1.8rem; color: var(--button); font-family: "Archivo"; font-weight: 700} .brxe-section {padding-top: 60px; padding-right: 20px; padding-bottom: 60px; padding-left: 20px} .brxe-container {gap: 1.5rem; width: 1400px} .woocommerce main.site-main {width: 1400px} #brx-content.wordpress {width: 1400px} .brxe-block:where(:not(.accordion-content-wrapper):not(.accordion-title-wrapper)) {gap: 1.5rem} .brxe-block {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0} .brxe-div:where(:not(.brx-dropdown-content)) {display: flex; gap: 1.5rem} .brxe-div {flex-direction: column; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0} .bricks-button {font-family: "Open Sans"; font-size: 1.5rem; font-weight: 600} .bricks-button:where(.outline) {border: 1px solid var(--border-color); border-radius: 10px}.brxe-icon-box .icon i {font-size: 25px}.brxe-icon-box .icon {color: var(--accent)}.brxe-icon-box .icon a {color: var(--accent)}.brxe-icon-box h1 {font-family: "Archivo"; color: var(--button)}.brxe-icon-box h2 {font-family: "Archivo"; color: var(--button)}.brxe-icon-box h3 {font-family: "Archivo"; color: var(--button)}.brxe-icon-box h4 {font-family: "Archivo"; color: var(--button)}.brxe-icon-box h5 {font-family: "Archivo"; color: var(--button)}.brxe-icon-box h6 {font-family: "Archivo"; color: var(--button)}.brxe-icon-box .content {font-size: 1.6rem; color: var(--body-text); font-family: "Work Sans"} .brxe-text {color: var(--body-text)} .brxe-text-basic {color: var(--body-text)} .brxe-image .icon {border-radius: 16px}.brxe-divider.horizontal .line {border-top-color: var(--border-color)}.brxe-divider.vertical .line {border-right-color: var(--border-color)}.brxe-divider .icon i {color: var(--border-color)}@media (max-width: 1024px) { h1 {font-size: 4.5rem} h2 {font-size: 3.5rem}}@media (max-width: 768px) { h1 {font-size: 4rem}}@media (max-width: 640px) { body {font-size: 1.5rem} h2 {font-size: 3.3rem} h3 {font-size: 2.8rem} h4 {font-size: 2.2rem}}@media (max-width: 478px) { h1 {font-size: 3.5rem} h2 {font-size: 3rem} h3 {font-size: 2.3rem} h4 {font-size: 2rem} h5 {font-size: 1.8rem} h6 {font-size: 1.69rem}}