/*
Theme Name: inventoryshub
Theme URI: https://inventoryshub.com/
Author: inventoryshub Team
Author URI: https://inventoryshub.com/
Description: Modern SaaS and blog theme for inventoryshub estimation software platform.
Version: 1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: inventoryshub
*/
/* ═══════════════════════════════════════════
   DOCUMO DESIGN SYSTEM — Exact match
═══════════════════════════════════════════ */
    :root {
      --blue:           #0453a7;
      --blue-hover:     #0d68c8;
      --blue-light:     #4D8DFF;
      --blue-soft:      #EBF2FF;
      --blue-glow:      #1d99ed;
	  
       --sky-blue:      #44b4ff;
	   --sky-blue-hover:      #44b4ff;
      --green:          #43aa8b;
      --green-hover:    #00A86A;
      --green-soft:     #E6FBF3;

       --announce-bg:    #1B2140;
      --dark:           #1a324f;
      --dark2:          #131929;
      --dark3:          #1B2140;

      --text-heading:   #1a324f;
      --text-body:      #485b72;
      --text-muted:     #6B7280;
      --text-light:     #9CA3AF;

      --bg:             #FFFFFF;
      --bg-section:     #F7F9FC;
      --bg-card:        #FFFFFF;

      --border:         #E5E8F0;
      --border-hover:   rgba(16,102,255,.25);

      --orange:         #F97316;
      --red:            #EF4444;
      --amber:          #F59E0B;
      --purple:         #7C3AED;

      --sh-xs:  0 1px 3px rgba(13,19,36,.06);
      --sh-sm:  0 2px 8px  rgba(13,19,36,.07);
      --sh-md:  0 6px 20px rgba(13,19,36,.09);
      --sh-lg:  0 16px 40px rgba(13,19,36,.11);
      --sh-xl:  0 28px 60px rgba(13,19,36,.14);
     /* --sh-b:   0 6px 20px rgba(16,102,255,.28);
      --sh-bh:  0 10px 32px rgba(16,102,255,.36);*/
      --sh-g:   0 6px 20px rgba(0,196,125,.3);

      --r-sm:  6px;
      --r:     10px;
      --r-md:  14px;
      --r-lg:  18px;
      --r-xl:  24px;

      --text-xs: clamp(.65rem, .03vw + .65rem, .7rem);
--text-s:  clamp(.78rem, .08vw + .76rem, .85rem);
--text-m:  clamp(.94rem, .15vw + .9rem, 1.05rem);
--text-l:  clamp(1.1rem, .25vw + 1.05rem, 1.28rem);
--text-xl: clamp(1.32rem, .38vw + 1.25rem, 1.6rem);
--text-2xl: clamp(1.58rem, .55vw + 1.45rem, 2rem);
--text-3xl: clamp(1.9rem, .8vw + 1.7rem, 2.5rem);
--text-4xl: clamp(2.2rem, 1.1vw + 2rem, 3rem);
    }
 /* ─── CSS Variables ─── */
    .qe-wrap {
      --qe-navy:        #0c1f3f;
      --qe-blue:        #1a4ab0;
      --qe-blue-mid:    #2563eb;
      --qe-blue-light:  #e8eef8;
      --qe-orange:      #e85d04;
      --qe-orange-lt:   #fff4ec;
      --qe-green:       #0a7c42;
      --qe-green-lt:    #edf7f1;
      --qe-gray-900:    #111827;
      --qe-gray-700:    #374151;
      --qe-gray-500:    #6b7280;
      --qe-gray-300:    #d1d5db;
      --qe-gray-200:    #e5e7eb;
      --qe-gray-100:    #f9fafb;
      --qe-white:       #ffffff;
      --qe-font-head:   'Libre Baskerville', Georgia, 'Times New Roman', serif;
      --qe-font-body:   'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
      --qe-sidebar-w:   284px;
      --qe-radius:      10px;
      --qe-shadow:      0 2px 12px rgba(12,31,63,.10);
      --qe-shadow-lg:   0 8px 40px rgba(12,31,63,.16);
    }
