:root {
      --jio-blue:       #0a1628;
      --jio-mid:        #0d2045;
      --jio-accent:     #7300FF;
      --jio-accent2:    #21ccbf;
      --jio-gold:       #f4b84a;
      --jio-text:       #000;
      --jio-muted:      #6a85a8;
      --jio-card-bg:    rgba(13,32,69,0.7);
      --radius:         14px;
      --black:      #050508;
      --deep:       #0d0a18;
      --card-bg:    #110e22;
      --purple-dk:  #6A0DAD;
      --purple:     #8A2BE2;
      --purple-lt:  #b06aff;
      --neon-blue:  #21ccbf;
      --neon-green: #21ccbf;
      --white:      #ffffff;
      --muted:      #8a82a8;
      --text:       #000;
      --radius:     16px;
    }

    /* ── BASE ── */
    *, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      font-family: 'Roboto Slab' !important;
      background-color: var(--jio-blue);
      color: var(--jio-text);
      overflow-x: hidden;
    }
    h1, h2, h3, h4, h5, h6{
      font-family: 'Roboto Slab' !important;
    }
    a { text-decoration: none; }
    .text-accent  { color: var(--jio-accent) !important; }
    .text-accent2 { color: var(--jio-accent2) !important; }
    .text-gold    { color: var(--jio-gold) !important; }

    /* ── GRID NOISE OVERLAY ── */
    body::before {
      content: '';
      position: fixed; inset: 0; z-index: 0; pointer-events: none;
      background-image:
        linear-gradient(rgba(0,180,255,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,180,255,.04) 1px, transparent 1px);
      background-size: 40px 40px;
    }

    /* ── NAVBAR ── */
    .navbar {
      background: #fff;
      backdrop-filter: blur(18px);
      border-bottom: 1px solid rgba(0,180,255,.15);
      padding: 14px 0;
      position: sticky; top: 0; z-index: 1050;
    }
    .navbar, .is-sticky{
      background-color: #fff !important;
    }
    .navbar .navbar-collapse .navbar-nav{
      background-color: inherit;
    }
    .navbar-brand {
      font-size: 1.05rem;
      font-weight: 700;
      color: #fff !important;
      letter-spacing: 0.06em;
    }
    .navbar-brand img{
      width: 160px;
    }
    .navbar-brand span { color: var(--jio-accent); }
    .navbar .nav-link {
      color: var(--jio-text) !important;
      font-size: 1.1rem;
      font-weight: 500;
      letter-spacing: .04em;
      padding: 6px 14px !important;
      transition: color .2s;
    }
    .navbar .nav-link:hover { color: var(--jio-accent2) !important; }
    .btn-nav-login {
      font-size: 1.5rem !important;
    }
    .btn-nav-cta {
      font-size: 1.5rem !important;
    }

    /* ── SECTION HELPERS ── */
    section { position: relative; z-index: 1; }
    .section-label {
      font-size: 1rem;
      font-weight: 700;
      letter-spacing: .1em;
      background-color: var(--jio-accent);
      color:#fff ;
      text-transform: uppercase;
      margin-bottom: 20px !important;
      display: inline;
      margin: 0 auto;
      border-radius: 20px;
      padding: 0 20px;
    }
    .section-title {
      font-size: clamp(1.6rem, 3.5vw, 2.4rem);
      font-weight: 700;
      color: #000;
      line-height: 1.25;
      margin-bottom: 20px;
    }
    .section-title span {
          background-color: #0a1628;
    color: var(--jio-accent2);
    border-radius: 32px;
    padding: 5px 25px;
        display: inline-block;
        font-size: 36px;
    }
    #careers .section-title span, #why .section-title span, #video .section-title span{
      background-color: inherit;
      padding: 0;
    }
    .section-sub {
      font-size: 1.1rem;
      color: var(--jio-text);
      line-height: 1.75;
    }

    /* ── BUTTONS ── */
    .btn-primary-jio {
      background: var(--jio-accent2);
      border: none;
      color: #050038;
      font-weight: 600;
      border-radius: 10px;
      padding: 12px 28px;
      font-size: 1.1rem;
      transition: filter .2s, transform .15s;
    }
    .btn-primary-jio:hover { background-color: #007307d1; filter: brightness(1.15); transform: translateY(-2px); color:#fff; }
    .btn-outline-jio {
      background: var(--jio-accent);
      color: #fff;
      font-weight: 600;
      border-radius: 10px;
      padding: 12px 28px;
      font-size: 1.1rem;
      transition: background .2s, transform .15s;
    }
    .btn-outline-jio:hover { background: #5602bc;  transform: translateY(-2px); color: #fff; }
    .btn-link-jio {
      color: #fff;
      font-weight: 500;
      font-size: 1.1rem;
      border: solid 1px #fff; background: none;
      transition: color .2s;
      padding: 12px 28px;
    }
    .btn-link-jio:hover {border: solid 1px var(--jio-accent); color: var(--jio-accent); }
    .btn-find-jio {
      color: var(--jio-accent);
      font-weight: 500;
      font-size: 1.1rem;background: none;
      transition: color .2s;
      padding: 8px 20px;
      text-decoration: underline;
    }
    .btn-find-jio:hover {
     color: #5602bc;;
    }
    /* ── GLASS CARD ── */
    .glass-card {
      border: 1px solid #7300FF;
      border-radius: var(--radius);
      backdrop-filter: blur(10px);
      padding: 20px;
      background-color: #fff;
      transition: transform .25s, border-color .25s, box-shadow .25s;
    }
    .glass-card:hover {
      transform: translateY(-5px);
      border-color: rgba(0,180,255,.45);
      box-shadow: 0 12px 40px rgba(0,180,255,.12);
    }

    /* ── HERO ── */
    #hero {
      min-height: 92vh;
      padding: 100px 0 80px;
      background-image: url(./assets/images/backgrounds/bg-new-1.png);  background-size:cover; background-position: center center;
      display: flex; align-items: center;
    }
    .hero-headline {
      font-size: clamp(2rem, 5vw, 3.4rem);
      font-weight: 900;
      color: #c3c3c3;
      text-align: left;
      line-height: 1.15;
    }
    .hero-headline .highlight { color: var(--jio-accent2); }
    .hero-sub {
      font-size: 1.1rem;
      color: #fff;
      line-height: 1.8;
      max-width: 560px;
    }
    .stat-card {
      background: rgba(0,180,255,.08);
      border: 1px solid var(--jio-accent2);
      border-radius: 12px;
      padding: 20px 24px;
      text-align: center;
      backdrop-filter: blur(8px);
    }
    .stat-card .stat-value {
      font-size: 1.55rem;
      font-weight: 700;
      color: var(--jio-accent2);
    }
    .stat-card .stat-label {
      font-size: 1rem;
      color: #fff;
      margin-top: 4px;
    }
    .hero-robot-placeholder {
      width: 100%;
      min-height: 360px;
      border-radius: 20px;
      background: 
        radial-gradient(ellipse 60% 60% at 50% 50%, rgba(0,150,214,.35) 0%, transparent 70%),
        linear-gradient(135deg, rgba(13,32,69,.9), rgba(6,18,48,.95));
      border: 1px solid rgba(0,180,255,.2);
      display: flex; align-items: center; justify-content: center;
      position: relative;
      overflow: hidden;
    }
    .hero-robot-placeholder .pulse-ring {
      position: absolute;
      border-radius: 50%;
      border: 2px solid rgba(0,180,255,.25);
      animation: pulseRing 3s ease-out infinite;
    }
    .pulse-ring:nth-child(1){ width:120px;height:120px; animation-delay:0s; }
    .pulse-ring:nth-child(2){ width:200px;height:200px; animation-delay:.8s; }
    .pulse-ring:nth-child(3){ width:300px;height:300px; animation-delay:1.6s; }
    @keyframes pulseRing {
      0%   { transform:scale(.9); opacity:.7; }
      100% { transform:scale(1.2); opacity:0; }
    }
    .hero-robot-placeholder .robot-icon {
      font-size: 5rem;
      color: var(--jio-accent);
      position: relative; z-index:1;
      filter: drop-shadow(0 0 24px rgba(0,180,255,.6));
      animation: floatIcon 4s ease-in-out infinite;
    }
    @keyframes floatIcon {
      0%,100%{ transform:translateY(0); }
      50%    { transform:translateY(-12px); }
    }

    /* ── WORKFORCE GAP ── */
    #gap {
      padding: 80px 0;
      background: #fff;
      border-top: 1px solid rgba(0,180,255,.1);
    }
    .impact-banner {
      background: #fff;
      border: 1px solid rgba(9,177,19,.5);
      border-radius: 14px;
      padding:15px 3px;
      font-size: 1.1rem;
      color: var(--jio-accent2);
      font-weight: 500;
    }
