/* iitk-widgets.css - Carousel / Announcements / Glimpses row.
   Every selector is scoped under .iitk-widgets so nothing leaks into or
   out of style.css. Keyframe renamed scrollUp -> iitkScrollUp to avoid clashes.
   Generated from iitk_widgets_3.html. */

.iitk-widgets{--maroon:#7a1f13; --maroon-2:#9c2a17; --bullet:#c0392b;
    --ink:#2c2c2c; --line:#e5e5e5; --panel-bg:#fff; --page-bg:#f4f4f5;
    --news-a:#e0561b; --news-b:#f2a100; --dark:#141414;
    --navy-1:#0b1d3a; --navy-2:#132b55; --gold:#f4b41a; --label:#a5381d;}
.iitk-widgets *{box-sizing:border-box;}
.iitk-widgets{color:var(--ink);font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.5;background:var(--paper-2,#f4f4f5);padding:clamp(24px,3.5vw,40px) 0;}
.iitk-widgets .wrap{max-width:var(--wrap,1200px);margin:0 auto;padding-left:var(--pad,1.25rem);padding-right:var(--pad,1.25rem);}
/* The section has its own vertical padding above; cancel the site-wide section>.wrap padding so the boxes aren't pushed down by a large empty gap. */
.iitk-widgets>.wrap{padding-top:0;padding-bottom:0;}
.iitk-widgets .top-grid{display:grid;grid-template-columns:1fr 1fr 300px;gap:22px;align-items:start;}
.iitk-widgets .col-h{height:380px;}
.iitk-widgets .side-carousel{position:relative;border-radius:6px;overflow:hidden;background:var(--navy-1);
    border:1px solid var(--line);box-shadow:0 1px 3px rgba(0,0,0,.06);}
.iitk-widgets .s-slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;
    display:flex;flex-direction:column;justify-content:center;padding:30px 28px;color:#fff;}
.iitk-widgets .s-slide.active{opacity:1;}
.iitk-widgets .s-slide.s0{background:radial-gradient(120% 120% at 85% 15%,#1b3f7a,#0a1830);}
.iitk-widgets .s-slide.s1{background:radial-gradient(120% 120% at 85% 15%,#5a2436,#2a0f1a);}
.iitk-widgets .s-slide.s2{background:radial-gradient(120% 120% at 85% 15%,#1c4a3a,#0a2018);}
.iitk-widgets .s-slide.s3{background:radial-gradient(120% 120% at 85% 15%,#3a2c5a,#160f28);}
.iitk-widgets .s-slide .art{position:absolute;right:-46px;bottom:-46px;width:200px;height:200px;border-radius:50%;
    background:radial-gradient(circle at 30% 30%,rgba(90,160,255,.5),transparent 60%),
      conic-gradient(from 20deg,#1f4e9c,#2a6fd6,#123a78,#1f4e9c);
    box-shadow:0 0 0 8px rgba(255,255,255,.05),0 0 50px rgba(50,120,255,.3);opacity:.5;}
.iitk-widgets .s-slide .badge{display:inline-block;align-self:flex-start;background:#fff;color:var(--navy-2);
    font-weight:700;font-size:11px;padding:7px 15px;border-radius:18px;letter-spacing:.4px;margin-bottom:14px;}
.iitk-widgets .s-slide h3{position:relative;z-index:1;margin:0 0 12px;font-size:23px;line-height:1.18;font-weight:800;text-transform:uppercase;letter-spacing:.4px;}
.iitk-widgets .s-slide h3 .hl{color:var(--gold);}
.iitk-widgets .s-slide .meta{position:relative;z-index:1;font-size:13px;margin:4px 0;color:#e6ecf7;}
.iitk-widgets .s-slide .enroll{position:relative;z-index:1;display:inline-flex;align-self:flex-start;align-items:center;gap:8px;margin-top:16px;
    background:#c0392b;color:#fff;padding:9px 18px;border-radius:22px;font-weight:600;font-size:14px;text-decoration:none;}
.iitk-widgets .s-slide .enroll:hover{background:#a83223;}
.iitk-widgets .nav-btn{position:absolute;bottom:14px;width:34px;height:34px;border-radius:6px;background:rgba(255,255,255,.22);
    color:#fff;border:none;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;
    transition:background .2s;z-index:2;}
.iitk-widgets .nav-btn:hover{background:rgba(255,255,255,.4);}
.iitk-widgets .nav-btn.prev{right:56px;}
.iitk-widgets .nav-btn.next{right:16px;}
.iitk-widgets .s-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.18);z-index:3;}
.iitk-widgets .s-progress span{display:block;height:100%;width:0;background:var(--gold);}
.iitk-widgets .dots{position:absolute;bottom:22px;left:28px;display:flex;gap:7px;z-index:2;}
.iitk-widgets .dots span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer;transition:all .2s;}
.iitk-widgets .dots span.active{background:var(--gold);width:20px;border-radius:5px;}
.iitk-widgets .panel{background:var(--panel-bg);border:1px solid var(--line);border-radius:4px;
    display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(0,0,0,.04);overflow:hidden;}
.iitk-widgets .panel h2{margin:0;padding:13px 18px 9px;font-size:18px;font-weight:700;color:var(--maroon);letter-spacing:.2px;}
.iitk-widgets .scroller{position:relative;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;
    -webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;border-top:1px solid var(--line);}
.iitk-widgets .scroller::-webkit-scrollbar{width:0;height:0;display:none;}
.iitk-widgets .scroller::after{content:"";position:absolute;left:0;right:0;bottom:0;height:26px;
    background:linear-gradient(to top,var(--panel-bg),rgba(255,255,255,0));pointer-events:none;}
.iitk-widgets .track{will-change:scroll-position;}
@keyframes iitkScrollUp{from{transform:translateY(0);}to{transform:translateY(-50%);}}
.iitk-widgets .item{display:flex;gap:10px;padding:10px 18px;border-bottom:1px solid var(--line);font-size:13.5px;line-height:1.4;color:#333;cursor:pointer;transition:background .15s;}
.iitk-widgets .item:hover{background:#faf6f4;}
.iitk-widgets .item .dot{color:var(--bullet);font-size:16px;line-height:1.35;flex:0 0 auto;}
.iitk-widgets .item a{color:inherit;text-decoration:none;}
.iitk-widgets .item:hover a{color:var(--maroon-2);}
.iitk-widgets .viewall{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;color:#fff;font-weight:600;font-size:14px;text-decoration:none;letter-spacing:.3px;}
.iitk-widgets .viewall.ann{background:linear-gradient(100deg,#79211C 0%,#9b3b32 55%,#962901 100%);}
.iitk-widgets .viewall.ann:hover{background:linear-gradient(100deg,#8a2620 0%,#ad463c 55%,#a83010 100%);}
.iitk-widgets .viewall.ann .arrow{border-color:var(--gold);color:var(--gold);}
.iitk-widgets .viewall .arrow{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;transition:transform .2s;}
.iitk-widgets .viewall:hover .arrow{transform:translateX(4px);}
.iitk-widgets .photo-panel{background:var(--panel-bg);border:1px solid var(--line);border-radius:4px;
    display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(0,0,0,.04);overflow:hidden;}
.iitk-widgets .photo-panel h2{margin:0;padding:13px 16px 9px;font-size:17px;font-weight:700;color:var(--maroon);}
.iitk-widgets .photo-scroller{position:relative;flex:1 1 auto;overflow:hidden;border-top:1px solid var(--line);}
.iitk-widgets .photo-scroller::after{content:"";position:absolute;left:0;right:0;bottom:0;height:26px;
    background:linear-gradient(to top,var(--panel-bg),rgba(255,255,255,0));pointer-events:none;}
.iitk-widgets .photo-track{animation:iitkScrollUp linear infinite;will-change:transform;}
.iitk-widgets .photo-scroller:hover .photo-track{animation-play-state:paused;}
.iitk-widgets .card{padding:11px 16px 13px;border-bottom:1px solid var(--line);cursor:pointer;}
.iitk-widgets .card .thumb{width:100%;height:112px;border-radius:4px;overflow:hidden;background:#e9e9ec;display:block;}
.iitk-widgets .card .thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s;}
.iitk-widgets .card:hover .thumb img{transform:scale(1.05);}
.iitk-widgets .card .thumb.ph{display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.85);font-size:12px;font-weight:600;letter-spacing:.5px;}
.iitk-widgets .card .label{margin:11px 0 3px;font-size:11px;font-weight:700;color:var(--label);letter-spacing:1.2px;text-transform:uppercase;}
.iitk-widgets .card .cap{font-size:14px;color:#333;}
@media (max-width:900px){
  .iitk-widgets .top-grid{grid-template-columns:1fr;}
  .iitk-widgets .col-h{height:360px;}
}

/* Glimpses lightbox — click a glimpse to view the photo big and clear */
.iitk-lightbox{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;
  background:rgba(20,8,6,.88);padding:4vh 4vw;box-sizing:border-box;}
.iitk-lightbox.on{display:flex;}
.iitk-lightbox figure{margin:0;max-width:1100px;width:100%;max-height:92vh;
  display:flex;flex-direction:column;align-items:center;justify-content:center;}
.iitk-lightbox img{max-width:100%;max-height:74vh;width:auto;height:auto;object-fit:contain;
  border-radius:4px;box-shadow:0 14px 44px rgba(0,0,0,.5);background:#fff;}
.iitk-lightbox figcaption{margin-top:16px;text-align:center;max-width:780px;}
.iitk-lb-label{font-family:var(--sans,sans-serif);font-size:12px;font-weight:700;letter-spacing:1.4px;
  text-transform:uppercase;color:var(--gold,#d4a24e);}
.iitk-lb-cap{font-family:var(--serif,serif);font-size:18px;line-height:1.5;margin-top:6px;color:#fff;}
.iitk-lb-close{position:absolute;top:18px;right:22px;width:42px;height:42px;border:0;border-radius:50%;
  background:rgba(255,255,255,.14);color:#fff;font-size:24px;line-height:1;cursor:pointer;}
.iitk-lb-close:hover{background:rgba(255,255,255,.28);}
.iitk-lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:0;border-radius:50%;
  background:rgba(255,255,255,.14);color:#fff;font-size:24px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;}
.iitk-lb-nav:hover{background:rgba(255,255,255,.28);}
.iitk-lb-prev{left:20px;} .iitk-lb-next{right:20px;}
@media(max-width:560px){.iitk-lb-nav{width:40px;height:40px;font-size:20px;} .iitk-lb-prev{left:8px;} .iitk-lb-next{right:8px;}
  .iitk-lb-cap{font-size:16px;} .iitk-lightbox img{max-height:66vh;}}