/* --- RESET & VARS --- */ #mcw-mobile-header-card-ui { --bg-body: #050505; --bg-card: #141414; --bg-card-active: #1a1a1a; --text-main: #ffffff; --text-sub: #a1a1aa; --accent: #7b5aff; --border: rgba(255,255,255,0.08); --font-stack: 'Space Grotesk', sans-serif; font-family: var(--font-stack); position: relative; width: 100%; z-index: 99999; } #mcw-mobile-header-card-ui * { box-sizing: border-box; text-decoration: none; -webkit-tap-highlight-color: transparent; } /* --- HEADER BAR --- */ .header-bar { position: fixed; top: 0; left: 0; width: 100%; height: 70px; background: rgba(5, 5, 5, 0.85); backdrop-filter: blur(12px); display: flex; justify-content: space-between; align-items: center; padding: 0 20px; z-index: 100; border-bottom: 1px solid var(--border); } .logo-image { height: 50px; width: auto; } /* --- GRID MENU ICON (Square Dots) --- */ .toggle-btn { background: none; border: none; width: 40px; height: 40px; display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 8px; cursor: pointer; transition: transform 0.3s; } .toggle-btn .dot { background-color: white; border-radius: 2px; width: 100%; height: 100%; transition: all 0.3s ease; } /* Active Icon Animation (Turns into X) */ .toggle-btn.active { transform: rotate(45deg); gap: 0; } .toggle-btn.active .dot { border-radius: 50%; transform: scale(1.2); background-color: var(--accent); } /* --- FULLSCREEN MENU OVERLAY --- */ .menu-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: var(--bg-body); z-index: 90; padding-top: 80px; /* Space for header */ padding-bottom: 40px; /* Animation: Slide Up */ opacity: 0; visibility: hidden; transform: translateY(20px); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); } .menu-overlay.is-visible { opacity: 1; visibility: visible; transform: translateY(0); } .menu-scroll-area { height: 1500px; overflow-y: auto; padding: 0 20px; display: flex; flex-direction: column; gap: 16px; } .menu-header-title { color: var(--text-sub); font-size: 14px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 10px; font-weight: 700; } /* --- CARD COMPONENT --- */ .menu-card { background-color: var(--bg-card); border-radius: 12px; overflow: hidden; border: 1px solid var(--border); transition: background-color 0.3s, border-color 0.3s; } .menu-card.open { background-color: var(--bg-card-active); border-color: rgba(123, 90, 255, 0.3); } .card-header { padding: 20px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; } .card-title { font-size: 18px; font-weight: 500; color: var(--text-main); } .icon-circle { width: 32px; height: 32px; background: rgba(255,255,255,0.05); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: transform 0.3s, background 0.3s; } .icon-circle svg { width: 16px; height: 16px; stroke: var(--text-main); } /* Rotate Icon on Open */ .menu-card.open .icon-circle { transform: rotate(180deg); background: var(--accent); } /* --- EXPANDABLE BODY --- */ .card-body { height: 0; overflow: hidden; transition: height 0.4s ease; background: rgba(0,0,0,0.2); } .sub-link { display: block; padding: 14px 20px; color: var(--text-sub); font-size: 15px; border-top: 1px solid rgba(255,255,255,0.03); transition: color 0.2s, padding-left 0.2s; } .sub-link:first-child { border-top: none; } .sub-link:hover { color: var(--text-main); padding-left: 25px; /* Slight nudge */ background: rgba(255,255,255,0.02); } /* --- SIMPLE LINKS (NO DROPDOWN) --- */ .menu-card.simple-link { display: flex; justify-content: space-between; align-items: center; padding: 20px; } .simple-link .arrow-right { width: 20px; height: 20px; stroke: var(--text-sub); } /* --- CTA BUTTON --- */ .primary-cta { margin-top: 20px; background: linear-gradient(90deg, #7b5aff, #9d4edd); color: white; text-align: center; padding: 18px; border-radius: 12px; font-size: 16px; font-weight: 700; letter-spacing: 0.5px; box-shadow: 0 4px 20px rgba(123, 90, 255, 0.25); transition: transform 0.2s; } .primary-cta:active { transform: scale(0.98); } /* Hide site header ONLY on desktop */ /* Hide MCW mobile header on desktop (web) */ @media (min-width: 1024px) { #mcw-mobile-header-card-ui { display: none !important; } } /* Hide site header inner on mobile & tablet */ @media (max-width: 1023px) { .site-header-responsive-inner { display: none !important; } } document.addEventListener('DOMContentLoaded', () => { const toggleBtn = document.querySelector('.toggle-btn'); const menuOverlay = document.querySelector('.menu-overlay'); const cards = document.querySelectorAll('.menu-card'); /* MENU OPEN / CLOSE */ toggleBtn.addEventListener('click', () => { toggleBtn.classList.toggle('active'); menuOverlay.classList.toggle('is-visible'); document.body.style.overflow = menuOverlay.classList.contains('is-visible') ? 'hidden' : ''; }); /* ACCORDION */ cards.forEach(card => { const header = card.querySelector('.card-header'); const body = card.querySelector('.card-body'); if (!header || !body) return; header.addEventListener('click', () => { /* Close others */ cards.forEach(c => { if (c !== card) { c.classList.remove('open'); const b = c.querySelector('.card-body'); if (b) { b.style.height = '0px'; b.style.overflow = 'hidden'; } } }); /* Toggle current */ if (card.classList.contains('open')) { card.classList.remove('open'); body.style.height = '0px'; body.style.overflow = 'hidden'; } else { card.classList.add('open'); /* Force correct height */ body.style.height = body.scrollHeight + 'px'; /* After animation, allow full content */ body.addEventListener('transitionend', function handler() { body.style.height = 'auto'; body.style.overflow = 'visible'; body.removeEventListener('transitionend', handler); }); } }); }); });

