body {font-family: "Space Grotesk"; font-size: 18px; font-weight: 400; line-height: 24px; color: var(--bricks-color-ykllde)} h1, h2, h3, h4, h5, h6 {font-family: "Archivo Variable"} h1 {font-size: 60px; line-height: 70px; font-variation-settings: "wdth" 125; font-weight: 500; text-transform: uppercase; letter-spacing: -0.3px} h2 {font-size: 50px; font-weight: 500; line-height: 60px; font-variation-settings: "wdth" 125; text-transform: uppercase} h3 {font-size: 40px; line-height: 46px; font-weight: 500; font-variation-settings: "wdth" 125; text-transform: capitalize} h4 {font-size: 22px; line-height: 32px; font-weight: 600} h5 {font-size: 20px; font-weight: 500; line-height: 30px} h6 {font-size: 18px; color: var(--bricks-color-ykllde); line-height: 28px; text-transform: capitalize; font-variation-settings: "wdth" 125; font-weight: 600} .bricks-button {font-size: 16px; font-family: "Space Grotesk"; font-weight: 700; color: var(--bricks-color-mdnpdu); padding-top: 19px; padding-right: 24px; padding-bottom: 19px; padding-left: 24px} .bricks-button.sm {padding-top: 20px; padding-right: 25px; padding-bottom: 20px; padding-left: 25px} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: #ff6b00} :root .bricks-button[class*="primary"] {font-size: 16px; font-family: "Space Grotesk"; font-weight: 700; line-height: 16px; letter-spacing: -0.1px; color: var(--bricks-color-mdnpdu); border-style: none} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-pkwssq)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--bricks-color-mdnpdu)} .bricks-button:hover {color: var(--bricks-color-kqksyc); transition: 0.5s} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--bricks-color-kqksyc)} :root .bricks-button[class*="primary"]:hover {color: var(--bricks-color-mdnpdu)} .bricks-button.md {padding-top: 16px; padding-right: 38px; padding-bottom: 16px; padding-left: 38px; font-size: 17px; font-weight: 500; color: var(--bricks-color-ykllde)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {font-size: 12px; text-transform: capitalize; font-weight: 700; font-family: "Space Grotesk"; color: var(--bricks-color-pkwssq)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: rgba(0, 0, 0, 0)} .brxe-container {width: 1240px} .woocommerce main.site-main {width: 1240px} #brx-content.wordpress {width: 1240px}:where(:root) .bricks-color-primary {color: var(--bricks-color-ktulwn)}:where(:root) .bricks-background-primary {background-color: var(--bricks-color-ktulwn)}@media (max-width: 991px) { h1 {font-size: 55px} h2 {font-size: 45px}}@media (max-width: 849px) { h1 {font-size: 40px; line-height: 50px} h2 {font-size: 34px; line-height: 45px} h6 {font-size: 16px} h4 {font-size: 20px} body {font-size: 16px} h3 {font-size: 30px; line-height: 40px} .bricks-button {padding-top: 16px; padding-right: 20px; padding-bottom: 16px; padding-left: 20px}}@media (max-width: 478px) { h1 {font-size: 30px; line-height: 40px} h2 {line-height: 38px; letter-spacing: -0.3px; font-size: 28px} h3 {font-size: 22px; line-height: 30px} h5 {font-size: 18px; line-height: 28px} h6 {font-size: 16px; line-height: 26px} body {font-size: 14px} h4 {font-size: 16px; line-height: 26px} .bricks-button {padding-top: 14px; padding-right: 18px; padding-bottom: 14px; padding-left: 18px; font-size: 14px} .bricks-button.md {padding-right: 20px; padding-left: 20px}}