/* Vertically center the hero image with the headline */
        #home > .container > .row {
            align-items: center;
        }
        .home_me_img.hero-fade-wrap {
            padding-top: 0;
            margin-top: 30px;
            margin-bottom: 30px;
        }
        .hero-fade-wrap {
            position: relative;
            height: 460px;
            overflow: hidden;
            border-radius: 18px;
            box-shadow: 0 28px 56px rgba(0, 0, 0, 0.32);
            isolation: isolate;
            background: #0f172a;
        }
        .hero-fade-wrap::before {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: 18px;
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
            pointer-events: none;
            z-index: 3;
        }
        .hero-fade-wrap::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.30) 100%);
            pointer-events: none;
            z-index: 2;
        }
        .hero-fade-wrap img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 1;
            -webkit-clip-path: polygon(0 0, 0 0, -35% 100%, 0 100%);
                    clip-path: polygon(0 0, 0 0, -35% 100%, 0 100%);
            animation: heroDiagonalWipe 12s cubic-bezier(0.65, 0, 0.35, 1) infinite;
            will-change: clip-path, transform;
            backface-visibility: hidden;
            transform: translate3d(0, 0, 0) scale(1);
        }
        /*
           12s cycle, 3 images, 4s slot per image.
           Image N+1's wipe-in (0%–16.67%) runs in the SAME absolute window as
           Image N's wipe-out (33.33%–50%) because the diagonals share the same
           angle, the two images tile together along the wipe line — the hero
           background is never visible between transitions.
           Image 3 uses a negative delay so it is mid-cycle (just finishing its
           hold) at page load, ready to wipe out while Image 1 wipes in.
        */
        .hero-fade-wrap img:nth-child(1) { animation-delay: 0s; }
        .hero-fade-wrap img:nth-child(2) { animation-delay: 4s; }
        .hero-fade-wrap img:nth-child(3) { animation-delay: -4s; }
        @keyframes heroDiagonalWipe {
            /* 0%   (0s)  — wipe-in start: degenerate polygon on the left */
            0% {
                -webkit-clip-path: polygon(0 0, 0 0, -35% 100%, 0 100%);
                        clip-path: polygon(0 0, 0 0, -35% 100%, 0 100%);
                transform: translate3d(0, 0, 0) scale(1.00);
            }
            /* 16.67% (2s) — wipe-in complete: full reveal */
            16.67% {
                -webkit-clip-path: polygon(0 0, 135% 0, 100% 100%, 0 100%);
                        clip-path: polygon(0 0, 135% 0, 100% 100%, 0 100%);
                transform: translate3d(0, 0, 0) scale(1.00);
            }
            /* 33.33% (4s) — hold complete, Ken Burns zoom reaches 1.05 */
            33.33% {
                -webkit-clip-path: polygon(0 0, 135% 0, 100% 100%, 0 100%);
                        clip-path: polygon(0 0, 135% 0, 100% 100%, 0 100%);
                transform: translate3d(0, 0, 0) scale(1.05);
            }
            /* 50%  (6s) — wipe-out complete: degenerate polygon on the right */
            50% {
                -webkit-clip-path: polygon(135% 0, 135% 0, 100% 100%, 100% 100%);
                        clip-path: polygon(135% 0, 135% 0, 100% 100%, 100% 100%);
                transform: translate3d(0, 0, 0) scale(1.05);
            }
            /* 50%–100% — hidden (clip-pathed off right edge) for the rest of the loop */
            100% {
                -webkit-clip-path: polygon(135% 0, 135% 0, 100% 100%, 100% 100%);
                        clip-path: polygon(135% 0, 135% 0, 100% 100%, 100% 100%);
                transform: translate3d(0, 0, 0) scale(1.05);
            }
        }
        @media (max-width: 991px) {
            #home > .container > .row { min-height: auto; }
            .home_me_img.hero-fade-wrap { margin-top: 0px; margin-bottom: 0px; }
            .hero-fade-wrap { height: 340px; }
        }
        @media (prefers-reduced-motion: reduce) {
            .hero-fade-wrap img { animation: none; }
            .hero-fade-wrap img:nth-child(1) {
                opacity: 1;
                -webkit-clip-path: none;
                        clip-path: none;
                transform: translate3d(0, 0, 0) scale(1);
            }
        }
        .hero-job-link {
            color: #ffffff;
            font-weight: 600;
            margin-left: 14px;
            text-decoration: underline;
        }
        .hero-job-link:hover {
            color: #f1f1f1;
        }
        .workforce-gap-section {
            padding: 90px 0;
            background: #f7f9fc;
        }
        .workforce-image-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 16px;
        }
        .workforce-image-grid img {
            width: 100%;
            height: 210px;
            object-fit: cover;
            border-radius: 14px;
        }
        .workforce-image-grid img.workforce-image-large {
            grid-column: span 2;
            height: 260px;
        }
        .workforce-content {
            padding: 12px 0 12px 24px;
        }
        .workforce-content .section-tag {
            display: inline-block;
            font-size: 14px;
            letter-spacing: 0.08em;
            font-weight: 700;
            color: #2e5bff;
            text-transform: uppercase;
            margin-bottom: 12px;
        }
        .workforce-content h2 {
            margin-bottom: 18px;
            font-size: 38px;
            line-height: 1.25;
            color: #0f172a;
        }
        .workforce-content p {
            color: #334155;
            margin-bottom: 16px;
        }
        .workforce-impact-line {
            font-weight: 700;
            color: #111827;
            margin-bottom: 22px;
        }
        .jio-ecosystem-section {
            padding: 90px 0;
            background: #ffffff;
        }
        .jio-image-collage {
            display: grid;
            grid-template-columns: 1.1fr 0.9fr;
            gap: 14px;
            align-items: stretch;
        }
        .jio-image-collage img {
            width: 100%;
            object-fit: cover;
            border-radius: 16px;
            box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12);
        }
        .jio-image-collage .jio-img-tall {
            height: 430px;
        }
        .jio-image-collage .jio-img-top {
            height: 205px;
            margin-top: 24px;
        }
        .jio-image-collage .jio-img-bottom {
            height: 205px;
            margin-top: -8px;
        }
        .jio-ecosystem-content {
            padding-right: 24px;
        }
        .jio-ecosystem-content .section-tag {
            display: inline-block;
            font-size: 14px;
            letter-spacing: 0.08em;
            font-weight: 700;
            color: #2e5bff;
            text-transform: uppercase;
            margin-bottom: 12px;
        }
        .jio-ecosystem-content h2 {
            margin-bottom: 22px;
            color: #0f172a;
            font-size: 36px;
            line-height: 1.25;
        }
        .core-cards-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px;
        }
        .core-card {
            background: #f8fafc;
            border: 1px solid #e2e8f0;
            border-radius: 14px;
            padding: 18px;
            height: 100%;
        }
        .core-card h4 {
            margin-bottom: 8px;
            color: #019235;
            font-size: 20px !important;
            font-weight: 600;
            line-height: 1.35;
        }
        .text-md{
            font-size: 18px !important;
            font-weight: 600 !important;
            line-height: 32px !important;
        }
        .core-card p {
            margin: 0;
            color: #475569;
        }
        .core-cta-wrap {
            text-align: center;
            margin-top: 24px;
        }
        .training-programs-section {
            padding: 90px 0;
            background: #f7f9fc;
        }
        .training-image-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 14px;
        }
        .training-image-grid img {
            width: 100%;
            object-fit: cover;
            border-radius: 14px;
            box-shadow: 0 12px 30px rgba(15, 23, 42, 0.1);
        }
        .training-image-grid .training-img-large {
            grid-column: span 2;
            height: 250px;
        }
        .training-image-grid .training-img-small {
            height: 210px;
        }
        .training-content {
            padding-left: 24px;
        }
        .training-content .section-tag {
            display: inline-block;
            font-size: 14px;
            letter-spacing: 0.08em;
            font-weight: 700;
            color: #2e5bff;
            text-transform: uppercase;
            margin-bottom: 12px;
        }
        .training-content h2 {
            margin-bottom: 16px;
            color: #0f172a;
            font-size: 36px;
            line-height: 1.25;
        }
        .training-content p {
            color: #334155;
            margin-bottom: 12px;
        }
        .training-points {
            margin: 0 0 20px;
            padding-left: 18px;
            color: #334155;
        }
        .training-points li {
            margin-bottom: 8px;
        }
        .career-opportunities-section {
            padding: 90px 0;
            background: #0b2c6b;
        }
        .career-content .section-tag {
            display: inline-block;
            font-size: 14px;
            letter-spacing: 0.08em;
            font-weight: 700;
            color: #93c5fd;
            text-transform: uppercase;
            margin-bottom: 12px;
        }
        .career-content h2 {
            margin-bottom: 20px;
            color: #ffffff;
            font-size: 36px;
            line-height: 1.25;
        }
        .career-cards-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px;
        }
        .career-card {
            background: rgba(255, 255, 255, 0.08);
            border: 1px solid rgba(191, 219, 254, 0.35);
            border-radius: 14px;
            padding: 16px;
            color: #eff6ff;
            font-weight: 600;
            font-size: 20px;
            line-height: 36px;
            margin-bottom: 0;
        }
        .jobs-available-label {
            display: inline-block;
            margin-top: 18px;
            margin-bottom: 18px;
            padding: 8px 14px;
            border-radius: 999px;
            background: #bfdbfe;
            color: #1e3a8a;
            font-weight: 700;
            font-size: 14px;
        }
        .career-image-collage {
            position: relative;
            min-height: 470px;
            margin-left: 24px;
        }
        .career-image-collage img {
            position: absolute;
            width: 100%;
            object-fit: cover;
            border-radius: 18px;
            box-shadow: 0 14px 30px rgba(15, 23, 42, 0.16);
            border: 4px solid #ffffff;
        }
        .career-image-collage .career-img-main {
            width: 68%;
            height: 300px;
            left: 0;
            top: 60px;
            z-index: 2;
        }
        .career-image-collage .career-img-top {
            width: 46%;
            height: 190px;
            right: 0;
            top: 0;
            z-index: 3;
        }
        .career-image-collage .career-img-bottom {
            width: 50%;
            height: 200px;
            right: 2%;
            bottom: 0;
            z-index: 1;
        }
        .jobs-available-section {
            padding: 90px 0;
            background: #f7f9fc;
        }
        .jobs-image-pattern {
            position: relative;
            min-height: 470px;
            margin-right: 16px;
        }
        .jobs-image-pattern img {
            position: absolute;
            width: 100%;
            object-fit: cover;
            border-radius: 18px;
            box-shadow: 0 14px 28px rgba(15, 23, 42, 0.14);
            border: 4px solid #ffffff;
        }
        .jobs-image-pattern .jobs-img-left {
            width: 50%;
            height: 360px;
            left: 0;
            top: 50px;
            z-index: 1;
        }
        .jobs-image-pattern .jobs-img-top-right {
            width: 52%;
            height: 190px;
            right: 0;
            top: 0;
            z-index: 3;
        }
        .jobs-image-pattern .jobs-img-bottom-right {
            width: 56%;
            height: 220px;
            right: 2%;
            bottom: 0;
            z-index: 2;
        }
        .jobs-content {
            padding-left: 24px;
        }
        .jobs-content .section-tag {
            display: inline-block;
            font-size: 14px;
            letter-spacing: 0.08em;
            font-weight: 700;
            color: #2e5bff;
            text-transform: uppercase;
            margin-bottom: 12px;
        }
        .jobs-content h2 {
            margin-bottom: 20px;
            color: #0f172a;
            font-size: 36px;
            line-height: 1.25;
        }
        .job-cards-list {
            display: grid;
            gap: 12px;
            margin-bottom: 0;
        }
        .job-card {
            background: #ffffff;
            border: 1px solid #e2e8f0;
            border-radius: 14px;
            padding: 16px 18px;
            margin-bottom: 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .job-card h4 {
            margin: 0 0 8px;
            color: #0f172a;
            font-size: 24px;
            line-height: 1.35;
        }
        .job-card .job-location {
            display: block;
            color: #475569;
            margin-bottom: 8px;
            font-weight: 600;
        }
        .job-card .job-apply {
            display: inline-block;
            background: #00FF0F;
            color: #050038;
            font-weight: 700;
            text-decoration: none;
            padding: 8px 18px;
            border-radius: 5px;
            margin-bottom: 0;
        }
        .job-card .job-apply:hover {
            background: #00E60E;
            color: #FFFFFF;
            text-decoration: none;
        }
        .why-jio-section {
            padding: 90px 0;
            background: #ffffff;
        }
        .why-jio-content {
            padding-right: 24px;
        }
        .why-jio-content .section-tag {
            display: inline-block;
            font-size: 14px;
            letter-spacing: 0.08em;
            font-weight: 700;
            color: #2e5bff;
            text-transform: uppercase;
            margin-bottom: 12px;
        }
        .why-jio-content h2 {
            margin-bottom: 16px;
            color: #0f172a;
            font-size: 36px;
            line-height: 1.25;
        }
        .why-jio-points {
            margin: 0 0 20px;
            padding-left: 18px;
            color: #334155;
        }
        .why-jio-points li {
            margin-bottom: 10px;
        }
        .why-jio-image-pattern {
            position: relative;
            min-height: 470px;
            margin-left: 24px;
        }
        .why-jio-image-pattern img {
            position: absolute;
            object-fit: cover;
            border-radius: 18px;
            border: 4px solid #ffffff;
            box-shadow: 0 14px 30px rgba(15, 23, 42, 0.15);
        }
        .why-jio-image-pattern .why-jio-img-main {
            width: 62%;
            height: 330px;
            right: 0;
            top: 60px;
            z-index: 2;
        }
        .why-jio-image-pattern .why-jio-img-top-left {
            width: 46%;
            height: 190px;
            left: 0;
            top: 0;
            z-index: 3;
        }
        .why-jio-image-pattern .why-jio-img-bottom-left {
            width: 50%;
            height: 210px;
            left: 3%;
            bottom: 0;
            z-index: 1;
        }
        .events-community-section {
            padding: 90px 0;
            background: #0b2c6b;
        }
        .events-image-pattern {
            position: relative;
            min-height: 460px;
            margin-right: 12px;
        }
        .events-image-pattern img {
            position: absolute;
            width: 100%;
            object-fit: cover;
            border-radius: 18px;
            border: 4px solid #ffffff;
            box-shadow: 0 14px 30px rgba(15, 23, 42, 0.14);
        }
        .events-image-pattern .events-img-left-main {
            width: 58%;
            height: 330px;
            left: 0;
            top: 20px;
            z-index: 2;
        }
        .events-image-pattern .events-img-right-top {
            width: 46%;
            height: 190px;
            right: 0;
            top: 0;
            z-index: 3;
        }
        .events-image-pattern .events-img-right-bottom {
            width: 50%;
            height: 220px;
            right: 2%;
            bottom: 0;
            z-index: 1;
        }
        .events-content {
            padding-left: 24px;
        }
        .events-content .section-tag {
            display: inline-block;
            font-size: 14px;
            letter-spacing: 0.08em;
            font-weight: 700;
            color: #93c5fd;
            text-transform: uppercase;
            margin-bottom: 12px;
        }
        .events-content h2 {
            margin-bottom: 14px;
            color: #ffffff;
            font-size: 36px;
            line-height: 1.25;
        }
        .events-content .event-item {
            margin-bottom: 20px;
            color: #dbeafe;
            font-weight: 600;
        }
        .video-section {
            padding: 90px 0;
            background: #ffffff;
        }
        .video-content {
            padding-right: 24px;
        }
        .video-content .section-tag {
            display: inline-block;
            font-size: 14px;
            letter-spacing: 0.08em;
            font-weight: 700;
            color: #2e5bff;
            text-transform: uppercase;
            margin-bottom: 12px;
        }
        .video-content h2 {
            margin-bottom: 16px;
            color: #0f172a;
            font-size: 36px;
            line-height: 1.25;
        }
        .video-frame-wrap {
            background: #0f172a;
            border-radius: 16px;
            overflow: hidden;
            margin-bottom: 18px;
            box-shadow: 0 14px 30px rgba(15, 23, 42, 0.18);
        }
        .video-placeholder {
            position: relative;
            width: 100%;
            padding-top: 56.25%;
            background: linear-gradient(135deg, #1e293b, #0f172a);
            color: #e2e8f0;
            font-weight: 700;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }
        .video-placeholder span {
            position: absolute;
            padding: 0 16px;
        }
        .video-image-pattern {
            position: relative;
            min-height: 470px;
            margin-left: 24px;
        }
        .video-image-pattern img {
            position: absolute;
            object-fit: cover;
            border-radius: 20px;
            border: 4px solid #ffffff;
            box-shadow: 0 16px 32px rgba(15, 23, 42, 0.16);
        }
        .video-image-pattern .video-img-top-wide {
            width: 72%;
            height: 210px;
            right: 0;
            top: 0;
            z-index: 3;
        }
        .video-image-pattern .video-img-left-tall {
            width: 48%;
            height: 300px;
            left: 0;
            bottom: 0;
            z-index: 2;
        }
        .video-image-pattern .video-img-right-bottom {
            width: 46%;
            height: 230px;
            right: 6%;
            bottom: 20px;
            z-index: 1;
        }
        .final-cta-section {
            padding: 90px 0;
            background: #f7f9fc;
        }
        .final-cta-content {
            padding-right: 24px;
        }
        .final-cta-content .section-tag {
            display: inline-block;
            font-size: 14px;
            letter-spacing: 0.08em;
            font-weight: 700;
            color: #2e5bff;
            text-transform: uppercase;
            margin-bottom: 12px;
        }
        .final-cta-content h2 {
            margin-bottom: 20px;
            color: #0f172a;
            font-size: 40px;
            line-height: 1.2;
        }
        .final-cta-buttons {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
        }
        .final-cta-image-pattern {
            position: relative;
            min-height: 470px;
            margin-left: 24px;
        }
        .final-cta-image-pattern img {
            position: absolute;
            object-fit: cover;
            border-radius: 20px;
            border: 4px solid #ffffff;
            box-shadow: 0 16px 32px rgba(15, 23, 42, 0.16);
        }
        .final-cta-image-pattern .final-cta-img-center {
            width: 54%;
            height: 300px;
            left: 23%;
            top: 80px;
            z-index: 2;
        }
        .final-cta-image-pattern .final-cta-img-top-left {
            width: 44%;
            height: 190px;
            left: 0;
            top: 0;
            z-index: 3;
        }
        .final-cta-image-pattern .final-cta-img-bottom-right {
            width: 46%;
            height: 210px;
            right: 0;
            bottom: 0;
            z-index: 1;
        }