#myCarousel-1 .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: transform 7s ease-in-out;
}

/* Active slide image zooms slowly */
#myCarousel-1 .carousel-item.active img {
    transform: scale(1.2);
}

/* Optional smooth fade */
#myCarousel-1.carousel-fade .carousel-item {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

#myCarousel-1.carousel-fade .carousel-item.active {
    opacity: 1;
}
    /* ── ECOSYSTEM ── */
    #ecosystem {
      overflow: hidden;
      height: 85vh;
      padding: 0;
    }
    .padding{
      padding: 65px 0;
      top: 0;
      width: 100%;
    }
    .eco-icon {
      width: 56px; height: 56px;
      border-radius: 14px;
      display: flex; align-items: center; justify-content: center;
      font-size: 1.5rem;
      margin-bottom: 18px;
      border: solid;
    }
    .eco-icon.blue  { background: #fff; color: var(--jio-accent); }
    .eco-icon.teal  { background: #fff; color: var(--jio-accent2); }
    .eco-icon.gold  { background: #fff; color: var(--jio-gold); }
    .eco-icon.white { background: #fff; color: #000; }
    .eco-card h5 {
      font-size: 1.3rem;
      color: #03de09;
      margin-bottom: 10px;
    }
    .eco-card p { font-size: 1.1rem; color: #000; line-height: 1.5; margin:0; }
#ecosystem .section-title{
  color: #fff;
}
#ecosystem .section-body{
  color: #fff;
}
    /* ── PROGRAMS ── */
    #programs {
      padding: 80px 0;
      background: #fcfcff;
      border-top: 1px solid rgba(0,180,255,.1);
    }
    .criteria-item {
      display: flex; align-items: center; gap: 12px;
      padding: 7px 0;
      font-size: 1.1rem; color: var(--jio-text);
    }
    .criteria-item:last-child { border-bottom: none; }
    .criteria-item i { color: var(--jio-accent); font-size: 1rem; }
    .badge-level {
      font-size: .9rem;
      font-weight: 600;
      padding: 4px 10px;
      border-radius: 20px;
    }
    .badge-entry  { background: #fff; color: var(--jio-accent2);border: solid 1px var(--jio-accent2); }
    .badge-adv    { background: rgba(0,180,255,.15); color: var(--jio-accent);border: solid 1px var(--jio-accent); }
    .badge-degree { background: rgba(244,184,74,.15); color: var(--jio-gold);border: solid 1px var(--jio-gold); }

    /* ── CAREERS ── */
    #careers {
      padding: 80px 0;
      background: url(assets/images/Hero-Banner.png) no-repeat;
      background-size: cover;
    }
    #careers .section-title, #why .section-title, #video .section-title{
      color: #fff;
      margin-top: 10px;
    }
    #careers p{
      color: #fff;
    }
    .career-card {
      border: 1px solid var(--jio-accent2);
      border-radius: 16px;
      padding: 16px;
      text-align: center;
      transition: all .25s;
      position: relative;
      overflow: hidden;
      margin:5px 0
    }
    .career-card::before {
      content: '';
      position: absolute; top:0; left:0; right:0; height:3px;
      background: linear-gradient(90deg, var(--jio-accent), var(--jio-accent2));
      opacity: 0;
      transition: opacity .25s;
    }
    .career-card:hover { transform: translateY(-6px); border-color: rgba(0,180,255,.4); box-shadow: 0 16px 40px rgba(0,180,255,.12); }
    .career-card:hover::before { opacity: 1; }
    .career-card .career-icon { font-size: 2.2rem; margin-bottom: 14px; }
    .career-card h5 { font-size:1.2rem; color:var(--jio-accent2); margin-bottom:6px; }
    .career-card .role { font-size:1rem; color:#fff; margin-bottom:8px; }
    .career-card .salary { font-size:1.15rem; color:var(--jio-accent); font-weight:700; }
    .jobs-badge {
      position: absolute; top:14px; right:14px;
      background: rgba(0,229,195,.15);
      border: 1px solid rgba(0,229,195,.3);
      color: var(--jio-accent2);
      font-size: .8rem;
      font-weight: 700;
      padding: 3px 8px;
      border-radius: 20px;
    }

    /* ── JOBS ── */
    #jobs {
      padding: 80px 0;
      background: #fcfcff;
      border-top: 1px solid rgba(0,180,255,.1);
    }
    .job-card {
      border: 1px solid var(--jio-accent);
      border-radius: 14px;
      padding: 10px;
      display: flex; align-items: center; justify-content: space-between; gap: 16px;
      transition: all .25s;
    }
    .job-card:hover { border-color: rgba(0,180,255,.45); transform: translateX(4px); box-shadow: 0 8px 30px rgba(0,180,255,.1); }
    .job-card .job-title { font-size:1.2rem; color:var(--jio-accent); margin-bottom:6px; }
    .job-card .job-meta { font-size:1rem; color:#000; }
    .job-card .job-meta span { margin-right: 12px; }
    .btn-apply {
      background: var(--jio-accent);
      border: none;
      color: #fff;
      font-size: 1rem;
      font-weight: 600;
      padding: 8px 18px;
      border-radius: 8px;
      white-space: nowrap;
      transition: filter .2s;
    }
    .btn-apply:hover { filter: brightness(1.15); color:#fff; }

    /* ── WHY ── */
    #why {
      padding: 90px 0;
      background: url(assets/images/home-page.png) no-repeat;
      background-size: cover;
    }
    .why-item {
      display: flex; align-items: flex-start; gap: 16px;
      margin-bottom: 15px;
    }
    .why-icon {
      width: 44px; height: 44px; flex-shrink:0;
      border-radius: 12px;
      background: rgba(0,180,255,.1);
      border: 1px solid rgba(0,180,255,.2);
      display: flex; align-items: center; justify-content: center;
      color: var(--jio-accent); font-size: 1.1rem;
    }
    .why-item h6 { font-size:1.1rem; color:#fff; margin-top:8px; }
    .why-item p  { font-size:.86rem; color:var(--jio-text); margin:0; line-height:1.6; }
    .why-image {
      width:100%; border-radius:20px; overflow:hidden;
      background: linear-gradient(135deg, rgba(0,100,200,.25), rgba(0,229,195,.1));
      border: 1px solid rgba(0,180,255,.2);
      min-height: 380px;
      display:flex; align-items:center; justify-content:center;
    }
    .why-image i { font-size: 6rem; color: rgba(0,180,255,.3); }

    /* ── EVENTS ── */
    #events {
      padding: 80px 0;
      background: #fefefe;
      border-top: 1px solid rgba(0,180,255,.1);
    }
    .event-card {
      background: #fff;
      border: 1px solid #7300ff;
      border-radius: 14px;
      padding: 20px;
    }
    .event-card img{
      width: 100%;
      margin-bottom: 10px;
      border-radius: 10px;
    }
    .event-date {
      font-size: .7rem;
      color: var(--jio-accent);
      letter-spacing: .12em;
      margin-bottom: 10px;
    }
    .event-card h5 { font-size:1.1rem; color:#52bf4c; margin-bottom:10px; }
    .event-card p  { font-size:1.1rem; color:var(--jio-text); margin-bottom:16px; }

    /* ── VIDEO ── */
    #video {
      padding: 80px 0;
      background: url(assets/images/Hero-Banner.png) no-repeat;
      background-size: cover;
    }
    .video-wrapper {
      border-radius: 20px;
      overflow: hidden;
      border: 1px solid #7300ff;
      background: url(assets/images/video.png) no-repeat;
      background-size: cover;
      min-height: 380px;
      display: flex; align-items: center; justify-content: center;
      position: relative;

    }
    .video-play {
      width: 80px; height: 80px;
      border-radius: 50%;
      background: #7300ff;
      display: flex; align-items: center; justify-content: center;
      font-size: 2rem; color: #fff;
      cursor: pointer;
      box-shadow: 0 0 40px rgba(0,180,255,.4);
      transition: transform .2s;
    }
    .video-play:hover { transform: scale(1.1); }
    .video-label {
      position: absolute; bottom: 24px; left: 0; right: 0;
      text-align: center;
      font-size: .7rem;
      letter-spacing: .15em;
      color: var(--jio-muted);
    }

    /* ── FINAL CTA ── */
    #cta {
      padding: 80px 0;
          background: url(assets/images/Hero-Banner.png) no-repeat;
    background-size: cover;
      border-top: 1px solid rgba(0,180,255,.15);
      text-align: center;
    }
    #cta .cta-headline {
      font-size: clamp(2rem, 5vw, 3rem);
      font-weight: 900;
      color: #000;
      margin-bottom: 16px;
    }
    #cta .cta-headline span { color: var(--jio-accent2); }
