strong, b { font-weight: 600;} body {color: var(--text-body); font-size: 16px; font-family: "Raleway", system-ui, sans-serif; font-weight: 300; line-height: 1.5} h1, h2, h3, h4, h5, h6 {font-family: "Playfair Display"; font-weight: 700} h1 {font-size: 72px; line-height: 1.1; letter-spacing: -0.02em; font-weight: 900} h2 {font-size: 48px; color: var(--brand-text-title); margin-bottom: 18px} h3 {color: var(--brand-text-title); font-size: 18px; margin-bottom: 16px} h4 {color: var(--brand-text-title); font-size: 16px; margin-bottom: 14px} h5 {color: var(--brand-text-title); margin-bottom: 7px} h6 {color: var(--brand-text-title); margin-bottom: 5px} .brxe-container {column-gap: 4rem; row-gap: 4rem}.brxe-counter {font-size: 30px; font-family: "Playfair Display"; color: var(--brand-text-title); font-weight: 700; line-height: 1.2} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--brand-orange)} .bricks-button {border: 2px solid var(--brand-orange); transition: all 300ms; color: var(--bricks-color-white); text-transform: uppercase; font-size: 14px; font-weight: 600; padding-top: 14px; padding-right: 32px; padding-bottom: 14px; padding-left: 32px} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--brand-orange-dark)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--transparent-color)} :root .bricks-button[class*="secondary"] {border-color: var(--bricks-color-white); color: var(--bricks-color-white)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: rgba(255, 255, 255, 0.2)} .bricks-button.xl {font-size: 24px} .bricks-button:hover {border-color: var(--brand-orange-dark)} .brxe-section {padding-top: 90px; padding-right: 20px; padding-bottom: 90px; padding-left: 20px}@media (max-width: 478px) { h1 {font-size: 50px}}