@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600;700;800&family=Inter:wght@400;500;600&display=swap');

    /* ---- Scoped tokens ---- */
    .arya-plc-scope {
      --plc-red: #F13A40;
      --plc-red-dark: #C12A2F;
      --plc-red-soft: #FDEAEA;
      --plc-gold: #E3A21B;
      --plc-gold-dark: #B9810F;
      --plc-ink: #221A1A;
      --plc-ink-soft: #6B5F5F;
      --plc-paper: #FFFFFF;
      --plc-bg: #F6F6F6;
      --plc-line: #ECE0D2;
      --plc-row-alt: #FBF8F3;
      --plc-chip-bg: #F1ECE3;
      --plc-radius: 16px;
      --plc-shadow: 0 10px 30px -12px rgba(241, 58, 64, 0.28);

      display: block;
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      color: var(--plc-ink) !important;
    }

    .arya-plc-scope,
    .arya-plc-scope * {
      box-sizing: border-box;
    }

    .arya-plc-scope img {
      max-width: 100%;
    }

    /* ---- Section wrapper ---- */
    .arya-plc-section {
      background: var(--plc-bg) !important;
      padding: clamp(48px, 6vw, 88px) clamp(20px, 5vw, 60px);
    }

    /* ---- Section heading ---- */
    .arya-plc-section-head {
      max-width: 860px;
      margin: 0 auto 42px;
      text-align: center;
    }

    .arya-plc-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--plc-red) !important;
      background: var(--plc-red-soft) !important;
      padding: 6px 16px;
      border-radius: 999px;
      margin-bottom: 16px;
    }

    .arya-plc-eyebrow::before {
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--plc-gold) !important;
    }

    .arya-plc-section-head h2 {
      font-family: 'Poppins', sans-serif;
      font-weight: 800;
      font-size: clamp(28px, 4vw, 42px);
      line-height: 1.15;
      margin: 0 0 12px;
      color: var(--plc-ink) !important;
    }

    .arya-plc-section-head h2 span {
      color: var(--plc-red) !important;
    }

    .arya-plc-section-head p {
      font-size: 16px;
      color: var(--plc-ink-soft) !important;
      line-height: 1.6;
      margin: 0;
    }

    /* ---- Card grid: 3 per row ---- */
    .arya-plc-card-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 28px;
      max-width: 1180px;
      margin: 0 auto;
    }

    @media (max-width: 980px) {
      .arya-plc-card-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 620px) {
      .arya-plc-card-grid {
        grid-template-columns: 1fr;
      }
    }

    /* ---- Card ---- */
    .arya-plc-card {
      background: var(--plc-paper) !important;
      border-radius: var(--plc-radius);
      overflow: hidden;
      border: 1px solid var(--plc-line);
      box-shadow: 0 4px 14px -8px rgba(34, 26, 26, 0.18);
      transition: transform .35s ease, box-shadow .35s ease;
      display: flex;
      flex-direction: column;
    }

    .arya-plc-card:hover {
      transform: translateY(-6px);
      box-shadow: var(--plc-shadow);
    }

    .arya-plc-card-banner {
      position: relative;
      aspect-ratio: 16 / 5;
      overflow: hidden;
      background: #2A0E0F !important;
    }

    .arya-plc-card-banner img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform .5s ease;
    }

    .arya-plc-card:hover .arya-plc-card-banner img {
      transform: scale(1.06);
    }

    .arya-plc-card-banner::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(241, 58, 64, 0) 40%, rgba(193, 42, 47, 0.78) 100%) !important;
    }

    .arya-plc-card-badge {
      position: absolute;
      top: 14px;
      right: 14px;
      background: var(--plc-gold) !important;
      color: var(--plc-red-dark) !important;
      font-family: 'Poppins', sans-serif;
      font-weight: 700;
      font-size: 11px;
      letter-spacing: 0.04em;
      padding: 6px 12px;
      border-radius: 999px;
      box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.25);
      z-index: 2;
    }

    .arya-plc-card-banner-label {
      position: absolute;
      bottom: 14px;
      left: 16px;
      right: 16px;
      color: #fff !important;
      z-index: 2;
    }

    .arya-plc-card-banner-label .arya-plc-tag {
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      opacity: 0.85;
      color: #fff !important;
    }

    .arya-plc-card-body {
      background: var(--plc-paper) !important;
      padding: 22px 22px 24px;
      display: flex;
      flex-direction: column;
      flex: 1;
    }

    .arya-plc-card-body h3 {
      font-family: 'Poppins', sans-serif;
      font-weight: 700;
      font-size: 19px;
      margin: 0 0 8px;
      color: var(--plc-ink) !important;
      letter-spacing: 0.01em;
    }

    .arya-plc-card-body p {
      font-size: 14px;
      color: var(--plc-ink-soft) !important;
      line-height: 1.55;
      margin: 0 0 18px;
      flex: 1;
    }

    .arya-plc-card-cta {
      appearance: none;
      border: none;
      cursor: pointer;
      width: 100%;
      background: var(--plc-red) !important;
      color: #fff !important;
      font-family: 'Inter', sans-serif;
      font-weight: 600;
      font-size: 14.5px;
      letter-spacing: 0.02em;
      padding: 13px 18px;
      border-radius: 10px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      transition: background .25s ease, transform .15s ease;
    }

    .arya-plc-card-cta:hover {
      background: var(--plc-red-dark) !important;
    }

    .arya-plc-card-cta:active {
      transform: scale(0.98);
    }

    .arya-plc-card-cta svg {
      width: 16px;
      height: 16px;
      flex: none;
    }

    /* ---- Fullscreen modal popup ---- */
    .arya-plc-modal {
      position: fixed;
      inset: 0;
      z-index: 999999;
      display: none;
      background: rgba(34, 20, 18, 0.62) !important;
      backdrop-filter: blur(3px);
      padding: clamp(12px, 3vw, 32px);
      overflow-y: auto;
    }

    .arya-plc-modal.is-open {
      display: flex;
      align-items: flex-start;
      justify-content: center;
      animation: arya-plc-fade-in .22s ease;
    }

    @keyframes arya-plc-fade-in {
      from {
        opacity: 0;
      }

      to {
        opacity: 1;
      }
    }

    .arya-plc-modal-panel {
      background: var(--plc-paper) !important;
      width: min(100%, 1140px);
      margin: clamp(8px, 2vw, 30px) auto;
      border-radius: 18px;
      overflow: hidden;
      box-shadow: 0 30px 70px -20px rgba(0, 0, 0, 0.45);
      animation: arya-plc-slide-up .28s ease;
    }

    @keyframes arya-plc-slide-up {
      from {
        transform: translateY(24px);
        opacity: 0;
      }

      to {
        transform: translateY(0);
        opacity: 1;
      }
    }

    .arya-plc-modal-header {
      position: relative;
      background: var(--plc-paper) !important;
    }

    .arya-plc-modal-header img {
      width: 100%;
      display: block;
      max-height: 360px;
      object-fit: cover;
    }

    .arya-plc-modal-close {
      position: absolute;
      top: 16px;
      right: 16px;
      width: 40px !important;
      height: 40px !important;
      min-width: 40px !important;
      min-height: 40px !important;
      max-width: 40px !important;
      max-height: 40px !important;
      padding: 0 !important;
      margin: 0 !important;
      border-radius: 50% !important;
      background: rgba(255, 255, 255, 0.92) !important;
      border: none !important;
      cursor: pointer;
      display: flex !important;
      align-items: center;
      justify-content: center;
      color: var(--plc-red-dark) !important;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
      transition: background .2s ease, transform .2s ease;
      z-index: 10;
      line-height: 1;
      flex-shrink: 0;
    }

    .arya-plc-modal-close:hover {
      background: #fff !important;
      transform: rotate(90deg);
    }

    .arya-plc-modal-close svg {
      width: 18px;
      height: 18px;
    }

    .arya-plc-modal-body {
      background: var(--plc-paper) !important;
      padding: clamp(16px, 3vw, 30px);
    }

    .arya-plc-modal-stats {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      margin-bottom: 22px;
    }

    .arya-plc-stat {
      background: var(--plc-red-soft) !important;
      border-radius: 12px;
      padding: 12px 18px;
      flex: 1;
      min-width: 140px;
      text-align: center;
    }

    .arya-plc-stat strong {
      display: block;
      font-family: 'Poppins', sans-serif;
      font-size: 22px;
      font-weight: 800;
      color: var(--plc-red) !important;
    }

    .arya-plc-stat span {
      font-size: 12.5px;
      color: var(--plc-ink-soft) !important;
      font-weight: 500;
    }

    /* ---- Infinite Marquee Logo Slider ---- */
    .arya-plc-marquee-wrapper {
      overflow: hidden;
      background: #ffffff !important;
      border: 1px solid var(--plc-line);
      border-radius: 12px;
      padding: 16px 0;
      margin-bottom: 24px;
      display: flex;
      align-items: center;
      position: relative;
      /* gradient fades on left and right edges for a smooth effect */
      mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
      -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
    }

    .arya-plc-marquee-track {
      display: flex;
      gap: 30px;
      align-items: center;
      /* Adjust width to handle all duplicated logos smoothly */
      width: max-content;
      animation: arya-plc-scroll 100s linear infinite;
    }

    .arya-plc-marquee-wrapper:hover .arya-plc-marquee-track {
      animation-play-state: paused;
    }

    .arya-plc-marquee-item {
      flex-shrink: 0;
      width: clamp(80px, 10vw, 120px);
      /* 7-8 visible on desktop, smaller on mobile */
      height: 60px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .arya-plc-marquee-item img {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
      filter: grayscale(100%);
      opacity: 0.6;
      transition: all 0.3s ease;
    }

    .arya-plc-marquee-item img:hover {
      filter: grayscale(0%);
      opacity: 1;
      transform: scale(1.05);
    }

    @keyframes arya-plc-scroll {
      0% {
        transform: translateX(0);
      }

      100% {
        transform: translateX(-50%);
      }

      /* Scrolls exactly half the total width (because content is duplicated) */
    }

    /* ---- Table ---- */
    .arya-plc-table-wrap {
      background: var(--plc-paper) !important;
      border: 1px solid var(--plc-line);
      border-radius: 14px;

      /* Yahan change karein: 'auto' ki jagah 'scroll' use karein */
      overflow-y: scroll;
      overflow-x: auto;

      max-height: 75vh;
      box-shadow: 0 2px 10px -6px rgba(34, 26, 26, 0.12);

      /* Scrollbar hamesha dikhane ke liye track styling */
      scrollbar-width: thin;
      scrollbar-color: var(--plc-red) var(--plc-red-soft);
    }

    /* Chrome, Edge, Safari ke liye force visibility */
    .arya-plc-table-wrap::-webkit-scrollbar {
      width: 8px;
      display: block !important;
      /* Ye scrollbar track ko hamesha visible rakhega */
    }

    .arya-plc-table-wrap::-webkit-scrollbar-track {
      background: var(--plc-red-soft);
      border-radius: 4px;
      /* Track ko force dikhane ke liye background set kiya */
      visibility: visible !important;
    }

    .arya-plc-table-wrap::-webkit-scrollbar-thumb {
      background-color: var(--plc-red);
      border-radius: 4px;
    }

    .arya-plc-scope table.arya-plc-table {
      width: 100%;
      background: var(--plc-paper) !important;
      border-collapse: separate !important;
      border-spacing: 0 !important;
      font-size: 14px;
      min-width: 800px;
    }

    .arya-plc-scope table.arya-plc-table thead,
    .arya-plc-scope table.arya-plc-table tbody {
      background: transparent !important;
    }

    /* 1. Table wrapper ko relative banayein taaki header positioning sahi rahe */
    .arya-plc-table-wrap {
      position: relative;
      /* Zaroori hai */
      background: var(--plc-paper) !important;
      border: 1px solid var(--plc-line);
      border-radius: 14px;
      overflow: auto;
      max-height: 75vh;
    }

    /* 2. Header row ko absolute banayein aur gradient dein */
    .arya-plc-scope table.arya-plc-table thead {
      position: sticky;
      top: 0;
      z-index: 10;
      /* Gradient yahan apply karein */
      background-image: linear-gradient(95deg, #17349F 0%, #C41B29 100%) !important;
    }

    /* 3. th ko sirf spacing aur text ke liye use karein, no background */
    .arya-plc-scope table.arya-plc-table thead th {
      background: transparent !important;
      color: #fff !important;
      font-family: 'Poppins', sans-serif;
      padding: 15px 16px;
      border-bottom: 2px solid var(--plc-gold) !important;
      white-space: nowrap;
    }

    .arya-plc-scope table.arya-plc-table thead th:first-child {
      text-align: center;
    }

    .arya-plc-scope table.arya-plc-table tbody tr {
      background-color: var(--plc-paper) !important;
      transition: background-color .15s ease;
    }

    .arya-plc-scope table.arya-plc-table tbody tr:nth-child(even) {
      background-color: var(--plc-row-alt) !important;
    }

    .arya-plc-scope table.arya-plc-table tbody tr:hover {
      background-color: var(--plc-red-soft) !important;
    }

    .arya-plc-scope table.arya-plc-table tbody td {
      background-color: transparent !important;
      padding: 14px 16px;
      border-bottom: 1px solid var(--plc-line);
      color: var(--plc-ink) !important;
      vertical-align: middle;
    }

    .arya-plc-scope table.arya-plc-table tbody tr:last-child td {
      border-bottom: none;
    }

    .arya-plc-scope table.arya-plc-table td.arya-plc-col-sno {
      width: 56px;
      text-align: center;
    }

    .arya-plc-rank {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 28px;
      height: 28px;
      border-radius: 50%;
      background: var(--plc-chip-bg) !important;
      color: var(--plc-ink-soft) !important;
      font-weight: 700;
      font-size: 12.5px;
      font-family: 'Poppins', sans-serif;
    }

    .arya-plc-rank.is-top {
      background: linear-gradient(135deg, var(--plc-gold), var(--plc-gold-dark)) !important;
      color: #fff !important;
      box-shadow: 0 3px 8px -2px rgba(185, 129, 15, 0.55);
    }

    .arya-plc-scope table.arya-plc-table td.arya-plc-col-company {
      font-weight: 600;
      min-width: 200px;
    }

    .arya-plc-scope table.arya-plc-table td.arya-plc-col-date {
      color: var(--plc-ink-soft) !important;
      white-space: nowrap;
      font-size: 13.5px;
    }

    .arya-plc-scope table.arya-plc-table td.arya-plc-col-pkg {
      white-space: nowrap;
    }

    .arya-plc-pkg-pill {
      display: inline-flex;
      align-items: baseline;
      gap: 3px;
      background: var(--plc-red-soft) !important;
      color: var(--plc-red-dark) !important;
      font-family: 'Poppins', sans-serif;
      font-weight: 700;
      font-size: 13.5px;
      padding: 5px 12px;
      border-radius: 999px;
    }

    .arya-plc-pkg-pill .arya-plc-pkg-unit {
      font-family: 'Inter', sans-serif;
      font-weight: 500;
      font-size: 10.5px;
      opacity: 0.75;
      text-transform: uppercase;
      color: var(--plc-red-dark) !important;
    }

    .arya-plc-scope table.arya-plc-table td.arya-plc-col-branches {
      min-width: 260px;
    }

    .arya-plc-branch-chips {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
    }

    .arya-plc-branch-chip {
      display: inline-block;
      background: var(--plc-chip-bg) !important;
      color: var(--plc-ink-soft) !important;
      font-size: 11.5px;
      font-weight: 600;
      letter-spacing: 0.02em;
      padding: 3px 9px;
      border-radius: 6px;
      line-height: 1.5;
      white-space: nowrap;
    }

    .arya-plc-modal-footnote {
      margin: 16px 4px 0;
      font-size: 12.5px;
      color: var(--plc-ink-soft) !important;
      text-align: center;
    }

    body.arya-plc-modal-lock {
      overflow: hidden;
    }

    @media (prefers-reduced-motion: reduce) {

      .arya-plc-modal.is-open,
      .arya-plc-modal-panel,
      .arya-plc-card,
      .arya-plc-card-banner img {
        animation: none !important;
        transition: none !important;
      }

      .arya-plc-marquee-track {
        animation: none !important;
      }
    }