*:focus { outline: none; box-shadow: none;}.step-card1 { position: relative;}.step-card1::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(to right, transparent, #d1d5db);}.step-card2 { border-top: 1px solid #d1d5db;}.step-card3 { position: relative;}.step-card3::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(to right, #d1d5db, transparent);}.text-gradient { background: linear-gradient(90deg, #9333ea, #2563eb); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight:600;}@media (max-width: 768px) { .step-card1, .step-card2, .step-card3 { position: relative; border-top: none; } .step-card1::before, .step-card2::before, .step-card3::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(to right, #d1d5db, transparent); }}:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)} .brxe-section {padding-top: calc(var(--space-2xl)*2); padding-right: var(--space-m); padding-bottom: calc(var(--space-2xl)*2); padding-left: var(--space-m)} .brxe-container {width: 1300px} .woocommerce main.site-main {width: 1300px} #brx-content.wordpress {width: 1300px} body {font-family: "Montserrat"; color: var(--secondary)} h1, h2, h3, h4, h5, h6 {font-family: "Montserrat"} .bricks-button {border-radius: 100px; font-weight: 600} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--primary)}