{"id":2,"date":"2026-01-29T10:39:58","date_gmt":"2026-01-29T10:39:58","guid":{"rendered":"https:\/\/schoolerp.cyborgerp.com\/?page_id=2"},"modified":"2026-02-17T12:53:36","modified_gmt":"2026-02-17T12:53:36","slug":"cyborgerp","status":"publish","type":"page","link":"https:\/\/schoolerp.cyborgerp.com\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ee69494 e-flex e-con-boxed e-con e-parent\" data-id=\"3ee69494\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a09889 elementor-widget elementor-widget-html\" data-id=\"6a09889\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ===============================\r\n   HERO SECTION\r\n================================ *\/\r\n\r\n.hero1 {\r\n    position: relative;\r\n    padding: 150px 0 80px;\r\n    background: #fff7ed;\r\n    overflow: hidden;\r\n    color: #172B4D;\r\n}\r\n\r\n.hero1-background {\r\n    position: absolute;\r\n    inset: 0;\r\n    opacity: 0.08;\r\n    background-image: \r\n        radial-gradient(circle at 20% 50%, #E84C3D 1px, transparent 1px),\r\n        radial-gradient(circle at 80% 80%, #172B4D 1px, transparent 1px);\r\n    background-size: 50px 50px;\r\n}\r\n\r\n\/* ===============================\r\n   LAYOUT\r\n================================ *\/\r\n\r\n.hero1-content {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 4rem;\r\n    align-items: center;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* ===============================\r\n   TEXT & HEADINGS\r\n================================ *\/\r\n\r\n.hero1-title {\r\n    font-size: 3.6rem;\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n    margin-bottom: 1.5rem;\r\n    color: #172B4D;\r\n}\r\n\r\n.hero1-subtitle {\r\n    font-size: 1.5rem;\r\n    color: #172B4D;\r\n    margin-bottom: 2rem;\r\n    line-height: 1.8;\r\n}\r\n\r\n.hero1 p,\r\n.hero1 span,\r\n.hero1 strong,\r\n.hero1 h1,\r\n.hero1 h2,\r\n.hero1 h3,\r\n.hero1 h4,\r\n.hero1 h5,\r\n.hero1 h6 {\r\n    color: #172B4D;\r\n}\r\n\r\n\/* ===============================\r\n   STATS\r\n================================ *\/\r\n\r\n.hero1-stats {\r\n    display: flex;\r\n    gap: 2rem;\r\n    margin-bottom: 2rem;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.stat-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 1rem;\r\n    padding: 1rem 1.5rem;\r\n    background: #ffffff;\r\n    border-radius: 12px;\r\n    box-shadow: 0 14px 30px rgba(0,0,0,0.12);\r\n}\r\n\r\n.stat-item i {\r\n    font-size: 2rem;\r\n    color: #E84C3D;\r\n}\r\n\r\n.stat-item strong {\r\n    display: block;\r\n    font-size: 2.3rem;\r\n    font-weight: 700;\r\n    color: #172B4D;\r\n}\r\n\r\n.stat-item span {\r\n    display: block;\r\n    font-size: 1.875rem;\r\n    color: #172B4D;\r\n}\r\n\r\n\/* ===============================\r\n   CTA\r\n================================ *\/\r\n\r\n.hero1-cta {\r\n    display: flex;\r\n    gap: 1rem;\r\n    margin-bottom: 1.5rem;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.trial-note {\r\n    font-weight: 500;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n    color: #172B4D;\r\n}\r\n\r\n.trial-note i {\r\n    color: #E84C3D;\r\n}\r\n\r\n\/* ===============================\r\n   BUTTONS\r\n================================ *\/\r\n\r\n.hero1-cta a {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 16px 32px;\r\n    font-size: 1.5rem;\r\n    font-weight: 600;\r\n    border-radius: 12px;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n\/* PRIMARY BUTTON *\/\r\n\r\n.hero1-cta .btn-primary {\r\n    background: #E84C3D;\r\n    color: #ffffff;\r\n    border: 2px solid #E84C3D;\r\n}\r\n\r\n.hero1-cta .btn-primary:hover {\r\n    background: #c43a2e;\r\n    border-color: #c43a2e;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\/* SECONDARY BUTTON *\/\r\n\r\n.hero1-cta .btn-secondary {\r\n    background: #ffffff;\r\n    color: #E84C3D;\r\n    border: 2px solid #E84C3D;\r\n    box-shadow: 0 14px 30px rgba(0,0,0,0.12);\r\n}\r\n\r\n.hero1-cta .btn-secondary:hover {\r\n    background: #E84C3D;\r\n    color: #ffffff;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\/* ===============================\r\n   IMAGE (GIF ONLY)\r\n================================ *\/\r\n\r\n.hero1-image {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 520px;\r\n    margin: auto;\r\n}\r\n\r\n.hero1-image img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    border-radius: 20px;\r\n    background: #ffffff;\r\n    border: 4px solid #ffffff;\r\n    box-shadow: 0 20px 50px rgba(0,0,0,0.18);\r\n}\r\n\r\n\/* ===============================\r\n   RESPONSIVE\r\n================================ *\/\r\n\r\n@media (max-width: 991px) {\r\n    .hero1-content {\r\n        grid-template-columns: 1fr;\r\n        text-align: center;\r\n    }\r\n\r\n    .hero1-stats {\r\n        justify-content: center;\r\n    }\r\n\r\n    .hero1-cta {\r\n        justify-content: center;\r\n    }\r\n\r\n    .hero1-image {\r\n        margin-top: 3rem;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"hero1\" id=\"home\">\r\n    <div class=\"hero1-background\"><\/div>\r\n\r\n    <div class=\"container\">\r\n        <div class=\"hero1-content\">\r\n\r\n            <!-- TEXT -->\r\n            <div class=\"hero1-text\">\r\n                <h1 class=\"hero1-title\">Complete Digital School Management Platform<\/h1>\r\n                <p class=\"hero1-subtitle\">\r\n                    Streamline operations, enhance communication, and drive academic excellence\r\n                    with India's most trusted School ERP\r\n                <\/p>\r\n\r\n                <div class=\"hero1-stats\">\r\n                    <div class=\"stat-item\">\r\n                        <i class=\"fas fa-school\"><\/i>\r\n                        <div>\r\n                            <strong>500+<\/strong>\r\n                            <span>Schools<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n\r\n  <div class=\"stat-item\">\r\n                        <i class=\"fas fa-university\"><\/i>\r\n                        <div>\r\n                            <strong>120+<\/strong>\r\n                            <span>Digital Services<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"stat-item\">\r\n                        <i class=\"fas fa-university\"><\/i>\r\n                        <div>\r\n                            <strong>50+<\/strong>\r\n                            <span>Satisfied Colleges\r\n<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                     <div class=\"stat-item\">\r\n                        <i class=\"fas fa-users\"><\/i>\r\n                        <div>\r\n                            <strong>600+<\/strong>\r\n                            <span>  Satisfied Customer<\/span>\r\n                        <\/div>\r\n                        \r\n                            <\/div>\r\n\r\n  <div class=\"stat-item\">\r\n                        <i class=\"fas fa-users\"><\/i>\r\n                        <div>\r\n                            <strong>20+<\/strong>\r\n                            <span>Universities<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"stat-item\">\r\n                        <i class=\"fas fa-users\"><\/i>\r\n                        <div>\r\n                            <strong>5,00,000+<\/strong>\r\n                            <span>Active Users<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"hero1-cta\">\r\n                    <a href=\"https:\/\/www.cyborgerp.com\/book-your-demo-with-cyborg\/\" class=\"btn btn-primary btn-lg\">\r\n                        Book A Demo\r\n                    <\/a>\r\n                    <a href=\"https:\/\/www.cyborgerp.com\/SCHOOL-erp\/\" class=\"btn btn-secondary btn-lg\">\r\n                        Explore Features\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <p class=\"trial-note\">\r\n                    <i class=\"fas fa-gift\"><\/i>\r\n                    3-Month Full Version Free Trial \u2013 No Feature Restrictions\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- GIF IMAGE -->\r\n            <div class=\"hero1-image\">\r\n                <img decoding=\"async\" src=\"http:\/\/schoolerp.cyborgerp.com\/wp-content\/uploads\/2026\/01\/SCHOOL-ERP.gif\" alt=\"School ERP Platform Demo\">\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-26f082f elementor-widget elementor-widget-html\" data-id=\"26f082f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"cyborg-trust-container\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n   <style>\r\n\/* ===============================\r\n   TRUST BANNER \u2013 UPDATED THEME\r\n================================ *\/\r\n\r\n#cyborg-trust-container {\r\n    --brand-blue: #172B4D;\r\n    --white: #ffffff;\r\n    --white-soft: rgba(255, 255, 255, 0.85);\r\n    --white-muted: rgba(255, 255, 255, 0.6);\r\n    --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n\r\n    font-family: var(--font-primary);\r\n}\r\n\r\n\/* Banner *\/\r\n.trust-banner {\r\n    background: #172B4D;\r\n    color: var(--white);\r\n    padding: 1.5rem 0;\r\n    width: 100%;\r\n    box-shadow: 0 12px 32px rgba(23, 43, 77, 0.45);\r\n}\r\n\r\n\/* Container *\/\r\n.trust-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n}\r\n\r\n\/* Content layout *\/\r\n.trust-content {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 2rem;\r\n}\r\n\r\n\/* Main text *\/\r\n.trust-content p {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.75rem;\r\n    font-size: 1.5rem;\r\n    font-weight: 600;\r\n    margin: 0;\r\n    color: var(--white);\r\n}\r\n\r\n\/* Shield icon *\/\r\n.trust-content p i {\r\n    color: var(--white-soft);\r\n    font-size: 1.3rem;\r\n}\r\n\r\n\/* Badges *\/\r\n.trust-badges {\r\n    display: flex;\r\n    gap: 2rem;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.trust-badges span {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n    font-weight: 500;\r\n    color: var(--white);\r\n    background: rgba(255, 255, 255, 0.12);\r\n    padding: 0.55rem 1rem;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(255, 255, 255, 0.35);\r\n    backdrop-filter: blur(3px);\r\n}\r\n\r\n\/* Badge icons *\/\r\n.trust-badges i {\r\n    color: var(--white-soft);\r\n    font-size: 1rem;\r\n}\r\n\r\n\/* ===============================\r\n   RESPONSIVE\r\n================================ *\/\r\n\r\n@media (max-width: 768px) {\r\n    .trust-content {\r\n        flex-direction: column;\r\n        text-align: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .trust-content p {\r\n        justify-content: center;\r\n    }\r\n\r\n    .trust-badges {\r\n        justify-content: center;\r\n        gap: 1rem;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n\r\n    <section class=\"trust-banner\">\r\n        <div class=\"trust-container\">\r\n            <div class=\"trust-content\">\r\n                <p><i class=\"fas fa-shield-alt\"><\/i> Trusted by prestigious institutions across India<\/p>\r\n                <div class=\"trust-badges\">\r\n                    <span><i class=\"fas fa-check-circle\"><\/i> Secure<\/span>\r\n                    <span><i class=\"fas fa-check-circle\"><\/i> Scalable<\/span>\r\n                    <span><i class=\"fas fa-check-circle\"><\/i> Cloud-Ready<\/span>\r\n                    <span><i class=\"fas fa-check-circle\"><\/i> 20+ Years Experience<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        \/* --- JAVASCRIPT --- *\/\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            console.log('Trust Banner Container Loaded');\r\n        });\r\n    <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-24594d5 elementor-widget elementor-widget-html\" data-id=\"24594d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"cyborg-why-container\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ===============================\r\n   WHY CYBORG \u2013 UPDATED THEME\r\n================================ *\/\r\n\r\n#cyborg-why-container {\r\n    --brand-blue: #172B4D;\r\n    --brand-accent: #E84C3D;\r\n\r\n    --dark: #1e293b;\r\n    --gray: #64748b;\r\n    --gray-dark: #334155;\r\n    --light: #fff7ed;\r\n    --white: #ffffff;\r\n\r\n    --font-primary: 'Inter', sans-serif;\r\n    --font-heading: 'Poppins', sans-serif;\r\n\r\n    --shadow-lg: 0 20px 40px rgba(232, 76, 61, 0.18);\r\n    --transition: all 0.3s ease;\r\n\r\n    font-family: var(--font-primary);\r\n    padding: 80px 0;\r\n    background: var(--white);\r\n}\r\n\r\n\/* ===== Layout ===== *\/\r\n#cyborg-why-container .container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n}\r\n\r\n\/* ===== Section Header ===== *\/\r\n#cyborg-why-container .section-header {\r\n    text-align: center;\r\n    margin-bottom: 2.5rem;\r\n}\r\n\r\n#cyborg-why-container .section-header h2 {\r\n    font-size: 3.8rem;\r\n    font-weight: 600;\r\n    margin-bottom: 1rem;\r\n    font-family: var(--font-heading);\r\n    color: var(--brand-blue);\r\n}\r\n\r\n#cyborg-why-container .section-header p {\r\n    font-size: 1.8rem;\r\n    color: var(--gray);\r\n}\r\n\r\n\/* ===============================\r\n   VIDEO SECTION\r\n================================ *\/\r\n\r\n#cyborg-why-container .why-video {\r\n    margin: 0 auto 4rem;\r\n    max-width: 1000px;\r\n}\r\n\r\n#cyborg-why-container .video-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 9;\r\n    border-radius: 22px;\r\n    overflow: hidden;\r\n    background: #ffffff;\r\n    box-shadow: var(--shadow-lg);\r\n}\r\n\r\n#cyborg-why-container .video-wrapper video {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n    background: #ffffff; \/* optional \u2013 avoids black bars *\/\r\n}\r\n\r\n\r\n\/* ===== Cards ===== *\/\r\n#cyborg-why-container .why-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n    gap: 2rem;\r\n}\r\n\r\n#cyborg-why-container .why-card {\r\n    background: var(--light);\r\n    padding: 2rem;\r\n    border-radius: 18px;\r\n    transition: var(--transition);\r\n    border: 2px solid transparent;\r\n}\r\n\r\n#cyborg-why-container .why-card:hover {\r\n    transform: translateY(-10px);\r\n    border-color: #172B4D;\r\n    box-shadow: var(--shadow-lg);\r\n    background: var(--white);\r\n}\r\n\r\n\/* ===== Icon ===== *\/\r\n#cyborg-why-container .icon-wrapper {\r\n    width: 70px;\r\n    height: 70px;\r\n    background: rgba(232, 76, 61, 0.12);\r\n    border-radius: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 1.5rem;\r\n    border: 2px solid #172B4D;\r\n    box-shadow: 0 10px 25px rgba(232, 76, 61, 0.35);\r\n}\r\n\r\n#cyborg-why-container .icon-wrapper i {\r\n    font-size: 3rem;\r\n    color: var(--brand-accent);\r\n}\r\n\r\n\/* ===== Text ===== *\/\r\n#cyborg-why-container .why-card h3 {\r\n    font-size: 2.1rem;\r\n    margin-bottom: 1rem;\r\n    font-family: var(--font-heading);\r\n    color: var(--brand-blue);\r\n}\r\n\r\n#cyborg-why-container .why-card p {\r\n    color: var(--gray-dark);\r\n    line-height: 1.8;\r\n    margin: 0;\r\n}\r\n\r\n\/* ===== CYBORG WHY \u2013 MOBILE HARD FIX ===== *\/\r\n@media (max-width: 768px) {\r\n\r\n    #cyborg-why-container {\r\n        width: 100%;\r\n        overflow-x: hidden;\r\n        padding: 60px 0;\r\n    }\r\n\r\n    #cyborg-why-container .container {\r\n        max-width: 100%;\r\n        width: 100%;\r\n        margin: 0;              \/* stick to left *\/\r\n        padding: 0 14px;        \/* small safe padding *\/\r\n    }\r\n\r\n    #cyborg-why-container .why-grid {\r\n        grid-template-columns: 1fr;\r\n        width: 100%;\r\n        margin: 0;\r\n    }\r\n\r\n    #cyborg-why-container .why-card {\r\n        width: 100%;\r\n        margin: 0;\r\n    }\r\n\r\n    #cyborg-why-container .why-video {\r\n        max-width: 100%;\r\n        margin-left: 0;\r\n        margin-right: 0;\r\n    }\r\n}\r\n\r\n\r\n\r\n<\/style>\r\n\r\n<section class=\"why-choose\" id=\"about\">\r\n    <div class=\"container\">\r\n\r\n        <!-- HEADER -->\r\n        <div class=\"section-header\">\r\n            <h2>Why Choose Cyborg School ERP?<\/h2>\r\n            <p>Comprehensive digital transformation for modern educational institutions<\/p>\r\n        <\/div>\r\n\r\n        <!-- VIDEO (UNDER TITLE, ABOVE CARDS) -->\r\n        <div class=\"why-video\">\r\n            <div class=\"video-wrapper\">\r\n                <video \r\n                    src=\"http:\/\/schoolerp.cyborgerp.com\/wp-content\/uploads\/2026\/01\/GIF-SCHOOL-ERP.mp4\"\r\n                    autoplay\r\n                    muted\r\n                    loop\r\n                    playsinline\r\n                ><\/video>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- CARDS -->\r\n        <div class=\"why-grid\">\r\n            <div class=\"why-card\">\r\n                <div class=\"icon-wrapper\"><i class=\"fas fa-cogs\"><\/i><\/div>\r\n                <h3>Centralized Control<\/h3>\r\n                <p>Manage all school operations from a single unified platform<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"why-card\">\r\n                <div class=\"icon-wrapper\"><i class=\"fas fa-file-alt\"><\/i><\/div>\r\n                <h3>Paperless Operations<\/h3>\r\n                <p>Reduce paperwork and manual dependency significantly<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"why-card\">\r\n                <div class=\"icon-wrapper\"><i class=\"fas fa-chart-line\"><\/i><\/div>\r\n                <h3>Real-Time Visibility<\/h3>\r\n                <p>Get instant academic and administrative insights<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"why-card\">\r\n                <div class=\"icon-wrapper\"><i class=\"fas fa-comments\"><\/i><\/div>\r\n                <h3>Enhanced Communication<\/h3>\r\n                <p>Strong parent-teacher-student engagement<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"why-card\">\r\n                <div class=\"icon-wrapper\"><i class=\"fas fa-lock\"><\/i><\/div>\r\n                <h3>Secure Access<\/h3>\r\n                <p>Role-based security for all users<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"why-card\">\r\n                <div class=\"icon-wrapper\"><i class=\"fas fa-mobile-alt\"><\/i><\/div>\r\n                <h3>Multi-Platform<\/h3>\r\n                <p>Web, Android & iOS - accessible anywhere<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n    const cards = document.querySelectorAll('#cyborg-why-container .why-card, #cyborg-why-container .why-video');\r\n\r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.style.opacity = '1';\r\n                entry.target.style.transform = 'translateY(0)';\r\n            }\r\n        });\r\n    }, { threshold: 0.15 });\r\n\r\n    cards.forEach(el => {\r\n        el.style.opacity = '0';\r\n        el.style.transform = 'translateY(30px)';\r\n        el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\r\n        observer.observe(el);\r\n    });\r\n});\r\n<\/script>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4eb5d33 elementor-widget elementor-widget-html\" data-id=\"4eb5d33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"cyborg-modules-container\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&family=Poppins:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        #cyborg-modules-container {\r\n         --primary-color: #E84C3D;   \/* Buttons & icons *\/\r\n--dark: #172B4D;            \/* Headings *\/\r\n--gray-text: #000000;       \/* Paragraph text *\/\r\n--gray-light: #000000;      \/* Sub text also black *\/\r\n\r\n            --white: #ffffff;\r\n            --light-bg: #f8fafc;\r\n            --font-primary: 'Inter', sans-serif;\r\n            --font-heading: 'Poppins', sans-serif;\r\n            \r\n            font-family: var(--font-primary);\r\n            padding: 100px 0;\r\n            background-color: var(--light-bg);\r\n        }\r\n\r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        .section-header {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        .section-header h2 {\r\n            font-size: 3.32rem; \/* Bigger Heading *\/\r\n            color: var(--dark);\r\n            font-family: var(--font-heading);\r\n            margin-bottom: 15px;\r\n            font-weight: 800;\r\n        }\r\n\r\n        .section-header p {\r\n            color: var(--gray-light);\r\n            font-size: 2.3rem; \/* Bigger Subheader *\/\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Tabs Navigation *\/\r\n        .module-tabs {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 15px;\r\n            margin-bottom: 50px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .tab-btn {\r\n            padding: 14px 28px;\r\n            background: var(--white);\r\n            border: 2px solid #e2e8f0;\r\n            border-radius: 30px;\r\n            cursor: pointer;\r\n            font-weight: 700;\r\n           \r\n            color: var(--gray-light);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .tab-btn.active {\r\n            background: var(--primary-color);\r\n            color: var(--white);\r\n            border-color: var(--primary-color);\r\n            box-shadow: 0 10px 15px -3px rgba(37, 99, 235, 0.3);\r\n        }\r\n\r\n        \/* Content Grid *\/\r\n        .tab-content {\r\n            display: none;\r\n            animation: fadeIn 0.4s ease-in-out;\r\n        }\r\n\r\n        .tab-content.active {\r\n            display: block;\r\n        }\r\n\r\n        .modules-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));\r\n            gap: 30px;\r\n        }\r\n\r\n        .module-card {\r\n            background: var(--white);\r\n            padding: 40px;\r\n            border-radius: 20px;\r\n            box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05);\r\n            border: 1px solid #f1f5f9;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .module-card:hover {\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .module-icon {\r\n            font-size: 2.5rem;\r\n            color: var(--primary-color);\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .module-card h3 {\r\n           \r\n            color: var(--dark);\r\n            margin-bottom: 20px;\r\n            font-family: var(--font-heading);\r\n            font-weight: 700;\r\n        }\r\n\r\n        .module-features {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0;\r\n        }\r\n\r\n        .module-features li {\r\n            position: relative;\r\n            padding: 12px 0 12px 35px; \/* More breathing room *\/\r\n            color: var(--gray-text);\r\n            font-size: 1.8rem; \/* SIGNIFICANTLY BIGGER TEXT *\/\r\n            font-weight: 500;\r\n            line-height: 1.5;\r\n            border-bottom: 1px solid #f1f5f9;\r\n        }\r\n\r\n        .module-features li::before {\r\n            content: \"\\f00c\";\r\n            font-family: \"Font Awesome 6 Free\"; \/* Updated to match the library version *\/\r\n            font-weight: 900;\r\n            position: absolute;\r\n            left: 0;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            color: #10b981;\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            from { opacity: 0; transform: translateY(15px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n      \/* ===== CYBORG MODULES: MOBILE HARD LEFT FIX ===== *\/\r\n@media (max-width: 768px) {\r\n\r\n    html, body {\r\n        width: 100%;\r\n        overflow-x: hidden;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    #cyborg-modules-container {\r\n        width: 100%;\r\n        overflow-x: hidden;\r\n        padding: 60px 0;\r\n    }\r\n\r\n    #cyborg-modules-container .container {\r\n        max-width: 100%;\r\n        width: 100%;\r\n        padding: 0 12px;\r\n        margin: 0;              \/* \u2190 STICK TO LEFT *\/\r\n    }\r\n\r\n    #cyborg-modules-container .modules-grid {\r\n        grid-template-columns: 1fr;\r\n        width: 100%;\r\n        margin: 0;              \/* \u2190 NO GAP *\/\r\n    }\r\n\r\n    #cyborg-modules-container .module-card {\r\n        width: 100%;\r\n        margin: 0;\r\n        padding: 24px;          \/* reduced padding *\/\r\n    }\r\n}\r\n\r\n\r\n    <\/style>\r\n\r\n    <section class=\"modules\">\r\n        <div class=\"container\">\r\n            <div class=\"section-header\">\r\n                <h2>Comprehensive School ERP Modules<\/h2>\r\n                <p>Everything you need to manage your institution efficiently in one unified platform.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"module-tabs\">\r\n                <button class=\"tab-btn active\" data-tab=\"admission\">Admission & Student<\/button>\r\n                <button class=\"tab-btn\" data-tab=\"academic\">Academic<\/button>\r\n                <button class=\"tab-btn\" data-tab=\"finance\">Finance & HR<\/button>\r\n                <button class=\"tab-btn\" data-tab=\"operations\">Operations<\/button>\r\n            <\/div>\r\n\r\n            <div class=\"tab-content active\" id=\"admission\">\r\n                <div class=\"modules-grid\">\r\n                    <div class=\"module-card\">\r\n                        <div class=\"module-icon\"><i class=\"fas fa-user-graduate\"><\/i><\/div>\r\n                        <h3>Admission Management<\/h3>\r\n                        <ul class=\"module-features\">\r\n                            <li>Online & offline admission processing<\/li>\r\n                            <li>Enquiry management<\/li>\r\n                            <li>Stream & section creation<\/li>\r\n                            <li>Roll number generation<\/li>\r\n                            <li>TC & Bonafide certificates<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"module-card\">\r\n                        <div class=\"module-icon\"><i class=\"fas fa-users\"><\/i><\/div>\r\n                        <h3>Student Management<\/h3>\r\n                        <ul class=\"module-features\">\r\n                            <li>Complete student profiles<\/li>\r\n                            <li>Sibling mapping<\/li>\r\n                            <li>Photo verification<\/li>\r\n                            <li>Academic history tracking<\/li>\r\n                            <li>Document management<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"module-card\">\r\n                        <div class=\"module-icon\"><i class=\"fas fa-calendar-check\"><\/i><\/div>\r\n                        <h3>Attendance System<\/h3>\r\n                        <ul class=\"module-features\">\r\n                            <li>Daily student attendance<\/li>\r\n                            <li>Staff attendance tracking<\/li>\r\n                            <li>Automated notifications<\/li>\r\n                            <li>Leave management<\/li>\r\n                            <li>Attendance reports & analytics<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"tab-content\" id=\"academic\">\r\n                <div class=\"modules-grid\">\r\n                    <div class=\"module-card\">\r\n                        <div class=\"module-icon\"><i class=\"fas fa-chalkboard-teacher\"><\/i><\/div>\r\n                        <h3>Academic Management<\/h3>\r\n                        <ul class=\"module-features\">\r\n                            <li>Subject allocation<\/li>\r\n                            <li>Syllabus creation & reuse<\/li>\r\n                            <li>Lesson planning<\/li>\r\n                            <li>Academic calendars<\/li>\r\n                            <li>Faculty performance tracking<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"module-card\">\r\n                        <div class=\"module-icon\"><i class=\"fas fa-clock\"><\/i><\/div>\r\n                        <h3>Timetable Management<\/h3>\r\n                        <ul class=\"module-features\">\r\n                            <li>Period configuration<\/li>\r\n                            <li>Class-wise timetable creation<\/li>\r\n                            <li>Teacher assignment<\/li>\r\n                            <li>Teaching load reports<\/li>\r\n                            <li>Timetable locking<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"module-card\">\r\n                        <div class=\"module-icon\"><i class=\"fas fa-file-alt\"><\/i><\/div>\r\n                        <h3>Examination & Results<\/h3>\r\n                        <ul class=\"module-features\">\r\n                            <li>Exam scheduling<\/li>\r\n                            <li>Marks entry & verification<\/li>\r\n                            <li>Result processing<\/li>\r\n                            <li>Report card generation<\/li>\r\n                            <li>Cumulative records<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n\t\t\t\t\t <div class=\"module-card\">\r\n                        <div class=\"module-icon\">\r\n                            <i class=\"fas fa-laptop\"><\/i>\r\n                        <\/div>\r\n                        <h3>Learning Management<\/h3>\r\n                        <ul class=\"module-features\">\r\n                            <li>Homework assignments<\/li>\r\n                            <li>Study materials upload<\/li>\r\n                            <li>Online assessments<\/li>\r\n                            <li>Teacher-student interaction<\/li>\r\n                            <li>Progress tracking<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n              <div class=\"tab-content\" id=\"finance\">\r\n                <div class=\"modules-grid\">\r\n                    <div class=\"module-card\">\r\n                        <div class=\"module-icon\">\r\n                            <i class=\"fas fa-money-bill-wave\"><\/i>\r\n                        <\/div>\r\n                        <h3>Fee Management<\/h3>\r\n                        <ul class=\"module-features\">\r\n                            <li>Fee structure configuration<\/li>\r\n                            <li>Online & offline collection<\/li>\r\n                            <li>Discounts & fines<\/li>\r\n                            <li>Fee adjustment & refund<\/li>\r\n                            <li>Financial reports<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"module-card\">\r\n                        <div class=\"module-icon\">\r\n                            <i class=\"fas fa-user-tie\"><\/i>\r\n                        <\/div>\r\n                        <h3>HR & Payroll<\/h3>\r\n                        <ul class=\"module-features\">\r\n                            <li>Employee registration<\/li>\r\n                            <li>Attendance & leave tracking<\/li>\r\n                            <li>Payroll processing<\/li>\r\n                            <li>Payslip generation<\/li>\r\n                            <li>Appraisal management<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"module-card\">\r\n                        <div class=\"module-icon\">\r\n                            <i class=\"fas fa-calculator\"><\/i>\r\n                        <\/div>\r\n                        <h3>Accounting<\/h3>\r\n                        <ul class=\"module-features\">\r\n                            <li>Ledger management<\/li>\r\n                            <li>Income & expense tracking<\/li>\r\n                            <li>Financial reports<\/li>\r\n                            <li>Budget management<\/li>\r\n                            <li>Audit trails<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"tab-content\" id=\"operations\">\r\n                <div class=\"modules-grid\">\r\n                    <div class=\"module-card\">\r\n                        <div class=\"module-icon\">\r\n                            <i class=\"fas fa-bus\"><\/i>\r\n                        <\/div>\r\n                        <h3>Transport Management<\/h3>\r\n                        <ul class=\"module-features\">\r\n                            <li>Route & vehicle management<\/li>\r\n                            <li>Student allocation<\/li>\r\n                            <li>Transport fee integration<\/li>\r\n                            <li>GPS tracking support<\/li>\r\n                            <li>Operational reports<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"module-card\">\r\n                        <div class=\"module-icon\">\r\n                            <i class=\"fas fa-book\"><\/i>\r\n                        <\/div>\r\n                        <h3>Library Management<\/h3>\r\n                        <ul class=\"module-features\">\r\n                            <li>Book cataloguing<\/li>\r\n                            <li>Issue & return management<\/li>\r\n                            <li>Fine management<\/li>\r\n                            <li>OPAC (Online catalog)<\/li>\r\n                            <li>Inventory reports<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"module-card\">\r\n                        <div class=\"module-icon\">\r\n                            <i class=\"fas fa-heartbeat\"><\/i>\r\n                        <\/div>\r\n                        <h3>Medical Records<\/h3>\r\n                        <ul class=\"module-features\">\r\n                            <li>Student health tracking<\/li>\r\n                            <li>Medical history records<\/li>\r\n                            <li>Vaccination records<\/li>\r\n                            <li>Health reports<\/li>\r\n                            <li>Emergency contacts<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"module-card\">\r\n                        <div class=\"module-icon\">\r\n                            <i class=\"fas fa-warehouse\"><\/i>\r\n                        <\/div>\r\n                        <h3>Store & Purchase<\/h3>\r\n                        <ul class=\"module-features\">\r\n                            <li>Asset inventory tracking<\/li>\r\n                            <li>Vendor management<\/li>\r\n                            <li>Warranty tracking<\/li>\r\n                            <li>Complaint handling<\/li>\r\n                            <li>Item disposal records<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"module-card\">\r\n                        <div class=\"module-icon\">\r\n                            <i class=\"fas fa-bullhorn\"><\/i>\r\n                        <\/div>\r\n                        <h3>Communication<\/h3>\r\n                        <ul class=\"module-features\">\r\n                            <li>SMS & Email alerts<\/li>\r\n                            <li>Notices & circulars<\/li>\r\n                            <li>Emergency notifications<\/li>\r\n                            <li>Parent messaging<\/li>\r\n                            <li>Mobile app integration<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"module-card\">\r\n                        <div class=\"module-icon\">\r\n                            <i class=\"fas fa-calendar-alt\"><\/i>\r\n                        <\/div>\r\n                        <h3>Event Management<\/h3>\r\n                        <ul class=\"module-features\">\r\n                            <li>Event creation & approvals<\/li>\r\n                            <li>Participant management<\/li>\r\n                            <li>Photo gallery<\/li>\r\n                            <li>Event records<\/li>\r\n                            <li>Attendance tracking<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        document.querySelectorAll('#cyborg-modules-container .tab-btn').forEach(button => {\r\n            button.addEventListener('click', () => {\r\n                const container = document.querySelector('#cyborg-modules-container');\r\n                const tabId = button.getAttribute('data-tab');\r\n\r\n                container.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));\r\n                container.querySelectorAll('.tab-content').forEach(content => content.classList.remove('active'));\r\n\r\n                button.classList.add('active');\r\n                const targetContent = container.querySelector(`#${tabId}`);\r\n                if(targetContent) targetContent.classList.add('active');\r\n            });\r\n        });\r\n    <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-deb874c elementor-widget elementor-widget-html\" data-id=\"deb874c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================== CYBORG ABOUT (SINGLE CONTAINER) ================== -->\r\n<div id=\"cyborg-about-container\">\r\n\r\n    <!-- Fonts & Icons -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&family=Poppins:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n    \/* ===============================\r\n       CYBORG ABOUT \u2013 SINGLE BLOCK\r\n    ================================= *\/\r\n\r\n    #cyborg-about-container {\r\n        \/* Brand *\/\r\n        --brand-blue: #172B4D;\r\n        --brand-accent: #E84C3D;\r\n\r\n        \/* Neutrals *\/\r\n        --gray: #64748b;\r\n        --white: #ffffff;\r\n        --page-bg: #f8fafc;\r\n        --card-bg: #fff4ee;\r\n\r\n        \/* Fonts *\/\r\n        --font-primary: 'Inter', sans-serif;\r\n        --font-heading: 'Poppins', sans-serif;\r\n\r\n        \/* Effects *\/\r\n        --shadow-md: 0 10px 30px rgba(23, 43, 77, 0.12);\r\n        --transition: all 0.3s ease;\r\n\r\n        font-family: var(--font-primary);\r\n        background: var(--page-bg);\r\n        padding: 80px 20px;\r\n    }\r\n\r\n    #cyborg-about-container * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* ===== White Main Box ===== *\/\r\n    #cyborg-about-container .container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        background: var(--white);\r\n        padding: 60px 50px;\r\n        border-radius: 28px;\r\n        box-shadow: 0 25px 60px rgba(23, 43, 77, 0.15);\r\n    }\r\n\r\n    \/* ===== Layout ===== *\/\r\n    #cyborg-about-container .about-content {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 4rem;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* ===== Text ===== *\/\r\n    #cyborg-about-container .about-text h2 {\r\n        font-family: var(--font-heading);\r\n        font-size: 2.rem;\r\n        font-weight: 700;\r\n        color: var(--brand-blue);\r\n        margin-bottom: 1.5rem;\r\n    }\r\n\r\n    #cyborg-about-container .about-text p {\r\n        font-size: 1.5rem;\r\n        line-height: 2;\r\n        color: var(--gray);\r\n        margin-bottom: 1.5rem;\r\n    }\r\n\r\n    \/* ===== Expertise Note ===== *\/\r\n    #cyborg-about-container .expertise-note {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1rem;\r\n        padding: 1.2rem 1.5rem;\r\n        background: var(--white);\r\n        border-left: 5px solid var(--brand-accent);\r\n        border-radius: 0 12px 12px 0;\r\n        box-shadow: var(--shadow-md);\r\n        font-weight: 600;\r\n        color: var(--brand-blue);\r\n    }\r\n\r\n    #cyborg-about-container .expertise-note i {\r\n        color: var(--brand-accent);\r\n        font-size: 1.6rem;\r\n    }\r\n\r\n    \/* ===== Stats Grid ===== *\/\r\n    #cyborg-about-container .stats-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 1.5rem;\r\n    }\r\n\r\n    \/* ===== Light Cards ===== *\/\r\n    #cyborg-about-container .stat-card {\r\n        background: var(--card-bg);\r\n        padding: 2.5rem 1.5rem;\r\n        border-radius: 22px;\r\n        text-align: center;\r\n        box-shadow: var(--shadow-md);\r\n        transition: var(--transition);\r\n        border: 2px solid transparent;\r\n    }\r\n\r\n    #cyborg-about-container .stat-card:hover {\r\n        transform: translateY(-8px);\r\n        background: var(--white);\r\n        border-color: #172B4D;\r\n        box-shadow: 0 18px 45px rgba(232, 76, 61, 0.22);\r\n    }\r\n\r\n    #cyborg-about-container .stat-number {\r\n        display: block;\r\n        font-family: var(--font-heading);\r\n        font-size: 2.5rem;\r\n        font-weight: 800;\r\n        color: var(--brand-blue);\r\n        margin-bottom: 0.5rem;\r\n    }\r\n\r\n    #cyborg-about-container .stat-label {\r\n        font-size: 0.85rem;\r\n        font-weight: 700;\r\n        color: var(--gray);\r\n        letter-spacing: 1px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    \/* ===== Mobile ===== *\/\r\n    @media (max-width: 768px) {\r\n        #cyborg-about-container {\r\n            padding: 60px 15px;\r\n        }\r\n\r\n        #cyborg-about-container .container {\r\n            padding: 40px 25px;\r\n        }\r\n\r\n        #cyborg-about-container .about-content {\r\n            grid-template-columns: 1fr;\r\n            gap: 3rem;\r\n            text-align: center;\r\n        }\r\n\r\n        #cyborg-about-container .expertise-note {\r\n            justify-content: center;\r\n            text-align: left;\r\n        }\r\n\r\n        #cyborg-about-container .stat-number {\r\n            font-size: 2.1rem;\r\n        }\r\n    }\r\n    <\/style>\r\n\r\n    <div class=\"container\">\r\n        <div class=\"about-content\">\r\n\r\n            <!-- Left Content -->\r\n            <div class=\"about-text\">\r\n                <h2>About Cyborg IT Services<\/h2>\r\n\r\n                <p>\r\n                    With over <strong>20+ years of experience<\/strong> in educational technology,\r\n                    Cyborg is a trusted specialist in ERP solutions, examination systems,\r\n                    and institutional digital transformation.\r\n                <\/p>\r\n\r\n                <p>\r\n                    Our deep domain expertise ensures reliability, scalability,\r\n                    and long-term success for schools and universities\r\n                    in an ever-evolving digital landscape.\r\n                <\/p>\r\n\r\n                <div class=\"expertise-note\">\r\n                    <i class=\"fas fa-award\"><\/i>\r\n                    20+ Years of Excellence in Educational Technology\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Right Stats -->\r\n            <div class=\"stats-grid\">\r\n                <div class=\"stat-card\">\r\n                    <span class=\"stat-number\">500+<\/span>\r\n                    <span class=\"stat-label\">Govt & Private Schools<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"stat-card\">\r\n                    <span class=\"stat-number\">20+<\/span>\r\n                    <span class=\"stat-label\">UGC Universities<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"stat-card\">\r\n                    <span class=\"stat-number\">Lakhs<\/span>\r\n                    <span class=\"stat-label\">Students Served<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"stat-card\">\r\n                    <span class=\"stat-number\">2.0L+<\/span>\r\n                    <span class=\"stat-label\">Active Users<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<!-- ================== END CYBORG ABOUT ================== -->\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f907e97 e-flex e-con-boxed e-con e-parent\" data-id=\"f907e97\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b71457a elementor-widget elementor-widget-html\" data-id=\"b71457a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"cyborg-hero-container\">\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&family=Poppins:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* ================== THEME VARIABLES ================== *\/\r\n#cyborg-hero-container {\r\n    --primary-orange: #ea580c;\r\n    --primary-orange-dark: #c2410c;\r\n    --secondary-blue: #1e40af;\r\n\r\n    --dark: #1e293b;\r\n    --gray: #64748b;\r\n    --white: #ffffff;\r\n    --light-bg: #fff7ed;\r\n\r\n    --font-primary: 'Inter', sans-serif;\r\n    --font-heading: 'Poppins', sans-serif;\r\n\r\n    --shadow: 0 14px 35px rgba(234, 88, 12, 0.18);\r\n\r\n    font-family: var(--font-primary);\r\n    padding: 80px 0;\r\n    background-color: var(--white);\r\n}\r\n\r\n#cyborg-hero-container * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* ================== LAYOUT ================== *\/\r\n#cyborg-hero-container .container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 30px;\r\n}\r\n\r\n#cyborg-hero-container .section-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n#cyborg-hero-container .section-header h2 {\r\n    font-size: 3.4rem;\r\n    color:#172B4D;\r\n    font-family: var(--font-heading);\r\n    margin-bottom: 15px;\r\n}\r\n\r\n#cyborg-hero-container .section-header p {\r\n    font-size: 1.8rem;\r\n    color: var(--gray);\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* ================== BENEFITS GRID ================== *\/\r\n#cyborg-hero-container .benefits-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n    gap: 30px;\r\n}\r\n\r\n#cyborg-hero-container .benefit-card {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 20px;\r\n    padding: 30px;\r\n    background: var(--light-bg);\r\n    border-radius: 16px;\r\n    transition: all 0.3s ease;\r\n    border: 2px solid transparent;\r\n}\r\n\r\n#cyborg-hero-container .benefit-card:hover {\r\n    transform: translateY(-6px);\r\n    background: var(--white);\r\n    box-shadow: var(--shadow);\r\n    border-color:#172B4D;\r\n}\r\n\r\n\/* ================== ICON ================== *\/\r\n#cyborg-hero-container .benefit-icon {\r\n    flex-shrink: 0;\r\n    width: 52px;\r\n    height: 52px;\r\n    background: rgba(234, 88, 12, 0.12);\r\n    color: var(--primary-orange);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 12px;\r\n    font-size: 3.8rem;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n#cyborg-hero-container .benefit-card:hover .benefit-icon {\r\n    background: var(--secondary-blue);\r\n    color: var(--white);\r\n}\r\n\r\n\/* ================== TEXT ================== *\/\r\n#cyborg-hero-container .benefit-info h3 {\r\n    font-size: 2.4rem;\r\n    color: var(--secondary-blue);\r\n    font-family: var(--font-heading);\r\n    margin-bottom: 8px;\r\n}\r\n\r\n#cyborg-hero-container .benefit-info p {\r\n    color: var(--gray);\r\n    line-height: 1.7;\r\n    margin: 0;\r\n}\r\n\r\n\/* ================== MOBILE ================== *\/\r\n@media (max-width: 768px) {\r\n    #cyborg-hero-container .section-header h2 {\r\n        font-size: 2rem;\r\n    }\r\n\r\n    #cyborg-hero-container .benefit-card {\r\n        padding: 20px;\r\n    }\r\n}\r\n@media (max-width: 768px) {\r\n    #cyborg-hero-container .container {\r\n        padding: 0 16px;\r\n    }\r\n\r\n    #cyborg-hero-container .benefits-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section class=\"benefits-section\">\r\n    <div class=\"container\">\r\n        <div class=\"section-header\">\r\n            <h2>Key Objectives & Benefits<\/h2>\r\n            <p>Empowering schools with comprehensive digital solutions that prioritize efficiency and excellence.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"benefits-grid\">\r\n\r\n            <div class=\"benefit-card\">\r\n                <div class=\"benefit-icon\"><i class=\"fas fa-sync\"><\/i><\/div>\r\n                <div class=\"benefit-info\">\r\n                    <h3>Digitize Operations<\/h3>\r\n                    <p>Streamline school administration with automated workflows and eliminate manual errors.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"benefit-card\">\r\n                <div class=\"benefit-icon\"><i class=\"fas fa-graduation-cap\"><\/i><\/div>\r\n                <div class=\"benefit-info\">\r\n                    <h3>Academic Excellence<\/h3>\r\n                    <p>Improve academic planning and monitoring capabilities for better student outcomes.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"benefit-card\">\r\n                <div class=\"benefit-icon\"><i class=\"fas fa-users\"><\/i><\/div>\r\n                <div class=\"benefit-info\">\r\n                    <h3>Enhanced Communication<\/h3>\r\n                    <p>Foster better parent-teacher-student connectivity with integrated messaging tools.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"benefit-card\">\r\n                <div class=\"benefit-icon\"><i class=\"fas fa-check-double\"><\/i><\/div>\r\n                <div class=\"benefit-info\">\r\n                    <h3>Data Accuracy<\/h3>\r\n                    <p>Ensure regulatory compliance and accurate institutional reporting with verified data.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"benefit-card\">\r\n                <div class=\"benefit-icon\"><i class=\"fas fa-hand-holding-usd\"><\/i><\/div>\r\n                <div class=\"benefit-info\">\r\n                    <h3>Cost Reduction<\/h3>\r\n                    <p>Lower operational costs and administrative workload through resource optimization.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"benefit-card\">\r\n                <div class=\"benefit-icon\"><i class=\"fas fa-chart-pie\"><\/i><\/div>\r\n                <div class=\"benefit-info\">\r\n                    <h3>Real-Time Analytics<\/h3>\r\n                    <p>Enable data-driven decision making with instant access to administrative insights.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-510ba11 e-con-full e-flex e-con e-parent\" data-id=\"510ba11\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0c2895 elementor-widget elementor-widget-html\" data-id=\"f0c2895\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"cyborg-hero-container\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&family=Poppins:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n#cyborg-hero-container *,\r\n#cyborg-hero-container *::before,\r\n#cyborg-hero-container *::after {\r\n    box-sizing: border-box;\r\n}\r\n#cyborg-hero-container {\r\n    overflow-x: hidden;\r\n    max-width: 100vw;\r\n}\r\n\r\n#cyborg-hero-container {\r\n    --accent: #E84C3D;\r\n    --accent-dark: #c43a2e;\r\n    --brand-blue: #172B4D;\r\n    --gray: #475569;\r\n\r\n    font-family: 'Inter', sans-serif;\r\n    width: 100%;\r\n    overflow-x: hidden;\r\n}\r\n\r\n\/* SECTION *\/\r\n.mobile-app-section {\r\n    padding: 40px 16px;\r\n    background: #fff7ed;\r\n}\r\n\r\n.container {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    width: 100%;\r\n}\r\n\r\n\/* LAYOUT *\/\r\n.app-showcase {\r\n    display: grid;\r\n    grid-template-columns: 1fr 0.8fr;\r\n    gap: 40px;\r\n}\r\n\r\n\/* ================= TABS ================= *\/\r\n\r\n.tabs-nav {\r\n    display: flex;\r\n    gap: 12px;\r\n    margin-bottom: 24px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.tab-trigger {\r\n    padding: 10px 18px;\r\n    border-radius: 10px;\r\n    border: 2px solid var(--brand-blue);\r\n    background: #fff;\r\n    font-weight: 700;\r\n    font-size: 1.2rem;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    cursor: pointer;\r\n}\r\n\r\n.tab-trigger i {\r\n    color: var(--accent);\r\n}\r\n\r\n.tab-trigger.active {\r\n    background: var(--accent);\r\n    color: #fff;\r\n    border-color: var(--accent);\r\n}\r\n\r\n.tab-trigger.active i {\r\n    color: #fff;\r\n}\r\n\r\n\/* ================= TAB CONTENT ================= *\/\r\n\r\n.tab-pane {\r\n    display: none;\r\n}\r\n\r\n.tab-pane.active {\r\n    display: block;\r\n}\r\n\r\n.tab-pane h3 {\r\n    font-family: 'Poppins', sans-serif;\r\n    font-size: 2.4rem;\r\n    margin-bottom: 18px;\r\n    color: var(--brand-blue);\r\n    \r\n}\r\n\r\n\/* FEATURES *\/\r\n.features-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 12px;\r\n    list-style: none;\r\n    padding: 0;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.features-grid li {\r\n    background: #fff;\r\n    padding: 12px;\r\n    border-radius: 10px;\r\n    font-size: 1.3rem;\r\n    display: flex;\r\n    gap: 8px;\r\n    align-items: center;\r\n    border: 1px solid #f5b4ad;\r\n}\r\n\r\n.features-grid i {\r\n    color: var(--accent);\r\n}\r\n\r\n\/* DOWNLOAD *\/\r\n.download-flex {\r\n    display: flex;\r\n    gap: 12px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.btn-store {\r\n    background: var(--brand-blue);\r\n    color: #fff;\r\n    padding: 10px 18px;\r\n    border-radius: 10px;\r\n    display: flex;\r\n    gap: 10px;\r\n    align-items: center;\r\n    text-decoration: none;\r\n    width: fit-content;\r\n}\r\n.btn-store,\r\n.btn-store span,\r\n.btn-store strong {\r\n    color: #fff !important;\r\n}\r\n\r\n\/* ================= PHONE ================= *\/\r\n\r\n.phone-wrapper {\r\n    display: flex;\r\n    justify-content: center;\r\n}\r\n\r\n.mock-phone {\r\n    width: 260px;\r\n    height: 520px;\r\n    background: #0f172a;\r\n    border: 10px solid #334155;\r\n    border-radius: 36px;\r\n    overflow: hidden;\r\n}\r\n\r\n.screen-content {\r\n    height: 100%;\r\n    background: linear-gradient(135deg,#E84C3D,#172B4D);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    color: #fff;\r\n}\r\n.phone-screen-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    display: block;\r\n}\r\n\r\n\r\n\r\n\/* ================= MOBILE FIXES ================= *\/\r\n\r\n@media (max-width: 900px) {\r\n    .app-showcase {\r\n        grid-template-columns: 1fr;\r\n        gap: 30px;\r\n    }\r\n\r\n    .phone-wrapper {\r\n        order: 2;\r\n    }\r\n}\r\n@media (max-width: 900px) {\r\n    .app-showcase {\r\n        justify-items: center;\r\n        text-align: center;\r\n    }\r\n\r\n    .app-left-content {\r\n        width: 100%;\r\n        max-width: 100%;\r\n    }\r\n}\r\n\r\n\r\n@media (max-width: 600px) {\r\n    .tabs-nav {\r\n       justify-content: center;\r\n        overflow-x: auto;\r\n        padding-bottom: 8px;\r\n    }\r\n\r\n    .tab-trigger {\r\n    \r\n        font-size: 1.7rem;\r\n    }\r\n\r\n    .tab-pane h3 {\r\n        font-size: 1.9rem;\r\n        text-align: center;\r\n    }\r\n\r\n    .features-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .download-flex {\r\n        justify-content: center;\r\n    }\r\n\r\n    .btn-store {\r\n        width: 100%;\r\n        justify-content: center;\r\n    }\r\n\r\n    .mock-phone {\r\n        width: 220px;\r\n        height: 460px;\r\n    }\r\n}\r\n\r\n\r\n@media (max-width: 400px) {\r\n    .tab-pane h3 {\r\n        font-size: 1.7rem;\r\n    }\r\n\r\n    .features-grid li {\r\n        font-size: 1.2rem;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n    <section class=\"mobile-app-section\">\r\n        <div class=\"container\">\r\n            <div class=\"app-showcase\">\r\n                \r\n                <div class=\"app-left-content\">\r\n                    <div class=\"tabs-nav\">\r\n                        <div class=\"tab-trigger active\" onclick=\"openAppTab(event, 'parent-content')\">\r\n                            <i class=\"fas fa-user-friends\"><\/i> Parent App\r\n                        <\/div>\r\n                        <div class=\"tab-trigger\" onclick=\"openAppTab(event, 'student-content')\">\r\n                            <i class=\"fas fa-user-graduate\"><\/i> Student App\r\n                        <\/div>\r\n                        <div class=\"tab-trigger\" onclick=\"openAppTab(event, 'teacher-content')\">\r\n                            <i class=\"fas fa-chalkboard-teacher\"><\/i> Teacher App\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div id=\"parent-content\" class=\"tab-pane active\">\r\n                        <h3>Parent App Features<\/h3>\r\n                        <ul class=\"features-grid\">\r\n                            <li><i class=\"fas fa-check\"><\/i> Real-time Attendance<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Online Fee Payment<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Homework Alerts<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Teacher Messaging<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Exam Result Tracking<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Leave Application<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n\r\n                    <div id=\"student-content\" class=\"tab-pane\">\r\n                        <h3>Student App Features<\/h3>\r\n                        <ul class=\"features-grid\">\r\n                            <li><i class=\"fas fa-check\"><\/i> Daily Timetable<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> E-Learning Resources<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Digital Marksheets<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Assignment Portal<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Event Calendar<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Library Status<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n\r\n                    <div id=\"teacher-content\" class=\"tab-pane\">\r\n                        <h3>Teacher App Features<\/h3>\r\n                        <ul class=\"features-grid\">\r\n                            <li><i class=\"fas fa-check\"><\/i> Bulk Attendance<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Homework Upload<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Marks Entry System<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Parent Communication<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Lesson Planning<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Academic Schedule<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n\r\n                    <div class=\"download-flex\">\r\n                        <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.companyname.pgierpmobileapp\" target=\"_blank\" class=\"btn-store\">\r\n                            <i class=\"fab fa-google-play\" style=\"font-size: 2rem;\"><\/i>\r\n                            <span>Get it on <br><strong>Google Play<\/strong><\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/apps.apple.com\/in\/app\/cyborgerp-pgi\/id6754499780\" target=\"_blank\" class=\"btn-store\">\r\n                            <i class=\"fab fa-apple\" style=\"font-size: 2rem;\"><\/i>\r\n                            <span>Download on <br><strong>App Store<\/strong><\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"phone-wrapper\">\r\n                    <div class=\"mock-phone\">\r\n                      <div class=\"screen-content\">\r\n    <img decoding=\"async\" src=\"http:\/\/schoolerp.cyborgerp.com\/wp-content\/uploads\/2026\/01\/school-scaled.jpeg\" alt=\"App Screen\" class=\"phone-screen-img\">\r\n<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        function openAppTab(evt, tabId) {\r\n            \/\/ Get all tab panes and hide them\r\n            const panes = document.getElementsByClassName(\"tab-pane\");\r\n            for (let i = 0; i < panes.length; i++) {\r\n                panes[i].style.display = \"none\";\r\n                panes[i].classList.remove(\"active\");\r\n            }\r\n\r\n            \/\/ Get all triggers and remove 'active' class\r\n            const triggers = document.getElementsByClassName(\"tab-trigger\");\r\n            for (let i = 0; i < triggers.length; i++) {\r\n                triggers[i].classList.remove(\"active\");\r\n            }\r\n\r\n            \/\/ Show current tab and add active class to button\r\n            const selectedTab = document.getElementById(tabId);\r\n            selectedTab.style.display = \"block\";\r\n            selectedTab.classList.add(\"active\");\r\n            evt.currentTarget.classList.add(\"active\");\r\n        }\r\n    <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-928bd95 e-flex e-con-boxed e-con e-parent\" data-id=\"928bd95\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c22e0d elementor-widget elementor-widget-html\" data-id=\"3c22e0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"cyborg-tech-security-container\">\r\n<style>\r\n#cyborg-tech-security-container {\r\n    --white: #ffffff;\r\n    --gray-dark: #334155;\r\n\r\n    \/* Light theme based on #E84C3D *\/\r\n    --accent-color: #E84C3D;\r\n    --accent-light: #F0F8FF\r\n;\r\n    --accent-lighter: #fff1ef;\r\n\r\n    --font-heading: 'Poppins', sans-serif;\r\n    --transition: all 0.3s ease;\r\n    --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),\r\n              0 2px 4px -1px rgba(0, 0, 0, 0.06);\r\n    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),\r\n                 0 4px 6px -2px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.technology {\r\n    padding: 80px 0;\r\n    background: linear-gradient(\r\n        135deg,\r\n        var(--accent-lighter) 0%,\r\n        var(--accent-light) 100%\r\n    );\r\n    font-family: 'Inter', sans-serif;\r\n}\r\n\r\n.technology .container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n}\r\n\r\n.technology .section-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n.technology .section-header h2 {\r\n    font-size: 2.5rem;\r\n    color: #172B4D;\r\n    font-family: var(--font-heading);\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.technology .section-header p {\r\n    color: #475569;\r\n    font-size: 1.1rem;\r\n}\r\n\r\n.tech-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n    gap: 2rem;\r\n}\r\n\r\n.tech-card {\r\n    background: var(--white);\r\n    padding: 2.5rem;\r\n    border-radius: 16px;\r\n    text-align: center;\r\n    box-shadow: var(--shadow);\r\n    transition: var(--transition);\r\n}\r\n\r\n.tech-card:hover {\r\n    transform: translateY(-10px);\r\n    box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.tech-card i {\r\n    font-size: 3.5rem;\r\n    color: var(--accent-color);\r\n    margin-bottom: 1.5rem;\r\n    display: block;\r\n}\r\n\r\n.tech-card h3 {\r\n    font-size: 1.5rem;\r\n    margin-bottom: 1rem;\r\n    font-family: var(--font-heading);\r\n    color: #172B4D;\r\n}\r\n\r\n.tech-card p {\r\n    color: var(--gray-dark);\r\n    line-height: 1.8;\r\n    margin: 0;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .technology .section-header h2 { font-size: 2rem; }\r\n    .tech-grid { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n    <section class=\"technology\">\r\n        <div class=\"container\">\r\n            <div class=\"section-header\">\r\n                <h2>Advanced Technology & Security<\/h2>\r\n                <p>Built with cutting-edge technology and enterprise-grade security<\/p>\r\n            <\/div>\r\n            \r\n            \r\n\r\n            <div class=\"tech-grid\">\r\n                <div class=\"tech-card\">\r\n                    <i class=\"fas fa-cloud\"><\/i>\r\n                    <h3>Cloud Architecture<\/h3>\r\n                    <p>Web-based, cloud-ready platform accessible from anywhere<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"tech-card\">\r\n                    <i class=\"fas fa-user-shield\"><\/i>\r\n                    <h3>Role-Based Access<\/h3>\r\n                    <p>Secure, role-specific access control for all users<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"tech-card\">\r\n                    <i class=\"fas fa-lock\"><\/i>\r\n                    <h3>Data Encryption<\/h3>\r\n                    <p>SSL encryption & secure data transmission<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"tech-card\">\r\n                    <i class=\"fas fa-database\"><\/i>\r\n                    <h3>Automated Backups<\/h3>\r\n                    <p>Regular backups & disaster recovery<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"tech-card\">\r\n                    <i class=\"fas fa-shield-alt\"><\/i>\r\n                    <h3>Security Standards<\/h3>\r\n                    <p>Compliance with data privacy regulations<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"tech-card\">\r\n                    <i class=\"fas fa-fingerprint\"><\/i>\r\n                    <h3>Biometric Integration<\/h3>\r\n                    <p>Optional biometric authentication support<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0a0f719 e-flex e-con-boxed e-con e-parent\" data-id=\"0a0f719\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-560e98a elementor-widget elementor-widget-html\" data-id=\"560e98a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"cyborg-clients-container\">\r\n  <style>\r\n#cyborg-clients-container {\r\n    --heading-color: #172B4D;\r\n    --icon-color: #E84C3D;\r\n\r\n    --white: #ffffff;\r\n    --light: #f1f5f9;\r\n\r\n    --font-heading: 'Poppins', sans-serif;\r\n    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\r\n    --shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);\r\n    --transition: all 0.3s ease;\r\n}\r\n\r\n.clients {\r\n    padding: 80px 0;\r\n    background: var(--white);\r\n    font-family: 'Inter', sans-serif;\r\n}\r\n\r\n.clients .container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n}\r\n\r\n.clients .section-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n.clients .section-header h2 {\r\n    font-size: 2.5rem;\r\n    color: var(--heading-color);\r\n    font-family: var(--font-heading);\r\n    margin-bottom: 10px;\r\n}\r\n\r\n\/* Layout *\/\r\n.clients-showcase {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.5fr;\r\n    gap: 4rem;\r\n    align-items: start;\r\n}\r\n\r\n\/* Left: Stats *\/\r\n.client-stats {\r\n    background: var(--light);\r\n    padding: 3rem;\r\n    border-radius: 20px;\r\n    box-shadow: var(--shadow-md);\r\n}\r\n\r\n.client-stat {\r\n    padding: 2rem;\r\n    margin-bottom: 1.5rem;\r\n    background: var(--white);\r\n    border-radius: 12px;\r\n    text-align: center;\r\n    border-left: 4px solid var(--heading-color);\r\n}\r\n\r\n.client-stat:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.client-stat h3 {\r\n    font-size: 3rem;\r\n    color: var(--heading-color);\r\n    margin-bottom: 0.5rem;\r\n    font-family: var(--font-heading);\r\n}\r\n\r\n.client-stat p {\r\n    color: var(--heading-color);\r\n    font-weight: 500;\r\n    margin: 0;\r\n}\r\n\r\n\/* Right: Clients Grid *\/\r\n.clients-list h3 {\r\n    font-size: 2rem;\r\n    margin-bottom: 2rem;\r\n    font-family: var(--font-heading);\r\n    color: var(--heading-color);\r\n}\r\n\r\n.clients-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 1.5rem;\r\n    margin-bottom: 2rem;\r\n}\r\n\r\n.client-item {\r\n    background: var(--light);\r\n    padding: 1.5rem;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 1rem;\r\n    transition: var(--transition);\r\n}\r\n\r\n.client-item:hover {\r\n    background: var(--white);\r\n    box-shadow: var(--shadow);\r\n    transform: translateX(10px);\r\n}\r\n\r\n.client-item i {\r\n    font-size: 1.8rem;\r\n    color: var(--icon-color);\r\n}\r\n\r\n.client-item p {\r\n    margin: 0;\r\n    font-weight: 500;\r\n    color: var(--heading-color);\r\n    font-size: 1.5rem;\r\n    line-height: 1.3;\r\n}\r\n\r\n\/* Button *\/\r\n.btn-primary {\r\n    display: inline-block;\r\n    background: #E84C3D;\r\n    color: white !important;\r\n    padding: 12px 30px;\r\n    border-radius: 8px;\r\n    text-decoration: none;\r\n    font-weight: 600;\r\n    transition: var(--transition);\r\n}\r\n\r\n.btn-primary:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: var(--shadow-md);\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 992px) {\r\n    .clients-showcase {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .clients-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .section-header h2 {\r\n        font-size: 2rem;\r\n    }\r\n}\r\n<\/style>\r\n\r\n    <section class=\"clients\" id=\"clients\">\r\n        <div class=\"container\">\r\n            <div class=\"section-header\">\r\n                <h2>Trusted by Leading Institutions<\/h2>\r\n                <p>Join 500+ schools and 20+ universities across India<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"clients-showcase\">\r\n                <div class=\"client-stats\">\r\n                    <div class=\"client-stat\">\r\n                        <h3>500+<\/h3>\r\n                        <p>Government & Private Schools<\/p>\r\n                    <\/div>\r\n                    <div class=\"client-stat\">\r\n                        <h3>20+<\/h3>\r\n                        <p>UGC-Recognized Universities<\/p>\r\n                    <\/div>\r\n                    <div class=\"client-stat\">\r\n                        <h3>100%<\/h3>\r\n                        <p>Trial to Implementation Success Rate<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"clients-list\">\r\n                    <h3>Our Esteemed Partners Include<\/h3>\r\n                    \r\n                    \r\n\r\n                    <div class=\"clients-grid\">\r\n                        <div class=\"client-item\">\r\n                            <i class=\"fas fa-graduation-cap\"><\/i>\r\n                            <p>Graphic Era Group of Institutions<\/p>\r\n                        <\/div>\r\n                        <div class=\"client-item\">\r\n                            <i class=\"fas fa-graduation-cap\"><\/i>\r\n                            <p>Uttaranchal University<\/p>\r\n                        <\/div>\r\n                        <div class=\"client-item\">\r\n                            <i class=\"fas fa-graduation-cap\"><\/i>\r\n                            <p>SGRR Institutions<\/p>\r\n                        <\/div>\r\n                        <div class=\"client-item\">\r\n                            <i class=\"fas fa-graduation-cap\"><\/i>\r\n                            <p>Quantum University<\/p>\r\n                        <\/div>\r\n                        <div class=\"client-item\">\r\n                            <i class=\"fas fa-graduation-cap\"><\/i>\r\n                            <p>Amrapali University<\/p>\r\n                        <\/div>\r\n                        <div class=\"client-item\">\r\n                            <i class=\"fas fa-graduation-cap\"><\/i>\r\n                            <p>Roorkee Institute of Technology<\/p>\r\n                        <\/div>\r\n                        <div class=\"client-item\">\r\n                            <i class=\"fas fa-graduation-cap\"><\/i>\r\n                            <p>Shivalik College of Engineering<\/p>\r\n                        <\/div>\r\n                        <div class=\"client-item\">\r\n                            <i class=\"fas fa-graduation-cap\"><\/i>\r\n                            <p>Uttaranchal Institute of Technology<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.cyborgerp.com\/our-clients\/\" target=\"_blank\" class=\"btn btn-primary\">View All Clients<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-729df56 e-con-full e-flex e-con e-parent\" data-id=\"729df56\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b9706e elementor-widget elementor-widget-html\" data-id=\"2b9706e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"cyborg-cta-container\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&family=Poppins:wght@700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n#cyborg-cta-container {\r\n    --primary-color: #172B4D;\r\n    --primary-dark: #0f1e36;\r\n    --white: #ffffff;\r\n    --font-primary: 'Inter', sans-serif;\r\n    --font-heading: 'Poppins', sans-serif;\r\n    --transition: all 0.3s ease;\r\n}\r\n\r\n\/* ================= CTA SECTION ================= *\/\r\n#cyborg-cta-container .cta-section {\r\n    position: relative;\r\n    padding: 100px 0;\r\n    background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));\r\n    color: var(--white);\r\n    text-align: center;\r\n    font-family: var(--font-primary);\r\n    overflow: hidden;\r\n}\r\n\r\n\/* ================= BACKGROUND PATTERNS ================= *\/\r\n#cyborg-cta-container .cta-section::before,\r\n#cyborg-cta-container .cta-section::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 420px;\r\n    height: 420px;\r\n    background-image:\r\n        repeating-linear-gradient(\r\n            45deg,\r\n            rgba(255,255,255,0.04) 0px,\r\n            rgba(255,255,255,0.04) 2px,\r\n            transparent 2px,\r\n            transparent 22px\r\n        );\r\n    opacity: 0.4;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* Top Left *\/\r\n#cyborg-cta-container .cta-section::before {\r\n    top: -200px;\r\n    left: -200px;\r\n}\r\n\r\n\/* Bottom Right *\/\r\n#cyborg-cta-container .cta-section::after {\r\n    bottom: -200px;\r\n    right: -200px;\r\n}\r\n\r\n\/* ================= ICON DECOR ================= *\/\r\n#cyborg-cta-container .cta-icons {\r\n    position: absolute;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, auto);\r\n    gap: 30px;\r\n    opacity: 0.15;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n}\r\n\r\n#cyborg-cta-container .cta-icons svg {\r\n    width: 64px;\r\n    height: 64px;\r\n    fill: var(--white);\r\n}\r\n\r\n\/* Icon Positions *\/\r\n#cyborg-cta-container .cta-icons.top-left {\r\n    top: 60px;\r\n    left: 60px;\r\n    transform: rotate(-10deg);\r\n}\r\n\r\n#cyborg-cta-container .cta-icons.bottom-right {\r\n    bottom: 60px;\r\n    right: 60px;\r\n    transform: rotate(10deg);\r\n}\r\n\r\n\/* ================= CONTAINER ================= *\/\r\n#cyborg-cta-container .container {\r\n    position: relative;\r\n    z-index: 3;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n}\r\n\r\n\/* ================= CONTENT ================= *\/\r\n#cyborg-cta-container .cta-content {\r\n    position: relative;\r\n    z-index: 3;\r\n}\r\n\r\n#cyborg-cta-container .cta-content h2 {\r\n    font-size: 3.5rem;\r\n    font-weight: 800;\r\n    margin-bottom: 1.5rem;\r\n    font-family: var(--font-heading);\r\n    line-height: 1.2;\r\n    color: var(--white);\r\n}\r\n\r\n#cyborg-cta-container .features-list {\r\n    font-size: 1.5rem;\r\n    margin-bottom: 2rem;\r\n    font-weight: 600;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n#cyborg-cta-container .cta-note {\r\n    max-width: 900px;\r\n    margin: 0 auto 3rem;\r\n    font-size: 1.6rem;\r\n    line-height: 1.6;\r\n    font-style: italic;\r\n    border-left: 4px solid var(--white);\r\n    padding-left: 20px;\r\n}\r\n\r\n\/* ================= CTA BUTTON (FIXED) ================= *\/\r\n#cyborg-cta-container .btn-primary {\r\n    position: relative;\r\n    z-index: 5;\r\n    display: inline-block;\r\n    background: var(--white);\r\n    color: var(--primary-color) !important;\r\n    padding: 20px 50px;\r\n    border-radius: 12px;\r\n    text-decoration: none;\r\n    font-weight: 800;\r\n    font-size: 1.6rem;\r\n    transition: var(--transition);\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.35);\r\n}\r\n\r\n#cyborg-cta-container .btn-primary:hover {\r\n    background: #f8fafc;\r\n    color: var(--primary-color) !important;\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 18px 40px rgba(0,0,0,0.45);\r\n}\r\n\r\n\/* ================= RESPONSIVE ================= *\/\r\n@media (max-width: 768px) {\r\n    #cyborg-cta-container .cta-content h2 { font-size: 2.2rem; }\r\n    #cyborg-cta-container .features-list { font-size: 1.1rem; }\r\n    #cyborg-cta-container .cta-note { font-size: 1.2rem; }\r\n\r\n    #cyborg-cta-container .btn-primary {\r\n        font-size: 1.3rem;\r\n        padding: 15px 30px;\r\n    }\r\n\r\n    #cyborg-cta-container .cta-icons svg {\r\n        width: 42px;\r\n        height: 42px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cta-section\">\r\n\r\n    <!-- Top Left Icons -->\r\n    <div class=\"cta-icons top-left\">\r\n        <svg viewBox=\"0 0 64 64\"><path d=\"M32 6L2 20l30 14 30-14L32 6zm0 32L10 28v8c0 8 10 14 22 14s22-6 22-14v-8L32 38z\"\/><\/svg>\r\n        <svg viewBox=\"0 0 64 64\"><path d=\"M8 10h22v44H8a6 6 0 01-6-6V16a6 6 0 016-6zm48 0H34v44h22a6 6 0 006-6V16a6 6 0 00-6-6z\"\/><\/svg>\r\n    <\/div>\r\n\r\n    <!-- Bottom Right Icons -->\r\n    <div class=\"cta-icons bottom-right\">\r\n        <svg viewBox=\"0 0 64 64\"><path d=\"M2 50l12 12 42-42L44 8 2 50z\"\/><\/svg>\r\n        <svg viewBox=\"0 0 64 64\"><path d=\"M32 2a18 18 0 1018 18A18 18 0 0032 2zm0 30a12 12 0 1112-12 12 12 0 01-12 12z\"\/><\/svg>\r\n    <\/div>\r\n\r\n    <div class=\"container\">\r\n        <div class=\"cta-content\">\r\n            <h2>Experience the Difference with Our Free Trial<\/h2>\r\n\r\n            <p class=\"features-list\">\r\n                3-Month Full Version Free Trial \u2022 No Feature Restrictions \u2022 100% Success Rate\r\n            <\/p>\r\n\r\n            <p class=\"cta-note\">\r\n                \u201cWe firmly believe an ERP shouldn't be judged by price alone. Technology cost can change \u2014 but domain expertise, implementation experience, and educational insight do not.\u201d\r\n            <\/p>\r\n\r\n            <a href=\"https:\/\/www.cyborgerp.com\/book-your-demo-with-cyborg\/\" class=\"btn-primary\">\r\n               Book A Demo\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/section>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-73979da e-flex e-con-boxed e-con e-parent\" data-id=\"73979da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c6aca3 elementor-widget elementor-widget-html\" data-id=\"2c6aca3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"cyborg-contact-container\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&family=Poppins:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n#cyborg-contact-container {\r\n    --text-main: #172B4D;\r\n    --accent: #E84C3D;\r\n    --accent-dark: #c63a2e;\r\n    --white: #ffffff;\r\n    --light: #f1f5f9;\r\n    --gray: #475569;\r\n\r\n    --font-primary: 'Inter', sans-serif;\r\n    --font-heading: 'Poppins', sans-serif;\r\n\r\n    --shadow-lg: 0 20px 50px rgba(0,0,0,0.12);\r\n    --shadow-md: 0 12px 30px rgba(0,0,0,0.1);\r\n    --shadow-sm: 0 6px 14px rgba(0,0,0,0.08);\r\n    --transition: all 0.3s ease;\r\n\r\n    font-family: var(--font-primary);\r\n}\r\n\r\n\/* ================= SECTION ================= *\/\r\n.contact {\r\n    position: relative;\r\n    padding: 100px 0;\r\n    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\r\n    overflow: hidden;\r\n}\r\n\r\n.contact::before,\r\n.contact::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 420px;\r\n    height: 420px;\r\n    background: radial-gradient(circle, rgba(232,76,61,0.12), transparent 70%);\r\n    z-index: 0;\r\n}\r\n\r\n.contact::before {\r\n    top: -200px;\r\n    left: -200px;\r\n}\r\n\r\n.contact::after {\r\n    bottom: -200px;\r\n    right: -200px;\r\n}\r\n\r\n.contact .container {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n}\r\n\r\n\/* ================= LAYOUT ================= *\/\r\n.contact-wrapper {\r\n    display: grid;\r\n    grid-template-columns: 1.2fr 0.8fr;\r\n    gap: 4.5rem;\r\n    align-items: flex-start;\r\n}\r\n\r\n\/* ================= LEFT CONTENT ================= *\/\r\n.contact-info h2 {\r\n    font-size: 3.4rem;\r\n    font-family: var(--font-heading);\r\n    color: var(--text-main);\r\n    margin-bottom: 1rem;\r\n}\r\n\r\n.contact-info p {\r\n    font-size: 1.8rem;\r\n    color: var(--gray);\r\n    margin-bottom: 2.5rem;\r\n    max-width: 520px;\r\n}\r\n\r\n.contact-details {\r\n    display: grid;\r\n    gap: 1.8rem;\r\n    margin-bottom: 3.5rem;\r\n}\r\n\r\n.contact-item {\r\n    display: flex;\r\n    gap: 1.2rem;\r\n    align-items: flex-start;\r\n}\r\n\r\n.contact-item i {\r\n    font-size: 1.4rem;\r\n    color: var(--accent);\r\n    background: rgba(232,76,61,0.12);\r\n    padding: 12px;\r\n    border-radius: 12px;\r\n}\r\n\r\n.contact-item strong {\r\n    display: block;\r\n    font-weight: 700;\r\n    color: var(--text-main);\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.contact-item p,\r\n.contact-item a {\r\n    margin: 0;\r\n    color: var(--gray);\r\n    text-decoration: none;\r\n}\r\n\r\n.contact-item a:hover {\r\n    color: var(--accent);\r\n}\r\n\r\n.company-info h3 {\r\n    font-family: var(--font-heading);\r\n    color: var(--text-main);\r\n    margin-bottom: 0.6rem;\r\n}\r\n\r\n.company-info p {\r\n    margin: 0.3rem 0;\r\n    color: var(--gray);\r\n}\r\n\r\n\/* ================= RIGHT CARD ================= *\/\r\n.direct-action-card {\r\n    position: relative;\r\n    background: linear-gradient(180deg, #ffffff, #f8fafc);\r\n    padding: 3.5rem 3rem;\r\n    border-radius: 26px;\r\n    text-align: center;\r\n    box-shadow: var(--shadow-lg);\r\n    overflow: hidden;\r\n}\r\n\r\n.direct-action-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: radial-gradient(circle at top, rgba(232,76,61,0.12), transparent 60%);\r\n    opacity: 0.6;\r\n    pointer-events: none;\r\n}\r\n\r\n.direct-action-card .main-icon {\r\n    font-size: 6.8rem;\r\n    color: var(--accent);\r\n    margin-bottom: 2rem;\r\n}\r\n\r\n.direct-action-card h3 {\r\n    font-size: 2.7rem;\r\n    font-family: var(--font-heading);\r\n    color: var(--text-main);\r\n    margin-bottom: 1rem;\r\n}\r\n\r\n.direct-action-card p {\r\n    color: var(--gray);\r\n    font-size: 1.6rem;\r\n    margin-bottom: 2.5rem;\r\n}\r\n\r\n\/* ================= BUTTON ================= *\/\r\n.btn-full {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: linear-gradient(135deg, var(--accent), var(--accent-dark));\r\n    color: #ffffff !important;\r\n    padding: 18px 40px;\r\n    border-radius: 14px;\r\n    font-weight: 700;\r\n    font-size: 1.4rem;\r\n    text-decoration: none;\r\n    transition: var(--transition);\r\n    box-shadow: 0 14px 34px rgba(232,76,61,0.45);\r\n}\r\n\r\n.btn-full i {\r\n    margin-left: 14px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.btn-full:hover {\r\n    transform: translateY(-4px);\r\n}\r\n\r\n.btn-full:hover i {\r\n    transform: translateX(6px);\r\n}\r\n\r\n\/* ================= RESPONSIVE ================= *\/\r\n@media (max-width: 900px) {\r\n    .contact-wrapper {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .direct-action-card {\r\n        margin-top: 3rem;\r\n    }\r\n\r\n    .contact-info h2 {\r\n        font-size: 2.3rem;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"contact\" id=\"contact\">\r\n<div class=\"container\">\r\n<div class=\"contact-wrapper\">\r\n\r\n<!-- LEFT -->\r\n<div class=\"contact-info\">\r\n    <h2>Start Your School's Digital Transformation<\/h2>\r\n    <p>Get in touch with our experts for a personalized walkthrough of the ERP platform.<\/p>\r\n\r\n    <div class=\"contact-details\">\r\n        <div class=\"contact-item\">\r\n            <i class=\"fas fa-globe\"><\/i>\r\n            <div>\r\n                <strong>Official Portal<\/strong>\r\n                <a href=\"https:\/\/schoolerp.cyborgerp.com\" target=\"_blank\">schoolerp.cyborgerp.com<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"contact-item\">\r\n            <i class=\"fas fa-headset\"><\/i>\r\n            <div>\r\n                <strong>Expert Consultation<\/strong>\r\n                <p>Mon\u2013Sat (9 AM \u2013 6 PM)<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"contact-item\">\r\n            <i class=\"fas fa-envelope-open-text\"><\/i>\r\n            <div>\r\n                <strong>Email Support<\/strong>\r\n                <p>info@cyborgerp.com<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"company-info\">\r\n        <h3>Cyborg IT Services (P) Ltd<\/h3>\r\n        <p>Over 20+ years of excellence in educational technology.<\/p>\r\n        <p>Serving 500+ premier institutions across India.<\/p>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- RIGHT -->\r\n<div class=\"direct-action-card\">\r\n    <i class=\"fas fa-calendar-check main-icon\"><\/i>\r\n    <h3>Ready to See it in Action?<\/h3>\r\n    <p>\r\n        Visit our official contact portal. Our team will schedule a customized demo\r\n        for your institution within 24 hours.\r\n    <\/p>\r\n\r\n    <a href=\"https:\/\/www.cyborgerp.com\/contact-us\/\" target=\"_blank\" class=\"btn-full\">\r\n        Go to Contact Page <i class=\"fas fa-arrow-right\"><\/i>\r\n    <\/a>\r\n\r\n    <p style=\"margin-top:2.8rem; font-size:0.95rem; color:var(--gray); font-weight:600;\">\r\n        <i class=\"fas fa-shield-alt\" style=\"color:#10b981;\"><\/i>\r\n        Your data security is our top priority.\r\n    <\/p>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Complete Digital School Management Platform Streamline operations, enhance communication, and drive academic excellence with India&#8217;s most trusted School ERP 500+ Schools 120+ Digital Services 50+ Satisfied Colleges 600+ Satisfied Customer 20+ Universities 5,00,000+ Active Users Book A Demo Explore Features 3-Month Full Version Free Trial \u2013 No Feature Restrictions Trusted by prestigious institutions across India [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"zakra_page_container_layout":"customizer","zakra_page_sidebar_layout":"customizer","zakra_remove_content_margin":false,"zakra_sidebar":"customizer","zakra_transparent_header":"customizer","zakra_logo":0,"zakra_main_header_style":"default","zakra_menu_item_color":"","zakra_menu_item_hover_color":"","zakra_menu_item_active_color":"","zakra_menu_active_style":"","zakra_page_header":true,"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/schoolerp.cyborgerp.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/schoolerp.cyborgerp.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/schoolerp.cyborgerp.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/schoolerp.cyborgerp.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/schoolerp.cyborgerp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":121,"href":"https:\/\/schoolerp.cyborgerp.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":187,"href":"https:\/\/schoolerp.cyborgerp.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/187"}],"wp:attachment":[{"href":"https:\/\/schoolerp.cyborgerp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}