.pp-container {
      font-family: 'Inter', sans-serif;
      line-height: 1.8;
      color: #374151;
      max-width: 100%;
      margin: 0 auto;
      padding: 10px;
  }
  /* SEO Friendly Title Style */
  .pp-title {
      font-size: 32px;
      font-weight: 800;
      color: #111827;
      margin-bottom: 20px;
      text-align: center;
      background: linear-gradient(135deg, #1f2937, #4f46e5);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      display: block;
  }
  .pp-container h3 {
      font-size: 20px;
      font-weight: 700;
      color: #1f2937;
      margin-top: 30px;
      margin-bottom: 15px;
      border-bottom: 2px solid #e5e7eb;
      padding-bottom: 8px;
  }
  .pp-container p {
      margin-bottom: 15px;
      font-size: 16px;
  }
  .pp-container ul {
      margin-bottom: 20px;
      padding-left: 20px;
  }
  .pp-container li {
      margin-bottom: 10px;
  }
  .pp-highlight {
      background: #eff6ff;
      border-left: 4px solid #4f46e5;
      padding: 15px;
      border-radius: 4px;
      color: #1e40af;
      font-weight: 500;
      margin: 20px 0;
  }
  .pp-contact {
      background: #f9fafb;
      padding: 30px;
      border-radius: 12px;
      border: 1px solid #e5e7eb;
      margin-top: 30px;
      text-align: center;
  }
  .pp-contact a {
      color: #4f46e5;
      text-decoration: underline;
      font-weight: bold;
  }

.tos-container {
      font-family: 'Inter', sans-serif;
      line-height: 1.8;
      color: #374151;
      max-width: 100%;
      margin: 0 auto;
      padding: 10px;
  }
  /* SEO Friendly Title Style */
  .tos-title {
      font-size: 32px;
      font-weight: 800;
      color: #111827;
      margin-bottom: 20px;
      text-align: center;
      background: linear-gradient(135deg, #1f2937, #4f46e5);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      display: block;
  }
  .tos-container h3 {
      font-size: 20px;
      font-weight: 700;
      color: #1f2937;
      margin-top: 30px;
      margin-bottom: 15px;
      border-bottom: 2px solid #e5e7eb;
      padding-bottom: 8px;
  }
  .tos-container p {
      margin-bottom: 15px;
      font-size: 16px;
  }
  .tos-container ul {
      margin-bottom: 20px;
      padding-left: 20px;
  }
  .tos-container li {
      margin-bottom: 8px;
  }
  .tos-warning {
      background: #fef2f2;
      border-left: 4px solid #ef4444;
      padding: 15px;
      border-radius: 4px;
      color: #991b1b;
      font-weight: 500;
      margin: 20px 0;
  }
  .tos-contact {
      background: #f9fafb;
      padding: 30px;
      border-radius: 12px;
      border: 1px solid #e5e7eb;
      margin-top: 30px;
      text-align: center;
  }
  .tos-contact a {
      color: #4f46e5;
      text-decoration: underline;
      font-weight: bold;
  }

.disc-container {
      font-family: 'Inter', sans-serif;
      line-height: 1.8;
      color: #374151;
      max-width: 100%;
      margin: 0 auto;
      padding: 10px;
  }
  /* SEO Friendly Title Style (H2 acting as Main Title) */
  .disc-title {
      font-size: 32px;
      font-weight: 800;
      color: #111827;
      margin-bottom: 20px;
      text-align: center;
      background: linear-gradient(135deg, #1f2937, #4f46e5);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      display: block;
  }
  .disc-container h3 {
      font-size: 20px;
      font-weight: 700;
      color: #1f2937;
      margin-top: 30px;
      margin-bottom: 15px;
      border-bottom: 2px solid #e5e7eb;
      padding-bottom: 8px;
  }
  .disc-container p {
      margin-bottom: 15px;
      font-size: 16px;
  }
  .disc-container ul {
      margin-bottom: 20px;
      padding-left: 20px;
  }
  .disc-container li {
      margin-bottom: 8px;
  }
  .disc-warning {
      background: #fff7ed;
      border-left: 4px solid #f59e0b;
      padding: 15px;
      border-radius: 4px;
      color: #9a3412;
      font-weight: 500;
      margin: 20px 0;
  }
  .disc-contact {
      background: #f9fafb;
      padding: 30px;
      border-radius: 12px;
      border: 1px solid #e5e7eb;
      margin-top: 30px;
      text-align: center;
  }
  .disc-contact a {
      color: #4f46e5;
      text-decoration: underline;
      font-weight: bold;
  }

 .about-container {
      font-family: 'Inter', sans-serif;
      line-height: 1.8;
      color: #374151;
      max-width: 100%;
      margin: 0 auto;
      padding: 10px;
  }
  /* SEO Friendly Title Style */
  .about-title {
      font-size: 32px;
      font-weight: 800;
      color: #111827;
      margin-bottom: 20px;
      text-align: center;
      background: linear-gradient(135deg, #1f2937, #4f46e5);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      display: block;
  }
  .about-intro {
      text-align: center;
      font-size: 18px;
      color: #6b7280;
      margin-bottom: 40px;
      max-width: 800px;
      margin-left: auto;
      margin-right: auto;
  }
  .mission-box {
      background: #eff6ff;
      border-left: 5px solid #4f46e5;
      padding: 25px;
      border-radius: 8px;
      margin-bottom: 40px;
  }
  .mission-box h3 {
      margin-top: 0;
      color: #1e40af;
      font-size: 22px;
  }
  .about-section h3 {
      font-size: 24px;
      font-weight: 700;
      color: #1f2937;
      margin-bottom: 20px;
      border-bottom: 2px solid #e5e7eb;
      padding-bottom: 10px;
  }
  .about-section p {
      margin-bottom: 15px;
      font-size: 16px;
  }
  .features-list {
      list-style: none;
      padding: 0;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
      margin-bottom: 40px;
  }
  .features-list li {
      background: #f9fafb;
      padding: 15px;
      border-radius: 8px;
      border: 1px solid #e5e7eb;
      font-weight: 500;
      display: flex;
      align-items: center;
      gap: 10px;
  }
  .check-icon {
      color: #10b981;
      font-weight: bold;
      font-size: 18px;
  }
  .contact-box {
      background: #e9eef9;
      padding: 30px;
      border-radius: 12px;
      text-align: center;
      margin-top: 40px;
  }
  .contact-box h3 {
      border: none;
      font-size: 24px;
      margin-bottom: 10px;
  }
  .contact-box a {
      color: #818cf8;
      text-decoration: underline;
  }

  @media (max-width: 768px) {
      .features-list { grid-template-columns: 1fr; }
  }


  /* Global Reset */
  * { box-sizing: border-box; margin: 0; padding: 0; }

  :root {
    --primary: #6366f1;
    --accent: #25D366;
    --dark: #0f172a;
    --text-main: #1e293b;
    --text-muted: #64748b;
    --bg-light: #f8fafc;
  }

  .contact-section-container {
    font-family: 'Plus Jakarta Sans', sans-serif;
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
  }

  .ui-wrapper {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 40px;
    align-items: center;
  }

  /* Image Section */
  .ui-visual-side {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .ui-image-box {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 450px;
    -webkit-mask-image: linear-gradient(to bottom, black 85%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 85%, transparent 100%);
  }

  .ui-portfolio-img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
  }

  /* Developer Label Style */
  .ui-dev-label {
    font-size: clamp(12px, 2vw, 14px);
    font-weight: 800;
    color: var(--dark);
    letter-spacing: 1.5px;
    background: linear-gradient(135deg, var(--dark), var(--primary));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
  }

  .ui-dev-label::after {
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    background: var(--primary);
    margin: 8px auto 0;
    border-radius: 10px;
  }

  /* Content Side */
  .ui-badge {
    background: rgba(99, 102, 241, 0.1);
    color: var(--primary);
    padding: 6px 14px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 20px;
  }

  .ui-main-title {
    font-size: clamp(32px, 5vw, 56px);
    font-weight: 800;
    line-height: 1.1;
    color: var(--dark);
    margin-bottom: 20px;
  }

  .ui-desc {
    font-size: clamp(16px, 1.5vw, 19px);
    color: var(--text-muted);
    line-height: 1.6;
    margin-bottom: 35px;
  }

  .ui-contact-list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 40px;
  }

  .ui-item h4 {
    font-size: 11px;
    color: var(--text-muted);
    text-transform: uppercase;
    margin-bottom: 8px;
  }

  .ui-item p {
    font-size: 16px;
    font-weight: 600;
    color: var(--dark);
  }

  /* Form UI */
  .ui-form {
    background: #24ff552b;
    padding: clamp(20px, 4vw, 40px);
    border-radius: 24px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.03);
    border: 1px solid rgba(0,0,0,0.05);
  }

  .ui-input-group {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .ui-field { display: flex; flex-direction: column; gap: 8px; margin-bottom: 20px; }
  .ui-field.ui-full { grid-column: span 2; }

  .ui-field label { font-size: 13px; font-weight: 600; color: var(--text-main); }

  .ui-field input, .ui-field textarea {
    padding: 12px 16px;
    background: #f1f5f9;
    border: 2px solid transparent;
    border-radius: 12px;
    font-size: 15px;
    font-family: inherit;
    transition: 0.3s;
    outline: none;
    width: 100%;
    /* নিচের এই দুটি লাইন যোগ করা হয়েছে */
    resize: vertical; /* এখন শুধু উপর-নিচ বড় করা যাবে, ডানে-বামে যাবে না */
    max-width: 100%;  /* কোনোভাবেই মেইন কন্টেইনারের বাইরে যাবে না */
  }

  .ui-field input:focus, .ui-field textarea:focus {
    background: #fff;
    border-color: var(--primary);
    box-shadow: 0 5px 15px rgba(99, 102, 241, 0.1);
  }

  .ui-submit-btn {
    width: 100%;
    padding: 16px;
    background: var(--dark);
    color: #fff;
    border: none;
    border-radius: 14px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: 0.3s;
  }

  .ui-submit-btn:hover {
    background: var(--accent);
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(37, 211, 102, 0.2);
  }

  /* Responsive Queries */
  @media (max-width: 850px) {
    .ui-wrapper { grid-template-columns: 1fr; text-align: center; }
    .ui-visual-side { order: 2; margin-top: 30px; }
    .ui-content-side { order: 1; }
    .ui-contact-list { justify-content: center; }
    .ui-image-box { margin: 0 auto; }
  }

  @media (max-width: 550px) {
    .ui-input-group { grid-template-columns: 1fr; }
    .ui-field.ui-full { grid-column: span 1; }
  }


.htu-wrapper{font-family:'Inter',sans-serif;color:#1e293b;line-height:1.8;text-align:left}.htu-wrapper i{font-family:"Font Awesome 6 Free"!important;font-weight:900!important}.htu-category-title{font-size:24px;font-weight:800;color:#4f46e5;margin:40px 0 20px;display:flex;align-items:center;gap:12px;border-bottom:2px solid #f1f5f9;padding-bottom:10px}.htu-step-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:25px;margin-bottom:25px;transition:0.3s}.htu-step-card:hover{border-color:#4f46e5;box-shadow:0 10px 30px rgb(79 70 229 / .08)}.htu-tool-name{font-size:19px;font-weight:800;color:#111827;margin-bottom:15px;display:flex;align-items:center;gap:10px}.htu-tool-name i{color:#4f46e5;font-size:18px;background:#eef2ff;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:8px}.htu-list{list-style:none;padding:0;margin:0}.htu-list li{position:relative;padding-left:30px;margin-bottom:10px;font-size:15px}.htu-list li::before{content:"\f058";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;color:#059669;font-size:18px}.pro-tip{background:#fffbeb;border-left:4px solid #f59e0b;padding:15px;border-radius:0 12px 12px 0;font-size:14px;margin-top:15px;color:#92400e}@media (max-width:768px){.htu-category-title{font-size:20px}.htu-tool-name{font-size:17px}}

 /* Main Container */
  .sitemap-wrapper {
      font-family: 'Inter', sans-serif;
      margin: 0 auto;
      padding: 10px;
      color: #374151;
  }

  /* Header Section */
  .sitemap-header {
      text-align: center;
      margin-bottom: 30px;
  }
  .sitemap-header h2 {
      font-size: 32px;
      font-weight: 800;
      background: linear-gradient(135deg, #1f2937, #4f46e5);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      margin: 0;
  }

  /* Search Box */
  .search-box {
      position: relative;
      max-width: 100%;
      margin: 20px 0 40px;
  }
  .search-box input {
      width: 100%;
      padding: 15px 20px 15px 50px;
      border: 1px solid #e5e7eb;
      border-radius: 12px;
      font-size: 16px;
      outline: none;
      transition: 0.3s;
      background: #f9fafb;
      box-sizing: border-box;
  }
  .search-box input:focus {
      border-color: #4f46e5;
      background: #fff;
      box-shadow: 0 4px 15px rgba(79, 70, 229, 0.1);
  }
  .search-icon {
      position: absolute;
      left: 18px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 18px;
      color: #9ca3af;
  }

  /* Section Titles */
  .section-title {
      font-size: 20px;
      font-weight: 700;
      color: #111827;
      margin-top: 40px;
      margin-bottom: 20px;
      padding-bottom: 10px;
      border-bottom: 2px solid #e5e7eb;
      display: flex;
      align-items: center;
      gap: 12px;
  }
  .section-count {
      background: #4f46e5;
      color: #fff;
      font-size: 12px;
      padding: 2px 10px;
      border-radius: 50px;
      font-weight: 600;
  }

  /* Grid Layout */
  .sitemap-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
      gap: 20px;
  }

  /* Card Design */
  .link-card {
      background: #fff;
      border: 1px solid #e5e7eb;
      border-radius: 12px;
      padding: 18px;
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      display: flex;
      align-items: center;
      gap: 15px;
      text-decoration: none;
      position: relative;
      overflow: hidden;
  }
  .link-card:hover {
      border-color: #4f46e5;
      transform: translateY(-5px);
      box-shadow: 0 10px 25px rgba(79, 70, 229, 0.1);
  }

  /* Icon Styles */
  .card-icon {
      width: 50px;
      height: 50px;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 22px;
      flex-shrink: 0;
      transition: 0.3s;
  }

  /* Icon Colors */
  .icon-post { background: #eef2ff; color: #4f46e5; }
  .icon-page { background: #ecfdf5; color: #059669; }

  .link-card:hover .card-icon {
      transform: scale(1.1) rotate(5deg);
  }

  /* Card Text */
  .card-info {
      flex-grow: 1;
      min-width: 0;
  }
  .card-title {
      font-size: 16px;
      font-weight: 700;
      color: #1f2937;
      margin-bottom: 6px;
      line-height: 1.4;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }
  .card-date {
      font-size: 13px;
      color: #9ca3af;
      display: flex;
      align-items: center;
      gap: 6px;
  }
  .card-date i { font-size: 12px; }

  /* Loading Spinner */
  .loader-container { text-align: center; padding: 50px 0; }
  .loader {
      border: 4px solid #f3f3f3;
      border-top: 4px solid #4f46e5;
      border-radius: 50%;
      width: 45px;
      height: 45px;
      animation: spin 1s linear infinite;
      display: inline-block;
  }
  @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

  /* Mobile Responsive */
  @media (max-width: 600px) {
      .sitemap-grid { grid-template-columns: 1fr; }
      .sitemap-header h2 { font-size: 26px; }
      .link-card { padding: 15px; }
  }

 /* Main Container */
    .copyright-wrapper {
        font-family: 'Inter', sans-serif;
        line-height: 1.8;
        color: #374151;
        margin: 0 auto;
        padding: 10px;
    }

    /* Header */
    .copy-title {
        font-size: 30px;
        font-weight: 800;
        color: #111827;
        margin-bottom: 20px;
        text-align: center;
        background: linear-gradient(135deg, #1f2937, #4f46e5);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: block;
    }

    /* Copyright Notice Box */
    .copyright-box {
        background: #1f2937;
        color: #fff;
        padding: 25px;
        border-radius: 12px;
        text-align: center;
        margin-bottom: 40px;
        box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1);
    }
    .copyright-year {
        font-size: 18px;
        font-weight: 700;
        color: #818cf8;
        margin-bottom: 5px;
        display: block;
    }
    .copyright-text {
        font-size: 14px;
        opacity: 0.9;
    }

    /* Sections */
    .copy-section h3 {
        font-size: 22px;
        font-weight: 700;
        color: #1f2937;
        margin-top: 30px;
        margin-bottom: 15px;
        border-bottom: 2px solid #e5e7eb;
        padding-bottom: 8px;
    }
    .copy-section p {
        margin-bottom: 15px;
        font-size: 16px;
    }
    .copy-section ul {
        margin-bottom: 20px;
        padding-left: 20px;
    }
    .copy-section li {
        margin-bottom: 10px;
        list-style-type: square;
        color: #4b5563;
    }

    /* DMCA Badge Area */
    .dmca-container {
        text-align: center;
        margin: 30px 0;
        padding: 20px;
        background: #fff;
        border: 1px dashed #cbd5e1;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .dmca-container p {
        font-size: 14px;
        color: #6b7280;
        margin-bottom: 15px;
        font-weight: 600;
    }

    /* Contact */
    .copy-contact {
        background: #f9fafb;
        padding: 20px;
        border-radius: 8px;
        border: 1px solid #e5e7eb;
        margin-top: 40px;
        text-align: center;
    }
    .copy-contact a {
        color: #4f46e5;
        font-weight: bold;
        text-decoration: underline;
    }


.blog-page-wrap{font-family:Inter,SolaimanLipi,sans-serif;color:#1e293b;line-height:1.8}.blog-hero{background:linear-gradient(135deg,#4f46e5 0,#06b6d4 100%);padding:60px 20px;border-radius:24px;text-align:center;color:#fff;margin-bottom:40px;box-shadow:0 20px 40px rgba(79,70,229,.1)}.blog-hero h2{font-size:36px;font-weight:900;margin-bottom:15px;letter-spacing:-1px}.blog-hero p{font-size:18px;opacity:.9;max-width:700px;margin:0 auto}.content-card{background:#fff;padding:35px;border-radius:20px;border:1px solid #e2e8f0;margin-bottom:30px;box-shadow:0 4px 6px rgba(0,0,0,.02)}.content-card h2{font-size:26px;font-weight:800;color:#111827;margin-bottom:20px;display:flex;align-items:center;gap:12px}.content-card h2 i{color:#4f46e5;font-size:22px}.step-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:25px}.step-item{background:#f8fafc;padding:20px;border-radius:16px;border:1px solid #eef2ff;text-align:center}.step-number{width:40px;height:40px;background:#4f46e5;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;margin:0 auto 15px}.feature-list{list-style:none;padding:0}.feature-list li{display:flex;align-items:flex-start;gap:12px;margin-bottom:15px;font-size:16px}.feature-list li i{color:#10b981;margin-top:5px}.privacy-alert{background:#fff7ed;border:1px dashed #f59e0b;padding:20px;border-radius:14px;display:flex;gap:15px;align-items:center}.privacy-alert i{font-size:30px;color:#f59e0b}@media (max-width:768px){.blog-hero h2{font-size:26px}.content-card{padding:20px}}
.blog-page-wrap{font-family:Inter,sans-serif;color:#1e293b;line-height:1.8}.blog-hero{background:linear-gradient(135deg,#4f46e5 0,#3b82f6 100%);padding:70px 20px;border-radius:24px;text-align:center;color:#fff;margin-bottom:40px;box-shadow:0 20px 40px rgba(79,70,229,.15)}.blog-hero h2{font-size:38px;font-weight:900;margin-bottom:15px;letter-spacing:-1.5px;line-height:1.2}.blog-hero p{font-size:19px;opacity:.95;max-width:750px;margin:0 auto;font-weight:500}.content-card{background:#fff;padding:40px;border-radius:20px;border:1px solid #e2e8f0;margin-bottom:30px;box-shadow:0 4px 6px rgba(0,0,0,.02)}.content-card h2{font-size:26px;font-weight:800;color:#111827;margin-bottom:20px;display:flex;align-items:center;gap:12px}.content-card h2 i{color:#4f46e5;font-size:22px}.step-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:25px}.step-item{background:#f8fafc;padding:25px;border-radius:16px;border:1px solid #eef2ff;text-align:center;transition:.3s}.step-item:hover{transform:translateY(-5px);border-color:#4f46e5}.step-number{width:45px;height:45px;background:#4f46e5;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;margin:0 auto 15px;box-shadow:0 5px 15px rgba(79,70,229,.3)}.feature-list{list-style:none;padding:0}.feature-list li{display:flex;align-items:flex-start;gap:15px;margin-bottom:18px;font-size:16px}.feature-list li i{color:#10b981;margin-top:5px;font-size:18px}.privacy-alert{background:#f0fdf4;border:1px solid #bbf7d0;padding:25px;border-radius:16px;display:flex;gap:20px;align-items:center}.privacy-alert i{font-size:35px;color:#10b981}@media (max-width:768px){.blog-hero h2{font-size:28px}.blog-hero p{font-size:16px}.content-card{padding:25px}}

/* Core Page Styling */
  .sc-pro-page {
      font-family: 'Inter', sans-serif;
      color: #1e293b;
      max-width: 1050px;
      margin: 0 auto;
      padding: 15px;
      line-height: 1.8;
  }

  /* Hero Section - Trust & Tech Theme */
  .sc-hero-box {
      text-align: center;
      padding: 90px 30px;
      background: radial-gradient(circle at top left, #eff6ff, #ffffff);
      border-radius: 40px;
      border: 1px solid #dbeafe;
      margin-bottom: 50px;
      box-shadow: 0 10px 40px rgba(66, 133, 244, 0.05);
  }

  .sc-hero-box h2 {
      font-size: clamp(26px, 6vw, 44px);
      font-weight: 900;
      color: #1e40af; /* Deep Navy Blue */
      margin-bottom: 25px;
      line-height: 1.2;
      letter-spacing: -1.5px;
  }

  .sc-hero-box p {
      font-size: 20px;
      color: #475569;
      max-width: 850px;
      margin: 0 auto 35px;
  }

  /* High-Authority Feature Grid */
  .sc-feature-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 30px;
      margin-bottom: 70px;
  }

  .sc-feature-item {
      background: #fff;
      padding: 40px 30px;
      border-radius: 30px;
      border: 1px solid #f1f5f9;
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      text-align: left;
  }

  .sc-feature-item:hover {
      transform: translateY(-12px);
      box-shadow: 0 30px 60px -12px rgba(66, 133, 244, 0.15);
      border-color: #4285f4;
  }

  .sc-icon-circle {
      width: 65px;
      height: 65px;
      background: #eff6ff;
      color: #4285f4;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 20px;
      font-size: 28px;
      margin-bottom: 25px;
  }

  .sc-feature-item h3 {
      font-size: 22px;
      font-weight: 800;
      margin-bottom: 15px;
      color: #0f172a;
  }

  .sc-feature-item p {
      font-size: 15px;
      color: #64748b;
  }

  /* Informative Article Body */
  .sc-article-content {
      margin-bottom: 60px;
      text-align: left;
  }

  .sc-article-content h2 {
      font-size: 32px;
      font-weight: 900;
      margin-bottom: 30px;
      color: #1e1b4b;
      border-left: 8px solid #4285f4;
      padding-left: 20px;
  }

  .sc-article-content h3 {
      font-size: 24px;
      font-weight: 800;
      margin: 40px 0 20px;
      color: #1e40af;
  }

  .sc-article-content p {
      font-size: 18px;
      margin-bottom: 25px;
      text-align: justify;
  }

  /* Comparison Table */
  .sc-table-wrapper {
      overflow-x: auto;
      margin: 40px 0;
      border-radius: 24px;
      border: 1px solid #e2e8f0;
      box-shadow: 0 4px 15px rgba(0,0,0,0.03);
  }

  .sc-table {
      width: 100%;
      border-collapse: collapse;
      background: #fff;
      min-width: 600px;
  }

  .sc-table th, .sc-table td {
      padding: 20px;
      text-align: left;
      border-bottom: 1px solid #f1f5f9;
  }

  .sc-table th {
      background: #4285f4;
      color: #fff;
      font-weight: 800;
  }

  /* Step-by-Step User Guide */
  .sc-guide-box {
      background: #f8fafc;
      padding: 60px 40px;
      border-radius: 40px;
      border: 1px solid #e2e8f0;
      margin-bottom: 60px;
  }

  .sc-step-card {
      display: flex;
      gap: 30px;
      margin-bottom: 40px;
      align-items: flex-start;
      text-align: left;
  }

  .sc-step-num {
      background: #4285f4;
      color: #fff;
      width: 50px;
      height: 50px;
      border-radius: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      font-size: 22px;
      flex-shrink: 0;
      box-shadow: 0 10px 20px rgba(66, 133, 244, 0.2);
  }

  .sc-step-info h4 {
      font-size: 20px;
      font-weight: 800;
      margin-bottom: 10px;
  }

  /* FAQ Styling */
  .sc-faq-container {
      margin-bottom: 60px;
  }

  .sc-faq-item {
      background: #fff;
      border: 1px solid #e2e8f0;
      padding: 25px;
      border-radius: 20px;
      margin-bottom: 20px;
  }

  .sc-faq-item strong {
      font-size: 19px;
      color: #0f172a;
      display: block;
      margin-bottom: 10px;
  }

  /* Final CTA */
  .sc-final-banner {
      text-align: center;
      padding: 80px 30px;
      background: #9fb8f1;
      border-radius: 50px;
      margin-top: 60px;
  }

  .sc-btn-primary {
      display: inline-flex;
      align-items: center;
      gap: 15px;
      background: #4285f4;
      color: #fff !important;
      padding: 22px 60px;
      border-radius: 100px;
      font-weight: 800;
      font-size: 20px;
      text-decoration: none !important;
      transition: 0.3s ease;
      margin-top: 35px;
      box-shadow: 0 15px 30px rgba(66, 133, 244, 0.3);
  }

  .sc-btn-primary:hover {
      background: #1e40af;
      transform: scale(1.05) translateY(-5px);
  }

  /* Mobile Responsive */
  @media (max-width: 768px) {
      .sc-hero-box { padding: 60px 20px; }
      .sc-feature-grid { grid-template-columns: 1fr; }
      .sc-article-content h2 { font-size: 26px; }
      .sc-guide-box { padding: 30px 20px; }
      .sc-step-card { gap: 15px; flex-direction: column; }
      .sc-btn-primary { width: 100%; justify-content: center; padding: 18px; font-size: 18px; }
  }

  /* Core Page Styling */
  .studio-cloud-page {
      font-family: 'Inter', 'SolaimanLipi', Arial, sans-serif;
      color: #334155;
      max-width: 1050px;
      margin: 0 auto;
      padding: 15px;
      line-height: 1.8;
  }

  /* Hero Section - Blue/Indigo Trust Theme */
  .sc-hero-container {
      text-align: center;
      padding: 80px 30px;
      background: radial-gradient(circle at top left, #eff6ff, #ffffff);
      border-radius: 40px;
      border: 1px solid #dbeafe;
      margin-bottom: 50px;
      box-shadow: 0 10px 30px rgba(66, 133, 244, 0.05);
  }

  .sc-hero-container h2 {
      font-size: clamp(24px, 5vw, 42px);
      font-weight: 900;
      color: #1e40af; /* Google Blue Theme */
      margin-bottom: 25px;
      line-height: 1.3;
  }

  .sc-hero-container p {
      font-size: 20px;
      color: #475569;
      max-width: 850px;
      margin: 0 auto 35px;
  }

  /* Feature Grid - Left Aligned */
  .sc-feature-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 30px;
      margin-bottom: 70px;
  }

  .sc-feature-card {
      background: #fff;
      padding: 40px 30px;
      border-radius: 25px;
      border: 1px solid #e2e8f0;
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      text-align: left;
  }

  .sc-feature-card:hover {
      transform: translateY(-12px);
      box-shadow: 0 30px 60px -12px rgba(66, 133, 244, 0.15);
      border-color: #4285f4;
  }

  .sc-icon-box {
      width: 75px;
      height: 75px;
      background: #eff6ff;
      color: #4285f4;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 22px;
      font-size: 32px;
      margin-bottom: 25px;
  }

  .sc-feature-card h3 {
      font-size: 24px;
      font-weight: 800;
      margin-bottom: 15px;
      color: #0f172a;
  }

  .sc-feature-card p {
      font-size: 16px;
      color: #64748b;
  }

  /* Deep Informative Content */
  .sc-article-body {
      margin-bottom: 60px;
      text-align: left;
  }

  .sc-article-body h2 {
      font-size: 32px;
      font-weight: 900;
      margin-bottom: 30px;
      color: #0f172a;
      border-left: 8px solid #4285f4;
      padding-left: 20px;
  }

  .sc-article-body h3 {
      font-size: 24px;
      font-weight: 800;
      margin: 40px 0 20px;
      color: #1e40af;
  }

  .sc-article-body p {
      font-size: 18px;
      margin-bottom: 25px;
      text-align: justify;
  }

  /* User Guide Section */
  .sc-guide-wrapper {
      background: #f8fafc;
      padding: 50px;
      border-radius: 35px;
      border: 1px solid #e2e8f0;
      margin-bottom: 60px;
  }

  .sc-step {
      display: flex;
      gap: 30px;
      margin-bottom: 40px;
      align-items: flex-start;
      text-align: left;
  }

  .sc-step-num {
      background: #4285f4;
      color: #fff;
      width: 45px;
      height: 45px;
      border-radius: 15px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      font-size: 20px;
      flex-shrink: 0;
      box-shadow: 0 10px 20px rgba(66, 133, 244, 0.2);
  }

  .sc-step-text h4 {
      font-size: 22px;
      font-weight: 800;
      margin-bottom: 10px;
  }

  /* Comparison Table */
  .sc-table-container {
      overflow-x: auto;
      margin: 40px 0;
      border-radius: 20px;
      border: 1px solid #e2e8f0;
  }

  .sc-table {
      width: 100%;
      border-collapse: collapse;
      background: #fff;
      min-width: 600px;
  }

  .sc-table th, .sc-table td {
      padding: 20px;
      text-align: left;
      border-bottom: 1px solid #f1f5f9;
  }

  .sc-table th {
      background: #4285f4;
      color: #fff;
      font-weight: 800;
  }

  /* FAQ Styling */
  .sc-faq-box {
      background: #fff;
      border: 1px solid #e2e8f0;
      padding: 25px;
      border-radius: 15px;
      margin-bottom: 20px;
  }

  .sc-faq-box strong {
      font-size: 19px;
      color: #0f172a;
      display: block;
      margin-bottom: 10px;
  }

  /* Final CTA */
  .sc-final-cta {
      text-align: center;
      padding: 80px 30px;
      background: #9fb8f1;
      border-radius: 40px;
      margin-top: 60px;
  }

  .sc-btn-main {
      display: inline-flex;
      align-items: center;
      gap: 15px;
      background: #4285f4;
      color: #fff !important;
      padding: 20px 50px;
      border-radius: 60px;
      font-weight: 800;
      font-size: 20px;
      text-decoration: none !important;
      transition: 0.3s ease;
      margin-top: 30px;
      box-shadow: 0 15px 30px rgba(66, 133, 244, 0.3);
  }

  .sc-btn-main:hover {
      background: #1e40af;
      transform: scale(1.05) translateY(-5px);
  }

  /* Mobile Adjustments */
  @media (max-width: 768px) {
      .sc-hero-container { padding: 50px 20px; }
      .sc-feature-grid { grid-template-columns: 1fr; }
      .sc-article-body h2 { font-size: 26px; }
      .sc-guide-wrapper { padding: 30px 20px; }
      .sc-step { gap: 15px; flex-direction: column; }
  }

/* Core Page Styling */
  .tr-pro-page {
      font-family: 'Inter', sans-serif;
      color: #1e293b;
      max-width: 1050px;
      margin: 0 auto;
      padding: 15px;
      line-height: 1.8;
  }

  /* Hero Section - Professional Tech Theme */
  .tr-hero-box {
      text-align: center;
      padding: 90px 30px;
      background: radial-gradient(circle at top left, #ecfdf5, #ffffff);
      border-radius: 40px;
      border: 1px solid #d1fae5;
      margin-bottom: 50px;
      box-shadow: 0 10px 40px rgba(5, 150, 105, 0.05);
  }

  .tr-hero-box h2 {
      font-size: clamp(26px, 6vw, 44px);
      font-weight: 900;
      color: #065f46; /* Deep Emerald */
      margin-bottom: 25px;
      line-height: 1.2;
      letter-spacing: -1.5px;
  }

  .tr-hero-box p {
      font-size: 20px;
      color: #475569;
      max-width: 850px;
      margin: 0 auto 35px;
  }

  /* High-Authority Feature Grid */
  .tr-feature-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 30px;
      margin-bottom: 70px;
  }

  .tr-feature-item {
      background: #fff;
      padding: 40px 30px;
      border-radius: 30px;
      border: 1px solid #f1f5f9;
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      text-align: left;
  }

  .tr-feature-item:hover {
      transform: translateY(-12px);
      box-shadow: 0 30px 60px -12px rgba(5, 150, 105, 0.15);
      border-color: #10b981;
  }

  .tr-icon-circle {
      width: 65px;
      height: 65px;
      background: #ecfdf5;
      color: #059669;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 20px;
      font-size: 28px;
      margin-bottom: 25px;
  }

  .tr-feature-item h3 {
      font-size: 22px;
      font-weight: 800;
      margin-bottom: 15px;
      color: #0f172a;
  }

  .tr-feature-item p {
      font-size: 15px;
      color: #64748b;
  }

  /* Detailed Article Content Section */
  .tr-article-content {
      margin-bottom: 60px;
      text-align: left;
  }

  .tr-article-content h2 {
      font-size: 32px;
      font-weight: 900;
      margin-bottom: 30px;
      color: #1e1b4b;
      border-left: 8px solid #059669;
      padding-left: 20px;
  }

  .tr-article-content h3 {
      font-size: 24px;
      font-weight: 800;
      margin: 40px 0 20px;
      color: #065f46;
  }

  .tr-article-content p {
      font-size: 18px;
      margin-bottom: 25px;
      text-align: justify;
  }

  /* Comparison Table */
  .tr-table-wrapper {
      overflow-x: auto;
      margin: 40px 0;
      border-radius: 24px;
      border: 1px solid #e2e8f0;
      box-shadow: 0 4px 15px rgba(0,0,0,0.03);
  }

  .tr-table {
      width: 100%;
      border-collapse: collapse;
      background: #fff;
      min-width: 600px;
  }

  .tr-table th, .tr-table td {
      padding: 20px;
      text-align: left;
      border-bottom: 1px solid #f1f5f9;
  }

  .tr-table th {
      background: #059669;
      color: #fff;
      font-weight: 800;
  }

  /* User Journey (Steps) */
  .tr-guide-container {
      background: #f8fafc;
      padding: 60px 40px;
      border-radius: 40px;
      border: 1px solid #e2e8f0;
      margin-bottom: 60px;
  }

  .tr-step-card {
      display: flex;
      gap: 30px;
      margin-bottom: 40px;
      align-items: flex-start;
      text-align: left;
  }

  .tr-step-num {
      background: #059669;
      color: #fff;
      width: 50px;
      height: 50px;
      border-radius: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      font-size: 22px;
      flex-shrink: 0;
      box-shadow: 0 10px 20px rgba(5, 150, 105, 0.2);
  }

  .tr-step-info h4 {
      font-size: 20px;
      font-weight: 800;
      margin-bottom: 10px;
  }

  /* FAQ Styling */
  .tr-faq-container {
      margin-bottom: 60px;
  }

  .tr-faq-card {
      background: #fff;
      border: 1px solid #e2e8f0;
      padding: 25px;
      border-radius: 20px;
      margin-bottom: 20px;
  }

  .tr-faq-card strong {
      font-size: 19px;
      color: #0f172a;
      display: block;
      margin-bottom: 10px;
  }

  /* Final CTA */
  .tr-final-banner {
      text-align: center;
      padding: 80px 30px;
      background: #9eeb9d;
      border-radius: 50px;
      margin-top: 60px;
  }

  .tr-btn-primary {
      display: inline-flex;
      align-items: center;
      gap: 15px;
      background: #059669;
      color: #fff !important;
      padding: 22px 60px;
      border-radius: 100px;
      font-weight: 800;
      font-size: 20px;
      text-decoration: none !important;
      transition: 0.3s ease;
      margin-top: 35px;
      box-shadow: 0 15px 30px rgba(5, 150, 105, 0.3);
  }

  .tr-btn-primary:hover {
      background: #047857;
      transform: scale(1.05) translateY(-5px);
  }

  /* Mobile Responsive */
  @media (max-width: 768px) {
      .tr-hero-box { padding: 60px 20px; }
      .tr-feature-grid { grid-template-columns: 1fr; }
      .tr-article-content h2 { font-size: 26px; }
      .tr-guide-container { padding: 30px 20px; }
      .tr-step-card { gap: 15px; flex-direction: column; }
      .tr-btn-primary { width: 100%; justify-content: center; padding: 18px; font-size: 18px; }
  }


/* Core Page Styling */
  .tele-resizer-page {
      font-family: 'Inter', 'SolaimanLipi', Arial, sans-serif;
      color: #334155;
      max-width: 1050px;
      margin: 0 auto;
      padding: 15px;
      line-height: 1.8;
  }

  /* Hero Section */
  .tr-hero-container {
      text-align: center;
      padding: 80px 30px;
      background: linear-gradient(135deg, #ecfdf5 0%, #ffffff 100%);
      border-radius: 40px;
      border: 1px solid #d1fae5;
      margin-bottom: 50px;
      box-shadow: 0 10px 30px rgba(5, 150, 105, 0.02);
  }

  .tr-hero-container h2 {
      font-size: clamp(24px, 5vw, 42px);
      font-weight: 900;
      color: #059669; /* Teletalk Green Theme */
      margin-bottom: 25px;
      line-height: 1.3;
  }

  .tr-hero-container p {
      font-size: 20px;
      color: #475569;
      max-width: 850px;
      margin: 0 auto 35px;
  }

  /* Feature Grid - Left Aligned Text */
  .tr-feature-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 30px;
      margin-bottom: 70px;
  }

  .tr-feature-card {
      background: #fff;
      padding: 40px 30px;
      border-radius: 25px;
      border: 1px solid #e2e8f0;
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      text-align: left;
  }

  .tr-feature-card:hover {
      transform: translateY(-12px);
      box-shadow: 0 30px 60px -12px rgba(5, 150, 105, 0.15);
      border-color: #10b981;
  }

  .tr-icon-box {
      width: 75px;
      height: 75px;
      background: #ecfdf5;
      color: #059669;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 22px;
      font-size: 32px;
      margin-bottom: 25px;
  }

  .tr-feature-card h3 {
      font-size: 24px;
      font-weight: 800;
      margin-bottom: 15px;
      color: #0f172a;
  }

  .tr-feature-card p {
      font-size: 16px;
      color: #64748b;
  }

  /* Informative Content Section */
  .tr-article-body {
      margin-bottom: 60px;
      text-align: left;
  }

  .tr-article-body h2 {
      font-size: 32px;
      font-weight: 900;
      margin-bottom: 30px;
      color: #0f172a;
      border-left: 8px solid #059669;
      padding-left: 20px;
      text-align: left;
  }

  .tr-article-body h3 {
      font-size: 24px;
      font-weight: 800;
      margin: 40px 0 20px;
      color: #059669;
  }

  .tr-article-body p {
      font-size: 18px;
      margin-bottom: 25px;
      text-align: justify;
  }

  /* Step-by-Step Guide */
  .tr-guide-wrapper {
      background: #f8fafc;
      padding: 50px;
      border-radius: 35px;
      border: 1px solid #e2e8f0;
      margin-bottom: 60px;
  }

  .tr-step {
      display: flex;
      gap: 30px;
      margin-bottom: 40px;
      align-items: flex-start;
      text-align: left;
  }

  .tr-step-num {
      background: #059669;
      color: #fff;
      width: 45px;
      height: 45px;
      border-radius: 15px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      font-size: 20px;
      flex-shrink: 0;
      box-shadow: 0 10px 20px rgba(5, 150, 105, 0.2);
  }

  .tr-step-text h4 {
      font-size: 22px;
      font-weight: 800;
      margin-bottom: 10px;
  }

  /* Comparison Table */
  .tr-table-container {
      overflow-x: auto;
      margin: 40px 0;
      border-radius: 20px;
      border: 1px solid #e2e8f0;
  }

  .tr-table {
      width: 100%;
      border-collapse: collapse;
      background: #fff;
      min-width: 600px;
  }

  .tr-table th, .tr-table td {
      padding: 20px;
      text-align: left;
      border-bottom: 1px solid #f1f5f9;
  }

  .tr-table th {
      background: #059669;
      color: #fff;
      font-weight: 800;
  }

  /* FAQ Styling */
  .tr-faq-box {
      background: #fff;
      border: 1px solid #e2e8f0;
      padding: 25px;
      border-radius: 15px;
      margin-bottom: 20px;
      text-align: left;
  }

  .tr-faq-box strong {
      font-size: 19px;
      color: #0f172a;
      display: block;
      margin-bottom: 10px;
  }

  /* Final CTA */
  .tr-final-cta {
      text-align: center;
      padding: 80px 30px;
      background: #9eeb9d;
      border-radius: 40px;
      margin-top: 60px;
  }

  .tr-btn-main {
      display: inline-flex;
      align-items: center;
      gap: 15px;
      background: #059669;
      color: #fff !important;
      padding: 20px 50px;
      border-radius: 60px;
      font-weight: 800;
      font-size: 20px;
      text-decoration: none !important;
      transition: 0.3s ease;
      margin-top: 30px;
      box-shadow: 0 15px 30px rgba(5, 150, 105, 0.3);
  }

  .tr-btn-main:hover {
      background: #047857;
      transform: scale(1.05) translateY(-5px);
  }

  /* Mobile Adjustments */
  @media (max-width: 768px) {
      .tr-hero-container { padding: 50px 20px; }
      .tr-feature-grid { grid-template-columns: 1fr; }
      .tr-article-body h2 { font-size: 26px; }
      .tr-guide-wrapper { padding: 30px 20px; }
      .tr-step { gap: 15px; flex-direction: column; }
  }


/* Core Page Styling */
  .bc-pro-page {
      font-family: 'Inter', sans-serif;
      color: #1e293b;
      max-width: 1050px;
      margin: 0 auto;
      padding: 15px;
      line-height: 1.8;
  }

  /* Hero Section - Futuristic Tech Theme */
  .bc-hero-box {
      text-align: center;
      padding: 90px 30px;
      background: radial-gradient(circle at top left, #f5f3ff, #ffffff);
      border-radius: 40px;
      border: 1px solid #ddd6fe;
      margin-bottom: 50px;
      box-shadow: 0 10px 40px rgba(139, 92, 246, 0.05);
  }

  .bc-hero-box h2 {
      font-size: clamp(26px, 6vw, 44px);
      font-weight: 900;
      color: #5b21b6; /* Deep Purple */
      margin-bottom: 25px;
      line-height: 1.2;
      letter-spacing: -1.5px;
  }

  .bc-hero-box p {
      font-size: 20px;
      color: #475569;
      max-width: 850px;
      margin: 0 auto 35px;
  }

  /* High-Authority Feature Grid */
  .bc-feature-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 30px;
      margin-bottom: 70px;
  }

  .bc-feature-item {
      background: #fff;
      padding: 40px 30px;
      border-radius: 30px;
      border: 1px solid #f1f5f9;
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      text-align: left;
  }

  .bc-feature-item:hover {
      transform: translateY(-12px);
      box-shadow: 0 30px 60px -12px rgba(139, 92, 246, 0.15);
      border-color: #8b5cf6;
  }

  .bc-icon-circle {
      width: 65px;
      height: 65px;
      background: #f5f3ff;
      color: #8b5cf6;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 20px;
      font-size: 28px;
      margin-bottom: 25px;
  }

  .bc-feature-item h3 {
      font-size: 22px;
      font-weight: 800;
      margin-bottom: 15px;
      color: #0f172a;
  }

  .bc-feature-item p {
      font-size: 15px;
      color: #64748b;
  }

  /* Informative Article Body */
  .bc-article-content {
      margin-bottom: 60px;
      text-align: left;
  }

  .bc-article-content h2 {
      font-size: 32px;
      font-weight: 900;
      margin-bottom: 30px;
      color: #1e1b4b;
      border-left: 8px solid #8b5cf6;
      padding-left: 20px;
  }

  .bc-article-content h3 {
      font-size: 24px;
      font-weight: 800;
      margin: 40px 0 20px;
      color: #5b21b6;
  }

  .bc-article-content p {
      font-size: 18px;
      margin-bottom: 25px;
      text-align: justify;
  }

  /* Comparison Table */
  .bc-table-wrapper {
      overflow-x: auto;
      margin: 40px 0;
      border-radius: 24px;
      border: 1px solid #e2e8f0;
      box-shadow: 0 4px 15px rgba(0,0,0,0.03);
  }

  .bc-table {
      width: 100%;
      border-collapse: collapse;
      background: #fff;
      min-width: 600px;
  }

  .bc-table th, .bc-table td {
      padding: 20px;
      text-align: left;
      border-bottom: 1px solid #f1f5f9;
  }

  .bc-table th {
      background: #8b5cf6;
      color: #fff;
      font-weight: 800;
  }

  /* Step-by-Step User Guide */
  .bc-guide-box {
      background: #f8fafc;
      padding: 60px 40px;
      border-radius: 40px;
      border: 1px solid #e2e8f0;
      margin-bottom: 60px;
  }

  .bc-step-card {
      display: flex;
      gap: 30px;
      margin-bottom: 40px;
      align-items: flex-start;
      text-align: left;
  }

  .bc-step-num {
      background: #8b5cf6;
      color: #fff;
      width: 50px;
      height: 50px;
      border-radius: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      font-size: 22px;
      flex-shrink: 0;
      box-shadow: 0 10px 20px rgba(139, 92, 246, 0.2);
  }

  .bc-step-info h4 {
      font-size: 20px;
      font-weight: 800;
      margin-bottom: 10px;
  }

  /* FAQ Styling */
  .bc-faq-container {
      margin-bottom: 60px;
  }

  .bc-faq-item {
      background: #fff;
      border: 1px solid #e2e8f0;
      padding: 25px;
      border-radius: 20px;
      margin-bottom: 20px;
  }

  .bc-faq-item strong {
      font-size: 19px;
      color: #0f172a;
      display: block;
      margin-bottom: 10px;
  }

  /* Final CTA */
  .bc-final-banner {
      text-align: center;
      padding: 80px 30px;
      background: #b9cdfb;
      border-radius: 50px;
      margin-top: 60px;
  }

  .bc-btn-primary {
      display: inline-flex;
      align-items: center;
      gap: 15px;
      background: #8b5cf6;
      color: #fff !important;
      padding: 22px 60px;
      border-radius: 100px;
      font-weight: 800;
      font-size: 20px;
      text-decoration: none !important;
      transition: 0.3s ease;
      margin-top: 35px;
      box-shadow: 0 15px 30px rgba(139, 92, 246, 0.3);
  }

  .bc-btn-primary:hover {
      background: #7c3aed;
      transform: scale(1.05) translateY(-5px);
  }

  /* Mobile Responsive */
  @media (max-width: 768px) {
      .bc-hero-box { padding: 60px 20px; }
      .bc-feature-grid { grid-template-columns: 1fr; }
      .bc-article-content h2 { font-size: 26px; }
      .bc-guide-box { padding: 30px 20px; }
      .bc-step-card { gap: 15px; flex-direction: column; }
      .bc-btn-primary { width: 100%; justify-content: center; padding: 18px; font-size: 18px; }
  }


/* Core Page Styling */
  .me-pro-page {
      font-family: 'Inter', sans-serif;
      color: #1e293b;
      max-width: 1050px;
      margin: 0 auto;
      padding: 15px;
      line-height: 1.8;
  }

  /* Hero Section - Professional Teal Theme */
  .me-hero-box {
      text-align: center;
      padding: 90px 30px;
      background: radial-gradient(circle at top left, #f0fdfa, #ffffff);
      border-radius: 40px;
      border: 1px solid #ccfbf1;
      margin-bottom: 50px;
      box-shadow: 0 10px 40px rgba(13, 148, 136, 0.05);
  }

  .me-hero-box h2 {
      font-size: clamp(26px, 6vw, 44px);
      font-weight: 900;
      color: #0f766e; /* Deep Teal */
      margin-bottom: 25px;
      line-height: 1.2;
      letter-spacing: -1.5px;
  }

  .me-hero-box p {
      font-size: 20px;
      color: #475569;
      max-width: 900px;
      margin: 0 auto 35px;
  }

  /* High-Authority Feature Grid */
  .me-feature-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 30px;
      margin-bottom: 70px;
  }

  .me-feature-item {
      background: #fff;
      padding: 40px 30px;
      border-radius: 30px;
      border: 1px solid #f1f5f9;
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      text-align: left;
  }

  .me-feature-item:hover {
      transform: translateY(-12px);
      box-shadow: 0 30px 60px -12px rgba(13, 148, 136, 0.15);
      border-color: #0d9488;
  }

  .me-icon-circle {
      width: 65px;
      height: 65px;
      background: #f0fdfa;
      color: #0d9488;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 20px;
      font-size: 28px;
      margin-bottom: 25px;
  }

  .me-feature-item h3 {
      font-size: 22px;
      font-weight: 800;
      margin-bottom: 15px;
      color: #0f172a;
  }

  .me-feature-item p {
      font-size: 15px;
      color: #64748b;
  }

  /* Informative Article Body */
  .me-article-content {
      margin-bottom: 60px;
      text-align: left;
  }

  .me-article-content h2 {
      font-size: 32px;
      font-weight: 900;
      margin-bottom: 30px;
      color: #1e1b4b;
      border-left: 8px solid #0d9488;
      padding-left: 20px;
  }

  .me-article-content h3 {
      font-size: 24px;
      font-weight: 800;
      margin: 40px 0 20px;
      color: #0d9488;
  }

  .me-article-content p {
      font-size: 18px;
      margin-bottom: 25px;
      text-align: justify;
  }

  /* Comparison Table */
  .me-table-wrapper {
      overflow-x: auto;
      margin: 40px 0;
      border-radius: 24px;
      border: 1px solid #e2e8f0;
      box-shadow: 0 4px 15px rgba(0,0,0,0.03);
  }

  .me-table {
      width: 100%;
      border-collapse: collapse;
      background: #fff;
      min-width: 600px;
  }

  .me-table th, .me-table td {
      padding: 20px;
      text-align: left;
      border-bottom: 1px solid #f1f5f9;
  }

  .me-table th {
      background: #0d9488;
      color: #fff;
      font-weight: 800;
  }

  /* Step-by-Step User Guide */
  .me-guide-box {
      background: #f8fafc;
      padding: 60px 40px;
      border-radius: 40px;
      border: 1px solid #e2e8f0;
      margin-bottom: 60px;
  }

  .me-step-item {
      display: flex;
      gap: 30px;
      margin-bottom: 40px;
      align-items: flex-start;
      text-align: left;
  }

  .me-step-num {
      background: #0d9488;
      color: #fff;
      width: 50px;
      height: 50px;
      border-radius: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      font-size: 22px;
      flex-shrink: 0;
      box-shadow: 0 10px 20px rgba(13, 148, 136, 0.2);
  }

  .me-step-info h4 {
      font-size: 22px;
      font-weight: 800;
      margin-bottom: 10px;
  }

  /* FAQ Styling */
  .me-faq-container {
      margin-bottom: 60px;
  }

  .me-faq-item {
      background: #fff;
      border: 1px solid #e2e8f0;
      padding: 25px;
      border-radius: 20px;
      margin-bottom: 20px;
  }

  .me-faq-item strong {
      font-size: 19px;
      color: #0f172a;
      display: block;
      margin-bottom: 10px;
  }

  /* Final CTA */
  .me-final-banner {
      text-align: center;
      padding: 80px 30px;
      background: #7aefe5;
      border-radius: 50px;
      margin-top: 60px;
  }

  .me-btn-primary {
      display: inline-flex;
      align-items: center;
      gap: 15px;
      background: #0d9488;
      color: #fff !important;
      padding: 22px 60px;
      border-radius: 100px;
      font-weight: 800;
      font-size: 20px;
      text-decoration: none !important;
      transition: 0.3s ease;
      margin-top: 35px;
      box-shadow: 0 15px 30px rgba(13, 148, 136, 0.3);
  }

  .me-btn-primary:hover {
      background: #0f766e;
      transform: scale(1.05) translateY(-5px);
  }

  /* Mobile Responsive */
  @media (max-width: 768px) {
      .me-hero-box { padding: 60px 20px; }
      .me-feature-grid { grid-template-columns: 1fr; }
      .me-article-content h2 { font-size: 26px; }
      .me-guide-box { padding: 30px 20px; }
      .me-step-item { gap: 15px; flex-direction: column; }
      .me-btn-primary { width: 100%; justify-content: center; padding: 18px; font-size: 18px; }
  }



/* Core Page Styling */
  .memo-pro-page {
      font-family: 'Inter', 'SolaimanLipi', Arial, sans-serif;
      color: #334155;
      max-width: 1050px;
      margin: 0 auto;
      padding: 15px;
      line-height: 1.8;
  }

  /* Hero Section */
  .me-hero-container {
      text-align: center;
      padding: 80px 30px;
      background: linear-gradient(135deg, #f0fdfa 0%, #ffffff 100%);
      border-radius: 40px;
      border: 1px solid #ccfbf1;
      margin-bottom: 50px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.02);
  }

  .me-hero-container h2 {
      font-size: clamp(24px, 5vw, 42px);
      font-weight: 900;
      color: #0d9488; /* Memo Teal Theme */
      margin-bottom: 25px;
      line-height: 1.3;
  }

  .me-hero-container p {
      font-size: 20px;
      color: #475569;
      max-width: 850px;
      margin: 0 auto 35px;
  }

  /* Feature Grid - 6 Items */
  .me-feature-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 30px;
      margin-bottom: 70px;
  }

  .me-feature-card {
      background: #fff;
      padding: 40px 30px;
      border-radius: 25px;
      border: 1px solid #e2e8f0;
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      text-align: left;
  }

  .me-feature-card:hover {
      transform: translateY(-12px);
      box-shadow: 0 30px 60px -12px rgba(13, 148, 136, 0.15);
      border-color: #0d9488;
  }

  .me-icon-box {
      width: 75px;
      height: 75px;
      background: #f0fdfa;
      color: #0d9488;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 22px;
      font-size: 32px;
      margin-bottom: 25px;
  }

  .me-feature-card h3 {
      font-size: 24px;
      font-weight: 800;
      margin-bottom: 15px;
      color: #0f172a;
  }

  .me-feature-card p {
      font-size: 16px;
      color: #64748b;
  }

  /* Informative Content Section */
  .me-article-body {
      margin-bottom: 60px;
      text-align: left;
  }

  .me-article-body h2 {
      font-size: 32px;
      font-weight: 900;
      margin-bottom: 30px;
      color: #0f172a;
      border-left: 8px solid #0d9488;
      padding-left: 20px;
  }

  .me-article-body h3 {
      font-size: 24px;
      font-weight: 800;
      margin: 40px 0 20px;
      color: #0d9488;
  }

  .me-article-body p {
      font-size: 18px;
      margin-bottom: 25px;
      text-align: justify;
  }

  /* Step-by-Step Guide */
  .me-guide-wrapper {
      background: #f8fafc;
      padding: 50px;
      border-radius: 35px;
      border: 1px solid #e2e8f0;
      margin-bottom: 60px;
  }

  .me-step {
      display: flex;
      gap: 30px;
      margin-bottom: 40px;
      align-items: flex-start;
      text-align: left;
  }

  .me-step-num {
      background: #0d9488;
      color: #fff;
      width: 45px;
      height: 45px;
      border-radius: 15px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      font-size: 20px;
      flex-shrink: 0;
      box-shadow: 0 10px 20px rgba(13, 148, 136, 0.2);
  }

  .me-step-text h4 {
      font-size: 22px;
      font-weight: 800;
      margin-bottom: 10px;
  }

  /* Comparison Table */
  .me-table-container {
      overflow-x: auto;
      margin: 40px 0;
      border-radius: 20px;
      border: 1px solid #e2e8f0;
  }

  .me-table {
      width: 100%;
      border-collapse: collapse;
      background: #fff;
      min-width: 600px;
  }

  .me-table th, .me-table td {
      padding: 20px;
      text-align: left;
      border-bottom: 1px solid #f1f5f9;
  }

  .me-table th {
      background: #0d9488;
      color: #fff;
      font-weight: 800;
  }

  /* FAQ Styling */
  .me-faq-box {
      background: #fff;
      border: 1px solid #e2e8f0;
      padding: 25px;
      border-radius: 15px;
      margin-bottom: 20px;
      text-align: left;
  }

  .me-faq-box strong {
      font-size: 19px;
      color: #0f172a;
      display: block;
      margin-bottom: 10px;
  }

  /* Final CTA */
  .me-final-cta {
      text-align: center;
      padding: 80px 30px;
      background: #7aefe5;
      border-radius: 40px;
      margin-top: 60px;
  }

  .me-btn-main {
      display: inline-flex;
      align-items: center;
      gap: 15px;
      background: #0d9488;
      color: #fff !important;
      padding: 20px 50px;
      border-radius: 60px;
      font-weight: 800;
      font-size: 20px;
      text-decoration: none !important;
      transition: 0.3s ease;
      margin-top: 30px;
      box-shadow: 0 15px 30px rgba(13, 148, 136, 0.3);
  }

  .me-btn-main:hover {
      background: #0f766e;
      transform: scale(1.05) translateY(-5px);
  }

  /* Mobile Adjustments */
  @media (max-width: 768px) {
      .me-hero-container { padding: 50px 20px; }
      .me-feature-grid { grid-template-columns: 1fr; }
      .me-article-body h2 { font-size: 26px; }
      .me-guide-wrapper { padding: 30px 20px; }
      .me-step { gap: 15px; flex-direction: column; }
  }


/* Core Page Styling */
  .cp-pro-page {
      font-family: 'Inter', sans-serif;
      color: #1e293b;
      max-width: 1050px;
      margin: 0 auto;
      padding: 15px;
      line-height: 1.8;
  }

  /* Hero Section - Professional Orange/Amber Theme */
  .cp-hero-box {
      text-align: center;
      padding: 80px 30px;
      background: radial-gradient(circle at top left, #fffbeb, #ffffff);
      border-radius: 40px;
      border: 1px solid #fef3c7;
      margin-bottom: 50px;
      box-shadow: 0 10px 40px rgba(245, 158, 11, 0.05);
  }

  .cp-hero-box h2 {
      font-size: clamp(26px, 6vw, 44px);
      font-weight: 900;
      color: #b45309; /* Deep Amber */
      margin-bottom: 25px;
      line-height: 1.2;
      letter-spacing: -1.5px;
  }

  .cp-hero-box p {
      font-size: 20px;
      color: #475569;
      max-width: 850px;
      margin: 0 auto 35px;
  }

  /* Feature Grid - Left Aligned */
  .cp-feature-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 30px;
      margin-bottom: 70px;
  }

  .cp-feature-item {
      background: #fff;
      padding: 40px 30px;
      border-radius: 30px;
      border: 1px solid #f1f5f9;
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      text-align: left;
  }

  .cp-feature-item:hover {
      transform: translateY(-12px);
      box-shadow: 0 30px 60px -12px rgba(245, 158, 11, 0.15);
      border-color: #f59e0b;
  }

  .cp-icon-circle {
      width: 65px;
      height: 65px;
      background: #fffbeb;
      color: #f59e0b;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 20px;
      font-size: 28px;
      margin-bottom: 25px;
  }

  .cp-feature-item h3 {
      font-size: 22px;
      font-weight: 800;
      margin-bottom: 15px;
      color: #0f172a;
  }

  .cp-feature-item p {
      font-size: 15px;
      color: #64748b;
  }

  /* Informative Article Body */
  .cp-article-content {
      margin-bottom: 60px;
      text-align: left;
  }

  .cp-article-content h2 {
      font-size: 32px;
      font-weight: 900;
      margin-bottom: 30px;
      color: #1e1b4b;
      border-left: 8px solid #f59e0b;
      padding-left: 20px;
  }

  .cp-article-content h3 {
      font-size: 24px;
      font-weight: 800;
      margin: 40px 0 20px;
      color: #b45309;
  }

  .cp-article-content p {
      font-size: 18px;
      margin-bottom: 25px;
      text-align: justify;
  }

  /* Comparison Table */
  .cp-table-wrapper {
      overflow-x: auto;
      margin: 40px 0;
      border-radius: 24px;
      border: 1px solid #e2e8f0;
  }

  .cp-table {
      width: 100%;
      border-collapse: collapse;
      background: #fff;
      min-width: 600px;
  }

  .cp-table th, .cp-table td {
      padding: 20px;
      text-align: left;
      border-bottom: 1px solid #f1f5f9;
  }

  .cp-table th {
      background: #f59e0b;
      color: #fff;
      font-weight: 800;
  }

  /* Step-by-Step User Guide */
  .cp-step-guide {
      background: #f8fafc;
      padding: 60px 40px;
      border-radius: 40px;
      border: 1px solid #e2e8f0;
      margin-bottom: 60px;
  }

  .cp-step-card {
      display: flex;
      gap: 30px;
      margin-bottom: 40px;
      align-items: flex-start;
      text-align: left;
  }

  .cp-step-num {
      background: #f59e0b;
      color: #fff;
      width: 50px;
      height: 50px;
      border-radius: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      font-size: 22px;
      flex-shrink: 0;
      box-shadow: 0 10px 20px rgba(245, 158, 11, 0.2);
  }

  .cp-step-info h4 {
      font-size: 22px;
      font-weight: 800;
      margin-bottom: 10px;
  }

  /* FAQ Styling */
  .cp-faq-container {
      margin-bottom: 60px;
  }

  .cp-faq-item {
      background: #fff;
      border: 1px solid #e2e8f0;
      padding: 25px;
      border-radius: 20px;
      margin-bottom: 20px;
  }

  .cp-faq-item strong {
      font-size: 19px;
      color: #0f172a;
      display: block;
      margin-bottom: 10px;
  }

  /* Final CTA */
  .cp-final-banner {
      text-align: center;
      padding: 80px 30px;
      background: #a5bef9;
      border-radius: 50px;
      margin-top: 60px;
  }

  .cp-btn-primary {
      display: inline-flex;
      align-items: center;
      gap: 15px;
      background: #f59e0b;
      color: #fff !important;
      padding: 22px 60px;
      border-radius: 100px;
      font-weight: 800;
      font-size: 20px;
      text-decoration: none !important;
      transition: 0.3s ease;
      margin-top: 35px;
      box-shadow: 0 15px 30px rgba(245, 158, 11, 0.3);
  }

  .cp-btn-primary:hover {
      background: #d97706;
      transform: scale(1.05) translateY(-5px);
  }

  /* Mobile Responsiveness */
  @media (max-width: 768px) {
      .cp-hero-box { padding: 60px 20px; }
      .cp-feature-grid { grid-template-columns: 1fr; }
      .cp-article-content h2 { font-size: 26px; }
      .cp-step-guide { padding: 30px 20px; }
      .cp-step-card { gap: 15px; flex-direction: column; }
      .cp-btn-primary { width: 100%; justify-content: center; padding: 18px; font-size: 18px; }
  }



 /* Core Page Styling */
  .comp-pro-page {
      font-family: 'Inter', 'SolaimanLipi', Arial, sans-serif;
      color: #334155;
      max-width: 1050px;
      margin: 0 auto;
      padding: 15px;
      line-height: 1.8;
  }

  /* Hero Section */
  .cp-hero-container {
      text-align: center;
      padding: 80px 30px;
      background: linear-gradient(135deg, #fffbeb 0%, #ffffff 100%);
      border-radius: 40px;
      border: 1px solid #fef3c7;
      margin-bottom: 50px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.02);
  }

  .cp-hero-container h2 {
      font-size: clamp(24px, 5vw, 42px);
      font-weight: 900;
      color: #d97706; /* Compressor Orange Theme */
      margin-bottom: 25px;
      line-height: 1.3;
  }

  .cp-hero-container p {
      font-size: 20px;
      color: #475569;
      max-width: 850px;
      margin: 0 auto 35px;
  }

  /* Feature Grid - Left Aligned Text */
  .cp-feature-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 30px;
      margin-bottom: 70px;
  }

  .cp-feature-card {
      background: #fff;
      padding: 40px 30px;
      border-radius: 25px;
      border: 1px solid #e2e8f0;
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      text-align: left;
  }

  .cp-feature-card:hover {
      transform: translateY(-12px);
      box-shadow: 0 30px 60px -12px rgba(245, 158, 11, 0.15);
      border-color: #f59e0b;
  }

  .cp-icon-box {
      width: 75px;
      height: 75px;
      background: #fffbeb;
      color: #f59e0b;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 22px;
      font-size: 32px;
      margin-bottom: 25px;
  }

  .cp-feature-card h3 {
      font-size: 24px;
      font-weight: 800;
      margin-bottom: 15px;
      color: #0f172a;
  }

  .cp-feature-card p {
      font-size: 16px;
      color: #64748b;
  }

  /* Informative Article Section */
  .cp-article-body {
      margin-bottom: 60px;
      text-align: left;
  }

  .cp-article-body h2 {
      font-size: 32px;
      font-weight: 900;
      margin-bottom: 30px;
      color: #0f172a;
      border-left: 8px solid #f59e0b;
      padding-left: 20px;
      text-align: left;
  }

  .cp-article-body h3 {
      font-size: 24px;
      font-weight: 800;
      margin: 40px 0 20px;
      color: #d97706;
  }

  .cp-article-body p {
      font-size: 18px;
      margin-bottom: 25px;
      text-align: justify;
  }

  /* User Guide (Steps) */
  .cp-guide-wrapper {
      background: #f8fafc;
      padding: 50px;
      border-radius: 35px;
      border: 1px solid #e2e8f0;
      margin-bottom: 60px;
  }

  .cp-step {
      display: flex;
      gap: 30px;
      margin-bottom: 40px;
      align-items: flex-start;
      text-align: left;
  }

  .cp-step-num {
      background: #f59e0b;
      color: #fff;
      width: 45px;
      height: 45px;
      border-radius: 15px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      font-size: 20px;
      flex-shrink: 0;
      box-shadow: 0 10px 20px rgba(245, 158, 11, 0.2);
  }

  .cp-step-text h4 {
      font-size: 22px;
      font-weight: 800;
      margin-bottom: 10px;
  }

  /* Comparison Table */
  .cp-table-container {
      overflow-x: auto;
      margin: 40px 0;
      border-radius: 20px;
      border: 1px solid #e2e8f0;
  }

  .cp-table {
      width: 100%;
      border-collapse: collapse;
      background: #fff;
      min-width: 600px;
  }

  .cp-table th, .cp-table td {
      padding: 20px;
      text-align: left;
      border-bottom: 1px solid #f1f5f9;
  }

  .cp-table th {
      background: #f59e0b;
      color: #fff;
      font-weight: 800;
  }

  /* FAQ Styling */
  .cp-faq-box {
      background: #fff;
      border: 1px solid #e2e8f0;
      padding: 25px;
      border-radius: 15px;
      margin-bottom: 20px;
      text-align: left;
  }

  .cp-faq-box strong {
      font-size: 19px;
      color: #0f172a;
      display: block;
      margin-bottom: 10px;
  }

  /* Final CTA */
  .cp-final-cta {
      text-align: center;
      padding: 80px 30px;
      background: #e7edfd;
      border-radius: 40px;
      margin-top: 60px;
  }

  .cp-btn-main {
      display: inline-flex;
      align-items: center;
      gap: 15px;
      background: #f59e0b;
      color: #fff !important;
      padding: 20px 50px;
      border-radius: 60px;
      font-weight: 800;
      font-size: 20px;
      text-decoration: none !important;
      transition: 0.3s ease;
      margin-top: 30px;
      box-shadow: 0 15px 30px rgba(245, 158, 11, 0.3);
  }

  .cp-btn-main:hover {
      background: #d97706;
      transform: scale(1.05) translateY(-5px);
  }

  /* Mobile Adjustments */
  @media (max-width: 768px) {
      .cp-hero-container { padding: 50px 20px; }
      .cp-feature-grid { grid-template-columns: 1fr; }
      .cp-article-body h2 { font-size: 26px; }
      .cp-guide-wrapper { padding: 30px 20px; }
      .cp-step { gap: 15px; flex-direction: column; }
  }


/* Core Page Styling */
  .ph-pro-page {
      font-family: 'Inter', sans-serif;
      color: #1e293b;
      max-width: 1050px;
      margin: 0 auto;
      padding: 15px;
      line-height: 1.8;
  }

  /* Hero Section - Futuristic AI Theme */
  .ph-hero-box {
      text-align: center;
      padding: 90px 30px;
      background: radial-gradient(circle at top left, #eef2ff, #ffffff);
      border-radius: 40px;
      border: 1px solid #e0e7ff;
      margin-bottom: 50px;
      box-shadow: 0 10px 40px rgba(99, 102, 241, 0.05);
  }

  .ph-hero-box h2 {
      font-size: clamp(26px, 6vw, 44px);
      font-weight: 900;
      color: #4338ca; /* Deep Indigo */
      margin-bottom: 25px;
      line-height: 1.2;
      letter-spacing: -1.5px;
  }

  .ph-hero-box p {
      font-size: 20px;
      color: #475569;
      max-width: 850px;
      margin: 0 auto 35px;
  }

  /* High-Authority Feature Grid */
  .ph-feature-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 30px;
      margin-bottom: 70px;
  }

  .ph-feature-card {
      background: #fff;
      padding: 40px 30px;
      border-radius: 30px;
      border: 1px solid #f1f5f9;
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      text-align: left;
  }

  .ph-feature-card:hover {
      transform: translateY(-12px);
      box-shadow: 0 30px 60px -12px rgba(99, 102, 241, 0.15);
      border-color: #6366f1;
  }

  .ph-icon-shield {
      width: 65px;
      height: 65px;
      background: #eff6ff;
      color: #4f46e5;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 20px;
      font-size: 28px;
      margin-bottom: 25px;
  }

  .ph-feature-card h3 {
      font-size: 22px;
      font-weight: 800;
      margin-bottom: 15px;
      color: #0f172a;
  }

  .ph-feature-card p {
      font-size: 15px;
      color: #64748b;
  }

  /* Informative Article Body */
  .ph-article-content {
      margin-bottom: 60px;
      text-align: left;
  }

  .ph-article-content h2 {
      font-size: 32px;
      font-weight: 900;
      margin-bottom: 30px;
      color: #1e1b4b;
      border-left: 8px solid #6366f1;
      padding-left: 20px;
  }

  .ph-article-content h3 {
      font-size: 24px;
      font-weight: 800;
      margin: 40px 0 20px;
      color: #4338ca;
  }

  .ph-article-content p {
      font-size: 18px;
      margin-bottom: 25px;
      text-align: justify;
  }

  /* Comparison Table */
  .ph-table-wrapper {
      overflow-x: auto;
      margin: 40px 0;
      border-radius: 24px;
      border: 1px solid #e2e8f0;
      box-shadow: 0 4px 15px rgba(0,0,0,0.03);
  }

  .ph-table {
      width: 100%;
      border-collapse: collapse;
      background: #fff;
      min-width: 600px;
  }

  .ph-table th, .ph-table td {
      padding: 20px;
      text-align: left;
      border-bottom: 1px solid #f1f5f9;
  }

  .ph-table th {
      background: #6366f1;
      color: #fff;
      font-weight: 800;
  }

  /* Step-by-Step User Journey */
  .ph-step-guide {
      background: #f8fafc;
      padding: 60px 40px;
      border-radius: 40px;
      border: 1px solid #e2e8f0;
      margin-bottom: 60px;
  }

  .ph-step-item {
      display: flex;
      gap: 30px;
      margin-bottom: 40px;
      align-items: flex-start;
      text-align: left;
  }

  .ph-step-num {
      background: #6366f1;
      color: #fff;
      width: 50px;
      height: 50px;
      border-radius: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      font-size: 22px;
      flex-shrink: 0;
      box-shadow: 0 10px 20px rgba(99, 102, 241, 0.2);
  }

  .ph-step-info h4 {
      font-size: 22px;
      font-weight: 800;
      margin-bottom: 10px;
  }

  /* FAQ Styling */
  .ph-faq-container {
      margin-bottom: 60px;
  }

  .ph-faq-item {
      background: #fff;
      border: 1px solid #e2e8f0;
      padding: 25px;
      border-radius: 20px;
      margin-bottom: 20px;
  }

  .ph-faq-item strong {
      font-size: 19px;
      color: #0f172a;
      display: block;
      margin-bottom: 10px;
  }

  /* Final CTA */
  .ph-final-banner {
      text-align: center;
      padding: 80px 30px;
      background: #f4fdde;
      border-radius: 50px;
      margin-top: 60px;
  }

  .ph-btn-primary {
      display: inline-flex;
      align-items: center;
      gap: 15px;
      background: #6366f1;
      color: #fff !important;
      padding: 22px 60px;
      border-radius: 100px;
      font-weight: 800;
      font-size: 20px;
      text-decoration: none !important;
      transition: 0.3s ease;
      margin-top: 35px;
      box-shadow: 0 15px 30px rgba(99, 102, 241, 0.3);
  }

  .ph-btn-primary:hover {
      background: #4f46e5;
      transform: scale(1.05) translateY(-5px);
  }

  /* Mobile Responsive */
  @media (max-width: 768px) {
      .ph-hero-box { padding: 60px 20px; }
      .ph-feature-grid { grid-template-columns: 1fr; }
      .ph-article-content h2 { font-size: 26px; }
      .ph-step-guide { padding: 30px 20px; }
      .ph-step-item { gap: 15px; flex-direction: column; }
      .ph-btn-primary { width: 100%; justify-content: center; padding: 18px; font-size: 18px; }
  }


 /* Core Page Styling */
  .prompt-pro-page {
      font-family: 'Inter', 'SolaimanLipi', Arial, sans-serif;
      color: #334155;
      max-width: 1050px;
      margin: 0 auto;
      padding: 15px;
      line-height: 1.8;
  }

  /* Hero Section */
  .ph-hero-container {
      text-align: center;
      padding: 80px 30px;
      background: linear-gradient(135deg, #f5f3ff 0%, #ffffff 100%);
      border-radius: 40px;
      border: 1px solid #ddd6fe;
      margin-bottom: 50px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.02);
  }

  .ph-hero-container h2 {
      font-size: clamp(24px, 5vw, 42px);
      font-weight: 900;
      color: #6366f1; /* AI Theme Color */
      margin-bottom: 25px;
      line-height: 1.3;
  }

  .ph-hero-container p {
      font-size: 20px;
      color: #475569;
      max-width: 850px;
      margin: 0 auto 35px;
  }

  /* Feature Grid - Left Aligned Text */
  .ph-feature-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 30px;
      margin-bottom: 70px;
  }

  .ph-feature-card {
      background: #fff;
      padding: 40px 30px;
      border-radius: 25px;
      border: 1px solid #e2e8f0;
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      text-align: left;
  }

  .ph-feature-card:hover {
      transform: translateY(-12px);
      box-shadow: 0 30px 60px -12px rgba(99, 102, 241, 0.15);
      border-color: #6366f1;
  }

  .ph-icon-box {
      width: 75px;
      height: 75px;
      background: #f5f3ff;
      color: #6366f1;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 22px;
      font-size: 32px;
      margin-bottom: 25px;
  }

  .ph-feature-card h3 {
      font-size: 24px;
      font-weight: 800;
      margin-bottom: 15px;
      color: #0f172a;
  }

  .ph-feature-card p {
      font-size: 16px;
      color: #64748b;
  }

  /* Informative Article Section */
  .ph-article-body {
      margin-bottom: 60px;
      text-align: left;
  }

  .ph-article-body h2 {
      font-size: 32px;
      font-weight: 900;
      margin-bottom: 30px;
      color: #0f172a;
      border-left: 8px solid #6366f1;
      padding-left: 20px;
  }

  .ph-article-body h3 {
      font-size: 24px;
      font-weight: 800;
      margin: 40px 0 20px;
      color: #6366f1;
  }

  .ph-article-body p {
      font-size: 18px;
      margin-bottom: 25px;
      text-align: justify;
  }

  /* User Guide (Steps) */
  .ph-guide-wrapper {
      background: #f8fafc;
      padding: 50px;
      border-radius: 35px;
      border: 1px solid #e2e8f0;
      margin-bottom: 60px;
  }

  .ph-step {
      display: flex;
      gap: 30px;
      margin-bottom: 40px;
      align-items: flex-start;
      text-align: left;
  }

  .ph-step-num {
      background: #6366f1;
      color: #fff;
      width: 45px;
      height: 45px;
      border-radius: 15px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      font-size: 20px;
      flex-shrink: 0;
      box-shadow: 0 10px 20px rgba(99, 102, 241, 0.2);
  }

  .ph-step-text h4 {
      font-size: 22px;
      font-weight: 800;
      margin-bottom: 10px;
  }

  /* Comparison Table */
  .ph-table-container {
      overflow-x: auto;
      margin: 40px 0;
      border-radius: 20px;
      border: 1px solid #e2e8f0;
  }

  .ph-table {
      width: 100%;
      border-collapse: collapse;
      background: #fff;
      min-width: 600px;
  }

  .ph-table th, .ph-table td {
      padding: 20px;
      text-align: left;
      border-bottom: 1px solid #f1f5f9;
  }

  .ph-table th {
      background: #6366f1;
      color: #fff;
      font-weight: 800;
  }

  /* FAQ Item */
  .ph-faq-box {
      background: #fff;
      border: 1px solid #e2e8f0;
      padding: 25px;
      border-radius: 15px;
      margin-bottom: 20px;
      text-align: left;
  }

  .ph-faq-box strong {
      font-size: 19px;
      color: #0f172a;
      display: block;
      margin-bottom: 10px;
  }

  /* Final CTA */
  .ph-final-cta {
      text-align: center;
      padding: 80px 30px;
      background: #f4fdde;
      border-radius: 40px;
      margin-top: 60px;
  }

  .ph-btn-main {
      display: inline-flex;
      align-items: center;
      gap: 15px;
      background: #6366f1;
      color: #fff !important;
      padding: 20px 50px;
      border-radius: 60px;
      font-weight: 800;
      font-size: 20px;
      text-decoration: none !important;
      transition: 0.3s ease;
      margin-top: 30px;
      box-shadow: 0 15px 30px rgba(99, 102, 241, 0.3);
  }

  .ph-btn-main:hover {
      background: #4f46e5;
      transform: scale(1.05) translateY(-5px);
  }

  /* Mobile Adjustments */
  @media (max-width: 768px) {
      .ph-hero-container { padding: 50px 20px; }
      .ph-feature-grid { grid-template-columns: 1fr; }
      .ph-article-body h2 { font-size: 26px; }
      .ph-guide-wrapper { padding: 30px 20px; }
      .ph-step { gap: 15px; flex-direction: column; }
  }

/* Core Page Styling */
  .ex-pro-page {
      font-family: 'Inter', sans-serif;
      color: #1e293b;
      max-width: 1050px;
      margin: 0 auto;
      padding: 15px;
      line-height: 1.8;
  }

  /* Hero Section - High Tech Look */
  .ex-hero-box {
      text-align: center;
      padding: 80px 30px;
      background: radial-gradient(circle at top left, #f0fdf4, #ffffff);
      border-radius: 40px;
      border: 1px solid #dcfce7;
      margin-bottom: 50px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.02);
  }

  .ex-hero-box h2 {
      font-size: clamp(24px, 5vw, 42px);
      font-weight: 900;
      color: #059669; /* Excel Green */
      margin-bottom: 25px;
      line-height: 1.2;
      letter-spacing: -1px;
  }

  .ex-hero-box p {
      font-size: 20px;
      color: #475569;
      max-width: 850px;
      margin: 0 auto 35px;
  }

  /* High-Authority Feature Grid */
  .ex-grid-container {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 30px;
      margin-bottom: 70px;
  }

  .ex-feature-card {
      background: #fff;
      padding: 40px 30px;
      border-radius: 25px;
      border: 1px solid #f1f5f9;
      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
      text-align: left;
  }

  .ex-feature-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 25px 50px -12px rgba(16, 185, 129, 0.15);
      border-color: #10b981;
  }

  .ex-icon-circle {
      width: 65px;
      height: 65px;
      background: #ecfdf5;
      color: #059669;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 18px;
      font-size: 28px;
      margin-bottom: 25px;
  }

  .ex-feature-card h3 {
      font-size: 22px;
      font-weight: 800;
      margin-bottom: 15px;
      color: #0f172a;
  }

  .ex-feature-card p {
      font-size: 15px;
      color: #64748b;
  }

  /* Detailed Information Section */
  .ex-content-body {
      margin-bottom: 60px;
      text-align: left;
  }

  .ex-content-body h2 {
      font-size: 32px;
      font-weight: 900;
      margin-bottom: 30px;
      color: #0f172a;
      border-left: 8px solid #10b981;
      padding-left: 20px;
  }

  .ex-content-body h3 {
      font-size: 24px;
      font-weight: 800;
      margin: 40px 0 20px;
      color: #059669;
  }

  .ex-content-body p {
      font-size: 18px;
      margin-bottom: 25px;
      text-align: justify;
  }

  /* Step-by-Step Tutorial Wrapper */
  .ex-tutorial-box {
      background: #f8fafc;
      padding: 50px;
      border-radius: 35px;
      border: 1px solid #e2e8f0;
      margin-bottom: 60px;
  }

  .ex-step-item {
      display: flex;
      gap: 30px;
      margin-bottom: 40px;
      align-items: flex-start;
      text-align: left;
  }

  .ex-step-num {
      background: #10b981;
      color: #fff;
      width: 45px;
      height: 45px;
      border-radius: 15px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      font-size: 20px;
      flex-shrink: 0;
      box-shadow: 0 10px 20px rgba(16, 185, 129, 0.2);
  }

  .ex-step-info h4 {
      font-size: 20px;
      font-weight: 800;
      margin-bottom: 10px;
  }

  /* Comparison Table */
  .ex-table-wrapper {
      overflow-x: auto;
      margin: 40px 0;
      border-radius: 20px;
      border: 1px solid #e2e8f0;
      box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  }

  .ex-table {
      width: 100%;
      border-collapse: collapse;
      background: #fff;
      min-width: 600px;
  }

  .ex-table th, .ex-table td {
      padding: 20px;
      text-align: left;
      border-bottom: 1px solid #f1f5f9;
  }

  .ex-table th {
      background: #10b981;
      color: #fff;
      font-weight: 800;
  }

  /* FAQ Accordion Styling */
  .ex-faq-card {
      background: #fff;
      border: 1px solid #e2e8f0;
      padding: 25px;
      border-radius: 15px;
      margin-bottom: 20px;
  }

  .ex-faq-card strong {
      font-size: 19px;
      color: #0f172a;
      display: block;
      margin-bottom: 10px;
  }

  /* Final Call to Action */
  .ex-footer-cta {
      text-align: center;
      padding: 80px 30px;
      background: #f4fdde;
      border-radius: 40px;
      margin-top: 60px;
  }

  .ex-btn-primary {
      display: inline-flex;
      align-items: center;
      gap: 15px;
      background: #10b981;
      color: #fff !important;
      padding: 20px 50px;
      border-radius: 60px;
      font-weight: 800;
      font-size: 20px;
      text-decoration: none !important;
      transition: 0.3s ease;
      margin-top: 30px;
      box-shadow: 0 15px 30px rgba(16, 185, 129, 0.3);
  }

  .ex-btn-primary:hover {
      background: #059669;
      transform: scale(1.05) translateY(-5px);
  }

  /* Mobile Responsive Adjustments */
  @media (max-width: 768px) {
      .ex-hero-box { padding: 50px 20px; }
      .ex-grid-container { grid-template-columns: 1fr; }
      .ex-content-body h2 { font-size: 26px; }
      .ex-tutorial-box { padding: 30px 20px; }
      .ex-step-item { gap: 15px; flex-direction: column; }
  }



/* Core Page Styling */
  .excel-pro-page {
      font-family: 'Inter', 'SolaimanLipi', Arial, sans-serif;
      color: #334155;
      max-width: 1050px;
      margin: 0 auto;
      padding: 15px;
      line-height: 1.8;
  }

  /* Hero Section */
  .ex-hero-container {
      text-align: center;
      padding: 80px 30px;
      background: linear-gradient(135deg, #ecfdf5 0%, #ffffff 100%);
      border-radius: 40px;
      border: 1px solid #bbf7d0;
      margin-bottom: 50px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.02);
  }

  .ex-hero-container h2 {
      font-size: clamp(24px, 5vw, 42px);
      font-weight: 900;
      color: #059669; /* Excel Green Theme */
      margin-bottom: 25px;
      line-height: 1.3;
  }

  .ex-hero-container p {
      font-size: 20px;
      color: #475569;
      max-width: 850px;
      margin: 0 auto 35px;
  }

  /* Feature Grid - Left Aligned Text */
  .ex-feature-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 30px;
      margin-bottom: 70px;
  }

  .ex-feature-card {
      background: #fff;
      padding: 40px 30px;
      border-radius: 25px;
      border: 1px solid #e2e8f0;
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      text-align: left;
  }

  .ex-feature-card:hover {
      transform: translateY(-12px);
      box-shadow: 0 30px 60px -12px rgba(16, 185, 129, 0.15);
      border-color: #10b981;
  }

  .ex-icon-box {
      width: 75px;
      height: 75px;
      background: #ecfdf5;
      color: #059669;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 22px;
      font-size: 32px;
      margin-bottom: 25px;
  }

  .ex-feature-card h3 {
      font-size: 24px;
      font-weight: 800;
      margin-bottom: 15px;
      color: #0f172a;
  }

  .ex-feature-card p {
      font-size: 16px;
      color: #64748b;
  }

  /* Informative Article Section */
  .ex-article-body {
      margin-bottom: 60px;
      text-align: left;
  }

  .ex-article-body h2 {
      font-size: 32px;
      font-weight: 900;
      margin-bottom: 30px;
      color: #0f172a;
      border-left: 8px solid #10b981;
      padding-left: 20px;
  }

  .ex-article-body h3 {
      font-size: 24px;
      font-weight: 800;
      margin: 40px 0 20px;
      color: #059669;
  }

  .ex-article-body p {
      font-size: 18px;
      margin-bottom: 25px;
      text-align: justify;
  }

  /* User Guide (Steps) */
  .ex-guide-wrapper {
      background: #f8fafc;
      padding: 50px;
      border-radius: 35px;
      border: 1px solid #e2e8f0;
      margin-bottom: 60px;
  }

  .ex-step {
      display: flex;
      gap: 30px;
      margin-bottom: 40px;
      align-items: flex-start;
      text-align: left;
  }

  .ex-step-num {
      background: #10b981;
      color: #fff;
      width: 45px;
      height: 45px;
      border-radius: 15px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      font-size: 20px;
      flex-shrink: 0;
      box-shadow: 0 10px 20px rgba(16, 185, 129, 0.2);
  }

  .ex-step-text h4 {
      font-size: 22px;
      font-weight: 800;
      margin-bottom: 10px;
  }

  /* Comparison Table */
  .ex-table-container {
      overflow-x: auto;
      margin: 40px 0;
      border-radius: 20px;
      border: 1px solid #e2e8f0;
  }

  .ex-table {
      width: 100%;
      border-collapse: collapse;
      background: #fff;
      min-width: 600px;
  }

  .ex-table th, .ex-table td {
      padding: 20px;
      text-align: left;
      border-bottom: 1px solid #f1f5f9;
  }

  .ex-table th {
      background: #10b981;
      color: #fff;
      font-weight: 800;
  }

  /* FAQ Styling */
  .ex-faq-box {
      background: #fff;
      border: 1px solid #e2e8f0;
      padding: 25px;
      border-radius: 15px;
      margin-bottom: 20px;
      text-align: left;
  }

  .ex-faq-box strong {
      font-size: 19px;
      color: #0f172a;
      display: block;
      margin-bottom: 10px;
  }

  /* Final CTA */
  .ex-final-cta {
      text-align: center;
      padding: 80px 30px;
      background: #cef3f0;
      border-radius: 40px;
      margin-top: 60px;
  }

  .ex-btn-main {
      display: inline-flex;
      align-items: center;
      gap: 15px;
      background: #10b981;
      color: #fff !important;
      padding: 20px 50px;
      border-radius: 60px;
      font-weight: 800;
      font-size: 20px;
      text-decoration: none !important;
      transition: 0.3s ease;
      margin-top: 30px;
      box-shadow: 0 15px 30px rgba(16, 185, 129, 0.3);
  }

  .ex-btn-main:hover {
      background: #059669;
      transform: scale(1.05) translateY(-5px);
  }

  /* Mobile Adjustments */
  @media (max-width: 768px) {
      .ex-hero-container { padding: 50px 20px; }
      .ex-feature-grid { grid-template-columns: 1fr; }
      .ex-article-body h2 { font-size: 26px; }
      .ex-guide-wrapper { padding: 30px 20px; }
      .ex-step { gap: 15px; flex-direction: column; }
  }


 /* Core Page Styling */
  .st-legal-page {
      font-family: 'Inter', sans-serif;
      color: #1e293b;
      max-width: 1050px;
      margin: 0 auto;
      padding: 15px;
      line-height: 1.8;
  }

  /* Hero Section */
  .st-hero-container {
      text-align: center;
      padding: 80px 30px;
      background: radial-gradient(circle at top left, #f5f3ff, #ffffff);
      border-radius: 40px;
      border: 1px solid #ddd6fe;
      margin-bottom: 50px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.02);
  }

  .st-hero-container h2 {
      font-size: clamp(24px, 5vw, 42px);
      font-weight: 900;
      color: #6d28d9; /* Professional Purple */
      margin-bottom: 25px;
      line-height: 1.3;
  }

  .st-hero-container p {
      font-size: 20px;
      color: #475569;
      max-width: 850px;
      margin: 0 auto 35px;
  }

  /* Feature Grid - Left Aligned */
  .st-feature-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 30px;
      margin-bottom: 70px;
  }

  .st-feature-card {
      background: #fff;
      padding: 40px 30px;
      border-radius: 25px;
      border: 1px solid #e2e8f0;
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      text-align: left;
  }

  .st-feature-card:hover {
      transform: translateY(-12px);
      box-shadow: 0 30px 60px -12px rgba(124, 58, 237, 0.15);
      border-color: #7c3aed;
  }

  .st-icon-box {
      width: 70px;
      height: 70px;
      background: #f5f3ff;
      color: #7c3aed;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 20px;
      font-size: 30px;
      margin-bottom: 25px;
  }

  .st-feature-card h3 {
      font-size: 24px;
      font-weight: 800;
      margin-bottom: 15px;
      color: #0f172a;
  }

  .st-feature-card p {
      font-size: 16px;
      color: #64748b;
  }

  /* Detailed Article Content */
  .st-article-body {
      margin-bottom: 60px;
      text-align: left;
  }

  .st-article-body h2 {
      font-size: 32px;
      font-weight: 900;
      margin-bottom: 30px;
      color: #0f172a;
      border-left: 8px solid #7c3aed;
      padding-left: 20px;
  }

  .st-article-body h3 {
      font-size: 24px;
      font-weight: 800;
      margin: 40px 0 20px;
      color: #7c3aed;
  }

  .st-article-body p {
      font-size: 18px;
      margin-bottom: 25px;
      text-align: justify;
  }

  /* Step-by-Step Guide Wrapper */
  .st-guide-wrapper {
      background: #f8fafc;
      padding: 50px;
      border-radius: 35px;
      border: 1px solid #e2e8f0;
      margin-bottom: 60px;
  }

  .st-step {
      display: flex;
      gap: 30px;
      margin-bottom: 40px;
      align-items: flex-start;
      text-align: left;
  }

  .st-step-num {
      background: #7c3aed;
      color: #fff;
      width: 45px;
      height: 45px;
      border-radius: 15px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      font-size: 20px;
      flex-shrink: 0;
      box-shadow: 0 10px 20px rgba(124, 58, 237, 0.2);
  }

  .st-step-text h4 {
      font-size: 22px;
      font-weight: 800;
      margin-bottom: 10px;
  }

  /* Table Design */
  .st-table-container {
      overflow-x: auto;
      margin: 40px 0;
      border-radius: 20px;
      border: 1px solid #e2e8f0;
  }

  .st-table {
      width: 100%;
      border-collapse: collapse;
      background: #fff;
      min-width: 600px;
  }

  .st-table th, .st-table td {
      padding: 20px;
      text-align: left;
      border-bottom: 1px solid #f1f5f9;
  }

  .st-table th {
      background: #7c3aed;
      color: #fff;
      font-weight: 800;
  }

  /* FAQ Styling */
  .st-faq-box {
      background: #fff;
      border: 1px solid #e2e8f0;
      padding: 25px;
      border-radius: 15px;
      margin-bottom: 20px;
      text-align: left;
  }

  .st-faq-box strong {
      font-size: 19px;
      color: #0f172a;
      display: block;
      margin-bottom: 10px;
  }

  /* Final CTA Section */
  .st-final-cta {
      text-align: center;
      padding: 80px 30px;
      background: #cef3f0;
      border-radius: 40px;
      margin-top: 60px;
  }

  .st-btn-main {
      display: inline-flex;
      align-items: center;
      gap: 15px;
      background: #7c3aed;
      color: #fff !important;
      padding: 20px 50px;
      border-radius: 60px;
      font-weight: 800;
      font-size: 20px;
      text-decoration: none !important;
      transition: 0.3s ease;
      margin-top: 30px;
      box-shadow: 0 15px 30px rgba(124, 58, 237, 0.3);
  }

  .st-btn-main:hover {
      background: #6d28d9;
      transform: scale(1.05) translateY(-5px);
  }

  /* Mobile Responsive */
  @media (max-width: 768px) {
      .st-hero-container { padding: 50px 20px; }
      .st-feature-grid { grid-template-columns: 1fr; }
      .st-article-body h2 { font-size: 26px; }
      .st-guide-wrapper { padding: 30px 20px; }
      .st-step { gap: 15px; flex-direction: column; }
  }



 /* Core Page Styling */
  .st-legal-page {
      font-family: 'Inter', 'SolaimanLipi', Arial, sans-serif;
      color: #334155;
      max-width: 1050px;
      margin: 0 auto;
      padding: 15px;
      line-height: 1.8;
  }

  /* Hero Section */
  .st-hero-container {
      text-align: center;
      padding: 80px 30px;
      background: linear-gradient(135deg, #f5f3ff 0%, #ffffff 100%);
      border-radius: 40px;
      border: 1px solid #ddd6fe;
      margin-bottom: 50px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.02);
  }

  .st-hero-container h2 {
      font-size: clamp(24px, 5vw, 42px);
      font-weight: 900;
      color: #7c3aed;
      margin-bottom: 25px;
      line-height: 1.3;
  }

  .st-hero-container p {
      font-size: 20px;
      color: #475569;
      max-width: 850px;
      margin: 0 auto 35px;
  }

  /* Feature Grid - Left Aligned Text */
  .st-feature-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 30px;
      margin-bottom: 70px;
  }

  .st-feature-card {
      background: #fff;
      padding: 40px 30px;
      border-radius: 25px;
      border: 1px solid #e2e8f0;
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      text-align: left; /* বাম দিকে অ্যালাইন */
  }

  .st-feature-card:hover {
      transform: translateY(-12px);
      box-shadow: 0 30px 60px -12px rgba(124, 58, 237, 0.15);
      border-color: #7c3aed;
  }

  .st-icon-box {
      width: 75px;
      height: 75px;
      background: #f5f3ff;
      color: #7c3aed;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 22px;
      font-size: 32px;
      margin-bottom: 25px;
  }

  .st-feature-card h3 {
      font-size: 24px;
      font-weight: 800;
      margin-bottom: 15px;
      color: #0f172a;
  }

  .st-feature-card p {
      font-size: 16px;
      color: #64748b;
  }

  /* Article Body - Left Aligned Header */
  .st-article-body {
      margin-bottom: 60px;
      text-align: left;
  }

  .st-article-body h2 {
      font-size: 32px;
      font-weight: 900;
      margin-bottom: 30px;
      color: #0f172a;
      border-left: 8px solid #7c3aed; /* বাম পাশে বর্ডার */
      padding-left: 20px;
      text-align: left;
  }

  .st-article-body h3 {
      font-size: 24px;
      font-weight: 800;
      margin: 40px 0 20px;
      color: #7c3aed;
  }

  .st-article-body p {
      font-size: 18px;
      margin-bottom: 25px;
      text-align: justify;
  }

  /* User Guide (Steps) - Standard Flow */
  .st-guide-wrapper {
      background: #f8fafc;
      padding: 50px;
      border-radius: 35px;
      border: 1px solid #e2e8f0;
      margin-bottom: 60px;
  }

  .st-step {
      display: flex;
      gap: 30px;
      margin-bottom: 40px;
      align-items: flex-start;
      flex-direction: row; /* বাম থেকে ডানে */
      text-align: left;
  }

  .st-step-num {
      background: #7c3aed;
      color: #fff;
      width: 45px;
      height: 45px;
      border-radius: 15px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      font-size: 20px;
      flex-shrink: 0;
      box-shadow: 0 10px 20px rgba(124, 58, 237, 0.2);
  }

  .st-step-text h4 {
      font-size: 22px;
      font-weight: 800;
      margin-bottom: 10px;
  }

  /* Comparison Table */
  .st-table-container {
      overflow-x: auto;
      margin: 40px 0;
      border-radius: 20px;
      border: 1px solid #e2e8f0;
  }

  .st-table {
      width: 100%;
      border-collapse: collapse;
      background: #fff;
      min-width: 600px;
  }

  .st-table th, .st-table td {
      padding: 20px;
      text-align: left; /* বাম দিকে টেক্সট */
      border-bottom: 1px solid #f1f5f9;
  }

  .st-table th {
      background: #7c3aed;
      color: #fff;
      font-weight: 800;
  }

  /* FAQ Item */
  .st-faq-box {
      background: #fff;
      border: 1px solid #e2e8f0;
      padding: 25px;
      border-radius: 15px;
      margin-bottom: 20px;
      text-align: left;
  }

  .st-faq-box strong {
      font-size: 19px;
      color: #0f172a;
      display: block;
      margin-bottom: 10px;
  }

  /* Final CTA */
  .st-final-cta {
      text-align: center;
      padding: 80px 30px;
      background: #eff4ff;
      border-radius: 40px;
      margin-top: 60px;
  }

  .st-btn-main {
      display: inline-flex;
      align-items: center;
      gap: 15px;
      background: #7c3aed;
      color: #fff !important;
      padding: 20px 50px;
      border-radius: 60px;
      font-weight: 800;
      font-size: 20px;
      text-decoration: none !important;
      transition: 0.3s ease;
      margin-top: 30px;
      box-shadow: 0 15px 30px rgba(124, 58, 237, 0.3);
  }

  .st-btn-main:hover {
      background: #6d28d9;
      transform: scale(1.05) translateY(-5px);
  }

  /* Mobile Adjustments */
  @media (max-width: 768px) {
      .st-hero-container { padding: 50px 20px; }
      .st-feature-grid { grid-template-columns: 1fr; }
      .st-article-body h2 { font-size: 26px; }
      .st-guide-wrapper { padding: 30px 20px; }
      .st-step { gap: 15px; flex-direction: column; align-items: flex-start; }
  }


 /* Core Layout Styling */
  .ai-enhancer-page {
      font-family: 'Inter', sans-serif;
      color: #1e293b;
      max-width: 1100px;
      margin: 0 auto;
      padding: 20px;
      line-height: 1.7;
  }

  /* Glassmorphism Hero Section */
  .ie-hero-container {
      text-align: center;
      padding: 100px 40px;
      background: radial-gradient(circle at top left, #eef2ff, #ffffff);
      border-radius: 40px;
      border: 1px solid #e2e8f0;
      margin-bottom: 60px;
      box-shadow: 0 20px 50px rgba(0,0,0,0.02);
  }

  .ie-hero-container h2 {
      font-size: clamp(26px, 6vw, 46px);
      font-weight: 900;
      color: #312e81; /* Deep Indigo */
      margin-bottom: 25px;
      letter-spacing: -1px;
  }

  .ie-hero-container p {
      font-size: 20px;
      color: #475569;
      max-width: 900px;
      margin: 0 auto 40px;
  }

  /* High-Tech Feature Grid */
  .ie-services-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 25px;
      margin-bottom: 80px;
  }

  .ie-service-item {
      background: #ffffff;
      padding: 35px;
      border-radius: 30px;
      border: 1px solid #f1f5f9;
      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
      position: relative;
  }

  .ie-service-item:hover {
      transform: translateY(-10px);
      box-shadow: 0 25px 50px -12px rgba(79, 70, 229, 0.12);
      border-color: #4f46e5;
  }

  .ie-service-item i {
      width: 60px;
      height: 60px;
      background: #eff6ff;
      color: #4f46e5;
      font-size: 26px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      margin-bottom: 20px;
  }

  .ie-service-item h3 {
      font-size: 22px;
      font-weight: 800;
      color: #0f172a;
      margin-bottom: 12px;
  }

  .ie-service-item p {
      font-size: 15px;
      color: #64748b;
  }

  /* Informative Article Section */
  .ie-detailed-article {
      margin-bottom: 80px;
      background: #fff;
  }

  .ie-detailed-article h2 {
      font-size: 34px;
      font-weight: 900;
      color: #1e1b4b;
      margin-bottom: 30px;
      padding-bottom: 10px;
      border-bottom: 4px solid #4f46e5;
      display: inline-block;
  }

  .ie-detailed-article h3 {
      font-size: 26px;
      font-weight: 800;
      color: #4f46e5;
      margin: 40px 0 20px;
  }

  .ie-detailed-article p {
      font-size: 18px;
      margin-bottom: 25px;
      text-align: justify;
  }

  /* User Journey (Steps) */
  .ie-guide-layout {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 40px;
      align-items: center;
      background: #f8fafc;
      padding: 60px 40px;
      border-radius: 40px;
      margin-bottom: 80px;
  }

  .ie-step-card {
      display: flex;
      gap: 20px;
      margin-bottom: 30px;
  }

  .ie-step-badge {
      width: 50px;
      height: 50px;
      background: #4f46e5;
      color: #fff;
      font-size: 20px;
      font-weight: 900;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 16px;
      flex-shrink: 0;
  }

  .ie-step-info h4 {
      font-size: 20px;
      font-weight: 800;
      margin-bottom: 8px;
  }

  /* Table Comparison */
  .ie-table-container {
      overflow-x: auto;
      margin: 50px 0;
      border-radius: 24px;
      border: 1px solid #e2e8f0;
  }

  .ie-comparison-table {
      width: 100%;
      border-collapse: collapse;
      background: #fff;
  }

  .ie-comparison-table th, .ie-comparison-table td {
      padding: 20px;
      text-align: left;
      border-bottom: 1px solid #f1f5f9;
  }

  .ie-comparison-table th {
      background: #4f46e5;
      color: #ffffff;
      font-weight: 700;
  }

  /* FAQ Accordion-Style */
  .ie-faq-section {
      margin-bottom: 60px;
  }

  .ie-faq-card {
      background: #fff;
      border: 1px solid #e2e8f0;
      padding: 30px;
      border-radius: 20px;
      margin-bottom: 20px;
      transition: 0.3s;
  }

  .ie-faq-card:hover {
      box-shadow: 0 10px 25px rgba(0,0,0,0.05);
  }

  .ie-faq-card strong {
      font-size: 18px;
      color: #0f172a;
      display: block;
      margin-bottom: 12px;
  }

  /* Ultimate CTA */
  .ie-master-cta {
      text-align: center;
      padding: 80px 40px;
      background: linear-gradient(135deg, #e0ffee 0%, #bfbef1 100%);
      border-radius: 50px;
  }

  .ie-cta-btn {
      display: inline-flex;
      align-items: center;
      gap: 15px;
      background: #4f46e5;
      color: #fff !important;
      padding: 22px 60px;
      border-radius: 100px;
      font-weight: 800;
      font-size: 20px;
      text-decoration: none !important;
      margin-top: 35px;
      transition: 0.3s;
      box-shadow: 0 20px 40px rgba(0,0,0,0.3);
  }

  .ie-cta-btn:hover {
      background: #4338ca;
      transform: scale(1.05);
  }

  /* Mobile Responsive Adjustments */
  @media (max-width: 900px) {
      .ie-guide-layout { grid-template-columns: 1fr; }
      .ie-hero-container { padding: 60px 20px; }
      .ie-detailed-article h2 { font-size: 28px; }
  }

  @media (max-width: 600px) {
      .ie-services-grid { grid-template-columns: 1fr; }
      .ie-cta-btn { width: 100%; justify-content: center; padding: 18px; font-size: 18px; }
      .ie-step-card { flex-direction: column; align-items: center; text-align: center; }
  }


/* Core Page Styling */
  .ie-pro-page {
      font-family: 'Inter', 'SolaimanLipi', Arial, sans-serif;
      color: #334155;
      max-width: 1200px;
      margin: 0 auto;
      padding: 15px;
      line-height: 1.8;
  }

  /* Hero Section */
  .ie-hero-box {
      text-align: center;
      padding: 80px 30px;
      background: linear-gradient(135deg, #f5f3ff 0%, #ffffff 100%);
      border-radius: 40px;
      border: 1px solid #ddd6fe;
      margin-bottom: 50px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.02);
  }

  .ie-hero-box h2 {
      font-size: clamp(24px, 5vw, 40px);
      font-weight: 900;
      color: #6366f1; /* Enhancer Theme Color */
      margin-bottom: 25px;
      line-height: 1.2;
  }

  .ie-hero-box p {
      font-size: 20px;
      color: #475569;
      max-width: 850px;
      margin: 0 auto 35px;
  }

  /* High-Authority Feature Grid */
  .ie-feature-container {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 30px;
      margin-bottom: 70px;
  }

  .ie-feature-card {
      background: #fff;
      padding: 40px 30px;
      border-radius: 25px;
      border: 1px solid #e2e8f0;
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      text-align: center;
  }

  .ie-feature-card:hover {
      transform: translateY(-12px);
      box-shadow: 0 30px 60px -12px rgba(99, 102, 241, 0.15);
      border-color: #6366f1;
  }

  .ie-icon-round {
      width: 75px;
      height: 75px;
      background: #f5f3ff;
      color: #6366f1;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 22px;
      font-size: 32px;
      margin: 0 auto 25px;
  }

  .ie-feature-card h3 {
      font-size: 24px;
      font-weight: 800;
      margin-bottom: 15px;
      color: #0f172a;
  }

  .ie-feature-card p {
      font-size: 16px;
      color: #64748b;
  }

  /* Deep Content Sections */
  .ie-article-body {
      margin-bottom: 60px;
  }

  .ie-article-body h2 {
      font-size: 32px;
      font-weight: 900;
      margin-bottom: 30px;
      color: #0f172a;
      border-left: 8px solid #6366f1;
      padding-left: 20px;
  }

  .ie-article-body h3 {
      font-size: 24px;
      font-weight: 800;
      margin: 40px 0 20px;
      color: #6366f1;
  }

  .ie-article-body p {
      font-size: 18px;
      margin-bottom: 25px;
      text-align: justify;
  }

  /* Before/After Comparison Section Intro */
  .ie-comparison-info {
      background: #f8fafc;
      padding: 50px;
      border-radius: 35px;
      border: 1px solid #e2e8f0;
      margin-bottom: 60px;
  }

  .ie-step {
      display: flex;
      gap: 30px;
      margin-bottom: 40px;
      align-items: flex-start;
  }

  .ie-step-num {
      background: #6366f1;
      color: #fff;
      width: 45px;
      height: 45px;
      border-radius: 15px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      font-size: 20px;
      flex-shrink: 0;
      box-shadow: 0 10px 20px rgba(99, 102, 241, 0.2);
  }

  .ie-step-text h4 {
      font-size: 22px;
      font-weight: 800;
      margin-bottom: 10px;
  }

  /* FAQ Styling */
  .ie-faq-item {
      background: #fff;
      border: 1px solid #e2e8f0;
      padding: 25px;
      border-radius: 15px;
      margin-bottom: 20px;
  }

  .ie-faq-item strong {
      font-size: 19px;
      color: #0f172a;
      display: block;
      margin-bottom: 10px;
  }

  /* CTA Section */
  .ie-final-cta {
      text-align: center;
      padding: 80px 30px;
      background: #fae5ff;
      border-radius: 40px;
      margin-top: 60px;
  }

  .ie-btn-main {
      display: inline-flex;
      align-items: center;
      gap: 15px;
      background: #6366f1;
      color: #fff !important;
      padding: 20px 50px;
      border-radius: 60px;
      font-weight: 800;
      font-size: 20px;
      text-decoration: none !important;
      transition: 0.3s ease;
      margin-top: 30px;
      box-shadow: 0 15px 30px rgba(99, 102, 241, 0.3);
  }

  .ie-btn-main:hover {
      background: #4f46e5;
      transform: scale(1.05) translateY(-5px);
  }

  /* Mobile Responsiveness */
  @media (max-width: 768px) {
      .ie-hero-box { padding: 50px 20px; }
      .ie-feature-container { grid-template-columns: 1fr; }
      .ie-article-body h2 { font-size: 26px; }
      .ie-comparison-info { padding: 30px 20px; }
      .ie-step { gap: 15px; }
      .ie-step-num { width: 35px; height: 35px; font-size: 16px; }
  }


/* Global Styling */
  .wr-pro-page {
      font-family: 'Inter', 'SolaimanLipi', Arial, sans-serif;
      color: #334155;
      max-width: 1050px;
      margin: 0 auto;
      padding: 15px;
      line-height: 1.8;
  }

  /* Hero Section */
  .wr-hero-box {
      text-align: center;
      padding: 80px 30px;
      background: linear-gradient(135deg, #f0f9ff 0%, #ffffff 100%);
      border-radius: 40px;
      border: 1px solid #bae6fd;
      margin-bottom: 50px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.02);
  }

  .wr-hero-box h2 {
      font-size: clamp(26px, 5vw, 42px);
      font-weight: 900;
      color: #0284c7;
      margin-bottom: 25px;
      line-height: 1.2;
  }

  .wr-hero-box p {
      font-size: 20px;
      color: #475569;
      max-width: 850px;
      margin: 0 auto 35px;
  }

  /* High-Authority Feature Grid */
  .wr-feature-container {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 30px;
      margin-bottom: 70px;
  }

  .wr-feature-card {
      background: #fff;
      padding: 40px 30px;
      border-radius: 25px;
      border: 1px solid #e2e8f0;
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      text-align: center;
  }

  .wr-feature-card:hover {
      transform: translateY(-12px);
      box-shadow: 0 30px 60px -12px rgba(2, 132, 199, 0.15);
      border-color: #0284c7;
  }

  .wr-icon-round {
      width: 75px;
      height: 75px;
      background: #e0f2fe;
      color: #0284c7;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 22px;
      font-size: 32px;
      margin: 0 auto 25px;
  }

  .wr-feature-card h3 {
      font-size: 24px;
      font-weight: 800;
      margin-bottom: 15px;
      color: #0f172a;
  }

  .wr-feature-card p {
      font-size: 16px;
      color: #64748b;
  }

  /* Article Body */
  .wr-article-body {
      margin-bottom: 60px;
  }

  .wr-article-body h2 {
      font-size: 32px;
      font-weight: 900;
      margin-bottom: 30px;
      color: #0f172a;
      border-left: 8px solid #0284c7;
      padding-left: 20px;
  }

  .wr-article-body h3 {
      font-size: 24px;
      font-weight: 800;
      margin: 40px 0 20px;
      color: #0284c7;
  }

  .wr-article-body p {
      font-size: 18px;
      margin-bottom: 25px;
      text-align: justify;
  }

  /* Comparison Table */
  .wr-table-wrapper {
      overflow-x: auto;
      margin: 40px 0;
      border-radius: 20px;
      border: 1px solid #e2e8f0;
      box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  }

  .wr-table {
      width: 100%;
      border-collapse: collapse;
      background: #fff;
      min-width: 600px;
  }

  .wr-table th, .wr-table td {
      padding: 20px;
      text-align: left;
      border-bottom: 1px solid #f1f5f9;
  }

  .wr-table th {
      background: #0284c7;
      color: #fff;
      font-weight: 800;
  }

  /* Step-by-Step Guide */
  .wr-guide-box {
      background: #f8fafc;
      padding: 50px;
      border-radius: 35px;
      border: 1px solid #e2e8f0;
      margin-bottom: 60px;
  }

  .wr-step {
      display: flex;
      gap: 30px;
      margin-bottom: 40px;
      align-items: flex-start;
  }

  .wr-step-num {
      background: #0284c7;
      color: #fff;
      width: 45px;
      height: 45px;
      border-radius: 15px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      font-size: 20px;
      flex-shrink: 0;
  }

  .wr-step-text h4 {
      font-size: 22px;
      font-weight: 800;
      margin-bottom: 10px;
  }

  /* FAQ Styling */
  .wr-faq-item {
      background: #fff;
      border: 1px solid #e2e8f0;
      padding: 25px;
      border-radius: 15px;
      margin-bottom: 20px;
  }

  .wr-faq-item strong {
      font-size: 19px;
      color: #0f172a;
      display: block;
      margin-bottom: 10px;
  }

  /* Call to Action */
  .wr-final-cta {
      text-align: center;
      padding: 80px 30px;
      background: #0f172a;
      border-radius: 40px;
      color: #fff;
      margin-top: 60px;
  }

  .wr-btn-main {
      display: inline-flex;
      align-items: center;
      gap: 15px;
      background: #0284c7;
      color: #fff !important;
      padding: 20px 50px;
      border-radius: 60px;
      font-weight: 800;
      font-size: 20px;
      text-decoration: none !important;
      transition: 0.3s ease;
      margin-top: 30px;
      box-shadow: 0 15px 30px rgba(2, 132, 199, 0.3);
  }

  /* Mobile Responsiveness */
  @media (max-width: 768px) {
      .wr-hero-box { padding: 50px 20px; }
      .wr-feature-container { grid-template-columns: 1fr; }
      .wr-article-body h2 { font-size: 26px; }
      .wr-guide-box { padding: 30px 20px; }
      .wr-step { gap: 15px; }
      .wr-step-num { width: 35px; height: 35px; font-size: 16px; }
  }


/* Core Page Styling */
  .wr-pro-page {
      font-family: 'Inter', 'SolaimanLipi', Arial, sans-serif;
      color: #334155;
      max-width: 1050px;
      margin: 0 auto;
      padding: 15px;
      line-height: 1.8;
  }

  /* Hero Section */
  .wr-hero-box {
      text-align: center;
      padding: 80px 30px;
      background: linear-gradient(135deg, #f0f9ff 0%, #ffffff 100%);
      border-radius: 40px;
      border: 1px solid #bae6fd;
      margin-bottom: 50px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.02);
  }

  .wr-hero-box h2 {
      font-size: clamp(26px, 5vw, 42px);
      font-weight: 900;
      color: #0284c7;
      margin-bottom: 25px;
      line-height: 1.2;
  }

  .wr-hero-box p {
      font-size: 20px;
      color: #475569;
      max-width: 850px;
      margin: 0 auto 35px;
  }

  /* Feature Grid */
  .wr-feature-container {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 30px;
      margin-bottom: 70px;
  }

  .wr-feature-card {
      background: #fff;
      padding: 40px 30px;
      border-radius: 25px;
      border: 1px solid #e2e8f0;
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      text-align: center;
      position: relative;
      overflow: hidden;
  }

  .wr-feature-card:hover {
      transform: translateY(-12px);
      box-shadow: 0 30px 60px -12px rgba(2, 132, 199, 0.15);
      border-color: #0284c7;
  }

  .wr-icon-round {
      width: 75px;
      height: 75px;
      background: #e0f2fe;
      color: #0284c7;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 22px;
      font-size: 32px;
      margin: 0 auto 25px;
  }

  .wr-feature-card h3 {
      font-size: 24px;
      font-weight: 800;
      margin-bottom: 15px;
      color: #0f172a;
  }

  .wr-feature-card p {
      font-size: 16px;
      color: #64748b;
  }

  /* Deep Content Sections */
  .wr-article-body {
      margin-bottom: 60px;
  }

  .wr-article-body h2 {
      font-size: 32px;
      font-weight: 900;
      margin-bottom: 30px;
      color: #0f172a;
      border-left: 8px solid #0284c7;
      padding-left: 20px;
  }

  .wr-article-body h3 {
      font-size: 24px;
      font-weight: 800;
      margin: 40px 0 20px;
      color: #0284c7;
  }

  .wr-article-body p {
      font-size: 18px;
      margin-bottom: 25px;
      text-align: justify;
  }

  /* Tutorial Box */
  .wr-guide-box {
      background: #f8fafc;
      padding: 50px;
      border-radius: 35px;
      border: 1px solid #e2e8f0;
      margin-bottom: 60px;
  }

  .wr-step {
      display: flex;
      gap: 30px;
      margin-bottom: 40px;
      align-items: flex-start;
  }

  .wr-step-num {
      background: #0284c7;
      color: #fff;
      width: 45px;
      height: 45px;
      border-radius: 15px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      font-size: 20px;
      flex-shrink: 0;
      box-shadow: 0 10px 20px rgba(2, 132, 199, 0.2);
  }

  .wr-step-text h4 {
      font-size: 22px;
      font-weight: 800;
      margin-bottom: 10px;
  }

  /* Comparison Table */
  .wr-table-wrapper {
      overflow-x: auto;
      margin: 40px 0;
      border-radius: 20px;
      border: 1px solid #e2e8f0;
      box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  }

  .wr-table {
      width: 100%;
      border-collapse: collapse;
      background: #fff;
      min-width: 600px;
  }

  .wr-table th, .wr-table td {
      padding: 20px;
      text-align: left;
      border-bottom: 1px solid #f1f5f9;
  }

  .wr-table th {
      background: #0284c7;
      color: #fff;
      font-weight: 800;
  }

  /* FAQ Styling */
  .wr-faq-item {
      background: #fff;
      border: 1px solid #e2e8f0;
      padding: 25px;
      border-radius: 15px;
      margin-bottom: 20px;
  }

  .wr-faq-item strong {
      font-size: 19px;
      color: #0f172a;
      display: block;
      margin-bottom: 10px;
  }

  /* CTA */
  .wr-final-cta {
      text-align: center;
      padding: 80px 30px;
      background: #0f172a;
      border-radius: 40px;
      color: #fff;
      margin-top: 60px;
  }

  .wr-btn-main {
      display: inline-flex;
      align-items: center;
      gap: 15px;
      background: #0284c7;
      color: #fff !important;
      padding: 20px 50px;
      border-radius: 60px;
      font-weight: 800;
      font-size: 20px;
      text-decoration: none !important;
      transition: 0.3s ease;
      margin-top: 30px;
      box-shadow: 0 15px 30px rgba(2, 132, 199, 0.3);
  }

  .wr-btn-main:hover {
      background: #0369a1;
      transform: scale(1.05) translateY(-5px);
  }

  /* Responsive Mobile Fixes */
  @media (max-width: 768px) {
      .wr-hero-box { padding: 50px 20px; }
      .wr-feature-container { grid-template-columns: 1fr; }
      .wr-article-body h2 { font-size: 26px; }
      .wr-guide-box { padding: 30px 20px; }
      .wr-step { gap: 15px; }
      .wr-step-num { width: 35px; height: 35px; font-size: 16px; }
  }


/* Phonetic Page Specific Styles */
  .pnt-wrapper {
      font-family: 'Inter', 'SolaimanLipi', sans-serif;
      color: #1e293b;
      margin: 0 auto;
      padding: 20px;
      line-height: 1.8;
  }

  /* Hero Section */
  .pnt-hero {
      text-align: center;
      padding: 60px 20px;
      background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 100%);
      border-radius: 30px;
      border: 1px solid #dcfce7;
      margin-bottom: 40px;
  }

  .pnt-hero h2 {
      font-size: clamp(28px, 5vw, 42px);
      font-weight: 900;
      color: #16a34a; /* Phonetic Green Theme */
      margin-bottom: 20px;
      font-family: 'SolaimanLipi', sans-serif;
  }

  .pnt-hero p {
      font-size: 20px;
      color: #475569;
      max-width: 750px;
      margin: 0 auto 30px;
      font-family: 'SolaimanLipi', sans-serif;
  }

  /* Features Grid - 6 Items */
  .pnt-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 25px;
      margin-bottom: 60px;
  }

  .pnt-card {
      background: #fff;
      padding: 30px;
      border-radius: 20px;
      border: 1px solid #e2e8f0;
      transition: all 0.3s ease;
      text-align: center;
  }

  .pnt-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05);
      border-color: #16a34a;
  }

  .pnt-icon {
      width: 60px;
      height: 60px;
      background: #f0fdf4;
      color: #16a34a;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      font-size: 26px;
      margin: 0 auto 20px;
  }

  .pnt-card h3 {
      font-size: 22px;
      font-weight: 800;
      margin-bottom: 12px;
      font-family: 'SolaimanLipi', sans-serif;
  }

  .pnt-card p {
      font-size: 16px;
      color: #64748b;
      font-family: 'SolaimanLipi', sans-serif;
  }

  /* Content Sections */
  .pnt-content {
      margin-bottom: 50px;
  }

  .pnt-content h2 {
      font-size: 30px;
      font-weight: 800;
      margin-bottom: 25px;
      color: #0f172a;
      font-family: 'SolaimanLipi', sans-serif;
      border-left: 6px solid #16a34a;
      padding-left: 20px;
      text-align: left;
  }

  .pnt-text {
      font-size: 18px;
      color: #4b5563;
      margin-bottom: 20px;
      text-align: justify;
      font-family: 'SolaimanLipi', sans-serif;
  }

  /* Steps List */
  .pnt-steps {
      background: #f8fafc;
      padding: 40px;
      border-radius: 24px;
      border: 1px solid #e2e8f0;
  }

  .step-item {
      display: flex;
      gap: 20px;
      margin-bottom: 25px;
      align-items: flex-start;
      text-align: left;
  }

  .step-num {
      background: #16a34a;
      color: #fff;
      width: 35px;
      height: 35px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      flex-shrink: 0;
  }

  .step-info h4 {
      font-size: 20px;
      font-weight: 700;
      margin-bottom: 5px;
      font-family: 'SolaimanLipi', sans-serif;
  }

  .step-info p {
      font-family: 'SolaimanLipi', sans-serif;
  }

  /* Comparison Table */
  .pnt-table-box {
      overflow-x: auto;
      margin-top: 20px;
      border-radius: 15px;
      border: 1px solid #e2e8f0;
  }

  .pnt-table {
      width: 100%;
      border-collapse: collapse;
      background: #fff;
  }

  .pnt-table th, .pnt-table td {
      padding: 15px;
      text-align: center;
      border-bottom: 1px solid #f1f5f9;
      font-family: 'SolaimanLipi', sans-serif;
  }

  .pnt-table th {
      background: #f8fafc;
      font-weight: 800;
      color: #16a34a;
  }

   /* Final CTA */
  .pnt-cta {
      text-align: center;
      padding: 50px;
      background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 100%);
      border-radius: 30px;
      border: 1px solid #dcfce7;
  }

  .pnt-btn {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      background: #16a34a;
      color: #fff !important;
      padding: 18px 45px;
      border-radius: 50px;
      font-weight: 700;
      font-size: 20px;
      text-decoration: none !important;
      transition: 0.3s;
      margin-top: 20px;
      font-family: 'SolaimanLipi', sans-serif;
  }

  .pnt-btn:hover {
      background: #15803d;
      transform: scale(1.05);
  }

  @media (max-width: 600px) {
      .pnt-hero { padding: 40px 15px; }
      .pnt-grid { grid-template-columns: 1fr; }
      .pnt-content h2 { font-size: 24px; }
  }


 /* Phonetic Page Specific Styles */
  .pnt-wrapper {
      font-family: 'Inter', 'SolaimanLipi', sans-serif;
      color: #1e293b;
      margin: 0 auto;
      padding: 20px;
  }

  /* Hero Section */
  .pnt-hero {
      text-align: center;
      padding: 60px 20px;
      background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 100%);
      border-radius: 30px;
      border: 1px solid #dcfce7;
      margin-bottom: 40px;
  }

  .pnt-hero h2 {
      font-size: clamp(28px, 5vw, 40px);
      font-weight: 900;
      color: #16a34a; /* Green Theme for Phonetic */
      margin-bottom: 20px;
      line-height: 1.2;
  }

  .pnt-hero p {
      font-size: 18px;
      color: #475569;
      max-width: 750px;
      margin: 0 auto 30px;
  }

  /* Features Grid */
  .pnt-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 25px;
      margin-bottom: 60px;
  }

  .pnt-card {
      background: #fff;
      padding: 30px;
      border-radius: 20px;
      border: 1px solid #e2e8f0;
      transition: all 0.3s ease;
      text-align: left;
  }

  .pnt-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05);
      border-color: #16a34a;
  }

  .pnt-icon {
      width: 50px;
      height: 50px;
      background: #f0fdf4;
      color: #16a34a;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 12px;
      font-size: 24px;
      margin-bottom: 20px;
  }

  .pnt-card h3 {
      font-size: 20px;
      font-weight: 800;
      margin-bottom: 12px;
  }

  /* Content Sections */
  .pnt-content {
      margin-bottom: 50px;
  }

  .pnt-content h2 {
      font-size: 28px;
      font-weight: 800;
      margin-bottom: 25px;
      color: #0f172a;
      position: relative;
      padding-left: 20px;
  }

  .pnt-content h2::before {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 6px;
      height: 30px;
      background: #16a34a;
      border-radius: 10px;
  }

  .pnt-text {
      font-size: 17px;
      line-height: 1.8;
      color: #4b5563;
      margin-bottom: 20px;
  }

  /* Steps List */
  .pnt-steps {
      background: #f8fafc;
      padding: 40px;
      border-radius: 24px;
      border: 1px solid #e2e8f0;
  }

  .step-item {
      display: flex;
      gap: 20px;
      margin-bottom: 25px;
      align-items: flex-start;
  }

  .step-num {
      background: #16a34a;
      color: #fff;
      width: 35px;
      height: 35px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      flex-shrink: 0;
  }

  .step-info h4 {
      font-size: 18px;
      font-weight: 700;
      margin-bottom: 5px;
  }

  /* Final CTA */
  .pnt-cta {
      text-align: center;
      padding: 50px;
      background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 100%);
      border-radius: 30px;
      border: 1px solid #dcfce7;
  }

  .pnt-btn {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      background: #16a34a;
      color: #fff !important;
      padding: 16px 40px;
      border-radius: 50px;
      font-weight: 700;
      font-size: 18px;
      text-decoration: none !important;
      transition: 0.3s;
      margin-top: 20px;
      box-shadow: 0 10px 15px -3px rgba(22, 163, 74, 0.3);
  }

  .pnt-btn:hover {
      background: #15803d;
      transform: scale(1.05);
  }

  @media (max-width: 600px) {
      .pnt-hero { padding: 40px 15px; }
      .pnt-steps { padding: 25px 15px; }
  }



