/* The White Cards */
        .bc-card {
            background: #ffffff;
            border-radius: 24px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.08); 
            border: 1px solid rgba(0,0,0,0.03);
            transition: transform 0.2s ease;
            position: relative;
        }

        /* Typography */
        .bc-label {
            font-weight: 700;
            color: #1f2937;
        }
        .bc-text-muted {
            color: #9ca3af;
        }

        /* Icons */
        .bc-icon-box {
            width: 32px; height: 32px;
            border-radius: 10px;
            display: flex; align-items: center; justify-content: center;
        }
        .bc-bg-blue { background: #eff6ff; }
        .bc-bg-purple { background: #f3e8ff; }
        .bc-bg-orange { background: #ffedd5; }

        /* Custom Inputs */
        .bc-input-pill {
            background: #f3f4f6;
            border-radius: 12px;
            padding: 8px 16px;
            display: flex;
            align-items: center;
            border: 2px solid transparent;
            transition: all 0.2s;
        }
        .bc-input-pill:focus-within {
            background: #fff;
            border-color: #3b82f6;
            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
        }
        .bc-clean-input {
            border: none;
            background: transparent;
            outline: none;
            width: 100%;
            text-align: right;
            font-weight: 700;
            color: #111827;
            font-size: 1rem;
        }
        /* Remove spinner arrows */
        .bc-clean-input::-webkit-inner-spin-button, 
        .bc-clean-input::-webkit-outer-spin-button { 
            -webkit-appearance: none; margin: 0; 
        }

        /* Custom Range Sliders */
        .bc-range {
            -webkit-appearance: none;
            width: 100%;
            height: 6px;
            border-radius: 10px;
            margin-top: 15px;
            background-color: #e5e7eb;
            cursor: pointer;
        }
        .bc-range::-webkit-slider-thumb {
            -webkit-appearance: none;
            width: 22px; height: 22px;
            border-radius: 50%;
            background: #fff;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
            margin-top: -8px; /* Center thumb */
            transition: transform 0.1s;
        }
        .bc-range::-webkit-slider-thumb:hover { transform: scale(1.1); }
        
        /* Colored Thumbs */
        .bc-range-blue::-webkit-slider-thumb { border: 2px solid #0d6efd; }
        .bc-range-purple::-webkit-slider-thumb { border: 2px solid #6f42c1; }
        .bc-range-orange::-webkit-slider-thumb { border: 2px solid #fd7e14; }

        /* Toggle Switch */
        .bc-segment-control {
            background: #f3f4f6;
            padding: 3px;
            border-radius: 12px;
            display: flex;
        }
        .bc-segment-control input { display: none; }
        .bc-segment-control label {
            flex: 1;
            text-align: center;
            padding: 6px 0;
            font-size: 1rem;
            font-weight: 600;
            color: #6b7280;
            cursor: pointer;
            border-radius: 9px;
            transition: all 0.2s;
            margin-bottom: 0;
        }
        .bc-segment-control input:checked + label {
            background: #fff;
            color: #111827;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }

        /* Result Card (Green Gradient) */
        .bc-result-card {
            background: linear-gradient(135deg, #22c55e 0%, #34d348 100%);
            border: none;
            color: white;
        }
        .bc-badge {
            background: rgba(255,255,255,0.2);
            color: white;
            padding: 5px 15px;
            border-radius: 20px;
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            display: inline-block;
        }

        .bc-payable-chip {
            background: rgba(0,0,0,0.1);
            padding: 8px 16px;
            border-radius: 20px;
            display: inline-block;
        }

        .bc-btn-white {
            background: #ffffff;
            color: #2c7a7b; /* Teal text to match bg */
            border: none;
            padding: 15px 30px;
            border-radius: 50px;
            font-weight: 700;
            transition: transform 0.2s;
            width: 100%;
        }
        .bc-btn-white:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }

        /* Mobile Adjustments */
        @media (max-width: 991px) {
            .bc-section-wrapper { padding: 40px 0; }
            .bc-card { margin-bottom: 0; }
        }
        .marquee-wrapper {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}
.marquee-content {
    display: inline-flex;
    animation: scroll 35s linear infinite;
}
@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.partner-logo {
    font-size: 1.25rem;
    font-weight: 700;
    color: #94a3b8;
    margin: 0 25px;
    /* opacity: 0.6; */
    transition: all 0.3s;
    cursor: default;
}
.partner-logo:hover {
    color: var(--primary-color);
    opacity: 1;
}
.approvals-scroll-container {
    display: flex;
    gap: 24px;               
    overflow-x: auto;        
    padding: 10px 5px 30px 5px; 
    scroll-snap-type: x mandatory; 
    -webkit-overflow-scrolling: touch; 
    scrollbar-width: none; 
}

.approvals-scroll-container::-webkit-scrollbar {
    display: none;
}

.approval-card {
    min-width: 310px;       
    width: 100%;
    background: #ffffff;
    border: 1px solid #f3f4f6;
    border-radius: 20px;    
    padding: 24px;
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    scroll-snap-align: start; 
    position: relative;
    top: 0;
}

/* Hover Effect: Lifts up slightly */
.approval-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.12);
    border-color: #e5e7eb;
}

/* Bank Logo Sizing */
.bank-logo {
    height: 32px;           
    width: auto;
    object-fit: contain;
}

/* The Amount Box */
.amount-badge {
    background-color: #f0fdf4; 
    color: #15803d;            
    padding: 12px 16px;
    border-radius: 12px;
    font-weight: 700;
    font-size: 1.1rem;
    margin: 15px 0;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    border: 1px solid #dcfce7;
}

/* The small "Approved in..." text */
.status-text {
    font-size: 0.9rem;
    color: #64748b;
    font-weight: 500;
}

.status-text i {
    margin-right: 6px;
}

/* --- Bootstrap Overrides (Optional polish) --- */
.badge.bg-light {
    background-color: #f8fafc !important;
    color: #475569 !important;
    border-color: #e2e8f0 !important;
    padding: 8px 12px;
    border-radius: 8px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.bankpart-logo{
    height: 45px;
}
.swiper-slide {
    height: auto;
    display: flex; /* Fixes height issues */
}

/* Card Visual Polish */
.approval-card {
    width: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid #e2e8f0;
}

/* Hover Lift Effect */
.hover-lift:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 24px -10px rgba(0, 0, 0, 0.1) !important;
    border-color: var(--primary-color) !important;
}

/* Navigation Buttons Hover */
.swiper-prev-custom:hover, 
.swiper-next-custom:hover {
    background-color: var(--primary-color);
    color: white;
    border-color: var(--primary-color);
}

/* Pagination Dot Color */
.swiper-pagination-bullet-active {
    background-color: var(--primary-color) !important;
}
/* Number Box (Premium Look) */
.step-number-box {
    width: 50px;
    height: 50px;
    background-color: #f0fdf4; /* Primary-subtle */
    color: var(--primary-color);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1.1rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(255,255,255,0.8);
    position: relative;
    z-index: 2; /* Sit above the line */
}
.process-line-dashed {
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 45px; /* Aligns with center of 50px number box + padding */
    width: 2px;
    background-image: linear-gradient(to bottom, #e2e8f0 50%, transparent 50%);
    background-size: 2px 12px; /* Creates the dash effect */
    background-repeat: repeat-y;
    z-index: 0;
}
/* Step Card Interaction */
.process-step-card {
    position: relative;
    z-index: 2;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.process-card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.08) !important;
}

/* Active Step 3 Styling */
.process-step-card.bg-primary-custom .step-number-box {
    background-color: #ffffff;
    color: var(--primary-color);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.bc-bg-teal { background: #e6fffa; }
.bc-range-teal::-webkit-slider-thumb { border: 2px solid #20c997; }