.bhim_abt_hiring-section {
    padding: 2rem 0;
    overflow-x: hidden;
}

.bhim_abt_hiring-cards-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.bhim_abt_hiring-card {
    /* DEFAULT size for the SMALL cards */
    width: 190px;
    height: 300px;
    border-radius: 250px;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    color: white;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1.5rem;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.bhim_abt_hiring-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    z-index: 1;
}

.bhim_abt_card-content {
    position: relative;
    z-index: 2;
}

/* Set the DEFAULT large size for the middle card */
.bhim_abt_hiring-card.bhim_abt_large {
    width: 260px;
    height: 380px;
    z-index: 10;
}

/* On hover, SMALL cards scale up to match the large card's size */
.bhim_abt_hiring-card:not(.bhim_abt_large):hover {
    transform: scale(1.37);
    box-shadow: 0 25px 40px rgba(0, 0, 0, 0.3);
    z-index: 20;
}

/* On hover, the LARGE card gets its own, more subtle, zoom effect */
.bhim_abt_hiring-card.bhim_abt_large:hover {
    transform: scale(1.05);
    box-shadow: 0 25px 40px rgba(0, 0, 0, 0.3);
    z-index: 20;
}

/* --- Card-Specific Background Images and Overlays --- */
.bhim_abt_card-1 {
    background-image: url("https://images.unsplash.com/photo-1521737711867-e3b97375f902?q=80&w=1887&auto=format&fit=crop");
}

.bhim_abt_card-2 {
    background-image: url("https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?q=80&w=2070&auto=format&fit=crop");
}

.bhim_abt_card-3 {
    background-image: url("https://images.unsplash.com/photo-1554200876-56c2f25224fa?q=80&w=1935&auto=format&fit=crop");
}

.bhim_abt_card-4 {
    background-image: url("https://images.unsplash.com/photo-1542337839-51425409a695?q=80&w=1935&auto=format&fit=crop");
}

.bhim_abt_card-4::before {
    background: linear-gradient(180deg,
            rgba(20, 93, 202, 0.6) 0%,
            rgba(3, 39, 90, 0.8) 100%);
}

.bhim_abt_card-5 {
    background-image: url("https://images.unsplash.com/photo-1517677208171-0bc6725a3e60?q=80&w=1887&auto=format&fit=crop");
}

/* --- Custom UI Elements --- */
.bhim_abt_ai-btn {
    border-radius: 20px;
    padding: 0.2rem 1rem;
    font-size: 0.9rem;
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.7);
}

.bhim_abt_onboard-ui {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    padding: 1rem;
    width: 100%;
    font-size: 0.8rem;
    backdrop-filter: blur(5px);
}

.bhim_abt_progress-bar-container {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    height: 8px;
    margin-top: 5px;
}

.bhim_abt_progress-bar-fill {
    background-color: #fff;
    border-radius: 20px;
    height: 100%;
}

/* --- DESKTOP-ONLY STYLES --- */
/* On screens with a max-width of 767px (typical mobile devices), hide the entire section. */
@media (max-width: 767px) {
    .bhim_abt_hiring-section {
        display: none;
    }
}

.bhim_abt_ft {
    font-size: 2rem;
}

/* about partner */
/* Component root (scoped custom prop for header offset) */
.bhim-values {
    padding-block: clamp(48px, 8vh, 96px);
    --sticky-top: 92px;
    /* adjust to your fixed header height */
}

.bhim-values__container {
    max-width: 1200px;
    margin: 0 auto;
    padding-inline: 20px;
}

.bhim-values__grid {
    display: grid;
    grid-template-columns: minmax(280px, 34%) 1fr;
    gap: clamp(24px, 4vw, 56px);
    align-items: start;
}

/* Left (sticky) */
.bhim-values__left {
    position: sticky;
    top: var(--sticky-top);
    align-self: start;
}

.bhim-values__left h2 {
    margin: 0 0 8px;
    font-size: clamp(28px, 4.5vw, 44px);
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.bhim-values__sub {
    margin: 0;
    opacity: .7;
}

/* Right (card grid) */
.bhim-values__right {
    display: grid;
    grid-template-columns: repeat(2, minmax(260px, 1fr));
    gap: clamp(20px, 2.5vw, 32px);
}

.bhim-values__card {
    background: var(--bg, #111);
    color: #fff;
    border-radius: 28px;
    padding: clamp(20px, 3vw, 28px);
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .08);
    border-radius: 28px;
    padding: 24px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .06);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 320px;
}




