html, body { overflow-x: hidden; } body::before { content: ''; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); opacity: 0; pointer-events: none; transition: opacity 0.3s ease; z-index: 98; } body:has(.open)::before { opacity: 1; pointer-events: all; } .bricks-background-dark { position: relative; overflow: hidden; z-index: 0; } .bricks-background-dark::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--darkblue); transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; z-index: -1; } .bricks-background-dark:hover::before { transform: scaleX(1); } body:not(.home) #brx-content { padding-top: 82px;  } html { scroll-padding-top: 82px;  } @media (max-width: 768px) { body:not(.home) #brx-content { padding-top: 40px;  } html { scroll-padding-top: 50px; } } @media (max-width: 768px) { .bricks-button { width: 100% !important; } }