.industy{
      padding: 0 20px;
    margin: 0 !important;
    width: auto;
    display: inline-block;
}
.jio-img-2{
  display: flex;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}
.jio-img-2 img{
  width: 100px;
  border-radius: 10px;
}
    /* ── FOOTER ── */
    footer {
      background: url(assets/images/Hero-Banner.png) no-repeat;
      background-size: cover;
      border-top: 1px solid rgba(0,180,255,.12);
      padding: 80px 0 30px;
    }
    footer .footer-brand {
      font-size: 1rem;
      font-weight: 700;
      color: #fff;
      margin-bottom: 12px;
    }
    footer .footer-brand span { color: #fff; }
    footer .footer-tagline { font-size: 1.1rem; color: #fff; }
    footer .footer-title { font-size:1.2rem; letter-spacing:.14em; color:var(--jio-accent2); text-transform:uppercase; margin-bottom:18px; }
    footer a.footer-link {text-decoration: none; display:block; font-size:1.1rem; color:#fff; margin-bottom:8px; transition:color .2s; }
    footer a.footer-link:hover { color: var(--jio-accent2); }
    footer .footer-bottom { border-top:1px solid rgba(0,180,255,.1); margin-top:40px; padding-top:24px; font-size:1.1rem; color:#fff; }

    /* ── DIVIDERS ── */
    .glow-divider {
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(0,180,255,.4), transparent);
      margin: 0;
    }

    /* ── ANIMATIONS ── */
    @keyframes fadeUp {
      from { opacity:0; transform:translateY(30px); }
      to   { opacity:1; transform:translateY(0); }
    }
    .fade-up { animation: fadeUp .8s ease both; }
    .delay-1 { animation-delay: .15s; }
    .delay-2 { animation-delay: .3s; }
    .delay-3 { animation-delay: .45s; }
    .delay-4 { animation-delay: .6s; }

    /* responsive tweaks */
    @media(max-width:768px) {
      #hero { padding: 70px 0 60px; }
      .hero-headline { font-size: 2rem; }
      .job-card { flex-direction: column; align-items: flex-start; }
      .hero-robot-placeholder, .why-img-box, .k12-img{
        min-height: auto !important;
      }
      .section-title span {
        background-color: var(--jio-accent2);
        color: #fff;
        font-size: clamp(1.6rem, 3.5vw, 2.4rem);
    }
    .jio-img img {
        margin-bottom: 15px;
    }
    footer .footer-bottom {
        font-size: .8rem;
    }
    footer a.footer-link {
         font-size: .8rem;
    }
    }
    .hero-robot-placeholder img{
      width: 100%;
    }
    .jio-img img{
      width: 100%;
      border-radius: 10px;
    }
    .jio-img-1 img{
      width: 85%;
      border-radius: 10px;
    }
     .jio-img-1{
      display: flex;
    justify-content: right;
    }
    
    .coverflow-slider{
    padding:0px 0;
    overflow:hidden;
}

/* main slider */
/* ===== Main Carousel ===== */
#carouselExampleIndicators{
    position: relative;
}

/* Images */
#carouselExampleIndicators .carousel-item img{
    width: 100%;
    height: 420px;
    object-fit: cover;
    border-radius: 10px;
    transition: all .7s ease;
}

/* Center Slide */
#carouselExampleIndicators .carousel-item.active img{
    transform: scale(1);
    opacity: 1;
}

