@charset "utf-8";
/* CSS Document */

/* -------- Mini Slider (scoped) -------- */
  .mini-slider {
    --ms-size: 630px;
    --ms-radius: 16px;
    --ms-dot: 8px;
    --ms-gap: 10px;
    --ms-active: #ff8a41;
    --ms-muted: rgba(255,255,255,0.5);
    width: min(100%, var(--ms-size));
    aspect-ratio: 1 / 1;
    max-width: var(--ms-size);
    max-height: var(--ms-size);
    position: relative;
    overflow: hidden;
    border-radius: var(--ms-radius);
    background: #0b1624;
    box-shadow: 0 8px 30px rgba(0,0,0,0.25);
  }
  .mini-slider__viewport { position: relative; width: 100%; height: 100%; }
  .mini-slide {
    position: absolute;
    inset: 0;
    margin: 0;
    opacity: 0;
    transition: opacity 400ms ease;
    pointer-events: none;
  }
  .mini-slide.is-active {
    opacity: 1;
    pointer-events: auto;
  }
  .mini-slide__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .mini-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 14px;
    display: flex;
    justify-content: center;
    gap: var(--ms-gap);
    z-index: 2;
  }
  .mini-dot {
    width: var(--ms-dot);
    height: var(--ms-dot);
    border-radius: 50%;
    background: var(--ms-muted);
    border: none;
    cursor: pointer;
    transition: transform 160ms ease, background-color 160ms ease;
  }
  .mini-dot:hover { transform: scale(1.2); }
  .mini-dot.is-active { background: var(--ms-active); }
  @media (prefers-reduced-motion: reduce) {
    .mini-slide { transition: none; }
    .mini-dot  { transition: none; }
  }
  
  
/* -------- Time Line -------- */
    :root{
      --primary:#031224;
      --yellow:#ff8a41;
      --white:#ffffff;
    }
    /* === Scoped, minimal styles (won’t break sticky headers) === */
    .snake-timeline{
      background: var(--primary);
      color: var(--white);
      font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      padding: 0;
    }
    .st-container{
      max-width: 1600px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      gap: 24px;
    }
    .st-slider-wrapper{
      flex: 1;
      overflow: hidden; /* only the slider wrapper clips, not the section */
      position: relative;
    }
    .st-slider{
      display: flex;
      gap: 24px;
      transition: transform 0.35s cubic-bezier(.22,.61,.36,1);
      will-change: transform;
    }
    .st-item{
      flex: 0 0 calc(25% - 18px);
      padding: 20px;
      border-radius: 14px;
      background: rgba(255,255,255,0.06);
      border: 1px solid rgba(255,255,255,0.12);
      min-height: 160px;
      opacity: 0.6;
      transform: scale(0.96);
      transition: transform .3s ease, opacity .3s ease, background .3s ease, border-color .3s ease;
    }
    .st-item.active{
      opacity: 1;
      transform: scale(1);
      background: rgba(255,255,255,0.08);
      border-color: rgba(255,138,65,0.35);
    }
    .st-pill{
      display: inline-block;
      background: var(--yellow);
      color: var(--primary);
      font-weight: 700;
      padding: 8px 14px;
      border-radius: 999px;
      font-size: 14px;
      margin-bottom: 12px;
    }
    .st-item p{
      margin: 0;
      font-size: 15px;
      line-height: 1.55;
      color: #ececec;
    }
    .st-nav{
      flex-shrink: 0;
      width: 44px;
      height: 44px;
      border-radius: 50%;
      border: 1px solid rgba(255,138,65,0.35);
      background: rgba(255,138,65,0.12);
      color: var(--yellow);
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
    }
    .st-nav:hover{
      background: var(--yellow);
      color: var(--primary);
      border-color: var(--yellow);
      transform: scale(1.06);
    }
    .st-nav:disabled{
      opacity: 0.35;
      cursor: not-allowed;
      transform: none;
    }
    /* Simple responsiveness */
    @media (max-width: 1200px){ .st-item{ flex: 0 0 calc(33.333% - 16px); } }
    @media (max-width: 900px){
      .st-item{ flex: 0 0 calc(50% - 12px); }
      .st-slider{ gap: 16px; }
      .st-container{ gap: 16px; }
    }
    @media (max-width: 600px){
      .st-item{ flex: 0 0 100%; }
      .st-nav{ width: 40px; height: 40px; }
    }

/* -------- Table -------- */

    h2 {
      text-align: center;
      margin-bottom: 25px;
      font-size: 28px;
      color: #333;
      position: relative;
    }
    h2::after {
      content: "";
      display: block;
      width: 60px;
      height: 3px;
      background: #007bff;
      margin: 8px auto 0;
      border-radius: 2px;
    }
    table {
      width: 70%;
      margin: auto;
      border-collapse: separate;
      border-spacing: 0;
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
      overflow: hidden;
    }
    th, td {
      padding: 14px 20px;
      font-size: 16px;
      color: #444;
    }
    tr:nth-child(even) {
      background-color: #f9fafc;
    }
    tr:hover {
      background-color: #fffcf3;
      transition: background 0.3s;
    }
    td:first-child {
      text-align: left;
    }
    td:last-child {
      text-align: center;
      width: 60px;
    }
   table a img {
      width: 26px;
      height: auto;
      cursor: pointer;
      transition: transform 0.2s;
    }
   table a img:hover {
      transform: scale(1.1);
    }
     @media screen and (max-width: 580px) {
      table {
         width: 100%;
      }
      th, td {
        font-size: 14px;
      }
    }


