input:focus, textarea:focus, select:focus { border-color: var(--brand-300); box-shadow: 0 0 0 4px var(--brand-100); outline: none;} .bricks-button {transition: all 0.2s ease} .brxe-section {padding-top: var(--spacing-9xl); padding-bottom: var(--spacing-9xl)} .brxe-container {width: 100%; max-width: var(--container-max-width); margin-right: auto; margin-left: auto; padding-right: var(--container-padding-desktop); padding-left: var(--container-padding-desktop)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: var(--container-max-width)} html {font-size: 100%} body {color: var(--gray-600); font-size: var(--text-md); font-family: "Inter"; font-weight: 400; line-height: 1.5} h1, h2, h3, h4, h5, h6 {color: var(--gray-900); font-family: "Inter"; font-weight: 600; letter-spacing: -0.02em} h1 {font-size: var(--display-2xl); line-height: var(--leading-display-2xl); font-family: "Inter"; font-weight: 600} h2 {font-size: var(--display-xl); line-height: var(--leading-display-xl)} h3 {font-size: var(--display-lg); line-height: var(--leading-display-lg)} h4 {font-size: var(--display-md); line-height: var(--leading-display-md)} h5 {font-size: var(--display-sm); line-height: var(--leading-display-sm)} h6 {font-size: var(--display-xs); line-height: var(--leading-display-xs)}.brxe-form .form-group label {font-size: var(--text-sm); line-height: var(--leading-sm); color: var(--gray-700); font-weight: var(--font-medium)}.brxe-form .form-group .label {font-size: var(--text-sm); line-height: var(--leading-sm); color: var(--gray-700); font-weight: var(--font-medium)}.brxe-form ::placeholder {color: var(--gray-500)}.brxe-form select {color: var(--gray-500); font-size: var(--text-md); line-height: var(--leading-md); color: var(--gray-900)}.brxe-form .form-group input {font-size: var(--text-md); line-height: var(--leading-md); color: var(--gray-900)}.brxe-form textarea {font-size: var(--text-md); line-height: var(--leading-md); color: var(--gray-900)}.brxe-form .bricks-button {background-color: var(--brand-600); border-radius: var(--radius-md); padding-top: var(--spacing-md); padding-right: var(--spacing-xl); padding-bottom: var(--spacing-md); padding-left: var(--spacing-xl)}.brxe-divider .line {border-top-width: 1px}.brxe-divider.horizontal .line {border-top-color: var(--gray-200)}.brxe-divider.vertical .line {border-right-color: var(--gray-200)}.brxe-divider .icon i {color: var(--gray-200)}@media (max-width: 767px) { .brxe-section {padding-top: var(--spacing-7xl); padding-bottom: var(--spacing-7xl)} .brxe-container {padding-right: var(--container-padding-mobile); padding-left: var(--container-padding-mobile)}}