/* Side Preview */
#carouselExampleIndicators .carousel-item-next img{
    transform: translateX(60%) scale(.82) rotate(5deg);
    opacity: .55;
}

#carouselExampleIndicators .carousel-item-prev img{
    transform: translateX(-60%) scale(.82) rotate(-5deg);
    opacity: .55;
}

/* Controls */
#carouselExampleIndicators .carousel-control-prev,
#carouselExampleIndicators .carousel-control-next{
    width: 45px;
}

#carouselExampleIndicators .carousel-control-prev-icon,
#carouselExampleIndicators .carousel-control-next-icon{
    background-size: 70%;
}

/* Dots */
#carouselExampleIndicators .carousel-indicators{
    bottom: -35px;
}

#carouselExampleIndicators .carousel-indicators button{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 5px;
}

/* Mobile */
@media(max-width:768px){

#carouselExampleIndicators .carousel-item img{
    height: 260px;
}

#carouselExampleIndicators .carousel-item-next img,
#carouselExampleIndicators .carousel-item-prev img{
    transform: scale(.9);
    opacity: .3;
}

}
.sf_contact {
    margin-bottom: 30px;
    overflow: hidden;
}
.sf_contact span {
    color: var(--jio-accent2);
    font-size: 30px;
    float: left;
    margin-top: 5px;
    margin-right: 20px;
}
.sf_contact h3 {
    font-weight: 700;
    color: rgb(255, 255, 255);
    font-size: 20px;
    margin-bottom: 5px;
    overflow: hidden;
}
.sf_contact p {
    font-size: 14px;
    margin-bottom: 0px;
    overflow: hidden;
    color: #fff;
}
.nvidialogos {
    display: flex;
    justify-content: center;
    align-items: center;
    top: -50px;
    position: relative;
}
.nvidialogos img {
    width: 170px;
    padding: 0;
}
.nvidialogos1 {
    width: 94px !important;
    padding: 0 8px !important;
}
.nvidialogos2 {
    width: 150px !important;
    background-color: #fff;
    padding: 10px !important;
}




