.paragraph-l{font-size:18px; line-height:150%;}.paragraph-r{font-size:16px; line-height:150%;}.paragraph-m{font-size:14px; line-height:150%;}.paragraph-s{font-size:12px; line-height:150%;}.separator {border-radius: 2px;}.color-accent{color: var(--bricks-color-Primary-600);}.bricks-button {transition: background-color 0.3s ease;} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-Primary-600)} :root .bricks-button[class*="primary"] {font-family: "Inter"; color: #fff; border-radius: 8px} .bricks-button.sm {font-family: "Inter"; font-size: 14px; padding-top: 8px; padding-right: 16px; padding-bottom: 8px; padding-left: 16px} .bricks-button.md {font-family: "Inter"; font-size: 16px; padding-top: 12px; padding-right: 24px; padding-bottom: 12px; padding-left: 24px} :root .bricks-button[class*="secondary"] {font-family: "Inter"; font-weight: 400; color: var(--bricks-color-Primary-600); border: 2px solid var(--bricks-color-Primary-600); border-radius: 8px} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: rgba(218, 198, 251, 0)} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)) {font-family: "Inter"; font-weight: 400; font-size: 16px; line-height: 150%; letter-spacing: 0px; color: var(--bricks-color-Primary-600)} :root .bricks-button[class*="light"]:not(.outline):where(:not(.bricks-lightbox)) {background-color: hsla(46, 100%, 65%, 0)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--bricks-color-Primary-800)} .bricks-button:hover {transition: 0.3s ease} body {font-size: 16px; font-family: "Inter"; font-weight: 400} h1 {font-size: 60px; font-family: "Figtree"; font-weight: 500; line-height: 124.9%; letter-spacing: -0.8px; color: var(--bricks-color-Neutral-900)} h2 {font-family: "Figtree"; font-weight: 500; font-size: 48px; line-height: 124.9%; letter-spacing: -0.8px; color: var(--bricks-color-Neutral-900)} h3 {font-size: 38px; font-family: "Figtree"; font-weight: 500; line-height: 124.9%; letter-spacing: -0.8px; color: var(--bricks-color-Neutral-900)} h4 {font-size: 30px; font-family: "Figtree"; font-weight: 500; line-height: 124.9%; letter-spacing: -0.8px; color: var(--bricks-color-Neutral-900)} h5 {font-size: 24px; font-family: "Figtree"; font-weight: 500; line-height: 124.9%; letter-spacing: -0.8px; color: var(--bricks-color-Neutral-900)} h6 {font-size: 20px; font-family: "Figtree"; font-weight: 500; line-height: 124.9%; letter-spacing: -0.8px}.brxe-nav-menu .bricks-nav-menu .sub-menu > li {font-size: 16px}.brxe-nav-menu .bricks-nav-menu .sub-menu > .current-menu-item > a {font-size: 16px}.brxe-nav-menu .bricks-nav-menu .sub-menu > .current-menu-item > .brx-submenu-toggle {font-size: 16px} .brxe-section {padding-right: 20px; padding-left: 20px}@media (max-width: 991px) { body {font-size: 16px; font-family: "Inter"; font-weight: 400; line-height: 150%; letter-spacing: 0px}}@media (max-width: 478px) { h1 {font-size: 38px; font-family: "Figtree"; font-weight: 500; line-height: 124.9%; letter-spacing: -0.8px} h2 {font-family: "Figtree"; font-weight: 500; font-size: 30px; line-height: 124.9%; letter-spacing: -0.8px} h3 {font-size: 24px; font-family: "Figtree"; font-weight: 500; line-height: 124.9%; letter-spacing: -0.8px} h4 {font-size: 20px; font-family: "Figtree"; font-weight: 500; line-height: 124.9%; letter-spacing: -0.8px} h5 {font-size: 20px; font-family: "Figtree"; font-weight: 500; line-height: 124.9%; letter-spacing: -0.8px} h6 {font-size: 20px; font-family: "Figtree"; font-weight: 500; line-height: 125%; letter-spacing: -0.8px}}