.brxe-text { ul { list-style: none; padding-left: 30px; li { position: relative; line-height: 1.4; padding-bottom: 10px; } li::before { content: ''; width: 8px; height: 8px; background-color: #fff; position: absolute; left: -20px; top: 15px; transform: translateY(-50%); }}}p strong { font-weight: 500;} .brxe-section {margin-top: 15px; margin-bottom: 15px; padding-right: 10px; padding-left: 10px} .brxe-container {column-gap: 20px; row-gap: 20px; margin-top: 15px; margin-bottom: 15px; padding-right: 10px; padding-left: 10px; width: 1400px} .woocommerce main.site-main {width: 1400px} #brx-content.wordpress {width: 1400px} body {font-family: "Roboto Local"; font-size: 18px} h1, h2, h3, h4, h5, h6 {font-family: "Montserrat Local"} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="primary"] {color: var(--white); border-radius: 50px} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--secondary)} :root .bricks-button[class*="secondary"] {color: var(--gray)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--primary-hover)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--secondary-hover)} .bricks-button {padding-right: 1.5em; padding-left: 1.5em; color: var(--white); border-radius: 50px} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--gray)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--black)}