/* Reset */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family: 'Inter', sans-serif;font-size:16px;color:#475467;background:#eef1f5;overflow-x:hidden;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
h1,h2,h3,h4,h5{font-family: "Poppins", sans-serif;color:var(--text-heading);line-height:1.4; color: #101828; font-weight: 600;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}

/* Layout */
.container{max-width:1180px;margin:0 auto;padding:0 28px;}
.section{padding:60px 0;}
.section-sm{padding:68px 0;}



  /* ─────────────────────────────────
       BUTTONS
    ───────────────────────────────── */
.btn{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:var(--r);font-family:"Poppins",sans-serif;font-size:var(--text-m);font-weight:600;cursor:pointer;border:none;transition:all .2s;white-space:nowrap}
.btn-blue{background:#1d99ed;color:#fff;box-shadow:var(--sh-b)}
.btn-blue:hover{background:#44b4ff;box-shadow:var(--sh-bh);transform:translateY(-1px)}
.btn-green{background:var(--green);color:#fff}
.btn-green:hover{background:var(--green-hover);transform:translateY(-1px)}
.btn-outline{background:transparent;color:var(--text-heading);border:2px solid #1a324f}
.btn-outline:hover{border-color:#1a324f;color:#fff;background:#0e2036}
.btn-outline-white{background:transparent;color:rgba(255,255,255,.88);border:1.5px solid rgba(255,255,255,.32)}
.btn-outline-white:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.6);color:#fff}
.btn.circle{border-radius:100px!important}
.btn-lg{padding:14px 28px;font-size:var(--text-l);border-radius:12px}
.btn-sm{padding:8px 16px;font-size:var(--text-s);border-radius:8px}
.hero-badge{display:inline-flex;align-items:center;gap:7px;background:var(--blue-soft);border:1px solid rgba(16,102,255,.2);color:var(--blue);font-size:12px;font-weight:600;padding:5px 14px;border-radius:100px;margin-bottom:24px}
.hero-badge .dot{width:6px;height:6px;background:var(--blue);border-radius:50%;animation:blink 2s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
	 /* ─────────────────────────────────
       TAGS / CHIPS
    ───────────────────────────────── */
.tag{display:inline-flex;align-items:center;gap:6px;background:var(--blue-soft);color:var(--blue);font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;padding:5px 13px;border-radius:100px;margin-bottom:16px}
.tag-green{background:var(--green-soft);color:var(--green-hover)}
.tag-dark{background:rgba(255,255,255,.12);color:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.18)}
	/* ─────────────────────────────────
       SECTION HEADINGS
    ───────────────────────────────── */
    .section-title{font-size:var(--text-2xl);font-weight:600;max-width:660px;margin-bottom:14px;line-height:1.14}
.section-sub{font-size:16px;color:var(--text-muted);max-width:580px;margin-bottom:30px;line-height:1.72;font-weight:400}
    .text-center { text-align: center; }
    .text-center .section-title,
    .text-center .section-sub { margin-left: auto; margin-right: auto; }
 /* Feature count pills */
.hero-pills{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:56px}
.hero-pill{display:inline-flex;align-items:center;gap:7px;background:var(--bg-section);border:1px solid var(--border);color:var(--text-heading);font-size:13px;font-weight:500;padding:8px 16px;border-radius:100px}
.hero-pill .pill-icon{font-size:15px}

  
    /* ─── Shared variables — same as blog post template ─── */
      .qe-bi-page {
      --qe-navy:       #0c1f3f;
      --qe-blue:       #1a4ab0;
      --qe-blue-mid:   #2563eb;
      --qe-blue-light: #e8eef8;
      --qe-orange:     #e85d04;
      --qe-orange-lt:  #fff4ec;
      --qe-green:      #0a7c42;
      --qe-green-lt:   #edf7f1;
      --qe-gray-900:   #111827;
      --qe-gray-700:   #374151;
      --qe-gray-500:   #6b7280;
      --qe-gray-300:   #d1d5db;
      --qe-gray-200:   #e5e7eb;
      --qe-gray-100:   #f9fafb;
      --qe-white:      #ffffff;
      --qe-font-head:  'Libre Baskerville', Georgia, serif;
      --qe-font-body:  'Nunito Sans', -apple-system, sans-serif;
      --qe-radius:     10px;
      --qe-shadow:     0 2px 12px rgba(12,31,63,.10);
      --qe-shadow-lg:  0 8px 40px rgba(12,31,63,.16);
    }
    .qe-bi-page *,
    .qe-bi-page *::before,
    .qe-bi-page *::after { box-sizing: border-box; }
    .qe-bi-page {
      font-family: var(--qe-font-body);
      color: var(--qe-gray-700);
      line-height: 1.6;
    }
    /* ─── HERO ─── */
    .qe-bi-hero {
      background: linear-gradient(135deg, #f0f8ff 0%, #eff6ff 100%);
      padding: 40px 48px 40px;
      position: relative;
      overflow: hidden;
    }

    .qe-bi-hero-inner { max-width: 780px; position: relative; z-index: 1; }
    .qe-bi-hero-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .08em;
      color: var(--qe-orange);
      margin-bottom: 18px;
    }
    .qe-bi-hero-eyebrow::before {
      content: '';
      display: block;
      width: 24px; height: 2px;
      background: var(--qe-orange);
    }
    .qe-bi-hero h1 {
      font-family: var(--qe-font-head);
      font-size: clamp(28px, 4vw, 42px);
      font-weight: 700;
      color: #111827;
      line-height: 1.15;
      margin: 0 0 16px;
      letter-spacing: -.015em;
    }
    .qe-bi-hero h1 em {
      font-style: normal;
      color: #93b4f5;
    }
    .qe-bi-hero-sub {
      font-size: 17px;
      color: #111827;
      margin-bottom: 32px;
      max-width: 560px;
      line-height: 1.65;
    }
    .qe-bi-hero-stats {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }
    .qe-bi-stat-pill {
      background: rgba(255,255,255,.1);
      border: 1.5px solid #bfdbfe;
      border-radius: 100px;
      padding: 7px 16px;
      font-size: 13px;
      color: #111827;
      font-weight: 600;
      backdrop-filter: blur(4px);
    }
    .qe-bi-stat-pill strong { color: #111827;}
    /* ─── SEARCH BAR ─── */
    .qe-bi-search-bar {
      background: var(--qe-white);
      border-bottom: 1px solid var(--qe-gray-200);
      padding: 20px 48px;
      display: flex;
      align-items: center;
      gap: 16px;
    }
    .qe-bi-search-wrap {
      position: relative;
      flex: 1;
      max-width: 440px;
    }
    .qe-bi-search-icon {
      position: absolute;
      left: 14px;
      top: 50%;
      transform: translateY(-50%);
      color: var(--qe-gray-300);
      pointer-events: none;
      font-size: 16px;
    }
    .qe-bi-search-input {
      width: 100%;
      border: 1.5px solid var(--qe-gray-200);
      border-radius: 8px;
      padding: 10px 14px 10px 40px;
      font-family: var(--qe-font-body);
      font-size: 15px;
      color: var(--qe-gray-700);
      outline: none;
      transition: border-color .2s;
      background: var(--qe-gray-100);
    }
    .qe-bi-search-input:focus {
      border-color: var(--qe-blue);
      background: var(--qe-white);
    }
    .qe-bi-search-input::placeholder { color: var(--qe-gray-300); }
    .qe-bi-search-count {
      font-size: 14px;
      color: var(--qe-gray-500);
      margin-left: auto;
      white-space: nowrap;
    }
    /* ─── CATEGORY TABS ─── */
 .qe-bi-tabs {
    padding: 10px 5px;
    background: var(--qe-white);
    display: flex;
    gap: 4px;
    overflow-x: auto;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0 50px;
    max-width: 100%;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}
    .qe-bi-tabs::-webkit-scrollbar { display: none; }
  .qe-bi-tab {
    flex-shrink: 0;
    padding: 6px 12px;
    font-family: var(--qe-font-body);
    font-size: 14px;
    font-weight: 500;
    color: var(--qe-gray-500);
    background: linear-gradient(135deg, #f0f8ff 0%, #eff6ff 100%);
    border: 1px solid transparent;
    margin-bottom: -2px;
    cursor: pointer;
    transition: color .15s, border-color .15s;
    white-space: nowrap;
    border-radius: 8px;
}
    .qe-bi-tab:hover { color: var(--qe-navy); }
    .qe-bi-tab.active {
    color: var(--qe-blue);
    border-color: var(--qe-blue);
    border-bottom: 3px solid var(--qe-blue);
}
    .qe-bi-tab .qe-bi-tab-count {
    display: inline-block;
    background: var(--qe-gray-100);
    border-radius: 100px;
    font-size: 9px;
    font-weight: 600;
    padding: 2px 5px;
    margin-left: 6px;
    color: var(--qe-gray-500);
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 18px;
}
    .qe-bi-tab.active .qe-bi-tab-count {
    background: var(--qe-blue);
    color: #fff;
}
    /* ─── PAGE BODY ─── */
    .qe-bi-body { padding: 0 48px 64px; background: var(--qe-white); }
    /* ─── FEATURED SECTION ─── */
    .qe-bi-section-label {
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .09em;
      color: var(--qe-gray-500);
      padding: 36px 0 20px;
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .qe-bi-section-label::after {
      content: '';
      flex: 1;
      height: 1px;
      background: var(--qe-gray-200);
    }
    .qe-bi-featured-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
      margin-bottom: 8px;
    }
    /* Featured card */
   .qe-bi-feat-card {
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    transition: box-shadow .2s, transform .15s;
    background: #fff;
}
    .qe-bi-feat-card:hover {
    box-shadow: 0 8px 40px rgba(12, 31, 63, .16);
    transform: translateY(-3px);
}
    .qe-bi-feat-img {
      width: 100%;
      aspect-ratio: 16/9;
      object-fit: cover;
      display: block;
      background: var(--qe-gray-100);
    }
    .qe-bi-feat-img-placeholder {
      width: 100%;
      aspect-ratio: 16/9;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 32px;
    }
    .qe-bi-feat-body { padding: 22px; flex: 1; display: flex; flex-direction: column; }
    .qe-bi-feat-cat {
      display: inline-block;
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .07em;
      color: var(--qe-blue);
      background: var(--qe-blue-light);
      padding: 3px 10px;
      border-radius: 100px;
      margin-bottom: 12px;
    }
    .qe-bi-feat-title {
      font-family: var(--qe-font-head);
      font-size: 17px;
      font-weight: 700;
      color: var(--qe-navy);
      line-height: 1.35;
      margin-bottom: 10px;
      flex: 1;
    }
    .qe-bi-feat-excerpt {
      font-size: 13.5px;
      color: var(--qe-gray-500);
      line-height: 1.6;
      margin-bottom: 16px;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .qe-bi-feat-meta {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 12.5px;
      color: var(--qe-gray-500);
      border-top: 1px solid var(--qe-gray-100);
      padding-top: 14px;
      margin-top: auto;
    }
    .qe-bi-feat-meta img {
      width: 24px; height: 24px;
      border-radius: 50%; object-fit: cover;
    }
    .qe-bi-feat-meta strong { color: var(--qe-gray-700); }
    .qe-bi-feat-meta .dot { color: var(--qe-gray-300); }
    .qe-bi-feat-read {
      margin-left: auto;
      font-size: 12px;
      font-weight: 700;
      color: var(--qe-blue);
    }
    /* ─── ALL POSTS GRID ─── */
    .qe-bi-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 30px; 
    }
    /* Regular card */
    .qe-card {
      border: 1px solid var(--qe-gray-200);
      border-radius: var(--qe-radius);
      overflow: hidden;
      text-decoration: none;
      display: flex;
      flex-direction: column;
      transition: box-shadow .2s, transform .15s, border-color .2s;
      background: var(--qe-white);
    }
    .qe-card:hover {
      box-shadow: var(--qe-shadow);
      border-color: var(--qe-blue);
      transform: translateY(-2px);
    }
    .qe-card-thumb {
      width: 100%;
	  height:203px;
      aspect-ratio: 16/9;
      object-fit: cover;
      display: block;
      background: var(--qe-gray-100);
    }
    .qe-card-thumb-placeholder {
      width: 100%;
      aspect-ratio: 16/9;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 28px;
    }
    /* Category color coding for placeholders */
    .qe-card-thumb-placeholder.cat-contractor { background: linear-gradient(135deg, #e8eef8, #d4e0f5); }
    .qe-card-thumb-placeholder.cat-estimate-workflow{ background: linear-gradient(135deg, #edf7f1, #c8eeda); }
    .qe-card-thumb-placeholder.cat-estimation-problems{ background: linear-gradient(135deg, #fff4ec, #ffd9be); }
    .qe-card-thumb-placeholder.cat-excel-vs-estimation-software{ background: linear-gradient(135deg, #f0f9ff, #bae6fd); }
    .qe-card-thumb-placeholder.cat-software    { background: linear-gradient(135deg, #f5f3ff, #ddd6fe); }
    .qe-card-body { padding: 18px; flex: 1; display: flex; flex-direction: column; }
    .qe-card-cat {
      display: inline-block;
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .07em;
      color: var(--qe-blue);
      background: var(--qe-blue-light);
      padding: 3px 9px;
      border-radius: 100px;
      margin-bottom: 10px;
    }
    .qe-card-title {
      font-family: var(--qe-font-head);
      font-size: 15.5px;
      font-weight: 700;
      color: var(--qe-navy);
      line-height: 1.38;
      margin-bottom: 9px;
      flex: 1;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .qe-card-excerpt {
      font-size: 14px;
     color: #26292d;
      line-height: 1.58;
      margin-bottom: 14px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .qe-card-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-top: 1px solid var(--qe-gray-100);
      padding-top: 12px;
      margin-top: auto;
    }
    .qe-card-readtime {
      font-size: 12px;
      color: var(--qe-gray-500);
      display: flex;
      align-items: center;
      gap: 5px;
    }
    .qe-card-arrow {
      font-size: 12px;
      font-weight: 700;
      color: var(--qe-blue);
    }
    /* ─── NO RESULTS ─── */
    .qe-bi-no-results {
      display: none;
      grid-column: 1/-1;
      text-align: center;
      padding: 60px 20px;
      color: var(--qe-gray-500);
    }
    .qe-bi-no-results h3 {
      font-family: var(--qe-font-head);
      font-size: 20px;
      color: var(--qe-navy);
      margin-bottom: 8px;
    }
    /* ─── COMING SOON NOTICE ─── */
    .qe-bi-more-notice {
      text-align: center;
      padding: 36px 20px 0;
      font-size: 14px;
      color: var(--qe-gray-500);
      display: none;
    }
    /* ─── BOTTOM CTA BANNER ─── */
    .qe-bi-cta {
      background: linear-gradient(135deg, var(--qe-navy) 0%, #193a7e 100%);
      border-radius: 16px;
      padding: 52px 40px;
      text-align: center;
      margin: 52px 0 0;
      position: relative;
      overflow: hidden;
    }
    .qe-bi-cta::before {
      content: '';
      position: absolute;
      top: -60px; right: -60px;
      width: 260px; height: 260px;
      border-radius: 50%;
      background: rgba(232,93,4,.12);
      pointer-events: none;
    }
    .qe-bi-cta h2 {
      font-family: var(--qe-font-head);
      font-size: clamp(20px, 2.8vw, 30px);
      color: var(--qe-white);
      margin-bottom: 12px;
      position: relative;
    }
    .qe-bi-cta p {
      color: rgba(255,255,255,.75);
      font-size: 16px;
      margin-bottom: 28px;
      max-width: 480px;
      margin-left: auto;
      margin-right: auto;
      position: relative;
    }
    .qe-bi-cta-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; position: relative; }
    .qe-bi-btn-primary {
      display: inline-block;
      background: var(--qe-orange);
      color: var(--qe-white);
      font-weight: 700;
      font-size: 15px;
      padding: 14px 32px;
      border-radius: 8px;
      text-decoration: none;
      transition: background .2s, transform .1s;
    }
    .qe-bi-btn-primary:hover { background: #c94d00; transform: translateY(-1px); }
    .qe-bi-btn-ghost {
      display: inline-block;
      background: transparent;
      color: rgba(255,255,255,.85);
      border: 1.5px solid rgba(255,255,255,.3);
      font-weight: 600;
      font-size: 14px;
      padding: 13px 24px;
      border-radius: 8px;
      text-decoration: none;
      transition: border-color .2s;
    }
    .qe-bi-btn-ghost:hover { border-color: #fff; color: #fff; }
	.wp-block-pullquote {
    position: relative;
    box-sizing: border-box;
    margin: 30px 0 !important;
    padding: 40px 50px !important;
    text-align: center;
    background: #f8f9fa;
    border-radius: 12px;
    overflow: hidden;
}
.wp-block-pullquote blockquote{margin:0;position:relative}
.wp-block-pullquote p {
    font-size: 18px;
    line-height: 1.6;
    margin: 0;
}
.wp-block-pullquote p::before{content:"“";position:absolute;top:-20px;left:-25px;font-size:80px;line-height:1;color:#f5821f;font-family:Georgia,serif}
.wp-block-pullquote p::after{content:"”";position:absolute;right:-25px;bottom:-50px;font-size:80px;line-height:1;color:#f5821f;font-family:Georgia,serif}
.wp-block-pullquote a{color:#f5821f;text-decoration:none;font-weight:600}
.wp-block-pullquote a:hover{text-decoration:underline}
    /* ─── Responsive ─── */
    @media (max-width: 960px) {
      .qe-bi-hero, .qe-bi-search-bar, .qe-bi-tabs, .qe-bi-body { padding-left: 28px; padding-right: 28px; }
      .qe-bi-featured-grid { grid-template-columns: 1fr 1fr; }
      .qe-bi-featured-grid .qe-bi-feat-card:last-child { display: none; }
      .qe-bi-grid { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 640px) {
      .qe-bi-hero { padding: 44px 20px 40px; }
      .qe-bi-search-bar, .qe-bi-tabs, .qe-bi-body { padding-left: 16px; padding-right: 16px; }
      .qe-bi-featured-grid { grid-template-columns: 1fr; }
      .qe-bi-featured-grid .qe-bi-feat-card:nth-child(n+2) { display: none; }
      .qe-bi-grid { grid-template-columns: 1fr; }
      .qe-bi-tabs { padding-left: 16px; }
    }
    /* ══════════════════════════════════════════════════════════════
       END OF WORDPRESS CSS
       ══════════════════════════════════════════════════════════════ */


 /* ═══════════════════════════════════════════
       FOOTER  (Documo deep dark navy)
    ═══════════════════════════════════════════ */
footer{background:var(--dark);border-top:1px solid rgb(255 255 255 / .06);color:rgb(255 255 255 / .42);padding:64px 0 32px}
.footer-container{max-width:1400px;margin:0 auto;padding:0 20px 0}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px;margin-bottom:40px}
.footer-col h4{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px;display:flex;align-items:center;gap:8px;color:#e0e7ff}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.footer-col ul a{font-size:var(--text-s);color:#fff;transition:color .17s}
.footer-col ul a:hover{color:var(--green)}
.social-links{display:flex;gap:12px;margin-top:16px}
.social-links a{width:40px;height:40px;background:rgba(255,255,255,.1);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s;margin:0}
.social-links a:hover{background:var(--sky-blue);color:#fff}
.footer-bottom{border-top:1px solid rgb(255 255 255 / .06);padding-top:26px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:rgb(255 255 255 / .26);flex-wrap:wrap;gap:10px}

.cluster-hero h1{font-size:24px;text-align:left;margin-bottom:20px}
.cluster-hero p{font-size:16px;text-align:left;max-width:830px;margin:0}
.context-bar{background:#fff;border-left:4px solid #0453a7;padding:15px 20px;margin:20px auto;max-width:900px;box-shadow:0 10px 30px rgba(15,23,42,.08)}
.context-bar br,.article-body p br{display:none}

.article h2,.article-body h2,.article .sub-heading{font-size:22px;margin:25px 0 10px;line-height:1.4}
.article h3, .article-body h3{font-size:20px;margin:25px 0 10px;line-height:1.4}
.article p, .article-body p{margin:0 0 15px; font-size:16px}
.article-body ul{padding-left:30px;margin:0 0 20px;}
.cluster-nav {
    margin: 30px 0;
    position: static;
    border: none;
}
.cluster-nav h4{margin:0 0 18px;font-size:24px;font-weight:600;line-height:1.3;position:relative;padding-bottom:12px}
.cluster-nav h4::after{content:"";position:absolute;left:0;bottom:0;width:70px;height:2px;background:#0453a7;border-radius:10px}
.qe-content .cluster-nav ul{margin:0;padding:0;list-style:none}
.qe-content .cluster-nav ul li{margin-bottom:12px; display:block; padding:0;}
.qe-content .cluster-nav ul li:last-child{margin-bottom:0}
.qe-content .cluster-nav ul li a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#333;background:#f8fbff;border:1px solid rgba(4,83,167,.1);border-radius:12px;padding:14px 16px;font-size:15px;font-weight:500;transition:all .3s ease}
.qe-content .cluster-nav ul li::before{display:none;}
.qe-content .cluster-nav ul li a::before{content:"➜";color:#0453a7;font-size:14px;transition:transform .3s ease}
.qe-content .cluster-nav ul li a:hover{background: rgba(4, 83, 167, .1);
    color: #0453a7;
    transform: translateX(4px);
    border-color: #0453a7;}
.qe-content .cluster-nav ul li a:hover::before{color:#0453a7;transform:translateX(3px)}

/* CTA SECTION */
.article-body .cta {
    
    position: relative;
    overflow: hidden;
    border-radius: 16px;
   padding: 25px 40px;
    background: #43aa8b;
    text-align: center;
}

/* HEADING */
.article-body .cta h5, .article-body .cta h2, .article-body .cta p{position:relative;z-index:2;color:#fff;font-size:22px;line-height:1.3;font-weight:600;margin-bottom:15px;letter-spacing:-1px}
.article-body .cta h2 br{display:none;}
/* TEXT */
.article-body .cta p{position:relative;z-index:2}
.article-body .cta h2 + p, .article-body .cta h5 + p, .article-body .cta p + p{margin-bottom:0;}

/* BUTTON */
.article-body .cta a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #fff;
    color: #1a324f;
    text-decoration: none;
    padding: 10px 18px;
    border-radius: 80px;
    font-size: 14px;
    font-weight: 600;
    transition: all .35s ease;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .12);
    position: relative;
    overflow: hidden;
    letter-spacing: 0.25px;
}
/* ICON */
.article-body .cta a::after{content:"→";font-size:18px;transition:transform .3s ease}

/* HOVER */
.article-body .cta a:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(0,0,0,.18);background:#f8fbff}
.article-body .cta a:hover::after{transform:translateX(5px)}

/* SUB GLOW */
.article-body .cta .glow{position:absolute;inset:auto;width:320px;height:320px;background:rgba(255,255,255,.08);filter:blur(60px);border-radius:50%;top:-80px;left:50%;transform:translateX(-50%)}
    /* ═══════════════════════════════════════════
       ANIMATIONS
    ═══════════════════════════════════════════ */
    @keyframes fadeUp {
      from { opacity:0; transform:translateY(26px); }
      to   { opacity:1; transform:translateY(0); }
    }
    .fade-up   { animation: fadeUp .6s ease both; }
    .fade-up-1 { animation-delay:.08s; }
    .fade-up-2 { animation-delay:.18s; }
    .fade-up-3 { animation-delay:.28s; }
    .fade-up-4 { animation-delay:.38s; }
    .fade-up-5 { animation-delay:.5s; }

    /* ═══════════════════════════════════════════
       RESPONSIVE
    ═══════════════════════════════════════════ */
    @media (max-width: 900px) {
      .nav-links, .nav-login { display: none; }
      .nav-toggle { display: flex; }
      .hero-grid  { grid-template-columns: 1fr; }
      .hero-right { display: none; }
      .icon-row   { grid-template-columns: 1fr 1fr; }
      .icon-card  { border-bottom: 1px solid var(--border); }
      .highlight-grid { grid-template-columns: 1fr; }
      .split-grid { grid-template-columns: 1fr; }
      .tab-pane.active { grid-template-columns: 1fr; }
      .sol-pane.active { grid-template-columns: 1fr; }
      .pricing-grid { grid-template-columns: 1fr; max-width: 400px; }
      .faq-grid { grid-template-columns: 1fr; }
      .resource-grid { grid-template-columns: 1fr; }
      .footer-grid { grid-template-columns: 1fr 1fr; }
      .cta-strip-inner { flex-direction: column; text-align: center; }
      .cta-strip-text p { margin: 0 auto; }
    }
    @media (max-width: 600px) {
      .hero { padding: 60px 0 52px; }
      .hero h1 { font-size: var(--text-3xl); }
      .hero-stats-row { gap: 20px; }
      .icon-row { grid-template-columns: 1fr; }
      .steps-track { grid-template-columns: 1fr 1fr; }
      .steps-track::before { display: none; }
      .footer-grid { grid-template-columns: 1fr; }
    }


	  
element.style {
    opacity: 1;
    transform: translateY(0px);
    transition: opacity 0.4s 0.06s, transform 0.4s 0.06s;
}
.blog-card {
    background: var(--bg-card);
    border: 1.5px solid var(--border);
    border-radius: var(--r-xl);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: all .24s;
    position: relative;
}
.cat-ev {
    --cat-bg: var(--purple-soft);
    --cat-c: var(--purple);
    --cat-border: rgba(124, 58, 237, .2);
}
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
user agent stylesheet
article {
    display: block;
    unicode-bidi: isolate;
}


/* ===============================
   Estimation Workflow (Green)
=================================*/

   

   

/* Blog Single Page Css */
    .preview-page-bg {
    background: #fff;
    max-width: 1200px;
    margin: 24px auto;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 48px rgba(0, 0, 0, .12);
}
.qe-wrap {
    font-family: var(--qe-font-body);
    color: var(--qe-gray-700);
    line-height: 1.75;
    font-size: 15px;
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 28px 60px;
}
   /* ─── Breadcrumb ─── */
    .qe-breadcrumb {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 5px 8px;
      font-size: 13px;
      color: var(--qe-gray-500);
      padding: 24px 0 0;
    }
    .qe-breadcrumb a { color: var(--qe-blue); text-decoration: none; }
    .qe-breadcrumb a:hover { text-decoration: underline; }
    .qe-breadcrumb .qe-bc-sep { color: var(--qe-gray-300); }
    /* ─── Article Header ─── */
    .qe-article-header { padding: 24px 0 32px; }

    .qe-category-tag {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-family: var(--qe-font-body);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .07em;
      text-transform: uppercase;
      color: var(--qe-blue);
      background: var(--qe-blue-light);
      padding: 5px 14px;
      border-radius: 100px;
      margin-bottom: 18px;
      text-decoration: none;
    }
    .qe-category-tag:hover { background: #d4e0f5; }

    .qe-article-title {
      font-family: var(--qe-font-head);
      font-size: clamp(26px, 3.8vw, 42px);
      font-weight: 700;
      color: var(--qe-navy);
      line-height: 1.18;
      margin: 0 0 22px;
      letter-spacing: -.01em;
    }

    .qe-meta-bar {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 6px 18px;
      font-size: 14px;
      color: var(--qe-gray-500);
      margin-bottom: 0px;
    }
    .qe-meta-author {
      display: flex;
      align-items: center;
      gap: 9px;
      color: var(--qe-gray-700);
      font-weight: 600;
      text-decoration: none;
    }
    .qe-meta-author img {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      object-fit: cover;
      border: 2px solid var(--qe-gray-200);
    }
    .qe-meta-dot {
      width: 4px; height: 4px;
      border-radius: 50%;
      background: var(--qe-gray-300);
      display: inline-block;
    }
    .qe-meta-updated {
      background: var(--qe-green-lt);
      color: var(--qe-green);
      font-weight: 700;
      font-size: 12px;
      padding: 2px 10px;
      border-radius: 100px;
    }

    /* ─── Featured Image ─── */
   .qe-featured-img {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 36px;
    background: #f9fafb;
}
    .qe-featured-img img {
      width: 100%;
      height: auto;
      display: block;
    }
    /* ─── 2-Column Layout ─── */
    .qe-layout {
    display: grid;
    grid-template-columns: 1fr 284px;
    gap: 48px;
    align-items: start;
}

    /* ─── Main Content Column ─── */
    .qe-content { min-width: 0; }
     .qe-content .container {
    padding: 0;
    margin: 0;
	 max-width: 100%;}
	
	/* ─── Series / Guide Notice ─── */
    .qe-series-notice {
    border-left: 4px solid var(--qe-blue);
    background: var(--qe-blue-light);
    border-radius: 0 var(--qe-radius) var(--qe-radius) 0;
    padding: 16px 20px;
    margin-bottom: 32px;
    font-size: 15px;
}
    .qe-series-notice strong {
      display: block;
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .07em;
      color: var(--qe-blue);
      margin-bottom: 5px;
    }
    .qe-series-notice a { color: var(--qe-blue); font-weight: 600; }

    /* ─── Intro Paragraph ─── */
    .qe-intro {
      font-size: 18px;
      line-height: 1.78;
      color: var(--qe-gray-700);
      margin-bottom: 36px;
    }

    /* ─── Table of Contents ─── */
    .qe-toc {
      background: var(--qe-gray-100);
      border: 1px solid var(--qe-gray-200);
      border-radius: var(--qe-radius);
      padding: 22px 26px 24px;
      margin-bottom: 44px;
    }
    .qe-toc-header {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 13px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .07em;
      color: var(--qe-gray-500);
      margin-bottom: 14px;
    }
    .qe-toc ol { padding-left: 20px; margin: 0; }
    .qe-toc > ol > li { margin-bottom: 9px; font-size: 15px; font-weight: 600; color: var(--qe-navy); }
    .qe-toc ol ol { margin-top: 7px; padding-left: 18px; }
    .qe-toc ol ol li { margin-bottom: 5px; font-size: 14px; font-weight: 400; color: var(--qe-gray-700); }
    .qe-toc a { color: var(--qe-blue); text-decoration: none; }
    .qe-toc a:hover { text-decoration: underline; }

    /* ─── Section Headings ─── */
    .qe-content h2 {
      font-family: var(--qe-font-head);
      font-size: clamp(20px, 2.5vw, 27px);
      font-weight: 700;
      color: var(--qe-navy);
      line-height: 1.25;
      margin: 26px 0 16px;
      padding-top: 26px;
      border-top: 2px solid var(--qe-gray-200);
    }
    .qe-content h2:first-child { margin-top: 0; border-top: none; padding-top: 0; }
    .qe-content h3 {
      font-family: var(--qe-font-head);
      font-size: clamp(17px, 2vw, 21px);
      font-weight: 700;
      color: var(--qe-navy);
      line-height: 1.3;
      margin: 36px 0 12px;
    }
    .qe-content h4 {
      font-family: var(--qe-font-body);
      font-size: 13px;
      font-weight: 700;
      color: var(--qe-gray-500);
      text-transform: uppercase;
      letter-spacing: .07em;
      margin: 28px 0 8px;
    }
    .qe-content p { margin-bottom: 0px; color: #26292d;}
    .qe-content p:last-child { margin-bottom: 0; }
    .qe-content a { color: var(--qe-blue); }
    .qe-content strong { color: var(--qe-gray-900); font-weight: 700; }

    /* ─── Content Lists ─── */
    .qe-content ul,
    .qe-content ol {
      padding-left: 24px;
      margin-bottom: 20px;
    }
    .qe-content li { margin-bottom: 0px; }

    /* ─── Checklist ─── */
    .qe-checklist { list-style: none; padding: 0; margin: 18px 0 24px; }
    .qe-checklist li {
      display: flex;
      gap: 11px;
      align-items: flex-start;
      padding: 9px 0;
      border-bottom: 1px solid var(--qe-gray-100);
      font-size: 15px;
      line-height: 1.55;
    }
    .qe-checklist li:last-child { border-bottom: none; }
    .qe-checklist li::before {
      content: '✓';
      flex-shrink: 0;
      width: 20px;
      height: 20px;
      background: var(--qe-green);
      color: white;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 11px;
      font-weight: 700;
      margin-top: 2px;
    }

    /* ─── Orange Highlight / Callout ─── */
    .qe-highlight {
      background: var(--qe-orange-lt);
      border-left: 4px solid var(--qe-orange);
      border-radius: 0 var(--qe-radius) var(--qe-radius) 0;
      padding: 20px 24px;
      margin: 28px 0;
      font-size: 15.5px;
    }
    .qe-highlight-label {
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .08em;
      color: var(--qe-orange);
      margin-bottom: 7px;
    }
    .qe-highlight p { margin-bottom: 0; }

    /* ─── Blue Tip / Info Box ─── */
    .qe-tip {
      background: var(--qe-blue-light);
      border-left: 4px solid var(--qe-blue);
      border-radius: 0 var(--qe-radius) var(--qe-radius) 0;
      padding: 20px 24px;
      margin: 28px 0;
      font-size: 15.5px;
    }
    .qe-tip-label {
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .08em;
      color: var(--qe-blue);
      margin-bottom: 7px;
    }
    .qe-tip p { margin-bottom: 0; }

    /* ─── Stats Row ─── */
    .qe-stats {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
      gap: 14px;
      margin: 28px 0 36px;
    }
    .qe-stat {
      background: var(--qe-blue-light);
      border-radius: var(--qe-radius);
      padding: 22px 16px;
      text-align: center;
    }
    .qe-stat-num {
      font-family: var(--qe-font-head);
      font-size: 34px;
      font-weight: 700;
      color: var(--qe-blue);
      line-height: 1;
      display: block;
    }
    .qe-stat-label {
      font-size: 12.5px;
      color: var(--qe-gray-500);
      margin-top: 6px;
      line-height: 1.4;
    }

    /* ─── Numbered Step Block ─── */
    .qe-steps { margin: 28px 0; }
    .qe-step {
      display: flex;
      gap: 18px;
      align-items: flex-start;
      margin-bottom: 28px;
      padding-bottom: 28px;
      border-bottom: 1px solid var(--qe-gray-100);
    }
    .qe-step:last-child { border-bottom: none; margin-bottom: 0; }
    .qe-step-num {
      flex-shrink: 0;
      width: 38px;
      height: 38px;
      border-radius: 50%;
      background: var(--qe-navy);
      color: var(--qe-white);
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: var(--qe-font-head);
      font-weight: 700;
      font-size: 15px;
      margin-top: 3px;
    }
    .qe-step-body h3 { margin-top: 0; margin-bottom: 8px; }
    .qe-step-body p { margin-bottom: 0; font-size: 15.5px; }

    /* ─── Image with Caption ─── */
    .qe-img-wrap { margin: 32px 0; }
    .qe-img-wrap img {
      width: 100%;
      border-radius: var(--qe-radius);
      display: block;
    }
    .qe-img-caption {
      font-size: 13px;
      color: var(--qe-gray-500);
      text-align: center;
      margin-top: 10px;
      font-style: italic;
    }

    /* ─── Comparison Table ─── */
    .qe-table-wrap { overflow-x: auto; margin: 28px 0; }
    .qe-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 14.5px;
    }
    .qe-table th {
      background: var(--qe-navy);
      color: white;
      padding: 13px 16px;
      text-align: left;
      font-weight: 600;
      font-size: 13px;
    }
    .qe-table td {
      padding: 12px 16px;
      border-bottom: 1px solid var(--qe-gray-200);
      vertical-align: top;
    }
    .qe-table tr:nth-child(even) td { background: var(--qe-gray-100); }
    .qe-table .good { color: var(--qe-green); font-weight: 600; }
    .qe-table .bad  { color: #dc2626; font-weight: 600; }

    /* ─── FAQ Section ─── */
    .qe-faq { margin: 44px 0; }
    .qe-faq-heading {
      font-family: var(--qe-font-head);
      font-size: clamp(20px, 2.5vw, 27px);
      color: var(--qe-navy);
      margin-bottom: 22px;
      padding-bottom: 14px;
      border-bottom: 2px solid var(--qe-gray-200);
    }
    .qe-faq-item {
      border: 1px solid var(--qe-gray-200);
      border-radius: var(--qe-radius);
      margin-bottom: 10px;
      overflow: hidden;
      transition: box-shadow .2s;
    }
    .qe-faq-item.open { box-shadow: var(--qe-shadow); }
    .qe-faq-q {
      width: 100%;
      border: none;
      background: var(--qe-white);
      padding: 18px 20px;
      text-align: left;
      cursor: pointer;
      font-family: var(--qe-font-body);
      font-size: 15.5px;
      font-weight: 600;
      color: var(--qe-navy);
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      transition: background .15s;
    }
    .qe-faq-q:hover { background: var(--qe-gray-100); }
    .qe-faq-icon {
      flex-shrink: 0;
      width: 26px;
      height: 26px;
      border-radius: 50%;
      background: var(--qe-blue-light);
      color: var(--qe-blue);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      font-weight: 300;
      transition: transform .25s, background .15s;
      line-height: 1;
    }
    .qe-faq-item.open .qe-faq-icon {
      transform: rotate(45deg);
      background: var(--qe-orange-lt);
      color: var(--qe-orange);
    }
    .qe-faq-a {
      max-height: 0;
      overflow: hidden;
      transition: max-height .35s ease, padding .25s ease;
      padding: 0 20px;
      background: var(--qe-white);
    }
    .qe-faq-item.open .qe-faq-a { max-height: 600px; padding: 4px 20px 20px; }
    .qe-faq-a p { font-size: 15px; color: var(--qe-gray-700); margin-bottom: 0; }

    /* ─── End CTA Banner ─── */
    .qe-cta-banner {
      background: linear-gradient(135deg, var(--qe-navy) 0%, #193a7e 100%);
      border-radius: 16px;
      padding: 44px 40px;
      text-align: center;
      margin: 52px 0;
      position: relative;
      overflow: hidden;
    }
    .qe-cta-banner::before {
      content: '';
      position: absolute;
      top: -60px; right: -60px;
      width: 220px; height: 220px;
      border-radius: 50%;
      background: rgba(232,93,4,.12);
      pointer-events: none;
    }
    .qe-cta-banner::after {
      content: '';
      position: absolute;
      bottom: -40px; left: -40px;
      width: 160px; height: 160px;
      border-radius: 50%;
      background: rgba(255,255,255,.04);
      pointer-events: none;
    }
    .qe-cta-banner h3 {
      font-family: var(--qe-font-head);
      font-size: clamp(19px, 2.5vw, 26px);
      color: var(--qe-white);
      margin-bottom: 12px;
      position: relative;
    }
    .qe-cta-banner p {
      color: rgba(255,255,255,.76);
      font-size: 16px;
      margin-bottom: 28px;
      position: relative;
      max-width: 460px;
      margin-left: auto;
      margin-right: auto;
    }
    .qe-cta-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; position: relative; }

    .qe-btn-primary {
      display: inline-block;
      background: var(--qe-orange);
      color: var(--qe-white) !important;
      font-weight: 700;
      font-size: 15px;
      padding: 14px 28px;
      border-radius: 8px;
      text-decoration: none;
      transition: background .2s, transform .1s;
    }
    .qe-btn-primary:hover { background: #c94d00; transform: translateY(-1px); }

    .qe-btn-secondary {
      display: inline-block;
      background: transparent;
      color: rgba(255,255,255,.85) !important;
      border: 1.5px solid rgba(255,255,255,.35);
      font-weight: 600;
      font-size: 14px;
      padding: 13px 24px;
      border-radius: 8px;
      text-decoration: none;
      transition: border-color .2s, color .2s;
    }
    .qe-btn-secondary:hover { border-color: white; color: white !important; }

    /* ─── Author Bio Box ─── */
    .qe-author-bio {
      display: flex;
      gap: 22px;
      background: var(--qe-gray-100);
      border-radius: 14px;
      padding: 28px;
      margin: 40px 0;
      align-items: flex-start;
      border: 1px solid var(--qe-gray-200);
    }
    .qe-author-bio img {
      width: 70px;
      height: 70px;
      border-radius: 50%;
      object-fit: cover;
      flex-shrink: 0;
      border: 3px solid var(--qe-white);
      box-shadow: var(--qe-shadow);
    }
    .qe-author-bio-name {
      font-family: var(--qe-font-head);
      font-size: 17px;
      font-weight: 700;
      color: var(--qe-navy);
      margin-bottom: 2px;
    }
    .qe-author-bio-role {
      font-size: 13px;
      color: var(--qe-gray-500);
      margin-bottom: 10px;
    }
    .qe-author-bio-text {
      font-size: 14.5px;
      color: var(--qe-gray-700);
      line-height: 1.65;
      margin-bottom: 0;
    }
}        /* ─── Checklist ─── */
    .qe-content ul { list-style: none; padding: 0; margin: 15px 0 20px; }
	.qe-content ul, .qe-content ol {
    padding-left: 15px;
    margin: 15px 0;
}
    .qe-content ul li {
      display: flex;
      gap: 11px;
      align-items: flex-start;
      padding: 4px 0;
      border-bottom: 1px solid var(--qe-gray-100);
      font-size: 15px;
      line-height: 1.55; color: #26292d;
    }
    .qe-content ul li:last-child { border-bottom: none; }
    .qe-content ul li::before {
      content: '✓';
      flex-shrink: 0;
      width: 20px;
      height: 20px;
      background: var(--qe-green);
      color: white;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 11px;
      font-weight: 700;
      margin-top: 2px;
    }
	.wp-block-paragraph + .wp-block-paragraph {
    margin-top: 20px;
}
	    /* ─── FAQ Section ─── */
    .qe-faq { margin: 44px 0; }
    .qe-faq-heading {
      font-family: var(--qe-font-head);
      font-size: clamp(20px, 2.5vw, 27px);
      color: var(--qe-navy);
      margin-bottom: 22px;
      padding-bottom: 14px;
      border-bottom: 2px solid var(--qe-gray-200);
    }
    .qe-faq-item {
      border: 1px solid var(--qe-gray-200);
      border-radius: var(--qe-radius);
      margin-bottom: 10px;
      overflow: hidden;
      transition: box-shadow .2s;
    }
    .qe-faq-item.open { box-shadow: var(--qe-shadow); }
    .qe-faq-q {
      width: 100%;
      border: none;
      background: var(--qe-white);
      padding: 18px 20px;
      text-align: left;
      cursor: pointer;
      font-family: var(--qe-font-body);
      font-size: 15.5px;
      font-weight: 600;
      color: var(--qe-navy);
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      transition: background .15s;
    }
    .qe-faq-q:hover { background: var(--qe-gray-100); }
    .qe-faq-icon {
      flex-shrink: 0;
      width: 26px;
      height: 26px;
      border-radius: 50%;
      background: var(--qe-blue-light);
      color: var(--qe-blue);
      display: flex;
     
      justify-content: center;
      font-size: 20px;
      font-weight: 300;
      transition: transform .25s, background .15s;
      line-height: 23px;
    }
    .qe-faq-item.open .qe-faq-icon {
      transform: rotate(45deg);
      background: var(--qe-orange-lt);
      color: var(--qe-orange);
    }
    .qe-faq-a {
      max-height: 0;
      overflow: hidden;
      transition: max-height .35s ease, padding .25s ease;
      padding: 0 20px;
      background: var(--qe-white);
    }
    .qe-faq-item.open .qe-faq-a { max-height: 600px; padding: 4px 20px 20px; }
    .qe-faq-a p { font-size: 15px; color: var(--qe-gray-700); margin-bottom: 0; }
    p:empty {
    display: none;
}
/* ─── Related Articles Grid ─── */
.qe-related{margin:44px 0 0}
.qe-related-heading{font-family:var(--qe-font-head);font-size:20px;color:var(--qe-navy);margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--qe-gray-200)}
.qe-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:16px}
.qe-related-card{border:1px solid var(--qe-gray-200);border-radius:var(--qe-radius);padding:20px;text-decoration:none;display:block;transition:box-shadow .2s,border-color .2s,transform .15s;background:var(--qe-white)}
.qe-related-card:hover{box-shadow:var(--qe-shadow);border-color:var(--qe-blue);transform:translateY(-2px)}
.qe-related-card-tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--qe-blue);margin-bottom:8px}
.qe-related-card-title{font-family:var(--qe-font-head);font-size:14.5px;font-weight:700;color:var(--qe-navy);line-height:1.4;margin-bottom:8px}
.qe-related-card-desc{font-size:13px;color:var(--qe-gray-500);line-height:1.5;margin:0}
.qe-related-card-arrow{font-size:13px;color:var(--qe-blue);font-weight:600;margin-top:10px;display:block}
/* ─── Sidebar ─── */
.qe-sidebar{position:sticky;top:28px;display:flex;flex-direction:column;gap:20px}
.qe-sidebar-cta{background:linear-gradient(160deg,var(--qe-navy) 0%,#1a3560 100%);border-radius:14px;padding:26px;color:var(--qe-white)}
.qe-sidebar-cta-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--qe-orange);margin-bottom:10px}
.qe-sidebar-cta h4{font-family:var(--qe-font-head);font-size:17px;color:var(--qe-white);line-height:1.3;margin-bottom:11px}
.qe-sidebar-cta p{font-size:13.5px;color:rgba(255,255,255,.72);line-height:1.6;margin-bottom:18px}
.qe-sidebar-cta-btn{display:block;background:var(--qe-orange);color:var(--qe-white);font-weight:700;font-size:14px;padding:13px 16px;border-radius:8px;text-decoration:none;text-align:center;transition:background .2s}
.qe-sidebar-cta-btn:hover{background:#c94d00}
.qe-sidebar-cta-sublink{display:block;text-align:center;margin-top:10px;font-size:13px;color:rgba(255,255,255,.6);text-decoration:none}
.qe-sidebar-cta-sublink:hover{color:rgba(255,255,255,.9)}
.qe-sidebar-links{background:var(--qe-gray-100);border:1px solid var(--qe-gray-200);border-radius:12px;padding:20px}
.qe-sidebar-links-title{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--qe-gray-500);margin-bottom:13px}
.qe-sidebar-links ul{list-style:none;padding:0;margin:0}
.qe-sidebar-links li{border-bottom:1px solid var(--qe-gray-200)}
.qe-sidebar-links li:last-child{border-bottom:none}
.qe-sidebar-links a{display:flex;align-items:center;gap:8px;padding:10px 0;font-size:14px;color:var(--qe-blue);text-decoration:none;line-height:1.4}
.qe-sidebar-links a:hover{color:var(--qe-navy)}
.qe-sidebar-links a::before{content:'→';flex-shrink:0;color:var(--qe-gray-300);font-size:13px}
    /* ─── Divider ─── */
    .qe-divider { border: none; border-top: 2px solid var(--qe-gray-200); margin: 44px 0; }

    /* Section eyebrow */
    .section-eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
    .s-num { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 900; flex-shrink: 0; }
    .num-red    { background: var(--red);    color: #fff; box-shadow: 0 4px 12px rgba(239,68,68,.3); }
    .num-orange { background: var(--orange); color: #fff; box-shadow: 0 4px 12px rgba(249,115,22,.3); }
    .num-blue   { background: var(--blue);   color: #fff; box-shadow: var(--sh-b); }
    .num-green  { background: var(--green);  color: #fff; box-shadow: var(--sh-g); }
    .num-purple { background: var(--purple); color: #fff; box-shadow: 0 4px 12px rgba(124,58,237,.28); }
    .s-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; color: var(--text-muted); }

    /* Callouts */
    .callout { border-radius: var(--r-lg); padding: 18px 20px; margin: 20px 0; border-left: 4px solid; display: flex; gap: 14px; }
    .callout-icon { font-size: 20px; flex-shrink: 0; margin-top: 1px; }
    .callout-body strong { display: block; font-size: var(--text-m); font-weight: 600; margin-bottom: 5px; }
    .callout-body p { font-size: var(--text-s); line-height: 1.65; margin: 0; }
    .callout-red    { background: var(--red-soft);    border-color: var(--red); }
    .callout-red strong    { color: var(--red); }
    .callout-red p         { color: #7F1D1D; }
    .callout-blue   { background: var(--blue-soft);   border-color: var(--blue); }
    .callout-blue strong   { color: var(--blue); }
    .callout-blue p        { color: #374F8A; }
    .callout-orange { background: var(--orange-soft); border-color: var(--orange); }
    .callout-orange strong { color: var(--orange); }
    .callout-orange p      { color: #854308; }
    .callout-green  { background: var(--green-soft);  border-color: var(--green); }
    .callout-green strong  { color: var(--green-hover); }
    .callout-green p       { color: #1A5C42; }

    /* Tax breakdown visual */
    .tax-items { display: flex; flex-direction: column; gap: 10px; margin: 20px 0; }
    .tax-item { display: flex; align-items: center; gap: 14px; padding: 14px 18px; background: var(--bg-section); border: 1.5px solid var(--border); border-radius: var(--r); transition: all .2s; }
    .tax-item:hover { border-color: var(--border-h); box-shadow: var(--sh-sm); }
    .tax-icon { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; }
    .tax-item-body { flex: 1; }
    .tax-item-body h4 { font-size: var(--text-s); font-weight: 600; margin-bottom: 3px; }
    .tax-item-body p  { font-size: var(--text-xs); color: var(--text-muted); line-height: 1.55; margin: 0; }
    .tax-rate { font-size: var(--text-s); font-weight: 800; color: var(--red); white-space: nowrap; }

    /* Cost example table */
    .cost-example { background: var(--dark2); border-radius: var(--r-xl); overflow: hidden; margin: 24px 0; }
    .cost-example-header { padding: 16px 24px; border-bottom: 1px solid rgba(255,255,255,.07); }
    .cost-example-header h4 { color: #fff; font-size: var(--text-m); font-weight: 800; letter-spacing: -.02em; }
    .cost-example-header p  { color: rgba(255,255,255,.45); font-size: var(--text-xs); margin-top: 3px; }
    .cost-rows { display: flex; flex-direction: column; }
    .cost-row { display: flex; align-items: center; justify-content: space-between; padding: 13px 24px; border-bottom: 1px solid rgba(255,255,255,.05); }
    .cost-row:last-child { border-bottom: none; }
    .cost-row.total { background: rgba(239,68,68,.12); border-top: 1px solid rgba(239,68,68,.25); }
    .cost-row-label { font-size: var(--text-s); color: rgba(255,255,255,.6); display: flex; align-items: center; gap: 8px; }
    .cost-row-label strong { color: rgba(255,255,255,.85); font-weight: 600; }
    .cost-row-val { font-size: var(--text-m); font-weight: 600; }
    .cost-row.base  .cost-row-val { color: rgba(255,255,255,.72); }
    .cost-row.add   .cost-row-val { color: #FCA5A5; }
    .cost-row.total .cost-row-val { color: #fff; font-size: var(--text-xl); font-weight: 900; }

    /* Benefits grid */
    .benefits-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 20px 0; }
    .benefit-item { padding: 14px 16px; background: var(--bg-section); border: 1.5px solid var(--border); border-radius: var(--r); display: flex; gap: 12px; align-items: flex-start; transition: all .2s; }
    .benefit-item:hover { border-color: var(--border-h); box-shadow: var(--sh-sm); }
    .benefit-item .bi { font-size: 20px; flex-shrink: 0; margin-top: 2px; }
    .benefit-item h4 { font-size: var(--text-s); font-weight: 600; margin-bottom: 4px; }
    .benefit-item p  { font-size: var(--text-xs); color: var(--text-muted); line-height: 1.55; margin: 0; }

    /* ── LABOR BURDEN CALCULATOR ── */
    .calc-section { background: linear-gradient(135deg, var(--bg-section) 0%, rgba(235,242,255,.6) 100%); border-bottom: 1px solid var(--border); }
    .calc-header { margin-bottom: 28px; }
    .calc-header h2 { font-size: var(--text-2xl); font-weight: 900; margin-bottom: 8px; }
    .calc-header p  { color: var(--text-muted); font-size: var(--text-m); }
    .calc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; }
    .calc-inputs { background: var(--bg-card); border: 1.5px solid var(--border); border-radius: var(--r-xl); padding: 28px; }
    .calc-inputs h3 { font-size: var(--text-l); font-weight: 800; margin-bottom: 20px; letter-spacing: -.02em; }
    .form-group { margin-bottom: 16px; }
    .form-group:last-child { margin-bottom: 0; }
    .form-label { display: flex; align-items: center; justify-content: space-between; font-size: var(--text-s); font-weight: 600; color: var(--text-heading); margin-bottom: 6px; }
    .form-label-hint { font-size: 11px; font-weight: 500; color: var(--text-light); }
    .form-row { display: flex; align-items: center; background: var(--bg-section); border: 1.5px solid var(--border); border-radius: var(--r); overflow: hidden; transition: border-color .2s; }
    .form-row:focus-within { border-color: var(--blue); }
    .form-prefix, .form-suffix { padding: 0 12px; background: var(--bg-section); color: var(--text-muted); font-size: var(--text-s); font-weight: 600; border-right: 1px solid var(--border); white-space: nowrap; height: 42px; display: flex; align-items: center; }
    .form-suffix { border-right: none; border-left: 1px solid var(--border); }
    .form-input { flex: 1; padding: 0 12px; height: 42px; border: none; background: transparent; font-size: var(--text-m); color: var(--text-heading); outline: none; }
    .form-divider { height: 1px; background: var(--border); margin: 18px 0; }
    .form-section-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; color: var(--text-light); margin-bottom: 12px; }

    .calc-results { background: var(--dark2); border-radius: var(--r-xl); padding: 28px; }
    .calc-results h3 { font-size: var(--text-l); font-weight: 800; color: #fff; margin-bottom: 20px; letter-spacing: -.02em; }
    .result-main { background: rgba(239,68,68,.12); border: 1px solid rgba(239,68,68,.3); border-radius: var(--r-lg); padding: 22px; text-align: center; margin-bottom: 20px; }
    .result-main .result-label { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; color: rgba(255,255,255,.5); margin-bottom: 8px; }
    .result-main .result-value { font-size: var(--text-3xl); font-weight: 900; color: #fff; letter-spacing: -.04em; line-height: 1; }
    .result-main .result-per { font-size: var(--text-s); color: rgba(255,255,255,.45); margin-top: 6px; }
    .result-breakdown { display: flex; flex-direction: column; gap: 8px; margin-bottom: 20px; }
    .result-row { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.06); border-radius: 9px; }
    .result-row-label { font-size: var(--text-s); color: rgba(255,255,255,.55); display: flex; align-items: center; gap: 7px; }
    .result-row-val { font-size: var(--text-s); font-weight: 600; color: rgba(255,255,255,.85); }
    .result-row.highlight { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.14); }
    .result-row.highlight .result-row-label { color: rgba(255,255,255,.8); font-weight: 600; }
    .result-row.highlight .result-row-val { color: #FCA5A5; }
    .burden-bar { margin-bottom: 20px; }
    .burden-bar-label { display: flex; justify-content: space-between; font-size: var(--text-xs); color: rgba(255,255,255,.45); margin-bottom: 8px; }
    .burden-bar-track { height: 8px; background: rgba(255,255,255,.08); border-radius: 100px; overflow: hidden; }
    .burden-bar-fill { height: 100%; background: linear-gradient(90deg, var(--green) 0%, var(--blue) 50%, var(--red) 100%); border-radius: 100px; transition: width .5s ease; }
    .burden-rate-badge { text-align: center; padding: 12px; background: rgba(255,255,255,.04); border-radius: var(--r); }
    .burden-rate-badge .badge-num { font-size: var(--text-2xl); font-weight: 900; color: #fff; letter-spacing: -.04em; }
    .burden-rate-badge .badge-lbl { font-size: var(--text-xs); color: rgba(255,255,255,.45); margin-top: 3px; }

    /* Step cards */
    .steps-list { display: flex; flex-direction: column; gap: 12px; margin: 20px 0; }
    .step-card { display: flex; gap: 16px; padding: 16px 18px; background: var(--bg-section); border: 1.5px solid var(--border); border-radius: var(--r-lg); transition: all .22s; }
    .step-card:hover { border-color: var(--border-h); box-shadow: var(--sh-sm); transform: translateX(4px); }
    .step-circle { width: 32px; height: 32px; border-radius: 50%; background: var(--blue); color: #fff; font-size: 13px; font-weight: 900; flex-shrink: 0; display: flex; align-items: center; justify-content: center; box-shadow: var(--sh-b); }
    .step-card h4 { font-size: var(--text-s); font-weight: 600; margin-bottom: 4px; }
    .step-card p  { font-size: var(--text-xs); color: var(--text-muted); line-height: 1.58; margin: 0; }

    /* Golden rule CTA */
    .golden-rule { background: var(--red); border-radius: var(--r-xl); padding: 36px 40px; text-align: center; margin: 8px 0; }
    .golden-rule h2 { color: #fff; font-size: var(--text-xl); font-weight: 900; margin-bottom: 8px; letter-spacing: -.03em; }
    .golden-rule .rule-text { color: rgba(255,255,255,.8); font-size: var(--text-l); font-weight: 600; margin-bottom: 20px; font-style: italic; line-height: 1.5; }
    .golden-rule a { display: inline-flex; align-items: center; gap: 8px; background: #fff; color: var(--red); font-weight: 600; font-size: var(--text-m); padding: 12px 24px; border-radius: var(--r); text-decoration: none; transition: background .2s; }
    .golden-rule a:hover { background: var(--red-soft); text-decoration: none; }

    /* Related articles */
    .related-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; margin: 20px 0; }
    .related-card { display: flex; flex-direction: column; padding: 16px 18px; background: var(--bg-section); border: 1.5px solid var(--border); border-radius: var(--r-lg); transition: all .2s; text-decoration: none; }
    .related-card:hover { border-color: var(--border-h); box-shadow: var(--sh-md); transform: translateY(-2px); text-decoration: none; }
    .related-card .rc-icon { font-size: 22px; margin-bottom: 10px; }
    .related-card h4 { font-size: var(--text-s); font-weight: 600; color: var(--text-heading); margin-bottom: 5px; line-height: 1.35; }
    .related-card p  { font-size: var(--text-xs); color: var(--text-muted); line-height: 1.55; flex: 1; }
    .related-card .rc-arrow { font-size: 13px; color: var(--blue); margin-top: 10px; font-weight: 600; }

    /* Back button */
    .back-bar { background: var(--bg); border-bottom: 1px solid var(--border); padding: 10px 0; }
    .back-btn { display: inline-flex; align-items: center; gap: 7px; font-size: var(--text-s); font-weight: 600; color: var(--text-muted); transition: color .17s; text-decoration: none; }
    .back-btn:hover { color: var(--blue); text-decoration: none; }
	#attachmentimg {max-width: 100% !important;}
    #attachmentimg .wp-caption, .wp-caption {max-width: 100% !important;overflow: hidden;}
    .article-body img {height: auto;max-width: 100% !important;} 

	
	.article-body figure figcaption{font-size: 13px !important;line-height: normal !important;margin-top: 10px;}
	.article-body p.wp-caption-text{font-size: 13px !important;line-height: normal !important;margin-top: 10px;}



.facebook-estimate{margin:30px 0}
.facebook-estimate a{display:flex;align-items:center;gap:18px;padding:22px 24px;border:1px solid #dbe7f7;border-radius:20px;text-decoration:none;background:#fff;transition:.3s ease}
.facebook-estimate a:hover{border-color:#1877f2;transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.06)}
.fb-icon{width:60px;height:60px;min-width:60px;border-radius:16px;background:#1877f2;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px}
.fb-content{display:flex;flex-direction:column;gap:5px;flex:1}
.fb-content strong{font-size:18px;font-weight:600;color:#1a324f;line-height:1.3}
.fb-content small{font-size:14px;color:#5f6b7a;line-height:1.6}
.fb-arrow{font-size:18px;color:#1877f2;transition:.3s ease}
.facebook-estimate a:hover .fb-arrow{transform:translateX(5px)}

.linkedin-estimate{margin:30px 0}
.linkedin-estimate a{display:flex;align-items:center;gap:18px;padding:22px 24px;border:1px solid #dbe7f7;border-radius:20px;text-decoration:none;background:#fff;transition:.3s ease}
.linkedin-estimate a:hover{border-color:#0a66c2;transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.06)}
.li-icon{width:60px;height:60px;min-width:60px;border-radius:16px;background:#0a66c2;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px}
.li-content{display:flex;flex-direction:column;gap:5px;flex:1}
.li-content strong{font-size:18px;font-weight:600;color:#1a324f;line-height:1.3}
.li-content small{font-size:14px;color:#5f6b7a;line-height:1.6}
.li-arrow{font-size:18px;color:#0a66c2;transition:.3s ease}
.linkedin-estimate a:hover .li-arrow{transform:translateX(5px)}

.x-estimate{margin:30px 0}
.x-estimate a{display:flex;align-items:center;gap:18px;padding:22px 24px;border:1px solid #dfe4ea;border-radius:20px;text-decoration:none;background:#fff;transition:.3s ease}
.x-estimate a:hover{border-color:#000;transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.06)}
.x-icon{width:60px;height:60px;min-width:60px;border-radius:16px;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px}
.x-content{display:flex;flex-direction:column;gap:5px;flex:1}
.li-content strong{font-size:18px;font-weight:600;color:#1a324f;line-height:1.3}
.x-content small{font-size:14px;color:#5f6b7a;line-height:1.6}
.x-arrow{font-size:18px;color:#000;transition:.3s ease}
.x-estimate a:hover .x-arrow{transform:translateX(5px)}
/******************Author ***************/
/* =====================================================
   AUTHOR PAGE — inventoryshub
===================================================== */

.author-hero{
    position:relative;
    overflow:hidden;
    background:
    linear-gradient(135deg,#10284b 0%,#173b68 100%);
    padding:90px 0 85px;
    text-align:center;
}

.author-hero::before{
    content:'';
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle at top right,
    rgba(68,180,255,.15), transparent 28%),

    radial-gradient(circle at bottom left,
    rgba(0,196,125,.10), transparent 30%);
}

.author-hero .hero-dots{
    position:absolute;
    inset:0;
    background-image:
    radial-gradient(circle,
    rgba(255,255,255,.05) 1px,
    transparent 1px);

    background-size:28px 28px;
}

.author-hero-inner{
    position:relative;
    z-index:2;
    max-width:980px;
    margin:auto;
}

/* AVATAR */
.author-avatar-wrap{
    margin-bottom:26px;
}

.author-hero-avatar{
    width:130px;
    height:130px;
    border-radius:50%;
    object-fit:cover;
    margin:auto;
    border:5px solid rgba(255,255,255,.12);
    box-shadow:0 18px 50px rgba(0,0,0,.28);
    transition:.3s ease;
}

.author-hero-avatar:hover{
    transform:translateY(-3px) scale(1.02);
}

/* BADGE */
.author-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 18px;
    border-radius:100px;
    background:rgba(68,180,255,.12);
    border:1px solid rgba(68,180,255,.22);
    color:#8ad4ff;
    font-size:12px;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:uppercase;
    margin-bottom:24px;
}

/* TITLE */
.author-hero h1{
    font-size:64px;
    line-height:1.05;
    font-weight:800;
    letter-spacing:-2px;
    color:#fff;
    margin-bottom:26px;
}

/* BIO */
.author-hero-bio{
    max-width:860px;
    margin:auto;
    font-size:20px;
    line-height:1.95;
    color:rgba(255,255,255,.72);
}

/* STATS */
.author-stats{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:60px;
    flex-wrap:wrap;
    margin-top:48px;
}

.author-stat{
    text-align:center;
}

.author-stat strong{
    display:block;
    color:#fff;
    font-size:34px;
    line-height:1;
    font-weight:800;
    margin-bottom:10px;
}

.author-stat span{
    color:rgba(255,255,255,.58);
    font-size:14px;
    font-weight:500;
}

/* SOCIAL LINKS */
.author-socials{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:14px;
    flex-wrap:wrap;
    margin-top:42px;
}

.author-socials a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:12px 22px;
    border-radius:100px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.08);
    color:#fff;
    font-size:14px;
    font-weight:600;
    transition:all .25s ease;
    backdrop-filter:blur(10px);
}

.author-socials a:hover{
    background:#1d99ed;
    border-color:#1d99ed;
    transform:translateY(-3px);
    box-shadow:0 12px 30px rgba(29,153,237,.35);
}
.qe-pagination {
    margin: 50px 0;
    text-align: center;
}

.qe-pagination ul {
    display: inline-flex;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.qe-pagination li a,
.qe-pagination li span {
    display: inline-block;
    padding: 10px 16px;
    border: 1px solid #ddd;
    border-radius: 8px;
    text-decoration: none;
    color: #333;
    font-weight: 600;
}

.qe-pagination .current {
    background: #2563eb;
    color: #fff;
    border-color: #2563eb;
}

.qe-pagination a:hover {
    background: #f5f5f5;
}
/* BLOG GRID */
.blog-grid .featured{
    grid-column:span 2;
}

/* PAGINATION */
.navigation.pagination{
    margin-top:60px; border-bottom: none;
}

.navigation.pagination .nav-links{
    display:flex;
    justify-content:center;
    gap:10px;
    flex-wrap:wrap;
}

.navigation.pagination .page-numbers{
    min-width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    border:1px solid var(--border);
    background:#fff;
    color:var(--text-heading);
    font-weight:600;
    transition:.2s ease;
}

.navigation.pagination .page-numbers:hover,
.navigation.pagination .page-numbers.current{
    background:#1d99ed;
    color:#fff;
    border-color:#1d99ed;
}


/*********EI***************/
@media (max-width: 767px) {
.preview-page-bg{margin:15px;}
    .qe-bi-tabs {
        padding-left: 16px;
        margin: 0 15px;
    }
.qe-card-cat{font-size: 9px;}	
.author-hero{padding:65px 0 60px}
.author-hero-avatar{width:95px;height:95px}
.author-badge{font-size:11px;padding:7px 15px}
.author-hero h1{font-size:38px;line-height:1.15;letter-spacing:-1px}
.author-hero-bio{font-size:16px;line-height:1.8}
.author-stats{gap:30px;margin-top:35px}
.author-stat strong{font-size:26px}
.author-socials{gap:10px;margin-top:32px}
.author-socials a{padding:10px 16px;font-size:13px}
.blog-grid .featured{grid-column:span 1}
.qe-layout{grid-template-columns: auto;}
.qe-faq-q{font-size: 13.5px; padding: 12px 16px;}
.qe-content ul, .qe-content ol{padding-left: 0;}	
.section {padding: 30px 0;}	
.nav-cta{padding: 3px; font-size:12px;}
.container {max-width: 1180px;margin: 0 auto;padding: 0 15px;}
.logo-icon {width: 24px;height: 24px;}
.logo {font-size: 14px;}
.logo img {height: 30px;}
.article-layout{display: block !important;padding: 30px 0px !important;}
.article-layout aside.toc-sidebar {position: static;}
.article-layout .article-body{padding: 20px 15px; margin-top: 20px;}
.cluster-hero h1{font-size: 22px;text-align: left;margin-bottom: 20px;}
.article h2, .article .sub-heading{font-size: 18px;margin: 30px 0 15px;font-weight: 600;line-height: 1.4;}
.article h3 {font-size: 18px;margin: 30px 0 15px;font-weight: 600;line-height: 1.4;}
.article-body p {font-size: 14px !important;line-height: 1.7;color: var(--text-body);margin: 0;}
.article-body img {height: auto;}
.article-body p.wp-caption-text{font-size: 13px !important;line-height: normal !important;margin-top: 10px;}
.wp-caption.aligncenter {max-width: 100%; margin: 20px 0;}
.pillar-card{display:block; padding:20px;}
.pillar-right{margin-top:20px;}
.blog-grid{display:block;}
.blog-card{margin-top:20px;}
.blog-hero {background: var(--dark); padding: 30px 0;position: relative; overflow: hidden;text-align: center;}
.blog-hero h1 {font-size: 1.75rem; font-weight: 600;color: #fff;margin-bottom: 16px;letter-spacing: -0.035em; line-height: 1.3;}
.blog-hero-sub{font-size: 1rem;color: #fff;max-width: 580px;margin: 0 auto 30px;line-height: normal;}}
.blog-hero-stats{gap: 10px;}
.blog-card.featured .blog-card-body, .blog-card-body{padding: 15px;}
.blog-card.featured h3, .blog-card h3{font-size: 20px;}
.article-hero{padding: 30px 0;}
.article-hero .article-meta{gap: 10px;}

.author-image img{width:90px;height:90px}
.author-content h4{font-size:24px}
.author-content p{font-size:15px;line-height:1.7}

}