.crypto-offramp-process {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    background-color: #000;
    color: #fff;
    font-family: "Rajdhani", sans-serif;
}

.crypto-offramp-process *,
.crypto-offramp-process *::before,
.crypto-offramp-process *::after {
    box-sizing: border-box;
}

.crypto-offramp-process::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    opacity: 0;
    pointer-events: none;
}

.crypto-offramp-process--overlay-yes .crypto-offramp-process::before {
    opacity: 1;
}

.crypto-offramp-process__inner {
    position: relative;
    z-index: 1;
    width: 100%;
    margin: 0 auto;
}

.crypto-offramp-process__header {
    width: 100%;
}

.crypto-offramp-process__eyebrow {
    display: inline-flex;
    align-items: center;
    width: auto;
    max-width: 100%;
    margin: 0;
    color: #bab8bd;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.25;
}



.crypto-offramp-process__eyebrow-dot {
    flex: 0 0 auto;
    display: inline-block;
    border-radius: 999px;
    background: #f4b318;
}

.crypto-offramp-process__heading {
    margin: 0;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.05;
}

.crypto-offramp-process__grid {
    display: grid;
    width: 100%;
    align-items: stretch;
}

.crypto-offramp-process__card {
    --process-card-bg: #0b0a04;
    --process-stripe-color: rgba(255, 190, 0, 0.07);
    --process-dark-band: 25%;
    --process-light-band: 25%;
    --process-stripe-angle: 90deg;
    --process-hover-lift: 6px;
    --process-hover-border: rgba(244, 179, 24, 0.45);
    --process-item-number-color: #f4b318;
    --process-item-text-color: #ffffff;
    position: relative;
    display: flex;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    color: inherit;
    text-decoration: none;
    background-color: var(--process-card-bg);
    transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.crypto-offramp-process--stripes-yes .crypto-offramp-process__card {
    background-image: repeating-linear-gradient(
        var(--process-stripe-angle),
        transparent 0,
        transparent var(--process-dark-band),
        var(--process-stripe-color) var(--process-dark-band),
        var(--process-stripe-color) calc(var(--process-dark-band) + var(--process-light-band))
    );
    background-color: var(--process-card-bg);
}

.crypto-offramp-process__card::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(135deg, rgba(255,255,255,.018), transparent 45%, rgba(255,190,0,.025));
}

.crypto-offramp-process__card-content {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
}

.crypto-offramp-process--equal-height-yes .crypto-offramp-process__card {
    height: 100%;
}

.crypto-offramp-process--hover-yes .crypto-offramp-process__card:hover,
.crypto-offramp-process--hover-yes .crypto-offramp-process__card:focus-visible {
    transform: translateY(calc(var(--process-hover-lift) * -1));
    border-color: var(--process-hover-border);
    outline: none;
}

.crypto-offramp-process__number {
    flex: 0 0 auto;
    display: inline-block;
    color: var(--process-item-number-color, #f4b318);
    font-size: 76px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.crypto-offramp-process__text {
    display: block;
    min-width: 0;
    color: var(--process-item-text-color, #fff);
    font-size: 19px;
    font-weight: 600;
    line-height: 1.22;
    overflow-wrap: anywhere;
}

@media (max-width: 767px) {
    .crypto-offramp-process__card-content {
        align-items: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .crypto-offramp-process__card {
        transition: none !important;
    }

    .crypto-offramp-process--hover-yes .crypto-offramp-process__card:hover,
    .crypto-offramp-process--hover-yes .crypto-offramp-process__card:focus-visible {
        transform: none !important;
    }
}