:root {
      --primary:    #0a3d91;
      --accent:     #f97316;
      --accent-dk:  #ea6c0a;
      --bg:         #f4f6fc;
      --white:      #ffffff;
      --text:       #0d1b3e;
      --text-mid:   #3a4b6b;
      --text-lt:    #6b7fa8;
      --border:     #dce3f0;
      --radius:     12px;
      --nav-h:      62px;
      --offset:     90px;
}   
 
 p{font-size:1rem;font-weight:400; color:#262a36; margin-bottom:14px; }
.plink{color:#0f5ddf; text-decoration:underline;font-weight:500;}
.plink:hover{color:#0f5ddf; text-decoration:none;font-weight:500;}
.cta-btn{display: inline-flex;align-items: center;gap: 7px;background: #f6693c;color: #fff;border: none;border-radius: 8px;padding: 10px 22px;font-weight: 500;font-size: .88rem;text-decoration: none;cursor: pointer;transition: background .2s;font-family: 'Poppins', sans-serif;margin: 8px 0;}
.cta-btn:hover{background: #d34123;color: #ffffff;text-decoration: none;}
.blg-btn.cta-btn{font-size: .8rem;padding: 7px 15px; }

.hero-video{width: 100%;max-width:720px; margin-top:0px; box-shadow: 0px 6px 8px -6px #000000;}
.hero-video-sub-page{max-width:600px;}
.hero-video-head{background: #1d2336;border-radius: 0.5rem 0.5rem 0rem 0rem;padding: 0.5rem 1.25rem;text-align: left;}
.hero-video-nav{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: #f14b7a; box-shadow: 16px 0 0 #fee618, 34px 0 0 #66c49b;}
.hero-video-frame-wrap{background: #363b4a;padding:0.5rem; border-radius: 0rem 0rem 0.5rem 0.5rem; cursor:pointer;}
.hero-video-frame{position: relative;background: url(https://logicerp.com//Content/Images/spin.gif) no-repeat #000000;background-position: center;background-size: 50px; width: 100%;max-width: 100%;aspect-ratio:  16 / 9; overflow: hidden;border-radius: 0 0 0.25rem 0.25rem;}
.hero-video-frame img, .hero-video-frame iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; cursor: pointer;}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1440px;}
    
/* ── Hero ── */
#hero { background: #fcfbfe; padding: 20px 0; color: #262a36; position: relative; overflow: hidden; border-bottom: 1px solid #ebefff}
#hero::before { content:''; position:absolute; inset:0; background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E"); }
.hero-badge {display: inline-block;background: rgb(246 105 60 / 15%);border: 0px solid rgba(255, 255, 255, .28);border-radius: 50px;padding: 4px 16px;font-size: .8rem;font-weight: 600;letter-spacing: .7px;text-transform: uppercase;margin-bottom: 18px;color: #ff3e00;font-family: poppins; }
.hero-title { font-size:2.3rem; font-weight:800; line-height:1.2; letter-spacing:-.4px;  }
.hero-title .hl { color:#0f5ddf; }
.hero-subtitle {color: #1a56db;font-weight: 600;font-size: 2rem; }
.hero-desc { font-size:.97rem;  max-width:500px; margin-bottom:32px; font-weight:400; }
.hero-btn { display:inline-flex; align-items:center; gap:7px; background:#f6693c; color:#fff; border:none; border-radius:8px; padding:12px 26px; font-weight:700; font-size:.92rem; text-decoration:none; box-shadow:0 6px 22px rgba(249,115,22,.0); transition:background .2s; }
.hero-btn:hover { background:#d34123; color:#fff; }
.hero-btn-ghost { background:rgba(255,255,255,.13); border:1.5px solid rgba(255,255,255,.32); box-shadow:none; }
.hero-btn-ghost:hover { background:rgba(255,255,255,.22); }
.hero-card { background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2); border-radius:18px; padding:22px; box-shadow:0 16px 48px rgba(0,0,0,.2); }

/* ── Mobile TOC ── */
#mobile-toc { display:none; position:sticky; top:93px; z-index:1040; background:var(--white); border-bottom:1.5px solid var(--border); padding:10px 16px; box-shadow:0 2px 8px rgba(10,61,145,.07); }
#mobile-toc select { width:100%; appearance:none; border:1.5px solid var(--border); border-radius:8px; padding:10px 40px 10px 14px; font-family:'Poppins',sans-serif; font-size:.87rem; font-weight:600; color:var(--primary); background:#eef2fb; cursor:pointer; }
.mob-arr { position:absolute; right:26px; top:50%; transform:translateY(-50%); color:var(--primary); pointer-events:none; }

/* ── Layout ── */
#content-wrap { padding:36px 0 80px; }
.layout-row { display:flex; gap:28px; align-items:flex-start; }

/* ── Sidebar ──*/
#sidebar {font-family: var(--FontFamilyPoppins); width:320px;flex-shrink:0;position:sticky;top:125px;max-height:calc(100vh - 135px);overflow:hidden;align-self:flex-start;   }
#sidebar::-webkit-scrollbar { width:3px; }
#sidebar::-webkit-scrollbar-thumb { background:var(--border); border-radius:4px; }
.sb-card { display: flex;flex-direction: column;    height: calc(100vh - 135px); background:var(--white); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; box-shadow:0 2px 12px rgba(10,61,145,.07); position:relative;}
.sb-head {position: sticky;top: 0;z-index: 2;background: linear-gradient(45deg, #262a36, #303d65);color: #fff;padding: 14px 18px;    font-size: .85rem;font-weight: 500;text-transform: uppercase;letter-spacing: .8px;display: flex;align-items: center;gap: 7px;}
/* Scrollable body */
.sb-body {overflow-y: auto;flex: 1;}
.sb-body::-webkit-scrollbar {width: 3px;}
.sb-body::-webkit-scrollbar-thumb {background: var(--border);border-radius: 4px;}
/* parent link */
.sb-link {display:flex; align-items:center; padding:8px 7px;font-size:.85rem; font-weight:400; color:#262a36;text-decoration:none; cursor:pointer;border-left:3px solid transparent;transition:background .15s, color .15s, border-color .15s;line-height:1.4; user-select:none; gap:6px;}
.sb-link:hover { background:#eef2fb; color:var(--primary); }
.sb-link.active {/* background:#e6edf9;*/ color:var(--primary); font-weight:500; border-left-color:var(--accent); }
.sb-link .chev { font-size:.65rem; transition:transform .25s; flex-shrink:0; margin-left:auto; padding-left:4px; }
.sb-link.open .chev { transform:rotate(180deg); }
/* submenu */
.sb-sub { display:none;  background:#fafafa; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; }
.sb-sub.open { display:block; }
.sb-sub-link {display:flex; align-items:center; gap:8px;padding:7px 16px 7px 18px; font-size:.8rem; font-weight:400;color:#262a36; text-decoration:none;border-left:3px solid transparent;  transition:background .15s, color .15s, border-color .15s;}
.sb-sub-link::before { content:''; width:5px; height:5px; border-radius:50%; background:var(--border); flex-shrink:0; transition:background .15s; }
.sb-sub-link:hover { background:#eef2fb; color:var(--primary); }
.sb-sub-link.active { color:var(--primary); font-weight:500; border-left-color:var(--accent); background:#eef2fb; }
.sb-sub-link.active::before { background:var(--accent); }

/* ── Content ── */
#content-col {font-family: var(--FontFamilyPoppins); flex:1; min-width:0; }
.cs {background:var(--white); border:1px solid var(--border);border-radius:var(--radius); padding:38px 42px;margin-bottom:26px; /*box-shadow:0 2px 12px rgba(10,61,145,.07);*/}
/* All anchors (section + sub-section) need scroll-margin so sticky nav doesn't cover them */
.cs, .cs [id] { scroll-margin-top:var(--offset); }


.sec-title { font-size:1.5rem; font-weight:600; color:var(--text); letter-spacing:-.3px; margin-bottom:16px; line-height:1.28; }
/*.sec-tag { display:none; background:#e8eefa; color:var(--primary); font-size:.7rem; font-weight:700; letter-spacing:.7px; text-transform:uppercase; padding:3px 11px; border-radius:4px; margin-bottom:8px; }*/
.sec-tag{display:none;}
.sub-head { font-size:1.02rem; font-weight:600; color:var(--primary); margin:26px 0 10px; padding-bottom:6px; border-bottom:1px solid var(--border); display:flex; align-items:center; gap:7px; }
.sub-head i { color:var(--accent); }
.sub-head-dot{font-size:0.45rem; line-height:1;}

.list{list-style: disc;padding-left: 2rem;margin-bottom: 1rem;}
.list li{font-size:1rem; margin-bottom:8px;}

.info-box { background:linear-gradient(135deg,#eef2fb,#f5f7ff); border-left:4px solid var(--primary); border-radius:0 8px 8px 0; padding:16px 20px; margin:18px 0; font-size:1rem; color:var(--text-mid); }
.info-box strong { color:var(--primary); }

.feat-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(186px,1fr)); gap:14px; margin:18px 0; }
.grid-col-3{grid-template-columns:1fr 1fr 1fr;}
.grid-col-2{grid-template-columns:1fr 1fr;}
.feat-grid-t{grid-template-columns: repeat(auto-fill, minmax(252px, 1fr));}
.feat-card { background:var(--bg); border:1px solid var(--border); border-radius:10px; padding:18px 16px; transition:box-shadow .2s,transform .2s; }
.feat-card:hover { box-shadow:0 6px 28px rgba(10,61,145,.13); transform:translateY(-3px); }
.feat-card .ic { font-size:1.4rem; color:var(--accent); margin-bottom:8px; }
.feat-card h5{ font-size:1rem; font-weight:600; color:var(--text); margin-bottom:5px; }
/*.feat-card p { font-size:.95rem; margin:0; font-weight:400; }*/

.phase-wrap { margin:20px 0; }
.phase-item { display:flex; gap:16px; margin-bottom:18px; position:relative; }
.phase-dot { width:24px; height:24px; border-radius:50%; background:var(--primary); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:500; font-size:.75rem; flex-shrink:0; }
.phase-line { position:absolute; left:12px; top:24px; bottom:-18px; width:2px; background:var(--border); }
#history .phase-dot{width:34px; height:34px; }
#history .phase-line{ position:absolute; left:16px; top:34px; }
.phase-item:last-child .phase-line { display:none; }
/*.phase-body { padding-top:5px; }*/
.phase-body h5{font-size:1rem; font-weight:600; color:var(--text); margin-bottom:3px; }
 /*.phase-body p { font-size:.95rem; margin:0; }*/

.benefit-list { list-style:none; padding:0; margin:0; }
.benefit-list h3{font-size: 1.05rem;font-weight: 600;color: var(--text);margin-bottom: 5px;}
.benefit-list li { display:flex; gap:12px; align-items:flex-start; padding:11px 0; border-bottom:1px solid var(--border); color:var(--text-mid);}
.benefit-list li:last-child { border-bottom:none; }
.benefit-list strong{font-weight:600;}
.b-num { background:var(--primary); color:#fff; border-radius:50%; width:24px; height:24px;line-height: 2; display:flex; align-items:center; justify-content:center; font-size:.68rem; font-weight:500; flex-shrink:0; margin-top:2px; }

.faq-solutions{font-size:1rem; color:#262a36}


/*------ABC Analysis START------*/
   
   .icn-rupee{font-family:sans-serif}

   /* Industry table */
 /*   .ind-table{width:100%;border-collapse:collapse;font-size:.85rem;margin:18px 0;}
    .ind-table th{background:#262a36;color:#fff;padding:10px 12px;font-weight:600;text-align:left;}
    .ind-table td {padding:9px 12px;border-bottom:1px solid var(--border);color:#262a36;}
    .ind-table tr:nth-child(even) td{background:#f8faff;}*/

        /* Table styles */
    .data-table{width:100%;border-collapse:collapse;font-size:1rem;margin:18px 0;}
    .data-table th{background:#354060;color:#fff;padding:10px 12px;font-weight:500;text-align:left;}
    .data-table td{padding:9px 12px;border-bottom:1px solid var(--border);color:#262a36;}
    .data-table tr:nth-child(even) td{background:#f8faff;}
    .data-table tr:hover td{background:#eef2fb;}
    .badge-a{display:inline-block;background:#dcfce7;color:#166534;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:4px;}
    .badge-b{display:inline-block;background:#fef9c3;color:#854d0e;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:4px;}
    .badge-c{display:inline-block;background:#fee2e2;color:#991b1b;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:4px;}

        /* Cycle count table */
  /*  .cycle-table, .mig-table{width:100%;border-collapse:collapse;font-size:1rem;margin:18px 0;}
    .cycle-table th, .mig-table th{background:var(--primary);color:#fff;padding:10px 12px;font-weight:600;text-align:left;}
    .cycle-table td, .mig-table td{padding:9px 12px;border-bottom:1px solid var(--border);color:#262a36;}
    .cycle-table tr:nth-child(even) td, .mig-table tr:nth-child(even) td{background:#f8faff;}*/

     .blg-heading{font-size: 0.95rem; margin:0px;}




    /* ── Responsive ── */
    @media (max-width:991.98px) {
      #sidebar { display:none; }
      #mobile-toc { display:block; }
      .cs { padding:26px 20px; }
      #hero { padding:1rem 0; }
      .hero-title{font-size: 1.35rem;}
      .hero-subtitle{font-size:1.25rem;}
      .hero-desc{margin-bottom:15px;}
    }
    
@media (max-width:767px) {
    .data-table th{white-space: nowrap;}
    .cs{padding:1rem; margin-bottom: 1rem;}
    .feat-card{padding:0.5rem;}
    .feat-card .ic{display:inline-block; font-size:1rem;margin-bottom: 0px;}
    .feat-card h5{display:inline-block;  font-size:0.95rem;  margin-left:5px;}
    
    .faq-ques, .sub-head{font-size:1rem;}
    .sec-title {font-size:1.1rem; }
    p, .list li, .hero-desc, .data-table,.faq-solutions, .info-box{font-size:0.9rem;}
    .cta-btn{padding:8px;}
}
    @media (max-width:575.98px) {      
      .cta-block { padding:36px 22px; }
      .feat-grid { grid-template-columns:1fr; }
    }






    /*Guid Landing Page*/
     /* ── GUIDE CARDS ────────────────────────────── */
     /*.guide-card-wrap{display:grid; grid-template-columns:1fr 1fr; gap:15px;}*/
     .guide-card-wrap{display:grid; grid-template-columns:1fr; gap:15px;}
    .guide-card {background: #ffffff;border: 1px solid var(--border);border-radius: 0px;padding: 1.4rem 1.4rem 1.2rem;display: flex; gap: 1.1rem; align-items: flex-start;transition: box-shadow .25s, border-color .25s, transform .2s;cursor: pointer;position: relative; overflow: hidden;}
    .guide-card::before {content: '';position: absolute; top: 0; left: 0; right: 0;height: 3px;background: linear-gradient(90deg, var(--primary), var(--accent));transform: scaleX(0);transform-origin: left;transition: transform .3s ease;}
    .guide-card:hover::before { transform: scaleX(1); }
    .guide-card:hover {box-shadow: var(--shadow-hover);border-color: rgba(10,110,189,.18);transform: translateY(0px);}
    .guide-icon-wrap {flex-shrink: 0;width: 48px; height: 48px;border-radius: 12px;display: flex; align-items: center; justify-content: center; color:#c3cad7;font-size: 2rem;}

    /*.guide-icon-blue { background:#e8f3fb; color: var(--primary); }*/

    .guide-body { flex: 1;display: flex;flex-direction: column;justify-content: space-between;}
    .guide-meta {display: flex; align-items: center; gap: .5rem;flex-wrap: wrap; margin-bottom: .45rem;}
    .guide-tag { background: var(--accent-light); color: #008C7A;  font-size: .7rem; font-weight: 700;padding: .2rem .55rem; border-radius: 100px;letter-spacing: .3px; text-transform: uppercase;}
   .tag-cloud { background: #e8f3fb; color: var(--primary); }
  
       
    .guide-h {font-size: 1.05rem; font-weight: 600;color: #262a36; line-height: 1.4;margin: 0 0 .45rem;text-decoration: none; display: block;transition: color .2s;}
    .guide-card:hover .guide-h { color: var(--primary); }
    .guide-desc {font-size: 0.95rem; color: #262a36;line-height: 1.65; margin: 0 0 .85rem;}
    .guide-footer {display: flex; align-items: center; gap: 1rem;flex-wrap: wrap;}

    .guide-btn {margin-left: auto;display: inline-flex; align-items: center; gap: .35rem;font-size: .8rem; font-weight: 600;color: var(--primary);text-decoration: none;padding: .38rem .85rem;border: 1.5px solid var(--primary);border-radius: 100px;transition: background .2s, color .2s;}
    .guide-card:hover .guide-btn {background: var(--primary);color: #fff;}

@media (max-width:767px) {
    .guide-card{padding:1rem;}
    .guide-card-wrap {grid-template-columns: 1fr;}
}