html {font-size: 100%} body {font-size: 18px; color: var(--color-4); font-family: "Onest"; line-height: 1.4} h1, h2, h3, h4, h5, h6 {color: var(--color-3); font-weight: 600} h1 {font-size: 48px; line-height: 1.17} h2 {font-size: 48px; line-height: 1.16} h3 {line-height: 1.1; font-weight: 500}:where(:root) .bricks-color-primary {color: var(--brand500)}:where(:root) .bricks-background-primary {background-color: var(--brand500)}:where(:root) .bricks-color-secondary {color: var(--brand100)}:where(:root) .bricks-background-secondary {background-color: var(--brand100)} .bricks-button {font-size: 18px; font-weight: 400; color: var(--white); line-height: 1.5; border-width: 1px; border-radius: 8px; padding-top: 1rem; padding-right: 24px; padding-bottom: 1rem; padding-left: 24px; transition: all 0.2s ease-in} .bricks-button.sm {padding-top: 12px; padding-right: 34px; padding-bottom: 12px; padding-left: 34px; font-size: 14px; line-height: 1} .bricks-button.md {padding-top: 10px; padding-right: 34px; padding-bottom: 10px; padding-left: 34px} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--brand500)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--brand700)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--brand500)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--brand700)} :root .bricks-button[class*="secondary"] {color: var(--brand700); border-color: var(--bricks-color-sittjh)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {border: 1px solid #D3D3D4; color: var(--brand700)} .brxe-container {width: 1156px} .woocommerce main.site-main {width: 1156px} #brx-content.wordpress {width: 1156px} .brxe-section {padding-top: 96px; padding-right: 20px; padding-bottom: 96px; padding-left: 20px} .brxe-div:where(:not(.brx-dropdown-content)) {display: flex}.brxe-form .form-group input {border-color: var(--bricks-color-sittjh); border-radius: 8px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px}.brxe-form .flatpickr {border-color: var(--bricks-color-sittjh); border-radius: 8px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px}.brxe-form select {border-color: var(--bricks-color-sittjh); border-radius: 8px; color: var(--bricks-color-xwxzbe); padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px}.brxe-form textarea {border-color: var(--bricks-color-sittjh); border-radius: 8px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px}.brxe-form .bricks-button {border-color: var(--bricks-color-sittjh); border-radius: 8px}.brxe-form .choose-files {border-color: var(--bricks-color-sittjh); border-radius: 8px}.brxe-form ::placeholder {color: var(--bricks-color-xwxzbe)}@media (max-width: 991px) { h2 {font-size: 48px} h1 {font-size: 48px} .bricks-button {line-height: 1.1}}@media (max-width: 767px) { h1 {font-size: 48px} h2 {font-size: 48px; line-height: 1.1} body {font-size: 16px} .brxe-section {padding-top: 64px; padding-bottom: 64px}}@media (max-width: 478px) { h2 {font-size: 32px; line-height: 1.1} .bricks-button {font-size: 14px} .brxe-container {padding-right: 0; padding-left: 0} .brxe-section {padding-top: 60px; padding-right: 16px; padding-bottom: 60px; padding-left: 16px}}