body {font-family: "Roboto"} h1 {color: hsl(var(--dark-green))} h2 {font-size: clamp(2rem, 3rem, 4.5rem); text-transform: uppercase; color: hsl(var(--dark-green))} h3 {font-size: clamp(2rem, 2.5rem, 3.5rem); text-transform: capitalize; font-weight: 700; color: hsl(var(--dark-green))} h4 {color: hsl(var(--dark-green))} h5 {font-family: "Roboto"; color: hsl(var(--dark-green))} h6 {font-family: "Roboto"; color: hsl(var(--dark-green))} .pswp.brx .pswp__top-bar button.pswp__button--close svg {color: #ff0000} html {background-color: #f2f4f2} body {background: none}:where(:root) .bricks-color-primary {color: hsl(var(--dark-green))}:where(:root) .bricks-background-primary {background-color: hsl(var(--dark-green))}:where(:root) .bricks-color-secondary {color: hsl(var(--lime-green))}:where(:root) .bricks-background-secondary {background-color: hsl(var(--lime-green))}.brxe-form .form-group label {font-family: "Roboto"}.brxe-form .form-group .label {font-family: "Roboto"}.brxe-form ::placeholder {font-family: "Roboto"}.brxe-form select {font-family: "Roboto"}.brxe-form .form-group input {font-family: "Roboto"}.brxe-form textarea {font-family: "Roboto"}.brxe-form .bricks-button {font-family: "Roboto"}.brxe-tabs .tab-title {font-family: "Roboto"} .bricks-button {font-size: 1.5em; color: #014801} .brxe-container {width: 1200px} .woocommerce main.site-main {width: 1200px} #brx-content.wordpress {width: 1200px}.brxe-counter {font-family: "Roboto"}.brx-popup .brx-popup-backdrop {background-color: rgba(7, 7, 7, 0.88)} .brx-popup-content {width: 90%; height: 95vh; background-color: rgba(7, 7, 7, 0)}.brx-infobox-popup::after {border-top-color: rgba(7, 7, 7, 0)}