.scroll-anchor { scroll-margin-top: 50px; } @media screen and (min-width: 1024px) { .scroll-anchor { scroll-margin-top: 100px !important; } }  .brxe-button, .bricks-button { transition: background-color 300ms ease-in-out, color 300ms ease-in-out, border-color 300ms ease-in-out; } .brxe-button:hover, .brxe-button:focus, .bricks-button:hover, .bricks-button:focus { background-color: var(--color-cta-hover) !important; color: var(--color-text-white) !important; }  @keyframes heroFade { from { opacity: 0; } to { opacity: 1; } } @keyframes heroFadeUp { from { opacity: 0; transform: translateY(60px); } to { opacity: 1; transform: translateY(0); } } @keyframes heroSlideLeft { from { transform: translateX(0); } to { transform: translateX(-100%); } }  body[data-builder-window="iframe"] .reveal-fade, body[data-builder-window="iframe"] .reveal-up, body[data-builder-window="iframe"] .reveal-mask-top, body[data-builder-window="iframe"] .reveal-mask-left, body[data-builder-window="iframe"] .reveal-mask-right, body[data-builder-window="iframe"] .hero-fade, body[data-builder-window="iframe"] .hero-fade-up{ opacity: 1 !important; visibility: visible !important; transform: none !important; clip-path: none !important; } body[data-builder-window="iframe"] .hero-slide-left{ opacity: 0 !important; visibility: hidden!important; transform: none !important; }  .reveal-fade, .reveal-up, .hero-fade, .hero-fade-up { opacity: 0; will-change: transform, opacity; } .reveal-up, hero-fade-up { transform: translateY(60px); } .reveal-mask-top { clip-path: inset(0 0 100% 0); visibility: visible; will-change: clip-path; } .reveal-mask-left { clip-path: inset(0 100% 0 0); visibility: visible; will-change: clip-path; } .reveal-mask-right { clip-path: inset(0 0 0 100%); visibility: visible; will-change: clip-path; } .hero-slide-left { visibility: visible; will-change: transform; transform: translateX(0); }