Grievance Redressal Mechanisms


<!DOCTYPE html>
<html lang="ml">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="description" content="പാമ്പാക്കുട ബ്ലോക്ക് പഞ്ചായത്തിലെ പരാതി പരിഹാര സംവിധാനങ്ങളും ഡിജിറ്റൽ പൗരസേവനങ്ങളും">
   <title>പരാതി പരിഹാര സംവിധാനങ്ങൾ | പാമ്പാക്കുട ബ്ലോക്ക് പഞ്ചായത്ത്</title>

   <style>
       :root {
           --primary: #075985;
           --dark: #0c3b5a;
           --accent: #0f766e;
           --bg: #f3f8fc;
           --card: #ffffff;
           --text: #243746;
           --muted: #5d7180;
           --border: #dbe7ef;
           --blue-light: #e7f3fb;
           --green-light: #e8f7f1;
           --orange-light: #fff4e5;
           --shadow: 0 5px 20px rgba(12, 59, 90, 0.08);
       }

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

       html {
           scroll-behavior: smooth;
       }

       body {
           font-family: "Noto Sans Malayalam", "Nirmala UI",
                        "Kartika", sans-serif;
           background: var(--bg);
           color: var(--text);
           line-height: 1.85;
           font-size: 15px;
       }

       a {
           color: var(--primary);
           text-decoration: none;
       }

       a:hover {
           text-decoration: underline;
       }

       .container {
           width: min(1120px, 92%);
           margin: 0 auto;
       }

       /* Header */

       .top-strip {
           height: 6px;
           background: linear-gradient(
               90deg,
               var(--primary),
               #0e7490,
               var(--accent)
           );
       }

       header {
           background: linear-gradient(135deg, var(--dark), var(--primary));
           color: white;
           padding: 48px 20px;
           text-align: center;
       }

       .header-label {
           display: inline-block;
           border: 1px solid rgba(255,255,255,.35);
           border-radius: 30px;
           padding: 5px 16px;
           margin-bottom: 15px;
           font-size: 13px;
           letter-spacing: .3px;
       }

       header h1 {
           font-size: clamp(27px, 4vw, 40px);
           line-height: 1.5;
           margin-bottom: 8px;
       }

       header h2 {
           font-size: clamp(17px, 2.5vw, 22px);
           font-weight: 500;
           color: #d7f2ff;
           margin-bottom: 12px;
       }

       header p {
           max-width: 790px;
           margin: 0 auto;
           color: #edf8ff;
           font-size: 15px;
       }

       /* Navigation */

       .quick-nav {
           background: white;
           border-bottom: 1px solid var(--border);
           position: relative;
       }

       .nav-inner {
           display: flex;
           justify-content: center;
           align-items: center;
           flex-wrap: wrap;
           gap: 8px;
           padding: 14px 0;
       }

       .nav-inner a {
           padding: 7px 13px;
           border-radius: 7px;
           font-size: 13px;
           font-weight: 600;
       }

       .nav-inner a:hover {
           background: var(--blue-light);
           text-decoration: none;
       }

       /* Main layout */

       main {
           padding: 35px 0 55px;
       }

       section {
           margin-bottom: 42px;
           scroll-margin-top: 20px;
       }

       .section-heading {
           margin-bottom: 20px;
       }

       .section-heading h2 {
           color: var(--dark);
           font-size: clamp(21px, 3vw, 28px);
           line-height: 1.6;
           margin-bottom: 5px;
       }

       .section-heading p {
           color: var(--muted);
           font-size: 14px;
       }

       .heading-line {
           width: 65px;
           height: 4px;
           border-radius: 5px;
           background: var(--accent);
           margin-top: 10px;
       }

       /* Cards */

       .grid {
           display: grid;
           grid-template-columns: repeat(3, minmax(0, 1fr));
           gap: 20px;
       }

       .grid-two {
           display: grid;
           grid-template-columns: repeat(2, minmax(0, 1fr));
           gap: 20px;
       }

       .card {
           background: var(--card);
           border: 1px solid var(--border);
           border-radius: 13px;
           padding: 23px;
           box-shadow: var(--shadow);
           min-width: 0;
       }

       .card h3 {
           color: var(--dark);
           font-size: 18px;
           line-height: 1.6;
           margin: 8px 0;
       }

       .card p {
           color: var(--muted);
           font-size: 14px;
       }

       .icon {
           width: 49px;
           height: 49px;
           border-radius: 12px;
           display: flex;
           justify-content: center;
           align-items: center;
           font-size: 25px;
           background: var(--blue-light);
           margin-bottom: 12px;
       }

       .icon.green {
           background: var(--green-light);
       }

       .icon.orange {
           background: var(--orange-light);
       }

       .tag {
           display: inline-block;
           padding: 4px 10px;
           border-radius: 20px;
           background: var(--blue-light);
           color: var(--primary);
           font-size: 12px;
           font-weight: 700;
           margin-bottom: 5px;
       }

       .card ul {
           padding-left: 21px;
           margin-top: 12px;
       }

       .card li {
           margin-bottom: 6px;
           font-size: 14px;
       }

       .bullet-list {
           list-style: none;
           padding-left: 0 !important;
       }

       .bullet-list li {
           padding-left: 23px;
           position: relative;
       }

       .bullet-list li::before {
           content: "✓";
           position: absolute;
           left: 0;
           top: 0;
           color: var(--accent);
           font-weight: bold;
       }

       /* Buttons */

       .btn {
           display: inline-block;
           padding: 10px 16px;
           margin-top: 15px;
           border-radius: 7px;
           background: var(--primary);
           color: white;
           font-size: 13px;
           font-weight: 700;
           transition: .2s ease;
       }

       .btn:hover {
           background: var(--dark);
           text-decoration: none;
           transform: translateY(-1px);
       }

       .btn-green {
           background: var(--accent);
       }

       .btn-green:hover {
           background: #115e59;
       }

       /* Intro banner */

       .intro-banner {
           padding: 26px;
           border-radius: 14px;
           background: linear-gradient(120deg, #e5f4ff, #e7f8f1);
           border: 1px solid #cfe5e9;
           margin-bottom: 35px;
       }

       .intro-banner h2 {
           color: var(--dark);
           font-size: 22px;
           margin-bottom: 8px;
       }

       .intro-banner p {
           color: var(--text);
       }

       /* Numbered service list */

       .service-list {
           display: grid;
           grid-template-columns: repeat(2, minmax(0, 1fr));
           gap: 16px;
       }

       .service-item {
           display: flex;
           gap: 15px;
           align-items: flex-start;
           background: white;
           border: 1px solid var(--border);
           border-radius: 12px;
           padding: 20px;
       }

       .number {
           flex: 0 0 42px;
           height: 42px;
           border-radius: 10px;
           display: flex;
           align-items: center;
           justify-content: center;
           background: var(--blue-light);
           color: var(--primary);
           font-size: 17px;
           font-weight: 800;
       }

       .service-item h3 {
           font-size: 16px;
           color: var(--dark);
           margin-bottom: 5px;
       }

       .service-item p {
           font-size: 14px;
           color: var(--muted);
       }

       /* File Adalat */

       .steps {
           display: grid;
           grid-template-columns: repeat(3, minmax(0, 1fr));
           gap: 18px;
       }

       .step-card {
           background: white;
           border: 1px solid var(--border);
           border-radius: 12px;
           padding: 24px 18px;
           text-align: center;
           box-shadow: var(--shadow);
       }

       .step-number {
           width: 44px;
           height: 44px;
           display: flex;
           justify-content: center;
           align-items: center;
           margin: 0 auto 12px;
           border-radius: 50%;
           color: white;
           background: var(--accent);
           font-weight: 800;
           font-size: 18px;
       }

       .step-card h3 {
           color: var(--dark);
           font-size: 17px;
           margin-bottom: 8px;
       }

       .frequency {
           display: inline-block;
           background: var(--green-light);
           color: #116149;
           border-radius: 20px;
           padding: 5px 12px;
           font-size: 13px;
           font-weight: 700;
           margin-top: 12px;
       }

       /* Contact information */

       .contact-card {
           background: white;
           border: 1px solid var(--border);
           border-radius: 13px;
           padding: 25px;
           box-shadow: var(--shadow);
       }

       .contact-card h3 {
           color: var(--dark);
           font-size: 19px;
           margin-bottom: 14px;
       }

       .contact-card p {
           font-size: 14px;
           margin-bottom: 9px;
           overflow-wrap: anywhere;
       }

       .contact-label {
           color: var(--primary);
           font-weight: 700;
       }

       .contact-number {
           font-size: 21px !important;
           font-weight: 800;
           color: var(--accent);
           margin-top: 8px;
       }

       .notice {
           border-left: 4px solid var(--accent);
           padding: 17px 20px;
           border-radius: 0 9px 9px 0;
           background: var(--green-light);
           margin-top: 20px;
       }

       .notice h3 {
           font-size: 16px;
           color: #115e59;
           margin-bottom: 5px;
       }

       .notice p {
           font-size: 14px;
       }

       /* Complaint guide */

       .guide-list {
           display: grid;
           grid-template-columns: repeat(2, minmax(0, 1fr));
           gap: 12px;
       }

       .guide-item {
           display: flex;
           align-items: center;
           gap: 12px;
           padding: 15px 17px;
           border: 1px solid var(--border);
           border-radius: 10px;
           background: white;
       }

       .guide-item .arrow {
           color: var(--accent);
           font-size: 23px;
           font-weight: bold;
       }

       .guide-item p {
           font-size: 14px;
           color: var(--muted);
       }

       .guide-item strong {
           display: block;
           color: var(--dark);
           font-size: 15px;
       }

       /* Footer */

       footer {
           background: var(--dark);
           color: white;
           text-align: center;
           padding: 28px 18px;
       }

       footer h3 {
           font-size: 19px;
           margin-bottom: 6px;
       }

       footer p {
           font-size: 13px;
           color: #d6eaf5;
       }

       .footer-note {
           margin-top: 12px;
           font-size: 12px;
           color: #c1d8e7;
       }

       /* Responsive */

       @media (max-width: 850px) {
           .grid {
               grid-template-columns: repeat(2, minmax(0, 1fr));
           }

           .steps {
               grid-template-columns: 1fr;
           }

           .step-card {
               text-align: left;
               display: grid;
               grid-template-columns: 48px 1fr;
               column-gap: 12px;
               align-items: center;
           }

           .step-number {
               grid-row: 1 / span 2;
               margin: 0;
           }

           .step-card h3 {
               margin-bottom: 0;
           }

           .step-card p,
           .step-card .frequency {
               grid-column: 2;
           }
       }

       @media (max-width: 600px) {
           body {
               font-size: 14px;
           }

           header {
               padding: 35px 15px;
           }

           main {
               padding-top: 24px;
           }

           .grid,
           .grid-two,
           .service-list,
           .guide-list {
               grid-template-columns: 1fr;
           }

           .card,
           .contact-card {
               padding: 19px;
           }

           .intro-banner {
               padding: 20px;
           }

           .nav-inner {
               gap: 4px;
           }

           .nav-inner a {
               padding: 6px 9px;
               font-size: 12px;
           }

           .service-item {
               padding: 16px;
           }

           section {
               margin-bottom: 32px;
           }
       }

       /* Print */

       @media print {
           body {
               background: white;
               color: black;
           }

           .quick-nav,
           .btn {
               display: none;
           }

           header {
               background: white;
               color: black;
               border-bottom: 2px solid #ddd;
           }

           header h2,
           header p {
               color: #333;
           }

           .card,
           .contact-card,
           .step-card,
           .service-item {
               box-shadow: none;
               break-inside: avoid;
           }

           footer {
               background: white;
               color: black;
               border-top: 1px solid #ddd;
           }

           footer p,
           .footer-note {
               color: #333;
           }
       }
   </style>
</head>

<body>

<div class="top-strip"></div>

<header>
   <div class="container">
       <span class="header-label">പൗരസേവന വിവരങ്ങൾ</span>

       <h1>പരാതി പരിഹാര സംവിധാനങ്ങൾ</h1>

       <h2>പാമ്പാക്കുട ബ്ലോക്ക് പഞ്ചായത്ത്</h2>

       <p>
           പൗരന്മാർക്കുള്ള പരാതി പരിഹാരവും ഡിജിറ്റൽ സേവനങ്ങളും.
           തദ്ദേശ സ്വയംഭരണ സ്ഥാപനങ്ങളുമായി ബന്ധപ്പെട്ട സേവനങ്ങൾ,
           അപേക്ഷകൾ, പരാതികൾ, ഫയൽ തൽസ്ഥിതി എന്നിവ അറിയുന്നതിനും
           പരിഹരിക്കുന്നതിനുമുള്ള വിവിധ സംവിധാനങ്ങൾ.
       </p>
   </div>
</header>

<nav class="quick-nav" aria-label="പ്രധാന വിഭാഗങ്ങൾ">
   <div class="container nav-inner">
       <a href="#ksmart">K-SMART</a>
       <a href="#complaints">പരാതി സംവിധാനങ്ങൾ</a>
       <a href="#file-adalat">ഫയൽ അദാലത്ത്</a>
       <a href="#cm-portal">മുഖ്യമന്ത്രിയുടെ പോർട്ടൽ</a>
       <a href="#legal">നിയമ സംവിധാനങ്ങൾ</a>
       <a href="#guide">മാർഗനിർദേശം</a>
   </div>
</nav>

<main class="container">

   <!-- Introduction -->

   <div class="intro-banner">
       <h2>പൗരസേവനങ്ങൾ ഇനി കൂടുതൽ എളുപ്പത്തിൽ</h2>
       <p>
           തദ്ദേശ സ്വയംഭരണ സ്ഥാപനങ്ങളുടെ സേവനങ്ങൾക്കായി ഓൺലൈൻ
           അപേക്ഷകൾ സമർപ്പിക്കാനും അപേക്ഷയുടെ തൽസ്ഥിതി പരിശോധിക്കാനും
           പരാതികൾ അറിയിക്കാനും അനുയോജ്യമായ സംവിധാനം തിരഞ്ഞെടുക്കാം.
       </p>
   </div>

   <!-- K-SMART -->

   <section id="ksmart">
       <div class="section-heading">
           <h2>K-SMART – ഡിജിറ്റൽ പൗരസേവനങ്ങൾ</h2>
           <p>തദ്ദേശ സ്വയംഭരണ വകുപ്പിന്റെ ഡിജിറ്റൽ ഭരണ സംവിധാനം</p>
           <div class="heading-line"></div>
       </div>

       <div class="grid-two">
           <article class="card">
               <div class="icon">💻</div>
               <span class="tag">ഡിജിറ്റൽ സേവനം</span>
               <h3>K-SMART</h3>
               <p>
                   തദ്ദേശ സ്വയംഭരണ വകുപ്പിന്റെ വിവിധ ഡിജിറ്റൽ സേവനങ്ങൾ
                   പൗരന്മാർക്ക് ഓൺലൈനായി ലഭ്യമാക്കുന്നതിനുള്ള
                   ഏകീകൃത പ്ലാറ്റ്‌ഫോമാണ് K-SMART.
               </p>

               <ul class="bullet-list">
                   <li>ഓൺലൈനായി അപേക്ഷ സമർപ്പിക്കാം</li>
                   <li>അപേക്ഷയുടെ തൽസ്ഥിതി പരിശോധിക്കാം</li>
                   <li>ലഭ്യമായ SMS അറിയിപ്പുകൾ സ്വീകരിക്കാം</li>
                   <li>ഓൺലൈൻ പേയ്മെന്റ് സേവനങ്ങൾ ഉപയോഗിക്കാം</li>
                   <li>വിവിധ തദ്ദേശ സ്വയംഭരണ സേവനങ്ങൾ ലഭ്യമാക്കാം</li>
               </ul>

               <a class="btn"
                  href="https://ksmart.lsgkerala.gov.in/"
                  target="_blank"
                  rel="noopener noreferrer">
                   K-SMART തുറക്കുക ↗
               </a>
           </article>

           <article class="card">
               <div class="icon green">📱</div>
               <h3>K-SMART ഉപയോഗിക്കുന്നതെങ്ങനെ?</h3>
               <p>
                   ഔദ്യോഗിക പോർട്ടൽ സന്ദർശിച്ച് ലഭ്യമായ സേവനങ്ങളിൽ
                   ആവശ്യമായത് തിരഞ്ഞെടുക്കുക. നിർദേശങ്ങൾ അനുസരിച്ച്
                   അപേക്ഷ സമർപ്പിക്കുകയും ലഭിക്കുന്ന അപേക്ഷാ വിവരങ്ങൾ
                   ഉപയോഗിച്ച് തൽസ്ഥിതി പരിശോധിക്കുകയും ചെയ്യുക.
               </p>

               <ul class="bullet-list">
                   <li>ആവശ്യമായ സേവനം തിരഞ്ഞെടുക്കുക</li>
                   <li>വിവരങ്ങളും രേഖകളും സമർപ്പിക്കുക</li>
                   <li>അപേക്ഷാ നമ്പർ സൂക്ഷിക്കുക</li>
                   <li>പോർട്ടലിൽ അപേക്ഷയുടെ പുരോഗതി പരിശോധിക്കുക</li>
                   <li>ആവശ്യമെങ്കിൽ ബന്ധപ്പെട്ട ഫ്രണ്ട് ഓഫീസിന്റെ സഹായം തേടുക</li>
               </ul>
           </article>
       </div>
   </section>

   <!-- Complaint systems -->

   <section id="complaints">
       <div class="section-heading">
           <h2>പരാതി സമർപ്പിക്കുന്നതിനുള്ള പ്രധാന സംവിധാനങ്ങൾ</h2>
           <p>പരാതിയുടെ സ്വഭാവത്തിന് അനുസരിച്ച് അനുയോജ്യമായ സംവിധാനം തിരഞ്ഞെടുക്കുക.</p>
           <div class="heading-line"></div>
       </div>

       <div class="grid">

           <article class="card">
               <div class="icon">💻</div>
               <h3>K-SMART</h3>
               <p>
                   വിവിധ തദ്ദേശ സ്വയംഭരണ സേവനങ്ങൾക്കായി അപേക്ഷ
                   സമർപ്പിക്കാനും അപേക്ഷയുടെ തൽസ്ഥിതി പരിശോധിക്കാനും.
               </p>
               <a class="btn"
                  href="https://ksmart.lsgkerala.gov.in/"
                  target="_blank"
                  rel="noopener noreferrer">
                   പോർട്ടൽ സന്ദർശിക്കുക ↗
               </a>
           </article>

           <article class="card">
               <div class="icon orange">📢</div>
               <h3>For the People Portal</h3>
               <p>
                   തദ്ദേശ സ്വയംഭരണ സ്ഥാപനങ്ങളിലെ സേവനങ്ങളുമായി
                   ബന്ധപ്പെട്ട പരാതികൾ സമർപ്പിക്കുന്നതിനുള്ള
                   പരാതി പരിഹാര സംവിധാനം.
               </p>
               <!-- ഔദ്യോഗിക പരാതി പോർട്ടലിന്റെ സ്ഥിരീകരിച്ച URL ഇവിടെ ചേർക്കുക. -->
               <p style="margin-top:12px;">
                   ഔദ്യോഗിക പോർട്ടൽ വിലാസം പരിശോധിച്ച് ഉപയോഗിക്കുക.
               </p>
           </article>

           <article class="card">
               <div class="icon green">📂</div>
               <h3>ഫയൽ അദാലത്ത്</h3>
               <p>
                   തീർപ്പാകാതെ കെട്ടിക്കിടക്കുന്ന ഫയലുകളുമായി
                   ബന്ധപ്പെട്ട പരാതികൾ പരിശോധിക്കുന്നതിനുള്ള
                   പ്രത്യേക സംവിധാനം.
               </p>
               <a class="btn btn-green" href="#file-adalat">
                   കൂടുതൽ വിവരങ്ങൾ ↓
               </a>
           </article>

       </div>
   </section>

   <!-- K-SMART features -->

   <section id="services">
       <div class="section-heading">
           <h2>K-SMART വഴി ലഭിക്കുന്ന പ്രധാന സൗകര്യങ്ങൾ</h2>
           <div class="heading-line"></div>
       </div>

       <div class="service-list">

           <article class="service-item">
               <div class="number">01</div>
               <div>
                   <h3>ഓൺലൈനായി അപേക്ഷ സമർപ്പിക്കുക</h3>
                   <p>
                       ആവശ്യമായ തദ്ദേശ സ്വയംഭരണ സേവനം തിരഞ്ഞെടുത്ത്
                       K-SMART പോർട്ടൽ വഴി അപേക്ഷ സമർപ്പിക്കാം.
                   </p>
               </div>
           </article>

           <article class="service-item">
               <div class="number">02</div>
               <div>
                   <h3>അപേക്ഷയുടെ തൽസ്ഥിതി പരിശോധിക്കുക</h3>
                   <p>
                       സമർപ്പിച്ച അപേക്ഷയുടെ നിലവിലെ തൽസ്ഥിതി
                       പോർട്ടൽ വഴി പരിശോധിക്കാം.
                   </p>
               </div>
           </article>

           <article class="service-item">
               <div class="number">03</div>
               <div>
                   <h3>SMS അറിയിപ്പുകൾ ലഭിക്കുക</h3>
                   <p>
                       സേവനത്തിന് ലഭ്യമായ അറിയിപ്പ് സംവിധാനങ്ങൾ
                       അനുസരിച്ച് അപേക്ഷയുടെ പുരോഗതി സംബന്ധിച്ച
                       സന്ദേശങ്ങൾ ലഭിക്കാം.
                   </p>
               </div>
           </article>

           <article class="service-item">
               <div class="number">04</div>
               <div>
                   <h3>ഫ്രണ്ട് ഓഫീസ് സഹായം</h3>
                   <p>
                       ആവശ്യമായ വിവരങ്ങൾക്കും സേവനങ്ങളുമായി
                       ബന്ധപ്പെട്ട സഹായത്തിനുമായി ബന്ധപ്പെട്ട
                       തദ്ദേശ സ്വയംഭരണ സ്ഥാപനത്തിന്റെ
                       ഫ്രണ്ട് ഓഫീസുമായി ബന്ധപ്പെടാം.
                   </p>
               </div>
           </article>

       </div>
   </section>

   <!-- For the People -->

   <section id="people-portal">
       <div class="section-heading">
           <h2>For the People Portal</h2>
           <p>തദ്ദേശ സ്വയംഭരണ സേവനങ്ങളുമായി ബന്ധപ്പെട്ട പരാതികൾ</p>
           <div class="heading-line"></div>
       </div>

       <div class="card">
           <div class="icon orange">📢</div>
           <h3>തദ്ദേശ സ്വയംഭരണ വകുപ്പിന്റെ പരാതി പോർട്ടൽ</h3>
           <p>
               പഞ്ചായത്ത്, മുനിസിപ്പാലിറ്റി, കോർപ്പറേഷൻ തുടങ്ങിയ
               തദ്ദേശ സ്വയംഭരണ സ്ഥാപനങ്ങളിലെ സേവനങ്ങളുമായി
               ബന്ധപ്പെട്ട പരാതികൾക്ക് അനുയോജ്യമായ ഔദ്യോഗിക
               പരാതി സംവിധാനത്തിലൂടെ അപേക്ഷിക്കാം.
           </p>

           <ul class="bullet-list">
               <li>സേവനങ്ങളിലെ കാലതാമസം</li>
               <li>സർട്ടിഫിക്കറ്റ് സംബന്ധമായ പരാതികൾ</li>
               <li>നികുതി സംബന്ധമായ പരാതികൾ</li>
               <li>അഴിമതി സംബന്ധമായ പരാതികൾ</li>
               <li>മറ്റ് തദ്ദേശ സ്ഥാപന സേവനങ്ങളുമായി ബന്ധപ്പെട്ട പരാതികൾ</li>
           </ul>

           <div class="notice">
               <h3>ശ്രദ്ധിക്കുക</h3>
               <p>
                   പരാതി സമർപ്പിക്കുന്നതിന് മുമ്പ് ബന്ധപ്പെട്ട
                   ഔദ്യോഗിക പോർട്ടലിന്റെ വിലാസവും പരാതിയുടെ
                   പരിധിയും പരിശോധിക്കുക.
               </p>
           </div>
       </div>
   </section>

   <!-- File Adalat -->

   <section id="file-adalat">
       <div class="section-heading">
           <h2>ഫയൽ അദാലത്ത് – മൂന്ന് തലങ്ങളിലുള്ള സംവിധാനം</h2>
           <p>തീർപ്പാകാതെ കിടക്കുന്ന ഫയലുകളുമായി ബന്ധപ്പെട്ട പരാതികൾ</p>
           <div class="heading-line"></div>
       </div>

       <div class="steps">

           <article class="step-card">
               <div class="step-number">01</div>
               <h3>ഉപജില്ലാ സമിതി</h3>
               <p>
                   ഉപജില്ലാ സമിതി പരാതികളും തീർപ്പാകാത്ത
                   ഫയലുകളും പരിശോധിക്കുന്നു.
               </p>
               <span class="frequency">
                   10 ദിവസത്തിലൊരിക്കൽ*
               </span>
           </article>

           <article class="step-card">
               <div class="step-number">02</div>
               <h3>ജില്ലാ സമിതി</h3>
               <p>
                   ജോയിന്റ് ഡയറക്ടർ അധ്യക്ഷനായ ജില്ലാ സമിതി
                   ബന്ധപ്പെട്ട പരാതികൾ പരിശോധിക്കുന്നു.
               </p>
               <span class="frequency">
                   15 ദിവസത്തിലൊരിക്കൽ*
               </span>
           </article>

           <article class="step-card">
               <div class="step-number">03</div>
               <h3>സംസ്ഥാന സമിതി</h3>
               <p>
                   പ്രിൻസിപ്പൽ ഡയറക്ടർ അധ്യക്ഷനായ സംസ്ഥാന സമിതി
                   ബന്ധപ്പെട്ട വിഷയങ്ങൾ പരിശോധിക്കുന്നു.
               </p>
               <span class="frequency">
                   30 ദിവസത്തിലൊരിക്കൽ*
               </span>
           </article>

       </div>

       <p style="font-size:12px; color:var(--muted); margin-top:14px;">
           *സമിതി രൂപീകരണം, യോഗങ്ങളുടെ ആവൃത്തി, ചുമതലകൾ എന്നിവ
           നിലവിലുള്ള ഔദ്യോഗിക ഉത്തരവുകൾ പ്രകാരം സ്ഥിരീകരിക്കണം.
       </p>
   </section>

   <!-- Chief Minister Portal -->

   <section id="cm-portal">
       <div class="section-heading">
           <h2>മുഖ്യമന്ത്രിയുടെ പൊതുജന പരാതി പരിഹാര പോർട്ടൽ</h2>
           <div class="heading-line"></div>
       </div>

       <div class="grid-two">

           <article class="card">
               <div class="icon">🏛️</div>
               <span class="tag">സർക്കാർ പരാതി പരിഹാരം</span>
               <h3>മുഖ്യമന്ത്രിയുടെ പരാതി പരിഹാര സംവിധാനം</h3>
               <p>
                   തദ്ദേശ സ്വയംഭരണ വകുപ്പ് ഉൾപ്പെടെ സംസ്ഥാനത്തെ
                   വിവിധ സർക്കാർ വകുപ്പുകളുമായി ബന്ധപ്പെട്ട പരാതികൾ
                   മുഖ്യമന്ത്രിയുടെ പൊതുജന പരാതി പരിഹാര സംവിധാനത്തിലൂടെ
                   സമർപ്പിക്കാം.
               </p>

               <p class="contact-number">
                   ടോൾ ഫ്രീ നമ്പർ: 1076
               </p>

               <p>
                   ബന്ധപ്പെടുന്നതിന് മുമ്പ് നമ്പറിന്റെ നിലവിലെ
                   പ്രവർത്തനവും സേവനസമയവും ഔദ്യോഗികമായി സ്ഥിരീകരിക്കുക.
               </p>
           </article>

           <article class="card">
               <div class="icon green">📱</div>
               <span class="tag">അഴിമതി റിപ്പോർട്ട്</span>
               <h3>WhatsApp വഴി പരാതി റിപ്പോർട്ട് ചെയ്യാം</h3>
               <p>
                   തദ്ദേശ സ്വയംഭരണ സ്ഥാപനങ്ങളിലെ അഴിമതി സംബന്ധിച്ച
                   പരാതികൾ അറിയിക്കുന്നതിനായി നൽകിയിരിക്കുന്ന
                   WhatsApp സംവിധാനം ഉപയോഗിക്കാം.
               </p>

               <p class="contact-number">
                   807 806 6060
               </p>

               <p>
                   ഈ നമ്പറിന്റെ ഔദ്യോഗികതയും നിലവിലെ ഉപയോഗവും
                   പരാതി അയയ്ക്കുന്നതിന് മുമ്പ് സ്ഥിരീകരിക്കുക.
               </p>

               <a class="btn btn-green"
                  href="https://wa.me/918078066060"
                  target="_blank"
                  rel="noopener noreferrer">
                   WhatsApp തുറക്കുക ↗
               </a>
           </article>

       </div>
   </section>

   <!-- Legal systems -->

   <section id="legal">
       <div class="section-heading">
           <h2>പരാതി പരിഹാരത്തിനുള്ള നിയമ സംവിധാനങ്ങൾ</h2>
           <p>ഓംബുഡ്സ്മാനും തദ്ദേശ സ്വയംഭരണ സ്ഥാപനങ്ങൾക്കുള്ള ട്രിബ്യൂണലും</p>
           <div class="heading-line"></div>
       </div>

       <div class="grid-two">

           <article class="contact-card">
               <div class="icon">⚖️</div>
               <h3>തദ്ദേശ സ്വയംഭരണ സ്ഥാപനങ്ങൾക്കുള്ള ഓംബുഡ്സ്മാൻ</h3>

               <p>
                   <span class="contact-label">വിലാസം:</span><br>
                   തദ്ദേശ സ്വയംഭരണ സ്ഥാപനങ്ങൾക്ക് വേണ്ടിയുള്ള ഓംബുഡ്സ്മാൻ,<br>
                   നാലാം നില, സ്വരാജ് ഭവൻ,<br>
                   പാളയം, തിരുവനന്തപുരം - 695034,<br>
                   കേരളം.
               </p>

               <p>
                   <span class="contact-label">ഫോൺ:</span><br>
                   <a href="tel:04712333542">0471-2333542</a><br>
                   <a href="tel:04712330546">0471-2330546</a>
               </p>

               <p>
                   <span class="contact-label">ഇമെയിൽ:</span><br>
                   <a href="mailto:ombudsmanlsgi@gmail.com">
                       ombudsmanlsgi@gmail.com
                   </a>
               </p>
           </article>

           <article class="contact-card">
               <div class="icon green">⚖️</div>
               <h3>തദ്ദേശ സ്വയംഭരണ സ്ഥാപനങ്ങൾക്കുള്ള ട്രിബ്യൂണൽ</h3>

               <p>
                   <span class="contact-label">വിലാസം:</span><br>
                   തദ്ദേശ സ്വയംഭരണ സ്ഥാപനങ്ങൾക്ക് വേണ്ടിയുള്ള ട്രിബ്യൂണൽ,<br>
                   റീഹാബിലിറ്റേഷൻ ബ്ലോക്ക്,<br>
                   മെഡിക്കൽ കോളേജ് പി.ഒ.,<br>
                   തിരുവനന്തപുരം - 695037,<br>
                   കേരളം.
               </p>

               <p>
                   <span class="contact-label">ഫോൺ:</span><br>
                   <a href="tel:04712478394">0471-2478394</a><br>
                   <a href="tel:9447768394">9447768394</a>
               </p>

               <p>
                   <span class="contact-label">ഇമെയിൽ:</span><br>
                   <a href="mailto:Isgitribunal@gmail.com">
                       Isgitribunal@gmail.com
                   </a>
               </p>
           </article>

       </div>

       <div class="notice">
           <h3>പ്രധാന നിർദ്ദേശം</h3>
           <p>
               ഓംബുഡ്സ്മാൻ അല്ലെങ്കിൽ ട്രിബ്യൂണലിനെ സമീപിക്കുന്നതിന്
               മുമ്പ് പരാതിയുടെ സ്വഭാവം, അധികാരപരിധി, നിലവിലെ വിലാസം,
               ഫോൺ നമ്പർ, ഇമെയിൽ വിലാസം, നടപടിക്രമങ്ങൾ എന്നിവ
               ഔദ്യോഗിക സ്രോതസ്സുകളിൽ നിന്ന് സ്ഥിരീകരിക്കുക.
           </p>
       </div>
   </section>

   <!-- Complaint guide -->

   <section id="guide">
       <div class="section-heading">
           <h2>ശരിയായ സംവിധാനം തിരഞ്ഞെടുക്കുക</h2>
           <p>നിങ്ങളുടെ ആവശ്യത്തിന് അനുയോജ്യമായ സംവിധാനം കണ്ടെത്താം.</p>
           <div class="heading-line"></div>
       </div>

       <div class="guide-list">

           <div class="guide-item">
               <span class="arrow">→</span>
               <div>
                   <p>തദ്ദേശ സ്വയംഭരണ സേവനത്തിന് അപേക്ഷ നൽകണം</p>
                   <strong>K-SMART</strong>
               </div>
           </div>

           <div class="guide-item">
               <span class="arrow">→</span>
               <div>
                   <p>അപേക്ഷയുടെ തൽസ്ഥിതി പരിശോധിക്കണം</p>
                   <strong>K-SMART</strong>
               </div>
           </div>

           <div class="guide-item">
               <span class="arrow">→</span>
               <div>
                   <p>സാധാരണ സേവന സംബന്ധമായ പരാതി</p>
                   <strong>For the People Portal</strong>
               </div>
           </div>

           <div class="guide-item">
               <span class="arrow">→</span>
               <div>
                   <p>തീർപ്പാകാതെ കിടക്കുന്ന ഫയൽ</p>
                   <strong>ഫയൽ അദാലത്ത്</strong>
               </div>
           </div>

           <div class="guide-item">
               <span class="arrow">→</span>
               <div>
                   <p>അഴിമതി സംബന്ധമായ പരാതി</p>
                   <strong>WhatsApp – 807 806 6060*</strong>
               </div>
           </div>

           <div class="guide-item">
               <span class="arrow">→</span>
               <div>
                   <p>സർക്കാർ വകുപ്പുമായി ബന്ധപ്പെട്ട പരാതി</p>
                   <strong>മുഖ്യമന്ത്രിയുടെ പരാതി സംവിധാനം</strong>
               </div>
           </div>

       </div>

       <p style="font-size:12px; color:var(--muted); margin-top:12px;">
           *നൽകിയിട്ടുള്ള ബന്ധപ്പെടൽ വിവരങ്ങൾ നിലവിലെ ഔദ്യോഗിക
           വിവരങ്ങളുമായി താരതമ്യം ചെയ്ത് സ്ഥിരീകരിക്കുക.
       </p>
   </section>

   <!-- Final guidance -->

   <section id="important">
       <div class="section-heading">
           <h2>പ്രധാന നിർദ്ദേശങ്ങൾ</h2>
           <div class="heading-line"></div>
       </div>

       <div class="grid-two">

           <article class="card">
               <div class="icon">📱</div>
               <h3>K-SMART സേവനങ്ങൾ</h3>
               <p>
                   അപേക്ഷ സമർപ്പിക്കൽ, അപേക്ഷയുടെ തൽസ്ഥിതി പരിശോധിക്കൽ,
                   ലഭ്യമായ മറ്റ് ഡിജിറ്റൽ സേവനങ്ങൾ എന്നിവയ്ക്കായി
                   K-SMART ഉപയോഗിക്കുക.
               </p>

               <a class="btn"
                  href="https://ksmart.lsgkerala.gov.in/"
                  target="_blank"
                  rel="noopener noreferrer">
                   K-SMART സേവനങ്ങൾ ↗
               </a>
           </article>

           <article class="card">
               <div class="icon green">📢</div>
               <h3>പരാതി പരിഹാരം</h3>
               <p>
                   പരാതിയുടെ സ്വഭാവമനുസരിച്ച് For the People Portal,
                   ഫയൽ അദാലത്ത്, മുഖ്യമന്ത്രിയുടെ പരാതി പരിഹാര സംവിധാനം,
                   അഴിമതി റിപ്പോർട്ടിംഗ് സംവിധാനം തുടങ്ങിയവയിൽ
                   അനുയോജ്യമായത് തിരഞ്ഞെടുക്കുക.
               </p>
           </article>

       </div>

       <div class="notice">
           <h3>പൗരന്മാർ ശ്രദ്ധിക്കേണ്ട കാര്യങ്ങൾ</h3>
           <p>
               പരാതി സമർപ്പിക്കുമ്പോൾ അപേക്ഷാ നമ്പർ, ഫയൽ നമ്പർ,
               ബന്ധപ്പെട്ട രേഖകൾ, തീയതികൾ, മുൻപ് നടത്തിയ
               ആശയവിനിമയങ്ങളുടെ വിവരങ്ങൾ എന്നിവ ലഭ്യമാണെങ്കിൽ
               കൈവശം സൂക്ഷിക്കുക. പരാതി നൽകിയതിന്റെ രസീത് അല്ലെങ്കിൽ
               റഫറൻസ് നമ്പർ സൂക്ഷിക്കുന്നത് തുടർനടപടികൾക്ക് സഹായകരമാണ്.
           </p>
       </div>
   </section>

</main>

<footer>
   <div class="container">
       <h3>പാമ്പാക്കുട ബ്ലോക്ക് പഞ്ചായത്ത്</h3>
       <p>പൗരസേവനം • സുതാര്യത • ഉത്തരവാദിത്തമുള്ള ഭരണം</p>
       <p class="footer-note">
           പരാതി പരിഹാര സംവിധാനങ്ങളും ഡിജിറ്റൽ പൗരസേവനങ്ങളും സംബന്ധിച്ച
           പൊതുവിവരങ്ങൾ. ഔദ്യോഗിക നടപടിക്രമങ്ങളും ബന്ധപ്പെടൽ വിവരങ്ങളും
           ബന്ധപ്പെട്ട സർക്കാർ സംവിധാനങ്ങളിൽ സ്ഥിരീകരിക്കുക.
       </p>
   </div>
</footer>

</body>
</html>