.zr-list-page-revamp--workforce .zr-list-section-revamp {
    padding: clamp(28px, 4vw, 48px) 0 clamp(46px, 6vw, 76px);
}

.zr-list-page-revamp--workforce .zr-page-title-revamp h1 {
    font-size: 36px;
}

.zr-list-page-revamp--workforce .zr-page-title-revamp__inner {
    align-items: center;
}

.zr-list-page-revamp--workforce .zr-page-breadcrumb-revamp {
    flex-wrap: nowrap;
    white-space: nowrap;
}

.zr-workforce-flow-revamp {
    display: grid;
    gap: clamp(20px, 3vw, 34px);
}

.zr-workforce-row-revamp {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(250px, 0.82fr) minmax(0, 1.18fr);
    align-items: stretch;
    overflow: hidden;
    min-height: clamp(220px, 23vw, 290px);
    background:
        radial-gradient(circle at 86% 14%, rgba(var(--zr-coral-rgb), 0.13), transparent 34%),
        linear-gradient(135deg, rgba(var(--zr-white-rgb), 0.96), rgba(var(--zr-white-rgb), 0.82));
    border: 1px solid rgba(var(--zr-coral-rgb), 0.16);
    border-radius: 34px;
    box-shadow: 0 26px 78px rgba(var(--zr-dark-shadow-rgb), 0.1);
    transition: transform 240ms ease, border-color 240ms ease, box-shadow 240ms ease;
}

.zr-workforce-row-revamp::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(120deg, transparent 0 42%, rgba(var(--zr-coral-rgb), 0.1), transparent 68% 100%),
        radial-gradient(rgba(var(--zr-coral-rgb), 0.12) 1px, transparent 1.5px);
    background-size: 100% 100%, 26px 26px;
    opacity: 0.65;
    animation: zr-workforce-pattern-drift 24s linear infinite;
}

.zr-workforce-row-revamp::after {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    background: linear-gradient(135deg, rgba(var(--zr-accent-vivid-rgb), 0.5), rgba(var(--zr-coral-rgb), 0.65), transparent 58%);
    border-radius: inherit;
    opacity: 0;
    pointer-events: none;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    transition: opacity 240ms ease;
}

.zr-workforce-row-revamp:hover {
    transform: translateY(-6px);
    border-color: rgba(var(--zr-coral-rgb), 0.34);
    box-shadow:
        0 34px 94px rgba(var(--zr-dark-shadow-rgb), 0.14),
        0 0 54px rgba(var(--zr-coral-rgb), 0.12);
}

.zr-workforce-row-revamp:hover::after {
    opacity: 1;
}

.zr-workforce-row-revamp--reverse {
    grid-template-columns: minmax(0, 1.18fr) minmax(250px, 0.82fr);
}

.zr-workforce-row-revamp--reverse .zr-workforce-row-revamp__media {
    order: 2;
}

.zr-workforce-row-revamp__media {
    position: relative;
    min-height: 100%;
    overflow: hidden;
    background:
        radial-gradient(circle at 30% 20%, rgba(var(--zr-coral-rgb), 0.32), transparent 38%),
        linear-gradient(135deg, var(--zr-midnight), var(--zr-slate));
    text-decoration: none;
}

.zr-workforce-row-revamp__media::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(135deg, rgba(var(--zr-midnight-rgb), 0.08), rgba(var(--zr-midnight-rgb), 0.38)),
        radial-gradient(circle at 78% 18%, rgba(var(--zr-coral-rgb), 0.24), transparent 34%);
    pointer-events: none;
}

.zr-workforce-row-revamp__media img {
    width: 100%;
    height: 100%;
    min-height: clamp(220px, 23vw, 290px);
    display: block;
    object-fit: cover;
    transform: scale(1.01);
    transition: transform 700ms ease, filter 240ms ease;
}

.zr-workforce-row-revamp:hover .zr-workforce-row-revamp__media img {
    filter: saturate(1.06) contrast(1.03);
    transform: scale(1.07);
}

.zr-workforce-row-revamp__placeholder {
    min-height: clamp(220px, 23vw, 290px);
    display: grid;
    place-items: center;
    color: rgba(var(--zr-white-rgb), 0.9);
    font-family: Manrope, var(--zv-font-body);
    font-size: clamp(78px, 10vw, 142px);
    font-weight: 900;
    letter-spacing: 0;
    background: var(--zr-gradient-button);
}

.zr-workforce-row-revamp__content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: clamp(13px, 1.8vw, 18px);
    padding: clamp(22px, 3.3vw, 38px);
}

.zr-workforce-row-revamp__eyebrow {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--zr-coral);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.zr-workforce-row-revamp__eyebrow::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--zr-gradient-button);
    box-shadow: 0 0 22px rgba(var(--zr-coral-rgb), 0.38);
}

.zr-workforce-row-revamp h2 {
    max-width: 760px;
    margin: 0;
    color: var(--zr-midnight);
    font-family: Manrope, var(--zv-font-body);
    font-size: clamp(28px, 3.4vw, 42px);
    font-weight: 900;
    line-height: 1.04;
    letter-spacing: 0;
    text-wrap: balance;
}

.zr-workforce-row-revamp p {
    max-width: 720px;
    margin: 0;
    color: rgba(var(--zr-midnight-rgb), 0.7);
    font-size: clamp(15px, 1.35vw, 17px);
    font-weight: 650;
    line-height: 1.72;
}