/* Page Specific Styles */
  .wdm-page-wrapper {
      font-family: 'Inter', 'SolaimanLipi', sans-serif;
      color: #1f2937;
      line-height: 1.8;
      margin: 0 auto;
      padding: 20px;
      background: #fff;
      border-radius: 12px;
      direction: ltr; /* Keeping layout standard */
  }

  .wdm-hero {
      text-align: center;
      padding: 40px 20px;
      background: linear-gradient(135deg, #fff1f2 0%, #fff 100%);
      border-radius: 20px;
      margin-bottom: 40px;
      border: 1px solid #ffe4e6;
  }

  .wdm-hero h2 {
      font-size: 34px;
      font-weight: 800;
      color: #e11d48;
      margin-bottom: 15px;
      font-family: 'SolaimanLipi', sans-serif;
  }

  .wdm-hero p {
      font-size: 19px;
      color: #4b5563;
      max-width: 700px;
      margin: 0 auto;
      font-family: 'SolaimanLipi', sans-serif;
  }

  .wdm-feature-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 25px;
      margin: 40px 0;
  }

  @media (max-width: 600px) {
      .wdm-feature-grid { grid-template-columns: 1fr; }
  }

  .wdm-feature-card {
      padding: 25px;
      background: #f8fafc;
      border-radius: 15px;
      border: 1px solid #e2e8f0;
      transition: 0.3s;
      text-align: center;
  }

  .wdm-feature-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 20px rgba(0,0,0,0.05);
      border-color: #e11d48;
  }

  .wdm-feature-card i {
      font-size: 28px;
      color: #e11d48;
      margin-bottom: 15px;
      display: block;
  }

  .wdm-feature-card h3 {
      font-size: 22px;
      font-weight: 700;
      margin-bottom: 10px;
      color: #111827;
      font-family: 'SolaimanLipi', sans-serif;
  }

  .wdm-feature-card p {
      font-size: 15px;
      font-family: 'SolaimanLipi', sans-serif;
  }

  .wdm-content-section {
      margin-bottom: 50px;
      text-align: left;
  }

  .wdm-content-section h2 {
      font-size: 28px;
      font-weight: 800;
      color: #111827;
      margin-bottom: 20px;
      border-left: 5px solid #e11d48; /* Right border for Bengali style */
      padding-left: 15px;
      font-family: 'SolaimanLipi', sans-serif;
      display: block;
      width: 100%;
      text-align: left;
  }

  .wdm-content-section p {
      font-family: 'SolaimanLipi', sans-serif;
      font-size: 17px;
      text-align: justify;
  }

  .wdm-step-list {
      list-style: none;
      padding: 0;
  }

  .wdm-step-list li {
      background: #fff;
      padding: 15px 20px;
      margin-bottom: 12px;
      border-radius: 10px;
      border: 1px solid #e5e7eb;
      display: flex;
      align-items: center;
      gap: 15px;
      font-weight: 600;
      font-family: 'SolaimanLipi', sans-serif;
      text-align: left;
  }

  .wdm-step-list li span {
      background: #e11d48;
      color: #fff;
      width: 32px;
      height: 32px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      font-size: 16px;
      flex-shrink: 0;
  }

  .wdm-cta {
      text-align: center;
      padding: 40px;
      background: #e5e7eb;
      border-radius: 20px;
      margin-top: 50px;
  }

  .wdm-cta h3, .wdm-cta p {
      font-family: 'SolaimanLipi', sans-serif;
  }

  .wdm-btn {
      display: inline-block;
      background: #e11d48;
      color: #fff !important;
      padding: 15px 35px;
      border-radius: 50px;
      font-weight: 700;
      text-decoration: none !important;
      margin-top: 20px;
      transition: 0.3s;
      font-family: 'SolaimanLipi', sans-serif;
      font-size: 18px;
  }

  .wdm-btn:hover {
      background: #be123c;
      transform: scale(1.05);
  }

  .faq-box {
      background: #f1f5f9;
      padding: 20px;
      border-radius: 12px;
      margin-top: 15px;
      font-family: 'SolaimanLipi', sans-serif;
      text-align: right;
  }