.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgb(35 205 192);
    border: 1px solid rgba(176, 106, 255, .3);
    border-radius: 40px;
    padding: 6px 16px;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .14em;
    color: #fff;
    margin-bottom: 24px;
}
.hero-badge .dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--neon-green);
    animation: blink 1.8s ease-in-out infinite;
}
.hero-headline .grad {
    color: #23cdc0;
}
.btn-purple {
    background: var(--neon-blue) !important;
    color: #fff !important;
    border: none;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .06em;
    padding: 8px 28px !important;
    transition: filter .2s, transform .15s, box-shadow .2s;
    box-shadow: 0 0 20px rgba(138, 43, 226, .35);
}
.btn-outline-neon {
    background: transparent;
    border: 1.5px solid var(--neon-blue) !important;
    color: var(--neon-blue) !important;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .06em;
    padding: 8px 28px !important;
    transition: all .2s;
    box-shadow: 0 0 12px rgba(0, 195, 255, .2);
}
.btn-outline-green {
    color: var(--neon-blue) !important;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .06em;
    padding: 8px 28px;
    transition: all .2s;
}
.section-eyebrow {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--neon-green);
    margin-bottom: 10px;
}
.check-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 10px;
    font-size: 1rem;
    color: var(--text);
}
.check-item i {
    color: var(--neon-green);
    font-size: 1.1rem;
    margin-top: 2px;
}
.why-img-box {
   min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}
