{"id":138,"date":"2021-05-27T09:10:20","date_gmt":"2021-05-27T09:10:20","guid":{"rendered":"http:\/\/ad-astra.bold-themes.com\/quadrus\/?page_id=138"},"modified":"2026-05-22T17:18:36","modified_gmt":"2026-05-22T11:48:36","slug":"home","status":"publish","type":"page","link":"https:\/\/sparrowrms.in\/sparrow-rms\/","title":{"rendered":"Best EHS Consulting Company in India &#038; Globally | Sparrow RMS"},"content":{"rendered":"<section data-bb-version=\"5.7.2\" id=\"bt_bb_section6a10a1585cfaa\"  class=\"bt_bb_section bt_bb_layout_wide bt_bb_vertical_align_top bt_bb_top_spacing_none bt_bb_bottom_spacing_none\"   data-bt-override-class=\"{&quot;bt_bb_top_spacing_&quot;:{&quot;current_class&quot;:&quot;bt_bb_top_spacing_none&quot;,&quot;def&quot;:&quot;none&quot;},&quot;bt_bb_bottom_spacing_&quot;:{&quot;current_class&quot;:&quot;bt_bb_bottom_spacing_none&quot;,&quot;def&quot;:&quot;none&quot;}}\"><span class=\"bt_bb_overlay\"><\/span><div class=\"bt_bb_port\"><div class=\"bt_bb_cell\"><div class=\"bt_bb_cell_inner\"><div class=\"bt_bb_row \"  data-bt-override-class=\"{}\"><div class=\"bt_bb_row_holder\" ><div data-bb-version=\"5.7.2\"  class=\"bt_bb_column col-xl-12 col-xs-12 col-sm-12 col-md-12 col-lg-12 bt_bb_align_left bt_bb_vertical_align_top bt_bb_padding_normal\"  data-width=\"12\" data-bt-override-class=\"{}\"><div class=\"bt_bb_column_content\"><div class=\"bt_bb_column_content_inner\"><div class=\"bt_bb_raw_content\"><script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Crimson+Pro:wght@400;600;700&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n     <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap\" rel=\"stylesheet\">\n\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        brand: {\n                            gold: '#0d4640',\n                            dark: '#0F1B2D',\n                            light: '#F8F9FA',\n                            accent: '#2D5A47'\n                        },\n                         premium: {\n                            gold: '#0d4640',\n                            teal: '#1A3C34',\n                            clay: '#F4F1EE'\n                        }\n                    },\n                    fontFamily: {\n                        serif: ['\"Crimson Pro\"', 'serif'],\n                        sans: ['Inter', 'sans-serif'],\n\n                         sans: ['\"Plus Jakarta Sans\"', 'sans-serif'],\n                        serif: ['\"Playfair Display\"', 'serif'],\n                    }\n                }\n            }\n        }\n    <\/script>\n\n<style>\n\n    * {\n    cursor: url(https:\/\/sparrowrms.in\/assets\/images\/main-green-cursuor-32.png) 0 0, auto !important;\n}\n\nbody{\n    font-family:'Inter',sans-serif;\n    scroll-behavior:smooth;\n}\n\n.serif-text{\n    font-family:'Crimson Pro',serif;\n}\n\n\/* =======================\n   LOGO CAROUSEL\n======================= *\/\n\n@keyframes scroll{\n    0%{transform:translateX(0);}\n    100%{transform:translateX(-50%);}\n}\n\n.logo-track{\n    display:flex;\n    width:calc(250px * 10);\n    animation:scroll 30s linear infinite;\n}\n\n.logo-track:hover{\n    animation-play-state:paused;\n}\n\n\n.service-card img{\n    transition:transform .5s ease;\n}\n\n.service-card:hover img{\n    transform:scale(1.03);\n}\n\n\/* =======================\n   BLINK \/ SHIMMER TEXT\n======================= *\/\n\n#blinkText{\n    display:inline-block;\n    letter-spacing:1px;\n    background:linear-gradient(90deg,#0d4640,#04d18d,#4fd1c5,#0028a9);\n    background-size:300% auto;\n    -webkit-background-clip:text;\n    -webkit-text-fill-color:transparent;\n    animation:shimmer 6s linear infinite,floatText 4s ease-in-out infinite;\n    transition:opacity .5s ease,transform .5s ease,filter .5s ease;\n    text-shadow:0 0 20px rgba(79,209,197,.35),0 0 40px rgba(79,209,197,.15);\n}\n\n.text-change{\n    animation:textSwitch .8s ease;\n}\n\n@keyframes shimmer{\n    0%{background-position:0% center;}\n    100%{background-position:300% center;}\n}\n\n@keyframes floatText{\n    0%,100%{transform:translateY(0);}\n    50%{transform:translateY(-6px);}\n}\n\n@keyframes textSwitch{\n    0%{opacity:0;transform:translateY(20px) scale(.95);filter:blur(8px);}\n    100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0);}\n}\n\n\/* =======================\n   HERO SECTION BASE\n======================= *\/\n\n.hero-section{\n    position:relative;\n    overflow:hidden;\n    \/* padding:140px 24px 100px; *\/\n    \/* background:linear-gradient(to bottom,#0d4640 0%,rgba(13, 70, 64, 0) 100%); *\/\n        background: linear-gradient(to bottom, #0d4640ac 0%, rgba(13, 70, 64, 0) 100%);\n}\n\n\/* =======================\n   HERO LINES BACKGROUND\n======================= *\/\n\n.hero-lines{\n    position:absolute;\n    inset:0;\n    overflow:hidden;\n    pointer-events:none;\n    z-index:0;\n    opacity:.5;\n}\n\n.hero-lines svg{\n    width:100%;\n    height:100%;\n    transform:scaleX(-1);\n    transform-origin:center;\n}\n\n.hero-lines path{\n    fill:none;\n    stroke:#0d4640;\n    stroke-width:1.5;\n    stroke-linecap:round;\n    stroke-dasharray:6000;\n    stroke-dashoffset:6000;\n    animation:drawLines 7s cubic-bezier(.22,.61,.36,1) forwards;\n}\n\n\/* =======================\n   HERO CONTENT\n======================= *\/\n\n.hero-content{\n    position:relative;\n    z-index:5;\n    max-width:1280px;\n    margin:auto;\n}\n\n\/* =======================\n   DRAW ANIMATION\n======================= *\/\n\n@keyframes drawLines{\n    from{stroke-dashoffset:6000;}\n    to{stroke-dashoffset:0;}\n}\n\n\n<\/style>\n\n<div class=\"bg-white text-slate-900 overflow-x-hidden\">\n\n\n\n<section class=\"hero-section pt-40 pb-20\">\n\n    <!-- SVG BACKGROUND -->\n<!-- =========================================\n     SVG BACKGROUND LINES\n========================================= -->\n\n<div class=\"hero-lines\">\n\n    <svg\n        viewBox=\"0 0 3200 1800\"\n        preserveAspectRatio=\"xMidYMid slice\"\n        aria-hidden=\"true\" >\n\n        <!-- ALL LINES -->\n        <g class=\"line-group\">\n\n            <path d=\"M2711.024072 4650.457828L320.59513-2973.984674\"><\/path>\n            <path d=\"M2748.132343 4571.48127L304.48686-2893.008113\"><\/path>\n            <path d=\"M2784.731884 4493.004786L287.887317-2810.531629\"><\/path>\n            <path d=\"M2822.340082 4413.5195L271.279124-2730.046348\"><\/path>\n            <path d=\"M2859.939625 4335.043018L255.679581-2647.569866\"><\/path>\n            <path d=\"M2897.047886 4256.066459L239.571312-2566.593305\"><\/path>\n            <path d=\"M2934.147355 4177.08125L222.471845-2484.608092\"><\/path>\n            <path d=\"M2971.755545 4098.595965L205.863652-2403.122808\"><\/path>\n            <path d=\"M3010.35509 4020.119481L191.26411-2320.646329\"><\/path>\n            <path d=\"M3047.96329 3940.634196L174.655915-2240.161038\"><\/path>\n            <path d=\"M3085.562832 3862.157713L159.056373-2157.684557\"><\/path>\n            <path d=\"M3122.6711 3782.181154L142.948105-2077.707998\"><\/path>\n            <path d=\"M3159.770561 3704.195942L125.848637-1994.722792\"><\/path>\n            <path d=\"M3196.87883 3624.219383L109.740369-1914.746233\"><\/path>\n            <path d=\"M3235.978303 3545.234173L94.6409-1832.761025\"><\/path>\n            <path d=\"M3273.586494 3466.748886L78.032709-1751.275741\"><\/path>\n            <path d=\"M3310.186032 3387.272411L61.433165-1669.799249\"><\/path>\n            <path d=\"M3347.294305 3309.295846L45.324896-1587.822696\"><\/path>\n            <path d=\"M3385.393774 3229.310637L29.225429-1506.837487\"><\/path>\n            <path d=\"M3422.502037 3151.334082L13.11716-1424.860924\"><\/path>\n            <path d=\"M3459.101588 3072.8576L-3.482382-1342.38444\"><\/path>\n            <path d=\"M3496.209856 2992.88104L-19.590652-1262.407882\"><\/path>\n            <path d=\"M3535.80924 2914.3871L-35.190043-1179.91395\"><\/path>\n            <path d=\"M3572.917512 2836.410546L-51.29831-1097.937387\"><\/path>\n            <path d=\"M3610.52571 2756.925256L-67.906503-1017.452106\"><\/path>\n            <path d=\"M3647.125251 2678.448774L-84.506047-934.975622\"><\/path>\n            <path d=\"M3684.72479 2597.972294L-100.10559-854.499136\"><\/path>\n            <path d=\"M3721.833063 2519.99573L-116.21386-772.522583\"><\/path>\n            <path d=\"M3758.932529 2440.010522L-133.313327-691.53737\"><\/path>\n            <path d=\"M3796.54072 2361.525235L-149.92152-610.052087\"><\/path>\n            <path d=\"M3835.148913 2283.039956L-165.529713-528.566796\"><\/path>\n            <path d=\"M3872.748454 2203.563469L-181.129256-447.090317\"><\/path>\n            <path d=\"M3910.347997 2125.086984L-196.7288-364.613836\"><\/path>\n            <path d=\"M3946.456268 2047.110431L-213.837068-282.63727\"><\/path>\n            <path d=\"M3984.555736 1967.125222L-229.936534-201.652062\"><\/path>\n            <path d=\"M4021.66401 1889.148657L-246.044804-119.675508\"><\/path>\n            <path d=\"M4060.77212 1810.154645L-262.15292-38.681497\"><\/path>\n            <path d=\"M4098.37166 1730.678168L-277.752462 42.794992\"><\/path>\n            <path d=\"M4134.971209 1651.201683L-294.352006 124.271473\"><\/path>\n            <path d=\"M4172.07948 1572.225126L-310.460275 205.248034\"><\/path>\n\n        <\/g>\n\n    <\/svg>\n\n<\/div>\n\n\n    <!-- CONTENT -->\n    <div class=\"hero-content px-4\">\n\n        <h1 class=\"serif-text text-5xl md:text-7xl font-semibold leading-tight text-slate-900 mb-6\">\n            EHS | Technology | Engineering <br>\n            Sustainability\n        <\/h1>\n\n        <p class=\"text-lg text-slate-900 mb-8 max-w-3xl\">\n            600+ Clients Across the Globe, The fastest-growing in India, By India for the World\n            <br>\n            <span id=\"blinkText\" style=\"font-size:20px;\"><\/span>\n        <\/p>\n\n        <a href=\"https:\/\/sparrowrms.in\/sparrow-rms\/contact\/\"\n           class=\"inline-flex items-center text-sm font-bold border-b-2 border-brand-gold pb-1 hover:text-brand-gold transition\">\n\n            <button class=\"bg-brand-gold text-white px-8 py-3 rounded-md font-medium hover:bg-opacity-90 transition shadow-lg shadow-brand-gold\/20\">\n                Contact Us\n            <\/button>\n\n        <\/a>\n\n    <\/div>\n\n<\/section>\n\n\n\n    <!-- Hero Section -->\n    <section class=\"pb-20 px-6\">\n        <div class=\"max-w-7xl mx-auto\">\n            <!-- Hero Image Carousel -->\n            <div class=\"rounded-3xl overflow-hidden shadow-2xl relative group\">\n                <div class=\"relative h-[400px] md:h-[500px] bg-slate-100\">\n                    <!-- Carousel Images -->\n                    <div id=\"carousel-container\" class=\"relative w-full h-full\">\n                        <div class=\"carousel-slide absolute inset-0 transition-opacity duration-700 opacity-100\">\n                            <img decoding=\"async\" src=\"https:\/\/sparrowrms.in\/sparrow-rms\/wp-content\/uploads\/2025\/12\/Navigating-NFPA-660-What-the-New-Unified-Combustible-Dust-Standard-Means-for-Your-Facility.webp\" alt=\"Factory\" class=\"w-full h-full object-cover\">\n                        <\/div>\n                        <div class=\"carousel-slide absolute inset-0 transition-opacity duration-700 opacity-0\">\n                            <img decoding=\"async\" src=\"https:\/\/sparrowrms.in\/sparrow-rms\/wp-content\/uploads\/2024\/12\/Sparrow-Rms-World-Class-Manufacturing-Excellence-Risk-Management-Manufacturing-Digitalization-Operational-Excellence-EHS-And-Sustainability-Solutions_n.webp\" alt=\"Technology\" class=\"w-full h-full object-cover\">\n                        <\/div>\n                        <div class=\"carousel-slide absolute inset-0 transition-opacity duration-700 opacity-0\">\n                            <img decoding=\"async\" src=\"https:\/\/sparrowrms.in\/sparrow-rms\/wp-content\/uploads\/2026\/05\/sparrow-best-ehs-company-in-india.webp\" alt=\"Sustainability\" class=\"w-full h-full object-cover\">\n                        <\/div>\n                    <\/div>\n\n                    <!-- Navigation Arrows -->\n                    <button id=\"prev-slide\" class=\"absolute left-4 top-1\/2 -translate-y-1\/2 z-20 bg-white\/70 hover:bg-white\/90 backdrop-blur rounded-full p-3 opacity-0 group-hover:opacity-100 transition-all duration-300 shadow-lg\">\n                        <svg class=\"w-6 h-6 text-slate-700\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path>\n                        <\/svg>\n                    <\/button>\n                    <button id=\"next-slide\" class=\"absolute right-4 top-1\/2 -translate-y-1\/2 z-20 bg-white\/70 hover:bg-white\/90 backdrop-blur rounded-full p-3 opacity-0 group-hover:opacity-100 transition-all duration-300 shadow-lg\">\n                        <svg class=\"w-6 h-6 text-slate-700\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"><\/path>\n                        <\/svg>\n                    <\/button>\n\n                    <!-- Dots Indicator -->\n                    <div class=\"absolute bottom-4 left-1\/2 -translate-x-1\/2 z-20 flex space-x-2\">\n                        <button class=\"carousel-dot w-3 h-3 rounded-full bg-white\/90 shadow-md transition-all duration-300\" data-slide=\"0\"><\/button>\n                        <button class=\"carousel-dot w-3 h-3 rounded-full bg-white\/40 shadow-md transition-all duration-300\" data-slide=\"1\"><\/button>\n                        <button class=\"carousel-dot w-3 h-3 rounded-full bg-white\/40 shadow-md transition-all duration-300\" data-slide=\"2\"><\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n        <style>\n            .foursections {\n  background: linear-gradient(\n    120deg,\n    #f9fbff 0%,\n    #eef5ff 30%,\n    #f6fffd 60%,\n    #ffffff 100%\n  );\n\n  border-radius: 28px;\n  box-shadow:\n    0 12px 45px rgba(15, 35, 70, 0.07),\n    inset 0 1px 0 rgba(255, 255, 255, 0.8);\n}\n        <\/style>\n    <!-- Services Grid -->\n    <section class=\"py-20 px-6 bg-white foursections\">\n        <div class=\"max-w-7xl mx-auto\">\n            <div class=\"mb-16\">\n                <span class=\"text-brand-gold font-medium text-sm uppercase tracking-widest mb-4 block\">Knowledge & Services<\/span>\n                <h2 class=\"serif-text text-4xl md:text-5xl font-semibold max-w-2xl leading-snug\">\n                      EHS Excellence: Consulting, Technology and Sustainability\n                <\/h2>\n                <p class=\"text-gray-500 mt-6 max-w italic\">\n                   <strong>Pioneering the future of EHS:<\/strong> We're not just risk management consultants, we're innovators. We leverage cutting-edge DeepTech, engineering ingenuity, and expert consulting to deliver state-of-the-art solutions across the entire EHS spectrum.\n                  \n                      <button id=\"readMoreBtn\" class=\"inline-flex items-center text-sm font-bold border-b-2 border-brand-gold pb-1 hover:text-brand-gold transition\">\n                             Read More <span class=\"ml-2\">\u2192<\/span>\n                          <\/button>\n                          \n                   <!-- <span id=\"hiddenContent\" class=\"hidden block mt-3\"> -->\n                   <span id=\"hiddenContent\" class=\"hidden block mt-3\">\n                       We innovate EHS with DeepTech, engineering, and expert consulting, not just as risk management consultants. Our cutting-edge solutions span the entire EHS spectrum, redefining industry standards\n                       <br><br>\n                       <strong>Sustainability- Resilience woven into every thread:<\/strong> It isn't just an add-on, it's the foundation of our approach. Our expertise in Consulting, Engineering, and DeepTech is seamlessly intertwined, creating a robust tapestry of resilience for your business and the planet.\n                       <br><br>\n                      <strong>Transforming the EHS landscape:<\/strong> We're not just changing the game in India, we're rewriting the rules. Our groundbreaking solutions are leaving a lasting impact across 16 countries, and the ripple effect is just beginning.\n                   <\/span>\n                <\/p>\n            <\/div>\n\n   \n  <div class=\"space-y-12 \">\n\n    <!-- Consulting -->\n    <div class=\"service-card grid md:grid-cols-2 gap-12 items-center\">\n        <div>\n            <h3 class=\"serif-text text-3xl font-semibold mb-4\">Industrial Risk Consulting.<\/h3>\n            <p class=\"text-gray-600 mb-6 leading-relaxed\">\n                Consulting:\n                We were the first to bring EHS & Engineering Integration. We brought the Depth, from Audits to Science, Engineering & Solutions.\n            <\/p>\n            <a href=\"#services_section\" class=\"inline-flex items-center text-sm font-bold border-b-2 border-brand-gold pb-1 hover:text-brand-gold transition\">\n                Learn More <span class=\"ml-2\">\u2192<\/span>\n            <\/a>\n        <\/div>\n\n        <div class=\"p-8 flex justify-center items-center h-80\">\n            <img decoding=\"async\"\n                src=\"https:\/\/sparrowrms.in\/sparrow-rms\/wp-content\/uploads\/2026\/05\/sparrow-best-consulting-company-in-india-scaled.webp\"\n                alt=\"best-consulting-company-in-india\"\n                class=\"w-full h-full object-cover rounded-2xl shadow-xl overflow-hidden transform transition-all duration-300 hover:scale-105\"\n            >\n        <\/div>\n    <\/div>\n\n    <!-- Technology -->\n    <div class=\"service-card grid md:grid-cols-2 gap-12 items-center\">\n        <div class=\"md:order-2\">\n            <h3 class=\"serif-text text-3xl font-semibold mb-4\">Technology<\/h3>\n            <p class=\"text-gray-600 mb-6 leading-relaxed\">\n                Digital tools optimize EHS data processes, fostering efficiency, informed decision-making, & safety in operations. Revolutionizing EHS\n            <\/p>\n            <a href=\"https:\/\/infinity.sparrowrms.in\/\" target=\"_blank\" class=\"inline-flex items-center text-sm font-bold border-b-2 border-brand-gold pb-1 hover:text-brand-gold transition\">\n                Learn More <span class=\"ml-2\">\u2192<\/span>\n            <\/a>\n        <\/div>\n\n        <div class=\"p-8 flex justify-center items-center h-80\">\n            <div class=\"w-full h-full rounded-2xl shadow-xl overflow-hidden transform transition-all duration-300 hover:scale-105\">\n                <img decoding=\"async\"\n                    src=\"https:\/\/sparrowrms.in\/sparrow-rms\/wp-content\/uploads\/2026\/05\/top-ehs-software-company-in-india-and-teachnology-scaled.webp\"\n                    alt=\"top-ehs-software-company-in-india-and-teachnology\"\n                    class=\"w-full h-full object-cover\"\n                >\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Engineering -->\n    <div class=\"service-card grid md:grid-cols-2 gap-12 items-center\">\n        <div>\n            <h3 class=\"serif-text text-3xl font-semibold mb-4\">Engineering<\/h3>\n            <p class=\"text-gray-600 mb-6 leading-relaxed\">\n                Our engineering expertise revolves around brown field and green field deliveries and also acts as an exclusive partner to our risk management solutions along with\n            <\/p>\n            <a href=\"https:\/\/sparrowrms.in\/sparrow-rms\/engineering-services\/\" class=\"inline-flex items-center text-sm font-bold border-b-2 border-brand-gold pb-1 hover:text-brand-gold transition\">\n                Learn More <span class=\"ml-2\">\u2192<\/span>\n            <\/a>\n        <\/div>\n\n        <div class=\"p-8 flex justify-center items-center h-80\">\n            <img decoding=\"async\"\n                src=\"https:\/\/sparrowrms.in\/sparrow-rms\/wp-content\/uploads\/2026\/05\/sparrow-top-engineering-company-in-india-scaled.webp\"\n                alt=\"top-engineering-company-in-india\"\n                class=\"w-full h-full object-cover rounded-2xl shadow-xl overflow-hidden transform transition-all duration-300 hover:scale-105\"\n            >\n        <\/div>\n    <\/div>\n\n    <!-- Sustainability -->\n    <div class=\"service-card grid md:grid-cols-2 gap-12 items-center\">\n        <div class=\"md:order-2\">\n            <h3 class=\"serif-text text-3xl font-semibold mb-4\">Sustainability<\/h3>\n            <p class=\"text-gray-600 mb-6 leading-relaxed\">\n                We offer world class services and technology in ESG strategy and sustainability to help businesses align with global sustainability standards.\n            <\/p>\n            <a href=\"https:\/\/sparrowrms.in\/sparrow-rms\/sustainability\/\" class=\"inline-flex items-center text-sm font-bold border-b-2 border-brand-gold pb-1 hover:text-brand-gold transition\">\n                Learn More <span class=\"ml-2\">\u2192<\/span>\n            <\/a>\n        <\/div>\n\n        <div class=\"p-8 flex justify-center items-center h-80\">\n            <img decoding=\"async\"\n                src=\"https:\/\/sparrowrms.in\/sparrow-rms\/wp-content\/uploads\/2026\/05\/best-sustainability-esg-software-in-ndia-scaled.webp\"\n                alt=\"best-sustainability-esg-software-in-india\"\n                class=\"w-full h-full object-cover rounded-2xl shadow-xl overflow-hidden transform transition-all duration-300 hover:scale-105\"\n            >\n        <\/div>\n    <\/div>\n\n<\/div>\n        <\/div>\n    <\/section>\n\n\n\n\n\n\n    <style>\n        .glass-card {\n            background: rgba(255, 255, 255, 0.7);\n            backdrop-filter: blur(12px);\n            border: 1px solid rgba(255, 255, 255, 0.4);\n            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n        }\n        .glass-card:hover {\n            transform: translateY(-8px);\n            background: rgba(255, 255, 255, 0.95);\n            border-color: #1A3C34;\n            box-shadow: 0 25px 50px -12px rgba(26, 60, 52, 0.15);\n        }\n        .icon-box {\n            transition: all 0.5s ease;\n        }\n        .glass-card:hover .icon-box {\n            background-color: #1A3C34;\n            color: white;\n            transform: scale(1.1) rotate(5deg);\n        }\n        .reveal-btn {\n            overflow: hidden;\n            position: relative;\n            padding-bottom: 10px;\n        }\n        .reveal-btn::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 0%;\n            height: 2px;\n            background-color: #1A3C34;\n            transition: width 0.4s ease;\n        }\n        .glass-card:hover .reveal-btn::after {\n            width: 100%;\n        }\n        .bg-pattern {\n            background-image: radial-gradient(#C5A059 0.5px, transparent 0.5px);\n            background-size: 24px 24px;\n            opacity: 0.1;\n        }\n    <\/style>\n\n<div class=\"bg-[#F9FBFB] font-sans antialiased overflow-x-hidden\" id=\"services_section\">\n\n    <!-- Standalone Services Section -->\n    <section class=\"relative py-24 lg:py-32 px-6\">\n        <!-- Abstract Background Elements -->\n        <div class=\"absolute inset-0 bg-pattern pointer-events-none\"><\/div>\n        <div class=\"absolute top-0 left-1\/4 w-[500px] h-[500px] bg-premium-gold\/5 rounded-full blur-[120px] -z-10\"><\/div>\n        <div class=\"absolute bottom-0 right-1\/4 w-[600px] h-[600px] bg-premium-teal\/5 rounded-full blur-[150px] -z-10\"><\/div>\n\n        <div class=\"max-w-7xl mx-auto relative\">\n            \n            <!-- Section Header -->\n            <div class=\"max-w-7xl mb-20\">\n                <!-- <div class=\"flex items-center space-x-3 mb-4\">\n                    <div class=\"w-12 h-[1px] bg-premium-gold\"><\/div>\n                    <span class=\"text-premium-gold font-bold text-xs uppercase tracking-[0.3em]\">Our Ecosystem<\/span>\n                <\/div> -->\n                <h2 class=\"font-serif text-5xl md:text-6xl text-premium-teal leading-tight mb-8\">\n                    Services\n                <\/h2>\n                <p class=\"text-slate-600 text-md leading-relaxed max-w-4xl\">\n                   Sparrow RMS: Elevating Excellence in EHS Consulting \u2014 Your Trusted Partner for Comprehensive Environmental, Health, and Safety Solutions!\n\n                <\/p>\n            <\/div>\n\n            <!-- Services Grid -->\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                \n                <!-- 01 Fire Safety -->\n                <div class=\"glass-card p-10 rounded-[32px] flex flex-col justify-between group\">\n                    <div>\n                        <div class=\"icon-box w-16 h-16 rounded-2xl bg-orange-50 text-orange-600 flex items-center justify-center mb-8\">\n                            <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M17.657 18.657A8 8 0 016.343 7.343S7 9 9 10c0-2 .5-5 2.986-7C14 5 16.09 5.777 17.656 7.343A7.99 7.99 0 0120 13a7.98 7.98 0 01-2.343 5.657z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9.879 16.121A3 3 0 1012.015 11L11 14l.879 2.121z\"><\/path><\/svg>\n                        <\/div>\n                        <h3 class=\"text-2xl font-bold text-premium-teal mb-4\">Fire Safety<\/h3>\n                        <p class=\"text-slate-500 text-sm leading-relaxed mb-8\">\n                           Fire safety encompasses measures and protocols to prevent, respond to, and mitigate fire-related hazards for personnel and property protection.\n                        <\/p>\n                    <\/div>\n                    <a href=\"https:\/\/sparrowrms.in\/sparrow-rms\/fire-safety\/\"> \n                    <button class=\"reveal-btn text-xs font-bold uppercase tracking-widest text-premium-teal flex items-center group-hover:text-premium-gold transition-colors\">\n                        Read More <svg class=\"w-4 h-4 ml-2 transform group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\n                    <\/button>\n                    <\/a>\n                <\/div>\n\n                <!-- 02 Electrical Safety -->\n                <div class=\"glass-card p-10 rounded-[32px] flex flex-col justify-between group\">\n                    <div>\n                        <div class=\"icon-box w-16 h-16 rounded-2xl bg-blue-50 text-blue-600 flex items-center justify-center mb-8\">\n                            <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\n                        <\/div>\n                        <h3 class=\"text-2xl font-bold text-premium-teal mb-4\">Electrical Safety<\/h3>\n                        <p class=\"text-slate-500 text-sm leading-relaxed mb-8\">\n                           Electrical safety prioritizes safeguarding against electrical hazards, reducing risks, and ensuring the safe use of electrical systems.\n                        <\/p>\n                    <\/div>\n                    <a href=\"https:\/\/sparrowrms.in\/sparrow-rms\/electrical-safety\/\"> \n                    <button class=\"reveal-btn text-xs font-bold uppercase tracking-widest text-premium-teal flex items-center group-hover:text-premium-gold transition-colors\">\n                        Read More <svg class=\"w-4 h-4 ml-2 transform group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\n                    <\/button>\n                    <\/a>\n                <\/div>\n\n                <!-- 03 Process Safety -->\n                <div class=\"glass-card p-10 rounded-[32px] flex flex-col justify-between group\">\n                    <div>\n                        <div class=\"icon-box w-16 h-16 rounded-2xl bg-purple-50 text-purple-600 flex items-center justify-center mb-8\">\n                           <!-- Process Safety Icon -->\n<svg \n  class=\"w-8 h-8\" \n  fill=\"none\" \n  stroke=\"currentColor\" \n  viewBox=\"0 0 24 24\"\n>\n  <!-- Shield -->\n  <path \n    stroke-linecap=\"round\" \n    stroke-linejoin=\"round\" \n    stroke-width=\"1.5\"\n    d=\"M12 3l7 3v5c0 5-3.5 8-7 10-3.5-2-7-5-7-10V6l7-3z\"\n  \/>\n\n  <!-- Gear \/ process -->\n  <circle \n    cx=\"12\" \n    cy=\"11\" \n    r=\"2.2\" \n    stroke-width=\"1.5\"\n  \/>\n\n  <path \n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    stroke-width=\"1.5\"\n    d=\"M12 7.5v1M12 13.5v1M8.5 11h1M14.5 11h1M9.7 8.7l.7.7M13.6 12.6l.7.7M14.3 8.7l-.7.7M10.4 12.6l-.7.7\"\n  \/>\n\n  <!-- Safety check -->\n  <path \n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    stroke-width=\"1.5\"\n    d=\"M9.5 17l1.5 1.5 3.5-3.5\"\n  \/>\n<\/svg>\n                        <\/div>\n                        <h3 class=\"text-2xl font-bold text-premium-teal mb-4\">Process Safety<\/h3>\n                        <p class=\"text-slate-500 text-sm leading-relaxed mb-8\">\n                           Process safety focuses on minimizing risks within industrial processes, preventing accidents, and ensuring the safety of personnel and assets.\n                        <\/p>\n                    <\/div>\n                    <a href=\"https:\/\/sparrowrms.in\/sparrow-rms\/process-safety\/\">\n                    <button class=\"reveal-btn text-xs font-bold uppercase tracking-widest text-premium-teal flex items-center group-hover:text-premium-gold transition-colors\">\n                        Read More <svg class=\"w-4 h-4 ml-2 transform group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\n                    <\/button>\n                    <\/a>\n                <\/div>\n\n                <!-- 04 Sustainability -->\n                <div class=\"glass-card p-10 rounded-[32px] flex flex-col justify-between group\">\n                    <div>\n                        <div class=\"icon-box w-16 h-16 rounded-2xl bg-green-50 text-green-600 flex items-center justify-center mb-8\">\n                            <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\n                        <\/div>\n                        <h3 class=\"text-2xl font-bold text-premium-teal mb-4\">Sustainability<\/h3>\n                        <p class=\"text-slate-500 text-sm leading-relaxed mb-8\">\n                           Providing top-notch sustainability services for a greener world, ensuring environmental and social responsibility excellence.\n                        <\/p>\n                    <\/div>\n                    <a href=\"https:\/\/sparrowrms.in\/sparrow-rms\/sustainability\/\">\n                    <button class=\"reveal-btn text-xs font-bold uppercase tracking-widest text-premium-teal flex items-center group-hover:text-premium-gold transition-colors\">\n                        Read More <svg class=\"w-4 h-4 ml-2 transform group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\n                    <\/button>\n                    <\/a>\n                <\/div>\n\n                <!-- 05 Engineering Services -->\n                <div class=\"glass-card p-10 rounded-[32px] flex flex-col justify-between group\">\n                    <div>\n                        <div class=\"icon-box w-16 h-16 rounded-2xl bg-slate-50 text-slate-700 flex items-center justify-center mb-8\">\n                            <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M11 4a2 2 0 114 0v1a1 1 0 001 1h3a1 1 0 011 1v3a1 1 0 01-1 1h-1a2 2 0 100 4h1a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-1a2 2 0 10-4 0v1a1 1 0 01-1 1H7a1 1 0 01-1-1v-3a1 1 0 00-1-1H4a2 2 0 110-4h1a1 1 0 001-1V7a1 1 0 011-1h3a1 1 0 001-1V4z\"><\/path><\/svg>\n                        <\/div>\n                        <h3 class=\"text-2xl font-bold text-premium-teal mb-4\">Engineering Services<\/h3>\n                        <p class=\"text-slate-500 text-sm leading-relaxed mb-8\">\n                           Engineering services encompass comprehensive solutions for design, analysis, and project management to deliver efficient & innovative solutions.\n                        <\/p>\n                    <\/div>\n                    <a href=\"https:\/\/sparrowrms.in\/sparrow-rms\/engineering-services\/\">\n                    <button class=\"reveal-btn text-xs font-bold uppercase tracking-widest text-premium-teal flex items-center group-hover:text-premium-gold transition-colors\">\n                        Read More <svg class=\"w-4 h-4 ml-2 transform group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\n                    <\/button>\n                    <\/a>\n                <\/div>\n\n                <!-- 06 General Safety -->\n                <div class=\"glass-card p-10 rounded-[32px] flex flex-col justify-between group\">\n                    <div>\n                        <div class=\"icon-box w-16 h-16 rounded-2xl bg-indigo-50 text-indigo-600 flex items-center justify-center mb-8\">\n                            <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 12l2 2 4-4m5.618-4.016A3.323 3.323 0 0010.601 2.22a3.323 3.323 0 00-4.617 4.617 3.323 3.323 0 00-4.016 5.618 3.323 3.323 0 004.617 4.617 3.323 3.323 0 005.618 4.016 3.323 3.323 0 004.617-4.617 3.323 3.323 0 004.016-5.618 3.323 3.323 0 00-4.617-4.617z\"><\/path><\/svg>\n                        <\/div>\n                        <h3 class=\"text-2xl font-bold text-premium-teal mb-4\">General Safety<\/h3>\n                        <p class=\"text-slate-500 text-sm leading-relaxed mb-8\">\n                           General safety promotes a holistic approach to workplace safety, covering diverse aspects for overall well-being and hazard mitigation.\n                    <\/div>\n                     <a href=\"https:\/\/sparrowrms.in\/sparrow-rms\/general-safety\/\">      \n                    <button class=\"reveal-btn text-xs font-bold uppercase tracking-widest text-premium-teal flex items-center group-hover:text-premium-gold transition-colors\">\n                        Read More <svg class=\"w-4 h-4 ml-2 transform group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\n                    <\/button>\n                    <\/a>\n                <\/div>\n\n                <!-- 07 Construction Safety -->\n                <div class=\"glass-card p-10 rounded-[32px] flex flex-col justify-between group\">\n                    <div>\n                        <div class=\"icon-box w-16 h-16 rounded-2xl bg-yellow-50 text-yellow-700 flex items-center justify-center mb-8\">\n                            <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"><\/path><\/svg>\n                        <\/div>\n                        <h3 class=\"text-2xl font-bold text-premium-teal mb-4\">Construction Safety<\/h3>\n                        <p class=\"text-slate-500 text-sm leading-relaxed mb-8\">\n                           Construction safety involves rigorous practices, protocols, and training to protect workers and the public on construction sites.\n                        <\/p>\n                    <\/div>\n                        <a href=\"https:\/\/sparrowrms.in\/sparrow-rms\/construction-safety\/\">\n                    <button class=\"reveal-btn text-xs font-bold uppercase tracking-widest text-premium-teal flex items-center group-hover:text-premium-gold transition-colors\">\n                        Read More <svg class=\"w-4 h-4 ml-2 transform group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\n                    <\/button>\n                    <\/a>\n                <\/div>\n\n                <!-- 08 Energy & Power -->\n                <div class=\"glass-card p-10 rounded-[32px] flex flex-col justify-between group\">\n                    <div>\n                        <div class=\"icon-box w-16 h-16 rounded-2xl bg-cyan-50 text-cyan-600 flex items-center justify-center mb-8\">\n                            <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9\"><\/path><\/svg>\n                        <\/div>\n                        <h3 class=\"text-2xl font-bold text-premium-teal mb-4\">Energy & Power<\/h3>\n                        <p class=\"text-slate-500 text-sm leading-relaxed mb-8\">\n                           Energy & power quality encompasses the management of electrical systems to ensure reliability, efficiency, and optimal power distribution.\n                        <\/p>\n                    <\/div>\n                        <a href=\"https:\/\/sparrowrms.in\/sparrow-rms\/energy-power-quality\/\"> \n                    <button class=\"reveal-btn text-xs font-bold uppercase tracking-widest text-premium-teal flex items-center group-hover:text-premium-gold transition-colors\">\n                        Read More <svg class=\"w-4 h-4 ml-2 transform group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\n                    <\/button>\n                    <\/a>\n                <\/div>\n\n                <!-- 09 Training & E-Learning -->\n                <div class=\"glass-card p-10 rounded-[32px] flex flex-col justify-between group\">\n                    <div>\n                        <div class=\"icon-box w-16 h-16 rounded-2xl bg-pink-50 text-pink-600 flex items-center justify-center mb-8\">\n                            <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253\"><\/path><\/svg>\n                        <\/div>\n                        <h3 class=\"text-2xl font-bold text-premium-teal mb-4\">Training & E-Learning<\/h3>\n                        <p class=\"text-slate-500 text-sm leading-relaxed mb-8\">\n                           Training & E-Learning platforms offer accessible, interactive, and effective methods to enhance knowledge and skills across various industries.\n                        <\/p>\n                    <\/div>\n                        <a href=\"https:\/\/sparrowrms.in\/sparrow-rms\/training\/\">\n                    <button class=\"reveal-btn text-xs font-bold uppercase tracking-widest text-premium-teal flex items-center group-hover:text-premium-gold transition-colors\">\n                        Read More <svg class=\"w-4 h-4 ml-2 transform group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\n                    <\/button>\n                    <\/a>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n    <\/div>\n\n\n\n\n\n\n\n\n    <style>\n        .dna-bg {\n            background: radial-gradient(circle at top right, rgba(13, 70, 64, 0.05) 0%, transparent 40%),\n                        radial-gradient(circle at bottom left, rgba(45, 90, 71, 0.05) 0%, transparent 40%);\n            background-color: #F8F9FA;\n        }\n\n        .step-node {\n            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n        }\n\n        .step-card {\n            background: rgba(255, 255, 255, 0.7);\n            backdrop-filter: blur(10px);\n            border: 1px solid rgba(13, 70, 64, 0.1);\n            transition: all 0.4s ease;\n        }\n\n        .step-card:hover {\n            background: #ffffff;\n            border-color: #0d4640;\n            transform: translateX(10px);\n            box-shadow: 0 20px 40px -15px rgba(13, 70, 64, 0.1);\n        }\n\n        .vertical-line {\n            background: linear-gradient(to bottom, transparent, #c1dddb 10%, #0d4640 90%, transparent);\n            width: 2px;\n        }\n\/* \n        .active-step .step-circle {\n            background-color: #0d4640;\n            box-shadow: 0 0 15px rgba(13, 70, 64, 0.5);\n            transform: scale(1.2);\n        } *\/\n\n        .floating-dna-svg {\n            position: absolute;\n            opacity: 0.04;\n            pointer-events: none;\n        }\n\n        @keyframes dna-float {\n            0%, 100% { transform: translateY(0) rotate(0deg); }\n            50% { transform: translateY(-20px) rotate(2deg); }\n        }\n\n        .animate-dna {\n            animation: dna-float 8s ease-in-out infinite;\n        }\n    <\/style>\n\n<div class=\"dna-bg font-sans antialiased overflow-x-hidden\">\n\n    <style>\n        .sparrowdna {\n\n            \/* background-image: url(\"https:\/\/sparrowrms.in\/sparrow-rms\/wp-content\/uploads\/2023\/11\/cc.webp\"); *\/\n            background-image: url(\"https:\/\/sparrowrms.in\/sparrow-rms\/wp-content\/uploads\/2026\/05\/sparrows-dna.webp\");\n            \/* background-attachment: fixed; *\/\n            background-repeat: no-repeat;\n            background-position: top left;\n            background-size: cover;\n        }\n     \n        <\/style>\n    <!-- Standalone DNA Section -->\n    <section class=\"relative py-24 lg:py-32 px-6 lg:px-12 sparrowdna\">\n        \n        <!-- Background DNA Decoration -->\n        <svg class=\"floating-dna-svg top-20 -left-20 w-[400px] h-[800px] animate-dna\" viewBox=\"0 0 100 1000\">\n            <path d=\"M50 0 Q 90 250 50 500 Q 10 750 50 1000\" fill=\"none\" stroke=\"#0d4640\" stroke-width=\"0.5\" \/>\n            <circle cx=\"50\" cy=\"250\" r=\"2\" fill=\"#0d4640\" \/>\n            <circle cx=\"90\" cy=\"250\" r=\"1.5\" fill=\"#0d4640\" \/>\n        <\/svg>\n\n        <div class=\"max-w-7xl mx-auto\">\n            <div class=\"grid lg:grid-cols-12 gap-16 items-start\">\n                \n                <!-- Left Panel: The Identity -->\n                <div class=\"lg:col-span-5 lg:sticky lg:top-32\">\n                    <div class=\"flex items-center space-x-3 mb-6\">\n                        <div class=\"w-8 h-[2px] bg-brand-gold\"><\/div>\n                        <span class=\"text-white font-bold text-xs uppercase tracking-[0.4em]\">Sparrow's DNA<\/span>\n                    <\/div>\n\n                    <h2 class=\"font-serif text-5xl md:text-7xl text-white leading-[1.1] mb-10\">\n                        We are an <br>\n                        Innovation <br> Playground!\n                    <\/h2>\n\n                    <div class=\"space-y-6 text-white text-lg leading-relaxed max-w-lg mb-12\">\n                        <p>\n                            We have been <span class=\"text-white font-bold underline decoration-white\/30 decoration-4 underline-offset-4\">disrupting the EHS consulting<\/span> and Technology domain through our non-stereotype thoughts and integrating innovation in each domain. Innovation & ideas that matter on the ground!\n\n                        <\/p>\n                        <p class=\"text-white font-medium italic\">\n                            \"Where we dream, do and deliver decoding your vision & sense of future.\"\n                        <\/p>\n                    <\/div>\n\n                    <!-- Highlight Badge -->\n                    <!-- <div class=\"inline-flex items-center p-6 bg-brand-dark rounded-3xl text-white shadow-2xl\">\n                        <div class=\"mr-6\">\n                            <div class=\"w-12 h-12 rounded-full border border-brand-gold\/30 flex items-center justify-center\">\n                                <svg class=\"w-6 h-6 text-brand-gold\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\n                            <\/div>\n                        <\/div>\n                        <div>\n                            <span class=\"block text-xs uppercase tracking-widest opacity-60 mb-1\">Impact Driven<\/span>\n                            <span class=\"font-bold text-sm\">Innovation & ideas that matter on ground!\n\n                            <\/span>\n                        <\/div>\n                    <\/div> -->\n                <\/div>\n\n                <!-- Right Panel: The Innovation Path -->\n                <div class=\"lg:col-span-7 relative\">\n                    <!-- Vertical Progress Tracker -->\n                    <div class=\"absolute left-6 md:left-8 top-4 bottom-4 vertical-line\"><\/div>\n\n                    <div class=\"space-y-12\">\n                        \n                        <!-- Step 1 -->\n                        <div class=\"relative pl-16 md:pl-24 group active-step\">\n                            <div class=\"absolute left-6 md:left-8 -translate-x-1\/2 top-4 w-4 h-4 rounded-full bg-white border-2 border-brand-gold step-circle z-10 transition-all duration-500\"><\/div>\n                            \n                            <div class=\"step-card p-8 rounded-3xl\">\n                               \n                                <h3 class=\"text-2xl font-bold text-brand-dark mb-4\">Dream and Innovate<\/h3>\n                                <p class=\"text-slate-800 text-sm leading-relaxed\">\n                                  Where imagination collides with ingenuity. Dream and innovate is your launchpad to tomorrow. We ignite bold ideas, forge technological pathways, and mold dreams into tangible triumphs. From vision to venture, we empower your pursuit of progress, brick by innovative brick.\n                                <\/p>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Step 2 (Featured) -->\n                        <div class=\"relative pl-16 md:pl-24 group\">\n                            <div class=\"absolute left-6 md:left-8 -translate-x-1\/2 top-4 w-4 h-4 rounded-full bg-white border-2 border-brand-gold step-circle z-10 transition-all duration-500\"><\/div>\n                            \n                             <div class=\"step-card p-8 rounded-3xl\">\n                               \n                                <h3 class=\"text-2xl font-bold text-brand-dark mb-4\">Create practical solutions<\/h3>\n                                <p class=\"text-slate-800 text-sm leading-relaxed\">\n                                 \nProviding professional EHS consulting, we specialize in delivering effective solutions. Our practical strategies ensure workplace safety, compliance, and sustainability, empowering businesses for success. Trust us for tailored approaches that create a secure and productive environment.\n                                <\/p>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Step 3 -->\n                        <div class=\"relative pl-16 md:pl-24 group\">\n                            <div class=\"absolute left-6 md:left-8 -translate-x-1\/2 top-4 w-4 h-4 rounded-full bg-white border-2 border-brand-gold step-circle z-10 transition-all duration-500\"><\/div>\n                            \n                             <div class=\"step-card p-8 rounded-3xl\">\n                               \n                                <h3 class=\"text-2xl font-bold text-brand-dark mb-4\"> Implement It with Your Vision Alignment<\/h3>\n                                <p class=\"text-slate-800 text-sm leading-relaxed\">\n                           \nImplement solutions in harmony with your vision. Execute strategies with precise alignment, ensuring seamless integration of your goals. Our commitment is to deliver optimal results, fostering success in every endeavor with tailored and strategic\nimplementation.\n                                <\/p>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Step 4 -->\n                        <div class=\"relative pl-16 md:pl-24 group\">\n                            <div class=\"absolute left-6 md:left-8 -translate-x-1\/2 top-4 w-4 h-4 rounded-full bg-white border-2 border-brand-gold step-circle z-10 transition-all duration-500\"><\/div>\n                            \n                                <div class=\"step-card p-8 rounded-3xl\">\n                               \n                                <h3 class=\"text-2xl font-bold text-brand-dark mb-4\">   Measure Success and Reiterate<\/h3>\n                                <p class=\"text-slate-800 text-sm leading-relaxed\">\n                              \nConsistently gauge achievements, measure success metrics, and iterate for continual improvement. Embrace an adaptive strategy, ensuring sustained excellence. Regular assessments refine approaches, fostering a dynamic environment that consistently aligns with evolving goals and objectives for lasting success.\n                                <\/p>\n                            <\/div>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/div>\n\n\n\n\n\n\n\n\n\n\n\n    <style>\n        .progress-bar-fill {\n            width: 0%;\n            transition: width 1.5s cubic-bezier(0.1, 0.5, 0.5, 1);\n        }\n        .reveal {\n            opacity: 0;\n            transform: translateY(20px);\n            transition: all 0.8s ease-out;\n        }\n        .reveal.active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n        .card-hover:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 25px -5px rgba(13, 70, 64, 0.1), 0 10px 10px -5px rgba(13, 70, 64, 0.04);\n        }\n    <\/style>\n\n<div class=\"bg-brand-light font-sans text-brand-dark\">\n\n    <section class=\"py-20 md:py-16 px-4 overflow-hidden bg-premium-clay\">\n        <div class=\"max-w-7xl mx-auto\">\n            \n            <!-- Header Section -->\n            <div class=\"mb-16 md:mb-24 flex flex-col md:flex-row justify-between items-end gap-8 reveal\">\n                <div class=\"max-w-7xl\">\n                    <span class=\"inline-block px-4 py-1.5 mb-6 text-xs font-bold tracking-widest uppercase bg-brand-gold\/10 text-brand-gold rounded-full\">\n                        Expertise & Knowledge\n                    <\/span>\n                    <h2 class=\"text-5xl md:text-7xl font-serif font-black text-brand-gold leading-tight mb-8\">\n                        KNOWLEDGE\n                    <\/h2>\n                    <p class=\"text-md md:text-md text-brand-dark\/80 leading-relaxed font-light\">\n                      At Sparrow, we don\u2019t just consult, we crack the code of EHS excellence. We blend the power of science and math with cutting-edge technology, then sprinkle in some consulting wizardry to create bespoke solutions that take flight. Our dynamic, deployable knowledge base is your wingman, empowering you to:\n\n\n                    <\/p>\n                <\/div>\n                <!-- <div class=\"hidden lg:block\">\n                    <div class=\"w-48 h-48 border-2 border-brand-gold\/20 rounded-full flex items-center justify-center relative\">\n                        <div class=\"absolute inset-2 border border-brand-gold\/10 rounded-full animate-spin\" style=\"animation-duration: 20s;\"><\/div>\n                        <span class=\"font-serif text-brand-gold text-4xl italic\">Sparrow<\/span>\n                    <\/div>\n                <\/div> -->\n            <\/div>\n\n            <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-start\">\n                \n                <!-- Left: Core Capabilities Cards -->\n                <div class=\"lg:col-span-7 grid grid-cols-1 md:grid-cols-2 gap-6 reveal\" style=\"transition-delay: 200ms;\">\n                    \n                    <!-- Card 1 -->\n                    <div class=\"bg-white p-8 rounded-3xl border border-brand-gold\/5 card-hover transition-all duration-300\">\n                        <div class=\"w-12 h-12 bg-brand-gold rounded-2xl mb-6 flex items-center justify-center text-white\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold mb-3 text-brand-gold\">Outsmart Risk<\/h3>\n                        <p class=\"text-brand-dark\/70 text-sm leading-relaxed\">\n                           Outsmart risk: Predictive models and trend analysis make future challenges a breeze, not a blizzard\n                        <\/p>\n                    <\/div>\n\n                    <!-- Card 2 -->\n                    <div class=\"bg-brand-gold p-8 rounded-3xl text-white card-hover transition-all duration-300\">\n                        <div class=\"w-12 h-12 bg-white\/20 backdrop-blur rounded-2xl mb-6 flex items-center justify-center\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold mb-3\">Master Compliance<\/h3>\n                        <p class=\"text-white\/80 text-sm leading-relaxed\">\n                            Master compliance: Automated procedures and intuitive tools transform compliance from chore to cheer.\n                        <\/p>\n                    <\/div>\n\n                    <!-- Card 3 -->\n                    <div class=\"bg-white p-8 rounded-3xl border border-brand-gold\/5 card-hover transition-all duration-300\">\n                        <div class=\"w-12 h-12 bg-brand-gold rounded-2xl mb-6 flex items-center justify-center text-white\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold mb-3 text-brand-gold\">Empower Your People<\/h3>\n                        <p class=\"text-brand-dark\/70 text-sm leading-relaxed\">\n                           Empower your people: Tailored training and accessible dashboards cultivate a culture of safety and awareness that truly blooms.\n                        <\/p>\n                    <\/div>\n\n                    <!-- Card 4 -->\n                    <div class=\"bg-white p-8 rounded-3xl border border-brand-gold\/5 card-hover transition-all duration-300\">\n                        <div class=\"w-12 h-12 bg-brand-gold rounded-2xl mb-6 flex items-center justify-center text-white\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold mb-3 text-brand-gold\">Data-Driven Decisions<\/h3>\n                        <p class=\"text-brand-dark\/70 text-sm leading-relaxed\">\n                            Data-driven decisions: Real-time insights unlock continuous improvement and optimized resource allocation \u2013 think alchemy, but with numbers.\n                        <\/p>\n                    <\/div>\n\n                    <!-- Summary Block -->\n                    <div class=\"md:col-span-2 bg-brand-accent\/5 p-8 md:p-12 rounded-[2rem] border border-brand-accent\/10 mt-4\">\n                        <p class=\"text-brand-accent font-medium leading-relaxed italic text-lg text-center\">\n                            \"Sparrow is your partner in soaring towards EHS nirvana. Let\u2019s unlock the potential of your data, harness the power of science and math, and infuse it all with the magic of our consulting expertise. Together, we\u2019ll reach new heights of operational excellence.\"\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Right: Performance Metrics -->\n                <div class=\"lg:col-span-5 bg-brand-dark p-10 md:p-14 rounded-[3rem] text-white shadow-2xl reveal\" style=\"transition-delay: 400ms;\">\n                    <div class=\"mb-10\">\n                        <h4 class=\"text-3xl font-serif font-bold mb-2\">Operational Excellence<\/h4>\n                        <p class=\"text-white\/50 text-sm font-light\">Performance benchmarks across our core services.<\/p>\n                    <\/div>\n\n                    <div class=\"space-y-10\">\n                        <!-- Progress 1 -->\n                        <div class=\"space-y-3\">\n                            <div class=\"flex justify-between items-center\">\n                                <span class=\"text-sm font-semibold tracking-wide uppercase opacity-90\">Consulting<\/span>\n                                <span class=\"text-2xl font-serif italic text-brand-light\">98%<\/span>\n                            <\/div>\n                            <div class=\"h-1.5 w-full bg-white\/10 rounded-full overflow-hidden\">\n                                <div class=\"progress-bar-fill h-full bg-brand-accent\" data-value=\"98%\"><\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Progress 2 -->\n                        <div class=\"space-y-3\">\n                            <div class=\"flex justify-between items-center\">\n                                <span class=\"text-sm font-semibold tracking-wide uppercase opacity-90\">Solutions<\/span>\n                                <span class=\"text-2xl font-serif italic text-brand-light\">95%<\/span>\n                            <\/div>\n                            <div class=\"h-1.5 w-full bg-white\/10 rounded-full overflow-hidden\">\n                                <div class=\"progress-bar-fill h-full bg-brand-accent\" data-value=\"95%\"><\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Progress 3 -->\n                        <div class=\"space-y-3\">\n                            <div class=\"flex justify-between items-center\">\n                                <span class=\"text-sm font-semibold tracking-wide uppercase opacity-90\">Innovation & Adaptability<\/span>\n                                <span class=\"text-2xl font-serif italic text-brand-light\">80%<\/span>\n                            <\/div>\n                            <div class=\"h-1.5 w-full bg-white\/10 rounded-full overflow-hidden\">\n                                <div class=\"progress-bar-fill h-full bg-brand-accent\" data-value=\"80%\"><\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Progress 4 -->\n                        <div class=\"space-y-3\">\n                            <div class=\"flex justify-between items-center\">\n                                <span class=\"text-sm font-semibold tracking-wide uppercase opacity-90\">Expertise & Industry Knowledge<\/span>\n                                <span class=\"text-2xl font-serif italic text-brand-light\">92%<\/span>\n                            <\/div>\n                            <div class=\"h-1.5 w-full bg-white\/10 rounded-full overflow-hidden\">\n                                <div class=\"progress-bar-fill h-full bg-brand-accent\" data-value=\"92%\"><\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Progress 5 -->\n                        <div class=\"space-y-3\">\n                            <div class=\"flex justify-between items-center\">\n                                <span class=\"text-sm font-semibold tracking-wide uppercase opacity-90\">Timely & Efficient Delivery<\/span>\n                                <span class=\"text-2xl font-serif italic text-brand-light\">100%<\/span>\n                            <\/div>\n                            <div class=\"h-1.5 w-full bg-white\/10 rounded-full overflow-hidden\">\n                                <div class=\"progress-bar-fill h-full bg-brand-accent\" data-value=\"100%\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- <div class=\"mt-12 pt-10 border-t border-white\/10 flex items-center gap-4\">\n                        <div class=\"flex -space-x-2\">\n                            <div class=\"w-8 h-8 rounded-full bg-brand-accent border-2 border-brand-dark\"><\/div>\n                            <div class=\"w-8 h-8 rounded-full bg-brand-gold border-2 border-brand-dark\"><\/div>\n                            <div class=\"w-8 h-8 rounded-full bg-white\/20 border-2 border-brand-dark\"><\/div>\n                        <\/div>\n                        <p class=\"text-xs text-white\/60 font-medium\">Joined by 600+ industry leaders<\/p>\n                    <\/div> -->\n                <\/div>\n            <\/div>\n\n            <!-- Footer Quote -->\n            <div class=\"mt-20 text-center reveal\" style=\"transition-delay: 600ms;\">\n                <p class=\"text-brand-gold\/60 text-sm uppercase tracking-widest font-bold\">\n                    Together, we\u2019ll reach new heights of operational excellence.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n  <\/div>\n\n\n\n\n    <style>\n        .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1); }\n        .reveal.active { opacity: 1; transform: translateY(0); }\n        \n        .glass-card { background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(10px); border: 1px solid rgba(13, 70, 64, 0.1); }\n        .comparison-row:nth-child(even) { background-color: rgba(13, 70, 64, 0.03); }\n        .stat-value { font-variant-numeric: tabular-nums; }\n        \n        \/* Wrap animation for Explore More content *\/\n        .wrap-reveal {\n            animation: wrapReveal 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;\n        }\n        \n        .wrap-hide {\n            animation: wrapHide 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;\n        }\n        \n        @keyframes wrapReveal {\n            0% {\n                clip-path: circle(0% at 50% 50%);\n                opacity: 0;\n            }\n            50% {\n                opacity: 1;\n            }\n            100% {\n                clip-path: circle(150% at 50% 50%);\n                opacity: 1;\n            }\n        }\n        \n        @keyframes wrapHide {\n            0% {\n                clip-path: circle(150% at 50% 50%);\n                opacity: 1;\n            }\n            100% {\n                clip-path: circle(0% at 50% 50%);\n                opacity: 0;\n            }\n        }\n    <\/style>\n\n<div id=\"exploreMoreContent\" class=\"bg-premium-clay font-sans text-brand-dark whychooose-sparrow\">\n\n    <section class=\"py-16 md:py-16 px-4 md:px-8\">\n        <div class=\"max-w-7xl mx-auto\">\n            \n            <!-- Section Title & Intro -->\n            <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 mb-20 items-end reveal\">\n                <div class=\"lg:col-span-12\">\n                    <span class=\"inline-block px-4 py-1.5 mb-6 text-xs font-bold tracking-widest uppercase bg-brand-gold\/10 text-brand-gold rounded-full\">\n                        Market Leadership\n                    <\/span>\n                    <h2 class=\"text-4xl md:text-6xl lg:text-7xl font-serif font-black text-brand-gold leading-[1.1]\">\n                        Why Sparrow Risk Management (Sparrow RMS) is the <span class=\"italic font-normal font-serif\">Best EHS Consulting<\/span> Company in India?\n                    <\/h2>\n                <\/div>\n               \n            <\/div>\n\n            <!-- Impact Statistics Grid -->\n            <div class=\"grid grid-cols-2 lg:grid-cols-4 gap-4 md:gap-8 mb-24 reveal\" style=\"transition-delay: 100ms;\">\n                <div class=\"bg-white p-8 rounded-[2rem] border border-brand-gold\/5 shadow-sm\">\n                    <div class=\"text-4xl md:text-5xl font-serif text-brand-gold mb-2 stat-value\">3000+<\/div>\n                    <div class=\"text-xs uppercase tracking-wider font-bold text-brand-dark\/40\">Successful Projects<\/div>\n                <\/div>\n                <div class=\"bg-white p-8 rounded-[2rem] border border-brand-gold\/5 shadow-sm\">\n                    <div class=\"text-4xl md:text-5xl font-serif text-brand-gold mb-2 stat-value\">600+<\/div>\n                    <div class=\"text-xs uppercase tracking-wider font-bold text-brand-dark\/40\">Global Clients<\/div>\n                <\/div>\n                <div class=\"bg-white p-8 rounded-[2rem] border border-brand-gold\/5 shadow-sm\">\n                    <div class=\"text-4xl md:text-5xl font-serif text-brand-gold mb-2 stat-value\">125+<\/div>\n                    <div class=\"text-xs uppercase tracking-wider font-bold text-brand-dark\/40\">Specialized Professionals<\/div>\n                <\/div>\n                <div class=\"bg-brand-gold p-8 rounded-[2rem] text-white shadow-xl\">\n                    <div class=\"text-4xl md:text-5xl font-serif mb-2 stat-value\">100%<\/div>\n                    <div class=\"text-xs uppercase tracking-wider font-bold text-white\/60\">Indian Owned & Operated<\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Features Grid (Masonry Style) -->\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-8\">\n                \n                <!-- Innovation -->\n                <div class=\"group\" style=\"transition-delay: 200ms;\">\n                    <div class=\"h-full glass-card p-10 rounded-[2.5rem] transition-all duration-500 hover:bg-brand-gold\">\n                        <div class=\"w-14 h-14 bg-brand-gold rounded-2xl flex items-center justify-center text-white mb-8 transition-colors\">\n                            <svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\n                        <\/div>\n                        <h3 class=\"text-2xl font-bold mb-4\">Unmatched Commitment to EHS Innovation<\/h3>\n                        <p class=\"opacity-70 leading-relaxed text-sm\">\n                            Sparrow RMS distinguishes itself by seamlessly integrating risk management, engineering, and cutting-edge DeepTech across the entire Environment, Health, and Safety (EHS) spectrum. Unlike typical consultants, Sparrow RMS leverages scientific rigor and advanced technology to offer state-of-the-art solutions for industrial safety, risk management, and sustainability\u2014redefining standards in the Indian marketplace.\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Services -->\n                <div class=\"reveal lg:row-span-2\" style=\"transition-delay: 300ms;\">\n                    <div class=\"h-full bg-brand-dark text-white p-10 rounded-[2.5rem] shadow-2xl relative overflow-hidden\">\n                        <div class=\"absolute top-0 right-0 p-8 opacity-10\">\n                            <svg class=\"w-32 h-32\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"><\/path><\/svg>\n                        <\/div>\n                        <h3 class=\"text-3xl font-serif italic mb-8\">Comprehensive, Industry-Leading Services<\/h3>\n                        <p class=\"mb-10\">Sparrow RMS offers a full suite of services that go beyond typical EHS consulting: <br><\/p>\n                        <ul class=\"space-y-4\">\n                            <li class=\"flex items-start gap-3\">\n                                <span class=\"text-brand-gold mt-1\">\u25cf<\/span>\n                                <span>Fire, Electrical, Process, and General Safety<\/span>\n                            <\/li>\n                            <li class=\"flex items-start gap-3\">\n                                <span class=\"text-brand-gold mt-1\">\u25cf<\/span>\n                                <span>Construction Safety & Project Management<\/span>\n                            <\/li>\n                            <li class=\"flex items-start gap-3\">\n                                <span class=\"text-brand-gold mt-1\">\u25cf<\/span>\n                                <span>Comprehensive Training & E-Learning Platforms<\/span>\n                            <\/li>\n                            <li class=\"flex items-start gap-3\">\n                                <span class=\"text-brand-gold mt-1\">\u25cf<\/span>\n                                <span>Sustainability and ESG Strategy Consulting<\/span>\n                            <\/li>\n                            <li class=\"flex items-start gap-3\">\n                                <span class=\"text-brand-gold mt-1\">\u25cf<\/span>\n                                <span>Advanced Manufacturing Digitalization (IndustryOS\u2122)<\/span>\n                            <\/li>\n                            <li class=\"flex items-start gap-3\">\n                                <span class=\"text-brand-gold mt-1\">\u25cf<\/span>\n                                <span>Energy & Power Quality Management<\/span>\n                            <\/li>\n                            <li class=\"flex items-start gap-3\">\n                                <span class=\"text-brand-gold mt-1\">\u25cf<\/span>\n                                <span>Custom Software and Technological Innovations<\/span>\n                            <\/li>\n                        <\/ul>\n                         <p class=\"mt-10\">No other EHS consultancy in India offers this scope and depth of solutions, combining digital transformation with traditional risk management.<\/p>\n\n                    <\/div>\n                <\/div>\n\n                <!-- Transformation -->\n                <div class=\"reveal\" style=\"transition-delay: 400ms;\">\n                    <div class=\"h-full glass-card p-10 rounded-[2.5rem]\">\n                        <h3 class=\"text-2xl font-bold mb-4 text-brand-gold\">Tech-Driven Transformation<\/h3>\n                        <p class=\"text-brand-dark\/70 leading-relaxed text-sm\">\n                           Sparrow RMS was the first in India to launch a digital platform, IndustryOS\u00ae, for manufacturing digitalization, aligning EHS with manufacturing execution, data lakes, and sustainability management. This tech-forward approach accelerates clients\u2019 compliance, efficiency, and operational excellence\n                        <\/p>\n                      \n                    <\/div>\n                <\/div>\n\n\n\n\n\n                            <!-- Transformation -->\n                <div class=\"reveal\" style=\"transition-delay: 400ms;\">\n                    <div class=\"h-full glass-card p-10 rounded-[2.5rem]\">\n                        <h3 class=\"text-2xl font-bold mb-4 text-brand-gold\">Recognized and Trusted by Clients <\/h3>\n                        <p class=\"text-brand-dark\/70 leading-relaxed text-sm\">\n                          High Client Retention: More than 600+ clients globally rely on Sparrow RMS, many from repeat engagements due to the company\u2019s consistent delivery and ability to add quantifiable value.\n                        <\/p>\n                      \n                    <\/div>\n                <\/div>\n\n\n                <!-- Indian Roots -->\n                <div class=\"reveal\" style=\"transition-delay: 500ms;\">\n                    <div class=\"h-full bg-white p-10 rounded-[2.5rem] border-b-4 border-brand-gold shadow-lg\">\n                        <h3 class=\"text-2xl font-bold mb-4 text-brand-gold\">Indian Roots, Global Impact<\/h3>\n                        <p class=\"text-brand-dark\/70 leading-relaxed text-sm\">\n                           Sparrow RMS is 100% Indian-owned, driving the \u201cMake in India\u201d vision not just by supporting domestic industries, but by exporting its expertise and technology solutions worldwide. Its brownfield and greenfield engineering capabilities, coupled with risk management acumen, place it ahead of global and domestic competitors\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Proven Track Record - Full Width -->\n            <\/div>\n            \n            <!-- Full Width Card: Proven Track Record -->\n            <div class=\"reveal mb-32\" style=\"transition-delay: 600ms;\">\n                <div class=\"h-full glass-card p-10 rounded-[2.5rem]\">\n                    <h3 class=\"text-2xl font-bold mb-4 text-brand-gold\">Proven Track Record and Expertise<\/h3>\n                    <div class=\"grid md:grid-cols-2 gap-6\">\n                        <div>\n                            <p class=\"text-brand-dark\/70 leading-relaxed text-sm\">\n                                <strong>Established Leadership:<\/strong> Founded in 2012, Sparrow RMS rapidly rose to become a premier EHS and risk management company, trusted by over 600+ clients across 16 countries. It has delivered more than 3000+ successful projects in diverse sectors including oil & gas, pharma, manufacturing, cement, and more.\n                            <\/p>\n                        <\/div>\n                        <div>\n                            <p class=\"text-brand-dark\/70 leading-relaxed text-sm\">\n                                <strong>Highly Qualified Team:<\/strong> The company employs over 125+ specialized professionals with deep expertise in EHS, engineering, and digital transformation.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Comparison Table: Redesigned as a Premium Matrix -->\n            <div class=\"reveal mb-24\" style=\"transition-delay: 700ms;\">\n                <div class=\"text-center mb-12\">\n                    <h3 class=\"text-4xl md:text-5xl font-serif text-brand-gold mb-4 text-left\">Comparison with Other Top EHS Consulting Firms<\/h3>\n                    <!-- <p class=\" max-w-6xl mx-auto  md:text-center\"> -->\n                         <p class=\"text-brand-dark\/70 leading-relaxed text-sm\">\n                        While international giants also offer EHS consulting services, their approach is often generic and less tailored to India's unique industrial and regulatory environment. Most lists of top EHS consultancies in India highlight global MNCs, but none showcase the same blend of deep local expertise, innovation, and customer-centric solutions as Sparrow RMS.\n                    <\/p>\n                <\/div>\n                \n                <div class=\"overflow-x-auto\">\n                    <table class=\"w-full min-w-7xl text-left\">\n                        <thead>\n                            <tr class=\"border-b-2 border-brand-gold\/20\">\n                                <th class=\"py-6 px-4 text-sm font-bold uppercase tracking-widest text-brand-dark\/40\">Feature<\/th>\n                                <th class=\"py-6 px-4 text-xl font-serif italic text-brand-gold\">Sparrow RMS<\/th>\n                                <th class=\"py-6 px-4 text-sm font-bold tracking-widest text-brand-dark\/40\">Global MNCs<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody class=\"text-sm\">\n                            <tr class=\"comparison-row\">\n                                <td class=\"py-5 px-4 font-medium\">Indian Ownership<\/td>\n                                <td class=\"py-5 px-4 font-bold text-brand-gold\">Yes<\/td>\n                                <td class=\"py-5 px-4 text-brand-dark\/60\">Mostly No<\/td>\n                            <\/tr>\n                            <tr class=\"comparison-row\">\n                                <td class=\"py-5 px-4 font-medium\">Industry-specific platforms<\/td>\n                                <td class=\"py-5 px-4 font-bold text-brand-gold\">IndustryOS\u00ae<\/td>\n                                <td class=\"py-5 px-4 text-brand-dark\/60\">Generic tools<\/td>\n                            <\/tr>\n                            <tr class=\"comparison-row\">\n                                <td class=\"py-5 px-4 font-medium\">Project delivery in India<\/td>\n                                <td class=\"py-5 px-4 font-bold text-brand-gold\">3000+<\/td>\n                                <td class=\"py-5 px-4 text-brand-dark\/60\">Typically fewer, often led from abroad<\/td>\n                            <\/tr>\n                            <tr class=\"comparison-row\">\n                                <td class=\"py-5 px-4 font-medium\">Team based in India<\/td>\n                                <td class=\"py-5 px-4 font-bold text-brand-gold\">125+ experts<\/td>\n                                <td class=\"py-5 px-4 text-brand-dark\/60\">Smaller local teams<\/td>\n                            <\/tr>\n                            <tr class=\"comparison-row\">\n                                <td class=\"py-5 px-4 font-medium\">Full digital\/EHS integration<\/td>\n                                <td class=\"py-5 px-4 font-bold text-brand-gold\">Yes<\/td>\n                                <td class=\"py-5 px-4 text-brand-dark\/60\">Limited<\/td>\n                            <\/tr>\n                            <tr class=\"comparison-row\">\n                                <td class=\"py-5 px-4 font-medium\">Flexible, rapid deployment<\/td>\n                                <td class=\"py-5 px-4 font-bold text-brand-gold\">Yes<\/td>\n                                <td class=\"py-5 px-4 text-brand-dark\/60\">Often bureaucratic<\/td>\n                            <\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n            <\/div>\n\n\n            <!-- Conclusion Section -->\n            <div class=\"mb-16 reveal\" style=\"transition-delay: 800ms;\">\n                <div class=\"bg-white p-10 md:p-16 rounded-b-[2.5rem] rounded-t-none border-t-0 border border-brand-gold\/10 shadow-lg relative overflow-hidden\" style=\"background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);\">\n                    <h3 class=\"text-3xl md:text-4xl font-serif font-bold text-brand-gold mb-6\">\n                        Conclusion: Logical Superiority\n                    <\/h3>\n                    <p class=\"text-brand-dark\/70 text-md leading-relaxed max-w-7xl mb-10\">\n                        By every objective measure\u2014innovation, depth of service, client impact, local expertise, and technological leadership\u2014Sparrow Risk Management (Sparrow RMS) stands unrivaled as India's best EHS consulting company. Its holistic, tech-powered approach and robust track record not only set industry standards but continuously elevate them.\n                    <\/p>\n\n                     <h3 class=\"text-3xl md:text-4xl font-serif font-bold text-brand-gold mb-6\">\n                         Pioneering EHS, Technology, Engineering & Sustainability Solutions for Global Impact\n                    <\/h3>\n                    <p class=\"text-brand-dark\/70 text-md leading-relaxed max-w-7xl\">\n                       Sparrow\u202fRMS is a global safety and sustainability consultancy pioneering smarter, safer, and more resilient workplaces\u2014designed and powered\u202f\u201cBy\u202fIndia\u202ffor\u202fthe\u202fWorld.\u201d We deliver India\u2019s most advanced EHS consulting, DeepTech-driven technology solutions, precision engineering services, and ESG-compliant sustainability strategies. Serving 600+ clients across 16 countries, we integrate operational excellence, innovation, and corporate responsibility to help you build a lasting culture of safety, efficiency, and environmental stewardship. Partner with us to future\u2011proof your organization, empower your people, protect your assets, and uphold our shared planet.\n                    <\/p>\n\n\n                <\/div>\n            <\/div>\n\n\n        <\/div>\n    <\/section>\n <\/div>\n\n\n\n\n\n\n\n    <style>\n        .trademark-slider-container {\n            overflow: hidden;\n            position: relative;\n            mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);\n            -webkit-mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);\n        }\n        .trademark-track {\n            display: flex;\n            transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n        .trademark-card {\n            flex: 0 0 100%;\n            padding: 0 1rem;\n        }\n        @media (min-width: 768px) {\n            .trademark-card { flex: 0 0 50%; }\n        }\n        @media (min-width: 1024px) {\n            .trademark-card { flex: 0 0 33.333333%; }\n        }\n        .dot-active {\n            background-color: #0d4640 !important;\n            width: 2rem !important;\n        }\n        .grid-bg {\n            background-image: radial-gradient(rgba(13, 70, 64, 0.05) 1px, transparent 1px);\n            background-size: 30px 30px;\n        }\n    <\/style>\n\n<div class=\"bg-brand-light font-sans text-brand-dark\">\n\n    <section class=\"py-8 lg:py-16 grid-bg overflow-hidden\" aria-labelledby=\"trademarks-title\">\n        <div class=\"max-w-7xl mx-auto px-6\">\n            \n            <!-- Header -->\n            <div class=\"mb-16 md:mb-24 text-center\">\n                <span class=\"inline-block px-4 py-1.5 mb-6 text-[10px] font-bold tracking-[0.4em] uppercase bg-brand-gold\/5 text-brand-gold rounded-full border border-brand-gold\/10\">\n                    Proprietary Innovations\n                <\/span>\n                <h2 id=\"trademarks-title\" class=\"text-4xl lg:text-6xl font-serif font-black text-brand-gold\">\n                    Sparrow <span class=\"text-brand-accent italic font-normal\">Trademarks<\/span>\n                <\/h2>\n                <div class=\"w-24 h-1 bg-brand-accent\/20 mx-auto mt-8 rounded-full\"><\/div>\n            <\/div>\n\n            <!-- Slider Main -->\n            <div class=\"trademark-slider-container\">\n                <div class=\"trademark-track\" id=\"sliderTrack\">\n                    \n                    <!-- Card 1: FREAP -->\n                    <div class=\"trademark-card\">\n                        <article class=\"h-full bg-white p-10 rounded-[2.5rem] border border-brand-gold\/5 shadow-sm hover:shadow-xl hover:shadow-brand-gold\/5 transition-all duration-500 flex flex-col group\">\n                            <div class=\"mb-8 flex justify-between items-start\">\n                                <h3 class=\"text-2xl font-serif font-bold text-brand-gold group-hover:text-brand-accent transition-colors\">FREAP\u00ae<\/h3>\n                                <!-- <div class=\"px-3 py-1 bg-brand-gold\/5 text-[10px] font-bold text-brand-gold rounded-full border border-brand-gold\/10\">Fire Safety<\/div> -->\n                            <\/div>\n                            <p class=\"text-brand-dark\/60 text-sm leading-relaxed mb-6\">\n                                Fire Risk Engineering & Advanced Planning (FREAP\u00ae): Most innovative <a href=\"https:\/\/sparrowrms.in\/sparrow-rms\/trademarks\/freap\/\" class=\"text-red-600 underline underline-offset-2 decoration-1\">Read More<\/a>\n                            <\/p>\n                            <div class=\"mt-auto pt-6 border-t border-brand-gold\/5 flex items-center justify-between\">\n                                <span class=\"text-[10px] font-bold text-brand-gold\/40 uppercase tracking-widest\">Trademarked<\/span>\n                                <div class=\"w-2 h-2 rounded-full bg-brand-accent\/20\"><\/div>\n                            <\/div>\n                        <\/article>\n                    <\/div>\n\n                    <!-- Card 2: AESAP -->\n                    <div class=\"trademark-card\">\n                        <article class=\"h-full bg-white p-10 rounded-[2.5rem] border border-brand-gold\/5 shadow-sm hover:shadow-xl hover:shadow-brand-gold\/5 transition-all duration-500 flex flex-col group\">\n                            <div class=\"mb-8 flex justify-between items-start\">\n                                <h3 class=\"text-2xl font-serif font-bold text-brand-gold group-hover:text-brand-accent transition-colors\">AESAP\u00ae<\/h3>\n                                <!-- <div class=\"px-3 py-1 bg-brand-gold\/5 text-[10px] font-bold text-brand-gold rounded-full border border-brand-gold\/10\">Electrical<\/div> -->\n                            <\/div>\n                            <p class=\"text-brand-dark\/60 text-sm leading-relaxed mb-6\">\n                                Advanced electrical safety and Assessment Program (AESAP). It is India\u2019s only such program.<a href=\"https:\/\/sparrowrms.in\/sparrow-rms\/trademarks\/aesap\/\" class=\"text-red-600 underline underline-offset-2 decoration-1\">Read More<\/a>\n                            <\/p>\n                            <div class=\"mt-auto pt-6 border-t border-brand-gold\/5 flex items-center justify-between\">\n                                <span class=\"text-[10px] font-bold text-brand-gold\/40 uppercase tracking-widest\">Trademarked<\/span>\n                                <div class=\"w-2 h-2 rounded-full bg-brand-accent\/20\"><\/div>\n                            <\/div>\n                        <\/article>\n                    <\/div>\n\n                    <!-- Card 3: iHAZOP -->\n                    <div class=\"trademark-card\">\n                        <article class=\"h-full bg-white p-10 rounded-[2.5rem] border border-brand-gold\/5 shadow-sm hover:shadow-xl hover:shadow-brand-gold\/5 transition-all duration-500 flex flex-col group\">\n                            <div class=\"mb-8 flex justify-between items-start\">\n                                <h3 class=\"text-2xl font-serif font-bold text-brand-gold group-hover:text-brand-accent transition-colors\">iHAZOP\u00ae<\/h3>\n                                <!-- <div class=\"px-3 py-1 bg-brand-gold\/5 text-[10px] font-bold text-brand-gold rounded-full border border-brand-gold\/10\">AI & Digital Twin<\/div> -->\n                            <\/div>\n                            <p class=\"text-brand-dark\/60 text-sm leading-relaxed mb-6\">\n                                Digital twin and software based HAZOP. It also uses AI and other modal algorithms.\n                            <\/p>\n                            <div class=\"mt-auto pt-6 border-t border-brand-gold\/5 flex items-center justify-between\">\n                                <span class=\"text-[10px] font-bold text-brand-gold\/40 uppercase tracking-widest\">Trademarked<\/span>\n                                <div class=\"w-2 h-2 rounded-full bg-brand-accent\/20\"><\/div>\n                            <\/div>\n                        <\/article>\n                    <\/div>\n\n                    <!-- Card 4: HyPSM -->\n                    <div class=\"trademark-card\">\n                        <article class=\"h-full bg-white p-10 rounded-[2.5rem] border border-brand-gold\/5 shadow-sm hover:shadow-xl hover:shadow-brand-gold\/5 transition-all duration-500 flex flex-col group\">\n                            <div class=\"mb-8 flex justify-between items-start\">\n                                <h3 class=\"text-2xl font-serif font-bold text-brand-gold group-hover:text-brand-accent transition-colors\">HyPSM\u00ae<\/h3>\n                                <!-- <div class=\"px-3 py-1 bg-brand-gold\/5 text-[10px] font-bold text-brand-gold rounded-full border border-brand-gold\/10\">PSM Compliance<\/div> -->\n                            <\/div>\n                            <p class=\"text-brand-dark\/60 text-sm leading-relaxed mb-6\">\n                                Hybrid Process Safety Management. India\u2019s only digital twin platform to enable 100% data driven digital PSM as per CCPS and OSHA.\n                            <\/p>\n                            <div class=\"mt-auto pt-6 border-t border-brand-gold\/5 flex items-center justify-between\">\n                                <span class=\"text-[10px] font-bold text-brand-gold\/40 uppercase tracking-widest\">Trademarked<\/span>\n                                <div class=\"w-2 h-2 rounded-full bg-brand-accent\/20\"><\/div>\n                            <\/div>\n                        <\/article>\n                    <\/div>\n\n                    <!-- Card 5: HuAg -->\n                    <div class=\"trademark-card\">\n                        <article class=\"h-full bg-white p-10 rounded-[2.5rem] border border-brand-gold\/5 shadow-sm hover:shadow-xl hover:shadow-brand-gold\/5 transition-all duration-500 flex flex-col group\">\n                            <div class=\"mb-8 flex justify-between items-start\">\n                                <h3 class=\"text-2xl font-serif font-bold text-brand-gold group-hover:text-brand-accent transition-colors\">HuAg\u00ae<\/h3>\n                                <!-- <div class=\"px-3 py-1 bg-brand-gold\/5 text-[10px] font-bold text-brand-gold rounded-full border border-brand-gold\/10\">Augmentation<\/div> -->\n                            <\/div>\n                            <p class=\"text-brand-dark\/60 text-sm leading-relaxed mb-6\">\n                                IndustryOS\u00ae solves infinite use cases using <span class=\"text-red-600 font-bold\">Hu<\/span>man<span class=\"text-red-600 font-bold\">Aug<\/span>mentation (<a href=\"#\" class=\"text-red-600 underline underline-offset-2 decoration-1\">HuAg\u00ae<\/a>)\n                            <\/p>\n                            <div class=\"mt-auto pt-6 border-t border-brand-gold\/5 flex items-center justify-between\">\n                                <span class=\"text-[10px] font-bold text-brand-gold\/40 uppercase tracking-widest\">Trademarked<\/span>\n                                <div class=\"w-2 h-2 rounded-full bg-brand-accent\/20\"><\/div>\n                            <\/div>\n                        <\/article>\n                    <\/div>\n\n                    <!-- Card 6: IndustryOS -->\n                    <div class=\"trademark-card\">\n                        <article class=\"h-full bg-white p-10 rounded-[2.5rem] border border-brand-gold\/5 shadow-sm hover:shadow-xl hover:shadow-brand-gold\/5 transition-all duration-500 flex flex-col group\">\n                            <div class=\"mb-8 flex justify-between items-start\">\n                                <h3 class=\"text-2xl font-serif font-bold text-brand-gold group-hover:text-brand-accent transition-colors\">IndustryOS\u00ae<\/h3>\n                                <!-- <div class=\"px-3 py-1 bg-brand-gold\/5 text-[10px] font-bold text-brand-gold rounded-full border border-brand-gold\/10\">Platform<\/div> -->\n                            <\/div>\n                            <p class=\"text-brand-dark\/60 text-sm leading-relaxed mb-6\">\n                                IndustryOS\u00ae \u2013 It is a digital twin based, cloud hosted Industrial Manufacturing Management Platform. It was developed by Sparrow in India.\n                            <\/p>\n                            <div class=\"mt-auto pt-6 border-t border-brand-gold\/5 flex items-center justify-between\">\n                                <span class=\"text-[10px] font-bold text-brand-gold\/40 uppercase tracking-widest\">Trademarked<\/span>\n                                <div class=\"w-2 h-2 rounded-full bg-brand-accent\/20\"><\/div>\n                            <\/div>\n                        <\/article>\n                    <\/div>\n\n                    <!-- Card 7: iLoL -->\n                    <div class=\"trademark-card\">\n                        <article class=\"h-full bg-white p-10 rounded-[2.5rem] border border-brand-gold\/5 shadow-sm hover:shadow-xl hover:shadow-brand-gold\/5 transition-all duration-500 flex flex-col group\">\n                            <div class=\"mb-8 flex justify-between items-start\">\n                                <h3 class=\"text-2xl font-serif font-bold text-brand-gold group-hover:text-brand-accent transition-colors\">iLoL\u00ae<\/h3>\n                                <!-- <div class=\"px-3 py-1 bg-brand-gold\/5 text-[10px] font-bold text-brand-gold rounded-full border border-brand-gold\/10\">Visualization<\/div> -->\n                            <\/div>\n                            <p class=\"text-brand-dark\/60 text-sm leading-relaxed mb-6\">\n                                iLOL\u00ae, or Information Layered Over Layout, is a key to IndustryOS\u00ae. It forms the foundation of the Digital Twin technology used in IndustryOS\u00ae.\n                            <\/p>\n                            <div class=\"mt-auto pt-6 border-t border-brand-gold\/5 flex items-center justify-between\">\n                                <span class=\"text-[10px] font-bold text-brand-gold\/40 uppercase tracking-widest\">Trademarked<\/span>\n                                <div class=\"w-2 h-2 rounded-full bg-brand-accent\/20\"><\/div>\n                            <\/div>\n                        <\/article>\n                    <\/div>\n\n                    <!-- Card 8: BucketTheory -->\n                    <div class=\"trademark-card\">\n                        <article class=\"h-full bg-white p-10 rounded-[2.5rem] border border-brand-gold\/5 shadow-sm hover:shadow-xl hover:shadow-brand-gold\/5 transition-all duration-500 flex flex-col group\">\n                            <div class=\"mb-8 flex justify-between items-start\">\n                                <h3 class=\"text-2xl font-serif font-bold text-brand-gold group-hover:text-brand-accent transition-colors\">BucketTheory\u00ae<\/h3>\n                                <!-- <div class=\"px-3 py-1 bg-brand-gold\/5 text-[10px] font-bold text-brand-gold rounded-full border border-brand-gold\/10\">Data Analytics<\/div> -->\n                            <\/div>\n                            <p class=\"text-brand-dark\/60 text-sm leading-relaxed mb-6\">\n                                BucketTheory is an algorithm driven segregation of data profiling to find meaningful data analytics.\n                            <\/p>\n                            <div class=\"mt-auto pt-6 border-t border-brand-gold\/5 flex items-center justify-between\">\n                                <span class=\"text-[10px] font-bold text-brand-gold\/40 uppercase tracking-widest\">Trademarked<\/span>\n                                <div class=\"w-2 h-2 rounded-full bg-brand-accent\/20\"><\/div>\n                            <\/div>\n                        <\/article>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n\n            <!-- Controls -->\n            <div class=\"mt-12 flex flex-col md:flex-row items-center justify-between gap-8\">\n                <div class=\"flex gap-4\" id=\"sliderDots\">\n                    <!-- Dots generated by JS -->\n                <\/div>\n                <div class=\"flex gap-4\">\n                    <button id=\"prevBtn\" class=\"w-12 h-12 rounded-full border border-brand-gold\/10 flex items-center justify-center text-brand-gold hover:bg-brand-gold hover:text-white transition-all duration-300\">\n                        <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path><\/svg>\n                    <\/button>\n                    <button id=\"nextBtn\" class=\"w-12 h-12 rounded-full border border-brand-gold\/10 flex items-center justify-center text-brand-gold hover:bg-brand-gold hover:text-white transition-all duration-300\">\n                        <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"><\/path><\/svg>\n                    <\/button>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', () => {\n            const track = document.getElementById('sliderTrack');\n            const cards = Array.from(track.children);\n            const nextBtn = document.getElementById('nextBtn');\n            const prevBtn = document.getElementById('prevBtn');\n            const dotsContainer = document.getElementById('sliderDots');\n\n            let currentIndex = 0;\n            const cardCount = cards.length;\n            \n            \/\/ Adjust cards per view based on viewport\n            function getVisibleCards() {\n                if (window.innerWidth >= 1024) return 3;\n                if (window.innerWidth >= 768) return 2;\n                return 1;\n            }\n\n            \/\/ Create Dots\n            function createDots() {\n                dotsContainer.innerHTML = '';\n                const visible = getVisibleCards();\n                const dotCount = cardCount - visible + 1;\n                for (let i = 0; i < dotCount; i++) {\n                    const dot = document.createElement('button');\n                    dot.className = 'w-3 h-3 rounded-full bg-brand-gold\/10 transition-all duration-300';\n                    dot.addEventListener('click', () => moveToSlide(i));\n                    dotsContainer.appendChild(dot);\n                }\n                updateDots();\n            }\n\n            function updateDots() {\n                const dots = Array.from(dotsContainer.children);\n                dots.forEach((dot, index) => {\n                    if (index === currentIndex) {\n                        dot.classList.add('dot-active');\n                    } else {\n                        dot.classList.remove('dot-active');\n                    }\n                });\n            }\n\n            function moveToSlide(index) {\n                const visible = getVisibleCards();\n                const maxIndex = cardCount - visible;\n                \n                if (index > maxIndex) {\n                    currentIndex = 0; \/\/ Infinite loop back to start\n                } else if (index < 0) {\n                    currentIndex = maxIndex; \/\/ Loop to end\n                } else {\n                    currentIndex = index;\n                }\n\n                const offset = currentIndex * (100 \/ visible);\n                track.style.transform = `translateX(-${offset}%)`;\n                updateDots();\n            }\n\n            nextBtn.addEventListener('click', () => {\n                moveToSlide(currentIndex + 1);\n                resetInterval();\n            });\n\n            prevBtn.addEventListener('click', () => {\n                moveToSlide(currentIndex - 1);\n                resetInterval();\n            });\n\n            \/\/ Auto Move\n            let slideInterval = setInterval(() => {\n                moveToSlide(currentIndex + 1);\n            }, 2000);\n\n            function resetInterval() {\n                clearInterval(slideInterval);\n                slideInterval = setInterval(() => {\n                    moveToSlide(currentIndex + 1);\n                }, 2000);\n            }\n\n            window.addEventListener('resize', () => {\n                createDots();\n                moveToSlide(0);\n            });\n\n            createDots();\n        });\n    <\/script>\n<\/div>\n\n\n\n\n\n\n\n    <!-- Trusted By -->\n    <section class=\"py-8 bg-gray-50 overflow-hidden\">\n        <div class=\"max-w-7xl mx-auto px-6 text-center mb-12\">\n            <h2 class=\"serif-text text-3xl text-slate-800\">Trusted by Industry Leaders<\/h2>\n        <\/div>\n        \n        <div class=\"relative flex overflow-hidden group\">\n            <div class=\"logo-track space-x-12 px-12\">\n                <!-- Logos - using actual company logos -->\n                <div class=\"flex items-center justify-center w-48 grayscale-0 opacity-100 hover:grayscale hover:opacity-50 transition cursor-pointer\">\n                    <img decoding=\"async\" src=\"https:\/\/sparrowrms.in\/sparrow-rms\/wp-content\/uploads\/2023\/12\/abp.png\" alt=\"abp news\" class=\"h-12 w-auto object-contain\">\n                <\/div>\n                <div class=\"flex items-center justify-center w-48 grayscale-0 opacity-100 hover:grayscale hover:opacity-50 transition cursor-pointer\">\n                    <img decoding=\"async\" src=\"https:\/\/sparrowrms.in\/sparrow-rms\/wp-content\/uploads\/2023\/11\/1.webp\" alt=\"P&G\" class=\"h-12 w-auto object-contain\">\n                <\/div>\n                <div class=\"flex items-center justify-center w-48 grayscale-0 opacity-100 hover:grayscale hover:opacity-50 transition cursor-pointer\">\n                    <img decoding=\"async\" src=\"https:\/\/sparrowrms.in\/sparrow-rms\/wp-content\/uploads\/2023\/11\/3.webp\" alt=\"Panasonic\" class=\"h-12 w-auto object-contain\">\n                <\/div>\n                <div class=\"flex items-center justify-center w-48 grayscale-0 opacity-100 hover:grayscale hover:opacity-50 transition cursor-pointer\">\n                    <img decoding=\"async\" src=\"https:\/\/sparrowrms.in\/sparrow-rms\/wp-content\/uploads\/2023\/11\/4.webp\" alt=\"Mahindra\" class=\"h-12 w-auto object-contain\">\n                <\/div>\n                <div class=\"flex items-center justify-center w-48 grayscale-0 opacity-100 hover:grayscale hover:opacity-50 transition cursor-pointer\">\n                    <img decoding=\"async\" src=\"https:\/\/sparrowrms.in\/sparrow-rms\/wp-content\/uploads\/2023\/11\/5.webp\" alt=\"L&T\" class=\"h-12 w-auto object-contain\">\n                <\/div>\n                <!-- Duplicate for seamless scroll -->\n                <div class=\"flex items-center justify-center w-48 grayscale-0 opacity-100 hover:grayscale hover:opacity-50 transition cursor-pointer\">\n                    <img decoding=\"async\" src=\"https:\/\/sparrowrms.in\/sparrow-rms\/wp-content\/uploads\/2023\/11\/6.webp\" alt=\"TATA\" class=\"h-12 w-auto object-contain\">\n                <\/div>\n                <div class=\"flex items-center justify-center w-48 grayscale-0 opacity-100 hover:grayscale hover:opacity-50 transition cursor-pointer\">\n                    <img decoding=\"async\" src=\"https:\/\/sparrowrms.in\/sparrow-rms\/wp-content\/uploads\/2023\/11\/8.webp\" alt=\"P&G\" class=\"h-12 w-auto object-contain\">\n                <\/div>\n                <div class=\"flex items-center justify-center w-48 grayscale-0 opacity-100 hover:grayscale hover:opacity-50 transition cursor-pointer\">\n                    <img decoding=\"async\" src=\"https:\/\/sparrowrms.in\/sparrow-rms\/wp-content\/uploads\/2023\/12\/panasonic.png\" alt=\"Panasonic\" class=\"h-12 w-auto object-contain\">\n                <\/div>\n                <div class=\"flex items-center justify-center w-48 grayscale-0 opacity-100 hover:grayscale hover:opacity-50 transition cursor-pointer\">\n                    <img decoding=\"async\" src=\"https:\/\/sparrowrms.in\/sparrow-rms\/wp-content\/uploads\/2023\/11\/12.webp\" alt=\"Amazon\" class=\"h-12 w-auto object-contain\">\n                <\/div>\n                <div class=\"flex items-center justify-center w-48 grayscale-0 opacity-100 hover:grayscale hover:opacity-50 transition cursor-pointer\">\n                    <img decoding=\"async\" src=\"https:\/\/sparrowrms.in\/sparrow-rms\/wp-content\/uploads\/2023\/11\/10.webp\" alt=\"L&T\" class=\"h-12 w-auto object-contain\">\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"flex justify-center mt-8 space-x-2\">\n            <div class=\"w-2 h-2 bg-brand-gold rounded-full\"><\/div>\n            <div class=\"w-2 h-2 bg-gray-300 rounded-full\"><\/div>\n            <div class=\"w-2 h-2 bg-gray-300 rounded-full\"><\/div>\n        <\/div>\n    <\/section>\n\n\n<!-- Modern Classic Editorial Section with brand colors and Playfair Display fonts -->\n    <section class=\"py-20 md:py-28 px-6 md:px-12 bg-gradient-to-b from-[#F8F9FA] via-[#F4F1EE]\/40 to-[#F8F9FA] dark:from-[#0F1B2D] dark:via-[#132238] dark:to-[#0F1B2D] relative overflow-hidden style-transition\">\n        \n        <!-- Elegant subtle abstract circles using company branding tone -->\n        <div class=\"absolute top-0 left-0 w-80 h-80 bg-[#0d4640]\/5 rounded-full blur-3xl pointer-events-none\"><\/div>\n        <div class=\"absolute bottom-0 right-0 w-96 h-96 bg-[#2D5A47]\/5 rounded-full blur-3xl pointer-events-none\"><\/div>\n\n        <div class=\"max-w-6xl mx-auto relative z-10\">\n            <!-- Header Group -->\n            <div class=\"text-center mb-16 md:mb-20\">\n                <span class=\"inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-[#0d4640]\/10 border border-[#0d4640]\/20 text-[#0d4640] dark:text-[#2D5A47] dark:bg-[#2D5A47]\/10 dark:border-[#2D5A47]\/20 font-semibold text-xs uppercase tracking-[0.15em] mb-4 font-sans\">\n                    <span class=\"w-1.5 h-1.5 rounded-full bg-[#2D5A47] animate-pulse\"><\/span>\n                    Take the Next Step\n                <\/span>\n                <h2 class=\"font-serif text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-normal text-[#0F1B2D] dark:text-white leading-[1.15] mb-6\">\n                    Ready to Transform <br class=\"hidden sm:inline\" \/>Your <span class=\"italic text-[#0d4640] dark:text-[#2D5A47] font-semibold\">Operations?<\/span>\n                <\/h2>\n                <div class=\"w-20 h-[2px] bg-gradient-to-r from-transparent via-[#0d4640] to-transparent mx-auto mb-6\"><\/div>\n                <p class=\"text-slate-600 dark:text-slate-300 text-base md:text-lg max-w-2xl mx-auto leading-relaxed font-sans\">\n                    Explore our success stories or connect with our experts to start your journey towards excellence.\n                <\/p>\n            <\/div>\n\n            <!-- Card Interactive Grid -->\n            <div class=\"grid md:grid-cols-2 gap-8 max-w-5xl mx-auto font-sans\">\n                \n                <!-- Card 1: Success Stories -->\n                <a href=\"https:\/\/sparrowrms.in\/sparrow-rms\/case-study\/\" class=\"group block h-full\">\n                    <div class=\"h-full relative bg-white\/90 dark:bg-slate-900\/90 rounded-2xl p-8 md:p-10 border border-slate-200\/80 dark:border-slate-800\/80 hover:border-[#0d4640]\/50 dark:hover:border-[#2D5A47]\/50 transition-all duration-300 shadow-sm hover:shadow-xl hover:shadow-[#0d4640]\/5 hover:-translate-y-1.5 flex flex-col justify-between\">\n                        <div>\n                            <div class=\"w-14 h-14 bg-[#0d4640]\/10 dark:bg-[#2D5A47]\/20 rounded-xl flex items-center justify-center group-hover:scale-110 transition-transform duration-300 mb-6\">\n                                <svg class=\"w-7 h-7 text-[#0d4640] dark:text-[#2D5A47]\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <h3 class=\"text-2xl font-bold text-[#0F1B2D] dark:text-white mb-3 group-hover:text-[#0d4640] dark:group-hover:text-[#2D5A47] transition-colors font-serif\">View Case Studies<\/h3>\n                            <p class=\"text-slate-500 dark:text-slate-350 text-sm md:text-base leading-relaxed mb-6\">\n                                Discover how we've helped 600+ clients achieve operational excellence across 16 countries.\n                            <\/p>\n                        <\/div>\n                        <span class=\"inline-flex items-center text-[#0d4640] dark:text-[#2D5A47] font-bold text-sm tracking-wide group-hover:translate-x-2 transition-transform duration-300 mt-auto pt-4 border-t border-slate-100 dark:border-slate-800\/50\">\n                            Explore Success Stories \n                            <svg class=\"w-4 h-4 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\n                            <\/svg>\n                        <\/span>\n                    <\/div>\n                <\/a>\n\n                <!-- Card 2: Contact CTA -->\n                <a href=\"https:\/\/sparrowrms.in\/sparrow-rms\/contact\/\" class=\"group block h-full\">\n                    <div class=\"h-full relative bg-gradient-to-br from-[#1A3C34] via-[#0d4640] to-[#0F1B2D] dark:from-[#0d4640] dark:via-[#1A3C34] dark:to-slate-950 rounded-2xl p-8 md:p-10 border border-emerald-900\/50 hover:border-[#2D5A47]\/40 transition-all duration-300 shadow-xl hover:shadow-[#0d4640]\/10 hover:-translate-y-1.5 flex flex-col justify-between overflow-hidden\">\n                        \n                        <!-- Background Accent blur -->\n                        <div class=\"absolute -right-10 -bottom-10 w-44 h-44 bg-[#2D5A47]\/10 rounded-full blur-2xl group-hover:bg-[#2D5A47]\/20 transition-all duration-500\"><\/div>\n                        \n                        <div class=\"relative z-10\">\n                            <div class=\"w-14 h-14 bg-white\/10 rounded-xl flex items-center justify-center group-hover:rotate-6 transition-transform duration-300 mb-6 shadow-md\">\n                                <svg class=\"w-7 h-7 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <h3 class=\"text-2xl font-bold text-white mb-3 font-serif\">Get Started Today<\/h3>\n                            <p class=\"text-emerald-100\/80 text-sm md:text-base leading-relaxed mb-6\">\n                                Connect with our expert team and begin your transformation journey.\n                            <\/p>\n                        <\/div>\n                        <span class=\"inline-flex items-center text-white font-bold text-sm tracking-wide group-hover:translate-x-2 transition-transform duration-300 mt-auto pt-4 border-t border-white\/10 relative z-10\">\n                            Contact Our Team \n                            <svg class=\"w-4 h-4 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\n                            <\/svg>\n                        <\/span>\n                    <\/div>\n                <\/a>\n            <\/div>\n\n            <!-- Trust Badges Section -->\n     \n        <\/div>\n    <\/section>\n\n\n    <script>\n        \/\/ Carousel functionality\n(function() {\n    const slides = document.querySelectorAll('.carousel-slide');\n    const dots = document.querySelectorAll('.carousel-dot');\n    const prevBtn = document.getElementById('prev-slide');\n    const nextBtn = document.getElementById('next-slide');\n    let currentSlide = 0;\n    let autoPlayInterval;\n    const totalSlides = slides.length;\n    const autoPlayDelay = 5000; \/\/ 5 seconds for better viewing time\n\n    function showSlide(index) {\n        \/\/ Remove active state from all slides and dots with smooth transition\n        slides.forEach(slide => {\n            slide.style.transition = 'opacity 1s ease-in-out';\n            slide.classList.remove('opacity-100');\n            slide.classList.add('opacity-0');\n        });\n        dots.forEach(dot => {\n            dot.classList.remove('bg-white\/90', 'scale-125');\n            dot.classList.add('bg-white\/40');\n        });\n\n        \/\/ Add active state to current slide and dot with smooth transition\n        setTimeout(() => {\n            slides[index].classList.remove('opacity-0');\n            slides[index].classList.add('opacity-100');\n        }, 50);\n        \n        dots[index].classList.remove('bg-white\/40');\n        dots[index].classList.add('bg-white\/90', 'scale-125');\n    }\n\n    function nextSlide() {\n        currentSlide = (currentSlide + 1) % totalSlides;\n        showSlide(currentSlide);\n    }\n\n    function prevSlide() {\n        currentSlide = (currentSlide - 1 + totalSlides) % totalSlides;\n        showSlide(currentSlide);\n    }\n\n    function startAutoPlay() {\n        stopAutoPlay(); \/\/ Clear any existing interval first\n        autoPlayInterval = setInterval(nextSlide, autoPlayDelay);\n    }\n\n    function stopAutoPlay() {\n        if (autoPlayInterval) {\n            clearInterval(autoPlayInterval);\n            autoPlayInterval = null;\n        }\n    }\n\n    function resetAutoPlay() {\n        stopAutoPlay();\n        startAutoPlay();\n    }\n\n    \/\/ Event listeners for navigation\n    nextBtn.addEventListener('click', function() {\n        nextSlide();\n        resetAutoPlay();\n    });\n\n    prevBtn.addEventListener('click', function() {\n        prevSlide();\n        resetAutoPlay();\n    });\n\n    \/\/ Event listeners for dots\n    dots.forEach((dot, index) => {\n        dot.addEventListener('click', function() {\n            currentSlide = index;\n            showSlide(currentSlide);\n            resetAutoPlay();\n        });\n    });\n\n    \/\/ Pause on hover\n    const carouselContainer = document.querySelector('#carousel-container').parentElement;\n    carouselContainer.addEventListener('mouseenter', stopAutoPlay);\n    carouselContainer.addEventListener('mouseleave', startAutoPlay);\n\n    \/\/ Start autoplay\n    startAutoPlay();\n})();\n\n\/\/ Read More \/ View Less functionality with typing effect - Auto trigger on scroll\n(function() {\n    const readMoreBtn = document.getElementById('readMoreBtn');\n    const hiddenContent = document.getElementById('hiddenContent');\n    \n    \/\/ Exit if elements don't exist\n    if (!readMoreBtn || !hiddenContent) return;\n    \n    let isExpanded = false;\n    let typingTimeout = null;\n    let charIndex = 0;\n    let fullText = '';\n    let isVisible = false;\n    let hasStartedTyping = false;\n    let isMobile = window.innerWidth <= 768;\n\n    \/\/ Initialize the content\n    function initializeContent() {\n        fullText = hiddenContent.innerHTML;\n        hiddenContent.innerHTML = '';\n        hiddenContent.classList.remove('hidden');\n        hiddenContent.style.display = 'block';\n    }\n\n    \/\/ Type character function\n    function typeCharacter() {\n        \/\/ On mobile, don't use typing effect - just show content\n        if (isMobile) {\n            hiddenContent.innerHTML = fullText;\n            charIndex = fullText.length;\n            isExpanded = true;\n            readMoreBtn.innerHTML = 'View Less <span class=\"ml-2\">\u2192<\/span>';\n            return;\n        }\n        \n        if (!isVisible) return; \/\/ Stop if section is not visible\n        \n        if (charIndex < fullText.length) {\n            \/\/ Check if we're at an HTML tag\n            if (fullText.charAt(charIndex) === '<') {\n                \/\/ Find the closing >\n                const tagEnd = fullText.indexOf('>', charIndex);\n                if (tagEnd !== -1) {\n                    \/\/ Add the complete HTML tag at once\n                    const htmlTag = fullText.substring(charIndex, tagEnd + 1);\n                    hiddenContent.innerHTML += htmlTag;\n                    charIndex = tagEnd + 1;\n                } else {\n                    \/\/ If no closing >, just add the character\n                    hiddenContent.innerHTML += fullText.charAt(charIndex);\n                    charIndex++;\n                }\n            } else {\n                hiddenContent.innerHTML += fullText.charAt(charIndex);\n                charIndex++;\n            }\n            \n            \/\/ Calculate speed to complete in 1 second total\n            const typingSpeed = 1000 \/ fullText.length;\n            typingTimeout = setTimeout(typeCharacter, typingSpeed);\n        } else {\n            \/\/ Typing complete\n            isExpanded = true;\n            readMoreBtn.innerHTML = 'View Less <span class=\"ml-2\">\u2192<\/span>';\n        }\n    }\n\n    \/\/ Start typing\n    function startTyping() {\n        if (hasStartedTyping) return;\n        hasStartedTyping = true;\n        isVisible = true;\n        typeCharacter();\n    }\n\n    \/\/ Pause typing when section is not visible\n    function pauseTyping() {\n        isVisible = false;\n        if (typingTimeout) {\n            clearTimeout(typingTimeout);\n        }\n    }\n\n    \/\/ Resume typing when section becomes visible again\n    function resumeTyping() {\n        if (hasStartedTyping && charIndex < fullText.length) {\n            isVisible = true;\n            typeCharacter();\n        }\n    }\n\n    \/\/ Intersection Observer to detect when section is visible (Desktop only)\n    if (!isMobile) {\n        const contentSection = hiddenContent.closest('section') || hiddenContent.parentElement.closest('section');\n        \n        if (contentSection) {\n            const observerOptions = {\n                threshold: 0.3, \/\/ Trigger when 30% of section is visible\n                rootMargin: '0px'\n            };\n\n            const sectionObserver = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting && !isExpanded) {\n                        \/\/ Section is visible - start or resume typing\n                        if (!hasStartedTyping) {\n                            startTyping();\n                        } else {\n                            resumeTyping();\n                        }\n                    } else {\n                        \/\/ Section is not visible - pause typing\n                        pauseTyping();\n                    }\n                });\n            }, observerOptions);\n\n            sectionObserver.observe(contentSection);\n        }\n    }\n\n    \/\/ Button click handler for manual toggle (Works on both desktop and mobile)\n    readMoreBtn.addEventListener('click', function(e) {\n        e.preventDefault();\n        \n        if (isMobile) {\n            \/\/ Mobile: Simple toggle without typing\n            if (!isExpanded) {\n                \/\/ Show content\n                hiddenContent.style.display = 'block';\n                hiddenContent.innerHTML = fullText || hiddenContent.getAttribute('data-content');\n                isExpanded = true;\n                readMoreBtn.innerHTML = 'View Less <span class=\"ml-2\">\u2192<\/span>';\n            } else {\n                \/\/ Hide content\n                hiddenContent.style.display = 'none';\n                isExpanded = false;\n                readMoreBtn.innerHTML = 'Read More <span class=\"ml-2\">\u2192<\/span>';\n            }\n        } else {\n            \/\/ Desktop: Use typing effect\n            if (!hasStartedTyping) {\n                \/\/ If typing hasn't started, start it\n                initializeContent();\n                startTyping();\n            } else if (!isExpanded) {\n                \/\/ If typing was paused, resume it\n                resumeTyping();\n            } else {\n                \/\/ Hide content\n                if (typingTimeout) {\n                    clearTimeout(typingTimeout);\n                }\n                hiddenContent.classList.add('hidden');\n                hiddenContent.style.display = 'none';\n                hiddenContent.innerHTML = fullText;\n                charIndex = 0;\n                hasStartedTyping = false;\n                isExpanded = false;\n                readMoreBtn.innerHTML = 'Read More <span class=\"ml-2\">\u2192<\/span>';\n            }\n        }\n    });\n\n    \/\/ Store content for mobile toggle\n    hiddenContent.setAttribute('data-content', hiddenContent.innerHTML);\n    \n    \/\/ Initialize on page load\n    initializeContent();\n    \n    \/\/ Handle window resize\n    window.addEventListener('resize', function() {\n        isMobile = window.innerWidth <= 768;\n    });\n})();\n\n\/\/ Simple logic to add sticky header shadow on scroll\nwindow.addEventListener('scroll', function() {\n    const header = document.querySelector('header');\n    if (window.scrollY > 20) {\n        header.classList.add('shadow-sm');\n    } else {\n        header.classList.remove('shadow-sm');\n    }\n});\n\n\n\n\n\n\n           document.addEventListener('DOMContentLoaded', () => {\n            const observerOptions = {\n                threshold: 0.1\n            };\n\n            const revealObserver = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('active');\n                        \n                        \/\/ If this element contains progress bars, trigger them\n                        const progressBars = entry.target.querySelectorAll('.progress-bar-fill');\n                        progressBars.forEach(bar => {\n                            bar.style.width = bar.getAttribute('data-value');\n                        });\n                    }\n                });\n            }, observerOptions);\n\n            document.querySelectorAll('.reveal').forEach(el => revealObserver.observe(el));\n        });\n\n  \n               \n    <\/script>\n\n\n\n\n    \n<script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n\n        const text = [\n            \"\u0906\u0924\u094d\u092e-\u0928\u093f\u0930\u094d\u092d\u0930 \u092d\u093e\u0930\u0924\",\n            \"Self Reliant India\",\n            \"\u0c38\u0c4d\u0c35\u0c40\u0c2f \u0c06\u0c27\u0c3e\u0c30\u0c3f\u0c24 \u0c2d\u0c3e\u0c30\u0c24\u0c26\u0c47\u0c36\u0c02\",\n            \"\u0b9a\u0bc1\u0baf \u0b9a\u0bbe\u0bb0\u0bcd\u0baa\u0bc1 \u0b87\u0ba8\u0bcd\u0ba4\u0bbf\u0baf\u0bbe\",\n            \"\u09b8\u09cd\u09ac\u09a8\u09bf\u09b0\u09cd\u09ad\u09b0 \u09ad\u09be\u09b0\u09a4\",\n            \"\u0cb8\u0ccd\u0cb5\u0caf\u0c82 \u0c85\u0cb5\u0cb2\u0c82\u0cac\u0cbf\u0ca4 \u0cad\u0cbe\u0cb0\u0ca4\",\n            \"\u0d38\u0d4d\u0d35\u0d2f\u0d02 \u0d06\u0d36\u0d4d\u0d30\u0d2f\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d28\u0d4d\u0d28 \u0d07\u0d28\u0d4d\u0d24\u0d4d\u0d2f\",\n            \"\u0ab8\u0acd\u0ab5\u0aa8\u0abf\u0ab0\u0acd\u0aad\u0ab0 \u0aad\u0abe\u0ab0\u0aa4\",\n            \"\u0a38\u0a35\u0a48 \u0a28\u0a3f\u0a30\u0a2d\u0a30 \u0a2d\u0a3e\u0a30\u0a24\",\n            \"\u0938\u094d\u0935\u093e\u0935\u0932\u0902\u092c\u0940 \u092d\u093e\u0930\u0924\",\n            \"\u0b06\u0b24\u0b4d\u0b2e \u0b28\u0b3f\u0b30\u0b4d\u0b2d\u0b30\u0b36\u0b40\u0b33 \u0b2d\u0b3e\u0b30\u0b24\",\n            \"\u062e\u0648\u062f \u067e\u0631 \u0645\u0646\u062d\u0635\u0631 \u06c1\u0646\u062f\u0648\u0633\u062a\u0627\u0646\"\n        ];\n\n        let counter = 0;\n        const elem = document.getElementById(\"blinkText\");\n\n        function changeText() {\n\n            elem.classList.remove(\"text-change\");\n\n            setTimeout(() => {\n\n                elem.textContent = text[counter];\n\n                elem.classList.add(\"text-change\");\n\n                counter = (counter + 1) % text.length;\n\n            }, 80);\n        }\n\n        changeText();\n\n        setInterval(changeText, 2200);\n\n    });\n<\/script>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-138","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/sparrowrms.in\/sparrow-rms\/wp-json\/wp\/v2\/pages\/138","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sparrowrms.in\/sparrow-rms\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sparrowrms.in\/sparrow-rms\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sparrowrms.in\/sparrow-rms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sparrowrms.in\/sparrow-rms\/wp-json\/wp\/v2\/comments?post=138"}],"version-history":[{"count":2,"href":"https:\/\/sparrowrms.in\/sparrow-rms\/wp-json\/wp\/v2\/pages\/138\/revisions"}],"predecessor-version":[{"id":20091,"href":"https:\/\/sparrowrms.in\/sparrow-rms\/wp-json\/wp\/v2\/pages\/138\/revisions\/20091"}],"wp:attachment":[{"href":"https:\/\/sparrowrms.in\/sparrow-rms\/wp-json\/wp\/v2\/media?parent=138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}