/* Responsive */
@media (max-width: 992px) {
    .bhim-values__grid {
        grid-template-columns: 1fr;
    }

    .bhim-values__left {
        position: static;
        margin-bottom: 12px;
    }

    .bhim-values__right {
        grid-template-columns: 1fr;
    }
}


/* ===== Careers CTA ===== */
.bhim-careers-cta {
    --accent: #2B59FF;
    --bg: #F7F9FF;
    --chip: #EEF3FF;
    --ink: #0B1320;
    background: radial-gradient(60% 80% at 10% 0%, #ffffff 0%, var(--bg) 60%, #fff 100%);
    color: var(--ink);
    border-radius: 24px;
    padding: clamp(28px, 6vw, 56px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
}

.bhim-careers-cta__wrap {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    gap: clamp(20px, 4vw, 40px);
    grid-template-columns: minmax(260px, 1.4fr) 1fr;
    align-items: center;
}


.bhim-careers-cta__sub {
    margin: 0 0 18px;
    opacity: .9;
    max-width: 52ch;
}

.bhim-careers-cta__actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.bhim-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 18px;
    border-radius: 10px;
    font-weight: 600;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.bhim-btn--primary {
    background: var(--accent);
    color: #fff;
    box-shadow: 0 6px 14px rgba(43, 89, 255, .25);
}

.bhim-btn--primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(43, 89, 255, .28);
}

.bhim-btn--ghost {
    background: #fff;
    color: var(--ink);
    border: 1px solid rgba(0, 0, 0, .08);
}

.bhim-btn--ghost:hover {
    transform: translateY(-1px);
}

.bhim-careers-cta__chips {
    list-style: none;
    padding: 0;
    margin: 8px 0 0;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.bhim-careers-cta__chips li {
    background: var(--chip);
    color: var(--ink);
    padding: 8px 12px;
    border-radius: 999px;
    font-size: .9rem;
    opacity: .95;
}

/* Stats */
.bhim-careers-cta__stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(120px, 1fr));
    gap: 12px;
}

.bhim-stat {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .06);
    border-radius: 14px;
    padding: 16px 14px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-shadow: 0 6px 14px rgba(0, 0, 0, .05);
}

.bhim-stat strong {
    font-size: clamp(20px, 3.2vw, 28px);
    line-height: 1;
}

.bhim-stat span {
    font-size: .95rem;
    opacity: .8;
    margin-top: 4px;
}

/* Responsive */
@media (max-width: 900px) {
    .bhim-careers-cta__wrap {
        grid-template-columns: 1fr;
    }

    .bhim-careers-cta__stats {
        grid-template-columns: repeat(4, minmax(90px, 1fr));
    }
}

@media (max-width: 560px) {
    .bhim-careers-cta__stats {
        grid-template-columns: repeat(2, minmax(120px, 1fr));
    }
}

@media (prefers-reduced-motion: reduce) {
    .bhim-btn {
        transition: none;
    }
}

/* tabs eor */
/* ===== Namespaced base ===== */
.bhim-eor-tabs {
    color: var(--ink, #0B1320);
}

.bhim-eor-tabs * {
    box-sizing: border-box;
}

/* Layout */
.bhim-eor-tabs__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: clamp(24px, 6vw, 56px) 20px;
    margin-bottom: 50px;
}

.bhim-eor-tabs__head {
    text-align: center;
    margin-bottom: clamp(16px, 4vw, 28px);
}

.bhim-eor-tabs__head h2 {
    margin: 0 0 6px;
    font-size: clamp(26px, 4.2vw, 40px);
    letter-spacing: -.02em;
}

.bhim-eor-tabs__sub {
    margin: 0 0 14px;
    opacity: .85;
}

/* Tabs */
.bhim-tabs {
    display: inline-flex;
    gap: 12px;
    padding: 6px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .65);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 0, 0, .08);
}

.bhim-tab {
    appearance: none;
    border: 0;
    background: transparent;
    color: inherit;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    border-radius: 10px;
    font-weight: 600;
    cursor: pointer;
    width: auto;
    box-shadow: none;
    outline: 0;
}

.bhim-tab.is-active {
    background: #fff;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .07);
    transform: translateY(-1px);
}

