:where(:root) .bricks-color-primary {color: #0097dd}:where(:root) .bricks-background-primary {background-color: #0097dd}:where(:root) .bricks-color-secondary {color: #064762}:where(:root) .bricks-background-secondary {background-color: #064762}:where(:root) .bricks-color-light {color: #f7f8fa}:where(:root) .bricks-background-light {background-color: #f7f8fa}:where(:root) .bricks-color-dark {color: #000000}:where(:root) .bricks-background-dark {background-color: #000000}:where(:root) .bricks-color-muted {color: #303030}:where(:root) .bricks-background-muted {background-color: #303030} body {font-size: var(--body-m); font-family: "Ubuntu"; font-weight: 300} h1, h2, h3, h4, h5, h6 {font-family: "Ubuntu"} h1 {font-size: var(--h1); color: var(--bricks-color-svofre); line-height: 1.1; font-weight: 400} h2 {font-size: var(--h2); line-height: 1.1; font-weight: 400} h3 {font-size: var(--h3); font-weight: 400} h4 {font-size: var(--h4)} h5 {font-size: var(--h5)} h6 {font-size: var(--h6)} .brxe-container {column-gap: var(--padding-l); width: var(--site-width); max-width: 90%; padding-top: 1rem; padding-bottom: 1rem; row-gap: var(--padding-m)} .woocommerce main.site-main {width: var(--site-width)} #brx-content.wordpress {width: var(--site-width); max-width: 90%} .bricks-button {color: #ffffff; font-size: var(--body-m); padding-top: 1rem; padding-right: 2rem; padding-bottom: 1rem; padding-left: 2rem} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: #ffffff} :root .bricks-button[class*="secondary"] {color: var(--bricks-color-dxsypg); font-weight: 400; font-size: var(--body-m); border: 2px solid var(--bricks-color-dxsypg)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: #edab02} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: #edab02} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--bricks-color-dxsypg)} :root .bricks-button[class*="secondary"]:hover {color: #ffffff; font-weight: 400; border: 2px solid #fbb309} :root .bricks-button[class*="primary"] {color: var(--bricks-color-nddmld); font-weight: 400; font-size: var(--body-m); border: 2px solid var(--bricks-color-dxsypg)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-dxsypg)} :root .bricks-button[class*="primary"]:hover {border: 2px solid #fbb309} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--bricks-color-nddmld); font-weight: 400; font-size: var(--body-m); border: 2px solid var(--bricks-color-nddmld)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: rgba(0, 0, 0, 0)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--bricks-color-nddmld)} :root .bricks-button[class*="light"]:not(.bricks-lightbox):hover {color: var(--bricks-color-hftcmp)} .brxe-section {padding-top: var(--padding-xl); padding-bottom: var(--padding-xl); column-gap: var(--padding-l); row-gap: var(--padding-m)} .brxe-block {padding-top: var(--padding-s); padding-bottom: var(--padding-s); row-gap: var(--padding-xs); column-gap: var(--padding-m)} .brxe-div {column-gap: var(--padding-m); row-gap: var(--padding-s)}.brxe-video .bricks-video-overlay-icon {color: #0097dd; font-size: clamp(6rem, 2.868vw + 5.082rem, 9rem)} .brxe-post-content {font-size: var(--body-m)}@media (max-width: 991px) { .brxe-block {margin-top: 1%; margin-bottom: 1%}}@media (max-width: 767px) { .brxe-container {row-gap: 5rem} .brxe-block {margin-top: 1%; margin-bottom: 1%}}@media (max-width: 478px) { body {font-size: 16px}}