:where(:root) .bricks-color-primary {color: #020A09}:where(:root) .bricks-background-primary {background-color: #020A09}:where(:root) .bricks-color-secondary {color: #293887}:where(:root) .bricks-background-secondary {background-color: #293887}:where(:root) .bricks-color-light {color: #E9F9F6}:where(:root) .bricks-background-light {background-color: #E9F9F6} body {font-family: "Mulish"; font-size: 16px} h1, h2, h3, h4, h5, h6 {font-family: "Alethia Next"; font-weight: 500} h2 {font-size: 84px; font-family: "Poppins"; font-weight: 500; line-height: 1.1} h3 {font-size: 60px; font-family: "Poppins"; font-weight: 500; line-height: 1.20} h4 {font-size: 52px; font-family: "Poppins"; font-weight: 500; line-height: 1.30} .bricks-button {font-family: "Mulish"; font-size: 16px; font-weight: 500; color: #020A09; border: 1px solid #27C4AE; border-radius: 100px; padding-top: 8px; padding-right: 20px; padding-bottom: 8px; padding-left: 20px} :root .bricks-button[class*="primary"] {border: 1px solid #EDE8D4; border-radius: 100px; color: #EDE8D4} :root .bricks-button[class*="secondary"] {border: 1px solid #FFFFFF; border-radius: 100px; color: #FFFFFF} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: #27C4AE} .bricks-button:hover {color: #020A09; border-color: #020A09} :root .bricks-button[class*="primary"]:hover {color: #293887; border-style: solid; border-color: #ffffff} :root .bricks-button[class*="secondary"]:hover {color: #293887; border-style: solid; border-color: #ffffff} :root .bricks-button[class*="primary"]:not(.outline) {background-color: #293887} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: hsla(0, 0%, 100%, 0)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: hsl(0, 0%, 100%)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: hsl(0, 0%, 100%)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: #020A09; font-family: "Mulish"; border: 1px solid #020A09; border-radius: 100px} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: hsla(0, 0%, 100%, 0)} .brxe-container {max-width: 1280px; width: 90%} #brx-content.wordpress {max-width: 1280px; width: 90%} .woocommerce main.site-main {width: 90%} .brxe-section {padding-top: 112px; padding-bottom: 112px} .brxe-text {font-family: "Mulish"} .brxe-text-basic {font-family: "Mulish"}@media (max-width: 767px) { h2 {font-size: 40px} h3 {font-size: 30px} h4 {font-size: 25px} .bricks-button {font-size: 14px} .brxe-container {max-width: initial; width: 100%} #brx-content.wordpress {max-width: initial; width: 100%} .woocommerce main.site-main {width: 100%} .brxe-section {padding-top: 50px; padding-right: 20px; padding-bottom: 50px; padding-left: 20px}}