{"id":11,"date":"2025-04-21T08:49:01","date_gmt":"2025-04-21T08:49:01","guid":{"rendered":"https:\/\/dnlaw.inprocess.uk\/?page_id=11"},"modified":"2025-04-25T12:09:48","modified_gmt":"2025-04-25T12:09:48","slug":"home","status":"publish","type":"page","link":"https:\/\/dnlaw.inprocess.uk\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n DN Law Ltd - Legal Services<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* Reset styles only for our container *\/\r\n .dn-law-hero-container * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n\r\n \/* Custom variables *\/\r\n :root {\r\n --primary: #1B4B72;\r\n --primary-dark: #0c3554;\r\n --accent: #C34A4A;\r\n --accent-light: rgba(195, 74, 74, 0.4);\r\n --white: #ffffff;\r\n --gray-light: #f5f7fa;\r\n --gray-medium: #e1e8f0;\r\n --text-dark: #333;\r\n --text-medium: #444;\r\n }\r\n\r\n \/* Container styles - prevent overflow *\/\r\n .dn-law-hero-container {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden; \/* Prevent horizontal scrollbar *\/\r\n max-width: 100vw; \/* Ensure it doesn't exceed viewport width *\/\r\n }\r\n\r\n \/* Animations *\/\r\n @keyframes dn-hero-fadeIn {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes dn-hero-slideUp {\r\n from { transform: translateY(70px); opacity: 0; }\r\n to { transform: translateY(0); opacity: 1; }\r\n }\r\n\r\n @keyframes dn-hero-float {\r\n 0% { transform: translateY(0); }\r\n 50% { transform: translateY(-15px); }\r\n 100% { transform: translateY(0); }\r\n }\r\n\r\n @keyframes dn-hero-pulse {\r\n 0% { transform: scale(1); opacity: 0.8; }\r\n 50% { transform: scale(1.08); opacity: 1; }\r\n 100% { transform: scale(1); opacity: 0.8; }\r\n }\r\n\r\n \/* Hero Section *\/\r\n .dn-law-hero {\r\n position: relative;\r\n width: 100%;\r\n min-height: 90vh; \/* Reduced from 100vh to avoid scrollbar *\/\r\n background: linear-gradient(135deg, var(--gray-light), var(--gray-medium));\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n padding: 2rem 0; \/* Added padding instead of fixed height *\/\r\n }\r\n\r\n \/* Background Elements *\/\r\n .hero-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-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(195, 74, 74, 0.05) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(195, 74, 74, 0.05) 1px, transparent 1px);\r\n background-size: 50px 50px;\r\n opacity: 0.8;\r\n }\r\n\r\n .floating-particle {\r\n position: absolute;\r\n background-color: rgba(195, 74, 74, 0.1);\r\n border-radius: 50%;\r\n animation: dn-hero-float 10s infinite ease-in-out;\r\n }\r\n\r\n .particle-1 {\r\n width: 120px;\r\n height: 120px;\r\n top: 15%;\r\n left: 10%;\r\n animation-duration: 12s;\r\n }\r\n\r\n .particle-2 {\r\n width: 80px;\r\n height: 80px;\r\n top: 70%;\r\n left: 15%;\r\n animation-duration: 9s;\r\n animation-delay: 1s;\r\n }\r\n\r\n .particle-3 {\r\n width: 100px;\r\n height: 100px;\r\n top: 20%;\r\n right: 15%;\r\n animation-duration: 15s;\r\n animation-delay: 2s;\r\n }\r\n\r\n .particle-4 {\r\n width: 70px;\r\n height: 70px;\r\n bottom: 15%;\r\n right: 10%;\r\n animation-duration: 10s;\r\n animation-delay: 1.5s;\r\n }\r\n\r\n \/* Main Content *\/\r\n .hero-content {\r\n position: relative;\r\n z-index: 10;\r\n width: 100%;\r\n max-width: 1400px;\r\n display: flex;\r\n padding: 4rem 3rem; \/* Reduced padding *\/\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Left Text Content *\/\r\n .content-left {\r\n width: 50%;\r\n padding-right: 4rem;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n\r\n .hero-tagline {\r\n font-size: 1.5rem;\r\n font-weight: 600;\r\n color: var(--accent);\r\n margin-bottom: 1.8rem;\r\n opacity: 0;\r\n animation: dn-hero-fadeIn 0.8s forwards ease;\r\n animation-delay: 0.3s;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .hero-heading {\r\n font-size: 4rem;\r\n font-weight: 800;\r\n line-height: 1.2;\r\n color: var(--primary-dark);\r\n margin-bottom: 2rem;\r\n opacity: 0;\r\n animation: dn-hero-fadeIn 0.8s forwards ease;\r\n animation-delay: 0.5s;\r\n text-shadow: 0 2px 10px rgba(0,0,0,0.05);\r\n background: linear-gradient(135deg, var(--primary-dark), var(--primary));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .hero-description {\r\n font-size: 18px;\r\n line-height: 1.7;\r\n color: var(--text-medium);\r\n margin-bottom: 2.5rem;\r\n max-width: 600px;\r\n opacity: 0;\r\n animation: dn-hero-fadeIn 0.8s forwards ease;\r\n animation-delay: 0.7s;\r\n }\r\n\r\n .hero-cta {\r\n display: flex;\r\n gap: 1.5rem;\r\n margin-bottom: 3rem;\r\n opacity: 0;\r\n animation: dn-hero-fadeIn 0.8s forwards ease;\r\n animation-delay: 0.9s;\r\n }\r\n\r\n .cta-primary {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: linear-gradient(90deg, var(--accent), #a53d3d);\r\n color: var(--white);\r\n font-weight: 600;\r\n border: none;\r\n border-radius: 50px;\r\n padding: 1.2rem 2.5rem;\r\n font-size: 18px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-decoration: none;\r\n box-shadow: 0 10px 30px rgba(195, 74, 74, 0.4);\r\n }\r\n\r\n .cta-primary:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 35px rgba(195, 74, 74, 0.6);\r\n background: #3296D4;\r\n color: #ffffff;\r\n }\r\n\r\n .cta-primary svg {\r\n width: 20px;\r\n height: 20px;\r\n transition: transform 0.3s ease;\r\n stroke: var(--white);\r\n }\r\n\r\n .cta-primary:hover svg {\r\n transform: translateX(8px);\r\n }\r\n\r\n .cta-secondary {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: rgba(27, 75, 114, 0.08);\r\n color: var(--primary);\r\n border: 2px solid rgba(27, 75, 114, 0.2);\r\n border-radius: 50px;\r\n padding: 1.2rem 2.5rem;\r\n font-weight: 600;\r\n font-size: 18px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-decoration: none;\r\n }\r\n\r\n .cta-secondary:hover {\r\n border-color: #3296D4;\r\n background: #3296D4;\r\n color: #ffffff;\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n .feature-row {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1.5rem;\r\n opacity: 0;\r\n animation: dn-hero-fadeIn 0.8s forwards ease;\r\n animation-delay: 1.1s;\r\n }\r\n\r\n .feature-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 18px;\r\n padding: 1.5rem;\r\n background: rgba(255, 255, 255, 0.6);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n border-radius: 15px;\r\n border-left: 4px solid transparent;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .feature-item:hover {\r\n background: rgba(255, 255, 255, 0.9);\r\n transform: translateY(-8px);\r\n border-left-color: #3296D4;\r\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n .feature-icon {\r\n width: 50px;\r\n height: 50px;\r\n min-width: 50px;\r\n background: rgba(195, 74, 74, 0.15);\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .feature-item:hover .feature-icon {\r\n background: #3296D4;\r\n }\r\n\r\n .feature-icon svg {\r\n width: 24px;\r\n height: 24px;\r\n fill: var(--accent);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .feature-item:hover .feature-icon svg {\r\n fill: var(--white);\r\n }\r\n\r\n .feature-content h3 {\r\n font-size: 1.2rem;\r\n font-weight: 600;\r\n color: var(--primary-dark);\r\n margin-bottom: 8px;\r\n }\r\n\r\n .feature-content p {\r\n font-size: 18px;\r\n color: var(--text-medium);\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Right Visual Content *\/\r\n .content-right {\r\n width: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n }\r\n\r\n \/* Contact Form Styles - New Addition *\/\r\n .contact-form-container {\r\n position: relative;\r\n width: 100%;\r\n max-width: 480px;\r\n background: rgba(255, 255, 255, 0.98);\r\n border-radius: 24px;\r\n box-shadow: 0 35px 70px rgba(0, 0, 0, 0.15);\r\n overflow: hidden;\r\n z-index: 1;\r\n animation: dn-hero-float 6s infinite ease-in-out;\r\n }\r\n\r\n .form-header {\r\n background: var(--primary);\r\n padding: 25px 30px;\r\n color: var(--white);\r\n }\r\n\r\n .form-title {\r\n font-size: 1.8rem;\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .form-subtitle {\r\n font-size: 1rem;\r\n opacity: 0.9;\r\n }\r\n\r\n .contact-form {\r\n padding: 30px;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 20px;\r\n }\r\n\r\n .form-group label {\r\n display: block;\r\n color: var(--text-dark);\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n margin-bottom: 8px;\r\n borderr: #F3F5F9;\r\n }\r\n \r\n .form-group field {\r\n border-color: #F3F5F9;\r\n }\r\n\r\n .form-control {\r\n width: 100%;\r\n padding: 15px;\r\n border: 1px solid #F3F5F9;\r\n border-radius: 8px;\r\n font-size: 1rem;\r\n transition: all 0.3s ease;\r\n color: var(--text-dark);\r\n background: var(--white);\r\n font-family: 'Montserrat', sans-serif;\r\n appearance: none;\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n }\r\n\r\n select.form-control {\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='%23464646' 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\");\r\n background-repeat: no-repeat;\r\n background-position: right 15px center;\r\n background-size: 16px;\r\n padding-right: 45px;\r\n border: 1px solid ;\r\n border-radius: 2px;\r\n }\r\n\r\n .form-control:focus {\r\n border-color: #00000;\r\n outline: none;\r\n box-shadow: 0 0 0 3px rgba(27, 75, 114, 0.1);\r\n \r\n }\r\n\r\n textarea.form-control {\r\n resize: vertical;\r\n min-height: 120px;\r\n }\r\n\r\n .form-row {\r\n display: flex;\r\n gap: 15px;\r\n }\r\n\r\n .form-row .form-group {\r\n flex: 1;\r\n }\r\n\r\n .submit-btn {\r\n width: 100%;\r\n padding: 16px;\r\n font-size: 18px;\r\n font-weight: 600;\r\n background: var(--accent);\r\n color: var(--white);\r\n border: none;\r\n border-radius: 12px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-align: center;\r\n display: block;\r\n margin-top: 10px;\r\n }\r\n\r\n .submit-btn:hover {\r\n background: #3296D4;\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .form-note {\r\n text-align: center;\r\n margin-top: 15px;\r\n font-size: 0.9rem;\r\n color: var(--text-medium);\r\n }\r\n\r\n .form-reflection {\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(120deg, \r\n rgba(255, 255, 255, 0) 30%, \r\n rgba(255, 255, 255, 0.4) 50%,\r\n rgba(255, 255, 255, 0) 70%);\r\n pointer-events: none;\r\n }\r\n\r\n .decorative-cube {\r\n position: absolute;\r\n background: rgba(195, 74, 74, 0.08);\r\n border: 2px solid rgba(195, 74, 74, 0.2);\r\n border-radius: 15px;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n animation: dn-hero-float 5s infinite ease-in-out;\r\n }\r\n\r\n .cube-1 {\r\n width: 90px;\r\n height: 90px;\r\n top: 20%;\r\n left: 10%;\r\n animation-delay: 0.5s;\r\n }\r\n\r\n .cube-2 {\r\n width: 70px;\r\n height: 70px;\r\n top: 70%;\r\n left: 20%;\r\n animation-delay: 1s;\r\n }\r\n\r\n .cube-3 {\r\n width: 80px;\r\n height: 80px;\r\n top: 30%;\r\n right: 10%;\r\n animation-delay: 1.5s;\r\n }\r\n\r\n .cube-4 {\r\n width: 60px;\r\n height: 60px;\r\n top: 65%;\r\n right: 20%;\r\n animation-delay: 2s;\r\n }\r\n\r\n \/* Stats Container *\/\r\n .stats-container {\r\n width: 100%;\r\n max-width: 1250px; \/* Reduced from 1400px *\/\r\n margin: 50px auto 20px auto; \/* Changed from -80px to 50px to add more top space *\/\r\n background-color: var(--white);\r\n border-radius: 25px;\r\n display: flex;\r\n justify-content: space-between;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\r\n position: relative;\r\n z-index: 20;\r\n opacity: 0;\r\n animation: dn-hero-slideUp 0.8s forwards ease;\r\n animation-delay: 1.2s;\r\n }\r\n\r\n .stat-item {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 2.5rem 1.5rem;\r\n position: relative;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .stat-item:hover {\r\n background-color: #ff000;\r\n transform: translateY(-8px);\r\n }\r\n\r\n .stat-item:not(:last-child)::after {\r\n content: '';\r\n position: absolute;\r\n right: 0;\r\n top: 25%;\r\n width: 2px;\r\n height: 50%;\r\n background-color: rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .stat-number {\r\n font-size: 3.2rem;\r\n font-weight: 800;\r\n color: var(--primary);\r\n margin-bottom: 1rem;\r\n position: relative;\r\n }\r\n\r\n .stat-number::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -8px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 40px;\r\n height: 4px;\r\n background-color: var(--accent);\r\n transition: width 0.3s ease;\r\n }\r\n\r\n .stat-item:hover .stat-number::after {\r\n width: 60px;\r\n }\r\n\r\n .stat-label {\r\n font-size: 1.2rem;\r\n color: var(--text-medium);\r\n font-weight: 600;\r\n text-align: center;\r\n }\r\n\r\n \/* Enhanced eye-catching elements *\/\r\n .glow-effect {\r\n position: absolute;\r\n width: 150px;\r\n height: 150px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(195, 74, 74, 0.3) 0%, rgba(255, 255, 255, 0) 70%);\r\n pointer-events: none;\r\n z-index: 1;\r\n }\r\n\r\n .glow-1 {\r\n top: 20%;\r\n left: 30%;\r\n animation: dn-hero-pulse 8s infinite ease-in-out;\r\n }\r\n\r\n .glow-2 {\r\n bottom: 30%;\r\n right: 25%;\r\n animation: dn-hero-pulse 10s infinite ease-in-out;\r\n animation-delay: 2s;\r\n }\r\n\r\n \/* Responsive Styles *\/\r\n @media (max-width: 1400px) {\r\n .hero-content {\r\n padding: 5rem 3rem;\r\n }\r\n \r\n .hero-heading {\r\n font-size: 3.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1200px) {\r\n .hero-content {\r\n padding: 4rem 3rem;\r\n }\r\n \r\n .hero-heading {\r\n font-size: 3.2rem;\r\n }\r\n \r\n .contact-form-container {\r\n max-width: 400px;\r\n }\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .hero-content {\r\n flex-direction: column;\r\n padding: 5rem 3rem;\r\n }\r\n \r\n .content-left, \r\n .content-right {\r\n width: 100%;\r\n padding-right: 0;\r\n }\r\n \r\n .content-left {\r\n margin-bottom: 5rem;\r\n }\r\n \r\n .hero-heading {\r\n font-size: 3rem;\r\n }\r\n \r\n .hero-description {\r\n font-size: 1.2rem;\r\n }\r\n \r\n .stats-container {\r\n flex-wrap: wrap;\r\n }\r\n \r\n .stat-item {\r\n width: 50%;\r\n flex: none;\r\n }\r\n \r\n .stat-item:nth-child(2)::after {\r\n display: none;\r\n }\r\n \r\n .stat-item:nth-child(1), \r\n .stat-item:nth-child(2) {\r\n border-bottom: 2px solid rgba(0, 0, 0, 0.05);\r\n }\r\n \r\n .contact-form-container {\r\n max-width: 100%;\r\n }\r\n \r\n .form-row {\r\n flex-direction: column;\r\n gap: 0;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero-content {\r\n padding: 4rem 2rem;\r\n }\r\n \r\n .hero-heading {\r\n font-size: 2.8rem;\r\n }\r\n \r\n .hero-description {\r\n font-size: 1.2rem;\r\n }\r\n \r\n .feature-row {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .stats-container {\r\n flex-direction: column;\r\n }\r\n \r\n .stat-item {\r\n width: 100%;\r\n padding: 2rem 1rem;\r\n }\r\n \r\n .stat-item::after {\r\n display: none !important;\r\n }\r\n \r\n .stat-item:not(:last-child) {\r\n border-bottom: 2px solid rgba(0, 0, 0, 0.05);\r\n }\r\n \r\n .hero-cta {\r\n flex-direction: column;\r\n }\r\n \r\n .cta-primary, \r\n .cta-secondary {\r\n width: 100%;\r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n .hero-content {\r\n padding: 3rem 1.5rem;\r\n }\r\n \r\n .hero-heading {\r\n font-size: 2.4rem;\r\n }\r\n \r\n .hero-description {\r\n font-size: 1.1rem;\r\n }\r\n \r\n .stat-number {\r\n font-size: 2.8rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Improved Hero Container with class-based styling instead of ID -->\r\n <div class=\"dn-law-hero-container\">\r\n <section class=\"dn-law-hero\">\r\n <!-- Background Elements -->\r\n <div class=\"hero-bg\">\r\n <div class=\"bg-pattern\"><\/div>\r\n <div class=\"floating-particle particle-1\"><\/div>\r\n <div class=\"floating-particle particle-2\"><\/div>\r\n <div class=\"floating-particle particle-3\"><\/div>\r\n <div class=\"floating-particle particle-4\"><\/div>\r\n <!-- Added glowing effects -->\r\n <div class=\"glow-effect glow-1\"><\/div>\r\n <div class=\"glow-effect glow-2\"><\/div>\r\n <\/div>\r\n \r\n <!-- Main Content -->\r\n <div class=\"hero-content\">\r\n <!-- Left Content Area -->\r\n <div class=\"content-left\">\r\n <!-- Hero Text Content -->\r\n <div class=\"hero-tagline\">Premier Legal Services<\/div>\r\n \r\n <h1 class=\"hero-heading\">Legal Excellence You Can Trust<\/h1>\r\n \r\n <p class=\"hero-description\">\r\n We provide expert legal representation to guide you through complex challenges with confidence. \r\n Our team of experienced solicitors delivers practical solutions tailored to your specific needs,\r\n ensuring the best possible outcome for your case.\r\n <\/p>\r\n \r\n <div class=\"hero-cta\">\r\n <a href=\"https:\/\/dnlaw.inprocess.uk\/index.php\/contact-us\/\" class=\"cta-primary\">\r\n Free Consultation\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"#ffffff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/dnlaw.inprocess.uk\/index.php\/services\/\" class=\"cta-secondary\">\r\n Our Services\r\n <\/a>\r\n <\/div>\r\n \r\n <!-- Feature Items -->\r\n <div class=\"feature-row\">\r\n <div class=\"feature-item\">\r\n <div class=\"feature-icon\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"feature-content\">\r\n <h3>Confidentiality Guaranteed<\/h3>\r\n <p>Your information is always secure and protected with our strict privacy policies.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"feature-item\">\r\n <div class=\"feature-icon\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"feature-content\">\r\n <h3>24\/7 Client Support<\/h3>\r\n <p>Access to legal guidance whenever you need it with our responsive team of professionals.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Right Visual Area -->\r\n <div class=\"content-right\">\r\n <!-- Decorative Elements -->\r\n <div class=\"decorative-cube cube-1\"><\/div>\r\n <div class=\"decorative-cube cube-2\"><\/div>\r\n <div class=\"decorative-cube cube-3\"><\/div>\r\n <div class=\"decorative-cube cube-4\"><\/div>\r\n \r\n <!-- Contact Form -->\r\n <div class=\"contact-form-container\">\r\n <div class=\"form-header\">\r\n <h2 class=\"form-title\">Get In Touch<\/h2>\r\n <p class=\"form-subtitle\">Schedule your free consultation today<\/p>\r\n <\/div>\r\n \r\n <div class=\"contact-form\">\r\n <form action=\"#\" method=\"post\">\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"firstName\">First Name<\/label>\r\n <input type=\"text\" id=\"firstName\" class=\"form-control\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"lastName\">Last Name<\/label>\r\n <input type=\"text\" id=\"lastName\" class=\"form-control\" required>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"email\">Email Address<\/label>\r\n <input type=\"email\" id=\"email\" class=\"form-control\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"phone\">Phone Number<\/label>\r\n <input type=\"tel\" id=\"phone\" class=\"form-control\">\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"service\">Legal Service Required<\/label>\r\n <select id=\"service\" class=\"form-control\" required>\r\n <option value=\"\" disabled selected>Select a service<\/option>\r\n <option value=\"criminal\">Criminal Law<\/option>\r\n <option value=\"corporate\">Personal Injury<\/option>\r\n <option value=\"property\">Advocacy<\/option>\r\n \r\n \r\n <option value=\"other\">Other Services<\/option>\r\n <\/select>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <!--<label for=\"message\">Brief Description of Your Case<\/label>-->\r\n <!--<textarea id=\"message\" class=\"form-control\" rows=\"4\" required style=\"border: 1px solid #F3F5F9;\"><\/textarea>-->\r\n <\/div>\r\n \r\n <button type=\"submit\" class=\"submit-btn\">Submit Request<\/button>\r\n \r\n <p class=\"form-note\">We'll contact you within 24 hours to arrange your consultation<\/p>\r\n <\/form>\r\n <\/div>\r\n \r\n <div class=\"form-reflection\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Stats Container -->\r\n <div class=\"stats-container\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">98%<\/div>\r\n <div class=\"stat-label\">Client Satisfaction<\/div>\r\n <\/div>\r\n \r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">15+<\/div>\r\n <div class=\"stat-label\">Years Experience<\/div>\r\n <\/div>\r\n \r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">500+<\/div>\r\n <div class=\"stat-label\">Cases Won<\/div>\r\n <\/div>\r\n \r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">24\/7<\/div>\r\n <div class=\"stat-label\">Legal Support<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5502d0f e-flex e-con-boxed e-con e-parent\" data-id=\"5502d0f\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-294b3ad elementor-widget elementor-widget-heading\" data-id=\"294b3ad\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our Services<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d839308 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"d839308\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79b192d elementor-widget elementor-widget-text-editor\" data-id=\"79b192d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Professional legal expertise tailored to protect your rights and achieve the best possible outcomes in complex legal matters<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa9d330 e-con-full e-flex e-con e-parent\" data-id=\"aa9d330\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d463cc elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"7d463cc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Legal Services - Bold Redesign<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n\r\n body {\r\n background-color: #f5f8fa;\r\n color: #333;\r\n }\r\n\r\n \/* Custom variables *\/\r\n :root {\r\n --primary: #1B4B72;\r\n --primary-dark: #0c3554;\r\n --accent: #C34A4A;\r\n --accent-light: rgba(195, 74, 74, 0.4);\r\n --secondary: #4DB6E5;\r\n --secondary-light: rgba(77, 182, 229, 0.3);\r\n --highlight: #3296D4;\r\n --highlight-light: rgba(50, 150, 212, 0.3);\r\n --white: #ffffff;\r\n --gray-light: #f5f8fa;\r\n --gray-medium: #e1e8f0;\r\n --text-dark: #333;\r\n --text-medium: #505965;\r\n }\r\n\r\n .services-section {\r\n padding: 20px 0; \/* Increased padding *\/\r\n background-color: var(--gray-light);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .services-section::before {\r\n content: '';\r\n position: absolute;\r\n width: 800px; \/* Increased size *\/\r\n height: 800px; \/* Increased size *\/\r\n border-radius: 50%;\r\n background-color: rgba(195, 74, 74, 0.03); \/* Red accent color *\/\r\n top: -200px;\r\n left: -200px;\r\n z-index: 0;\r\n }\r\n\r\n .services-section::after {\r\n content: '';\r\n position: absolute;\r\n width: 600px; \/* Increased size *\/\r\n height: 600px; \/* Increased size *\/\r\n border-radius: 50%;\r\n background-color: rgba(27, 75, 114, 0.03);\r\n bottom: -150px;\r\n right: -150px;\r\n z-index: 0;\r\n }\r\n\r\n .container {\r\n max-width: 1400px; \/* Increased max-width *\/\r\n margin: 0 auto;\r\n padding: 0 15px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 80px; \/* Increased margin *\/\r\n position: relative;\r\n }\r\n\r\n .section-title {\r\n font-size: 42px; \/* Increased size *\/\r\n font-weight: 800; \/* Increased weight *\/\r\n color: var(--primary-dark);\r\n margin-bottom: 30px;\r\n position: relative;\r\n display: inline-block;\r\n padding-bottom: 20px;\r\n clear: both;\r\n background: linear-gradient(135deg, var(--primary-dark), var(--primary));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n \r\n .section-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 80px; \/* Increased width *\/\r\n height: 4px; \/* Increased height *\/\r\n background-color: var(--accent);\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 18px; \/* Increased size *\/\r\n color: var(--text-medium);\r\n max-width: 800px; \/* Increased max-width *\/\r\n margin: 15px auto 0;\r\n line-height: 1.7;\r\n clear: both;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 50px; \/* Increased gap *\/\r\n }\r\n\r\n .service-card {\r\n background-color: var(--white);\r\n border-radius: 20px; \/* Increased radius *\/\r\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.07); \/* Enhanced shadow *\/\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n position: relative;\r\n overflow: hidden;\r\n z-index: 1;\r\n }\r\n\r\n .service-card:hover {\r\n transform: translateY(-20px); \/* Increased movement *\/\r\n box-shadow: 0 25px 50px rgba(0, 0, 0, 0.12); \/* Enhanced shadow on hover *\/\r\n }\r\n\r\n .service-card::before {\r\n content: '';\r\n position: absolute;\r\n width: 200%;\r\n height: 200%;\r\n background-color: rgba(195, 74, 74, 0.04); \/* Red accent color *\/\r\n border-radius: 40%;\r\n top: -50%;\r\n left: -50%;\r\n z-index: -1;\r\n transition: all 0.7s ease;\r\n opacity: 0;\r\n }\r\n\r\n .service-card:hover::before {\r\n opacity: 1;\r\n transform: scale(1.2) rotate(15deg);\r\n background-color: rgba(50, 150, 212, 0.04); \/* Changed to highlight color on hover *\/\r\n }\r\n\r\n .service-icon-wrap {\r\n position: relative;\r\n margin-top: 60px; \/* Increased margin *\/\r\n margin-bottom: 35px; \/* Increased margin *\/\r\n }\r\n\r\n .icon-bg {\r\n width: 130px; \/* Increased size *\/\r\n height: 130px; \/* Increased size *\/\r\n background: linear-gradient(135deg, var(--primary-dark), var(--primary)); \/* Added gradient *\/\r\n border-radius: 25px; \/* Increased radius *\/\r\n position: relative;\r\n transform: rotate(45deg);\r\n margin: 0 auto;\r\n box-shadow: 0 15px 30px rgba(27, 75, 114, 0.25); \/* Enhanced shadow *\/\r\n overflow: hidden;\r\n }\r\n\r\n .icon-bg::after {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(195, 74, 74, 0.2); \/* Red accent color *\/\r\n top: 0;\r\n left: 0;\r\n opacity: 0;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .service-card:hover .icon-bg::after {\r\n opacity: 1;\r\n background-color: rgba(50, 150, 212, 0.2); \/* Changed to highlight color on hover *\/\r\n }\r\n\r\n .service-icon {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%) rotate(-45deg);\r\n color: white;\r\n font-size: 50px; \/* Increased size *\/\r\n }\r\n\r\n .service-content {\r\n padding: 0 35px 60px; \/* Increased padding *\/\r\n flex-grow: 1;\r\n display: flex;\r\n flex-direction: column;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .service-title {\r\n color: var(--primary-dark);\r\n font-size: 28px; \/* Increased size *\/\r\n font-weight: 700;\r\n margin-bottom: 25px; \/* Increased margin *\/\r\n text-align: center;\r\n position: relative;\r\n padding-bottom: 15px;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .service-card:hover .service-title {\r\n color: var(--highlight); \/* Change to highlight color on hover *\/\r\n }\r\n\r\n .service-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 50px; \/* Increased width *\/\r\n height: 3px; \/* Increased height *\/\r\n background-color: var(--accent);\r\n transition: background-color 0.3s ease;\r\n }\r\n\r\n .service-card:hover .service-title::after {\r\n background-color: var(--highlight); \/* Change to highlight color on hover *\/\r\n }\r\n\r\n .service-description {\r\n color: var(--text-medium);\r\n line-height: 1.8;\r\n margin-bottom: 35px; \/* Increased margin *\/\r\n font-size: 18px; \/* Increased size *\/\r\n text-align: center;\r\n }\r\n\r\n .service-features {\r\n margin-bottom: 40px; \/* Increased margin *\/\r\n flex-grow: 1;\r\n position: relative;\r\n }\r\n\r\n .feature-item {\r\n display: flex;\r\n align-items: flex-start;\r\n margin-bottom: 20px; \/* Increased margin *\/\r\n gap: 18px; \/* Increased gap *\/\r\n transition: all 0.3s ease;\r\n padding: 12px 18px; \/* Increased padding *\/\r\n border-radius: 10px; \/* Increased radius *\/\r\n }\r\n\r\n .service-card:hover .feature-item {\r\n background-color: rgba(50, 150, 212, 0.05); \/* Changed to highlight color on hover *\/\r\n }\r\n\r\n .feature-icon {\r\n color: var(--accent); \/* Changed to accent color *\/\r\n font-size: 18px; \/* Increased size *\/\r\n margin-top: 3px;\r\n flex-shrink: 0;\r\n transition: color 0.3s ease;\r\n \r\n }\r\n \r\n .service-card:hover .feature-icon {\r\n color: #ffffff;\r\n background-color: #3296D4;\r\n }\r\n\r\n .feature-text {\r\n color: var(--text-medium);\r\n font-size: 18px; \/* Increased size *\/\r\n line-height: 1.6;\r\n }\r\n\r\n .service-btn-wrap {\r\n position: relative;\r\n text-align: center;\r\n }\r\n\r\n .service-btn {\r\n display: inline-block;\r\n padding: 16px 38px; \/* Increased padding *\/\r\n background: linear-gradient(90deg, var(--accent), #a53d3d); \/* Red accent color gradient *\/\r\n color: white;\r\n text-decoration: none;\r\n border-radius: 50px;\r\n font-weight: 600;\r\n font-size: 18px; \/* Increased size *\/\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n z-index: 1;\r\n transition: all 0.4s ease;\r\n box-shadow: 0 10px 25px rgba(195, 74, 74, 0.3); \/* Red accent color shadow *\/\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n \r\n .service-btn::before {\r\n content: \"\";\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n height: 100%;\r\n width: 0;\r\n background-color: var(--highlight); \/* Changed to highlight color for hover *\/\r\n transition: width 0.4s ease;\r\n z-index: -1;\r\n }\r\n \r\n .service-btn:hover {\r\n box-shadow: 0 15px 30px rgba(50, 150, 212, 0.4); \/* Changed to highlight color shadow on hover *\/\r\n transform: translateY(-5px); \/* Increased movement *\/\r\n color: white; \/* Ensure text stays white on hover *\/\r\n }\r\n \r\n .service-btn:hover::before {\r\n width: 100%;\r\n }\r\n\r\n .pattern {\r\n position: absolute;\r\n opacity: 0.3;\r\n z-index: 0;\r\n }\r\n\r\n .pattern-1 {\r\n top: 20%;\r\n left: 5%;\r\n }\r\n\r\n .pattern-2 {\r\n bottom: 15%;\r\n right: 5%;\r\n }\r\n\r\n .pattern-dots {\r\n width: 150px; \/* Increased size *\/\r\n height: 150px; \/* Increased size *\/\r\n background-image: radial-gradient(var(--accent) 2px, transparent 2px); \/* Changed to accent color *\/\r\n background-size: 14px 14px; \/* Increased size *\/\r\n }\r\n\r\n .shape {\r\n position: absolute;\r\n opacity: 0.6;\r\n }\r\n\r\n .shape-1 {\r\n top: 20%;\r\n right: 10%;\r\n width: 80px; \/* Increased size *\/\r\n height: 80px; \/* Increased size *\/\r\n background-color: rgba(195, 74, 74, 0.1); \/* Red accent color *\/\r\n border-radius: 15px; \/* Increased radius *\/\r\n transform: rotate(30deg);\r\n }\r\n\r\n .shape-2 {\r\n bottom: 15%;\r\n left: 8%;\r\n width: 60px; \/* Increased size *\/\r\n height: 60px; \/* Increased size *\/\r\n background-color: rgba(27, 75, 114, 0.1);\r\n border-radius: 12px; \/* Increased radius *\/\r\n transform: rotate(15deg);\r\n }\r\n\r\n @media (max-width: 1200px) {\r\n .services-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 40px;\r\n }\r\n \r\n .section-title {\r\n font-size: 38px;\r\n }\r\n \r\n .service-icon {\r\n font-size: 46px;\r\n }\r\n \r\n .icon-bg {\r\n width: 120px;\r\n height: 120px;\r\n }\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .services-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 35px;\r\n }\r\n \r\n .section-title {\r\n font-size: 36px;\r\n }\r\n \r\n .services-section {\r\n padding: 100px 0;\r\n }\r\n \r\n .icon-bg {\r\n width: 110px;\r\n height: 110px;\r\n }\r\n \r\n .service-icon {\r\n font-size: 42px;\r\n }\r\n \r\n .service-title {\r\n font-size: 26px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .services-grid {\r\n grid-template-columns: 1fr;\r\n max-width: 550px;\r\n margin: 0 auto;\r\n }\r\n \r\n .section-title {\r\n font-size: 32px;\r\n }\r\n \r\n .section-header {\r\n margin-bottom: 60px;\r\n }\r\n \r\n .icon-bg {\r\n width: 100px;\r\n height: 100px;\r\n }\r\n \r\n .service-icon {\r\n font-size: 38px;\r\n }\r\n \r\n .service-title {\r\n font-size: 24px;\r\n }\r\n }\r\n \r\n @media (max-width: 576px) {\r\n .service-icon-wrap {\r\n margin-top: 45px;\r\n margin-bottom: 30px;\r\n }\r\n \r\n .icon-bg {\r\n width: 90px;\r\n height: 90px;\r\n border-radius: 15px;\r\n }\r\n \r\n .service-icon {\r\n font-size: 34px;\r\n }\r\n \r\n .service-title {\r\n font-size: 22px;\r\n }\r\n \r\n .section-subtitle {\r\n font-size: 16px;\r\n }\r\n \r\n .section-title {\r\n font-size: 30px;\r\n }\r\n \r\n .service-content {\r\n padding: 0 25px 40px;\r\n }\r\n \r\n .pattern-dots {\r\n width: 100px;\r\n height: 100px;\r\n }\r\n \r\n .shape-1, .shape-2 {\r\n display: none;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"services-section\">\r\n <div class=\"container\">\r\n <!--<div class=\"section-header\">-->\r\n <!-- <h2 class=\"section-title\">Our Legal Services<\/h2>-->\r\n <!-- <p class=\"section-subtitle\">Professional legal expertise tailored to protect your rights and achieve the best possible outcomes in complex legal matters<\/p>-->\r\n <!--<\/div>-->\r\n \r\n <div class=\"services-grid\">\r\n <!-- Criminal Law Card -->\r\n <div class=\"service-card\">\r\n <div class=\"service-icon-wrap\">\r\n <div class=\"icon-bg\">\r\n <div class=\"service-icon\">\r\n <i class=\"fas fa-gavel\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-content\">\r\n <h3 class=\"service-title\">Criminal Law<\/h3>\r\n <p class=\"service-description\">\r\n Expert legal defense for individuals facing criminal charges, with personalized strategies to protect your rights.\r\n <\/p>\r\n <div class=\"service-features\">\r\n <div class=\"feature-item\">\r\n <span class=\"feature-icon\"><i class=\"fas fa-check-circle\"><\/i><\/span>\r\n <span class=\"feature-text\">Defense against misdemeanors and felonies<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <span class=\"feature-icon\"><i class=\"fas fa-check-circle\"><\/i><\/span>\r\n <span class=\"feature-text\">Bail applications and representation<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <span class=\"feature-icon\"><i class=\"fas fa-check-circle\"><\/i><\/span>\r\n <span class=\"feature-text\">Trial preparation and courtroom defense<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-btn-wrap\">\r\n <a href=\"https:\/\/dnlaw.inprocess.uk\/index.php\/criminal-law\/\" class=\"service-btn\">Learn More<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Advocacy Card -->\r\n <div class=\"service-card\">\r\n <div class=\"service-icon-wrap\">\r\n <div class=\"icon-bg\">\r\n <div class=\"service-icon\">\r\n <i class=\"fas fa-balance-scale\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-content\">\r\n <h3 class=\"service-title\">Advocacy<\/h3>\r\n <p class=\"service-description\">\r\n Skilled courtroom representation with persuasive arguments and strategic legal counsel.\r\n <\/p>\r\n <div class=\"service-features\">\r\n <div class=\"feature-item\">\r\n <span class=\"feature-icon\"><i class=\"fas fa-check-circle\"><\/i><\/span>\r\n <span class=\"feature-text\">Expert court appearances and litigation<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <span class=\"feature-icon\"><i class=\"fas fa-check-circle\"><\/i><\/span>\r\n <span class=\"feature-text\">Negotiation and settlement discussions<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <span class=\"feature-icon\"><i class=\"fas fa-check-circle\"><\/i><\/span>\r\n <span class=\"feature-text\">Appeals and judicial review applications<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-btn-wrap\">\r\n <a href=\"https:\/\/dnlaw.inprocess.uk\/index.php\/advocacy\/\" class=\"service-btn\">Learn More<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Personal Injury Card -->\r\n <div class=\"service-card\">\r\n <div class=\"service-icon-wrap\">\r\n <div class=\"icon-bg\">\r\n <div class=\"service-icon\">\r\n <i class=\"fas fa-heartbeat\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-content\">\r\n <h3 class=\"service-title\">Personal Injury<\/h3>\r\n <p class=\"service-description\">\r\n Dedicated support for injury victims seeking fair compensation for accidents and negligence.\r\n <\/p>\r\n <div class=\"service-features\">\r\n <div class=\"feature-item\">\r\n <span class=\"feature-icon\"><i class=\"fas fa-check-circle\"><\/i><\/span>\r\n <span class=\"feature-text\">Accident and injury claim assessment<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <span class=\"feature-icon\"><i class=\"fas fa-check-circle\"><\/i><\/span>\r\n <span class=\"feature-text\">Medical evidence collection and analysis<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <span class=\"feature-icon\"><i class=\"fas fa-check-circle\"><\/i><\/span>\r\n <span class=\"feature-text\">Compensation negotiation and litigation<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-btn-wrap\">\r\n <a href=\"https:\/\/dnlaw.inprocess.uk\/index.php\/personal-injury\/\" class=\"service-btn\">Learn More<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Decorative Elements -->\r\n <div class=\"pattern pattern-1 pattern-dots\"><\/div>\r\n <div class=\"pattern pattern-2 pattern-dots\"><\/div>\r\n <div class=\"shape shape-1\"><\/div>\r\n <div class=\"shape shape-2\"><\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e2deafa e-con-full e-flex e-con e-parent\" data-id=\"e2deafa\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e105aa elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"7e105aa\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Solicitors - Key Features<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" rel=\"stylesheet\">\r\n <style>\r\n \/* Custom variables *\/\r\n :root {\r\n --primary: #1B4B72;\r\n --primary-dark: #0c3554;\r\n --accent: #C34A4A;\r\n --accent-light: rgba(195, 74, 74, 0.4);\r\n --white: #ffffff;\r\n --gray-light: #f5f8fa;\r\n --gray-medium: #e1e8f0;\r\n --text-dark: #333;\r\n --text-medium: #505965;\r\n --hover-color: #3296D4; \/* Added new hover color variable *\/\r\n }\r\n \r\n \/* Using prefixed class names to avoid conflicts with Elementor *\/\r\n .sol-key-features-section {\r\n padding: 20px 0; \/* Increased padding *\/\r\n background-color: var(--gray-light); \/* Changed to match other sections *\/\r\n font-family: 'Montserrat', sans-serif;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .sol-key-features-section * {\r\n box-sizing: border-box;\r\n }\r\n \r\n \/* Background elements *\/\r\n .sol-bg-shape {\r\n position: absolute;\r\n border-radius: 50%;\r\n opacity: 0.3;\r\n z-index: 0;\r\n }\r\n \r\n .sol-bg-shape-1 {\r\n width: 600px;\r\n height: 600px;\r\n background-color: rgba(195, 74, 74, 0.04); \/* Changed to accent color *\/\r\n top: -200px;\r\n right: -200px;\r\n }\r\n \r\n .sol-bg-shape-2 {\r\n width: 400px;\r\n height: 400px;\r\n background-color: rgba(27, 75, 114, 0.05);\r\n bottom: -150px;\r\n left: -100px;\r\n }\r\n \r\n .sol-container {\r\n max-width: 1400px; \/* Increased width *\/\r\n margin: 0 auto;\r\n padding: 0 15px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n \r\n .sol-section-header {\r\n text-align: center;\r\n margin-bottom: 80px; \/* Increased margin *\/\r\n position: relative;\r\n }\r\n \r\n .sol-section-title {\r\n color: var(--primary-dark);\r\n font-size: 42px; \/* Increased size *\/\r\n font-weight: 800; \/* Increased weight *\/\r\n margin-bottom: 25px; \/* Increased margin *\/\r\n font-family: 'Montserrat', sans-serif;\r\n background: linear-gradient(135deg, var(--primary-dark), var(--primary));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n position: relative;\r\n display: inline-block;\r\n padding-bottom: 20px;\r\n }\r\n \r\n .sol-section-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 80px; \/* Increased width *\/\r\n height: 4px; \/* Increased height *\/\r\n background-color: var(--accent);\r\n }\r\n \r\n .sol-section-subtitle {\r\n color: var(--text-medium);\r\n font-size: 18px; \/* Increased size *\/\r\n max-width: 800px; \/* Increased width *\/\r\n margin: 0 auto;\r\n line-height: 1.7;\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n \r\n .sol-features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); \/* Increased min width *\/\r\n gap: 40px; \/* Increased gap *\/\r\n position: relative;\r\n z-index: 2;\r\n }\r\n \r\n .sol-feature-card {\r\n background-color: var(--white);\r\n border: none; \/* Removed border *\/\r\n border-radius: 20px; \/* Increased radius *\/\r\n padding: 40px; \/* Increased padding *\/\r\n transition: all 0.4s ease;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05); \/* Added shadow by default *\/\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .sol-feature-card:hover {\r\n box-shadow: 0 25px 50px rgba(0, 0, 0, 0.1); \/* Enhanced shadow *\/\r\n transform: translateY(-15px); \/* Added movement on hover *\/\r\n }\r\n \r\n \/* Card highlight effect *\/\r\n .sol-feature-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 4px;\r\n height: 0;\r\n background: linear-gradient(to bottom, var(--hover-color), transparent); \/* Changed to use hover color *\/\r\n transition: height 0.4s ease;\r\n }\r\n \r\n .sol-feature-card:hover::before {\r\n height: 100%;\r\n }\r\n \r\n .sol-feature-header {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 25px; \/* Increased margin *\/\r\n }\r\n \r\n .sol-feature-icon {\r\n width: 70px; \/* Increased size *\/\r\n height: 70px; \/* Increased size *\/\r\n background: linear-gradient(135deg, rgba(195, 74, 74, 0.1), rgba(195, 74, 74, 0.2)); \/* Changed to accent color gradient *\/\r\n border-radius: 15px; \/* Increased radius *\/\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--accent); \/* Changed to accent color *\/\r\n font-size: 28px; \/* Increased size *\/\r\n margin-right: 20px; \/* Increased margin *\/\r\n flex-shrink: 0;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .sol-feature-card:hover .sol-feature-icon {\r\n background: linear-gradient(135deg, var(--hover-color), #2176a8); \/* Changed to hover color *\/\r\n color: var(--white);\r\n transform: scale(1.05);\r\n }\r\n \r\n .sol-feature-title {\r\n color: var(--primary-dark);\r\n font-size: 22px; \/* Increased size *\/\r\n font-weight: 700; \/* Increased weight *\/\r\n margin: 0;\r\n font-family: 'Montserrat', sans-serif;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .sol-feature-card:hover .sol-feature-title {\r\n color: var(--hover-color); \/* Changed to hover color *\/\r\n }\r\n \r\n .sol-feature-description {\r\n color: var(--text-medium);\r\n font-size: 18px; \/* Increased size *\/\r\n line-height: 1.7; \/* Increased line height *\/\r\n flex-grow: 1;\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n \r\n \/* Decorative elements *\/\r\n .sol-decorative-pattern {\r\n position: absolute;\r\n opacity: 0.3;\r\n z-index: 0;\r\n }\r\n \r\n .sol-pattern-1 {\r\n top: 15%;\r\n right: 5%;\r\n width: 120px;\r\n height: 120px;\r\n background-image: radial-gradient(var(--accent) 2px, transparent 2px);\r\n background-size: 12px 12px;\r\n }\r\n \r\n .sol-pattern-2 {\r\n bottom: 15%;\r\n left: 5%;\r\n width: 100px;\r\n height: 100px;\r\n background-image: radial-gradient(var(--primary) 2px, transparent 2px);\r\n background-size: 10px 10px;\r\n }\r\n \r\n @media (max-width: 1200px) {\r\n .sol-features-grid {\r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n gap: 30px;\r\n }\r\n \r\n .sol-feature-icon {\r\n width: 65px;\r\n height: 65px;\r\n font-size: 26px;\r\n }\r\n \r\n .sol-section-title {\r\n font-size: 38px;\r\n }\r\n }\r\n \r\n @media (max-width: 992px) {\r\n .sol-feature-icon {\r\n width: 60px;\r\n height: 60px;\r\n font-size: 24px;\r\n }\r\n \r\n .sol-feature-title {\r\n font-size: 20px;\r\n }\r\n \r\n .sol-section-title {\r\n font-size: 36px;\r\n }\r\n \r\n .sol-feature-card {\r\n padding: 35px;\r\n }\r\n }\r\n \r\n @media (max-width: 767px) {\r\n .sol-features-grid {\r\n grid-template-columns: 1fr;\r\n max-width: 550px;\r\n margin: 0 auto;\r\n }\r\n \r\n .sol-feature-card {\r\n padding: 30px;\r\n }\r\n \r\n .sol-section-title {\r\n font-size: 32px;\r\n }\r\n \r\n .sol-key-features-section {\r\n padding: 80px 0;\r\n }\r\n \r\n .sol-section-subtitle {\r\n font-size: 16px;\r\n }\r\n }\r\n \r\n @media (max-width: 576px) {\r\n .sol-feature-icon {\r\n width: 50px;\r\n height: 50px;\r\n font-size: 20px;\r\n }\r\n \r\n .sol-feature-title {\r\n font-size: 18px;\r\n }\r\n \r\n .sol-section-title {\r\n font-size: 28px;\r\n }\r\n \r\n .sol-feature-description {\r\n font-size: 15px;\r\n }\r\n \r\n .sol-section-header {\r\n margin-bottom: 50px;\r\n }\r\n \r\n .sol-feature-card {\r\n padding: 25px;\r\n }\r\n \r\n .sol-decorative-pattern {\r\n display: none;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Using a div instead of section to avoid conflicts with Elementor sections -->\r\n <div class=\"sol-key-features-section\">\r\n <!-- Background shapes -->\r\n <div class=\"sol-bg-shape sol-bg-shape-1\"><\/div>\r\n <div class=\"sol-bg-shape sol-bg-shape-2\"><\/div>\r\n \r\n <!-- Decorative patterns -->\r\n <div class=\"sol-decorative-pattern sol-pattern-1\"><\/div>\r\n <div class=\"sol-decorative-pattern sol-pattern-2\"><\/div>\r\n \r\n <div class=\"sol-container\">\r\n <div class=\"sol-section-header\">\r\n <h2 class=\"sol-section-title\">Why Choose Us<\/h2>\r\n <p class=\"sol-section-subtitle\">Our commitment to excellence and client satisfaction sets us apart, providing you with exceptional legal expertise and support throughout your case.<\/p>\r\n <\/div>\r\n \r\n <div class=\"sol-features-grid\">\r\n <!-- Feature 1 -->\r\n <div class=\"sol-feature-card\">\r\n <div class=\"sol-feature-header\">\r\n <div class=\"sol-feature-icon\">\r\n <i class=\"fas fa-balance-scale\"><\/i>\r\n <\/div>\r\n <h3 class=\"sol-feature-title\">Expert Legal Team<\/h3>\r\n <\/div>\r\n <p class=\"sol-feature-description\">Our solicitors bring decades of combined experience across diverse legal disciplines, ensuring the highest standard of legal expertise for your specific needs and circumstances.<\/p>\r\n <\/div>\r\n \r\n <!-- Feature 2 -->\r\n <div class=\"sol-feature-card\">\r\n <div class=\"sol-feature-header\">\r\n <div class=\"sol-feature-icon\">\r\n <i class=\"fas fa-handshake\"><\/i>\r\n <\/div>\r\n <h3 class=\"sol-feature-title\">Client-Focused Approach<\/h3>\r\n <\/div>\r\n <p class=\"sol-feature-description\">We prioritize building strong client relationships, taking time to understand your unique situation and tailoring our legal strategy to achieve your specific goals and objectives.<\/p>\r\n <\/div>\r\n \r\n <!-- Feature 3 -->\r\n <div class=\"sol-feature-card\">\r\n <div class=\"sol-feature-header\">\r\n <div class=\"sol-feature-icon\">\r\n <i class=\"fas fa-pound-sign\"><\/i>\r\n <\/div>\r\n <h3 class=\"sol-feature-title\">Transparent Pricing<\/h3>\r\n <\/div>\r\n <p class=\"sol-feature-description\">Our fee structure is clear and straightforward with no hidden costs. We offer flexible payment options and provide detailed cost estimates upfront so you always know what to expect.<\/p>\r\n <\/div>\r\n \r\n <!-- Feature 4 -->\r\n <div class=\"sol-feature-card\">\r\n <div class=\"sol-feature-header\">\r\n <div class=\"sol-feature-icon\">\r\n <i class=\"fas fa-comments\"><\/i>\r\n <\/div>\r\n <h3 class=\"sol-feature-title\">Clear Communication<\/h3>\r\n <\/div>\r\n <p class=\"sol-feature-description\">We explain complex legal matters in plain language, keeping you informed at every stage with prompt responses and regular case updates to ensure you're never left in the dark.<\/p>\r\n <\/div>\r\n \r\n <!-- Feature 5 -->\r\n <div class=\"sol-feature-card\">\r\n <div class=\"sol-feature-header\">\r\n <div class=\"sol-feature-icon\">\r\n <i class=\"fas fa-trophy\"><\/i>\r\n <\/div>\r\n <h3 class=\"sol-feature-title\">Proven Track Record<\/h3>\r\n <\/div>\r\n <p class=\"sol-feature-description\">Our firm has consistently delivered successful outcomes across various practice areas, with a 95% client satisfaction rate and numerous positive testimonials from those we've represented.<\/p>\r\n <\/div>\r\n \r\n <!-- Feature 6 -->\r\n <div class=\"sol-feature-card\">\r\n <div class=\"sol-feature-header\">\r\n <div class=\"sol-feature-icon\">\r\n <i class=\"fas fa-clock\"><\/i>\r\n <\/div>\r\n <h3 class=\"sol-feature-title\">Responsive Service<\/h3>\r\n <\/div>\r\n <p class=\"sol-feature-description\">Our efficient processes and advanced case management systems ensure your legal matters progress swiftly without compromising on quality or attention to important details.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-630b079 e-flex e-con-boxed e-con e-parent\" data-id=\"630b079\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-baff471 elementor-widget elementor-widget-shortcode\" data-id=\"baff471\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><pre class=\"ti-widget\" style=\"display: none\"><template id=\"trustindex-google-widget-html\"><div class=\"ti-widget ti-goog ti-review-text-mode-readmore ti-text-align-left\" data-no-translation=\"true\" data-layout-id=\"5\" data-layout-category=\"slider\" data-set-id=\"light-background\" data-pid=\"\" data-language=\"en\" data-review-target-width=\"275\" data-css-version=\"2\" data-review-text-mode=\"readmore\" data-reply-by-locale=\"Owner's reply\" data-pager-autoplay-timeout=\"6\" > <div class=\"ti-widget-container ti-col-4\"> <div class=\"ti-footer source-Google\"> <div class=\"ti-rating-text\"> <strong class=\"ti-rating ti-rating-large\"> GOOD <\/strong> <\/div> <span class=\"ti-stars star-lg\"><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\" ><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\" ><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\" ><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\" ><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/e.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\" ><\/trustindex-image><\/span> <div class=\"ti-rating-text\"> <span class=\"nowrap\">Based on <strong>4 reviews<\/strong><\/span> <\/div> <div class=\"ti-large-logo\"> <div class=\"ti-v-center\"> <trustindex-image class=\"ti-logo-fb\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/logo.svg\" width=\"150\" height=\"25\" loading=\"lazy\" alt=\"Google\" width=\"150\" height=\"25\" ><\/trustindex-image> <\/div> <\/div> <\/div> <div class=\"ti-reviews-container\"> <div class=\"ti-controls\"> <div class=\"ti-next\" aria-label=\"Next review\" role=\"button\"><\/div> <div class=\"ti-prev\" aria-label=\"Previous review\" role=\"button\"><\/div> <\/div> <div class=\"ti-reviews-container-wrapper\"> <div data-empty=\"0\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" > <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <trustindex-image class=\"ti-platform-icon\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" ><\/trustindex-image> <div class=\"ti-profile-img\"> <trustindex-image data-imgurl=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocIp0-lFy_FVh2jq-HRIM7LJZ7hkFzr8pru5Y-sZgH8LYUOJOw=w40-h40-c-rp-mo-ba2-br100\" data-imgurlset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocIp0-lFy_FVh2jq-HRIM7LJZ7hkFzr8pru5Y-sZgH8LYUOJOw=w80-h80-c-rp-mo-ba2-br100 2x\" alt=\"Naveed Ahmed\" loading=\"lazy\" ><\/trustindex-image> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Naveed Ahmed <\/div> <div class=\"ti-date\">2023-12-14<\/div> <\/div> <\/div> <span class=\"ti-stars\"><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\" ><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\" ><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\" ><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\" ><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\" ><\/trustindex-image><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifies that the original source of the review is Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Absolutely amazing experience.. very passionate individuals who will relate to u n go the extra mile n reassure u at every single process .. I was really worried n stressed but dn law really put my fears aside and fought tooth n nail forr n pressed n pressed n really fought for me as if their life depended on it.. I'm sooo happy.. thank you to everybody at dn law.. I really appreciate Ur will and efforts .. thankyou xxxxxx<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Hide\" data-open-text=\"Read more\" ><\/span> <\/div> <\/div> <div data-empty=\"0\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" > <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <trustindex-image class=\"ti-platform-icon\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" ><\/trustindex-image> <div class=\"ti-profile-img\"> <trustindex-image data-imgurl=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocIhLjX3SHBllgKKYU9_b7G-Q9BlJEbn-KtP4eo2A_FqichadlKJ=w40-h40-c-rp-mo-br100\" data-imgurlset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocIhLjX3SHBllgKKYU9_b7G-Q9BlJEbn-KtP4eo2A_FqichadlKJ=w80-h80-c-rp-mo-br100 2x\" alt=\"Kamran Arif\" loading=\"lazy\" ><\/trustindex-image> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Kamran Arif <\/div> <div class=\"ti-date\">2020-09-28<\/div> <\/div> <\/div> <span class=\"ti-stars\"><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\" ><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\" ><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\" ><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\" ><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\" ><\/trustindex-image><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifies that the original source of the review is Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Thanks a lot MR Imran good value they update you every week what\u2019s going on with your file down to earth 100% recommended<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Hide\" data-open-text=\"Read more\" ><\/span> <\/div> <\/div> <div data-empty=\"0\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" > <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <trustindex-image class=\"ti-platform-icon\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" ><\/trustindex-image> <div class=\"ti-profile-img\"> <trustindex-image data-imgurl=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocLGI2AyIsXNR3GfTzCNn0KfJjcLKraPAw3rPi3BQ5mSsmvuuQ=w40-h40-c-rp-mo-br100\" data-imgurlset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocLGI2AyIsXNR3GfTzCNn0KfJjcLKraPAw3rPi3BQ5mSsmvuuQ=w80-h80-c-rp-mo-br100 2x\" alt=\"Michael Whyatt\" loading=\"lazy\" ><\/trustindex-image> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Michael Whyatt <\/div> <div class=\"ti-date\">2019-11-06<\/div> <\/div> <\/div> <span class=\"ti-stars\"><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\" ><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/e.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\" ><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/e.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\" ><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/e.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\" ><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/e.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\" ><\/trustindex-image><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifies that the original source of the review is Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Very poor customer service, on calling the firm for an enquiry i asked have I got through to DN Law to the answer yes if you called them, sarcastic and unprofessional.<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Hide\" data-open-text=\"Read more\" ><\/span> <\/div> <\/div> <\/div> <div class=\"ti-controls-line\"> <div class=\"dot\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/template><\/pre><div data-src=\"https:\/\/cdn.trustindex.io\/loader.js?wp-widget\" data-template-id=\"trustindex-google-widget-html\" data-css-url=\"https:\/\/dnlaw.inprocess.uk\/wp-content\/uploads\/trustindex-google-widget.css?1745580328\"><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>DN Law Ltd – Legal Services Premier Legal Services Legal Excellence You Can Trust We provide expert legal representation to guide you through complex challenges with confidence. Our team of experienced solicitors delivers practical solutions tailored to your specific needs, ensuring the best possible outcome for your case. Free Consultation Our Services Confidentiality Guaranteed Your […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dnlaw.inprocess.uk\/index.php\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dnlaw.inprocess.uk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dnlaw.inprocess.uk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dnlaw.inprocess.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dnlaw.inprocess.uk\/index.php\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":149,"href":"https:\/\/dnlaw.inprocess.uk\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":484,"href":"https:\/\/dnlaw.inprocess.uk\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions\/484"}],"wp:attachment":[{"href":"https:\/\/dnlaw.inprocess.uk\/index.php\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}