Scrapwaalii | Top Scrap Buyer in Bhadra | Best Prices for Scrap<\/title>\r\n <meta name=\"description\" content=\"Get highest prices for your scrap with free doorstep pickup in Bhadra . Instant cash payment, certified recycling, and professional service. Book now!\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n :root {\r\n --primary: #0a0f1c;\r\n --primary-light: #1a2332;\r\n --primary-dark: #050914;\r\n --accent: #00ff87;\r\n --accent-dark: #00d46e;\r\n --accent-light: #66ffb3;\r\n --secondary: #ff6b35;\r\n --success: #10b981;\r\n --warning: #f59e0b;\r\n --error: #ef4444;\r\n --text-white: #ffffff;\r\n --text-light: #e2e8f0;\r\n --text-gray: #94a3b8;\r\n --text-dark: #334155;\r\n --bg-dark: #030711;\r\n --bg-section: #0f172a;\r\n --bg-card: rgba(26, 35, 50, 0.9);\r\n --bg-glass: rgba(255, 255, 255, 0.03);\r\n --border-color: rgba(0, 255, 135, 0.15);\r\n --shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4);\r\n --shadow-lg: 0 25px 50px rgba(0, 255, 135, 0.2);\r\n --shadow-glow: 0 0 30px rgba(0, 255, 135, 0.3);\r\n --gradient-primary: linear-gradient(135deg, #0a0f1c 0%, #1a2332 100%);\r\n --gradient-accent: linear-gradient(135deg, #00ff87 0%, #00d46e 100%);\r\n --gradient-hero: radial-gradient(ellipse at center, #1a2332 0%, #0a0f1c 50%, #030711 100%);\r\n --gradient-card: linear-gradient(145deg, rgba(26, 35, 50, 0.8) 0%, rgba(15, 23, 42, 0.9) 100%);\r\n --blur-effect: blur(20px);\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background: var(--bg-dark);\r\n color: var(--text-white);\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n scroll-behavior: smooth;\r\n opacity: 1;\r\n }\r\n\r\n \/* Floating Navigation *\/\r\n .floating-nav {\r\n position: fixed;\r\n top: 20px;\r\n right: 20px;\r\n z-index: 1000;\r\n display: flex;\r\n gap: 10px;\r\n flex-direction: column;\r\n }\r\n\r\n .nav-item {\r\n width: 50px;\r\n height: 50px;\r\n background: var(--bg-card);\r\n backdrop-filter: var(--blur-effect);\r\n border: 1px solid var(--border-color);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--text-gray);\r\n text-decoration: none;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n font-size: 1.2rem;\r\n }\r\n\r\n .nav-item:hover {\r\n background: var(--gradient-accent);\r\n color: white;\r\n transform: scale(1.1);\r\n box-shadow: var(--shadow-glow);\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 1.5rem;\r\n }\r\n\r\n \/* Hero Section with Advanced Animations *\/\r\n .hero {\r\n min-height: 100vh;\r\n background: var(--gradient-hero);\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n overflow: hidden;\r\n padding: 2rem 0;\r\n }\r\n\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: \r\n radial-gradient(circle at 20% 80%, rgba(0, 255, 135, 0.15) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 20%, rgba(0, 255, 135, 0.1) 0%, transparent 50%),\r\n radial-gradient(circle at 40% 40%, rgba(255, 107, 53, 0.08) 0%, transparent 50%);\r\n animation: aurora 8s ease-in-out infinite alternate;\r\n }\r\n\r\n @keyframes aurora {\r\n 0% { opacity: 0.7; }\r\n 100% { opacity: 1; }\r\n }\r\n\r\n .hero-particles {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n z-index: 1;\r\n }\r\n\r\n .particle {\r\n position: absolute;\r\n width: 4px;\r\n height: 4px;\r\n background: var(--accent);\r\n border-radius: 50%;\r\n animation: float 6s ease-in-out infinite;\r\n opacity: 0.6;\r\n }\r\n\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\r\n 50% { transform: translateY(-20px) rotate(180deg); }\r\n }\r\n\r\n .hero-content {\r\n text-align: center;\r\n position: relative;\r\n z-index: 2;\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n padding: 0.8rem 2rem;\r\n background: var(--bg-card);\r\n backdrop-filter: var(--blur-effect);\r\n border-radius: 50px;\r\n font-weight: 600;\r\n margin-bottom: 1.5rem;\r\n border: 1px solid var(--border-color);\r\n color: var(--accent);\r\n animation: pulse 2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { box-shadow: 0 0 0 0 rgba(0, 255, 135, 0.4); }\r\n 50% { box-shadow: 0 0 0 10px rgba(0, 255, 135, 0); }\r\n }\r\n\r\n .hero-title {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-size: clamp(2.5rem, 6vw, 4.5rem);\r\n font-weight: 900;\r\n margin-bottom: 1.5rem;\r\n line-height: 1.1;\r\n letter-spacing: -0.02em;\r\n color: #ffffff;\r\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.7), 0 2px 10px rgba(0, 0, 0, 0.5);\r\n filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.3));\r\n }\r\n\r\n .hero-title .highlight {\r\n background: var(--gradient-accent);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n position: relative;\r\n font-weight: 900;\r\n text-shadow: none;\r\n filter: drop-shadow(0 0 20px rgba(0, 255, 135, 0.8));\r\n }\r\n\r\n .hero-title .highlight::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -5px;\r\n left: 0;\r\n width: 100%;\r\n height: 4px;\r\n background: var(--gradient-accent);\r\n border-radius: 2px;\r\n animation: underlineGlow 2s ease-in-out infinite alternate;\r\n box-shadow: 0 0 15px rgba(0, 255, 135, 0.6);\r\n }\r\n\r\n @keyframes underlineGlow {\r\n 0% { \r\n box-shadow: 0 0 8px rgba(0, 255, 135, 0.6);\r\n transform: scaleX(1);\r\n }\r\n 100% { \r\n box-shadow: 0 0 25px rgba(0, 255, 135, 0.9);\r\n transform: scaleX(1.05);\r\n }\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: clamp(1.1rem, 2.5vw, 1.3rem);\r\n font-weight: 400;\r\n opacity: 0.9;\r\n margin-bottom: 2.5rem;\r\n max-width: 700px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n color: var(--text-light);\r\n }\r\n\r\n .cta-buttons {\r\n display: flex;\r\n gap: 1rem;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n margin-bottom: 3rem;\r\n }\r\n\r\n .btn {\r\n padding: 1rem 2rem;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: 1rem;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n border: none;\r\n cursor: pointer;\r\n position: relative;\r\n overflow: hidden;\r\n min-width: 180px;\r\n justify-content: center;\r\n }\r\n\r\n .btn::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n transition: left 0.5s;\r\n }\r\n\r\n .btn:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--gradient-accent);\r\n color: var(--bg-dark);\r\n box-shadow: 0 10px 30px rgba(0, 255, 135, 0.3);\r\n font-weight: 700;\r\n }\r\n\r\n .btn-primary:hover {\r\n transform: translateY(-3px) scale(1.02);\r\n box-shadow: 0 15px 40px rgba(0, 255, 135, 0.4);\r\n }\r\n\r\n .btn-secondary {\r\n background: transparent;\r\n color: var(--text-white);\r\n border: 2px solid var(--border-color);\r\n backdrop-filter: var(--blur-effect);\r\n }\r\n\r\n .btn-secondary:hover {\r\n background: var(--bg-card);\r\n border-color: var(--accent);\r\n color: var(--accent);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .hero-features {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 1.5rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .feature-card {\r\n background: var(--gradient-card);\r\n backdrop-filter: var(--blur-effect);\r\n padding: 2rem 1.5rem;\r\n border-radius: 20px;\r\n text-align: center;\r\n border: 1px solid var(--border-color);\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n overflow: hidden;\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .feature-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(0, 255, 135, 0.1), transparent);\r\n transition: left 0.6s ease;\r\n }\r\n\r\n .feature-card:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .feature-card:hover {\r\n transform: translateY(-10px) scale(1.02);\r\n border-color: var(--accent);\r\n box-shadow: var(--shadow-lg);\r\n }\r\n\r\n .feature-icon {\r\n width: 70px;\r\n height: 70px;\r\n background: var(--gradient-accent);\r\n border-radius: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 1.5rem;\r\n font-size: 1.8rem;\r\n color: var(--bg-dark);\r\n box-shadow: 0 10px 25px rgba(0, 255, 135, 0.3);\r\n }\r\n\r\n .feature-card h3 {\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n margin-bottom: 1rem;\r\n color: var(--text-white);\r\n }\r\n\r\n .feature-card p {\r\n font-size: 1rem;\r\n color: var(--text-gray);\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Enhanced Section Styling - Reduced spacing *\/\r\n .section {\r\n padding: 3rem 0;\r\n position: relative;\r\n background: var(--bg-section);\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .section:nth-child(even) {\r\n background: var(--primary);\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 2.5rem;\r\n max-width: 700px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .section-title {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-size: clamp(2rem, 5vw, 3.5rem);\r\n font-weight: 900;\r\n margin-bottom: 1rem;\r\n color: #ffffff;\r\n letter-spacing: -0.02em;\r\n position: relative;\r\n text-shadow: 0 4px 15px rgba(0, 0, 0, 0.6), 0 2px 8px rgba(0, 0, 0, 0.4);\r\n filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.2));\r\n }\r\n\r\n .section-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -10px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 60px;\r\n height: 4px;\r\n background: var(--gradient-accent);\r\n border-radius: 2px;\r\n box-shadow: 0 0 15px rgba(0, 255, 135, 0.6);\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 1.1rem;\r\n color: var(--text-gray);\r\n line-height: 1.7;\r\n font-weight: 400;\r\n }\r\n\r\n \/* Enhanced Card Grids *\/\r\n .card-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n gap: 1.5rem;\r\n }\r\n\r\n .enhanced-card {\r\n background: var(--gradient-card);\r\n backdrop-filter: var(--blur-effect);\r\n padding: 2rem;\r\n border-radius: 20px;\r\n text-align: center;\r\n border: 1px solid var(--border-color);\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n overflow: hidden;\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .enhanced-card::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: var(--gradient-accent);\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n z-index: -1;\r\n }\r\n\r\n .enhanced-card:hover::after {\r\n opacity: 0.05;\r\n }\r\n\r\n .enhanced-card:hover {\r\n transform: translateY(-8px);\r\n border-color: var(--accent);\r\n box-shadow: var(--shadow-lg);\r\n }\r\n\r\n .card-icon {\r\n width: 70px;\r\n height: 70px;\r\n background: var(--gradient-accent);\r\n border-radius: 18px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 1.5rem;\r\n font-size: 1.8rem;\r\n color: var(--bg-dark);\r\n box-shadow: 0 10px 25px rgba(0, 255, 135, 0.3);\r\n }\r\n\r\n .enhanced-card h3 {\r\n font-size: 1.4rem;\r\n font-weight: 800;\r\n margin-bottom: 1rem;\r\n color: var(--text-white);\r\n }\r\n\r\n .enhanced-card p {\r\n color: var(--text-gray);\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* Process Steps with Connected Lines *\/\r\n .process-container {\r\n position: relative;\r\n }\r\n\r\n .process-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 1.5rem;\r\n position: relative;\r\n }\r\n\r\n .process-step {\r\n background: var(--gradient-card);\r\n backdrop-filter: var(--blur-effect);\r\n padding: 2rem;\r\n border-radius: 20px;\r\n text-align: center;\r\n border: 1px solid var(--border-color);\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .process-step:hover {\r\n transform: translateY(-8px);\r\n border-color: var(--accent);\r\n box-shadow: var(--shadow-lg);\r\n }\r\n\r\n .step-number {\r\n width: 60px;\r\n height: 60px;\r\n background: var(--gradient-accent);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 1.5rem;\r\n font-size: 1.5rem;\r\n font-weight: 800;\r\n color: var(--bg-dark);\r\n box-shadow: 0 10px 25px rgba(0, 255, 135, 0.3);\r\n }\r\n\r\n \/* Enhanced Rates Table *\/\r\n .rates-container {\r\n background: var(--gradient-card);\r\n backdrop-filter: var(--blur-effect);\r\n border-radius: 20px;\r\n padding: 2rem;\r\n border: 1px solid var(--border-color);\r\n overflow: hidden;\r\n position: relative;\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .rates-container::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: var(--gradient-accent);\r\n }\r\n\r\n .rates-table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n }\r\n\r\n .rates-table th,\r\n .rates-table td {\r\n padding: 1rem 0.8rem;\r\n text-align: left;\r\n border-bottom: 1px solid var(--border-color);\r\n }\r\n\r\n .rates-table th {\r\n background: rgba(0, 255, 135, 0.1);\r\n color: var(--accent);\r\n font-weight: 700;\r\n font-size: 1rem;\r\n }\r\n\r\n .rates-table td {\r\n color: var(--text-light);\r\n font-weight: 500;\r\n }\r\n\r\n .rates-table .price {\r\n color: var(--accent);\r\n font-weight: 700;\r\n font-size: 1rem;\r\n }\r\n\r\n .rates-table tbody tr {\r\n transition: background 0.3s ease;\r\n }\r\n\r\n .rates-table tbody tr:hover {\r\n background: rgba(0, 255, 135, 0.05);\r\n }\r\n\r\n \/* Enhanced Areas Grid *\/\r\n .areas-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\r\n gap: 1rem;\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .area-card {\r\n background: var(--bg-card);\r\n backdrop-filter: var(--blur-effect);\r\n padding: 1.2rem 1rem;\r\n border-radius: 14px;\r\n text-align: center;\r\n border: 1px solid var(--border-color);\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n font-weight: 600;\r\n color: var(--text-light);\r\n cursor: pointer;\r\n }\r\n\r\n .area-card:hover {\r\n background: var(--gradient-accent);\r\n color: var(--bg-dark);\r\n transform: translateY(-5px) scale(1.02);\r\n box-shadow: var(--shadow-lg);\r\n }\r\n\r\n \/* Enhanced FAQ *\/\r\n .faq-container {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n }\r\n\r\n .faq-item {\r\n background: var(--gradient-card);\r\n backdrop-filter: var(--blur-effect);\r\n margin-bottom: 1rem;\r\n border-radius: 14px;\r\n border: 1px solid var(--border-color);\r\n overflow: hidden;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .faq-item:hover {\r\n border-color: var(--accent);\r\n }\r\n\r\n .faq-question {\r\n padding: 1.2rem 1.5rem;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-weight: 600;\r\n color: var(--text-white);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .faq-question:hover {\r\n color: var(--accent);\r\n }\r\n\r\n .faq-answer {\r\n padding: 0 1.5rem;\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n color: var(--text-gray);\r\n }\r\n\r\n .faq-item.active .faq-answer {\r\n padding: 0 1.5rem 1.2rem;\r\n max-height: 200px;\r\n }\r\n\r\n .faq-item.active .faq-question i {\r\n transform: rotate(180deg);\r\n color: var(--accent);\r\n }\r\n\r\n \/* Enhanced Footer *\/\r\n .footer {\r\n background: var(--bg-dark);\r\n padding: 3rem 0 2rem;\r\n border-top: 1px solid var(--border-color);\r\n position: relative;\r\n }\r\n\r\n .footer::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 2px;\r\n background: var(--gradient-accent);\r\n }\r\n\r\n .footer-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 2rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .footer-col h3 {\r\n color: var(--accent);\r\n margin-bottom: 1.2rem;\r\n font-size: 1.2rem;\r\n font-weight: 800;\r\n }\r\n\r\n .footer-links {\r\n list-style: none;\r\n }\r\n\r\n .footer-links li {\r\n margin-bottom: 0.7rem;\r\n }\r\n\r\n .footer-links a {\r\n color: var(--text-gray);\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .footer-links a:hover {\r\n color: var(--accent);\r\n }\r\n\r\n .contact-info {\r\n list-style: none;\r\n }\r\n\r\n .contact-info li {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n margin-bottom: 0.8rem;\r\n color: var(--text-gray);\r\n }\r\n\r\n .contact-info i {\r\n color: var(--accent);\r\n width: 20px;\r\n }\r\n\r\n .social-links {\r\n display: flex;\r\n gap: 0.8rem;\r\n margin-top: 1.2rem;\r\n }\r\n\r\n .social-link {\r\n width: 40px;\r\n height: 40px;\r\n background: var(--bg-card);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--text-gray);\r\n text-decoration: none;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n border: 1px solid var(--border-color);\r\n }\r\n\r\n .social-link:hover {\r\n background: var(--gradient-accent);\r\n color: var(--bg-dark);\r\n transform: translateY(-3px);\r\n border-color: var(--accent);\r\n }\r\n\r\n .footer-bottom {\r\n text-align: center;\r\n padding-top: 2rem;\r\n border-top: 1px solid var(--border-color);\r\n color: var(--text-gray);\r\n }\r\n\r\n \/* Mobile Optimizations *\/\r\n @media (max-width: 768px) {\r\n .container {\r\n padding: 0 1rem;\r\n }\r\n\r\n .floating-nav {\r\n display: none;\r\n }\r\n\r\n .hero {\r\n padding: 2rem 0;\r\n text-align: center;\r\n }\r\n\r\n .hero-title {\r\n font-size: clamp(2rem, 8vw, 3rem);\r\n }\r\n\r\n .cta-buttons {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .btn {\r\n width: 100%;\r\n max-width: 280px;\r\n }\r\n\r\n .hero-features {\r\n grid-template-columns: 1fr;\r\n gap: 1rem;\r\n }\r\n\r\n .card-grid {\r\n grid-template-columns: 1fr;\r\n gap: 1.2rem;\r\n }\r\n\r\n .process-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .areas-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .rates-container {\r\n overflow-x: auto;\r\n padding: 1.2rem;\r\n }\r\n\r\n .rates-table {\r\n min-width: 500px;\r\n }\r\n\r\n .footer-grid {\r\n grid-template-columns: 1fr;\r\n text-align: center;\r\n }\r\n\r\n .feature-card,\r\n .enhanced-card,\r\n .process-step {\r\n padding: 1.5rem 1.2rem;\r\n }\r\n\r\n .section {\r\n padding: 2.5rem 0;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .container {\r\n padding: 0 0.8rem;\r\n }\r\n\r\n .areas-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .hero-badge {\r\n font-size: 0.9rem;\r\n padding: 0.6rem 1.5rem;\r\n }\r\n\r\n .btn {\r\n padding: 1rem 1.2rem;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .feature-icon,\r\n .card-icon {\r\n width: 60px;\r\n height: 60px;\r\n font-size: 1.5rem;\r\n }\r\n\r\n .step-number {\r\n width: 50px;\r\n height: 50px;\r\n font-size: 1.3rem;\r\n }\r\n \r\n .section-header {\r\n margin-bottom: 2rem;\r\n }\r\n }\r\n\r\n \/* Accessibility improvements *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n * {\r\n animation-duration: 0.01ms !important;\r\n animation-iteration-count: 1 !important;\r\n transition-duration: 0.01ms !important;\r\n }\r\n }\r\n\r\n .sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n margin: -1px;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n white-space: nowrap;\r\n border: 0;\r\n }\r\n\r\n \/* Custom scrollbar *\/\r\n ::-webkit-scrollbar {\r\n width: 8px;\r\n }\r\n\r\n ::-webkit-scrollbar-track {\r\n background: var(--bg-dark);\r\n }\r\n\r\n ::-webkit-scrollbar-thumb {\r\n background: var(--gradient-accent);\r\n border-radius: 4px;\r\n }\r\n\r\n \/* Improved hero title contrast *\/\r\n .hero-title {\r\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.9), 0 2px 10px rgba(0, 0, 0, 0.7);\r\n }\r\n \r\n \/* Make all headings bolder *\/\r\n h1, h2, h3, h4, h5, h6 {\r\n font-weight: 800 !important;\r\n }\r\n \r\n .feature-card h3, .enhanced-card h3, .process-step h3 {\r\n font-weight: 800;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <div class=\"floating-nav\">\r\n <a href=\"tel:7065424442\" class=\"nav-item\" aria-label=\"Call us\">\r\n <i class=\"fas fa-phone\"><\/i>\r\n <\/a>\r\n <a href=\"https:\/\/scrapwaalii.com\/pickup-request\/\" class=\"nav-item\" aria-label=\"Book pickup\">\r\n <i class=\"fas fa-truck\"><\/i>\r\n <\/a>\r\n <a href=\"#rates\" class=\"nav-item\" aria-label=\"View rates\">\r\n <i class=\"fas fa-chart-line\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n<section class=\"hero\" style=\"background: #000; color: #fff; padding: 80px 20px;\">\r\n <div class=\"container\">\r\n <div class=\"hero-content\" style=\"text-align: center; max-width: 900px; margin: 0 auto;\">\r\n \r\n <div class=\"hero-badge\">\r\n <i class=\"fas fa-recycle\"><\/i>\r\n #1 Scrap Buyer in Rajasthan \r\n <\/div>\r\n\r\n \r\n <h1 class=\"hero-title\" style=\"font-size: 2.5rem; margin-bottom: 20px;\">\r\n Get <span class=\"highlight\">Top Prices<\/span> for Your Scrap with Free Pickup\r\n <\/h1>\r\n\r\n \r\n <p class=\"hero-subtitle\" style=\"font-size: 1.1rem; color: #ccc; margin-bottom: 30px;\">\r\n Instant cash payment, transparent weighing, and eco-friendly recycling across Rajasthan. \r\n Professional service you can trust with competitive market rates.\r\n <\/p>\r\n\r\n \r\n <div class=\"cta-buttons\" style=\"margin-bottom: 40px;\">\r\n <a href=\"tel:9982040371\" class=\"btn btn-call\">\r\n <i class=\"fas fa-phone\"><\/i>\r\n Call Now: 9982040371\r\n <\/a>\r\n <a href=\"https:\/\/scrapwaalii.com\/pickup-request\/\" class=\"btn btn-pickup\" style=\"margin-left: 10px;\">\r\n <i class=\"fas fa-truck\"><\/i>\r\n Book Free Pickup\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero-features\" style=\"display: flex; justify-content: space-around; flex-wrap: wrap; gap: 20px;\">\r\n <div class=\"feature-card\" style=\"background: #111; padding: 20px; border-radius: 12px; flex: 1; min-width: 200px; box-shadow: 0 6px 15px rgba(0,0,0,0.4);\">\r\n <div class=\"feature-icon\" style=\"margin-bottom: 10px;\">\r\n <i class=\"fas fa-money-bill-wave\"><\/i>\r\n <\/div>\r\n <h3 style=\"margin-bottom: 8px;\">Instant Payment<\/h3>\r\n <p style=\"color: #ccc; font-size: 0.95rem;\">Get paid immediately in cash or via digital transfer with complete transparency<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\" style=\"background: #111; padding: 20px; border-radius: 12px; flex: 1; min-width: 200px; box-shadow: 0 6px 15px rgba(0,0,0,0.4);\">\r\n <div class=\"feature-icon\" style=\"margin-bottom: 10px;\">\r\n <i class=\"fas fa-balance-scale\"><\/i>\r\n <\/div>\r\n <h3 style=\"margin-bottom: 8px;\">Transparent Weighing<\/h3>\r\n <p style=\"color: #ccc; font-size: 0.95rem;\">Digital scales used in front of you for complete transparency and fair pricing<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\" style=\"background: #111; padding: 20px; border-radius: 12px; flex: 1; min-width: 200px; box-shadow: 0 6px 15px rgba(0,0,0,0.4);\">\r\n <div class=\"feature-icon\" style=\"margin-bottom: 10px;\">\r\n <i class=\"fas fa-leaf\"><\/i>\r\n <\/div>\r\n <h3 style=\"margin-bottom: 8px;\">Eco-Friendly Process<\/h3>\r\n <p style=\"color: #ccc; font-size: 0.95rem;\">Certified recycling with proper environmental compliance and sustainability<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* Call Button (Orange) *\/\r\n.btn-call {\r\n background-color: #ff6600;\r\n border: none;\r\n color: #fff;\r\n padding: 12px 20px;\r\n border-radius: 6px;\r\n font-weight: bold;\r\n text-decoration: none;\r\n transition: 0.3s ease;\r\n}\r\n.btn-call:hover {\r\n background-color: #e65c00;\r\n}\r\n\r\n\/* Pickup Button (Green) *\/\r\n.btn-pickup {\r\n background-color: #28a745;\r\n border: none;\r\n color: #fff;\r\n padding: 12px 20px;\r\n border-radius: 6px;\r\n font-weight: bold;\r\n text-decoration: none;\r\n transition: 0.3s ease;\r\n}\r\n.btn-pickup:hover {\r\n background-color: #218838;\r\n}\r\n\r\n\/* Hero Badge Styling *\/\r\n.hero-badge {\r\n display: inline-block;\r\n background: #ff6600;\r\n color: #fff;\r\n padding: 8px 15px;\r\n border-radius: 20px;\r\n font-weight: bold;\r\n margin-bottom: 15px;\r\n font-size: 14px;\r\n}\r\n.hero-badge i {\r\n margin-right: 6px;\r\n}\r\n\r\n\/* Highlight Text *\/\r\n.highlight {\r\n color: #ff6600;\r\n font-weight: bold;\r\n}\r\n\r\n\/* Feature Icons *\/\r\n.feature-icon i {\r\n color: #ff6600;\r\n font-size: 28px;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n .hero-title { font-size: 2rem; }\r\n .hero-subtitle { font-size: 1rem; }\r\n .hero-features { flex-direction: column; gap: 15px; }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"tracking-cta-section\">\r\n <div class=\"tracking-cta-container\">\r\n <h2 class=\"tracking-cta-title\">\r\n <span class=\"white-text\">Check Your<\/span> \r\n <span class=\"orange-text\">Pickup Status<\/span>\r\n <\/h2>\r\n <p class=\"tracking-cta-subtitle\">Track your pickup in real-time by entering your Tracking ID.<\/p>\r\n\r\n <a href=\"https:\/\/scrapwaalii.com\/live-pickup-tracking\/\" class=\"tracking-cta-button\">Go to Live Pickup Tracking<\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.tracking-cta-section {\r\n background: #000;\r\n padding: 60px 20px;\r\n text-align: center;\r\n color: #fff;\r\n}\r\n\r\n.tracking-cta-title {\r\n font-size: 2.2rem;\r\n margin-bottom: 15px;\r\n font-weight: bold;\r\n}\r\n\r\n.white-text { color: #fff; }\r\n.orange-text { color: #ff7f00; }\r\n\r\n.tracking-cta-subtitle {\r\n font-size: 1.2rem;\r\n margin-bottom: 25px;\r\n color: #ccc;\r\n}\r\n\r\n.tracking-cta-button {\r\n display: inline-block;\r\n background: #ff7f00;\r\n color: #fff;\r\n font-weight: bold;\r\n padding: 14px 30px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n transition: 0.3s ease-in-out;\r\n}\r\n\r\n.tracking-cta-button:hover {\r\n background: #28a745;\r\n}\r\n<\/style>\r\n\r\n \r\n<section class=\"section\" id=\"trust\">\r\n <div class=\"container\">\r\n \r\n <div class=\"section-header\">\r\n <h2 class=\"section-title bordered-heading\">\r\n Why Choose <span class=\"highlight\">Scrapwaalii?<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle\">\r\n Experience the difference with our professional service, transparent process, \r\n and unwavering commitment to environmental sustainability.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"card-grid\">\r\n <div class=\"enhanced-card\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-certificate\"><\/i>\r\n <\/div>\r\n <h3>100% Transparent Process<\/h3>\r\n <p>Digital weighing scales used in front of you with real-time rate calculations. \r\n No hidden charges, complete transparency in pricing.<\/p>\r\n <\/div>\r\n\r\n <div class=\"enhanced-card\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-clock\"><\/i>\r\n <\/div>\r\n <h3>Lightning Quick Service<\/h3>\r\n <p>Same day pickup available across Delhi NCR. \r\n Professional team arrives punctually with all necessary equipment.<\/p>\r\n <\/div>\r\n\r\n <div class=\"enhanced-card\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n <\/div>\r\n <h3>Secure & Reliable<\/h3>\r\n <p>Licensed and insured service with proper documentation. \r\n Government-approved recycling facilities ensure compliance.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n \/* Section Styling *\/\r\n #trust {\r\n padding: 60px 20px;\r\n background: #000; \/* Black background *\/\r\n text-align: center;\r\n }\r\n\r\n .section-header {\r\n margin-bottom: 40px;\r\n }\r\n\r\n \/* Bordered Heading *\/\r\n .bordered-heading {\r\n display: inline-block;\r\n padding: 12px 25px;\r\n border: 2px solid #ff6600; \/* Orange border *\/\r\n border-radius: 8px;\r\n font-size: 2rem;\r\n font-weight: bold;\r\n color: #fff;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 1rem;\r\n color: #ccc;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Card Grid *\/\r\n .card-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 20px;\r\n }\r\n\r\n \/* Card Styling *\/\r\n .enhanced-card {\r\n background: #111;\r\n padding: 30px 20px;\r\n border-radius: 12px;\r\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\r\n border: 1px solid transparent;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;\r\n color: #fff;\r\n }\r\n\r\n .enhanced-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 10px 25px rgba(255, 102, 0, 0.6);\r\n border: 1px solid #ff6600;\r\n }\r\n\r\n \/* Card Icon *\/\r\n .card-icon {\r\n font-size: 40px;\r\n color: #ff6600;\r\n margin-bottom: 15px;\r\n }\r\n\r\n \/* Card Title *\/\r\n .enhanced-card h3 {\r\n font-size: 1.2rem;\r\n margin-bottom: 10px;\r\n font-weight: bold;\r\n color: #fff;\r\n }\r\n\r\n \/* Card Text *\/\r\n .enhanced-card p {\r\n font-size: 0.95rem;\r\n color: #ddd;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Highlight *\/\r\n .highlight {\r\n color: #ff6600;\r\n }\r\n<\/style>\r\n\r\n\r\n \r\n<section class=\"section\" id=\"services\">\r\n <div class=\"container\">\r\n \r\n <div class=\"section-header\">\r\n <h2 class=\"section-title bordered-heading\">\r\n Premium <span class=\"highlight\">Scrap Collection<\/span> Services\r\n <\/h2>\r\n <p class=\"section-subtitle\">\r\n Comprehensive scrap collection solutions designed for maximum convenience, \r\n transparency, and value.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"card-grid\">\r\n <div class=\"enhanced-card\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-home\"><\/i>\r\n <\/div>\r\n <h3>Doorstep Pickup Service<\/h3>\r\n <p>Schedule convenient pickup at your preferred time. \r\n Our equipped team arrives with certified weighing equipment for immediate service.<\/p>\r\n <\/div>\r\n\r\n <div class=\"enhanced-card\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-chart-line\"><\/i>\r\n <\/div>\r\n <h3>Best Market Rates<\/h3>\r\n <p>Daily updated prices based on current market conditions. \r\n Get maximum value for your scrap materials with competitive rates.<\/p>\r\n <\/div>\r\n\r\n <div class=\"enhanced-card\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-recycle\"><\/i>\r\n <\/div>\r\n <h3>Certified Eco-Recycling<\/h3>\r\n <p>All materials processed through government-approved facilities with complete \r\n environmental compliance and sustainability.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n \/* Section Styling *\/\r\n #services {\r\n padding: 60px 20px;\r\n background: #000; \/* Black background *\/\r\n text-align: center;\r\n }\r\n\r\n .section-header {\r\n margin-bottom: 40px;\r\n }\r\n\r\n \/* Bordered Heading *\/\r\n .bordered-heading {\r\n display: inline-block;\r\n padding: 12px 25px;\r\n border: 2px solid #ff6600; \/* Orange border *\/\r\n border-radius: 8px;\r\n font-size: 2rem;\r\n font-weight: bold;\r\n color: #fff;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 1rem;\r\n color: #ccc;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Card Grid *\/\r\n .card-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 20px;\r\n }\r\n\r\n \/* Card Styling *\/\r\n .enhanced-card {\r\n background: #111;\r\n padding: 30px 20px;\r\n border-radius: 12px;\r\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\r\n border: 1px solid transparent;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;\r\n color: #fff;\r\n }\r\n\r\n .enhanced-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 10px 25px rgba(255, 102, 0, 0.6);\r\n border: 1px solid #ff6600;\r\n }\r\n\r\n \/* Card Icon *\/\r\n .card-icon {\r\n font-size: 40px;\r\n color: #ff6600;\r\n margin-bottom: 15px;\r\n }\r\n\r\n \/* Card Title *\/\r\n .enhanced-card h3 {\r\n font-size: 1.2rem;\r\n margin-bottom: 10px;\r\n font-weight: bold;\r\n color: #fff;\r\n }\r\n\r\n \/* Card Text *\/\r\n .enhanced-card p {\r\n font-size: 0.95rem;\r\n color: #ddd;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Highlight *\/\r\n .highlight {\r\n color: #ff6600;\r\n }\r\n<\/style>\r\n\r\n \r\n<section class=\"section\" id=\"process\">\r\n <div class=\"container\">\r\n \r\n <div class=\"section-header\">\r\n <h2 class=\"section-title bordered-heading\">\r\n Simple <span class=\"highlight\">3-Step<\/span> Process\r\n <\/h2>\r\n <p class=\"section-subtitle\">\r\n Selling your scrap has never been easier with our streamlined, transparent, \r\n and efficient service process.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"process-grid\">\r\n <div class=\"process-step\">\r\n <div class=\"step-number\">1<\/div>\r\n <h3>Schedule Your Pickup<\/h3>\r\n <p>Call us or book online with preferred time slot. \r\n We provide instant estimated quotes and confirm pickup details.<\/p>\r\n <\/div>\r\n\r\n <div class=\"process-step\">\r\n <div class=\"step-number\">2<\/div>\r\n <h3>We Collect & Weigh<\/h3>\r\n <p>Our professional team arrives with certified digital scales \r\n for transparent weighing and immediate rate calculation.<\/p>\r\n <\/div>\r\n\r\n <div class=\"process-step\">\r\n <div class=\"step-number\">3<\/div>\r\n <h3>Get Instant Payment<\/h3>\r\n <p>Receive immediate cash payment or choose secure digital transfer. \r\n Complete transaction with proper documentation.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n \/* Section Styling *\/\r\n #process {\r\n padding: 60px 20px;\r\n background: #000; \/* Black background *\/\r\n text-align: center;\r\n }\r\n\r\n .section-header {\r\n margin-bottom: 40px;\r\n }\r\n\r\n \/* Bordered Heading *\/\r\n .bordered-heading {\r\n display: inline-block;\r\n padding: 12px 25px;\r\n border: 2px solid #ff6600;\r\n border-radius: 8px;\r\n font-size: 2rem;\r\n font-weight: bold;\r\n color: #fff;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 1rem;\r\n color: #ccc;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Process Grid *\/\r\n .process-grid {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n gap: 30px;\r\n position: relative;\r\n margin-top: 40px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n \/* Orange connecting line *\/\r\n .process-grid::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 25px;\r\n left: 50px;\r\n right: 50px;\r\n height: 3px;\r\n background: #ff6600;\r\n z-index: 0;\r\n }\r\n\r\n \/* Process Step *\/\r\n .process-step {\r\n background: #111;\r\n padding: 30px 20px;\r\n border-radius: 12px;\r\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\r\n border: 1px solid transparent;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;\r\n color: #fff;\r\n text-align: center;\r\n flex: 1;\r\n min-width: 250px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .process-step:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 10px 25px rgba(255, 102, 0, 0.6);\r\n border: 1px solid #ff6600;\r\n }\r\n\r\n \/* Step Number *\/\r\n .step-number {\r\n width: 50px;\r\n height: 50px;\r\n margin: 0 auto 15px auto;\r\n background: #ff6600;\r\n color: #fff;\r\n font-size: 1.2rem;\r\n font-weight: bold;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n box-shadow: 0 0 15px rgba(255, 102, 0, 0.7);\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* Step Title *\/\r\n .process-step h3 {\r\n font-size: 1.2rem;\r\n margin-bottom: 10px;\r\n font-weight: bold;\r\n color: #fff;\r\n }\r\n\r\n \/* Step Text *\/\r\n .process-step p {\r\n font-size: 0.95rem;\r\n color: #ddd;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Highlight *\/\r\n .highlight {\r\n color: #ff6600;\r\n }\r\n\r\n \/* Responsive: stack vertically *\/\r\n @media (max-width: 768px) {\r\n .process-grid {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .process-grid::before {\r\n width: 3px;\r\n height: calc(100% - 50px);\r\n left: 50%;\r\n top: 50px;\r\n right: auto;\r\n }\r\n\r\n .process-step {\r\n max-width: 350px;\r\n }\r\n }\r\n<\/style>\r\n\r\n<section class=\"section\" id=\"rates\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title bordered-heading\">\r\n Today's <span class=\"highlight\">Competitive Scrap Rates<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle\">\r\n Our prices are updated daily to ensure you get the best value.\r\n <span style=\"color: var(--accent, #ff6600); font-weight: 700;\">\r\n Last updated: <span id=\"current-date\"><\/span>\r\n <\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"rates-container\">\r\n <table class=\"rates-table\" id=\"highlighted-rates\">\r\n <thead>\r\n <tr>\r\n <th>Scrap Material<\/th>\r\n <th>Current Rate (\u20b9\/Kg)<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n \r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n \r\n <div style=\"margin-top: 25px;\">\r\n <a href=\"https:\/\/scrapwaalii.com\/paper\/\" class=\"btn-view-all\">View All Scrap Rates \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n document.addEventListener(\"DOMContentLoaded\", function () {\r\n \/\/ Date auto-update\r\n const dateElement = document.getElementById(\"current-date\");\r\n const today = new Date();\r\n dateElement.textContent = today.toLocaleDateString(\"en-IN\", {\r\n day: \"numeric\",\r\n month: \"long\",\r\n year: \"numeric\"\r\n });\r\n\r\n \/\/ Full scrap list\r\n const allRates = [\r\n { material: \"\ud83d\udcf0 Newspaper\", rate: \"\u20b912-15\" },\r\n { material: \"\u2699\ufe0f Iron\/Steel\", rate: \"\u20b925-30\" },\r\n { material: \"\ud83e\udd64 Plastic\", rate: \"\u20b915-25\" },\r\n { material: \"\ud83d\udd0c Copper\", rate: \"\u20b9450-550\" },\r\n { material: \"\ud83d\udd29 Aluminium\", rate: \"\u20b980-100\" },\r\n { material: \"\ud83c\udffa Brass\", rate: \"\u20b9300-350\" },\r\n { material: \"\ud83d\udcbb E-Waste\", rate: \"\u20b940-120\" },\r\n { material: \"\ud83d\udd0b Lead Batteries\", rate: \"\u20b960-150\" }\r\n ];\r\n\r\n \/\/ Shuffle and pick 5 random\r\n const shuffled = allRates.sort(() => 0.5 - Math.random());\r\n const selected = shuffled.slice(0, 5);\r\n\r\n \/\/ Insert into table\r\n const tbody = document.querySelector(\"#highlighted-rates tbody\");\r\n selected.forEach(item => {\r\n const row = document.createElement(\"tr\");\r\n row.innerHTML = `<td>${item.material}<\/td><td class=\"price\">${item.rate}<\/td>`;\r\n tbody.appendChild(row);\r\n });\r\n });\r\n<\/script>\r\n\r\n<style>\r\n .btn-view-all {\r\n display: inline-block;\r\n padding: 12px 25px;\r\n background: #ff6600;\r\n color: #fff;\r\n border-radius: 6px;\r\n font-weight: bold;\r\n text-decoration: none;\r\n transition: 0.3s;\r\n }\r\n .btn-view-all:hover {\r\n background: #ff8533;\r\n }\r\n .price {\r\n font-weight: bold;\r\n color: #ff6600;\r\n }\r\n<\/style>\r\n\r\n\r\n \r\n\r\n<section class=\"section\" id=\"areas\">\r\n <div class=\"container\">\r\n \r\n <div class=\"section-header\">\r\n <h2 class=\"section-title bordered-heading\">\r\n Our <span class=\"highlight\">Service Areas<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle\">\r\n We provide comprehensive scrap pickup services across these major cities with expansion plans for additional locations.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas-grid\" id=\"areasGrid\">\r\n <div class=\"area-card\"><span class=\"area-icon\">\ud83c\udfd9\ufe0f<\/span> Delhi<\/div>\r\n <div class=\"area-card\"><span class=\"area-icon\">\ud83c\udfe2<\/span> Gurugram<\/div>\r\n <div class=\"area-card\"><span class=\"area-icon\">\ud83c\udfd8\ufe0f<\/span> Noida<\/div>\r\n <div class=\"area-card\"><span class=\"area-icon\">\ud83c\udfe0<\/span> Ghaziabad<\/div>\r\n <div class=\"area-card\"><span class=\"area-icon\">\ud83c\udfed<\/span> Faridabad<\/div>\r\n <div class=\"area-card\"><span class=\"area-icon\">\ud83c\udff0<\/span> Jaipur<\/div>\r\n <div class=\"area-card\"><span class=\"area-icon\">\ud83c\udfef<\/span> Lucknow<\/div>\r\n <div class=\"area-card\"><span class=\"area-icon\">\ud83c\udf06<\/span> Chandigarh<\/div>\r\n <div class=\"area-card\"><span class=\"area-icon\">\ud83c\udfd9\ufe0f<\/span> Greater Noida<\/div>\r\n <div class=\"area-card\"><span class=\"area-icon\">\ud83c\udfd8\ufe0f<\/span> Sonipat<\/div>\r\n <div class=\"area-card\"><span class=\"area-icon\">\ud83c\udfed<\/span> Meerut<\/div>\r\n <div class=\"area-card\"><span class=\"area-icon\">\ud83c\udfe0<\/span> Panipat<\/div>\r\n <\/div>\r\n\r\n \r\n <svg class=\"area-lines\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><\/svg>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n#areas {\r\n padding: 60px 20px;\r\n background: #000;\r\n text-align: center;\r\n position: relative;\r\n}\r\n\r\n.section-header { margin-bottom: 40px; }\r\n\r\n.bordered-heading {\r\n display: inline-block;\r\n padding: 12px 25px;\r\n border: 2px solid #ff6600;\r\n border-radius: 8px;\r\n font-size: 2rem;\r\n font-weight: bold;\r\n color: #fff;\r\n margin-bottom: 15px;\r\n}\r\n\r\n.highlight { color: #ff6600; }\r\n\r\n.section-subtitle {\r\n font-size: 1rem;\r\n color: #ccc;\r\n max-width: 750px;\r\n margin: 0 auto;\r\n}\r\n\r\n.areas-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n gap: 25px;\r\n margin-top: 40px;\r\n position: relative;\r\n}\r\n\r\n.area-card {\r\n background: #111;\r\n color: #fff;\r\n padding: 25px 15px;\r\n border-radius: 12px;\r\n font-weight: 600;\r\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\r\n border: 1px solid transparent;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;\r\n cursor: default;\r\n font-size: 1rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.area-card:hover {\r\n box-shadow: 0 10px 25px rgba(255, 102, 0, 0.6);\r\n border: 1px solid #ff6600;\r\n}\r\n\r\n.area-icon { font-size: 1.5rem; }\r\n\r\n\/* SVG lines style *\/\r\n.area-lines {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n pointer-events: none;\r\n overflow: visible;\r\n}\r\n\r\n.draw-line {\r\n stroke-dasharray: 1000;\r\n stroke-dashoffset: 1000;\r\n animation: draw 1s forwards, glow 2s infinite alternate;\r\n stroke: #ff6600;\r\n stroke-width: 2;\r\n fill: none;\r\n opacity: 0.6;\r\n}\r\n\r\n@keyframes draw {\r\n to { stroke-dashoffset: 0; }\r\n}\r\n\r\n@keyframes glow {\r\n 0% { stroke: rgba(255,102,0,0.6); filter: drop-shadow(0 0 2px rgba(255,102,0,0.5)); }\r\n 50% { stroke: rgba(255,204,102,0.8); filter: drop-shadow(0 0 6px rgba(255,204,102,0.7)); }\r\n 100% { stroke: rgba(255,102,0,0.6); filter: drop-shadow(0 0 2px rgba(255,102,0,0.5)); }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .areas-grid {\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n }\r\n .section-title { font-size: 1.8rem; }\r\n .section-subtitle { font-size: 0.95rem; }\r\n .area-card { font-size: 0.95rem; padding: 20px 10px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n const cards = document.querySelectorAll(\".area-card\");\r\n const svg = document.querySelector(\".area-lines\");\r\n const svgNS = \"http:\/\/www.w3.org\/2000\/svg\";\r\n\r\n \/\/ Draw connecting curved lines\r\n function drawLines() {\r\n svg.innerHTML = \"\";\r\n for (let i = 0; i < cards.length - 1; i++) {\r\n const start = cards[i].getBoundingClientRect();\r\n const end = cards[i+1].getBoundingClientRect();\r\n const offsetTop = window.scrollY || window.pageYOffset;\r\n\r\n const x1 = start.left + start.width\/2;\r\n const y1 = start.top + start.height\/2 + offsetTop;\r\n const x2 = end.left + end.width\/2;\r\n const y2 = end.top + end.height\/2 + offsetTop;\r\n\r\n const path = document.createElementNS(svgNS, \"path\");\r\n path.setAttribute(\"d\", `M${x1},${y1} C${(x1+x2)\/2},${y1-30} ${(x1+x2)\/2},${y2+30} ${x2},${y2}`);\r\n path.classList.add(\"draw-line\");\r\n svg.appendChild(path);\r\n }\r\n }\r\n\r\n window.addEventListener(\"resize\", drawLines);\r\n drawLines(); \/\/ initial draw\r\n});\r\n<\/script>\r\n\r\n \r\n<section class=\"section\" id=\"testimonials\">\r\n <div class=\"container\">\r\n \r\n <div class=\"section-header\">\r\n <h2 class=\"section-title bordered-heading\">\r\n Customer <span class=\"highlight\">Success Stories<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle\">\r\n Read authentic reviews from our satisfied customers who experienced our transparent and reliable service.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"card-grid\">\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-content\">\r\n <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <p>\"Outstanding service experience! The team arrived exactly on time, used transparent digital weighing, and paid instantly. Best rates compared to local dealers in South Delhi.\"<\/p>\r\n <\/div>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">RK<\/div>\r\n <div class=\"author-info\">\r\n <div class=\"author-name\">Rajesh Kumar<\/div>\r\n <div class=\"author-location\">South Delhi<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-content\">\r\n <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <p>\"Extremely professional and trustworthy team. As a senior citizen, I found their service incredibly convenient and reliable. They handled everything with complete transparency.\"<\/p>\r\n <\/div>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">SP<\/div>\r\n <div class=\"author-info\">\r\n <div class=\"author-name\">Sunita Pathak<\/div>\r\n <div class=\"author-location\">Noida<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-content\">\r\n <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <p>\"Perfect solution for corporate scrap management. They handled our office electronic waste professionally and provided proper certificates for data destruction. Excellent service!\"<\/p>\r\n <\/div>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">AS<\/div>\r\n <div class=\"author-info\">\r\n <div class=\"author-name\">Anil Sharma<\/div>\r\n <div class=\"author-location\">Gurugram<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n #testimonials {\r\n padding: 60px 20px;\r\n background: #000;\r\n text-align: center;\r\n }\r\n\r\n .section-header {\r\n margin-bottom: 40px;\r\n }\r\n\r\n .bordered-heading {\r\n display: inline-block;\r\n padding: 12px 25px;\r\n border: 2px solid #ff6600;\r\n border-radius: 8px;\r\n font-size: 2rem;\r\n font-weight: bold;\r\n color: #fff;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .highlight {\r\n color: #ff6600;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 1rem;\r\n color: #ccc;\r\n max-width: 750px;\r\n margin: 0 auto;\r\n }\r\n\r\n .card-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 25px;\r\n margin-top: 40px;\r\n }\r\n\r\n .testimonial-card {\r\n background: #111;\r\n border-radius: 12px;\r\n padding: 25px 20px;\r\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\r\n border: 1px solid transparent;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;\r\n color: #fff;\r\n text-align: left;\r\n }\r\n\r\n .testimonial-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 10px 25px rgba(255,102,0,0.6);\r\n border: 1px solid #ff6600;\r\n }\r\n\r\n .testimonial-content .stars {\r\n color: #ff6600;\r\n font-size: 1.2rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .testimonial-content p {\r\n font-style: italic;\r\n color: #ccc;\r\n line-height: 1.6;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .testimonial-author {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n }\r\n\r\n .author-avatar {\r\n width: 50px;\r\n height: 50px;\r\n background: linear-gradient(135deg, #ff6600, #ff8533);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 700;\r\n font-size: 1.2rem;\r\n color: #000;\r\n }\r\n\r\n .author-info .author-name {\r\n font-weight: 700;\r\n color: #fff;\r\n }\r\n\r\n .author-info .author-location {\r\n font-size: 0.9rem;\r\n color: #888;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .testimonial-card {\r\n padding: 20px 15px;\r\n }\r\n\r\n .section-title {\r\n font-size: 1.8rem;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 0.95rem;\r\n }\r\n }\r\n<\/style>\r\n\r\n \r\n<section class=\"section\" id=\"faq\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title bordered-heading\">\r\n Frequently <span class=\"highlight\">Asked Questions<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle\">\r\n Find comprehensive answers to common questions about our transparent scrap pickup service, pricing, and processes.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"faq-container\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <i class=\"fas fa-question-circle\"><\/i>\r\n <span>What is the minimum pickup amount required?<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>We have a minimum pickup value of \u20b9250 to ensure cost-effective service. You can combine different types of scrap materials to reach this minimum amount.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <i class=\"fas fa-question-circle\"><\/i>\r\n <span>How do you determine fair pricing for materials?<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>Our prices are based on current market rates and updated daily. We use certified digital scales in front of you for complete transparency and provide detailed rate calculations.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <i class=\"fas fa-question-circle\"><\/i>\r\n <span>What payment methods are available?<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>We provide immediate cash payment on-site. For larger amounts, we also offer secure UPI transfers and bank deposit options for your convenience.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <i class=\"fas fa-question-circle\"><\/i>\r\n <span>Do you provide destruction certificates for sensitive materials?<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>Yes, we provide certified destruction certificates for electronic waste containing sensitive data, following industry security standards and compliance requirements.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <i class=\"fas fa-question-circle\"><\/i>\r\n <span>How quickly can you schedule a pickup?<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>We typically schedule pickups within 24 hours of your request. Same-day service is available for urgent requests in most coverage areas across Delhi NCR.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css\">\r\n\r\n\r\n<style>\r\n #faq {\r\n padding: 60px 20px;\r\n background: #000;\r\n text-align: center;\r\n }\r\n\r\n .section-header {\r\n margin-bottom: 40px;\r\n }\r\n\r\n .bordered-heading {\r\n display: inline-block;\r\n padding: 12px 25px;\r\n border: 2px solid #ff6600;\r\n border-radius: 8px;\r\n font-size: 2rem;\r\n font-weight: bold;\r\n color: #fff;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .highlight {\r\n color: #ff6600;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 1rem;\r\n color: #ccc;\r\n max-width: 750px;\r\n margin: 0 auto;\r\n }\r\n\r\n .faq-container {\r\n margin-top: 40px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .faq-item {\r\n background: #111;\r\n border-radius: 12px;\r\n border-left: 5px solid #ff6600;\r\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\r\n overflow: hidden;\r\n transition: box-shadow 0.3s ease, border-left 0.3s ease, transform 0.3s ease, filter 0.3s ease;\r\n color: #fff;\r\n text-align: left;\r\n padding: 20px 20px 20px 15px;\r\n }\r\n\r\n .faq-item:hover {\r\n box-shadow: 0 10px 25px rgba(255,102,0,0.6);\r\n border-left: 5px solid #ff8533;\r\n filter: drop-shadow(0 0 10px rgba(255,102,0,0.5));\r\n transform: translateY(-3px);\r\n }\r\n\r\n .faq-question {\r\n font-weight: 600;\r\n font-size: 1rem;\r\n margin-bottom: 10px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n color: #ff6600;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .faq-answer p {\r\n color: #ccc;\r\n font-size: 0.95rem;\r\n line-height: 1.6;\r\n margin: 0;\r\n }\r\n\r\n .faq-question i {\r\n font-size: 1.1rem;\r\n color: #ff6600;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .faq-item:hover .faq-question i {\r\n transform: rotate(20deg) scale(1.2);\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .faq-question {\r\n font-size: 0.95rem;\r\n }\r\n .faq-answer p {\r\n font-size: 0.9rem;\r\n }\r\n }\r\n<\/style>\r\n\r\n<footer class=\"footer\">\r\n <div class=\"container\">\r\n <div class=\"footer-grid\">\r\n <div class=\"footer-col\">\r\n <h3>About Scrapwaalii<\/h3>\r\n <p>Leading professional scrap collection service in Bhadra Tehsil since 2025. We revolutionize waste management with transparent pricing, eco-friendly practices, and exceptional customer service. customer service.<\/p>\r\n <div class=\"social-links\">\r\n <a href=\"#\" class=\"social-link\" aria-label=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n <a href=\"#\" class=\"social-link\" aria-label=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n <a href=\"#\" class=\"social-link\" aria-label=\"Twitter\"><i class=\"fab fa-twitter\"><\/i><\/a>\r\n <a href=\"#\" class=\"social-link\" aria-label=\"WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h3>Quick Navigation<\/h3>\r\n <ul class=\"footer-links\">\r\n <li><a href=\"#services\">Our Services<\/a><\/li>\r\n <li><a href=\"#rates\">Current Rates<\/a><\/li>\r\n <li><a href=\"#areas\">Service Areas<\/a><\/li>\r\n <li><a href=\"#testimonials\">Customer Reviews<\/a><\/li>\r\n <li><a href=\"https:\/\/scrapwaalii.com\/en\/contact\/\">Contact Us<\/a><\/li>\r\n <li><a href=\"https:\/\/scrapwaalii.com\/en\/elementor-7009\/\">Privacy Policy<\/a><\/li>\r\n <\/ul>\r\n <\/div>\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<div class=\"footer-col\">\r\n <h3>Follow Us<\/h3>\r\n <ul class=\"footer-links social-icons\">\r\n <li><a href=\"https:\/\/www.facebook.com\/YourPage\" target=\"_blank\"><i class=\"fab fa-facebook-f\"><\/i> Facebook<\/a><\/li>\r\n <li><a href=\"https:\/\/www.instagram.com\/YourPage\" target=\"_blank\"><i class=\"fab fa-instagram\"><\/i> Instagram<\/a><\/li>\r\n <li><a href=\"https:\/\/twitter.com\/YourPage\" target=\"_blank\"><i class=\"fab fa-twitter\"><\/i> Twitter<\/a><\/li>\r\n <li><a href=\"https:\/\/www.linkedin.com\/company\/YourPage\" target=\"_blank\"><i class=\"fab fa-linkedin-in\"><\/i> LinkedIn<\/a><\/li>\r\n <li><a href=\"https:\/\/www.youtube.com\/channel\/YourPage\" target=\"_blank\"><i class=\"fab fa-youtube\"><\/i> YouTube<\/a><\/li>\r\n <\/ul>\r\n<\/div>\r\n\r\n<style>\r\n.footer-links.social-icons li a {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #ccc;\r\n text-decoration: none;\r\n}\r\n.footer-links.social-icons li a:hover {\r\n color: #28a745; \/* hover green *\/\r\n}\r\n<\/style>\r\n\r\n <div class=\"footer-col\" id=\"contact\">\r\n <h3>Contact Information<\/h3>\r\n <ul class=\"contact-info\">\r\n <li><i class=\"fas fa-phone\"><\/i><a href=\"tel:7065424442\">9982040371<\/a><\/li>\r\n <li><i class=\"fas fa-envelope\"><\/i><a href=\"mailto:support@scrapwaalii.com\">support@scrapwaalii.com<\/a><\/li>\r\n <li><i class=\"fas fa-map-marker-alt\"><\/i>Bhadra (Rajasthan), India<\/li>\r\n <li><i class=\"fas fa-clock\"><\/i>Mon-Sat: 8:00 AM - 8:00 PM<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <p>\r\n © 2025 Scrapwaalii \u00b7 All Rights Reserved \u00b7 Designed & Developed by Ankit Suthar (IIT Ropar) |\r\n <a href=\"https:\/\/scrapwaalii.com\/en\/elementor-7009\/\">Privacy Policy<\/a> |\r\n <a href=\"https:\/\/scrapwaalii.com\/en\/terms-of-service\/\">Terms of Service<\/a> |\r\n \r\n <\/p>\r\n<\/div>\r\n\r\n <\/div>\r\n<\/footer>\r\n\r\n\r\n<style>\r\n.footer {\r\n background: #000;\r\n color: #ccc;\r\n padding: 60px 20px 30px;\r\n font-size: 0.95rem;\r\n line-height: 1.6;\r\n}\r\n.footer a {\r\n color: #ccc;\r\n text-decoration: none;\r\n transition: color 0.3s ease, transform 0.3s ease;\r\n}\r\n.footer a:hover {\r\n color: #ff6600;\r\n transform: translateY(-2px);\r\n}\r\n.footer-grid {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 30px;\r\n justify-content: space-between;\r\n}\r\n.footer-col {\r\n flex: 1 1 220px;\r\n min-width: 220px;\r\n}\r\n.footer-col h3 {\r\n font-size: 1.2rem;\r\n color: #fff;\r\n margin-bottom: 15px;\r\n border-left: 4px solid #ff6600;\r\n padding-left: 10px;\r\n}\r\n.footer-links,\r\n.contact-info {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n.footer-links li,\r\n.contact-info li {\r\n margin-bottom: 10px;\r\n}\r\n.footer-links li a:hover {\r\n color: #ff8533;\r\n}\r\n.contact-info li i {\r\n margin-right: 10px;\r\n color: #ff6600;\r\n}\r\n.social-links {\r\n margin-top: 15px;\r\n display: flex;\r\n gap: 10px;\r\n}\r\n.social-link {\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: #111;\r\n border-radius: 50%;\r\n color: #ff6600;\r\n font-size: 1.1rem;\r\n transition: all 0.3s ease;\r\n}\r\n.social-link:hover {\r\n background: #ff6600;\r\n color: #111;\r\n transform: scale(1.1);\r\n}\r\n.footer-bottom {\r\n text-align: center;\r\n margin-top: 40px;\r\n font-size: 0.85rem;\r\n border-top: 1px solid #333;\r\n padding-top: 15px;\r\n}\r\n.footer-bottom a:hover {\r\n color: #ff8533;\r\n}\r\n@media (max-width:768px) {\r\n .footer-grid {\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n .footer-col h3 {\r\n font-size: 1rem;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n \/\/ Smooth scrolling for footer links\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n const target = document.querySelector(this.getAttribute('href'));\r\n if(target) target.scrollIntoView({behavior:'smooth', block:'start'});\r\n });\r\n });\r\n\r\n \/\/ Footer link hover interactions\r\n document.querySelectorAll('.footer a, .social-link').forEach(el=>{\r\n el.addEventListener('mouseenter',()=>el.style.transform='translateY(-2px) scale(1.05)');\r\n el.addEventListener('mouseleave',()=>el.style.transform='translateY(0) scale(1)');\r\n });\r\n});\r\n<\/script>\r\n\r\n<script defer src=\"https:\/\/static.getbutton.io\/widget\/bundle.js?id=LM2my\" ><\/script>\r\n \r\n<\/body>\r\n<\/html>\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>Scrapwaalii | Top Scrap Buyer in Bhadra | Best Prices for Scrap #1 Scrap Buyer in Rajasthan Get Top Prices […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-4980","page","type-page","status-publish","hentry"],"acf":[],"post-meta":{"site-container":["full-width-stretched"],"site-sidebar":["full"],"site-post-title":["disabled"],"_elementor_template_type":["wp-post"],"_wp_page_template":["default"],"_elementor_data":["[{\"id\":\"3f9031a\",\"elType\":\"container\",\"settings\":{\"boxed_width\":{\"unit\":\"px\",\"size\":1600,\"sizes\":[]},\"boxed_width_mobile\":{\"unit\":\"px\",\"size\":1600,\"sizes\":[]}},\"elements\":[{\"id\":\"9bfd422\",\"elType\":\"widget\",\"settings\":[],\"elements\":[],\"widgetType\":\"html\"},{\"id\":\"7b8b6a2\",\"elType\":\"widget\",\"settings\":{\"html\":\"<!DOCTYPE html>\\r\\n<html lang=\\\"en\\\">\\r\\n<head>\\r\\n <meta charset=\\\"UTF-8\\\">\\r\\n <meta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1.0\\\">\\r\\n <title>Scrapwaalii | Top Scrap Buyer in Bhadra | Best Prices for Scrap<\\\/title>\\r\\n <meta name=\\\"description\\\" content=\\\"Get highest prices for your scrap with free doorstep pickup in Bhadra . Instant cash payment, certified recycling, and professional service. Book now!\\\">\\r\\n <link rel=\\\"preconnect\\\" href=\\\"https:\\\/\\\/fonts.googleapis.com\\\">\\r\\n <link rel=\\\"preconnect\\\" href=\\\"https:\\\/\\\/fonts.gstatic.com\\\" crossorigin>\\r\\n <link href=\\\"https:\\\/\\\/fonts.googleapis.com\\\/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700;800&display=swap\\\" rel=\\\"stylesheet\\\">\\r\\n <link rel=\\\"stylesheet\\\" href=\\\"https:\\\/\\\/cdnjs.cloudflare.com\\\/ajax\\\/libs\\\/font-awesome\\\/6.4.0\\\/css\\\/all.min.css\\\">\\r\\n <style>\\r\\n * {\\r\\n margin: 0;\\r\\n padding: 0;\\r\\n box-sizing: border-box;\\r\\n }\\r\\n\\r\\n :root {\\r\\n --primary: #0a0f1c;\\r\\n --primary-light: #1a2332;\\r\\n --primary-dark: #050914;\\r\\n --accent: #00ff87;\\r\\n --accent-dark: #00d46e;\\r\\n --accent-light: #66ffb3;\\r\\n --secondary: #ff6b35;\\r\\n --success: #10b981;\\r\\n --warning: #f59e0b;\\r\\n --error: #ef4444;\\r\\n --text-white: #ffffff;\\r\\n --text-light: #e2e8f0;\\r\\n --text-gray: #94a3b8;\\r\\n --text-dark: #334155;\\r\\n --bg-dark: #030711;\\r\\n --bg-section: #0f172a;\\r\\n --bg-card: rgba(26, 35, 50, 0.9);\\r\\n --bg-glass: rgba(255, 255, 255, 0.03);\\r\\n --border-color: rgba(0, 255, 135, 0.15);\\r\\n --shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4);\\r\\n --shadow-lg: 0 25px 50px rgba(0, 255, 135, 0.2);\\r\\n --shadow-glow: 0 0 30px rgba(0, 255, 135, 0.3);\\r\\n --gradient-primary: linear-gradient(135deg, #0a0f1c 0%, #1a2332 100%);\\r\\n --gradient-accent: linear-gradient(135deg, #00ff87 0%, #00d46e 100%);\\r\\n --gradient-hero: radial-gradient(ellipse at center, #1a2332 0%, #0a0f1c 50%, #030711 100%);\\r\\n --gradient-card: linear-gradient(145deg, rgba(26, 35, 50, 0.8) 0%, rgba(15, 23, 42, 0.9) 100%);\\r\\n --blur-effect: blur(20px);\\r\\n }\\r\\n\\r\\n body {\\r\\n font-family: 'Inter', sans-serif;\\r\\n background: var(--bg-dark);\\r\\n color: var(--text-white);\\r\\n line-height: 1.6;\\r\\n overflow-x: hidden;\\r\\n scroll-behavior: smooth;\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n \\\/* Floating Navigation *\\\/\\r\\n .floating-nav {\\r\\n position: fixed;\\r\\n top: 20px;\\r\\n right: 20px;\\r\\n z-index: 1000;\\r\\n display: flex;\\r\\n gap: 10px;\\r\\n flex-direction: column;\\r\\n }\\r\\n\\r\\n .nav-item {\\r\\n width: 50px;\\r\\n height: 50px;\\r\\n background: var(--bg-card);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n border: 1px solid var(--border-color);\\r\\n border-radius: 50%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n color: var(--text-gray);\\r\\n text-decoration: none;\\r\\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\\r\\n font-size: 1.2rem;\\r\\n }\\r\\n\\r\\n .nav-item:hover {\\r\\n background: var(--gradient-accent);\\r\\n color: white;\\r\\n transform: scale(1.1);\\r\\n box-shadow: var(--shadow-glow);\\r\\n }\\r\\n\\r\\n .container {\\r\\n max-width: 1200px;\\r\\n margin: 0 auto;\\r\\n padding: 0 1.5rem;\\r\\n }\\r\\n\\r\\n \\\/* Hero Section with Advanced Animations *\\\/\\r\\n .hero {\\r\\n min-height: 100vh;\\r\\n background: var(--gradient-hero);\\r\\n position: relative;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n overflow: hidden;\\r\\n padding: 2rem 0;\\r\\n }\\r\\n\\r\\n .hero::before {\\r\\n content: '';\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: 0;\\r\\n right: 0;\\r\\n bottom: 0;\\r\\n background: \\r\\n radial-gradient(circle at 20% 80%, rgba(0, 255, 135, 0.15) 0%, transparent 50%),\\r\\n radial-gradient(circle at 80% 20%, rgba(0, 255, 135, 0.1) 0%, transparent 50%),\\r\\n radial-gradient(circle at 40% 40%, rgba(255, 107, 53, 0.08) 0%, transparent 50%);\\r\\n animation: aurora 8s ease-in-out infinite alternate;\\r\\n }\\r\\n\\r\\n @keyframes aurora {\\r\\n 0% { opacity: 0.7; }\\r\\n 100% { opacity: 1; }\\r\\n }\\r\\n\\r\\n .hero-particles {\\r\\n position: absolute;\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n overflow: hidden;\\r\\n z-index: 1;\\r\\n }\\r\\n\\r\\n .particle {\\r\\n position: absolute;\\r\\n width: 4px;\\r\\n height: 4px;\\r\\n background: var(--accent);\\r\\n border-radius: 50%;\\r\\n animation: float 6s ease-in-out infinite;\\r\\n opacity: 0.6;\\r\\n }\\r\\n\\r\\n @keyframes float {\\r\\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\\r\\n 50% { transform: translateY(-20px) rotate(180deg); }\\r\\n }\\r\\n\\r\\n .hero-content {\\r\\n text-align: center;\\r\\n position: relative;\\r\\n z-index: 2;\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .hero-badge {\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n gap: 0.5rem;\\r\\n padding: 0.8rem 2rem;\\r\\n background: var(--bg-card);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n border-radius: 50px;\\r\\n font-weight: 600;\\r\\n margin-bottom: 1.5rem;\\r\\n border: 1px solid var(--border-color);\\r\\n color: var(--accent);\\r\\n animation: pulse 2s ease-in-out infinite;\\r\\n }\\r\\n\\r\\n @keyframes pulse {\\r\\n 0%, 100% { box-shadow: 0 0 0 0 rgba(0, 255, 135, 0.4); }\\r\\n 50% { box-shadow: 0 0 0 10px rgba(0, 255, 135, 0); }\\r\\n }\\r\\n\\r\\n .hero-title {\\r\\n font-family: 'Space Grotesk', sans-serif;\\r\\n font-size: clamp(2.5rem, 6vw, 4.5rem);\\r\\n font-weight: 900;\\r\\n margin-bottom: 1.5rem;\\r\\n line-height: 1.1;\\r\\n letter-spacing: -0.02em;\\r\\n color: #ffffff;\\r\\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.7), 0 2px 10px rgba(0, 0, 0, 0.5);\\r\\n filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.3));\\r\\n }\\r\\n\\r\\n .hero-title .highlight {\\r\\n background: var(--gradient-accent);\\r\\n -webkit-background-clip: text;\\r\\n -webkit-text-fill-color: transparent;\\r\\n background-clip: text;\\r\\n position: relative;\\r\\n font-weight: 900;\\r\\n text-shadow: none;\\r\\n filter: drop-shadow(0 0 20px rgba(0, 255, 135, 0.8));\\r\\n }\\r\\n\\r\\n .hero-title .highlight::after {\\r\\n content: '';\\r\\n position: absolute;\\r\\n bottom: -5px;\\r\\n left: 0;\\r\\n width: 100%;\\r\\n height: 4px;\\r\\n background: var(--gradient-accent);\\r\\n border-radius: 2px;\\r\\n animation: underlineGlow 2s ease-in-out infinite alternate;\\r\\n box-shadow: 0 0 15px rgba(0, 255, 135, 0.6);\\r\\n }\\r\\n\\r\\n @keyframes underlineGlow {\\r\\n 0% { \\r\\n box-shadow: 0 0 8px rgba(0, 255, 135, 0.6);\\r\\n transform: scaleX(1);\\r\\n }\\r\\n 100% { \\r\\n box-shadow: 0 0 25px rgba(0, 255, 135, 0.9);\\r\\n transform: scaleX(1.05);\\r\\n }\\r\\n }\\r\\n\\r\\n .hero-subtitle {\\r\\n font-size: clamp(1.1rem, 2.5vw, 1.3rem);\\r\\n font-weight: 400;\\r\\n opacity: 0.9;\\r\\n margin-bottom: 2.5rem;\\r\\n max-width: 700px;\\r\\n margin-left: auto;\\r\\n margin-right: auto;\\r\\n color: var(--text-light);\\r\\n }\\r\\n\\r\\n .cta-buttons {\\r\\n display: flex;\\r\\n gap: 1rem;\\r\\n justify-content: center;\\r\\n flex-wrap: wrap;\\r\\n margin-bottom: 3rem;\\r\\n }\\r\\n\\r\\n .btn {\\r\\n padding: 1rem 2rem;\\r\\n border-radius: 50px;\\r\\n text-decoration: none;\\r\\n font-weight: 600;\\r\\n font-size: 1rem;\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n gap: 0.5rem;\\r\\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\\r\\n border: none;\\r\\n cursor: pointer;\\r\\n position: relative;\\r\\n overflow: hidden;\\r\\n min-width: 180px;\\r\\n justify-content: center;\\r\\n }\\r\\n\\r\\n .btn::before {\\r\\n content: '';\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: -100%;\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\\r\\n transition: left 0.5s;\\r\\n }\\r\\n\\r\\n .btn:hover::before {\\r\\n left: 100%;\\r\\n }\\r\\n\\r\\n .btn-primary {\\r\\n background: var(--gradient-accent);\\r\\n color: var(--bg-dark);\\r\\n box-shadow: 0 10px 30px rgba(0, 255, 135, 0.3);\\r\\n font-weight: 700;\\r\\n }\\r\\n\\r\\n .btn-primary:hover {\\r\\n transform: translateY(-3px) scale(1.02);\\r\\n box-shadow: 0 15px 40px rgba(0, 255, 135, 0.4);\\r\\n }\\r\\n\\r\\n .btn-secondary {\\r\\n background: transparent;\\r\\n color: var(--text-white);\\r\\n border: 2px solid var(--border-color);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n }\\r\\n\\r\\n .btn-secondary:hover {\\r\\n background: var(--bg-card);\\r\\n border-color: var(--accent);\\r\\n color: var(--accent);\\r\\n transform: translateY(-3px);\\r\\n }\\r\\n\\r\\n .hero-features {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\\r\\n gap: 1.5rem;\\r\\n margin-top: 3rem;\\r\\n }\\r\\n\\r\\n .feature-card {\\r\\n background: var(--gradient-card);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n padding: 2rem 1.5rem;\\r\\n border-radius: 20px;\\r\\n text-align: center;\\r\\n border: 1px solid var(--border-color);\\r\\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\\r\\n position: relative;\\r\\n overflow: hidden;\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .feature-card::before {\\r\\n content: '';\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: -100%;\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n background: linear-gradient(90deg, transparent, rgba(0, 255, 135, 0.1), transparent);\\r\\n transition: left 0.6s ease;\\r\\n }\\r\\n\\r\\n .feature-card:hover::before {\\r\\n left: 100%;\\r\\n }\\r\\n\\r\\n .feature-card:hover {\\r\\n transform: translateY(-10px) scale(1.02);\\r\\n border-color: var(--accent);\\r\\n box-shadow: var(--shadow-lg);\\r\\n }\\r\\n\\r\\n .feature-icon {\\r\\n width: 70px;\\r\\n height: 70px;\\r\\n background: var(--gradient-accent);\\r\\n border-radius: 16px;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n margin: 0 auto 1.5rem;\\r\\n font-size: 1.8rem;\\r\\n color: var(--bg-dark);\\r\\n box-shadow: 0 10px 25px rgba(0, 255, 135, 0.3);\\r\\n }\\r\\n\\r\\n .feature-card h3 {\\r\\n font-size: 1.3rem;\\r\\n font-weight: 700;\\r\\n margin-bottom: 1rem;\\r\\n color: var(--text-white);\\r\\n }\\r\\n\\r\\n .feature-card p {\\r\\n font-size: 1rem;\\r\\n color: var(--text-gray);\\r\\n line-height: 1.6;\\r\\n }\\r\\n\\r\\n \\\/* Enhanced Section Styling - Reduced spacing *\\\/\\r\\n .section {\\r\\n padding: 3rem 0;\\r\\n position: relative;\\r\\n background: var(--bg-section);\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .section:nth-child(even) {\\r\\n background: var(--primary);\\r\\n }\\r\\n\\r\\n .section-header {\\r\\n text-align: center;\\r\\n margin-bottom: 2.5rem;\\r\\n max-width: 700px;\\r\\n margin-left: auto;\\r\\n margin-right: auto;\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .section-title {\\r\\n font-family: 'Space Grotesk', sans-serif;\\r\\n font-size: clamp(2rem, 5vw, 3.5rem);\\r\\n font-weight: 900;\\r\\n margin-bottom: 1rem;\\r\\n color: #ffffff;\\r\\n letter-spacing: -0.02em;\\r\\n position: relative;\\r\\n text-shadow: 0 4px 15px rgba(0, 0, 0, 0.6), 0 2px 8px rgba(0, 0, 0, 0.4);\\r\\n filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.2));\\r\\n }\\r\\n\\r\\n .section-title::after {\\r\\n content: '';\\r\\n position: absolute;\\r\\n bottom: -10px;\\r\\n left: 50%;\\r\\n transform: translateX(-50%);\\r\\n width: 60px;\\r\\n height: 4px;\\r\\n background: var(--gradient-accent);\\r\\n border-radius: 2px;\\r\\n box-shadow: 0 0 15px rgba(0, 255, 135, 0.6);\\r\\n }\\r\\n\\r\\n .section-subtitle {\\r\\n font-size: 1.1rem;\\r\\n color: var(--text-gray);\\r\\n line-height: 1.7;\\r\\n font-weight: 400;\\r\\n }\\r\\n\\r\\n \\\/* Enhanced Card Grids *\\\/\\r\\n .card-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\\r\\n gap: 1.5rem;\\r\\n }\\r\\n\\r\\n .enhanced-card {\\r\\n background: var(--gradient-card);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n padding: 2rem;\\r\\n border-radius: 20px;\\r\\n text-align: center;\\r\\n border: 1px solid var(--border-color);\\r\\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\\r\\n position: relative;\\r\\n overflow: hidden;\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .enhanced-card::after {\\r\\n content: '';\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: 0;\\r\\n right: 0;\\r\\n bottom: 0;\\r\\n background: var(--gradient-accent);\\r\\n opacity: 0;\\r\\n transition: opacity 0.3s ease;\\r\\n z-index: -1;\\r\\n }\\r\\n\\r\\n .enhanced-card:hover::after {\\r\\n opacity: 0.05;\\r\\n }\\r\\n\\r\\n .enhanced-card:hover {\\r\\n transform: translateY(-8px);\\r\\n border-color: var(--accent);\\r\\n box-shadow: var(--shadow-lg);\\r\\n }\\r\\n\\r\\n .card-icon {\\r\\n width: 70px;\\r\\n height: 70px;\\r\\n background: var(--gradient-accent);\\r\\n border-radius: 18px;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n margin: 0 auto 1.5rem;\\r\\n font-size: 1.8rem;\\r\\n color: var(--bg-dark);\\r\\n box-shadow: 0 10px 25px rgba(0, 255, 135, 0.3);\\r\\n }\\r\\n\\r\\n .enhanced-card h3 {\\r\\n font-size: 1.4rem;\\r\\n font-weight: 800;\\r\\n margin-bottom: 1rem;\\r\\n color: var(--text-white);\\r\\n }\\r\\n\\r\\n .enhanced-card p {\\r\\n color: var(--text-gray);\\r\\n font-size: 1rem;\\r\\n line-height: 1.7;\\r\\n }\\r\\n\\r\\n \\\/* Process Steps with Connected Lines *\\\/\\r\\n .process-container {\\r\\n position: relative;\\r\\n }\\r\\n\\r\\n .process-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\\r\\n gap: 1.5rem;\\r\\n position: relative;\\r\\n }\\r\\n\\r\\n .process-step {\\r\\n background: var(--gradient-card);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n padding: 2rem;\\r\\n border-radius: 20px;\\r\\n text-align: center;\\r\\n border: 1px solid var(--border-color);\\r\\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\\r\\n position: relative;\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .process-step:hover {\\r\\n transform: translateY(-8px);\\r\\n border-color: var(--accent);\\r\\n box-shadow: var(--shadow-lg);\\r\\n }\\r\\n\\r\\n .step-number {\\r\\n width: 60px;\\r\\n height: 60px;\\r\\n background: var(--gradient-accent);\\r\\n border-radius: 50%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n margin: 0 auto 1.5rem;\\r\\n font-size: 1.5rem;\\r\\n font-weight: 800;\\r\\n color: var(--bg-dark);\\r\\n box-shadow: 0 10px 25px rgba(0, 255, 135, 0.3);\\r\\n }\\r\\n\\r\\n \\\/* Enhanced Rates Table *\\\/\\r\\n .rates-container {\\r\\n background: var(--gradient-card);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n border-radius: 20px;\\r\\n padding: 2rem;\\r\\n border: 1px solid var(--border-color);\\r\\n overflow: hidden;\\r\\n position: relative;\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .rates-container::before {\\r\\n content: '';\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: 0;\\r\\n right: 0;\\r\\n height: 4px;\\r\\n background: var(--gradient-accent);\\r\\n }\\r\\n\\r\\n .rates-table {\\r\\n width: 100%;\\r\\n border-collapse: collapse;\\r\\n }\\r\\n\\r\\n .rates-table th,\\r\\n .rates-table td {\\r\\n padding: 1rem 0.8rem;\\r\\n text-align: left;\\r\\n border-bottom: 1px solid var(--border-color);\\r\\n }\\r\\n\\r\\n .rates-table th {\\r\\n background: rgba(0, 255, 135, 0.1);\\r\\n color: var(--accent);\\r\\n font-weight: 700;\\r\\n font-size: 1rem;\\r\\n }\\r\\n\\r\\n .rates-table td {\\r\\n color: var(--text-light);\\r\\n font-weight: 500;\\r\\n }\\r\\n\\r\\n .rates-table .price {\\r\\n color: var(--accent);\\r\\n font-weight: 700;\\r\\n font-size: 1rem;\\r\\n }\\r\\n\\r\\n .rates-table tbody tr {\\r\\n transition: background 0.3s ease;\\r\\n }\\r\\n\\r\\n .rates-table tbody tr:hover {\\r\\n background: rgba(0, 255, 135, 0.05);\\r\\n }\\r\\n\\r\\n \\\/* Enhanced Areas Grid *\\\/\\r\\n .areas-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\\r\\n gap: 1rem;\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .area-card {\\r\\n background: var(--bg-card);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n padding: 1.2rem 1rem;\\r\\n border-radius: 14px;\\r\\n text-align: center;\\r\\n border: 1px solid var(--border-color);\\r\\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\\r\\n font-weight: 600;\\r\\n color: var(--text-light);\\r\\n cursor: pointer;\\r\\n }\\r\\n\\r\\n .area-card:hover {\\r\\n background: var(--gradient-accent);\\r\\n color: var(--bg-dark);\\r\\n transform: translateY(-5px) scale(1.02);\\r\\n box-shadow: var(--shadow-lg);\\r\\n }\\r\\n\\r\\n \\\/* Enhanced FAQ *\\\/\\r\\n .faq-container {\\r\\n max-width: 800px;\\r\\n margin: 0 auto;\\r\\n }\\r\\n\\r\\n .faq-item {\\r\\n background: var(--gradient-card);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n margin-bottom: 1rem;\\r\\n border-radius: 14px;\\r\\n border: 1px solid var(--border-color);\\r\\n overflow: hidden;\\r\\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .faq-item:hover {\\r\\n border-color: var(--accent);\\r\\n }\\r\\n\\r\\n .faq-question {\\r\\n padding: 1.2rem 1.5rem;\\r\\n cursor: pointer;\\r\\n display: flex;\\r\\n justify-content: space-between;\\r\\n align-items: center;\\r\\n font-weight: 600;\\r\\n color: var(--text-white);\\r\\n transition: all 0.3s ease;\\r\\n }\\r\\n\\r\\n .faq-question:hover {\\r\\n color: var(--accent);\\r\\n }\\r\\n\\r\\n .faq-answer {\\r\\n padding: 0 1.5rem;\\r\\n max-height: 0;\\r\\n overflow: hidden;\\r\\n transition: all 0.3s ease;\\r\\n color: var(--text-gray);\\r\\n }\\r\\n\\r\\n .faq-item.active .faq-answer {\\r\\n padding: 0 1.5rem 1.2rem;\\r\\n max-height: 200px;\\r\\n }\\r\\n\\r\\n .faq-item.active .faq-question i {\\r\\n transform: rotate(180deg);\\r\\n color: var(--accent);\\r\\n }\\r\\n\\r\\n \\\/* Enhanced Footer *\\\/\\r\\n .footer {\\r\\n background: var(--bg-dark);\\r\\n padding: 3rem 0 2rem;\\r\\n border-top: 1px solid var(--border-color);\\r\\n position: relative;\\r\\n }\\r\\n\\r\\n .footer::before {\\r\\n content: '';\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: 0;\\r\\n right: 0;\\r\\n height: 2px;\\r\\n background: var(--gradient-accent);\\r\\n }\\r\\n\\r\\n .footer-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\\r\\n gap: 2rem;\\r\\n margin-bottom: 2rem;\\r\\n }\\r\\n\\r\\n .footer-col h3 {\\r\\n color: var(--accent);\\r\\n margin-bottom: 1.2rem;\\r\\n font-size: 1.2rem;\\r\\n font-weight: 800;\\r\\n }\\r\\n\\r\\n .footer-links {\\r\\n list-style: none;\\r\\n }\\r\\n\\r\\n .footer-links li {\\r\\n margin-bottom: 0.7rem;\\r\\n }\\r\\n\\r\\n .footer-links a {\\r\\n color: var(--text-gray);\\r\\n text-decoration: none;\\r\\n transition: color 0.3s ease;\\r\\n }\\r\\n\\r\\n .footer-links a:hover {\\r\\n color: var(--accent);\\r\\n }\\r\\n\\r\\n .contact-info {\\r\\n list-style: none;\\r\\n }\\r\\n\\r\\n .contact-info li {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 1rem;\\r\\n margin-bottom: 0.8rem;\\r\\n color: var(--text-gray);\\r\\n }\\r\\n\\r\\n .contact-info i {\\r\\n color: var(--accent);\\r\\n width: 20px;\\r\\n }\\r\\n\\r\\n .social-links {\\r\\n display: flex;\\r\\n gap: 0.8rem;\\r\\n margin-top: 1.2rem;\\r\\n }\\r\\n\\r\\n .social-link {\\r\\n width: 40px;\\r\\n height: 40px;\\r\\n background: var(--bg-card);\\r\\n border-radius: 50%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n color: var(--text-gray);\\r\\n text-decoration: none;\\r\\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\\r\\n border: 1px solid var(--border-color);\\r\\n }\\r\\n\\r\\n .social-link:hover {\\r\\n background: var(--gradient-accent);\\r\\n color: var(--bg-dark);\\r\\n transform: translateY(-3px);\\r\\n border-color: var(--accent);\\r\\n }\\r\\n\\r\\n .footer-bottom {\\r\\n text-align: center;\\r\\n padding-top: 2rem;\\r\\n border-top: 1px solid var(--border-color);\\r\\n color: var(--text-gray);\\r\\n }\\r\\n\\r\\n \\\/* Mobile Optimizations *\\\/\\r\\n @media (max-width: 768px) {\\r\\n .container {\\r\\n padding: 0 1rem;\\r\\n }\\r\\n\\r\\n .floating-nav {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n .hero {\\r\\n padding: 2rem 0;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .hero-title {\\r\\n font-size: clamp(2rem, 8vw, 3rem);\\r\\n }\\r\\n\\r\\n .cta-buttons {\\r\\n flex-direction: column;\\r\\n align-items: center;\\r\\n }\\r\\n\\r\\n .btn {\\r\\n width: 100%;\\r\\n max-width: 280px;\\r\\n }\\r\\n\\r\\n .hero-features {\\r\\n grid-template-columns: 1fr;\\r\\n gap: 1rem;\\r\\n }\\r\\n\\r\\n .card-grid {\\r\\n grid-template-columns: 1fr;\\r\\n gap: 1.2rem;\\r\\n }\\r\\n\\r\\n .process-grid {\\r\\n grid-template-columns: 1fr;\\r\\n }\\r\\n\\r\\n .areas-grid {\\r\\n grid-template-columns: repeat(2, 1fr);\\r\\n }\\r\\n\\r\\n .rates-container {\\r\\n overflow-x: auto;\\r\\n padding: 1.2rem;\\r\\n }\\r\\n\\r\\n .rates-table {\\r\\n min-width: 500px;\\r\\n }\\r\\n\\r\\n .footer-grid {\\r\\n grid-template-columns: 1fr;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .feature-card,\\r\\n .enhanced-card,\\r\\n .process-step {\\r\\n padding: 1.5rem 1.2rem;\\r\\n }\\r\\n\\r\\n .section {\\r\\n padding: 2.5rem 0;\\r\\n }\\r\\n }\\r\\n\\r\\n @media (max-width: 480px) {\\r\\n .container {\\r\\n padding: 0 0.8rem;\\r\\n }\\r\\n\\r\\n .areas-grid {\\r\\n grid-template-columns: 1fr;\\r\\n }\\r\\n\\r\\n .hero-badge {\\r\\n font-size: 0.9rem;\\r\\n padding: 0.6rem 1.5rem;\\r\\n }\\r\\n\\r\\n .btn {\\r\\n padding: 1rem 1.2rem;\\r\\n font-size: 0.9rem;\\r\\n }\\r\\n\\r\\n .feature-icon,\\r\\n .card-icon {\\r\\n width: 60px;\\r\\n height: 60px;\\r\\n font-size: 1.5rem;\\r\\n }\\r\\n\\r\\n .step-number {\\r\\n width: 50px;\\r\\n height: 50px;\\r\\n font-size: 1.3rem;\\r\\n }\\r\\n \\r\\n .section-header {\\r\\n margin-bottom: 2rem;\\r\\n }\\r\\n }\\r\\n\\r\\n \\\/* Accessibility improvements *\\\/\\r\\n @media (prefers-reduced-motion: reduce) {\\r\\n * {\\r\\n animation-duration: 0.01ms !important;\\r\\n animation-iteration-count: 1 !important;\\r\\n transition-duration: 0.01ms !important;\\r\\n }\\r\\n }\\r\\n\\r\\n .sr-only {\\r\\n position: absolute;\\r\\n width: 1px;\\r\\n height: 1px;\\r\\n padding: 0;\\r\\n margin: -1px;\\r\\n overflow: hidden;\\r\\n clip: rect(0, 0, 0, 0);\\r\\n white-space: nowrap;\\r\\n border: 0;\\r\\n }\\r\\n\\r\\n \\\/* Custom scrollbar *\\\/\\r\\n ::-webkit-scrollbar {\\r\\n width: 8px;\\r\\n }\\r\\n\\r\\n ::-webkit-scrollbar-track {\\r\\n background: var(--bg-dark);\\r\\n }\\r\\n\\r\\n ::-webkit-scrollbar-thumb {\\r\\n background: var(--gradient-accent);\\r\\n border-radius: 4px;\\r\\n }\\r\\n\\r\\n \\\/* Improved hero title contrast *\\\/\\r\\n .hero-title {\\r\\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.9), 0 2px 10px rgba(0, 0, 0, 0.7);\\r\\n }\\r\\n \\r\\n \\\/* Make all headings bolder *\\\/\\r\\n h1, h2, h3, h4, h5, h6 {\\r\\n font-weight: 800 !important;\\r\\n }\\r\\n \\r\\n .feature-card h3, .enhanced-card h3, .process-step h3 {\\r\\n font-weight: 800;\\r\\n }\\r\\n <\\\/style>\\r\\n<\\\/head>\\r\\n<body>\\r\\n \\r\\n <div class=\\\"floating-nav\\\">\\r\\n <a href=\\\"tel:7065424442\\\" class=\\\"nav-item\\\" aria-label=\\\"Call us\\\">\\r\\n <i class=\\\"fas fa-phone\\\"><\\\/i>\\r\\n <\\\/a>\\r\\n <a href=\\\"https:\\\/\\\/scrapwaalii.com\\\/pickup-request\\\/\\\" class=\\\"nav-item\\\" aria-label=\\\"Book pickup\\\">\\r\\n <i class=\\\"fas fa-truck\\\"><\\\/i>\\r\\n <\\\/a>\\r\\n <a href=\\\"#rates\\\" class=\\\"nav-item\\\" aria-label=\\\"View rates\\\">\\r\\n <i class=\\\"fas fa-chart-line\\\"><\\\/i>\\r\\n <\\\/a>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n<section class=\\\"hero\\\" style=\\\"background: #000; color: #fff; padding: 80px 20px;\\\">\\r\\n <div class=\\\"container\\\">\\r\\n <div class=\\\"hero-content\\\" style=\\\"text-align: center; max-width: 900px; margin: 0 auto;\\\">\\r\\n \\r\\n <div class=\\\"hero-badge\\\">\\r\\n <i class=\\\"fas fa-recycle\\\"><\\\/i>\\r\\n #1 Scrap Buyer in Rajasthan \\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <h1 class=\\\"hero-title\\\" style=\\\"font-size: 2.5rem; margin-bottom: 20px;\\\">\\r\\n Get <span class=\\\"highlight\\\">Top Prices<\\\/span> for Your Scrap with Free Pickup\\r\\n <\\\/h1>\\r\\n\\r\\n \\r\\n <p class=\\\"hero-subtitle\\\" style=\\\"font-size: 1.1rem; color: #ccc; margin-bottom: 30px;\\\">\\r\\n Instant cash payment, transparent weighing, and eco-friendly recycling across Rajasthan. \\r\\n Professional service you can trust with competitive market rates.\\r\\n <\\\/p>\\r\\n\\r\\n \\r\\n <div class=\\\"cta-buttons\\\" style=\\\"margin-bottom: 40px;\\\">\\r\\n <a href=\\\"tel:9982040371\\\" class=\\\"btn btn-call\\\">\\r\\n <i class=\\\"fas fa-phone\\\"><\\\/i>\\r\\n Call Now: 9982040371\\r\\n <\\\/a>\\r\\n <a href=\\\"https:\\\/\\\/scrapwaalii.com\\\/pickup-request\\\/\\\" class=\\\"btn btn-pickup\\\" style=\\\"margin-left: 10px;\\\">\\r\\n <i class=\\\"fas fa-truck\\\"><\\\/i>\\r\\n Book Free Pickup\\r\\n <\\\/a>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <div class=\\\"hero-features\\\" style=\\\"display: flex; justify-content: space-around; flex-wrap: wrap; gap: 20px;\\\">\\r\\n <div class=\\\"feature-card\\\" style=\\\"background: #111; padding: 20px; border-radius: 12px; flex: 1; min-width: 200px; box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\\">\\r\\n <div class=\\\"feature-icon\\\" style=\\\"margin-bottom: 10px;\\\">\\r\\n <i class=\\\"fas fa-money-bill-wave\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3 style=\\\"margin-bottom: 8px;\\\">Instant Payment<\\\/h3>\\r\\n <p style=\\\"color: #ccc; font-size: 0.95rem;\\\">Get paid immediately in cash or via digital transfer with complete transparency<\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"feature-card\\\" style=\\\"background: #111; padding: 20px; border-radius: 12px; flex: 1; min-width: 200px; box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\\">\\r\\n <div class=\\\"feature-icon\\\" style=\\\"margin-bottom: 10px;\\\">\\r\\n <i class=\\\"fas fa-balance-scale\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3 style=\\\"margin-bottom: 8px;\\\">Transparent Weighing<\\\/h3>\\r\\n <p style=\\\"color: #ccc; font-size: 0.95rem;\\\">Digital scales used in front of you for complete transparency and fair pricing<\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"feature-card\\\" style=\\\"background: #111; padding: 20px; border-radius: 12px; flex: 1; min-width: 200px; box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\\">\\r\\n <div class=\\\"feature-icon\\\" style=\\\"margin-bottom: 10px;\\\">\\r\\n <i class=\\\"fas fa-leaf\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3 style=\\\"margin-bottom: 8px;\\\">Eco-Friendly Process<\\\/h3>\\r\\n <p style=\\\"color: #ccc; font-size: 0.95rem;\\\">Certified recycling with proper environmental compliance and sustainability<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n\\r\\n<style>\\r\\n\\\/* Call Button (Orange) *\\\/\\r\\n.btn-call {\\r\\n background-color: #ff6600;\\r\\n border: none;\\r\\n color: #fff;\\r\\n padding: 12px 20px;\\r\\n border-radius: 6px;\\r\\n font-weight: bold;\\r\\n text-decoration: none;\\r\\n transition: 0.3s ease;\\r\\n}\\r\\n.btn-call:hover {\\r\\n background-color: #e65c00;\\r\\n}\\r\\n\\r\\n\\\/* Pickup Button (Green) *\\\/\\r\\n.btn-pickup {\\r\\n background-color: #28a745;\\r\\n border: none;\\r\\n color: #fff;\\r\\n padding: 12px 20px;\\r\\n border-radius: 6px;\\r\\n font-weight: bold;\\r\\n text-decoration: none;\\r\\n transition: 0.3s ease;\\r\\n}\\r\\n.btn-pickup:hover {\\r\\n background-color: #218838;\\r\\n}\\r\\n\\r\\n\\\/* Hero Badge Styling *\\\/\\r\\n.hero-badge {\\r\\n display: inline-block;\\r\\n background: #ff6600;\\r\\n color: #fff;\\r\\n padding: 8px 15px;\\r\\n border-radius: 20px;\\r\\n font-weight: bold;\\r\\n margin-bottom: 15px;\\r\\n font-size: 14px;\\r\\n}\\r\\n.hero-badge i {\\r\\n margin-right: 6px;\\r\\n}\\r\\n\\r\\n\\\/* Highlight Text *\\\/\\r\\n.highlight {\\r\\n color: #ff6600;\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\n\\\/* Feature Icons *\\\/\\r\\n.feature-icon i {\\r\\n color: #ff6600;\\r\\n font-size: 28px;\\r\\n}\\r\\n\\r\\n\\\/* Responsive *\\\/\\r\\n@media (max-width: 768px) {\\r\\n .hero-title { font-size: 2rem; }\\r\\n .hero-subtitle { font-size: 1rem; }\\r\\n .hero-features { flex-direction: column; gap: 15px; }\\r\\n}\\r\\n<\\\/style>\\r\\n\\r\\n\\r\\n<section class=\\\"tracking-cta-section\\\">\\r\\n <div class=\\\"tracking-cta-container\\\">\\r\\n <h2 class=\\\"tracking-cta-title\\\">\\r\\n <span class=\\\"white-text\\\">Check Your<\\\/span> \\r\\n <span class=\\\"orange-text\\\">Pickup Status<\\\/span>\\r\\n <\\\/h2>\\r\\n <p class=\\\"tracking-cta-subtitle\\\">Track your pickup in real-time by entering your Tracking ID.<\\\/p>\\r\\n\\r\\n <a href=\\\"https:\\\/\\\/scrapwaalii.com\\\/live-pickup-tracking\\\/\\\" class=\\\"tracking-cta-button\\\">Go to Live Pickup Tracking<\\\/a>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n<style>\\r\\n.tracking-cta-section {\\r\\n background: #000;\\r\\n padding: 60px 20px;\\r\\n text-align: center;\\r\\n color: #fff;\\r\\n}\\r\\n\\r\\n.tracking-cta-title {\\r\\n font-size: 2.2rem;\\r\\n margin-bottom: 15px;\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\n.white-text { color: #fff; }\\r\\n.orange-text { color: #ff7f00; }\\r\\n\\r\\n.tracking-cta-subtitle {\\r\\n font-size: 1.2rem;\\r\\n margin-bottom: 25px;\\r\\n color: #ccc;\\r\\n}\\r\\n\\r\\n.tracking-cta-button {\\r\\n display: inline-block;\\r\\n background: #ff7f00;\\r\\n color: #fff;\\r\\n font-weight: bold;\\r\\n padding: 14px 30px;\\r\\n border-radius: 10px;\\r\\n text-decoration: none;\\r\\n transition: 0.3s ease-in-out;\\r\\n}\\r\\n\\r\\n.tracking-cta-button:hover {\\r\\n background: #28a745;\\r\\n}\\r\\n<\\\/style>\\r\\n\\r\\n \\r\\n<section class=\\\"section\\\" id=\\\"trust\\\">\\r\\n <div class=\\\"container\\\">\\r\\n \\r\\n <div class=\\\"section-header\\\">\\r\\n <h2 class=\\\"section-title bordered-heading\\\">\\r\\n Why Choose <span class=\\\"highlight\\\">Scrapwaalii?<\\\/span>\\r\\n <\\\/h2>\\r\\n <p class=\\\"section-subtitle\\\">\\r\\n Experience the difference with our professional service, transparent process, \\r\\n and unwavering commitment to environmental sustainability.\\r\\n <\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <div class=\\\"card-grid\\\">\\r\\n <div class=\\\"enhanced-card\\\">\\r\\n <div class=\\\"card-icon\\\">\\r\\n <i class=\\\"fas fa-certificate\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3>100% Transparent Process<\\\/h3>\\r\\n <p>Digital weighing scales used in front of you with real-time rate calculations. \\r\\n No hidden charges, complete transparency in pricing.<\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"enhanced-card\\\">\\r\\n <div class=\\\"card-icon\\\">\\r\\n <i class=\\\"fas fa-clock\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3>Lightning Quick Service<\\\/h3>\\r\\n <p>Same day pickup available across Delhi NCR. \\r\\n Professional team arrives punctually with all necessary equipment.<\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"enhanced-card\\\">\\r\\n <div class=\\\"card-icon\\\">\\r\\n <i class=\\\"fas fa-shield-alt\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3>Secure & Reliable<\\\/h3>\\r\\n <p>Licensed and insured service with proper documentation. \\r\\n Government-approved recycling facilities ensure compliance.<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n\\r\\n<style>\\r\\n \\\/* Section Styling *\\\/\\r\\n #trust {\\r\\n padding: 60px 20px;\\r\\n background: #000; \\\/* Black background *\\\/\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .section-header {\\r\\n margin-bottom: 40px;\\r\\n }\\r\\n\\r\\n \\\/* Bordered Heading *\\\/\\r\\n .bordered-heading {\\r\\n display: inline-block;\\r\\n padding: 12px 25px;\\r\\n border: 2px solid #ff6600; \\\/* Orange border *\\\/\\r\\n border-radius: 8px;\\r\\n font-size: 2rem;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n margin-bottom: 15px;\\r\\n }\\r\\n\\r\\n .section-subtitle {\\r\\n font-size: 1rem;\\r\\n color: #ccc;\\r\\n max-width: 700px;\\r\\n margin: 0 auto;\\r\\n }\\r\\n\\r\\n \\\/* Card Grid *\\\/\\r\\n .card-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\\r\\n gap: 20px;\\r\\n }\\r\\n\\r\\n \\\/* Card Styling *\\\/\\r\\n .enhanced-card {\\r\\n background: #111;\\r\\n padding: 30px 20px;\\r\\n border-radius: 12px;\\r\\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\r\\n border: 1px solid transparent;\\r\\n transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;\\r\\n color: #fff;\\r\\n }\\r\\n\\r\\n .enhanced-card:hover {\\r\\n transform: translateY(-8px);\\r\\n box-shadow: 0 10px 25px rgba(255, 102, 0, 0.6);\\r\\n border: 1px solid #ff6600;\\r\\n }\\r\\n\\r\\n \\\/* Card Icon *\\\/\\r\\n .card-icon {\\r\\n font-size: 40px;\\r\\n color: #ff6600;\\r\\n margin-bottom: 15px;\\r\\n }\\r\\n\\r\\n \\\/* Card Title *\\\/\\r\\n .enhanced-card h3 {\\r\\n font-size: 1.2rem;\\r\\n margin-bottom: 10px;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n }\\r\\n\\r\\n \\\/* Card Text *\\\/\\r\\n .enhanced-card p {\\r\\n font-size: 0.95rem;\\r\\n color: #ddd;\\r\\n line-height: 1.6;\\r\\n }\\r\\n\\r\\n \\\/* Highlight *\\\/\\r\\n .highlight {\\r\\n color: #ff6600;\\r\\n }\\r\\n<\\\/style>\\r\\n\\r\\n\\r\\n \\r\\n<section class=\\\"section\\\" id=\\\"services\\\">\\r\\n <div class=\\\"container\\\">\\r\\n \\r\\n <div class=\\\"section-header\\\">\\r\\n <h2 class=\\\"section-title bordered-heading\\\">\\r\\n Premium <span class=\\\"highlight\\\">Scrap Collection<\\\/span> Services\\r\\n <\\\/h2>\\r\\n <p class=\\\"section-subtitle\\\">\\r\\n Comprehensive scrap collection solutions designed for maximum convenience, \\r\\n transparency, and value.\\r\\n <\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <div class=\\\"card-grid\\\">\\r\\n <div class=\\\"enhanced-card\\\">\\r\\n <div class=\\\"card-icon\\\">\\r\\n <i class=\\\"fas fa-home\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3>Doorstep Pickup Service<\\\/h3>\\r\\n <p>Schedule convenient pickup at your preferred time. \\r\\n Our equipped team arrives with certified weighing equipment for immediate service.<\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"enhanced-card\\\">\\r\\n <div class=\\\"card-icon\\\">\\r\\n <i class=\\\"fas fa-chart-line\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3>Best Market Rates<\\\/h3>\\r\\n <p>Daily updated prices based on current market conditions. \\r\\n Get maximum value for your scrap materials with competitive rates.<\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"enhanced-card\\\">\\r\\n <div class=\\\"card-icon\\\">\\r\\n <i class=\\\"fas fa-recycle\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3>Certified Eco-Recycling<\\\/h3>\\r\\n <p>All materials processed through government-approved facilities with complete \\r\\n environmental compliance and sustainability.<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n\\r\\n<style>\\r\\n \\\/* Section Styling *\\\/\\r\\n #services {\\r\\n padding: 60px 20px;\\r\\n background: #000; \\\/* Black background *\\\/\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .section-header {\\r\\n margin-bottom: 40px;\\r\\n }\\r\\n\\r\\n \\\/* Bordered Heading *\\\/\\r\\n .bordered-heading {\\r\\n display: inline-block;\\r\\n padding: 12px 25px;\\r\\n border: 2px solid #ff6600; \\\/* Orange border *\\\/\\r\\n border-radius: 8px;\\r\\n font-size: 2rem;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n margin-bottom: 15px;\\r\\n }\\r\\n\\r\\n .section-subtitle {\\r\\n font-size: 1rem;\\r\\n color: #ccc;\\r\\n max-width: 700px;\\r\\n margin: 0 auto;\\r\\n }\\r\\n\\r\\n \\\/* Card Grid *\\\/\\r\\n .card-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\\r\\n gap: 20px;\\r\\n }\\r\\n\\r\\n \\\/* Card Styling *\\\/\\r\\n .enhanced-card {\\r\\n background: #111;\\r\\n padding: 30px 20px;\\r\\n border-radius: 12px;\\r\\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\r\\n border: 1px solid transparent;\\r\\n transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;\\r\\n color: #fff;\\r\\n }\\r\\n\\r\\n .enhanced-card:hover {\\r\\n transform: translateY(-8px);\\r\\n box-shadow: 0 10px 25px rgba(255, 102, 0, 0.6);\\r\\n border: 1px solid #ff6600;\\r\\n }\\r\\n\\r\\n \\\/* Card Icon *\\\/\\r\\n .card-icon {\\r\\n font-size: 40px;\\r\\n color: #ff6600;\\r\\n margin-bottom: 15px;\\r\\n }\\r\\n\\r\\n \\\/* Card Title *\\\/\\r\\n .enhanced-card h3 {\\r\\n font-size: 1.2rem;\\r\\n margin-bottom: 10px;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n }\\r\\n\\r\\n \\\/* Card Text *\\\/\\r\\n .enhanced-card p {\\r\\n font-size: 0.95rem;\\r\\n color: #ddd;\\r\\n line-height: 1.6;\\r\\n }\\r\\n\\r\\n \\\/* Highlight *\\\/\\r\\n .highlight {\\r\\n color: #ff6600;\\r\\n }\\r\\n<\\\/style>\\r\\n\\r\\n \\r\\n<section class=\\\"section\\\" id=\\\"process\\\">\\r\\n <div class=\\\"container\\\">\\r\\n \\r\\n <div class=\\\"section-header\\\">\\r\\n <h2 class=\\\"section-title bordered-heading\\\">\\r\\n Simple <span class=\\\"highlight\\\">3-Step<\\\/span> Process\\r\\n <\\\/h2>\\r\\n <p class=\\\"section-subtitle\\\">\\r\\n Selling your scrap has never been easier with our streamlined, transparent, \\r\\n and efficient service process.\\r\\n <\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <div class=\\\"process-grid\\\">\\r\\n <div class=\\\"process-step\\\">\\r\\n <div class=\\\"step-number\\\">1<\\\/div>\\r\\n <h3>Schedule Your Pickup<\\\/h3>\\r\\n <p>Call us or book online with preferred time slot. \\r\\n We provide instant estimated quotes and confirm pickup details.<\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"process-step\\\">\\r\\n <div class=\\\"step-number\\\">2<\\\/div>\\r\\n <h3>We Collect & Weigh<\\\/h3>\\r\\n <p>Our professional team arrives with certified digital scales \\r\\n for transparent weighing and immediate rate calculation.<\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"process-step\\\">\\r\\n <div class=\\\"step-number\\\">3<\\\/div>\\r\\n <h3>Get Instant Payment<\\\/h3>\\r\\n <p>Receive immediate cash payment or choose secure digital transfer. \\r\\n Complete transaction with proper documentation.<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n\\r\\n<style>\\r\\n \\\/* Section Styling *\\\/\\r\\n #process {\\r\\n padding: 60px 20px;\\r\\n background: #000; \\\/* Black background *\\\/\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .section-header {\\r\\n margin-bottom: 40px;\\r\\n }\\r\\n\\r\\n \\\/* Bordered Heading *\\\/\\r\\n .bordered-heading {\\r\\n display: inline-block;\\r\\n padding: 12px 25px;\\r\\n border: 2px solid #ff6600;\\r\\n border-radius: 8px;\\r\\n font-size: 2rem;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n margin-bottom: 15px;\\r\\n }\\r\\n\\r\\n .section-subtitle {\\r\\n font-size: 1rem;\\r\\n color: #ccc;\\r\\n max-width: 700px;\\r\\n margin: 0 auto;\\r\\n }\\r\\n\\r\\n \\\/* Process Grid *\\\/\\r\\n .process-grid {\\r\\n display: flex;\\r\\n justify-content: space-between;\\r\\n align-items: flex-start;\\r\\n gap: 30px;\\r\\n position: relative;\\r\\n margin-top: 40px;\\r\\n flex-wrap: wrap;\\r\\n }\\r\\n\\r\\n \\\/* Orange connecting line *\\\/\\r\\n .process-grid::before {\\r\\n content: \\\"\\\";\\r\\n position: absolute;\\r\\n top: 25px;\\r\\n left: 50px;\\r\\n right: 50px;\\r\\n height: 3px;\\r\\n background: #ff6600;\\r\\n z-index: 0;\\r\\n }\\r\\n\\r\\n \\\/* Process Step *\\\/\\r\\n .process-step {\\r\\n background: #111;\\r\\n padding: 30px 20px;\\r\\n border-radius: 12px;\\r\\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\r\\n border: 1px solid transparent;\\r\\n transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;\\r\\n color: #fff;\\r\\n text-align: center;\\r\\n flex: 1;\\r\\n min-width: 250px;\\r\\n position: relative;\\r\\n z-index: 1;\\r\\n }\\r\\n\\r\\n .process-step:hover {\\r\\n transform: translateY(-8px);\\r\\n box-shadow: 0 10px 25px rgba(255, 102, 0, 0.6);\\r\\n border: 1px solid #ff6600;\\r\\n }\\r\\n\\r\\n \\\/* Step Number *\\\/\\r\\n .step-number {\\r\\n width: 50px;\\r\\n height: 50px;\\r\\n margin: 0 auto 15px auto;\\r\\n background: #ff6600;\\r\\n color: #fff;\\r\\n font-size: 1.2rem;\\r\\n font-weight: bold;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n border-radius: 50%;\\r\\n box-shadow: 0 0 15px rgba(255, 102, 0, 0.7);\\r\\n position: relative;\\r\\n z-index: 2;\\r\\n }\\r\\n\\r\\n \\\/* Step Title *\\\/\\r\\n .process-step h3 {\\r\\n font-size: 1.2rem;\\r\\n margin-bottom: 10px;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n }\\r\\n\\r\\n \\\/* Step Text *\\\/\\r\\n .process-step p {\\r\\n font-size: 0.95rem;\\r\\n color: #ddd;\\r\\n line-height: 1.6;\\r\\n }\\r\\n\\r\\n \\\/* Highlight *\\\/\\r\\n .highlight {\\r\\n color: #ff6600;\\r\\n }\\r\\n\\r\\n \\\/* Responsive: stack vertically *\\\/\\r\\n @media (max-width: 768px) {\\r\\n .process-grid {\\r\\n flex-direction: column;\\r\\n align-items: center;\\r\\n }\\r\\n\\r\\n .process-grid::before {\\r\\n width: 3px;\\r\\n height: calc(100% - 50px);\\r\\n left: 50%;\\r\\n top: 50px;\\r\\n right: auto;\\r\\n }\\r\\n\\r\\n .process-step {\\r\\n max-width: 350px;\\r\\n }\\r\\n }\\r\\n<\\\/style>\\r\\n\\r\\n<section class=\\\"section\\\" id=\\\"rates\\\">\\r\\n <div class=\\\"container\\\">\\r\\n <div class=\\\"section-header\\\">\\r\\n <h2 class=\\\"section-title bordered-heading\\\">\\r\\n Today's <span class=\\\"highlight\\\">Competitive Scrap Rates<\\\/span>\\r\\n <\\\/h2>\\r\\n <p class=\\\"section-subtitle\\\">\\r\\n Our prices are updated daily to ensure you get the best value.\\r\\n <span style=\\\"color: var(--accent, #ff6600); font-weight: 700;\\\">\\r\\n Last updated: <span id=\\\"current-date\\\"><\\\/span>\\r\\n <\\\/span>\\r\\n <\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <div class=\\\"rates-container\\\">\\r\\n <table class=\\\"rates-table\\\" id=\\\"highlighted-rates\\\">\\r\\n <thead>\\r\\n <tr>\\r\\n <th>Scrap Material<\\\/th>\\r\\n <th>Current Rate (\\u20b9\\\/Kg)<\\\/th>\\r\\n <\\\/tr>\\r\\n <\\\/thead>\\r\\n <tbody>\\r\\n \\r\\n <\\\/tbody>\\r\\n <\\\/table>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <div style=\\\"margin-top: 25px;\\\">\\r\\n <a href=\\\"https:\\\/\\\/scrapwaalii.com\\\/paper\\\/\\\" class=\\\"btn-view-all\\\">View All Scrap Rates \\u2192<\\\/a>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n<script>\\r\\n document.addEventListener(\\\"DOMContentLoaded\\\", function () {\\r\\n \\\/\\\/ Date auto-update\\r\\n const dateElement = document.getElementById(\\\"current-date\\\");\\r\\n const today = new Date();\\r\\n dateElement.textContent = today.toLocaleDateString(\\\"en-IN\\\", {\\r\\n day: \\\"numeric\\\",\\r\\n month: \\\"long\\\",\\r\\n year: \\\"numeric\\\"\\r\\n });\\r\\n\\r\\n \\\/\\\/ Full scrap list\\r\\n const allRates = [\\r\\n { material: \\\"\\ud83d\\udcf0 Newspaper\\\", rate: \\\"\\u20b912-15\\\" },\\r\\n { material: \\\"\\u2699\\ufe0f Iron\\\/Steel\\\", rate: \\\"\\u20b925-30\\\" },\\r\\n { material: \\\"\\ud83e\\udd64 Plastic\\\", rate: \\\"\\u20b915-25\\\" },\\r\\n { material: \\\"\\ud83d\\udd0c Copper\\\", rate: \\\"\\u20b9450-550\\\" },\\r\\n { material: \\\"\\ud83d\\udd29 Aluminium\\\", rate: \\\"\\u20b980-100\\\" },\\r\\n { material: \\\"\\ud83c\\udffa Brass\\\", rate: \\\"\\u20b9300-350\\\" },\\r\\n { material: \\\"\\ud83d\\udcbb E-Waste\\\", rate: \\\"\\u20b940-120\\\" },\\r\\n { material: \\\"\\ud83d\\udd0b Lead Batteries\\\", rate: \\\"\\u20b960-150\\\" }\\r\\n ];\\r\\n\\r\\n \\\/\\\/ Shuffle and pick 5 random\\r\\n const shuffled = allRates.sort(() => 0.5 - Math.random());\\r\\n const selected = shuffled.slice(0, 5);\\r\\n\\r\\n \\\/\\\/ Insert into table\\r\\n const tbody = document.querySelector(\\\"#highlighted-rates tbody\\\");\\r\\n selected.forEach(item => {\\r\\n const row = document.createElement(\\\"tr\\\");\\r\\n row.innerHTML = `<td>${item.material}<\\\/td><td class=\\\"price\\\">${item.rate}<\\\/td>`;\\r\\n tbody.appendChild(row);\\r\\n });\\r\\n });\\r\\n<\\\/script>\\r\\n\\r\\n<style>\\r\\n .btn-view-all {\\r\\n display: inline-block;\\r\\n padding: 12px 25px;\\r\\n background: #ff6600;\\r\\n color: #fff;\\r\\n border-radius: 6px;\\r\\n font-weight: bold;\\r\\n text-decoration: none;\\r\\n transition: 0.3s;\\r\\n }\\r\\n .btn-view-all:hover {\\r\\n background: #ff8533;\\r\\n }\\r\\n .price {\\r\\n font-weight: bold;\\r\\n color: #ff6600;\\r\\n }\\r\\n<\\\/style>\\r\\n\\r\\n\\r\\n \\r\\n\\r\\n<section class=\\\"section\\\" id=\\\"areas\\\">\\r\\n <div class=\\\"container\\\">\\r\\n \\r\\n <div class=\\\"section-header\\\">\\r\\n <h2 class=\\\"section-title bordered-heading\\\">\\r\\n Our <span class=\\\"highlight\\\">Service Areas<\\\/span>\\r\\n <\\\/h2>\\r\\n <p class=\\\"section-subtitle\\\">\\r\\n We provide comprehensive scrap pickup services across these major cities with expansion plans for additional locations.\\r\\n <\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <div class=\\\"areas-grid\\\" id=\\\"areasGrid\\\">\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfd9\\ufe0f<\\\/span> Delhi<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfe2<\\\/span> Gurugram<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfd8\\ufe0f<\\\/span> Noida<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfe0<\\\/span> Ghaziabad<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfed<\\\/span> Faridabad<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udff0<\\\/span> Jaipur<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfef<\\\/span> Lucknow<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udf06<\\\/span> Chandigarh<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfd9\\ufe0f<\\\/span> Greater Noida<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfd8\\ufe0f<\\\/span> Sonipat<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfed<\\\/span> Meerut<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfe0<\\\/span> Panipat<\\\/div>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <svg class=\\\"area-lines\\\" xmlns=\\\"http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\\"><\\\/svg>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n<style>\\r\\n#areas {\\r\\n padding: 60px 20px;\\r\\n background: #000;\\r\\n text-align: center;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n.section-header { margin-bottom: 40px; }\\r\\n\\r\\n.bordered-heading {\\r\\n display: inline-block;\\r\\n padding: 12px 25px;\\r\\n border: 2px solid #ff6600;\\r\\n border-radius: 8px;\\r\\n font-size: 2rem;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n margin-bottom: 15px;\\r\\n}\\r\\n\\r\\n.highlight { color: #ff6600; }\\r\\n\\r\\n.section-subtitle {\\r\\n font-size: 1rem;\\r\\n color: #ccc;\\r\\n max-width: 750px;\\r\\n margin: 0 auto;\\r\\n}\\r\\n\\r\\n.areas-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\\r\\n gap: 25px;\\r\\n margin-top: 40px;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n.area-card {\\r\\n background: #111;\\r\\n color: #fff;\\r\\n padding: 25px 15px;\\r\\n border-radius: 12px;\\r\\n font-weight: 600;\\r\\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\r\\n border: 1px solid transparent;\\r\\n transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;\\r\\n cursor: default;\\r\\n font-size: 1rem;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n gap: 10px;\\r\\n position: relative;\\r\\n z-index: 1;\\r\\n}\\r\\n\\r\\n.area-card:hover {\\r\\n box-shadow: 0 10px 25px rgba(255, 102, 0, 0.6);\\r\\n border: 1px solid #ff6600;\\r\\n}\\r\\n\\r\\n.area-icon { font-size: 1.5rem; }\\r\\n\\r\\n\\\/* SVG lines style *\\\/\\r\\n.area-lines {\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: 0;\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n pointer-events: none;\\r\\n overflow: visible;\\r\\n}\\r\\n\\r\\n.draw-line {\\r\\n stroke-dasharray: 1000;\\r\\n stroke-dashoffset: 1000;\\r\\n animation: draw 1s forwards, glow 2s infinite alternate;\\r\\n stroke: #ff6600;\\r\\n stroke-width: 2;\\r\\n fill: none;\\r\\n opacity: 0.6;\\r\\n}\\r\\n\\r\\n@keyframes draw {\\r\\n to { stroke-dashoffset: 0; }\\r\\n}\\r\\n\\r\\n@keyframes glow {\\r\\n 0% { stroke: rgba(255,102,0,0.6); filter: drop-shadow(0 0 2px rgba(255,102,0,0.5)); }\\r\\n 50% { stroke: rgba(255,204,102,0.8); filter: drop-shadow(0 0 6px rgba(255,204,102,0.7)); }\\r\\n 100% { stroke: rgba(255,102,0,0.6); filter: drop-shadow(0 0 2px rgba(255,102,0,0.5)); }\\r\\n}\\r\\n\\r\\n@media (max-width: 768px) {\\r\\n .areas-grid {\\r\\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\\r\\n }\\r\\n .section-title { font-size: 1.8rem; }\\r\\n .section-subtitle { font-size: 0.95rem; }\\r\\n .area-card { font-size: 0.95rem; padding: 20px 10px; }\\r\\n}\\r\\n<\\\/style>\\r\\n\\r\\n<script>\\r\\ndocument.addEventListener(\\\"DOMContentLoaded\\\", function () {\\r\\n const cards = document.querySelectorAll(\\\".area-card\\\");\\r\\n const svg = document.querySelector(\\\".area-lines\\\");\\r\\n const svgNS = \\\"http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\\";\\r\\n\\r\\n \\\/\\\/ Draw connecting curved lines\\r\\n function drawLines() {\\r\\n svg.innerHTML = \\\"\\\";\\r\\n for (let i = 0; i < cards.length - 1; i++) {\\r\\n const start = cards[i].getBoundingClientRect();\\r\\n const end = cards[i+1].getBoundingClientRect();\\r\\n const offsetTop = window.scrollY || window.pageYOffset;\\r\\n\\r\\n const x1 = start.left + start.width\\\/2;\\r\\n const y1 = start.top + start.height\\\/2 + offsetTop;\\r\\n const x2 = end.left + end.width\\\/2;\\r\\n const y2 = end.top + end.height\\\/2 + offsetTop;\\r\\n\\r\\n const path = document.createElementNS(svgNS, \\\"path\\\");\\r\\n path.setAttribute(\\\"d\\\", `M${x1},${y1} C${(x1+x2)\\\/2},${y1-30} ${(x1+x2)\\\/2},${y2+30} ${x2},${y2}`);\\r\\n path.classList.add(\\\"draw-line\\\");\\r\\n svg.appendChild(path);\\r\\n }\\r\\n }\\r\\n\\r\\n window.addEventListener(\\\"resize\\\", drawLines);\\r\\n drawLines(); \\\/\\\/ initial draw\\r\\n});\\r\\n<\\\/script>\\r\\n\\r\\n \\r\\n<section class=\\\"section\\\" id=\\\"testimonials\\\">\\r\\n <div class=\\\"container\\\">\\r\\n \\r\\n <div class=\\\"section-header\\\">\\r\\n <h2 class=\\\"section-title bordered-heading\\\">\\r\\n Customer <span class=\\\"highlight\\\">Success Stories<\\\/span>\\r\\n <\\\/h2>\\r\\n <p class=\\\"section-subtitle\\\">\\r\\n Read authentic reviews from our satisfied customers who experienced our transparent and reliable service.\\r\\n <\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <div class=\\\"card-grid\\\">\\r\\n <div class=\\\"testimonial-card\\\">\\r\\n <div class=\\\"testimonial-content\\\">\\r\\n <div class=\\\"stars\\\">\\u2b50\\u2b50\\u2b50\\u2b50\\u2b50<\\\/div>\\r\\n <p>\\\"Outstanding service experience! The team arrived exactly on time, used transparent digital weighing, and paid instantly. Best rates compared to local dealers in South Delhi.\\\"<\\\/p>\\r\\n <\\\/div>\\r\\n <div class=\\\"testimonial-author\\\">\\r\\n <div class=\\\"author-avatar\\\">RK<\\\/div>\\r\\n <div class=\\\"author-info\\\">\\r\\n <div class=\\\"author-name\\\">Rajesh Kumar<\\\/div>\\r\\n <div class=\\\"author-location\\\">South Delhi<\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"testimonial-card\\\">\\r\\n <div class=\\\"testimonial-content\\\">\\r\\n <div class=\\\"stars\\\">\\u2b50\\u2b50\\u2b50\\u2b50\\u2b50<\\\/div>\\r\\n <p>\\\"Extremely professional and trustworthy team. As a senior citizen, I found their service incredibly convenient and reliable. They handled everything with complete transparency.\\\"<\\\/p>\\r\\n <\\\/div>\\r\\n <div class=\\\"testimonial-author\\\">\\r\\n <div class=\\\"author-avatar\\\">SP<\\\/div>\\r\\n <div class=\\\"author-info\\\">\\r\\n <div class=\\\"author-name\\\">Sunita Pathak<\\\/div>\\r\\n <div class=\\\"author-location\\\">Noida<\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"testimonial-card\\\">\\r\\n <div class=\\\"testimonial-content\\\">\\r\\n <div class=\\\"stars\\\">\\u2b50\\u2b50\\u2b50\\u2b50\\u2b50<\\\/div>\\r\\n <p>\\\"Perfect solution for corporate scrap management. They handled our office electronic waste professionally and provided proper certificates for data destruction. Excellent service!\\\"<\\\/p>\\r\\n <\\\/div>\\r\\n <div class=\\\"testimonial-author\\\">\\r\\n <div class=\\\"author-avatar\\\">AS<\\\/div>\\r\\n <div class=\\\"author-info\\\">\\r\\n <div class=\\\"author-name\\\">Anil Sharma<\\\/div>\\r\\n <div class=\\\"author-location\\\">Gurugram<\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n\\r\\n<style>\\r\\n #testimonials {\\r\\n padding: 60px 20px;\\r\\n background: #000;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .section-header {\\r\\n margin-bottom: 40px;\\r\\n }\\r\\n\\r\\n .bordered-heading {\\r\\n display: inline-block;\\r\\n padding: 12px 25px;\\r\\n border: 2px solid #ff6600;\\r\\n border-radius: 8px;\\r\\n font-size: 2rem;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n margin-bottom: 15px;\\r\\n }\\r\\n\\r\\n .highlight {\\r\\n color: #ff6600;\\r\\n }\\r\\n\\r\\n .section-subtitle {\\r\\n font-size: 1rem;\\r\\n color: #ccc;\\r\\n max-width: 750px;\\r\\n margin: 0 auto;\\r\\n }\\r\\n\\r\\n .card-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\\r\\n gap: 25px;\\r\\n margin-top: 40px;\\r\\n }\\r\\n\\r\\n .testimonial-card {\\r\\n background: #111;\\r\\n border-radius: 12px;\\r\\n padding: 25px 20px;\\r\\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\r\\n border: 1px solid transparent;\\r\\n transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;\\r\\n color: #fff;\\r\\n text-align: left;\\r\\n }\\r\\n\\r\\n .testimonial-card:hover {\\r\\n transform: translateY(-8px);\\r\\n box-shadow: 0 10px 25px rgba(255,102,0,0.6);\\r\\n border: 1px solid #ff6600;\\r\\n }\\r\\n\\r\\n .testimonial-content .stars {\\r\\n color: #ff6600;\\r\\n font-size: 1.2rem;\\r\\n margin-bottom: 1rem;\\r\\n }\\r\\n\\r\\n .testimonial-content p {\\r\\n font-style: italic;\\r\\n color: #ccc;\\r\\n line-height: 1.6;\\r\\n margin-bottom: 2rem;\\r\\n }\\r\\n\\r\\n .testimonial-author {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 1rem;\\r\\n }\\r\\n\\r\\n .author-avatar {\\r\\n width: 50px;\\r\\n height: 50px;\\r\\n background: linear-gradient(135deg, #ff6600, #ff8533);\\r\\n border-radius: 50%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-weight: 700;\\r\\n font-size: 1.2rem;\\r\\n color: #000;\\r\\n }\\r\\n\\r\\n .author-info .author-name {\\r\\n font-weight: 700;\\r\\n color: #fff;\\r\\n }\\r\\n\\r\\n .author-info .author-location {\\r\\n font-size: 0.9rem;\\r\\n color: #888;\\r\\n }\\r\\n\\r\\n @media (max-width: 768px) {\\r\\n .testimonial-card {\\r\\n padding: 20px 15px;\\r\\n }\\r\\n\\r\\n .section-title {\\r\\n font-size: 1.8rem;\\r\\n }\\r\\n\\r\\n .section-subtitle {\\r\\n font-size: 0.95rem;\\r\\n }\\r\\n }\\r\\n<\\\/style>\\r\\n\\r\\n \\r\\n<section class=\\\"section\\\" id=\\\"faq\\\">\\r\\n <div class=\\\"container\\\">\\r\\n <div class=\\\"section-header\\\">\\r\\n <h2 class=\\\"section-title bordered-heading\\\">\\r\\n Frequently <span class=\\\"highlight\\\">Asked Questions<\\\/span>\\r\\n <\\\/h2>\\r\\n <p class=\\\"section-subtitle\\\">\\r\\n Find comprehensive answers to common questions about our transparent scrap pickup service, pricing, and processes.\\r\\n <\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"faq-container\\\">\\r\\n <div class=\\\"faq-item\\\">\\r\\n <div class=\\\"faq-question\\\">\\r\\n <i class=\\\"fas fa-question-circle\\\"><\\\/i>\\r\\n <span>What is the minimum pickup amount required?<\\\/span>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-answer\\\">\\r\\n <p>We have a minimum pickup value of \\u20b9250 to ensure cost-effective service. You can combine different types of scrap materials to reach this minimum amount.<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-item\\\">\\r\\n <div class=\\\"faq-question\\\">\\r\\n <i class=\\\"fas fa-question-circle\\\"><\\\/i>\\r\\n <span>How do you determine fair pricing for materials?<\\\/span>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-answer\\\">\\r\\n <p>Our prices are based on current market rates and updated daily. We use certified digital scales in front of you for complete transparency and provide detailed rate calculations.<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-item\\\">\\r\\n <div class=\\\"faq-question\\\">\\r\\n <i class=\\\"fas fa-question-circle\\\"><\\\/i>\\r\\n <span>What payment methods are available?<\\\/span>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-answer\\\">\\r\\n <p>We provide immediate cash payment on-site. For larger amounts, we also offer secure UPI transfers and bank deposit options for your convenience.<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-item\\\">\\r\\n <div class=\\\"faq-question\\\">\\r\\n <i class=\\\"fas fa-question-circle\\\"><\\\/i>\\r\\n <span>Do you provide destruction certificates for sensitive materials?<\\\/span>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-answer\\\">\\r\\n <p>Yes, we provide certified destruction certificates for electronic waste containing sensitive data, following industry security standards and compliance requirements.<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-item\\\">\\r\\n <div class=\\\"faq-question\\\">\\r\\n <i class=\\\"fas fa-question-circle\\\"><\\\/i>\\r\\n <span>How quickly can you schedule a pickup?<\\\/span>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-answer\\\">\\r\\n <p>We typically schedule pickups within 24 hours of your request. Same-day service is available for urgent requests in most coverage areas across Delhi NCR.<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n\\r\\n<link rel=\\\"stylesheet\\\" href=\\\"https:\\\/\\\/cdnjs.cloudflare.com\\\/ajax\\\/libs\\\/font-awesome\\\/5.15.4\\\/css\\\/all.min.css\\\">\\r\\n\\r\\n\\r\\n<style>\\r\\n #faq {\\r\\n padding: 60px 20px;\\r\\n background: #000;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .section-header {\\r\\n margin-bottom: 40px;\\r\\n }\\r\\n\\r\\n .bordered-heading {\\r\\n display: inline-block;\\r\\n padding: 12px 25px;\\r\\n border: 2px solid #ff6600;\\r\\n border-radius: 8px;\\r\\n font-size: 2rem;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n margin-bottom: 15px;\\r\\n }\\r\\n\\r\\n .highlight {\\r\\n color: #ff6600;\\r\\n }\\r\\n\\r\\n .section-subtitle {\\r\\n font-size: 1rem;\\r\\n color: #ccc;\\r\\n max-width: 750px;\\r\\n margin: 0 auto;\\r\\n }\\r\\n\\r\\n .faq-container {\\r\\n margin-top: 40px;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n gap: 20px;\\r\\n }\\r\\n\\r\\n .faq-item {\\r\\n background: #111;\\r\\n border-radius: 12px;\\r\\n border-left: 5px solid #ff6600;\\r\\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\r\\n overflow: hidden;\\r\\n transition: box-shadow 0.3s ease, border-left 0.3s ease, transform 0.3s ease, filter 0.3s ease;\\r\\n color: #fff;\\r\\n text-align: left;\\r\\n padding: 20px 20px 20px 15px;\\r\\n }\\r\\n\\r\\n .faq-item:hover {\\r\\n box-shadow: 0 10px 25px rgba(255,102,0,0.6);\\r\\n border-left: 5px solid #ff8533;\\r\\n filter: drop-shadow(0 0 10px rgba(255,102,0,0.5));\\r\\n transform: translateY(-3px);\\r\\n }\\r\\n\\r\\n .faq-question {\\r\\n font-weight: 600;\\r\\n font-size: 1rem;\\r\\n margin-bottom: 10px;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 10px;\\r\\n color: #ff6600;\\r\\n transition: all 0.3s ease;\\r\\n }\\r\\n\\r\\n .faq-answer p {\\r\\n color: #ccc;\\r\\n font-size: 0.95rem;\\r\\n line-height: 1.6;\\r\\n margin: 0;\\r\\n }\\r\\n\\r\\n .faq-question i {\\r\\n font-size: 1.1rem;\\r\\n color: #ff6600;\\r\\n transition: transform 0.5s ease;\\r\\n }\\r\\n\\r\\n .faq-item:hover .faq-question i {\\r\\n transform: rotate(20deg) scale(1.2);\\r\\n }\\r\\n\\r\\n @media (max-width: 768px) {\\r\\n .faq-question {\\r\\n font-size: 0.95rem;\\r\\n }\\r\\n .faq-answer p {\\r\\n font-size: 0.9rem;\\r\\n }\\r\\n }\\r\\n<\\\/style>\\r\\n\\r\\n<footer class=\\\"footer\\\">\\r\\n <div class=\\\"container\\\">\\r\\n <div class=\\\"footer-grid\\\">\\r\\n <div class=\\\"footer-col\\\">\\r\\n <h3>About Scrapwaalii<\\\/h3>\\r\\n <p>Leading professional scrap collection service in Bhadra Tehsil since 2025. We revolutionize waste management with transparent pricing, eco-friendly practices, and exceptional customer service. customer service.<\\\/p>\\r\\n <div class=\\\"social-links\\\">\\r\\n <a href=\\\"#\\\" class=\\\"social-link\\\" aria-label=\\\"Facebook\\\"><i class=\\\"fab fa-facebook-f\\\"><\\\/i><\\\/a>\\r\\n <a href=\\\"#\\\" class=\\\"social-link\\\" aria-label=\\\"Instagram\\\"><i class=\\\"fab fa-instagram\\\"><\\\/i><\\\/a>\\r\\n <a href=\\\"#\\\" class=\\\"social-link\\\" aria-label=\\\"Twitter\\\"><i class=\\\"fab fa-twitter\\\"><\\\/i><\\\/a>\\r\\n <a href=\\\"#\\\" class=\\\"social-link\\\" aria-label=\\\"WhatsApp\\\"><i class=\\\"fab fa-whatsapp\\\"><\\\/i><\\\/a>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <div class=\\\"footer-col\\\">\\r\\n <h3>Quick Navigation<\\\/h3>\\r\\n <ul class=\\\"footer-links\\\">\\r\\n <li><a href=\\\"#services\\\">Our Services<\\\/a><\\\/li>\\r\\n <li><a href=\\\"#rates\\\">Current Rates<\\\/a><\\\/li>\\r\\n <li><a href=\\\"#areas\\\">Service Areas<\\\/a><\\\/li>\\r\\n <li><a href=\\\"#testimonials\\\">Customer Reviews<\\\/a><\\\/li>\\r\\n <li><a href=\\\"https:\\\/\\\/scrapwaalii.com\\\/en\\\/contact\\\/\\\">Contact Us<\\\/a><\\\/li>\\r\\n <li><a href=\\\"https:\\\/\\\/scrapwaalii.com\\\/en\\\/elementor-7009\\\/\\\">Privacy Policy<\\\/a><\\\/li>\\r\\n <\\\/ul>\\r\\n <\\\/div>\\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<div class=\\\"footer-col\\\">\\r\\n <h3>Follow Us<\\\/h3>\\r\\n <ul class=\\\"footer-links social-icons\\\">\\r\\n <li><a href=\\\"https:\\\/\\\/www.facebook.com\\\/YourPage\\\" target=\\\"_blank\\\"><i class=\\\"fab fa-facebook-f\\\"><\\\/i> Facebook<\\\/a><\\\/li>\\r\\n <li><a href=\\\"https:\\\/\\\/www.instagram.com\\\/YourPage\\\" target=\\\"_blank\\\"><i class=\\\"fab fa-instagram\\\"><\\\/i> Instagram<\\\/a><\\\/li>\\r\\n <li><a href=\\\"https:\\\/\\\/twitter.com\\\/YourPage\\\" target=\\\"_blank\\\"><i class=\\\"fab fa-twitter\\\"><\\\/i> Twitter<\\\/a><\\\/li>\\r\\n <li><a href=\\\"https:\\\/\\\/www.linkedin.com\\\/company\\\/YourPage\\\" target=\\\"_blank\\\"><i class=\\\"fab fa-linkedin-in\\\"><\\\/i> LinkedIn<\\\/a><\\\/li>\\r\\n <li><a href=\\\"https:\\\/\\\/www.youtube.com\\\/channel\\\/YourPage\\\" target=\\\"_blank\\\"><i class=\\\"fab fa-youtube\\\"><\\\/i> YouTube<\\\/a><\\\/li>\\r\\n <\\\/ul>\\r\\n<\\\/div>\\r\\n\\r\\n<style>\\r\\n.footer-links.social-icons li a {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 8px;\\r\\n color: #ccc;\\r\\n text-decoration: none;\\r\\n}\\r\\n.footer-links.social-icons li a:hover {\\r\\n color: #28a745; \\\/* hover green *\\\/\\r\\n}\\r\\n<\\\/style>\\r\\n\\r\\n <div class=\\\"footer-col\\\" id=\\\"contact\\\">\\r\\n <h3>Contact Information<\\\/h3>\\r\\n <ul class=\\\"contact-info\\\">\\r\\n <li><i class=\\\"fas fa-phone\\\"><\\\/i><a href=\\\"tel:7065424442\\\">9982040371<\\\/a><\\\/li>\\r\\n <li><i class=\\\"fas fa-envelope\\\"><\\\/i><a href=\\\"mailto:support@scrapwaalii.com\\\">support@scrapwaalii.com<\\\/a><\\\/li>\\r\\n <li><i class=\\\"fas fa-map-marker-alt\\\"><\\\/i>Bhadra (Rajasthan), India<\\\/li>\\r\\n <li><i class=\\\"fas fa-clock\\\"><\\\/i>Mon-Sat: 8:00 AM - 8:00 PM<\\\/li>\\r\\n <\\\/ul>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <div class=\\\"footer-bottom\\\">\\r\\n <p>\\r\\n © 2025 Scrapwaalii \\u00b7 All Rights Reserved \\u00b7 Designed & Developed by Ankit Suthar (IIT Ropar) |\\r\\n <a href=\\\"https:\\\/\\\/scrapwaalii.com\\\/en\\\/elementor-7009\\\/\\\">Privacy Policy<\\\/a> |\\r\\n <a href=\\\"https:\\\/\\\/scrapwaalii.com\\\/en\\\/terms-of-service\\\/\\\">Terms of Service<\\\/a> |\\r\\n \\r\\n <\\\/p>\\r\\n<\\\/div>\\r\\n\\r\\n <\\\/div>\\r\\n<\\\/footer>\\r\\n\\r\\n\\r\\n<style>\\r\\n.footer {\\r\\n background: #000;\\r\\n color: #ccc;\\r\\n padding: 60px 20px 30px;\\r\\n font-size: 0.95rem;\\r\\n line-height: 1.6;\\r\\n}\\r\\n.footer a {\\r\\n color: #ccc;\\r\\n text-decoration: none;\\r\\n transition: color 0.3s ease, transform 0.3s ease;\\r\\n}\\r\\n.footer a:hover {\\r\\n color: #ff6600;\\r\\n transform: translateY(-2px);\\r\\n}\\r\\n.footer-grid {\\r\\n display: flex;\\r\\n flex-wrap: wrap;\\r\\n gap: 30px;\\r\\n justify-content: space-between;\\r\\n}\\r\\n.footer-col {\\r\\n flex: 1 1 220px;\\r\\n min-width: 220px;\\r\\n}\\r\\n.footer-col h3 {\\r\\n font-size: 1.2rem;\\r\\n color: #fff;\\r\\n margin-bottom: 15px;\\r\\n border-left: 4px solid #ff6600;\\r\\n padding-left: 10px;\\r\\n}\\r\\n.footer-links,\\r\\n.contact-info {\\r\\n list-style: none;\\r\\n padding: 0;\\r\\n margin: 0;\\r\\n}\\r\\n.footer-links li,\\r\\n.contact-info li {\\r\\n margin-bottom: 10px;\\r\\n}\\r\\n.footer-links li a:hover {\\r\\n color: #ff8533;\\r\\n}\\r\\n.contact-info li i {\\r\\n margin-right: 10px;\\r\\n color: #ff6600;\\r\\n}\\r\\n.social-links {\\r\\n margin-top: 15px;\\r\\n display: flex;\\r\\n gap: 10px;\\r\\n}\\r\\n.social-link {\\r\\n width: 40px;\\r\\n height: 40px;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n background: #111;\\r\\n border-radius: 50%;\\r\\n color: #ff6600;\\r\\n font-size: 1.1rem;\\r\\n transition: all 0.3s ease;\\r\\n}\\r\\n.social-link:hover {\\r\\n background: #ff6600;\\r\\n color: #111;\\r\\n transform: scale(1.1);\\r\\n}\\r\\n.footer-bottom {\\r\\n text-align: center;\\r\\n margin-top: 40px;\\r\\n font-size: 0.85rem;\\r\\n border-top: 1px solid #333;\\r\\n padding-top: 15px;\\r\\n}\\r\\n.footer-bottom a:hover {\\r\\n color: #ff8533;\\r\\n}\\r\\n@media (max-width:768px) {\\r\\n .footer-grid {\\r\\n flex-direction: column;\\r\\n gap: 20px;\\r\\n }\\r\\n .footer-col h3 {\\r\\n font-size: 1rem;\\r\\n }\\r\\n}\\r\\n<\\\/style>\\r\\n\\r\\n\\r\\n<script>\\r\\ndocument.addEventListener('DOMContentLoaded', function() {\\r\\n \\\/\\\/ Smooth scrolling for footer links\\r\\n document.querySelectorAll('a[href^=\\\"#\\\"]').forEach(anchor => {\\r\\n anchor.addEventListener('click', function(e) {\\r\\n e.preventDefault();\\r\\n const target = document.querySelector(this.getAttribute('href'));\\r\\n if(target) target.scrollIntoView({behavior:'smooth', block:'start'});\\r\\n });\\r\\n });\\r\\n\\r\\n \\\/\\\/ Footer link hover interactions\\r\\n document.querySelectorAll('.footer a, .social-link').forEach(el=>{\\r\\n el.addEventListener('mouseenter',()=>el.style.transform='translateY(-2px) scale(1.05)');\\r\\n el.addEventListener('mouseleave',()=>el.style.transform='translateY(0) scale(1)');\\r\\n });\\r\\n});\\r\\n<\\\/script>\\r\\n\\r\\n<script defer src=\\\"https:\\\/\\\/static.getbutton.io\\\/widget\\\/bundle.js?id=LM2my\\\" ><\\\/script>\\r\\n \\r\\n<\\\/body>\\r\\n<\\\/html>\",\"_element_width_mobile\":\"inherit\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]"],"_elementor_version":["3.31.2"],"site-header-transparent":["default"],"site-page-header":["disabled"],"_edit_lock":["1765270834:1"],"_elementor_page_settings":["a:1:{s:10:\"hide_title\";s:3:\"yes\";}"],"_edit_last":["1"],"ampforwp-amp-on-off":["default"],"ampforwp_custom_content_editor":["<!DOCTYPE html>\r\n<html lang="en">\r\n<head>\r\n <meta charset="UTF-8">\r\n <meta name="viewport" content="width=device-width, initial-scale=1.0">\r\n <title>Scrapwaalii - Sell Your Scrap at Best Prices<\/title>\r\n <style>\r\n \/* Reset *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: Arial, sans-serif;\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* Header *\/\r\n header {\r\n background: #222;\r\n color: #fff;\r\n padding: 20px;\r\n text-align: center;\r\n }\r\n\r\n \/* Sections *\/\r\n section {\r\n width: 100%;\r\n margin: 0;\r\n padding: 60px 20px;\r\n }\r\n\r\n .container {\r\n width: 100%;\r\n max-width: 100%;\r\n margin: 0;\r\n padding: 0 20px;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .section-title {\r\n font-size: 28px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 16px;\r\n color: #555;\r\n }\r\n\r\n \/* Home Section *\/\r\n .home-section {\r\n background: #f5f5f5;\r\n text-align: center;\r\n }\r\n .home-section h2 {\r\n font-size: 32px;\r\n margin-bottom: 15px;\r\n }\r\n .home-section p {\r\n font-size: 18px;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n color: #444;\r\n }\r\n\r\n \/* Areas *\/\r\n .areas-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n gap: 15px;\r\n }\r\n\r\n .area-card {\r\n background: #f2f2f2;\r\n padding: 20px;\r\n border-radius: 8px;\r\n text-align: center;\r\n font-weight: bold;\r\n }\r\n\r\n \/* Testimonials *\/\r\n .testimonials-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 20px;\r\n }\r\n\r\n .testimonial-card {\r\n background: #fafafa;\r\n padding: 20px;\r\n border-radius: 8px;\r\n box-shadow: 0 2px 5px rgba(0,0,0,0.1);\r\n }\r\n\r\n .testimonial-content {\r\n font-style: italic;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .testimonial-author {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .author-avatar {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n }\r\n\r\n \/* FAQ *\/\r\n .faq-container {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n }\r\n\r\n .faq-item {\r\n border-bottom: 1px solid #ddd;\r\n padding: 15px 0;\r\n }\r\n\r\n .faq-question {\r\n font-weight: bold;\r\n cursor: pointer;\r\n }\r\n\r\n .faq-answer {\r\n display: none;\r\n padding-top: 10px;\r\n color: #444;\r\n }\r\n\r\n .faq-item.active .faq-answer {\r\n display: block;\r\n }\r\n\r\n \/* Footer *\/\r\n footer {\r\n background: #111;\r\n color: #fff;\r\n text-align: center;\r\n padding: 20px;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .section-title {\r\n font-size: 22px;\r\n }\r\n .home-section h2 {\r\n font-size: 26px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <header>\r\n <h1>Scrapwaalii<\/h1>\r\n <\/header>\r\n\r\n \r\n <section class="home-section">\r\n <div class="container">\r\n <h2>Sell Your Scrap at the Best Prices<\/h2>\r\n <p>We provide doorstep scrap collection with instant payment, transparent rates, and eco-friendly recycling across major Indian cities.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class="areas-section">\r\n <div class="container">\r\n <div class="section-header">\r\n <h2 class="section-title">Service Coverage Areas<\/h2>\r\n <p class="section-subtitle">We provide comprehensive scrap pickup services across these major cities.<\/p>\r\n <\/div>\r\n <div class="areas-grid">\r\n <div class="area-card">Bhadra <\/div>\r\n <div class="area-card">Gurugram<\/div>\r\n <div class="area-card">Noida<\/div>\r\n <div class="area-card">Ghaziabad<\/div>\r\n <div class="area-card">Faridabad<\/div>\r\n <div class="area-card">Jaipur<\/div>\r\n <div class="area-card">Lucknow<\/div>\r\n <div class="area-card">Chandigarh<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class="testimonials-section">\r\n <div class="container">\r\n <div class="section-header">\r\n <h2 class="section-title">Customer Success Stories<\/h2>\r\n <p class="section-subtitle">Read authentic reviews from our satisfied customers.<\/p>\r\n <\/div>\r\n <div class="testimonials-grid">\r\n <div class="testimonial-card">\r\n <div class="testimonial-content">"Outstanding service experience!"<\/div>\r\n <div class="testimonial-author">\r\n <img src="https:\/\/randomuser.me\/api\/portraits\/men\/32.jpg" class="author-avatar">\r\n <div>\r\n <div class="author-name">Rajesh Kumar<\/div>\r\n <div class="author-location">Bhadra<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class="testimonial-card">\r\n <div class="testimonial-content">"Extremely professional and trustworthy."<\/div>\r\n <div class="testimonial-author">\r\n <img src="https:\/\/randomuser.me\/api\/portraits\/women\/65.jpg" class="author-avatar">\r\n <div>\r\n <div class="author-name">Sunita Pathak<\/div>\r\n <div class="author-location">Noida<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class="faq-section">\r\n <div class="container">\r\n <div class="section-header">\r\n <h2 class="section-title">Frequently Asked Questions<\/h2>\r\n <\/div>\r\n <div class="faq-container">\r\n <div class="faq-item">\r\n <div class="faq-question">What is the minimum pickup amount?<\/div>\r\n <div class="faq-answer">We have a minimum pickup value of \u20b9250.<\/div>\r\n <\/div>\r\n <div class="faq-item">\r\n <div class="faq-question">How do you determine pricing?<\/div>\r\n <div class="faq-answer">Our prices are based on current market rates and updated daily.<\/div>\r\n <\/div>\r\n <div class="faq-item">\r\n <div class="faq-question">Do you provide doorstep pickup?<\/div>\r\n <div class="faq-answer">Yes, we provide hassle-free doorstep pickup for all categories of scrap.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer>\r\n © 2025 Scrapwaalii. All Rights Reserved.\r\n <\/footer>\r\n\r\n <script>\r\n \/\/ FAQ toggle\r\n document.querySelectorAll(".faq-question").forEach(q => {\r\n q.addEventListener("click", () => {\r\n q.parentElement.classList.toggle("active");\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n"],"ampforwp_custom_content_editor_checkbox":[""],"_elementor_edit_mode":["builder"],"_astra_content_layout_flag":["disabled"],"ast-title-bar-display":["disabled"],"ast-featured-img":["disabled"],"ast-site-content-layout":["full-width-container"],"site-sidebar-layout":["no-sidebar"],"_elementor_controls_usage":["a:2:{s:4:\"html\";a:3:{s:5:\"count\";i:2;s:15:\"control_percent\";i:1;s:8:\"controls\";a:2:{s:7:\"content\";a:1:{s:13:\"section_title\";a:1:{s:4:\"html\";i:1;}}s:8:\"advanced\";a:1:{s:14:\"_section_style\";a:1:{s:21:\"_element_width_mobile\";i:1;}}}}s:9:\"container\";a:3:{s:5:\"count\";i:1;s:15:\"control_percent\";i:0;s:8:\"controls\";a:1:{s:6:\"layout\";a:1:{s:24:\"section_layout_container\";a:1:{s:11:\"boxed_width\";i:1;}}}}}"],"_elementor_page_assets":["a:1:{s:7:\"scripts\";a:1:{i:0;s:18:\"elementor-frontend\";}}"],"_elementor_css":["a:6:{s:4:\"time\";i:1768273960;s:5:\"fonts\";a:0:{}s:5:\"icons\";a:0:{}s:20:\"dynamic_elements_ids\";a:0:{}s:6:\"status\";s:4:\"file\";i:0;s:0:\"\";}"],"_elementor_element_cache":["{\"timeout\":1775451996,\"value\":{\"content\":\"<div class=\\\"elementor-element elementor-element-3f9031a e-flex e-con-boxed e-con e-parent\\\" data-id=\\\"3f9031a\\\" data-element_type=\\\"container\\\">\\n\\t\\t\\t\\t\\t<div class=\\\"e-con-inner\\\">\\n\\t\\t\\t\\t<div class=\\\"elementor-element elementor-element-7b8b6a2 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\\\" data-id=\\\"7b8b6a2\\\" data-element_type=\\\"widget\\\" data-widget_type=\\\"html.default\\\">\\n\\t\\t\\t\\t\\t<!DOCTYPE html>\\r\\n<html lang=\\\"en\\\">\\r\\n<head>\\r\\n <meta charset=\\\"UTF-8\\\">\\r\\n <meta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1.0\\\">\\r\\n <title>Scrapwaalii | Top Scrap Buyer in Bhadra | Best Prices for Scrap<\\\/title>\\r\\n <meta name=\\\"description\\\" content=\\\"Get highest prices for your scrap with free doorstep pickup in Bhadra . Instant cash payment, certified recycling, and professional service. Book now!\\\">\\r\\n <link rel=\\\"preconnect\\\" href=\\\"https:\\\/\\\/fonts.googleapis.com\\\">\\r\\n <link rel=\\\"preconnect\\\" href=\\\"https:\\\/\\\/fonts.gstatic.com\\\" crossorigin>\\r\\n <link href=\\\"https:\\\/\\\/fonts.googleapis.com\\\/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700;800&display=swap\\\" rel=\\\"stylesheet\\\">\\r\\n <link rel=\\\"stylesheet\\\" href=\\\"https:\\\/\\\/cdnjs.cloudflare.com\\\/ajax\\\/libs\\\/font-awesome\\\/6.4.0\\\/css\\\/all.min.css\\\">\\r\\n <style>\\r\\n * {\\r\\n margin: 0;\\r\\n padding: 0;\\r\\n box-sizing: border-box;\\r\\n }\\r\\n\\r\\n :root {\\r\\n --primary: #0a0f1c;\\r\\n --primary-light: #1a2332;\\r\\n --primary-dark: #050914;\\r\\n --accent: #00ff87;\\r\\n --accent-dark: #00d46e;\\r\\n --accent-light: #66ffb3;\\r\\n --secondary: #ff6b35;\\r\\n --success: #10b981;\\r\\n --warning: #f59e0b;\\r\\n --error: #ef4444;\\r\\n --text-white: #ffffff;\\r\\n --text-light: #e2e8f0;\\r\\n --text-gray: #94a3b8;\\r\\n --text-dark: #334155;\\r\\n --bg-dark: #030711;\\r\\n --bg-section: #0f172a;\\r\\n --bg-card: rgba(26, 35, 50, 0.9);\\r\\n --bg-glass: rgba(255, 255, 255, 0.03);\\r\\n --border-color: rgba(0, 255, 135, 0.15);\\r\\n --shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4);\\r\\n --shadow-lg: 0 25px 50px rgba(0, 255, 135, 0.2);\\r\\n --shadow-glow: 0 0 30px rgba(0, 255, 135, 0.3);\\r\\n --gradient-primary: linear-gradient(135deg, #0a0f1c 0%, #1a2332 100%);\\r\\n --gradient-accent: linear-gradient(135deg, #00ff87 0%, #00d46e 100%);\\r\\n --gradient-hero: radial-gradient(ellipse at center, #1a2332 0%, #0a0f1c 50%, #030711 100%);\\r\\n --gradient-card: linear-gradient(145deg, rgba(26, 35, 50, 0.8) 0%, rgba(15, 23, 42, 0.9) 100%);\\r\\n --blur-effect: blur(20px);\\r\\n }\\r\\n\\r\\n body {\\r\\n font-family: 'Inter', sans-serif;\\r\\n background: var(--bg-dark);\\r\\n color: var(--text-white);\\r\\n line-height: 1.6;\\r\\n overflow-x: hidden;\\r\\n scroll-behavior: smooth;\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n \\\/* Floating Navigation *\\\/\\r\\n .floating-nav {\\r\\n position: fixed;\\r\\n top: 20px;\\r\\n right: 20px;\\r\\n z-index: 1000;\\r\\n display: flex;\\r\\n gap: 10px;\\r\\n flex-direction: column;\\r\\n }\\r\\n\\r\\n .nav-item {\\r\\n width: 50px;\\r\\n height: 50px;\\r\\n background: var(--bg-card);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n border: 1px solid var(--border-color);\\r\\n border-radius: 50%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n color: var(--text-gray);\\r\\n text-decoration: none;\\r\\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\\r\\n font-size: 1.2rem;\\r\\n }\\r\\n\\r\\n .nav-item:hover {\\r\\n background: var(--gradient-accent);\\r\\n color: white;\\r\\n transform: scale(1.1);\\r\\n box-shadow: var(--shadow-glow);\\r\\n }\\r\\n\\r\\n .container {\\r\\n max-width: 1200px;\\r\\n margin: 0 auto;\\r\\n padding: 0 1.5rem;\\r\\n }\\r\\n\\r\\n \\\/* Hero Section with Advanced Animations *\\\/\\r\\n .hero {\\r\\n min-height: 100vh;\\r\\n background: var(--gradient-hero);\\r\\n position: relative;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n overflow: hidden;\\r\\n padding: 2rem 0;\\r\\n }\\r\\n\\r\\n .hero::before {\\r\\n content: '';\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: 0;\\r\\n right: 0;\\r\\n bottom: 0;\\r\\n background: \\r\\n radial-gradient(circle at 20% 80%, rgba(0, 255, 135, 0.15) 0%, transparent 50%),\\r\\n radial-gradient(circle at 80% 20%, rgba(0, 255, 135, 0.1) 0%, transparent 50%),\\r\\n radial-gradient(circle at 40% 40%, rgba(255, 107, 53, 0.08) 0%, transparent 50%);\\r\\n animation: aurora 8s ease-in-out infinite alternate;\\r\\n }\\r\\n\\r\\n @keyframes aurora {\\r\\n 0% { opacity: 0.7; }\\r\\n 100% { opacity: 1; }\\r\\n }\\r\\n\\r\\n .hero-particles {\\r\\n position: absolute;\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n overflow: hidden;\\r\\n z-index: 1;\\r\\n }\\r\\n\\r\\n .particle {\\r\\n position: absolute;\\r\\n width: 4px;\\r\\n height: 4px;\\r\\n background: var(--accent);\\r\\n border-radius: 50%;\\r\\n animation: float 6s ease-in-out infinite;\\r\\n opacity: 0.6;\\r\\n }\\r\\n\\r\\n @keyframes float {\\r\\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\\r\\n 50% { transform: translateY(-20px) rotate(180deg); }\\r\\n }\\r\\n\\r\\n .hero-content {\\r\\n text-align: center;\\r\\n position: relative;\\r\\n z-index: 2;\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .hero-badge {\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n gap: 0.5rem;\\r\\n padding: 0.8rem 2rem;\\r\\n background: var(--bg-card);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n border-radius: 50px;\\r\\n font-weight: 600;\\r\\n margin-bottom: 1.5rem;\\r\\n border: 1px solid var(--border-color);\\r\\n color: var(--accent);\\r\\n animation: pulse 2s ease-in-out infinite;\\r\\n }\\r\\n\\r\\n @keyframes pulse {\\r\\n 0%, 100% { box-shadow: 0 0 0 0 rgba(0, 255, 135, 0.4); }\\r\\n 50% { box-shadow: 0 0 0 10px rgba(0, 255, 135, 0); }\\r\\n }\\r\\n\\r\\n .hero-title {\\r\\n font-family: 'Space Grotesk', sans-serif;\\r\\n font-size: clamp(2.5rem, 6vw, 4.5rem);\\r\\n font-weight: 900;\\r\\n margin-bottom: 1.5rem;\\r\\n line-height: 1.1;\\r\\n letter-spacing: -0.02em;\\r\\n color: #ffffff;\\r\\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.7), 0 2px 10px rgba(0, 0, 0, 0.5);\\r\\n filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.3));\\r\\n }\\r\\n\\r\\n .hero-title .highlight {\\r\\n background: var(--gradient-accent);\\r\\n -webkit-background-clip: text;\\r\\n -webkit-text-fill-color: transparent;\\r\\n background-clip: text;\\r\\n position: relative;\\r\\n font-weight: 900;\\r\\n text-shadow: none;\\r\\n filter: drop-shadow(0 0 20px rgba(0, 255, 135, 0.8));\\r\\n }\\r\\n\\r\\n .hero-title .highlight::after {\\r\\n content: '';\\r\\n position: absolute;\\r\\n bottom: -5px;\\r\\n left: 0;\\r\\n width: 100%;\\r\\n height: 4px;\\r\\n background: var(--gradient-accent);\\r\\n border-radius: 2px;\\r\\n animation: underlineGlow 2s ease-in-out infinite alternate;\\r\\n box-shadow: 0 0 15px rgba(0, 255, 135, 0.6);\\r\\n }\\r\\n\\r\\n @keyframes underlineGlow {\\r\\n 0% { \\r\\n box-shadow: 0 0 8px rgba(0, 255, 135, 0.6);\\r\\n transform: scaleX(1);\\r\\n }\\r\\n 100% { \\r\\n box-shadow: 0 0 25px rgba(0, 255, 135, 0.9);\\r\\n transform: scaleX(1.05);\\r\\n }\\r\\n }\\r\\n\\r\\n .hero-subtitle {\\r\\n font-size: clamp(1.1rem, 2.5vw, 1.3rem);\\r\\n font-weight: 400;\\r\\n opacity: 0.9;\\r\\n margin-bottom: 2.5rem;\\r\\n max-width: 700px;\\r\\n margin-left: auto;\\r\\n margin-right: auto;\\r\\n color: var(--text-light);\\r\\n }\\r\\n\\r\\n .cta-buttons {\\r\\n display: flex;\\r\\n gap: 1rem;\\r\\n justify-content: center;\\r\\n flex-wrap: wrap;\\r\\n margin-bottom: 3rem;\\r\\n }\\r\\n\\r\\n .btn {\\r\\n padding: 1rem 2rem;\\r\\n border-radius: 50px;\\r\\n text-decoration: none;\\r\\n font-weight: 600;\\r\\n font-size: 1rem;\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n gap: 0.5rem;\\r\\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\\r\\n border: none;\\r\\n cursor: pointer;\\r\\n position: relative;\\r\\n overflow: hidden;\\r\\n min-width: 180px;\\r\\n justify-content: center;\\r\\n }\\r\\n\\r\\n .btn::before {\\r\\n content: '';\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: -100%;\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\\r\\n transition: left 0.5s;\\r\\n }\\r\\n\\r\\n .btn:hover::before {\\r\\n left: 100%;\\r\\n }\\r\\n\\r\\n .btn-primary {\\r\\n background: var(--gradient-accent);\\r\\n color: var(--bg-dark);\\r\\n box-shadow: 0 10px 30px rgba(0, 255, 135, 0.3);\\r\\n font-weight: 700;\\r\\n }\\r\\n\\r\\n .btn-primary:hover {\\r\\n transform: translateY(-3px) scale(1.02);\\r\\n box-shadow: 0 15px 40px rgba(0, 255, 135, 0.4);\\r\\n }\\r\\n\\r\\n .btn-secondary {\\r\\n background: transparent;\\r\\n color: var(--text-white);\\r\\n border: 2px solid var(--border-color);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n }\\r\\n\\r\\n .btn-secondary:hover {\\r\\n background: var(--bg-card);\\r\\n border-color: var(--accent);\\r\\n color: var(--accent);\\r\\n transform: translateY(-3px);\\r\\n }\\r\\n\\r\\n .hero-features {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\\r\\n gap: 1.5rem;\\r\\n margin-top: 3rem;\\r\\n }\\r\\n\\r\\n .feature-card {\\r\\n background: var(--gradient-card);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n padding: 2rem 1.5rem;\\r\\n border-radius: 20px;\\r\\n text-align: center;\\r\\n border: 1px solid var(--border-color);\\r\\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\\r\\n position: relative;\\r\\n overflow: hidden;\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .feature-card::before {\\r\\n content: '';\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: -100%;\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n background: linear-gradient(90deg, transparent, rgba(0, 255, 135, 0.1), transparent);\\r\\n transition: left 0.6s ease;\\r\\n }\\r\\n\\r\\n .feature-card:hover::before {\\r\\n left: 100%;\\r\\n }\\r\\n\\r\\n .feature-card:hover {\\r\\n transform: translateY(-10px) scale(1.02);\\r\\n border-color: var(--accent);\\r\\n box-shadow: var(--shadow-lg);\\r\\n }\\r\\n\\r\\n .feature-icon {\\r\\n width: 70px;\\r\\n height: 70px;\\r\\n background: var(--gradient-accent);\\r\\n border-radius: 16px;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n margin: 0 auto 1.5rem;\\r\\n font-size: 1.8rem;\\r\\n color: var(--bg-dark);\\r\\n box-shadow: 0 10px 25px rgba(0, 255, 135, 0.3);\\r\\n }\\r\\n\\r\\n .feature-card h3 {\\r\\n font-size: 1.3rem;\\r\\n font-weight: 700;\\r\\n margin-bottom: 1rem;\\r\\n color: var(--text-white);\\r\\n }\\r\\n\\r\\n .feature-card p {\\r\\n font-size: 1rem;\\r\\n color: var(--text-gray);\\r\\n line-height: 1.6;\\r\\n }\\r\\n\\r\\n \\\/* Enhanced Section Styling - Reduced spacing *\\\/\\r\\n .section {\\r\\n padding: 3rem 0;\\r\\n position: relative;\\r\\n background: var(--bg-section);\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .section:nth-child(even) {\\r\\n background: var(--primary);\\r\\n }\\r\\n\\r\\n .section-header {\\r\\n text-align: center;\\r\\n margin-bottom: 2.5rem;\\r\\n max-width: 700px;\\r\\n margin-left: auto;\\r\\n margin-right: auto;\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .section-title {\\r\\n font-family: 'Space Grotesk', sans-serif;\\r\\n font-size: clamp(2rem, 5vw, 3.5rem);\\r\\n font-weight: 900;\\r\\n margin-bottom: 1rem;\\r\\n color: #ffffff;\\r\\n letter-spacing: -0.02em;\\r\\n position: relative;\\r\\n text-shadow: 0 4px 15px rgba(0, 0, 0, 0.6), 0 2px 8px rgba(0, 0, 0, 0.4);\\r\\n filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.2));\\r\\n }\\r\\n\\r\\n .section-title::after {\\r\\n content: '';\\r\\n position: absolute;\\r\\n bottom: -10px;\\r\\n left: 50%;\\r\\n transform: translateX(-50%);\\r\\n width: 60px;\\r\\n height: 4px;\\r\\n background: var(--gradient-accent);\\r\\n border-radius: 2px;\\r\\n box-shadow: 0 0 15px rgba(0, 255, 135, 0.6);\\r\\n }\\r\\n\\r\\n .section-subtitle {\\r\\n font-size: 1.1rem;\\r\\n color: var(--text-gray);\\r\\n line-height: 1.7;\\r\\n font-weight: 400;\\r\\n }\\r\\n\\r\\n \\\/* Enhanced Card Grids *\\\/\\r\\n .card-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\\r\\n gap: 1.5rem;\\r\\n }\\r\\n\\r\\n .enhanced-card {\\r\\n background: var(--gradient-card);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n padding: 2rem;\\r\\n border-radius: 20px;\\r\\n text-align: center;\\r\\n border: 1px solid var(--border-color);\\r\\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\\r\\n position: relative;\\r\\n overflow: hidden;\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .enhanced-card::after {\\r\\n content: '';\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: 0;\\r\\n right: 0;\\r\\n bottom: 0;\\r\\n background: var(--gradient-accent);\\r\\n opacity: 0;\\r\\n transition: opacity 0.3s ease;\\r\\n z-index: -1;\\r\\n }\\r\\n\\r\\n .enhanced-card:hover::after {\\r\\n opacity: 0.05;\\r\\n }\\r\\n\\r\\n .enhanced-card:hover {\\r\\n transform: translateY(-8px);\\r\\n border-color: var(--accent);\\r\\n box-shadow: var(--shadow-lg);\\r\\n }\\r\\n\\r\\n .card-icon {\\r\\n width: 70px;\\r\\n height: 70px;\\r\\n background: var(--gradient-accent);\\r\\n border-radius: 18px;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n margin: 0 auto 1.5rem;\\r\\n font-size: 1.8rem;\\r\\n color: var(--bg-dark);\\r\\n box-shadow: 0 10px 25px rgba(0, 255, 135, 0.3);\\r\\n }\\r\\n\\r\\n .enhanced-card h3 {\\r\\n font-size: 1.4rem;\\r\\n font-weight: 800;\\r\\n margin-bottom: 1rem;\\r\\n color: var(--text-white);\\r\\n }\\r\\n\\r\\n .enhanced-card p {\\r\\n color: var(--text-gray);\\r\\n font-size: 1rem;\\r\\n line-height: 1.7;\\r\\n }\\r\\n\\r\\n \\\/* Process Steps with Connected Lines *\\\/\\r\\n .process-container {\\r\\n position: relative;\\r\\n }\\r\\n\\r\\n .process-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\\r\\n gap: 1.5rem;\\r\\n position: relative;\\r\\n }\\r\\n\\r\\n .process-step {\\r\\n background: var(--gradient-card);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n padding: 2rem;\\r\\n border-radius: 20px;\\r\\n text-align: center;\\r\\n border: 1px solid var(--border-color);\\r\\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\\r\\n position: relative;\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .process-step:hover {\\r\\n transform: translateY(-8px);\\r\\n border-color: var(--accent);\\r\\n box-shadow: var(--shadow-lg);\\r\\n }\\r\\n\\r\\n .step-number {\\r\\n width: 60px;\\r\\n height: 60px;\\r\\n background: var(--gradient-accent);\\r\\n border-radius: 50%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n margin: 0 auto 1.5rem;\\r\\n font-size: 1.5rem;\\r\\n font-weight: 800;\\r\\n color: var(--bg-dark);\\r\\n box-shadow: 0 10px 25px rgba(0, 255, 135, 0.3);\\r\\n }\\r\\n\\r\\n \\\/* Enhanced Rates Table *\\\/\\r\\n .rates-container {\\r\\n background: var(--gradient-card);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n border-radius: 20px;\\r\\n padding: 2rem;\\r\\n border: 1px solid var(--border-color);\\r\\n overflow: hidden;\\r\\n position: relative;\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .rates-container::before {\\r\\n content: '';\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: 0;\\r\\n right: 0;\\r\\n height: 4px;\\r\\n background: var(--gradient-accent);\\r\\n }\\r\\n\\r\\n .rates-table {\\r\\n width: 100%;\\r\\n border-collapse: collapse;\\r\\n }\\r\\n\\r\\n .rates-table th,\\r\\n .rates-table td {\\r\\n padding: 1rem 0.8rem;\\r\\n text-align: left;\\r\\n border-bottom: 1px solid var(--border-color);\\r\\n }\\r\\n\\r\\n .rates-table th {\\r\\n background: rgba(0, 255, 135, 0.1);\\r\\n color: var(--accent);\\r\\n font-weight: 700;\\r\\n font-size: 1rem;\\r\\n }\\r\\n\\r\\n .rates-table td {\\r\\n color: var(--text-light);\\r\\n font-weight: 500;\\r\\n }\\r\\n\\r\\n .rates-table .price {\\r\\n color: var(--accent);\\r\\n font-weight: 700;\\r\\n font-size: 1rem;\\r\\n }\\r\\n\\r\\n .rates-table tbody tr {\\r\\n transition: background 0.3s ease;\\r\\n }\\r\\n\\r\\n .rates-table tbody tr:hover {\\r\\n background: rgba(0, 255, 135, 0.05);\\r\\n }\\r\\n\\r\\n \\\/* Enhanced Areas Grid *\\\/\\r\\n .areas-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\\r\\n gap: 1rem;\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .area-card {\\r\\n background: var(--bg-card);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n padding: 1.2rem 1rem;\\r\\n border-radius: 14px;\\r\\n text-align: center;\\r\\n border: 1px solid var(--border-color);\\r\\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\\r\\n font-weight: 600;\\r\\n color: var(--text-light);\\r\\n cursor: pointer;\\r\\n }\\r\\n\\r\\n .area-card:hover {\\r\\n background: var(--gradient-accent);\\r\\n color: var(--bg-dark);\\r\\n transform: translateY(-5px) scale(1.02);\\r\\n box-shadow: var(--shadow-lg);\\r\\n }\\r\\n\\r\\n \\\/* Enhanced FAQ *\\\/\\r\\n .faq-container {\\r\\n max-width: 800px;\\r\\n margin: 0 auto;\\r\\n }\\r\\n\\r\\n .faq-item {\\r\\n background: var(--gradient-card);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n margin-bottom: 1rem;\\r\\n border-radius: 14px;\\r\\n border: 1px solid var(--border-color);\\r\\n overflow: hidden;\\r\\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .faq-item:hover {\\r\\n border-color: var(--accent);\\r\\n }\\r\\n\\r\\n .faq-question {\\r\\n padding: 1.2rem 1.5rem;\\r\\n cursor: pointer;\\r\\n display: flex;\\r\\n justify-content: space-between;\\r\\n align-items: center;\\r\\n font-weight: 600;\\r\\n color: var(--text-white);\\r\\n transition: all 0.3s ease;\\r\\n }\\r\\n\\r\\n .faq-question:hover {\\r\\n color: var(--accent);\\r\\n }\\r\\n\\r\\n .faq-answer {\\r\\n padding: 0 1.5rem;\\r\\n max-height: 0;\\r\\n overflow: hidden;\\r\\n transition: all 0.3s ease;\\r\\n color: var(--text-gray);\\r\\n }\\r\\n\\r\\n .faq-item.active .faq-answer {\\r\\n padding: 0 1.5rem 1.2rem;\\r\\n max-height: 200px;\\r\\n }\\r\\n\\r\\n .faq-item.active .faq-question i {\\r\\n transform: rotate(180deg);\\r\\n color: var(--accent);\\r\\n }\\r\\n\\r\\n \\\/* Enhanced Footer *\\\/\\r\\n .footer {\\r\\n background: var(--bg-dark);\\r\\n padding: 3rem 0 2rem;\\r\\n border-top: 1px solid var(--border-color);\\r\\n position: relative;\\r\\n }\\r\\n\\r\\n .footer::before {\\r\\n content: '';\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: 0;\\r\\n right: 0;\\r\\n height: 2px;\\r\\n background: var(--gradient-accent);\\r\\n }\\r\\n\\r\\n .footer-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\\r\\n gap: 2rem;\\r\\n margin-bottom: 2rem;\\r\\n }\\r\\n\\r\\n .footer-col h3 {\\r\\n color: var(--accent);\\r\\n margin-bottom: 1.2rem;\\r\\n font-size: 1.2rem;\\r\\n font-weight: 800;\\r\\n }\\r\\n\\r\\n .footer-links {\\r\\n list-style: none;\\r\\n }\\r\\n\\r\\n .footer-links li {\\r\\n margin-bottom: 0.7rem;\\r\\n }\\r\\n\\r\\n .footer-links a {\\r\\n color: var(--text-gray);\\r\\n text-decoration: none;\\r\\n transition: color 0.3s ease;\\r\\n }\\r\\n\\r\\n .footer-links a:hover {\\r\\n color: var(--accent);\\r\\n }\\r\\n\\r\\n .contact-info {\\r\\n list-style: none;\\r\\n }\\r\\n\\r\\n .contact-info li {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 1rem;\\r\\n margin-bottom: 0.8rem;\\r\\n color: var(--text-gray);\\r\\n }\\r\\n\\r\\n .contact-info i {\\r\\n color: var(--accent);\\r\\n width: 20px;\\r\\n }\\r\\n\\r\\n .social-links {\\r\\n display: flex;\\r\\n gap: 0.8rem;\\r\\n margin-top: 1.2rem;\\r\\n }\\r\\n\\r\\n .social-link {\\r\\n width: 40px;\\r\\n height: 40px;\\r\\n background: var(--bg-card);\\r\\n border-radius: 50%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n color: var(--text-gray);\\r\\n text-decoration: none;\\r\\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\\r\\n border: 1px solid var(--border-color);\\r\\n }\\r\\n\\r\\n .social-link:hover {\\r\\n background: var(--gradient-accent);\\r\\n color: var(--bg-dark);\\r\\n transform: translateY(-3px);\\r\\n border-color: var(--accent);\\r\\n }\\r\\n\\r\\n .footer-bottom {\\r\\n text-align: center;\\r\\n padding-top: 2rem;\\r\\n border-top: 1px solid var(--border-color);\\r\\n color: var(--text-gray);\\r\\n }\\r\\n\\r\\n \\\/* Mobile Optimizations *\\\/\\r\\n @media (max-width: 768px) {\\r\\n .container {\\r\\n padding: 0 1rem;\\r\\n }\\r\\n\\r\\n .floating-nav {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n .hero {\\r\\n padding: 2rem 0;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .hero-title {\\r\\n font-size: clamp(2rem, 8vw, 3rem);\\r\\n }\\r\\n\\r\\n .cta-buttons {\\r\\n flex-direction: column;\\r\\n align-items: center;\\r\\n }\\r\\n\\r\\n .btn {\\r\\n width: 100%;\\r\\n max-width: 280px;\\r\\n }\\r\\n\\r\\n .hero-features {\\r\\n grid-template-columns: 1fr;\\r\\n gap: 1rem;\\r\\n }\\r\\n\\r\\n .card-grid {\\r\\n grid-template-columns: 1fr;\\r\\n gap: 1.2rem;\\r\\n }\\r\\n\\r\\n .process-grid {\\r\\n grid-template-columns: 1fr;\\r\\n }\\r\\n\\r\\n .areas-grid {\\r\\n grid-template-columns: repeat(2, 1fr);\\r\\n }\\r\\n\\r\\n .rates-container {\\r\\n overflow-x: auto;\\r\\n padding: 1.2rem;\\r\\n }\\r\\n\\r\\n .rates-table {\\r\\n min-width: 500px;\\r\\n }\\r\\n\\r\\n .footer-grid {\\r\\n grid-template-columns: 1fr;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .feature-card,\\r\\n .enhanced-card,\\r\\n .process-step {\\r\\n padding: 1.5rem 1.2rem;\\r\\n }\\r\\n\\r\\n .section {\\r\\n padding: 2.5rem 0;\\r\\n }\\r\\n }\\r\\n\\r\\n @media (max-width: 480px) {\\r\\n .container {\\r\\n padding: 0 0.8rem;\\r\\n }\\r\\n\\r\\n .areas-grid {\\r\\n grid-template-columns: 1fr;\\r\\n }\\r\\n\\r\\n .hero-badge {\\r\\n font-size: 0.9rem;\\r\\n padding: 0.6rem 1.5rem;\\r\\n }\\r\\n\\r\\n .btn {\\r\\n padding: 1rem 1.2rem;\\r\\n font-size: 0.9rem;\\r\\n }\\r\\n\\r\\n .feature-icon,\\r\\n .card-icon {\\r\\n width: 60px;\\r\\n height: 60px;\\r\\n font-size: 1.5rem;\\r\\n }\\r\\n\\r\\n .step-number {\\r\\n width: 50px;\\r\\n height: 50px;\\r\\n font-size: 1.3rem;\\r\\n }\\r\\n \\r\\n .section-header {\\r\\n margin-bottom: 2rem;\\r\\n }\\r\\n }\\r\\n\\r\\n \\\/* Accessibility improvements *\\\/\\r\\n @media (prefers-reduced-motion: reduce) {\\r\\n * {\\r\\n animation-duration: 0.01ms !important;\\r\\n animation-iteration-count: 1 !important;\\r\\n transition-duration: 0.01ms !important;\\r\\n }\\r\\n }\\r\\n\\r\\n .sr-only {\\r\\n position: absolute;\\r\\n width: 1px;\\r\\n height: 1px;\\r\\n padding: 0;\\r\\n margin: -1px;\\r\\n overflow: hidden;\\r\\n clip: rect(0, 0, 0, 0);\\r\\n white-space: nowrap;\\r\\n border: 0;\\r\\n }\\r\\n\\r\\n \\\/* Custom scrollbar *\\\/\\r\\n ::-webkit-scrollbar {\\r\\n width: 8px;\\r\\n }\\r\\n\\r\\n ::-webkit-scrollbar-track {\\r\\n background: var(--bg-dark);\\r\\n }\\r\\n\\r\\n ::-webkit-scrollbar-thumb {\\r\\n background: var(--gradient-accent);\\r\\n border-radius: 4px;\\r\\n }\\r\\n\\r\\n \\\/* Improved hero title contrast *\\\/\\r\\n .hero-title {\\r\\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.9), 0 2px 10px rgba(0, 0, 0, 0.7);\\r\\n }\\r\\n \\r\\n \\\/* Make all headings bolder *\\\/\\r\\n h1, h2, h3, h4, h5, h6 {\\r\\n font-weight: 800 !important;\\r\\n }\\r\\n \\r\\n .feature-card h3, .enhanced-card h3, .process-step h3 {\\r\\n font-weight: 800;\\r\\n }\\r\\n <\\\/style>\\r\\n<\\\/head>\\r\\n<body>\\r\\n \\r\\n <div class=\\\"floating-nav\\\">\\r\\n <a href=\\\"tel:7065424442\\\" class=\\\"nav-item\\\" aria-label=\\\"Call us\\\">\\r\\n <i class=\\\"fas fa-phone\\\"><\\\/i>\\r\\n <\\\/a>\\r\\n <a href=\\\"https:\\\/\\\/scrapwaalii.com\\\/pickup-request\\\/\\\" class=\\\"nav-item\\\" aria-label=\\\"Book pickup\\\">\\r\\n <i class=\\\"fas fa-truck\\\"><\\\/i>\\r\\n <\\\/a>\\r\\n <a href=\\\"#rates\\\" class=\\\"nav-item\\\" aria-label=\\\"View rates\\\">\\r\\n <i class=\\\"fas fa-chart-line\\\"><\\\/i>\\r\\n <\\\/a>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n<section class=\\\"hero\\\" style=\\\"background: #000; color: #fff; padding: 80px 20px;\\\">\\r\\n <div class=\\\"container\\\">\\r\\n <div class=\\\"hero-content\\\" style=\\\"text-align: center; max-width: 900px; margin: 0 auto;\\\">\\r\\n \\r\\n <div class=\\\"hero-badge\\\">\\r\\n <i class=\\\"fas fa-recycle\\\"><\\\/i>\\r\\n #1 Scrap Buyer in Rajasthan \\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <h1 class=\\\"hero-title\\\" style=\\\"font-size: 2.5rem; margin-bottom: 20px;\\\">\\r\\n Get <span class=\\\"highlight\\\">Top Prices<\\\/span> for Your Scrap with Free Pickup\\r\\n <\\\/h1>\\r\\n\\r\\n \\r\\n <p class=\\\"hero-subtitle\\\" style=\\\"font-size: 1.1rem; color: #ccc; margin-bottom: 30px;\\\">\\r\\n Instant cash payment, transparent weighing, and eco-friendly recycling across Rajasthan. \\r\\n Professional service you can trust with competitive market rates.\\r\\n <\\\/p>\\r\\n\\r\\n \\r\\n <div class=\\\"cta-buttons\\\" style=\\\"margin-bottom: 40px;\\\">\\r\\n <a href=\\\"tel:9982040371\\\" class=\\\"btn btn-call\\\">\\r\\n <i class=\\\"fas fa-phone\\\"><\\\/i>\\r\\n Call Now: 9982040371\\r\\n <\\\/a>\\r\\n <a href=\\\"https:\\\/\\\/scrapwaalii.com\\\/pickup-request\\\/\\\" class=\\\"btn btn-pickup\\\" style=\\\"margin-left: 10px;\\\">\\r\\n <i class=\\\"fas fa-truck\\\"><\\\/i>\\r\\n Book Free Pickup\\r\\n <\\\/a>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <div class=\\\"hero-features\\\" style=\\\"display: flex; justify-content: space-around; flex-wrap: wrap; gap: 20px;\\\">\\r\\n <div class=\\\"feature-card\\\" style=\\\"background: #111; padding: 20px; border-radius: 12px; flex: 1; min-width: 200px; box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\\">\\r\\n <div class=\\\"feature-icon\\\" style=\\\"margin-bottom: 10px;\\\">\\r\\n <i class=\\\"fas fa-money-bill-wave\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3 style=\\\"margin-bottom: 8px;\\\">Instant Payment<\\\/h3>\\r\\n <p style=\\\"color: #ccc; font-size: 0.95rem;\\\">Get paid immediately in cash or via digital transfer with complete transparency<\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"feature-card\\\" style=\\\"background: #111; padding: 20px; border-radius: 12px; flex: 1; min-width: 200px; box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\\">\\r\\n <div class=\\\"feature-icon\\\" style=\\\"margin-bottom: 10px;\\\">\\r\\n <i class=\\\"fas fa-balance-scale\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3 style=\\\"margin-bottom: 8px;\\\">Transparent Weighing<\\\/h3>\\r\\n <p style=\\\"color: #ccc; font-size: 0.95rem;\\\">Digital scales used in front of you for complete transparency and fair pricing<\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"feature-card\\\" style=\\\"background: #111; padding: 20px; border-radius: 12px; flex: 1; min-width: 200px; box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\\">\\r\\n <div class=\\\"feature-icon\\\" style=\\\"margin-bottom: 10px;\\\">\\r\\n <i class=\\\"fas fa-leaf\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3 style=\\\"margin-bottom: 8px;\\\">Eco-Friendly Process<\\\/h3>\\r\\n <p style=\\\"color: #ccc; font-size: 0.95rem;\\\">Certified recycling with proper environmental compliance and sustainability<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n\\r\\n<style>\\r\\n\\\/* Call Button (Orange) *\\\/\\r\\n.btn-call {\\r\\n background-color: #ff6600;\\r\\n border: none;\\r\\n color: #fff;\\r\\n padding: 12px 20px;\\r\\n border-radius: 6px;\\r\\n font-weight: bold;\\r\\n text-decoration: none;\\r\\n transition: 0.3s ease;\\r\\n}\\r\\n.btn-call:hover {\\r\\n background-color: #e65c00;\\r\\n}\\r\\n\\r\\n\\\/* Pickup Button (Green) *\\\/\\r\\n.btn-pickup {\\r\\n background-color: #28a745;\\r\\n border: none;\\r\\n color: #fff;\\r\\n padding: 12px 20px;\\r\\n border-radius: 6px;\\r\\n font-weight: bold;\\r\\n text-decoration: none;\\r\\n transition: 0.3s ease;\\r\\n}\\r\\n.btn-pickup:hover {\\r\\n background-color: #218838;\\r\\n}\\r\\n\\r\\n\\\/* Hero Badge Styling *\\\/\\r\\n.hero-badge {\\r\\n display: inline-block;\\r\\n background: #ff6600;\\r\\n color: #fff;\\r\\n padding: 8px 15px;\\r\\n border-radius: 20px;\\r\\n font-weight: bold;\\r\\n margin-bottom: 15px;\\r\\n font-size: 14px;\\r\\n}\\r\\n.hero-badge i {\\r\\n margin-right: 6px;\\r\\n}\\r\\n\\r\\n\\\/* Highlight Text *\\\/\\r\\n.highlight {\\r\\n color: #ff6600;\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\n\\\/* Feature Icons *\\\/\\r\\n.feature-icon i {\\r\\n color: #ff6600;\\r\\n font-size: 28px;\\r\\n}\\r\\n\\r\\n\\\/* Responsive *\\\/\\r\\n@media (max-width: 768px) {\\r\\n .hero-title { font-size: 2rem; }\\r\\n .hero-subtitle { font-size: 1rem; }\\r\\n .hero-features { flex-direction: column; gap: 15px; }\\r\\n}\\r\\n<\\\/style>\\r\\n\\r\\n\\r\\n<section class=\\\"tracking-cta-section\\\">\\r\\n <div class=\\\"tracking-cta-container\\\">\\r\\n <h2 class=\\\"tracking-cta-title\\\">\\r\\n <span class=\\\"white-text\\\">Check Your<\\\/span> \\r\\n <span class=\\\"orange-text\\\">Pickup Status<\\\/span>\\r\\n <\\\/h2>\\r\\n <p class=\\\"tracking-cta-subtitle\\\">Track your pickup in real-time by entering your Tracking ID.<\\\/p>\\r\\n\\r\\n <a href=\\\"https:\\\/\\\/scrapwaalii.com\\\/live-pickup-tracking\\\/\\\" class=\\\"tracking-cta-button\\\">Go to Live Pickup Tracking<\\\/a>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n<style>\\r\\n.tracking-cta-section {\\r\\n background: #000;\\r\\n padding: 60px 20px;\\r\\n text-align: center;\\r\\n color: #fff;\\r\\n}\\r\\n\\r\\n.tracking-cta-title {\\r\\n font-size: 2.2rem;\\r\\n margin-bottom: 15px;\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\n.white-text { color: #fff; }\\r\\n.orange-text { color: #ff7f00; }\\r\\n\\r\\n.tracking-cta-subtitle {\\r\\n font-size: 1.2rem;\\r\\n margin-bottom: 25px;\\r\\n color: #ccc;\\r\\n}\\r\\n\\r\\n.tracking-cta-button {\\r\\n display: inline-block;\\r\\n background: #ff7f00;\\r\\n color: #fff;\\r\\n font-weight: bold;\\r\\n padding: 14px 30px;\\r\\n border-radius: 10px;\\r\\n text-decoration: none;\\r\\n transition: 0.3s ease-in-out;\\r\\n}\\r\\n\\r\\n.tracking-cta-button:hover {\\r\\n background: #28a745;\\r\\n}\\r\\n<\\\/style>\\r\\n\\r\\n \\r\\n<section class=\\\"section\\\" id=\\\"trust\\\">\\r\\n <div class=\\\"container\\\">\\r\\n \\r\\n <div class=\\\"section-header\\\">\\r\\n <h2 class=\\\"section-title bordered-heading\\\">\\r\\n Why Choose <span class=\\\"highlight\\\">Scrapwaalii?<\\\/span>\\r\\n <\\\/h2>\\r\\n <p class=\\\"section-subtitle\\\">\\r\\n Experience the difference with our professional service, transparent process, \\r\\n and unwavering commitment to environmental sustainability.\\r\\n <\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <div class=\\\"card-grid\\\">\\r\\n <div class=\\\"enhanced-card\\\">\\r\\n <div class=\\\"card-icon\\\">\\r\\n <i class=\\\"fas fa-certificate\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3>100% Transparent Process<\\\/h3>\\r\\n <p>Digital weighing scales used in front of you with real-time rate calculations. \\r\\n No hidden charges, complete transparency in pricing.<\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"enhanced-card\\\">\\r\\n <div class=\\\"card-icon\\\">\\r\\n <i class=\\\"fas fa-clock\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3>Lightning Quick Service<\\\/h3>\\r\\n <p>Same day pickup available across Delhi NCR. \\r\\n Professional team arrives punctually with all necessary equipment.<\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"enhanced-card\\\">\\r\\n <div class=\\\"card-icon\\\">\\r\\n <i class=\\\"fas fa-shield-alt\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3>Secure & Reliable<\\\/h3>\\r\\n <p>Licensed and insured service with proper documentation. \\r\\n Government-approved recycling facilities ensure compliance.<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n\\r\\n<style>\\r\\n \\\/* Section Styling *\\\/\\r\\n #trust {\\r\\n padding: 60px 20px;\\r\\n background: #000; \\\/* Black background *\\\/\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .section-header {\\r\\n margin-bottom: 40px;\\r\\n }\\r\\n\\r\\n \\\/* Bordered Heading *\\\/\\r\\n .bordered-heading {\\r\\n display: inline-block;\\r\\n padding: 12px 25px;\\r\\n border: 2px solid #ff6600; \\\/* Orange border *\\\/\\r\\n border-radius: 8px;\\r\\n font-size: 2rem;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n margin-bottom: 15px;\\r\\n }\\r\\n\\r\\n .section-subtitle {\\r\\n font-size: 1rem;\\r\\n color: #ccc;\\r\\n max-width: 700px;\\r\\n margin: 0 auto;\\r\\n }\\r\\n\\r\\n \\\/* Card Grid *\\\/\\r\\n .card-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\\r\\n gap: 20px;\\r\\n }\\r\\n\\r\\n \\\/* Card Styling *\\\/\\r\\n .enhanced-card {\\r\\n background: #111;\\r\\n padding: 30px 20px;\\r\\n border-radius: 12px;\\r\\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\r\\n border: 1px solid transparent;\\r\\n transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;\\r\\n color: #fff;\\r\\n }\\r\\n\\r\\n .enhanced-card:hover {\\r\\n transform: translateY(-8px);\\r\\n box-shadow: 0 10px 25px rgba(255, 102, 0, 0.6);\\r\\n border: 1px solid #ff6600;\\r\\n }\\r\\n\\r\\n \\\/* Card Icon *\\\/\\r\\n .card-icon {\\r\\n font-size: 40px;\\r\\n color: #ff6600;\\r\\n margin-bottom: 15px;\\r\\n }\\r\\n\\r\\n \\\/* Card Title *\\\/\\r\\n .enhanced-card h3 {\\r\\n font-size: 1.2rem;\\r\\n margin-bottom: 10px;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n }\\r\\n\\r\\n \\\/* Card Text *\\\/\\r\\n .enhanced-card p {\\r\\n font-size: 0.95rem;\\r\\n color: #ddd;\\r\\n line-height: 1.6;\\r\\n }\\r\\n\\r\\n \\\/* Highlight *\\\/\\r\\n .highlight {\\r\\n color: #ff6600;\\r\\n }\\r\\n<\\\/style>\\r\\n\\r\\n\\r\\n \\r\\n<section class=\\\"section\\\" id=\\\"services\\\">\\r\\n <div class=\\\"container\\\">\\r\\n \\r\\n <div class=\\\"section-header\\\">\\r\\n <h2 class=\\\"section-title bordered-heading\\\">\\r\\n Premium <span class=\\\"highlight\\\">Scrap Collection<\\\/span> Services\\r\\n <\\\/h2>\\r\\n <p class=\\\"section-subtitle\\\">\\r\\n Comprehensive scrap collection solutions designed for maximum convenience, \\r\\n transparency, and value.\\r\\n <\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <div class=\\\"card-grid\\\">\\r\\n <div class=\\\"enhanced-card\\\">\\r\\n <div class=\\\"card-icon\\\">\\r\\n <i class=\\\"fas fa-home\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3>Doorstep Pickup Service<\\\/h3>\\r\\n <p>Schedule convenient pickup at your preferred time. \\r\\n Our equipped team arrives with certified weighing equipment for immediate service.<\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"enhanced-card\\\">\\r\\n <div class=\\\"card-icon\\\">\\r\\n <i class=\\\"fas fa-chart-line\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3>Best Market Rates<\\\/h3>\\r\\n <p>Daily updated prices based on current market conditions. \\r\\n Get maximum value for your scrap materials with competitive rates.<\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"enhanced-card\\\">\\r\\n <div class=\\\"card-icon\\\">\\r\\n <i class=\\\"fas fa-recycle\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3>Certified Eco-Recycling<\\\/h3>\\r\\n <p>All materials processed through government-approved facilities with complete \\r\\n environmental compliance and sustainability.<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n\\r\\n<style>\\r\\n \\\/* Section Styling *\\\/\\r\\n #services {\\r\\n padding: 60px 20px;\\r\\n background: #000; \\\/* Black background *\\\/\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .section-header {\\r\\n margin-bottom: 40px;\\r\\n }\\r\\n\\r\\n \\\/* Bordered Heading *\\\/\\r\\n .bordered-heading {\\r\\n display: inline-block;\\r\\n padding: 12px 25px;\\r\\n border: 2px solid #ff6600; \\\/* Orange border *\\\/\\r\\n border-radius: 8px;\\r\\n font-size: 2rem;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n margin-bottom: 15px;\\r\\n }\\r\\n\\r\\n .section-subtitle {\\r\\n font-size: 1rem;\\r\\n color: #ccc;\\r\\n max-width: 700px;\\r\\n margin: 0 auto;\\r\\n }\\r\\n\\r\\n \\\/* Card Grid *\\\/\\r\\n .card-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\\r\\n gap: 20px;\\r\\n }\\r\\n\\r\\n \\\/* Card Styling *\\\/\\r\\n .enhanced-card {\\r\\n background: #111;\\r\\n padding: 30px 20px;\\r\\n border-radius: 12px;\\r\\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\r\\n border: 1px solid transparent;\\r\\n transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;\\r\\n color: #fff;\\r\\n }\\r\\n\\r\\n .enhanced-card:hover {\\r\\n transform: translateY(-8px);\\r\\n box-shadow: 0 10px 25px rgba(255, 102, 0, 0.6);\\r\\n border: 1px solid #ff6600;\\r\\n }\\r\\n\\r\\n \\\/* Card Icon *\\\/\\r\\n .card-icon {\\r\\n font-size: 40px;\\r\\n color: #ff6600;\\r\\n margin-bottom: 15px;\\r\\n }\\r\\n\\r\\n \\\/* Card Title *\\\/\\r\\n .enhanced-card h3 {\\r\\n font-size: 1.2rem;\\r\\n margin-bottom: 10px;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n }\\r\\n\\r\\n \\\/* Card Text *\\\/\\r\\n .enhanced-card p {\\r\\n font-size: 0.95rem;\\r\\n color: #ddd;\\r\\n line-height: 1.6;\\r\\n }\\r\\n\\r\\n \\\/* Highlight *\\\/\\r\\n .highlight {\\r\\n color: #ff6600;\\r\\n }\\r\\n<\\\/style>\\r\\n\\r\\n \\r\\n<section class=\\\"section\\\" id=\\\"process\\\">\\r\\n <div class=\\\"container\\\">\\r\\n \\r\\n <div class=\\\"section-header\\\">\\r\\n <h2 class=\\\"section-title bordered-heading\\\">\\r\\n Simple <span class=\\\"highlight\\\">3-Step<\\\/span> Process\\r\\n <\\\/h2>\\r\\n <p class=\\\"section-subtitle\\\">\\r\\n Selling your scrap has never been easier with our streamlined, transparent, \\r\\n and efficient service process.\\r\\n <\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <div class=\\\"process-grid\\\">\\r\\n <div class=\\\"process-step\\\">\\r\\n <div class=\\\"step-number\\\">1<\\\/div>\\r\\n <h3>Schedule Your Pickup<\\\/h3>\\r\\n <p>Call us or book online with preferred time slot. \\r\\n We provide instant estimated quotes and confirm pickup details.<\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"process-step\\\">\\r\\n <div class=\\\"step-number\\\">2<\\\/div>\\r\\n <h3>We Collect & Weigh<\\\/h3>\\r\\n <p>Our professional team arrives with certified digital scales \\r\\n for transparent weighing and immediate rate calculation.<\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"process-step\\\">\\r\\n <div class=\\\"step-number\\\">3<\\\/div>\\r\\n <h3>Get Instant Payment<\\\/h3>\\r\\n <p>Receive immediate cash payment or choose secure digital transfer. \\r\\n Complete transaction with proper documentation.<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n\\r\\n<style>\\r\\n \\\/* Section Styling *\\\/\\r\\n #process {\\r\\n padding: 60px 20px;\\r\\n background: #000; \\\/* Black background *\\\/\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .section-header {\\r\\n margin-bottom: 40px;\\r\\n }\\r\\n\\r\\n \\\/* Bordered Heading *\\\/\\r\\n .bordered-heading {\\r\\n display: inline-block;\\r\\n padding: 12px 25px;\\r\\n border: 2px solid #ff6600;\\r\\n border-radius: 8px;\\r\\n font-size: 2rem;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n margin-bottom: 15px;\\r\\n }\\r\\n\\r\\n .section-subtitle {\\r\\n font-size: 1rem;\\r\\n color: #ccc;\\r\\n max-width: 700px;\\r\\n margin: 0 auto;\\r\\n }\\r\\n\\r\\n \\\/* Process Grid *\\\/\\r\\n .process-grid {\\r\\n display: flex;\\r\\n justify-content: space-between;\\r\\n align-items: flex-start;\\r\\n gap: 30px;\\r\\n position: relative;\\r\\n margin-top: 40px;\\r\\n flex-wrap: wrap;\\r\\n }\\r\\n\\r\\n \\\/* Orange connecting line *\\\/\\r\\n .process-grid::before {\\r\\n content: \\\"\\\";\\r\\n position: absolute;\\r\\n top: 25px;\\r\\n left: 50px;\\r\\n right: 50px;\\r\\n height: 3px;\\r\\n background: #ff6600;\\r\\n z-index: 0;\\r\\n }\\r\\n\\r\\n \\\/* Process Step *\\\/\\r\\n .process-step {\\r\\n background: #111;\\r\\n padding: 30px 20px;\\r\\n border-radius: 12px;\\r\\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\r\\n border: 1px solid transparent;\\r\\n transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;\\r\\n color: #fff;\\r\\n text-align: center;\\r\\n flex: 1;\\r\\n min-width: 250px;\\r\\n position: relative;\\r\\n z-index: 1;\\r\\n }\\r\\n\\r\\n .process-step:hover {\\r\\n transform: translateY(-8px);\\r\\n box-shadow: 0 10px 25px rgba(255, 102, 0, 0.6);\\r\\n border: 1px solid #ff6600;\\r\\n }\\r\\n\\r\\n \\\/* Step Number *\\\/\\r\\n .step-number {\\r\\n width: 50px;\\r\\n height: 50px;\\r\\n margin: 0 auto 15px auto;\\r\\n background: #ff6600;\\r\\n color: #fff;\\r\\n font-size: 1.2rem;\\r\\n font-weight: bold;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n border-radius: 50%;\\r\\n box-shadow: 0 0 15px rgba(255, 102, 0, 0.7);\\r\\n position: relative;\\r\\n z-index: 2;\\r\\n }\\r\\n\\r\\n \\\/* Step Title *\\\/\\r\\n .process-step h3 {\\r\\n font-size: 1.2rem;\\r\\n margin-bottom: 10px;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n }\\r\\n\\r\\n \\\/* Step Text *\\\/\\r\\n .process-step p {\\r\\n font-size: 0.95rem;\\r\\n color: #ddd;\\r\\n line-height: 1.6;\\r\\n }\\r\\n\\r\\n \\\/* Highlight *\\\/\\r\\n .highlight {\\r\\n color: #ff6600;\\r\\n }\\r\\n\\r\\n \\\/* Responsive: stack vertically *\\\/\\r\\n @media (max-width: 768px) {\\r\\n .process-grid {\\r\\n flex-direction: column;\\r\\n align-items: center;\\r\\n }\\r\\n\\r\\n .process-grid::before {\\r\\n width: 3px;\\r\\n height: calc(100% - 50px);\\r\\n left: 50%;\\r\\n top: 50px;\\r\\n right: auto;\\r\\n }\\r\\n\\r\\n .process-step {\\r\\n max-width: 350px;\\r\\n }\\r\\n }\\r\\n<\\\/style>\\r\\n\\r\\n<section class=\\\"section\\\" id=\\\"rates\\\">\\r\\n <div class=\\\"container\\\">\\r\\n <div class=\\\"section-header\\\">\\r\\n <h2 class=\\\"section-title bordered-heading\\\">\\r\\n Today's <span class=\\\"highlight\\\">Competitive Scrap Rates<\\\/span>\\r\\n <\\\/h2>\\r\\n <p class=\\\"section-subtitle\\\">\\r\\n Our prices are updated daily to ensure you get the best value.\\r\\n <span style=\\\"color: var(--accent, #ff6600); font-weight: 700;\\\">\\r\\n Last updated: <span id=\\\"current-date\\\"><\\\/span>\\r\\n <\\\/span>\\r\\n <\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <div class=\\\"rates-container\\\">\\r\\n <table class=\\\"rates-table\\\" id=\\\"highlighted-rates\\\">\\r\\n <thead>\\r\\n <tr>\\r\\n <th>Scrap Material<\\\/th>\\r\\n <th>Current Rate (\\u20b9\\\/Kg)<\\\/th>\\r\\n <\\\/tr>\\r\\n <\\\/thead>\\r\\n <tbody>\\r\\n \\r\\n <\\\/tbody>\\r\\n <\\\/table>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <div style=\\\"margin-top: 25px;\\\">\\r\\n <a href=\\\"https:\\\/\\\/scrapwaalii.com\\\/paper\\\/\\\" class=\\\"btn-view-all\\\">View All Scrap Rates \\u2192<\\\/a>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n<script>\\r\\n document.addEventListener(\\\"DOMContentLoaded\\\", function () {\\r\\n \\\/\\\/ Date auto-update\\r\\n const dateElement = document.getElementById(\\\"current-date\\\");\\r\\n const today = new Date();\\r\\n dateElement.textContent = today.toLocaleDateString(\\\"en-IN\\\", {\\r\\n day: \\\"numeric\\\",\\r\\n month: \\\"long\\\",\\r\\n year: \\\"numeric\\\"\\r\\n });\\r\\n\\r\\n \\\/\\\/ Full scrap list\\r\\n const allRates = [\\r\\n { material: \\\"\\ud83d\\udcf0 Newspaper\\\", rate: \\\"\\u20b912-15\\\" },\\r\\n { material: \\\"\\u2699\\ufe0f Iron\\\/Steel\\\", rate: \\\"\\u20b925-30\\\" },\\r\\n { material: \\\"\\ud83e\\udd64 Plastic\\\", rate: \\\"\\u20b915-25\\\" },\\r\\n { material: \\\"\\ud83d\\udd0c Copper\\\", rate: \\\"\\u20b9450-550\\\" },\\r\\n { material: \\\"\\ud83d\\udd29 Aluminium\\\", rate: \\\"\\u20b980-100\\\" },\\r\\n { material: \\\"\\ud83c\\udffa Brass\\\", rate: \\\"\\u20b9300-350\\\" },\\r\\n { material: \\\"\\ud83d\\udcbb E-Waste\\\", rate: \\\"\\u20b940-120\\\" },\\r\\n { material: \\\"\\ud83d\\udd0b Lead Batteries\\\", rate: \\\"\\u20b960-150\\\" }\\r\\n ];\\r\\n\\r\\n \\\/\\\/ Shuffle and pick 5 random\\r\\n const shuffled = allRates.sort(() => 0.5 - Math.random());\\r\\n const selected = shuffled.slice(0, 5);\\r\\n\\r\\n \\\/\\\/ Insert into table\\r\\n const tbody = document.querySelector(\\\"#highlighted-rates tbody\\\");\\r\\n selected.forEach(item => {\\r\\n const row = document.createElement(\\\"tr\\\");\\r\\n row.innerHTML = `<td>${item.material}<\\\/td><td class=\\\"price\\\">${item.rate}<\\\/td>`;\\r\\n tbody.appendChild(row);\\r\\n });\\r\\n });\\r\\n<\\\/script>\\r\\n\\r\\n<style>\\r\\n .btn-view-all {\\r\\n display: inline-block;\\r\\n padding: 12px 25px;\\r\\n background: #ff6600;\\r\\n color: #fff;\\r\\n border-radius: 6px;\\r\\n font-weight: bold;\\r\\n text-decoration: none;\\r\\n transition: 0.3s;\\r\\n }\\r\\n .btn-view-all:hover {\\r\\n background: #ff8533;\\r\\n }\\r\\n .price {\\r\\n font-weight: bold;\\r\\n color: #ff6600;\\r\\n }\\r\\n<\\\/style>\\r\\n\\r\\n\\r\\n \\r\\n\\r\\n<section class=\\\"section\\\" id=\\\"areas\\\">\\r\\n <div class=\\\"container\\\">\\r\\n \\r\\n <div class=\\\"section-header\\\">\\r\\n <h2 class=\\\"section-title bordered-heading\\\">\\r\\n Our <span class=\\\"highlight\\\">Service Areas<\\\/span>\\r\\n <\\\/h2>\\r\\n <p class=\\\"section-subtitle\\\">\\r\\n We provide comprehensive scrap pickup services across these major cities with expansion plans for additional locations.\\r\\n <\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <div class=\\\"areas-grid\\\" id=\\\"areasGrid\\\">\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfd9\\ufe0f<\\\/span> Delhi<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfe2<\\\/span> Gurugram<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfd8\\ufe0f<\\\/span> Noida<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfe0<\\\/span> Ghaziabad<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfed<\\\/span> Faridabad<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udff0<\\\/span> Jaipur<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfef<\\\/span> Lucknow<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udf06<\\\/span> Chandigarh<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfd9\\ufe0f<\\\/span> Greater Noida<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfd8\\ufe0f<\\\/span> Sonipat<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfed<\\\/span> Meerut<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfe0<\\\/span> Panipat<\\\/div>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <svg class=\\\"area-lines\\\" xmlns=\\\"http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\\"><\\\/svg>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n<style>\\r\\n#areas {\\r\\n padding: 60px 20px;\\r\\n background: #000;\\r\\n text-align: center;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n.section-header { margin-bottom: 40px; }\\r\\n\\r\\n.bordered-heading {\\r\\n display: inline-block;\\r\\n padding: 12px 25px;\\r\\n border: 2px solid #ff6600;\\r\\n border-radius: 8px;\\r\\n font-size: 2rem;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n margin-bottom: 15px;\\r\\n}\\r\\n\\r\\n.highlight { color: #ff6600; }\\r\\n\\r\\n.section-subtitle {\\r\\n font-size: 1rem;\\r\\n color: #ccc;\\r\\n max-width: 750px;\\r\\n margin: 0 auto;\\r\\n}\\r\\n\\r\\n.areas-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\\r\\n gap: 25px;\\r\\n margin-top: 40px;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n.area-card {\\r\\n background: #111;\\r\\n color: #fff;\\r\\n padding: 25px 15px;\\r\\n border-radius: 12px;\\r\\n font-weight: 600;\\r\\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\r\\n border: 1px solid transparent;\\r\\n transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;\\r\\n cursor: default;\\r\\n font-size: 1rem;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n gap: 10px;\\r\\n position: relative;\\r\\n z-index: 1;\\r\\n}\\r\\n\\r\\n.area-card:hover {\\r\\n box-shadow: 0 10px 25px rgba(255, 102, 0, 0.6);\\r\\n border: 1px solid #ff6600;\\r\\n}\\r\\n\\r\\n.area-icon { font-size: 1.5rem; }\\r\\n\\r\\n\\\/* SVG lines style *\\\/\\r\\n.area-lines {\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: 0;\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n pointer-events: none;\\r\\n overflow: visible;\\r\\n}\\r\\n\\r\\n.draw-line {\\r\\n stroke-dasharray: 1000;\\r\\n stroke-dashoffset: 1000;\\r\\n animation: draw 1s forwards, glow 2s infinite alternate;\\r\\n stroke: #ff6600;\\r\\n stroke-width: 2;\\r\\n fill: none;\\r\\n opacity: 0.6;\\r\\n}\\r\\n\\r\\n@keyframes draw {\\r\\n to { stroke-dashoffset: 0; }\\r\\n}\\r\\n\\r\\n@keyframes glow {\\r\\n 0% { stroke: rgba(255,102,0,0.6); filter: drop-shadow(0 0 2px rgba(255,102,0,0.5)); }\\r\\n 50% { stroke: rgba(255,204,102,0.8); filter: drop-shadow(0 0 6px rgba(255,204,102,0.7)); }\\r\\n 100% { stroke: rgba(255,102,0,0.6); filter: drop-shadow(0 0 2px rgba(255,102,0,0.5)); }\\r\\n}\\r\\n\\r\\n@media (max-width: 768px) {\\r\\n .areas-grid {\\r\\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\\r\\n }\\r\\n .section-title { font-size: 1.8rem; }\\r\\n .section-subtitle { font-size: 0.95rem; }\\r\\n .area-card { font-size: 0.95rem; padding: 20px 10px; }\\r\\n}\\r\\n<\\\/style>\\r\\n\\r\\n<script>\\r\\ndocument.addEventListener(\\\"DOMContentLoaded\\\", function () {\\r\\n const cards = document.querySelectorAll(\\\".area-card\\\");\\r\\n const svg = document.querySelector(\\\".area-lines\\\");\\r\\n const svgNS = \\\"http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\\";\\r\\n\\r\\n \\\/\\\/ Draw connecting curved lines\\r\\n function drawLines() {\\r\\n svg.innerHTML = \\\"\\\";\\r\\n for (let i = 0; i < cards.length - 1; i++) {\\r\\n const start = cards[i].getBoundingClientRect();\\r\\n const end = cards[i+1].getBoundingClientRect();\\r\\n const offsetTop = window.scrollY || window.pageYOffset;\\r\\n\\r\\n const x1 = start.left + start.width\\\/2;\\r\\n const y1 = start.top + start.height\\\/2 + offsetTop;\\r\\n const x2 = end.left + end.width\\\/2;\\r\\n const y2 = end.top + end.height\\\/2 + offsetTop;\\r\\n\\r\\n const path = document.createElementNS(svgNS, \\\"path\\\");\\r\\n path.setAttribute(\\\"d\\\", `M${x1},${y1} C${(x1+x2)\\\/2},${y1-30} ${(x1+x2)\\\/2},${y2+30} ${x2},${y2}`);\\r\\n path.classList.add(\\\"draw-line\\\");\\r\\n svg.appendChild(path);\\r\\n }\\r\\n }\\r\\n\\r\\n window.addEventListener(\\\"resize\\\", drawLines);\\r\\n drawLines(); \\\/\\\/ initial draw\\r\\n});\\r\\n<\\\/script>\\r\\n\\r\\n \\r\\n<section class=\\\"section\\\" id=\\\"testimonials\\\">\\r\\n <div class=\\\"container\\\">\\r\\n \\r\\n <div class=\\\"section-header\\\">\\r\\n <h2 class=\\\"section-title bordered-heading\\\">\\r\\n Customer <span class=\\\"highlight\\\">Success Stories<\\\/span>\\r\\n <\\\/h2>\\r\\n <p class=\\\"section-subtitle\\\">\\r\\n Read authentic reviews from our satisfied customers who experienced our transparent and reliable service.\\r\\n <\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <div class=\\\"card-grid\\\">\\r\\n <div class=\\\"testimonial-card\\\">\\r\\n <div class=\\\"testimonial-content\\\">\\r\\n <div class=\\\"stars\\\">\\u2b50\\u2b50\\u2b50\\u2b50\\u2b50<\\\/div>\\r\\n <p>\\\"Outstanding service experience! The team arrived exactly on time, used transparent digital weighing, and paid instantly. Best rates compared to local dealers in South Delhi.\\\"<\\\/p>\\r\\n <\\\/div>\\r\\n <div class=\\\"testimonial-author\\\">\\r\\n <div class=\\\"author-avatar\\\">RK<\\\/div>\\r\\n <div class=\\\"author-info\\\">\\r\\n <div class=\\\"author-name\\\">Rajesh Kumar<\\\/div>\\r\\n <div class=\\\"author-location\\\">South Delhi<\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"testimonial-card\\\">\\r\\n <div class=\\\"testimonial-content\\\">\\r\\n <div class=\\\"stars\\\">\\u2b50\\u2b50\\u2b50\\u2b50\\u2b50<\\\/div>\\r\\n <p>\\\"Extremely professional and trustworthy team. As a senior citizen, I found their service incredibly convenient and reliable. They handled everything with complete transparency.\\\"<\\\/p>\\r\\n <\\\/div>\\r\\n <div class=\\\"testimonial-author\\\">\\r\\n <div class=\\\"author-avatar\\\">SP<\\\/div>\\r\\n <div class=\\\"author-info\\\">\\r\\n <div class=\\\"author-name\\\">Sunita Pathak<\\\/div>\\r\\n <div class=\\\"author-location\\\">Noida<\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"testimonial-card\\\">\\r\\n <div class=\\\"testimonial-content\\\">\\r\\n <div class=\\\"stars\\\">\\u2b50\\u2b50\\u2b50\\u2b50\\u2b50<\\\/div>\\r\\n <p>\\\"Perfect solution for corporate scrap management. They handled our office electronic waste professionally and provided proper certificates for data destruction. Excellent service!\\\"<\\\/p>\\r\\n <\\\/div>\\r\\n <div class=\\\"testimonial-author\\\">\\r\\n <div class=\\\"author-avatar\\\">AS<\\\/div>\\r\\n <div class=\\\"author-info\\\">\\r\\n <div class=\\\"author-name\\\">Anil Sharma<\\\/div>\\r\\n <div class=\\\"author-location\\\">Gurugram<\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n\\r\\n<style>\\r\\n #testimonials {\\r\\n padding: 60px 20px;\\r\\n background: #000;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .section-header {\\r\\n margin-bottom: 40px;\\r\\n }\\r\\n\\r\\n .bordered-heading {\\r\\n display: inline-block;\\r\\n padding: 12px 25px;\\r\\n border: 2px solid #ff6600;\\r\\n border-radius: 8px;\\r\\n font-size: 2rem;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n margin-bottom: 15px;\\r\\n }\\r\\n\\r\\n .highlight {\\r\\n color: #ff6600;\\r\\n }\\r\\n\\r\\n .section-subtitle {\\r\\n font-size: 1rem;\\r\\n color: #ccc;\\r\\n max-width: 750px;\\r\\n margin: 0 auto;\\r\\n }\\r\\n\\r\\n .card-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\\r\\n gap: 25px;\\r\\n margin-top: 40px;\\r\\n }\\r\\n\\r\\n .testimonial-card {\\r\\n background: #111;\\r\\n border-radius: 12px;\\r\\n padding: 25px 20px;\\r\\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\r\\n border: 1px solid transparent;\\r\\n transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;\\r\\n color: #fff;\\r\\n text-align: left;\\r\\n }\\r\\n\\r\\n .testimonial-card:hover {\\r\\n transform: translateY(-8px);\\r\\n box-shadow: 0 10px 25px rgba(255,102,0,0.6);\\r\\n border: 1px solid #ff6600;\\r\\n }\\r\\n\\r\\n .testimonial-content .stars {\\r\\n color: #ff6600;\\r\\n font-size: 1.2rem;\\r\\n margin-bottom: 1rem;\\r\\n }\\r\\n\\r\\n .testimonial-content p {\\r\\n font-style: italic;\\r\\n color: #ccc;\\r\\n line-height: 1.6;\\r\\n margin-bottom: 2rem;\\r\\n }\\r\\n\\r\\n .testimonial-author {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 1rem;\\r\\n }\\r\\n\\r\\n .author-avatar {\\r\\n width: 50px;\\r\\n height: 50px;\\r\\n background: linear-gradient(135deg, #ff6600, #ff8533);\\r\\n border-radius: 50%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-weight: 700;\\r\\n font-size: 1.2rem;\\r\\n color: #000;\\r\\n }\\r\\n\\r\\n .author-info .author-name {\\r\\n font-weight: 700;\\r\\n color: #fff;\\r\\n }\\r\\n\\r\\n .author-info .author-location {\\r\\n font-size: 0.9rem;\\r\\n color: #888;\\r\\n }\\r\\n\\r\\n @media (max-width: 768px) {\\r\\n .testimonial-card {\\r\\n padding: 20px 15px;\\r\\n }\\r\\n\\r\\n .section-title {\\r\\n font-size: 1.8rem;\\r\\n }\\r\\n\\r\\n .section-subtitle {\\r\\n font-size: 0.95rem;\\r\\n }\\r\\n }\\r\\n<\\\/style>\\r\\n\\r\\n \\r\\n<section class=\\\"section\\\" id=\\\"faq\\\">\\r\\n <div class=\\\"container\\\">\\r\\n <div class=\\\"section-header\\\">\\r\\n <h2 class=\\\"section-title bordered-heading\\\">\\r\\n Frequently <span class=\\\"highlight\\\">Asked Questions<\\\/span>\\r\\n <\\\/h2>\\r\\n <p class=\\\"section-subtitle\\\">\\r\\n Find comprehensive answers to common questions about our transparent scrap pickup service, pricing, and processes.\\r\\n <\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"faq-container\\\">\\r\\n <div class=\\\"faq-item\\\">\\r\\n <div class=\\\"faq-question\\\">\\r\\n <i class=\\\"fas fa-question-circle\\\"><\\\/i>\\r\\n <span>What is the minimum pickup amount required?<\\\/span>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-answer\\\">\\r\\n <p>We have a minimum pickup value of \\u20b9250 to ensure cost-effective service. You can combine different types of scrap materials to reach this minimum amount.<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-item\\\">\\r\\n <div class=\\\"faq-question\\\">\\r\\n <i class=\\\"fas fa-question-circle\\\"><\\\/i>\\r\\n <span>How do you determine fair pricing for materials?<\\\/span>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-answer\\\">\\r\\n <p>Our prices are based on current market rates and updated daily. We use certified digital scales in front of you for complete transparency and provide detailed rate calculations.<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-item\\\">\\r\\n <div class=\\\"faq-question\\\">\\r\\n <i class=\\\"fas fa-question-circle\\\"><\\\/i>\\r\\n <span>What payment methods are available?<\\\/span>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-answer\\\">\\r\\n <p>We provide immediate cash payment on-site. For larger amounts, we also offer secure UPI transfers and bank deposit options for your convenience.<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-item\\\">\\r\\n <div class=\\\"faq-question\\\">\\r\\n <i class=\\\"fas fa-question-circle\\\"><\\\/i>\\r\\n <span>Do you provide destruction certificates for sensitive materials?<\\\/span>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-answer\\\">\\r\\n <p>Yes, we provide certified destruction certificates for electronic waste containing sensitive data, following industry security standards and compliance requirements.<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-item\\\">\\r\\n <div class=\\\"faq-question\\\">\\r\\n <i class=\\\"fas fa-question-circle\\\"><\\\/i>\\r\\n <span>How quickly can you schedule a pickup?<\\\/span>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-answer\\\">\\r\\n <p>We typically schedule pickups within 24 hours of your request. Same-day service is available for urgent requests in most coverage areas across Delhi NCR.<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n\\r\\n<link rel=\\\"stylesheet\\\" href=\\\"https:\\\/\\\/cdnjs.cloudflare.com\\\/ajax\\\/libs\\\/font-awesome\\\/5.15.4\\\/css\\\/all.min.css\\\">\\r\\n\\r\\n\\r\\n<style>\\r\\n #faq {\\r\\n padding: 60px 20px;\\r\\n background: #000;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .section-header {\\r\\n margin-bottom: 40px;\\r\\n }\\r\\n\\r\\n .bordered-heading {\\r\\n display: inline-block;\\r\\n padding: 12px 25px;\\r\\n border: 2px solid #ff6600;\\r\\n border-radius: 8px;\\r\\n font-size: 2rem;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n margin-bottom: 15px;\\r\\n }\\r\\n\\r\\n .highlight {\\r\\n color: #ff6600;\\r\\n }\\r\\n\\r\\n .section-subtitle {\\r\\n font-size: 1rem;\\r\\n color: #ccc;\\r\\n max-width: 750px;\\r\\n margin: 0 auto;\\r\\n }\\r\\n\\r\\n .faq-container {\\r\\n margin-top: 40px;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n gap: 20px;\\r\\n }\\r\\n\\r\\n .faq-item {\\r\\n background: #111;\\r\\n border-radius: 12px;\\r\\n border-left: 5px solid #ff6600;\\r\\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\r\\n overflow: hidden;\\r\\n transition: box-shadow 0.3s ease, border-left 0.3s ease, transform 0.3s ease, filter 0.3s ease;\\r\\n color: #fff;\\r\\n text-align: left;\\r\\n padding: 20px 20px 20px 15px;\\r\\n }\\r\\n\\r\\n .faq-item:hover {\\r\\n box-shadow: 0 10px 25px rgba(255,102,0,0.6);\\r\\n border-left: 5px solid #ff8533;\\r\\n filter: drop-shadow(0 0 10px rgba(255,102,0,0.5));\\r\\n transform: translateY(-3px);\\r\\n }\\r\\n\\r\\n .faq-question {\\r\\n font-weight: 600;\\r\\n font-size: 1rem;\\r\\n margin-bottom: 10px;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 10px;\\r\\n color: #ff6600;\\r\\n transition: all 0.3s ease;\\r\\n }\\r\\n\\r\\n .faq-answer p {\\r\\n color: #ccc;\\r\\n font-size: 0.95rem;\\r\\n line-height: 1.6;\\r\\n margin: 0;\\r\\n }\\r\\n\\r\\n .faq-question i {\\r\\n font-size: 1.1rem;\\r\\n color: #ff6600;\\r\\n transition: transform 0.5s ease;\\r\\n }\\r\\n\\r\\n .faq-item:hover .faq-question i {\\r\\n transform: rotate(20deg) scale(1.2);\\r\\n }\\r\\n\\r\\n @media (max-width: 768px) {\\r\\n .faq-question {\\r\\n font-size: 0.95rem;\\r\\n }\\r\\n .faq-answer p {\\r\\n font-size: 0.9rem;\\r\\n }\\r\\n }\\r\\n<\\\/style>\\r\\n\\r\\n<footer class=\\\"footer\\\">\\r\\n <div class=\\\"container\\\">\\r\\n <div class=\\\"footer-grid\\\">\\r\\n <div class=\\\"footer-col\\\">\\r\\n <h3>About Scrapwaalii<\\\/h3>\\r\\n <p>Leading professional scrap collection service in Bhadra Tehsil since 2025. We revolutionize waste management with transparent pricing, eco-friendly practices, and exceptional customer service. customer service.<\\\/p>\\r\\n <div class=\\\"social-links\\\">\\r\\n <a href=\\\"#\\\" class=\\\"social-link\\\" aria-label=\\\"Facebook\\\"><i class=\\\"fab fa-facebook-f\\\"><\\\/i><\\\/a>\\r\\n <a href=\\\"#\\\" class=\\\"social-link\\\" aria-label=\\\"Instagram\\\"><i class=\\\"fab fa-instagram\\\"><\\\/i><\\\/a>\\r\\n <a href=\\\"#\\\" class=\\\"social-link\\\" aria-label=\\\"Twitter\\\"><i class=\\\"fab fa-twitter\\\"><\\\/i><\\\/a>\\r\\n <a href=\\\"#\\\" class=\\\"social-link\\\" aria-label=\\\"WhatsApp\\\"><i class=\\\"fab fa-whatsapp\\\"><\\\/i><\\\/a>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <div class=\\\"footer-col\\\">\\r\\n <h3>Quick Navigation<\\\/h3>\\r\\n <ul class=\\\"footer-links\\\">\\r\\n <li><a href=\\\"#services\\\">Our Services<\\\/a><\\\/li>\\r\\n <li><a href=\\\"#rates\\\">Current Rates<\\\/a><\\\/li>\\r\\n <li><a href=\\\"#areas\\\">Service Areas<\\\/a><\\\/li>\\r\\n <li><a href=\\\"#testimonials\\\">Customer Reviews<\\\/a><\\\/li>\\r\\n <li><a href=\\\"https:\\\/\\\/scrapwaalii.com\\\/en\\\/contact\\\/\\\">Contact Us<\\\/a><\\\/li>\\r\\n <li><a href=\\\"https:\\\/\\\/scrapwaalii.com\\\/en\\\/elementor-7009\\\/\\\">Privacy Policy<\\\/a><\\\/li>\\r\\n <\\\/ul>\\r\\n <\\\/div>\\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<div class=\\\"footer-col\\\">\\r\\n <h3>Follow Us<\\\/h3>\\r\\n <ul class=\\\"footer-links social-icons\\\">\\r\\n <li><a href=\\\"https:\\\/\\\/www.facebook.com\\\/YourPage\\\" target=\\\"_blank\\\"><i class=\\\"fab fa-facebook-f\\\"><\\\/i> Facebook<\\\/a><\\\/li>\\r\\n <li><a href=\\\"https:\\\/\\\/www.instagram.com\\\/YourPage\\\" target=\\\"_blank\\\"><i class=\\\"fab fa-instagram\\\"><\\\/i> Instagram<\\\/a><\\\/li>\\r\\n <li><a href=\\\"https:\\\/\\\/twitter.com\\\/YourPage\\\" target=\\\"_blank\\\"><i class=\\\"fab fa-twitter\\\"><\\\/i> Twitter<\\\/a><\\\/li>\\r\\n <li><a href=\\\"https:\\\/\\\/www.linkedin.com\\\/company\\\/YourPage\\\" target=\\\"_blank\\\"><i class=\\\"fab fa-linkedin-in\\\"><\\\/i> LinkedIn<\\\/a><\\\/li>\\r\\n <li><a href=\\\"https:\\\/\\\/www.youtube.com\\\/channel\\\/YourPage\\\" target=\\\"_blank\\\"><i class=\\\"fab fa-youtube\\\"><\\\/i> YouTube<\\\/a><\\\/li>\\r\\n <\\\/ul>\\r\\n<\\\/div>\\r\\n\\r\\n<style>\\r\\n.footer-links.social-icons li a {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 8px;\\r\\n color: #ccc;\\r\\n text-decoration: none;\\r\\n}\\r\\n.footer-links.social-icons li a:hover {\\r\\n color: #28a745; \\\/* hover green *\\\/\\r\\n}\\r\\n<\\\/style>\\r\\n\\r\\n <div class=\\\"footer-col\\\" id=\\\"contact\\\">\\r\\n <h3>Contact Information<\\\/h3>\\r\\n <ul class=\\\"contact-info\\\">\\r\\n <li><i class=\\\"fas fa-phone\\\"><\\\/i><a href=\\\"tel:7065424442\\\">9982040371<\\\/a><\\\/li>\\r\\n <li><i class=\\\"fas fa-envelope\\\"><\\\/i><a href=\\\"mailto:support@scrapwaalii.com\\\">support@scrapwaalii.com<\\\/a><\\\/li>\\r\\n <li><i class=\\\"fas fa-map-marker-alt\\\"><\\\/i>Bhadra (Rajasthan), India<\\\/li>\\r\\n <li><i class=\\\"fas fa-clock\\\"><\\\/i>Mon-Sat: 8:00 AM - 8:00 PM<\\\/li>\\r\\n <\\\/ul>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <div class=\\\"footer-bottom\\\">\\r\\n <p>\\r\\n © 2025 Scrapwaalii \\u00b7 All Rights Reserved \\u00b7 Designed & Developed by Ankit Suthar (IIT Ropar) |\\r\\n <a href=\\\"https:\\\/\\\/scrapwaalii.com\\\/en\\\/elementor-7009\\\/\\\">Privacy Policy<\\\/a> |\\r\\n <a href=\\\"https:\\\/\\\/scrapwaalii.com\\\/en\\\/terms-of-service\\\/\\\">Terms of Service<\\\/a> |\\r\\n \\r\\n <\\\/p>\\r\\n<\\\/div>\\r\\n\\r\\n <\\\/div>\\r\\n<\\\/footer>\\r\\n\\r\\n\\r\\n<style>\\r\\n.footer {\\r\\n background: #000;\\r\\n color: #ccc;\\r\\n padding: 60px 20px 30px;\\r\\n font-size: 0.95rem;\\r\\n line-height: 1.6;\\r\\n}\\r\\n.footer a {\\r\\n color: #ccc;\\r\\n text-decoration: none;\\r\\n transition: color 0.3s ease, transform 0.3s ease;\\r\\n}\\r\\n.footer a:hover {\\r\\n color: #ff6600;\\r\\n transform: translateY(-2px);\\r\\n}\\r\\n.footer-grid {\\r\\n display: flex;\\r\\n flex-wrap: wrap;\\r\\n gap: 30px;\\r\\n justify-content: space-between;\\r\\n}\\r\\n.footer-col {\\r\\n flex: 1 1 220px;\\r\\n min-width: 220px;\\r\\n}\\r\\n.footer-col h3 {\\r\\n font-size: 1.2rem;\\r\\n color: #fff;\\r\\n margin-bottom: 15px;\\r\\n border-left: 4px solid #ff6600;\\r\\n padding-left: 10px;\\r\\n}\\r\\n.footer-links,\\r\\n.contact-info {\\r\\n list-style: none;\\r\\n padding: 0;\\r\\n margin: 0;\\r\\n}\\r\\n.footer-links li,\\r\\n.contact-info li {\\r\\n margin-bottom: 10px;\\r\\n}\\r\\n.footer-links li a:hover {\\r\\n color: #ff8533;\\r\\n}\\r\\n.contact-info li i {\\r\\n margin-right: 10px;\\r\\n color: #ff6600;\\r\\n}\\r\\n.social-links {\\r\\n margin-top: 15px;\\r\\n display: flex;\\r\\n gap: 10px;\\r\\n}\\r\\n.social-link {\\r\\n width: 40px;\\r\\n height: 40px;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n background: #111;\\r\\n border-radius: 50%;\\r\\n color: #ff6600;\\r\\n font-size: 1.1rem;\\r\\n transition: all 0.3s ease;\\r\\n}\\r\\n.social-link:hover {\\r\\n background: #ff6600;\\r\\n color: #111;\\r\\n transform: scale(1.1);\\r\\n}\\r\\n.footer-bottom {\\r\\n text-align: center;\\r\\n margin-top: 40px;\\r\\n font-size: 0.85rem;\\r\\n border-top: 1px solid #333;\\r\\n padding-top: 15px;\\r\\n}\\r\\n.footer-bottom a:hover {\\r\\n color: #ff8533;\\r\\n}\\r\\n@media (max-width:768px) {\\r\\n .footer-grid {\\r\\n flex-direction: column;\\r\\n gap: 20px;\\r\\n }\\r\\n .footer-col h3 {\\r\\n font-size: 1rem;\\r\\n }\\r\\n}\\r\\n<\\\/style>\\r\\n\\r\\n\\r\\n<script>\\r\\ndocument.addEventListener('DOMContentLoaded', function() {\\r\\n \\\/\\\/ Smooth scrolling for footer links\\r\\n document.querySelectorAll('a[href^=\\\"#\\\"]').forEach(anchor => {\\r\\n anchor.addEventListener('click', function(e) {\\r\\n e.preventDefault();\\r\\n const target = document.querySelector(this.getAttribute('href'));\\r\\n if(target) target.scrollIntoView({behavior:'smooth', block:'start'});\\r\\n });\\r\\n });\\r\\n\\r\\n \\\/\\\/ Footer link hover interactions\\r\\n document.querySelectorAll('.footer a, .social-link').forEach(el=>{\\r\\n el.addEventListener('mouseenter',()=>el.style.transform='translateY(-2px) scale(1.05)');\\r\\n el.addEventListener('mouseleave',()=>el.style.transform='translateY(0) scale(1)');\\r\\n });\\r\\n});\\r\\n<\\\/script>\\r\\n\\r\\n<script defer src=\\\"https:\\\/\\\/static.getbutton.io\\\/widget\\\/bundle.js?id=LM2my\\\" ><\\\/script>\\r\\n \\r\\n<\\\/body>\\r\\n<\\\/html>\\t\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t<\\\/div>\\n\\t\\t\",\"scripts\":[],\"styles\":[]}}"]},"_links":{"self":[{"href":"https:\/\/scrapwaalii.com\/en\/wp-json\/wp\/v2\/pages\/4980","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scrapwaalii.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scrapwaalii.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scrapwaalii.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/scrapwaalii.com\/en\/wp-json\/wp\/v2\/comments?post=4980"}],"version-history":[{"count":964,"href":"https:\/\/scrapwaalii.com\/en\/wp-json\/wp\/v2\/pages\/4980\/revisions"}],"predecessor-version":[{"id":7075,"href":"https:\/\/scrapwaalii.com\/en\/wp-json\/wp\/v2\/pages\/4980\/revisions\/7075"}],"wp:attachment":[{"href":"https:\/\/scrapwaalii.com\/en\/wp-json\/wp\/v2\/media?parent=4980"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Scrapwaalii | Top Scrap Buyer in Bhadra | Best Prices for Scrap<\/title>\r\n <meta name=\"description\" content=\"Get highest prices for your scrap with free doorstep pickup in Bhadra . Instant cash payment, certified recycling, and professional service. Book now!\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n :root {\r\n --primary: #0a0f1c;\r\n --primary-light: #1a2332;\r\n --primary-dark: #050914;\r\n --accent: #00ff87;\r\n --accent-dark: #00d46e;\r\n --accent-light: #66ffb3;\r\n --secondary: #ff6b35;\r\n --success: #10b981;\r\n --warning: #f59e0b;\r\n --error: #ef4444;\r\n --text-white: #ffffff;\r\n --text-light: #e2e8f0;\r\n --text-gray: #94a3b8;\r\n --text-dark: #334155;\r\n --bg-dark: #030711;\r\n --bg-section: #0f172a;\r\n --bg-card: rgba(26, 35, 50, 0.9);\r\n --bg-glass: rgba(255, 255, 255, 0.03);\r\n --border-color: rgba(0, 255, 135, 0.15);\r\n --shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4);\r\n --shadow-lg: 0 25px 50px rgba(0, 255, 135, 0.2);\r\n --shadow-glow: 0 0 30px rgba(0, 255, 135, 0.3);\r\n --gradient-primary: linear-gradient(135deg, #0a0f1c 0%, #1a2332 100%);\r\n --gradient-accent: linear-gradient(135deg, #00ff87 0%, #00d46e 100%);\r\n --gradient-hero: radial-gradient(ellipse at center, #1a2332 0%, #0a0f1c 50%, #030711 100%);\r\n --gradient-card: linear-gradient(145deg, rgba(26, 35, 50, 0.8) 0%, rgba(15, 23, 42, 0.9) 100%);\r\n --blur-effect: blur(20px);\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background: var(--bg-dark);\r\n color: var(--text-white);\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n scroll-behavior: smooth;\r\n opacity: 1;\r\n }\r\n\r\n \/* Floating Navigation *\/\r\n .floating-nav {\r\n position: fixed;\r\n top: 20px;\r\n right: 20px;\r\n z-index: 1000;\r\n display: flex;\r\n gap: 10px;\r\n flex-direction: column;\r\n }\r\n\r\n .nav-item {\r\n width: 50px;\r\n height: 50px;\r\n background: var(--bg-card);\r\n backdrop-filter: var(--blur-effect);\r\n border: 1px solid var(--border-color);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--text-gray);\r\n text-decoration: none;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n font-size: 1.2rem;\r\n }\r\n\r\n .nav-item:hover {\r\n background: var(--gradient-accent);\r\n color: white;\r\n transform: scale(1.1);\r\n box-shadow: var(--shadow-glow);\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 1.5rem;\r\n }\r\n\r\n \/* Hero Section with Advanced Animations *\/\r\n .hero {\r\n min-height: 100vh;\r\n background: var(--gradient-hero);\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n overflow: hidden;\r\n padding: 2rem 0;\r\n }\r\n\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: \r\n radial-gradient(circle at 20% 80%, rgba(0, 255, 135, 0.15) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 20%, rgba(0, 255, 135, 0.1) 0%, transparent 50%),\r\n radial-gradient(circle at 40% 40%, rgba(255, 107, 53, 0.08) 0%, transparent 50%);\r\n animation: aurora 8s ease-in-out infinite alternate;\r\n }\r\n\r\n @keyframes aurora {\r\n 0% { opacity: 0.7; }\r\n 100% { opacity: 1; }\r\n }\r\n\r\n .hero-particles {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n z-index: 1;\r\n }\r\n\r\n .particle {\r\n position: absolute;\r\n width: 4px;\r\n height: 4px;\r\n background: var(--accent);\r\n border-radius: 50%;\r\n animation: float 6s ease-in-out infinite;\r\n opacity: 0.6;\r\n }\r\n\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\r\n 50% { transform: translateY(-20px) rotate(180deg); }\r\n }\r\n\r\n .hero-content {\r\n text-align: center;\r\n position: relative;\r\n z-index: 2;\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n padding: 0.8rem 2rem;\r\n background: var(--bg-card);\r\n backdrop-filter: var(--blur-effect);\r\n border-radius: 50px;\r\n font-weight: 600;\r\n margin-bottom: 1.5rem;\r\n border: 1px solid var(--border-color);\r\n color: var(--accent);\r\n animation: pulse 2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { box-shadow: 0 0 0 0 rgba(0, 255, 135, 0.4); }\r\n 50% { box-shadow: 0 0 0 10px rgba(0, 255, 135, 0); }\r\n }\r\n\r\n .hero-title {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-size: clamp(2.5rem, 6vw, 4.5rem);\r\n font-weight: 900;\r\n margin-bottom: 1.5rem;\r\n line-height: 1.1;\r\n letter-spacing: -0.02em;\r\n color: #ffffff;\r\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.7), 0 2px 10px rgba(0, 0, 0, 0.5);\r\n filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.3));\r\n }\r\n\r\n .hero-title .highlight {\r\n background: var(--gradient-accent);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n position: relative;\r\n font-weight: 900;\r\n text-shadow: none;\r\n filter: drop-shadow(0 0 20px rgba(0, 255, 135, 0.8));\r\n }\r\n\r\n .hero-title .highlight::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -5px;\r\n left: 0;\r\n width: 100%;\r\n height: 4px;\r\n background: var(--gradient-accent);\r\n border-radius: 2px;\r\n animation: underlineGlow 2s ease-in-out infinite alternate;\r\n box-shadow: 0 0 15px rgba(0, 255, 135, 0.6);\r\n }\r\n\r\n @keyframes underlineGlow {\r\n 0% { \r\n box-shadow: 0 0 8px rgba(0, 255, 135, 0.6);\r\n transform: scaleX(1);\r\n }\r\n 100% { \r\n box-shadow: 0 0 25px rgba(0, 255, 135, 0.9);\r\n transform: scaleX(1.05);\r\n }\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: clamp(1.1rem, 2.5vw, 1.3rem);\r\n font-weight: 400;\r\n opacity: 0.9;\r\n margin-bottom: 2.5rem;\r\n max-width: 700px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n color: var(--text-light);\r\n }\r\n\r\n .cta-buttons {\r\n display: flex;\r\n gap: 1rem;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n margin-bottom: 3rem;\r\n }\r\n\r\n .btn {\r\n padding: 1rem 2rem;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: 1rem;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n border: none;\r\n cursor: pointer;\r\n position: relative;\r\n overflow: hidden;\r\n min-width: 180px;\r\n justify-content: center;\r\n }\r\n\r\n .btn::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n transition: left 0.5s;\r\n }\r\n\r\n .btn:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--gradient-accent);\r\n color: var(--bg-dark);\r\n box-shadow: 0 10px 30px rgba(0, 255, 135, 0.3);\r\n font-weight: 700;\r\n }\r\n\r\n .btn-primary:hover {\r\n transform: translateY(-3px) scale(1.02);\r\n box-shadow: 0 15px 40px rgba(0, 255, 135, 0.4);\r\n }\r\n\r\n .btn-secondary {\r\n background: transparent;\r\n color: var(--text-white);\r\n border: 2px solid var(--border-color);\r\n backdrop-filter: var(--blur-effect);\r\n }\r\n\r\n .btn-secondary:hover {\r\n background: var(--bg-card);\r\n border-color: var(--accent);\r\n color: var(--accent);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .hero-features {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 1.5rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .feature-card {\r\n background: var(--gradient-card);\r\n backdrop-filter: var(--blur-effect);\r\n padding: 2rem 1.5rem;\r\n border-radius: 20px;\r\n text-align: center;\r\n border: 1px solid var(--border-color);\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n overflow: hidden;\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .feature-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(0, 255, 135, 0.1), transparent);\r\n transition: left 0.6s ease;\r\n }\r\n\r\n .feature-card:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .feature-card:hover {\r\n transform: translateY(-10px) scale(1.02);\r\n border-color: var(--accent);\r\n box-shadow: var(--shadow-lg);\r\n }\r\n\r\n .feature-icon {\r\n width: 70px;\r\n height: 70px;\r\n background: var(--gradient-accent);\r\n border-radius: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 1.5rem;\r\n font-size: 1.8rem;\r\n color: var(--bg-dark);\r\n box-shadow: 0 10px 25px rgba(0, 255, 135, 0.3);\r\n }\r\n\r\n .feature-card h3 {\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n margin-bottom: 1rem;\r\n color: var(--text-white);\r\n }\r\n\r\n .feature-card p {\r\n font-size: 1rem;\r\n color: var(--text-gray);\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Enhanced Section Styling - Reduced spacing *\/\r\n .section {\r\n padding: 3rem 0;\r\n position: relative;\r\n background: var(--bg-section);\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .section:nth-child(even) {\r\n background: var(--primary);\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 2.5rem;\r\n max-width: 700px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .section-title {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-size: clamp(2rem, 5vw, 3.5rem);\r\n font-weight: 900;\r\n margin-bottom: 1rem;\r\n color: #ffffff;\r\n letter-spacing: -0.02em;\r\n position: relative;\r\n text-shadow: 0 4px 15px rgba(0, 0, 0, 0.6), 0 2px 8px rgba(0, 0, 0, 0.4);\r\n filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.2));\r\n }\r\n\r\n .section-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -10px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 60px;\r\n height: 4px;\r\n background: var(--gradient-accent);\r\n border-radius: 2px;\r\n box-shadow: 0 0 15px rgba(0, 255, 135, 0.6);\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 1.1rem;\r\n color: var(--text-gray);\r\n line-height: 1.7;\r\n font-weight: 400;\r\n }\r\n\r\n \/* Enhanced Card Grids *\/\r\n .card-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n gap: 1.5rem;\r\n }\r\n\r\n .enhanced-card {\r\n background: var(--gradient-card);\r\n backdrop-filter: var(--blur-effect);\r\n padding: 2rem;\r\n border-radius: 20px;\r\n text-align: center;\r\n border: 1px solid var(--border-color);\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n overflow: hidden;\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .enhanced-card::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: var(--gradient-accent);\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n z-index: -1;\r\n }\r\n\r\n .enhanced-card:hover::after {\r\n opacity: 0.05;\r\n }\r\n\r\n .enhanced-card:hover {\r\n transform: translateY(-8px);\r\n border-color: var(--accent);\r\n box-shadow: var(--shadow-lg);\r\n }\r\n\r\n .card-icon {\r\n width: 70px;\r\n height: 70px;\r\n background: var(--gradient-accent);\r\n border-radius: 18px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 1.5rem;\r\n font-size: 1.8rem;\r\n color: var(--bg-dark);\r\n box-shadow: 0 10px 25px rgba(0, 255, 135, 0.3);\r\n }\r\n\r\n .enhanced-card h3 {\r\n font-size: 1.4rem;\r\n font-weight: 800;\r\n margin-bottom: 1rem;\r\n color: var(--text-white);\r\n }\r\n\r\n .enhanced-card p {\r\n color: var(--text-gray);\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* Process Steps with Connected Lines *\/\r\n .process-container {\r\n position: relative;\r\n }\r\n\r\n .process-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 1.5rem;\r\n position: relative;\r\n }\r\n\r\n .process-step {\r\n background: var(--gradient-card);\r\n backdrop-filter: var(--blur-effect);\r\n padding: 2rem;\r\n border-radius: 20px;\r\n text-align: center;\r\n border: 1px solid var(--border-color);\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .process-step:hover {\r\n transform: translateY(-8px);\r\n border-color: var(--accent);\r\n box-shadow: var(--shadow-lg);\r\n }\r\n\r\n .step-number {\r\n width: 60px;\r\n height: 60px;\r\n background: var(--gradient-accent);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 1.5rem;\r\n font-size: 1.5rem;\r\n font-weight: 800;\r\n color: var(--bg-dark);\r\n box-shadow: 0 10px 25px rgba(0, 255, 135, 0.3);\r\n }\r\n\r\n \/* Enhanced Rates Table *\/\r\n .rates-container {\r\n background: var(--gradient-card);\r\n backdrop-filter: var(--blur-effect);\r\n border-radius: 20px;\r\n padding: 2rem;\r\n border: 1px solid var(--border-color);\r\n overflow: hidden;\r\n position: relative;\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .rates-container::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: var(--gradient-accent);\r\n }\r\n\r\n .rates-table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n }\r\n\r\n .rates-table th,\r\n .rates-table td {\r\n padding: 1rem 0.8rem;\r\n text-align: left;\r\n border-bottom: 1px solid var(--border-color);\r\n }\r\n\r\n .rates-table th {\r\n background: rgba(0, 255, 135, 0.1);\r\n color: var(--accent);\r\n font-weight: 700;\r\n font-size: 1rem;\r\n }\r\n\r\n .rates-table td {\r\n color: var(--text-light);\r\n font-weight: 500;\r\n }\r\n\r\n .rates-table .price {\r\n color: var(--accent);\r\n font-weight: 700;\r\n font-size: 1rem;\r\n }\r\n\r\n .rates-table tbody tr {\r\n transition: background 0.3s ease;\r\n }\r\n\r\n .rates-table tbody tr:hover {\r\n background: rgba(0, 255, 135, 0.05);\r\n }\r\n\r\n \/* Enhanced Areas Grid *\/\r\n .areas-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\r\n gap: 1rem;\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .area-card {\r\n background: var(--bg-card);\r\n backdrop-filter: var(--blur-effect);\r\n padding: 1.2rem 1rem;\r\n border-radius: 14px;\r\n text-align: center;\r\n border: 1px solid var(--border-color);\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n font-weight: 600;\r\n color: var(--text-light);\r\n cursor: pointer;\r\n }\r\n\r\n .area-card:hover {\r\n background: var(--gradient-accent);\r\n color: var(--bg-dark);\r\n transform: translateY(-5px) scale(1.02);\r\n box-shadow: var(--shadow-lg);\r\n }\r\n\r\n \/* Enhanced FAQ *\/\r\n .faq-container {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n }\r\n\r\n .faq-item {\r\n background: var(--gradient-card);\r\n backdrop-filter: var(--blur-effect);\r\n margin-bottom: 1rem;\r\n border-radius: 14px;\r\n border: 1px solid var(--border-color);\r\n overflow: hidden;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .faq-item:hover {\r\n border-color: var(--accent);\r\n }\r\n\r\n .faq-question {\r\n padding: 1.2rem 1.5rem;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-weight: 600;\r\n color: var(--text-white);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .faq-question:hover {\r\n color: var(--accent);\r\n }\r\n\r\n .faq-answer {\r\n padding: 0 1.5rem;\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n color: var(--text-gray);\r\n }\r\n\r\n .faq-item.active .faq-answer {\r\n padding: 0 1.5rem 1.2rem;\r\n max-height: 200px;\r\n }\r\n\r\n .faq-item.active .faq-question i {\r\n transform: rotate(180deg);\r\n color: var(--accent);\r\n }\r\n\r\n \/* Enhanced Footer *\/\r\n .footer {\r\n background: var(--bg-dark);\r\n padding: 3rem 0 2rem;\r\n border-top: 1px solid var(--border-color);\r\n position: relative;\r\n }\r\n\r\n .footer::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 2px;\r\n background: var(--gradient-accent);\r\n }\r\n\r\n .footer-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 2rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .footer-col h3 {\r\n color: var(--accent);\r\n margin-bottom: 1.2rem;\r\n font-size: 1.2rem;\r\n font-weight: 800;\r\n }\r\n\r\n .footer-links {\r\n list-style: none;\r\n }\r\n\r\n .footer-links li {\r\n margin-bottom: 0.7rem;\r\n }\r\n\r\n .footer-links a {\r\n color: var(--text-gray);\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .footer-links a:hover {\r\n color: var(--accent);\r\n }\r\n\r\n .contact-info {\r\n list-style: none;\r\n }\r\n\r\n .contact-info li {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n margin-bottom: 0.8rem;\r\n color: var(--text-gray);\r\n }\r\n\r\n .contact-info i {\r\n color: var(--accent);\r\n width: 20px;\r\n }\r\n\r\n .social-links {\r\n display: flex;\r\n gap: 0.8rem;\r\n margin-top: 1.2rem;\r\n }\r\n\r\n .social-link {\r\n width: 40px;\r\n height: 40px;\r\n background: var(--bg-card);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--text-gray);\r\n text-decoration: none;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n border: 1px solid var(--border-color);\r\n }\r\n\r\n .social-link:hover {\r\n background: var(--gradient-accent);\r\n color: var(--bg-dark);\r\n transform: translateY(-3px);\r\n border-color: var(--accent);\r\n }\r\n\r\n .footer-bottom {\r\n text-align: center;\r\n padding-top: 2rem;\r\n border-top: 1px solid var(--border-color);\r\n color: var(--text-gray);\r\n }\r\n\r\n \/* Mobile Optimizations *\/\r\n @media (max-width: 768px) {\r\n .container {\r\n padding: 0 1rem;\r\n }\r\n\r\n .floating-nav {\r\n display: none;\r\n }\r\n\r\n .hero {\r\n padding: 2rem 0;\r\n text-align: center;\r\n }\r\n\r\n .hero-title {\r\n font-size: clamp(2rem, 8vw, 3rem);\r\n }\r\n\r\n .cta-buttons {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .btn {\r\n width: 100%;\r\n max-width: 280px;\r\n }\r\n\r\n .hero-features {\r\n grid-template-columns: 1fr;\r\n gap: 1rem;\r\n }\r\n\r\n .card-grid {\r\n grid-template-columns: 1fr;\r\n gap: 1.2rem;\r\n }\r\n\r\n .process-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .areas-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .rates-container {\r\n overflow-x: auto;\r\n padding: 1.2rem;\r\n }\r\n\r\n .rates-table {\r\n min-width: 500px;\r\n }\r\n\r\n .footer-grid {\r\n grid-template-columns: 1fr;\r\n text-align: center;\r\n }\r\n\r\n .feature-card,\r\n .enhanced-card,\r\n .process-step {\r\n padding: 1.5rem 1.2rem;\r\n }\r\n\r\n .section {\r\n padding: 2.5rem 0;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .container {\r\n padding: 0 0.8rem;\r\n }\r\n\r\n .areas-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .hero-badge {\r\n font-size: 0.9rem;\r\n padding: 0.6rem 1.5rem;\r\n }\r\n\r\n .btn {\r\n padding: 1rem 1.2rem;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .feature-icon,\r\n .card-icon {\r\n width: 60px;\r\n height: 60px;\r\n font-size: 1.5rem;\r\n }\r\n\r\n .step-number {\r\n width: 50px;\r\n height: 50px;\r\n font-size: 1.3rem;\r\n }\r\n \r\n .section-header {\r\n margin-bottom: 2rem;\r\n }\r\n }\r\n\r\n \/* Accessibility improvements *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n * {\r\n animation-duration: 0.01ms !important;\r\n animation-iteration-count: 1 !important;\r\n transition-duration: 0.01ms !important;\r\n }\r\n }\r\n\r\n .sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n margin: -1px;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n white-space: nowrap;\r\n border: 0;\r\n }\r\n\r\n \/* Custom scrollbar *\/\r\n ::-webkit-scrollbar {\r\n width: 8px;\r\n }\r\n\r\n ::-webkit-scrollbar-track {\r\n background: var(--bg-dark);\r\n }\r\n\r\n ::-webkit-scrollbar-thumb {\r\n background: var(--gradient-accent);\r\n border-radius: 4px;\r\n }\r\n\r\n \/* Improved hero title contrast *\/\r\n .hero-title {\r\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.9), 0 2px 10px rgba(0, 0, 0, 0.7);\r\n }\r\n \r\n \/* Make all headings bolder *\/\r\n h1, h2, h3, h4, h5, h6 {\r\n font-weight: 800 !important;\r\n }\r\n \r\n .feature-card h3, .enhanced-card h3, .process-step h3 {\r\n font-weight: 800;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <div class=\"floating-nav\">\r\n <a href=\"tel:7065424442\" class=\"nav-item\" aria-label=\"Call us\">\r\n <i class=\"fas fa-phone\"><\/i>\r\n <\/a>\r\n <a href=\"https:\/\/scrapwaalii.com\/pickup-request\/\" class=\"nav-item\" aria-label=\"Book pickup\">\r\n <i class=\"fas fa-truck\"><\/i>\r\n <\/a>\r\n <a href=\"#rates\" class=\"nav-item\" aria-label=\"View rates\">\r\n <i class=\"fas fa-chart-line\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n<section class=\"hero\" style=\"background: #000; color: #fff; padding: 80px 20px;\">\r\n <div class=\"container\">\r\n <div class=\"hero-content\" style=\"text-align: center; max-width: 900px; margin: 0 auto;\">\r\n \r\n <div class=\"hero-badge\">\r\n <i class=\"fas fa-recycle\"><\/i>\r\n #1 Scrap Buyer in Rajasthan \r\n <\/div>\r\n\r\n \r\n <h1 class=\"hero-title\" style=\"font-size: 2.5rem; margin-bottom: 20px;\">\r\n Get <span class=\"highlight\">Top Prices<\/span> for Your Scrap with Free Pickup\r\n <\/h1>\r\n\r\n \r\n <p class=\"hero-subtitle\" style=\"font-size: 1.1rem; color: #ccc; margin-bottom: 30px;\">\r\n Instant cash payment, transparent weighing, and eco-friendly recycling across Rajasthan. \r\n Professional service you can trust with competitive market rates.\r\n <\/p>\r\n\r\n \r\n <div class=\"cta-buttons\" style=\"margin-bottom: 40px;\">\r\n <a href=\"tel:9982040371\" class=\"btn btn-call\">\r\n <i class=\"fas fa-phone\"><\/i>\r\n Call Now: 9982040371\r\n <\/a>\r\n <a href=\"https:\/\/scrapwaalii.com\/pickup-request\/\" class=\"btn btn-pickup\" style=\"margin-left: 10px;\">\r\n <i class=\"fas fa-truck\"><\/i>\r\n Book Free Pickup\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero-features\" style=\"display: flex; justify-content: space-around; flex-wrap: wrap; gap: 20px;\">\r\n <div class=\"feature-card\" style=\"background: #111; padding: 20px; border-radius: 12px; flex: 1; min-width: 200px; box-shadow: 0 6px 15px rgba(0,0,0,0.4);\">\r\n <div class=\"feature-icon\" style=\"margin-bottom: 10px;\">\r\n <i class=\"fas fa-money-bill-wave\"><\/i>\r\n <\/div>\r\n <h3 style=\"margin-bottom: 8px;\">Instant Payment<\/h3>\r\n <p style=\"color: #ccc; font-size: 0.95rem;\">Get paid immediately in cash or via digital transfer with complete transparency<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\" style=\"background: #111; padding: 20px; border-radius: 12px; flex: 1; min-width: 200px; box-shadow: 0 6px 15px rgba(0,0,0,0.4);\">\r\n <div class=\"feature-icon\" style=\"margin-bottom: 10px;\">\r\n <i class=\"fas fa-balance-scale\"><\/i>\r\n <\/div>\r\n <h3 style=\"margin-bottom: 8px;\">Transparent Weighing<\/h3>\r\n <p style=\"color: #ccc; font-size: 0.95rem;\">Digital scales used in front of you for complete transparency and fair pricing<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\" style=\"background: #111; padding: 20px; border-radius: 12px; flex: 1; min-width: 200px; box-shadow: 0 6px 15px rgba(0,0,0,0.4);\">\r\n <div class=\"feature-icon\" style=\"margin-bottom: 10px;\">\r\n <i class=\"fas fa-leaf\"><\/i>\r\n <\/div>\r\n <h3 style=\"margin-bottom: 8px;\">Eco-Friendly Process<\/h3>\r\n <p style=\"color: #ccc; font-size: 0.95rem;\">Certified recycling with proper environmental compliance and sustainability<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* Call Button (Orange) *\/\r\n.btn-call {\r\n background-color: #ff6600;\r\n border: none;\r\n color: #fff;\r\n padding: 12px 20px;\r\n border-radius: 6px;\r\n font-weight: bold;\r\n text-decoration: none;\r\n transition: 0.3s ease;\r\n}\r\n.btn-call:hover {\r\n background-color: #e65c00;\r\n}\r\n\r\n\/* Pickup Button (Green) *\/\r\n.btn-pickup {\r\n background-color: #28a745;\r\n border: none;\r\n color: #fff;\r\n padding: 12px 20px;\r\n border-radius: 6px;\r\n font-weight: bold;\r\n text-decoration: none;\r\n transition: 0.3s ease;\r\n}\r\n.btn-pickup:hover {\r\n background-color: #218838;\r\n}\r\n\r\n\/* Hero Badge Styling *\/\r\n.hero-badge {\r\n display: inline-block;\r\n background: #ff6600;\r\n color: #fff;\r\n padding: 8px 15px;\r\n border-radius: 20px;\r\n font-weight: bold;\r\n margin-bottom: 15px;\r\n font-size: 14px;\r\n}\r\n.hero-badge i {\r\n margin-right: 6px;\r\n}\r\n\r\n\/* Highlight Text *\/\r\n.highlight {\r\n color: #ff6600;\r\n font-weight: bold;\r\n}\r\n\r\n\/* Feature Icons *\/\r\n.feature-icon i {\r\n color: #ff6600;\r\n font-size: 28px;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n .hero-title { font-size: 2rem; }\r\n .hero-subtitle { font-size: 1rem; }\r\n .hero-features { flex-direction: column; gap: 15px; }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"tracking-cta-section\">\r\n <div class=\"tracking-cta-container\">\r\n <h2 class=\"tracking-cta-title\">\r\n <span class=\"white-text\">Check Your<\/span> \r\n <span class=\"orange-text\">Pickup Status<\/span>\r\n <\/h2>\r\n <p class=\"tracking-cta-subtitle\">Track your pickup in real-time by entering your Tracking ID.<\/p>\r\n\r\n <a href=\"https:\/\/scrapwaalii.com\/live-pickup-tracking\/\" class=\"tracking-cta-button\">Go to Live Pickup Tracking<\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.tracking-cta-section {\r\n background: #000;\r\n padding: 60px 20px;\r\n text-align: center;\r\n color: #fff;\r\n}\r\n\r\n.tracking-cta-title {\r\n font-size: 2.2rem;\r\n margin-bottom: 15px;\r\n font-weight: bold;\r\n}\r\n\r\n.white-text { color: #fff; }\r\n.orange-text { color: #ff7f00; }\r\n\r\n.tracking-cta-subtitle {\r\n font-size: 1.2rem;\r\n margin-bottom: 25px;\r\n color: #ccc;\r\n}\r\n\r\n.tracking-cta-button {\r\n display: inline-block;\r\n background: #ff7f00;\r\n color: #fff;\r\n font-weight: bold;\r\n padding: 14px 30px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n transition: 0.3s ease-in-out;\r\n}\r\n\r\n.tracking-cta-button:hover {\r\n background: #28a745;\r\n}\r\n<\/style>\r\n\r\n \r\n<section class=\"section\" id=\"trust\">\r\n <div class=\"container\">\r\n \r\n <div class=\"section-header\">\r\n <h2 class=\"section-title bordered-heading\">\r\n Why Choose <span class=\"highlight\">Scrapwaalii?<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle\">\r\n Experience the difference with our professional service, transparent process, \r\n and unwavering commitment to environmental sustainability.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"card-grid\">\r\n <div class=\"enhanced-card\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-certificate\"><\/i>\r\n <\/div>\r\n <h3>100% Transparent Process<\/h3>\r\n <p>Digital weighing scales used in front of you with real-time rate calculations. \r\n No hidden charges, complete transparency in pricing.<\/p>\r\n <\/div>\r\n\r\n <div class=\"enhanced-card\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-clock\"><\/i>\r\n <\/div>\r\n <h3>Lightning Quick Service<\/h3>\r\n <p>Same day pickup available across Delhi NCR. \r\n Professional team arrives punctually with all necessary equipment.<\/p>\r\n <\/div>\r\n\r\n <div class=\"enhanced-card\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n <\/div>\r\n <h3>Secure & Reliable<\/h3>\r\n <p>Licensed and insured service with proper documentation. \r\n Government-approved recycling facilities ensure compliance.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n \/* Section Styling *\/\r\n #trust {\r\n padding: 60px 20px;\r\n background: #000; \/* Black background *\/\r\n text-align: center;\r\n }\r\n\r\n .section-header {\r\n margin-bottom: 40px;\r\n }\r\n\r\n \/* Bordered Heading *\/\r\n .bordered-heading {\r\n display: inline-block;\r\n padding: 12px 25px;\r\n border: 2px solid #ff6600; \/* Orange border *\/\r\n border-radius: 8px;\r\n font-size: 2rem;\r\n font-weight: bold;\r\n color: #fff;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 1rem;\r\n color: #ccc;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Card Grid *\/\r\n .card-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 20px;\r\n }\r\n\r\n \/* Card Styling *\/\r\n .enhanced-card {\r\n background: #111;\r\n padding: 30px 20px;\r\n border-radius: 12px;\r\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\r\n border: 1px solid transparent;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;\r\n color: #fff;\r\n }\r\n\r\n .enhanced-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 10px 25px rgba(255, 102, 0, 0.6);\r\n border: 1px solid #ff6600;\r\n }\r\n\r\n \/* Card Icon *\/\r\n .card-icon {\r\n font-size: 40px;\r\n color: #ff6600;\r\n margin-bottom: 15px;\r\n }\r\n\r\n \/* Card Title *\/\r\n .enhanced-card h3 {\r\n font-size: 1.2rem;\r\n margin-bottom: 10px;\r\n font-weight: bold;\r\n color: #fff;\r\n }\r\n\r\n \/* Card Text *\/\r\n .enhanced-card p {\r\n font-size: 0.95rem;\r\n color: #ddd;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Highlight *\/\r\n .highlight {\r\n color: #ff6600;\r\n }\r\n<\/style>\r\n\r\n\r\n \r\n<section class=\"section\" id=\"services\">\r\n <div class=\"container\">\r\n \r\n <div class=\"section-header\">\r\n <h2 class=\"section-title bordered-heading\">\r\n Premium <span class=\"highlight\">Scrap Collection<\/span> Services\r\n <\/h2>\r\n <p class=\"section-subtitle\">\r\n Comprehensive scrap collection solutions designed for maximum convenience, \r\n transparency, and value.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"card-grid\">\r\n <div class=\"enhanced-card\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-home\"><\/i>\r\n <\/div>\r\n <h3>Doorstep Pickup Service<\/h3>\r\n <p>Schedule convenient pickup at your preferred time. \r\n Our equipped team arrives with certified weighing equipment for immediate service.<\/p>\r\n <\/div>\r\n\r\n <div class=\"enhanced-card\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-chart-line\"><\/i>\r\n <\/div>\r\n <h3>Best Market Rates<\/h3>\r\n <p>Daily updated prices based on current market conditions. \r\n Get maximum value for your scrap materials with competitive rates.<\/p>\r\n <\/div>\r\n\r\n <div class=\"enhanced-card\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-recycle\"><\/i>\r\n <\/div>\r\n <h3>Certified Eco-Recycling<\/h3>\r\n <p>All materials processed through government-approved facilities with complete \r\n environmental compliance and sustainability.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n \/* Section Styling *\/\r\n #services {\r\n padding: 60px 20px;\r\n background: #000; \/* Black background *\/\r\n text-align: center;\r\n }\r\n\r\n .section-header {\r\n margin-bottom: 40px;\r\n }\r\n\r\n \/* Bordered Heading *\/\r\n .bordered-heading {\r\n display: inline-block;\r\n padding: 12px 25px;\r\n border: 2px solid #ff6600; \/* Orange border *\/\r\n border-radius: 8px;\r\n font-size: 2rem;\r\n font-weight: bold;\r\n color: #fff;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 1rem;\r\n color: #ccc;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Card Grid *\/\r\n .card-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 20px;\r\n }\r\n\r\n \/* Card Styling *\/\r\n .enhanced-card {\r\n background: #111;\r\n padding: 30px 20px;\r\n border-radius: 12px;\r\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\r\n border: 1px solid transparent;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;\r\n color: #fff;\r\n }\r\n\r\n .enhanced-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 10px 25px rgba(255, 102, 0, 0.6);\r\n border: 1px solid #ff6600;\r\n }\r\n\r\n \/* Card Icon *\/\r\n .card-icon {\r\n font-size: 40px;\r\n color: #ff6600;\r\n margin-bottom: 15px;\r\n }\r\n\r\n \/* Card Title *\/\r\n .enhanced-card h3 {\r\n font-size: 1.2rem;\r\n margin-bottom: 10px;\r\n font-weight: bold;\r\n color: #fff;\r\n }\r\n\r\n \/* Card Text *\/\r\n .enhanced-card p {\r\n font-size: 0.95rem;\r\n color: #ddd;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Highlight *\/\r\n .highlight {\r\n color: #ff6600;\r\n }\r\n<\/style>\r\n\r\n \r\n<section class=\"section\" id=\"process\">\r\n <div class=\"container\">\r\n \r\n <div class=\"section-header\">\r\n <h2 class=\"section-title bordered-heading\">\r\n Simple <span class=\"highlight\">3-Step<\/span> Process\r\n <\/h2>\r\n <p class=\"section-subtitle\">\r\n Selling your scrap has never been easier with our streamlined, transparent, \r\n and efficient service process.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"process-grid\">\r\n <div class=\"process-step\">\r\n <div class=\"step-number\">1<\/div>\r\n <h3>Schedule Your Pickup<\/h3>\r\n <p>Call us or book online with preferred time slot. \r\n We provide instant estimated quotes and confirm pickup details.<\/p>\r\n <\/div>\r\n\r\n <div class=\"process-step\">\r\n <div class=\"step-number\">2<\/div>\r\n <h3>We Collect & Weigh<\/h3>\r\n <p>Our professional team arrives with certified digital scales \r\n for transparent weighing and immediate rate calculation.<\/p>\r\n <\/div>\r\n\r\n <div class=\"process-step\">\r\n <div class=\"step-number\">3<\/div>\r\n <h3>Get Instant Payment<\/h3>\r\n <p>Receive immediate cash payment or choose secure digital transfer. \r\n Complete transaction with proper documentation.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n \/* Section Styling *\/\r\n #process {\r\n padding: 60px 20px;\r\n background: #000; \/* Black background *\/\r\n text-align: center;\r\n }\r\n\r\n .section-header {\r\n margin-bottom: 40px;\r\n }\r\n\r\n \/* Bordered Heading *\/\r\n .bordered-heading {\r\n display: inline-block;\r\n padding: 12px 25px;\r\n border: 2px solid #ff6600;\r\n border-radius: 8px;\r\n font-size: 2rem;\r\n font-weight: bold;\r\n color: #fff;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 1rem;\r\n color: #ccc;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Process Grid *\/\r\n .process-grid {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n gap: 30px;\r\n position: relative;\r\n margin-top: 40px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n \/* Orange connecting line *\/\r\n .process-grid::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 25px;\r\n left: 50px;\r\n right: 50px;\r\n height: 3px;\r\n background: #ff6600;\r\n z-index: 0;\r\n }\r\n\r\n \/* Process Step *\/\r\n .process-step {\r\n background: #111;\r\n padding: 30px 20px;\r\n border-radius: 12px;\r\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\r\n border: 1px solid transparent;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;\r\n color: #fff;\r\n text-align: center;\r\n flex: 1;\r\n min-width: 250px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .process-step:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 10px 25px rgba(255, 102, 0, 0.6);\r\n border: 1px solid #ff6600;\r\n }\r\n\r\n \/* Step Number *\/\r\n .step-number {\r\n width: 50px;\r\n height: 50px;\r\n margin: 0 auto 15px auto;\r\n background: #ff6600;\r\n color: #fff;\r\n font-size: 1.2rem;\r\n font-weight: bold;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n box-shadow: 0 0 15px rgba(255, 102, 0, 0.7);\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* Step Title *\/\r\n .process-step h3 {\r\n font-size: 1.2rem;\r\n margin-bottom: 10px;\r\n font-weight: bold;\r\n color: #fff;\r\n }\r\n\r\n \/* Step Text *\/\r\n .process-step p {\r\n font-size: 0.95rem;\r\n color: #ddd;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Highlight *\/\r\n .highlight {\r\n color: #ff6600;\r\n }\r\n\r\n \/* Responsive: stack vertically *\/\r\n @media (max-width: 768px) {\r\n .process-grid {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .process-grid::before {\r\n width: 3px;\r\n height: calc(100% - 50px);\r\n left: 50%;\r\n top: 50px;\r\n right: auto;\r\n }\r\n\r\n .process-step {\r\n max-width: 350px;\r\n }\r\n }\r\n<\/style>\r\n\r\n<section class=\"section\" id=\"rates\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title bordered-heading\">\r\n Today's <span class=\"highlight\">Competitive Scrap Rates<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle\">\r\n Our prices are updated daily to ensure you get the best value.\r\n <span style=\"color: var(--accent, #ff6600); font-weight: 700;\">\r\n Last updated: <span id=\"current-date\"><\/span>\r\n <\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"rates-container\">\r\n <table class=\"rates-table\" id=\"highlighted-rates\">\r\n <thead>\r\n <tr>\r\n <th>Scrap Material<\/th>\r\n <th>Current Rate (\u20b9\/Kg)<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n \r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n \r\n <div style=\"margin-top: 25px;\">\r\n <a href=\"https:\/\/scrapwaalii.com\/paper\/\" class=\"btn-view-all\">View All Scrap Rates \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n document.addEventListener(\"DOMContentLoaded\", function () {\r\n \/\/ Date auto-update\r\n const dateElement = document.getElementById(\"current-date\");\r\n const today = new Date();\r\n dateElement.textContent = today.toLocaleDateString(\"en-IN\", {\r\n day: \"numeric\",\r\n month: \"long\",\r\n year: \"numeric\"\r\n });\r\n\r\n \/\/ Full scrap list\r\n const allRates = [\r\n { material: \"\ud83d\udcf0 Newspaper\", rate: \"\u20b912-15\" },\r\n { material: \"\u2699\ufe0f Iron\/Steel\", rate: \"\u20b925-30\" },\r\n { material: \"\ud83e\udd64 Plastic\", rate: \"\u20b915-25\" },\r\n { material: \"\ud83d\udd0c Copper\", rate: \"\u20b9450-550\" },\r\n { material: \"\ud83d\udd29 Aluminium\", rate: \"\u20b980-100\" },\r\n { material: \"\ud83c\udffa Brass\", rate: \"\u20b9300-350\" },\r\n { material: \"\ud83d\udcbb E-Waste\", rate: \"\u20b940-120\" },\r\n { material: \"\ud83d\udd0b Lead Batteries\", rate: \"\u20b960-150\" }\r\n ];\r\n\r\n \/\/ Shuffle and pick 5 random\r\n const shuffled = allRates.sort(() => 0.5 - Math.random());\r\n const selected = shuffled.slice(0, 5);\r\n\r\n \/\/ Insert into table\r\n const tbody = document.querySelector(\"#highlighted-rates tbody\");\r\n selected.forEach(item => {\r\n const row = document.createElement(\"tr\");\r\n row.innerHTML = `<td>${item.material}<\/td><td class=\"price\">${item.rate}<\/td>`;\r\n tbody.appendChild(row);\r\n });\r\n });\r\n<\/script>\r\n\r\n<style>\r\n .btn-view-all {\r\n display: inline-block;\r\n padding: 12px 25px;\r\n background: #ff6600;\r\n color: #fff;\r\n border-radius: 6px;\r\n font-weight: bold;\r\n text-decoration: none;\r\n transition: 0.3s;\r\n }\r\n .btn-view-all:hover {\r\n background: #ff8533;\r\n }\r\n .price {\r\n font-weight: bold;\r\n color: #ff6600;\r\n }\r\n<\/style>\r\n\r\n\r\n \r\n\r\n<section class=\"section\" id=\"areas\">\r\n <div class=\"container\">\r\n \r\n <div class=\"section-header\">\r\n <h2 class=\"section-title bordered-heading\">\r\n Our <span class=\"highlight\">Service Areas<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle\">\r\n We provide comprehensive scrap pickup services across these major cities with expansion plans for additional locations.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"areas-grid\" id=\"areasGrid\">\r\n <div class=\"area-card\"><span class=\"area-icon\">\ud83c\udfd9\ufe0f<\/span> Delhi<\/div>\r\n <div class=\"area-card\"><span class=\"area-icon\">\ud83c\udfe2<\/span> Gurugram<\/div>\r\n <div class=\"area-card\"><span class=\"area-icon\">\ud83c\udfd8\ufe0f<\/span> Noida<\/div>\r\n <div class=\"area-card\"><span class=\"area-icon\">\ud83c\udfe0<\/span> Ghaziabad<\/div>\r\n <div class=\"area-card\"><span class=\"area-icon\">\ud83c\udfed<\/span> Faridabad<\/div>\r\n <div class=\"area-card\"><span class=\"area-icon\">\ud83c\udff0<\/span> Jaipur<\/div>\r\n <div class=\"area-card\"><span class=\"area-icon\">\ud83c\udfef<\/span> Lucknow<\/div>\r\n <div class=\"area-card\"><span class=\"area-icon\">\ud83c\udf06<\/span> Chandigarh<\/div>\r\n <div class=\"area-card\"><span class=\"area-icon\">\ud83c\udfd9\ufe0f<\/span> Greater Noida<\/div>\r\n <div class=\"area-card\"><span class=\"area-icon\">\ud83c\udfd8\ufe0f<\/span> Sonipat<\/div>\r\n <div class=\"area-card\"><span class=\"area-icon\">\ud83c\udfed<\/span> Meerut<\/div>\r\n <div class=\"area-card\"><span class=\"area-icon\">\ud83c\udfe0<\/span> Panipat<\/div>\r\n <\/div>\r\n\r\n \r\n <svg class=\"area-lines\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><\/svg>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n#areas {\r\n padding: 60px 20px;\r\n background: #000;\r\n text-align: center;\r\n position: relative;\r\n}\r\n\r\n.section-header { margin-bottom: 40px; }\r\n\r\n.bordered-heading {\r\n display: inline-block;\r\n padding: 12px 25px;\r\n border: 2px solid #ff6600;\r\n border-radius: 8px;\r\n font-size: 2rem;\r\n font-weight: bold;\r\n color: #fff;\r\n margin-bottom: 15px;\r\n}\r\n\r\n.highlight { color: #ff6600; }\r\n\r\n.section-subtitle {\r\n font-size: 1rem;\r\n color: #ccc;\r\n max-width: 750px;\r\n margin: 0 auto;\r\n}\r\n\r\n.areas-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n gap: 25px;\r\n margin-top: 40px;\r\n position: relative;\r\n}\r\n\r\n.area-card {\r\n background: #111;\r\n color: #fff;\r\n padding: 25px 15px;\r\n border-radius: 12px;\r\n font-weight: 600;\r\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\r\n border: 1px solid transparent;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;\r\n cursor: default;\r\n font-size: 1rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.area-card:hover {\r\n box-shadow: 0 10px 25px rgba(255, 102, 0, 0.6);\r\n border: 1px solid #ff6600;\r\n}\r\n\r\n.area-icon { font-size: 1.5rem; }\r\n\r\n\/* SVG lines style *\/\r\n.area-lines {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n pointer-events: none;\r\n overflow: visible;\r\n}\r\n\r\n.draw-line {\r\n stroke-dasharray: 1000;\r\n stroke-dashoffset: 1000;\r\n animation: draw 1s forwards, glow 2s infinite alternate;\r\n stroke: #ff6600;\r\n stroke-width: 2;\r\n fill: none;\r\n opacity: 0.6;\r\n}\r\n\r\n@keyframes draw {\r\n to { stroke-dashoffset: 0; }\r\n}\r\n\r\n@keyframes glow {\r\n 0% { stroke: rgba(255,102,0,0.6); filter: drop-shadow(0 0 2px rgba(255,102,0,0.5)); }\r\n 50% { stroke: rgba(255,204,102,0.8); filter: drop-shadow(0 0 6px rgba(255,204,102,0.7)); }\r\n 100% { stroke: rgba(255,102,0,0.6); filter: drop-shadow(0 0 2px rgba(255,102,0,0.5)); }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .areas-grid {\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n }\r\n .section-title { font-size: 1.8rem; }\r\n .section-subtitle { font-size: 0.95rem; }\r\n .area-card { font-size: 0.95rem; padding: 20px 10px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n const cards = document.querySelectorAll(\".area-card\");\r\n const svg = document.querySelector(\".area-lines\");\r\n const svgNS = \"http:\/\/www.w3.org\/2000\/svg\";\r\n\r\n \/\/ Draw connecting curved lines\r\n function drawLines() {\r\n svg.innerHTML = \"\";\r\n for (let i = 0; i < cards.length - 1; i++) {\r\n const start = cards[i].getBoundingClientRect();\r\n const end = cards[i+1].getBoundingClientRect();\r\n const offsetTop = window.scrollY || window.pageYOffset;\r\n\r\n const x1 = start.left + start.width\/2;\r\n const y1 = start.top + start.height\/2 + offsetTop;\r\n const x2 = end.left + end.width\/2;\r\n const y2 = end.top + end.height\/2 + offsetTop;\r\n\r\n const path = document.createElementNS(svgNS, \"path\");\r\n path.setAttribute(\"d\", `M${x1},${y1} C${(x1+x2)\/2},${y1-30} ${(x1+x2)\/2},${y2+30} ${x2},${y2}`);\r\n path.classList.add(\"draw-line\");\r\n svg.appendChild(path);\r\n }\r\n }\r\n\r\n window.addEventListener(\"resize\", drawLines);\r\n drawLines(); \/\/ initial draw\r\n});\r\n<\/script>\r\n\r\n \r\n<section class=\"section\" id=\"testimonials\">\r\n <div class=\"container\">\r\n \r\n <div class=\"section-header\">\r\n <h2 class=\"section-title bordered-heading\">\r\n Customer <span class=\"highlight\">Success Stories<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle\">\r\n Read authentic reviews from our satisfied customers who experienced our transparent and reliable service.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"card-grid\">\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-content\">\r\n <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <p>\"Outstanding service experience! The team arrived exactly on time, used transparent digital weighing, and paid instantly. Best rates compared to local dealers in South Delhi.\"<\/p>\r\n <\/div>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">RK<\/div>\r\n <div class=\"author-info\">\r\n <div class=\"author-name\">Rajesh Kumar<\/div>\r\n <div class=\"author-location\">South Delhi<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-content\">\r\n <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <p>\"Extremely professional and trustworthy team. As a senior citizen, I found their service incredibly convenient and reliable. They handled everything with complete transparency.\"<\/p>\r\n <\/div>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">SP<\/div>\r\n <div class=\"author-info\">\r\n <div class=\"author-name\">Sunita Pathak<\/div>\r\n <div class=\"author-location\">Noida<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-content\">\r\n <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <p>\"Perfect solution for corporate scrap management. They handled our office electronic waste professionally and provided proper certificates for data destruction. Excellent service!\"<\/p>\r\n <\/div>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">AS<\/div>\r\n <div class=\"author-info\">\r\n <div class=\"author-name\">Anil Sharma<\/div>\r\n <div class=\"author-location\">Gurugram<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n #testimonials {\r\n padding: 60px 20px;\r\n background: #000;\r\n text-align: center;\r\n }\r\n\r\n .section-header {\r\n margin-bottom: 40px;\r\n }\r\n\r\n .bordered-heading {\r\n display: inline-block;\r\n padding: 12px 25px;\r\n border: 2px solid #ff6600;\r\n border-radius: 8px;\r\n font-size: 2rem;\r\n font-weight: bold;\r\n color: #fff;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .highlight {\r\n color: #ff6600;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 1rem;\r\n color: #ccc;\r\n max-width: 750px;\r\n margin: 0 auto;\r\n }\r\n\r\n .card-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 25px;\r\n margin-top: 40px;\r\n }\r\n\r\n .testimonial-card {\r\n background: #111;\r\n border-radius: 12px;\r\n padding: 25px 20px;\r\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\r\n border: 1px solid transparent;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;\r\n color: #fff;\r\n text-align: left;\r\n }\r\n\r\n .testimonial-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 10px 25px rgba(255,102,0,0.6);\r\n border: 1px solid #ff6600;\r\n }\r\n\r\n .testimonial-content .stars {\r\n color: #ff6600;\r\n font-size: 1.2rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .testimonial-content p {\r\n font-style: italic;\r\n color: #ccc;\r\n line-height: 1.6;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .testimonial-author {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n }\r\n\r\n .author-avatar {\r\n width: 50px;\r\n height: 50px;\r\n background: linear-gradient(135deg, #ff6600, #ff8533);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 700;\r\n font-size: 1.2rem;\r\n color: #000;\r\n }\r\n\r\n .author-info .author-name {\r\n font-weight: 700;\r\n color: #fff;\r\n }\r\n\r\n .author-info .author-location {\r\n font-size: 0.9rem;\r\n color: #888;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .testimonial-card {\r\n padding: 20px 15px;\r\n }\r\n\r\n .section-title {\r\n font-size: 1.8rem;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 0.95rem;\r\n }\r\n }\r\n<\/style>\r\n\r\n \r\n<section class=\"section\" id=\"faq\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title bordered-heading\">\r\n Frequently <span class=\"highlight\">Asked Questions<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle\">\r\n Find comprehensive answers to common questions about our transparent scrap pickup service, pricing, and processes.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"faq-container\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <i class=\"fas fa-question-circle\"><\/i>\r\n <span>What is the minimum pickup amount required?<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>We have a minimum pickup value of \u20b9250 to ensure cost-effective service. You can combine different types of scrap materials to reach this minimum amount.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <i class=\"fas fa-question-circle\"><\/i>\r\n <span>How do you determine fair pricing for materials?<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>Our prices are based on current market rates and updated daily. We use certified digital scales in front of you for complete transparency and provide detailed rate calculations.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <i class=\"fas fa-question-circle\"><\/i>\r\n <span>What payment methods are available?<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>We provide immediate cash payment on-site. For larger amounts, we also offer secure UPI transfers and bank deposit options for your convenience.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <i class=\"fas fa-question-circle\"><\/i>\r\n <span>Do you provide destruction certificates for sensitive materials?<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>Yes, we provide certified destruction certificates for electronic waste containing sensitive data, following industry security standards and compliance requirements.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <i class=\"fas fa-question-circle\"><\/i>\r\n <span>How quickly can you schedule a pickup?<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>We typically schedule pickups within 24 hours of your request. Same-day service is available for urgent requests in most coverage areas across Delhi NCR.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css\">\r\n\r\n\r\n<style>\r\n #faq {\r\n padding: 60px 20px;\r\n background: #000;\r\n text-align: center;\r\n }\r\n\r\n .section-header {\r\n margin-bottom: 40px;\r\n }\r\n\r\n .bordered-heading {\r\n display: inline-block;\r\n padding: 12px 25px;\r\n border: 2px solid #ff6600;\r\n border-radius: 8px;\r\n font-size: 2rem;\r\n font-weight: bold;\r\n color: #fff;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .highlight {\r\n color: #ff6600;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 1rem;\r\n color: #ccc;\r\n max-width: 750px;\r\n margin: 0 auto;\r\n }\r\n\r\n .faq-container {\r\n margin-top: 40px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .faq-item {\r\n background: #111;\r\n border-radius: 12px;\r\n border-left: 5px solid #ff6600;\r\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\r\n overflow: hidden;\r\n transition: box-shadow 0.3s ease, border-left 0.3s ease, transform 0.3s ease, filter 0.3s ease;\r\n color: #fff;\r\n text-align: left;\r\n padding: 20px 20px 20px 15px;\r\n }\r\n\r\n .faq-item:hover {\r\n box-shadow: 0 10px 25px rgba(255,102,0,0.6);\r\n border-left: 5px solid #ff8533;\r\n filter: drop-shadow(0 0 10px rgba(255,102,0,0.5));\r\n transform: translateY(-3px);\r\n }\r\n\r\n .faq-question {\r\n font-weight: 600;\r\n font-size: 1rem;\r\n margin-bottom: 10px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n color: #ff6600;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .faq-answer p {\r\n color: #ccc;\r\n font-size: 0.95rem;\r\n line-height: 1.6;\r\n margin: 0;\r\n }\r\n\r\n .faq-question i {\r\n font-size: 1.1rem;\r\n color: #ff6600;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .faq-item:hover .faq-question i {\r\n transform: rotate(20deg) scale(1.2);\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .faq-question {\r\n font-size: 0.95rem;\r\n }\r\n .faq-answer p {\r\n font-size: 0.9rem;\r\n }\r\n }\r\n<\/style>\r\n\r\n<footer class=\"footer\">\r\n <div class=\"container\">\r\n <div class=\"footer-grid\">\r\n <div class=\"footer-col\">\r\n <h3>About Scrapwaalii<\/h3>\r\n <p>Leading professional scrap collection service in Bhadra Tehsil since 2025. We revolutionize waste management with transparent pricing, eco-friendly practices, and exceptional customer service. customer service.<\/p>\r\n <div class=\"social-links\">\r\n <a href=\"#\" class=\"social-link\" aria-label=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n <a href=\"#\" class=\"social-link\" aria-label=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n <a href=\"#\" class=\"social-link\" aria-label=\"Twitter\"><i class=\"fab fa-twitter\"><\/i><\/a>\r\n <a href=\"#\" class=\"social-link\" aria-label=\"WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h3>Quick Navigation<\/h3>\r\n <ul class=\"footer-links\">\r\n <li><a href=\"#services\">Our Services<\/a><\/li>\r\n <li><a href=\"#rates\">Current Rates<\/a><\/li>\r\n <li><a href=\"#areas\">Service Areas<\/a><\/li>\r\n <li><a href=\"#testimonials\">Customer Reviews<\/a><\/li>\r\n <li><a href=\"https:\/\/scrapwaalii.com\/en\/contact\/\">Contact Us<\/a><\/li>\r\n <li><a href=\"https:\/\/scrapwaalii.com\/en\/elementor-7009\/\">Privacy Policy<\/a><\/li>\r\n <\/ul>\r\n <\/div>\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<div class=\"footer-col\">\r\n <h3>Follow Us<\/h3>\r\n <ul class=\"footer-links social-icons\">\r\n <li><a href=\"https:\/\/www.facebook.com\/YourPage\" target=\"_blank\"><i class=\"fab fa-facebook-f\"><\/i> Facebook<\/a><\/li>\r\n <li><a href=\"https:\/\/www.instagram.com\/YourPage\" target=\"_blank\"><i class=\"fab fa-instagram\"><\/i> Instagram<\/a><\/li>\r\n <li><a href=\"https:\/\/twitter.com\/YourPage\" target=\"_blank\"><i class=\"fab fa-twitter\"><\/i> Twitter<\/a><\/li>\r\n <li><a href=\"https:\/\/www.linkedin.com\/company\/YourPage\" target=\"_blank\"><i class=\"fab fa-linkedin-in\"><\/i> LinkedIn<\/a><\/li>\r\n <li><a href=\"https:\/\/www.youtube.com\/channel\/YourPage\" target=\"_blank\"><i class=\"fab fa-youtube\"><\/i> YouTube<\/a><\/li>\r\n <\/ul>\r\n<\/div>\r\n\r\n<style>\r\n.footer-links.social-icons li a {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #ccc;\r\n text-decoration: none;\r\n}\r\n.footer-links.social-icons li a:hover {\r\n color: #28a745; \/* hover green *\/\r\n}\r\n<\/style>\r\n\r\n <div class=\"footer-col\" id=\"contact\">\r\n <h3>Contact Information<\/h3>\r\n <ul class=\"contact-info\">\r\n <li><i class=\"fas fa-phone\"><\/i><a href=\"tel:7065424442\">9982040371<\/a><\/li>\r\n <li><i class=\"fas fa-envelope\"><\/i><a href=\"mailto:support@scrapwaalii.com\">support@scrapwaalii.com<\/a><\/li>\r\n <li><i class=\"fas fa-map-marker-alt\"><\/i>Bhadra (Rajasthan), India<\/li>\r\n <li><i class=\"fas fa-clock\"><\/i>Mon-Sat: 8:00 AM - 8:00 PM<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <p>\r\n © 2025 Scrapwaalii \u00b7 All Rights Reserved \u00b7 Designed & Developed by Ankit Suthar (IIT Ropar) |\r\n <a href=\"https:\/\/scrapwaalii.com\/en\/elementor-7009\/\">Privacy Policy<\/a> |\r\n <a href=\"https:\/\/scrapwaalii.com\/en\/terms-of-service\/\">Terms of Service<\/a> |\r\n \r\n <\/p>\r\n<\/div>\r\n\r\n <\/div>\r\n<\/footer>\r\n\r\n\r\n<style>\r\n.footer {\r\n background: #000;\r\n color: #ccc;\r\n padding: 60px 20px 30px;\r\n font-size: 0.95rem;\r\n line-height: 1.6;\r\n}\r\n.footer a {\r\n color: #ccc;\r\n text-decoration: none;\r\n transition: color 0.3s ease, transform 0.3s ease;\r\n}\r\n.footer a:hover {\r\n color: #ff6600;\r\n transform: translateY(-2px);\r\n}\r\n.footer-grid {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 30px;\r\n justify-content: space-between;\r\n}\r\n.footer-col {\r\n flex: 1 1 220px;\r\n min-width: 220px;\r\n}\r\n.footer-col h3 {\r\n font-size: 1.2rem;\r\n color: #fff;\r\n margin-bottom: 15px;\r\n border-left: 4px solid #ff6600;\r\n padding-left: 10px;\r\n}\r\n.footer-links,\r\n.contact-info {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n.footer-links li,\r\n.contact-info li {\r\n margin-bottom: 10px;\r\n}\r\n.footer-links li a:hover {\r\n color: #ff8533;\r\n}\r\n.contact-info li i {\r\n margin-right: 10px;\r\n color: #ff6600;\r\n}\r\n.social-links {\r\n margin-top: 15px;\r\n display: flex;\r\n gap: 10px;\r\n}\r\n.social-link {\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: #111;\r\n border-radius: 50%;\r\n color: #ff6600;\r\n font-size: 1.1rem;\r\n transition: all 0.3s ease;\r\n}\r\n.social-link:hover {\r\n background: #ff6600;\r\n color: #111;\r\n transform: scale(1.1);\r\n}\r\n.footer-bottom {\r\n text-align: center;\r\n margin-top: 40px;\r\n font-size: 0.85rem;\r\n border-top: 1px solid #333;\r\n padding-top: 15px;\r\n}\r\n.footer-bottom a:hover {\r\n color: #ff8533;\r\n}\r\n@media (max-width:768px) {\r\n .footer-grid {\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n .footer-col h3 {\r\n font-size: 1rem;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n \/\/ Smooth scrolling for footer links\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n const target = document.querySelector(this.getAttribute('href'));\r\n if(target) target.scrollIntoView({behavior:'smooth', block:'start'});\r\n });\r\n });\r\n\r\n \/\/ Footer link hover interactions\r\n document.querySelectorAll('.footer a, .social-link').forEach(el=>{\r\n el.addEventListener('mouseenter',()=>el.style.transform='translateY(-2px) scale(1.05)');\r\n el.addEventListener('mouseleave',()=>el.style.transform='translateY(0) scale(1)');\r\n });\r\n});\r\n<\/script>\r\n\r\n<script defer src=\"https:\/\/static.getbutton.io\/widget\/bundle.js?id=LM2my\" ><\/script>\r\n \r\n<\/body>\r\n<\/html>\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>Scrapwaalii | Top Scrap Buyer in Bhadra | Best Prices for Scrap #1 Scrap Buyer in Rajasthan Get Top Prices […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-4980","page","type-page","status-publish","hentry"],"acf":[],"post-meta":{"site-container":["full-width-stretched"],"site-sidebar":["full"],"site-post-title":["disabled"],"_elementor_template_type":["wp-post"],"_wp_page_template":["default"],"_elementor_data":["[{\"id\":\"3f9031a\",\"elType\":\"container\",\"settings\":{\"boxed_width\":{\"unit\":\"px\",\"size\":1600,\"sizes\":[]},\"boxed_width_mobile\":{\"unit\":\"px\",\"size\":1600,\"sizes\":[]}},\"elements\":[{\"id\":\"9bfd422\",\"elType\":\"widget\",\"settings\":[],\"elements\":[],\"widgetType\":\"html\"},{\"id\":\"7b8b6a2\",\"elType\":\"widget\",\"settings\":{\"html\":\"<!DOCTYPE html>\\r\\n<html lang=\\\"en\\\">\\r\\n<head>\\r\\n <meta charset=\\\"UTF-8\\\">\\r\\n <meta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1.0\\\">\\r\\n <title>Scrapwaalii | Top Scrap Buyer in Bhadra | Best Prices for Scrap<\\\/title>\\r\\n <meta name=\\\"description\\\" content=\\\"Get highest prices for your scrap with free doorstep pickup in Bhadra . Instant cash payment, certified recycling, and professional service. Book now!\\\">\\r\\n <link rel=\\\"preconnect\\\" href=\\\"https:\\\/\\\/fonts.googleapis.com\\\">\\r\\n <link rel=\\\"preconnect\\\" href=\\\"https:\\\/\\\/fonts.gstatic.com\\\" crossorigin>\\r\\n <link href=\\\"https:\\\/\\\/fonts.googleapis.com\\\/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700;800&display=swap\\\" rel=\\\"stylesheet\\\">\\r\\n <link rel=\\\"stylesheet\\\" href=\\\"https:\\\/\\\/cdnjs.cloudflare.com\\\/ajax\\\/libs\\\/font-awesome\\\/6.4.0\\\/css\\\/all.min.css\\\">\\r\\n <style>\\r\\n * {\\r\\n margin: 0;\\r\\n padding: 0;\\r\\n box-sizing: border-box;\\r\\n }\\r\\n\\r\\n :root {\\r\\n --primary: #0a0f1c;\\r\\n --primary-light: #1a2332;\\r\\n --primary-dark: #050914;\\r\\n --accent: #00ff87;\\r\\n --accent-dark: #00d46e;\\r\\n --accent-light: #66ffb3;\\r\\n --secondary: #ff6b35;\\r\\n --success: #10b981;\\r\\n --warning: #f59e0b;\\r\\n --error: #ef4444;\\r\\n --text-white: #ffffff;\\r\\n --text-light: #e2e8f0;\\r\\n --text-gray: #94a3b8;\\r\\n --text-dark: #334155;\\r\\n --bg-dark: #030711;\\r\\n --bg-section: #0f172a;\\r\\n --bg-card: rgba(26, 35, 50, 0.9);\\r\\n --bg-glass: rgba(255, 255, 255, 0.03);\\r\\n --border-color: rgba(0, 255, 135, 0.15);\\r\\n --shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4);\\r\\n --shadow-lg: 0 25px 50px rgba(0, 255, 135, 0.2);\\r\\n --shadow-glow: 0 0 30px rgba(0, 255, 135, 0.3);\\r\\n --gradient-primary: linear-gradient(135deg, #0a0f1c 0%, #1a2332 100%);\\r\\n --gradient-accent: linear-gradient(135deg, #00ff87 0%, #00d46e 100%);\\r\\n --gradient-hero: radial-gradient(ellipse at center, #1a2332 0%, #0a0f1c 50%, #030711 100%);\\r\\n --gradient-card: linear-gradient(145deg, rgba(26, 35, 50, 0.8) 0%, rgba(15, 23, 42, 0.9) 100%);\\r\\n --blur-effect: blur(20px);\\r\\n }\\r\\n\\r\\n body {\\r\\n font-family: 'Inter', sans-serif;\\r\\n background: var(--bg-dark);\\r\\n color: var(--text-white);\\r\\n line-height: 1.6;\\r\\n overflow-x: hidden;\\r\\n scroll-behavior: smooth;\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n \\\/* Floating Navigation *\\\/\\r\\n .floating-nav {\\r\\n position: fixed;\\r\\n top: 20px;\\r\\n right: 20px;\\r\\n z-index: 1000;\\r\\n display: flex;\\r\\n gap: 10px;\\r\\n flex-direction: column;\\r\\n }\\r\\n\\r\\n .nav-item {\\r\\n width: 50px;\\r\\n height: 50px;\\r\\n background: var(--bg-card);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n border: 1px solid var(--border-color);\\r\\n border-radius: 50%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n color: var(--text-gray);\\r\\n text-decoration: none;\\r\\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\\r\\n font-size: 1.2rem;\\r\\n }\\r\\n\\r\\n .nav-item:hover {\\r\\n background: var(--gradient-accent);\\r\\n color: white;\\r\\n transform: scale(1.1);\\r\\n box-shadow: var(--shadow-glow);\\r\\n }\\r\\n\\r\\n .container {\\r\\n max-width: 1200px;\\r\\n margin: 0 auto;\\r\\n padding: 0 1.5rem;\\r\\n }\\r\\n\\r\\n \\\/* Hero Section with Advanced Animations *\\\/\\r\\n .hero {\\r\\n min-height: 100vh;\\r\\n background: var(--gradient-hero);\\r\\n position: relative;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n overflow: hidden;\\r\\n padding: 2rem 0;\\r\\n }\\r\\n\\r\\n .hero::before {\\r\\n content: '';\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: 0;\\r\\n right: 0;\\r\\n bottom: 0;\\r\\n background: \\r\\n radial-gradient(circle at 20% 80%, rgba(0, 255, 135, 0.15) 0%, transparent 50%),\\r\\n radial-gradient(circle at 80% 20%, rgba(0, 255, 135, 0.1) 0%, transparent 50%),\\r\\n radial-gradient(circle at 40% 40%, rgba(255, 107, 53, 0.08) 0%, transparent 50%);\\r\\n animation: aurora 8s ease-in-out infinite alternate;\\r\\n }\\r\\n\\r\\n @keyframes aurora {\\r\\n 0% { opacity: 0.7; }\\r\\n 100% { opacity: 1; }\\r\\n }\\r\\n\\r\\n .hero-particles {\\r\\n position: absolute;\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n overflow: hidden;\\r\\n z-index: 1;\\r\\n }\\r\\n\\r\\n .particle {\\r\\n position: absolute;\\r\\n width: 4px;\\r\\n height: 4px;\\r\\n background: var(--accent);\\r\\n border-radius: 50%;\\r\\n animation: float 6s ease-in-out infinite;\\r\\n opacity: 0.6;\\r\\n }\\r\\n\\r\\n @keyframes float {\\r\\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\\r\\n 50% { transform: translateY(-20px) rotate(180deg); }\\r\\n }\\r\\n\\r\\n .hero-content {\\r\\n text-align: center;\\r\\n position: relative;\\r\\n z-index: 2;\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .hero-badge {\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n gap: 0.5rem;\\r\\n padding: 0.8rem 2rem;\\r\\n background: var(--bg-card);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n border-radius: 50px;\\r\\n font-weight: 600;\\r\\n margin-bottom: 1.5rem;\\r\\n border: 1px solid var(--border-color);\\r\\n color: var(--accent);\\r\\n animation: pulse 2s ease-in-out infinite;\\r\\n }\\r\\n\\r\\n @keyframes pulse {\\r\\n 0%, 100% { box-shadow: 0 0 0 0 rgba(0, 255, 135, 0.4); }\\r\\n 50% { box-shadow: 0 0 0 10px rgba(0, 255, 135, 0); }\\r\\n }\\r\\n\\r\\n .hero-title {\\r\\n font-family: 'Space Grotesk', sans-serif;\\r\\n font-size: clamp(2.5rem, 6vw, 4.5rem);\\r\\n font-weight: 900;\\r\\n margin-bottom: 1.5rem;\\r\\n line-height: 1.1;\\r\\n letter-spacing: -0.02em;\\r\\n color: #ffffff;\\r\\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.7), 0 2px 10px rgba(0, 0, 0, 0.5);\\r\\n filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.3));\\r\\n }\\r\\n\\r\\n .hero-title .highlight {\\r\\n background: var(--gradient-accent);\\r\\n -webkit-background-clip: text;\\r\\n -webkit-text-fill-color: transparent;\\r\\n background-clip: text;\\r\\n position: relative;\\r\\n font-weight: 900;\\r\\n text-shadow: none;\\r\\n filter: drop-shadow(0 0 20px rgba(0, 255, 135, 0.8));\\r\\n }\\r\\n\\r\\n .hero-title .highlight::after {\\r\\n content: '';\\r\\n position: absolute;\\r\\n bottom: -5px;\\r\\n left: 0;\\r\\n width: 100%;\\r\\n height: 4px;\\r\\n background: var(--gradient-accent);\\r\\n border-radius: 2px;\\r\\n animation: underlineGlow 2s ease-in-out infinite alternate;\\r\\n box-shadow: 0 0 15px rgba(0, 255, 135, 0.6);\\r\\n }\\r\\n\\r\\n @keyframes underlineGlow {\\r\\n 0% { \\r\\n box-shadow: 0 0 8px rgba(0, 255, 135, 0.6);\\r\\n transform: scaleX(1);\\r\\n }\\r\\n 100% { \\r\\n box-shadow: 0 0 25px rgba(0, 255, 135, 0.9);\\r\\n transform: scaleX(1.05);\\r\\n }\\r\\n }\\r\\n\\r\\n .hero-subtitle {\\r\\n font-size: clamp(1.1rem, 2.5vw, 1.3rem);\\r\\n font-weight: 400;\\r\\n opacity: 0.9;\\r\\n margin-bottom: 2.5rem;\\r\\n max-width: 700px;\\r\\n margin-left: auto;\\r\\n margin-right: auto;\\r\\n color: var(--text-light);\\r\\n }\\r\\n\\r\\n .cta-buttons {\\r\\n display: flex;\\r\\n gap: 1rem;\\r\\n justify-content: center;\\r\\n flex-wrap: wrap;\\r\\n margin-bottom: 3rem;\\r\\n }\\r\\n\\r\\n .btn {\\r\\n padding: 1rem 2rem;\\r\\n border-radius: 50px;\\r\\n text-decoration: none;\\r\\n font-weight: 600;\\r\\n font-size: 1rem;\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n gap: 0.5rem;\\r\\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\\r\\n border: none;\\r\\n cursor: pointer;\\r\\n position: relative;\\r\\n overflow: hidden;\\r\\n min-width: 180px;\\r\\n justify-content: center;\\r\\n }\\r\\n\\r\\n .btn::before {\\r\\n content: '';\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: -100%;\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\\r\\n transition: left 0.5s;\\r\\n }\\r\\n\\r\\n .btn:hover::before {\\r\\n left: 100%;\\r\\n }\\r\\n\\r\\n .btn-primary {\\r\\n background: var(--gradient-accent);\\r\\n color: var(--bg-dark);\\r\\n box-shadow: 0 10px 30px rgba(0, 255, 135, 0.3);\\r\\n font-weight: 700;\\r\\n }\\r\\n\\r\\n .btn-primary:hover {\\r\\n transform: translateY(-3px) scale(1.02);\\r\\n box-shadow: 0 15px 40px rgba(0, 255, 135, 0.4);\\r\\n }\\r\\n\\r\\n .btn-secondary {\\r\\n background: transparent;\\r\\n color: var(--text-white);\\r\\n border: 2px solid var(--border-color);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n }\\r\\n\\r\\n .btn-secondary:hover {\\r\\n background: var(--bg-card);\\r\\n border-color: var(--accent);\\r\\n color: var(--accent);\\r\\n transform: translateY(-3px);\\r\\n }\\r\\n\\r\\n .hero-features {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\\r\\n gap: 1.5rem;\\r\\n margin-top: 3rem;\\r\\n }\\r\\n\\r\\n .feature-card {\\r\\n background: var(--gradient-card);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n padding: 2rem 1.5rem;\\r\\n border-radius: 20px;\\r\\n text-align: center;\\r\\n border: 1px solid var(--border-color);\\r\\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\\r\\n position: relative;\\r\\n overflow: hidden;\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .feature-card::before {\\r\\n content: '';\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: -100%;\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n background: linear-gradient(90deg, transparent, rgba(0, 255, 135, 0.1), transparent);\\r\\n transition: left 0.6s ease;\\r\\n }\\r\\n\\r\\n .feature-card:hover::before {\\r\\n left: 100%;\\r\\n }\\r\\n\\r\\n .feature-card:hover {\\r\\n transform: translateY(-10px) scale(1.02);\\r\\n border-color: var(--accent);\\r\\n box-shadow: var(--shadow-lg);\\r\\n }\\r\\n\\r\\n .feature-icon {\\r\\n width: 70px;\\r\\n height: 70px;\\r\\n background: var(--gradient-accent);\\r\\n border-radius: 16px;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n margin: 0 auto 1.5rem;\\r\\n font-size: 1.8rem;\\r\\n color: var(--bg-dark);\\r\\n box-shadow: 0 10px 25px rgba(0, 255, 135, 0.3);\\r\\n }\\r\\n\\r\\n .feature-card h3 {\\r\\n font-size: 1.3rem;\\r\\n font-weight: 700;\\r\\n margin-bottom: 1rem;\\r\\n color: var(--text-white);\\r\\n }\\r\\n\\r\\n .feature-card p {\\r\\n font-size: 1rem;\\r\\n color: var(--text-gray);\\r\\n line-height: 1.6;\\r\\n }\\r\\n\\r\\n \\\/* Enhanced Section Styling - Reduced spacing *\\\/\\r\\n .section {\\r\\n padding: 3rem 0;\\r\\n position: relative;\\r\\n background: var(--bg-section);\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .section:nth-child(even) {\\r\\n background: var(--primary);\\r\\n }\\r\\n\\r\\n .section-header {\\r\\n text-align: center;\\r\\n margin-bottom: 2.5rem;\\r\\n max-width: 700px;\\r\\n margin-left: auto;\\r\\n margin-right: auto;\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .section-title {\\r\\n font-family: 'Space Grotesk', sans-serif;\\r\\n font-size: clamp(2rem, 5vw, 3.5rem);\\r\\n font-weight: 900;\\r\\n margin-bottom: 1rem;\\r\\n color: #ffffff;\\r\\n letter-spacing: -0.02em;\\r\\n position: relative;\\r\\n text-shadow: 0 4px 15px rgba(0, 0, 0, 0.6), 0 2px 8px rgba(0, 0, 0, 0.4);\\r\\n filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.2));\\r\\n }\\r\\n\\r\\n .section-title::after {\\r\\n content: '';\\r\\n position: absolute;\\r\\n bottom: -10px;\\r\\n left: 50%;\\r\\n transform: translateX(-50%);\\r\\n width: 60px;\\r\\n height: 4px;\\r\\n background: var(--gradient-accent);\\r\\n border-radius: 2px;\\r\\n box-shadow: 0 0 15px rgba(0, 255, 135, 0.6);\\r\\n }\\r\\n\\r\\n .section-subtitle {\\r\\n font-size: 1.1rem;\\r\\n color: var(--text-gray);\\r\\n line-height: 1.7;\\r\\n font-weight: 400;\\r\\n }\\r\\n\\r\\n \\\/* Enhanced Card Grids *\\\/\\r\\n .card-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\\r\\n gap: 1.5rem;\\r\\n }\\r\\n\\r\\n .enhanced-card {\\r\\n background: var(--gradient-card);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n padding: 2rem;\\r\\n border-radius: 20px;\\r\\n text-align: center;\\r\\n border: 1px solid var(--border-color);\\r\\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\\r\\n position: relative;\\r\\n overflow: hidden;\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .enhanced-card::after {\\r\\n content: '';\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: 0;\\r\\n right: 0;\\r\\n bottom: 0;\\r\\n background: var(--gradient-accent);\\r\\n opacity: 0;\\r\\n transition: opacity 0.3s ease;\\r\\n z-index: -1;\\r\\n }\\r\\n\\r\\n .enhanced-card:hover::after {\\r\\n opacity: 0.05;\\r\\n }\\r\\n\\r\\n .enhanced-card:hover {\\r\\n transform: translateY(-8px);\\r\\n border-color: var(--accent);\\r\\n box-shadow: var(--shadow-lg);\\r\\n }\\r\\n\\r\\n .card-icon {\\r\\n width: 70px;\\r\\n height: 70px;\\r\\n background: var(--gradient-accent);\\r\\n border-radius: 18px;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n margin: 0 auto 1.5rem;\\r\\n font-size: 1.8rem;\\r\\n color: var(--bg-dark);\\r\\n box-shadow: 0 10px 25px rgba(0, 255, 135, 0.3);\\r\\n }\\r\\n\\r\\n .enhanced-card h3 {\\r\\n font-size: 1.4rem;\\r\\n font-weight: 800;\\r\\n margin-bottom: 1rem;\\r\\n color: var(--text-white);\\r\\n }\\r\\n\\r\\n .enhanced-card p {\\r\\n color: var(--text-gray);\\r\\n font-size: 1rem;\\r\\n line-height: 1.7;\\r\\n }\\r\\n\\r\\n \\\/* Process Steps with Connected Lines *\\\/\\r\\n .process-container {\\r\\n position: relative;\\r\\n }\\r\\n\\r\\n .process-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\\r\\n gap: 1.5rem;\\r\\n position: relative;\\r\\n }\\r\\n\\r\\n .process-step {\\r\\n background: var(--gradient-card);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n padding: 2rem;\\r\\n border-radius: 20px;\\r\\n text-align: center;\\r\\n border: 1px solid var(--border-color);\\r\\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\\r\\n position: relative;\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .process-step:hover {\\r\\n transform: translateY(-8px);\\r\\n border-color: var(--accent);\\r\\n box-shadow: var(--shadow-lg);\\r\\n }\\r\\n\\r\\n .step-number {\\r\\n width: 60px;\\r\\n height: 60px;\\r\\n background: var(--gradient-accent);\\r\\n border-radius: 50%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n margin: 0 auto 1.5rem;\\r\\n font-size: 1.5rem;\\r\\n font-weight: 800;\\r\\n color: var(--bg-dark);\\r\\n box-shadow: 0 10px 25px rgba(0, 255, 135, 0.3);\\r\\n }\\r\\n\\r\\n \\\/* Enhanced Rates Table *\\\/\\r\\n .rates-container {\\r\\n background: var(--gradient-card);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n border-radius: 20px;\\r\\n padding: 2rem;\\r\\n border: 1px solid var(--border-color);\\r\\n overflow: hidden;\\r\\n position: relative;\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .rates-container::before {\\r\\n content: '';\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: 0;\\r\\n right: 0;\\r\\n height: 4px;\\r\\n background: var(--gradient-accent);\\r\\n }\\r\\n\\r\\n .rates-table {\\r\\n width: 100%;\\r\\n border-collapse: collapse;\\r\\n }\\r\\n\\r\\n .rates-table th,\\r\\n .rates-table td {\\r\\n padding: 1rem 0.8rem;\\r\\n text-align: left;\\r\\n border-bottom: 1px solid var(--border-color);\\r\\n }\\r\\n\\r\\n .rates-table th {\\r\\n background: rgba(0, 255, 135, 0.1);\\r\\n color: var(--accent);\\r\\n font-weight: 700;\\r\\n font-size: 1rem;\\r\\n }\\r\\n\\r\\n .rates-table td {\\r\\n color: var(--text-light);\\r\\n font-weight: 500;\\r\\n }\\r\\n\\r\\n .rates-table .price {\\r\\n color: var(--accent);\\r\\n font-weight: 700;\\r\\n font-size: 1rem;\\r\\n }\\r\\n\\r\\n .rates-table tbody tr {\\r\\n transition: background 0.3s ease;\\r\\n }\\r\\n\\r\\n .rates-table tbody tr:hover {\\r\\n background: rgba(0, 255, 135, 0.05);\\r\\n }\\r\\n\\r\\n \\\/* Enhanced Areas Grid *\\\/\\r\\n .areas-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\\r\\n gap: 1rem;\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .area-card {\\r\\n background: var(--bg-card);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n padding: 1.2rem 1rem;\\r\\n border-radius: 14px;\\r\\n text-align: center;\\r\\n border: 1px solid var(--border-color);\\r\\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\\r\\n font-weight: 600;\\r\\n color: var(--text-light);\\r\\n cursor: pointer;\\r\\n }\\r\\n\\r\\n .area-card:hover {\\r\\n background: var(--gradient-accent);\\r\\n color: var(--bg-dark);\\r\\n transform: translateY(-5px) scale(1.02);\\r\\n box-shadow: var(--shadow-lg);\\r\\n }\\r\\n\\r\\n \\\/* Enhanced FAQ *\\\/\\r\\n .faq-container {\\r\\n max-width: 800px;\\r\\n margin: 0 auto;\\r\\n }\\r\\n\\r\\n .faq-item {\\r\\n background: var(--gradient-card);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n margin-bottom: 1rem;\\r\\n border-radius: 14px;\\r\\n border: 1px solid var(--border-color);\\r\\n overflow: hidden;\\r\\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .faq-item:hover {\\r\\n border-color: var(--accent);\\r\\n }\\r\\n\\r\\n .faq-question {\\r\\n padding: 1.2rem 1.5rem;\\r\\n cursor: pointer;\\r\\n display: flex;\\r\\n justify-content: space-between;\\r\\n align-items: center;\\r\\n font-weight: 600;\\r\\n color: var(--text-white);\\r\\n transition: all 0.3s ease;\\r\\n }\\r\\n\\r\\n .faq-question:hover {\\r\\n color: var(--accent);\\r\\n }\\r\\n\\r\\n .faq-answer {\\r\\n padding: 0 1.5rem;\\r\\n max-height: 0;\\r\\n overflow: hidden;\\r\\n transition: all 0.3s ease;\\r\\n color: var(--text-gray);\\r\\n }\\r\\n\\r\\n .faq-item.active .faq-answer {\\r\\n padding: 0 1.5rem 1.2rem;\\r\\n max-height: 200px;\\r\\n }\\r\\n\\r\\n .faq-item.active .faq-question i {\\r\\n transform: rotate(180deg);\\r\\n color: var(--accent);\\r\\n }\\r\\n\\r\\n \\\/* Enhanced Footer *\\\/\\r\\n .footer {\\r\\n background: var(--bg-dark);\\r\\n padding: 3rem 0 2rem;\\r\\n border-top: 1px solid var(--border-color);\\r\\n position: relative;\\r\\n }\\r\\n\\r\\n .footer::before {\\r\\n content: '';\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: 0;\\r\\n right: 0;\\r\\n height: 2px;\\r\\n background: var(--gradient-accent);\\r\\n }\\r\\n\\r\\n .footer-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\\r\\n gap: 2rem;\\r\\n margin-bottom: 2rem;\\r\\n }\\r\\n\\r\\n .footer-col h3 {\\r\\n color: var(--accent);\\r\\n margin-bottom: 1.2rem;\\r\\n font-size: 1.2rem;\\r\\n font-weight: 800;\\r\\n }\\r\\n\\r\\n .footer-links {\\r\\n list-style: none;\\r\\n }\\r\\n\\r\\n .footer-links li {\\r\\n margin-bottom: 0.7rem;\\r\\n }\\r\\n\\r\\n .footer-links a {\\r\\n color: var(--text-gray);\\r\\n text-decoration: none;\\r\\n transition: color 0.3s ease;\\r\\n }\\r\\n\\r\\n .footer-links a:hover {\\r\\n color: var(--accent);\\r\\n }\\r\\n\\r\\n .contact-info {\\r\\n list-style: none;\\r\\n }\\r\\n\\r\\n .contact-info li {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 1rem;\\r\\n margin-bottom: 0.8rem;\\r\\n color: var(--text-gray);\\r\\n }\\r\\n\\r\\n .contact-info i {\\r\\n color: var(--accent);\\r\\n width: 20px;\\r\\n }\\r\\n\\r\\n .social-links {\\r\\n display: flex;\\r\\n gap: 0.8rem;\\r\\n margin-top: 1.2rem;\\r\\n }\\r\\n\\r\\n .social-link {\\r\\n width: 40px;\\r\\n height: 40px;\\r\\n background: var(--bg-card);\\r\\n border-radius: 50%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n color: var(--text-gray);\\r\\n text-decoration: none;\\r\\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\\r\\n border: 1px solid var(--border-color);\\r\\n }\\r\\n\\r\\n .social-link:hover {\\r\\n background: var(--gradient-accent);\\r\\n color: var(--bg-dark);\\r\\n transform: translateY(-3px);\\r\\n border-color: var(--accent);\\r\\n }\\r\\n\\r\\n .footer-bottom {\\r\\n text-align: center;\\r\\n padding-top: 2rem;\\r\\n border-top: 1px solid var(--border-color);\\r\\n color: var(--text-gray);\\r\\n }\\r\\n\\r\\n \\\/* Mobile Optimizations *\\\/\\r\\n @media (max-width: 768px) {\\r\\n .container {\\r\\n padding: 0 1rem;\\r\\n }\\r\\n\\r\\n .floating-nav {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n .hero {\\r\\n padding: 2rem 0;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .hero-title {\\r\\n font-size: clamp(2rem, 8vw, 3rem);\\r\\n }\\r\\n\\r\\n .cta-buttons {\\r\\n flex-direction: column;\\r\\n align-items: center;\\r\\n }\\r\\n\\r\\n .btn {\\r\\n width: 100%;\\r\\n max-width: 280px;\\r\\n }\\r\\n\\r\\n .hero-features {\\r\\n grid-template-columns: 1fr;\\r\\n gap: 1rem;\\r\\n }\\r\\n\\r\\n .card-grid {\\r\\n grid-template-columns: 1fr;\\r\\n gap: 1.2rem;\\r\\n }\\r\\n\\r\\n .process-grid {\\r\\n grid-template-columns: 1fr;\\r\\n }\\r\\n\\r\\n .areas-grid {\\r\\n grid-template-columns: repeat(2, 1fr);\\r\\n }\\r\\n\\r\\n .rates-container {\\r\\n overflow-x: auto;\\r\\n padding: 1.2rem;\\r\\n }\\r\\n\\r\\n .rates-table {\\r\\n min-width: 500px;\\r\\n }\\r\\n\\r\\n .footer-grid {\\r\\n grid-template-columns: 1fr;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .feature-card,\\r\\n .enhanced-card,\\r\\n .process-step {\\r\\n padding: 1.5rem 1.2rem;\\r\\n }\\r\\n\\r\\n .section {\\r\\n padding: 2.5rem 0;\\r\\n }\\r\\n }\\r\\n\\r\\n @media (max-width: 480px) {\\r\\n .container {\\r\\n padding: 0 0.8rem;\\r\\n }\\r\\n\\r\\n .areas-grid {\\r\\n grid-template-columns: 1fr;\\r\\n }\\r\\n\\r\\n .hero-badge {\\r\\n font-size: 0.9rem;\\r\\n padding: 0.6rem 1.5rem;\\r\\n }\\r\\n\\r\\n .btn {\\r\\n padding: 1rem 1.2rem;\\r\\n font-size: 0.9rem;\\r\\n }\\r\\n\\r\\n .feature-icon,\\r\\n .card-icon {\\r\\n width: 60px;\\r\\n height: 60px;\\r\\n font-size: 1.5rem;\\r\\n }\\r\\n\\r\\n .step-number {\\r\\n width: 50px;\\r\\n height: 50px;\\r\\n font-size: 1.3rem;\\r\\n }\\r\\n \\r\\n .section-header {\\r\\n margin-bottom: 2rem;\\r\\n }\\r\\n }\\r\\n\\r\\n \\\/* Accessibility improvements *\\\/\\r\\n @media (prefers-reduced-motion: reduce) {\\r\\n * {\\r\\n animation-duration: 0.01ms !important;\\r\\n animation-iteration-count: 1 !important;\\r\\n transition-duration: 0.01ms !important;\\r\\n }\\r\\n }\\r\\n\\r\\n .sr-only {\\r\\n position: absolute;\\r\\n width: 1px;\\r\\n height: 1px;\\r\\n padding: 0;\\r\\n margin: -1px;\\r\\n overflow: hidden;\\r\\n clip: rect(0, 0, 0, 0);\\r\\n white-space: nowrap;\\r\\n border: 0;\\r\\n }\\r\\n\\r\\n \\\/* Custom scrollbar *\\\/\\r\\n ::-webkit-scrollbar {\\r\\n width: 8px;\\r\\n }\\r\\n\\r\\n ::-webkit-scrollbar-track {\\r\\n background: var(--bg-dark);\\r\\n }\\r\\n\\r\\n ::-webkit-scrollbar-thumb {\\r\\n background: var(--gradient-accent);\\r\\n border-radius: 4px;\\r\\n }\\r\\n\\r\\n \\\/* Improved hero title contrast *\\\/\\r\\n .hero-title {\\r\\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.9), 0 2px 10px rgba(0, 0, 0, 0.7);\\r\\n }\\r\\n \\r\\n \\\/* Make all headings bolder *\\\/\\r\\n h1, h2, h3, h4, h5, h6 {\\r\\n font-weight: 800 !important;\\r\\n }\\r\\n \\r\\n .feature-card h3, .enhanced-card h3, .process-step h3 {\\r\\n font-weight: 800;\\r\\n }\\r\\n <\\\/style>\\r\\n<\\\/head>\\r\\n<body>\\r\\n \\r\\n <div class=\\\"floating-nav\\\">\\r\\n <a href=\\\"tel:7065424442\\\" class=\\\"nav-item\\\" aria-label=\\\"Call us\\\">\\r\\n <i class=\\\"fas fa-phone\\\"><\\\/i>\\r\\n <\\\/a>\\r\\n <a href=\\\"https:\\\/\\\/scrapwaalii.com\\\/pickup-request\\\/\\\" class=\\\"nav-item\\\" aria-label=\\\"Book pickup\\\">\\r\\n <i class=\\\"fas fa-truck\\\"><\\\/i>\\r\\n <\\\/a>\\r\\n <a href=\\\"#rates\\\" class=\\\"nav-item\\\" aria-label=\\\"View rates\\\">\\r\\n <i class=\\\"fas fa-chart-line\\\"><\\\/i>\\r\\n <\\\/a>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n<section class=\\\"hero\\\" style=\\\"background: #000; color: #fff; padding: 80px 20px;\\\">\\r\\n <div class=\\\"container\\\">\\r\\n <div class=\\\"hero-content\\\" style=\\\"text-align: center; max-width: 900px; margin: 0 auto;\\\">\\r\\n \\r\\n <div class=\\\"hero-badge\\\">\\r\\n <i class=\\\"fas fa-recycle\\\"><\\\/i>\\r\\n #1 Scrap Buyer in Rajasthan \\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <h1 class=\\\"hero-title\\\" style=\\\"font-size: 2.5rem; margin-bottom: 20px;\\\">\\r\\n Get <span class=\\\"highlight\\\">Top Prices<\\\/span> for Your Scrap with Free Pickup\\r\\n <\\\/h1>\\r\\n\\r\\n \\r\\n <p class=\\\"hero-subtitle\\\" style=\\\"font-size: 1.1rem; color: #ccc; margin-bottom: 30px;\\\">\\r\\n Instant cash payment, transparent weighing, and eco-friendly recycling across Rajasthan. \\r\\n Professional service you can trust with competitive market rates.\\r\\n <\\\/p>\\r\\n\\r\\n \\r\\n <div class=\\\"cta-buttons\\\" style=\\\"margin-bottom: 40px;\\\">\\r\\n <a href=\\\"tel:9982040371\\\" class=\\\"btn btn-call\\\">\\r\\n <i class=\\\"fas fa-phone\\\"><\\\/i>\\r\\n Call Now: 9982040371\\r\\n <\\\/a>\\r\\n <a href=\\\"https:\\\/\\\/scrapwaalii.com\\\/pickup-request\\\/\\\" class=\\\"btn btn-pickup\\\" style=\\\"margin-left: 10px;\\\">\\r\\n <i class=\\\"fas fa-truck\\\"><\\\/i>\\r\\n Book Free Pickup\\r\\n <\\\/a>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <div class=\\\"hero-features\\\" style=\\\"display: flex; justify-content: space-around; flex-wrap: wrap; gap: 20px;\\\">\\r\\n <div class=\\\"feature-card\\\" style=\\\"background: #111; padding: 20px; border-radius: 12px; flex: 1; min-width: 200px; box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\\">\\r\\n <div class=\\\"feature-icon\\\" style=\\\"margin-bottom: 10px;\\\">\\r\\n <i class=\\\"fas fa-money-bill-wave\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3 style=\\\"margin-bottom: 8px;\\\">Instant Payment<\\\/h3>\\r\\n <p style=\\\"color: #ccc; font-size: 0.95rem;\\\">Get paid immediately in cash or via digital transfer with complete transparency<\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"feature-card\\\" style=\\\"background: #111; padding: 20px; border-radius: 12px; flex: 1; min-width: 200px; box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\\">\\r\\n <div class=\\\"feature-icon\\\" style=\\\"margin-bottom: 10px;\\\">\\r\\n <i class=\\\"fas fa-balance-scale\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3 style=\\\"margin-bottom: 8px;\\\">Transparent Weighing<\\\/h3>\\r\\n <p style=\\\"color: #ccc; font-size: 0.95rem;\\\">Digital scales used in front of you for complete transparency and fair pricing<\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"feature-card\\\" style=\\\"background: #111; padding: 20px; border-radius: 12px; flex: 1; min-width: 200px; box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\\">\\r\\n <div class=\\\"feature-icon\\\" style=\\\"margin-bottom: 10px;\\\">\\r\\n <i class=\\\"fas fa-leaf\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3 style=\\\"margin-bottom: 8px;\\\">Eco-Friendly Process<\\\/h3>\\r\\n <p style=\\\"color: #ccc; font-size: 0.95rem;\\\">Certified recycling with proper environmental compliance and sustainability<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n\\r\\n<style>\\r\\n\\\/* Call Button (Orange) *\\\/\\r\\n.btn-call {\\r\\n background-color: #ff6600;\\r\\n border: none;\\r\\n color: #fff;\\r\\n padding: 12px 20px;\\r\\n border-radius: 6px;\\r\\n font-weight: bold;\\r\\n text-decoration: none;\\r\\n transition: 0.3s ease;\\r\\n}\\r\\n.btn-call:hover {\\r\\n background-color: #e65c00;\\r\\n}\\r\\n\\r\\n\\\/* Pickup Button (Green) *\\\/\\r\\n.btn-pickup {\\r\\n background-color: #28a745;\\r\\n border: none;\\r\\n color: #fff;\\r\\n padding: 12px 20px;\\r\\n border-radius: 6px;\\r\\n font-weight: bold;\\r\\n text-decoration: none;\\r\\n transition: 0.3s ease;\\r\\n}\\r\\n.btn-pickup:hover {\\r\\n background-color: #218838;\\r\\n}\\r\\n\\r\\n\\\/* Hero Badge Styling *\\\/\\r\\n.hero-badge {\\r\\n display: inline-block;\\r\\n background: #ff6600;\\r\\n color: #fff;\\r\\n padding: 8px 15px;\\r\\n border-radius: 20px;\\r\\n font-weight: bold;\\r\\n margin-bottom: 15px;\\r\\n font-size: 14px;\\r\\n}\\r\\n.hero-badge i {\\r\\n margin-right: 6px;\\r\\n}\\r\\n\\r\\n\\\/* Highlight Text *\\\/\\r\\n.highlight {\\r\\n color: #ff6600;\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\n\\\/* Feature Icons *\\\/\\r\\n.feature-icon i {\\r\\n color: #ff6600;\\r\\n font-size: 28px;\\r\\n}\\r\\n\\r\\n\\\/* Responsive *\\\/\\r\\n@media (max-width: 768px) {\\r\\n .hero-title { font-size: 2rem; }\\r\\n .hero-subtitle { font-size: 1rem; }\\r\\n .hero-features { flex-direction: column; gap: 15px; }\\r\\n}\\r\\n<\\\/style>\\r\\n\\r\\n\\r\\n<section class=\\\"tracking-cta-section\\\">\\r\\n <div class=\\\"tracking-cta-container\\\">\\r\\n <h2 class=\\\"tracking-cta-title\\\">\\r\\n <span class=\\\"white-text\\\">Check Your<\\\/span> \\r\\n <span class=\\\"orange-text\\\">Pickup Status<\\\/span>\\r\\n <\\\/h2>\\r\\n <p class=\\\"tracking-cta-subtitle\\\">Track your pickup in real-time by entering your Tracking ID.<\\\/p>\\r\\n\\r\\n <a href=\\\"https:\\\/\\\/scrapwaalii.com\\\/live-pickup-tracking\\\/\\\" class=\\\"tracking-cta-button\\\">Go to Live Pickup Tracking<\\\/a>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n<style>\\r\\n.tracking-cta-section {\\r\\n background: #000;\\r\\n padding: 60px 20px;\\r\\n text-align: center;\\r\\n color: #fff;\\r\\n}\\r\\n\\r\\n.tracking-cta-title {\\r\\n font-size: 2.2rem;\\r\\n margin-bottom: 15px;\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\n.white-text { color: #fff; }\\r\\n.orange-text { color: #ff7f00; }\\r\\n\\r\\n.tracking-cta-subtitle {\\r\\n font-size: 1.2rem;\\r\\n margin-bottom: 25px;\\r\\n color: #ccc;\\r\\n}\\r\\n\\r\\n.tracking-cta-button {\\r\\n display: inline-block;\\r\\n background: #ff7f00;\\r\\n color: #fff;\\r\\n font-weight: bold;\\r\\n padding: 14px 30px;\\r\\n border-radius: 10px;\\r\\n text-decoration: none;\\r\\n transition: 0.3s ease-in-out;\\r\\n}\\r\\n\\r\\n.tracking-cta-button:hover {\\r\\n background: #28a745;\\r\\n}\\r\\n<\\\/style>\\r\\n\\r\\n \\r\\n<section class=\\\"section\\\" id=\\\"trust\\\">\\r\\n <div class=\\\"container\\\">\\r\\n \\r\\n <div class=\\\"section-header\\\">\\r\\n <h2 class=\\\"section-title bordered-heading\\\">\\r\\n Why Choose <span class=\\\"highlight\\\">Scrapwaalii?<\\\/span>\\r\\n <\\\/h2>\\r\\n <p class=\\\"section-subtitle\\\">\\r\\n Experience the difference with our professional service, transparent process, \\r\\n and unwavering commitment to environmental sustainability.\\r\\n <\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <div class=\\\"card-grid\\\">\\r\\n <div class=\\\"enhanced-card\\\">\\r\\n <div class=\\\"card-icon\\\">\\r\\n <i class=\\\"fas fa-certificate\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3>100% Transparent Process<\\\/h3>\\r\\n <p>Digital weighing scales used in front of you with real-time rate calculations. \\r\\n No hidden charges, complete transparency in pricing.<\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"enhanced-card\\\">\\r\\n <div class=\\\"card-icon\\\">\\r\\n <i class=\\\"fas fa-clock\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3>Lightning Quick Service<\\\/h3>\\r\\n <p>Same day pickup available across Delhi NCR. \\r\\n Professional team arrives punctually with all necessary equipment.<\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"enhanced-card\\\">\\r\\n <div class=\\\"card-icon\\\">\\r\\n <i class=\\\"fas fa-shield-alt\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3>Secure & Reliable<\\\/h3>\\r\\n <p>Licensed and insured service with proper documentation. \\r\\n Government-approved recycling facilities ensure compliance.<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n\\r\\n<style>\\r\\n \\\/* Section Styling *\\\/\\r\\n #trust {\\r\\n padding: 60px 20px;\\r\\n background: #000; \\\/* Black background *\\\/\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .section-header {\\r\\n margin-bottom: 40px;\\r\\n }\\r\\n\\r\\n \\\/* Bordered Heading *\\\/\\r\\n .bordered-heading {\\r\\n display: inline-block;\\r\\n padding: 12px 25px;\\r\\n border: 2px solid #ff6600; \\\/* Orange border *\\\/\\r\\n border-radius: 8px;\\r\\n font-size: 2rem;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n margin-bottom: 15px;\\r\\n }\\r\\n\\r\\n .section-subtitle {\\r\\n font-size: 1rem;\\r\\n color: #ccc;\\r\\n max-width: 700px;\\r\\n margin: 0 auto;\\r\\n }\\r\\n\\r\\n \\\/* Card Grid *\\\/\\r\\n .card-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\\r\\n gap: 20px;\\r\\n }\\r\\n\\r\\n \\\/* Card Styling *\\\/\\r\\n .enhanced-card {\\r\\n background: #111;\\r\\n padding: 30px 20px;\\r\\n border-radius: 12px;\\r\\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\r\\n border: 1px solid transparent;\\r\\n transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;\\r\\n color: #fff;\\r\\n }\\r\\n\\r\\n .enhanced-card:hover {\\r\\n transform: translateY(-8px);\\r\\n box-shadow: 0 10px 25px rgba(255, 102, 0, 0.6);\\r\\n border: 1px solid #ff6600;\\r\\n }\\r\\n\\r\\n \\\/* Card Icon *\\\/\\r\\n .card-icon {\\r\\n font-size: 40px;\\r\\n color: #ff6600;\\r\\n margin-bottom: 15px;\\r\\n }\\r\\n\\r\\n \\\/* Card Title *\\\/\\r\\n .enhanced-card h3 {\\r\\n font-size: 1.2rem;\\r\\n margin-bottom: 10px;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n }\\r\\n\\r\\n \\\/* Card Text *\\\/\\r\\n .enhanced-card p {\\r\\n font-size: 0.95rem;\\r\\n color: #ddd;\\r\\n line-height: 1.6;\\r\\n }\\r\\n\\r\\n \\\/* Highlight *\\\/\\r\\n .highlight {\\r\\n color: #ff6600;\\r\\n }\\r\\n<\\\/style>\\r\\n\\r\\n\\r\\n \\r\\n<section class=\\\"section\\\" id=\\\"services\\\">\\r\\n <div class=\\\"container\\\">\\r\\n \\r\\n <div class=\\\"section-header\\\">\\r\\n <h2 class=\\\"section-title bordered-heading\\\">\\r\\n Premium <span class=\\\"highlight\\\">Scrap Collection<\\\/span> Services\\r\\n <\\\/h2>\\r\\n <p class=\\\"section-subtitle\\\">\\r\\n Comprehensive scrap collection solutions designed for maximum convenience, \\r\\n transparency, and value.\\r\\n <\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <div class=\\\"card-grid\\\">\\r\\n <div class=\\\"enhanced-card\\\">\\r\\n <div class=\\\"card-icon\\\">\\r\\n <i class=\\\"fas fa-home\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3>Doorstep Pickup Service<\\\/h3>\\r\\n <p>Schedule convenient pickup at your preferred time. \\r\\n Our equipped team arrives with certified weighing equipment for immediate service.<\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"enhanced-card\\\">\\r\\n <div class=\\\"card-icon\\\">\\r\\n <i class=\\\"fas fa-chart-line\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3>Best Market Rates<\\\/h3>\\r\\n <p>Daily updated prices based on current market conditions. \\r\\n Get maximum value for your scrap materials with competitive rates.<\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"enhanced-card\\\">\\r\\n <div class=\\\"card-icon\\\">\\r\\n <i class=\\\"fas fa-recycle\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3>Certified Eco-Recycling<\\\/h3>\\r\\n <p>All materials processed through government-approved facilities with complete \\r\\n environmental compliance and sustainability.<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n\\r\\n<style>\\r\\n \\\/* Section Styling *\\\/\\r\\n #services {\\r\\n padding: 60px 20px;\\r\\n background: #000; \\\/* Black background *\\\/\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .section-header {\\r\\n margin-bottom: 40px;\\r\\n }\\r\\n\\r\\n \\\/* Bordered Heading *\\\/\\r\\n .bordered-heading {\\r\\n display: inline-block;\\r\\n padding: 12px 25px;\\r\\n border: 2px solid #ff6600; \\\/* Orange border *\\\/\\r\\n border-radius: 8px;\\r\\n font-size: 2rem;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n margin-bottom: 15px;\\r\\n }\\r\\n\\r\\n .section-subtitle {\\r\\n font-size: 1rem;\\r\\n color: #ccc;\\r\\n max-width: 700px;\\r\\n margin: 0 auto;\\r\\n }\\r\\n\\r\\n \\\/* Card Grid *\\\/\\r\\n .card-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\\r\\n gap: 20px;\\r\\n }\\r\\n\\r\\n \\\/* Card Styling *\\\/\\r\\n .enhanced-card {\\r\\n background: #111;\\r\\n padding: 30px 20px;\\r\\n border-radius: 12px;\\r\\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\r\\n border: 1px solid transparent;\\r\\n transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;\\r\\n color: #fff;\\r\\n }\\r\\n\\r\\n .enhanced-card:hover {\\r\\n transform: translateY(-8px);\\r\\n box-shadow: 0 10px 25px rgba(255, 102, 0, 0.6);\\r\\n border: 1px solid #ff6600;\\r\\n }\\r\\n\\r\\n \\\/* Card Icon *\\\/\\r\\n .card-icon {\\r\\n font-size: 40px;\\r\\n color: #ff6600;\\r\\n margin-bottom: 15px;\\r\\n }\\r\\n\\r\\n \\\/* Card Title *\\\/\\r\\n .enhanced-card h3 {\\r\\n font-size: 1.2rem;\\r\\n margin-bottom: 10px;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n }\\r\\n\\r\\n \\\/* Card Text *\\\/\\r\\n .enhanced-card p {\\r\\n font-size: 0.95rem;\\r\\n color: #ddd;\\r\\n line-height: 1.6;\\r\\n }\\r\\n\\r\\n \\\/* Highlight *\\\/\\r\\n .highlight {\\r\\n color: #ff6600;\\r\\n }\\r\\n<\\\/style>\\r\\n\\r\\n \\r\\n<section class=\\\"section\\\" id=\\\"process\\\">\\r\\n <div class=\\\"container\\\">\\r\\n \\r\\n <div class=\\\"section-header\\\">\\r\\n <h2 class=\\\"section-title bordered-heading\\\">\\r\\n Simple <span class=\\\"highlight\\\">3-Step<\\\/span> Process\\r\\n <\\\/h2>\\r\\n <p class=\\\"section-subtitle\\\">\\r\\n Selling your scrap has never been easier with our streamlined, transparent, \\r\\n and efficient service process.\\r\\n <\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <div class=\\\"process-grid\\\">\\r\\n <div class=\\\"process-step\\\">\\r\\n <div class=\\\"step-number\\\">1<\\\/div>\\r\\n <h3>Schedule Your Pickup<\\\/h3>\\r\\n <p>Call us or book online with preferred time slot. \\r\\n We provide instant estimated quotes and confirm pickup details.<\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"process-step\\\">\\r\\n <div class=\\\"step-number\\\">2<\\\/div>\\r\\n <h3>We Collect & Weigh<\\\/h3>\\r\\n <p>Our professional team arrives with certified digital scales \\r\\n for transparent weighing and immediate rate calculation.<\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"process-step\\\">\\r\\n <div class=\\\"step-number\\\">3<\\\/div>\\r\\n <h3>Get Instant Payment<\\\/h3>\\r\\n <p>Receive immediate cash payment or choose secure digital transfer. \\r\\n Complete transaction with proper documentation.<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n\\r\\n<style>\\r\\n \\\/* Section Styling *\\\/\\r\\n #process {\\r\\n padding: 60px 20px;\\r\\n background: #000; \\\/* Black background *\\\/\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .section-header {\\r\\n margin-bottom: 40px;\\r\\n }\\r\\n\\r\\n \\\/* Bordered Heading *\\\/\\r\\n .bordered-heading {\\r\\n display: inline-block;\\r\\n padding: 12px 25px;\\r\\n border: 2px solid #ff6600;\\r\\n border-radius: 8px;\\r\\n font-size: 2rem;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n margin-bottom: 15px;\\r\\n }\\r\\n\\r\\n .section-subtitle {\\r\\n font-size: 1rem;\\r\\n color: #ccc;\\r\\n max-width: 700px;\\r\\n margin: 0 auto;\\r\\n }\\r\\n\\r\\n \\\/* Process Grid *\\\/\\r\\n .process-grid {\\r\\n display: flex;\\r\\n justify-content: space-between;\\r\\n align-items: flex-start;\\r\\n gap: 30px;\\r\\n position: relative;\\r\\n margin-top: 40px;\\r\\n flex-wrap: wrap;\\r\\n }\\r\\n\\r\\n \\\/* Orange connecting line *\\\/\\r\\n .process-grid::before {\\r\\n content: \\\"\\\";\\r\\n position: absolute;\\r\\n top: 25px;\\r\\n left: 50px;\\r\\n right: 50px;\\r\\n height: 3px;\\r\\n background: #ff6600;\\r\\n z-index: 0;\\r\\n }\\r\\n\\r\\n \\\/* Process Step *\\\/\\r\\n .process-step {\\r\\n background: #111;\\r\\n padding: 30px 20px;\\r\\n border-radius: 12px;\\r\\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\r\\n border: 1px solid transparent;\\r\\n transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;\\r\\n color: #fff;\\r\\n text-align: center;\\r\\n flex: 1;\\r\\n min-width: 250px;\\r\\n position: relative;\\r\\n z-index: 1;\\r\\n }\\r\\n\\r\\n .process-step:hover {\\r\\n transform: translateY(-8px);\\r\\n box-shadow: 0 10px 25px rgba(255, 102, 0, 0.6);\\r\\n border: 1px solid #ff6600;\\r\\n }\\r\\n\\r\\n \\\/* Step Number *\\\/\\r\\n .step-number {\\r\\n width: 50px;\\r\\n height: 50px;\\r\\n margin: 0 auto 15px auto;\\r\\n background: #ff6600;\\r\\n color: #fff;\\r\\n font-size: 1.2rem;\\r\\n font-weight: bold;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n border-radius: 50%;\\r\\n box-shadow: 0 0 15px rgba(255, 102, 0, 0.7);\\r\\n position: relative;\\r\\n z-index: 2;\\r\\n }\\r\\n\\r\\n \\\/* Step Title *\\\/\\r\\n .process-step h3 {\\r\\n font-size: 1.2rem;\\r\\n margin-bottom: 10px;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n }\\r\\n\\r\\n \\\/* Step Text *\\\/\\r\\n .process-step p {\\r\\n font-size: 0.95rem;\\r\\n color: #ddd;\\r\\n line-height: 1.6;\\r\\n }\\r\\n\\r\\n \\\/* Highlight *\\\/\\r\\n .highlight {\\r\\n color: #ff6600;\\r\\n }\\r\\n\\r\\n \\\/* Responsive: stack vertically *\\\/\\r\\n @media (max-width: 768px) {\\r\\n .process-grid {\\r\\n flex-direction: column;\\r\\n align-items: center;\\r\\n }\\r\\n\\r\\n .process-grid::before {\\r\\n width: 3px;\\r\\n height: calc(100% - 50px);\\r\\n left: 50%;\\r\\n top: 50px;\\r\\n right: auto;\\r\\n }\\r\\n\\r\\n .process-step {\\r\\n max-width: 350px;\\r\\n }\\r\\n }\\r\\n<\\\/style>\\r\\n\\r\\n<section class=\\\"section\\\" id=\\\"rates\\\">\\r\\n <div class=\\\"container\\\">\\r\\n <div class=\\\"section-header\\\">\\r\\n <h2 class=\\\"section-title bordered-heading\\\">\\r\\n Today's <span class=\\\"highlight\\\">Competitive Scrap Rates<\\\/span>\\r\\n <\\\/h2>\\r\\n <p class=\\\"section-subtitle\\\">\\r\\n Our prices are updated daily to ensure you get the best value.\\r\\n <span style=\\\"color: var(--accent, #ff6600); font-weight: 700;\\\">\\r\\n Last updated: <span id=\\\"current-date\\\"><\\\/span>\\r\\n <\\\/span>\\r\\n <\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <div class=\\\"rates-container\\\">\\r\\n <table class=\\\"rates-table\\\" id=\\\"highlighted-rates\\\">\\r\\n <thead>\\r\\n <tr>\\r\\n <th>Scrap Material<\\\/th>\\r\\n <th>Current Rate (\\u20b9\\\/Kg)<\\\/th>\\r\\n <\\\/tr>\\r\\n <\\\/thead>\\r\\n <tbody>\\r\\n \\r\\n <\\\/tbody>\\r\\n <\\\/table>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <div style=\\\"margin-top: 25px;\\\">\\r\\n <a href=\\\"https:\\\/\\\/scrapwaalii.com\\\/paper\\\/\\\" class=\\\"btn-view-all\\\">View All Scrap Rates \\u2192<\\\/a>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n<script>\\r\\n document.addEventListener(\\\"DOMContentLoaded\\\", function () {\\r\\n \\\/\\\/ Date auto-update\\r\\n const dateElement = document.getElementById(\\\"current-date\\\");\\r\\n const today = new Date();\\r\\n dateElement.textContent = today.toLocaleDateString(\\\"en-IN\\\", {\\r\\n day: \\\"numeric\\\",\\r\\n month: \\\"long\\\",\\r\\n year: \\\"numeric\\\"\\r\\n });\\r\\n\\r\\n \\\/\\\/ Full scrap list\\r\\n const allRates = [\\r\\n { material: \\\"\\ud83d\\udcf0 Newspaper\\\", rate: \\\"\\u20b912-15\\\" },\\r\\n { material: \\\"\\u2699\\ufe0f Iron\\\/Steel\\\", rate: \\\"\\u20b925-30\\\" },\\r\\n { material: \\\"\\ud83e\\udd64 Plastic\\\", rate: \\\"\\u20b915-25\\\" },\\r\\n { material: \\\"\\ud83d\\udd0c Copper\\\", rate: \\\"\\u20b9450-550\\\" },\\r\\n { material: \\\"\\ud83d\\udd29 Aluminium\\\", rate: \\\"\\u20b980-100\\\" },\\r\\n { material: \\\"\\ud83c\\udffa Brass\\\", rate: \\\"\\u20b9300-350\\\" },\\r\\n { material: \\\"\\ud83d\\udcbb E-Waste\\\", rate: \\\"\\u20b940-120\\\" },\\r\\n { material: \\\"\\ud83d\\udd0b Lead Batteries\\\", rate: \\\"\\u20b960-150\\\" }\\r\\n ];\\r\\n\\r\\n \\\/\\\/ Shuffle and pick 5 random\\r\\n const shuffled = allRates.sort(() => 0.5 - Math.random());\\r\\n const selected = shuffled.slice(0, 5);\\r\\n\\r\\n \\\/\\\/ Insert into table\\r\\n const tbody = document.querySelector(\\\"#highlighted-rates tbody\\\");\\r\\n selected.forEach(item => {\\r\\n const row = document.createElement(\\\"tr\\\");\\r\\n row.innerHTML = `<td>${item.material}<\\\/td><td class=\\\"price\\\">${item.rate}<\\\/td>`;\\r\\n tbody.appendChild(row);\\r\\n });\\r\\n });\\r\\n<\\\/script>\\r\\n\\r\\n<style>\\r\\n .btn-view-all {\\r\\n display: inline-block;\\r\\n padding: 12px 25px;\\r\\n background: #ff6600;\\r\\n color: #fff;\\r\\n border-radius: 6px;\\r\\n font-weight: bold;\\r\\n text-decoration: none;\\r\\n transition: 0.3s;\\r\\n }\\r\\n .btn-view-all:hover {\\r\\n background: #ff8533;\\r\\n }\\r\\n .price {\\r\\n font-weight: bold;\\r\\n color: #ff6600;\\r\\n }\\r\\n<\\\/style>\\r\\n\\r\\n\\r\\n \\r\\n\\r\\n<section class=\\\"section\\\" id=\\\"areas\\\">\\r\\n <div class=\\\"container\\\">\\r\\n \\r\\n <div class=\\\"section-header\\\">\\r\\n <h2 class=\\\"section-title bordered-heading\\\">\\r\\n Our <span class=\\\"highlight\\\">Service Areas<\\\/span>\\r\\n <\\\/h2>\\r\\n <p class=\\\"section-subtitle\\\">\\r\\n We provide comprehensive scrap pickup services across these major cities with expansion plans for additional locations.\\r\\n <\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <div class=\\\"areas-grid\\\" id=\\\"areasGrid\\\">\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfd9\\ufe0f<\\\/span> Delhi<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfe2<\\\/span> Gurugram<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfd8\\ufe0f<\\\/span> Noida<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfe0<\\\/span> Ghaziabad<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfed<\\\/span> Faridabad<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udff0<\\\/span> Jaipur<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfef<\\\/span> Lucknow<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udf06<\\\/span> Chandigarh<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfd9\\ufe0f<\\\/span> Greater Noida<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfd8\\ufe0f<\\\/span> Sonipat<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfed<\\\/span> Meerut<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfe0<\\\/span> Panipat<\\\/div>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <svg class=\\\"area-lines\\\" xmlns=\\\"http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\\"><\\\/svg>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n<style>\\r\\n#areas {\\r\\n padding: 60px 20px;\\r\\n background: #000;\\r\\n text-align: center;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n.section-header { margin-bottom: 40px; }\\r\\n\\r\\n.bordered-heading {\\r\\n display: inline-block;\\r\\n padding: 12px 25px;\\r\\n border: 2px solid #ff6600;\\r\\n border-radius: 8px;\\r\\n font-size: 2rem;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n margin-bottom: 15px;\\r\\n}\\r\\n\\r\\n.highlight { color: #ff6600; }\\r\\n\\r\\n.section-subtitle {\\r\\n font-size: 1rem;\\r\\n color: #ccc;\\r\\n max-width: 750px;\\r\\n margin: 0 auto;\\r\\n}\\r\\n\\r\\n.areas-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\\r\\n gap: 25px;\\r\\n margin-top: 40px;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n.area-card {\\r\\n background: #111;\\r\\n color: #fff;\\r\\n padding: 25px 15px;\\r\\n border-radius: 12px;\\r\\n font-weight: 600;\\r\\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\r\\n border: 1px solid transparent;\\r\\n transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;\\r\\n cursor: default;\\r\\n font-size: 1rem;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n gap: 10px;\\r\\n position: relative;\\r\\n z-index: 1;\\r\\n}\\r\\n\\r\\n.area-card:hover {\\r\\n box-shadow: 0 10px 25px rgba(255, 102, 0, 0.6);\\r\\n border: 1px solid #ff6600;\\r\\n}\\r\\n\\r\\n.area-icon { font-size: 1.5rem; }\\r\\n\\r\\n\\\/* SVG lines style *\\\/\\r\\n.area-lines {\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: 0;\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n pointer-events: none;\\r\\n overflow: visible;\\r\\n}\\r\\n\\r\\n.draw-line {\\r\\n stroke-dasharray: 1000;\\r\\n stroke-dashoffset: 1000;\\r\\n animation: draw 1s forwards, glow 2s infinite alternate;\\r\\n stroke: #ff6600;\\r\\n stroke-width: 2;\\r\\n fill: none;\\r\\n opacity: 0.6;\\r\\n}\\r\\n\\r\\n@keyframes draw {\\r\\n to { stroke-dashoffset: 0; }\\r\\n}\\r\\n\\r\\n@keyframes glow {\\r\\n 0% { stroke: rgba(255,102,0,0.6); filter: drop-shadow(0 0 2px rgba(255,102,0,0.5)); }\\r\\n 50% { stroke: rgba(255,204,102,0.8); filter: drop-shadow(0 0 6px rgba(255,204,102,0.7)); }\\r\\n 100% { stroke: rgba(255,102,0,0.6); filter: drop-shadow(0 0 2px rgba(255,102,0,0.5)); }\\r\\n}\\r\\n\\r\\n@media (max-width: 768px) {\\r\\n .areas-grid {\\r\\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\\r\\n }\\r\\n .section-title { font-size: 1.8rem; }\\r\\n .section-subtitle { font-size: 0.95rem; }\\r\\n .area-card { font-size: 0.95rem; padding: 20px 10px; }\\r\\n}\\r\\n<\\\/style>\\r\\n\\r\\n<script>\\r\\ndocument.addEventListener(\\\"DOMContentLoaded\\\", function () {\\r\\n const cards = document.querySelectorAll(\\\".area-card\\\");\\r\\n const svg = document.querySelector(\\\".area-lines\\\");\\r\\n const svgNS = \\\"http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\\";\\r\\n\\r\\n \\\/\\\/ Draw connecting curved lines\\r\\n function drawLines() {\\r\\n svg.innerHTML = \\\"\\\";\\r\\n for (let i = 0; i < cards.length - 1; i++) {\\r\\n const start = cards[i].getBoundingClientRect();\\r\\n const end = cards[i+1].getBoundingClientRect();\\r\\n const offsetTop = window.scrollY || window.pageYOffset;\\r\\n\\r\\n const x1 = start.left + start.width\\\/2;\\r\\n const y1 = start.top + start.height\\\/2 + offsetTop;\\r\\n const x2 = end.left + end.width\\\/2;\\r\\n const y2 = end.top + end.height\\\/2 + offsetTop;\\r\\n\\r\\n const path = document.createElementNS(svgNS, \\\"path\\\");\\r\\n path.setAttribute(\\\"d\\\", `M${x1},${y1} C${(x1+x2)\\\/2},${y1-30} ${(x1+x2)\\\/2},${y2+30} ${x2},${y2}`);\\r\\n path.classList.add(\\\"draw-line\\\");\\r\\n svg.appendChild(path);\\r\\n }\\r\\n }\\r\\n\\r\\n window.addEventListener(\\\"resize\\\", drawLines);\\r\\n drawLines(); \\\/\\\/ initial draw\\r\\n});\\r\\n<\\\/script>\\r\\n\\r\\n \\r\\n<section class=\\\"section\\\" id=\\\"testimonials\\\">\\r\\n <div class=\\\"container\\\">\\r\\n \\r\\n <div class=\\\"section-header\\\">\\r\\n <h2 class=\\\"section-title bordered-heading\\\">\\r\\n Customer <span class=\\\"highlight\\\">Success Stories<\\\/span>\\r\\n <\\\/h2>\\r\\n <p class=\\\"section-subtitle\\\">\\r\\n Read authentic reviews from our satisfied customers who experienced our transparent and reliable service.\\r\\n <\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <div class=\\\"card-grid\\\">\\r\\n <div class=\\\"testimonial-card\\\">\\r\\n <div class=\\\"testimonial-content\\\">\\r\\n <div class=\\\"stars\\\">\\u2b50\\u2b50\\u2b50\\u2b50\\u2b50<\\\/div>\\r\\n <p>\\\"Outstanding service experience! The team arrived exactly on time, used transparent digital weighing, and paid instantly. Best rates compared to local dealers in South Delhi.\\\"<\\\/p>\\r\\n <\\\/div>\\r\\n <div class=\\\"testimonial-author\\\">\\r\\n <div class=\\\"author-avatar\\\">RK<\\\/div>\\r\\n <div class=\\\"author-info\\\">\\r\\n <div class=\\\"author-name\\\">Rajesh Kumar<\\\/div>\\r\\n <div class=\\\"author-location\\\">South Delhi<\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"testimonial-card\\\">\\r\\n <div class=\\\"testimonial-content\\\">\\r\\n <div class=\\\"stars\\\">\\u2b50\\u2b50\\u2b50\\u2b50\\u2b50<\\\/div>\\r\\n <p>\\\"Extremely professional and trustworthy team. As a senior citizen, I found their service incredibly convenient and reliable. They handled everything with complete transparency.\\\"<\\\/p>\\r\\n <\\\/div>\\r\\n <div class=\\\"testimonial-author\\\">\\r\\n <div class=\\\"author-avatar\\\">SP<\\\/div>\\r\\n <div class=\\\"author-info\\\">\\r\\n <div class=\\\"author-name\\\">Sunita Pathak<\\\/div>\\r\\n <div class=\\\"author-location\\\">Noida<\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"testimonial-card\\\">\\r\\n <div class=\\\"testimonial-content\\\">\\r\\n <div class=\\\"stars\\\">\\u2b50\\u2b50\\u2b50\\u2b50\\u2b50<\\\/div>\\r\\n <p>\\\"Perfect solution for corporate scrap management. They handled our office electronic waste professionally and provided proper certificates for data destruction. Excellent service!\\\"<\\\/p>\\r\\n <\\\/div>\\r\\n <div class=\\\"testimonial-author\\\">\\r\\n <div class=\\\"author-avatar\\\">AS<\\\/div>\\r\\n <div class=\\\"author-info\\\">\\r\\n <div class=\\\"author-name\\\">Anil Sharma<\\\/div>\\r\\n <div class=\\\"author-location\\\">Gurugram<\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n\\r\\n<style>\\r\\n #testimonials {\\r\\n padding: 60px 20px;\\r\\n background: #000;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .section-header {\\r\\n margin-bottom: 40px;\\r\\n }\\r\\n\\r\\n .bordered-heading {\\r\\n display: inline-block;\\r\\n padding: 12px 25px;\\r\\n border: 2px solid #ff6600;\\r\\n border-radius: 8px;\\r\\n font-size: 2rem;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n margin-bottom: 15px;\\r\\n }\\r\\n\\r\\n .highlight {\\r\\n color: #ff6600;\\r\\n }\\r\\n\\r\\n .section-subtitle {\\r\\n font-size: 1rem;\\r\\n color: #ccc;\\r\\n max-width: 750px;\\r\\n margin: 0 auto;\\r\\n }\\r\\n\\r\\n .card-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\\r\\n gap: 25px;\\r\\n margin-top: 40px;\\r\\n }\\r\\n\\r\\n .testimonial-card {\\r\\n background: #111;\\r\\n border-radius: 12px;\\r\\n padding: 25px 20px;\\r\\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\r\\n border: 1px solid transparent;\\r\\n transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;\\r\\n color: #fff;\\r\\n text-align: left;\\r\\n }\\r\\n\\r\\n .testimonial-card:hover {\\r\\n transform: translateY(-8px);\\r\\n box-shadow: 0 10px 25px rgba(255,102,0,0.6);\\r\\n border: 1px solid #ff6600;\\r\\n }\\r\\n\\r\\n .testimonial-content .stars {\\r\\n color: #ff6600;\\r\\n font-size: 1.2rem;\\r\\n margin-bottom: 1rem;\\r\\n }\\r\\n\\r\\n .testimonial-content p {\\r\\n font-style: italic;\\r\\n color: #ccc;\\r\\n line-height: 1.6;\\r\\n margin-bottom: 2rem;\\r\\n }\\r\\n\\r\\n .testimonial-author {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 1rem;\\r\\n }\\r\\n\\r\\n .author-avatar {\\r\\n width: 50px;\\r\\n height: 50px;\\r\\n background: linear-gradient(135deg, #ff6600, #ff8533);\\r\\n border-radius: 50%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-weight: 700;\\r\\n font-size: 1.2rem;\\r\\n color: #000;\\r\\n }\\r\\n\\r\\n .author-info .author-name {\\r\\n font-weight: 700;\\r\\n color: #fff;\\r\\n }\\r\\n\\r\\n .author-info .author-location {\\r\\n font-size: 0.9rem;\\r\\n color: #888;\\r\\n }\\r\\n\\r\\n @media (max-width: 768px) {\\r\\n .testimonial-card {\\r\\n padding: 20px 15px;\\r\\n }\\r\\n\\r\\n .section-title {\\r\\n font-size: 1.8rem;\\r\\n }\\r\\n\\r\\n .section-subtitle {\\r\\n font-size: 0.95rem;\\r\\n }\\r\\n }\\r\\n<\\\/style>\\r\\n\\r\\n \\r\\n<section class=\\\"section\\\" id=\\\"faq\\\">\\r\\n <div class=\\\"container\\\">\\r\\n <div class=\\\"section-header\\\">\\r\\n <h2 class=\\\"section-title bordered-heading\\\">\\r\\n Frequently <span class=\\\"highlight\\\">Asked Questions<\\\/span>\\r\\n <\\\/h2>\\r\\n <p class=\\\"section-subtitle\\\">\\r\\n Find comprehensive answers to common questions about our transparent scrap pickup service, pricing, and processes.\\r\\n <\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"faq-container\\\">\\r\\n <div class=\\\"faq-item\\\">\\r\\n <div class=\\\"faq-question\\\">\\r\\n <i class=\\\"fas fa-question-circle\\\"><\\\/i>\\r\\n <span>What is the minimum pickup amount required?<\\\/span>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-answer\\\">\\r\\n <p>We have a minimum pickup value of \\u20b9250 to ensure cost-effective service. You can combine different types of scrap materials to reach this minimum amount.<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-item\\\">\\r\\n <div class=\\\"faq-question\\\">\\r\\n <i class=\\\"fas fa-question-circle\\\"><\\\/i>\\r\\n <span>How do you determine fair pricing for materials?<\\\/span>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-answer\\\">\\r\\n <p>Our prices are based on current market rates and updated daily. We use certified digital scales in front of you for complete transparency and provide detailed rate calculations.<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-item\\\">\\r\\n <div class=\\\"faq-question\\\">\\r\\n <i class=\\\"fas fa-question-circle\\\"><\\\/i>\\r\\n <span>What payment methods are available?<\\\/span>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-answer\\\">\\r\\n <p>We provide immediate cash payment on-site. For larger amounts, we also offer secure UPI transfers and bank deposit options for your convenience.<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-item\\\">\\r\\n <div class=\\\"faq-question\\\">\\r\\n <i class=\\\"fas fa-question-circle\\\"><\\\/i>\\r\\n <span>Do you provide destruction certificates for sensitive materials?<\\\/span>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-answer\\\">\\r\\n <p>Yes, we provide certified destruction certificates for electronic waste containing sensitive data, following industry security standards and compliance requirements.<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-item\\\">\\r\\n <div class=\\\"faq-question\\\">\\r\\n <i class=\\\"fas fa-question-circle\\\"><\\\/i>\\r\\n <span>How quickly can you schedule a pickup?<\\\/span>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-answer\\\">\\r\\n <p>We typically schedule pickups within 24 hours of your request. Same-day service is available for urgent requests in most coverage areas across Delhi NCR.<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n\\r\\n<link rel=\\\"stylesheet\\\" href=\\\"https:\\\/\\\/cdnjs.cloudflare.com\\\/ajax\\\/libs\\\/font-awesome\\\/5.15.4\\\/css\\\/all.min.css\\\">\\r\\n\\r\\n\\r\\n<style>\\r\\n #faq {\\r\\n padding: 60px 20px;\\r\\n background: #000;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .section-header {\\r\\n margin-bottom: 40px;\\r\\n }\\r\\n\\r\\n .bordered-heading {\\r\\n display: inline-block;\\r\\n padding: 12px 25px;\\r\\n border: 2px solid #ff6600;\\r\\n border-radius: 8px;\\r\\n font-size: 2rem;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n margin-bottom: 15px;\\r\\n }\\r\\n\\r\\n .highlight {\\r\\n color: #ff6600;\\r\\n }\\r\\n\\r\\n .section-subtitle {\\r\\n font-size: 1rem;\\r\\n color: #ccc;\\r\\n max-width: 750px;\\r\\n margin: 0 auto;\\r\\n }\\r\\n\\r\\n .faq-container {\\r\\n margin-top: 40px;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n gap: 20px;\\r\\n }\\r\\n\\r\\n .faq-item {\\r\\n background: #111;\\r\\n border-radius: 12px;\\r\\n border-left: 5px solid #ff6600;\\r\\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\r\\n overflow: hidden;\\r\\n transition: box-shadow 0.3s ease, border-left 0.3s ease, transform 0.3s ease, filter 0.3s ease;\\r\\n color: #fff;\\r\\n text-align: left;\\r\\n padding: 20px 20px 20px 15px;\\r\\n }\\r\\n\\r\\n .faq-item:hover {\\r\\n box-shadow: 0 10px 25px rgba(255,102,0,0.6);\\r\\n border-left: 5px solid #ff8533;\\r\\n filter: drop-shadow(0 0 10px rgba(255,102,0,0.5));\\r\\n transform: translateY(-3px);\\r\\n }\\r\\n\\r\\n .faq-question {\\r\\n font-weight: 600;\\r\\n font-size: 1rem;\\r\\n margin-bottom: 10px;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 10px;\\r\\n color: #ff6600;\\r\\n transition: all 0.3s ease;\\r\\n }\\r\\n\\r\\n .faq-answer p {\\r\\n color: #ccc;\\r\\n font-size: 0.95rem;\\r\\n line-height: 1.6;\\r\\n margin: 0;\\r\\n }\\r\\n\\r\\n .faq-question i {\\r\\n font-size: 1.1rem;\\r\\n color: #ff6600;\\r\\n transition: transform 0.5s ease;\\r\\n }\\r\\n\\r\\n .faq-item:hover .faq-question i {\\r\\n transform: rotate(20deg) scale(1.2);\\r\\n }\\r\\n\\r\\n @media (max-width: 768px) {\\r\\n .faq-question {\\r\\n font-size: 0.95rem;\\r\\n }\\r\\n .faq-answer p {\\r\\n font-size: 0.9rem;\\r\\n }\\r\\n }\\r\\n<\\\/style>\\r\\n\\r\\n<footer class=\\\"footer\\\">\\r\\n <div class=\\\"container\\\">\\r\\n <div class=\\\"footer-grid\\\">\\r\\n <div class=\\\"footer-col\\\">\\r\\n <h3>About Scrapwaalii<\\\/h3>\\r\\n <p>Leading professional scrap collection service in Bhadra Tehsil since 2025. We revolutionize waste management with transparent pricing, eco-friendly practices, and exceptional customer service. customer service.<\\\/p>\\r\\n <div class=\\\"social-links\\\">\\r\\n <a href=\\\"#\\\" class=\\\"social-link\\\" aria-label=\\\"Facebook\\\"><i class=\\\"fab fa-facebook-f\\\"><\\\/i><\\\/a>\\r\\n <a href=\\\"#\\\" class=\\\"social-link\\\" aria-label=\\\"Instagram\\\"><i class=\\\"fab fa-instagram\\\"><\\\/i><\\\/a>\\r\\n <a href=\\\"#\\\" class=\\\"social-link\\\" aria-label=\\\"Twitter\\\"><i class=\\\"fab fa-twitter\\\"><\\\/i><\\\/a>\\r\\n <a href=\\\"#\\\" class=\\\"social-link\\\" aria-label=\\\"WhatsApp\\\"><i class=\\\"fab fa-whatsapp\\\"><\\\/i><\\\/a>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <div class=\\\"footer-col\\\">\\r\\n <h3>Quick Navigation<\\\/h3>\\r\\n <ul class=\\\"footer-links\\\">\\r\\n <li><a href=\\\"#services\\\">Our Services<\\\/a><\\\/li>\\r\\n <li><a href=\\\"#rates\\\">Current Rates<\\\/a><\\\/li>\\r\\n <li><a href=\\\"#areas\\\">Service Areas<\\\/a><\\\/li>\\r\\n <li><a href=\\\"#testimonials\\\">Customer Reviews<\\\/a><\\\/li>\\r\\n <li><a href=\\\"https:\\\/\\\/scrapwaalii.com\\\/en\\\/contact\\\/\\\">Contact Us<\\\/a><\\\/li>\\r\\n <li><a href=\\\"https:\\\/\\\/scrapwaalii.com\\\/en\\\/elementor-7009\\\/\\\">Privacy Policy<\\\/a><\\\/li>\\r\\n <\\\/ul>\\r\\n <\\\/div>\\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<div class=\\\"footer-col\\\">\\r\\n <h3>Follow Us<\\\/h3>\\r\\n <ul class=\\\"footer-links social-icons\\\">\\r\\n <li><a href=\\\"https:\\\/\\\/www.facebook.com\\\/YourPage\\\" target=\\\"_blank\\\"><i class=\\\"fab fa-facebook-f\\\"><\\\/i> Facebook<\\\/a><\\\/li>\\r\\n <li><a href=\\\"https:\\\/\\\/www.instagram.com\\\/YourPage\\\" target=\\\"_blank\\\"><i class=\\\"fab fa-instagram\\\"><\\\/i> Instagram<\\\/a><\\\/li>\\r\\n <li><a href=\\\"https:\\\/\\\/twitter.com\\\/YourPage\\\" target=\\\"_blank\\\"><i class=\\\"fab fa-twitter\\\"><\\\/i> Twitter<\\\/a><\\\/li>\\r\\n <li><a href=\\\"https:\\\/\\\/www.linkedin.com\\\/company\\\/YourPage\\\" target=\\\"_blank\\\"><i class=\\\"fab fa-linkedin-in\\\"><\\\/i> LinkedIn<\\\/a><\\\/li>\\r\\n <li><a href=\\\"https:\\\/\\\/www.youtube.com\\\/channel\\\/YourPage\\\" target=\\\"_blank\\\"><i class=\\\"fab fa-youtube\\\"><\\\/i> YouTube<\\\/a><\\\/li>\\r\\n <\\\/ul>\\r\\n<\\\/div>\\r\\n\\r\\n<style>\\r\\n.footer-links.social-icons li a {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 8px;\\r\\n color: #ccc;\\r\\n text-decoration: none;\\r\\n}\\r\\n.footer-links.social-icons li a:hover {\\r\\n color: #28a745; \\\/* hover green *\\\/\\r\\n}\\r\\n<\\\/style>\\r\\n\\r\\n <div class=\\\"footer-col\\\" id=\\\"contact\\\">\\r\\n <h3>Contact Information<\\\/h3>\\r\\n <ul class=\\\"contact-info\\\">\\r\\n <li><i class=\\\"fas fa-phone\\\"><\\\/i><a href=\\\"tel:7065424442\\\">9982040371<\\\/a><\\\/li>\\r\\n <li><i class=\\\"fas fa-envelope\\\"><\\\/i><a href=\\\"mailto:support@scrapwaalii.com\\\">support@scrapwaalii.com<\\\/a><\\\/li>\\r\\n <li><i class=\\\"fas fa-map-marker-alt\\\"><\\\/i>Bhadra (Rajasthan), India<\\\/li>\\r\\n <li><i class=\\\"fas fa-clock\\\"><\\\/i>Mon-Sat: 8:00 AM - 8:00 PM<\\\/li>\\r\\n <\\\/ul>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <div class=\\\"footer-bottom\\\">\\r\\n <p>\\r\\n © 2025 Scrapwaalii \\u00b7 All Rights Reserved \\u00b7 Designed & Developed by Ankit Suthar (IIT Ropar) |\\r\\n <a href=\\\"https:\\\/\\\/scrapwaalii.com\\\/en\\\/elementor-7009\\\/\\\">Privacy Policy<\\\/a> |\\r\\n <a href=\\\"https:\\\/\\\/scrapwaalii.com\\\/en\\\/terms-of-service\\\/\\\">Terms of Service<\\\/a> |\\r\\n \\r\\n <\\\/p>\\r\\n<\\\/div>\\r\\n\\r\\n <\\\/div>\\r\\n<\\\/footer>\\r\\n\\r\\n\\r\\n<style>\\r\\n.footer {\\r\\n background: #000;\\r\\n color: #ccc;\\r\\n padding: 60px 20px 30px;\\r\\n font-size: 0.95rem;\\r\\n line-height: 1.6;\\r\\n}\\r\\n.footer a {\\r\\n color: #ccc;\\r\\n text-decoration: none;\\r\\n transition: color 0.3s ease, transform 0.3s ease;\\r\\n}\\r\\n.footer a:hover {\\r\\n color: #ff6600;\\r\\n transform: translateY(-2px);\\r\\n}\\r\\n.footer-grid {\\r\\n display: flex;\\r\\n flex-wrap: wrap;\\r\\n gap: 30px;\\r\\n justify-content: space-between;\\r\\n}\\r\\n.footer-col {\\r\\n flex: 1 1 220px;\\r\\n min-width: 220px;\\r\\n}\\r\\n.footer-col h3 {\\r\\n font-size: 1.2rem;\\r\\n color: #fff;\\r\\n margin-bottom: 15px;\\r\\n border-left: 4px solid #ff6600;\\r\\n padding-left: 10px;\\r\\n}\\r\\n.footer-links,\\r\\n.contact-info {\\r\\n list-style: none;\\r\\n padding: 0;\\r\\n margin: 0;\\r\\n}\\r\\n.footer-links li,\\r\\n.contact-info li {\\r\\n margin-bottom: 10px;\\r\\n}\\r\\n.footer-links li a:hover {\\r\\n color: #ff8533;\\r\\n}\\r\\n.contact-info li i {\\r\\n margin-right: 10px;\\r\\n color: #ff6600;\\r\\n}\\r\\n.social-links {\\r\\n margin-top: 15px;\\r\\n display: flex;\\r\\n gap: 10px;\\r\\n}\\r\\n.social-link {\\r\\n width: 40px;\\r\\n height: 40px;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n background: #111;\\r\\n border-radius: 50%;\\r\\n color: #ff6600;\\r\\n font-size: 1.1rem;\\r\\n transition: all 0.3s ease;\\r\\n}\\r\\n.social-link:hover {\\r\\n background: #ff6600;\\r\\n color: #111;\\r\\n transform: scale(1.1);\\r\\n}\\r\\n.footer-bottom {\\r\\n text-align: center;\\r\\n margin-top: 40px;\\r\\n font-size: 0.85rem;\\r\\n border-top: 1px solid #333;\\r\\n padding-top: 15px;\\r\\n}\\r\\n.footer-bottom a:hover {\\r\\n color: #ff8533;\\r\\n}\\r\\n@media (max-width:768px) {\\r\\n .footer-grid {\\r\\n flex-direction: column;\\r\\n gap: 20px;\\r\\n }\\r\\n .footer-col h3 {\\r\\n font-size: 1rem;\\r\\n }\\r\\n}\\r\\n<\\\/style>\\r\\n\\r\\n\\r\\n<script>\\r\\ndocument.addEventListener('DOMContentLoaded', function() {\\r\\n \\\/\\\/ Smooth scrolling for footer links\\r\\n document.querySelectorAll('a[href^=\\\"#\\\"]').forEach(anchor => {\\r\\n anchor.addEventListener('click', function(e) {\\r\\n e.preventDefault();\\r\\n const target = document.querySelector(this.getAttribute('href'));\\r\\n if(target) target.scrollIntoView({behavior:'smooth', block:'start'});\\r\\n });\\r\\n });\\r\\n\\r\\n \\\/\\\/ Footer link hover interactions\\r\\n document.querySelectorAll('.footer a, .social-link').forEach(el=>{\\r\\n el.addEventListener('mouseenter',()=>el.style.transform='translateY(-2px) scale(1.05)');\\r\\n el.addEventListener('mouseleave',()=>el.style.transform='translateY(0) scale(1)');\\r\\n });\\r\\n});\\r\\n<\\\/script>\\r\\n\\r\\n<script defer src=\\\"https:\\\/\\\/static.getbutton.io\\\/widget\\\/bundle.js?id=LM2my\\\" ><\\\/script>\\r\\n \\r\\n<\\\/body>\\r\\n<\\\/html>\",\"_element_width_mobile\":\"inherit\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}]"],"_elementor_version":["3.31.2"],"site-header-transparent":["default"],"site-page-header":["disabled"],"_edit_lock":["1765270834:1"],"_elementor_page_settings":["a:1:{s:10:\"hide_title\";s:3:\"yes\";}"],"_edit_last":["1"],"ampforwp-amp-on-off":["default"],"ampforwp_custom_content_editor":["<!DOCTYPE html>\r\n<html lang="en">\r\n<head>\r\n <meta charset="UTF-8">\r\n <meta name="viewport" content="width=device-width, initial-scale=1.0">\r\n <title>Scrapwaalii - Sell Your Scrap at Best Prices<\/title>\r\n <style>\r\n \/* Reset *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: Arial, sans-serif;\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* Header *\/\r\n header {\r\n background: #222;\r\n color: #fff;\r\n padding: 20px;\r\n text-align: center;\r\n }\r\n\r\n \/* Sections *\/\r\n section {\r\n width: 100%;\r\n margin: 0;\r\n padding: 60px 20px;\r\n }\r\n\r\n .container {\r\n width: 100%;\r\n max-width: 100%;\r\n margin: 0;\r\n padding: 0 20px;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .section-title {\r\n font-size: 28px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 16px;\r\n color: #555;\r\n }\r\n\r\n \/* Home Section *\/\r\n .home-section {\r\n background: #f5f5f5;\r\n text-align: center;\r\n }\r\n .home-section h2 {\r\n font-size: 32px;\r\n margin-bottom: 15px;\r\n }\r\n .home-section p {\r\n font-size: 18px;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n color: #444;\r\n }\r\n\r\n \/* Areas *\/\r\n .areas-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n gap: 15px;\r\n }\r\n\r\n .area-card {\r\n background: #f2f2f2;\r\n padding: 20px;\r\n border-radius: 8px;\r\n text-align: center;\r\n font-weight: bold;\r\n }\r\n\r\n \/* Testimonials *\/\r\n .testimonials-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 20px;\r\n }\r\n\r\n .testimonial-card {\r\n background: #fafafa;\r\n padding: 20px;\r\n border-radius: 8px;\r\n box-shadow: 0 2px 5px rgba(0,0,0,0.1);\r\n }\r\n\r\n .testimonial-content {\r\n font-style: italic;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .testimonial-author {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .author-avatar {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n }\r\n\r\n \/* FAQ *\/\r\n .faq-container {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n }\r\n\r\n .faq-item {\r\n border-bottom: 1px solid #ddd;\r\n padding: 15px 0;\r\n }\r\n\r\n .faq-question {\r\n font-weight: bold;\r\n cursor: pointer;\r\n }\r\n\r\n .faq-answer {\r\n display: none;\r\n padding-top: 10px;\r\n color: #444;\r\n }\r\n\r\n .faq-item.active .faq-answer {\r\n display: block;\r\n }\r\n\r\n \/* Footer *\/\r\n footer {\r\n background: #111;\r\n color: #fff;\r\n text-align: center;\r\n padding: 20px;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .section-title {\r\n font-size: 22px;\r\n }\r\n .home-section h2 {\r\n font-size: 26px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <header>\r\n <h1>Scrapwaalii<\/h1>\r\n <\/header>\r\n\r\n \r\n <section class="home-section">\r\n <div class="container">\r\n <h2>Sell Your Scrap at the Best Prices<\/h2>\r\n <p>We provide doorstep scrap collection with instant payment, transparent rates, and eco-friendly recycling across major Indian cities.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class="areas-section">\r\n <div class="container">\r\n <div class="section-header">\r\n <h2 class="section-title">Service Coverage Areas<\/h2>\r\n <p class="section-subtitle">We provide comprehensive scrap pickup services across these major cities.<\/p>\r\n <\/div>\r\n <div class="areas-grid">\r\n <div class="area-card">Bhadra <\/div>\r\n <div class="area-card">Gurugram<\/div>\r\n <div class="area-card">Noida<\/div>\r\n <div class="area-card">Ghaziabad<\/div>\r\n <div class="area-card">Faridabad<\/div>\r\n <div class="area-card">Jaipur<\/div>\r\n <div class="area-card">Lucknow<\/div>\r\n <div class="area-card">Chandigarh<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class="testimonials-section">\r\n <div class="container">\r\n <div class="section-header">\r\n <h2 class="section-title">Customer Success Stories<\/h2>\r\n <p class="section-subtitle">Read authentic reviews from our satisfied customers.<\/p>\r\n <\/div>\r\n <div class="testimonials-grid">\r\n <div class="testimonial-card">\r\n <div class="testimonial-content">"Outstanding service experience!"<\/div>\r\n <div class="testimonial-author">\r\n <img src="https:\/\/randomuser.me\/api\/portraits\/men\/32.jpg" class="author-avatar">\r\n <div>\r\n <div class="author-name">Rajesh Kumar<\/div>\r\n <div class="author-location">Bhadra<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class="testimonial-card">\r\n <div class="testimonial-content">"Extremely professional and trustworthy."<\/div>\r\n <div class="testimonial-author">\r\n <img src="https:\/\/randomuser.me\/api\/portraits\/women\/65.jpg" class="author-avatar">\r\n <div>\r\n <div class="author-name">Sunita Pathak<\/div>\r\n <div class="author-location">Noida<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class="faq-section">\r\n <div class="container">\r\n <div class="section-header">\r\n <h2 class="section-title">Frequently Asked Questions<\/h2>\r\n <\/div>\r\n <div class="faq-container">\r\n <div class="faq-item">\r\n <div class="faq-question">What is the minimum pickup amount?<\/div>\r\n <div class="faq-answer">We have a minimum pickup value of \u20b9250.<\/div>\r\n <\/div>\r\n <div class="faq-item">\r\n <div class="faq-question">How do you determine pricing?<\/div>\r\n <div class="faq-answer">Our prices are based on current market rates and updated daily.<\/div>\r\n <\/div>\r\n <div class="faq-item">\r\n <div class="faq-question">Do you provide doorstep pickup?<\/div>\r\n <div class="faq-answer">Yes, we provide hassle-free doorstep pickup for all categories of scrap.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer>\r\n © 2025 Scrapwaalii. All Rights Reserved.\r\n <\/footer>\r\n\r\n <script>\r\n \/\/ FAQ toggle\r\n document.querySelectorAll(".faq-question").forEach(q => {\r\n q.addEventListener("click", () => {\r\n q.parentElement.classList.toggle("active");\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n"],"ampforwp_custom_content_editor_checkbox":[""],"_elementor_edit_mode":["builder"],"_astra_content_layout_flag":["disabled"],"ast-title-bar-display":["disabled"],"ast-featured-img":["disabled"],"ast-site-content-layout":["full-width-container"],"site-sidebar-layout":["no-sidebar"],"_elementor_controls_usage":["a:2:{s:4:\"html\";a:3:{s:5:\"count\";i:2;s:15:\"control_percent\";i:1;s:8:\"controls\";a:2:{s:7:\"content\";a:1:{s:13:\"section_title\";a:1:{s:4:\"html\";i:1;}}s:8:\"advanced\";a:1:{s:14:\"_section_style\";a:1:{s:21:\"_element_width_mobile\";i:1;}}}}s:9:\"container\";a:3:{s:5:\"count\";i:1;s:15:\"control_percent\";i:0;s:8:\"controls\";a:1:{s:6:\"layout\";a:1:{s:24:\"section_layout_container\";a:1:{s:11:\"boxed_width\";i:1;}}}}}"],"_elementor_page_assets":["a:1:{s:7:\"scripts\";a:1:{i:0;s:18:\"elementor-frontend\";}}"],"_elementor_css":["a:6:{s:4:\"time\";i:1768273960;s:5:\"fonts\";a:0:{}s:5:\"icons\";a:0:{}s:20:\"dynamic_elements_ids\";a:0:{}s:6:\"status\";s:4:\"file\";i:0;s:0:\"\";}"],"_elementor_element_cache":["{\"timeout\":1775451996,\"value\":{\"content\":\"<div class=\\\"elementor-element elementor-element-3f9031a e-flex e-con-boxed e-con e-parent\\\" data-id=\\\"3f9031a\\\" data-element_type=\\\"container\\\">\\n\\t\\t\\t\\t\\t<div class=\\\"e-con-inner\\\">\\n\\t\\t\\t\\t<div class=\\\"elementor-element elementor-element-7b8b6a2 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\\\" data-id=\\\"7b8b6a2\\\" data-element_type=\\\"widget\\\" data-widget_type=\\\"html.default\\\">\\n\\t\\t\\t\\t\\t<!DOCTYPE html>\\r\\n<html lang=\\\"en\\\">\\r\\n<head>\\r\\n <meta charset=\\\"UTF-8\\\">\\r\\n <meta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1.0\\\">\\r\\n <title>Scrapwaalii | Top Scrap Buyer in Bhadra | Best Prices for Scrap<\\\/title>\\r\\n <meta name=\\\"description\\\" content=\\\"Get highest prices for your scrap with free doorstep pickup in Bhadra . Instant cash payment, certified recycling, and professional service. Book now!\\\">\\r\\n <link rel=\\\"preconnect\\\" href=\\\"https:\\\/\\\/fonts.googleapis.com\\\">\\r\\n <link rel=\\\"preconnect\\\" href=\\\"https:\\\/\\\/fonts.gstatic.com\\\" crossorigin>\\r\\n <link href=\\\"https:\\\/\\\/fonts.googleapis.com\\\/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700;800&display=swap\\\" rel=\\\"stylesheet\\\">\\r\\n <link rel=\\\"stylesheet\\\" href=\\\"https:\\\/\\\/cdnjs.cloudflare.com\\\/ajax\\\/libs\\\/font-awesome\\\/6.4.0\\\/css\\\/all.min.css\\\">\\r\\n <style>\\r\\n * {\\r\\n margin: 0;\\r\\n padding: 0;\\r\\n box-sizing: border-box;\\r\\n }\\r\\n\\r\\n :root {\\r\\n --primary: #0a0f1c;\\r\\n --primary-light: #1a2332;\\r\\n --primary-dark: #050914;\\r\\n --accent: #00ff87;\\r\\n --accent-dark: #00d46e;\\r\\n --accent-light: #66ffb3;\\r\\n --secondary: #ff6b35;\\r\\n --success: #10b981;\\r\\n --warning: #f59e0b;\\r\\n --error: #ef4444;\\r\\n --text-white: #ffffff;\\r\\n --text-light: #e2e8f0;\\r\\n --text-gray: #94a3b8;\\r\\n --text-dark: #334155;\\r\\n --bg-dark: #030711;\\r\\n --bg-section: #0f172a;\\r\\n --bg-card: rgba(26, 35, 50, 0.9);\\r\\n --bg-glass: rgba(255, 255, 255, 0.03);\\r\\n --border-color: rgba(0, 255, 135, 0.15);\\r\\n --shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4);\\r\\n --shadow-lg: 0 25px 50px rgba(0, 255, 135, 0.2);\\r\\n --shadow-glow: 0 0 30px rgba(0, 255, 135, 0.3);\\r\\n --gradient-primary: linear-gradient(135deg, #0a0f1c 0%, #1a2332 100%);\\r\\n --gradient-accent: linear-gradient(135deg, #00ff87 0%, #00d46e 100%);\\r\\n --gradient-hero: radial-gradient(ellipse at center, #1a2332 0%, #0a0f1c 50%, #030711 100%);\\r\\n --gradient-card: linear-gradient(145deg, rgba(26, 35, 50, 0.8) 0%, rgba(15, 23, 42, 0.9) 100%);\\r\\n --blur-effect: blur(20px);\\r\\n }\\r\\n\\r\\n body {\\r\\n font-family: 'Inter', sans-serif;\\r\\n background: var(--bg-dark);\\r\\n color: var(--text-white);\\r\\n line-height: 1.6;\\r\\n overflow-x: hidden;\\r\\n scroll-behavior: smooth;\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n \\\/* Floating Navigation *\\\/\\r\\n .floating-nav {\\r\\n position: fixed;\\r\\n top: 20px;\\r\\n right: 20px;\\r\\n z-index: 1000;\\r\\n display: flex;\\r\\n gap: 10px;\\r\\n flex-direction: column;\\r\\n }\\r\\n\\r\\n .nav-item {\\r\\n width: 50px;\\r\\n height: 50px;\\r\\n background: var(--bg-card);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n border: 1px solid var(--border-color);\\r\\n border-radius: 50%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n color: var(--text-gray);\\r\\n text-decoration: none;\\r\\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\\r\\n font-size: 1.2rem;\\r\\n }\\r\\n\\r\\n .nav-item:hover {\\r\\n background: var(--gradient-accent);\\r\\n color: white;\\r\\n transform: scale(1.1);\\r\\n box-shadow: var(--shadow-glow);\\r\\n }\\r\\n\\r\\n .container {\\r\\n max-width: 1200px;\\r\\n margin: 0 auto;\\r\\n padding: 0 1.5rem;\\r\\n }\\r\\n\\r\\n \\\/* Hero Section with Advanced Animations *\\\/\\r\\n .hero {\\r\\n min-height: 100vh;\\r\\n background: var(--gradient-hero);\\r\\n position: relative;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n overflow: hidden;\\r\\n padding: 2rem 0;\\r\\n }\\r\\n\\r\\n .hero::before {\\r\\n content: '';\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: 0;\\r\\n right: 0;\\r\\n bottom: 0;\\r\\n background: \\r\\n radial-gradient(circle at 20% 80%, rgba(0, 255, 135, 0.15) 0%, transparent 50%),\\r\\n radial-gradient(circle at 80% 20%, rgba(0, 255, 135, 0.1) 0%, transparent 50%),\\r\\n radial-gradient(circle at 40% 40%, rgba(255, 107, 53, 0.08) 0%, transparent 50%);\\r\\n animation: aurora 8s ease-in-out infinite alternate;\\r\\n }\\r\\n\\r\\n @keyframes aurora {\\r\\n 0% { opacity: 0.7; }\\r\\n 100% { opacity: 1; }\\r\\n }\\r\\n\\r\\n .hero-particles {\\r\\n position: absolute;\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n overflow: hidden;\\r\\n z-index: 1;\\r\\n }\\r\\n\\r\\n .particle {\\r\\n position: absolute;\\r\\n width: 4px;\\r\\n height: 4px;\\r\\n background: var(--accent);\\r\\n border-radius: 50%;\\r\\n animation: float 6s ease-in-out infinite;\\r\\n opacity: 0.6;\\r\\n }\\r\\n\\r\\n @keyframes float {\\r\\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\\r\\n 50% { transform: translateY(-20px) rotate(180deg); }\\r\\n }\\r\\n\\r\\n .hero-content {\\r\\n text-align: center;\\r\\n position: relative;\\r\\n z-index: 2;\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .hero-badge {\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n gap: 0.5rem;\\r\\n padding: 0.8rem 2rem;\\r\\n background: var(--bg-card);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n border-radius: 50px;\\r\\n font-weight: 600;\\r\\n margin-bottom: 1.5rem;\\r\\n border: 1px solid var(--border-color);\\r\\n color: var(--accent);\\r\\n animation: pulse 2s ease-in-out infinite;\\r\\n }\\r\\n\\r\\n @keyframes pulse {\\r\\n 0%, 100% { box-shadow: 0 0 0 0 rgba(0, 255, 135, 0.4); }\\r\\n 50% { box-shadow: 0 0 0 10px rgba(0, 255, 135, 0); }\\r\\n }\\r\\n\\r\\n .hero-title {\\r\\n font-family: 'Space Grotesk', sans-serif;\\r\\n font-size: clamp(2.5rem, 6vw, 4.5rem);\\r\\n font-weight: 900;\\r\\n margin-bottom: 1.5rem;\\r\\n line-height: 1.1;\\r\\n letter-spacing: -0.02em;\\r\\n color: #ffffff;\\r\\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.7), 0 2px 10px rgba(0, 0, 0, 0.5);\\r\\n filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.3));\\r\\n }\\r\\n\\r\\n .hero-title .highlight {\\r\\n background: var(--gradient-accent);\\r\\n -webkit-background-clip: text;\\r\\n -webkit-text-fill-color: transparent;\\r\\n background-clip: text;\\r\\n position: relative;\\r\\n font-weight: 900;\\r\\n text-shadow: none;\\r\\n filter: drop-shadow(0 0 20px rgba(0, 255, 135, 0.8));\\r\\n }\\r\\n\\r\\n .hero-title .highlight::after {\\r\\n content: '';\\r\\n position: absolute;\\r\\n bottom: -5px;\\r\\n left: 0;\\r\\n width: 100%;\\r\\n height: 4px;\\r\\n background: var(--gradient-accent);\\r\\n border-radius: 2px;\\r\\n animation: underlineGlow 2s ease-in-out infinite alternate;\\r\\n box-shadow: 0 0 15px rgba(0, 255, 135, 0.6);\\r\\n }\\r\\n\\r\\n @keyframes underlineGlow {\\r\\n 0% { \\r\\n box-shadow: 0 0 8px rgba(0, 255, 135, 0.6);\\r\\n transform: scaleX(1);\\r\\n }\\r\\n 100% { \\r\\n box-shadow: 0 0 25px rgba(0, 255, 135, 0.9);\\r\\n transform: scaleX(1.05);\\r\\n }\\r\\n }\\r\\n\\r\\n .hero-subtitle {\\r\\n font-size: clamp(1.1rem, 2.5vw, 1.3rem);\\r\\n font-weight: 400;\\r\\n opacity: 0.9;\\r\\n margin-bottom: 2.5rem;\\r\\n max-width: 700px;\\r\\n margin-left: auto;\\r\\n margin-right: auto;\\r\\n color: var(--text-light);\\r\\n }\\r\\n\\r\\n .cta-buttons {\\r\\n display: flex;\\r\\n gap: 1rem;\\r\\n justify-content: center;\\r\\n flex-wrap: wrap;\\r\\n margin-bottom: 3rem;\\r\\n }\\r\\n\\r\\n .btn {\\r\\n padding: 1rem 2rem;\\r\\n border-radius: 50px;\\r\\n text-decoration: none;\\r\\n font-weight: 600;\\r\\n font-size: 1rem;\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n gap: 0.5rem;\\r\\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\\r\\n border: none;\\r\\n cursor: pointer;\\r\\n position: relative;\\r\\n overflow: hidden;\\r\\n min-width: 180px;\\r\\n justify-content: center;\\r\\n }\\r\\n\\r\\n .btn::before {\\r\\n content: '';\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: -100%;\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\\r\\n transition: left 0.5s;\\r\\n }\\r\\n\\r\\n .btn:hover::before {\\r\\n left: 100%;\\r\\n }\\r\\n\\r\\n .btn-primary {\\r\\n background: var(--gradient-accent);\\r\\n color: var(--bg-dark);\\r\\n box-shadow: 0 10px 30px rgba(0, 255, 135, 0.3);\\r\\n font-weight: 700;\\r\\n }\\r\\n\\r\\n .btn-primary:hover {\\r\\n transform: translateY(-3px) scale(1.02);\\r\\n box-shadow: 0 15px 40px rgba(0, 255, 135, 0.4);\\r\\n }\\r\\n\\r\\n .btn-secondary {\\r\\n background: transparent;\\r\\n color: var(--text-white);\\r\\n border: 2px solid var(--border-color);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n }\\r\\n\\r\\n .btn-secondary:hover {\\r\\n background: var(--bg-card);\\r\\n border-color: var(--accent);\\r\\n color: var(--accent);\\r\\n transform: translateY(-3px);\\r\\n }\\r\\n\\r\\n .hero-features {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\\r\\n gap: 1.5rem;\\r\\n margin-top: 3rem;\\r\\n }\\r\\n\\r\\n .feature-card {\\r\\n background: var(--gradient-card);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n padding: 2rem 1.5rem;\\r\\n border-radius: 20px;\\r\\n text-align: center;\\r\\n border: 1px solid var(--border-color);\\r\\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\\r\\n position: relative;\\r\\n overflow: hidden;\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .feature-card::before {\\r\\n content: '';\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: -100%;\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n background: linear-gradient(90deg, transparent, rgba(0, 255, 135, 0.1), transparent);\\r\\n transition: left 0.6s ease;\\r\\n }\\r\\n\\r\\n .feature-card:hover::before {\\r\\n left: 100%;\\r\\n }\\r\\n\\r\\n .feature-card:hover {\\r\\n transform: translateY(-10px) scale(1.02);\\r\\n border-color: var(--accent);\\r\\n box-shadow: var(--shadow-lg);\\r\\n }\\r\\n\\r\\n .feature-icon {\\r\\n width: 70px;\\r\\n height: 70px;\\r\\n background: var(--gradient-accent);\\r\\n border-radius: 16px;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n margin: 0 auto 1.5rem;\\r\\n font-size: 1.8rem;\\r\\n color: var(--bg-dark);\\r\\n box-shadow: 0 10px 25px rgba(0, 255, 135, 0.3);\\r\\n }\\r\\n\\r\\n .feature-card h3 {\\r\\n font-size: 1.3rem;\\r\\n font-weight: 700;\\r\\n margin-bottom: 1rem;\\r\\n color: var(--text-white);\\r\\n }\\r\\n\\r\\n .feature-card p {\\r\\n font-size: 1rem;\\r\\n color: var(--text-gray);\\r\\n line-height: 1.6;\\r\\n }\\r\\n\\r\\n \\\/* Enhanced Section Styling - Reduced spacing *\\\/\\r\\n .section {\\r\\n padding: 3rem 0;\\r\\n position: relative;\\r\\n background: var(--bg-section);\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .section:nth-child(even) {\\r\\n background: var(--primary);\\r\\n }\\r\\n\\r\\n .section-header {\\r\\n text-align: center;\\r\\n margin-bottom: 2.5rem;\\r\\n max-width: 700px;\\r\\n margin-left: auto;\\r\\n margin-right: auto;\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .section-title {\\r\\n font-family: 'Space Grotesk', sans-serif;\\r\\n font-size: clamp(2rem, 5vw, 3.5rem);\\r\\n font-weight: 900;\\r\\n margin-bottom: 1rem;\\r\\n color: #ffffff;\\r\\n letter-spacing: -0.02em;\\r\\n position: relative;\\r\\n text-shadow: 0 4px 15px rgba(0, 0, 0, 0.6), 0 2px 8px rgba(0, 0, 0, 0.4);\\r\\n filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.2));\\r\\n }\\r\\n\\r\\n .section-title::after {\\r\\n content: '';\\r\\n position: absolute;\\r\\n bottom: -10px;\\r\\n left: 50%;\\r\\n transform: translateX(-50%);\\r\\n width: 60px;\\r\\n height: 4px;\\r\\n background: var(--gradient-accent);\\r\\n border-radius: 2px;\\r\\n box-shadow: 0 0 15px rgba(0, 255, 135, 0.6);\\r\\n }\\r\\n\\r\\n .section-subtitle {\\r\\n font-size: 1.1rem;\\r\\n color: var(--text-gray);\\r\\n line-height: 1.7;\\r\\n font-weight: 400;\\r\\n }\\r\\n\\r\\n \\\/* Enhanced Card Grids *\\\/\\r\\n .card-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\\r\\n gap: 1.5rem;\\r\\n }\\r\\n\\r\\n .enhanced-card {\\r\\n background: var(--gradient-card);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n padding: 2rem;\\r\\n border-radius: 20px;\\r\\n text-align: center;\\r\\n border: 1px solid var(--border-color);\\r\\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\\r\\n position: relative;\\r\\n overflow: hidden;\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .enhanced-card::after {\\r\\n content: '';\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: 0;\\r\\n right: 0;\\r\\n bottom: 0;\\r\\n background: var(--gradient-accent);\\r\\n opacity: 0;\\r\\n transition: opacity 0.3s ease;\\r\\n z-index: -1;\\r\\n }\\r\\n\\r\\n .enhanced-card:hover::after {\\r\\n opacity: 0.05;\\r\\n }\\r\\n\\r\\n .enhanced-card:hover {\\r\\n transform: translateY(-8px);\\r\\n border-color: var(--accent);\\r\\n box-shadow: var(--shadow-lg);\\r\\n }\\r\\n\\r\\n .card-icon {\\r\\n width: 70px;\\r\\n height: 70px;\\r\\n background: var(--gradient-accent);\\r\\n border-radius: 18px;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n margin: 0 auto 1.5rem;\\r\\n font-size: 1.8rem;\\r\\n color: var(--bg-dark);\\r\\n box-shadow: 0 10px 25px rgba(0, 255, 135, 0.3);\\r\\n }\\r\\n\\r\\n .enhanced-card h3 {\\r\\n font-size: 1.4rem;\\r\\n font-weight: 800;\\r\\n margin-bottom: 1rem;\\r\\n color: var(--text-white);\\r\\n }\\r\\n\\r\\n .enhanced-card p {\\r\\n color: var(--text-gray);\\r\\n font-size: 1rem;\\r\\n line-height: 1.7;\\r\\n }\\r\\n\\r\\n \\\/* Process Steps with Connected Lines *\\\/\\r\\n .process-container {\\r\\n position: relative;\\r\\n }\\r\\n\\r\\n .process-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\\r\\n gap: 1.5rem;\\r\\n position: relative;\\r\\n }\\r\\n\\r\\n .process-step {\\r\\n background: var(--gradient-card);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n padding: 2rem;\\r\\n border-radius: 20px;\\r\\n text-align: center;\\r\\n border: 1px solid var(--border-color);\\r\\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\\r\\n position: relative;\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .process-step:hover {\\r\\n transform: translateY(-8px);\\r\\n border-color: var(--accent);\\r\\n box-shadow: var(--shadow-lg);\\r\\n }\\r\\n\\r\\n .step-number {\\r\\n width: 60px;\\r\\n height: 60px;\\r\\n background: var(--gradient-accent);\\r\\n border-radius: 50%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n margin: 0 auto 1.5rem;\\r\\n font-size: 1.5rem;\\r\\n font-weight: 800;\\r\\n color: var(--bg-dark);\\r\\n box-shadow: 0 10px 25px rgba(0, 255, 135, 0.3);\\r\\n }\\r\\n\\r\\n \\\/* Enhanced Rates Table *\\\/\\r\\n .rates-container {\\r\\n background: var(--gradient-card);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n border-radius: 20px;\\r\\n padding: 2rem;\\r\\n border: 1px solid var(--border-color);\\r\\n overflow: hidden;\\r\\n position: relative;\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .rates-container::before {\\r\\n content: '';\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: 0;\\r\\n right: 0;\\r\\n height: 4px;\\r\\n background: var(--gradient-accent);\\r\\n }\\r\\n\\r\\n .rates-table {\\r\\n width: 100%;\\r\\n border-collapse: collapse;\\r\\n }\\r\\n\\r\\n .rates-table th,\\r\\n .rates-table td {\\r\\n padding: 1rem 0.8rem;\\r\\n text-align: left;\\r\\n border-bottom: 1px solid var(--border-color);\\r\\n }\\r\\n\\r\\n .rates-table th {\\r\\n background: rgba(0, 255, 135, 0.1);\\r\\n color: var(--accent);\\r\\n font-weight: 700;\\r\\n font-size: 1rem;\\r\\n }\\r\\n\\r\\n .rates-table td {\\r\\n color: var(--text-light);\\r\\n font-weight: 500;\\r\\n }\\r\\n\\r\\n .rates-table .price {\\r\\n color: var(--accent);\\r\\n font-weight: 700;\\r\\n font-size: 1rem;\\r\\n }\\r\\n\\r\\n .rates-table tbody tr {\\r\\n transition: background 0.3s ease;\\r\\n }\\r\\n\\r\\n .rates-table tbody tr:hover {\\r\\n background: rgba(0, 255, 135, 0.05);\\r\\n }\\r\\n\\r\\n \\\/* Enhanced Areas Grid *\\\/\\r\\n .areas-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\\r\\n gap: 1rem;\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .area-card {\\r\\n background: var(--bg-card);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n padding: 1.2rem 1rem;\\r\\n border-radius: 14px;\\r\\n text-align: center;\\r\\n border: 1px solid var(--border-color);\\r\\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\\r\\n font-weight: 600;\\r\\n color: var(--text-light);\\r\\n cursor: pointer;\\r\\n }\\r\\n\\r\\n .area-card:hover {\\r\\n background: var(--gradient-accent);\\r\\n color: var(--bg-dark);\\r\\n transform: translateY(-5px) scale(1.02);\\r\\n box-shadow: var(--shadow-lg);\\r\\n }\\r\\n\\r\\n \\\/* Enhanced FAQ *\\\/\\r\\n .faq-container {\\r\\n max-width: 800px;\\r\\n margin: 0 auto;\\r\\n }\\r\\n\\r\\n .faq-item {\\r\\n background: var(--gradient-card);\\r\\n backdrop-filter: var(--blur-effect);\\r\\n margin-bottom: 1rem;\\r\\n border-radius: 14px;\\r\\n border: 1px solid var(--border-color);\\r\\n overflow: hidden;\\r\\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\\r\\n opacity: 1;\\r\\n transform: translateY(0);\\r\\n }\\r\\n\\r\\n .faq-item:hover {\\r\\n border-color: var(--accent);\\r\\n }\\r\\n\\r\\n .faq-question {\\r\\n padding: 1.2rem 1.5rem;\\r\\n cursor: pointer;\\r\\n display: flex;\\r\\n justify-content: space-between;\\r\\n align-items: center;\\r\\n font-weight: 600;\\r\\n color: var(--text-white);\\r\\n transition: all 0.3s ease;\\r\\n }\\r\\n\\r\\n .faq-question:hover {\\r\\n color: var(--accent);\\r\\n }\\r\\n\\r\\n .faq-answer {\\r\\n padding: 0 1.5rem;\\r\\n max-height: 0;\\r\\n overflow: hidden;\\r\\n transition: all 0.3s ease;\\r\\n color: var(--text-gray);\\r\\n }\\r\\n\\r\\n .faq-item.active .faq-answer {\\r\\n padding: 0 1.5rem 1.2rem;\\r\\n max-height: 200px;\\r\\n }\\r\\n\\r\\n .faq-item.active .faq-question i {\\r\\n transform: rotate(180deg);\\r\\n color: var(--accent);\\r\\n }\\r\\n\\r\\n \\\/* Enhanced Footer *\\\/\\r\\n .footer {\\r\\n background: var(--bg-dark);\\r\\n padding: 3rem 0 2rem;\\r\\n border-top: 1px solid var(--border-color);\\r\\n position: relative;\\r\\n }\\r\\n\\r\\n .footer::before {\\r\\n content: '';\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: 0;\\r\\n right: 0;\\r\\n height: 2px;\\r\\n background: var(--gradient-accent);\\r\\n }\\r\\n\\r\\n .footer-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\\r\\n gap: 2rem;\\r\\n margin-bottom: 2rem;\\r\\n }\\r\\n\\r\\n .footer-col h3 {\\r\\n color: var(--accent);\\r\\n margin-bottom: 1.2rem;\\r\\n font-size: 1.2rem;\\r\\n font-weight: 800;\\r\\n }\\r\\n\\r\\n .footer-links {\\r\\n list-style: none;\\r\\n }\\r\\n\\r\\n .footer-links li {\\r\\n margin-bottom: 0.7rem;\\r\\n }\\r\\n\\r\\n .footer-links a {\\r\\n color: var(--text-gray);\\r\\n text-decoration: none;\\r\\n transition: color 0.3s ease;\\r\\n }\\r\\n\\r\\n .footer-links a:hover {\\r\\n color: var(--accent);\\r\\n }\\r\\n\\r\\n .contact-info {\\r\\n list-style: none;\\r\\n }\\r\\n\\r\\n .contact-info li {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 1rem;\\r\\n margin-bottom: 0.8rem;\\r\\n color: var(--text-gray);\\r\\n }\\r\\n\\r\\n .contact-info i {\\r\\n color: var(--accent);\\r\\n width: 20px;\\r\\n }\\r\\n\\r\\n .social-links {\\r\\n display: flex;\\r\\n gap: 0.8rem;\\r\\n margin-top: 1.2rem;\\r\\n }\\r\\n\\r\\n .social-link {\\r\\n width: 40px;\\r\\n height: 40px;\\r\\n background: var(--bg-card);\\r\\n border-radius: 50%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n color: var(--text-gray);\\r\\n text-decoration: none;\\r\\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\\r\\n border: 1px solid var(--border-color);\\r\\n }\\r\\n\\r\\n .social-link:hover {\\r\\n background: var(--gradient-accent);\\r\\n color: var(--bg-dark);\\r\\n transform: translateY(-3px);\\r\\n border-color: var(--accent);\\r\\n }\\r\\n\\r\\n .footer-bottom {\\r\\n text-align: center;\\r\\n padding-top: 2rem;\\r\\n border-top: 1px solid var(--border-color);\\r\\n color: var(--text-gray);\\r\\n }\\r\\n\\r\\n \\\/* Mobile Optimizations *\\\/\\r\\n @media (max-width: 768px) {\\r\\n .container {\\r\\n padding: 0 1rem;\\r\\n }\\r\\n\\r\\n .floating-nav {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n .hero {\\r\\n padding: 2rem 0;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .hero-title {\\r\\n font-size: clamp(2rem, 8vw, 3rem);\\r\\n }\\r\\n\\r\\n .cta-buttons {\\r\\n flex-direction: column;\\r\\n align-items: center;\\r\\n }\\r\\n\\r\\n .btn {\\r\\n width: 100%;\\r\\n max-width: 280px;\\r\\n }\\r\\n\\r\\n .hero-features {\\r\\n grid-template-columns: 1fr;\\r\\n gap: 1rem;\\r\\n }\\r\\n\\r\\n .card-grid {\\r\\n grid-template-columns: 1fr;\\r\\n gap: 1.2rem;\\r\\n }\\r\\n\\r\\n .process-grid {\\r\\n grid-template-columns: 1fr;\\r\\n }\\r\\n\\r\\n .areas-grid {\\r\\n grid-template-columns: repeat(2, 1fr);\\r\\n }\\r\\n\\r\\n .rates-container {\\r\\n overflow-x: auto;\\r\\n padding: 1.2rem;\\r\\n }\\r\\n\\r\\n .rates-table {\\r\\n min-width: 500px;\\r\\n }\\r\\n\\r\\n .footer-grid {\\r\\n grid-template-columns: 1fr;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .feature-card,\\r\\n .enhanced-card,\\r\\n .process-step {\\r\\n padding: 1.5rem 1.2rem;\\r\\n }\\r\\n\\r\\n .section {\\r\\n padding: 2.5rem 0;\\r\\n }\\r\\n }\\r\\n\\r\\n @media (max-width: 480px) {\\r\\n .container {\\r\\n padding: 0 0.8rem;\\r\\n }\\r\\n\\r\\n .areas-grid {\\r\\n grid-template-columns: 1fr;\\r\\n }\\r\\n\\r\\n .hero-badge {\\r\\n font-size: 0.9rem;\\r\\n padding: 0.6rem 1.5rem;\\r\\n }\\r\\n\\r\\n .btn {\\r\\n padding: 1rem 1.2rem;\\r\\n font-size: 0.9rem;\\r\\n }\\r\\n\\r\\n .feature-icon,\\r\\n .card-icon {\\r\\n width: 60px;\\r\\n height: 60px;\\r\\n font-size: 1.5rem;\\r\\n }\\r\\n\\r\\n .step-number {\\r\\n width: 50px;\\r\\n height: 50px;\\r\\n font-size: 1.3rem;\\r\\n }\\r\\n \\r\\n .section-header {\\r\\n margin-bottom: 2rem;\\r\\n }\\r\\n }\\r\\n\\r\\n \\\/* Accessibility improvements *\\\/\\r\\n @media (prefers-reduced-motion: reduce) {\\r\\n * {\\r\\n animation-duration: 0.01ms !important;\\r\\n animation-iteration-count: 1 !important;\\r\\n transition-duration: 0.01ms !important;\\r\\n }\\r\\n }\\r\\n\\r\\n .sr-only {\\r\\n position: absolute;\\r\\n width: 1px;\\r\\n height: 1px;\\r\\n padding: 0;\\r\\n margin: -1px;\\r\\n overflow: hidden;\\r\\n clip: rect(0, 0, 0, 0);\\r\\n white-space: nowrap;\\r\\n border: 0;\\r\\n }\\r\\n\\r\\n \\\/* Custom scrollbar *\\\/\\r\\n ::-webkit-scrollbar {\\r\\n width: 8px;\\r\\n }\\r\\n\\r\\n ::-webkit-scrollbar-track {\\r\\n background: var(--bg-dark);\\r\\n }\\r\\n\\r\\n ::-webkit-scrollbar-thumb {\\r\\n background: var(--gradient-accent);\\r\\n border-radius: 4px;\\r\\n }\\r\\n\\r\\n \\\/* Improved hero title contrast *\\\/\\r\\n .hero-title {\\r\\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.9), 0 2px 10px rgba(0, 0, 0, 0.7);\\r\\n }\\r\\n \\r\\n \\\/* Make all headings bolder *\\\/\\r\\n h1, h2, h3, h4, h5, h6 {\\r\\n font-weight: 800 !important;\\r\\n }\\r\\n \\r\\n .feature-card h3, .enhanced-card h3, .process-step h3 {\\r\\n font-weight: 800;\\r\\n }\\r\\n <\\\/style>\\r\\n<\\\/head>\\r\\n<body>\\r\\n \\r\\n <div class=\\\"floating-nav\\\">\\r\\n <a href=\\\"tel:7065424442\\\" class=\\\"nav-item\\\" aria-label=\\\"Call us\\\">\\r\\n <i class=\\\"fas fa-phone\\\"><\\\/i>\\r\\n <\\\/a>\\r\\n <a href=\\\"https:\\\/\\\/scrapwaalii.com\\\/pickup-request\\\/\\\" class=\\\"nav-item\\\" aria-label=\\\"Book pickup\\\">\\r\\n <i class=\\\"fas fa-truck\\\"><\\\/i>\\r\\n <\\\/a>\\r\\n <a href=\\\"#rates\\\" class=\\\"nav-item\\\" aria-label=\\\"View rates\\\">\\r\\n <i class=\\\"fas fa-chart-line\\\"><\\\/i>\\r\\n <\\\/a>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n<section class=\\\"hero\\\" style=\\\"background: #000; color: #fff; padding: 80px 20px;\\\">\\r\\n <div class=\\\"container\\\">\\r\\n <div class=\\\"hero-content\\\" style=\\\"text-align: center; max-width: 900px; margin: 0 auto;\\\">\\r\\n \\r\\n <div class=\\\"hero-badge\\\">\\r\\n <i class=\\\"fas fa-recycle\\\"><\\\/i>\\r\\n #1 Scrap Buyer in Rajasthan \\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <h1 class=\\\"hero-title\\\" style=\\\"font-size: 2.5rem; margin-bottom: 20px;\\\">\\r\\n Get <span class=\\\"highlight\\\">Top Prices<\\\/span> for Your Scrap with Free Pickup\\r\\n <\\\/h1>\\r\\n\\r\\n \\r\\n <p class=\\\"hero-subtitle\\\" style=\\\"font-size: 1.1rem; color: #ccc; margin-bottom: 30px;\\\">\\r\\n Instant cash payment, transparent weighing, and eco-friendly recycling across Rajasthan. \\r\\n Professional service you can trust with competitive market rates.\\r\\n <\\\/p>\\r\\n\\r\\n \\r\\n <div class=\\\"cta-buttons\\\" style=\\\"margin-bottom: 40px;\\\">\\r\\n <a href=\\\"tel:9982040371\\\" class=\\\"btn btn-call\\\">\\r\\n <i class=\\\"fas fa-phone\\\"><\\\/i>\\r\\n Call Now: 9982040371\\r\\n <\\\/a>\\r\\n <a href=\\\"https:\\\/\\\/scrapwaalii.com\\\/pickup-request\\\/\\\" class=\\\"btn btn-pickup\\\" style=\\\"margin-left: 10px;\\\">\\r\\n <i class=\\\"fas fa-truck\\\"><\\\/i>\\r\\n Book Free Pickup\\r\\n <\\\/a>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <div class=\\\"hero-features\\\" style=\\\"display: flex; justify-content: space-around; flex-wrap: wrap; gap: 20px;\\\">\\r\\n <div class=\\\"feature-card\\\" style=\\\"background: #111; padding: 20px; border-radius: 12px; flex: 1; min-width: 200px; box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\\">\\r\\n <div class=\\\"feature-icon\\\" style=\\\"margin-bottom: 10px;\\\">\\r\\n <i class=\\\"fas fa-money-bill-wave\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3 style=\\\"margin-bottom: 8px;\\\">Instant Payment<\\\/h3>\\r\\n <p style=\\\"color: #ccc; font-size: 0.95rem;\\\">Get paid immediately in cash or via digital transfer with complete transparency<\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"feature-card\\\" style=\\\"background: #111; padding: 20px; border-radius: 12px; flex: 1; min-width: 200px; box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\\">\\r\\n <div class=\\\"feature-icon\\\" style=\\\"margin-bottom: 10px;\\\">\\r\\n <i class=\\\"fas fa-balance-scale\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3 style=\\\"margin-bottom: 8px;\\\">Transparent Weighing<\\\/h3>\\r\\n <p style=\\\"color: #ccc; font-size: 0.95rem;\\\">Digital scales used in front of you for complete transparency and fair pricing<\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"feature-card\\\" style=\\\"background: #111; padding: 20px; border-radius: 12px; flex: 1; min-width: 200px; box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\\">\\r\\n <div class=\\\"feature-icon\\\" style=\\\"margin-bottom: 10px;\\\">\\r\\n <i class=\\\"fas fa-leaf\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3 style=\\\"margin-bottom: 8px;\\\">Eco-Friendly Process<\\\/h3>\\r\\n <p style=\\\"color: #ccc; font-size: 0.95rem;\\\">Certified recycling with proper environmental compliance and sustainability<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n\\r\\n<style>\\r\\n\\\/* Call Button (Orange) *\\\/\\r\\n.btn-call {\\r\\n background-color: #ff6600;\\r\\n border: none;\\r\\n color: #fff;\\r\\n padding: 12px 20px;\\r\\n border-radius: 6px;\\r\\n font-weight: bold;\\r\\n text-decoration: none;\\r\\n transition: 0.3s ease;\\r\\n}\\r\\n.btn-call:hover {\\r\\n background-color: #e65c00;\\r\\n}\\r\\n\\r\\n\\\/* Pickup Button (Green) *\\\/\\r\\n.btn-pickup {\\r\\n background-color: #28a745;\\r\\n border: none;\\r\\n color: #fff;\\r\\n padding: 12px 20px;\\r\\n border-radius: 6px;\\r\\n font-weight: bold;\\r\\n text-decoration: none;\\r\\n transition: 0.3s ease;\\r\\n}\\r\\n.btn-pickup:hover {\\r\\n background-color: #218838;\\r\\n}\\r\\n\\r\\n\\\/* Hero Badge Styling *\\\/\\r\\n.hero-badge {\\r\\n display: inline-block;\\r\\n background: #ff6600;\\r\\n color: #fff;\\r\\n padding: 8px 15px;\\r\\n border-radius: 20px;\\r\\n font-weight: bold;\\r\\n margin-bottom: 15px;\\r\\n font-size: 14px;\\r\\n}\\r\\n.hero-badge i {\\r\\n margin-right: 6px;\\r\\n}\\r\\n\\r\\n\\\/* Highlight Text *\\\/\\r\\n.highlight {\\r\\n color: #ff6600;\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\n\\\/* Feature Icons *\\\/\\r\\n.feature-icon i {\\r\\n color: #ff6600;\\r\\n font-size: 28px;\\r\\n}\\r\\n\\r\\n\\\/* Responsive *\\\/\\r\\n@media (max-width: 768px) {\\r\\n .hero-title { font-size: 2rem; }\\r\\n .hero-subtitle { font-size: 1rem; }\\r\\n .hero-features { flex-direction: column; gap: 15px; }\\r\\n}\\r\\n<\\\/style>\\r\\n\\r\\n\\r\\n<section class=\\\"tracking-cta-section\\\">\\r\\n <div class=\\\"tracking-cta-container\\\">\\r\\n <h2 class=\\\"tracking-cta-title\\\">\\r\\n <span class=\\\"white-text\\\">Check Your<\\\/span> \\r\\n <span class=\\\"orange-text\\\">Pickup Status<\\\/span>\\r\\n <\\\/h2>\\r\\n <p class=\\\"tracking-cta-subtitle\\\">Track your pickup in real-time by entering your Tracking ID.<\\\/p>\\r\\n\\r\\n <a href=\\\"https:\\\/\\\/scrapwaalii.com\\\/live-pickup-tracking\\\/\\\" class=\\\"tracking-cta-button\\\">Go to Live Pickup Tracking<\\\/a>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n<style>\\r\\n.tracking-cta-section {\\r\\n background: #000;\\r\\n padding: 60px 20px;\\r\\n text-align: center;\\r\\n color: #fff;\\r\\n}\\r\\n\\r\\n.tracking-cta-title {\\r\\n font-size: 2.2rem;\\r\\n margin-bottom: 15px;\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\n.white-text { color: #fff; }\\r\\n.orange-text { color: #ff7f00; }\\r\\n\\r\\n.tracking-cta-subtitle {\\r\\n font-size: 1.2rem;\\r\\n margin-bottom: 25px;\\r\\n color: #ccc;\\r\\n}\\r\\n\\r\\n.tracking-cta-button {\\r\\n display: inline-block;\\r\\n background: #ff7f00;\\r\\n color: #fff;\\r\\n font-weight: bold;\\r\\n padding: 14px 30px;\\r\\n border-radius: 10px;\\r\\n text-decoration: none;\\r\\n transition: 0.3s ease-in-out;\\r\\n}\\r\\n\\r\\n.tracking-cta-button:hover {\\r\\n background: #28a745;\\r\\n}\\r\\n<\\\/style>\\r\\n\\r\\n \\r\\n<section class=\\\"section\\\" id=\\\"trust\\\">\\r\\n <div class=\\\"container\\\">\\r\\n \\r\\n <div class=\\\"section-header\\\">\\r\\n <h2 class=\\\"section-title bordered-heading\\\">\\r\\n Why Choose <span class=\\\"highlight\\\">Scrapwaalii?<\\\/span>\\r\\n <\\\/h2>\\r\\n <p class=\\\"section-subtitle\\\">\\r\\n Experience the difference with our professional service, transparent process, \\r\\n and unwavering commitment to environmental sustainability.\\r\\n <\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <div class=\\\"card-grid\\\">\\r\\n <div class=\\\"enhanced-card\\\">\\r\\n <div class=\\\"card-icon\\\">\\r\\n <i class=\\\"fas fa-certificate\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3>100% Transparent Process<\\\/h3>\\r\\n <p>Digital weighing scales used in front of you with real-time rate calculations. \\r\\n No hidden charges, complete transparency in pricing.<\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"enhanced-card\\\">\\r\\n <div class=\\\"card-icon\\\">\\r\\n <i class=\\\"fas fa-clock\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3>Lightning Quick Service<\\\/h3>\\r\\n <p>Same day pickup available across Delhi NCR. \\r\\n Professional team arrives punctually with all necessary equipment.<\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"enhanced-card\\\">\\r\\n <div class=\\\"card-icon\\\">\\r\\n <i class=\\\"fas fa-shield-alt\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3>Secure & Reliable<\\\/h3>\\r\\n <p>Licensed and insured service with proper documentation. \\r\\n Government-approved recycling facilities ensure compliance.<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n\\r\\n<style>\\r\\n \\\/* Section Styling *\\\/\\r\\n #trust {\\r\\n padding: 60px 20px;\\r\\n background: #000; \\\/* Black background *\\\/\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .section-header {\\r\\n margin-bottom: 40px;\\r\\n }\\r\\n\\r\\n \\\/* Bordered Heading *\\\/\\r\\n .bordered-heading {\\r\\n display: inline-block;\\r\\n padding: 12px 25px;\\r\\n border: 2px solid #ff6600; \\\/* Orange border *\\\/\\r\\n border-radius: 8px;\\r\\n font-size: 2rem;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n margin-bottom: 15px;\\r\\n }\\r\\n\\r\\n .section-subtitle {\\r\\n font-size: 1rem;\\r\\n color: #ccc;\\r\\n max-width: 700px;\\r\\n margin: 0 auto;\\r\\n }\\r\\n\\r\\n \\\/* Card Grid *\\\/\\r\\n .card-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\\r\\n gap: 20px;\\r\\n }\\r\\n\\r\\n \\\/* Card Styling *\\\/\\r\\n .enhanced-card {\\r\\n background: #111;\\r\\n padding: 30px 20px;\\r\\n border-radius: 12px;\\r\\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\r\\n border: 1px solid transparent;\\r\\n transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;\\r\\n color: #fff;\\r\\n }\\r\\n\\r\\n .enhanced-card:hover {\\r\\n transform: translateY(-8px);\\r\\n box-shadow: 0 10px 25px rgba(255, 102, 0, 0.6);\\r\\n border: 1px solid #ff6600;\\r\\n }\\r\\n\\r\\n \\\/* Card Icon *\\\/\\r\\n .card-icon {\\r\\n font-size: 40px;\\r\\n color: #ff6600;\\r\\n margin-bottom: 15px;\\r\\n }\\r\\n\\r\\n \\\/* Card Title *\\\/\\r\\n .enhanced-card h3 {\\r\\n font-size: 1.2rem;\\r\\n margin-bottom: 10px;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n }\\r\\n\\r\\n \\\/* Card Text *\\\/\\r\\n .enhanced-card p {\\r\\n font-size: 0.95rem;\\r\\n color: #ddd;\\r\\n line-height: 1.6;\\r\\n }\\r\\n\\r\\n \\\/* Highlight *\\\/\\r\\n .highlight {\\r\\n color: #ff6600;\\r\\n }\\r\\n<\\\/style>\\r\\n\\r\\n\\r\\n \\r\\n<section class=\\\"section\\\" id=\\\"services\\\">\\r\\n <div class=\\\"container\\\">\\r\\n \\r\\n <div class=\\\"section-header\\\">\\r\\n <h2 class=\\\"section-title bordered-heading\\\">\\r\\n Premium <span class=\\\"highlight\\\">Scrap Collection<\\\/span> Services\\r\\n <\\\/h2>\\r\\n <p class=\\\"section-subtitle\\\">\\r\\n Comprehensive scrap collection solutions designed for maximum convenience, \\r\\n transparency, and value.\\r\\n <\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <div class=\\\"card-grid\\\">\\r\\n <div class=\\\"enhanced-card\\\">\\r\\n <div class=\\\"card-icon\\\">\\r\\n <i class=\\\"fas fa-home\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3>Doorstep Pickup Service<\\\/h3>\\r\\n <p>Schedule convenient pickup at your preferred time. \\r\\n Our equipped team arrives with certified weighing equipment for immediate service.<\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"enhanced-card\\\">\\r\\n <div class=\\\"card-icon\\\">\\r\\n <i class=\\\"fas fa-chart-line\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3>Best Market Rates<\\\/h3>\\r\\n <p>Daily updated prices based on current market conditions. \\r\\n Get maximum value for your scrap materials with competitive rates.<\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"enhanced-card\\\">\\r\\n <div class=\\\"card-icon\\\">\\r\\n <i class=\\\"fas fa-recycle\\\"><\\\/i>\\r\\n <\\\/div>\\r\\n <h3>Certified Eco-Recycling<\\\/h3>\\r\\n <p>All materials processed through government-approved facilities with complete \\r\\n environmental compliance and sustainability.<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n\\r\\n<style>\\r\\n \\\/* Section Styling *\\\/\\r\\n #services {\\r\\n padding: 60px 20px;\\r\\n background: #000; \\\/* Black background *\\\/\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .section-header {\\r\\n margin-bottom: 40px;\\r\\n }\\r\\n\\r\\n \\\/* Bordered Heading *\\\/\\r\\n .bordered-heading {\\r\\n display: inline-block;\\r\\n padding: 12px 25px;\\r\\n border: 2px solid #ff6600; \\\/* Orange border *\\\/\\r\\n border-radius: 8px;\\r\\n font-size: 2rem;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n margin-bottom: 15px;\\r\\n }\\r\\n\\r\\n .section-subtitle {\\r\\n font-size: 1rem;\\r\\n color: #ccc;\\r\\n max-width: 700px;\\r\\n margin: 0 auto;\\r\\n }\\r\\n\\r\\n \\\/* Card Grid *\\\/\\r\\n .card-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\\r\\n gap: 20px;\\r\\n }\\r\\n\\r\\n \\\/* Card Styling *\\\/\\r\\n .enhanced-card {\\r\\n background: #111;\\r\\n padding: 30px 20px;\\r\\n border-radius: 12px;\\r\\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\r\\n border: 1px solid transparent;\\r\\n transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;\\r\\n color: #fff;\\r\\n }\\r\\n\\r\\n .enhanced-card:hover {\\r\\n transform: translateY(-8px);\\r\\n box-shadow: 0 10px 25px rgba(255, 102, 0, 0.6);\\r\\n border: 1px solid #ff6600;\\r\\n }\\r\\n\\r\\n \\\/* Card Icon *\\\/\\r\\n .card-icon {\\r\\n font-size: 40px;\\r\\n color: #ff6600;\\r\\n margin-bottom: 15px;\\r\\n }\\r\\n\\r\\n \\\/* Card Title *\\\/\\r\\n .enhanced-card h3 {\\r\\n font-size: 1.2rem;\\r\\n margin-bottom: 10px;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n }\\r\\n\\r\\n \\\/* Card Text *\\\/\\r\\n .enhanced-card p {\\r\\n font-size: 0.95rem;\\r\\n color: #ddd;\\r\\n line-height: 1.6;\\r\\n }\\r\\n\\r\\n \\\/* Highlight *\\\/\\r\\n .highlight {\\r\\n color: #ff6600;\\r\\n }\\r\\n<\\\/style>\\r\\n\\r\\n \\r\\n<section class=\\\"section\\\" id=\\\"process\\\">\\r\\n <div class=\\\"container\\\">\\r\\n \\r\\n <div class=\\\"section-header\\\">\\r\\n <h2 class=\\\"section-title bordered-heading\\\">\\r\\n Simple <span class=\\\"highlight\\\">3-Step<\\\/span> Process\\r\\n <\\\/h2>\\r\\n <p class=\\\"section-subtitle\\\">\\r\\n Selling your scrap has never been easier with our streamlined, transparent, \\r\\n and efficient service process.\\r\\n <\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <div class=\\\"process-grid\\\">\\r\\n <div class=\\\"process-step\\\">\\r\\n <div class=\\\"step-number\\\">1<\\\/div>\\r\\n <h3>Schedule Your Pickup<\\\/h3>\\r\\n <p>Call us or book online with preferred time slot. \\r\\n We provide instant estimated quotes and confirm pickup details.<\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"process-step\\\">\\r\\n <div class=\\\"step-number\\\">2<\\\/div>\\r\\n <h3>We Collect & Weigh<\\\/h3>\\r\\n <p>Our professional team arrives with certified digital scales \\r\\n for transparent weighing and immediate rate calculation.<\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"process-step\\\">\\r\\n <div class=\\\"step-number\\\">3<\\\/div>\\r\\n <h3>Get Instant Payment<\\\/h3>\\r\\n <p>Receive immediate cash payment or choose secure digital transfer. \\r\\n Complete transaction with proper documentation.<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n\\r\\n<style>\\r\\n \\\/* Section Styling *\\\/\\r\\n #process {\\r\\n padding: 60px 20px;\\r\\n background: #000; \\\/* Black background *\\\/\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .section-header {\\r\\n margin-bottom: 40px;\\r\\n }\\r\\n\\r\\n \\\/* Bordered Heading *\\\/\\r\\n .bordered-heading {\\r\\n display: inline-block;\\r\\n padding: 12px 25px;\\r\\n border: 2px solid #ff6600;\\r\\n border-radius: 8px;\\r\\n font-size: 2rem;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n margin-bottom: 15px;\\r\\n }\\r\\n\\r\\n .section-subtitle {\\r\\n font-size: 1rem;\\r\\n color: #ccc;\\r\\n max-width: 700px;\\r\\n margin: 0 auto;\\r\\n }\\r\\n\\r\\n \\\/* Process Grid *\\\/\\r\\n .process-grid {\\r\\n display: flex;\\r\\n justify-content: space-between;\\r\\n align-items: flex-start;\\r\\n gap: 30px;\\r\\n position: relative;\\r\\n margin-top: 40px;\\r\\n flex-wrap: wrap;\\r\\n }\\r\\n\\r\\n \\\/* Orange connecting line *\\\/\\r\\n .process-grid::before {\\r\\n content: \\\"\\\";\\r\\n position: absolute;\\r\\n top: 25px;\\r\\n left: 50px;\\r\\n right: 50px;\\r\\n height: 3px;\\r\\n background: #ff6600;\\r\\n z-index: 0;\\r\\n }\\r\\n\\r\\n \\\/* Process Step *\\\/\\r\\n .process-step {\\r\\n background: #111;\\r\\n padding: 30px 20px;\\r\\n border-radius: 12px;\\r\\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\r\\n border: 1px solid transparent;\\r\\n transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;\\r\\n color: #fff;\\r\\n text-align: center;\\r\\n flex: 1;\\r\\n min-width: 250px;\\r\\n position: relative;\\r\\n z-index: 1;\\r\\n }\\r\\n\\r\\n .process-step:hover {\\r\\n transform: translateY(-8px);\\r\\n box-shadow: 0 10px 25px rgba(255, 102, 0, 0.6);\\r\\n border: 1px solid #ff6600;\\r\\n }\\r\\n\\r\\n \\\/* Step Number *\\\/\\r\\n .step-number {\\r\\n width: 50px;\\r\\n height: 50px;\\r\\n margin: 0 auto 15px auto;\\r\\n background: #ff6600;\\r\\n color: #fff;\\r\\n font-size: 1.2rem;\\r\\n font-weight: bold;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n border-radius: 50%;\\r\\n box-shadow: 0 0 15px rgba(255, 102, 0, 0.7);\\r\\n position: relative;\\r\\n z-index: 2;\\r\\n }\\r\\n\\r\\n \\\/* Step Title *\\\/\\r\\n .process-step h3 {\\r\\n font-size: 1.2rem;\\r\\n margin-bottom: 10px;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n }\\r\\n\\r\\n \\\/* Step Text *\\\/\\r\\n .process-step p {\\r\\n font-size: 0.95rem;\\r\\n color: #ddd;\\r\\n line-height: 1.6;\\r\\n }\\r\\n\\r\\n \\\/* Highlight *\\\/\\r\\n .highlight {\\r\\n color: #ff6600;\\r\\n }\\r\\n\\r\\n \\\/* Responsive: stack vertically *\\\/\\r\\n @media (max-width: 768px) {\\r\\n .process-grid {\\r\\n flex-direction: column;\\r\\n align-items: center;\\r\\n }\\r\\n\\r\\n .process-grid::before {\\r\\n width: 3px;\\r\\n height: calc(100% - 50px);\\r\\n left: 50%;\\r\\n top: 50px;\\r\\n right: auto;\\r\\n }\\r\\n\\r\\n .process-step {\\r\\n max-width: 350px;\\r\\n }\\r\\n }\\r\\n<\\\/style>\\r\\n\\r\\n<section class=\\\"section\\\" id=\\\"rates\\\">\\r\\n <div class=\\\"container\\\">\\r\\n <div class=\\\"section-header\\\">\\r\\n <h2 class=\\\"section-title bordered-heading\\\">\\r\\n Today's <span class=\\\"highlight\\\">Competitive Scrap Rates<\\\/span>\\r\\n <\\\/h2>\\r\\n <p class=\\\"section-subtitle\\\">\\r\\n Our prices are updated daily to ensure you get the best value.\\r\\n <span style=\\\"color: var(--accent, #ff6600); font-weight: 700;\\\">\\r\\n Last updated: <span id=\\\"current-date\\\"><\\\/span>\\r\\n <\\\/span>\\r\\n <\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <div class=\\\"rates-container\\\">\\r\\n <table class=\\\"rates-table\\\" id=\\\"highlighted-rates\\\">\\r\\n <thead>\\r\\n <tr>\\r\\n <th>Scrap Material<\\\/th>\\r\\n <th>Current Rate (\\u20b9\\\/Kg)<\\\/th>\\r\\n <\\\/tr>\\r\\n <\\\/thead>\\r\\n <tbody>\\r\\n \\r\\n <\\\/tbody>\\r\\n <\\\/table>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <div style=\\\"margin-top: 25px;\\\">\\r\\n <a href=\\\"https:\\\/\\\/scrapwaalii.com\\\/paper\\\/\\\" class=\\\"btn-view-all\\\">View All Scrap Rates \\u2192<\\\/a>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n<script>\\r\\n document.addEventListener(\\\"DOMContentLoaded\\\", function () {\\r\\n \\\/\\\/ Date auto-update\\r\\n const dateElement = document.getElementById(\\\"current-date\\\");\\r\\n const today = new Date();\\r\\n dateElement.textContent = today.toLocaleDateString(\\\"en-IN\\\", {\\r\\n day: \\\"numeric\\\",\\r\\n month: \\\"long\\\",\\r\\n year: \\\"numeric\\\"\\r\\n });\\r\\n\\r\\n \\\/\\\/ Full scrap list\\r\\n const allRates = [\\r\\n { material: \\\"\\ud83d\\udcf0 Newspaper\\\", rate: \\\"\\u20b912-15\\\" },\\r\\n { material: \\\"\\u2699\\ufe0f Iron\\\/Steel\\\", rate: \\\"\\u20b925-30\\\" },\\r\\n { material: \\\"\\ud83e\\udd64 Plastic\\\", rate: \\\"\\u20b915-25\\\" },\\r\\n { material: \\\"\\ud83d\\udd0c Copper\\\", rate: \\\"\\u20b9450-550\\\" },\\r\\n { material: \\\"\\ud83d\\udd29 Aluminium\\\", rate: \\\"\\u20b980-100\\\" },\\r\\n { material: \\\"\\ud83c\\udffa Brass\\\", rate: \\\"\\u20b9300-350\\\" },\\r\\n { material: \\\"\\ud83d\\udcbb E-Waste\\\", rate: \\\"\\u20b940-120\\\" },\\r\\n { material: \\\"\\ud83d\\udd0b Lead Batteries\\\", rate: \\\"\\u20b960-150\\\" }\\r\\n ];\\r\\n\\r\\n \\\/\\\/ Shuffle and pick 5 random\\r\\n const shuffled = allRates.sort(() => 0.5 - Math.random());\\r\\n const selected = shuffled.slice(0, 5);\\r\\n\\r\\n \\\/\\\/ Insert into table\\r\\n const tbody = document.querySelector(\\\"#highlighted-rates tbody\\\");\\r\\n selected.forEach(item => {\\r\\n const row = document.createElement(\\\"tr\\\");\\r\\n row.innerHTML = `<td>${item.material}<\\\/td><td class=\\\"price\\\">${item.rate}<\\\/td>`;\\r\\n tbody.appendChild(row);\\r\\n });\\r\\n });\\r\\n<\\\/script>\\r\\n\\r\\n<style>\\r\\n .btn-view-all {\\r\\n display: inline-block;\\r\\n padding: 12px 25px;\\r\\n background: #ff6600;\\r\\n color: #fff;\\r\\n border-radius: 6px;\\r\\n font-weight: bold;\\r\\n text-decoration: none;\\r\\n transition: 0.3s;\\r\\n }\\r\\n .btn-view-all:hover {\\r\\n background: #ff8533;\\r\\n }\\r\\n .price {\\r\\n font-weight: bold;\\r\\n color: #ff6600;\\r\\n }\\r\\n<\\\/style>\\r\\n\\r\\n\\r\\n \\r\\n\\r\\n<section class=\\\"section\\\" id=\\\"areas\\\">\\r\\n <div class=\\\"container\\\">\\r\\n \\r\\n <div class=\\\"section-header\\\">\\r\\n <h2 class=\\\"section-title bordered-heading\\\">\\r\\n Our <span class=\\\"highlight\\\">Service Areas<\\\/span>\\r\\n <\\\/h2>\\r\\n <p class=\\\"section-subtitle\\\">\\r\\n We provide comprehensive scrap pickup services across these major cities with expansion plans for additional locations.\\r\\n <\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <div class=\\\"areas-grid\\\" id=\\\"areasGrid\\\">\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfd9\\ufe0f<\\\/span> Delhi<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfe2<\\\/span> Gurugram<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfd8\\ufe0f<\\\/span> Noida<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfe0<\\\/span> Ghaziabad<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfed<\\\/span> Faridabad<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udff0<\\\/span> Jaipur<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfef<\\\/span> Lucknow<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udf06<\\\/span> Chandigarh<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfd9\\ufe0f<\\\/span> Greater Noida<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfd8\\ufe0f<\\\/span> Sonipat<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfed<\\\/span> Meerut<\\\/div>\\r\\n <div class=\\\"area-card\\\"><span class=\\\"area-icon\\\">\\ud83c\\udfe0<\\\/span> Panipat<\\\/div>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <svg class=\\\"area-lines\\\" xmlns=\\\"http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\\"><\\\/svg>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n<style>\\r\\n#areas {\\r\\n padding: 60px 20px;\\r\\n background: #000;\\r\\n text-align: center;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n.section-header { margin-bottom: 40px; }\\r\\n\\r\\n.bordered-heading {\\r\\n display: inline-block;\\r\\n padding: 12px 25px;\\r\\n border: 2px solid #ff6600;\\r\\n border-radius: 8px;\\r\\n font-size: 2rem;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n margin-bottom: 15px;\\r\\n}\\r\\n\\r\\n.highlight { color: #ff6600; }\\r\\n\\r\\n.section-subtitle {\\r\\n font-size: 1rem;\\r\\n color: #ccc;\\r\\n max-width: 750px;\\r\\n margin: 0 auto;\\r\\n}\\r\\n\\r\\n.areas-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\\r\\n gap: 25px;\\r\\n margin-top: 40px;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n.area-card {\\r\\n background: #111;\\r\\n color: #fff;\\r\\n padding: 25px 15px;\\r\\n border-radius: 12px;\\r\\n font-weight: 600;\\r\\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\r\\n border: 1px solid transparent;\\r\\n transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;\\r\\n cursor: default;\\r\\n font-size: 1rem;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n gap: 10px;\\r\\n position: relative;\\r\\n z-index: 1;\\r\\n}\\r\\n\\r\\n.area-card:hover {\\r\\n box-shadow: 0 10px 25px rgba(255, 102, 0, 0.6);\\r\\n border: 1px solid #ff6600;\\r\\n}\\r\\n\\r\\n.area-icon { font-size: 1.5rem; }\\r\\n\\r\\n\\\/* SVG lines style *\\\/\\r\\n.area-lines {\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: 0;\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n pointer-events: none;\\r\\n overflow: visible;\\r\\n}\\r\\n\\r\\n.draw-line {\\r\\n stroke-dasharray: 1000;\\r\\n stroke-dashoffset: 1000;\\r\\n animation: draw 1s forwards, glow 2s infinite alternate;\\r\\n stroke: #ff6600;\\r\\n stroke-width: 2;\\r\\n fill: none;\\r\\n opacity: 0.6;\\r\\n}\\r\\n\\r\\n@keyframes draw {\\r\\n to { stroke-dashoffset: 0; }\\r\\n}\\r\\n\\r\\n@keyframes glow {\\r\\n 0% { stroke: rgba(255,102,0,0.6); filter: drop-shadow(0 0 2px rgba(255,102,0,0.5)); }\\r\\n 50% { stroke: rgba(255,204,102,0.8); filter: drop-shadow(0 0 6px rgba(255,204,102,0.7)); }\\r\\n 100% { stroke: rgba(255,102,0,0.6); filter: drop-shadow(0 0 2px rgba(255,102,0,0.5)); }\\r\\n}\\r\\n\\r\\n@media (max-width: 768px) {\\r\\n .areas-grid {\\r\\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\\r\\n }\\r\\n .section-title { font-size: 1.8rem; }\\r\\n .section-subtitle { font-size: 0.95rem; }\\r\\n .area-card { font-size: 0.95rem; padding: 20px 10px; }\\r\\n}\\r\\n<\\\/style>\\r\\n\\r\\n<script>\\r\\ndocument.addEventListener(\\\"DOMContentLoaded\\\", function () {\\r\\n const cards = document.querySelectorAll(\\\".area-card\\\");\\r\\n const svg = document.querySelector(\\\".area-lines\\\");\\r\\n const svgNS = \\\"http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\\";\\r\\n\\r\\n \\\/\\\/ Draw connecting curved lines\\r\\n function drawLines() {\\r\\n svg.innerHTML = \\\"\\\";\\r\\n for (let i = 0; i < cards.length - 1; i++) {\\r\\n const start = cards[i].getBoundingClientRect();\\r\\n const end = cards[i+1].getBoundingClientRect();\\r\\n const offsetTop = window.scrollY || window.pageYOffset;\\r\\n\\r\\n const x1 = start.left + start.width\\\/2;\\r\\n const y1 = start.top + start.height\\\/2 + offsetTop;\\r\\n const x2 = end.left + end.width\\\/2;\\r\\n const y2 = end.top + end.height\\\/2 + offsetTop;\\r\\n\\r\\n const path = document.createElementNS(svgNS, \\\"path\\\");\\r\\n path.setAttribute(\\\"d\\\", `M${x1},${y1} C${(x1+x2)\\\/2},${y1-30} ${(x1+x2)\\\/2},${y2+30} ${x2},${y2}`);\\r\\n path.classList.add(\\\"draw-line\\\");\\r\\n svg.appendChild(path);\\r\\n }\\r\\n }\\r\\n\\r\\n window.addEventListener(\\\"resize\\\", drawLines);\\r\\n drawLines(); \\\/\\\/ initial draw\\r\\n});\\r\\n<\\\/script>\\r\\n\\r\\n \\r\\n<section class=\\\"section\\\" id=\\\"testimonials\\\">\\r\\n <div class=\\\"container\\\">\\r\\n \\r\\n <div class=\\\"section-header\\\">\\r\\n <h2 class=\\\"section-title bordered-heading\\\">\\r\\n Customer <span class=\\\"highlight\\\">Success Stories<\\\/span>\\r\\n <\\\/h2>\\r\\n <p class=\\\"section-subtitle\\\">\\r\\n Read authentic reviews from our satisfied customers who experienced our transparent and reliable service.\\r\\n <\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n \\r\\n <div class=\\\"card-grid\\\">\\r\\n <div class=\\\"testimonial-card\\\">\\r\\n <div class=\\\"testimonial-content\\\">\\r\\n <div class=\\\"stars\\\">\\u2b50\\u2b50\\u2b50\\u2b50\\u2b50<\\\/div>\\r\\n <p>\\\"Outstanding service experience! The team arrived exactly on time, used transparent digital weighing, and paid instantly. Best rates compared to local dealers in South Delhi.\\\"<\\\/p>\\r\\n <\\\/div>\\r\\n <div class=\\\"testimonial-author\\\">\\r\\n <div class=\\\"author-avatar\\\">RK<\\\/div>\\r\\n <div class=\\\"author-info\\\">\\r\\n <div class=\\\"author-name\\\">Rajesh Kumar<\\\/div>\\r\\n <div class=\\\"author-location\\\">South Delhi<\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"testimonial-card\\\">\\r\\n <div class=\\\"testimonial-content\\\">\\r\\n <div class=\\\"stars\\\">\\u2b50\\u2b50\\u2b50\\u2b50\\u2b50<\\\/div>\\r\\n <p>\\\"Extremely professional and trustworthy team. As a senior citizen, I found their service incredibly convenient and reliable. They handled everything with complete transparency.\\\"<\\\/p>\\r\\n <\\\/div>\\r\\n <div class=\\\"testimonial-author\\\">\\r\\n <div class=\\\"author-avatar\\\">SP<\\\/div>\\r\\n <div class=\\\"author-info\\\">\\r\\n <div class=\\\"author-name\\\">Sunita Pathak<\\\/div>\\r\\n <div class=\\\"author-location\\\">Noida<\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"testimonial-card\\\">\\r\\n <div class=\\\"testimonial-content\\\">\\r\\n <div class=\\\"stars\\\">\\u2b50\\u2b50\\u2b50\\u2b50\\u2b50<\\\/div>\\r\\n <p>\\\"Perfect solution for corporate scrap management. They handled our office electronic waste professionally and provided proper certificates for data destruction. Excellent service!\\\"<\\\/p>\\r\\n <\\\/div>\\r\\n <div class=\\\"testimonial-author\\\">\\r\\n <div class=\\\"author-avatar\\\">AS<\\\/div>\\r\\n <div class=\\\"author-info\\\">\\r\\n <div class=\\\"author-name\\\">Anil Sharma<\\\/div>\\r\\n <div class=\\\"author-location\\\">Gurugram<\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n\\r\\n<style>\\r\\n #testimonials {\\r\\n padding: 60px 20px;\\r\\n background: #000;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .section-header {\\r\\n margin-bottom: 40px;\\r\\n }\\r\\n\\r\\n .bordered-heading {\\r\\n display: inline-block;\\r\\n padding: 12px 25px;\\r\\n border: 2px solid #ff6600;\\r\\n border-radius: 8px;\\r\\n font-size: 2rem;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n margin-bottom: 15px;\\r\\n }\\r\\n\\r\\n .highlight {\\r\\n color: #ff6600;\\r\\n }\\r\\n\\r\\n .section-subtitle {\\r\\n font-size: 1rem;\\r\\n color: #ccc;\\r\\n max-width: 750px;\\r\\n margin: 0 auto;\\r\\n }\\r\\n\\r\\n .card-grid {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\\r\\n gap: 25px;\\r\\n margin-top: 40px;\\r\\n }\\r\\n\\r\\n .testimonial-card {\\r\\n background: #111;\\r\\n border-radius: 12px;\\r\\n padding: 25px 20px;\\r\\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\r\\n border: 1px solid transparent;\\r\\n transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;\\r\\n color: #fff;\\r\\n text-align: left;\\r\\n }\\r\\n\\r\\n .testimonial-card:hover {\\r\\n transform: translateY(-8px);\\r\\n box-shadow: 0 10px 25px rgba(255,102,0,0.6);\\r\\n border: 1px solid #ff6600;\\r\\n }\\r\\n\\r\\n .testimonial-content .stars {\\r\\n color: #ff6600;\\r\\n font-size: 1.2rem;\\r\\n margin-bottom: 1rem;\\r\\n }\\r\\n\\r\\n .testimonial-content p {\\r\\n font-style: italic;\\r\\n color: #ccc;\\r\\n line-height: 1.6;\\r\\n margin-bottom: 2rem;\\r\\n }\\r\\n\\r\\n .testimonial-author {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 1rem;\\r\\n }\\r\\n\\r\\n .author-avatar {\\r\\n width: 50px;\\r\\n height: 50px;\\r\\n background: linear-gradient(135deg, #ff6600, #ff8533);\\r\\n border-radius: 50%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n font-weight: 700;\\r\\n font-size: 1.2rem;\\r\\n color: #000;\\r\\n }\\r\\n\\r\\n .author-info .author-name {\\r\\n font-weight: 700;\\r\\n color: #fff;\\r\\n }\\r\\n\\r\\n .author-info .author-location {\\r\\n font-size: 0.9rem;\\r\\n color: #888;\\r\\n }\\r\\n\\r\\n @media (max-width: 768px) {\\r\\n .testimonial-card {\\r\\n padding: 20px 15px;\\r\\n }\\r\\n\\r\\n .section-title {\\r\\n font-size: 1.8rem;\\r\\n }\\r\\n\\r\\n .section-subtitle {\\r\\n font-size: 0.95rem;\\r\\n }\\r\\n }\\r\\n<\\\/style>\\r\\n\\r\\n \\r\\n<section class=\\\"section\\\" id=\\\"faq\\\">\\r\\n <div class=\\\"container\\\">\\r\\n <div class=\\\"section-header\\\">\\r\\n <h2 class=\\\"section-title bordered-heading\\\">\\r\\n Frequently <span class=\\\"highlight\\\">Asked Questions<\\\/span>\\r\\n <\\\/h2>\\r\\n <p class=\\\"section-subtitle\\\">\\r\\n Find comprehensive answers to common questions about our transparent scrap pickup service, pricing, and processes.\\r\\n <\\\/p>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"faq-container\\\">\\r\\n <div class=\\\"faq-item\\\">\\r\\n <div class=\\\"faq-question\\\">\\r\\n <i class=\\\"fas fa-question-circle\\\"><\\\/i>\\r\\n <span>What is the minimum pickup amount required?<\\\/span>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-answer\\\">\\r\\n <p>We have a minimum pickup value of \\u20b9250 to ensure cost-effective service. You can combine different types of scrap materials to reach this minimum amount.<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-item\\\">\\r\\n <div class=\\\"faq-question\\\">\\r\\n <i class=\\\"fas fa-question-circle\\\"><\\\/i>\\r\\n <span>How do you determine fair pricing for materials?<\\\/span>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-answer\\\">\\r\\n <p>Our prices are based on current market rates and updated daily. We use certified digital scales in front of you for complete transparency and provide detailed rate calculations.<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-item\\\">\\r\\n <div class=\\\"faq-question\\\">\\r\\n <i class=\\\"fas fa-question-circle\\\"><\\\/i>\\r\\n <span>What payment methods are available?<\\\/span>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-answer\\\">\\r\\n <p>We provide immediate cash payment on-site. For larger amounts, we also offer secure UPI transfers and bank deposit options for your convenience.<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-item\\\">\\r\\n <div class=\\\"faq-question\\\">\\r\\n <i class=\\\"fas fa-question-circle\\\"><\\\/i>\\r\\n <span>Do you provide destruction certificates for sensitive materials?<\\\/span>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-answer\\\">\\r\\n <p>Yes, we provide certified destruction certificates for electronic waste containing sensitive data, following industry security standards and compliance requirements.<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-item\\\">\\r\\n <div class=\\\"faq-question\\\">\\r\\n <i class=\\\"fas fa-question-circle\\\"><\\\/i>\\r\\n <span>How quickly can you schedule a pickup?<\\\/span>\\r\\n <\\\/div>\\r\\n <div class=\\\"faq-answer\\\">\\r\\n <p>We typically schedule pickups within 24 hours of your request. Same-day service is available for urgent requests in most coverage areas across Delhi NCR.<\\\/p>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n\\r\\n<link rel=\\\"stylesheet\\\" href=\\\"https:\\\/\\\/cdnjs.cloudflare.com\\\/ajax\\\/libs\\\/font-awesome\\\/5.15.4\\\/css\\\/all.min.css\\\">\\r\\n\\r\\n\\r\\n<style>\\r\\n #faq {\\r\\n padding: 60px 20px;\\r\\n background: #000;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .section-header {\\r\\n margin-bottom: 40px;\\r\\n }\\r\\n\\r\\n .bordered-heading {\\r\\n display: inline-block;\\r\\n padding: 12px 25px;\\r\\n border: 2px solid #ff6600;\\r\\n border-radius: 8px;\\r\\n font-size: 2rem;\\r\\n font-weight: bold;\\r\\n color: #fff;\\r\\n margin-bottom: 15px;\\r\\n }\\r\\n\\r\\n .highlight {\\r\\n color: #ff6600;\\r\\n }\\r\\n\\r\\n .section-subtitle {\\r\\n font-size: 1rem;\\r\\n color: #ccc;\\r\\n max-width: 750px;\\r\\n margin: 0 auto;\\r\\n }\\r\\n\\r\\n .faq-container {\\r\\n margin-top: 40px;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n gap: 20px;\\r\\n }\\r\\n\\r\\n .faq-item {\\r\\n background: #111;\\r\\n border-radius: 12px;\\r\\n border-left: 5px solid #ff6600;\\r\\n box-shadow: 0 6px 15px rgba(0,0,0,0.4);\\r\\n overflow: hidden;\\r\\n transition: box-shadow 0.3s ease, border-left 0.3s ease, transform 0.3s ease, filter 0.3s ease;\\r\\n color: #fff;\\r\\n text-align: left;\\r\\n padding: 20px 20px 20px 15px;\\r\\n }\\r\\n\\r\\n .faq-item:hover {\\r\\n box-shadow: 0 10px 25px rgba(255,102,0,0.6);\\r\\n border-left: 5px solid #ff8533;\\r\\n filter: drop-shadow(0 0 10px rgba(255,102,0,0.5));\\r\\n transform: translateY(-3px);\\r\\n }\\r\\n\\r\\n .faq-question {\\r\\n font-weight: 600;\\r\\n font-size: 1rem;\\r\\n margin-bottom: 10px;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 10px;\\r\\n color: #ff6600;\\r\\n transition: all 0.3s ease;\\r\\n }\\r\\n\\r\\n .faq-answer p {\\r\\n color: #ccc;\\r\\n font-size: 0.95rem;\\r\\n line-height: 1.6;\\r\\n margin: 0;\\r\\n }\\r\\n\\r\\n .faq-question i {\\r\\n font-size: 1.1rem;\\r\\n color: #ff6600;\\r\\n transition: transform 0.5s ease;\\r\\n }\\r\\n\\r\\n .faq-item:hover .faq-question i {\\r\\n transform: rotate(20deg) scale(1.2);\\r\\n }\\r\\n\\r\\n @media (max-width: 768px) {\\r\\n .faq-question {\\r\\n font-size: 0.95rem;\\r\\n }\\r\\n .faq-answer p {\\r\\n font-size: 0.9rem;\\r\\n }\\r\\n }\\r\\n<\\\/style>\\r\\n\\r\\n<footer class=\\\"footer\\\">\\r\\n <div class=\\\"container\\\">\\r\\n <div class=\\\"footer-grid\\\">\\r\\n <div class=\\\"footer-col\\\">\\r\\n <h3>About Scrapwaalii<\\\/h3>\\r\\n <p>Leading professional scrap collection service in Bhadra Tehsil since 2025. We revolutionize waste management with transparent pricing, eco-friendly practices, and exceptional customer service. customer service.<\\\/p>\\r\\n <div class=\\\"social-links\\\">\\r\\n <a href=\\\"#\\\" class=\\\"social-link\\\" aria-label=\\\"Facebook\\\"><i class=\\\"fab fa-facebook-f\\\"><\\\/i><\\\/a>\\r\\n <a href=\\\"#\\\" class=\\\"social-link\\\" aria-label=\\\"Instagram\\\"><i class=\\\"fab fa-instagram\\\"><\\\/i><\\\/a>\\r\\n <a href=\\\"#\\\" class=\\\"social-link\\\" aria-label=\\\"Twitter\\\"><i class=\\\"fab fa-twitter\\\"><\\\/i><\\\/a>\\r\\n <a href=\\\"#\\\" class=\\\"social-link\\\" aria-label=\\\"WhatsApp\\\"><i class=\\\"fab fa-whatsapp\\\"><\\\/i><\\\/a>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <div class=\\\"footer-col\\\">\\r\\n <h3>Quick Navigation<\\\/h3>\\r\\n <ul class=\\\"footer-links\\\">\\r\\n <li><a href=\\\"#services\\\">Our Services<\\\/a><\\\/li>\\r\\n <li><a href=\\\"#rates\\\">Current Rates<\\\/a><\\\/li>\\r\\n <li><a href=\\\"#areas\\\">Service Areas<\\\/a><\\\/li>\\r\\n <li><a href=\\\"#testimonials\\\">Customer Reviews<\\\/a><\\\/li>\\r\\n <li><a href=\\\"https:\\\/\\\/scrapwaalii.com\\\/en\\\/contact\\\/\\\">Contact Us<\\\/a><\\\/li>\\r\\n <li><a href=\\\"https:\\\/\\\/scrapwaalii.com\\\/en\\\/elementor-7009\\\/\\\">Privacy Policy<\\\/a><\\\/li>\\r\\n <\\\/ul>\\r\\n <\\\/div>\\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<div class=\\\"footer-col\\\">\\r\\n <h3>Follow Us<\\\/h3>\\r\\n <ul class=\\\"footer-links social-icons\\\">\\r\\n <li><a href=\\\"https:\\\/\\\/www.facebook.com\\\/YourPage\\\" target=\\\"_blank\\\"><i class=\\\"fab fa-facebook-f\\\"><\\\/i> Facebook<\\\/a><\\\/li>\\r\\n <li><a href=\\\"https:\\\/\\\/www.instagram.com\\\/YourPage\\\" target=\\\"_blank\\\"><i class=\\\"fab fa-instagram\\\"><\\\/i> Instagram<\\\/a><\\\/li>\\r\\n <li><a href=\\\"https:\\\/\\\/twitter.com\\\/YourPage\\\" target=\\\"_blank\\\"><i class=\\\"fab fa-twitter\\\"><\\\/i> Twitter<\\\/a><\\\/li>\\r\\n <li><a href=\\\"https:\\\/\\\/www.linkedin.com\\\/company\\\/YourPage\\\" target=\\\"_blank\\\"><i class=\\\"fab fa-linkedin-in\\\"><\\\/i> LinkedIn<\\\/a><\\\/li>\\r\\n <li><a href=\\\"https:\\\/\\\/www.youtube.com\\\/channel\\\/YourPage\\\" target=\\\"_blank\\\"><i class=\\\"fab fa-youtube\\\"><\\\/i> YouTube<\\\/a><\\\/li>\\r\\n <\\\/ul>\\r\\n<\\\/div>\\r\\n\\r\\n<style>\\r\\n.footer-links.social-icons li a {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 8px;\\r\\n color: #ccc;\\r\\n text-decoration: none;\\r\\n}\\r\\n.footer-links.social-icons li a:hover {\\r\\n color: #28a745; \\\/* hover green *\\\/\\r\\n}\\r\\n<\\\/style>\\r\\n\\r\\n <div class=\\\"footer-col\\\" id=\\\"contact\\\">\\r\\n <h3>Contact Information<\\\/h3>\\r\\n <ul class=\\\"contact-info\\\">\\r\\n <li><i class=\\\"fas fa-phone\\\"><\\\/i><a href=\\\"tel:7065424442\\\">9982040371<\\\/a><\\\/li>\\r\\n <li><i class=\\\"fas fa-envelope\\\"><\\\/i><a href=\\\"mailto:support@scrapwaalii.com\\\">support@scrapwaalii.com<\\\/a><\\\/li>\\r\\n <li><i class=\\\"fas fa-map-marker-alt\\\"><\\\/i>Bhadra (Rajasthan), India<\\\/li>\\r\\n <li><i class=\\\"fas fa-clock\\\"><\\\/i>Mon-Sat: 8:00 AM - 8:00 PM<\\\/li>\\r\\n <\\\/ul>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <div class=\\\"footer-bottom\\\">\\r\\n <p>\\r\\n © 2025 Scrapwaalii \\u00b7 All Rights Reserved \\u00b7 Designed & Developed by Ankit Suthar (IIT Ropar) |\\r\\n <a href=\\\"https:\\\/\\\/scrapwaalii.com\\\/en\\\/elementor-7009\\\/\\\">Privacy Policy<\\\/a> |\\r\\n <a href=\\\"https:\\\/\\\/scrapwaalii.com\\\/en\\\/terms-of-service\\\/\\\">Terms of Service<\\\/a> |\\r\\n \\r\\n <\\\/p>\\r\\n<\\\/div>\\r\\n\\r\\n <\\\/div>\\r\\n<\\\/footer>\\r\\n\\r\\n\\r\\n<style>\\r\\n.footer {\\r\\n background: #000;\\r\\n color: #ccc;\\r\\n padding: 60px 20px 30px;\\r\\n font-size: 0.95rem;\\r\\n line-height: 1.6;\\r\\n}\\r\\n.footer a {\\r\\n color: #ccc;\\r\\n text-decoration: none;\\r\\n transition: color 0.3s ease, transform 0.3s ease;\\r\\n}\\r\\n.footer a:hover {\\r\\n color: #ff6600;\\r\\n transform: translateY(-2px);\\r\\n}\\r\\n.footer-grid {\\r\\n display: flex;\\r\\n flex-wrap: wrap;\\r\\n gap: 30px;\\r\\n justify-content: space-between;\\r\\n}\\r\\n.footer-col {\\r\\n flex: 1 1 220px;\\r\\n min-width: 220px;\\r\\n}\\r\\n.footer-col h3 {\\r\\n font-size: 1.2rem;\\r\\n color: #fff;\\r\\n margin-bottom: 15px;\\r\\n border-left: 4px solid #ff6600;\\r\\n padding-left: 10px;\\r\\n}\\r\\n.footer-links,\\r\\n.contact-info {\\r\\n list-style: none;\\r\\n padding: 0;\\r\\n margin: 0;\\r\\n}\\r\\n.footer-links li,\\r\\n.contact-info li {\\r\\n margin-bottom: 10px;\\r\\n}\\r\\n.footer-links li a:hover {\\r\\n color: #ff8533;\\r\\n}\\r\\n.contact-info li i {\\r\\n margin-right: 10px;\\r\\n color: #ff6600;\\r\\n}\\r\\n.social-links {\\r\\n margin-top: 15px;\\r\\n display: flex;\\r\\n gap: 10px;\\r\\n}\\r\\n.social-link {\\r\\n width: 40px;\\r\\n height: 40px;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n background: #111;\\r\\n border-radius: 50%;\\r\\n color: #ff6600;\\r\\n font-size: 1.1rem;\\r\\n transition: all 0.3s ease;\\r\\n}\\r\\n.social-link:hover {\\r\\n background: #ff6600;\\r\\n color: #111;\\r\\n transform: scale(1.1);\\r\\n}\\r\\n.footer-bottom {\\r\\n text-align: center;\\r\\n margin-top: 40px;\\r\\n font-size: 0.85rem;\\r\\n border-top: 1px solid #333;\\r\\n padding-top: 15px;\\r\\n}\\r\\n.footer-bottom a:hover {\\r\\n color: #ff8533;\\r\\n}\\r\\n@media (max-width:768px) {\\r\\n .footer-grid {\\r\\n flex-direction: column;\\r\\n gap: 20px;\\r\\n }\\r\\n .footer-col h3 {\\r\\n font-size: 1rem;\\r\\n }\\r\\n}\\r\\n<\\\/style>\\r\\n\\r\\n\\r\\n<script>\\r\\ndocument.addEventListener('DOMContentLoaded', function() {\\r\\n \\\/\\\/ Smooth scrolling for footer links\\r\\n document.querySelectorAll('a[href^=\\\"#\\\"]').forEach(anchor => {\\r\\n anchor.addEventListener('click', function(e) {\\r\\n e.preventDefault();\\r\\n const target = document.querySelector(this.getAttribute('href'));\\r\\n if(target) target.scrollIntoView({behavior:'smooth', block:'start'});\\r\\n });\\r\\n });\\r\\n\\r\\n \\\/\\\/ Footer link hover interactions\\r\\n document.querySelectorAll('.footer a, .social-link').forEach(el=>{\\r\\n el.addEventListener('mouseenter',()=>el.style.transform='translateY(-2px) scale(1.05)');\\r\\n el.addEventListener('mouseleave',()=>el.style.transform='translateY(0) scale(1)');\\r\\n });\\r\\n});\\r\\n<\\\/script>\\r\\n\\r\\n<script defer src=\\\"https:\\\/\\\/static.getbutton.io\\\/widget\\\/bundle.js?id=LM2my\\\" ><\\\/script>\\r\\n \\r\\n<\\\/body>\\r\\n<\\\/html>\\t\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t<\\\/div>\\n\\t\\t\",\"scripts\":[],\"styles\":[]}}"]},"_links":{"self":[{"href":"https:\/\/scrapwaalii.com\/en\/wp-json\/wp\/v2\/pages\/4980","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scrapwaalii.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scrapwaalii.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scrapwaalii.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/scrapwaalii.com\/en\/wp-json\/wp\/v2\/comments?post=4980"}],"version-history":[{"count":964,"href":"https:\/\/scrapwaalii.com\/en\/wp-json\/wp\/v2\/pages\/4980\/revisions"}],"predecessor-version":[{"id":7075,"href":"https:\/\/scrapwaalii.com\/en\/wp-json\/wp\/v2\/pages\/4980\/revisions\/7075"}],"wp:attachment":[{"href":"https:\/\/scrapwaalii.com\/en\/wp-json\/wp\/v2\/media?parent=4980"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}