/* Filter */
      .filter-box h2 {
            text-align: center;
            margin: 15px 0;
            font-size: 26px;
            color: #333;
        }
        .filter-box h2::after {
            content: "";
            display: block;
            width: 60px;
            height: 3px;
            background: #007bff;
            margin: 8px auto 0;
            border-radius: 2px;
        }
        .filter-box {
            text-align: center;
            margin-bottom: 25px;
        }
       .filter-box  select {
            padding: 10px 15px;
            font-size: 16px;
             color: black;
            border: 1px solid #ccc;
            border-radius: 6px;
            cursor: pointer;
            outline: none;
        }
        table {
            width: 80%;
            margin: 20px auto;
            border-collapse: separate;
            border-spacing: 0;
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            overflow: hidden;
        }
        th,
        td {
            padding: 14px 20px;
            font-size: 15px;
            color: #444;
        }
        tr:nth-child(even) {
            background-color: #f9fafc;
        }
        tr:hover {
            background-color: #eef5ff;
            transition: background 0.3s;
        }
        td:first-child {
            text-align: left;
        }
        td:last-child {
            text-align: center;
            width: 60px;
        }
        table a img {
            width: 24px;
            height: auto;
            cursor: pointer;
            transition: transform 0.2s;
        }
        table a img:hover {
            transform: scale(1.1);
        }
         @media screen and (max-width: 580px) {
    		  table {
       		  width: 100%;
      		}
     		 th, td {
      		 font-size: 14px;
      		}
    }
	
/* Investors*/
  #wb-investor-docs .wb-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:24px;margin:24px 0}
  #wb-investor-docs .wb-card{background:#fff;border:1px solid #e6e6e6;border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;min-height:320px}
  #wb-investor-docs .wb-card h3{margin:0 0 12px;font-size:18px;line-height:1.35;font-weight:600;color:#1a1a1a}
  #wb-investor-docs .wb-scroll{max-height:360px;overflow-y:auto;padding-right:6px}
  #wb-investor-docs .wb-list{list-style:none;margin:0;padding:0}
  #wb-investor-docs .wb-list li{display:flex;align-items:center;gap:12px;padding:10px 10px;border:1px solid #f0f0f0;border-radius:8px;background:#fff;margin-bottom:10px;transition:background .2s,border-color .2s,box-shadow .2s}
  #wb-investor-docs .wb-list li:hover{background:#fafafa;border-color:#e6e6e6;box-shadow:0 1px 0 rgba(0,0,0,.02)}
  #wb-investor-docs .pdf-sign{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:6px;background:#fff5f5;border:1px solid #ffdede}
  #wb-investor-docs .pdf-sign img{width:18px;height:18px;display:block}
  #wb-investor-docs .pdf-inv-info .link{display:inline-block;font-size:14px;font-weight:500;color:#1a1a1a;text-decoration:none;word-break:break-word}
  #wb-investor-docs .pdf-inv-info .link:hover{ text-decoration:underline }
  @media(max-width:991px){#wb-investor-docs .wb-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}}
  @media(max-width:575px){#wb-investor-docs .wb-grid{grid-template-columns:1fr}}
  /* optional scrollbar (webkit) */
  #wb-investor-docs .wb-scroll::-webkit-scrollbar{width:8px}
  #wb-investor-docs .wb-scroll::-webkit-scrollbar-track{background:transparent}
  #wb-investor-docs .wb-scroll::-webkit-scrollbar-thumb{background:#ddd;border-radius:6px}


/*----Details Of Various Committee----*/
.as-comittee-wrapper table {
    width: 80%;
    margin: auto;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    overflow: hidden;
  }
.as-comittee-wrapper td {
    padding: 14px 20px;
	width: 50%;
    font-size: 16px;
    color: #444;
	text-align: center;  
    border-right: 1px solid #f3f3f3;
  }
.as-comittee-wrapper th {
    background-color: #ff8a41;
    color: #fff;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0.3px;
  }
.as-comittee-wrapper tr:nth-child(even) {
    background-color: #f9fafc;
  }
.as-comittee-wrapper tr:hover {
    background-color: #fffcf3;
    transition: background 0.3s;
  }
   @media screen and (max-width: 580px) {
.as-comittee-wrapper table {
         width: 100%;
      }
.as-comittee-wrapper th, td {
        font-size: 14px;
      }
    }
	
	
/*----wide screen slider with dots----*/	



.