body, html { overflow-x: hidden !important;}html { scroll-behavior: smooth;}.brxe-section { scroll-margin-top: 50px; }.brxe-button:hover, .hover-item:hover { transition-duration: 0.5s;}ul, ol { margin: 0; padding: 0;} html {font-size: 100%} body {font-size: var(--typo-base); font-family: "Kanit"; line-height: 1.2; color: var(--white)} h1, h2, h3, h4, h5, h6 {font-family: "Kanit"; font-weight: 400; line-height: 1.2; color: var(--white)} h1 {font-size: var(--typo-h1)} h2 {font-size: var(--typo-h2)} h3 {font-size: var(--typo-h3)} h4 {font-size: var(--typo-h4)} h5 {font-size: var(--typo-h5)} h6 {font-size: var(--typo-h6)} .brxe-container {width: 1440px; row-gap: var(--spacing-64); column-gap: var(--spacing-24)} .woocommerce main.site-main {width: 1440px} #brx-content.wordpress {width: 1440px} .brxe-section {align-items: center; padding-right: var(--spacing-24); padding-bottom: var(--spacing-160); padding-left: var(--spacing-24); row-gap: var(--spacing-160)} .brxe-block {row-gap: var(--spacing-40); column-gap: var(--spacing-16)} .brxe-div:where(:not(.brx-dropdown-content)) {display: flex} .brxe-div {flex-direction: row; column-gap: var(--spacing-16); row-gap: var(--spacing-16)}