/* Page Specific Styles */
  .wdm-page-wrapper {
      font-family: 'Inter', 'SolaimanLipi', sans-serif;
      color: #1f2937;
      line-height: 1.7;
      margin: 0 auto;
      padding: 20px;
      background: #fff;
      border-radius: 12px;
  }

  .wdm-hero {
      text-align: center;
      padding: 40px 20px;
      background: linear-gradient(135deg, #fff1f2 0%, #fff 100%);
      border-radius: 20px;
      margin-bottom: 40px;
      border: 1px solid #ffe4e6;
  }

  .wdm-hero h2 {
      font-size: 32px;
      font-weight: 800;
      color: #e11d48;
      margin-bottom: 15px;
  }

  .wdm-hero p {
      font-size: 18px;
      color: #4b5563;
      max-width: 700px;
      margin: 0 auto;
  }

  .wdm-feature-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 25px;
      margin: 40px 0;
  }

  @media (max-width: 600px) {
      .wdm-feature-grid { grid-template-columns: 1fr; }
  }

  .wdm-feature-card {
      padding: 25px;
      background: #f8fafc;
      border-radius: 15px;
      border: 1px solid #e2e8f0;
      transition: 0.3s;
  }

  .wdm-feature-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 20px rgba(0,0,0,0.05);
      border-color: #e11d48;
  }

  .wdm-feature-card i {
      font-size: 24px;
      color: #e11d48;
      margin-bottom: 15px;
      display: block;
  }

  .wdm-feature-card h3 {
      font-size: 20px;
      font-weight: 700;
      margin-bottom: 10px;
      color: #111827;
  }

  .wdm-content-section {
      margin-bottom: 50px;
  }

  .wdm-content-section h2 {
      font-size: 26px;
      font-weight: 800;
      color: #111827;
      margin-bottom: 20px;
      border-left: 5px solid #e11d48;
      padding-left: 15px;
  }

  .wdm-step-list {
      list-style: none;
      padding: 0;
  }

  .wdm-step-list li {
      background: #fff;
      padding: 15px 20px;
      margin-bottom: 12px;
      border-radius: 10px;
      border: 1px solid #e5e7eb;
      display: flex;
      align-items: center;
      gap: 15px;
      font-weight: 600;
  }

  .wdm-step-list li span {
      background: #e11d48;
      color: #fff;
      width: 28px;
      height: 28px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      font-size: 14px;
      flex-shrink: 0;
  }

  .wdm-cta {
      text-align: center;
      padding: 40px;
      background: #111827;
      color: #fff;
      border-radius: 20px;
      margin-top: 50px;
  }

  .wdm-btn {
      display: inline-block;
      background: #e11d48;
      color: #fff !important;
      padding: 15px 35px;
      border-radius: 50px;
      font-weight: 700;
      text-decoration: none !important;
      margin-top: 20px;
      transition: 0.3s;
  }

  .wdm-btn:hover {
      background: #be123c;
      transform: scale(1.05);
  }