.k12-img {
    border-radius: 20px;
    background: radial-gradient(ellipse at 60% 40%, rgba(0, 255, 176, .18), transparent 55%), radial-gradient(ellipse at 30% 70%, rgba(138, 43, 226, .35), transparent 55%), var(--card-bg);
    border: 1px solid rgba(0, 255, 176, .2);
    min-height: 380px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}
.outcome-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background:var(--jio-accent);
    border: 1px solid rgba(0, 255, 176, .22);
    border-radius: 30px;
    padding: 5px 14px;
    font-size: .8rem;
    font-weight: 600;
    color: var(--white);
    margin: 4px;
}
.section-body {
    font-size: 1rem;
    color: var(--text);
    line-height: 1.8;
}
.career-icon{
    width: 64px;
    height: 64px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 18px;
    font-size: 1.6rem;
}
#cta p{
  color: #fff;
}
.btn:not(.btn__link):not(.btn__outlined):before{
  display: none;
}
.footer-brand img{
  width: 70%;
}

.navbar .nav__item .nav__item-link, .miniPopup-departments-trigger a{
  color: #000;
  font-size: 15px !important;
}
.navbar-collapse{
  justify-content: end;
}
.right-100{
  left: auto !important;
  right: 0 !important;
}
.btn{
  min-width: auto;
      padding: 8px 15px !important;
}
@media(max-width:768px){
.navbar .navbar-collapse{
  height: 100vh;
}
.menu-opened .has-dropdown .nav__item-link{
  color: #fff !important;
}
.menu-opened .dropdown-menu .nav__item-link{
  color: #000 !important;
}
.navbar .navbar-collapse .navbar-nav {
        width: 335px;
    }
    .navbar{
      padding: 0;
    }
    .nvidialogos img {
    width: 30%;
    padding: 0;
}
.nvidialogos1 {
    width: 17% !important;
    padding: 0 8px !important;
}
.nvidialogos2 {
    width: 22% !important;
    background-color: #fff;
    padding: 10px !important;
}
#ecosystem {
    /* overflow: hidden; */
    height: 150vh;
    padding: 0;
}
.navbar .nav__item:last-child {
    margin-right: 10px;
}
.navbar .dropdown-menu .nav__item .nav__item-link{
  white-space: inherit
}

.breadcrumb {
    display: flex;
    justify-content: center;
    align-items: center;
}
  }



  /*Login*/
    #hero {
      min-height: 92vh;
      padding: 100px 0 80px;
      background-image: url(../images/backgrounds/bg-new-1.png);  background-size:cover; background-position: center center;
      display: flex; align-items: center;
    }
    .hero-headline .highlight { color: var(--jio-accent2); }
    .hero-sub {
      font-size: 1.1rem;
      color: #fff;
      line-height: 1.8;
      max-width: 560px;
    }
    .hero-headline {
      font-size: clamp(2rem, 5vw, 3.4rem);
      font-weight: 900;
      color: #fff;
      text-align: left;
      line-height: 1.15;
    }
    .auth-wrap{
      background-color: #fff;
    }
    .breadcrumb{
      justify-content: center;
    }
    .breadcrumb-item.active{
      color: #fff;
    }
    .breadcrumb-item+.breadcrumb-item{
      color: #21ccbf;
    }
    
    /*Register*/
    
  .auth-box{
    max-width: 840px;
  }
  .loging{
    max-width: 400px;
  }