Legal Services<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n body {\r\n font-family: 'Montserrat', sans-serif;\r\n background: #ffffff;\r\n overflow-x: hidden;\r\n }\r\n \/* Main Container *\/\r\n .services-container {\r\n max-width: 1600px;\r\n margin: 0 auto;\r\n padding: 40px 20px;\r\n width: 100%;\r\n position: relative;\r\n }\r\n \/* Services Layout *\/\r\n .services-layout {\r\n display: flex;\r\n min-height: 700px;\r\n background: white;\r\n border-radius: 20px;\r\n box-shadow: 0 10px 40px rgba(0,0,0,0.1);\r\n overflow: hidden;\r\n position: relative;\r\n isolation: isolate;\r\n }\r\n \/* Left Sidebar - Categories *\/\r\n .categories-sidebar {\r\n width: 25%;\r\n background: linear-gradient(180deg, #00294B 0%, #00294B 100%);\r\n position: relative;\r\n overflow: visible;\r\n z-index: 10;\r\n align-self: stretch;\r\n }\r\n .categories-list {\r\n list-style: none;\r\n padding: 2px 0; \/* CHANGED: 2px 0 *\/\r\n margin-top: 40px; \/* ADDED: 40px *\/\r\n }\r\n .category-item {\r\n padding: 0.55rem; \/* CHANGED: 0.6rem *\/\r\n cursor: pointer;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n overflow: hidden;\r\n border-bottom: 1px solid rgba(255,255,255,0.1);\r\n z-index: 11;\r\n }\r\n .category-item::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\r\n transition: left 0.5s;\r\n }\r\n .category-item:hover::before {\r\n left: 100%;\r\n }\r\n .category-item:hover {\r\n background: rgba(255,255,255,0.15);\r\n transform: translateX(10px);\r\n box-shadow: 5px 0 20px rgba(0,0,0,0.2);\r\n }\r\n .category-item.active {\r\n background: rgba(255,255,255,0.2);\r\n transform: translateX(15px);\r\n box-shadow: 10px 0 30px rgba(0,0,0,0.3);\r\n }\r\n .category-title {\r\n color: white;\r\n font-size: 15px;\r\n font-weight: 600;\r\n margin-bottom: 0;\r\n transition: all 0.3s ease;\r\n }\r\n .category-subtitle {\r\n color: rgba(255,255,255,0.8);\r\n font-size: 12px;\r\n font-weight: 400;\r\n }\r\n \/* Right Side - Subcategories *\/\r\n .subcategories-area {\r\n width: 75%;\r\n background: #fafafa;\r\n position: relative;\r\n overflow: visible;\r\n z-index: 1;\r\n }\r\n .watermark-bg {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n opacity: 0.05;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230787D9' fill-opacity='0.4'%3E%3Ccircle cx='30' cy='30' r='4'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\r\n }\r\n .subcategories-content {\r\n position: relative;\r\n z-index: 2;\r\n padding: 40px;\r\n height: 100%;\r\n }\r\n .default-message {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 100%;\r\n color: #999;\r\n font-size: 18px;\r\n font-style: italic;\r\n text-align: center;\r\n }\r\n .subcategories-list {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n display: none;\r\n }\r\n .subcategories-list.active {\r\n opacity: 1;\r\n transform: translateY(0);\r\n display: block;\r\n }\r\n .subcategories-list h2 {\r\n font-size: 32px;\r\n color: #333;\r\n margin-bottom: 20px;\r\n background: linear-gradient(135deg, #0787D9, #1a73e8);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n .category-description {\r\n margin-bottom: 30px;\r\n padding: 20px;\r\n background: rgba(7, 135, 217, 0.05);\r\n border-radius: 10px;\r\n border-left: 4px solid #0787D9;\r\n }\r\n .category-description p {\r\n font-size: 16px;\r\n line-height: 1.7;\r\n color: #555;\r\n margin: 0;\r\n text-align: justify;\r\n }\r\n .category-description strong {\r\n color: #0787D9;\r\n font-weight: 700;\r\n }\r\n \/* Direct Services List *\/\r\n .services-direct-list {\r\n padding: 20px 10px;\r\n padding-right: 10px;\r\n }\r\n .service-item {\r\n background: white;\r\n border-radius: 10px;\r\n padding: 15px 20px;\r\n margin-bottom: 12px;\r\n box-shadow: 0 3px 15px rgba(0,0,0,0.08);\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n border-left: 4px solid transparent;\r\n position: relative;\r\n overflow: hidden;\r\n width: 100%;\r\n max-width: 100%;\r\n }\r\n .service-item::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 0;\r\n height: 100%;\r\n background: linear-gradient(90deg, #0787D9, #1a73e8);\r\n transition: width 0.3s ease;\r\n }\r\n .service-item:hover {\r\n transform: translateX(8px);\r\n box-shadow: 0 8px 25px rgba(7, 135, 217, 0.15);\r\n border-left-color: #0787D9;\r\n }\r\n .service-item:hover::before {\r\n width: 4px;\r\n }\r\n .service-item-content {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n .service-item h3 {\r\n font-size: 16px;\r\n color: #333;\r\n font-weight: 600;\r\n margin: 0;\r\n transition: color 0.3s ease;\r\n }\r\n .service-item:hover h3 {\r\n color: #0787D9;\r\n }\r\n \/* Category sections with subtle dividers *\/\r\n .service-category-section {\r\n margin-bottom: 30px;\r\n }\r\n .service-category-section:not(:last-child)::after {\r\n content: '';\r\n display: block;\r\n width: 100%;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, #e0e0e0, transparent);\r\n margin: 20px 0;\r\n }\r\n \/* Responsive Design *\/\r\n @media (max-width: 1024px) {\r\n .services-layout {\r\n flex-direction: column;\r\n }\r\n .categories-sidebar {\r\n width: 100%;\r\n height: auto;\r\n }\r\n .subcategories-area {\r\n width: 100%;\r\n }\r\n .categories-list {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 10px;\r\n padding: 20px;\r\n margin-top: 0; \/* Reset for mobile *\/\r\n }\r\n .category-item {\r\n border-bottom: none;\r\n border-radius: 10px;\r\n text-align: center;\r\n }\r\n }\r\n @media (max-width: 768px) {\r\n .categories-list {\r\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\r\n }\r\n .service-item {\r\n margin-bottom: 10px;\r\n padding: 12px 18px;\r\n }\r\n .service-item h3 {\r\n font-size: 15px;\r\n }\r\n .category-description {\r\n padding: 15px;\r\n }\r\n .category-description p {\r\n font-size: 15px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"services-container\" id=\"service\">\r\n\r\n <div class=\"services-layout\">\r\n \r\n <div class=\"categories-sidebar\">\r\n <ul class=\"categories-list\" id=\"categoriesList\">\r\n <li class=\"category-item\" data-category=\"immigration\">\r\n <div class=\"category-title\">Immigration & Asylum<\/div>\r\n <div class=\"category-subtitle\">Visa, Appeals, Citizenship<\/div>\r\n <\/li>\r\n <li class=\"category-item\" data-category=\"family\">\r\n <div class=\"category-title\">Family Law<\/div>\r\n <div class=\"category-subtitle\">Family Disputes & Settlements<\/div>\r\n <\/li>\r\n <li class=\"category-item\" data-category=\"commercial\">\r\n <div class=\"category-title\">Commercial Lease<\/div>\r\n <div class=\"category-subtitle\">Business Tenancy & Leasing<\/div>\r\n <\/li>\r\n <li class=\"category-item\" data-category=\"business\">\r\n <div class=\"category-title\">Business Law<\/div>\r\n <div class=\"category-subtitle\">Contracts, Agreements<\/div>\r\n <\/li>\r\n <li class=\"category-item\" data-category=\"charity\">\r\n <div class=\"category-title\">Charity Law<\/div>\r\n <div class=\"category-subtitle\">Formation, Governance & Compliance<\/div>\r\n <\/li>\r\n <li class=\"category-item\" data-category=\"will\">\r\n <div class=\"category-title\">Will & Islamic Will<\/div>\r\n <div class=\"category-subtitle\">Inheritance, Wasiyya<\/div>\r\n <\/li>\r\n <li class=\"category-item\" data-category=\"other\">\r\n <div class=\"category-title\">Other Services<\/div>\r\n <div class=\"category-subtitle\">Declarations, Deeds, POA and More<\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div class=\"subcategories-area\">\r\n <div class=\"watermark-bg\"><\/div>\r\n <div class=\"subcategories-content\">\r\n <div class=\"default-message\">\r\n Click on a category to explore our legal services\r\n <\/div>\r\n \r\n <div class=\"subcategories-list\" id=\"immigration\">\r\n <div class=\"category-description\">\r\n <p>We offer an effective and client-focused advice to individuals and businesses in all personal and commercial immigration matters. Our advice is based on thorough knowledge of the Law and Immigration procedures. In addition, we give each of our clients individual attention to lead them through the immigration process successfully. We have expertise in dealing with immigration detention and removal cases. We specialize in Human Rights Law.<\/p>\r\n <\/div>\r\n <div class=\"services-direct-list\">\r\n <div class=\"service-category-section\">\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Appeal in First-tier Tribunal and Upper Tribunal<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Spouse and Fianc\u00e9 Visa<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Student Visa<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Work Permit<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Graduate Visa<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Skilled Worker Sponsorship<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Startup & Innovator Visa<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Scale Up Visa<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Exceptional Talent<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>British Citizenship<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Settled & Pre-Settled Status<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Further Leave to Remain<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Settlement on basis of Domestic Violence<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Asylum Claim<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Human Rights Law Application<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Immigration Detention and Removal<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Immigration Bails and Temporary Admission<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Judicial Review<\/h3>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"subcategories-list\" id=\"family\">\r\n <div class=\"category-description\">\r\n <p>When a relationship breaks down, individuals are in dire need of legal advice and support. That's why we have a dedicated department offering expert advice and guidance on family law matters. Each client's individual circumstances are uniquely different and there are many factors that need to be considered before deciding which course of action should be taken. We can provide you with assistance to help you and your family in the decision-making process, For example, in deciding who the children will live with, child contact arrangements with the other parents, as well as financial and property matters. Here at Wright Justice Solicitors, we can also take the pressure off you when dealing with the courts. We will hold your hand through the whole process, making sure that you have a clear and precise understanding of what each step involves.<\/p>\r\n <\/div>\r\n <div class=\"services-direct-list\">\r\n <div class=\"service-category-section\">\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Protection from Domestic Violence<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Non-Molestation Order<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Children Residence Order<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Child Support<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Divorce & Separation<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Financial Dispute<\/h3>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"subcategories-list\" id=\"commercial\">\r\n <div class=\"category-description\">\r\n <p>We act for numerous popular charities and have specialist and in-depth knowledge and experience of advising and acting for a broad range of charitable organizations. Wright Justice Solicitors offer an advisory role to trustees and the entire working team in their strategic planning of the organization and aim to provide a practical and transparent service.<\/p>\r\n <\/div>\r\n <div class=\"services-direct-list\">\r\n <div class=\"service-category-section\">\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Commercial Property Leasing<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Lease Negotiations<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Property Management Legal Support<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Tenant Rights & Obligations<\/h3>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"subcategories-list\" id=\"business\">\r\n <div class=\"category-description\">\r\n <p> Our Commercial Team offers a wide range of services, including preparing and negotiating Commercial Contracts, terms and conditions of Business, Franchising, Website terms of use, Distribution, Manufacturing and Brand Licensing Agreements, Outsourcing and Agency Agreements. Constructive, cost-effective and practical advice is provided to our clients. We tailor according to the nature of the contract, budget and needs of the client. We undertake to provide clear and concise documents and prepare and\/or update standard terms and conditions of business for your company to avoid any likelihood of issues arising in the future.<\/p>\r\n <\/div>\r\n <div class=\"services-direct-list\">\r\n <div class=\"service-category-section\">\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Shareholder Agreements<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Partnership Agreement<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Share Purchase Agreement<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Investment Agreements<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Supply Chain Agreements<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Procurement Agreements<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Outsourcing Agreements<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Employment Agreement<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Data Protection Agreements<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Intellectual Property Agreements<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Facilities Management Agreements<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Property Management Agreements<\/h3>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"subcategories-list\" id=\"charity\">\r\n <div class=\"category-description\">\r\n <p> We act for numerous popular charities and have specialist and in-depth knowledge and experience of advising and acting for a broad range of charitable organizations. Wright Justice Solicitors offer an advisory role to trustees and the entire working team in their strategic planning of the organization and aim to provide a practical and transparent service.<\/p>\r\n <\/div>\r\n <div class=\"services-direct-list\">\r\n <div class=\"service-category-section\">\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Charity Registration<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Charity Commission<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Constitutional Amendments<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Investment Policies<\/h3>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"subcategories-list\" id=\"will\">\r\n <div class=\"category-description\">\r\n <p>We understand that every single penny matters and no matter how little you think you own, your will is important at an already stressful time to save your family and friends from facing severe difficulties, both emotional and financial. Our team specializes in Will writing, Inheritance Tax advice and planning, as well as Estate Administration and Trust and Court of Protection work. Our team will ensure that your will is drafted in the most tax-efficient manner.<\/p>\r\n <\/div>\r\n <div class=\"services-direct-list\">\r\n <div class=\"service-category-section\">\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Islamic Inheritance Permutations<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Wasiyya (Islamic Will)<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Charitable Gifting<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Life Gifting Distribution<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Funeral Wishes<\/h3>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"subcategories-list\" id=\"other\">\r\n <div class=\"category-description\">\r\n <p>If you want to sponsor someone from abroad to visit you in the UK, you will need to make a Sponsorship Declaration for your visitor. Through a sponsorship statement, you show the immigration authorities your willingness and ability to support your visitor during their visit to the UK. This declaration can be deemed as one of the most important documents your visitor submits with their application. Contact us and we will prepare the Sponsorship Declaration for you.<\/p>\r\n <\/div>\r\n <div class=\"services-direct-list\">\r\n <div class=\"service-category-section\">\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Sponsorship Declarations<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Change Of Name Deed<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Statutory Declaration<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-item-content\">\r\n <h3>Powers Of Attorney<\/h3>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n var categoryItems = document.querySelectorAll('.category-item');\r\n var subcategoryLists = document.querySelectorAll('.subcategories-list');\r\n var defaultMessage = document.querySelector('.default-message');\r\n var validCategories = ['immigration', 'family', 'commercial', 'business', 'charity', 'will', 'other'];\r\n var servicesContainer = document.getElementById('service');\r\n\r\n \/* ============================================\r\n SCROLL OFFSET: 2px down from top\r\n ============================================ *\/\r\n function getScrollOffset() {\r\n var offset = -5; \/\/ 2px down from top edge\r\n \r\n \/\/ WordPress admin bar (only when fixed)\r\n var wpAdminBar = document.getElementById('wpadminbar');\r\n if (wpAdminBar) {\r\n var adminStyle = window.getComputedStyle(wpAdminBar);\r\n if (adminStyle.position === 'fixed' || adminStyle.position === 'sticky') {\r\n offset += wpAdminBar.offsetHeight;\r\n }\r\n }\r\n \r\n \/\/ Common sticky header selectors\r\n var stickySelectors = [\r\n '.elementor-sticky--active',\r\n '.sticky-header',\r\n '.site-header.fixed',\r\n 'header.fixed',\r\n '.main-header.fixed',\r\n '.elementor-location-header .elementor-sticky',\r\n '.header-wrapper.fixed',\r\n '.fixed-top'\r\n ];\r\n \r\n for (var i = 0; i < stickySelectors.length; i++) {\r\n var el = document.querySelector(stickySelectors[i]);\r\n if (el && el.offsetHeight) {\r\n offset += el.offsetHeight;\r\n break;\r\n }\r\n }\r\n \r\n return offset;\r\n }\r\n\r\n function scrollToContent() {\r\n if (!servicesContainer) return;\r\n var rect = servicesContainer.getBoundingClientRect();\r\n var scrollTop = window.pageYOffset || document.documentElement.scrollTop;\r\n var targetY = rect.top + scrollTop - getScrollOffset();\r\n \r\n if (targetY < 0) targetY = 0;\r\n \r\n window.scrollTo({\r\n top: targetY,\r\n behavior: 'smooth'\r\n });\r\n }\r\n\r\n function showCategory(categoryId) {\r\n categoryItems.forEach(function(cat) { cat.classList.remove('active'); });\r\n subcategoryLists.forEach(function(list) { list.classList.remove('active'); });\r\n if (defaultMessage) defaultMessage.style.display = 'none';\r\n\r\n var categoryItem = document.querySelector('[data-category=\"' + categoryId + '\"]');\r\n if (categoryItem) categoryItem.classList.add('active');\r\n\r\n var targetList = document.getElementById(categoryId);\r\n if (targetList) targetList.classList.add('active');\r\n }\r\n\r\n \/* ============================================\r\n SIDEBAR CLICKS (inside page)\r\n ============================================ *\/\r\n categoryItems.forEach(function(item) {\r\n item.addEventListener('click', function () {\r\n showCategory(this.dataset.category);\r\n if (window.history.replaceState) {\r\n window.history.replaceState(null, null, '#' + this.dataset.category);\r\n }\r\n });\r\n });\r\n\r\n \/* ============================================\r\n NAVIGATION MENU CLICKS (from header)\r\n ============================================ *\/\r\n document.addEventListener('click', function(e) {\r\n var link = e.target.closest('a');\r\n if (!link) return;\r\n \r\n var href = link.getAttribute('href');\r\n if (!href) return;\r\n \r\n var hashMatch = href.match(\/#(immigration|family|commercial|business|charity|will|other)$\/i);\r\n if (!hashMatch) return;\r\n \r\n var catId = hashMatch[1].toLowerCase();\r\n \r\n var linkUrl;\r\n try {\r\n linkUrl = new URL(link.href);\r\n } catch (err) {\r\n linkUrl = new URL(link.href, window.location.href);\r\n }\r\n \r\n if (linkUrl.pathname === window.location.pathname) {\r\n e.preventDefault();\r\n showCategory(catId);\r\n window.history.pushState(null, null, '#' + catId);\r\n setTimeout(scrollToContent, 50);\r\n }\r\n });\r\n\r\n \/* ============================================\r\n URL PARSING & ACTIVATION\r\n ============================================ *\/\r\n function getTabFromURL() {\r\n var hash = window.location.hash.replace('#', '').trim().toLowerCase();\r\n var query = new URLSearchParams(window.location.search).get('tab') || '';\r\n if (hash && validCategories.indexOf(hash) !== -1) return hash;\r\n if (query && validCategories.indexOf(query.toLowerCase()) !== -1) return query.toLowerCase();\r\n return null;\r\n }\r\n\r\n function activateFromURL(options) {\r\n options = options || {};\r\n var tab = getTabFromURL();\r\n \r\n if (tab) {\r\n showCategory(tab);\r\n if (options.scroll !== false) {\r\n var rect = servicesContainer.getBoundingClientRect();\r\n var scrollTop = window.pageYOffset || document.documentElement.scrollTop;\r\n var targetY = rect.top + scrollTop - getScrollOffset();\r\n if (targetY < 0) targetY = 0;\r\n window.scrollTo(0, targetY);\r\n }\r\n } else if (categoryItems.length > 0) {\r\n showCategory(categoryItems[0].dataset.category);\r\n }\r\n }\r\n\r\n \/* ============================================\r\n PAGE LOAD\r\n ============================================ *\/\r\n setTimeout(function() {\r\n activateFromURL({ scroll: true });\r\n }, 150);\r\n\r\n \/* ============================================\r\n HASH CHANGE & POPSTATE\r\n ============================================ *\/\r\n window.addEventListener('hashchange', function() {\r\n var tab = getTabFromURL();\r\n if (tab) {\r\n showCategory(tab);\r\n setTimeout(scrollToContent, 50);\r\n }\r\n });\r\n\r\n window.addEventListener('popstate', function() {\r\n var tab = getTabFromURL();\r\n if (tab) {\r\n showCategory(tab);\r\n setTimeout(scrollToContent, 50);\r\n }\r\n });\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Services Legal Services Immigration & Asylum Visa, Appeals, Citizenship Family Law Family Disputes & Settlements Commercial Lease Business Tenancy & Leasing Business Law Contracts, Agreements Charity Law Formation, Governance & […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_siteseo_robots_primary_cat":"","pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-3181","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/greymind.net\/wjs2\/wp-json\/wp\/v2\/pages\/3181","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/greymind.net\/wjs2\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/greymind.net\/wjs2\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/greymind.net\/wjs2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/greymind.net\/wjs2\/wp-json\/wp\/v2\/comments?post=3181"}],"version-history":[{"count":266,"href":"https:\/\/greymind.net\/wjs2\/wp-json\/wp\/v2\/pages\/3181\/revisions"}],"predecessor-version":[{"id":4827,"href":"https:\/\/greymind.net\/wjs2\/wp-json\/wp\/v2\/pages\/3181\/revisions\/4827"}],"wp:attachment":[{"href":"https:\/\/greymind.net\/wjs2\/wp-json\/wp\/v2\/media?parent=3181"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}