body {font-size: var(--16px); font-weight: 400; line-height: 150%; color: rgba(20, 20, 20, 0.8); font-family: "Maven Pro"} h1 {font-size: 5.6rem; font-weight: 500; line-height: 120%; letter-spacing: -0.2px; color: var(--bricks-color-hyfppn); font-family: "Maven Pro"} h2 {font-size: var(--48px); color: var(--bricks-color-hyfppn); font-family: "Maven Pro"; font-weight: 500; line-height: 120%; letter-spacing: -0.2px} h3 {color: var(--bricks-color-hyfppn); font-size: var(--40px); font-weight: 500; line-height: 120%; letter-spacing: -0.2px; font-family: "Maven Pro"} h4 {font-size: var(--24px); font-family: "Maven Pro"; font-weight: 500; line-height: 130%; letter-spacing: -0.2px; color: var(--bricks-color-hyfppn)} h5 {line-height: 140%; font-family: "Maven Pro"; font-weight: 500; font-size: var(--24px); color: var(--bricks-color-hyfppn)} h6 {color: var(--bricks-color-hyfppn); font-size: var(--20px); font-family: "Maven Pro"; font-weight: 500; line-height: 140%} :root .bricks-button[class*="primary"] {color: var(--bricks-color-pzoqym); font-family: "Maven Pro"; font-weight: 500; font-size: var(--16px); line-height: 150%; border: 1px solid var(--bricks-color-mpybik); border-radius: 100px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-mpybik)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {font-size: var(--16px); color: var(--bricks-color-pzoqym); font-family: "Maven Pro"; font-weight: 500; line-height: 150%; border: 1px solid var(--bricks-color-pzoqym); border-radius: 100px} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: rgba(255, 255, 255, 0)} .bricks-button.md {padding-top: 1rem; padding-right: 2.4rem; padding-bottom: 1rem; padding-left: 2.4rem} .bricks-button.sm {padding-top: var(--16px); padding-right: var(--32px); padding-bottom: var(--16px); padding-left: 2.4rem} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--bricks-color-righru)} :root .bricks-button[class*="primary"]:hover {font-size: var(--16px); color: var(--bricks-color-pzoqym); font-family: "Maven Pro"; font-weight: 500; line-height: 150%; border-width: 1px; border-color: var(--bricks-color-cfltrh)} :root .bricks-button[class*="light"]:not(.bricks-lightbox):hover {color: var(--bricks-color-pzoqym); font-size: var(--16px); font-family: "Maven Pro"; font-weight: 500; line-height: 150%; border: 1px solid var(--bricks-color-righru); border-radius: 100px} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--bricks-color-cfltrh)} .bricks-button {padding-top: var(--16px); padding-right: var(--32px); padding-bottom: var(--16px); padding-left: var(--32px)} :root .bricks-button[class*="secondary"] {font-size: var(--16px); font-family: "Maven Pro"; font-weight: 500; line-height: 150%; color: var(--bricks-color-fknkcq); border: 1px solid var(--bricks-color-fknkcq); border-radius: 100px} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: rgba(250, 250, 250, 0)} :root .bricks-button[class*="secondary"]:hover {color: var(--bricks-color-vcuftx); font-size: var(--16px); font-family: "Maven Pro"; font-weight: 500; line-height: 150%; border: 1px solid var(--bricks-color-cfltrh); border-radius: 100px} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--bricks-color-cfltrh)}@media (max-width: 991px) { h2 {font-size: 4rem}}