.zr-workforce-row-revamp__cta {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 48px;
    margin-top: clamp(4px, 1vw, 10px);
    padding: 0 24px;
    color: var(--zr-white);
    background: var(--zr-gradient-button);
    border: 1px solid rgba(var(--zr-coral-rgb), 0.26);
    border-radius: 999px;
    box-shadow: 0 18px 42px rgba(var(--zr-coral-rgb), 0.22);
    font-size: 15px;
    font-weight: 900;
    text-decoration: none;
    transition: transform 200ms ease, box-shadow 200ms ease, filter 200ms ease;
}

.zr-workforce-row-revamp__cta i {
    font-size: 14px;
    line-height: 1;
    transition: transform 200ms ease;
}

.zr-workforce-row-revamp__cta:hover {
    color: var(--zr-white) !important;
    filter: saturate(1.08);
    transform: translateY(-2px);
    box-shadow: 0 24px 52px rgba(var(--zr-coral-rgb), 0.28);
}

.zr-workforce-row-revamp__cta:hover span,
.zr-workforce-row-revamp__cta:hover i {
    color: var(--zr-white) !important;
}

.zr-workforce-row-revamp__cta:hover i {
    transform: translateX(4px);
}

.zr-workforce-row-revamp__number {
    position: absolute;
    right: clamp(22px, 4vw, 52px);
    bottom: clamp(14px, 3vw, 34px);
    z-index: 0;
    color: transparent;
    background: linear-gradient(135deg, rgba(var(--zr-accent-vivid-rgb), 0.16), rgba(var(--zr-coral-rgb), 0.22));
    -webkit-background-clip: text;
    background-clip: text;
    font-family: Manrope, var(--zv-font-body);
    font-size: clamp(80px, 12vw, 164px);
    font-weight: 900;
    line-height: 0.8;
    pointer-events: none;
}

.zr-workforce-row-revamp--reverse .zr-workforce-row-revamp__number {
    right: auto;
    left: clamp(22px, 4vw, 52px);
}

@keyframes zr-workforce-pattern-drift {
    to {
        background-position: 0 0, 58px 42px;
    }
}

@media (max-width: 980px) {
    .zr-workforce-row-revamp,
    .zr-workforce-row-revamp--reverse {
        grid-template-columns: 1fr;
    }

    .zr-workforce-row-revamp--reverse .zr-workforce-row-revamp__media {
        order: 0;
    }

    .zr-workforce-row-revamp__media img,
    .zr-workforce-row-revamp__placeholder {
        min-height: 230px;
    }

    .zr-workforce-row-revamp__content {
        padding: clamp(24px, 5vw, 34px);
    }
}

@media (max-width: 620px) {
    .zr-list-page-revamp--workforce .zr-list-section-revamp {
        padding-top: 32px;
    }

    .zr-workforce-row-revamp {
        border-radius: 26px;
        min-height: 0;
    }

    .zr-workforce-row-revamp__media img,
    .zr-workforce-row-revamp__placeholder {
        min-height: 210px;
    }

    .zr-workforce-row-revamp h2 {
        font-size: clamp(30px, 11vw, 42px);
    }

    .zr-workforce-row-revamp p {
        font-size: 16px;
    }

    .zr-workforce-row-revamp__cta {
        width: 100%;
    }

.zr-workforce-row-revamp__number {
    font-size: 88px;
    opacity: 0.7;
    }
}

body:has(.zr-it-workforce-detail-revamp) .detail_section h3,
body:has(.zr-it-workforce-detail-revamp) .postcard__preview-txt h3,
body:has(.zr-it-workforce-detail-revamp) .solution_detail_heading {
    font-size: 1.3rem !important;
    line-height: 1.55 !important;
}

body:has(.zr-it-workforce-detail-revamp) .container.mb-5 .text-center.rounded-4,
body:has(.zr-it-workforce-detail-revamp) .detail_section .border-bottom-0:has(> h2.text-center) {
    width: min(100%, 1500px);
    margin-inline: auto !important;
    padding: clamp(28px, 4vw, 48px) !important;
    text-align: center !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(var(--zr-coral-rgb), 0.12), transparent 34%),
        radial-gradient(circle at 88% 26%, rgba(var(--zr-peach-rgb), 0.08), transparent 30%),
        linear-gradient(135deg, rgba(var(--zr-white-rgb), 0.96), rgba(var(--zr-white-rgb), 0.84)) !important;
    border: 1px solid rgba(var(--zr-coral-rgb), 0.16) !important;
    border-radius: 28px !important;
    box-shadow:
        0 24px 64px rgba(var(--zr-dark-shadow-rgb), 0.1),
        0 0 36px rgba(var(--zr-coral-rgb), 0.08) !important;
}

body:has(.zr-it-workforce-detail-revamp) .container.mb-5 .text-center.rounded-4 p,
body:has(.zr-it-workforce-detail-revamp) .container.mb-5 .text-center.rounded-4,
body:has(.zr-it-workforce-detail-revamp) .detail_section .border-bottom-0:has(> h2.text-center) h2 {
    margin: 0 !important;
    color: var(--zr-midnight) !important;
    font-family: Manrope, var(--zv-font-body) !important;
    font-size: clamp(25px, 2.7vw, 42px) !important;
    font-weight: 850 !important;
    line-height: 1.28 !important;
}

body:has(.zr-it-workforce-detail-revamp) .container.mb-5 .text-center.rounded-4 a,
body:has(.zr-it-workforce-detail-revamp) .detail_section .border-bottom-0:has(> h2.text-center) a {
    color: var(--zr-midnight) !important;
    text-decoration-color: var(--zr-coral) !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 4px !important;
}