
#ndtv-inspired-sample .tutorial-roadmap section{border:0;margin:40px 0 48px}
#ndtv-inspired-sample .tutorial-roadmap section>h2{display:flex;align-items:center;gap:14px;font:700 clamp(24px,2.4vw,30px)/1.25 Georgia,serif;margin:0 0 24px;padding-bottom:17px;border-bottom:1px solid #dedee1}
#ndtv-inspired-sample .tutorial-roadmap section>h2:before{content:"";display:block;width:5px;height:28px;background:#b71925;border-radius:3px;flex:none}
#ndtv-inspired-sample .tutorial-roadmap ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#ndtv-inspired-sample .tutorial-roadmap .tutorial-card{min-width:0;padding:0;border:1px solid #e1e2e5;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 5px 18px #16233309;transition:transform .2s,box-shadow .2s,border-color .2s}
#ndtv-inspired-sample .tutorial-roadmap .tutorial-card:hover{transform:translateY(-4px);border-color:#c6868b;box-shadow:0 12px 28px #16233318}
#ndtv-inspired-sample .tutorial-roadmap .tutorial-card-link{display:flex;flex-direction:column;height:100%;color:#17212b;text-decoration:none;font-weight:400}
#ndtv-inspired-sample .tutorial-card-link:focus-visible{outline:3px solid #b71925;outline-offset:-4px;border-radius:14px}
#ndtv-inspired-sample .tutorial-card-media{position:relative;aspect-ratio:16/9;background:#eef2f0;overflow:hidden;border-bottom:1px solid #e5e8e8}
#ndtv-inspired-sample .tutorial-card-media img{display:block;width:100%;height:108%;object-fit:cover;object-position:center bottom;margin-top:-4%;transition:transform .3s}
#ndtv-inspired-sample .tutorial-card:hover img{transform:scale(1.025)}
#ndtv-inspired-sample .tutorial-card-number{position:absolute;top:14px;left:14px;padding:7px 10px;background:#fff;color:#a71320;font:800 10px/1.2 Arial,sans-serif;letter-spacing:1px;border-radius:5px;box-shadow:0 2px 10px #0001}
#ndtv-inspired-sample .tutorial-card-body{padding:23px;display:flex;flex-direction:column;flex:1}
#ndtv-inspired-sample .tutorial-card-label{font:700 9px/1.5 Arial,sans-serif;letter-spacing:1px;color:#a71320}
#ndtv-inspired-sample .tutorial-card-body h3{font:700 22px/1.3 Georgia,serif;margin:12px 0;color:#15202c}
#ndtv-inspired-sample .tutorial-card-body p{font:14px/1.7 Arial,sans-serif;color:#626b74;margin:0 0 24px}
#ndtv-inspired-sample .tutorial-card-cta{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto;padding:13px 15px;background:#f7f1f2;color:#a71320;border:1px solid #f0dfe1;border-radius:7px;font:700 12px/1.4 Arial,sans-serif}
#ndtv-inspired-sample .tutorial-card-cta span{font-size:20px;line-height:1}
#ndtv-inspired-sample .tutorial-card:hover .tutorial-card-cta{background:#b71925;color:white;border-color:#b71925}
@media(max-width:650px){#ndtv-inspired-sample .tutorial-roadmap ol{grid-template-columns:1fr;gap:20px}#ndtv-inspired-sample .tutorial-card-body{padding:21px}#ndtv-inspired-sample .tutorial-card-body h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){#ndtv-inspired-sample .tutorial-card,#ndtv-inspired-sample .tutorial-card img{transition:none}#ndtv-inspired-sample .tutorial-roadmap .tutorial-card:hover{transform:none}}

/* Five compact cards per row on desktop, with responsive steps. */
#ndtv-inspired-sample .tutorial-layout{grid-template-columns:minmax(0,1fr)}
#ndtv-inspired-sample .tutorial-layout>.ns-sidebar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;position:static}
#ndtv-inspired-sample .tutorial-roadmap ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
#ndtv-inspired-sample .tutorial-card-body{padding:16px}
#ndtv-inspired-sample .tutorial-card-body h3{font-size:18px;line-height:1.35;margin:10px 0}
#ndtv-inspired-sample .tutorial-card-body p{font-size:12px;line-height:1.65;margin-bottom:18px}
#ndtv-inspired-sample .tutorial-card-label{font-size:8px;letter-spacing:.5px}
#ndtv-inspired-sample .tutorial-card-number{top:9px;left:9px;font-size:9px;padding:6px 8px}
#ndtv-inspired-sample .tutorial-card-cta{padding:11px 12px;font-size:11px}
@media(max-width:1100px){#ndtv-inspired-sample .tutorial-roadmap ol{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){#ndtv-inspired-sample .tutorial-roadmap ol{grid-template-columns:repeat(2,minmax(0,1fr))}#ndtv-inspired-sample .tutorial-layout>.ns-sidebar{grid-template-columns:1fr}}
@media(max-width:480px){#ndtv-inspired-sample .tutorial-roadmap ol{grid-template-columns:1fr}#ndtv-inspired-sample .tutorial-card-body{padding:21px}#ndtv-inspired-sample .tutorial-card-body h3{font-size:23px}#ndtv-inspired-sample .tutorial-card-body p{font-size:14px}}
