html {font-size: 100%} body {font-family: "Manrope"; line-height: 1.6; letter-spacing: 0.1px; font-size: 1.1rem} h1, h2, h3, h4, h5, h6 {font-family: "Playfair"; color: var(--bricks-color-b3bc36); font-weight: 700; line-height: 1} h1 {color: var(--bricks-color-654cbe); font-size: 2.4rem; margin-bottom: 1.2rem} h2 {font-size: 2.2rem; margin-bottom: 1.2rem} h3 {font-size: 2rem; margin-bottom: 1rem} h4 {font-size: 1.8rem; margin-bottom: 1rem} h5 {font-size: 1.4rem; margin-bottom: 0.9rem} h6 {font-size: 1rem; margin-bottom: 0.9rem} .brxe-container {padding-top: 2rem; padding-bottom: 2rem} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--bricks-color-wuafla)} .bricks-button {color: var(--bricks-color-mdwadq); font-weight: 600; border-radius: 50px; transition: all 0.3s ease-in} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--bricks-color-xxkqcv)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--bricks-color-wtfixt)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--bricks-color-mdwadq)} .bricks-button:hover {color: var(--bricks-color-wuafla); transition: all 0.4s ease-in} :root .bricks-button[class*="light"]:not(.bricks-lightbox):hover {color: var(--bricks-color-xxkqcv)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--bricks-color-wtfixt)} :root .bricks-button[class*="primary"]:hover {color: var(--bricks-color-wuafla); border-radius: 5px} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--bricks-color-mdwadq)} .brxe-section {padding-top: 2rem; padding-bottom: 2rem}@media (max-width: 478px) { .brxe-container {padding-right: 20px; padding-left: 20px}}