/* ===== Scoped styles ONLY for this section ===== */ .megacompu-privacy-policy { background-color: #f9fafb; padding: 60px 20px; font-family: Arial, Helvetica, sans-serif; } .megacompu-privacy-policy .policy-container { max-width: 1000px; margin: 0 auto; padding: 40px; background: #ffffff; border-radius: 8px; box-shadow: 0 10px 25px rgba(0,0,0,0.05); color: #1f2937; line-height: 1.7; } .megacompu-privacy-policy h1 { padding-top: 50px; font-size: 32px; margin-bottom: 10px; } .megacompu-privacy-policy .updated { font-size: 14px; color: #6b7280; margin-bottom: 30px; } .megacompu-privacy-policy h2 { font-size: 22px; margin-top: 32px; margin-bottom: 12px; } .megacompu-privacy-policy h3 { font-size: 18px; margin-top: 20px; margin-bottom: 8px; } .megacompu-privacy-policy p { margin-bottom: 12px; } .megacompu-privacy-policy ul { padding-left: 20px; margin-bottom: 16px; } .megacompu-privacy-policy li { margin-bottom: 6px; } .megacompu-privacy-policy a { color: #2563eb; text-decoration: none; } .megacompu-privacy-policy a:hover { text-decoration: underline; } .megacompu-privacy-policy .contact-box { margin-top: 24px; padding: 20px; background: #f3f4f6; border-radius: 6px; } /* ===== Mobile Optimization ===== */ @media (max-width: 640px) { .megacompu-privacy-policy .policy-container { padding: 24px; } .megacompu-privacy-policy h1 { font-size: 26px; } .megacompu-privacy-policy h2 { font-size: 20px; } }

Privacy Policy

Last Updated: 24 December 2025

Welcome to www.megacompu.co.in (“we”, “us”, “our”). This Privacy Policy describes how we collect, use, disclose, and protect your personal information when you visit or interact with our website at https://www.megacompu.co.in. By using our Website, you agree to the practices described in this Privacy Policy.

1. Information We Collect

We may collect both personal information that you provide directly and automatically collected data when you interact with the Website:

1.1 Personal Information

Full name
Email address
Phone number
Resume or career application data
Any other information you choose to provide

1.2 Automatically Collected Information

IP address
Browser type and version
Operating system
Pages visited and clickstream data
Cookies and tracking technologies

2. How We Use Your Information

To respond to your inquiries and communicate with you
To process and manage job applications
To improve, operate and maintain the Website
To personalise your user experience
To analyse trends and usage patterns
To comply with legal and regulatory obligations

3. Sharing Your Information

Service Providers: Third-party vendors who assist us
Legal Requirements: When required by law

4. Cookies and Tracking Technologies

Recognise your device on future visits
Improve Website performance
Analyse Website interactions

5. Data Retention

We retain personal data only as long as necessary to fulfil the purposes described in this Privacy Policy and legal obligations.

6. Security of Your Information

We implement reasonable safeguards to protect personal information. However, no method of transmission over the Internet is 100% secure.

7. Children’s Privacy

Our Website is not directed to individuals under 13 years of age.

8. Your Rights

Access personal data
Request correction or deletion
Restrict or object to processing
Opt out of certain uses

9. Changes to This Privacy Policy

We may update this Privacy Policy from time to time.

10. Contact Us

Email: salesdesk@megacompu.co.in

Address: 1, 2nd Cross, Lal Bagh Main Rd, Bengaluru, Karnataka 560027

Phone: +91 90192 23382

.h1{ padding-top: 60px !important; } .bt-header-responsive-inactive.sticky-style-shrink .site-header { background-color: #000 !important;