.bhim-tab:focus-visible {
    outline: 2px solid var(--accent, #2B59FF);
    outline-offset: 2px;
}

/* Panels & grid */
.bhim-panel[hidden] {
    display: none !important;
}

.bhim-cards {
    display: grid;
    gap: clamp(14px, 2.8vw, 22px);
    grid-template-columns: repeat(3, minmax(260px, 1fr));
}

/* Card UI */
.bhim-card {
    --ink: #0B1320;
    background: var(--bg, #F7F9FF);
    color: var(--ink);
    border-radius: 16px;
    padding: 18px 18px 16px;
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 210px;
    border: 1px solid rgba(11, 19, 32, .08);
    box-shadow: 0 1px 0 rgba(16, 24, 40, .04), 0 8px 24px rgba(16, 24, 40, .06);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.bhim-card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 16px;
    pointer-events: none;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .65);
}

@media (hover:hover) {
    .bhim-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 3px 6px rgba(16, 24, 40, .04), 0 14px 32px rgba(16, 24, 40, .10);
        border-color: rgba(11, 19, 32, .12);
    }
}

.bhim-card:focus-within {
    outline: 2px solid var(--accent, #2B59FF);
    outline-offset: 2px;
}

/* Badge / Title / Desc / CTA */
.bhim-card__badge {
    width: 56px;
    height: 56px;
    border-radius: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: 18px;
    background: #fff;
    color: var(--accent, #2B59FF);
    box-shadow: 0 4px 10px rgba(16, 24, 40, .08);
    border: 1px solid rgba(11, 19, 32, .06);
}

.bhim-card__title {
    margin: 0 0 6px;
    font-size: 2.06rem;
    letter-spacing: -.01em;
}

.bhim-card__desc {
    margin: 0 0 12px;
    line-height: 1.55;
    opacity: .92;
}

.bhim-card__cta {
    margin-top: auto;
    font-weight: 600;
    text-decoration: none;
    color: inherit;
    display: inline-flex;
    gap: 6px;
    align-items: center;
}

.bhim-card__cta span {
    transition: transform .18s ease;
}

.bhim-card:hover .bhim-card__cta span,
.bhim-card:focus-within .bhim-card__cta span {
    transform: translateX(3px);
}

/* Responsive */
@media (max-width: 992px) {
    .bhim-cards {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 640px) {
    .bhim-cards {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {

    .bhim-tab,
    .bhim-card,
    .bhim-card__cta span {
        transition: none;
    }
}


/* ===== Core Values (scoped) ===== */
.values-section {
    --ink: #0B1320;
    --tile: #EEF2FF;
    --tile-border: rgba(11, 19, 32, .12);
    --icon: #1E2A44;
    --tile-size: clamp(70px, 12vw, 110px);
    /* tile box scales with viewport */
    --icon-size: clamp(30px, 6vw, 48px);
    /* icon size scales too */
    color: var(--ink);
    background: #fff;
    padding-block: clamp(28px, 7vw, 80px);

}

.values-title {
    font-weight: 700;
    letter-spacing: .01em;
}

.value-item {
    text-align: center;
    margin-bottom: 30px;
}

.icon-tile {
    width: var(--tile-size);
    height: var(--tile-size);
    border-radius: 14px;
    margin: 0 auto 12px;
    background: var(--tile);
    border: 1px solid var(--tile-border);
    box-shadow: 0 2px 0 rgba(16, 24, 40, .03), 0 10px 18px rgba(16, 24, 40, .06);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--icon);
    transition: transform .18s ease;
}

.icon-tile svg {
    width: var(--icon-size);
    height: var(--icon-size);
    stroke: currentColor;
    fill: none;
    stroke-width: 2.1;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.icon-tile svg * {
    vector-effect: non-scaling-stroke;
}

.value-title {
    font-weight: 700;
    margin-bottom: .25rem;
    font-size: 2rem;
}

.value-desc {
    margin: 0 auto;
    max-width: 28ch;
    line-height: 1.5;
    opacity: .9;
    font-size: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (hover:hover) {
    .value-item:hover .icon-tile {
        transform: translateY(-3px);
    }
}


/* about cta */

/* Section is just spacing; no background here */
.about-cta-banner {
    margin-block: 24px;
}

.about-cta-banner__box {
    display: flex;
    /* vertical centering */
    align-items: center;
    min-height: clamp(200px, 28vw, 260px);
    /* keep the height */
    
    background-color: #EEF2FF;
    border-radius: 20px;
}

/* stack columns and center text/button */
.about-cta-banner__box .row {
    width: 100%;
    justify-content: center;
    text-align: center;
}

.about-cta-banner__box .col-lg-8,
.about-cta-banner__box .col-lg-4 {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.about-cta-banner__btn {
    width: auto;
    /* button natural width */
    margin-top: 14px;
    /* space below the copy */
}