{"id":10,"date":"2026-02-01T10:17:14","date_gmt":"2026-02-01T10:17:14","guid":{"rendered":"https:\/\/lawyers.sunspiremedia.com\/lawyers\/?page_id=10"},"modified":"2026-02-04T06:20:12","modified_gmt":"2026-02-04T06:20:12","slug":"home","status":"publish","type":"page","link":"https:\/\/lawyers.sunspiremedia.com\/lawyers\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6432fbf e-con-full e-flex e-con e-parent\" data-id=\"6432fbf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81c318f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"81c318f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<header id=\"header\" class=\"premium-header\">\r\n    <div class=\"header-container\">\r\n        <nav class=\"main-nav\">\r\n            <!-- Logo Section -->\r\n            <a href=\"#home\" class=\"logo-link\">\r\n                <div class=\"logo\">\r\n                    <div class=\"logo-icon-wrapper\">\r\n                        <div class=\"logo-icon\">\u2696\ufe0f<\/div>\r\n                        <div class=\"logo-shine\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"logo-text\">\r\n                        <span class=\"logo-title\">LEGAL EXCELLENCE<\/span>\r\n                        <span class=\"logo-subtitle\">Advocates & Legal Consultants<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Desktop Navigation -->\r\n            <ul class=\"nav-menu\" id=\"nav-menu\">\r\n                <li class=\"nav-item\"><a href=\"#home\" class=\"nav-link\">Home<\/a><\/li>\r\n                <li class=\"nav-item\"><a href=\"#about\" class=\"nav-link\">About<\/a><\/li>\r\n                <li class=\"nav-item\"><a href=\"#practice\" class=\"nav-link\">Practice Areas<\/a><\/li>\r\n                <li class=\"nav-item\"><a href=\"#contact\" class=\"nav-link\">Contact<\/a><\/li>\r\n            <\/ul>\r\n\r\n            <!-- CTA Buttons -->\r\n            <div class=\"header-cta\">\r\n                <a href=\"tel:+919370346628\" class=\"phone-btn\">\r\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                        <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\r\n                    <\/svg>\r\n                    <span class=\"phone-text\">+919370346628<\/span>\r\n                <\/a>\r\n                <a href=\"#consultation\" class=\"enquiry-btn\">\r\n                    <span class=\"btn-text\">Get Free Consultation<\/span>\r\n                    <svg class=\"btn-arrow\" width=\"19\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                        <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                    <\/svg>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Mobile Toggle Button -->\r\n            <button class=\"menu-toggle\" id=\"mobile-menu\" type=\"button\">\r\n                <span><\/span>\r\n                <span><\/span>\r\n                <span><\/span>\r\n            <\/button>\r\n        <\/nav>\r\n\r\n        <!-- Mobile Overlay Menu -->\r\n        <div class=\"mobile-overlay\" id=\"mobile-overlay\">\r\n            <div class=\"mobile-menu-content\">\r\n                <ul class=\"mobile-nav-list\">\r\n                    <li class=\"mobile-nav-item\">\r\n                        <a href=\"#home\" class=\"mobile-nav-link\">\r\n                            <span class=\"link-number\">01<\/span>\r\n                            <span class=\"link-text\">Home<\/span>\r\n                        <\/a>\r\n                    <\/li>\r\n                    <li class=\"mobile-nav-item\">\r\n                        <a href=\"#about\" class=\"mobile-nav-link\">\r\n                            <span class=\"link-number\">02<\/span>\r\n                            <span class=\"link-text\">About Us<\/span>\r\n                        <\/a>\r\n                    <\/li>\r\n                    <li class=\"mobile-nav-item\">\r\n                        <a href=\"#practice\" class=\"mobile-nav-link\">\r\n                            <span class=\"link-number\">03<\/span>\r\n                            <span class=\"link-text\">Practice Areas<\/span>\r\n                        <\/a>\r\n                    <\/li>\r\n                    <li class=\"mobile-nav-item\">\r\n                        <a href=\"#contact\" class=\"mobile-nav-link\">\r\n                            <span class=\"link-number\">04<\/span>\r\n                            <span class=\"link-text\">Contact<\/span>\r\n                        <\/a>\r\n                    <\/li>\r\n                <\/ul>\r\n\r\n                <div class=\"mobile-cta-section\">\r\n                    <a href=\"tel:+919370346628\" class=\"mobile-phone-btn\">\r\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\r\n                        <\/svg>\r\n                        <span>+919370346628<\/span>\r\n                    <\/a>\r\n                    <a href=\"#consultation\" class=\"mobile-enquiry-btn\">\r\n                        Get Free Consultation\r\n                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                            <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                        <\/svg>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <div class=\"mobile-footer\">\r\n                    <p>Available 24\/7 for Legal Assistance<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/header>\r\n\r\n<style>\r\n\/* Reset and Base Styles *\/\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n    overflow-x: hidden;\r\n    width: 100%;\r\n}\r\n\r\n\/* Prevent body scroll when menu is open *\/\r\nbody.menu-open {\r\n    overflow: hidden !important;\r\n    height: 100vh;\r\n}\r\n\r\n\/* Premium Header Styles *\/\r\n.premium-header {\r\n    background: rgba(15, 15, 15, 0.95);\r\n    backdrop-filter: blur(20px);\r\n    -webkit-backdrop-filter: blur(20px);\r\n    padding: 0;\r\n    position: fixed;\r\n    width: 100%;\r\n    top: 0;\r\n    z-index: 9999;\r\n    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\r\n    border-bottom: 1px solid rgba(212, 175, 55, 0.1);\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.premium-header.scrolled {\r\n    background: rgba(10, 10, 10, 0.98);\r\n    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.3);\r\n    border-bottom: 1px solid rgba(212, 175, 55, 0.2);\r\n}\r\n\r\n.header-container {\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n    padding: 1%;\r\n    width: 100%;\r\n}\r\n\r\n.main-nav {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 0.7rem 0;\r\n    gap: 5px;\r\n    transition: padding 0.3s ease;\r\n}\r\n\r\n.premium-header.scrolled .main-nav {\r\n    padding: 0.8rem 0;\r\n}\r\n\r\n\/* Logo Styles *\/\r\n.logo-link {\r\n    text-decoration: none;\r\n    display: flex;\r\n    align-items: center;\r\n    z-index: 10001;\r\n}\r\n\r\n.logo {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.8rem;\r\n    cursor: pointer;\r\n}\r\n\r\n.logo-icon-wrapper {\r\n    position: relative;\r\n    width: 50px;\r\n    height: 50px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: linear-gradient(135deg, rgba(212, 175, 55, 0.1), rgba(240, 209, 108, 0.05));\r\n    border-radius: 12px;\r\n    border: 1px solid rgba(212, 175, 55, 0.2);\r\n    transition: all 0.4s ease;\r\n    overflow: hidden;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.logo-icon-wrapper:hover {\r\n    transform: scale(1.05) rotate(5deg);\r\n    background: linear-gradient(135deg, rgba(212, 175, 55, 0.2), rgba(240, 209, 108, 0.1));\r\n    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.3);\r\n}\r\n\r\n.logo-icon {\r\n    font-size: 1.8rem;\r\n    filter: drop-shadow(0 2px 8px rgba(212, 175, 55, 0.5));\r\n    z-index: 2;\r\n    animation: logoFloat 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes logoFloat {\r\n    0%, 100% { transform: translateY(0) rotate(0deg); }\r\n    50% { transform: translateY(-3px) rotate(5deg); }\r\n}\r\n\r\n.logo-shine {\r\n    position: absolute;\r\n    top: -50%;\r\n    left: -50%;\r\n    width: 200%;\r\n    height: 200%;\r\n    background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);\r\n    transform: rotate(45deg);\r\n    animation: logoShine 3s infinite;\r\n}\r\n\r\n@keyframes logoShine {\r\n    0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\r\n    100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\r\n}\r\n\r\n.logo-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.2rem;\r\n}\r\n\r\n.logo-title {\r\n    color: #d4af37;\r\n    font-size: 1.4rem;\r\n    font-weight: 700;\r\n    letter-spacing: 1px;\r\n    background: linear-gradient(135deg, #d4af37, #f0d16c);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    white-space: nowrap;\r\n}\r\n\r\n.logo-subtitle {\r\n    color: #c0c0c0;\r\n    font-size: 0.75rem;\r\n    font-style: italic;\r\n    font-weight: 400;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n\/* Navigation Menu *\/\r\n.nav-menu {\r\n    display: flex;\r\n    list-style: none;\r\n    gap: 5px;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n.nav-item {\r\n    position: relative;\r\n    margin: 0 5px;\r\n}\r\n\r\n.nav-link {\r\n    color: #ffffff;\r\n    text-decoration: none;\r\n    font-size: 0.95rem;\r\n    font-weight: 500;\r\n    padding: 0.5rem 0;\r\n    position: relative;\r\n    transition: color 0.3s ease;\r\n    letter-spacing: 0.5px;\r\n    white-space: nowrap;\r\n}\r\n\r\n.nav-link::before {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 0;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, #d4af37, #f0d16c);\r\n    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.nav-link:hover {\r\n    color: #d4af37;\r\n}\r\n\r\n.nav-link:hover::before {\r\n    width: 100%;\r\n}\r\n\r\n\/* Header CTA Buttons *\/\r\n.header-cta {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 5px;\r\n}\r\n\r\n.phone-btn {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.6rem;\r\n    padding: 0.7rem 1.3rem;\r\n    background: rgba(255, 255, 255, 0.05);\r\n    border: 1px solid rgba(212, 175, 55, 0.3);\r\n    border-radius: 50px;\r\n    color: #d4af37;\r\n    text-decoration: none;\r\n    font-size: 0.9rem;\r\n    font-weight: 600;\r\n    transition: all 0.3s ease;\r\n    backdrop-filter: blur(10px);\r\n    margin-right: 5px;\r\n}\r\n\r\n.phone-btn:hover {\r\n    background: rgba(212, 175, 55, 0.1);\r\n    border-color: #d4af37;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 5px 20px rgba(212, 175, 55, 0.2);\r\n}\r\n\r\n.phone-btn svg {\r\n    animation: ringBell 2s infinite;\r\n    flex-shrink: 0;\r\n}\r\n\r\n@keyframes ringBell {\r\n    0%, 100% { transform: rotate(0deg); }\r\n    10%, 30% { transform: rotate(-10deg); }\r\n    20%, 40% { transform: rotate(10deg); }\r\n    50% { transform: rotate(0deg); }\r\n}\r\n\r\n.phone-text {\r\n    white-space: nowrap;\r\n}\r\n\r\n.enquiry-btn {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n    padding: 0.8rem 1.8rem;\r\n    background: linear-gradient(135deg, #d4af37 0%, #f0d16c 100%);\r\n    border-radius: 50px;\r\n    color: #1a1a1a;\r\n    text-decoration: none;\r\n    font-size: 0.95rem;\r\n    font-weight: 700;\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    box-shadow: 0 4px 20px rgba(212, 175, 55, 0.3);\r\n    position: relative;\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n}\r\n\r\n.enquiry-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.3), transparent);\r\n    transition: left 0.6s;\r\n}\r\n\r\n.enquiry-btn:hover::before {\r\n    left: 100%;\r\n}\r\n\r\n.enquiry-btn:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 30px rgba(212, 175, 55, 0.5);\r\n}\r\n\r\n.btn-arrow {\r\n    transition: transform 0.3s ease;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.enquiry-btn:hover .btn-arrow {\r\n    transform: translateX(5px);\r\n}\r\n\r\n\/* Mobile Toggle Button - SIMPLIFIED *\/\r\n.menu-toggle {\r\n    display: none;\r\n    flex-direction: column;\r\n    justify-content: space-around;\r\n    background: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 8px;\r\n    position: relative;\r\n    z-index: 10001;\r\n    width: 40px;\r\n    height: 40px;\r\n}\r\n\r\n.menu-toggle span {\r\n    width: 28px;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, #d4af37, #f0d16c);\r\n    border-radius: 3px;\r\n    transition: all 0.3s ease;\r\n    display: block;\r\n}\r\n\r\n\/* Active state - Transform to X *\/\r\n.menu-toggle.active span:nth-child(1) {\r\n    transform: rotate(45deg) translate(7px, 7px);\r\n}\r\n\r\n.menu-toggle.active span:nth-child(2) {\r\n    opacity: 0;\r\n}\r\n\r\n.menu-toggle.active span:nth-child(3) {\r\n    transform: rotate(-45deg) translate(7px, -7px);\r\n}\r\n\r\n\/* Mobile Overlay Menu *\/\r\n.mobile-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100vh;\r\n    background: linear-gradient(135deg, rgba(10, 10, 10, 0.98), rgba(26, 26, 26, 0.98));\r\n    backdrop-filter: blur(20px);\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    z-index: 10000;\r\n    overflow-y: auto;\r\n    -webkit-overflow-scrolling: touch;\r\n}\r\n\r\n.mobile-overlay.active {\r\n    opacity: 1;\r\n    visibility: visible;\r\n}\r\n\r\n.mobile-menu-content {\r\n    padding: 100px 8% 50px;\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n    min-height: 100vh;\r\n}\r\n\r\n.mobile-logo {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 1rem;\r\n    margin-bottom: 3rem;\r\n    padding-bottom: 2rem;\r\n    border-bottom: 1px solid rgba(212, 175, 55, 0.2);\r\n}\r\n\r\n.mobile-logo .logo-icon {\r\n    font-size: 2.5rem;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.mobile-nav-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0 0 3rem 0;\r\n}\r\n\r\n.mobile-nav-item {\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.05);\r\n}\r\n\r\n.mobile-nav-link {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 1.5rem;\r\n    padding: 1.5rem 0;\r\n    color: #ffffff;\r\n    text-decoration: none;\r\n    font-size: 1.8rem;\r\n    font-weight: 600;\r\n    transition: all 0.3s ease;\r\n    position: relative;\r\n}\r\n\r\n.mobile-nav-link:hover {\r\n    color: #d4af37;\r\n    padding-left: 1rem;\r\n}\r\n\r\n.link-number {\r\n    font-size: 1rem;\r\n    color: #d4af37;\r\n    font-weight: 700;\r\n    opacity: 0.5;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.link-text {\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.mobile-nav-link:hover .link-text {\r\n    transform: translateX(10px);\r\n}\r\n\r\n\/* Mobile CTA Section *\/\r\n.mobile-cta-section {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1rem;\r\n    margin-bottom: 2rem;\r\n}\r\n\r\n.mobile-phone-btn {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.8rem;\r\n    padding: 1rem 1.5rem;\r\n    background: rgba(212, 175, 55, 0.1);\r\n    border: 2px solid rgba(212, 175, 55, 0.3);\r\n    border-radius: 50px;\r\n    color: #d4af37;\r\n    text-decoration: none;\r\n    font-size: 1.1rem;\r\n    font-weight: 600;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.mobile-phone-btn:hover {\r\n    background: rgba(212, 175, 55, 0.2);\r\n    border-color: #d4af37;\r\n    transform: scale(1.02);\r\n}\r\n\r\n.mobile-enquiry-btn {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.8rem;\r\n    padding: 1.2rem 1.5rem;\r\n    background: linear-gradient(135deg, #d4af37 0%, #f0d16c 100%);\r\n    border-radius: 50px;\r\n    color: #1a1a1a;\r\n    text-decoration: none;\r\n    font-size: 1.1rem;\r\n    font-weight: 700;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 8px 30px rgba(212, 175, 55, 0.4);\r\n}\r\n\r\n.mobile-enquiry-btn:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 12px 40px rgba(212, 175, 55, 0.6);\r\n}\r\n\r\n.mobile-footer {\r\n    text-align: center;\r\n    padding-top: 2rem;\r\n    border-top: 1px solid rgba(212, 175, 55, 0.2);\r\n}\r\n\r\n.mobile-footer p {\r\n    color: #c0c0c0;\r\n    font-size: 0.9rem;\r\n    font-style: italic;\r\n}\r\n\r\n\/* Responsive Styles *\/\r\n@media (max-width: 1200px) {\r\n    .nav-menu {\r\n        gap: 5px;\r\n    }\r\n    \r\n    .nav-item {\r\n        margin: 0 3px;\r\n    }\r\n    \r\n    \/* Show only phone icon on desktop, hide text *\/\r\n    .phone-text {\r\n        display: none;\r\n    }\r\n}\r\n\r\n@media (max-width: 968px) {\r\n    .nav-menu,\r\n    .header-cta {\r\n        display: none;\r\n    }\r\n    \r\n    .menu-toggle {\r\n        display: flex;\r\n    }\r\n    \r\n    .main-nav {\r\n        padding: 1rem 0;\r\n    }\r\n    \r\n    .logo-icon-wrapper {\r\n        width: 45px;\r\n        height: 45px;\r\n    }\r\n    \r\n    .logo-icon {\r\n        font-size: 1.5rem;\r\n    }\r\n    \r\n    .logo-title {\r\n        font-size: 1.2rem;\r\n    }\r\n    \r\n    .logo-subtitle {\r\n        font-size: 0.7rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .header-container {\r\n        padding: 0 4%;\r\n    }\r\n    \r\n    .logo-icon-wrapper {\r\n        width: 40px;\r\n        height: 40px;\r\n    }\r\n    \r\n    .logo-icon {\r\n        font-size: 1.3rem;\r\n    }\r\n    \r\n    .logo-title {\r\n        font-size: 1rem;\r\n    }\r\n    \r\n    .logo-subtitle {\r\n        font-size: 0.65rem;\r\n        display: none;\r\n    }\r\n    \r\n    .mobile-nav-link {\r\n        font-size: 1.5rem;\r\n        padding: 1.2rem 0;\r\n    }\r\n    \r\n    .mobile-menu-content {\r\n        padding: 80px 6% 40px;\r\n    }\r\n    \r\n    .mobile-logo {\r\n        margin-bottom: 2rem;\r\n        padding-bottom: 1.5rem;\r\n    }\r\n    \r\n    .mobile-logo .logo-icon {\r\n        font-size: 2rem;\r\n    }\r\n    \r\n    .mobile-phone-btn,\r\n    .mobile-enquiry-btn {\r\n        font-size: 1rem;\r\n        padding: 0.9rem 1.2rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 360px) {\r\n    .logo-title {\r\n        font-size: 0.9rem;\r\n    }\r\n    \r\n    .mobile-nav-link {\r\n        font-size: 1.3rem;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ Wrap everything to ensure DOM is loaded\r\n(function() {\r\n    'use strict';\r\n    \r\n    \/\/ Wait for DOM to be ready\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', init);\r\n    } else {\r\n        init();\r\n    }\r\n    \r\n    function init() {\r\n        const header = document.getElementById('header');\r\n        const mobileMenu = document.getElementById('mobile-menu');\r\n        const mobileOverlay = document.getElementById('mobile-overlay');\r\n        const body = document.body;\r\n        \r\n        \/\/ Scroll effect\r\n        let lastScroll = 0;\r\n        window.addEventListener('scroll', function() {\r\n            const currentScroll = window.pageYOffset;\r\n            \r\n            if (currentScroll > 100) {\r\n                header.classList.add('scrolled');\r\n            } else {\r\n                header.classList.remove('scrolled');\r\n            }\r\n            \r\n            lastScroll = currentScroll;\r\n        });\r\n        \r\n        \/\/ Mobile menu toggle - SIMPLE VERSION\r\n        if (mobileMenu && mobileOverlay) {\r\n            mobileMenu.addEventListener('click', function() {\r\n                this.classList.toggle('active');\r\n                mobileOverlay.classList.toggle('active');\r\n                body.classList.toggle('menu-open');\r\n            });\r\n            \r\n            \/\/ Close menu when clicking nav links\r\n            const navLinks = document.querySelectorAll('.mobile-nav-link');\r\n            navLinks.forEach(function(link) {\r\n                link.addEventListener('click', function() {\r\n                    mobileMenu.classList.remove('active');\r\n                    mobileOverlay.classList.remove('active');\r\n                    body.classList.remove('menu-open');\r\n                });\r\n            });\r\n            \r\n            \/\/ Close menu when clicking overlay\r\n            mobileOverlay.addEventListener('click', function(e) {\r\n                if (e.target === mobileOverlay) {\r\n                    mobileMenu.classList.remove('active');\r\n                    mobileOverlay.classList.remove('active');\r\n                    body.classList.remove('menu-open');\r\n                }\r\n            });\r\n            \r\n            \/\/ Prevent clicks inside menu content from closing\r\n            const mobileMenuContent = document.querySelector('.mobile-menu-content');\r\n            if (mobileMenuContent) {\r\n                mobileMenuContent.addEventListener('click', function(e) {\r\n                    e.stopPropagation();\r\n                });\r\n            }\r\n            \r\n            \/\/ ESC key to close\r\n            document.addEventListener('keydown', function(e) {\r\n                if (e.key === 'Escape' && mobileMenu.classList.contains('active')) {\r\n                    mobileMenu.classList.remove('active');\r\n                    mobileOverlay.classList.remove('active');\r\n                    body.classList.remove('menu-open');\r\n                }\r\n            });\r\n        }\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2a3a2e3 e-con-full e-flex e-con e-parent\" data-id=\"2a3a2e3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e9e10fe elementor-widget elementor-widget-html\" data-id=\"e9e10fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"premium-hero\" id=\"home\">\r\n    <!-- Animated Background Overlay -->\r\n    <div class=\"hero-bg-overlay\">\r\n        <div class=\"bg-gradient-1\"><\/div>\r\n        <div class=\"bg-gradient-2\"><\/div>\r\n        <div class=\"bg-pattern\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Floating Particles -->\r\n    <div class=\"hero-particles\">\r\n        <div class=\"particle\"><\/div>\r\n        <div class=\"particle\"><\/div>\r\n        <div class=\"particle\"><\/div>\r\n        <div class=\"particle\"><\/div>\r\n        <div class=\"particle\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Hero Content -->\r\n    <div class=\"hero-wrapper\">\r\n        <div class=\"hero-content-grid\">\r\n            <!-- Left Content -->\r\n            <div class=\"hero-left\">\r\n                <!-- Badge -->\r\n                <div class=\"hero-badge\">\r\n                    <span class=\"badge-icon\">\u2696\ufe0f<\/span>\r\n                    <span class=\"badge-text\">Trusted Legal Experts Since 2008<\/span>\r\n                <\/div>\r\n\r\n                <!-- Main Heading -->\r\n                <h1 class=\"hero-title\">\r\n                    <span class=\"title-line-1\">Your Trusted Partner<\/span>\r\n                    <span class=\"title-line-2\">For Legal Excellence<\/span>\r\n                    <span class=\"title-highlight\">& Justice<\/span>\r\n                <\/h1>\r\n\r\n                <!-- Subheading -->\r\n                <p class=\"hero-description\">\r\n                    Expert advocates delivering professional legal representation across civil, criminal, corporate, family, and property law matters with unmatched dedication and results.\r\n                <\/p>\r\n\r\n                <!-- Trust Indicators -->\r\n                <div class=\"hero-stats\">\r\n                    <div class=\"stat-box\">\r\n                        <span class=\"stat-icon\">\u2713<\/span>\r\n                        <div class=\"stat-content\">\r\n                            <span class=\"stat-number\">500+<\/span>\r\n                            <span class=\"stat-label\">Cases Won<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"stat-box\">\r\n                        <span class=\"stat-icon\">\u2605<\/span>\r\n                        <div class=\"stat-content\">\r\n                            <span class=\"stat-number\">98%<\/span>\r\n                            <span class=\"stat-label\">Success Rate<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"stat-box\">\r\n                        <span class=\"stat-icon\">\ud83d\udc65<\/span>\r\n                        <div class=\"stat-content\">\r\n                            <span class=\"stat-number\">1000+<\/span>\r\n                            <span class=\"stat-label\">Happy Clients<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CTA Buttons -->\r\n                <div class=\"hero-cta-group\">\r\n                    <a href=\"#consultation\" class=\"hero-btn-primary\">\r\n                        <span class=\"btn-content\">\r\n                            <span class=\"btn-text\">Get Free Consultation<\/span>\r\n                            <span class=\"btn-subtext\">No Obligation \u2022 Confidential<\/span>\r\n                        <\/span>\r\n                        <svg class=\"btn-icon\" width=\"30\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                            <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                        <\/svg>\r\n                    <\/a>\r\n\r\n                    <a href=\"tel:+919876543210\" class=\"hero-btn-secondary\">\r\n                        <svg class=\"phone-icon\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\r\n                        <\/svg>\r\n                        <span class=\"btn-content\">\r\n                            <span class=\"btn-text\">Call Now: +91-98765-43210<\/span>\r\n                            <span class=\"btn-subtext\">Available 24\/7<\/span>\r\n                        <\/span>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- Trust Badges -->\r\n                <div class=\"trust-badges\">\r\n                    <div class=\"trust-badge\">\r\n                        <svg width=\"16\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"#d4af37\">\r\n                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n                        <\/svg>\r\n                        <span>Bar Council Certified<\/span>\r\n                    <\/div>\r\n                    <div class=\"trust-badge\">\r\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#d4af37\">\r\n                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n                        <\/svg>\r\n                        <span>15+ Years Experience<\/span>\r\n                    <\/div>\r\n                    <div class=\"trust-badge\">\r\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#d4af37\">\r\n                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n                        <\/svg>\r\n                        <span>Client Satisfaction Guaranteed<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Right Content - Image Card -->\r\n            <div class=\"hero-right\">\r\n                <div class=\"hero-image-card\">\r\n                    <div class=\"image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1589829545856-d10d557cf95f?w=800&h=1000&fit=crop\" alt=\"Legal Excellence\">\r\n                        <div class=\"image-overlay\"><\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- Floating Info Cards -->\r\n                    <div class=\"floating-card card-1\">\r\n                        <div class=\"card-icon\">\u2696\ufe0f<\/div>\r\n                        <div class=\"card-content\">\r\n                            <span class=\"card-title\">Professional<\/span>\r\n                            <span class=\"card-subtitle\">Legal Services<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"floating-card card-2\">\r\n                        <div class=\"card-icon\">\ud83d\udee1\ufe0f<\/div>\r\n                        <div class=\"card-content\">\r\n                            <span class=\"card-title\">100% Confidential<\/span>\r\n                            <span class=\"card-subtitle\">Your Privacy Matters<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"floating-card card-3\">\r\n                        <div class=\"card-icon\">\u2713<\/div>\r\n                        <div class=\"card-content\">\r\n                            <span class=\"card-title\">Verified Experts<\/span>\r\n                            <span class=\"card-subtitle\">Licensed Advocates<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Scroll Indicator -->\r\n    <div class=\"scroll-indicator\">\r\n        <div class=\"scroll-line\"><\/div>\r\n        <span class=\"scroll-text\">Scroll to Explore<\/span>\r\n        <svg class=\"scroll-arrow\" width=\"30\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n        <\/svg>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* Premium Hero Section *\/\r\n.premium-hero {\r\n    position: relative;\r\n    min-height: 150vh;\r\n    display: flex;\r\n    align-items: center;\r\n    overflow: hidden;\r\n    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);\r\n    padding: 160px 5% 80px;\r\n}\r\n\r\n\/* Animated Background *\/\r\n.hero-bg-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: hidden;\r\n    z-index: 1;\r\n}\r\n\r\n.bg-gradient-1 {\r\n    position: absolute;\r\n    top: -50%;\r\n    right: -20%;\r\n    width: 80%;\r\n    height: 80%;\r\n    background: radial-gradient(circle, rgba(212, 175, 55, 0.15) 0%, transparent 70%);\r\n    animation: float 20s ease-in-out infinite;\r\n}\r\n\r\n.bg-gradient-2 {\r\n    position: absolute;\r\n    bottom: -30%;\r\n    left: -10%;\r\n    width: 60%;\r\n    height: 60%;\r\n    background: radial-gradient(circle, rgba(240, 209, 108, 0.1) 0%, transparent 70%);\r\n    animation: float 15s ease-in-out infinite reverse;\r\n}\r\n\r\n@keyframes float {\r\n    0%, 100% { transform: translate(0, 0) scale(1); }\r\n    50% { transform: translate(30px, -30px) scale(1.1); }\r\n}\r\n\r\n.bg-pattern {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-image: \r\n        linear-gradient(rgba(212, 175, 55, 0.03) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(212, 175, 55, 0.03) 1px, transparent 1px);\r\n    background-size: 50px 50px;\r\n    opacity: 0.3;\r\n}\r\n\r\n\/* Floating Particles *\/\r\n.hero-particles {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 2;\r\n}\r\n\r\n.particle {\r\n    position: absolute;\r\n    width: 4px;\r\n    height: 4px;\r\n    background: #d4af37;\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 10px rgba(212, 175, 55, 0.8);\r\n    animation: particleFloat 15s infinite;\r\n}\r\n\r\n.particle:nth-child(1) {\r\n    top: 20%;\r\n    left: 10%;\r\n    animation-delay: 0s;\r\n}\r\n\r\n.particle:nth-child(2) {\r\n    top: 60%;\r\n    left: 80%;\r\n    animation-delay: 3s;\r\n}\r\n\r\n.particle:nth-child(3) {\r\n    top: 40%;\r\n    left: 30%;\r\n    animation-delay: 6s;\r\n}\r\n\r\n.particle:nth-child(4) {\r\n    top: 80%;\r\n    left: 60%;\r\n    animation-delay: 9s;\r\n}\r\n\r\n.particle:nth-child(5) {\r\n    top: 30%;\r\n    left: 90%;\r\n    animation-delay: 12s;\r\n}\r\n\r\n@keyframes particleFloat {\r\n    0%, 100% {\r\n        transform: translateY(0) translateX(0);\r\n        opacity: 0;\r\n    }\r\n    10% {\r\n        opacity: 1;\r\n    }\r\n    90% {\r\n        opacity: 1;\r\n    }\r\n    100% {\r\n        transform: translateY(-100px) translateX(50px);\r\n        opacity: 0;\r\n    }\r\n}\r\n\r\n\/* Hero Wrapper *\/\r\n.hero-wrapper {\r\n    position: relative;\r\n    z-index: 3;\r\n    width: 100%;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.hero-content-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 5rem;\r\n    align-items: center;\r\n}\r\n\r\n\/* Left Content *\/\r\n.hero-left {\r\n    animation: fadeInUp 1s ease-out;\r\n}\r\n\r\n@keyframes fadeInUp {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(40px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\/* Hero Badge *\/\r\n.hero-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.8rem;\r\n    padding: 0.6rem 1.5rem;\r\n    background: rgba(212, 175, 55, 0.1);\r\n    backdrop-filter: blur(10px);\r\n    border: 1px solid rgba(212, 175, 55, 0.3);\r\n    border-radius: 50px;\r\n    margin-bottom: 2rem;\r\n    animation: fadeInUp 1s ease-out 0.2s backwards;\r\n}\r\n\r\n.badge-icon {\r\n    font-size: 1.2rem;\r\n    animation: bounce 2s infinite;\r\n}\r\n\r\n.badge-text {\r\n    color: #d4af37;\r\n    font-size: 0.9rem;\r\n    font-weight: 600;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n\/* Hero Title *\/\r\n.hero-title {\r\n    font-size: 4rem;\r\n    line-height: 1.2;\r\n    margin-bottom: 1.5rem;\r\n    font-weight: 800;\r\n    animation: fadeInUp 1s ease-out 0.4s backwards;\r\n}\r\n\r\n.title-line-1,\r\n.title-line-2 {\r\n    display: block;\r\n    color: #ffffff;\r\n}\r\n\r\n.title-highlight {\r\n    display: block;\r\n    background: linear-gradient(135deg, #d4af37 0%, #f0d16c 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    position: relative;\r\n}\r\n\r\n.title-highlight::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 200px;\r\n    height: 6px;\r\n    background: linear-gradient(90deg, #d4af37, transparent);\r\n    border-radius: 3px;\r\n}\r\n\r\n\/* Hero Description *\/\r\n.hero-description {\r\n    font-size: 1.2rem;\r\n    line-height: 1.8;\r\n    color: #c0c0c0;\r\n    margin-bottom: 2.5rem;\r\n    max-width: 600px;\r\n    animation: fadeInUp 1s ease-out 0.6s backwards;\r\n}\r\n\r\n\/* Hero Stats *\/\r\n.hero-stats {\r\n    display: flex;\r\n    gap: 2rem;\r\n    margin-bottom: 3rem;\r\n    animation: fadeInUp 1s ease-out 0.8s backwards;\r\n}\r\n\r\n.stat-box {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.8rem;\r\n    padding: 1rem 1.5rem;\r\n    background: rgba(255, 255, 255, 0.03);\r\n    backdrop-filter: blur(10px);\r\n    border: 1px solid rgba(212, 175, 55, 0.2);\r\n    border-radius: 12px;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.stat-box:hover {\r\n    background: rgba(212, 175, 55, 0.1);\r\n    border-color: rgba(212, 175, 55, 0.4);\r\n    transform: translateY(-5px);\r\n}\r\n\r\n.stat-icon {\r\n    font-size: 1.5rem;\r\n    color: #d4af37;\r\n}\r\n\r\n.stat-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.stat-number {\r\n    font-size: 1.5rem;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    line-height: 1;\r\n}\r\n\r\n.stat-label {\r\n    font-size: 0.8rem;\r\n    color: #999;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n\/* CTA Buttons *\/\r\n.hero-cta-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1rem;\r\n    margin-bottom: 2.5rem;\r\n    animation: fadeInUp 1s ease-out 1s backwards;\r\n}\r\n\r\n.hero-btn-primary {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 0;\r\n    background: linear-gradient(135deg, #d4af37 0%, #f0d16c 100%);\r\n    border-radius: 60px;\r\n    text-decoration: none;\r\n    color: #1a1a1a;\r\n    font-weight: 700;\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    box-shadow: 0 10px 40px rgba(212, 175, 55, 0.4);\r\n    overflow: hidden;\r\n    position: relative;\r\n}\r\n\r\n.hero-btn-primary::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.3), transparent);\r\n    transition: left 0.6s;\r\n}\r\n\r\n.hero-btn-primary:hover::before {\r\n    left: 100%;\r\n}\r\n\r\n.hero-btn-primary:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 15px 50px rgba(212, 175, 55, 0.6);\r\n}\r\n\r\n.hero-btn-primary .btn-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    padding: 1.2rem 2rem;\r\n    flex: 1;\r\n}\r\n\r\n.hero-btn-primary .btn-text {\r\n    font-size: 1.1rem;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.hero-btn-primary .btn-subtext {\r\n    font-size: 0.75rem;\r\n    font-weight: 500;\r\n    opacity: 0.8;\r\n    margin-top: 0.2rem;\r\n}\r\n\r\n.hero-btn-primary .btn-icon {\r\n    padding: 1.5rem;\r\n    background: rgba(0, 0, 0, 0.1);\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.hero-btn-primary:hover .btn-icon {\r\n    transform: translateX(5px);\r\n}\r\n\r\n.hero-btn-secondary {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 1rem;\r\n    padding: 1.2rem 2rem;\r\n    background: rgba(255, 255, 255, 0.05);\r\n    backdrop-filter: blur(10px);\r\n    border: 2px solid rgba(212, 175, 55, 0.3);\r\n    border-radius: 60px;\r\n    text-decoration: none;\r\n    color: #ffffff;\r\n    font-weight: 600;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.hero-btn-secondary:hover {\r\n    background: rgba(212, 175, 55, 0.1);\r\n    border-color: #d4af37;\r\n    transform: translateX(5px);\r\n}\r\n\r\n.hero-btn-secondary .phone-icon {\r\n    color: #d4af37;\r\n    animation: ringBell 2s infinite;\r\n}\r\n\r\n.hero-btn-secondary .btn-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n}\r\n\r\n.hero-btn-secondary .btn-text {\r\n    font-size: 1rem;\r\n}\r\n\r\n.hero-btn-secondary .btn-subtext {\r\n    font-size: 0.75rem;\r\n    color: #999;\r\n    margin-top: 0.2rem;\r\n}\r\n\r\n\/* Trust Badges *\/\r\n.trust-badges {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 1.5rem;\r\n    animation: fadeInUp 1s ease-out 1.2s backwards;\r\n}\r\n\r\n.trust-badge {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n    color: #999;\r\n    font-size: 0.85rem;\r\n}\r\n\r\n.trust-badge svg {\r\n    flex-shrink: 0;\r\n}\r\n\r\n\/* Right Content - Image Card *\/\r\n.hero-right {\r\n    position: relative;\r\n    animation: fadeInRight 1s ease-out 0.5s backwards;\r\n}\r\n\r\n@keyframes fadeInRight {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateX(40px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateX(0);\r\n    }\r\n}\r\n\r\n.hero-image-card {\r\n    position: relative;\r\n    height: 600px;\r\n}\r\n\r\n.image-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 30px;\r\n    overflow: hidden;\r\n    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.image-wrapper img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.5s ease;\r\n}\r\n\r\n.hero-image-card:hover .image-wrapper img {\r\n    transform: scale(1.05);\r\n}\r\n\r\n.image-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(135deg, rgba(212, 175, 55, 0.2), rgba(26, 26, 26, 0.6));\r\n}\r\n\r\n\/* Floating Cards *\/\r\n.floating-card {\r\n    position: absolute;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 1rem;\r\n    padding: 1.2rem 1.5rem;\r\n    background: rgba(255, 255, 255, 0.95);\r\n    backdrop-filter: blur(20px);\r\n    border-radius: 15px;\r\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);\r\n    animation: floatCard 3s ease-in-out infinite;\r\n}\r\n\r\n.floating-card .card-icon {\r\n    font-size: 2rem;\r\n    width: 50px;\r\n    height: 50px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: linear-gradient(135deg, #d4af37, #f0d16c);\r\n    border-radius: 12px;\r\n}\r\n\r\n.floating-card .card-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.floating-card .card-title {\r\n    font-size: 0.95rem;\r\n    font-weight: 700;\r\n    color: #1a1a1a;\r\n}\r\n\r\n.floating-card .card-subtitle {\r\n    font-size: 0.75rem;\r\n    color: #666;\r\n}\r\n\r\n.card-1 {\r\n    top: 10%;\r\n    right: -10%;\r\n    animation-delay: 0s;\r\n}\r\n\r\n.card-2 {\r\n    bottom: 30%;\r\n    left: -15%;\r\n    animation-delay: 1s;\r\n}\r\n\r\n.card-3 {\r\n    bottom: 5%;\r\n    right: -5%;\r\n    animation-delay: 2s;\r\n}\r\n\r\n@keyframes floatCard {\r\n    0%, 100% {\r\n        transform: translateY(0);\r\n    }\r\n    50% {\r\n        transform: translateY(-15px);\r\n    }\r\n}\r\n\r\n\/* Scroll Indicator *\/\r\n.scroll-indicator {\r\n    position: absolute;\r\n    bottom: 30px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 0.6rem;\r\n    z-index: 10;\r\n    animation: fadeIn 1s ease-out 1.5s backwards;\r\n}\r\n\r\n@keyframes fadeIn {\r\n    from { opacity: 0; }\r\n    to { opacity: 1; }\r\n}\r\n\r\n.scroll-line {\r\n    width: 2px;\r\n    height: 30px;\r\n    background: linear-gradient(to bottom, #d4af37, transparent);\r\n}\r\n\r\n.scroll-text {\r\n    font-size: 0.75rem;\r\n    color: #999;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n}\r\n\r\n.scroll-arrow {\r\n    color: #d4af37;\r\n    animation: scrollBounce 2s infinite;\r\n}\r\n\r\n@keyframes scrollBounce {\r\n    0%, 100% {\r\n        transform: translateY(0);\r\n    }\r\n    50% {\r\n        transform: translateY(10px);\r\n    }\r\n}\r\n\r\n\/* Responsive Design *\/\r\n\r\n@media (max-width: 1200px) {\r\n    .hero-title {\r\n        font-size: 3.5rem;\r\n    }\r\n    \r\n    .hero-content-grid {\r\n        gap: 3rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 968px) {\r\n    .premium-hero {\r\n        padding: 120px 5% 60px;\r\n        min-height: auto;\r\n    }\r\n    \r\n    .hero-content-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 3rem;\r\n    }\r\n    \r\n    .hero-right {\r\n        order: -1;\r\n    }\r\n    \r\n    .hero-image-card {\r\n        height: 400px;\r\n    }\r\n    \r\n    .hero-title {\r\n        font-size: 2.8rem;\r\n    }\r\n    \r\n    .hero-stats {\r\n        flex-wrap: wrap;\r\n    }\r\n    \r\n    .floating-card {\r\n        display: none;\r\n    }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n    .hero-title {\r\n        font-size: 2.2rem;\r\n    }\r\n    \r\n    .hero-description {\r\n        font-size: 1rem;\r\n    }\r\n    \r\n    .hero-stats {\r\n        gap: 1rem;\r\n    }\r\n    \r\n    .stat-box {\r\n        flex: 1;\r\n        min-width: 140px;\r\n        flex-direction: column;\r\n        text-align: center;\r\n    }\r\n    \r\n    .hero-image-card {\r\n        height: 300px;\r\n    }\r\n    \r\n    .hero-btn-primary .btn-content {\r\n        padding: 1rem 1.5rem;\r\n    }\r\n    \r\n    .hero-btn-primary .btn-text {\r\n        font-size: 1rem;\r\n    }\r\n    \r\n    .hero-btn-secondary {\r\n        flex-direction: column;\r\n        text-align: center;\r\n    }\r\n    \r\n    .trust-badges {\r\n        gap: 1rem;\r\n    }\r\n    \r\n    \r\n    .trust-badge {\r\n        bottom: 0;\r\n        font-size: 0.75rem;\r\n    }\r\n    \r\n    .scroll-indicator {\r\n        margin-bottom: -30px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .premium-hero {\r\n        padding: 100px 5% 50px;\r\n    }\r\n    \r\n    .hero-title {\r\n        font-size: 1.8rem;\r\n    }\r\n    \r\n    .title-highlight::after {\r\n        width: 120px;\r\n        height: 4px;\r\n    }\r\n    \r\n    .hero-badge {\r\n        padding: 0.5rem 1rem;\r\n    }\r\n    \r\n    .badge-text {\r\n        font-size: 0.75rem;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-75db032 e-con-full e-flex e-con e-parent\" data-id=\"75db032\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2745544 elementor-widget elementor-widget-html\" data-id=\"2745544\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"stats-bar fade-in\">\r\n    <div class=\"stats-grid\">\r\n        <div class=\"stat-item\">\r\n            <span class=\"stat-number\">500+<\/span>\r\n            <span class=\"stat-label\">Cases Won<\/span>\r\n        <\/div>\r\n        <div class=\"stat-item\">\r\n            <span class=\"stat-number\">15+<\/span>\r\n            <span class=\"stat-label\">Years Experience<\/span>\r\n        <\/div>\r\n        <div class=\"stat-item\">\r\n            <span class=\"stat-number\">98%<\/span>\r\n            <span class=\"stat-label\">Success Rate<\/span>\r\n        <\/div>\r\n        <div class=\"stat-item\">\r\n            <span class=\"stat-number\">1000+<\/span>\r\n            <span class=\"stat-label\">Happy Clients<\/span>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a2b748a e-con-full e-flex e-con e-parent\" data-id=\"a2b748a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd4519b elementor-widget elementor-widget-html\" data-id=\"fd4519b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"trust-bar\">\r\n    <div class=\"trust-grid\">\r\n        <div class=\"trust-item scale-in\">\r\n            <div class=\"trust-icon\">\u2696\ufe0f<\/div>\r\n            <h3>Experienced Advocates<\/h3>\r\n        <\/div>\r\n        <div class=\"trust-item scale-in\">\r\n            <div class=\"trust-icon\">\ud83c\udfdb\ufe0f<\/div>\r\n            <h3>Courtroom Expertise<\/h3>\r\n        <\/div>\r\n        <div class=\"trust-item scale-in\">\r\n            <div class=\"trust-icon\">\ud83d\udcdc<\/div>\r\n            <h3>Ethical & Transparent<\/h3>\r\n        <\/div>\r\n        <div class=\"trust-item scale-in\">\r\n            <div class=\"trust-icon\">\ud83e\udd1d<\/div>\r\n            <h3>Client-Centric Approach<\/h3>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bf88904 e-con-full e-flex e-con e-parent\" data-id=\"bf88904\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e52ca61 elementor-widget elementor-widget-html\" data-id=\"e52ca61\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"about\" id=\"about\">\r\n    <h2 class=\"section-heading fade-in\">A Reputed Law Firm Dedicated to Justice & Excellence<\/h2>\r\n    <div class=\"about-wrapper\">\r\n        <div class=\"about-image slide-left\"><\/div>\r\n        <div class=\"about-content slide-right\">\r\n            <p>We are a full-service law firm providing reliable legal services to individuals, families, and businesses. With extensive experience in Indian courts and legal procedures, our firm is committed to protecting client rights through strategic legal counsel and effective representation.<\/p>\r\n            <p>We focus on understanding every client's legal issue in depth and delivering practical, result-oriented solutions while maintaining the highest standards of professionalism, confidentiality, and integrity.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-267174f e-con-full e-flex e-con e-parent\" data-id=\"267174f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-447d656 elementor-widget elementor-widget-html\" data-id=\"447d656\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"practice-areas\" id=\"practice\">\r\n    <h2 class=\"section-heading fade-in\">Our Legal Practice Areas<\/h2>\r\n    <p class=\"section-intro fade-in\">Comprehensive legal services across key areas of Indian law.<\/p>\r\n    <div class=\"practice-grid\">\r\n        <div class=\"practice-card scale-in\">\r\n            <h3>Civil Litigation<\/h3>\r\n            <p>Handling civil disputes related to property, contracts, recovery, injunctions, and civil suits with strong legal strategy and court representation.<\/p>\r\n        <\/div>\r\n        <div class=\"practice-card scale-in\">\r\n            <h3>Criminal Law<\/h3>\r\n            <p>Defence and representation in criminal matters including FIRs, bail, trials, and appeals before District Courts and High Courts.<\/p>\r\n        <\/div>\r\n        <div class=\"practice-card scale-in\">\r\n            <h3>Family & Matrimonial Law<\/h3>\r\n            <p>Legal assistance for divorce, mutual consent divorce, maintenance, child custody, domestic violence, and family settlements.<\/p>\r\n        <\/div>\r\n        <div class=\"practice-card scale-in\">\r\n            <h3>Corporate & Commercial Law<\/h3>\r\n            <p>Legal support for businesses including contracts, compliance, company disputes, and commercial litigation.<\/p>\r\n        <\/div>\r\n        <div class=\"practice-card scale-in\">\r\n            <h3>Property & Real Estate Law<\/h3>\r\n            <p>Title verification, property disputes, land matters, documentation, and real estate due diligence.<\/p>\r\n        <\/div>\r\n        <div class=\"practice-card scale-in\">\r\n            <h3>Legal Notices & Documentation<\/h3>\r\n            <p>Drafting of legal notices, agreements, affidavits, MOUs, contracts, and legal opinions.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa84af1 e-con-full e-flex e-con e-parent\" data-id=\"fa84af1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-83f3966 elementor-widget elementor-widget-html\" data-id=\"83f3966\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"why-choose\">\r\n    <h2 class=\"section-heading fade-in\">Why Clients Choose Us<\/h2>\r\n    <div class=\"why-wrapper\">\r\n        <div class=\"slide-left\">\r\n            <ul class=\"why-list\">\r\n                <li>Experienced advocates with practical court exposure<\/li>\r\n                <li>Strong understanding of Indian judicial procedures<\/li>\r\n                <li>Clear and honest legal guidance<\/li>\r\n                <li>Personalized case strategy for every client<\/li>\r\n                <li>Strict confidentiality and ethical practice<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n        <div class=\"why-image slide-right\"><\/div>\r\n        <div class=\"quote fade-in\">\r\n            Every legal matter is handled with dedication, discretion, and professional excellence.\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-37fcc5f e-con-full e-flex e-con e-parent\" data-id=\"37fcc5f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da0b220 elementor-widget elementor-widget-html\" data-id=\"da0b220\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"premium-consultation\" id=\"consultation\">\r\n    <!-- Background Elements -->\r\n    <div class=\"consultation-bg\">\r\n        <div class=\"bg-gradient\"><\/div>\r\n        <div class=\"bg-pattern\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"consultation-container\">\r\n        <!-- Main Content Grid -->\r\n        <div class=\"consultation-grid\">\r\n            \r\n            <!-- Left Side - Persuasive Content -->\r\n            <div class=\"consultation-content\">\r\n                <!-- Badge -->\r\n                <div class=\"consultation-badge\">\r\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"2\">\r\n                        <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n                    <\/svg>\r\n                    <span>Trusted by 1000+ Clients<\/span>\r\n                <\/div>\r\n\r\n                <!-- Headline -->\r\n                <h2 class=\"consultation-title\">\r\n                    Get Expert Legal Advice\r\n                    <span class=\"title-highlight\">Absolutely Free<\/span>\r\n                <\/h2>\r\n\r\n                <!-- Subheadline -->\r\n                <p class=\"consultation-subtitle\">\r\n                    Speak with a qualified advocate today. No obligations, completely confidential. We'll assess your case and provide clear guidance on your legal options.\r\n                <\/p>\r\n\r\n                <!-- Benefits List -->\r\n                <ul class=\"benefits-list\">\r\n                    <li class=\"benefit-item\">\r\n                        <div class=\"benefit-icon\">\r\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"2.5\">\r\n                                <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\r\n                                <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"benefit-text\">\r\n                            <strong>Free Case Evaluation<\/strong>\r\n                            <span>No hidden charges, no commitment required<\/span>\r\n                        <\/div>\r\n                    <\/li>\r\n                    <li class=\"benefit-item\">\r\n                        <div class=\"benefit-icon\">\r\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"2.5\">\r\n                                <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\r\n                                <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"benefit-text\">\r\n                            <strong>Expert Legal Guidance<\/strong>\r\n                            <span>15+ years of courtroom experience<\/span>\r\n                        <\/div>\r\n                    <\/li>\r\n                    <li class=\"benefit-item\">\r\n                        <div class=\"benefit-icon\">\r\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"2.5\">\r\n                                <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\r\n                                <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"benefit-text\">\r\n                            <strong>100% Confidential<\/strong>\r\n                            <span>Your privacy is our top priority<\/span>\r\n                        <\/div>\r\n                    <\/li>\r\n                    <li class=\"benefit-item\">\r\n                        <div class=\"benefit-icon\">\r\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"2.5\">\r\n                                <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\r\n                                <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"benefit-text\">\r\n                            <strong>Quick Response<\/strong>\r\n                            <span>Get a callback within 2 hours<\/span>\r\n                        <\/div>\r\n                    <\/li>\r\n                <\/ul>\r\n\r\n                <!-- Trust Indicators -->\r\n                <div class=\"trust-indicators\">\r\n                    <div class=\"trust-item\">\r\n                        <div class=\"trust-icon\">\ud83d\udee1\ufe0f<\/div>\r\n                        <span>Bar Council Certified<\/span>\r\n                    <\/div>\r\n                    <div class=\"trust-item\">\r\n                        <div class=\"trust-icon\">\u2b50<\/div>\r\n                        <span>98% Success Rate<\/span>\r\n                    <\/div>\r\n                    <div class=\"trust-item\">\r\n                        <div class=\"trust-icon\">\ud83c\udfc6<\/div>\r\n                        <span>500+ Cases Won<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Right Side - Consultation Form -->\r\n            <div class=\"consultation-form-wrapper\">\r\n                <div class=\"form-card\">\r\n                    <!-- Form Header -->\r\n                    <div class=\"form-header\">\r\n                        <h3 class=\"form-title\">Schedule Your Free Consultation<\/h3>\r\n                        <p class=\"form-subtitle\">Fill in your details and we'll contact you shortly<\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Form -->\r\n                    <form class=\"consultation-form\" id=\"consultationForm\">\r\n                        <div class=\"form-field\">\r\n                            <label for=\"consult-name\">Full Name *<\/label>\r\n                            <input \r\n                                type=\"text\" \r\n                                id=\"consult-name\" \r\n                                name=\"name\" \r\n                                placeholder=\"Enter your full name\"\r\n                                required\r\n                            >\r\n                        <\/div>\r\n\r\n                        <div class=\"form-field\">\r\n                            <label for=\"consult-phone\">Phone Number *<\/label>\r\n                            <input \r\n                                type=\"tel\" \r\n                                id=\"consult-phone\" \r\n                                name=\"phone\" \r\n                                placeholder=\"+91-XXXXX-XXXXX\"\r\n                                required\r\n                            >\r\n                        <\/div>\r\n\r\n                        <div class=\"form-field\">\r\n                            <label for=\"consult-email\">Email Address<\/label>\r\n                            <input \r\n                                type=\"email\" \r\n                                id=\"consult-email\" \r\n                                name=\"email\" \r\n                                placeholder=\"your.email@example.com\"\r\n                            >\r\n                        <\/div>\r\n\r\n                        <div class=\"form-field\">\r\n                            <label for=\"consult-legal-area\">Legal Area *<\/label>\r\n                            <select id=\"consult-legal-area\" name=\"legal-area\" required>\r\n                                <option value=\"\">Select your legal concern<\/option>\r\n                                <option value=\"civil\">Civil Litigation<\/option>\r\n                                <option value=\"criminal\">Criminal Law<\/option>\r\n                                <option value=\"family\">Family & Matrimonial<\/option>\r\n                                <option value=\"corporate\">Corporate & Commercial<\/option>\r\n                                <option value=\"property\">Property & Real Estate<\/option>\r\n                                <option value=\"documentation\">Legal Documentation<\/option>\r\n                                <option value=\"other\">Other<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n\r\n                        <div class=\"form-field\">\r\n                            <label for=\"consult-message\">Brief Description<\/label>\r\n                            <textarea \r\n                                id=\"consult-message\" \r\n                                name=\"message\" \r\n                                rows=\"4\"\r\n                                placeholder=\"Briefly describe your legal matter...\"\r\n                            ><\/textarea>\r\n                        <\/div>\r\n\r\n                        <!-- Submit Button -->\r\n                        <button type=\"submit\" class=\"form-submit-btn\">\r\n                            <span class=\"btn-text\">Get Free Consultation Now<\/span>\r\n                            <svg class=\"btn-icon\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n                                <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n                            <\/svg>\r\n                        <\/button>\r\n\r\n                        <!-- Privacy Notice -->\r\n                        <p class=\"form-privacy\">\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\r\n                                <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path>\r\n                            <\/svg>\r\n                            Your information is 100% confidential and secure\r\n                        <\/p>\r\n                    <\/form>\r\n                <\/div>\r\n\r\n                <!-- Urgency Element -->\r\n                <div class=\"urgency-banner\">\r\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"2\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                        <polyline points=\"12 6 12 12 16 14\"><\/polyline>\r\n                    <\/svg>\r\n                    <span>Limited slots available - Book your consultation today!<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ============================================\r\n   PREMIUM CONSULTATION SECTION\r\n   ============================================ *\/\r\n\r\n.premium-consultation {\r\n    position: relative;\r\n    padding: 6rem 5%;\r\n    background: #0a0a0a;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Background *\/\r\n.consultation-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 1;\r\n}\r\n\r\n.bg-gradient {\r\n    position: absolute;\r\n    top: -20%;\r\n    right: -10%;\r\n    width: 60%;\r\n    height: 120%;\r\n    background: radial-gradient(circle, rgba(212, 175, 55, 0.08) 0%, transparent 70%);\r\n    animation: floatGrad 20s ease-in-out infinite;\r\n}\r\n\r\n@keyframes floatGrad {\r\n    0%, 100% { transform: translate(0, 0); }\r\n    50% { transform: translate(-30px, 30px); }\r\n}\r\n\r\n.bg-pattern {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-image: \r\n        linear-gradient(rgba(212, 175, 55, 0.02) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(212, 175, 55, 0.02) 1px, transparent 1px);\r\n    background-size: 40px 40px;\r\n}\r\n\r\n.consultation-container {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* Grid Layout *\/\r\n.consultation-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 5rem;\r\n    align-items: center;\r\n}\r\n\r\n\/* ============================================\r\n   LEFT SIDE - CONTENT\r\n   ============================================ *\/\r\n\r\n.consultation-content {\r\n    animation: fadeInLeft 1s ease-out;\r\n}\r\n\r\n@keyframes fadeInLeft {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateX(-30px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateX(0);\r\n    }\r\n}\r\n\r\n\/* Badge *\/\r\n.consultation-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.6rem;\r\n    padding: 0.6rem 1.2rem;\r\n    background: rgba(212, 175, 55, 0.1);\r\n    border: 1px solid rgba(212, 175, 55, 0.3);\r\n    border-radius: 50px;\r\n    margin-bottom: 2rem;\r\n}\r\n\r\n.consultation-badge span {\r\n    color: #d4af37;\r\n    font-size: 0.9rem;\r\n    font-weight: 600;\r\n}\r\n\r\n\/* Title *\/\r\n.consultation-title {\r\n    font-size: 3rem;\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n    color: #ffffff;\r\n    margin-bottom: 1.5rem;\r\n}\r\n\r\n.title-highlight {\r\n    display: block;\r\n    background: linear-gradient(135deg, #d4af37 0%, #f0d16c 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n}\r\n\r\n.consultation-subtitle {\r\n    font-size: 1.15rem;\r\n    line-height: 1.7;\r\n    color: #b0b0b0;\r\n    margin-bottom: 3rem;\r\n}\r\n\r\n\/* Benefits List *\/\r\n.benefits-list {\r\n    list-style: none;\r\n    margin: 0 0 3rem 0;\r\n    padding: 0;\r\n}\r\n\r\n.benefit-item {\r\n    display: flex;\r\n    gap: 1.2rem;\r\n    margin-bottom: 1.8rem;\r\n}\r\n\r\n.benefit-icon {\r\n    flex-shrink: 0;\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: rgba(212, 175, 55, 0.1);\r\n    border-radius: 50%;\r\n}\r\n\r\n.benefit-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.benefit-text strong {\r\n    color: #ffffff;\r\n    font-size: 1.05rem;\r\n    font-weight: 700;\r\n    margin-bottom: 0.3rem;\r\n}\r\n\r\n.benefit-text span {\r\n    color: #888;\r\n    font-size: 0.9rem;\r\n}\r\n\r\n\/* Trust Indicators *\/\r\n.trust-indicators {\r\n    display: flex;\r\n    gap: 2rem;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.trust-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.6rem;\r\n    font-size: 0.9rem;\r\n    color: #999;\r\n}\r\n\r\n.trust-icon {\r\n    font-size: 1.3rem;\r\n}\r\n\r\n\/* ============================================\r\n   RIGHT SIDE - FORM\r\n   ============================================ *\/\r\n\r\n.consultation-form-wrapper {\r\n    animation: fadeInRight 1s ease-out;\r\n}\r\n\r\n@keyframes fadeInRight {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateX(30px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateX(0);\r\n    }\r\n}\r\n\r\n.form-card {\r\n    background: #1a1a1a;\r\n    border: 1px solid rgba(212, 175, 55, 0.2);\r\n    border-radius: 20px;\r\n    padding: 3rem;\r\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n\/* Form Header *\/\r\n.form-header {\r\n    text-align: center;\r\n    margin-bottom: 2.5rem;\r\n}\r\n\r\n.form-title {\r\n    font-size: 1.8rem;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin-bottom: 0.5rem;\r\n}\r\n\r\n.form-subtitle {\r\n    font-size: 0.95rem;\r\n    color: #888;\r\n}\r\n\r\n\/* Form Fields *\/\r\n.form-field {\r\n    margin-bottom: 1.5rem;\r\n}\r\n\r\n.form-field label {\r\n    display: block;\r\n    margin-bottom: 0.6rem;\r\n    color: #d4af37;\r\n    font-size: 0.9rem;\r\n    font-weight: 600;\r\n}\r\n\r\n.form-field input,\r\n.form-field select,\r\n.form-field textarea {\r\n    width: 100%;\r\n    padding: 1rem 1.2rem;\r\n    background: rgba(255, 255, 255, 0.03);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    border-radius: 10px;\r\n    color: #ffffff;\r\n    font-size: 1rem;\r\n    font-family: 'Georgia', serif;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.form-field input::placeholder,\r\n.form-field textarea::placeholder {\r\n    color: #666;\r\n}\r\n\r\n.form-field input:focus,\r\n.form-field select:focus,\r\n.form-field textarea:focus {\r\n    outline: none;\r\n    border-color: #d4af37;\r\n    background: rgba(212, 175, 55, 0.05);\r\n}\r\n\r\n.form-field textarea {\r\n    resize: vertical;\r\n    min-height: 100px;\r\n}\r\n\r\n\/* Submit Button *\/\r\n.form-submit-btn {\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.8rem;\r\n    padding: 1.2rem 2rem;\r\n    background: linear-gradient(135deg, #d4af37 0%, #f0d16c 100%);\r\n    border: none;\r\n    border-radius: 50px;\r\n    color: #0a0a0a;\r\n    font-size: 1.05rem;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.4);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.form-submit-btn::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 0;\r\n    height: 0;\r\n    background: rgba(255, 255, 255, 0.3);\r\n    border-radius: 50%;\r\n    transform: translate(-50%, -50%);\r\n    transition: width 0.5s ease, height 0.5s ease;\r\n}\r\n\r\n.form-submit-btn:hover::before {\r\n    width: 400px;\r\n    height: 400px;\r\n}\r\n\r\n.form-submit-btn:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 12px 35px rgba(212, 175, 55, 0.6);\r\n}\r\n\r\n.btn-text {\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.btn-icon {\r\n    position: relative;\r\n    z-index: 1;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.form-submit-btn:hover .btn-icon {\r\n    transform: translateX(5px);\r\n}\r\n\r\n\/* Privacy Notice *\/\r\n.form-privacy {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.5rem;\r\n    margin-top: 1.5rem;\r\n    color: #888;\r\n    font-size: 0.85rem;\r\n}\r\n\r\n.form-privacy svg {\r\n    flex-shrink: 0;\r\n}\r\n\r\n\/* Urgency Banner *\/\r\n.urgency-banner {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.8rem;\r\n    margin-top: 2rem;\r\n    padding: 1rem 1.5rem;\r\n    background: rgba(212, 175, 55, 0.08);\r\n    border: 1px solid rgba(212, 175, 55, 0.2);\r\n    border-radius: 10px;\r\n    animation: pulseUrgency 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes pulseUrgency {\r\n    0%, 100% {\r\n        transform: scale(1);\r\n    }\r\n    50% {\r\n        transform: scale(1.02);\r\n    }\r\n}\r\n\r\n.urgency-banner span {\r\n    color: #d4af37;\r\n    font-size: 0.9rem;\r\n    font-weight: 600;\r\n}\r\n\r\n\/* ============================================\r\n   RESPONSIVE DESIGN\r\n   ============================================ *\/\r\n\r\n@media (max-width: 968px) {\r\n    .consultation-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 3rem;\r\n    }\r\n\r\n    .consultation-title {\r\n        font-size: 2.5rem;\r\n    }\r\n\r\n    .form-card {\r\n        padding: 2rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n    .premium-consultation {\r\n        padding: 4rem 5%;\r\n    }\r\n\r\n    .consultation-title {\r\n        font-size: 2rem;\r\n    }\r\n\r\n    .consultation-subtitle {\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .trust-indicators {\r\n        gap: 1rem;\r\n    }\r\n\r\n    .trust-item {\r\n        font-size: 0.85rem;\r\n    }\r\n\r\n    .form-card {\r\n        padding: 1.5rem;\r\n    }\r\n\r\n    .form-title {\r\n        font-size: 1.5rem;\r\n    }\r\n\r\n    .benefit-item {\r\n        margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .benefit-text strong {\r\n        font-size: 1rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .consultation-badge {\r\n        font-size: 0.85rem;\r\n        padding: 0.5rem 1rem;\r\n    }\r\n\r\n    .consultation-title {\r\n        font-size: 1.8rem;\r\n    }\r\n\r\n    .form-submit-btn {\r\n        font-size: 1rem;\r\n        padding: 1rem 1.5rem;\r\n    }\r\n\r\n    .urgency-banner {\r\n        flex-direction: column;\r\n        text-align: center;\r\n        gap: 0.5rem;\r\n    }\r\n\r\n    .urgency-banner span {\r\n        font-size: 0.85rem;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n    const consultationForm = document.getElementById('consultationForm');\r\n    \r\n    if (!consultationForm) return;\r\n    \r\n    consultationForm.addEventListener('submit', function(e) {\r\n        e.preventDefault();\r\n        \r\n        \/\/ Get form values\r\n        const name = document.getElementById('consult-name').value;\r\n        const phone = document.getElementById('consult-phone').value;\r\n        const email = document.getElementById('consult-email').value;\r\n        const legalArea = document.getElementById('consult-legal-area').value;\r\n        const message = document.getElementById('consult-message').value;\r\n        \r\n        \/\/ Validation\r\n        if (!name || !phone || !legalArea) {\r\n            alert('Please fill in all required fields.');\r\n            return;\r\n        }\r\n        \r\n        \/\/ Success message\r\n        alert('Thank you, ' + name + '! We will contact you shortly at ' + phone + ' to schedule your free consultation.');\r\n        \r\n        \/\/ Reset form\r\n        consultationForm.reset();\r\n        \r\n        \/\/ Here you would send data to your server\r\n        \/\/ Example: fetch('\/api\/consultation', { method: 'POST', body: JSON.stringify({ name, phone, email, legalArea, message }) })\r\n    });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-78541d5 e-con-full e-flex e-con e-parent\" data-id=\"78541d5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e1e591 elementor-widget elementor-widget-html\" data-id=\"3e1e591\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"assurance\">\r\n    <p class=\"fade-in\">Our firm represents clients before District Courts, High Courts, and other judicial forums across India, ensuring professional legal support at every stage of the legal process.<\/p>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-465fed3 e-con-full e-flex e-con e-parent\" data-id=\"465fed3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-12cc55a elementor-widget elementor-widget-html\" data-id=\"12cc55a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"legal-assistance-section\" id=\"contact\">\r\n    <!-- Background Pattern -->\r\n    <div class=\"assistance-bg-pattern\"><\/div>\r\n\r\n    <div class=\"assistance-container\">\r\n        <!-- Section Header -->\r\n        <div class=\"section-header\">\r\n            <div class=\"header-badge\">\r\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"2\">\r\n                    <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\r\n                    <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n                <\/svg>\r\n                <span>Get in Touch<\/span>\r\n            <\/div>\r\n            <h2 class=\"section-title\">Get Professional Legal Assistance<\/h2>\r\n            <p class=\"section-subtitle\">\r\n                For trusted legal advice and representation, contact our office today. All consultations are handled with complete confidentiality.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Contact Grid -->\r\n        <div class=\"contact-grid\">\r\n            \r\n            <!-- Contact Information Cards -->\r\n            <div class=\"contact-info-column\">\r\n                \r\n                <!-- Office Address Card -->\r\n                <div class=\"contact-card\">\r\n                    <div class=\"card-icon\">\r\n                        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"2\">\r\n                            <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\r\n                            <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"card-content\">\r\n                        <h3 class=\"card-title\">Office Address<\/h3>\r\n                        <p class=\"card-text\">\r\n                            123 Law Street, Business District<br>\r\n                            Your City - 110001<br>\r\n                            India\r\n                        <\/p>\r\n                        <a href=\"https:\/\/maps.google.com\/?q=123+Law+Street+Business+District\" target=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3501.9746186116677!2d77.21787931508045!3d28.63576938242681!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390cfd371d9e7ced%3A0x1f1c03b52e4234df!2sConnaught%20Place%2C%20New%20Delhi%2C%20Delhi!5e0!3m2!1sen!2sin!4v1234567890123!5m2!1sen!2sin\" class=\"card-link\">\r\n                            Get Directions\r\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n                            <\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Phone Card -->\r\n                <div class=\"contact-card\">\r\n                    <div class=\"card-icon\">\r\n                        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"2\">\r\n                            <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"card-content\">\r\n                        <h3 class=\"card-title\">Phone Number<\/h3>\r\n                        <p class=\"card-text\">\r\n                            <a href=\"tel:+919876543210\" class=\"phone-link\">+919370346628<\/a><br>\r\n                            <a href=\"tel:+911123456789\" class=\"phone-link\">+917972953639<\/a>\r\n                        <\/p>\r\n                        <div class=\"availability-badge\">\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"2\">\r\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                                <path d=\"M12 6v6l4 2\"><\/path>\r\n                            <\/svg>\r\n                            <span>Available 24\/7<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Email Card -->\r\n                <div class=\"contact-card\">\r\n                    <div class=\"card-icon\">\r\n                        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"2\">\r\n                            <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path>\r\n                            <polyline points=\"22,6 12,13 2,6\"><\/polyline>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"card-content\">\r\n                        <h3 class=\"card-title\">Email Address<\/h3>\r\n                        <p class=\"card-text\">\r\n                            <a href=\"mailto:contact@legalexcellence.com\" class=\"email-link\">contact@legalexcellence.com<\/a><br>\r\n                            <a href=\"mailto:info@legalexcellence.com\" class=\"email-link\">info@legalexcellence.com<\/a>\r\n                        <\/p>\r\n                        <div class=\"response-time\">\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"2\">\r\n                                <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\r\n                            <\/svg>\r\n                            <span>Response within 2 hours<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Working Hours Card -->\r\n                <div class=\"contact-card working-hours-card\">\r\n                    <div class=\"card-icon\">\r\n                        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"2\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                            <polyline points=\"12 6 12 12 16 14\"><\/polyline>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"card-content\">\r\n                        <h3 class=\"card-title\">Working Hours<\/h3>\r\n                        <div class=\"hours-list\">\r\n                            <div class=\"hours-row\">\r\n                                <span class=\"day\">Monday - Friday<\/span>\r\n                                <span class=\"time\">9:00 AM - 6:00 PM<\/span>\r\n                            <\/div>\r\n                            <div class=\"hours-row\">\r\n                                <span class=\"day\">Saturday<\/span>\r\n                                <span class=\"time\">10:00 AM - 4:00 PM<\/span>\r\n                            <\/div>\r\n                            <div class=\"hours-row\">\r\n                                <span class=\"day\">Sunday<\/span>\r\n                                <span class=\"time\">By Appointment<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- Google Map Column -->\r\n            <div class=\"map-column\">\r\n                <div class=\"map-wrapper\">\r\n                    <div class=\"map-header\">\r\n                        <h3 class=\"map-title\">Visit Our Office<\/h3>\r\n                        <p class=\"map-subtitle\">Find us on the map<\/p>\r\n                    <\/div>\r\n                    \r\n                    <!-- Google Map Embed -->\r\n                    <div class=\"map-container\">\r\n                        <iframe \r\n                            src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3501.9746186116677!2d77.21787931508045!3d28.63576938242681!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390cfd371d9e7ced%3A0x1f1c03b52e4234df!2sConnaught%20Place%2C%20New%20Delhi%2C%20Delhi!5e0!3m2!1sen!2sin!4v1234567890123!5m2!1sen!2sin\"\r\n                            width=\"100%\" \r\n                            height=\"100%\" \r\n                            style=\"border:0;\" \r\n                            allowfullscreen=\"\" \r\n                            loading=\"lazy\" \r\n                            referrerpolicy=\"no-referrer-when-downgrade\"\r\n                            class=\"google-map\">\r\n                        <\/iframe>\r\n                    <\/div>\r\n\r\n                    <!-- Map Footer Info -->\r\n                    <div class=\"map-footer\">\r\n                        <div class=\"map-info-item\">\r\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"2\">\r\n                                <path d=\"M12 22s-8-4.5-8-11.8A8 8 0 0 1 12 2a8 8 0 0 1 8 8.2c0 7.3-8 11.8-8 11.8z\"\/>\r\n                                <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\r\n                            <\/svg>\r\n                            <span>Easily accessible by metro & road<\/span>\r\n                        <\/div>\r\n                        <div class=\"map-info-item\">\r\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"2\">\r\n                                <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\r\n                                <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path>\r\n                            <\/svg>\r\n                            <span>Secure parking available<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Bottom CTA -->\r\n        <div class=\"bottom-cta\">\r\n            <div class=\"cta-content\">\r\n                <h3 class=\"cta-title\">Need Immediate Legal Help?<\/h3>\r\n                <p class=\"cta-text\">Our team is ready to assist you with professional legal guidance<\/p>\r\n            <\/div>\r\n            <div class=\"cta-buttons\">\r\n                <a href=\"tel:+919876543210\" class=\"cta-btn primary\">\r\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                        <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\r\n                    <\/svg>\r\n                    Call Now\r\n                <\/a>\r\n                <a href=\"#consultation\" class=\"cta-btn secondary\">\r\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                        <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path>\r\n                    <\/svg>\r\n                    Book Consultation\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ============================================\r\n   LEGAL ASSISTANCE SECTION\r\n   ============================================ *\/\r\n\r\n.legal-assistance-section {\r\n    position: relative;\r\n    padding: 6rem 5%;\r\n    background: #f8f8f8;\r\n    overflow: hidden;\r\n}\r\n\r\n.assistance-bg-pattern {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-image: \r\n        linear-gradient(rgba(212, 175, 55, 0.03) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(212, 175, 55, 0.03) 1px, transparent 1px);\r\n    background-size: 50px 50px;\r\n    opacity: 0.5;\r\n}\r\n\r\n.assistance-container {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* ============================================\r\n   SECTION HEADER\r\n   ============================================ *\/\r\n\r\n.section-header {\r\n    text-align: center;\r\n    margin-bottom: 4rem;\r\n}\r\n\r\n.header-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n    padding: 0.5rem 1rem;\r\n    background: rgba(212, 175, 55, 0.1);\r\n    border: 1px solid rgba(212, 175, 55, 0.3);\r\n    border-radius: 50px;\r\n    margin-bottom: 1.5rem;\r\n}\r\n\r\n.header-badge span {\r\n    color: #d4af37;\r\n    font-size: 0.9rem;\r\n    font-weight: 600;\r\n}\r\n\r\n.section-title {\r\n    font-size: 2.8rem;\r\n    font-weight: 800;\r\n    color: #1a1a1a;\r\n    margin-bottom: 1rem;\r\n}\r\n\r\n.section-subtitle {\r\n    font-size: 1.15rem;\r\n    color: #666;\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n    line-height: 1.7;\r\n}\r\n\r\n\/* ============================================\r\n   CONTACT GRID\r\n   ============================================ *\/\r\n\r\n.contact-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.2fr;\r\n    gap: 3rem;\r\n    margin-bottom: 4rem;\r\n}\r\n\r\n\/* ============================================\r\n   CONTACT INFO COLUMN\r\n   ============================================ *\/\r\n\r\n.contact-info-column {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1.5rem;\r\n}\r\n\r\n.contact-card {\r\n    background: #ffffff;\r\n    border: 1px solid rgba(212, 175, 55, 0.15);\r\n    border-radius: 16px;\r\n    padding: 2rem;\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    gap: 1.5rem;\r\n}\r\n\r\n.contact-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n    border-color: rgba(212, 175, 55, 0.3);\r\n}\r\n\r\n.card-icon {\r\n    flex-shrink: 0;\r\n    width: 60px;\r\n    height: 60px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: linear-gradient(135deg, rgba(212, 175, 55, 0.1), rgba(240, 209, 108, 0.05));\r\n    border-radius: 12px;\r\n}\r\n\r\n.card-content {\r\n    flex: 1;\r\n}\r\n\r\n.card-title {\r\n    font-size: 1.2rem;\r\n    font-weight: 700;\r\n    color: #1a1a1a;\r\n    margin-bottom: 0.8rem;\r\n}\r\n\r\n.card-text {\r\n    color: #555;\r\n    font-size: 1rem;\r\n    line-height: 1.7;\r\n    margin-bottom: 0.8rem;\r\n}\r\n\r\n.phone-link,\r\n.email-link {\r\n    color: #d4af37;\r\n    text-decoration: none;\r\n    font-weight: 600;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n.phone-link:hover,\r\n.email-link:hover {\r\n    color: #c49d2e;\r\n}\r\n\r\n.card-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n    color: #d4af37;\r\n    text-decoration: none;\r\n    font-weight: 600;\r\n    font-size: 0.95rem;\r\n    transition: gap 0.3s ease;\r\n}\r\n\r\n.card-link:hover {\r\n    gap: 0.8rem;\r\n}\r\n\r\n.availability-badge,\r\n.response-time {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n    padding: 0.4rem 0.8rem;\r\n    background: rgba(74, 222, 128, 0.1);\r\n    border-radius: 20px;\r\n    font-size: 0.85rem;\r\n    color: #16a34a;\r\n    font-weight: 600;\r\n}\r\n\r\n.response-time {\r\n    background: rgba(212, 175, 55, 0.1);\r\n    color: #d4af37;\r\n}\r\n\r\n\/* Working Hours *\/\r\n.working-hours-card {\r\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\r\n}\r\n\r\n.working-hours-card .card-title {\r\n    color: #d4af37;\r\n}\r\n\r\n.hours-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.8rem;\r\n}\r\n\r\n.hours-row {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 0.6rem 0;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.hours-row:last-child {\r\n    border-bottom: none;\r\n}\r\n\r\n.day {\r\n    color: #b0b0b0;\r\n    font-size: 0.95rem;\r\n}\r\n\r\n.time {\r\n    color: #ffffff;\r\n    font-weight: 600;\r\n    font-size: 0.95rem;\r\n}\r\n\r\n\/* ============================================\r\n   MAP COLUMN\r\n   ============================================ *\/\r\n\r\n.map-wrapper {\r\n    background: #ffffff;\r\n    border: 1px solid rgba(212, 175, 55, 0.15);\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.map-header {\r\n    padding: 2rem;\r\n    border-bottom: 1px solid rgba(212, 175, 55, 0.15);\r\n}\r\n\r\n.map-title {\r\n    font-size: 1.5rem;\r\n    font-weight: 700;\r\n    color: #1a1a1a;\r\n    margin-bottom: 0.5rem;\r\n}\r\n\r\n.map-subtitle {\r\n    color: #666;\r\n    font-size: 0.95rem;\r\n}\r\n\r\n.map-container {\r\n    flex: 1;\r\n    min-height: 450px;\r\n    position: relative;\r\n}\r\n\r\n.google-map {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.map-footer {\r\n    padding: 1.5rem 2rem;\r\n    background: #f8f8f8;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.8rem;\r\n}\r\n\r\n.map-info-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.8rem;\r\n    color: #555;\r\n    font-size: 0.9rem;\r\n}\r\n\r\n\/* ============================================\r\n   BOTTOM CTA\r\n   ============================================ *\/\r\n\r\n.bottom-cta {\r\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\r\n    border-radius: 20px;\r\n    padding: 3rem;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 2rem;\r\n}\r\n\r\n.cta-content {\r\n    flex: 1;\r\n}\r\n\r\n.cta-title {\r\n    font-size: 1.8rem;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin-bottom: 0.5rem;\r\n}\r\n\r\n.cta-text {\r\n    color: #b0b0b0;\r\n    font-size: 1rem;\r\n}\r\n\r\n.cta-buttons {\r\n    display: flex;\r\n    gap: 1rem;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.cta-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.6rem;\r\n    padding: 1rem 2rem;\r\n    border-radius: 50px;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 1rem;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.cta-btn.primary {\r\n    background: linear-gradient(135deg, #d4af37 0%, #f0d16c 100%);\r\n    color: #1a1a1a;\r\n    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4);\r\n}\r\n\r\n.cta-btn.primary:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.6);\r\n}\r\n\r\n.cta-btn.secondary {\r\n    background: transparent;\r\n    color: #ffffff;\r\n    border: 2px solid rgba(255, 255, 255, 0.3);\r\n}\r\n\r\n.cta-btn.secondary:hover {\r\n    background: rgba(255, 255, 255, 0.1);\r\n    border-color: rgba(255, 255, 255, 0.5);\r\n}\r\n\r\n\/* ============================================\r\n   RESPONSIVE DESIGN\r\n   ============================================ *\/\r\n\r\n@media (max-width: 968px) {\r\n    .contact-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 2rem;\r\n    }\r\n\r\n    .section-title {\r\n        font-size: 2.2rem;\r\n    }\r\n\r\n    .bottom-cta {\r\n        flex-direction: column;\r\n        text-align: center;\r\n        padding: 2rem;\r\n    }\r\n\r\n    .cta-buttons {\r\n        width: 100%;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .cta-btn {\r\n        width: 100%;\r\n        justify-content: center;\r\n    }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n    .legal-assistance-section {\r\n        padding: 4rem 5%;\r\n    }\r\n\r\n    .section-header {\r\n        margin-bottom: 3rem;\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: 1rem;\r\n    }\r\n\r\n    .contact-card {\r\n        flex-direction: column;\r\n        padding: 1.5rem;\r\n    }\r\n\r\n    .card-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n    }\r\n\r\n    .map-container {\r\n        min-height: 350px;\r\n    }\r\n\r\n    .map-header,\r\n    .map-footer {\r\n        padding: 1.5rem;\r\n    }\r\n\r\n    .cta-title {\r\n        font-size: 1.5rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .section-title {\r\n        font-size: 1.6rem;\r\n    }\r\n\r\n    .contact-card {\r\n        padding: 1.2rem;\r\n    }\r\n\r\n    .card-title {\r\n        font-size: 1.1rem;\r\n    }\r\n\r\n    .map-container {\r\n        min-height: 300px;\r\n    }\r\n\r\n    .bottom-cta {\r\n        padding: 1.5rem;\r\n    }\r\n\r\n    .cta-title {\r\n        font-size: 1.3rem;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ No JavaScript needed for this section - it's all static content\r\n\/\/ The Google Maps iframe handles its own interactivity\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-90b0da7 e-con-full e-flex e-con e-parent\" data-id=\"90b0da7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-680c50d elementor-widget elementor-widget-html\" data-id=\"680c50d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer>\r\n    <div class=\"footer-content\">\r\n        <ul class=\"footer-menu\">\r\n            <li><a href=\"#home\">Home<\/a><\/li>\r\n            <li><a href=\"#about\">About Us<\/a><\/li>\r\n            <li><a href=\"#practice\">Practice Areas<\/a><\/li>\r\n            <li><a href=\"#contact\">Contact<\/a><\/li>\r\n            <li><a href=\"#\">Privacy Policy<\/a><\/li>\r\n            <li><a href=\"#\">Disclaimer<\/a><\/li>\r\n        <\/ul>\r\n        <div class=\"disclaimer\">\r\n            <strong>Disclaimer:<\/strong> As per the rules of the Bar Council of India, we do not solicit or advertise. The information on this website is for informational purposes only and does not constitute legal advice.\r\n        <\/div>\r\n        <div class=\"copyright\">\r\n            \u00a9 2026 Legal Excellence. All Rights Reserved.\r\n        <\/div>\r\n    <\/div>\r\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9df96a1 e-con-full e-flex e-con e-parent\" data-id=\"9df96a1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81629e5 elementor-widget elementor-widget-html\" data-id=\"81629e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\n    \/\/ Mobile Menu Toggle\r\n    const mobileMenu = document.getElementById('mobile-menu');\r\n    const navMenu = document.getElementById('nav-menu');\r\n    const header = document.getElementById('header');\r\n\r\n    mobileMenu.addEventListener('click', function() {\r\n        mobileMenu.classList.toggle('active');\r\n        navMenu.classList.toggle('active');\r\n    });\r\n\r\n    \/\/ Close menu when clicking on a link\r\n    const navLinks = document.querySelectorAll('.nav-menu a');\r\n    navLinks.forEach(link => {\r\n        link.addEventListener('click', () => {\r\n            mobileMenu.classList.remove('active');\r\n            navMenu.classList.remove('active');\r\n        });\r\n    });\r\n\r\n    \/\/ Close menu when clicking outside\r\n    document.addEventListener('click', (e) => {\r\n        if (!mobileMenu.contains(e.target) && !navMenu.contains(e.target)) {\r\n            mobileMenu.classList.remove('active');\r\n            navMenu.classList.remove('active');\r\n        }\r\n    });\r\n\r\n    \/\/ Header scroll effect\r\n    window.addEventListener('scroll', () => {\r\n        if (window.scrollY > 100) {\r\n            header.classList.add('scrolled');\r\n        } else {\r\n            header.classList.remove('scrolled');\r\n        }\r\n    });\r\n\r\n    \/\/ Scroll Animation Observer\r\n    const observerOptions = {\r\n        threshold: 0.1,\r\n        rootMargin: '0px 0px -100px 0px'\r\n    };\r\n\r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.classList.add('visible');\r\n            }\r\n        });\r\n    }, observerOptions);\r\n\r\n    \/\/ Observe all animation elements\r\n    document.querySelectorAll('.fade-in, .slide-left, .slide-right, .scale-in').forEach((el) => {\r\n        observer.observe(el);\r\n    });\r\n\r\n    \/\/ Form Submission Handler with validation\r\n    document.getElementById('contact-form').addEventListener('submit', function(e) {\r\n        e.preventDefault();\r\n        \r\n        \/\/ Get form values\r\n        const name = document.getElementById('name').value;\r\n        const email = document.getElementById('email').value;\r\n        const phone = document.getElementById('phone').value;\r\n        const legalArea = document.getElementById('legal-area').value;\r\n        const message = document.getElementById('message').value;\r\n\r\n        \/\/ Simple validation\r\n        if (!name || !email || !phone || !legalArea || !message) {\r\n            alert('Please fill in all required fields.');\r\n            return;\r\n        }\r\n\r\n        \/\/ Show success message\r\n        alert('Thank you for your enquiry, ' + name + '! We will contact you shortly at ' + phone + '.');\r\n        \r\n        \/\/ Reset form\r\n        this.reset();\r\n    });\r\n\r\n    \/\/ Smooth scroll for anchor links\r\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n        anchor.addEventListener('click', function (e) {\r\n            const href = this.getAttribute('href');\r\n            if (href !== '#') {\r\n                e.preventDefault();\r\n                const target = document.querySelector(href);\r\n                if (target) {\r\n                    target.scrollIntoView({\r\n                        behavior: 'smooth',\r\n                        block: 'start'\r\n                    });\r\n                }\r\n            }\r\n        });\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c6ff60f e-con-full e-flex e-con e-parent\" data-id=\"c6ff60f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5653690 elementor-widget elementor-widget-html\" data-id=\"5653690\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- WhatsApp Widget with Lead Capture Form - FULLY FIXED -->\r\n<div class=\"whatsapp-widget-container\">\r\n    <!-- WhatsApp Floating Button -->\r\n    <button class=\"wa-float-btn\" id=\"wa-btn\" aria-label=\"Contact via WhatsApp\" type=\"button\">\r\n        <svg class=\"wa-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/>\r\n        <\/svg>\r\n        <span class=\"wa-pulse\"><\/span>\r\n    <\/button>\r\n\r\n    <!-- Lead Capture Form Modal -->\r\n    <div class=\"wa-form-modal\" id=\"wa-form\">\r\n        <div class=\"wa-form-header\">\r\n            <div class=\"wa-header-content\">\r\n                <div class=\"wa-avatar\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                        <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"wa-header-info\">\r\n                    <h3>Legal Excellence<\/h3>\r\n                    <p class=\"wa-status\"><span class=\"wa-status-dot\"><\/span>Typically replies instantly<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <button class=\"wa-close-btn\" id=\"wa-close\" type=\"button\" aria-label=\"Close\">\r\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                    <path d=\"M18 6L6 18M6 6L18 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                <\/svg>\r\n            <\/button>\r\n        <\/div>\r\n\r\n        <div class=\"wa-form-body\">\r\n            <div class=\"wa-chat-bubble\">\r\n                <p>Hi there! \ud83d\udc4b<\/p>\r\n                <p>How can we help you today? Fill in the form below and we'll get back to you right away!<\/p>\r\n            <\/div>\r\n\r\n            <form id=\"wa-lead-form\" class=\"wa-lead-form\">\r\n                <div class=\"wa-form-group\">\r\n                    <label for=\"wa-name\">Full Name *<\/label>\r\n                    <input type=\"text\" id=\"wa-name\" name=\"name\" required placeholder=\"Enter your name\">\r\n                <\/div>\r\n\r\n                <div class=\"wa-form-group\">\r\n                    <label for=\"wa-phone\">Phone Number *<\/label>\r\n                    <input type=\"tel\" id=\"wa-phone\" name=\"phone\" required placeholder=\"+91-XXXXX-XXXXX\">\r\n                <\/div>\r\n\r\n                <div class=\"wa-form-group\">\r\n                    <label for=\"wa-email\">Email Address<\/label>\r\n                    <input type=\"email\" id=\"wa-email\" name=\"email\" placeholder=\"your@email.com\">\r\n                <\/div>\r\n\r\n                <div class=\"wa-form-group\">\r\n                    <label for=\"wa-service\">Service Interested In<\/label>\r\n                    <select id=\"wa-service\" name=\"service\">\r\n                        <option value=\"\">Select a service<\/option>\r\n                        <option value=\"Civil Litigation\">Civil Litigation<\/option>\r\n                        <option value=\"Criminal Law\">Criminal Law<\/option>\r\n                        <option value=\"Family Law\">Family & Matrimonial Law<\/option>\r\n                        <option value=\"Corporate Law\">Corporate & Commercial Law<\/option>\r\n                        <option value=\"Property Law\">Property & Real Estate Law<\/option>\r\n                        <option value=\"Documentation\">Legal Documentation<\/option>\r\n                        <option value=\"Other\">Other<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n\r\n                <div class=\"wa-form-group\">\r\n                    <label for=\"wa-message\">Message *<\/label>\r\n                    <textarea id=\"wa-message\" name=\"message\" required rows=\"3\" placeholder=\"Briefly describe your legal issue...\"><\/textarea>\r\n                <\/div>\r\n\r\n                <button type=\"submit\" class=\"wa-submit-btn\">\r\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                        <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/>\r\n                    <\/svg>\r\n                    Send to WhatsApp\r\n                <\/button>\r\n            <\/form>\r\n\r\n            <p class=\"wa-privacy\">\ud83d\udd12 Your information is safe and will never be shared.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* ============================================\r\n   WHATSAPP WIDGET - FIXED VISIBILITY\r\n   ============================================ *\/\r\n\r\n.whatsapp-widget-container {\r\n    position: fixed !important;\r\n    bottom: 25px !important;\r\n    right: 25px !important;\r\n    z-index: 999999 !important;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;\r\n}\r\n\r\n\/* Floating Button - FULLY VISIBLE *\/\r\n.wa-float-btn {\r\n    position: relative !important;\r\n    width: 65px !important;\r\n    height: 65px !important;\r\n    background: #25D366 !important;\r\n    border-radius: 50% !important;\r\n    border: none !important;\r\n    cursor: pointer !important;\r\n    box-shadow: 0 8px 30px rgba(37, 211, 102, 0.6) !important;\r\n    transition: all 0.3s ease !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n.wa-float-btn:hover {\r\n    transform: scale(1.1) !important;\r\n    box-shadow: 0 10px 40px rgba(37, 211, 102, 0.8) !important;\r\n    background: #20BA5A !important;\r\n}\r\n\r\n.wa-icon {\r\n    width: 38px !important;\r\n    height: 38px !important;\r\n    color: #ffffff !important;\r\n    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2)) !important;\r\n}\r\n\r\n\/* Pulse Animation *\/\r\n.wa-pulse {\r\n    position: absolute !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    border: 3px solid #25D366 !important;\r\n    border-radius: 50% !important;\r\n    animation: waPulse 2s infinite !important;\r\n    opacity: 0 !important;\r\n}\r\n\r\n@keyframes waPulse {\r\n    0% {\r\n        transform: scale(1);\r\n        opacity: 1;\r\n    }\r\n    100% {\r\n        transform: scale(1.5);\r\n        opacity: 0;\r\n    }\r\n}\r\n\r\n\/* Form Modal *\/\r\n.wa-form-modal {\r\n    position: absolute !important;\r\n    bottom: 85px !important;\r\n    right: 0 !important;\r\n    width: 380px !important;\r\n    max-width: calc(100vw - 50px) !important;\r\n    background: #ffffff !important;\r\n    border-radius: 20px !important;\r\n    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.3) !important;\r\n    opacity: 0 !important;\r\n    visibility: hidden !important;\r\n    transform: translateY(20px) scale(0.95) !important;\r\n    transition: all 0.3s ease !important;\r\n    overflow: hidden !important;\r\n}\r\n\r\n.wa-form-modal.active {\r\n    opacity: 1 !important;\r\n    visibility: visible !important;\r\n    transform: translateY(0) scale(1) !important;\r\n}\r\n\r\n\/* Form Header *\/\r\n.wa-form-header {\r\n    background: linear-gradient(135deg, #25D366 0%, #1EBE5D 100%) !important;\r\n    padding: 20px !important;\r\n    display: flex !important;\r\n    justify-content: space-between !important;\r\n    align-items: flex-start !important;\r\n}\r\n\r\n.wa-header-content {\r\n    display: flex !important;\r\n    gap: 12px !important;\r\n    align-items: center !important;\r\n}\r\n\r\n.wa-avatar {\r\n    width: 50px !important;\r\n    height: 50px !important;\r\n    background: rgba(255, 255, 255, 0.25) !important;\r\n    border-radius: 50% !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    flex-shrink: 0 !important;\r\n}\r\n\r\n.wa-avatar svg {\r\n    width: 28px !important;\r\n    height: 28px !important;\r\n    color: #ffffff !important;\r\n}\r\n\r\n.wa-header-info h3 {\r\n    color: #ffffff !important;\r\n    font-size: 17px !important;\r\n    font-weight: 700 !important;\r\n    margin: 0 0 4px 0 !important;\r\n}\r\n\r\n.wa-status {\r\n    color: #ffffff !important;\r\n    font-size: 13px !important;\r\n    margin: 0 !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 6px !important;\r\n}\r\n\r\n.wa-status-dot {\r\n    width: 8px !important;\r\n    height: 8px !important;\r\n    background: #ffffff !important;\r\n    border-radius: 50% !important;\r\n    display: inline-block !important;\r\n    animation: waBlink 2s infinite !important;\r\n}\r\n\r\n@keyframes waBlink {\r\n    0%, 100% { opacity: 1; }\r\n    50% { opacity: 0.3; }\r\n}\r\n\r\n.wa-close-btn {\r\n    background: rgba(255, 255, 255, 0.25) !important;\r\n    border: none !important;\r\n    width: 32px !important;\r\n    height: 32px !important;\r\n    border-radius: 50% !important;\r\n    cursor: pointer !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    transition: all 0.3s ease !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n.wa-close-btn:hover {\r\n    background: rgba(255, 255, 255, 0.35) !important;\r\n    transform: rotate(90deg) !important;\r\n}\r\n\r\n.wa-close-btn svg {\r\n    color: #ffffff !important;\r\n}\r\n\r\n\/* Form Body *\/\r\n.wa-form-body {\r\n    padding: 20px !important;\r\n    max-height: 500px !important;\r\n    overflow-y: auto !important;\r\n}\r\n\r\n.wa-chat-bubble {\r\n    background: #E7F8EE !important;\r\n    padding: 15px !important;\r\n    border-radius: 12px !important;\r\n    margin-bottom: 20px !important;\r\n    position: relative !important;\r\n}\r\n\r\n.wa-chat-bubble::before {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: -8px !important;\r\n    width: 0 !important;\r\n    height: 0 !important;\r\n    border-style: solid !important;\r\n    border-width: 0 10px 10px 0 !important;\r\n    border-color: transparent #E7F8EE transparent transparent !important;\r\n}\r\n\r\n.wa-chat-bubble p {\r\n    margin: 0 0 8px 0 !important;\r\n    color: #075E54 !important;\r\n    font-size: 14px !important;\r\n    line-height: 1.6 !important;\r\n}\r\n\r\n.wa-chat-bubble p:last-child {\r\n    margin-bottom: 0 !important;\r\n}\r\n\r\n\/* Form Styles *\/\r\n.wa-lead-form {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 15px !important;\r\n}\r\n\r\n.wa-form-group {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 6px !important;\r\n}\r\n\r\n.wa-form-group label {\r\n    color: #1a1a1a !important;\r\n    font-size: 13px !important;\r\n    font-weight: 600 !important;\r\n}\r\n\r\n.wa-form-group input,\r\n.wa-form-group select,\r\n.wa-form-group textarea {\r\n    width: 100% !important;\r\n    padding: 12px 15px !important;\r\n    border: 2px solid #E0E0E0 !important;\r\n    border-radius: 10px !important;\r\n    font-size: 14px !important;\r\n    font-family: inherit !important;\r\n    transition: all 0.3s ease !important;\r\n    background: #ffffff !important;\r\n    color: #1a1a1a !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n.wa-form-group input:focus,\r\n.wa-form-group select:focus,\r\n.wa-form-group textarea:focus {\r\n    outline: none !important;\r\n    border-color: #25D366 !important;\r\n    box-shadow: 0 0 0 3px rgba(37, 211, 102, 0.15) !important;\r\n}\r\n\r\n.wa-form-group textarea {\r\n    resize: vertical !important;\r\n    min-height: 80px !important;\r\n}\r\n\r\n.wa-form-group select {\r\n    cursor: pointer !important;\r\n    appearance: none !important;\r\n    background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c\/polyline%3e%3c\/svg%3e\") !important;\r\n    background-repeat: no-repeat !important;\r\n    background-position: right 12px center !important;\r\n    background-size: 16px !important;\r\n    padding-right: 40px !important;\r\n}\r\n\r\n\/* Submit Button - FULLY VISIBLE GREEN *\/\r\n.wa-submit-btn {\r\n    width: 100% !important;\r\n    padding: 15px 24px !important;\r\n    background: #25D366 !important;\r\n    color: #ffffff !important;\r\n    border: none !important;\r\n    border-radius: 12px !important;\r\n    font-size: 15px !important;\r\n    font-weight: 700 !important;\r\n    cursor: pointer !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    gap: 10px !important;\r\n    transition: all 0.3s ease !important;\r\n    margin-top: 10px !important;\r\n    box-shadow: 0 6px 25px rgba(37, 211, 102, 0.5) !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 0.5px !important;\r\n}\r\n\r\n.wa-submit-btn:hover {\r\n    transform: translateY(-3px) !important;\r\n    box-shadow: 0 10px 35px rgba(37, 211, 102, 0.7) !important;\r\n    background: #20BA5A !important;\r\n}\r\n\r\n.wa-submit-btn:active {\r\n    transform: translateY(-1px) !important;\r\n}\r\n\r\n.wa-submit-btn svg {\r\n    width: 20px !important;\r\n    height: 20px !important;\r\n    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2)) !important;\r\n}\r\n\r\n.wa-privacy {\r\n    text-align: center !important;\r\n    color: #888888 !important;\r\n    font-size: 12px !important;\r\n    margin: 15px 0 0 0 !important;\r\n    line-height: 1.4 !important;\r\n}\r\n\r\n\/* Loading State *\/\r\n.wa-submit-btn.loading {\r\n    pointer-events: none !important;\r\n    opacity: 0.8 !important;\r\n}\r\n\r\n.wa-submit-btn.loading::after {\r\n    content: '' !important;\r\n    width: 16px !important;\r\n    height: 16px !important;\r\n    border: 3px solid #ffffff !important;\r\n    border-top-color: transparent !important;\r\n    border-radius: 50% !important;\r\n    animation: waSpin 0.7s linear infinite !important;\r\n    margin-left: 10px !important;\r\n}\r\n\r\n@keyframes waSpin {\r\n    to { transform: rotate(360deg); }\r\n}\r\n\r\n\/* Success Message *\/\r\n.wa-success {\r\n    background: #D4EDDA !important;\r\n    color: #155724 !important;\r\n    padding: 15px !important;\r\n    border-radius: 10px !important;\r\n    margin-bottom: 15px !important;\r\n    display: none !important;\r\n    align-items: center !important;\r\n    gap: 10px !important;\r\n    font-size: 14px !important;\r\n    font-weight: 600 !important;\r\n}\r\n\r\n.wa-success.show {\r\n    display: flex !important;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 480px) {\r\n    .whatsapp-widget-container {\r\n        bottom: 20px !important;\r\n        right: 20px !important;\r\n    }\r\n    \r\n    .wa-float-btn {\r\n        width: 60px !important;\r\n        height: 60px !important;\r\n    }\r\n    \r\n    .wa-icon {\r\n        width: 34px !important;\r\n        height: 34px !important;\r\n    }\r\n    \r\n    .wa-form-modal {\r\n        width: calc(100vw - 40px) !important;\r\n        bottom: 75px !important;\r\n    }\r\n    \r\n    .wa-form-body {\r\n        max-height: 400px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n    'use strict';\r\n    \r\n    \/\/ Configuration\r\n    const CONFIG = {\r\n        whatsappNumber: '919876543210', \/\/ Your WhatsApp number\r\n        websiteName: 'Legal Excellence'\r\n    };\r\n    \r\n    \/\/ Wait for DOM\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', init);\r\n    } else {\r\n        init();\r\n    }\r\n    \r\n    function init() {\r\n        const waBtn = document.getElementById('wa-btn');\r\n        const waForm = document.getElementById('wa-form');\r\n        const waClose = document.getElementById('wa-close');\r\n        const leadForm = document.getElementById('wa-lead-form');\r\n        \r\n        if (!waBtn || !waForm) return;\r\n        \r\n        \/\/ Toggle form\r\n        waBtn.addEventListener('click', function(e) {\r\n            e.stopPropagation();\r\n            waForm.classList.toggle('active');\r\n        });\r\n        \r\n        \/\/ Close form\r\n        if (waClose) {\r\n            waClose.addEventListener('click', function() {\r\n                waForm.classList.remove('active');\r\n            });\r\n        }\r\n        \r\n        \/\/ Close on outside click\r\n        document.addEventListener('click', function(e) {\r\n            if (!waForm.contains(e.target) && !waBtn.contains(e.target)) {\r\n                waForm.classList.remove('active');\r\n            }\r\n        });\r\n        \r\n        \/\/ Handle form submission\r\n        if (leadForm) {\r\n            leadForm.addEventListener('submit', function(e) {\r\n                e.preventDefault();\r\n                handleSubmit(this);\r\n            });\r\n        }\r\n    }\r\n    \r\n    function handleSubmit(form) {\r\n        const submitBtn = form.querySelector('.wa-submit-btn');\r\n        const formData = new FormData(form);\r\n        \r\n        const data = {\r\n            name: formData.get('name'),\r\n            phone: formData.get('phone'),\r\n            email: formData.get('email') || 'Not provided',\r\n            service: formData.get('service') || 'Not specified',\r\n            message: formData.get('message')\r\n        };\r\n        \r\n        \/\/ Show loading\r\n        submitBtn.classList.add('loading');\r\n        submitBtn.disabled = true;\r\n        \r\n        \/\/ Create WhatsApp message\r\n        let waMessage = `*New Lead from ${CONFIG.websiteName}*\\n\\n`;\r\n        waMessage += `\ud83d\udcdd *Name:* ${data.name}\\n`;\r\n        waMessage += `\ud83d\udcde *Phone:* ${data.phone}\\n`;\r\n        waMessage += `\ud83d\udce7 *Email:* ${data.email}\\n`;\r\n        waMessage += `\u2696\ufe0f *Service:* ${data.service}\\n`;\r\n        waMessage += `\\n\ud83d\udcac *Message:*\\n${data.message}\\n`;\r\n        waMessage += `\\n\u23f0 *Time:* ${new Date().toLocaleString()}`;\r\n        \r\n        \/\/ Wait 1 second then redirect\r\n        setTimeout(function() {\r\n            submitBtn.classList.remove('loading');\r\n            submitBtn.disabled = false;\r\n            \r\n            \/\/ Open WhatsApp\r\n            const waUrl = `https:\/\/wa.me\/${CONFIG.whatsappNumber}?text=${encodeURIComponent(waMessage)}`;\r\n            window.open(waUrl, '_blank');\r\n            \r\n            \/\/ Show success\r\n            showSuccess();\r\n            \r\n            \/\/ Reset form\r\n            form.reset();\r\n            \r\n            \/\/ Close modal after 2 seconds\r\n            setTimeout(function() {\r\n                document.getElementById('wa-form').classList.remove('active');\r\n            }, 2000);\r\n            \r\n        }, 1000);\r\n    }\r\n    \r\n    function showSuccess() {\r\n        const formBody = document.querySelector('.wa-form-body');\r\n        \r\n        let successMsg = document.querySelector('.wa-success');\r\n        if (!successMsg) {\r\n            successMsg = document.createElement('div');\r\n            successMsg.className = 'wa-success';\r\n            successMsg.innerHTML = `\r\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                    <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" stroke=\"#155724\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                <\/svg>\r\n                <span>Message sent! Redirecting to WhatsApp...<\/span>\r\n            `;\r\n            formBody.insertBefore(successMsg, formBody.firstChild);\r\n        }\r\n        \r\n        successMsg.classList.add('show');\r\n        \r\n        setTimeout(function() {\r\n            successMsg.classList.remove('show');\r\n        }, 3000);\r\n    }\r\n})();\r\n<\/script>\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>\u2696\ufe0f LEGAL EXCELLENCE Advocates &#038; Legal Consultants Home About Practice Areas Contact +919370346628 Get Free Consultation 01 Home 02 About [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","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":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","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-10","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/lawyers.sunspiremedia.com\/lawyers\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lawyers.sunspiremedia.com\/lawyers\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lawyers.sunspiremedia.com\/lawyers\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lawyers.sunspiremedia.com\/lawyers\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lawyers.sunspiremedia.com\/lawyers\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":166,"href":"https:\/\/lawyers.sunspiremedia.com\/lawyers\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":219,"href":"https:\/\/lawyers.sunspiremedia.com\/lawyers\/wp-json\/wp\/v2\/pages\/10\/revisions\/219"}],"wp:attachment":[{"href":"https:\/\/lawyers.sunspiremedia.com\/lawyers\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}