body {color: var(--dark-blue); text-align: left; font-family: "Manrope custom"; font-size: 17px; line-height: 24px} h1 {font-family: "Manrope custom"; font-size: 60px; text-align: left; line-height: 70px; font-weight: 300; color: var(--white); margin-bottom: 15px} h2 {color: var(--dark-blue); font-size: 50px; line-height: 60px; font-family: "Manrope custom"; font-weight: 300; margin-bottom: 15px} h3 {color: var(--black); font-size: 24px; line-height: 32px; text-align: left; font-family: "Manrope custom"; font-weight: 700; margin-bottom: 5px} h4 {color: var(--black); font-size: 20px; line-height: 27px; text-align: left; font-family: "Manrope custom"; font-weight: 400; margin-bottom: 5px} h5 {color: var(--black); font-size: 16px; text-align: left; font-family: "Manrope custom"; font-weight: 300; line-height: 24px; margin-bottom: 3px} .bricks-button {font-size: 15px; line-height: 22px; color: var(--white); text-align: center; font-family: "Manrope custom"; font-weight: 600; border: 2px solid var(--light-blue); border-radius: 25px; transition: all 0.5s ease;; padding-top: 10px; padding-right: 40px; padding-bottom: 10px; padding-left: 40px} .bricks-button:hover {color: var(--light-blue)} .bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)) {background-color: var(--clear)} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {color: var(--dark-blue); font-size: 15px; text-align: center; font-family: "Manrope custom"; font-weight: 600; line-height: 22px; border: 2px solid var(--light-blue); border-radius: 25px} .bricks-button:where(.bricks-background-primary):hover, .bricks-button:where(.bricks-color-primary):hover {color: var(--white)} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: var(--clear)} .bricks-button:where(.bricks-background-primary:not(.outline)):hover {background-color: var(--light-blue)} .bricks-button:where(.bricks-background-secondary), .bricks-button:where(.bricks-color-secondary) {color: var(--white); font-size: 15px; text-align: center; font-family: "Manrope custom"; font-weight: 600; line-height: 22px; border: 2px solid var(--light-blue); border-radius: 25px} .bricks-button:where(.bricks-background-secondary):hover, .bricks-button:where(.bricks-color-secondary):hover {color: var(--dark-blue); border-color: var(--white)} .bricks-button:where(.bricks-background-secondary:not(.outline)) {background-color: var(--light-blue)} .bricks-button:where(.bricks-background-light:not(.bricks-lightbox)), .bricks-button:where(.bricks-color-light:not(.bricks-lightbox)) {color: var(--white); border: 2px solid var(--white)} .bricks-button:where(.bricks-background-light:not(.outline):not(.bricks-lightbox)) {background-color: var(--clear)} .bricks-button:where(.bricks-background-light:not(.bricks-lightbox)):hover, .bricks-button:where(.bricks-color-light:not(.bricks-lightbox)):hover {border-color: var(--light-blue)} .bricks-button:where(.bricks-background-success), .bricks-button:where(.bricks-color-success) {color: var(--white); border-color: hsl(147, 75%, 48%)} .bricks-button:where(.bricks-background-success:not(.outline)) {background-color: hsl(147, 75%, 48%)} .bricks-button:where(.bricks-background-success):hover, .bricks-button:where(.bricks-color-success):hover {border: 2px solid var(--white)} .bricks-button:where(.sm) {padding-top: 10px; padding-right: 40px; padding-bottom: 10px; padding-left: 40px} .bricks-button:where(.md) {padding-top: 10px; padding-right: 50px; padding-bottom: 10px; padding-left: 50px} .bricks-button:where(.lg) {padding-top: 15px; padding-right: 60px; padding-bottom: 15px; padding-left: 60px} .bricks-button:where(.xl) {padding-top: 15px; padding-right: 70px; padding-bottom: 15px; padding-left: 70px} .brxe-section {justify-content: center; align-items: center; padding-top: 84px; padding-bottom: 84px} .brxe-container {justify-content: center; align-items: flex-start; width: 1440px; margin-right: 0; margin-left: 0; padding-top: 0; padding-right: 96px; padding-bottom: 0; padding-left: 96px} .woocommerce main.site-main {width: 1440px} #brx-content.wordpress {width: 1440px}.brxe-nav-menu .bricks-nav-menu > li > a {padding-top: 15px; padding-bottom: 15px; color: var(--white); font-weight: 600; font-size: 16px; line-height: 20px}.brxe-nav-menu .bricks-nav-menu > li > .brx-submenu-toggle > * {padding-top: 15px; padding-bottom: 15px}.brxe-nav-menu .bricks-nav-menu > li > .brx-submenu-toggle {color: var(--white); font-weight: 600; font-size: 16px; line-height: 20px}.brxe-nav-menu .bricks-nav-menu .sub-menu a {padding-top: 15px; padding-bottom: 15px}.brxe-nav-menu .bricks-nav-menu .sub-menu button {padding-top: 15px; padding-bottom: 15px}.brxe-nav-menu .bricks-nav-menu .sub-menu > li {color: var(--black); font-size: 16px; line-height: 20px}.brxe-nav-menu .bricks-nav-menu .sub-menu .menu-item {background-color: var(--grey)}@media (max-width: 991px) { .brxe-section {padding-top: 48px; padding-bottom: 48px} .brxe-container {padding-top: 0; padding-right: 48px; padding-bottom: 0; padding-left: 48px}}@media (max-width: 767px) { body {font-size: 16px} h1 {font-size: 47px; line-height: 52px; margin-bottom: 10px} h2 {font-size: 34px; line-height: 40px; margin-bottom: 10px} h3 {font-size: 22px; line-height: 27px} .bricks-button:hover {color: var(--light-blue)} .bricks-button:where(.bricks-background-primary):hover, .bricks-button:where(.bricks-color-primary):hover {color: var(--light-blue)} .bricks-button:where(.bricks-background-secondary):hover, .bricks-button:where(.bricks-color-secondary):hover {border-color: var(--white)} .brxe-section {padding-top: 36px; padding-bottom: 36px} .brxe-container {padding-top: 0; padding-right: 36px; padding-bottom: 0; padding-left: 36px}}@media (max-width: 478px) { h1 {text-align: center} .brxe-container {padding-right: 25px; padding-left: 25px}}